@charset "UTF-8";
/*
*
* Copyright (c) 2016, AD Line Inc. All rights reserved.
* Data : 2016.04.20
*
*/
/* Googleフォント　Noto Sans,Robot,Open Sans */
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700italic,700,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800);
/* Googleフォント　Noto Serif Japanese */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
/* Googleフォント　Rampart One */
@import url("https://fonts.googleapis.com/css2?family=Rampart+One&display=swap");
/* アイコンフォント　Google Material,Font Awesome */
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/6.1.1/css/font-awesome.min.css);
/* Otomanopeeフォント */
@font-face {
  font-family: 'otomanopee';
  src: url("../font/OtomanopeeOne-Regular.ttf") format("truetype");
  /*src: url("../font/OtomanopeeOne-Regular.ttf") format('otf');
  src: url("../font/OtomanopeeOne-Regular.ttf") format('woff'), url("../font/OtomanopeeOne-Regular.ttf") format('truetype');*/
}
/*****************************************************

 SCSS用
 
*****************************************************/
/*****************************************************

 Common - Layout
 
*****************************************************/
html {
  font-size: 10px;
}

body {
  position: relative;
  width: auto;
  height: auto;
  background: #fff;
  z-index: 0;
  color: #333333;
  font-size: 1.6rem;
  font-family: 'Noto Sans Japanese','Noto Sans', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif , serif;
  font-weight: normal;
  line-height: 1.65;
  letter-spacing: 0.5px;
}

@media screen and (max-width: 896px) {
  body {
    font-size: 1.2rem;
  }
}
/*　inner
----------------------------------------------------*/
.inner {
  width: 90%;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (max-width: 896px) {
  .inner {
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
}
/*PCでは表示しない*/
@media screen and (min-width: 897px) {
  .pc_none {
    display: none !important;
  }
}
/*SPでは表示しない*/
@media screen and (max-width: 896px) {
  .sp_none {
    display: none !important;
  }
}
.txt_shadow_white {
  text-shadow: 0px 3px 1px rgba(255, 255, 255, 0.2), 0px 2px 1px rgba(255, 255, 255, 0.2), 1px 2px 1px rgba(255, 255, 255, 0.2), 2px 2px 1px rgba(255, 255, 255, 0.2), 2px 1px 1px rgba(255, 255, 255, 0.2), 2px 0px 1px rgba(255, 255, 255, 0.2), 3px 0px 1px rgba(255, 255, 255, 0.2), 2px -1px 1px rgba(255, 255, 255, 0.2), 2px -2px 1px rgba(255, 255, 255, 0.2), 2px -3px 1px rgba(255, 255, 255, 0.2), 1px -3px 1px rgba(255, 255, 255, 0.2), 0px -3px 1px rgba(255, 255, 255, 0.2), -1px -3px 1px rgba(255, 255, 255, 0.2), -2px -3px 1px rgba(255, 255, 255, 0.2), -3px -3px 1px rgba(255, 255, 255, 0.2), -3px -2px 1px rgba(255, 255, 255, 0.2), -3px -1px 1px rgba(255, 255, 255, 0.2), -3px 0px 1px rgba(255, 255, 255, 0.2), -3px 1px 1px rgba(255, 255, 255, 0.2), -3px 2px 1px rgba(255, 255, 255, 0.2), -2px 2px 1px rgba(255, 255, 255, 0.2), -1px 2px 1px rgba(255, 255, 255, 0.2);
}

/*****************************************************

 Common - Parts
 
*****************************************************/
/*　画像
----------------------------------------------------*/
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 896px) {
  img {
    width: 100%;
    height: auto;
  }
}
figure img {
  width: 100%;
  height: auto;
}

/*　リンク
----------------------------------------------------*/
a {
  color: #FA6E91;
  text-decoration: none;
  transition: 0.3s;
}
a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 770px) {
  a:hover {
    opacity: 1.0;
  }
}
/*　button
----------------------------------------*/
.button {
  display: inline-block;
  width: auto;
  height: auto;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  outline: none;
}
.button::before, .button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button, .button::before, .button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/*　button 装飾
-------------------------------*/
/*　btn_type01
---------------------------*/
.btn_type01 {
  width: auto;
  background-color: #38A9B3;
  border: 2px solid #38A9B3;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.5px;
  padding: 12px 64px;
  text-shadow: none;
}
.btn_type01 i {
  margin-right: 8px;
}
.btn_type01:hover {
  color: #38A9B3;
  background-color: #fff;
  border: 2px solid #38A9B3;
  opacity: 1.0;
}

@media screen and (max-width: 896px) {
  .btn_type01 {
    width: 100%;
    font-size: 1.4rem;
    padding: 10px 10px 10px;
  }
  .btn_type01 i {
    margin-right: 2%;
  }
  .btn_type01:hover {
    color: #fff;
    background-color: #38A9B3;
    border: 2px solid #38A9B3;
    opacity: 1.0;
  }
}
/*　btn_type02
---------------------------*/
.btn_type02 {
  width: auto;
  background-color: #fff;
  border: 2px solid #5a7aa5;
  color: #5a7aa5;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.5px;
  padding: 20px 53px;
  text-shadow: none;
}
.btn_type02 i {
  margin-right: 16px;
}
.btn_type02:hover {
  color: #fff;
  background-color: rgba(100, 121, 163, 0.64);
  border: 2px solid #5a7aa5;
  opacity: 1.0;
}

@media screen and (max-width: 896px) {
  .btn_type02 {
    width: 100%;
    font-size: 1.5rem;
    padding: 10px 10px 10px;
  }
  .btn_type02 i {
    margin-right: 2%;
  }
  .btn_type02:hover {
    color: #5a7aa5;
    background-color: #fff;
    border: 2px solid #5a7aa5;
    opacity: 1.0;
  }
}
/*　mens
---------------------------*/
.mens {
  width: 100%;
  background-color: #6F778F;
  border: 2px solid #6F778F;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.5px;
  padding: 24px 0;
  text-shadow: none;
}
.mens i {
  margin-right: 8px;
}
.mens:hover {
  color: #6F778F;
  background-color: #fff;
  border: 2px solid #6F778F;
  opacity: 1.0;
}

@media screen and (max-width: 896px) {
  .mens {
    width: 100%;
    font-size: 1.5rem;
    padding: 10px 10px 10px;
  }
  .mens i {
    margin-right: 2%;
  }
  .mens:hover {
    color: #6F778F;
    background-color: #fff;
    border: 2px solid #6F778F;
    opacity: 1.0;
  }
}
/*　womens
---------------------------*/
.womens {
  width: 100%;
  background-color: #EF5350;
  border: 2px solid #EF5350;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.5px;
  padding: 24px 0;
  text-shadow: none;
}
.womens i {
  margin-right: 8px;
}
.womens:hover {
  color: #EF5350;
  background-color: #fff;
  border: 2px solid #EF5350;
  opacity: 1.0;
}

@media screen and (max-width: 896px) {
  .womens {
    width: 100%;
    font-size: 1.5rem;
    padding: 10px 10px 10px;
  }
  .womens i {
    margin-right: 2%;
  }
  .womens:hover {
    color: #EF5350;
    background-color: #fff;
    border: 2px solid #EF5350;
    opacity: 1.0;
  }
}
/*　kids
---------------------------*/
.kids {
  width: 100%;
  background-color: #66BB6A;
  border: 2px solid #66BB6A;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.5px;
  padding: 24px 0;
  text-shadow: none;
}
.kids i {
  margin-right: 8px;
}
.kids:hover {
  color: #66BB6A;
  background-color: #fff;
  border: 2px solid #66BB6A;
  opacity: 1.0;
}

