/*----------------------------------------------
PC：基本設定
----------------------------------------------*/
@media screen and (min-width: 1200px){
	.spOnly {
		display: none;
	}
}
/*----------------------------------------------
SP：基本設定
----------------------------------------------*/
@media screen and (max-width: 1199px){
	.pcOnly {
		display: none;
	}
}
/*----------------------------------------------
PC：ヘッダー
----------------------------------------------*/
body {
	background: #ffffff;
	font-family: "Noto Sans", "Noto Sans CJK JP", "Noto Sans CJK JP Subset", "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	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/bg-head.png) center top no-repeat;
	background-size: 1200px 800px;
	margin: 0 auto;
	width: 1200px;
	height: 800px;
	position: relative;
}
header .inner-head p {
	margin: 30px 0 0 32px;
	font-size: 24px;
	font-weight: 400;
	color: #ffffff;
	float: left;
}
header .inner-head img.jlpp-bnk {
	margin: 0 32px 0 0;
	width: 122px;
	height: auto;
	float: right;
}
header .inner-head h1 img {
	width: 621px;
	height: auto;
	position: absolute;
	top: 84px;
	left: 0;
}
header .inner-head h2 {
	font-size: 42px;
	line-height: 60px;
	font-weight: 600;
	text-align: left;
	color: #ffffff;
	position: absolute;
	top: 294px;
	left: 648px;
}
header .inner-head dl.dl_place {
	text-align: left;
	position: absolute;
	top: 628px;
	left: 25px;
}
header .inner-head dl.dl_place dt {
	font-size: 52px;
	line-height: 58px;
	font-weight: 600;
}
header .inner-head dl.dl_place dt span {
	font-size: 18px;
	font-weight: 600;
}
header .inner-head dl.dl_place dd {
	margin: -50px -15px 0 0;
	border: 1px solid #000000;
	border-radius: 100px;
	width: 88px;
	font-size: 24px;
	line-height: 88px;
	font-weight: 600;
	text-align: center;
	float: right;
}
header .inner-head ul {
	text-align: left;
	position: absolute;
	top: 600px;
	left: 308px;
}
header .inner-head ul li {
	margin: 0 10px 0 0;
	width: 287px;
	float: left;
}
header .inner-head ul li.f_day {
	background: url(../img/img-day1.svg) no-repeat;
	background-position: left 12px;
}
header .inner-head ul li.s_day {
	background: url(../img/img-day2.svg) no-repeat;
	background-position: left 12px;
}
header .inner-head ul li.t_day {
	background: url(../img/img-day3.svg) no-repeat;
	background-position: left 12px;
}
header .inner-head ul li dl {
	margin: 0 0 0 92px;
	color: #ffffff;
}
header .inner-head ul li dl dt {
	margin: 0 0 0.3em 0;
	font-size: 34px;
	line-height: 42px;
	font-weight: 600;
}
header .inner-head ul li dl dt span {
	font-size: 28px;
}
header .inner-head ul li dl dd {
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
}
/*----------------------------------------------
iPad：ヘッダー
----------------------------------------------*/
@media screen and (max-width: 1024px){
	header {
		margin: 0 auto;
		width: 100%;
		height: auto;
	}
	header .inner-head {
		background: url(../img/bg-head.png) center top no-repeat;
		background-size: 1024px 800px;
		margin: 0 auto;
		width: 1024px;
		height: 800px;
		position: relative;
	}
	header .inner-head p {
		margin: 30px 0 0 32px;
		font-size: 24px;
		font-weight: 400;
		color: #ffffff;
		float: left;
	}
	header .inner-head img.jlpp-bnk {
		margin: 0 32px 0 0;
		width: 122px;
		height: auto;
		float: right;
	}
	header .inner-head h1 img {
		width: 621px;
		height: auto;
		position: absolute;
		top: 84px;
		left: 0;
	}
	header .inner-head h2 {
		font-size: 42px;
		line-height: 60px;
		font-weight: 600;
		text-align: left;
		color: #ffffff;
		position: absolute;
		top: 294px;
		left: 648px;
	}
	header .inner-head dl.dl_place {
		text-align: left;
		position: absolute;
		top: 628px;
		left: 25px;
	}
	header .inner-head dl.dl_place dt {
		font-size: 52px;
		line-height: 58px;
		font-weight: 600;
	}
	header .inner-head dl.dl_place dt span {
		font-size: 18px;
		font-weight: 600;
	}
	header .inner-head dl.dl_place dd {
		margin: -50px -15px 0 0;
		border: 1px solid #000000;
		border-radius: 100px;
		width: 88px;
		font-size: 24px;
		line-height: 88px;
		font-weight: 600;
		text-align: center;
		float: right;
	}
	header .inner-head ul {
		text-align: left;
		position: absolute;
		top: 600px;
		left: 308px;
	}
	header .inner-head ul li {
		margin: 0 10px 0 0;
		width: 228px;
		float: left;
	}
	header .inner-head ul li.f_day {
		background: url(../img/img-day1.svg) no-repeat;
		background-position: left 12px;
	}
	header .inner-head ul li.s_day {
		background: url(../img/img-day2.svg) no-repeat;
		background-position: left 12px;
	}
	header .inner-head ul li.t_day {
		background: url(../img/img-day3.svg) no-repeat;
		background-position: left 12px;
	}
	header .inner-head ul li dl {
		margin: 0 0 0 92px;
		color: #ffffff;
	}
	header .inner-head ul li dl dt {
		margin: 0 0 0.3em 0;
		font-size: 28px;
		line-height: 42px;
		font-weight: 600;
	}
	header .inner-head ul li dl dt span {
		font-size: 20px;
	}
	header .inner-head ul li dl dd {
		font-size: 14px;
		line-height: 28px;
		font-weight: 600;
	}
}
/*----------------------------------------------
SP：width: 834px
----------------------------------------------*/
@media screen and (max-width: 834px){
	header {
		margin: 0 auto;
		width: 100%;
		height: auto;
	}
	header .inner-head {
		margin: 0 auto;
		width: 100%;
		height: 800px;
		position: relative;
		float: left;
	}
	header .inner-head p {
		margin: 0.5em 0.5em 0 0.5em;
		font-size: 1.6em;
		font-weight: 400;
		text-align: center;
		color: #ffffff;
		float: left;
	}
	header .inner-head img.jlpp-bnk {
		margin: 0.5em 1em 0 0;
		width: 8em;
		height: auto;
		float: right;
	}
	header .inner-head h1 img {
		width: 60%;
		height: auto;
		float: left;
		position: relative;
		top: 1em;
		left: 0;
	}
	header .inner-head h2 {
		font-size: 3em;
		line-height: 1.2em;
		font-weight: 600;
		text-align: left;
		color: #ffffff;
		float: left;
		position: relative;
		top: 1em;
		left: 0.2em;
	}
	header .inner-head dl.dl_place {
		text-align: left;
		float: left;
		position: relative;
		top: 1em;
		left: 1em;
	}
	header .inner-head dl.dl_place dt {
		font-size: 3em;
		line-height: 1em;
		font-weight: 600;
	}
	header .inner-head dl.dl_place dd {
		margin: -1em -1em 0 0;
		border: 1px solid #000000;
		border-radius: 100px;
		width: 3em;
		height: 3em;
		font-size: 2em;
		line-height: 3em;
		font-weight: 600;
		text-align: center;
		float: right;
	}
	header .inner-head dl.dl_place dd br {
		display: none;
	}
	header .inner-head ul {
		text-align: left;
		float: left;
		position: relative;
		top: 0.5em;
		left: 0.5em;
	}
	header .inner-head ul li {
		margin: 0 1% 1em 0;
		width: 32%;
		float: left;
	}
	header .inner-head ul li.f_day {
		background: url(../img/img-day1.svg) no-repeat;
		background-position: left 0.5em;
	}
	header .inner-head ul li.s_day {
		background: url(../img/img-day2.svg) no-repeat;
		background-position: left 0.5em;
	}
	header .inner-head ul li.t_day {
		background: url(../img/img-day3.svg) no-repeat;
		background-position: left 0.5em;
	}
	header .inner-head ul li dl {
		margin: 0 0 0 6em;
		color: #ffffff;
	}
	header .inner-head ul li dl dt {
		font-size: 1.4em;
		line-height: 1.4em;
		font-weight: 600;
	}
	header .inner-head ul li dl dt span {
		font-size: 1em;
		font-weight: 600;
	}
	header .inner-head ul li dl dd {
		font-size: 1em;
		line-height: 1.4em;
		font-weight: 600;
	}
}
/*----------------------------------------------
SP：width: 768px
----------------------------------------------*/
@media screen and (max-width: 768px){
	header {
		margin: 0 auto;
		width: 100%;
		height: auto;
	}
	header .inner-head {
		margin: 0 auto;
		width: 100%;
		height: 800px;
		position: relative;
		float: left;
	}
	header .inner-head p {
		margin: 0.5em 0.5em 0 0.5em;
		font-size: 1.4em;
		font-weight: 400;
		text-align: center;
		color: #ffffff;
		float: left;
	}
	header .inner-head img.jlpp-bnk {
		margin: 0.5em 1em 0 0;
		width: 8em;
		height: auto;
		float: right;
	}
	header .inner-head h1 img {
		width: 60%;
		height: auto;
		float: left;
		position: relative;
		top: 0.5em;
		left: 0;
	}
	header .inner-head h2 {
		font-size: 3em;
		line-height: 1.2em;
		font-weight: 600;
		text-align: left;
		color: #ffffff;
		float: left;
		position: relative;
		top: 0.5em;
		left: 0.3em;
	}
	header .inner-head h2 br {
		display: none;
	}
	header .inner-head dl.dl_place {
		text-align: left;
		float: left;
		position: relative;
		top: 2em;
		left: 1em;
	}
	header .inner-head dl.dl_place dt {
		font-size: 3em;
		line-height: 1em;
		font-weight: 600;
	}

	header .inner-head dl.dl_place dt br {
		display: none;
	}
	header .inner-head dl.dl_place dd {
		margin: -2.2em -4em 0 0;
		border: 1px solid #000000;
		border-radius: 100px;
		width: 3em;
		height: 3em;
		font-size: 2em;
		line-height: 3em;
		font-weight: 600;
		text-align: center;
		float: right;
	}
	header .inner-head dl.dl_place dd br {
		display: none;
	}
	header .inner-head ul {
		text-align: left;
		float: left;
		position: relative;
		top: 2.2em;
		left: 0.5em;
	}
	header .inner-head ul li {
		margin: 0 1% 1em 0;
		width: 32%;
		float: left;
	}
	header .inner-head ul li.f_day {
		background: url(../img/img-day1.svg) no-repeat;
		background-position: left 0.5em;
	}
	header .inner-head ul li.s_day {
		background: url(../img/img-day2.svg) no-repeat;
		background-position: left 0.5em;
	}
	header .inner-head ul li.t_day {
		background: url(../img/img-day3.svg) no-repeat;
		background-position: left 0.5em;
	}
	header .inner-head ul li dl {
		margin: 0 0 0 6em;
		color: #ffffff;
	}
	header .inner-head ul li dl dt {
		font-size: 1.4em;
		line-height: 1.4em;
		font-weight: 600;
	}
	header .inner-head ul li dl dt span {
		font-size: 1em;
		font-weight: 600;
	}
	header .inner-head ul li dl dd {
		font-size: 1em;
		line-height: 1.4em;
		font-weight: 600;
	}
}
/*----------------------------------------------
SP：width: 414px
----------------------------------------------*/
@media screen and (max-width: 414px){
	header {
		margin: 0 auto;
		width: 100%;
		height: auto;
	}
	header .inner-head {
		background: url(../img/bg-head2.png) center top no-repeat;
		background-size: cover;
		margin: 0 auto;
		width: 100%;
		height: 860px;
		position: relative;
		float: left;
	}
	header .inner-head p {
		margin: 0.5em 0.5em 0 0.5em;
		font-size: 1.1em;
		font-weight: 400;
		text-align: center;
		color: #ffffff;
		float: left;
	}
	header .inner-head img.jlpp-bnk {
		margin: 0 1em 0 0;
		width: 9em;
		height: auto;
		float: right;
	}
	header .inner-head h1 img {
		width: 90%;
		height: auto;
		float: left;
		position: relative;
		top: 0.5em;
		left: 0;
	}
	header .inner-head h2 {
		font-size: 2em;
		line-height: 1.2em;
		font-weight: 600;
		text-align: left;
		color: #ffffff;
		float: left;
		position: relative;
		top: 1em;
		left: 0.2em;
	}
	header .inner-head dl.dl_place {
		margin: 0 2% 0 0;
		width: 96%;
		text-align: left;
		float: left;
		position: relative;
		top: 3em;
		left: 0.5em;
	}
	header .inner-head dl.dl_place dt {
		font-size: 1.6em;
		line-height: 1.2em;
		font-weight: 600;
		float: left;
	}
	header .inner-head dl.dl_place dt br {
		display: none;
	}
	header .inner-head dl.dl_place dt span {
		font-size: 0.8em;
		font-weight: 600;
	}
	header .inner-head dl.dl_place dd {
		margin: -0.5em 0 0 0;
		width: 3em;
		height: 3em;
		font-size: 1.2em;
		line-height: 3em;
		font-weight: 600;
		float: right;
	}
	header .inner-head dl.dl_place dd br {
		display: none;
	}
	header .inner-head ul {
		text-align: left;
		float: left;
		position: relative;
		top: 3em;
		left: 0.5em;
	}
	header .inner-head ul li {
		margin: 0 0.5em 0.7em 0;
		width: 22em;
		float: left;
	}
	header .inner-head ul li.f_day {
		background: url(../img/img-day1.svg) no-repeat;
		background-position: left 0.5em;
		background-size: 3em auto;
	}
	header .inner-head ul li.s_day {
		background: url(../img/img-day2.svg) no-repeat;
		background-position: left 0.5em;
		background-size: 3em auto;
	}
	header .inner-head ul li.t_day {
		background: url(../img/img-day3.svg) no-repeat;
		background-position: left 0.5em;
		background-size: 3em auto;
	}
	header .inner-head ul li dl {
		margin: 0 0 0 4em;
		color: #ffffff;
	}
	header .inner-head ul li dl dt {
		font-size: 1.2em;
		line-height: 1.6em;
		font-weight: 600;
	}
	header .inner-head ul li dl dt span {
		font-size: 1em;
		line-height: 1.4em;
		font-weight: 600;
	}
	header .inner-head ul li dl dt br {
		display: none;
	}
	header .inner-head ul li dl dd {
		font-size: 1em;
		line-height: 1.4em;
		font-weight: 600;
	}
	header .inner-head ul li dl dd span {
		font-size: 0.8em;
		font-weight: 300;
	}
	header .inner-head ul li dl dd i {
		font-size: 0.7em;
		font-weight: 600;
		font-style: normal;
	}
}
/*----------------------------------------------
SP：width: 375px
----------------------------------------------*/
@media screen and (max-width: 375px){
	header .inner-head {
		background: url(../img/bg-head2.png) center top no-repeat;
		background-size: cover;
		margin: 0 auto;
		width: 100%;
		height: 820px;
		position: relative;
		float: left;
	}
	header .inner-head p {
		margin: 0.5em 0.5em 0 0.5em;
		font-size: 1.0em;
		font-weight: 400;
		text-align: center;
		color: #ffffff;
		float: left;
	}
	header .inner-head h2 {
		padding: 0 0.2em
		font-size: 1.8em;
		line-height: 1.2em;
		font-weight: 600;
		text-align: left;
		color: #ffffff;
		float: left;
		position: relative;
		top: 1em;
		left: 0.2em;
	}
}

/*----------------------------------------------
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 */