@charset "utf-8";
.huwa{
	animation-name: huwa;
}
.animation{
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 1.5s;
}
@keyframes huwa{
	0% {
    transform: translate(0, 0px);
	}
	100% {
    transform: translate(0, 20px);
	}
}
/* TOP
-------------------------------------------------------------------*/
.btn_area{
	text-align:center;
}

.slick-initialized{
    opacity: 1
}

.mv{
	position:relative;
}

.mv h1{
	position:relative;
	z-index:2;
}

.mv .link{
	position:absolute;
	right:5%;
	bottom:23%;
	width:20%;
	z-index:3;
}

.area01{
	padding:110px 20px 280px 20px;
	background:url(../img/area01_bg.png) repeat-x bottom center #FAF8F4;
}


.area02 {
	padding:0 20px 220px 20px;
}

.area02 h2{
	margin-top:-200px;
}

.area02 .txt{
	padding:160px 0 0 0;
}

.area03{
	padding:0 20px;
	background:#F5F8F7;
	position:relative;
}

.area03 h2{
	top:-60px;
	margin-bottom:-30px;
	position:relative;
}

.area03 ul{
	width:1120px;
	margin:-120px auto -30px;
	display:flex;
	justify-content:space-between;
}

.area04 .bg{
	margin-top:-27px;
	background:url(../img/area04_bg.png) repeat-x top center;
	height:27px;
	width:100%;
	position:relative;
	z-index:2;
}

.area04 .box{
	background:#CBBB61;
	padding:0 0 640px 0;
	position:relative;
}

.area04 .box h2{
	padding:0 0 0 20px;
	top:-20px;
	position:relative;
	z-index:2;
	pointer-events: none;
}

.area04 .box .video{
	margin-top:-170px;
}

.faq{
	position:relative;
	z-index:2;
}

.faq .box{
	width:980px;
	margin:-570px auto 0;
	background: #faf8f4;
	filter: drop-shadow(0px 3px 16px rgba(0, 0, 0, 0.16));
	transform: translateZ(0);
	border-radius:80px;
}

.faq h2{
	padding:75px 0 45px 0;
	font-size:64px;
}

.faq h2 span{
	font-size:27px;
	display:block;
}

.faq dl{
	padding:0 0 100px 0;
}

.faq dl .txt{
	width:600px;
	margin:0 auto;
	text-align:left;
	line-height:1.8em;
}

.faq dl .txt01{
	color:#CBBB61;
	font-size:32px;
	line-height:1.6em;
}

.faq dl .txt02{
	padding:20px 0 0 0;
	text-align:justify;
}

.faq dl .red{
	font-size:24px;
	padding:15px 0 0 0;
	line-height:1.6em;
	color:#FFB4A5;
}

.faq dl .txt03{
	padding:40px 50px;
	background:#fff;
	font-size:14px;
	margin:15px auto 0;
	box-sizing:border-box;
	border-radius:8px;
}

.faq dl .txt03 ul li{
	position:relative;
	padding:0 0 0 17px;
}

.faq dl .txt03 ul li:after{
	content:"●";
	color:#FFB4A5;
	position:absolute;
	left:0;
	top:0;
}

.area05{
	padding:50px 0 0 0;
}

.btn_area01{
	background:url(../img/area05_bg.png) repeat-x bottom center;
	padding:0 0 250px 0;
}

.voice .btn_area{
	padding:50px 0 0 0;
}

.area06 .box01{
	background:#FFF0DC;
}

.area06 .box01 h2{
	top:-150px;
	position:relative;
	z-index:2;
}

.area06 .box02{
	background:#FAF5EB;
	padding:80px 0 0 0 ;
	margin-top:-158px;
}

.voice{
	background:url(../img/voice_bg02.png) repeat-x bottom center #fff;
	margin-top:-30px;
	position:relative;
	z-index:2;
	padding:0 0 140px 0;
}

.voice .bg{
	top:-35px;
	background:url(../img/voice_bg.png) repeat-x top center;
	height:35px;
	width:100%;
	position:relative;
	z-index:2;
}

.voice h2{
	padding:90px 0 50px 0;
}

.voice ul{
	width:1030px;
	margin:0 auto;
	flex-wrap:wrap;
	display:flex;
	justify-content:space-between;
}

