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

/*======================================

1: body
2: header
3: nav
4: btn-box
5: .contents
6: #snore
7: #apnea
8: #merit
9: #about
10: #inquiry
11: #faq
12: footer
13: thanks_page
14: clearfix
15: tv

=======================================*/

@media only screen and (min-width:691px) {
/* ---------------------------------------------------------
1:body
----------------------------------------------------------*/
body {
	color: #333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 1.5;
	width: 100%;
	min-width: 1000px;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
}

img { vertical-align: top;}

a {	color: #000; text-decoration: none;}
a:hover { text-decoration: underline;}

.blue { color: #135e9d;}
.red { color: #ff0000;}

.sp { display: none;}

/* ---------------------------------------------------------
2:header
----------------------------------------------------------*/
header {
	position: relative;
	width: 100%;
	height: 450px;
	background: url(../img/bg_header.jpg) repeat-x bottom;
	margin: 0 auto 115px;
	overflow: hidden;
}
h1 {
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -500px;
	z-index: 2;
}
#main {
	position: absolute;
	width: 1200px;
	top: 0;
	left: 50%;
	margin-left: -600px;
}
#main-sp { display: none;}

/* ---------------------------------------------------------
3:nav
----------------------------------------------------------*/
nav {
	position: absolute;
	top: 520px;
	width: 100%;
	min-width: 1000px;
	height: 70px;
	background-color: #fff;
	padding: 18px 0 17px;
	border-top: 1px solid #135e9d;
	border-bottom: 10px solid #135e9d;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
nav.fixed { position: fixed; top: 0; z-index:2;}
nav ul {
	width: 1000px;
	margin: 0 auto;
}
nav li {
	float: left;
	height: 24px;
	border-left: 1px solid #dbdbdb;
}
nav li a { display: block;}
nav li:nth-child(1) a { padding: 4px 10px 0;}
nav li:nth-child(2) a { padding: 4px 10px 0 11px;}
nav li:nth-child(3) a { padding: 4px 12px 0;}
nav li:nth-child(4) a { padding: 4px 11px 0;}
nav li:nth-child(5) a { padding: 4px 11px 0 12px;}
nav li:nth-child(6) a { padding: 5px 11px 0 10px;}
nav li:last-child {
	border: none;
	padding: 0;
	margin-top: -5px;
}
.btn-sp { display: none;}

/* ---------------------------------------------------------
4:.btn-box
----------------------------------------------------------*/
.btn-box {
	width: 758px;
	margin: 0 auto 67px;
	padding-top:50px;
}
.btn-box div { display: inline-block;}
.btn-box .btn-left { float: left;}
.btn-box .btn-right { float: right;}

.inquiry{ text-align:center; background:#135F9D; padding:10px 0; position: absolute; display:block; width:100%; top: 450px; height:50px; }
.inquiry a{ background:#FC0; width:800px; }


/* ---------------------------------------------------------
5:.contents
----------------------------------------------------------*/
.contents {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

.btn {
	width: 704px;
	background: url(../img/btn_logo.png) no-repeat left top;
	background-color: #fff;
	margin: 0 auto;
	border-bottom: 3px solid #e8e8e8;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.btn a {
	display: block;
	width: 704px;
	height: 103px;
	font-size: 27px;
	text-align: center;
	color: #135e9d;
	background: url(../img/btn_arrow.png) no-repeat center 69px;
	border: 3px solid #f4f4f4;
	padding: 25px 0 0 0;
	margin: 0 auto;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.btn a { text-decoration: none;}

/* ---------------------------------------------------------
6:#snore
----------------------------------------------------------*/
#snore {
	background-color: #f0f7ff;
	padding-bottom: 40px;
}
#snore h2 { padding: 50px 0 0;}
#snore .balloon {
	margin: -1px 0 30px 206px;
}
#snore .laser {
	position: relative;
	width: 704px;
	height: 311px;
	background: url(../img/snore/bg.jpg) no-repeat;
	margin: 0 auto 43px;
}
#snore .pic {
	position: absolute;
	top: 30px;
	left: 30px;
}
#snore h3 {
	font-size: 25px;
	color: #135e9d;
	line-height: 1.4;
	padding: 53px 0 55px 220px;
}
#snore li {
	display: inline-block;
	list-style: none;
	font-size: 18px;
	line-height: 1;
	background: url(../img/snore/icon_check.png) no-repeat left top;
	padding: 3px 0 4px 33px;
	margin: 0 0 11px 112px;
}
#snore li .check {
	border-bottom: 1px dotted #f55177;
	padding-bottom: 2px;
}

/* ---------------------------------------------------------
7:#apnea
----------------------------------------------------------*/
#apnea {
	background: url(../img/apnea/bg_tri.png) no-repeat center top;
	padding: 90px 0 40px;
}
#apnea h2 { margin-bottom: 50px;}
#apnea .lead {
	font-size: 20px;
	line-height: 1;
	margin-bottom: 30px;
}
#apnea .left-col {
	float: left;
	width: 480px;
}
#apnea .right-col {
	float: right;
	width: 480px;
}
#apnea h3 {
	font-size: 20px;
	font-weight: normal;
	color: #135e9d;
	line-height: 1;
	background-color: #f0f7ff;
	padding: 18px 28px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-bottom: 13px;
}
#apnea .block1 { margin-bottom: 26px;}
#apnea .block2 { margin-bottom: 46px;}
#apnea .block1 p,
#apnea .block2 p {
	font-size: 15px;
	line-height: 1.5;
}
#apnea .block3 {
	position: relative;
	padding: 23px 0;
	border-top: 1px solid #f55177;
	border-bottom: 1px solid #f55177;
	margin-bottom: 40px;
}
#apnea .block3 p {
	font-size: 27px;
	color: #f55177;
	line-height: 1.5;
}
#apnea .pic {
	position: absolute;
	top: 6px;
	right: 0;
}

