@charset "utf-8";

/** 共通パーツ
========================================*/
.wrapper1200{
	width: 1200px;
	margin: 0 auto;
}
@media only screen and (max-width:767px){
	.wrapper1200{
		width: 93.75%;
	}
}

/** secFloatBox
========================================*/
.secFloatBox{
	position:fixed;
	top:60px;
	right:0;
	z-index:9999;
}
@media only screen and (max-width:767px){
	.secFloatBox{
		display:none;
	}
}

/** secHero
========================================*/
.secHero{
	background: #C5E7F3;
	padding-bottom:55px;
	height:820px;
	box-sizing:border-box;
}
.secHero .tit{
	width: 1004px;
	margin: 0 auto;
	padding-top: 42px;
	z-index:10;
	position:relative;
}
.secHero .imgTop{
	width:951px;
	margin: -4px auto 0;
}
/*.topPresent{ background:#EA3A00;}
.topPresent .wrapper{
	width:1200px;
	height:70px;
	margin: 0 auto;
	position: relative;
}
.topPresent .wrapper .img{
	position:absolute;
	bottom: 5px;
	left:0;
}*/
@media only screen and (max-width:1300px){
	.secHero .tit{
		width: 1004px;
	}
	.secHero .tit img{
		width: 100%;
		height: auto;
	}
	.secHero .imgTop{
		width:964px;
		margin:-8px auto 0;
	}
	.secHero .imgTop img{
		width: 100%;
		height: auto;
	}
}
@media only screen and (max-width:767px){
	.secHero{
		padding-bottom:0;
		height:auto;
	}
	.secHero .tit{
		width: 93.75%;
		padding-top: 20px;
		margin: 0 auto;
	}
	.secHero .imgTop{
		width: 100%;
		padding-top: 5px;
		margin: 0 auto;
	}
	.topPresent .wrapper{
		width:93.75%;
		height:auto;
		padding: 6% 0 9%;
	}
	.topPresent .wrapper .img{
		position:absolute;
		bottom: 24%;
		left:0;
	}
}
/** secReserve
========================================*/
.secReserve .txt{
	width: 700px;
	margin: 0 auto;
	padding: 42px 0 32px;
}
.secReserve .wrapper{
	display: block;
	background: url(../img/index/bgReserve.jpg) center top no-repeat #F7E6B0;
}
.secReserve .tit{
	width: 1290px;
	margin: 0 auto;
	padding-top: 52px;
}
.secReserve .tit2{
	padding:26px 0 40px;
	width:1210px;
}
@media only screen and (max-width:1290px){
	.secReserve .tit{
		width: 1200px;
	}
}
@media only screen and (max-width:767px){
	.secReserve .txt{
		width: 62.5%;
		padding: 20px 0 15px;
	}
	.secReserve .wrapper{
		background: #F7E6B0;
	}
	.secReserve .tit{
		width: 93.75%;
		padding-top: 14px;
	}
	.secReserve .tit2{
		width: 93.75%;
		padding: 20px 0 0;
	}	
	.secReserve .img{
		margin-top: 20px;
	}
}
/** secTel
========================================*/
.secTel{
	width: 1000px;
	margin: 38px auto 69px;
}
@media only screen and (max-width:767px){
	.secTel{
		width: 93.75%;
		margin: 20px auto 40px;
	}
}
/** secList
========================================*/
.secList{ margin-bottom:19px;}
.secList .imgList li{float: left;}
.secList .imgList li:nth-child(even){float: right;}

