@charset "utf-8";

@media only screen and (min-width:768px) {
	div.content {
		box-sizing: border-box;
		margin: 0 auto;
		padding: 0 35px;
		max-width: 1177px;
		width: 100%;
	}
	
	div.main {
		margin: 0 auto;
	}
	
	div.main a {
		display: block;
		background-repeat: no-repeat;
		background-position: center top;
		width: 100%;
		padding-top: 141.6%;
	}
	
	div.main a.jpn {
		background-image: url(../img_rn/top/main_14_pc.jpg);
		background-size: 100%;
	}
	
	div.main a.eng {
		background-image: url(../img_rn/top/main_14_pc_eng.jpg);
		background-size: 100%;
	}
	
	div.link {
		margin: 56px auto 0 auto;
		width: 94px;
	}
	
	div.link a {
		display: block;
		border: 1px solid #fff;
		background-image: url(../img_rn/top/btn_enter.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 94px;
		height: 43px;
		font-size: 0;
		line-height: 0;
	}
	
	div.lang {
		margin: 56px 0 0 0;
	}

	div.lang a {
		display: inline-block;
		font-size: 0;
		line-height: 0;
		padding: 5px;
	}
	
	div.lang span.slash {
		display: inline-block;
		box-sizing: content-box;
		background-image: url(../img_rn/top/nav_lang_slash.png);
		background-size: 5px;
		width: 5px;
		background-repeat: no-repeat;
		background-position: center center;
		height: 13px;
		font-size: 0;
		line-height: 0;
	}
	
	div.lang a.jpn {
		background-image: url(../img_rn/top/nav_lang_jpn.png);
		background-size: 25px;
		background-repeat: no-repeat;
		background-position: center 5px;
		width: 25px;
		height: 13px;
	}

	div.lang a.jpn:hover {
		background-position:  center -46px;
	}
	
	div.lang a.eng {
		background-image: url(../img_rn/top/nav_lang_eng.png);
		background-size: 28px;
		background-repeat: no-repeat;
		background-position: center 5px;
		width: 28px;
		height: 13px;
	}

	div.lang a.eng:hover {
		background-position:  center -46px;
	}
	
	div.lang a.crnt {
		background-position:  center -46px !important;
	}
	
	div.credit {
		margin: 56px 0 0 0;
		font-size: 9px;
		color: #999999;
	}
	
	div.copyright {
		padding: 3px 0 28px 0;
		font-size: 10px;
		color: #999999;
	}
}

@media only screen and (max-width:767px) {
	div.main {
		margin: 0 auto;
	}
	
	div.main a {
		display: block;
		width: 100%;
		padding-top: 141.7%;
		background-repeat: no-repeat;
		background-position: center top;
	}
	
	div.main a.jpn {
		background-image: url(../img_rn/top/main_14_sp.jpg);
		background-size: 100%;
	}
	
	div.main a.eng {
		background-image: url(../img_rn/top/main_14_sp_eng.jpg);
		background-size: 100%;
	}
	
	div.link {
		margin: 8.1% auto 0 auto;
		width: 22.7%;
	}
	
	div.link a {
		display: block;
		border: 1px solid #fff;
		background-image: url(../img_rn/top/btn_enter.png);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 100%;
		padding-top: 45.7%;
		font-size: 0;
		line-height: 0;
	}
	
	div.lang {
		margin: 5.2% 0 0 0;
	}
	
	div.lang a {
		display: block;
		padding-top: 10%;
		background-repeat: no-repeat;
		background-position: center -40%;
		font-size: 0;
		line-height: 0;
	}
	
	div.lang {
		background-image: url(../img_rn/top/nav_lang_slash.png);
		background-size: 1.4%;
		background-repeat: no-repeat;
		background-position: center 40%;
	}
	
	div.lang span.slash {
		display: none;
	}
	
	div.lang a.jpn {
		float: left;
		display: block;
		margin-left: 27%;
		background-image: url(../img_rn/top/nav_lang_jpn.png);
		background-position: right -21%;
		background-size: 34%;
		padding-top: 10%;
		width: 20%;
	}
	
	div.lang a.eng {
		float: left;
		display: block;
		margin-left: 6%;
		background-image: url(../img_rn/top/nav_lang_eng.png);
		background-position: left -21%;
		background-size: 38%;
		padding-top: 10%;
		width: 20%;
	}
	
	div.lang a.jpn.crnt {
		background-position: right 98% !important;
	}
	
	div.lang a.eng.crnt {
		background-position: left 97% !important;
	}
	
	div.credit {
		margin: 4.3% 0 0 0;
		font-size: 0.7rem;
		font-size: calc(6px + 20 * ((100vw - 320px) / 704));
		color: #999999;
	}
	
	div.copyright {
		padding: 0.6% 0 1.9% 0;
		font-size: 0.8rem;
		font-size: calc(7px + 20 * ((100vw - 320px) / 704));
		color: #999999;
	}
}