@charset "utf-8";
/* 

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

*/

#index #mainv{ position: relative; background: #f7f7f7; }
#index #mainv::before{ content: ""; background: #003c8c; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: calc(100% - 80px); }
#index #mainv .main{ position: relative; z-index: 1; }
#index #mainv .main .bg{ position: absolute; top: 0; bottom: 0; right: 0; width: 80%; height: 100%; }
#index #mainv .main .maincopy{ z-index: 2;  position: relative;display: flex; align-items: center; min-height: 890px;height: calc(100vh - 100px);}
#index #mainv .main .maincopy>.inwrap{background: #f7f7f7;padding: 88px 5%;box-sizing: border-box;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
#index #mainv .main .maincopy .jn{ font-size: 3.6rem; line-height: 1.8; margin-left: 15px; }
#index #mainv .main .maincopy .en{ font-size: 1.8rem; }
#index #mainv .main .subcopy{font-size: 2.4rem;z-index: 3;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;right: 4%;display: flex;align-items: center;line-height: 1.6;}
@media screen and (max-width: 1200px) {
	#index #mainv .main .maincopy{ min-height: inherit; }
	#index #mainv::before{ height: 100%; }
	#index #mainv .main .maincopy .jn{ font-size: 2.8rem; }
	#index #mainv .main .subcopy{ font-size: 2rem; }
}
@media screen and (max-width: 767px) {
	#index #mainv .main .maincopy>.inwrap{ padding: 60px 6%; }
	#index #mainv .main .maincopy .jn{ font-size: 2.4rem; }
	#index #mainv .main .maincopy .en{ font-size: 1.6rem; }
	#index #mainv .main .subcopy{ font-size: 1.8rem; right: 6%; }
	#index #mainv .main .bg{ object-position: 30% 100%; }
}
@media screen and (max-width: 500px) {
	#index #mainv .main .maincopy{height: calc(100vh - 80px);padding-bottom: 120px;padding-top: 120px;}
	#index #mainv .main .maincopy>.inwrap{ padding: 40px 6%; }
	#index #mainv .main .maincopy .jn{ font-size: 2rem; }
	#index #mainv .main .maincopy .en{ font-size: 1.4rem; }
	#index #mainv .main .subcopy{font-size: 1.6rem;bottom: 40px;top: auto;}
}

#index #sec_1{ padding-bottom: 120px; position: relative; }
#index #sec_1:before{ content: ""; background: #f7f7f7; width: 88%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; }
#index #sec_1>.inwrap{position: relative;padding-top: 120px;padding-bottom: 180px;}
#index #sec_1>.inwrap::before{ content: ""; background: rgb(0,60,140); background: linear-gradient(120deg, rgba(0,60,140,1) 0%, rgba(50,98,163,1) 100%, rgba(156,187,215,1) 7692%); width: 40%; position: absolute; top: 0; right: 0; height: calc(100% - 60px); z-index: 2; }
#index #sec_1 .txtbox{position: relative;z-index: 6;}
#index #sec_1 .txtbox>.incnt>.inwrap .titlebox{line-height: 1.8;margin-bottom: 30px;}
#index #sec_1 .txtbox>.incnt>.inwrap .titlebox .en{font-size: 1.8rem;margin-bottom: 10px;}
#index #sec_1 .txtbox>.incnt>.inwrap .titlebox .jn{ font-size: 3.6rem; }
#index #sec_1 .txtbox>.incnt>.inwrap .txt{font-weight: 600;}
#index #sec_1 .txtbox .linklist{ margin-top: 50px; }
#index #sec_1 .txtbox .linklist>li:not(:last-child){ margin-bottom: 20px; }
#index #sec_1 .imgbox{position: absolute;top: 120px;right: 8%;width: 46%;height: calc(100% - 120px);z-index: 4;}
#index #sec_1 .imgbox>ul{width: 100%;height: 100%;position: relative;}
#index #sec_1 .imgbox>ul>li:nth-child(1){position: absolute;top: 0;right: 0;width: 86%;height: calc(100% - 125px);z-index: 1;}
#index #sec_1 .imgbox>ul>li:nth-child(2){position: absolute;z-index: 2;bottom: 0;left: 0;width: 47%;}
@media screen and (max-width: 1200px) {
	#index #sec_1{ padding-bottom: 0; }
	#index #sec_1:before{ width: 100%; }
	#index #sec_1>.inwrap{padding-bottom: 0; padding-top: 90px;}
	#index #sec_1>.inwrap::before{ content: none; }
	#index #sec_1 .txtbox{ text-align: center; }
	#index #sec_1 .imgbox{position: relative;width: 100%;height: auto;right: 0;top: auto;margin-top: 80px;}
	#index #sec_1 .imgbox>ul{display: flex;flex-direction: row;height: auto;}
	#index #sec_1 .imgbox>ul>li:nth-child(1){position: static;width: 60%;}
	#index #sec_1 .imgbox>ul>li:nth-child(2){position: static;width: 40%;}
	#index #sec_1 .imgbox>ul>li:nth-child(2)>ul{display: flex;flex-direction: column;height: 100%;}
	#index #sec_1 .imgbox>ul>li:nth-child(2)>ul>li{height: 50%;flex-shrink: 1;}
	#index #sec_1 .txtbox>.incnt>.inwrap .titlebox .jn{ font-size: 2.8rem; }
	#index #sec_1 .txtbox>.incnt>.inwrap .txt{ font-weight: normal; }
}
@media screen and (max-width: 767px) {
	#index #sec_1 .txtbox>.incnt>.inwrap .titlebox{ margin-bottom: 20px; }
	#index #sec_1 .txtbox>.incnt>.inwrap .titlebox .jn{ font-size: 2.6rem; }
}
@media screen and (max-width: 500px) {
	#index #sec_1 .txtbox>.incnt>.inwrap .titlebox .jn{ font-size: 2.4rem; }
	#index #sec_1 .txtbox>.incnt>.inwrap .titlebox .en{ font-size: 1.6rem; }
	#index #sec_1 .txtbox>.incnt>.inwrap .txt{ text-align: justify; }
	#index #sec_1 .imgbox{ margin-top: 60px; }
	#index #sec_1 .imgbox>ul{display: block;}
	#index #sec_1 .imgbox>ul>li:nth-child(1){width: 100%;}
	#index #sec_1 .imgbox>ul>li:nth-child(2){width: 100%;}
	#index #sec_1 .imgbox>ul>li:nth-child(2)>ul{flex-direction: row;height: auto;}
	#index #sec_1 .imgbox>ul>li:nth-child(2)>ul>li{height: 100%;width: 100%;}
}

