@charset'UTF-8'
/* Common Style */
clearfix:after {
	display: block;
	content: '';
	clear: both;
}
clearfix {
	zoom: 1;
}
#footer {
	clear:both;
}
/* パンクズのリンク色 */
#contents-area .topicpath ul li a:link{
	color:#0a50a1;
	text-decoration:none;
}
#contents-area .topicpath ul li a:visited{
	color:#0a50a1;
	text-decoration:none;
}
#contents-area .topicpath ul li a:hover{
	color:#FF8000;
}
/* ページトップリンクボタンのリンク色 */
#main-contents div.product-page-top .page-top a{display:block;}
#main-contents div.product-page-top .page-top a:link{color:#333333;text-decoration:none;}
#main-contents div.product-page-top .page-top a:visited{color:#333333;text-decoration:none;}
#main-contents div.product-page-top .page-top a:hover{color:#333333;text-decoration:underline;}

/* その他ワイヤー */
#others-box dl .item-link a:link{text-decoration:underline; color:#fff;}
#others-box dl .item-link a:visited{text-decoration:underline; color:#fff;}
#others-box dl .item-link a:hover{text-decoration:underline; color:#fff;}

/* リストボックス色分け*/
ul.list-box li a:link h3{ color:#221815; text-decoration:none;}
ul.list-box li a:hover h3{ color:#221815; text-decoration:underline;}
ul.list-box li a:visited h3{ color:#221815; text-decoration:none;}

ul.list-box li a:link p{ color:#333; text-decoration:none;}
ul.list-box li a:hover p{ color:#333; text-decoration:none;}
ul.list-box li a:visited p{ color:#333; text-decoration:none;}

ul.list-box li a:link dt{ color:#333; text-decoration:none;}
ul.list-box li a:hover dt{ color:#333; text-decoration:none;}
ul.list-box li a:visited dt{ color:#333; text-decoration:none;}

ul.list-box li a:link li{ color:#333; text-decoration:none;}
ul.list-box li a:hover li{ color:#333; text-decoration:none;}
ul.list-box li a:visited li{ color:#333; text-decoration:none;}

#about-section .lead-box .log-in-box .btn-box a:link{color:#333; text-decoration:none;}
#about-section .lead-box .log-in-box .btn-box a:visited{color:#333; text-decoration:none;}
#about-section .lead-box .log-in-box .btn-box a:hover span{color:#333; text-decoration:underline;}

/* 共通 ###################################################################################################### */
/***************************************************************
メインコンテンツ
***************************************************************/
#main-contents{
	
	padding: 0 0 15px 10px;
	
}
/*********************************
ヘッダーセクション
**********************************/
#header-section{
	/*width: 700px;*/
	padding: 17px 0 17px 0;
	margin: 0;
	text-align: center;
	border-bottom: solid 7px #014da1;
}
#header-section h1{
	padding: 0 0 10px;
	margin: 0;
}
#header-section p{
	padding:0;
	margin:0;
	font-size:153.9%;
	line-height:1.5;
	font-weight:bold;
}
/*********************************
アバウト セクション
**********************************/
#about-section{
	/*width: 700px;*/
	padding: 23px 0 15px 0;
	margin: 0;
}
/*********************************
アバウト 導入部
**********************************/
#about-section .lead-box{
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
#about-section .lead-box .log-in-box{
	padding: 10px;
	margin: 0 12px 0 0;
	background-color: #eeeeee;
	border: 1px #cfcfcf solid;
	width: 100%;
	display: inline-block;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	vertical-align: top;
}
#about-section .lead-box .log-in-box .btn-box{
	width:100%;
	border-radius: 2px;
	-moz-border-radius: 2px;   /* Firefox用 */
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	-ms-border-radius: 2px;
	border:1px #cfcfcf solid;
	background-color:#fff;
	text-align:center;
	padding:0;
	margin:0;
	display:inline-block;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
#about-section .lead-box .log-in-box .btn-box a{
	display:block;
	padding:1em 0 0.75em;
}
#about-section .lead-box .log-in-box .btn-box img{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:middle;
	margin:0 0.5em 0 0;
}
#about-section .lead-box .log-in-box .btn-box span{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align: middle;
	font-size: 123.1%;
	font-weight: bold;
}

#about-section .lead-box .txt-box{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	width: 366px;
	vertical-align: top;
	padding: 3px 0 0 0;
}
#about-section-login{
	padding: 23px 0 15px 0;
}
#about-section-login .lead-box .txt-box h2{
	font-weight: bold;
	font-size: 150%;
	color: #333;
	padding: 0 10px 2px;
}
#about-section-login .lead-box .txt-box p{
	font-size: 120%;
	line-height: 1.4;
	padding: 0 10px;
}
/*********************************
アバウト 特徴リスト
**********************************/
#about-section .about-list{
	padding: 10px;
	margin: 23px 0 0;
	background-color: #eeeeee;
	border: 1px #cfcfcf solid;
	/*width: 691px;*/
}
#about-section .about-list h3{
	/*width:671px;*/
	clear: both;
	color: #FFF;
	font-size: 131%;
	line-height: 1;
	font-weight: bold;
	text-align: left;
	padding: 2% 0 1.75% 10px;
	margin: 0 0 9px 0;
	background-color:#014da1;
	border-radius: 2px;
	-moz-border-radius: 2px;   /* Firefox用 */
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	-ms-border-radius: 2px;
	position: relative;
	z-index: 0;
}
#about-section .about-list h3 span{
	font-size: 85%;
	line-height: 1;
	padding: 0 0 0 0.5%;
	vertical-align: middle;
}
#about-section .about-list ul{
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
#about-section .about-list ul li{
	border-radius: 2px;
	-moz-border-radius: 2px;   /* Firefox用 */
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	-ms-border-radius: 2px;
	border: 1px #cfcfcf solid;
	background-color: #fff;
	text-align: center;
	width: 100%;
	min-height: 230px;
	padding: 19px 0 15px 0;
	margin: 0;
	vertical-align: top;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
