@charset "utf-8";
/* TOP------------------------------------------------- */
#top__main_box {
	background:url(/lib/img/top/bg.gif);
	height:100vh;
	min-height:620px;
	position:relative;
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

#top__main_box .en {
	font-size:84px;
	color:#C8BE96;
}

#top__main_box .en * {
	line-height:1em;
}

#top__title01 {
	position:relative;
	top:87px;
	left:-175px;
	-ms-filter: blur(6px); filter: blur(6px);
	opacity:0;
}

#top__title02 {
	font-size:174px;
	position:relative;
	top:0px;
	left:22px;
	-ms-filter: blur(6px); filter: blur(6px);
	opacity:0;
}

#top__title03 {
	position:relative;
	top:0px;
	left:-10px;
	-ms-filter: blur(6px); filter: blur(6px);
	opacity:0;
}

#top__title04 {
	font-size:235px;
	position:relative;
	top:0px;
	left:-30px;
	-ms-filter: blur(6px); filter: blur(6px);
	opacity:0;
}

#top__title05 {
	font-size:235px;
	position:relative;
	top:-65px;
	left:28px;
	-ms-filter: blur(6px); filter: blur(6px);
	opacity:0;
}

#top__main_box h1 {
	position:absolute;
	font-size:50px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	height:100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	letter-spacing: 0.6em;
	-ms-filter: blur(6px); filter: blur(6px);
	opacity:0;
	padding-top:50px;
}

.loaded #top__main_box #top__title01 {
	animation: mv_tt1 .7s ease-out forwards 1.7s;
}
.loaded #top__main_box #top__title02 {
	animation: mv_tt1 .7s ease-out forwards 1.3s;
}
.loaded #top__main_box #top__title03 {
	animation: mv_tt1 .7s ease-out forwards 2.5s;
}
.loaded #top__main_box #top__title04 {
	animation: mv_tt1 .7s ease-out forwards .5s;
}
.loaded #top__main_box #top__title05 {
	animation: mv_tt1 .7s ease-out forwards .9s;
}

.loaded #top__main_box h1 {
	animation: mv_tt1 3.2s ease-out forwards .5s;
}

/* *********   anime */
	@keyframes mv_tt1 {
		0% {opacity:0; -ms-filter: blur(6px); filter: blur(6px);}
		100% {opacity:1; -ms-filter: blur(0px); filter: blur(0px);}
	}

@media screen and (min-width: 768px) and (max-width:1020px) {
#top__main_box {
	min-height:450px;
}

#top__title01 {
	font-size:65px;
	top:59px;
	left:-124px;
}

#top__title02 {
	font-size:130px;
	top:0px;
	left:22px;
}

#top__title03 {
	font-size:65px;
	top:0px;
	left:-10px;
}

#top__title04 {
	font-size:170px;
	top:0px;
	left:-30px;
}

#top__title05 {
	font-size:170px;
	top:-48px;
	left:28px;
}

#top__main_box h1 {
	font-size:35px;
	padding-top:20px;
}
}

#top__catch {
	font-size:22px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align:center;
	display:inline-block;
	position:relative;
	top:0%;
	left:50%;
	transform:translate(-50%, -10%);
	line-height:3em;
	padding:60px 0;
	white-space:nowrap;
	-ms-filter: blur(6px); filter: blur(6px);
	opacity:0;
}

#top__catch .fs_1 {font-size:33px;}
#top__catch .fs_2 {font-size:44px;}

#top__catch .al_bottom {
	text-align:right;
	padding-bottom:30px;
}

.animate__tc1 #top__catch {
	animation: mv_tc1 1s ease-out forwards .5s;
}

.animate__tc1 #top__catch .fs_1 {
	animation: mv_tc2 1.5s ease-out forwards 3s;
}

.animate__tc1 #top__catch .fs_2 {
	animation: mv_tc2 1.5s ease-out forwards 1.5s;
}

/* *********   anime */
	@keyframes mv_tc1 {
		0% {opacity:0; -ms-filter: blur(6px); filter: blur(6px); transform:translate(-50%, -10%);}
		100% {opacity:1; -ms-filter: blur(0px); filter: blur(0px); transform:translate(-50%, 0%);}
	}
	
	@keyframes mv_tc2 {
		0% {color:#000;}
		30% {color:#C00;}
		60% {color:#C00;}
		100% {color:#000;}
	}

/* ------------------------top__pari_content */
#top__pari_head {
	background:url(/lib/img/top/bg__pari.gif);
}

#top__pari_head .box__1000 {
	padding:100px 10px;
	position:relative;
}

.flex-direction-nav a {
	background-color:rgba(255, 255, 255, .8);
	opacity:1;
	width:60px;
	height:60px;
	border-radius:30px;
}

.flex-direction-nav .flex-prev {
    left: 30px;
}

.flex-direction-nav a.flex-prev:before {
	content: '';
	text-shadow: 0px 0px 0 rgb(255 255 255 / 30%);
	background:url(/lib/img/common/arrow_left.png) no-repeat center center;
	width:60px;
	height:60px;
}

.flex-direction-nav .flex-next {
    right: 30px;
}

.flex-direction-nav a.flex-next:before {
	content: '';
	text-shadow: 0px 0px 0 rgb(255 255 255 / 30%);
	background:url(/lib/img/common/arrow_right.png) no-repeat center center;
	width:60px;
	height:60px;
}

.flex-direction-nav a:hover {
	opacity:.7;
}

.top__title_each1 {
	position:absolute;
	top:130px;
	right:50px;
	font-size:160px;
	line-height:1em;
	z-index:20;
}

.top__title_each2 {
	position:absolute;
	top:272px;
	right:147px;
	font-size:60px;
	line-height:1em;
	z-index:20;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-weight:800;
}

#top__pari_content {
	text-align:center;
	padding-bottom:60px;
}

#top__pari_content .box__1200 {
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	position:relative;
}

