@charset "utf-8";



/*//////////////////

ヘッダー・フッター・ナビゲーション等
共通コンテンツ

//////////////////*/

#header .mainbox{ background: rgba(255, 255, 255); position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 100; }
#header .mainbox>.incnt{ width: calc(100% - 120px); margin-left: 60px; }
body#index #header .mainbox .incnt.fix{ width: calc(100% - 120px); }
#header .mainbox>.incnt>.inwrap{ display: flex; flex-direction: row; justify-content: space-between; height: 125px;  transition: .4s; }
#header .mainbox .logobox{ display: flex; align-items: center; }
#header .mainbox .logobox img{ width: 356px; }
#header .mainbox .rightbox{ padding-top: 30px; display: flex; flex-direction: column; }
#header .mainbox .rightbox .cap{ font-size: 1.4rem; margin-bottom: 5px; text-align: right; flex-shrink: 0; opacity: 1; visibility: visible; transition: .4s; }
#header .mainbox .rightbox #gnav{ height: 100%; }
#header.fixed .mainbox>.incnt>.inwrap{ height: 110px; }
#header.fixed .mainbox .rightbox{ padding-top: 0; }
#header.fixed .mainbox .rightbox .cap{ opacity: 0; visibility: hidden; margin-bottom: 10px; }
#header.fixed .mainbox .logobox img{ width: 330px; }
@media screen and (max-width: 1350px){
	#header .mainbox>.incnt>.inwrap{ height: 130px;  }
	#header .mainbox .logobox img{ width: 346px; }
	#header .mainbox .rightbox{ padding-top: 25px; }
	#header.fixed .mainbox .logobox img{ width: 290px; }
	#header.fixed .mainbox>.incnt>.inwrap{ height: 90px; }
}
@media screen and (max-width: 1200px){
	#header .mainbox{ position: absolute; }
	#header .mainbox>.incnt>.inwrap{ height: 100px;  }
	body#index #header .mainbox .incnt.fix{ width : 92%; }
	#header .mainbox .rightbox .cap{ display: none; }
	#header.fixed .mainbox .logobox img{ width: 346px; }
	#header.fixed .mainbox>.incnt>.inwrap{ height: 100px; }
}
@media screen and (max-width: 1040px){
	#header .mainbox>.incnt>.inwrap{ height: 90px;  }
	#header .mainbox .logobox img{ width: 290px; }
	#header .mainbox>.incnt{ width: 92%; margin-left: auto; margin-right: auto; }
	#header.fixed .mainbox>.incnt>.inwrap{ height: 90px; }
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
	#header .mainbox>.incnt{ width: 96%; }
	#header .mainbox>.incnt>.inwrap{ height: 80px; }
	#header .mainbox .logobox img{ max-width: 260px; width: 86%; }
}


#sidecontactlist{ position: fixed; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; right: 0; width: 120px; z-index: 101; height: 360px; }
#sidecontactlist>li>.inwrap{ display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 120px; text-align: center; line-height: 1.4; padding-top: 10px; }
#sidecontactlist>li>.inwrap .icon{ margin-bottom: 3px; }
#sidecontactlist>li>.inwrap .contacttitle{ font-size: 1.8rem; letter-spacing: 0.2em; }
#sidecontactlist>li>.inwrap .opentxt{ font-size: 1.3rem; }
#sidecontactlist>li._tel>.inwrap{ background: #fff; color: #0053a4; }
#sidecontactlist>li._tel>.inwrap .icon img{ width: 32px; }
#sidecontactlist>li._contact>.inwrap,
#sidecontactlist>li._online>.inwrap{ color: #fff; }
#sidecontactlist>li._contact>.inwrap{ background: #0053a4; }
#sidecontactlist>li._contact>.inwrap:hover{ background: #0078F0; }
#sidecontactlist>li._contact>.inwrap .icon svg{ width: 33px; }
#sidecontactlist>li._online>.inwrap{ background: #0097d7; }
#sidecontactlist>li._online>.inwrap:hover{ background: #009FE3; }
#sidecontactlist>li._online>.inwrap .icon svg{ width: 38px; }
@media screen and (max-width: 1200px){
	#sidecontactlist{ top: auto; left: 0; width: 100%; height: 110px; display: flex; flex-direction: row; }
	#sidecontactlist>li{ width: 33.33%; }
	#sidecontactlist>li>.inwrap{ height: 100%; }
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
	#sidecontactlist{ height: 100px; }
	#sidecontactlist>li>.inwrap .contacttitle{ font-size: 1.6rem; }
	#sidecontactlist>li>.inwrap .opentxt{ font-size: 1.2rem; }
}


