@charset "utf-8";


/*---------------------------------------------------------------------------------------
	大枠設定
----------------------------------------------------------------------------------------*/

body{
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color:#000;
	text-align:center;
}
.switch{}
a{ color:#000; text-decoration:none;}
a:hover{ color:#999; text-decoration:none;}
.mincho{ font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.inner{ max-width: 1000px; padding: 0 3%; box-sizing:content-box; margin-left: auto; margin-right: auto;}
.f-red{ color: #FF0031;}
.f-blue{ color: #1E2E53;}






/*---------------------------------------------------------------------------------------
	header
----------------------------------------------------------------------------------------*/

header{
	height: 129px;
	padding-left: 125px;
	background: #fff;
	position: relative;
	overflow: hidden;
}
header h1{
	position: absolute;
	left: 0;
	top: 0;
}
header p.menu{
	display: none;
}
header p.btn1{
	position: absolute;
	right: 0;
	top: 0;
	width: 160px;
}
header p.btn1 a{
	display: block;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 54px;
	padding-top: 5px;
	background: #e60033;
}
header p.btn1 a:before{
	display: inline-block;
	content: "";
	width: 29px;
	height: 29px;
	background: url(../images/icon-web.png) no-repeat;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 2px;
}
header p.btn1 a br{
	display: none;
}
header p.btn1 a:hover{
	opacity: .7;
}
header p.btn3{
	position: absolute;
	right: 160px;
	top: 5px;
}
header p.btn3 a{
	display: block;
	font-size: 15px;
	line-height: 54px;
	padding: 0 15px;
}
header ul{
	height: 70px;
	margin-top: 59px;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}
header ul li{
	float: left;
	/*width: 16.66666666666667%;*/
	width: 14.285714285714286%;
}
header ul li:not(:last-child){
	border-right: 1px solid #e5e5e5;
}
header ul li:nth-child(1),
header ul li:nth-child(7),
header ul li:nth-child(9),
header ul li:nth-child(10){ display: none;}
header ul li a{
	display: block;
	font-weight: bold;
	line-height: 70px;
	letter-spacing: -1px;
	font-size: 94%;
}
header ul li a:before{
	display: inline-block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 0 4.5px 6px;
	border-color: transparent transparent transparent #e60033;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 3px;
}
header dl{
	position: absolute;
	left: 160px;
	top: 15px;
	text-align: left;
}
header dl dt{
	display: inline-block;
	font-size: 13px;
	line-height: 1.3;
	vertical-align: middle;
	margin-right: 10px;
}
header dl dd{
	display: inline-block;
	font-size: 12px;
	line-height: 1.1;
	vertical-align: middle;
}
header dl dd strong{
	font-size: 18px;
}
header dl dd strong em{
	font-size: 26px;
	font-weight: bold;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:1100px){
	header ul li a{
		font-size: 14px;
	}
}
@media screen and (max-width:1000px){
	header{
		height: 65px;
		padding-left: 0;
		overflow: visible;
	}
	header div{
		width: 100%;
		height: 65px;
		z-index: 99999999999;
		background: #fff;
		position: relative;
	}
	header h1{
		position: static;
		float: left;
	}
	header h1 img{
		width: auto;
		height: 65px;
	}
	header p.menu{
		float: right;
		display: block;
		width: 60px;
		height: 65px;
		background: #fff;
		position: relative;
		cursor: pointer;
	}
	header p.menu span{
		position: absolute;
		left: 12px;
		width: 30px;
		height: 3px;
		background-color: #000;
	}
	header p.menu span:nth-of-type(1) { top: 22px;}
	header p.menu span:nth-of-type(2) { top: 31px;}
	header p.menu span:nth-of-type(3) { bottom: 22px;}
	header p.btn1{
		position: static;
		width: auto;
		padding: 10px 0;
	}
	header p.btn1 a{
		display: block;
		max-width: 320px;
		color: #fff;
		font-size: 15px;
		font-weight: bold;
		line-height: 45px;
		padding-top: 0;
		background: #e60033;
		margin: 0 auto;
	}
	header p.btn1 a:before{
		display: inline-block;
		content: "";
		width: 29px;
		height: 29px;
		background: url(../images/icon-web.png) no-repeat;
		vertical-align: middle;
		margin-right: 5px;
		margin-bottom: 2px;
	}
	header p.btn2{
		position: absolute;
		right: 60px;
		top: 0;
		width: 60px;
	}
	header p.btn2 a{
		box-sizing: border-box;
		display: block;
		height: 65px;
		color: #000;
		font-size: 12px;
		font-weight: bold;
		line-height: 1.2;
		padding-top: 7px;
		background: #b1e316;
	}
	header p.btn2 a:before{
		display: block;
		content: "";
		width: 22px;
		height: 22px;
		background: url(../images/icon-lesson.png) no-repeat;
		background-size: 22px;
		vertical-align: middle;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 3px;
	}
	header p.btn1 a br,
	header p.btn2 a br{
		display: inline;
	}
	header p.btn1 a:hover,
	header p.btn2 a:hover{
		opacity: 1;
	}
	header p.btn3{
		position: static;
	}
	header p.btn3 a{
		display: block;
		font-size: 15px;
		font-weight: bold;
		line-height: 45px;
		padding: 0 15px;
	}
	header p.btn3 a:before{
		display: inline-block;
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4.5px 0 4.5px 6px;
		border-color: transparent transparent transparent #e60033;
		vertical-align: middle;
		margin-right: 5px;
		margin-bottom: 3px;
	}
	header nav{
		position: absolute;
		top: -700px;
		background: rgba(255,255,255,.95);
		width: 100%;
		text-align: center;
		padding: 10px 20px;
		border-top:1px solid #e5e5e5;
		-webkit-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		box-shadow:0px -3px 10px 0px #000;
		z-index: 99999999;
	}
	header.open nav{
		-webkit-transform: translateY(765px);
		transform: translateY(765px);
	}
	header ul{
		height: auto;
		margin-top: 0;
		border-bottom: none;
		border-top: none;
	}
	header ul li{
		float: none;
		width: auto;
	}
	header ul li:not(:last-child){
		border-right: none;
	}
	header ul li:nth-child(1),
	header ul li:nth-child(7),
	header ul li:nth-child(9),
	header ul li:nth-child(10){ display: block;}
	header ul li a{
		display: block;
		font-weight: bold;
		line-height: 35px;
		letter-spacing: 0;
		font-size: 100%;
	}
	header dl{
		position: static;
		text-align: center;
	}
	header dl dt{
		display: block;
		font-size: 14px;
		margin-right: 0;
		margin-bottom: 3px;
	}
	header dl dt br{
		display: none;
	}
	header dl dd{
		line-height: 1.4;
	}
	header dl dd strong{
		font-size: 18px;
	}
	header dl dd strong em{
		font-size: 26px;
		font-weight: bold;
	}
}






/*---------------------------------------------------------------------------------------
	contents
----------------------------------------------------------------------------------------*/

#contents{
	height: 129px;
	padding-left: 125px;
	background: #fff;
	position: relative;
	overflow: hidden;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
}






/*---------------------------------------------------------------------------------------
	top
----------------------------------------------------------------------------------------*/

/* mv */
#top #mv{
	position: relative;
	margin-bottom: 45px;
}
#top #mv p{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9999999;
}
#top .bx-wrapper {
  position: relative;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
#top .bx-wrapper img {
  max-width: 100%;
  display: block;
}
#top .bx-wrapper img.sponly{
  display: none;
}
#top .bx-viewport {
  -webkit-transform: translatez(0);
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#top #mv{
		margin-bottom: 25px;
	}
	#top .bx-wrapper img.sponly{
	  display: block;
	}
	#top .bx-wrapper img.pconly{
	  display: none;
	}
}

/* news */
#top .news{
	text-align: left;
	margin-bottom: 30px;
}
#top .news h2{
	font-weight: normal;
	background: #dcdcdc;
	height: 30px;
	line-height: 30px;
}
#top .news h2 span{
	color: #fff;
	font-size: 18px;
	padding: 0 160px 0 30px;
	display: inline-block;
	background: url(../images/top-news.png) no-repeat right center #E60033;
}
#top .news dl{
	clear: both;
	overflow: hidden;
	border-bottom: 1px dotted #7F7F7F;
}
#top .news dl:last-of-type{
	border-bottom: 1px solid #828282;
	margin-bottom: 10px;
}
#top .news dl dt,#top .news dl dd{
	padding: 10px 30px;
}
#top .news dl dt{
	width: 190px;
	float: left;
}
#top .news dl dd{
	overflow: hidden;
}
#top .news p.btn{
	font-weight: bold;
	text-align: right;
}
#top .news p.btn a:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4.5px 0 4.5px 6px;
	border-color: transparent transparent transparent #e60032;
	display: inline-block;
	margin-right: 10px;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#top .news{
		text-align: left;
		padding: 0 3%;
		margin-bottom: 20px;
	}
	#top .news h2{
		font-weight: normal;
		background: #dcdcdc;
		height: 30px;
		line-height: 30px;
	}
	#top .news h2 span{
		color: #fff;
		font-size: 18px;
		padding: 0 80px 0 15px;
		display: inline-block;
		background: url(../images/top-news.png) no-repeat right center #E60033;
	}
	#top .news dl:last-of-type{
		border-bottom: 1px solid #828282;
		margin-bottom: 10px;
	}
	#top .news dl dt,#top .news dl dd{
		padding: 10px 0;
	}
	#top .news dl dt{
		width: 100%;
		float: none;
		padding-bottom: 0;
	}
	#top .news dl dd{
		padding-top: 5px;
	}
}

/* bannerset */
#top .bannerset{
	clear: both;
	margin-bottom: 60px;
}
#top .bannerset ul li{
	display: inline-block;
	width: 49.3%;
	position: relative;
}
#top .bannerset ul li:nth-child(odd){ margin-right: 1.4%;}
#top .bannerset ul li span.catch{
	display: inline-block;
	position: absolute;
	top: -20px;
	left: 28px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	height: 58px;
	line-height: 58px;
	padding: 0 23px;
	background: url(../images/top-pickup-title-before.png) no-repeat left center, url(../images/top-pickup-title-after.png) no-repeat right center;
}
#top .bannerset ul li span.catch strong{
	padding: 0 10px;
	display: block;
	background: #E60033;
}
#top .bannerset ul li span.note{
	display: block;
	position: absolute;
	left: 0;
	top: 60%;
	width: 100%;
	color: #fff;
	font-size: 1.5vw;
}
#top .bannerset ul li:nth-child(2) span.note{ color: #111;}
#top .bannerset ul li span.btn{
	display: block;
	position: absolute;
	left: 0;
	top: 82%;
	width: 100%;
	color: #fcff00;
	font-size: 1.5vw;
	font-weight: bold;
}
#top .bannerset ul li:nth-child(2) span.btn{ color: #094;}
#top .bannerset ul li span.btn:after{
	content: "＞";
	font-weight: normal;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	/* bannerset */
	#top .bannerset{
		padding: 0 3%;
		margin-bottom: 0;
	}
	#top .bannerset ul li{
		display: block;
		width: auto;
		position: relative;
		margin-bottom: 30px;
	}
	#top .bannerset ul li:nth-child(odd){ margin-right: 0;}
	#top .bannerset ul li span.catch{
		position: absolute;
		top: -20px;
		left: 10px;
		font-size: 18px;
		height: 50px;
		line-height: 50px;
		padding: 0 23px;
	}
	#top .bannerset ul li span.note{
		line-height: 1.4;
		font-size: 3.5vw;
	}
	#top .bannerset ul li span.btn{
		font-size: 3.5vw;
	}
}

/* link1 */
#top .link1{
	background: linear-gradient(90deg,#FFF100 0%,#FFF100 50%,#B1E316 50%,#B1E316 100%);
}
#top .link1 .bg{
	background: url(../images/top-link1-bg.png) no-repeat center top;
}
#top .link1 ul{
	clear: both;
	overflow: hidden;
}
#top .link1 ul li{
	float: left;
	width: 50%;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#top .link1{
		background: none;
	}
	#top .link1 .bg{
		background: url(../images/top-link1-bg.png) no-repeat center top;
	}
	#top .link1 ul{
		clear: both;
		overflow: hidden;
	}
	#top .link1 ul li{
		float: left;
		width: 50%;
	}
}

/* pickup */
#top .pickup{
	padding: 55px 0;
	margin-bottom: 20px;
}
#top .pickup h2{
	margin-bottom: 35px;
}
#top .pickup .inner div{
	position: relative;
	background: url(../images/top-pickup-pc.jpg) no-repeat center center;
	background-size: cover;
	padding: 65px 0 20px;
}
#top .pickup .inner div h3{
	font-size: 48px;
	line-height: 1.2;
	padding: 10px 0;
	background: #EBC521;
	margin-bottom: 10px;
}
#top .pickup .inner div p{
	font-size: 20px;
	line-height: 1.5;
}
#top .pickup .inner div p.catch{
	position: absolute;
	top: -20px;
	left: 28px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	height: 58px;
	line-height: 58px;
	padding: 0 23px;
	background: url(../images/top-pickup-title-before.png) no-repeat left center,
					url(../images/top-pickup-title-after.png) no-repeat right center;
	display: inline-block;
}
#top .pickup .inner div p.catch span{
	padding: 0 38px;
	display: block;
	background: #E60033;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#top .pickup{
		padding: 25px 0 15px;
		margin-bottom: 10px;
	}
	#top .pickup .inner div{
		background: url(../images/top-pickup-sp.jpg) no-repeat center center;
		background-size: cover;
		padding: 45px 0 15px;
		margin: 0 3%;
	}
	#top .pickup .inner div h3{
		font-size: 30px;
		padding-right: 3%;
		padding-left: 3%;
	}
	#top .pickup .inner div p{
		font-size: 16px;
		padding: 0 3%;
	}
	#top .pickup .inner div p.catch{
		position: absolute;
		top: -20px;
		left: 10px;
		font-size: 18px;
		height: 50px;
		line-height: 50px;
		padding: 0 23px;
	}
	#top .pickup .inner div p.catch span{
		padding: 0 15px;
	}
}

