@charset "utf-8";

/*-----------------------------------------------------------------------/

	common.css
	一般用設定

/-----------------------------------------------------------------------*/

/* ****************-*-//ページ//-*-**************** */

*{
	margin:0px;
	padding:0px;
}

html, body {

	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue","Meiryo","Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", sans-serif;
	font-size: 62.5%;
	height: 100%;
	margin: 0;
	-webkit-text-size-adjust: 100%; /* iPhoneの自動文字サイズ調整機能を無効化 */
}

.ui-page{
    background:#ffffff;
	margin:0px auto;
    position:relative;
    min-height: 100%;
	
	height: auto !important; /* IE6 */
    height: 100%
}

.ui-content{
	background-color:transparent;
	font-size: 1.6rem;
	line-height:1.4;

	margin: 0rem 0rem 5rem 0rem; /* top right bottom left */
	padding: 0.6rem 0rem 9rem 0rem; /* form用padding設定 */
	
	overflow: hidden; /* スクロールバーを隠す */
}

@media all and (min-width: 959px) {
	#container {
		width: 960px;
		margin:0px auto;
	    position:relative;
	}
}

.ui-footer{
    border:0;
	font-size:1.4rem;
	margin: 0rem;
	
	/* containerからの絶対位置を定義 */
	position: absolute;
	bottom: 0;	
	width: 100%;
}

/* ****************-*-//ヘッダー 見出し//-*-**************** */

#common-header	{
	border:none;
	border-style: none;
	background-color:transparent;
	height:3rem;
}

/* popupのheader 他 */
.ui-header{
	background-color: #f00000 !important;
	border-style: none;
	
	display:inline-block;
	width:100%;
}
@media all and (min-width: 959px) { /* PC */
	.ui-header{
		margin: 1rem 0rem 2rem 0rem; /* top right bottom left */
	}
}
@media all and (max-width: 960px) { /* SP */
	.ui-header{
		margin: 1rem 0rem 2rem 0rem;
	}
}

.header2{
	text-align:center;
}
@media all and (min-width: 959px) { /* PC */
	.header2{
		width:960px;
		
		/* 中央に表示*/
		margin:0px auto;
	    position:relative;
	}
}

.ui-btn-right{
	display:inline-block;
	position:absolute;
	right:0.6rem;
	z-index:999;
}
@media all and (min-width: 959px) { /* PC */
	.ui-btn-right{
		top:0.8rem;
	}
}
@media all and (max-width: 960px) { /* SP */
	.ui-btn-right{
		top:0.4rem;
	}
}

.icon-bg-color {
	background-color: #fff !important;
	border:0;
}

.header-icon-text{
	font-size:0.8rem;
	font-weight:normal;
	padding: - 0.4rem; /* top right bottom left */
	margin: - 0.4rem;
}

.navbar-icon-text{
	font-weight:normal;
	text-transform: capitalize; /* 先頭文字を大文字で */
}

.no-cr{
	overflow: visible; /* 文字列を省略しない */
	white-space: normal; /* 改行する */
}

h1 {
	background-color: #f00000;
	color: #ffffff;
	font-weight:normal;
	padding: 1rem 0rem 1rem 0rem; /* top right bottom left */
	margin: 2rem 0rem 0rem 0rem;
	text-align: center;
	text-shadow:none;
}
@media all and (min-width: 959px) { /* PC */
	h1 {
		font-size:1.6rem;
	}
}
@media all and (max-width: 960px) { /* SP */
	h1 {
		font-size:1.6rem;
	}
}

h2	{
	color: #333;
	font-weight:normal;
	padding: 0.8rem 1.6rem 0.8rem 1.6rem; /* top right bottom left */
	text-align: left;
	border-left: 3px solid #f00000; /* テキストの左横の縦線 */
	text-transform: capitalize; /* 先頭文字を大文字で */
}
@media all and (min-width: 959px) { /* PC */
	h2 {
		font-size:1.6rem;
		margin: 4rem 1rem 0rem 1rem; /* top right bottom left */
	}
}
@media all and (max-width: 960px) { /* SP */
	h2 {
		font-size:1.6rem;
		margin: 3rem 1rem 0rem 1rem;
	}
}

h3 {
	color: #333;
	font-weight:normal;
	padding: 0.8rem 1.6rem 0.8rem 1.6rem; /* top right bottom left */
	text-align: left;
	border-left: 3px solid #f00000; /* テキストの左横の縦線 */
	text-transform: capitalize; /* 先頭文字を大文字で */
} 
@media all and (min-width: 959px) { /* PC */
	h3 {
		font-size:1.6rem;
		margin: 4rem 1rem 0rem 1rem; /* top right bottom left */
	}
}
@media all and (max-width: 960px) { /* SP */
	h3 {
		font-size:1.6rem;
		margin: 3rem 1rem 0rem 1rem;
	}
}

h4 { 
	/* for collapsible */
	margin: 3rem 0rem 0rem 1rem; /* top right bottom left */
} 

