@charset "UTF-8";
/* =============================================================================
Basic style
========================================================================== */
body { color: #555555; font-weight: 400; position: relative; overflow-x: hidden; word-break: break-all; }

#container { color: #555555; font-weight: 400; overflow: hidden; }

.hiragino { font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, sans-serif; }

.normal { font-weight: 400; }

.medium { font-weight: 500; }

.bold { font-weight: 700; }

.white { color: #fff; }

.green { color: #36abab; }

.red { color: #cc2800; }

.blue { color: #6cadd7; }

.yellow { color: #fffc00; }

.flex { display: flex; }

@media (max-width: 768px) { .sp-only { display: block; }
  .pc-only { display: none; } }

@media (min-width: 769px) { .sp-only { display: none; }
  .pc-only { display: block; } }

/* =============================================================================
fv style
========================================================================== */
@media screen and (max-width: 768px) { .fv .fv-ttl01 { width: 93%; margin: 0 auto; }
  .fv .fv-flex { display: flex; flex-direction: row-reverse; justify-content: space-between; }
  .fv .fv-ttl02 { width: 18.5%; margin: 10% 4% 0 0; }
  .fv .fv-txt01 { position: absolute; top: 26%; left: 2%; width: 32%; }
  .fv .fv-note { position: absolute; bottom: -5%; right: 3%; font-size: 2vw; letter-spacing: .16em; margin: 0; }
  .fv .fv-img01 { position: relative; right: 4%; width: 111%; margin: 1% 0 0; }
  .webp .fv-bg { padding: 13% 0 9%; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/fv_bg-sp.webp) no-repeat 50% 0; background-size: cover; }
  .no-webp .fv-bg { padding: 13% 0 9%; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/fv_bg-sp.jpg) no-repeat 50% 0; background-size: cover; } }

@media screen and (min-width: 769px) { .fv .fv-ttl01 { margin: auto 0 0 0; width: 58%; }
  .fv .fv-ttl02 { width: 58%; margin: 3% 0 0; }
  .fv .fv-txt01 { width: 39%; margin: 5% 0 0; }
  .fv .fv-note { margin: 3% 0 0; font-size: 12px; letter-spacing: .2em; }
  .fv .fv-img01 { position: relative; width: 57%; margin: -8% 0 0; }
  .webp .fv-bg { padding: 5% 0 10%; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/fv_bg-pc.jpg) no-repeat 50% 0; background-size: cover; }
  .no-webp .fv-bg { padding: 5% 0 10%; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/fv_bg-pc.jpg) no-repeat 50% 0; background-size: cover; } }

/* =============================================================================
clinic style
========================================================================== */
@media screen and (max-width: 768px) { .clinic-ttl { background: #6aacd7; padding: 3% 0; margin: 0; }
  .clinic-ttl img { display: block; width: 75%; margin: 0 auto; }
  .clinic-img02 { width: 90%; margin: 6.5% auto 0; }
  .clinic-img03 { width: 90%; margin: 8% auto 0; } }

@media screen and (min-width: 769px) { .clinic-ttl { background: #6aacd7; padding: 2% 0; margin: 0; }
  .clinic-ttl img { display: block; width: 38%; margin: 0 auto; }
  .clinic-img01 { width: 68%; margin: 3% auto 0; }
  .clinic-img02 { width: 68%; margin: 0 auto 0; }
  .clinic-img03 { width: 68%; margin: 3% auto 0; } }

/* =============================================================================
clinic style
========================================================================== */
@media screen and (max-width: 768px) { .voice { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_bg_sp.jpg) no-repeat center/cover; }
  .voice-ttl { width: 74%; margin: 15% auto 0; }
  .voice-tab { position: relative; width: 90%; margin: 8.5% auto 0; }
  .voice-tab .swiper-wrapper { justify-content: space-between; }
  .voice-text { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",sans-serif !important; padding: 1% 5% 7%; font-size: 3.8vw; line-height: 1.8; letter-spacing: 0.16em; }
  .voice-text .blue_text { color: #6aacd7; font-weight: bold; }
  .voice-slider { position: relative; width: 90%; margin: 5% auto 0; overflow: visible; }
  .voice-slider .swiper-slide { border-radius: 10px; box-shadow: 0 0 20px rgba(106, 172, 215, 0.5); padding: 7% 0 0; background-color: #fff; height: 170vw; }
  .voice .swiper-button-prev, .voice .swiper-button-next { width: 7vw; height: 30vw; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/slider_btn_sp.png) no-repeat center/contain; top: 41.5%; }
  .voice .swiper-button-prev:after, .voice .swiper-button-next:after { display: none; }
  .voice .swiper-button-prev { left: -4%; }
  .voice .swiper-button-next { right: -4%; transform: scale(-1, 1); }
  .voice .sub { width: 35%; font-size: 3vw; margin: 3.2% 0 0 auto; }
  .voice .swiper-horizontal > .swiper-pagination-bullets, .voice .swiper-pagination-bullets.swiper-pagination-horizontal, .voice .swiper-pagination-custom, .voice .swiper-pagination-fraction { bottom: 0; }
  .voice .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .voice .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 1.5vw; }
  .voice .swiper-pagination-bullet { background: #ffffff; border: 1px solid #6aacd7; opacity: .8; }
  .voice .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #6aacd7; }
  .webp .voice-tab .swiper-slide { height: 16.7vw; }
  .webp .voice-tab .swiper-slide:first-of-type { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn02_off_sp.png.webp) no-repeat center/contain; }
  .webp .voice-tab .swiper-slide:first-of-type.swiper-slide-thumb-active { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn01_on_sp.png.webp) no-repeat center/contain; }
  .webp .voice-tab .swiper-slide:nth-of-type(2) { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn02_off_sp.png.webp) no-repeat center/contain; }
  .webp .voice-tab .swiper-slide:nth-of-type(2).swiper-slide-thumb-active { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn01_on_sp.png.webp) no-repeat center/contain; }
  .webp .voice-tab .swiper-slide:last-of-type { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn03_off_sp.png.webp) no-repeat center/contain; }
  .webp .voice-tab .swiper-slide:last-of-type.swiper-slide-thumb-active { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn03_on_sp.png.webp) no-repeat center/contain; }
  .no-webp .voice-tab .swiper-slide { height: 16.7vw; }
  .no-webp .voice-tab .swiper-slide:first-of-type { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn02_off_sp.png) no-repeat center/contain; }
  .no-webp .voice-tab .swiper-slide:first-of-type.swiper-slide-thumb-active { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn01_on_sp.png) no-repeat center/contain; }
  .no-webp .voice-tab .swiper-slide:nth-of-type(2) { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn02_off_sp.png) no-repeat center/contain; }
  .no-webp .voice-tab .swiper-slide:nth-of-type(2).swiper-slide-thumb-active { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn01_on_sp.png) no-repeat center/contain; }
  .no-webp .voice-tab .swiper-slide:last-of-type { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn03_off_sp.png) no-repeat center/contain; }
  .no-webp .voice-tab .swiper-slide:last-of-type.swiper-slide-thumb-active { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn03_on_sp.png) no-repeat center/contain; } }

