@charset "utf-8";
.fvtop {position: relative;min-height: 515px;margin: 5em 0 0;}
.fvtop .txt { padding-left: 4%; padding-top: 160px; font-weight: 900;}
.fvtop .txt h1{ display: inline-block;
 background: linear-gradient(180deg, #79b033 0%, #05995c 100%);
 background: -webkit-linear-gradient(-90deg, #79b033 0%, #05995c 100%);
 -webkit-background-clip: text; -webkit-text-fill-color: transparent;font-size:300%; font-weight: 600;}
.fvtop .txt .en { color: #e6e6e6; opacity: .5; font-size: 750%; line-height: 1;}
.fvtop .img { position: absolute; width: 66%; height: 100%; right: 0; top: 0; overflow: hidden; border-radius: 1em 0 0 0; z-index: -10;}
.fvtop .img img { width: 100%; height: 100%; object-fit: cover;}
.pankz { font-size:90%;}
.pankz { padding: 0 4%; }
.pankz ol {display:flex; flex-wrap:wrap;}
.pankz ol > li + li {padding-left:1em;}
.pankz ol > li + li:before {content:">";padding-right:1em;}

@media only screen and (max-width: 850px) {
.fvtop .txt .en {  font-size:400%; }
.pankz { margin-bottom:3em;} 
}
@media only screen and (max-width: 550px) {
.fvtop .txt .en {  font-size:10vw; }
.fvtop { min-height:initial; }
.fvtop .txt { padding:5em 4%;}
.fvtop .txt h1{font-size:10vw;font-weight: 900;}
}
#staffWrap{min-height: 100vh;background-color: white;}
.staff_list {display:flex;flex-wrap:wrap;justify-content: space-between;margin: 0 0 3em;padding: 0;}
.staff_list li { width:24%;}
.staff_list li a{ display:block; border:1px solid #00a057; text-align:center;color: #00a057; border-radius:999px; font-size:120%; padding:.6em 0;}
.staff_list li a:hover {color: #fff;background: #00a057; text-decoration:none;}

.segmbox.seg1 { padding: 100px 0; position: relative;}
.midashi1 { text-align: center; font-size: 320%; font-weight: 700; line-height: 1.4; margin-bottom: 1em;}
.midashi1.txtl { text-align: left; }
.midashi1 .en { font-size: 38%; font-weight: 500; color: #00a057; margin-bottom: .5em;}
.segmbox .txt .txtbox .midashi1 {text-align: left;margin-bottom: .5em;font-size: 250%;}

.segmbox.nomal .img {width: 40%;}
.segmbox.nomal .txt {width: 60%;padding: 45px 5%;}
.segmbox.nomal .txt .txtbox {max-width: 610px;}

.segmbox .img.box3 {}
.segmbox .img.box3 .box { height: 100%;}
.segmbox .img.box3 .box img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.segmbox .img.box3 .box>* {width:50%;height:50%;padding-top: 54%;position: relative;}
.segmbox .img.box3 .box>*.wide{ width:100%;}

ul.staff_box { margin: 0; padding: 0;}
ul.staff_box li + li {margin-top:4em;}
ul.staff_box li .flex {display: flex;justify-content: space-between;flex-direction: row-reverse;}
ul.staff_box li .flex .img{ max-width: 500px; width: 500px;}
ul.staff_box li .flex .img img {margin-bottom:1em; max-width:initial;width:100%;}
ul.staff_box li .flex .txt { width:calc(96% - 500px);}
ul.staff_box li .flex .btm {margin: .5em auto 0;}
.midashi_lb { font-weight:700; border-left:5px solid #079a5b; padding:0 0 .1em .8em;}
p.aten {margin-bottom:0;}

@media only screen and (max-width:1200px) { 
.inner {max-width: initial !important;padding:0 6%;}
ul.staff_box li .flex .img{ width:34%;}
ul.staff_box li .flex .txt { width:60%;}
}
@media only screen and (max-width:1050px) { 
.staff_list li { width:24%;}
.staff_list li a{ font-size:100%;}
}
@media only screen and (max-width:850px) { 
.segmbox {position:relative;margin-bottom:5em;display: block !important;}
.segmbox .img>img { position: static; object-fit: cover; width: 100%; height: 100%;}
.segmbox .txt {width: 100%;padding: 45px;}
.segmbox .txt .txtbox {max-width: 600px;margin: auto;}
.segmbox .txt .txtbox .midashi1 {text-align: center;font-size: min(7vw,40px);}
.segmbox .txt .txtbox .btm { margin-bottom:0;} 
.segmbox .txt .txtbox .btm a { display:block;}

.segmbox.seg1 {padding: 0 0 3em;}
.segmbox.nomal .img {width: 90%;margin: auto;}
.segmbox.nomal .txt {width: 100%;padding: 5em 4% 5em;}
.segmbox.nomal .txt .txtbox {max-width: 600px;} 

.segmbox.seg2 {padding: 3em 0 0;}
.segmbox.seg2:before {height: 20em;width:100%;}
ul.staff_box li .flex {flex-wrap:wrap;}
ul.staff_box li .flex .img{width:100%;max-width: initial;margin: 2em 0;}
ul.staff_box li .flex .txt { width:100%;}
}
@media only screen and (max-width:730px) { 
.segmbox.seg1 {padding: 0em;margin-bottom: 3em;}
.staff_list li { width:49%;}
}