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

.bg_imgbox {
background-image: url("../img/fieldpavilion/title_bg.jpg");
background-size: cover;
}

@media all and (max-width : 767px ){
.bg_imgbox {
background: url("../img/fieldpavilion/title_bg_sp.jpg") ;
background-size: cover;
}
}

.page_title {
white-space: nowrap;
}
.sec_title_jp {
font-family: "Noto Serif JP", serif;
font-weight: 500;
font-size: 2.4rem;
line-height: 100%;
letter-spacing: 0.2em;
margin-bottom: 10px;
padding-left: 40px;
position: relative;
white-space: nowrap;
}
.sec_title_jp::before {
content: "";
position: absolute;
left: 0px;
top: 50%;
display: inline-block;
background-color: #8F6D48;
width: 30px;
height: 1px;
}
.sec_subtitle_en {
font-family: "Crimson Pro", serif;
font-weight: 400;
font-style: italic;
font-size: 1.4rem;
letter-spacing: 0.05em;
color: rgb(143, 109, 72);
line-height: 100%;
margin-left: 40px;
}

@media all and (max-width : 820px ){
.sec_title_jp {
font-size: 2.0rem;
}
}

@media all and (max-width : 767px ){
.sec_title_jp {
font-size: 1.5rem;
line-height: 140%;
letter-spacing: 0.05em;
padding-left: 25px;
white-space: pre-wrap;
}
.sec_title_jp::before {
content: "";
position: absolute;
left: 0px;
top: 30%;
width: 18px;
}
.sec_subtitle_en {
font-style: italic;
font-size: 1.2rem;
margin-left: 25px;
}
}

.sec_title_box {
margin-bottom: 30px;
}

.link_box_wrap {
display: flex;
flex-wrap: wrap;
}
.link_box {
width: calc(33.3333333% - 60px / 3);
margin-right: 30px;
margin-bottom: 40px;
}

@media all and (max-width : 1024px ){
.link_box {
width: calc(33.3333333% - 40px / 3);
margin-right: 20px;
margin-bottom: 30px;
}
}

.link_box:nth-child(3n) {
margin-right: 0;
}

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

@media all and (max-width : 767px ){
.link_box {
width: 100%;
margin-right: 0px;
margin-bottom: 20px;
}
.link_box:nth-child(3n) {
margin-right: 0px;
}
}


.link_imgbox {
width: 100%;
height: auto;
margin-bottom: 15px;
overflow: hidden;
background: #000;
}
.link_imgbox img {
width: 100%;
transition-duration: 0.7s;
transform: translateZ(0);
backface-visibility: hidden;
will-change: transform;
}
.link_imgbox img:hover {
transform: scale(1.05);
transition-duration: 0.7s;
opacity: .8;
}
.link_cap {
display: flex;
flex-direction: column;
}
.link_cap dt {
font-family: 'Noto Serif JP', serif;
font-weight: 500;
font-size: 1.8rem;
letter-spacing: 0.2em;
margin-bottom: 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.link_cap dd {
font-size: 1.4rem;
line-height: 180%;
}

@media all and (max-width : 1024px ){
.link_cap dt {
font-size: 1.6rem;
letter-spacing: 0.1em;
margin-bottom: 10px;
}
}

@media all and (max-width : 767px ){
.link_cap dt {
font-size: 1.4rem;
}
.link_cap dd {
font-size: 1.2rem;
}
}