@charset "UTF-8";
/* CSS Document */

@media screen and (max-width:900px){
html {
-webkit-overflow-scrolling: touch;
}
.pc{display: none!important;}
.sp{display: block!important;}

.wrap, .wrap02, .wrap03, .wrap04{width: 94%;margin: 0 auto;}


/*下層*/
#under02{margin: 45px 0 0 0;}
h2.u_headline02{font-size: 22px;font-weight: bold;text-align: center;margin: 10vw 0;}
h2.u_headline02 span{font-size: 14px;display: block;margin: 10px 0 0 0;}

	/*p09 中途採用エントリー*/
	.p09 #u_sec02{background: #1c6f37;padding: 10vw 0 5vw;}
	.p09 #u_sec02 .box01{margin: 15vw 0;}
	.p09 #u_sec02 p{text-align: center;margin: 0 0 10vw 0;font-size: 15px; font-weight: bold;color: #fff;line-height: 1.8;}
	.p09 #u_sec02 .box01{width: 100%;max-width: 920px;margin: 0 auto;}
	.p09 #u_sec02 .box01 ul{}
	.p09 #u_sec02 .box01 ul li{width: 88vw;background: #fff;border-radius: 50px;position: relative;margin: 0 auto 15vw;padding: 5vw 0 0 0;}
	.p09 #u_sec02 .box01 ul li .img01{display: block;max-width: 105px; width: 30%;margin: 0 auto;}
	.p09 #u_sec02 .box01 ul li .icon{position: absolute;width: 62px;height: 62px;left:calc(50% - 31px);bottom: -31px;}
	.p09 #u_sec02 .box01 ul li .text01{display: block;text-align: center;font-size: 20px;font-weight: bold;margin: 20px 0;}
	.p09 #u_sec02 .box01 ul li .text02{display: block;font-size: 14px;line-height: 1.5; padding: 0 40px 60px;}


	.p09 #u_sec03 h2{text-align: center;background: #dbe4b6;height: 74px;line-height: 74px;border-radius: 40px;font-size: 26px;font-weight: bold;}
	.p09 #u_sec03 .box000{margin: 15vw 0 0 0;}
	.p09 #u_sec03 .box00{}
	.p09 #u_sec03 .box00 .text01{margin: 50px 0 35px 0;font-size: 15px;line-height: 1.8;}
	.p09 #u_sec03 .box00 ul{}
	.p09 #u_sec03 .box00 ul li{width: 100%;margin: 0 auto 3vw;}

	.p09 #u_sec03 .box01{font-size: 15px;margin: 35px 0 80px 0;}
	.p09 #u_sec03 .box02{background: #1c6f37;color: #fff;border-radius: 35px 35px 0 0;justify-content: center;padding: 5vw;text-align: center;}
	.p09 #u_sec03 .box03{background: #efefef;line-height: 1.8;border-radius: 0 0 35px 35px;padding: 5vw;}

	.p09 #u_sec03 .box04 ul{}
	.p09 #u_sec03 .box04 ul li{width: 100%;border: 1px solid #1c6f37;border-top: 4px solid #1c6f37;padding: 7vw 5vw 5vw 5vw;margin: 0 0 5vw 0;}
	.p09 #u_sec03 .box04 ul li .text01{font-weight: bold;font-size: 17px;text-align: center;}
	.p09 #u_sec03 dl{width: 100%;margin: 0 auto;margin: 5vw 0 0 0;
}
.p09 #u_sec03 dt, .p09 #u_sec03 dd {
line-height: 1.8;
font-size: 14px;
}
.p09 #u_sec03 dt{text-align: center; font-weight: bold;padding: 5vw 0 0 0;border-top: 1px solid #1c6f37;}
.p09 #u_sec03 dd{padding: 5vw 0;}
.p09 #u_sec03 dd span{padding-left:1em;text-indent:-1em;display: block;}





	/*p08 新卒採用エントリー*/
.p08 #u_sec02 .box01{margin: 15vw 0}
	.p08 #u_sec02 .box01 p{text-align: center;margin: 0 0 40px 0;font-size: 15px; font-weight: bold;line-height: 1.7;}
	.p08 #u_sec02 .box01 a{width: 70%;margin: 0 auto 10vw;display: block;}



/*p07 人事からのメッセージ*/
.p07 #u_sec02 .img01{width: 88vw;margin: 0 auto;}
	.p07 #u_sec02 .text01{font-size: 14px;line-height: 2;text-align: center;margin: 10vw 0;}
	.p07 #u_sec02 .text01 span{display: block;text-align: right;margin: 0 3vw 0 0;}


/*p05 沿革*/
.p05 #u_sec02{background: #1c2b6f;padding: 15vw 0 10vw 0;}

