@charset "UTF-8";
/* color */
.txt_green {
  color: #00a39e;
}

.txt_lgreen {
  color: #00c7c0;
}

.txt_blue {
  color: #132e4c;
}

/* letter-spacing */
/* font-size-base */
/* font-famiry */
/* font-weight */
/* line-height */
html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  font-size: 1.30208vw;
  font-family: "Zen Kaku Gothic New", sans-serif;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt";
  color: #000000;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media (min-width: 1536px) {
  body {
    font-size: 20px;
  }
}
@media (max-width: 1025px) {
  body {
    font-size: 1.560933504vw;
  }
}
@media (max-width: 768px) {
  body {
    font-size: 2.9907410416vw;
  }
}

@media (min-width: 376px) {
  .xs {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .sp {
    display: none !important;
  }
}
.en, .min {
  font-family: "Zen Old Mincho", serif;
}

.ja {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.flexWrap {
  display: flex;
}

img {
  max-width: 100%;
}

figure img {
  width: 100%;
}

a {
  transition: 0.5s;
}

a:hover {
  transform: translate(2px, 2px);
  transition: 0.5s;
}

a.btn_cta:hover img {
  transform: translate(2px, 2px);
  transition: 0.5s;
}

.bg_beige {
  background-image: url(../img/bg_beige.png);
  background-color: #f5f3f5;
}
@media (max-width: 768px) {
  .bg_beige {
    background-size: 20px 20px;
  }
}

.bg_blue {
  background: url(../img/bg-pattern_blue.png);
  background-color: #132e4c;
}
@media (max-width: 768px) {
  .bg_blue {
    background-size: 24px 24px;
  }
}

.bg_green {
  background: url(../img/bg-pattern_green.png);
  background-color: #00c2bc;
}
@media (max-width: 768px) {
  .bg_green {
    background-size: 24px 24px;
  }
}

.bg_pink {
  background: #FBF8F8;
}

.blk {
  color: #000000 !important;
}

.pink {
  color: #C73B67 !important;
}

p .pink {
  font-weight: 500;
}

.common_header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 12.7431574816vw;
}
@media (min-width: 769px) {
  .common_header {
    height: 95px;
  }
}
.common_header .inner {
  padding: 0;
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: center;
}
@media (min-width: 769px) {
  .common_header .inner {
    padding: 0;
  }
}
.common_header .inner .header_logo {
  width: 20.5%;
  margin-left: 5.0712565488vw;
}
@media (min-width: 769px) {
  .common_header .inner .header_logo {
    margin-left: 30px;
  }
}
@media (min-width: 769px) {
  .common_header .inner .header_logo {
    width: 158px;
  }
}
.common_header .inner .header_logo img {
  width: 100%;
}
.common_header .inner .common_header_nav {
  display: flex;
  justify-content: flex-end;
  margin-right: 2.3405799456vw;
}
@media (min-width: 769px) {
  .common_header .inner .common_header_nav {
    margin-right: 32px;
  }
}
.common_header .inner .common_header_nav ul {
  justify-content: flex-end;
}
.common_header .inner .common_header_nav li {
  font-size: 1.08em;
  margin-left: 2.3405799456vw;
}
@media (min-width: 769px) {
  .common_header .inner .common_header_nav li {
    margin-left: 14px;
  }
}
.common_header .inner .common_header_nav li .btn_head {
  display: block;
  text-align: center;
  border-radius: 5px;
  color: #FFF;
  font-weight: 700;
  font-size: 1.08em;
  width: 29.7773781968vw;
  height: 9.102255344vw;
  line-height: 9.102255344vw;
  box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
}
@media (min-width: 769px) {
  .common_header .inner .common_header_nav li .btn_head {
    width: 176px;
    height: 53px;
    line-height: 53px;
    font-size: 0.95em;
  }
}
.common_header .inner .common_header_nav li .btn_head.for_men {
  background: #000000;
}
.common_header .inner .common_header_nav li .btn_head.for_login {
  background: #00a39e;
}

main {
  padding-top: 12.7431574816vw;
  overflow: hidden;
}
@media (min-width: 769px) {
  main {
    padding-top: 95px;
  }
}

.ctaBox {
  width: 100%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.ctaBox .baloon {
  width: 60%;
  right: -10px;
  margin: 0 auto;
  position: relative;
  top: -4.2910632336vw;
  margin-bottom: -4.2910632336vw;
}
.ctaBox .btn_cta {
  display: block;
}
@media (min-width: 769px) {
  .ctaBox {
    width: 62.5%;
    background-color: transparent;
    margin-top: 1.562496vw;
  }
  .ctaBox .baloon {
    width: 60%;
    margin: 0 auto;
    position: relative;
    top: 0;
  }
}
@media (min-width: 1536px) {
  .ctaBox {
    margin-top: 24px;
  }
}

.mv {
  position: relative;
  background-image: linear-gradient(0deg, rgb(64, 202, 214) 0%, rgb(111, 134, 214) 100%);
}
@media (min-width: 769px) {
  .mv {
    background: url("../img/bg_kv.jpg") left top no-repeat #EBE5E3;
    background-size: 100% auto;
    padding: 3.47% 0;
  }
}
.mv .flexWrap {
  flex-flow: column-reverse;
}
@media (min-width: 769px) {
  .mv .flexWrap {
    flex-flow: row;
  }
}
.mv .mv_left, .mv .mv_right {
  width: 100%;
}
@media (min-width: 769px) {
  .mv .mv_left, .mv .mv_right {
    width: 50%;
  }
}
.mv .mv_left {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
@media (max-width: 768px) {
  .mv .mv_left {
    z-index: 2;
    margin-top: -15vw;
  }
}
.mv .mv_left .txtBox {
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  background: url("../img/bg_kv_txt_sp.png") center no-repeat;
  background-size: cover;
  padding: 10% 0 10%;
}
.mv .mv_left .txtBox h1 {
  width: 70%;
}
@media (min-width: 769px) {
  .mv .mv_left .txtBox h1 {
    width: 73.8%;
    margin-top: -5px;
  }
}
.mv .mv_left .txtBox .pointWrap {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
@media (min-width: 769px) {
  .mv .mv_left .txtBox .pointWrap {
    margin-top: 15px;
  }
}
.mv .mv_left .txtBox .pointWrap li {
  width: 27%;
  margin: 0 5px;
}
@media (min-width: 769px) {
  .mv .mv_left .txtBox .pointWrap li {
    width: 25.31%;
    margin: 0 6px;
  }
}
.mv .mv_left .txtBox .mv_mark {
  width: 18%;
  position: absolute;
  z-index: 3;
  top: -12vw;
}
@media (min-width: 769px) {
  .mv .mv_left .txtBox .mv_mark {
    width: 15.73%;
    position: relative;
    top: -2.5vw;
  }
}
@media (min-width: 769px) {
  .mv .mv_left .txtBox {
    width: 76.8%;
    height: auto;
    justify-content: flex-start;
    aspect-ratio: 553/460;
    background: url("../img/bg_kv_txt.png") center no-repeat;
    background-size: cover;
    padding: 0;
  }
}

.section .container {
  position: relative;
  width: 90%;
  margin: 0 auto;
}
@media (min-width: 1025px) {
  .section .container {
    width: 80%;
    max-width: 1230px;
  }
}
.section .container_full {
  width: 100%;
  margin: 0 auto;
}

.title {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
}
.title .icon {
  width: 4.6811598912vw;
  margin: 0 auto;
  margin-bottom: 2%;
}
@media (min-width: 769px) {
  .title .icon {
    width: 30px;
  }
}
.title h2 {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  font-size: 2em;
  color: #fff;
  line-height: 1.35;
  text-align: center;
  letter-spacing: 0.04em;
}
.title h2 span {
  font-weight: 700;
}
.title h2 small {
  font-weight: 400;
  font-size: 0.74em;
  position: relative;
}
.title h2 small.bold {
  font-weight: 700;
}
.title h2 small.small_top {
  margin-bottom: 0.2em;
}
.title h2 small.small_btm {
  margin-top: 0.2em;
}
.title.s_title h2 {
  font-size: 1.8em;
  line-height: 1.35;
}

.z-1 {
  z-index: 1;
}

.z-2 {
  z-index: 2;
}

.z-3 {
  z-index: 3;
}

.z-4 {
  z-index: 4;
}

.z-5 {
  z-index: 5;
}

.z-6 {
  z-index: 6;
}

/*--------------
	worries
--------------*/
#worries {
  padding-bottom: 12vw;
}
@media (min-width: 769px) {
  #worries {
    padding-bottom: 8vw;
  }
}
#worries .ctaBox {
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  z-index: 5;
}
@media (min-width: 769px) {
  #worries .ctaBox {
    width: 36%;
    margin-top: -6.7vw;
    padding: 0;
  }
}
#worries .worriesBox {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 5vw;
}
#worries .worriesBox .man {
  width: 50%;
  position: relative;
  margin: 0 auto;
}
#worries .worriesBox .baloon {
  width: 40%;
  position: absolute;
}
@media (min-width: 769px) {
  #worries .worriesBox .baloon {
    width: 36.57%;
  }
}
#worries .worriesBox .baloon.z-2 {
  left: 0;
  top: -3%;
}
#worries .worriesBox .baloon.z-3 {
  right: 0;
  top: 2%;
}
#worries .worriesBox .baloon.z-4 {
  left: 2%;
  top: 62%;
}
#worries .worriesBox .baloon.z-5 {
  right: 3%;
  top: 66%;
}
#worries .container {
  width: 94.6%;
  padding: 0;
  margin-top: 4vw;
}
@media (min-width: 769px) {
  #worries .title .icon {
    width: 30px;
  }
  #worries .worriesBox {
    margin-top: 2.799472vw;
    width: 760px;
  }
  #worries .worriesBox .man {
    width: 37%;
  }
}

