@charset "UTF-8";

/* --------------------------------------------------------------
   共通
-------------------------------------------------------------- */
body {
  min-width: 11.6rem;
  color: #000;
  font-size: .21rem;
}

a {
  color: #343B42;
}

.wrapper {
  overflow: hidden;
}

.container {
  width: 10.24rem;
  margin: 0 auto;
}

.cmn_header {
  background-color: #ffffff;
}

.cmn_header .bg {
  position: relative;
}

.cmn_header .wrap {
  padding: 0 .27rem 0 .2rem;
  height: 1.04rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cmn_header .logo {
  width: 2.98rem;
}

.cmn_header .btn img {
  width: 3.66rem;
}

.cmn_header .lists {
  width: 5.14rem;
  display: flex;
  align-items: center;
  position: absolute;
  top: .24rem;
  left: 28.3%;
}

.cmn_header .lists li {
  height: .62rem;
  position: relative;
}

.cmn_header .lists li a {
  text-align: center;
  letter-spacing: .07em;
  line-height: 1.3;
  font-family: "M PLUS Rounded 1c", sans-serif;
  color: #1D9B4D;
  position: relative;
  height: .62rem;
  display: flex;
  align-items: center;
}

.cmn_header .lists li a::before {
  content: "";
  width: .12rem;
  height: .1rem;
  position: absolute;
  top: calc(50% - .05rem);
  right: -.3rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(/image/gs-lp/cmn/arrow.png);
}

.cmn_header .lists li:not(:last-of-type)::before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #1D9B4D;
}

.cmn_header .lists li:nth-of-type(1) {
  padding-right: .57rem;
}

.cmn_header .lists li:nth-of-type(2) {
  padding: 0 .55rem 0 .4rem;
}

.cmn_header .lists li:nth-of-type(3) {
  padding-left: .33rem;
}

.cmn_footer {
  padding: .35rem 0 .35rem;
  text-align: center;
  background-color: #000000;
}

.cmn_footer small {
  display: block;
  font-size: .18rem;
  color: #ffffff;
}

.mv {
  padding: 0 0 .45rem;
  position: relative;
  z-index: 1;
  background-color: #FFFCF7;
}

.mv::before {
  content: "";
  width: 100%;
  height: 5.76rem;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(/image/gs-lp/mv/bg.webp);
}

.mv .wrap {
  padding: 1.66rem 0 0;
  position: relative;
  height: 100%;
}

.mv .cat {
  position: absolute;
  top: .71rem;
}

.mv .cat img {
  width: .68rem;
}

.mv .cat01 {
  left: 0;
}

.mv .cat02 {
  right: 0;
}

.mv .s_tit,
.mv .tit {
  text-align: center;
}

.mv .s_tit {
  width: 6rem;
  padding: .3rem .15rem .15rem;
  margin: 0 auto;
  font-size: .38rem;
  letter-spacing: .04em;
  font-weight: 700;
  border-radius: .1rem;
  backdrop-filter: blur(0.2rem);
  background-color: rgba(255, 252, 247, 0.3);
  position: relative;
}

.mv .s_tit::before {
  content: "";
  width: 5.23rem;
  height: .5rem;
  position: absolute;
  z-index: 1;
  top: -.2rem;
  left: calc(50% - 2.615rem);
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(/image/gs-lp/mv/s_tit_add.png);
}

.mv .s_tit .strong {
  font-size: .43rem;
}

.mv .s_tit img {
  width: 6.01rem;
}

.mv .tit {
  margin: .22rem 0 1.04rem;
}

.mv .tit img {
  width: 6.85rem;
}

.mv .img {
  position: absolute;
  bottom: 1rem;
  left: 0;
}

.mv .img img {
  width: 3.3rem;
}

.mv .txt {
  padding-left: .3rem;
  font-size: .3rem;
  font-weight: 700;
  letter-spacing: .09em;
}

.mv .pic {
  position: absolute;
  bottom: .24rem;
  right: 1.63rem;
}

.mv .pic img {
  width: 4.3rem;
}

/* Bパターン */
.mv_b {
  position: relative;
  z-index: 1;
  background: url(/image/gs-lp/mv/mv_bg_pc.jpg) no-repeat;
  background-size: cover;
  padding: 0.54rem 0.27rem 0.84rem 0.27rem;
}

.mv_b .wrap {
  padding: 0;
  position: relative;
  height: 100%;
}

