@charset "UTF-8";

@font-face {
  font-family: "NotoSansJP-Black";
  src: url("../fonts/NotoSansJP-Black.otf") format("otf");
  font-weight: normal;
}

@font-face {
  font-family: "NotoSansJP-Bold";
  src: url("../fonts/NotoSansJP-Bold.otf") format("otf");
  font-weight: normal;
}

@font-face {
  font-family: "NotoSansJP-Medium";
  src: url("../fonts/NotoSansJP-Medium.otf") format("otf");
  font-weight: normal;
}

@font-face {
  font-family: "NotoSerifJP-Black";
  src: url("../fonts/noto-serif-jp/NotoSerifJP-Black.otf") format("otf");
  font-weight: normal;
}

@font-face {
  font-family: "NotoSerifJP-Bold.";
  src: url("../fonts/noto-serif-jp/NotoSerifJP-Bold.otf") format("otf");
  font-weight: normal;
}

@font-face {
  font-family: "NotoSerifJP-SemiBold";
  src: url("../fonts/noto-serif-jp/NotoSerifJP-SemiBold.otf") format("otf");
  font-weight: normal;
}

@font-face {
  font-family: "NotoSerifJP-Regular";
  src: url("../fonts/noto-serif-jp/NotoSerifJP-Regular.otf") format("otf");
  font-weight: normal;
}

/*common*/

h1, h2, h3 , h4 {
  font-weight: normal;
}

img {
  max-width: 100%;
}

a {
  color: #454545;
  text-decoration: none;
}

li {
  list-style: none;
}

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

.no_pc {
  display: none;
}

/*common*/

/*header*/
.header {
  height: calc(80/ 1366 * 100vw);
  background-color: rgba(255, 255, 255, 0.8);
  align-items: center;
  position: absolute;
  z-index: 10;
  top: 0;
  width: -webkit-fill-available;
}

.header h1 img {
  width: calc(208/ 1366 * 100vw);
  margin-left: calc(107/ 1366 * 100vw);
}

.header li {
  font-family: NotoSansJP-Regular;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(28/ 1366 * 100vw);
  width: calc(96/ 1366 * 100vw);
  height: calc(32/ 1366 * 100vw);
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #606060;
  margin-right: calc(8/ 1366 * 100vw);
}

