@charset "UTF-8";


@media screen and (min-width: 768px),print {
header {position: absolute;width: 100%;}
.seo_bread_list{margin: 0 auto;max-width: 142.9rem;z-index: 3;position: relative;}

#contentsmain {margin: 0 auto 5rem;position: relative;background: url('../images/original-vs-custom/contentsmain-back00.png')no-repeat top center;background-size: 100% auto;min-height: 77.3rem;padding: 22.4rem 0 3rem;}
#contentsmain .inner-Box{margin: 0 auto;position: relative;text-align: center;padding-top: 4rem;}
#contentsmain .dicon{position: absolute;top: -5.4rem;left: 50%;width: 18rem;transform: scale(-1, 1);margin-left: 8.7rem;}
#contentsmain .inner-Box h1 {margin-bottom: 3.7rem;padding-right: 1rem;display: block;padding-right: 2rem;}
#contentsmain .inner-Box h1 span{  }
#contentsmain .inner-Box h1 img {  }
#contentsmain .inner-Box p.text {margin-bottom: 0rem;position: relative;font-size: 1.6rem;line-height: 2.5;letter-spacing: 0.2em;font-weight: 400;text-align: center;}

#contentsmain .inner-Box p.subttl {margin-bottom: 3.4rem;position: relative;color: var(--mred);font-size: 2.5rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: center;}
#contentsmain .inner-Box p.subttl span {display: inline-block;color: var(--mbl);}

#contentsmain .inner-Box p.text {margin-bottom: 5rem;position: relative;font-size: 1.6rem;line-height: 2.5;letter-spacing: 0.2em;font-weight: 500;text-align: center;padding-left: 5rem;}
#contentsmain .inner-Box figure img{width: 100%;height: auto;border-radius: 3rem;position: relative;}
#contentsmain .inner-Box figure::before{ content: "";aspect-ratio: 1 / 1;display: block;width: 8.8rem;position: absolute;border-radius: 1.5rem;background: var(--mbl); }
#contentsmain .inner-Box figure.photo01 {position: absolute;top: -12rem;left: 50%;width: 24.5rem;margin-left: 30.5rem;}
#contentsmain .inner-Box figure.photo01::before{bottom: -4.5rem;left: 4.6rem;z-index: 0;width: 4vw;background: var(--mred);}
#contentsmain .inner-Box figure.photo02 {position: absolute;top: 0.1rem;left: 50%;margin-left: -60.6rem;width: 18.3rem;}
#contentsmain .inner-Box figure.photo02::before{bottom: -3.3rem;right: -3.3rem;width: 11.7rem;background: var(--mred);}
#contentsmain .inner-Box figure.photo03 {position: absolute;top: 40.4rem;left: 50%;margin-left: 6.7rem;width: 19rem;}
#contentsmain .inner-Box figure.photo03::before{bottom: -2.1rem;left: -3rem;width: 6.5rem;display: none;}
#contentsmain .inner-Box figure.photo04 {position: absolute;top: 34.3rem;left: 50%;margin-left: -31.2rem;width: 23.7rem;}
#contentsmain .inner-Box figure.photo04::before{top: -3.2rem;left: -3.1rem;width: 6.5rem;}
#contentsmain .inner-Box figure.photo05 {position: absolute;top: 17.6rem;left: 50%;width: 16.6rem;margin-left: 44.1rem;}
#contentsmain .inner-Box figure.photo05::before{t;bottom: -5.1rem;width: 12rem;left: -7.3rem;}
#contentsmain .inner-Box figure.photo06 {position: absolute;top: -12.9rem;left: 50%;width: 15rem;margin-left: -32.9rem;}
#contentsmain .inner-Box figure.photo06::before{top: -4.4rem;right: 11rem;display: none;}

#contents01 {margin: 0 auto 12rem;position: relative;padding: 9.2rem 5vw 0.1rem;}
#contents01 .ttl-Box{width: 50.7rem;margin: 0 auto 2.8rem;position: relative;}
#contents01 .ttl-Box .dicon{width: 5.2rem;margin: 0 auto -4.1rem;left: -4rem;position: relative;top: -3.8rem;}
#contents01 .ttl-Box .f-en{font-size: 1.4rem;line-height: 1.714;letter-spacing: 0.2em;font-weight: 600;text-align: -webkit-auto;color: var(--mred);margin-bottom: 0.7rem;margin-left: 21.1rem;}
#contents01 .ttl-Box .f-en span{ color: var(--mbl); }
#contents01 .ttl-Box h2{position: relative;left: 2.6rem;margin-bottom: 1.9rem;font-size: 2.4rem;line-height: 1.88;letter-spacing: 0.2em;font-weight: 600;text-align: left;color: #111111;}

#contents01 .inner-Box { margin: 0 auto; position: relative; }
#contents01 .inner-Box p.text {margin-bottom: 0.7rem;position: relative;font-size: 1.6rem;line-height: 2.5;letter-spacing: 0.2em;font-weight: 500;text-align: center;color: #111111;}


#contents02{margin-bottom: 20.1rem;}
#contents02 .back-Box{padding-bottom: 0.9rem;}
#contents02 .dicon{width: 27rem;margin-left: 2.8rem;position: relative;top: -3.5rem;margin-bottom: -10.5rem;}

#contents02.bg-common-left::before{background: var(--mred);}

#contents02 .ttl-Box{width: 43rem;margin: 0 auto 4rem;position: relative;}
#contents02 .ttl-Box h2{position: relative;margin-bottom: 1.9rem;font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;color: #111111;}
#contents02 .ttl-Box h2 .col1{color: var(--mred);font-size: 3.0rem;}
#contents02 .ttl-Box h2 .col2{color: var(--mbl);font-size: 3.0rem;}

#contents02 .inner-Box {margin: 0 auto;position: relative;max-width: 110rem;}
#contents02 .min-Box{display:flex;align-items:flex-start;gap:2.2727%;position:relative;margin-bottom: 3.6rem;}
#contents02 .left-Box{width:48.8636%;position:relative;border: 1px solid #D5D5D5;border-radius: 1rem;background: #fff;padding: 4rem 4rem 3.6rem;}
#contents02 .right-Box{width:48.8636%;position:relative;border: 1px solid #D5D5D5;border-radius: 1rem;background: #fff;padding: 4rem;}
#contents02 .min-Box span.iic {display: inline-block;line-height: 1;}
#contents02 .min-Box span.iic img {  }
#contents02 .min-Box h3 {margin-bottom: 1.3rem;position: relative;color: var(--mred);font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: left;}
#contents02 .min-Box p.text {margin-bottom: 1.2rem;position: relative;font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;color: #111111;}
#contents02 .min-Box ul{}
#contents02 .min-Box ul li { position: relative; }
#contents02 .min-Box ul li::before{content: "";display: block;width: 0.8rem;height: 0.8rem;background: var(--mred);border-radius: 50%;position: absolute;top: 1rem;left: 0.1rem;}
#contents02 .min-Box .right-Box h3{color: var(--mbl);}
#contents02 .min-Box .right-Box ul li::before{ background: var(--mbl); }
#contents02 .min-Box p.ltext {margin-bottom: 0rem;position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 500;text-align: left;color: #111111;padding-left: 1.6rem;}

#contents02 .min-Box2 {margin: 0 auto;position: relative;max-width: 92.6rem;padding-bottom: 7rem;}
#contents02 .min-Box2 ul{display:grid;grid-template-columns:repeat(4,1fr);gap:3.2397%;}
#contents02 .min-Box2 ul li{ color: #F4F4C8; text-align: center; position:relative;aspect-ratio:1/1;border-radius:50%;display:flex;align-items:center;justify-content:center;}
#contents02 .min-Box2 ul li:nth-child(1) {background: url(../images/recruit/contents02-img01.svg)no-repeat center center var(--mbl);padding-top: 1.5rem;}
#contents02 .min-Box2 ul li:nth-child(2) {background: url(../images/recruit/contents02-img02.svg)no-repeat center center var(--mred);padding-top: 1.5rem;}
#contents02 .min-Box2 ul li:nth-child(3) {background: url(../images/recruit/contents02-img03.svg)no-repeat center center var(--mbl);}
#contents02 .min-Box2 ul li:nth-child(4) {background: url(../images/recruit/contents02-img04.svg)no-repeat center center var(--mred);}
#contents02 .li-Box{margin:0 auto;position:relative;}
#contents02 .li-Box p.ltext2 {margin-bottom: -0.9rem;position: relative;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 500;text-align: center;color: #F4F4C8;}
#contents02 .li-Box h4 {margin-bottom: 0rem;position: relative;font-size: 4.0rem;line-height: 1.5;letter-spacing: 0em;font-weight: 700;text-align: center;color: #F4F4C8;}
#contents02 .li-Box h4 span {font-size: 1.8rem;line-height: 1.33;letter-spacing: 0.1em;font-weight: 700;text-align: center;color: #F4F4C8;}
#contents02 .li-Box ul li { position: relative; }

#contentstopics{padding: 0rem 5vw;margin-bottom: 9.8rem;}
#contentstopics .inner-Box{margin:0 auto;max-width: 87rem;position: relative;}
#contentstopics .ttl-Box{ }
#contentstopics .system-Box{padding-top: 4rem;margin-bottom: 6.4rem;}
#contentstopics .ttl-Box .dicon{width: 5.3rem;margin: 0 auto -0.6rem;left: -6.5rem;position: relative;}
#contentstopics .ttl-Box .f-en{color: var(--mred);font-size: 1.4rem;line-height: 1.714;letter-spacing: 0.2em;font-weight: 600;text-align: left;padding-left: 2.1rem;margin-bottom: -0.3rem;}
#contentstopics .ttl-Box .f-en span{ color: var(--mbl); }
#contentstopics .ttl-Box h2{font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;padding-left: 2.7rem;}
#contentstopics .system-Box ul{}
#contentstopics .system-Box ul li{border-bottom: 1px solid #111;margin-bottom: 2.1rem;padding-bottom: 1.9rem;}
#contentstopics .system-Box ul li a{display: block;position: relative;padding: 0 5rem 0rem 0;}
#contentstopics .system-Box ul li .sys-date{ font-size: 1.4rem; line-height: 1.5; letter-spacing: 0.1em; font-weight: 400; text-align: left; margin-bottom: 1rem; }
#contentstopics .system-Box ul li .sys-date .cate{font-size: 1.2rem;line-height: 1;letter-spacing: 0.07em;font-weight: 500;text-align: left;display: inline-block;border: #111 solid 1px;background: #fff;position: relative;top: -0.1rem;padding: 0.6rem 0.8rem;}
#contentstopics .system-Box ul li .sys-ttl{font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: left;color: #111111;margin-bottom: 0.9rem;}
#contentstopics .system-Box ul li .sys-text{font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;color: #111111;}
#contentstopics .system-Box ul li .arr{position: absolute;top: 71%;right: 0.3rem;transform: translateY(-50%);transition: all 0.3s ease-in-out;}
#contentstopics .system-Box ul li a:hover .arr{ right: -0.7rem;}

#contentstopics .redtext{font-size: 1.6rem;color: var(--mred);line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: center;margin-bottom: 3.9rem;}
#contentstopics .inner-Box p.textbtn { margin-bottom: 0px; position: relative; }
#contentstopics .inner-Box p.textbtn a {  }
#contentstopics .inner-Box p.textbtn a:hover {  }
#contentstopics .inner-Box p.textbtn {position: relative;top: 0rem;background: url(../images/common/btn-back.svg) #FDFDE5;border: 1px solid #707070;border-radius: 10px;box-shadow: 0px 6px 0px #D3D3B8;transition: all 0.3s ease-in-out;width: 52.6rem;margin: 0 auto;}
#contentstopics .inner-Box p.textbtn:hover { background: url(../images/common/foot-back.svg) #F4F4C8; top: 0.6rem; box-shadow: 0px 0px 0px #D3D3B8;transition: all 0.3s ease-in-out;}
#contentstopics .inner-Box p.textbtn a {display: block;font-size: 2rem;line-height: 1.75;letter-spacing: 0.2em;font-weight: 600;text-align: center;color: #111111;padding: 3.7rem 0rem;}
#contentstopics .inner-Box p.textbtn a::before{content: "";display: block;width: 2rem;height: 2rem;background: url(../images/common/arr.svg) no-repeat;position: absolute;right: 1.8rem;bottom: 1.8rem;background-size: 100% auto;}

#contents03{padding: 0rem 5vw;margin-bottom: 11.5rem;}
#contents03 .inner-Box{margin:0 auto;max-width: 110rem;position: relative;}
#contents03 .ttl-Box{margin-bottom: 1.9rem;}
#contents03 .flow-Box{padding-top: 4rem;margin-bottom: 6.4rem;}
#contents03 .ttl-Box .dicon{width: 5.3rem;margin: 0 auto -0.6rem;left: -6.5rem;position: relative;}
#contents03 .ttl-Box .f-en{color: var(--mred);font-size: 1.4rem;line-height: 1.714;letter-spacing: 0.2em;font-weight: 600;text-align: left;padding-left: 2.1rem;margin-bottom: -0.3rem;}
#contents03 .ttl-Box .f-en span{ color: var(--mbl); }
#contents03 .ttl-Box h2{font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;padding-left: 2.7rem;}

#contents03 {margin: 0 auto 10rem;position: relative;}
#contents03 .flow-Box { margin: 0 auto; position: relative; }
#contents03 .flow-Box ul{display:grid;grid-template-columns:repeat(4,1fr);gap:4.9091%;}
#contents03 .flow-Box ul li{position:relative;background: #F4F4C8;border-radius: 1rem;text-align: center;padding: 4rem 0 2rem 0;}
#contents03 .flow-Box ul li::before{content: "";display: block;width: 16.3%;height: 0.6rem;background: url(../images/recruit/contents03-icon01.svg)no-repeat;position: absolute;top: 50%;right: -28.1%;transform: translateX(-50%);background-size: 100% auto;}
#contents03 .flow-Box ul li:last-child::before{ display: none; }
#contents03 .flow-Box p.notext {margin-bottom: 0rem;position: absolute;width: 5.9rem;height: 5.9rem;border-radius: 50%;background: var(--mred);top: -1.9rem;font-size: 1.0rem;line-height: 1.2;letter-spacing: 0.2em;font-weight: 600;text-align: center;color: #F4F4C8;padding-top: 1.2rem;}
#contents03 .flow-Box p.notext span {font-size: 2.4rem;line-height: 1.38;letter-spacing: 0.2em;font-weight: 600;text-align: center;color: #F4F4C8;display: block;position: relative;top: -0.4rem;left: 0.2rem;}
#contents03 .flow-Box ul li:nth-child(2n) p.notext {background: var(--mbl);}
#contents03 .flow-Box ul li:nth-child(2n) h3{ color: var(--mbl); }

#contents03 .flow-Box h3 {margin-bottom: 1rem;position: relative;font-size: 1.8rem;line-height: 1.67;letter-spacing: 0.2em;font-weight: 700;text-align: center;color: #D0001A;}
#contents03 .flow-Box h3 span{font-size: 1.6rem; line-height: 1.88; letter-spacing: 0.2em; font-weight: 700; text-align: center; color: #D0001A; }
#contents03 .flow-Box figure.img {position: relative;top: 0;left: 0;}
#contents03 .flow-Box figure.img img{  }


#contents04 { margin: 0 auto; position: relative; padding: 0rem 5vw; margin-bottom: 10.1rem; }
#contents04 .ttl-Box{margin-bottom: 1.9rem;}
#contents04 .ttl-Box .dicon{width: 5.3rem;margin: 0 auto -0.6rem;left: -10.5rem;position: relative;}
#contents04 .ttl-Box .f-en{color: var(--mred);font-size: 1.4rem;line-height: 1.714;letter-spacing: 0.2em;font-weight: 600;text-align: left;padding-left: 2.1rem;margin-bottom: -0.3rem;}
#contents04 .ttl-Box .f-en span{ color: var(--mbl); }
#contents04 .ttl-Box h2{font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;padding-left: 2.7rem;margin-bottom: 3.7rem;}

#contents04 .inner-Box{display:flex;align-items:flex-start;gap:2.2727%;position:relative;max-width:110rem;margin:0 auto;}
#contents04 .left-Box{width:48.8636%;position:relative;border: 1px solid #D5D5D5;border-radius: 10px;background: #fff;padding-bottom: 2.9rem;}
#contents04 .right-Box{width:48.8636%;position:relative;border: 1px solid #D5D5D5;border-radius: 10px;background: #fff;padding-bottom: 2.9rem;}

#contents04 .min-Box{display:flex;align-items:flex-start;gap:7.0022%;position:relative;padding: 4rem 4rem 2.5rem;}
#contents04 .text-Box{width:58.8621%;position:relative;}
#contents04 figure.photo{width:34.1357%;position:relative;top:0;left:0;}
#contents04 figure.photo img{ width: 100%; height: auto; }

#contents04 .text-Box h3 {position: relative;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: left;color: var(--mred);margin-bottom: 1.2rem;}
#contents04 .right-Box .text-Box h3{ color: var(--mbl); }
#contents04 .text-Box p.text {margin-bottom: 0rem;position: relative;font-size: 1.4rem;line-height: 2.0;letter-spacing: 0.1em;font-weight: 400;text-align: left;color: #111111;opacity: 1;}

#contents04 .left-Box p.enbtn {margin: 0 3.8rem 0rem;position: relative;}
#contents04 .left-Box p.enbtn a {display: block;color: #fff;background: var(--mred); border: var(--mred) 1px solid; font-size: 1.6rem;line-height: 1.81;letter-spacing: 0.2em;font-weight: 700;text-align: center;border-radius: 2rem;padding: 0.7rem 2rem;transition: all 0.3s ease-in-out;}
#contents04 .left-Box p.enbtn a::before{content: "";display: block;width: 2rem;height: 2rem;background: url(../images/common/arr-red.svg) no-repeat;position: absolute;right: 2rem;top: 50%;transform: translateY(-50%);background-size: 100% auto;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);transition: all 0.3s as-in-out;}
#contents04 .left-Box p.enbtn a:hover { background: #fff; color: var(--mred);  }
#contents04 .left-Box p.enbtn a:hover::before{ -webkit-filter: none; filter: none;}
#contents04 .right-Box p.enbtn {margin: 0 3.8rem 0rem;position: relative;}
#contents04 .right-Box p.enbtn a {display: block;color: #fff;background: var(--mbl); border: var(--mbl) 1px solid; font-size: 1.6rem;line-height: 1.81;letter-spacing: 0.2em;font-weight: 700;text-align: center;border-radius: 2rem;padding: 0.7rem 2rem;transition: all 0.3s ease-in-out;}
#contents04 .right-Box p.enbtn a::before{content: "";display: block;width: 2rem;height: 2rem;background: url(../images/common/arr-red.svg) no-repeat;position: absolute;right: 2rem;top: 50%;transform: translateY(-50%);background-size: 100% auto;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);transition: all 0.3s ease-in-out;}
#contents04 .right-Box p.enbtn a:hover { background: #fff; color: var(--mbl);  }
#contents04 .right-Box p.enbtn a:hover::before{ -webkit-filter: none; filter: none;}

/* 募集停止表示(グレーの帯)は左右どちらのカラムでも同じ見た目にする */
#contents04 p.enbtn.is-closed {background: #C8C8C8;border-radius: 10rem;font-size: 1.6rem;line-height: 1.81;letter-spacing: 0.2em;font-weight: 700;text-align: center;color: #FFFFFF;padding: 0.7rem;}

#contents04 .inner-Box2 {margin: 0 auto;position: relative;padding: clamp(18rem, calc((100vw - 9rem - 10vw) / 12.2 * 1.9), 25.5rem) 0 0;}
#contents04 .inner-Box2 h4.f-en {margin-bottom: 0rem;position: absolute;width: max-content;font-size: clamp(4.5rem, calc((100vw - 9rem - 10vw) / 12.2), 13.4rem);line-height: 1;letter-spacing: 0.2em;font-weight: 600;text-align: center;top: 4rem;left: 50%;transform: translateX(-50%);margin-left: 0;white-space: nowrap;}
#contents04 .inner-Box2 h5 {margin-bottom: 3.1rem;position: relative;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: center;color: #111111;opacity: 1;}
#contents04 .inner-Box2 p.companybtn {margin: 0 auto 0rem;position: relative;width: 52.5rem;}
#contents04 .inner-Box2 p.companybtn a {display: block;position: relative;overflow: hidden;background: url(../images/recruit/contents04-photo03.jpg) no-repeat center center;background-size: cover;font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;border-radius: 1rem;color: #FFFFFF;padding: 5.5rem 0;}
#contents04 .inner-Box2 p.companybtn a:hover {  }
#contents04 .inner-Box2 p.companybtn a::before{content: "";display: block;width: 2rem;height: 2rem;background: url(../images/common/arr-red.svg) no-repeat;position: absolute;right: 2rem;bottom: 0.9rem;transform: translateY(-50%);background-size: 100% auto;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);transition: all 0.3s as-in-out;}

}
@media screen and (min-width:768px) and ( max-width:1400px) {
#contentsmain { min-height: 77.3rem; aspect-ratio: auto;background-size: auto 100%; margin-bottom: 1rem;}


	
}

