@charset "utf-8";



/*
-----------------------------------------------
▼基本デザイン 2022.5
----------------------------------------------- */

* {
box-sizing:border-box;
margin:0;
padding:0;
border:0;
outline:0;
font-style:normal;
word-break:normal;
word-wrap:break-word;
}
body {
-webkit-text-size-adjust:100%;
font-family:"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
font-size:14px;
line-height:1.7;
color:#231815;
-webkit-font-smoothing:subpixel-antialiased;
}

small {
font-size:80%;
}
article,aside,figure,footer,header,main,menu,nav,section {
display:block;
}
audio,canvas,video {
display:inline-block;
}
img {
vertical-align:bottom;
}
input,select {
font-size:100%;
vertical-align:middle;
}
ul,ol {
list-style-type:none;
}
h1,h2,h3,h4,h5,h6,strong {
-webkit-font-smoothing:antialiased;
}
table {
border-collapse:collapse;
border-spacing:0;
}

a {
color:#08c;
text-decoration:none;
}
a:hover,a:active {
text-decoration:underline;
}
a img {
transition:opacity 0.5s ease-in-out;
}
a:hover img {
opacity:0.8;
}

/* clearfix */
.cf:after {
display:block;
content:"";
clear:both;
}


/*
-----------------------------------------------
flex
----------------------------------------------- */
.container01{
display:flex;
flex-wrap:wrap;
}

.container02{
display:flex;
flex-wrap:nowrap;
}

.container03{
display:flex;
flex-wrap:wrap-reverse;
}

.al-item01{
align-items:flex-end
}

.c-type01{
justify-content:space-between;
}

.c-type02{
justify-content:space-around;
}

.c-type03{
justify-content:flex-start;
}

.c-type04{
justify-content:center;
}


/*
-----------------------------------------------
▼ ヘッダー部分・共通部分
----------------------------------------------- */

#under_wrap{
width:1040px;
margin-left:auto;
margin-right:auto;
}
@media screen and (min-width:769px) and ( max-width:1039px) {
#under_wrap{
width:100%;
}
}

#under_ttl_block,
#under_contents{
width:720px;
margin-left:auto;
margin-right:auto;
}

#under_ttl_block{
padding-top:50px;
}

#under_header{
border-bottom:solid 1px #ccc;
padding-top:80px;
}

#under_logo{
text-align:center;
padding-top:40px;
margin-bottom:80px;
}

#under_logo02{
font-family: 'Playfair Display', serif;
font-size:25px;
text-align:center;
padding-bottom:5px;
}

#under_ttl_block h2{
font-family: 'Shippori Mincho', serif;
font-weight:600 !important;
font-size:36px;
line-height:1.5;
letter-spacing:0;
margin-bottom:58px;
}

#under_main_img img{
width:100%;
height:auto;
}

.pc-catch{
text-align:center;
margin-left:auto;
margin-right:auto;
}

.top_add_info{
text-align:center;
font-size:15px;
color:#595757;
margin-top:40px;
letter-spacing:1px;
}

.under_date,
.under_cat{
color:#898989;
font-size:12px;
font-family: 'Montserrat', sans-serif;
margin-bottom:5px;
}

.sponly{
display:none;
}



/*
-----------------------------------------------
▼ ヘッダー部分・共通部分 SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
#under_wrap{
width:100% !important;
}

#under_logo{
text-align:center;
padding-top:20px;
margin-bottom:30px;
}

#under_logo img{
width:50%;
height:auto;
}

#under_header{
padding-top:30px;
}

#under_header{
width:90%;
margin-left:5%;
margin-right:5%;
}


#under_ttl_block,
#under_contents{
width:100%;
padding-left:5%;
padding-right:5%;
}

#under_ttl_block{
padding-top:25px;
}

#under_logo02{
font-size:24px;
}

#under_ttl_block h2{
font-family: 'Shippori Mincho', serif;
font-size:22px;
line-height:1.5;
letter-spacing:-1px;
margin-bottom:26px;
}

.sponly{
display:block;
}

.sp-catch{
text-align:center;
padding-left:10%;
padding-right:10%;
}

.top_add_info{
font-size:13px;
margin-top:30px;
letter-spacing:0px;
}

}


/*
-----------------------------------------------
▼ フッター部分・共通部分
----------------------------------------------- */
.share_wrap{
width:380px;
margin-left:auto;
margin-right:auto;
}