/*--------------
	about
--------------*/
@media (max-width: 768px) {
  #about {
    padding-top: 6.50161096vw;
    padding-bottom: 9.102255344vw;
  }
  #about .point_tit {
    width: 18%;
    margin: 0 auto;
    height: auto;
    display: block;
  }
}
@media (min-width: 769px) {
  #about {
    padding-top: 7.16144vw;
    padding-bottom: 6.18488vw;
  }
}
#about .about_tit {
  display: flex;
  justify-content: center;
  align-items: center;
}
#about .about_tit .tit {
  width: 9.43%;
}
#about .about_tit .phone {
  width: 15.44%;
  margin-left: 2%;
}
#about .about_tit .title {
  margin-left: 2%;
  margin-bottom: 5%;
}
@media (max-width: 768px) {
  #about .about_tit {
    margin-top: 3%;
  }
  #about .about_tit .phone {
    margin-left: 0;
    width: 34%;
  }
  #about .about_tit .title {
    margin-left: 1%;
  }
}
#about .about_tit h2 {
  color: #000;
}
#about .about_tit h2 small {
  font-size: 0.7em;
}
#about .container {
  width: 94.6%;
  padding: 0;
}
#about .container .flexWrap {
  display: block;
}
#about .container .flexWrap .box1_2 {
  position: relative;
  clear: both;
}
#about .container .flexWrap .notes {
  clear: both;
  text-align: center;
  font-weight: 700;
  font-size: 0.85em;
  letter-spacing: 0.02em;
  padding-top: 9%;
  line-height: 1.5;
}
@media (max-width: 768px) {
  #about .container .flexWrap .notes {
    font-size: 1.2em;
    padding-top: 7%;
  }
}
#about .container .aboutPoint {
  display: flex;
  justify-content: space-between;
  margin-top: 2%;
}
@media (max-width: 768px) {
  #about .container .aboutPoint {
    display: block;
    margin-top: -6%;
  }
}
#about .container .flexWrap {
  flex-flow: wrap;
  justify-content: space-between;
}
#about .container .flexWrap .box1_2 {
  margin-left: 0;
  width: 29.26%;
}
@media (max-width: 768px) {
  #about .container .flexWrap .box1_2 {
    width: 92%;
    padding-top: 8%;
    margin: 0 auto;
  }
}
#about .container .flexWrap .box1_2 .txt {
  width: 83.33%;
  float: right;
}
@media (max-width: 768px) {
  #about .container .flexWrap .box1_2 .txt {
    width: 80%;
  }
}
#about .container .flexWrap .box1_2 .img {
  width: 35.4%;
  top: 10%;
  position: absolute;
}
@media (max-width: 768px) {
  #about .container .flexWrap .box1_2 .img {
    width: 42%;
    top: auto;
    margin-top: 2.5%;
  }
}
@media (max-width: 768px) {
  #about .container .flexWrap .about2 .txt {
    float: left;
  }
  #about .container .flexWrap .about2 .img {
    right: 0;
  }
  #about .container .flexWrap .about3 {
    padding-top: 5%;
  }
}