@media screen and (max-width: 896px) {
  .kids {
    width: 100%;
    font-size: 1.5rem;
    padding: 10px 10px 10px;
  }
  .kids i {
    margin-right: 2%;
  }
  .kids:hover {
    color: #66BB6A;
    background-color: #fff;
    border: 2px solid #66BB6A;
    opacity: 1.0;
  }
}
/*　カラム
----------------------------------------------------*/
@media screen and (min-width: 897px) {
  .col_box {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
  }
  .col_box .col1 {
    width: 100%;
    height: auto;
    margin: 4% auto 0;
  }
  .col_box .col1:first-child {
    margin-top: 0;
  }
  .col_box .col2 {
    width: 49%;
    height: auto;
    margin: 4% 0 0 2%;
  }
  .col_box .col2:nth-child(2n+1) {
    margin-left: 0;
  }
  .col_box .col2:nth-child(-n+2) {
    margin-top: 0;
  }
  .col_box .col3 {
    width: 32%;
    height: auto;
    margin: 4% 0 0 2%;
  }
  .col_box .col3:nth-child(3n+1) {
    margin-left: 0;
  }
  .col_box .col3:nth-child(-n+3) {
    margin-top: 0;
  }
  .col_box .col4 {
    width: 23.5%;
    height: auto;
    margin: 4% 0 0 2%;
  }
  .col_box .col4:nth-child(4n+1) {
    margin-left: 0;
  }
  .col_box .col4:nth-child(-n+4) {
    margin-top: 0;
  }
  .col_box .col5 {
    width: 18.4%;
    height: auto;
    margin: 4% 0 0 2%;
  }
  .col_box .col5:nth-child(5n+1) {
    margin-left: 0;
  }
  .col_box .col5:nth-child(-n+5) {
    margin-top: 0;
  }
  .col_box .col6 {
    width: 15.4%;
    height: auto;
    margin: 4% 0 0 1.5%;
  }
  .col_box .col6:nth-child(6n+1) {
    margin-left: 0;
  }
  .col_box .col6:nth-child(-n+6) {
    margin-top: 0;
  }
  .col_box .col8 {
    width: 11%;
    height: auto;
    margin: 1.5% 0 0 1.7%;
  }
  .col_box .col8:nth-child(8n+1) {
    margin-left: 0;
  }
  .col_box .col8:nth-child(-n+8) {
    margin-top: 0;
  }
  .col_box .col10 {
    width: 8%;
    height: auto;
    margin: 1.5% 0 0 2%;
    justify-content: center;
  }
  .col_box .col10:nth-child(10n+1) {
    margin-left: 0;
  }
  .col_box .col10:nth-child(-n+10) {
    margin-top: 0;
  }
}
@media screen and (max-width: 896px) {
  .col_box {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
  }
  .col_box .sp_col1 {
    width: 100%;
    height: auto;
    margin: 4% auto 0;
  }
  .col_box .sp_col1:first-child {
    margin-top: 0;
  }
  .col_box .sp_col2 {
    width: 49%;
    height: auto;
    margin: 2% 0 0 2%;
  }
  .col_box .sp_col2:nth-child(2n+1) {
    margin-left: 0;
  }
  .col_box .sp_col2:nth-child(-n+2) {
    margin-top: 0;
  }
  .col_box .sp_col3 {
    width: 32%;
    height: auto;
    margin: 4% 0 0 2%;
  }
  .col_box .sp_col3:nth-child(3n+1) {
    margin-left: 0;
  }
  .col_box .sp_col3:nth-child(-n+3) {
    margin-top: 0;
  }
  .col_box .sp_col4 {
    width: 23.5%;
    height: auto;
    margin: 4% 0 0 2%;
  }
  .col_box .sp_col4:nth-child(4n+1) {
    margin-left: 0;
  }
  .col_box .sp_col4:nth-child(-n+4) {
    margin-top: 0;
  }
  .col_box .sp_col5 {
    width: 18.4%;
    height: auto;
    margin: 4% 0 0 2%;
  }
  .col_box .sp_col5:nth-child(5n+1) {
    margin-left: 0;
  }
  .col_box .sp_col5:nth-child(-n+5) {
    margin-top: 0;
  }
  .col_box .sp_col6 {
    width: 15.4%;
    height: auto;
    margin: 4% 0 0 1.5%;
  }
  .col_box .sp_col6:nth-child(6n+1) {
    margin-left: 0;
  }
  .col_box .sp_col6:nth-child(-n+6) {
    margin-top: 0;
  }
}
/*　背景
----------------------------------------------------*/
/*　bg_stripe01
----------------------------------------------------*/
.bg_stripe01 {
  background-size: auto auto;
  background-color: white;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 18px, rgba(234, 246, 247, 0.7) 18px, rgba(234, 246, 247, 0.7) 27px);
}

/*　bg_mint
----------------------------------------------------*/
.bg_mint {
  background: #F8FDFE;
}

/*　bg_white
----------------------------------------------------*/
.bg_white {
  background: #FFF;
}

/*　テーブル
----------------------------------------------------*/
/*　tbl_price
----------------------------------------------------*/
.tbl_price {
  width: 100%;
  min-width: 540px;
}
.tbl_price tr th, .tbl_price tr td {
  padding: 8px 0;
  box-sizing: border-box;
}
.tbl_price th {
  width: 170px;
  width: 40%;
  color: #555555;
  font-size: 1.8rem;
  font-family: 'Noto Sans Japanese';
  font-weight: 900;
}
.tbl_price td {
  width: 60%;
}
.tbl_price td.price01 {
  color: #333333;
  font-size: 2.4rem;
  font-family: 'otomanopee';
}
.tbl_price td.price02 {
  color: #E84228;
  font-size: 2.8rem;
  font-family: 'otomanopee';
  position: relative;
}
.tbl_price td.price02 span.discount {
  display: inline-block;
  color: #fff;
  font-size: 1.8rem;
  font-family: 'Noto Sans Japanese';
  font-weight: 900;
  background: #CC1060;
  padding: 5px 16px 5px 16px;
  box-sizing: border-box;
  position: absolute;
  top: 20%;
  right: 10%;
}
.tbl_price td.price02 span.discount::before {
  position: absolute;
  content: '';
  top: 30%;
  left: -25px;
  border: 10px solid transparent;
  border-right: 15px solid #CC1060;
  width: 0;
  height: 0;
}

@media screen and (max-width: 896px) {
  .tbl_price {
    min-width: 0;
  }
  .tbl_price tr th, .tbl_price tr td {
    padding: 8px 0;
    box-sizing: border-box;
  }
  .tbl_price th {
    width: 170px;
    width: 32%;
    color: #555555;
    font-size: 1.3rem;
    font-family: 'Noto Sans Japanese';
    font-weight: 900;
  }
  .tbl_price td {
    width: 60%;
  }
  .tbl_price td.price01 {
    color: #333333;
    font-size: 1.7rem;
    font-family: 'otomanopee';
  }
  .tbl_price td.price02 {
    color: #E84228;
    font-size: 2.0rem;
    font-family: 'otomanopee';
    position: relative;
  }
  .tbl_price td.price02 span.discount {
    display: inline-block;
    color: #fff;
    font-size: 1.3rem;
    font-family: 'Noto Sans Japanese';
    font-weight: 900;
    background: #CC1060;
    padding: 5px 12px 5px 10px;
    box-sizing: border-box;
    position: absolute;
    top: 20%;
    right: 0;
  }
  .tbl_price td.price02 span.discount::before {
    position: absolute;
    content: '';
    top: 25%;
    left: -18px;
    border: 8px solid transparent;
    border-right: 10px solid #CC1060;
    width: 0;
    height: 0;
  }
}
/*　アンカー
----------------------------------------------------*/
#about, #flow, #thr_method, #before_after, #service, #option, #faq, #voice {
  padding-top: 72px;
  margin-top: -72px;
}

/* ページトップ
----------------------------------------------------*/
/* トピックパス
----------------------------------------------------*/
/* 見出し
----------------------------------------------------*/
/* eyecatch_title
----------------------------------------------------*/
.eyecatch_title {
  margin: 48px auto 32px;
  color: #E84228;
  font-family: 'Rampart One', cursive;
  font-size: 7.2rem;
  line-height: 1.2;
}
.eyecatch_title span.sub_comment {
  display: block;
  color: #38A9B3;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 3.2rem;
  font-weight: 900;
  letter-spacing: 1.5px;
}