#top__pari_content .photo_01 {
	width:400px;
	position:relative;
	top:0;
	left:-215px;
	margin-top:-175px;
}

#top__pari_content .photo_02 {
	width:400px;
	position:relative;
	top:0px;
	left:250px;
	margin-top:-155px;
}

#top__pari_content .photo_03 {
	width:300px;
	position:relative;
	top:0px;
	left:-200px;
	margin-top:-90px;
}

#top__pari_content .photo_04 {
	width:300px;
	position:relative;
	top:0px;
	left:310px;
	margin-top:10px;
}

#top__pari_content .photo_05 {
	width:300px;
	position:relative;
	top:0px;
	left:-360px;
	margin-top:-80px;
}

#top__pari_content .photo_06 {
	width:333px;
	position:relative;
	top:0px;
	left:350px;
	margin-top:-150px;
}

#top__pari_content .photo_07 {
	width:300px;
	position:relative;
	top:0px;
	left:0px;
	margin-top:-150px;
}

#top__pari_content h2,
#top__pari_content h3 {
	font-size:34px;
	position:absolute;
}

#top__pari_content .copy_01 {
	top:340px;
	left:50%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align:center;
	display:inline-block;
	transform:translate(-50%, 0%);
	letter-spacing: 0.2em;
	line-height:1.2em;
}

#top__pari_content .copy_01 * {line-height:1.4em;}

#top__pari_content .fs_kanji {
	font-size:68px;
}

#top__pari_content .fs_kanji2 {
	font-size:51px;
}

#top__pari_content .copy_02 {
	top:260px;
	right:10.8%;
	text-align:left;
	line-height:1em;
}

#top__pari_content .copy_02 * {
	line-height:1em;
}

#top__pari_content .copy_02 .fp_01 {transform:translate(-92px, -17px); display:inline-block;}
#top__pari_content .copy_02 .fp_02 {transform:translate(-93px, -17px); display:inline-block;}
#top__pari_content .copy_02 .fp_03 {transform:translate(-100px, -3px); display:inline-block;}
#top__pari_content .copy_02 .fp_04 {transform:translate(-103px, 0px); display:inline-block;}

#top__pari_content .copy_03 {
	top:425px;
	left:25%;
	text-align:left;
	line-height:0.85em;
}

#top__pari_content .copy_03 * {
	line-height:0.85em;
}

#top__pari_content .copy_03 .danraku_01 {transform:translate(-106px, 0px); display:inline-block;}
#top__pari_content .copy_03 .danraku_02 {transform:translate(-47px, 0px); display:inline-block;}
#top__pari_content .copy_03 .fs_kanji {vertical-align:-9px; display:inline-block;}
#top__pari_content .copy_03 .fs_kanji2 {vertical-align:-4px; display:inline-block;}

#top__pari_content .copy_04 {
	font-size:16px;
	position:absolute;
	top:438px;
	left:50%;
	text-align:right;
	line-height:1.2em;
	transform:translate(-113%, 0%);
}

/* animation---------------------- */
#top__pari_content .photo_01,
#top__pari_content .photo_02,
#top__pari_content .photo_03,
#top__pari_content .photo_04,
#top__pari_content .photo_05,
#top__pari_content .photo_06,
#top__pari_content .photo_07,
#top__pari_content .copy_01,
#top__pari_content .copy_02,
#top__pari_content .copy_03,
#top__pari_content .copy_04 {
	opacity:0;
	-ms-filter: blur(6px);
	filter: blur(6px);
}

@keyframes top__blur {
	0% {opacity:0; -ms-filter: blur(6px); filter: blur(6px);}
	100% {opacity:1; -ms-filter: blur(0px); filter: blur(0px);}
}

#top__pari_content.animate__be1 .copy_01 {animation: top__blur 1s ease-out forwards;}
#top__pari_content.animate__be1 .copy_02 {animation: top__blur 1s ease-out forwards .4s;}
#top__pari_content.animate__be1 .copy_03 {animation: top__blur 1s ease-out forwards .8s;}
#top__pari_content.animate__be1 .copy_04 {animation: top__blur 1s ease-out forwards 1.2s;}