@media screen and (min-width: 769px) { .voice { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_bg_pc.jpg) no-repeat center/cover; padding-bottom: 70px; }
  .voice-ttl { width: 37%; margin: 7% auto 0; }
  .voice-tab { position: relative; width: 66%; margin: 5% auto 0; }
  .voice-tab .swiper-wrapper { justify-content: space-between; }
  .voice-text { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",sans-serif !important; padding: 10px 60px 60px; font-size: 1.29vw; line-height: 1.8; letter-spacing: .1em; }
  .voice-text .blue_text { color: #6aacd7; font-weight: bold; }
  .voice-slider { position: relative; width: 68%; margin: 2% auto 0; overflow: visible; }
  .voice-slider .swiper-slide { box-shadow: 0 0 30px rgba(106, 172, 215, 0.5); height: auto; }
  .voice .swiper-button-prev, .voice .swiper-button-next { width: 60px; height: 60px; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/slider_btn.png) no-repeat center/contain; top: 45%; }
  .voice .swiper-button-prev:after, .voice .swiper-button-next:after { display: none; }
  .voice .swiper-button-prev { left: -30px; }
  .voice .swiper-button-next { right: -30px; transform: scale(-1, 1); }
  .voice .swiper-pagination { bottom: -10px; }
  .voice .swiper-pagination-bullet { background: #ffffff; border: 1px solid #6aacd7; opacity: .8; }
  .voice .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #6aacd7; }
  .voice .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .voice .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 13px; }
  .voice .sub { width: 135px; font-size: 12px; letter-spacing: 0.06em; margin: 10px 0 0 auto; }
  .webp .voice-tab .swiper-slide { cursor: pointer; width: 32%; height: 106px; }
  .webp .voice-tab .swiper-slide:first-of-type { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn02_off_pc.png.webp) no-repeat center/contain; }
  .webp .voice-tab .swiper-slide:first-of-type.swiper-slide-thumb-active { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn01_on_pc.png.webp) no-repeat center/contain; }
  .webp .voice-tab .swiper-slide:nth-of-type(2) { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn02_off_pc.png.webp) no-repeat center/contain; }
  .webp .voice-tab .swiper-slide:nth-of-type(2).swiper-slide-thumb-active { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn01_on_pc.png.webp) no-repeat center/contain; }
  .webp .voice-tab .swiper-slide:last-of-type { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn03_off_pc.png.webp) no-repeat center/contain; }
  .webp .voice-tab .swiper-slide:last-of-type.swiper-slide-thumb-active { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn03_on_pc.png.webp) no-repeat center/contain; }
  .no-webp .voice .swiper-slide { cursor: pointer; width: 32%; height: 106px; }
  .no-webp .voice .swiper-slide:first-of-type { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn02_off_pc.png) no-repeat center/contain; }
  .no-webp .voice .swiper-slide:first-of-type.swiper-slide-thumb-active { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn01_on_pc.png) no-repeat center/contain; }
  .no-webp .voice .swiper-slide:nth-of-type(2) { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn02_off_pc.png) no-repeat center/contain; }
  .no-webp .voice .swiper-slide:nth-of-type(2).swiper-slide-thumb-active { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn01_on_pc.png) no-repeat center/contain; }
  .no-webp .voice .swiper-slide:last-of-type { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn03_off_pc.png) no-repeat center/contain; }
  .no-webp .voice .swiper-slide:last-of-type.swiper-slide-thumb-active { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/voice_btn03_on_pc.png) no-repeat center/contain; } }

/* =============================================================================
complex style
========================================================================== */
@media screen and (max-width: 768px) { .complex .complex-bg { position: relative; padding: 15% 0 12%; background: linear-gradient(0deg, #e8eef4 0%, #e8eef6 89%, #fcfdfe 100%); }
  .complex .complex-bg::after { position: absolute; display: block; width: 100vw; z-index: 2; bottom: -8.9vw; border-style: solid; border-width: 9vw 100vw 0 0; border-color: #e8eef4 transparent transparent transparent; content: ''; }
  .complex .complex-lead01 { width: 83%; margin: 0 auto; }
  .complex .complex-ttl01 { width: 67%; margin: 45px auto 0; }
  .complex .complex-img01 { position: relative; width: 105%; margin: 0 auto; }
  .complex .complex-img01::after { position: absolute; display: block; bottom: -22%; left: 43%; width: 12%; height: 9%; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/complex_arrow-sp.png) no-repeat 50% 0; background-size: contain; content: ''; }
  .complex .complex-txt01 { width: 84%; margin: 27% auto 0; }
  .complex .complex-ttl02 { width: 73%; margin: 8% auto 0; }
  .complex .complex-cause { margin: 7% 0 0; padding: 8% 0 11%; background: #fff; border-radius: 15px; }
  .complex .complex-cause .ttl { width: 85%; margin: 0 auto; }
  .complex .complex-cause .img { width: 111%; margin: 2% -5% 0; }
  .complex .complex-cause .txt { width: 91%; margin: 0 auto; }
  .complex .complex-facts { margin: 10% 0 0; padding: 0 6% 7%; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/complex_newfacts_bg.png) no-repeat 150% 0 #eef8fa; background-size: 57%; border: solid 1px #a1afbc; border-radius: 10px; }
  .complex .complex-facts .ttl { position: relative; width: 91%; margin: 8% 0 3% -8%; }
  .complex .complex-facts .txt { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 98%, #ddd 97%, #ddd 100%); background-size: 100% 2em; width: 103%; font-size: 3.46666vw; line-height: 2; letter-spacing: .12em; }
  .complex .complex-facts .img { width: 99%; margin: 7% auto 3%; } }

@media screen and (min-width: 769px) { .complex .complex-bg { position: relative; padding: 5% 0 4%; background: linear-gradient(0deg, #e8eef4 0%, #e8eef6 87%, #fcfdfe 100%); }
  .complex .complex-bg::after { position: absolute; display: block; width: 100vw; z-index: 2; bottom: -3.9vw; border-style: solid; border-width: 4vw 100vw 0 0; border-color: #e8eef4; content: ''; }
  .complex .complex-lead01 { width: 43%; margin: 0 auto; }
  .complex .complex-ttl01 { width: 70%; margin: 5% auto 0; }
  .complex .complex-img01 { position: relative; width: 72%; margin: -5% 0 0 15%; }
  .complex .complex-img01::after { position: absolute; display: block; bottom: -13%; left: 45%; width: 8%; height: 6%; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/complex_arrow-sp.png) no-repeat 50% 0; background-size: contain; content: ''; }
  .complex .complex-txt01 { width: 55%; margin: 15% auto 0; }
  .complex .complex-ttl02 { width: 50%; margin: 5% auto 0; }
  .complex .complex-cause { position: relative; margin: 5% 0 0; padding: 10% 7% 11% 4%; background: #fff; border-radius: 15px; }
  .complex .complex-cause .ttl { width: 46%; margin: 0 0 0 auto; }
  .complex .complex-cause .img { position: absolute; width: 48%; top: 5%; left: 2%; }
  .complex .complex-cause .txt { width: 47%; margin: 6% 0 0 auto; }
  .complex .complex-facts { position: relative; margin: 7% 0 0; padding: 0 5% 4%; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/complex_newfacts_bg.png) no-repeat 100% 0 #eef8fa; background-size: 46%; border: solid 1px #a1afbc; border-radius: 10px; }
  .complex .complex-facts .ttl { position: relative; width: 70%; margin: 6% 0 1% -7%; }
  .complex .complex-facts .txt { margin: 0; color: #444; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 98%, #cfd3d7 97%, #cfd3d7 100%); background-size: 100% 2.37em; width: 54%; font-size: 16px; line-height: 2.375; letter-spacing: .12em; }
  .complex .complex-facts .img { position: absolute; width: 34%; right: 6%; bottom: 9%; } }

/* =============================================================================
step style
========================================================================== */
@media screen and (max-width: 768px) { .step .step-top { padding-top: 7%; position: relative; }
  .step .step-top .ttl01 { width: 94%; margin: 0 auto; }
  .step .step-top .img01 { width: 144%; margin: 2% -22% 0; }
  .step .step-top .deco01 { position: absolute; right: -11%; bottom: -4%; width: 49%; }
  .step .step-block { position: relative; }
  .step .step-block.block01 { padding: 10% 0 7%; }
  .step .step-block.block01::after { position: absolute; display: block; top: 3%; right: -28%; width: 91%; height: 34%; content: ''; }
  .step .step-block.block01 .ttl01 { position: relative; z-index: 2; width: 101%; margin: 0 auto; }
  .step .step-block.block01 .subttl01 { position: relative; z-index: 2; width: 33%; margin: 9% 0 9% 8%; }
  .step .step-block.block01 .img01 { width: 69%; margin: -13% 0 -7%; }
  .step .step-block.block01 .txt01 { position: relative; z-index: 2; width: 89%; margin: 0 auto; font-size: 3.46666vw; line-height: 1.91; letter-spacing: .2em; }
  .step .step-block.block01 .txt01 span { display: block; margin: 3% 0; }
  .step .step-block.block01 .note { width: 89%; margin: 0 auto; font-size: 2.6666vw; line-height: 1.7; letter-spacing: .1em; }
  .step .step-block.block01 .ttl02 { width: 78%; margin: 9% auto 0; }
  .step .step-block.block01 .img02 { width: 88%; margin: 6% auto 0; }
  .step .step-block.block02 { padding: 7% 0 10%; background: linear-gradient(0deg, #fff 0%, #f9fbfc 3%, #f1f5f8 50%, #fff 100%); }
  .step .step-block.block02::after { position: absolute; display: block; top: 17%; right: -35%; width: 98%; height: 27%; content: ''; }
  .step .step-block.block02 .ttl01 { position: relative; z-index: 2; width: 101%; margin: 0 auto; }
  .step .step-block.block02 .subttl01 { position: relative; z-index: 2; width: 49%; margin: 9% 0 9% 8%; }
  .step .step-block.block02 .img01 { width: 56%; margin: -9% 0 -15%; }
  .step .step-block.block02 .txt01 { position: relative; z-index: 2; width: 89%; margin: 0 auto; font-size: 3.46666vw; line-height: 1.91; letter-spacing: .12em; }
  .step .step-block.block02 .box { margin: 10% 0 0; position: relative; }
  .step .step-block.block03::after { position: absolute; display: block; top: 3%; right: -31%; width: 83%; height: 87%; content: ''; }
  .step .step-block.block03 .ttl01 { position: relative; z-index: 2; width: 101%; margin: 0 auto; }
  .step .step-block.block03 .subttl01 { position: relative; z-index: 2; width: 51%; margin: 9% 0 9% 8%; }
  .step .step-block.block03 .img01 { width: 69%; margin: -13% 0 -7%; }
  .step .step-block.block03 .txt01 { position: relative; z-index: 2; width: 89%; margin: 0 auto; font-size: 3.46666vw; line-height: 1.91; letter-spacing: .2em; }
  .step .step-block.block03 .txt01 span { display: block; margin: 3% 0; }
  .step .step-block.block03 .note { width: 89%; margin: 0 auto; font-size: 2.6666vw; line-height: 1.7; letter-spacing: .1em; }
  .step .step-block.block03 .ttl02 { width: 78%; margin: 9% auto 0; }
  .step .step-block.block03 .img02 { width: 98%; margin: 0% 0 0 8%; }
  .step .step-block.block03 .box { margin: 10% 0 0; position: relative; filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.1)); }
  .webp .step-top { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_bg-sp.webp) no-repeat 50% 100%; background-size: contain; }
  .webp .step-block.block01::after { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_block01_pic.webp) no-repeat 50% 0; background-size: contain; }
  .webp .step-block.block02::after { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_block02_pic.webp) no-repeat 50% 0; background-size: contain; }
  .webp .step-block.block03::after { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_block03_pic.webp) no-repeat 50% 0; background-size: contain; }
  .no-webp .step-top { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_bg-sp.jpg) no-repeat 50% 100%; background-size: contain; }
  .no-webp .step-block.block01::after { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_block01_pic.png) no-repeat 50% 0; background-size: contain; }
  .no-webp .step-block.block02::after { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_block02_pic.png) no-repeat 50% 0; background-size: contain; }
  .no-webp .step-block.block0::after { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_block03_pic.png) no-repeat 50% 0; background-size: contain; } }