.nav_button {
  width: calc(192/ 1366 * 100vw);
  height: calc(36/ 1366 * 100vw);
  background-color: #0097A7;
  font-family: NotoSansJP-Bold;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(28/ 1366 * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: calc( 15/ 1366 * 100vw);
  margin-right: calc(108/ 1366 * 100vw);
}

.nav_button .no_pc a{
  display: none;
}

.nav_button_sp{
  display: none;
}

.header .nav ul {
  display: none;
}


.header .fa-chevron-right:before {
    content: "\f054";
    font-size: calc( 16/ 1366 * 100vw);
    margin-left: calc(5/ 1366 * 100vw);
    margin-bottom: calc(3/ 1366 * 100vw);
}

.header .humburger-navi {
      margin-right: calc(-439/ 1366 * 100vw);
}

.humburger-navi {
  display: none;
}

/*header*/

/*swiper*/
.top {
  position: relative;
}

.swiper {
  width: calc( 1366/ 1366 * 100vw);
  height: calc( 768/ 1366 * 100vw);
  transition-timing-function: linear;
  position: relative;
}

.swiper img {
  width: calc( 1366/ 1366 * 100vw);
  height: calc( 830/ 1366 * 100vw);
  position: absolute;
  top: 0;
  opacity: 0.7;
}

.top h2 {
  font-family: NotoSerifJP-Regular;
  font-size: calc(36/ 1366 * 100vw);
  line-height: calc(63/ 1366 * 100vw);
  width: calc(430/ 1366 * 100vw);
  position: absolute;
  bottom: calc(71/ 1366 * 100vw);;
  left: calc(110/ 1366 * 100vw);;
  z-index: 10;
}


.no_pc1 {
  display: none;
}

/*swiper*/

/*circle*/

.circle_container {
  width: calc( 1048.73/ 1366 * 100vw);
  margin: 0 auto;
  padding-top: calc( 59.5/ 1366 * 100vw) ;
  padding-bottom: calc( 53.7/ 1366 * 100vw) ;
}

.circle_container ul li{
  width: auto;
}

.circle {
  width: calc( 160/ 1366 * 100vw);
  height: calc( 160/ 1366 * 100vw);
  border: 4px solid #0097A7;
  border-radius: calc( 100/ 1366 * 100vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: calc( 9.3/ 1366 * 100vw);
}

.attract {
  font-family: NotoSerifJP-Bold;
  font-size: calc(24/ 1366 * 100vw);
  line-height: calc(42/ 1366 * 100vw);
  color: #0097A7;
}

.number {
  font-family: NotoSansJP-Regular;
  font-size: calc(48/ 1366 * 100vw);
  line-height: calc(62/ 1366 * 100vw);
  color: #0097A7;
}

.point {
  font-family: NotoSansJP-Regular;
  font-size: calc(24/ 1366 * 100vw);
  line-height: calc(42/ 1366 * 100vw);
  text-align: center;
}
/*circle*/

/*free_apply*/
.free_apply{
  padding-top: calc(29.3/ 1366 * 100vw);
  padding-bottom: calc(0.3/ 1366 * 100vw);
  background-color: #B5E9EE;
}

.free_apply2{
  padding-top: calc(24.3/ 1366 * 100vw);
  padding-bottom: calc(0.3/ 1366 * 100vw);
  background-color: #B5E9EE;
}

.free_apply3{
  padding-top: calc(25.3/ 1366 * 100vw);
  padding-bottom: calc(0.3/ 1366 * 100vw);
  background-color: #B5E9EE;
}

.free_apply h2 {
  font-family: NotoSerifJP-Bold;
  font-size: calc(48/ 1366 * 100vw);
  line-height: calc(84/ 1366 * 100vw);
  color: #0097A7;
  padding-bottom: calc(33.8/ 1366 * 100vw);
  text-align: center;
}

.free_apply2 h2 {
  font-family: NotoSerifJP-Bold;
  font-size: calc(48/ 1366 * 100vw);
  line-height: calc(104/ 1366 * 100vw);
  color: #0097A7;
  padding-bottom: calc(25.8/ 1366 * 100vw);
  text-align: center;
}

.free_apply3 h2 {
  font-family: NotoSerifJP-Bold;
  font-size: calc(48/ 1366 * 100vw);
  line-height: calc(104/ 1366 * 100vw);
  color: #0097A7;
  padding-bottom: calc(25.8/ 1366 * 100vw);
  text-align: center;
}

.free_container {
  margin-left: calc(473.5/ 1366 * 100vw);
}

.free_container p{
  margin-bottom: calc(9.4/ 1366 * 100vw);
  font-family: NotoSansJP-Regular;
  font-size: calc(24/ 1366 * 100vw);
  line-height: calc(42/ 1366 * 100vw);
}

.free_button {
  width: calc(558/ 1366 * 100vw);
  height: calc(78/ 1366 * 100vw);
  background-color: #0097A7;
  font-family: NotoSansJP-Bold;
  font-size: calc(32/ 1366 * 100vw);
  line-height: calc(56/ 1366 * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: calc( 18/ 1366 * 100vw);
  box-shadow: calc(5/ 1366 * 100vw) calc(6/ 1366 * 100vw) #87ABAE;
  margin: 0 auto;
  margin-top: calc(50.5/ 1366 * 100vw);
  margin-bottom: calc(60/ 1366 * 100vw);
}

.free_container {
  margin-left: calc(473.5/ 1366 * 100vw);
}

.free_container p{
  margin-bottom: calc(9.4/ 1366 * 100vw);
  font-family: NotoSansJP-Regular;
  font-size: calc(24/ 1366 * 100vw);
  line-height: calc(42/ 1366 * 100vw);
}

.free_button {
  width: calc(558/ 1366 * 100vw);
  height: calc(78/ 1366 * 100vw);
  background-color: #0097A7;
  font-family: NotoSansJP-Bold;
  font-size: calc(32/ 1366 * 100vw);
  line-height: calc(56/ 1366 * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: calc( 18/ 1366 * 100vw);
  box-shadow: calc(5/ 1366 * 100vw) calc(6/ 1366 * 100vw) #87ABAE;
  margin: 0 auto;
  margin-top: calc(50.5/ 1366 * 100vw);
  margin-bottom: calc(60/ 1366 * 100vw);
}

.fa-chevron-right:before {
    margin-left: calc(15/ 1366 * 100vw);
    font-size: calc(34/ 1366 * 100vw);
    margin-top: calc(5/ 1366 * 100vw);
    display: block;
}

.fa-square:before{
  width: calc(21/ 1366 * 100vw);
  height: calc(24/ 1366 * 100vw);
  margin-right: calc(19/ 1366 * 100vw);
  text-shadow: calc(2/ 1366 * 100vw) calc(2/ 1366 * 100vw) 0 #88adb0;
}


/*free_apply*/

/*four_points*/

.four_container {
  margin: 0 auto;
  padding-top: calc(45.3/ 1366 * 100vw);
}

.four_container h2 {
  font-family: NotoSerifJP-Bold;
  font-size: calc(48/ 1366 * 100vw);
  line-height: calc(84/ 1366 * 100vw);
  color: #0097A7;
  padding-bottom: calc(17/ 1366 * 100vw);
  text-align: center;
}

.four_contents {
  width: calc(950/ 1366 * 100vw);
  margin: 0 auto;
}

.four_contents3 {
  width: calc(950/ 1366 * 100vw);
  margin: 0 auto;
}


.four_contents4 {
  width: calc(1146/ 1366 * 100vw);
  margin: 0 auto;
  padding-bottom: calc(63/ 1366 * 100vw);
  padding-top: calc(23/ 1366 * 100vw);
}

.four_contents span {
  background: linear-gradient( transparent 0 calc(9/ 1366 * 100vw), #B5E9EE calc(1/ 1366 * 100vw) calc(47/ 1366 * 100vw), transparent calc(2/ 1366 * 100vw) calc(104/ 1366 * 100vw));
}

.four_contents3 span {
  background: linear-gradient( transparent 0 calc(9/ 1366 * 100vw), #B5E9EE calc(1/ 1366 * 100vw) calc(47/ 1366 * 100vw), transparent calc(2/ 1366 * 100vw) calc(104/ 1366 * 100vw));
}

.four_contents4 span {
    background: linear-gradient( transparent 0 calc(9/ 1366 * 100vw), #B5E9EE calc(1/ 1366 * 100vw) calc(47/ 1366 * 100vw), transparent calc(2/ 1366 * 100vw) calc(104/ 1366 * 100vw));
}

.num {
  font-family: NotoSerifJP-Regular;
  font-size: calc(48/ 1366 * 100vw);
  line-height: calc(84/ 1366 * 100vw);
  color: #606060;
  text-align: center;
  padding-bottom: calc(2/ 1366 * 100vw);
}

.num2 {
  font-family: NotoSerifJP-Regular;
  font-size: calc(48/ 1366 * 100vw);
  line-height: calc(51/ 1366 * 100vw);
  color: #606060;
  text-align: center;
  padding-bottom: calc(26/ 1366 * 100vw);
}

.four_contents h3 {
  font-family: NotoSerifJP-Regular;
  font-size: calc(36/ 1366 * 100vw);
  line-height: calc(38/ 1366 * 100vw);
  color: #606060;
  text-align: center;
  padding-bottom: calc(38.3/ 1366 * 100vw);
}

.four_contents3 h3 {
  font-family: NotoSerifJP-Regular;
  font-size: calc(36/ 1366 * 100vw);
  line-height: calc(38/ 1366 * 100vw);
  color: #606060;
  text-align: center;
  padding-bottom: calc(42.3/ 1366 * 100vw);
}

.four_contents4 h3 {
  font-family: NotoSerifJP-Regular;
  font-size: calc(36/ 1366 * 100vw);
  line-height: calc(49/ 1366 * 100vw);
  color: #606060;
  text-align: center;
  padding-bottom: calc(31.3/ 1366 * 100vw);
}

.counseling{
  margin-bottom: calc(40/ 1366 * 100vw);
}

.counseling h4 {
  font-family: NotoSansJP-Regular;
  font-size: calc(32/ 1366 * 100vw);
  line-height: calc(56/ 1366 * 100vw);
  color: #fff;
  text-align: center;
  background-color: #0097A7;
  border-radius: calc(20/ 1366 * 100vw) calc(20/ 1366 * 100vw) 0 0 ;
  margin-bottom: calc(10/ 1366 * 100vw);
}

.counseling h5 {
  font-family: NotoSansJP-Regular;
  font-size: calc(24/ 1366 * 100vw);
  line-height: calc(42/ 1366 * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #DDDDDD;
  width: calc(274/ 1366 * 100vw);
  margin:0 calc(10/ 1366 * 100vw) calc(10/ 1366 * 100vw) 0;
  font-weight: normal;
}

.counseling .flex {
  justify-content:flex-start;
}

.four_p {
  font-family: NotoSansJP-Regular;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(28/ 1366 * 100vw);
  width: calc(666/ 1366 * 100vw);
  background-color: #EEEEEE;
  margin-bottom: calc(10/ 1366 * 100vw);
  height: calc(72/ 1366 * 100vw);
  display: grid;
  align-content: center;
  
}

.four_p p {
  margin-left: calc(29/ 1366 * 100vw);
  
}

.last_p {
  border-radius: 0 0 calc(20/ 1366 * 100vw) 0;
}

 .estimate {
  border-radius: 0 0 0 calc(20/ 1366 * 100vw);
  background-color: #fff;
}

.price_container {
  width: calc(950.41/ 1366 * 100vw);
  margin: 0 auto;
  margin-bottom: calc(-5/ 1366 * 100vw);
}

.entry {
  margin-right: calc(90.4/ 1366 * 100vw)
}

.price_container h6 {
  width: calc(430/ 1366 * 100vw);
  background-color: #0097A7;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: NotoSansJP-Bold;
  font-size: calc(35.95/ 1366 * 100vw);
  line-height: calc(62.92/ 1366 * 100vw);
}

.price_number1 {
  color: #0097A7;
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-family: NotoSerifJP-Bold;
  font-size: calc(79.9/ 1366 * 100vw);
  line-height: calc(175.82/ 1366 * 100vw);
}

.price_number2 {
  color: #0097A7;
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-family: NotoSerifJP-Bold;
  font-size: calc(79.9/ 1366 * 100vw);
  line-height: calc(175.82/ 1366 * 100vw);
}

.price_p {
  font-family: NotoSansJP-Regular;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(0/ 1366 * 100vw);
  text-align: center;
  padding-bottom: calc(37/ 1366 * 100vw);
}

.tax {
  color: #0097A7;
  font-family: NotoSerifJP-Bold;
  font-size: calc(23.97/ 1366 * 100vw);
  line-height: calc(41.95/ 1366 * 100vw);
  margin-right: calc(2/ 1366 * 100vw);
}

.room_container {
  width: calc(949.99/ 1366 * 100vw);
  margin: 0 auto;
  
}

.room_container img {
  width: calc(459.99/ 1366 * 100vw);
  height: calc(258.98/ 1366 * 100vw);
  margin-right: calc(0/ 1366 * 100vw);
}

.room_container .img_cont1 img {
  width: calc(459.99/ 1366 * 100vw);
  height: calc(305.98/ 1366 * 100vw);
  margin-right: calc(0/ 1366 * 100vw);
  margin-bottom: calc(-21/ 1366 * 100vw);
  margin-top: calc(-21/ 1366 * 100vw);
}

.room_container .img_cont2 img {
  width: calc(459.99/ 1366 * 100vw);
    height: calc(306.98/ 1366 * 100vw);
    margin-right: calc(0/ 1366 * 100vw);
    margin-bottom: calc(-2/ 1366 * 100vw);
    margin-top: calc(-44/ 1366 * 100vw);
}

.animate__animated {
  opacity: 0;
}

.room_container p {
  font-family: NotoSansJP-Regular;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(28/ 1366 * 100vw);
  width: calc(401.71/ 1366 * 100vw);
  margin: 0 auto;
  padding-top: calc(12/ 1366 * 100vw);
}

.room_p {
  font-family: NotoSansJP-Regular;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(28/ 1366 * 100vw);
  width: calc(401.71/ 1366 * 100vw);
  margin: 0 auto;
  padding-top: calc(10/ 1366 * 100vw);
}

.img_cont {
  padding-bottom: calc(27/ 1366 * 100vw);
}

#google-map {
  width: calc(1146/ 1366 * 100vw);
  height: calc(480/ 1366 * 100vw);
  margin: 0 auto;
}

.map_p  {
  font-family: NotoSansJP-Regular;
  font-size: calc(16/ 1366 * 100vw);
  line-height: calc(28/ 1366 * 100vw);
  text-align: center;
  padding-top: calc(19/ 1366 * 100vw);
  padding-left: calc(5/ 1366 * 100vw);
}

.address {
  font-family: NotoSansJP-Regular;
  font-size: calc(24/ 1366 * 100vw);
  line-height: calc(42/ 1366 * 100vw);
  text-align: center;
  padding-top: calc(11/ 1366 * 100vw);
  padding-bottom: calc(23/ 1366 * 100vw);
  padding-left: calc(32/ 1366 * 100vw);
}


.biz-hour {
  border-collapse: collapse;
  overflow-x: scroll;
  width: calc(946/ 1366 * 100vw);
  padding-bottom: calc(60/ 1366 * 100vw);
  margin: 0 auto;
  margin-bottom: calc(80/ 1366 * 100vw);
}

.biz-hour th {
  font-weight: normal;
}


.four_contents4 td:nth-child(1) {
  padding-left: calc(102/ 1366 * 100vw);
  padding-right: calc(63/ 1366 * 100vw);
}

.four_contents4 th:nth-child(7){
  width: calc(262/ 1366 * 100vw);
}

.four_contents4 th:nth-child(8) {
    width: calc(323/ 1366 * 100vw);
    padding-right: calc(67/ 1366 * 100vw);
}

.four_contents4 td:nth-child(8) {
    padding-left: calc(12/ 1366 * 100vw);
}



.biz-hour {
  border-collapse: collapse;
  overflow-x: scroll;
  width: calc(946/ 1366 * 100vw);
  padding-bottom: calc(60/ 1366 * 100vw);
  margin: 0 auto;
  padding-bottom: calc(80/ 1366 * 100vw);
}

.biz-hour td {
  border-bottom: 1px solid #606060;
  font-family: NotoSansJP-Regular;
  font-size: calc(24/ 1366 * 100vw);
  line-height: calc(42/ 1366 * 100vw);
}


.biz-hour th {
  font-weight: normal;
  font-family: NotoSansJP-Regular;
  font-size: calc(24/ 1366 * 100vw);
  line-height: calc(42/ 1366 * 100vw);
  background-color: #0097A7;
  color: #fff;
  width: calc(300/ 1366 * 100vw);
}

/*four_points*/

/*faq*/
.faq_container {
  width: calc(950.68/ 1366 * 100vw);
  margin: 0 auto;
  padding-top: calc(58.7/ 1366 * 100vw);
  padding-bottom: calc(54.6/ 1366 * 100vw);
}

.faq_container h2 {
  font-family: NotoSerifJP-Bold;
  font-size: calc(48/ 1366 * 100vw);
  line-height: calc(32/ 1366 * 100vw);
  color: #0097A7;
  padding-bottom: calc(64/ 1366 * 100vw);
  text-align: center;
}

.accordion {
  margin-bottom: calc(0/ 1366 * 100vw);
}

.accordion3 {
  margin-bottom: calc(0/ 1366 * 100vw);
}

.accordion4 {
  margin-bottom: calc(0/ 1366 * 100vw);
}



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

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

.answer {
  display: flex;
  align-items: baseline;
  padding-top: calc(5/ 1366 * 100vw);
}

.answer p {
  font-family: NotoSansJP-Regular;
  font-size: calc(18/ 1366 * 100vw);
  line-height: calc(31.5/ 1366 * 100vw);
  width: calc(774/ 1366 * 100vw);
  color: black;
}

.q{
  font-family: NotoSerifJP-Bold;
  font-size: calc(24/ 1366 * 100vw);
  line-height: calc(42/ 1366 * 100vw);
  color: #0097A7;
  margin-right: calc(10.5/ 1366 * 100vw);
  margin-bottom: calc(-1/ 1366 * 100vw);
}

.a {
  font-family: NotoSerifJP-Bold;
  font-size: calc(24/ 1366 * 100vw);
  line-height: calc(42/ 1366 * 100vw);
  color: #0097A7;
  margin-right: calc(10.5/ 1366 * 100vw);
}

.faq_container dl {
  font-family: NotoSansJP-Regular;
  font-size: calc(18/ 1366 * 100vw);
  line-height: calc(31.5/ 1366 * 100vw);
  color: #0097A7;
  
  
}

.faq_container dt {
  position: relative;
  border-bottom: 2px solid #0097A7;
  padding: calc(10/ 1366 * 100vw) calc(8/ 1366 * 100vw) calc(5/ 1366 * 100vw) 0;
  
}
  
dt .toggle_btn {
    background-color: #0097A7;
    width: calc( 36/ 1366 * 100vw);
    height: calc( 36/ 1366 * 100vw);
    padding: calc( 18/ 1366 * 100vw);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}  
  
.faq_container dt.open::after {
    content: "";
    width: calc( 18/ 1366 * 100vw);
    height: calc( 2/ 1366 * 100vw);
    position: absolute;
    right: calc( 8/ 1366 * 100vw);
    /* background-color: #0097A7; */
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
}

  .faq_container dt::after {
    content: "";
    width: calc( 2/ 1366 * 100vw);
    height: calc( 18/ 1366 * 100vw);
    position: absolute;
    background-color: #fff;
    top: 50%;
    right: calc( 16.5/ 1366 * 100vw);
    transform: translateY(-50%);
}

.faq_container dt::before {
    content: "";
    width: calc( 18/ 1366 * 100vw);
    height: calc( 2/ 1366 * 100vw);
    position: absolute;
    background-color: #fff;
    top: 50%;
    right: calc( 9/ 1366 * 100vw);
    z-index: 1;
    transform: translateY(-50%);
}

.question p {
  font-family: NotoSansJP-Regular;
  font-size: calc(18/ 1366 * 100vw);
  line-height: calc(31.5/ 1366 * 100vw);
  width: calc(819/ 1366 * 100vw);
  align-items: baseline;
}

/*faq*/

/*footer*/
.footer img {
  width: calc(449/ 1366 * 100vw);
  margin: 0 auto;
  display: block;
  text-align: center;
  margin-top: calc(40/ 1366 * 100vw);
  margin-bottom: calc(16/ 1366 * 100vw);
}

.footer p {
  font-family: NotoSansJP-Regular;
  font-size: calc(12/ 1366 * 100vw);
  line-height: calc(21/ 1366 * 100vw);
  text-align: center;
  padding-bottom: calc(31/ 1366 * 100vw);
  
}
/*footer*/

@media ( max-width: 768px) {
  
  /*header*/
  .header {
    height: calc(60/ 375 * 100vw);
    background-color: #fff;
    position: relative;
  }
  
  .header h1 img {
    width: calc(269.2/ 375 * 100vw);
    margin-left: 0;
    padding-left: calc(16/ 375 * 100vw);
    padding-top: calc(13/ 375 * 100vw);
  }
  
  .header_nav {
    display: none;
  }
  
  .no_pc {
    display: block;
    font-size: calc( 30/ 375 * 100vw);
    cursor: pointer;
    margin-right: calc( 10/ 375 * 100vw);
    margin-top: calc( 2/ 375 * 100vw);
  }
  
  .header .humburger-navi {
    display: none;
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: calc( 60/ 375 * 100vw);
    left: 0;
    width: 100%;
    z-index: 100;
  }
  
  .header .nav ul {
    display: block;
    height: auto;
    margin: 0;
    padding: calc( 10/ 375 * 100vw) calc( 26/ 375 * 100vw);
    padding-left: calc( 10/ 375 * 100vw);
  }
  
  .header .nav ul li a {
    display: block;
    font-size: calc( 14/ 375 * 100vw);;
    line-height: calc(21 / 14);
    padding: calc( 4/ 375 * 100vw) 0;
    font-weight: 500;
  }
  
  .header .nav ul li a:after {
    display: none;
  }
  
  .header .nav .nav-button {
    display: none;
  }
  
  .header li {
    font-size: calc(16/ 375 * 100vw);
    line-height: calc(28/ 375 * 100vw);
    width: calc(70/ 375 * 100vw);
    height: calc(32/ 375 * 100vw);
    background-color: rgba(255, 255, 255, -1);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
  }
  
  .fa-bars:before {
    margin-right: calc(5/ 375 * 100vw);
  }
  /*header*/
  
  /*swiper*/
  
  .swiper {
    height: auto;
  }
  
  .no_pc {
    display: block;
  }
  
  .no_sp {
    display: none;
  }
  
  .swiper-slide img {
  height: calc( 400/ 375 * 100vw);
  opacity: 0.7;
}

.swiper-wrapper {
  height: calc( 375/ 375 * 100vw);
}


.top h2 {
    position: static;
    margin-top: calc( 22.1/ 375 * 100vw);
    text-align: center;
    font-size: calc( 28/ 375 * 100vw);
    line-height: calc( 44/ 375 * 100vw);
    width: auto;
  }
  
  .nav_button_sp{
  width: calc(210/ 375 * 100vw);
  height: calc(45/ 375 * 100vw);
  background-color: #0097A7;
  font-family: NotoSansJP-Bold;
  font-size: calc(18/ 375 * 100vw);
  line-height: calc(31.5/ 375 * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: calc( 15/ 375 * 100vw);
  margin: 0 auto;
  margin-top: calc( 24.8/ 375 * 100vw);
  margin-bottom: calc( 28/ 375 * 100vw);
}

.fa-chevron-right:before {
    content: "\f054";
    font-size: calc(20/ 375 * 100vw);
    margin-left: calc(5/ 375 * 100vw);
}

.border {
  display: block;
  border: 1px solid #606060;
  width: calc(345/ 375 * 100vw);
  margin: 0 auto;
}  

.no_pc1 {
  display: block;
}
  
/*swiper*/

/*circle*/
.circles {
  padding-bottom: calc(37/ 375 * 100vw);
}

.circle {
  width: calc(156/ 375 * 100vw);
  height: calc(156/ 375 * 100vw);
  border-radius: calc(100/ 375 * 100vw);
  margin-top: calc(46.5/ 375 * 100vw);
  margin-bottom: calc(11.6/ 375 * 100vw);
}

.circle_container {
  width: calc(344.5/ 375 * 100vw);
}

.circle_container li {
  width: calc( 156/ 375 * 100vw);
}

.circle_three, .circle_four {
  margin-top: calc(24/ 375 * 100vw);
}

.circle_container .flex {
  flex-wrap: wrap;
}

.attract {
  font-size: calc(24/ 375 * 100vw);
  line-height: calc(38/ 375 * 100vw);
}

.number {
  font-size: calc(48/ 375 * 100vw);
  line-height: calc(60/ 375 * 100vw);
}

.point {
  font-size: calc(20/ 375 * 100vw);
  line-height: calc(33/ 375 * 100vw);
  margin-left: calc(5/ 375 * 100vw);
}
/*circle*/


/*free_apply*/
.free_apply {
  padding-top: calc(56.3/ 375 * 100vw);
  padding-bottom: calc(46/ 375 * 100vw);
}

.free_apply2 {
  padding-top: calc(48.3/ 375 * 100vw);
  padding-bottom: calc(35/ 375 * 100vw);
}

.free_apply3 {
  padding-top: calc(43.3/ 375 * 100vw);
  padding-bottom: calc(35/ 375 * 100vw);
}

.free_apply h2 {
  font-size: calc(34/ 375 * 100vw);
  line-height: calc(42/ 375 * 100vw);
  padding-bottom: calc(51/ 375 * 100vw);
}

.free_apply2 h2 {
  font-size: calc(34/ 375 * 100vw);
  line-height: calc(42/ 375 * 100vw);
  padding-bottom: calc(51/ 375 * 100vw);
}

.free_apply3 h2 {
  font-size: calc(34/ 375 * 100vw);
  line-height: calc(42/ 375 * 100vw);
  padding-bottom: calc(51/ 375 * 100vw);
}

.free_container {
  padding-left: calc(39.9/ 375 * 100vw);
  margin-left: 0;
}

.free_container p {
  font-size: calc(18/ 375 * 100vw);
  line-height: calc(27.5/ 375 * 100vw);
  margin-bottom: calc(9/ 375 * 100vw);
}

.free_apply2 .free_container p+p {
  margin-bottom: calc(7/ 375 * 100vw);
}

.free_apply3 .free_container p+p {
  margin-top: calc(19/ 375 * 100vw);
}

.free_apply2 .free_button {
  width: calc(340/ 375 * 100vw);
  height: calc(46/ 375 * 100vw);
  font-size: calc(20/ 375 * 100vw);
  line-height: calc(35/ 375 * 100vw);
  border-radius: calc( 15/ 375 * 100vw);
  box-shadow: calc(6/ 375 * 100vw) calc(20/ 1366 * 100vw) #87ABAE;
  margin-top: calc(66.4/ 375 * 100vw);
  margin-right: calc(20/ 375 * 100vw);
  justify-content: left;
}


.free_apply2 .free_container p {
  margin-bottom: calc(15/ 375 * 100vw);
}

.free_apply3 .free_button {
  width: calc(340/ 375 * 100vw);
  height: calc(46/ 375 * 100vw);
  font-size: calc(20/ 375 * 100vw);
  line-height: calc(35/ 375 * 100vw);
  border-radius: calc( 15/ 375 * 100vw);
  box-shadow: calc(6/ 375 * 100vw) calc(20/ 1366 * 100vw) #87ABAE;
  margin-top: calc(64.4/ 375 * 100vw);
  margin-right: calc(20/ 375 * 100vw);
  justify-content: left;
}

.free_button {
  width: calc(340/ 375 * 100vw);
  height: calc(46/ 375 * 100vw);
  font-size: calc(20/ 375 * 100vw);
  line-height: calc(35/ 375 * 100vw);
  border-radius: calc( 15/ 375 * 100vw);
  box-shadow: calc(6/ 375 * 100vw) calc(20/ 1366 * 100vw) #87ABAE;
  margin-top: calc(57.4/ 375 * 100vw);
  margin-right: calc(17/ 375 * 100vw);
  justify-content: left;
}

.free_button p {
  margin-right: calc(9/ 375 * 100vw);
  margin-left: calc(65/ 375 * 100vw);
}

.free_apply .fa-angle-right:before {
  font-size: calc(31/ 375 * 100vw); 
  margin-left: calc(10/ 375 * 100vw); 
  margin-bottom: calc(20/ 375 * 100vw); 
}

.fa-square:before {
  margin-right: calc(20.1/ 375 * 100vw);
  text-shadow: calc(2/ 375 * 100vw) calc(2/ 375 * 100vw) 0 #88adb0;
}

/*free_apply*/

/*four_container*/

.four_container {
  width: calc(346.99/ 375 * 100vw);
  padding-top: calc(8/ 375 * 100vw);
}

.four_container h2 {
  font-size: calc(34/ 375 * 100vw);
  line-height: calc(59.5/ 375 * 100vw);
  padding-top: calc(33/ 375 * 100vw);
  padding-bottom: calc(11/ 375 * 100vw);
}

.four_contents span {
  background: linear-gradient( transparent 0 calc(9/ 375 * 100vw), #B5E9EE calc(1/ 375 * 100vw) calc(42/ 375 * 100vw), transparent calc(2/ 375 * 100vw) calc(104/ 375 * 100vw));
}

.four_contents3 span {
  background: linear-gradient( transparent 0 calc(9/ 375 * 100vw), #B5E9EE calc(1/ 375 * 100vw) calc(42/ 375 * 100vw), transparent calc(2/ 375 * 100vw) calc(104/ 375 * 100vw));
}

.four_contents4 span {
    background: linear-gradient( transparent 0 calc(7/ 375 * 100vw), #B5E9EE calc(1/ 375 * 100vw) calc(42/ 375 * 100vw), transparent calc(2/ 375 * 100vw) calc(104/ 375 * 100vw));

}

.num{
  font-size: calc(48/ 375 * 100vw);
  line-height: calc(98/ 375 * 100vw);
}

.num2 {
  font-size: calc(48/ 375 * 100vw);
  line-height: calc(108/ 375 * 100vw);
  margin-bottom: calc(-18/ 375 * 100vw);
}

.four_contents {
  width: auto;
}

.four_contents h3 {
  font-size: calc(32/ 375 * 100vw);
  line-height: calc(41/ 375 * 100vw);
  width: calc(296/ 375 * 100vw);
  margin: 0 auto;
  padding-bottom: calc(37/ 375 * 100vw);
  margin-right: calc(25/ 375 * 100vw);
}

.four_contents3 h3 {
  font-size: calc(32/ 375 * 100vw);
  line-height: calc(42/ 375 * 100vw);
  width: calc(296/ 375 * 100vw);
  margin: 0 auto;
  padding-bottom: calc(35/ 375 * 100vw);
  margin-right: calc(30/ 375 * 100vw);
}

.four_contents3 {
  width: auto;
}

.four_contents4 {
  width: calc(346.99/ 375 * 100vw);
  padding-bottom: calc(57/ 375 * 100vw);
  padding-top: 0;
}

.four_contents3 .num {
  line-height: calc(95/ 375 * 100vw);
}

.four_contents4 .num {
  line-height: calc(84/ 375 * 100vw);
}

 .one_p{
  width: calc(277/ 375 * 100vw);
}

.counseling h4 {
  font-size: calc(18/ 375 * 100vw);
  line-height: calc(35.5/ 375 * 100vw);
  margin-bottom: calc(10/ 375 * 100vw);
  height: calc(51/ 375 * 100vw);
  border-radius: calc(15/ 375 * 100vw) calc(15/ 375 * 100vw) 0 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.counseling h5 {
  font-size: calc(12/ 375 * 100vw);
  line-height: calc(21/ 375 * 100vw);
  width: calc(100.02/ 375 * 100vw);
  height: calc(105.99/ 375 * 100vw);
  margin-right: calc(10/ 375 * 100vw);
  margin-bottom: calc(10/ 375 * 100vw);
  padding-bottom: calc(7/ 375 * 100vw);
}

.four_p {
  height: calc(105.99/ 375 * 100vw);
  width: calc(235/ 375 * 100vw);
  margin-left: 0;
}

.estimate {
  border-radius: 0 0 0 calc(20/ 375 * 100vw);
}

.last_p {
  border-radius: 0 0 calc(20/ 375 * 100vw) 0
}

.four_p p {
  font-size: calc(12/ 375 * 100vw);
  line-height: calc(21/ 375 * 100vw);
  margin: 0 auto;
  width: calc(178/ 375 * 100vw);
  margin-right: calc(25/ 375 * 100vw);
}

.price_container {
  flex-direction: column;
  width: auto;
}

.entry {
  margin-right: calc(18/ 375 * 100vw);
}

.price_container h6 {
  font-size: calc(35.95/ 375 * 100vw);
  line-height: calc(62.92/ 375 * 100vw);
  width: calc(346/ 375 * 100vw);
}

.price_number1 {
  font-size: calc(59.88/ 375 * 100vw);
  line-height: calc(104.87/ 375 * 100vw);
  padding-top: calc(28.3/ 375 * 100vw);
  padding-bottom: calc(45.3/ 375 * 100vw);
  padding-left: calc(20/ 375 * 100vw);
}

.price_number2 {
  font-size: calc(59.88/ 375 * 100vw);
  line-height: calc(101.87/ 375 * 100vw);
  padding-top: calc(29.3/ 375 * 100vw);
  padding-bottom: 0;
}

.price_p {
  font-size: calc(12/ 375 * 100vw);
  line-height: calc(33/ 375 * 100vw);
  padding-bottom: calc(16/ 375 * 100vw);
}

.tax {
  font-size: calc(23.97/ 375 * 100vw);
  line-height: calc(41.95/ 375 * 100vw);
}

.room_container {
  flex-direction: column;
  width: calc(344.98/ 375 * 100vw);
}

.img_cont {
  width: calc(344.98/ 375 * 100vw);
  margin: 0 auto;
  padding-bottom: 0;
}

.room_container img {
  width: calc(344.98/ 375 * 100vw);
  height: calc(195.02/ 375 * 100vw);
}

.room_container .img_cont1 img {
  width: calc(344.98/ 375 * 100vw);
  height: calc(230.02/ 375 * 100vw);
    margin-right: calc(0/ 375 * 100vw);
    margin-bottom: calc(-20/ 375 * 100vw);
    margin-top: calc(-14/ 375 * 100vw);
}

.room_container .img_cont2 img {
  width: calc(344.98/ 375 * 100vw);
  height: calc(229.02/ 375 * 100vw);
  margin-right: calc(0/ 375 * 100vw);
  margin-bottom: calc(1/ 375 * 100vw);
  margin-top: calc(-37/ 375 * 100vw);
}

.room_container p {
  font-size: calc(12/ 375 * 100vw);
  line-height: calc(20/ 375 * 100vw);
  width: calc(313/ 375 * 100vw);
  padding-top: calc(7.1/ 375 * 100vw);
  padding-bottom: calc(29.9/ 375 * 100vw);
  margin-left: calc(20/ 375 * 100vw);
}

.room_p {
  font-size: calc(12/ 375 * 100vw);
  line-height: calc(20/ 375 * 100vw);
  width: calc(308/ 375 * 100vw);
  padding-top: calc(11.1/ 375 * 100vw);
  padding-right: calc(4/ 375 * 100vw);
  padding-bottom: calc(29.9/ 375 * 100vw);
  
}

.four_contents3 h3 {
  font-size: calc(32/ 375 * 100vw);
  line-height: calc(42/ 375 * 100vw);
  padding-bottom: calc(31/ 375 * 100vw);
} 


.four_contents4 h3 {
  font-size: calc(32/ 375 * 100vw);
  line-height: calc(45/ 375 * 100vw);
  padding-bottom: calc(30/ 375 * 100vw);
  margin-right: calc(5/ 375 * 100vw);
} 

#google-map {
  width: calc(350/ 375 * 100vw);
  height: calc(250/ 375 * 100vw);
}

.map_p {
  font-size: calc(12/ 375 * 100vw);
  line-height: calc(21/ 375 * 100vw);
  padding-top: calc(19/ 375 * 100vw);
  padding-left: calc(11/ 375 * 100vw);
}

.biz-hour {
  width: calc(345/ 375 * 100vw);
  margin-top: calc(17/ 375 * 100vw);
}

.biz-hour th {
  font-size: calc(11.9/ 375 * 100vw);
  line-height: calc(16.8/ 375 * 100vw);
}

.biz-hour td {
  font-size: calc(11.9/ 375 * 100vw);
  line-height: calc(20.8/ 375 * 100vw);
}

.four_contents4 td:nth-child(8) {
  padding-left: calc(5/ 375 * 100vw);
}

.four_contents4 td:nth-child(1) {
  padding-left: calc(32/ 375 * 100vw);
  padding-top: calc(2/ 375 * 100vw);
  width: calc(103/ 375 * 100vw);
}

.four_contents4 th:nth-child(8) {
  padding-right: calc(28/ 375 * 100vw);
  width: calc(86/ 375 * 100vw);
}

.address {
  font-size: calc(18/ 375 * 100vw);
  line-height: calc(31.5/ 375 * 100vw);
  padding-top: calc(17/ 375 * 100vw);
  padding-right: calc(17/ 375 * 100vw);
}

/*four_container*/

/*faq*/
.faq_container h2 {
  font-size: calc(34/ 375 * 100vw);
  line-height: calc(107.5/ 375 * 100vw);
  padding-bottom: calc(22/ 375 * 100vw);
}

.faq_container {
  width: calc(345.68/ 375 * 100vw);
  padding-bottom: calc(54.7/ 375 * 100vw);
}

dt .toggle_btn {
  width: calc(36/ 375 * 100vw);
  height: calc(36/ 375 * 100vw);
}

.faq_container dt::before {
  width: calc(18/ 375 * 100vw);
  height: calc(2/ 375 * 100vw);
  right: calc(8/ 375 * 100vw);
}

.faq_container dt::after {
   width: calc(2/ 375 * 100vw);
  height: calc(18/ 375 * 100vw);
  right: calc(16/ 375 * 100vw);
}

.faq_container dt.open::after{
background-color: #0097A7;
}

.faq_container dl {
  font-size: calc(16/ 375 * 100vw);
  line-height: calc(28/ 375 * 100vw);
}

.faq_container dt {
  padding-bottom: calc(3/ 375 * 100vw);
  margin-top: calc(0/ 375 * 100vw);
}

.accordion dd p{
  font-size: calc(16/ 375 * 100vw);
  line-height: calc(28/ 375 * 100vw);
  width: calc(307/ 375 * 100vw);
}

.accordion3 .question {
  align-items: center;
  padding: calc(14/ 375 * 100vw) 0;
}

.accordion4 .question {
  align-items: center;
  padding: calc(13/ 375 * 100vw) 0;
}

.accordion4 .answer {
  padding-bottom: calc(3/ 375 * 100vw);
}

.question {
  align-items: flex-start;
}

.question p {
  width: calc(256/ 375 * 100vw);
  font-size: calc(16/ 375 * 100vw);
  line-height: calc(28/ 375 * 100vw);
}

.q ,.a{
  font-size: calc(24/ 375 * 100vw);
  line-height: calc(31/ 375 * 100vw);
  margin-right: calc(8.2/ 375 * 100vw);
}

.answer {
  padding-top: calc(7/ 375 * 100vw);
}

.accordion3 .answer {
  padding-top: calc(8/ 375 * 100vw);
}

.answer p {
  width: calc(308.96/ 375 * 100vw);
}

.accordion3 .answer p {
  font-family: NotoSansJP-Regular;
  font-size: calc(16/ 375 * 100vw);
  line-height: calc(28/ 375 * 100vw);
  width: calc(308.96/ 375 * 100vw);
}

.accordion4 .answer p {
  font-family: NotoSansJP-Regular;
  font-size: calc(16/ 375 * 100vw);
  line-height: calc(28/ 375 * 100vw);
  width: calc(308.96/ 375 * 100vw);
  padding-top: calc(5/ 375 * 100vw);
}

/*faq*/

/*footer*/
.footer img {
  width: calc(341/ 375 * 100vw);
  margin-top: calc(39/ 375 * 100vw);
}

.footer p {
  font-size: calc(11/ 375 * 100vw);
  line-height: calc(19.25/ 375 * 100vw);
  margin-bottom: calc(43/ 375 * 100vw);
  margin-top: calc(14/ 375 * 100vw);
  margin-left: calc(6/ 375 * 100vw);
}
/*footer*/
}