@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:"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: 80%; vertical-align:middle; outline: none; border: 1px solid #999; -webkit-transition: all .3s; transition: all .3s;}
.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, a *{-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
==============================*/
::selection { color:#fff; background:#555; text-shadow:none; opacity:1;}
::-moz-selection { color:#fff; background:#555; text-shadow:none; opacity:1;}
/*===================
 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:900px\9; *width:900px; 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;}

@media screen and (min-width: 901px) {.contMin {max-width:900px;}}
@media screen and (max-width: 900px) {.contMin { float: left;}}
/*============================
  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;}
.Block{ display: block;}
@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;}
/*============================
  header
==============================*/
header { margin: 20px 0;}
header .cf .logo { float: left; display: inline;}
header .cf .logo a{ height: 34px; display: block;}
header .cf .logo a img{ height: 100%; width: auto;}
header .cf .txt { float: right;}
header .cf .txt a { display: block;  border: solid 1px #666;
text-decoration: none;
box-shadow: 1px 2px 3px #ccc;
padding: 0 20px;
font-size: 14px;
color: #222;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background: rgb(255,255,255);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 2%, rgba(255,249,249,1) 59%, rgba(204,204,204,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 2%,rgba(255,249,249,1) 59%,rgba(204,204,204,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 2%,rgba(255,249,249,1) 59%,rgba(204,204,204,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );
}
header .cf .txt a:hover{ background: #fff;}
header .cf .txt a span {line-height: 36px;}
@media screen and (max-width: 937px) {
header{ width: 96%; margin: 15px 2% 0;}
}
@media screen and (max-width: 600px) {
header .cf .txt a span{ font-size: 14px; line-height: 30px;}
header .cf .logo a{ height: 30px;}
}



/*---------------------
 formArea
---------------------*/
#titlearea{}
#titlearea h1{ width: 96%; padding: 10px 2%; float: left; box-shadow:0px 3px 5px #999; color: #000; z-index: 100; position: relative; border-top: solid 4px #c1a85a; margin-bottom: 10px;}
#titlearea p{ display: block; z-index:1; position: relative;}
#titlearea p img{ max-width: 100%;}
@media screen and (max-width: 937px) {
#titlearea{ width: 96%; margin: 20px 2% 0;}
}

/*===================
footer
=====================*/
footer { background: #2e8b48; margin-top: 30px;}
footer .cf { padding: 20px 0;}
footer .cf h2{ width: 40%; float: left; display: inline-block;}
footer .cf h2 img{ width: 100px; height: auto; margin-bottom: 5px;}
footer .cf h2 span{ display: block; font-size: 10px; color: #fff;}
footer .cf ul{ float: right; display: inline-block; margin-top: 10px;}
footer .cf ul li { line-height: 20px; display: inline; color: #fff;}
footer .cf ul li a { display:inline-block; line-height: 1em; padding:0 10px; color: #fff; text-decoration: none; font-size: 11px; line-height: 20px;}
footer .cf ul li a:hover{ color: #ddd; text-decoration: underline;}


/*===================
footer
=====================*/
/*============================
  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;
}









/*▼ ここから▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
.biko { height: 150px;
margin-bottom: 15px;
}
/*---------------------
 formArea
---------------------*/
#formArea .cf{}
#formArea .cf > *{}
#formArea .cf h3 { text-align: center;}
#formArea .cf h3 span{ display: inline-block; font-size: 20px; background: #67482e; padding: 5px 30px; color: #fff; text-indent:10px; border-radius: 10px;	-webkit-border-radius: 10px; -moz-border-radius: 10px;}
#formArea .cf .info{ margin: 20px 0 0; font-size: 16px; font-weight: bold; border-left: 4px solid #333; text-indent: 1.2em; line-height: 1.6em;}

#formArea .cf .info span{font-size: 12px;}
#formArea .cf .cap{ font-size: 12px;}
#formArea .cf #formTable{ padding: 10px 0 30px;}
#formArea .cf #formTable #form{ width: 100%;}
#formArea .cf #formTable #form > * > tr{}
#formArea .cf #formTable #form > * > tr > *{ border:solid 1px #ccc; padding: 10px 12px; font-size: 14px;}
#formArea .cf #formTable #form > * > tr th{ width: 30%; background: #faf0e0; text-align: left; vertical-align: top;}
#formArea .cf #formTable #form > * > tr th .cred{ display: inline-block; background:#e54737; color: #fff; font-size: 12px; margin-left: 15px; padding: 0 8px; float: right;}
#formArea .cf #formTable #form > * > tr > td{ background: #fff; min-height:20px;}
#formArea .cf #formTable #form > * > tr > td.title{ background: #67482e; color: #fff; font-weight: bold; letter-spacing: 2px;}
#formArea .cf #formTable #form > * > tr > td div{ line-height: 30px; vertical-align: baseline;}
#formArea .cf #formTable #form .cap{ display: block; font-size:15px;}
/**/
#formArea .cf #formTable #form input{ line-height: 30px; color: #333; padding: 0 5px; }
input[type="text"].kei_year{ width: 60px;}
@media screen\0 {
input { height: 34px;}
    select {height: 34px;}
}


/**/
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;}
.color{}
/*--個別指定------*/

/* ラジオボタン、チェックボックス(IE) */
@media all and (-ms-high-contrast: none) {
input[type="radio"], input[type="checkbox"] {vertical-align: -13px;}
}

/*住所*/
.address1,
.address2,
.address3,
.address4,
.address5,
.address6{ margin-bottom: 10px;}
.address1 .formError,
.address2 .formError,
.address3 .formError,
.address4 .formError,
.address5 .formError,
.address6 .formError,
.elevator .formError{ margin-left: 80px;}
.address1 input[type="text"]{ width: 150px;}
.address5 input[type="text"]{ width: 60%;}

.ml20 {
    margin-left: 20px;
}
/* 店舗 */

.shop1 {
    float: left;
    margin-right: 10px;
    margin-top:1px;
}
.shop2 {
    float: left;
}
/* 連絡希望日 */
.mitsu div div {
    margin-left: 50px;
}

.hidden {
    display: none;
}
.kiboubi1 {
    float:left;
    margin-top:3px;
    font-size: 14px;
}
.kiboubi2 {
    float:left;
    width: 30px;
}
.kiboubi3 {
    float: left;
    margin-top:4px;
    margin-left: 20px;
    width:32px;
    font-size: 14px;
}
@media all and (-ms-high-contrast: none) {
    .kiboubi3 {
        margin-left:40px;
        margin-right:20px;
}
}
 .kiboubi4 {
    float: left;
    width: 36px;
}
.kiboubi5 {
    float: left;
    margin-top:4px;
    margin-left: 15px;
    font-size: 14px;
}
@media all and (-ms-high-contrast: none) {
    .kiboubi5 {
        margin-left:40px;
}
}
.kiboubi2 div div {
    margin-left:-40px;
}

/*引越し予定日*/
.yoteibi1 {
    float:left;
    width:30px;
}
.yoteibi2 {
    float: left;
    margin-top:4px;
    margin-left:20px;
    width:32px;
    font-size:14px;
}
.yoteibi3 {
    float: left;
    width:36px;
    margin-left:20px;
}
.yoteibi4 {
    float: left;
    margin-top:4px;
    margin-left:15px;
    font-size: 14px;
}
@media all and (-ms-high-contrast: none) {
    .yoteibi2 {
        margin-left:40px;
}
}
@media all and (-ms-high-contrast: none) {
    .yoteibi4 {
        margin-left:40px;
}
}

/*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;}
/*備考*/
.fbikou { height: 150px;}
/**/
.syouhin input[type="text"].inputSonohoka { width: 26%;}
.syouhin input[type="text"]{ margin: 0px 0 5px;}
.syouhin > span{ display: block; margin: 8px 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 #6f0f0f;}

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

.btnKakunin:hover,
.btnSoushin:hover,
.btnModoru:hover{ border-bottom: none; margin-top: 4px;}
/**/
#formArea .cf #formTable #form.cofirm *{ line-height: 1.7em;}
@media screen and (max-width: 960px) {
#formArea .cf .info{ width: 94%; margin: 20px 3% 0;}
}
@media screen and (max-width: 700px) {
.fomeTit{ font-size: 24px; line-height: 50px;}

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;}
#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%;}

.noneth{
display: none!important;
}
.nonetd{
border: none!important;
}

}

@media screen and (max-width: 640px) {
.fomeTit{ font-size: 22px; line-height: 50px;}
.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: 500px) {
.fomeTit{ font-size: 18px; line-height: 40px; font-weight: bold;}
.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;}
.shop1 {margin-bottom:10px;}
#formArea .cf #formTable #form.cofirm tr > *{font-size: 17px;}


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

}
@media screen and (max-width: 460px) {
.fomeTit{ font-size: 16px; font-weight: bold;}
}

@media screen and (max-width: 440px) {
.btnModoru,
.btnModoru img{ height: 46px;}
}

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

/* 完了ページ =========================================-*/
.finTxt{ text-align: center; margin: 10px 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: 10px  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;}
}




#infoTxt{ width: 96%; padding: 10px 2% 20px;}
#infoTxt > *{ width: 100%; float: left;}
#infoTxt h2{ width: 90%; border-left:solid #c1a85a 5px; padding-left: 2%; margin-bottom: 10px;}
#infoTxt p{ font-size: 16px; margin-bottom: 15px;}
#infoTxt ul{}
#infoTxt ul li{ width: 100%; float: left; font-size: 14px;}



@media screen and (max-width: 640px) {
#infoTxt p{ font-size: 15px;}
#infoTxt ul li{ font-size: 13px;}
}


@media screen and (max-width: 500px) {
#infoTxt{ width: 100%; padding: 10px 0% 20px;}
#infoTxt p{ font-size: 14px; line-height: 1.3em;}
#infoTxt ul li{ font-size: 11px;}
}


/*ラジオ*/
.cp_ipradio05 { width: 100%; display: block;}
.cp_ipradio05 ul {}
.cp_ipradio05 .list_item {}
.cp_ipradio05 label {
    width: 200px;
	line-height: 135%;
    display: inline-block;
    float: left;
	position: relative;
	margin: 10px 30px 10px 0;
}
.cp_ipradio05 .option-input {
	position: relative;
	margin: 0 1rem 0 0;
	cursor: pointer;
}
.cp_ipradio05 .option-input:before {
	position: absolute;
    overflow: hidden;
	z-index: 1;
	top: 0;
	left: 0.125rem;
	width: 0.75rem;
	height: 0.75rem;
	content: '';
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	        transition:         transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: scale(0, 0);
	        transform: scale(0, 0);
	border-radius: 100%;
	background: #da3c41;
    overflow: hidden;
}
.cp_ipradio05 .option-input:checked:before {
	-webkit-transform: scale(1, 1);
	        transform: scale(1, 1);
}
.cp_ipradio05 .option-input:after {
	position: absolute;
	top: -0.25rem;
	left: -0.125rem;
	width: 1rem;
	height: 1rem;
	content: '';
	border: 2px solid #666;
	border-radius: 50%;
	background: #ffffff;
}



.list_item .formError.inline .formErrorContent { width: 200px; margin-right: -300px; position: absolute !important; right: 0 !important; bottom: 0 !important; margin-bottom: -4px;}

.col{
background: #ffdca5!important;
}

/*.list_item{margin-bottom: 20px;}


/*===================
 pageTop
=====================*/
.pageTop{}
.pageTop *{-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.pageTop a span::before{-webkit-transition: 0.8s ease-in-out; -moz-transition: 0.8s ease-in-out; -o-transition: 0.8s ease-in-out; transition: 0.8s ease-in-out;}

.pageTop{ width: 80px; height: 80px; position: fixed; right: 20px;  bottom: 20px; z-index: 10000000000000000000011111;}

.pageTop a{ width: 80px; line-height: 70px; padding-top: 10px; text-align: center; display: block; border-radius: 100%; box-shadow: 0 0 0 1px #000 inset; position: relative; color: #000;}
.pageTop a span{ color: #000; text-decoration: none;}
.pageTop a span::before{ width: 30px; position: absolute; left: 50%; top: 12px; margin-left: -15px; text-align: center; display: block; content: "▲"; color: #000;}
.pageTop a:hover{box-shadow: 0 0 0 6px #eee inset;}
.pageTop a:hover span::before{ top: 8px;}

@media screen and (max-width: 500px) {
.pageTop{ right: 10px; }
.pageTop.in{ bottom: 110px; }
.pageTop{ width: 60px; height: 60px;}
.pageTop a{ width: 60px; line-height: 50px;}
.pageTop a span::before{ top: 6px;}
.pageTop a:hover span::before{ top: 0px;}
}