/* ---------------------------------------------------------
8:#merit
----------------------------------------------------------*/
#merit {
	background-color: #f6f3e9;
	padding-bottom: 40px;
}
#merit .contents {
	background: url(../img/merit/bg_pic.jpg) no-repeat right top;
}
#merit h2 {
	background: url(../img/merit/bg_tri_white.png) no-repeat center top;
	padding: 90px 0 20px;
}
#merit .block1 {
	padding: 0 0 8px 136px;
}
#merit h3 {
	font-size: 25px;
	font-weight: normal;
	line-height: 1;
	background: url(../img/merit/icon_check.png) no-repeat left top;
	padding: 3px 0 3px 44px;
}
#merit .block1 p {
	font-size: 15px;
	line-height: 1.67;
	padding: 12px 0 0 44px;
	margin-bottom: 28px;
}
#merit .evidence {
	width: 960px;
	background-color: #fff;
	padding: 10px 0 0;
	margin: 0 auto;
}
#merit h4 {
	font-size: 20px;
	color: #fff;
	line-height: 1;
	background-color: #c3b68a;
	margin: 0 10px 16px;
	padding: 14px 15px 13px;
}
#merit .evidence { padding-bottom: 10px; margin-bottom: 24px;}
#merit .evidence p {
	font-size: 15px;
	line-height: 1.5;
	padding: 0 0 0 20px;
	margin-bottom: 11px;
}
#merit table {
	width: 768px;
	font-size: 13px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin: 54px auto 0;
}
#merit th,
#merit td {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 10px 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#merit tbody th { width: 161px;}
#merit .th1 { width: 367px;}
#merit p.caution {
	font-size: 12px;
	line-height: 1;
	color: #666;
	padding: 9px 0 36px 97px;
}
#merit .quoto {
	border-left: 10px solid #f2f2f2;
	margin: 14px 40px 0 20px;
}
#merit .quoto p {
	font-size: 13px;
}
#merit .quoto p.small {
	font-size: 10px;
}
#merit .quoto ul {
	padding: 0 0 0 35px;
}
#merit .quoto li {
	font-size: 10px;
	list-style: decimal;
	margin-bottom: 13px;
}

