@charset "utf-8";
/*--共通--*/
html {overflow-y:scroll;}
body {margin: 0;padding: 0;background:url(../img/bg.png) repeat;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;line-height:1.6;color:#333;}
.wrapper{width:980px;margin:0 auto;}
.inquiry{background:#fff; width:968px; border:6px solid #0d4591; margin:34px 0 70px;}
.inquiry a:hover{opacity:0.7;}
.inquiry .nobox{margin:7px 0 0 22px;}
.inquiry .tel_no{float:left; padding:0 14px 14px 0;}
.inquiry .mail{float:left; vertical-align:middle;margin: 0 0 20px 18px;}
.contents_ttl{border-left:8px solid #052f64; padding:0 0 0 28px; margin:0 0 20px; color:#052f64; font-size:2em;}
.contents_ttl img{vertical-align:middle;}

/*--ヘッダー--*/
header{width:100%;	background:#fff;height:65px; box-shadow: 0px 3px 8px -4px rgba(0, 0, 0, 0.4);}
header .logo{float:left;}
header .tel{text-align:right;}
header .btn{float:right; width:218px; height:51px; margin:10px 0 0;}
header .btn:hover{background-position:0 -51px;}
/*--メインビジュアル--*/
#mainvisual{background:url(../img/mv_bg.png);}
#mainvisual .wrapper{background:url(../img/mv_bg2.png) right no-repeat; height:561px;}
#mainvisual .point li{display:inline-block;*display:inline;	*zoom: 1;}
#mainvisual .attention{text-align:right;}
/*--コンテンツ--*/
#trouble{margin:0 0 30px;}
#about{ margin:0 62px 40px 56px;}
#about .textbox{background:url(../img/about_bg.png); margin-bottom:50px; padding:28px; position:relative; box-shadow:6px 6px 0 #bed5fe;}
#about .textbox::before {content:url(../img/about_bg2.png); position:absolute; top:-20px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
#about .textbox .ttl{margin-bottom:25px;}
#about .textbox .right{float:right;}
#about .textbox .text{width:630px;}
/*--理由1--*/
#reason01{background:url(../img/reason01_bg.png); padding:28px; margin:72px 0;}
#reason01 .wrap{padding:28px; background:#fff;}
#reason01 .textbox {margin-bottom:30px; border-bottom:6px solid #bdbdbd;}
#reason01 .textbox:last-child {margin-bottom:0px; padding:0; border:none;}
#reason01 .textbox:last-child .text {margin-bottom:0;}
#reason01 .textbox .img{float:right; padding: 23px 0 0 0;}
#reason01 .textbox  .text{margin:30px 0; width:646px;}
/*--メリット--*/
#merit{background:url(../img/merit_bg.png); padding:28px; margin:70px 0 44px;}
#merit .wrap{background:#fff; padding:28px;}
#merit .wrap .textbox{padding:0 2.5%; width:30%; float: left; text-align:center;}
#merit .wrap .textbox:first-of-type{padding-left:0;}
#merit .wrap .textbox:last-of-type{padding-right:0;}
#merit .wrap .img{padding:28px 0;}
#merit .wrap .textbox .text{text-align:left;}
/*--注意--*/
#attention{background:url(../img/attention_bg.png); padding:28px; margin:72px 0 40px;}
#attention .wrap{padding:28px; background:#fff;}
#attention .textbox {padding:0 0 52px;}
#attention .textbox:last-child {padding:0;}
#attention .textbox .ttl{margin-bottom:22px;}
#attention .textbox .img{float:right;}
#attention .textbox  .text{width:664px;}
/*--お任せください--*/
#answer{background: url(../img/answer_bg.jpg) center; background-size:cover; text-align: left; margin:72px auto 0;}
#answer .wrapper{position:relative; padding:55px 0;}
#answer .wrapper::after {content:url(../img/answer_bg2.png); position:absolute; height:438px; bottom:0; right:0;}
/*--サービス内容--*/
#service{background:url(../img/service_bg.png); padding:28px; margin:72px 0 40px; text-align:center;}
#service .wrap{padding:28px 56px; background:#fff; margin:0 0 28px;}
#service .wrap:last-child {margin-bottom:0;}
#service .ttl{margin-bottom:30px;}
#service .img{margin-bottom:30px;}
#service .textbox{padding:20px 0; border-bottom:3px solid #fea1b7; position:relative;}
#service .textbox:first-of-type{padding:0 0 24px;}
#service .textbox:last-of-type{padding:24px 0 0; border:none;}
#service .textbox h3,
#service .textbox .text{width:610px; text-align:left;}
#service .textbox h3{font-size:1.45em; color:#fea1b7; margin-bottom:8px;}
#service .textbox .img{margin:0; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
#service .price .row{
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  -webkit-align-items:center;
  align-items:center;
}
#service .price .row li{
  display:inline-block; /* Old browsers */
  width:15%; /* Old browsers */
  -webkit-flex:1 0 15%;
  flex:1 0 15%;
  text-align:center;
  padding:12px 0;
}
#service .price .row li:first-child{font-weight:bold;}
#service .price > li {border-bottom:3px solid #fea1b7; font-size:1.2em; line-height:1.2;}
#service .price > li:first-of-type {border-bottom:8px solid #fea1b7; color:#fea1b7; font-weight:bold;}
#service .price p {font-size: 0.7em; text-align:right; margin:12px 0 0;}
/*--理由2--*/
#reason02{ margin:60px 6px 60px auto;}
#reason02 .textbox{background:url(../img/reason02_bg.png); margin-bottom:50px; padding:60px 28px 42px; position:relative; box-shadow:6px 6px 0 #6b97e3;}
#reason02 .textbox:first-of-type{margin-top:6px;}
#reason02 .textbox::before {content:url(../img/reason02_bg2.png); position:absolute; top:-20px; left:50%; -webkit-transform:translateX(-100%); transform:translateX(-100%);}
#reason02 .textbox .ttl{margin-bottom:25px;}
#reason02 .textbox .right{float:right;}
#reason02 .textbox .text{width:628px;}
#reason02 .textbox a{color:#6b97e3;}
#reason02 .textbox a:hover{opacity:0.7;}
/*--理由3--*/
#reason03{margin:0 auto 60px;}
#reason03 .wrap{background:url(../img/reason03_bg.png); padding:10px 10px 0; display:table;}
#reason03 .wrap:last-of-type{padding:10px;}
#reason03 .textbox{background:#fff; width:444px; height:424px; padding:18px; display:table-cell; vertical-align:middle;}
#reason03 .textbox .ttl{margin-bottom:10px; color:#fd8ca7; text-align:center; font-size:1.8em; line-height:1.3; padding:0 0 8px; border-bottom:5px solid #ffcdd4;}
/*--流れ--*/
#flow{background:url(../img/flow_bg.png); padding:28px; margin:0 0 40px; text-align:center;}
#flow .wrap{padding:28px 56px; background:#fff;}
#flow h1{padding:20px 0 40px;}
#flow .ttl{margin-bottom:25px;}
#flow .ttl:not(:first-of-type)::before{content:url(../img/flow_bg2.png); display:block; width:100%; height:36px; margin:30px 0;}
#flow .img{margin-bottom:25px;}
#flow .textbox{margin:0 28px 0; padding:38px 0 0; float:left; width:350px;}
#flow .textbox:last-of-type{margin:0 0 0 28px;}
#flow .textbox h3{background:#fd8ca7; color:#fff; padding:5px 0; font-size:1.5em; font-weight:normal; margin-bottom:20px;}
#flow .textbox .img{margin-bottom:16px;}
#flow .text span{font-weight:bold; text-decoration:underline;}
#flow .text a {color:#6b97e3; text-decoration:none;}
#flow .text sup{font-size:0.5em; vertical-align:super;}
#flow #flow-attention{margin:40px 0 0 0; font-size:0.7em; text-align:left; position:relative; counter-reset:li;}
#flow #flow-attention li{padding:0 0 0 2em;}
#flow #flow-attention li::before {
  content:"*" counter(li) "：";
  counter-increment:li;
  position: absolute;
  left: 0;
  width: 2em;
  text-align: right;
}
/*--声--*/
#voice{ margin:76px 6px 50px auto;}
#voice .textbox{background:url(../img/voice_bg.png); margin-bottom:50px; padding:40px 28px 33px; position:relative; box-shadow:6px 6px 0 #ffcdd4;}
#voice .textbox:first-of-type{padding:10px 28px 10px;}
#voice .textbox:last-of-type{margin-bottom:10px;}
#voice .textbox::before {content:url(../img/voice_bg2.png); position:absolute; top:-20px; left:50%; -webkit-transform:translateX(-100%); transform:translateX(-100%);}
#voice .textbox .ttl{width:604px; font-size:1.6em; color:#fd8ca7; border-bottom:3px solid #ffcdd4; margin-bottom:14px; padding:0 0 8px;}
#voice .textbox .right{float:right;}
#voice .textbox .text{width:604px;}
#voice .attention{text-align:right; font-size:0.7em;}
/*--Ｑ＆Ａ--*/
#question{background:url(../img/question_bg.png); padding:28px; margin:50px 0;}
#question .wrap{background:#fff; padding:28px 56px;}
#question .q_ttl{background:url(../img/question_icoq.png) no-repeat; padding:5px 0 8px 60px; font-size:1.4em; font-weight:bold;}
#question .a_text{background:url(../img/question_icoa.png) no-repeat; padding:10px 0 28px 60px; margin:8px 0 28px; border-bottom:3px solid #9a9a9a;}
#question .attention{text-decoration:underline; color:#be0101; font-weight:bold;}
#question .emp{font-weight:bold;}
#question .text{text-align:right;}
/*--店舗情報--*/
.accessbox{margin:60px 0 73px;}
.accessbox .ttl{margin:-50px 0 0; display:inline-block;}
.accessbox .innner{background:url(../img/access_bg.gif);padding: 0 0 1px; }
.accessbox .shopinfo{margin:0 28px; padding:28px; background:#fff;margin:0 28px 28px; min-height:300px;}
.accessbox .shopinfo:first-child{margin:0 28px;}
.accessbox .shopinfo .map{float:left; width:375px; text-align:right;}
.accessbox .shopinfo .map .link{font-size:0.9em; line-height:1;}
.accessbox .shopinfo .name{font-size:1.8em; color:#ba1e20; line-height: 1.2;}
.accessbox .shopinfo .data{float:right; border:1px solid #ccc;}
.accessbox .shopinfo .data th{background:#eee;vertical-align: middle; width:100px;}
.accessbox .shopinfo .data tr{border:1px solid #ccc;}
.accessbox .shopinfo .data td{ padding:10px;width: 350px;}
.accessbox .shopinfo .data .tel{color:#ba1e20; font-size:1.5em; font-weight:bold;}
.accessbox .shopinfo p.aside {color:#ba1e20; font-size:0.9rem; text-align:right; float:right;}
/*--お問い合わせ--*/
.infor_tel_box{margin:20px 0 40px 60px;}
.infor_tel_box .tel_no{float:left; padding:0 10px 14px 0;}
.infor_tel_box a:hover{opacity:0.7;}
.infor_tel_box p span{text-decoration:underline;}
#mailform{margin:0 0 120px;}
#mailform .tel{text-align:center;}
#mailform .time{background:#fff600; font-weight:bold; text-align:center; margin: 0 160px 28px;padding:5px;}
#mailform .step{text-align:center; margin:20px 0 30px;}
#mailform .mailtext{font-size:1.2em; margin:10px 28px 30px;; color:#ba1e20; text-align:center; padding:0 0 0 28px; font-weight:bold;}
#mailform .formbox {width:924px; border:1px solid #ccc; margin:0 auto; background:#fff;}
#mailform .formbox th{background:#f2f2f2; border-right:1px solid #ccc; vertical-align:middle; text-align:left; padding:0 20px; width:200px;}
#mailform .formbox td{padding:20px;}
#mailform .formbox input,#mailform .formbox textarea{border:solid 1px #ccc; padding:7px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#mailform .formbox input:focus,#mailform .formbox textarea:focus{border:solid 1px #EEA34A;}
#mailform .formbox label{padding:0 10px 0 0;}
#mailform .formbox .must{background:#da0000; padding:3px; color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; font-size:.8em; float:right;}
#mailform .formbox .arbitrary{background:#666666; padding:3px; color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; font-size:.8em; float:right;}
#mailform .formbox .sample{font-size:0.9em;}
#mailform .formbox tr{border:1px solid #ccc;}
#mailform .formbox .inputtext{width:230px; margin:0 10px 0 0;}
#mailform .formbox .inputtext2{width:300px; margin:0 10px 0 0;}
#mailform .formbox .block{ime-mode:disabled;}
#mailform .formbox textarea{width:530px;}
#mailform .formbox .text_error{color:#da0000; font-size:.9em;}
#mailform .formbox .mail_btnarea{width:868px; margin:0 auto;}
#mailform .btnarea .type2{display:inline-block;*display: inline;*zoom: 1;}
#mailform .btnarea .btn_back{padding:0 35px 0 200px;}
#mailform .btn_next{text-align:center; padding:30px 0 0;}
#mailform .btn_next input:hover{opacity:0.7;}
#mailform .thanks_ttl{color: #c03;font-size:2em; padding: 0 0 10px; text-align:center;}
#mailform .thanks_text{padding:0 0 28px; text-align:center; font-size:1.2em;}
#mailform .tel_ttl{font-size:1.6em; margin:28px 0 0;}
#mailform .thanks_btn{text-align:center; padding:56px 0 0;}
.other_page header{position:static;margin:0 0 28px; padding:0;}
.privacyarea .ttl{background:#333; color:#fff; font-weight:bold; padding:7px 1em; margin:0 28px 10px;}
.privacyarea .text{padding:0 1em 28px; margin:10px 28px 0;}
.rulearea .list{margin:10px 56px 0;}
.rulearea .list li{ list-style-type:decimal; margin:0 0 20px;}
/*--フッター--*/
footer{margin:85px 0 0; width:100%; color:#fff;}
footer .btn_top{width:980px; margin:0 auto; text-align:right;}
footer nav{background:#b70909;}
footer nav .inner{width:980px; margin:0 auto;}
footer nav .inner ul{float:left;}
footer nav .inner li{display:inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
footer nav a{color:#fff;}
footer nav small{float:right;}
.cf:after{clear:both;content:"";display:block;}