
.p-breadcrumbs{
display: none;
}
.main {
    padding-bottom: 0;
}


.mv_wrap {
text-align: center;
height: 570px;
background: linear-gradient(90deg, #966da9 0%, #966da9 50%, #f1afaa 50%, #f1afaa 100%);
}
.mv {
height: 570px;
background: url(/assets/stories/img/ict_mv01.jpg) 50% 0 no-repeat;
}
.mv_inner {
height: 570px;
background: url(/assets/stories/img/ict_mv02.png) 50% 0 no-repeat;
	animation:show 2s both;
}

@keyframes show {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
.mv_lead {
padding-top: 350px;
font-size: 28px;
font-weight: bold;
line-height: 1.3;
color: #fff;
}

.mv_lead span {
	transform-origin:center top;
	animation:blur 3s both;
}
.mv_lead span:nth-child(1){animation-delay:2.1s;}
.mv_lead span:nth-child(2){animation-delay:2.2s;}
.mv_lead span:nth-child(3){animation-delay:2.3s;}
.mv_lead span:nth-child(4){animation-delay:2.4s;}
.mv_lead span:nth-child(5){animation-delay:2.5s;}
.mv_lead span:nth-child(6){animation-delay:2.6s;}
.mv_lead span:nth-child(7){animation-delay:2.7s;}
.mv_lead span:nth-child(8){animation-delay:2.8s;}
.mv_lead span:nth-child(9){animation-delay:2.9s;}
.mv_lead span:nth-child(10){animation-delay:3.0s;}
.mv_lead span:nth-child(11){animation-delay:3.1s;}
.mv_lead span:nth-child(12){animation-delay:3.2s;}
.mv_lead span:nth-child(13){animation-delay:3.3s;}
.mv_lead span:nth-child(14){animation-delay:3.4s;}
.mv_lead span:nth-child(15){animation-delay:3.5s;}
@keyframes blur {
	0% {
		opacity:0;
		text-shadow:0 0 0 #fff;
	}
	50% {
		text-shadow:0 0 0.5em #fff;
	}
	100% {
		opacity:1;
		text-shadow:none;
	}
}

.mv_anc {
display: flex;
justify-content: center;
gap: 30px;
animation:anc 2s both;
animation-delay:5s;
}
@keyframes anc {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
.mv_anc .c-linkBtn {
padding: 12px 0;
background: #fff;
}
.mv_anc .c-linkBtn.btn1 {
color: #915fb1;
border-color: #915fb1;
font-weight: bold;
}
.mv_anc .c-linkBtn.btn2 {
color: #cc7b76;
border-color: #cc7b76;
font-weight: bold;
}

.mv_anc a.c-linkBtn {
    &::after {
        transform: rotate(90deg);
        top: 46%;
    }
}

.mv_anc a.c-linkBtn.btn1:hover {
color: #fff;
box-shadow: 0 0 0 1px #915fb1 inset;
}
.mv_anc a.c-linkBtn.btn2:hover {
color: #fff;
box-shadow: 0 0 0 1px #cc7b76 inset;
}
.mv_anc a.c-linkBtn.btn1:before {
background-color: #915fb1;
}
.mv_anc a.c-linkBtn.btn2:before {
background-color: #cc7b76;
}
.mv_anc a.c-linkBtn.btn1:after {
background-image: url(/assets/stories/img/ico_arrow_right_ict01.svg);
}
.mv_anc a.c-linkBtn.btn2:after {
background-image: url(/assets/stories/img/ico_arrow_right_ict02.svg);
}
.mv_anc a.c-linkBtn.btn1:hover:after,
.mv_anc a.c-linkBtn.btn2:hover:after {
background-image: url(/assets/stories/img/ico_arrow_right_white.svg);
}
@media screen and (max-width: 480px) {
.mv_anc a.c-linkBtn.btn1:hover {
color: #915fb1;
box-shadow: none;
}
.mv_anc a.c-linkBtn.btn1:hover:after {
background-image: url(/assets/stories/img/ico_arrow_right_ict01.svg);
}
.mv_anc a.c-linkBtn.btn2:hover {
color: #cc7b76;
box-shadow: none;
}
.mv_anc a.c-linkBtn.btn2:hover:after {
background-image: url(/assets/stories/img/ico_arrow_right_ict02.svg);
}
}


@media screen and (max-width: 480px) {
.mv_wrap {
height: 100%;
}
.mv {
height: 100%;
background-size: cover;
}
.mv_inner {
height: 100%;
padding-bottom: 50px;
background: url(/assets/stories/img/ict_mv02_sp.png) 50% 0 no-repeat;
background-size: 100% auto;
}
.mv_anc {
margin-top: 30px;
	flex-direction: column;
	gap: 10px;
}
.mv_lead{
padding-left: 20px;
padding-right: 20px;
}
.mv_anc {
margin-left: 20px;
margin-right: 20px;
}
.mv_anc .c-linkBtn {
width: 100%;
}
.mv_anc .stories-short-link {
margin-top: 10px;
}

}

.stories-ict-container .stories-entries, .c-media-block {
    margin: 0 auto;
    max-width: 1366px;
}
.stories-entries.row-masonry {
    gap: 52px 30px !important;
}
.stories-ict-container .c-heading-02 {
	color: #ae7297;
	text-align: center;
	margin-top: 60px;
	margin-bottom: 60px;
}

.stories-ict-container .stories-entries .stories-entry:hover .stories-entry__section__ttl {
	color: #ae7297;
}
.stories-ict-container .stories-entries .stories-entry__section:after {
    background: url(/assets/stories/img/ico_arrow_circle_ict.svg) no-repeat center / contain;
}
.stories-ict-container .stories-entries .stories-entry:hover .stories-entry__section:after{
	background-image: url(/assets/stories/img/ico_arrow_circle_ict_hover.svg);
}
.stories-ict-container a.c-linkBtn {
	color: #ae7297;
	border: 1px solid #ae7297;
}

.ict_section {
	margin-bottom: 100px;
}
@media screen and (min-width: 768px) {
	.ict_section .row {
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 1366px;
	}
}
@media screen and (max-width: 768px) {
	.ict_section .row {
		margin: -8.8888888889vw -2.2222222222vw 8.8888888889vw;
	}
}

.ict_btn {
margin-bottom: 100px !important;
}
.ict_btn .c-linkBtn {
padding: 12px 0 !important;
background: #fff !important;
}
.ict_btn .c-linkBtn {
min-width: 400px !important;
color: #ae7297 !important;
border-color: #ae7297 !important;
font-weight: bold !important;
}
.ict_btn a.c-linkBtn:hover {
color: #fff !important;
box-shadow: 0 0 0 1px #ae7297 inset !important;
}
.ict_btn a.c-linkBtn:before {
background-color: #ae7297 !important;
}
.ict_btn a.c-linkBtn:after {
background-image: url(/assets/stories/img/ico_arrow_right_ict03.svg) !important;
}
.ict_btn a.c-linkBtn:hover:after {
background-image: url(/assets/stories/img/ico_arrow_right_white.svg) !important;
}

@media screen and (min-width: 768px) {
    .stories-ict-container .stories-entries.row-masonry .stories-entry {
        width: calc((100% - 30px * 3) / 4) !important;
    }
}
@media screen and (max-width: 768px) {
	.stories-ict-container .stories-entries, .c-media-block {
	    margin: 0 20px !important;
	}
	.ict_btn .c-linkWrap {
	    margin-left: 20px !important;
	    margin-right: 20px !important;
	}
}
@media screen and (max-width: 480px) {
	.stories-ict-container .c-heading-02 {
		margin-top: 60px !important;
	}
	.ict_btn .c-linkBtn {
	    min-width: 100% !important;
	}
}


.ict_cnt01 {
display: flex;
justify-content: center;
}
.ict_cnt02 {
display: flex;
justify-content: center;
flex-direction: row-reverse;
}
.cnt_left,
.cnt_right {
width: 50%;
}
.ict_cnt01 .cnt_right {
background: linear-gradient(0deg, #fff 0%, #fff 50%, #e6d9ec 100%);
}
.ict_cnt02 .cnt_left {
background: linear-gradient(0deg, #fff 0%, #fff 50%, #f5dedc 100%);
}
.cnt_bg {
width: 100%;
height: 683px;
display: flex;
align-items: center;
}
.ict_cnt01 .cnt_bg {
background: url(/assets/stories/img/ict_bg01.png) 100% 0 no-repeat;
background-size: cover;
}
.ict_cnt02 .cnt_bg {
background: url(/assets/stories/img/ict_bg02.png) 0 0 no-repeat;
background-size: cover;
justify-content: flex-end;
}
.cnt_inner {
width: 483px;
margin: 0 100px;
}
.cnt_inner h2 {
font-size: 42px;
font-weight: bold;
}
.cnt_inner .cnt_lead {
margin-top: 20px;
font-size: 24px;
font-weight: bold;
}
.cnt_inner .cnt_txt {
margin-top: 30px;
}
.ict_cnt01 figure {
width: 100%;
height: 100%;
background: url(/assets/stories/img/ict_img01.jpg) 50% 50% no-repeat;
background-size: cover;
}
.ict_cnt02 figure {
width: 100%;
height: 100%;
background: url(/assets/stories/img/ict_img02.jpg) 50% 50% no-repeat;
background-size: cover;
}



.ict_cnt01 img,
.ict_cnt02 img {
max-width: inherit;
display:none;
}

@media screen and (max-width: 480px) {

	.ict_cnt01,
	.ict_cnt02 {
	flex-direction: column;
	}
	.cnt_left,
	.cnt_right {
	width: 100%;
	}
	.ict_cnt01 img,
	.ict_cnt02 img {
	width: 100%;
	height: auto;
	display: block;
	}
	.cnt_bg {
	height: auto;
	}
	.cnt_inner {
	width: auto;
	margin: 80px 20px;
	}

}

.ict_cnt01 h2 span,
.ict_cnt01 .cnt_lead span,
.ict_cnt01 .cnt_txt {
	opacity:0;
}
.ict_cnt01.is-active h2 span {
	animation:ttl1 1s both;
}
.ict_cnt01.is-active h2 span:nth-child(1){animation-delay:0.1s;}
.ict_cnt01.is-active h2 span:nth-child(2){animation-delay:0.2s;}
.ict_cnt01.is-active h2 span:nth-child(3){animation-delay:0.3s;}
@keyframes ttl1 {
	0% {
		opacity:0;
	}
	50% {
		opacity:0.5;
	}
	100% {
		opacity:1;
	}
}
.ict_cnt01.is-active .cnt_lead span {
	animation:lead1 2.6s both;
}
.ict_cnt01.is-active .cnt_lead span:nth-child(1){animation-delay:0.8s;}
.ict_cnt01.is-active .cnt_lead span:nth-child(2){animation-delay:1.0s;}
.ict_cnt01.is-active .cnt_lead span:nth-child(3){animation-delay:1.2s;}
.ict_cnt01.is-active .cnt_lead span:nth-child(4){animation-delay:1.4s;}
.ict_cnt01.is-active .cnt_lead span:nth-child(5){animation-delay:1.6s;}
.ict_cnt01.is-active .cnt_lead span:nth-child(6){animation-delay:1.8s;}
.ict_cnt01.is-active .cnt_lead span:nth-child(7){animation-delay:2.0s;}
.ict_cnt01.is-active .cnt_lead span:nth-child(8){animation-delay:2.2s;}
@keyframes lead1 {
	0% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:1;
	}
}
.ict_cnt01.is-active .cnt_txt {
	position:relative;
	top:20px;
	animation:txt2 1.5s both;
}
.ict_cnt01.is-active .cnt_txt{animation-delay:2.7s;}
@keyframes txt2 {
	0% {
		opacity:0;
		top:20px;
	}
	100% {
		opacity:1;
		top:0;
	}
}

.ict_cnt02 h2 span,
.ict_cnt02 .cnt_lead span,
.ict_cnt02 .cnt_txt {
	opacity:0;
}
.ict_cnt02.is-active h2 span {
	animation:ttl2 1s both;
}
.ict_cnt02.is-active h2 span:nth-child(1){animation-delay:0.1s;}
.ict_cnt02.is-active h2 span:nth-child(2){animation-delay:0.2s;}
.ict_cnt02.is-active h2 span:nth-child(3){animation-delay:0.3s;}
.ict_cnt02.is-active h2 span:nth-child(4){animation-delay:0.4s;}
.ict_cnt02.is-active h2 span:nth-child(5){animation-delay:0.5s;}
.ict_cnt02.is-active h2 span:nth-child(6){animation-delay:0.6s;}
.ict_cnt02.is-active h2 span:nth-child(7){animation-delay:0.7s;}
.ict_cnt02.is-active h2 span:nth-child(8){animation-delay:0.8s;}
.ict_cnt02.is-active h2 span:nth-child(9){animation-delay:0.9s;}
.ict_cnt02.is-active h2 span:nth-child(10){animation-delay:1.0s;}
@keyframes ttl2 {
	0% {
		opacity:0;
	}
	50% {
		opacity:0.5;
	}
	100% {
		opacity:1;
	}
}
.ict_cnt02.is-active .cnt_lead span {
	animation:lead2 2.6s both;
}
.ict_cnt02.is-active .cnt_lead span:nth-child(1){animation-delay:1.5s;}
.ict_cnt02.is-active .cnt_lead span:nth-child(2){animation-delay:1.7s;}
.ict_cnt02.is-active .cnt_lead span:nth-child(3){animation-delay:1.9s;}
.ict_cnt02.is-active .cnt_lead span:nth-child(4){animation-delay:2.1s;}
.ict_cnt02.is-active .cnt_lead span:nth-child(5){animation-delay:2.3s;}
.ict_cnt02.is-active .cnt_lead span:nth-child(6){animation-delay:2.5s;}
.ict_cnt02.is-active .cnt_lead span:nth-child(7){animation-delay:2.7s;}
.ict_cnt02.is-active .cnt_lead span:nth-child(8){animation-delay:2.9s;}
.ict_cnt02.is-active .cnt_lead span:nth-child(9){animation-delay:3.1s;}
.ict_cnt02.is-active .cnt_lead span:nth-child(10){animation-delay:3.3s;}
.ict_cnt02.is-active .cnt_lead span:nth-child(11){animation-delay:3.5s;}
.ict_cnt02.is-active .cnt_lead span:nth-child(12){animation-delay:3.7s;}
.ict_cnt02.is-active .cnt_lead span:nth-child(13){animation-delay:3.9s;}
@keyframes lead2 {
	0% {
		opacity:0;
	}
	50% {
		opacity:1;
	}
	100% {
		opacity:1;
	}
}
.ict_cnt02.is-active .cnt_txt {
	position:relative;
	top:20px;
	animation:txt2 1.5s both;
}
.ict_cnt02.is-active .cnt_txt{animation-delay:4.4s;}
@keyframes txt2 {
	0% {
		opacity:0;
		top:20px;
	}
	100% {
		opacity:1;
		top:0;
	}
}

.p-recomend {
	padding-top: 100px;
	background: linear-gradient(0deg, #fff 0%, #fff 70%, #f1f1f1 100%);
}
.p-recomend__head {
	justify-content: center !important;
}
.p-recomend__title {
	font-size: 36px !important;
	font-weight: bold !important;
	padding-left: 84px;
}
.p-recomend a.p-card__head[target="_blank"] .p-card__title:not(.c-link--movie)::after,
.p-recomend .ur-card[target="_blank"] > a:hover .ur-card__title::after {
    background: url(/assets/img/ico_arrow_circle.svg) no-repeat center / contain !important;
}
.p-recomend a.p-card__head[target="_blank"]:hover .p-card__title:not(.c-link--movie)::after,
.p-recomend .ur-card[target="_blank"] > a:hover .ur-card__title::after {
  background-image: url(/assets/img/ico_arrow_circle_hover.svg) !important;
}

@media screen and (max-width: 768px) {
	.p-recomend {
		padding-top: 20px;
	}
	.p-recomend__title {
		padding-left: 0;
	}
}
@media screen and (max-width: 767px) {
    .js-slider-recomend .col-12 {
        max-width: 100% !important;
        flex-basis: 100% !important;
    }
}