/* ---------------------------------------------------------
9:#about
----------------------------------------------------------*/
#about {
	background: url(../img/about/bg_tri.png) no-repeat center top;
	padding: 90px 0 40px;
}
#about h2 { margin-bottom: 30px;}
#about .block1 {
	width: 940px;
	height: 250px;
	background-color: #fffded;
	margin: 0 auto;
}
#about .block1 .pic {
	float: left;
	padding: 30px;
}
#about .block1 p {
	font-size: 15px;
}
#about .block1 .txt1 { padding: 38px 0 25px;}
#about .shoulder { color: #666; margin-bottom: 20px;}
#about .big { font-size: 25px;}
#about .txt2 {
	clear: left;
	font-size: 15px;
	padding: 16px 0 46px 60px;
}
#about .best { background-color: #f0f7ff; margin-bottom: 50px;}
#about .logo {
	position: absolute;
	top: 20px;
	left: 0;
}
#about .txt-right {
	float: right;
	width: 807px;
}
#about h3 {
	font-size: 23px;
	font-weight: normal;
	line-height: 1;
	color: #135e9d;
	border-bottom: 2px solid #135e9d;
	padding: 30px 0 9px;
	margin-bottom: 1px;
}
#about .txt-border {
	border-top: 1px solid #135e9d;
	padding-top: 26px;
}
#about .txt-right p {
	font-size: 14px;
	margin-bottom: 21px;
}
#about p.caution {
	font-size: 11px;
	color: #666;
	line-height: 1.8;
}
#about .about-qa {
	width: 890px;
	padding: 20px;
	margin: 0 auto 30px;
	border: 1px solid #e8e8e8;
}
#about .about-qa h4 {
	font-size: 20px;
	font-weight: normal;
	line-height: 1;
}
#about .about-qa dl {
	padding: 20px 20px 0;
	font-size: 15px;
	line-height: 1.6;
}
#about .about-qa dt {
	color: #135e9d;
	background: url(../img/about/icon_q.png) no-repeat left top;
	padding-left: 39px;
	margin-bottom: 22px;
}
#about .about-qa dd {
	background: url(../img/about/icon_a.png) no-repeat left top;
	padding-left: 39px;
}

/* ---------------------------------------------------------
10:#inquiry
----------------------------------------------------------*/
#inquiry {
	background-color: #f9f9f9;
	padding: 90px 0 50px;
}
#inquiry h2 { margin-bottom: 30px;}
#inquiry .pic {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -27px;
}
#inquiry .lead {
	font-size: 15px;
	margin-bottom: 40px;
}
#inquiry table {
	width: 844px;
	font-size: 15px;
}
#inquiry th {
	width: 184px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
#inquiry td {
	padding-bottom: 20px;
}
#inquiry .category label {
	margin-right: 10px;
}
#inquiry .category input { margin-right: 5px;}
#inquiry textarea {
	width: 660px;
	height: 157px;
	font-size: 15px;
	border: 2px solid #e7e7e7;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#inquiry .input-txt input {
	width: 660px;
	height: 37px;
	font-size: 15px;
	border: 2px solid #e7e7e7;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#inquiry .consent {
	font-size: 13px;
}
#inquiry .consent input { margin-right: 5px;}
#inquiry .btn-send input {
	display: block;
	width: 284px;
	height: 63px;
	font-size: 18px;
	color: #fff;
	background-color: #135e9d;
	border-style: none;
	border-bottom: 5px solid #053f70;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 0 auto;
}
#inquiry .privacy {
	width: 960px;
	background-color: #fff;
	border: 1px solid #d8d4c8;
	padding: 20px 20px 5px;
	margin: 50px auto 0;
}
#inquiry .privacy h3 {
	font-size: 15px;
	color: #857953;
	margin-bottom: 10px;
}
#inquiry .privacy h4 {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 15px;
}
#inquiry .privacy p {
	font-size: 12px;
	margin-bottom: 15px;
}
#inquiry select {
	height:40px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 2px solid #e7e7e7;
	padding:0 10px 0 27px;
}
#inquiry .yoyaku select {
	margin-bottom:10px;
}
#inquiry .yoyaku select.last {
	margin-bottom:0;
}
#inquiry input.short {
	width:17%;
}
#inquiry .attention {
	color:#F09;
	margin-bottom:10px;
}
#inquiry .rest_day {
	margin-bottom:15px;
}
	