@media screen and (min-width: 769px) { .step .step-top { padding: 6% 0 0; position: relative; }
  .step .step-top .ttl01 { width: 84%; margin: 0 auto; }
  .step .step-top .img01 { position: relative; z-index: 2; width: 71%; margin: -3% -1% 0; }
  .step .step-top .deco01 { position: absolute; right: -7%; bottom: 12%; width: 49%; }
  .step .step-block { position: relative; padding: 4% 0 4%; }
  .step .step-block.block01 .inner::after { position: absolute; display: block; top: 10%; right: -35%; width: 81%; height: 55%; content: ''; }
  .step .step-block.block01 .ttl01 { position: relative; z-index: 2; width: 100%; margin: 0 auto; }
  .step .step-block.block01 .subttl01 { position: relative; z-index: 2; width: 41%; margin: 6% 0 4% 2%; }
  .step .step-block.block01 .img01 { width: 69%; margin: -13% 0 -7%; }
  .step .step-block.block01 .txt01 { position: relative; z-index: 2; width: 60%; margin: 0 0 0 2%; font-size: 18px; line-height: 2; letter-spacing: .2em; }
  .step .step-block.block01 .txt01 span { display: block; margin: 3% 0; }
  .step .step-block.block01 .note { margin: 0 0 0 2%; font-size: 13px; line-height: 1.7; letter-spacing: .17em; }
  .step .step-block.block01 .wrap { display: flex; margin: 7% 0 0; padding-bottom: 4%; border-top: solid 1px #7cb4db; border-bottom: solid 1px #7cb4db; }
  .step .step-block.block01 .ttl02 { width: 47%; margin: 10% auto 0; }
  .step .step-block.block01 .img02 { width: 30%; margin: 2% 10% 0 0; }
  .step .step-block.block02 { background: linear-gradient(0deg, #fff 0%, #f1f5f8 14%, #f1f5f8 50%, #fff 100%); }
  .step .step-block.block02 .inner::after { position: absolute; display: block; top: 16%; right: -21%; width: 67%; height: 55%; content: ''; }
  .step .step-block.block02 .ttl01 { position: relative; z-index: 2; width: 100%; margin: 0 auto; }
  .step .step-block.block02 .subttl01 { position: relative; z-index: 2; width: 53%; margin: 6% 0 4% 2%; }
  .step .step-block.block02 .img01 { width: 56%; margin: -9% 0 -15%; }
  .step .step-block.block02 .txt01 { position: relative; z-index: 2; width: 60%; margin: 0 0 0 2%; font-size: 18px; line-height: 2; letter-spacing: .2em; }
  .step .step-block.block02 .wrap { display: flex; justify-content: space-between; }
  .step .step-block.block02 .box { width: 100%; margin: 7% 0 0; position: relative; }
  .step .step-block.block03 { padding-bottom: 7.5%; }
  .step .step-block.block03 .inner::after { position: absolute; display: block; top: 5%; right: -29%; width: 75%; height: 129%; content: ''; }
  .step .step-block.block03 .ttl01 { position: relative; z-index: 2; width: 100%; margin: 0 auto; }
  .step .step-block.block03 .subttl01 { position: relative; z-index: 2; width: 52%; margin: 6% 0 4% 2%; }
  .step .step-block.block03 .img01 { width: 69%; margin: -13% 0 -7%; }
  .step .step-block.block03 .txt01 { position: relative; z-index: 2; width: 59%; margin: 0 0 0 2%; font-size: 18px; line-height: 1.91; letter-spacing: .2em; }
  .step .step-block.block03 .txt01 span { display: block; margin: 5% 0; }
  .step .step-block.block03 .note { width: 89%; margin: 0 auto; font-size: 2.6666vw; line-height: 1.7; letter-spacing: .1em; }
  .step .step-block.block03 .wrap { display: flex; margin: 6% 0 0; padding-bottom: 5%; border-top: solid 1px #7cb4db; border-bottom: solid 1px #7cb4db; }
  .step .step-block.block03 .ttl02 { width: 47%; margin: 10% 0% 0 7%; }
  .step .step-block.block03 .img02 { width: 33%; margin: 3% 0% 0 6%; }
  .step .step-block.block03 .box { width: 100%; margin: 7% 0 0; position: relative; filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.1)); }
  .webp .step-top { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_bg-pc.webp) no-repeat 50% 0 #fff; background-size: cover; }
  .webp .step-block.block01 { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_bg02-pc.webp) no-repeat 50% 0; background-size: cover; }
  .webp .step-block.block01 .inner::after { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_block01_pic.webp) no-repeat 50% 0; background-size: contain; }
  .webp .step-block.block02 .inner::after { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_block02_pic.webp) no-repeat 50% 0; background-size: contain; }
  .webp .step-block.block03 { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_bg03-pc.webp) no-repeat 50% 0; background-size: cover; }
  .webp .step-block.block03 .inner::after { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_block03_pic.webp) no-repeat 50% 0; background-size: contain; }
  .no-webp .step-top { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_bg-pc.jpg) no-repeat 50% 0 #fff; background-size: cover; }
  .no-webp .step-block.block01 { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_bg02-pc.jpg) no-repeat 50% 0; background-size: cover; }
  .no-webp .step-block.block01 .inner::after { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_block01_pic.png) no-repeat 50% 0; background-size: contain; }
  .no-webp .step-block.block02 .inner::after { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_block02_pic.png) no-repeat 50% 0; background-size: contain; }
  .no-webp .step-block.block03 { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_bg03-pc.jpg) no-repeat 50% 0; background-size: cover; }
  .no-webp .step-block.block03 .inner::after { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/step_block03_pic.png) no-repeat 50% 0; background-size: contain; } }

