@charset "utf-8";
/* CSS Document */

html {
  font-size: 10px;
  scroll-behavior: smooth;
}

/*vw430以下でフォントサイズを可変に*/
@media (max-width: 429px) {
  html {
    font-size: 2.33vw;
  }
.SpecialAccommodation__textBox h4{
height: auto;
}
}


/*英語表記時の崩れ対策*/
html:lang(en) .SpecialAccommodation__textBox h4 {
height: auto;
}
html:lang(en) .commonTextBox01__category{
letter-spacing: -0.03em;
}

html:lang(en) .commonTextBox01 p::after{
content: 'LEARN MORE →';
display: block;
font-size: 1.4rem;
margin-top: 0.7rem;
}
html:lang(en) .commonBtn01 a{
padding: 1rem 2rem 1rem 3rem;
text-align: center;
}
html:lang(en) .commonBtn01 a::after{
right: 1.5rem;
}
html:lang(en) .CraftExperience__cardTxt::after{
content: 'LEARN MORE →';
}
html:lang(en) .SpecialAccommodation__textBox::after{
content: 'LEARN MORE →';

}


@media (min-width: 768px) {
html:lang(en) .SpecialAccommodation__textBox h4 {
height: auto;
}

html:lang(en) .SpecialAccommodation__btn a{
font-size: 2.5rem!important; 
padding: 1rem 4.5rem 1rem 1rem!important;
height: 7rem;
display: flex;
flex-direction: column;
justify-content: center;
}
html:lang(en) .SpecialAccommodation__btn a::after{
right: 1.5rem;
}

}



/* -----------------------------COMMON */
/*上へ戻るボタン*/
#page-top a {
display: block;
width: 4rem;
height: 4rem;
content: "";
background: url("../img/icon_backtotop.png");
background-repeat: no-repeat;
background-size: contain;
right: 2rem;
bottom: 1.5rem;
color: #fff;
position: fixed;
z-index: 200;
}

body {
font-family: "Zen Kaku Gothic New", sans-serif;
font-style: normal;
overflow-wrap: anywhere; /* 収まらない場合に折り返す */
word-break: normal; /* 単語の分割はデフォルトに依存 */
line-break: strict; /* 禁則処理を厳格に適用 */
}


.notoSans-r{
font-family: "Noto Sans JP";
font-weight: normal;
}

a{
opacity: 1;
transition: 0.3s;
}

a:hover{
opacity: .8;
}

/*スマホのみで改行*/
.br_sp{
display:block;
}
/*タブレット以上で改行*/
.br_tab{
display:none;
}
/*PC-S以上で改行*/
.br_pcS{
display:none;
}
/*PC-L以上で改行*/
.br_pcL{
display:none;
}

.letterSpacing_s{
letter-spacing: -0.2em;
}

/* モバイル(基準) ----------------------------- */

/* ---------------共通パーツ */
/*contentsSet01*/
.contentsSet01{
display: block;
width: 100%;
margin-top: 2.5rem;
padding-bottom: 5rem;
}
.contentsSet01__ttl{
text-align: center;
}
.contentsSet01__ttl img{
margin-top: -0.7rem;}


.contentsSet01 .commonTextBox01 p{
padding:1.2rem 01.1rem 1.7rem;
}

.contentsSet01__container{
display: flex;
padding: 2.5rem 3.3rem 0;
}
.contentsSet01__spot01 img,
.contentsSet01__spot02 img,
.contentsSet01__spot03 img{
width: 100%;
}
.contentsSet01__spot01{
margin-top: 3.3rem;
}
.contentsSet01__spot02{
margin-top: 3.9rem;
}
.contentsSet01__block01 .commonTextBox01{
margin-top:1.8rem; 
}

.contentsSet01__block02-02{
display: flex;
justify-content: space-between;
margin-top: 1.9rem;
}
.contentsSet01__photo02-02{
width: calc(100% * 153 / 365);
}
.contentsSet01__photo02-02 img{
width: 100%;
}
.contentsSet01__block02-02 .commonTextBox01{
width: calc(100% * 197 / 365);
}
.contentsSet01__intro{
font-size: 1.6rem;
line-height: 1.75;
text-align: justify;
}
.contentsSet01__link{
position: relative;
}
.commonBtn01{
display: block;
position: relative;
width: calc(100% * 362 / 430);
margin: 2.8rem auto 0;
text-align: left;
border-radius: 1rem;
transition: 0.3s;
}
.commonBtn01:hover{
opacity: .8;
}
.commonBtn01 a{
display: flex;
justify-content: center;
align-items: center;
color: #fff;
font-size: 1.9rem;
width: 100%;
height: 5rem;
margin-left: -1rem;

letter-spacing: -0.03em;
}