@media screen and (max-width: 896px) {
  .eyecatch_title {
    margin: 40px auto 16px;
    font-size: 2.8rem;
  }
  .eyecatch_title span.sub_comment {
    font-size: 1.6rem;
  }
}
/* service_title
----------------------------------------------------*/
.service_title {
  margin: 64px auto 16px;
  color: #E84228;
  font-family: 'Rampart One', cursive;
  font-size: 4.8rem;
  line-height: 1.2;
}
.service_title span.small {
  display: inline-block;
  color: #E84228;
  font-family: 'Rampart One', cursive;
  font-size: 3.2rem;
}
.service_title span.sub_comment {
  display: block;
  color: #226B71;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: 1.0px;
}

@media screen and (max-width: 896px) {
  .service_title {
    margin: 24px auto 16px;
    font-size: 2.4rem;
    line-height: 1.2;
  }
  .service_title span.small {
    font-size: 2.2rem;
  }
  .service_title span.sub_comment {
    margin-top: 2%;
    font-size: 1.8rem;
  }
}
/* section_title
----------------------------------------------------*/
.section_title {
  margin: 48px auto 32px;
  color: #38A9B3;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 3.2rem;
  font-weight: 900;
  line-height: 1.2;
}
.section_title span.sub_comment {
  display: block;
  color: #38A9B3;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 3.2rem;
  font-weight: 900;
  letter-spacing: 1.5px;
}

@media screen and (max-width: 896px) {
  .section_title {
    margin: 24px auto 16px;
    font-size: 2.4rem;
  }
  .section_title span.sub_comment {
    display: block;
    color: #38A9B3;
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 3.2rem;
    font-weight: 900;
    letter-spacing: 1.5px;
  }
}
/* section_sub_title
----------------------------------------------------*/
.section_sub_title {
  margin: 72px auto 40px;
  color: #38A9B3;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 2.4rem;
  font-weight: 900;
  line-height: 1.2;
}
.section_sub_title.black {
  color: #555555;
}

@media screen and (max-width: 896px) {
  .section_sub_title {
    margin: 40px auto 16px;
    font-size: 1.6rem;
  }
}
/* thr_title
----------------------------------------------------*/
.thr_title {
  margin: 48px auto 32px;
  color: #226B71;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 4.8rem;
  font-weight: 900;
  line-height: 1.2;
}
.thr_title span.sub_comment {
  display: block;
  color: #38A9B3;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 3.2rem;
  font-weight: 900;
  letter-spacing: 1.5px;
}

@media screen and (max-width: 1300px) {
  .thr_title {
    padding-top: 30%;
  }
}
@media screen and (max-width: 896px) {
  .thr_title {
    margin: 40px auto 24px;
    color: #226B71;
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 1.2;
  }
  .thr_title span.sub_comment {
    font-size: 1.6rem;
    letter-spacing: 1.5px;
  }
}
/*****************************************************

 Template - Header
 
*****************************************************/
/* global_header
----------------------------------------------------*/
.global_header {
  width: 100%;
  height: 72px;
  position: fixed;
  top: 0;
  z-index: 9999;
}

/* header_contents
----------------------------------------------------*/
.header_contents {
  width: 100%;
  /*min-width:1260px;*/
  height: 100%;
  display: flex;
  align-items: center;
}

/* header_title
----------------------------------------------------*/
.header_title {
  margin-left: 16px;
}

@media screen and (max-width: 1590px) {
  .header_title {
    margin-left: 16px;
  }
}
@media screen and (max-width: 480px) {
  .header_title {
    margin-left: 8px;
  }
}
/* title_logo
----------------------------------------------------*/
.title_logo {
  width: 88px;
  height: 54px;
}
.title_logo a {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 59.8%;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../images/common/mint_logo.svg) no-repeat;
  background-size: contain;
  transition: 0.3s;
  filter: drop-shadow(0px 0px 4px white);
}

/* global_nav
----------------------------------------------------*/
.global_nav {
  margin-left: auto;
}

/* pc_nav_contents sp_nav_contents
----------------------------------------------------*/
.pc_nav_contents {
  height: 100%;
  display: flex;
  margin-left: auto;
}
.pc_nav_contents .pc_nav_menu {
  display: flex;
  align-items: center;
}
.pc_nav_contents .pc_nav_menu li {
  margin-left: 40px;
}
.pc_nav_contents .pc_nav_menu li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #226B71;
  font-size: 1.4rem;
  font-weight: 900;
  padding: 29px 0;
  box-sizing: border-box;
  line-height: 1;
  text-shadow: 0px 3px 1px rgba(255, 255, 255, 0.2), 0px 2px 1px rgba(255, 255, 255, 0.2), 1px 2px 1px rgba(255, 255, 255, 0.2), 2px 2px 1px rgba(255, 255, 255, 0.2), 2px 1px 1px rgba(255, 255, 255, 0.2), 2px 0px 1px rgba(255, 255, 255, 0.2), 3px 0px 1px rgba(255, 255, 255, 0.2), 2px -1px 1px rgba(255, 255, 255, 0.2), 2px -2px 1px rgba(255, 255, 255, 0.2), 2px -3px 1px rgba(255, 255, 255, 0.2), 1px -3px 1px rgba(255, 255, 255, 0.2), 0px -3px 1px rgba(255, 255, 255, 0.2), -1px -3px 1px rgba(255, 255, 255, 0.2), -2px -3px 1px rgba(255, 255, 255, 0.2), -3px -3px 1px rgba(255, 255, 255, 0.2), -3px -2px 1px rgba(255, 255, 255, 0.2), -3px -1px 1px rgba(255, 255, 255, 0.2), -3px 0px 1px rgba(255, 255, 255, 0.2), -3px 1px 1px rgba(255, 255, 255, 0.2), -3px 2px 1px rgba(255, 255, 255, 0.2), -2px 2px 1px rgba(255, 255, 255, 0.2), -1px 2px 1px rgba(255, 255, 255, 0.2);
}
.pc_nav_contents .pc_nav_menu li a i {
  margin-right: 5px;
}
.pc_nav_contents .btn_access {
  margin-left: 40px;
}
.pc_nav_contents .btn_access .button {
  width: auto;
  height: 100%;
  background-color: #38A9B3;
  color: #fff;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  padding: 22px 51px;
  text-shadow: none;
}
.pc_nav_contents .btn_access .button i {
  margin-right: 8px;
}
.pc_nav_contents .btn_access .button:hover {
  color: #38A9B3;
  background-color: #fff;
  opacity: 1.0;
}

.sp_nav_contents {
  display: none;
}

