@charset "UTF-8";
/* CSS Document */

.sp_only {display: none;}
body {margin: 0;padding: 0;background: #000;}
.bg_index {max-width: 100%;height: auto;padding: 100px 0 0 0;background:#000 url(../images/index_bg_20220708.jpg) no-repeat center top;background-size: cover!important;}
h1{width: 890px;height: 576px;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;}
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 {width: 130px!important;font-size: 48px;color: #fff000;margin: 0;text-decoration: none;}
nav ul li.enter a:hover {color: #ff0a5d;text-decoration: none;}
nav ul li.leave a {width: 125px!important;color: #a562d0;font-size: 48px;margin: 0;text-decoration: none;display: inline-block;}
nav ul li.leave a:hover {color: #9d053c;list-style-type: none;}
p.read {font-size: 14px;line-height: 18px;text-align: center;color: #fff;margin: 0;padding: 0 0 55px 0;}
p.copyright {font-size: 12px;line-height: 18px;text-align: center;color: #fff;margin: 0;padding: 0 0 55px 0;}
p.mutual_link{font-size: 12px;text-align: center;color: #fff;margin: 140px 0 20px 0;}
table {font-size: 0;padding: 0;margin: 0;}
.index_credit {width: 800px; margin: 0 auto;text-align: center;}
.index_credit a {display: block;}
.index_credit ul {list-style-type: none;}
.index_credit li {font-size:14px; color: #fff; text-align: left;}

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:#000 url(../images/index_bg_20220708.jpg) no-repeat center top;background-size: contain!important;}
h1{width: 100%;height: 220px;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: #fff;margin: 0;padding: 0 0 20px 0;}
.index_credit {width: 90%; margin: 0 auto;text-align: center;}
.index_credit ul {list-style-type: none; padding: 0;}
p.mutual_link{font-size: 16px;text-align: center;color: #fff;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;}
.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 50px auto;padding: 0;text-align: center;}
nav ul li {margin: 0 20px;padding: 0;font-size: 1px;list-style-type: none;display: inline-block;}
nav ul li.enter a {font-size: 48px;color: #fff000;margin: 0;text-decoration: none;}
nav ul li.leave a {color: #a562d0;font-size: 48px;margin: 0;text-decoration: none;display: inline-block;}
p.read {width: 85%; font-size: 14px;line-height: 18px;text-align: center;color: #fff;margin: 0 auto ;padding: 0 0 15px 0;}
p.copyright {font-size: 12px;line-height: 18px;text-align: center;color: #fff;margin: 0;padding: 0 0 55px 0;}
p.mutual_link{font-size: 16px;text-align: center;color: #fff;margin: 60px 0 20px 0;}
table {font-size: 0;padding: 0;margin: 0;}
.index_credit {width: 90%; margin: 0 auto;text-align: center;}
.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; color: #fff; text-align: left;}

.index_link {width: 90%; height: auto; margin: 0 auto;}
.index_link img {max-width: 100%; height: auto;}
iframe {width: 90%;}

}