/* ---------------------------------------------------------
11:#faq
----------------------------------------------------------*/
#faq {
	padding: 90px 0 25px;
}
#faq .pic {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -27px;
}
#faq .lead {
	font-size: 15px;
	padding: 40px 0;
}
#faq dl {
	font-size: 14px;
	background: url(../img/faq/dotline.png) repeat-x left top;
	padding: 35px 20px 0 0;
}
#faq dt {
	color: #135e9d;
	background: url(../img/faq/icon_q.png) no-repeat left top;
	padding: 0 0 16px 27px;
}
#faq dd {
	background: url(../img/faq/icon_a.png) no-repeat left top;
	padding: 0 0 0 27px;
}
#faq dd:after {
	display: block;
	content: ".";
	color: #fff;
	width: 1000px;
	padding-top: 5px;
	margin: 0 0 25px -27px;
	background: url(../img/faq/dotline.png) repeat-x left bottom;
}

/* ---------------------------------------------------------
12:footer
----------------------------------------------------------*/
footer {
	background-color: #f9f9f9;
	padding-bottom: 14px;
}
footer .txt1 {
	font-size: 15px;
	line-height: 1;
	padding: 20px 0 17px;
}
footer .txt2 {
	font-size: 13px;
}
footer address {
	position: absolute;
	font-size: 13px;
	bottom: 0;
	right: 0;
	font-style: normal;
}
footer .pagetop {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -16px;
}
footer .pagetop a {
	display: block;
	width: 140px;
	height: 35px;
	background: url(../img/icon_pagetop_arrow.png) no-repeat 11px center;
	font-size: 12px;
	letter-spacing: -1px;
	color: #fff;
	background-color: #aaa;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 9px 0 0 23px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
footer .pagetop a:hover { text-decoration: none;}


/* ---------------------------------------------------------
13:thanks_page
----------------------------------------------------------*/
#thanks_page {
	background:#f9f9f9;
}
#thanks_page header {
	width:inherit;
	height:inherit;
	background:#fff;
	margin:0;
	border-top:1px solid #135e9d;
	border-bottom:10px solid #135e9d;
	padding:18px 0 17px;
}
#thanks_page header h1 {
	position:relative;
	top:inherit;
	left:inherit;
	margin:auto;
	width:1000px;
	text-align:left;
}
#thanks_page #inquiry {
	background:#fff;
}
#thanks_page #inquiry .back_top {
	text-align:center;
	margin-top:60px;
}
#thanks_page #inquiry p {
	margin-bottom:15px;
}
}

/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {

/* ---------------------------------------------------------
1:body
----------------------------------------------------------*/
body {
	color: #333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	width: 100%;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
}

img { vertical-align: top;}

a {	color: #000; text-decoration: none;}

.blue { color: #135e9d;}
.red { color: #ff0000;}

.pc { display: none;}

/* ---------------------------------------------------------
2:header
----------------------------------------------------------*/
header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 50px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	z-index: 2;
}
h1 {
	width: 105px;
	z-index: 2;
	padding: 10px;
}
h1 img,.btn-sp img { width: 100%; height: auto;}
.btn-sp {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 34px;
}
#main {
	display: none;
}
#main-sp img {
	width: 100%; height: auto;
}

/* ---------------------------------------------------------
3:nav
----------------------------------------------------------*/
nav {
	position: fixed;
	width: 100%;
	top: 50px;
	background-color: #fff;
	display: none;
	z-index: 2;
}
nav ul {
	border-top: 1px solid #ccc;
}
nav li {
	border-bottom: 1px solid #ccc;
}
nav li a {
	display: block;
	padding: 16px 0 10px 10px;
}

#main-sp {
	padding: 60px 0 0;
	text-align: center;
	background: url(../img/bg_header.jpg) repeat-x bottom;
	background-size: 1px 225px;
	border-bottom: 1px solid #135e9d;
	margin-bottom: 15px;
}
#main-sp img { width: 100%; height: auto;}

