@charset "UTF-8";

@media(max-width:767px) {
/*------------------------------------------------------------
	reset
------------------------------------------------------------*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; background: transparent; outline: 0; } 

/*------------------------------------------------------------
	default style
------------------------------------------------------------*/
html { font-size: 62.5%; } 
/* 
100.% : 1.0rem = 16px
87.5% : 1.0rem = 14px
75.0% : 1.0rem = 12px
62.5% : 1.0rem = 10px
 */
img { margin: 0; border: 0; max-width: 100%; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
hr { margin-bottom: 10px; padding-bottom: 10px; border: 0; border-bottom: 1px solid #999; }
a:link, a:visited { color: #549039; text-decoration: none; }

/*------------------------------------------------------------
	html5 tag
------------------------------------------------------------*/
article, aside, canvas, details, figcaption, figure, header, footer, hgroup, menu, nav, section, summary { display: block }

/*------------------------------------------------------------
	float clear
------------------------------------------------------------*/
.clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
div { position: inherit; margin: 0; padding: 0; border: 0; zoom: 1; }
div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/*------------------------------------------------------------
PaddingとBorderをWidthとHeight数値に含める
------------------------------------------------------------*/
div, ul, li { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }


/*------------------------------------------------------------
	text tag
------------------------------------------------------------*/
p, h1, h2, h3, h4, h5, h6 { line-height: 1.25; font-weight: normal; text-align: left; margin-bottom:0; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
p { font-size: 1.4rem; line-height: 1.3; margin:0 0 0.2em; }
h1 { font-size: 2.0rem; }
h2 { font-size: 2.0rem; }
h3 { font-size: 1.8rem; }
h4 { font-size: 2rem; }
h5 { font-size: 1.8rem; font-weight:normal; }
h6 { font-size: 1.2rem;}
.textLeft { text-align:left !important; }
.textRight { text-align:right !important; }
.textCenter { text-align: center !important; }

p.light { font-size: 12.rem; }
.price { font-size: 2rem; line-height: 1.2; }



/*FLOAT*/
.fR { float:none !important; }
.fL { float:none !important; }

/*------------------------------------------------------------
	list style
------------------------------------------------------------*/
ul { margin-bottom: 10px; list-style: none outside; font-size: 1.4rem; line-height: 1.5; color: #333; }
ol { margin-bottom: 10px; list-style: decimal; margin-left: 2.0rem; font-size: 1.4em; line-height: 1.5; color: #333; }
ul.square, ul.circle, ul.decimal, ul.alphavet { margin-left: 1.5rem; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.decimal { list-style: decimal outside; }
ul.alphavet { list-style: lower-alpha outside; }
ul ul.circle, ol ul.circle, ul ul.square, ol ul.square, 
ul ul.decimal, ol ul.decimal, ul ul.alphavet, ol ul.alphavet { margin-top: 0; margin-bottom: 5px; color: #333; }

/*------------------------------------------------------------
	margin padding
------------------------------------------------------------*/
/* Margin */
.btmMgn0 { margin-bottom:0 !important; }
.btmMgn5 { margin-bottom:5px !important; }
.btmMgn10 { margin-bottom:10px !important; }
.btmMgn15 { margin-bottom:15px !important; }
.btmMgn20 { margin-bottom:20px !important; }
.btmMgn25 { margin-bottom:25px !important; }
.btmMgn30 { margin-bottom:30px !important; }
.btmMgn35 { margin-bottom:35px !important; }

.topMgn0 { margin-top:0 !important; }
.topMgn5 { margin-top:5px !important; }
.topMgn10 { margin-top:10px !important; }
.topMgn15 { margin-top:15px !important; }
.topMgn20 { margin-top:20px !important; }
.topMgn25 { margin-top:25px !important; }
.topMgn30 { margin-top:30px !important; }
.topMgn35 { margin-top:35px !important; }

/* Padding */
.btmPad0 { padding-bottom:0 !important; }
.btmPad5 { padding-bottom:5px !important; }
.btmPad10 { padding-bottom:10px !important; }
.btmPad15 { padding-bottom:15px !important; }
.btmPad20 { padding-bottom:20px !important; }
.btmPad25 { padding-bottom:25px !important; }
.btmPad30 { padding-bottom:30px !important; }
.btmPad35 { padding-bottom:35px !important; }

.topPad0 { padding-top:0 !important; }
.topPad5 { padding-top:5px !important; }
.topPad10 { padding-top:10px !important; }
.topPad15 { padding-top:15px !important; }
.topPad20 { padding-top:20px !important; }
.topPad25 { padding-top:25px !important; }
.topPad30 { padding-top:30px !important; }
.topPad35 { padding-top:35px !important; }

img.mnMgn { margin-bottom:-.25em; }

/* Width */
.w80sp { width:80% !important; margin:0 auto; display:block; }
.w60sp { width:65% !important; margin:0 auto; display:block; }
.w50sp { width:50% !important; margin:0 auto; display:block; }
.w40sp { width:40% !important; margin:0 auto; display:block; }



/*------------------------------------------------------------
	float
------------------------------------------------------------*/
.floatLeft { float:left !important; margin:0 2% 0 0; }
.floatLeft_mgn { float: left !important; margin:0 2%; }
.floatRight { float: right !important; margin:0 0 0 2%; }
.floatRight_mgn { float: right !important; margin:0 2%; }


/*------------------------------------------------------------
	hr
------------------------------------------------------------*/
hr.solidLine { width:100%; border:1px solid #666; margin:3% 0; }
hr.dtdLine { width:100%; border:1px dotted #999; margin:3% auto; }
hr.dashLine { width:100%; border:1px dashed #999; margin:3% auto; }


.onlyPc { display:none !important; }


/* contents========================================================================== */
section { position: inherit; width:100%; margin:0; padding:0; }
section.inq { padding:1em 0; background-color:#eee; }
section.bg { padding:2em 0 1em; background:#eee; }
section.bgLine { padding:1em 0; background:url(../images/bgline.gif) 0 0 repeat; }
section img { width:100%; }
.inBox, header .inBox { position: inherit; width:92%; margin:0 auto; }
.inBox.border { border-bottom:1px solid #ea623a; padding-bottom:1em; }
.inBox.bg { background-color:#fff; padding:.6em .65em; text-align:left !important; }
/* column */
.col2-l { position:relative; width:100%; margin-right:0; float:none; }
.col2-r { position:relative; width:100%; margin-left:0; float:none; }

.col3 { position: relative; width:100%; float:none; margin:0; }
 
/* header========================================================================== */
header { width:100%; height: auto; border-bottom:0; padding:.5em 0; background-color:#34ba8c; color:#fff; }
header #acsTxt { position: relative; border-bottom:0; font-size:1.6rem; line-height:1.2; background:url(../images/icon_point.png) 0 0 no-repeat; padding-left:30px; color:#fff; margin:0; text-align:left; }

/*kv*/
section .inqBtn_kv { position: absolute; bottom:45px; left:280px; z-index:100; }


/* style========================================================================== */
h2 { margin:0; padding:0; background:#34ba8c; color:#fff; text-align:center; font-size:40px; }
h2 img { display:block; margin:0 auto; }

dl.qa { margin-bottom:30px; float:none; margin-left:0; }
dl.qa dt, dl.qa dd { float:left; line-height:1.4; }
dl.qa dt { font-size:2rem; line-height:1; width:10%; margin-right:0; }
dl.qa .qa_q { font-weight:bold; color:#34ba8c; }
dl.qa dd { font-size:1.6rem; width:90%; }
dl.qa dd br { display:none; }
dl.qa dd.qa_q { font-size:2rem; }

table { position:relative; width:100%; }
th, td { border:1px solid #ccc; padding:.5em .6em; vertical-align:middle; font-size:1.6rem; line-height:1.2; font-weight:normal; }
th { background-color:#f6f6f6; }
td { background-color:#fff; }
table.plan { width:100%; margin:0 auto; }
table.plan th { width:55%; }
table.plan td { font-size:1.4rem; }
table.plan td span { font-size:1.6rem; }
.cautionTable { margin:0; }

ul.example { position:relative; width:100%; margin:2em auto 0; }
ul.example li { width:100%; float:none; margin:0 0 2.5em 0; }
ul.example li:nth-child(3n) { margin:0 0 2.5em 0; }
ul.example li img { width:100%; margin-bottom:1em; }
ul.example li h3 { font-size:2rem; margin-bottom:1.5rem; }
ul.example li h3 span { color:#fff; background-color:#34ba8c; padding:4px 8px; margin-right:.6em; }
ul.example li a:hover { text-decoration:none; }
h2.example { font-size:2.4rem; margin:0 0 2em; }
h2.example br { display:block; }

h3.step { font-size:2rem; padding:.6em 1em; color:#fff; width:100%; margin:0 auto; }
h3.step br { display:block; }
img.steparrow { width:40px; margin:0 auto; display:block; }

/*inquiry*/
.acsTxt { font-size:1.8rem; line-height:1.6; background:url(../images/icon_point.png) 0 0 no-repeat; padding-left:2em; margin:0 0 30px 0%; display:block; text-align:left; }
ul.inqTel { width:100%; margin:0 auto; }
ul.inqTel li { float:none; margin:0 0 1em; width:100%; }
ul.inqTel li img { margin:0 auto; display:block; }
.inqBtn { width:98%; display:block; margin:0 auto 1.5em; }
.inqBtn2 { position: relative; top:-3em; width:100%; margin:0 0 -1em; z-index:10; }

.inBox_idv { position:relative; }
.inBox_idv img { position:absolute; left:20%; top:20%; width:60%; display:block; margin:0 auto; z-index:100; }
.inBox_idv iframe { width:100%; height:400px; }

.sMap { display:block; margin:0 auto; width:100% !important; }

/* footer======================================
==================================== */
footer { position:relative; width:100%; padding:3% 0; background-color:#515151; }
#gotop { position: absolute; top:20px; right:0; }
#gotop img { width:65px; }
p#copyright { font-size:1.4rem; text-align:center; color:#fff; margin:0; padding:0; }


/*form*/
h2.form { padding:.8em 0; margin-bottom:1em; font-size:2.2rem; }
table.form { width:100%; margin:2em auto; }
table.form th, table.form td { font-size:1.6rem; text-align:left; width:100%; display:block; }
table.form td { margin-top:-1px; }
table.form input, table.form textarea, #iframe { width:100%; }
input#zipcode_1, input#zipcode_2 { width:45% !important; }
input[type="checkbox"] { width:auto !important; }

.mfp_buttons { width:100%; margin:50px auto; overflow:hidden; }
button[type="reset"], button[type="submit"], button#mfp_button_send, button#mfp_button_cancel { width:45% !important; padding:10px 0 !important; border:1px solid #ccc; text-align:center; font-size:18px; float:left; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; cursor:pointer; }
button[type="reset"]{ margin-right:6% !important; background-color:#dedede; color:#434343; } 
button[type="submit"], button#mfp_button_send { background-color:#34ba8c; color:#fff; } 
button#mfp_button_cancel { margin-left:6% !important; background-color:#dedede; color:#434343; } 
}