@charset "utf-8";

/* ==================================================
 - index
================================================== */

/* ----------------------------------------
 - #Contents
---------------------------------------- */
#Contents {
	padding: 0 0 70px;
}
@media screen and (max-width: 768px) {
#Contents {
	padding: 0;
}
}

/* ----------------------------------------
 - leadBox
---------------------------------------- */
.leadBox{
	margin: 53px 0 0;
	padding: 40px 0;
}
@media screen and (max-width: 768px) {
.leadBox{
	margin: 2em 0 0;
	padding: 1em 0;
}
}

/* ----------------------------------------
 - section
---------------------------------------- */
#Contents section {
	display: none;
}
#Contents section a,
#Contents section a p{
	color: #fff;
	display: block;
	text-align: center;
}
#Contents section a:hover,
#Contents section a:hover p {
	text-decoration: none;
}
#Contents section a {
	padding-top: 120px;
}
#Contents section:nth-child(1) a {
	background: none;
	background: url(../images/index/img3_pc.jpg) center center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	height: 520px;
}
#Contents section:nth-child(2) a {
	background: none;
	background: url(../images/index/img2_pc.jpg) center center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	height: 520px;
}
#Contents section:nth-child(3) a {
	background: none;
	background: url(../images/index/img1_pc.jpg) center center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	height: 520px;
}
#Contents section:nth-child(4) a {
	background: none;
	background: url(../images/index/img2_pc.jpg) center center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	height: 520px;
}
#Contents section:nth-child(5) a {
	background: none;
	background: url(../images/index/img1_pc.jpg) center center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	height: 520px;
}
#Contents h3 {
	font-size: 16px;
	margin: 0 auto 30px;
	width: 160px;
}
#Contents h3 > span {
	border-top: dotted 1px #fff;
	display: block;
	color: #fff;
	font-size: 16px;
	width: 100%;
}
#Contents h3 > span > span {
	font-size: 13px;
	padding-left: 0.3em;
}
#Contents p.txt {
	font-size: 34px;
	margin-bottom: 60px;
}
#Contents p.btn {
	border: solid 1px #fff;
	border-radius: 100px;
	margin: 0 auto;
	padding: 15px 0;
	width: 174px;
}

@media screen and (max-width: 768px) {
#Contents section a {
	padding: 3em 0 2em;
}
#Contents section:nth-child(1) a {
	background: url(../images/index/img1_sp.jpg) center center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	height: auto;
}
#Contents section:nth-child(2) a {
	background: url(../images/index/img2_sp.jpg) center center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	height: auto;
}
#Contents section:nth-child(3) a {
	background: url(../images/index/img3_sp.jpg) center center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	height: auto;
}
#Contents section:nth-child(4) a {
	background: url(../images/index/img2_sp.jpg) center center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	height: auto;
}
#Contents section:nth-child(5) a {
	background: url(../images/index/img1_sp.jpg) center center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	height: auto;
}
#Contents h3 {
	font-size: 12px;
	margin: 0 auto 1.5em;
	width: 35%;
}
#Contents h3 span {
	border-top: dotted 1px #fff;
	display: block;
	color: #fff;
	font-size: 12px;
	width: 100%;
}
#Contents h3 span > span {
	border-top: none;
	display: inline;
	font-size: 10px;
}
#Contents p.txt {
	font-size: 20px;
	margin-bottom: 1.5em;
}
#Contents p.btn {
	font-size: 14px;
	padding: 0.8em 0;
	width: 35%;
}
}
	
/* ----------------------------------------
 - boxPresent
---------------------------------------- */
ul.boxPresent {
	text-align: center;
	margin-bottom: 184px;
}
ul.boxPresent li:first-child {
	margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
ul.boxPresent {
	margin-bottom: 0;
}
ul.boxPresent li:first-child {
	margin-bottom: 0;
}
}