/* ---------------------------------------------------------
4:btn-box
----------------------------------------------------------*/
.btn-box {
	margin: 0 5%;
	padding-top:10px;
}
.btn-box div {
	width: 60%;
	margin: 0 auto 15px;
}
.btn-box div img { width: 100%; height: auto;}

.inquiry{ margin-top:-20px; text-align:center; background:#135F9D; padding:15px 0 !important; position:none !important; display:block; width:100%; height: auto !important; }
.inquiry a img{ background:#FC0; width:90%; }


/* ---------------------------------------------------------
5:.contents
----------------------------------------------------------*/
.contents {
	position: relative;
	margin: 0 5%;
}

.btn {
	width: 100%;
	background: url(../img/btn_logo.png) no-repeat left center;
	background-size: 40px auto;
	background-color: #fff;
	margin: 0 auto;
	border-bottom: 3px solid #e8e8e8;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.btn a {
	display: block;
	width: 100%;
	height: 80px;
	font-size: 15px;
	text-align: center;
	color: #135e9d;
	background: url(../img/btn_arrow.png) no-repeat center 90%;
	border: 3px solid #f4f4f4;
	padding: 15px 0 40px 0;
	margin: 0 auto;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.btn a { text-decoration: none;}

/* ---------------------------------------------------------
6:#snore
----------------------------------------------------------*/
#snore {
	background-color: #f0f7ff;
	padding-bottom: 40px;
}
#snore h2 {
	width: 80%;
	padding: 20px 0 0;
}
#snore .balloon {
	width: 60%;
	margin-bottom: 20px;
}

#snore h2 img,
#snore .balloon img,
#snore .pic img { width: 100%; height: auto;}

#snore .laser {
	position: relative;
	width: 100%;
	background: url(../img/snore/bg.jpg) no-repeat bottom;
	background-size: contain;
	background-color: #fff;
	margin: 0 auto 20px;
}
#snore .pic {
	width: 50%;
	margin: 0 auto;
	padding: 15px 0 0;
}
#snore h3 {
	font-size: 18px;
	color: #135e9d;
	line-height: 1.4;
	padding: 10px;
}
#snore li {
	display: inline-block;
	list-style: none;
	font-size: 14px;
	line-height: 1.5;
	background: url(../img/snore/icon_check.png) no-repeat left top;
	background-size: 20px auto;
	padding: 0 0 4px 25px;
	margin: 0 10px 10px;
}
#snore li .check {
	border-bottom: 1px dotted #f55177;
	padding-bottom: 2px;
}
#snore .btn a { letter-spacing: -1px;}

/* ---------------------------------------------------------
7:#apnea
----------------------------------------------------------*/
#apnea {
	background: url(../img/apnea/bg_tri.png) no-repeat center top;
	background-size: 150px auto;
	padding: 50px 0 40px;
}
#apnea h2 {
	width: 100%;
	margin-bottom: 30px;
}
#apnea h2 img,
#apnea .pic img { width: 100%; height: auto;}
#apnea .lead {
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 20px;
}
#apnea h3 {
	font-size: 18px;
	font-weight: normal;
	color: #135e9d;
	line-height: 1;
	background-color: #f0f7ff;
	padding: 18px 28px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-bottom: 13px;
}
#apnea .block1 p,
#apnea .block2 p {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 20px;
}
#apnea .block3 {
	position: relative;
	padding: 23px 0;
	border-top: 1px solid #f55177;
	border-bottom: 1px solid #f55177;
	margin-bottom: 40px;
}
#apnea .block3 p {
	font-size: 16px;
	color: #f55177;
	line-height: 1.5;
}
#apnea .pic {
	width: 100%;
	margin-bottom: 20px;
}

