@charset "UTF-8";
/* CSS Document */
@media (min-width: 768px){}
@media (max-width: 767.98px){}






#catalogue_ttl_box{ position: relative;}
#catalogue_ttl_box>h1{ color: #ad9467; display: flex; align-items: center; margin: 0; line-height: 1em; font-weight: bold;}
/*€€#catalogue_ttl_box>h1::after{ content: ""; background: url("../images/deco.svg") no-repeat center / contain; display: block;}*/


.img_text{ display: flex; align-items: center;}
.img_text>div{}
.img_text>div>span{ display: block; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 50%;}
.img_text>p{ margin: 0;}
.img_text>p>small,
.img_text>p>strong{ display: block; font-weight: normal; padding-left: 0.9em;}
.text_box>p{ line-height: 1.8em; margin: 0; text-align: justify;}


@media (min-width: 768px){
#catalogue_ttl_box{ display: flex; justify-content: space-between; align-items: flex-start; padding-top: 70px; margin-bottom: 70px;}
#catalogue_ttl_box>h1{ font-size: 46px;}
#catalogue_ttl_box>h1::after{ width: 112px; height: 30px; margin-left: 20px;}
#catalogue_ttl_box>dl{ width: calc(50% - 15px); margin: 0;}
#catalogue_ttl_box>dl::before{ top: 13px;}
#catalogue_ttl_box>dl>dt{ font-size: 26px;}
#catalogue_ttl_box>dl>dd{ font-size: 16px;}

p{ font-size: 18px;}
.addition>p{ font-size: 16px;  font-family: sans-serif;}

.img_text{ margin-bottom: 15px;}
.img_text>div{}
.img_text>div>span{ width: 100px; height: 100px;}
.img_text>p{}
.img_text>p>small,
.img_text>p>strong{ font-size: 22px;}

.text_box>p{ font-size: 14px;}
}

@media (min-width: 768px) and (max-width: 849.98px){
#catalogue_ttl_box>h1{ font-size: 40px;}
p{ font-size: 16px;}
.addition>p{ font-size: 14px;  font-family: sans-serif;}
}

@media (max-width: 767.98px){

#catalogue_ttl_box{ padding: 50px 0; display: flex; flex-wrap: wrap;}
#catalogue_ttl_box>h1{ font-size: 30px; order: 0; width: 100%;}
#catalogue_ttl_box>h1::after{ width: 62px; height: 17px; margin-left: 10px;}
#catalogue_ttl_box>dl{ margin: 15px 0 0; order: 2; width: 100%;}
#catalogue_ttl_box>dl::before{ top: 8px;}
#catalogue_ttl_box>dl>dt{ font-size: 16px;}
#catalogue_ttl_box>dl>dd{ font-size: 12px;}

p{ font-size: 15px;}
.addition>p{ font-size: 12px;  font-family: sans-serif;}

.img_text{ margin-bottom: 15px;}
.img_text>div>span{ width: 80px; height: 80px;}
.img_text>p>small,
.img_text>p>strong{ font-size: 16px; padding-left: 2em;}
.img_box{ margin-top: 20px;}
}




#link_box{}

#link_ul{ list-style: none; display: flex; flex-wrap: wrap; align-items: flex-start;}
#link_ul>li{ position: relative; border-radius: 0%; overflow: hidden;}
#link_ul>li>h3{ position: absolute; z-index: -1; display: flex; align-items: center; justify-content: center; text-align: center; height: 100%; width: 100%; left: 0; top: 0; color: white; font-weight: normal; font-family: 'Noto Serif JP'; margin: 0; text-shadow: 1px 1px 1px rgba(0,0,0,0.70),1px 1px 5px rgba(0,0,0,0.70);}
#link_ul>li>span{ position: absolute; z-index: -2; left: 0; top: 0; overflow: visible; width: 100%; height: 100%; border-radius: 50%;}
/*  #link_ul>li>span>img{ transform: scale(1.01,1.01);}*/
#link_ul>li>span>img{ transition: .3s;}
/*  #link_ul>li:hover>span>img{ transform: scale(1.2,1.2);}*/
#link_ul>li>a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 0;}

@media (min-width: 768px){
#link_ul{ padding: 0%; margin: 3% 10% 0;}
#link_ul>li{ width: 18%; padding: 0 0 18.2%; margin:2% 1% 0;}
/*  #link_ul>li:nth-child(2n + 2){ margin-top: 30%;}*/
#link_ul>li>h3{ font-size: 2.4vw; line-height: 1.4em;}/* 2vw */
}

@media (max-width: 767.98px){
#link_ul{ padding: 0 7%; margin: 10% 0 0;}
#link_ul>li{ width: calc(50% - 20px); padding: 0 0 calc(50% - 19px); margin: 20px 10px 0px;}
#link_ul>li>h3{ font-size: 5.2vw;}
}

















@media (min-width: 768px){}
@media (max-width: 767.98px){}











@media (min-width: 768px){}
@media (max-width: 767.98px){}










@media (min-width: 768px){}
@media (max-width: 767.98px){}