@media only screen and (max-width:767px){
	.secList{ margin:19px auto;}
	.secList .imgList li{float: none;}
	.secList .imgList li:nth-child(even){float: none;}
}
/** sec_area
========================================*/
.sec_area{
	padding:10px 0 80px;
}
.sec_area .tit_area{
	padding:0 0 35px;
	text-align:center;
}
.sec_area .titTop{
	text-align: center;
	margin: 29px auto 31px;
}
.sec_area .tit_main{
	text-align: center;
    color: #fff;
    font-size: 33px;
    letter-spacing: 2px;
    font-weight: bold;
    background: #D4396C;
    padding: 43px 0 44px;
}
.sec_area .tit_main.sec02{
	margin-top:110px;
}
.sec_area .bg_tit{
	background:url(../img/index/bg_area_tit.png) top center no-repeat;
	height:79px;
	font-size:0;
	text-align:center;
	margin-top:69px;
}
.sec_area .bg_tit .tit{
	color:#fff;
	display:inline-block;
	vertical-align:top;
	font-weight:bold;
	font-size:30px;
	padding-top:14px;
	letter-spacing:3.25px;
}
.sec_area .bg_tit .tit_sub{
	display:inline-block;
	vertical-align:top;
	font-weight:normal;
	font-size:16px;
	margin-left:10px;
	padding-top:20px;
	letter-spacing:1.75px;
	color:#fff;
}
.sec_area .area_main{
	font-size:0;
	margin-top: -21px;
}
.sec_area .left,
.sec_area .right{
	display:inline-block;
	vertical-align:top;
	width:50%;
}
.sec_area .right iframe{
	width:100%;
	height:350px;
}
.sec_area .btn_box{
	text-align:center;
	display:block;
	font-size:0;
}
.sec_area .area_btn_main{
	float: right;
	padding:27px 0 18px;
}
.sec_area .left_tel,
.sec_area .right_btn{
	font-size:0;
	display:inline-block;
	vertical-align:top;
}
.sec_area .tel_box{
	font-size:0;
}
.sec_area .txt_tel,
.sec_area .tel{
	display:inline-block;
	vertical-align:top;
}
.sec_area .tel{
	margin-left:16px;
}
.sec_area .txt_date{
	font-size:15px;
	line-height:160%;
	letter-spacing:2px;
	text-align:right;
	padding-top:12px;
	font-weight:500;
}
.sec_area .left_tel{
	padding-top:8px;
}
.sec_area .right_btn{
	margin-left:20px;
}
@media only screen and (max-width:767px){
	.sec_area{
		padding:0 0 40px;
	}
	.sec_area .tit_main{
		font-size: 23px;
		padding: 20px;
		line-height:140%;
	}
	.sec_area .tit_area{
		padding:0 0 20px;
		text-align:center;
		width:93.75%;
		margin:0 auto;
	}	
	.sec_area .titTop{
		margin: 15px auto;
	}
	.sec_area .titTop img{
		width: 93.75%;
		height: auto;
	}
	.sec_area .tit_main.sec02 {
		margin-top: 50px;
	}
	.sec_area .bg_tit{
		height:auto;
		background:#D32C64;
		margin-top: 30px;
	}
	.sec_area .bg_tit .tit{
		letter-spacing:1.75px;
	}
	.sec_area .bg_tit .tit_sub{
		letter-spacing:1px;
	}
	.sec_area .left, .sec_area .right {
		display: block;
		width: 100%;
	}
	.sec_area .right iframe {
		height: 200px;
	}
	.sec_area .tit_main {
		padding: 20px;
	}
	.sec_area .bg_tit .tit {
		display: block;
		font-size: 18px;
	}
	.sec_area .bg_tit .tit_sub {
		padding:10px 10px 15px;
	    font-size: 12px;
		line-height: 1.5;
		display:block;
		margin-left:auto;
	}
	.sec_area .area_main {
		margin-top: 0;
	}
	.sec_area .area_btn_main {
		float: none;
		padding: 25px 0 0;
		width:93.75%;
		margin:0 auto;
	}
	.sec_area .left_tel, .sec_area .right_btn {
	    display: block;
	}
	.sec_area .txt_tel, .sec_area .tel {
		display: block;
	}
	.sec_area .txt_tel{
		width:80%;
		margin:0 auto;
	}
	.sec_area .tel {
		margin-left: 0;
		width:80%;
		margin:20px auto 10px;
	}
	.sec_area .txt_date {
		font-size: 13px;
		letter-spacing: 0px;
		text-align: center;
		padding-top: 0px;
		padding-bottom:20px;
	}
	.sec_area .right_btn {
		margin-left: auto;
	}
}

/* secAreaSub */
.secAreaSub{
	overflow: hidden;
}
.secAreaSub .sliderArea{
	position: relative;
	width: 1200px; /* (スライドの幅 + (スライドのmargin * 2)) * 3 - (スライドのmargin * 2) */
	margin: 0 auto;
	font-size: 0;
	text-align: center;
}
.secAreaSub .sliderArea .slick-list{
	overflow: visible !important;
}
.secAreaSub .sliderArea .item{
	width: 280px; /* スライドの幅 */
	display: inline-block;
	position: relative;
	margin-right:1px;
}
.secAreaSub .sliderArea .item:hover{
	opacity:0.8;
}
.secAreaSub .sliderArea .item a{
	display:block;
}
.secAreaSub .sliderArea .item .img{
	width: 280px;
	height: 210px;
	position: relative;
}

@media only screen and (max-width:767px){
	.secAreaSub .sliderArea{
		width: 100%;
	}
	.secAreaSub{
		height:auto;
	}
	.secAreaSub .sliderArea .item{
		width:125px;
	}
	.secAreaSub .item img{
		width:100%;
		height:auto;
	}
}