@charset "utf-8";
/* sightseeing css */

.sec_intro {
margin-bottom: 80px;
}
.intro_copy {
font-size: 2.4rem;
font-weight: 500;
letter-spacing: 0.2em;
line-height: 100%;
padding-bottom: 32px;
position: relative;
display: block;
text-align: center;
margin-bottom: 50px;
}
.tb-hidden {
display: none;
}

@media all and (max-width : 820px ){
.tb-hidden {
display: block;
}
.content {
padding: 70px 0 0;
}
}

@media all and (max-width : 1260px ){
.intro_copy {
font-size: 2.2rem;
}
}

@media all and (max-width : 1024px ){
.intro_copy {
font-size: 2.0rem;
margin-bottom: 40px;
}
}

.intro_copy::after {
content: "";
display: block;
background-color: #C14911;
width: 15px;
height: 1px;
position: absolute;
left: 50%;
bottom: 0;
}
.intro_txt {
font-size: 1.5rem;
line-height: 200%;
letter-spacing: 0.2em;
display: block;
text-align: center;
margin-bottom: 50px;
}

@media all and (max-width : 820px ){
.intro_txt {
font-size: 1.4rem;
line-height: 180%;
letter-spacing: 0.15em;
margin-bottom: 40px;
}
}

@media all and (max-width : 767px ){
.sec_intro {
margin-bottom: 35px;
}
.intro_copy {
font-size: 1.6rem;
line-height: 160%;
padding-bottom: 25px;
margin-bottom: 30px;
}
.intro_copy::after {
width: 12px;
height: 1px;
position: absolute;
left: 49%;
bottom: 0;
}
.intro_txt {
font-size: 1.3rem;
line-height: 180%;
letter-spacing: 0.1em;
margin-bottom: 30px;
}
}

.con_title {
font-size: 2.2rem;
font-weight: 400;
letter-spacing: 0.4em;
line-height: 100%;
padding-bottom: 50px;
display: block;
text-align: center;
margin-bottom: 50px;
position: relative;
}
.con_title::after {
content: "";
display: block;
background: #C14911;
width: 15px;
height: 1px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.itembox_wrap {
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
}
.itembox {
width: calc(33.3333333% - 60px / 3);
margin-right: 30px;
margin-bottom: 50px;
display: flex;
flex-direction: column;
}
.itembox:nth-child(3n) {
margin-right: 0px;
}

@media all and (max-width : 820px ){
.itembox {
width: calc(50% - 30px / 2);
margin-right: 30px;
margin-bottom: 50px;
}
.itembox:nth-child(3n) {
margin-right: 30px;
}
.itembox:nth-child(2n) {
margin-right: 0px;
}
}

.item_img {
width: 100%;
margin-bottom: 20px;
}
.item_img img {
width: 100%;
}
.item_txtbox {
margin-bottom: 30px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.item_txtbox dt {
font-size: 2.0rem;
font-weight: 600;
line-height: 100%;
letter-spacing: 0.2em;
margin-bottom: 20px;
}

@media all and (max-width : 1024px ){
.item_txtbox dt {
font-size: 1.8rem;
letter-spacing: 0.15em;
}
}

.item_txtbox dd {
font-size: 1.4rem;
font-weight: 500;
line-height: 180%;
flex-grow: 1;
}
.access_method {
display: flex;
align-items: flex-start;
padding: 15px 0;
border-top: solid 1px #8E7742;
border-bottom: solid 1px #8E7742;
font-size: 1.4rem;
margin-bottom: 25px;
}

@media all and (max-width : 820px ){
.access_method {
padding: 15px 0;
font-size: 1.3rem;
margin-bottom: 20px;
}
}

.access_method .access_title {
font-weight: 600;
margin-right: 10px;
color: #8E7742;
white-space: nowrap;
}
.access_method .access_txt {
font-weight: 500;
}
.link_btn_wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
.link_btn_wrap li {
width: 48%;
display: block;
}
.link_btn_wrap li .link_btn {
width: 100%;
display: block;
position: relative;
font-size: 1.2rem;
font-weight: 500;
letter-spacing: 0.1em;
color: #fff;
padding: 10px 0px;
border-radius: 5px;
background-color: #000;
text-align: center;
transition: .3s;
}
.link_btn_wrap li .btn_arrow::after {
width: 6px;
height: 6px;
right: 10px;
transition: .3s;
}
.link_btn_wrap li .link_btn:hover {
background:#8E7742;
color:#fff;
transition: ease .3s;
}
.link_btn_wrap li .btn_arrow:hover::after { 
right: 8px;
transition: .3s;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}

@media all and (max-width : 820px ){
.item_txtbox dt {
letter-spacing: 0.1em;
}
.item_txtbox dd {
font-size: 1.4rem;
}
}

@media all and (max-width : 767px ){
.con_title {
font-size: 1.6rem;
letter-spacing: 0.15em;
padding-bottom: 30px;
margin-bottom: 30px;
}
.con_title::after {
content: "";
width: 10px;
height: 1px;
}
.itembox {
width: 100%;
margin-right: 0px;
margin-bottom: 20px;
}
.itembox:nth-child(3n) {
margin-right: 0px;
}
.item_txtbox dt {
font-size: 1.7rem;
margin-bottom: 15px;
}
}