@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;
 min-width:1000px;
/* -webkit-text-size-adjust: none;
 user-select:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -khtml-user-select:none;
 -webkit-user-drag:none;
 -khtml-user-drag:none;*/
}

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

ul, ol {
 list-style: none;
}
img {
 max-width : 100%;
 height:auto;
 vertical-align:bottom;
}
a {margin:0px;}
p {padding:0 0 15px 0; line-height:180%;}
/*span {color:#ff8695;font-weight:bold;} */
#main .f110{font-size:110%;}
#main .f120{font-size:120%;}
#main .f125{font-size:125%;}
#main .f130{font-size:130%;}
#main .f140{font-size:140%;}
#main .f150{font-size:150%;}
.b{ font-weight:bold;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.img-center{display:block;margin-left:auto;margin-right:auto;}
.st{font-weight:bold;}
#main .mt30{margin-top:30px;}
#main .mb15{margin-bottom:15px;}
#main .mb30{margin-bottom:30px;}
#main .og{color:#cc0000;}

body {
 font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
 margin:0 auto;
 padding:0;
 color:#333333;
 text-align:center; 
}                        

#wrap {
 position:relative;
 margin:0 auto;
 padding:0;
}

img {
 border:none;
}

.pc-none{ display:none; }

#headBox {
 width:100%;
 margin:0 auto;
 padding:0;
}

header {
 clear:both;
 width:1000px;
 margin:0 auto;
 padding:0;
}
header:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
header p {
 margin:0;
 padding:0;
 font-size:11px;
 font-weight:normal;
 text-align: left;
 color:#666;
}

#headLeft {
 float:left;
 width:310px;
 margin:20px 0 0 0;
 padding:0;
}
#headLeft img {
 vertical-align:middle;
}

#headRight{
 float:right;
 width:490px;
 margin:10px 0 0 0;
 padding:0;
 text-align: right;
}
#headRight img {
 vertical-align:top;
}

#naviBox {
 clear:both;
 width:100%;
 height:33px;
 margin:0 auto;
 margin-top:20px;
 margin-bottom:20px;
 padding:0;
}
.gnavi {
 clear:both;
 width:1000px;
 height:33px;
 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; }

#pictMainBox{
 width:100%;
 height:400px;
 margin: 0 auto;
 position: relative;
 overflow: hidden;
}
/*#pictMainBox{
 width:100%;
 height:460px;
 margin: 0 auto;
 position: relative;
 overflow: hidden;
}
.viewer_01{
 display: block;
 position:absolute;
 left:50%;
 width:2000px;
 height:460px;
 margin: 0 auto;
 margin-left:-1000px;
 text-align:center;
}
*/
#pictMainSpBox{
 display: none; 
}
#pictMainBox02{
 width:100%;
 margin:0 auto;
 padding:0;
}
.main-sp-box{ display:none; }
.main-sp-box02{ display:none; }

#main {
 width:100%;
 margin:0 auto;
 padding:0;
 background-color:#fff;
 display:inline-block;
}

#main p{
 margin:0;
 padding:0 0 15px 0;
 font-size:100%;
 line-height:180%;
}

#main02 {
 width:100%;
 margin:0 auto;
 padding:0;
 background:url(../images/tpoint_bg.jpg) ;
 display:inline-block;
}

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

#topic-path-box{
 clear:both;
 width:100%;
 height:40px;
 margin:0 auto;
 margin-bottom:10px;
 padding:0;
 background:#f7f7f7;
}
ul#topic-path{
 width:980px;
 margin:0 auto;
 padding:11px 0 0 0;
 text-align:left;
}
ul#topic-path li {
 margin:0;
 padding:0;
 display:inline;
 line-height:110%;
 list-style-type:none;
 font-size:11px;
}
ul#topic-path li a {
 padding-right:15px;
 color:#dc6238;
 text-decoration:none;
 background:url(../images/icon_gt.png) no-repeat;
 background-position:100% 40%;
}
ul#topic-path li a:hover {
 text-decoration:underline;
}

