@charset "utf-8";

/*============================================================================*\
   $Index
\*============================================================================*/

/*------------------------------------*\
   What is tajimi
\*------------------------------------*/
.what {
	position: relative;
	text-align: center;
	background: #3d3e50 url(../img/what_bg.jpg) no-repeat bottom;
	background-size: cover;
	color: #fff;
	text-shadow: 0 0 3px #3d3e50, 0 0 7px rgba(61, 62, 80, .5), 0 0 30px rgba(61, 62, 80, .5);
}
.what:before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: -moz-linear-gradient(top, rgba(61, 62, 80, .3) 0%, rgba(61, 62, 80, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(61, 62, 80, .3) 0%,rgba(61, 62, 80, 0) 100%);
	background: linear-gradient(to bottom, rgba(61, 62, 80, .3) 0%,rgba(61, 62, 80, 0) 100%);
}
.what-list {
	list-style: none;
	max-width: 25em;
	margin: -7.5px auto;
	padding: 0;
	font-weight: bold;
	line-height: 1.4;
	font-size: 1.3rem;
	text-shadow: none;
}
.what-list li { margin: 7.5px 0; }
.what-list a {
	position: relative;
	display: block;
	padding-top: 95%;
	border: 3px solid #f9be40;
	color: #f9be40;
	text-decoration: none;
	border-radius: 50%;
	background-color: rgba(61, 62, 80, .1);
	transition: .4s;
}
.what-list a:focus,
.what-list a:hover {
	background-color: rgba(249, 190, 64, .8);
	border-color: transparent;
	color: #3d3e50;
}
.what-list a:before, 
.what-list a:after {
	content: "";
	position: absolute;
	top: 14%;
	right: 0;
	left: 0;
	width: 40%;
	margin: 0 auto;
	padding-top: 35%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: opacity .4s;
}
.what-list a:focus:after,
.what-list a:hover:after { opacity: 0; }
.what-list__tajimi:after { background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22110%22%20height%3D%22100%22%20viewBox%3D%220%200%20110%20100%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23f9be40%3B%7D.b%7Bfill%3Anone%3Bstroke%3A%23f9be40%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A6px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M55.88%2C36.72c9.864.011%2C17.851%2C8.016%2C17.84%2C17.88s-8.016%2C17.851-17.88%2C17.84c-9.852-.011-17.834-7.998-17.84-17.85.006-9.871%2C8.009-17.87%2C17.88-17.87M55.88%2C30.72c-13.178%2C0-23.86%2C10.682-23.86%2C23.86s10.682%2C23.86%2C23.86%2C23.86%2C23.854-10.676%2C23.86-23.85c.006-13.178-10.672-23.864-23.85-23.87-.003%2C0-.007%2C0-.01%2C0Z%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M69.91%2C69.49l19.09%2C19.09%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M14.45%2C19.85l10.61%2C10.61M40.12%2C10.72v15M5.32%2C45.52h15%22%2F%3E%3C%2Fsvg%3E'); } /* ../common/img/what_icon_tajimi.svg */
.what-list__tour:after { background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22110%22%20height%3D%22100%22%20viewBox%3D%220%200%20110%20100%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23f9be40%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M21.76%2C1.81c-8.16%2C1.44-13.61%2C9.22-12.17%2C17.38l2.26%2C12.8%2C9.93%2C19.57%2C16.97-2.99%2C2.64-21.79-2.26-12.8C37.69%2C5.82%2C29.91.37%2C21.76%2C1.81Z%22%2F%3E%3Cpath%20class%3D%22a%22%20d%3D%22M23.54%2C69.53c.96%2C5.44%2C6.15%2C9.07%2C11.58%2C8.11%2C5.44-.96%2C9.07-6.15%2C8.11-11.58l-2.26-12.8-19.7%2C3.47s2.27%2C12.8%2C2.27%2C12.8Z%22%2F%3E%3Cpath%20class%3D%22a%22%20d%3D%22M88.24%2C22.44c-8.15-1.44-15.93%2C4.01-17.37%2C12.17l-2.26%2C12.8%2C2.64%2C21.79%2C16.97%2C2.99%2C9.93-19.57%2C2.26-12.8c1.44-8.16-4.01-15.94-12.17-17.38Z%22%2F%3E%3Cpath%20class%3D%22a%22%20d%3D%22M66.76%2C86.68c-.96%2C5.44%2C2.67%2C10.63%2C8.11%2C11.58%2C5.44.96%2C10.63-2.67%2C11.58-8.11l2.26-12.8-19.7-3.47s-2.25%2C12.8-2.25%2C12.8Z%22%2F%3E%3C%2Fsvg%3E'); } /* ../common/img/what_icon_tour.svg */
.what-list__movie:after { background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22110%22%20height%3D%22100%22%20viewBox%3D%220%200%20110%20100%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3A%23f9be40%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22b%22%20d%3D%22M55%2C14c-19.882%2C0-36%2C16.118-36%2C36s16.118%2C36%2C36%2C36%2C36-16.118%2C36-36c-.06-19.857-16.143-35.94-36-36ZM46%2C62.8v-25.6l23%2C12.8-23%2C12.8Z%22%2F%3E%3C%2Fsvg%3E'); } /* ../common/img/what_icon_movie.svg */
.what-list__district:after { background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22110%22%20height%3D%22100%22%20viewBox%3D%220%200%20110%20100%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23f9be40%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cellipse%20class%3D%22a%22%20cx%3D%2254.89%22%20cy%3D%2292%22%20rx%3D%228.49%22%20ry%3D%223.26%22%2F%3E%3Cpath%20class%3D%22a%22%20d%3D%22M83%2C32.74c0-15.46-12.54-28-28-28s-28%2C12.54-28%2C28c0%2C1.12.04%2C3.26%2C0%2C3.26%2C0%2C14.46%2C26.01%2C50.3%2C27.9%2C52.84v.16l.06-.08.06.08-.02-.16c1.89-2.54%2C27.89-38.38%2C27.89-52.84-.02%2C0%2C.11-2.15.11-3.26ZM55%2C47.74c-8.28%2C0-15-6.72-15-15s6.72-15%2C15-15%2C15%2C6.72%2C15%2C15-6.72%2C15-15%2C15Z%22%2F%3E%3C%2Fsvg%3E'); } /* ../common/img/what_icon_district.svg */
.what-list__tajimi:before { background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22110%22%20height%3D%22100%22%20viewBox%3D%220%200%20110%20100%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%233d3e50%3B%7D.b%7Bfill%3Anone%3Bstroke%3A%233d3e50%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A6px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M55.88%2C36.72c9.864.011%2C17.851%2C8.016%2C17.84%2C17.88s-8.016%2C17.851-17.88%2C17.84c-9.852-.011-17.834-7.998-17.84-17.85.006-9.871%2C8.009-17.87%2C17.88-17.87M55.88%2C30.72c-13.178%2C0-23.86%2C10.682-23.86%2C23.86s10.682%2C23.86%2C23.86%2C23.86%2C23.854-10.676%2C23.86-23.85c.006-13.178-10.672-23.864-23.85-23.87-.003%2C0-.007%2C0-.01%2C0Z%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M69.91%2C69.49l19.09%2C19.09%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M14.45%2C19.85l10.61%2C10.61M40.12%2C10.72v15M5.32%2C45.52h15%22%2F%3E%3C%2Fsvg%3E'); } /* ../common/img/what_icon_tajimi_ovr.svg */
.what-list__tour:before { background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22110%22%20height%3D%22100%22%20viewBox%3D%220%200%20110%20100%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%233d3e50%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M21.76%2C1.81c-8.16%2C1.44-13.61%2C9.22-12.17%2C17.38l2.26%2C12.8%2C9.93%2C19.57%2C16.97-2.99%2C2.64-21.79-2.26-12.8C37.69%2C5.82%2C29.91.37%2C21.76%2C1.81Z%22%2F%3E%3Cpath%20class%3D%22a%22%20d%3D%22M23.54%2C69.53c.96%2C5.44%2C6.15%2C9.07%2C11.58%2C8.11%2C5.44-.96%2C9.07-6.15%2C8.11-11.58l-2.26-12.8-19.7%2C3.47s2.27%2C12.8%2C2.27%2C12.8Z%22%2F%3E%3Cpath%20class%3D%22a%22%20d%3D%22M88.24%2C22.44c-8.15-1.44-15.93%2C4.01-17.37%2C12.17l-2.26%2C12.8%2C2.64%2C21.79%2C16.97%2C2.99%2C9.93-19.57%2C2.26-12.8c1.44-8.16-4.01-15.94-12.17-17.38Z%22%2F%3E%3Cpath%20class%3D%22a%22%20d%3D%22M66.76%2C86.68c-.96%2C5.44%2C2.67%2C10.63%2C8.11%2C11.58%2C5.44.96%2C10.63-2.67%2C11.58-8.11l2.26-12.8-19.7-3.47s-2.25%2C12.8-2.25%2C12.8Z%22%2F%3E%3C%2Fsvg%3E'); } /* ../common/img/what_icon_tour_ovr.svg */
.what-list__movie:before { background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22110%22%20height%3D%22100%22%20viewBox%3D%220%200%20110%20100%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%233d3e50%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M55%2C14c-19.882%2C0-36%2C16.118-36%2C36s16.118%2C36%2C36%2C36%2C36-16.118%2C36-36c-.06-19.857-16.143-35.94-36-36ZM46%2C62.8v-25.6l23%2C12.8-23%2C12.8Z%22%2F%3E%3C%2Fsvg%3E'); } /* ../common/img/what_icon_movie_ovr.svg */
.what-list__district:before { background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22110%22%20height%3D%22100%22%20viewBox%3D%220%200%20110%20100%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%233d3e50%3Bstroke-width%3A0px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cellipse%20class%3D%22a%22%20cx%3D%2255%22%20cy%3D%2292%22%20rx%3D%228.49%22%20ry%3D%223.26%22%2F%3E%3Cpath%20class%3D%22a%22%20d%3D%22M83.11%2C32.74c0-15.464-12.536-28-28-28s-28%2C12.536-28%2C28c0%2C1.125.042%2C3.26%2C0%2C3.26%2C0%2C14.46%2C26.01%2C50.3%2C27.9%2C52.84v.16l.06-.08.06.08-.02-.16c1.89-2.54%2C27.89-38.38%2C27.89-52.84-.02%2C0%2C.11-2.147.11-3.26ZM55.11%2C47.74c-8.284%2C0-15-6.716-15-15s6.716-15%2C15-15%2C15%2C6.716%2C15%2C15-6.716%2C15-15%2C15Z%22%2F%3E%3C%2Fsvg%3E'); } /* ../common/img/what_icon_district_ovr.svg */
.what-list__txt {
	position: absolute;
	right: 0;
	bottom: 20%;
	left: 0;
	width: 100%;
	margin: 0 auto;
}

@media (min-width: 48em) {
	.what-list {
		max-width: inherit;
		font-size: 1.6rem;
	}
	.what-list li { margin: 0; }
	.what-list li:nth-child(2n) { margin-top: 40px; }
	.what-list a { border-width: 4px; }
	.what-list a:before, 
	.what-list a:after {
		width: 47.826086956%;
		padding-top: 43.47826086956522%;
	}
	.what-list__txt { bottom: 15%; }
}

/*------------------------------------*\
   Interview
\*------------------------------------*/
.interview {
	position: relative;
	text-align: center;
}
.interview:after {
	content: "";
	display: block;
	clear: both;
}

/* Main
   ---------------------------------- */
.interview-main { margin: 15px 0; }

/* Sub
   ---------------------------------- */
.interview-sub {
	display: table;
	table-layout: fixed;
	width: 100%;
	text-shadow: 0 0 3px #3d3e50, 0 0 7px rgba(61, 62, 80, .5), 0 0 30px rgba(61, 62, 80, .5);	
}
.interview-sub-story,
.interview-sub-talk {
	position: relative;
	display: table-cell;
	overflow: hidden; /* はみ出し対策 */
	padding: 140px 15px 15px;
	background-color: #3d3e50;
	color: #fff;
	text-decoration: none;
}
.interview-sub-story:before,
.interview-sub-talk:before {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80%;
	background: -moz-linear-gradient(top, rgba(61, 62, 80, 0) 0%, rgba(61, 62, 80, .65) 100%);
	background: -webkit-linear-gradient(top, rgba(61, 62, 80, 0) 0%,rgba(61, 62, 80, .65) 100%);
	background: linear-gradient(to bottom, rgba(61, 62, 80, 0) 0%,rgba(61, 62, 80, .65) 100%);
}
.interview-sub-story:after,
.interview-sub-talk:after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #3d3e50;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: transform .2s;
}
.interview-sub-story:after { background-image: url(../common/img/interview_bg01.jpg); }
.interview-sub-talk:after { background-image: url(../common/img/interview_bg02.jpg); }
.interview-sub-story:hover:after,
.interview-sub-story:focus:after,
.interview-sub-talk:hover:after,
.interview-sub-talk:focus:after { transform: scale(1.1) }
.interview-sub__inner {
	position: relative;
	z-index: 2;
}
.interview-sub__txt {
	font-weight: bold;
	line-height: 1.75;
	text-align: left;
}

@media (min-width: 30em) {
	.interview-sub__txt { text-align: center; }
}

@media (min-width: 48em) {
	/* Main
	   ---------------------------------- */
	.interview-main { margin: 60px 0; }
	
	/* Sub
	   ---------------------------------- */
	.interview-sub-story,
	.interview-sub-talk {
		padding-top: 190px;
		padding-bottom: 60px;
	}
	.interview-sub__txt { margin-bottom: 20px; }
}

@media (min-width: 66.875em) {
	.interview {
		position: relative;
		display: block;
		height: 572px;
	}

	/* Main
	   ---------------------------------- */
	.interview-main {
		width: 33.333%;
		height: 100%;
		margin: 0 auto;
		padding-top: 170px;
	}

	/* Sub
	   ---------------------------------- */
	.interview-sub-story,
	.interview-sub-talk {
		position: absolute;
		top: 0;
		width: 33.333%;
		height: 100%;
	}
	.interview-sub-story { left: 0; }
	.interview-sub-talk { right: 0; }
	.interview-sub-story:before,
	.interview-sub-talk:before { height: 63%; }
	.interview-sub__inner {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding: 60px 15px;
	}
}

/*------------------------------------*\
   Support
\*------------------------------------*/
.support {
	margin-bottom: 3px;
	text-align: center;
	background-color: #fff;
	border: 2px solid #3d3e50;
	box-shadow: 3px 3px 0 0 #3d3e50;
	font-weight: bold;
}

/* Header 
   ---------------------------------- */
.support__header {
	background-color: #3d3e50;
	color: #fff;
}

/*------------------------------------*\
   Banner
\*------------------------------------*/
.banner {
	padding: 30px 100px 11px;
	background-color: #3d3e50;
}
.banner-list {
	position: relative;
	text-align: center;
}
.banner-list a { display: block; }
.banner-list-item {
	display: inline-block;
	height: 70px;
	margin: 0 12px 14px;
	vertical-align: middle;
}
.banner-list-item__img {
	width: auto;
	height: 60px;
	box-shadow: 4px 4px 0 0 #f9be40;
}
.banner-list-item__btn { padding: 19px 76px 19px 29px; }
.banner-list-item__btn--official {
	padding-top: 6.5px;
	padding-bottom: 6.5px;
}
.banner-list-item__btn--official:before {
	content: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23f9be40%3Bstroke-width%3A0px%3B%7D.b%7Bfill%3Anone%3Bstroke%3A%23f9be40%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A3px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M39.9%2C19.5l-7.4%2C1.8-14.8-10.3-4.3%2C16%2C18.3-1.5%2C5.3%2C5%2C2.9-11Z%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M9.5%2C16.8l-7.2-2M12.1%2C11.6l-3.6-4.6M8.9%2C23.5l-5.4%2C2.2%22%2F%3E%3C%2Fsvg%3E'); /* (../img/icon_news.svg */
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}

/* slick
   ---------------------------------- */
.banner .slick-arrow {
	overflow: hidden;
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-10px) rotate(-5deg);
	margin-top: -20px;
	padding: 0;
	border: none;
	width: 40px;
	height: 40px;
	background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2260%22%20height%3D%2213%22%20viewBox%3D%220%200%2060%2013%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3Anone%3Bstroke%3A%23f9be40%3Bstroke-miterlimit%3A10%3Bstroke-width%3A2px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M40%2C9H4.1L18.1%2C1.9v11%22%2F%3E%3Cpath%20class%3D%22a%22%20d%3D%22M20%2C9h35.9l-14-7.1v11%22%2F%3E%3C%2Fsvg%3E') no-repeat left center; /* ../img/icon_slider_control.svg */
	text-indent: 100%;
	white-space: nowrap;
	cursor: pointer;
	transition: transform .2s;
}
.banner .slick-prev { left: -70px; }
.banner .slick-next {
	right: -70px;
	background-position: right;
}
.banner .slick-arrow:focus,
.banner .slick-arrow:hover { transform: translateY(-10px) rotate(0); }
.banner .slick-prev:active { transform: translate(-5px, -10px) rotate(5deg); }
.banner .slick-next:active { transform: translate(5px, -10px) rotate(5deg); }