@charset "utf-8";

/* =Reset default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus{outline:0;}

ol, ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
/* -------------------------------------------------------------- */

body{
color:#222;
font-size:14px;
font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
line-height:1.53;
background:#fff;
-webkit-text-size-adjust:100%;
}

/* リンク設定
------------------------------------------------------------*/
a{color:#358de0;text-decoration:none;}
a:hover{color:#429bef;}
a:active, a:focus{outline:0;}


/* 全体
------------------------------------------------------------*/
.sp {display: none;}
.pc {display: inline-block;}
@media screen and (max-width: 767px) {
	.sp {display: inline-block;}
	.pc {display: none;}
}
#wrapper{
margin:20px auto 0;
padding:0 1%;
width:98%;
position:relative;
}
.inner{
margin:0 auto;
width:100%;
}
a:hover img{
	opacity:.7;
}
.imgWidthFull {width: 100%;}
.flexWrapCenter {
	display: -webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	justify-content:center;
}
.flexSpacearound {
	-webkit-justify-content:space-around;
	justify-content:space-around;
}
.flexSpacebetween {
	-webkit-justify-content:space-between;
	justify-content:space-between;
}

/*************
/* ヘッダー
*************/
.headerArea {
	position: relative;
	background: #F7EBA8;
	padding-bottom: 9%;
}
.headerArea:after {
	content: '';
    position: absolute;
    right: -ms-calc(50% - 60px);
	right: -webkit-calc(50% - 60px);
	right: -moz-calc(50% - 60px);
	right: -o-calc(50% - 60px);
	right: calc(50% - 60px);
    bottom: -30px;
    display: inline-block;
    border-top: 30px solid #F7EBA8;
    border-right: 60px solid transparent;
    border-left: 60px solid transparent;
}
.headerArea .headerArea_logo {
	position: absolute;
	width: 20%;
    top: 2%;
    left: 3%;
}
.headerArea .headerArea_left {}
.headerArea .headerArea_left .headerArea_title {}
.headerArea .headerArea_left .headerArea_text {}
.headerArea .headerArea_left .headerArea_link {}
.headerArea .headerArea_right {}
.headerArea .headerArea_img {
	margin-bottom: 7%;
	width: 100%;
}
.headerArea .headerArea_textArea {
	padding: 0 8%;
}
.headerArea .headerArea_textArea .headerArea_textArea_01 {
	color: #E59A00;
	font-weight: 700;
	font-size: 16px;
	font-size: 4.25vw;
	margin-bottom: 5%;
}
.headerArea .headerArea_textArea .headerArea_textArea_02 {
	line-height: 1.3;
}

/*************
メイン コンテンツ
*************/
/* recommendedArea
------------------------------------------------------------*/
.recommendedArea {
	padding: 14% 8% 4%;
	background: #FAECEF;
}
.recommendedArea .recommendedArea_ttl {
	text-align: center;
	font-size: 20px;
	font-size: 5.33vw;
	margin-bottom: 5%;
}
.recommendedArea .recommendedArea_ttl:before {
	content: '';
    display: inline-block;
    width: 4vw;
    height: 6vw;
    vertical-align: middle;
    background: url(../img/title_bk01_left.png);
    background-size: 4vw 6vw;
    margin-right: 3%;
}
.recommendedArea .recommendedArea_ttl:after {
	content: '';
    display: inline-block;
    width: 4vw;
    height: 6vw;
    vertical-align: middle;
    background: url(../img/title_bk01_right.png);
    background-size: 4vw 6vw;
    margin-left: 3%;
}
.recommendedArea .recommendedBox {}
.recommendedArea .recommendedBox ul {}
.recommendedArea .recommendedBox ul li {
	width: 50%;
	margin-bottom: 8%;
}
.recommendedArea .recommendedBox ul li:nth-child(2n) {text-align: center;}
.recommendedArea .recommendedBox ul li:nth-child(1) img {width: 89%;}
.recommendedArea .recommendedBox ul li:nth-child(2) img {width: 86%;}
.recommendedArea .recommendedBox ul li:nth-child(3) img {width: 94%;}
.recommendedArea .recommendedBox ul li:nth-child(4) img {width: 77%;}

.recommendedArea .recommendedBox ul li .textg {
	width: 100%;
	text-align: center;
	font-size: 12px;
	font-size: 3.2vw;
}
.recommendedArea .recommendedBox ul li:nth-child(2n) .textg {padding-left: 15%;}

/* meritArea
------------------------------------------------------------*/
.meritArea {
	padding: 8% 8% 6%;
}
.meritArea .ttl {
	text-align: center;
	font-size: 20px;
	font-size: 5.33vw;
	margin-bottom: 4%;
}
.meritArea .ttl span {
    position: relative;
	display: inline-block;
	margin: 0 auto;
}
.meritArea .ttl small {
	display: block;
	font-size: 12px;
	font-size: 3.2vw;
}
.meritArea .ttl span:before {
	position: absolute;
    top: 36%;
    left: -14%;
	content: '';
    display: inline-block;
    width: 4vw;
    height: 6vw;
    vertical-align: middle;
    background: url(../img/title_bk02_left.png);
    background-size: 4vw 6vw;
    margin-right: 3%;
}
.meritArea .ttl span:after {
	position: absolute;
    top: 36%;
    right: -14%;
	content: '';
    display: inline-block;
    width: 4vw;
    height: 6vw;
    vertical-align: middle;
    background: url(../img/title_bk02_right.png);
    background-size: 4vw 6vw;
    margin-left: 3%;
}
.meritArea .meritBox {}
.meritArea .meritBox ul {
}
.meritArea .meritBox ul li {
	position: relative;
	margin-bottom: 8%;
}
.meritArea .meritBox ul li img {}
.meritArea .meritBox ul li .textg {
	font-size: 14px;
	font-size: 3.73vw;
	position: absolute;
    top: 82%;
    left: 0;
    width: 100%;
    text-align: center;
}

/* enquiryArea
------------------------------------------------------------*/
.enquiryArea {
	padding: 8% 8% 5%;
	background: #FAEAEE;
}
.enquiryArea .ttl {
	font-size: 20px;
	font-size: 5.33vw;
	margin-bottom: 2%;
}
.enquiryArea .ttl:before {
	content: '';
    display: inline-block;
    width: 5.5vw;
    height: 4vw;
    vertical-align: middle;
    background: url(../img/icon_mail.png);
    background-size: 5.5vw 4vw;
	margin-right: 2%;
}
.enquiryArea .text {
	font-size: 13px;
	font-size: 3.45vw;
	line-height: 1.6;
	margin-bottom: 3%;
}
.enquiryArea .text span {
	color: #EE4170;
	font-weight: 700;
}
.enquiryArea .btn_link {
	margin: 0 7% 0 8%;
}

/*************
/* フッター
*************/
#footerArea {
	padding: 6% 0 0;
	background: #FA9A92;
}
#footerArea .logo {
	padding: 0 8%;
	width: 48%;
	margin-bottom: 2%;
}
#footerArea .logo img {
	width: 100%;
}
#footerArea .tel {
	padding: 0 8%;
	color: #fff;
	font-size: 12px;
	font-size: 3.2vw;
	font-weight: 700;
	margin-bottom: 2%;
}
#footerArea .tel a {
	color: #fff;
	font-size: 12px;
	font-size: 3.2vw;
	font-weight: 700;
}
#footerArea .tel a:before {
	content: '';
    display: inline-block;
    width: 4vw;
    height: 4.5vw;
    vertical-align: middle;
    background: url(../img/icon_tell.png);
    background-size: 4vw 4.5vw;
    margin-left: 1%;
}
#footerArea .time {
	padding: 0 8%;
	color: #fff;
	line-height: 2.2;
    font-size: 8px;
	font-size: 2.05vw;
	margin-bottom: 4%;
}
#footerArea .time span {
	border: 1px solid #fff;
	padding: 0.2% 1%;
	margin-right: 1%;
}
#footerArea .copyright {
	width: 100%;
	background: #fff;
	text-align: center;
	font-size: 10px;
	font-size: 2.65vw;
	padding: 2% 4%;
}

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width:960px){
	
}

