@charset "UTF-8";



@media screen and (min-width: 768px),print {

header {position: absolute;width: 100%;}
header .h-logo img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
header .cpuninavi li a{ color: #fff; }
header .cpuninavi li::before{background: #fff;}
.cpback{background: url(../images/manufacturing/cpback.svg) var(--mbl);padding: 7.1rem 5vw 2.1rem;margin-bottom: 9.5rem;}

#cpmainttl{min-height: 76rem;background: url(../images/sodan/contentsmain-back01.jpg) no-repeat top center;background-size: cover;margin-bottom: 8rem;z-index: 3;position: relative;}
#cpmainttl .inner-Box{text-align: center;padding: 32.6rem 0 0;}
#cpmainttl .inner-Box h1{padding-right: 2rem;margin-bottom: 4.5rem;}
#cpmainttl .inner-Box .dicon{width: 18rem;margin-left: 2.8rem;position: absolute;top: 20.5rem;margin-left: 11.4rem;left: 50%;margin-bottom: -6.8rem;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);transform: scale(-1, 1);}
#cpmainttl .inner-Box .subttl{font-size: 1.6rem; line-height: 2.5; letter-spacing: 0.2em; font-weight: 500; text-align: center; color: #FFFFFF;}

#contentsplan{margin-bottom: 20.3rem;}
#contentsplan .back-Box{padding-bottom: 0.9rem;}
#contentsplan .dicon{ width: 27rem; margin-left: 2.8rem; position: relative; top: -3.5rem; margin-bottom: -6.8rem; }

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

#contentsplan .ttl-Box{width: 30rem;margin: 0 auto 4.7rem;position: relative;}
#contentsplan .ttl-Box .dicon{width: 5.2rem;margin: 0 auto -5rem;left: -4.5rem;}
#contentsplan .ttl-Box .f-en{font-size: 1.4rem;line-height: 1.714;letter-spacing: 0.2em;font-weight: 600;text-align: center;color: var(--mred);margin-bottom: -0.1rem;}
#contentsplan .ttl-Box .f-en span{ color: var(--mbl); }
#contentsplan .ttl-Box h2{font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contentsplan .ttl-Box h2 .big{font-size: 7.5rem;line-height: 1;letter-spacing: 0;font-weight: 600;text-align: left;margin: 0 0.4rem;position: relative;top: 1.6rem;}
#contentsplan .ttl-Box h2 .col{color: var(--mred);display: block;font-size: 2.0rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: center;margin-top: -1.6rem;}

#contentsplan .inner-Box{margin: 0 auto;max-width: 139rem;}
#contentsplan .inner-Box ul{display:flex;flex-wrap:wrap;gap:3.5971%;margin-bottom:6.8rem;}
#contentsplan .inner-Box ul li{width:30.9353%;}

#contentsplan .inner-Box ul li h3{font-size: 2.0rem;line-height: 1;letter-spacing: 0.2em;font-weight: bold;text-align: center;color: #FFFFFF;padding: 0 4rem 0;margin-bottom: -2.4rem;z-index: 3;position: relative;}
#contentsplan .inner-Box ul li h3 span{background: var(--mred);display: block;border-radius: 3rem;padding: 1.4rem 0.3rem;}
#contentsplan .inner-Box ul li figure{ margin-bottom: 1rem; }
#contentsplan .inner-Box ul li figure picture{}
#contentsplan .inner-Box ul li figure img{width: 100%;height: auto;margin-bottom: 0;}
#contentsplan .inner-Box ul li p.ltext{ font-size: 1.6rem; line-height: 1.8; letter-spacing: 0.1em; font-weight: normal; text-align: left; color: #111111; padding: 0 0 0 1.5rem; position: relative; }
#contentsplan .inner-Box ul li p.ltext::before{content:"";width: 0.8rem;height: 0.8rem;display: inline-block;border-radius: 50%;background: var(--mred);margin: 0 1.5rem 0 0;position: absolute;top: 1rem;left: 0rem;}

#contentsplan .inner-Box ul li p.dl{ font-size: 1.2rem; line-height: 1.5; letter-spacing: 0.1em; font-weight: 500; text-align: right; color: #111111; padding-top: 0.8rem; padding-right: 2rem; position: relative; }
#contentsplan .inner-Box ul li p.dl::before{content:"";width: 1.5rem;height: 1.5rem;display: inline-block;border-radius: 50%;background: url(../images/common/arr-red.svg)no-repeat;background-size: 100% auto;position: absolute;top: 1rem;right: 0rem;transition: all 0.3s ease-in-out;}
#contentsplan .inner-Box ul li a:hover p.dl::before{right: -0.6rem;}


#contentsmain {margin: 0 auto 13.6rem;position: relative;padding: 0 5vw;}
#contentsmain .navi-Box {margin: 0 auto 10.5rem;position: relative;max-width: 110rem;}
#contentsmain .navi-Box ul{display:flex;flex-wrap:wrap;gap:2.3636%;}
#contentsmain .navi-Box ul li{width:48.8182%;position:relative;font-size: 2.0rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: center;color: var(--mred);border: var(--mred) 1px solid;border-radius: 1rem;background: #fff;transition: all 0.3s ease-in-out;}
#contentsmain .navi-Box ul li:hover{background: var(--mred);color: #fff;}
#contentsmain .navi-Box ul li:nth-child(2):hover{background: var(--mbl);color: #fff;}
#contentsmain .navi-Box ul li a {display: block;transition: all 0.3s ease-in-out;padding: 3.2rem 0 1.9rem 0;}
#contentsmain .navi-Box ul li:nth-child(2) {border: var(--mbl) 1px solid; color: var(--mbl);}
#contentsmain .navi-Box ul li a:hover p.ltext{ color: #fff; }
#contentsmain .navi-Box span.micon {display: block;line-height: 1;margin-bottom: 1.2rem;}
#contentsmain .navi-Box span.micon img ,#contentsmain .navi-Box span.arr{ transition: all 0.3s ease-in-out; }
#contentsmain .navi-Box p.ltext {margin-bottom: 1rem;position: relative;}
#contentsmain .navi-Box span.arr { display: block; line-height: 1; }
#contentsmain .navi-Box a:hover img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

#contentsmain .inner-Box {margin: 0 auto 10rem;position: relative;max-width: 110rem;}
#contentsmain .inner-Box h2 {margin-bottom: 7.7rem;position: relative;text-align: center;}
#contentsmain .inner-Box h2 span {background: var(--mred);position: relative;font-size: 2.4rem;line-height: 1.9;letter-spacing: 0.2em;font-weight: 600;text-align: center;color: #FFFFFF;border-radius: 10rem;padding: 1.3rem 5.7rem;}
#contentsmain .inner-Box h2 span::before{content:"";display: block;background: url(../images/sodan/contentsmain-icon00.svg) no-repeat center center / auto;width: 3.2rem;height: 4.7rem;position: absolute;left: 7.8rem;bottom: -3.6rem;}
#contentsmain .inner-Box ul{display:flex;flex-wrap:wrap;gap:4.1818%;}
#contentsmain .inner-Box ul li{width:47.9091%;position:relative;}
#contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0;text-align: center;margin-bottom: 4rem;}
#contentsmain .inner-Box figure.img img{  }
#contentsmain .inner-Box h3{border-bottom: var(--mbl) 3px solid;margin-bottom: 1.1rem;position: relative;padding-bottom: 0.8rem;color: #111111;font-size: 1.7rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contentsmain .inner-Box h3::before{content:"";width: 8rem;height: 3px;display: block;position: absolute;bottom: -0.3rem;left: 0;background: var(--mred);z-index: 0;}

#contentsmain .inner-Box p.ltext2 {margin-bottom: 0rem;position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.2em;font-weight: 400;text-align: left;color: #111111;}

#contentsmain .inner-Box2 { margin: 0 auto;position: relative;max-width: 110rem; }
#contentsmain .inner-Box2 span.sicon {display: block;line-height: 1;text-align: center;margin-bottom: 1.3rem;}
#contentsmain .inner-Box2 span.sicon img {  }
#contentsmain .inner-Box2 h4 {margin-bottom: 4.8rem;position: relative;font-size: 3.2rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;color: #111111;}
#contentsmain .mBox{display:flex;gap:5.4945%;margin:0 auto;position:relative;max-width:91rem;}
#contentsmain .left-Box{width:50.5495%;position:relative;}
#contentsmain .right-Box{width:43.9560%;position:relative;}

#contentsmain .left-Box ul{}
#contentsmain .left-Box ul li {position: relative;margin-bottom: 3.1rem;}
#contentsmain .left-Box span.ch {display: block;position: absolute;line-height: 1;top: 0;left: 0;:;: 0;}
#contentsmain .left-Box span.ch img {  }
#contentsmain .left-Box p.ltext3 {margin-bottom: 0rem;position: relative;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;color: #111111;padding-left: 3.3rem;}
#contentsmain .right-Box figure.photo {position: relative;top: 0;left: 0;}
#contentsmain .right-Box figure.photo img{ width: 100%; height: auto; margin-bottom: 0; }

#contents01 {margin: 0 auto 10.2rem;position: relative;padding: 0 5vw;}
#contents01 .inner-Box{display:flex;align-items:center;gap: 4.3133%;margin:0 auto;position:relative;background:#FFFFFF;box-shadow:10px 10px 0 #FCDDE0;border:1px solid #D0001A;border-radius:10px;width:90.7rem;padding: 2.7rem 5.4rem;margin-bottom: 6.3rem;}
#contents01 .text-Box{width: 80.5417%;position:relative;}
#contents01 .inner-Box figure.photo{width: 17.445%;position:relative;top:0;left:0;aspect-ratio:1/1;border-radius:50%;overflow:hidden;}
#contents01 .inner-Box figure.photo img{  width: 100%; height: auto; margin-bottom: 0; }
#contents01 .text-Box h2 {margin-bottom: 0.7rem;position: relative;font-size: 2.4rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;text-align: left;color: var(--mred);}
#contents01 .text-Box p.text {margin-bottom: 0rem;position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;text-align: right;color: #111111;}
#contents01 .btn-Box { margin: 0 auto; position: relative; }
#contents01 .btn-Box p.textbtn { margin-bottom: 0px; position: relative; }
#contents01 .btn-Box p.textbtn a {  }
#contents01 .btn-Box p.textbtn a:hover {  }
#contents01 .btn-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;}
#contents01 .btn-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;}
#contents01 .btn-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: 5.4rem 0rem;}
#contents01 .btn-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;}

#contents02 {position:relative;padding: 0 5vw;margin-bottom: 10rem;}
#contents02 .back-Box{margin: 0 auto;position: relative;box-shadow: 10px 10px 0px #D6E2F7;border: 1px solid var(--mbl);border-radius: 10px;background: #fff;padding: 4.8rem 4rem 5.6rem;max-width: 90.7rem;}
#contents02 h2 {margin-bottom: 3.4rem;position: relative;color: var(--mbl);font-size: 2.4rem;line-height: 2;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contents02 .inner-Box{display:flex;align-items:center;gap:3.8008%;margin:0 auto;position:relative;max-width: 76.3rem;}
#contents02 .inner-Box figure.photo{flex:0 0 27.3919%;width:27.3919%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;text-align:center;position:relative;top: -1rem;}
#contents02 .inner-Box figure.photo img { width: 100%; height: 100%; object-fit: cover; display: block; }

#contents02 .text-Box{flex:0 0 68.8073%;width:68.8073%;margin:0;position:relative;}
#contents02 .text-Box p.text {margin-bottom: 2.5rem;position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.2em;font-weight: 400;text-align: left;}
#contents02 .text-Box p.textbtn { margin-bottom: 0px; position: relative; }
#contents02 .text-Box p.textbtn a {  }
#contents02 .text-Box p.textbtn a:hover {  }

#contents02 .text-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;}
#contents02 .text-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;}

#contents02 .text-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: 5.4rem 0rem;}
#contents02 .text-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;}


#contentsoue {margin: 0 auto 9.9rem;position: relative;max-width: 110rem;}
#contentsoue span.uficon {display: block;line-height: 1;text-align: center;margin-bottom: 1.6rem;}
#contentsoue span.uficon img {  }
#contentsoue h2 {margin-bottom: 4.9rem;position: relative;font-size: 3.2rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;color: #FFFFFF;}
#contentsoue .inner-Box{display:flex;gap:5.3636%;position:relative;}
#contentsoue .left-Box{width:49.6364%;position:relative;background: url(../images/sodan/contentsoue-img01.svg)no-repeat top 9.3rem center;}
#contentsoue .right-Box{width:45%;position:relative;border-radius: 1rem;background: url(../images/sodan/contentsoue-icon04.svg)no-repeat top 3rem center #fff;padding: 3rem 4.9rem 3.6rem 4.9rem;}

#contentsoue .left-Box h3 {margin-bottom: 5.2rem;position: relative;font-size: 2.4rem;line-height: 1.9;letter-spacing: 0.2em;font-weight: 600;text-align: center;color: #3D69B7;}
#contentsoue .left-Box h3 span {display: block;background: #F4F4C8;border-radius: 13rem;padding: 0.7rem 0;position: relative;}
#contentsoue .left-Box h3 span::before{content:"";display: block;background: url(../images/sodan/contentsoue-icon02.svg) no-repeat center center / auto;width: 3.2rem;height: 4.7rem;position: absolute;left: 7.8rem;bottom: -3.6rem;}

#contentsoue .left-Box ul{ margin-left: 8.3rem; }
#contentsoue .left-Box ul li {margin-bottom: 3.1rem;position: relative;}
#contentsoue .left-Box span.ch {display: block;line-height: 1;position: absolute;top: 0.4rem;left: -2.4rem;}
#contentsoue .left-Box span.ch img {  }
#contentsoue .left-Box p.ltext {margin-bottom: 0rem;position: relative;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;color: #F4F4C8;}
#contentsoue .left-Box span.arr {display: block;line-height: 1;position: absolute;top: 17.2rem;right: -3.6rem;}
#contentsoue .left-Box span.arr img {  }
#contentsoue .right-Box p.f-en {margin-bottom: 1.3rem;position: relative;font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: center;color: var(--mred);}
#contentsoue .right-Box p.f-en span {color: var(--mbl);}
#contentsoue .right-Box h4 {margin-bottom: 2rem;position: relative;font-size: 2.4rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;text-align: center;color: var(--mbl);}
#contentsoue .right-Box h5 {position: relative;font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.07em;font-weight: 500;text-align: center;color: #FFFFFF;margin: 0 -4rem 2.3rem;}
#contentsoue .right-Box h5 span {display: inline-block;background: var(--mbl);padding: 0.6rem 1.4rem;border-radius: 4rem;margin: 0 0.6rem;}
#contentsoue .right-Box p.text {margin-bottom: 0rem;position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.2em;font-weight: 400;text-align: left;color: #111111;}


.tgfsicon{display: block;text-align: center;margin-bottom: 1.4rem;}
h2.fmttt{font-size: 3.2rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: center;color: #111111;margin-bottom: 5rem;}

#contentsfmsel {margin: 0 auto;position: relative;padding: 0 5vw;}
#contentsfmsel #qu1{margin: 0 auto 1.6rem;position: relative;max-width: 71.8rem;}
#contentsfmsel #qu1 h3{ font-size: 1.6rem; line-height: 1.5; letter-spacing: 0.1em; font-weight: 500; text-align: left; color: #111111; margin-bottom: 1rem; }
#contentsfmsel #qu1 h3 span{ background: var(--mred); border-radius: 0.5rem; font-size: 1.2rem; line-height: 2.3; letter-spacing: 0.07em; font-weight: 400; text-align: left; color: #FFFFFF; padding: 0.3rem 1rem; position: relative; top: -0.2rem; left: 2.2rem; }
#contentsfmsel #qu1 p{}
#contentsfmsel #qu1 .wpcf7-form-control-wrap{}
#contentsfmsel #qu1 .wpcf7-radio{display:flex;flex-wrap:wrap;gap:2.7855%;}
#contentsfmsel #qu1 .wpcf7-list-item{width:48.6072%;margin: 0 0 1.1rem;aspect-ratio: 349 / 118;position: relative;cursor: pointer;}

#contentsfmsel #qu1 .wpcf7-list-item label{}
#contentsfmsel #qu1 .wpcf7-list-item input[type="radio"]{ width: 100%; height: 100%; border-radius: 1rem; border: 0.1rem solid #111;  }
#contentsfmsel #qu1 .wpcf7-list-item:nth-child(1) input[type="radio"]{ border: 0.1rem solid var(--mred);  }
#contentsfmsel #qu1 .wpcf7-list-item:nth-child(2) input[type="radio"]{ border: 0.1rem solid var(--mbl);  }
#contentsfmsel #qu1 .wpcf7-list-item input[type="radio"]:checked{ background: #111; border-radius: 1rem; }
#contentsfmsel #qu1 .wpcf7-list-item:nth-child(1) input[type="radio"]:checked{ background: var(--mred); border-radius: 1rem; }
#contentsfmsel #qu1 .wpcf7-list-item:nth-child(2) input[type="radio"]:checked{ background: var(--mbl); border-radius: 1rem; }

#contentsfmsel #qu1 .wpcf7-list-item input[type="radio"]:before{content:"";display:block;position:absolute;top: 2rem;left: 50%;width:5.5rem;height:4.8rem;background: url(../images/contact/fm-icon01.svg) no-repeat center center / auto;transform: translateX(-50%);}
#contentsfmsel #qu1 .wpcf7-list-item:nth-child(2) input[type="radio"]:before{background: url(../images/contact/fm-icon02.svg) no-repeat center center / auto;;}
#contentsfmsel #qu1 .wpcf7-list-item:nth-child(3) input[type="radio"]:before{background: url(../images/contact/fm-icon03.svg) no-repeat center center / auto;;}
#contentsfmsel #qu1 .wpcf7-list-item:nth-child(4) input[type="radio"]:before{background: url(../images/contact/fm-icon04.svg) no-repeat center center / auto;;}

#contentsfmsel #qu1 .wpcf7-list-item input[type="radio"]:checked:before{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
#contentsfmsel #qu1 .wpcf7-list-item .wpcf7-list-item-label{font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: center;position: absolute;z-index: 3;bottom: 2.8rem;left: 50%;transform: translateX(-50%);width: 100%; color: #111111; }
#contentsfmsel #qu1 .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label{ color: var(--mred); }
#contentsfmsel #qu1 .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label{ color: var(--mbl); }
#contentsfmsel #qu1 .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label{ color:#fff; }

#contentsfmsel .inner-Box3 { margin: 0 auto 5rem;position: relative;max-width: 71.8rem; }
#contentsfmsel .inner-Box3 p.ttl {margin-bottom: 2rem;position: relative;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;color: #111111;}
#contentsfmsel .inner-Box3 h3{margin-bottom: 1.6rem;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;color: #111111;}
#contentsfmsel .inner-Box3 h3 span{ background: var(--mred); border-radius: 0.5rem; font-size: 1.2rem; line-height: 2.3; letter-spacing: 0.07em; font-weight: 400; text-align: left; color: #FFFFFF; padding: 0.3rem 1rem; position: relative; top: -0.2rem; left: 2.2rem; }
#contentsfmsel .inner-Box3 h3 span.gl{ background: #939393; }
#contentsfmsel .inner-Box3 .minBox{display:flex;gap:2.7855%;margin-bottom: 2.7rem;}
#contentsfmsel .inner-Box3 .day-Box{width:48.6073%;position:relative;}
#contentsfmsel .inner-Box3 .time-Box{width:48.6073%;position:relative;}
#contentsfmsel .inner-Box3 h4 {margin-bottom: 0.4rem;position: relative;font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;color: #111111;}

#contentsfmsel .inner-Box3 .day-Box input[type="text"]{width: 94%;padding: 0.9rem;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.07em;font-weight: 400;text-align: left;color: #111111;border: 1px solid #C4C2C2;border-radius: 0.5rem;background: url(../images/sodan/fm-icon.svg)no-repeat top right -0.2rem #fff;}
#contentsfmsel .inner-Box3 .time-Box select{width: 100%;padding: 0.9rem;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.07em;font-weight: 400;text-align: left;color: #111111;border: 1px solid #C4C2C2;border-radius: 0.5rem;background: url(../images/sodan/fm-icon02.svg)no-repeat top right -0.2rem #fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

}
@media screen and (min-width:768px) and ( max-width:1023px) {
	

	
}

@media screen and (max-width: 767px) {
.cpback{background:url(../images/manufacturing/cpback.svg) var(--mbl);padding: 10.3vw 5.3vw .2vw;margin-bottom: 8.8vw;}

#pc-glnavi .h-menu{background: #FBFBF4;width: 20.1vw;height: 18.1vw;}
#pc-glnavi .h-menu .zdo_drawer_buttonsp{left: 5.6vw;}
header{position:absolute;width:100%;z-index: 5;}
header .h-logo img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}
header .cpuninavi li a{color:#fff;}
header .cpuninavi li::before{background:#fff;}

#cpmainttl{min-height: 165.1667vw;background:url(../images/sodan/sp-contentsmain-back01.jpg) no-repeat top center;background-size:cover;margin-bottom: 6.6667vw;z-index:3;position:relative;}
#cpmainttl .inner-Box{text-align:center;padding: 53vw 0 0;}
#cpmainttl .inner-Box h1{margin: 0 7.6vw 9.7vw 6.9vw;}
#cpmainttl .inner-Box .dicon{width: 30.7vw;position:absolute;top: 32.4667vw;right: 5vw;margin-left: 0;margin-bottom:-18.1333vw;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);transform:scale(-1,1);}
#cpmainttl .inner-Box p.subttl{color: #fff;font-size: 3.7vw;line-height: 2.5;letter-spacing: 0.2em;font-weight: 500;text-align: center;}

#contentsmain{margin: 0 auto 12vw;position:relative;padding:0 5.333vw;}
#contentsmain .navi-Box{margin: 0 auto 3.3vw;position:relative;max-width:100%;}
#contentsmain .navi-Box ul{display:flex;flex-wrap:wrap;gap: 2.7%;}
#contentsmain .navi-Box ul li{width: 48.6%;position:relative;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: center;color:var(--mred);padding: 5vw 0 4.1vw;border:.267vw solid var(--mred);border-radius:2.667vw;background:#fff;transition:all .3s ease-in-out;margin-bottom:3.2vw;}
#contentsmain .navi-Box ul li:hover{background:var(--mred);color:#fff;}
#contentsmain .navi-Box ul li:nth-child(2):hover{background:var(--mbl);color:#fff;}
#contentsmain .navi-Box ul li a{display:block;transition:all .3s ease-in-out;}
#contentsmain .navi-Box ul li:nth-child(2){border:.267vw solid var(--mbl);color:var(--mbl);}
#contentsmain .navi-Box ul li a:hover p.ltext{color:#fff;}
#contentsmain .navi-Box span.micon{display:block;line-height:1;margin: 0 auto 2.2vw;width: 11vw;}
#contentsmain .navi-Box span.micon img,#contentsmain .navi-Box span.arr{transition:all .3s ease-in-out;}
#contentsmain .navi-Box p.ltext{margin-bottom: 1.667vw;position:relative;}
#contentsmain .navi-Box span.arr{display:block;line-height:1;margin: 0 19.4vw;}
#contentsmain .navi-Box a:hover img{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}

#contentsmain .inner-Box{margin: 0 auto 9.3vw;position:relative;max-width:100%;}
#contentsmain .inner-Box h2{margin-bottom: 14.6vw;position:relative;text-align:center;}
#contentsmain .inner-Box h2 span{background:var(--mred);position:relative;color:#fff;border-radius:26.667vw;padding: 5.2vw 8vw 5.2vw 12vw;display:inline-block;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: center;}
#contentsmain .inner-Box h2 span::before{content:"";display:block;background:url(../images/sodan/contentsmain-icon00.svg) no-repeat center center/contain;width: 6.533vw;height:12.533vw;position:absolute;left: 16vw;bottom: -8.6vw;}
#contentsmain .inner-Box ul{display:block;}
#contentsmain .inner-Box ul li{width:100%;position:relative;margin-bottom: 9.1vw;}
#contentsmain .inner-Box figure.img{position:relative;top:0;left:0;text-align:center;margin: 0 auto 6.1vw;width: 29.8vw;}
#contentsmain .inner-Box h3{border-bottom:.8vw solid var(--mbl);margin-bottom:2.933vw;position:relative;padding-bottom:2.133vw;color:#111;font-size:4.533vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:left;}
#contentsmain .inner-Box h3::before{content:"";width:21.333vw;height:.8vw;display:block;position:absolute;bottom:-.8vw;left:0;background:var(--mred);z-index:0;}
#contentsmain .inner-Box p.ltext2{margin-bottom:0;position:relative;font-size:4.267vw;line-height:2;letter-spacing:.2em;font-weight:400;text-align:left;color:#111;}

#contentsmain .inner-Box2{margin:0 auto;position:relative;max-width:100%;}
#contentsmain .inner-Box2 span.sicon{display:block;line-height:1;text-align:center;margin: 0 auto 2.9vw;width: 10.1vw;left: -1.5vw;position: relative;}
#contentsmain .inner-Box2 h4{margin-bottom: 5.6vw;position:relative;color:#111;font-size: 5.3vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contentsmain .mBox{display:flex;flex-direction:column;margin:0 auto;position:relative;max-width:100%;}
#contentsmain .left-Box{width:100%;order:2;}
#contentsmain .right-Box{width:100%;order:1;margin-bottom: 6.4vw;}
#contentsmain .left-Box{margin-bottom:8vw;order: 2;width: 100%;}
#contentsmain .left-Box ul li{position:relative;margin-bottom: 4.1vw;}
#contentsmain .left-Box span.ch{display:block;position:absolute;line-height:1;top:0;left: -0.5vw;width: 6.4vw;}
#contentsmain .left-Box p.ltext3{margin-bottom:0;position:relative;color:#111;padding-left:8.8vw;font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contentsmain .right-Box figure.photo{position:relative;top:0;left:0;}
#contentsmain .right-Box figure.photo img{width:100%;height:auto;margin-bottom:0;}

#contents01{margin: 0 auto 17.3vw;position:relative;padding:0 5.333vw;}
#contents01 .inner-Box{display:block;margin: 0 auto 9vw;position:relative;background:#FFFFFF;box-shadow:2.667vw 2.667vw 0 #FCDDE0;border:.267vw solid #D0001A;border-radius:2.667vw;width:100%;padding: 6.3vw 6.3vw 7.7vw;}
#contents01 .inner-Box figure.photo{width: 36.3vw;position:relative;aspect-ratio:1/1;border-radius:50%;overflow:hidden;margin: 0 auto 1.6vw;}
#contents01 .inner-Box figure.photo img{width:100%;height:auto;margin-bottom:0;}
#contents01 .text-Box{width:100%;position:relative;}
#contents01 .text-Box h2{margin-bottom: 2.3vw;position:relative;color:var(--mred);font-size: 4.8vw;line-height: 2.0;letter-spacing: 0.1em;font-weight: 600;text-align: center;}
#contents01 .text-Box p.text{margin-bottom:0;position:relative;font-size: 3.7vw;line-height:1.8;letter-spacing:.1em;font-weight:400;text-align: right;color:#111;margin-right: -0.7vw;}
#contents01 .btn-Box p.textbtn{position:relative;background:url(../images/common/btn-back.svg) #FDFDE5;border:.267vw solid #707070;border-radius:2.667vw;box-shadow:0 1.6vw 0 #D3D3B8;width:100%;margin:0 auto;}
#contents01 .btn-Box p.textbtn:hover{background:url(../images/common/foot-back.svg) #F4F4C8;top:1.6vw;box-shadow:none;}
#contents01 .btn-Box p.textbtn a{display:block;color:#111;padding: 8.9vw 0;font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: center;}
#contents01 .btn-Box p.textbtn a::before{content:"";display:block;width:5.333vw;height:5.333vw;background:url(../images/common/arr.svg) no-repeat;position:absolute;right: 3.3vw;bottom: 3.1vw;background-size:100% auto;}

#contents02{position:relative;padding:0 5.333vw;margin-bottom:13.333vw;}
#contents02 .back-Box{margin:0 auto;position:relative;box-shadow:2.667vw 2.667vw 0 #D6E2F7;border:.267vw solid var(--mbl);border-radius:2.667vw;background:#fff;padding:8vw 5.333vw;max-width:100%;}
#contents02 h2{margin-bottom:6.4vw;position:relative;color:var(--mbl);font-size:6.4vw;line-height:1.8;letter-spacing:.2em;font-weight:700;text-align:center;}
#contents02 .inner-Box{display:block;margin:0 auto;position:relative;max-width:100%;}
#contents02 .inner-Box figure.photo{width:32vw;aspect-ratio:1/1;border-radius:50%;overflow:hidden;text-align:center;position:relative;top:0;margin:0 auto 5.333vw;}
#contents02 .inner-Box figure.photo img{width:100%;height:100%;object-fit:cover;display:block;}
#contents02 .text-Box{width:100%;margin:0;position:relative;}
#contents02 .text-Box p.text{margin-bottom:5.333vw;position:relative;font-size:4.267vw;line-height:1.8;letter-spacing:.2em;font-weight:400;text-align:left;}
#contents02 .text-Box p.textbtn{position:relative;background:url(../images/common/btn-back.svg) #FDFDE5;border:.267vw solid #707070;border-radius:2.667vw;box-shadow:0 1.6vw 0 #D3D3B8;}
#contents02 .text-Box p.textbtn:hover{background:url(../images/common/foot-back.svg) #F4F4C8;top:1.6vw;box-shadow:none;}
#contents02 .text-Box p.textbtn a{display:block;font-size:5.333vw;line-height:1.75;letter-spacing:.2em;font-weight:600;text-align:center;color:#111;padding:10.667vw 0;}
#contents02 .text-Box p.textbtn a::before{content:"";display:block;width:5.333vw;height:5.333vw;background:url(../images/common/arr.svg) no-repeat;position:absolute;right:4.8vw;bottom:4.8vw;background-size:100% auto;}

#contentsoue{margin: 0 auto 11vw;position:relative;max-width:100%;}
#contentsoue span.uficon{display:block;line-height:1;text-align:center;width: 10vw;margin: 0 auto 3.1vw;left: -1.8vw;position: relative;}
#contentsoue span.uficon img{width:auto;width: 100%;}
#contentsoue h2{margin-bottom: 5.3vw;position:relative;color:#fff;font-size: 5.3vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 700;text-align: center;}
#contentsoue .inner-Box{display:block;position:relative;}
#contentsoue .left-Box{width:100%;position:relative;background: url(../images/sodan/contentsoue-img01.svg) no-repeat top 33.333vw center/37vw;margin-bottom: 5.5vw;padding-bottom: 1.333vw;}
#contentsoue .right-Box{width:100%;position:relative;border-radius:2.667vw;background: url(../images/sodan/contentsoue-icon04.svg) no-repeat top 7vw center/21.467vw #fff;padding: 9vw 5.333vw 8vw 5.333vw;}

#contentsoue .left-Box h3{margin-bottom:10.667vw;position:relative;color: var(--mbl);font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: center;}
#contentsoue .left-Box h3 span{display:block;background:#F4F4C8;border-radius:34.667vw;padding: 5.2vw 0 5.2vw 4vw;position:relative;}
#contentsoue .left-Box h3 span::before{content:"";display:block;background:url(../images/sodan/contentsoue-icon02.svg) no-repeat center center/contain;width: 6.733vw;height:12.533vw;position:absolute;left: 16vw;bottom: -8.7vw;}

#contentsoue .left-Box ul{margin-left:6.4vw;}
#contentsoue .left-Box ul li{margin-bottom: 4.1vw;position:relative;}
#contentsoue .left-Box span.ch{display:block;line-height:1;position:absolute;top:1.067vw;left:-6.4vw;width:4.8vw;}
#contentsoue .left-Box span.ch img{width:100%;height:auto;}
#contentsoue .left-Box p.ltext{margin-bottom:0;position:relative;color:#F4F4C8;font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contentsoue .left-Box span.arr{width: 9.6vw;display: block;transform: rotate(90deg);transform-origin: center;margin: 0 auto 0vw;top: 1.3vw;position: relative;}

#contentsoue .right-Box p.f-en{margin-bottom: 3vw;position:relative;font-size: 4.3vw;line-height:1.5;letter-spacing: 0.2em;font-weight:600;text-align:center;color:var(--mred);padding-left: 1vw;}
#contentsoue .right-Box p.f-en span{color:var(--mbl);}
#contentsoue .right-Box h4{margin-bottom: 4.1vw;position:relative;color:var(--mbl);font-size: 5.3vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;text-align: center;}
#contentsoue .right-Box h5{position:relative;font-size:3.733vw;line-height:1.6;letter-spacing:.07em;font-weight:500;text-align:center;color:#fff;margin: 0 0 4.533vw;}
#contentsoue .right-Box h5 span{display:inline-block;background:var(--mbl);padding: 1.5vw 3.733vw;border-radius:10.667vw;margin:1.067vw;}
#contentsoue .right-Box p.text{margin-bottom:0;position:relative;color:#111;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 400;text-align: left;}

.tgfsicon{display:block;text-align:center;margin: 0 auto 2.7vw;width: 9.6vw;position: relative;left: -1.4vw;}
.tgfsicon img{max-width:100%;height:auto;}
h2.fmttt{color:#111;margin-bottom: 9.4vw;font-size: 5.3vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 700;text-align: center;padding-left: 1vw;}



#contentsplan{margin-bottom: 28.5vw;}
#contentsplan.bg-common-left::before{background:var(--mred);}
#contentsplan .back-Box{padding-bottom: 15.8vw;}
#contentsplan .dicon{width: 38.5vw;margin-left: -0.433vw;position:relative;top: -6.933vw;margin-bottom: -4.533vw;}
#contentsplan .ttl-Box{width: 62.433vw;margin: 0 auto 8.9vw;position:relative;}
#contentsplan .ttl-Box .dicon{width:13.867vw;margin:0 auto -13.333vw;left: -12.067vw;top: -9.4vw;}
#contentsplan .ttl-Box .f-en{left: 1.3vw;font-size:3.733vw;line-height:1.714;letter-spacing:.2em;font-weight:600;text-align:center;color:var(--mred);margin-bottom: -0.1vw;position: relative;padding-right: 3vw;}
#contentsplan .ttl-Box .f-en span{color: var(--mbl);}
#contentsplan .ttl-Box h2{font-size:4.8vw;line-height:1.5;letter-spacing:.2em;font-weight:700;text-align: center;}
#contentsplan .ttl-Box h2 .big{color:var(--mred);font-size: 20.067vw;line-height:1;letter-spacing:.2em;font-weight:600;text-align:left;margin:0;position: relative;top: 4.6vw;left: 3.1vw;margin: 0 -1.8vw;}
#contentsplan .ttl-Box h2 .col{color:var(--mred);position: relative;left: 0;font-size: 5.3vw;display: block;margin-top: -4.6vw;letter-spacing: 0.2em;}

#contentsplan .inner-Box{margin:0 auto;max-width:139rem;}
#contentsplan .inner-Box ul{margin-bottom: -7.867vw;}
#contentsplan .inner-Box ul li{width: 100%;margin-bottom: 8vw;}
#contentsplan .inner-Box ul li h3{padding: 0 5.467vw 0;margin-bottom: -5.8vw;z-index:3;position:relative;font-size: 4.3vw;line-height: 1.7;letter-spacing: 0.2em;font-weight: bold;text-align: center;color: #FFFFFF;}
#contentsplan .inner-Box ul li h3 span{background:var(--mred);display:block;border-radius:8vw;padding: 1.633vw .8vw;}
#contentsplan .inner-Box ul li figure{margin-bottom: 3.267vw;}
#contentsplan .inner-Box ul li figure picture{}
#contentsplan .inner-Box ul li figure img{width:100%;height:auto;margin-bottom:0;}
#contentsplan .inner-Box ul li p.ltext{padding: 0 0 0 3.1vw;position:relative;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: normal;text-align: left;color: #111111;margin-bottom: 1vw;}
#contentsplan .inner-Box ul li p.ltext::before{content:"";width: 1.533vw;height: 1.533vw;display:inline-block;border-radius:50%;background:var(--mred);margin:0 4vw 0 0;position:absolute;top: 2.167vw;left:0;}
#contentsplan .inner-Box ul li p.dl{font-size:3.2vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:right;color:#111;padding-top:2.133vw;padding-right:5.333vw;position:relative;}
#contentsplan .inner-Box ul li p.dl::before{content:"";width:4vw;height:4vw;display:inline-block;border-radius:50%;background:url(../images/common/arr-red.svg) no-repeat;background-size:100% auto;position:absolute;top:2.667vw;right:0;transition:all .3s ease-in-out;}
#contentsplan .inner-Box ul li a:hover p.dl::before{right:-1.6vw;}



#contents02{position:relative;padding: 0;margin-bottom: 17.4vw;}
#contents02 .back-Box{margin:0 auto;position:relative;box-shadow:2.6667vw 2.6667vw 0 #D6E2F7;border:.2667vw solid var(--mbl);border-radius:2.6667vw;background:#fff;padding: 8.1vw 5.3vw 8.1vw;max-width:none;}
#contents02 h2{margin-bottom: 6.2vw;position:relative;color:var(--mbl);font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 800;text-align: center;}
#contents02 .inner-Box{display:block;margin:0 auto;position:relative;max-width:none;}
#contents02 .inner-Box figure.photo{width:55.7333vw;aspect-ratio:1/1;border-radius:50%;overflow:hidden;text-align:center;position:relative;top:0;margin: 0 auto 5.8vw;}
#contents02 .inner-Box figure.photo img{width:100%;height:100%;object-fit:cover;display:block;}
#contents02 .text-Box{width:100%;margin:0;position:relative;}
#contents02 .text-Box p.text{margin-bottom: 6vw;position:relative;font-size: 3.7vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 400;text-align: left;}
#contents02 .text-Box p.textbtn{margin-bottom:0;position:relative;top:0;background:url(../images/common/btn-back.svg) #FDFDE5;border:.2667vw solid #707070;border-radius:2.6667vw;box-shadow:0 1.6000vw 0 #D3D3B8;transition:all .3s ease-in-out;}
#contents02 .text-Box p.textbtn:hover{background:url(../images/common/foot-back.svg) #F4F4C8;top:1.6000vw;box-shadow:0 0 0 #D3D3B8;transition:all .3s ease-in-out;}
#contents02 .text-Box p.textbtn a{display:block;color:#111111;padding: 5.7vw 0;font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: center;}
#contents02 .text-Box p.textbtn a::before{content:"";display:block;width:5.3333vw;height:5.3333vw;background:url(../images/common/arr.svg) no-repeat;position:absolute;right: 2.8vw;bottom: 3.3vw;background-size:100% auto;}


#contentsfmsel{margin: 0 auto -7vw;position:relative;padding: 1.1vw 5.1vw 0;}

#contentsfmsel #qu1{margin: 0 auto 4.6vw;position:relative;max-width:100%;}
#contentsfmsel #qu1 h3{color:#111;margin-bottom: 1.8vw;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contentsfmsel #qu1 h3 span{background:var(--mred);border-radius:1.333vw;font-size:3.2vw;line-height: 1.7;letter-spacing:.07em;font-weight:400;text-align:left;color:#fff;padding: 0.5vw 2.667vw;position: absolute;top: -0.8vw;right: 0;}
#contentsfmsel #qu1 p{}
#contentsfmsel #qu1 .wpcf7-form-control-wrap{}
#contentsfmsel #qu1 .wpcf7-radio{display:flex;flex-wrap:wrap;gap: 3.2%;}
#contentsfmsel #qu1 .wpcf7-list-item{width:47.5%;margin: 0 0 0.4vw;aspect-ratio: 1/0.8;position:relative;cursor:pointer;}

#contentsfmsel #qu1 .wpcf7-list-item label{}
#contentsfmsel #qu1 .wpcf7-list-item input[type="radio"]{width:100%;height:100%;border-radius:2.667vw;border:.267vw solid #111;background: #fff;}
#contentsfmsel #qu1 .wpcf7-list-item:nth-child(1) input[type="radio"]{border:.267vw solid var(--mred);}
#contentsfmsel #qu1 .wpcf7-list-item:nth-child(2) input[type="radio"]{border:.267vw solid var(--mbl);}
#contentsfmsel #qu1 .wpcf7-list-item input[type="radio"]:checked{background:#111;border-radius:2.667vw;}
#contentsfmsel #qu1 .wpcf7-list-item:nth-child(1) input[type="radio"]:checked{background:var(--mred);border-radius:2.667vw;}
#contentsfmsel #qu1 .wpcf7-list-item:nth-child(2) input[type="radio"]:checked{background:var(--mbl);border-radius:2.667vw;}

#contentsfmsel #qu1 .wpcf7-list-item input[type="radio"]:before{content:"";display:block;position:absolute;top: 3.833vw;left: 49%;width: 14.867vw;height: 12.9vw;background: url(../images/contact/fm-icon01.svg) no-repeat center center/100% auto;transform:translateX(-50%);}
#contentsfmsel #qu1 .wpcf7-list-item:nth-child(2) input[type="radio"]:before{background:url(../images/contact/fm-icon02.svg) no-repeat center center/100% auto;}

#contentsfmsel #qu1 .wpcf7-list-item input[type="radio"]:checked:before{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}
#contentsfmsel #qu1 .wpcf7-list-item .wpcf7-list-item-label{position:absolute;z-index:3;bottom: 8.567vw;left:50%;transform:translateX(-50%);width:100%;color:#111;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: 600;text-align: center;}
#contentsfmsel #qu1 .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label{color:var(--mred);bottom: 5.7vw;}
#contentsfmsel #qu1 .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label{color:var(--mbl);bottom: 5.6vw;}
#contentsfmsel #qu1 .wpcf7-list-item input[type="radio"]:checked+.wpcf7-list-item-label{color:#fff;}
  
#contentsfmsel .inner-Box3{margin:0 auto 8vw;position:relative;max-width:100%;}
#contentsfmsel .inner-Box3 p.ttl{margin-bottom: 4.7vw;position:relative;font-size: 3.7vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:left;color:#111111;}
#contentsfmsel .inner-Box3 h3{margin-bottom: 3vw;font-size: 3.7vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:left;color:#111111;position: relative;}
#contentsfmsel .inner-Box3 h3 span{background:var(--mred);border-radius:1.333vw;font-size:3.2vw;line-height: 1.5;letter-spacing:.07em;font-weight:400;text-align:left;color:#fff;padding:.8vw 2.667vw;position: absolute;top: 0.067vw;right: 0.2vw;}
#contentsfmsel .inner-Box3 h3 span.gl{background:#939393;}
#contentsfmsel .inner-Box3 .minBox{display:block;margin-bottom: 7.2vw;}
#contentsfmsel .inner-Box3 .day-Box{width:100%;position:relative;margin-bottom: 2.9vw;}
#contentsfmsel .inner-Box3 .time-Box{width:100%;position:relative;}
#contentsfmsel .inner-Box3 h4{margin-bottom:1.067vw;position:relative;font-size:3.733vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:left;color:#111111;}

#contentsfmsel .inner-Box3 .day-Box input[type="text"]{width: 95%;padding:2.4vw;font-size:4.267vw;line-height:1.5;letter-spacing:.07em;font-weight:400;text-align:left;color:#111111;border:.267vw solid #C4C2C2;border-radius:1.333vw;background:url(../images/sodan/fm-icon.svg) no-repeat top right -.533vw #fff;background-size:auto 100%;}
#contentsfmsel .inner-Box3 .time-Box select{width:100%;padding:2.4vw;font-size:4.267vw;line-height:1.5;letter-spacing:.07em;font-weight:400;text-align:left;color:#111111;border:.267vw solid #C4C2C2;border-radius:1.333vw;background:url(../images/sodan/fm-icon02.svg) no-repeat top right -.533vw #fff;background-size:auto 100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;}


}
/* 学生服納入実績(明色背景版・#cpcontentscaseの構造を踏襲) */
@media screen and (min-width: 768px),print {
.cpun-common #cpcontentscase2{padding: 0rem 5vw;}
.cpun-common #cpcontentscase2 .inner-Box{margin: 0 auto 10rem;max-width:110rem;display:flex;align-items:flex-start;gap:3.45rem;position: relative;}
.cpun-common #cpcontentscase2 .ttl-Box{width:20rem;flex-shrink:0;}
.cpun-common #cpcontentscase2 .system-Box{width:calc(100% - 23.45rem);padding-top: 3.2rem;}
.cpun-common #cpcontentscase2 .ttl-Box .dicon{width: 5.3rem;margin-bottom: -0.3rem;}
.cpun-common #cpcontentscase2 .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;}
.cpun-common #cpcontentscase2 .ttl-Box h2{font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: left;padding-left: 2.1rem;color: #111;margin-right: -1vw;}
.cpun-common #cpcontentscase2 .system-Box ul{display:grid;grid-template-columns:repeat(3,1fr);gap:0 2.3121%;}
.cpun-common #cpcontentscase2 .system-Box ul li{position: relative;}
.cpun-common #cpcontentscase2 .system-Box ul li a{display: block;color: #111;padding-bottom: 2rem;}
.cpun-common #cpcontentscase2 .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;padding-top: 1.1rem;}
.cpun-common #cpcontentscase2 .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;margin-right: -0.2rem;position: relative;color: #111;padding: 0.6rem 0.8rem;margin-bottom: 0.3rem;}
.cpun-common #cpcontentscase2 .system-Box ul li .sys-ttl{font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;margin-bottom: 0.6rem;}
.cpun-common #cpcontentscase2 .system-Box ul li .sys-text{font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;margin-bottom: 1.1rem;}
.cpun-common #cpcontentscase2 .system-Box ul li .arr{position: relative;transition: all 0.3s ease-in-out;right: 0rem;}
.cpun-common #cpcontentscase2 .system-Box ul li a:hover .arr{ right: -0.7rem;}
.cpun-common #cpcontentscase2 .system-Box ul li a .arr img{width: 1.6rem;}
.cpun-common #cpcontentscase2 .system-Box ul li .dlbt{text-align: right;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: end;position: absolute;bottom: 0rem;right: 0rem;}
.cpun-common #cpcontentscase2 .mbtn{font-size: 1.6rem;line-height: 1;letter-spacing: 0.1em;font-weight: 500;text-align: left;position: absolute;top: 17.1rem;left: 2.3rem;}
.cpun-common #cpcontentscase2 .mbtn a{ color: #111; }
.cpun-common #cpcontentscase2 .mbtn .arr{position: relative;right: -0.2rem;top: 0.4rem;transition: all 0.3s ease-in-out;}
.cpun-common #cpcontentscase2 .mbtn a:hover .arr{right: -0.7rem;}
}
@media screen and (max-width: 767px) {
.cpun-common #cpcontentscase2 .ttl-Box{ margin-bottom: 6.6vw; }
.cpun-common #cpcontentscase2 .system-Box{ margin: 0 0.3vw 8.3vw; }
.cpun-common #cpcontentscase2 .ttl-Box .dicon{width: 12.033vw;margin-bottom: -1.1vw;}
.cpun-common #cpcontentscase2 .ttl-Box .f-en{color: var(--mred);padding-left: 4.6vw;margin-bottom: -0.1vw;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: left;}
.cpun-common #cpcontentscase2 .ttl-Box h2{padding-left: 4.6vw;font-size: 5.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: left;color: #111;}
.cpun-common #cpcontentscase2 .system-Box ul li{ margin-bottom: 7.7vw; }
.cpun-common #cpcontentscase2 .system-Box ul li a{display:block;position:relative;color: #111;}
.cpun-common #cpcontentscase2 .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;padding-top:2.933vw;}
.cpun-common #cpcontentscase2 .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;margin-right: 0.6vw;position:relative;padding:1.6vw 2.133vw;color: #111;margin-bottom: 0.9vw;}
.cpun-common #cpcontentscase2 .system-Box ul li .sys-ttl{font-size:4.267vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:left;margin-bottom:1.6vw;}
.cpun-common #cpcontentscase2 .system-Box ul li .sys-text{font-size:3.733vw;line-height:1.5;letter-spacing:.1em;font-weight:400;text-align:left;margin-bottom:2.933vw;}
.cpun-common #cpcontentscase2 .system-Box ul li .arr{position:relative;transition:all .3s ease-in-out;right:0;width: 4.2vw;display: inline-block;}
.cpun-common #cpcontentscase2 .system-Box ul li a:hover .arr{right:-1.867vw;}
.cpun-common #cpcontentscase2 .system-Box ul li a .arr img{width:4.267vw;}
.cpun-common #cpcontentscase2 .system-Box ul li .dlbt{text-align:right;font-size:3.2vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:end;}
.cpun-common #cpcontentscase2 .mbtn{text-align: right;font-size:4.267vw;line-height:1;letter-spacing:.1em;font-weight:500;position: relative;}
.cpun-common #cpcontentscase2 .mbtn a{ color: #111; }
.cpun-common #cpcontentscase2 .mbtn .arr{position:relative;transition:all .3s ease-in-out;width: 5.7vw;display: inline-block;margin-left: 0.8vw;top: 1.1vw;}
.cpun-common #cpcontentscase2 .mbtn a:hover .arr{right:-1.867vw;}
}