.is-pc{display: block !important;}
.is-sp{display: none !important;}

/* ----------------

  2024winter

---------------- */
.mt-0{margin-top: 0px !important;}
.mt-20{margin-top: 20px !important;}
.mt-40{margin-top: 40px !important}
.mt-60{margin-top: 60px !important}
.mb-20{margin-bottom: 20px !important}
.mb-40{margin-bottom: 40px !important}
.mb-60{margin-bottom: 60px !important}
.pt-0{padding-top:0!important;}

/* common
------------------------------ */
.page-main .cmn-h3 {text-align: center;font-size: 2em;}
.page-main .cmn-h3.txt-l {text-align: left;font-size: 2.4em;}

.collection .container2.box {padding: 5%;}
.collection .box dl.reverse{flex-direction:row-reverse;}
.collection .box dl.reverse dt{margin-left:5%;margin-right:0;text-align:right;}
.collection .sliderwrap dl.reverse{flex-direction:row-reverse;}
.collection .sliderwrap dl.reverse dt{margin-left:5%;margin-right:0;text-align:right;}
.collection .sliderwrap dl.noreverse{flex-direction:row;}
.collection .sliderwrap dl.noreverse dt{margin-right:5%;margin-left:0;text-align:left;}
.collection .inner-txt{padding:5% 5% 0;max-width:820px;margin:auto}
.collection .inner-txt2{padding:2% 5%;max-width:820px;margin:auto}
.collection dl dt.w50{width:auto;}
.collection dl dt.w50 > ul{width:380px;}
.collection + .collection{padding-top:40px;}
.collection dl dd .label{font-size:1em;border:1px solid #222;text-align:center;width:80px;height:80px;line-height:1.4;display:flex;align-items:center;justify-content:center;border-radius:100%;margin-bottom:10px;}
span.tag{background:#eee;padding:8px 15px;margin:10px 0;font-size:1.3rem;line-height:1.5;display: inline-block;}
.collection dl dd h3{font-size:2em;line-height:1.5;margin-bottom:20px;}
.collection dl dd h3 strong{font-weight:inherit;font-size:120%;}

.interview01{display:flex;border:0!important;align-items:center;}
.interview01 > figure{width:25%;margin-left:5%;}
.interview01 > div{flex:1;}
.interview02{margin-top:50px;}
.interview02 > li + li{margin-top:30px;}
.interview02 .q{font-weight:bold;font-size:1.24em;margin-bottom:5px;}
.interview02 p span{font-weight:bold;display:inline-block;margin-right:10px;}

.sliderwrap{margin-top:60px;}
.border-list.gap > li{align-items:flex-start;}
.border-list.gap > li div{margin-right:5%;}
.border-list.gap > li figure{margin-right:0;}
ul.border-list > li{padding-top:0;padding-bottom:0;}

.page-main h2.d-flex {display: flex; align-items: center; justify-content: center;}
.page-main h2 .logo{margin-right: 16px;}
.page-main h3.d-flex {display: flex; align-items: center; justify-content: center;}
.page-main h3 .logo{margin-right: 16px;}
.d-flex h3{font-size: 2.4em; margin-bottom: 0.6em;}
.d-flex h4{font-size: 1.6em; margin-top: 0.4em;}

/* page-mv
------------------------------ */
.page-mv {background-image: url(img/mv-img.jpg);}
.page-mv.middle{background-position:center 5%;}
.page-mv.middle:before{background-color:rgba(0, 0, 0, 0.4);}
.page-mv a {color: #fff;}
.page-main .d-inline {position: relative;z-index: 1;}
.page-main h2 {font-size: 4.2rem;line-height: 1.4;letter-spacing: .1em;text-align: center;margin-bottom: 40px;}
.page-main h2 small {font-size: 2.8rem;display: inline-block;line-height: 1.6;}
.page-main .border-brown.mb-0{margin-bottom:0!important;}

/* .clearfix
------------------------------ */
.clearfix:after {content: "";display: block;clear: both;}
.clearfix:before {content: "";display: block;clear: both;}
.clearfix {display: block;}
.clearfix .text-indent {width: calc(70% - 40px);}
.clearfix .right + .text-indent {float: left;}
.clearfix .left + .text-indent {float: right;}
.txt-l {text-align: left;}
.txt-c {text-align: center;}
.txt-r {text-align: right;}

/* .collection
------------------------------ */
.collection dl dd h4 {font-size: 1.8em;line-height: 1.6;margin-bottom: .5em;}
.collection dl dd .txt-r {font-size: 14px; line-height: 1.714;}

/* .block04
------------------------------ */
.block04 .box-map {background: url(img/p5-block04-img01-4.jpg) left bottom / contain no-repeat;padding-bottom: 30%;margin-top: 50px;text-align: right}
.block04 .box-map img {width: 80%;}


/* -------------------------------------------- */
/* responsive */
/* -------------------------------------------- */
@media (min-width: 851px) {
	.collection dl dt {width: 560px;}
}
@media (max-width: 850px) {
	.collection dl dt.w50{width:50%;}
	.collection dl dt.w50 > ul{width:100%;}
}
@media (max-width: 600px) {
	.is-pc{display: none !important;}
	.is-sp{display: block !important;}	

	.clearfix .text-indent {width: 100%;}
	.clearfix .right + .text-indent {float: none;}
	.clearfix .left {margin-left: auto;}
	.clearfix .left + .text-indent {float: none;}

	/* common
	------------------------------ */
	.collection + .collection{padding-top:10px;}
	.collection dl dt.w50{width:100%;}
	.collection dl dd h3{font-size:1.8em}
	.collection dl dd .label{width:70px;height:70px;}

	.interview01{display:block;}
	.interview01 > figure{width:70%;margin:40px auto;max-width:250px;}
	.interview02{margin-top:0;}

	.sliderwrap{margin-top:30px;}
	.page-mv{background-position:70% center;}
	.page-mv.middle{background-position:70% 5%;}
	.page-mv .txt{padding-left:0;padding-right:0;}
	.border-list.gap > li{align-items:center;}
	ul.border-list > li figure{text-align:center;margin-top:40px;display:inline-block;width:auto;}

	.page-main h2 .logo{width: 72px; height: 72px;}
	.page-main h3 .logo{width: 72px; height: 72px;}
	.page-main h2{font-size:3rem;}
	.page-main h2 small{font-size:2.4rem;}



}