/* link2 */
#top .link2{
	padding: 80px 0 60px;
	background: url(../images/top-link2-bg.png) repeat left top;
}
#top .link2 div.inner{
	max-width: 1010px;
	clear: both;
	overflow: hidden;
	padding-bottom: 5px;
}
#top .link2 div figure{
	float: left;
	width: 48%;
	box-shadow:2px 2px 3px 0 #ccc;
	margin: 0 0 0 5px;
}
#top .link2 div figure:nth-child(2){
	float: right;
	margin: 0 5px 0 0;
}
#top .link2 div figure img{
	width: 100%;
}
#top .link2 div figure:hover img{
	opacity: 0.6;
}
#top .link2 div figure figcaption{
	font-size: 22px;
	font-weight: bold;
	padding: 15px;
	background: #fff;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#top .link2{
		padding: 40px 3% 20px;
	}
	#top .link2 div figure:hover img{
		opacity: 1;
	}
	#top .link2 div figure figcaption{
		font-size: 18px;
		line-height: 1.2;
		padding: 2px;
	}
}


/*---------------------------------------------------------------------------------------
	共通
----------------------------------------------------------------------------------------*/

.mb160{ margin-bottom: 160px;}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	.mb160{ margin-bottom: 80px;}
}

/* pan */
ul#pan{
	clear: both;
	overflow: hidden;
	margin-bottom: 45px;
}
ul#pan li{
	font-size: 12px;
	float: left;
}
ul#pan li:after{
	content: ">";
	margin: 0 8px;
}
ul#pan li:first-child a{
	color: #FF1A4D;
}
ul#pan li:last-child:after{
	content: none;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	ul#pan{ display: none;}
}

/* title */
.title{
	height: 175px;
	font-size: 50px;
	letter-spacing: 2px;
	line-height: .7;
	text-align: center;
	padding-top: 60px;
	background: url(../images/title-bg.png) no-repeat right top #eee;
	margin-bottom: 15px;
}
.title br.sp500{
	display: none;
}
.title span{
	font-size: 22px;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	.title{
		height: 100px;
		font-size: 30px;
		letter-spacing: 1px;
		line-height: .8;
		padding-top: 30px;
		margin-bottom: 30px;
	}
	.title span{
		font-size: 18px;
	}
}
@media screen and (max-width:500px){
	.title br.sp500{
		display: inherit;
	}
}

/* golf-title */
#golf-title.title{
	height: 240px;
	font-size: 62px;
	line-height: .65;
	padding-top: 90px;
	background: url(../images/golf-title-bg1.png) no-repeat right top,
					url(../images/golf-title-bg2.png) no-repeat center top #86D700;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#golf-title.title{
		height: 140px;
		font-size: 36px;
		line-height: .65;
		padding-top: 50px;
		background: url(../images/golf-title-bg1.png) no-repeat right top,
						url(../images/golf-title-bg2.png) no-repeat center top #86D700;
		background-size: auto 100%;
	}
}

/* tennis-title */
#tennis-title.title{
	height: 240px;
	font-size: 62px;
	line-height: .65;
	padding-top: 90px;
	background: url(../images/tennis-title-bg1.png) no-repeat right top,
					url(../images/tennis-title-bg2.png) no-repeat center top #FFF100;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#tennis-title.title{
		height: 140px;
		font-size: 36px;
		line-height: .65;
		padding-top: 50px;
		background: url(../images/tennis-title-bg1.png) no-repeat right top,
						url(../images/tennis-title-bg2.png) no-repeat center top #FFF100;
		background-size: auto 100%;
	}
}

/* link */
ul.link{
	clear: both;
	overflow: hidden;
	margin-bottom: 60px;
}
ul.link li{
	width: 27.6%;
	float: left;
	margin-right: 8.6%;
}
ul#tennis-link.link li{ width: 23.8%; margin-right: 1.6%;}
ul.link li:last-child{
	margin-right: 0!important;
}
ul.link li a{
	box-sizing: border-box;
	display: block;
	font-size: 26px;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	padding: 24px 5px;
	background: #ddd;
	height: 84px;
}
ul.link li:first-child a{
	font-size: 14px;
	padding-top: 20px;
}
ul.link li:first-child a strong{
	font-size: 20px;
}
ul#tennis-link.link li:last-child a{ padding: 18px 5px 0; line-height: 1;}
ul#golf-link.link li.active a{ background: #87C900;}
ul#tennis-link.link li.active a{ background: #FFF100;}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	ul.link{
		margin-bottom: 30px;
	}
	ul.link li{
		width: 30%;
		float: left;
		margin-right: 5%;
	}
	ul.link li a{
		font-size: 18px;
		padding: 15px 5px;
		height: 55px;
	}
	ul.link li:first-child a{
		font-size: 14px;
		padding-top: 8px;
	}
	ul#tennis-link.link li:last-child a{ padding: 10px 5px 0; line-height: 1;}
	ul.link li:first-child a strong{
		font-size: 18px;
	}
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:600px){
	ul.link li{
		width: 100%!important;
		float: none;
		margin: 0 0 10px;
	}
	ul.link li a{
		padding: 5px!important;
		height: inherit;
		line-height: 1.4!important;
	}
	ul#tennis-link.link li:last-child a br{ display: none;}
}

/* hope-title */
.hope-title{
	font-size: 44px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}
.hope-title:before,.hope-title:after{
	content: "";
	width: 29px;
	height: 61px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 30px;
}
.hope-title:before{
	background: url(../images/hope-before.png) no-repeat left top;
}
.hope-title:after{
	background: url(../images/hope-after.png) no-repeat left top;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	.hope-title{
		font-size: 26px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 10px;
	}
	.hope-title:before,.hope-title:after{
		content: "";
		width: 16px;
		height: 34px;
		display: inline-block;
		vertical-align: middle;
		margin: 0 10px;
	}
	.hope-title:before{
		background: url(../images/hope-before.png) no-repeat left top;
		background-size: 16px auto;
	}
	.hope-title:after{
		background: url(../images/hope-after.png) no-repeat left top;
		background-size: 16px auto;
	}
}

/* hope */
.hope{
	text-align: left;
	padding: 40px 0 1px;
	background: #FFF100;
}
.hope .read{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 25px;
}
.hope .bg-white{
	clear: both;
	overflow: hidden;
	padding: 15px 20px;
	background: #fff;
	border-radius: 15px;
	margin-bottom: 25px;
}
.hope .bg-white p{
	display: inline-block;
	width: 56%;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: -.1em;
	text-align: center;
	vertical-align: middle;
}
.hope .bg-white p:before{
	display: inline-block;
	content: "";
	width: 47px;
	height: 59px;
	background: url(../images/trial-icon.png) no-repeat left center;
	vertical-align: middle;
	margin-right: 5px;
}
.hope .bg-white figure{
	display: inline-block;
	width: 42%;
	vertical-align: middle;
}
.hope .tel{
	padding: 6px;
	background: url(../images/trial-bd.png) repeat left top;
	margin-bottom: 5px;
}
.hope .tel div{
	clear: both;
	overflow: hidden;
	padding: 15px 30px 20px 45px;
	background: #FFF100;
}
.hope .tel div .leftcol{
	padding-top: 10px;
	font-size: 24px;
	line-height: 1.3;
	float: left;
	width: 42%;
}
.hope .tel div .rightcol{
	line-height: 1.4;
	font-weight: bold;
	float: right;
	width: 57%;
}
.hope .tel div .rightcol strong{
	font-size: 36px;
	display: block;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	.hope{
		padding: 20px 0 1px;
	}
	.hope .read{
		font-size: 22px;
		text-align: left;
		margin-bottom: 15px;
	}
	.hope .bg-white{
		padding: 15px 20px;
		background: #fff;
		border-radius: 10px;
		margin-bottom: 15px;
	}
	.hope .bg-white p{
		font-size: 24px;
	}
	.hope .bg-white p:before{
		width: 24px;
		height: 30px;
		background: url(../images/trial-icon.png) no-repeat left center;
		background-size: 24px auto;
	}
	.hope .tel{
		padding: 3px;
	}
	.hope .tel div{
		padding: 10px 20px;
	}
	.hope .tel div .leftcol{
		padding-top: 0;
		font-size: 18px;
		line-height: 1.2;
		float: none;
		width: 100%;
		margin-bottom: 5px;
	}
	.hope .tel div .rightcol{
		line-height: 1.4;
		float: none;
		width: 100%;
	}
	.hope .tel div .rightcol strong{
		font-size: 28px;
	}
}
@media screen and (max-width:500px){
	.hope .bg-white p{
		display: block;
		width: auto;
		margin-bottom: 10px;
	}
	.hope .bg-white figure{
		width: 100%;
		text-align: center;
	}
	.hope .bg-white figure img{
		width: 80%;
	}
}

/* .timetable-tb */
.timetable-tb{
	width: 100%;
}
.timetable-tb th,.timetable-tb td{
	padding: 15px 20px;
	border-bottom: 1px dotted #000;
}
.timetable-tb th{
	font-weight: bold;
	width: 22%;
	background: #F3FDF0;
}
.timetable-tb th.bg-green{
	background: #E1FACD;
}
.timetable-tb th.bg-sakura{
	background: #F9EFF4;
}
.timetable-tb th.bg-pink{
	background: #F2D5E1;
}
.timetable-tb th.bg-gray{
	background: #F8F8F8;
}
.timetable-tb th.bg-cream{
	background: #FCFBE5;
}
.timetable-tb th.bg-lemon{
	background: #FFFCC3;
}
.timetable-tb th.bg-yellow{
	background: #FFF98D;
}
.timetable-tb th.bg-yamabuki{
	background: #FFE154;
}
.timetable-tb td p{
	margin-bottom: 10px;
}
.timetable-tb td ul{
	color: #1E2E53;
	font-weight: bold;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	.timetable-tb th,.timetable-tb td{
		padding: 5px 10px;
		display: block;
	}
	.timetable-tb tr:first-child th{
		border-top: 1px dotted #000;
	}
	.timetable-tb th{
		width: 100%;
	}
	.timetable-tb td p{
		margin-bottom: 5px;
	}
}

table.price-tb{
	text-align: center;
	width: 100%;
}
table.price-tb th,table.price-tb td{
	border-bottom: none;
	vertical-align: middle;
}
table.price-tb th{
	color: #fff;
	font-size: 17px;
	font-weight: normal;
	line-height: 1.2;
	background: #1E2E53;
	border-right: 1px solid #fff;
	text-align: center;
	padding: 8px 5px;
	width: inherit;
}
table.price-tb th:last-child{
	border-right: 1px solid #1E2E53;
}
table.price-tb th.bd-top{
	border-top: 1px solid #fff;
}
table.price-tb th.weekday,table.price-tb th.weekend{
	color: #000;
	font-weight: bold;
}
table.price-tb th.weekday{
	background: #FEFBC3;
}
table.price-tb th.weekend{
	background: #BADAE7;
}
table.price-tb td{
	font-weight: bold;
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	padding: 5px;
}
table.price-tb td:last-child{
	border-right: 1px solid #DCDCDC;
}
table.price-tb td.bg-gray{
	background: #f8f8f8;
}
table.price-tb td .f-red{
	color: #E60033;
	font-size: 21px;
	line-height: 1.3;
	vertical-align: middle;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	table.price-tb{
	}
	table.price-tb th,table.price-tb td{
		display: table-cell;
		line-height: 1.2;
	}
	table.price-tb th{
		font-size: 14px;
	}
	table.price-tb td{
		padding: 5px;
	}
	table.price-tb td .f-red{
		font-size: 17px;
	}
}

/* pdf */
.pdf{
	text-align: center;
	margin-bottom: 80px;
}
.pdf a{
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	padding: 17px 50px;
}
.pdf a:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	background: url(../images/icon-pdf.png) no-repeat right center;
	width: 21px;
	height: 25px;
}
.pdf a:hover:after{
	opacity: 0.6;
}
.golf-pdf.pdf a{
	background: #9CC813;
}
.tennis-pdf.pdf a{
	background: #FFF100;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	.pdf{
		margin-bottom: 40px;
	}
	.pdf a{
		font-size: 16px;
		padding: 10px 25px;
	}
	.pdf a:after{
		margin-left: 10px;
		background: url(../images/icon-pdf.png) no-repeat right center;
		background-size: auto 20px;
		width: 17px;
		height: 20px;
	}
}


/*---------------------------------------------------------------------------------------
	golf
----------------------------------------------------------------------------------------*/

#golf{
	text-align: left;
	line-height: 1.85;
}

/* golf-subtitle */
.golf-subtitle{
	font-size: 30px;
	background: url(../images/golf-subtitle.png) no-repeat left top 3px;
	padding: 0 0 10px 50px;
	border-bottom: 4px solid #0B2A53;
	margin-bottom: 40px;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	.golf-subtitle{
		font-size: 22px;
		background: url(../images/golf-subtitle.png) no-repeat left top 3px;
		background-size: 28px auto;
		padding: 0 0 5px 40px;
		border-bottom: 2px solid #0B2A53;
		margin-bottom: 20px;
	}
}

/* imgright */
#golf .imgright{
	clear: both;
	overflow: hidden;
	margin-bottom: 25px;
}
#golf .imgright div{
	float: left;
	width: 47%;
}
#golf .imgright div p{
	margin-bottom: 10px;
}
#golf .imgright figure{
	float: right;
	width: 50%;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#golf .imgright{
		margin-bottom: 15px;
	}
	#golf .imgright div{
		float: left;
		width: 47%;
	}
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:700px){
	#golf .imgright div{
		float: none;
		width: 100%;
		overflow: hidden;
		margin-bottom: 10px;
	}
	#golf .imgright figure{
		float: none;
		width: 100%;
		text-align: center;
	}
}

