@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: #d01219;}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.txt-left{text-align:left;}
.txt-center{text-align:center !important;}
.txt-right{text-align:right;}

.f120{font-size:120% !important;}
.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 {
 position: relative;
 display: block;
 margin:0 auto;
 margin-top:30px;
 font-size:210%;
 text-align:center; 
 font-weight:bold;
 letter-spacing:1px;
 color:#222;
}
h2 span{
 position: relative;
 display: block;
 margin:0 auto;
 margin-top:22px;
 margin-bottom: 60px !important;
 font-size:50%;
 text-align:center; 
 font-weight:normal;
 letter-spacing:1px;
 color:#54b6f3;
}
/*
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:before {
 content: '';
 position: absolute;
 bottom: -35px;
 display: block;
 width: 86px;
 height:14px;
 left: 46.5%;
 background:url(../images/ttl_under.jpg) no-repeat;

}
*/
h3{position: relative; display: inline-block;margin-top:50px; margin-bottom:25px; padding:3px 0 3px 20px;font-weight:bold; text-align: left; font-size: 17pt; border-left:5px solid #54b6f3; line-height:140%; color:#222;
}
/*
h3:before {
  content: '';
  position: absolute;
  left: 0px;
  top: -22px;
  display: inline-block;
  width: 60px;
  height: 5px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-10%);
  background-color: #d01219;
  border-radius: 2px;
}
*/
/*
h3::before {
    content:'';
    display:block;
    width:48px;
    height:8px;
    background:#d01219;
margin-bottom:10px;
}


h3{ margin-bottom:15px; padding-left:15px;font-weight: bold; text-align: left; font-size: 19pt; border-left:5px solid #d01219; line-height:140%; color:#222;
}

h3.ttl{ margin-top:30px; margin-bottom:30px; padding-bottom:5px;font-weight: normal; text-align: left; font-size: 22pt; color: #d01219; line-height:140%; border:none; border-bottom:1px solid #d01219;
}
*/

h4{ margin-top:30px;margin-bottom:15px; padding-left:15px;font-weight: bold; text-align: left; font-size: 120%; border-left:5px solid #d01219; line-height:140%; color:#222;
}



/* ============================================================== */
/*list*/
/* ============================================================== */

.list-base{
 margin:10px 0 30px 0;
}
.list-base li{
 margin-top:6px;
 padding:10px  0 15px 26px;
 background:url(../images/arrow01.jpg) 0 10px no-repeat;
}




/* ============================================================== */
/*header*/
/* ============================================================== */

header { width:100%; height:98px; margin:0 auto; position: fixed; top: 0; z-index: 3; background:#fff;
}
header:after { content: ''; display: block; clear: both;}
header div { width:1110px; margin: 0px auto; position: relative;}
header #head-left{width:520px; margin-top:16px;  float:left;}
header #head-left:after { content: ''; display: block; clear: both;}
header #head-right{width:590px; margin-top:8px;  float:right;}
header #head-right:after { content: ''; display: block; clear: both;}
header #logo { width:174px; margin-bottom:8px; float:left;}
header #logo img { position: relative;}
header #head-txt { width:320px; padding-top:24px;margin-bottom:8px; float:right;font-size:12px;}

header #head-online{ width:299px;height:80px; margin-top:0;margin-right:6px; float:left;}
header #head-line{ width:89px;height:80px; margin-top:0;margin-right:6px; float:left;}
header #head-contact{ width:89px; height:80px;margin-right:8px; float:left;}
header #head-contact img{ margin-bottom:0; }
header #naviBox{width:89px; height:80px;float:right;}


header.scrolled {
 transition-property: background-color;
 transition-duration: 1s;
 background-color: #fff;
}

#spnaviBox{display:none;}


/* ============================================================== */
/*navi*/
/* ============================================================== */

.gnavi {
 display:none;
}

.spnaviOpen {
 display:block;
 width:89px;
 height:80px;
 background: url(../images/head_menu_off.jpg) center top no-repeat;
 background-size: 89px 80px;
 text-indent:-9999px;
 z-index:999 !important;
}