.commonBtn01 a::after{
content: '';
background-image:url("../img/commonBtn01_arrow.png");
background-repeat: no-repeat;
margin: auto;
background-size: contain;
width: 1.1rem;
height: 1.8rem;
position: absolute;
top: 0.2rem;
bottom: 0;
right: 1.5rem;
}




/*contentsSet02*/
/*
.contentsSet02__ttl{
text-align: center;
margin: 0 auto;
padding-top:4.4rem; 
}
.contentsSet02__ttl img{
width: 100%;

}
*/


/*テキストボックス*/
.commonTextBox01{
background-color: #fff;
border: solid 1px #707070;
border-radius: 1rem;
text-align: center;

}
.commonTextBox01 h4{
font-weight: 700;
font-size: 1.6rem;
letter-spacing: -0.03em;
line-height: 2rem;
padding: 0.3rem 0 0.6rem 0;
/*単語の切れ目で改行*/
word-break: keep-all;
overflow-wrap: break-word;
}
.commonTextBox01 p{
border-top:solid 1px #707070; 
font-size: 1.6rem;
letter-spacing: -0.03em;
line-height: 2.3rem;
/*単語の切れ目で改行*/
word-break: keep-all;
overflow-wrap: break-word;
}

.commonTextBox01 p::after{
content: 'くわしくはこちら→';
display: block;
font-size: 1.4rem;
margin-top: 0.7rem;
}


/*地名カテゴリ表示*/
.commonTextBox01__category{
display: inline-block;
font-weight: 500;
font-size: 1.3rem;
padding: 0.2rem 1.4rem;
margin: 1.5rem auto 0;
letter-spacing: 0.2em;
text-align: center;
color: #fff;
}
.category_4moji{
padding: 0.2rem 0.4rem;
letter-spacing: -0.05em;
}

.NatureActivities .commonTextBox01__category{
background-color: #4FBCE7;
}
.RideActivity .commonTextBox01__category{
background-color: #EABE52;
}
.AdventureActivity .commonTextBox01__category{
background-color: #3B852C;
}


.category_shiobara{
background-color: #A9CFCC;
}
.category_itamuro{
background-color: #D1DC91;
}
.category_kuroiso{
background-color: #FCC799;
}
.category_nishinasuno{
background-color: #A4BAD9;
}


/* ---------------hero */
.englishBtn{
position: absolute;
top: 2.1rem;
right: 2.5rem;
z-index: 100;
/*
width: 93px;
height: 35px;
*/
/*padding-top: 0.5rem;*/
padding: 0.7rem 1.5rem 1rem;
font-size: 1.7rem;
letter-spacing: -0.03em;
text-align: center;
color: #378e74;
background-color: #fff;
}


.hero{
display: block;
width: 100%;
position: relative;
max-height: 100vh;
}
.heroBg{
display: block;
position: relative;
width: 100%;
height: 129vw;
background-image: url("../img/heroBg_s.jpg");
background-size: cover;
background-repeat: no-repeat;
}
.heroTtl{
display: block;
position: absolute;
text-align: center;
margin:auto;
width: 100%;
top:25%;

}
.heroTtl img{
width: 84.19vw;
}

/*heropoint*/
.heroPoint__container{
margin-top: -5.5vw;
}

.heroPoint{
display: block;
position: relative;
text-align: center;

}

.heroPoint__ttl{
display: block;
position: relative;
right: 0;
left: 0;
top: 0;
margin: auto;
width: calc(100% * 381 / 430);
}

.heroPoint__point{
display: block;
position: relative;
right: 0;
left: 0;
top: 0;
margin: auto;
width: calc(100% * 371 / 430);
}
.heroPoint__photo{
display: block;
position: relative;
z-index: 100;
}

.heroPoint__photo01{
display: block;
position: absolute;
top: 4rem;
left: 0;
width: calc(100% * 109 / 430);

}
.heroPoint__photo02{
display: block;
position: absolute;
top: 0.8rem;
right: 0;
width: calc(100% * 112 / 430);
}



/* ---------------intro */
.intro{
position: relative;
margin-top: 0;

}
.intro__container{
display: flex;
flex-direction: column;
max-width:1534px; 
margin: 3.8rem;
}
.intro__block01{
width: 100%;
}
.intro__ttl{
position: relative;
text-align: center;
margin:auto;
width: calc(100% * 192 / 430);

}
.intro__ttl img{
width: 100%;
}
.intro__text{
margin-top: 9.87vw;
padding: 0 2.6rem;
font-size: 1.6rem;
letter-spacing: -0.03em;
line-height: 1.75;
text-align: left;
text-align: justify;
color: #000;
}
.intro__block02{
width: calc(100% * 250 / 430);
margin: 1.1rem auto 0;
}

.intro__map{
width: 100%;
}

.intro__image{
margin: 2.3rem auto;
display: flex;
flex-wrap: wrap;
gap: 3vw 2vw;
justify-content: space-between;
}
.intro__image a{
width:48% ;
}

