@charset "utf-8";
.section_area{
	width: 100%;
	position: relative;
	opacity: 0;
	transition: opacity 1s ease;
	transition-delay: .8s;
}
.section_area.is-ani{
	opacity: 1;
}
.ani-fade.js-scrani,
.section_area.js-scrani{
	opacity: 0;
	filter: blur(15px);

	transition: all .8s ease;
	transition-delay: .2s;
}
.ani-fade.is-ani,
.section_area.is-ani{
	opacity: 1;
	filter: blur(0);
}
.news__listsBlock.ani-fade{
	transition-delay: .6s;
}


/*-----------------------------------------------
 * SPECIAL
-------------------------------------------------*/
.specialArea{
	position: relative;
	padding-bottom: min(calc(160 / var(--vw-min) * 100vw),160px);
	position: relative;
	z-index: 10;
}
.specialArea .area__inner{
	margin: 0 auto;
}
.specialCont{
	width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
	margin: 0 auto;
}
@media screen and (max-width:767px){ 
	.specialArea .area__inner{
		width: 100%;
		padding: calc(224 / var(--vw-min) * 100vw) 0 0;
	}
	.specialCont{
		width: 100%;
	}
}

/* ttl */
.sub .special__ttl{
	position: relative;
	margin-bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
	padding-bottom: min(calc(48 / var(--vw-min) * 100vw),38px);
}
.special__ttl_en{
	display: block;
	background: url(../img/common/title/ttl_special_en.png)no-repeat center center / contain;
	width: min(calc(216 / var(--vw-min) * 100vw),216px);
	height: min(calc(70/ var(--vw-min) * 100vw),70px);
	margin-bottom:min(calc(20 / var(--vw-min) * 100vw),20px);
}
.section__ttl_jp{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	margin-bottom:min(calc(38 / var(--vw-min) * 100vw),38px);
}
@media screen and (max-width:767px){ 
	.sub .special__ttl{
		padding: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: calc(88 / var(--vw-min)* 100vw);
	}
	.special__ttl_en{
		width: calc(272 / var(--vw-min) * 100vw);
		height: calc(88 / var(--vw-min) * 100vw);
	}
}
.pageTtl__deco{
	display: block;
	width: 100%;
	height: min(calc(10 / var(--vw-min) * 100vw),10px);
	background: url(../img/common/deco/section_ttl_deco.png) no-repeat center bottom;
    background-size: min(calc(34 / var(--vw-min) * 100vw), 34px) auto;
	position: relative;
}
.pageTtl__deco:before,
.pageTtl__deco::after{
	z-index: 1;
	position: absolute;
	bottom: min(calc(5 / var(--vw-min) * 100vw), 5px);
	left: 0;
	content: "";
	height: 1px;
	width: calc(50% - min(calc(30 / var(--vw-min) * 100vw), 30px));
	background-color:#B79487;
}
.pageTtl__deco:before{
		left: unset;
		right: 0;
}
@media screen and (max-width: 767px) {
	.pageTtl__deco{
		height:calc(18 / var(--vw-min) * 100vw);
		background-size:calc(60 / var(--vw-min) * 100vw) auto;
	}
	.pageTtl__deco:before,
	.pageTtl__deco::after{
		bottom: calc(8 / var(--vw-min) * 100vw);
		width: calc(50% - calc(60 / var(--vw-min) * 100vw));
	}
}