#top__pari_content.animate__be1 .photo_01 {animation: top__blur 1s ease-out forwards .4s;}
#top__pari_content.animate__be1 .photo_02 {animation: top__blur 1s ease-out forwards 1.2s;}
#top__pari_content.animate__be1 .photo_03 {animation: top__blur 1s ease-out forwards;}
#top__pari_content.animate__be1 .photo_04 {animation: top__blur 1s ease-out forwards .8s;}
#top__pari_content.animate__be1 .photo_05 {animation: top__blur 1s ease-out forwards 1.6s;}
#top__pari_content.animate__be1 .photo_06 {animation: top__blur 1s ease-out forwards 2s;}
#top__pari_content.animate__be1 .photo_07 {animation: top__blur 1s ease-out forwards 2.4s;}





/* ------------------------top__foujita_content */
#top__foujita_head {
	background:url(/lib/img/top/bg__foujita.gif);
}

#top__foujita_head .box__1000 {
	padding:100px 10px;
	position:relative;
}

#top__foujita_head .top__title_each1 {
	top:130px;
	right:auto;
	left:50%;
	font-size:100px;
	line-height:1em;
	transform:translate(-50%, 0%);
	color:#FFF;
	white-space:nowrap;
}

#top__foujita_head .top__title_each2 {
	top:272px;
	right:auto;
	left:50%;
	font-size:30px;
	line-height:1em;
	transform:translate(-50%, 0%);
	color:#FFF;
}

@media screen and (min-width: 768px) and (max-width:1020px) {
#top__foujita_head .top__title_each1 {
	font-size:80px;
}

#top__foujita_head .top__title_each2 {
	top:233px;
	font-size:20px;
}
}

#top__foujita_content {
	text-align:center;
	padding-bottom:60px;
}

#top__foujita_content .box__1200 {
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	position:relative;
}

#top__foujita_content .photo_01 {
	width:360px;
	position:relative;
	top:0;
	left:-215px;
	margin-top:-135px;
}

#top__foujita_content .photo_02 {
	width:400px;
	position:relative;
	top:0px;
	left:240px;
	margin-top:-165px;
}

#top__foujita_content .photo_03 {
	width:300px;
	position:relative;
	top:0px;
	left:-330px;
	margin-top:50px;
}

#top__foujita_content .photo_04 {
	width:300px;
	position:relative;
	top:-220px;
	left:330px;
	margin-top:0px;
}

#top__foujita_content .photo_05 {
	width:300px;
	position:relative;
	top:0px;
	left:350px;
	margin-top:-190px;
}

#top__foujita_content .photo_06 {
	width:400px;
	position:relative;
	top:0px;
	left:-310px;
	margin-top:-120px;
}

#top__foujita_content .photo_07 {
	width:300px;
	position:relative;
	top:0px;
	left:200px;
	margin-top:-10px;
}

#top__foujita_content h2,
#top__foujita_content h3 {
	font-size:34px;
	position:absolute;
}

#top__foujita_content .copy_01 {
	top:170px;
	left:50%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align:center;
	display:inline-block;
	transform:translate(-50%, 0%);
	letter-spacing: 0.2em;
	line-height:1.2em;
}

#top__foujita_content .copy_01 * {line-height:1.4em;}

#top__foujita_content .fs_kanji {
	font-size:68px;
}

#top__foujita_content .fs_kanji2 {
	font-size:51px;
}

#top__foujita_content .copy_02 {
	top:150px;
	left:50%;
	text-align:left;
	line-height:1em;
	transform:translate(-105%, 0%);
}

#top__foujita_content .copy_02 * {
	line-height:1em;
}

#top__foujita_content .copy_03 {
	top:685px;
	right:13%;
	text-align:left;
	line-height:0.85em;
}

#top__foujita_content .copy_03 * {
	line-height:0.85em;
}

#top__foujita_content .copy_04 {
	font-size:16px;
	position:absolute;
	top:265px;
	left:50%;
	right:auto;
	text-align:right;
	line-height:1.2em;
	transform:translate(-118%, 0%);
}

#top__foujita_content .copy_05 {
	position:relative;
	top:0;
	left:0;
	text-align:right;
	line-height:0.7em;
	margin-top:-50px;
}

#top__foujita_content .copy_05 * {
	line-height:0.7em;
	letter-spacing:-0.12em;
}

#top__foujita_content .copy_05 .danraku_01 {transform:translate(-196px, 0px); display:inline-block;}
#top__foujita_content .copy_05 .danraku_02 {transform:translate(-152px, 0px); display:inline-block;}

/* animation---------------------- */
#top__foujita_content .photo_01,
#top__foujita_content .photo_02,
#top__foujita_content .photo_03,
#top__foujita_content .photo_04,
#top__foujita_content .photo_05,
#top__foujita_content .photo_06,
#top__foujita_content .photo_07,
#top__foujita_content .copy_01,
#top__foujita_content .copy_02,
#top__foujita_content .copy_03,
#top__foujita_content .copy_04,
#top__foujita_content .copy_05 {
	opacity:0;
	-ms-filter: blur(6px);
	filter: blur(6px);
}

