@charset "UTF-8"; @media screen and (min-width: 768px),print { #contentsmain {margin: 0 auto 100px;position: relative;background: url('../images/request/contentsmain-back01.png')no-repeat top center;} #contentsmain .inner-Box {margin: 0 auto 87px;position: relative;text-align: center;padding: 115px 0 0;color: #fff;} #contentsmain .inner-Box h2.f-en {font-size: 60px;line-height: 1.4;font-weight: 700;letter-spacing: 0px;margin-bottom: 34px;position: relative;} #contentsmain .inner-Box h3 {font-size: 32px;line-height: 1.44;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 0px;position: relative;} #contentsmain .inner-Box2 {margin: 0 auto 80px;position: relative;box-shadow: 0px 3px 6px #00000029;background: #fff;width: 1040px;min-height: 400px;padding: 138px 10px 30px 594px;} #contentsmain .inner-Box2 figure.photo {position: absolute;top: 60px;left: 61px;} #contentsmain .inner-Box2 figure.photo img{ } #contentsmain .inner-Box2 h3.f-en {font-size: 43px;line-height: 1.4;font-weight: 700;letter-spacing: 0;margin-bottom: 4px;position: relative;} #contentsmain .inner-Box2 p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;} #contentsmain .inner-Box3 {margin: 0 auto;position: relative;width: 1200px;height: 498px;background: #EAECEE;padding: 28px 50px 0;} #contentsmain .inner-Box3 h4.f-en {font-size: 43px;line-height: 1.4;font-weight: 700;letter-spacing: 0px;margin-bottom: 6px;position: relative;text-align: center;} #contentsmain .inner-Box3 p.subtext {font-size: 16px;line-height: 1.75;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 35px;position: relative;text-align: center;} #contentsmain .inner-Box3 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;} #contentsmain .inner-Box3 ul li {position: relative;width: 320px;height: 280px;background: #fff;box-shadow: 0px 3px 6px #00000029;margin-right: 70px;text-align: center;padding: 26px 0 0;} #contentsmain .inner-Box3 ul li:nth-child(3n) { margin-right: 0px; } #contentsmain .inner-Box3 figure.img {position: relative;top: 0;left: 0;margin-bottom: 7px;} #contentsmain .inner-Box3 figure.img img{ } #contentsmain .inner-Box3 p.ltext { font-size: 16px; line-height: 1.75; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; } #contentsmain .inner-Box3 span.arr {display: block;line-height: 1;position: absolute;top: 125px;right: -40px;} #contentsmain .inner-Box3 span.arr img { } #contents01 {margin: 0 auto 100px;position: relative;text-align: center;} #contents01 h4 {font-size: 16px;line-height: 1.4;font-weight: 500;letter-spacing: 0.8px;margin-bottom: -19px;position: relative;z-index: 3;} #contents01 h4 span {background: #003253;color: #fff;display: inline-block;padding: 8px 89px;} #contents01 .inner-Box {margin: 0 auto;position: relative;width: 740px;height: 143px;border-radius: 72px;background: #EAECEE;padding: 47px 0 0;} #contents01 .inner-Box p.tel {position: relative;top: 0;left: 0;margin-bottom: -3px;} #contents01 .inner-Box p.time { font-size: 16px; line-height: 1.75; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; } } @media screen and (max-width: 767px) { #contentsmain {margin: -4vw auto 12.2vw;position: relative;background: url('../images/request/sp-contentsmain-back01.png')no-repeat top center;background-size: 100% auto;} #contentsmain .inner-Box {position: relative;text-align: center;padding: 8.17vw 0 9.7vw;color: #fff;} #contentsmain .inner-Box h2.f-en {font-size: 14.49vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 1.37vw;position: relative;} #contentsmain .inner-Box h3 {font-size: 5.31vw;line-height: 1.45;font-weight: 700;letter-spacing: 0.27vw;margin-bottom: 0.0vw;position: relative;} #contentsmain .inner-Box2 {margin: 0 5.3vw 9.73vw;position: relative;box-shadow: 0.0vw 0.8vw 1.6vw #00000029;background: #fff;padding: 9vw 6vw 3.3vw 6vw;} #contentsmain .inner-Box2 figure.photo {position: relative;margin-bottom: 6.9vw;} #contentsmain .inner-Box2 figure.photo img{ } #contentsmain .inner-Box2 h3.f-en {font-size: 7.25vw;line-height: 1.4;font-weight: 700;letter-spacing: 0;margin-bottom: 3.17vw;position: relative;text-align: center;} #contentsmain .inner-Box2 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.21vw;margin: 0 4.4vw 8.0vw;position: relative;} #contentsmain .inner-Box3 {position: relative;background: #EAECEE;padding: 7.97vw 11.23vw 0;} #contentsmain .inner-Box3 h4.f-en {font-size: 10.39vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 1.6vw;position: relative;text-align: center;} #contentsmain .inner-Box3 p.subtext {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 6.33vw;position: relative;text-align: center;} #contentsmain .inner-Box3 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;} #contentsmain .inner-Box3 ul li {position: relative;height: 67.67vw;background: #fff;box-shadow: 0.0vw 0.8vw 1.6vw #00000029;margin-bottom: 12.07vw;text-align: center;padding: 4.73vw 0 0;width: 100%;} #contentsmain .inner-Box3 ul li:nth-child(3n) { margin-right: 0.0vw; } #contentsmain .inner-Box3 figure.img {position: relative;top: 0;left: 0;margin: 0 11vw 0.67vw;} #contentsmain .inner-Box3 figure.img img{ } #contentsmain .inner-Box3 p.ltext {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 8.0vw;position: relative;} #contentsmain .inner-Box3 span.arr {display: block;line-height: 1;position: absolute;bottom: -9.67vw;left: 50%;width: 6.76vw;transform: translateX(-50%);} #contentsmain .inner-Box3 span.arr img { } #contents01 {margin: 0 auto 12.67vw;position: relative;text-align: center;} #contents01 h4 {font-size: 3.86vw;line-height: 1.4;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: -4vw;position: relative;z-index: 3;} #contents01 h4 span {background: #003253;color: #fff;display: inline-block;padding: 1.13vw 6.53vw;margin: 0 0vw;} #contents01 .inner-Box {margin: 0 3vw;position: relative;height: 31.13vw;border-radius: 19.2vw;background: #EAECEE;padding: 9.73vw 0 0;} #contents01 .inner-Box p.tel {position: relative;top: 0;left: 0;margin: 0 12.7vw 0vw;} #contents01 .inner-Box p.time {font-size: 3.86vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 8.0vw;position: relative;} }