h6 {
	/* footer */
	font-size:1.2rem;
	font-weight:normal;
	padding: 1rem 0rem 2rem 0rem; /* top right bottom left */
}

.header2{
	text-align:center;
}

.header-link{
	font-size:1.6rem;
	line-height:1;
	text-align:center;

	/* 横並び */
    display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5～7*/
    /zoom: 1; /*for ie5～7*/
}
@media all and (min-width: 959px) { /* PC */
	.header-link{
		margin: 1rem 1rem 0rem 1rem; /* top right bottom left */
	}
}
@media all and (max-width: 960px) { /* SP */
	.header-link{
		margin: 0rem 1rem 0rem 1rem;
	}
}

.header-link a{
	color:#333 !important;
	text-decoration:none;
}
.header-link a:hover{
	color:#ff0000 !important;
	text-shadow:none !important;
}
.header-link-en{
	font-size:1rem;
}

/* ****************-*-//リンク//-*-**************** */

a{
	color:#333333 !important;
	font-weight:normal !important;
	text-decoration:underline;
}
a:hover{
	color: #ff0000 !important;
}

/* ****************-*-//フォーム//-*-**************** */

label, legend, span.label-text {
	color:#6f6f6f;
	margin-bottom:1rem;
	font-size:1.4rem !important;
}

.field-value {
	color:#303030;
}
.industry-text{
	color:#090;
}

input, textarea {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue","Meiryo","Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", sans-serif;
	font-size:1.5rem;
	padding:1rem !important;
}

select {
	font-size:1.5rem;
}

/* 必須項目 */
.label-required{
	background-color:#f00;
	color:#fff;
	font-size:1.2rem;
	margin-left: 0.6rem;
	padding: 0.4rem;
	text-shadow:none;
}
/* 任意項目 */
.label-optional{
	background-color:#0c0;
	color:#fff;
	font-size:1.2rem;
	margin-left: 0.6rem;
	padding: 0.4rem;
	text-shadow:none;
}

/* formの注意書き */
.caution-form-ul {
	color:#606060;
	margin-left: 25%;
	margin-top: 5rem;
}
@media all and (max-width: 960px) { /* SP */
	.caution-form-ul {
		font-size:1.3rem;
	}
}

/* フィールド間の区切り線 */
@media all and (min-width: 450px) {

	.ui-field-contain:first-child{
		border-top: 0rem;
		padding-top: 1.4rem;
	}
	.ui-field-contain{
		border-top: 1px solid #cfcfcf;
		padding-top: 1.4rem;
	}
	/* フィールド間の区切り線を解除 */
	.no-border450{
		border-top: 0rem !important;
	}
}

/* ****************-*-//listview//-*-**************** */

div .listview-area{
	margin: 3rem 1rem 0rem 1rem; /* top right bottom left */
}

.listview-header{
	color:#333;
	font-weight:normal !important;
	margin: 0rem !important;
}

.listview-header-link {
	color:#f00000;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue","Meiryo","Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", sans-serif;
	font-weight:normal !important;
	margin: 0.4rem 0rem 0.8rem 0rem !important; /* top right bottom left */
}
@media all and (min-width: 959px) { /* PC */
	.listview-header-link {
		font-size:1.6rem;
	}
}
@media all and (max-width: 960px) { /* SP */
	.listview-header-link {
		font-size:1.6rem;
	}
}

.listview-p1 {
	color:#333;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue","Meiryo","Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", sans-serif;
	margin: 0rem 0rem 2px 0rem !important;
	padding: 0rem 0rem 2px 0rem !important;
	
	/* リスト内の文字を折り返す */
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	
	/* 折り返さない
	white-space: normal !important;
	*/
}
@media all and (min-width: 959px) { /* PC */
	.listview-header-link {
		font-size:1em;
	}
}
@media all and (max-width: 960px) { /* SP */
	.listview-header-link {
		font-size:1.2rem;
	}
}

.listview-p2{
	color: #090;
	margin: 0rem !important;
}
@media all and (min-width: 959px) { /* PC */
	.listview-p2{
		padding: 0.8rem 0rem 0.8rem 0rem !important;
	}
}
@media all and (max-width: 960px) { /* SP */
	.listview-p2{
		padding:  0.4rem 0rem 0.4rem 0rem !important;
	}
}

/* ****************-*-//collapsible//-*-**************** */

.collapsible-navbar{
	font-size:1.2rem;
	font-weight:normal;
}

/* アコーディオンのパネル部分の背景 */
.ui-collapsible-content{
	background-color:#f6f6ff !important;
	border-radius: 0rem 0rem 1rem 1rem / 0rem 0rem 1rem 1rem; /* 左上 右上 右下 左下 */
	border-style:none !important;
}

/* ****************-*-//フッター//-*-**************** */

.footer-navbar{
	font-size:1rem;
	font-weight: normal !important;
}