/* =============================================================================
free style
========================================================================== */
@media screen and (max-width: 768px) { .free .free-ttl { width: 20%; margin: 10% auto 0; }
  .webp .free-bg { padding: 10% 0 20%; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/free_bg-sp.webp) no-repeat 50% 0; background-size: cover; }
  .no-webp .free-bg { padding: 10% 0 20%; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/free_bg-sp.jpg) no-repeat 50% 0; background-size: cover; } }

@media screen and (min-width: 769px) { .free .free-ttl { width: 67%; margin: 0 auto; }
  .webp .free-bg { padding: 9% 0 6%; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/free_bg-pc.webp) no-repeat 50% 0; background-size: cover; }
  .no-webp .free-bg { padding: 9% 0 6%; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/free_bg-pc.jpg) no-repeat 50% 0; background-size: cover; } }

/* =============================================================================
natural style
========================================================================== */
@media screen and (max-width: 768px) { .natural .natural-bg { padding: 12% 0 60%; }
  .natural .natural-ttl { width: 90%; margin: 0 auto; }
  .natural .natural-img { width: 101%; margin: 10% auto 0; }
  .webp .natural-bg { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/natural_bg-sp.webp) no-repeat 50% 100%; background-size: contain; }
  .no-webp .natural-bg { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/natural_bg-sp.jpg) no-repeat 50% 100%; background-size: contain; } }