/* bg-yellow */
#golf .bg-yellow{
	clear: both;
	overflow: hidden;
	padding: 0 20px;
	background: #FCFCC8;
	border-radius: 15px;
	margin-bottom: 70px;
}
#golf .bg-yellow dl{
	width: 60%;
	float: right;
	padding: 30px 0;
}
#golf .bg-yellow dl dt{
	color: #FF0031;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
}
#golf .bg-yellow dl dd{
	font-size: 15px;
}
#golf .bg-yellow figure{
	width: 38.75%;
	float: left;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#golf .bg-yellow{
		padding: 0 3%;
		border-radius: 10px;
		margin-bottom: 35px;
	}
	#golf .bg-yellow dl{
		width: 60%;
		float: right;
		padding: 15px 0;
	}
	#golf .bg-yellow dl dt{
		font-size: 18px;
		margin-bottom: 5px;
	}
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:700px){
	#golf .bg-yellow{
		padding: 10px 3%;
	}
	#golf .bg-yellow dl{
		width: 100%;
		float: none;
		padding: 0;
	}
	#golf .bg-yellow figure{
		width: 100%;
		float: none;
		text-align: center;
	}
	#golf .bg-yellow figure img{
		width: 300px;
	}
}

/* box */
#golf .box{
	clear: both;
	overflow: hidden;
	position: relative;
	padding: 60px 35px 40px 40px;
	margin-bottom: 30px;
	background: #F5F5F5;
}
#golf .box:before{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 105px;
	height: 22px;
	background: #87C900;
}
#golf .box h4{
	font-size: 28px;
	margin-bottom: 15px;
}
#golf .box .imgright{
	margin-bottom: 0;
}
#golf .box .imgright div{
	width: 59%;
}
#golf .box .imgright div .f-red{
	font-weight: bold;
}
#golf .box .imgright figure{
	width: 38%;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#golf .box{
		padding: 20px 3%;
		margin-bottom: 15px;
	}
	#golf .box:before{
		width: 70px;
		height: 15px;
	}
	#golf .box h4{
		font-size: 20px;
		margin-bottom: 5px;
	}
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:700px){
	#golf .box .imgright div{
		width: 100%;
	}
	#golf .box .imgright figure{
		width: 100%;
	}
}


/*---------------------------------------------------------------------------------------
	golf-price
----------------------------------------------------------------------------------------*/

#golf-price{
	text-align: left;
	line-height: 1.85;
}

/* h3 */
#golf-price h3{
	color: #fff;
	font-size: 37px;
	letter-spacing: 5px;
	font-weight: normal;
	padding: 15px 3%;
	background: #1E2E53;
	margin-bottom: 55px;
}
#golf-price h3 span{
	max-width: 1000px;
	display: block;
	margin: 0 auto;
}
/* box1 */
#golf-price .box1{
	padding: 2.5%;
	background: #e60033;
	margin-bottom: 50px;
}
#golf-price .box1 dl{
	padding: 0 20px;
	text-align: left;
	background: #fff;
	overflow: hidden;
}
#golf-price .box1 dl:not(:last-child){
	margin-bottom: 1.2%;
}
#golf-price .box1 dl dt{
	display: inline-block;
	width: 33.33333333333333%;
	vertical-align: middle;
}
#golf-price .box1 dl dd{
	display: inline-block;
	width: 59%;
	vertical-align: middle;
}
#golf-price .box1 dl:nth-child(3) dd{
	width: 39%;
}
#golf-price .box1 dl:nth-child(4) dd{
	width: 48%;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#golf-price h3{
		font-size: 28px;
		letter-spacing: 3px;
		padding: 10px 3%;
		margin-bottom: 25px;
	}
	/* box1 */
	#golf-price .box1{
		padding: 4%;
		background: #e60033;
		margin-bottom: 30px;
	}
	#golf-price .box1 dl{
		padding: 0 10px;
	}
	#golf-price .box1 dl:not(:last-child){
		margin-bottom: 2%;
	}
	#golf-price .box1 dl dt{
		display: block;
		width: 70%;
		max-width: 300px;
		padding-top: 2%;
	}
	#golf-price .box1 dl dd{
		display: block;
		width: auto;
		text-align: center;
		vertical-align: middle;
		margin: 0 auto;
	}
	#golf-price .box1 dl:nth-child(3) dd{
		width: 66%;
	}
	#golf-price .box1 dl:nth-child(4) dd{
		width: 81%;
	}
}

/* basic */
#golf-price ul.basic{
	margin-bottom: 30px;
}
#golf-price ul.basic li{
	font-size: 18px;
	border: 2px solid #59555A;
	padding: 25px 60px;
	margin-bottom: 7px;
}
#golf-price ul.basic li p{
	display: inline-block;
	vertical-align: middle;
}
#golf-price ul.basic li p strong{
	vertical-align: middle;
}
#golf-price ul.basic li p.leftcol{
	color: #1E2E53;
	width: 40%;
	padding-top: 10px;
}
#golf-price ul.basic li p.leftcol strong{
	font-size: 36px;
}
#golf-price ul.basic li p.centercol{
	width: 25%;
	padding-top: 8px;
}
#golf-price ul.basic li p.centercol strong{
	font-size: 32px;
	margin-left: 15px;
}
#golf-price ul.basic li p.rightcol{
	color: #E60033;
	font-size: 48px;
	font-weight: bold;
	line-height: 1;
	padding-left: 87px;
	background: url(../images/arrow-right.png) no-repeat left center;
}
#golf-price ul.basic li p.rightcol span{
	font-size: 22px;
	line-height: 1.2;
	border: 3px solid #E60033;
	padding: 5px 10px;
	display: inline-block;
	vertical-align: bottom;
}
#golf-price ul.basic li p.rightcol strong{
	font-size: 78px;
	line-height: 0.8;
	margin-left: 15px;
	vertical-align: bottom;
}
#golf-price ul.basic li.entry{
	border: none;
	padding: 18px 60px;
	background: #E5E5E5;
}
#golf-price ul.basic li.entry p{
	padding-top: 0;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:1000px){
	#golf-price ul.basic{
		text-align: center;
	}
	#golf-price ul.basic li{
		padding: 10px 5px 15px;
		margin-bottom: 5px;
	}
	#golf-price ul.basic li p.leftcol{
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
		padding-top: 0;
	}
	#golf-price ul.basic li p.centercol{
		width: 230px;
		padding-top: 0;
	}
	#golf-price ul.basic li p.rightcol{
		vertical-align: middle;
	}
	#golf-price ul.basic li.entry p.leftcol{
		display: inline-block;
		width: 130px;
	}
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#golf-price ul.basic{
		margin-bottom: 30px;
	}
	#golf-price ul.basic li{
		font-size: 16px;
		border: 1px solid #59555A;
	}
	#golf-price ul.basic li p.leftcol strong{
		font-size: 26px;
	}
	#golf-price ul.basic li p.centercol{
		width: 170px;
	}
	#golf-price ul.basic li p.centercol strong{
		font-size: 24px;
		margin-left: 5px;
	}
	#golf-price ul.basic li p.rightcol{
		font-size: 30px;
		padding-left: 50px;
		background: url(../images/arrow-right.png) no-repeat left top 20px;
		background-size: 36px auto;
	}
	#golf-price ul.basic li p.rightcol span{
		font-size: 18px;
		border: 2px solid #E60033;
		padding: 5px 10px;
	}
	#golf-price ul.basic li p.rightcol strong{
		font-size: 66px;
		margin-left: 10px;
	}
	#golf-price ul.basic li.entry{
		border: none;
		padding: 15px 5px;
		background: #E5E5E5;
	}
	#golf-price ul.basic li.entry p{
		padding-top: 0;
	}
}

/* anchor */
#golf-price ul.anchor{
	text-align: center;
	margin-bottom: 40px;
}
#golf-price ul.anchor li{
	display: inline-block;
	margin: 0 10px;
}
#golf-price ul.anchor li a{
	font-size: 18px;
	font-weight: bold;
	display: block;
	width: 225px;
	height: 61px;
	line-height: 61px;
	border: 2px solid #C5C5C5;
}
#golf-price ul.anchor li a:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	border-color: #000000 transparent transparent transparent;
	display: inline-block;
	vertical-align: middle;
	margin: 0 25px 3px 0;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#golf-price ul.anchor{
		margin-bottom: 15px;
	}
	#golf-price ul.anchor li{
		margin: 0 5px 5px;
	}
	#golf-price ul.anchor li a{
		font-size: 16px;
		width: 200px;
		height: 50px;
		line-height: 50px;
		border: 1px solid #C5C5C5;
	}
	#golf-price ul.anchor li a:before{
		margin: 0 10px 2px 0;
	}
}

/* h5 */
#golf-price h5{
	color: #1E2E53;
	font-size: 20px;
	margin-bottom: 5px;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#golf-price h5{
		font-size: 18px;
	}
}


/*---------------------------------------------------------------------------------------
	golf-timetable
----------------------------------------------------------------------------------------*/

#golf-timetable{
	text-align: left;
	line-height: 1.85;
}

/* h3 */
#golf-timetable h3{
	color: #fff;
	font-size: 37px;
	letter-spacing: 5px;
	font-weight: normal;
	padding: 15px 3%;
	background: #1E2E53;
	margin-bottom: 55px;
}
#golf-timetable h3 span{
	max-width: 1000px;
	display: block;
	margin: 0 auto;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#golf-timetable h3{
		font-size: 28px;
		letter-spacing: 3px;
		padding: 10px 3%;
		margin-bottom: 25px;
	}
}

/* h5 */
#golf-timetable h5{
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	padding: 3px 30px;
	background: #45557A;
	margin-bottom: 20px;
}
#golf-timetable h5.junior-title{
	background: #E11F4A;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#golf-timetable h5{
		font-size: 18px;
		padding: 5px 15px;
		margin-bottom: 10px;
	}
}


/*---------------------------------------------------------------------------------------
	tennis
----------------------------------------------------------------------------------------*/

#tennis{
	text-align: left;
	line-height: 1.85;
}

/* tennis-subtitle */
.tennis-subtitle{
	font-size: 34px;
	background: url(../images/tennis-subtitle.png) no-repeat left top 13px;
	padding: 0 0 5px 50px;
	border-bottom: 4px solid #0B2A53;
	margin-bottom: 40px;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	.tennis-subtitle{
		font-size: 24px;
		background: url(../images/tennis-subtitle.png) no-repeat left top 8px;
		background-size: 24px auto;
		padding: 0 0 5px 35px;
		border-bottom: 2px solid #0B2A53;
		margin-bottom: 20px;
	}
}

/* ol */
#tennis ol{
	overflow: hidden;
	margin-bottom: 15px;
}
#tennis ol li{
	clear: both;
	overflow: hidden;
	padding: 25px 0;
	border-bottom: 1px dashed #000;
}
#tennis ol li:first-child{
	padding-top: 0;
}
#tennis ol li div{
	float: left;
	width: 52%;
}
#tennis ol li:nth-child(even) div{
	float: right;
}
#tennis ol li div h4{
	line-height: 1;
	position: relative;
}
#tennis ol li div h4 strong{
	color: #D5D5D4;
	font-size: 96px;
}
#tennis ol li div h4 span{
	color: #FF0031;
	font-size: 28px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 35px;
	height: 28px;
	margin: auto 0;
}
#tennis ol li div dl dt{
	padding: 5px 0 5px 1em;
	text-indent: -1em;
}
#tennis ol li div dl dd{
	margin-left: 1em;
}
#tennis ol li figure{
	float: right;
	width: 45.1%;
	padding-top: 10px;
}
#tennis ol li:nth-child(even) figure{
	float: left;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:960px){
	#tennis ol li div h4 strong{
		font-size: 70px;
	}
	#tennis ol li div h4 span{
		font-size: 20px;
		left: 25px;
		height: 20px;
	}
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#tennis ol{
		margin-bottom: 10px;
	}
	#tennis ol li{
		padding: 15px 0;
	}
	#tennis ol li div{
		float: none;
		width: 100%;
	}
	#tennis ol li:nth-child(even) div{
		float: none;
	}
	#tennis ol li div dl dt{
		padding: 3px 0 3px 1em;
		text-indent: -1em;
	}
	#tennis ol li figure{
		float: none;
		width: 100%;
		text-align: center;
	}
	#tennis ol li figure img{
		max-width: 300px;
	}
	#tennis ol li:nth-child(even) figure{
		float: none;
	}
}

/* communication */
#tennis .communication{
	position: relative;
	background: #fff;
	margin-bottom: 120px;
}
#tennis .communication:before,#tennis .communication:after{
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 80%;
	max-width:300px;
	background: #777;
	-webkit-box-shadow: 0 20px 20px #ccc;
	-moz-box-shadow: 0 20px 20px #ccc;
	box-shadow: 0 20px 20px #ccc;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
#tennis .communication:after{
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}
#tennis .communication div{
	clear: both;
	overflow: hidden;
	padding: 0 275px 0 25px;
	background: url(../images/tennis-image4.jpg) no-repeat right 25px center;
	min-height: 170px;
}
#tennis .communication div figure{
	padding-top: 45px;
	float: left;
	width: 30%;
	margin-right: 20px;
}
#tennis .communication div p{
	font-size: 18px;
	line-height: 1.5;
	padding-top: 50px;
	overflow: hidden;
}
#tennis .communication div p span{
	font-size: 16px;
	font-weight: bold;
	margin-right: 10px;
}
#tennis .communication div p strong{
	font-size: 30px;
	vertical-align: middle;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#tennis .communication{
		padding: 10px;
		margin-bottom: 60px;
	}
	#tennis .communication div{
		padding: 0 200px 0 15px;
		background: url(../images/tennis-image4.jpg) no-repeat right 25px center;
		background-size: 160px auto;
		min-height: 125px;
	}
	#tennis .communication div figure{
		padding-top: 0;
		float: none;
		width: 100%;
		margin-right: 0;
	}
	#tennis .communication div p{
		font-size: 16px;
		padding-top: 5px;
	}
	#tennis .communication div p span{
		font-size: 14px;
		margin-right: 5px;
	}
	#tennis .communication div p strong{
		font-size: 24px;
	}
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:500px){
	#tennis .communication div{
		padding: 0 15px 110px;
		background: url(../images/tennis-image4.jpg) no-repeat center bottom;
		background-size: auto 100px;
		min-height: 125px;
	}
}

