@charset "utf-8";
/* 

CSS page.css
下層各自cssで微調整するときに使用してください。

*/
/* #index #loading{display: flex;align-items: center;justify-content: center;width: 100vw;height: 100vh;position: fixed;top: 0;bottom: 0;left: 0;right: 0;flex-direction: column;z-index: 10000000;opacity: 1; transition: 3s;}
#index #loading:before{ content: ""; opacity: 1;visibility: visible;background: #fff; width: 100%; height: 100%;  position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: 3s; display: block; }
#index #loading .txt{margin-top: 20px;color: #666;font-weight: bold;opacity: 0;transition: 1s cubic-bezier(.47,1.64,.41,.8);padding-left: 40px;transform: translateY(110%); }
#index #loading .updown{display: flex;overflow: hidden;align-items: center;}
#index #loading .updown span { width: 38px;height: 50px;display: flex; align-items: center; margin: 0 5px;overflow: hidden;}
#index #loading .updown span img{ opacity: 0; transform: translateY(110%); width: 100%; height: 100%;  }
#index #loading .updown span:nth-child(1) {width: 196px;height: 130px;margin-right: 40px;}
#index #loading .updown span:nth-child(1) img{ transition: 2s cubic-bezier(.47,1.64,.41,.8); height: 118px; }
#index #loading .updown span:not(:nth-child(1)) img{ transition: 3s cubic-bezier(.47,1.64,.41,.8); height: 38px; }

#index #loading.firstview .updown img{ opacity: 1; transform: translateY(0%); }
#index #loading.firstview .updown span:nth-child(2)>img { transition-delay: 0.35s; }
#index #loading.firstview .updown span:nth-child(3)>img { transition-delay: 0.4s; }
#index #loading.firstview .updown span:nth-child(4)>img { transition-delay: 0.45s; }
#index #loading.firstview .updown span:nth-child(5)>img { transition-delay: 0.5s; }
#index #loading.firstview .updown span:nth-child(6)>img { transition-delay: 0.55s; }
#index #loading.firstview .updown span:nth-child(7)>img { transition-delay: 0.6s; }
#index #loading.firstview .updown span:nth-child(8)>img { transition-delay: 0.65s; }
#index #loading.firstview .updown span:nth-child(9)>img { transition-delay: 0.7s; }
#index #loading.firstview .updown span:nth-child(10)>img { transition-delay: 0.75s; }
#index #loading.firstview .txt { transition-delay: 2s; opacity: 1; transform: translateY(0%);  }
#index #loading.firstview:before{ opacity: 0.4; transition-delay: 5s; }

#index.afterfirstview #loading.firstview .updown span img{ opacity: 0; transform: translateY(110%);  }
#index.afterfirstview #loading.firstview .updown span:nth-child(1) img{ transition: 1s cubic-bezier(.47,1.64,.41,.8); }
#index.afterfirstview #loading.firstview .updown span:not(:nth-child(1)) img{ transition: 2s cubic-bezier(.47,1.64,.41,.8); }
#index.afterfirstview #loading.firstview .updown img:nth-child(1) {transition-delay: 0s;}
#index.afterfirstview #loading.firstview .updown img:nth-child(2) { transition-delay: 0.45s; }
#index.afterfirstview #loading.firstview .updown img:nth-child(3) { transition-delay: 0.5s; }
#index.afterfirstview #loading.firstview .updown img:nth-child(4) { transition-delay: 0.55s; }
#index.afterfirstview #loading.firstview .updown img:nth-child(5) { transition-delay: 0.6s; }
#index.afterfirstview #loading.firstview .updown img:nth-child(6) { transition-delay: 0.65s; }
#index.afterfirstview #loading.firstview .updown img:nth-child(7) { transition-delay: 0.7s; }
#index.afterfirstview #loading.firstview .updown img:nth-child(8) { transition-delay: 0.75s; }
#index.afterfirstview #loading.firstview .updown img:nth-child(9) { transition-delay: 0.8s; }
#index.afterfirstview #loading.firstview .updown img:nth-child(10) { transition-delay: 0.85s; }
#index.afterfirstview #loading.firstview .txt { transition-delay: 0s; opacity: 0; transform: translateY(200%);  }
#index.afterfirstview #loading.firstview:before{ opacity: 0; transition-delay: 0.6s; }
#index.afterfirstview #loading.firstview{ opacity: 0; visibility: hidden; transition-delay: 0.6s;  }
@media screen and (max-width: 767px){
	#index #loading .updown span { margin: 0 2px;}
	#index #loading .updown span:nth-child(1) {margin-right: 20px;}
	#index #loading .txt{padding-left: 15px;}
	#index #loading .updown span { width: 20px;height: 35px;}
	#index #loading .updown span:nth-child(1) {width: 100px;height: 75px;}
	#index #loading .updown span:nth-child(1) img{ height: 60px; }
	#index #loading .updown span:not(:nth-child(1)) img{ height: 20px; }
	#index #loading .txt{ font-size: 1.2rem; margin-top: 10px; }
	#index.afterfirstview #loading.firstview .updown img:nth-child(2) { transition-delay: 0.35s; }
	#index.afterfirstview #loading.firstview .updown img:nth-child(3) { transition-delay: 0.4s; }
	#index.afterfirstview #loading.firstview .updown img:nth-child(4) { transition-delay: 0.45s; }
	#index.afterfirstview #loading.firstview .updown img:nth-child(5) { transition-delay: 0.5s; }
	#index.afterfirstview #loading.firstview .updown img:nth-child(6) { transition-delay: 0.55s; }
	#index.afterfirstview #loading.firstview .updown img:nth-child(7) { transition-delay: 0.6s; }
	#index.afterfirstview #loading.firstview .updown img:nth-child(8) { transition-delay: 0.65s; }
	#index.afterfirstview #loading.firstview .updown img:nth-child(9) { transition-delay: 0.7s; }
	#index.afterfirstview #loading.firstview .updown img:nth-child(10) { transition-delay: 0.75s; }
}
@media screen and (max-width: 500px){
	#index #loading .updown span:nth-child(1) {margin-right: 15px;}
	#index #loading .updown span:nth-child(1) {width: 85px;height: 65px;}
	#index #loading .updown span:nth-child(1) img{ height: 50px; }
} */


#index #openpopup{display: none;position: fixed;top: 0;left: 0;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%; opacity: 0;transition: opacity 1s cubic-bezier(.25,.46,.45,.94);z-index: 40000000;}
#index #openpopup .closebtnbg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: default; background: #000; opacity: .4;  }
#index #openpopup .mainbox{ position: relative; border-radius: 16px; overflow: hidden; border: 6px solid hsla(0,0%,100%,.3); opacity: 0; transform: scale(.5); }
#index #openpopup .mainbox>.inwrap{ width: 620px; padding: 50px 40px 50px; background: #fff; display: flex; flex-direction: column; align-items: center; }
#index #openpopup .mainbox>.inwrap .closebtn{display: flex;align-items: center;justify-content: center;position: absolute;top: 0;right: 0;width: 44px;height: 44px;border-radius: 0 0 0 16px;cursor: pointer;}
#index #openpopup .mainbox>.inwrap .closebtn img{ width: 16px; height: 16px; }
#index #openpopup .mainbox>.inwrap .txt{ color: #8d9399; }
#index #openpopup .mainbox>.inwrap .bottomlink{cursor: pointer;width: 100%;box-sizing: border-box;}
#index #openpopup .mainbox>.inwrap .bottomlink .btnlink{min-width: inherit;width: 100%; max-width: 340px;}
#index.afterfirstview #openpopup{ opacity: 1; transition-delay: 2s; }
#index.afterfirstview #openpopup .mainbox{ opacity: 1; transform: scale(1); transition: opacity .6s ease .2s,transform .6s cubic-bezier(.175,.885,.32,1.275) .2s; }
#index.closepopup #openpopup{ opacity: 0; transition-delay: 0; transition: .6s; visibility: hidden; }
#index.closepopup #openpopup .mainbox{ opacity: 0; transform: scale(.5); }
@media screen and (max-width: 767px){
	#index #openpopup .mainbox>.inwrap{ width: 337px; padding: 58px 25px 45px; }
	#index #openpopup .mainbox>.inwrap .closebtn{ width: 40px; height: 40px; }

}