.share_wrap h3{
font-size:18px;
letter-spacing:0.2em;
color:#888988;
font-family: 'Montserrat', sans-serif;
text-align:center;
margin-bottom:35px;
}

.share_btn li a img{
width:40px !important;
height:auto;
}

.toppage_link{
margin-top:80px;
}

.toppage_link a{
font-size:16px;
display:block;
line-height:34px;
height:34px;
border:solid 1px #888988;
color:#888988;
font-family: 'Montserrat', sans-serif;
text-align:center;
letter-spacing:0.8em;
}

.toppage_link span{
margin-left:1.2em;
}

.toppage_link a:hover{
text-decoration:none;
opacity:0.4;
}

/*
-----------------------------------------------
▼ フッター部分・共通部分 SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
.share_wrap{
width:100%;
padding-left:10%;
padding-right:10%;
}

.share_wrap h3{
margin-bottom:20px;
}

.share_btn li a img{
width:32px !important;
}

.toppage_link{
margin-top:40px;
}

.share_btn{
padding-left:5%;
padding-right:5%;
}

}


/*
-----------------------------------------------
▼ コンテンツ部分
----------------------------------------------- */
#under_contents{
margin-top:70px;
}

.under_contents_block{
margin-bottom:100px;
}

.under_heading01{
font-family: 'Shippori Mincho', serif;
font-weight:600 !important;
font-size:28px;
line-height:1.7;
letter-spacing:-1px;
/* letter-spacing:1px; */
margin-bottom:20px;
}

.attention_txt{
font-size:13px;
color:#595757;
margin-top:-58px;
}

/*
-----------------------------------------------
▼ 数字設定(デザインによって変更)
----------------------------------------------- */
.nbr{
position:absolute;
z-index:20;
width:216px !important;
height:auto !important;
top:-44px;
left:-22px;
}

.sp_nbr{
display:none;
}

.nbr_img{
position:relative;
}

.linkup_img{
position:relative;
z-index:10;
max-width:100%;
width:auto;
height:auto;
}

.linkup_caption{
font-size:11px;
color:#777777;
font-family: 'Noto Sans JP', sans-serif;
font-weight:300;
margin-top:14px;
}

.linkup_info{
font-family: 'Shippori Mincho', serif;
font-weight:600 !important;
font-size:15px;
line-height:1.8;
margin-top:36px;
letter-spacing:1px;
}

.under_sub_img{
width:440px;
margin-left:auto;
margin-right:auto;
}

.linkup_sub_txt{
font-size:13px;
color:#777777;
font-family: 'Noto Sans JP', sans-serif;
font-weight:300;
margin-bottom:40px;
line-height:1.8 !important;
}

.linkup_sub_txt02{
font-size:13px;
color:#777777;
font-family: 'Noto Sans JP', sans-serif;
font-weight:300;
margin-bottom:20px;
line-height:1.8 !important;
letter-spacing:1px !important;
}

.linkup_sub_txt03{
font-size:10px;
color:#000 !important;
font-family: 'Noto Sans JP', sans-serif;
font-weight:300;
margin-bottom:70px;
margin-top:-5%;
}

.link_outpage{
color:#777777 !important;
}

.link_outpage span{
color:#3399ff !important;
}

.link_outpage:hover{
text-decoration:none !important;
opacity: 0.6;
}

.top30{margin-top:30px;}

.btm60{
margin-bottom:60px;
}

.wide01{
padding-left:12%;
padding-right:12%;
}

.sub_info{
font-family: 'Shippori Mincho', serif;
margin-bottom:70px;
}

.sub_info h3{
font-size:21px;
font-weight:600 !important;
margin-bottom:16px;
}

.sub_info p{
font-size:13px;
letter-spacing:0.05em !important;
}


/*
-----------------------------------------------
▼ コンテンツ部分 SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
.pconly{
display:none;
}

#under_contents{
margin-top:40px;
}

.under_contents_block{
margin-bottom:50px;
}

.nbr{
display:none !important;
}

.wide01{
padding-left:8%;
padding-right:8%;
}

.attention_txt{
font-size:12px;
color:#595757;
margin-top:-32px;
}

/* ▼画像幅100%の時の設定 */
.nbr_img{
width:110% !important;
margin-left:-5% !important;
}

/*
-----------------------------------------------
▼ 数字設定(デザインによって変更) SP
----------------------------------------------- */
.sp_nbr{
display:block !important;
position:absolute;
z-index:20;
top:-5%;
left:-5%;
width:30% !important;
height:auto;
}

