@charset "Shift_JIS";

.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {clear: both;}
.cf {*zoom: 1;}
*{-webkit-box-sizing:border-box;-moz-box-sizing : border-box ;box-sizing: border-box;margin:0;padding:0;font-size: 100%;}
body{margin:0;padding:0;-webkit-text-size-adjust: none;font-size: 12px; color:#4b4948;}
h1,h2,h3,h4,h5,h6 {line-height: 100%;margin: 0px;padding: 0px;font-weight:normal;clear:both;}
article, aside, dialog, figure, footer, header, hgroup, menu, nav, address, section {display: block;}
::-moz-selection{background:#141414;color: #FFFFFF;}
::selection{background:#141414;color: #FFFFFF;}
img {border: none;margin: 0px;padding: 0px;max-width: 100%;height: auto;vertical-align:bottom;}
hr{display: none;}

.w1000 {
    width: 1000px;
    margin: 0 auto;
}
.w900 {
    width: 900px;
    margin: 0 auto;
}
a {
	text-decoration: none;
	color:#4b4948;
    pointer-events: painted;
}

.colorG { color:#53918c;}
.colorB { color:#7b671b;}
.colorR { color:#a8696d;}

* {font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","HGŠÛºÞ¼¯¸M-PRO","HGMaruGothicMPRO", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;}

/* header */
/* ------------------------------------ */
header { background:#fff;}
	.header_inner {}
		.header_inner h1 {
			float:left;
			width:190px;
			padding:27px 0;
		}
		.telWrap {
			float:right;
			padding:9px 0;
		}
			.telWrap p {
				text-align:right;
				color:#103440;
				line-height:1
			}
				.telStr { font-size:11px;}
				.telNum {
					font-size:22px;
					font-weight:bold;
					padding:8px 0;
				}
				.telTime {
					font-size:11px;
					margin-right:-5px;
				}

/* MV */
/* ------------------------------------ */
#secMV {
	background:#cfe8ed
}
	.mvWrap {
		background:url(../image/mv.png) center center no-repeat;
		background-size:cover;
		height:566px;
		position:relative;
	}
		.copyWraop {
			position:absolute;
			width:475px;
			top:80px;
			left:0;
		}
			.copyWraop p {
				text-align:center;
				line-height:1;
				font-weight:bold;
			}
			.copy01 {
				font-size:27px;
			}
			.copy02 {
				font-size:20px;
				padding: 15px 0;
			}
			.copy03 {
				font-size:34px;
			}
			.logo { padding-top:60px;}
		.contactBtnWrap {
			position:absolute;
			top:407px;
			left:0;
			width:100%;
		}
			a.contactBtn {
				display:block;
				width:400px;
				margin:0 auto;
				text-align:center;
				font-weight:bold;
				font-size:19px;
				letter-spacing:0.1em;
				line-height:64px;
				border-radius:32px;
				color:#fff;
				background:#d5446a;
				transition:all 0.2s linear;
			}
			a:hover.contactBtn {
				background:#97ceca;
			}

/* sec2 */
/* ------------------------------------ */

#sec2 {
	background:url(../image/bg01.png);
}
	.secInner {
	}
		.str_area {
			padding:62px 0 66px;
		}
			.str_area p {
				text-align:center;
				letter-spacing:0.1em;
				font-weight:bold;
				line-height:1;
			}
			.sec_str01 { font-size:18px;}
			.sec_str02 {
				font-size:30px;
				color:#53918c;
				padding-top:20px;
			}
			.sec_str03 {
				font-size:30px;
				color:#7b671b;
				padding:20px 0;
			}
			.sec_str04 {
				font-size:30px;
				color:#a8696d;
				padding-bottom:20px;
			}
		.item_area {
			padding-bottom:62px;
		}
			.item_ul {
				list-style:none;
			}
				.item_ul>li {
					float:left;
					width:32%;
					background:#f8f8e6;
					margin-left:2%;
					border-width:20px;
					border-style:solid;
				}
					.item_wrap {
						padding:35px 0;
						height:350px;
					}
						.item_wrap h3 {
							text-align:center;
							font-size:25px;
							font-weight:bold;
							letter-spacing:0.02em;
						}
						.icon {
							height:175px;
							position:relative;
						}
							.icon img {
								position:absolute;
								display:block;
								top:50%;
								left:50%;
								transform:translate(-50%,-50%)
							}
						.item_wrap ul {
							padding: 0 30px;
							margin-left:1em;
						}
							.item_wrap ul li {
								font-size:18px;
								font-weight:bold;
								list-style-type:disc;
								line-height:1;
								margin-bottom:0.8em;
							}
				.item_ul>li:first-child {
					margin-left:0;
					border-color:#60a5a0;
				}
					.item_ul>li:first-child .item_wrap h3 {
						color:#60a5a0;
					}
				.item_ul>li:nth-child(2) {
					border-color:#9b8e5b;
				}
					.item_ul>li:nth-child(2) .item_wrap h3 {
						color:#9b8e5b;
					}
				.item_ul>li:last-child {
					border-color:#a8696d;
				}
					.item_ul>li:last-child .item_wrap h3 {
						color:#a8696d;
					}

/* sec3 */
/* ------------------------------------ */

#sec3 {
	background:url(../image/bg02.png);
}
	#sec3 .secInner {
		padding:100px 0 115px;
	}
		.sec3_str1 {
			font-family:"‚l‚r ‚o–¾’©", "MS PMincho", "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro", serif;
			font-size:35px;
			line-height:1;
			text-align:center;
			letter-spacing:0.1em;
		}
		.icon_3star {
			margin:60px auto 70px;
			width:348px;
			position:relative;
		}
			.icon_3star::before,
			.icon_3star::after {
				content:'';
				display:block;
				position:absolute;
			}
			.icon_3star::before {
				width:140px;
				height:147px;
				background:url(../image/img01_l.png) center center no-repeat;
				background-size:contain;
				left:-184px;
				top:-60px;
			}
			.icon_3star::after {
				width:138px;
				height:146px;
				background:url(../image/img01_r.png) center center no-repeat;
				background-size:contain;
				right:-182px;
				top:-60px;
			}
		.logo2 {
			text-align:center;
			margin-top:80px;
		}

/* sec4 */
/* ------------------------------------ */

#sec4 {
	background:url(../image/bg03.png);
}
	#sec4 .secInner {
		padding:60px 0;
	}
		.secInner h2 {
			text-align:center;
			font-weight:bold;
			font-size:30px;
			letter-spacing:0.05em;
		}
		.sec4Img {
			margin:40px auto 0;
			border:20px solid #578cb4;
		}
			.sec4Img img {
				width:100%;
				height:auto;
			}

/* sec5 */
/* ------------------------------------ */

#sec5 {
	background:url(../image/bg04.png);
}
	#sec5 .secInner {
		padding:90px 0 60px;
	}
		.sec5_str {
			font-size:17px;
			font-weight:bold;
			line-height:2;
			padding: 70px 0 60px;
		}
		.sec5ImgPC {
			padding:10px;
			background:#fff;
		}
		.se5ImgSP { display:none;}
		.pointWrap {
			display:flex;
			display:-webkit-flex;
			flex-wrap:wrap;
			-webkit-flex-wrap:wrap;
			justify-content:space-between;
			-webkit-justify-content:space-between;
		}
			.pointBox {
				width:446px;
				margin-top:10px;
				padding:33px;
			}
			.pointBox:first-child { background:#cbcb92;}
			.pointBox:nth-child(2) { background:#a5e1c3;}
			.pointBox:nth-child(3) { background:#b1d4f2;}
			.pointBox:last-child { background:#c0bdd6;}
				.pointBox h3 {
					font-size:18px;
					font-weight:bold;
					line-height:1.8;
					letter-spacing:0.05em;
					padding-bottom:20px;
					border-bottom:5px solid #fff;
				}
				.pointBox p {
					font-size:14px;
					line-height:1.8;
					padding-top:20px;
					font-weight:bold;
				}

/* sec6 */
/* ------------------------------------ */

#sec6 {
	background:url(../image/bg05.png);
}
	#sec6 .secInner {
		padding:90px 0 90px;
	}
		.faq { padding: 20px 0 0;}
			.faq dt {
				padding:40px 0 40px 45px;
				font-size:23px;
				font-weight:bold;
				line-height:1.4;
				position:relative;
			}
				.faq dt::before {
					content:'Q.';
					font-size:30px;
					font-weight:bold;
					color:#7668da;
					position:absolute;
					top:32px;
					left:0;
				}
			.faq dd {
				padding:0 0 40px 45px;
				font-size:16px;
				font-weight:bold;
				line-height:1.8;
				border-bottom:1px solid #777;
				position:relative;
			}
				.faq dd::before {
					content:'A.';
					font-size:30px;
					font-weight:bold;
					color:#f56666;
					position:absolute;
					top:-18px;
					left:0;
				}

/* sec7 */
/* ------------------------------------ */
#sec7 {
  background-color: #e8e8e8;
}
	#sec7 .secInner {
		padding:90px 0 120px;
	}
		.form-box {
			width: 800px;
			margin: 60px auto 0;
		}
			.formDl {
				display:flex;
				display:-webkit-flex;
				flex-wrap:wrap;
				-webkit-flex-wrap:wrap;
				justify-content:space-between;
				-webkit-justify-content:space-between;
				-webkit-align-items:center;
				align-items:center;
			}
				.formDl dt {
					width:230px;
					text-align:right;
					font-size:15px;
					font-weight:bold;
					letter-spacing:0.05em;
					padding:15px 0;
				}
					.color-red {
						color: #fff;
						background:#d5446a;
						display:inline-block;
						padding:5px 10px;
						margin-right:1em;
					}
				.formDl dd {
					width:550px;
					padding:15px 0;
				}