#index #mainv{height: 100vh;}
#index #mainv .copybox .txt1,
#index #mainv .copybox .list1,
#index #mainv .copybox .link1{ position: absolute; z-index: 100000; }
#index #mainv .copybox .txt1{ top: 244px; left: 0; }
#index #mainv .copybox .txt1>div{margin-bottom: 10px;}
#index #mainv .copybox .txt1>div>p{display: inline-block;padding-right: 18px;position: relative;margin-bottom: 10px;filter: drop-shadow(-10px 10px 10px rgba(0,0,0,0.1));}
#index #mainv .copybox .txt1>div>p:last-child{ margin-bottom: 0; }
#index #mainv .copybox .txt1>div>p>span{display: block;background: #fff;font-weight: bold;font-size: 3.4rem;color: #1992eb;padding: 10px 0 10px 35px;}
#index #mainv .copybox .txt1>div>p:after{ content: ""; background: #fff; display: inline-block; position: absolute; right: 0; top: 0; background: linear-gradient(to left bottom, transparent 50%, rgb(255, 255, 255) 51%); width: 18px; height: 100%; }
#index #mainv .copybox .txt1>div>p>span{ display: inline-block; }
#index #mainv .copybox .list1{bottom: 0;left: 0;font-weight: bold;color: #1992eb;font-size: 2.2rem;padding-right: 40px;filter: drop-shadow(-10px 10px 16px rgba(0,0,0,0.1));}
#index #mainv .copybox .list1:after{ content: ""; background: #f7f7f7; display: inline-block; position: absolute; right: 0; top: 0; background: linear-gradient(to left bottom, transparent 50%, rgb(247, 247, 247) 51%); width: 40px; height: 100%; }
#index #mainv .copybox .list1>ul{background: #f7f7f7;padding: 45px 40px 45px 60px;}
#index #mainv .copybox .link1{bottom: 0; right: 0;z-index: 10000000;}
#index #mainv .copybox .link1>a{ color: #fff; padding-left: 30px; font-weight: bold; font-size: 2.2rem; position: relative; display: block;filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.1)); }
#index #mainv .copybox .link1>a:after,
#index #mainv .copybox .link1>a:before{ content: ""; background: #1992eb; display: inline-block; position: absolute; left: 0; top: 0; background: linear-gradient(to right bottom, transparent 50%, rgb(25, 146, 235) 51%); width: 30px; height: 100%; transition: .6s; }
#index #mainv .copybox .link1>a:before{background: #f7f7f7; background: linear-gradient(to right bottom, transparent 50%, rgb(247, 247, 247) 51%);opacity: 0;z-index: 1; color: #1992eb;}
#index #mainv .copybox .link1>a>p{background: #1992eb;padding: 45px 55px 40px 70px;display: block;position: relative;}
#index #mainv .copybox .link1>a>p:before{ content: ""; background: #f7f7f7; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; transition: .6s; opacity: 0; }
#index #mainv .copybox .link1>a>p>span{ position: relative; z-index: 10; }
#index #mainv .copybox .link1>a>p>span:after{ content: ""; background: url(../img/common/arr1.svg) no-repeat; background-size: contain; width: 42px; height: 10px; display: inline-block; margin-left: 10px; vertical-align: middle; transition: .4s; }
#index #mainv .copybox .link1>a:hover:before{ opacity: 1; }
#index #mainv .copybox .link1>a:hover>p:before{ opacity: 1; }
#index #mainv .copybox .link1>a:hover>p>span:after{ background: url(../img/common/arr2.svg) no-repeat;}
#index #mainv .copybox .link1>a:hover>p { color: #1992eb; }
#index #mainv .copybox .link1>a:hover>p>span:after{ margin-left: 15px; margin-right: -5px; }
#index #mainv .mainbox{height: calc(100% - 40px);position: relative;}
#index #mainv .mainbox .ctrlbtnlist{display: flex;align-items: center;justify-content: center;flex-direction: row;margin-left: -4px;position: absolute;bottom: 10px;left: 0;right: 0;width: 100%;z-index: 100;}
#index #mainv .mainbox .ctrlbtnlist>li{margin-left: 4px;}
#index #mainv .mainbox .ctrlbtnlist>li button{background: #1992eb;border-radius: 6px;position: relative;width: 26px;height: 26px;}
#index #mainv .mainbox .ctrlbtnlist>li button::before{ content: ""; background: #fff; width: 2px; height: 12px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
#index #mainv .mainbox .ctrlbtnlist>li button::after{ content: ""; background: #fff; width: 12px; height: 2px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
#index #mainv .mainbox .ctrlbtnlist>li button:hover{ opacity: 0.8; }
#index #mainv .mainbox .ctrlbtnlist>li #mv_zoomout::before{ content: none; }
#index #mainv .mainbox .canvas1{overflow: hidden;position: relative;margin: auto;z-index: 10;}
#mv_canvas1{ width: 1970px; height: 1152px; }
#index #mainv .mainbox .canvas1,
#index #mainv .mainbox .canvas1 .svgarea,
#index #mainv .mainbox .canvas1 svg{width: 100%;height: 100%;}
#index #mainv .mainbox .canvas1>.inwrap{background: #d6f8ff;position: absolute;margin: auto;}
#index #mainv .mainbox .canvas1 .svgarea{position: absolute;z-index: 1;overflow: hidden;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;}
#index #mainv .mainbox .canvaslinklist1{ position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%; }
#index #mainv .mainbox .canvaslinklist1 li{z-index: 2;}
#index #mainv .mainbox .canvaslinklist1 li.open{ z-index: 3000; }
#index #mainv .mainbox .canvaslinklist1 li .pointicon{display: inline-block;opacity: 0;transition: .4s;transition-delay: .6s;width: 9.5%;position: absolute;z-index: 3;}
#index #mainv .mainbox .canvaslinklist1 li .pointicon .fukidashi{text-align: center;position: relative;opacity: 0;transition: .6s;}
#index #mainv .mainbox .canvaslinklist1 li .pointicon .fukidashi>.inwrap{display: block;font-size: 1.4em;color: #fbd521;letter-spacing: 0.3em;}
#index #mainv .mainbox .canvaslinklist1 li .pointicon .fukidashi>.inwrap:before,
#index #mainv .mainbox .canvaslinklist1 li .pointicon .fukidashi>.inwrap:after{content: "";width: 1px;height: 18px;background: #fbd521;position: absolute;bottom: 6px;}
#index #mainv .mainbox .canvaslinklist1 li .pointicon .fukidashi>.inwrap:before{ left: 0; transform: rotate(-40deg); }
#index #mainv .mainbox .canvaslinklist1 li .pointicon .fukidashi>.inwrap:after{right: 5px;transform: rotate(40deg);}
#index #mainv .mainbox .canvaslinklist1 li .pointicon .fukidashi>.inwrap .open,
#index #mainv .mainbox .canvaslinklist1 li .pointicon .fukidashi>.inwrap .close{transition: .6s;position: absolute;bottom: 0;left: 0;right: 0;line-height: 1.4;font-size: 1.4rem;}
#index #mainv .mainbox .canvaslinklist1 li .pointicon .fukidashi>.inwrap .close{ opacity: 0; font-size: 1.6rem; }
#index #mainv .mainbox .canvaslinklist1 li .pointicon .point{position: relative;}
#index #mainv .mainbox .canvaslinklist1 li .pointicon .point>.inwrap{ text-align: center; display: flex; align-items: center; justify-content: center; }
#index #mainv .mainbox .canvaslinklist1 li .pointicon .point>.inwrap>svg{width: 25%;}
#index #mainv .mainbox .canvaslinklist1 li .pointicon .point>.inwrap>svg .point_icon,
#index #mainv .mainbox .canvaslinklist1 li .pointicon .point>.inwrap>svg .point_link{ transition: .6s; }
#index #mainv .mainbox .canvaslinklist1 li .pointicon .point>.inwrap>svg .point_icon{ transform: translateY(-1px); transform-origin: top center; }
#index #mainv .mainbox .canvaslinklist1 li .desc{background: #fff;width: 530px;color: inherit;right: -530px;z-index: 5000000;}
#index #mainv .mainbox .canvaslinklist1 li .desc .mainlistcover{justify-content: center;}
#index #mainv .mainbox .canvaslinklist1 li .desc .mainlistcover>.inwrap{display: flex;justify-content: center;flex-direction: column;}
#index #mainv .mainbox .canvaslinklist1 li .desc>.inwrap .txtbox{margin-top: 40px;}
#index.closepopup #mainv .mainbox .canvaslinklist1 li .pointicon{ opacity: 1; }
#index.closepopup #mainv .mainbox .canvaslinklist1 li .pointicon:hover{ transition-delay: 0s; }
#index.closepopup #mainv .mainbox .canvaslinklist1 li .pointicon:hover .point>.inwrap>svg .point_icon,
#index.closepopup #mainv .mainbox .canvaslinklist1 li.open .pointicon .point>.inwrap>svg .point_icon{ transform: translateY(2px); transform-origin: top center; }
#index.closepopup #mainv .mainbox .canvaslinklist1 li .pointicon:hover .fukidashi,
#index.closepopup #mainv .mainbox .canvaslinklist1 li.open .pointicon .fukidashi{ opacity: 1; }
#index.closepopup #mainv .mainbox .canvaslinklist1 li.open .pointicon .fukidashi>.inwrap .open{ opacity: 0; }
#index.closepopup #mainv .mainbox .canvaslinklist1 li.open .pointicon .fukidashi>.inwrap .close{ opacity: 1; }
#index #mainv .mainbox .canvaslinklist1 li:nth-child(1) .pointicon{right: 31%;top: 25%;}
#index #mainv .mainbox .canvaslinklist1 li:nth-child(2) .pointicon{left: 44%;bottom: 30%;}
#index #mainv .mainbox .canvaslinklist1 li:nth-child(3) .pointicon{ left: 100px; top: 50%; }
#index #mainv .mainbox .canvaslinklist1 li:nth-child(4) .pointicon{ left: 100px; top: 50%; }
#index #mainv .mainbox .canvaslinklist1 li:nth-child(5) .pointicon{ left: 100px; top: 50%; }
#index #mainv .mainbox .canvaslinklist1 li:nth-child(6) .pointicon{ left: 100px; top: 50%; }
#index #mainv .mainbox .canvaslinklist1 li:nth-child(7) .pointicon{ left: 100px; top: 50%; }
#index #mainv .mainbox .canvaslinklist1 li:nth-child(8) .pointicon{ left: 100px; top: 50%; }
#index #mainv .mainbox .canvaslinklist1 .menubtn{ right: auto; left: 0; width: 130px; }
#index #mainv .mainbox .canvaslinklist1 .menubtn a{ filter: inherit; }
#index #mainv .mainbox .canvaslinklist1 .menubtn a>.inwrap{ width: 100%; }
#index #mainv .mainbox .canvaslinklist1 .menubtn a>.inwrap:before{width: 100%;}
#index #mainv .mainbox .canvaslinklist1 .menubtn a:before,
#index #mainv .mainbox .canvaslinklist1 .menubtn a:after{ content: none; }
#index #mainv .mainbox .canvaslinklist1 .menubtn a .line1{transform: translateY(10px) rotate(-20deg);}
#index #mainv .mainbox .canvaslinklist1 .menubtn a .line2{display:none}
#index #mainv .mainbox .canvaslinklist1 .menubtn a .line3{transform: translateY(-10px) rotate(20deg);}
#index #mainv .mainbox .canvaslinklist1 .menubtn a .menutxt .close{ opacity: 1; }
#index #mainv .mainbox .canvaslinklist1 .menubtn a .menutxt .open{ opacity: 0; }
@media screen and (max-width: 1200px){
	#index #mainv .copybox .txt1>div>p>span{font-size: 2.8rem;padding: 10px 0 10px 35px;}
	#index #mainv .copybox .list1{font-size: 2rem;padding-right: 40px;}
	#index #mainv .copybox .link1>a{ padding-left: 30px; font-size: 2rem; }
}
@media screen and (max-width: 1040px){
	#index #mainv,
	#index #mainv .mainbox{ height: calc(100vh - 100px); }
	#index #mainv .copybox .link1>a>p{background: #1992eb;padding: 50px 55px 40px 70px;display: block;position: relative;}
	#index #mainv .copybox .list1>ul{background: #f7f7f7;padding: 55px 40px 40px 60px;}
	.mvafter{background: #f7f7f7;padding: 40px 8%;}
	.mvafter .list1{font-weight: bold;color: #1992eb;font-size: 1.6rem; display: flex; justify-content: center;}
	.mvafter .list1>ul{padding-left: .7em!important; text-indent: -.7em; display: inline-block;}
	#index #mainv .copybox .txt1{ top: 200px; }
	/* #index #mainv .mainbox .canvaslinklist1 li .pointicon .fukidashi{width: 130px;}
	#index #mainv .mainbox .canvaslinklist1 li .pointicon .fukidashi>.inwrap{font-size: 1.2em;letter-spacing: 0.2em;}
	#index #mainv .mainbox .canvaslinklist1 li .pointicon .fukidashi>.inwrap:before,
	#index #mainv .mainbox .canvaslinklist1 li .pointicon .fukidashi>.inwrap:after{height: 12px;bottom: 6px;}
	#index #mainv .mainbox .canvaslinklist1 li .pointicon .fukidashi>.inwrap .open,
	#index #mainv .mainbox .canvaslinklist1 li .pointicon .fukidashi>.inwrap .close{font-size: 1.2rem;}
	#index #mainv .mainbox .canvaslinklist1 li .pointicon .fukidashi>.inwrap .close{ font-size: 1.4rem; }
	#index #mainv .mainbox .canvaslinklist1 li .pointicon .point{ height: 44px; } */
	#index .mainlink .btnlink { width: 100%; padding: 40px 0;}
	#index #mainv .mainbox .canvaslinklist1 .menubtn{width: 90px;}
	#index #mainv .mainbox .canvaslinklist1 li .desc{right: -100%;}
}
@media screen and (max-width: 767px){
	#index #mainv .copybox .txt1>div>p>span{font-size: 2.4rem;padding: 5px 0 5px 20px;}
}
@media screen and (max-width: 500px){
	#index #mainv .copybox .txt1{ top: 130px; }
	#index #mainv .copybox .txt1>div>p>span{font-size: 2rem;}
}


#index #article{ margin-top: 165px; }
#index #sec_1{ display: flex; flex-direction: row; }
#index #sec_1 .txtbox{display: flex;justify-content: flex-end;flex-direction: column;padding-left: 13%;}
#index #sec_1 .txtbox ul{ display: flex; flex-direction: column; }
#index #sec_1 .imgbox{position: relative;padding-top: 25px;margin-left: 4%;flex-shrink: 0;width: 44%;}
#index #sec_1 .imgbox:before{content:"";position: absolute;background: #f3fafe;width: 123%;right: 0;top: -50px;z-index: -1;height: calc(100% - 15px);}
#index #sec_1 .imgbox img{ width: 100%; }
@media screen and (max-width: 1200px){
	#index #sec_1 .imgbox{ margin-left: 6%; }
	#index #sec_1 .txtbox{ padding-left: 10%; }
}
@media screen and (max-width: 1040px){
	#index #article{ margin-top: 120px; }
	#index #sec_1{ display: block; }
	#index #sec_1 .txtbox{display: block; padding-left: 8%; padding-right: 8%;}
	#index #sec_1 .imgbox{margin-left: 0;width: 100%;margin-top: 60px;height: 400px;padding-top: 0;}
	#index #sec_1 .imgbox:before{content: none;}
}
@media screen and (max-width: 767px){
	#index #article{ margin-top: 80px; }
	/*#index #sec_1 .linklist .btnlink{ max-width: 300px; width: 100%; }*/
	#index #sec_1 .imgbox{height: 350px;}
}
@media screen and (max-width: 500px){
	#index #article{ margin-top: 60px; }
}

#index #sec_2 #s2_insec1 .list1{margin-top: 30px;margin-left: -25px;}
#index #sec_2 #s2_insec1 .list1>ul{ font-weight: bold;font-size: 2rem;color: #1992eb; display: inline-block; margin-left: 25px; }
#index #sec_2 #s2_insec1 .imgbox{margin-top: 60px;}
#index #sec_2 #s2_insec1 .imgbox .imglist{display: flex;flex-direction: row;margin-left: -50px;padding-bottom: 10px;}
#index #sec_2 #s2_insec1 .imgbox .imglist>li{ margin-left: 50px; width: calc(33.33% - 50px); }
@media screen and (max-width: 1040px){
	#index #sec_2 #s2_insec1 .list1>ul{ font-size: 1.5rem; }
	#index #sec_2 #s2_insec1 .list1>ul{padding-left: 1.1em!important; text-indent: -1.1em;}
	#index #sec_2 #s2_insec1 .imgbox{margin-top: 40px;}
	#index #sec_2 #s2_insec1 .imgbox .imglist{margin-left: -30px;}
	#index #sec_2 #s2_insec1 .imgbox .imglist>li{ margin-left: 30px; width: calc(33.33% - 30px); }
}
@media screen and (max-width: 767px){
	#index #sec_2 #s2_insec1 .imgbox .imglist{margin-left: -15px;}
	#index #sec_2 #s2_insec1 .imgbox .imglist>li{ margin-left: 15px; width: calc(33.33% - 15px); }
}
@media screen and (max-width: 500px){
	#index #sec_2 #s2_insec1 .imgbox .imglist{margin-left: 0;display: block;}
	#index #sec_2 #s2_insec1 .imgbox .imglist>li{ margin-left: 0; width: 100%; margin-bottom: 10px; }
	#index #sec_2 #s2_insec1 .imgbox .imglist>li:last-child{ margin-bottom: 0; }
}

#index #sec_2 #s2_insec1{ position: relative; }
#index #sec_2 #s2_insec1::after{content: "";background: #f3fafe;bottom: 0;left: 0;right: 0;width: 100%;height: 40%;z-index: -1;display: block;position: absolute;}
@media screen and (max-width: 1040px){
	#index #sec_2 #s2_insec1::after{ height: 20%; }
}
@media screen and (max-width: 767px){
	#index #sec_2 #s2_insec1::after{ height: 14%; }
}

#index #sec_2 #s2_insec2{margin-bottom: 70px;}
#index #sec_2 #s2_insec2 .list1>li:nth-child(1){ padding-bottom: 80px; margin-bottom: 60px; position: relative; background: #f3fafe; padding-top: 60px; }
@media screen and (max-width: 1040px){
}
@media screen and (max-width: 767px){
	#index #sec_2 #s2_insec2{margin-bottom: 60px;}
	#index #sec_2 #s2_insec2 .list1>li:nth-child(1){ padding-bottom: 50px; margin-bottom: 40px; padding-top: 50px; }
}

#index #sec_3{background: #f7f7f7;padding-top: 80px;padding-bottom: 100px;}
#index #sec_3 .incnt>.inwrap{ display: flex; flex-direction: row; }
#index #sec_3 .titlebox{display: flex;flex-direction: column;flex-shrink: 0;margin-right: 6%;justify-content: center;}
#index #sec_3 .titlebox .link1 .btnlink{min-width: 232px;padding-top: 9px;padding-bottom: 9px;}
#index #sec_3 .txtbox{ width: 100%; }
@media screen and (max-width: 1040px){
	#index #sec_3{padding-bottom: 90px;}
	#index #sec_3 .incnt>.inwrap{ display: block; }
	#index #sec_3 .titlebox{display: block;margin-right: 0%;margin-bottom: 30px;}
}
@media screen and (max-width: 767px){
	#index #sec_3{padding-bottom: 70px;padding-top: 60px;}
}



#company.message #sec_1 .titlebox{ margin-bottom: 50px; }
#company.message #sec_1 .titlebox>.incnt>.inwrap{ position: relative; padding-right: 40%; color: #fff; padding-bottom: 80px; padding-top: 170px; padding-left: 8%; }
#company.message #sec_1 .titlebox>.incnt>.inwrap .entitle{ font-size: 1.4rem;letter-spacing: 0.3em;font-weight: bold; position: relative; padding-left: 50px; margin-top: 10px; }
#company.message #sec_1 .titlebox>.incnt>.inwrap .entitle::before{ content: ""; background: #fff; width: 40px; height: 1px; display: inline-block; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; }
#company.message #sec_1 .titlebox>.incnt>.inwrap .nametxt{ margin-top: 50px; }
#company.message #sec_1 .titlebox>.incnt>.inwrap .bg1{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; object-position: 80% 0; width: 100%; height: 100%; z-index: -1; }
@media screen and (max-width: 1040px){
	#company.message #sec_1 .titlebox>.incnt>.inwrap{ padding-bottom: 60px; padding-top: 150px; }
	#company.message #sec_1 .titlebox>.incnt>.inwrap .copy{ text-align: left; }
	#company.message #sec_1 .titlebox>.incnt>.inwrap .entitle{ font-size: 1.2rem; }
	#company.message #sec_1 .titlebox>.incnt>.inwrap .nametxt{ margin-top: 40px; }
}
@media screen and (max-width: 767px){
	#company.message #sec_1 .titlebox>.incnt>.inwrap{ padding-top: 120px; }
}
@media screen and (max-width: 639px){
	#company.message #sec_1 .titlebox>.incnt>.inwrap{ padding-top: 80px; padding-bottom: 40px; }
}
@media screen and (max-width: 500px){
	#company.message #sec_1 .titlebox { margin-bottom: 40px;}
	#company.message #sec_1 .titlebox>.incnt>.inwrap{ padding-right: 0%; height: auto; padding-bottom: 0; padding-top: 0; padding-left: 0; color: inherit; display: flex; flex-direction: column; align-items: center; }
	#company.message #sec_1 .titlebox>.incnt>.inwrap .copy{ text-align: center; }
	#company.message #sec_1 .titlebox>.incnt>.inwrap .entitle::before{ background: #191919; }
	#company.message #sec_1 .titlebox>.incnt>.inwrap .bg1{position: relative;height: auto;margin-top: 40px;}
	#company.message #sec_1 .bottom>.titlebox>.incnt>.inwrap {align-items: end; margin-top: 40px;}
}

#company.message #sec_2 .titlebox{ background: #f7f7f7; padding: 90px 8% 50px; display: flex; align-items: center; justify-content: center; margin-bottom: 60px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; color: #1992eb; width: 100%; line-height: 2.2; font-family : "Shippori Mincho B1", "游明朝体", YuMincho, "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-weight: normal; }
#company.message #sec_2 .mainbox{ display: flex; flex-direction: row; }
#company.message #sec_2 .mainbox .txtbox{ width: 100%; }
#company.message #sec_2 .mainbox .imgbox{flex-shrink: 0;margin-left: 5%;width: 45%;}
@media screen and (max-width: 1040px){
	#company.message #sec_2 .titlebox{padding: 60px 8% 40px; margin-bottom: 40px; }
	#company.message #sec_2 .mainbox{ display: block; }
	#company.message #sec_2 .mainbox .imgbox{margin-left: 0;width: 100%;margin-top: 30px;}
}
@media screen and (max-width: 767px){
	
}
@media screen and (max-width: 500px){
}

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

#company.overview

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

/*sec_1*/
#company.overview #sec_1 .dllist>li { margin-bottom: 5px;}
#company.overview #sec_1 .dllist>li>dl { display: flex; flex-direction: row;}
#company.overview #sec_1 .dllist>li>dl>dt {flex-shrink: 0;background: #1992eb;color: #fff;padding: 25px 40px;box-sizing: border-box;width: 195px;}
#company.overview #sec_1 .dllist>li>dl>dd {background: #f7f7f7;padding: 25px 40px;box-sizing: border-box;width: 100%;}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#company.overview #sec_1 .dllist>li>dl>dt{width: 35%;font-feature-settings : "palt";}
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 600px) {
	#company.overview #sec_1 .dllist>li>dl>dt,
	#company.overview #sec_1 .dllist>li>dl>dd{padding: 20px 25px;}
}
@media screen and (max-width: 500px) {
	#company.overview #sec_3 .dllist>li>dl>dt{ width: 43%; }
}

/*sec_2*/
#company.overview #sec_2 .box { display: flex; justify-content: space-between; }
#company.overview #sec_2 .box .btn { display : flex; align-items: flex-end; margin-right: 80px;}
#company.overview #sec_2 .map { margin-top: 80px; height: 700px;}
#company.overview #sec_2 .map iframe { max-height: 700px;}
#company.overview #sec_2 .incnt.wide { width: 100%;}
@media screen and (max-width: 1040px){
	#company.overview #sec_2 .box { display: block;}
	#company.overview #sec_2 .box .btn {margin-top: 40px; margin-right: 0px; display: flex; justify-content: center;}
	#company.overview #sec_2 .map { margin-top: 40px; height: 500px}
	#company.overview #sec_2 .map iframe { max-height: 500px;}
}
@media screen and (max-width: 500px){
	#company.overview #sec_2 .map iframe { max-height: 400px;}
}
/*sec_3*/
#company.overview #sec_3 .dllist>li>dl { display: flex; flex-direction: row; border-top: 1px solid #1992EB;}
#company.overview #sec_3 .dllist>li:last-child>dl { border-bottom: 1px solid #1992EB;}
#company.overview #sec_3 .dllist>li>dl>dt { flex-shrink: 0; background: #f7f7f7; padding:25px 30px; box-sizing: border-box; width: 195px;}
#company.overview #sec_3 .dllist>li>dl>dd { padding:25px 40px; box-sizing: border-box; width: 100%;}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#company.overview #sec_3 .dllist>li>dl>dt{ width: 39%; font-feature-settings : "palt"; }
	#company.overview #sec_3 .dllist>li>dl>dt { width: 190px;}
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 600px) {
	#company.overview #sec_3 .dllist>li>dl>dt,
	#company.overview #sec_3 .dllist>li>dl>dd{padding: 20px 25px;}
}
@media screen and (max-width: 500px) {
	#company.overview #sec_3 .dllist>li>dl>dt{ width: 43%; }
}

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