div.footer-bg{
	background: #333;
	color: #fff;
	font-size:1rem;
	font-weight: normal;
	margin: 0rem 0rem 0rem 0rem; /* top right bottom left */
	padding: 1.6rem 0rem 0rem 0rem;
	text-align:center;
	text-shadow:none;
}

.footer-link{
	font-size:1.2rem;
	padding: 0.8rem 0rem 0.8rem 0rem; /* top right bottom left */
}
.footer-link a{
	color:#fff !important;
	font-weight: normal !important;
	text-decoration:none;
}


/* ****************-*-//バナー//-*-**************** */

div .banner-sp {
    background:#ffffff;
	color:#666;
	margin: 0rem 0rem 0rem 0rem; /* top right bottom left */
	padding: 0rem 0rem 1rem 0rem;
	text-align: center;
	font-size:1.2rem;
	font-weight: normal;
}

.banner-sp a {
	color:#00c !important;
	font-weight: normal;
}

/* ****************-*-//テーブル//-*-**************** */

div .table-area{
	margin: 3rem 1rem 0rem 1rem; /* top right bottom left */
	text-align:center;
}

table {
	margin-right: auto; /* 中央表示 */
	margin-left: auto;
}

table, th, td { /* 境界線 */
	border: 1px solid #ccc;
	border-collapse: collapse;
}

th, td {
	padding:  0.6rem 1rem  0.6rem 1rem; /* top right bottom left */
}

th {
	background-color: #6f6f6f;
	color: #fff;
	font-weight: normal;
	text-shadow: none;
}

table tr:nth-child(odd) { /* 奇数行の背景色を設定 */
	background-color: #f0f0f0;
}

/* 奇数行の背景色を設定 */
/*
ul li:nth-child(odd) { 
	background-color: #f0f0f0;
}
*/

td.align-l{
	text-align:left;
}

td.align-r{
	text-align:right;
}


/* ****************-*-//ポップアップ//-*-**************** */

h1.div-popup-dialog2{
	font-size:1.4rem !important;
	max-width: 100% !important;
	overflow:visible !important; /* 文字列を省略しない */
	white-space:nowrap !important; /* 改行しない */
}

div.div-popup-dialog{
	margin-bottom:0px !important;
	padding:  0.6rem 1rem  0.6rem 1rem !important; /* top right bottom left */
}


/* ****************-*-//Images//-*-**************** */

img {
    border:0;
	max-width: 100%; /* デバイスの幅にあわせて画像を表示 */
	height: auto;
}

/*
.logo-sp {
	display:inline-block;
	position:absolute;
	top: 0.6rem;
	left: 0.6rem;
	max-width:90px;
	z-index:999;
}
*/

.logo-sp {
	display:inline-block;
	position:absolute;
	left: 0.6rem;
	max-width:90px;
	z-index:999;
}
@media all and (min-width: 959px) {
	.logo-sp {
		max-width:90px;
		top: 0.6rem;
	}
}
@media all and (max-width: 960px) {
	.logo-sp {
		max-width:80px;
		top:1rem;
	}
}


/* ****************-*-//Icons//-*-**************** */

/* --- アイコン設定を上書き --- */
.ui-icon-carat-r:after {
  background-image: url("../jquery/images/icons-png/carat-r-black.png");
  background-color: transparent;
}
.ui-icon-carat-d:after {
  background-image: url("../jquery/images/icons-png/carat-d-black.png");
  background-color: transparent;
}
.ui-icon-carat-u:after {
  background-image: url("../jquery/images/icons-png/carat-u-black.png");
  background-color: transparent;
}

.ui-icon-plus:after {
  background-image: url("../jquery/images/icons-png/plus-black.png");
  background-color: transparent;
}
.ui-icon-minus:after {
  background-image: url("../jquery/images/icons-png/minus-black.png");
  background-color: transparent;
}
.ui-icon-search:after {
  background-image: url("../jquery/images/icons-png/search-black.png");
  background-color: transparent;
}
.ui-icon-delete:after {
  background-image: url("../jquery/images/icons-png/delete-black.png");
  background-color: transparent;
}
.ui-icon-mobile:after {
	background-image: url("../img/icon-pack/resize/mobile.png");
	background-color: transparent;
}

/* --- SNSボタン --- */
div .sns-btn-area{
	margin: 1rem 1rem 0rem 1rem; /* top right bottom left */
	text-align:center;
}
div .sns-btn-area img{
	padding: 0rem  0.4rem 0rem  0.4rem;
}


/* ****************-*-//手順(Step) 表示設定//-*-**************** */

div .step-area{
	text-align:center;
}
@media all and (min-width: 959px) { /* PC */
	div .step-area{
		margin: 2rem 1rem 0rem 1rem; /* top right bottom left */
	}
}
@media all and (max-width: 960px) { /* SP */
	div .step-area{
		margin: 1rem 1rem 0rem 1rem;
	}
}

.table-step{
	background-color: transparent;
    border:0;
	border-spacing: 1px;
	border-collapse: separate; /* 隣接するセルのボーダーを間隔をあけて表示 */
	font-size:11px;
	text-align: left;

	/* テーブルの列幅を均等にする */
	width:100%;
	table-layout:fixed;	
}