.intro__image{
margin-top: 3rem;
}
.intro__image img{
width: 100%;
}


/* ---------------NatureActivities */

.NatureActivities{
background-color: #E0F6FF;
margin-top: 2.5rem;
padding-bottom: 5rem;
position: relative;
}
.secNo{
width: 100%;
max-width: 1920px;
margin: auto;
position: relative;
}
.secNo::before{
content: '';
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 3.02vw;
height: 8.6vw;
position: absolute;
left: 8.6vw;
top: 7.67vw;
z-index: 100;
}
.NatureActivities .secNo::before{
background-image: url("../img/secNo_01.png");
}
.NatureActivities .contentsSet01__ttl img{
width: calc(100% * 316 / 430);
}

.NatureActivities__container{
display: flex;
flex-direction: column-reverse;
}
.NatureActivities__btn{
background-color: #4FBCE7;
}
/* ---------------RideActivity */
.RideActivity{
background-color:#FDF1D3; 
position: relative;
}
.RideActivity .secNo::before{
background-image: url("../img/secNo_02.png");
}
.RideActivity .contentsSet01__ttl img{
width: calc(100% * 361 / 430);
}
.RideActivity__container{
display: flex;
flex-direction: column-reverse;
}
.RideActivity__btn{
background-color: #EABE52;
}

/* ---------------AdventureActivity */
.AdventureActivity{
background-color: #ECF6EA;
position: relative;
}
.AdventureActivity .secNo::before{
background-image: url("../img/secNo_03.png");
}
.AdventureActivity .contentsSet01__ttl img{
width: calc(100% * 237 / 430);
}
.AdventureActivity__container{
display: flex;
flex-direction: column-reverse;
}
.AdventureActivity__btn{
background-color: #3B852C;
}

/* ---------------CraftExperience */
.CraftExperience{
padding: 0 0 6.5rem;
margin-top: 2.4rem;
background-color: #F4F4E9;
position: relative;
}
.CraftExperience .secNo::before{
background-image: url("../img/secNo_04.png");
}
.CraftExperience__ttl{
width: calc(100% * 298 / 430);
text-align: center;
margin: 0 auto; 
padding-top:4.4rem; 
}
.CraftExperience__ttl img{
width: 100%;

}
.CraftExperience__container{
display: block;
width:100% ;
padding: 0 3.3rem;
margin: 2.8rem auto 0;
}
.CraftExperience__list{
display: flex;
flex-wrap: wrap;
gap: 4rem 2.5rem;
justify-content:space-between;
align-items: stretch;
}
/*★★★*/
.CraftExperience__card{
display: flex;
flex-direction: column;
margin-top: 2.5rem; 
background-color: #fff;   
flex-grow: 1;
border: solid 1px #707070;
border-radius: 1rem;
text-align: center;
}
.CraftExperience__cardTtl{
/*overflow-wrap: anywhere;*/
/*word-break:keep-all;*/
font-weight: 700;
font-size: 1.6rem;
letter-spacing: -0.03em;
line-height: 1.9rem;
padding: 0.3rem 0 0.6rem 0;
height: 7rem;
}
.CraftExperience__cardTxt{
/*overflow-wrap: anywhere;*/
border-top:solid 1px #707070; 
font-size: 1.6rem;
letter-spacing: -0.03em;
line-height: 2.3rem;
/*padding:1rem 0.7rem 0.9rem;*/
padding:1rem 0.5rem 4rem;
flex-grow: 1;
position: relative;
}
.CraftExperience__cardTxt p{
margin-bottom: 2rem;
}
.CraftExperience__cardTxt::after{
content: 'くわしくはこちら→';
display: block;
font-size: 1.4rem;
margin-top: 0.7rem;
position: absolute;
right: 0;
left: 0;
bottom: 1.5rem;
}



/*★★★*/


.CraftExperience .commonTextBox01__category{
background-color: #3B852C;
}

.CraftExperience__item{
width: 46%; 
position: relative;
display: flex;
flex-direction: column;
}
.CraftExperience__itemLink{
display: flex;
flex-direction: column;
height: 100%;
}
.CraftExperience__item img{
width: 100%;
}
.CraftExperience__copy{
height: 13.5vw;
right: 0;
left: 0;
}
.CraftExperience__copy img{
width: 100%; /* 画像の幅を親要素に合わせる */
height: auto; /* 縦横比を維持する */
display: block;  /* インライン要素の隙間を防ぐ */
}
.CraftExperience__photo{
margin-top: 0;
}
.CraftExperience__btn{
background-color: #3B852C;
width: 100%;
}


/* ---------------middle__image */
.middle__image{
margin-top: 2.3rem;
display: flex;
justify-content: space-between;
}
.middle__image img{
width:calc(100% * 104 / 430) ;
}

