@charset "utf-8";

/* 共通スタイル
 * ************************************************** */
.floatL {
	float: left;
}
.floatR {
	float: right;
}
.pcNone {
	display: none;
}
a,
a:focus,
.slick-slide,
area,
area:focus {
	outline: none;
}
a {
	-webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all  0.3s ease;
}
a:hover {
	opacity: 0.8;
}
img {
	max-width: 100%;
    vertical-align: bottom;
}
.slick-slide p,
.subImg p {
	font-size: 0.8em;
	line-height: 1.5;
	margin-top: 0.5em;
}
.gotop {
    display: block;
    width: 23px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    line-height: 1;
}
.br_sp { display:none; }
.d_sp { display:none!important; }

/* content
 * ************************************************** */
#content {
	display:block;
	padding-top: 500px;
	width: 100%;
	height: 100%;
	background: url("../images/main.jpg") no-repeat;
	background-size: 100vw;
	background-attachment: fixed;
}
.content_wrap {
	padding-top: 15vw;
	background: url("../images/main_bg.png") no-repeat 50% 0;
	background-size: contain;
	width:100%;
	height: 100%;
}
.content_inner {
	width: 100%;
	background: #fff;
}
.btn {
	display: block;
	margin: 60px auto 80px;
	padding: 1em;
	width: 500px;
	text-align: center;
	color: #fff;
	font-size: 150%;
	line-height: 1;
	letter-spacing: 0.1em;
	text-decoration: none;
	background: #0098b2;
}

/* lead
 * ************************************************** */
#lead {
	position: relative;
	margin: 0 auto;
	width: 800px;
	padding-top: 30px;
}
#lead .balloon {
	position: absolute;
	top: -220px;
	left: 0;
	width: 300px;
}
#lead h1 {
	margin: 0 auto 60px;
	width: 700px;
}
#lead p {
	text-align: center;
	line-height: 2;
}

/* present
 * ************************************************** */
#present {
	padding: 80px 0;
	background: #edf7fa;
}
#present .present_inner {
	position: relative;
	margin: 0 auto;
	width: 800px;
}
#present h2 {
	margin: 0 auto 20px;
	width: 500px;
}
#present .ttl_note {
	margin-bottom: 40px;
	text-align: center;
	font-size: 80%;
}
#present .present_cont01,
#present .present_cont02 {
	padding-bottom: 200px;
	background: url("../images/hr01.png") no-repeat left 50% bottom 100px;
	background-size: 240px;
}
#present .present_cont .ttl {
	position: relative;
	padding: 60px 0 70px 180px;
}
#present .present_cont .ttl .num {
	position: absolute;
	top: -60px;
	left: 40px;
	width: 90px;
}
#present .present_cont02 .ttl .num,
#present .present_cont03 .ttl .num {
	top: -90px;
}
#present .present_cont .ttl h3 {
	font-size: 240%;
}

/* terms
 * ************************************************** */
#terms h2,
#contact h2 {
	margin-bottom: 40px;
	padding-top: 100px;
	text-align: center;
	font-size: 200%;
	line-height: 1.6;
	letter-spacing: 0.5em;
	background: url("../images/hr02.png") no-repeat 50% 0;
	background-size: 120px;
}
#terms {
	margin: 0 auto 120px;
	width: 800px;
}
#terms .btn {
	margin: 60px auto 120px;
}
#terms h3 {
	margin: 80px auto 40px;
	padding: 0.6em;
	width: 300px;
	text-align: center;
	font-size: 140%;
	line-height: 1;
	letter-spacing: 0.5em;
	border: 1px solid #3e3a39;
}
#terms h3.long {
	width: 550px;
}
#terms ul li {
	padding-left: 1em;
	text-indent: -1em;
}

/* contact
 * ************************************************** */
#contact {
	margin: 0 auto;
	padding-bottom: 120px;
	width: 800px;
}
#contact p {
	text-align: center;
}