#top__foujita_content.animate__be1 .copy_01 {animation: top__blur 1s ease-out forwards;}
#top__foujita_content.animate__be1 .copy_02 {animation: top__blur 1s ease-out forwards .4s;}
#top__foujita_content.animate__be1 .copy_03 {animation: top__blur 1s ease-out forwards .8s;}
#top__foujita_content.animate__be1 .copy_04 {animation: top__blur 1s ease-out forwards 1.2s;}
#top__foujita_content.animate__be1 .copy_05 {animation: top__blur 1s ease-out forwards 1.6s;}

#top__foujita_content.animate__be1 .photo_01 {animation: top__blur 1s ease-out forwards .4s;}
#top__foujita_content.animate__be1 .photo_02 {animation: top__blur 1s ease-out forwards 1.2s;}
#top__foujita_content.animate__be1 .photo_03 {animation: top__blur 1s ease-out forwards;}
#top__foujita_content.animate__be1 .photo_04 {animation: top__blur 1s ease-out forwards .8s;}
#top__foujita_content.animate__be1 .photo_05 {animation: top__blur 1s ease-out forwards 1.6s;}
#top__foujita_content.animate__be1 .photo_06 {animation: top__blur 1s ease-out forwards 2s;}
#top__foujita_content.animate__be1 .photo_07 {animation: top__blur 1s ease-out forwards 2.4s;}

/* ------------------------top__kyoto_content */
#top__kyoto_head {
	background:url(/lib/img/top/bg__kyoto.gif);
}

#top__kyoto_head .box__1000 {
	padding:100px 10px;
	position:relative;
}

#top__kyoto_head .top__title_each1 {
	color:#FFF;
	top:95px;
    right:30px;
}

#top__kyoto_head .top__title_each2 {
	color:#FFF;
	top:248px;
    right:183px;
    font-size:32px;
}

#top__kyoto_content {
	text-align:center;
	padding-bottom:60px;
}

#top__kyoto_content .box__1200 {
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	position:relative;
}

#top__kyoto_content .photo_01 {
	width:400px;
	position:relative;
	top:0;
	left:-220px;
	margin-top:-155px;
}

#top__kyoto_content .photo_02 {
	width:250px;
	position:relative;
	top:0px;
	left:240px;
	margin-top:-165px;
}

#top__kyoto_content .photo_03 {
	width:300px;
	position:relative;
	top:0px;
	left:-315px;
	margin-top:30px;
}

#top__kyoto_content .photo_04 {
	width:400px;
	position:relative;
	top:0px;
	left:350px;
	margin-top:-200px;
}

#top__kyoto_content .photo_05 {
	width:300px;
	position:relative;
	top:0px;
	left:-270px;
	margin-top:0px;
}

#top__kyoto_content .photo_06 {
	width:300px;
	position:relative;
	top:0px;
	left:340px;
	margin-top:-150px;
}

#top__kyoto_content .photo_07 {
	width:260px;
	position:relative;
	top:0px;
	left:250px;
	margin-top:50px;
}

#top__kyoto_content h2,
#top__kyoto_content h3 {
	font-size:34px;
	position:absolute;
}

#top__kyoto_content .copy_01 {
	top:110px;
	left:50%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align:center;
	display:inline-block;
	transform:translate(-50%, 0%);
	letter-spacing: 0.1em;
	line-height:1.2em;
}

#top__kyoto_content .copy_01 * {line-height:1.4em; letter-spacing: 0.06em;}

#top__kyoto_content .fs_kanji {
	font-size:60px;
}

#top__kyoto_content .fs_kanji2 {
	font-size:51px;
}

#top__kyoto_content .copy_02 {
	bottom:20px;
	left:50%;
	text-align:left;
	line-height:1.9em;
	transform:translate(-88%, 0%);
	font-size:20px;
	letter-spacing: 0.1em;
}

#top__kyoto_content .copy_02 * {
	line-height:1.9em;
}

#top__kyoto_content .copy_04 {
	font-size:16px;
	position:absolute;
	top:227px;
	left:50%;
	right:auto;
	text-align:right;
	line-height:1.2em;
	transform:translate(-112%, 0%);
}

@media screen and (min-width: 768px) and (max-width:1020px) {
#top__kyoto_content .copy_02 {
	font-size:16px;
}
}

/* animation---------------------- */
#top__kyoto_content .photo_01,
#top__kyoto_content .photo_02,
#top__kyoto_content .photo_03,
#top__kyoto_content .photo_04,
#top__kyoto_content .photo_05,
#top__kyoto_content .photo_06,
#top__kyoto_content .photo_07,
#top__kyoto_content .copy_01,
#top__kyoto_content .copy_02,
#top__kyoto_content .copy_04 {
	opacity:0;
	-ms-filter: blur(6px);
	filter: blur(6px);
}