/*--------------
	voice
--------------*/
#voice {
  padding-top: 9.75241644vw;
  padding-bottom: 10.402577536vw;
}
@media (min-width: 769px) {
  #voice {
    padding-top: 4.55728vw;
    padding-bottom: 4.55728vw;
  }
}
#voice .voiceBox {
  margin-top: 6.2415465216vw;
  position: relative;
}
#voice .voiceBox .flexWrap {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
#voice .voiceBox .flexWrap .voice {
  position: relative;
  box-shadow: 0px 0px 37px rgba(201, 131, 131, 0.22);
  width: 50.1%;
}
@media (min-width: 769px) {
  #voice .voiceBox .flexWrap .voice {
    width: 23.9%;
  }
}
@media (max-width: 768px) {
  #voice .voiceBox .flexWrap .voice02 {
    margin-top: 8.0619975904vw;
    margin-left: -0.2%;
  }
  #voice .voiceBox .flexWrap .voice04 {
    position: absolute;
    left: 25%;
    top: 29.6473459776vw;
    z-index: 6;
  }
  #voice .voiceBox .flexWrap .voice03 {
    margin-top: 2.9907410416vw;
  }
}
#voice .voiceBox .flexWrap + .flexWrap {
  justify-content: center;
  margin-top: 13.1332541392vw;
}
@media (min-width: 769px) {
  #voice .voiceBox .flexWrap + .flexWrap .voice {
    margin: 0 7.2%;
    top: -2.60416vw;
  }
}
@media (min-width: 769px) {
  #voice .voiceBox .flexWrap + .flexWrap {
    margin-top: 0;
    justify-content: center;
  }
}
@media (min-width: 769px) {
  #voice .voiceBox {
    margin-top: 3.124992vw;
  }
}

