@charset "utf-8";
/* 

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

*/

#index #mainv.index{height: 100vh;overflow: hidden;min-height: 700px;position: relative;}
#index #mainv.index .txtbox{padding: 150px 11%;color: #fff;display: flex;flex-direction: column;justify-content: flex-end;position: relative;z-index: 10;height: 100%;box-sizing: border-box;}
#index #mainv.index .txtbox .enbox{margin-bottom: 15px;}
#index #mainv.index .txtbox .enbox .subcopy{ font-size: 3.6rem; line-height: 1.6; }
#index #mainv.index .txtbox .enbox .maincopy{font-size: 11rem;line-height: 1.2;}
#index #mainv.index .txtbox .jn{ font-size: 3.6rem; line-height: 1.6; }
#index #mainv.index .bg{position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
#index #mainv.index .srolldown{position: absolute;bottom: 60px;right: 3%;color: #fff;width: 94px;height: 94px;}
#index #mainv.index .srolldown .scrollarr{height: 58px;position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;top: -29px;width: 7px;overflow: hidden;}
#index #mainv.index .srolldown .scrollarr>.inwrap{ background: #fff; width: 1px; height: 58px; display: inline-block; position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; animation: sdl 3s ease infinite; }
#index #mainv.index .srolldown .scrollarr::after{content:"";width: 7px;height: 7px;background: #fff;display: inline-block;border-radius: 50%;left: 0;right: 0;margin-left: auto;margin-right: auto;bottom: 0;position: absolute;}
#index #mainv.index .srolldown .scrolltxt{ font-size: 2rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid #fff; width: 94px; height: 94px; text-indent: -0.1em; }
@keyframes sdl {
	0% { transform: translateY(-70px); }
	50%, 100% { transform: translateY(58px); }
}
@media screen and (max-width: 1400px) {
	#index #mainv.index .txtbox{padding: 9% 8%;}
	#index #mainv.index .txtbox .enbox .subcopy{ font-size: 3rem; }
	#index #mainv.index .txtbox .enbox .maincopy{font-size: 10.5rem; }
	#index #mainv.index .txtbox .jn{ font-size: 3rem; }
	#index #mainv.index .srolldown{ right: 40px; }
}
@media screen and (max-width: 1200px) {
	#index #mainv.index .txtbox .enbox .subcopy{ font-size: 2.8rem; }
	#index #mainv.index .txtbox .enbox .maincopy{font-size: 10rem; }
	#index #mainv.index .txtbox .jn{ font-size: 2.8rem; }
}
@media screen and (max-width: 1200px) {
	#index #mainv.index{min-height: 450px;}
	#index #mainv.index .txtbox .enbox .maincopy{font-size: 8rem; }
	#index #mainv.index .srolldown{width: 84px;height: 84px;bottom: 50px;}
	#index #mainv.index .srolldown .scrollarr{ top: -34px; }
	#index #mainv.index .srolldown .scrolltxt{ font-size: 1.8rem; width: 84px; height: 84px; }
}
@media screen and (max-width: 767px) {
	#index #mainv.index .txtbox{padding: 80px 8%;}
	#index #mainv.index .srolldown{bottom: 40px;}
	#index #mainv.index .txtbox .enbox .subcopy{ font-size: 2.2rem; }
	#index #mainv.index .txtbox .enbox .maincopy{font-size: 4rem; }
	#index #mainv.index .txtbox .jn{ font-size: 1.8rem; }
	#index #mainv.index .srolldown{width: 74px;height: 74px;bottom: 30px;right: 20px;}
	#index #mainv.index .srolldown .scrollarr{ top: -38px; }
	#index #mainv.index .srolldown .scrolltxt{ font-size: 1.6rem; width: 74px; height: 74px; }
}
@media screen and (max-width: 500px) {
}

#index #swrap_1{ padding-top: 140px; padding-bottom: 160px; }
#index #swrap_1 #sec_1{ margin-bottom: 100px; }
#index #swrap_1 #sec_1 #s1_insec1{margin-bottom: 150px;}
#index #swrap_1 #sec_1 #s1_insec1>.incnt{ max-width: 1285px; }
#index #swrap_1 #sec_1 #s1_insec1>.incnt>.inwrap{ display: flex; flex-direction: row; }
#index #swrap_1 #sec_1 #s1_insec1>.incnt>.inwrap .titlebox{flex-shrink: 0;margin-right: 8%;}
#index #swrap_1 #sec_1 #s1_insec1>.incnt>.inwrap .titlebox .txt{ font-size: 2rem; }
#index #swrap_1 #sec_1 #s1_insec1>.incnt>.inwrap .txtbox{ width: 100%; }
#index #swrap_1 #sec_1 #s1_insec1>.incnt>.inwrap .txtbox .link{ margin-top: 45px; }
@media screen and (max-width: 1200px) {
	#index #swrap_1{ padding-top: 120px; padding-bottom: 140px; }
	#index #swrap_1 #sec_1 #s1_insec1{margin-bottom: 130px;}
	#index #swrap_1 #sec_1 #s1_insec1>.incnt>.inwrap{ display: block; text-align: center; }
	#index #swrap_1 #sec_1 #s1_insec1>.incnt>.inwrap .titlebox{margin-right: 0%; margin-bottom: 40px;}
	
	#index #swrap_1 #sec_1 #s1_insec1>.incnt>.inwrap .txtbox .link{ margin-top: 35px; }
	#index #swrap_1 #sec_1 #s1_insec1>.incnt>.inwrap .txtbox{ text-align: justify; }
	#index #swrap_1 #sec_1 #s1_insec1>.incnt>.inwrap .txtbox .link{ text-align: center; }
}
@media screen and (max-width: 1200px) {
	#index #swrap_1 #sec_1 #s1_insec1>.incnt>.inwrap .titlebox .txt{ font-size: 1.8rem; }
}
@media screen and (max-width: 767px) {
	#index #swrap_1{ padding-top: 70px; padding-bottom: 90px; }
	#index #swrap_1 #sec_1 #s1_insec1{ margin-bottom: 110px; }
	#index #swrap_1 #sec_1 #s1_insec1>.incnt>.inwrap .titlebox{ margin-bottom: 30px; }
	#index #swrap_1 #sec_1 #s1_insec1>.incnt>.inwrap .titlebox .copy{ font-size: 2.4rem; }
	#index #swrap_1 #sec_1 #s1_insec1>.incnt>.inwrap .titlebox .txt{ font-size: 1.7rem; text-align: justify; }
}
@media screen and (max-width: 500px) {
}

