@charset "UTF-8";
/* 
	
CSS page.css */


/*
base #262626
blue #005188
*/



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


#index


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

#mainv{ margin-top: 150px; position: relative; }
#index #mainv.index .main { position: relative; height: 920px; width: 100%; }
#index #mainv.index .main .copybox{ display: flex; align-items: flex-start; justify-content: flex-end; padding: 110px 150px; width: 100%; box-sizing: border-box; position: relative; z-index: 10; height: 100%; flex-direction: column; }
#index #mainv.index .main .copybox .maincopy{ margin-bottom: 40px; }
#index #mainv.index .main .copybox .maincopy>span{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;background: #fff;padding: 16px 16px;line-height: 1;font-size: 4.2rem;font-weight: bold;display: inline-block;margin-bottom: 10px;font-feature-settings : "palt";padding-right: 10px;letter-spacing: 0.15em;}
#index #mainv.index .main .copybox .maincopy>span:last-child{ margin-bottom: 0; }
#index #mainv.index .main .copybox .subcopy{ font-size: 2rem; color: #fff; letter-spacing: 0.15em; }
#index #mainv.index .main .bg{ object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin:auto; object-position: 20% 50%; }
/* #index #header.scroll.fixed~#mainv.index .scrolldown{ opacity: 0; visibility: hidden; } */
@media screen and (max-width: 1200px){
	#index #mainv.index .main { height: calc(100vh - 150px); }
	#index #mainv.index .main .copybox{ padding: 60px 10%; }
	#index #mainv.index .main .copybox .maincopy{ margin-bottom: 30px; }
	#index #mainv.index .main .copybox .maincopy>span{ font-size: 3.4rem; }
}
@media screen and (max-width: 1040px){
	#mainv{ margin-top: 100px; }
	#index #mainv.index .main { height: calc(100vh - 100px); }
	#index #mainv.index .main .copybox .maincopy>span{ padding: 10px 10px; }
	#index #mainv.index .main .copybox .subcopy{ font-size: 1.8rem; }
}
@media screen and (max-width: 767px){
	#mainv{ margin-top: 80px; position: relative; }
	#index #mainv.index .main { height: calc(100vh - 80px); }
	#index #mainv.index .main .copybox{padding: 120px 8%;}
	#index #mainv.index .main .copybox .maincopy>span{ font-size: 2.4rem; }
	#index #mainv.index .main .copybox .subcopy{ font-size: 1.6rem; }
}
@media screen and (max-width: 500px){
	#index #mainv.index .main .copybox{padding: 80px 8%;}
	#index #mainv.index .main .copybox .maincopy>span{ font-size: 1.8rem; }
	#index #mainv.index .main .copybox .maincopy{ margin-bottom: 20px; }
	#index #mainv.index .main .copybox .subcopy{ font-size: 1.2rem; }
}
@keyframes arrowmove{
	0%{bottom:0;}
	50%{bottom:5px;}
	100%{bottom:0;}
}