/* concept */
#tennis dl.concept{
	text-align: center;
	width: 552px;
	height: 125px;
	background: url(../images/tennis-concept-before.png) no-repeat left top,
					url(../images/tennis-concept-after.png) no-repeat right top;
	margin: 0 auto 45px;
}
#tennis dl.concept dt{
	font-size: 24px;
	padding-top: 5px;
	margin-bottom: 10px;
}
#tennis dl.concept dd{
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	padding: 0 30px;
	background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFC1DC 0%) repeat scroll 0 0;
	display: inline-block;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#tennis dl.concept{
		width: 100%;
		height: 74px;
		background: url(../images/tennis-concept-before.png) no-repeat left top,
						url(../images/tennis-concept-after.png) no-repeat right top;
		background-size: 11px auto;
		margin: 0 auto 25px;
	}
	#tennis dl.concept dt{
		font-size: 18px;
		padding-top: 2px;
		margin-bottom: 5px;
	}
	#tennis dl.concept dd{
		font-size: 24px;
		padding: 0 10px;
	}
}

/* box */
#tennis .box{
	clear: both;
	overflow: hidden;
	position: relative;
	padding: 60px 35px 40px 40px;
	margin-bottom: 30px;
	background: #F5F5F5;
}
#tennis .box:before{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 105px;
	height: 22px;
	background: #FBEF00;
}
#tennis .box h4{
	font-size: 28px;
	margin-bottom: 15px;
}
#tennis .box .imgright{
	clear: both;
	overflow: hidden;
}
#tennis .box .imgright div{
	float: left;
	width: 59%;
}
#tennis .box .imgright div p{
	margin-bottom: 10px;
}
#tennis .box .imgright div .f-red{
	font-weight: bold;
}
#tennis .box .imgright div p span{
	font-weight: bold;
}
#tennis .box .imgright figure{
	float: right;
	width: 38%;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#tennis .box{
		padding: 20px 3%;
		margin-bottom: 15px;
	}
	#tennis .box:before{
		width: 70px;
		height: 15px;
	}
	#tennis .box h4{
		font-size: 20px;
		margin-bottom: 5px;
	}
	#tennis .box .imgright{
		margin-bottom: 15px;
	}
	#tennis .box .imgright div{
		float: left;
		width: 47%;
	}
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:700px){
	#tennis .box .imgright div{
		float: none;
		width: 100%;
		overflow: hidden;
		margin-bottom: 10px;
	}
	#tennis .box .imgright figure{
		float: none;
		width: 100%;
		text-align: center;
	}
}


/*---------------------------------------------------------------------------------------
	tennis-price
----------------------------------------------------------------------------------------*/

#tennis-price{
	text-align: left;
	line-height: 1.85;
}

/* h3 */
#tennis-price h3{
	color: #fff;
	font-size: 37px;
	letter-spacing: 5px;
	font-weight: normal;
	padding: 15px 3%;
	background: #1E2E53;
	margin-bottom: 55px;
}
#tennis-price h3 span{
	max-width: 1000px;
	display: block;
	margin: 0 auto;
}
/* box1 */
#tennis-price .box1{
	padding: 2.5%;
	background: #e60033;
	margin-bottom: 50px;
}
#tennis-price .box1 dl{
	padding: 0 20px;
	text-align: left;
	background: #fff;
	overflow: hidden;
}
#tennis-price .box1 dl:not(:last-child){
	margin-bottom: 1.2%;
}
#tennis-price .box1 dl dt{
	display: inline-block;
	width: 33.33333333333333%;
	vertical-align: middle;
}
#tennis-price .box1 dl dd{
	display: inline-block;
	width: 59%;
	vertical-align: middle;
}
#tennis-price .box1 dl:nth-child(3) dd{
	width: 39%;
}
#tennis-price .box1 dl:nth-child(4) dd{
	width: 48%;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#tennis-price h3{
		font-size: 28px;
		letter-spacing: 3px;
		padding: 10px 3%;
		margin-bottom: 25px;
	}
	/* box1 */
	#tennis-price .box1{
		padding: 4%;
		background: #e60033;
		margin-bottom: 30px;
	}
	#tennis-price .box1 dl{
		padding: 0 10px;
	}
	#tennis-price .box1 dl:not(:last-child){
		margin-bottom: 2%;
	}
	#tennis-price .box1 dl dt{
		display: block;
		width: 70%;
		max-width: 300px;
		padding-top: 2%;
	}
	#tennis-price .box1 dl dd{
		display: block;
		width: auto;
		text-align: center;
		vertical-align: middle;
		margin: 0 auto;
	}
	#tennis-price .box1 dl:nth-child(3) dd{
		width: 66%;
	}
	#tennis-price .box1 dl:nth-child(4) dd{
		width: 81%;
	}
}

/* basic */
#tennis-price ul.basic{
	margin-bottom: 30px;
}
#tennis-price ul.basic li{
	font-size: 18px;
	border: 2px solid #59555A;
	padding: 25px 60px;
	margin-bottom: 7px;
}
#tennis-price ul.basic li p{
	display: inline-block;
	vertical-align: middle;
}
#tennis-price ul.basic li p strong{
	vertical-align: middle;
}
#tennis-price ul.basic li p.leftcol{
	color: #1E2E53;
	width: 40%;
	padding-top: 10px;
}
#tennis-price ul.basic li p.leftcol strong{
	font-size: 36px;
}
#tennis-price ul.basic li p.centercol{
	width: 25%;
	padding-top: 8px;
}
#tennis-price ul.basic li p.centercol strong{
	font-size: 32px;
	margin-left: 15px;
}
#tennis-price ul.basic li p.rightcol{
	color: #E60033;
	font-size: 48px;
	font-weight: bold;
	line-height: 1;
	padding-left: 87px;
	background: url(../images/arrow-right.png) no-repeat left center;
}
#tennis-price ul.basic li p.rightcol span{
	font-size: 22px;
	line-height: 1.2;
	border: 3px solid #E60033;
	padding: 5px 10px;
	display: inline-block;
	vertical-align: bottom;
}
#tennis-price ul.basic li p.rightcol strong{
	font-size: 78px;
	line-height: 0.8;
	margin-left: 15px;
	vertical-align: bottom;
}
#tennis-price ul.basic li.entry{
	border: none;
	padding: 18px 60px;
	background: #E5E5E5;
}
#tennis-price ul.basic li.entry p{
	padding-top: 0;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:1000px){
	#tennis-price ul.basic{
		text-align: center;
	}
	#tennis-price ul.basic li{
		padding: 10px 5px 15px;
		margin-bottom: 5px;
	}
	#tennis-price ul.basic li p.leftcol{
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
		padding-top: 0;
	}
	#tennis-price ul.basic li p.centercol{
		width: 230px;
		padding-top: 0;
	}
	#tennis-price ul.basic li p.rightcol{
		vertical-align: middle;
	}
	#tennis-price ul.basic li.entry p.leftcol{
		display: inline-block;
		width: 130px;
	}
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#tennis-price ul.basic{
		margin-bottom: 30px;
	}
	#tennis-price ul.basic li{
		font-size: 16px;
		border: 1px solid #59555A;
	}
	#tennis-price ul.basic li p.leftcol strong{
		font-size: 26px;
	}
	#tennis-price ul.basic li p.centercol{
		width: 170px;
	}
	#tennis-price ul.basic li p.centercol strong{
		font-size: 24px;
		margin-left: 5px;
	}
	#tennis-price ul.basic li p.rightcol{
		font-size: 30px;
		padding-left: 50px;
		background: url(../images/arrow-right.png) no-repeat left top 20px;
		background-size: 36px auto;
	}
	#tennis-price ul.basic li p.rightcol span{
		font-size: 18px;
		border: 2px solid #E60033;
		padding: 5px 10px;
	}
	#tennis-price ul.basic li p.rightcol strong{
		font-size: 66px;
		margin-left: 10px;
	}
	#tennis-price ul.basic li.entry{
		border: none;
		padding: 15px 5px;
		background: #E5E5E5;
	}
	#tennis-price ul.basic li.entry p{
		padding-top: 0;
	}
}

/* anchor */
#tennis-price ul.anchor{
	text-align: center;
	margin-bottom: 40px;
}
#tennis-price ul.anchor li{
	display: inline-block;
	margin: 0 10px;
}
#tennis-price ul.anchor li a{
	font-size: 18px;
	font-weight: bold;
	display: block;
	width: 225px;
	height: 61px;
	line-height: 61px;
	border: 2px solid #C5C5C5;
}
#tennis-price ul.anchor li a:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	border-color: #000000 transparent transparent transparent;
	display: inline-block;
	vertical-align: middle;
	margin: 0 25px 3px 0;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#tennis-price ul.anchor{
		margin-bottom: 15px;
	}
	#tennis-price ul.anchor li{
		margin: 0 5px 5px;
	}
	#tennis-price ul.anchor li a{
		font-size: 16px;
		width: 200px;
		height: 50px;
		line-height: 50px;
		border: 1px solid #C5C5C5;
	}
	#tennis-price ul.anchor li a:before{
		margin: 0 10px 2px 0;
	}
}

/* h5 */
#tennis-price h5{
	color: #1E2E53;
	font-size: 20px;
	margin-bottom: 5px;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#tennis-price h5{
		font-size: 18px;
	}
}

/* coat */
#tennis-price ul.coat{
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
}
#tennis-price ul.coat li{
	float: left;
	width: 48%;
	margin-bottom: 10px;
}
#tennis-price ul.coat li:nth-child(2n){
	float: right;
}
#tennis-price ul.coat li table caption{
	color: #1E2E53;
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}
#tennis-price ul.coat li table th{
	padding: 10px;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#tennis-price ul.coat{
		margin-bottom: 15px;
	}
	#tennis-price ul.coat li{
		float: none;
		width: 100%;
	}
	#tennis-price ul.coat li:nth-child(2n){
		float: none;
	}
	#tennis-price ul.coat li table caption{
		font-size: 18px;
	}
	#tennis-price ul.coat li table th{
		padding: 10px;
	}
}

/* f-blue */
#tennis-price .f-blue{
	font-size: 17px;
	font-weight: bold;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#tennis-price .f-blue{ font-size: 16px;}
}

/* bd-box */
#tennis-price ul.bd-box{
	font-size: 14px;
	border: 1px solid #DCDCDC;
	padding: 15px 25px 30px;
	margin-bottom: 40px;
}
#tennis-price ul.bd-box li{
	padding-left: 1em;
	text-indent: -1em;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#tennis-price ul.bd-box{
		font-size: 13px;
		padding: 10px 15px 20px;
		margin-bottom: 20px;
	}
}


/*---------------------------------------------------------------------------------------
	tennis-timetable
----------------------------------------------------------------------------------------*/

#tennis-timetable{
	text-align: left;
	line-height: 1.85;
}
/* h3 */
#tennis-timetable h3{
	color: #fff;
	font-size: 37px;
	letter-spacing: 5px;
	font-weight: normal;
	padding: 15px 3%;
	background: #1E2E53;
	margin-bottom: 55px;
}
#tennis-timetable h3 span{
	max-width: 1000px;
	display: block;
	margin: 0 auto;
}
/* h5 */
#tennis-timetable h5{
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	padding: 3px 30px;
	background: #45557A;
	margin-bottom: 20px;
}
#tennis-timetable h5.junior-title{
	background: #E11F4A;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	/* h3 */
	#tennis-timetable h3{
		font-size: 28px;
		letter-spacing: 3px;
		padding: 10px 3%;
		margin-bottom: 25px;
	}
	/* h5 */
	#tennis-timetable h5{
		font-size: 18px;
		padding: 5px 15px;
		margin-bottom: 10px;
	}
}


/*---------------------------------------------------------------------------------------
	tennis-junior
----------------------------------------------------------------------------------------*/

#tennis-junior{
	text-align: left;
	line-height: 1.85;
}
#tennis-junior h3{
	color: #fff;
	font-size: 37px;
	letter-spacing: 5px;
	font-weight: normal;
	padding: 15px 3%;
	background: #e60033;
	margin-bottom: 55px;
}
#tennis-junior h3 span{
	max-width: 1000px;
	display: block;
	margin: 0 auto;
}
#tennis-junior dl.kakko{
	clear: both;
	display: inline-block;
	line-height: 1.4;
	padding: 10px 10%;
	border: 3px solid #a7a7a7;
	margin-bottom: 30px;
	position: relative;
}
#tennis-junior dl.kakko:before,
#tennis-junior dl.kakko:after{
	display: block;
	content: "";
	position: absolute;
	left: 4%;
	top: -3px;
	width: 92%;
	height: 3px;
	background: #fff;
}
#tennis-junior dl.kakko:after{ top: auto; bottom: -3px;}
#tennis-junior dl.kakko dt{
	font-size: 25px;
	margin-bottom: 10px;
}
#tennis-junior dl.kakko dd{
	display: inline-block;
	font-size: 36px;
	font-weight: bold;
	padding: 0 .5em;
	position: relative;
}
#tennis-junior dl.kakko dd:before{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: .8em;
	width: 100%;
	height: 12px;
	background: #fbc0da;
	z-index: -1;
}
#tennis-junior div.shingitai{
	clear: both;
	display: flex;
}
#tennis-junior div.shingitai dl{
	float: left;
	width: 30%;
	margin-right: 5%;
	padding: 20px 3%;
	background: #fff;
	border: 1px solid #000;
	border-radius: 10px;
	position: relative;
	vertical-align: top;
	margin-bottom: 50px;
}
#tennis-junior div.shingitai dl:last-child{ margin-right: 0;}
#tennis-junior div.shingitai dl:before{
	display: block;
	content: "";
	position: absolute;
	left: 10px;
	top: 10px;
	width: 100%;
	height: 100%;
	background: #cecece;
	border-radius: 10px;
	z-index: -1;
}
#tennis-junior div.shingitai dl dt{
	font-size: 20px;
	font-weight: bold;
	white-space: nowrap;
	margin-bottom: 10px;
}
#tennis-junior div.shingitai dl dt strong{
	display: inline-block;
	width: 1.8em;
	line-height: 1.8;
	font-size: 32px;
	text-align: center;
	background: #fbc0da;
	border-radius: 50%;
	margin-right: 5px;
}
#tennis-junior div.shingitai dl dd{
	line-height: 1.6;
}
#tennis-junior .box1{
	clear: both;
	padding: 50px 20px 50px 50px;
	background: #f5f5f5;
	overflow: hidden;
	position: relative;
}
#tennis-junior .box1:before{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
	height: 20px;
	background: #e60033;
}
#tennis-junior .box1 h5{
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 20px;
}
#tennis-junior .box1 div{
	float: left;
	width: 58%;
}
#tennis-junior .box1 div p{
	margin-bottom: 30px;
}
#tennis-junior .box1 div ul{
	max-width: 450px;
	margin-bottom: 30px;
}
#tennis-junior .box1 div ul li{
	display: inline-block;
	color: #e60033;
	width: 5em;
	height: 5em;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	background: #fff;
	border: 2px solid #e60033;
	border-radius: 50%;
	position: relative;
	vertical-align: top;
	margin: 0 15px 10px 0;
}
#tennis-junior .box1 div ul li span{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	white-space: nowrap;
	letter-spacing: -1px;
}
#tennis-junior .box1 figure{
	float: right;
	width: 38%;
}
#tennis-junior .box2{
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}
#tennis-junior .box2 dl{
	float: left;
	width: 52%;
}
#tennis-junior .box2 dl dt{
	color: #e60033;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 30px;
}
#tennis-junior .box2 dl dd img{
	float: right;
}
#tennis-junior .box2 figure{
	float: right;
	width: 48%;
}
#tennis-junior .feature{
	clear: both;
	padding: 40px 30px;
	margin: 0 4px 80px;
	background: #fff;
	position: relative;
}
#tennis-junior .feature:before{
	display: block;
	content: "";
	position: absolute;
	left: -4px;
	top: -4px;
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	background: url(../images/bg-stripe.png) repeat;
	z-index: -1;
}
#tennis-junior .feature h5{
	line-height: 1.3;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