#top__kyoto_content.animate__be1 .copy_01 {animation: top__blur 1s ease-out forwards;}
#top__kyoto_content.animate__be1 .copy_02 {animation: top__blur 1s ease-out forwards .4s;}
#top__kyoto_content.animate__be1 .copy_04 {animation: top__blur 1s ease-out forwards .8s;}

#top__kyoto_content.animate__be1 .photo_01 {animation: top__blur 1s ease-out forwards .4s;}
#top__kyoto_content.animate__be1 .photo_02 {animation: top__blur 1s ease-out forwards 1.2s;}
#top__kyoto_content.animate__be1 .photo_03 {animation: top__blur 1s ease-out forwards;}
#top__kyoto_content.animate__be1 .photo_04 {animation: top__blur 1s ease-out forwards .8s;}
#top__kyoto_content.animate__be1 .photo_05 {animation: top__blur 1s ease-out forwards 1.6s;}
#top__kyoto_content.animate__be1 .photo_06 {animation: top__blur 1s ease-out forwards 2s;}
#top__kyoto_content.animate__be1 .photo_07 {animation: top__blur 1s ease-out forwards 2.4s;}

/* ------------------------top__tokyo_content */
#top__tokyo_head {
	background:url(/lib/img/top/bg__tokyo.gif);
}

#top__tokyo_head .box__1000 {
	padding:100px 10px;
	position:relative;
}

#top__tokyo_head .top__title_each1 {
	top:50%;
    left:50%;
	transform:translate(-50%, -67%);
	text-shadow: 1px 1px 10px #FFF;
}

#top__tokyo_head .top__title_each2 {
	top:50%;
    left:50%;
	transform:translate(-123%, 73%);
	font-size:30px;
	text-shadow: 1px 1px 7px #FFF;
}

#top__tokyo_content {
	text-align:center;
	padding-bottom:60px;
}

#top__tokyo_content .box__1200 {
	text-align:center;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	position:relative;
}

#top__tokyo_content .photo_01 {
	width:400px;
	position:relative;
	top:0;
	left:230px;
	margin-top:-155px;
}

#top__tokyo_content .photo_02 {
	width:400px;
	position:relative;
	top:0px;
	left:-220px;
	margin-top:-140px;
}

#top__tokyo_content .photo_03 {
	width:400px;
	position:relative;
	top:0px;
	left:315px;
	margin-top:-70px;
}

#top__tokyo_content .photo_04 {
	width:300px;
	position:relative;
	top:0px;
	left:-260px;
	margin-top:-40px;
}

#top__tokyo_content .photo_05 {
	width:300px;
	position:relative;
	top:0px;
	left:230px;
	margin-top:-100px;
}

#top__tokyo_content .photo_06 {
	width:400px;
	position:relative;
	top:0px;
	left:-240px;
	margin-top:40px;
}

#top__tokyo_content .photo_07 {
	width:310px;
	position:relative;
	top:0px;
	left:170px;
	margin-top:-80px;
}

#top__tokyo_content h2,
#top__tokyo_content h3 {
	font-size:34px;
	position:absolute;
}

#top__tokyo_content .copy_01 {
	top:360px;
	left:50%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align:center;
	display:inline-block;
	transform:translate(-50%, 0%);
	letter-spacing: 0.2em;
	line-height:1.2em;
}

#top__tokyo_content .copy_01 * {line-height:1.4em; letter-spacing: 0.06em;}

#top__tokyo_content .fs_kanji {
	font-size:68px;
}

#top__tokyo_content .fs_kanji2 {
	font-size:51px;
}

#top__tokyo_content .copy_02 {
	top:234px;
	left:50%;
	text-align:left;
	line-height:0.85em;
	transform:translate(-140%, 0%);
	letter-spacing: 0.1em;
}

#top__tokyo_content .copy_02 * {
	line-height:0.85em;
}

#top__tokyo_content .copy_02 .fs_kanji { margin-left:-60px;}
#top__tokyo_content .copy_02 .fp_1 {transform:translate(-9px, -15px); display:inline-block;}

#top__tokyo_content .copy_03 {
	top:694px;
	left:50%;
	text-align:left;
	line-height:0.85em;
	transform:translate(47%, 0px);
}

#top__tokyo_content .copy_03 * {
	line-height:0.85em;
}

#top__tokyo_content .copy_03 .danraku_01 {transform:translate(-7px, 4px); display:inline-block;}
#top__tokyo_content .copy_03 .danraku_02 {transform:translate(-97px, 2px); display:inline-block;}
#top__tokyo_content .copy_03 .fs_kanji {transform:translate(0px, 7px); display:inline-block;}

#top__tokyo_content .copy_04 {
	font-size:16px;
	position:absolute;
	top:613px;
	left:50%;
	right:auto;
	text-align:right;
	line-height:1.2em;
	transform:translate(-132%, 0%);
}

/* animation---------------------- */
#top__tokyo_content .photo_01,
#top__tokyo_content .photo_02,
#top__tokyo_content .photo_03,
#top__tokyo_content .photo_04,
#top__tokyo_content .photo_05,
#top__tokyo_content .photo_06,
#top__tokyo_content .photo_07,
#top__tokyo_content .copy_01,
#top__tokyo_content .copy_02,
#top__tokyo_content .copy_03,
#top__tokyo_content .copy_04 {
	opacity:0;
	-ms-filter: blur(6px);
	filter: blur(6px);
}

