@charset "utf-8";
/* 
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/
html {-webkit-text-size-adjust: 100%;/* 2 */-ms-text-size-adjust: 100%;}
body { width:100%; overflow-x:hidden;}
* {font-family: 'M PLUS Rounded 1c', "arial","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0;	border:0;	outline:0;	list-style:none;	vertical-align:baseline;	background:transparent; outline:none;}
body { line-height:1;}
img {border-style: none;} 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block;}
nav ul, ul, li { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}

/*inputなど*/

input[type="text"],
textarea { width: 90%; vertical-align:middle; outline: none; border: 1px solid #ccc; border-radius: 3px; -webkit-transition: all .3s; transition: all .3s; font-size: 16px;}
.mast{ background: #fff2f2;}
input[type="text"]:focus,
.mast:focus,
textarea:focus { box-shadow:0 0 0 2px #e54737; border: 1px solid #e54737; background: #fff; }
 select {
	padding:0 10px;
    line-height: 30px;
    color: #555;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
    cursor: pointer;
}
@media screen and (max-width: 600px){
input, textarea, select{ font-size: 18px;}
}

@media screen and (max-width: 320px){html, body { min-width:320px;}}
/*===================
 LINK
=====================*/
a, a img {-webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
a, a:visited, a:hover, a:active { text-decoration:none; outline: none; text-decoration: underline;}
a:hover, a:hover img { opacity:1; filter: alpha(opacity=100);}
@media screen and (max-width: 660px) {body, html { width:100%; overflow-x:hidden;}}
@media screen and (max-width: 480px) {body { background: #fff;}}
/*============================
selection
==============================*/

/*===================
 FONT
=====================*/
h1,h2,h3,h4,h5,h6 {line-height:1.6em; font-size:18px; font-weight: bold; color:#333;	letter-spacing:1px;}
p,li,dt,dl,span { font-size:16px; letter-spacing:1px; line-height:1.6em; color:#444;}
@media screen and (max-width: 640px) {
p,li,dt,dl,span { font-size:15px;}
}
@media screen and (max-width: 400px) {
h1,h2,h3,h4,h5,h6 {line-height:1.5em; font-size:16px;}
p,li,dt,dl,span { line-height:1.5em; font-size:14px;}
}
/*===================
	CONTENTS
=====================*/

.contMin{ width:100%; width:1040px\9; *width:1040px; margin:0 auto; overflow:hidden\9; *overflow:hidden; position:relative; z-index:1;}
header, footer, .cont, .inner, article { width:100%; float:left; position: relative; z-index: 1;}
article{ background: url(../pcmv_bk.jpg) 0% 0 no-repeat; background-size: 100% 674px;}

@media screen and (min-width: 1101px) {.contMin {max-width:1040px;}}
@media screen and (max-width: 1100px) {.contMin { width: 94%; margin: auto 3%; float: left;}}
@media screen and (max-width: 600px) {
 .w100{ width: 100%; margin: 0;}
}
/*============================
  clearfix
==============================*/
.cf:before, .cf:after { content: " "; display: table;}
.cf:after { clear: both;}
.cf { *zoom: 1;}
/*============================
  切り替え
==============================*/
.pc{display: block;}
.sp{display: none;}
@media screen and (max-width: 640px) {
.pc{ display: none;}
.sp{ display: block;}
}
.noPC{ display: none;}
@media screen and (max-width: 600px) { .noPC{ display: block;}}
/*============================
  共通クラス
==============================*/
.f12{ font-size: 12px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.block{ display: block;}
/*============================
  トップ
==============================*/
.slider-for{border: solid 1px #aaa; margin: 50px 0 20px; box-shadow: 2px 8px 10px #aaa;}
.slider-for div{}
.slider-for div img{ width: 100%; float: left; height: auto;}

.slider-for div{ }
.slider-for div img{}

.slider-for .slick-prev,
.slider-for .slick-next { background: #000 !important; width: 60px !important; height:60px !important; border-radius: 100%;}
.slider-for .slick-disabled{background: #eee !important;}
.slider-for .slick-prev{ margin-left: -40px;}
.slider-for .slick-next{ margin-right: -40px;}
.slick-prev:before, .slick-next:before{ color: #fff !important; }

.slider-nav div{ text-align: center; margin:10px 20px; cursor: pointer;}
.slick-initialized .slick-slide:hover{box-shadow: 0 0 0 2px #000; background: #000;}
.slider-nav div img{ height:auto; width: 100%;}
.slider-nav .slick-current{box-shadow: 0 0 0 4px #000; background: #000;}
.slider-nav .slick-current img{ opacity: 0.7;}

.slick-dotted.slick-slider{ padding: 20px 0;}


.slider-nav .slick-prev,
.slider-nav .slick-next { background: #fff !important; border: solid 1px #777; width: 20px !important; height:20px !important; border-radius: 100%;}
.slider-nav .slick-disabled{background: #eee !important; border: solid 1px #eee;}
.slider-nav .slick-prev{ margin-left: -0px;}
.slider-nav .slick-next{ margin-right: -0px;}
.slider-nav .slick-prev:before, .slider-nav .slick-next:before{ font-size: 12px; color: #000 !important;}



@media screen and (max-width: 1200px) {
.slick-prev, .slick-next{ display: none !important;}
}







/*============================
  footer
==============================*/
footer{ padding: 10px 0;}
footer .cf{}
footer .cf *{ font-size: 12px; display: inline-block; line-height: 20px;}
footer .cf ul{ display: inline-block; float: left;}
footer .cf ul li{ padding-right: 15px;}
footer .cf ul li a{}
footer .cf ul li a:hover{ text-decoration: none;}
footer .cf p{ float: right; letter-spacing: 0;}

@media screen and (max-width: 600px) {
footer .cf *{ font-size: 11px;}
footer .cf ul li{ padding-right: 10px;}
}
@media screen and (max-width: 540px) {
footer .cf ul{ width: 100%; text-align: center;}
footer .cf ul li{ padding: 0 5px; display:inline;}
footer .cf p{ width: 100%; text-align: center; padding: 5px 0 15px;}
}
@media screen and (max-width: 400px) {
footer .cf ul li{ display: block; margin: 4px 0;}
}

/*============================
  pageup
==============================*/
.pageup{ position: fixed; right: 10px; bottom: 10px; z-index: 10000000000000000000000;}
.pageup a{width: 50px; line-height: 50px; text-align: center; background: #333; color: #fff; display: block; text-decoration: none; opacity:0.7; 
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.pageup a:hover{ opacity:1;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
}









/*▼ ここから▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/


/*---------------------
 TITLE
---------------------*/
#tit { padding: 20px auto;}
#tit h2{ font-size: 24px; line-height: 1.2em; padding: 15px 0 5px;}
#tit ul {border-top: dotted 1px #aaa; padding: 5px 0;}
#tit ul li{ padding: 2px 0;}
#tit ul li b{ color: #000;}
@media screen and (max-width: 834px) {
#tit { width: 96%; padding: 5px 2%;}
#tit > *{ width: 100%; float: left;}
#tit h2{ font-size: 20px; line-height: 1.2em; padding: 10px 0;}
}
@media screen and (max-width: 600px) {
#tit ul li { margin: 10px 0; line-height: 1.4em;}
#tit ul li b{ display: block; line-height: 1.4em;}
}
@media screen and (max-width: 480px) {
#tit h2{ font-size: 18px; }
#tit ul li { margin: 5px 0;}
}

/*---------------------
 ImageArea
---------------------*/
#ImageArea img{ max-width: 100%; height: auto;}

/*---------------------
 infoArea
---------------------*/
#infoArea { margin-bottom: 50px;}
#infoArea p{ padding: 10px 0;}
/**/
#infoArea table { width: 100%;}
#infoArea table tr{}
#infoArea table tr > *{ border: solid 1px #999; padding:8px 5px; text-align: left; font-weight: normal; font-size: 14px; line-height: 1.5em;}
#infoArea table tr th{ width: 20%; background: #e9fac7;}
#infoArea table tr td{}
@media screen and (max-width: 834px) {
#infoArea p { width: 96%; padding: 5px 2%;}
#infoArea table { width: 96%; margin:10px 2%;}
}
@media screen and (max-width: 600px) {
#infoArea table tr > *{ font-size: 13px;}
#infoArea table tr th{ width: 30%;}
}

/*---------------------
 formArea
---------------------*/
article { margin-bottom: 80px;}
article h1{ font-size: 40px; text-align: center; line-height: 40px; margin: 60px 0 0;}
article > p a{ font-size: 20px;}
article > p a:hover{ text-decoration: none;}

#formArea { padding:60px 0 40px; background: #f5f5f5;}
.cred{ color:#e54737;}
#formArea .cf{}
#formArea .cf > *{}
#formArea .cf .title { text-align: center;}
#formArea .cf .title span{ display: block; font-size: 24px; background: #000; color: #fff; line-height: 50px;  border-radius: 4px;	-webkit-border-radius: 4px; -moz-border-radius: 4px;}
#formArea .cf .info{ text-align: center; padding: 10px 0; font-size: 13px;}
#formArea .cf .info span{font-size: 12px;}
#formArea .cf .cap{ font-size: 12px;}


@media screen and (max-width: 1200px) {
article h1{ margin: 40px 0 0;}
.slider-for { margin: 20px 0 20px;}
.slider-nav div { margin: 10px 10px;}
}
@media screen and (max-width: 600px) {
#formArea { padding:0px 0 40px; background: #fff;}
#formArea .cf .title span{border-radius: 0;	-webkit-border-radius: 0; -moz-border-radius: 0;}
#formArea .cf .info{ display: none;}
}

/*------------------------------------------------------*/
#formArea .cf #formTable{ padding: 10px 0 30px;}
#formArea .cf #formTable #form{ width: 100%;}
#formArea .cf #formTable #form tr{}
#formArea .cf #formTable #form tr > *{ border-bottom:dotted 1px #ccc; padding: 30px 12px; font-size: 18px; min-height:40px;}
#formArea .cf #formTable #form tr th{ width: 30%; text-align: left; vertical-align: middle; line-height: 40px; font-weight: normal;}
#formArea .cf #formTable #form tr th .cred{ display: inline-block; background:#e54737; color: #fff; font-size: 14px; margin-left: 15px; border-radius: 4px; padding: 8px; float: right;}
#formArea .cf #formTable #form tr td{ min-height:40px;}
#formArea .cf #formTable #form tr td.title{ background: #67482e; color: #fff; font-weight: bold; letter-spacing: 2px;}
#formArea .cf #formTable #form tr td div{ display: block; line-height: 30px; vertical-align: baseline;}
#formArea .cf #formTable #form .cap{ display: block; font-size: 12px;}
/**/
#formArea .cf #formTable #form input{ line-height: 50px; color: #333; padding: 0 5px; }
input[type="text"].kei_year{ width: 60px;}
/**/
input[type="text"]::-webkit-input-placeholder { color: #b5b5b5;}
input[type="text"]::-ms-input-placeholder { color: #b5b5b5;}
input[type="text"]::-moz-placeholder { color: #b5b5b5;}
input[type="text"]::-placeholder {color: #b5b5b5;}


@media screen and (max-width: 600px) {
#formArea .cf #formTable { padding: 0 0 30px;}
}

/*--個別指定------*/
/*住所*/
.address1, 
.address2, 
.address3, 
.address4, 
.address5, 
.address6{ margin-bottom: 10px;}
.address1 .formError, 
.address2 .formError, 
.address3 .formError, 
.address4 .formError, 
.address5 .formError, 
.address6 .formError{ margin-left: 80px;}
.address5 input[type="text"]{ width: 60%;}
/*fbox*/
.fbox{ width: 100%; display: block; margin-bottom: 15px;}
.fbox > *{ display:block; font-size: 14px; word-break:keep-all;}
.fbox b{ line-height: 1.4em; margin-bottom: 5px;}
.fbox > span > span{ display: inline-block; line-height: 30px; padding-right: 15px;}
/**/
input[type="text"].mise2{ width: auto; margin-left: 10px;}
/*備考*/
.fbikou { height: 150px;}

/**/
.doui input[type="text"].inputSonohoka { width: 26%;}
.doui input[type="text"]{ margin: 0px 0 5px;}
.doui > span{ margin-right: 5px; line-height: 1em; vertical-align:middle;}

/*プライバシーポリシー*/
.pp{ display: block; text-align: center; position: relative; padding: 30px 0 15px; margin-bottom: 20px; line-height: 1.8em; font-size: 13px;}
.pp .formError { width: 400px; left: 50%; padding: 0; bottom: -5px; margin-left: -50px; text-align: center !important; position: absolute !important;}

/*問い合わせボタン*/
.bt_confirm{ width: 100%; text-align: center;}
.bt_confirm input{ width: auto; height: 64px;}

.btnModoru{ width: auto; height: 64px; display: inline-block; margin-right: 15px;}
.btnModoru a{ display: block;}
.btnModoru img{ width: auto; height: 64px;}
.btnKakunin, 
.btnSoushin, 
.btnModoru{ overflow: hidden; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.btnKakunin, 
.btnSoushin{ border-bottom: solid 4px #003922;}

.btnModoru{ border-bottom: solid 4px #561111;}

.btnKakunin:hover, 
.btnSoushin:hover, 
.btnModoru:hover{ border-bottom: none; margin-top: 4px;}

@media screen and (max-width: 800px) {
textarea{ width: 100%;}
#formArea .cf #formTable #form{border-top: solid 1px #aaa;}
input[type="radio"] {margin: 3px 3px 0px 5px;}
#formArea .cf #formTable #form tr th, 
#formArea .cf #formTable #form tr td{ width: 94%; padding: 10px 3%; display: block; border:none; border-bottom: solid 1px #aaa; }
#formArea .cf #formTable #form tr th br{ display: none;}
/*住所*/
.address1 input[type="text"]{ width: 50%;}
.address3 input[type="text"],
.address4 input[type="text"]{ width: 80%;} 
}

@media screen and (max-width: 640px) {
.doui span.mT, 
.doui input[type="text"].mT{ display: inline-block;}
.doui .mT { margin-top: 10px !important;}
.formError .formErrorContent {font-size: 12px !important;}
#formArea .cf #formTable #form input[type="text"]{ line-height: 40px; box-shadow: none; -webkit-appearance: none; }
}
@media screen and (max-width: 600px) {
#formArea .cf #formTable #form tr th{ background: #def1e3; padding: 0 3%;}
#formArea .cf #formTable #form tr th .cred {padding: 2px 8px; margin-top: 8px;}


}
@media screen and (max-width: 500px) {
.address3 input[type="text"],
.address4 input[type="text"]{ width: 75%;} 
.address5 input[type="text"]{ width: 58%;}
.pp{ line-height: 1.6em;  padding: 15px 0 10px;}
.bt_confirm input{ height: 50px;}
.bt_confirm input.soushin{ margin-top: 5px;}
.btnModoru{ padding: 0; margin: 0 5px 0; }
.btnModoru, 
.btnModoru img{ height: 50px;}

#formArea .cf #formTable #form.cofirm tr > *{font-size: 17px;}

    
.fbox > span > span{ width: 45%; padding: 0; margin: 0;}
.fbox > b{ margin-bottom: 0;}

}


/* 確認ページ =========================================-*/
#form_2{ margin-top: 20px;}

/* 完了ページ =========================================-*/
.finTxt{ text-align: center; margin: 50px 0 20px; font-size: 22px; font-weight: bold; background: #007344; color: #fff; line-height: 3em;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.finPage h2{text-align: center; padding:10px 0 20px; font-size: 22px; border-bottom: double 3px #888;}
.finPage p{ width: 70%; margin: 20px 15%; text-align: left; font-size: 15px;}
.finPage p .txt{ display: block; margin-bottom: 15px;}
.finPage p .btn{ display: block; text-align: center; margin: 30px 0 100px;}
.finPage p .btn a{ display:inline-block;}
.finPage p .btn a img{ height: 100px; width: auto;}
.finFooter{ background: none;}
/**/
@media screen and (max-width: 851px) {
.finTxt{ width: 94%; margin: 30px  3% 15px; font-size: 20px; line-height: 2.4em;}
.finPage{ width: 94%; margin: 0  3%;}
}

@media screen and (max-width: 640px) {
.finPage h2{ padding:0px 0 10px; font-size: 20px; line-height: 1.6em;}
.finPage p{ width: 90%; margin: 20px 5%; border-bottom: dotted 1px #333;}
}

@media screen and (max-width: 500px) {
.finTxt{ font-size: 17px; line-height: 2.4em;}
.finPage h2{ font-size: 18px; line-height: 1.4em;}
}

/*追加*/

#formArea .cf #formTable #form tr.aite td.title{ background: #2e6363;}
#formArea .cf #formTable #form tr.aite th {background: #e4f8f3;}
.noborder, 
.noborder *{ border: none !important; background: none !important; height: 20px;}

@media screen and (max-width: 640px) {
.noborder{ display: none;}
}

/*確認*/
.kaso{ background: none !important;}
.kaso h1{ width: 18%; display: inline-block; float: left;}
.kaso h1 img{ width: 100%; height: auto;}
.kaso h2{ width: 80%; line-height: 36px; text-align: left; display: inline; float:right; font-size: 18px; font-weight: normal;}

.kaso h2 b{ padding-right: 10px; font-size: 18px;}

@media screen and (max-width: 640px) {
.kaso{ padding: 10px 0 20px !important;}
.kaso h1{ width: auto; height: 30px;}
.kaso h1 img{ width: auto; height: 100%; margin-left:5%;}
.kaso h2{ width:94%; margin: auto 3%;}
.kaso h2, 
.kaso h2 b{ font-size: 16px;}
.kaso h2 b{ padding-right:0px;}
}


/*個別*/

.syokai p{}
.syokai img{ margin: 0; padding: 0;}
.syokai b{ display: block; margin: 30px 3% 5px; font-size: 20px;}
.syokai dl{width: 90%; float: left; padding: 3%; margin:0 2% 50px; border: solid 1px #777;}

.syokai dl > *{ width: 100%; float: left; font-size: 18px; }
.syokai dl dt{ font-weight: bold; color: #67482e; margin-bottom:10px;}
.syokai dl dd.line{ border-bottom:dotted 1px #999; margin-bottom: 15px;}
.syokai dl dd span{ display: block; line-height: 1.4em; margin-bottom: 15px; padding-left: 15px; position: relative;}
.syokai dl dd span:before{ content: "・"; position: absolute; left: 0; top: 0;}
.syokai dl.taisyo { margin-bottom: 15px;}

@media screen and (max-width: 640px) {
.syokai b, 
.syokai dl > *{font-size: 16px;}
.syokai dl dd span{ margin-bottom: 10px; font-size: 15px;}
}
@media screen and (max-width: 400px) {
.syokai b, 
.syokai dl > *{font-size: 13px;}
.syokai dl dd span{ margin-bottom: 8px; font-size: 12px;}
}


.finImg{ text-align: center; margin: 30px 0 0;}
.finImg img{ width: auto; height: 40px; display: inline-block; text-align: center;}