#about-section .about-list ul li dl{
	margin:0;
}
#about-section .about-list ul li dl dt{
	margin:0 0 5px 0;
}
#about-section .about-list ul li dl dt img{
	margin:0 0 10px 0;
}
#about-section .about-list ul li dl dt span{
	clear:both;
	color:#014da1;
	font-size:123.1%;
	font-weight:bold;
	display:block;
}
#about-section .about-list ul li dl dd{
	font-size: 93%;
	line-height: 1.5;
	padding: 0 5px 0;
}
#about-section ul.about-option-txt{
	padding: 18px 10px 10px;
}
#about-section ul.about-option-txt li{
	color:#666;
	font-size:85%;
	line-height:1.4;
	padding:0.5% 0;
}
/***************************************************************
ご利用までの流れ
***************************************************************/
#flow-section h2{
	width:100%;
	clear: both;
	color: #FFF;
	font-size: 131%;
	line-height: 1;
	font-weight: bold;
	text-align: left;
	padding: 2% 0 1.75% 10px;
	margin: 0 0 9px 0;
	background-color:#014da1;
	border-radius: 2px;
	-moz-border-radius: 2px;   /* Firefox用 */
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	-ms-border-radius: 2px;
	position: relative;
	z-index: 0;
}
#flow-section .flow-list{
	padding: 10px;
	margin: 18px 0 0 0;
	background-color: #eeeeee;
	border: 1px #cfcfcf solid;
	width: 100%;
}
#flow-section .flow-list ul{
}
#flow-section .flow-list ul li{
}
#flow-section .flow-list ul li img.under-mark{
	margin:-1px 0 5px 180px;
}
#flow-section .flow-list ul li dl{
	border-radius: 2px;
	-moz-border-radius: 2px;   /* Firefox用 */
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	-ms-border-radius: 2px;
	border:1px #cfcfcf solid;
	background-color:#fff;
	text-align:center;
	padding:20px 10px;
	margin:0;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