#gnav.navlist { text-align : center; display : flex; justify-content : center; }
#gnav.navlist > .navbox , #gnav.navlist > .navbox .mainlistcover , #gnav.navlist > .navbox .mainlistcover > .inwrap , #gnav.navlist > .navbox .mainlistcover > .inwrap > .inwrap , #gnav.navlist > .navbox .mainlistcover > .inwrap > .inwrap > .inwrap , #gnav.navlist > .navbox .mainlistcover .mainlist , #gnav.navlist > .navbox .mainlistcover .mainlist > li , #gnav.navlist > .navbox .mainlistcover .mainlist > li > a , #gnav.navlist > .navbox .mainlistcover .mainlist > li > a > span , #gnav.navlist > .navbox .mainlistcover .mainlist > li > p , #gnav.navlist > .navbox .mainlistcover .mainlist > li > p > span { display : flex; }
#gnav.navlist .mainlist { display : -moz-flex; display : -ms-flex; display : -o-flex; display : flex; -moz-flex-direction : row; -o-flex-direction : row; flex-direction : row; }
#gnav.navlist .mainlist > li { margin-left : 25px; vertical-align : middle; display : -moz-flex; display : -ms-flex; display : -o-flex; display : flex; }
#gnav.navlist .mainlist > li:first-child { padding-left : 0; display : none !important; }
#gnav.navlist .mainlist > li.hassub { position : relative; }
#gnav.navlist .mainlist > li >a , #gnav.navlist .mainlist > li >p { display : -moz-flex; display : -ms-flex; display : -o-flex; display : flex; cursor : pointer; letter-spacing : .12em; font-weight : bold; }
#gnav.navlist .mainlist > li> a:hover , #gnav.navlist .mainlist > li >p:hover { opacity : .8; }
#gnav.navlist .mainlist > li >a span , #gnav.navlist .mainlist > li> p span { display : -moz-flex; display : -ms-flex; display : -o-flex; display : flex; letter-spacing : .1em; }
#gnav.navlist .mainlist > li.hassub p .arr { display: none; }
#gnav.navlist .mainlist > li > div.sub { opacity : 0; position : absolute; top : 100%; left : 50%; margin-left : -235px; min-width : 470px; box-sizing : border-box; z-index : 1000; text-align : center; transition : .3s; visibility : hidden; background: #0097d7; color: #fff; padding: 33px 8%; }
#gnav.navlist .mainlist > li > div.sub:before{ content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 6.5px 0 6.5px; border-color: #0053a4 transparent transparent transparent; display: inline-block; position: absolute; top: -5px; left: 0; right: 0; margin-left: auto; margin-right: auto;  }
#gnav.navlist .mainlist > li > div.sub > ul { margin-left: -15px; font-weight: bold; }
#gnav.navlist .mainlist > li > div.sub > ul > li { text-align : left; display: inline-block; vertical-align: middle; margin-left: 15px; }
#gnav.navlist .mainlist > li > div.sub > ul > li::before{ content: "・"; }
#gnav.navlist .mainlist > li:hover > div.sub { opacity : 1; visibility : visible; }
@media screen and (max-width: 1350px){
	#header .mainbox .rightbox #gnav{ font-size: 1.5rem; }
	#gnav.navlist .mainlist > li { margin-left : 15px; }
}
@media screen and (max-width: 1200px){
	#header .mainbox .rightbox #gnav{ font-size: 1.8rem; }
	#gnav.navlist { z-index: 100000; opacity : 0; position : fixed; top : 0; bottom : 0; left : 0; right : 0; height : 100vh !important; display : block; overflow : hidden; width : 100vw !important; pointer-events : none; font-size : 1.8rem; -webkit-perspective: 500px; perspective: 500px; transition: all .7s ease-out; }
	#gnav.navlist .incnt.fix { width : calc(100% - 120px)!important; margin : 0 60px; }
	#gnav.navlist > .navbox , #gnav.navlist > .navbox .mainlistcover , #gnav.navlist > .navbox .mainlistcover > .inwrap , #gnav.navlist > .navbox .mainlistcover > .inwrap > .inwrap , #gnav.navlist > .navbox .mainlistcover > .inwrap > .inwrap > .inwrap , #gnav.navlist > .navbox .mainlistcover .mainlist , #gnav.navlist > .navbox .mainlistcover .mainlist > li { display : block; width : 100%; box-sizing : border-box; }
	#gnav.navlist > .navbox .mainlistcover .mainlist > li > a , #gnav.navlist > .navbox .mainlistcover .mainlist > li > a > span , #gnav.navlist > .navbox .mainlistcover .mainlist > li > p , #gnav.navlist > .navbox .mainlistcover .mainlist > li > p > span { display : inline-block; }
	#gnav.navlist .navbox { position : relative; z-index : 10; display : flex; flex-direction : row; margin : 0 auto; }
	#gnav.navlist .navbox .mainlistcover { height : calc(100vh - 110px); width : 100%; padding: 0 12% 0; text-align : left; }
	#gnav.navlist .navbox .mainlistcover > .inwrap { overflow-y : auto; position : relative; height : 100%; display: block;   padding-bottom : 100px; padding-top: 120px; }
	#gnav.navlist .navbox .mainlistcover > .inwrap::-webkit-scrollbar { display : none; }
	#gnav.navlist .navbox #gnav .logo { margin-left : 0; }
	#gnav.navlist .mainlist > li { margin-left : 0; margin-bottom : 12px; opacity: 0; }
	#gnav.navlist .mainlist > li:last-child { margin-bottom : 0; }
	#gnav.navlist .mainlist > li:first-child { display : block !important; }
	#gnav.navlist .mainlist > li a , #gnav.navlist .mainlist > li p { padding-bottom : 5px; padding-top : 0; color: #fff; line-height: 1.8; }
	#gnav.navlist .mainlist > li.sp { display : block; }
	#gnav.navlist .mainlist > li .sublist { position : static; overflow : visible; margin-bottom : 0; width : 100%; opacity : 1; visibility : visible; }
	#gnav.navlist .mainlist > li .sublist > li { margin-bottom : 5px; }
	#gnav.navlist .mainlist > li .sublist > li > a { background : transparent; padding : 0;  }
	#gnav.navlist .mainlist > li .sublist > li > a:hover { opacity : .8; }
	#gnav.navlist .mainlist > li.hassub p { position : relative; padding-right : 25px; }
	#gnav.navlist .mainlist > li > div.sub { opacity : 1; position : static; margin-left : 0; min-width : 100%; text-align : left; background: transparent; padding: 0; visibility : visible; font-size: 1.6rem; }
	#gnav.navlist .mainlist > li > div.sub:before{ content: none;  }
	#gnav.navlist .mainlist > li:hover > div.sub { opacity : 1; visibility : visible; }
	#gnav.navlist .mainlist > li > div.sub > ul { margin-left: -10px; }
	#gnav.navlist .mainlist > li > div.sub > ul > li { margin-left: 10px; }
	#gnav.navlist .bg{ position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0; -webkit-transform: translate3d(0, 0, -50px); transform: translate3d(0, 0, -50px); -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-timing-function: cubic-bezier(.075, .82, .165, 1); opacity: 0; transform: translate3d(0px, 0px, -50px); transition-duration: 0.6s; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); background-color: rgba(255, 255, 255, 0.8); overflow: hidden; }
	#gnav.navlist .bg .inbg { position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 2; background: rgb(23,73,128); background: linear-gradient(45deg, rgba(23,73,128,1) 0%, rgba(0,79,152,1) 44%, rgba(0,140,204,1) 100%); cursor: default; opacity: 1; visibility: visible; display: block; cursor: pointer;  }
	#gnav.navlist.is-open { pointer-events : auto; opacity : 1; }
	#gnav.is-open .bg{  opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
	#gnav.navlist .mainlist > li.hassub:hover p .arr { transform : rotate(0); }
	#gnav.navlist .contactlist{ margin-top: 35px; text-align: left; }
	#gnav.navlist .contactlink , #gnav.navlist .tellink { display : block; opacity: 0; }
	
	#gnav.navlist.is-open ul.mainlist>li { opacity:1; transition: 3s; }
	#gnav.navlist.is-open ul.mainlist>li:nth-child(1) { -webkit-transition-delay: .35s; transition-delay: .35s; }
	#gnav.navlist.is-open ul.mainlist>li:nth-child(2) { -webkit-transition-delay: .4s; transition-delay: .4s; }
	#gnav.navlist.is-open ul.mainlist>li:nth-child(3) { -webkit-transition-delay: .45s; transition-delay: .45s; }
	#gnav.navlist.is-open ul.mainlist>li:nth-child(4) { -webkit-transition-delay: .5s; transition-delay: .5s; }
	#gnav.navlist.is-open ul.mainlist>li:nth-child(5) { -webkit-transition-delay: .55s; transition-delay: .55s; }
	#gnav.navlist.is-open ul.mainlist>li:nth-child(6) { -webkit-transition-delay: .6s; transition-delay: .6s; }
	@media (min-height: 540px) {
		#gnav.navlist .navbox .mainlistcover > .inwrap{ display: flex; flex-direction: column; justify-content: center; }
	}
}
@media screen and (max-width: 500px){
	#header .mainbox .rightbox #gnav,
	#gnav.navlist { font-size : 1.6rem; }
	#gnav.navlist .navbox .mainlistcover { padding: 0 8% 0; height : calc(100vh - 100px); }
	#gnav.navlist .navbox .mainlistcover > .inwrap {  padding-bottom : 40px; padding-top: 70px; }
	#gnav.navlist .mainlist > li.hassub p{ padding-right: 0; }
	#gnav.navlist .mainlist > li > div.sub { font-size: 1.5rem; }
	#gnav.navlist .mainlist > li > div.sub > ul { margin-bottom: -5px; }
	#gnav.navlist .mainlist > li > div.sub > ul > li { margin-bottom: 5px; }
}