/*--------------
	cta 
--------------*/
.cta {
  position: relative;
  display: flex;
  flex-flow: column-reverse;
  background-image: linear-gradient(180deg, rgb(111, 134, 214) 0%, rgb(57, 178, 189) 100%);
}
@media (min-width: 769px) {
  .cta {
    background: url("../img/bg_cta.jpg") center center no-repeat;
    background-size: cover;
    padding: 2.8% 0;
  }
}
.cta .txtBox {
  position: relative;
  width: 89.8%;
  margin: 0 auto;
  z-index: 3;
  top: -26.00644384vw;
  margin-bottom: -20.805155072vw;
}
@media (min-width: 769px) {
  .cta .txtBox {
    width: 35.9%;
    margin-right: 12.3%;
    top: 0;
    margin-bottom: 0;
  }
}
.cta .txtBox .ctaBox {
  position: absolute;
  bottom: 2.994784vw;
  background-color: transparent;
}
@media (min-width: 769px) {
  .cta .txtBox .ctaBox {
    left: 5%;
    width: 90%;
  }
}
.cta .txtBox .ctaBox .baloon {
  width: 65%;
}
.cta .txtBox .ctaBox .btn_cta {
  margin-top: 0;
}
.cta .imgBox {
  top: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -11.3128030704vw;
  position: relative;
}
@media (min-width: 769px) {
  .cta .imgBox {
    width: 47.4%;
    position: absolute;
    top: 0;
    right: 6.7%;
  }
}

/*--------------
	point
--------------*/
#point {
  padding-top: 9.75241644vw;
  padding-bottom: 9.75241644vw;
}
@media (min-width: 769px) {
  #point {
    padding-top: 6.640608vw;
    padding-bottom: 5.729152vw;
  }
}
#point .title h2 {
  color: #000;
}
#point .pointBox {
  width: 100%;
  position: relative;
  display: flex;
  flex-flow: column-reverse;
}
@media (max-width: 768px) {
  #point .pointBox {
    margin-top: 9%;
  }
}
@media (min-width: 769px) {
  #point .pointBox {
    width: 93%;
    margin-right: 0;
    margin-left: auto;
    flex-flow: row;
    margin-top: 3%;
  }
}
#point .pointBox .tit_header {
  position: relative;
  align-items: center;
  bottom: auto;
  left: auto;
  top: auto;
  width: 15.4%;
}
#point .pointBox .tit_header .num {
  width: 100%;
}
@media (max-width: 768px) {
  #point .pointBox .tit_header {
    width: 17%;
    position: absolute;
    top: -5%;
    left: 50%;
    transform: translateX(-50%);
  }
}
#point .pointBox .point_tit {
  display: flex;
  justify-content: start;
  align-items: center;
}
@media (max-width: 768px) {
  #point .pointBox .point_tit {
    display: block;
  }
}
#point .pointBox .point_tit h4 {
  flex: 1;
  margin-left: 3%;
  color: #132e4c;
  font-weight: 700;
  font-size: 1.6em;
  line-height: 1.4;
  letter-spacing: 0;
}
@media (max-width: 768px) {
  #point .pointBox .point_tit h4 {
    font-size: 1.75em;
  }
}
#point .pointBox .txtBox {
  position: relative;
  width: 90%;
  margin-right: auto;
}
@media (max-width: 768px) {
  #point .pointBox .txtBox {
    margin: 2% auto 0;
  }
}
@media (min-width: 769px) {
  #point .pointBox .txtBox {
    padding-top: 2.60416vw;
    width: 48%;
    top: auto;
  }
}
#point .pointBox .txtBox .pBox {
  padding-left: 3.900966576vw;
  margin-left: 2.600644384vw;
  border-left: 1px solid #000000;
  margin-top: 2.600644384vw;
}
#point .pointBox .txtBox .pBox P {
  font-size: 1.2em;
  line-height: 1.6;
  letter-spacing: 0.02em;
}
@media (min-width: 769px) {
  #point .pointBox .txtBox .pBox P {
    font-size: 1em;
  }
}
#point .pointBox .txtBox .pBox p + p {
  margin-top: 1em;
}
@media (min-width: 769px) {
  #point .pointBox .txtBox .pBox {
    padding-left: 1.6276vw;
    margin-left: 0.65104vw;
    margin-top: 1.6276vw;
  }
  #point .pointBox .txtBox .pBox p {
    line-height: 2;
    font-weight: 400;
  }
}
@media (max-width: 768px) {
  #point .pointBox .imgBox {
    width: 100%;
    padding-left: 6%;
  }
}
@media (min-width: 769px) {
  #point .pointBox .imgBox {
    width: 48%;
  }
}
@media (max-width: 768px) {
  #point .pointBox .imgBox02 {
    padding-right: 6%;
    padding-left: 0;
  }
}
@media (min-width: 769px) {
  #point .pointBox02 {
    margin-right: auto;
    margin-left: 0;
    flex-direction: row-reverse;
  }
  #point .pointBox02 .txtBox {
    margin-left: auto;
    margin-right: 0;
  }
}
@media (min-width: 769px) and (max-width: 768px) {
  #point .pointBox02 .txtBox {
    margin: 2% auto 0;
  }
}