.spnavi ul.drop-menu {
 display:none;
 position:fixed;
 top:0;
 right:0px;
 width:100%;
 z-index:1000 !important;
}
.spnavi ul.drop-menu li {
 width:100%;
 opacity: 0.8;
 text-decoration:none;
}
.spnavi ul.drop-menu li.navi01 a{
 padding-top:50px;
 text-decoration:none !important;
}
.spnavi ul.drop-menu li a{
 display: block;
 width:100%;
 /*height:50px;*/
 background:#000;
 /*background: url(../images/bg_gnavi01.gif) left top no-repeat; */
 text-align:center;
 text-decoration:none !important;
 color:#fff;
}
.spnavi ul.drop-menu li span{
 display: block;
 padding:25px 15px 18px 15px;
 font-size:110%;
 font-weight:bold;
}
.spnavi ul.drop-menu li a:hover{
 color:#fff; 
 text-decoration:underline !important;
}
.spnavi ul.drop-menu li.navi08 a{
 padding-bottom:60px;
 /*background-image: url(../images/bg_gnavi02.gif);*/
}

/* ============================================================== */
/*main img*/
/* ============================================================== */

.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: 1100px;
 margin-left:auto;
 margin-right:auto;
 margin-left:-550px;
 left:50%;
}
.main-image {
/*
 margin: 0 auto;
 padding-top:154px;
 text-align:center;
 max-width: 1000px;
 overflow-x: visible;*/
 margin: 0 auto;
 padding-top:98px;
 text-align:center;
 max-width: 100%;
 overflow-x: visible;
}
.main-image img {
 border-radius: 10px;
}

.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-contents02 {
 position: relative;
 overflow: hidden;
 display:block;
 z-index: -1;
 width: 1100px;
 margin-left:auto;
 margin-right:auto;
 margin-left:-550px;
 left:50%;
}
.main-image02 {
 margin: 0 auto;
 padding-top:115px;
 text-align:center;
 max-width: 100%;
 overflow-x: visible;
}

.main-contents-sp {
 display: none;
}



/* ============================================================== */
/*main*/
/* ============================================================== */

div#wrap section {
  background-color: #fff;
  position: relative;
  z-index: 2;
}

#main {
 width:1100px;
 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;
 padding:0 0 30px 0;
 margin-bottom:30px;
 text-align:left;
 border-bottom:1px dashed #aaa;
}
.float-box02:after {
 content: '';
 display: block;
 clear: both;
}

/* ============================================================== */
/*home*/
/* ============================================================== */

.box{ clear:both;width:100%; margin:0 auto; padding:30px 0 30px 0; overflow:hidden;}
.box00{ clear:both;max-width:100%; margin:0 auto; padding:0; overflow:hidden;}
.box-in{ width:1100px; margin:0 auto; text-align:left; overflow:hidden;}
.box-in:after{ content: ''; display: block; clear: both;}
.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;}