#index #swrap_1 #sec_1 #s1_insec2{ position: relative; }
#index #swrap_1 #sec_1 #s1_insec2 .txtbox{padding-right: 6%;position: relative;z-index: 20;padding-left: 8%;display: flex;flex-direction: column;align-items: flex-end;padding-top: 165px;padding-bottom: 165px;}
#index #swrap_1 #sec_1 #s1_insec2 .txtbox>.mainbox{width: calc(40% - 60px);}
#index #swrap_1 #sec_1 #s1_insec2 .txtbox .topsectitlebox{ text-align: left; }
#index #swrap_1 #sec_1 #s1_insec2 .txtbox .link{ margin-top: 45px; }
#index #swrap_1 #sec_1 #s1_insec2 .imgbox{position: absolute;top: 0;bottom: 0;left: 0;height: 100%;width: 60%;padding-right: 60px;padding-bottom: 50px;}
#index #swrap_1 #sec_1 #s1_insec2 .imgbox img{ position: relative; z-index: 10; }
#index #swrap_1 #sec_1 #s1_insec2 .imgbox:after{ content: ""; position: absolute; background: #f7f7f7; bottom: 0; left: 0; right: 0; width: 100%; height: calc(100% - 50px); }
@media screen and (max-width: 1200px) {
	#index #swrap_1 #sec_1 #s1_insec2 .txtbox{padding-top: 140px;padding-bottom: 140px;}
	#index #swrap_1 #sec_1 #s1_insec2 .txtbox .topsectitlebox{ margin-bottom: 10px; }
	#index #swrap_1 #sec_1 #s1_insec2 .txtbox .topsectitlebox .en{ font-size: 8rem; }
}
@media screen and (max-width: 1200px) {
	#index #swrap_1 #sec_1 #s1_insec2 .txtbox{padding-right: 8%;padding-left: 8%;display: block;padding-top: 0;padding-bottom: 0; margin-bottom: 80px;}
	#index #swrap_1 #sec_1 #s1_insec2 .txtbox>.mainbox{width: 100%;}
	#index #swrap_1 #sec_1 #s1_insec2 .txtbox .topsectitlebox{text-align: center;margin-bottom: 30px;}
	#index #swrap_1 #sec_1 #s1_insec2 .txtbox .topsectitlebox .en{ font-size: 6rem; margin-bottom: 0; }
	#index #swrap_1 #sec_1 #s1_insec2 .txtbox .mainbox .copy{ text-align: center; }
	#index #swrap_1 #sec_1 #s1_insec2 .txtbox .link{ margin-top: 35px; text-align: center; }
	#index #swrap_1 #sec_1 #s1_insec2 .imgbox{position: relative;height: auto;width: 100%;padding-right: 0;padding-bottom: 0;}
	#index #swrap_1 #sec_1 #s1_insec2 .imgbox:after{ content: none; }
}
@media screen and (max-width: 767px) {
	#index #swrap_1 #sec_1{ margin-bottom: 100px; }
	#index #swrap_1 #sec_1 #s1_insec2 .txtbox{ margin-bottom: 60px;}
	#index #swrap_1 #sec_1 #s1_insec2 .txtbox .topsectitlebox .en{font-size: 4.5rem;}
}
@media screen and (max-width: 500px) {
}


#index #swrap_1 #sec_2 .copy{ margin-bottom: 20px; }
#index #swrap_1 #sec_2 .toptxt{ text-align: center; margin-bottom: 45px; }
#index #swrap_1 #sec_2 .list1>ul{ display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -60px; margin-bottom: -45px; overflow: hidden; }
#index #swrap_1 #sec_2 .list1>ul>li{ display: flex; width: calc(50% - 60px); flex-direction: column;  margin-left: 60px; margin-bottom: 45px; }
#index #swrap_1 #sec_2 .list1>ul>li .title{font-size: 2.4rem;background: #1e2678;padding: 23px 6%;text-align: center;margin-bottom: 25px;color: #fff;font-weight: normal;line-height: 1.8;letter-spacing: 0.1em;}
#index #swrap_1 #sec_2 .list1>ul>li .bottomlink{ margin-top: auto; padding-top: 25px; }
#index #swrap_1 #sec_2 .list1>ul>li .title._grey{ background: #f7f7f7; color: #1e2678; }
#index #swrap_1 #sec_2 .imglist{margin-top: 75px;}
#index #swrap_1 #sec_2 .imglist>.incnt>ul{ display: flex; flex-direction: row; }
#index #swrap_1 #sec_2 .imglist>.incnt>ul>li{ width: 50%; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1200px) {
	#index #swrap_1 #sec_2 .list1>ul{ display: block;margin-left: 0; }
	#index #swrap_1 #sec_2 .list1>ul>li{ display: block; width: 100%; margin-left: 0; }
	#index #swrap_1 #sec_2 .list1>ul>li .title{font-size: 2rem;}
}
@media screen and (max-width: 767px) {
	#index #swrap_1 #sec_2 .copy{margin-bottom: 25px;}
	#index #swrap_1 #sec_2 .list1>ul{ margin-bottom: -40px; }
	#index #swrap_1 #sec_2 .list1>ul>li{ margin-bottom: 40px; }
	#index #swrap_1 #sec_2 .list1>ul>li .title{padding: 15px 6%;}
	#index #swrap_1 #sec_2 .imglist{margin-top: 50px;}
	#index #swrap_1 #sec_2 .imglist>.incnt>ul{ display: block; }
	#index #swrap_1 #sec_2 .imglist>.incnt>ul>li{ width: 100%; }
}
@media screen and (max-width: 500px) {
}

#index #swrap_2{background: #f7f7f7;padding-top: 150px; padding-bottom: 130px;}
#index #swrap_2 .copy{ text-align: center; margin-bottom: 40px; }
@media screen and (max-width: 1200px) {
	#index #swrap_2{padding-top: 130px; padding-bottom: 120px;}
}
@media screen and (max-width: 1200px) {
	#index #swrap_2{padding-top: 100px; padding-bottom: 90px;}
}
@media screen and (max-width: 767px) {
	#index #swrap_2{padding-top: 80px; padding-bottom: 70px;}
}
@media screen and (max-width: 500px) {
}

#index #swrap_3 #sec_4{padding-top: 160px;padding-bottom: 145px;}
#index #swrap_3 #sec_4>.incnt>.inwrap{ display: flex; flex-direction: row; }
#index #swrap_3 #sec_4>.incnt>.inwrap .titlebox{display: flex;flex-direction: column;justify-content: center;flex-shrink: 0;margin-right: 12%;}
#index #swrap_3 #sec_4>.incnt>.inwrap .titlebox .topsectitlebox{ margin-bottom: 5px; }
#index #swrap_3 #sec_4>.incnt>.inwrap .txtbox{display: flex;flex-direction: column;justify-content: center;padding-top: 10px;}
#index #swrap_3 #sec_4>.incnt>.inwrap .txtbox .link{ display: none; }
@media screen and (max-width: 1200px) {
	#index #swrap_3 #sec_4{padding-top: 140px;padding-bottom: 135px;}
	#index #swrap_3 #sec_4>.incnt>.inwrap{ display: block; }
	#index #swrap_3 #sec_4>.incnt>.inwrap .titlebox{display: block;margin-right: 0%;margin-bottom: 50px;}
	#index #swrap_3 #sec_4>.incnt>.inwrap .txtbox{display: block;padding-top: 0; text-align: center;}
	#index #swrap_3 #sec_4>.incnt>.inwrap .txtbox .newslist{ display: inline-block; text-align: left; }
	#index #swrap_3 #sec_4>.incnt>.inwrap .titlebox .link{ display: none; }
	#index #swrap_3 #sec_4>.incnt>.inwrap .txtbox .link{ display: block; margin-top: 35px; }
}
@media screen and (max-width: 1200px) {
	#index #swrap_3 #sec_4{padding-top: 120px;padding-bottom: 115px;}
}
@media screen and (max-width: 767px) {
	#index #swrap_3 #sec_4{padding-top: 90px;padding-bottom: 85px;}
}
@media screen and (max-width: 500px) {
}

#index #swrap_4 #sec_5{ position: relative; }
#index #swrap_4 #sec_5 .txtbox>.incnt{width: 68%;max-width: none;}
#index #swrap_4 #sec_5 .txtbox>.incnt>.inwrap{ position: relative; z-index: 10; padding-top: 180px; padding-left: 12%; padding-right: 12%; padding-bottom: 140px; }
#index #swrap_4 #sec_5 .bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
@media screen and (max-width: 1400px) {
	#index #swrap_4 #sec_5 .txtbox>.incnt>.inwrap{padding-top: 160px;padding-bottom: 140px;}
}
@media screen and (max-width: 1200px) {
	#index #swrap_4 #sec_5 .txtbox>.incnt>.inwrap{padding-top: 140px;padding-bottom: 120px;}
}
@media screen and (max-width: 1200px) {
	#index #swrap_4 #sec_5 .txtbox>.incnt{ width: 100%; }
	#index #swrap_4 #sec_5 .txtbox>.incnt>.inwrap{ background: rgba(0,0,0,.3); }
}
@media screen and (max-width: 767px) {
	#index #swrap_4 #sec_5 .txtbox>.incnt>.inwrap{ padding-top: 90px; padding-bottom: 70px; padding-left: 8%; padding-right: 8%; }
}
@media screen and (max-width: 500px) {
}

