﻿@charset "utf-8";

@import 'reset.css';
@import 'lib.css';

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav{
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
 line-height: 1.0;
 -webkit-text-size-adjust: none;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
 display:block;
}

strong{
 font-weight:normal;
}

ul, ol {
 list-style: none;
}
img {
 max-width : 100%;
 height:auto;
 vertical-align:bottom;
}
a {margin:0px;}
p {padding:0 0 15px 0; color:#222;}

.pc-none {display:none;}

body {
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
 margin:0;
 padding:0;
 color:#222;
 text-align:center;
}

#wrap {
 position:relative;
 margin:0 auto;
 padding:0;
}

img {
 border:none;
}

.img-center{
 display:block;
 margin-left:auto;
 margin-right:auto;
}

a:hover { color: #e4347a;}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

.f120{font-size:120%;}
.f150{font-size:150%;}
.f180{font-size:180%;}

.link a{ color:#333; text-decoration:none; }
.link a:hover{ color:#663300; text-decoration:underline;}

.b{font-weight:bold;}

/* ============================================================== */
/*title*/
/* ============================================================== */

/*
h2 {
 font-weight: normal;
 font-size: 28pt;
 margin-bottom:50px;
 padding: 10pt 0 0 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
 color:#333;
}
h2 span{
 font-weight: normal;
 font-size: 12pt;
 padding:0;
 text-align: center;
 position: relative;
 color:#666;
 letter-spacing:1px;
 font-family: arial;
}


h2 {
 position: relative;
 display: block;
 margin:0 auto;
 margin-top:30px;
 margin-bottom: 60px !important;
 font-size:180%;
 text-align:center; 
 font-weight:normal;
 letter-spacing:1px;
}
h2:before {
 content: '';
 position: absolute;
 bottom: -15px;
 display: block;
 width: 80px;
 height: 1px;
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 background-color: #ff9933;
 border-radius: 1px;
}
*/

h2.title-home{
 margin:0 0 30px 0;padding:0 0 10px 0;font-size:22pt;display: flex; align-items: center;line-height:140%;
}
h2.title-home:before,
h2.title-home:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #333;
}
h2.title-home:before { margin-right: 1rem;}
h2.title-home:after { margin-left: 1rem;}

/*h3 {
 margin-top:50px;
 margin-bottom:30px;
 padding-top:17px;
 padding-bottom:15px;
 font-size:140%;
 font-weight:normal;
  color:#ff9933;
 letter-spacing:1px;
  border-top: solid 1px #ff9933;
  border-bottom: solid 1px #ff9933;
  position: relative;
}
*/

h3.title{
 padding-top:2px;
 margin-bottom:10px;
  padding-left:18px;
  font-weight: bold;
  text-align: left;
  font-size: 16pt;
  color: #222;
  border:none;
  border-left:5px solid #0b8c57;
}
h3.title:after{
  border:none;
}


/* ============================================================== */
/*list*/
/* ============================================================== */

.list-base{
 margin:10px 0 20px 0;
}
.list-base li{
 margin-top:6px;
 padding:10px  0 10px 40px;
 line-height:160%;
 background:url(../images/list_base.jpg) 0 11px no-repeat;
}




/* ============================================================== */
/*header*/
/* ============================================================== */

header { width:100%; /*height:154px; margin:0 auto; text-align:left; position: fixed; top: 0; z-index: 3; background:#fff; */
}
header:after { content: ''; display: block; clear: both;}
header div { width:1000px; margin: 0px auto; position: relative;}
header #head-left{width:482px; margin-top:25px;float:left;}
header #head-right{width:482px; float:right;}
header #logo { width:482px;  float:left;}
header #logo img { position: relative;}

header #head-contact{ width:222px; margin-top:15px; margin-right:0; float:right;}
header #head-contact img{ margin-bottom:20px; }

/*
header.scrolled {
 transition-property: background-color;
 transition-duration: 1s;
 background-color: #fff;
}
*/


/* ============================================================== */
/*navi*/
/* ============================================================== */

.spnaviOpen{
  display:none;
}
ul.drop-menu{
  display:none;
}

.gnavi-box {
 clear:both;
 width:100%;
 height:37px;
 margin:0 auto;
 margin-top:10px;
 margin-bottom:0;
 padding:0;
}
.gnavi {
 clear:both;
 width:1000px;
 height:37px;
 margin:0 auto;
 padding:0;
}
.gnavi img {
 vertical-align:bottom;
}
.gnavi ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
.gnavi ul li {
 float:left;
 list-style :none;
 margin: 0;
 padding:0;
}
.gnavi li a {
 margin:0;
 padding:0;
 display:block;
 outline: 0;
}

.spnavi{ display:none; }

/* ============================================================== */
/*main img*/
/* ============================================================== */

/*
.main-contents {
 display: block;
 position:relative;
 z-index: -1;
 width: 100%;
 margin: 0 auto;
 margin-top:16px;
 overflow: hidden;
}
.main-image {
 margin: 0 auto;
 text-align:center;
 max-width: 1400px;
 overflow-x: visible;
}

.main-image .bx-viewport {
  overflow: visible !important;
}
*/

.main-contents {
/* display: block;
 position:relative;
 z-index: -1;
 width: 100%;
 margin: 0 auto;
 margin-top:16px;
 overflow: hidden;*/
 position: relative;
 overflow: hidden;
 display:block;
 z-index: -1;
 width: 1480px;
 margin-left:auto;
 margin-right:auto;
 margin-left:-740px;
 left:50%;
}
.main-image {
/*
 margin: 0 auto;
 padding-top:154px;
 text-align:center;
 max-width: 1000px;
 overflow-x: visible;*/
 margin: 0 auto;
 padding-top:17px;
 text-align:center;
 max-width: 100%;
 overflow-x: visible;
}

.main-image .bx-viewport {
  overflow: visible !important;
}

.main-contents02 {
 display: block;
 position:relative;
 z-index: -1;
 width: 100%;
 margin: 0 auto;
 margin-top:20px;
 overflow: hidden;
}
.main-image-under {
 margin: 0 auto;
 padding-top:170px;
 text-align:center;
 max-width: 980px;
 overflow-x: visible;
}

.main-contents-sp {
 display: none;
}
.main-contents-sp02 {
 display: none;
}



/* ============================================================== */
/*main*/
/* ============================================================== */

div#wrap section {
  background-color: #fff;
  position: relative;
  z-index: 2;
}

#main {
 width:1000px;
 margin:0 auto;
 padding:0;
 background-color:#fff;
 display:inline-block;
}