input::-webkit-input-placeholder,select::-webkit-input-placeholder,textarea::-webkit-input-placeholder  {
  color: #bfbfbf;
	border:none;
}

form input {
    padding: 12px 19px;
    width: 100%;
    font-size: 1.3em;
    font-weight: normal;
    color: #676767;
	border:none;
}

select {
  height: 55px;
  padding: 0px 25px;
  width: 100%;
  font-size: 1.3em;
  font-weight: normal;
  color: #676767;
  display: block;
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../image/form-arrow.png);
  background-position: 95% 25px;
  background-repeat: no-repeat;
  background-size: 10px;
	border:none;
	border-radius:0;
}

textarea {
    height: 200px;
    padding: 15px 10px;
    width: 100%;
    font-size: 1.3em;
    font-weight: normal;
    color: #676767;
    display: block;
	border:none;
}

.form-btn {
	margin-top:40px;
}

.form-btn button {
    width: 600px;
    text-align: center;
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    margin: 0 auto;
    padding: 2.2% 0%;
    background:#d5446a;
    pointer-events: painted;
    letter-spacing: 0.05em;
	border:none;
	cursor:pointer;
	font-weight:bold;
}

/* footer */

footer {
    background-color: #fff;
}
	.page-top {
		width: 40px;
		position: relative;
		top: -20px;
		display: block;
		margin: 0 auto;
	}
	.footer-box {
		padding: 0% 0 2% 0;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		align-items:center;
	}
		.footer-box_left {
			width:320px;
		}
	.footer-box_middle {
		width:260px;
	}
		.footer-box_middle_call {
			text-align: center;
			font-size: 1.5em;
			font-weight: bold;
			padding: 1% 0%;
			position: relative;
		}
		.footer-box_middle_call-text {
			font-size: 0.8em;
			text-align: center;
		}
	.footer-box_right {
		width: 360px;
		display: flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		align-items:center;
	}

		.footer-box_right_left {
			width:242px;
		}
		
		.company-logo {
			width: 108px;
			display: block;
		}
		
		.footer-box_right-info {
			font-weight: bold;
			font-size: 14px;
		}


