@charset "UTF-8";
/* CSS Document */

body {
	font-size: 17px;
	line-height: 1.5em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000000;
	}

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

.clear { clear: both; }
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}

/* link */
a:link { text-decoration: none;}
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none;}

a:hover img {
opacity: .6;
-webkit-opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);	/* IE lt 8 */
-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}
a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}

/* text */
.align-center { text-align: center!important;}
.align-right {text-align: right;}

.bold { font-weight: bold; }

.color-red { color:#d8145e;}

.font12 { font-size: 80%; }
.font20 { font-size:133.33%; line-height: 1.5em;}

/* margin */
.mb0 { margin-bottom:0px!important; }
.mb05 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb50 { margin-bottom: 50px!important; }

/* list */
li { list-style: none; }
.list-disc li { list-style: disc; margin-left:20px;}
.list-decimal li { list-style-type: decimal; margin-left: 20px; }


/* table */
.tbl_basic {
  border-collapse: collapse;
  width: 100%;
  border-bottom: solid 1px #dddddd;
}
.tbl_basic caption { text-align: left;}
.tbl_basic th,
.tbl_basic td {
	padding: 10px;
	border-top: solid 1px #dddddd;
}
.tbl_basic th {
  width: 30%;
	border-right: solid 1px #dddddd;
  text-align:left;
  background: #fbecf9;
  vertical-align: middle;
  font-weight:normal;
  color: #921984;
}
.tbl_basic td {
	background: #fff;
	}

@media print, screen and (max-width: 768px) {
.tbl_basic {
	border: solid 1px #dddddd;
	}
  .tbl_basic td {
    display: block;
	border-bottom: solid 1px #dddddd;
	padding: 10px;
  }
  .tbl_basic th {
    display: block;
    border: none;
    width: 100%;
	padding: 10px;
  }
}

.thanks {
	text-align: center;
	padding: 50px 20px;
	}
	.thanks h1 {
		font-weight:bold;
		font-size: 150%;
		margin-bottom: 30px;
		line-height: 1.5em;
		}
/* layout */
@media print, screen and (min-width: 769px) {
.sp_only {
	display: none!important;
	}
body {
	min-width: 1000px;
	}
.page-header {
	width: 100%;
	background: url(../images/header_bg.jpg) center 0 no-repeat;
	background-size: cover;
	text-align: center;
	}
	.page-header__catchcopy {
		line-height: 0;
		width: 1000px;
		margin: 0 auto;
		position: relative;
		padding: 70px 0 0 0;
		}
	.page-header__catchcopy img {
		width: 1000px;
		height: auto;
		}
	.page-header__tel-sp {
		display: none;
		}
		.page-header__tel {
			position: absolute;
			top: 0;
			right:0;
			background: #e70012;
			line-height:1.5em;
			color: #fff;
			padding: 10px 20px;
			}
			.page-header__tel-number {
				color: #fcee21;
				font-weight: bold;
				font-size: 120%;
				}
.page-header__navi {
	background: #4d4d4d;
	}
	.page-header__navi  ul {
		width: 700px;
		margin: 0 auto;
		}
	.page-header__navi li {
		float: left;
		width: 25%;
		text-align: center;
		background: url(../images/navi_bar.svg) right 60% no-repeat;
		background-size: auto 20px;
		padding-bottom: 15px;
		}
		.page-header__navi li:last-child {
			background: none;
			}
	.page-header__navi a {
		color: #fff;
		display: block;
		padding: 15px 0;
		background:url(../images/nav_bg.svg) center bottom no-repeat;
		background-size: 20px auto;
		}
		.page-header__navi a:hover {
			color: #fcee21;
			}

/* section */
.section__title {
	background: url(../images/triangle_blue.svg) center bottom no-repeat;
	background-size: 60px auto;
	padding-bottom:30px;
	margin-bottom:30px;
	}
.section__title span {
	display: inline-block;
	width: 100%;
	text-align: center;
	background: #3f84f5;
	color: #fff;
	font-size: 180%;
	font-weight: bold;
	padding: 30px 0;
	}

.qa {
	width: 900px;
	margin: 0 auto;
	}
.qa__question {
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 280px;
	margin-bottom:30px;
	}
	.qa__question span {
		display: block;
		background: url(../images/fukidashi01.svg) 0 0 no-repeat;
		background-size: 100% auto;
		width: 620px;
		padding: 60px 30px 60px 80px;
		font-size: 120%;
		line-height: 1.5em;
		}
	.qa__question--q01 {
		background-image: url(../images/osusume_img01.jpg) ;
		}
	.qa__question--q02 {
		background-image: url(../images/osusume_img02.jpg) ;
		}
		.qa__question--q02 span {
			padding: 75px 30px 75px 80px;
			}
	.qa__question--q03 {
		background-image: url(../images/osusume_img03.jpg) ;
		}
.qa__answer {
	background: url(../images/osusume_img04.png) right 0 no-repeat;
	padding-right: 150px;
	margin-bottom: 30px;
	}
	.qa__answer--fukidashi {
		background: url(../images/fukidashi02.svg) 0 0 no-repeat;
		background-size: 100% auto;
		padding: 25px 60px 25px 40px;
		display:block;
		}
		.qa__answer--fukidashi--q02 {
			padding: 40px 60px 40px 40px;
			}
	.qa__answer--color-pink {
		color: #ed1e79;
		font-weight: bold;
		}
.qa__conclutson {
	background: #00a653;
	color: #fff;
	padding: 30px 0;
	border-bottom: solid 2px #fff;
	}
	.qa__conclutson p {
		width: 900px;
		margin: 0 auto;
		background: url(../images/anshin.svg) 0 50% no-repeat;
		background-size: 120px auto;
		padding: 20px 0 20px 140px;
		}

.section02 {
	background: #e6e6e6;
	}
	.reason {
		background: #fff;
		width: 1000px;
		margin: 0 auto 20px auto;
		padding: 20px;
		}
		.reason table {
			border-collapse:collapse;
			}
		.reason th {
			background-color: #3f84f5;
			color: #fff;
			background-position: center 20px;
			background-repeat: no-repeat;
			padding: 80px 10px 15px 10px;
			width: 164px;
			text-align: center;
			vertical-align: bottom;
			}
		.reason td span {
			color: #ed1e79;
			font-weight: bold;
			}
			.reason__price {
				background-image: url(../images/icon_price.svg);
				background-size: 70px auto;
				}
			.reason__lot {
				background-image: url(../images/icon_hiyoko.svg);
				background-size: 50px auto;
				}
			.reason__japan {
				background-image: url(../images/icon_japan.svg);
				background-size: 50px auto;
				background-position: center 50px!important;
				}
			.reason__kenpin {
				background-image: url(../images/icon_kenpin.svg);
				background-size: 50px auto;
				background-position: center 50px!important;
				}
			.reason__staff {
				background-image: url(../images/icon_staff.svg);
				background-size: 90px auto;
				background-position: center 50px!important;
				}
			.reason__text {
				padding:0 20px;
				vertical-align:top;
					}
			.reason__photo {
				font-size: 70%;
				text-align: center;
				line-height: 1.5em;
				width: 250px;
				height: 150px;
				padding: 0;
					}
				.reason__photo img {
					height: 100px;
					width: auto;
					}
			.reason__photo--photo02 img, .reason__photo--photo03 img,  .reason__photo--photo04 img {
				width: 100%;
				height: auto;
				}
.reason__conclutson {
	margin-top: -100px;
	border-bottom: solid 2px #fff;
	}
	.reason__conclutson__inner {
		background: #ed1e79;
		margin-top: -36px;
		padding-bottom:40px;
		}
		.reason__conclutson__inner2 {
			width: 1000px;
			margin: 0 auto;
			position: relative;
			padding: 40px 0 20px 330px;
			color: #fff;
			}
			.reason__conclutson__inner2 aside img {
				position: absolute;
				top: -31px;
				left:0;
				}
.reason__conclutson__img06 {
	text-align: center;
	}
.reason__conclutson--title {
	font-size: 150%;
	font-weight: bold;
	}
	.reason__conclutson--subtitle {
		font-size: 120%;
		font-weight: bold;
		margin:10px 0;
		}
.reason__conclutson-button {
	display: block;
	margin: 0 auto;
	width: 500px;
	}
.reason__conclutson-button a {
	background:#7ac943;
	border: solid 2px #fff;
	border-radius: 5px;
	padding: 20px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size :120%;
	color: #fff!important;
	display: block;
	box-shadow: 2px 2px 4px #777;
	transition: background 0.5s;
	}
	.reason__conclutson-button a:hover {
		background: #9dd86f;
		}

.service {
	width: 900px;
	margin: 0 auto;
	}
	.service table {
		border-top: solid 1px #000;
		border-left: solid 1px #000;
		width: 100%;
		border-collapse: collapse;
		margin-bottom:30px;
		}
		.service table th {
			border-right: solid 1px #000;
			border-bottom: solid 1px #000;
			padding:10px;
			}
		.service table td {
			border-right: solid 1px #000;
			border-bottom: solid 1px #000;
			padding:10px;
			text-align: center;
			font-size: 90%;
			font-weight: bold;
			line-height: 1.5em;
			}
			.service table td span {
				font-size: 80%;
				font-weight: normal;
				line-height: 1.0em!important;
				}
		.service__h-1 {
			background: #8cc63f;
			color: #fff;
			}
		.service__h-2 {
			background: #ffffb9;
			}
		.service__h-3 {
			background: #939393;
			width: 25%;
			}
		.service__h-4 {
			background: #4d4d4d;
			width: 25%;
			color: #fff;
			}
		.service__h-5 {
			background: #ffffb9;
			width: 25%;
			}
.services__note {
	font-size: 70%;
	text-align: right;
	}
.photo_market {
	width: 1056px;
	margin: 0 auto;
	}
.photo_market img {
	width: 100%;
	height: auto;
	}
#feedback {
	background:url(../images/feedback_bg.jpg) center 0 no-repeat;
	background-size: cover;
	padding: 100px 0;
	}
	#feedback h1 {
		text-align: center;
		font-size: 150%;
		font-weight: bold;
		margin-bottom:40px;
		}
