@charset "utf-8";
/* CSS Document */
/* レスポンシブ切り替え　501px,768px（max-width:960px） */

html{
	font-size:100%;
}

*{margin:0;padding:0;text-decoration:none;list-style:none;}
body{
	margin:0;
	padding:0;
	font-family:"Meiryo","Helvetica Neue","Helvetica","sans-serif","Verdana","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Cordia NEW","Myriad Set Pro","Lucida Grande";
	color:#243441;
	text-align:center;
}

a{
	border:0;
	text-decoration:none;
	color:#38B51A;
}
a:hover{
	text-decoration:underline;
}
img{
	vertical-align:middle;
	max-width:100%;
}
.clearfix {
    overflow:hidden;
    height:100%;
}
.spNone{
	display:none;
}

/* ▼header */
.header{
	padding:10px;
	overflow:hidden;
	border-bottom:1px solid #243441;

}
/* マイページ公開前は、会員登録ボタンを表示*/
.header-btn-login a{
	display:block;
	float:right;
	height:14px;
	width:120px;
	padding:8px 0;
	font-size:16px;
	font-weight:bold;
	line-height:14px;
	background-color:#F9BE00;
	border-radius:4px;
	-moz-border-radius:4px;
	text-align:center;
	color:#fff;
}
.header-btn-login a:hover{
	background-color:#FFD955;
}
/*
.header-btn-registry a{
	display:block;
	float:right;
	height:14px;
	width:100px;
	padding:8px 0;
	font-size:16px;
	font-weight:bold;
	line-height:14px;
	background-color:#49B033;
	border-radius:4px;
	-moz-border-radius:4px;
	text-align:center;
	color:#fff;
}
.header-btn-registry a:hover{
	background-color:#3ADE23;
}
*/
.header-logo a{
	display:flex;
	align-items: center;
}
/* .header-logo a img{
	vertical-align:top;
} */
.header-btn-company a{
	display:none;
}