.table-step-tr{
	background-color: transparent !important;
}

.table-step-td {
    border:0;
	background-color: transparent !important;
	margin:0px;
	padding:0x;
}

.step-box{
	position: relative;
	padding:  0.4rem 0.8rem;
	margin:0px;
	margin-left:-1rem;
	margin-top:- 0.4rem;
	margin-bottom:- 0.4rem;
	background-color: #eef;
	color:#777;
	text-shadow:none;
}

.step-box::after{
	position: absolute;
	top: 0;
    right:-20.8rem;

	content: '';
	width: 0;
	height: 0;
	border: 2rem solid transparent;
	border-left: 0.8rem solid #eef;
}

.active-step{
	background-color: #f00000;
	color:#fff;
}
.active-step::after{
	position: absolute;
	top: 0;
    right:-20.8rem;

	content: '';
	width: 0;
	height: 0;
	border: 2rem solid transparent;
	border-left: 0.8rem solid #f00000;
}

.step-active-td-header{
	font-size:13px;
	font-style:italic;
	font-weight:bold;
}

/* ****************-*-//etc//-*-**************** */

br {
	letter-spacing:normal; /* IE6,IE7対策 */ 
}

hr.hr1 {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin: 2rem 0rem 2rem 0rem; /* top right bottom left */
}

ul, ol{
	margin:  0.6rem 0rem  0.6rem 1.6rem; /* top right bottom left */
}
@media all and (min-width: 959px) { /* PC */
	ul, ol {
		line-height:180%; /* 行の高さを指定 */
	}
}
/*
li{
	margin: 1rem 0rem 0rem 0rem;
}
*/
.caution{
	color:#f00;
}

/* 注意事項 */
div.caution-area{ 
	line-height:150%; /* 行の高さを指定 */
	margin: 1rem 1rem 0rem 3rem; /* top right bottom left */
}

.caution-title{
	color:#f00;
	font-weight:bold;
	margin: 0rem;
	text-align:center;
}

.caution-ul{
	background-color:transparent !important;
	color:#f00;
	list-style-type:decimal;
}

/* noscript */
.caution2 { 
	background-color: #ffcffc;
	color: #f00;
	line-height: 1.5;
	padding: 1.6rem;
	margin: 3rem 2rem 50px 2rem; /* top right bottom left */
	text-align:center;
	text-shadow:none;

	/* 角をまるく */
	border-radius: 5px;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
}

.caution2 a{
	color:#00c !important;
}

.caution2-title {
	color: #f00;
	font-weight:bold;
}

/* notice */
.menu-notice { 
	background-color: #ffff99;
	color: #333;
	line-height: 1.5;
	padding: 1rem;
	margin: 0.8rem 1rem 0rem 1rem; /* top right bottom left */
	text-align:left;
	text-shadow:none;

	/* 角をまるく */
	border-radius:  0.4rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
}

.menu-notice a{
	color:#00c !important;
}

div .space{
	margin: 3rem 0rem 0rem 0rem; /* top right bottom left */
}

div .text-area{
	line-height:150%; /* 行の高さを指定 */
}
@media all and (min-width: 959px) { /* PC */
	div .text-area {
		margin: 2rem 1rem 0rem 1rem; /* top right bottom left */
	}
}
@media all and (max-width: 960px) { /* SP */
	div .text-area {
		margin: 1rem 1rem 0rem 1rem;
	}
}

div .button-area{
	margin: 2rem 1rem 0rem 1rem; /* top right bottom left */
	text-align:center;
}

.align-center{
	text-align:center;
}

div .login-area{
	padding:1rem;
	margin: 2rem 0rem 0rem 0rem; /* top right bottom left */
	margin-right: auto; /* 中央表示 */
	margin-left: auto;
	max-width:85%;
}

.ui-btn{
	font-size:1.6rem;
}

/* アイテムの省略を阻止 */
body .ui-li .ui-li-desc .ui-footer .ui-title{
	white-space: normal;
}
/*
body .ui-footer .ui-title {
	white-space: normal;
}
*/
.allow-overflow {
	overflow: visible !important;
	white-space: normal !important;
}

.faq-header {
	overflow: visible;
	white-space: normal;
}