@media screen and (max-width: 736px) {

	.w1000,
	.w900 {
		width: initial;
	}
/* header */
/* ------------------------------------ */
header {}
	.header_inner {}
		.header_inner h1 {
			float:none;
			width:100%;
			text-align:center;
			padding:15px 0;
		}
		.telWrap {
			display:none;
		}
		
/* MV */
/* ------------------------------------ */
#secMV {}
	.mvWrap {
		background:url(../image/mv.png) 90% bottom no-repeat #d8edf2;
		background-size:auto 80%;
		height:0;
		padding-bottom:120%;
		position:relative;
	}
		.copyWraop {
			position:absolute;
			width:100%;
			top: 10vmin;
			left:0;
		}
			.copyWraop p {
				text-align:center;
				line-height:1;
				font-weight:bold;
			}
			.copy01 {
				font-size:14px;
			}
			.copy02 {
				font-size:12px;
				padding: 15px 0;
			}
			.copy03 {
				font-size:20px;
			}
			.logo {
				width:50%;
				padding-left:14%;
			}
		.contactBtnWrap {
			position:absolute;
			top:80%;
			left:0;
			width:100%;
		}
			a.contactBtn {
				display:block;
				width:80%;
				font-size:16px;
				line-height:50px;
				border-radius:25px;
				background:#d5446a;
				transition:none;
			}
			a:hover.contactBtn {
				background:#d5446a;
			}
/* sec2 */
/* ------------------------------------ */

#sec2 {}
	.secInner {}
		.str_area {
			padding:40px 0;
		}
			.str_area p {
				text-align:center;
				letter-spacing:0.1em;
				font-weight:bold;
				line-height:1;
			}
			.sec_str01 { font-size:13px;}
			.sec_str02 {
				font-size:20px;
				padding-top:15px;
			}
			.sec_str03 {
				font-size:20px;
				padding:15px 0;
			}
			.sec_str04 {
				font-size:20px;
				padding-bottom:15px;
			}
		.item_area {
			padding-bottom:40px;
		}
			.item_ul { margin:0 10%;}
				.item_ul>li {
					float:none;
					width:100%;
					margin-left:0;
					border-width:10px;
					margin-bottom:15px;
				}
					.item_wrap {
						padding:20px 0 10px;
						height:auto;
					}
						.item_wrap h3 {
							font-size:18px;
						}
						.icon {
							height:auto;
							text-align:center;
							padding:15px 0;
						}
							.icon img {
								position:static;
								display:inline;
								transform:translate(0,0);
								width:30%;
								height:auto;
							}
						.item_wrap ul {
							padding: 0;
							margin-left:0;
						}
							.item_wrap ul li {
								font-size:14px;
								font-weight:bold;
								list-style:none;
								margin-bottom:0.8em;
								text-align:center;
							}

/* sec3 */
/* ------------------------------------ */

#sec3 {}
	#sec3 .secInner {
		padding:40px 0;
	}
		.sec3_str1 {
			font-size:18px;
			line-height:1;
			text-align:center;
			letter-spacing:0.1em;
		}
		.icon_3star {
			margin:30px auto;
			width:60%;
		}
			.icon_3star img {
				width:100%;
				height:auto;
			}
			.icon_3star::before {
				width:50px;
				height:50px;
				left:-60px;
				top:-2%;
			}
			.icon_3star::after {
				width:50px;
				height:50px;
				right:-60px;
				top:-2%;
			}
		.logo2 {
			width:80%;
			margin:40px auto 0;
		}

