@charset "UTF-8";
/* CSS Document */
.sp_only {display: none;}
body {margin: 0;padding: 0;background: #fff;}
.bg_index {max-width: 100%;height: 135vh;padding: 100px 0 0 0;background:#fff url(../images/index_bg.jpg) no-repeat center top;background-size: cover!important; position: relative;}
h1{width: 480px;height: 300px;margin: 0 auto 0 auto;padding: 0 0 60px 0;background: url(../images/index_logo.png) no-repeat center top;background-size: contain;display: block;text-indent: 100%;white-space: nowrap;overflow: hidden;}
nav {width: 420px;font-family: 'renner';font-size: 48px;margin: 0 auto 50px auto;padding: 0;}
nav ul {font-size: 1px;margin: 0;padding: 0;display: flex;justify-content: center;}
nav ul li {margin: 0 40px 0 40px;padding: 0;font-size: 1px;list-style-type: none;display: inline-block;}
nav ul li.enter a {
	margin: 0 .1em;
	padding: 0 .1em;
	background: linear-gradient(#ffacbd, #ffacbd) right bottom / 0 .5em no-repeat;
	transition: background-size .4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
nav ul li.enter a:hover {
	background-position: left bottom;
	background-size: 100% 20em;
}

nav ul li.leave a {
	margin: 0 .1em;
	padding: 0 .1em;
	background: linear-gradient(#ff41ac, #ff41ac) right bottom / 0 .5em no-repeat;
	transition: background-size .4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
nav ul li.leave a:hover {
	background-position: left bottom;
	background-size: 100% 20em;
}

p.read {font-size: 14px;line-height: 18px;text-align: center;color: #9c9491;margin: 0;padding: 0 0 55px 0;}
p.copyright {font-size: 12px;line-height: 18px;text-align: center;color: #9c9491;margin: 0;padding: 0 0 55px 0;}
p.mutual_link{font-size: 12px;text-align: center;color: #9c9491;margin: 140px 0 20px 0;}
table {font-size: 0;padding: 0;margin: 0;}
.index_credit {width: 800px; margin: 0 auto;text-align: center; position: absolute; top: 90%;left: 50%;  -webkit-transform : translateX(-50%);transform : translateX(-50%);}
.index_credit a {display: block;}
.index_credit ul {list-style-type: none;}
.index_credit li {font-size:14px; color: #9c9491; text-align: left;}
.index_link {position: absolute; top: 80%;left: 50%;  -webkit-transform : translateX(-50%);transform : translateX(-50%);}


iframe {width: 500px;}

/*タブレット用*/
@media screen and (min-width:768px) and (max-width:999px) {
.sp_only {display: none;}
.bg_index {max-width: 100%;height: auto;padding: 100px 0 0 0;background:#9c9491 url(../images/index_bg.jpg) no-repeat center top;background-size: cover!important;}
h1{width: 100%;height: 80px;margin: 0 auto 0 auto;padding: 0 0 60px 0;background: url(../images/index_logo.png) no-repeat center top;display: block;text-indent: 100%;
	white-space: nowrap;overflow: hidden;background-size: contain!important;}
nav {width: 420px;font-family: 'renner';font-size: 48px;margin: 50px auto;padding: 0;}
p.read {font-size: 14px;line-height: 18px;text-align: center;color: #9c9491;margin: 0;padding: 0 0 20px 0;}
.index_credit {width: 95%; margin: 0 auto;text-align: center; position: absolute; top: 75%;left: 50%;  -webkit-transform : translateX(-50%);transform : translateX(-50%);}
.index_credit ul {list-style-type: none; padding: 0;}
p.mutual_link{font-size: 16px;text-align: center;margin: 60px 0 20px 0;}


}

/*スマホ用*/
@media screen and (min-width:320px) and (max-width:767px) {
.sp_only {display: block;}
.bg_index {max-width: 100%;height: auto;padding: 0;background:transparent; position: static;}
.bg_index img {width: 100%; height: auto; margin-bottom: 30px;}
h1{display: none;}
nav {width: 100%;font-family: 'renner';font-size: 48px;margin: 0 auto;padding: 0;text-align: center;}
nav ul li {width: 130px;margin: 0 20px;padding: 0;font-size: 1px;list-style-type: none;display: inline-block;}
nav ul li.enter a {
	margin: 0 .1em;
	padding: 0 .1em;
	background: linear-gradient(#fff, #fff) right bottom / 0 .5em no-repeat;
	transition: background-size .4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

nav ul li.leave a {
	margin: 0 .1em;
	padding: 0 .1em;
	background: linear-gradient(#fff, #fff) right bottom / 0 .5em no-repeat;
	transition: background-size .4s cubic-bezier(0.215, 0.61, 0.355, 1);
}

p.read {width: 85%; font-size: 14px;line-height: 18px;text-align: center;margin: 0 auto ;padding: 0 0 15px 0;}
p.copyright {font-size: 12px;line-height: 18px;text-align: center;margin: 0;padding: 0 0 55px 0;}
p.mutual_link{font-size: 16px;text-align: center;margin: 60px 0 20px 0;}
table {font-size: 0;padding: 0;margin: 0;}
.index_credit {width: 90%; margin: 0 auto;text-align: center; position: static; top: 0;-webkit-transform : translateX(0);transform : translateX(0);}
.index_credit img {max-width: 100%; height: auto;}
.index_credit a {display: block;}
.index_credit ul {list-style-type: none; padding: 0;}
.index_credit li {font-size:14px; text-align: left;}

.index_link {width: 90%; height: auto; margin: 0 auto;position: static; top: 0;-webkit-transform : translateX(0);transform : translateX(0);}
.index_link img {max-width: 100%; height: auto;}
iframe {width: 90%;}

}