/*-------------メインコンテンツ-------------*/


#main .home01-in .home01-01{
 padding:30px 0 0 100px;
 font-size: 14pt;
 text-align:left;
}
#main .home01-in .home01-02{
 padding:20px 0 30px 100px;
 font-size: 14pt;
 text-align:left;
}
.box00{ clear:both;width:100%; margin:0 auto; padding-top:0; padding-bottom:30px;}
.box{ clear:both;width:100%; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.box-in{ width:1000px;margin:0 auto;}
.cont-box{ width:1000px;margin:0 auto; margin-top:30px; text-align:left;}

.box02{ width:1000px; margin:0 auto;  padding-top:40px; padding-bottom:30px;
 border-bottom:1px solid #ccc;}

.box03{ width:1000px; margin:0 auto;  padding-top:40px; padding-bottom:30px;
}

.box-grey{ width:1000px; margin:0 auto;  padding-top:26px; padding-bottom:30px;
 background:#f7f7f7;}
.box-grey-in{ width:940px; margin:0 auto;  margin-left:24px;
 border:1px solid #999;}
.box-grey-in-in{ width:680px; margin:0 auto;  padding-top:50px;margin-left:120px;padding-bottom:30px;line-height:200%;}

.section-heading {
  margin-top:0;
  padding-top:0;
  font-weight: normal;
  text-align: left;
  font-size: 18pt;
  line-height: 1.8em;
  margin-bottom: 15px;
  position: relative;
  color: #333;
 font-family: arial,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
 border-bottom:1px solid #2583c1;
  display: inline-block;
}

.home01{
 width:1000px;
 margin-top:20px;
 margin-bottom:30px;
}
.home01:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#main .home01 p{
 padding:0 0 10px 5px;
 font-size:100%;
 line-height:180%;
 text-align:left;
}
.home01-left{
 width:570px;
 margin-right:11px;
 float:left;
 text-align:left;
}
.home01-right{
 width:360px;
 float:right;
}

.home02{
 width:1000px;
 margin-top:20px;
 margin-bottom:30px;
}
.home02:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#main .home02 p{
 padding:0 0 10px 5px;
 font-size:100%;
 line-height:180%;
 text-align:left;
}
.home02-left{
 width:360px;
 margin-right:30px;
 text-align:left;
 float:left;
}
.home02-right{
 width:570px;
 float:right;
 text-align:left;
}

#home03{
 width:900px;
 margin-top:20px;
 margin-bottom:30px;
}
#home03:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#main #home03 p{
 padding:0 0 10px 5px;
 font-size:100%;
 line-height:180%;
 text-align:left;
}
#home03-left{
 width:420px;
 margin-right:11px;
 float:left;
}
#home03-right{
 width:180px;
 float:right;
}

#home04{
 width:900px;
 margin-top:20px;
 margin-bottom:30px;
}
#home04:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#main #home04 p{
 padding:0 0 10px 5px;
 font-size:100%;
 line-height:180%;
 text-align:left;
}
#home04-left{
 width:430px;
 margin-right:11px;
 float:left;
}
#home04-right{
 width:410px;
 float:right;
}

#btm-bnr{
 width:100%;
 margin:0 auto;
}
#btm-bnr:after{
 content: '';
 display: block;
 clear: both;
}
#btm-bnr-in{
 width:1000px;
 margin:0 auto;
 display:flex;
}

#btm-bnr-in 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:310px;
 margin-right:30px;
  padding:40px 0 40px 0;
  background:none;
  text-align:center;
}
#btm-bnr-in li:last-child {
 margin-right:0;
}