#index #sec_2{padding-top: 100px;padding-bottom: 100px;}
#index #sec_2 .topsectitlebox{text-align: center;padding-bottom: 15px;margin-bottom: 50px;position: relative;}
#index #sec_2 .topsectitlebox::before{ content: ""; background: #003c8c; display: inline-block; width: 46px; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; }
#index #sec_2 .txt{ text-align: center; }
#index #sec_2 .list{ margin-top: 30px;  }
#index #sec_2 .list>ul{ display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -10px; margin-bottom: -10px; overflow: hidden; }
#index #sec_2 .list>ul>li{ width: calc(50% - 10px); margin-left: 10px; margin-bottom: 10px; position: relative; }
#index #sec_2 .list>ul>li .cap{display: flex;width: 100%;height: 100%;padding: 15px 30px;align-items: flex-end;position: relative;z-index: 2;color: #fff; aspect-ratio: 112/69; -webkit-aspect-ratio: 112/69; min-height: 345px;}
#index #sec_2 .list>ul>li .cap .title,
#index #sec_2 .list>ul>li .cap .link{ display: inline-block; vertical-align: middle; margin-left: 20px; }
#index #sec_2 .list>ul>li .cap .title{ font-size: 2.4rem; }
#index #sec_2 .list>ul>li .cap .link{padding-bottom: 8px;}
#index #sec_2 .list>ul>li .thumb{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
#index #sec_2 .bottomlink .btnlink{min-width: 260px;}
@media screen and (max-width: 1200px) {
	#index #sec_2 .txt{ text-align: justify; }
	#index #sec_2 .list>ul>li .cap .title{font-size: 2rem;line-height: 1.8;padding-bottom: 5px;}
	#index #sec_2 .list>ul>li .cap .link{padding-bottom: 3px;}
}
@media screen and (max-width: 767px) {
	#index #sec_2{padding-top: 80px;padding-bottom: 100px;}
	#index #sec_2 .topsectitlebox{ margin-bottom: 35px; }
	#index #sec_2 .list>ul{ display: block; margin-left: -0; }
	#index #sec_2 .list>ul>li{ width: 100%; margin-left: 0; }
	#index #sec_2 .list>ul>li .cap{min-height: 250px;padding-left: 10px;padding-right: 20px;}
}
@media screen and (max-width: 500px) {
	#index #sec_2{padding-bottom: 80px;}
}