#tennis-junior .feature dl{
	font-size: 17px;
	font-weight: bold;
	padding: 20px 3%;
	background: #ffecf9;
	margin-bottom: 10px;
}
#tennis-junior .feature dl dt{
	float: left;
	width: 5em;
	color: #e60033;
}
#tennis-junior .feature dl dd{
	overflow: hidden;
}
#tennis-junior .step{
	clear: both;
	overflow: hidden;
}
#tennis-junior .step h5{
	color: #e60033;
	font-size: 28px;
	line-height: 1.4;
	margin-bottom: 30px;
}
#tennis-junior .step dl{
	float: left;
	width: 31%;
	margin-right: 3.5%;
	text-align: center;
	overflow: hidden;
}
#tennis-junior .step dl:nth-of-type(1){ border: 1px solid #ce1a2c;}
#tennis-junior .step dl:nth-of-type(2){ border: 1px solid #ef8541;}
#tennis-junior .step dl:nth-of-type(3){ margin-right: 0; border: 1px solid #299939;}
#tennis-junior .step dl dt{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	padding: 5px 10px;
}
#tennis-junior .step dl dt strong{
	font-size: 24px;
	margin-left: .5em;
	vertical-align: middle;
}
#tennis-junior .step dl:nth-of-type(1) dt{ background: #ce1a2c;}
#tennis-junior .step dl:nth-of-type(2) dt{ background: #ef8541;}
#tennis-junior .step dl:nth-of-type(3) dt{ background: #299939;}
#tennis-junior ol.flow{
	clear: both;
	overflow: hidden;
}
#tennis-junior ol.flow li{
	float: left;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 5%;
	background: #fff4f9;
	border: 1px solid #e60033;
}
#tennis-junior ol.flow li:nth-child(3n){ margin-right: 0;}
#tennis-junior ol.flow li img{
	vertical-align: top;
}
#tennis-junior ol.flow li dl{
	padding: 10px 20px 20px;
}
#tennis-junior ol.flow li dl dt{
	color: #e60033;
	font-size: 20px;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 5px;
}

/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:1000px){
	#tennis-junior div.shingitai{
		display: block;
	}
	#tennis-junior div.shingitai dl{
		float: none;
		width: auto;
		margin-right: 0;
		padding: 3% 5%;
		background: #fff;
		border: 1px solid #000;
		border-radius: 10px;
		position: relative;
		vertical-align: top;
		margin-bottom: 20px;
	}
}
@media screen and (max-width:768px){
	#tennis-junior h3{
		font-size: 28px;
		letter-spacing: 3px;
		padding: 10px 3%;
		margin-bottom: 25px;
	}
	#tennis-junior dl.kakko{
		padding: 10px 6%;
	}
	#tennis-junior dl.kakko dt{
		font-size: 18px;
	}
	#tennis-junior dl.kakko dd{
		font-size: 30px;
	}
	#tennis-junior div.shingitai{
		margin-bottom: 20px;
		overflow: hidden;
	}
	#tennis-junior div.shingitai dl dt{
		font-size: 18px;
	}
	#tennis-junior div.shingitai dl dt strong{
		font-size: 24px;
	}
	#tennis-junior div.shingitai dl dd{
		font-size: 14px;
	}
	#tennis-junior .box1{
		padding: 30px 5% 10px;
	}
	#tennis-junior .box1:before{
		height: 15px;
	}
	#tennis-junior .box1 h5{
		font-size: 20px;
		margin-bottom: 10px;
	}
	#tennis-junior .box1 div{
		float: none;
		width: auto;
	}
	#tennis-junior .box1 div p{
		margin-bottom: 10px;
	}
	#tennis-junior .box1 div ul{
		margin-bottom: 10px;
	}
	#tennis-junior .box1 div ul li{
		font-size: 14px;
		margin: 0 5px 5px 0;
	}
	#tennis-junior .box1 figure{
		float: none;
		width: auto;
		text-align: center;
		padding: 0 10%;
		margin-bottom: 15px;
	}
	#tennis-junior .box1 figure.mrr{
		margin-left: 10%;
	}
	#tennis-junior .box2 dl{
		float: none;
		width: auto;
		margin-bottom: 10px;
	}
	#tennis-junior .box2 dl dt{
		font-size: 20px;
		margin-bottom: 10px;
	}
	#tennis-junior .box2 dl dd img{
		width: 120px;
		height: auto;
		margin-bottom: 5px;
	}
	#tennis-junior .box2 figure{
		float: none;
		text-align: center;
		width: auto;
		padding: 0 10%;
		margin-bottom: 20px;
	}
	#tennis-junior .feature{
		margin: 4px 4px 44px;
		padding: 5% 5% 3%;
	}
	#tennis-junior .feature h5{
		font-size: 20px;
		margin-bottom: 10px;
	}
	#tennis-junior .feature dl{
		font-size: 17px;
		font-weight: bold;
		padding: 10px 5%;
		background: #ffecf9;
		margin-bottom: 10px;
	}
	#tennis-junior .feature dl dt{
		width: 3em;
	}
	#tennis-junior .step h5{
		font-size: 20px;
		margin-bottom: 10px;
	}
	#tennis-junior .step dl{
		float: none;
		width: auto;
		margin-right: 0;
		margin-bottom: 15px;
		text-align: center;
		overflow: hidden;
	}
	#tennis-junior .step dl dt{
		font-size: 14px;
	}
	#tennis-junior .step dl dt strong{
		font-size: 20px;
	}
	#tennis-junior .step dl dd{
		padding: 0 5%;
	}
	#tennis-junior ol.flow li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	#tennis-junior ol.flow li:nth-child(3n){ margin-right: 4%;}
	#tennis-junior ol.flow li:nth-child(2n){ margin-right: 0;}
	#tennis-junior ol.flow li dl{
		padding: 10px 20px 20px;
		font-size: 14px;
	}
	#tennis-junior ol.flow li dl dt{
		font-size: 18px;
		margin-bottom: 5px;
	}
}
@media screen and (max-width:450px){
	#tennis-junior ol.flow li{
		float: none;
		width: auto;
		margin-right: 0!important;
		margin-bottom: 15px;
	}
}






/*---------------------------------------------------------------------------------------
	staff
----------------------------------------------------------------------------------------*/

#staff .staffwrap{
	overflow: hidden;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
/* article */
#staff article{
	width: 32%;
	font-size: 14px;
	text-align: left;
	background: #E8ECF1;
	margin-bottom: 30px;
}
#staff article:not(:nth-of-type(3n)){ margin-right: 2%;}
#staff article:nth-of-type(3n+1){ clear: left;}
#staff article img{
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
#staff article .name{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#staff article dl{
	padding: 15px 0;
	margin: 0 15px;
	overflow: hidden;
}
#staff article dl:not(:first-of-type){
	border-top: 1px solid #b5b5b5;
}
#staff article dl dt{
	float: left;
	width: 3em;
	margin-right: 10px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	background: #666;
}
#staff article dl dt.blue{	background: #556fb5;}
#staff article dl dt.pink{	background: #e4007f;}
#staff article dl dd{
	overflow: hidden;
}
#staff article p.red{
	color: #e60033;
	font-size: 12px;
	line-height: 1.4;
	margin: -10px 15px 15px;
}
#staff article p.note{
	margin: 0 15px 15px;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	/* article */
	#staff article{
		width: 49%;
	}
	#staff article:not(:nth-of-type(3n)){ margin-right: 0;}
	#staff article:not(:nth-of-type(2n)){ margin-right: 2%;}
	#staff article:nth-of-type(3n+1){ clear: none;}
	#staff article:nth-of-type(2n+1){ clear: left;}
}
@media screen and (max-width:500px){
	/* article */
	#staff article{
		width: auto;
		margin-bottom: 20px;
	}
	#staff article:not(:nth-of-type(2n)){ margin-right: 0;}
}





/*---------------------------------------------------------------------------------------
	concept
----------------------------------------------------------------------------------------*/

/* box1 */
#concept .box1{
	min-height: 619px;
	background: url(../images/concept-bg.jpg) no-repeat center top;
	background-size: cover;
	margin-bottom: 70px;
}
#concept .box1 div{
	box-sizing: content-box;
	max-width: 1000px;
	margin: 0 auto;
	padding: 120px 5% 0;
	color: #fff;
	text-align: left;
}
#concept .box1 div p{
	font-size: 22px;
	font-weight: bold;
	line-height: 2;
	text-shadow:0px 0px 10px #000;
	width: 80%;
	max-width: 600px;
	margin-bottom: 15px;
}
/* box2 */
#concept .box2{
	position: relative;
	padding: 0 5%;
	overflow: hidden;
	margin-bottom: 100px;
}
#concept .box2 h3{
	float: left;
	width: 50%;
}
#concept .box2 h3 span{
	display: block;
	float: right;
	max-width: 500px;
	font-size: 27px;
	text-align: left;
}
#concept .box2 figure:nth-of-type(1){
	float: right;
	width: 55.55%;
	padding-left: 40px;
	margin-right: -5.55%;
	margin-bottom: 60px;
}
#concept .box2 figure:nth-of-type(2){
	position: absolute;
	left: 0;
	top: 140px;
	width: 50%;
	padding-right: 40px;
}
#concept .box2 figure img{
	width: 100%;
	max-width: inherit;
}
#concept .box2 p{
	clear: right;
	float: right;
	width: 50%;
	padding-left: 2%;
}
#concept .box2 p span{
	display: block;
	float: left;
	max-width: 500px;
	line-height: 1.8;
	text-align: left;
}
/* box3 */
#concept .box3{
	clear: both;
	overflow: hidden;
	margin-bottom: 50px;
}
#concept .box3 article{
	clear: both;
	overflow: hidden;
	text-align: left;
	padding: 30px 50px;
	border: 1px solid #063755;
	margin-bottom: 30px;
}
#concept .box3 article figure{
	float: right;
	text-align: center;
	min-width: 250px;
	margin-left: 10px;
}
#concept .box3 article h3{
	font-size: 27px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 20px;
}
#concept .box3 article p strong{
	display: block;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
}
/* box4 */
#concept .box4{
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
}
#concept .box4 h3{
	font-size: 34px;
	text-align: left;
	padding-bottom: 5px;
	border-bottom: 4px solid #063755;
	margin-bottom: 40px;
}
#concept .box4 article{
	float: left;
	width: 46.5%;
	max-width: 465px;
	margin-bottom: 50px;
	text-align: left;
}
#concept .box4 article:nth-of-type(2n+1){
	clear: left;
	margin-right: 7%;
}
#concept .box4 article h4{
	color: #063755;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	padding-top: 15px;
	margin-bottom: 10px;
}
#concept .box4 .kome{
	clear: left;
	text-align: right;
	position: relative;
	top: -30px;
	margin-bottom: 40px;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:1000px){
	/* box2 */
	#concept .box2 figure:nth-of-type(2){
		top: 160px;
	}
}
@media screen and (max-width:768px){
	/* box1 */
	#concept .box1{
		min-height: 350px;
		background: url(../images/concept-bg.jpg) no-repeat center top;
		background-size: auto 100%;
		margin-bottom: 40px;
	}
	#concept .box1 div{
		padding: 50px 5%;
	}
	#concept .box1 div p{
		width: 80%;
		font-size: 18px;
		max-width: inherit;
		line-height: 1.8;
	}
	/* box2 */
	#concept .box2{
		position: static;
		padding: 0 5%;
		overflow: hidden;
		margin-bottom: 50px;
	}
	#concept .box2 h3{
		float: none;
		width: auto;
		margin-bottom: 20px;
	}
	#concept .box2 h3 span{
		display: inherit;
		float: none;
		max-width: inherit;
		font-size: 22px;
	}
	#concept .box2 figure:nth-of-type(1){
		float: right;
		width: 105.55%;
		padding-left: 0;
		margin-right: -5.55%;
		margin-bottom: 30px;
	}
	#concept .box2 figure:nth-of-type(2){
		position: static;
		width: 105.55%;
		margin-left: -5.55%;
		padding-right: 0;
	}
	#concept .box2 p{
		clear: both;
		float: none;
		width: auto;
		padding-left: 0;
		margin-bottom: 30px;
	}
	#concept .box2 p span{
		display: inherit;
		float: none;
		max-width: inherit;
		line-height: 1.8;
		text-align: left;
	}
	/* box3 */
	#concept .box3{
		margin-bottom: 30px;
	}
	#concept .box3 article{
		padding: 20px 5%;
		margin-bottom: 5%;
		font-size: 14px;
	}
	#concept .box3 article h3{
		font-size: 22px;
		margin-bottom: 10px;
	}
	#concept .box3 article figure{
		float: none;
		text-align: center;
		min-width: 250px;
		padding: 0 5%;
		margin-left: 0;
		margin-bottom: 15px;
	}
	#concept .box3 article:first-of-type figure{
		padding: 0 20%;
	}
	#concept .box3 article p strong{
		font-size: 16px;
		margin-bottom: 10px;
	}
	/* box4 */
	#concept .box4 h3{
		font-size: 24px;
		margin-bottom: 30px;
	}
	#concept .box4 article{
		float: none;
		width: auto;
		max-width: 465px;
		margin: 0 auto 20px;
		text-align: left;
	}
	#concept .box4 article:nth-of-type(2n+1){
		clear: left;
		margin-right: auto;
	}
	#concept .box4 article h4{
		font-size: 20px;
		padding-top: 10px;
		margin-bottom: 5px;
	}
	#concept .box4 .kome{
		top: -20px;
		margin-bottom: 20px;
	}
}
@media screen and (max-width:500px){
	/* box1 */
	#concept .box1{
		min-height: 230px;
	}
	#concept .box1 div{
		padding: 40px 5%;
	}
	#concept .box1 div p{
		width: auto;
		max-width: inherit;
		font-size: 14px;
		line-height: 1.6;
	}
}