#btm-bnr02{
 margin-top:30px;
 margin-bottom:30px;
}
#btm-bnr02:after{
 content: '';
 display: block;
 clear: both;
}
#btm-bnr02-in{
 width:1000px;
 margin:0 auto;
}
.btm-bnr02-left{
 width:382px;
 margin-right:14px;
 float:left;
}
.btm-bnr02-center{
 width:372px;
 margin-right:14px;
 float:left;
}
.btm-bnr02-right{
 width:188px;
 margin-right:0;
 float:left;
}
#btm-bnr02-left{
 float:left;
}
#btm-bnr02-right{
 float:right;
}


#btm-bnr03{
 width:100%;
 margin-top:30px;
 margin-bottom:30px;
 padding-bottom:20px;
 border-bottom:1px solid #ccc;
}
#btm-bnr03:after{
 content: '';
 display: block;
 clear: both;
}
#btm-bnr03-in{
 width:1000px;
 margin:0 auto;
}
.btm-bnr03-left{
 width:380px;
 float:left;
}
.btm-bnr03-right{
 width:440px;
 float:right;
}


#index-box img{
 margin-bottom:10px;
 padding:0;
}
#index-box p{
 margin:0;
 padding:0;
 font-size:14px;
 line-height:150%;
 text-align: left;
}

#index-box{
 width:700px;
 margin:0 auto;
 margin-top:25px;
 margin-bottom:40px;
 padding:0;
}
#index-box:after{
 content: '';
 display: block;
 clear: both;
}
#index-box img{
 margin-bottom:10px;
 padding:0;
}
#index-box p{
 margin:0;
 padding:0;
 font-size:14px;
 line-height:150%;
 text-align: left;
}
.index-box01{
 width:225px;
 margin-right:12px;
 float:left;
}
.index-box02{
 width:225px;
 margin-right:0;
 float:left;
}
#main .home-index1 {
 margin:0;
 padding:0 0 6px 0;
 font-weight: normal;
 text-align: center;
 font-size: 110%;
 color: #009a96;
}
.home-index2 {
 margin:0;
 padding:0;
 font-weight: bold;
 text-align: left;
 font-size: 28px;
 color: #0684b8;
}


.float-box{
 width:100%;
 margin:0 auto;
 padding:0 0 30px 0;
 text-align:left;
}
.float-box:after {
 content: '';
 display: block;
 clear: both;
}
.float-box02{
 width:100%;
 margin:0 auto;
 padding:0 0 30px 0;
 text-align:left;
 border-bottom:3px double #ccc;
}
.float-box02:after {
 content: '';
 display: block;
 clear: both;
}
.float-left {
 float:left;
 margin-right:30px;
 text-align:left;
}
.float-right {
 float:right;
 margin-left:30px;
 text-align:right;
}

.float-right02 {
 float:right;
 margin-left:30px;
 padding-left:20px;
 text-align:right;
 border-left:1px solid #222;
}

.float-left02 {
 float:left;
 margin-top:-20px;
 margin-right:30px;
 text-align:left;
}

#news-box{ width:1000px; margin:0 auto;padding-bottom:50px;}
#news-box:after{ content: ''; display: block; clear: both;}
#news-left{ width:200px; margin:0;text-align:left;float:left;}
#news-left .news-ttl{ line-height:130%;padding-bottom:20px;text-align:left;font-size:180%;}
#news-left span{ color:#006d80;border:none;text-align:left !important;font-size:60%;}
#home-news{ width:750px; margin:0 auto;float:right;}
#home-news:after{ content: ''; display: block; clear: both;}
div#index-news {width:100%; margin-bottom:10px;}
div#index-news div.wn-item { margin-bottom:20px;  padding: 10px 0 30px 120px;  position: relative; font-size: 95%; 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;*/color:#006d80; text-decoration:underline;}
div#index-news div.wn-date { position: absolute; top: 10px; left: 0px; color:#3782bd;}