.feedback {
	width: 900px;
	margin: 0 auto;
	}
	.feedback li {
		width: 280px;
		height: 575px;
		float: left;
		margin-left: 30px;
		background: #fff;
		padding:20px;
		}
		.feedback li:first-child {
			margin-left: 0;
			}
		.feedback li img {
			margin-bottom: 10px;
			width: 100%;
			height: auto;
			}
		.feedback li dt {
			text-align: center;
			margin-bottom: 10px;
			}
.company {
	width: 900px;
	margin: 100px auto;
	}
	.company h1 {
		font-weight: bold;
		font-size: 150%;
		text-align: center;
		margin-bottom:30px;
		}
		.company table {
			width: 700px;
			margin: 0 auto 50px auto;
			}
			.company th {
				font-weight: normal;
				text-align: left;
				width: 7em;
				letter-spacing:2px;
				padding:10px 0;
				vertical-align: top;
				}
			.company td {
				padding:10px 0;
				}
.reason__conclutson2 {
	margin-top:0 !important;
	}

#contact {
	background: #e6e6e6;
	padding:70px 0;
	}
	.contact__php {
		background: #fff!important;
		}
	#contact h1 {
		text-align: center;
		font-size: 150%;
		font-weight: bold;
		margin-bottom:50px;
		}
	.contact__table {
		width: 700px;
		margin: 0 auto;
		}
		.contact__table th {
			font-weight: normal;
			text-align: right;
			padding-bottom:20px;
			padding-right: 20px;
			padding-top: 5px;
			vertical-align: top;
			}
		.contact__table td {
			padding-bottom:20px;
			}
			.contact__table td input, .contact__table textarea {
				border:solid 1px #999999;
				border-radius: 10px;
				background: #ffffff;
				padding: 10px;
				width: 100%;
				}
		.formbutton {
			text-align:center;
			}