/* ---------------SpecialAccommodation */
.SpecialAccommodation{
padding: 4.5rem 4.2rem 6.5rem;
}
.SpecialAccommodation__ttl{
width: calc(100% * 300 / 430);
text-align: center;
margin: 0 auto;
}
.SpecialAccommodation__ttl img{
width: 100%;
}
.SpecialAccommodation__container{
display: block;
width: 100% ;
margin: 3.5rem auto 0;
}
.SpecialAccommodation__list{
display: flex;
flex-wrap: wrap;
gap: 4rem 0;
justify-content: space-between;
}
.SpecialAccommodation__item{
width: 47%; 
}
.SpecialAccommodation__itemLink{
display: flex;
flex-direction: column;
height: 100%;
}
.SpecialAccommodation__item img{
width: 100%;
}
.SpecialAccommodation__textBox{
display: flex;
flex-direction: column;
text-align: center;
position: relative;
margin-bottom: 1rem;
flex-grow: 1;
}
.SpecialAccommodation__textBox::after{
content: 'くわしくはこちら→';
display: block;
font-size: 1.4rem;
margin-top: 0.7rem;
padding-bottom: 1rem;
position: absolute;
right: 0;
left: 0;
bottom: -3.5rem;
}
.SpecialAccommodation__textBox h4{
font-size: 1.8rem;
font-weight: 700;
height: 3.5rem;
margin: 0.7rem;
letter-spacing: -0.01em;
word-break: keep-all;
overflow-wrap: break-word;
}
.category_kuroiso+h4{
height: 4rem;
}
.SpecialAccommodation__textBox p{
margin-top: 0.7rem;
font-size: 1.6rem;
letter-spacing: -0.03em;
}



.SpecialAccommodation__category{
font-size: 1.3rem;
display: inline-block;
letter-spacing: -0.03em;
margin: 1.3rem auto 0;
padding: 0.1rem 2.5rem; 
color: #fff;
}
.SpecialAccommodation__textBox .category_4moji{
padding: 0.1rem 1.3rem; 
letter-spacing: -0.05em;
}
.SpecialAccommodation__link{
margin-top: 5rem;
}
.SpecialAccommodation__btn{
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
max-height: 5rem;
margin: 2.4rem auto 0;
text-align: left;
border-radius: 1rem;
transition: 0.3s;
}
.SpecialAccommodation__btn:hover{
opacity: .8;
}
.SpecialAccommodation__btn a{
position: relative;
display: block;
font-size: 1.9rem;
padding: 1.4rem 2rem;
width: 100%;

}

.SpecialAccommodation__btn a::after{
content: '';
background-image:url("../img/commonBtn02_arrow.png");
background-repeat: no-repeat;
margin: auto;
background-size: contain;
width: 1.1rem;
height: 1.8rem;
position: absolute;
top: 0;
bottom: 0;
right: 1.5rem;
}
.SpecialAccommodation__btn01{
background-color: #A9CFCC;
}
.SpecialAccommodation__btn02{
background-color: #D1DC91;
}
.SpecialAccommodation__btn03{
background-color: #FCC799;
}
.SpecialAccommodation__btn04{
background-color: #A4BAD9;
}

/* ---------------footer */
footer{
border-top: solid 1px #555555;
text-align: center;
height: 120px;
}
.logo__jaran{
margin-top: 1.5rem;
width: 150px;
max-width: 50vw;
}