@media only screen and (max-width:959px){
	*{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
}

@media only screen and (min-width:768px){
	
}

@media only screen and (min-width:767px){
	/*************
	/* ヘッダー
	*************/
	.headerArea {
		padding-bottom: 48px;
	}
	.headerArea:after {
		right: -ms-calc(50% - 80px);
		right: -webkit-calc(50% - 80px);
		right: -moz-calc(50% - 80px);
		right: -o-calc(50% - 80px);
		right: calc(50% - 80px);
		bottom: -40px;
		border-top: 40px solid #F7EBA8;
		border-right: 80px solid transparent;
		border-left: 80px solid transparent;
	}
	.headerArea .headerArea_logo {
		max-width: 1400px;
		width: 11.7%;
		top: 2%;
		left: -ms-calc(50% - 48.5%);
		left: -webkit-calc(50% - 48.5%);
		left: -moz-calc(50% - 48.5%);
		left: -o-calc(50% - 48.5%);
		left: calc(50% - 48.5%);
		z-index: 1000;
	}
	.headerArea .headerArea_left {
		position: absolute;
		width: 44.3%;
		top: 9.4%;
		left: -ms-calc(50% - 36%);
		left: -webkit-calc(50% - 36%);
		left: -moz-calc(50% - 36%);
		left: -o-calc(50% - 36%);
		left: calc(50% - 36%);
		z-index: 100;
	}
	.headerArea .headerArea_left .headerArea_title {
		margin-bottom: 4.5%;
	}
	.headerArea .headerArea_left .headerArea_text {
		font-size: 20px;
		font-size: 1.43vw;
		font-weight: 700;
		color: #fff;
		margin-bottom: 4%;
	}
	.headerArea .headerArea_left .headerArea_text ul li {
		background: url(../img/head_mv_icon.png) no-repeat left top;
		/*background-size: 34px 28px;*/
		background-size: 2.4vw 1.9vw;
		/*padding-left: 47px;*/
		padding-left: 3.2vw;
	}
	.headerArea .headerArea_left .headerArea_text ul li:not(:last-of-type) {
		margin-bottom: 2.5%;
	}
	.headerArea .headerArea_left .headerArea_link {
		width: 79%;
		margin-left: -2%;
	}
	.headerArea .headerArea_left .headerArea_link a {
		display: block;
	}
	.headerArea .headerArea_right {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10;
	}
	.headerArea .headerArea_right img{
		width: 912px;
	}
	.headerArea .headerArea_img.pc {
		line-height: 0;
		width: 100%;
		margin-bottom: 50px;
	}
	.headerArea .headerArea_img.pc .bkimg{
		line-height: 0;
		display: block;
		/*max-width: 1400px;*/
		width: auto;
		margin: 0 auto;
	}
	.headerArea .headerArea_img.pc .bkimg img {
		
	}
	.headerArea .headerArea_textArea {
	}
	.headerArea .headerArea_textArea .headerArea_textArea_01 {
		font-size: 28px;
		text-align: center;
		max-width: 1000px;
		width: auto;
		margin: 0 auto 24px;
	}
	.headerArea .headerArea_textArea .headerArea_textArea_02 {
		font-size: 16px;
		text-align: center;
		line-height: 2;
		max-width: 1000px;
		width: auto;
		margin: 0 auto;
	}
	
	/* recommendedArea
	------------------------------------------------------------*/
	.recommendedArea {
		padding: 70px 0 68px;
	}
	.recommendedArea .recommendedArea_ttl {
		font-size: 32px;
		margin-bottom: 43px;
	}
	.recommendedArea .recommendedArea_ttl:before {
		width: 25px;
		height: 32px;
		background: url(../img/title_bk01_left.png);
		background-size: 25px 32px;
		margin-right: 20px;
	}
	.recommendedArea .recommendedArea_ttl:after {
		width: 25px;
		height: 32px;
		background: url(../img/title_bk01_right.png);
		background-size: 25px 32px;
		margin-left: 20px;
	}
	.recommendedArea .recommendedBox {
		max-width: 1000px;
		width: auto;
		margin: 0 auto;
	}
	.recommendedArea .recommendedBox ul {}
	.recommendedArea .recommendedBox ul li {
		width: 25%;
		margin-bottom: 0;
	}
	.recommendedArea .recommendedBox ul li:nth-child(2n) {text-align: left;}
	.recommendedArea .recommendedBox ul li:nth-child(1) img {width: 86%;}
	.recommendedArea .recommendedBox ul li:nth-child(2) img {width: 82%;}
	.recommendedArea .recommendedBox ul li:nth-child(3) img {width: 90%;}
	.recommendedArea .recommendedBox ul li:nth-child(4) img {width: 75%;}

	.recommendedArea .recommendedBox ul li .textg {
		font-size: 16px;
		line-height: 1.4;
		padding-top: 11px;
	}
	.recommendedArea .recommendedBox ul li:nth-child(2n) .textg {padding-left: 0;}

	/* meritArea
	------------------------------------------------------------*/
	.meritArea {
		padding: 49px 0 98px;
	}
	.meritArea .ttl {
		font-size: 32px;
		margin-bottom: 28px;
	}
	.meritArea .ttl span {
	}
	.meritArea .ttl small {
		font-size: 18px;
	}
	.meritArea .ttl span:before {
		top: 42%;
		left: -18%;
		width: 25px;
		height: 32px;
		background: url(../img/title_bk02_left.png);
		background-size: 25px 32px;
	}
	.meritArea .ttl span:after {
		top: 42%;
		right: -18%;
		width: 25px;
		height: 32px;
		background: url(../img/title_bk02_right.png);
		background-size: 25px 32px;
	}
	.meritArea .meritBox {
		max-width: 1000px;
		width: auto;
		margin: 0 auto;
	}
	.meritArea .meritBox ul {
		display: -webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		-ms-flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-justify-content:space-between;
		justify-content:space-between;
	}
	.meritArea .meritBox ul li {
		/*width: 310px;*/
		width: 31%;
		margin: 0;
	}
	.meritArea .meritBox ul li img {}
	.meritArea .meritBox ul li .textg {
		font-size: 22px;
		/*font-size: 1.8vw;*/
		/*top: 252px;*/
		top: 72%;
	}

	/* enquiryArea
	------------------------------------------------------------*/
	.enquiryArea {
		padding: 49px 0 36px;
		position: relative;
	}
	.enquiryArea .ttl {
		max-width: 1000px;
		width: auto;
		font-size: 32px;
		margin: 0 auto 14px;
	}
	.enquiryArea .ttl:before {
		width: 28px;
		height: 20px;
		vertical-align: middle;
		background: url(../img/icon_mail.png);
		background-size: 28px 20px;
		margin-right: 12px;
	}
	.enquiryArea .text {
		max-width: 1000px;
		width: auto;
		font-size: 16px;
		line-height: 1.88;
		margin: 0 auto 9px;
		position: relative;
		z-index: 10;
	}
	.enquiryArea .text span {
	}
	.enquiryArea .btn_link {
		max-width: 1000px;
		width: auto;
		margin: 0 auto;
	}
	.enquiryArea .btn_link a {
		display: block;
		width: 492px;
		margin-left: -13px;
	}
	.enquiryArea .bk_img {
		margin: 0;
		padding: 0;
		line-height: 0;
		position: absolute;
		position: absolute;
		bottom: 0;
		left: -ms-calc(50% + 170px);
		left: -webkit-calc(50% + 170px);
		left: -moz-calc(50% + 170px);
		left: -o-calc(50% + 170px);
		left: calc(50% + 170px);
		z-index: 0;
	}
	
	/*************
	/* フッター
	*************/
	#footerArea {
		padding: 24px 0 0;
	}
	#footerArea .logo {
		max-width: 1000px;
		width: auto;
		padding: 0;
		margin: 0 auto 11px;
	}
	#footerArea .logo img {
		width: 167px;
	}
	#footerArea .tel {
		max-width: 1000px;
		width: auto;
		font-size: 18px;
		margin: 0 auto 10px;
	}
	#footerArea .tel a {
		font-size: 18px;
	}
	#footerArea .tel a:before {
		width: 16px;
		height: 20px;
		background: url(../img/icon_tell.png);
		background-size: 16px 20px;
	}
	#footerArea .time {
		font-size: 12px;
		max-width: 1000px;
		width: auto;
		margin: 0 auto 22px;
	}
	#footerArea .time span {
		padding: 1px 6px;
	}
	#footerArea .time span.holiday {
		margin-left: 16px;
	}
	#footerArea .copyright {
		font-size: 10px;
		padding: 13px 0;
	}
}

@media only screen and (max-width:825px){
	.headerArea .headerArea_textArea .headerArea_textArea_01 {
		font-size: 23px;
	}
}
@media only screen and (max-width:910px){
	.enquiryArea .text {
		max-width: 610px;
		margin: 0 0 9px;
	}
}