#index #sec_4{ display: flex; flex-direction: row; }
#index #sec_4 .txtbox{color: #fff;padding: 60px 6%;background: rgb(51,99,163);background: linear-gradient(45deg, rgba(51,99,163,1) 0%, rgba(0,60,140,1) 100%);flex-shrink: 0;display: flex;justify-content: center;min-height: 500px;flex-direction: column;width: 34%;line-height: 2;text-align: center;align-items: center;}
#index #sec_4 .txtbox>.inwrap{ max-width: 270px; width: 100%; display: inline-block; text-align: justify;  }
#index #sec_4 .txtbox .titlebox{margin-bottom: 20px;}
#index #sec_4 .txtbox .titlebox .en{font-size: 1.8rem;margin-bottom: 15px;}
#index #sec_4 .txtbox .titlebox .jn{ font-size: 3.6rem; line-height: 1.4; }
#index #sec_4 .bnrlist{position: relative;width: 100%;display: flex;}
#index #sec_4 .bnrlist>ul{display: flex;flex-direction: row;position: relative;z-index: 1;width: 100%;}
#index #sec_4 .bnrlist>ul>li{display: flex;flex-direction: column;width: 50%;color: #fff;align-items: center;justify-content: center;}
#index #sec_4 .bnrlist>ul>li:not(:first-child){ border-left: 1px solid #fff; }
#index #sec_4 .bnrlist>ul>li .bnrtitle{ font-size: 2.4rem; }
#index #sec_4 .bnrlist .bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0;  }
@media screen and (max-width: 1200px) {
	#index #sec_4{ display: block; }
	#index #sec_4 .txtbox{width: 100%;display: block;text-align: justify;min-height: inherit;padding-bottom: 50px;}
	#index #sec_4 .txtbox .titlebox .jn{ font-size: 3.2rem; }
	#index #sec_4 .txtbox>.inwrap{ max-width: 100%; text-align: center; }
	#index #sec_4 .bnrlist{ height: 300px; }
}
@media screen and (max-width: 767px) {
	#index #sec_4 .txtbox>.inwrap{ text-align: justify; }
	#index #sec_4 .txtbox .titlebox{ text-align: center; }
	#index #sec_4 .txtbox .titlebox .jn{ font-size: 2.8rem; }
	#index #sec_4 .bnrlist{ height: inherit; }
	#index #sec_4 .bnrlist>ul{display: block;}
	#index #sec_4 .bnrlist>ul>li{width: 100%;height: 200px;}
	#index #sec_4 .bnrlist>ul>li:not(:first-child){ border-left: none; border-top: 1px solid #fff; }
	#index #sec_4 .bnrlist>ul>li .bnrtitle{ font-size: 2.2rem; }
}
@media screen and (max-width: 500px) {
}


#index #sec_3{ padding-top: 80px; padding-bottom: 120px; }
#index #sec_3 .titlebox{position: relative;margin-bottom: 95px;}
#index #sec_3 .titlebox::before{content: "";background: rgb(0,60,140);background: linear-gradient(-45deg, rgba(0,60,140,1) 0%, rgba(50,98,163,1) 100%, rgba(156,187,215,1) 7692%);position: absolute;left: -50px;bottom: -50px;width: 100%;height: 100%;z-index: 1;}
#index #sec_3 .titlebox .copytxtbox{position: absolute;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;z-index: 3;top: 70px;right: 8%;}
#index #sec_3 .titlebox .copytxtbox>p{ margin-left: 10px; }
#index #sec_3 .titlebox .copytxtbox>p>span{color: #fff;font-size: 3.2rem;background: #003c8c;display: inline-block;line-height: 1.4;padding: 24px 8px 0;letter-spacing: 0.1em;}
#index #sec_3 .titlebox .bg{ position: relative; z-index: 2; }
#index #sec_3 .txtbox .mainbox{ display: flex; flex-direction: row; align-items: center; padding-left: 6%; padding-right: 6%; }
#index #sec_3 .txtbox .mainbox .topsectitlebox{flex-shrink: 0;margin-right: 40px;width: 270px;line-height: 1.6;}
#index #sec_3 .txtbox .mainbox .txt{ width: 100%;  }
#index #sec_3 .txtbox .linklist{ margin-left: -20px; margin-bottom: -20px; text-align: center; margin-top: 40px; }
#index #sec_3 .txtbox .linklist>li{ margin-left: 20px; display: inline-block; vertical-align: middle; margin-bottom: 20px; }
#index #sec_3 .txtbox .linklist>li>.btnlink{ min-width: 260px; }
@media screen and (max-width: 1200px) {
	#index #sec_3{ padding-bottom: 100px; }
	#index #sec_3 .titlebox::before{ content: none; }
	#index #sec_3 .titlebox{ margin-bottom: 60px; }
	#index #sec_3 .titlebox .copytxtbox{ top: 40px; right: 6%; }
	#index #sec_3 .titlebox .copytxtbox>p>span{font-size: 2.4rem;}
	#index #sec_3 .txtbox .mainbox{ display: block;  }
	#index #sec_3 .txtbox .mainbox .topsectitlebox{margin-right: 0;width: 100%;margin-bottom: 20px; text-align: center;}
}
@media screen and (max-width: 767px) {
	#index #sec_3{ padding-top: 60px; padding-bottom: 80px; }
	#index #sec_3 .titlebox{ display: flex; flex-direction: column-reverse; }
	#index #sec_3 .titlebox .copytxtbox{position: static;-webkit-writing-mode: horizontal-tb;-ms-writing-mode: horizontal-tb;writing-mode: horizontal-tb; margin-top: -30px; padding-left: 30px; padding-right: 30px;}
	#index #sec_3 .titlebox .copytxtbox>p{ margin-left: 0; }
	#index #sec_3 .titlebox .copytxtbox>p:not(:last-child){ margin-bottom: 10px; }
	#index #sec_3 .titlebox .copytxtbox>p>span{font-size: 2.4rem;padding: 8px 20px; padding-right: 0;}
	#index #sec_3 .txtbox .linklist{ margin-left: -0; margin-top: 30px; }
	#index #sec_3 .txtbox .linklist>li{ margin-left: 0; display: block; }
}
@media screen and (max-width: 500px) {
	#index #sec_3 .titlebox{ margin-bottom: 50px; }
	#index #sec_3 .titlebox .copytxtbox>p>span{ font-size: 2rem; }
	#index #sec_3 .titlebox .copytxtbox{margin-top: -20px; padding-left: 20px; padding-right: 20px;}
}