/*---------------------------------------------------------------------------------------
	facility
----------------------------------------------------------------------------------------*/

#facility #pan{
	position: relative;
	z-index: 2;
}
#facility .mv{
	margin-top: -80px;
	margin-bottom: 30px;
}
#facility .floor{
	margin-bottom: 40px;
}
#facility .floor figure{
	display: inline-block;
	vertical-align: top;
	max-width: 326px;
	width: 32.6%;
	margin-right: 1.1%;
}
#facility .floor figure img{
	max-width: 100%;
	height: auto;
	margin-bottom: 5px;
}
#facility .floor figure:last-child{
	margin-right: 0;
}
#facility .box1,
#facility .box2,
#facility .box3,
#facility .box4{
	clear: both;
	text-align: left;
	overflow: hidden;
	margin-bottom: 40px;
}
#facility .box4{
	margin-bottom: 100px;
}
#facility h3{
	font-size: 34px;
	padding-bottom: 5px;
	border-bottom: 4px solid #063755;
	margin-bottom: 30px;
}
#facility article{
	margin-bottom: 40px;
}
#facility .box3 article{
	margin-bottom: 20px;
}
#facility .box3 p.kome{
	color: #e60033;
	font-size: 14px;
	font-weight: bold;
}
#facility article.half{
	float: left;
	width: 47%;
}
#facility article.half:nth-of-type(2n+1){
	clear: left;
	margin-right: 6%;
}
#facility .kome2{
	position: relative;
	top: -30px;
	text-align: right;
	clear: both;
}
#facility h4{
	color: #063755;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	padding-top: 15px;
	padding-left: 1em;
	margin-bottom: 5px;
	position: relative;
}
#facility h4:before{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 28px;
	width: 18px;
	height: 3px;
	background: #063755;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#facility .floor{
		margin-bottom: 20px;
	}
	#facility .floor figure{
		max-width: inherit;
		width: 49%;
		height: auto;
		margin-right: 2%;
		margin-bottom: 5px;
	}
	#facility .floor figure figcaption{
		height: auto;
	}
	#facility .floor figure:nth-child(2),
	#facility .floor figure:last-child{
		margin-right: 0;
	}
	#facility .mv{
		margin-top: -30px;
		margin-bottom: 20px;
		overflow: hidden;
	}
	#facility .mv img{
		width: 140%;
		max-width: inherit;
		margin: 0 -7% 0 -33%;
	}
	#facility .catch{
		font-size: 16px;
		padding: 0 100px;
		background: url(../images/facility-left.png) no-repeat left center, url(../images/facility-right.png) no-repeat right center;
		background-size: 100px auto;
		margin-bottom: 60px;
	}
	#facility .box1,
	#facility .box2,
	#facility .box3{
		margin-bottom: 10px;
	}
	#facility .box4{
		margin-bottom: 30px;
	}
	#facility h3{
		font-size: 24px;
		margin-bottom: 30px;
	}
	#facility article{
		margin-bottom: 30px;
	}
	#facility article.half{
		float: none;
		width: auto;
	}
	#facility article.half:nth-of-type(2n+1){
		clear: left;
		margin-right: 0;
	}
	#facility .kome2{
		top: -20px;
	}
	#facility h4{
		font-size: 22px;
	}
	#facility h4:before{
		top: 26px;
		width: 15px;
	}
}
@media screen and (max-width:500px){
	#facility .title{
		font-size: 28px;
		line-height: 1;
		padding-top: 10px;
	}
	#facility .title span{
		vertical-align: middle;
	}
	#facility .catch{
		min-height: 140px;
		font-size: 16px;
		font-weight: bold;
		padding: 0 0 100px;
		background: url(../images/facility-left.png) no-repeat right calc(50% + 50px) bottom, url(../images/facility-right.png) no-repeat left calc(50% + 50px) bottom;
		background-size: 100px auto;
		margin-bottom: 30px;
		position: relative;
	}
}






/*---------------------------------------------------------------------------------------
	contact
----------------------------------------------------------------------------------------*/

#contact .inner{
	text-align: left;
}
/* subtitle */
#contact h3.tel-subtitle{
	min-height: 52px;
	color: #1e2e53;
	font-size: 30px;
	padding: 4px 0 20px 60px;
	background: url(../images/icon-tel.png) no-repeat left top;
	border-bottom: 1px solid #0B2A53;
	margin-bottom: 20px;
}
#contact h3.mail-subtitle{
	min-height: 52px;
	color: #1e2e53;
	font-size: 30px;
	padding: 4px 0 0 60px;
	background: url(../images/icon-mail.png) no-repeat left top;
	margin-bottom: 20px;
}
/* subtitle */
#contact article{
	margin-bottom: 100px;
}
#contact .contact-tel p.number{
	font-size: 30px;
	font-weight: bold;
}
#contact .contact-tel p.number strong{
	font-size: 38px;
}
#contact .contact-tel p.number small{
	display: inline-block;
	font-size: 18px;
}
#contact .contact-tel p.hours{
	font-size: 18px;
	font-weight: bold;
}
#contact .contact-mail .red,
#contact .contact-mail table em{
	color: #e60033;
}
#contact .contact-mail table{
	width: 100%;
	border-top: 1px dashed #000;
	margin-bottom: 30px;
}
#contact .contact-mail table th{
	width: 180px;
	padding: 15px 20px 15px 0;
	border-bottom: 1px dashed #000;
	font-weight: bold;
	vertical-align: top;
}
#contact .contact-mail table th em{
	font-weight: bold;
}
#contact .contact-mail table td{
	padding: 15px 0;
	border-bottom: 1px dashed #000;
}
#contact .contact-mail table td div.half{
	display: inline-block;
	width: 50%;
	max-width: 330px;
	padding-right: 15px;
	vertical-align: top;
}
#contact .contact-mail table td input{
	box-sizing: border-box;
	width: 100%;
	max-width: 400px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	padding: 0 15px;
	border: 1px solid #bfbfbf;
}
#contact .contact-mail table td input::placeholder{
	color: #a3a3a3;
}
#contact .contact-mail table td input.tel{
	width: 25%;
	max-width: 140px;
}
#contact .contact-mail table td textarea{
	box-sizing: border-box;
	width: 100%;
	height: 230px;
	font-size: 16px;
	padding: 15px;
	border: 1px solid #bfbfbf;
}
#contact .contact-mail p.kome{
	clear: both;
	font-size: 14px;
	margin-bottom: 60px;
}
#contact .contact-mail p.kome a{
	text-decoration: underline;
}
#contact div.privacy{
	clear: both;
	padding: 15px 30px;
	background: #fff;
	text-align: left;
	border: 1px solid #ccc;
	margin-bottom: 30px;
}
#contact div.privacy strong{
	font-size: 18px;
}
#contact .contact-mail p.btn{
	text-align: center;
}
#contact .contact-mail p.btn input{
	display: inline-block;
	width: 80%;
	max-width: 430px;
	line-height: 90px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 2px;
	background: url(../images/icon-right.png) no-repeat center right 20px #063755;
	border: none;
	outline: none;
	cursor: pointer;
}
#contact .contact-mail p.btn input:hover{ opacity: .7;}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	.golf-subtitle{
		font-size: 22px;
		background: url(../images/golf-subtitle.png) no-repeat left top 3px;
		background-size: 28px auto;
		padding: 0 0 5px 40px;
		border-bottom: 2px solid #0B2A53;
		margin-bottom: 20px;
	}
	/* subtitle */
	#contact h3.tel-subtitle{
		min-height: 30px;
		color: #1e2e53;
		font-size: 20px;
		padding: 0 0 10px 40px;
		background: url(../images/icon-tel.png) no-repeat left top;
		background-size: 30px auto;
		border-bottom: 1px solid #0B2A53;
		margin-bottom: 10px;
	}
	#contact h3.mail-subtitle{
		min-height: 30px;
		color: #1e2e53;
		font-size: 20px;
		padding: 0 0 0 40px;
		background: url(../images/icon-mail.png) no-repeat left top;
		background-size: 30px auto;
		margin-bottom: 10px;
	}
	/* subtitle */
	#contact article{
		margin-bottom: 40px;
	}
	#contact .contact-tel p.number{
		font-size: 20px;
		font-weight: bold;
	}
	#contact .contact-tel p.number strong{
		font-size: 28px;
	}
	#contact .contact-tel p.number small{
		font-size: 16px;
		vertical-align: top;
	}
	#contact .contact-tel p.hours{
		font-size: 14px;
	}
	#contact .contact-mail table th{
		display: block;
		width: auto;
		padding: 15px 0 5px;
		border-bottom: none;
	}
	#contact .contact-mail table td{
		display: block;
		padding: 0 0 15px;
		border-bottom: 1px dashed #000;
	}
	#contact .contact-mail table td div.half{
		padding-right: 10px;
	}
	#contact .contact-mail table td input{
		padding: 0 10px;
	}
	#contact .contact-mail table td textarea{
		padding: 10px;
	}
	#contact .contact-mail p.kome{
		margin-bottom: 30px;
	}
	#contact .contact-mail p.btn input{
		width: 100%;
		line-height: 60px;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 2px;
		background: url(../images/icon-right.png) no-repeat center right 20px #063755;
		background-size: 15px auto;
	}
	#contact .contact-mail p.btn input:hover{ opacity: 1;}
}






/*---------------------------------------------------------------------------------------
	trial
----------------------------------------------------------------------------------------*/

#trial .bg{
	clear: both;
	padding: 60px 0;
	background: #e1f3f1;
}
#trial h3{
	min-height: 52px;
	color: #1e2e53;
	font-size: 30px;
	text-align: left;
	padding: 4px 0 0 60px;
	background: url(../images/trial-form.png) no-repeat left top;
	margin-bottom: 20px;
}
#trial .red,
#trial table em{
	color: #e60033;
}
#trial table{
	width: 100%;
	text-align: left;
	border-top: 1px dashed #000;
	margin-bottom: 30px;
}
#trial table th{
	width: 180px;
	color: #1e2e53;
	padding: 15px 20px 15px 0;
	border-bottom: 1px dashed #000;
	font-weight: bold;
	vertical-align: top;
}
#trial table th em{
	font-weight: bold;
}
#trial table td{
	padding: 15px 0;
	border-bottom: 1px dashed #000;
}
#trial table td .trial-type li,
#trial table td div.half{
	display: inline-block;
	width: 48%;
	min-width: 20em;
	padding-right: 15px;
	vertical-align: top;
}
#trial table td .trial-section{
	width: 70%;
}
#trial table td .trial-section li{
	display: inline-block;
	width: 25%;
	min-width: 12em;
	padding-right: 15px;
	vertical-align: top;
}
#trial table td input[type="radio"]{
	width: 20px;
	height: 20px;
	margin-right: 5px;
	margin-bottom: 3px;
	vertical-align: middle;
}
#trial table td input[type="text"]{
	box-sizing: border-box;
	width: 100%;
	max-width: 400px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	padding: 0 15px;
	border: 1px solid #bfbfbf;
}
#trial table td input[type="text"]::placeholder{
	color: #a3a3a3;
}
#trial table td input[type="text"].tel{
	width: 25%;
	max-width: 140px;
}
#trial table td input[type="text"].wmax{
	width: 100%;
	max-width: inherit;
}
#trial table td select{
	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	padding: 0 15px;
	border: 1px solid #bfbfbf;
}
#trial table td textarea{
	box-sizing: border-box;
	width: 100%;
	height: 130px;
	font-size: 16px;
	padding: 15px;
	border: 1px solid #bfbfbf;
}
#trial div.privacy{
	clear: both;
	padding: 15px 30px;
	background: #fff;
	text-align: left;
	border: 1px solid #ccc;
	margin-bottom: 30px;
}
#trial div.privacy strong{
	font-size: 18px;
}
#trial p.btn{
	text-align: center;
}
#trial p.btn input{
	display: inline-block;
	width: 80%;
	max-width: 430px;
	line-height: 90px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 2px;
	background: url(../images/icon-right.png) no-repeat center right 20px #063755;
	border: none;
	outline: none;
	cursor: pointer;
}
#trial p.btn input:hover{ opacity: .7;}