.mv_cnotents_box {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.mv_txt01_wrap {
  margin-top: 0.85rem;
  width: 45%;
}

.mv_txt02_wrap {
  margin-top: 2.28rem;
  width: 45%;
}

.mv_btn_pc {
  margin-top: 0.3rem;
  width: 86.5%;
}

.mv_btn_sp {
  display: none;
}

.mv_annotation {
  position: absolute;
  font-size: 0.17rem;
  color: #ffffff;
  right: 0;
  bottom: 0;
  transform: translateY(0.5rem);
}

.campaign {
  padding: .45rem 0 .6rem;
  background-color: #FFFCF7;
}

.campaign .bg {
  padding: .32rem 0 .35rem;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  background-image: url(/image/gs-lp/cta/bg01.png);
}

.campaign .tit img {
  width: 5.23rem;
}

.campaign .date {
  margin: .15rem 0 .25rem;
  font-size: .25rem;
  font-weight: 700;
  color: #333;
}

.campaign .img {
  margin-bottom: .2rem;
}

.campaign .img img {
  width: 9.65rem;
}

.campaign .notes {
  font-size: .18rem;
  line-height: 1.33;
  color: #555;
}

.campaign02 {
  padding: .8rem 0 .6rem;
}


.cta {
  padding: .7rem 0 .45rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(/image/gs-lp/cta/bg03.jpg);
}

.cta .wrap {
  width: 6.2rem;
  margin: 0 auto;
  margin-left: 3.9rem;
  padding-bottom: .4rem;
  position: relative;
}

.cta .wrap::before,
.cta .wrap::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: 100%;
}

.cta .wrap::before {
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-image: url(/image/gs-lp/cta/border.png);
}

.cta .wrap::after {
  width: 2.68rem;
  height: 3.745rem;
  bottom: .16rem;
  right: 0;
  background-image: url(/image/gs-lp/cta/img02.png);
}

.cta .tit img {
  width: 4.28rem;
}

.cta .notes01 {
  width: 6.2rem;
  margin: .24rem auto 0 3.9rem;
  text-align: center;
  font-size: .18rem;
  font-weight: 500;
  color: #ffffff;
}

.cta .btn_wrap {
  margin: .14rem 0;
  display: flex;
  justify-content: center;
}

.cta .btn img {
  width: 3.43rem;
}

.cta .btn:nth-of-type(1) {
  margin-right: .2rem;
}

.cta .notes {
  text-align: center;
  font-size: .18rem;
  font-weight: 500;
  color: #ffffff;
}

.cta .notes02 {
  text-align: center;
  font-size: .2rem;
  font-weight: 500;
}

.cta .notes02 a {
  color: #ffffff;
  text-decoration: underline;
}

/* BパターンCTA */

.cta_b {
  padding: 0.7rem 0;
  background: #fff7d2;
}

.cta_b .cta_tit {
  margin: 0 auto;
  width: 7rem;
}

.cta_b .cta_img_wrap_top,
.cta_b .cta_img_wrap_bottom {
  display: flex;
  justify-content: center;
}

.cta_b .cta_img_wrap_bottom {
  margin-top: 0.2rem;
}

.cta_b .cta_img {
  margin: 0 2%;
  width: 17%;
}

.cta_b .cta_img_wrap_top .cta_img:nth-of-type(1),
.cta_b .cta_img_wrap_top .cta_img:nth-of-type(4) {
  margin-top: 0.3rem;
}

.cta_b .cta_img_wrap_bottom .cta_img:nth-of-type(2),
.cta_b .cta_img_wrap_bottom .cta_img:nth-of-type(3) {
  margin-top: 0.3rem;
}

.cta_b .cta_beginer {
  margin: 0 auto;
  width: 2.2rem;
}

.cta_b .cta_btn_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 1.4rem;
}

.cta_b .cta_btn_block {
  margin-top: 0.2rem;
  width: 50%;
}

.cta_b .cta_btn_block:first-child {
  padding-right: 0.2rem;
}

.cta_b .cta_btn_block:last-child {
  padding-left: 0.2rem;
}

.cta_b p.cta_btn_msg {
  margin: auto;
  height: 1rem;
}

.cta_b .cta_btn_msg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cta_b .cta_btn {
  display: block;
  position: relative;
  margin: 0.1rem auto 0;
  width: 100%;
}