p{
 margin:0;
 padding:0 0 15px 0;
 font-size:100%;
 line-height:180%;
}

/* ============================================================== */
/*float box*/
/* ============================================================== */

.float-box{
 max-width:100%;
 margin:0 auto;
 padding:0 0 30px 0;
 text-align:left;
}
.float-box:after {
 content: '';
 display: block;
 clear: both;
}
.float-left {
 float:left;
 margin-right:50px;
 text-align:left;
}
.float-right {
 float:right;
 margin-left:50px;
}

.float-box02{
 max-width:100%;
 margin:0 auto;
 margin-bottom:30px;
 padding:0 0 30px 0;
 text-align:left;
 border-bottom:1px dotted #ccc;
}

/* ============================================================== */
/*home*/
/* ============================================================== */

.box{ width:100%; margin:0 auto; padding:30px 0 30px 0; overflow:hidden;}
.box00{ max-width:100%; margin:0 auto; padding:0; overflow:hidden;}
.box-in{ width:1000px; margin:0 auto; text-align:left; overflow:hidden;}
.box-in02{ width:1000px; margin:0 auto; padding-top:40px;text-align:left; overflow:hidden;}
.box-in-line{ width:1000px; margin:0 auto; padding-top:30px;padding-bottom:50px;text-align:left; overflow:hidden;border-bottom:1px solid #ccc;}

.box-a{ width:100%; margin:0 auto; padding:0 0 50px 0; overflow:hidden; background:#f9f9f9;}

.box-home-price{width:1000px;margin:0 auto; margin-top:30px;padding:0;}
.box-home-price:after{ content: ''; display: block; clear: both;}
.box-home-price-left{ width:485px;float:left;}
.box-home-price-right{ width:485px;float:right;}

.komatta-left{ width:600px;float:left;}
.komatta-right{ width:320px; margin-top:80px;float:right;}
.komatta-right02{ width:320px; float:right;}

.box-home-flow{width:100%;margin:0 auto; margin-top:80px;margin-bottom:50px;background:#ecf8ff;}

.box-btm{width:100%;margin:0 auto; margin-top:80px;margin-bottom:50px;padding-top:30px; padding-bottom:20px; background:#83ad0d;}
.box-btm-left{width:442px;float:left;margin-right:30px;}
.box-btm-center{width:285px;float:left;margin-right:20px;}
.box-btm-right{width:200px;float:left;}

.box-home-wrap{margin:0 auto; padding:60px 0 60px 0;}
.box-home{width:1000px;margin:0 auto; padding:0;}

.home-pr-box{width:100%; margin:0 auto; margin-bottom:30px; padding:0 0 10px 0;background:#f0f0f0;}
.home-pr{width:1000px; margin:0 auto; padding-top:50px;padding-bottom:10px; }
.home-pr:after{ content: ''; display: block; clear: both;}
.home-pr li{width:299px; margin-right:46px; float:left;text-align:left;line-height:160%; font-size:95%;}
.home-pr li:last-child{width:299px; margin-right:0; float:left;text-align:left;line-height:160%; font-size:95%;}
.home-pr li img{margin-bottom:17px;}

.home-ttl{
 font-weight: bold;
 font-size: 24pt;
 margin-bottom:50px;
 padding: 10pt 0 0 0;
 text-align: center;
 position: relative;
 letter-spacing:1px;
 vertical-align:bottom;
 color:#222;
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.home-ttl span{
 font-weight: normal;
 font-size: 10pt;
 margin-left:20px;
 padding:0 0 0 20px;
 text-align: center;
 position: relative;
 color:#666;
 letter-spacing:0.5px;
 font-family: arial;
 border-left:1px solid #ccc;
}


h2.home-ttl{
 font-weight: bold;
 font-size: 22pt;
 text-align: center !important;
  position: relative;
  display: inline-block;
  margin-top:1em;
  margin-bottom: 2.5em;
}
h2.home-ttl:before {
 margin:0 auto;
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 80px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #70bd4e;
 text-align: center !important;
  /*border-radius: 2px;*/
}


h3.sub-ttl{
 font-weight: bold;
 font-size: 22pt;
 text-align: center !important;
  position: relative;
  display: inline-block;
  margin-top:3em;
  margin-bottom: 1.5em;
}
h3.sub-ttl:before {
 margin:0 auto;
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 80px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #70bd4e;
 text-align: center !important;
  /*border-radius: 2px;*/
}

.ttl-pos{text-align:center;}


.news-ttl{
 font-weight: bold;
 font-size: 22pt;
 margin-bottom:5px;
 padding: 10pt 0 0 0;
 text-align: center;
 position: relative;
 letter-spacing:1px;
 vertical-align:bottom;
 color:#222;
 /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}





#home-news-box {/*clear:both; margin:0 auto; background:url(../images/home_news_bg.jpg) no-repeat;
 position: relative;
 overflow: hidden;
 display:block;
 width:1500px;
 height:640px;
 margin-left:-750px;
 left:50%;
*/

 display: block;
 left:50%;
 width:1500px;
 height:640px;
 margin:0 auto;
 position:relative;
 margin-left:-750px;
 padding:50px 0 20px 0;
 background:url(../images/home_news_bg.jpg) no-repeat;
 overflow:hidden;
}

.white-box {
 clear:both; 
 width:890px;
 position:relative;
 margin:0 auto;
 margin-top:10px;
 padding:10px 0 10px 0;
 background-color:rgba(255,255,255,0.95);
}

#news-box{ width:100%; margin:0 auto; padding-top:30px;padding-bottom:50px; border-top:1px solid #eee;}
#news-box:after{ content: ''; display: block; clear: both;}
#home-news:after{ content: ''; display: block; clear: both;}
div#index-news {width:800px; margin:0 auto;margin-bottom:10px;}
div#index-news div.wn-item { margin-bottom:20px;  padding: 20px 0 30px 120px;  position: relative; font-size: 100%; text-align:left; border-bottom:1px dotted #ccc;}
div#index-news div.wn-item a{ color:#333; text-decoration:none;}
div#index-news div.wn-item a:hover{ color:#3782bd; text-decoration:underline;}
div#index-news div.wn-date { position: absolute; top: 20px; left: 0px; }


.home-item-box{ width:1000px; margin:0 auto; margin-bottom:50px;}
.home-item-box:after{ content: ''; display: block; clear: both;}
.home-item-left{ width:524px; float:left; text-align:left;}
.home-item-left .home-item-ttl{ padding-bottom:20px;font-size:28px; font-weight:bold;}
.home-item-left .home-item-txt{ }
.home-item-left .home-item-txt p{ padding-top:15px;padding-bottom:50px;padding-right:30px;}
.home-item-left .home-item-txt img{ padding-left:50px;}
.home-item-right{ width:400px; float:right;}

.home-item-left02{ width:400px; float:left; text-align:left;}
.home-item-right02{ width:524px; float:right;}
.home-item-right02 .home-item-ttl{ padding-bottom:20px;font-size:28px; font-weight:bold;}
.home-item-right02 .home-item-txt{ }
.home-item-right02 .home-item-txt p{ padding-top:15px;padding-bottom:50px;padding-right:30px;}
.home-item-right02 .home-item-txt img{ padding-left:50px;}


.home-contact-ttl{
 font-weight: bold;
 font-size: 28pt;
 margin-bottom:50px;
 padding: 10pt 0 0 0;
 text-align: left;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
 color:#81574b;
 /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.home-contact-ttl span{
 font-weight: bold;
 font-size: 15pt;
 padding:0;
 text-align: left;
 position: relative;
 color:#81574b;
 letter-spacing:0.5px;
 font-family: arial;
}

#contact-box{ clear:both; display:block;width:100%; margin:0 auto; border-top:1px solid #eee;}
#contact-box-in{ width:1000px; margin:0 auto;padding-top:50px;padding-bottom:50px;}
#contact-box-in:after{ content: ''; display: block; clear: both;}
#contact-box-left{ width:323px; margin-top:5px;margin-right:14px;text-align:left;float:left;border-right:1px solid #ccc;}
#contact-box-right{ width:310px; margin:0 auto;margin-right:14px;float:left;border-right:1px solid #ccc;}
#contact-box-right02{ width:310px; margin:0 auto;float:right;}
#contact-box-right:after{ content: ''; display: block; clear: both;}
#contact-box-right p{ line-height:180%; color:#80574b; text-align:center;}
#contact-tel{ width:300px; margin:30px 0 0 0; padding-right:20px; text-align:left;float:left;border-right:1px solid #81574b;}
#contact-mail{ width:300px; margin:30px 0 0 0;float:right;}


.home-guide li img{
  margin: 30px 0 10px;
  position: relative;
  z-index: 1;
}


.cont-box{
 width:900px;
 margin:0 auto;
 text-align:left;
 overflow:hidden;
}
.box-blue{
 max-width:100%;
 margin:0 auto;
 padding:40px 0 0 0;
 overflow:hidden;
 background:#e1f3f1;
}



.box2 ul {
 zoom: 1;
 width: 840px;
 margin:0 auto;
 margin-bottom:30px;
}
.box2 ul:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.box2 li {
 float: left;
 margin: 10px 30px 10px 0;
}
.box2 li:last-child {
 float: right;
 margin: 10px 0 10px 0;
}


.box3 ul {
 zoom: 1;
 width: 100%;
 margin:0 auto;
 margin-bottom:30px;
}
.box3 ul:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.box3 li {
 float: left;
 width:310px;
 margin: 10px 35px 10px 0;
 text-align:center;
 font-size:100%;
 line-height:140%;
}
.box3 li:last-child {
 float: left;
 width:310px;
 margin: 10px 0 10px 0;
 text-align:center;
 font-size:100%;
 line-height:140%;
}
.box3 li img{
 margin-bottom:10px;
}
.box3 li p{padding-top:20px;text-align:left;font-size:90%;}
.box3 li a{
 color:#e4347a;
 text-decoration:none;
}

.box3 li a:hover{
 color:#e4347a;
 text-decoration:underline;
}


.box4 ul {
 zoom: 1;
 width: 100%;
 margin:0 auto;
 margin-bottom:30px;
}
.box4 ul:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.box4 li {
 float: left;
 width:238px;
 margin: 10px 10px 10px 0;
 text-align:center;
 font-size:100%;
 line-height:140%;
}
.box4 li:last-child {
 float: left;
 width:238px;
 margin: 10px 0 10px 0;
 text-align:center;
 font-size:100%;
 line-height:140%;
}
.box4 li img{
 margin-bottom:10px;
}
.box4 li p{padding-top:20px;text-align:left;font-size:90%;}
.box4 li a{
 color:#e4347a;
 text-decoration:none;
}

.box4 li a:hover{
 color:#e4347a;
 text-decoration:underline;
}



.pt-ttl{padding-bottom:20px !important;font-weight:bold; text-align:center !important; font-size:110% !important;}

.hg{color:#70bd4e;}
.red{ color:#e72c32;}
.og{ color:#ff6600;}
.komemark{ color:#ff0000;}


.service-ttl{margin-top:30px;margin-bottom:0;padding-bottom:10px;font-size:120%;font-weight:bold;}
.og{color:#ff9933;}

.service-ttl02{margin-top:30px;margin-bottom:0;padding-bottom:20px;font-size:120%;font-weight:normal;}
.comment{margin-top:30px;margin-bottom:0;padding-left:50px;padding-bottom:10px;font-size:80%;font-weight:normal;}

.srv-box { width:700px;}
.srv-box:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.srv-left { width:350px; margin-bottom:20px;float:left; }
.srv-right { width:350px; margin-bottom:20px;float:right; }
.comment02{margin-top:30px;margin-bottom:0;padding-bottom:10px;font-size:90%;font-weight:normal;}

.price-table{
 width:1000px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border:none;
 border-collapse: collapse;
 border-spacing: 0;
}
.price-table th{
 width:25%;
 margin:0;
 padding:24px 0 24px 0;
 text-align:left;
 border:none;
 border-bottom:1px dashed #aaa;
 vertical-align:middle;
 font-weight:bold;
}
.price-table .right-area{
 width:14%;
 padding:24px 0 24px 0;
 text-align:right;
 border:none;
 border-bottom:1px dashed #aaa;
 line-height:180%;
}
.price-table td{
 padding:24px 0 24px 0;
 border:none;
 border-bottom:1px dashed #aaa;
 line-height:180%;
}


.flow-box{width:100%;border-bottom:1px solid #ff9224;}
.flow-ttl img{margin-top:10px; margin-right:15px;margin-bottom:15px; float:left;}
.flow-ttl p{ padding-top:15px; font-size:130%; 
}
.flow-ttl:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

.flow-line{ margin-top:-3px;margin-bottom:30px;text-align:center;}
.flow-line img{ margin:0 auto; }


/* ============================================================== */
/*contact*/
/* ============================================================== */

.contact-box{
 width:800px;
 margin-left: auto;
 margin-right: auto;
 padding:30px 0 30px 0;
}
.contact-table {
 width:800px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border:none;
 border-collapse: collapse;
 border-spacing: 0;
}
.contact-table th{
 width:30%;
 margin:0;
 padding:24px 0 24px 0;
 font-size:88%;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
 vertical-align:top;
}
.contact-table td{
 padding:24px 0 24px 18px;
 border:none;
 border-bottom:1px solid #ccc;
}
.contact-table td.bordernone{
 border:none;
}

.contact-table .size1{
 width:96%;
}
.contact-table .size2{
 width:50%;
}
.contact-table .size3{
 width:96%;
 height:250px;
}
.contact-table .size4{
 width:100px;
}
.contact-table .size4{
 width:100px;
}
.contact-table .size5{
 width:100px;
}
.contact-table .size6{
 width:120px;
}

.contact-table input,select{
 height:27px;
 vertical-align:middle;
}
.contact-table radio,checkbox{
 vertical-align:middle;
}

.contact-box button{
 padding:10px 15px 10px 15px;
}

.contact_text{text-align:center;}

.contact-table-conf { 
 width: 80%;
 margin-top:30px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;  
}
.contact-table-conf th{
 width:30%;
 margin:0; 
 padding:24px 0 24px 0; 
 font-size:88%;
 text-align:left;
 border-bottom:1px solid #ccc;
} 
.contact-table-conf td{ 
 padding:24px 0 24px 18px; 
 border-bottom:1px solid #ccc;  
}
.contact-table-conf td.bordernone{
 border:none; 
}

/* ============================================================== */
/* line */
/* ============================================================== */

.line{
 margin-top:20px;
 padding:10px 0 10px 0;
 border-top:1px solid #ddd;
}

/* ============================================================== */
/* button */
/* ============================================================== */

.btn-base {
 font-size:1.3em;
 font-family: "genshin-m","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ","Meiryo";
}
.btn-line {
 clear:both;
 margin:0 auto;
 width:450px;
 border:1px solid #fff;
}
.btn-line a {
 display:block;
 padding:25px 0 25px 0;
 color:#fff;
 text-align:center;
 text-decoration:none;
}
.btn-line a:hover {
 color:#fff;
 background:#ff9600;
}




/* ============================================================== */
/*footer*/
/* ============================================================== */

footer{ clear:both; width:100%; margin:0; margin-top:20px; padding-top:30px;background:#f0f0f0;}
#foot{ width:1000px; margin:0 auto; padding-top:26px;}
#foot p{ font-size:90%;}
.foot-navi-box{ width:1000px; margin:0 auto; border-bottom:1px solid #ccc;}
.foot-navi{ overflow: hidden;width:1000px; margin:0 auto;padding:0;position: relative; overflow: hidden; text-align:center; }
.foot-navi ul{ position: relative; /*left:50%;*/ }
.foot-navi ul li{ margin-bottom:10px;padding:0 8px 0 8px; letter-spacing:1px; text-align:left; font-size:75%; border-right:1px solid #ccc; position: relative; /*left:-50%;*/ float:left;}
.foot-navi ul li a{ color:#333; text-decoration:none;text-align:left;}
.foot-navi ul a:hover{ color:#ff9933;}

#foot .foot-name{clear:both;margin-bottom:0 !important; padding-bottom:0 !important;font-size:140% !important; font-weight:bold; text-align:center;}
#foot .foot-name02{margin-top:0 !important; padding-top:0 !important;font-size:70% !important; font-weight:normal; text-align:center;}
.foot-address{clear:both;margin:0; padding:0; padding-bottom:30px;font-size:80%;text-align:center;}
.foot-copy{font-size:70% !important;text-align:center;}
.foot-copy a{color:#333;text-decoration:none;}
.foot-copy a:hover{color:#666;text-decoration:none;}


/* ============================================================== */
/*company*/
/* ============================================================== */

.gmap{width:100%; margin:0 auto; margin-top:60px;margin-bottom:50px;}

.access-box{width:1000px;margin:0 auto; margin-bottom:30px;}
.access-box:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.access-left{width:650px; float:left;}
.access-right{width:300px; float:right;}


.company-table {
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
 border-top:1px dashed #ccc;
}
.company-table th{
 width:20%;
 margin:0;
 padding:14px 0 12px 10px;
 font-size:92%;
 font-weight:bold;
 text-align:left;
 border:none;
 border-bottom:1px dashed #ccc;
}

.company-table td{
 padding:14px 0 12px 18px;
 font-size:92%;
 line-height:180%;
 text-align:left;
 border:none;
 border-bottom:1px dashed #ccc;
}
.company-table .no-line{
 border:none;
}
.company-table td.bordernone{
 border:none;
}

.access-table {
 width: 100%;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
 border-top:1px solid #ddd;
 border-left:1px solid #ddd;
}
.access-table th{
 width:20%;
 margin:0;
 padding:14px 0 12px 10px;
 font-size:90%;
 font-weight:normal;
 text-align:left;
 border:none;
 border-bottom:1px solid #ddd;
 background:#f0f0f0;
}

.access-table td{
 padding:14px 0 12px 18px;
 font-size:90%;
 line-height:180%;
 text-align:left;
 border:none;
 border-right:1px solid #ddd;
 border-bottom:1px solid #ddd;
}
.access-table .no-line{
 border:none;
}
.access-table td.bordernone{
 border:none;
}


/* ============================================================== */
/* privacy */
/* ============================================================== */

.privacy-box{
 width:800px;
 margin:0 auto;
 padding:50px 0;
}
.privacy-title{
 margin:0;
 padding:10px 0 0 3px;
 text-align:left;
 font-size:15px;
 font-weight:bold;
}

.privacy-text{
 margin:5px 5px 10px 5px;
 padding:0 0 20px 0;
 text-align:left;
 font-size:13px;
 border-bottom:1px dotted #ccc;
}
.privacy-date{
 margin:5px 5px 10px 5px;
 padding:0 0 20px 0;
 text-align:right;
 font-size:13px;
 border-bottom:none;
}



/* ============================================================== */
/*faq*/
/* ============================================================== */

.faqBox{
 width:100%;
 padding-top:15px;
 padding-bottom:10px;
 margin-bottom:20px;
 clear:both;
 position:relative;
 background:#fff;
 border-bottom:1px solid #ddd;
}
.faqQ{
 background: url(../images/q.jpg) no-repeat 0 2px;
 padding-bottom:12px;
 padding-left:46px;
 font-size:18px;
 font-weight:bold;
 color:#70bd4e;
 /*border-bottom:2px dotted #999; */
}
.faqA{
 background: url(../images/a.jpg) no-repeat 0 3px;
 padding-left:46px;
 padding-bottom:25px;
 font-size:18px;
}



.box-est{width:1000px; margin:0 auto; }
.box-est:after{ content: ''; display: block; clear: both;}
.box-est-left{width:480px; margin-right:10px;float:left; }
.box-est-right{width:480px; margin-right:0;float:right; }

.est-table { 
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
 border-top:1px solid #01479d; 
 border-left:1px solid #01479d; 
}
.est-table th{
 width:65%;
 margin:0; 
 padding:24px 0 21px 24px; 
 font-size:110%;
 font-weight:normal;
 text-align:left;
 border:none;
 border-right:1px solid #01479d; 
 border-bottom:1px solid #01479d; 
 background:#ddecff;
} 
.est-table td{ 
 padding:24px 5px 21px 20px;
 font-size:110%;
 line-height:160%;
 text-align:left;
 border:none;
 border-right:1px solid #01479d; 
 border-bottom:1px solid #01479d;
 background:#fff; 
}
.est-table td.bordernone{
 border:none; 
}


.place-box ul {
 zoom: 1;
 width: 100%;
 margin:0 auto;
 margin-bottom:30px;
}
.place-box ul:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.place-box li {
 float: left;
 width:230px;
 margin: 10px 25px 10px 0;
 text-align:center;
 font-size:100%;
 line-height:140%;
}
.place-box li:last-child {
 float: left;
 width:230px;
 margin: 10px 0 10px 0;
 text-align:center;
 font-size:100%;
 line-height:140%;
}
.place-box li img{
 margin-bottom:10px;
}




.place-box02 ul {
 zoom: 1;
 width: 800px;
 margin:0 auto;
 margin-bottom:30px;
}
.place-box02 ul:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.place-box02 li {
 float: left;
 width:230px;
 margin: 10px 35px 10px 0;
 text-align:center;
 font-size:100%;
 line-height:140%;
}
.place-box02 li:last-child {
 float: left;
 width:230px;
 margin: 10px 0 10px 0;
 text-align:center;
 font-size:100%;
 line-height:140%;
}
.place-box02 li img{
 margin-bottom:10px;
}


#flow-box {
 zoom: 1;
 width: 940px;
 margin:0 auto;
 margin-top:20px;
 margin-bottom:30px;
}
#flow-box ul:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#flow-left{
 width:420px;
 margin:0 auto;
 float:left;
 text-align:center;
}
#flow-left img{
 margin:10px 0;
}
#flow-left .p-txt01{
 text-align:left;
}
#flow-left .p-txt02{
 padding-left:20px;
 text-align:left;
}
#flow-right{
 width:420px;
 margin:0 auto;
 float:right;
 text-align:center;
}
#flow-right img{
 margin:10px 0;
}
#flow-right .p-txt01{
 text-align:left;
}
#flow-right .p-txt02{
 padding-left:40px;
 text-align:left;
}

.card-box{width:1000px; margin:0 auto; margin-top:10px;margin-bottom:20px;background:#fff;}
.card-box-in{width:900px;  margin:0 auto;background:#fff;}
.card-box-in:after{
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.card-box-left{width:400px;margin-top:20px;float:left;text-align:left;}
.card-box-left p{font-size:140%;}
.card-box-right{width:490px;margin-top:10px;margin-bottom:10px;float:right;}

.point01{color:#70bd4e;}


.listFaq{
 margin:30px 0 10px 0;
}
.listFaq li{
 padding:2px 0 10px 26px;
 font-size:100%;
 background:url(../images/q.png) 0 0 no-repeat;
 color:#663300;
 border-bottom:1px dotted #663300;
}


