@charset "utf-8";
html {
	font-size: 16px;
}
img {
	backface-visibility: hidden;
-webkit-backface-visibility: hidden;
vertical-align: middle;
    image-rendering: -webkit-optimize-contrast;
}
a,
img,
input,
svg,
*:before,
*:after {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
a:hover img,
a:hover input {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
body {
	color: #4d4d4d;
	 font-family: YakuHanJP_Noto, 'Noto Sans JP', sans-serif; 
/*font-family: YakuHanJP_Noto,'M PLUS 2', sans-serif;*/
	font-weight: 400;
}

.outer_max {
	max-width: 1420px;
	margin: 0 auto;padding: 0 10px;
}

.outer {
	width: 1220px;
	margin: 0 auto;
	padding: 0 10px;
}
.wfull{width: 100%;}
a {
	transition: opacity 0.2s;will-change: contents;
}

a:hover {
	opacity: 0.8;
}

.spview {
	display: none;
}

.pcview {
	display: block;
}

@media screen and (max-width:750px) {
html {
	font-size: 14px;
}
	.outer_max {
		width: 100%;
	}
	.outer {
		width: 100%;
		padding: 0 10px;
	}
	.spview {
		display: block;
	}
	.pcview {
		display: none;
	}
.wfull{padding: 0 10px;}
}

main{margin-top:64px;}
@media screen and (max-width:750px) {
main{margin-top:50px;}
}
/*header*/

header {
	padding: 12px 0 12px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.1);position:fixed;top:0;left:0;width:100%;z-index:999;
background:rgba(255,255,255,0.95);transition: 0.2s;
}
/* header .header_top{background:#7b7c74;margin-bottom: 10px;padding:7px 0 9px;color:#fff;}
header .header_top p {
	font-size: 14px;
	
} */

header div div {
	display: flex;
	align-items: center;
}

header h1 {
	flex:1;
}
header h1 img{
	width: 200px;
}
header h1 span{
	display: none;
}
header ul:not(.menu){display: flex;margin-right:0.5em;font-weight: 500;}
header ul:not(.menu) li{margin-right:1em;}
header .contact_btn{font-weight: 500;font-size:1.1em;}
header .contact_btn a{display:block;padding:10px 12px 12px;background:#113166;color:#fff;border-radius:4px;
box-shadow:0 0 4px 0 rgba(0,0,0,0.2);}

@media screen and (max-width:750px) {
	header {
		padding: 0;height: 50px;
	}


	header div div {
		display: block;
	}
header h1{padding:10px 0;}
header h1 img{
	width: auto;height:30px;
}
/* header .header_top{margin-bottom: 0;line-height:20px;height:20px;padding:0;}
header .header_top p {
	font-size: 11px;
}
header .header_top p span{
display: none;
} */
header ul:not(.menu){display: none;}
header .contact_btn{display: none;}
}




/*hero*/
#hero{width:100%;height:90vh;position: relative;}
#hero .img{width:100%;height:100%;}
#hero .img img{width:100%;height:100%;object-fit: cover;}
#hero .msg{position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);background:rgba(255,255,255,0.75);padding:35px 50px;color:#113166;text-shadow: 0 0 2px rgba(255,255,255,0.4);width: max-content;}
/* #hero .msg p:nth-of-type(1){font-size: 1.75em;font-weight: 700;line-height: 1.4;text-align: center;margin-bottom:20px;border-bottom:1px solid #113166;padding-bottom:20px;} */
#hero .msg p:nth-of-type(1){font-size: 1.4em;font-weight: 900;text-align: center;margin-bottom:15px;}
#hero .msg h2{font-size: 2.4em;font-weight: 900;text-align: center;}
@media screen and (max-width:750px) {
#hero{height:70vh;}
#hero .msg{left:20px;transform: translate(0%,-50%);padding:20px;width: calc(100% - 40px);background:rgba(255,255,255,0.85);}
/* #hero .msg p:nth-of-type(1){font-size: 1em;line-height: 1.5;margin-bottom:15px;padding-bottom:10px;} */
#hero .msg p:nth-of-type(1){font-size: 1.1em;margin-bottom:10px;}
#hero .msg h2{font-size: 1.6em;}
}




/*section title*/
.title_up{text-align: center;font-family: 'Catamaran', sans-serif;font-size: 4.2em;color:#113166;margin-bottom: 5px;font-weight: 900;}
.sec_title{text-align: center;font-size: 1.3em;font-weight: 700;margin-bottom: 30px;color:#7b7c74;}
@media screen and (max-width:750px) {
.title_up{font-size: 2.6em;}
.sec_title{font-size: 1em;margin-bottom: 20px;}
}





/*information*/
#information{padding:90px 0 90px;}
#information div.flex{display:flex;flex-wrap: nowrap;justify-content:space-between;margin:50px -40px 0;}
#information div.flex>div{width:33.3%;text-align: center;margin:0;position: relative;padding:5px 25px;}
/*#information div.flex>div:nth-of-type(3)::before,#information div.flex>div:nth-of-type(4)::before{content:"";position: absolute;top:-31px;width:100%;left:0;border-top:3px dotted #7b7c74;}*/
#information div.flex>div:not(:nth-of-type(3)){border-right:3px dotted #7b7c74;}
#information div.flex>div a{display: block;}
#information div.flex>div div.icon{height:170px;position: relative;}
#information div.flex>div div.icon img{max-height:150px;max-width:100%;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);background:#fff;}
#information div.flex>div p:not(.txt){margin-top:10px;font-weight: 500;font-size: 1.25em;color:#113166;}
#information div.flex>div h3{font-weight: 900;font-size: 1.65em;margin-top:0px;color:#113166;}
#information div.flex>div p.txt{text-align: justify;margin-top: 20px;font-size: 0.85em;line-height: 1.5;padding:15px 20px;background:#efefef;}
/*#information div.flex>div p.soon{position: absolute;width: 100%;margin-top:0;text-align: center;top:50%;left:0;transform: translateY(-50%);font-family: 'Catamaran', sans-serif;font-size: 2em;color:#ddd;}*/
.bggray{background:#f4f4f4;}
@media screen and (max-width:750px) {
#information{padding:40px 0 40px;}
#information div.flex{display:block;margin:0;}
#information div.flex>div{width:100%;margin:0 0 20px;padding:0 0 20px;border-bottom:2px dotted #7b7c74;}
#information div.flex>div:last-of-type{border:none;margin:0;padding:0;}
/*#information div.flex>div:nth-of-type(3)::before,#information div.flex>div:nth-of-type(4)::before{content:none;}*/
#information div.flex>div:not(:nth-of-type(3)){border-right:none;}
#information div.flex>div div.icon{height:unset;position: static;}
#information div.flex>div div.icon img{height:auto;width: auto;position: static;transform:unset;max-height:140px;max-width:100%;}
#information div.flex>div p:not(.txt){margin-top:0px;font-size: 1em;}
#information div.flex>div h3{font-size: 1.5em;margin-top:10px;}
#information div.flex>div p.txt{margin-top: 15px;font-size: 0.85em;padding:10px 15px;}
.bggray{display: none;}
}









/*about*/
#aboutus{padding:90px 0;background:#E7EAEF;}
#aboutus .about_table{margin:60px 120px 0;line-height: 1.5;}
#aboutus .about_table dt{font-weight: 700;color:#113166;border-bottom:1px dotted #ccc;padding-bottom:5px;margin-bottom:10px;font-size: 1em;}
#aboutus .about_table dd{font-size: 1.2em;}
#aboutus .about_table>div:not(:first-of-type){margin-top:20px;}
#aboutus .about_table>div{border-left:5px solid #8898B2;padding:10px 15px 10px 15px;background:#fff;}

@media screen and (max-width:750px) {
#aboutus{padding:40px 0;}
#aboutus .about_table{margin:30px 0 0;}
#aboutus .about_table dt{padding-bottom:5px;margin-bottom:5px;}
#aboutus .about_table dd{font-size: 1em;}
#aboutus .about_table>div:not(:first-of-type){margin-top:15px;}
#aboutus .about_table>div{padding:10px 10px 10px 10px;}
}


#aboutus2{padding:90px 0;background:#E7EAEF;}
#aboutus2 .about_table{margin:60px 120px 0;line-height: 1.5;}
#aboutus2 .about_table dt{font-weight: 700;color:#113166;font-size: 1.2em;width: 150px;text-align: center;}
#aboutus2 .about_table dd{font-size: 1.2em;border-left:1px dotted #666;padding:10px 0px 10px 40px;}
#aboutus2 .about_table>div:not(:first-of-type){margin-top:20px;}
#aboutus2 .about_table>div{display: flex;align-items: center;
padding:15px 15px 15px 0;background:#fff;border-left:5px solid #8898B2;}
#aboutus2 .about_table>div>div{padding:15px 0px 15px 40px;border-left:1px dotted #666;}
#aboutus2 .about_table>div>div>dd{padding:0;border-left:none;}
@media screen and (max-width:750px) {
#aboutus2{padding:40px 0;}
#aboutus2 .about_table{margin:30px 0 0;}
#aboutus2 .about_table dt{width: 80px;font-size: 1em;flex-shrink: 0;}
#aboutus2 .about_table dd{font-size: 1em;padding:10px 0px 10px 20px;}
#aboutus2 .about_table>div:not(:first-of-type){margin-top:15px;}
#aboutus2 .about_table>div{padding:10px 10px 10px 0;}
#aboutus2 .about_table>div>div{padding:10px 0px 10px 20px;}
}


/*contact*/
#contact{padding:90px 0;}
#contact .contact_table{margin:40px 80px 0;}
#contact .contact_table table{width: 100%;table-layout: fixed;border-collapse: separate;border-spacing: 0 20px;}
#contact .contact_table table th{padding:20px 0;width: 25%;background:#113166;color:#fff;font-weight: 700;font-size: 1.1em;vertical-align: middle;position: relative;}
#contact .contact_table table th span{font-size:0.75em;background:#fff;color:#113166;padding:3px 8px 5px;position: absolute;top:1px;left:1px;}
#contact .contact_table table td{padding:20px;background:#E7EAEF;vertical-align: middle;}
#contact .contact_table table td input{appearance: none;border:none;background:none;padding:0;margin:0;background:#fff;width:100%;padding:15px;font-size: 16px;border:1px solid #ccc;outline-color: #113166;font-family: inherit;color:inherit;}
#contact .contact_table table td input:focus{background:#ffe;}
#contact .contact_table table td textarea{appearance: none;border:none;background:none;padding:0;margin:0;background:#fff;width:100%;padding:10px;font-size: 16px;border:1px solid #ccc;outline-color: #113166;font-family: inherit;color:inherit;resize:vertical;height:200px;min-height:200px;}
#contact .contact_table table td textarea:focus{background:#ffe;}
#contact .btn_area{text-align: center;margin-top:30px;}
#contact .btn_area p{margin-top: 30px;line-height: 1.4;font-size: 0.9em;}
#contact .btn_area p a{color:#113166;font-weight: 500;text-decoration: underline;margin-right: 3px;}

#contact .btn_area button{appearance: none;border:none;background:none;padding:0;margin:0;font-family: inherit;color:inherit;background:#F96100;color:#fff;line-height:1;border-radius:40px;padding:10px 60px 15px;font-size:1.4em;font-weight: 800;box-shadow: 0 0 0 2px #fff, 0 0 0 4px #F96100;cursor:pointer;}
#contact .btn_area button:hover{opacity: 0.8;}
@media screen and (max-width:750px) {
#contact{padding:40px 0 40px;}
#contact .contact_table{margin:20px 0 0;}
#contact .contact_table table{border-spacing: 0 10px;}
#contact .contact_table table th{padding:10px 0;font-size: 0.85em;width: 30%;}
#contact .contact_table table td{padding:10px;}
#contact .contact_table table td input{padding:10px;}
#contact .btn_area{margin-top:20px;}
#contact .btn_area p{margin-top: 20px;line-height: 1.3;font-size: 0.8em;}
#contact .btn_area button{padding:8px 0 10px;font-size:1em;box-shadow: 0 0 0 1px #fff, 0 0 0 2px #F96100;width: 100%;}
}


/*pulldown navi*/
#sp_navi{display:none;position:fixed;top:50px;width:100%;z-index:9999;background:#113166;left:0;height:100vh;}
#pulldown_navi{}
#pulldown_navi{height:100%;overflow-y:auto;padding-bottom:140px;padding-top:20px;}
#pulldown_navi ul.menu>li{border-top:1px dotted rgba(255,255,255,0.5);}
#pulldown_navi ul.menu>li:last-child{border-bottom:1px dotted rgba(255,255,255,0.5);}
#pulldown_navi ul.menu>li>a{padding:15px 12px 15px 5px;font-weight:700;color:#fff;display:block;font-size:1.1em;display:flex;justify-content:space-between;}
#pulldown_navi ul li a::after{content:"\f138";font-family: "Font Awesome 5 Free";opacity:0.7;font-weight:bold;}
#sp_navi .info_navi{margin-top:20px;}
#sp_navi .info_navi p a{display:block;width:100%;background:#F96100;color:#fff;text-align: center;font-size: 1.3em;padding:10px 0 12px;font-weight: 700;}

/*headerbtn menu*/
.headerbtn{display:none;}
#openbtn{border:none;outline:none;padding:0;margin:0;background:none;-webkit-appearance:none;appearance:none;border-radius:none;position:relative;z-index:1;
-webkit-tap-highlight-color: rgba(0,0,0,0);font-family:inherit;background:#113166;cursor:pointer;border:5px solid #113166;box-sizing:content-box;}
#openbtn span{font-size:10px;font-weight:500;color:#373131;position:absolute;left:50%;transform:translateX(-50%) rotate(0deg);transform-origin:center center;transition:0.2s;letter-spacing:0.1em;}
#openbtn span:nth-of-type(1),#openbtn span:nth-of-type(2),#openbtn span:nth-of-type(3){display:block;height:2px;width:30px;border-radius:10px;background:#fff;margin:0 auto;}
#openbtn span:nth-of-type(4){bottom:8px;}
#openbtn span:nth-of-type(1){top:13px;}
#openbtn span:nth-of-type(2){top:22px;}
#openbtn span:nth-of-type(3){top:31px;}
@media only screen and (max-width: 750px) {
.headerbtn{position:fixed;top:0;right:-2px;z-index:1;display:block;}
#openbtn{height:48px;width:50px;border:none;border-top:2px solid #113166;}
#openbtn span:nth-of-type(1),#openbtn span:nth-of-type(2),#openbtn span:nth-of-type(3){width:26px;}
#openbtn span:nth-of-type(4){display:none;}
}


/*footer*/
footer {
background:#ebefee;
}
footer .footer_logo{padding:40px 0;}
footer .footer_logo p{text-align: center;color:#777;}
footer .footer_logo p:nth-of-type(1) img{width: 190px;}
footer .footer_logo p:nth-of-type(2){font-weight: 500;font-size: 0.95em;margin-top:15px;}
footer .footer_logo p:nth-of-type(3){font-size: 1.4em;font-weight:800;margin-top:10px;}
footer .copyright {
background:#113166;
	padding: 10px 0;
	text-align: center;
	font-size: 14px;color:#fff;
}

@media screen and (max-width:750px) {
footer .footer_logo{padding:20px 0;}
footer .footer_logo p:nth-of-type(1) img{width: 160px;}
footer .footer_logo p:nth-of-type(2){font-size: 0.9em;margin-top:10px;}
footer .footer_logo p:nth-of-type(3){font-size: 1.25em;margin-top:5px;}
	footer .copyright {
		padding: 10px 0;
font-size: 11px;
	}
}


/*backtop*/
#backtop {position: fixed;bottom: -50px;right: 30px;transition: bottom 0.6s;z-index: 99999;margin:0;}
#backtop a {display: block;background: rgba(255, 255, 255, 0.9);border: 1px solid #113166;border-radius: 50%;width: 50px;height: 50px;text-align: center;color: #113166;padding-top: 6px;transition: background 0.4s, color 0.4s, border-color 0.4s;}
#backtop a:hover {color: #fff;background: #113166;border: 1px solid #113166;opacity: 1;}
#backtop i {display: block;text-align: center;font-size: 19px;margin-bottom: -5px;}
#backtop span {font-size: 13px;font-weight: 900;}
@media only screen and (max-width: 750px) {
#backtop {right:15px;}
}



/*subpage*/
#sub_page{}
#sub_page .sub_head{position: relative;}
#sub_page .sub_head .img{width: 100%;height:180px;position: relative;}
#sub_page .sub_head .img::after{content:"";position: absolute;top:0;left:0;width: 100%;height: 100%;background:url(
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAABRJREFUGFdjZGBgmMnAwJDOyAAFAAyRAQN/XVZtAAAAAElFTkSuQmCC
   ) repeat;}
#sub_page .sub_head img{width: 100%;height: 100%;object-fit: cover;}
#sub_page .sub_head div.txt{position: absolute;top:50%;left:0;text-align: center;transform: translateY(-50%);width: 100%;color:#fff;text-shadow: 0 0 3px rgba(0,0,0,0.7);}
#sub_page .sub_head div.txt p{font-family: 'Catamaran', sans-serif;font-size: 3.4em;margin-bottom: 5px;font-weight: 900;}
#sub_page .sub_head div.txt h2{font-size: 1.3em;font-weight: 700;}
@media screen and (max-width:750px) {
#sub_page .sub_head .img{height:120px;}
#sub_page .sub_head div.txt p{font-size: 2.6em;}
#sub_page .sub_head div.txt h2{font-size: 1em;}
}



/*bread*/
.bread{padding:8px 0;background:#E7EAEF;}
.bread ol li{display: inline;font-size: 0.8em;font-weight: 500;}
.bread ol li:not(:last-child)::after{content:"/";margin:0 5px;}
.bread ol li a{text-decoration: underline;color:#113166;}
.bread ol li i{margin-right: 4px;opacity: 0.7;color:#113166;}


/*sub_contents*/
#sub_contents{padding:70px 0;}
#sub_contents section.privacy:not(:last-of-type){margin-bottom: 70px;}
#sub_contents section.privacy h3{font-weight: 700;font-size: 1.4em;margin-bottom: 20px;}
#sub_contents section.privacy p{line-height: 1.6;margin-bottom: 1em;text-align: justify;}
#sub_contents section.privacy ol{line-height:1.6;list-style-type:decimal;list-style-position: outside;padding-left:1.5em;}
#sub_contents section.privacy ol li{margin-bottom:0.8em;}
#sub_contents section.privacy a{color:#113166;margin:0 5px;font-weight:500;text-decoration:underline;}
@media screen and (max-width:750px) {
#sub_contents{padding:40px 0;}

}