.formbutton input {
	background:#7ac943;
	border: solid 2px #fff;
	border-radius: 5px;
	padding: 20px;
	width: 300px;
	margin:0 auto;
	text-align: center;
	font-weight: bold;
	font-size :120%;
	color: #fff!important;
	display: block;
	box-shadow: 2px 2px 4px #777;
	transition: background 0.5s;
	margin-top:30px;
	}
	.reason__conclutson-button a:hover {
		background: #9dd86f;
		}
}
@media screen and (max-width: 768px) {
.pc_only { display: none; }
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
.page-header {
	width: 100%;
	background: url(../images/header_bg.jpg) center 0 no-repeat;
	background-size: cover;
	text-align: center;
	padding: 50px 0 0 0;
	}
	.page-header__catchcopy {
		
		padding: 20px 10px 0px 10px;
		line-height:0;
		}
	.page-header__catchcopy img {
		width: 100%;
		height: auto;
		}
.page-header__navi {
	background: #4d4d4d;
	}
	.page-header__navi  ul {
		margin: 0 auto;
		border-right: solid 1px #fff;
		}
	.page-header__navi li {
		float: left;
		width: 50%;
		text-align: center;
		font-size: 80%;
		border-bottom: solid 1px #fff;
		border-left: solid 1px #fff;
		}
	.page-header__navi a {
		color: #fff;
		display: block;
		padding: 10px;
		}

	.page-header__tel-pc {
		display: none;
		}
		.page-header__tel {
			position: absolute;
			top: 0;
			right:0;
			background: #e70012;
			line-height:1.1em;
			color: #fff;
			padding: 10px 20px;
			}
			.page-header__tel a {
				display: block;
				color: #fff;
				}
			.page-header__tel-number {
				color: #fcee21;
				font-weight: bold;
				}
			.page-header__tel-bizhour {
				font-size: 70%;
				}

/* section */
.section__title {
	background: url(../images/triangle_blue.svg) center bottom no-repeat;
	background-size: 60px auto;
	padding-bottom:30px;
	margin-bottom:30px;
	}
.section__title span {
	display: inline-block;
	width: 100%;
	text-align: center;
	background: #3f84f5;
	color: #fff;
	font-weight: bold;
	padding: 20px 0;
	}

.qa {
	margin: 0 auto;
	}
.qa__question {
	background-position: center 0;
	background-repeat: no-repeat;
	background-size: 100% auto;
	padding: 250px 0 0 0;
	margin-bottom:30px;
	}
	.qa__question span {
		display: block;
		border: solid 1px #ff8800;
		background: #fff;
		padding: 20px;
		margin: 0 20px;
		}
	.qa__question--q01 {
		background-image: url(../images/osusume_img01.jpg) ;
		}
	.qa__question--q02 {
		background-image: url(../images/osusume_img02.jpg) ;
		}
	.qa__question--q03 {
		background-image: url(../images/osusume_img03.jpg) ;
		}
.qa__answer {
	background: url(../images/osusume_img04.png) right 0 no-repeat;
	padding:0 150px 0 20px;
	min-height: 200px;
	}
	.qa__answer br {
		display: none;
		}
	.qa__answer--color-pink {
		color: #ed1e79;
		font-weight: bold;
		}
.qa__conclutson {
	background: #00a653;
	color: #fff;
	padding: 30px 0;
	border-bottom: solid 2px #fff;
	}
	.qa__conclutson p {
		margin: 0 auto;
		background: url(../images/anshin.svg) 10px 20px no-repeat;
		background-size: 90px auto;
		padding: 20px 10px 20px 110px;
		}

.section02 {
	background: #e6e6e6;
	}
	.reason {
		background: #fff;
		padding: 10px;
		margin: 10px;
		}
		.reason table {
			border-collapse:collapse;
			}
		.reason th {
			background-color: #3f84f5;
			color: #fff;
			background-position: center 20px;
			background-repeat: no-repeat;
			padding: 110px 10px 15px 10px;
			text-align: center;
			vertical-align: bottom;
			display: block;
				line-height: 1.3em;
			}
		.reason td { display: block; padding:10px 0;}
		.reason td span {
			color: #ed1e79;
			font-weight: bold;
			}
			.reason__price {
				background-image: url(../images/icon_price.svg);
				background-size: 70px auto;
				}
			.reason__lot {
				background-image: url(../images/icon_hiyoko.svg);
				background-size: 50px auto;
				}
			.reason__japan {
				background-image: url(../images/icon_japan.svg);
				background-size: 50px auto;
				background-position: center 30px!important;
				}
			.reason__kenpin {
				background-image: url(../images/icon_kenpin.svg);
				background-size: 40px auto;
				background-position: center 50px!important;
				}
			.reason__staff {
				background-image: url(../images/icon_staff.svg);
				background-size: 75px auto;
				background-position: center 50px!important;
				}
			.reason__text {
				padding:0 20px;
				vertical-align:top;
					}
			.reason__photo {
				text-align: center;
				padding: 0;
					}
				.reason__photo img {
					height: 100%;
					width: auto;
					}
			.reason__photo--photo02 img, .reason__photo--photo03 img,  .reason__photo--photo04 img {
				width: 100%;
				height: auto;
				}
.reason__conclutson {
	border-bottom: solid 2px #fff;
	}
	.reason__conclutson__inner {
		background: #ed1e79;
		padding-bottom:40px;
		margin-top:-37px;
		}
		.reason__conclutson__inner2 {
			margin: 0 auto;
			position: relative;
			padding: 90px 20px 20px 20px;
			color: #fff;
			}
			.reason__conclutson__inner2 aside img {
				position: absolute;
				top: -12px;
				left:0;
				width: 30%;
				height: auto;
				}
.reason__conclutson__img06 {
	text-align: center;
	}
.reason__conclutson--title {
	font-size: 150%;
	font-weight: bold;
	}
	.reason__conclutson--subtitle {
		font-size: 120%;
		font-weight: bold;
		margin:10px 0;
		}
.reason__conclutson-button {
	display: block;
	margin: 0 auto;
	padding:0 20px;
	}
.reason__conclutson-button a {
	background:#7ac943;
	border: solid 2px #fff;
	border-radius: 5px;
	padding: 20px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size :120%;
	color: #fff!important;
	display: block;
	box-shadow: 2px 2px 4px #777;
	transition: background 0.5s;
	}
	.reason__conclutson-button a:hover {
		background: #9dd86f;
		}

.service {
	margin: 0 auto;
	}
	.service table {
		border-top: solid 1px #000;
		border-left: solid 1px #000;
		width: 90%;
		border-collapse: collapse;
		margin: 0 auto 30px auto;
		}
		.service table th {
			border-right: solid 1px #000;
			border-bottom: solid 1px #000;
			padding:5px;
			}
		.service table td {
			border-right: solid 1px #000;
			border-bottom: solid 1px #000;
			padding:5px;
			text-align: center;
			font-size: 90%;
			font-weight: bold;
			line-height: 1.5em;
			}
			.service table td span {
				font-size: 80%;
				font-weight: normal;
				line-height: 1.0em!important;
				}
		.service__h-1 {
			background: #8cc63f;
			color: #fff;
			}
		.service__h-2 {
			background: #ffffb9;
			}
		.service__h-3 {
			background: #939393;
			width: 25%;
			}
		.service__h-4 {
			background: #4d4d4d;
			width: 25%;
			color: #fff;
			}
		.service__h-5 {
			background: #ffffb9;
			width: 25%;
			}
.services__note {
	font-size: 90%;
	width: 90%;
	margin: 0 auto;
	}
.photo_market {
	margin: 0 auto;
	}
.photo_market img {
	width: 100%;
	height: auto;
	}
#feedback {
	background:url(../images/feedback_bg.jpg) center 0 no-repeat;
	background-size: cover;
	padding: 50px 0;
	}
	#feedback h1 {
		text-align: center;
		font-size: 150%;
		font-weight: bold;
		margin-bottom:40px;
		}