#menubtn { display: none }
@media screen and (max-width: 1200px){
	#menubtn { position: fixed; top: 40px; right: 44px; display: block; background: transparent;  transition: 0.8s; cursor: pointer; z-index: 20000000;}
	#menubtn a { text-decoration: none; position: relative; display: flex; align-items: center; flex-direction: row;  width: 54px; height: 22px; box-sizing: border-box; box-sizing: border-box; }
	#menubtn a .line { width: 54px; height: 3px; position: absolute; right: 0; transition: all 0.8s; overflow: hidden; background: #0053a4; border-radius: 10px; }
	#menubtn a #line1 { top: 0; }
	#menubtn a #line2 { top: calc(50% - 1px); }
	#menubtn a #line3 { bottom: 0; }
	#menubtn.active a .line { background: #fff }
	#menubtn.active a #line1 {
		-webkit-transform:translateY(9px) rotate(-40deg);
		transform:translateY(9px) rotate(-40deg);
	}
	#menubtn.active a #line2 { opacity: 0 }
	#menubtn.active a #line3 {
		-webkit-transform:translateY(-9px) rotate(40deg);
		transform:translateY(-9px) rotate(40deg);
	}
}
@media screen and (max-width: 1040px){
	#menubtn{ top: 34px; }
}
@media screen and (max-width: 767px){
	#menubtn{ right: 30px; }
}
@media screen and (max-width: 500px){
	#menubtn{ right: 20px; top: 30px; }
}