#index #swrap_5 #sec_6{ margin-top: 60px; }
#index #swrap_5 #sec_6>.incnt>.inwrap{display: flex;flex-direction: row-reverse;height: 715px;}
#index #swrap_5 #sec_6 .txtbox{display: flex;flex-direction: column;background: #f7f7f7;padding: 40px 7%;flex-shrink: 0;width: 50%;justify-content: center;box-sizing: border-box;}
#index #swrap_5 #sec_6 .txtbox .titlebox .topsectitlebox{ text-align: center; }
#index #swrap_5 #sec_6 .txtbox .titlebox .topsectitlebox{ margin-bottom: 25px; }
#index #swrap_5 #sec_6 .txtbox .titlebox .topsectitlebox .en{ margin-bottom: 15px; }
#index #swrap_5 #sec_6 .txtbox .titlebox .topsectitlebox .copy{ margin-bottom: 0; }
#index #swrap_5 #sec_6 .txtbox .bottomlink{ margin-top: 15px; }
#index #swrap_5 #sec_6 .imgbox{width: 100%;display: flex;}
#index #swrap_5 #sec_6 .imgbox img{ height: auto; }
@media screen and (max-width: 1200px) {
	#index #swrap_5 #sec_6>.incnt>.inwrap{height: 700px;}
	#index #swrap_5 #sec_6 .txtbox{ padding-left: 6%; padding-right: 6%; }
}
@media screen and (max-width: 1200px) {
	#index #swrap_5 #sec_6>.incnt>.inwrap{display: block;height: inherit;}
	#index #swrap_5 #sec_6 .txtbox{display: block;padding: 60px 8%;width: 100%;}
}
@media screen and (max-width: 767px) {
	#index #swrap_5 #sec_6 .txtbox{ padding: 50px 8% 45px; }
	#index #swrap_5 #sec_6 .imgbox{display: block;}
}
@media screen and (max-width: 500px) {
}

#about.company #sec_1 .imgbox{ margin-top: 75px; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	#about.company #sec_1 .imgbox{ margin-top: 60px; }
	#about.company #sec_1 .imgbox img{height: 300px;object-position: right;}
}
@media screen and (max-width: 500px) {
}

#about.company #sec_2 .box{display: flex;flex-direction: row;box-sizing: border-box;width: 100%;padding-left: 12%; padding-bottom: 50px;}
#about.company #sec_2 .box .list{ width: 100%; }
#about.company #sec_2 .box .list>ul>li:not(:last-child){margin-bottom: 55px;}
#about.company #sec_2 .box .list>ul>li .title{background: #1e2678;color: #fff;font-size: 2.4rem;padding: 22px 8%;text-align: center;margin-bottom: 30px;font-weight: normal;letter-spacing: 0.1em;}
#about.company #sec_2 .box .list>ul>li .link{margin-top: 35px;}
#about.company #sec_2 .box .map{flex-shrink: 0;width: 57%;margin-left: 6%;}
@media screen and (max-width: 1400px) {
	#about.company #sec_2 .box{ padding-bottom: 30px; }
}
@media screen and (max-width: 1200px) {
	#about.company #sec_2 .box{ padding-bottom: 0; }
	#about.company #sec_2 .box .map{ width: 52%; }
	#about.company #sec_2 .box .list>ul>li .title{ padding-top: 18px;padding-bottom: 18px; font-size: 2.2rem; }
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	#about.company #swrap_2{ padding-bottom: 0; }
	#about.company #sec_2 .box{display: block;padding-left: 0%; }
	#about.company #sec_2 .box .list{ padding-left: 8%; padding-right: 8%; box-sizing: border-box; }
	#about.company #sec_2 .box .list>ul>li:not(:last-child){margin-bottom: 40px;}
	#about.company #sec_2 .box .list>ul>li .title{ padding: 13px 6%; font-size: 2rem; margin-bottom: 25px; }
	#about.company #sec_2 .box .list>ul>li .link{ text-align: center; margin-top: 30px; }
	#about.company #sec_2 .box .map{width: 100%;margin-left: 0%;margin-top: 50px;height: 400px;}
	#about.company #sec_2 .box .map iframe{ height: 100%; }
}
@media screen and (max-width: 500px) {
}


#about.company #swrap_3{ margin-bottom: -20px; }
#about.company #sec_3 .list>li:not(:last-child){ margin-bottom: 50px; }
#about.company #sec_3 .list>li .title{background: #f7f7f7;color: #1e2678;font-size: 2.4rem;padding: 22px 8%;text-align: center;margin-bottom: 30px;font-weight: normal;letter-spacing: 0.1em;}
#about.company #sec_3 .list>li:nth-child(1) .list2{ columns: 3; }
#about.company #sec_3 .list>li:nth-child(2) .list2{ margin-left: -35px; text-align: center; }
#about.company #sec_3 .list>li:nth-child(2) .list2>li{margin-left: 35px; display: inline-block; vertical-align: middle; }
@media screen and (max-width: 1200px) {
	#about.company #sec_3 .list>li .title{ padding-top: 18px;padding-bottom: 18px; font-size: 2.2rem; }
}
@media screen and (max-width: 1200px) {
	#about.company #sec_3 .list>li:nth-child(1) .list2{ columns: 2; }
}
@media screen and (max-width: 767px) {
	#about.company #swrap_3{ margin-bottom: -0; }
	#about.company #sec_3 .list>li .title{ padding: 15px 6%; font-size: 2rem; }
	#about.company #sec_3 .list>li:nth-child(1) .list2{ columns: inherit; }
	#about.company #sec_3 .list>li:nth-child(1) .list2{ margin-left: -35px; text-align: center; }
	#about.company #sec_3 .list>li:nth-child(1) .list2>li{margin-left: 35px; display: inline-block; vertical-align: middle; }
}
@media screen and (max-width: 500px) {
	#about.company #sec_3 .list>li:nth-child(1) .list2,
	#about.company #sec_3 .list>li:nth-child(2) .list2{ margin-left: -25px; }
	#about.company #sec_3 .list>li:nth-child(1) .list2>li,
	#about.company #sec_3 .list>li:nth-child(2) .list2>li{margin-left: 25px; }
}



#about.message #sec_1{  }
#about.message #sec_1 .titlebox{ margin-bottom: 55px; text-align: center; }
#about.message #sec_1 .titlebox .en{font-size: 2.8rem;color: #e8e9f1;margin-bottom: 10px;}
#about.message #sec_1 .titlebox .jn{font-size: 3rem;color: #1e2678;line-height: 1.8;letter-spacing: 0.15em;}
#about.message #sec_1 .box1{display: flex;flex-direction: row-reverse;align-items: flex-start;}
#about.message #sec_1 .box1 .txtbox{ width: 100%; }
#about.message #sec_1 .box1 .txtbox .namebox{margin-top: 50px;text-align: right;}
#about.message #sec_1 .box1 .txtbox .namebox .name{ font-size: 2.2rem; font-weight: bold; }
#about.message #sec_1 .box1 .imgbox{flex-shrink: 0;width: 39%;margin-right: 5%;}
@media screen and (max-width: 1200px) {
	#about.message #sec_1 .titlebox .en{font-size: 2.6rem;}
	#about.message #sec_1 .titlebox .jn{font-size: 2.8rem;}
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	#about.message #sec_1 .titlebox{ margin-bottom: 45px; }
	#about.message #sec_1 .titlebox .en{font-size: 2.2rem;}
	#about.message #sec_1 .titlebox .jn{font-size: 2.4rem;}
	#about.message #sec_1 .box1{display: block;}
	#about.message #sec_1 .box1 .txtbox .copy{ text-align: center; }
	#about.message #sec_1 .box1 .txtbox .namebox{margin-top: 30px;}
	#about.message #sec_1 .box1 .txtbox .namebox .name{ font-size: 2rem; }
	#about.message #sec_1 .box1 .imgbox{width: 100%;margin-right: 0%;margin-top: 45px;}
}
@media screen and (max-width: 500px) {
}