#index #sec_5{ background: #f7f7f7; padding-top: 80px; padding-bottom: 110px;  }
#index #sec_5>.incnt>.inwrap{ display: flex; flex-direction: row; }
#index #sec_5 .titlebox{ flex-shrink: 0; display: flex; flex-direction: column; margin-right: 12%; }
#index #sec_5 .titlebox .topsectitlebox{text-align: left;position: relative;padding-bottom: 20px;margin-bottom: 50px;line-height: 1.6;}
#index #sec_5 .titlebox .topsectitlebox .enfont{ margin-bottom: 0; }
#index #sec_5 .titlebox .topsectitlebox:after{ content: ""; background: #003c8c; height: 2px; width: 46px; position: absolute; bottom: 0; left: 0; }
#index #sec_5 .newslist{ width: 100%; justify-content: center; display: flex; flex-direction: column; }
@media screen and (max-width: 1200px) {
	#index #sec_5>.incnt>.inwrap{ display: block; }
	#index #sec_5 .titlebox{ display: block; margin-right: 0%; }
	#index #sec_5 .titlebox .topsectitlebox{ text-align: center; }
	#index #sec_5 .titlebox .topsectitlebox:after{ right: 0; margin-left: auto; margin-right: auto; }
}
@media screen and (max-width: 767px) {
	#index #sec_5{ padding-top: 60px; padding-bottom: 80px;  }
}
@media screen and (max-width: 500px) {
	#index #sec_5{ padding-bottom: 70px;  }
}

#about.greeting #sec_1 .imgbox{ margin-top: 65px; }
#about.greeting #sec_1 .imgbox>ul{ display: flex; flex-direction: row; }
#about.greeting #sec_1 .imgbox>ul>li{ width: 50%; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	#about.greeting #sec_1 .imgbox{ margin-top: 50px; }
	#about.greeting #sec_1 .imgbox>ul{ display: block; }
	#about.greeting #sec_1 .imgbox>ul>li{ width: 100%;height: 300px; }
}
@media screen and (max-width: 500px) {
}

#about.greeting #sec_2{ background: #f7f7f7; }
#about.greeting #sec_2 .list{ padding-top: 20px; }
#about.greeting #sec_2 .list>ul>li:not(:last-child){ margin-bottom: 40px; }
#about.greeting #sec_2 .list>ul>li .title1{background: #fff;color: #003c8c;padding: 40px 8%;font-size: 2.8rem;margin-bottom: 20px;border-left: 4px double #003c8c;border-right: 4px double #003c8c;text-align: center;line-height: 1.8;}
#about.greeting #sec_2 .list>ul>li .txt1{ text-align: center; }
#about.greeting #sec_2 .img{ margin-top: 70px; text-align: center; }
#about.greeting #sec_2 .img img{ max-width: 880px; width: 100%; }
@media screen and (max-width: 1200px) {
	#about.greeting #sec_2 .list>ul>li .title1{ font-size: 2.4rem; }
	#about.greeting #sec_2 .list>ul>li .txt1{ text-align: justify; }
}
@media screen and (max-width: 767px) {
	#about.greeting #sec_2 .list>ul>li .title1{ padding-top: 30px; padding-bottom: 30px; font-size: 2.2rem; }
	#about.greeting #sec_2 .img{ margin-top:50px; }
}
@media screen and (max-width: 500px) {
}