.voice ul li{
	padding:0 0 40px 0;
}

.area07 .box01{
	background:#7DBADA;
	padding:130px 0 70px 0;
}

.area07 .box02{
	background:#F5F8F7;
	color:#3D4060;
}

.area07 .box02 .box_in{
	padding:0 0 60px 0;
	width:780px;
	margin:0 auto;
}

.area07 .box02 h3{
	width: 320px;
	margin:0 auto;
	height: 56px;
	line-height:56px;
	color:#fff;
	font-size:24px;
	border-radius: 28px;
	background: #cbbb61;
}

.area07 .box02 h3.first{
	position:relative;
	top:-28px;
}

.area07 .box02 .txt{
	font-size:20px;
	padding:0 0 40px 0;
	line-height:1.5em;
}

.area07 .box02 .txt span{
	font-size:12px;
	color:#B48C78;
	vertical-align:top;
}

.area07 .box02 dl{
	padding:24px 0;
	background:url(../img/area07_border.png) repeat-x bottom left;
}

.area07 .box02 dl dt{
	width:80px;
	height:80px;
	margin:0 auto;
	line-height:80px;
	font-size:36px;
	font-weight:400;
	color:#fff;
	background:#7DBADA;
	border-radius:50%;
}

.area07 .box02 dl dd{
	font-size:15px;
	padding:10px 0 0 0;
}

.area07 .box02 dl dd span{
	font-size:10px;
	vertical-align:top;
}

.area07 .box02 .b_txt{
	margin:40px 0 0 0;
	border-radius: 8px;
	background: #fff;
	padding:50px 85px;
	text-align:left;
}

.area07 .box02 .b_txt h4{
	color:#7DBADA;
}

.area07 .box02 .b_txt .mintxt{
	font-size:13px;
	padding:20px 0 0 0;
	line-height:1.8em;
}

.contact{
	padding:110px 0 35px 0;
}

.contact h2{
	font-size:40px;
	color:#C3B256;
	letter-spacing:0.1em;
}

.contact .m_txt{
	font-size:20px;
	color:#707070;
	letter-spacing:0.1em;
}

.contact ul{
	display:flex;
	justify-content:space-between;
	width:1000px;
	margin:30px auto 0;
}

.contact a{
	color:#3D4060;
	display:block;
	width: 320px;
	box-sizing:border-box;
	padding:27px 20px;
	height: 160px;
	border-radius: 8px;
	background: #faf5eb;
}

.contact li:nth-child(2) a{
	pointer-events: none;
}

.contact .ico{
	height:60px;
}

.contact .txt span{
	font-size:24px;
	position:relative;
	font-weight:700;
}