#company.factory

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

/*sec_1*/
#company.factory #sec_1 .list>li{ display: flex; flex-direction: row-reverse; padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #1992eb; padding-left: 40px; padding-right: 40px; }
#company.factory #sec_1 .list>li:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
#company.factory #sec_1 .list>li .txtbox{ width: 100%; display: flex; flex-direction: column; justify-content: center; }
#company.factory #sec_1 .list>li .txtbox .copy{ margin-bottom: 15px; }
#company.factory #sec_1 .list>li .txtbox .list2{ margin-top: 20px; }
#company.factory #sec_1 .list>li .imgbox{flex-shrink: 0;width: 50%;margin-right: 6%;}
@media screen and (max-width: 1040px) {
	#company.factory #sec_1 .list>li{ padding-left: 0; padding-right: 0; }
}
@media screen and (max-width: 767px) {
	#company.factory #sec_1 .list>li{ display: block; padding-bottom: 50px; margin-bottom: 40px; }
	#company.factory #sec_1 .list>li .txtbox{ display: block; }
	#company.factory #sec_1 .list>li .imgbox{width: 100%;margin-right: 0%; margin-top: 30px;}
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}

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

#company.business

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

/*sec_1*/
#company.business #sec_1 .list{ padding-top: 50px; margin-top: 60px; border-top: 1px solid #1992eb; }
#company.business #sec_1 .list>li{ display: flex; flex-direction: row; padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #1992eb; }
#company.business #sec_1 .list>li:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
#company.business #sec_1 .list>li .txtbox{ width: 100%; }
#company.business #sec_1 .list>li .txtbox .copy{ margin-bottom: 20px; }
#company.business #sec_1 .list>li .txtbox .box1{ margin-top: 10px; }
#company.business #sec_1 .list>li .txtbox .box1>.designfont.fz3>.inwrap{ display: inline-block; position: relative; line-height: 1.8; margin-bottom: 10px; }
#company.business #sec_1 .list>li .txtbox .box1>.designfont.fz3>.inwrap:after{ content: ""; background: #191919; display: inline-block; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; }
#company.business #sec_1 .list>li .imgbox{flex-shrink: 0;width: 64%;margin-left: 4%;}
#company.business #sec_1 .list>li .imgbox .imglist{ display: flex; flex-direction: row; }
#company.business #sec_1 .list>li .imgbox .imglist>li{ width: 50%; }
@media screen and (max-width: 1040px) {
	#company.business #sec_1 .list>li{ display: block; padding-bottom: 50px; margin-bottom: 40px; }
	#company.business #sec_1 .list>li .txtbox{ display: block; }
	#company.business #sec_1 .list>li .imgbox{width: 100%;margin-left: 0%; margin-top: 30px;}
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}

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