#mainv.under{ margin-top: 140px; height: 560px; position: relative; }
#mainv.under .bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0;  }
#mainv.under .mainbox{ display: flex; height: 100%; justify-content: center; align-items: flex-end; padding-left: 8%; padding-right: 8%; padding-bottom: 110px; color: #fff; text-align: center; position: relative; z-index: 1; }
#mainv.under .mainbox .pagetitle .en{ font-weight: bold; font-size: 2.8rem; letter-spacing: 0.25em; }
#mainv.under .mainbox .pagetitle .jn{ font-weight: bold; font-size: 4.8rem; letter-spacing: 0.1em; line-height: 1.4; }
#mainv.under .mainbox #pankuzu {line-height: 1.4;position: relative;z-index: 10;box-sizing: border-box;text-align: center; margin-left: auto; margin-right: auto; position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto;}
#mainv.under .mainbox #pankuzu ol { background: #0053a4; display: inline-block; padding: 9px 15px;  min-width: 280px; max-width: 88%; }
#mainv.under .mainbox #pankuzu ol li { display:inline-block; font-size: 1.4rem; }
#mainv.under .mainbox #pankuzu ol li:before {content:"";background: url(../img/common/arr_pankuzu.svg) no-repeat center center; width: 4px; height: 8px; display: inline-block;margin: 0 10px 0 2px;font-size: 1rem;vertical-align: 1px;}
#mainv.under .mainbox #pankuzu ol li:first-child+li:before{ margin-right: 8px; margin-left: 4px; }
#mainv.under .mainbox #pankuzu ol li:first-child:before { display: none; }
#mainv.under .mainbox #pankuzu ol li:first-child img{width: 14px;height: 14px;vertical-align: -1px;}
#mainv.under .mainbox #pankuzu ol li a{ text-decoration: none; }
#mainv.under .mainbox #pankuzu ol li a:hover { opacity: 0.7; transition: 0.3s; }
@media screen and (max-width: 1350px) { 
	#mainv.under{  margin-top: 130px; }
}
@media screen and (max-width: 1200px) { 
	#mainv.under{  margin-top: 100px; }
}
@media screen and (max-width: 1040px) { 
	#mainv.under{ margin-top: 90px; height: 380px; }
	#mainv.under .mainbox{ padding-bottom: 90px; }
	#mainv.under .mainbox .pagetitle .en{ font-size: 2.4rem; }
	#mainv.under .mainbox .pagetitle .jn{ font-size: 3.8rem;}
}
@media screen and (max-width: 767px) { 
	#mainv.under{ height: 330px; }
	#mainv.under .mainbox{ padding-bottom: 70px; }
	#mainv.under .mainbox .pagetitle .en{ font-size: 2rem; }
	#mainv.under .mainbox .pagetitle .jn{ font-size: 3.4rem; line-height: 1.6;}
}
@media screen and (max-width: 500px) { 
	#mainv.under{ margin-top: 80px; height: 280px; }
	#mainv.under .mainbox{ padding-bottom: 40px; padding-left: 6%; padding-right: 6%; }
	#mainv.under .mainbox .pagetitle .en{ font-size: 1.8rem;  }
	#mainv.under .mainbox .pagetitle .jn{ font-size: 2.8rem;}
	#mainv.under .mainbox #pankuzu{ display: none; }
}