.cta_b .cta_btn_block_trial .cta_btn::before {
  position: absolute;
  content: "※1";
  top: -1.5em;
  right: 0;
  font-size: 0.17rem;
  color: #000000;
  pointer-events: none;
}

.cta_b .cta_btn_block_member .cta_btn {
  width: 75%;
}

.cta_b .cta_btn_annotation {
  margin-top: 0.15rem;
  font-size: 0.15rem;
  text-align: center;
  line-height: 1.3;
}

.cta_b .cta_btn_annotation_note {
  margin: 0.4rem auto 0;
  width: 80%;
  padding: 0.2rem;
  background: #fef3c1;
  font-size: 0.15rem;
  line-height: 1.5;
}

.cta_b .cta_btn_annotation_note a {
  text-decoration: underline;
}

.body_measurement {
  padding: .45rem 0 .6rem;
  background: #f8d219;
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.body_measurement_tit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .2rem;
}

.body_measurement_tit_circle {
  position: relative;
  background: #00b2db;
  width: 1rem;
  border-radius: 50%;
}

.body_measurement_tit_circle::after {
  content: "";
  display: block;
  padding-top: 100%;
}

.body_measurement_tit_circle_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: .2rem;
  white-space: nowrap;
  text-align: center;
}

.body_measurement_tit_circle_inner .large_txt {
  font-size: 1.4em;
}

.body_measurement_tit_note {
  text-align: center;
  font-size: .4rem;
  font-weight: bold;
  line-height: 1.1;
}

.body_measurement_content {
  display: flex;
  align-items: end;
  gap: .3rem;
}

.body_measurement_content_intro {
  flex: 4.5;
}

.body_measurement_content_intro_tit {
  background: #ffffff;
  padding: 0.15rem 0;
  font-size: 0.23rem;
  font-weight: bold;
  text-align: center;
}

.body_measurement_content_intro_tit .large_txt {
  font-size: 1.3em;
}

.body_measurement_content_intro_note {
  margin-top: 0.1rem;
  font-size: 0.35rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}

.body_measurement_content_intro_note .large_txt {
  font-size: 1.3em;
  color: #00b2db;
}

.body_measurement_content_reveals {
  flex: 2;
}

.body_measurement_content_reveals_tit {
  position: relative;
  top: 0.4rem;
  left: -0.25rem;
}

.body_measurement_content_reveals_list_wrap {
  display: flex;
  justify-content: center;
  border: .04rem solid #000000;
  background: #ffffff;
  padding: 0.5rem 0 0.2rem;
}

.body_measurement_content_reveals_list {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.body_measurement_content_reveals_list_item {
  padding-left: 1em;
  font-size: .2rem;
}

.body_measurement_content_reveals_list_item::before {
  content: "・";
  margin-left: -1em;
}

.body_measurement_content_img {
  flex: 2;
}

.sec01 .before {
  padding: .6rem 0 .67rem;
  text-align: center;
  position: relative;
  z-index: 1;
  background-color: #FFFCF7;
}

.sec01 .before::before {
  content: "";
  width: 100%;
  height: 4.35rem;
  position: absolute;
  z-index: -1;
  bottom: -.07rem;
  left: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(/image/gs-lp/sec01/bg.jpg);
}

.sec01 .before .img img {
  width: 100%;
}

.sec01 .before .txt01 {
  margin: .18rem 0 .22rem;
}

.sec01 .before .txt01 img {
  width: 1.32rem;
}

.sec01 .before .txt02 {
  padding: .15rem .4rem 0;
  border: 0.02rem solid #000000;
  border-radius: .2rem;
  background-color: #ffffff;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-size: .32rem;
  font-weight: 500;
}

.sec01 .before .txt02 span {
  padding: .33rem 0 .38rem;
  display: block;
  position: relative;
}

.sec01 .before .txt02 span:not(:last-of-type)::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(/image/gs-lp/sec01/border.png);
}

.sec01 .before .cat {
  margin-top: .45rem;
}

.sec01 .before .cat img {
  width: 6.51rem;
  margin-left: .3rem;
}

.sec01 .after {
  padding: .56rem 0 .82rem;
  background-color: #F8D219;
}

.sec01 .after .point {
  text-align: center;
}

.sec01 .after .point img {
  width: auto;
  margin-left: -.44rem;
  height: 1.165rem;
}