#top__tokyo_content.animate__be1 .copy_01 {animation: top__blur 1s ease-out forwards;}
#top__tokyo_content.animate__be1 .copy_02 {animation: top__blur 1s ease-out forwards .4s;}
#top__tokyo_content.animate__be1 .copy_03 {animation: top__blur 1s ease-out forwards .8s;}
#top__tokyo_content.animate__be1 .copy_04 {animation: top__blur 1s ease-out forwards 1.2s;}

#top__tokyo_content.animate__be1 .photo_01 {animation: top__blur 1s ease-out forwards .4s;}
#top__tokyo_content.animate__be1 .photo_02 {animation: top__blur 1s ease-out forwards 1.2s;}
#top__tokyo_content.animate__be1 .photo_03 {animation: top__blur 1s ease-out forwards;}
#top__tokyo_content.animate__be1 .photo_04 {animation: top__blur 1s ease-out forwards .8s;}
#top__tokyo_content.animate__be1 .photo_05 {animation: top__blur 1s ease-out forwards 1.6s;}
#top__tokyo_content.animate__be1 .photo_06 {animation: top__blur 1s ease-out forwards 2s;}
#top__tokyo_content.animate__be1 .photo_07 {animation: top__blur 1s ease-out forwards 2.4s;}

#top__main_box .scroll {
	display: inline-block;
	position: absolute;
	right: 40px;
	bottom: 0;
	z-index: 2;
	padding: 10px 10px 110px;
	overflow: hidden;
	color: #000;
	font-size: 14px;
	line-height: 1;
	letter-spacing: .2em;
	text-transform: uppercase;
	text-decoration: none;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

#top__main_box .scroll::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1px;
	height: 100px;
	background: rgba(0, 0, 0, 1);
}
#top__main_box .scroll::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1px;
	background: #fff;
	height: 30px;
	animation: sdl 1.5s ease infinite;
}
@keyframes sdl {
	0% {
		transform: translateY(-70px);
	}
	50%, 100% {
		transform: translateY(30px);
	}
}







/* TOP-----------------------END----------------------- */



/* information--------------------------------------------- */
#info__head {
	background:url(/lib/img/profile/bg__head.gif);
	padding:60px 0 50px 0;
}

#info__head .box__800 {
	position:relative;
}

#info__head h1 {
	text-align:center;
	position:relative;
}

#info__head h1:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/lib/img/profile/bg__head.gif);
	opacity:1;
	animation: fadeani 5s ease-out forwards;
}

#info__head h1 img {
	width:318px;
	margin:0 auto;
}

/* ------------animation */
@keyframes fadeani {
	0% {opacity:1;}
	100% {opacity:0;}
}

#info__head .info__head_ex {
	padding-top:30px;
}

#info__head .info__kiritani h2,
#info__head .info__kiritani h3,
#info__head .ex_jp,
#info__head .ex .photo {
	opacity:0;
	transform:translate(0%, -10%);
	-ms-filter: blur(6px); filter: blur(6px);
}

#info__head .info__kiritani h2 {
	font-size:40px;
	display:inline-block;
	animation: info_blur_anime2 1s ease-out forwards .5s;
}

#info__head .info__kiritani h3 {
	font-size:20px;
	display:inline-block;
	vertical-align:9px;
	padding-left:10px;
	animation: info_blur_anime2 1s ease-out forwards .8s;
}

#info__head .ex .photo {
	width:168px;
	float:right;
	padding:8px 0 20px 20px;
	animation: info_blur_anime2 1s ease-out forwards 1.1s;
}

#info__head .ex_jp {
	text-align:justify;
	animation: info_blur_anime2 1s ease-out forwards 1.4s;
}

@keyframes info_blur_anime2 {
	0% {transform:translate(0%, -15%); -ms-filter: blur(6px); filter: blur(6px); opacity:0;}
	100% {transform:translate(0%, 0%); -ms-filter: blur(0px); filter: blur(0px); opacity:1;}
}

#info__head .ex_en {
	padding-top:25px;
	text-align:justify;
}

#info__head .info__head_photo li {
	position:absolute;
	top:8px;
	left:calc( 50% + 8px );
	background-color:#FFF;
	padding:8px;
	box-shadow:8px 8px 10px rgba(0,0,0,0.6);
	opacity:0;
	-ms-filter: blur(6px); filter: blur(6px);
}

#info__head .info__head_photo li img {
	width:216px;
}

#info__head .info__head_photo li:first-child {
	transform:translate(-195%, 8%);
	animation: info_blur_anime3 2s ease-out forwards .5s;
}

#info__head .info__head_photo li:last-child {
	transform:translate(85%, 68%);
	animation: info_blur_anime3 2s ease-out forwards 1s;
}

