/* ------------------------------------------------------------------------------------------------------------------------------------------------- base */ @font-face { font-family: 'NotoSansCJKjp'; font-style: normal; font-weight: 400; src: url('../font/NotoSansCJKjp-Regular.woff') format('woff'), url('../font/NotoSansCJKjp-Regular.eot') format('eot'); font-display: swap; } @font-face { font-family: 'NotoSansCJKjp'; font-style: normal; font-weight: 700; src: url('../font/NotoSansCJKjp-Bold.woff') format('woff'), url('../font/NotoSansCJKjp-Bold.eot') format('eot'); font-display: swap; } @font-face { font-family: 'NotoSansCJKjp'; font-style: normal; font-weight: 900; src: url('../font/NotoSansCJKjp-Black.woff') format('woff'), url('../font/NotoSansCJKjp-Black.eot') format('eot'); font-display: swap; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('../font/Montserrat-Medium.woff') format('woff'), url('../font/Montserrat-Medium.eot') format('eot'); font-display: swap; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('../font/Montserrat-Bold.woff') format('woff'), url('../font/Montserrat-Bold.eot') format('eot'); font-display: swap; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: url('../font/Montserrat-Black.woff') format('woff'), url('../font/Montserrat-Black.eot') format('eot'); font-display: swap; } @font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; src: url('../font/Lato-Black.woff') format('woff'), url('../font/Lato-Black.eot') format('eot'); font-display: swap; } .ut--enText{font-family: 'Montserrat';} html { font-size: 62.5%; height: 100%; background-color: #fff; } body { background: #fff; color: #4d4d4d;font-family:"NotoSansCJKjp", 'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'游ゴシック',YuGothic,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-size: 1.2em; line-height: 1.6; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } main { display: block; } a, a:link { color: #13aa59; text-decoration: none; transition: all 0.3s ease; } a:visited { color: #13aa59; } a:hover, a:active { color: #13aa59; text-decoration: underline; } img { height: auto; max-width: 100%; vertical-align: top; } a img, a:link img, a:visited img, a:hover img, a:active img { text-decoration: none; } [type="text"], select, button { border: 0; font-size: inherit; margin: 0; padding: 0; } button { background-color: transparent; } button:hover { cursor: pointer; } select, button, [type="text"] { outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } sup { vertical-align: super; } sub { vertical-align: sub; } .pc-none{ display: block; } .sp-none{ display: none; } @media all and (min-width: 960px) { .sp-none{ display: block; }.pc-none{ display: none; } } * {box-sizing: border-box;} .ut-textMark {color: #3da672;font-weight: 700;} /* ------------------------------------------------------------------------------------------------------------------------------------------------- header */ .header__inner{align-items: center;display: flex;justify-content: space-between;margin: 0 auto;padding: 1.6rem 0 1.6rem;width: calc( 100% - 4rem );} .header__logo{display: block;padding: 1.2rem 0 0 0;} .header__btn{ max-width: 25.4rem; } .c-btn{display: block;} .c-btn>a{ font-size: 1.8rem; } .c-btn>a:hover{background-position: -100% 0;color: #fff; text-decoration: none;} .header__inner .c-btn>a:after{display: none;} .header__areaLogo {display: flex;} .header__copy {font-size: 1.3rem;font-weight: 400;line-height: 1.5;margin: 0 0 0 2rem;padding: 1rem 0 0 0;} .header__areaBtnlist {display: flex;} .header__areaBtnItem--tel {color: #3da672;font-size: 2.5rem;font-weight: 700;line-height: 1;letter-spacing: .01rem;padding: 1rem 0 0 0;position: relative;text-align: left;} .header__areaBtnItem--tel span {color: #333; display: block; font-size: 1.2rem; font-weight: 400; letter-spacing: 0;} .header__areaBtnItem {text-align: center; width: 18rem;} .header__areaBtnItem:nth-child(2) {margin: 0 2rem 0 2rem} a.c-btn {background: #1ca772;border-radius: 20rem;border: .2rem solid #1ca772;color: #fff;font-size: 1.5rem;line-height: 1;padding: 1.8rem 0 1.6rem 4rem;position: relative;text-align: left;} a.c-btnPaper {background: #f47c24;border: .2rem solid #f47c24;} a.c-btn:hover {background: #fff;color: #1ca772;} a.c-btnPaper:hover {background: #fff;color: #f47c24;} .header__areaBtnItem--tel:before {background: url(img/icon__telGreen.svg) no-repeat no-repeat; background-size: contain; content: ""; display: block; height: 4.6rem; left: -4rem; position: absolute; top: 0; width: 4.6rem; bottom: 0; margin: auto;} @media all and (max-width: 769px) { .header{ border-bottom: .1rem solid #eee;} .header__inner{display: block;padding: 1.5rem 0 1.2rem 0;text-align: center;width: 100%;} .header__logoBody>img{max-height: 4rem; } .header__btn{display: none; } } /* ------------------------------------------------------------------------------------------------------------------------------------------------- mainVisual */ .mainVisual{background: url(../img/mainVisual__bg.jpg);background-size: cover;text-align: center;} .mainVisual__inner{margin: 0 auto 0 auto;position: relative;padding: 4.8rem 0 4.8rem 0;text-align: left;width: 130rem;} .mainVisual__tittle{display: inline-block; padding: 4rem 0 2rem 0; position: relative; z-index: 9999;} .mainVisual__areaText {padding: 4rem 2.4rem 3.2rem;text-align: center;width: 60rem;background: rgba( 255, 255, 255, 0.65 );box-shadow: 0 8px 12px 0 rgb(130 130 130 / 37%);backdrop-filter: blur( 6px );-webkit-backdrop-filter: blur( 3.5px );border-radius: 10px; border: 1px solid rgba( 255, 255, 255, 0.18 );} .mainVisual__lead {font-size: 2.6rem; font-weight: 700; letter-spacing: 0; line-height: 1.2; margin: 0 0 1.2rem 0;} .mainVisual__title {font-size: 5.8rem;font-weight: 900;letter-spacing: .4rem;line-height: 1;margin: 0 0 4rem 0;} .mainVisual__title span {color: #ed6d2a;font-size: 7rem;font-weight: 700;letter-spacing: -.2rem;} .mainVisual__title .mainVisual__title--small {color: #333;font-size: 3.4rem;letter-spacing: .2rem;margin: 0 0 0 .8rem;} .mainVisual__areaBtnlist {display: flex;margin: 0 0 1.6rem 0;gap: 20px;justify-content: space-between;} .mainVisual__areaBtnItem {text-align: center;width: 26rem;} .mainVisual__areaBtnItem a {font-size: 2rem; line-height: 1; padding: 2.4rem 0 2.2rem 7rem;} .mainVisual__areaBtnItem:nth-child(1) {} .mainVisual__areaBtn--attention {font-size: 1.5rem;font-weight: 700;letter-spacing: -.1rem;text-shadow: 0 0 0 #fff;text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;} .mainVisual__areaBtn {/* padding: 0 0 8rem 0; */} /* ------------------------------------------------------------------------------------------------------------------------------------------------- section */ .secEstimate, .secPrice, .secSupport , .secColumn {background: #fff;position: relative;} .section__inner {margin: 0 auto 0 auto; max-width: 100rem; padding: 6.4rem 0 7.2rem 0;} .secCompany__body {display: flex; position: relative;} .secCompany .section__inner {padding: 0 0 2rem 0; text-align: right;} .secCompany__image {position: absolute; top: -4rem;} .c-list--multiple {display: flex;} .secCompany .c-list--multiple {justify-content: space-between; margin: 80px 0 0 30rem; width: 100%;} /* ------------------------------------------------------------------------------------------------------------------------------------------------- footer */ .footer{border-top: .2rem solid #f5f5f5;margin: 0 0 0 0;padding: 2rem 0 11rem 0;position: relative;} .footer__gnavList{align-items: center; display: flex; padding: 2rem 2rem 2rem 2rem; } .footer__gnavItem{ border: .1rem solid #13aa59; text-align: center; width: calc(50% - 1rem); } .footer__gnavItem>a{ display: block; padding: 1rem 0 1rem 0; width: 100%;} .footer__gnavItem>a:hover{background: #13aa59; color: #fff; text-decoration: none;} .footer__gnavItem:last-child{ margin: 0 0 0 2rem;} .footer__logoList--body{align-items: center; display: flex; padding: 0 2rem 0 2rem;} .footer__logoList--body{box-sizing: border-box; display: table; padding: 0 10px 35px; position: relative; table-layout: fixed; width: 100%;} .footer__logoItem--privacy, .footer__logoItem--powerPlanning { display: table-cell; vertical-align: bottom; width: 50%; } .footer__logoItem--privacy img{height: 4rem;} .footer__logoItem--copyright{ position: absolute; left: 0; right: 0; bottom: 12px; -ms-flex: none; flex: none; text-align: center; margin-right: 0; font-size: 11px; font-size: 1.1rem; } @media all and (min-width: 920px) { .footer__gnavList{max-width: 108rem; margin: 0 auto 0 auto; padding: 2rem 2rem 2rem 2rem; } .footer__gnavItem>a{ font-size: 1.5rem; padding: 2rem 0;} .footer__gnavItem:last-child{ margin: 0 0 0 4rem;} .footer__logoList--body{ display: flex; max-width: 108rem; margin: 0 auto 2rem auto; padding:0;} .footer__logoItem--powerPlanning{text-align: right;} .footer__logoItem--privacy{tex-talign:left;} .footer__logoItem--privacy img{height: 6rem;} .footer__logoItem--copyright{ position: relative; left: auto; right: auto; bottom: 0; text-align: right; margin-right: 2rem; font-size: 1.6rem; margin-left: 24rem;} } /* ------------------------------------------------------------------------------------------------------------------------------------------------- footer */ .section__title {font-size: 3.2rem; font-weight: 900; margin: 0 0 5.6rem 0;} .sectionHeader {text-align: center;} .c-list {display: flex; justify-content: space-between; flex-wrap: wrap;} .c-item__areaText {background: #fff; border-radius: .4rem; box-shadow: 0 0.8rem 1.2rem 0.2rem rgba(0,0,0,0.1); font-size: 2rem; margin: -2rem 0 0 2rem; padding: 3rem 2rem 3rem 2rem; width: 30rem; z-index: 2; position: relative;} .c-list--3column .c-item {width: calc( 26% - 1rem);} .c-item__image {position: relative; z-index: 1;} .c-item__textName {font-size: 1.6rem;text-align: right;} .c-item__text {margin: 0 0 1rem 0;} .section__lead {font-size: 2rem;line-height: 2;margin: 0 0 4rem 0;position: relative;} .secPrice__item {background: #fff; border-radius: .4rem; box-shadow: 0 0.8rem 1.2rem 0.2rem rgba(0,0,0,0.1); margin: 0 0 4.8rem 0; padding: 4rem 4rem 6.4rem 4rem; position: relative;} .c-list--1column {display: block; position: relative;} .secPrice__item .c-item {align-items: center; border-bottom: .2rem solid #ddd; display: flex; padding: 2.4rem 0 2.4rem 0;} .secPrice__areaImage--caption {color: #ed6d2a; font-size: 1.8rem; font-weight: 700;margin: 1.6rem 0 0 0;} .secPrice__areaImage {text-align: center; min-width: 20rem;} .secPrice__item .c-item:last-child {border: none;padding: 2.4rem 0 0 0;} .secPrice__areaText { font-size: 3rem; font-weight: 700; margin: 0 0 0 3rem;} .secPrice__areaText--attention { font-size: 1.6rem; font-weight: 700;} .secPrice__item .c-item:last-child .secPrice__areaText {font-size: 2rem;} .secPrice__item:first-child:before {background: url('../img/secPrice__icon01.png') 0 0;background-size: contain;content: "";display: block;height: 10rem;left: 0;position: absolute;right: 0; width: 7.2rem; bottom: -7rem;margin: auto;z-index: 4;} .secPrice__text {font-size: 2rem; margin: 0 0 3.2rem 0; text-align: center;} .secPrice__item:last-child {margin: 0 0 0 0; padding: 4rem 4rem 4rem 4rem;} .secPrice__text--attention {font-size: 2rem; font-weight: 700; text-align: center;} .secPrice__item .c-list--3column .c-item {border: none; border-radius: .4rem; box-shadow: 0 0.8rem 1.2rem 0.2rem rgb(6 6 6 / 10%); display: block; text-align: center; max-width: 26rem; margin: 0 0 4rem 0; position: relative;} .secPrice__item:last-child .secPrice__areaText--text {font-size: 2rem; font-weight: 700; margin: 0 0 1.6rem 0;} .secPrice__areaText--price {color: #ed6d2a; font-size: 3rem; font-weight: 700; line-height: 1; margin: 0 0 1.6rem 0;} .secPrice__areaText--priceYen {font-size: 1.8rem; margin: 0 0 0 .8rem;} .secPrice__item:last-child .secPrice__areaText--attention {font-weight: 400;} .secPrice__item .c-list--3column .c-item:first-child:before {background: url(../img/secPrice__icon02.png) 0 0; background-size: contain; bottom: 0; content: ""; display: block; height: 3rem; margin: auto; position: absolute; right: -5rem; top: 0; z-index: 4; width: 3rem; } .secPrice__item .c-list--3column .c-item:nth-child(2):before {background: url(../img/secPrice__icon03.png) 0 0; background-size: contain; bottom: 0; content: ""; display: block; height: 2rem; margin: auto; position: absolute; right: -5rem; top: 0; width: 2.8rem; z-index: 4;} .secProblem .c-item {background: #fff; box-shadow: 0 0.8rem 1.2rem 0.2rem rgba(0,0,0,0.1); text-align: center; margin: 0 0 2.4rem 0; border-radius: 0 0 .4rem .4rem;} .secProblem__areaQuestion { background: #fae3d5; border-radius: .4rem .4rem 0 0; height: 10rem; font-size: 2rem; padding: 2rem 3rem 2rem 3rem; position: relative;} .secProblem__areaQuestion:before { background: url(../img/secProblem__icon.png); bottom: -1rem; content: ''; height: 1.4rem; left: 0; margin: auto auto auto auto; right: 0; position: absolute; width: 2.6rem;} .secSupport .c-item:nth-child(2) .secSupport__areaText:before {background: url(../img/secPoint__bg02.svg) no-repeat;right: 1rem;width: 22.7rem;} .secProblem__areaQuestion:after {background: url(../img/secProblem__image02.png); content: ''; right: 0; position: absolute; bottom: 0rem; width: 7.6rem; height: 7.6rem;} .secProblem__areaAnswer--image img { border-radius: 50%; width: 12rem;} .secProblem__areaAnswer { align-items: center; display: flex; padding: 2rem;} .secProblem__areaAnswer--image {margin: 0 1.6rem 0 0;} .secProblem__areaAnswer--text { font-size: 2rem; font-weight: 700; text-align: left;} .secSupport .c-item { display: flex; z-index: 1; position: relative;} .secSupport__image img {width: 54rem;max-width: none;} .secSupport__image {box-shadow: 0 0.8rem 1.2rem 0.2rem rgba(0,0,0,0.1);margin: 0 3.2rem 0 0;} .secSupport .c-item:nth-child(2) {flex-direction: row-reverse; margin: 6.4rem 0 6.4rem 0;} .secSupport .c-item:nth-child(2) .secSupport__image {margin: 0 0 0 3.2rem;} .secSupport__areaText--title {font-size: 2.8rem; line-height: 1.2; margin: 0 0 2.4rem 0;} .secSupport__areaText--text {font-size: 1.6rem;} .secSupport__areaText {padding: 1.6rem 0 0 0; position: relative; z-index: 2;} .secSupport__areaText:before {background: url(../img/secPoint__bg01.svg) no-repeat;content: '';right: 0;position: absolute;bottom: 0rem;width: 22rem;height: 10.4rem;z-index: -1;} .secSupport .c-item:nth-child(3) .secSupport__areaText:before {background: url(../img/secPoint__bg03.svg) no-repeat;width: 22.1rem;height: 10.4rem;} .secFlow__body {background: #fff;border-radius: .8rem;box-shadow: 0 0.8rem 1.2rem 0.2rem rgba(0,0,0,0.1);padding: 4rem 2.4rem 4rem 2.4rem;position: relative;} .secFlow__body:before {color: rgb(61 166 114 / 20%); content: '4 Step'; font-family: 'Montserrat'; font-size: 10rem; font-weight: 700; position: absolute; z-index: 2; right: 0; top: -9rem;} .secFlow {background: #f5f5f5;margin: 0 0 0 0;z-index: 2;position: relative;} .secFlow .c-item {text-align: center;} .secFlow .c-item:last-child{border-right: none; position: relative;} .secFlow .c-item {border-right: .2rem solid #f5f5f5;padding: 3.2rem 1.2rem 1.6rem;position: relative;} .secFlow__image {margin: 0 0 2.4rem 0;min-height: 9.2rem;} .secFlow__areaText--title {font-size: 2rem;font-weight: 700;height: 4rem;line-height: 1.2;} .secFlow__areaText--text {font-size: 1.4rem;letter-spacing: -.1rem;} .secFlow__areaText--attention {font-weight: 700;} .secColumn {padding: 22rem 0 0 0;z-index: 0;} .secColumn__body {position: relative;} .secColumn__body:before {color: rgba(237,109,42,.2); content: 'Column'; font-family: 'Montserrat'; font-size: 10rem; font-weight: 700; position: absolute; z-index: 2; right: 0; top: -11.6rem;} .secColumn .section__title {margin: 0 0 3.2rem 0;} .secColumn .c-item {background: #fff; border-radius: .4rem; box-shadow: 0 0.8rem 1.2rem 0.2rem rgba(0,0,0,0.1);} .secColumn .c-item img {width: 100%;} .secColumn .secFlow__areaText {padding: 2.4rem 3.2rem;} .secFlow__areaText--date {color: #ddd; font-size: 1.2rem; font-weight: 700; margin: 0 0 .8rem 0;} .secColumn .secFlow__areaText--title { font-size: 1.6rem; line-height: 1.5; height: auto;} .secFaq__body { border: .6rem solid #f5f5f5; border-radius: .4rem; padding: 4.8rem 4rem 4.8rem 4rem;} .js-accordionTrigger {border: .2rem solid #f5f5f5; border-radius: .4rem; cursor: pointer; font-size: 2rem; font-weight: 700; padding: 1.6rem 2.6rem 1.6rem 6rem; position: relative;} .js-accordionTrigger:hover{border: .2rem solid #3da672;} .js-accordionTrigger.js-is-open:hover{border-bottom: none;} .js-accordionTrigger.js-is-open {border: .2rem solid #3da672;border-bottom: none;border-radius: .4rem .4rem 0 0;} .js-accordionContent {border: .2rem solid #3da672;border-top: none;border-radius: 0 0 .4rem .4rem;display: none;font-size: 1.6rem;padding: 2rem 2.6rem 2rem 6rem;position: relative;} .js-accordionTrigger:before { color: #ddd; content: 'Q.'; font-family: 'Lato'; font-size: 3rem; font-weight: 700; position: absolute; z-index: 2; left: 2rem; top: .6rem;} dd.js-accordionContent:before {color: #3da672;content: 'A.';font-family: 'Lato';font-size: 3rem;font-weight: 400;position: absolute;z-index: 2;left: 2.4rem;top: .6rem;} .js-accordionContent:after { background: #f5f5f5; color: #f5f5f5; content: ''; position: absolute; left: 0; right: 0; top: .2rem; width: 96%; height: .2rem; display: block; margin: auto;} .js-accordionTrigger.js-is-open:after{transform: translateY(-25%) rotate(-45deg); top: 1rem;} .secFaq .c-item:last-child {border-bottom: .2rem solid #f5f5f5;} .secAttention {background: #f5f5f5;} .secAttention .section__inner { padding: 6.4rem 0 6.4rem 0; max-width: 88rem;} .secAttention .section__title {font-size: 2.4rem; margin: 0 0 2.4rem 0;} .secAttention .c-list {display: block; font-size: 1.6rem;} .secAttention__text {list-style-type: decimal;} .header__areaBtnlist .c-btnCV {padding: 1.8rem 0 1.6rem 6rem;} .sectionCV__inner {max-width: 100rem; margin: 0 auto 0 auto;text-align: center; font-size: 2.4rem; font-weight: 700; padding: 5.6rem 10rem 4rem 10rem; background: rgba( 255, 255, 255, 0.72 ); box-shadow: 0 8px 12px 0 rgb(130 130 130 / 37%); backdrop-filter: blur( 6px ); -webkit-backdrop-filter: blur( 3.5px ); border-radius: 10px; border: 1px solid rgba( 255, 255, 255, 0.18 );} .sectionCV {background: url(../img/secCTA__bg.jpg);padding: 8rem 0 8rem 0;} .sectionCV__btn {display: flex; justify-content: space-between;} .sectionCV__btn .c-btn {min-width: 32rem;padding: 2.6rem 0 2.6rem 10rem;font-size: 2rem;} .sectionCV__text {margin: 0 0 2.4rem 0;} .c-btnPaper:before {background: url(../img/icon__download--white.png) 0 0; background-size: contain; content: ""; display: block; height: 2.4rem; left: 5rem; position: absolute; top: 0; width: 2.3rem; bottom: 0; margin: auto; z-index: 4;} .header__areaBtnlist .c-btnPaper:before {width: 2rem; height: 2.1rem; left: 1.4rem;} .mainVisual__areaBtnItem .c-btnPaper:before {left: 3rem;} .c-btnPaper:hover:before {background: url(../img/icon__download.png) 0 0; background-size: contain;} .mainVisual__areaBtnItem a.c-btnCV {padding: 2.4rem 0 2.2rem 8rem;} .sectionCV__btn .c-btnCV {padding: 2.6rem 0 2.6rem 12rem;} .js-accordionTrigger:after {border: 0.1em solid currentColor;border-left: 0;border-bottom: 0;box-sizing: border-box;bottom: 0;color: #3da672;content: '';display: inline-block;vertical-align: middle;line-height: 1;width: 1.4rem;height: 1.4rem;transform: translateY(-25%) rotate(135deg);position: absolute;right: 2rem;top: 0;margin: auto;} .secFlow .c-item:before{background: url(../img/secFlow__icon.png) no-repeat;content: '';right: -5rem;position: absolute;bottom: 22rem;width: 8.2rem;height: 1.8rem;margin: auto;} .secFlow .c-item:last-child:before {display: none;} .section__title img {display: inline-block; margin: -.4rem 1rem 0 0;} .sectionCV__text img {margin: -1rem 1rem 1rem 0;width: 30rem;} .secSupport:before {color: rgb(61 166 114 / 20%); content: 'Point'; font-family: 'Montserrat'; font-size: 12rem; font-weight: 700;position: absolute; z-index: 2; left: 0; top: 9rem;} .secProblem .section__inner {padding: 6.4rem 0 4.2rem 0;} svg#bigTriangleColor{background: #fae3d5; fill: #ffffff; stroke: #ffffff; stroke-width: 2; margin: -4rem auto;} .c-btnCV:before {background: url(../img/icon__letter--white.png) 0 0; background-size: contain; content: ""; display: block; height: 2.2rem; left: 5rem; position: absolute; top: 0; width: 3.4rem; bottom: 0; margin: auto; z-index: 4;} .header__areaBtnlist .c-btnCV:before { width: 3.1rem; height: 2rem; left: 2rem;} .mainVisual__areaBtnItem .c-btnCV:before {left: 3rem;} .c-btnCV:hover:before {background: url(../img/icon__letter.png) 0 0; background-size: contain;} .header__logo img {width: 24rem;} .secAbout {position: relative;} .secAbout:before {color: rgb(61 166 114 / 20%); content: 'About'; font-family: 'Montserrat'; font-size: 12rem; font-weight: 700; position: absolute; z-index: 2; left: 0; top: -9rem;} .secAbout__logoLead img {margin: -1.6rem 1rem 1rem 0; width: 30rem;} .secAbout__logoLead {font-size: 2rem;} .secAbout .section__inner {padding: 10rem 0 7.2rem 0;} .ut-importantText {color: #3da672; font-weight: 700;} .secAbout .sectionHeader {margin: 0 0 6.4rem 0;} .secAbout__imageList {display: flex; justify-content: space-between; position: relative;} .secAbout__imageItem {z-index: 2;} .secAbout__imageItem:first-child:before {/* content: ''; */background: url("../img/secAbout__image03.png") no-repeat 0;background-size: contain;content: "";display: block;height: 11.4rem;left: 0;right: 0;position: absolute;top: 0;width: 23.3rem;bottom: 0;margin: auto;z-index: -3;} .secFeature {background: #f5f5f5; position: relative;} .secFeature:before {color: rgb(61 166 114 / 20%); content: 'Feature'; font-family: 'Montserrat'; font-size: 12rem; font-weight: 700; position: absolute; z-index: 2; right: 0; top: -9rem;} .secFeature__list {display: flex; flex-wrap: wrap; justify-content: space-between;} .secFeature__item {background: #fff; border-radius: .4rem; box-shadow: 0 .8rem 1.2rem 0.2rem rgb(0 0 0 / 6%); margin: 0 0 2.4rem 0; padding: 2.4rem 2.4rem 2.4rem 2.4rem; text-align: center; width: calc( 33% - 1rem );} .secFeature__image {margin: 0 0 2.4rem 0; min-height: 12rem;} .secFeature__text {font-size: 2rem; font-weight: 700;} .secFeature__textIndex {color: #3da672; display: block; font-size: 2.4rem; letter-spacing: -.1rem; line-height: 1.3;} .secFeature__textAttention {font-size: 1.7rem;} .secFeature .section__inner {padding: 6.4rem 0 5.2rem 0;} .secSupport__titleSmall {display: block; font-size: 2.4rem} .secSupport .section__title {font-size: 4rem;} @media all and (max-width: 769px) { .secCompany__image{top: -6rem;} .header__areaLogo {justify-content: space-between;margin: 0 1rem 1.6rem 1rem;} .header__copy {margin: 0 0 0 0;padding: 0 0 0 0;text-align: left;font-size: 1.2rem;} .header__areaBtnItem {display: none;} .header__areaBtnItem--tel {display: block; font-size: 2.7rem; text-align: center; width: 100%; letter-spacing: .4rem;} .header__areaBtnlist {border-top: .1rem solid #ddd;} .header__areaBtnItem--tel span {font-size: 1.4rem;} .mainVisual {background: url(../img/mainVisual__bgSP.jpg);background-size: cover;} .mainVisual__areaText {padding: 2rem 2rem 2rem 2rem;/* text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff; */width: 100%;} .mainVisual__inner {padding: 6.4rem 1rem 6.4rem 1rem;text-align: center;width: 100%;} .mainVisual__areaBtnlist {display: block;} .mainVisual__areaBtnItem:nth-child(1) {margin: 0 auto 2rem auto; width: 90%;} .mainVisual__areaBtnItem {margin: 0 auto; width: 90%;} .mainVisual__areaBtn--attention {font-size: 1.4rem; letter-spacing: .1rem;} .secCompany .c-list--multiple {display: flex; margin: 16rem 0 0 0; justify-content: center;} .c-list--3column .c-item {text-align: center; width: 100%;} .secCompany .c-list--multiple .c-item {margin: 0 0 1.6rem 0; text-align: center; width: 33.3%;} .secCompany .c-list--multiple .c-item img {height: 3.2rem;} .section__title { font-size: 2.6rem; margin: 0 0 2rem 0;} .section__inner {padding: 4rem 1rem 4.8rem 1rem;} .c-list {display: block;} .c-item__areaText {font-size: 1.8rem; margin: -2rem 1rem 4rem 1rem; padding: 2.4rem 2rem; width: auto;} .c-item__textName {font-size: 1.3rem;} .c-item__image img {width: 100%;} .section__lead:before {font-size: 5rem; top: 2rem;} .section__lead {font-size: 1.5rem;margin: 0 0 2rem 0;text-align: left;} .secPrice__item .c-item {display: block; padding: 1.6rem 0 1.6rem 0;} .secPrice__item {padding: 4rem 2rem 4.8rem 2rem;} .secPrice__areaText {font-size: 2rem; margin: 0 0 0 0; text-align: center;} .secPrice__areaImage--caption {font-size: 1.4rem;} .secPrice__areaText--attention {font-size: 1.3rem; text-align: left;} .secPrice__text {font-size: 1.8rem; margin: 0 0 1.6rem 0;} .secPrice__item .c-list--3column .c-item {max-width: unset; margin: 0 0 4.8rem 0; width: 100%;} .secPrice__item .c-list--3column .c-item:first-child:before {bottom: -20rem; left: 0; right: 0;} .secPrice__item:last-child .secPrice__areaText--attention {text-align: center;} .secPrice__item .c-list--3column .c-item:nth-child(2):before { bottom: -20rem; left: 0; right: 0; transform: rotate(90deg);} .secPrice__item .c-item:last-child {margin: 0 0 2.4rem 0; padding: 2.4rem 0 2.4rem 0;} .sectionCV {background: url(../img/secCTA__bgSP.jpg);padding: 6.4rem 1rem 6.4rem 1rem;background-size: cover;} .sectionCV__inner {font-size: 1.5rem;padding: 4rem 1rem 2.2rem 1rem;} .sectionCV__text {line-height: 1.8;} .secPrice__text--attention {font-size: 1.6rem;} .sectionCV__text img {margin: -1.2rem 1rem 1rem 0;width: 78%;} .sectionCV__btn {display: block;} .sectionCV__btn .c-btnCV , .sectionCV__btn .c-btn {margin: 0 0 1.6rem 0;padding: 2rem 0 2rem 10rem;font-size: 1.8rem;min-width: unset;} .secProblem .c-item {margin: 0 auto 2.4rem auto; width: 90%;} .secSupport .section__inner {padding: 6.4rem 1rem 4.8rem 1rem;} .secSupport__body .c-list--1column:before {height: 6.4rem; left: -2rem; top: -5rem; width: 33.6rem;} .secSupport .c-item {border-bottom: .3rem solid #fff;display: block;padding: 0 0 0 0;} .secSupport__image img {width: 100%;} .secSupport__image {margin: 0 0 0 0;} .secSupport__areaText {padding: 2.4rem 0 0 0;} .secSupport__areaText--title.ut-textMark {font-size: 2rem;margin: 0 0 1rem 0;text-align: center;} .secSupport .section__title {font-size: 2.8rem;} .section__title img {width: 40%;} .secSupport__areaText--text {font-size: 1.4rem;} .secSupport .c-item:nth-child(2) {margin: 4rem 0 4rem 0;} .secSupport .c-item:nth-child(3) {border-bottom: none;} .secFlow__body:before {font-size: 6rem; top: -5.6rem;} .secFlow__body {padding: 3.2rem 1rem 1.2rem 1rem;} .secFlow .c-item {padding: 0 0 0 0;z-index: 1;} .secFlow .c-item {border-bottom: .2rem solid #f5f5f5;/* border-top: .2rem solid #f5f5f5; */border-left: none;border-right: none;margin: 2rem 0 2rem 0;padding: 2rem 0 2rem 0;width: 100%;} .secFlow__image {margin: 0 0 1.6rem 0;} .secFlow__areaText--title {font-size: 1.6rem; height: auto; margin: 0 0 1.2rem 0;} .secFlow__areaText--text {font-size: 1.3rem;background: #fff;z-index: 2;position: relative;} .secFlow .c-item:before {background: url(../img/secFlow__iconSP.png);bottom: -2rem;height: 20.6rem;left: 0;right: 0;/* transform: rotate(90deg); */width: 5.2rem;} .secFlow .c-item:nth-child(2):before {/* bottom: 22rem; */} .secColumn__body:before {font-size: 5.6rem;top: -64px;} .secColumn .section__inner {padding: 6.4rem 1rem 4.8rem 1rem;} .secColumn .c-item {margin: 0 0 2.4rem 0;} .secColumn .secFlow__areaText {padding: 1.6rem 2.4rem; text-align: left;} .secFlow__areaText--date {font-size: 1.3rem;} .secFaq__body {padding: 0 0 0 0; border: none;} dt.js-accordionTrigger {font-size: 1.4rem; padding: 1.6rem 4rem 1.6rem 4rem;} .js-accordionTrigger:before {font-size: 2.4rem; left: 1rem;top: .6rem;} dd.js-accordionContent:before {font-size: 2.4rem; left: 1rem; top: 1rem; } dd.js-accordionContent {padding: 1.6rem 1rem 1.6rem 4rem; font-size: 1.3rem;} .secAttention .c-list {font-size: 1.3rem; margin: 0 auto 0 3rem; width: 90%;} .secAttention .section__inner {padding: 4rem 0 4rem 0;} .secProblem__areaQuestion {font-size: 1.8rem; height: 9rem; padding: 2rem 2rem;} .secProblem__areaAnswer--text {font-size: 1.8rem;} .secSupport .c-item:nth-child(2) .secSupport__image {margin: 0 0 0 0;} .mainVisual__lead {font-size: 2rem;margin: 0 0 .8rem 0;} .mainVisual__title {font-size: 4rem;margin: 0 0 2.4rem 0;} .mainVisual__title span {font-size: 4.8rem;} .mainVisual__title .mainVisual__title--small {font-size: 2.8rem;margin: 0 0 0 .4rem;} .header__logo img {width: 20rem;} .header__logo {padding: .6rem 0 0 0;} .mainVisual__areaBtnItem a {font-size: 1.8rem; padding: 2rem 0 2rem 8rem;} .mainVisual__areaBtnItem a.c-btnCV {padding: 2rem 0 2rem 8rem;} .secAbout:before {color: rgb(61 166 114 / 40%);font-size: 7rem; top: -6rem; } .secAbout .section__inner {padding: 7.2rem 1rem 4.8rem 1rem;} .secAbout__logoLead img {margin: -1.4rem 1rem 1rem 0; width: 24rem;} .secAbout .sectionHeader {margin: 0 0 2.4rem 0;} .secAbout__imageItem:first-child:before {background: url("../img/secAbout__image03SP.png") no-repeat;width: 18rem;height: 18rem;z-index: -2;right: -7rem;background-size: contain;left: 0;bottom: -30rem;} .secAbout__imageList {display: block;} .secAbout__imageItem {margin: 0 auto 2rem auto;width: 100%;z-index: 9999;height: 36rem;position: relative;} .secFeature:before {color: rgb(61 166 114 / 40%); font-size: 7rem; top: -6rem;} .secFeature__item {padding: 1.6rem 1rem 1.6rem 1rem; width: 100%;} .secFeature__list {margin: 0 1rem 0 1rem;} .secFeature__image {min-height: 10rem; margin: 0 0 1.2rem 0;} .secFeature__text {font-size: 1.6rem;} .secSupport__titleSmall {font-size: 1.5rem;} .secSupport:before {color: rgb(61 166 114 / 40%); font-size: 8rem; top: -6rem;} .secAbout__logoLead {font-size: 1.5rem;} .secFlow .c-item:before {background: url("../img/secFlow__iconSP.png") no-repeat no-repeat; content: ''; right: 0; left: 0; position: absolute; bottom: -3rem; width: 2rem; height: 8.2rem; margin: auto; z-index: 0;} .secFlow .c-item:last-child {border: none;} .secSupport__areaText:before {background-size: contain; height: 8rem; width: 18rem;} .secSupport .c-item:nth-child(2) .secSupport__areaText:before {background-size: contain; height: 8rem; width: 17rem;} .secSupport .c-item:nth-child(3) .secSupport__areaText:before {background-size: contain; height: 8rem; width: 17rem;} } .fixBtn { bottom: 20px; position: fixed; right: 20px; z-index: 9999; } .fixBtn img { max-width: 320px; } @media all and (max-width: 769px) { .fixBtn{ bottom: 0; left:0; right: 0; margin: 0 auto; text-align: center; } .fixBtn img { max-width: unset; width: 90%; } } .c-btnCV:before { display: none; } .c-btnPaper:before { display: none; } a.c-btn { padding: 1.8rem 1rem; } .mainVisual__areaBtnItem a.c-btnCV { padding: 1.8rem 1rem; text-align: center; } .header__areaBtnlist .c-btnCV { font-size: 1.5rem; padding: 1.8rem 1rem; text-align: center; } .c-btnSmall { display: block; font-size: .6em; text-align: center; line-height: 2; } a.c-btn { border-radius: 20px; font-size: 2rem; } .sectionCV__btn .c-btn { padding: 2rem 1rem 2.4rem 1rem; text-align: center; font-size: 2.2rem; } .header__areaBtnItem { width: 24rem; } .header__areaBtnItem a.c-btn { font-size: 1.6rem; padding: 1rem; text-align: center; border-radius: 10px; } .mainVisual__areaBtnItem a.c-btn { font-size: 1.8rem; text-align: center; } @media all and (max-width: 769px) { .header__areaBtnItem { width: 100%; } } .sectionCV__btn , .mainVisual__areaBtnlist { justify-content: center; }