/*--------------
	flow
--------------*/
#flow {
  padding-top: 9.75241644vw;
  padding-bottom: 11.052738632vw;
}
@media (min-width: 769px) {
  #flow {
    padding-top: 7.16144vw;
    padding-bottom: 6.5104vw;
  }
}
#flow .container {
  width: 100%;
}
#flow .flow_wrap {
  margin-top: 28.607088224vw;
}
@media (min-width: 769px) {
  #flow .flow_wrap {
    margin-top: 13.0208vw;
  }
}
#flow .flow_wrap .flow_box {
  position: relative;
}
@media (min-width: 769px) {
  #flow .flow_wrap .flow_box {
    width: 82%;
  }
}
#flow .flow_wrap .flow_box .imgBox {
  width: 38.6%;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
#flow .flow_wrap .flow_box .step_head {
  position: absolute;
  width: 51.8%;
  bottom: 110%;
  display: flex;
  align-items: center;
}
@media (min-width: 769px) {
  #flow .flow_wrap .flow_box .step_head {
    width: 63%;
  }
}
#flow .flow_wrap .flow_box .step_head .num {
  width: 8.452094248vw;
  display: block;
  margin-right: 4%;
}
@media (min-width: 769px) {
  #flow .flow_wrap .flow_box .step_head .num {
    width: 3.58072vw;
    margin-right: 2%;
  }
}
#flow .flow_wrap .flow_box .step_head::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #42c9d7;
  /* 幅2の線を作る */
}
#flow .flow_wrap .flow_box .txtBox {
  width: 90%;
  margin: 0 auto;
  background: #0d2036;
  padding: 5.201288768vw 5.201288768vw 5.201288768vw 37.709343568vw;
}
#flow .flow_wrap .flow_box .txtBox h4 {
  font-size: 1.4em;
  font-weight: 700;
  color: #00c7c0;
  line-height: 1.35;
}
@media (min-width: 769px) {
  #flow .flow_wrap .flow_box .txtBox {
    width: 93%;
  }
}
#flow .flow_wrap .flow_box .txtBox p {
  color: #fff;
  margin-top: 1.5%;
  letter-spacing: 0.04em;
}
#flow .flow_wrap .step1 .imgBox {
  left: 0;
}
@media (min-width: 769px) {
  #flow .flow_wrap .step1 .imgBox {
    width: 37.2%;
    margin-left: -0.911456vw;
  }
}
#flow .flow_wrap .step1 .step_head {
  right: 5%;
}
@media (min-width: 769px) {
  #flow .flow_wrap .step1 .step_head {
    right: 0;
  }
}
@media (min-width: 769px) {
  #flow .flow_wrap .step1 .txtBox {
    margin: 0 0 0 auto;
    padding: 4.55728vw 3.2552vw 4.55728vw 21.48432vw;
  }
}
#flow .flow_wrap .step2 {
  margin-top: 33.808376992vw;
}
@media (min-width: 769px) {
  #flow .flow_wrap .step2 {
    margin-top: 13.0208vw;
    padding-right: 5.013008vw;
    margin-left: auto;
  }
}
#flow .flow_wrap .step2 .imgBox {
  right: 0;
}
@media (min-width: 769px) {
  #flow .flow_wrap .step2 .imgBox {
    width: 36.85%;
  }
}
#flow .flow_wrap .step2 .step_head {
  left: 5%;
}
@media (min-width: 769px) {
  #flow .flow_wrap .step2 .step_head {
    right: 21.1588vw;
    left: auto;
  }
}
#flow .flow_wrap .step2 .txtBox {
  padding: 5.201288768vw 37.709343568vw 5.201288768vw 5.201288768vw;
}
@media (min-width: 769px) {
  #flow .flow_wrap .step2 .txtBox {
    margin: 0 0 0 auto;
    padding: 4.55728vw 21.48432vw 4.55728vw 3.2552vw;
  }
}
#flow .flow_wrap .step3 {
  margin-top: 33.808376992vw;
}
@media (min-width: 769px) {
  #flow .flow_wrap .step3 {
    margin-top: 13.0208vw;
  }
}
#flow .flow_wrap .step3 .imgBox {
  left: 0;
}
@media (min-width: 769px) {
  #flow .flow_wrap .step3 .imgBox {
    width: 37.2%;
    margin-left: -0.911456vw;
  }
}
#flow .flow_wrap .step3 .step_head {
  right: 5%;
}
@media (min-width: 769px) {
  #flow .flow_wrap .step3 .step_head {
    right: 0;
  }
}
@media (min-width: 769px) {
  #flow .flow_wrap .step3 .txtBox {
    margin: 0 0 0 auto;
    padding: 4.55728vw 3.2552vw 4.55728vw 21.48432vw;
  }
}