#privacy

*********************/
#privacy #sec_1 .list{ margin-top: 60px; }
#privacy #sec_1 .list>li:not(:last-child) { margin-bottom: 40px; }
#privacy #sec_1 .list2>li:not(:last-child) { margin-bottom: 20px; }
#privacy #sec_1 .list3>li { margin-top: 20px; }
#privacy #sec_1 .list h4{ font-weight: normal; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#privacy #sec_1 .list{ margin-top: 40px; }
	#privacy #sec_1 .list>li:not(:last-child) { margin-bottom: 35px; }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}

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

#cases.index

*********************/
#cases.index .copy{ margin-bottom: 70px; }
@media screen and (max-width: 767px) {
	#cases.index .copy{ margin-bottom: 50px; }
}



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

#about

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

#about #sec_1{ display: flex; flex-direction: row; }
#about #sec_1 .txtbox{width: 100%;padding-left: 12%;padding-right: 7%;}
#about #sec_1 .imgbox{flex-shrink: 0;width: 44%;position: relative;}
#about #sec_1 .imgbox::before{content: "";background: #f3fafe;width: 100%;height: 100%;left: -150px;bottom: -40px;position: absolute;z-index: -1;}
@media screen and (max-width: 1200px) {
	#about #sec_1 .txtbox{ padding-left: 8%; padding-right: 6%; }
}
@media screen and (max-width: 1040px) {
	#about #sec_1{ display: block; }
	#about #sec_1 .txtbox{padding-left: 8%;padding-right: 8%; margin-bottom: 60px;}
	#about #sec_1 .imgbox{width: 100%;}
	#about #sec_1 .imgbox::before{content: none;}
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}

