@charset "utf-8";
@import url('//fonts.googleapis.com/css2?family=Crimson+Pro&display=swap');



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

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

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


/*// Header //*/
#header .mainbox .logobox,
#header .mainbox>.contactbtnlist{position: fixed;top: 0;height: 120px;display: flex;z-index: 1000;}
#header .mainbox .logobox{left: 4%;flex-shrink: 0;align-items: center;padding-top: 40px;}
.logobox>a{ display: flex; flex-direction: row; align-items: center; }
.logobox>a .logo{ width: 186px; margin-right: 20px; }
.logobox>a .txt{ width: 252px; }
.contactbtnlist{ flex-direction: row; right: 120px; display: flex; }
.contactbtnlist>li{ display: flex; flex-direction: column; }
.contactbtnlist>li>.inwrap{display: flex;flex-direction: column;width: 100%;padding: 30px 20px 10px;height: 100%;box-sizing: border-box;}
.contactbtnlist>li>.inwrap .title{display: inline-block;padding: 5px 10px;line-height: 1;font-size: 1.2rem;font-weight: bold;text-align: center;}
.contactbtnlist>li._online>.inwrap{ background: #f7f7f7; }
.contactbtnlist>li._online>.inwrap .title{ background: #fff; color: #19ad5a; }
.contactbtnlist>li._contact>.inwrap{ background: #fff; }
.contactbtnlist>li._contact>.inwrap .title{ background: #19ad5a; color: #fff; }
.contactbtnlist>li._online>.inwrap:hover { background: #19ad5a!important; }
.contactbtnlist>li._contact>.inwrap:hover{ background: #19ad5a!important; }
.contacttxt{ display: flex; flex-direction: row; color: #19ad5a; align-items: center; text-align: center;justify-content: center;}
.contacttxt .icon{ flex-shrink: 0; margin-right: 10px; }
.contacttxt._online .icon{ width: 36px; }
.contacttxt._contact .icon{ width: 32px; margin-right: 5px; }
.contacttxt._online .icon:nth-child(2),
.contacttxt._contact .icon:nth-child(2) { display: none; }
.contacttxt._tel .icon{ width: 32px; }
.contacttxt._tel .txt{ font-family: 'Crimson Pro', serif; }
.contacttxt .txt{font-size: 2.6rem;letter-spacing: 0.05em;padding-top: 5px;}
.contactbtnlist>li._online>.inwrap:hover .txt,
.contactbtnlist>li._contact>.inwrap:hover .txt{ color: #fff;}
.contactbtnlist>li._online>.inwrap:hover .icon:nth-child(1),
.contactbtnlist>li._contact>.inwrap:hover .icon:nth-child(1) { display: none; }
.contactbtnlist>li._online>.inwrap:hover .icon:nth-child(2),
.contactbtnlist>li._contact>.inwrap:hover .icon:nth-child(2) { display: block; }
.contactbtnlist>li._contact>.inwrap:hover .title{ background: #fff; color: #19ad5a; }
.contactbtnlist>li._chitanoie>.inwrap{ display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 40px 20px; background: #fff;}
.contactbtnlist>li._chitanoie>.inwrap img{ width: 104px; }
.contactbtnlist>li._chitanoie>.inwrap img:nth-child(2){ display: none; }
.contactbtnlist>li._chitanoie>.inwrap:hover { background: #19ad5a; }
.contactbtnlist>li._chitanoie>.inwrap:hover img:nth-child(1){ display: none; }
.contactbtnlist>li._chitanoie>.inwrap:hover img:nth-child(2){ display: block; }
@media screen and (max-width: 1040px) {
	#header .mainbox .logobox{position: static;height: 100px;padding-top: 0; padding-left: 4%; padding-right: 4%;}
	#header .mainbox .contactbtnlist{ display: none; }
	.logobox>a .logo{ width: 166px; }
	.logobox>a .txt{ width: 232px; }
	.contactbtnlist>li>.inwrap{ padding: 20px 15px 5px;height: 100%;box-sizing: border-box;}
	.contacttxt._online .icon{ width: 34px; }
	.contacttxt._contact .icon{ width: 30px; margin-right: 5px; }
	.contacttxt._tel .icon{ width: 30px; }
	.contacttxt .txt{ line-height: 1.6; }
}
@media screen and (max-width: 767px) {
	#header .mainbox .logobox{height: 80px;}
	.logobox>a .logo{ width: 146px; }
	.logobox>a .txt{ width: 212px; }
	.contacttxt._tel .icon{ width: 28px; margin-right: 5px; padding-top: 5px;}
	.contacttxt._online .icon{ width: 28px; }
	.contacttxt._contact .icon{ width: 25px; margin-right: 5px; }
}
@media screen and (max-width: 500px) {
	#header .mainbox .logobox{ padding-top: 0; }
	.logobox>a .logo{ width: 124px; }
	.logobox>a .txt{ width: 88px; }
	.contacttxt._tel .icon{ width: 26px; }
}
@media screen and (max-width: 380px) {
	#header .mainbox .logobox>a .logo{ width: 114px; margin-right: 15px; }
	#header .mainbox .logobox>a .txt{ width: 78px; }
}


/*// Menubtn //*/
#menubtn { position: fixed; top: 0; right: 0; display: block; width: 120px; height: 120px; transition : 0.6s; cursor: pointer; z-index: 1005; }
#gnav #menubtn{ position: absolute; }
#menubtn a {text-decoration: none;position: relative;display: block;height: 100%;width: 100%; background: #19ad5a;}
#menubtn a .line { width: 62px; height: 2px; background: #fff; position: absolute; left: 50%; margin-left: -31px; transition: 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }
#menubtn a .line1 { top: calc(50% - 10px); }
#menubtn a .line2 { top: 50%; }
#menubtn a .line3 { top: calc(50% + 10px); }
#menubtn.active{z-index: 30002;}
#menubtn.active a{ background: #fff; }
#menubtn.active a .line{ background: #19ad5a; }
#menubtn.active a .line1{transform: translateY(10px) rotate(-20deg);}
#menubtn.active a .line2{display:none}
#menubtn.active a .line3{transform: translateY(-10px) rotate(20deg);}
@media screen and (max-width: 1040px){
	#menubtn { width: 100px; height: 100px; }
	#menubtn a .line { width: 60px; margin-left: -30px; }
	#menubtn a .line1 { top: calc(50% - 8px); }
	#menubtn a .line3 { top: calc(50% + 8px); }
	#menubtn.active a .line1{transform: translateY(8px) rotate(-20deg);}
	#menubtn.active a .line3{transform: translateY(-8px) rotate(20deg);}
}
@media screen and (max-width: 767px){
	#menubtn { width: 80px; height: 80px; }
	#menubtn a .line { width: 50px; margin-left: -25px; }
	#menubtn a .line1 { top: calc(50% - 8px); }
	#menubtn a .line3 { top: calc(50% + 8px); }
	#menubtn.active a .line1{transform: translateY(8px) rotate(-20deg);}
	#menubtn.active a .line3{transform: translateY(-8px) rotate(20deg);}
}




#gnav{  z-index: 10000; opacity: 0; position: fixed; top: 0; bottom: 0; left: 0; right: 0; height: 100vh!important; display: block; overflow: hidden; width: 100vw!important; visibility: hidden; color: #fff;pointer-events: none; }
#gnav.navlist>.inwrap{ position: relative; z-index: 10; display: flex; flex-direction: row; }
#gnav.navlist .mainlistcover{ display: flex; flex-direction: column; justify-content: center; height: 100vh; width: 100% }
#gnav.navlist .mainlistcover>.inwrap2{overflow: hidden;overflow-y: scroll;-ms-overflow-style: none;width: 100%;padding: 130px 18% 100px;box-sizing: border-box;flex-direction: row; display: flex;align-items: flex-end;}
#gnav.navlist .mainlistcover>.inwrap2::-webkit-scrollbar { display: none; }
#gnav.navlist .mainlist{width: 100%;}
#gnav.navlist .mainlist>li{ margin-bottom: 2vh; transition: 3s; opacity: 0; line-height: 1.4;}
#gnav.navlist .mainlist>li>a{ margin-left: -20px; overflow: hidden; position: relative; display: inline-block; }
#gnav.navlist .mainlist>li>a:hover{ letter-spacing: 0.24em; }
#gnav.navlist .mainlist>li>a .en{ margin-left: 20px; display: inline-block; vertical-align: text-bottom; font-size: 4.8rem; line-height: 1;}
#gnav.navlist .mainlist>li>a .ja{ margin-left: 20px; display: inline-block; vertical-align: text-bottom; display: none;  }
#gnav.navlist .mainlist .sub .inwrap3 { margin-bottom: 4vh; }
#gnav.navlist .mainlist .sub .inwrap3 li { display: inline-block; margin-right: 20px; font-size: 1.6rem; position: relative; }
#gnav.navlist .mainlist .sub .inwrap3 li a::before { content: ""; height: 2px; font-size: 0; background: #fff; width: 0; text-align: center; display: inline-block; position: absolute; left: 50%; bottom: -8px; transition: 0.4s;}
#gnav.navlist .mainlist .sub .inwrap3 li a:hover::before { width: 100%; left: 0; }
#gnav.navlist .rightbox{ display: flex; flex-shrink: 0; width: 411px; flex-direction: column; transition: 3s; opacity: 0 ;padding-bottom: 50px;}
#gnav.navlist .rightbox .contactbtnlist{ display: flex; flex-direction: row; width: 100%;}
#gnav.navlist .rightbox .contactbtnlist>li{ display: flex; flex-direction: column; width: 50%;text-align: center;}
#gnav.navlist .rightbox .noiebnr>.inwrap{ display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 40px 8%; background: #fff; border-top: 2px solid #19ad5a; }
#gnav.navlist .rightbox .noiebnr>.inwrap .img{ /* margin-right: 20px; */ }
#gnav.navlist .rightbox .noiebnr>.inwrap .img img{ width: 144px; }
#gnav.navlist .rightbox .noiebnr>.inwrap .txt img{ width: 116px; }
#gnav.navlist .rightbox .noiebnr>.inwrap .img img:nth-child(2),
#gnav.navlist .rightbox .noiebnr>.inwrap .txt img:nth-child(2){ display: none; }
#gnav.navlist .rightbox .noiebnr>.inwrap:hover { background: #19ad5a; }
#gnav.navlist .rightbox .noiebnr>.inwrap:hover .img img:nth-child(1),
#gnav.navlist .rightbox .noiebnr>.inwrap:hover .txt img:nth-child(1){ display: none; }
#gnav.navlist .rightbox .noiebnr>.inwrap:hover .img img:nth-child(2),
#gnav.navlist .rightbox .noiebnr>.inwrap:hover .txt img:nth-child(2){ display: block; }

#gnav .bg .inbg{ position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 2; background-color: #19ad5a; opacity: 0; visibility: hidden; transition: all .6s; cursor: pointer; }
#gnav.is-open{ opacity: 1; visibility: visible;pointer-events:auto; }
#gnav.is-open .inbg{ opacity: 1; visibility: visible; }
#gnav.navlist.is-open .mainlist>li,
#gnav.navlist.is-open .rightbox { opacity:1; transition: 3s; }
#gnav.navlist.is-open .mainlist>li:nth-child(1){ -webkit-transition-delay: .2s; transition-delay: .2s; }
#gnav.navlist.is-open .mainlist>li:nth-child(2){ -webkit-transition-delay: .25s; transition-delay: .25s; }
#gnav.navlist.is-open .mainlist>li:nth-child(3){ -webkit-transition-delay: .3s; transition-delay: .3s; }
#gnav.navlist.is-open .mainlist>li:nth-child(4){ -webkit-transition-delay: .35s; transition-delay: .35s; }
#gnav.navlist.is-open .mainlist>li:nth-child(5){ -webkit-transition-delay: .4s; transition-delay: .4s; }
#gnav.navlist.is-open .mainlist>li:nth-child(6){ -webkit-transition-delay: .45s; transition-delay: .45s; }
#gnav.navlist.is-open .rightbox{ -webkit-transition-delay: .5s; transition-delay: .5s; }
@media screen and (max-width: 1400px){
	#gnav.navlist .mainlistcover>.inwrap2{padding: 130px 12% 100px;}
}
@media screen and (max-width: 1200px){
	#gnav.navlist .mainlistcover>.inwrap2{padding: 130px 8% 100px;}
}
@media screen and (max-width: 1100px){
	#gnav.navlist .mainlist>li>a .en{ font-size: 4rem; }
}
@media screen and (max-width: 1040px){
	#gnav.navlist .mainlistcover{ display: block; }
	#gnav.navlist .mainlistcover>.inwrap2{display: block;padding-bottom: 0;height: calc(100% - 238px); display: flex; flex-direction: column; justify-content: center;}
	#gnav.navlist .rightbox{ display: block; max-width: calc(100% - 10px);width: 100%;padding-bottom: 0;margin-top: 30px;position: absolute;bottom: 0;left: 0;right: 0;box-sizing: border-box; max-width: 100%;}
	#gnav.navlist.is-open .rightbox{ -webkit-transition-delay: .2s; transition-delay: .2s; }
	#gnav.navlist .mainlist>li>a .en{ font-size: 3.2rem; }
	#gnav.navlist .mainlist>li>a .ja{ font-size: 1.6rem; }
	#gnav.navlist .mainlist>li{ margin-bottom: 2vh;  }
	#gnav.navlist .mainlist>li>a{ margin-bottom: 0; }
	#gnav.navlist .mainlist .sub .inwrap3 { margin-bottom: 3vh; }
	#gnav.navlist .rightbox .noiebnr>.inwrap{ padding: 30px 8%;}
	#gnav.navlist .rightbox .noiebnr>.inwrap .img img{ width: 124px; }
	#gnav.navlist .rightbox .noiebnr>.inwrap .txt img{ width: 96px; }
	#gnav.navlist .mainlistcover>.inwrap2{padding: 95px 8% 20px;}
	#gnav.navlist .rightbox .noiebnr>.inwrap{ padding: 20px 8%; }
}
@media screen and (max-width: 767px){
	#gnav.navlist .rightbox .contactbtnlist>li>.inwrap{ padding: 5px 20px; }
	#gnav.navlist .rightbox .contactbtnlist>li .title { display: none; }
	#gnav.navlist .rightbox .contactbtnlist>li .txt { font-size: 2rem; }
	#gnav.navlist .rightbox .noiebnr>.inwrap{ padding: 15px 8%;}
	#gnav.navlist .rightbox .noiebnr>.inwrap .img img{ width: 100px; }
	#gnav.navlist .rightbox .noiebnr>.inwrap .txt img{ width: 75px; }
	#gnav.navlist .mainlistcover>.inwrap2{ height: calc(100% - 148px); }
	#gnav.navlist .mainlist>li>a .en{ font-size: 2.6rem; }
	#gnav.navlist .mainlist>li>a .ja{ font-size: 1.4rem; }
	#gnav.navlist .mainlist .sub .inwrap3 li a::before { display: none; }
}

.mainincnt{ padding-left: 10%; }
@media screen and (max-width: 1400px){
	.mainincnt{ padding-left: 8%; }
}
@media screen and (max-width: 767px){
	.mainincnt{ padding-left: 8%; }
}
@media screen and (max-width: 500px){
	.mainincnt{ padding-left: 6%; }
	#gnav.navlist .mainlist .sub .inwrap3 li { margin-right: 1em; font-size: 1.5rem; line-height: 1.6; }
}

#mainv.under{margin-top: 120px; height: 370px; padding: 60px 0; }
#mainv.under .mainincnt{ height: 100%; padding-right: 4%; }
#mainv.under .mainincnt>.inwrap{ display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; height: 100%;}
#mainv.under .pagetitlebox{line-height: 1.2;color: #19ad5a;}
#mainv.under .pagetitlebox .en{font-size: 7.6rem;margin-bottom: 5px;}
#mainv.under .pagetitlebox .jn{font-size: 2.4rem;letter-spacing: 0.2em;font-feature-settings: "palt";font-weight: bold;}
@media screen and (max-width: 1200px){
	#mainv.under{height: 350px; padding: 50px 0; }
	#mainv.under .pagetitlebox .en{ font-size: 6.6rem; }
	#mainv.under .pagetitlebox .jn{ font-size: 1.8rem; }
}
@media screen and (max-width: 1040px){
	#mainv.under{ margin-top: 0; height: 300px; }
	#mainv.under .pagetitlebox .en{ font-size: 5.6rem; }
}
@media screen and (max-width: 767px){
	#mainv.under{ height: 250px; padding: 40px 0;  }
	#mainv.under .pagetitlebox .en{ font-size: 4.2rem; }
	#mainv.under .pagetitlebox .jn{ font-size: 1.6rem; }
}
@media screen and (max-width: 500px){
	#mainv.under{ height: 200px; padding: 30px 0;  }
	#mainv.under .pagetitlebox .en{ font-size: 3.6rem; }
	#mainv.under .pagetitlebox .jn{ font-size: 1.4rem; }
}


#pankuzu {line-height: 1.4;position: relative;z-index: 10;box-sizing: border-box;}
#pankuzu ol li { display:inline; font-size: 1.4rem; }
#pankuzu ol li:before {content:">";display: inline-block;margin: 0 8px 0 3px;font-size: 1rem;vertical-align: 2px;}
#pankuzu ol li:first-child:before { display: none; }
#pankuzu ol li:first-child img{width: 14px;height: 14px;vertical-align: -1px; margin-right: 5px;}
#pankuzu ol li a{ text-decoration: none; }
#pankuzu ol li p{ display: inline; }
#pankuzu ol li a:hover { opacity: 0.7; transition: 0.3s; }
#pankuzu ol li .subcat:before {content:">";display: inline-block;margin: 0 8px 0 7px;font-size: 1rem;vertical-align: 2px;}
@media screen and (max-width: 1040px) {
	#pankuzu{ display: none; }
}

body:not(#index) #main{ padding: 60px 0 100px; background: #f7f7f7; }
body:not(#index) #article{ padding-top: 100px; padding-bottom: 100px; background: #fff; }
@media screen and (max-width: 1200px){
	body:not(#index) #article{ padding-top: 80px; padding-bottom: 80px; }
}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	body:not(#index) #main{ padding: 50px 0 70px; }
	body:not(#index) #article{ padding-top: 40px; padding-bottom: 40px; }
}
@media screen and (max-width: 500px){
}


#fcontact{ position: relative; }
#fcontact .txtbox{padding: 120px 0; position: relative;z-index: 2;}
#fcontact .txtbox>.incnt{ max-width: 1110px; }
#fcontact .txtbox>.incnt>.inwrap{ background: #fff; padding: 130px 8% 110px; text-align: center; color: #19ad5a; }
#fcontact .txtbox .list1{ display: flex; flex-direction: row; justify-content: center; align-items: center; }
#fcontact .txtbox .list1>li{ display: flex; position: relative; padding-right: 104px; }
#fcontact .txtbox .list1>li:before{ content: ""; background: #19ad5a; width: 1px; height: 118px; display: inline-block; transform: rotate(25deg); position: absolute; right: 50px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }
#fcontact .txtbox .list1>li:last-child{ padding-right: 0; }
#fcontact .txtbox .list1>li:last-child:before{ content: none; }
#fcontact .txtbox .list1>li>.inwrap{ display: flex; align-items: center; flex-direction: column; justify-content: center; position: relative; }
#fcontact .txtbox .list1>li>.inwrap .contacttxt{ line-height: 1.4; }
#fcontact .txtbox .list1>li>.inwrap .contacttxt .txt{ font-size: 3.8rem; }
#fcontact .txtbox .list1>li>.inwrap .subtxt{ margin-top: -10px; }
#fcontact .bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; }
#fcontact .txtbox .list1>li>.inwrap::after { content: ""; height: 2px; font-size: 0; background: #19ad5a; width: 0; text-align: center; display: inline-block; position: absolute; left: 50%; bottom: -5px; transition: 0.4s; }
#fcontact .txtbox .list1>li>.inwrap:hover::after { width: 100%; left: 0; }
@media screen and (max-width: 1200px){
	#fcontact .txtbox{padding-top: 100px;padding-bottom: 110px;}
	#fcontact .txtbox>.incnt>.inwrap{ padding: 90px 8% 80px; }
	#fcontact .txtbox .list1{ display: block; }
	#fcontact .txtbox .list1>li{  text-align: center; padding-right: 0; margin-bottom: 30px; justify-content: center; }
	#fcontact .txtbox .list1>li:last-child{ margin-bottom: 0; }
	#fcontact .txtbox .list1>li:before{ content: none; }
}
@media screen and (max-width: 1040px){
	#fcontact .txtbox>.incnt>.inwrap{ padding: 80px 8% 70px; }
	#fcontact .txtbox .list1>li>.inwrap .contacttxt .txt{ font-size: 3rem; }
	#fcontact .txtbox .list1>li>.inwrap .subtxt{ font-size: 1.4rem; margin-top: 0; }
}
@media screen and (max-width: 767px){
	#fcontact .txtbox{padding-top: 70px;padding-bottom: 80px;}
	#fcontact .txtbox>.incnt>.inwrap{ padding: 60px 8% 50px; }
}
@media screen and (max-width: 500px){
	#fcontact .txtbox{padding-top: 60px;padding-bottom: 70px;}
	#fcontact .txtbox>.incnt>.inwrap{ padding: 50px 8%; }
	#fcontact .txtbox .list1>li{ margin-bottom: 20px; }
}


#mainfooter{ padding-top: 140px; padding-bottom: 140px;  }
#mainfooter>.incnt{ max-width: 1370px; }
#mainfooter>.incnt>.inwrap{ display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; }
#mainfooter>.incnt>.inwrap .footerinfo{ width: 100%; }
#mainfooter>.incnt>.inwrap .footerinfo .logobox{ margin-bottom: 40px; }
#mainfooter>.incnt>.inwrap .footerinfo .logobox svg{ max-width: 474px; width: 100%; }
#mainfooter>.incnt>.inwrap .footerinfo .sitetitle{ margin-bottom: 10px; }
#mainfooter>.incnt>.inwrap .rightbox{ flex-shrink: 0; margin-left: 8%; padding-bottom: 20px; }
#mainfooter>.incnt>.inwrap .rightbox .bnrlist{ display: flex; flex-direction: row; height: 208px; }
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li{ display: flex; }
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li a{ width: 208px; display: flex;  justify-content: center; flex-direction: column; padding: 30px 8% 20px; box-sizing: border-box; }
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap{ background: #fff; border: 2px solid #19ad5a; }
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap .img{ /* margin-bottom: 20px;  */display: flex;align-content: center;justify-content: center;}
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap .img img{ max-width: 128px; width: 100%; }
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap .txt { display:flex; align-items:center; justify-content:center;}
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap .txt img{ max-width: 86px; width: 100%;  }
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap .txt img:nth-child(2),
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap .img img:nth-child(2) { display: none; }
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap:hover{ background: #72b3e1; }
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(2)>.inwrap{ background: #19ad5a; display: flex;justify-content: center;align-items: center;border: 2px solid #19ad5a; border-left: none;}
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(2)>.inwrap img{ max-width: 132px; width: 100%; }
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(2)>.inwrap img:nth-child(2){ display: none; }
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap:hover{ background: #19ad5a; }
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(2)>.inwrap:hover{ background: #f7f7f7; }
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap:hover .txt img:nth-child(1),
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap:hover .img img:nth-child(1) { display: none; }
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap:hover .txt img:nth-child(2),
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap:hover .img img:nth-child(2) { display: block; }
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(2)>.inwrap:hover img:nth-child(1){ display: none; }
#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(2)>.inwrap:hover img:nth-child(2){ display: block; }
@media screen and (max-width: 1200px){
	#mainfooter{ padding-top: 120px; padding-bottom: 120px;  }
	#mainfooter>.incnt>.inwrap .rightbox{ padding-bottom: 10px; }
	#mainfooter>.incnt>.inwrap .rightbox .bnrlist{ height: 168px; }
	#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li>.inwrap{ width: 168px; }
	#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap .img img{ max-width: 108px; }
	#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap .txt img{ max-width: 76px; }
	#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(2)>.inwrap img{ max-width: 112px; }
}
@media screen and (max-width: 1040px){
	#mainfooter{ padding-top: 100px; padding-bottom: 100px;  }
	#mainfooter>.incnt>.inwrap{ display: block; text-align: center; }
	#mainfooter>.incnt>.inwrap .footerinfo .logobox>a{ margin-left: auto; margin-right: auto; justify-content: center; }
	#mainfooter>.incnt>.inwrap .rightbox{ margin-left: 0%; padding-bottom: 0; margin-top: 40px; }
	#mainfooter>.incnt>.inwrap .rightbox .bnrlist{ justify-content: center; }
	#mainfooter>.incnt>.inwrap .rightbox .bnrlist{ height: 148px; }
	#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li>.inwrap{ width: 148px; }
	#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap .img img{ max-width: 88px; }
	#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(2)>.inwrap img{ max-width: 92px; }
}
@media screen and (max-width: 767px){
	#mainfooter{ padding-top: 80px; padding-bottom: 120px;  }
	#mainfooter>.incnt>.inwrap .rightbox .bnrlist{ height: 128px; }
	#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li>.inwrap{ width: 128px; }
	#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap .img{ /* margin-bottom: 10px; */ }
	#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap .img img{ max-width: 68px; }
	#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(1)>.inwrap .txt img{ max-width: 66px; }
	#mainfooter>.incnt>.inwrap .rightbox .bnrlist>li:nth-child(2)>.inwrap img{ max-width: 72px; }
}
@media screen and (max-width: 500px){
	#mainfooter{ padding-top: 60px; padding-bottom: 110px;  }
}


#fnav{ background: #f7f7f7; padding-top: 60px; padding-bottom: 60px; text-align: center; }
#fnav>.incnt>.inwrap{ margin-left: -55px; margin-bottom: -30px; position: relative; }
#fnav>.incnt>.inwrap>ul{ overflow: hidden;  display: inline-block; vertical-align: top; }
#fnav>.incnt>.inwrap>ul>li{ display: inline-block; vertical-align: top; margin-left: 55px; text-align: left; margin-bottom: 30px; }
#fnav>.incnt>.inwrap>ul>li a:hover{ color: #19ad5a; }
#fnav>.incnt>.inwrap>ul>li ul{ font-size: 1.5rem; margin-top: 5px; }
#fnav>.incnt>.inwrap>ul>li ul>li::before{ content: "ー"; margin-right: 5px; }
#footer{ position: relative; }
#fnav~.sbtlogo{ position: absolute; bottom: 80px; right: 40px; width: 120px; height: 67px; }
@media screen and (max-width: 1040px){
	#fnav{ font-size: 1.4rem; padding-bottom: 130px; }
	#fnav>.incnt>.inwrap>ul>li ul{ font-size: 1.3rem; }
	#fnav~.sbtlogo{ left: 0; right: 0; margin-left: auto; margin-right: auto; }
}
@media screen and (max-width: 767px){
	#fnav{ display: none; }
}
@media screen and (max-width: 500px){
}

#cr{background: #19ad5a;color: #fff;padding: 14px 8%;text-align: center;font-size: 1.4rem;}
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
}