#about.service #swrap_1 .list>li:not(:last-child){ margin-bottom: 20px; }
#about.service #swrap_1 .list>li{ background: #f7f7f7; padding: 60px 8%; }
#about.service #swrap_1 .list>li .officename{ margin-bottom: 15px; line-height: 1.6; font-size: 2.4rem; font-weight: bold; position: relative; padding-left: 35px; }
#about.service #swrap_1 .list>li .officename::before{ content: ""; background: #1e2678; width: 18px; height: 18px; display: inline-block; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0;  }
#about.service #swrap_1 .list>li .mainbox{ display: flex;flex-direction: row-reverse; }
#about.service #swrap_1 .list>li .mainbox .txtbox{ width: 100%; padding-top: 20px; padding-bottom: 20px; }
#about.service #swrap_1 .list>li .mainbox .imgbox{flex-shrink: 0;width: 46%;margin-right: 4%;}
#about.service #swrap_1 .list>li .map{ margin-top: 30px; }
@media screen and (max-width: 1200px) {
	#about.service #swrap_1 .list>li{ padding: 50px 8%; }
}
@media screen and (max-width: 1200px) {
	#about.service #swrap_1 .list>li{ padding: 45px 8%; }
	#about.service #swrap_1 .list>li .mainbox{ display: block; }
	#about.service #swrap_1 .list>li .mainbox .txtbox{ padding-top: 0; padding-bottom: 0; }
	#about.service #swrap_1 .list>li .mainbox .imgbox{width: 100%;margin-right: 0%;margin-top: 30px;}
}
@media screen and (max-width: 767px) {
	#about.service #swrap_1 .list>li .officename{ font-size: 2rem; }
}
@media screen and (max-width: 500px) {
	#about.service #swrap_1 .list>li{ padding: 35px 8%; }
}


#privacy #sec_1 .list1{ padding-top: 50px; }
#privacy #sec_1 .list1>ul>li:not(:last-child){ margin-bottom: 65px; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	#privacy #sec_1 .list1{ padding-top: 20px; }
	#privacy #sec_1 .list1>ul>li:not(:last-child){ margin-bottom: 50px; }
}
@media screen and (max-width: 500px) {
}


#service.maintenance.index #sec_1 .list1{ margin-top: 70px; }
#service.maintenance.index #sec_1 .list1>ul{ display: flex;flex-direction: row;border-bottom: 1px solid #1e2678;border-right: 1px solid #1e2678;flex-wrap: wrap; }
#service.maintenance.index #sec_1 .list1>ul>li{ width: 33.33%; border-top: 1px solid #1e2678; border-left: 1px solid #1e2678; display: flex; }
#service.maintenance.index #sec_1 .list1>ul>li:nth-child(1),
#service.maintenance.index #sec_1 .list1>ul>li:nth-child(2){ width: 50%; }
#service.maintenance.index #sec_1 .list1>ul>li>a{font-size: 2rem;color: #1e2678;background: #f7f7f7;padding: 26px 30px 24px;text-align: center;display: flex;align-items: center;justify-content: center;line-height: 1.8;width: 100%;box-sizing: border-box;}
#service.maintenance.index #sec_1 .list1>ul>li>a>.inwrap{ display: inline-block; position: relative; padding-right: 20px; }
#service.maintenance.index #sec_1 .list1>ul>li>a>.inwrap::before,
#service.maintenance.index #sec_1 .list1>ul>li>a>.inwrap::after{ content: "";background: linear-gradient(to left top, transparent 50%, rgb(30, 38, 120) 52%) right top / 50% 100% no-repeat, linear-gradient(to right top, transparent 50%, rgb(30, 38, 120) 52%) left bottom / 50% 100% no-repeat; width: 12px; height: 8px; display: inline-block;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;right: 0; transition: .4s; }
#service.maintenance.index #sec_1 .list1>ul>li>a>.inwrap::after{ background: linear-gradient(to left top, transparent 50%, rgb(255, 255, 255) 51%) right top / 50% 100% no-repeat, linear-gradient(to right top, transparent 50%, rgb(255, 255, 255) 51%) left bottom / 50% 100% no-repeat; opacity: 0; }
#service.maintenance.index #sec_1 .list1>ul>li>a:hover{ background: #1e2678;color: #fff; opacity: 1; }
#service.maintenance.index #sec_1 .list1>ul>li>a:hover>.inwrap::before{ opacity: 0; }
#service.maintenance.index #sec_1 .list1>ul>li>a:hover>.inwrap::after{ opacity: 1; }
@media screen and (max-width: 1200px) {
	#service.maintenance.index #sec_1 .list1{ margin-top: 35px; }
	#service.maintenance.index #sec_1 .list1>ul>li,
	#service.maintenance.index #sec_1 .list1>ul>li:nth-child(1),
	#service.maintenance.index #sec_1 .list1>ul>li:nth-child(2){ width: 100%; }
	#service.maintenance.index #sec_1 .list1>ul>li>a{font-size: 1.8rem;padding: 20px 30px 18px;}
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}

#service.maintenance.index #sec_1 .list2{ margin-top: 160px; }
#service.maintenance.index #sec_1 .list2>ul>li{ display: flex;flex-direction: row-reverse; position: relative; padding-top: 70px; padding-bottom: 70px; }
#service.maintenance.index #sec_1 .list2>ul>li:not(:last-child){ margin-bottom: 60px; }
#service.maintenance.index #sec_1 .list2>ul>li::before{content: "";background: #f7f7f7;width: calc(100% - 80px);position: absolute;top: 0;right: 0;z-index: -1;height: 100%;}
#service.maintenance.index #sec_1 .list2>ul>li .txtbox{padding-top: 55px;padding-bottom: 55px;width: 100%;padding-right: 8%;display: flex;flex-direction: column;justify-content: center;}
#service.maintenance.index #sec_1 .list2>ul>li .txtbox .titlebox{color: #1e2678;margin-bottom: 30px;}
#service.maintenance.index #sec_1 .list2>ul>li .txtbox .titlebox .en{ font-size: 2rem; }
#service.maintenance.index #sec_1 .list2>ul>li .txtbox .titlebox .copy{margin-bottom: 0;letter-spacing: 0.1em;}
#service.maintenance.index #sec_1 .list2>ul>li .txtbox .inlist{background: #fff;padding: 45px 10%;margin-top: 30px;}
#service.maintenance.index #sec_1 .list2>ul>li .txtbox .inlist .title{font-size: 2rem;margin-bottom: 7px;}
#service.maintenance.index #sec_1 .list2>ul>li .txtbox .inlist .list3{ margin-left: -20px; text-align: left; }
#service.maintenance.index #sec_1 .list2>ul>li .txtbox .inlist .list3>li{ margin-left: 20px; display: inline-block; }
#service.maintenance.index #sec_1 .list2>ul>li .txtbox .link{ margin-top: 40px; }
#service.maintenance.index #sec_1 .list2>ul>li .txtbox .link .btnlink1{ width: 100%; }
#service.maintenance.index #sec_1 .list2>ul>li .imgbox{flex-shrink: 0;margin-right: 5%;width: 50%;}
#service.maintenance.index #sec_1 .list2>ul>li .imgbox img{ object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%;  }
#service.maintenance.index #sec_1 .list2>ul>li .imgbox ._c2{ height: 100%; }
#service.maintenance.index #sec_1 .list2>ul>li .imgbox ._c2>li{ height: 50%; }
#service.maintenance.index #sec_1 .list2>ul>li:nth-child(even){ flex-direction: row; }
#service.maintenance.index #sec_1 .list2>ul>li:nth-child(even)::before{right: auto;left: 0;}
#service.maintenance.index #sec_1 .list2>ul>li:nth-child(even) .txtbox{padding-right: 0%;padding-left: 8%;}
#service.maintenance.index #sec_1 .list2>ul>li:nth-child(even) .imgbox{margin-right: 0%;margin-left: 5%;}
@media screen and (max-width: 1200px) {
	#service.maintenance.index #sec_1 .list2{ margin-top: 120px; }
	#service.maintenance.index #sec_1 .list2>ul>li{ display: block; padding-top: 0; padding-bottom: 0; background: #f7f7f7; }
	#service.maintenance.index #sec_1 .list2>ul>li:not(:last-child){ margin-bottom: 40px; }
	#service.maintenance.index #sec_1 .list2>ul>li::before{content: none;}
	#service.maintenance.index #sec_1 .list2>ul>li .txtbox{padding-top: 0;padding-bottom: 0;padding-right: 0%;display: block;padding-top: 50px;padding-bottom: 50px;}
	#service.maintenance.index #sec_1 .list2>ul>li .txtbox,
	#service.maintenance.index #sec_1 .list2>ul>li:nth-child(even) .txtbox{ padding-right: 8%;padding-left: 8%; }
	#service.maintenance.index #sec_1 .list2>ul>li .txtbox .titlebox{text-align: center;}
	#service.maintenance.index #sec_1 .list2>ul>li .txtbox .inlist{padding: 30px 8%;}
	#service.maintenance.index #sec_1 .list2>ul>li .imgbox{margin-right: 0%;width: 100%;height: 400px;}
	#service.maintenance.index #sec_1 .list2>ul>li .imgbox ._c2{ width: 100%; display: flex;flex-direction: row; }
	#service.maintenance.index #sec_1 .list2>ul>li .imgbox ._c2>li{ height: 100%; width: 50%; }
	#service.maintenance.index #sec_1 .list2>ul>li:nth-child(even) .imgbox{margin-right: 0%;margin-left: 0%;}
	#service.maintenance.index #sec_1 .list2>ul>li .txtbox .link{ margin-top: 30px; }
}
@media screen and (max-width: 767px) {
	#service.maintenance.index #sec_1 .list2{ margin-top: 100px; }
	#service.maintenance.index #sec_1 .list2>ul>li .txtbox .titlebox{margin-bottom: 25px;}
	#service.maintenance.index #sec_1 .list2>ul>li .imgbox{height: 300px;}
	#service.maintenance.index #sec_1 .list2>ul>li .txtbox .inlist .title{font-size: 1.8rem;}
	#service.maintenance.index #sec_1 .list2>ul>li .txtbox .inlist{padding: 30px 10%;}
}
@media screen and (max-width: 500px) {
	#service.maintenance.index #sec_1 .list2>ul>li .imgbox{height: inherit;}
	#service.maintenance.index #sec_1 .list2>ul>li .imgbox ._c2{ display: block; }
	#service.maintenance.index #sec_1 .list2>ul>li .imgbox ._c2>li{ width: 100%; height: 300px; }
}