.under_sub_img{
width:100%;
padding-left:15%;
padding-right:15%;
}

.under_heading01{
font-size:18px;
/* letter-spacing:1px; */
margin-bottom:18px;
}

.linkup_caption{
font-size:11px;
font-weight:300;
margin-top:8px;
}

.linkup_info{
font-size:13px;
line-height:1.8;
margin-top:18px;
letter-spacing:0;
}

.sub_info h3{
font-size:17px;
margin-bottom:10px;
}

.linkup_sub_txt03{
margin-bottom:30px;
}

}


/*
-----------------------------------------------
▼ 他記事特集部分
----------------------------------------------- */
#under_sub_contents{
width:720px;
margin-left:auto;
margin-right:auto;
}

.sub-img{
padding-left:18%;
padding-right:18%;
}

/*
-----------------------------------------------
▼ 他記事特集部分 SP
----------------------------------------------- */
@media screen and (max-width: 768px) {
#under_sub_contents{
width:90%;
margin-left:5%;
margin-right:5%;
}

.sub-img{
padding-left:15%;
padding-right:15%;
}
}

/*
-----------------------------------------------
▼ 文字間調整
----------------------------------------------- */

.tume01{
letter-spacing:0 !important;
}
.tume02{
letter-spacing:-22px; !important;
}

.tume03{
letter-spacing:-12px; !important;
}

.tume04{
letter-spacing:-1px; !important;
}

.tume05{
letter-spacing:3px; !important;
}

.tume06{
display:inline-block;
font-size:50px; !important;
padding-top:15px;
}

.mx-img{
max-width:100% !important;
width:auto !important;
height:auto !important;
}

.pb60{
padding-bottom:60px;
}


/*
-----------------------------------------------
▼ フェードイン
----------------------------------------------- */

.fadeIn_up {
  opacity: 0;
  transform: translate(0, 0);
  transition: 2.0s;
}

.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}


.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition-duration: 2s;
  transition-delay: 0.5s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn {
  opacity: 0;
    transform: translate(0,-30%);
  transition: 1.5s;
  transition-delay: 0.5s;
}
.fadeIn.is-show {
  transform: translate(0, 0);
  opacity: 1;
}


.fadeIn02 {
  opacity: 0;
    transform: translate(0,-80%);
  transition: 1.5s;
  transition-delay: 0.5s;
}
.fadeIn02.is-show {
  transform: translate(0, 0);
  opacity: 1;
}


.nbr_img .fd01{
z-index:100;
position:absolute;
/* top:60px; */
margin-top:5%;
transition-delay: 0.6s;
left:0;
right:0;
}

.nbr_img .fd02{
z-index:100;
position:absolute;
}

.linkup_img{
z-index:10 !important;
position:relative;
}

.logo-in,
.bag-in{
position:relative !important;
text-align:center !important;
margin-left:auto !important;
margin-right:auto !important;
}


.logo01{
width:84px;
}

.logo02{
width:78px;
}

.logo03{
width:146px;
}

.logo04{
width:214px;
}

.logo05{
width:150px;
}

.logo06{
width:146px;
}

.logo07{
width:96px;
}

.logo08{
width:86px;
}

.logo09{
width:110px;
}



.end-p{
color:#b87974;
font-size:22px;
font-family: 'Shippori Mincho', serif;
font-weight:500 !important;
}

.end-p:before{
content: url(../img/dotte01.webp);
display: block;
text-align:center;
margin-bottom:50px;
}


/*
-----------------------------------------------
▼ フェードイン SP
----------------------------------------------- */
@media screen and (max-width: 768px) {

.linkup_img{
width:100% !important;
height:auto;
}

.logo01 img{
width:auto !important;
height:16px;
}

.logo02 img{
width:auto !important;
height:18px;
}

.logo03 img{
width:auto !important;
height:17px;
}

.logo04 img{
width:auto !important;
height:18px;
}

.logo05 img{
width:auto !important;
height:16px;
}

.logo06 img{
width:auto !important;
height:16px;
}

.logo07 img{
width:auto !important;
height:18px;
}

.logo08 img{
width:auto !important;
height:16px;
}

.logo09 img{
width:auto !important;
height:16px;
}

.end-p{
color:#b87974;
font-size:16px;
font-family: 'Shippori Mincho', serif;
font-weight:500 !important;
letter-spacing:0px;
}

.pb60{
padding-bottom:30px;
}


}


/* css_end */