@media screen and (max-width: 1450px) {
  .pc_nav_contents .pc_nav_menu li {
    margin-left: 24px;
  }
  .pc_nav_contents .btn_access {
    margin-left: 24px;
  }
  .pc_nav_contents .btn_access .button {
    font-size: 1.8rem;
    padding: 22px 24px;
  }
}
@media screen and (max-width: 1185px) {
  .pc_nav_contents .pc_nav_menu li {
    margin-left: 16px;
  }
  .pc_nav_contents .btn_access {
    margin-left: 16px;
  }
  .pc_nav_contents .btn_access .button {
    font-size: 1.6rem;
    padding: 22px 16px;
  }
}
@media screen and (max-width: 1080px) {
  /*@media screen and (max-width:1119px) {*/
  .pc_nav_contents {
    display: none;
  }

  .sp_nav_contents {
    margin-left: auto;
    display: flex;
    height: 100%;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
  }
  .sp_nav_contents .menu {
    margin-right: 12px;
  }
  .sp_nav_contents .menu a {
    color: #38A9B3;
    font-size: 3.2rem;
    text-shadow: 0px 3px 1px rgba(255, 255, 255, 0.2), 0px 2px 1px rgba(255, 255, 255, 0.2), 1px 2px 1px rgba(255, 255, 255, 0.2), 2px 2px 1px rgba(255, 255, 255, 0.2), 2px 1px 1px rgba(255, 255, 255, 0.2), 2px 0px 1px rgba(255, 255, 255, 0.2), 3px 0px 1px rgba(255, 255, 255, 0.2), 2px -1px 1px rgba(255, 255, 255, 0.2), 2px -2px 1px rgba(255, 255, 255, 0.2), 2px -3px 1px rgba(255, 255, 255, 0.2), 1px -3px 1px rgba(255, 255, 255, 0.2), 0px -3px 1px rgba(255, 255, 255, 0.2), -1px -3px 1px rgba(255, 255, 255, 0.2), -2px -3px 1px rgba(255, 255, 255, 0.2), -3px -3px 1px rgba(255, 255, 255, 0.2), -3px -2px 1px rgba(255, 255, 255, 0.2), -3px -1px 1px rgba(255, 255, 255, 0.2), -3px 0px 1px rgba(255, 255, 255, 0.2), -3px 1px 1px rgba(255, 255, 255, 0.2), -3px 2px 1px rgba(255, 255, 255, 0.2), -2px 2px 1px rgba(255, 255, 255, 0.2), -1px 2px 1px rgba(255, 255, 255, 0.2);
  }
}
.mm-menu {
  background: #fff !important;
}

.mm-listitem > a {
  font-weight: bold;
  padding: 16px 10px 16px 20px !important;
  color: #226B71 !important;
}
.mm-listitem > a.ex_link {
  background-color: #EAF6F7 !important;
}
.mm-listitem > a i {
  margin-right: 5px;
}

.mm-listitem .shop_info {
  padding: 16px 0 !important;
  color: #555 !important;
}
.mm-listitem .shop_info dt {
  margin-top: 8px;
  color: #1e757c !important;
  font-weight: bold;
  padding: 0 10px 0 10px !important;
}
.mm-listitem .shop_info dt:first-child {
  margin-top: 0;
}
.mm-listitem .shop_info dd {
  padding: 0 20px 0 20px !important;
}
.mm-listitem:last-child::after {
  border-color: transparent !important;
}

/*****************************************************

 Template - Footer
 
*****************************************************/
.footer_contents {
  display: flex;
}
.footer_contents .col2 {
  /*width:50%;
  margin: 0;*/
}
.footer_contents .footer_info {
  width: 50%;
}
.footer_contents .footer_info .info_inner {
  padding: 40px;
  box-sizing: border-box;
}
.footer_contents .footer_info .info_inner.col_box {
  align-items: center;
}
.footer_contents .footer_info .info_inner.col_box .col2 {
  margin-left: 0;
  width: 50%;
}
.footer_contents .footer_info .info_inner.col_box .col2.footer_logo {
  box-sizing: border-box;
}
.footer_contents .footer_info .info_inner.col_box .col2.footer_logo .mint_logo {
  margin: auto;
  width: 100%;
  max-width: 277px;
  height: 0;
  padding-bottom: 40.6%;
  background: url("../images/common/mint_title_logo.svg") no-repeat center;
  background-size: contain;
  text-indent: -9999px;
}
.footer_contents .footer_info .info_inner.col_box .col2.shop_info {
  margin-left: 0;
  border-left: dotted 1px #38A9B3;
  padding: 0 0 0 2%;
  box-sizing: border-box;
}
.footer_contents .footer_info .info_inner.col_box .col2.shop_info dl {
  margin: 24px auto 0;
  color: #226B71;
}
.footer_contents .footer_info .info_inner.col_box .col2.shop_info dl dt {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}
.footer_contents .footer_info .info_inner.col_box .col2.shop_info dl dd {
  margin: 8px auto 0;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}
.footer_contents .footer_info .info_inner.col_box .col2.shop_info dl dd.staff_photo {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.footer_contents .footer_info .info_inner.col_box .col2.shop_info dl dd.staff_photo figure {
  width: 48%;
  height: auto;
  margin: 4% 0 0 4%;
  justify-content: center;
}
.footer_contents .footer_info .info_inner.col_box .col2.shop_info dl dd.staff_photo figure:nth-child(2n+1) {
  margin-left: 0;
}
.footer_contents .footer_info .info_inner.col_box .col2.shop_info dl dd.staff_photo figure:nth-child(-n+2) {
  margin-top: 0;
}
.footer_contents .footer_info .info_inner.col_box .col2.shop_info dl dd.staff_photo figure img {
  display: block;
  max-width: 160px;
  margin: auto;
}
.footer_contents .footer_info .info_inner.col_box .col2.shop_info dl dd.staff_photo figure figcaption {
  margin: 8px auto 0;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
}
.footer_contents .footer_info .copyright {
  display: block;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  background: #226B71;
  padding: 24px 0;
}
.footer_contents .accessmap {
  width: 50%;
}

@media screen and (max-width: 896px) {
  .footer_contents {
    flex-direction: column-reverse;
  }
  .footer_contents .col2 {
    /*width:50%;
    margin: 0;*/
  }
  .footer_contents .footer_info {
    width: 100%;
  }
  .footer_contents .footer_info .info_inner {
    padding: 40px;
    box-sizing: border-box;
  }
  .footer_contents .footer_info .info_inner.col_box {
    align-items: center;
    flex-direction: column;
  }
  .footer_contents .footer_info .info_inner.col_box .col2 {
    margin-left: 0;
    width: 100%;
  }
  .footer_contents .footer_info .info_inner.col_box .col2.footer_logo {
    box-sizing: border-box;
  }
  .footer_contents .footer_info .info_inner.col_box .col2.footer_logo .mint_logo {
    margin: auto;
    width: 100%;
    max-width: 277px;
    height: 0;
    padding-bottom: 40.6%;
    background: url("../images/common/mint_title_logo.svg") no-repeat center;
    background-size: contain;
    text-indent: -9999px;
  }
  .footer_contents .footer_info .info_inner.col_box .col2.shop_info {
    margin-left: 0;
    border-left: 0;
    padding: 0 0 0 2%;
    box-sizing: border-box;
  }
  .footer_contents .footer_info .info_inner.col_box .col2.shop_info dl {
    margin: 16px auto 0;
    color: #226B71;
  }
  .footer_contents .footer_info .info_inner.col_box .col2.shop_info dl dt {
    font-size: 1.4rem;
  }
  .footer_contents .footer_info .info_inner.col_box .col2.shop_info dl dd {
    margin: 8px auto 0;
    font-size: 1.2rem;
  }
  .footer_contents .footer_info .info_inner.col_box .col2.shop_info dl dd.staff_photo {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
  }
  .footer_contents .footer_info .info_inner.col_box .col2.shop_info dl dd.staff_photo figure {
    width: 48%;
    height: auto;
    margin: 4% 0 0 4%;
    justify-content: center;
  }
  .footer_contents .footer_info .info_inner.col_box .col2.shop_info dl dd.staff_photo figure:nth-child(2n+1) {
    margin-left: 0;
  }
  .footer_contents .footer_info .info_inner.col_box .col2.shop_info dl dd.staff_photo figure:nth-child(-n+2) {
    margin-top: 0;
  }
  .footer_contents .footer_info .info_inner.col_box .col2.shop_info dl dd.staff_photo figure img {
    display: block;
    max-width: 160px;
    margin: auto;
  }
  .footer_contents .footer_info .info_inner.col_box .col2.shop_info dl dd.staff_photo figure figcaption {
    margin: 8px auto 0;
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
  }
  .footer_contents .footer_info .copyright {
    margin-bottom: 64px;
  }
  .footer_contents .accessmap {
    width: 100%;
  }
}
/* googlemap
----------------------------------------------------*/
.googlemap {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.googlemap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 896px) {
  .googlemap {
    position: relative;
    padding-bottom: 45%;
    padding-top: 80px;
    height: 0;
    overflow: hidden;
  }

  .googlemap iframe,
  .googlemap object,
  .googlemap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 95%;
  }
}
/* footer_fixed_bnr
----------------------------------------------------*/
.footer_fixed_bnr {
  display: none;
}