.sec01 .after .tit {
  text-align: center;
  font-size: .4rem;
  font-weight: 900;
  line-height: 1.35;
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.sec01 .after .p01 .tit {
  margin: .45rem 0 .3rem;
}

.sec01 .after .p01 .wrap {
  display: flex;
  justify-content: space-between;
}

.sec01 .after .p01 .pic {
  width: 4.845rem;
}

.sec01 .after .p01 .pic img {
  width: 100%;
}

.sec01 .after .p01 .txt {
  width: 5.12rem;
  padding: 0 .3rem;
  font-size: .26rem;
  line-height: 1.69;
  border-radius: .2rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  background-color: #ffffff;
}

.sec01 .after .p02 {
  padding: .57rem 0 0;
}

.sec01 .after .p02 .tit {
  margin: .43rem 0 .7rem;
}

.sec01 .after .p02 .lists {
  display: flex;
  justify-content: space-between;
}

.sec01 .after .p02 .lists li {
  width: 3.15rem;
  position: relative;
}

.sec01 .after .p02 .lists .list_tit {
  position: absolute;
  top: -.335rem;
  left: calc(50% - .9675rem);
}

.sec01 .after .p02 .lists .list_tit img {
  width: auto;
  height: .67rem;
}

.sec01 .after .p02 .lists .pic img {
  border-radius: .2rem .2rem 0 0;
  width: 100%;
  border: 0.02rem solid #000000;
}

.sec01 .after .p02 .lists .txt {
  padding: .1rem .2rem .15rem;
  font-size: .2rem;
  font-weight: 500;
  line-height: 1.5;
  background-color: #ffffff;
  border-right: 0.02rem solid #000000;
  border-bottom: 0.02rem solid #000000;
  border-left: 0.02rem solid #000000;
  border-radius: 0 0 .2rem .2rem;
}

.sec01 .after .p02 .pic02 {
  padding: .4rem 0 .62rem;
}

.sec01 .after .p02 .s_tit,
.sec01 .after .p02 .tit02 {
  text-align: center;
  font-weight: 800;
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.sec01 .after .p02 .s_tit {
  margin-bottom: .14rem;
  font-size: .32rem;
}

.sec01 .after .p02 .tit02 {
  margin-bottom: .4rem;
  font-size: .57rem;
  line-height: 1.1;
  letter-spacing: .06em;
}

.sec01 .after .p02 .tit02 .strong {
  font-size: 1.06rem;
}

.sec01 .after .p02 .txt02 {
  padding: .34rem 0 1.27rem;
  text-align: center;
  font-size: .27rem;
  line-height: 1.62;
  border-radius: .2rem;
  position: relative;
  background-color: #ffffff;
}

.sec01 .after .p02 .txt02::before {
  content: "";
  width: 6.735rem;
  height: 2.285rem;
  position: absolute;
  bottom: -1.3rem;
  left: calc(50% - 3.2675rem);
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(/image/gs-lp/sec01/p02_pic05.png);
}

.sec01 .after .p03 {
  padding: 2.25rem 0 0;
}

.sec01 .after .p03 .tit {
  margin: .46rem 0 .3rem;
}

.sec01 .after .p03 .wrap {
  display: flex;
  justify-content: space-between;
}

.sec01 .after .p03 .pic {
  width: 4.845rem;
}

.sec01 .after .p03 .pic img {
  width: 100%;
}

.sec01 .after .p03 .txt {
  width: 5.12rem;
  padding: 0 .3rem;
  font-size: .26rem;
  line-height: 1.69;
  border-radius: .2rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  background-color: #ffffff;
}

.sec01 .after .p04 {
  padding: 1.1rem 0 0;
}

.sec01 .after .p04 .tit {
  margin: .36rem 0 .3rem;
}

.sec01 .after .p04 .lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sec01 .after .p04 .lists li {
  width: 3.32rem;
  margin-bottom: .1rem;
}

.sec01 .after .p04 .lists li img {
  width: 100%;
}

.sec01 .after .p04 .other .tit_sub {
  display: table;
  position: relative;
  margin: 0.8rem auto 0;
  padding: 0.14rem 0.25rem 0.1rem;
  border-radius: 1000px;
  background: #02b2db;
  color: #ffffff;
  font-size: 0.24rem;
  font-weight: 500;
  font-family: "M PLUS Rounded 1c", sans-serif;
  line-height: 1;
}

.sec01 .after .p04 .other .tit_sub::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.18rem;
  transform: translateX(-50%);
  width: 0.2rem;
  height: 0.18rem;
  background: #02b2db;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}

.sec01 .after .p04 .other .tit02 {
  margin: 0.4rem 0;
  text-align: center;
  color: #02b2db;
  font-size: 0.3rem;
  font-weight: 600;
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.sec01 .after .p04 .other .wrap {
  display: flex;
  justify-content: space-between;
}

.sec01 .after .p04 .other .wrap:nth-of-type(even) {
  flex-direction: row-reverse;
}

.sec01 .after .p04 .other .pic {
  width: 4.845rem;
}

.sec01 .after .p04 .other .pic img {
  width: 100%;
}

.sec01 .after .p04 .other .txt {
  width: 5.12rem;
  padding: 0 .3rem;
  font-size: .22rem;
  line-height: 1.69;
  border-radius: .2rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  background-color: #ffffff;
}

.sec02 {
  padding: 1.48rem 0 .79rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(/image/gs-lp/sec02/bg.jpg);
}

.sec02 .img {
  width: 7.91rem;
  margin: 0 auto;
  position: relative;
}

.sec02 .img .s_img {
  position: absolute;
}

.sec02 .img .s_img img {
  width: 2.51rem;
}

.sec02 .img .s_img01 {
  top: -.86rem;
  left: -1.17rem;
}

.sec02 .img .s_img02 {
  top: -.86rem;
  right: -1.17rem;
}

.sec02 .img .s_img03 {
  bottom: -.5rem;
  left: -1.17rem;
}

.sec02 .img .s_img03 img {
  width: 2.82rem;
}

.sec02 .img .s_img04 {
  bottom: -.5rem;
  right: -1.17rem;
}

.sec03 {
  padding: .35rem 0 .5rem;
  background-color: #FFFCF7;
}

.sec03 .before .bg {
  padding: .37rem .4rem .35rem;
  background-color: #F8D219;
  border: 0.03rem solid #000000;
}

.sec03 .before .wrap {
  display: flex;
  justify-content: space-between;
}

.sec03 .before .img {
  padding-top: .1rem;
  padding-left: .2rem;
}

.sec03 .before .img img {
  width: 2.77rem;
}

.sec03 .before .txt {
  width: 5.85rem;
  text-align: right;
  border-left: 0.02rem solid #000000;
}

.sec03 .before .txt p {
  font-size: .27rem;
  letter-spacing: .03em;
  line-height: 1.51;
}

.sec03 .before .txt img {
  margin: 0 1rem .15rem 0;
  width: 3.27rem;
}

.sec03 .before .theta_contents {
  margin: .3rem 0 0;
  padding: .15rem;
  border-radius: .1rem;
  background-color: #ffffff;
}

.sec03 .before .theta_contents .ricoh-theta-tour-image {
  width: 100vw !important;
  height: 4.52rem !important;
}

.sec03 .before .theta_contents iframe {
  width: 100% !important;
  height: 100% !important;
}

.sec03 .after {
  padding: .74rem 0 0;
  text-align: center;
}

.sec03 .after .cat img {
  width: 5.21rem;
  margin-left: .2rem;
}

.sec03 .after .tit {
  margin-top: .14rem;
  font-size: .46rem;
  font-weight: 800;
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.sec03 .after .tit span {
  color: #F8D219;
}

.sec03 .after .tit .strong {
  font-size: .76rem;
}

.sec03 .after .s_tit {
  padding: .14rem 0 .14rem;
  margin: .12rem 0 .85rem;
  font-size: .3rem;
  font-weight: 700;
  display: inline-block;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

.sec03 .after .lists {
  display: flex;
  justify-content: space-between;
}

.sec03 .after .lists li {
  width: 3.3rem;
  border-radius: .2rem;
  border: 0.02rem solid #000000;
}

.sec03 .after .lists .pic {
  padding-bottom: .2rem;
  border-radius: .2rem .2rem 0 0;
  background-color: #F8D219;
}

.sec03 .after .lists .pic img {
  margin-top: -.45rem;
  width: 3.04rem;
}

.sec03 .after .lists .txt {
  padding: .16rem .15rem .17rem;
  border-radius: 0 0 .2rem .2rem;
  font-size: .18rem;
  line-height: 1.5;
  text-align: left;
  background-color: #ffffff;
}

.sec04 {
  padding: .44rem 0 .4rem;
  text-align: center;
  background-color: #00B2DB;
}

.sec04 .img01 img {
  width: 2.77rem;
}

.sec04 .tit {
  margin: .28rem 0 .25rem;
}

.sec04 .tit img {
  width: 7.165rem;
  margin-left: .6rem;
}

.sec04 .img02 img {
  width: 100%;
  border-radius: .2rem;
}

.sec04 .txt {
  margin-top: .25rem;
  font-size: .24rem;
  font-weight: 700;
  line-height: 1.54;
  color: #ffffff;
}

.sec05 {
  padding: .5rem 0 .6rem;
  background-color: #F0FCFF;
}

.sec05 .tit {
  margin-bottom: .51rem;
  text-align: center;
  font-size: .52rem;
  font-weight: 700;
  color: #00B2DB;
}

.sec05 .ac {
  width: 10.24rem;
  margin: 0 auto .65rem;
}

.sec05 .ac_parent {
  padding: .27rem .3rem .27rem .77rem;
  position: relative;
  font-size: .27rem;
  font-weight: 700;
  line-height: 1.14;
  cursor: pointer;
  color: #ffffff;
  background-color: #00B2DB;
  border-radius: .2rem .2rem 0 0;
}

.sec05 .ac_parent::before,
.sec05 .ac_parent::after {
  content: "";
  position: absolute;
  z-index: 5;
  top: 50%;
  transform: translateY(-50%);
  background-color: #ffffff;
  border-radius: 10rem;
}

.sec05 .ac_parent::before {
  top: 50%;
  right: .3rem;
  width: .25rem;
  height: .04rem;
}

.sec05 .ac_parent::after {
  right: .4rem;
  transition: transform .4s, opacity .4s;
  width: .04rem;
  height: .25rem;
}

.sec05 .ac_parent:not(:first-of-type) {
  margin-top: .23rem;
}

.sec05 .ac_parent span {
  position: relative;
}

.sec05 .ac_parent span::before {
  content: "";
  width: .37rem;
  height: .42rem;
  position: absolute;
  top: calc(50% - .21rem);
  left: -.6rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(/image/gs-lp/sec05/q.png);
}

.sec05 .ac_child {
  display: none;
  padding: .14rem .25rem .2rem .3rem;
  font-size: .22rem;
  line-height: 1.54;
  color: #555;
  background-color: #ffffff;
  border-radius: 0 0 .2rem .2rem;
}

.sec05 .ac_parent.open::after {
  top: 50%;
  transform: rotate(90deg);
  opacity: 0;
}

.sec05 .txt {
  margin-top: .7rem;
  text-align: center;
  font-size: .34rem;
  font-weight: 500;
  line-height: 1.29;
}

.sec05 a {
  text-decoration: underline;
}

.sec06 {
  padding: .6rem 0 .8rem;
}

.sec06 .tit {
  margin-bottom: .33rem;
  text-align: center;
  font-size: .54rem;
  font-weight: 700;
  line-height: 1.33;
  color: #00B2DB;
}

.sec06 .bg {
  border-radius: .2rem;
  box-shadow: 0 0.03rem 0.1rem rgba(0, 178, 219, 0.1);
}

.sec06 .lists dt,
.sec06 .lists dd {
  font-size: .24rem;
  padding-left: .44rem;
  padding-right: .44rem;
}

.sec06 .lists dt {
  padding-top: .35rem;
  margin-bottom: .18rem;
  font-weight: 700;
  letter-spacing: .06em;
  color: #00B2DB;
}

.sec06 .lists dt.adjust {
  font-size: .32rem;
}

.sec06 .lists dd {
  line-height: 1.45;
  padding-bottom: .25rem;
  color: #434343;
}

.sec06 .lists dd:not(:last-of-type) {
  border-bottom: .02rem solid #F0FCFF;
}

.sec06 .lists dd .notes {
  font-size: .2rem;
}

.sec06 .gmap iframe {
  height: 4.65rem;
  border-radius: 0 0 .2rem .2rem;
}

/* 見学スタイル */
.tour_style {
  padding: .45rem 0 .6rem;
  background: #f0fcff;
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.tour_style_ttl {
  text-align: center;
  font-size: .4rem;
  font-weight: 700;
  line-height: 1.35;
}

.tour_style_note {
  margin-top: .25rem;
  text-align: center;
  font-size: .21rem;
  font-weight: 500;
  line-height: 1.35;
}

.tour_style_tab {
  display: flex;
  justify-content: center;
  gap: .2rem;
  margin-top: .65rem;
}

.tour_style_tab_btn {
  display: flex;
  align-items: center;
  position: relative;
  width: 3rem;
  padding: 0.12rem 0.17rem;
  background: #ffffff;
  border: .04rem solid #00b2db;
  cursor: pointer;
}

.tour_style_tab_btn.on {
  background: #00b2db;
  cursor: default;
}

.tour_style_tab_btn.on::after {
  content: "";
  position: absolute;
  bottom: -.22rem;
  left: 50%;
  transform: translateX(-50%);
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  background: #00b2db;
  width: .3rem;
  height: .22rem;
}

.tour_style_tab_btn_img {
  width: .85rem;
}

.tour_style_tab_btn_txt {
  width: calc(100% - 0.8rem);
  text-align: center;
  color: #00b2db;
  font-size: .24rem;
  font-weight: 500;
  line-height: 1.1;
}

.tour_style_tab_btn.on .tour_style_tab_btn_txt {
  color: #ffffff;
}

.tour_style_tab_btn_txt_balloon {
  position: absolute;
  top: -0.4rem;
  right: 0.4rem;
  width: 1.3rem;
}

.tour_style_panel {
  display: none;
  overflow: hidden;
  width: 10.24rem;
  margin: 0.4rem auto;
  background: #ffffff;
  border: .04rem solid #00b2db;
  border-radius: 0.2rem;
}

.tour_style_panel_ttl {
  padding: .25rem;
  background: #00b2db;
  text-align: center;
  color: #ffffff;
  font-size: .33rem;
}

.tour_style_panel_ttl span {
  color: #F8D219;
}

.tour_style_panel_contents {
  display: flex;
  justify-content: space-between;
  padding: .33rem .22rem;
}

.tour_style_panel_contents_detail {
  width: 48.5%;
}

.tour_style_panel_contents_detail_recommend {
  display: flex;
  justify-content: space-between;
}

.tour_style_panel_contents_detail_recommend_img {
  margin-right: .3rem;
  width: 1.5rem;
}

.tour_style_panel_contents_detail_recommend_definition {
  width: 3rem;
}

.tour_style_panel_contents_detail_recommend_definition_term {
  position: relative;
  color: #00b2db;
  margin-bottom: .16rem;
  font-size: .23rem;
}

.tour_style_panel_contents_detail_recommend_definition_term::after {
  content: "";
  position: absolute;
  top: -0.15rem;
  left: -0.15rem;
  width: 0.2rem;
  height: 0.2rem;
  background: url(/image/gs-lp/tour_style/recommend_img.png) no-repeat;
  background-size: contain;
}

.tour_style_panel_contents_detail_recommend_definition_desc {
  margin-top: .06rem;
  padding-left: 1em;
  font-size: .16rem;
  font-weight: 300;
  line-height: 1.2;
}

.tour_style_panel_contents_detail_recommend_definition_desc::before {
  content: "●";
  margin-left: -1em;
}

.tour_style_panel_contents_detail_hour {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: .2rem;
  padding: .2rem;
  background: #f0fcff;
}

dl.tour_style_panel_contents_detail_hour_definition {
  display: flex;
  align-items: center;
}

.tour_style_panel_contents_detail_hour_definition_term {
  font-size: .18rem;
}

.tour_style_panel_contents_detail_hour_definition_desc {
  font-size: .25rem;
}

.tour_style_panel_contents_detail_hour_annotation {
  margin-top: .06rem;
  font-size: .15rem;
}

.tour_style_panel_contents_flow {
  width: 48.5%;
}

.tour_style_panel_contents_flow_definition_term {
  display: flex;
  align-items: center;
}

.tour_style_panel_contents_flow_definition_term::before {
  content: "";
  margin-right: .05rem;
  width: 0.3rem;
  height: 0.3rem;
  background: url(/image/gs-lp/tour_style/flow_icon.png) no-repeat;
  background-size: contain;

}

.tour_style_panel_contents_flow_definition_term::after {
  content: "";
  flex: 1;
  margin-left: .1rem;
  border-top: .04rem dotted #00b2db;
}

.tour_style_panel_contents_flow_definition_desc_img {
  margin-top: .1rem;
}

.tour_style_panel_contents_flow_definition_desc_txt {
  margin-top: .3rem;
  text-align: center;
  color: #00b2db;
  font-size: .22rem;
}

/*# sourceMappingURL=style.css.map */