#flow-section .flow-list ul li dl dt{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	vertical-align:middle;
	text-align:left;
}
#flow-section .flow-list ul li dl dt .icn-box{
	width: 42px;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	margin: 0 8px 8px 0;
	vertical-align: middle;
}
#flow-section .flow-list ul li dl dt p{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	width:355px;
	padding:0 10px 0 0;
	vertical-align:middle;
	/* height: 91px; */
}
#flow-section .flow-list ul li dl dt p em{
	font-size:161.6%;
	font-weight:bold;
	color:#014da1;
	line-height:1.2;
	font-style: initial;
}
#flow-section .flow-list ul li dl dt p em.txt-s {
	font-size: 161.6%;
	display: inline-block;
	margin: 0 0 0.25em;
}
#flow-section .flow-list ul li dl dt p span{
	display:block;
}
#flow-section .flow-list ul li dl dd{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	color:#fff;
	font-weight:bold;
	width:230px;
	padding:1.5% 0;
	background-color:#014da1;
	border-radius: 2px;
	-moz-border-radius: 2px;   /* Firefox用 */
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	vertical-align:middle;
}
#flow-section .flow-list ul li dl dd.dbl{
		background-color:#fff;
}
#flow-section .flow-list ul li dl dd.dbl div{
	display: block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	color:#fff;
	font-weight:bold;
	width:230px;
	padding: 3.5% 0;
	line-height: 1;
	margin: 3% 0;
	background-color:#014da1;
	border-radius: 2px;
	-moz-border-radius: 2px;   /* Firefox用 */
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
	vertical-align:middle;
}
#flow-section .flow-list ul li dl dd a:link{color:#fff;}
#flow-section .flow-list ul li dl dd a:visited{color:#fff;}
/***************************************************************
えれなび お問い合わせ直前の紹介項目
***************************************************************/
#info-box{
	width: 100%;
	padding: 25px 13px 34px;
	letter-spacing: -0.4em; /* 文字間を詰めて隙間を削除する */
	max-width: 800px;
	margin: 0 auto;
}
#info-box .ttl-img{
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	margin: 0 20px 0 0;
	width: 167px;
}
#info-box p{
	font-size: 167%;
	line-height: 1.4;
	font-weight: bold;
	color: #333;
	width: 100%;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
/***************************************************************
お問い合わせリンク
***************************************************************/
#inquiry-link{
	text-align: center;
	padding: 0;
	clear: both;
	margin: 0 0 55px 0;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
#inquiry-link .btn-mat{
	display: inline-block;
	clear: both;
	color: #FFF;
	margin: 0;
}
#inquiry-link .btn-mat a{
	padding: 14px 110px 9px;
	display: block;
	color: #FFF;
	/* border-radius */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/* box-shadow */
	box-shadow: #c9c9c9 0px 0px 1px 1px;
	-webkit-box-shadow: #c9c9c9 0px 0px 1px 1px;
	-moz-box-shadow: #c9c9c9 0px 0px 1px 1px;
	position: relative;
	z-index: 0;
	background-color: #014099;
}
#inquiry-link .btn-mat a:link{color: #FFF;text-decoration:none;}
#inquiry-link .btn-mat a:visited{color: #FFF;text-decoration:none;}
#inquiry-link .btn-mat a:hover{color: #FFF;text-decoration: none;background-color: #1B6AC2;}
#inquiry-link .btn-mat img{
	vertical-align: middle;
	margin: 0 10px 0 0;
}
#inquiry-link .btn-mat em{
	vertical-align: middle;
	font-size: 136.6%;
	font-weight: bold;
	padding: 0 5px 0 0;
}
#inquiry-link .btn-mat span{
	vertical-align:middle;
	font-size:108%;
	font-weight:bold;
}
#inquiry-link .btn-mat strong{
	display: block;
	font-weight: normal;
	font-size: 110%;
	line-height: 1.1;
	padding: 0 0 4px 0;
}

/***************************************************************
ページの先頭に戻る
***************************************************************/

#main-contents div.product-page-top .page-top{
	width: 110px;
	font-size: 85%;
	display: block;
	padding: 5px 15px 5px 10px;
	margin: 0 0 25px 0;
	
	border: 1px solid #CCC;
	border-radius: 2px;/* CSS3草案 */
	-webkit-border: 3px;/* Safari,Google Chrome用 */
	-moz-border-top: 3px;/* Firefox用 */
	background-image: url(/image/icnlink.png);
	background-repeat: no-repeat;
	background-position: right center;
	position: relative;
	z-index: 0;
}
/***************************************************************
サブメニュー
****************************************************************/