/* sec4 */
/* ------------------------------------ */

#sec4 {}
	#sec4 .secInner {
		padding:40px 0;
	}
		.secInner h2 {
			font-size:20px;
		}
		.sec4Img {
			margin:40px 0 0;
			border:0 solid #578cb4;
		}
			.sec4Img img {
			}

/* sec5 */
/* ------------------------------------ */

#sec5 {}
	#sec5 .secInner {
		padding:40px 0;
	}
		.sec5_str {
			font-size:13px;
			font-weight: normal;
			line-height:1.6;
			padding: 30px 0;
			margin: 0 5%;
		}
		.sec5ImgPC { display:none;}
		.se5ImgSP {
			display:block;
			margin: 0 5%;
		}
		.pointWrap {
			display: block;
			margin: 0 5%;
		}
			.pointBox {
				width:100%;
				margin-top:15px;
				padding:15px;
			}
				.pointBox h3 {
					font-size:15px;
					font-weight:bold;
					line-height:1.6;
					padding-bottom:15px;
					border-bottom:3px solid #fff;
				}
				.pointBox p {
					font-size:13px;
					line-height:1.6;
					padding-top:15px;
					font-weight: normal;
				}
				.spV { display:none;}

/* sec6 */
/* ------------------------------------ */

#sec6 {}
	#sec6 .secInner {
		padding:40px 0;
	}
		.faq { padding:15px 5% 0;}
			.faq dt {
				padding:20px 0 20px 30px;
				font-size:15px;
			}
				.faq dt::before {
					font-size:18px;
					top:15px;
				}
			.faq dd {
				padding:0 0 20px 30px;
				font-size:13px;
			}
				.faq dd::before {
					font-size:18px;
					top:-7px;
				}

/* sec7 */
/* ------------------------------------ */
#sec7 {}
	#sec7 .secInner {
		padding:40px 0 60px;
	}
		.form-box {
			width: initial;
			margin: 30px 5% 0;
		}
			.formDl {
				display:block;
			}
				.formDl dt {
					width:100%;
					text-align:left;
					font-size:14px;
					padding:15px 0 0;
				}
					.color-red {
					}
				.formDl dd {
					width:100%;
					padding:15px 0;
				}
			.form-btn {
				margin-top:20px;
			}
				.form-btn button {
					width: 100%;
					font-size: 16px;
					padding: 15px 0;
				}

/* footer */

footer {}
	.page-top {}
	.footer-box {
		padding: 0;
		display:block;
	}
		.footer-box_left {
			width:100%;
			text-align:center;
		}
	.footer-box_middle {
		width:100%;
		padding:20px 0;
	}
		.footer-box_middle_call {
			text-align: center;
			font-size: 1.8em;
		}
		.footer-box_middle_call-text {
			font-size: 1em;
			text-align: center;
		}
	.footer-box_right {
		width: 100%;
		padding:8% 5%;
		background:#e8e8e8;
	}

		.footer-box_right_left {
			width:66%;
		}
		.footer-box_right_right {
			width: 33%;
			padding: 5px;
			background: #fff;
		}
		
		.company-logo {
			width:100%;
			height:auto;
		}
		
		.footer-box_right-info {
			font-weight: bold;
			font-size: 13px;
		}
}