#about #sec_2 .txtimgboxlist{ margin-top: 55px; }
@media screen and (max-width: 767px) {
	#about #sec_2 .txtimgboxlist{ margin-top: 35px; }
	#about #sec_2 .txtimgboxlist>li { margin-bottom:25px; }
	#about #sec_2 .txtimgboxlist>li:last-child { margin-bottom:0px; }
}



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

#recruit.index

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

#recruit.index #sec_1{ display: flex; flex-direction: row; }
#recruit.index #sec_1 .txtbox{width: 100%;padding-left: 12%;padding-right: 7%;}
#recruit.index #sec_1 .imgbox{flex-shrink: 0;width: 44%;position: relative; padding-top: 80px;}
#recruit.index #sec_1 .imgbox::before{content: "";background: #f3fafe;width: 100%;height: calc(100% - 60px);left: -150px;top: 0;position: absolute;z-index: -1;}
@media screen and (max-width: 1200px) {
	#recruit.index #sec_1 .txtbox{ padding-left: 8%; padding-right: 6%; }
}
@media screen and (max-width: 1040px) {
	#recruit.index #sec_1{ display: block; }
	#recruit.index #sec_1 .txtbox{padding-left: 8%;padding-right: 8%; margin-bottom: 60px;}
	#recruit.index #sec_1 .imgbox{width: 100%;padding-top: 0;}
	#recruit.index #sec_1 .imgbox::before{content: none;}
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}

#recruit.index #sec_2 .txtimgboxlist{ margin-top: 55px; }
#recruit.index #sec_2 .titlebox{ position: relative; }
#recruit.index #sec_2 .titlebox .subtitle{ font-size: 1.4rem; color: #1992eb; margin-bottom: 10px; letter-spacing: 0.3em; }
#recruit.index #sec_2 .titlebox .arr{ position: absolute; bottom: 10px; top: 0; margin-top: auto; margin-bottom: auto; right: 5px; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; transition: .4s; }
#recruit.index #sec_2 .titlebox .arr img{ height: 10px; width: 42px; }
#recruit.index #sec_2 .txtbox{background: transparent;padding: 0;justify-content: inherit;}
#recruit.index #sec_2 .txtbox>.inwrap{background: #f3fafe;padding: 40px 10% 35px;display: flex;flex-direction: column;justify-content: center;height: 100%;}
#recruit.index #sec_2 .txtbox>.inwrap:hover .titlebox .arr{ right: 0; }
#recruit.index #sec_2 .txtbox>.inwrap:hover{ background: #f7f7f7; }
@media screen and (max-width: 1040px) {
	#recruit.index #sec_2 .titlebox .subtitle{ font-size: 1.2rem; margin-bottom: 5px; letter-spacing: 0.2em; }
	#recruit.index #sec_2 .titlebox .arr img{ height: 6px; width: 38px; }
}
@media screen and (max-width: 767px) {
	#recruit.index #sec_2 .txtimgboxlist{ margin-top: 35px; }
	#recruit.index #sec_2 .txtimgboxlist>li { margin-bottom:25px; }
	#recruit.index #sec_2 .txtimgboxlist>li:last-child { margin-bottom:0px; }
	#recruit.index #sec_2 .txtbox>.inwrap{display: block; height: auto; }
}



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

#recruit.interview

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

#recruit.interview #sec_1 #s1_insec1{ position: relative; padding-top: 80px; }
#recruit.interview #sec_1 #s1_insec1::before{content: "";background: #f3fafe;width: 68%;height: calc(100% - 60px);left: 0;top: 0;position: absolute;z-index: -1;}
#recruit.interview #sec_1 #s1_insec1>.incnt>.inwrap{ display: flex; flex-direction: row-reverse; }
#recruit.interview #sec_1 #s1_insec1>.incnt>.inwrap .txtbox{width: 100%; margin-left: 6%; justify-content: center; display: flex; flex-direction: column; }
#recruit.interview #sec_1 #s1_insec1>.incnt>.inwrap .imgbox{flex-shrink: 0;width: 61%;}

#recruit.interview .interviewcopy{ font-weight: bold; font-size: 3.8rem; letter-spacing: 0.05em; line-height: 1.6; color: #1992eb; }
#recruit.interview .interviewnamebox1{ margin-top: 60px; }
#recruit.interview .interviewnamebox1 .name{font-size: 1.8rem;font-weight: bold;}
#recruit.interview .interviewnamebox1 .head{/* font-weight: bold; */}
@media screen and (max-width: 1300px) {
	#recruit.interview #sec_1 #s1_insec1>.incnt>.inwrap .imgbox{ width: 50%; }
	#recruit.interview .interviewcopy{ font-size: 3.6rem; }
}
@media screen and (max-width: 1200px) {
	#recruit.interview .interviewcopy{ font-size: 3rem; }
	#recruit.interview .interviewnamebox1{ margin-top: 50px; }
}
@media screen and (max-width: 1040px) {
	#recruit.interview #sec_1 #s1_insec1{ padding-top: 0; }
	#recruit.interview #sec_1 #s1_insec1::before{content: none;}
	#recruit.interview #sec_1 #s1_insec1>.incnt>.inwrap{ display: block; }
	#recruit.interview #sec_1 #s1_insec1>.incnt>.inwrap .txtbox{ margin-left: 0; margin-bottom: 60px;text-align: center;}
	#recruit.interview #sec_1 #s1_insec1>.incnt>.inwrap .imgbox{width: 100%;}
}
@media screen and (max-width: 767px) {
	#recruit.interview .interviewcopy{ font-size: 2.6rem; }
	#recruit.interview .interviewnamebox1{ margin-top: 30px; }
}
@media screen and (max-width: 500px) {
	#recruit.interview .interviewcopy{ font-size: 2.2rem; }
	#recruit.interview .interviewnamebox1 .name{ font-size: 1.6rem; }
	#recruit.interview .interviewnamebox1{ margin-top: 20px; }
}