/* ---------------------------------------------------------
8:#merit
----------------------------------------------------------*/
#merit {
	background: url(../img/merit/bg_pic.jpg) no-repeat right top;
	background-color: #f6f3e9;
	padding-bottom: 40px;
}
#merit .contents {
}
#merit h2 {
	background: url(../img/merit/bg_tri_white.png) no-repeat center top;
	background-size: 150px auto;
	padding: 40px 0 30px;
}
#merit h2 img { width: 80%; height: auto;}
#merit .block1 {
	padding: 0 0 8px 0;
}
#merit h3 {
	font-size: 16px;
	font-weight: normal;
	line-height: 1;
	background: url(../img/merit/icon_check.png) no-repeat left top;
	background-size: 25px auto;
	padding: 3px 0 3px 30px;
}
#merit .block1 p {
	font-size: 14px;
	line-height: 1.67;
	padding: 12px 0 0 30px;
	margin-bottom: 28px;
}
#merit .evidence {
	width: 100%;
	background-color: #fff;
	padding: 10px 0 0;
	margin: 0 auto;
}
#merit h4 {
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 1.5;
	background-color: #c3b68a;
	margin: 0 10px 15px;
	padding: 10px 10px 8px;
}
#merit .evidence { padding-bottom: 10px; margin-bottom: 24px;}
#merit .evidence p {
	font-size: 13px;
	line-height: 1.5;
	padding: 0 15px;
	margin-bottom: 11px;
}
#merit table {
	display: none;
}
#merit p.caution {
	display: none;
}
#merit .btn-pdf {
	text-align: center;
	margin-bottom: 15px;
	padding-top: 5px;
}
#merit .btn-pdf a {
	font-size: 13px;
	display: inline-block;
	color: #135e9d;
	border: 1px solid #135e9d;
	padding: 5px 10px;
}

#merit .quoto {
	border-left: 5px solid #f2f2f2;
	margin: 14px 0px 0 10px;
}
#merit .quoto p {
	font-size: 12px;
}
#merit .quoto p.small {
	font-size: 10px;
}
#merit .quoto ul {
	padding: 0 0 0 35px;
}
#merit .quoto li {
	font-size: 10px;
	list-style: decimal;
	margin-bottom: 13px;
}

/* ---------------------------------------------------------
9:#about
----------------------------------------------------------*/
#about {
	background: url(../img/about/bg_tri.png) no-repeat center top;
	background-size: 150px auto;
	padding: 50px 0 40px;
}
#about h2 {
	width: 100%;
	margin-bottom: 30px;
}
#about h2 img { width: 100%; height: auto;}
#about .block1 {
	width: 100%;
	background-color: #fffded;
	margin: 0 auto;
	padding-bottom: 10px;
}
#about .block1 .pic {
	text-align: center;
	padding: 30px 30px 10px;
}
#about .block1 p {
	font-size: 14px;
	margin-left: 10px;
	margin-right: 10px;
}
#about .block1 .txt1 { padding: 10px 10px 15px;}
#about .shoulder { color: #666; margin: 0 0 15px 10px;}
#about .big { font-size: 20px;}
#about .txt2 {
	font-size: 14px;
	padding: 16px 0 46px;
}
#about .best { background-color: #f0f7ff; margin-bottom: 30px;}
#about .logo {
	text-align: center;
	padding-top: 20px;
}
#about .txt-right {
}
#about h3 {
	font-size: 23px;
	font-weight: normal;
	line-height: 1;
	color: #135e9d;
	border-bottom: 2px solid #135e9d;
	padding: 30px 0 9px;
	margin-bottom: 1px;
}
#about .txt-border {
	padding-top: 26px;
}
#about .txt-right p {
	font-size: 14px;
	margin-bottom: 21px;
}
#about p.caution {
	font-size: 11px;
	color: #666;
	line-height: 1.8;
}
#about .about-qa {
	width: 90%;
	padding: 20px 15px;
	margin: 0 auto 30px;
	border: 1px solid #e8e8e8;	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#about .about-qa h4 {
	font-size: 18px;
	font-weight: normal;
	line-height: 1;
}
#about .about-qa dl {
	padding: 20px 0px 0;
	font-size: 14px;
	line-height: 1.6;
}
#about .about-qa dt {
	color: #135e9d;
	background: url(../img/about/icon_q.png) no-repeat left top;
	padding-left: 39px;
	margin-bottom: 22px;
}
#about .about-qa dd {
	background: url(../img/about/icon_a.png) no-repeat left top;
	padding-left: 39px;
}