/* common */
#index #sec_1{ margin-bottom: 120px; }
#index #sec_1 .list>li{ display: flex; flex-direction: row; margin-bottom: 90px; }
#index #sec_1 .list>li:last-child{ margin-bottom: 0; }
#index #sec_1 .list>li:first-child{ padding-top: 140px; position: relative; }
#index #sec_1 .list>li:first-child:before{ content: ""; background: #f7f7f7; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: calc(100% - 60px); z-index: -1; }
#index #sec_1 .list>li .txtbox{ padding-left: 6%; margin-right: 6%; }
#index #sec_1 .list>li .txtbox .txt>p{ margin-bottom: 20px; }
#index #sec_1 .list>li .txtbox .txt>p:last-child{ margin-bottom: 0; }
#index #sec_1 .list>li .txtbox .link{margin-top: 30px;text-align: center;}
#index #sec_1 .list>li .txtbox .linklist{ margin-left: -20px; margin-bottom: -20px; }
#index #sec_1 .list>li .txtbox .linklist>li{ margin-left: 20px; margin-bottom: 20px; width: 260px; display: inline-block; }
#index #sec_1 .list>li .txtbox .linklist>li>a{ width: 100%; }
#index #sec_1 .list>li .imgbox{ flex-shrink: 0; width: 49%; }
#index #sec_1 .list>li .imgbox>img{ object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: 100%; }
#index #sec_1 .list>li:nth-child(2n){ flex-direction: row-reverse; }
#index #sec_1 .list>li:nth-child(2n) .imgbox{ width: 47%; text-align: right; }
#index #sec_1 .list>li:nth-child(2n) .txtbox{ padding-left: 0%; margin-right: 0%; margin-left: 6%; padding-right: 12%; }
#index #sec_1 .list>li:nth-child(2) .imgbox>img{ width: 77%; }
@media screen and (max-width: 1040px) {
	#index #sec_1{ margin-bottom: 80px; }
	#index #sec_1 .list>li:first-child{ padding-top: 80px; }
	#index #sec_1 .list>li{ display: block; margin-bottom: 60px; }
	#index #sec_1 .list>li:first-child:before{ content: none }
	#index #sec_1 .list>li .txtbox{ padding-left: 0; margin-right: 0; display: block }
	#index #sec_1 .list>li .txtbox .copy{ text-align: center }
	#index #sec_1 .list>li .txtbox .link{ text-align: center }
	#index #sec_1 .list>li:nth-child(2n) .txtbox{ margin-left: 0; padding-right: 0; }
	#index #sec_1 .list>li .txtbox,
	#index #sec_1 .list>li:nth-child(2n) .txtbox{ padding-left: 8%; padding-right: 8% }
	#index #sec_1 .list>li .imgbox,
	#index #sec_1 .list>li:nth-child(2n) .imgbox{ width: 100%; height: auto; margin-top: 40px }
	#index #sec_1 .list>li:nth-child(2) .imgbox>img{ width: 100%; }
}
@media screen and (max-width: 767px) {
	#index #sec_1 .list>li:first-child{ padding-top: 60px; }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}

#index #sec_2{ margin-bottom: 0; }
#index #sec_2 .topbox{background: #f7f7f7;padding: 105px 16% 80px;display: flex;flex-direction: row;}
#index #sec_2 .topbox .titlebox{position: relative;min-height: 410px;width: 450px;flex-shrink: 0;margin-right: 4%;z-index: 10;}
#index #sec_2 .topbox .titlebox .copy{ margin-bottom: 10px; }
#index #sec_2 .topbox .titlebox .title{ line-height: 1.4; }
#index #sec_2 .topbox .titlebox .title .en{ font-weight: bold; font-size: 4.8rem; letter-spacing: 0.2em; }
#index #sec_2 .topbox .titlebox .title .jn{ font-size: 2.4rem; }
#index #sec_2 .topbox .titlebox .pig1{width: 319px;position: absolute;bottom: 0;left: 0;z-index: -1;}
#index #sec_2 .topbox .txtbox .txt>p{ margin-bottom: 20px; }
#index #sec_2 .topbox .txtbox .txt>p:last-child{ margin-bottom: 0; }
#index #sec_2 .topbox .txtbox .link{ margin-top: 30px; }
#index #sec_2 .imglist{ display: flex; flex-direction: row; }
#index #sec_2 .imglist>li{ width: 50%; height: 540px; }
#index #sec_2 .imglist>li>img{ object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: 100%; }
@media screen and (max-width: 1300px) {
	#index #sec_2 .topbox{ padding-left: 10%; padding-right: 10%; }
	#index #sec_2 .topbox .titlebox{ width: auto; margin-right: 6% }
}
@media screen and (max-width: 1200px) {
	#index #sec_2 .topbox .titlebox .title .en{ font-size: 4rem; letter-spacing: 0.1em; }
	#index #sec_2 .topbox .titlebox .title .jn{ font-size: 2rem; }
}
@media screen and (max-width: 1040px) {
	#index #sec_2 .topbox{ padding: 0 0 40px; display: block; background: transparent; }
	#index #sec_2 .topbox .titlebox{  min-height: inherit; width: 100%; margin-right: 0; margin-bottom: 30px; text-align: center; padding-top: 0; padding-left: 0 }
	#index #sec_2 .topbox .titlebox>.inwrap{display: inline-block;padding-top: 200px;padding-left:135px;padding-right: 115px;position: relative;}
	#index #sec_2 .topbox .txtbox{ padding-bottom: 0; padding-left: 8%; padding-right: 8% }
	#index #sec_2 .topbox .titlebox .pig1{ width: 300px; bottom: auto; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto }
	#index #sec_2 .topbox .txtbox .link{ text-align: center }
	#index #sec_2 .imglist>li{ height: 400px; }
}
@media screen and (max-width: 767px) {
	#index #sec_2 .topbox .titlebox .title .en{ font-size: 3rem; }
	#index #sec_2 .topbox .titlebox .title .jn{ font-size: 1.6rem; }
	#index #sec_2 .topbox .titlebox>.inwrap{ padding-left:70px; padding-right: 80px; }
	#index #sec_2 .imglist{ display: block; }
	#index #sec_2 .imglist>li{ width: 100%; height: auto; }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
	#index #sec_2 .topbox .titlebox>.inwrap{ padding-left:0; padding-right: 0; padding-top: 190px }
}


#index #sec_3 { padding-top: 0; }
#index #sec_3 .list{margin-top: -50px;padding-left: 9%;padding-right: 8%;position: relative;z-index: 10;}
#index #sec_3 .list>li{ padding: 80px 8% 90px 8%; display: flex; flex-direction: row-reverse; margin-bottom: 50px; box-sizing: border-box; }
#index #sec_3 .list>li:last-child{ margin-bottom: 0; }
#index #sec_3 .list>li .titlebox{ display: flex; justify-content: space-between; flex-direction: column; flex-shrink: 0; margin-left: 8%; width: 265px; }
#index #sec_3 .list>li .titlebox .topsectitle .entitle:after{ width: 100%; }
#index #sec_3 .list>li .titlebox .link .linkbtn{ width: 100%; min-width: 100%; }
#index #sec_3 .list>li .txtbox{width: 100%;}
#index #sec_3 .list>li:nth-child(2n){ flex-direction: row; }
#index #sec_3 .list>li:nth-child(2n) .titlebox{ margin-left: 0; margin-right: 7%; }
#index #sec_3 .list>li:nth-child(1){ background: #fff; }
#index #sec_3 .list>li:nth-child(2){ background: #f7f7f7; }
#index #sec_3 .list>li:nth-child(2) .titlebox{ width: 200px; }
#index #sec_3 .list>li:nth-child(2) .titlebox .link{ text-align: center; }
#index #sec_3 .list>li:nth-child(2) .txtbox{ padding-top: 0; display: flex; align-items: center; }
@media screen and (max-width: 1040px) {
	#index #sec_3 .list{ margin-top: 0; padding-left: 0; padding-right: 0 }
	#index #sec_3 .list>li{ padding: 60px 8% 40px; display: block; margin-bottom: 20px; }
	#index #sec_3 .list>li .titlebox{ display: block; margin-left: 0%; width: 100%; }
	#index #sec_3 .list>li .txtbox{ padding-top: 0 }
	#index #sec_3 .list>li .txtbox .copy{ text-align: center }
	#index #sec_3 .list>li .link{ margin-top: 30px; text-align: center }
	#index #sec_3 .list>li .titlebox .topsectitle .entitle:after{ width: 265px; }
	#index #sec_3 .list>li:nth-child(1){ background: transparent; }
	#index #sec_3 .list>li:nth-child(2n) .titlebox{ margin-right: 0%; }
	#index #sec_3 .list>li:nth-child(2) .titlebox{ width: 100%; }
	#index #sec_3 .list>li:nth-child(2) .txtbox{ display: block; }
}
@media screen and (max-width: 767px) {
	#index #sec_3 .list>li .titlebox .topsectitle .entitle:after{ min-width: inherit; width: 60% }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}




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


#privacy


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

#privacy #sec_1 .insec ul{ margin-top: 15px; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}



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


#recruit.index


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

#recruit.index #sec_1 .copy{ text-align: center; }
#recruit.index #sec_1 .txt{ text-align: center; }
#recruit.index #sec_1 .txt>p{ margin-bottom: 20px; }
#recruit.index #sec_1 .txt>p:last-child{ margin-bottom: 0; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#recruit.index #sec_1 .txt{ text-align: left; }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}

#recruit.index #sec_2 .list{ display: flex; flex-direction: row; justify-content: center; margin-left: -20px; margin-bottom: -20px; overflow: hidden; flex-wrap: wrap; }
#recruit.index #sec_2 .list>li{margin-left: 20px;margin-bottom: 20px;width: calc(33.33% - 20px);display: flex;/* justify-content: center; */align-items: center;background: #f7f7f7;}
#recruit.index #sec_2 .list>li>.inwrap{background: #f7f7f7;padding: 45px 8% 35px;/* display: flex; */align-items: center;justify-content: center;flex-direction: column;}
#recruit.index #sec_2 .list>li>.inwrap .copy{ margin-bottom: 10px; text-align: center; }
@media screen and (max-width: 1040px) {
	#recruit.index #sec_2 .list>li{ width: calc(50% - 20px); }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px) {
	#recruit.index #sec_2 .list{ display: block; margin-left: 0; }
	#recruit.index #sec_2 .list>li{ margin-left: 0; width: 100%; }
}
@media screen and (max-width: 500px) {
}

#recruit.index #sec_3 .list>li{/* flex-wrap: wrap; */align-items: center;display: flex;flex-direction: row-reverse;margin-bottom: 60px;/* align-items: center; *//* justify-content: center; *//* justify-content: space-between; */}
#recruit.index #sec_3 .list>li:last-child{ margin-bottom: 0; }
#recruit.index #sec_3 .list>li .txtbox{/* display: flex; *//* flex-direction: column; *//* justify-content: center; *//* align-items: baseline; */flex: 1;}
#recruit.index #sec_3 .list>li .imgbox{flex-shrink: 0;margin-right: 6%;width: 47%;height: 400px;}
#recruit.index #sec_3 .list>li .imgbox>img{object-fit: cover;font-family: 'object-fit: cover;';width: 100%;height: 100%;}
#recruit.index #sec_3 .list>li:nth-child(2n){ flex-direction: row; }
#recruit.index #sec_3 .list>li:nth-child(2n) .imgbox{ margin-right: 0; margin-left: 6%; }
@media screen and (max-width: 1040px) {
	#recruit.index #sec_3 .list>li .imgbox{ height: 450px;}
}
@media screen and (max-width: 767px) {
	#recruit.index #sec_3 .list>li{ display: block; margin-bottom: 50px; }
	#recruit.index #sec_3 .list>li .txtbox{ display: block; }
	#recruit.index #sec_3 .list>li .txtbox .copy{ text-align: center; }
	#recruit.index #sec_3 .list>li .imgbox{ margin-right: 0; width: 100%; margin-top: 30px; height: 400px; }
	#recruit.index #sec_3 .list>li:nth-child(2n) .imgbox{ margin-right: 0; margin-left: 0%; }
}
@media screen and (max-width: 639px) {
	#recruit.index #sec_3 .list>li .imgbox{height: 300px;}
}
@media screen and (max-width: 500px) {
}

#recruit.index #sec_4 .list{ display: flex; flex-direction: row; }
#recruit.index #sec_4 .list>li{ width: 50%; }
#recruit.index #sec_4 .list>li>.inwrap{position: relative;height: 360px;display: flex;width: 100%;}
#recruit.index #sec_4 .list>li>.inwrap .txtbox{display: flex;align-items: center;justify-content: center;padding-bottom: 20px;width: 100%;color: #fff;font-weight: bold;}
#recruit.index #sec_4 .list>li>.inwrap .txtbox .title{font-size: 2.8rem;letter-spacing: 0.1em;text-align: center;line-height: 1.4;font-weight: bold;}
#recruit.index #sec_4 .list>li>.inwrap .txtbox .link{ position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding-left: 6%; padding-right: 6%; }

#recruit.index #sec_4 .list>li>.inwrap .txtbox .link span.linkbtn { padding: 13px 30px; background: #00a7db; color: #fff; display: inline-block; font-size: 1.6rem; position: relative; padding-right: 65px; border: 1px solid #00a7db; box-sizing: border-box; width: 100%; max-width: 260px; text-align: left; font-family: 'Vollkorn', serif; letter-spacing: 0.2em; padding-bottom: 10px; transition: .4s; }
#recruit.index #sec_4 .list>li>.inwrap .txtbox .link span.linkbtn:after { content: ""; background: url(../img/common/arr_white.svg) no-repeat; width: 16px; height: 14px; display: inline-block; position: absolute; right: 25px; top: 0px; bottom: 0; margin-top: auto; margin-bottom: auto; transition: 0.4s; opacity: 1; transition: .4s; }
#recruit.index #sec_4 .list>li>.inwrap .txtbox .link span.linkbtn:before { content: ""; background: url(../img/common/arr_blue.svg) no-repeat; width: 16px; height: 14px; display: inline-block; position: absolute; right: 25px; top: 0px; bottom: 0; margin-top: auto; margin-bottom: auto; transition: 0.4s; opacity: 0; transition: .4s; }
#recruit.index #sec_4 .list>li>.inwrap .bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: -1; object-fit: cover; font-family: 'object-fit: cover;'; }
#recruit.index #sec_4 .list>li>.inwrap:hover .txtbox .link span.linkbtn{ background: #fff; color: #00a7db; }
#recruit.index #sec_4 .list>li>.inwrap:hover .txtbox .link span.linkbtn:after,
#recruit.index #sec_4 .list>li>.inwrap:hover .txtbox .link span.linkbtn:before { right: 20px; }
#recruit.index #sec_4 .list>li>.inwrap:hover .txtbox .link span.linkbtn:after{ opacity: 0; }
#recruit.index #sec_4 .list>li>.inwrap:hover .txtbox .link span.linkbtn:before{ opacity: 1; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#recruit.index #sec_4 .list{ display: block; margin-bottom: -20px; }
	#recruit.index #sec_4 .list>li{ width: 100%; margin-bottom: 20px; }
	#recruit.index #sec_4 .list>li>.inwrap{height: 180px;}
	#recruit.index #sec_4 .list>li>.inwrap .txtbox .title{font-size: 2rem;}
	#recruit.index #sec_4 .list>li>.inwrap .txtbox .link span.linkbtn{ padding: 10px 30px; font-size: 1.5rem; padding-bottom: 8px; }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}




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


#recruit.interview


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

#recruit.interview .recruit_topinsec .incnt>.inwrap{align-items: center;display: flex;flex-direction: row;}
#recruit.interview .recruit_topinsec .incnt>.inwrap .txtbox{/* display: flex; */flex-direction: column;justify-content: center;}
#recruit.interview .recruit_topinsec .incnt>.inwrap .txtbox .namebox{margin-left: -30px;margin-bottom: 30px;text-align: left;}
#recruit.interview .recruit_topinsec .incnt>.inwrap .txtbox .namebox .copy,
#recruit.interview .recruit_topinsec .incnt>.inwrap .txtbox .namebox .start{ display: inline-block; vertical-align: middle; margin-left: 30px; }
#recruit.interview .recruit_topinsec .incnt>.inwrap .txtbox .namebox .copy{ margin-bottom: 0; }
#recruit.interview .recruit_topinsec .incnt>.inwrap .txtbox .namebox .start{ font-size: 1.8rem; font-weight: bold; }
#recruit.interview .recruit_topinsec .incnt>.inwrap .desc{background: #f7f7f7;padding: 20px 30px;font-weight: bold;}
#recruit.interview .recruit_topinsec .incnt>.inwrap .imgbox{flex-shrink: 0;width: 48%;margin-left: 6%;}
@media screen and (max-width: 1040px) {
	#recruit.interview .recruit_topinsec .incnt>.inwrap .txtbox .namebox{ margin-bottom: 20px; }
}
@media screen and (max-width: 767px) {
	#recruit.interview .recruit_topinsec .incnt>.inwrap{ display: block; }
	#recruit.interview .recruit_topinsec .incnt>.inwrap .txtbox{ display: block; }
	#recruit.interview .recruit_topinsec .incnt>.inwrap .txtbox .namebox{text-align: center;margin-bottom: 30px; margin-left: -20px; }
	#recruit.interview .recruit_topinsec .incnt>.inwrap .txtbox .namebox .copy,
	#recruit.interview .recruit_topinsec .incnt>.inwrap .txtbox .namebox .start{ margin-left: 20px; }
	#recruit.interview .recruit_topinsec .incnt>.inwrap .txtbox .namebox .copy{ font-size: 2.4rem }
	#recruit.interview .recruit_topinsec .incnt>.inwrap .txtbox .namebox .start{ font-size: 1.6rem; }
	#recruit.interview .recruit_topinsec .incnt>.inwrap .desc{ padding: 20px 30px; }
	#recruit.interview .recruit_topinsec .incnt>.inwrap .imgbox{ width: 100%; margin-left: 0%; margin-top: 30px; }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
	#recruit.interview .recruit_topinsec .incnt>.inwrap .txtbox .namebox{margin-left: 0;}
	#recruit.interview .recruit_topinsec .incnt>.inwrap .txtbox .namebox .copy,
	#recruit.interview .recruit_topinsec .incnt>.inwrap .txtbox .namebox .start{ display: block; margin-left: 0; }
}

#recruit.interview .recruit_scheduleinsec .schedulelist{ background: #f7f7f7; padding: 40px 8%; text-align: center; }
#recruit.interview .recruit_scheduleinsec .schedulelist>.inwrap{ display: inline-block; }
#recruit.interview .recruit_scheduleinsec .schedulelist>.inwrap>.inwrap{ display: flex; flex-direction: row; margin-left: -40px; margin-bottom: -10px; overflow: hidden; }
#recruit.interview .recruit_scheduleinsec .schedulelist>.inwrap>.inwrap>ol{ margin-left: 40px; margin-bottom: 10px; }
#recruit.interview .recruit_scheduleinsec .schedulelist>.inwrap>.inwrap>ol>li{margin-bottom: 10px;display: flex;flex-direction: row;position: relative;padding-left: 13px;text-align: left;}
#recruit.interview .recruit_scheduleinsec .schedulelist>.inwrap>.inwrap>ol>li:last-child{ margin-bottom: 0; }
#recruit.interview .recruit_scheduleinsec .schedulelist>.inwrap>.inwrap>ol>li:before{content: "";width: 5px;height: 5px;border-radius: 50%;background: #262626;position: absolute;top: 12px;left: 0;margin-top: auto;margin-bottom: auto;display: inline-block;}
#recruit.interview .recruit_scheduleinsec .schedulelist>.inwrap>.inwrap>ol>li>dl{ display: flex; flex-direction: row; }
#recruit.interview .recruit_scheduleinsec .schedulelist>.inwrap>.inwrap>ol>li>dl>dt{font-family: yu-mincho-pr6n,"游明朝体",YuMincho,"Yu Mincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;letter-spacing: 0.2em;flex-shrink: 0;padding-right: 5px;width: 65px;box-sizing: border-box;}
#recruit.interview .recruit_scheduleinsec .schedulelist>.inwrap>.inwrap>ol>li>dl>dt._1{ width: 55px; }
#recruit.interview .recruit_scheduleinsec .schedulelist>.inwrap>.inwrap>ol>li>dl>dd{ font-weight: bold; }
#recruit.interview #s2_content .recruit_scheduleinsec .schedulelist>.inwrap>.inwrap{ margin-left: -140px; }
#recruit.interview #s2_content .recruit_scheduleinsec .schedulelist>.inwrap>.inwrap>ol{ margin-left: 140px; }
#recruit.interview .recruit_scheduleinsec .txtimglist>li .imgbox img{object-fit: cover;font-family: 'object-fit: cover;';width: 100%;height: 100%;}
@media screen and (max-width: 1040px) {
	#recruit.interview #s2_content .recruit_scheduleinsec .schedulelist>.inwrap>.inwrap{ margin-left: -40px; }
	#recruit.interview #s2_content .recruit_scheduleinsec .schedulelist>.inwrap>.inwrap>ol{ margin-left: 40px; }
}
@media screen and (max-width: 767px) {
	#recruit.interview .recruit_scheduleinsec .schedulelist{ padding: 30px 8%; }
	#recruit.interview .recruit_scheduleinsec .schedulelist>.inwrap>.inwrap{ display: block; margin-left: 0!important; }
	#recruit.interview .recruit_scheduleinsec .schedulelist>.inwrap>.inwrap>ol>li>dl>dt._1{ width: 65px; }
	#recruit.interview .recruit_scheduleinsec .schedulelist>.inwrap>.inwrap>ol{ margin-left: 0!important; }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}

#recruit.interview .recruit_messageinsec .copy{ text-align: center; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#recruit.interview .recruit_messageinsec .copy{ text-align: left; }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}



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


#recruit.requirement


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

#recruit.requirement #sec_1 .txt{ font-size: 1.8rem; font-weight: bold; text-align: center; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#recruit.requirement #sec_1 .txt{ text-align: left; }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}



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


#about.greeting


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

#about.greeting #sec_1 .txt>p{ margin-bottom: 30px; }
#about.greeting #sec_1 .txt>p:last-child{ margin-bottom: 0; }
#about.greeting #sec_1 .box1{ display: flex; flex-direction: row; }
#about.greeting #sec_1 .box1 .namebox{display: flex;flex-direction: column;align-items: flex-end;justify-content: flex-end;width: 100%;font-size: 1.6rem;}
#about.greeting #sec_1 .box1 .namebox .officetxt{ font-weight: bold; }
#about.greeting #sec_1 .box1 .namebox .nametxt{ margin-left: -25px; margin-bottom: -10px; }
#about.greeting #sec_1 .box1 .namebox .nametxt .unit{font-weight: bold;margin-left: 25px;letter-spacing: 0.1em;}
#about.greeting #sec_1 .box1 .namebox .nametxt .name{font-weight: bold;font-size: 2.4rem;margin-left: 25px;letter-spacing: 0.15em;text-indent: 0.15em;}
#about.greeting #sec_1 .box1 .imgbox{flex-shrink: 0;width: 50%;margin-left: 6%;}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#about.greeting #sec_1 .txt>p{ margin-bottom: 25px; }
}
@media screen and (max-width: 639px) {
	#about.greeting #sec_1 .box1{ display: block; }
	#about.greeting #sec_1 .box1 .namebox{ display: block; text-align: right; }
	#about.greeting #sec_1 .box1 .namebox .nametxt{ margin-left: -20px; margin-bottom: 0; }
	#about.greeting #sec_1 .box1 .namebox .nametxt .unit{ margin-left: 20px; }
	#about.greeting #sec_1 .box1 .namebox .nametxt .name{ font-size: 2rem;margin-left: 20px;}
	#about.greeting #sec_1 .box1 .imgbox{ width: 100%; margin-left: 0%; margin-top: 30px; }
}
@media screen and (max-width: 500px) {
}



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


#about.company


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

#about.company #sec_1 .dllist{ padding-top: 10px; }

#about.company #sec_2 .txt{ text-align: center; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}



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


#farm


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

#farm #sec_1 .list1>li{ display: flex; flex-direction: row-reverse; margin-bottom: 70px; }
#farm #sec_1 .list1>li:last-child{ margin-bottom: 0; }
#farm #sec_1 .list1>li .imgbox{flex-shrink: 0;margin-right: 6%;width: 47%;}
#farm #sec_1 .list1>li:nth-child(2n){ flex-direction: row; }
#farm #sec_1 .list1>li:nth-child(2n) .imgbox{ margin-left: 6%; margin-right: 0; }
#farm #sec_1 .list1>li .list2{background: #f7f7f7;padding: 30px 30px;margin-top: 25px;}
#farm #sec_1 .list1>li .list2>ul>li{ margin-bottom: 20px; }
#farm #sec_1 .list1>li .list2>ul>li:last-child{ margin-bottom: 0; }
#farm #sec_1 .list1>li .link{ margin-top: 25px; }
@media screen and (max-width: 1040px) {
	#farm #sec_1 .list1>li{ display: block; }
	#farm #sec_1 .list1>li .imgbox{margin-right: 0%;width: 100%; margin-top: 30px;}
	#farm #sec_1 .list1>li:nth-child(2n) .imgbox{ margin-left: 0%; margin-right: 0; }
	#farm #sec_1 .list1>li .list2{padding: 15px 8%; margin-top: 20px;}
	#farm #sec_1 .list1>li .link{ margin-top: 20px; text-align: center; }
	#farm #sec_1 .list1>li .copy.bottomline{ text-align: center; }
	#farm #sec_1 .list1>li .copy.bottomline:after{ right: 0; margin-left: auto; margin-right: auto; }
}
@media screen and (max-width: 767px) {
	#farm #sec_1 .list1>li{ margin-bottom: 60px; }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}



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


#business.index


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

#business.index #sec_1 .borderbox{ text-align: center; line-height: 2.4; }

#business.index #sec_3 .box1{ display: flex; flex-direction: row-reverse; }
#business.index #sec_3 .box1 .txtbox{ background: #f7f7f7; padding: 60px 8%; }
#business.index #sec_3 .box1 .txtbox .link{ margin-top: 30px; }
#business.index #sec_3 .box1 .imgbox{flex-shrink: 0;width: 46%;}
#business.index #sec_3 .box1 .imgbox>img{ object-fit: cover; font-family: 'object-fit: cover;'; width: 100%; height: 100%; }
@media screen and (max-width: 1040px) {
	#business.index #sec_3 .box1{ display: block; }
	#business.index #sec_3 .box1 .txtbox{  padding: 40px 8%; }
	#business.index #sec_3 .box1 .txtbox .link{ text-align: center; }
	#business.index #sec_3 .box1 .txtbox .copy.bottomline{ text-align: center; }
	#business.index #sec_3 .box1 .txtbox .copy.bottomline:after{ right: 0; margin-left: auto; margin-right: auto; }
	#business.index #sec_3 .box1 .imgbox{width: 100%;}
}
@media screen and (max-width: 767px) {
	#business.index #sec_3 .box1 .txtbox .link .linkbtn{ min-width: inherit; max-width: 290px; width: 100%; }
}
@media screen and (max-width: 639px) {
	#business.index #sec_1 .borderbox{ text-align: left; }
}
@media screen and (max-width: 500px) {
}



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


#business.location


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

#business.location #main .imglist{ display: flex; flex-direction: row; margin-top: 30px; }
#business.location #main .imglist>li{ width: 33.33%; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px) {
	#business.location #main .imglist{ display: block; margin-top: 30px; }
	#business.location #main .imglist>li{ width: 100%; }
}
@media screen and (max-width: 500px) {
}




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


#business.topigs


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

#business.topigs #mainv.under .pagetitle .entitle{ margin-bottom: 30px; padding-bottom: 20px; }
#business.topigs #mainv.under .pagetitle .entitle ._1{display: block;font-size: 4.8rem; line-height: 1.4;}
#business.topigs #mainv.under .pagetitle .entitle ._2{ display: block;font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; font-size: 2.4rem; letter-spacing: 0.05em; padding-bottom: 10px; }
#business.topigs #mainv.under .pagetitle .jntitle{ line-height: 1.8; }
@media screen and (max-width: 1040px){
	#business.topigs #mainv.under .pagetitle .entitle ._1{ font-size: 4rem; }
	#business.topigs #mainv.under .pagetitle .entitle ._2{ font-size: 2rem; }
}
@media screen and (max-width: 767px){
	#business.topigs #mainv.under .pagetitle .entitle{ margin-bottom: 25px; padding-bottom: 15px; }
	#business.topigs #mainv.under .pagetitle .entitle ._1{ font-size: 3.2rem; line-height: 1.6; }
	#business.topigs #mainv.under .pagetitle .entitle ._2{ font-size: 1.6rem; }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
	#business.topigs #mainv.under .pagetitle .entitle ._1{ font-size: 2.8rem; }
}

#business.topigs #sec_1 .img{ text-align: center; margin-bottom: 30px; }
#business.topigs #sec_1 .img img{ max-width: 519px; width: 60%; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#business.topigs #sec_1 .img{ margin-bottom: 20px; }
	#business.topigs #sec_1 .img img{ max-width: 259px; width: 80%; }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}


#business.topigs #sec_2 .img{ text-align: center; margin-top: 50px; }
#business.topigs #sec_2 .img img{ width: 100%; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#business.topigs #sec_2 .img{ margin-top: 30px; }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}

#business.topigs #sec_3 .list{ margin-top: 50px; }
#business.topigs #sec_3 .list>li{ background: #f7f7f7; padding: 45px 6% 30px; margin-bottom: 40px; }
#business.topigs #sec_3 .list>li:last-child{ margin-bottom: 0; }
#business.topigs #sec_3 .list>li .title{ text-align: center; margin-bottom: 15px; }
#business.topigs #sec_3 .list>li .title>.inwrap{ font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; display: inline-block; font-size: 2.4rem; position: relative; /* padding-left: 30px; */ font-weight: bold; letter-spacing: 0.15em; /* text-indent: 0.15em; */ }
#business.topigs #sec_3 .list>li .title>.inwrap span{ font-weight: bold; }
/* #business.topigs #sec_3 .list>li .title>.inwrap:before{ content: ""; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; background: url(../img/business/topigs/s3_titleicon1.svg) no-repeat; background-size: contain; width: 24px; height: 18px; } */
#business.topigs #sec_3 .list>li .table{ margin-top: 30px; }
#business.topigs #sec_3 .list>li .txt{ text-align: right; font-size: 1.3rem; margin-top: 5px; }
#business.topigs #sec_3 table.type1 tbody td{ text-align: center; }
#business.topigs #sec_3 table.type1 tbody tr._1 td { font-weight: bold; background: #E5F6FB; }
#business.topigs #sec_3 table.type1 tbody th{width: 18%;}
#business.topigs #sec_3 .txtimgbox{ display: flex; flex-direction: row; }
#business.topigs #sec_3 .txtimgbox .txtbox{ width: 100%; }
#business.topigs #sec_3 .txtimgbox .imgbox{flex-shrink: 0;width: 44%;margin-left: 6%;}
#business.topigs #sec_3 .list2{ margin-left: -20px; display: flex; flex-direction: row; margin-top: 20px; }
#business.topigs #sec_3 .list2>li{ margin-left: 20px; width: calc(50% - 20px); display: flex; flex-direction: column; }
#business.topigs #sec_3 .list2>li .title2{ font-weight: bold; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-size: 1.8rem; letter-spacing: 0.1em; text-indent: 0.1em; text-align: center; margin-bottom: 10px; line-height: 1.6; }
#business.topigs #sec_3 .list2>li .table{margin-top: 0;height: calc(100% - 40px);}
#business.topigs #sec_3 .list2>li .table table{ height: 100%; }
#business.topigs #sec_3 .list2>li .table tbody th{ text-align: center; }
#business.topigs #sec_3 .list2>li table.type1 tbody td{ width: 37%; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#business.topigs #sec_3 .list{ margin-top: 30px; }
	#business.topigs #sec_3 .list>li{ padding: 35px 6% 30px; margin-bottom: 30px; }
	#business.topigs #sec_3 .list>li .title{ text-align: left; }
	#business.topigs #sec_3 .list>li .title>.inwrap{ font-size: 2rem; padding-left: 24px; letter-spacing: 0.1em; text-indent: 0.1em; line-height: 1.6; }
	#business.topigs #sec_3 .list>li .title>.inwrap:before{ width: 20px; height: 12px; }
	#business.topigs #sec_3 .txtimgbox{ display: block; }
	#business.topigs #sec_3 .txtimgbox .imgbox{width: 100%;margin-left: 0%; margin-top: 20px;}
	#business.topigs #sec_3 .list2{ margin-left: 0; display: block; margin-top: 30px; }
	#business.topigs #sec_3 .list2>li{ margin-left: 0; width: 100%; margin-bottom: 20px; }
	#business.topigs #sec_3 .list2>li:last-child{ margin-bottom: 0; }
	#business.topigs #sec_3 .list2>li .table{height: auto;}
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
	#business.topigs #sec_3 .list>li .title>.inwrap{ font-size: 1.8rem; }
	#business.topigs #sec_3 table.type1 tbody th{width: 33.33%;}
	#business.topigs #sec_3 .list2>li .title2{ font-size: 1.6rem; }
	#business.topigs #sec_3 .list2>li table.type1 tbody th{width: 26%;}
}


#business.topigs #sec_4 .borderbox{ text-align: center; line-height: 2.4; }
#business.topigs #sec_4 .borderbox .txt{ font-size: 1.7rem; }
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#business.topigs #sec_4 .borderbox{ text-align: left; }
	#business.topigs #sec_4 .borderbox .txt{ font-size: 1.5rem; }
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}


#business.topigs #sec_4 .box1{ text-align: center; }
#business.topigs #sec_4 .box1 .link{ margin-top: 30px; }
#business.topigs #sec_4 .box1 .link .linkbtn{min-width: inherit;max-width: 320px;width: 100%;font-size: 1.8rem;padding-top: 20px;padding-bottom: 20px;}
@media screen and (max-width: 1040px) {
}
@media screen and (max-width: 767px) {
	#business.topigs #sec_4 .box1 .copy{ text-align: left; }
	#business.topigs #sec_4 .box1 .link .linkbtn{font-size: 1.6rem;padding-top: 15px;padding-bottom: 15px;}
}
@media screen and (max-width: 639px) {
}
@media screen and (max-width: 500px) {
}