@media screen and (max-width: 896px) {
  .footer_fixed_bnr {
    display: flex;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 64px;
    max-height: 150px;
    overflow-y: hidden;
    flex-wrap: wrap;
    align-items: center;
    z-index: 999;
  }
  .footer_fixed_bnr article {
    width: 33.33%;
    height: auto;
    box-sizing: border-box;
    margin: 0 0 0 0;
    color: #fff;
    text-align: center;
    background: #226B71;
  }
  .footer_fixed_bnr article.tel_info {
    width: calc(100% - 33.33% - 33.33%);
  }
  .footer_fixed_bnr article.reserve_page {
    border-left: solid 1px #fff;
  }
  .footer_fixed_bnr article.line {
    border-left: solid 1px #fff;
  }
  .footer_fixed_bnr article a {
    display: block;
    color: #fff;
    padding: 12px 0;
  }
  .footer_fixed_bnr article a p {
    font-size: 1.2rem;
    text-align: center;
  }
  .footer_fixed_bnr article a p i {
    display: block;
    font-size: 2.8rem;
  }
}
/*****************************************************

 Template - Common
 
*****************************************************/
/* main_content
----------------------------------------------------*/
.main_content {
  min-height: 200vh;
}

/* お試しキャンペーン バナー
----------------------------------------------------*/
/* bnr_area
----------------------------------------------------*/
.bnr_area {
  width: 90%;
  max-width: 1240px;
  margin: 80px auto;
  background: #fff;
}

@media screen and (max-width: 896px) {
  .bnr_area {
    margin: 40px auto;
  }
}
/* paragraph
----------------------------------------------------*/
.paragraph p {
  font-family: 'Noto Sans Japanese';
}
.paragraph p + p {
  margin-top: 24px;
}
.paragraph p.note {
  font-size: 1.4rem;
}
.paragraph p.note + .note {
  margin-top: 0;
}

@media screen and (max-width: 896px) {
  .paragraph p + p {
    margin-top: 16px;
  }
  .paragraph p.note {
    font-size: 1.2rem;
  }
  .paragraph p.note + .note {
    margin-top: 0;
  }
}
/* hr
----------------------------------------*/
.hr {
  margin: 24px auto;
  border: 0;
  border-bottom: dotted 1px #ccc;
}

/*　支払方法リスト
----------------------------------------*/
/*　payment_brand_list
----------------------------------------*/
.payment_brand_list li.col5 {
  margin: 0 0 0 2%;
}
.payment_brand_list li img {
  display: block;
  width: 64px;
  height: 64px;
  margin: auto;
}