/* ---------------------------------------------------------
10:#inquiry
----------------------------------------------------------*/
#inquiry {
	background-color: #f9f9f9;
	padding: 40px 0 50px;
}
#inquiry h2 {
	width: 80%;
	margin-bottom: 20px;
}
#inquiry h2 img,
#inquiry .pic img { width: 100%; height: auto;}
#inquiry .pic {
	width: 50%;
	margin: 0 auto 20px;
}
#inquiry .lead {
	font-size: 14px;
	margin-bottom: 40px;
}
#inquiry table {
	width: 100%;
	font-size: 15px;
}
#inquiry th,
#inquiry td {
	display: block;
}
#inquiry th {
	width: 100%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding-bottom: 15px;
}
#inquiry td {
	padding-bottom: 30px;
}
#inquiry .category label {
	margin-right: 10px;
}
#inquiry input[type="button"],#inquiry input[type="submit"] {
	-webkit-appearance: none;
}
#inquiry .category input { margin-right: 5px;}
#inquiry textarea {
	width: 100%;
	height: 157px;
	font-size: 15px;
	border: 2px solid #e7e7e7;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#inquiry .input-txt input {
	width: 100%;
	height: 37px;
	font-size: 15px;
	border: 2px solid #e7e7e7;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#inquiry .consent {
	font-size: 13px;
}
#inquiry .empty { padding: 0;}
#inquiry .consent input { margin-right: 5px;}
#inquiry .btn-send input {
	display: block;
	width: 100%;
	height: 63px;
	font-size: 18px;
	color: #fff;
	background-color: #135e9d;
	border-style: none;
	border-bottom: 5px solid #053f70;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 0 auto;
}
#inquiry .privacy {
	width: 100%;
	background-color: #fff;
	border: 1px solid #d8d4c8;
	padding: 20px 20px 5px;
	margin: 50px auto 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#inquiry .privacy h3 {
	font-size: 14px;
	color: #857953;
	margin-bottom: 10px;
}
#inquiry .privacy h4 {
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 15px;
}
#inquiry .privacy p {
	font-size: 12px;
	margin-bottom: 15px;
}
#inquiry select {
	height:40px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 2px solid #e7e7e7;
	padding:0 2% 0 3%;
}
#inquiry .yoyaku select {
	margin-bottom:10px;
}
#inquiry .yoyaku select.last {
	margin-bottom:0;
}
#inquiry .yoyaku span {
	font-size:12px;
}
#inquiry input.short {
	width:17%;
}
#inquiry .attention {
	color:#F09;
	margin-bottom:10px;
}
#inquiry .rest_day {
	margin-bottom:15px;
}

/* ---------------------------------------------------------
11:#faq
----------------------------------------------------------*/
#faq {
	padding: 40px 0 60px;
}
#faq h2 { width: 50%; margin-bottom: 20px;}
#faq h2 img { width: 100%; height: auto;}
#faq .pic {
	width: 50%;
	margin: 0 auto 20px;
}
#faq .lead {
	font-size: 15px;
	padding: 40px 0;
}
#faq dl {
	font-size: 14px;
	background: url(../img/faq/dotline.png) repeat-x left top;
	padding: 35px 20px 0 0;
}
#faq dt {
	color: #135e9d;
	background: url(../img/faq/icon_q.png) no-repeat left top;
	padding: 0 0 16px 27px;
}
#faq dd {
	background: url(../img/faq/icon_a.png) no-repeat left top;
	padding: 0 0 0 27px;
}
#faq dd:after {
	display: block;
	content: ".";
	color: #fff;
	width: 115%;
	padding-top: 5px;
	margin: 0 0 25px -27px;
	background: url(../img/faq/dotline.png) repeat-x left bottom;
}

