@charset "UTF-8"; @media screen and (min-width: 768px),print { #link01,#link02 {display: block; padding-top: 80px; margin-top: -80px;} #contentsmain {margin: -13px auto 157px auto;position: relative;background: url('../images/technique/contentsmain-back01.png')no-repeat top 130px center;} #contentsmain .inner-Box {margin: 0 auto 0;position: relative;text-align: center;} #contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: -71px;} #contentsmain .inner-Box figure.photo img{ } #contentsmain .inner-Box h2 {position: relative;z-index: 3;margin-bottom: 26px;} #contentsmain .inner-Box h2 span{ } #contentsmain .inner-Box h2 img { } #contentsmain .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 1060px;margin: 0 auto;} #contentsmain .inner-Box ul li {margin-right: 60px;width: 500px;margin-bottom: 30px;} #contentsmain .inner-Box ul li:nth-child(2) { margin-right: 0px; } #contentsmain .inner-Box ul li:nth-child(3) { margin-right: 0px; margin: 0 auto;} #contentsmain .inner-Box ul li figure {margin-bottom: 15px;} #contentsmain .inner-Box ul li a { } #contentsmain .inner-Box ul li a:hover { } #contentsmain .inner-Box h3{font-size: 33px;letter-spacing: 1.65px;line-height: 1.76;font-weight: 700;margin-bottom: 9px;} #contentsmain .inner-Box p.lltext{font-size: 16px;letter-spacing: 0.8px;line-height: 1.88;margin-bottom: 38px;} #contentsmain .inner-Box ul li a p.text{text-align: left;margin-right: -10px;} #contents01 {margin: 0 auto 183px;position: relative;width: 1200px;background: url(../images/concept/contents00-back01.png);padding-bottom: 50px;} #contents01 .inner-Box {margin: 0 auto 66px;position: relative;} #contents01 .inner-Box h2 {position: relative;top: 7px;} #contents01 .inner-Box h2 span{ } #contents01 .inner-Box h2 img { } #contents01 .inner-Box figure.photo {position: absolute;top: -65px;right: -40px;} #contents01 .inner-Box figure.photo img{ } #contents01 .back-Box {margin: 0 49px;position: relative;background: #fff;border: 1px solid #1A1A1A;padding-bottom: 38px;} #contents01 .inner-Box2 {margin: 0 auto;position: relative;padding: 38px 38px 38px 538px;height: 333px;} #contents01 .inner-Box2 h3 {font-size: 23px;line-height: 1.68;font-weight: 700;letter-spacing: 1.2px;margin-bottom: 12px;position: relative;background: #1A1A1A;color: #fff;padding: 8px 15px;} #contents01 .inner-Box2 figure.photo {position: absolute;top: 38px;left: 40px;} #contents01 .inner-Box2 figure.photo img{ } #contents01 .inner-Box2 p.text1 { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; } #contents01 .inner-Box3{margin: 0 auto;position: relative;background: url('../images/technique/contents01-back01.png')no-repeat top center;padding: 36px 0 46px;} #contents01 .inner-Box3 h4 {font-size: 42px;line-height: 1.68;font-weight: 700;letter-spacing: 2.1px;margin-bottom: 7px;position: relative;text-align: center;} #contents01 .inner-Box3 h5 {font-size: 26px;line-height: 1.68;font-weight: 700;letter-spacing: 1.3px;margin-bottom: 20px;position: relative;text-align: center;} #contents01 .inner-Box3 h5 span {display: inline-block;background: #fff;padding: 3px 20px;} #contents01 .inner-Box3 p.text2 {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;text-align: center;} #contents01 .inBox {margin: 0 70px;position: relative;background: #fff;height: 288px;padding: 34px 450px 36px 49px;} #contents01 .inBox h6 {font-size: 26px;line-height: 1.68;font-weight: 700;letter-spacing: 1.3px;margin-bottom: 14px;position: relative;border-bottom: 1px solid #000;padding-bottom: 4px;} #contents01 .inBox figure.img00 {position: absolute;top: 36px;right: 30px;} #contents01 .inBox figure.img00 img{ } #contents01 .inBox p.text3 { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; } #contents01 .inner-Box4 {margin: 0 auto 62px;position: relative;padding: 38px 538px 38px 38px;height: 333px;} #contents01 .inner-Box4 h3 {font-size: 23px;line-height: 1.68;font-weight: 700;letter-spacing: 1.2px;margin-bottom: 12px;position: relative;background: #1A1A1A;color: #fff;padding: 8px 15px;} #contents01 .inner-Box4 figure.photo {position: absolute;top: 38px;right: 38px;} #contents01 .inner-Box4 figure.photo img{ } #contents01 .inner-Box4 p.text4 { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; } #contents01 .inner-Box4 span.sss{position: absolute;width: 461px;right: 40px;bottom: -33px;line-height: 1.7;} #contents01 .inner-Box5 {margin: 0 39px;position: relative;background: #E1E0D4;padding: 32px 30px 2px 30px;} #contents01 .inner-Box5 h3 {font-size: 30px;line-height: 1.68;font-weight: 700;letter-spacing: 1.5px;margin-bottom: 44px;position: relative;text-align: center;} #contents01 .inner-Box5 h3::before{content: "";width: 60px;height: 1px;background: #1A1A1A;position: absolute;bottom: -13px;left: 50%;transform: translateX(-50%);} #contents01 .inner-Box5 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;} #contents01 .inner-Box5 ul li {position: relative;width: 470px;background: #fff;border: 1px solid #707070;padding: 20px 8px 20px 229px;margin-bottom: 29px;} #contents01 .inner-Box5 ul li:nth-child(2n) {margin-right: 0px;position: relative;right: -31px;} #contents01 .inner-Box5 span.no {display: block;line-height: 1;position: absolute;top: -10px;left: 0;z-index: 4;} #contents01 .inner-Box5 span.no img { } #contents01 .inner-Box5 figure.img {position: absolute;top: 19px;left: 20px;} #contents01 .inner-Box5 figure.img img{ } #contents01 .inner-Box5 h4 {font-size: 18px;line-height: 1.68;font-weight: 700;letter-spacing: 0.9px;margin-bottom: 12px;position: relative;} #contents01 .inner-Box5 h4::before{content: "";position: absolute;bottom: -10px;left: 0;width: 30px;height: 1px;background: #1A1A1A;} #contents01 .inner-Box5 p.ltext {font-size: 16px;line-height: 1.8;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 1px;position: relative;} #contents01 .inner-Box5 ul li:nth-child(5){height: 310px;} #contents01 .inner-Box5 ul li:nth-child(6){ } #contents01 .inner-Box5 ul li:nth-child(6) figure.img{top: 40px;} #contents01 .inner-Box5 ul li:nth-child(1) p.ltext{ margin-right: -3px;} #contents02 {margin: 0 auto 183px;position: relative;width: 1200px;background: url(../images/concept/contents00-back01.png);padding-bottom: 50px;} #contents02 .inner-Box {margin: 0 auto 47px;position: relative;} #contents02 .inner-Box h2 {position: relative;top: -12px;margin-left: 626px;} #contents02 .inner-Box h2 span{ } #contents02 .inner-Box h2 img { } #contents02 .inner-Box figure.photo {position: absolute;top: -85px;left: -40px;} #contents02 .inner-Box figure.photo img{ } #contents02 .back-Box {margin: 0 49px;position: relative;background: #fff;border: 1px solid #1A1A1A;padding: 33px 40px;} #contents02 .inner-Box1 {margin: 0 auto 66px;position: relative;padding: 0 500px 0 60px;} #contents02 .inner-Box1 span.icon {display: block;line-height: 1;margin-bottom: -50px;position: absolute;top: 0;left: 0;} #contents02 .inner-Box1 span.icon img { } #contents02 .inner-Box1 h3 {font-size: 32px;line-height: 1.68;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 19px;position: relative;} #contents02 .inner-Box1 h3 span {border-bottom: #F0B93C 1px solid;} #contents02 .inner-Box1 figure.photo {position: absolute;top: -18px;right: 0;} #contents02 .inner-Box1 figure.photo img{ } #contents02 .inner-Box1 h4 {font-size: 21px;line-height: 1.68;font-weight: 700;letter-spacing: 1.05px;margin-bottom: 22px;position: relative;} #contents02 .inner-Box1 h4::before{content: "";position: absolute;bottom: -10px;left: 0;width: 39px;height: 1px;background: #1A1A1A;} #contents02 .inner-Box1 p.text2 { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; } #contents02 .inner-Box2 {margin: 0 auto 60px;position: relative;background: #E1E0D4;padding: 40px;} #contents02 .inner-Box2 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;background: #fff;padding: 10px;} #contents02 .inner-Box2 ul li {position: relative;border-right: #E1E0D4 1px solid;width: 33.33%;} #contents02 .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; border: none;} #contents02 .inner-Box2 ul li:nth-child(1) span.no{margin-bottom: -4px;} #contents02 .inner-Box2 ul li:nth-child(1) h5{margin-bottom: -4px;} #contents02 .inner-Box2 span.no {display: block;line-height: 1;text-align: center;position: relative;top: -16px;margin-bottom: 10px;} #contents02 .inner-Box2 span.no img {width: 40px;} #contents02 .inner-Box2 h5 {font-size: 19px;line-height: 1.47;font-weight: 700;letter-spacing: 0.95px;margin-bottom: 18px;position: relative;text-align: center;} #contents02 .inner-Box2 p.text {font-size: 16px;line-height: 1.75;font-weight: 400;letter-spacing: 0.1px;margin: 0 17px 10px;position: relative;} #contents02 .inner-Box3 {margin: 0 auto 53px;position: relative;padding: 0 0 0 555px;} #contents02 .inner-Box3 span.icon {display: block;line-height: 1;margin-bottom: -50px;position: absolute;top: 0;left: 497px;} #contents02 .inner-Box3 span.icon img { } #contents02 .inner-Box3 h3 {font-size: 32px;line-height: 1.48;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 19px;position: relative;} #contents02 .inner-Box3 h3 span {border-bottom: #F0B93C 1px solid;} #contents02 .inner-Box3 figure.photo { position: absolute; top: 0; left: 0; } #contents02 .inner-Box3 figure.photo img{ } #contents02 .inner-Box3 h4 {font-size: 21px;line-height: 1.68;font-weight: 700;letter-spacing: 1.05px;margin-bottom: 22px;position: relative;} #contents02 .inner-Box3 h4::before{content: "";position: absolute;bottom: -10px;left: 0;width: 39px;height: 1px;background: #1A1A1A;} #contents02 .inner-Box3 p.text2 { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; } #contents02 .inner-Box4 {margin: 0 auto 43px;position: relative;padding: 0 500px 0 60px;} #contents02 .inner-Box4 span.icon {display: block;line-height: 1;margin-bottom: -50px;position: absolute;top: 0;left: 0;} #contents02 .inner-Box4 span.icon img { } #contents02 .inner-Box4 h3 {font-size: 32px;line-height: 1.58;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 19px;position: relative;} #contents02 .inner-Box4 h3 span {border-bottom: #F0B93C 1px solid;} #contents02 .inner-Box4 figure.photo {position: absolute;top: 0px;right: 0;} #contents02 .inner-Box4 figure.photo img{ } #contents02 .inner-Box4 h4 {font-size: 21px;line-height: 1.68;font-weight: 700;letter-spacing: 1.05px;margin-bottom: 22px;position: relative;} #contents02 .inner-Box4 h4::before{content: "";position: absolute;bottom: -10px;left: 0;width: 39px;height: 1px;background: #1A1A1A;} #contents02 .inner-Box4 p.text2 { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; } #contents02 .inner-Box5 {margin: 0 auto -24px;position: relative;padding: 0 0 0 555px;} #contents02 .inner-Box5 span.icon {display: block;line-height: 1;margin-bottom: -50px;position: absolute;top: 0;left: 497px;} #contents02 .inner-Box5 span.icon img { } #contents02 .inner-Box5 h3 {font-size: 32px;line-height: 1.48;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 19px;position: relative;} #contents02 .inner-Box5 h3 span {border-bottom: #F0B93C 1px solid;} #contents02 .inner-Box5 figure.photo { position: absolute; top: 0; left: 0; } #contents02 .inner-Box5 figure.photo img{ } #contents02 .inner-Box5 h4 {font-size: 21px;line-height: 1.68;font-weight: 700;letter-spacing: 1.05px;margin-bottom: 22px;position: relative;} #contents02 .inner-Box5 h4::before{content: "";position: absolute;bottom: -10px;left: 0;width: 39px;height: 1px;background: #1A1A1A;} #contents02 .inner-Box5 p.text2 { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; } #contents02 .inner-Box6 {margin: 0 auto 60px;position: relative;background: #E1E0D4;padding: 40px;} #contents02 .inner-Box6 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;background: #fff;padding: 10px;} #contents02 .inner-Box6 ul li {position: relative;border-right: #E1E0D4 1px solid;width: 33.33%;} #contents02 .inner-Box6 ul li:nth-child(3n) { margin-right: 0px; border: none;} #contents02 .inner-Box6 span.no {display: block;line-height: 1;text-align: center;position: relative;top: -16px;margin-bottom: 10px;} #contents02 .inner-Box6 span.no img {width: 60px;} #contents02 .inner-Box6 h5 {font-size: 19px;line-height: 1.47;font-weight: 700;letter-spacing: 0.95px;margin-bottom: 18px;position: relative;text-align: center;} #contents02 .inner-Box6 p.text {font-size: 16px;line-height: 1.75;font-weight: 400;letter-spacing: 0.1px;margin: 0 17px 10px;position: relative;} #contents03 {margin: 0 auto 83px;position: relative;width: 1200px;background: url(../images/concept/contents00-back01.png);padding-bottom: 50px;} #contents03 .inner-Box {margin: 0 auto 66px;position: relative;} #contents03 .inner-Box h2 {position: relative;top: 7px;z-index: 1;} #contents03 .inner-Box h2 span{ } #contents03 .inner-Box h2 img { } #contents03 .inner-Box figure.photo {position: absolute;top: -65px;right: -40px;} #contents03 .inner-Box figure.photo img{ } #contents03 .back-Box {margin: 0 49px;position: relative;background: #fff;border: 1px solid #1A1A1A;} #contents03 .inner-Box2 {margin: 0 auto;position: relative;padding: 38px 38px 38px 538px;height: 420px;} #contents03 .inner-Box2 h3 {font-size: 23px;line-height: 1.68;font-weight: 700;letter-spacing: 1.2px;margin-bottom: 12px;position: relative;background: #1A1A1A;color: #fff;padding: 8px 15px;} #contents03 .inner-Box2 figure.photo {position: absolute;top: 38px;left: 40px;} #contents03 .inner-Box2 figure.photo img{ } #contents03 .inner-Box2 p.text1 { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; } #contents03 .inner-Box3{margin: 0 auto;position: relative;background: url('../images/technique/contents03-bg01.png')no-repeat top center;padding: 36px 0 46px;} #contents03 .inner-Box3 h4 {font-size: 42px;line-height: 1.68;font-weight: 700;letter-spacing: 2.1px;margin-bottom: 7px;position: relative;text-align: center;} #contents03 .inner-Box3 h5 {font-size: 26px;line-height: 1.68;font-weight: 700;letter-spacing: 1.3px;margin-bottom: 20px;position: relative;text-align: center;} #contents03 .inner-Box3 h5 span {display: inline-block;background: #fff;padding: 3px 20px;} #contents03 .inner-Box3 p.text2 {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;text-align: center;} #contents03 .inner-Box4{width: 1020px;margin: 0 auto 80px;border: solid 30px #E1E0D4;padding: 50px;} #contents03 .inner-Box4 .box01{position: relative;margin-bottom: 40px;min-height: 340px;} #contents03 .inner-Box4 .box01 h4{font-size: 30px;font-weight: 600;line-height: 48px;margin-left: 420px;margin-bottom: 20px;} #contents03 .inner-Box4 .box01 h4 .number{margin-right: 15px;} #contents03 .inner-Box4 .box01 h4 .marker{border-bottom: #F0B93C 1px solid;} #contents03 .inner-Box4 .box01 .pic{position: absolute;top: 0;left: 0;} #contents03 .inner-Box4 .box01 .info{margin-left: 420px;} #contents03 .inner-Box4 .box01 .info p{font-size: 16px;line-height: 30px;margin-bottom: 30px;} #contents03 .inner-Box4 .box01 .info p:last-child{margin-bottom: 0;} #contents03 .inner-Box4 .box02{position: relative;margin-bottom: 40px;min-height: 373px;} #contents03 .inner-Box4 .box02 h4{font-size: 30px;font-weight: 600;line-height: 48px;margin-bottom: 20px;width: 440px;} #contents03 .inner-Box4 .box02 h4 .number{margin-right: 15px;} #contents03 .inner-Box4 .box02 h4 .marker{border-bottom: #F0B93C 1px solid;} #contents03 .inner-Box4 .box02 .pic{position: absolute;top: 0;right: 0;} #contents03 .inner-Box4 .box02 .info{width: 440px;} #contents03 .inner-Box4 .box02 .info p{font-size: 16px;line-height: 30px;margin-bottom: 30px;} #contents03 .inner-Box4 .box02 .info p:last-child{margin-bottom: 0;} #contents03 .inner-Box4 .box03{position: relative;min-height: 377px;} #contents03 .inner-Box4 .box03 h4{font-size: 30px;font-weight: 600;line-height: 48px;margin-left: 420px;margin-bottom: 20px;} #contents03 .inner-Box4 .box03 h4 .number{margin-right: 15px;} #contents03 .inner-Box4 .box03 h4 .marker{border-bottom: #F0B93C 1px solid;} #contents03 .inner-Box4 .box03 .pic{position: absolute;top: 0;left: 0;} #contents03 .inner-Box4 .box03 .info{margin-left: 420px;} #contents03 .inner-Box4 .box03 .info p{font-size: 16px;line-height: 30px;margin-bottom: 30px;} #contents03 .inner-Box4 .box03 .info p:last-child{margin-bottom: 0;} #contents03 .inBox {margin: 0 70px;position: relative;background: #fff;height: 288px;padding: 34px 450px 36px 49px;} #contents03 .inBox h6 {font-size: 26px;line-height: 1.68;font-weight: 700;letter-spacing: 1.3px;margin-bottom: 14px;position: relative;border-bottom: 1px solid #000;padding-bottom: 4px;} #contents03 .inBox figure.img00 {position: absolute;top: 36px;right: 30px;} #contents03 .inBox figure.img00 img{ } #contents03 .inBox p.text3 { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; } #contentsbottom {margin: 0 auto;position: relative;} #contentsbottom h2 {font-size: 43px;line-height: 1.58;font-weight: 900;letter-spacing: 0px;margin-bottom: 735px;position: relative;text-align: center;} #contentsbottom figure.photo {position: absolute;top: 234px;left: 50%;transform: translateX(-50%);} #contentsbottom figure.photo img{ } #contentsbottom .inner-Box {margin: 0 auto 141px;position: relative;width: 1100px;} #contentsbottom .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;} #contentsbottom .inner-Box ul li {margin-right: 40px;} #contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; } #contentsbottom .inner-Box ul li figure { } #contentsbottom .inner-Box ul li a { } #contentsbottom .inner-Box ul li a:hover { } } @media screen and (max-width: 767px) { #contentsmain {margin: 5vw auto 22.92vw auto;position: relative;background: url('../images/after/sp-contentsmain-back01.png')no-repeat top 71vw center;background-size: 210% auto;padding-bottom: 1px;} #contentsmain .inner-Box {position: relative;text-align: center;} #contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 0vw;} #contentsmain .inner-Box figure.photo img{ } #contentsmain .inner-Box h2 {position: relative;z-index: 3;margin-bottom: 7.21vw;} #contentsmain .inner-Box h2 span{ } #contentsmain .inner-Box h2 img { } #contentsmain .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 9vw 5vw;} #contentsmain .inner-Box ul li {margin-bottom: 7.19vw;} #contentsmain .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; } #contentsmain .inner-Box ul li figure { } #contentsmain .inner-Box ul li a { } #contentsmain .inner-Box ul li a:hover { } #contentsmain .inner-Box h3{font-size: 6.17vw;letter-spacing: 0.4vw;line-height: 1.76;font-weight: 700;margin-bottom: 2.17vw;} #contentsmain .inner-Box p.lltext{font-size: 3.86vw;letter-spacing: 0.19vw;line-height: 1.88;margin-bottom: 9.18vw;text-align: left;margin: 0 6vw 11vw;} #contentsmain .inner-Box ul li a p.text{text-align: left;margin-right: 0vw;} #contents01 {margin: 0 auto 14.2vw;position: relative;background: url(../images/concept/contents00-back01.png);padding-bottom: 10.08vw;background-size: 100% auto;} #contents01 .inner-Box {margin: 0 auto 8.94vw;position: relative;} #contents01 .inner-Box h2 {position: relative;top: -0.81vw;margin: 0 8.2vw 2vw 7.7vw;} #contents01 .inner-Box h2 span{ } #contents01 .inner-Box h2 img { } #contents01 .inner-Box figure.photo {position: relative;top: 0vw;right: 0vw;margin: 0 7.7vw;} #contents01 .inner-Box figure.photo img{ } #contents01 .back-Box {margin: -1px 3.84vw;position: relative;background: #fff;border: 0.24vw solid #1A1A1A;padding-bottom: 0;} #contents01 .inner-Box2 {margin: 0 4vw;position: relative;padding: 6.58vw 0 13.18vw 0vw;} #contents01 .inner-Box2 h3 {font-size: 4.83vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.29vw;margin-bottom: 3.8vw;position: relative;background: #1A1A1A;color: #fff;padding: 0.93vw 2.62vw;} #contents01 .inner-Box2 figure.photo {position: relative;margin-bottom: 3vw;} #contents01 .inner-Box2 figure.photo img{ } #contents01 .inner-Box2 p.text1 {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;position: relative;} #contents01 .inner-Box3{position: relative;background: url('../images/technique/sp-contents01-back01.png')no-repeat top center;padding: 8.7vw 0 11.11vw;background-size: 100% auto;} #contents01 .inner-Box3 h4 {font-size: 7.54vw;line-height: 1.28;font-weight: 700;letter-spacing: 0.39vw;margin-bottom: 3.69vw;position: relative;text-align: center;} #contents01 .inner-Box3 h5 {font-size: 4.83vw;line-height: 1.48;font-weight: 700;letter-spacing: 0.31vw;margin-bottom: 3.83vw;position: relative;text-align: center;} #contents01 .inner-Box3 h5 span {display: inline-block;background: #fff;padding: 0.72vw 4.83vw;display: block;margin: 0 4vw;} #contents01 .inner-Box3 p.text2 {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 3.8vw 3.25vw;position: relative;text-align: left;} #contents01 .inBox {margin: 0 4vw;position: relative;background: #fff;padding: 3.3vw 5.1vw 0.1vw 5.1vw;} #contents01 .inBox h6 {font-size: 5.07vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.31vw;margin-bottom: 4.38vw;position: relative;border-bottom: 0.24vw solid #000;padding-bottom: 0.97vw;text-align: center;} #contents01 .inBox figure.img00 {position: relative;margin-bottom: 5.1vw;} #contents01 .inBox figure.img00 img{ } #contents01 .inBox p.text3 { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; } #contents01 .inner-Box4 {margin: 0 4vw;position: relative;padding: 6.58vw 0 13.18vw 0vw;} #contents01 .inner-Box4 h3 {font-size: 4.83vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.29vw;margin-bottom: 3.8vw;position: relative;background: #1A1A1A;color: #fff;padding: 0.93vw 2.62vw;} #contents01 .inner-Box4 figure.photo {position: relative;margin-bottom: 3vw;} #contents01 .inner-Box4 figure.photo img{ } #contents01 .inner-Box4 p.text1 {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;position: relative;} #contents01 .inner-Box4 span.sss{position: relative;bottom: 0vw;line-height: 1.7;} #contents01 .inner-Box5 {position: relative;background: #E1E0D4;padding: 5.73vw 3.65vw 0.48vw;} #contents01 .inner-Box5 h3 {font-size: 5.80vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.36vw;margin-bottom: 8.63vw;position: relative;text-align: center;} #contents01 .inner-Box5 h3::before{content: "";width: 14.49vw;height: 0.24vw;background: #1A1A1A;position: absolute;bottom: -2vw;left: 50%;transform: translateX(-50%);} #contents01 .inner-Box5 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: -2vw;} #contents01 .inner-Box5 ul li {position: relative;background: #fff;border: 0.24vw solid #707070;padding: 5.2vw 5.2vw 3.1vw;margin-bottom: 6.3vw;} #contents01 .inner-Box5 ul li:nth-child(2n) {margin-right: 0.0vw;position: relative;right: 0vw;} #contents01 .inner-Box5 span.no {display: block;line-height: 1;position: absolute;top: -2vw;left: 37.4vw;z-index: 4;} #contents01 .inner-Box5 span.no img {width: 9.7vw;} #contents01 .inner-Box5 figure.img {position: relative;margin-bottom: 2.6vw;} #contents01 .inner-Box5 figure.img img{ } #contents01 .inner-Box5 h4 {font-size: 4.35vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.22vw;margin-bottom: 2.9vw;position: relative;text-align: center;} #contents01 .inner-Box5 h4::before{content: "";position: absolute;bottom: -1.7vw;left: 50%;width: 7.25vw;height: 0.24vw;background: #1A1A1A;transform: translateX(-50%);} #contents01 .inner-Box5 p.ltext {font-size: 3.86vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 0.24vw;position: relative;} #contents01 .inner-Box5 ul li:nth-child(5){} #contents01 .inner-Box5 ul li:nth-child(6){ } #contents01 .inner-Box5 ul li:nth-child(6) figure.img{} #contents02 {margin: 0 auto 12vw;position: relative;background: url(../images/concept/contents00-back01.png);padding-bottom: 10.08vw;background-size: 100% auto;} #contents02 .inner-Box {margin: 0 auto 6.04vw;position: relative;} #contents02 .inner-Box h2 {position: relative;top: -0.81vw;margin: 0 8.2vw 2vw 7.7vw;} #contents02 .inner-Box h2 span{ } #contents02 .inner-Box h2 img { } #contents02 .inner-Box figure.photo {position: relative;top: 0vw;right: 0vw;margin: 0 7.7vw;} #contents02 .inner-Box figure.photo img{ } #contents02 .back-Box {margin: -1px 3.84vw;position: relative;background: #fff;border: 0.24vw solid #1A1A1A;padding-bottom: 0;padding: 6.7vw 4.3vw;} #contents02 .inner-Box1 {margin: 0 auto -2.56vw;position: relative;padding-top: 1.2vw;} #contents02 .inner-Box1 span.icon {display: block;line-height: 1;margin-bottom: 0vw;position: absolute;top: 0;left: 0;width: 11.5vw;} #contents02 .inner-Box1 span.icon img { } #contents02 .inner-Box1 h3 {font-size: 6.04vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.39vw;margin-bottom: 5.59vw;position: relative;margin-left: 14.2vw;} #contents02 .inner-Box1 h3 span {border-bottom: #F0B93C 0.24vw solid;} #contents02 .inner-Box1 figure.photo {position: relative;top: 0vw;right: 0;margin-bottom: 3.7vw;} #contents02 .inner-Box1 figure.photo img{ } #contents02 .inner-Box1 h4 {font-size: 4.59vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.25vw;margin-bottom: 4.01vw;position: relative;} #contents02 .inner-Box1 h4::before{content: "";position: absolute;bottom: -2vw;left: 0;width: 9.42vw;height: 0.24vw;background: #1A1A1A;} #contents02 .inner-Box1 p.text2 { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; } #contents02 .inner-Box2 {margin: 0 auto 14.49vw;position: relative;background: #E1E0D4;padding: 2.46vw;} #contents02 .inner-Box2 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;background: #fff;padding: 4.12vw 2.42vw 2.42vw;} #contents02 .inner-Box2 ul li {position: relative;border-bottom: #E1E0D4 0.24vw solid;width: 100%;margin-bottom: 5.3vw;} #contents02 .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; border: none;} #contents02 .inner-Box2 ul li:nth-child(1) span.no{} #contents02 .inner-Box2 ul li:nth-child(1) h5{} #contents02 .inner-Box2 span.no {display: block;line-height: 1;text-align: center;position: relative;top: 0vw;margin-bottom: 2.72vw;} #contents02 .inner-Box2 span.no img {width: 9.66vw;} #contents02 .inner-Box2 h5 {font-size: 4.59vw;line-height: 1.47;font-weight: 700;letter-spacing: 0.23vw;margin-bottom: 1.35vw;position: relative;text-align: center;} #contents02 .inner-Box2 p.text {font-size: 3.86vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.22vw;margin: 0 5.71vw 2.42vw;position: relative;} #contents02 .inner-Box3 {margin: 0 auto -2.56vw;position: relative;padding-top: 1.2vw;} #contents02 .inner-Box3 span.icon {display: block;line-height: 1;margin-bottom: 0vw;position: absolute;top: 0;left: 0;width: 11.5vw;} #contents02 .inner-Box3 span.icon img { } #contents02 .inner-Box3 h3 {font-size: 6.04vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.39vw;margin-bottom: 5.59vw;position: relative;margin-left: 14.2vw;} #contents02 .inner-Box3 h3 span {border-bottom: #F0B93C 0.24vw solid;} #contents02 .inner-Box3 figure.photo {position: relative;top: 0vw;right: 0;margin-bottom: 3.7vw;} #contents02 .inner-Box3 figure.photo img{ } #contents02 .inner-Box3 h4 {font-size: 4.59vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.25vw;margin-bottom: 4.01vw;position: relative;} #contents02 .inner-Box3 h4::before{content: "";position: absolute;bottom: -2vw;left: 0;width: 9.42vw;height: 0.24vw;background: #1A1A1A;} #contents02 .inner-Box3 p.text2 { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; } #contents02 .inner-Box4 {margin: 0 auto -2.56vw;position: relative;padding-top: 1.2vw;} #contents02 .inner-Box4 span.icon {display: block;line-height: 1;margin-bottom: 0vw;position: absolute;top: 0;left: 0;width: 11.5vw;} #contents02 .inner-Box4 span.icon img { } #contents02 .inner-Box4 h3 {font-size: 6.04vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.39vw;margin-bottom: 5.59vw;position: relative;margin-left: 14.2vw;} #contents02 .inner-Box4 h3 span {border-bottom: #F0B93C 0.24vw solid;} #contents02 .inner-Box4 figure.photo {position: relative;top: 0vw;right: 0;margin-bottom: 3.7vw;} #contents02 .inner-Box4 figure.photo img{ } #contents02 .inner-Box4 h4 {font-size: 4.59vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.25vw;margin-bottom: 4.01vw;position: relative;} #contents02 .inner-Box4 h4::before{content: "";position: absolute;bottom: -2vw;left: 0;width: 9.42vw;height: 0.24vw;background: #1A1A1A;} #contents02 .inner-Box4 p.text2 { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; } #contents02 .inner-Box5 {margin: 0 auto -2.56vw;position: relative;padding-top: 1.2vw;} #contents02 .inner-Box5 span.icon {display: block;line-height: 1;margin-bottom: 0vw;position: absolute;top: 0;left: 0;width: 11.5vw;} #contents02 .inner-Box5 span.icon img { } #contents02 .inner-Box5 h3 {font-size: 6.04vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.39vw;margin-bottom: 5.59vw;position: relative;margin-left: 14.2vw;} #contents02 .inner-Box5 h3 span {border-bottom: #F0B93C 0.24vw solid;} #contents02 .inner-Box5 figure.photo {position: relative;top: 0vw;right: 0;margin-bottom: 3.7vw;} #contents02 .inner-Box5 figure.photo img{ } #contents02 .inner-Box5 h4 {font-size: 4.59vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.25vw;margin-bottom: 4.01vw;position: relative;} #contents02 .inner-Box5 h4::before{content: "";position: absolute;bottom: -2vw;left: 0;width: 9.42vw;height: 0.24vw;background: #1A1A1A;} #contents02 .inner-Box5 p.text2 { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; } #contents02 .inner-Box6 {margin: 0 auto 14.49vw;position: relative;background: #E1E0D4;padding: 2.46vw;} #contents02 .inner-Box6 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;background: #fff;padding: 4.12vw 2.42vw 2.42vw;} #contents02 .inner-Box6 ul li {position: relative;border-bottom: #E1E0D4 0.24vw solid;width: 100%;margin-bottom: 5.3vw;} #contents02 .inner-Box6 ul li:nth-child(3n) { margin-right: 0.0vw; border: none;} #contents02 .inner-Box6 ul li:nth-child(1) span.no{} #contents02 .inner-Box6 ul li:nth-child(1) h5{} #contents02 .inner-Box6 span.no {display: block;line-height: 1;text-align: center;position: relative;top: 0vw;margin-bottom: 2.72vw;} #contents02 .inner-Box6 span.no img {width: 12vw;} #contents02 .inner-Box6 h5 {font-size: 4.59vw;line-height: 1.47;font-weight: 700;letter-spacing: 0.23vw;margin-bottom: 1.35vw;position: relative;text-align: center;} #contents02 .inner-Box6 p.text {font-size: 3.86vw;line-height: 1.8;font-weight: 400;letter-spacing: 0.22vw;margin: 0 5.71vw 2.42vw;position: relative;} #contents03 {margin: 0 auto 14.2vw;position: relative;background: url(../images/concept/contents00-back01.png);padding-bottom: 10.08vw;background-size: 100% auto;} #contents03 .inner-Box {margin: 0 auto 8.94vw;position: relative;} #contents03 .inner-Box h2 {position: relative;top: -0.81vw;margin: 0 8.2vw 2vw 7.7vw;} #contents03 .inner-Box h2 span{ } #contents03 .inner-Box h2 img { } #contents03 .inner-Box figure.photo {position: relative;top: 0vw;right: 0vw;margin: 0 7.7vw;} #contents03 .inner-Box figure.photo img{ } #contents03 .back-Box {margin: -1px 3.84vw;position: relative;background: #fff;border: 0.24vw solid #1A1A1A;padding-bottom: 0;} #contents03 .inner-Box2 {margin: 0 4vw;position: relative;padding: 6.58vw 0 10vw 0vw;} #contents03 .inner-Box2 h3 {font-size: 4.83vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.29vw;margin-bottom: 3.8vw;position: relative;background: #1A1A1A;color: #fff;padding: 0.93vw 2.62vw;} #contents03 .inner-Box2 figure.photo {position: relative;margin-bottom: 3vw;} #contents03 .inner-Box2 figure.photo img{ } #contents03 .inner-Box2 p.text1 {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;position: relative;} #contents03 .inner-Box3{position: relative;background: url('../images/technique/sp-contents01-back01.png')no-repeat top center;padding: 8.7vw 0 11.11vw;background-size: 100% auto;} #contents03 .inner-Box3 h4 {font-size: 7.54vw;line-height: 1.28;font-weight: 700;letter-spacing: 0.39vw;margin-bottom: 3.69vw;position: relative;text-align: center;} #contents03 .inner-Box3 h5 {font-size: 4.83vw;line-height: 1.48;font-weight: 700;letter-spacing: 0.31vw;margin-bottom: 3.83vw;position: relative;text-align: center;} #contents03 .inner-Box3 h5 span {display: inline-block;background: #fff;padding: 0.72vw 4.83vw;display: block;margin: 0 4vw;} #contents03 .inner-Box3 p.text2 {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 3.8vw 3.25vw;position: relative;text-align: left;} #contents03 .inner-Box4{width: 90%;margin: 0 auto 10vw;border: solid 14px #E1E0D4;padding: 3vw;} #contents03 .inner-Box4 .box01{padding: 15vw 0 0 0;margin-bottom: 5vw;} #contents03 .inner-Box4 .box01 h4{font-size: 6.0vw;font-weight: 600;line-height: 9.0vw;text-align: center; margin-bottom: 5vw;position: relative;} #contents03 .inner-Box4 .box01 h4 .number{width: 12vw; position: absolute;top: -14vw;left: 0;right: 0;margin: 0 auto;} #contents03 .inner-Box4 .box01 h4 .marker{border-bottom: #F0B93C 1px solid;} #contents03 .inner-Box4 .box01 .pic{margin-bottom: 5vw;} #contents03 .inner-Box4 .box01 .info{} #contents03 .inner-Box4 .box01 .info p{font-size: 3.8vw;line-height: 6.8vw;margin-bottom: 6.8vw;} #contents03 .inner-Box4 .box01 .info p:last-child{margin-bottom: 0;} #contents03 .inner-Box4 .box02{padding: 15vw 0 0 0;margin-bottom: 5vw;} #contents03 .inner-Box4 .box02 h4{font-size: 6.0vw;font-weight: 600;line-height: 9.0vw;text-align: center; margin-bottom: 5vw;position: relative;} #contents03 .inner-Box4 .box02 h4 .number{width: 12vw; position: absolute;top: -14vw;left: 0;right: 0;margin: 0 auto;} #contents03 .inner-Box4 .box02 h4 .marker{border-bottom: #F0B93C 1px solid;} #contents03 .inner-Box4 .box02 .pic{margin-bottom: 5vw;} #contents03 .inner-Box4 .box02 .info{} #contents03 .inner-Box4 .box02 .info p{font-size: 3.8vw;line-height: 6.8vw;margin-bottom: 6.8vw;} #contents03 .inner-Box4 .box02 .info p:last-child{margin-bottom: 0;} #contents03 .inner-Box4 .box03{padding: 15vw 0 0 0;margin-bottom: 5vw;} #contents03 .inner-Box4 .box03 h4{font-size: 6.0vw;font-weight: 600;line-height: 9.0vw;text-align: center; margin-bottom: 5vw;position: relative;} #contents03 .inner-Box4 .box03 h4 .number{width: 12vw; position: absolute;top: -14vw;left: 0;right: 0;margin: 0 auto;} #contents03 .inner-Box4 .box03 h4 .marker{border-bottom: #F0B93C 1px solid;} #contents03 .inner-Box4 .box03 .pic{margin-bottom: 5vw;} #contents03 .inner-Box4 .box03 .info{} #contents03 .inner-Box4 .box03 .info p{font-size: 3.8vw;line-height: 6.8vw;margin-bottom: 6.8vw;} #contents03 .inner-Box4 .box03 .info p:last-child{margin-bottom: 0;} #contents03 .inBox {margin: 0 4vw;position: relative;background: #fff;padding: 3.3vw 5.1vw 0.1vw 5.1vw;} #contents03 .inBox h6 {font-size: 5.07vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.31vw;margin-bottom: 4.38vw;position: relative;border-bottom: 0.24vw solid #000;padding-bottom: 0.97vw;text-align: center;} #contents03 .inBox figure.img00 {position: relative;margin-bottom: 5.1vw;} #contents03 .inBox figure.img00 img{ } #contents03 .inBox p.text3 { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; } #contentsbottom {position: relative;} #contentsbottom h2 {font-size: 5.29vw;line-height: 1.78;font-weight: 900;letter-spacing: 0.0vw;margin-bottom: 3vw;position: relative;text-align: center;} #contentsbottom figure.photo {position: relative;margin-bottom: 12vw;} #contentsbottom figure.photo img{ } #contentsbottom {position: relative;} #contentsbottom .inner-Box {margin: 0 8.7vw 14.82vw;position: relative;} #contentsbottom .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;} #contentsbottom .inner-Box ul li {margin-bottom: 9.66vw;} #contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; } #contentsbottom .inner-Box ul li figure { } #contentsbottom .inner-Box ul li a { } #contentsbottom .inner-Box ul li a:hover { } }