/* ▼本体 */
.mainWrap{
	text-align:left;
}
.subLeftWrap{
	display:none;
}
.index-caption{
	display:table;
	height:300px;
	width:100%;
	margin-bottom:20px;
	background-image: url(../img/index-captionbk_s.jpg);
    background-image: image-set(url(../img/index-captionbk_s.jpg) 1x, url(../img/index-captionbk_l.jpg) 2x);
    background-image: -webkit-image-set(url(../img/index-captionbk_s.jpg) 1x, url(../img/index-captionbk_l.jpg) 2x);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:cover;
	clear:both;
}
.index-caption-box{
	display:table-cell;
	vertical-align:middle;
	padding-left:20px;
	width:100%;
}
.index-caption_1{
	font-size:30px;
	font-weight:bold;
	text-align:left;
	line-height:1.0em;
	margin-bottom:10px;
}
.index-caption_2{
	font-size:18px;
	font-weight:bold;
	line-height:1.5em;
	text-align:left;
	margin-bottom:20px;
	text-shadow:0px 0px 5px #fff,0px 0px 10px #fff,0px 0px 10px #fff;
}
.caption-btn-registry a{
	display:inline-block;
	padding:10px;
	font-size:20px;
	font-weight:bold;
	line-height:20px;
	background-color:#49B033;
	border-radius:4px;
	-moz-border-radius:4px;
	text-align:center;
	color:#fff;
}
.caption-btn-registry a:hover{
	background-color:#3ADE23;
}
.index-nav{
	padding:0 20px;
}
.index-nav-caption{
	display:table;
	height:40px;
	background-image:url(../img-common/logo-fukidashi.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:68px;
	margin-bottom:20px;
}
.index-nav-caption p{
	display:table-cell;
	vertical-align:middle;
	font-size:20px;
	font-weight:bold;
	line-height:1.4em;
	color:#49B033;
}
.index-nav_what, .index-nav_flow, .index-nav_registry{
	display:block;
	position:relative;
	margin-bottom:20px;
}
.index-nav_what img, 
.index-nav_flow img, 
.index-nav_registry img {
	width: 100%;
  	height: 280px;
  	object-fit: cover;
}
.index-nav_what a:hover img, .index-nav_flow a:hover img, .index-nav_registry a:hover img {
	opacity:0.5;
}
.index-nav_what div, .index-nav_flow div, .index-nav_registry div{
	display:table;
	position:absolute;
	bottom:0px;
	vertical-align:middle;
	height:60px;
	width:100%;
	background-color:rgba(0,0,0,0.8);	
}
.index-nav_what a:hover div, .index-nav_flow a:hover div, .index-nav_registry a:hover div{
	background-color:rgba(0,0,0,0.5);
}
.index-nav_what p, .index-nav_flow p, .index-nav_registry p{
	display:table-cell;
	vertical-align:middle;
	font-size:16px;
	line-height:1.4em;
	color:#fff;
	text-align:left;
	padding:10px 20px;
}

.box_ice{
	display:block;
	padding:20px;
	margin:0;
	background-color:#FAF5D3;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
}
.index-summary-txt {
	font-size:16px;
	line-height:1.4em;
	}
.index-summaryR-txt  {
	font-size:16px;
	line-height:1.4em;
	}
	
.index-btn-registry a{
	display:block;
	height:20px;
	padding:10px 20px 10px 50px;
	margin:10px 0;
	background-color:#49B033;
	border-radius:20px;
	-moz-border-radius:20px;	/* Firefox3.6対応 */
	background-image:url(../img-common/ic-man_white.png);
	background-position:20px center;
	background-repeat:no-repeat;
	font-size:16px;
	line-height:20px;
	color:#fff;
	text-decoration:underline;
}
.index-btn-registry a img{
	vertical-align:central;
	padding-left:5px;
}
.index-btn-registry a:hover{
	background-color:#3ADE23;
}

.index-nav-policy li{
	display:inline-block;
	background-image:url(../img-common/ic-allow_green14.png);
	background-position:left center;
	background-repeat:no-repeat;	
	font-size:16px;
	padding:0 15px;
	line-height:2em;
	width: inherit;
}

.box_green{
	display:block;
	background-color:#E1F2DB;
	padding:20px;
	margin:0;
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
}
.index-client-caption{
	font-size:28px;
	font-weight:bold;
	line-height:1em;
}
.index-btn-client a{
	display:block;
	height:20px;
	padding:10px 20px 10px 60px;
	margin:10px 0;
	background-color:#fff;
	border-radius:20px;
	-moz-border-radius:20px;	/* Firefox3.6対応 */
	background-image:url(../img-common/ic-mail_green.png);
	background-position:20px center;
	background-repeat:no-repeat;
	font-size:16px;
	line-height:20px;
}
.index-btn-client a:hover{
	background-color:#ff9;
}
.index-client-img{
	margin:10px 0;
}
.index-client-txt{
	font-size:16px;
}

.nav-caption{
	display:table;
	height:80px;
	background-image:url(../img-common/logo-fukidashi.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:68px;
}
.nav-caption p{
	display:table-cell;
	vertical-align:middle;
	font-size:20px;
	font-weight:bold;
	line-height:1.4em;
}
.sub-txtBox{
	margin:20px 20px 40px 20px;
}
.sub-caption{
	font-size:20px;
	margin-bottom:10px;
}
.sub-txt16{
	font-size:16px;
}
.sub-line{
	border-top:1px solid #ccc;
	margin:10px 0;
}
.c-sub-caption {
	font-size:18px;
	margin-bottom:10px;
	display: flex;
	align-items: center;
}
.c-sub-caption_number{
	font-size:36px;
	vertical-align:middle;
	padding-right:0.25em;
	color:#49B033;
}
.sub-img-bottom{
	margin-bottom:10px;
}

.sub-btn-white a{
	display:block;
	padding:10px 10px 10px 30px;
	margin:10px 0;
	border:1px solid #49B033;
	border-radius:5px;
	-moz-border-radius:2px;	/* Firefox3.6対応 */
	background-image:url(../img-common/ic-allow_green14.png);
	background-position:15px center;
	background-repeat:no-repeat;
	font-size:16px;
	line-height:1.4em;
	color:#243441;
}
.sub-btn-white a:hover{
	background-color:#ff9;
}
.btn-registry a{
	display:block;
	height:20px;
	padding:15px 20px 15px 50px;
	margin:10px 0;
	background-color:#49B033;
	border-radius:25px;
	-moz-border-radius:20px;	/* Firefox3.6対応 */
	background-image:url(../img-common/ic-man_white.png);
	background-position:20px center;
	background-repeat:no-repeat;
	font-size:16px;
	line-height:20px;
	color:#fff;
	text-decoration:underline;
}
.btn-registry a img{
	vertical-align:central;
	padding-left:5px;
}
.btn-registry a:hover{
	background-color:#3ADE23;
}
.btn-pdf a{
	display:inline-block;
	padding:10px 20px 10px 45px;
	margin:10px 0 0 0;
	background-color:#49B033;
	border-radius:20px;
	-moz-border-radius:20px;	/* Firefox3.6対応 */
	background-image:url(../img-common/ic-pdf.png);
	background-position:10px center;
	background-repeat:no-repeat;
	font-size:16px;
	line-height:20px;
	color:#fff;
}
.btn-pdf a:hover{
	background-color:#3ADE23;
}
.index-btn-company a{
	display:block;
	height:20px;
	padding:10px 20px 10px 60px;
	margin:5px 0 0 0;
	background-color:#fff;
	border-radius:20px;
	-moz-border-radius:20px;	/* Firefox3.6対応 */
	background-image:url(../img-common/ic-allow_green14.png);
	background-position:20px center;
	background-repeat:no-repeat;
	font-size:1.6rem;
	line-height:20px;
}
.index-btn-company a:hover{
	background-color:#ff9;
}

.sub-nav-policy li{
	display:inline-block;
	background-image:url(../img-common/ic-allow_green14.png);
	background-position:left center;
	background-repeat:no-repeat;	
	font-size:16px;
	padding:0 20px;
	line-height:2em;
	width: inherit;
}
.sub-list-disc16 li{
	list-style:disc;
	font-size:16px;
	list-style:outside;
	margin:0.25em 0 0 1.5em;
}
.sub-list-disc14 li{
	list-style:disc;
	font-size:16px;
	list-style:outside;
	margin:0.25em 0 0 1.5em;
}
.sub-dl-company dt{
	font-size:22px;
}
.sub-dl-company dd{
	font-size:16px;
	margin:0.25em 0 15px 1em;
}

ul.listLogo{
	display:block;
	float:left;
	margin-bottom:20px;
	clear:both;
}
ul.listLogo-new{
	display:block;
	margin-bottom:0 auto 20px auto;
}
.listLogo li{
	list-style:none;
	display:block;
	float:left;
	margin:0 5px 5px 0;
}
.listLogo-new li{
	list-style:none;
	display:block;
	float:left;
	margin:0 10px 10px 0;
	border:1px solid #ccc;
	padding:5px;
}
	


/* ▼footer */
.footer{
	border-top:1px solid #ccc;
	margin-bottom:50px;
	padding:20px;
	clear:both;
}
	
.footer-languages-link{
	display:block;
	float:left;
	background-image:url(../img-common/ic-language.png);
	background-position:left middle;
	background-repeat:no-repeat;
	padding-left:30px;
	height:22px;
	width:40%;
	font-size:12px;
}
.footer-credit{
	display:block;
	float:right;
	width:50%;
	text-align:right;
	font-size:12px;
	color:#999999;
}

/*戻るボタン*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 13px;
}
#page-top a {
    background: #000;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

@media screen and (min-width:501px){
/* 501px以上 */
.spNone{
	display:inline;
}
.header-btn-registry a{
	width:170px;
}

.header-btn-company a{
	display:block;
	float:right;
	height:14px;
	width:100px;
	padding:8px 0;
	font-size:16px;
	font-weight:bold;
	line-height:14px;
	background-color:#00458A;
	border-radius:4px;
	-moz-border-radius:4px;
	text-align:center;
	color:#fff;
	margin-left:10px;
}
.header-btn-company a:hover{
	background-color:#0062C4;
}

/* ▼本体 */
.index-caption{
	display:table;
	background-image:url(../img/index-captionbk_l.jpg);
	background-position:center;
	height:400px;
	padding:0;
}
.index-caption-box{
	padding-left:20px;
}
.index-caption_1{
	font-size:50px;
	margin-bottom:20px;
	text-shadow:0px 0px 5px #fff,0px 0px 10px #fff,0px 0px 10px #fff;
}
.index-caption_2{
	font-size:16px;
	font-weight:normal;
}
.index-client-img{
	text-align:center;
}

.nav-caption{
	height:80px;
	margin:0;
	background-position:20px center;
	padding-left:88px;
}
.nav-caption p{
	font-size:24px;
}
.subM-img-width{
	padding:10px 20px 0 20px;
}
.sub-caption{
	font-size:22px;
}

	
}


@media screen and (min-width:768px){
/* 768px以上 */

.header {
	max-width:960px;
	margin:auto;
	height:auto;
}

.header-logo{
	height:40px;
}


/*　▼本体　*/
	
.mainWrap{
	max-width:960px;
	margin:auto;
}
.subLeftWrap{
	display:block;
	width:23%;
	float:left;
	padding-left:1%;
}
.subLefWra-nav li{
	border-bottom:1px solid #243441;	
	font-size:16px;
	padding:20px 0;
}
.subLefWra-nav li:first-child{
	border-top:1px solid #243441;
}
.subLefWra-nav li a{
	display:block;
}
.subLefWra-nav li a:hover{
	display:block;
}
	
.subRightWrap{
	display:block;
	width:73%;
	float:right;
	padding-right:1%;
}

.index-nav{
	display:table;
	margin:0 auto;
}
.index-nav_what, .index-nav_flow, .index-nav_registry{
	display:display;/**/
	float:left;/**/
	width:32%;/**/
	position:relative;
	margin:0 2% 20px 0;/**/
}
.index-nav_registry{
	margin-right:0;
}
.index-nav_what div, .index-nav_flow div, .index-nav_registry div{
	display:table;
	position:absolute;
	bottom:0px;
	vertical-align:middle;
	height:60px;
	width:100%;
	background-color:rgba(0,0,0,0.8);	
}
.index-nav_what p, .index-nav_flow p, .index-nav_registry p{
	display:table-cell;
	vertical-align:middle;
	font-size:16px;
	line-height:1.4em;
	color:#fff;
	text-align:left;
	padding:10px 20px;
}
.index-summary-txt {
	display:block;
	float:left;
	width:48%;
	}
.index-summaryR-txt{
	display:block;
	float:right;
	width:48%;
	margin-top:15px;
	}	
.index-btn-registry{
	float:right;
	width:48%;
}
.index-btn-registry a{
	margin-top:0;
}
.index-nav-policy{
	display:block;
	float:right;
	width:48%;
}
.index-nav-policy li{
	margin-left:15px;
	width:100%;
}

.box_ice, .box_green{
	overflow:hidden;
	position:relative;
	zoom:1;
	margin-bottom:20px;
	border:none;
}
.index-box_green{
	padding:0 0 0 20px;
}
.index-client-caption{
	display:block;
	float:left;
	width:48%;
	margin:20px 0 10px 0;
	}
.index-client-img{
	float:right;
	width:48%;
	height:200px;
	margin:0;
	background-image:url(../img/index-client-image_l.jpg);
	background-repeat:no-repeat;
	background-position:center;
}
.index-client-img img{
	display:none;
}
	
.index-client-txt{
	display:block;
	float:left;
	width:48%;
}	
.index-btn-client{
	float:left;
	width:48%;
}
.index-btn-company{
	float:left;
	width:48%;
	clear:left;
	margin-bottom:5px;
}

/* 
.footer-nav-list{
	width:32%;
	display:blook;
	float:left;
	border-bottom:none;
	margin-right:1%;
	line-height:1.35em;
} */
}

.c-footer-nav {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 16px;
}
.c-footer-nav > div > div {
	margin-bottom: 8px;
}
@media screen and (min-width:768px){
	.c-footer-nav {
		flex-direction: row;
		justify-content: space-between;
	}	
}