/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#trial h3{
		min-height: 30px;
		color: #1e2e53;
		font-size: 20px;
		padding: 0 0 0 40px;
		background: url(../images/trial-form.png) no-repeat left top;
		background-size: 30px auto;
		margin-bottom: 10px;
	}
	#trial table th{
		display: block;
		width: auto;
		padding: 15px 0 5px;
		border-bottom: none;
	}
	#trial table td{
		display: block;
		padding: 0 0 15px;
		border-bottom: 1px dashed #000;
	}
	#trial table td .trial-type li,
	#trial table td div.half{
		width: auto;
		padding-right: 10px;
	}
	#trial table td input{
		padding: 0 10px;
	}
	#trial table td textarea{
		padding: 10px;
	}
	#trial p.btn input{
		width: 100%;
		line-height: 60px;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 2px;
		background: url(../images/icon-right.png) no-repeat center right 20px #063755;
		background-size: 15px auto;
	}
	#trial p.btn input:hover{ opacity: 1;}
}






/*---------------------------------------------------------------------------------------
	news
----------------------------------------------------------------------------------------*/

#news .inner{
	text-align: left;
}
/* article */
#news article{
	clear: both;
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px dashed #000;
}
#news article p.date{
	color: #e60033;
	margin-bottom: 10px;
}
#news article div.note p{
	margin-bottom: 1em;
}
#news article div.note p:last-child{
	margin-bottom: 0;
}
#news article div.note div{
	clear: both;
	overflow: hidden;
}
#news article div.note div figure{
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 10px;
}
#news article div.note div figure:nth-child(odd){
	clear: both;
}
#news article div.note div figure:nth-child(even){
	float: right;
	margin-right: 0;
}
#news article div.note div figure img{
	width: auto;
	max-width: 100%;
	height: auto
}
#news article h3{
	color: #1e2e53;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 20px;
}
#news ol.pager{
	clear: both;
	margin-bottom: 60px;
}
#news ol.pager li{
	display: inline-block;
	margin-right: 15px;
}
#news ol.pager li a,
#news ol.pager li.active{
	box-sizing: border-box;
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #bfbfbf;
}
#news ol.pager li a:hover,
#news ol.pager li.active{
	color: #fff;
	background: #666;
	border: 1px solid #666;
}
#news .link a {color: #e60033;}
#news .link_pdf {
    width: 250px;
    background: #e5e5e5;
}
#news .link_pdf a {
    display: block;
    padding: 15px 30px;
    color: #333;
    font-weight: bold;
}
#news .link_pdf a::before {
    content: ">";
    margin-right: 10px;
}
#news .link_pdf a::after {
    display: inline-block;
    content: "";
    background: url(../images/icon_pdf.png) no-repeat left bottom;
    width: 21px;
    height: 25px;
    margin-left: 5px;
}

/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	/* article */
	#news article{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	#news article p.date{
		margin-bottom: 5px;
	}
	#news article div.note div figure{
		float: none;
		width: 100%;
		margin-right: 0;
	}
	#news article div.note div figure:nth-child(even){
		float: none;
	}
	#news article h3{
		font-size: 20px;
		margin-bottom: 10px;
	}
	#news ol.pager{
		margin-bottom: 40px;
	}
	#news ol.pager li a:hover{
		color: #111;
		background: #fff;
		border: 1px solid #bfbfbf;
	}
}






/*---------------------------------------------------------------------------------------
	campaign
----------------------------------------------------------------------------------------*/

#campaign p.catch,
.campaign-catch{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
	margin-bottom: 20px;
}
#campaign p.catch span,
.campaign-catch span{
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
#campaign h3,
.campaign-read{
	width: 100%;
	max-width: 500px;
	color: #e60033;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 25px;
	background: url(../images/campaign-titlebg.png) no-repeat center bottom;
	margin: 0 auto 25px;
}
#campaign .box1{
	padding: 2.5%;
	background: #e60033;
}
#campaign .box1 dl{
	padding: 0 20px;
	text-align: left;
	background: #fff;
	overflow: hidden;
}
#campaign .box1 dl:not(:last-child){
	margin-bottom: 1.2%;
}
#campaign .box1 dl dt{
	display: inline-block;
	width: 33.33333333333333%;
	vertical-align: middle;
}
#campaign .box1 dl dd{
	display: inline-block;
	width: 59%;
	vertical-align: middle;
}
#campaign .box1 dl:nth-child(3) dd{
	width: 39%;
}
#campaign .box1 dl:nth-child(4) dd{
	width: 48%;
}
#campaign .box2{
	padding: 2.5% 4.8%;
	background: #e60033;
	margin-bottom: 10px;
}
#campaign .box2 h4{
	color: #fff;
	font-size: 34px;
	line-height: 1.2;
	margin-bottom: 15px;
}
#campaign .box2 img:nth-of-type(1){
	width: 56%;
	max-width: 500px;
	margin-right: 4%;
}
#campaign .box2 img:nth-of-type(2){
	width: 40%;
	max-width: 355px;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#campaign p.catch,
	.campaign-catch{
		font-size: 26px;
		font-weight: bold;
		line-height: 1.3;
		margin-bottom: 20px;
	}
	#campaign p.catch span,
	.campaign-catch span{
		background: linear-gradient(transparent 60%, #ffff66 60%);
	}
	#campaign h3,
	.campaign-read{
		font-size: 35px;
		padding-bottom: 25px;
		background: url(../images/campaign-titlebg.png) no-repeat center bottom;
		background-size: 100% auto;
	}
	#campaign .box1{
		padding: 4%;
		background: #e60033;
	}
	#campaign .box1 dl{
		padding: 0 10px;
	}
	#campaign .box1 dl:not(:last-child){
		margin-bottom: 2%;
	}
	#campaign .box1 dl dt{
		display: block;
		width: 70%;
		max-width: 300px;
		padding-top: 2%;
	}
	#campaign .box1 dl dd{
		display: block;
		width: auto;
		text-align: center;
		vertical-align: middle;
		margin: 0 auto;
	}
	#campaign .box1 dl:nth-child(3) dd{
		width: 66%;
	}
	#campaign .box1 dl:nth-child(4) dd{
		width: 81%;
	}
	#campaign .box2{
		padding: 2.5% 4.8%;
		margin-bottom: 10px;
	}
	#campaign .box2 h4{
		color: #fff;
		font-size: 30px;
		line-height: 1.2;
		margin-bottom: 15px;
	}
	#campaign .box2 img:nth-of-type(1){
		display: block;
		width: 100%;
		max-width: 500px;
		margin: 0 auto 3%;
	}
	#campaign .box2 img:nth-of-type(2){
		width: 71%;
		max-width: 355px;
		margin: 0 auto;
	}
}
@media screen and (max-width:400px){
	#campaign h3,
	.campaign-read{
		font-size: 30px;
		padding-bottom: 15px;
	}
}






/*---------------------------------------------------------------------------------------
	access
----------------------------------------------------------------------------------------*/

/*  map */
#access .map{
	text-align: left;
	margin-bottom: 80px;
}
#access .map iframe{
	width: 100%;
	height: 480px;
	margin-bottom: 20px;
}
#access .map dl{
	font-size: 20px;
	text-align: left;
}
#access .map dl dt{
	clear: left;
	float: left;
	width: 5em;
	color: #1e2e53;
	font-weight: bold;
	margin-bottom: 5px;
}
#access .map dl dd{
	overflow: hidden;
	margin-bottom: 5px;
}
/*  car */
#access .car{
	text-align: left;
	margin-bottom: 80px;
}
#access h3{
	min-height: 60px;
	font-size: 34px;
	padding: 0 0 10px 55px;
	background: url(../images/icon-pin.png) no-repeat left top;
	border-bottom: 4px solid #1e2e53;
	margin-bottom: 40px;
}
#access .car p.read{
	font-size: 20px;
}
#access .car .tabs{
	clear: both;
}
#access .car .tabs label{
	display: inline-block;
	width: calc(98% / 3);
	color: #1e2e53;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	padding: 15px 5px;
	border: 2px solid #e5e5e5;
	border-bottom: none;
	background: #e5e5e5;
}
#access .car .tabs label:not(:nth-of-type(3)){ margin-right: 1%;}
#access .car .tabs input:checked + label{
	background: #fff;
	border: 2px solid #1e2e53;
	border-bottom: none;
	z-index: 2;
	position: relative;
}
#access .car .tabs input,
#access .car .tabs div{
	display: none;
}
#access .car .tabs div{
	padding: 45px;
	border: 2px solid #1e2e53;
	margin-top: -2px;
	position: relative;
	z-index: 1;
}
#access .car .tabs #tab1:checked ~ .tab1-wrap,
#access .car .tabs #tab2:checked ~ .tab2-wrap,
#access .car .tabs #tab3:checked ~ .tab3-wrap{
	display: block;
}
#access .car .tabs div p.blue{
	color: #1e2e53;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}
#access .car .tabs div p.blue small{
	display: inline-block;
	color: #000;
	font-size: 16px;
	font-weight: normal;
}
#access .car .tabs div p.red{
	display: inline-block;
	color: #f00;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
	padding: 5px 15px;
	border: 1px solid #f00;
	margin-bottom: 20px;
}
#access .car .tabs div ol{
	padding: 15px 20px;
	border: 1px solid #dcdcdc;
}
#access .car .tabs div ol li{
	padding-left:25px;
	position: relative;
	margin-bottom: 2px;
}
#access .car .tabs div ol li:before{
	display: inline-block;
	position: absolute;
	left: 0;
	top: 2px;
	width: 20px;
	height: 20px;
	line-height: 21px;
	color: #fff;
	text-align: center;
	background: #ff8a00;
}
#access .car .tabs div ol li:nth-child(1):before{ content: "1";}
#access .car .tabs div ol li:nth-child(2):before{ content: "2";}
#access .car .tabs div ol li:nth-child(3):before{ content: "3";}
#access .car .tabs div ol li:nth-child(4):before{ content: "4";}
#access .car .tabs div ol li:nth-child(5):before{ content: "5";}
#access .car .tabs div ol li:nth-child(6):before{ content: "6";}
#access .car .tabs div ol li:nth-child(7):before{ content: "7";}
#access .car .tabs div ol li:nth-child(8):before{ content: "8";}
#access .car .tabs div ol li:nth-child(9):before{ content: "9";}
#access .car .tabs div ol li:nth-child(10):before{ content: "10";}
#access .car .tabs div figure p.anchorwrap{
	position: relative;
}
#access .car .tabs div figure p.anchorwrap a{
	display: block;
	width: 15%;
}
#access .car .tabs div figure p.anchorwrap a.anchor1{
	position: absolute;
	left: 20%;
	top: 74.714286%;
}
#access .car .tabs div figure p.anchorwrap a.anchor2{
	position: absolute;
	left: 20%;
	top: 63%;
}
#access .car .tabs div figure p.anchorwrap a.anchor3{
	position: absolute;
	left: 74.8%;
	top: 64.7%;
}
#access .car .tabs div figure p.anchorwrap a.anchor4{
	position: absolute;
	left: 27.8%;
	top: 21%;
}
#access .car .tabs div figure p.anchorwrap a.anchor5{
	position: absolute;
	left: 56.8%;
	top: 31%;
}
#access .car .tabs div figure p.anchorwrap a.anchor6{
	position: absolute;
	left: 56.8%;
	top: 50.5%;
}
/*  train */
#access .train{
	text-align: left;
	margin-bottom: 80px;
}
#access .train dl{
	font-size: 20px;
	text-align: left;
}
#access .train dl dt{
	clear: left;
	float: left;
	color: #1e2e53;
	font-weight: bold;
	margin-bottom: 5px;
}
#access .train dl dd{
	overflow: hidden;
	margin-bottom: 5px;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	/*  map */
	#access .map{
		margin-bottom: 40px;
	}
	#access .map iframe{
		height: 300px;
		margin-bottom: 20px;
	}
	#access .map dl{
		font-size: 16px;
		text-align: left;
	}
	/*  car */
	#access .car{
		text-align: left;
		margin-bottom: 40px;
	}
	#access h3{
		min-height: 35px;
		font-size: 20px;
		padding: 0 0 5px 35px;
		background: url(../images/icon-pin.png) no-repeat left 3px;
		background-size: 30px;
		border-bottom: 4px solid #1e2e53;
		margin-bottom: 20px;
	}
	#access .car p.read{
		font-size: 16px;
	}
	#access .car .tabs label{
		font-size: 18px;
		padding: 10px;
	}
	#access .car .tabs div{
		padding: 20px;
	}
	#access .car .tabs div p.blue{
		font-size: 18px;
	}
	#access .car .tabs div p.blue small{
		font-size: 14px;
	}
	#access .car .tabs div p.red{
		font-size: 16px;
		padding: 5px;
		margin-bottom: 20px;
	}
	#access .car .tabs div ol{
		padding: 15px 20px;
		border: 1px solid #dcdcdc;
	}
	#access .car .tabs div ol li{
		padding-left:25px;
		position: relative;
		margin-bottom: 2px;
	}
	#access .car .tabs div ol li:before{
		display: inline-block;
		position: absolute;
		left: 0;
		top: 2px;
		width: 20px;
		height: 20px;
		line-height: 21px;
		color: #fff;
		text-align: center;
		background: #ff8a00;
	}
	/*  train */
	#access .train{
		margin-bottom: 40px;
	}
	#access .train dl{
		font-size: 16px;
		text-align: left;
	}
	#access .train dl dt{
		clear: left;
		float: left;
		color: #1e2e53;
		font-weight: bold;
		margin-bottom: 5px;
	}
	#access .train dl dd{
		overflow: hidden;
		margin-bottom: 5px;
	}
}
@media screen and (max-width:500px){
	#access .car .tabs label{
		font-size: 14px;
		padding: 5px 0;
	}
}






/*---------------------------------------------------------------------------------------
	recruit
----------------------------------------------------------------------------------------*/

#recruit .inner{
	text-align: left;
}
#recruit .read{
	font-size: 27px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}