#recruit.interview #sec_1 #s1_insec2{ margin-bottom: 70px; }
#recruit.interview #sec_1 #s1_insec2 .faqlist>li:not(:last-child){ margin-bottom: 60px; }
#recruit.interview #sec_1 #s1_insec2 .faqlist>li dl>dt{ margin-bottom: 20px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; }
#recruit.interview #sec_1 #s1_insec2 .faqlist>li dl>dt .icon{ color: #d1e9fb; font-size: 5rem; margin-right: 14px; line-height: 1; flex-shrink: 0; width: 82px; }
#recruit.interview #sec_1 #s1_insec2 .faqlist>li dl>dt .title{ color: #1992eb; font-size: 2.4rem; font-weight: bold; letter-spacing: 0.1em; display: inline-block; position: relative; }
#recruit.interview #sec_1 #s1_insec2 .faqlist>li dl>dt .title>.inwrap{ background:linear-gradient(transparent calc(100% - 2px), #1992eb 0%); display: inline; padding-bottom: 4px; line-height: 1.5; }
#recruit.interview #sec_1 #s1_insec2 .faqlist>li dl>dd{padding-left: 6em;}
#recruit.interview #sec_1 #s1_insec2 .faqlist>li._1{ display: flex; flex-direction: row; }
#recruit.interview #sec_1 #s1_insec2 .faqlist>li._1 .txtbox{width: 100%;margin-right: 35px;}
#recruit.interview #sec_1 #s1_insec2 .faqlist>li._1 .imgbox{width: 46%;flex-shrink: 0;padding-top: 5px;}
@media screen and (max-width: 1040px) {
	#recruit.interview #sec_1 #s1_insec2 .faqlist>li dl>dt .icon{font-size: 4rem;width: 64px;}
	#recruit.interview #sec_1 #s1_insec2 .faqlist>li dl>dt .title{ font-size: 2rem; }
	#recruit.interview #sec_1 #s1_insec2 .faqlist>li dl>dd{padding-left: 5em;}
}
@media screen and (max-width: 767px) {
	#recruit.interview #sec_1 #s1_insec2{ margin-bottom: 50px; }
	#recruit.interview #sec_1 #s1_insec2 .faqlist>li dl>dt{ margin-bottom: 25px; }
	#recruit.interview #sec_1 #s1_insec2 .faqlist>li dl>dt .icon{font-size: 3rem;width: auto;}
	#recruit.interview #sec_1 #s1_insec2 .faqlist>li dl>dt .title{ font-size: 1.8rem; }
	#recruit.interview #sec_1 #s1_insec2 .faqlist>li dl>dt .title>.inwrap{ line-height: 1.8; }
	#recruit.interview #sec_1 #s1_insec2 .faqlist>li dl>dd{padding-left: 0;}
	#recruit.interview #sec_1 #s1_insec2 .faqlist>li._1{ display: block; }
	#recruit.interview #sec_1 #s1_insec2 .faqlist>li._1 .txtbox{margin-right: 0;margin-bottom: 30px;}
	#recruit.interview #sec_1 #s1_insec2 .faqlist>li._1 .imgbox{width: 100%;padding-top: 0;}
}
@media screen and (max-width: 500px) {
}


#recruit.interview #sec_1 #s1_insec3{ background: #f7f7f7; padding-top: 70px; padding-bottom: 80px; }
#recruit.interview #sec_1 #s1_insec3>.incnt>.inwrap{ display: flex; flex-direction: row; }
#recruit.interview #sec_1 #s1_insec3 .sectitlebox{flex-shrink: 0;margin-right: 60px;}
#recruit.interview #sec_1 #s1_insec3 .sectitlebox .title{ font-size: 3rem; }
#recruit.interview #sec_1 #s1_insec3 .timeschedule{ border-top: 1px solid #1992eb; width: 100%; }
#recruit.interview #sec_1 #s1_insec3 .timeschedule>li{padding-top: 26px;padding-bottom: 22px;border-bottom: 1px solid #1992eb;background: #ffffff;padding-left: 35px;padding-right: 35px;}
#recruit.interview #sec_1 #s1_insec3 .timeschedule>li>dl{ display: flex; flex-direction: row; }
#recruit.interview #sec_1 #s1_insec3 .timeschedule>li>dl>dt{flex-shrink: 0;font-weight: bold;color: #1992eb;width: 32%;}
#recruit.interview #sec_1 #s1_insec3 .timeschedule>li>dl>dd{ width: 100%; font-weight: bold; }
#recruit.interview #sec_1 #s1_insec3 .timeschedule>li>dl>dd .txt{ font-size: 1.3rem; }
@media screen and (max-width: 1040px) {
	#recruit.interview #sec_1 #s1_insec3>.incnt>.inwrap{ display: block; }
	#recruit.interview #sec_1 #s1_insec3 .sectitlebox{ margin-right: 0; }
	#recruit.interview #sec_1 #s1_insec3 .sectitlebox .title{ font-size: 2.8rem; }
}
@media screen and (max-width: 767px) {
	#recruit.interview #sec_1 #s1_insec3{ padding-top: 60px; padding-bottom: 70px; }
	#recruit.interview #sec_1 #s1_insec3 .sectitlebox .title{ font-size: 2.4rem; }
	#recruit.interview #sec_1 #s1_insec3 .timeschedule>li{padding-top: 20px;padding-bottom: 16px;padding-left: 25px;padding-right: 25px;}
	#recruit.interview #sec_1 #s1_insec3 .timeschedule>li>dl>dt{ width: 145px; }
}
@media screen and (max-width: 500px) {
	#recruit.interview #sec_1 #s1_insec3 .timeschedule>li{padding-left: 18px;padding-right: 18px;}
}



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

#recruit.requirements

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

#recruit.requirements #sec_1{ background: #f7f7f7; padding-top: 90px; padding-bottom: 80px; }
#recruit.requirements #sec_1 .copy{ text-align: center; font-size: 3rem; }
#recruit.requirements #sec_1 .list{ background: #fff; padding-left: 8px; padding-right: 8px;  }
#recruit.requirements #sec_1 .list>li>dl{ display: flex; flex-direction: row; }
#recruit.requirements #sec_1 .list>li>dl>dt,
#recruit.requirements #sec_1 .list>li>dl>dd{ position: relative; padding-top: 26px; padding-bottom: 24px; }
#recruit.requirements #sec_1 .list>li>dl>dt:after,
#recruit.requirements #sec_1 .list>li>dl>dd:after{ content: ""; position: absolute; left: 0; bottom: 0; display: inline-block; height: 1px; width: 100%; }
#recruit.requirements #sec_1 .list>li>dl>dt{ display: flex; flex-shrink: 0; margin-right: 4px; font-weight: bold; padding-left: 30px; padding-right: 30px; width: 180px; align-items: center; }
#recruit.requirements #sec_1 .list>li>dl>dt:after{ background: #1992eb; }
#recruit.requirements #sec_1 .list>li>dl>dd{ width: 100%; padding-left: 6%; padding-right: 6%; word-break: break-all; }
#recruit.requirements #sec_1 .list>li>dl>dd:after{ background: #999; }
#recruit.requirements #sec_1 .list>li:last-child>dl>dt:after,
#recruit.requirements #sec_1 .list>li:last-child>dl>dd:after{ content: none; }
#recruit.requirements #sec_1 .bottomlink{ margin-top: 60px; }
#recruit.requirements #sec_1 .bottomlink>.btnlink{ max-width: 490px; min-width: inherit; width: 100%; }
@media screen and (max-width: 1040px) {
	#recruit.requirements #sec_1 .list>li>dl>dt{width: 21%;}
	#recruit.requirements #sec_1 .copy{ font-size: 2.6rem; }
}
@media screen and (max-width: 767px) {
	#recruit.requirements #sec_1{ padding-top: 70px; padding-bottom: 60px; }
	#recruit.requirements #sec_1 .list>li>dl>dt,
	#recruit.requirements #sec_1 .list>li>dl>dd{ padding-top: 22px; padding-bottom: 20px; }
	#recruit.requirements #sec_1 .list>li>dl>dt{padding-left: 20px;padding-right: 20px;width: 26%;}
	#recruit.requirements #sec_1 .copy{ font-size: 2rem; }
}
@media screen and (max-width: 500px) {
	#recruit.requirements #sec_1 .list>li>dl>dt{padding-left: 15px;padding-right: 15px;width: 34%;}
}




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

#recruit.environment

*********************/
#recruit.environment #recruitnav{ padding-bottom: 10px; }
#recruit.environment #recruitnav .linklist{ margin-top: 30px; }
#recruit.environment .copy._underline.tc{ padding-bottom: 0; }
#recruit.environment .copy._underline.tc>.inwrap{ display: inline-block; position: relative; }
#recruit.environment .copy._underline.tc:after{ content: none; }
#recruit.environment .copy._underline.tc>.inwrap:after{ content: ""; background: #1992eb; width: 40px; height: 3px; display: inline-block; position: absolute; bottom: 0; left: 0;  right: 0; margin-left: auto; margin-right: auto; width: 100%; }