#about.kodawari #s1_insec2{ margin-top: 90px; }
#about.kodawari #s1_insec2>ol>li{ position: relative; padding-top: 60px; }
#about.kodawari #s1_insec2>ol>li::before{content: "";background: #f7f7f7;height: calc(100% - 30px);width: 82%;position: absolute;top: 0;left: 0;z-index: 1;}
#about.kodawari #s1_insec2>ol>li>.inwrap{ position: relative; z-index: 2; display: flex;flex-direction: row;  }
#about.kodawari #s1_insec2>ol>li .txtbox{padding-left: 18%;padding-right: 4%;display: flex;flex-direction: column;justify-content: center;}
/* #about.kodawari #s1_insec2>ol>li .txtbox .titlebox{margin-bottom: 25px;} */
#about.kodawari #s1_insec2>ol>li .txtbox .titlebox .subtitle{margin-bottom: 40px;}
#about.kodawari #s1_insec2>ol>li .txtbox .titlebox .subtitle>.inwrap{font-size: 1.8rem;color: #003c8c;position: relative;line-height: 1.8;display: inline-block;}
#about.kodawari #s1_insec2>ol>li .txtbox .titlebox .subtitle>.inwrap::before{ content: ""; background: #003c8c; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; }
#about.kodawari #s1_insec2>ol>li .txtbox .titlebox .maintitle{font-size: 2.8rem;line-height: 1.8;color: #003c8c;}
/* #about.kodawari #s1_insec2>ol>li .txtbox .txt{padding-bottom: 90px;} */
#about.kodawari #s1_insec2>ol>li .imgbox{flex-shrink: 0;width: 47%;}
#about.kodawari #s1_insec2>ol>li:nth-child(2){ margin-bottom: 80px; }
#about.kodawari #s1_insec2>ol>li:nth-child(2)::before{ content: none; }
#about.kodawari #s1_insec2>ol>li:nth-child(2)>.inwrap{flex-direction: row-reverse;}
#about.kodawari #s1_insec2>ol>li:nth-child(2) .txtbox{padding-left: 4%;padding-right: 18%;display: flex;flex-direction: column;/*justify-content: flex-end;*/}
#about.kodawari #s1_insec2>ol>li:nth-child(2) .txtbox .txt{padding-bottom: 0;}
@media screen and (max-width: 1200px) {
	#about.kodawari #s1_insec2>ol>li{ background: #f7f7f7; }
	#about.kodawari #s1_insec2>ol>li>.inwrap{ display: block; }
	#about.kodawari #s1_insec2>ol>li::before{content: none;}
	#about.kodawari #s1_insec2>ol>li .txtbox{padding-left: 6%;padding-right: 6%;padding-bottom: 40px;display: block;}
	#about.kodawari #s1_insec2>ol>li .txtbox .titlebox{margin-bottom: 25px;text-align: center;}
	#about.kodawari #s1_insec2>ol>li .txtbox .titlebox .subtitle{ margin-bottom: 30px; }
	#about.kodawari #s1_insec2>ol>li .txtbox .titlebox .maintitle{font-size: 2.4rem;}
	#about.kodawari #s1_insec2>ol>li .txtbox .txt{padding-bottom: 0;}
	#about.kodawari #s1_insec2>ol>li .imgbox{width: 100%;height: 400px;}
	#about.kodawari #s1_insec2>ol>li:nth-child(2){ margin-bottom: 0; background: transparent; }
	#about.kodawari #s1_insec2>ol>li:nth-child(2) .txtbox{padding-left: 6%;padding-right: 6%;display: block;}
}
@media screen and (max-width: 767px) {
	#about.kodawari #s1_insec2{ margin-top: 60px; }
	#about.kodawari #s1_insec2>ol>li .imgbox{height: 300px;}
}
@media screen and (max-width: 500px) {
}