/*--------------
	safety
--------------*/
#safety {
  padding-top: 9.102255344vw;
  padding-bottom: 9.102255344vw;
}
@media (min-width: 769px) {
  #safety {
    padding-top: 6.5104vw;
    padding-bottom: 6.5104vw;
  }
}
#safety .title h2 {
  color: #000;
}
#safety .title .icon {
  width: 6.50161096vw;
}
@media (min-width: 769px) {
  #safety .title .icon {
    width: 3.2552vw;
  }
}
#safety .safetyWrap {
  justify-content: space-between;
  flex-flow: wrap;
  margin-top: 5.201288768vw;
}
@media (min-width: 769px) {
  #safety .safetyWrap {
    margin-top: 3.2552vw;
  }
}
#safety .safetyWrap .box1_4 {
  width: 49%;
}
@media (min-width: 769px) {
  #safety .safetyWrap .box1_4 {
    width: 21%;
  }
}
#safety .safetyWrap .box1_4 figure img {
  margin: 0 auto;
  display: block;
  width: auto;
  height: 25.7463794016vw;
}
@media (min-width: 769px) {
  #safety .safetyWrap .box1_4 figure img {
    height: 10.872368vw;
  }
}
#safety .safetyWrap .box1_4 h5 {
  text-align: center;
  color: #132e4c;
  font-weight: 700;
  font-size: 1.4em;
  margin-top: 1rem;
  line-height: 1.4;
  letter-spacing: 0.02em;
}
@media (min-width: 769px) {
  #safety .safetyWrap .box1_4 h5 {
    font-size: 1.1em;
    margin-top: 1em;
  }
}
#safety .safetyWrap .box1_4 p {
  font-size: 1em;
  text-align: center;
  margin-top: 0.5em;
  line-height: 1.6;
}
@media (min-width: 769px) {
  #safety .safetyWrap .box1_4 p {
    font-size: 0.9em;
    margin-top: 1em;
  }
}
#safety .safetyWrap .safety02 figure img {
  transform: translateX(0.455728vw);
}
#safety .safetyWrap .safety03, #safety .safetyWrap .safety04 {
  margin-top: 3.900966576vw;
}
@media (min-width: 769px) {
  #safety .safetyWrap .safety03, #safety .safetyWrap .safety04 {
    margin-top: 0;
  }
}

/*--------------
	price 
--------------*/
#price {
  padding-top: 9.102255344vw;
  padding-bottom: 9.75241644vw;
}
@media (min-width: 769px) {
  #price {
    padding-top: 6.5104vw;
    padding-bottom: 6.5104vw;
  }
}
@media (max-width: 768px) {
  #price .container {
    width: 92%;
  }
}
#price .icon_sarani {
  width: 16.1239951808vw;
}
@media (min-width: 769px) {
  #price .icon_sarani {
    width: 8.072896vw;
  }
}
#price .whiteBox {
  margin: 0 auto;
  filter: drop-shadow(0px 0px 37px rgba(201, 131, 131, 0.22));
  padding: 4px;
  position: relative;
  background: #FFFFFF;
  margin-top: 3.900966576vw;
}
@media (min-width: 769px) {
  #price .whiteBox {
    margin-top: 1.95312vw;
    padding: 8px;
  }
}
#price .whiteBox .inner {
  border: 1px solid #00a39e;
}
#price .whiteBox .inner table {
  width: 100%;
  letter-spacing: 0.06em;
}
@media (max-width: 768px) {
  #price .whiteBox .inner table {
    letter-spacing: 0.03em;
  }
}
#price .whiteBox .inner table thead th {
  text-align: center;
  font-size: 1.3em;
  line-height: 1.2;
}
@media (max-width: 768px) {
  #price .whiteBox .inner table thead th {
    font-size: 1em;
  }
}
#price .whiteBox .inner table thead th .detail {
  display: block;
  font-size: 0.8em;
  color: #132e4c;
}
#price .whiteBox .inner table thead th .detail span {
  font-size: 1.6em;
}
#price .whiteBox .inner table thead th + th {
  border-left: 1px solid #81d6d3;
  width: 22%;
}
@media (max-width: 768px) {
  #price .whiteBox .inner table thead th + th {
    width: 23%;
  }
  #price .whiteBox .inner table thead th + th.trial {
    width: 27%;
  }
}
#price .whiteBox .inner table .trial {
  background: #dcfaf8;
}
#price .whiteBox .inner table th, #price .whiteBox .inner table td {
  padding: 10px 5px;
  line-height: 1.3;
  vertical-align: middle;
}
@media (max-width: 768px) {
  #price .whiteBox .inner table th, #price .whiteBox .inner table td {
    padding: 5px 0px;
  }
}
#price .whiteBox .inner table td {
  text-align: center;
  border-top: 1px solid #81d6d3;
  border-left: 1px solid #81d6d3;
}
#price .whiteBox .inner table tbody th {
  color: #00a39e;
  border-top: 1px solid #81d6d3;
  padding: 10px 15px;
}
@media (max-width: 768px) {
  #price .whiteBox .inner table tbody th {
    padding: 5px 7px;
  }
}
#price .container_full {
  position: relative;
  margin-top: 3.1207732608vw;
  padding-top: 9.3623197824vw;
}
@media (min-width: 769px) {
  #price .container_full {
    margin-top: 3.776032vw;
    padding-top: 3.124992vw;
  }
}
#price .container_full .img_left {
  position: absolute;
  left: 0;
  top: 0;
  width: 35.5%;
}
@media (min-width: 769px) {
  #price .container_full .img_left {
    width: 28.9%;
  }
}
#price .container_full .title h2 small {
  top: 0;
  margin-bottom: 0;
}
#price .container_full .container {
  width: 96%;
}
@media (min-width: 769px) {
  #price .container_full .container {
    width: 90%;
  }
}
@media (min-width: 1025px) {
  #price .container_full .container {
    width: 80%;
  }
}
#price .container_full .otokuWrap {
  justify-content: space-between;
  flex-flow: column;
  margin-top: 4.4210954528vw;
}
@media (min-width: 769px) {
  #price .container_full .otokuWrap {
    flex-flow: row;
    margin-top: 3.2552vw;
  }
}
#price .container_full .otokuWrap .box1_2 {
  width: 100%;
  padding: 15.8639307424vw 5.851449864vw 0 6.7616753984vw;
  position: relative;
}
@media (min-width: 769px) {
  #price .container_full .otokuWrap .box1_2 {
    width: 47.2%;
    padding: 6.770816vw 2.60416vw 0 2.92968vw;
  }
}
#price .container_full .otokuWrap .box1_2 .ec_img {
  position: absolute;
  width: 35.6%;
  right: 0;
  top: 0;
}
@media (min-width: 769px) {
  #price .container_full .otokuWrap .box1_2 .ec_img {
    width: 35.6%;
  }
}
#price .container_full .otokuWrap .box1_2 .tit h4 {
  display: flex;
  align-items: flex-start;
  flex-flow: column;
  font-size: 1.478em;
  color: #C73B67;
  font-weight: 700;
}
#price .container_full .otokuWrap .box1_2 .tit h4 small {
  color: #000000;
  font-weight: 500;
  font-size: 0.67em;
}
@media (min-width: 769px) {
  #price .container_full .otokuWrap .box1_2 .tit h4 {
    font-size: 1.25em;
  }
  #price .container_full .otokuWrap .box1_2 .tit h4 small {
    font-size: 0.64em;
  }
}
#price .container_full .otokuWrap .box1_2 .txt {
  background: #FFFFFF;
  margin-top: 3.900966576vw;
  padding: 3.900966576vw 5.201288768vw;
}
@media (min-width: 769px) {
  #price .container_full .otokuWrap .box1_2 .txt {
    padding: 1.95312vw;
    margin-top: 1.562496vw;
  }
}
#price .container_full .otokuWrap .box1_2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3.5108699184vw;
  width: 100%;
  height: 100%;
  background: url("../img/waku_lt_sp.png") left top no-repeat;
  background-size: 43.85% auto;
}
@media (min-width: 769px) {
  #price .container_full .otokuWrap .box1_2::before {
    background: url("../img/waku_lt.png") left top no-repeat;
    background-size: 43.7% auto;
    top: 1.757808vw;
  }
}
#price .otoku {
  text-align: center;
  margin-top: 2%;
  color: #fff;
}