.feedback {
	margin: 0 auto;
	padding: 10px;
	}
	.feedback li {
		background: #fff;
		padding:10px;
		margin-bottom: 10px;
		}
		.feedback li img {
			margin-bottom: 10px;
			width: 100%;
			height: auto;
			}
		.feedback li dt {
			text-align: center;
			margin-bottom: 10px;
			}
.company {
	margin: 50px auto;
	padding: 20px;
	}
	.company h1 {
		font-weight: bold;
		font-size: 150%;
		text-align: center;
		margin-bottom:30px;
		}
		.company table {
			margin: 0 auto 50px auto;
			}
			.company th {
				text-align: left;
				display: block;
				letter-spacing:2px;
				padding:10px 0 0 0;
				vertical-align: top;
				}
			.company td {
				padding:10px 0;
				display: block;
				border-bottom: solid 1px #ccc;
				}
.reason__conclutson2 {
	margin-top:0 !important;
	}

#contact {
	background: #e6e6e6;
	padding:70px 20px;
	}
	#contact h1 {
		text-align: center;
		font-size: 150%;
		font-weight: bold;
		margin-bottom:50px;
		}
	.contact__table {
		margin: 0 auto;
		}
		.contact__table th {
			font-weight: normal;
			text-align: right;
			padding-bottom:20px;
			padding-right: 20px;
			padding-top: 5px;
			vertical-align: top;
			}
		.contact__table td {
			padding-bottom:20px;
			}
			.contact__table td input, .contact__table textarea {
				border:solid 1px #999999;
				border-radius: 10px;
				background: #ffffff;
				padding: 10px;
				width: 100%;
				}
		.formbutton {
			text-align:center;
			}
.formbutton input {
	background:#7ac943;
	border: solid 2px #fff;
	border-radius: 5px;
	padding: 20px;
	width: 80%;
	margin:0 auto;
	text-align: center;
	font-weight: bold;
	font-size :120%;
	color: #fff!important;
	display: block;
	box-shadow: 2px 2px 4px #777;
	transition: background 0.5s;
	margin-top:30px;
	}
	.reason__conclutson-button a:hover {
		background: #9dd86f;
		}
}