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

#wrap{
  overflow: hidden;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
 display:block;
}

strong{
 font-weight:normal;
}
/*span {color:#ff8695;font-weight:bold;} */

ul, ol {
 list-style: none;
}

img {
 width :100%;
 height:auto;
 vertical-align:bottom;
}

a {margin:0px;}
p {padding:0 0 15px 0; text-align:left;font-size:100%;line-height:170%; color:#222; }

.f120{font-size:120%;}
.f150{font-size:150%;}
.f180{font-size:180%;}

.center{text-align:center;}

h1{margin:0px; text-decoration:none;}


h3 {
 margin-top:50px;
 padding-top:15px;
 padding-bottom:15px;
 font-size:140%;
 font-weight:bold;
  color:#ff9933;
 letter-spacing:1px;
  position: relative;
}



h3.title{ font-weight: bold; text-align: left; font-size: 14pt; color: #222;
}
h3.title:before {
 content: '';
 position: absolute;
 bottom: -1px;
 display: block;
 width: 80px;
 height: 3px;
 /*left: 50%;*/
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 background-color: #0b8c57;
 border-radius: 1px;
}


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

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


body {
 background-repeat:repeat;
 font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
 font-size: 90%;
 line-height: 1.6;
 color:#222;
}

a:hover { color:#e4347a }

.text-left{text-align:left;}

.f125{ font-size:125%; }
.comment{ font-size:80%;}
.bold { font-weight:bold; }
.brown { color:#663300; }
.red { color:#ff0000; }
.og { margin-bottom:0; padding-bottom:0; color:#ff9933;}
.komemark { color:#ff0000; }
.text-center { text-align:center; }
.text-right{text-align:right;}

.sp-none{ display:none; }
.pc{ display:none; }
.sp{display:block;}
.img-center{display:block; margin-left:auto; margin-right:auto;
}
.img-resize { width:92%; height: auto;}
.img-resize-ttl { width:50%; height: auto;}

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

div#content {
  padding-top: 30pt;
  padding-bottom: 20pt;
}


.main-contents {display:none;}
.main-contents02 {display:none;}
.main-contents03 {display:none;}

.main-contents-sp {
 display: block;
 margin: 0 auto;
 text-align:center;
 position: relative;
 overflow: hidden;
}

.main-image-sp {
 height:auto;
 margin:0 auto;
 padding-top:60px;
 text-align:center;
}



.main-contents02 {
 display:block; position:relative; background: #f2f6f7;width:100%;margin-top:60px;height: 90px;letter-spacing: 0.1em;z-index: -2; margin-bottom:30px;
}
.main-contents02-in {
 display:block; width:1000px; margin:0 auto;
}
.main-contents02-in .ttl-bg{
position: absolute;top:0;right: 0;z-index: -1; width:70%;
}
.main-contents02-in p{color: #222;text-align: left;padding-top: 30px;padding-left:10px;font-size: 1.2em;
}
.main-contents02 span{
 margin-left:20px;
}

.main-image-under {
 width:100%;
 height:auto;
 margin:0 auto;
 padding-top:60px;
 text-align:center;
}

.main-image .main-image01{
 margin:0 0 10px;
 padding:0;
 font-size:6vw;
 color:#fff;
 text-align: center;
}
.main-image .main-image02{
 margin:0;
 padding:0;
 font-size:3.6vw;
 color:#fff;
}

.main-image02 {
 width:96%;
 height:auto;
 margin:0 auto;
 text-align:center;
}
.main-image02 h1{
 padding-top:80px;
 font-size:200%;
 color:#fff;
}

#main{
 max-width:100%;
 margin:0 auto;
}

.main-contents-sp02 {
 padding-top:60px;
}


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

footer{ clear:both; width:100%; margin:0;}
#foot{ clear:both; width:100%; margin:0 auto; padding-top:36px;padding-bottom:23px;}
#foot:after { content: ""; clear: both; height: 0; display: block; visibility: hidden;}

#foot p{text-align:center;}



/* ============================================================== */
/* map */
/* ============================================================== */

.gmap {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* ============================================================== */
/* 下層コンテンツ */
/* ============================================================== */

.box {width:100%; margin:0 auto; padding:30px 0px 30px 0px; overflow:hidden;}
.box:after { content: ''; display: block; clear: both;}
.box00{ max-width:100%; margin:0 auto; padding:0; overflow:hidden;}
.box-in{ width:96%; margin:0 auto; padding-bottom:20px;text-align:left; overflow:hidden;}
.box-in02{ width:96%; margin:0 auto; padding-top:30px;padding-bottom:30px;text-align:left; overflow:hidden;}
.box-in-line{ width:96%; margin:0 auto; padding-top:30px;padding-bottom:30px;text-align:left; overflow:hidden;border-bottom:1px solid #ccc;}

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

.home-box-grey {
 zoom: 1;
 width:100%;
 margin:0 auto;
 margin-bottom:30px;
 padding-top:50px;
 padding-bottom:50px;
 background:#f2f2f2;
 display:block;
 overflow:hidden;
}
.home-box-grey:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }


h2 {
 position: relative;
 display: block;
 margin:0 auto;
 margin-top:60px !important;
 margin-bottom: 30px !important;
 font-size:180%;
 text-align:center; 
 font-weight:normal;
 letter-spacing:1px;
 line-height:140%;
 color:#222;
}

h2 span{
 font-size:60%;
 color:#006d80;
}


/*----- guide ----*/

.guide-box{width:100%;margin:0 auto; margin-top:20px;margin-bottom:50px;}
.guide-box:after { content: ''; display: block; clear: both;}
.guide-left{width:96%; margin:0 auto;float:none;}
.guide-right{width:96%; margin:0 auto;float:none;}

.list-check li{margin-bottom:28px;padding-top:15px;padding-left:28px; padding-bottom:18px;background:url(../images/list_blue.jpg) 0 18px no-repeat; text-align:left;font-size:100%;color:#222; border-bottom:1px dashed #ccc;}

.home-guide-left{ width:96%; margin:0 auto; float:none;}
.home-guide-right{width:96%; margin:0 auto; float:none;}

.home-guide-table{width:100%; margin-bottom:50px; border:none;}
.home-guide-table th{text-align:center; font-weight:normal;border-bottom:1px solid #333; padding:15px 3px 20px 3px;}
.home-guide-table td{width:12%; padding:20px 3px 20px 3px;text-align:center; color:#002e44;border:none;vertical-align:middle;border-bottom:1px solid #333;}
.home-guide-table .area01{width:100px; text-align:center;}
.home-guide-txt{text-align:left;}
.home-guide-txt-address{text-align:left;font-size:100%;}
.home-guide-access{background:#eff2f2;margin-top:20px;margin-bottom:50px;padding:18px 0;text-align:center;}
.home-guide-access img{width:80%;margin:0 auto;text-align:center;}


#foot-box{width:100%;margin:0 auto; border-top:1px solid #ccc;
}

#foot-btm{
 width:100%;
 margin:0 auto;
 padding:20px 0 0 0;
}
#foot-btm .foot-name{
 font-size:80%;
 color:#001f5f;
 text-align:center;
}
#foot-btm .foot-name span{
 margin:0;
 padding:0;
 text-align:center;
 color:#7f7f84;
}
#foot-btm .foot-address{
 margin:0;
 padding:0 0 10px 0;
 text-align:center;
 font-size:80%;
 color:#222;
}

.copyright{
 margin-bottom:0;
 padding:0 0 3px 0;
 font-size:70%;
 text-align:center;
}
.copyright a{
 color:#333;
 text-decoration:none;
}


.home-box2 ul {
 zoom: 1;
 width: 100%;
 margin:0 auto;
}
.home-box2 ul:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.home-box2 li {
 float: none;
 margin: 20px 0px 20px 0;
}
.home-box2 li.last {
 float: none;
 margin: 10px 0 0 0;
}

.faq-box{margin-bottom:10px;}
.faq-box img{width:20%;margin-right:15px;vertical-align:middle;}



.float-box {
 width:92%;
 margin:0 auto;
 padding:0px 0px 30px 0px;
 text-align:left;
}
.float-box:after {
 content: '';
 display: block;
 clear: both;
}
.float-box00{
 max-width:100%;
 margin:0 auto;
 padding:0;
 text-align:left;
}
.float-box00:after {
 content: '';
 display: block;
 clear: both;
}
.float-box02{
 max-width:100%;
 margin:0 auto;
 margin-bottom:30px;
 padding-bottom:10px;
 text-align:left;
 border-bottom:1px solid #ddd;
}
.float-box02:after {
 content: '';
 display: block;
 clear: both;
}
.float-box02 img {
 margin-bottom:15px;
}

.float-left {
 margin:0 0 20px 0;
 text-align:center;
}
.float-right {
 margin-bottom:20px;
 text-align:center;
}
.float-box p{
 padding-bottom:15px;
 text-align:left;
}

.sp-center{ display:block; margin-left:auto; margin-right:auto; text-align:center;}


.home-news-ttl{
 font-weight: bold;
 font-size: 24pt;
 margin-bottom:0;
 padding: 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
 color:#222;
 line-height:120%;
 /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.home-news-ttl span{
 font-size: 11pt;
 margin:0;
 padding:0;
 text-align: center;
 position: relative;
 color:#666;
 letter-spacing:0.5px;
 font-family: arial;
 font-weight: normal;
 line-height:120%;
}


.home-contact-ttl{
 font-weight: bold;
 font-size: 24pt;
 margin-bottom:0;
 padding: 0;
 text-align: center;
 position: relative;
 letter-spacing:2px;
 vertical-align:bottom;
 color:#222;
 line-height:120%;
 /*font-family: "ＭＳ Ｐ明朝"; */
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.home-contact-ttl span{
 font-size: 11pt;
 margin:0;
 padding:0;
 text-align: center;
 position: relative;
 color:#666;
 letter-spacing:0.5px;
 font-family: arial;
 font-weight: normal;
 line-height:120%;
}

#contact-box{ width:100%; margin:0 auto; margin-top:50px; background:#e6eff8;}
#contact-box-in{ width:94%; margin:0 auto;padding-top:30px;padding-bottom:30px;}
#contact-box-in:after{ content: ''; display: block; clear: both;}
#contact-box-left{ width:100%; margin:0;text-align:left;float:none;}
#contact-box-right{ width:100%; margin:0 auto;float:none; text-align:center;}
#contact-box-right:after{ content: ''; display: block; clear: both;}
#contact-box-right p{ padding-top:20px;line-height:180%; color:#80574b; text-align:center;}
#contact-tel img{ width:60%; margin:10px 0 0 0; padding-right:0; text-align:center;float:none;border-right:none;}
#contact-mail img{ width:60%; margin:30px 0 0 0;float:none;}



.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: none;
 width: 100%;
 margin:0 auto;
 margin: 10px 0 30px 0;
 text-align:center;
 font-size:160%;
 line-height:140%;
}
.box3 li:last-child {
 float: none;
 width: 100%;
 margin:0 auto;
 margin: 10px 0 30px 0;
 text-align:center;
 font-size:160%;
 line-height:140%;
}
.box3 li img{
 margin-bottom:20px;
}

.box3 li span{
 font-size:80%;
}
.box3 li a{
 color:#e4347a;
 text-decoration:none;
}

.box3 li a:hover{
 color:#e4347a;
 text-decoration:underline;
}




.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:96%;}
.srv-box:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.srv-left { width:96%; margin-bottom:20px;float:none; }
.srv-right { width:96%; margin-bottom:20px;float:none; }
.comment02{margin-top:30px;margin-bottom:0;padding-bottom:10px;font-size:90%;font-weight:normal;}

.price-table{
 width:96%;
 margin:0 auto;
 margin-top:20px;
 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:28%;
 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%;
}

.price-table02{
 width:96%;
 margin:0 auto;
 margin-top:20px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto;
 padding:0;
 border:none;
 border-collapse: collapse;
 border-spacing: 0;
}
.price-table02 th{
 width:40%;
 margin:0;
 padding:24px 0 24px 0;
 text-align:left;
 border:none;
 border-bottom:1px dashed #aaa;
 vertical-align:middle;
 font-weight:bold;
}
.price-table02 .right-area{
 width:28%;
 padding:24px 0 24px 0;
 text-align:right;
 border:none;
 border-bottom:1px dashed #aaa;
}
.price-table02 td{
 padding:24px 0 24px 0;
 border:none;
 border-bottom:1px dashed #aaa;
 line-height:160%;
}

.price-table03 { 
 width: 100%;
 margin-top:20px;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none; 
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
}
.price-table03 td{ 
 padding:16px 20px 13px 18px;
 font-size:92%;
 line-height:160%;
 text-align:center;
 border:none;
 border-right:1px solid #ccc;
 border-left:1px solid #ccc;
 border-bottom:1px solid #ccc;
 vertical-align:middle; 
}
.price-table03 th{
 width:25%;
 margin:0; 
 padding:16px 0 13px 18px; 
 font-size:92%;
 font-weight:bold;
 text-align:center;
 border-top:none;
 border-left:none;
 border-right:none;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 border-bottom:1px solid #ccc;
}

.price-table03 .top-area{
 margin:0; 
 padding:16px 0 13px 18px; 
 font-size:92%;
 font-weight:normal;
 text-align:center;
 border-top:none;
 border-left:none;
 border-right:none;
 border-top:1px solid #ccc;
 border-right:1px solid #ccc;
 background:#f2f2f2;
} 
.price-table03 td.bordernone{
 border:none; 
}



/* ============================================================== */
/* line */
/* ============================================================== */

.line{
 margin-top:20px;
 padding:10px 0 10px 0;
 border-top:1px solid #ddd;
}



/* ============================================================== */
/* 会社概要 */
/* ============================================================== */

.access-box{width:100%;margin:0 auto; margin-bottom:30px;}
.access-box:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.access-left{width:100%; float:none;}
.access-right{width:100%; float:none;}


.company-table {
 width:100%;
 margin:20px 0 30px 0;
 padding:0;
 border-spacing: 0;
 border: none;
}
.company-table th{
 width: 100%;
 display: block;
 border: none;
 font-weight:bold;
 text-align:left;
}
.company-table td{
 width: 100%;
 margin-bottom:20px;
 padding-bottom:20px;
 display: block;
 border: none;
 text-align:left;
 border-bottom:1px solid #ddd;
}
.company-table td.bordernone{
 border:none;
}
.company-table tr:first-child th {

}


/* ============================================================== */
/* privacy */
/* ============================================================== */

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



.home-about-box{ width:96%; margin:0 auto; }
.home-about-box:after{ content: ''; display: block; clear: both;}
.home-about-left{ width:100%; margin:0 auto;text-align:left;float:none;}
.home-about-left img{margin-bottom:30px; text-align:center !important;}
.home-about-right{ display:none;}

.box-line{width:100%;background:url(../images/line.jpg) repeat-x;}



#news-left{width:94%; margin:0 auto; margin-bottom:40px; float:none;}
#news-right{width:90%; margin:0 auto; margin-bottom:40px;float:none;}


.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: none;
 width: 100%;
 margin:0 auto;
 margin: 10px 0 30px 0;
 text-align:center;
 font-size:160%;
 line-height:140%;
}
.box3 li:last-child {
 float: none;
 width: 100%;
 margin:0 auto;
 margin: 10px 0 30px 0;
 text-align:center;
 font-size:160%;
 line-height:140%;
}
.box3 li img{
 margin-bottom:20px;
}

.box3 li span{
 font-size:80%;
}
.box3 li a{
 color:#e4347a;
 text-decoration:none;
}

.box3 li a:hover{
 color:#e4347a;
 text-decoration:underline;
}




/* ============================================================== */
/* button */
/* ============================================================== */

.btn-base {
 font-size:1.1em;
 font-family: "genshin-m","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ","Meiryo";
}
.btn-line {
 clear:both;
 margin:0 auto;
 width:180px;
 border:1px solid #fff;
}
.btn-line a {
 display:block;
 padding:25px 10px 25px 10px;
 color:#fff;
 text-align:center;
 text-decoration:none;
}
.btn-line a:hover {
 color:#fff;
 background:#ff9600;
}


.btn-base02 {
 font-size:1.0em;
 font-family: "genshin-m","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ","Meiryo";
}
.btn-line02 {
 clear:both;
 margin:0 auto;
 width:180px;
 border:1px solid #92bcd6;
}
.btn-line02 a {
 display:block;
 padding:15px 10px 15px 10px;
 color:#92bcd6;
 text-align:center;
 text-decoration:none;
}
.btn-line02 a:hover {
 color:#fff;
 background:#92bcd6;
}

.service-navi{text-align:center;}
.service-navi img{width:60%;margin-bottom:10px;}


.box-line{width:100%;background:url(../images/line.jpg) repeat-x;}



.box-item{
 clear:both;
 width:100%;
 margin:0 auto;
 background:#f2f2f2;
 padding-top:50px;
 padding-bottom:50px;
 display:block;
 overflow:hidden;
}

.box-item-in{
 width:96%;
 margin:0 auto;
 margin-bottom:30px;
 display:block;
}
.box-item-in:after{
 content: '';
 display: block;
 clear: both;
}

.box2-2 li {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  float:left;
 width:100%;
 margin-right:60px;
 margin-bottom:20px;
  padding:0 0 20px 0;
  background:none;
  text-align:center;
 display:block;
}
.box2-2 li:last-child {
 margin-right:0;
 display:block;
}




.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 #ccc;
 border-bottom:1px solid #ccc;
}
.price-table td{ 
 padding:16px 20px 13px 18px;
 font-size:92%;
 line-height:160%;
 text-align:right;
 border:none;
 border-bottom:1px solid #ccc; 
}
.price-table th{
 width:70%;
 margin:0; 
 padding:16px 0 13px 0; 
 font-size:92%;
 font-weight:normal;
 text-align:left;
 border-top:none;
 border-left:none;
 border-right:none;
 border-top:1px solid #ccc;
} 
.price-table td.bordernone{
 border:none; 
}



.price-table02 { 
 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 #ccc;
 border-left:1px solid #ccc;
}
.price-table02 td{ 
 padding:16px 20px 13px 18px;
 font-size:92%;
 line-height:160%;
 text-align:right;
 border:none;
 border-right:1px solid #ccc;
 border-left:1px solid #ccc;
 border-bottom:1px solid #ccc; 
 background:#fff;
}
.price-table02 .left-area{
 width:50%;
 margin:0; 
 padding:16px 0 13px 18px; 
 font-size:92%;
 font-weight:bold;
 text-align:left;
 border-top:none;
 border-left:none;
 border-right:none;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 background:#fff;
}
.price-table02 .top-area{
 margin:0; 
 padding:16px 0 13px 18px; 
 font-size:92%;
 font-weight:normal;
 text-align:center;
 border-top:none;
 border-left:none;
 border-right:none;
 border-top:1px solid #ccc;
 border-right:1px solid #ccc;
 background:#f2f2f2;
} 
.price-table02 td.bordernone{
 border:none; 
 }


.se-box{display:block;width:90%;border:4px dashed #1b7c8f; margin-top:20px;margin-bottom:20px;background-clip:padding-box;background:#e1f3ff;overflow:hidden;}
.se-box-in{padding:20px;}


.box-md{width:100%;margin:0 auto; margin-top:30px;margin-bottom:50px;padding-top:50px;background:#fff;}
.box-md:after { content: ''; display: block; clear: both;}

/*------------- home -------------*/

.box-home-message{
 margin:0 auto;
 padding:50px 0 80px 0;
 background:url(../images/message_bg.jpg) no-repeat;
}

.box-home-guide{
 margin:0 auto; padding:30px 0 50px 0; /*border-bottom:1px solid #cce2e6;*/}
.box-home-guide:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden;}

.home-guide-kamoku-wrap{clear:both;display:block;margin:0 auto;margin-bottom:30px;padding:0;text-align:center; }
.home-guide-kamoku{clear:both;display:inline-block;background:#006d80;text-align:center;color:#fff;padding:20px 30px 0 30px;}




.box-home-intro{
 margin:0 auto; padding:30px 0 50px 0; }
.box-home-intro:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.box-home-left{width:480px;float:left;background:#deefeb;}
.box-home-right{width:480px;float:right;background:#deefeb;}

.box-home-left-in{width:400px;margin-top:36px;margin-left:36px;margin-bottom:36px;}
.box-home-left-in h3{font-size:160%;padding-top:20px;padding-bottom:20px;font-weight:normal;}
.box-home-left-in p{text-align:left;}

.box-home-right-in{width:400px;margin-top:36px;margin-left:36px;margin-bottom:36px;}
.box-home-right-in h3{font-size:160%;padding-top:20px;padding-bottom:20px;font-weight:normal;}
.box-home-right-in p{text-align:left;}



/*-------------会社概要-------------*/


.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; 
}
.company-table th{
 width:24%;
 margin:0; 
 padding:24px 0 21px 0; 
 font-size:92%;
 font-weight:normal;
 text-align:left;
 border-top:none;
 border-left:none;
 border-right:none;
 border-bottom:1px dashed #ccc;
} 
.company-table td{ 
 padding:24px 0 21px 18px;
 font-size:92%;
 line-height:160%;
 text-align:left;
 border:none;
 border-bottom:1px dashed #ccc; 
}
.company-table td.bordernone{
 border:none; 
}

.company-table02 { 
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none; 
}
.company-table02 th{
 width:24%;
 margin:0; 
 padding:14px 0 12px 0; 
 font-size:92%;
 font-weight:normal;
 text-align:left;
 border-top:none;
 border-left:none;
 border-right:none;
 border-bottom:1px dashed #ccc;
} 
.company-table02 td{ 
 padding:14px 0 12px 18px;
 font-size:92%;
 line-height:160%;
 text-align:left;
 border:none;
 border-bottom:1px dashed #ccc; 
}
.company-table02 td.bordernone{
 border:none; 
}


.box3{
 clear:both;
 display:block;
 width:100%;
 margin:0 auto;
 margin-top:20px !important;
 margin-bottom:30px;
}
.box3:after{
 content: '';
 display: block;
 clear: both;
}
.box3-in{
 width:1000px;
 margin:0 auto;
 display:flex;
}
.box3-in img{
 margin-bottom:10px;
}

.box3 li {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  float:left;
 width:320px;
 margin-right:18px;
  padding:0 0 20px 0;
  background:none;
  text-align:center;
}
.box3 li:last-child {
 margin-right:0;
}

#gmap{width:100%; margin:0 auto; margin-top:10px !important;}
#gmap02{width:100%; margin:0 auto; margin-top:60px !important;}





.box2{
 clear:both;
 width:100%;
 margin:0 auto;
}
.box2:after{
 content: '';
 display: block;
 clear: both;
}
.box2-in{
 width:90%;
 margin:0 auto;
 margin-bottom:30px;
 display:flex;
}


.box2 li {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  float:none;
 width:100%;
 margin-right:0;
  padding:0 0 20px 0;
  background:none;
  text-align:center;
}
.box2 li:last-child {
 margin-right:0;
}

.box-item{
 clear:both;
 width:100%;
 margin:0 auto;
 background:#f2f2f2;
 padding-top:50px;
 padding-bottom:50px;
 display:block;
 overflow:hidden;
}

.box-item-in{
 width:100%;
 margin:0 auto;
 margin-bottom:30px;
 display:block;
}
.box-item-in:after{
 content: '';
 display: block;
 clear: both;
}

.box2-2 li {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  float:none;
 width:100%;
 margin-right:0;
 margin-bottom:20px;
  padding:0 0 20px 0;
  background:none;
  text-align:center;
 display:block;
}
.box2-2 li:last-child {
 margin-right:0;
 display:block;
}




/*-------------ボタン-------------*/

.btn{
 padding-left:20px;
 font-size:95%;
 background:url(../images/arrow_green.jpg) no-repeat;
}
.btn a{ color:#333;text-decoration:none;}
.btn a:hover{ color:#006699;text-decoration:none;}

.btn-base {
 font-family: "genshin-m","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ","Meiryo";
}
.btn-line {
 clear:both;
 margin-top:14px;
 width:300px;
 border:1px solid #2583c1;
 background:#fff;
}
.btn-line a {
 display:block;
 padding:16px 0;
 color:#2583c1;
 text-align:center;
 text-decoration:none;
 line-height:150%;
 font-size:100%;

}
.btn-line a:hover {
 background:#2583c1;
 color:#fff;
}

.btn-line02 {
 clear:both;
 margin:0 auto;
 margin-top:20px;
 width:160px;
 border:1px solid #71aecc;
 font-size:90%;
}
.btn-line02 a {
 display:block;
 padding:10px 0;
 color:#71aecc;
 text-align:center;
 text-decoration:none;
 line-height:150%;
}
.btn-line02 a:hover {
 background:#71aecc;
 color:#fff;
}

.btn-line03 {
 clear:both;
 margin-top:14px;
 width:200px;
 border:1px solid #2583c1;
 background:#fff;
}
.btn-line03 a {
 display:block;
 padding:16px 0;
 color:#2583c1;
 text-align:center;
 text-decoration:none;
 line-height:150%;
 font-size:100%;

}
.btn-line03 a:hover {
 background:#2583c1;
 color:#fff;
}

.btn-box{width:100%;}
.btn-box:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.btn-box-left{float:left;margin-right:20px;}
.btn-box-right{float:right;}




/*-------------リスト-------------*/

.list-base li{
 margin-bottom:10px;
 padding-left:38px;
 line-height:190%;
 text-align:left;
 background:url(../images/list_base.jpg) 0 2px no-repeat;
}



/* slide
--------------------------------------------*/

.viewer_01 {
 margin: 0 auto;
 width:100%;
 height: 505px;
 text-align: left;
 overflow: hidden;
}

.viewer_01 ul {
 width:100%;
 height: 505px;
 text-align: left;
 overflow: hidden;
 position: relative;
}

.viewer_01 ul li {
 top: 0;
 left: 0;
 width:100%;
 height: 505px;
 display: none;
 position: absolute;
}




/*----- clinic ----*/

.cl-ttl{display:inline-block;border:1px solid #006d80; margin-bottom:15px;float:left;}
.cl-ttl-txt{display:inline-block;padding:0 !important;padding:10px !important;color:#006d80;}




.box-line{width:100%;background:url(../images/line.jpg) repeat-x;}




.box-md{width:100%;margin:0 auto; margin-top:30px;margin-bottom:50px;padding-top:50px;background:#fff;}
.box-md:after { content: ''; display: block; clear: both;}


h2.title{
 clear:both;
 margin:20px 0 30px 0;
 padding:0 0 15px 0;
 font-size:150%;
 font-weight:normal;
 font-family: 'Noto Sans Japanese', "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
 text-align:left;
 border-bottom:3px double #ccc;
 letter-spacing:0px;
}





.home-box3{
 display:block; 
 zoom: 1;
 width: 100%;
 margin:0 auto !important;
 text-align:center !important;
}
.home-box3 img{
 display:block; 
 margin:0 auto !important;
 text-align:center !important;
}


.home-box3 ul {
 display:block; 
 zoom: 1;
 width: 100%;
 margin:0 auto;
 margin-bottom:30px;
}
.home-box3:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.home-box3 li img{
display:block; 
 float: none;
 width:80%;
 margin:0 auto;
 margin-top:20px !important;
 margin-bottom:20px;
 text-align:center !important !important;
}
.home-box3 li img:last-child {
display:block; 
 width:80%;
 margin:0 auto;
 float: none;
 margin-top:20px !important;
 margin-bottom:50px !important;
text-align:center !important;
}



h2.ttl{
 clear:both;
 margin:50px 0 30px 0;
 padding:0 0 15px 0;
 font-size:180%;
 font-weight:700;
 font-family: 'Noto Sans Japanese', "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
 text-align:center;
 letter-spacing:0px;
}

h3.ttl {
 margin-top:30px;
 margin-bottom:20px;
 padding:12px 20px 8px 20px;
 font-size:150%;
 font-weight:bold;
  color:#ff9933;
 letter-spacing:1px;
  position: relative;
 border:1px solid #ff9933;
 display:inline-block;
}




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

.faqBox{
 width:96%;
 margin:0 auto;
 padding-top:15px;
 padding-bottom:40px;
 margin-bottom:40px;
 clear:both;
 position:relative;
 border-bottom:1px solid #fff;
}

.faqQ{
 background: url(../images/q.png) no-repeat 0 0px;
 padding-top:5px;
 padding-bottom:12px;
 padding-left:70px;
 margin-bottom:15px;
 font-size:100%;
 color:#222;
}
.faqA{
 background: url(../images/a.png) no-repeat 0 0px;
 padding-top:5px;
 padding-bottom:5px;
 padding-left:70px;
 font-size:100%;
 color:#222;
}



.pre-apli{width:100%;margin-top:30px;margin-bottom:40px;text-align:center;}
.pre-apli img{width:30%;}

.remark-box{width:90%;margin-top:30px;margin-bottom:30px;border:3px solid #ff3300;background:#fff;}
.remark-box-in{width:90%; margin:0 auto;padding:20px;}
.remark-box-in p{text-align:left;}

.remark-box02{width:90%;margin-top:30px;margin-bottom:30px;border:3px solid #ff3300;background:#fff;}
.remark-box-in{width:90%; margin:0 auto;padding:20px;}
.remark-box-in p{text-align:left;}



.app-info{width:96%;margin:0 auto;display:flex;padding:20px 0 30px 0;background-color:#eee;text-align:center !important;justify-content:space-evenly;}
.app-info img{width:50%; margin-bottom:30px;/*height:60px;*/}
.app-info p{text-align:center !important;font-weight:bold;}

.app-info{flex-direction:column;}