.komari-txt{font-size:160%; font-weight:bold;text-align:center;padding-top:20px;color:#663300;}
.komari-txt span{color:#1f9fed;}


.komari-wrap{width:1000px;margin:0 auto; margin-bottom:30px;}
.komari-wrap:after{ content: ''; display: block; clear: both;}
.komari-left{width:470px;float:left;}
.komari-left li{background:#ceecf0;margin-bottom:14px; padding:18px 0; text-align:center;font-weight:bold;}
.komari-right{width:470px;float:right;}
.komari-right li{background:#ceecf0;margin-bottom:14px; padding:18px 0; text-align:center;font-weight:bold;}

.omakase-txt{font-size:140% !important; font-weight:bold;text-align:left;padding-bottom:20px;color:#663300;line-height:140%;}

.home-price-box{width:900px;margin:0 auto; margin-top:20px;margin-bottom:0px;}
.home-price-box:after{ content: ''; display: block; clear: both;}
.home-price-left{width:580px;float:left;}
.home-price-right{width:280px;float:right;}

.home-price-txt{font-size:160% !important; font-weight:bold;text-align:left;padding-top:30px;padding-bottom:20px;color:#ff0000;line-height:140%;}
.home-price-txt02{font-size:70% !important; font-weight:bold;text-align:left;color:#222;}

.home-price-wrap{display: -webkit-flex;display:flex;width:1000px;margin:0 auto; margin-top:0px;margin-bottom:30px;-webkit-justify-content: center;justify-content: center; -webkit-align-items: center;align-items: center;}
.home-price-wrap:after{ content: ''; display: block; clear: both;}
.home-price-wrap li{float:left; margin-left:10px;margin-right:10px;}

.home-price-wrap02{display: block;width:1000px;margin:0 auto; margin-top:0px;margin-bottom:30px;}
.home-price-wrap02:after{ content: ''; display: block; clear: both;}
.home-price-wrap02 li{float:left; margin-right:20px;margin-bottom:20px;}
.home-price-wrap02 li:last-child{float:right; margin-right:0px;margin-bottom:20px;}


.box-top{ width:1000px; margin:0 auto; margin-top:30px;padding-top:50px;padding-bottom:50px;text-align:left; overflow:hidden;border-top:1px solid #ccc;}
.box-top:after{ content: ''; display: block; clear: both;}

.box-home-pickup{margin:0 auto; padding:30px 0 50px 0; background:#faf8db; }

.home-pr-ttl{padding-top:24px;font-size:26pt;font-weight:bold; color:#ff9934;text-align:center;}
.home-pr-txt{padding-bottom:30px; font-size:20px;line-height:180%;text-align:center;}


#contact-box{ width:100%; margin:0 auto; background:#f8f8f8;}
#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:270px; margin:0;text-align:left;float:left;}
#contact-box-right{ width:680px; margin:0 auto;float:right;}
#contact-box-right:after{ content: ''; display: block; clear: both;}
#contact-box-right p{ line-height:180%; color:#222; text-align:center;}
#contact-tel{ width:300px; margin:30px 0 0 0; padding-top:10px;padding-right:20px; text-align:left;float:left;border-right:1px solid #81574b;}
#contact-tel p{ padding-top:8px;padding-left:10px; font-size:75%; color:#7f574b; text-align:left;}
#contact-mail{ width:300px; margin:20px 0 0 0;padding-top:15px;float:right;}




.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;
}

.red{ color:#e72c32;}
.og{ color:#ff6600;}
.komemark{
 color:#ff0000;
}


/* ============================================================== */
/*contact*/
/* ============================================================== */

.contact-box{
 width:1000px;
 margin-left: auto;
 margin-right: auto;
 padding:30px 0 30px 0;
}
.contact-box p{
 text-align:left;
}
.contact-table {
 width:900px;
 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{
 text-align:left;
 padding:24px 0 24px 18px;
 border:none;
 border-bottom:1px solid #ccc;
}
.contact-table td.bordernone{
 border:none;
}

.contact-table .size1{
 width:94%;
}
.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:left;}

.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";
 text-align:center;
}
.btn-line {
 clear:both;
 margin:0 auto;
 margin-top:20px;
 margin-bottom:30px;
 width:40%;
 text-align:center;
 
}
.btn-line a{
 display:block;
 padding:25px 0 25px 0;
 color:#fff;
 text-align:center;
 text-decoration:none;
 background:#333;
 border-radius:50px;
}
.btn-line a:hover  {
 color:#fff;
 background:#666;
 text-align:center;
 border-radius:50px;
}




/* ============================================================== */
/*footer*/
/* ============================================================== */

footer{ clear:both; width:100%; margin:0 auto; margin-top:20px;border-top:1px solid #70bd4e;}
#foot{ width:1000px; margin:0 auto; padding-top:26px;}
#foot:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#foot-left{ width:360px;float:left;text-align:left;}
#foot-left .foot-cname{margin:0; padding:0;font-size:120%;font-weight:bold;}
#foot-left .foot-address{margin:0; padding:0;font-size:80% !important;font-weight:normal;line-height:120%;}
#foot-right{ width:522px;float:right;text-align:left;line-height:160%;}
#foot-right a{padding-top:10px;font-size:80%; color:#222;text-decoration:none;}
#foot-right a:hover{text-decoration:underline;}



.foot-copy{padding-top:40px;font-size:70%;text-align:center;}

.foot-copy a{text-decoration:none;color:#222;}

/* ============================================================== */
/*company*/
/* ============================================================== */

.gmap{width:100%; margin:0 auto; margin-bottom:50px;}


#greeting-left{width:350px; float:left;}
#greeting-left p{ padding-top:10px; font-family:sans-serif !important; text-align:center; font-size:120%; font-weight:bold; color:#222;}
#greeting-left span{ font-size:90%; padding-right:10px; color:#222;}

#greeting-right{width:590px; float:right;}

.company-table {
 width: 100%;
 margin-top:30px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
 border-top:1px solid #ccc;
}
.company-table th{
 width:20%;
 margin:0;
 padding:23px 0 23px 14px;
 font-size:92%;
 font-weight:bold;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
 background:#f2f2f2;
 vertical-align:middle !important;
}

.company-table td{
 padding:23px 0 23px 18px;
 font-size:92%;
 line-height:180%;
 text-align:left;
 border:none;
 border-bottom:1px solid #ccc;
 vertical-align:middle !important;
}
.company-table img{
 vertical-align:middle !important;
}
.company-table .no-line{
 border:none;
}
.company-table td.bordernone{
 border:none;
}

.box-company{width:100%;margin:0 auto; margin-top:30px; margin-bottom:30px; background:url(../images/dot_bg.jpg) repeat-x;}
#company{width:1000px; margin:0 auto; margin-bottom:30px; padding-top:50px;}
#company:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#company-left{width:580px; float:left;}
#company-right{width:340px; float:right;}

.box3{clear:both;width:1000px; margin:0 auto; margin-bottom:30px;}
.box3:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.box3 li{width:290px; margin-right:32px;float:left;}
.box3 li::nth-of-type(3n){width:290px; margin-right:0;float:left;}


.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;
}

.access-box{width:1000px; margin:0 auto; margin-bottom:40px; padding-top:20px;}
.access-box:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.access-left{width:570px; float:left;}
.access-right{width:380px; float:right; }


/* ============================================================== */
/* product */
/* ============================================================== */

.prd-box{width:1000px; margin:0 auto; margin-bottom:40px; padding-top:20px;}
.prd-box:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.prd-left{width:550px; float:left;}
.prd-right{width:400px; float:right; background:#f0f0f0;}
.prd-right-in{width:340px; margin-left:30px;padding-top:40px;padding-bottom:30px;}

.prd-table{
 width:100%;
 margin-top:30px;
 margin-bottom:50px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border:none;
 border-collapse: collapse;
 border-spacing: 0;
 border-top:1px dashed #d01219;
}
.prd-table th{
 width:25%;
 margin:0;
 padding:24px 0 24px 0;
 text-align:left;
 border:none;
 border-bottom:1px dashed #d01219;
 vertical-align:middle;
 font-weight:bold;
}
.prd-table td{
 padding:24px 0 24px 0;
 border:none;
 border-bottom:1px dashed #d01219;
 line-height:180%;
}

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


/* ============================================================== */
/* top */
/* ============================================================== */

.box-home-service-ttl{font-size:28pt;color:#dd663a;font-weight:700;text-align:center;letter-spacing:1px;}
.box-home-service-ttl span{font-size:20pt;color:#222;font-weight:700;text-align:center;}
.home-service-box{ width:100%; margin:0 auto; margin-top:50px;padding:40px 0 40px 0; overflow:hidden;background:#e8f4f7;}
.home-service{width:1000px; margin:0 auto; padding-top:20px;padding-bottom:30px;}
.home-service:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.home-service li{width:320px; margin-right:20px; float:left; background:#fff;border-radius:10px;}
.home-service li:last-child{width:320px; margin-right:0; float:left; background:#fff;}
.home-service li img{padding-top:14px;}
.home-service-ttl{margin-top:20px;margin-bottom:0;padding-bottom:0;font-size:120%;font-weight:bold;text-align:center;color:#132c59;line-height:130%;}
.home-service-txt{margin-top:0;padding-top:0;padding-bottom:15px;padding-left:10px;padding-right:10px;font-size:92% !important;text-align:left;}


.home-company-left{width:430px;float:left;}
.home-company-right{width:500px;float:right;}
.home-company-right p{} 
/*.home-company-right p{padding-left:30px;border-left:1px solid #333;} */

#top-news{width:1000px; margin:0 auto;border-bottom:1px dotted #c64933;}
#top-news:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#top-news-ttl{width:100px;padding-top:10px;padding-bottom:10px;font-size:120%;font-weight:bold;border-right:1px solid #e1998c;float:left;}
#top-news-date{width:120px;margin-bottom:10px;padding-top:10px;padding-left:20px;padding-bottom:10px;float:left;text-align:left;font-size:95%;font-weight:bold;}

#top-news-txt{display:block;width:710px;margin-bottom:10px;padding-top:10px;padding-right:10px;padding-bottom:10px;float:left;text-align:left;font-size:95%;line-height:150%;}


/* ============================================================== */
/* company */
/* ============================================================== */

.company-left{
 float:left;
 width:480px;
}

.company-right{
 float:right;
 width:480px;
}

/* ============================================================== */
/* flow */
/* ============================================================== */
 /*
.flow-box{ width:1000px; margin:0 auto; }
.flow-box:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.flow-left{width:260px; float:left;margin-right:20px; vertical-align:middle;}
.flow-left p{font-size:110%;font-weight:bold;font-style:italic;color:#5a9900; }
.flow-center{width:480px; margin-right:20px; float:left;vertical-align:middle;}
.flow-right{width:200px; text-align:center;float:left;vertical-align:middle;}
*/


.flow-box{ width:900px; margin:0 auto; padding:20px 50px 20px 50px;background:#d9ece5;}
.flow-box:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.flow-ttl{margin-bottom:15px;text-align:left;border-bottom:1px solid #0099cc;}
.flow-ttl p{padding-bottom:2px;font-size:120%;font-weight:bold;font-style:italic; }
.flow-txt{text-align:left;}
.flow-next{margin-bottom:20px;text-align:center;}


/* ============================================================== */
/* service */
/* ============================================================== */

.service-ttl01{display:block;width:100%; margin-top:30px;margin-bottom:20px;background:#d0121b;}
.service-ttl01:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.service-ttl-left{width:160px;margin-top:16px;margin-left:30px;float:left;}
.service-ttl-left p{font-size:150% !important; color:#fff;font-weight:bold;}
.service-ttl-center{width:700px;margin-top:20px;float:left;}
.service-ttl-center p{font-size:110% !important;color:#fff;}
.service-ttl-right{width:70px;margin-top:12px;margin-right:20px;float:right;}

.service-ttl02{display:block;width:100%; margin-top:60px;margin-bottom:20px;background:#d0121b;}
.service-ttl02:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

.service-ttl03{display:block;width:100%; margin-top:60px;margin-bottom:20px;background:#d0121b;}
.service-ttl03:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

.hoken-kind{width:96%;padding:20px 30px 10px 20px;margin-bottom:30px; background:#d9ece5;}


.logo-company{clear:both;width:1000px; margin:0 auto; margin-bottom:30px;}
.logo-company:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.logo-company li{width:290px; margin-right:32px;float:left;}
.logo-company li::nth-of-type(3n){width:290px; margin-right:0;float:left;}



.box-fukuri{clear:both;width:1000px; margin:0 auto; margin-bottom:30px;}
.box-fukuri:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.box-fukuri li{width:290px; margin-right:32px;float:left;background:#c0dee4;color:#338da7;text-align:center;margin-bottom:20px;padding-top:16px;padding-bottom:16px;}
.box-fukuri li:nth-of-type(3n){width:290px; margin-right:0;float:left;background:#c0dee4;color:#338da7;text-align:center;}
.box-fukuri li a{text-decoration:none;color:#338da7;}
.box-fukuri li a:hover{text-decoration:none;color:#338da7;}

.sp-img-contact{}
.sp-img-contact02{}

.link-adj{padding-top:80px;}


.btm-bnr{clear:both;width:1000px; margin:0 auto; margin-top:30px;margin-bottom:30px;}
.btm-bnr:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.btm-bnr-left{width:300px; margin-right:30px;float:left;text-align:center;}
.btm-bnr-center{width:320px; margin-right:30px;float:left;text-align:center;}
.btm-bnr-center li{width:320px; margin-bottom:30px;text-align:center;}
.btm-bnr-right{width:320px; margin-right:0;float:left;text-align:center;}

.btm-txt{padding-bottom:20px;text-align:center;}


.foot-sa{ margin:0 auto; margin-top:30px;width:20%; float:right;}


/* ============================================================== */
/*faq*/
/* ============================================================== */

.faq-wrap{width:100%;margin:0 auto; margin-top:30px;padding-top:30px;padding-bottom:30px;background:#f4f6f6;}
.faq-wrap02{width:1000px;margin:0 auto; margin-top:40px;padding-bottom:20px;background:#fff;}
.faqBox{
 width:800px;
 margin:0 auto;
 padding-top:15px;
 padding-bottom:25px !important;
 margin-bottom:50px;
 clear:both;
 position:relative;
 border-bottom:1px dashed #ccc;
}

.faqQ{
 display:block;
 background: url(../images/q.jpg) no-repeat 0 0px;
 padding-top:8px !important;
 padding-bottom:12px !important;
 padding-left:70px !important;
 margin-bottom:15px;
 font-size:100%;
 color:#222 !important;
 text-align:left;
}
.faqA{
 display:block;
 background: url(../images/a.jpg) no-repeat 0 0px;
 padding-top:10px;
 padding-bottom:5px;
 padding-left:70px  !important;
 font-size:100%;
 color:#222  !important;
 text-align:left;
 line-height:140%;
}


#home-news { width:100%; margin:0 auto; margin-top:30px;

}
#news-box{ width:800px; margin:0 auto;margin-top:30px;padding-bottom:50px;}

#index-news {width:100%; margin-top:10px;margin-bottom:10px;}
#index-news div.wn-item { margin-bottom:20px;  padding: 12px 0 26px 230px;  position: relative; font-size: 100%; text-align:left; border-bottom:1px dashed #ccc;}
#index-news div.wn-item a{ color:#222; text-decoration:none;}
#index-news div.wn-item a:hover{ color:#d35e15; text-decoration:underline;}
#index-news div.wn-date { position: absolute; top: 14px; left: 0px; color:#333;font-weight:bold;letter-spacing:1px;}
#index-news div.wn-date img{ position: absolute; top:-1px; left: 110px; }
#index-news div.wn-article {line-height:140%;}



.foot-contact-box{width:1080px; margin:0 auto; border:5px solid #70bd4e;}
.foot-contact-box:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

.foot-contact-ttl{padding-top:30px;font-size:150%;font-weight:700;text-align:center;}
.foot-contact-txt{padding-top:20px;font-size:90%;font-weight:normal;text-align:center;}

.foot-contact-box-in{width:1000px; margin:0 auto; display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;}
.foot-contact-left{padding:0 20px;margin-top:24px;margin-bottom:30px;/*margin-left:100px;padding-right:100px;border-right:1px solid #999;*/}
.foot-contact-center{padding:0 20px;width:184px;margin-top:24px;margin-bottom:30px;/*margin-left:100px;padding-right:100px;border-right:1px solid #999;*/}
.foot-contact-right{padding:0 20px;margin-top:1px;/*margin-right:100px;*/}


.box-home-ttl{
 margin:50px 0 20px 0;padding:0 0 10px 0;font-size:24pt;display: flex; align-items: center; font-weight:bold;
}
.box-home-ttl:before,
.box-home-ttl:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #299ad5;
}
.box-home-ttl:before { margin-right: 1rem;}
.box-home-ttl:after { margin-left: 1rem;}

.box-home-work{width:100%; margin:0 auto;margin-bottom:50px;}
.box-home-work:after{ content: ''; display: block; clear: both;}

.box-home-work ul{display: -webkit-flex;display:flex;width:1000px;margin:0 auto; margin-top:0px;margin-bottom:50px;-webkit-justify-content: center;justify-content: center; -webkit-align-items: center;align-items: center;}
.box-home-work li{float:left; margin-left:6px;margin-right:6px; font-weight:bold;}
.box-home-work li img{margin-bottom:12px;}


.price-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; 
}
.price-table th{
 width:65%;
 margin:0; 
 padding:20px 5px 17px 12px; 
 font-size:120%;
 font-weight:normal;
 text-align:left;
 border:none;
 border-right:1px solid #01479d; 
 border-bottom:1px solid #01479d; 
 background:#ddecff;
} 
.price-table td{ 
 padding:20px 5px 17px 12px;
 font-size:120%;
 line-height:160%;
 text-align:left;
 border:none;
 border-right:1px solid #01479d; 
 border-bottom:1px solid #01479d;
 background:#fff; 
}
.price-table td.bordernone{
 border:none; 
}

.cont-head{padding-top:120px;}
 

.main-info-box{width:96%; margin:0 auto; margin-bottom:40px;border:5px solid #ff0000;}
.main-info{width:90%; margin:0 auto; margin-top:10px;}