/*--------------
	faq
--------------*/
#faq {
  padding-top: 9.102255344vw;
  padding-bottom: 9.102255344vw;
}
@media (min-width: 769px) {
  #faq {
    padding-top: 6.5104vw;
    padding-bottom: 6.5104vw;
  }
}
#faq .faqWrap {
  margin-top: 7.801933152vw;
}
@media (min-width: 769px) {
  #faq .faqWrap {
    margin-top: 3.90624vw;
  }
}
#faq .faqWrap .faqBox + .faqBox {
  margin-top: 5.201288768vw;
}
@media (min-width: 769px) {
  #faq .faqWrap .faqBox + .faqBox {
    margin-top: 3.90624vw;
  }
}

.accordion_one {
  margin: 0 auto;
}
.accordion_one .accordion_header {
  background-color: #f0edf0;
  color: #000000;
  font-size: 1em;
  font-weight: 500;
  padding: 4.1610310144vw 13%;
  text-align: left;
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition-duration: 0.2s;
}
.accordion_one .accordion_header .qa {
  color: #132e4c;
}
@media (min-width: 769px) {
  .accordion_one .accordion_header {
    padding: 2.083328vw 8.3%;
  }
}
.accordion_one .qa {
  position: absolute;
  left: 5%;
  top: 3.900966576vw;
  font-size: 1.739em;
  line-height: 1;
  font-family: "Zen Old Mincho", serif;
}
@media (min-width: 769px) {
  .accordion_one .qa {
    top: 1.822912vw;
    left: 3%;
    font-size: 2em;
  }
}

.accordion_one .accordion_header:hover {
  opacity: 0.8;
}

.accordion_one .accordion_header .i_box {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: calc(50% - 23px);
  right: 5%;
  width: 28px;
  height: 45px;
  transform-origin: center center;
  transition-duration: 0.2s;
}
@media (min-width: 769px) {
  .accordion_one .accordion_header .i_box {
    right: 3%;
  }
}

.accordion_one .accordion_header .i_box img {
  display: block;
  width: 100%;
  height: auto;
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}

.accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.accordion_one .accordion_inner {
  display: none;
  background: #FBF8F8;
  padding: 4.1610310144vw 4.1610310144vw 4.1610310144vw 13%;
  box-sizing: border-box;
  position: relative;
}
.accordion_one .accordion_inner .qa {
  color: #00a39e;
}
@media (min-width: 769px) {
  .accordion_one .accordion_inner {
    padding: 2.083328vw 2.083328vw 2.083328vw 8.3%;
  }
}