.p05 #u_sec02 .box02:before{position: absolute;content: ""; height: calc(100% - 4vw);width: 5px;border-right: 2px dashed #fff;left: 4.7vw;z-index: 0;}
.p05 .year{width: 12vw;height: 12vw;border: 4px solid #fff;background: #1c2b6f;border-radius: 10vw;color: #fff;text-align: center;z-index: 1;position: relative;font-size: 3vw;padding: 2.5vw 0 0 0;margin: -3vw 0 0 0;}
.p05 .year span{display: block;font-size: 2vw;margin: 2px 0 0 0;}

.p05 .box01{}
.p05 .box02{width: 100%; position: relative;}
.p05 .box02 a{display: inline-block;color: #b4ce4e;display: flex;justify-content: space-between;position: relative;flex-direction: row-reverse;}
.p05 #u_sec02 .box02 a:before{position: absolute;
content: "";
right: 2vw;
width: 0;
top: 17%;
height: 0;
border-left: 6px solid #b4ce4e;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
}
.p05 .box02 ul li{display: flex;justify-content: space-between;color: #fff;margin: 0 0 9vw 0;flex-direction: row-reverse;}
.p05 .box02 ul li .text01{display: flex;justify-content: space-between;line-height: 1.7;font-size: 13px;flex-direction: row-reverse;}
.p05 #u_sec02 .wrap .box02 ul li .text02{width: 70vw;padding: 0 5vw 0 0; text-align: left;margin: 0;}
.p05 .box02 ul li .text03{width: 8vw;text-align: right;margin: 0 3vw 0 0;}
.p05 .box03{margin: 10vw 0 0 0;width: 100%;}

.p05 .box02 ul li .box04{}
.p05 .box05{display: flex;justify-content: space-between;}
.p05 .box05 + .box05{margin: 20px 0 0 0;}

.p05 .box02 ul li:last-child{margin: 0;}


.p05 .box03 .box06{background: #fff;border-radius: 35px;padding:7vw;margin: 0 0 4vw 0;}
.p05 .box03 .box06 .text01{text-align: center;font-weight: bold;font-size: 13px;}
.p05 .box03 .box06 .text02{text-align: center;font-weight: bold;font-size: 17px;line-height: 1.5;margin: 20px 0;}
.p05 .box03 .box06 .text03{font-weight: bold;font-size: 14px;line-height: 1.7;margin: 20px 0 0 0;}

.p05 .box03 .box06 .text01 {
display: flex;
align-items: center;padding: 0 20%;
}

.p05 .box03 .box06 .text01:before,
.p05 .box03 .box06 .text01:after {
content: "";
height: 2px;
flex-grow: 1;
background-color: #1c6f37;
}

.p05 .box03 .box06 .text01:before {
margin-right: 1rem;
}

.p05 .box03 .box06 .text01:after {
margin-left: 1rem;
}
.p05 .box03 .box06 .text04{font-size: 17px;text-align: center;font-weight: bold;}
.p05 .box03 .box06 .text05{font-size: 13px;color: #1c6f37;font-weight: bold;margin: 20px 0 40px;text-align: center;}
.p05 .box03 .box06 .text05 span{color: #fff;background: #1c6f37;padding: 5px 10px;border-radius: 3px;margin: 0 12px 0 0;}

.store .tile01{display: flex;flex-direction: column-reverse; margin: 0 0 20px 0;background: #fff;border-radius:35px;padding: 7vw 7vw 5vw 7vw;}
.store .tile02{padding: 5vw 0;width: 100%;}
.store .tile03{width: 60%;margin: 0 auto;}
.store .text01{font-size: 17px;color: #1c6f37;font-weight: bold;}
.store .text02{font-size: 12px;color: #1c6f37;font-weight: bold;margin: 20px 0 20px;}
.store .text02 span{color: #fff;background: #1c6f37;padding: 7px 12px;border-radius: 3px;margin: 0 12px 0 0;}
.store .text03{font-size: 17px;line-height: 1.5; font-weight: bold;}


/*p06 会社概要*/
.p06 #u_sec02 dl{width: 100%;display: flex;
align-items: stretch;
flex-wrap: wrap;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
margin: 0 auto;
}
.p06 #u_sec02 dt, .p06 #u_sec02 dd {
color: #000;
line-height: 1.8;
border-bottom: 1px solid #e7e7e7;
font-size: 14px;
}
.p06 #u_sec02 dt{width: 25%;font-weight: bold;color: #1c2b6f;padding: 5vw 0 5vw 5vw;}
.p06 #u_sec02 dd{width: 75%;padding: 5vw 0;}
.p06 #u_sec02 dd.name div{display: flex;}
.p06 #u_sec02 dd span{min-width: 84px;display: block;}
.p06 #u_sec02 .map{margin: 15vw 0;}
.p06 #u_sec02 .map iframe{width: 100%;height: 50vw;max-height: 500px;}



/*P04 福利厚生*/

.p04 #u_sec02 h2{font-size: 22px;font-weight: bold;;text-align: center;}


.p04 #u_sec02 h2 span{display: block;font-size: 17px;margin: 15px 0 60px 0;}

.p04 #u_sec02{padding: 10vw 0 0 0;}
.p04 #u_sec02 ul li{width: calc(100% - 6vw);;background: #eee;border-radius: 35px;padding: 5vw 0;margin: 0 auto 5vw;}
.p04 #u_sec02 .first ul li:last-child{display: none;}
.p04 #u_sec02 ul li img{max-width: 86px;width: 100%;margin: 0 auto 0;display: block;}
.p04 #u_sec02 ul li span{font-size: 17px;text-align: center;margin: 10px 0 0 0;font-weight: bold;display: block;}

.p04 #u_sec02 .bnr{max-width: 1160px;width: 100%; padding: 0 30px;margin: 0 auto 140px;}
.p04 #u_sec02 .bnr .box{padding: 50px 0;border:2px solid #1c6f37;}
.p04 #u_sec02 .bnr .box img{max-width: 781px;margin: 0 auto;display: block;padding: 0 10vw;}
.p04 #u_sec02 .bnr .box span{font-size: 14px;line-height: 1.5; text-align: center;margin: 7vw 0 0 0;padding: 0 5vw; display: block;}

.p04 #u_sec02 .box01{margin: 0 0 10vw 0;}
.p04 #u_sec02 .box02{margin: 0 auto 20vw;}
.p04 #u_sec02 .box02 ul li{padding: 7vw}
.p04 #u_sec02 .box02 ul li .text01{font-size:14px;line-height: 1.5;margin: 20px 0 0 0;}


/*エントリーフォーム*/
.entry{margin: 0 0 120px 0;}
	.entry #sec11{display: none;}
	.entry#under02 #u_sec01{background: url("../img/ne_bg.jpg") center center no-repeat;background-size: cover;}
	.entry #u_sec02{margin: 0 0 15vw 0;}
	.entry #u_sec02 .text01{text-align: center;font-weight: bold;font-size: 17px;line-height: 1.8;margin: 10vw 0 5vw 0;}
	.conf.entry #u_sec02 .text01{margin: 10vw 0 15vw 0;}
	.entry #u_sec02 .box01{background: #f0f0f0;height: 80vw;overflow-y: scroll;padding: 7vw 5vw;}
	.entry #u_sec02 .box01 h2{font-size: 20px;font-weight: bold;}
	.entry #u_sec02 .box01 p{margin: 5vw 0;font-size: 14;line-height: 1.8;}
	.entry #u_sec02 .box01 dt{font-size: 15px;font-weight: bold;margin: 0 0 7px 0;line-height: 1.7;}
	.entry #u_sec02 .box01 dd{font-size: 14px;margin: 0 0 5vw 0;line-height: 1.8;}
	.entry #u_sec02 .box01 dd.center{text-align: center;}

	.entry .box-check{text-align: center;margin: 4vw 0 15vw 0;}

	.entry #u_sec03 h2{font-size: 22px;font-weight: bold;border-bottom: 2px solid #1c6f37;padding: 0 0 10px 0;}
	.entry #u_sec03 .box02{margin: 5vw 0;}
	.entry .ef{font-size: 14px;}
	.entry .ef th{text-align: left;min-width: 190px;width: 100%;float: left;padding: 2vw;}
	.entry .ef th.area{vertical-align: top;padding: 2vw;}
	.entry .ef th small{font-size: 11px;display: block;margin: 10px 0 0 0;}
	span.red{color: #e01b1b;}
	span.notice{color: #e01b1b;margin: 5px 0 0 0;display: block;}
	.input, .textarea{padding: 17px 13px;border: 1px solid #c8c8c8;border-radius: 3px;width: 100%;}
	.ef td{display: block;margin: 0 0 5vw 0;line-height: 1.7;}
	.ef td.ch{line-height: 2.5;}
	input[type=text]{width: 100%;font-size: 16px;}
	textarea{width: 100px;min-height: 40vw;font-size: 16px;}

	.comp.entry #u_sec02 .text01{text-align: center;font-weight: bold;font-size: 17px;line-height: 1.8;margin: 150px 0;}

	/* チェックボックス01 */
input[type=checkbox] {
    display: none;
}
.checkbox01 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    position: relative;
    width: auto;
}
.checkbox01::before {
    background: #fff;
    border: 1px solid #c8c8c8;
	border-radius: 3px;
    content: '';
    display: block;
    height: 20px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 20px;
}
.checkbox01::after {
    border-right: 2px solid #1c6f37;
    border-bottom: 2px solid #1c6f37;
    content: '';
    display: block;
    height: 11px;
    left: 12px;
    margin-top: -5px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    width: 5px;
}

input[type=checkbox]:checked + .checkbox01::after {
    opacity: 1;
}
input[type=checkbox]:checked + .checkbox01::before {
    border: 1px solid #1c6f37;
}


/*仕事を知る*/
.work #v_sec01{background:none;height: 120vw;}
	.wbox01{width:20vw;bottom: 5vw;right: 5vw;position: absolute;}
#w_sec02 {padding: 0 0 8vw 0;background: #1c6f37;}
#w_sec02 .img{margin: 0 auto;width: 65vw;}
#w_sec02 h2{margin: -6vw 0 6vw 0;text-align: center;font-size: 4vw;position: relative;z-index: 1;font-weight: bold;letter-spacing: 0.05em;}
#w_sec02 h2.wh span{color: #fffd87;}

#w_sec02 .box01{text-align: center;font-weight: bold;margin: 10vw 0 0 0;}
	#w_sec02 .box02 {text-align: center;}
	#w_sec02 .box02 .text01{background: #498c5f;padding: 7px 15px;border-radius: 4px;font-size: 13px;display: inline-block;}
	#w_sec02 .box02 .text02{font-size: 16px;margin: 25px 0 15px 0;}
	#w_sec02 .box02 .text03{font-size: 11px;}
	#w_sec02 .box03{font-size: 18px;line-height: 1.8;margin: 7vw 0 0 0;}

	.work #v_sec03{padding: 10vw 0 0 0;}

.work #sec07 .tile01{display: flex;flex-direction: column-reverse; margin: 0 3.5vw;background: #fff;border-radius:35px;padding: 8vw 5vw 5vw 5vw;width: 88vw;}
	.work #sec07 .tile02{padding: 20px 30px;width: 100%;}
	.work #sec07 .tile03{width: 60%;margin: 0 auto;}
	 .work #sec07 .text01{font-size: 19px;color: #1c6f37;font-weight: bold;}
  .work #sec07 .text02{font-size: 12px;color: #1c6f37;font-weight: bold;margin: 20px 0 20px;}
  .work #sec07 .text02 span{color: #fff;background: #1c6f37;padding: 7px 12px;border-radius: 3px;margin: 0 12px 10px 0;display: table;}
  .work #sec07 .text03{font-size: 18px;line-height: 1.5; font-weight: bold;}
	.work #sec07 a.btn{margin: 0 auto; color: #fff;background: #b4ce4e;height: 10vw;line-height: 10vw;text-align: center;width: 50vw;border-radius: 50px;font-size: 14px;display: block;margin: 30px auto 0;letter-spacing: 0.2rem;}


	.work #sec07 a.his{width: 69%;margin: 10vw auto 0; display: block;
    background: #b4ce4e;
    text-align: center;
    color: #fff;
    height: 12vw;
    line-height: 12vw;
    border-radius: 46.5px;
    letter-spacing: 0.2rem;
    font-size: 3vw;
    font-weight: bold;
    position: relative;
}


/*Q&A*/
	.p03 #u_sec02{padding: 15vw 0 10vw 0;}
.p03 #u_sec02 h2{font-size: 22px;font-weight: bold;color: #1c2b6f;text-align: center;}
.accordion-container {
position: relative;
width: 100%;
border-top: none;
outline: 0;
margin: 5vw 0;
font-size: 15px;
}

.accordion-container .accordion-title {
display: block;
position: relative;
margin: 0;
padding: 32px 5vw 32px 10vw;
font-weight: normal;
cursor: pointer;
}


.accordion-title:after {
content: "";
position: absolute;
top: 41px;
right: 2vw;
/*横線*/
width: 14px;
height: 2px;
background: #626262;
transition: all .2s ease-in-out;
}
.accordion-title:before {
content: "";
position: absolute;
top: 41px;
right: 2vw;
width: 14px;
height: 2px;
/*縦線に*/
transform: rotate(90deg);
background: #626262;
transition: all .3s ease-in-out;
}

.accordion-title.open:after {
opacity: 0;
}
.accordion-title.open:before {
transform: rotate(180deg);
}

.accordion-content {
display: none;
padding: 32px 5vw 32px 10vw;
background: #f3f3f3;border-radius: 35px;line-height: 33px;
}
.accordion-content a{text-decoration: underline;display: block;color:#3687e2;}

.accordion-container .text01{font-weight: bold;position: relative;line-height: 1.5;}
.accordion-container .text01:before{content: "Q";position: absolute;left: -6vw;font-size: 22px;font-family: 'nimbus', sans-serif;font-weight: bold;color: #3687e2;top: -6px;}
.accordion-container .text02:before{content: "A";position: absolute;left: -6vw;font-size: 22px;font-family: 'nimbus', sans-serif;font-weight: bold;color: #1c2b6f;top: 0;}
.accordion-container .text02{position: relative;}


/*数字で見えるTTC*/
#under02 #u_sec01{background: url("../img/numbg.jpg") center center no-repeat;background-size: cover;
    width: 100%;
    height: 56vw;}


	#under02 #u_sec01 h1{font-size: 6vw;letter-spacing: 0.05rem;padding: 26vw 0 0 0;font-weight: bold;}
	#under02 #u_sec01 h1 span{display: block; font-size: 3vw;margin: 10px 0 0 0;}
	#under02 #u_sec01 .text01{display: inline-block;font-size:max(3vw,16px);margin: 2vw 0 0 0;padding: 1vw 2vw;background: #1c2b6f;}
	#under02 #u_sec01 .text01.bggr{background: #1c6f37;}
	#under02 #u_sec01 .text01 span{color: #fffd87;}
	.bread{background: #1c2b6f;padding: 3vw 0;font-size: 13px;line-height: 1.6;}
	.bread.bggr{background: #1c6f37;}
	.bread .wrap *{margin: 0 2vw 0 0;}

	.p02 #u_sec02{padding: 10vw 0;}
	.p02 #u_sec02 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.p02 #u_sec02 ul li{width: 100%;background: #eee;border-radius: 40px;padding: 8vw;margin: 0 0 4vw 0;}
	.p02 #u_sec02 ul li .img{max-width: 320px;width: 100%;margin: 30px auto 0;}
	.p02 #u_sec02 ul li .text01{text-align: center;font-size: 22px;color: #1c2b6f;font-weight: bold;}
	.p02 #u_sec02 ul li .text02{font-size: 14px;line-height: 1.5;}
	.p02 #u_sec02 .wrap ul:first-child li:nth-child(3) .text02, #u_sec02 .wrap ul:first-child li:nth-child(4) .text02{margin: 25px 0 0 0;}
	.p02 #u_sec02 ul li .text02 span{display: inline;text-decoration: underline;text-decoration-color: #fffd87;
    text-underline-offset: 0px;text-decoration-thickness: 6px;font-weight: bold;}


	.p02 #u_sec02 ul + ul li .text02{margin: 20px 0 0 0;}


#under02 #sec07 {padding: 10vw 0 15vw 0;background: #1c2b6f;}
#under02 #sec07 .img{margin: 0 auto;width: 65vw;}
#under02 #sec07 h2{margin: -4vw 0 6vw 0;text-align: center;font-size: 4vw;position: relative;z-index: 1;font-weight: bold;letter-spacing: 0.05em;}
#under02 #sec07 h2.wh span{color: #fffd87;}
		#under02 #sec07 .box01{padding: 0 3vw;}
#under02 #sec07 .box01 a{text-align: center;font-size: 22px;font-weight: bold;display: block;margin: 10vw 0 0 0;}
	#under02 #sec07 .box01 a span{display: block;font-size: 13px;margin: 20px 0 15px 0;}



#under{margin: 45px 0 0 0;}
#v_sec01{position: relative;background: url("../../TTC_recruit/css/img/p1_01.jpg") center center no-repeat;background-size: cover;width: 100%;height: 128vw;}
#v_sec01 .box01{position: absolute;background: #dbe4b5;width: 84vw;left: 8vw; height: 60vw;border-radius: 50px;padding: 8vw 9vw;bottom: -34vw;font-weight: bold;}
.p02 #v_sec01 .box01, .p02 #v_sec05{background: #cae3d2}
#v_sec01 .box01.on, #v_sec05 .box02.on{background: #dbe4b5!important;}
#v_sec01 .box01.off, #v_sec05 .box02.off{background: #cae3d2!important;}
#v_sec01 .box05{position: absolute;bottom: 8vw;}
#v_sec01 .text01{font-size: 2vw;position: relative;margin: 0 0 6vw 20vw;}
#v_sec01 .text01:before{content: "";width: 14vw;height: 2px;background: #1c6f37;left: -19vw;position: absolute;top: 0.8vw;}
#v_sec01 .text02{font-size: 5vw;line-height: 1.5; }
#v_sec01 .text03{font-size: 2vw;}
#v_sec01 .text04{font-size: 2vw;margin: 7px 0 15px 0;}
#v_sec01 .text05{font-size: 4vw;}

#v_sec02{background: #1c6f37;padding: 45vw 0 10vw 0;}
#v_sec02 h2{text-align: center;}
#v_sec02 h2 img{width: 26vw;}
#v_sec02 h2 span{display: block;font-size: 16px;margin: 20px 0;}
#v_sec02 .box02{width: 94%;margin: 0 auto;position: relative;}
#v_sec02 .box02 span{width: 17vw;top: 50%;left: 50%;position: absolute;transform: translateX(-50%) translateY(-50%);z-index: 1;}


#v_sec03{padding: 46vw 0 0 0;}
#v_sec02 + #v_sec03{padding: 10vw 0 0 0;}
#v_sec03 .box01, #v_sec03 .box02{width: 100%;}
#v_sec03 ul li{}
#v_sec03 ul li .box02{margin: 6vw 0 12vw 0;padding: 0 3%;}
#v_sec03 .text01{font-size: 4vw;line-height: 1.7;font-weight: bold;margin: 0 0 6vw 0;}
#v_sec03 .text02:before{content: "";width: 6vw;height: 2px;background: #000;left: 0;position: absolute;top: calc(50% - 1px);}
#v_sec03 .text02{position: relative; font-size: 3.2vw;line-height: 2;font-weight: bold;margin: 0 0 3vw 0;padding: 0 0 0 8vw;}
#v_sec03 .text03{font-size: 3.2vw;line-height: 2;margin: 0 0 6vw 0;}


#v_sec04{padding: 0 0 50px 0;}
	#v_sec04 .box01{width: 100vw;margin: 0 0 0 -3vw;}
#v_sec04 .box02{margin: -40px auto 0;width: 88vw;padding: 5vw;border-radius: 25px;position: relative;z-index: 2;background: #fff;}
#v_sec04 .text01{font-size: 4vw;line-height: 1.7;font-weight: bold;margin: 0 0 8vw 0;text-align: center;}
#v_sec04 .text02:before{content: "";width: 6vw;height: 2px;background: #000;left: 0;position: absolute;top: calc(50% - 1px);}
#v_sec04 .text02{position: relative; font-size: 3.2vw;line-height: 2;font-weight: bold;margin: 0 0 3vw 0;padding: 0 0 0 8vw;}
#v_sec04 .text03{font-size: 3.2vw;line-height: 2;margin: 0 0 6vw 0;}

#v_sec05{background: #dbe4b6;margin: 0 0 15vw 0;padding: 0 0 8vw 0;}
#v_sec05.off{background: #cae3d2!important}
#v_sec05 .wrap02{position: relative;}
#v_sec05 .box01{width: 75vw;position: relative;z-index: 2;margin: 0 auto;}
#v_sec05 .box01 img{margin: -12vw 0 0 0;}
#v_sec05 .box02{padding:0 3vw;margin: 9vw 0 0 0;}
#v_sec05 .text01{font-size: 3.2vw;line-height: 1.7;font-weight: bold;color: #fff;background: #1c6f37;display: inline-block;padding: 2px 15px;border-radius: 4px;}
#v_sec05 .text02{font-size: 4vw;line-height: 1.7;font-weight: bold;margin: 2vw 0 6vw 0;}
#v_sec05 .text03{font-size: 3.2vw;line-height: 2;}


#under #sec07 {padding: 0 0 8vw 0;background: #1c6f37;}
#under #sec07 .img{margin: 0 auto;width: 65vw;}
#under #sec07 h2{margin: -6vw 0 6vw 0;text-align: center;font-size: 4vw;position: relative;z-index: 1;font-weight: bold;letter-spacing: 0.05em;}
#under #sec07 h2.wh span{color: #fffd87;}
#under .v_slider01 .box02{background: #dbe4b6;}
#under .v_slider01 .box02.off{background: #cae3d2;}

#under .v_slider01 .box01{border-radius: 25px;max-width: 88vw;width: 100%;margin: 0 3.5vw;box-shadow :0 10px 30px 10px rgba(19, 20, 23, 0.11);}

.v_slider01 .box02{display: flex;border-radius: 25px;background: linear-gradient(90deg, #1c6f37 0%, #1c6f37 38%, #dbe4b6 38%, #dbe4b6 100%);}
.v_slider01.new .box02{background: linear-gradient(90deg, #1c6f37 0%, #1c6f37 38%, #cae3d2 38%, #cae3d2 100%);}
.v_slider01 .box03{width: 50%;padding: 2vw;}
.v_slider01 .box04{width: 50%;text-align: right;color: #1c6f37;padding: 7vw  5vw  5vw 0;position: relative;font-weight: bold;}
.v_slider01 .box04 .text01{font-size: 2vw;position: relative;margin: 0 8vw 2.8vw 0;}
.v_slider01 .box04 .text01:before{content: "";width: 5vw;height: 1px;background: #1c6f37;right: -7vw;position: absolute;top: 1vw;}
.v_slider01 .box04 .text02{font-size: 3.2vw;;line-height: 1.5; }
.v_slider01 .box04 .text03{font-size: 2vw;}
.v_slider01 .box04 .text04{font-size: 2vw;margin: 1vw 0 2vw 0;line-height: 1.5;}
.v_slider01 .box04 .text05{display: flex;justify-content: flex-end;}
.v_slider01 .box04 .text05 p{font-size: 3.4vw;}
.v_slider01 .box05{position: absolute;right: 5vw;bottom: 5vw;}
#under .v_slider01 .prev{left:3%;bottom: calc(50% - 15.5px);}
#under .v_slider01 .next{right:3%;bottom: calc(50% - 15.5px);}






/*top*/
h2.headline{position: relative;font-size: 12vw;font-weight: bold;margin: 0 0 10vw 3vw;}
h2.headline:before{content: "";width: 7vw;height: 10vw;top: -10vw;left: 1vw;position: absolute;background: url("../img/h_icon.png") center center no-repeat;background-size: contain;}
h2.headline span{display: block;font-size: 4vw;margin: 2.5vw 0 0 0;}


#sec01 .box00{position: relative;height: 146vw;}
	.slick-slider.fullslider {width: 100%;height: 146vw;position: absolute;top: 0;left: 0;padding: 0;}
	.slick-slider.fullslider div{border-radius: 0;}
	#top #video-area{height: 146vw;}

	/*youtube 背景動画*/
	#ytPlayerWrap{
  position: relative;
  height: 146vw;
  width: 100%;
}


#sec01{width: 100%;margin: 45px 0 0 0;}
#sec01 h1{position: absolute;top: 50%;left: 50%;width: 75%;transform: translateX(-50%) translateY(-50%);z-index: 1;}
#sec01 .box01{position: relative;background: url("../img/s1b.png") center center no-repeat;background-size: cover;height: 146vw;}
#sec01 .wrap.ab{margin: 3vw auto 0;}
#sec01 .box02{background: rgba(28, 111, 55, 1);width: 100%;border-radius: 25px;padding: 7vw 5vw 2vw;}
#sec01 .box03{text-align: center;margin: 0 0 7vw 0;}
#sec01 .box03 h2 img{width: 33%;margin: 0 auto;}
  #sec01 .box03 span{color: #fff;font-size: 3vw;display: block;margin: 15px 0 0 0;white-space: nowrap;font-weight: bold;text-align: center;}
  #sec01 .box04 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
  #sec01 .box04 li{width: 47%;margin: 0 0 5vw 0;}
  .vp {
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  border: 0.05em solid currentColor;
  border-radius: 50%;
  color: #fff;
  font-size: 6vw;
}
  #sec01 .box04 li a{color: #fff;}
  #sec01 .box05{display: flex;margin: 10px 0 0 0;}
  #sec01 .box07{padding: 0 0 0 10px;font-size: 3vw;line-height: 1.4;}
.vp::before {
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translateY(-50%);
  width: 0px;
  height: 0px;
  border: 0.2em solid transparent;
  border-left: 0.3em solid currentColor;
  box-sizing: border-box;
  content: "";
}


section .slick-slider .prev{
position: absolute;
bottom: -13vw;
margin: auto;
width: 31px;
height: 31px;
background-image: url("../img/arrow_p.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}
section .slick-slider .next{
position: absolute;
bottom: -13vw;
margin: auto;
width: 31px;
height: 31px;
background-image: url("../img/arrow_n.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}

#sec02{background: #ededed;border-radius: 25px;width: 94%;margin: 3vw auto;padding: 7vw 0 5vw 5vw;}
#sec02 .box02{}
	#sec02 .box03{text-align: center;margin: 0 0 7vw 0;}
#sec02 .box03 h2 img{width: 33%;margin: 0 auto;}
  #sec02 .box03 span{color: #1c6f37;;font-size: 3vw;display: block;margin: 15px 0 0 0;white-space: nowrap;font-weight: bold;text-align: center;}
	#sec02 .box04 ul{width: 100%;;height: 40vw;overflow-y: scroll;}
	#sec02 .box04 li{width: 100%;margin: 0 0 40px 0;}
	#sec02 .box04 li a{color: #000;}
	#sec02 .box05{font-size: 3vw;}
	#sec02 .box07{line-height: 1.5;margin: 5px 0 0 0;}

#sec03{position: relative;overflow-x: hidden;}
	#sec03 .box01{}
	#sec03 .box02{margin: 10vw 0;}
	#sec03 .box03{}
	#sec03 .box02 h2{}
	#sec03 .box02 h2 img{width: 60%; margin: 0 auto;display: block;}
	#sec03 .box02 h2 span{text-align: center;font-weight: bold;font-size: 7vw;line-height: 1.8;display: block;color: #1c6f37;margin: 5vw 0 10vw 0;}
	#sec03 .box02 .text01{font-size: 3vw; line-height: 2.5;font-weight: bold;text-align: center;}
	/*.swiper-container{width: 20vw;height: 1735px;}*/
	.swiper-container{}
	.swiper-wrapper {
  transition-timing-function: linear;
}
	.swiper-slide{margin: 1vw;}
	/*.swiper-slide > img {
   object-fit:contain;
   width: 100%;
   height: 100%;
}*/
	#sec03 .box03{width: 100vw;overflow-x: hidden;margin: 0 0 0 -3%;}
	#sec03 .box04{margin: 0 1.5vw 0 0;}
	#sec03 .box04, #sec03 .box05{display: none;position: relative;z-index: 0;}


#sec04{padding: 20vw 0 10vw 0;}
	#sec04 .wrap{width: 100vw;}
	#sec04 h2.headline{margin: 0 0 10vw 6vw;}
	#sec04 .box01{background: #1c2b6f;padding: 10vw 6% 50vw;}
	#sec04 .box02, #sec04 .box03{position: relative;}
	#sec04 .img04{width: 90%;margin: 0 0 8vw 3vw;}
	#sec04 .img05{width: 90%;margin: 8vw 0 8vw 3vw;}
	#sec04 .img02{position: absolute;width: 9.25vw;left: 0;top: 29.4vw;}
	#sec04 .box02 h3{font-size: 4vw;color: #b4ce4e;font-weight: bold;margin: 0 0 8vw 0;text-align: center;}
	#sec04 .box02 ul{margin: 0 0 0 11%;position: relative;z-index: 2;position: relative;}
	#sec04 .box02 ul:before {
    position: absolute;
    content: "";
    height: calc(100% - 4vw);
    width: 5px;
    border-right: 2px dashed #fff;
    left: -6.8vw;
	top: 8px;
    z-index: 0;
}
	#sec04 .box02 li{color: #fff;font-size:max(2.5vw,13px);line-height: 1.5;font-weight: bold;margin: 0 0 3vw 0;display: flex;align-items: center;white-space: nowrap;position: relative;}
	#sec04 .box02 li:before{position: absolute;content: "";width: 10px;height: 10px;border: 3px solid #fff;border-radius: 10px;left: -7vw;background: #1c2b6f;}
	#sec04 .box02 li a{color: #b4ce4e;display: flex;align-items: center;}
	#sec04 .box02 li span{display: block;}
	#sec04 .box02 li span + span {margin: 0 0 0 10px;}


	#sec04 .box03{position: relative;height: 50vw;margin: 10vw 0 0 0;}
	#sec04 .box04{width: 100vw;margin: 0 0 0 -6vw;}
	.slick-dots{bottom:-50px;}
.v_slider01 .slick-dots li button, #text-slider .slick-dots li button{
  font-size:initial;
  color:initial;
  background:initial;
      font-family: 'nimbus';
      font-size: 3vw;font-weight: bold;color: #b4ce4e;
}
  section .slick-dots li.slick-active button{
color: #1c6f37;
}
.v_slider01 .slick-dots li button:before, #text-slider .slick-dots li button:before{
  content:none;
}

#main-slider{
width: 100%;;
}
#text-slider{
}
#text-slider .slick-dots li button:before {
color: #404040;
opacity: 1;font-size: 16px;
}
#text-slider .slick-dots li.slick-active button:before {
opacity: 1;
color: #0068b7
}
#text-slider{width: 100%;box-shadow :0 11px 40px 40px rgba(19, 20, 23, 0.11);border-radius: 25px;position: absolute;left: 0;bottom: -68vw;}
#text-slider .slick-slide{width: 100%;padding: 8vw;background: #fff;border-radius: 25px;overflow: hidden;rgba(19, 20, 23, 0.11);height: 58vw;}
#text-slider .slick-dots{bottom: -11vw;}
#text-slider .slick-dots li {
}
#text-slider .prev{left:15vw;}
#text-slider .next{right:15vw;}

.slick-slider .prev{
position: absolute;
bottom: -70px;
left: 0;
margin: auto;
width: 62px;
height: 62px;
background-image: url("../TTC_recruit/img/arrow_p.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}
.slick-slider .next{
position: absolute;
bottom: -70px;
right: 0;
margin: auto;
width: 62px;
height: 62px;
background-image: url("../TTC_recruit/img/arrow_n.png");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}

	a.btn{color: #fff;background: #b4ce4e;height: 12vw;line-height: 12vw;text-align: center; max-width: 230px;border-radius: 12vw;font-size: 3vw;display: block;margin: 5vw auto 0;letter-spacing: 0.2rem;}
	#text-slider .text01{font-size:max(3vw,13px);color: #1c6f37;font-weight: bold;}
	#text-slider .text02{font-size: 2.4vw;color: #1c6f37;font-weight: bold;margin: 4vw 0 5vw 0;}
	#text-slider .text02 span{color: #fff;background: #1c6f37;padding: 4px 12px 3px;border-radius: 3px;margin: 0 10px 0 0;}
	#text-slider .text03{font-size:max(3vw,14px);line-height: 1.8; font-weight: bold;}


	#sec05 a.btn{max-width: 360px;width: 29vw;display: flex;justify-content: center;align-items: center;margin: 80px auto 0;font-weight: bold;}
		#sec05 a.btn span{display: inline-block;line-height: 12px;margin: 0 0 0 10px;}
#sec05{position: relative;margin: 35vw 0 0 0;}
	#sec05 .box01{margin: 0 auto;}
	#sec05 .box01:before{position: absolute;content: "";width: 100vw;height: 64%;bottom: -7%;background: #f1f3f2;z-index: -1;left: 0;}
	#sec05 a.btn{color: #fff;background: #b4ce4e;height: 57px;line-height: 57px;text-align: center;width: 80%; border-radius: 28.5px;font-size: 3vw;display: block;margin: 30px auto 0;}
	#sec06{margin: 15vw 0 0 0;}
	#sec06 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
	#sec06 ul li{width: 49%;margin: 0 0 2% 0;}

 #sec07{padding: 20vw 0 18vw 0;}
  #sec07 h2{margin: 0 0 10vw 0;}
  #sec07 h3{width: 50%;display: flex;align-items: center;justify-content: flex-end;}
  #sec07 h3 p{font-size: 36px;font-weight: bold;}
  #sec07 h3 span{font-size: 15px;margin: 0 20px 0 30px;}

  #sec07 h3.gra{margin: 185px 0 0 0;}
	#sec07 .new{margin: 15vw 0 0 0;}
section .v_slider01 .slick-dots{bottom:-0.5vw;}
.v_slider01 .slick-list {
box-sizing: initial;
padding: 0 4vw 10vw!important;
}

	section .slick-dots li button{padding: 0;}
  section .v_slider01 .prev{left:23vw;bottom:-3vw}
  section .v_slider01 .next{right:23vw;bottom:-3vw;}

 section .v_slider01.new .prev{left:10vw;}
  section .v_slider01.new .next{right:10vw;}

  .v_slider01 .box01{border-radius: 25px;max-width: 94vw;width: 100%;margin: 0 3.5vw;box-shadow :0 10px 30px 10px rgba(19, 20, 23, 0.11);}
  .v_slider01 .box02{display: flex;border-radius: 25px;background: linear-gradient(90deg, #1c6f37 0%, #1c6f37 38%, #dbe4b6 38%, #dbe4b6 100%);}
.v_slider01.new .box02{background: linear-gradient(90deg, #1c6f37 0%, #1c6f37 38%, #cae3d2 38%, #cae3d2 100%);}
  .v_slider01 .box03{width: 50%;padding: 2vw;}
  .v_slider01 .box04{width: 50%;text-align: right;color: #1c6f37;padding: 7vw  5vw  5vw 0;position: relative;font-weight: bold;}
  .v_slider01 .box04 .text01{font-size: 2vw;position: relative;margin: 0 8vw 2.8vw 0;}
  .v_slider01 .box04 .text01:before{content: "";width: 5vw;height: 1px;background: #1c6f37;right: -7vw;position: absolute;top: 1vw;}
  .v_slider01 .box04 .text02{font-size: 3.2vw;;line-height: 1.5; }
  .v_slider01 .box04 .text03{font-size: 2vw;}
  .v_slider01 .box04 .text04{font-size: 2vw;margin: 1vw 0 2vw 0;line-height: 1.5;}
  .v_slider01 .box04 .text05{display: flex;justify-content: flex-end;}
  .v_slider01 .box04 .text05 p{font-size: 3.4vw;}
  .v_slider01 .box05{position: absolute;right: 5vw;bottom: 5vw;}


	section .slick-dots li button{
  font-size:initial;
}
	section .slick-slider .prev, section .slick-slider .next{
width: 10vw;
height: 10vw;
}

	#sec08{background: #f2f2f2;padding: 20vw 0 15vw 0;}
	#sec08 li{}
	#sec08 li .box01{width: 100%;}
	#sec08 li .box02{position: relative;z-index: 1; width: 69.3vw;padding: 8vw;background: #fff;border-radius: 25px;box-shadow :0 10px 30px 10px rgba(19, 20, 23, 0.11);margin: -9vw auto 0;}
	#sec08 li .box02 h3{font-size: 5vw;font-weight: bold;text-align: center;}
	#sec08 li .box02 h3 span{display: block;font-size: 2.5vw;margin: 0 0 3vw 0;}
	#sec08 li .box02 .text01{margin: 5vw 0 4vw 0;font-size: 3vw;line-height: 1.9;}
	#sec08 li + li{margin: 160px 0 0 0;display: flex;justify-content: flex-end;}
	#sec08 li + li .box02{right: inherit;left: 0;}


	#sec09{padding: 20vw 0 0 0;position: relative;overflow-x: hidden;}
	#sec09 .wrap{position: relative;z-index: 1;}
	#sec09 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
	#sec09 li{width: 48%;margin: 0 0 20vw 0;position: relative;}
	#sec09 li .box02{position: absolute;width: 100%;text-align: center;bottom: 4vw;}
	#sec09 li .box02 h3{font-size: 4vw;font-weight: bold;text-align: center;}
	#sec09 li .box02 h3 span{display: block;font-size: 2.5vw;margin: 0 0 1vw 0;}
	#sec09 li:before{content: ""; background: #1c2b6f;position: absolute;;height: 49.3vw;width: 100vw;z-index: 0;left: -3vw;z-index: -1;bottom: -10vw;}
	#sec09 li:nth-child(2):before{content: none;}


	#sec10{padding: 10vw 0 0 0;position: relative;overflow-x: hidden;}
	#sec10 .wrap{position: relative;z-index: 1;}
	#sec10 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
	#sec10 li{width: 48%;margin: 0 0 20vw 0;position: relative;}
	#sec10 li .box02{position: absolute;width: 100%;text-align: center;bottom: 4vw;}
	#sec10 li .box02 h3{font-size: 4vw;font-weight: bold;text-align: center;}
	#sec10 li .box02 h3 span{display: block;font-size: 2.5vw;margin: 0 0 1vw 0;}
	#sec10 li:before{content: ""; background: #1c2b6f;position: absolute;;height: 49.3vw;width: 100vw;z-index: 0;left: -3vw;z-index: -1;bottom: -10vw;}
	#sec10 li:nth-child(2):before{content: none;}

#sec11{padding: 8vw 0 0 0;}
#sec11 .box01{background: url("../img/s11bg01.png") center center no-repeat;max-height: 665px; background-size: cover;height: 85vw;text-align: center;border-radius: 40px;}
#sec11 .img{width: 80%;margin: 0 auto;padding: 14vw 0 0 0;}
#sec11 h2{font-size: 6vw;font-weight: bold;padding: 5vw 0 0 0;}
#sec11 h2 span{font-size: 4vw;display: block;margin: 0 0 3vw 0;}
#sec11 .text01{margin: 6vw 0 0 0;font-size: 2.8vw;font-weight: bold;line-height: 1.9;}
#sec11 .box02{max-width: 1260px;width: 75%;margin: -6vw auto 15vw;}
#sec11 .box02 a, a.btn02{display: block; background: #ea9514;text-align: center;color: #fff;height:12vw;line-height: 12vw;border-radius: 46.5px;width: 100%;letter-spacing: 0.2rem;font-size: 3vw;font-weight: bold;position: relative;margin: 0 0 3vw 0;}
#sec11 .box02 a:before, .work #sec07 a.his:before,a.btn02:before{position: absolute;content: "";width: 40px;height: 1px;background: #fff;top: calc(50% - 0.5px);right: 6vw;}
#sec11 .box02 a:after, .work #sec07 a.his:after, a.btn02:after{position: absolute;content: "";width: 4vw;height: 4vw;border: 1px solid #fff;border-radius: 2vw;top: calc(50% - 2vw);right: 4vw;}
a.btn02{width: 75%;margin: 6vw auto 3vw;}

/*a.btn{position: relative;color: #fff;background: #b4ce4e;height: 12vw;line-height: 12vw;text-align: center;width: 75%;border-radius: 50px;font-size: 16px;display: block;margin: 30px auto 0;letter-spacing: 0.2rem;}*/
a.btn.back:before{content: "";position: absolute;top: 50%;left: 25px;transform: translateY(-50%);border: 6px solid transparent;border-right: 7px solid #fff;}

footer{background: #383838;color: #fff;padding: 15vw 0;}
footer .wrap{width: 80%;}
footer a{color: #fff;}
footer .wrap > ul{display: flex;flex-direction: column;}
footer .wrap > ul > li{display: inline-block;}
footer .s01{font-size: 4vw;font-weight: bold;margin: 0 0 30px 0;}
footer a.s01{position: relative;display: block;}
footer a.s01 p,footer .sub li a{position: relative;display: inline-block;}
footer a.s01 p:before, footer .sub li a:before{position: absolute;content: "";right: -20px; width: 0;top:calc(50% - 3px);
height: 0;
border-left: 5px solid #fff;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;}
footer .sub li a:before{right: -12px;top:calc(50% - 4px)}
footer .s02{font-size: 3vw;font-weight: bold;margin: 0 0 18px 55px;position: relative;}
footer .s02:before{position: absolute;content: "";height: 2px;width: 42px;background: #fff;left: -55px;;top: 6px;}

footer .sub li{font-size: 3vw;margin: 0 0 18px 0;text-indent: 3vw;}
footer .sub li:last-child{margin: 0 0 35px 0;}
footer .sub span{font-size: 3.5vw;margin: 0 7px 0 0;}

footer .box01{text-align: center;margin: 5vw 0 10vw 0;}
footer .box01 a{display: block;margin: 0 0 20px 0;font-size: 3.3vw}
footer .box01 span{width: 15px;margin: 0 0 0 10px;display: inline-block;}
footer small.en{font-size: 2.8vw;font-weight: normal;text-align:center;padding: 0 0 30px;width: 100%;display: block;}


#totop{background: #1c6f37;width: 10vw;height: 10vw;position: fixed;right: 0;bottom: 0;z-index: 98;}
#totop a{position: relative;display: block;width: 100%;height: 100%;}
#totop a:before{position: absolute;content: "";display: inline-block;
vertical-align: middle;
color: #fff;
line-height: 1;
width: 10px;
height: 10px;
border: 2px solid currentColor;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
left: 50%;top: 54%;
transform: translateY(-50%)  translateX(-50%) rotate(-45deg);}

/*下層*/
.cont{color: #fff;margin: 70px 0 0 0;}


/* グループ企業を知る */

.p10#under02 #u_sec01{background-image: url(../img/group_bg.jpg);}
.p10 .lead{margin-top: 60px;font-size: 14px;font-weight: bold;line-height: 2;text-align: center;letter-spacing: .05em}
.p10 .map{margin-top: 50px;}
.p10 .map img{width: auto;max-width: 100%;display: block;margin: 0 auto;}
.p10 .list{margin-top: 80px;}
.p10 .list li{position: relative;margin-top: 50px;padding: 55px 5% 45px;background-color: #1c6f37;border-radius: 25px;color: #fff;}
.p10 .list .num{position: absolute;top: -30px;left: 50%;transform: translateX(-50%);width: 60px;height: 60px;line-height: 50px;font-size: 24px;text-align: center;font-weight: bold;background-color: #1c6f37;border-radius: 50%;border: 5px solid #fff;}
.p10 .list .title{margin-bottom: 34px;font-size: 19px;line-height: 1.3;text-align: center;font-weight: bold;}
.p10 .list .title a{color: #fff;}
.p10 .list .title a span{width: 15px;margin: 0 0 0 10px;display: inline-block;}
.p10 .list .title a span img{vertical-align: middle;}
.p10 .list dl{margin-top: 24px;display: flex;flex-wrap: nowrap;justify-content: flex-start;align-items: center;font-size: 12px;line-height: 1.57;font-weight: bold;}
.p10 .list dt{color: #b4ce4e;text-align: right;padding-right: 1em;width: 5.5em;box-sizing: border-box;font-weight: bold;flex-shrink: 0;}
.p10 .list dd{border-left: 2px solid #b4ce4e;padding-left: 1em;flex-grow: 1;}






/*ハンバーガーメニュー*/


}


@media screen and (max-width:1200px){
.pc_h{display: none;}
.sp_h{display: block;}


.open #nav-toggle span {
background: #fff;
}
.open #nav-toggle span:nth-child(1) {
top: 7px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
top: 7px;
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 7px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 100%;
}

/* z-index */
#nav-toggle {
z-index: 1000;
height: 20px;
}

#container {
z-index: 900;
}

#gloval-nav {
background: #1c6f37;
font-weight: 500;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
visibility: hidden;
font-size: 3vw;
opacity: 0;
transition: opacity .6s ease, visibility .6s ease;
overflow-y: scroll;
}
/* open */
.open {
overflow: hidden;
}
.open #gloval-nav {
width: 100vw;
visibility: visible;
opacity: 1;
z-index: 99;
}


header .box00{width: 100vw!important;background: #fff;width: 100%;position: fixed;top: 0;left: 0; height: 45px;z-index: 100;}
header .box01{background: #ea9514;max-width: 200px;height: 45px;position: absolute;top:0;right: 45px;width: 32%;}
header .box01 a{width: 100%;height: 100%;text-align: center;line-height: 45px;color: #fff;display: block;}
header .box02{background: #1c6f37;width: 45px;height: 45px;position: absolute;right: 0;top: 0;}




header h1{position: relative;z-index: 2;width: 37%;max-width: 188px;height: 45px;display: flex;align-items: center;margin: 0 0 0 10px;}
header h1 a{display: flex;align-items: center;justify-content: space-between;}

#nav-toggle {
position: fixed;
cursor: pointer;
top:14px;
right: 10px;
}
#nav-toggle > div{position: relative;}

#nav-toggle > div {
position: relative;
width: 23px;
}
#nav-toggle span {
width: 100%;
height: 2.5px;
left: 0;
display: block;
background: #fff;
position: absolute;
transition: top .5s ease, -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out, top .5s ease;
transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 0;
}
#nav-toggle span:nth-child(2) {
top: 7px;
}
#nav-toggle span:nth-child(3) {
top: 14px;
}


#gloval-nav{padding: 20vw 10vw;color: #fff;}
#gloval-nav .navi:before {position: fixed;left: 50%;bottom: 5vw; content: "";width: 3vw;
height: 3vw;
border: 2px solid;
border-color:  transparent transparent #fff #fff;
transform: rotate(-45deg);z-index: 2}
#gloval-nav .navi:after {position: fixed;content: "";width: 100%;height: 40vw;bottom: 0; background: linear-gradient(rgba(28,111,55,0) 28%,rgba(28,111,55,1));z-index: 1;pointer-events: none;}
#gloval-nav a {color: #fff;}
#gloval-nav ul .en{font-weight: normal;}


#gloval-nav .wrap > ul{display: flex;flex-direction: column;}
#gloval-nav .wrap > ul > li{display: inline-block;}
#gloval-nav .s01{font-size: 4vw;font-weight: bold;margin: 0 0 30px 0;}
#gloval-nav a.s01{position: relative;display: block;}
#gloval-nav a.s01 p,#gloval-nav .sub li a{position: relative;display: inline-block;}
#gloval-nav a.s01 p:before, #gloval-nav .sub li a:before{position: absolute;content: "";right: -20px; width: 0;top:calc(50% - 3px);
height: 0;
border-left: 5px solid #fff;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;}
#gloval-nav .sub li a:before{right: -12px;top:calc(50% - 2px)}
#gloval-nav .s02{font-size: 3vw;font-weight: bold;margin: 0 0 18px 55px;position: relative;}
#gloval-nav .s02:before{position: absolute;content: "";height: 2px;width: 42px;background: #fff;left: -55px;;top: 6px;}

#gloval-nav .sub li{font-size: 3vw;margin: 0 0 18px 0;text-indent: 3vw;}
#gloval-nav .sub li:last-child{margin: 0 0 35px 0;}
#gloval-nav .sub span{font-size: 3.5vw;margin: 0 7px 0 0;}

#gloval-nav .box03{text-align: center}
#gloval-nav .box03 a{display: block;margin: 0 0 20px 0;font-size: 3.3vw}
#gloval-nav .box03 span{width: 15px;margin: 0 0 0 10px;display: inline-block;}
#gloval-nav small{font-size: 12px;font-weight: normal;text-align:center;padding: 0 0 30px;width: 100%;display: block;}

.hide{
transform: translateY(+100%); /* 上に消えるようにする */
}

}