@keyframes info_blur_anime3 {
	0% {top:8px; left:calc( 50% + 8px ); -ms-filter: blur(6px); filter: blur(6px); opacity:0; box-shadow:0px 0px 0px rgba(0,0,0,0.6);}
	80% {top:8px; left:calc( 50% + 8px ); -ms-filter: blur(0px); filter: blur(0px); opacity:1; box-shadow:0px 0px 0px rgba(0,0,0,0.6);}
	100% {top:0px; left:calc( 50% + 0px ); -ms-filter: blur(0px); filter: blur(0px); opacity:1; box-shadow:8px 8px 10px rgba(0,0,0,0.6);}
}

#info__content {
	padding:50px 0 70px 0;
	position:relative;
}

#info__content .ex_jp {
	font-size:14px;
}

#info__content .ex_jp dl {
	display:table;
	width:100%;
}

#info__content .ex_jp dl dt {
	display:table-cell;
	width:4em;
}

#info__content .ex_jp dl dd {
	display:table-cell;
}

#info__content .ex_en {
	padding-top:60px;
	font-size:12px;
}

#info__content .ex_en dl {
	display:table;
	width:100%;
}

#info__content .ex_en dl dt {
	display:table-cell;
	width:3em;
}

#info__content .ex_en dl dd {
	display:table-cell;
}

#info__content .box__photo li {
	position:absolute;
	top:8px;
	left:calc( 50% + 8px );
	width:180px;
	background-color:#FFF;
	padding:8px;
	box-shadow:8px 8px 10px rgba(0,0,0,0.6);
	transform:translate(-50%, 0%);
	opacity:0;
	-ms-filter: blur(6px); filter: blur(6px);
}

#info__content .box__photo li:nth-child(1) {
	width:232px;
	top:calc( 50% + 8px );
	transform:translate(-248%, -220%);
}

#info__content .box__photo li:nth-child(2) {
	width:232px;
	top:calc( 50% + 8px );
	transform:translate(99%, 82%);
}

#info__content .box__photo li:nth-child(3) {
	transform:translate(149%, 89%);
}

#info__content .box__photo li:nth-child(4) {
	transform:translate(-296%, 26%);
}

#info__content .box__photo li:nth-child(5) {
	top:calc( 50% + 8px );
	transform:translate(-306%, 79%);
}

#info__content .box__photo li:nth-child(6) {
	transform:translate(163%, 333%);
}

#info__content .box__photo li:nth-child(7) {
	top:auto;
	bottom:-8px;
	transform:translate(-305%, -187%);
}

#info__content .box__photo li:nth-child(8) {
	top:auto;
	bottom:-8px;
	transform:translate(215%, -23%);
}

#info__content .box__photo li:nth-child(3).animate__ba5 {
	animation: info_blur_anime3 2s ease-out forwards;
}
#info__content .box__photo li:nth-child(4).animate__ba5 {
	animation: info_blur_anime3 2s ease-out forwards;
}
#info__content .box__photo li:nth-child(6).animate__ba5 {
	animation: info_blur_anime3 2s ease-out forwards;
}

#info__content .box__photo li:nth-child(1).animate__ba5 {
	animation: info_blur_anime4 2s ease-out forwards;
}
#info__content .box__photo li:nth-child(2).animate__ba5 {
	animation: info_blur_anime4 2s ease-out forwards;
}
#info__content .box__photo li:nth-child(5).animate__ba5 {
	animation: info_blur_anime4 2s ease-out forwards;
}

@keyframes info_blur_anime4 {
	0% {top:calc( 50% + 8px ); left:calc( 50% + 8px ); -ms-filter: blur(6px); filter: blur(6px); opacity:0; box-shadow:0px 0px 0px rgba(0,0,0,0.6);}
	80% {top:calc( 50% + 8px ); left:calc( 50% + 8px ); -ms-filter: blur(0px); filter: blur(0px); opacity:1; box-shadow:0px 0px 0px rgba(0,0,0,0.6);}
	100% {top:calc( 50% + 0px ); left:calc( 50% + 0px ); -ms-filter: blur(0px); filter: blur(0px); opacity:1; box-shadow:8px 8px 10px rgba(0,0,0,0.6);}
}

#info__content .box__photo li:nth-child(7).animate__ba5 {
	animation: info_blur_anime5 2s ease-out forwards 1s;
}
#info__content .box__photo li:nth-child(8).animate__ba5 {
	animation: info_blur_anime5 2s ease-out forwards 1s;
}

@keyframes info_blur_anime5 {
	0% {bottom:-8px; left:calc( 50% + 8px ); -ms-filter: blur(6px); filter: blur(6px); opacity:0; box-shadow:0px 0px 0px rgba(0,0,0,0.6);}
	80% {bottom:-8px; left:calc( 50% + 8px ); -ms-filter: blur(0px); filter: blur(0px); opacity:1; box-shadow:0px 0px 0px rgba(0,0,0,0.6);}
	100% {bottom:0px; left:calc( 50% + 0px ); -ms-filter: blur(0px); filter: blur(0px); opacity:1; box-shadow:8px 8px 10px rgba(0,0,0,0.6);}
}