/*
#main h2 {
 clear:both;
 margin:0 0 20px 0;
 padding:0;
 font-size:260%;
 font-weight:normal;
 font-family:arial;
 letter-spacing:3px;
 line-height:80%;
}
#main h2 span{
 clear:both;
 margin:0;
 padding:0;
 font-size:30%;
 font-weight:normal;
 font-family: 'Noto Sans Japanese', "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
 letter-spacing:1px;
}
*/

h2 {
 position: relative;
 display: block;
 margin:0 auto;
 margin-top:30px;
 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;
}

#main .sub-title {
 margin:0 0 30px 0;
 padding:0;
 font-size:160%;
 font-weight:normal;
 /*font-family: "ＭＳ Ｐ明朝"; */
 color:#cc4515;
 line-height:140%;
}
#main .sub-title span{
 font-size:80%;
}

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

/*
h3{
 border-left:5px solid #006d80;
 margin-top:20px !important;
 margin-bottom:40px !important;
 text-align:left;
 font-weight:normal;
 font-size:140%;
 padding-left:20px;
 padding-top:3px;
 padding-bottom:3px;
 color:#222;
}
*/

h3 {
margin-bottom:15px;
	padding: 15px 0 0;
	font-size: 160%;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.7;
	text-align: center;
	position: relative;
}
h3::before {
	width: 50px;
	height: 4px;
	content: "";
	display: inline-block;
	background-color: #f38200;
	position: absolute;
	top: 0;
	left: calc(50% - 25px);
}


/*
#main h3 {
 clear:both;
 margin:30px 0 30px 0;
 padding:25px 0 15px 0;
 font-size:200%;
 font-weight:normal;
 text-align:center;
 border-bottom:1px solid #0074b9;
}
#main h3.title03 {
 clear:both;
 padding-bottom:10px;
  font-weight: normal;
  text-align: left;
  font-size: 16pt;
  line-height: 0.8em;
  margin-bottom: 15px;
  position: relative;
  color: #333;
 font-family: arial,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
 border-bottom:1px solid #cc4515;
  display: inline-block;
 */


.home-ttl {
  margin-bottom:20px;
  padding-bottom:10px;
  font-size:130%;
  font-weight:600;
  text-align:left;
  border-bottom: solid 3px #ccc;
  position: relative;
}

.home-ttl:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffb047;
  bottom: -3px;
  width: 30%;
}


#main h4 {
 clear:both;
 margin:0;
 padding:10px 0 10px 0;
}


/*-------------フッタ-------------*/

footer{
 clear:both;
 width:100%;
 padding:0px 0 0 0;
}
#foot{
 width:1000px;
 margin:0 auto;
 padding:0;
}
#foot-menu{
 width:100%;
 margin:0 auto;
 margin-bottom:20px;
 font-size:12px;
 text-align:center;
}
#foot-menu a{
 color:#222;
 text-decoration:none;
}
#foot-menu a:hover{
 color:#001f5f;
}
#foot-box{
 width:1000px;
 margin:0 auto;
}
#foot-box:after {
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}

#foot-btm{
 width:1000px;
 margin:0 auto;
 padding:0;
}
#foot-btm .foot-name{
 font-size:100%;

}
#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 -------------*/