#service.maintenance.catalyst #s1_insec2 .list1>ul>li:not(:last-child){ margin-bottom: 40px; }
#service.maintenance.catalyst #s1_insec2 .list1>ul>li{ display: flex;flex-direction: row; position: relative; }
#service.maintenance.catalyst #s1_insec2 .list1>ul>li .txtbox{ background: #fff; padding: 40px 6%; width: 100%; box-sizing: border-box; display: flex;flex-direction: column; justify-content: center; }
#service.maintenance.catalyst #s1_insec2 .list1>ul>li .txtbox .entitle{ position: absolute; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto;text-align: center; }
#service.maintenance.catalyst #s1_insec2 .list1>ul>li .txtbox .entitle>p{display: inline-block;background: #1e2678;color: #fff;padding: 4px 30px;font-size: 2rem;min-width: 297px;}

#service.maintenance.catalyst #s1_insec2 .list1>ul>li .imgbox{ width: 50%; flex-shrink: 0;  }
#service.maintenance.catalyst #s1_insec2 .list1>ul>li:nth-child(even){ flex-direction: row-reverse; }
@media screen and (max-width: 1200px) {
	#service.maintenance.catalyst #s1_insec2 .list1>ul>li{ display: block; }
	#service.maintenance.catalyst #s1_insec2 .list1>ul>li .imgbox{ width: 100%; }
	#service.maintenance.catalyst #s1_insec2 .list1>ul>li .txtbox{ padding-top: 80px; padding-left: 8%; padding-right: 8%; padding-bottom: 30px; }
	#service.maintenance.catalyst #s1_insec2 .list1>ul>li .txtbox .jntitle{ text-align: center; }
	#service.maintenance.catalyst #s1_insec2 .list1>ul>li .txtbox .entitle>p{ min-width: inherit; max-width: 297px; width: 80%; padding: 2px 20px; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}

#service.maintenance.catalyst #s2_insec1 .list1{ font-size: 2rem; }
#service.maintenance.catalyst #s2_insec1 .list1>ol>li{ padding-top: 25px; position: relative; }
#service.maintenance.catalyst #s2_insec1 .list1>ol>li::before{content: "";display: inline-block;background: linear-gradient(to left top, transparent 51%, rgb(30, 38, 120) 51%) right top / 50% 100% no-repeat, linear-gradient(to right top, transparent 51%, rgb(30, 38, 120) 51%) left bottom / 50% 100% no-repeat;width: 20px;height: 14px;position: absolute;top: 0;left: 0;right: 0;margin-left: auto;margin-right: auto;}
#service.maintenance.catalyst #s2_insec1 .list1>ol>li>.inwrap{text-align: center;background: #f7f7f7;padding: 39px 8%;}
#service.maintenance.catalyst #s2_insec1 .list1>ol>li._bluelast>.inwrap{ background: #1e2678; color: #fff; font-size: 2.4rem; }
#service.maintenance.catalyst #s2_insec1 .list1>ol>li:first-child{ padding-top: 0; }
#service.maintenance.catalyst #s2_insec1 .list1>ol>li:first-child::before{content: none;}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	#service.maintenance.catalyst #s2_insec1 .list1{ font-size: 1.8rem; }
	#service.maintenance.catalyst #s2_insec1 .list1>ol>li{ padding-top: 20px; }
	#service.maintenance.catalyst #s2_insec1 .list1>ol>li::before{ width: 18px; height: 12px; }
	#service.maintenance.catalyst #s2_insec1 .list1>ol>li>.inwrap{ padding-top: 20px; padding-bottom: 20px; }
	#service.maintenance.catalyst #s2_insec1 .list1>ol>li._bluelast>.inwrap{ font-size: 2.2rem; }
}
@media screen and (max-width: 500px) {
}


#service.maintenance.catalyst .companypagelist{ margin-top: 40px; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}




#advantage #swrap_2{ margin-top: 145px; }
#advantage #swrap_2 #sec_2{ position: relative; padding-top: 155px; background: #f7f7f7; }
#advantage #swrap_2 #sec_2 .bg{position: absolute;top: 0;left: 0;right: 0;object-fit: cover;font-family: 'object-fit: cover;';width: 100%;height: calc(100% - 240px);z-index: 1;}
#advantage #swrap_2 #sec_2 .mainbox{ position: relative; z-index: 2; }
#advantage #swrap_2 #sec_2 .titlebox{display: flex;flex-direction: row;justify-content: center;align-items: center;margin-bottom: 50px;line-height: 1.4;color: #fff;}
#advantage #swrap_2 #sec_2 .titlebox .en{font-size: 11rem;letter-spacing: 0.01em;line-height: 1;margin-right: 6%;}
#advantage #swrap_2 #sec_2 .titlebox .jn{font-size: 3.6rem;line-height: 1.6;letter-spacing: 0.05em;font-weight: normal;}
#advantage #swrap_2 #sec_2 .box1{background: #fff;padding: 60px 70px;}
#advantage #swrap_2 #sec_2 .box1 .link{ margin-top: 55px; text-align: center; }
#advantage #swrap_2 #sec_2 .box1 .link .btnlink1{ max-width: 480px; width: 100%; background: #f7f7f7; margin: 0 auto; letter-spacing: 0.1em; }
@media screen and (max-width: 1200px) {
	#advantage #swrap_2{ margin-top: 100px; }
	#advantage #swrap_2 #sec_2{  padding-top: 120px; }
	#advantage #swrap_2 #sec_2 .titlebox .en{font-size: 8rem;}
	#advantage #swrap_2 #sec_2 .titlebox .jn{font-size: 2.8rem;}
}
@media screen and (max-width: 767px) {
	#advantage #swrap_2{ margin-top: 70px; }
	#advantage #swrap_2 #sec_2{  padding-top: 90px; }
	#advantage #swrap_2 #sec_2 .titlebox{display: block;text-align: center;}
	#advantage #swrap_2 #sec_2 .titlebox .en{font-size: 6rem;margin-right: 0%; margin-bottom: 20px;line-height: 1.2;}
	#advantage #swrap_2 #sec_2 .titlebox .jn{font-size: 2rem;line-height: 1.8;}
	#advantage #swrap_2 #sec_2 .box1{ padding: 60px 10%; }
	#advantage #swrap_2 #sec_2 .box1 .link{ margin-top: 75px; }
}
@media screen and (max-width: 500px) {
}