@media screen and (min-width: 769px) { .natural .natural-bg { padding: 4% 0; }
  .natural .natural-ttl { width: 97%; margin: 0 auto; }
  .natural .natural-img { width: 50%; margin: 4% 0% 0 8%; }
  .webp .natural-bg { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/natural_bg-pc.webp) no-repeat 50% 100% #fff; background-size: cover; }
  .no-webp .natural-bg { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/natural_bg-pc.jpg) no-repeat 50% 100% #fff; background-size: cover; } }

/* =============================================================================
develop style
========================================================================== */
@media screen and (max-width: 768px) { .develop .develop-bg { padding: 10% 0; }
  .develop .develop-ttl { width: 81%; margin: 0 auto; }
  .develop .develop-img { width: 113%; margin: 10% -6% 0; }
  .develop .develop-txt { font-size: 3.73333vw; line-height: 1.5; letter-spacing: .2em; width: 92%; margin: 3% auto 0; }
  .develop .develop-txt .para { display: inline-block; margin: 6% 0 0; } }

@media screen and (min-width: 769px) { .develop .develop-bg { padding: 4% 0; }
  .develop .develop-ttl { width: 81%; margin: 0 auto; }
  .develop .develop-wrap { display: flex; }
  .develop .develop-img { width: 48%; margin: 7% 0% 0; }
  .develop .develop-txt { width: 51%; margin: 5% 0 0 2%; font-size: 18px; line-height: 1.72; letter-spacing: .08em; }
  .develop .develop-txt .para { display: inline-block; margin: 6% 0 0 2%; } }

/* =============================================================================
refund style
========================================================================== */
@media screen and (max-width: 768px) { .refund .refund-inner { border: solid 4px #444; padding: .6%; }
  .refund .refund-box { padding:4% 0 ; border: solid 1px #444; }
  .refund .refund-ttl01 { width: 101%; }
  .refund .refund-btn { position: relative; width: 85%; margin: 0 auto; padding: 5% 0; border-top: solid 1px #444; border-bottom: solid 1px #444; }
  .refund .refund-btn-txt { position: absolute; top: 50%; transform: translateY(-50%); width: 30%; height: 46%; margin: 0 0 0 31%; background: url(url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res/refund_open-sp.png) no-repeat 50% 0; background-size: contain; }
  .refund .refund-btn-txt::before, .refund .refund-btn-txt::after { content: ""; position: absolute; right: -29%; top: 50%; transform: translateY(-50%); width: 11%; height: 7%; background-color: #444; transition: all 0.3s; }
  .refund .refund-btn-txt::before { transform: rotate(90deg); }
  .refund .refund-btn.open .refund-btn-txt { width: 17%; margin: 0 0 0 37%; background: url(url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res/refund_close-sp.png) no-repeat 50% 0; background-size: contain; }
  .refund .refund-btn.open .refund-btn-txt::before { transform: rotate(0deg); }
  .refund .refund-btn.open .refund-btn-txt::before, .refund .refund-btn.open .refund-btn-txt::after { width: 17%; right: -47%; }
  .refund .refund-txt { display: none; padding: 6% 6% 0; font-size: 2.9333vw; letter-spacing: .16em; line-height: 1.9; } }

@media screen and (min-width: 769px) { .refund .refund-inner { border: solid 4px #444; padding: .1%; }
  .refund .refund-box {  padding:4% 0 ; border: solid 1px #444; }
  .refund .refund-ttl01 { width: 102%; }
  .refund .refund-btn { position: relative; width: 85%; margin: 0 auto; padding: 3% 0; border-top: solid 1px #444; border-bottom: solid 1px #444; }
  .refund .refund-btn-txt { position: absolute; top: 50%; transform: translateY(-50%); width: 14%; height: 33%; margin: 0 0 0 41%; background: url(url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res/refund_open-pc.png) no-repeat 50% 0; background-size: contain; }
  .refund .refund-btn-txt::before, .refund .refund-btn-txt::after { content: ""; position: absolute; right: -55%; top: 45%; transform: translateY(-50%); width: 16%; border-top: solid 3px #444; transition: all 0.3s; }
  .refund .refund-btn-txt::before { transform: rotate(90deg); }
  .refund .refund-btn.open .refund-btn-txt { width: 8%; margin: 0 0 0 44%; background: url(url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res/refund_close-pc.png) no-repeat 50% 0; background-size: contain; }
  .refund .refund-btn.open .refund-btn-txt::before { transform: rotate(0deg); }
  .refund .refund-btn.open .refund-btn-txt::before, .refund .refund-btn.open .refund-btn-txt::after { width: 35%; right: -132%; border-top: solid 2px #444; }
  .refund .refund-txt { display: none; padding: 6% 6% 0; font-size: 14px; letter-spacing: .16em; line-height: 1.85; } }

/* =============================================================================
campaign style
========================================================================== */
@media screen and (max-width: 768px) { .campaign .campaign-bg { padding: 9% 0 10%; }
  .campaign .campaign-top { margin: 3% 0 0; padding: 6% 0; background: #32aaaa; }
  .campaign .campaign-lead { width: 87%; margin: 0 auto; }
  .campaign .campaign-circle { position: absolute; top: 41%; width: 31%; }
  .campaign .campaign-deco { position: absolute; top: 17%; left: 11%; width: 30%; }
  .campaign .campaign-bottom { padding: 8% 0 10%; }
  .campaign .campaign-txt { width: 90%; margin: 0 auto; }
  .webp .campaign-bottom { background: url(url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res/campaign_bg-sp.webp) no-repeat 50% 50% #e8f4f0; background-size: cover; }
  .no-webp .campaign-bottom { background: url(url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res/campaign_bg-sp.png) no-repeat 50% 50% #e8f4f0; background-size: cover; } }

@media screen and (min-width: 769px) { .campaign .campaign-bg { padding: 4% 0 6%; }
  .campaign .campaign-top { margin: 3% 0 0; padding: 4% 0; background: #32aaaa; }
  .campaign .campaign-lead { width: 95%; margin: 0 auto; }
  .campaign .campaign-circle { position: absolute; top: 49%; left: 5%; width: 31%; }
  .campaign .campaign-deco { position: absolute; top: 18%; left: 10.5%; width: 30%; }
  .campaign .campaign-bottom { padding: 5% 0 7%; }
  .campaign .campaign-txt { width: 63%; margin: 0 auto; }
  .webp .campaign-bottom { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/campaign_bg-sp.webp) no-repeat 50% 50% #e8f4f0; background-size: cover; }
  .no-webp .campaign-bottom { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/campaign_bg-sp.png) no-repeat 50% 50% #e8f4f0; background-size: cover; } }

/* =============================================================================
product style
========================================================================== */
@media screen and (max-width: 768px) { .product .product-bg { padding: 0 0 10%; background: #f1f5f8; }
  .product .product-block .ttl01 { margin: 0; padding: 5% 0; background: #6cadd7; }
  .product .product-block .ttl01 img { position: relative; left: 50%; transform: translateX(-50%); width: 75%; }
  .product .product-block .contents { position: relative; padding: 6% 0 11.5%; background: #fff; }
  .product .product-block .contents .img01 { position: absolute; top: 7%; left: 13%; width: 15%; }
  .product .product-block .contents .box { width: 59%; margin: 0 0 0 38%; color: #777; }
  .product .product-block .contents .box .txt01 { font-size: 4.26666vw; font-weight: 600; margin: 0; }
  .product .product-block .contents .box .txt01 .big { font-size: 7.2vw; }
  .product .product-block .contents .box .txt01 .small { font-size: 2.933vw; }
  .product .product-block .contents .box .price { font-size: 3.4666vw; line-height: 1.4; }
  .product .product-block .contents .box .price .num { font-size: 6.8vw; font-weight: normal; letter-spacing: 0; }
  .product .product-block .contents .box .price .small { font-size: 2.666vw; }
  .product .product-block .contents .box .txt02 { padding: 6% 1%; border-top: solid 1px #777; border-bottom: solid 1px #777; font-size: 3.39vw; margin: 4% 0; width: 90%; letter-spacing: 0; }
  .product .product-block .contents .box .txt03 { font-size: 2.667vw; text-align: right; margin-right: 10%; letter-spacing: .1em; }
  .product .product-campaign { padding: 5%; background: #fff; }
  .product .product-campaign .ttl { position: relative; margin: -9% auto 7%; padding: 2% 0; width: 93%; background: #6cadd7; border-radius: 100px; font-size: 3.600vw; text-align: center; letter-spacing: .06em; font-weight: normal; }
  .product .product-campaign .ttl::after { position: absolute; bottom: -14%; left: 50%; transform: translateX(-50%); border-style: solid; border-width: 17px 8.5px 0 8.5px; border-color: #6cacd7 transparent transparent transparent; content: ''; }
  .product .product-campaign .ttl .deco::before { content: ""; display: inline-block; width: 5%; height: 1%; left: 37%; top: 24%; background-color: #fff; position: absolute; transform: rotate(45deg); }
  .product .product-campaign .ttl .deco::after { content: ""; display: inline-block; width: 5%; height: 1%; right: 37%; top: 24%; background-color: #fff; position: absolute; transform: rotate(-45deg); }
  .product .product-campaign .ttl .bold { color: #f6ff00; font-size: 5.067vw; }
  .product .product-campaign .list .item { position: relative; width: 59%; margin: 1% auto 0; font-size: 4.2666vw; }
  .product .product-campaign .list .item::before { position: absolute; top: 50%; left: -9%; transform: translateY(-50%); border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #6cadd7; content: ''; }
  .product .product-campaign .bnr { display: block; position: relative; }
  .product .product-campaign .bnr:last-of-type { margin-top: 1%; }
  .product .product-container { background: #ffffff; padding: 0 5%; }
  .product .product-img03 { position: relative; margin-top: 8%; }
  .product .product-img03 .product-btn { display: block; position: absolute; width: 11vw; top: 44%; left: 40%; }
  .product .product-course { position: relative; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/product-course_bg_sp.png.webp) no-repeat center center; background-size: contain; width: 100%; height: auto; }
  .product .product-course2208 { background-size: cover; border-bottom: .01rem solid #6aacd7; }
  .product .product-course .title { display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; width: 100%; height: 14%; background-color: #6cadd7; top: -16px; left: 0; right: 0; margin: 0px auto 0; border-radius: 50px; color: #fff; font-size: 4vw; }
  .product .product-course .title::after { content: ""; display: block; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 9px solid #6cadd7; top: 95%; }
  .product .product-course .title .yellow_text { color: #f6ff00; font-size: 6vw; font-weight: bold; }
  .product .product-checklist01 { display: flex; justify-content: space-between; flex-direction: column; padding: 15% 5% 5%; }
  .product .product-checklist01_2208 { padding-bottom: 0; }
  .product .product-checklist01_child { width: 100%; }
  .product .product-checklist01_child_list { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",sans-serif !important; font-size: 3.5vw; letter-spacing: .02em; position: relative; border-bottom: solid 1px #d2d6da; padding: 0 0 3% 10%; margin: 0 0 2%; }
  .product .product-checklist01_child_list2208 { font-size: 3.2vw; }
  .product .product-checklist01_child_list .bluetext { color: #6aacd7; font-weight: bold; display: inline; }
  .product .product-checklist01_child_list .bluetext.kaiyaku_text { font-size: 3.5vw; }
  .product .product-checklist01_child_list .small { font-size: 3.5vw; margin: 0; }
  .product .product-checklist01_child_list .small .hide-sp { display: none; }
  .product .product-checklist01_child_list.last_list { border-bottom: none; }
  .product .product-checklist01_child_list.last_list2208 { position: relative; letter-spacing: 0; margin: 0; }
  .product .product-checklist01_child_list.last_list2208 span { position: absolute; font-size: 50%; }
  .product .product-checklist01_child_list::before { content: ""; display: block; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/product_check.png.webp) no-repeat center; background-size: contain; position: absolute; left: 0; top: 5%; width: 16px; height: 16px; margin: 0 5% 0 0; }
  .product .product-benefits { position: relative; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/product-benefits_bg_sp.png.webp) no-repeat center center; background-size: contain; width: 100%; height: auto; margin-top: 10.5%; }
  .product .product-benefits .title { display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; width: 100%; height: 24%; background-color: #6cadd7; top: -16px; left: 0; right: 0; margin: 0px auto 0; border-radius: 50px; color: #fff; font-size: 4vw; }
  .product .product-benefits .title::after { content: ""; display: block; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 9px solid #6cadd7; top: 95%; }
  .product .product-benefits .title .white_text { font-size: 5vw; font-weight: bold; }
  .product .product-benefits .title .yellow_text { color: #f6ff00; font-size: 5vw; font-weight: bold; }
  .product .product-checklist02 { display: flex; justify-content: space-between; flex-direction: column; padding: 15% 5% 5%; }
  .product .product-checklist02_list { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",sans-serif !important; font-size: 3.5vw; letter-spacing: .02em; position: relative; width: 100%; padding: 0 0 3% 10%; margin: 0 5% 0 0; }
  .product .product-checklist02_list .product-btn { color: #6aacd7; text-decoration: underline !important; }
  .product .product-checklist02_list:first-child { border-bottom: solid 1px #d2d6da; }
  .product .product-checklist02_list::before { content: ""; display: block; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/product_check.png.webp) no-repeat center; background-size: contain; position: absolute; left: 0; top: 5%; width: 16px; height: 16px; }
  .product .product__sub { font-size: 2.5vw; letter-spacing: 0.06em; line-height: 1.7; margin-top: 0.5rem; }
  .no-webp .product .product-course { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/product-course_bg_sp.png) no-repeat center center; background-size: contain; }
  .no-webp .product .product-benefits { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/product-benefits_bg_sp.png) no-repeat center center; background-size: contain; }
  .no-webp .product .product-checklist01_child_list::before { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/product_check.png) no-repeat center; background-size: contain; }
  .no-webp .product .product-checklist02_list::before { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/product_check.png) no-repeat center; background-size: contain; } }

@media screen and (min-width: 769px) { .product .product-top01 { position: relative; left: 50%; transform: translateX(-50%); min-width: 2000px; }
  .product .product-bg { padding: 0 0 4%; background: #f6f7fb; }
  .product .product-block .ttl01 { margin: 0; padding: 4% 0 3.5%; background: #6cadd7; }
  .product .product-block .ttl01 img { position: relative; left: 33%; width: 54%; }
  .product .product-block .contents { position: relative; padding: 4% 14% 8%; background: #fff; }
  .product .product-block .contents .img01 { position: absolute; top: -30%; left: 14%; width: 12%; }
  .product .product-block .contents .box { width: 74%; margin: 0 0 0 28%; color: #777; }
  .product .product-block .contents .box .txt01 { font-size: 26px; letter-spacing: .07em; line-height: 1.6em; margin: 0; }
  .product .product-block .contents .box .txt01 .big { font-size: 40px; }
  .product .product-block .contents .box .txt01 .small { font-size: 16px; }
  .product .product-block .contents .box .price { margin-top: 3%; font-size: 22px; letter-spacing: .07em; line-height: 1.6em; }
  .product .product-block .contents .box .price .num { font-size: 55px; font-weight: normal; letter-spacing: 0; }
  .product .product-block .contents .box .price .mid { font-size: 26px; }
  .product .product-block .contents .box .price .small { font-size: 14px; }
  .product .product-block .contents .box .txt02 { padding: 4% 0%; border-top: solid 1px #777; border-bottom: solid 1px #777; font-size: 22px; letter-spacing: .12em; margin: 5% 0 0; width: 96%; }
  .product .product-block .contents .box .txt03 { margin: 3% 6% 0 0; font-size: 14px; letter-spacing: .1em; text-align: right; }
  .product .product-campaign { position: relative; padding: 0 0 5%; background: #fff; }
  .product .product-campaign .list { display: flex; width: 48%; margin: 0 auto; }
  .product .product-campaign .list .ttl { position: absolute; top: -12%; left: 50%; transform: translateX(-50%); padding: 1% 0; width: 62%; background: #6cadd7; border-radius: 100px; font-size: 23px; text-align: center; letter-spacing: .06em; font-weight: normal; line-height: 1.3; }
  .product .product-campaign .list .ttl::after { position: absolute; bottom: -14%; left: 50%; transform: translateX(-50%); border-style: solid; border-width: 17px 8.5px 0 8.5px; border-color: #6cacd7 transparent transparent transparent; content: ''; }
  .product .product-campaign .list .ttl .deco { font-size: 20px; vertical-align: sub; }
  .product .product-campaign .list .ttl .deco::before { content: ""; display: inline-block; width: 5%; height: 1%; left: 40%; top: 28%; background-color: #fff; position: absolute; transform: rotate(45deg); }
  .product .product-campaign .list .ttl .deco::after { content: ""; display: inline-block; width: 5%; height: 1%; right: 40%; top: 28%; background-color: #fff; position: absolute; transform: rotate(-45deg); }
  .product .product-campaign .list .ttl .bold { color: #f6ff00; font-size: 38px; }
  .product .product-campaign .list .item { position: relative; margin: 18% auto 0; font-size: 20px; letter-spacing: .06em; text-align: center; }
  .product .product-campaign .list .item::before { position: absolute; top: 50%; left: -9%; transform: translateY(-50%); border-style: solid; border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #6cadd7; content: ''; }
  .product .product-campaign .wrap { display: flex; justify-content: space-between; padding: 0px 6%; }
  .product .product-campaign .wrap .bnr { display: block; position: relative; width: 48%; margin: 7% 0 0; }
  .product .product-container { background: #ffffff; padding: 0 5.5%; }
  .product .product-img02 { position: relative; }
  .product .product-img03 { position: relative; margin-top: 4.5%; }
  .product .product-img03 .product-btn { display: block; position: absolute; width: 50px; bottom: 30px; left: 19%; }
  .product .product-img03 .product-btn:hover { opacity: 1; }
  .product .product-course { position: relative; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/product-course_bg_pc.png.webp) no-repeat center center; background-size: cover; width: auto; height: 200px; }
  .product .product-course .title { display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; width: 50%; height: 46px; background-color: #6cadd7; top: -20px; left: 0; right: 0; margin: 0px auto 0; border-radius: 50px; color: #fff; font-size: 18px; }
  .product .product-course .title::after { content: ""; display: block; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 9px solid #6cadd7; top: 45px; }
  .product .product-course .title .yellow_text { color: #f6ff00; font-size: 24px; font-weight: bold; }
  .product .product-checklist01 { display: flex; justify-content: space-between; padding: 53px 52px 20px; }
  .product .product-checklist01_child { width: 46%; }
  .product .product-checklist01_child_list { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",sans-serif !important; font-size: 16px; letter-spacing: .02em; position: relative; padding: 0 0 10px 35px; }
  .product .product-checklist01_child_list:first-child { border-bottom: solid 1px #d2d6da; padding: 0 0 15px 35px; }
  .product .product-checklist01_child_list .bluetext { color: #6aacd7; font-weight: bold; display: inline; }
  .product .product-checklist01_child_list .small { font-size: 14px; }
  .product .product-checklist01_child_list::before { content: ""; display: block; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/product_check.png.webp) no-repeat center; background-size: contain; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; margin: 0 10px 0 0; }
  .product .product-benefits { position: relative; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/product-benefits_bg_pc.png.webp) no-repeat center center; background-size: contain; width: 100%; margin-top: 6.5%; }
  .product .product-benefits .title { display: flex; justify-content: center; align-items: center; text-align: center; position: absolute; width: 50%; height: 46px; background-color: #6cadd7; top: -20px; left: 0; right: 0; margin: 0px auto 0; border-radius: 50px; color: #fff; font-size: 18px; }
  .product .product-benefits .title::after { content: ""; display: block; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 9px solid #6cadd7; top: 45px; }
  .product .product-benefits .title .white_text { font-size: 24px; font-weight: bold; }
  .product .product-benefits .title .yellow_text { color: #f6ff00; font-size: 24px; font-weight: bold; }
  .product .product-checklist02 { display: flex; justify-content: space-between; padding: 53px 52px 20px; }
  .product .product-checklist02_list { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",sans-serif !important; font-size: 16px; letter-spacing: .02em; position: relative; width: 46%; padding: 0 0 10px 35px; }
  .product .product-checklist02_list .product-btn { color: #6aacd7; text-decoration: underline !important; }
  .product .product-checklist02_list::before { content: ""; display: block; background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/product_check.png.webp) no-repeat center; background-size: contain; position: absolute; left: 0; top: 2px; width: 18px; height: 18px; margin: 0 10px 0 0; }
  .product .product__sub { font-size: 13px; letter-spacing: 0.06em; margin-top: 10px; }
  .no-webp .product .product-course { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/product-course_bg_pc.png) no-repeat center center; background-size: cover; }
  .no-webp .product .product-benefits { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/product-benefits_bg_pc.png) no-repeat center center; background-size: contain; }
  .no-webp .product .product-checklist01_child_list::before { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/product_check.png) no-repeat center; background-size: contain; }
  .no-webp .product .product-checklist02_list::before { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/product_check.png) no-repeat center; background-size: contain; } }

@media screen and (max-width: 768px) { .monitor .pink { color: #fa1465; }
  .monitor .monitor-bg { padding: 6% 0 8%; }
  .monitor .monitor-box { border: solid 1px #8bb5cf; }
  .monitor .monitor-top { padding: 5% 2% 4% 6%; background-size: 84%; }
  .monitor .monitor-top .ttl { margin: 5% 0 0 15%; width: 73%; }
  .monitor .monitor-top .ttl .num { font-size: 12vw; line-height: 1; letter-spacing: -.03em; }
  .monitor .monitor-top .ttl .small { font-size: 5.733vw; }
  .monitor .monitor-top .circle { position: absolute; top: 4%; left: -4%; width: 23%; }
  .monitor .monitor-top .circle .num { font-size: 8vw; line-height: 1; letter-spacing: -.04em; }
  .monitor .monitor-top .lead { margin: 5% 0 0; font-size: 3.467vw; letter-spacing: .06em; }
  .monitor .monitor-top .lead .bold { font-size: 3.867vw; line-height: 1; }
  .monitor .monitor-bottom { display: flex; }
  .monitor .monitor-bottom .ttl { margin: 0; padding: 6% 2% 0; background: #8bb5cf; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 3.467vw; letter-spacing: .4em; }
  .monitor .monitor-bottom .wrap { padding: 4%; }
  .monitor .monitor-bottom .wrap .txt { font-size: 3.467vw; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 98%, #ddd 97%, #ddd 100%); background-size: 100% 2em; line-height: 2; }
  .monitor .monitor-bottom .wrap .txt .pink { padding-bottom: 2em; font-weight: 600; }
  .monitor .monitor-bottom .wrap .note { margin: 3% 0 0; font-size: 2.933vw; }
  .webp .monitor-top { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/monitor_bg-sp.webp) no-repeat 100% 0 #f7fafc; }
  .no-webp .monitor-top { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/monitor_bg-sp.png) no-repeat 100% 0 #f7fafc; } }

@media screen and (min-width: 769px) { .monitor .pink { color: #fa1465; }
  .monitor .monitor-bg { padding: 4% 0 2%; }
  .monitor .monitor-box { border: solid 1px #8bb5cf; }
  .monitor .monitor-top { padding: 6% 0 3%; }
  .monitor .monitor-top .ttl { margin: 0 0 0 17%; width: 64%; }
  .monitor .monitor-top .ttl .num { font-size: 12vw; line-height: 1; letter-spacing: -.03em; }
  .monitor .monitor-top .ttl .small { font-size: 5.733vw; }
  .monitor .monitor-top .circle { position: absolute; top: 6%; left: -1%; width: 16%; }
  .monitor .monitor-top .circle .num { font-size: 8vw; line-height: 1; letter-spacing: -.04em; }
  .monitor .monitor-top .lead { margin: 1% 0 0 16%; font-size: 20px; letter-spacing: .06em; line-height: 1.75; }
  .monitor .monitor-top .lead .bold { font-size: 23px; }
  .monitor .monitor-bottom { display: flex; }
  .monitor .monitor-bottom .ttl { margin: 0; padding: 3% 2% 2% 2%; background: #8bb5cf; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-size: 20px; letter-spacing: .5em; }
  .monitor .monitor-bottom .wrap { padding: 2% 3%; width: 90%; }
  .monitor .monitor-bottom .wrap .txt { font-size: 16px; background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 98%, #ddd 97%, #ddd 100%); background-size: 100% 2.9em; line-height: 2.9; letter-spacing: .06em; }
  .monitor .monitor-bottom .wrap .txt .pink { font-size: 18px; }
  .monitor .monitor-bottom .wrap .note { margin: 2% 0 0; font-size: 13px; letter-spacing: .04em; }
  .webp .monitor-top { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/monitor_bg-pc.webp) no-repeat 100% 0; background-size: cover; }
  .no-webp .monitor-top { background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/monitor_bg-pc.jpg) no-repeat 100% 0; background-size: cover; } }

/* =============================================================================
order-section style
========================================================================== */

@media screen and (min-width: 769px) {
  /** 新しいデザイン **/
  .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }
  #order-section{
    width: 980px;
    padding: 58px 0 44px;
    background: #fff;
    margin-top: 47px;
  }
  #order-section .order-block{
      position:relative;
      width:80%;
      margin-right:auto;
      margin-left:auto;
      overflow:hidden;
      text-align:center;
      display:table;
  }
  #order-section .order-child-block .pic01{
      display: table-cell;
      vertical-align: middle;
      width:50%;
      height:auto;
  }
  #order-section .order-block .pic01 img{
      height:450px;
  }
  #order-section .order-child-block .box01{
    display: table-cell;
      width:50%;
      vertical-align: middle;
  }
  #order-section .order-block .ttl01 {
    font-size: 36px;
    letter-spacing: 0.12em;
    text-align: center;
    font-weight: bold;
  }
  
  #order-section .order-block .order-child-block02 {
    width: 842px;
    margin: 0 auto;
    padding: 23px 0;
    border-top: 1px solid #189af5;
    border-bottom: 1px solid #189af5;
    font-size: 0;
    text-align: center;
  }
  
  #order-section .order-block .order-child-block02 .txt {
    display: inline-block;
    position: relative;
    font-size: 19px;
    letter-spacing: 0.06em;
    line-height: 1;
  }
  
  #order-section .order-block .order-child-block02 .txt.txt02 {
    margin: 0 0 0 63px;
  }
  
  #order-section .order-block .order-child-block02 .txt::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 6px;
    border-color: transparent transparent transparent #1899f5;
    position: absolute;
    top: 50%;
    left: -23px;
    transform: translateY(-50%);
  }
  
  #order-section .order-child-block .box01{
    margin: 0px 0 0px;
    padding: 20px 0 20px;
    background: #fff;
    position: relative;
    overflow: hidden;
  }
  
  #order-section .order-child-block .box01 .txt01 {
    box-sizing:border-box;
    width: 100%;
    padding: 25px 0;
    font-size: 20px;
    letter-spacing: 0.12em;
    line-height: 1;
    text-align: center;
    border-top: 1px solid #189af5;
    border-bottom: 1px solid #189af5;
  }
  
  #order-section .order-child-block .box01 .price01 {
      width: 100%;
      margin-bottom:15px;
  }
  #order-section .order-child-block .box01 .price01 img{
      width:100%;
      height:auto;
      margin-bottom:15px;
  }
  #order-section .order-child-block .link01 {
    width: 100%;
  }
  .accalme-text{
      position:relative;
  }
  .accalme-text::after{
      position:absolute;
      font-size:0.4em;
      content:"ローション";
      left: 50%;
      bottom:-18px;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  }
  #order-section .ttl01 .small{
      font-size:0.7em;
  }
  .order-title h2{
      position:relative;
      text-align:center;
      font-weight:bold;
      margin-left:20%;
      margin-right:20%;
      border:1px solid #ccc;
      padding:20px 20px 55px;
      margin-bottom:-20px;
  }
  .order-title h2::after{
      content:"▼";
      position:absolute;
      bottom:10px;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  }
  .product .product-block .contents-next { position: relative; padding: 6% 14% 10%; background: #fff; }
  .product .product-block .contents-next .img01 { position: absolute; top: -13%; left: 14%; width: 12%; background: #fff;}
  .product .product-block .contents-next .box { width: 74%; margin: 0 0 0 28%; color: #777; }
  .product .product-block .contents-next .box .txt01 { font-size: 26px; letter-spacing: .07em; line-height: 1.6em; margin: 0; }
  .product .product-block .contents-next .box .txt01 .big { font-size: 40px; }
  .product .product-block .contents-next .box .txt01 .small { font-size: 16px; }
  .product .product-block .contents-next .box .price { margin-top: 3%; font-size: 22px; letter-spacing: .07em; line-height: 1.6em; }
  .product .product-block .contents-next .box .price .num { font-size: 55px; font-weight: normal; letter-spacing: 0; }
  .product .product-block .contents-next .box .price .mid { font-size: 26px; }
  .product .product-block .contents-next .box .price .small { font-size: 14px; }
  .product .product-block .contents-next .box .txt02 { padding: 4% 0%; border-top: solid 1px #777; border-bottom: solid 1px #777; font-size: 22px; letter-spacing: .12em; margin: 5% 0 0; width: 96%; }
  .product .product-block .contents-next .box .txt03 { margin: 3% 6% 0 0; font-size: 14px; letter-spacing: .1em; text-align: right; }
  }
  @media screen and (max-width: 768px) { 
  .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }
  #order-section{
    width: 100%;
    padding: 35px 0 25px;
    background: #fff;
    margin-top: 35px;
  }
  #order-section .order-block{
      position:relative;
      width:80%;
      margin-right:auto;
      margin-left:auto;
      overflow:hidden;
      text-align:center;
  }
  #order-section .order-block .pic01 img{
      height:450px;
  }
  #order-section .order-block .ttl01 {
    font-size: 36px;
    letter-spacing: 0.12em;
    text-align: center;
    font-weight: bold;
  }
  
  #order-section .order-block .order-child-block02 {
    width: 100%;
    margin: 0 auto;
    padding: 23px 0;
    border-top: 1px solid #189af5;
    border-bottom: 1px solid #189af5;
    font-size: 0;
    text-align: center;
  }
  
  #order-section .order-block .order-child-block02 .txt {
    display: inline-block;
    position: relative;
    font-size: 19px;
    letter-spacing: 0.06em;
    line-height: 1;
  }
  
  #order-section .order-block .order-child-block02 .txt.txt02 {
    margin: 0 0 0 63px;
  }
  
  #order-section .order-block .order-child-block02 .txt::before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 6px;
    border-color: transparent transparent transparent #1899f5;
    position: absolute;
    top: 50%;
    left: -23px;
    transform: translateY(-50%);
  }
  
  #order-section .order-child-block .box01{
    margin: 0px 0 0px;
    padding: 20px 0 20px;
    background: #fff;
    position: relative;
    overflow: hidden;
  }
  
  #order-section .order-child-block .box01 .txt01 {
    box-sizing:border-box;
    width: 100%;
    padding: 25px 0;
    font-size: 20px;
    letter-spacing: 0.12em;
    line-height: 1;
    text-align: center;
    border-top: 1px solid #189af5;
    border-bottom: 1px solid #189af5;
  }
  
  #order-section .order-child-block .box01 .price01 {
      width: 100%;
      margin-bottom:15px;
  }
  #order-section .order-child-block .box01 .price01 img{
      width:100%;
      height:auto;
      margin-bottom:15px;
  }
  #order-section .order-child-block .link01 {
    width: 100%;
  }
  .accalme-text{
      position:relative;
      transform: translateY(-5px);
  }
  .accalme-text::after{
      position:absolute;
      font-size:0.4em;
      content:"ローション";
      left: 50%;
      bottom:-18px;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  }
  #order-section .ttl01 .small{
      font-size:0.7em;
  }
  .order-title h2{
      position:relative;
      text-align:center;
      font-weight:bold;
      margin-left:20%;
      margin-right:20%;
      border:1px solid #ccc;
      padding:20px 20px 55px;
      margin-bottom:-20px;
  }
  .order-title h2::after{
      content:"▼";
      position:absolute;
      bottom:10px;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
  }
  .product .product-block .contents-next { position: relative; padding: 6% 0 11.5%; background: #fff; }
  .product .product-block .contents-next .img01 { position: absolute; top: 7%; left: 13%; width: 15%; }
  .product .product-block .contents-next .box { width: 59%; margin: 0 0 0 38%; color: #777; }
  .product .product-block .contents-next .box .txt01 { font-size: 4.26666vw; font-weight: 600; margin: 0; }
  .product .product-block .contents-next .box .txt01 .big { font-size: 7.2vw; }
  .product .product-block .contents-next .box .txt01 .small { font-size: 2.933vw; }
  .product .product-block .contents-next .box .price { font-size: 3.4666vw; line-height: 1.4; }
  .product .product-block .contents-next .box .price .num { font-size: 6.8vw; font-weight: normal; letter-spacing: 0; }
  .product .product-block .contents-next .box .price .small { font-size: 2.666vw; }
  .product .product-block .contents-next .box .txt02 { padding: 6% 1%; border-top: solid 1px #777; border-bottom: solid 1px #777; font-size: 3.39vw; margin: 4% 0; width: 90%; letter-spacing: 0; }
  .product .product-block .contents-next .box .txt03 { font-size: 2.667vw; text-align: right; margin-right: 10%; letter-spacing: .1em; }
  }
  

/* =============================================================================
notice style
========================================================================== */
@media screen and (max-width: 768px) { .notice .notice-bg { padding: 10% 0; }
  .notice .notice-ttl { margin: 5% 0 0; font-size: 2.9333vw; font-weight: 400; letter-spacing: 0.1em; line-height: 1.68; text-align: left; }
  .notice .notice-ttl:first-child { margin: 0; }
  .notice .notice-txt { font-size: 2.9333vw; font-weight: 400; letter-spacing: 0.1em; line-height: 1.68; text-align: left; } }

@media screen and (min-width: 769px) { .notice .notice-bg { padding: 5% 0; }
  .notice .notice-ttl { margin: 5% 0 0; font-size: 14px; font-weight: 400; letter-spacing: 0.1em; line-height: 1.85; text-align: left; }
  .notice .notice-ttl:first-child { margin: 0; }
  .notice .notice-txt { font-size: 14px; font-weight: 400; letter-spacing: 0.1em; line-height: 1.85; text-align: left; } }

/* =============================================================================
footer style
========================================================================== */
@media screen and (max-width: 768px) { .footer-bg { padding: 9% 0 27%; background: #6cadd7; }
  .footer-link { display: flex; justify-content: space-between; }
  .footer-link .txt { font-size: 2.6666vw; letter-spacing: .1em; }
  .footer-link .txt a { color: #fff; }
  .footer-txt { margin: 6% 0 0; font-size: 2.9333vw; letter-spacing: 0.1em; line-height: 1; text-align: center; }
  .footer-btn, .footer-btn-tel { display: none; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 1000; }
  .footer-btn .footer-link01, .footer-btn-tel .footer-link01 { width: 106%; margin: 0 -3%; }
  .footer-btn .footer-btn-bg, .footer-btn-tel .footer-btn-bg { padding: 2% 0; background: #fff; }
  .footer-btn-tel02 { display: none; position: fixed; bottom: 1%; right: -8%; z-index: 1000; }
  .footer-btn-tel02 .footer-link01 { width: 60%; } }

@media screen and (min-width: 769px) { .footer-bg { padding: 3% 0; background: #6cadd7; }
  .footer-link { display: flex; justify-content: space-between; width: 44%; min-width: 430px; margin: 0 auto; }
  .footer-link .txt { font-size: 14px; letter-spacing: .1em; }
  .footer-link .txt a { color: #fff; }
  .footer-txt { margin: 1% 0 0; font-size: 14px; letter-spacing: 0.1em; line-height: 1; text-align: center; }
  .footer-btn, .footer-btn-tel, .footer-btn-tel02 { display: none !important; }
  .side-btn { position: fixed; width: 177px; top: 52%; right: 0; z-index: 1000; } }

/* =============================================================================
step style
========================================================================== */
#lp-form01 .login_message_box_ec { width: auto; }
/* =============================================================================
offer style
========================================================================== */
#offer　picture｛background: url(https://ec-force.s3.amazonaws.com/ysmdonlinejp/uploads/img/AccalMe/res02/offer_pc.png) no-repeat center/cover; 
｝