#recruit ul.photo{
	clear: both;
	overflow: hidden;
}
#recruit ul.photo li{
	float: left;
	width: 32%;
	margin-right: 2%;
}
#recruit ul.photo li:last-child{ margin-right: 0;}
#recruit ul.photo li img{
	margin-bottom: 5px;
}
#recruit .catch{
	clear: both;
	color: #e60033;
	font-size: 44px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}
#recruit .catch span{
	display: inline;
	background:linear-gradient(transparent 75%, #fcff00 0%);
}
#recruit .read2{
	font-size: 18px;
	font-weight: bold;
}
#recruit .title-redbg{
	clear: both;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	padding: 15px;
	background: #e60033;
}
#recruit .jinzai{
	overflow: hidden;
}
#recruit .jinzai dt{
	font-size: 35px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
#recruit .jinzai dt:before,
#recruit .jinzai dt:after{
	font-size: 44px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}
#recruit .jinzai dt:before, #recruit .jinzai dt:after{
	content: "";
	width: 36px;
	height: 50px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 30px;
}
#recruit .jinzai dt:before{
	background: url(../images/recruit-midashi-before.png) no-repeat left top;
}
#recruit .jinzai dt:after{
	background: url(../images/recruit-midashi-after.png) no-repeat left top;
}
#recruit .jinzai dd{
	clear: both;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 15px 10px 45px;
	background: #feffb2;
	margin-bottom: 10px;
	position: relative;
}
#recruit .jinzai dd:before{
	content: "●";
	color: #e60033;
	position: absolute;
	left: 20px;
	top: 10px;
}
#recruit .dotline{
	clear: both;
	line-height: 2;
	padding: 20px 5%;
	border: 1px dashed #1e2e53;
}
#recruit h4{
	clear: both;
	color: #1e2e53;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}
#recruit h4.bottomline{
	padding-bottom: 5px;
	border-bottom: 1px solid #1e2e53;
}
#recruit table{
	width: 100%;
	border: 1px solid #dcdcdc;
}
#recruit table th{
	width: 220px;
	padding: 15px 20px;
	font-weight: bold;
	background: #f8f8f8;
	border-bottom: 1px solid #dcdcdc;
}
#recruit table td{
	padding: 15px 20px;
	border-bottom: 1px solid #dcdcdc;
}
#recruit table td dl{
	overflow: hidden;
}
#recruit table td dl dt{
	float: left;
	color: #1e2e53;
	width: 12em;
	font-weight: bold;
}
#recruit table td dl dd{
	overflow: hidden;
}
#recruit .mado{
	clear: both;
	line-height: 2;
	padding: 20px 5%;
	border: 1px solid #dcdcdc;
	overflow: hidden;
}
#recruit .mado dt{
	float: left;
	font-weight: bold;
	margin-right: 30px;
}
#recruit .mado dd{
	overflow: hidden;
}
#recruit .btn a{
	display: inline-block;
	width: 80%;
	max-width: 430px;
	line-height: 90px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 2px;
	background: url(../images/icon-right.png) no-repeat center right 20px #063755;
}
/* recruit-form */
#recruit-form .inner{
	text-align: left;
}
#recruit-form h3{
	color: #1e2e53;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
}
#recruit-form h3:before{
	display: inline-block;
	content: "";
	width: 52px;
	height: 52px;
	background: url(../images/icon-mail.png) no-repeat left top;
	margin-right: 10px;
	margin-bottom: 3px;
	vertical-align: middle;
}
#recruit-form .red,
#recruit-form table em{
	color: #e60033;
}
#recruit-form table{
	width: 100%;
	text-align: left;
	border-top: 1px dashed #000;
	margin-bottom: 30px;
}
#recruit-form table th{
	width: 180px;
	color: #1e2e53;
	padding: 15px 20px 15px 0;
	border-bottom: 1px dashed #000;
	font-weight: bold;
	vertical-align: top;
}
#recruit-form table th em{
	font-weight: bold;
}
#recruit-form table td{
	padding: 15px 0;
	border-bottom: 1px dashed #000;
}
#recruit-form table td .trial-type li,
#recruit-form table td div.half{
	display: inline-block;
	width: 48%;
	min-width: 20em;
	padding-right: 15px;
	vertical-align: top;
}
#recruit-form table td .trial-section{
	width: 70%;
}
#recruit-form table td .trial-section li{
	display: inline-block;
	width: 25%;
	min-width: 12em;
	padding-right: 15px;
	vertical-align: top;
}
#recruit-form table td input[type="radio"]{
	width: 20px;
	height: 20px;
	margin-right: 5px;
	margin-bottom: 3px;
	vertical-align: middle;
}
#recruit-form table td input[type="text"]{
	box-sizing: border-box;
	width: 100%;
	max-width: 400px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	padding: 0 15px;
	border: 1px solid #bfbfbf;
}
#recruit-form table td input[type="text"]::placeholder{
	color: #a3a3a3;
}
#recruit-form table td input[type="text"].tel{
	width: 25%;
	max-width: 140px;
}
#recruit-form table td input[type="text"].wmax{
	width: 100%;
	max-width: inherit;
}
#recruit-form table td select{
	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	padding: 0 15px;
	border: 1px solid #bfbfbf;
}
#recruit-form table td textarea{
	box-sizing: border-box;
	width: 100%;
	height: 130px;
	font-size: 16px;
	padding: 15px;
	border: 1px solid #bfbfbf;
}
#recruit-form div.privacy{
	clear: both;
	padding: 15px 30px;
	background: #fff;
	text-align: left;
	border: 1px solid #ccc;
	margin-bottom: 30px;
}
#recruit-form div.privacy strong{
	font-size: 18px;
}
#recruit-form p.btn{
	text-align: center;
}
#recruit-form p.btn input{
	display: inline-block;
	width: 80%;
	max-width: 430px;
	line-height: 90px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 2px;
	background: url(../images/icon-right.png) no-repeat center right 20px #063755;
	border: none;
	outline: none;
	cursor: pointer;
}
#recruit-form p.btn input:hover{ opacity: .7;}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	#recruit .read{
		font-size: 20px;
	}
	#recruit ul.photo li{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 15px;
		font-size: 14px;
	}
	#recruit ul.photo li:last-child{ clear: left; margin-right: 2%;}
	#recruit ul.photo li:nth-child(2n){ margin-right: 0;}
	#recruit .catch{
		font-size: 27px;
	}
	#recruit .catch span{
		display: inline;
		background:linear-gradient(transparent 75%, #fcff00 0%);
	}
	#recruit .read2{
		font-size: 18px;
		font-weight: bold;
	}
	#recruit .title-redbg{
		font-size: 20px;
		padding: 15px;
	}
	#recruit .jinzai dt{
		font-size: 24px;
		margin-bottom: 10px;
	}
	#recruit .jinzai dt:before,
	#recruit .jinzai dt:after{
		font-size: 44px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 15px;
	}
	#recruit .jinzai dt:before, #recruit .jinzai dt:after{
		content: "";
		width: 30px;
		height: 50px;
		display: inline-block;
		vertical-align: middle;
		margin: 0 20px;
	}
	#recruit .jinzai dt:before{
		background: url(../images/recruit-midashi-before.png) no-repeat left center;
		background-size: 30px auto;
	}
	#recruit .jinzai dt:after{
		background: url(../images/recruit-midashi-after.png) no-repeat left center;
		background-size: 30px auto;
	}
	#recruit .jinzai dd{
		font-size: 16px;
	}
	#recruit .dotline{
		line-height: 1.6;
	}
	#recruit h4{
		font-size: 20px;
		margin-bottom: 10px;
	}
	#recruit table{
		border-bottom: none;
	}
	#recruit table th{
		display: block;
		width: auto;
		padding: 5px 10px;
	}
	#recruit table td{
		display: block;
		padding: 10px;
	}
	#recruit table td dl dt{
		float: none;
		width: auto;
	}
	#recruit .mado{
		clear: both;
		line-height: 1.6;
	}
	#recruit .mado dt{
		float: none;
		margin-bottom: 10px;
	}
	#recruit  p.btn a{
		width: 100%;
		line-height: 60px;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 2px;
		background: url(../images/icon-right.png) no-repeat center right 20px #063755;
		background-size: 15px auto;
	}
	/* recruit-form */
	#recruit-form h3{
		font-size: 20px;
	}
	#recruit-form h3:before{
		width: 30px;
		height: 30px;
		background: url(../images/icon-mail.png) no-repeat left top;
		background-size: 30px;
	}
	#recruit-form table th{
		display: block;
		width: auto;
		padding: 15px 0 5px;
		border-bottom: none;
	}
	#recruit-form table td{
		display: block;
		padding: 0 0 15px;
		border-bottom: 1px dashed #000;
	}
	#recruit-form table td .trial-type li,
	#recruit-form table td div.half{
		width: auto;
		padding-right: 10px;
	}
	#recruit-form table td input{
		padding: 0 10px;
	}
	#recruit-form table td textarea{
		padding: 10px;
	}
	#recruit-form p.btn input{
		width: 100%;
		line-height: 60px;
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 2px;
		background: url(../images/icon-right.png) no-repeat center right 20px #063755;
		background-size: 15px auto;
	}
	#recruit-form p.btn input:hover{ opacity: 1;}
}







/*---------------------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------------------*/

footer{
	clear: both;
}
footer #flink a:before{
	display: inline-block;
	content: "";
	width: 57px;
	height: 57px;
	background: url(../images/icon-pc.png) no-repeat;
	vertical-align: middle;
	margin-right: 20px;
	margin-bottom: 5px;
}
footer #pagetop{
	position: fixed;
	right: 0;
	bottom: 0;
	background: rgba(160,160,160,.95);
}
footer #flink a{
	display: block;
	color: #fff;
	font-size: 33px;
	font-weight: bold;
	padding: 20px 0 15px;
	background: #e60033;
	box-shadow: 0 0 12px 0 #666;
}
footer #flink a span{
	display: block;
	color: #fcff00;
	font-size: 16px;
}
footer #fnav{
	clear: both;
	padding: 40px 5% 10px;
}
footer #fnavwrap{
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
footer #fnav dl{
	float: left;
	width: 20%;
	text-align: left;
	margin-bottom: 20px;
}
footer #fnav dl:nth-child(1){ width: 15%;}
footer #fnav dl:nth-child(4){ width: 25%;}
footer #fnav dl dt{
	font-weight: bold;
	letter-spacing: -1px;
	padding-left: 15px;
	margin-bottom: 15px;
	position: relative;
}
footer #fnav dl:nth-of-type(1) dt,
footer #fnav dl:nth-of-type(4) dt,
footer #fnav dl:nth-of-type(5) dt{
	margin-bottom: 12px;
}
footer #fnav dl dt:before{
	display: inline-block;
	content: "";
	position: absolute;
	left: 0;
	top: 11px;
	width: 10px;
	height: 2px;
	background: #e60033;
}
footer #fnav dl dd{
	font-size: 14px;
	padding-left: 15px;
	margin-bottom: 15px;
}
footer #fnav ul{
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}
footer #fnav ul li{
	float: left;
	width: 23%;
	margin-right: 2.666666666666667%;
	margin-bottom: 10px;
}
footer #fnav ul li:nth-child(4n){ margin-right: 0;}
footer #fabout{
	clear: both;
	padding: 10px 5%;
	background: #eee;
}
footer #faboutwrap{
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
footer #faboutwrap img{
	float: left;
	width: 77px;
	height: auto;
	margin-right: 20px;
	margin-bottom: 10px;
}
footer #faboutwrap dl{
	text-align: left;
	overflow: hidden;
	margin-bottom: 10px;
}
footer #faboutwrap dl dt{
	display: inline-block;
	margin-right: 50px;
	vertical-align: middle;
}
footer #faboutwrap dl dt strong{
	font-size: 22px;
	font-weight: bold;
}
footer #faboutwrap dl dd{
	display: inline-block;
	font-size: 14px;
	padding-top: 5px;
	overflow: hidden;
	vertical-align: middle;
}
footer #faboutwrap p{
	clear: both;
	font-size: 13px;
	text-align: left;
}
footer #flink2{
	max-width: 1000px;
	margin: 0 auto;
	text-align: right;
	padding-right: 300px;
	padding-top: 10px;
}
footer #flink2:before{
	display: inline-block;
	color: #e60033;
	content: "＞";
	font-weight: bold;
	margin-right: 5px;
}
footer #copy{
	clear: both;
	box-sizing: content-box;
	max-width: 1000px;
	padding: 0 5% 20px;
	margin: -20px auto 0;
	font-size: 12px;
	text-align: right;
}
/*------------------------------ sp size ------------------------------*/
@media screen and (max-width:768px){
	footer{
		position: relative;
	}
	footer #flink a{
		font-size: 20px;
		padding: 15px 5%;
	}
	footer #flink a:before{
		width: 40px;
		height: 40px;
		background: url(../images/icon-pc.png) no-repeat;
		background-size: 40px;
		margin-right: 15px;
	}
	footer #flink a span{
		font-size: 14px;
	}
	footer #pagetop img{
		width: 45px;
		height: auto;
	}
	footer #fnav{
		clear: both;
		padding: 5% 5% 3%;
	}
	footer #fnav dl{
		display: none;
	}
	footer #fnav ul{
		margin-bottom: 0;
	}
	footer #fnav ul li{
		float: left;
		width: 48.5%;
		margin-right: 3%;
		margin-bottom: 2%;
	}
	footer #fnav ul li:nth-child(2n){ margin-right: 0;}
	footer #fabout{
		clear: left;
		padding: 10px 5%;
		background: #eee;
	}
	footer #faboutwrap{
		max-width: 1000px;
		margin: 0 auto;
		overflow: hidden;
	}
	footer #faboutwrap dl dt{
		margin-right: 0;
	}
	footer #faboutwrap img{
		float: left;
		width: 60px;
		height: auto;
		margin-right: 15px;
		margin-bottom: 5px;
	}
	footer #faboutwrap p{
		clear: both;
	}
	footer #flink2{
		text-align: center;
		padding-right: 0;
		padding-top: 10px;
	}
	footer #copy{
		clear: both;
		margin: 0 auto;
		padding: 5px 5% 20px;
		text-align: center;
	}
}