.box-home-message{ width:100%; margin:0 auto; margin-top:30px;padding:30px 0 80px 0; /*background:#ffffb0;*/ background:#ffffca;
}
.box-home-message:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.home-message-left{ width:480px; margin-top:20px;float:left;}
.home-message-right{ width:440px; margin-top:20px;float:right; text-align:left;}
.home-message-ttl{ padding-top:35px !important;padding-bottom:45px !important;font-size:150% !important; line-height:140% !important; font-weight:700; color:#90721f;/* color:#f28100;*/ /*font-family: 'Noto Sans JP', sans-serif;*/}
.home-message-txt-wrap{ border-left:1px solid #663300; padding-left:40px; }
.home-message-txt{ padding-bottom:50px !important; color:#222;}

.box-home-service{ margin:0 auto; padding:30px 0 80px 0; /*background:#efeee3;*/
background:#f5f5ef; border-top:2px dashed #e1badf;}
.box-home-service:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden;}
.home-service{width:326px; margin-bottom:30px;margin-right:10px; float:left;background:#fff;}
.home-service:last-child{width:326px; margin-bottom:30px;margin-right:0; float:left;background:#fff;}
.home-service-in{width:310px; margin:0 auto; margin-top:20px;margin-bottom:20px;}
.home-service-in .home-service-ttl{padding-top:20px !important;font-size:150% !important; font-weight:bold;color:#85561f; text-align:center;}
.home-service-in .home-service-txt{text-align:left;}

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

.home-guide-left{ width:520px; float:left;}
.home-guide-right{ width:440px; float:right;}

.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:36px; padding:20px 6px 20px 6px;text-align:center; color:#002e44;border:none;
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:90%;}
.home-guide-access{background:#eff2f2;margin-top:20px;padding:18px 0;}


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

.company-table03 { 
 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-table03 th{
 width:18%;
 margin:0; 
 padding:18px 0 14px 5px; 
 font-size:100%;
 font-weight:bold;
 text-align:left;
 border-top:none;
 border-left:none;
 border-right:none;
 border-bottom:1px dashed #ccc;
 vertical-align:middle;
} 
.company-table03 td{ 
 padding:18px 0 14px 0;
 font-size:92%;
 line-height:160%;
 text-align:left;
 border:none;
 border-bottom:1px dashed #ccc; 
}
.company-table03 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:310px;
 height:auto;
 margin-right:18px;
 margin-bottom:30px;
  padding:0 0 20px 0;
  background:none;
  text-align:center;
}
.box3 li:last-child {
 margin-right:0;
 margin-bottom:30px;
}
.box3 li img{width:120px !important; height:auto;margin:0 auto; margin-bottom:10px;}

.box3 p{display:inline-block;padding-top:5px !important;padding-left:10px !important;padding-right:10px !important;padding-bottom:0 !important;background-color:#ffd460;color:#663300;font-weight:bold;}

#gmap{width:100%; margin:0 auto; margin-top:20px !important; margin-bottom:30px;}
#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:980px;
 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:left;
 width:450px;
 margin-right:10px;
  padding:0 0 20px 0;
  background:none;
  text-align:center;
}
.box2 li:last-child {
 margin-right:0;
}



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

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



section .contact-box select{
 height:42px !important;
 vertical-align:middle;
}

section .contact-box input{
 height:27px !important;
 vertical-align:middle;
}


.contact-table radio,checkbox{
 vertical-align:middle;
}

section .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; 
}
.komemark{color:#ff0000;}





.contact-box02{
 width:900px;
 margin-left: auto;
 margin-right: auto;
 padding:30px 0 30px 0;
 background:#fff;
}
.contact-box p{
 text-align:left;
}



section .contact-box02 select{
 height:42px !important;
 vertical-align:middle;
}

section .contact-box02 input{
 height:27px !important;
 vertical-align:middle;
}


section .contact-box02 .contact-table radio,checkbox{
 vertical-align:middle;
}

section .contact-box02 button{
 padding:10px 15px 10px 15px;
}



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

.privacy-box{
 width:800px;
 margin:0 auto;
 padding:50px 0;
}
.privacyTop{
 margin:5px 5px 10px 5px;
 padding:0 0 20px 0;
 text-align:left;
 font-size:13px;
}
.privacy-title{
 margin:0;
 padding:26px 0 5px 3px;
 text-align:left;
 font-size:110%;
 font-weight:bold;
}

.privacy-txt{
 margin:5px 5px 18px 5px;
 padding:0 0 20px 0;
 text-align:left;
 font-size:90% !important;
}
.privacy_date{
 margin:5px 5px 10px 5px;
 padding:0 0 20px 0;
 text-align:right;
 font-size:13px;
 border-bottom:none;
}

#privacy-table{
 width:100%;
}
#privacy-table td{
 padding:5px 0 5px 15px;
 text-align:left;
 line-height:150%;
 font-size:90% !important;
}
#privacy-table .left-area{
 width:30%;
 padding:5px 0 5px 10px;
 text-align:left;
 font-size:90% !important;
}

.privacyTop{text-align:left;}
.privacy-title{text-align:left;}
.privacy-text{text-align:left;}
.privacy_date{text-align:right;}

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

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



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

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

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


#index-news-box{width:700px; margin:0 auto; padding-top:30px !important;}

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



#btm-contact-box{width:100%;margin:0 auto;margin-bottom:40px;
background:#927a56;  }
#btm-contact-box:after{ content: ''; display: block; clear: both;}
#btm-contact{ width:1000px; margin:0 auto;}
#btm-contact-left{width:366px; margin-top:50px;margin-bottom:50px;padding-top:15px; padding-right:20px;padding-bottom:15px;float:left; }
#btm-contact-right{width:450px; float:right;margin-top:50px;margin-bottom:50px;padding-top:15px; padding-bottom:15px; text-align:left;}


.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-collapse: separate;
 border-spacing: 15px;
}
.price-table th{
 width:24%;
 margin:0; 
 padding:24px 5px 21px 5px; 
 font-size:100%;
 font-weight:bold;
 text-align:center;
 border-top:none;
 border-left:none;
 border-right:none;
 border-bottom:3px solid #222;
} 
.price-table td{ 
 padding:24px 0 21px 18px;
 font-size:100%;
 line-height:160%;
 text-align:center;
 border:none;
 border-bottom:1px dotted #222; 
 border-collapse:separate;
 border-spacing:5px;
 font-weight:bold;
}
.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:none; 
 border-collapse: separate;
 border-spacing: 15px;
}
.price-table02 th{
 width:45%;
 margin:0; 
 padding:24px 5px 24px 5px; 
 font-size:100%;
 font-weight:bold;
 text-align:left;
 line-height:140%;
 vertical-align:middle;
 border-top:none;
 border-left:none;
 border-right:none;
 border-bottom:3px solid #222;
} 
.price-table02 td{ 
 padding:24px 0 24px 18px;
 font-size:92%;
 line-height:160%;
 text-align:left;
 vertical-align:middle;
 border:none;
 border-bottom:1px dotted #222; 
 border-collapse:separate;
 border-spacing:5px;
}
.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:none; 
}
.price-table02 th{
 width:40%;
 margin:0; 
 padding:24px 5px 24px 5px; 
 font-size:92%;
 font-weight:bold;
 text-align:left;
 line-height:140%;
 vertical-align:middle;
 border-top:none;
 border-left:none;
 border-right:none;
 border-bottom:1px solid #ccc;
} 
.price-table02 td{ 
 padding:24px 0 24px 0;
 font-size:92%;
 line-height:160%;
 text-align:left;
 vertical-align:middle;
 border:none;
 border-right:none;
 border-bottom:1px solid #ccc;
 background:#fff;
}
.price-table02 td.bordernone{
 border:none; 
}