/* タブレット以上(768px以上)に適用---------------------------- */
@media (min-width: 768px) {
/*SPのみで改行*/
.br_sp{
display: none;
}
/*タブレット以上で改行*/
.br_tab{
display: block;
}
/*PC-S以上で改行*/
.br_pcS{
display:none;
}
/*PC-L以上で改行*/
.br_pcL{
display: none;
}
/*共通パーツ PC_TAB*/
.contentsSet01{
padding-bottom: 14rem;
margin-bottom: 6.5rem;
}
.contentsSet01__ttl img{
margin-top: -3.9rem;
}
.contentsSet01__wrap{
display: block;
margin: auto;
width: 95%;
}
.contentsSet01__container{
display: flex;
flex-direction: row;
justify-content: space-between;
padding:0;
width: 100%;
margin: 2.2rem auto 0;
}
.contentsSet01__block01{
width: calc(100% * 573 / 1573);
}
.contentsSet01__spot02{
margin-top: 5rem;
}
.contentsSet01__block02{
width: calc(100% * 904 / 1573);
}
.contentsSet01__intro{
font-size: 2rem;
letter-spacing: -0.03em;
margin-top: 1.5rem;
}
.contentsSet01__spot03{
margin-top: 2.5rem;
}
.contentsSet01__spot03 img{
width: 100%;
}
.contentsSet01__photo02-02{
width: calc(100% * 343 / 893);
}
.contentsSet01__photo02-02 img{
width: 100%;
height: auto;
}
.commonBtn01{
width: calc(100% * 904 / 1573);
max-width: 904px;
margin: 0;
text-align: center;
border-radius: 2rem;
position: absolute;
bottom: 0;
}

.commonBtn01 a{
font-size: 2rem;
text-align: center;
width: 100%;

padding: 3.5rem 3.5rem 3.5rem 1rem;
}

.commonBtn01 a::after{
width: 1.5rem;
height: 2.8rem;
position: absolute;
top: 0.4rem;
bottom: 0;
right: 4rem;
}

/*テキストボックス PC_TAB*/

.contentsSet01__block01 .commonTextBox01{
font-size: 2rem;
}
.commonTextBox01 h4{
font-weight: 700;
}
.commonTextBox01 p::after{
font-size: 1.4rem;
margin-top: 0.8rem;
}



.contentsSet01__block02-02{
margin-top: 3rem;
}
.contentsSet01__block02-02 .commonTextBox01{
width: calc(100% * 520 / 901);

}



/* ---------------middle__image PC_TAB*/
.middle__image{
margin-top: 3.4rem;
}
.middle__image img{
width:calc(100% * 459 / 1920) ;
}

.heroBg{
display: block;
position: relative;
width: 100%;
height: 49.4vw;
max-height: 948px;
background-image: url("../img/heroBg_l.jpg");
background-size: cover;
background-repeat: no-repeat;
}
.heroTtl{
display: block;
position: absolute;
text-align: center;
margin: auto;
top:8%;
width: 100%;

}
.heroTtl img{
width: calc(100% * 1014 / 1920);
}
.heroPoint{
margin-top: 0;
}
.heroPoint__container{
margin-top: -3.3vw;
}
.heroPoint__ttl{
width: calc(100% * 1054 / 1920);
max-width: 1054px;

}
.heroPoint__point{
width: calc(100% * 1043 / 1920);
max-width: 1043px;

}
.heroPoint__photo{
display: block;
max-width: 1920px;
margin: auto;


}
.heroPoint__photo01{
top: -23.39vw;
left: calc(100% * 30 / 1920);
width: calc(100% * 380 / 1920);
max-width: 380px;
}
.heroPoint__photo02{
top: -17.92vw;
right: calc(100% * 17 / 1920);
width: calc(100% * 386 / 1920);
max-width: 386px;
}

/* ---------------intro PC_TAB*/
.intro{
margin-top: 8rem;
}
.intro__container{
flex-direction: row;
justify-content: center;
max-width:1400px; 
margin: 6rem auto;
}
.intro__block01{
width: 55vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.intro__ttl{
text-align: left;
margin: 0;
width: 100%;
}
.intro__ttl img{
width: calc(100% * 623 / 864);
max-width: 623px;
}
.intro__text{
margin-top: 2.5rem;
font-size: 2.5rem;
letter-spacing: -0.03em;
line-height: 5.1rem;
text-align: left;
padding: 0;
max-width: 862px;
}

.intro__block02{
width: calc(100% * 556 / 1534);
margin: 0;

display: flex;
justify-content: center;
align-items: center;
}


.intro__image{
margin-top: 5.5rem!important;
gap: 0vw;
}
.intro__image a{
width:calc(100% * 459 / 1920) ;
}

/* ---------------NatureActivities PC_TAB*/
.NatureActivities{
margin-top: 3.9rem;
}
.secNo::before{
content: '';
background-repeat: no-repeat;
background-size: contain;
background-position: center;
width: 1.56vw;
height: 3.75vw;
position: absolute;
left: 3.75vw;
top: 3.28vw;
z-index: 100;
}
.NatureActivities .contentsSet01__ttl img{
margin-top: -3.9rem;
width: calc(100% * 1156 / 1920);
max-width: 1136px;
}

.NatureActivities__btn{
margin: 0;
right: 0;
}
/* ---------------RideActivity PC_TAB*/
.RideActivity__container{
display: flex;
flex-direction: row-reverse;
}
.RideActivity .contentsSet01__ttl img{
width: calc(100% * 1219 / 1920);
max-width: 1218px;
}

/* ---------------AdventureActivity PC_TAB*/
.AdventureActivity__btn{
margin: 0;
right: 0;
}
.AdventureActivity .contentsSet01__ttl img{
width: calc(100% * 917 / 1920);
max-width: 916px;
}
/* ---------------CraftExperience PC_TAB*/
.CraftExperience{
/*padding: 7.5rem 0 11.5rem;*/
padding: 0 0 6.5rem;
}
.CraftExperience__ttl{
width: calc(100% * 1248  / 1920);
max-width: 1232px;
}
.CraftExperience__container{
width: 83%;
max-width: 1533px;
margin: 3rem auto 0;
}
.CraftExperience__list{
gap: 0;
align-items: stretch;

}
.CraftExperience__item{
width: calc(100% * 356 / 1533);
display: flex;
flex-direction: column;
}
.CraftExperience__copy{
height: 2.9vw;
right: 0;
left: 0;
}

.CraftExperience__photo{
margin-top: 0.4vw;
}

.CraftExperience__cardTtl{
font-size: 1.8rem;
letter-spacing: -0.03em;

}
.CraftExperience__cardTxt{
font-size: 1.6rem;
letter-spacing: -0.03em;
padding:1.6rem 1.7rem 2.2rem;
}

.CraftExperience__cardTxt p{
margin-bottom: 2rem;
}



.CraftExperience__btn{
margin: 8rem auto 0;
position: relative;
}
/* ---------------SpecialAccommodation PC_TAB*/
.SpecialAccommodation{
padding: 7rem 0 19rem;
}
.SpecialAccommodation__ttl{
width: calc(100% * 1331 / 1920);
max-width: 1330px;
}
.SpecialAccommodation__container{
width: 85%;
max-width: 1400px;
margin: 6rem auto 0;
}

.SpecialAccommodation__list{
gap: 5rem 2%;
}
.SpecialAccommodation__item{
width: 23%; 
}
.SpecialAccommodation__textBox h4{
font-size: 1.8rem;
font-weight: 700;
margin-top: 1.3rem;
height: 4rem;
letter-spacing: -0.05rem;
}
.SpecialAccommodation__textBox p{
margin-top: 1.8rem;
font-size: 1.6rem;

}
.SpecialAccommodation__category{

padding: 0.2rem 2.7rem;
font-size: 1.6rem;
}
.SpecialAccommodation__link{
width: calc(100% * 1580 / 1920); 
max-width: 1580px;
display: flex;
flex-wrap: wrap;
gap:2.8rem 2rem;
justify-content: center;
margin: 8rem auto 0;

}
.SpecialAccommodation__linkItem{
width: 48%;
}
.SpecialAccommodation__btn{
text-align: center;
border-radius: 2rem;
margin: 0;
max-height: 8.4rem;
}





}
/* PCラップトップ (1129px以上)に適用---------------------------- */
 @media (min-width: 1129px) {
/*SPのみで改行*/
.br_sp{
display: none;
}
/*タブレット以上で改行*/
.br_tab{
display: block;
}
/*PC-S以上で改行*/
.br_pcS{
display:block;
}
/*PC-L以上で改行*/
.br_pcL{
display: none;
}
/*上へ戻るボタン*/
#page-top a {
width: 93px;
height: 93px;
right: 4.5rem;
bottom: 1.6rem;
}

.englishBtn{
top: 2.6rem;
right: 5rem;
width: 146px;
height: 55px;
padding: .8rem 1.5rem .8rem;
font-size:2.8rem;
}



/*共通パーツ PC_S*/
.contentsSet01{
padding-bottom: 14rem;
margin-bottom: 7.3rem;
}
.contentsSet01__ttl img{
margin-top: -3.9rem;
}
.contentsSet01__wrap{
display: block;
margin: auto;
width: 95%;
}
.contentsSet01__container{
display: flex;
flex-direction: row;
justify-content: space-between;
padding:0;
width: 100%;
margin: 2.2rem auto 0;
}
.contentsSet01__block01{
width: calc(100% * 573 / 1573);
}
.contentsSet01__spot02{
margin-top: 6rem;
}
.contentsSet01__block02{
width: calc(100% * 904 / 1573);
}
.contentsSet01__intro{
font-size: 2.5rem;
letter-spacing: -0.03em;
line-height: 5.1rem;
margin-top: 1.5rem;
}
.contentsSet01__spot03{
margin-top: 4rem;
}
.contentsSet01__spot03 img{
width: 100%;
}
.contentsSet01__photo02-02{
width: calc(100% * 343 / 893);
}
.contentsSet01__photo02-02 img{
width: 100%;
height: auto;
}
.commonBtn01{
width: calc(100% * 904 / 1573);
max-width: 904px;
margin: 0;
text-align: center;
border-radius: 2rem;
position: absolute;
bottom: 0;
}

.commonBtn01 a{
font-size: 2.5rem;
text-align: center;
width: 100%;
height: 9.8rem;
}
.commonBtn01 a::after{
width: 1.7rem;
height: 2.8rem;
position: absolute;
top: 0.4rem;
bottom: 0;
right: 4rem;
}

/*テキストボックス PC_S*/
.commonTextBox01 p::after{
font-size: 1.7rem;
margin-top: 1rem;
}
.contentsSet01__block01 .commonTextBox01{
font-size: 2rem;
}
.contentsSet01__block02-02{
margin-top: 5.1rem;
}
.contentsSet01__block02-02 .commonTextBox01{
width: calc(100% * 520 / 901);
}
.commonTextBox01-l h4{
font-size: 2.6rem;
line-height: 3.1rem;
padding: 0.9rem 0 2.5rem 0;
}
.commonTextBox01-l p{
padding: 2.7rem 1.1rem 1.6rem 1.1rem;
font-size: 2rem;
line-height: 2.9rem;
}
.commonTextBox01-s h4{
font-size: 2.4rem;
line-height: 2.9rem;
padding: 1.1rem;
}
.commonTextBox01-s p{
padding: 1.3rem;
font-size: 2rem;
line-height: 2.9rem;
}



/*地名カテゴリ表示 PC_S*/
.commonTextBox01__category{
font-size: 2rem;
padding: 0.2rem 2.5rem;
margin-top: 2.3rem;
letter-spacing: -0.03em;
text-align: center;
}
.category_4moji{
padding: 0.2rem 0.8rem;
letter-spacing: -0.05em;
}


/* ---------------hero PC_S*/

.heroTtl{
display: block;
position: absolute;
text-align: center;
margin: auto;
width: 100%;
top:8%;
}

.heroTtl img{
width: calc(100% * 1014 / 1920);
max-width: 1014px;
}

.heroPoint{
margin-top: 0;
}
.heroPoint__container{
margin-top: -3.3vw;
}
.heroPoint__ttl{
width: calc(100% * 1054 / 1920);
max-width: 1054px;

}
.heroPoint__point{
width: calc(100% * 1043 / 1920);
max-width: 1043px;

}
.heroPoint__photo{
display: block;
max-width: 1920px;
margin: auto;


}
.heroPoint__photo01{
top: -23.39vw;
left: calc(100% * 30 / 1920);
width: calc(100% * 380 / 1920);
max-width: 380px;
}
.heroPoint__photo02{
top: -17.92vw;
right: calc(100% * 17 / 1920);
width: calc(100% * 386 / 1920);
max-width: 386px;
}

/* ---------------intro PC_S*/
.intro{
margin-top: 8rem;
}
.intro__container{
flex-direction: row;
justify-content: center;
max-width:1400px; 
margin: 0 auto;
}
.intro__block01{
width: calc(100% * 864 / 1534);
justify-content: flex-start;
}
.intro__ttl{
text-align: left;
margin: 5.8rem 0 0;
width: 100%;
}
.intro__ttl img{
width: calc(100% * 623 / 864);
max-width: 623px;
}
.intro__text{
margin-top: 4.8rem;
font-size: 2.5rem;
letter-spacing: -0.03em;
line-height: 5.1rem;
text-align: left;
padding: 0;
max-width: 862px;
}
.intro__block02{
width: calc(100% * 556 / 1534);
margin: 0;
}


/* ---------------NatureActivities PC_S*/
.NatureActivities{
margin-top: 3.9rem;
}
.NatureActivities .contentsSet01__ttl img{
margin-top: -3.9rem;
width: calc(100% * 1136 / 1920);
max-width: 1136px;
}

.NatureActivities__btn{
margin: 0;
right: 0;
}

/* ---------------RideActivity PC_S*/
.RideActivity__container{
display: flex;
flex-direction: row-reverse;
}
.RideActivity .contentsSet01__ttl img{
width: calc(100% * 1218 / 1920);
max-width: 1218px;
}

/* ---------------AdventureActivity PC_S*/
.AdventureActivity__btn{
margin: 0;
right: 0;
}
.AdventureActivity .contentsSet01__ttl img{
width: calc(100% * 916 / 1920);
max-width: 916px;
}
/* ---------------CraftExperience PC_S*/
.CraftExperience{
/*padding: 7.5rem 0 11.5rem;*/
}
.CraftExperience__ttl{
width: calc(100% * 1232 / 1920);
max-width: 1232px;
padding-top: 7.5rem; 
}
.CraftExperience__container{
width: 83%;
max-width: 1533px;
margin: 4.5rem auto 0;
}
.CraftExperience__list{
gap: 0;
align-items: stretch;

}
.CraftExperience__item{
width: calc(100% * 356 / 1533);
display: flex;
flex-direction: column;
}
.CraftExperience__copy{
height: 2.9vw;
right: 0;
left: 0;
}
.CraftExperience__photo{
margin-top: 0.4vw;
}

.CraftExperience__cardTtl{
font-size: 2rem;
letter-spacing: -0.03em;
}
.CraftExperience__cardTxt{
font-size: 1.8rem;
letter-spacing: -0.03em;
}

.CraftExperience__btn{
margin: 12.6rem auto 0;
position: relative;
}

/* ---------------middle__image PC_S*/
.middle__image{
margin-top: 3.4rem;
}
.middle__image img{
width:calc(100% * 459 / 1920) ;
}

/* ---------------SpecialAccommodation PC_S*/
.SpecialAccommodation{
padding: 15rem 0 19rem;
}
.SpecialAccommodation__ttl{
width: calc(100% * 1330 / 1920);
max-width: 1330px;
}
.SpecialAccommodation__container{
width: 85%;
max-width: 1400px;
margin: 6.5rem auto 0;
}

.SpecialAccommodation__list{
gap: 5rem 5%;
}
.SpecialAccommodation__item{
width: 20%; 
}
.SpecialAccommodation__textBox h4{
font-size: 2rem;
font-weight: 700;
margin-top: 1.3rem;
height: 4.5rem;
letter-spacing: -0.05rem;
}
.SpecialAccommodation__textBox p{
margin-top: 1.8rem;
font-size: 1.8rem;

}
.SpecialAccommodation__category{

padding: 0.2rem 2.7rem;
font-size: 2rem;
}
.SpecialAccommodation__link{
width: calc(100% * 1580 / 1920); 
display: flex;
flex-wrap: wrap;
gap:2.8rem 2rem;
justify-content: center;
margin: 13.2rem auto 0;

}
.SpecialAccommodation__linkItem{
width: 48%;
}
.SpecialAccommodation__btn{
text-align: center;
border-radius: 2rem;
margin: 0;
}
.SpecialAccommodation__btn a{
width: 100%;
text-align: center;
font-size: 2.5rem;
padding: 2rem;
}
.SpecialAccommodation__btn a::after{
width: 1.6rem;
height: 2rem;
position: absolute;
top: 0;
bottom: 0;
right: 2.5rem;
}

/* ---------------footer PC_S*/
footer{
height: 215px;
text-align: center;
}
.logo__jaran{
margin-top: 42px;
width: 327px;
}



 }

 