@media screen and (max-width: 767px) {

.cpback{background:url(../images/manufacturing/cpback.svg) var(--mbl);padding: 10.3vw 0.1vw .2vw;margin-bottom: 11vw;}
.seo_bread_list{padding-right: 5.2vw;}
#pc-glnavi .h-menu{background: #FBFBF4;width: 20.1vw;height: 18.1vw;}
#pc-glnavi .h-menu .zdo_drawer_buttonsp{left: 5.6vw;}

#pc-glnavi .h-menu .zdo_drawer_buttonsp{left: 5.6vw;}
header{position:absolute;width:100%;z-index: 5;}
header .cpuninavi li a{color:#fff;}
header .cpuninavi li::before{background:#fff;}

#contentsmain{margin:0 auto 13.333vw;position:relative;background: url('../images/original-vs-custom/sp-contentsmain-back00.png') no-repeat top center;background-size:100% auto;min-height: 132.333vw;padding: 54.233vw 0 8vw;}
#contentsmain .inner-Box{margin:0 auto;position:relative;text-align:center;padding-top: 11.467vw;}
#contentsmain .dicon{position:absolute;top: 1.6vw;right: 5.3vw;width: 30.5vw;transform:scale(-1,1);}
#contentsmain .inner-Box h1{display:block;margin: 0 7.5vw 3.7vw 6.9vw;}
#contentsmain .inner-Box p.subttl{margin-bottom: 3.967vw;position:relative;color:var(--mred);font-size: 4.267vw;line-height:1.5;letter-spacing:.2em;font-weight:600;text-align:center;padding-left: 1vw;}
#contentsmain .inner-Box p.subttl span{display:inline-block;color:var(--mbl);}
#contentsmain .inner-Box p.text{margin-bottom:13.333vw;position:relative;font-size:4.267vw;line-height:2.5;letter-spacing:.2em;font-weight:500;text-align:center;padding-left:0;}
#contentsmain .inner-Box figure img{width:100%;height:auto;border-radius: 5vw;position:relative;}
#contentsmain .inner-Box figure::before{content:"";aspect-ratio:1/1;display:block;width:12vw;position:absolute;border-radius: 3.1vw;background:var(--mbl);}

#contentsmain .inner-Box figure.photo01{position: absolute;top: -50.1vw;left: 50vw;width: 39.333vw;margin:0 auto 6.4vw;}
#contentsmain .inner-Box figure.photo01::before{bottom: -7.2vw;left: 7.567vw;z-index:0;width: 12.267vw;background:var(--mred);}
#contentsmain .inner-Box figure.photo02{position: absolute;top: -24.6vw;left: 5.3vw;width: 27.933vw;margin:0 auto 6.4vw;}
#contentsmain .inner-Box figure.photo02::before{bottom: -4.6vw;left: 14.867vw;z-index:0;width: 17.767vw;background:var(--mred);}
#contentsmain .inner-Box figure.photo03{position: absolute;top: 45.8vw;right: 10.8vw;width: 26.533vw;margin:0 auto 6.4vw;}
#contentsmain .inner-Box figure.photo03::before{top: -3.6vw;right: -3.433vw;z-index:0;width: 14.967vw;}
#contentsmain .inner-Box figure.photo04{position: absolute;top: 54.3vw;left: 15.3vw;width: 35.933vw;margin:0 auto 6.4vw;}
#contentsmain .inner-Box figure.photo04::before{top: -4.8vw;left: -4.533vw;z-index:0;width: 9.767vw;}
#contentsmain .inner-Box figure.photo05,#contentsmain .inner-Box figure.photo06{display:none;}

#contents01{margin: 0 auto 16vw;position:relative;padding: 14.033vw 5vw .267vw;}
#contents01 .ttl-Box{width:100%;margin: 0 auto 2.4vw;position:relative;}
#contents01 .ttl-Box .dicon{width: 11.667vw;margin: 0 auto -9.4vw;left: -5.567vw;position:relative;top: -8.433vw;}
#contents01 .ttl-Box .f-en{font-size: 3.2vw;line-height:1.714;letter-spacing:.2em;font-weight:600;text-align:center;color:var(--mred);margin: 0 0 1.8vw 5vw;}
#contents01 .ttl-Box .f-en span{color:var(--mbl);}
#contents01 .ttl-Box h2{position:relative;left:0;margin-bottom: 2.267vw;color:#111;font-size: 4.3vw;line-height: 2.0;letter-spacing: 0.2em;font-weight: 600;text-align: center;}
#contents01 .inner-Box{margin: 0 0.3vw;position:relative;}
#contents01 .inner-Box p.text{margin-bottom: 4.5vw;position:relative;color:#111;font-size: 3.7vw;line-height: 2.0;letter-spacing: 0.1em;font-weight: 400;text-align: left;}

#contents02{margin-bottom: 27vw;}
#contents02 .back-Box{padding-bottom:2.4vw;padding-top: 12.2vw;}
#contents02 .dicon{width: 38.3vw;margin-left: 0.167vw;position:relative;top: -19.833vw;margin-bottom:-28vw;}
#contents02.bg-common-left::before{background:var(--mred);}

#contents02 .ttl-Box{width:100%;margin: 0 auto 5.267vw;position:relative;}
#contents02 .ttl-Box h2{position:relative;margin-bottom:5.067vw;color:#111;font-size: 4.8vw;line-height: 1.84;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contents02 .ttl-Box h2 .col1{color:var(--mred);font-size: 6.7vw;}
#contents02 .ttl-Box h2 .col2{color:var(--mbl);font-size: 6.7vw;}

#contents02 .inner-Box{margin:0 auto;position:relative;max-width:110rem;}
#contents02 .min-Box{display:flex;flex-direction:column;gap: 4.333vw;position:relative;margin-bottom: 9.6vw;}
#contents02 .left-Box,#contents02 .right-Box{width:100%;position:relative;border:1px solid #D5D5D5;border-radius:2.667vw;background:#fff;padding: 6.3vw 5.2vw 7.2vw 5.2vw;}
#contents02 .min-Box span.iic{display:inline-block;line-height:1;width: 6vw;}
#contents02 .min-Box h3{margin-bottom: 3.7vw;position:relative;color:var(--mred);font-size:4.8vw;line-height:1.5;letter-spacing:.1em;font-weight:600;text-align:left;}
#contents02 .min-Box .right-Box h3{color:var(--mbl);}
#contents02 .min-Box p.text{margin-bottom:3.2vw;position:relative;font-size:3.733vw;line-height: 1.55;letter-spacing:.1em;font-weight:400;text-align:left;color:#111;}
#contents02 .min-Box ul{}
#contents02 .min-Box ul li{position:relative;}
#contents02 .min-Box ul li::before{content:"";display:block;width:2.133vw;height:2.133vw;background:var(--mred);border-radius:50%;position:absolute;top:2.667vw;left:.267vw;}
#contents02 .min-Box .right-Box ul li::before{background:var(--mbl);}
#contents02 .min-Box p.ltext{margin-bottom:0;position:relative;font-size:4.267vw;line-height:1.8;letter-spacing:.1em;font-weight:500;text-align:left;color:#111;padding-left:4.267vw;}

#contents02 .min-Box2{margin:0 auto;position:relative;padding-bottom: 12.667vw;}
#contents02 .min-Box2 ul{display:grid;grid-template-columns:repeat(2,1fr);gap:5.333vw;}
#contents02 .min-Box2 ul li{color:#F4F4C8;text-align:center;position:relative;aspect-ratio:1/1;border-radius:50%;display:flex;align-items:center;justify-content:center;background-size: 23vw auto!important;}
#contents02 .min-Box2 ul li:nth-child(1){background:url(../images/recruit/contents02-img01.svg) no-repeat center center var(--mbl);padding-top:4vw;}
#contents02 .min-Box2 ul li:nth-child(2){background:url(../images/recruit/contents02-img02.svg) no-repeat center center var(--mred);padding-top:4vw;}
#contents02 .min-Box2 ul li:nth-child(3){background:url(../images/recruit/contents02-img03.svg) no-repeat center center var(--mbl);}
#contents02 .min-Box2 ul li:nth-child(4){background:url(../images/recruit/contents02-img04.svg) no-repeat center center var(--mred);}

#contents02 .li-Box{margin:0 auto;position:relative;}
#contents02 .li-Box p.ltext2{margin-bottom:-2.4vw;position:relative;color:#F4F4C8;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 500;text-align: center;}
#contents02 .li-Box h4{margin-bottom:0;position:relative;color:#F4F4C8;font-size: 8.0vw;line-height: 1.5;letter-spacing: 0em;font-weight: 700;text-align: center;}
#contents02 .li-Box h4 span{color:#F4F4C8;font-size: 3.7vw;line-height: 1.36;letter-spacing: 0.1em;font-weight: 700;text-align: center;}
#contents02 .li-Box ul li{position:relative;}

#contentstopics{padding:0 5.333vw;margin-bottom: 10.833vw;}
#contentstopics .inner-Box{margin:0 auto;max-width:100%;position:relative;}
#contentstopics .ttl-Box{}
#contentstopics .system-Box{padding-top: 6.467vw;margin-bottom: 9.567vw;}
#contentstopics .ttl-Box .dicon{width: 11.833vw;margin: 0 auto -0.8vw;left: -14.933vw;position:relative;}
#contentstopics .ttl-Box .f-en{color:var(--mred);font-size:3.733vw;line-height:1.714;letter-spacing:.2em;font-weight:600;text-align:left;padding-left:5.6vw;margin-bottom:-0.8vw;}
#contentstopics .ttl-Box .f-en span{color:var(--mbl);}
#contentstopics .ttl-Box h2{padding-left: 5.6vw;font-size: 5.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;}

#contentstopics .system-Box ul{}
#contentstopics .system-Box ul li{border-bottom:1px solid #111;margin-bottom: 4.6vw;padding-bottom: 5.067vw;}
#contentstopics .system-Box ul li a{display:block;position:relative;padding:0 10.667vw 0 0;}
#contentstopics .system-Box ul li .sys-date{font-size:3.733vw;line-height:1.5;letter-spacing:.1em;font-weight:400;text-align:left;margin-bottom:2.667vw;}
#contentstopics .system-Box ul li .sys-date .cate{font-size:3.2vw;line-height:1;letter-spacing:.07em;font-weight:500;text-align:left;display:inline-block;border:#111 solid 1px;background:#fff;position:relative;top:-0.267vw;padding:1.6vw 2.133vw;}
#contentstopics .system-Box ul li .sys-ttl{color:#111;margin-bottom:2.4vw;font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: left;}
#contentstopics .system-Box ul li .sys-text{font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;color:#111;}
#contentstopics .system-Box ul li .arr{position:absolute;top: 65%;right: -0.6vw;transform:translateY(-50%);transition:all .3s ease-in-out;width:5.333vw;}
#contentstopics .system-Box ul li a:hover .arr{right:-1.867vw;}

#contentstopics .redtext{font-size: 3.7vw;color:var(--mred);line-height: 1.8;letter-spacing: 0.1em;font-weight:500;text-align:center;margin-bottom: 4.7vw;}

#contentstopics .inner-Box p.textbtn{position:relative;top:0;background:url(../images/common/btn-back.svg) #FDFDE5;border:1px solid #707070;border-radius:2.667vw;box-shadow:0 1.6vw 0 #D3D3B8;transition:all .3s ease-in-out;width:100%;max-width:100%;margin:0 auto;}
#contentstopics .inner-Box p.textbtn:hover{background:url(../images/common/foot-back.svg) #F4F4C8;top:1.6vw;box-shadow:0 0 0 #D3D3B8;}
#contentstopics .inner-Box p.textbtn a{display:block;color:#111;padding: 5.9vw 8.6vw 5.9vw 10.6vw;font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: center;}
#contentstopics .inner-Box p.textbtn a::before{content:"";display:block;width:5.333vw;height:5.333vw;background:url(../images/common/arr.svg) no-repeat;background-size:100% auto;position:absolute;right: 2.8vw;bottom: 3.5vw;}

#contents03{padding:0 5.333vw;margin: 0 auto 9.967vw;position:relative;}
#contents03 .inner-Box{margin:0 auto;max-width:100%;position:relative;}
#contents03 .ttl-Box{margin-bottom: -4vw;}
#contents03 .flow-Box{padding-top:10.667vw;margin-bottom:17.067vw;}
#contents03 .flow-Box ul li::before{content: "";display: block;width: 10.1vw;height: 1.8vw;background: url(../images/recruit/contents03-icon01.svg)no-repeat;position: absolute;bottom: -8vw;left: 41.6%;background-size: 100% auto;transform: rotate(90deg);transform-origin: center;}
#contents03 .flow-Box ul li:last-child::before{ display: none; }

#contents03 .ttl-Box .dicon{width: 11.833vw;margin:0 auto -1.6vw;left: -14.233vw;position:relative;}
#contents03 .ttl-Box .f-en{color:var(--mred);font-size:3.733vw;line-height:1.714;letter-spacing:.2em;font-weight:600;text-align:left;padding-left:5.6vw;margin-bottom:-0.8vw;}
#contents03 .ttl-Box .f-en span{color:var(--mbl);}
#contents03 .ttl-Box h2{font-size: 5.333vw;line-height:1.5;letter-spacing:.2em;font-weight:700;text-align:center;padding-left:7.2vw;}

#contents03 .flow-Box{margin: 0 13.6vw;position:relative;}
#contents03 .flow-Box ul{display:flex;flex-direction:column;gap: 14.2vw;}
#contents03 .flow-Box ul li{position:relative;background:#F4F4C8;border-radius:2.667vw;text-align:center;padding: 10.667vw 5.333vw 6.333vw;}

#contents03 .flow-Box p.notext{margin-bottom:0;position:absolute;width:15.733vw;height:15.733vw;border-radius:50%;background:var(--mred);top:-5.067vw;left: 7.8vw;transform:translateX(-50%);font-size:2.667vw;line-height:1.2;letter-spacing:.2em;font-weight:600;text-align:center;color:#F4F4C8;padding-top:3.2vw;}
#contents03 .flow-Box p.notext span{font-size:6.4vw;line-height:1.38;letter-spacing:.2em;font-weight:600;text-align:center;color:#F4F4C8;display:block;position:relative;top:-1.067vw;left:.533vw;}

#contents03 .flow-Box ul li:nth-child(2n) p.notext{background:var(--mbl);}
#contents03 .flow-Box ul li:nth-child(2n) h3,
#contents03 .flow-Box ul li:nth-child(2n) h3 span{color:var(--mbl);}

#contents03 .flow-Box h3{margin-bottom:2.667vw;position:relative;font-size:4.8vw;line-height:1.67;letter-spacing:.2em;font-weight:700;text-align:center;color:#D0001A;}
#contents03 .flow-Box h3 span{font-size:4.267vw;line-height:1.88;letter-spacing:.2em;font-weight:700;text-align:center;color:#D0001A;}

#contents03 .flow-Box figure.img{position:relative;top:0;left:0;max-width: 44vw;margin:0 auto;}
#contents03 .flow-Box figure.img img{width:100%;height:auto;display:block;}

#contents04{margin: 0 auto 19.933vw;position:relative;padding:0 5.333vw;}
#contents04 .ttl-Box{margin-bottom: -3.9vw;}
#contents04 .ttl-Box .dicon{width: 11.8vw;margin: 0 auto -0.6vw;left: -24.7vw;position:relative;}
#contents04 .ttl-Box .f-en{color:var(--mred);font-size:3.733vw;line-height:1.714;letter-spacing:.2em;font-weight:600;text-align:left;padding-left:5.6vw;margin-bottom:-0.8vw;}
#contents04 .ttl-Box .f-en span{color:var(--mbl);}
#contents04 .ttl-Box h2{font-size: 5.3vw;line-height:1.5;letter-spacing:.2em;font-weight:700;text-align:center;padding-left: 4.9vw;margin-bottom:9.867vw;}

#contents04 .inner-Box{display:flex;flex-direction:column;gap: 4.333vw;max-width:100%;margin:0 auto;}
#contents04 .left-Box,
#contents04 .right-Box{width:100%;position:relative;border:1px solid #D5D5D5;border-radius:2.667vw;background:#fff;padding-bottom: 6.033vw;}

#contents04 .min-Box{display:flex;gap: 3.3vw;position:relative;padding: 6.4vw 5.2vw 3.667vw;}
#contents04 .text-Box{width: 99%;position:relative;}
#contents04 figure.photo{width: 49.133vw;position:relative;top:0;left:0;margin:0 auto;}
#contents04 figure.photo img{width:100%;height:auto;}

#contents04 .text-Box h3{position:relative;font-size:4.8vw;line-height:1.5;letter-spacing:.1em;font-weight:600;color:var(--mred);margin-bottom:3.2vw;}
#contents04 .right-Box .text-Box h3{color:var(--mbl);}
#contents04 .text-Box p.text{margin-bottom:0;position:relative;font-size:3.733vw;line-height: 1.8;letter-spacing:.1em;font-weight:400;text-align:left;color:#111;}

#contents04 .left-Box p.enbtn{margin: 0 5.3vw;position:relative;}
#contents04 .left-Box p.enbtn a{display:block;color:#fff;background:var(--mred);border:var(--mred) 1px solid;font-size:4.267vw;line-height:1.8;letter-spacing:.2em;font-weight:700;text-align:center;border-radius:10.667vw;padding: 1.9vw 8vw;transition:all .3s ease-in-out;}
#contents04 .left-Box p.enbtn a::before{content:"";display:block;width:5.333vw;height:5.333vw;background:url(../images/common/arr-red.svg) no-repeat;background-size:100% auto;position:absolute;right: 3.333vw;top:50%;transform:translateY(-50%);-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);transition:all .3s ease-in-out;}
#contents04 .left-Box p.enbtn a:hover{background:#fff;color:var(--mred);}
#contents04 .left-Box p.enbtn a:hover::before{-webkit-filter:none;filter:none;}

#contents04 .right-Box p.enbtn{margin: 0 5.1vw;position:relative;}
#contents04 .right-Box p.enbtn a{display:block;color:#fff;background:var(--mbl);border:var(--mbl) 1px solid;font-size:4.267vw;line-height:1.8;letter-spacing:.2em;font-weight:700;text-align:center;border-radius:10.667vw;padding: 1.9vw 8vw;transition:all .3s ease-in-out;}
#contents04 .right-Box p.enbtn a::before{content:"";display:block;width:5.333vw;height:5.333vw;background:url(../images/common/arr-red.svg) no-repeat;background-size:100% auto;position:absolute;right: 3.333vw;top:50%;transform:translateY(-50%);-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);transition:all .3s ease-in-out;}
#contents04 p.enbtn.is-closed{background:#C8C8C8;border-radius:10.667vw;font-size:4.267vw;line-height:1.8;letter-spacing:.2em;font-weight:700;text-align:center;color:#fff;padding: 2.2vw;}

#contents04 .inner-Box2{margin:0 auto;position:relative;padding: 41.667vw 0 0;}
#contents04 .inner-Box2 h4.f-en{position:absolute;width:100%;left: 51.8%;top: 7.667vw;transform:translateX(-50%);margin:0;font-size: 12.0vw;line-height: 1.2;letter-spacing: 0.2em;font-weight: 600;text-align: center;}
#contents04 .inner-Box2 h5{margin-bottom: 5.6vw;position:relative;color:#111;font-size: 3.7vw;line-height: 1.79;letter-spacing: 0.1em;font-weight: 500;text-align: center;}
#contents04 .inner-Box2 h5 .lead-line{display:block;white-space:nowrap;}
#contents04 .inner-Box2 p.companybtn{margin:0 auto;position:relative;width:100%;}
#contents04 .inner-Box2 p.companybtn a{display:block;background:url(../images/recruit/contents04-photo03.jpg) no-repeat center center;background-size:cover;font-size:5.333vw;line-height:1.5;letter-spacing:.2em;font-weight:700;text-align:center;border-radius:2.667vw;color:#fff;padding: 8.4vw 5.3vw 8.4vw 6.3vw;}
#contents04 .inner-Box2 p.companybtn a::before{content:"";display:block;width:5.333vw;height:5.333vw;background:url(../images/common/arr-red.svg) no-repeat;background-size:100% auto;position:absolute;right:5.333vw;bottom: 5.2vw;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}

}