body:not(#index) #main{ background: #f7f7f7; }
body:not(#index) #main .mainarticlewrap{ padding-top: 120px; padding-bottom: 120px; max-width: 1260px; width: calc(96% - 240px); margin-left: auto; margin-right: auto; background: #fff; }
body:not(#index) #main .mainarticlewrap #wpwrap{ display: flex; flex-direction: row; padding-top: 30px; }
body:not(#index) #main .mainarticlewrap #wpwrap #article{ width: 100%; }
body:not(#index) #main .mainarticlewrap #wpwrap #aside{ flex-shrink: 0; width: 280px; margin-left: 60px; }
body:not(#index) #main .mainarticlewrap #wpwrap #aside .sidecntlist>li{ margin-bottom: 20px; }
body:not(#index) #main .mainarticlewrap #wpwrap #aside .sidecntlist>li:last-child{ margin-bottom: 0; }
body:not(#index) #main .mainarticlewrap #wpwrap #aside .sidecntlist>li>.inwrap{ background: #0053a4; padding: 40px 30px 60px; color: #fff; }
body:not(#index) #main .mainarticlewrap #wpwrap #aside .sidecntlist .cstitle{ font-size: 2.8rem; font-weight: bold; letter-spacing: 0.2em; margin-bottom: 10px; text-align: center; text-indent: 0.3em; }
body:not(#index) #main .mainarticlewrap #wpwrap #aside .sidecntlist .taglist{ text-align: left; }
@media screen and (max-width: 1200px){
	body:not(#index) #main .mainarticlewrap{ width: 88%; }
}
@media screen and (max-width: 1040px){
	body:not(#index) #main .mainarticlewrap{ padding-top:  80px; }
	body:not(#index) #main .mainarticlewrap #wpwrap{ display: block; padding-top: 20px; }
	body:not(#index) #main .mainarticlewrap #wpwrap #aside{ width: 100%; margin-left: 0; margin-top: 30px; }
	body:not(#index) #main .mainarticlewrap #wpwrap #aside .sidecntlist>li>.inwrap{ padding-left: 8%; padding-right: 8%; }
	body:not(#index) #main .mainarticlewrap #wpwrap #aside .sidecntlist .cslist{ columns: 2; }
	body:not(#index) #main .mainarticlewrap #wpwrap #aside .sidecntlist .taglist{ text-align: center; }
}
@media screen and (max-width: 767px){
	body:not(#index) #main .mainarticlewrap{ padding-top:  60px; padding-bottom: 60px; }
	body:not(#index) #main .mainarticlewrap #wpwrap{ padding-top: 10px; }
	body:not(#index) #main .mainarticlewrap #wpwrap #aside .sidecntlist .cstitle{ font-size: 2.4rem; }
	body:not(#index) #main .mainarticlewrap #wpwrap #aside .sidecntlist .cslist{ columns: 1; text-align: center; }
	body:not(#index) #main .mainarticlewrap #wpwrap #aside .sidecntlist>li>.inwrap{ padding: 40px 30px 50px; }
}
@media screen and (max-width: 500px){
	body:not(#index) #main .mainarticlewrap{ width: 100%; }
}



#fouchi{ background: #f7f7f7; padding-top: 120px; padding-bottom: 90px; }
#fouchi>.incnt>.mainbox{ display: flex; flex-direction: row; align-items: flex-start; }
#fouchi>.incnt>.mainbox .txtbox{ width: 100%; }
#fouchi>.incnt>.mainbox .txtbox .titlebox{ margin-left: -10px; margin-bottom: 10px; }
#fouchi>.incnt>.mainbox .txtbox .titlebox .boxtitle{ margin-bottom: 0; display: inline-block; vertical-align: middle; margin-left: 10px; margin-bottom: 10px; }
#fouchi>.incnt>.mainbox .txtbox .titlebox .icon{ display: inline-block; vertical-align: middle; margin-left: 10px; margin-bottom: 10px; }
#fouchi>.incnt>.mainbox .txtbox .titlebox .icon>.inwrap{ font-weight: bold; display: inline-block; font-size: 2rem; letter-spacing: 0.1em; color: #0053a4; padding: 6px 12px; border: 2px solid #0053a4; line-height: 1;}
#fouchi>.incnt>.mainbox .txtbox .list>ul{ margin-left: -10px; text-align: left; margin-top: 15px; }
#fouchi>.incnt>.mainbox .txtbox .list>ul>li::before{ content: "・"; }
#fouchi>.incnt>.mainbox .txtbox .list>ul>li{ font-weight: bold; color: #0053a4; display: inline-block; vertical-align: middle; margin-left: 10px; font-size: 1.8rem; }
#fouchi>.incnt>.mainbox .imgbox{ flex-shrink: 0; width: 31%; margin-left: 4%; background: #fff; padding: 35px 4%; }
@media screen and (max-width: 1040px){
	#fouchi{ padding-top: 90px; padding-bottom: 70px; }
	#fouchi>.incnt>.mainbox{ display: block; text-align: center; }
	#fouchi>.incnt>.mainbox .txtbox .titlebox{ text-align: center; }
	#fouchi>.incnt>.mainbox .txtbox .list>ul{ text-align: center; }
	#fouchi>.incnt>.mainbox .imgbox{ width: 100%; margin-left: auto; margin-top: 30px; max-width: 274px; margin-right: auto; }
}
@media screen and (max-width: 767px){
	#fouchi{ padding-top: 60px; padding-bottom: 50px; }
	#fouchi>.incnt>.mainbox .txtbox .titlebox .icon>.inwrap{ font-size: 1.8rem; }
	#fouchi>.incnt>.mainbox .txtbox .list>ul{ text-align: center; }
	#fouchi>.incnt>.mainbox .txtbox .list>ul>li{ font-size: 1.6rem; }
}
@media screen and (max-width: 500px){
	#fouchi>.incnt>.mainbox .txtbox .list{ text-align: center; }
	#fouchi>.incnt>.mainbox .txtbox .list>ul{ margin-left: 0; text-align: center; display: inline-block; }
	#fouchi>.incnt>.mainbox .txtbox .list>ul>li{ display: block; margin-left: 0; }
	#fouchi>.incnt>.mainbox .txtbox .titlebox{ margin-bottom: 20px; }
}

#fcontact .list{ display: flex; flex-direction: row; }
#fcontact .list>li{ display: flex; flex-direction: column; padding: 120px 150px 70px; width: 50%; color: #fff; text-align: center; }
#fcontact .list>li:nth-child(1){ background: #0053a4; }
#fcontact .list>li:nth-child(2){ background: #0097d7; }
#fcontact .list>li .txt{ margin-bottom: 20px; }
#fcontact .list>li .title{ font-weight: bold; font-size: 2rem; margin-bottom: 15px; line-height: 1.8; }
#fcontact .list>li a.tel:hover{ color: #fff; }
@media screen and (max-width: 1350px){
	#fcontact .list>li{ padding: 120px 100px 70px; }
	#fcontact .list>li:nth-child(1){ width: 48%; flex-shrink: 0; }
	#fcontact .list>li:nth-child(2){ width: 100%; padding-right: 150px; }
}
@media screen and (max-width: 1200px){
	#fcontact .list>li{ padding: 90px 8% 80px; }
	#fcontact .list>li:nth-child(1){ width: 50%; flex-shrink: 0; }
	#fcontact .list>li:nth-child(2){ width: 50%; padding-right: 8%; }
}
@media screen and (max-width: 1040px){
	#fcontact .list{ display: block; }
	#fcontact .list>li{ display: block; width: 100%; padding: 70px 8% 60px }
	#fcontact .list>li:nth-child(1){ width: 100%; }
	#fcontact .list>li:nth-child(2){ width: 100%; }
	#fcontact .list>li .title{ font-size: 1.8rem; }
}
@media screen and (max-width: 767px){
	#fcontact .list>li .txt{ margin-bottom: 30px; }
}
@media screen and (max-width: 500px){
	#fcontact .list>li{ padding: 70px 8% 50px }
	#fcontact .list>li .txt { text-align: left; }
	#fcontact .list>li .txt .inb{ display: inline; }
}

#finstagram{ position: relative; padding-top: 75px; padding-bottom: 75px; }
#finstagram .bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: -1; }
@media screen and (max-width: 500px) { 
	#finstagram{ padding-top: 60px; padding-bottom: 50px; }
}

#mainfooter{ padding-top: 140px;  }
#mainfooter .footerinfo{ margin-bottom: 40px; display: flex; flex-direction: row; align-items: center; justify-content: center; padding-left: 8%; padding-right: 8%; }
#mainfooter .footerinfo .logobox{ flex-shrink: 0; max-width: 442px; width: 46%; margin-right: 50px; }
#mainfooter .underwriting { position: relative; z-index: 1; }
#mainfooter .underwriting .title{ text-align: center; position: relative; z-index: 1; }
#mainfooter .underwriting .title>.inwrap{ display: inline-block; line-height: 1; letter-spacing: 0.1em; color: #fff; padding: 11px 20px 10px 22px; font-size: 1.8rem; letter-spacing: 0.2em; font-weight: bold;background: rgb(23,73,128); background: linear-gradient(90deg, rgba(23,73,128,1) 0%, rgba(0,79,152,1) 56%, rgba(0,141,205,1) 100%); }
#mainfooter .underwriting .logolist{ background: #f7f7f7; padding: 60px 0 20px; padding-right: 50px; text-align: center; margin-top: -27px; }
#mainfooter .underwriting .logolist>li{ display: inline-block; vertical-align: middle; margin-left: 50px; margin-bottom: 30px; }
@media screen and (max-width: 1040px){
	#mainfooter{ padding-top: 100px;  }
	#mainfooter .footerinfo{ display: block; text-align: center; }
	#mainfooter .footerinfo .logobox{  max-width: 100%; width: 100%; margin-right: 0; margin-bottom: 10px; }
	#mainfooter .footerinfo .logobox img{ max-width: 386px; width: 100%; }
}
@media screen and (max-width: 767px){
	#mainfooter{ padding-top: 80px;  }
}
@media screen and (max-width: 500px){
	#mainfooter{ padding-top: 60px;  }
}

#fnav { margin-top: -30px; color: #fff;background: rgb(23,73,128); background: linear-gradient(90deg, rgba(23,73,128,1) 0%, rgba(0,79,152,1) 56%, rgba(0,141,205,1) 100%); padding-top: 125px; position: relative; text-align: center; padding-bottom: 40px; }
#fnav .mainlist ul{ margin-left: -20px; }
#fnav .mainlist ul li{ display: inline-block; vertical-align: middle; margin-left: 20px; }
#fnav .mainlist ul li>a{ font-weight: bold; }
#fnav .mainlist ul._1 li>a{ font-weight: normal; font-size: 1.4rem; text-decoration: underline; }
#fnav #cr{ margin-top: 90px; font-weight: bold; letter-spacing: 0.3em; padding-left: 4%; padding-right: 4%; }
@media screen and (max-width: 1200px){
	#fnav{ padding-top: 40px; }
	#fnav .mainlist ul { display: none; }
	#fnav .mainlist ul ._1 { display: none; }
	#fnav #cr{ margin-top: 40px; }
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
	#fnav{ padding-top: 20px; padding-bottom: 20px; }
}