@charset "utf-8";
@font-face {font-family: Futura; src: url(../fonts/FuturaPTMedium.otf);}

h4 {font-size: 2.5rem; margin-bottom: 3rem; line-height: 1; font-family: 'Futura', sans-serif; font-weight: 300;}

.type {position: relative; margin-bottom: 4rem;}
.type .cateNav {display: block; text-align: center; font-family: 'Futura', sans-serif; font-weight: 300; font-size: 1.4rem;}
.type .cateNav li {display: inline-block; margin-right: 4rem;}
.type .cateNav li a {position: relative; padding-bottom: 2px;}
.type .cateNav li a:hover {border-bottom: 1px solid #000;}
.type .cateNav li a.active {border-bottom: 1px solid #000;}
.type .cateNav li a.active:hover {opacity: 1;}



#box01 {padding: 0; max-width: 800px; margin-bottom: 10rem;}
#box01 .tit {display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 1px solid #ccc; padding-bottom: 2rem; margin-bottom: 2rem;}
#box01 .tit p {font-size: 3rem; font-family: 'Futura', sans-serif; font-weight: 300;}
#box01 .tit .btn a {padding: 1rem 2rem; border: 1px solid #000;}
#box01 .tit .btn a:nth-of-type(1) {margin-right: 0.5rem;}

#box01 .txt-01 {line-height: 2; margin-bottom: 4rem;}
/*#box01 .txt-01 p:nth-of-type(1) {margin-bottom: 3rem;}*/
#box01 .txt-01 p {margin-bottom: 2.5rem;}
#box01 .txt-01 p:nth-of-type(4) {font-family: "游ゴシック体", "YuGothic", "游ゴシック Regular", "Yu Gothic Regular", "游ゴシック", "Yu Gothic", sans-serif;}
#box01 .txt-01 .rel {position: relative; padding-left: 8rem;}
#box01 .txt-01 .rel span {position: absolute; top: 0; left: 0;}

#box01 .link {line-height: 2;}
#box01 .link a {text-decoration: underline;}
#box01 .link:last-of-type {margin-bottom: 0;}

#box02 {max-width: 800px; margin-bottom: 10rem;}
#box02 .wrap-tab {margin-bottom: 2rem;}
#box02 .tab {display: none;}
#box02 #tab1 {display: block;}
#box02 #sub-nav {display: flex; flex-wrap: wrap; justify-content: space-between; width: 92%; max-width: 430px; margin: 0 auto;}
#box02 #sub-nav a {width: 32.56%; cursor: pointer;}
#box02 #sub-nav .active {opacity: 0.6;}

#box03 {max-width: 800px; margin-bottom: 10rem;}
#box03 .cont {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 4rem; line-height: 2;}
#box03 .cont .col01 {width: 47%;}
#box03 .cont .col02 {width: 51%;}
#box03 .cont .google-map {margin-top: 2rem;}
#box03 .cont .google-map a {text-decoration: underline;}
#box03 .btn {display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 700px; width: 100%; margin: 0 auto;}
#box03 .btn a {width: 48%; padding: 1.2rem 1rem; border: 1px solid #000; text-align: center;}

/* new design */
.form_btn{
  position: relative;
}
#box01 .tit .btn a.form_btn_bg{
  padding: 0.8rem 5rem 1.6rem;
}
#box01 .tit p.form_btn_en{
  position: absolute;
  bottom:0.7rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  color:#888;
  font-size:1.1rem;
  text-align: center;
  width:100%;
  pointer-events: none;
  font-family: "游ゴシック体", "YuGothic", "游ゴシック Regular", "Yu Gothic Regular", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight:600;
}
#box03 .btn a.form_btn_bg{
  padding: 0.8rem 5rem 1.6rem;
  position: relative;
}
#box03 p.form_btn_en{
  position: absolute;
  bottom:0.1rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  color:#888;
  font-size:1.1rem;
  text-align: center;
  width:100%;
  pointer-events: none;
  font-family: "游ゴシック体", "YuGothic", "游ゴシック Regular", "Yu Gothic Regular", "游ゴシック", "Yu Gothic", sans-serif;
  font-weight:600;
}
/* miya 2024.12.3 */
#box02_2 {max-width: 800px; margin-bottom: 10rem;}
#box02_2 .splide-main {
	width: 100%;
	height: auto;
	aspect-ratio: 800/478;
	overflow:hidden;
	margin-bottom: calc(2rem + 7px);
}
#box02_2 .splide-main .splide__slide img {
	object-fit:cover;
	aspect-ratio: 800/478;
}
#box02_2 .splide-thumb {
	margin: 0 auto;
}
#box02_2 .splide-thumb .splide__slide img {
	object-fit:cover;
	aspect-ratio: 140/90;
	width:100%;
	height:auto;
}
#box02_2 .splide-thumb.splide:not( .is-overflow ) .splide__list {
  justify-content: center;
}
#box02_2 .splide-thumb .splide__track--nav>.splide__list>.splide__slide {
	opacity:1;
}
#box02_2 .splide-thumb .splide__track--nav>.splide__list>.splide__slide.is-active {
	border:none;
	opacity:0.6;
}
/* end miya 2024.12.3 */

/*Responsive*/
@media only screen and (max-width: 1080px){
  #box01 .tit p {font-size: 2.5rem;}
}

@media only screen and (max-width: 767px){

  h4 {margin-bottom: 2rem;}

  .type {margin-bottom: 3rem;}
  .type .cateNav {text-align: left;}
  .type .cateNav li {width: 32%; margin-right: 0; text-align: left; margin-bottom: 0.5rem;}

  #box01 {margin-bottom: 5rem;}
  #box01 .tit {display: block;}
  #box01 .tit p {margin-bottom: 1rem;}
  #box01 .tit .btn a {padding: 0.5rem 2rem;}
  #box01 .txt-01 {margin-bottom: 2rem;}
  #box01 .txt-01 p:nth-of-type(1) {margin-bottom: 2rem;}

  #box02 {margin-bottom: 5rem;}

  #box03 {margin-bottom: 5rem;}
  #box03 .cont .col01 {width: 100%; margin-bottom: 2rem;}
  #box03 .cont .col02 {width: 100%; text-align: center;}
  #box03 .btn a {width: 100%;}
  #box03 .btn a:nth-of-type(1) {margin-bottom: 1rem;}

  #box02 .tab iframe {height: 60vw !important;}

  /* new design */
  .form_btn{
    position: relative;
  }
  #box01 .tit .btn a.form_btn_bg{
    padding: 0.8rem 5rem 1.6rem;
  }
  #box01 .tit p.form_btn_en{
    position: absolute;
    bottom:-0.2rem;
    left: 30%;
    color:#888;
    font-size:1.1rem;
    text-align: center;
    width:100%;
    pointer-events: none;
  }
	/* miya 2024.12.3 */
	#box02_2 {margin-bottom: 5rem;}
	#box02_2 .splide-thumb {
		width: 92%;
		margin: 0 auto;
	}
	/* end miya 2024.12.3 */
}