/* information-------------------END----------------------- */



/* news--------------------------------------------- */
#news__content {
	background:url(/lib/img/profile/bg__head.gif);
	padding:60px 0 50px 0;
}

#news__content h1 {
	text-align:center;
	position:relative;
	padding-bottom:50px;
}

#news__content h1:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/lib/img/profile/bg__head.gif);
	opacity:1;
	animation: fadeani 5s ease-out forwards;
}

#news__content h1 img {
	width:319px;
	margin:0 auto;
}

#news__content .inner {
	width:960px;
	margin:0 auto;
}

#news__content ul {
	font-size:0;
}

#news__content ul li {
	display:inline-block;
	width:320px;
	padding:0 10px 30px 10px;
	vertical-align:top;
	font-size:14px;
}

@media screen and (min-width: 768px) and (max-width:980px) {
#news__content .inner {
	width:640px;
}
}

#news__content ul li a {
	display:block;
	height:400px;
	background-color:#DCC8C8;
	padding:10px;
	box-shadow:8px 8px 10px rgba(0,0,0,0.6);
}

#news__content ul li a .photo {
	display:block;
	width:280px;
	height:280px;
	background-color:#FFF;
	overflow:hidden;
}

#news__content ul li a .photo .image {
	margin:19px;
	display:block;
	width:242px;
	height:242px;
}

#news__content ul li a .photo .no_image {
	display:block;
	background:url(/lib/img/news/no_photo.png) no-repeat center center;
	background-size:cover;
	width:280px;
	height:280px;
}

#news__content ul li a .date {
	display:block;
	font-size:12px;
	padding-top:5px;
}

#news__content ul li a .category {
	display:block;
	font-size:12px;
	font-weight:bold;
	line-height:1.5em;
}

#news__content ul li a h2 {
	font-size:14px;
	font-weight:bold;
	line-height:1.6em;
	width: 280px;  
	white-space: nowrap;  
	overflow: hidden;  
	text-overflow: ellipsis;  
	-webkit-text-overflow: ellipsis;  
	-o-text-overflow: ellipsis;
}

#news__content ul li a h3 {
	font-size:12px;
	line-height:1.6em;
	width: 280px;  
	white-space: nowrap;  
	overflow: hidden;  
	text-overflow: ellipsis;  
	-webkit-text-overflow: ellipsis;  
	-o-text-overflow: ellipsis;
}

#news__content ul li a:hover {
	color:#000;
	text-decoration:none;
	transform: scale(1.05,1.05);
}

#news__detail {
	max-width:1000px;
	margin:0 auto;
	background-color:rgba(255, 255, 255, .5);
	padding:50px 100px;
}

#news__detail .photo {
	text-align:center;
}

#news__detail .photo img {
	width:auto;
	max-width:100%;
	max-height:280px;
	margin:0 auto;
}

#news__detail h2 {
	font-size:24px;
	padding-top:30px;
}

#news__detail h3 {
	font-size:16px;
	padding-top:20px;
}

#news__detail .contents {
	padding-top:20px;
}

#news__detail .contents img {
	width:auto;
	margin:10px auto;
}


/* news-------------------END----------------------- */



/* contact--------------------------------------------- */
#contact__content {
	background:url(/lib/img/profile/bg__head.gif);
	padding:60px 0 50px 0;
}

#contact__content h1 {
	text-align:center;
	position:relative;
	padding-bottom:50px;
}

#contact__content h1:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/lib/img/profile/bg__head.gif);
	opacity:1;
	animation: fadeani 5s ease-out forwards;
}

#contact__content h1 img {
	max-width:324px;
	margin:0 auto;
}

#contact__content .inner {
	max-width:500px;
	margin:0 auto;
}

#contact__content .inner .ex {
	text-align:center;
}

#contact__content .inner .contact__form dt {
	padding:35px 0 2px 0;
}

#contact__content .inner .contact__form dd input[type=text],
#contact__content .inner .contact__form dd input[type=email] {
	width:100%;
	height:40px;
	padding:0 10px;
	box-shadow:8px 8px 10px rgba(0,0,0,0.6);
	border:none;
}

#contact__content .inner .contact__form dd textarea {
	width:100%;
	height:210px;
	padding:0 10px;
	box-shadow:8px 8px 10px rgba(0,0,0,0.6);
	border:none;
}

#contact__content .inner .contact__form .btn {
	text-align:center;
	padding-top:50px;
}

#contact__content .inner .contact__form .btn input[type=submit] {
	width:100px;
	height:40px;
	text-align:center;
	line-height:1em;
	box-shadow:8px 8px 10px rgba(0,0,0,0.6);
	border:none;
	font-size:24px;
	margin:0 auto;
	background-color:#F5E1E6;
	transition:.3s;
}

#contact__content .inner .contact__form .btn input[type=submit]:hover {
	transform: scale(1.1,1.1);
}




/* contact-------------------END----------------------- */



/* etc------------------------------------------------- */

/* etc-----------------------END----------------------- */