.contact .txt01 span:after{
	content:"電話";
	font-size:15px;
	position:absolute;
	left:-40px;
	top:5px;
	font-weight:normal;
	font-family:'GenJyuuGothic',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.contact .txt02 span:after{
	content:"FAX";
	font-size:15px;
	position:absolute;
	left:-40px;
	top:5px;
	font-weight:normal;
	font-family:'GenJyuuGothic',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.contact .sub{
	font-size:12px;	
	padding:0;
}

.contact .txt03{
	font-weight:bold;
	padding:5px 0 0 0;
}

@media screen and (max-width: 800px) {	
.new_btn{
	display:flex !important;
	justify-content:space-between;
	align-items:flex-end;
	padding:0 20px;
	position: relative;
    top: -30px;
    z-index: 2;
}

.new_btn li:nth-child(1){
	width:79%;
}

.new_btn li:nth-child(2){
	width:18.5%;
}

.area01{
	padding:0 0 33px 0;
	background:url(../img/area01_bg.png) repeat-x bottom center #FAF8F4;
	background-size:80px;
}


.area02 {
	padding:0;
}

.area02 h2{
	margin-top:-35%;
}

.area02 .txt{
	padding:50px 0 0 0;
}

.area03{
	padding:70px 0 0 0;
	background:none;
}

.area03 h2{
	top:0;
	margin-bottom:0;
}

.area03 ul{
	width:100%;
	margin:0 auto;
	background:#F5F8F7;
	padding:20px 20px 0 20px;
	box-sizing:border-box;
}

.area03 ul li{
	width:49%;
}

.area04{
	position:relative;
	z-index:2;
}

.area04 .bg{
	margin-top:-40px;
	background:url(../img/area04_bg.png) repeat-x top center;
	background-size:80px;
	height:18px;
	width:100%;
	position:relative;
	z-index:2;
}

.area04 .box{
	padding:0 0 300px 0;
}

.area04 .box h2{
	padding:30px 0 0 0;
	top:0;
	position:relative;
	width:60%;
	margin:0 auto;
}

.area04 .box .video{
	margin-top:20px;
	padding:0 30px;
}

.faq .box{
	width:95%;
	position:relative;
	border-radius:50px;
	z-index:3;
	margin:-200px auto 0;
	padding:0 20px;
	box-sizing:border-box;
}

.faq h2{
	padding:60px 0 30px 0;
	width:50%;
	margin:0 auto;
}

.faq dl{
	padding:0 0 50px 0;
}

.faq dl .txt{
	width:100%;
}

.faq dl .txt01{
	padding:5px 0 0 0;
	font-size:20px;
}

.faq dl .txt02{
	padding:15px 0 0 0;
}

.faq dl .red{
	font-size:18px;
	padding:15px 0 0 0;
}

.faq dl .txt03{
	padding:30px 40px;
	font-size:14px;
	margin:15px auto 0;
}

.area05{
	background:none;
	padding:60px 0 0 0;
}

.btn_area01{
	background:none;
	padding:0 0 50px 0;
}

.voice .btn_area{
	padding:50px 0 0 0;
	margin:0 -20px;
}

.area06 .box01{
	background:none;
}

.area06 .box01 h2{
	top:0;
	position:relative;
	z-index:2;
}

.voice{
	background:none;
	margin-top:0;
	padding:0 20px 80px 20px;
}

.voice .bg{
	display:none;
}

.voice h2{
	padding:40px 0 30px 0;
	width:70%;
	margin:0 auto;
}

.voice ul.pc{
	width:100%;
	display:none;
}

.voice ul.slider{
	display:block;
	width:100%;
}

.voice ul li{
	padding:0;
}

.area07 .box01{
	background:none;
	padding:30px 0 0 0;
}

.area07 .box02{
	background:#F5F8F7;
	color:#3D4060;
}

.area07 .box02 .box_in{
	padding:0 20px 20px 20px;
	width:100%;
	box-sizing:border-box;
}

.area07 .box02 h3{
	width: 280px;
	height: 40px;
	line-height:40px;
	font-size:18px;
}

.area07 .box02 h3.first{
	top:-20px;
}

.area07 .box02 .txt{
	font-size:16px;
	text-align:left;
	padding:0 0 30px 0;
}

.area07 .box02 dl{
	padding:15px 0;
}

.area07 .box02 dl dt{
	width:60px;
	height:60px;
	line-height:60px;
	font-size:24px;
}

.area07 .box02 dl dd{
	font-size:15px;
	text-align:left;
	padding:10px 0 0 0;
}

.area07 .box02 .b_txt{
	margin:30px 0 0 0;
	padding:30px 20px;
}

.contact{
	padding:60px 20px 20px 20px;
}

.contact h2{
	font-size:30px;
}

.contact .m_txt{
	font-size:16px;
}

.contact ul{
	display:block;
	width:100%;
	margin:20px auto 0;
}

.contact ul li{
	padding:0 0 20px 0;
}

.contact a{
	width: 100%;
	padding:30px 20px;
	height: 160px;
	border-radius: 8px;
	background: #faf5eb;
}

.contact li:nth-child(2) a{
	pointer-events: none;
}

.contact .ico{
	height:60px;
}

.contact .txt span{
	font-size:24px;
	position:relative;
	font-weight:700;
}

.contact .txt01 span:after{
	content:"電話";
	font-size:15px;
	position:absolute;
	left:-40px;
	top:5px;
	font-weight:normal;
	font-family:'GenJyuuGothic',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.contact .txt02 span:after{
	content:"FAX";
	font-size:15px;
	position:absolute;
	left:-40px;
	top:5px;
	font-weight:normal;
	font-family:'GenJyuuGothic',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.contact .sub{
	font-size:12px;	
	padding:0;
}

.contact .txt03{
	font-weight:bold;
	padding:5px 0 0 0;
}

}