/*----------------------------------------------
PC：基本設定
----------------------------------------------*/
@media screen and (min-width: 770px){
	.spOnly {
		display: none;
	}
}
/*----------------------------------------------
SP：基本設定
----------------------------------------------*/
@media screen and (max-width: 769px){
	.pcOnly {
		display: none;
	}
}
/*----------------------------------------------
PC：ヘッダー
----------------------------------------------*/
body {
	background: #ffffff;
	font-family: "Noto Sans", "Noto Sans CJK JP", "Noto Sans CJK JP Subset", "Helvetica", "Arial","sans-serif";
/*	font-family: 'Roboto', sans-serif;*/
	font-size: 16px;
	text-align: center;
	position: relative;
}
.wrap {
	width: 100%;
	text-align: center;
	overflow: hidden;
}
header {
	margin: 0 auto 16px auto;
	width: 100%;
	height: 800px;
}
header .inner-head {
	background: url(../img/img-head_11th.webp) center top no-repeat;
	background-size: 1200px 800px;
	margin: 0 auto;
	width: 1200px;
	height: 800px;
	position: relative;
}
header .inner-head.en {
	background: url(../img/img-head_11th_en.webp) center top no-repeat;
	background-size: 1200px 800px;
}
header .inner-head.fr {
	background: url(../img/img-head_11th_fr.webp) center top no-repeat;
	background-size: 1200px 800px;
}
header .inner-head img.img1024 {
	display: none;
}
header .inner-head p {
	text-indent: -9999em;
}
header .inner-head img.jlpp-bnk {
	display: none;
}
header .inner-head h1 {
	text-indent: -9999em;
}
/*----------------------------------------------
iPad：ヘッダー
----------------------------------------------*/
@media screen and (max-width: 1199px){
	header {
		margin: 0 auto;
		width: 100%;
		height: auto;
	}
	header .inner-head {
		background: none;
		margin: 0 auto;
		width: 100%;
		height: auto;
		position: relative;
	}
	header .inner-head img.img1024 {
		display: block;
		width: 100%;
		height: auto;
	}
	header .inner-head p {
		display: none;
	}
	header .inner-head img.jlpp-bnk {
		display: none;
	}
	header .inner-head h1 {
		display: none;
	}
}
/*----------------------------------------------
SP：width: 428px
----------------------------------------------*/
@media screen and (max-width: 428px){
	body {
		font-size: 14px;
	}
	
	header {
		margin: 0 auto;
		width: 100%;
		height: auto;
	}
/*	header .inner-head {
		background: url(../img/img-head_sp_9th.jpg) center top no-repeat;
		background-size: 100%;
		margin: 0 auto;
		width: 100%;
		height: 165vw;
		position: relative;
		float: left;
	}
	header .inner-head.en {
		background: url(../img/img-head_sp_9th_en.jpg) center top no-repeat;
		background-size: cover;
	}
	header .inner-head.ge {
		background: url(../img/img-head_sp_9th_ge.jpg) center top no-repeat;
		background-size: cover;
	}
	header .inner-head.fr {
		background: url(../img/img-head_fr_sp.png) center top no-repeat;
		background-size: cover;
	}
	header .inner-head img.img1024 {
		display: none;
	}
	*/
}
/*----------------------------------------------
SP：width: 414px
----------------------------------------------*/
@media screen and (max-width: 414px){
	header .inner-head {
/*		height: 755px;*/
	}
}
/*----------------------------------------------
SP：width: 390px
----------------------------------------------*/
@media screen and (max-width: 390px){
	header .inner-head {
/*		height: 711px;*/
	}
}
/*----------------------------------------------
SP：width: 375px
----------------------------------------------*/
@media screen and (max-width: 375px){
	header .inner-head {
/*		height: 684px;*/
	}
}
/*----------------------------------------------
SP：width: 320px
----------------------------------------------*/
@media screen and (max-width: 320px){
	header .inner-head {
/*		height: 693px;*/
	}
}
/*----------------------------------------------
PC：フッター
----------------------------------------------*/
footer {
	display: block;
	background: #f6f7f8;
	width: 100%;
	height: 60px;
	text-align: center;
	float: left;
}
footer p {
	font-size: 12px;
	line-height: 60px;
	font-weight: 400;
}
/*----------------------------------------------
SP：フッター
----------------------------------------------*/
@media screen and (max-width: 769px){
	footer {
		height: 2.4em;
	}
	footer p {
		padding: 0.5em 0.3em;
		font-size: 0.8em;
		line-height: 1.2em;
		font-weight: 400;
		color: #666666;
	}
}
/* ---- clearfix ---- */
.clearfix:after {content: "."; display: block; clear: both; height: 0; width:100%; visibility: hidden; font-size: 0; line-height:0;}
* html .clearfix{zoom:1;}/* IE6 */
*:first-child+html .clearfix{zoom:1;}/* IE7 */


/*----------------------------------------------
多言語設定
----------------------------------------------*/
body.fr,
body.es{
	font-family: "Helvetica", "Arial","sans-serif";
}