#about.kodawari #s1_insec3 .titlebox{ padding-top: 90px; padding-bottom: 90px; }
#about.kodawari #s1_insec3 .titlebox>.incnt>.inwrap{ text-align: center; }
#about.kodawari #s1_insec3 .titlebox .subtitle{ font-size: 2rem; margin-bottom: 20px; }
#about.kodawari #s1_insec3 .titlebox .maintitle{ color: #003c8c; line-height: 1.9; font-size: 3.6rem; }
#about.kodawari #s1_insec3 .titlebox .maintitle>.inwrap>.inb{text-decoration: #003c8c underline 1px;-webkit-text-decoration: #003c8c underline;text-underline-offset: 12px;}
#about.kodawari #s1_insec3 .imgbox{ height: 463px; width: 100%; }
@media screen and (max-width: 1200px) {
	#about.kodawari #s1_insec3 .titlebox{ padding-top: 80px; padding-bottom: 80px; }
	#about.kodawari #s1_insec3 .titlebox .subtitle{ font-size: 1.8rem; }
	#about.kodawari #s1_insec3 .titlebox .maintitle{ font-size: 2.8rem; }
}
@media screen and (max-width: 767px) {
	#about.kodawari #s1_insec3 .titlebox{ padding-top: 70px; padding-bottom: 70px; }
	#about.kodawari #s1_insec3 .titlebox .maintitle{ font-size: 2.4rem; }
	#about.kodawari #s1_insec3 .imgbox{ height: 300px; }
}
@media screen and (max-width: 500px) {
}


#company #sec_2 .imgbox{ margin-top: 30px; }
#company #sec_2 .imgbox .map iframe{ vertical-align: bottom; }
#company #sec_2 .imgbox .imglist{ display: flex; flex-direction: row; }
#company #sec_2 .imgbox .imglist>li{ width: 50%; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	#company #sec_2 .imgbox .map iframe{ height: 400px; }
	#company #sec_2 .imgbox .imglist{ display: block; }
	#company #sec_2 .imgbox .imglist>li{ width: 100%; height: 300px; }
}
@media screen and (max-width: 500px) {
}

#recruit.index #mainv.under>.mainbox .pagetitlebox{ color: #003c8c; }
#recruit.index #mainv.under>.mainbox::before{ background: #e7e617; }
#recruit.index #mainv.under>.mainbox .bg{background: #f7f7f7;height: 100%;}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}



#recruit.index #sec_1 .titlebox{position: relative;}
#recruit.index #sec_1 .titlebox .copytxtbox{position: absolute;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;z-index: 3;top: 70px;right: 8%;}
#recruit.index #sec_1 .titlebox .copytxtbox>p{ margin-left: 10px; }
#recruit.index #sec_1 .titlebox .copytxtbox>p>span{color: #fff;font-size: 3.2rem;background: #003c8c;display: inline-block;line-height: 1.4;padding: 24px 8px 0;letter-spacing: 0.1em;}
#recruit.index #sec_1 .titlebox .bg{ position: relative; z-index: 2; }
#recruit.index #sec_1 .txtbox{ margin-top: 55px; }
#recruit.index #sec_1 .txtbox .txt>p:not(:last-child){ margin-bottom: 40px; }
#recruit.index #sec_1 .txtbox .name{ margin-top: 20px; text-align: right; font-size: 1.8rem; }
@media screen and (max-width: 1200px) {
	#recruit.index #sec_1 .titlebox .copytxtbox{ top: 40px; right: 6%; }
	#recruit.index #sec_1 .titlebox .copytxtbox>p>span{font-size: 2.4rem;}
}
@media screen and (max-width: 767px) {
	#recruit.index #sec_1 .txtbox{ margin-top: 45px; }
	#recruit.index #sec_1 .txtbox .txt>p:not(:last-child){ margin-bottom: 30px; }
	#recruit.index #sec_1 .titlebox{ display: flex; flex-direction: column-reverse; }
	#recruit.index #sec_1 .titlebox .copytxtbox{position: static;-webkit-writing-mode: horizontal-tb;-ms-writing-mode: horizontal-tb;writing-mode: horizontal-tb; margin-top: -30px; padding-left: 30px; padding-right: 30px;}
	#recruit.index #sec_1 .titlebox .copytxtbox>p{ margin-left: 0; }
	#recruit.index #sec_1 .titlebox .copytxtbox>p:not(:last-child){ margin-bottom: 10px; }
	#recruit.index #sec_1 .titlebox .copytxtbox>p>span{font-size: 2.4rem;padding: 8px 20px; padding-right: 0;}
}
@media screen and (max-width: 500px) {
	#recruit.index #sec_1 .titlebox .copytxtbox>p>span{ font-size: 2rem; }
	#recruit.index #sec_1 .titlebox .copytxtbox{margin-top: -20px; padding-left: 20px; padding-right: 20px;}
}