#recruit.environment #sec_1{ background: #f3fafe; padding-top: 80px; padding-bottom: 80px; }
#recruit.environment #sec_1 .copy._underline.tc{ margin-bottom: 100px; }
#recruit.environment #sec_1 .list>li:not(:last-child){ margin-bottom: 60px; }
#recruit.environment #sec_1 .list>li{ display: flex; flex-direction: row; padding-left: 12%; }
#recruit.environment #sec_1 .list>li .txtbox{ display: flex; flex-direction: column; justify-content: center; padding-bottom: 30px; }
#recruit.environment #sec_1 .list>li .txtbox .titlebox{ margin-bottom: 20px; }
#recruit.environment #sec_1 .list>li .txtbox .titlebox>.inwrap{ padding-top: 40px;padding-left: 50px;position: relative; display: inline-block; }
#recruit.environment #sec_1 .list>li .txtbox .num{ position: absolute; top: 0; left: 0; z-index: 1; font-size: 8rem; color: #a3d3f7; line-height: 1; letter-spacing: 0em; }
#recruit.environment #sec_1 .list>li .txtbox .copy{ position: relative; z-index: 2; margin-bottom: 0; }
#recruit.environment #sec_1 .list>li .txtbox .txt{ padding-left: 50px; }
#recruit.environment #sec_1 .list>li .imgbox{flex-shrink: 0;margin-left: 4%;width: 51%;}
#recruit.environment #sec_1 .list>li:nth-child(even){ display: flex; flex-direction: row-reverse; padding-right: 12%; padding-left: 0; }
#recruit.environment #sec_1 .list>li:nth-child(even) .imgbox{ margin-left: 0%; margin-right: 4%; }
#recruit.environment #sec_1 .list>li:nth-child(even) .txtbox .titlebox>.inwrap{ padding-left: 0;padding-right: 50px; }
#recruit.environment #sec_1 .list>li:nth-child(even) .txtbox .num{ left: auto; right: 0; }
#recruit.environment #sec_1 .list>li:nth-child(even) .txtbox .txt{ padding-left: 0; padding-right: 50px; }
@media screen and (max-width: 1200px) {
	#recruit.environment #sec_1 .list>li{ padding-left: 8%; }
	#recruit.environment #sec_1 .list>li:nth-child(even){ padding-right: 8%; }
	#recruit.environment #sec_1 .list>li:nth-child(even) .txtbox .txt{ padding-right: 40px; }
}
@media screen and (max-width: 1040px) {
	#recruit.environment #sec_1 .copy._underline.tc{ margin-bottom: 50px; }
	#recruit.environment #sec_1 .list>li,
	#recruit.environment #sec_1 .list>li:nth-child(even){ display: block; }
	#recruit.environment #sec_1 .list>li,
	#recruit.environment #sec_1 .list>li:nth-child(even){ padding-right: 6%; padding-left: 6%; }
	#recruit.environment #sec_1 .list>li .txtbox .num{ font-size: 6rem; }
	#recruit.environment #sec_1 .list>li .imgbox{width: 100%;padding-top: 0;}
	#recruit.environment #sec_1 .list>li .imgbox{ margin-left: 0; }
	#recruit.environment #sec_1 .list>li:nth-child(even) .imgbox{ margin-right: 0; }
	#recruit.environment #sec_1 .list>li .txtbox .titlebox>.inwrap{ padding-top: 30px; }
	#recruit.environment #sec_1 .list>li .txtbox .titlebox>.inwrap,
	#recruit.environment #sec_1 .list>li:nth-child(even) .txtbox .titlebox>.inwrap{ padding-left: 40px;padding-right: 20px; }
	#recruit.environment #sec_1 .list>li:nth-child(even) .txtbox .num{ left: 0; right: auto; }
	#recruit.environment #sec_1 .list>li .txtbox .txt,
	#recruit.environment #sec_1 .list>li:nth-child(even) .txtbox .txt{ padding-left: 40px; padding-right: 20px; }
}
@media screen and (max-width: 767px) {
	#recruit.environment #sec_1{ padding-top: 60px; padding-bottom: 60px; }
	#recruit.environment #sec_1 .copy._underline.tc{ margin-bottom: 40px; }
}
@media screen and (max-width: 500px) {
	#recruit.environment #sec_1 .list>li .txtbox .titlebox>.inwrap,
	#recruit.environment #sec_1 .list>li:nth-child(even) .txtbox .titlebox>.inwrap{ padding-left: 32px;padding-right: 15px; }
	#recruit.environment #sec_1 .list>li .txtbox .txt,
	#recruit.environment #sec_1 .list>li:nth-child(even) .txtbox .txt{ padding-left: 32px; padding-right: 15px; }
}

#recruit.environment #sec_2{ padding-top: 120px; }
#recruit.environment #sec_2 .copy._underline.tc{ margin-bottom: 60px; }
#recruit.environment #sec_2 .list{ position: relative; border: 1px solid #1992eb; padding: 10px 0; overflow: hidden }
#recruit.environment #sec_2 .list::before{ content: ""; display: inline-block; background: #1992eb; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 1px; height: calc(100% - 20px); }
#recruit.environment #sec_2 .list>.inwrap{ display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: -15px; }
#recruit.environment #sec_2 .list>.inwrap>li{ width: 50%; padding-top: 30px; padding-bottom: 50px; padding-left: 40px; padding-right: 40px; position: relative; }
#recruit.environment #sec_2 .list>.inwrap>li:not(:nth-child(-n+2)){ padding-top: 40px; }
#recruit.environment #sec_2 .list>.inwrap>li:after{ content: ""; display: inline-block; background: #1992eb; position: absolute; left: 10px; right: 10px; bottom: 0; margin-left: auto; margin-right: auto; height: 1px; width: calc(100% - 20px); }
#recruit.environment #sec_2 .list>.inwrap>li .imgbox{ margin-bottom: 40px; }
#recruit.environment #sec_2 .list>.inwrap>li .txtbox{ padding-left: 35px; padding-right: 15px; }
#recruit.environment #sec_2 .list>.inwrap>li .txtbox .titlebox{ position: relative; margin-bottom: 20px; }
#recruit.environment #sec_2 .list>.inwrap>li .txtbox .titlebox .copy{ margin-bottom: 0; position: relative; z-index: 2; }
#recruit.environment #sec_2 .list>.inwrap>li .txtbox .titlebox .num{ position: absolute; top: -8px; right: 10px; z-index: 1; font-size: 4rem; color: #a3d3f7; line-height: 1; letter-spacing: 0em; }
#recruit.environment #sec_2 .list+.copy{ margin-top: 50px; }
@media screen and (max-width: 1040px) {
	#recruit.environment #sec_2{ padding-top: 90px; }
	#recruit.environment #sec_2 .list{ padding-top: 0; padding-bottom: 0; }
	#recruit.environment #sec_2 .list::before{ content: none }
	#recruit.environment #sec_2 .list>.inwrap{ display: block; margin-bottom: 0; }
	#recruit.environment #sec_2 .list>.inwrap>li{ width: 100%; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; }
	#recruit.environment #sec_2 .list>.inwrap>li:not(:nth-child(-n+2)){ padding-top: 30px; }
	#recruit.environment #sec_2 .list>.inwrap>li:last-child:after{ content: none }
	#recruit.environment #sec_2 .list>.inwrap>li .imgbox{ margin-bottom: 30px; }
	#recruit.environment #sec_2 .list>.inwrap>li .txtbox{ padding-left: 6%; padding-right: 4%; }
	#recruit.environment #sec_2 .list>.inwrap>li .txtbox .titlebox{ padding-right: 35px; }
	#recruit.environment #sec_2 .list>.inwrap>li .txtbox .titlebox .num{ top: -8px; right: 4%; }
}
@media screen and (max-width: 767px) {
	#recruit.environment #sec_2{ padding-top: 60px; }
	#recruit.environment #sec_2 .copy._underline.tc{ margin-bottom: 40px; }
}
@media screen and (max-width: 500px) {
}



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

#contact.index

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

#contact.index #sec_1 #s1_insec1{ margin-bottom: 80px; }
#contact.index #sec_1 #s1_insec1 .link{ margin-top: 50px; }
#contact.index #sec_1 #s1_insec1 .link>.inwrap{ background: #1992eb; display: flex; align-items: center; justify-content: center; padding: 40px 8%; color: #fff; position: relative; height: 232px; border: 1px solid #1992eb; }
#contact.index #sec_1 #s1_insec1 .link>.inwrap:after{content: "";background: url(../img/common/arr1.svg) no-repeat;background-size: contain;width: 42px;height: 8px;display: inline-block;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;right: 8%;vertical-align: middle;transition: .4s;}
#contact.index #sec_1 #s1_insec1 .link>.inwrap>.inwrap{ display: inline-block; padding-left: 57px; text-align: left; position: relative; }
#contact.index #sec_1 #s1_insec1 .link>.inwrap>.inwrap>svg{width: 40px;height: 54px;display: inline-block;position: absolute;top: 4px;top: 0;bottom: 2px;margin-top: auto;margin-bottom: auto;left: 0;}
#contact.index #sec_1 #s1_insec1 .link>.inwrap>.inwrap>svg .calc_st0.st0{transition: .4s;}
#contact.index #sec_1 #s1_insec1 .link .title{ font-size: 2.4rem; font-weight: bold; line-height: 1.4; }
#contact.index #sec_1 #s1_insec1 .link>.inwrap:hover{ background: #f7f7f7; color: #1992eb; }
#contact.index #sec_1 #s1_insec1 .link>.inwrap:hover>.inwrap>svg .calc_st0.st0{fill:#1992eb;}
#contact.index #sec_1 #s1_insec1 .link>.inwrap:hover:after{ right: 7%; content: ""; background: url(../img/common/arr2.svg) no-repeat; background-size: contain;}
@media screen and (max-width: 1040px) {
	#contact.index #sec_1 #s1_insec1 .link>.inwrap{ height: 200px;}
	#contact.index #sec_1 #s1_insec1 .link .title{ font-size: 2rem; line-height: 1.6; }
	#contact.index #sec_1 #s1_insec1 .link .txt{ font-size: 1.4rem; }
}
@media screen and (max-width: 767px) {
	#contact.index #sec_1 #s1_insec1{ margin-bottom: 70px; }
	#contact.index #sec_1 #s1_insec1 .link>.inwrap{height: auto;padding-top: 40px;padding-bottom: 40px;}
	#contact.index #sec_1 #s1_insec1 .link>.inwrap:after{ right: 20px; }
	#contact.index #sec_1 #s1_insec1 .link>.inwrap:hover:after{ right: 15px; }
	#contact.index #sec_1 #s1_insec1 .link>.inwrap>.inwrap{padding-right: 40px;}
	#contact.index #sec_1 #s1_insec1 .link .title{ margin-bottom: 3px; }
	#contact.index #sec_1 #s1_insec1 .link .txt{ line-height: 1.8; }
}
@media screen and (max-width: 500px) {
	#contact.index #sec_1 #s1_insec1 .link>.inwrap{padding-top: 35px;padding-bottom: 35px;}
	#contact.index #sec_1 #s1_insec1 .link>.inwrap>.inwrap{ text-align: center; }
	#contact.index #sec_1 #s1_insec1 .link>.inwrap>.inwrap>svg{width: 36px;height: 50px; position: static;margin-left: auto;margin-right: auto;margin-bottom: 5px;}
	#contact.index #sec_1 #s1_insec1 .link>.inwrap>.inwrap{ padding-left: 0; }
	#contact.index #sec_1 #s1_insec1 .link .title{ text-align: center; }
	#contact.index #sec_1 #s1_insec1 .link .txt{ text-align: justify; }
	#contact.index #sec_1 #s1_insec1 .link>.inwrap:after{ right: 15px; }
	#contact.index #sec_1 #s1_insec1 .link>.inwrap:hover:after{ right: 10px; }
}