@media screen and (max-width: 896px) {
  .payment_brand_list li.col5 {
    margin: 0 0 0 2%;
  }
  .payment_brand_list li img {
    display: block;
    width: 40px;
    height: 40px;
    margin: auto;
  }
}
/*****************************************************

 Page - Home
 
*****************************************************/
/* メインビジュアル
----------------------------------------------------*/
/* mainvisual
----------------------------------------------------*/
.mainvisual {
  width: 100%;
  height: 640px;
  background: url("../images/home/bg_mainvisual.jpg") no-repeat center;
  background-size: cover;
  position: relative;
}
.mainvisual .main_title {
  max-width: 640px;
  max-height: 450px;
  position: absolute;
  top: 72px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.mainvisual .main_title .catchcopy {
  color: #226B71;
  font-family: 'Noto Serif JP', serif;
  font-size: 3.2rem;
  font-weight: 900;
  text-align: center;
  letter-spacing: 2.8px;
  line-height: 1.2;
}
.mainvisual .main_title .mint_logo {
  margin: 32px auto 0;
  width: 100%;
  height: 0;
  padding-bottom: 40.6%;
  background: url("../images/common/mint_title_logo.svg") no-repeat center;
  background-size: contain;
  text-indent: -9999px;
}
.mainvisual .main_title p {
  margin: 40px auto 0;
  text-align: center;
}

@media screen and (max-width: 896px) {
  .mainvisual {
    width: 100%;
  }
  .mainvisual .main_title {
    width: 80%;
    height: 70%;
    min-height: 310px;
    top: 40px;
  }
  .mainvisual .main_title .catchcopy {
    font-size: 2.4rem;
    letter-spacing: 1.0px;
  }
  .mainvisual .main_title p {
    margin: 40px auto 0;
    text-align: center;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  .mainvisual {
    max-height: 450px;
  }
  .mainvisual .main_title {
    top: 40px;
  }
  .mainvisual .main_title .catchcopy {
    font-size: 2.4rem;
    letter-spacing: 1.0px;
  }
  .mainvisual .main_title p {
    margin: 40px auto 0;
    text-align: left;
    font-size: 1.2rem;
  }
}
/*SP横向き*/
@media screen and (max-width: 896px) and (orientation: landscape) {
  .mainvisual {
    width: 100%;
    height: 400px;
  }
  .mainvisual .main_title {
    width: 50%;
    height: auto;
    min-height: 310px;
    top: 40px;
  }
  .mainvisual .main_title .catchcopy {
    font-size: 2.4rem;
    letter-spacing: 1.0px;
  }
  .mainvisual .main_title p {
    margin: 40px auto 0;
    text-align: center;
    font-size: 1.2rem;
  }
}
/* Mintについて
----------------------------------------------------*/
/* about
----------------------------------------------------*/
.about .intro_title {
  margin: 80px auto 40px;
  color: #38A9B3;
  font-size: 6.4rem;
  font-weight: 900;
  text-align: center;
  line-height: 1.2;
}
.about .silhouette_1line {
  max-width: 1024px;
  margin: 40px auto 32px;
}
.about .other_voices {
  margin: 80px auto;
}
.about .other_voices .text {
  font-size: 1.8rem;
  font-weight: 900;
}

@media screen and (max-width: 896px) {
  .about .intro_title {
    margin: 40px auto 16px;
    font-size: 2.4rem;
  }
  .about .silhouette_1line {
    margin: 16px auto 24px;
  }
  .about .other_voices {
    margin: 40px auto 32px;
  }
  .about .other_voices .text {
    font-size: 1.4rem;
    font-weight: 900;
  }
}
/*　merit_comment
----------------------------------------*/
.merit_comment {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.merit_comment .silhouette {
  width: 112px;
}
.merit_comment .silhouette img {
  display: block;
}
.merit_comment .paragraph {
  margin-left: auto;
  width: calc(100% - 112px - 48px);
  font-family: 'Noto Sans Japanese';
}
.merit_comment .paragraph p {
  margin-left: 24px;
}
.merit_comment .comment_area {
  margin-bottom: 24px;
  background: #EAF6F7;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 16px;
  position: relative;
}
.merit_comment .comment_area .comment {
  font-size: 2.2rem;
  font-weight: 900;
  letter-spacing: 1px;
}
.merit_comment .comment_area .comment .red {
  color: #E84228;
}
.merit_comment .comment_area::before {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  right: 100%;
  top: 25%;
  border-color: rgba(255, 255, 255, 0);
  border-top-width: 15px;
  border-bottom-width: 15px;
  border-left-width: 15px;
  border-right-width: 25px;
  border-right-color: #EAF6F7;
}

@media screen and (max-width: 896px) {
  .merit_comment .silhouette {
    width: 53px;
  }
  .merit_comment .silhouette img {
    display: block;
  }
  .merit_comment .paragraph {
    margin-left: auto;
    width: calc(100% - 53px - 10px);
    font-family: 'Noto Sans Japanese';
  }
  .merit_comment .paragraph p {
    margin-left: 24px;
  }
  .merit_comment .comment_area {
    margin-bottom: 0;
    padding: 8px;
    border-radius: 16px;
  }
  .merit_comment .comment_area .comment {
    font-size: 1.4rem;
    letter-spacing: 0.2px;
  }
  .merit_comment .comment_area::before {
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 8px;
    border-right-width: 15px;
  }

  .sp_merit_text {
    margin: 16px auto 0;
    width: 95%;
  }
}
/*　sugoi_point_area
----------------------------------------*/
.sugoi_point_area {
  margin-top: 40px;
}
.sugoi_point_area .box_sugoi_point {
  margin-top: 2%;
  background: #fffdc5;
  background: linear-gradient(60deg, rgba(255, 253, 197, 0.8) 0%, rgba(250, 240, 184, 0.5) 30%, rgba(255, 253, 197, 0.5) 59%, rgba(255, 241, 183, 0.3) 100%);
  padding: 24px;
  box-sizing: border-box;
  border-radius: 16px;
}
.sugoi_point_area .box_sugoi_point .point_num {
  display: block;
  font-size: 2.4rem;
  font-weight: 900;
}
.sugoi_point_area .box_sugoi_point .point_num span {
  display: inline-block;
  margin: 0 0 0 6px;
  width: 70px;
  height: 50px;
  background: url(../images/home/icon_crown.svg) no-repeat center;
  padding: 12px 28px 8px;
  box-sizing: border-box;
}
.sugoi_point_area .box_sugoi_point .point_title {
  margin: 0 auto 16px;
  display: block;
  color: #7A3B11;
  font-size: 2.0rem;
  font-weight: 900;
}
.sugoi_point_area .box_sugoi_point p .red {
  color: #E84228;
}

@media screen and (max-width: 896px) {
  .sugoi_point_area {
    margin-top: 16px;
  }
  .sugoi_point_area .box_sugoi_point {
    margin-top: 16px;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 16px;
  }
  .sugoi_point_area .box_sugoi_point .point_num {
    display: block;
    font-size: 1.4rem;
    font-weight: 900;
  }
  .sugoi_point_area .box_sugoi_point .point_num span {
    display: inline-block;
    margin: 0 0 0 6px;
    width: 40px;
    height: 29px;
    background: url(../images/home/icon_crown.svg) no-repeat center;
    padding: 8px 15px 4px;
    box-sizing: border-box;
  }
  .sugoi_point_area .box_sugoi_point .point_title {
    margin: 4px auto 16px;
    display: block;
    color: #7A3B11;
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1.2;
  }
}
/* ご利用方法
----------------------------------------------------*/
/* flow
----------------------------------------------------*/
.flow {
  padding: 32px 0 80px;
}
.flow .bnr_area {
  margin-bottom: 0;
}

@media screen and (max-width: 896px) {
  .flow {
    padding: 16px 0 40px;
  }
  .flow .bnr_area {
    margin-bottom: 0;
  }
}
/* flow_area
----------------------------------------*/
.flow_area {
  margin-top: 40px;
}
.flow_area .box_flow {
  margin-top: 100px;
  border: solid 1px #ccc;
  background: #fff;
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.flow_area .box_flow:first-child {
  margin-top: 0;
}
.flow_area .box_flow::after {
  content: '';
  width: 40px;
  height: 22px;
  background: url(../images/common/arrow_yellow_down.svg) no-repeat center;
  display: inline-block;
  position: absolute;
  bottom: -64px;
  left: 0;
  right: 0;
  margin: auto;
}
.flow_area .box_flow:last-child::after {
  display: none;
}
.flow_area .box_flow .flow_photo {
  width: 50%;
}
.flow_area .box_flow .paragraph {
  width: 50%;
  padding: 24px;
  box-sizing: border-box;
}
.flow_area .box_flow .paragraph .step_num {
  margin: 0 auto 4px;
  display: block;
  color: #38A9B3;
  font-size: 1.6rem;
  font-weight: 900;
}
.flow_area .box_flow .paragraph .step_title {
  margin: 0 auto 16px;
  display: block;
  color: #226B71;
  font-size: 1.6rem;
  font-weight: 900;
}
.flow_area .box_flow .paragraph .payment_title {
  margin: 24px auto 10px;
  display: block;
  color: #333333;
  font-size: 1.4rem;
  font-weight: 900;
}
.flow_area .box_flow .paragraph p {
  font-size: 1.4rem;
}

@media screen and (max-width: 896px) {
  .flow_area {
    margin-top: 40px;
  }
  .flow_area .box_flow {
    margin-top: 64px;
    flex-direction: column;
  }
  .flow_area .box_flow:first-child {
    margin-top: 0;
  }
  .flow_area .box_flow::after {
    content: '';
    width: 24px;
    height: 16px;
    background: url(../images/common/arrow_yellow_down.svg) no-repeat center;
    display: inline-block;
    position: absolute;
    bottom: -42px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .flow_area .box_flow:last-child::after {
    display: none;
  }
  .flow_area .box_flow .flow_photo {
    width: 100%;
  }
  .flow_area .box_flow .paragraph {
    width: 100%;
    padding: 16px 16px 24px;
  }
  .flow_area .box_flow .paragraph .step_num {
    margin: 0 auto 4px;
    display: block;
    color: #38A9B3;
    font-size: 1.4rem;
    font-weight: 900;
  }
  .flow_area .box_flow .paragraph .step_title {
    margin: 0 auto 16px;
    display: block;
    color: #226B71;
    font-size: 1.6rem;
    font-weight: 900;
  }
  .flow_area .box_flow .paragraph .payment_title {
    margin: 16px auto 10px;
    display: block;
    color: #333333;
    font-size: 1.2rem;
    font-weight: 900;
  }
  .flow_area .box_flow .paragraph p {
    font-size: 1.2rem;
  }
}
/*　THR方式について
----------------------------------------------------*/
/*　thr_method
----------------------------------------------------*/
.thr_method {
  padding: 32px 0 80px;
  /*background: url(../images/home/thr_photo02.jpg) no-repeat right top;
  background-size: 50%;*/
}

@media screen and (max-width: 1300px) {
  .thr_method {
    margin-top: 40px;
    padding: 0 0 40px;
    background: url(../images/home/thr_photo02.jpg) no-repeat right top;
    background-size: 50%;
  }
}
/*　thr_intro
----------------------------------------*/
.thr_intro {
  /*background:url("../images/home/thr_photo02.jpg") no-repeat right center;*/
  /*background: url(../images/home/thr_photo02.jpg) no-repeat right top;
  background-size: 50%;*/
}
.thr_intro .paragraph {
  max-width: 640px;
  margin: 0 auto 0 0;
}
.thr_intro.col_box {
  align-items: center;
}
.thr_intro.col_box .col2.paragraph {
  /*width:calc(100% - 493px );*/
  width: 640px;
}
.thr_intro.col_box .col2.machine_photo {
  /*width:493px;*/
  width: calc(100% - 640px - 64px );
  margin-left: auto;
}

@media screen and (max-width: 1300px) {
  .thr_intro.col_box {
    align-items: center;
  }
  .thr_intro.col_box .col2.paragraph {
    width: 100%;
  }
  .thr_intro.col_box .col2.machine_photo {
    width: 100%;
    display: none;
  }
}
/*　MP4 ビデオ　スタイル
----------------------------------------*/
figure.mp4_video {
  margin: 40px auto 0;
}
figure.mp4_video video {
  display: block;
  margin: 0 auto;
}
figure.mp4_video .video_inner {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
figure.mp4_video .video_inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
figure.mp4_video figcaption h3 {
  margin-top: 16px;
  color: #555555;
  font-weight: 900;
}
figure.mp4_video figcaption .note {
  margin-top: 8px;
  display: block;
  font-size: 1.4rem;
  font-weight: 400;
}

@media screen and (max-width: 896px) {
  figure.mp4_video {
    margin: 40px auto 0;
  }
  figure.mp4_video video {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}
/*　THR方式3つのメリット
----------------------------------------*/
/*　thr_3point
----------------------------------------*/
.thr_3point {
  margin-top: 40px;
}
.thr_3point .box_thr_point {
  background: #EAF6F7;
  padding: 24px;
  box-sizing: border-box;
  border-radius: 16px;
}
.thr_3point .box_thr_point .point_title {
  margin: 0 auto 8px;
  color: #226B71;
  font-size: 2.4rem;
  font-weight: 900;
  position: relative;
}
.thr_3point .box_thr_point .point_title.point01::after {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../images/home/icon_thr_point01.svg") no-repeat center;
  position: absolute;
  bottom: 6px;
  right: auto;
  margin-left: 6px;
}
.thr_3point .box_thr_point .point_title.point02::after {
  content: '';
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url("../images/home/icon_thr_point02.svg") no-repeat center;
  position: absolute;
  bottom: 6px;
  right: auto;
  margin-left: 6px;
}
.thr_3point .box_thr_point .point_title.point03::after {
  content: '';
  display: inline-block;
  width: 42px;
  height: 40px;
  background: url("../images/home/icon_thr_point03.svg") no-repeat center;
  position: absolute;
  bottom: 6px;
  right: auto;
  margin-left: 6px;
}

@media screen and (max-width: 896px) {
  .thr_3point {
    margin-top: 40px;
  }
  .thr_3point .box_thr_point {
    background: #EAF6F7;
    padding: 16px;
    box-sizing: border-box;
    border-radius: 16px;
  }
  .thr_3point .box_thr_point .point_title {
    margin: 0 auto 8px;
    font-size: 1.8rem;
  }
  .thr_3point .box_thr_point .point_title.point01::after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../images/home/icon_thr_point01.svg") no-repeat center;
    position: absolute;
    bottom: 6px;
    right: auto;
    margin-left: 6px;
  }
  .thr_3point .box_thr_point .point_title.point02::after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("../images/home/icon_thr_point02.svg") no-repeat center;
    position: absolute;
    bottom: 6px;
    right: auto;
    margin-left: 6px;
  }
  .thr_3point .box_thr_point .point_title.point03::after {
    content: '';
    display: inline-block;
    width: 31px;
    height: 29px;
    background: url("../images/home/icon_thr_point03.svg") no-repeat center;
    position: absolute;
    bottom: 6px;
    right: auto;
    margin-left: 6px;
  }
}
/*　従来の脱毛方式との比較
----------------------------------------*/
/*　thr_comparison
----------------------------------------*/
.thr_comparison {
  /*.col2{
  	max-width:570px;
  	margin: 4% 0 0 auto;
  	
  	&:nth-child(-n+2) {
  		margin-top: 0;
  	}		
  }*/
}
.thr_comparison figure {
  max-width: 570px;
}
.thr_comparison figure + p {
  margin-top: 24px;
}

@media screen and (min-width: 897px) {
  .thr_comparison .col2 {
    max-width: 570px;
    margin: 4% 0 0 auto;
  }
  .thr_comparison .col2:nth-child(-n+2) {
    margin-top: 0;
  }
}
/*　脱毛効果 BEFORE&AFTER
----------------------------------------------------*/
/*　before_after
----------------------------------------------------*/
.before_after {
  padding: 32px 0 80px;
}
.before_after .col3_slider .slick-slide {
  position: relative;
  margin: 0 24px;
}
.before_after .col3_slider .slick-slide::after {
  display: block;
  content: '';
  width: 14px;
  height: 100%;
  background: url(../images/common/arrow_green_right.svg) no-repeat right center;
  position: absolute;
  right: -32px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.before_after .col3_slider .slick-slide:last-child::after {
  display: none;
}

@media screen and (max-width: 896px) {
  .before_after {
    padding: 16px 0 40px;
  }
  .before_after .bnr_area {
    margin-bottom: 0;
  }
}
/* 2カラム・スライダー
----------------------------------------*/
/* col2_slider
----------------------------------------*/
.col2_slider {
  margin-top: 64px;
}
.col2_slider .slick-slide {
  margin: 0 32px;
  position: relative;
}
.col2_slider .slick-slide::after {
  display: block;
  content: '';
  width: 14px;
  height: 100%;
  background: url(../images/common/arrow_green_right.svg) no-repeat right center;
  position: absolute;
  right: -40px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.col2_slider .slick-slide:nth-child(2)::after {
  display: none;
}
.col2_slider .slick-list {
  /*padding: 0 0 20px;*/
  padding: 0 0 0;
}
.col2_slider figure {
  /*max-width:590px;*/
  position: relative;
}
.col2_slider figure figcaption {
  margin: 8px 0 0;
  font-size: 1.6rem;
  color: #226B71;
  font-weight: 700;
}
.col2_slider a {
  display: block;
  width: 100%;
  height: 100%;
}
.col2_slider a:hover {
  opacity: 0.7;
}
.col2_slider .slide-arrow {
  z-index: 10;
  transition: 0.3s;
}
.col2_slider .slide-arrow:hover {
  opacity: 0.7;
}
.col2_slider .prev-arrow {
  width: 21px;
  height: 42px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/arrow_green_left.svg") no-repeat;
  background-size: contain;
  position: absolute;
  top: 40%;
  left: -56px;
}
.col2_slider .prev-arrow.slick-disabled {
  display: none !important;
}
.col2_slider .next-arrow {
  width: 21px;
  height: 42px;
  text-indent: -9999px;
  overflow: hidden;
  background: url("../images/common/arrow_green_right.svg") no-repeat;
  background-size: contain;
  position: absolute;
  top: 40%;
  right: -56px;
}
.col2_slider .next-arrow.slick-disabled {
  display: none !important;
}
.col2_slider .slide-dots {
  text-align: center;
}
.col2_slider .slide-dots li {
  display: inline-block;
  margin: 6px 12px 0 12px;
}
.col2_slider .slide-dots li:first-child {
  margin-left: 0;
}
.col2_slider .slide-dots li button {
  position: relative;
  text-indent: -9999px;
}
.col2_slider .slide-dots li button:before {
  content: '';
  width: 12px;
  height: 12px;
  background: #fff;
  border: solid 1px #226B71;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.col2_slider .slide-dots li.slick-active button:before {
  content: '';
  background: #226B71;
}

@media screen and (max-width: 1030px) {
  .col2_slider {
    margin-top: 40px;
  }
  .col2_slider .slick-slide::after {
    display: none;
  }
  .col2_slider .prev-arrow {
    left: 0;
  }
  .col2_slider .next-arrow {
    right: 0;
  }
}
@media screen and (max-width: 480px) {
  .col2_slider {
    margin-top: 24px;
  }
  .col2_slider .slick-slide {
    margin: 0 0;
  }
  .col2_slider figure {
    max-width: none;
  }
  .col2_slider figure figcaption {
    font-size: 1.4rem;
  }
  .col2_slider article {
    max-width: none;
  }
}
/*　料金案内
----------------------------------------------------*/
/*　service
----------------------------------------------------*/
.service {
  padding: 32px 0 80px;
}
.service .section_title + .catch {
  margin-top: 32px;
}
.service .catch + .service_title {
  margin-top: 24px;
}
.service .catch {
  color: #226B71;
  font-size: 3.2rem;
  font-family: 'Noto Sans Japanese';
  font-weight: 900;
}
.service .catch span.red {
  color: #E84228;
}

@media screen and (max-width: 896px) {
  .service {
    padding: 16px 0 40px;
  }
  .service .section_title + .catch {
    margin-top: 32px;
  }
  .service .catch + .service_title {
    margin-top: 24px;
  }
  .service .catch {
    color: #226B71;
    font-size: 1.8rem;
    font-family: 'Noto Sans Japanese';
    font-weight: 900;
  }
  .service .catch span.red {
    color: #E84228;
  }
}
/* parts_price
----------------------------------------*/
.parts_price {
  padding: 0 0 24px;
  box-sizing: border-box;
  border-bottom: dotted 1px #ccc;
}
.parts_price figure img {
  display: block;
  max-width: 111px;
  max-height: 132px;
  margin: auto;
}
.parts_price figure img:nth-child(8n+1) {
  margin-left: 0;
}
.parts_price .section_sub_title {
  margin: 40px auto 32px;
}

@media screen and (max-width: 896px) {
  .parts_price {
    padding: 0 0 24px;
    box-sizing: border-box;
    border-bottom: dotted 1px #ccc;
  }
  .parts_price figure img {
    display: block;
    max-width: 72px;
    max-height: 86px;
    margin: auto;
  }
  .parts_price .section_sub_title {
    margin: 24px auto 16px;
  }
  .parts_price.zenshin .price_info.col_box .sp_col1 {
    border-top: dotted 1px #ccc;
  }
  .parts_price.zenshin .price_info.col_box .sp_col1:first-child {
    border-top: 0;
  }
}
/* price_info
----------------------------------------*/
.price_info .col2 {
  min-width: 540px;
}

@media screen and (max-width: 896px) {
  .price_info .col2 {
    min-width: 0;
  }
}
/* parts_select
----------------------------------------*/
.parts_select .body_parts .catch {
  color: #555;
  font-size: 1.8rem;
  font-family: 'Noto Sans Japanese';
  font-weight: 900;
  text-align: left;
}
.parts_select .body_parts .col_box {
  margin-top: 24px;
}
.parts_select.parts_price .section_sub_title:first-child {
  margin-top: 0;
}

@media screen and (max-width: 896px) {
  .parts_select .body_parts .catch {
    font-size: 1.3rem;
  }
  .parts_select .body_parts .col_box {
    margin-top: 24px;
  }
  .parts_select.parts_price .section_sub_title:first-child {
    margin-top: 0;
  }
}
/*　オプション・その他サービス
----------------------------------------------------*/
/*　option_menu
----------------------------------------------------*/
.option_menu {
  padding: 32px 0 80px;
}

@media screen and (max-width: 896px) {
  .option_menu {
    padding: 16px 0 40px;
  }
}
/*　決済方法
----------------------------------------------------*/
/*　payment
----------------------------------------------------*/
.payment {
  padding: 32px 0 80px;
}
.payment .payment_brand_list {
  margin-top: 40px;
  width: 100%;
  padding: 24px;
  box-sizing: border-box;
  border-radius: 24px;
}

@media screen and (max-width: 896px) {
  .payment {
    padding: 16px 0 40px;
  }
  .payment .section_sub_title {
    margin: 24px auto 16px;
    font-size: 1.4rem;
  }
  .payment .payment_brand_list {
    margin-top: 16px;
    width: 100%;
    padding: 16px 24px;
    box-sizing: border-box;
    border-radius: 16px;
  }
}
/* よくある質問
----------------------------------------------------*/
/* faq
----------------------------------------*/
.faq {
  padding: 32px 0 80px;
}
.faq .inner {
  max-width: 1240px;
}
.faq .box_faq {
  margin-top: 32px;
}
.faq .box_faq:first-of-type {
  margin-top: 64px;
}
.faq .box_faq dd {
  background: rgba(255, 255, 255, 0.8);
  padding: 32px 32px 24px;
  box-sizing: border-box;
}
.faq .box_faq dd p {
  color: #333333;
  font-size: 1.6rem;
  line-height: 1.65;
}

@media screen and (max-width: 896px) {
  .faq {
    padding: 16px 0 40px;
  }
  .faq .box_faq {
    margin-top: 3%;
  }
  .faq .box_faq:first-of-type {
    margin-top: 24px;
  }
  .faq .box_faq dd {
    padding: 24px 16px 24px;
    box-sizing: border-box;
  }
  .faq .box_faq dd p {
    color: #333333;
    font-size: 1.2rem;
    line-height: 1.65;
  }
}
/* アコーディオン
-------------------------------*/
/* dl_accordion_li */
.dl_accordion_li {
  position: relative;
  width: 100%;
  height: auto;
  margin: -1% 0 0 0;
}
.dl_accordion_li > li {
  box-sizing: border-box;
  float: left;
  width: 48%;
  height: auto;
  margin: 2% 1% 0;
}

/* dl_accordion */
.dl_accordion {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  line-height: 1.4;
}
.dl_accordion dt {
  position: relative;
  width: 100%;
  height: auto;
  border: 2px #38A9B3 solid;
  background: #38A9B3;
  padding: 26px 32px 26px 16px;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.dl_accordion dt .accordion_ttl {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
}
.dl_accordion dt::before {
  content: '\f078';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  font-size: 1.4rem;
  color: #fff;
}
.dl_accordion dt.active::before {
  content: '\f077';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.dl_accordion dd {
  display: none;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 0;
}

@media screen and (max-width: 896px) {
  .dl_accordion dt {
    font-size: 1.2rem;
    padding: 8px 32px 7px 16px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .dl_accordion dt .accordion_ttl {
    font-size: 1.4rem;
  }
  .dl_accordion dt::before {
    font-size: 1.2rem;
  }
}
/* お客様の声
----------------------------------------------------*/
/* voice
----------------------------------------*/
.voice {
  padding: 32px 0 0;
}
.voice .interview .box_interview {
  margin: 40px auto 0;
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  background: #EAF6F7;
  padding: 40px;
  box-sizing: border-box;
  border-radius: 16px;
}
.voice .interview .box_interview .interviewee {
  width: 193px;
}
.voice .interview .box_interview .interviewee img {
  display: block;
  max-width: 193px;
  margin: auto;
}
.voice .interview .box_interview .interviewee figcaption {
  margin: 8px auto 0;
  color: #226B71;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
}
.voice .interview .box_interview .paragraph {
  width: calc(100% - 193px - 40px);
  max-width: 940px;
  margin-left: 40px;
}
.voice .interview .box_interview .paragraph .question {
  margin: 24px auto 8px;
  color: #226B71;
  font-size: 1.6rem;
  font-weight: 700;
}
.voice .interview .box_interview .paragraph .question:first-child {
  margin-top: 0;
}
.voice .review {
  margin: 40px auto 0;
}
.voice .review .box_review {
  background: #EAF6F7;
  padding: 24px;
  box-sizing: border-box;
  border-radius: 16px;
  position: relative;
}
.voice .review .box_review .review_date {
  margin: 24px auto 0;
  color: #226B71;
  font-size: 1.6rem;
  font-weight: 700;
  position: relative;
  bottom: 0;
}

@media screen and (max-width: 896px) {
  .voice {
    padding: 32px 0 0;
  }
  .voice .interview .box_interview {
    margin: 24px auto 0;
    flex-direction: column;
    padding: 24px 16px;
  }
  .voice .interview .box_interview .interviewee {
    width: 100%;
  }
  .voice .interview .box_interview .interviewee img {
    display: block;
    max-width: 193px;
    margin: auto;
  }
  .voice .interview .box_interview .interviewee figcaption {
    margin: 8px auto 0;
    color: #226B71;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
  }
  .voice .interview .box_interview .paragraph {
    width: 100%;
    margin: 5% auto 0;
  }
  .voice .interview .box_interview .paragraph .question {
    margin: 16px auto 8px;
    font-size: 1.2rem;
  }
  .voice .interview .box_interview .paragraph .question:first-child {
    margin-top: 0;
  }
  .voice .interview .box_interview .paragraph p {
    font-size: 1.2rem;
  }
  .voice .review {
    margin: 24px auto 0;
  }
  .voice .review .box_review {
    background: #EAF6F7;
    padding: 16px 16px;
    box-sizing: border-box;
    border-radius: 16px;
    position: relative;
  }
  .voice .review .box_review p {
    font-size: 1.2rem;
  }
  .voice .review .box_review .review_date {
    margin: 12px auto 0;
    color: #226B71;
    font-size: 1.2rem;
    font-weight: 700;
    position: relative;
    bottom: 0;
  }
}