#advantage .advantagelist1{ overflow: hidden; }
#advantage .advantagelist1>ul{ display: flex;flex-direction: row; margin-left: -40px; margin-bottom: -40px; }
#advantage .advantagelist1>ul>li{ margin-left: 40px; width: calc(33.33% - 40px); margin-bottom: 40px; }
#advantage .advantagelist1>ul>li .img1>.inwrap{ position: relative; height: 210px; }
#advantage .advantagelist1>ul>li .img1 img{ object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: 100%; }
#advantage .advantagelist1>ul>li .title1{margin-top: 20px;text-align: center;font-size: 2.4rem;color: #1e2678;margin-bottom: 15px;line-height: 1.8;}
#advantage .advantagelist1>ul>li .list2{ text-align: center; }
@media screen and (max-width: 1200px) {
	#advantage .advantagelist1>ul{ display: block; margin-left: -0; }
	#advantage .advantagelist1>ul>li{ margin-left: 0; width: 100%; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}

#advantage #swrap_2 #sec_3{ padding-top: 160px; position: relative; margin-bottom: 140px; }
#advantage #swrap_2 #sec_3 .incnt{ max-width: 980px; }
#advantage #swrap_2 #sec_3::before{content: "";background: #f7f7f7;position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;display: block;}
#advantage #swrap_2 #sec_3 .advantagelist1 .img1{ text-align: center; }
#advantage #swrap_2 #sec_3 .advantagelist1>ul>li .img1>.inwrap{ border-radius: 50%; overflow: hidden; margin-left: auto; margin-right: auto; aspect-ratio: 1/1; max-width: 280px; width: 100%; height: auto; }
#advantage #swrap_2 #sec_3 .advantagelist1>ul>li .txt{ text-align: center; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	#advantage #swrap_2 #sec_3{ padding-top: 120px; }
	#advantage #swrap_2 #sec_3 .advantagelist1>ul>li .txt{ text-align: justify;padding-left: 20px;padding-right: 20px; }
}
@media screen and (max-width: 500px) {
}