/*
.price-table03 { 
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border:none; 
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
}
.price-table03 th{
 width:26%;
 margin:0; 
 padding:24px 5px 24px 12px; 
 font-size:92%;
 font-weight:bold;
 text-align:left;
 line-height:140%;
 vertical-align:middle;
 border-top:none;
 border-left:none;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 background:#f2f2f2;
} 
.price-table03 td{ 
 padding:24px 0 24px 15px;
 font-size:92%;
 line-height:160%;
 text-align:left;
 vertical-align:middle;
 border:none;
 border-right:1px solid #ccc;
 border-bottom:1px solid #ccc;
 background:#fff;
}
.price-table td.bordernone{
 border:none; 
}
*/


.price-table03 { 
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border:none; 
 /*border-top:1px dashed #ccc; */
}
.price-table03 th{
 width:26%;
 margin:0; 
 padding:24px 5px 24px 5px; 
 font-size:100%;
 font-weight:bold;
 text-align:left;
 line-height:140%;
 vertical-align:middle;
 border:none;
 border-bottom:1px dashed #ccc;
} 
.price-table03 td{ 
 padding:24px 0 24px 5px
 line-height:160%;
 text-align:left;
 vertical-align:middle;
 border:none;
 border-bottom:1px dashed #ccc;

}
.price-table td.bordernone{
 border:none; 
}