#contact.index #sec_1 #s1_insec2{ background: #f7f7f7; padding-top: 100px; padding-bottom: 80px; margin-bottom: 80px; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#contact.index #sec_1 #s1_insec2{ padding-top: 70px; padding-bottom: 60px; margin-bottom: 60px; }
}
@media screen and (max-width: 500px) {
}




#contact.index #sec_1 #s1_insec3{ margin-bottom: 80px; }
#contact.index #sec_1 #s1_insec3>.incnt>.inwrap{ display: flex; flex-direction: row; background: #1992eb; padding: 40px 8%; color: #fff; align-items: center; justify-content: center; min-height: 250px; }
#contact.index #sec_1 #s1_insec3 .title{ font-size: 2.4rem; display: flex; align-items: center; justify-content: center; letter-spacing: 0.2em; }
#contact.index #sec_1 #s1_insec3 .txtbox{ padding-left: 45px; margin-left: 45px; position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; }
#contact.index #sec_1 #s1_insec3 .txtbox::before{ content: ""; display: inline-block; background: #fff; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; width: 1px; height: 120px; }
#contact.index #sec_1 #s1_insec3 .txtbox .link{ font-size: 3.3rem; position: relative; padding-left: 40px; letter-spacing: 0.15em; }
#contact.index #sec_1 #s1_insec3 .txtbox .link a:hover{ color: #fff; }
#contact.index #sec_1 #s1_insec3 .txtbox .link svg{ width: 32px; height: 32px; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; }
@media screen and (max-width: 1040px) {
	#contact.index #sec_1 #s1_insec3>.incnt>.inwrap{ display: block;min-height: inherit; padding-top: 50px; padding-bottom: 40px; }
	#contact.index #sec_1 #s1_insec3 .title{ padding-left: 10px; }
	#contact.index #sec_1 #s1_insec3 .txtbox{ padding-left: 0; margin-left: 0;  }
	#contact.index #sec_1 #s1_insec3 .txtbox::before{ content: none; }
	#contact.index #sec_1 #s1_insec3 .txtbox .link svg{ width: 28px; height: 28px; }
}
@media screen and (max-width: 767px) {
	#contact.index #sec_1 #s1_insec3{ margin-bottom: 60px; }
	#contact.index #sec_1 #s1_insec3 .title{ font-size: 2rem; }
	#contact.index #sec_1 #s1_insec3 .txtbox .link{ font-size: 2.8rem; }
	#contact.index #sec_1 #s1_insec3 .txtbox .link svg{ width: 26px; height: 26px; }
}
@media screen and (max-width: 500px) {
	#contact.index #sec_1 #s1_insec3 .title{ font-size: 1.8rem; margin-bottom: 5px; }
	#contact.index #sec_1 #s1_insec3 .txtbox .link{ font-size: 2.6rem; }
	#contact.index #sec_1 #s1_insec3 .txtbox .link svg{ width: 24px; height: 24px; }
}




#contact.index #sec_1 #s1_insec4{ background: #f7f7f7; padding-top: 100px; padding-bottom: 80px; }
#contact.index #sec_1 #s1_insec4 .box1{ background: #fff; margin-top: 50px;padding: 50px 8% 80px; }
#contact.index #sec_1 #s1_insec4 .box1 .txt{ margin-bottom: 55px; }
#contact.index #sec_1 #s1_insec4 .box1 .list1{ display: flex; flex-direction: row; }
#contact.index #sec_1 #s1_insec4 .box1 .list1>li{ width: 50%; position: relative; text-align: center; display: flex;flex-direction: column;  }
#contact.index #sec_1 #s1_insec4 .box1 .list1>li a:hover{ opacity: 0.8; }
#contact.index #sec_1 #s1_insec4 .box1 .list1>li:nth-child(1){  padding-right: 75px; padding-left: 35px; }
#contact.index #sec_1 #s1_insec4 .box1 .list1>li:nth-child(2){ border-left: 1px solid #191919; padding-left: 75px; padding-right: 35px; }
#contact.index #sec_1 #s1_insec4 .box1 .list1>li .title{border: 1px solid #191919;line-height: 1.4;padding: 13px 15px 10px;margin-bottom: 30px;}
#contact.index #sec_1 #s1_insec4 .box1 .list1>li .img{ margin-top: auto; }
#contact.index #sec_1 #s1_insec4 .box1 .list1>li:nth-child(1) .img img{ max-width: 219px; width: 100%; }
#contact.index #sec_1 #s1_insec4 .box1 .list1>li:nth-child(2) .img img{ max-width: 272px; width: 100%; }
@media screen and (max-width: 1040px) {
	#contact.index #sec_1 #s1_insec4 .box1{ padding: 40px 8% 60px; }
	#contact.index #sec_1 #s1_insec4 .box1 .list1{ display: block; }
	#contact.index #sec_1 #s1_insec4 .box1 .list1>li{ width: 100%; }
	#contact.index #sec_1 #s1_insec4 .box1 .list1>li:not(:last-child){ margin-bottom: 50px; }
	#contact.index #sec_1 #s1_insec4 .box1 .list1>li:nth-child(1){  padding-right: 0; padding-left: 0; }
	#contact.index #sec_1 #s1_insec4 .box1 .list1>li:nth-child(2){ border-left: none; padding-left: 0; padding-right: 0; }
}
@media screen and (max-width: 767px) {
	#contact.index #sec_1 #s1_insec4{ padding-top: 60px; padding-bottom: 60px; }
	#contact.index #sec_1 #s1_insec4 .box1 { margin-top: 35px;padding: 30px 8% 40px;  }
	#contact.index #sec_1 #s1_insec4 .box1 .txt{ margin-bottom: 35px; }
	#contact.index #sec_1 #s1_insec4 .box1 .list1>li .title{ margin-bottom: 20px; }
	#contact.index #sec_1 #s1_insec4 .box1 .list1>li:not(:last-child){ margin-bottom: 40px; }
}
@media screen and (max-width: 500px) {
	#contact.index #sec_1 #s1_insec4 .box1 .list1>li .title{ padding-left: 10px; padding-right: 10px; }
	#contact.index #sec_1 #s1_insec4 .box1 .list1>li:nth-child(1) .img img{ width: 76%; }
	#contact.index #sec_1 #s1_insec4 .box1 .list1>li:nth-child(2) .img img{ width: 76%; }
}



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

#contact.request

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

#contact.request #sec_1 #s1_insec1{ margin-bottom: 70px; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}


#contact.request #sec_1 #s1_insec2{ background: #f7f7f7; padding-top: 100px; padding-bottom: 80px; }
#contact.request #sec_1 #s1_insec2 .list>li:not(:last-child){ margin-bottom: 30px; }
#contact.request #sec_1 #s1_insec2 .list>li>dl{ display: flex; flex-direction: row; }
#contact.request #sec_1 #s1_insec2 .list>li>dl>dt{ width: 57px; padding-right: 0; }
#contact.request #sec_1 #s1_insec2 .list>li>dl>dd .selectbox{ width: 368px; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#contact.request #sec_1 #s1_insec2{ padding-top: 70px; padding-bottom: 60px; }
	#contact.request #sec_1 #s1_insec2 .list>li>dl>dd .selectbox{ width: 100%; }
	#contact.request #sec_1 #s1_insec2 .list>li:not(:last-child){ margin-bottom: 20px; }
}
@media screen and (max-width: 500px) {
}