#recruit.index #sec_2{ padding-top: 70px; background: #f8f7b9; padding-bottom: 75px; }
#recruit.index #sec_2 .list{padding-top: 20px;}
#recruit.index #sec_2 .list>ul{display: flex;flex-direction: row;background: #fff;padding: 50px 0;}
#recruit.index #sec_2 .list>ul>li{width: 33.33%;padding-left: 4%;padding-right: 4%;position: relative;line-height: 2;}
#recruit.index #sec_2 .list>ul>li::before{content: "";background: #999;position: absolute;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;left: 0;display: inline-block;width: 1px;height: 100%;}
#recruit.index #sec_2 .list>ul>li .title{text-align: center;margin-bottom: 20px;font-size: 2.6rem;line-height: 1.6;}
#recruit.index #sec_2 .list>ul>li:first-child::before{ content: none; }
@media screen and (max-width: 1200px) {
	#recruit.index #sec_2 .list>ul{display: block;}
	#recruit.index #sec_2 .list>ul>li:first-child{ padding-top: 0; }
	#recruit.index #sec_2 .list>ul>li{width: 100%;padding-left: 8%;padding-right: 8%; padding-bottom: 40px; padding-top: 40px;}
	#recruit.index #sec_2 .list>ul>li::before{bottom: auto;margin-left: auto;margin-right: auto;left: 0;right: 0;width: 84%;height: 1px;}
	#recruit.index #sec_2 .list>ul>li:last-child{ padding-bottom: 0; }
	#recruit.index #sec_2 .list>ul>li .title{font-size: 2.4rem;}
}
@media screen and (max-width: 767px) {
	#recruit.index #sec_2 .list{padding-top: 0;}
	#recruit.index #sec_2 .list>ul>li .title{font-size: 2.2rem;}
}
@media screen and (max-width: 500px) {
}

#recruit.index #sec_3 .list{ padding-top: 10px; }
#recruit.index #sec_3 .list>ol>li{ position: relative; padding-top: 60px; }
#recruit.index #sec_3 .list>ol>li::before{content: "";background: #f7f7f7;height: calc(100% - 30px);width: 82%;position: absolute;top: 0;left: 0;z-index: 1;}
#recruit.index #sec_3 .list>ol>li>.inwrap{ position: relative; z-index: 2; display: flex;flex-direction: row;  }
#recruit.index #sec_3 .list>ol>li .txtbox{padding-left: 18%;padding-right: 4%;display: flex;flex-direction: column;justify-content: center;}
#recruit.index #sec_3 .list>ol>li .txtbox .titlebox{margin-bottom: 25px;}
#recruit.index #sec_3 .list>ol>li .txtbox .titlebox .maintitle>.inwrap{font-size: 2.8rem;position: relative;line-height: 1.8;display: inline-block;}
#recruit.index #sec_3 .list>ol>li .txtbox .titlebox .maintitle>.inwrap::before{ content: ""; background: #191919; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; }
#recruit.index #sec_3 .list>ol>li .txtbox .txt{padding-bottom: 70px;}
#recruit.index #sec_3 .list>ol>li .imgbox{flex-shrink: 0;width: 47%;}
#recruit.index #sec_3 .list>ol>li:nth-child(2){ margin-bottom: 80px; }
#recruit.index #sec_3 .list>ol>li:nth-child(2)::before{ content: none; }
#recruit.index #sec_3 .list>ol>li:nth-child(2)>.inwrap{flex-direction: row-reverse;}
#recruit.index #sec_3 .list>ol>li:nth-child(2) .txtbox{padding-left: 4%;padding-right: 18%;display: flex;flex-direction: column;/*justify-content: flex-end;*/ justify-content: center;}
#recruit.index #sec_3 .list>ol>li:nth-child(2) .txtbox .txt{padding-bottom: 0;}
@media screen and (max-width: 1200px) {
	#recruit.index #sec_3 .list>ol>li{ background: #f7f7f7; }
	#recruit.index #sec_3 .list>ol>li>.inwrap{ display: block; }
	#recruit.index #sec_3 .list>ol>li::before{content: none;}
	#recruit.index #sec_3 .list>ol>li .txtbox{padding-left: 6%;padding-right: 6%;padding-bottom: 40px;}
	#recruit.index #sec_3 .list>ol>li .txtbox .titlebox{margin-bottom: 25px;text-align: center;}
	#recruit.index #sec_3 .list>ol>li .txtbox .titlebox .maintitle>.inwrap{font-size: 2.4rem;}
	#recruit.index #sec_3 .list>ol>li .txtbox .txt{padding-bottom: 0;}
	#recruit.index #sec_3 .list>ol>li .imgbox{width: 100%;height: 400px;}
	#recruit.index #sec_3 .list>ol>li:nth-child(2){ margin-bottom: 0; background: transparent; }
	#recruit.index #sec_3 .list>ol>li:nth-child(2) .txtbox{padding-left: 6%;padding-right: 6%;display: block;}
}
@media screen and (max-width: 767px) {
	#recruit.index #sec_3 .list{ padding-top: 0; }
	#recruit.index #sec_3 .list>ol>li .imgbox{height: 300px;}
}
@media screen and (max-width: 500px) {
}