/* item */
.time_head_block{
	display: flex;
	margin-bottom: min(calc(5 / var(--vw-min) * 100vw),5px);
	letter-spacing: 0;
}
.item_title{
	font-weight: 600;
	padding:min(calc(5 / var(--vw-min) * 100vw),5px) 0 min(calc(5 / var(--vw-min) * 100vw),5px);
	font-size:  min(calc(15 / var(--vw-min) * 100vw),15px);
	overflow: hidden;
	min-height: min(calc(60 / var(--vw-min) * 100vw),60px);
    display: flex;
    align-items: center;
}
@media screen and (max-width: 767px) {
    .item_title {
        font-size: calc(24 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * INDEX 
-------------------------------------------------*/
/* list */
.specialList{
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
	.specialList{
		flex-direction: column;
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	}
}
/* item */
.specialList__item{
	width:min(calc(468 / var(--vw-min) * 100vw),468px);
	margin-right:min(calc(64 / var(--vw-min) * 100vw),64px);
	margin-bottom:min(calc(48 / var(--vw-min) * 100vw),48px);
}
.specialList__item:nth-child(2n){
	margin-right:0;
}
@media screen and (max-width: 767px) {
	.specialList__item{
		width:100%;
		margin-right:0;
		margin-bottom:calc(40 / var(--vw-min) * 100vw);
	}
}
.specialList__item-link{
	display: block;
	background-color: #FFF;
	border-radius: 16px;
	position: relative;
	text-decoration: none;
	padding: min(calc(8 / var(--vw-min) * 100vw),8px);
}
.specialList__item-link::after{
	width: 100%;
	height: 100%;
	background-color: #CCEDE3;
	background: linear-gradient(140deg,rgba(204, 237, 227, 0.8) 0%, rgba(204, 237, 227, 0.8) 30%, rgba(152, 159, 207, 0.8) 80%, rgba(152, 159, 207, 0.8) 100%);
	border-radius: 16px;
	content: "";
	position: absolute;
	right: max(calc(-6 / var(--vw-min) * 100vw),-6px);
	bottom: max(calc(-6 / var(--vw-min) * 100vw),-6px);
	z-index: -1;
	transition: all .4s ease;
}
@media screen and (max-width: 767px) {
	.specialList__item-link{
		border-radius: calc(16 / var(--vw-min) * 100vw);
		padding: calc(16 / var(--vw-min) * 100vw);
	}
	.specialList__item-link::after{
		border-radius:calc(16 / var(--vw-min) * 100vw);
		right: calc(-10 / var(--vw-min) * 100vw);
		bottom: calc(-10 / var(--vw-min) * 100vw);
	}
}

.specialList__item-link:hover::after{
		right: calc(-2 / var(--vw-min) * 100vw);
		bottom: calc(-2 / var(--vw-min) * 100vw);
}
.specialList__item-ttl{
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: var(--color-brown);
	position: relative;
	padding-left:min(calc(30 / var(--vw-min) * 100vw),30px);
	padding-bottom: min(calc(8 / var(--vw-min) * 100vw), 8px);
}
.specialList__item-ttl::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: min(calc(24 / var(--vw-min) * 100vw),24px);
	height: min(calc(24 / var(--vw-min) * 100vw),24px);
	background: url(../img/common/icon_arrow.png) no-repeat center center / contain;
}
@media screen and (max-width: 767px) {
	.specialList__item-ttl{
		font-size:calc(26 / var(--vw-min) * 100vw);
		padding-left:calc(50	 / var(--vw-min) * 100vw);
	}
	.specialList__item-ttl::before{
		width: calc(40 / var(--vw-min) * 100vw);
		height: calc(40 / var(--vw-min) * 100vw);
	}
}

.specialList__item-ttl .txt__inner{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; 
  width: 100%;
  display: block;
}
.specialList__item-img {
	margin-bottom: min(calc(16 / var(--vw-min) * 100vw),16px);
	border-radius: min(calc(8 / var(--vw-min) * 100vw),8px);
	overflow: hidden;
}
.specialList__item-img img{
	width: 100%;
	height: auto;
}


/*-----------------------------------------------
 * DETAIL
-------------------------------------------------*/
.specialArticle{
	border: 2px solid var(--color-brown);
	background-color: #FCFCF4;
	padding: min(calc(80 / var(--vw-min)* 100vw), 80px);
	border-radius:min(calc(48 / var(--vw-min) * 100vw),48px);
	position: relative;
}
.specialArticle::before{
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	border-radius:min(calc(48 / var(--vw-min) * 100vw),48px);
	background:url(../img/common/deco/bg_stripe.jpg);
	background-size: min(calc(960 / var(--vw-min) * 100vw),960px) auto ;
	position: absolute;
	right:  min(calc(10 / var(--vw-min) * 100vw),10px);
	bottom:  min(calc(-6 / var(--vw-min) * 100vw),-6px);
	opacity: .65;
	transition: all .4s ease;
	z-index: -1;
}
@media screen and (max-width:767px){
	.specialArticle{
		border: unset;
		border-top: 1px solid var(--color-brown);
		border-bottom: 1px solid var(--color-brown);
		padding: 0;
		border-radius: unset;
	}
	.specialArticle::before{
		border-radius: unset;
		right:  0;
	}
}

/* headBlock */
.detail_headBlock{
    border-bottom: 1px solid var(--color-brown);
    padding: min(calc(24 / var(--vw-min)* 100vw), 24px) 0;
}
.detail_headBlock_inner{
    display: flex;
	align-items: center;
}
@media screen and (max-width:767px){
	.detail_headBlock{
		position: relative;
	}
	.detail_headBlock_inner{
		z-index: 2;
		position: relative;
		background-color:#FCFCF4;
		padding: calc(20 / var(--vw-min)* 100vw) calc(40 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);

	}
	.detail_headBlock::before{
		display: block;
		content: "";
		width: 100%;
		height: 100%;
		background:url(../img/common/deco/bg_stripe.jpg);
		background-size: min(calc(960 / var(--vw-min) * 100vw),960px) auto ;
		position: absolute;
		right: 0;
		bottom:  min(calc(-5 / var(--vw-min) * 100vw),-5px);
		opacity: .65;
		transition: all .4s ease;
		z-index: 1;
	}
}

/*back btn*/
.specialDetail__back{
    width:100%;
	margin-top: min(calc(48 / var(--vw-min) * 100vw),48px);
}
.specialDetail__back .linkBtnWrap {
    display: flex;
    justify-content: center;
}
@media screen and (max-width:767px){
    .specialDetail__back{
        width:100%;
    }
}

/* detail text */
.detail_textBlock{
    padding-top: min(calc(40 / var(--vw-min)* 100vw), 40px);
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
	line-height: calc(29/ 15);
	letter-spacing: 0.05em;
}
.detail_textBlock img{
    display: block;
    width: 100%;
    height: auto;
    margin: calc(24 / var(--vw-min) * 100vw) 0;
}
.detail_textBlock div{
    margin-bottom: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
.detail_textBlock a{
    color: #699A9F;
    text-decoration: underline;
}
.detail_textBlock a:hover{
    text-decoration: none;
}
.detail_textBlock p,
.detail_textBlock .text_ttl{
    margin-bottom: min(calc(24 / var(--vw-min) * 100vw), 24px);
}

@media screen and (max-width:767px){
    .detail_headBlock {
		padding: 0;
	}
    .detail_headBlock_inner{
        width: 100%;
    }
    .detail_textBlock{
        width: 100%;
        padding: calc(80 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw);
        font-size:calc(22 / var(--vw-min)* 100vw);
    }
    .detail_textBlock img{
        display: block;
        width: 100%;
        height: auto;
        margin: calc(24 / var(--vw-min) * 100vw) 0;
    }
    .detail_textBlock p, .detail_textBlock .text_ttl {
        margin-bottom:calc(34 / var(--vw-min)* 100vw);
    }
}

/* detail ttl */
.ttl_1{
    display: inline-block;
    padding: 0 5px;
    background-color:var(--color-brown);
    color: #FFF;
}
.ttl_2{
    display: inline-block;
    padding: 0 5px;
    background-color:#51C3CC;
    color: #FFF;
}
.ttl_3{
    background: linear-gradient(transparent 60%, #C7E7EA 30%);
    display: inline-block;
}
.ttl_4{
    background: linear-gradient(transparent 60%, #FBE5FC 30%);
    display: inline-block;
}

/* detail youtube */
.ytifWrap {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
iframe[src*="youtube"] {
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (max-width:767px){
    .detail_textBlock div {
		margin-bottom: calc(28 / var(--vw-min)* 100vw);
	}
}

/* backBtn */
.newsDetail__back{
	display: flex;
	justify-content: center;
	margin-top: min(calc(64 / var(--vw-min) * 100vw), 64px);
}
.backBtn{
	width: min(calc(284 / var(--vw-min) * 100vw), 284px);
	height:  min(calc(50 / var(--vw-min) * 100vw),50px);
}
.backBtn.linkBtn::after{
	width: min(calc(20 / var(--vw-min) * 100vw),20px);
	height:  min(calc(20 / var(--vw-min) * 100vw),20px);
	background: var(--color-brown) url(../img/common/btn_arrow_l.svg) center center no-repeat;
	background-size:  min(calc(3.3 / var(--vw-min) * 100vw),3.3px) min(calc(6.25 / var(--vw-min) * 100vw),6.25px);
	right: unset;
	left: 0;
}
.backBtn .linkBtn_txt{
	font-size: min(calc(15 / var(--vw-min) * 100vw), 15px);
	letter-spacing: 0.025em;
}
@media screen and (max-width:767px){
	.newsDetail__back{
		margin-top: calc(112 / var(--vw-min) * 100vw);
	}
	.backBtn{
		width:calc(510 / var(--vw-min) * 100vw);
		height:  calc(93 / var(--vw-min) * 100vw);
	}
	.backBtn.linkBtn::after{
		width: calc(32 / var(--vw-min) * 100vw);
		height: calc(32 / var(--vw-min) * 100vw);
		background-size:  calc(5.8 / var(--vw-min) * 100vw) calc(11 / var(--vw-min) * 100vw);
	}
	.backBtn .linkBtn_txt{
		font-size:calc(28 / var(--vw-min) * 100vw);
		letter-spacing: 0.02em;
	}
}

/*--------------------
circle
------------------- */
.circleBoxWrap{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: -1;
}
.circleBox{
	position: sticky;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow-x: hidden;
	pointer-events: none;
	z-index: 3;
	display: flex;
	align-items:center;
}
.circleBox__inner{
	width: 100%;
	height: calc(501 / var(--vw-min)* 100vw);
	position: relative;
}
@media screen and (max-width:768px) {
	.circleBox{
		position: absolute;
		top: 0;
		bottom: unset;
		align-items:flex-start;
	}
	.circleBox__inner{
		width: 100%;
		height: calc(420 / var(--vw-min)* 100vw);
		position: relative;
	}
}

.circle-tp{
	mask-image: url(../img/common/bg_circle.svg);
	mask-repeat: no-repeat;
	mask-size: contain;
	width: calc(120 / var(--vw-min) * 100vw);
	height: calc(120 / var(--vw-min) * 100vw);
	background: url(../img/common/deco/bg_transparent.jpg) left top;
	background-size: 12px auto;
	animation: floating 5s ease infinite alternate-reverse;
}
.circle-grad{
	mask-image: url(../img/common/deco/bg_grd.png);
	mask-repeat: no-repeat;
	mask-size: contain;
	width: calc(150 / var(--vw-min) * 100vw);
	height: calc(150 / var(--vw-min) * 100vw);
	opacity: 0.8;
	background: linear-gradient(to bottom right, #DAF5FB, #D9DFF2);
	background-size: 100% 100%;
	animation: floating 3s ease-in-out infinite alternate;
}
@keyframes floating {
	0% {
		transform: translate(-3%,3%);
	}
	100% {
	  transform: translate(4%,-3%);

	}
}

/* scrani */
.circleBox .circle-tp.js-scrani{
	opacity: 0;
	transition: opacity 1s ease;
}
.circleBox .circle-tp.js-scrani.is-ani{
	opacity: 1;
}

.circleBox .circle-grad.js-scrani{
	opacity: 0;
	transition: opacity 1s ease;
}
.circleBox .circle-grad.js-scrani.is-ani{
	opacity: .8;
}
@media screen and (max-width:768px) {
	.circleBox .circle-grad.js-scrani,
	.circleBox .circle-tp.js-scrani{
		opacity: 1!important;
	}
}
._circle1{
	position: absolute;
	right: calc(100 / var(--vw-min) * 100vw);
	bottom:calc(20 / var(--vw-min) * 100vw);
	background: linear-gradient(to bottom right, #CCEDE3, #D9DFF2);
}
._circle2{
	position: absolute;
	right: calc(80 / var(--vw-min) * 100vw);
	bottom: 0;
	animation-delay: 1s;
}
._circle3{
	width: calc(200 / var(--vw-min) * 100vw);
	height: calc(200 / var(--vw-min) * 100vw);
	position: absolute;
	right: calc(-80 / var(--vw-min) * 100vw);
	top: 0;
	animation: floating 4s ease infinite alternate-reverse;
	background: linear-gradient(to bottom right, #DAF5FB, #D9DFF2);
	background-size: 100% auto;
}
._circle4{
	width: calc(160 / var(--vw-min) * 100vw);
	height: calc(160 / var(--vw-min) * 100vw);
	position: absolute;
	left: calc(-30 / var(--vw-min) * 100vw);
	top: calc(96 / var(--vw-min) * 100vw);
}
._circle5{
	width: calc(170 / var(--vw-min) * 100vw);
	height: calc(170 / var(--vw-min) * 100vw);
	position: absolute;
	left: calc(46 / var(--vw-min) * 100vw);
	top: calc(160 / var(--vw-min) * 100vw);
	background: linear-gradient(to bottom right, #CCEDE3, #D9DFF2);
}
@media screen and (max-width:767px){
	._circle1{
		left: unset;
		right: calc(-40 / var(--vw-min) * 100vw);
		top: calc(112 / var(--vw-min) * 100vw);
		bottom: unset;
		width:calc(170 / var(--vw-min) * 100vw);
		height:calc(170 / var(--vw-min) * 100vw);
	}
	._circle2{
		display: none;
	}
	._circle3{
		display: none;
	}
	._circle4{
		width: calc(180 / var(--vw-min) * 100vw);
		height: calc(180 / var(--vw-min) * 100vw);
		right:unset;
		bottom: unset;
		left: calc(-76 / var(--vw-min) * 100vw);
		top: calc(206 / var(--vw-min) * 100vw);
	}
	._circle5{
		width: calc(180 / var(--vw-min) * 100vw);
		height: calc(180 / var(--vw-min) * 100vw);
		right:calc(10 / var(--vw-min) * 100vw);
		bottom: unset;
		top:  calc(274 / var(--vw-min) * 100vw);
	}
}