@charset "UTF-8";
/* TOP
------------------------------------------*/
/*TOPアニメーション*/
.left-imgs, .mv-copy01, .right-imgs { transition: 0.3s; transform: scale(0); }

.feature-imgs .img01, .feature-imgs .img02, .feature-imgs .img03, .feature-imgs .img04, .feature-imgs .img05, .feature-imgs .img06, .service-imgs .img01, .service-imgs .img02, .service-imgs .img03, .products-imgs .img01, .products-imgs .img02, .products-imgs .img03, .products-imgs .img04 { transition: 0.3s; transform: translateY(20px) scale(0); opacity: 0; }

.anima .left-imgs { animation: bowa 0.3s ease-out 0.2s 1 forwards; }
.anima .mv-copy01 { animation: bowa 0.3s ease-out 0.6s 1 forwards; }
.anima .right-imgs { animation: bowa 0.3s ease-out 0.4s 1 forwards; }
.anima .feature-imgs .img01 { animation: fuwa 0.3s ease-out 0.2s 1 forwards; }
.anima .feature-imgs .img02 { animation: fuwa 0.3s ease-out 0.4s 1 forwards; }
.anima .feature-imgs .img03 { animation: fuwa 0.3s ease-out 0.6s 1 forwards; }
.anima .feature-imgs .img04 { animation: fuwa 0.3s ease-out 0.7s 1 forwards; }
.anima .feature-imgs .img05 { animation: fuwa 0.3s ease-out 0.8s 1 forwards; }
.anima .feature-imgs .img06 { animation: fuwa 0.3s ease-out 1.0s 1 forwards; }
.anima .service-imgs .img01 { animation: fuwa 0.3s ease-out 0.2s 1 forwards; }
.anima .service-imgs .img02 { animation: fuwa 0.3s ease-out 0.4s 1 forwards; }
.anima .service-imgs .img03 { animation: fuwa 0.3s ease-out 0.6s 1 forwards; }
.anima .products-imgs .img01 { animation: fuwa 0.3s ease-out 0.2s 1 forwards; }
.anima .products-imgs .img02 { animation: fuwa 0.3s ease-out 0.4s 1 forwards; }
.anima .products-imgs .img03 { animation: fuwa 0.3s ease-out 0.6s 1 forwards; }
.anima .products-imgs .img04 { animation: fuwa 0.3s ease-out 0.8s 1 forwards; }

@keyframes bowa { 0% { transform: scale(0); }
  85% { transform: scale(1.3); }
  100% { transform: scale(1); } }
@keyframes fuwa { 0% { transform: translateY(20px) scale(0); opacity: 0; }
  100% { transform: translateY(0) scale(1); opacity: 1; } }
/**/
.home div#contents { overflow: hidden; }

section { position: relative; }

.a-trigger { position: absolute; width: 100%; height: calc(100% - 300px); top: 0; bottom: 0; margin: auto; opacity: 0; z-index: -5; }

.home div#mv { background: #E5F6F7; padding-top: 40px; overflow: hidden; }

.mv-cont01 { position: relative; width: 1100px; margin: 0 auto; padding-top: 80px; }
.mv-cont01 .left-imgs { width: 562px; height: 383px; position: absolute; top: -39px; left: -260px; }
.mv-cont01 .left-imgs .img01 { position: absolute; left: 0; top: 0; }
.mv-cont01 .left-imgs .img02 { position: absolute; right: 0; top: 74px; }
.mv-cont01 .right-imgs { width: 317px; height: 302px; position: absolute; top: 23px; right: -103px; }
.mv-cont01 .right-imgs .img03 { position: absolute; left: 0; top: 0; }
.mv-cont01 .right-imgs .img04 { position: absolute; top: 91px; right: 0; }
.mv-cont01 .right-imgs .img05 { position: absolute; bottom: 0; right: 15px; }

.mv-copy01 { text-align: center; font-weight: 700; }

