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

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

h1, h2, h3, h4, h5, h6, address { font-size: 100%; font-weight: normal; font-style: normal; }
li { list-style: none; }		
.clear { clear: both; }
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}

.font12 {font-size: 75%;line-height: 1.5em;}
.bold { font-weight: bold; }
.red {color: #e61f19}

.bg_green {background:#009844 url(../images/bg_white.gif) repeat-x;}
.bg_orange {background:#ef8200 url(../images/bg_white.gif) 0 -90px repeat-x; position: relative;}
.bg_pink {background: #e85498;}
.bg_green2 {background: #00afae url(../images/bg_white.gif) 0 -120px repeat-x;;}

.cbs__button {
	text-align: center;
	}
.cbs__button a img:hover {
opacity: .6;
-webkit-opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);	/* IE lt 8 */
-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}
.cbs__button 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;
}


/* layout */
@media print, screen and (min-width: 641px) {
.sp_only {
	display: none;
	}
body {
	min-width: 1000px;
	}
.lp__wrapper {
	width: 1000px;
	margin: 0 auto;
	position:relative;
	}
.pagetitle {
	width: 600px;
	position: absolute;
	top:0;
	right: 0;
	}
	.pagetitle img {
		width: 100%;
		height: auto;
		}
.q01 {
	position: relative;
	width: 100%;
	margin-bottom:60px;
	}
.q01__intro {
	width: 400px;
	padding-top:100px;
	margin-bottom:170px;
	}
	.q01__intro img {
		width: 100%;
		height: auto;
		margin-bottom:20px;
		}
	.q01__intro p {
		width: 90%;
		}
.q01__labo {
	margin-top: -80px;
	background: url(../images/q01_arrow.svg) 420px 150px no-repeat;
	background-size: 55px auto;
	position:relative;
	}
.q01__labo img {
	width: 360px;
	float: left;
	margin-left:40px;
	}
.q01__labo__text {
	width: 570px;
	float: right;
	}
	.q01__labo__text h2 {
		color: #009844;
		font-weight: bold;
		margin-bottom:0px;
		}
	.q01__labo__text p {
		width: 270px;
		}
.q01__labo__comment {
	clear: both;
	width: 450px;
	height: 500px;
	position: absolute;
	top: 0px;
	right: 40px;
	background:url(../images/q01_img02.png) 0 0 no-repeat;
	}
	.q01__labo__comment p {
		width: 400px;
		margin: 260px 0 0 25px;
		}

.q01__anzen {
	width: 350px;
	position: absolute;
	top: 730px;
	left: 40px;
	}
	.q01__anzen h1 img {
		width: 100%;
		height: auto;
		margin-bottom:10px;
		}
	.q01__anzen p {
		padding: 0 40px 0 10px;
		color: #fff;
		}
.q01__kojo {
	width: 550px;
	float: right;
	margin-top:140px;
	margin-right:40px;
	color: #fff;
	}
	.q01__kojo h2 {
		width: 500px;
		margin-bottom:10px;
		}
		.q01__kojo h2 img {
			width: 100%;
			height: auto;
			}
		.q01__kojo figure img {
			float: right;
			}
.q01__point {
	padding-bottom: 50px;
	}
.q01__point__left {
	clear: both;
	margin: 0 40px;
	width: 601px;
	float: left;
	color: #fff;
	}
	.q01__point__left h2 {
		background: url(../images/dot_white.gif) 0 70% repeat-x;
		}
	.q01__point__left h2 img {
		width: 100px;
		height: auto;
		float: left;
		}
	.q01__point__left li {
		float: left;
		margin: 0;
		width: 288px;
		margin-left: 20px;
		padding: 20px 0;
		}
		.q01__point__left li:first-child {
			margin-left: 5px;
			}
.q01__point__right {
	width: 300px;
	float: left;
	color: #fff;
	}
	.q01__point__right img {
		width: 100%;
		height: auto;
		}
.q02__intro {
	width: 680px;
	height: 403px;
	float: left;
	background: url(../images/q02_bg.jpg) 270px 30px no-repeat;
	}
	.q02__intro h1 img {
		width: 480px;
		height: auto;
		margin-bottom: 15px;
		}
	.q02__intro p {
		width: 300px;
		}
.q02__suigen {
	width: 289px;
	height: 463px;
	padding: 190px 50px 50px 40px;
	float: left;
	margin-left:20px;
	background: url(../images/q02_suigen_bg.jpg) no-repeat;
	font-size: 90%;
	}
	.q02__suigen h2 img {
		width: 150px;
		height: auto;
		}
.q02__product {
	clear: both;
	background: url(../images/q02_arrow.svg) 470px 60px no-repeat;
	background-size: 65px auto;
	position:relative;
	height: 1060px;
	margin-bottom: 50px;
	}
.q02__product figure img {
	float: left;
	margin-left:40px;
	margin-top:-130px;
	}
.q02__product__text {
	width: 200px;
	float: left;
	margin-top:-90px;
	}
	.q02__product__text h2 {
		color: #ef8200;
		font-weight: bold;
		margin-bottom:0px;
		}
.q02__comment {
	clear: both;
	width: 460px;
	height: 420px;
	position: absolute;
	top: 0px;
	right: 40px;
	background:url(../images/q02_comment_bg.png) 0 0 no-repeat;
	}
	.q02__comment p {
		width: 400px;
		margin: 260px 0 0 25px;
		line-height: 1.5em;
		}
.q02__answer {
	width: 450px;
	margin-left:40px;
	color: #ffffff;
	font-size: 120%;
	line-height: 1.5em;
	}
	.q02__answer img {
		width: 80%;
		height: auto;
		margin-top:-15px;
		margin-bottom:10px;
		}
.q02__goggle {
	background: url(../images/q02_goggle_bg.svg) 0 0 no-repeat;
	width: 440px;
	background-size:440px auto;
	padding: 0px 0 10px 0;
	position: absolute;
	top:400px;
	right:40px;
	clear: both;
	color: #fff;
	}
	.q02__goggle__inner {
		width: 180px;
		margin: 30px 0 0 30px;
		float: left;
		}
	.q02__goggle h2 img {
		width: 150px;
		height: auto;
		margin-bottom: 10px;
		}
	.q02__goggle aside {
		float:right;
		margin: 10px 10px 0 0;
		}
	.q02__goggle p {
		clear: both;
		width: 180px;
		}

.q02__point {
	position:absolute;
	top: 580px;
	left: 40px;
	width: 100%;
	color: #fff;
	}
	.q02__point p {
		width: 460px;
		margin-bottom:10px;
		}
	.q02__point__title {
		width: 460px;
		height:auto;
		background: url(../images/point.svg) 0 0 no-repeat;
		background-size: 100px auto;
		text-align: right;
		}
		.q02__point__title img {
			width: 350px;
			height: auto;
			margin-bottom:10px;
			}
	.q02__point__flow li {
		float: left;
		background:url(../images/q02_triangle.svg) right 50% no-repeat;
		padding-right: 10px;
		background-size: 5px auto;
		margin-right:5px;
		margin-bottom:20px;
		}
		.q02__point__flow li:last-child {
			background: none;
			padding: 0;
			}
		.q02__point__flow span {
			border-radius: 5px;
			padding: 10px 5px;
			color: #000;
			display: table-cell;
			text-align: center;
			}
			.q02__point__flow-01 span, .q02__point__flow-03 span, .q02__point__flow-05 span, .q02__point__flow-07 span {
				background: #fff;
				}
			.q02__point__flow-02 span, .q02__point__flow-04 span, .q02__point__flow-06 span, .q02__point__flow-08 span {
				background:#fff000;
				}
			.q02__point__flow-03 span, .q02__point__flow-05 span {
				font-size: 80%;
				line-height: 1.3em;
				padding: 5px;
				}
.q02__point__photo li {
	float: left;
	width: 300px;
	margin-right:20px;
	}
	.q02__point__photo li:last-child {
		margin-right: 0;
		}
.q02__point__ibutsu {
	position: absolute;
	right: 80px;
	bottom: 10px;
	width: 262px;
	padding-bottom: 30px;
	}
	.q02__point__ibutsu h2 {
		width: 90%;
		height: auto;
		}
.q03 {
	position: relative;
	margin-bottom:60px;
	}
.q03__title {
	margin: 50px 0 20px 0!important;
	}
	.q03__title img {
		width: 600px;
		height: auto;
		}
.q03__question {
	padding-left: 330px;
	}
	.q03__question img {
		float: right;
		margin-top: -100px;
		margin-left:20px;
		}
.q03__tokuni {
	width: 344px;
	background: url(../images/q03_img03.jpg) no-repeat;
	margin-top: -130px;
	padding: 20px 100px 0 20px;
	height: 641px;
	}
.q03__product {
	position: absolute;
	right: 60px;
	top: 300px;
	}
.bg_pink {
	margin-top: -200px;
	}
.bg_pink__inner {
	padding: 220px 40px 0 40px;
	position: relative;
	background: url(../images/q03_arrow.svg) 550px 0 no-repeat;
	background-size: 80px auto;
	color: #fff;
	}
	.bg_pink__inner .q03_a {
		position: absolute;
		top: -40px;
		left:40px;
		}
.q03_a__text {
	width: 450px;
	float: left;
	font-size: 120%;
	line-height: 1.5em;
	}
.q03__qualiy {
	width: 354px;
	float: right;
	margin-top:-120px;
	}
.q03__maker {
	background: url(../images/q03_img05.png) no-repeat;
	clear:both;
	color: #000000;
	margin-top:-50px;
	padding: 30px 400px 0 30px;
	height: 233px;
	font-size: 120%;
	line-height: 1.5em;
	}
.q03__point h2 {
	background: url(../images/point.svg) 0 50% no-repeat;
	background-size: 100px auto;
	margin-bottom: 20px;
	}
	.q03__point h2 img {
		width: 200px;
		height: auto;
		margin-left:120px;
		}
.q03__point {
	position: relative;
	padding-bottom:40px;
	}
.q03__point__photo {
	position: absolute;
	top: 0;
	right: 0;
	}
	.q03__point__photo li {
		float: left;
		margin-left: 20px;
		}
.q03__point p {
	width: 350px;
	}
.q04 {
	position: relative;
	}
.q04__title__txt {
	width: 390px;
	margin: 20px 0 80px 80px!important;
	}
.q04__hansoku {
	width: 280px;
	padding:30px;
	background: #fffac6;
	border-radius: 20px;
	}
.q04__hansoku2 {
	position: absolute;
	top: 0;
	left: 260px;
	}
.q04__hansoku2__fukidashi {
	width: 250px;
	background: url(../images/q04_fukidashi.svg) 170px bottom no-repeat;
	background-size: 60px auto;
	padding-bottom:60px;
	margin-left:250px;
	}
.q04__hansoku2__fukidashi p {
	background: #fbd495;
	padding:30px;
	border-radius: 20px;
	}
.q04__hansoku2 img {
	margin-top: -100px;
	}
.q04_dankin {
	width: 276px;
	height: 439px;
	position: absolute;
	top: 0;
	right: 0;
	background:url(../images/q04_dankin_bg.jpg) center 0 no-repeat;
	}
	.q04_dankin h2 {
		text-align: center;
		margin-top:10px;
		}
	.q04_dankin h3 {
		margin: 130px 0 5px 35px;
		}
	.q04_dankin p {
		padding: 0px 35px 0 35px;
		font-size: 90%;
		line-height: 1.3em;
		}
.bg_green2 {
	margin-top: 30px;
	margin-bottom:50px;
	padding: 0 40px 50px 40px;
	position: relative;
	}
	.q04__product {
		position: absolute;
		right: 20px ;
		top: -100px;
		text-align: right;
		}
	.bg_green2__inner {
		background: url(../images/q03_arrow.svg) 550px 30px no-repeat;
		background-size: 80px auto;
		border-bottom: solid 1px #ffffff;
		color: #fff;
		}
.q04__text {
	width: 450px;
	margin: 20px 0!important;
	font-size: 120%;
	line-height: 1.5em;
	}
.q04__youbou {
	width: 268px;
	float: left;
	font-size: 90%;
	}
	.q04__youbou img {
		width: 100%;
		height: auto;
		}
.q04__monitor {
	float: right;
	width:650px;
	height: 235px;
	margin-top:50px;
	background:url(../images/q04_monitor.png) no-repeat;
	padding: 50px 30px 0 250px;
	color: #000000;
	}
.q04__point {
	padding: 40px 0 0 0;
	color: #ffffff;
	font-size: 120%;
	line-height: 1.5em;
	}
.q04__point__left{
	width: 460px;
	float: left;
	}
.q04__point__right {
	width: 450px;
	float: right;
	font-size: 70%;
	}
	.q04__point__right li {
		float: left;
		width: 235px;
		}
		.q04__point__right li:last-child {
			width: 205px;
			margin-left:10px;
			}
		.q04__point__right li img {
			width: 100%;
			height: auto;
			}
	.q04__point h1 {
		background: url(../images/point.svg) 0 50% no-repeat;
		background-size: 100px auto;
		padding-left:110px;
		margin-bottom: 10px;
		}
}

@media print, screen and (max-width: 640px) {
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
.pc_only {
	display: none;
	}
.q01__intro {
	padding: 0 20px;
	}
	.q01__intro h1 {
		margin-bottom: 20px;
		}
.bg_green {
	padding: 0 20px;
	margin-bottom:50px;
	}
	.q01__labo__text h2 {
		margin: 20px 0 10px 0;
		color: #009844;
		font-weight: bold;
		margin-bottom:0px;
		}
	.q01__labo__comment {
		margin-bottom:10px;
		background: #fffac6;
		border-radius: 10px;
		padding: 15px;
		}
	.q01__labo__comment .sp_only {
		text-align: right;
		margin-top:5px;
		}
.q01__anzen {
	color: #ffffff;
	margin-bottom: 30px;
	}
	.q01__anzen h1 {
		margin-bottom: 10px;
		}
.q01__kojo {
	color: #ffffff;
	margin-bottom:30px;
	}
	.q01__kojo figure img {
		width: 100%;
		heght: auto;
		}
	.q01__kojo h2 {
		margin-bottom: 10px;
		}
.q01__point {
	color: #ffffff;
	padding-bottom:50px;
	}
.q01__point__left h2 img {
	width: 40%;
	height: auto;
	margin-bottom:10px;
	}
.q01__point li img {
	width: 100%;
	height: auto;
	margin-bottom:5px;
	}

.q02__intro {
	padding: 0 20px;
	margin-bottom:30px;
	}
	.q02__intro h1 {
		margin-bottom: 10px;
		}
.q02__suigen {
	padding: 0 20px 0px 20px;
	}
	.q02__suigen h2 img {
		width: 50%;
		margin-bottom:10px;
		}
.bg_orange {padding: 0 20px;}
.q02__product__text {
	color: #ffffff;
	margin-bottom:30px;
	}
	.q02__product__text h2 {
		font-weight: bold;
		margin-bottom:10px;
		}
.q02__answer p {
	color: #ffffff;
	padding-top:10px!important;
	margin-bottom:20px;
	}
.q02__goggle aside img {
	width: 30%;
	height: auto;
	float: left;
	}
	.q02__goggle__inner  h2 img{
		width: 68%;
		height: auto;
		float: right;
		}
	.q02__goggle__inner p {
		color: #fff;
		clear:both;
		padding: 20px 0 10px 0!important;
		}
	.q02__comment {
		color: #fff;
		}
.q02__point {
	color: #fff;
	margin-bottom: 20px;
	}
	.q02__point p {
		margin-bottom:10px;
		}
	.q02__point__title {
		background: url(../images/point.svg) 0 0 no-repeat;
		background-size: 50px auto;
		padding-top: 35px!important;
		margin-top:30px!important;
		}
		.q02__point__title img {
			height: auto;
			margin-bottom:10px;
			}
	.q02__point__flow li {
		background:url(../images/q02_triangle_sp.svg) center bottom no-repeat;
		padding-bottom: 20px;
		background-size: 25px auto;
		margin-right:5px;
		margin-bottom:10px;
		width: 100%;
		}
		.q02__point__flow li:last-child {
			background: none;
			padding: 0;
			}
		.q02__point__flow span {
			border-radius: 5px;
			padding: 10px 5px;
			color: #000;
			text-align: center;
			width: 100%;
			display: block;
			}
			.q02__point__flow-01 span, .q02__point__flow-03 span, .q02__point__flow-05 span, .q02__point__flow-07 span {
				background: #fff;
				}
			.q02__point__flow-02 span, .q02__point__flow-04 span, .q02__point__flow-06 span, .q02__point__flow-08 span {
				background:#fff000;
				}
.q02__point__photo li img {
	width: 100%;
	height: auto;
	}
.q02__point__photo li {
	margin-bottom: 10px;
	}
.q02__point__ibutsu {
	padding-bottom: 30px;
	}
	.q02__point__ibutsu img {
		width: 100%;
		height: auto;
		margin: 20px 0 0px 0;
		}
	.q02__point__ibutsu h2 {
		width: 90%;
		height: auto;
		}
.q03__title {
	padding: 20px 20px 10px 10px!important;
	}
	.q03__title img {
		width: 100%;
		height:auto;
		}
.q03__question {
	padding: 0 20px;
	}
.q03__tokuni {
	padding: 20px;
	margin:20px;
	background: #fbd495;
	border-radius: 10px;
	}
.bg_pink {
	padding: 20px;
	color: #fff;
	}
	.bg_pink img {
		width :100%;
		height: auto;
		margin-bottom:10px;
		}
	.bg_pink p {
		margin-bottom: 20px;
		}
.q03__point h2 {
		background: url(../images/point.svg) 0 0 no-repeat;
		background-size: 50px auto;
		padding-top: 35px!important;
		margin-top:30px!important;
		}
.q04__title {
	padding: 20px 20px 10px 10px!important;
	}
	.q04__title img {
		width: 100%;
		height:auto;
		}
.q04__title__txt {
	padding: 0 20px 20px 20px!important;
	}
.q04__hansoku {
	padding: 0 20px 10px 20px!important;
	}
	.q04__hansoku img {
		margin-bottom: 20px;
		}
.q04__hansoku2 {
	padding: 0 20px 20px 20px;
	}
	.q04__hansoku2 img {
		width: 100%;
		height: auto;
		}
.q04_dankin h2 {
	line-height: 0;
	}
.q04_dankin div {
	background:#f7dce3;
	padding:20px!important;
		margin-bottom:20px;
	}
	.q04_dankin div img {
		width: 100%;
		height: auto;
		}
.bg_green2 {
	padding: 0 20px 30px 20px;
	color: #fff;
	}
.bg_green2__inner h1 {
	margin-bottom: 10px;
	}
.q04__product {
	padding: 20px 0!important;
	}
.q04__product img {
	width: 100%;
	height: auto;
	margin-bottom:10px;
	}
.q04__youbou img {
width: 100%;
	height: auto;
	margin-bottom:10px;
	}
.q04__monitor {
	padding: 20px 0!important;
	}
.q04__point h1{
	background: url(../images/point.svg) 0 0 no-repeat;
		background-size: 50px auto;
		padding-top: 35px!important;
		margin-top:30px!important;
	}
.q04__point p {
	margin-bottom: 10px;
	}
.q04__point img {
width: 100%;
	height: auto;
	margin-bottom:10px;
	}
}