/* ---------------------------------------------------------
12:footer
----------------------------------------------------------*/
footer {
	background-color: #f9f9f9;
	padding-bottom: 14px;
}
footer .txt1 {
	font-size: 15px;
	line-height: 1;
	padding: 20px 0 17px;
}
footer .txt2 {
	font-size: 13px;
}
footer address {
	padding: 10px 0 0;
	font-size: 13px;
	text-align: center;
	font-style: normal;
}
footer .pagetop {
	position: absolute;
	top: 0;
	left: 50%;
	margin: -50px 0 0 -70px;
}
footer .pagetop a {
	display: block;
	width: 140px;
	height: 35px;
	background: url(../img/icon_pagetop_arrow.png) no-repeat 11px center;
	font-size: 12px;
	letter-spacing: -1px;
	color: #fff;
	background-color: #aaa;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 9px 0 0 23px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
footer .pagetop a:hover { text-decoration: none;}

/* ---------------------------------------------------------
13:thanks_page
----------------------------------------------------------*/
#thanks_page #inquiry {
	background:#fff;
}
#thanks_page article {
	padding-top:60px;
}
#thanks_page #inquiry .back_top {
	margin-top:40px;
	text-align:center;
}

}


/* ---------------------------------------------------------
14:clearfix
----------------------------------------------------------*/
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { min-height: 1px; }


#date1,#date2,#date3{ width:40% !important; margin-bottom:5px; }

.form-conf{  }
.form-conf table{ margin:0 auto !important; }
.form-conf th,.form-conf td{ border-bottom:dotted 1px #ccc; padding-top:10px; padding-bottom:10px !important; }
.btn-bk{ margin-top:15px;}
.btn-bk input {
	display: block;
	width: 284px;
	height: 30px;
	font-size: 14px;
	color: #fff;
	background-color: #888;
	border-style: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 0 auto;
}
@media only screen and (max-width:690px) {
.form-conf table{ margin:0 5% !important; }
.form-conf th{ border-bottom:none !important; padding-bottom:0px !important; font-weight:700 !important; }	
.form-conf td{ padding-top:5px !important; }
.form-conf .btn-send{ margin:15px 3% 0;}
.form-conf .btn-bk{ margin:15px 3% 30px;}
}


#tv{ margin:0 auto !important; padding:20px 0 40px; width: 1000px; font-size:16px; }
#tv h2{ font-size:40px; line-height:130%; }
#tv p{ margin-top:20px; }
#tv li{ display:inline-block; width:24.5%; }
#tv li img{ width:100%; }
#tv img { margin:0 auto; display:block;}
#merit li{ display:inline-block; width:33%; }
#merit li img{ width:100%; }
@media only screen and (max-width:690px) {
#tv{ margin:0 auto !important; padding:20px 3% 40px; width:94%; font-size:16px; }
#tv h2{ font-size:30px; line-height:130%; }
#tv img { width:100%; margin:0 auto; display:block;}
#tv li{ display:inline-block; width:100%; }

#snore .center img{ width:100%; }

#merit li{ display:inline-block; width:100%; }
#merit li img{ width:100%; }

.about-qa .center img{ width:100%; }
}

#bottom-bt{ text-align:center; background:#135F9D; padding:10px 0; position: absolute; display:block; width:100%; top: 450px; height:50px; }
#bottom-bt a{ background:#FC0; width:800px; }
@media only screen and (max-width:690px) {
#bottom-bt{ background:#3869A6; position: fixed; bottom:0 !important; top: auto !important; width:100%; height:auto !important; padding:15px 0 !important; z-index:100 !important; }
#bottom-bt a{background:#3869A6; width:90% !important; }	
#bottom-bt a img{ width:90% !important; }	
}


.center img { margin:0 auto; display:block;}
.bottom10{ margin-bottom:10px; }
.top10{ margin-top:10px; }



/*ページトップ*/

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 3%;
  bottom: 80px;
  background:#F03;
  opacity: 0.6;
  border-radius: 50%;
  z-index:100;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '↑';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}