.green-bg { padding-top: 60px; background: #01A9AE; }
.green-bg .inner.flex { justify-content: center; }
.green-bg .inner.flex > .box { height: 95px; border-right: solid 1px #048D91; display: flex; flex-wrap: wrap; align-items: center; }
.green-bg .inner.flex > .box .ico { margin-right: 12px; }
.green-bg .inner.flex > .box .ico img { width: auto; height: 48px; }
.green-bg .inner.flex > .box .text { line-height: 26px; color: #FFFFFF; font-weight: 700; }
.green-bg .inner.flex > .box .text .big { font-size: 20px; }
.green-bg .inner.flex > .box:last-child { border-right: none; }
.green-bg .inner.flex > .box.box01 { padding-right: 40px; }
.green-bg .inner.flex > .box.box02 { padding: 0 40px; }
.green-bg .inner.flex > .box.box03 { padding-left: 40px; }

.cate-s.flex { width: 1100px; background: #fff; border-radius: 10px; position: relative; z-index: 2; margin: 0 auto -60px;justify-content: center; }
.cate-s.flex > .box { width: 110px; }
.cate-s.flex > .box a { display: block; height: 154px; text-align: center; box-sizing: border-box; text-decoration: none; padding-top: 20px; }
.cate-s.flex > .box a .img { height: 70px; margin-bottom: 12px; }
.cate-s.flex > .box a .text { width: 100%; height: 42px; display: table; }
.cate-s.flex > .box a .text > span { display: table-cell; text-align: center; vertical-align: middle; font-size: 15px; line-height: 21px; }
.cate-s.flex > .box a:hover { opacity: 0.7; }

.slashBox { width: 784px; margin: 55px auto 10px; position: relative; height: 73px; background: url("../img/main/slash01.svg") no-repeat left top, url("../img/main/slash02.svg") no-repeat right top; text-align: center; }
.slashBox .slash-text01 { line-height: 59px; font-size: 24px; font-weight: 700; }
.slashBox .slash-text01 .big { font-size: 28px; }

ul.mv-check { justify-content: center; align-items: center; display: flex; flex-wrap: wrap; }
ul.mv-check > li { margin-right: 16px; font-size: 20px; font-weight: 700; padding-left: 24px; background: url("../img/main/ico-check.svg") no-repeat left center; line-height: 22px; }
ul.mv-check > li:last-child { margin-right: 0; }

div#topBox01 { padding: 80px 0 120px; overflow: hidden; }
div#topBox01 .btn01 { margin: 60px auto 0; }

.copy01 { text-align: center; font-size: 24px; font-weight: 700; margin-bottom: 40px; }
.copy01 .big { font-size: 32px; }

.case-box01 { width: 872px; margin: 0 auto; border-top: solid 1px #01A9AE; border-bottom: solid 1px #01A9AE; padding: 24px 0; position: relative; }
.case-box01 p.bikou { font-size: 12px; position: absolute; right: 0; bottom: 24px; }

ul.case-list01 { justify-content: center; margin-bottom: 20px; display: flex; flex-wrap: wrap; align-items: center; }
ul.case-list01 > li { margin-right: 30px; }
ul.case-list01 > li:last-child { margin-right: 0; }

ul.case-list02 { display: flex; flex-wrap: wrap; align-items: center; }
ul.case-list02 > li { margin-right: 40px; font-size: 18px; font-weight: 700; }
ul.case-list02 > li:last-child { margin-right: 0; }

div.slider01 { margin-top: 80px; margin-bottom: 0 !important; }
div.slider01 .slick-list { overflow: visible; }
div.slider01 article.case-art { margin-right: 40px; }

button.slick-arrow { opacity: 1; z-index: 5; transition: 0.3s; width: 68px; height: 68px; box-sizing: border-box; border-radius: 100%; border: none; box-shadow: 0 6px 0 rgba(0, 0, 0, 0.08); transition: 0s; }

button.slick-prev.slick-arrow { background: url("../img/common/slide-arrow01.svg") no-repeat center, url("../img/common/slide-arrow01.svg") no-repeat center right -26px, #087F82; left: -34px; }

button.slick-next.slick-arrow { background: url("../img/common/slide-arrow02.svg") no-repeat center, url("../img/common/slide-arrow02.svg") no-repeat center left -26px, #087F82; right: -34px; }

button.slick-arrow:before { content: none; }

button.slick-prev.slick-arrow:hover { background-position: left -26px center,right 26px center; transition: 0.3s; }

button.slick-next.slick-arrow:hover { background-position: right -26px center,left 26px center; transition: 0.3s; }

article.case-art { width: 340px; }
article.case-art a { display: block; text-decoration: none; }
article.case-art a .img { overflow: hidden; border-radius: 10px; margin-bottom: 10px; }
article.case-art a .img .in-img { padding-top: 100%; border-radius: 10px; transition: 0.3s; }
article.case-art a .cont { line-height: 24px; }
article.case-art a .cont h3 { font-size: 18px; font-weight: 700; line-height: 27px; margin-bottom: 3px; }
article.case-art a .cont p.price { margin-top: 8px; }
article.case-art a:hover .img .in-img { transform: scale(1.1); }

section#feature-sec { background: #01A9AE; }
section#feature-sec .wrap { padding: 120px 0; }
section#feature-sec h2.titles01 { text-align: center; color: #fff; margin-bottom: 60px; }
section#feature-sec h2.titles01:before { right: 0; margin: 0 auto; }

.feature-imgs .img01 { position: absolute; top: -74px; left: -294px; }
.feature-imgs .img02 { position: absolute; top: 83px; left: -20px; }
.feature-imgs .img03 { position: absolute; top: 150px; left: 165px; }
.feature-imgs .img04 { position: absolute; top: 52px; right: 183px; }
.feature-imgs .img05 { position: absolute; top: 124px; right: 0; }
.feature-imgs .img06 { position: absolute; top: -66px; right: -263px; }

div.feature-inner { background: #FFFFFF; border-radius: 20px; padding: 80px 80px 60px; width: 1100px; margin-left: -80px; position: relative; z-index: 3; }
div.feature-inner span.circle-sb { top: -3px; }

div.feature-list.flex { margin-top: 20px; }
div.feature-list.flex > div.box { width: 260px; margin: 40px 20px 0 0; position: relative; }
div.feature-list.flex > div.box .num { font-size: 28px; font-weight: 700; color: #01A9AE; line-height: 1; position: absolute; left: 0; top: 0; }
div.feature-list.flex > div.box .img { margin-bottom: 15px; }
div.feature-list.flex > div.box .tit { font-size: 20px; line-height: 30px; text-align: center; margin-bottom: 20px; }
div.feature-list.flex > div.box .tit .green { font-size: 24px; }
div.feature-list.flex > div.box .text { line-height: 24px; }
div.feature-list.flex > div.box:nth-child(4n) { margin-right: 0; }

section#service-sec .wrap { padding: 120px 0; }

.service-imgs { width: 495px; height: 298px; position: absolute; top: -52px; right: -42px; }
.service-imgs .img01 { position: absolute; left: 0; top: 80px; }
.service-imgs .img02 { position: absolute; left: 84px; top: 131px; }
.service-imgs .img03 { position: absolute; right: 0; top: 0; }

.textbox01.flex { justify-content: space-between; align-items: center; }
.textbox01.flex .left { width: 504px; }
.textbox01.flex .right { width: 515px; }

.copy02 { font-size: 28px; line-height: 1.5; font-weight: 700; }

.orders01.flex { margin-top: 60px; justify-content: space-between; }
.orders01.flex > div.box { width: 530px; border-radius: 10px; background: #FFF6E5; position: relative; }
.orders01.flex > div.box .no01 { position: absolute; z-index: 2; left: -10px; top: -20px; }
.orders01.flex > div.box > .inner { padding: 40px; text-align: center; }
.orders01.flex div.box01 .text { margin-top: 30px; line-height: 24px; }
.orders01.flex div.box02 .text { margin-top: 39px; line-height: 24px; }

ul.text-set.flex { justify-content: center; align-items: center; margin-bottom: 8px; }
ul.text-set.flex > li { position: relative; line-height: 30px; color: #fff; padding: 0 6px; border-radius: 3px; background: #087F82; margin-right: 18px; }
ul.text-set.flex > li.line02 { margin-right: 23px; }
ul.text-set.flex > li:last-child { margin-right: 0; }
ul.text-set.flex > li.line01:after { content: ""; background: url("../img/top/batsu.svg") no-repeat center; width: 11px; height: 11px; position: absolute; top: 50%; transform: translateY(-50%); left: calc(100% + 4px); }
ul.text-set.flex > li.line02:after { content: ""; background: url("../img/top/or.svg") no-repeat center; width: 16px; height: 11px; position: absolute; top: 50%; transform: translateY(-50%); left: calc(100% + 4px); }

h3.box-tit { font-size: 24px; font-weight: 700; border-radius: 10px 10px 0 0; line-height: 67px; text-align: center; background: #FFF0C7; }

.orders02 { margin-top: 40px; }
.orders02 .box.box03 { display: flex; flex-wrap: wrap; border-radius: 10px; background: #FFF6E5; }
.orders02 h3.box-tit { width: 80px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 10px 0 0 10px; }
.orders02 h3.box-tit > span > span { display: block; text-align: center; line-height: 1; }
.orders02 .inner.cf { width: calc(100% - 80px); box-sizing: border-box; padding: 60px 90px 60px 60px; }
.orders02 .inner.cf > div.text { width: 464px; float: left; padding-bottom: 40px; }
.orders02 .inner.cf > .img { width: 337px; float: right; height: 337px; position: relative; }
.orders02 .inner.cf > .img span.kira01 { display: block; position: absolute; left: 0; top: 50px; z-index: 3; transition: 0.3s; transform: scale(0); }
.orders02 .inner.cf > .img span.kira02 { display: block; position: absolute; right: 0; bottom: 65px; z-index: 3; transition: 0.3s; transform: scale(0); }
.orders02 .inner.cf > .img .omote, .orders02 .inner.cf > .img .ura { transition: all 0.6s; position: absolute; left: 0; top: 0; height: 100%; width: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform-origin: center; }
.orders02 .inner.cf > .img .ura { transform: rotateY(-180deg); }
.orders02 .inner.cf > .links01 { width: 443px; float: left; }

.omote { animation: kurukuru01 3s ease-in-out infinite alternate-reverse; }

.ura { animation: kurukuru02 3s ease-in-out infinite alternate-reverse; }

.kira01 { transform: scale(0); animation: kira01 3s ease-in-out infinite alternate-reverse; }

.kira02 { transform: scale(0); animation: kira01 3s ease-in-out infinite alternate-reverse; }

@keyframes kurukuru01 { 0% { transform: rotateY(0); }
  100% { transform: rotateY(-180deg); } }
@keyframes kurukuru02 { 0% { transform: rotateY(-180deg); }
  100% { transform: rotateY(0); } }
@keyframes kira01 { 0% { transform: scale(0); }
  80% { transform: scale(0); }
  90% { transform: scale(1); }
  95% { transform: scale(0.95); }
  100% { transform: scale(1); } }
.linkBox { width: 100%; margin-bottom: 24px; }
.linkBox a { text-decoration: none; font-size: 24px; font-weight: 700; line-height: 1.5; position: relative; padding-bottom: 24px; border-bottom: solid 1px #E1D7C4; display: block; }
.linkBox a .arrow { width: 20px; height: 20px; overflow: hidden; position: absolute; z-index: 2; right: 0; top: 10px; }
.linkBox a .arrow:before { content: ""; width: 60px; height: 20px; background: url("../img/common/btn-arrow02.svg") no-repeat center right, url("../img/common/btn-arrow02.svg") no-repeat center left; position: absolute; right: 0; top: 0; }
.linkBox a:before { content: ""; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; background: #087F82; transition: 0.3s; }
.linkBox a:hover .arrow:before { right: -40px; transition: 0.3s; }
.linkBox a:hover:before { width: 100%; }

.linkBox:last-child { margin-bottom: 0; }

section#products-sec { background: #E1F6F6; }
section#products-sec .wrap { padding: 120px 0; }
section#products-sec h2.titles01 { text-align: center; }
section#products-sec h2.titles01:before { right: 0; margin: 0 auto; }

.products-imgs .img01 { position: absolute; left: -20px; top: 47px; }
.products-imgs .img02 { position: absolute; left: 124px; top: -45px; }
.products-imgs .img03 { position: absolute; right: 29px; top: -43px; }
.products-imgs .img04 { position: absolute; right: -30px; top: 135px; }

.pro-btns.flex { margin-top: 40px; }
.pro-btns.flex > div.box { width: 260px; margin: 20px 20px 0 0; }
.pro-btns.flex > div.box a { text-decoration: none; background: #fff; border-radius: 10px; border: solid 3px #01A9AE; position: relative; display: block; box-sizing: border-box; height: 242px; text-align: center; padding: 36px 30px 30px; }
.pro-btns.flex > div.box a .arrow { width: 32px; height: 32px; overflow: hidden; position: absolute; z-index: 2; bottom: -3px; right: -3px; background: #01A9AE; border-radius: 10px 0 10px 0; }
.pro-btns.flex > div.box a .arrow:before { content: ""; width: 48px; height: 12px; background: url("../img/common/btn-arrow01.svg") no-repeat center right, url("../img/common/btn-arrow01.svg") no-repeat center left; position: absolute; right: 10px; top: 10px; background-size: 12px; }
.pro-btns.flex > div.box a .img { width: 100%; height: 124px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 20px; }
.pro-btns.flex > div.box a .text { font-size: 18px; font-weight: 700; line-height: 1.2; }
.pro-btns.flex > div.box a:hover .arrow:before { right: -26px; transition: 0.3s; }
.pro-btns.flex > div.box:nth-child(4n) { margin-right: 0; }

section#brands-sec { padding: 120px 0; }
section#brands-sec h2.titles01 { text-align: center; }
section#brands-sec h2.titles01:before { right: 0; margin: 0 auto; }

.brand-list.flex { margin-top: 40px; }

.brand-box { margin: 40px 48px 0 0; width: 116px; }
.brand-box a { display: block; height: 100%; text-decoration: none; }
.brand-box a .img { margin-bottom: 15px; }
.brand-box a .img .in-img { height: 83px; }
.brand-box a .text { font-size: 15px; line-height: 18px; text-align: center; }
.brand-box a:hover { opacity: 0.7; }

.brand-box:nth-child(7n) { margin-right: 0; text-align: center; }

section#flow-sec { padding: 120px 0; background: #FFF6E5; overflow: hidden; }

.tit-head.flex { margin-bottom: 80px; align-items: flex-start; }
.tit-head.flex .titles01 { margin-bottom: 0; margin-right: 65px; }
.tit-head.flex .titles02 { margin-bottom: 0; margin-top: -10px; }
.tit-head.flex .titles02 > .inner .small span.green02 { font-size: 32px; }
.tit-head.flex .titles02 > .inner .text { line-height: 1.2; }
.tit-head.flex .titles02 > .inner .text span.green02 { font-size: 46px; }

div.flow-slide.flex .slick-list { overflow: visible; }
div.flow-slide.flex .slick-track { display: flex; flex-wrap: wrap; }
div.flow-slide.flex div.flowBox { height: auto !important; }

div.flowBox { width: 340px; background: #FFFFFF; box-sizing: border-box; position: relative; border-radius: 20px; padding: 48px 20px 40px; text-align: center; margin-right: 40px; }
div.flowBox .num { color: #01A9AE; line-height: 1; font-size: 36px; position: absolute; left: 16px; top: 10px; z-index: 2; }
div.flowBox .img { width: 100%; height: 166px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: 30px; }
div.flowBox .img img { width: auto; height: 100%; }
div.flowBox h3 { font-size: 24px; margin-bottom: 15px; }
div.flowBox .text { line-height: 1.5; }
div.flowBox .text .bikou { font-size: 15px; font-weight: 400; }

div.flowBox:before { content: ""; background: url("../img/top/flow-tri.svg") no-repeat; width: 19px; height: 26px; position: absolute; left: calc(100% + 10px); top: 50%; transform: translateY(-50%); }

div.flowBox:last-child { margin-right: 0; }

div.flowBox:last-child:before { content: none; }

section#guide-sec { padding: 120px 0; }
section#guide-sec h2.titles01 { text-align: center; margin-bottom: 60px; }
section#guide-sec h2.titles01:before { right: 0; margin: 0 auto; }

.guide-list.flex { margin-top: -40px; }

div.guide-btn { width: 340px; margin: 40px 40px 0 0; }
div.guide-btn a { text-decoration: none; height: 120px; display: flex; flex-wrap: wrap; align-items: center; box-sizing: border-box; width: 100%; padding: 10px 24px; position: relative; background: #087F82; border-radius: 10px; box-shadow: 0 8px 0 rgba(0, 0, 0, 0.08); }
div.guide-btn a .ico { background: #fff; border-radius: 100%; margin-right: 16px; width: 72px; }
div.guide-btn a .text { width: calc(100% - 88px); }
div.guide-btn a .text > span { display: block; }
div.guide-btn a .text span.jp { color: #fff; font-weight: 700; font-size: 24px; line-height: 1.29; }
div.guide-btn a .text span.pop { font-size: 16px; font-weight: 700; color: #FFD400; }
div.guide-btn a .arrow { width: 16px; height: 16px; overflow: hidden; position: absolute; z-index: 2; bottom: 20px; right: 20px; }
div.guide-btn a .arrow:before { content: ""; width: 64px; height: 16px; background: url("../img/common/btn-arrow01.svg") no-repeat center right, url("../img/common/btn-arrow01.svg") no-repeat center left; position: absolute; right: 0; top: 0; }
div.guide-btn a:hover .arrow:before { right: -48px; transition: 0.3s; }

div.guide-btn:nth-child(3n) { margin-right: 0; }

section#news-sec { padding: 120px 0; background: #F5F5F5; }
section#news-sec .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; min-height: 212px; align-items: flex-start; }
section#news-sec .wrap .titles01 { margin-bottom: 0; }
section#news-sec .wrap .btn01 { position: absolute; left: 0; top: 160px; width: 200px; height: 56px; }
section#news-sec .wrap .btn01 a { box-shadow: 0 6px 0 rgba(0, 0, 0, 0.08); font-size: 16px; }
section#news-sec .wrap .btn01 a .arrow { right: 20px; }

article.news-art { margin-bottom: 28px; }
article.news-art a { border-bottom: solid 1px #E8E8E8; text-decoration: none; position: relative; align-items: center; line-height: 24px; padding-bottom: 28px; }
article.news-art a .n-date { font-size: 16px; color: #808080; width: 140px; }
article.news-art a h3 { width: calc(100% - 250px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
article.news-art a:before { content: ""; width: 0; height: 1px; position: absolute; left: 0; bottom: -1px; transition: 0.3s; background: #087F82; }
article.news-art a:hover:before { width: 100%; }

article.news-art:last-child { margin-bottom: 0; }

.n-cate { padding: 2px 10px 0; background: #D1EAEB; border-radius: 5px; color: #015457; font-size: 14px; margin-right: 20px; font-weight: 700; }

.news-area { width: 818px; padding-top: 10px; }

.flow-slide02 { width: 2240px; }

/* 02 加工・色文字見本
-----------------------------------------------*/
section#p02Box01 { background: #E1F6F6; }
section#p02Box01 .tit-head.flex { margin-bottom: 60px; align-items: center; }
section#p02Box01 .tit-head.flex .titles01 { padding-right: 60px; border-right: solid 1px #E8E8E8; margin-right: 57px; }
section#p02Box01 .tit-head.flex > .text { max-width: 795px; }
section#p02Box01 .tit-head.flex > .text a { text-decoration: underline; }
section#p02Box01 .tit-head.flex > .text a:hover { text-decoration: none; }

.notesBox.sampleBox01 .box .inner { text-align: center; padding: 16px; }

.scroll-sample { height: 440px; overflow: auto; }

section#p02Box02 .tit-head { margin-bottom: 60px; align-items: center; }
section#p02Box02 .tit-head .titles01 { padding-right: 60px; border-right: solid 1px #E8E8E8; margin-right: 57px; }
section#p02Box02 .tit-head .text { width: 745px; }

section#p02Box03 { background: #F5F5F5; }
section#p02Box03 .tit-head { margin-bottom: 60px; align-items: center; }
section#p02Box03 .tit-head .titles01 { padding-right: 60px; border-right: solid 1px #E8E8E8; margin-right: 57px; }
section#p02Box03 .tit-head .text { width: 745px; }

.notesBox.sampleBox02 .greenBox { margin-top: 30px; }
.notesBox.sampleBox02 .greenBox dl { margin-bottom: 15px; padding-left: 26px; background: url("../img/p02/ico-maru.svg") no-repeat left top 3px; line-height: 24px; }
.notesBox.sampleBox02 .greenBox dl dt { font-size: 18px; font-weight: 700; margin-bottom: 4px; }
.notesBox.sampleBox02 .greenBox dl:last-child { margin-bottom: 0; }
.notesBox.sampleBox02 div.inner01.flex { justify-content: space-between; flex-direction: row-reverse; }
.notesBox.sampleBox02 div.inner01.flex .cont { width: 540px; }
.notesBox.sampleBox02 div.inner01.flex .img { width: 400px; }
.notesBox.sampleBox02 div.inner02 { margin-top: 60px; }
.notesBox.sampleBox02 div.inner02 h4.side-tit { font-size: 28px; padding-left: 17px; }
.notesBox.sampleBox02 div.inner02 h4.side-tit:before { border-radius: 5px; }

.imgs03.flex { margin-top: 24px; margin-bottom: 60px; }
.imgs03.flex > div.i-box { width: 146px; margin-right: 20px; }
.imgs03.flex > div.i-box h5 { font-size: 20px; font-weight: 700; line-height: 1.25; margin-bottom: 4px; }
.imgs03.flex > div.i-box > .text { line-height: 1.5; }
.imgs03.flex > div.i-box:nth-child(6n) { margin-right: 0; }

.box02.sec-box { border-radius: 10px; background: #FFF6E5; }
.box02.sec-box > h5 { text-align: center; background: #FFF0C7; border-radius: 10px 10px 0 0; line-height: 64px; font-size: 24px; }
.box02.sec-box > h5 > span { display: inline-block; position: relative; }
.box02.sec-box > h5 > span > .sb { background: url("../img/p02/sb01.svg") no-repeat; width: 90px; height: 80px; position: absolute; z-index: 2; top: -11px; left: -100px; }
.box02.sec-box .text-box { padding: 24px 40px; }

/* 03 デザインサポート
-----------------------------------------------*/
div#links { padding: 60px 0 100px; }

div.link-btns { width: 1100px; display: flex; flex-wrap: wrap; align-items: center; margin: 0 auto; }

div.link-btn { width: 350px; height: 80px; display: table; margin-right: 25px; }
div.link-btn a { text-decoration: none; position: relative; display: table-cell; text-align: center; vertical-align: middle; color: #087F82; font-weight: 700; font-size: 18px; border: solid 1px #087F82; border-radius: 70px; }
div.link-btn a .arrow { width: 16px; height: 10px; overflow: hidden; position: absolute; z-index: 2; right: 26px; top: 50%; transform: translateY(-50%); }
div.link-btn a .arrow:after { content: ""; width: 16px; height: 40px; background: url("../img/p03/u-arrow.svg") no-repeat center bottom, url("../img/p03/u-arrow.svg") no-repeat center top; position: absolute; left: 0; bottom: 0; }
div.link-btn a:hover .arrow:after { bottom: -30px; transition: 0.3s; }

div.link-btn:nth-child(3n) { margin-right: 0; }

section#p03Box02 .titles01 { margin-bottom: 60px; text-align: center; }
section#p03Box02 .titles01:before { right: 0; margin: 0 auto; }

section#p03Box01 { background: #F5F5F5; }
section#p03Box01 .tit-head.flex { align-items: center; margin-bottom: 60px; }
section#p03Box01 .tit-head.flex .titles01 { padding-right: 60px; margin-right: 60px; border-right: solid 1px #E8E8E8; }
section#p03Box01 .tit-head.flex .text { width: 498px; }

.ds-notes { margin-bottom: 80px; background: #fff; border-radius: 10px; }
.ds-notes h3.ex-tit { text-align: center; background: #FFF0C7; border-radius: 10px 10px 0 0; font-size: 24px; font-weight: 700; line-height: 64px; }
.ds-notes h3.ex-tit > span { display: inline-block; padding-left: 46px; background: url("../img/p03/ico-ex.svg") no-repeat left center; }
.ds-notes .inner { padding: 30px 60px 60px; }
.ds-notes .inner ul.check-list { margin-bottom: 40px; }
.ds-notes .inner ul.check-list > li { background-image: url("../img/p03/ico-check.svg"); }

h4.sub01 { position: relative; }
h4.sub01 span.sb-m { position: absolute; background: url("../img/p03/muryou-sb.svg") no-repeat; width: 74px; height: 64px; position: absolute; left: -70px; top: -36px; }

.haniBox { border-top: solid 1px #E3DBC3; margin-bottom: 15px; }
.haniBox a { text-decoration: underline; }
.haniBox a:hover { text-decoration: none; }
.haniBox > div.box { border-bottom: solid 1px #E3DBC3; display: flex; flex-wrap: wrap; justify-content: space-between; }
.haniBox > div.box > div.tit { width: 140px; background: #FFF0C7; box-sizing: border-box; padding: 15px 20px; }
.haniBox > div.box > div.cont { width: calc(100% - 140px); background: #FFF6E5; box-sizing: border-box; padding: 15px 20px; }
.haniBox ul.dot-list { font-weight: 700; }
.haniBox ul.dot-list .text { font-weight: 500; }

section#p03Box03 { background: #F5F5F5; }
section#p03Box03 .tit-head.flex { align-items: center; margin-bottom: 60px; }
section#p03Box03 .tit-head.flex .titles01 { padding-right: 60px; margin-right: 57px; border-right: solid 1px #E8E8E8; }
section#p03Box03 .tit-head.flex .text { width: 525px; }

div.supportBox { padding: 60px; background: #fff; border-radius: 10px; }
div.supportBox > div.box { padding-bottom: 60px; margin-bottom: 60px; border-bottom: solid 1px #E8E8E8; display: flex; flex-wrap: wrap; justify-content: space-between; }
div.supportBox > div.box > .cont { width: 620px; }
div.supportBox > div.box > .cont .kigou-text { margin-top: 5px; }
div.supportBox > div.box > .cont .greenBox { margin-top: 30px; }
div.supportBox > div.box > .cont .btn01 { width: 270px; margin-top: 24px; }
div.supportBox > div.box > .cont .btn01 .text { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
div.supportBox > div.box > .cont .btn01 span.ico { margin-right: 15px; display: inline-block; }
div.supportBox > div.box > .cont .btn01 span.ico img { display: block; }
div.supportBox > div.box > .cont .btn01 .arrow { display: none; }
div.supportBox > div.box > .img { width: 300px; }
div.supportBox > div.box:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }

.greenBox { background: #E1F6F6; border-radius: 10px; padding: 30px; }
.greenBox .how-set.flex { margin-top: 16px; justify-content: space-between; align-items: center; }
.greenBox .how-set.flex .btn01 { margin-top: 0; }
.greenBox .how-set.flex .fax-tel > span { font-size: 33px; }
.greenBox .how-set.flex p.bh { font-size: 16px; line-height: 1; }
.greenBox .how-set.flex .fax-tel > span:before { background-size: contain; width: 28px; top: 0; background-image: url("../img/p03/ico-fax.svg"); }

.link-arrow { margin-top: 15px; }
.link-arrow a { text-decoration: underline; display: inline-block; padding-left: 30px; background: url("../img/p03/link-arrow.svg") no-repeat left center; }
.link-arrow a:hover { text-decoration: none; }

.how-list.flex { justify-content: space-between; margin-top: -40px; }
.how-list.flex > div { margin-top: 40px; width: calc(50% - 30px); display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.how-list.flex > div .left { width: 160px; position: relative; }
.how-list.flex > div .left .num { position: absolute; left: 0; top: 0; color: #EBDAB9; font-size: 40px; font-weight: 700; line-height: 1; }
.how-list.flex > div .cont { width: calc(100% - 180px); }
.how-list.flex > div .cont h3 { font-size: 24px; font-weight: 700; margin-bottom: 5px; }

.notesBox > div.box { margin-bottom: 60px; border-radius: 10px; background: #fff; }
.notesBox > div.box > h3 { text-align: center; border-radius: 10px 10px 0 0; color: #fff; font-weight: 700; background: #01A9AE; line-height: 64px; font-size: 24px; }
.notesBox > div.box > .inner { padding: 40px 60px 60px; }
.notesBox > div.box > .inner .inner02.flex { justify-content: space-between; margin-bottom: 30px; }
.notesBox > div.box > .inner .inner02.flex > .cont { width: 500px; }
.notesBox > div.box > .inner .inner02.flex > .img { width: 420px; }
.notesBox > div.box > .inner div.item-priceBox.flex { margin-bottom: 0; margin-top: 20px; min-height: 80px; }
.notesBox > div.box > .inner div.item-priceBox.flex > .tit { width: 160px; font-size: 18px; }
.notesBox > div.box > .inner div.item-priceBox.flex > .cont { width: calc(100% - 160px); font-size: 16px; font-weight: 500; line-height: 24px; }
.notesBox > div.box > .inner .sepaBox { padding-bottom: 40px; margin-bottom: 40px; }
.notesBox > div.box > .inner .sepaBox .inner02.flex { margin-bottom: 0; }
.notesBox > div.box > .inner .sepaBox .inner02.flex > .cont { width: 540px; }
.notesBox > div.box > .inner .sepaBox .inner02.flex > .img { width: 400px; }
.notesBox > div.box > .inner .sepaBox .inner03.flex { justify-content: space-between; margin-top: 40px; margin-bottom: 40px; }
.notesBox > div.box > .inner .sepaBox .inner03.flex > .left { width: 460px; }
.notesBox > div.box > .inner .sepaBox .inner03.flex > .img { width: 480px; }
.notesBox > div.box > .inner .sepaBox .inner04.flex { justify-content: space-between; }
.notesBox > div.box > .inner .sepaBox .inner04.flex > ul { width: calc(50% - 10px); }
.notesBox > div.box > .inner .sepaBox .btn01 { width: 270px; margin: 30px auto 0; }
.notesBox > div.box > .inner .sepaBox .btn01 .text { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.notesBox > div.box > .inner .sepaBox .btn01 span.ico { margin-right: 15px; display: inline-block; }
.notesBox > div.box > .inner .sepaBox .btn01 span.ico img { display: block; }
.notesBox > div.box > .inner .sepaBox .btn01 .arrow { display: none; }
.notesBox > div.box > .inner .sepaBox:last-child { padding-bottom: 0; margin-bottom: 0; }
.notesBox > div.box:last-child { margin-bottom: 0; }

h3.ico-tit02 { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 15px; }
h3.ico-tit02 .ico { margin-right: 17px; }
h3.ico-tit02 .text { font-size: 24px; font-weight: 700; }

.page-design section#guide-sec { background: #E1F6F6; }

/* 04 ご利用ガイド
-----------------------------------------------*/
div.link-btns.link-btns02 div.link-btn { width: 260px; margin-right: 20px; }
div.link-btns.link-btns02 div.link-btn:nth-child(4n) { margin-right: 0; }

section#p04Box01 { background: #F5F5F5; }
section#p04Box01 .titles01 { text-align: center; margin-bottom: 60px; }
section#p04Box01 .titles01:before { right: 0; margin: 0 auto; }
section#p04Box01 .notesBox > div.box > h3 { font-size: 32px; line-height: 80px; }
section#p04Box01 .sub01 { font-size: 32px; margin-bottom: 24px; }
section#p04Box01 .sub01 .sb { position: absolute; width: 90px; height: 80px; z-index: 2; top: -25px; left: -98px; }
section#p04Box01 .sub01 span.sb-y01 { background: url("../img/p04/sb01.svg") no-repeat; }
section#p04Box01 .sub01 span.sb-y02 { background: url("../img/p04/sb02.svg") no-repeat; }
section#p04Box01 div.sepaBox { padding-bottom: 60px; margin-bottom: 60px; }
section#p04Box01 div.sepaBox .inner01.flex { justify-content: space-between; }
section#p04Box01 div.sepaBox .inner01.flex .cont { width: 490px; }
section#p04Box01 div.sepaBox .inner01.flex .img { width: 430px; }
section#p04Box01 div.sepaBox .inner02.flex { justify-content: space-between; margin-top: 40px; }
section#p04Box01 div.sepaBox .inner02.flex > div { width: 480px; box-sizing: border-box; border-radius: 10px; padding: 24px 30px; background: #F5F5F5; }
section#p04Box01 div.sepaBox .inner02.flex > div .two-ul.flex { justify-content: space-between; }
section#p04Box01 div.sepaBox .inner02.flex > div .two-ul.flex > ul { width: 50%; }
section#p04Box01 div.sepaBox .greenBox { padding: 24px 30px; margin-bottom: 24px; }
section#p04Box01 div.sepaBox .greenBox ul.check-list > li { padding-bottom: 0; margin-bottom: 5px; font-size: 16px; background: url("../img/p04/ico-check.svg") no-repeat left top 2px; padding-left: 28px; border-bottom: none; }
section#p04Box01 div.sepaBox:last-child { padding-bottom: 0; margin-bottom: 0; }

div.sepaBox { padding-bottom: 60px; margin-bottom: 60px; border-bottom: solid 1px #E8E8E8; }

div.sepaBox:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }

.inner01.flex.semiful { flex-direction: row-reverse; }

.imgs01.flex { margin-top: -24px; }
.imgs01.flex > div { width: 130px; margin: 24px 20px 0 0; text-align: center; }
.imgs01.flex > div p { line-height: 1.75; margin-top: 4px; }
.imgs01.flex > div:nth-child(3n) { margin-right: 0; }

.imgs02.flex { margin-top: -20px; }
.imgs02.flex > div { width: 120px; margin: 20px 30px 0 0; text-align: center; }
.imgs02.flex > div p { line-height: 1.75; }
.imgs02.flex > div:nth-child(3n) { margin-right: 0; }

section#p04Box02 { background: #E1F6F6; }
section#p04Box02 .titles01 { text-align: center; margin-bottom: 60px; }
section#p04Box02 .titles01:before { right: 0; margin: 0 auto; }

section.flow-sec.flex { position: relative; background: #fff; box-sizing: border-box; margin-bottom: 40px; padding: 50px; justify-content: space-between; border-radius: 10px; }
section.flow-sec.flex > .cont { width: 460px; }
section.flow-sec.flex > .cont .text > ul { margin-top: 24px; }
section.flow-sec.flex > .cont .text > div { margin-top: 24px; }
section.flow-sec.flex > .cont .text > ul:first-child { margin-top: 0; }
section.flow-sec.flex > .cont .text > div:first-child { margin-top: 0; }
section.flow-sec.flex > .cont .set-box .side-tit { margin-bottom: 8px; }
section.flow-sec.flex > .img { width: 320px; }
section.flow-sec.flex .btn01 { width: 340px; margin-top: 30px; }
section.flow-sec.flex .btn01 a { text-decoration: none; }
section.flow-sec.flex .btn01 .text { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
section.flow-sec.flex .btn01 span.ico { margin-right: 15px; display: inline-block; }
section.flow-sec.flex .btn01 span.ico img { display: block; }
section.flow-sec.flex .btn01 .arrow { display: none; }
section.flow-sec.flex a.green { color: #01A9AE; }
section.flow-sec.flex a { text-decoration: underline; }
section.flow-sec.flex a:hover { text-decoration: none; }

section.flow-sec.flex::after { content: ""; width: 0; height: 0; border-top: solid 12px #B6DBDB; border-left: solid 16px transparent; border-right: solid 16px transparent; margin: 0 auto; left: 0; right: 0; top: calc(100% + 14px); position: absolute; }

section.flow-sec.flex:last-child { margin-bottom: 0; }

section.flow-sec.flex:last-child:after { content: none; }

.num-tit02.flex { align-items: center; line-height: 48px; font-size: 32px; font-weight: 700; margin-bottom: 24px; }
.num-tit02.flex .num { width: 48px; height: 48px; text-align: center; color: #fff; font-weight: 700; margin-right: 16px; background: #01A9AE; border-radius: 5px; font-size: 24px; }
.num-tit02.flex .text { width: calc(100% - 64px); white-space: nowrap; }

ul.side-anq { background: url("../img/p04/v-line01.svg") repeat-y left 10px top; }
ul.side-anq > li { line-height: 26px; margin-bottom: 24px; position: relative; z-index: 2; }
ul.side-anq > li a { display: inline-block; padding-left: 32px; background: url("../img/p04/side-arrow01.svg") no-repeat left top 1px; font-weight: 700; text-decoration: none; }
ul.side-anq > li a:hover { color: #087F82; }
ul.side-anq > li:last-child { margin-bottom: 0; }

ul.side-anq:before { content: ""; position: absolute; width: 30px; height: 15px; background: #E1F6F6; left: 0; top: 0; }

ul.side-anq:after { content: ""; position: absolute; width: 30px; height: 15px; background: #E1F6F6; left: 0; bottom: 0; }

.flow-wrap.flex { justify-content: space-between; }
.flow-wrap.flex .flow-side { width: 128px; }
.flow-wrap.flex .flow-side ul.side-anq { position: sticky; top: 170px; }
.flow-wrap.flex .flow-main { width: 920px; }

section#p04Box03 { background: #FFF6E5; }
section#p04Box03 .tit-head.flex { align-items: center; }
section#p04Box03 .tit-head.flex .titles01 { padding-right: 60px; margin-right: 60px; border-right: solid 1px #E3DBC3; }
section#p04Box03 .tit-head.flex .text { max-width: 780px; }
section#p04Box03 .num-tit02.flex .num { background: #EE5A35; }
section#p04Box03 .side-tit:before { background: #EE5A35; }
section#p04Box03 .btn01 a { background: #EE5A35; }
section#p04Box03 ul.side-anq:after, section#p04Box03 ul.side-anq:before { background: #FFF6E5; }
section#p04Box03 ul.side-anq { background-image: url("../img/p04/v-line02.svg"); }
section#p04Box03 ul.side-anq > li a { background-image: url("../img/p04/side-arrow02.svg"); }
section#p04Box03 ul.side-anq > li a:hover { color: #EE5A35; }
section#p04Box03 section.flow-sec.flex::after { border-top-color: #E8DFCD; }

section#p04Box04 div.inner01.flex { justify-content: space-between; }
section#p04Box04 div.inner01.flex .cont { width: 480px; }
section#p04Box04 div.inner01.flex .img { width: 540px; }
section#p04Box04 div.inner01.flex ul.check-list > li { font-size: 16px; background: url("../img/p04/ico-check.svg") no-repeat left top 2px; padding-left: 28px; padding-bottom: 16px; margin-bottom: 16px; }
section#p04Box04 div.inner01.flex ul.check-list > li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }
section#p04Box04 div.inner02.flex { box-sizing: border-box; flex-direction: row-reverse; background: #F5F5F5; padding: 50px; border-radius: 10px; justify-content: space-between; margin-top: 80px; }
section#p04Box04 div.inner02.flex .cont { width: 560px; }
section#p04Box04 div.inner02.flex .img { width: 380px; }
section#p04Box04 div.inner02.flex .copy02 { margin-bottom: 24px;font-size: 24px; }
section#p04Box04 div.inner02.flex .copy02 .green02 { font-size: 32px; }

.page-guide section#guide-sec { background: #E1F6F6; }

/* 05 送料・料金
-----------------------------------------------*/
section#p05Box01 { background: #E1F6F6; }
section#p05Box01 .tit-head.flex { align-items: center; margin-bottom: 60px; }
section#p05Box01 .tit-head.flex .titles01 { padding-right: 60px; margin-right: 57px; border-right: solid 1px #B4DBDB; }
section#p05Box01 .tit-head.flex .text { width: 785px; }

.price-calc { margin: 24px 0 40px; }
.price-calc > div.box { text-align: center; margin-left: 40px; }
.price-calc > div.box .ico { padding: 22px 19px; border-radius: 5px; background: #F5F5F5; position: relative; }
.price-calc > div.box .ico:after { z-index: 3; }
.price-calc > div.box .text { font-weight: 700; margin-top: 8px; text-align: center; font-size: 18px; line-height: 1.1; }
.price-calc > div.box .text .komoji { font-size: 15px; font-weight: 500; margin-top: 4px; }
.price-calc > div.box.box01 { margin-left: 0; }

.price-calc.price-calc01.flex { margin: 24px 0 40px; }
.price-calc.price-calc01.flex > div.box.box01 { width: 146px; }
.price-calc.price-calc01.flex > div.box.box01 .ico { border-radius: 5px 0 0 5px; }
.price-calc.price-calc01.flex > div.box.box01 .ico:after { content: ""; background: url("../img/p05/c01.svg") no-repeat center; width: 24px; height: 24px; position: absolute; top: 50%; right: -12px; transform: translateY(-50%); }
.price-calc.price-calc01.flex > div.box.box02 { width: 146px; }
.price-calc.price-calc01.flex > div.box.box02 .ico { border-radius: 0; }
.price-calc.price-calc01.flex > div.box.box02 .ico:after { content: ""; background: url("../img/p05/c01.svg") no-repeat center; width: 24px; height: 24px; position: absolute; top: 50%; right: -12px; transform: translateY(-50%); }
.price-calc.price-calc01.flex > div.box.box03 { width: 146px; }
.price-calc.price-calc01.flex > div.box.box03 .ico { border-radius: 0 5px 5px 0; }
.price-calc.price-calc01.flex > div.box.box03 .ico:after { content: ""; background: url("../img/p05/c02.svg") no-repeat center; width: 20px; height: 20px; position: absolute; top: 50%; left: calc(100% + 10px); transform: translateY(-50%); }
.price-calc.price-calc01.flex > div.box.box04 .ico:after { content: ""; background: url("../img/p05/c01.svg") no-repeat center; width: 24px; height: 24px; position: absolute; top: 50%; left: calc(100% + 8px); transform: translateY(-50%); }
.price-calc.price-calc01.flex > div.box.box05 .ico:after { content: ""; background: url("../img/p05/c03.svg") no-repeat center; width: 24px; height: 16px; position: absolute; top: 50%; left: calc(100% + 8px); transform: translateY(-50%); }
.price-calc.price-calc01.flex > div.box.box02, .price-calc.price-calc01.flex > div.box.box03 { margin-left: 0; }

.price-calc.price-calc02.flex { margin-bottom: 0; }
.price-calc.price-calc02.flex > div.box { margin-left: 70px; width: 200px; }
.price-calc.price-calc02.flex > div.box.box01 { margin-left: 0; width: 220px; }
.price-calc.price-calc02.flex > div.box.box01 .ico { border-radius: 5px 0 0 5px; }
.price-calc.price-calc02.flex > div.box.box01 .ico:after { content: ""; background: url("../img/p05/c01.svg") no-repeat center; width: 24px; height: 24px; position: absolute; top: 50%; right: -12px; transform: translateY(-50%); }
.price-calc.price-calc02.flex > div.box.box02 { margin-left: 0; width: 220px; }
.price-calc.price-calc02.flex > div.box.box02 .ico { border-radius: 0 5px 5px 0; }
.price-calc.price-calc02.flex > div.box.box02 .ico:after { content: ""; background: url("../img/p05/c02.svg") no-repeat center; width: 20px; height: 20px; position: absolute; top: 50%; left: calc(100% + 23px); transform: translateY(-50%); }
.price-calc.price-calc02.flex > div.box.box03 .ico:after { content: ""; background: url("../img/p05/c03.svg") no-repeat center; width: 24px; height: 16px; position: absolute; top: 50%; left: calc(100% + 23px); transform: translateY(-50%); }

.p-TBL01 th, .p-TBL01 td { box-sizing: border-box; font-size: 16px; font-weight: 500; line-height: 20px; padding: 7px 0; height: 38px; }
.p-TBL01 th.col01, .p-TBL01 th.col02 { background: #01A9AE; color: #fff; text-align: center; vertical-align: middle; border-bottom: solid 1px #B4DBDB; }
.p-TBL01 th.col03, .p-TBL01 th.col04, .p-TBL01 th.col05, .p-TBL01 th.col06, .p-TBL01 th.col07 { text-align: center; vertical-align: middle; border-bottom: solid 1px #E8E8E8; border-right: solid 1px #E8E8E8; background: #F5F5F5; }
.p-TBL01 td.col03, .p-TBL01 td.col04, .p-TBL01 td.col05, .p-TBL01 td.col06, .p-TBL01 td.col07 { text-align: right; vertical-align: middle; border-bottom: solid 1px #E8E8E8; border-right: solid 1px #E8E8E8; background: #fff; padding-left: 5px;padding-right: 10px;font-size: 15px; }
.p-TBL01 tr:last-child th.col01, .p-TBL01 tr:last-child th.col02 { border-bottom: solid 1px #01A9AE; }
.p-TBL01 .col01 { width: 232px; border-right: solid 1px #B4DBDB; }
.p-TBL01 .col02 { width: 87px; }
.p-TBL01 .col03, .p-TBL01 .col04, .p-TBL01 .col05 { width: 110px; }
.p-TBL01 .col06 { width: 154px; }
.p-TBL01 .col07 { width: 140px; }

.notesBox.priceBox01 .side-tit { font-size: 28px; padding-left: 17px; margin-bottom: 24px; }
.notesBox.priceBox01 .side-tit:before { border-radius: 5px; }
.notesBox.priceBox01 div.box > .inner .sepaBox { padding-bottom: 60px; margin-bottom: 50px; }
.notesBox.priceBox01 div.box > .inner .sepaBox:last-child { padding-bottom: 0; margin-bottom: 0; }
.notesBox.priceBox01 .kigou-text { margin-top: 8px; }

.sample-list.flex { margin-top: 24px; justify-content: center;}
.sample-list.flex > div { width: calc(50% - 10px); }
.sample-list.flex > div.box { display: flex; flex-wrap: wrap; min-height: 64px; }
.sample-list.flex > div.box .th { width: 80px; color: #fff; border-radius: 5px 0 0 5px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; font-weight: 700; background: #01A9AE; }
.sample-list.flex > div.box .td { width: calc(100% - 80px); background: #F5F5F5; border-radius: 0 5px 5px 0; box-sizing: border-box; padding: 8px 15px; font-weight: 700; line-height: 24px; }

.ink-list.flex { margin-bottom: 24px; }
.ink-list.flex > div.box { width: 180px; margin-right: 20px; }
.ink-list.flex > div.box .img { margin-bottom: 8px; }
.ink-list.flex > div.box h5 { font-weight: 700; margin-bottom: 8px; }
.ink-list.flex > div.box:nth-child(5n) { margin-right: 0; }

.TBL03 dl.size-dl.flex { min-height: 40px; font-weight: 700; line-height: 28px; }
.TBL03 dl.size-dl.flex dt { border-bottom: solid 1px #B4DBDB; color: #fff; background: #01A9AE; padding: 5px; text-align: center; width: 40px; box-sizing: border-box; }
.TBL03 dl.size-dl.flex dd { border-bottom: solid 1px #E8E8E8; padding: 5px 15px; text-align: left; background: #F5F5F5; width: calc(100% - 40px); box-sizing: border-box; }
.TBL03 dl.size-dl.flex:first-child dt { border-radius: 5px 0 0 0; }
.TBL03 dl.size-dl.flex:first-child dd { border-radius: 0 5px 0 0; }
.TBL03 dl.size-dl.flex:last-child dt { border-radius: 0 0 0 5px; border-bottom: none; }
.TBL03 dl.size-dl.flex:last-child dd { border-radius: 0 0 5px 0; border-bottom: none; }

.text-sb01 { text-align: center; margin-bottom: 10px; }
.text-sb01 > span { display: block; color: #fff; line-height: 40px; background: #EE5A35; border-radius: 40px; position: relative; font-weight: 700; font-size: 20px; }
.text-sb01 > span:before { content: ""; border-top: solid 8px #EE5A35; border-left: solid 12px transparent; border-right: solid 12px transparent; width: 0; hanging-punctuation: 0; position: absolute; left: 0; right: 0; top: calc(100% - 1px); margin: 0 auto; }

.set-list03.flex { justify-content: space-between; }
.set-list03.flex > div.box { width: calc(33% - 5px); background: #FFF6E5; border-radius: 10px; }

.set-list03.flex > div.box > h5 {font-size: 16px;line-height: 1.2;background: #FFF0C7;border-radius: 10px 10px 0 0;text-align: left;padding: 10px;}

.set-list03.flex > div.box .in-box { padding: 15px 15px; }
.set-list03.flex > div.box .in-box .m-price.flex{display: none;}
.set-list03.flex > div.box .in-box .b-price.flex{display: block;}
.set-list03.flex > div.box .in-box .m-price.flex, .set-list03.flex > div.box .in-box .b-price.flex { justify-content: space-between; }
.set-list03.flex > div.box .in-box .m-price.flex dt { background: none; width: auto; text-align: left; }
.set-list03.flex > div.box .in-box .b-price.flex dt { background: none; width: auto; text-align: left; }
.set-list03.flex > div.box .in-box .m-price.flex dd { width: auto; }
.set-list03.flex > div.box .in-box .m-price.flex dd .num { font-size: 24px; }
.set-list03.flex > div.box .in-box .b-price.flex dd { width: auto; color: #EE5A35; }
.set-list03.flex > div.box .in-box .b-price.flex dd .num { font-size: 40px; }
.set-list03.flex > div.box:first-child .in-box { padding: 15px 15px; }

.TBL04 th, .TBL04 td { box-sizing: border-box; height: 40px; vertical-align: middle; text-align: center; font-weight: 500; }
.TBL04 th.col01 { color: #fff; background: #01A9AE; border-bottom: solid 1px #B4DBDB; width: 320px; }
.TBL04 tbody tr:last-child th.col01 { border-bottom-color: #01A9AE; }
.TBL04 th.col02, .TBL04 th.col03 { background: #F5F5F5; }
.TBL04 td { background: #fff; border-right: solid 1px #E8E8E8; border-bottom: solid 1px #E8E8E8; padding: 5px 25px; }
.TBL04 td.col03 { text-align: right; }
.TBL04 .col02 { width: 350px; }
.TBL04 .col03 { width: 300px; }

.TBL05 th, .TBL05 td { box-sizing: border-box; height: 40px; vertical-align: middle; text-align: center; font-weight: 500; }
.TBL05 th.col01 { color: #fff; background: #01A9AE; border-bottom: solid 1px #B4DBDB; width: 320px; }
.TBL05 tbody tr:last-child th.col01 { border-bottom-color: #01A9AE; }
.TBL05 th.col02 { background: #F5F5F5; }
.TBL05 td { background: #fff; border-right: solid 1px #E8E8E8; border-bottom: solid 1px #E8E8E8; padding: 5px 25px; }
.TBL05 .col02 { width: 660px; }

.TBL06 { margin-bottom: 22px; }
.TBL06 th, .TBL06 td { box-sizing: border-box; height: 40px; vertical-align: middle; text-align: center; font-weight: 500; width: 114px; }
.TBL06 thead th { height: 48px; }
.TBL06 th { background: #F5F5F5; border-right: solid 1px #E8E8E8; border-bottom: solid 1px #E8E8E8; }
.TBL06 th.col01 { color: #fff; background: #01A9AE; border-bottom: solid 1px #B4DBDB; width: 170px; }
.TBL06 tbody tr:nth-child(2n) td { background: #F5FDFE; }
.TBL06 tbody tr:last-child th.col01 { border-bottom-color: #01A9AE; }
.TBL06 th.col02 { background: #F5F5F5; }
.TBL06 td { background: #fff; border-right: solid 1px #E8E8E8; border-bottom: solid 1px #E8E8E8; padding: 5px 25px 5px 10px; text-align: right; }

.seihan-inner01.flex { justify-content: space-between; margin-bottom: 40px;align-items: flex-end; }
.seihan-inner01.flex > .left { width: 600px; }
.seihan-inner01.flex > .left > .text02 { text-align: center; font-weight: 700; line-height: 1.5; margin-bottom: 15px; font-size: 26px; }
.seihan-inner01.flex > .right { width: 360px; }
.seihan-inner01.flex > .right > p { font-weight: 700; }

section#p05Box02 .tit-head.flex { align-items: center; margin-bottom: 60px; }
section#p05Box02 .tit-head.flex .titles01 { padding-right: 60px; margin-right: 57px; border-right: solid 1px #E8E8E8; }
section#p05Box02 .tit-head.flex .text { width: 650px; }

div.pay-list { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
div.pay-list > div.box { width: calc(50% - 10px); border-radius: 10px; background: #E1F6F6; }
div.pay-list > div.box > h3 { border-radius: 10px 10px 0 0; text-align: center; color: #fff; font-weight: 700; font-size: 24px; background: #01A9AE; line-height: 64px; }
div.pay-list > div.box > .inner { padding: 24px 30px 40px; }
div.pay-list > div.box > .inner > .text { margin-bottom: 24px; }
div.pay-list > div.box .text02 { line-height: 24px; }
div.pay-list > div.box .text02 a { text-decoration: underline; }
div.pay-list > div.box .text02 a:hover { text-decoration: none; }

.in-two.flex .side-tit { margin-bottom: 8px; }
.in-two.flex p { line-height: 24px; }
.in-two.flex > div { max-width: calc(50% - 24px); margin-right: 47px; }
.in-two.flex > div:nth-child(2n) { margin-right: 0; }

section#p05Box03 { background: #F5F5F5; }
section#p05Box03 .tit-head.flex { align-items: center; margin-bottom: 60px; }
section#p05Box03 .tit-head.flex .titles01 { padding-right: 60px; margin-right: 57px; border-right: solid 1px #E8E8E8; }
section#p05Box03 .tit-head.flex .text { width: 650px; }

.whiteBox-list .box { background: #fff; border-radius: 10px; padding: 25px 40px; margin-bottom: 10px; }
.whiteBox-list .box a { text-decoration: underline; }
.whiteBox-list .box a:hover { text-decoration: none; }
.whiteBox-list .box:last-child { margin-bottom: 0; }

section#p05Box04 { background: #FFF6E5; }
section#p05Box04 .titles01 { text-align: center; }
section#p05Box04 .titles01:before { right: 0; margin: 0 auto; }

.re-ex-list { border-top: solid 1px #E3DBC3; }
.re-ex-list > div.box { padding: 40px 0; border-bottom: solid 1px #E3DBC3; justify-content: space-between; }
.re-ex-list > div.box .ico { width: 200px; }
.re-ex-list > div.box > .cont { width: calc(100% - 240px); }
.re-ex-list > div.box > .cont .side-tit:before { background: #EE5A35; }
.re-ex-list > div.box:last-child > .cont > .text { width: 870px; }

.ex-ul-dot { margin-top: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; }
.ex-ul-dot .tit { font-weight: 700; width: 30px; }
.ex-ul-dot ul.dot-list { width: calc(100% - 30px); margin-top: 0; }

/* 06 商品詳細
-----------------------------------------------*/
div#mv.umv02 { background: #E1F6F6; }
div#mv.umv02 .wrap { padding: 80px 0; display: flex; flex-wrap: wrap; justify-content: space-between; }
div#mv.umv02 .wrap > .left { width: 540px; }
div#mv.umv02 .wrap > .img { width: 500px; }
div#mv.umv02 .wrap > .img .in-img { border-radius: 10px; padding-top: 80%; }
div#mv.umv02 .green-bg { padding: 10px 0; }
div#mv.umv02 .green-bg .inner.flex > .box { text-align: center; width: 275px; box-sizing: border-box; border-color: #3BC0C4; display: block; padding-top: 25px; padding-bottom: 20px; height: auto; }
div#mv.umv02 .green-bg .inner.flex > .box .ico { margin: 0 auto 15px; }
div#mv.umv02 .green-bg .inner.flex > .box .ico img { width: auto; height: 48px; }
div#mv.umv02 .green-bg .inner.flex > .box .text { font-size: 18px; line-height: 24px; }

h1.mv-tit-item { margin-bottom: 30px; font-size: 40px; font-weight: 700; line-height: 1.3; }

div.item-priceBox.flex { margin-bottom: 30px; }
div.item-priceBox.flex > .tit { width: 144px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #fff; font-weight: 700; font-size: 20px; min-height: 72px; background: #01A9AE; border-radius: 10px 0 0 10px; }
div.item-priceBox.flex > .cont { background: #fff; border-radius: 0 10px 10px 0; width: calc(100% - 144px); display: flex; flex-wrap: wrap; align-items: center; box-sizing: border-box; padding: 10px 40px; font-weight: 700; font-size: 20px; line-height: 1.3; }
div.item-priceBox.flex > .cont .num { font-size: 40px; color: #EE5A35; font-family: "roboto"; }

div.item-copy01 { font-size: 20px; line-height: 1.8; }

div#contents.bg05 { overflow: hidden; background: #FFF6E5; }

div#p06Box01 .wrap { display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse; }
div#p06Box01 .wrap > .cont { width: 640px; }
div#p06Box01 .wrap > .cont .titles01 { margin-bottom: 40px; padding-bottom: 25px; }
div#p06Box01 .wrap > .cont .titles01 .jp { line-height: 1.5; font-size: 32px; color: #222222; }
div#p06Box01 .wrap > .cont .titles01:before { width: 64px; }
div#p06Box01 .wrap > .left { width: 400px; }
div#p06Box01 .wrap > .left img { border-radius: 10px; }

section#rank-sec { padding: 120px 0; background: #fff; }
section#rank-sec h2.titles01 { text-align: center; }
section#rank-sec h2.titles01:before { right: 0; margin: 0 auto; }

.rank-list.flex,
.rank-list100.flex{margin-top: -40px;}
div.rankBox { position: relative; width: 340px; margin-right: 40px;margin-top: 40px; }
div.rankBox .rank-crown { background: url("../img/p06/rank01.svg") no-repeat center; width: 64px; height: 65px; position: absolute; z-index: 2; top: -10px; left: -10px;display: none; }
div.rankBox .img { border-radius: 10px; border: solid 3px #DCDCDC; margin-bottom: 10px; }
div.rankBox .img .in-img { padding-top: 100%; border-radius: 8px; }
div.rankBox .cont h3 { font-size: 22px; line-height: 1.22; margin-bottom: 15px; }
div.rankBox .cont > .text{margin-top: 15px;}
div.rankBox .btn01{margin-top: 20px;width: 100%;}

div.rankBox:nth-child(3n) { margin-right: 0; }
/*

div.rankBox.rank01 .rank-crown { display: block;}
div.rankBox.rank02 .rank-crown { background-image: url("../img/p06/rank02.svg");display: block;}
div.rankBox.rank03 .rank-crown { background-image: url("../img/p06/rank03.svg");display: block; }

*/

span.zei-text00{font-size: 13px!important;display: inline-block;}

.price-chuui{margin-top: 10px;font-size: 14px;}
.price-chuui p{padding-left: 18px;text-indent: -14px;line-height: 1.4;}

.m-price.flex { align-items: center; line-height: 32px; margin-bottom: 4px; }
.m-price.flex dt { width: 150px; margin-right: 15px; font-weight: 700; text-align: center; border-radius: 5px; background: #F5F5F5; }
.m-price.flex dd { width: calc(100% - 165px); font-size: 16px; font-weight: 700; }
.m-price.flex dd .num { font-size: 20px; font-family: "roboto"; }

.b-price.flex { align-items: center; line-height: 32px; }
.b-price.flex dt { width: 150px; margin-right: 15px; font-weight: 700; text-align: center; border-radius: 5px; background: #F5F5F5; }
.b-price.flex dd { width: calc(100% - 165px); font-size: 16px; font-weight: 700;line-height: 1.2; }
.b-price.flex dd .num { font-size: 32px; color: #EE5A35; font-family: "roboto"; }

span.slash-price { display: inline-block; position: relative; }

span.slash-price:before { content: ""; width: 100%; height: 1px; background: #EE5A35; position: absolute; transform: rotateZ(-15deg); transform-origin: right top; left: 0; top: 5px; }

section#joy-sec { background: #E1F6F6; }

div.check-wrap01 { background: #FFFFFF; padding: 40px 60px; border-radius: 10px; }

ul.check-list > li { padding-bottom: 15px; border-bottom: solid 1px #E8E8E8; margin-bottom: 15px; font-size: 20px; font-weight: 700; padding-left: 36px; background: url("../img/p06/ico-check.svg") no-repeat left top; line-height: 1.4; }
ul.check-list > li:last-child { padding-bottom: 0; border-bottom: none; margin-bottom: 0; }

.single-item .titles02 { margin-bottom: 76px; }
.single-item section#feature-sec { padding: 0; }
.single-item section#service-sec { padding: 0; background: #fff; }
.single-item section#guide-sec { background: #E1F6F6; }
.single-item section#joy-sec .titles02{margin-bottom: 40px;}

.oth-text {margin-top: 100px;text-align: center;}
.oth-text .btn01{margin: 20px auto 0;}



.sub01 { font-weight: 700; line-height: 1.1; margin-bottom: 20px; font-size: 40px; }

.p06-featureBox.flex { padding-bottom: 80px; margin-bottom: 80px; border-bottom: solid 1px #E8E8E8; flex-direction: row-reverse; justify-content: space-between; }
.p06-featureBox.flex > .img { width: 400px; }
.p06-featureBox.flex > .img .in-img{ padding-top: 100%; border-top-left-radius: 10px;}
.p06-featureBox.flex > .cont { width: 620px; }
.p06-featureBox.flex > .cont .btn01 { margin-top: 40px; }
.p06-featureBox.flex .bottomBox { margin-top: 40px; }
.p06-featureBox.flex .bottomBox .inner.flex { justify-content: space-between; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox { border-radius: 10px; background: #FFF6E5; width: calc(50% - 10px); }
.p06-featureBox.flex .bottomBox .inner.flex .inBox h5 { background: #FFF0C7; border-radius: 10px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 67px; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox h5 span.gr-bg { line-height: 31px; color: #fff; font-weight: 700; padding: 0 12px; border-radius: 30px; background: #01A9AE; margin-right: 8px; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox h5 span.text { font-size: 24px; font-weight: 700; line-height: 31px; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox .in-inner { padding: 30px 40px 40px; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox .in-inner .text { min-height: 80px; margin-bottom: 30px; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox .in-inner .imgs.flex { justify-content: space-between; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox .in-inner .imgs.flex > div { position: relative; width: calc(50% - 10px); }
.p06-featureBox.flex .bottomBox .inner.flex .inBox .in-inner .imgs.flex > div p { text-align: center; margin-top: 5px; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox .in-inner .imgs.flex > div .sb-text { position: absolute; left: 0; top: 13px; width: 100%; z-index: 2; text-align: center; color: #fff; line-height: 24px; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox .in-inner .imgs.flex > div:first-child span.img { display: block; position: relative; }
.p06-featureBox.flex .bottomBox .inner.flex .inBox .in-inner .imgs.flex > div:first-child span.img:after { content: ""; width: 0; height: 0; border-left: solid 12px #EFDCA8; border-top: solid transparent 16px; border-bottom: solid transparent 16px; position: absolute; top: 50%; left: calc(100% + 5px); transform: translateY(-50%); }
.p06-featureBox.flex .bottomBox .btn01 { margin: 45px auto 0; }

.p06-featureBox.flex:nth-child(2n) { flex-direction: row; }

.p06-featureBox.flex:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; }

.num-tit { position: relative; font-weight: 700; margin-bottom: 10px; }
.num-tit .num { font-size: 80px; color: #E1F6F6; line-height: 1; position: absolute; left: -21px; top: -21px; }
.num-tit span.text { color: #01A9AE; font-size: 20px; display: block; position: relative; z-index: 2; }

.pick-box.flex { margin-top: 30px; background: #FFF6E5; border-radius: 10px; box-sizing: border-box; padding: 15px 20px 15px 40px; align-items: center; justify-content: space-between; }
.pick-box.flex .left { padding-right: 56px; background: url("../img/p06/feature-line.svg") no-repeat right center; }
.pick-box.flex .right { font-size: 26px; font-weight: 700; line-height: 1.54; }
.pick-box.flex .right .green { color: #01A9AE; }

ul.gr-bg-list.flex { margin-bottom: 26px; }

ul.gr-bg-list.flex > li { line-height: 26px; height: 26px; align-items: center; margin-right: 4px; border-radius: 30px; background: #01A9AE; font-weight: 700; color: #fff; padding: 0 15px; }
ul.gr-bg-list.flex > li:last-child { margin-right: 0; }

ul.gr-bg-list02 > li { line-height: 28px; height: 28px; margin-bottom: 2px; text-align: center; color: #fff; font-weight: 700; font-size: 18px; border-radius: 5px; background: #01A9AE; width: 150px; }
ul.gr-bg-list02 > li:last-child { margin-bottom: 0; }

section.works-sec { background: #F5F5F5; }
section.works-sec h2.titles01 { text-align: center; }
section.works-sec h2.titles01:before { right: 0; margin: 0 auto; }
section.works-sec .btn01 { margin: 40px auto 0; }

.u-text02 { text-align: center; margin-bottom: 35px; font-weight: 700; font-size: 24px; line-height: 39px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.u-text02 span.gr-bg-texts { display: flex; flex-wrap: wrap; margin: 0 8px; align-items: center; }
.u-text02 span.gr-bg-texts > span { color: #fff; border-radius: 5px; padding: 0 6px; background: #01A9AE; margin-right: 2px; }
.u-text02 span.gr-bg-texts > span:last-child { margin-right: 0; }

section.works-sec div.slider01 { margin-top: 0; }

section.position-sec { background: #E1F6F6; }
section.position-sec .inner01.flex { justify-content: space-between; }
section.position-sec .inner01.flex > .left { width: 400px; }
section.position-sec .inner01.flex > .right { width: 600px; }
section.position-sec .inner01.flex > .right img { border-radius: 10px; }
section.position-sec .inner01.flex .titles01 { margin-bottom: 30px; line-height: 63px; padding-bottom: 25px; }
section.position-sec .inner01.flex .titles01 .jp { margin-bottom: 5px; }

div.sampleArea { margin-top: 60px; background: #fff; border-radius: 10px; padding: 40px 60px; }

.sample-list.flex .samplebox { text-align: center; width: 160px; margin-right: 45px; }
.sample-list.flex .samplebox .img { margin-bottom: 5px; }
.sample-list.flex .samplebox .img .in-img { padding-top: 100%; border-radius: 5px; }
.sample-list.flex .samplebox:last-child { margin-right: 0; }

section.style-sec { background: #F5F5F5; }
section.style-sec .tit-head.flex { margin-bottom: 60px; align-items: center; }
section.style-sec .tit-head.flex .titles01 { padding-right: 60px; margin-right: 60px; border-right: solid 1px #E8E8E8; }
section.style-sec .tit-head.flex .text { width: 580px; }

.style-list.flex { margin-top: -40px; }

.styleBox { width: 340px; margin-right: 40px; margin-top: 40px; }
.styleBox > .style-inner { display: block; text-decoration: none; }
.styleBox > .style-inner .img { border-radius: 10px; position: relative; margin-bottom: 8px; border: solid 3px transparent; }
.styleBox > .style-inner .img .in-img { padding-top: 70.58%; border-radius: 10px; }
.styleBox > .style-inner h3.tit { font-size: 24px; line-height: 1.16; font-weight: 700; margin-bottom: 5px; }
.styleBox > .style-inner .text { line-height: 24px; }
.styleBox a.style-inner .img { overflow: hidden; border: solid 3px transparent; transition: 0.3s; }
.styleBox a.style-inner .img .in-img { transition: 0.3s; }
.styleBox a.style-inner .img .arrow { width: 32px; height: 32px; overflow: hidden; position: absolute; z-index: 2; bottom: -3px; right: -3px; background: #01A9AE; border-radius: 10px 0 10px 0; }
.styleBox a.style-inner .img .arrow:before { content: ""; width: 48px; height: 12px; background: url("../img/common/btn-arrow01.svg") no-repeat center right, url("../img/common/btn-arrow01.svg") no-repeat center left; position: absolute; right: 10px; top: 10px; background-size: 12px; }
.styleBox a.style-inner:hover .img { border: solid 3px #01A9AE; }
.styleBox a.style-inner:hover .img .arrow:before { right: -26px; transition: 0.3s; }

.styleBox:nth-child(3n) { margin-right: 0; }

section.brand-sec { background: #fff; }
section.brand-sec .tit-head.flex { margin-bottom: 60px; align-items: center; }
section.brand-sec .tit-head.flex .titles01 { padding-right: 60px; margin-right: 60px; border-right: solid 1px #E8E8E8; }
section.brand-sec .tit-head.flex .text { width: 580px; }

.brand-list02.flex { margin-top: -40px; }
.brand-list02.flex .brand-box { width: 160px; margin: 40px 75px 0 0; }
.brand-list02.flex .brand-box a:hover { opacity: 0.7; }
.brand-list02.flex .brand-box:nth-child(7n) { margin-right: 75px; }
.brand-list02.flex .brand-box:nth-child(5n) { margin-right: 0; }



.rs-data01 .detail {
}
.rs-data01 .detail table {
	width:100%;
	font-size:18px;
	line-height:1.5em;
}
.rs-data01 .detail table td {
	padding:10px 0;
	border-bottom:1px dotted #333333;
}
.rs-data01 .detail table tr:first-child td {
	padding:0 0 10px;
}
.rs-data01 .price01 {
	font-weight:bold;
}
.rs-data01 .price01 span {
	font-weight:normal;
}
.rs-data01 .price02 {
	font-weight:bold;
}
.rs-data01 .price02 span {
	font-size:16px;
	color:#CC0000;
}
.rs-data01 .detail ul li:nth-child(1) {
	float:left;
}
.rs-data01 .detail ul li:nth-child(2) {
	float:right;
}
.detailBox02 {text-align: center;
	margin-bottom:20px;
}
.detailBox02 ul li {
	width:52px;
	margin:0 20px 20px 0;
	float:left;
	text-align:center;
	font-size:12px;
	line-height:1.4em;
}
.detailBox02 ul li:nth-child(12n) {
	margin:0 0 20px 0;
}
.detailBox02 img {
	max-width:100%;
	height:auto;
}
.detailBox03 {
	margin-bottom:30px;
}
.detailBox03 img {
	max-width:100%;
	height:auto;
}
.detailBox03 table {
	width:100%;
}
.detailBox03 table th {
	padding:8px 0;
	border:1px solid #999999;
	text-align:center;
}
.detailBox03.type01 .img{text-align: center;}
.detailBox03.type01 th {

}
.detailBox03.type02 th {
	
}
.detailBox03.type03 th {
	
}
.detailBox03 table .th01 {
	background:#FFFBD2;
}
.detailBox03 table td {
	padding:8px 0;
	border:1px solid #999999;
	text-align:center;
}
.detailBox03 .note {
	padding:10px 0 0;
	font-size:14px;
	line-height:1.4em;
}

h1.rs-tit {padding-left: 65px;margin-bottom: 20px;line-height: 68px;font-size: 22px;
font-weight: bold;border-top: 1px solid #B9B9B9;border-bottom: 1px solid #B9B9B9;border-right: 1px solid #B9B9B9;border-left: 15px solid #087F82;background: url(../img/common/item_icon01.svg) no-repeat 20px center #fff;}

.rs-cont01.flex{justify-content: space-between;margin-top: 30px;}
.rs-cont01.flex > .img{width: 530px;}
.rs-cont01.flex > .img .gallery-wrap{width: 100%;}
.rs-cont01.flex > .img .gallery-wrap .gallery-main button.slick-prev.slick-arrow{left: -50px;}
.rs-cont01.flex > .img .gallery-wrap .gallery-main button.slick-next.slick-arrow{right: -50px;}
.rs-cont01.flex > .img .gallery-thumbs .slick-track{width: 100%!important;transform: none!important;}
.rs-cont01.flex > .img .gallery-thumbs .g-thumb{width: 126.5px;margin-right: 8px;}
.rs-cont01.flex > .img .gallery-thumbs .g-thumb:last-child{margin-right: 0;}
.rs-cont01.flex > .cont{width: 500px;}
.rs-cont01.flex > .cont .c-btn.c-btn01{width: 100%;}
.rs-cont01.flex > .cont .c-btn.c-btn01 br{display: none;}

.rs-cont02{padding: 50px 60px;margin-top: 50px;background: #fff;border-radius: 10px;margin-bottom: 100px;}
.rs-cont02 .mb10{margin-bottom: 10px;}
h2.rs-tit02 {background: #087F82;color: #fff;padding: 10px 20px;font-size: 20px;margin-bottom: 20px;}

h3.rs-tit03{border-bottom: solid 1px #087F82;font-size: 18px;padding-bottom: 10px;margin-bottom: 15px;}

.tel-es {border: solid 1px;background: #fff;box-sizing: border-box;display: flex;flex-wrap: wrap;
align-items: center;justify-content: space-between;padding: 20px 40px;margin: 10px 0;}

.tel-es .tit{font-size: 18px;font-weight: 700;line-height: 1.3;}


/* 07 カタログ
-----------------------------------------------*/
div.the_current_category h3.side-tit { font-size: 24px; }
div.the_current_category h3.side-tit:before { border-radius: 5px; }

div#cataBox .tit-head.flex { align-items: center; margin-bottom: 60px; }
div#cataBox .tit-head.flex .titles01 { padding-right: 60px; margin-right: 57px; border-right: solid 1px #E8E8E8; }
div#cataBox .tit-head.flex .text { width: 648px; }

div#two-content.cata-two { flex-direction: row-reverse; }
div#two-content.cata-two .sideBox { position: sticky; top: 170px; }
div#two-content.cata-two div#two-side.catalog-side .sideBox { position: relative; top:0; }

div.catalog-list-all.flex { margin-top: -20px; }

article.catalog-art { width: 270px; margin: 20px 15px 0 0; }
article.catalog-art a { text-decoration: none; background: #fff; border-radius: 10px; border: solid 3px transparent; box-sizing: border-box; height: 100%; padding: 17px; display: block; position: relative; }
article.catalog-art a .img { overflow: hidden; margin-bottom: 8px; }
article.catalog-art a .img .in-img { padding-top: 130.4%; transition: 0.3s; }
article.catalog-art a .catalog-bottom.flex { margin-top: 10px; }
article.catalog-art a .catalog-bottom.flex .qr { width: 80px; margin-right: 10px; }
article.catalog-art a .catalog-bottom.flex .tag-list01 { width: calc(100% - 90px); }
article.catalog-art a .arrow { width: 32px; height: 32px; overflow: hidden; position: absolute; z-index: 2; bottom: -3px; right: -3px; background:url("../img/common/ico-blank.svg") no-repeat center #01A9AE; border-radius: 10px 0 10px 0;background-size: 16px; }
article.catalog-art a .arrow:before { content: none; width: 48px; height: 12px; background: url("../img/common/btn-arrow01.svg") no-repeat center right, url("../img/common/btn-arrow01.svg") no-repeat center left; position: absolute; right: 10px; top: 10px; background-size: 12px; }
article.catalog-art a:hover { border-color: #01A9AE; }
article.catalog-art a:hover .img .in-img { transform: scale(1.1); }

article.catalog-art:nth-child(3n) { margin-right: 0; }

h3.catalog-name { font-size: 20px; }

div#cataBox02 { background: #E1F6F6; }
div#cataBox02 .copy02 { text-align: center; margin-bottom: 60px; }
div#cataBox02 .copy02 .big { font-size: 36px; }
div#cataBox02 .tit-head.flex { margin-bottom: 40px; align-items: center; }
div#cataBox02 .c-btns.flex { margin-top: 0; }
div#cataBox02 .aside-tel-fax.flex { padding-top: 0; border-top: none; justify-content: space-between; }
div#cataBox02 .aside-tel-fax.flex > div { margin-right: 0; width: calc(50% - 20px); box-sizing: border-box; text-align: center; border-radius: 10px; background: #F5F5F5; padding: 39px 25px; }
div#cataBox02 .aside-inner { padding-top: 60px; padding-bottom: 60px; }

div#cataBox03 { background: #fff; }
div#cataBox03 .titles02 { margin-bottom: 60px; }
div#cataBox03 .titles02 span.circle-sb { top: -6px; }

.catabox03-inner.flex { justify-content: space-between; flex-direction: row-reverse; }
.catabox03-inner.flex .img { width: 600px; }
.catabox03-inner.flex .cont { width: 440px; }
.catabox03-inner.flex .cont .copy02 { margin-bottom: 30px; }
.catabox03-inner.flex .cont .btn01 { margin-top: 40px; }

/* 08 制作事例
-----------------------------------------------*/
.cate-lisBox { margin-bottom: 80px; }

ul.cate-list.flex { width: calc(100% + 5px); margin: -5px 0 0 -5px; box-sizing: border-box; }

ul.cate-list.flex > li { line-height: 44px; margin-top: 5px; margin-left: 5px; }

ul.cate-list.flex > li a { display: block; border-radius: 5px; padding: 0 15px 0 15px; background: #fff; font-size: 18px; text-decoration: none; color: #01A9AE; border: solid 2px #01A9AE; }

ul.cate-list.flex > li a:hover { background: #01A9AE; color: #fff; }

ul.cate-list.flex > li.r_current a { background: #01A9AE; color: #fff; pointer-events: none; }

.case-all-list.flex { margin-top: -60px; }
.case-all-list.flex article.case-art { margin: 60px 40px 0 0; }
.case-all-list.flex article.case-art:nth-child(3n) { margin-right: 0; }
.case-all-list.flex article.no-art { margin-top: 60px; }

/*詳細*/
.case-inner-s.flex { justify-content: space-between; }
.case-inner-s.flex .img { width: 500px; }
.case-inner-s.flex .img .gallery-wrap { width: 100%; }
.case-inner-s.flex .img .gallery-wrap .slick-arrow { display: none !important; }
.case-inner-s.flex .img .g-thumb { width: 100px; }
.case-inner-s.flex .case-cont { width: 440px; }

.caseTBL.TBL01 th, .caseTBL.TBL01 td { border-color: #E8E8E8; padding-top: 15px; padding-bottom: 15px; }
.caseTBL.TBL01 th { width: 140px; background: #F5F5F5; }

div#single-caseBox01 .n-cate { font-weight: 700; background: #01A9AE; color: #fff; border-radius: 30px; margin-right: 4px; font-size: 16px; line-height: 26px; }
div#single-caseBox01 h1.w-tit { font-size: 32px; margin-bottom: 40px; }

section.works-sec.case-bottom { overflow: hidden; background: #fff; }

/* 09 お知らせ
-----------------------------------------------*/
div#mv.umv { color: #fff; background: #01A9AE; height: 240px; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding-top: 30px; box-sizing: border-box; }

.mv-tit { font-size: 40px; font-weight: 700; }

div#two-content { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 80px 0 115px; }

div#two-main { width: 840px; }

div#two-side { width: 200px; }

.sideBox { margin-bottom: 30px; }

.sideBox:last-child { margin-bottom: 0; }

.side-tit { font-weight: 700; margin-bottom: 15px; font-size: 18px; position: relative; padding-left: 12px; }

.side-tit:before { content: ""; background: #01A9AE; width: 4px; height: calc(100% - 7px); top: 5px; position: absolute; left: 0; }

ul.side-links { padding-top: 15px; border-top: solid 1px #CADEDE; }

ul.side-links > li { margin-bottom: 15px; border-bottom: solid 1px #CADEDE; padding-bottom: 15px; }

ul.side-links > li:last-child { margin-bottom: 0; }

ul.side-links a { text-decoration: none; }

ul.side-links a:hover { color: #01A9AE; }

ul.child { margin-top: 15px; padding-left: 10px; }

ul.child > li { margin-bottom: 15px; }

ul.child > li a:before { content: "-"; }

ul.child > li:last-child { margin-bottom: 0; }

select#archives-dropdown-2 { width: 100%; height: 43px; box-sizing: border-box; border-radius: 5px; background: #F5F5F5; border: solid 1px #E4E4E4; -webkit-appearance: auto; appearance: auto; padding: 5px 15px; font-size: 16px; }

div.blog-list-all { width: 100%; display: flex; flex-wrap: wrap; margin-top: -40px; }
div.blog-list-all article.blog-art01 { margin: 40px 30px 0 0; }
div.blog-list-all article.blog-art01:nth-child(3n) { margin-right: 0; }

article.blog-art01 { width: 260px; }

article.blog-art01 a { text-decoration: none; }

article.blog-art01 a .img { border-radius: 10px; overflow: hidden; width: 100%; margin-bottom: 8px; }

article.blog-art01 a .img .in-img { padding-top: 69.23%; border-radius: 10px; transition: 0.3s; }

article.blog-art01 a .cont { width: 100%; }

article.blog-art01 a .cont > h3 { font-size: 16px; font-weight: 700; line-height: 1.5; width: 100%; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

article.blog-art01 a:hover { opacity: 0.7; }

article.blog-art01 a:hover .img .in-img { transform: scale(1.05); }

.infos.flex { margin-bottom: 8px; }
.infos.flex .n-date { margin-right: 8px; font-weight: 400; color: #808080; }

/*詳細*/
div#contents.bg02 { background: #E1F6F6; padding-top: 40px; }

div#contents.bg02 div#two-content { padding-top: 40px; }

div.s-news-box { padding: 40px 60px 60px; background: #fff; border-radius: 10px; }

h1.w-tit { font-size: 24px; line-height: 1.5; font-weight: 700; margin-bottom: 40px; }

.blog-singleBox iframe { max-width: 100%; }

.blog-text img[class*="wp-image-"] { margin: 15px 0; }

.blog-text p:first-child img[class*="wp-image-"] { margin-top: 0; }

.blog-text p:first-child img[class*="wp-image-"] { margin-top: 0; }

.blog-text img[class*="wp-image-"] { margin: 25px 0; }

/*ページャー*/
div#pager00 { text-align: center; }

div#pager00 .wp-pagenavi { margin-top: 80px; }

.wp-pagenavi > span, .wp-pagenavi > a { display: inline-block; margin: 5px; text-decoration: none; width: 60px; height: 60px; text-align: center; line-height: 56px; font-size: 16px; font-weight: 700; color: #087F82; border-radius: 100%; background: #fff; border-radius: 5px; border: solid 2px #087F82; }

.wp-pagenavi a.page { position: relative; }

.wp-pagenavi span.extend { background: none; color: #087F82; border: none; }

.wp-pagenavi a.previouspostslink { color: transparent; background: url("../img/p09/arrow02.svg") no-repeat center !important; margin-right: 25px; margin-left: 0; }

.wp-pagenavi a.nextpostslink { color: transparent; background: url("../img/p09/arrow03.svg") no-repeat center !important; margin-left: 25px; margin-right: 0; }

.wp-pagenavi a:hover, .wp-pagenavi span.current { color: #fff; background: #087F82; }

.wp-pagenavi a.first { color: transparent; background: url("../img/p09/arrow01.svg") no-repeat center !important; }

.wp-pagenavi a.last { color: transparent; background: url("../img/p09/arrow04.svg") no-repeat center !important; }

.wp-pagenavi span.pages { display: none; }

.wp-pagenavi a.first:hover { color: transparent; background-image: url("../img/p09/arrow01h.svg") !important; background-color: #087F82 !important; }

.wp-pagenavi a.last:hover { color: transparent; background-image: url("../img/p09/arrow04h.svg") !important; background-color: #087F82 !important; }

.wp-pagenavi a.previouspostslink:hover { color: transparent; background-image: url("../img/p09/arrow02h.svg") !important; background-color: #087F82 !important; }

.wp-pagenavi a.nextpostslink:hover { color: transparent; background-image: url("../img/p09/arrow03h.svg") !important; background-color: #087F82 !important; }

.post-navigation ul { justify-content: center; align-items: center; margin-top: 60px; }

.post-navigation ul > li { margin-right: 8px; width: 160px; height: 60px; display: table; }

.post-navigation ul > li a { text-decoration: none; display: table-cell; text-align: center; vertical-align: middle; border-radius: 5px; border: solid 2px #087F82; color: #087F82; }

.post-navigation ul > li.prev a span { display: inline-block; padding-left: 15px; background: url("../img/p09/arrow02.svg") no-repeat left top 9px; }

.post-navigation ul > li.prev a:hover { color: #fff; background-color: #087F82; }

.post-navigation ul > li.prev a:hover > span { background-image: url("../img/p09/arrow02h.svg"); }

.post-navigation ul > li.next a span { display: inline-block; padding-right: 15px; background: url("../img/p09/arrow03.svg") no-repeat right top 9px; }

.post-navigation ul > li.next a:hover { color: #fff; background-color: #087F82; }

.post-navigation ul > li.next a:hover > span { background-image: url("../img/p09/arrow03h.svg"); }

.post-navigation ul > li.blog-back a { background: #087F82; color: #fff; }

.post-navigation ul > li.kara { z-index: -2; pointer-events: none; opacity: 0; }

.post-navigation ul > li:last-child { margin-right: 0; }

.post-navigation ul > li.blog-back a:hover { background: transparent; color: #087F82; }

/* 10 会社概要
----------------------------------*/
div#contents.bg03 { background: #F5F5F5; }

.u-cont01 > div, .u-cont01 > section { padding: 120px 0; }
.u-cont01 > div:first-child, .u-cont01 > section:first-child { padding-top: 80px; }

section#p10Box01 .wrap { box-sizing: border-box; min-height: 450px; padding-right: 330px; }
section#p10Box01 .box01 > .img { position: absolute; right: 0; top: 0; }
section#p10Box01 .copy02 { margin-bottom: 20px; width: 780px; }

.names { margin-top: 30px; line-height: 28px; }
.names .line01 { font-weight: 700; font-size: 19px; margin-right: 16px; }

section#p10Box02 { background: #fff; }
section#p10Box02 .tit-head.flex { align-items: center; margin-bottom: 60px; }
section#p10Box02 .tit-head.flex .titles01 { padding-right: 60px; margin-right: 60px; border-right: solid 1px #E8E8E8; }

.ap-list.flex { margin-top: -50px; justify-content: space-between; }
.ap-list.flex article.ap-art { margin-top: 50px; }

article.ap-art { width: 520px; }
article.ap-art .img { margin-bottom: 15px; }

.ap-head.flex { margin-bottom: 20px; padding-bottom: 15px; border-bottom: solid 1px #E8E8E8; align-items: flex-end; justify-content: space-between; }

h3.ap-tit > span { display: block; }
h3.ap-tit > span.line01 { font-weight: 500; font-size: 16px; line-height: 1; }
h3.ap-tit > span.line02 { font-size: 24px; font-weight: 700; }

ul.links-outer { display: flex; flex-wrap: wrap; }
ul.links-outer > li { width: 40px; margin-left: 8px; }
ul.links-outer > li a { text-decoration: none; display: block; border-radius: 100%; background: #087F82; }
ul.links-outer > li a:hover { opacity: 0.7; }
ul.links-outer > li:first-child { margin-left: 0; }

section#p10Box03 { background: #E1F6F6; }
section#p10Box03 h2.titles01 { text-align: center; }
section#p10Box03 h2.titles01:before { right: 0; margin: 0 auto; }

div.TBLS { display: flex; flex-wrap: wrap; justify-content: space-between; }
div.TBLS > div { width: 530px; }
div.TBLS > div table { height: 100%; }

.TBL01 th, .TBL01 td { box-sizing: border-box; padding: 20px 10px 20px 20px; line-height: 24px; font-weight: 500; font-size: 16px; border-top: solid 1px #B4DBDB; border-bottom: solid 1px #B4DBDB; vertical-align: middle; }
.TBL01 tr.ad-tr th, .TBL01 tr.ad-tr td { vertical-align: top; }
.TBL01 th { background: #D4EFEF; width: 160px; }
.TBL01 td { background: #fff; }
.TBL01 td a { text-decoration: underline; }
.TBL01 td a:hover { text-decoration: none; }

section#p10Box04 { background: #FFF6E5; }
section#p10Box04 h2.titles01 { text-align: center; }
section#p10Box04 h2.titles01:before { right: 0; margin: 0 auto; }
section#p10Box04 .box01.flex { justify-content: space-between; }
section#p10Box04 .box01.flex > .left { width: 480px; }
section#p10Box04 .box01.flex > .right { width: 560px; }

.map02 { margin-bottom: 60px; height: 360px; }
.map02 iframe { width: 100%; height: 100%; }

.access-list02 { border-top: solid 1px #E2D6BF; }
.access-list02 > div.box { padding: 17px 0; border-bottom: solid 1px #E2D6BF; }

h3.ac-tit { display: flex; flex-wrap: wrap; align-items: center; font-size: 18px; margin-bottom: 6px; }
h3.ac-tit span.ico { margin-right: 8px; }

ul.dot-list { margin-top: 6px; }
ul.dot-list > li { padding-left: 16px; position: relative; }
ul.dot-list > li:before { content: "・"; position: absolute; left: 0; top: 0; }

section#p10Box05 { background: #fff; }
section#p10Box05 h2.titles01 { text-align: center; }
section#p10Box05 h2.titles01:before { right: 0; margin: 0 auto; }

.TBL02 th, .TBL02 td { box-sizing: border-box; padding: 22px 0; vertical-align: top; font-weight: 500; font-size: 16px; line-height: 24px; border-top: solid 1px #E8E8E8; border-bottom: solid 1px #E8E8E8; }
.TBL02 th { width: 160px; }

.gallery-wrap { width: 880px; margin: 0 auto; }

.gallery-photo { padding-top: 72.72%; border-radius: 10px; }

.gallery-main { margin-bottom: 8px; }

.gallery-main button.slick-arrow { border-color: #fff; }

.gallery-main button.slick-prev.slick-arrow { left: -100px; }

.gallery-main button.slick-next.slick-arrow { right: -100px; }

.gallery-thumbs { margin-bottom: 0; }

.g-img .photo { padding-top: 72.72%; border-radius: 10px; }

.g-thumb .photo { padding-top: 73.33%; border-radius: 10px; }

.g-thumb { width: 150px; margin-right: 8px; border-radius: 10px; position: relative;cursor: pointer;}

.g-thumb:after { content: ""; width: 100%; height: 100%; z-index: 2; border-radius: 10px; background: #000; opacity: 0; position: absolute; left: 0; top: 0; transition: 0.3s; }

.g-thumb:hover:after { opacity: 0.6; }
.g-thumb.slick-current:after { opacity: 0.6; }

/* 11 お問合せ
----------------------------------*/
div#contents.bg04 { background: #E1F6F6; }

div.contact-set02.flex { margin-bottom: 40px; justify-content: space-between; }
div.contact-set02.flex > div { box-sizing: border-box; width: 530px; border-radius: 10px; padding: 40px; background: #fff; }
div.contact-set02.flex > div.box01, div.contact-set02.flex > div.box02 { text-align: center; padding-bottom: 48px; }
div.contact-set02.flex > div.box01 .tel-num a { font-size: 56px; }
div.contact-set02.flex > div.box01 .tel-num a > span { padding-left: 0; background: none; }
div.contact-set02.flex > div.box01 .tel-bh { font-size: 16px; margin-top: 18px; }
div.contact-set02.flex > div.box01 .contact-tit { margin-bottom: 18px; }
div.contact-set02.flex > div.box01 .contact-tit img { width: 24px; }
div.contact-set02.flex > div.box02 .fax-tel > span { padding-left: 0; }
div.contact-set02.flex > div.box02 .fax-tel > span:before { content: none; }
div.contact-set02.flex > div.box02 .bh { font-size: 16px; margin-top: 18px; }
div.contact-set02.flex > div.box02 .contact-tit { margin-bottom: 18px; }
div.contact-set02.flex > div.box03 { width: 100%; margin-top: 40px; }
div.contact-set02.flex > div.box03 .contact-tit .ico { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 5px; background: #06C755; width: 40px; height: 40px; }
div.contact-set02.flex > div.box03 .contact-tit img { width: 28px; display: block; }
div.contact-set02.flex > div.box03 .c-btn.c-btn02 { width: 216px; height: 48px; margin: 28px auto 0; }
div.contact-set02.flex > div.box03 .c-btn.c-btn02 a { border-radius: 50px; font-size: 18px; }

.contact-tit { display: flex; flex-wrap: wrap; line-height: 1; justify-content: center; font-size: 32px; font-weight: 700; margin-bottom: 35px; }
.contact-tit > .ico { margin-right: 8px; }

.contact-wrap { padding: 40px 60px 80px; background: #fff; border-radius: 10px; }
.contact-wrap .contact-tit img { filter: brightness(0) saturate(100%) invert(4%) sepia(1%) saturate(2960%) hue-rotate(72deg) brightness(95%) contrast(79%); width: 36px; }

.line-flows.flex > div.box { width: 320px; margin-right: 30px; box-sizing: border-box; position: relative; background: #F5F5F5; padding: 25px 40px 25px 55px; border-radius: 10px; }
.line-flows.flex > div.box .num { width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #01A9AE; border-radius: 10px 0 10px 0; position: absolute; left: 0; top: 0; z-index: 2; font-size: 20px; }
.line-flows.flex > div.box:after { content: ""; width: 0; height: 0; border-left: solid 12px #BBBBBB; border-top: solid 16px transparent; border-bottom: solid 16px transparent; position: absolute; top: 50%; transform: translateY(-50%); left: calc(100% + 8px); }
.line-flows.flex > div.box:nth-child(3n) { margin-right: 0; }
.line-flows.flex > div.box:nth-child(3n):after, .line-flows.flex > div.box:last-child:after { content: none; }

.kigou-text p { position: relative; padding-left: 16px; margin-bottom: 4px; line-height: 24px; }
.kigou-text p:last-child { margin-bottom: 0; }
.kigou-text p:before { content: "※"; position: absolute; left: 0; top: 0; }

/*フォーム*/
.form-wrap .wpcf7-not-valid-tip { color: #C00101; }

::placeholder { color: #C4C6CE; }

.contactTBL { margin-bottom: 50px; }

.contactTBL .kigou-text { margin-top: 10px; }

.contactTBL:nth-child(2) { margin-bottom: 20px; }

.contactTBL h3 { color: #fff; font-weight: 700; line-height: 1.4; text-align: center; background: #59CFCA; padding: 15px 10px; border-radius: 10px 10px 0 0; font-size: 24px; }

.ct-inner { background: #fff; padding: 10px 60px; border-radius: 0 0 10px 10px; }

.contactTBL th, .contactTBL td { box-sizing: border-box; vertical-align: top; padding: 30px 0; font-size: 18px; display: block; }

.contactTBL th { line-height: 40px; font-weight: 700; position: relative; padding-bottom: 10px; }

.contactTBL td { padding-top: 0; font-weight: 500; }

p.form-bikou { font-size: 14px; margin-top: 3px; }

.bikou01 { font-size: 14px; line-height: 1.7; margin-top: 10px; }

input.wpcf7-text { box-sizing: border-box; padding: 5px 18px; border: solid 1px #D4D4D4; background: #fff; height: 40px; width: 100%; font-size: 16px; font-weight: 400; }

ul.address-list { padding-top: 3px; }

ul.address-list > li { margin-bottom: 25px; }

ul.address-list > li .th { margin-bottom: 5px; }

ul.address-list > li .th span.hosoku { font-size: 14px; margin-left: 15px; display: inline-block; }

ul.address-list > li:last-child { margin-bottom: 0; }

.koumoku span.wpcf7-list-item, .method span.wpcf7-list-item { margin-right: 30px; }

input::-webkit-file-upload-button { background: #000000; color: #fff; width: 144px; height: 40px; cursor: pointer; transition: 0.3s; border: solid 1px #000000;font-size: 16px; }

input::-webkit-file-upload-button:hover { opacity: 0.7; }

input.wpcf7-form-control.wpcf7-file.wpcf7-validates-as-required.file01 { display: block; width: 100%;margin-top: 10px; }

select.wpcf7-form-control.wpcf7-select { box-sizing: border-box; padding: 5px 10px; border: solid 1px #D4D4D4; background: #fff; height: 40px; font-size: 16px; font-weight: 400; }

textarea.wpcf7-form-control.wpcf7-textarea { box-sizing: border-box; padding: 5px 10px; border: solid 1px #D4D4D4; background: #fff; height: 160px; width: 100%; font-size: 16px; font-weight: 400; }

input.wpcf7-form-control.wpcf7-number.number01 { border: solid 1px #D4D4D4; box-sizing: border-box; padding: 5px 10px; height: 40px; width: 50px; margin-right: 4px; font-size: 16px; }

.num-hun-check .box { margin-bottom: 10px; font-size: 14px; }

.num-hun-check .box:last-child { margin-bottom: 0; }

.num-hun-check .box .lin01 { display: flex; flex-wrap: wrap; align-items: center; margin-top: 3px; }

span.wpcf7-list-item { margin-left: 0 !important; margin-right: 10px; }

.form-time span.wpcf7-list-item { width: 100px; }

.sagyou span.wpcf7-list-item, .koumoku span.wpcf7-list-item { margin-right: 30px; }

span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item { display: block; margin-bottom: 10px; }

span.wpcf7-form-control.wpcf7-radio span.wpcf7-list-item:last-child { margin-bottom: 0; }

span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item { display: block; margin-bottom: 10px; }

span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item:last-child { margin-bottom: 0; }

.koumoku span.wpcf7-list-item { display: block; margin-bottom: 5px; line-height: 1.6; }

.koumoku span.wpcf7-list-item:last-child { margin-bottom: 0; }

.other-text { padding-left: 21px; margin-top: 3px; }

.hissu { margin-right: 10px; color: #fff; font-weight: 700; display: inline-block; font-size: 13px; background: #EE3535; line-height: 22px; padding: 0 7px; border: solid 1px #EE3535; }

.nini { margin-right: 10px; color: #EE3535; font-weight: 700; display: inline-block; font-size: 13px; line-height: 22px; padding: 0 7px; border: solid 1px #EE3535; }

span.ipt { display: inline-block; vertical-align: middle; }

span.tani { display: inline-block; width: 24px; vertical-align: middle; margin-left: 6px; }

span.wpcf7-list-item input[type="checkbox"] { transform: scale(1.5); margin-right: 10px; transform-origin: left center; }

span.wpcf7-list-item input[type="radio"] { transform: scale(1.5); margin-right: 10px; transform-origin: left center; }

input.your-name { width: 200px; }

input.tel01 { width: 130px; }

span.zip-mark { display: block; margin-bottom: 5px; }

span.tani { font-weight: 400; }

input.maisu, input.yosan, input.date01 { width: 160px; }

input[type=date] { position: relative; background: url("../img/common/ico-cale.svg") no-repeat center right 15px #fff; }

input[type=date]::-webkit-calendar-picker-indicator { position: absolute; width: 100%; height: 100%; opacity: 0; left: 0; top: 0; }

.zip_list > div { margin-bottom: 30px; }

.zip_list > div:last-child { margin-bottom: 0; }

.zip_list span.bikou { font-size: 14px; }

p.juusho-text { margin-bottom: 3px; }

.text05 { font-size: 13px; margin-bottom: 10px; }

.contact-submit.flex { margin-top: 40px; justify-content: center; flex-direction: row-reverse; position: relative; }

.contact-submit.flex > p { width: 100%; text-align: center; margin-top: 30px; }

a.cd-upload-btn { width: 120px; height: 40px; display: inline-block; line-height: 35px; background: #ccc; border: solid 1px #707070; }

.form-btn { position: relative; width: 340px; }

.form-btn input[type="submit"], .form-btn input[type="button"] { transition: 0.3s; border: solid 2px #087F82; font-weight: 700; color: #fff; background: url("../img/common/btn-arrow01.svg") no-repeat center right 20px #087F82; width: 100%; height: 80px; font-size: 18px; border-radius: 10px; background-size: 16px; box-shadow: 0 8px 0 rgba(0, 0, 0, 0.08); }

.form-btn.form-btn02 { margin-right: 10px; }

.form-btn.form-btn02 input[type="submit"], .form-btn.form-btn02 input[type="button"] { background: transparent; color: #087F82; }

.form-btn input:hover { opacity: 0.7; }

.form-btn.form-btn02:before { content: none; }

.wpcf7-spinner { position: absolute !important; top: -10px !important; }

.contactArea { position: relative; }

ul.contact-state { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 40px 0 10px; }

ul.contact-state > li { display: table; width: 32%; height: 60px; position: relative; margin-left: -10px; }

ul.contact-state > li > span { display: table-cell; text-align: center; vertical-align: middle; background: #D4D4D4; font-weight: 600; color: #737373; font-size: 18px; }

ul.contact-state > li.state01 { margin-left: 0; clip-path: polygon(0 0, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0 100%, 0% 50%); }

ul.contact-state > li.state01 > span { background: #01A9AE; color: #fff; }

ul.contact-state > li.state02 { clip-path: polygon(0 0, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0 100%, 0% 50%); }

ul.contact-state.contact-state02 { display: flex; flex-wrap: wrap; justify-content: space-between; }

ul.contact-state.contact-state02 > li.state02 > span { background: #01A9AE; color: #fff; }

span.hosoku { display: block; }

input#zip01, input#zip01-2 { width: 110px; margin-right: 10px; }

/*入力内容確認時にフォーム上部へスクロールするがナビゲーションが追従の場合フォームとナビゲーションが重なるのでそのためのオフセット設定*/
form.wpcf7-form { padding-top: 70px; margin-top: -70px; }

tr.timeset select.wpcf7-form-control.wpcf7-select { width: 300px; }

.wpcf7c-conf { background-color: #e8f0fe !important; }

input:-webkit-autofill, input:-internal-autofill-selected { -webkit-appearance: none; -webkit-box-shadow: 0 0 0px 1000px #e8f0fe inset !important; box-shadow: 0 0 0px 1000px #e8f0fe inset !important; }

ul.kibou-li > li { margin-bottom: 10px; display: flex; flex-wrap: wrap; align-items: center; }

ul.kibou-li > li .cap01 { margin-right: 20px; }

ul.kibou-li > li:last-child { margin-bottom: 0; }

.shokushu-s span.wpcf7-list-item { display: block; }

input.wpcf7-form-control.wpcf7-date { color: #000; font-size: 16px; border: solid 1px #D4D4D4; box-sizing: border-box; padding: 0 5px; height: 40px; }



.contactArea.che { background: #eee;padding: 30px; }
.contactArea.che .contactTBL tr { border-bottom: solid 1px #000; }
.contactArea.che .contactTBL th, .contactArea.che .contactTBL td { padding-top: 5px; padding-bottom: 5px; vertical-align: middle; }
.contactArea.che .dnd-upload-status .dnd-upload-details .remove-file, .contactArea.che .codedropz-upload-handler, .contactArea.che .bikou-text01, .contactArea.che span.dnd-progress-bar, .contactArea.che input[type=checkbox] { display: none; }
.contactArea.che input[type=checkbox]:checked { display: inline-block; }
.contactArea.che input[type=checkbox] ~ span.wpcf7-list-item-label { display: none; }
.contactArea.che input[type=checkbox]:checked ~ span.wpcf7-list-item-label { display: inline-block; font-weight: 700; }

.contactArea.che input[type=radio] { display: none; }
.contactArea.che input[type=radio]:checked { display: inline-block; }
.contactArea.che input[type=radio] ~ span.wpcf7-list-item-label { display: none; }
.contactArea.che input[type=radio]:checked ~ span.wpcf7-list-item-label { display: inline-block; font-weight: 700; }

.contactArea.che textarea.wpcf7-textarea, .contactArea.che input.wpcf7-number, .contactArea.che input.wpcf7-date, .contactArea.che input.wpcf7-text, .contactArea.che select { font-weight: 700; }


/*　12 無料見積り・再注文依頼
----------------------------------*/
.place-smple { margin-bottom: 10px; background: url("../img/p12/print.png") no-repeat; height: 200px; }

.plsh { margin-top: 5px; position: relative; }
.plsh textarea { background: none; position: relative; z-index: 2; }
.plsh textarea:placeholder-shown { background: none; }

.plsh-text { position: absolute; top: 16px; left: 16px; font-weight: 400; color: #9A9A9A; font-size: 14px; line-height: 20px; }

/*　thanksページ等
----------------------------------*/
div#p100Box01 .btn01 { margin: 50px auto 0; }

.pp-title01 { font-size: 22px; border-bottom: solid 2px; margin-bottom: 25px; padding-bottom: 10px; }

.pp-title02:first-child { margin-top: 0; }

.pp-title02 { font-size: 18px; padding-left: 15px; position: relative; color: #01A9AE; margin-top: 50px; }

.pp-title02:before { content: ""; width: 5px; height: 65%; background: #01A9AE; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }

/*ブラウザごと
----------------------------------*/
.tokushu .head-texts .box > p.big { font-size: 13px; line-height: 16px; }

.tokushu .head-texts .box > p.line01 { font-size: 10px; }

.tokushu .head-btn a .text { font-size: 12px; }

.tokushu .head-texts .box > p.line03 { font-size: 10px; }

.tokushu .head-texts .box.box03 > p.big { font-size: 16px; line-height: 16px; }

.tokushu #header .tel-bh { font-size: 12px; }

.tokushu #header .tel-num a { font-size: 30px; }

.tokushu #header .tel-num a > span { padding-left: 16px; background-size: 14px; }

.tokushu .head-texts .box.box01 { width: 100px; }

.tokushu .head-texts .box.box02 { width: 150px; }

.tokushu .head-texts .box.box03 { width: 160px; }

.tokushu .head-texts .box { padding-left: 0; padding-right: 0; }

.tokushu .head-texts .box p { white-space: nowrap; }

/*デバイス幅
----------------------------------*/
@media screen and (min-height: 0px) and (max-height: 650px) { div.flowBox .img { height: 80px; margin-bottom: 20px; }
  div.flowBox .cont .text { font-size: 14px; }
  div.flowBox h3 { font-size: 18px; margin-bottom: 10px; } }