.price-table04 { 
 width: 100%;
 margin-top:0;
 margin-bottom:80px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border:none; 
 /*border-top:1px solid #222;*/
}
.price-table04 th{
 width:24%;
 margin:0; 
 padding:24px 5px 24px 15px; 
 font-size:100%;
 font-weight:bold;
 text-align:left;
 line-height:140%;
 vertical-align:middle;
 border-top:none;
 border-left:none;
 border-bottom:1px dashed #663300;
 color:#222;
} 
.price-table04 td{ 
 padding:24px 0 24px 18px;
 font-size:100%;
 line-height:160%;
 text-align:left;
 vertical-align:middle;
 border:none;
 border-bottom:1px dashed #663300;

}
.price-table td.bordernone{
 border:none; 
}



.price-box{
 width:100%;
 background:#fff;
 border:5px solid #f38200;
 border-radius: 10px;
}
.price-box:after{ content: ''; display: block; clear: both;}

.price-left{
 width:540px;float:left;margin-top:50px;margin-bottom:50px;
}
.price-right{
 width:420px;float:right;margin-top:50px;margin-bottom:50px;
}

.list-price li{
 margin-bottom:22px;
 padding-bottom:15px;
 padding-left:20px;
 line-height:150%;
 text-align:left;
 background:url(../images/list_price.png) 0 5px no-repeat;
 border-bottom:1px dashed /*#999*/ #663300;
 color:#222;
}

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