/* ## Tablet Style  ###################################################################################################### */
@media screen and (min-width: 500px) and (max-width: 799px){
/***************************************************************
メインコンテンツ
***************************************************************/
#main-contents{
	width: 100%;
	padding:1.5% 0 0 0;
	margin:0 1%;
	box-sizing:border-box;
}
/***************************************************************
ページの先頭に戻る
***************************************************************/
#main-contents div.product-page-top{
	clear:both;
	margin: 1% auto 30px;
}
#main-contents div.product-page-top .page-top{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	padding:0;
	clear: both;
	text-align: center;
	font-size: 93%;
	background-image: url(/image/icnlink.png);
	background-repeat: no-repeat;
	background-position: 99% center;
}
#main-contents div.product-page-top .page-top a{
	padding:1.8% 0 1.5%;
}
/***************************************************************
サブメニュー
***************************************************************/
#sub-contents{
	display:none;
}
}

@media print,screen and (max-width: 499px) {
#sub-contents {
	display:block;
}

} /* Smartphone Style End */



/***********************************************************************************************************************************************
2024-2025
***********************************************************************************************************************************************/
.c-service-section.m-gray {
    background-color: #e9eaf5;
}

.kokuti-section p{
	font-size: 125%;
}
.kokuti-section h2.c-heading-simple{
	font-size: 280%;
	color: #014da1;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1;
}

.kokuti-section h2 img{
	vertical-align: middle;
	margin: 0 10px 0 0;
}

.sp-bk{
	display: none;
}

.kokuti-section{
	margin-top: 40px;
	margin-bottom: 30px;
}

@media print, screen and (min-width: 61.25em) {
    .c-column-block.m-col4 {
        grid-template-columns: repeat(auto-fill, 24%);
        gap: 10px 1%;
    }
}

@media print, screen and (max-width: 520px) {
	#flow-section .flow-list ul li dl dt p {

		text-align: center;
		width: 100%;
	}
	#flow-section .flow-list ul li dl dt p em.txt-s, #flow-section .flow-list ul li dl dt p em{
		font-size: 130%;
	}
	#flow-section .flow-list ul li dl dt .icn-box {
		width: 30px;
	}
	#flow-section .flow-list ul li dl dt{
		width: 100%;
	}
}

@media print, screen and (max-width: 920px) {
    .kokuti-section p {
		font-size: 110%;
	}
	.kokuti-section h2.c-heading-simple {
		font-size: 200%;
	}
	.kokuti-section h2 img {
		max-width: 50px;
	}
}

@media print, screen and (max-width: 48em) {
    .c-column-block.m-col2, .c-column-block.m-col4 {
        grid-template-columns: repeat(auto-fill, 48%);
        gap: 10px 4%;
    }
	#about-section .about-list ul li dl dt img {
		max-width: 80px;
	}
	#about-section .about-list ul li{
		min-height: 230px;
	}
	#about-section .f-wrapper{
		padding: 0;
	}
	.kokuti-section h2.c-heading-simple {
		font-size: 170%;
		line-height: 1.4;
	}
	.kokuti-section h2 img{
		display: block;
        margin: 0 auto 10px;
	}
	.sp-bk{
		display: block;
	}
	#info-box p {
		font-size: 120%;
	}
}

@media print, screen and (min-width: 48em) {
    .p-contact-block--business {
        padding-top: 32px;
        padding-bottom: 25px;
        border-radius: 25px;
        margin-bottom: 5em;
    }
}

.c-article-col.lead-box {
    gap: 20px;
}
@media print, screen and (min-width: 61.25em) {
	 .c-article-col.lead-box {
	    gap: 40px 23px;
	}
}

.elenavi-menu .c-tabs.m-lv2 .c-tabs__switchers li{
	-webkit-box-flex: 30%;
    -ms-flex: 30% 0 1;
    flex: 30% 0 1;
}

@media print, screen and (max-width: 767px) {
.elenavi-menu .c-tabs.m-lv2 .c-tabs__switchers li{
	-webkit-box-flex: 45%;
	-ms-flex: 45% 0 1;
	flex: 45% 0 1;
}
}