#recruit.index #sec_3 .requirementbnr{ margin-top: 95px;  }
#recruit.index #sec_3 .requirementbnr>.incnt>.inwrap{ display: flex;flex-direction: row-reverse; }
#recruit.index #sec_3 .requirementbnr .txtbox{ background: #003c8c; padding: 70px 8% 75px; color: #fff; }
#recruit.index #sec_3 .requirementbnr .txtbox .undersectitlebox{ color: #fff; }
#recruit.index #sec_3 .requirementbnr .txtbox .undersectitlebox .en{ margin-bottom: 10px; }
#recruit.index #sec_3 .requirementbnr .txtbox .undersectitlebox .jn{ font-size: 3rem; }
#recruit.index #sec_3 .requirementbnr .txtbox .undersectitlebox::before{ background: #fff;}
#recruit.index #sec_3 .requirementbnr .txtbox .txt{line-height: 2;}
#recruit.index #sec_3 .requirementbnr .txtbox .link{margin-top: 30px;text-align: center;}
#recruit.index #sec_3 .requirementbnr .txtbox .link .btnlink{background: #fff;border: 1px solid #fff;color: #003c8c;min-width: 240px;text-align: center;padding-left: 60px;}
#recruit.index #sec_3 .requirementbnr .txtbox .link .btnlink::after{ opacity: 1; }
#recruit.index #sec_3 .requirementbnr .txtbox .link .btnlink::before{ opacity: 0; }
#recruit.index #sec_3 .requirementbnr .txtbox .link .btnlink:hover{ color: #fff; background: #003c8c; }
#recruit.index #sec_3 .requirementbnr .txtbox .link .btnlink:hover::after{ opacity: 0; }
#recruit.index #sec_3 .requirementbnr .txtbox .link .btnlink:hover::before{ opacity: 1; }
#recruit.index #sec_3 .requirementbnr .imgbox{width: 47%;display: flex;flex-shrink: 0;position: relative;}
#recruit.index #sec_3 .requirementbnr .imgbox img{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
@media screen and (max-width: 1200px) {
	#recruit.index #sec_3 .requirementbnr .txtbox{ padding: 70px 8% 65px; }
	#recruit.index #sec_3 .requirementbnr>.incnt>.inwrap{ display: block; }
	#recruit.index #sec_3 .requirementbnr .imgbox{width: 100%;display: block;}
	#recruit.index #sec_3 .requirementbnr .imgbox img{ position: static; }
	#recruit.index #sec_3 .requirementbnr .txtbox .txt{ text-align: center; }
}
@media screen and (max-width: 767px) {
	#recruit.index #sec_3 .requirementbnr .txtbox{ padding: 60px 8% 55px; }
	#recruit.index #sec_3 .requirementbnr .txtbox .undersectitlebox .jn{ font-size: 2.6rem; }
}
@media screen and (max-width: 500px) {
	#recruit.index #sec_3 .requirementbnr .txtbox .txt{ text-align: justify; }
}


#recruit.requirement #servicelist>li{ padding-top: 90px; padding-bottom: 90px; }
#recruit.requirement #servicelist>li:first-child{ background: #f7f7f7; }
#recruit.requirement #servicelist>li:last-child{ padding-bottom: 0; }
#recruit.requirement #servicelist>li .dllist>li>dl>dt{width: 22%;display: flex;justify-content: center;}
#recruit.requirement #servicelist>li .bottomlink{ margin-top: 80px; }
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 767px) {
	#recruit.requirement #servicelist>li .bottomlink{ margin-top: 50px; }
}
@media screen and (max-width: 500px) {
}

#service #sec_3 .beforeafterimg>ol img{ height: 300px; width: 180px; }
@media screen and (max-width: 767px) {
	#service #sec_3 .beforeafterimg{max-width: 180px;width: 100%;margin-left: auto;margin-right: auto;}
	#service #sec_3 .beforeafterimg>ol img{ width: 100%; height: auto; }
}