.come-box{width:100%;margin:0 auto;margin-bottom:70px; border:1px dashed /*#ffd460*/ #f28100;background:#fff; border-radius:5px;}
.come-box-in{width:94%;margin:0 auto;padding-top:15px; padding-bottom:15px;}
.come-box-in:after{ content: ''; display: block; clear: both;}
.come-txt{font-size:130% !important; padding-bottom:50px !important;font-weight:bold;}
.come-txt01{font-size:110% !important; padding-top:20px !important;font-weight:bold;}
.come-txt02{font-size:120% !important; padding-top:40px !important;font-weight:bold;}
.come-txt03{font-size:120% !important; padding-bottom:40px !important;color:#ff6600;font-weight:bold;}

.come-txt00{font-size:110% !important; text-align:left;font-weight:bold;}

.remark-txt{font-size:96% !important; color:#222; }

.service02-top-txt{font-size:120% !important; padding-top:5px !important;}

.service01-left{
 width:460px;float:left;margin-top:10px;margin-bottom:50px;
}
.service01-right{
 width:460px;float:right;margin-top:10px;margin-bottom:50px;
}

.service02-box{width:100%;margin:0 auto;padding-top:15px; padding-bottom:15px;}
.service02-box:after{ content: ''; display: block; clear: both;}
.service02-box-left{ width:540px;float:left;margin-top:10px;margin-bottom:50px; text-align:left;
}
.service02-box-right{ width:420px;float:right;margin-top:10px;margin-bottom:50px;
}

.ex-box{clear:both;width:100%;margin:0 auto;padding:0;}
.ex-box:after{ content: ''; display: block; clear: both;}
.ex01-left{
 width:480px;float:left;margin-top:50px;margin-bottom:50px;
}
.ex01-right{
 width:480px;float:right;margin-top:50px;margin-bottom:50px;
}

/*
.whyArea {
	margin-top: -36px;
	padding: 0 100px;
	background: #FFF;
}
.whyArea > .vessel {
	position: relative;
	margin: 0 auto;
	padding: 203px 0 175px 0;
	width: 1000px;
	background: url(../images/come_left.jpg) no-repeat 27px 203px;
	background-size: 36px 32px;
}
.whyArea > .vessel::before {
	content: " ";
	position: absolute;
	top: 203px;
	right: 27px;
	display: block;
	width: 36px;
	height: 32px;
	background: url(../images/come_left.jpg) no-repeat;
	background-size: 36px 32px;
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
.whyArea .box01 {
	margin: 21px auto 0 auto;
	padding: 68px 100px 87px 100px;
	width: 900px;
	background: #FFF9E2 url(../img/bg_txt_why.svg) no-repeat 50% -50px;
	background-size: 663px 186px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
*/

/*
.remark-ttl {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.5;
	color: #000;
	display: inline-block;
	position: relative;
text-align:left;
}
.remark-ttl::after {
	width: 50px;
	height: 2px;
	content: "";
	display: inline-block;
	background-color: #000;
	position: absolute;
	bottom: -10px;
	right: calc(50% - 25px);
}
*/


.remark-ttl {
  position: relative;
  display: inline-block;
  padding: 0 55px 0 55px;
}

.remark-ttl:before, .remark-ttl:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

.remark-ttl:before {
  left:0;
}
.remark-ttl:after {
  right: 0;
}

.remark-box{width:100%;margin:0 auto;margin-top:20px;margin-bottom:50px; border:1px /*dashed #ffd460*/ dashed #f28100;background:#fff; border-radius:5px;}
.remark-box-in{width:94%;margin:0 auto;margin-top:25px; padding-bottom:5px;}
.remarkx-in:after{ content: ''; display: block; clear: both;}

.remark-box02{width:100%;margin:0 auto;margin-top:0px;margin-bottom:10px; border:1px dashed #f28100;background:#fff; border-radius:5px;}


.box-service01{ width:100%; margin:0 auto; margin-top:30px;padding:30px 0 20px 0; background:#ffffca; /*background:#ffffb0;*/
}
.box-service01:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden;}

.box-service02{ margin:0 auto; padding:50px 0 80px 0; /*background:#efeee3;*/
background:#fafaf5;/*background:#fff;border-top:2px dashed #e1badf;*/}
.box-service02:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden;}


.box-service03{ width:100%; margin:0 auto; padding:60px 0 20px 0; background:#ffffca;/*border-top:2px dashed #e1badf;*/}
.box-service03:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden;}


.customer-box{clear:both;width:100%;margin:0 auto;padding:0;border:5px solid #fff; border-radius:5px;background:#fff;}
.customer-box:after{ content: ''; display: block; clear: both;}
.customer-box-in{width:94%;margin:0 auto;padding-top:15px; padding-bottom:15px;}

.customer-txt01{font-size:110% !important; padding-top:36px !important; text-align:left !important;font-weight:bold;}



.company-left{
 width:540px;float:left;margin-top:50px;margin-bottom:50px;
}
.company-right{
 width:420px;float:right;margin-top:50px;margin-bottom:50px;
}

.message-left{
 width:540px;float:left;margin-top:50px;margin-bottom:50px; text-align:left;
}
.message-right{
 width:420px;float:right;margin-top:50px;margin-bottom:50px;
}

.private-box{clear:both;width:100%;margin:0 auto;padding:0;}
.private-box:after{ content: ''; display: block; clear: both;}
.private-left{
 width:250px;float:left;margin-top:50px;margin-bottom:50px; text-align:left;
}
.private-left img{ width:140px !important;height:auto; margin-top:20px;}
.private-right{
 width:750px;float:right;margin-top:50px;margin-bottom:50px;
}