footer {
  background: #f0edf0;
  padding: 6.50161096vw 0 35.3687636224vw 0;
}
@media (min-width: 769px) {
  footer {
    padding: 2.60416vw 0 16.276vw 0;
  }
}
footer .container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-flow: column;
}
footer .common_footer__logo {
  width: 25%;
}
@media (min-width: 769px) {
  footer .common_footer__logo {
    width: 12.8%;
  }
}
footer .footer_nav {
  display: flex;
  justify-content: center;
  flex-flow: wrap;
}
footer .footer_nav li {
  margin: 0 3.25080548vw;
  font-size: 1.08em;
}
@media (min-width: 769px) {
  footer .footer_nav li {
    margin: 0 1.6276vw;
    font-size: 0.95em;
  }
}
footer .footer_nav li a {
  text-decoration: underline;
}

.floatingWrap {
  position: fixed;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  transition: 0.3s;
  opacity: 0;
  height: 26.00644384vw;
  z-index: 100;
  width: 100%;
}
@media (min-width: 769px) {
  .floatingWrap {
    padding-top: 1.497392vw;
    padding-bottom: 0.846352vw;
    height: 13.0208vw;
  }
}
.floatingWrap .floatingInner {
  position: relative;
  width: 90%;
  margin: 0 auto;
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (min-width: 769px) {
  .floatingWrap .floatingInner {
    position: relative;
    width: 80.07792vw;
    margin: 0 auto;
    align-items: end;
  }
}
.floatingWrap .floatingMail {
  width: 50%;
  margin: 0 auto;
  transform: translateY(2.5vw);
}
.floatingWrap .floatingMail img {
  top: -1.5603866304vw;
  position: relative;
}
@media (min-width: 769px) {
  .floatingWrap .floatingMail {
    transform: translateY(0);
  }
  .floatingWrap .floatingMail img {
    top: -0.781248vw;
    position: relative;
  }
}
.floatingWrap .ctaBox {
  width: 50%;
  background-color: transparent;
  margin: 0 auto;
  transform: translateY(2.5vw);
}
@media (min-width: 769px) {
  .floatingWrap .ctaBox {
    transform: translateY(0);
  }
}
.floatingWrap .ctaBox .baloon {
  margin-bottom: 0;
  top: 0;
  display: none;
}
@media (min-width: 769px) {
  .floatingWrap .ctaBox .baloon {
    width: 46%;
    display: block;
  }
}
.floatingWrap .ctaBox .btn_cta {
  top: -1.5603866304vw;
  position: relative;
}
@media (min-width: 769px) {
  .floatingWrap .ctaBox .btn_cta {
    top: -0.781248vw;
  }
}

.floatingWrap.on {
  transform: translateY(0);
  opacity: 10;
}

.floatingWrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(#9ed9d7 0%, #fff 97.04%, #fff 100%);
  opacity: 0.85;
  display: block;
}

.slide-in {
  clip-path: inset(0 0 100% 0);
  display: inline;
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
}

.slide-in.is-animated {
  clip-path: inset(0);
}

.bg-slide-in {
  clip-path: inset(0 100% 0 0);
  display: inline;
  transition: 0.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
}

.bg-slide-in.is-animated {
  clip-path: inset(0);
}

.fade-in {
  opacity: 0;
  transition: 0.5s ease-in;
}

.fade-in.is-animated {
  opacity: 1;
}

.fade-in-up {
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s ease-in;
}

.fade-in-up.is-animated {
  transform: translateY(0);
  opacity: 1;
}

.fade-in-down {
  opacity: 0;
  transform: translateY(-10px);
  transition: 0.3s ease-in;
}

.fade-in-down.is-animated {
  transform: translateY(0);
  opacity: 1;
}

.smooth {
  clip-path: inset(0 100% 0 0);
  display: block;
  transition: 1s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
}

.smooth-long {
  clip-path: inset(0 100% 0 0);
  display: block;
  transition: 1.5s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
}

.smooth.is-animated,
.smooth-long.is-animated {
  clip-path: inset(0);
}

.delay1 {
  transition-delay: 0.2s;
  animation-delay: 0.2s;
}

.delay2 {
  transition-delay: 0.35s;
  animation-delay: 0.35s;
}

.delay3 {
  transition-delay: 0.5s;
  animation-delay: 0.5s;
}

.delay4 {
  transition-delay: 0.65s;
  animation-delay: 0.65s;
}

.delay5 {
  transition-delay: 0.8s;
  animation-delay: 0.8s;
}

.delay6 {
  transition-delay: 0.95s;
  animation-delay: 0.95s;
}

.delay6 {
  transition-delay: 0.95s;
  animation-delay: 0.95s;
}

.delay7 {
  transition-delay: 1.1s;
  animation-delay: 1.1s;
}

.delay8 {
  transition-delay: 1.25s;
  animation-delay: 1.25s;
}/*# sourceMappingURL=style.css.map */