/* PCデスクトップ(1650px以上)に適用---------------------------- */
@media (min-width: 1650px) {
/*SPのみで改行*/
.br_sp{
display: none;
}
/*タブレット以上で改行*/
.br_tab{
display: block;
}
/*PC-S以上で改行*/
.br_pcS{
display:block;
}
/*PC-L以上で改行*/
.br_pcL{
display:none;
}


/*共通パーツ PC_L*/
.contentsSet01__wrap{
width: calc(100% * 1573 / 1920);
max-width: 1573px;
}
.commonBtn01 a{
font-size: 3.5rem;
}
.commonTextBox01-l h4{
font-size: 2.6rem;
line-height: 3.1rem;
padding: 0.9rem 0 2.5rem 0;
}
.commonTextBox01-l p{
padding: 2.7rem 1.1rem 1.6rem 1.1rem;
font-size: 2rem;
line-height: 2.9rem;
}
.commonTextBox01-s h4{
font-size: 2.4rem;
line-height: 2.9rem;
padding: 1.1rem;
}
.commonTextBox01-s p{
padding: 1.3rem;
font-size: 2rem;
line-height: 2.9rem;
}
.commonTextBox01 p{
border-top:solid 1px #707070; 
}

/* ---------------hero PC_L*/
.heroPoint__container{
margin-top: -2vw;
}
.heroPoint__photo01{
top: max(-23.39vw,-44.9rem);
}
.heroPoint__photo02{
top: max(-17.92vw,-34.4rem);
}

/* ---------------intro PC_L*/
.intro{
margin-top: 11.8rem;
}
.intro__container{
max-width:1534px;
}

/* ---------------CraftExperience PC_L*/
.CraftExperience__container{
margin: 6.8rem auto 0;
}
.CraftExperience__cardTtl{
font-size: 2.4rem;
letter-spacing: -0.03em;
line-height: 2.9rem;
/*padding:  0.3rem 0 1.3rem 0;*/
}
.CraftExperience__cardTxt{
font-size: 2rem;
letter-spacing: -0.03em;
line-height: 2.9rem;
}
.CraftExperience__cardTxt::after{
font-size: 1.6rem;
margin-top: 0.7rem;
bottom: 1.5rem;
}
/* ---------------SpecialAccommodation PC_L*/
.SpecialAccommodation__container{
width: calc(100% * 1580 / 1920);
max-width: 1580px;
margin: 10rem auto 0;
}

.SpecialAccommodation__item{
width: 21%; 
width: 18.59;
}
.SpecialAccommodation__textBox h4{
font-size: 3rem;
height: 6rem;
}

.SpecialAccommodation__textBox p{
margin-top: 1.8rem;
font-size: 2rem;
}
.SpecialAccommodation__textBox::after{
font-size: 1.6rem;
margin-top: 0.7rem;
padding-bottom: 1rem;
bottom: -3.5rem;
}
.SpecialAccommodation__link{
width: calc(100% * 1580 / 1920); 
gap:2.8rem 4.3rem;
}
.SpecialAccommodation__linkItem{
width: 48%;
}
.SpecialAccommodation__btn{
text-align: center;
border-radius: 3rem;
margin: 0;
}
.SpecialAccommodation__btn a{
font-size: 3.5rem;
padding: 2rem;
}
.SpecialAccommodation__btn a::after{
width: 1.6rem;
height: 2.5rem;
right: 3.7rem;
}


}