#advantage #swrap_2 #sec_4 .box1{ display: flex;flex-direction: row-reverse; }
#advantage #swrap_2 #sec_4 .box1 .txtbox{width: 100%;display: flex;flex-direction: column;justify-content: center;}
#advantage #swrap_2 #sec_4 .box1 .imgbox{flex-shrink: 0;width: 52%;margin-right: 6%;position: relative;}
#advantage #swrap_2 #sec_4 .box1 .imgbox::before{content: "";background: #f7f7f7;position: absolute;top: 60px;right: 60px;width: 100%;height: 100%;z-index: -1;}
@media screen and (max-width: 1200px) {
	#advantage #swrap_2 #sec_4 .box1{ display: block; }
	#advantage #swrap_2 #sec_4 .box1 .txtbox{display: block;}
	#advantage #swrap_2 #sec_4 .box1 .txtbox .copy{ text-align: center; }
	#advantage #swrap_2 #sec_4 .box1 .imgbox{width: 100%;margin-right: 0%;margin-top: 40px;}
	#advantage #swrap_2 #sec_4 .box1 .imgbox::before{ content: none; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}

#facilities #sec_1 .list1{  overflow: hidden; }
#facilities #sec_1 .list1>ul{ margin-left: -35px; margin-bottom: -35px; display: flex;flex-direction: row; flex-wrap: wrap; }
#facilities #sec_1 .list1>ul>li{  margin-left: 35px; margin-bottom: 35px; width: calc(50% - 35px); }
#facilities #sec_1 .list1>ul>li .txtbox{ padding: 0px 8%; margin-top: 30px; }
#facilities #sec_1 .list1>ul>li .title1{ color: #1e2678; font-size: 2.4rem; margin-bottom: 15px; text-align: center; line-height: 1.8; }
#facilities #sec_1 #s1_insec1 .incnt{ max-width: 1180px; }
#facilities #sec_1 #s1_insec2 .incnt{ max-width: 1040px; }
#facilities #sec_1 #s1_insec2 .title1{ font-size: 2.8rem;margin-bottom: 30px;line-height: 1.8;letter-spacing: 0.15em; }
#facilities #sec_1 #s1_insec2 .list1>ul>li{  width: calc(33.33% - 35px); }
#facilities #sec_1 #s1_insec2 .list1>ul>li .title1{ font-size: 2rem; }
#facilities #sec_1 #s1_insec2 .list1>ul>li .txtbox{ padding-left: 0;padding-right: 0; margin-top: 20px; }
#facilities #sec_1 #s1_insec2 .list1>ul>li .txtbox .title1{ margin-bottom: 0; }
@media screen and (max-width: 1200px) {
	#facilities #sec_1 #s1_insec2 .list1>ul>li{  width: calc(50% - 35px); }
	#facilities #sec_1 .list1>ul>li .title1{ font-size: 2rem; margin-bottom: 10px; }
	#facilities #sec_1 #s1_insec2 .list1>ul>li .title1{ font-size: 1.8rem; }
	#facilities #sec_1 .list1>ul>li .txtbox{ margin-top: 20px; }
}
@media screen and (max-width: 767px) {
	#facilities #sec_1 .list1>ul{ margin-left: -0; display: block; }
	#facilities #sec_1 .list1>ul>li{  margin-left: 0; width: 100%!important; }
	#facilities #sec_1 #s1_insec2 .title1{ font-size: 2.4rem; }
}
@media screen and (max-width: 500px) {
}

#partner #article.under{ margin-top: 0;  }
#partner #pankuzu{ background: #1e2678; color: #fff; }
#partner #pankuzu ol li:before {background: url(../img/common/arr_pankuzu_white.svg) no-repeat;}
#partner #pankuzu ol li .notunder+.under:before {background: url(../img/common/arr_pankuzu_white.svg) no-repeat;}
#partner #swrap_1 #sec_1 { background: #1e2678; }
#partner #swrap_1 #sec_1 .incnt{ max-width: 800px; }
#partner #swrap_1 #sec_1 .incnt>.inwrap{ padding-left: 0; padding-right: 0; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}

#partner #swrap_1 #sec_2{ padding-top: 130px; padding-bottom: 120px; }
#partner #swrap_1 #sec_2 .incnt{ max-width: 1040px;  }
#partner #swrap_1 #sec_2 .incnt .list1>ul>li{ border: 1px solid #1e2678; padding: 70px 10%;  }
#partner #swrap_1 #sec_2 .incnt .list1>ul>li:not(:last-child){ margin-bottom: 20px; }
#partner #swrap_1 #sec_2 .incnt .list1>ul>li .copy{ margin-bottom: 25px;  }
#partner #swrap_1 #sec_2 .incnt .list1>ul>li:nth-child(2){ font-size: 2.2rem; font-weight: bold; text-align: center; }
@media screen and (max-width: 1200px) {
	#partner #swrap_1 #sec_2{ padding-top: 110px; padding-bottom: 100px; }
}
@media screen and (max-width: 767px) {
	#partner #swrap_1 #sec_2{ padding-top: 80px; padding-bottom: 70px; }
	#partner #swrap_1 #sec_2 .incnt .list1>ul>li{ padding: 50px 8%;  }
	#partner #swrap_1 #sec_2 .incnt .list1>ul>li:nth-child(2){ font-size: 1.8rem; }
}
@media screen and (max-width: 500px) {
}

#partner #swrap_2{ padding-top: 130px; padding-bottom: 160px; }
#partner #swrap_2 #sec_3 .copy{ font-size: 3rem;  }
#partner #swrap_2 #sec_3 .companypagelist{ margin-top: 0; padding-top: 20px; }
#partner #swrap_2 #sec_3 .companypagelist>.incnt>ul>li>a{ background: #fff; transition: .4s; }
#partner #swrap_2 #sec_3 .companypagelist>.incnt>ul>li>a:hover{ background: #1e2678; }
@media screen and (max-width: 1200px) {
	#partner #swrap_2{ padding-top: 110px; padding-bottom: 130px; }
	#partner #swrap_2 #sec_3 .copy{ font-size: 2.6rem;  }
}
@media screen and (max-width: 767px) {
	#partner #swrap_2{ padding-top: 70px; padding-bottom: 80px; }
	#partner #swrap_2 #sec_3 .copy{ font-size: 2rem;  }
	#partner #swrap_2 #sec_3 .companypagelist{ padding-top: 10px; }
	#partner #swrap_2 #sec_3 .companypagelist>.incnt>ul>li{ padding-left: 0; padding-right: 0; }
}
@media screen and (max-width: 500px) {
}

#recruit #swrap_1 #sec_1 .incnt>.inwrap{ display: flex;flex-direction: row; width: 100%; }
#recruit #swrap_1 #sec_1 .incnt>.inwrap .titlebox{color: #fff;font-size: 3.4rem;background: #1e2678;flex-shrink: 0;width: 36%;display: flex;justify-content: center;align-items: center;padding: 30px 8%;letter-spacing: 0.1em;}
#recruit #swrap_1 #sec_1 .incnt>.inwrap .titlebox>p{ writing-mode: vertical-rl;-webkit-writing-mode: vertical-rl; }
#recruit #swrap_1 #sec_1 .incnt>.inwrap .txtbox{background: #f7f7f7;color: #1e2678;padding: 70px 9%;box-sizing: border-box;width: 100%;font-size: 2rem;line-height: 1.9;}
@media screen and (max-width: 1200px) {
	#recruit #swrap_1 #sec_1 .incnt>.inwrap{ display: block; }
	#recruit #swrap_1 #sec_1 .incnt>.inwrap .titlebox{font-size: 2.8rem;width: 100%;display: block;padding: 20px 8%;text-align: center;}
	#recruit #swrap_1 #sec_1 .incnt>.inwrap .titlebox>p{ writing-mode: inherit;-webkit-writing-mode: inherit; }
	#recruit #swrap_1 #sec_1 .incnt>.inwrap .txtbox{ line-height: 2.1; padding: 60px 8%; }
}
@media screen and (max-width: 767px) {
	#recruit #swrap_1 #sec_1 .incnt>.inwrap .titlebox{font-size: 2.6rem;padding: 20px 8%;}
	#recruit #swrap_1 #sec_1 .incnt>.inwrap .txtbox{ padding: 40px 10%; font-size: 1.8rem; }
}
@media screen and (max-width: 500px) {
	#recruit #swrap_1 #sec_1 .incnt>.inwrap .titlebox{font-size: 2.2rem;}
}

#recruit #swrap_2 #sec_2 .list>ul>li{ display: flex;flex-direction: row; }
#recruit #swrap_2 #sec_2 .list>ul>li:nth-child(odd){ flex-direction: row-reverse; }
#recruit #swrap_2 #sec_2 .list>ul>li .txtbox{ background: #fff; padding: 40px 8%; width: 100%; display: flex; flex-direction: column; justify-content: center; }
#recruit #swrap_2 #sec_2 .list>ul>li .imgbox{ flex-shrink: 0; width: 50%; }
#recruit #swrap_2 #sec_2 .companypagelist{ margin-top: 80px; }
@media screen and (max-width: 1200px) {
	#recruit #swrap_2 #sec_2 .list>ul>li{ display: block; }
	#recruit #swrap_2 #sec_2 .list>ul>li .txtbox{ padding: 60px 8% 50px; width: 100%; display: block; }
	#recruit #swrap_2 #sec_2 .list>ul>li .imgbox{ width: 100%; }
	#recruit #swrap_2 #sec_2 .list>ul>li .txtbox .copy{ text-align: center; margin-bottom: 20px; }
	#recruit #swrap_2 #sec_2 .companypagelist{ margin-top: 80px; }
	#recruit #swrap_2 #sec_2 .companypagelist>.incnt>ul,
	#recruit #swrap_2 #sec_2 .companypagelist>.incnt>ul>li{ width: 100%; }
	#recruit #swrap_2 #sec_2 .companypagelist>.incnt>ul{ margin-left: 0; }
	#recruit #swrap_2 #sec_2 .companypagelist>.incnt>ul>li{ margin-left: 0; }
	#recruit #swrap_2 #sec_2 .companypagelist>.incnt>ul>li:not(:last-child){ margin-bottom: 20px; }
}
@media screen and (max-width: 767px) {
	#recruit #swrap_2 #sec_2 .list>ul>li .txtbox{ padding: 40px 10% 35px; }
	#recruit #swrap_2 #sec_2 .companypagelist{ margin-top: 60px; }
}
@media screen and (max-width: 500px) {
}

#recruit #swrap_3 #sec_3 .incnt{ max-width: 1240px; }
#recruit #swrap_3 #sec_3 .list>ul>li:not(:last-child){ margin-bottom: 100px; }
#recruit #swrap_3 #sec_3 .list>ul>li{ display: flex;flex-direction: row-reverse; }
#recruit #swrap_3 #sec_3 .list>ul>li .txtbox{width: 100%;display: flex;flex-direction: column;justify-content: center;padding-right: 8%;}
#recruit #swrap_3 #sec_3 .list>ul>li .txtbox .titlebox{ margin-bottom: 20px; }
#recruit #swrap_3 #sec_3 .list>ul>li .txtbox .titlebox .copy{ margin-bottom: 20px; }
#recruit #swrap_3 #sec_3 .list>ul>li .txtbox .titlebox .recruitinfolist>li{ display: inline-block; }
#recruit #swrap_3 #sec_3 .list>ul>li .txtbox .titlebox .recruitinfolist>li:not(:first-child)::before{ content: "| "; }
#recruit #swrap_3 #sec_3 .list>ul>li .imgbox{flex-shrink: 0;width: 52%;margin-right: 6%;position: relative;}
#recruit #swrap_3 #sec_3 .list>ul>li .imgbox::before{content: "";background: #f7f7f7;position: absolute;top: 60px;right: 60px;width: 100%;height: 100%;z-index: -1;}
#recruit #swrap_3 #sec_3 .list>ul>li:nth-child(even){ flex-direction: row; }
#recruit #swrap_3 #sec_3 .list>ul>li:nth-child(even) .txtbox{ padding-right: 0; padding-left: 8%; }
#recruit #swrap_3 #sec_3 .list>ul>li:nth-child(even) .imgbox{ margin-right: 0; margin-left: 6%; width: 48%; }
#recruit #swrap_3 #sec_3 .list>ul>li:nth-child(even) .imgbox::before{ right: auto; left: 60px; }
@media screen and (max-width: 1200px) {
	#recruit #swrap_3 #sec_3 .list>ul>li:not(:last-child){ margin-bottom: 60px; }
	#recruit #swrap_3 #sec_3 .list>ul>li{ display: block; }
	#recruit #swrap_3 #sec_3 .list>ul>li .txtbox{display: block;}
	#recruit #swrap_3 #sec_3 .list>ul>li .txtbox .copy{ text-align: center;}
	#recruit #swrap_3 #sec_3 .list>ul>li .txtbox .titlebox .copy{ margin-bottom: 15px; }
	#recruit #swrap_3 #sec_3 .list>ul>li .imgbox{width: 100%;margin-right: 0%;margin-top: 40px;}
	#recruit #swrap_3 #sec_3 .list>ul>li .imgbox::before{ content: none; }
	#recruit #swrap_3 #sec_3 .list>ul>li .txtbox .titlebox .recruitinfolist{ text-align: center; }
	#recruit #swrap_3 #sec_3 .list>ul>li:nth-child(even) .txtbox{ padding-left: 0%; }
	#recruit #swrap_3 #sec_3 .list>ul>li:nth-child(even) .imgbox{ margin-left: 0%; width: 100%; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}


#recruit #swrap_4 #sec_4 .list1>ul{ margin-left: -90px; text-align: center; }
#recruit #swrap_4 #sec_4 .list1>ul>li{ display: inline-block; text-align: center; vertical-align: middle; margin-left: 90px; }
#recruit #swrap_4 #sec_4 .list1>ul>li>a{ padding-bottom: 35px; position: relative; font-size: 2.4rem; color: #1e2678; font-weight: 500; }
#recruit #swrap_4 #sec_4 .list1>ul>li>a::before{ content: ""; background: linear-gradient(to left top, transparent 50%, rgb(30, 38, 120) 51%) right top / 50% 100% no-repeat, linear-gradient(to right top, transparent 50%, rgb(30, 38, 120) 51%) left bottom / 50% 100% no-repeat; width: 20px; height: 13px; position: absolute; bottom: 10px; left: 0; right: 0; margin-left: auto; margin-right: auto; display: inline-block; transition: .4s; }
#recruit #swrap_4 #sec_4 .list1>ul>li>a:hover{ opacity: 1; }
#recruit #swrap_4 #sec_4 .list1>ul>li>a:hover::before{ bottom: 5px; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	#recruit #swrap_4 #sec_4 .list1>ul>li>a{ font-size: 2rem; }
}
@media screen and (max-width: 500px) {
}

#recruit #swrap_4 #sec_4 .list2{ margin-top: 60px; }
#recruit #swrap_4 #sec_4 .list2>ul>li{ background: #fff; padding: 80px 8%; }
#recruit #swrap_4 #sec_4 .list2>ul>li:not(:last-child){ margin-bottom: 30px; }
#recruit #swrap_4 #sec_4 .list2>ul>li .copy{ margin-bottom: 55px; }
#recruit #swrap_4 #sec_4 .list2>ul>li .dllist{ border-top: 1px solid #1e2678; }
#recruit #swrap_4 #sec_4 .list2>ul>li .dllist>li{border-bottom: 1px solid #1e2678;}
#recruit #swrap_4 #sec_4 .list2>ul>li .dllist>li>dl>dt{ color: #1e2678; }
#recruit #swrap_4 #sec_4 .list2>ul>li .dllist>li{padding-top: 30px;padding-bottom: 30px;}
#recruit #swrap_4 #sec_4 .list2>ul>li .companypagelist{ margin-top: 70px; }
#recruit #swrap_4 #sec_4 .list2>ul>li .companypagelist>.incnt>ul,
#recruit #swrap_4 #sec_4 .list2>ul>li .companypagelist>.incnt>ul>li{ margin-left: 0; }
@media screen and (max-width: 1200px) {
	#recruit #swrap_4 #sec_4 .list2>ul>li .companypagelist>.incnt>ul,
	#recruit #swrap_4 #sec_4 .list2>ul>li .companypagelist>.incnt>ul>li{ width: 100%; }
}
@media screen and (max-width: 767px) {
	#recruit #swrap_4 #sec_4 .list2>ul>li{ padding: 60px 10%; }
	#recruit #swrap_4 #sec_4 .list2>ul>li .copy{ margin-bottom: 40px; }
	#recruit #swrap_4 #sec_4 .list2>ul>li .companypagelist{ margin-top: 55px; }
	#recruit #swrap_4 #sec_4 .list2>ul>li .companypagelist>.incnt>ul>li{ padding-left: 0; padding-right: 0; }
	#recruit #swrap_4 #sec_4 .list2>ul>li .dllist>li{padding-top: 25px;padding-bottom: 25px;}
}
@media screen and (max-width: 500px) {
}


#recruit #swrap_5 #sec_5 .list1>ul>li{ padding-top: 30px;position: relative; }
#recruit #swrap_5 #sec_5 .list1>ul>li>dl{background: #f7f7f7;padding: 50px 8% 45px;display: flex;flex-direction: row;align-items: center;}
#recruit #swrap_5 #sec_5 .list1>ul>li>dl>dt{font-size: 2rem;color: #1e2678;flex-shrink: 0;width: 24%;}
#recruit #swrap_5 #sec_5 .list1>ul>li>dl>dd{ width: 100%; }
#recruit #swrap_5 #sec_5 .list1>ul>li::before{ content: ""; background: linear-gradient(to left top, transparent 50%, rgb(30, 38, 120) 51%) right top / 50% 100% no-repeat, linear-gradient(to right top, transparent 50%, rgb(30, 38, 120) 51%) left bottom / 50% 100% no-repeat; width: 20px; height: 13px; position: absolute; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; display: inline-block; transition: .4s; }
#recruit #swrap_5 #sec_5 .list1>ul>li:first-child{ padding-top: 0; }
#recruit #swrap_5 #sec_5 .list1>ul>li:first-child::before{ content: none; }
@media screen and (max-width: 1200px) {
	#recruit #swrap_5 #sec_5 .list1>ul>li>dl>dt{ width: 28%; }
}
@media screen and (max-width: 767px) {
	#recruit #swrap_5 #sec_5 .list1>ul>li>dl{padding: 35px 8%;display: block;}
	#recruit #swrap_5 #sec_5 .list1>ul>li>dl>dt{font-size: 1.8rem;width: 100%;margin-bottom: 10px;text-align: center;}
}
@media screen and (max-width: 500px) {
}

#recruit #swrap_5 #sec_5 .box1{margin-top: 40px;background: #1e2678;padding: 70px 8% 60px;color: #fff;}
#recruit #swrap_5 #sec_5 .box1 .copy{margin-bottom: 20px;}
#recruit #swrap_5 #sec_5 .box1 .txt{ text-align: center; }
#recruit #swrap_5 #sec_5 .box1 .companypagelist{ margin-top: 45px; }
#recruit #swrap_5 #sec_5 .box1 .link2{text-align: center;margin-top: 35px;line-height: 1.8;}
#recruit #swrap_5 #sec_5 .box1 .link2>.inwrap{ display: inline-block; }
#recruit #swrap_5 #sec_5 .box1 .link2>.inwrap .title1{ font-size: 2.4rem; }
#recruit #swrap_5 #sec_5 .box1 .link2>.inwrap .num{ font-size: 3.6rem; }
#recruit #swrap_5 #sec_5 .box1 .link2>.inwrap .num>a{position: relative;display: inline-block;padding-left: 45px;letter-spacing: 0.05em;}
#recruit #swrap_5 #sec_5 .box1 .link2>.inwrap .num>a svg{ position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; }
#recruit #swrap_5 #sec_5 .box1 .link2>.inwrap .num>a svg .telicon_st0.st0{fill:#fff;}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	#recruit #swrap_5 #sec_5 .box1{padding: 60px 8% 55px;}
	#recruit #swrap_5 #sec_5 .box1 .txt{ text-align: justify;  }
	#recruit #swrap_5 #sec_5 .box1 .link2>.inwrap .title1{ font-size: 2rem; }
	#recruit #swrap_5 #sec_5 .box1 .link2>.inwrap .num{ font-size: 2.8rem; }
	#recruit #swrap_5 #sec_5 .box1 .link2>.inwrap .num>a{padding-left: 40px;}
	#recruit #swrap_5 #sec_5 .box1 .link2>.inwrap .num>a svg{ width: 28px; height: 28px; }
	#recruit #swrap_5 #sec_5 .box1 .companypagelist>.incnt>ul>li{ padding-left: 0; padding-right: 0; }
}
@media screen and (max-width: 500px) {
}