.pr-title-bg{
    background: linear-gradient(transparent 90%, #cfcfcf 90%);
}

div .translate-area{
	margin: 1rem 1rem 1rem 0rem; /* top right bottom left */
	text-align:right;
}

/* jquery.lazyload用 */
img.lazy {
	display: none;
}

/* 画面TOPへ戻る */
.pagetop {
    bottom: 0.8rem;
    display: none;
    right:  0.6rem;
    position: fixed;
	z-index:998; /* 常に上に表示*/
}
.pagetop a {
    background-color: #333 !important;
    color: #fff !important;
    display: block;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue","Meiryo","Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", sans-serif;
    font-size: 1.2rem !important;
	font-weight:normal !important;
    text-align: center;
	text-decoration: none;

    /*padding: 5px;*/
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

/* navbarのicon */
.navbar-img {
    border:0;
	height: 2rem !important;
}


/* 画面サイズがモバイル用の場合、非表示設定 */
@media all and (max-width: 449px) {
	.disp-switch-area{
	    display:none;
	}
}

/* 改行(横長時) */
@media all and (max-width: 960px) { /* SP */
	.br2:before {
		content: "\A" ;
		white-space: pre ;
	}
}

/* メニュー画面テキスト用 */
.menu-sub{
	color: #777;
	line-height:100%;
}

/* @ */
.at_sign:after {
	content:"@";
}

/* 企業概要 */
div .detail-table-area{
	text-align:left;
	line-height:150%; /* 行の高さを指定 */
	margin: 2rem 0rem 0rem 0rem; /* top right bottom left */
}

.detail-table-area table{
	border:0;
	
	/* 左揃え */
	/*
	margin-left:0;
	margin-right:auto;
	*/

	margin:0px auto;
    position:relative;

}
.detail-table-area tr{
	background-color:transparent !important;
}
.detail-table-area td{
	border:0;
	color:#606060;
	letter-spacing: 0.0.8rem;
	padding: 1rem 3rem 1.2rem 1rem; /* top right bottom left */
}

.detail-td-sub{
	/* 折り返さない */
	white-space: nowrap;
}

.field-value{
	font-weight:normal;
}

/* ****************-*-//テーマ//-*-**************** */

/* G
-----------------------------------------------------------------------------------------------------------*/

/* Bar: Toolbars, dividers, slider track */

.ui-bar-g,
.ui-page-theme-g .ui-bar-inherit,
html .ui-bar-g .ui-bar-inherit,
html .ui-body-g .ui-bar-inherit,
html body .ui-group-theme-g .ui-bar-inherit {

	background-color: #f3f3f3 /*{g-bar-background-color}*/;
	border-color: #dddddd /*{g-bar-border}*/;
	color: #333333 /*{g-bar-color}*/;
	text-shadow:none;
	font-weight: bold;

}
.ui-bar-g {
	border-width: 1px;
	border-style: solid;
}

/* Page and overlay */
.ui-overlay-g,
.ui-page-theme-g,
.ui-page-theme-g .ui-panel-wrapper {
	background-color:transparent;
	border-color: #c0c0c0 /*{g-page-border}*/;
	color: #333333 /*{g-page-color}*/;
	text-shadow: 0 /*{g-page-shadow-x}*/ 1px /*{g-page-shadow-y}*/ 0 /*{g-page-shadow-radius}*/ #f3f3f3 /*{g-page-shadow-color}*/;
}

/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-g,
.ui-page-theme-g .ui-body-inherit,
html .ui-bar-g .ui-body-inherit,
html .ui-body-g .ui-body-inherit,
html body .ui-group-theme-g .ui-body-inherit,
html .ui-panel-page-container-g {
	background-color: #ffffff /*{g-body-background-color}*/;
	border-color: #cfcfcf /*{g-body-border}*/;
	color: #333333 /*{g-body-color}*/;
	text-shadow: 0 /*{g-body-shadow-x}*/ 1px /*{g-body-shadow-y}*/ 0 /*{g-body-shadow-radius}*/ #f3f3f3 /*{g-body-shadow-color}*/;
}
.ui-body-g {
	border-width: 1px;
	border-style: solid;
}

/* Links */
.ui-page-theme-g a,
html .ui-bar-g a,
html .ui-body-g a,
html body .ui-group-theme-g a {
	color: #333333;
}
.ui-page-theme-g a:visited,
html .ui-bar-g a:visited,
html .ui-body-g a:visited,
html body .ui-group-theme-g a:visited {
	color: #333333;
}
.ui-page-theme-g a:hover,
html .ui-bar-g a:hover,
html .ui-body-g a:hover,
html body .ui-group-theme-g a:hover {
	color: #333333;
}
.ui-page-theme-g a:active,
html .ui-bar-g a:active,
html .ui-body-g a:active,
html body .ui-group-theme-g a:active {
	color: #333333;
}

/* Button up */
.ui-page-theme-g .ui-btn,
html .ui-bar-g .ui-btn,
html .ui-body-g .ui-btn,
html body .ui-group-theme-g .ui-btn,
html head + body .ui-btn.ui-btn-g,

/* Button visited */
.ui-page-theme-g .ui-btn:visited,
html .ui-bar-g .ui-btn:visited,
html .ui-body-g .ui-btn:visited,
html body .ui-group-theme-g .ui-btn:visited,
html head + body .ui-btn.ui-btn-g:visited {

	background-color:#fefefe;
	border-color: #c0c0c0;
	color: #333;
	text-shadow:none;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue","Meiryo","Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", sans-serif;
	font-weight:normal;
	font-size:1.6rem;
	
}

/* Button hover */
.ui-page-theme-g .ui-btn:hover,
html .ui-bar-g .ui-btn:hover,
html .ui-body-g .ui-btn:hover,
html body .ui-group-theme-g .ui-btn:hover,
html head + body .ui-btn.ui-btn-g:hover {

	background-color: #fcfcfc;
	border-color: #a0a0a0;
	color: #ff0000 !important;
	text-shadow: 0 /*{g-bhover-shadow-x}*/ 1px /*{g-bhover-shadow-y}*/ 0 /*{g-bhover-shadow-radius}*/ #f3f3f3 /*{g-bhover-shadow-color}*/;
	
}

/* Button down */
.ui-page-theme-g .ui-btn:active,
html .ui-bar-g .ui-btn:active,
html .ui-body-g .ui-btn:active,
html body .ui-group-theme-g .ui-btn:active,
html head + body .ui-btn.ui-btn-g:active {

	background-color: #f6f6f6;
	border-color: #dddddd;
	color: #f00000;
	text-shadow: 0 /*{g-bdown-shadow-x}*/ 1px /*{g-bdown-shadow-y}*/ 0 /*{g-bdown-shadow-radius}*/ #f3f3f3 /*{g-bdown-shadow-color}*/;
	
}

/* Active button */
.ui-page-theme-g .ui-btn.ui-btn-active,
html .ui-bar-g .ui-btn.ui-btn-active,
html .ui-body-g .ui-btn.ui-btn-active,
html body .ui-group-theme-g .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-g.ui-btn-active,

/* Active checkbox icon */
.ui-page-theme-g .ui-checkbox-on:after,
html .ui-bar-g .ui-checkbox-on:after,
html .ui-body-g .ui-checkbox-on:after,
html body .ui-group-theme-g .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-g:after,

/* Active flipswitch background */
.ui-page-theme-g .ui-flipswitch-active,
html .ui-bar-g .ui-flipswitch-active,
html .ui-body-g .ui-flipswitch-active,
html body .ui-group-theme-g .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-g.ui-flipswitch-active,

/* Active slider track */
.ui-page-theme-g .ui-slider-track .ui-btn-active,
html .ui-bar-g .ui-slider-track .ui-btn-active,
html .ui-body-g .ui-slider-track .ui-btn-active,
html body .ui-group-theme-g .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-g .ui-btn-active {
	background-color: #f00000 /*{g-active-background-color}*/;
	border-color: #cf0000 /*{g-active-border}*/;
	color: #ffffff !important;
	text-shadow: 0 /*{g-active-shadow-x}*/ 1px /*{g-active-shadow-y}*/ 0 /*{g-active-shadow-radius}*/ #cf0000 /*{g-active-shadow-color}*/;
}

/* Active radio button icon */
.ui-page-theme-g .ui-radio-on:after,
html .ui-bar-g .ui-radio-on:after,
html .ui-body-g .ui-radio-on:after,
html body .ui-group-theme-g .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-g:after {
	border-color: #f00000 /*{g-active-background-color}*/;
}

/* Focus */
.ui-page-theme-g .ui-btn:focus,
html .ui-bar-g .ui-btn:focus,
html .ui-body-g .ui-btn:focus,
html body .ui-group-theme-g .ui-btn:focus,
html head + body .ui-btn.ui-btn-g:focus,
/* Focus buttons and text inputs with div wrap */
.ui-page-theme-g .ui-focus,
html .ui-bar-g .ui-focus,
html .ui-body-g .ui-focus,
html body .ui-group-theme-g .ui-focus,
html head + body .ui-btn-g.ui-focus,
html head + body .ui-body-g.ui-focus {
	-webkit-box-shadow: 0 0 1.2rem #cccccc /*{g-active-background-color}*/;
	-moz-box-shadow: 0 0 1.2rem #cccccc /*{g-active-background-color}*/;
	box-shadow: 0 0 1.2rem #cccccc /*{g-active-background-color}*/;
}


/* H (Red)
-----------------------------------------------------------------------------------------------------------*/

/* Bar: Toolbars, dividers, slider track */

.ui-bar-h,
.ui-page-theme-h .ui-bar-inherit,
html .ui-bar-h .ui-bar-inherit,
html .ui-body-h .ui-bar-inherit,
html body .ui-group-theme-h .ui-bar-inherit {

	background-color:#ffec64;
	border-color: #ffaa22;
	color: #fff;
	text-shadow:none;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue","Meiryo","Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", sans-serif;
	font-weight:normal;
	font-size:1.6rem;
	
	-webkit-box-shadow: 0 1px 3px #ffca42;
	-moz-box-shadow: 0 1px 3px #ffca42;
	box-shadow: 0 1px 3px #ffca42;
}

/* Page and overlay */

.ui-overlay-h,
.ui-page-theme-h,
.ui-page-theme-h .ui-panel-wrapper {
	background-color: #ffffff /*{d-page-background-color}*/;
	border-color: #bbbbbb /*{d-page-border}*/;
	color: #333333 /*{d-page-color}*/;
	text-shadow:none;
}
/* Body: Read-only lists, text inputs, collapsible content */
.ui-body-h,
.ui-page-theme-h .ui-body-inherit,
html .ui-bar-h .ui-body-inherit,
html .ui-body-h .ui-body-inherit,
html body .ui-group-theme-h .ui-body-inherit,
html .ui-panel-page-container-h {
	background-color: #ffffff /*{d-body-background-color}*/;
	border-color: #dddddd /*{d-body-border}*/;
	color: #333333 /*{d-body-color}*/;
	text-shadow:none;
}
.ui-body-h {
	border-width: 1px;
	border-style: solid;
}


/* Links */

.ui-page-theme-h a,
html .ui-bar-h a,
html .ui-body-h a,
html body .ui-group-theme-h a {

	color: #fff;
	font-weight:normal;
}
.ui-page-theme-h a:visited,
html .ui-bar-h a:visited,
html .ui-body-h a:visited,
html body .ui-group-theme-h a:visited {
	color: #fff;
}
.ui-page-theme-h a:hover,
html .ui-bar-h a:hover,
html .ui-body-h a:hover,
html body .ui-group-theme-h a:hover {
	color: #fff;
}
.ui-page-theme-h a:active,
html .ui-bar-h a:active,
html .ui-body-h a:active,
html body .ui-group-theme-h a:active {
	color: #fff;
}

/* Button up */
.ui-page-theme-h .ui-btn,
html .ui-bar-h .ui-btn,
html .ui-body-h .ui-btn,
html body .ui-group-theme-h .ui-btn,
html head + body .ui-btn.ui-btn-h,

/* Button visited */
.ui-page-theme-h .ui-btn:visited,
html .ui-bar-h .ui-btn:visited,
html .ui-body-h .ui-btn:visited,
html body .ui-group-theme-h .ui-btn:visited,
html head + body .ui-btn.ui-btn-h:visited {

/*
	background-color:#f00000;
	background:-webkit-gradient(linear, from(#f00), to(#a11));
	background:-webkit-linear-gradient(#f00, #a11);
	background:-moz-linear-gradient(#f00, #a11);
	background:-o-linear-gradient(#f00, #a11);
	background:linear-gradient(#f00, #a11);
*/
	background-color:#f00;
	background:-webkit-gradient(linear, from(#f00), to(#e00));
	background:-webkit-linear-gradient(#f00, #e00);
	background:-moz-linear-gradient(#f00, #e00);
	background:-o-linear-gradient(#f00, #e00);
	background:linear-gradient(#f00, #e00);

	border-color: #f00000;
	color: #fff !important;
	text-shadow:none;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue","Meiryo","Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", sans-serif;
	font-weight:normal;
	font-size:1.6rem;
}

/* Button hover */
.ui-page-theme-h .ui-btn:hover,
html .ui-bar-h .ui-btn:hover,
html .ui-body-h .ui-btn:hover,
html body .ui-group-theme-h .ui-btn:hover,
html head + body .ui-btn.ui-btn-h:hover {

	background-color:#ff1000;
	border-color: #f00000;
	color: #fff;
	text-shadow:none;
}

/* Button down */
.ui-page-theme-h .ui-btn:active,
html .ui-bar-h .ui-btn:active,
html .ui-body-h .ui-btn:active,
html body .ui-group-theme-h .ui-btn:active,
html head + body .ui-btn.ui-btn-h:active {

	background-color:#f00f0f;
	color: #fff;
	text-shadow:none;

}

/* Active button */
.ui-page-theme-h .ui-btn.ui-btn-active,
html .ui-bar-h .ui-btn.ui-btn-active,
html .ui-body-h .ui-btn.ui-btn-active,
html body .ui-group-theme-h .ui-btn.ui-btn-active,
html head + body .ui-btn.ui-btn-h.ui-btn-active,

/* Active checkbox icon */
.ui-page-theme-h .ui-checkbox-on:after,
html .ui-bar-h .ui-checkbox-on:after,
html .ui-body-h .ui-checkbox-on:after,
html body .ui-group-theme-h .ui-checkbox-on:after,
.ui-btn.ui-checkbox-on.ui-btn-h:after,

/* Active flipswitch background */
.ui-page-theme-h .ui-flipswitch-active,
html .ui-bar-h .ui-flipswitch-active,
html .ui-body-h .ui-flipswitch-active,
html body .ui-group-theme-h .ui-flipswitch-active,
html body .ui-flipswitch.ui-bar-h.ui-flipswitch-active,

/* Active slider track */
/* ラジオボタンselected */
.ui-page-theme-h .ui-slider-track .ui-btn-active,
html .ui-bar-h .ui-slider-track .ui-btn-active,
html .ui-body-h .ui-slider-track .ui-btn-active,
html body .ui-group-theme-h .ui-slider-track .ui-btn-active,
html body div.ui-slider-track.ui-body-h .ui-btn-active {

	background-color:#ffec64;
	border-color: #f30;
	color: #fff;

	text-shadow:none;
}

/* Active radio button icon */
.ui-page-theme-h .ui-radio-on:after,
html .ui-bar-h .ui-radio-on:after,
html .ui-body-h .ui-radio-on:after,
html body .ui-group-theme-h .ui-radio-on:after,
.ui-btn.ui-radio-on.ui-btn-h:after {
	border-color: #f30;
}

/* Focus */
.ui-page-theme-h .ui-btn:focus,
html .ui-bar-h .ui-btn:focus,
html .ui-body-h .ui-btn:focus,
html body .ui-group-theme-h .ui-btn:focus,
html head + body .ui-btn.ui-btn-h:focus,

/* Focus buttons and text inputs with div wrap */
.ui-page-theme-h .ui-focus,
html .ui-bar-h .ui-focus,
html .ui-body-h .ui-focus,
html body .ui-group-theme-h .ui-focus,
html head + body .ui-btn-h.ui-focus,
html head + body .ui-body-h.ui-focus {

	background-color:#f00;
	border-color: #f00;

	-webkit-box-shadow: 0 2px  0.4rem 2px #f96 /*{d-active-background-color}*/;
	-moz-box-shadow: 0 2px  0.4rem 2px #f96 /*{d-active-background-color}*/;
	box-shadow: 0 2px  0.4rem 2px #f96 /*{d-active-background-color}*/;
}


/* I (Yellow)
-----------------------------------------------------------------------------------------------------------*/

/* Bar: Toolbars, dividers, slider track */

.ui-bar-i,
.ui-page-theme-i .ui-bar-inherit,
html .ui-bar-i .ui-bar-inherit,
html .ui-body-i .ui-bar-inherit,
html body .ui-group-theme-i .ui-bar-inherit {

	background-color:#ffcc33;
	border-color: #ff6600;
	color: #fff;
	text-shadow:none;
}

/* Button up */
.ui-page-theme-i .ui-btn,
html .ui-bar-i .ui-btn,
html .ui-body-i .ui-btn,
html body .ui-group-theme-i .ui-btn,
html head + body .ui-btn.ui-btn-i,

/* Button visited */
.ui-page-theme-i .ui-btn:visited,
html .ui-bar-i .ui-btn:visited,
html .ui-body-i .ui-btn:visited,
html body .ui-group-theme-i .ui-btn:visited,
html head + body .ui-btn.ui-btn-i:visited {

	background-color:#ffcc33;
	
	background:-webkit-gradient(linear, from(#fc3), to(#f60));
	background:-webkit-linear-gradient(#fc3, #f60);
	background:-moz-linear-gradient(#fc3, #f60);
	background:-o-linear-gradient(#fc3, #f60);
	background:linear-gradient(#fc3, #f60);

	border-color: #ff6600;
	color: #fff !important;

	text-shadow:none;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue","Meiryo","Hiragino Sans", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", sans-serif;
	font-weight:normal;
	font-size:1.6rem;

}

/* Button hover */
.ui-page-theme-i .ui-btn:hover,
html .ui-bar-i .ui-btn:hover,
html .ui-body-i .ui-btn:hover,
html body .ui-group-theme-i .ui-btn:hover,
html head + body .ui-btn.ui-btn-i:hover {

	background-color:#ffcc33;
	border-color: #ff6600;
	color: #fff;
	text-shadow: none;
}

/* Button down */
.ui-page-theme-i .ui-btn:active,
html .ui-bar-i .ui-btn:active,
html .ui-body-i .ui-btn:active,
html body .ui-group-theme-i .ui-btn:active,
html head + body .ui-btn.ui-btn-i:active {

	background-color:#ffcc33;
	border-color: #ff6600;
	color: #fff;
	text-shadow: none;
}

/* ------------------------------------------------------------------------------ */


/* ****************-*-//PC//-*-**************** */

@media all and (min-width: 959px) { /* PC */
	#container0{
		width: 960px;
		margin:0px auto;
	    position:relative;
	}
}

.table-common{
	width:100%;
}

/* --- company-detail --- */
div .detail-table-area{
	text-align:left;
	line-height:150%; /* 行の高さを指定 */
	margin: 2rem 0rem 0rem 0rem; /* top right bottom left */
}

.detail-table-area table{
	border:0;
	
	/* 左揃え */
	margin-left:0;
	margin-right:auto;
}
.detail-table-area tr{
	background-color:transparent !important;
}
.detail-table-area td{
	border:0;
	color:#333;
	letter-spacing: 0.0.8rem;
	padding: 1rem 3rem 1.2rem 1rem; /* top right bottom left */
}

.detail-td-sub{
	/* 折り返さない */
	white-space: nowrap;
	text-transform: capitalize; /* 先頭文字を大文字で */
}


/* ------------------------------------------------------------------------------ */

@media all and (min-width: 959px) { /* スマホ用コンテンツを表示しない */
	.sp-area {
		display: none;
	}
}
@media all and (max-width: 960px) { /* PC用コンテンツを表示しない */
	.pc-area {
		display: none;
	}
}