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

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 {
 max-width :100%;
 height:auto;
 vertical-align:bottom;
}

a {margin:0px;}
p {color:#222; padding-bottom:15px; font-size:110%; line-height:180%:}
#main .f125{font-size:125%;}
.b{ font-weight:bold;}


h1{margin:0px; text-decoration:none;}
/*
#main h2 {
 clear:both;
 margin:0 0 20px 0;
 padding:0;
 font-size:180%;
 font-weight:normal;
 font-family:arial;
 letter-spacing:1px;
 line-height:80%;
}
#main h2 span{
 clear:both;
 margin:0;
 padding:0;
 font-size:40%;
 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 20px 0;
 padding:0;
 font-size:140%;
 /*font-weight:bold;
 font-family: "ＭＳ Ｐ明朝";*/
 font-weight:normal;
 font-family: 'Noto Sans Japanese', "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
 color:#cc4515;
 text-align:center;
}
#main .sub-title span{
 font-size:80%;
}
#main h2.title{
 clear:both;
 margin:20px 0 30px 0;
 padding:0 0 15px 0;
 font-size:140%;
 line-height:140%;
 font-weight:normal;
 font-weight:normal;
 font-family: 'Noto Sans Japanese', "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
 text-align:center;
 border-bottom:3px double #ccc;
}

/*#main h3 {
 clear:both;
 margin:20px 0 20px 0;
 padding:25px 0 10px 0;
 font-size:160%;
 font-weight:normal;
 text-align:center;
 border-bottom:1px solid #0074b9;
}
#main h3.title03 {
 clear:both;
 margin:30px 0 30px 0;
 padding:0 0 8px 0;
 font-size:120%;
 font-weight:normal;
 text-align:center;
 line-height:140%;
 border-bottom:1px solid #cc4515;
}
#main h3.detail {
 clear:both;
 width:100%;
 height:30px;
 margin:10px 0 20px 0;
 padding:10px 0 0 0;
 font-size:18px;
 font-weight:normal;
 color:#fff;
 text-align:center;
 background:#555;
 border:none;
}
*/

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




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

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

a:hover { color:#ff9900; }

.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:#ff6600; font-size:150%;}
.komemark { color:#ff0000; }
.text-center { text-align:center; }
#main .mt30{margin-top:30px;}
#main .mb15{margin-bottom:15px;}
#main .mb30{margin-bottom:30px;}

.sp-none{display:none; }

.img-center{ display:block; margin-left:auto; margin-right:auto;}
.img-resize {max-width: 100%; width:92%; height: auto;}

.link{ padding:0 0 0 20px; font-size:90%; background:url(../images/arrow_link.png) 0 4px no-repeat; }
.link a{ color:#333; text-decoration:none; }
.link a:hover{ color:#663300; text-decoration:underline;  }

div#breadcramb-list {
  margin-top: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

div#breadcramb-list p {
  width: 90%;
  margin: 0px auto;
  padding: 0px 0 14px;
  font-size: 9pt;
}

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

/*div.content-width-wrapper {
 margin: 0px 5%;
}
*/


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

header {
  width: 100%;
  margin:0;
  padding:0;
position: fixed; top: 0; z-index: 3;background:#fff;
}
header:after {
 content: '';
 display: block;
 clear: both;
}
header p {
 display:none;
}
header #headLeft {
 margin-top:6px;
 margin-left:15px;
 margin-bottom:15px;
 width:60%;
 height:auto;
}

#headRight{display:none;}

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


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

.gnavi {
 display:none;
}

.spnaviOpen {
 display:block;
 /*position:absolute;*/
 top:0px;
 right:0px;
 width:60px;
 height:60px;
 background: url(../images/btn_spmenu_bg.jpg) center top no-repeat;
 background-size: 60px 60px;
 text-indent:-9999px;
 z-index:999;
position: fixed; 
}
.spnavi ul.drop-menu {
 display:none;
 position:absolute;
 top:60px;
 left:0px;
 width:100%;
 z-index:1000;
}
.spnavi ul.drop-menu li {
 width:100%;
}
.spnavi ul.drop-menu li a{
 display: block;
 /*width:100%; */
 height:50px;
 background: url(../images/bg_gnavi01.gif) left top no-repeat;
 background-size: 100% 50px;
 text-align:left;
 text-decoration:none;
 color:#333;
}
.spnavi ul.drop-menu li span{
 display: block;
 padding:20px 15px 20px 15px;
 font-size:14px;
 font-weight:bold;
}
.spnavi ul.drop-menu li a:hover{
 color:#006c7f; 
 text-decoration:none;
}
.spnavi ul.drop-menu li.navi07 a{
 background-image: url(../images/bg_gnavi02.gif);
}

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

#topic-path-box{
 display:none;
 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;
}

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

/* ============================================================== */

#pictMainSpBox{ 
 display:block;
 width:100%;
 margin:0 auto;
 padding:0;
 padding-top:60px;
 position: relative;
 overflow:hidden;
 text-align:center;
}

#pictMainBox{
 display:none;
}
#pictMainBox02{
 width:100%;
 margin:0 auto;
 padding:0;
 padding-top:30px !important;
 background:#a81b2a;
}
#pictMainBox02 h2{
 color:#fff;
 padding:30px 0;
}

.box{ width:98%; margin:0 auto;  padding-bottom:30px;}
.box-in02{ width:98%; margin:0 auto;  padding-bottom:30px; text-align:left;}
.box02{ width:98%; margin:0 auto; padding-top:30px; padding-bottom:30px;
 border-bottom:1px solid #ccc;}
.box03{ width:98%; margin:0 auto; padding-bottom:10px;}
.box-in{ width:98%; margin:0 auto; padding-bottom:30px;}
.cont-box{ width:98%; margin:0 auto; padding-bottom:30px;}
.box-grey{ width:100%; margin:0 auto;  padding-top:16px; padding-bottom:20px;
 background:#f7f7f7;}
.box-grey-in{ width:90%; margin:0 auto;  margin-left:12px;
 border:1px solid #999;}
.box-grey-in-in{ width:90%; margin:0 auto;  padding-top:30px;margin-left:10px;padding-bottom:30px;}


.home01{
 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{}
.home01-right{ margin-top:20px;}


.home02{
 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{ margin-top:20px;}
.home02-right{}


.white-box {
 width:90%;
 position:relative;
 margin:0 auto;
 padding:10px 0 10px 0;
 background-color:rgba(255,255,255,0.95);
}

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

footer{ clear:both; width:100%; margin:0; margin-top:20px;}
#foot{ width:100%; margin:0 auto; }
#foot:after{content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#foot-left{width:100%;float:none; text-align:center;}
#foot-left img{vertical-align:middle;}
#foot-left p{text-align:center;}
#foot-right{display:none;}
#foot-right-navi{display:none;}
#foot-sns{margin-top:20px;text-align:center;}

.foot-address{clear:both;padding-top:20px;padding-bottom:0;font-size:80%;text-align:center;}
.foot-copy{margin:0;padding:15px 0 0 0;font-size:80%;text-align:center;}
.foot-copy span{font-size:70%;}
.foot-copy a{color:#333;text-decoration:none;}
.foot-copy a:hover{color:#666;text-decoration:none;}


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

.box {
 width:92%;
 margin:0 auto;
 padding:30px 0px 30px 0px;
 text-align:center;
}
.box:after {
 content: '';
 display: block;
 clear: both;
}
.home-box02 {
 width:92%;
 margin:0 auto;
 padding:30px 0px 30px 0px;
 text-align:center;
}
.home-box02:after {
 content: '';
 display: block;
 clear: both;
}
.home-box02 p{
 padding-bottom:15px;
 text-align:left;
}

.float-box {
 width:100%;
 margin:0 auto;
 padding:0px 0px 30px 0px;
}
.float-box:after {
 content: '';
 display: block;
 clear: both;
}
.float-box02 {
 width:100%;
 margin:0 auto;
 padding:0px 0px 30px 0px;
}
.float-box02:after {
 content: '';
 display: block;
 clear: both;
}
.float-left {
 display:block;
 margin:0 auto;
 margin-bottom:20px;
 text-align:center;
}
.float-left02 {
 display:block;
 margin:0 auto;
 margin-bottom:20px;
 text-align:center;
}
.float-right{
 display:block;
 margin:0 auto;
 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;}

.list-base li {
 list-style-type: none;
 padding:0 0 16px 38px;
 line-height:140%;
 text-align:left;
 background:url(../images/list_base.jpg) no-repeat;
}

.list-red{
 width:100%;
 margin: 0 auto;
 text-align:left;
}
.list-red li{
 padding-left:28px;
 padding-bottom:10px;
 background:url(../images/check_red.jpg) 0 2px no-repeat;
}

.pict3{margin:20px 0 0 0;}
.pict3 li{margin-bottom:20px;}


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

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

.box-home-guide{
 width:94%;
 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-kamoku p{color:#fff;}

.home-guide-left{ width:100%; float:none;margin:0 auto; margin-bottom:30px;}
.home-guide-right{ width:100%; float:none;margin:0 auto; margin-bottom:30px;}

.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:10%; padding:20px 0 20px 0;text-align:center; color:#002e44;border:none;border-bottom:1px solid #333;}
.home-guide-table .area-last{width:14%; padding:20px 0 20px 0;text-align:center; color:#002e44;border:none;border-bottom:1px solid #333;}
.home-guide-table .area01{width:25%; text-align:center;}
.home-guide-txt{text-align:left;}
.home-guide-txt-address{text-align:left;font-size:90%;}
.home-guide-access{background:#eff2f2;text-align:center;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:100%;float:none;background:#deefeb;}
.box-home-right{width:100%;float:none;background:#deefeb;}

.box-home-left-in{width:90%;margin:0 auto;padding-top:36px;margin-left:16px;padding-bottom:36px;text-align:center;}
.box-home-left-in img{text-align:center;}
.box-home-left-in h3{font-size:160%;padding-top:20px;padding-bottom:20px;font-weight:normal;color:#222;}
.box-home-left-in p{text-align:left;}

.box-home-right-in{width:90%;margin:0 auto;padding-top:36px;margin-left:16px;padding-bottom:36px;text-align:center;}
.box-home-right-in img{text-align:center;}
.box-home-right-in h3{font-size:160%;padding-top:20px;padding-bottom:20px;font-weight:normal;color:#222;}
.box-home-right-in p{text-align:left;}



/* ============================================================== */
/* 採用情報 */
/* ============================================================== */

.recruit-table {
 width:100%; 
 margin:10px 0 30px 0; 
 padding:0;
 border-spacing: 0; 
 border: none;
}
.recruit-table th{
 width: 100%;
 padding-top:10px;
 display: block;
 border: none;
 font-weight:bold;
 text-align:left;
 color:#dc6238;
 }
.recruit-table td{
 width: 100%;
 padding-bottom:10px;
 display: block;
 border: none;
 text-align:left;
 font-size:90%;
 border-bottom:1px dashed #ccc;
}
.recruit-table td.bordernone{
 border:none; 
}
.recruit-table tr:first-child th { 

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


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

.company-table {
 width:100%; 
 margin:10px 0 30px 0; 
 padding:0;
 border-spacing: 0; 
 border: none;
}
.company-table th{
 width: 100%;
 padding-top:10px;
 display: block;
 border: none;
 font-weight:bold;
 text-align:left;
 color:#dc6238;
 }
.company-table td{
 width: 100%;
 padding-bottom:10px;
 display: block;
 border: none;
 text-align:left;
 font-size:90%;
 border-bottom:1px dashed #ccc;
}
.company-table td.bordernone{
 border:none; 
}
.company-table tr:first-child th { 

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

.box3{
 width:94%;
 margin:0 auto;
 margin-top:20px;
}
.box3 li{
 margin-bottom:30px;
}

.gmap {
margin-bottom:25px;
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;
}



.box2{
 width:94%;
 margin:0 auto;
}
.box2 li{
 margin-bottom:20px;
}




.cont-btm-navi{
 clear:both;
 width:100%;
 margin:0 auto;
 margin-top:30px;
 margin-bottom:30px;
 background:#f7f7f7;
}
.cont-btm-navi:after{
 content: '';
 display: block;
 clear: both;
}
.cont-btm-navi-in{
 width:92%;
 margin:0 auto;
 display:flex;
}
.cont-btm-navi-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;
  padding:10px 0 10px 0;
  text-align:center;
}

.cont-btm-navi-in li:last-child {
 margin-right:0;
}





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

section .contact-box {
 width:100%;
 margin:0 auto;
 margin-bottom:30px;
 padding:30px 0 20px 0;
 text-align:left;
}
.contact-box p{
 text-align:left;
}
section .contact-table {
 width:92%;
 margin:0 auto;
 margin:35px 0 30px 0;
 padding:0;
 border: none;
 border-spacing: 0;
}
section .contact-table th{
 width: 100%;
 display: block;
 border: none;
 font-weight:normal;
 }
section .contact-table td{
 width: 100%;
 display: block;
 border: none;
}
section .contact-table td.bordernone{
 border:none;
}
section .contact-table tr:first-child th {

}

section .contact-table .size1{
 width:100%;
 margin-bottom:15px;
}
section .contact-table .size2{
 width:100%;
 margin-bottom:15px;
}
section .contact-table .size3{
 width:100%;
 height:150px;
}

section .contact-table input,select{
 height:27px;
 vertical-align:middle;
}
section .contact-box input,select{
 height:40px !important;
 vertical-align:middle;
}
section .contact-table radio,checkbox{
 vertical-align:middle;
}
section .contact-box button{
 padding:10px 15px 10px 15px;
}

section .contact-table-conf {
 width:100%;
 margin:35px 0 30px 0;
 padding:0;
 border-spacing: 0;
}
section .contact-table-conf th{
 width: 100%;
 display: block;
 border: none;
 font-weight:normal;
 }
section .contact-table-conf td{
 width: 100%;
 margin-bottom:10px;
 padding-bottom:10px;
 display: block;
 border: none;
 border-bottom:1px solid #ccc;
}
section .contact-table-conf td.bordernone{
 border:none;
}
section .contact-table-conf tr:first-child th {

}
.komemark{color:#ff0000;}


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

.privacy-box{
 width:100%;
 margin:0 auto;
 padding:40px 0;
}
.privacyTop{
 margin:5px 5px 10px 5px;
 padding:0 0 20px 0;
 text-align:left;
 font-size:13px;
}

.privacy-title{
 margin:0;
 padding:10px 0 0 3px;
 text-align:left;
 font-size:15px;
 font-weight:bold;
}

.privacy-txt{
 margin:5px 5px 10px 5px;
 padding:0;
 text-align:left;
 font-size:13px;
}
.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;
}



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

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

.btn-line03 {
 clear:both;
 margin:0 auto;
 margin-top:14px;
 width:80%;
 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:none;margin-right:0;margin-bottom:15px;}
.btn-box-right{float:none;}


/* サイトマップ
--------------------------------------------*/

.sitemapTitle{
 width:100%;
 margin:10px 0 0 0;
 padding:5px 0 2px 10px;
 text-align:left;
 font-size:15px;
 background:#f2f2f2;
}

.smList{
 margin:5px 0 20px 10px; 
 padding:0;
 text-align:left;
}

.smList li{
 margin-left:15px;
 padding:10px 0 10px 0;
 font-size:13px;
 list-style-type:none;
 text-align:left;
}

.smList li a{
 color:#333;
 text-decoration:none;
}

.smList li a:hover{
 color:#dc6238;
 text-decoration:underline;
}



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

.career-list{margin:0 auto;text-align:center; }
.career-list ul{}
.career-list li{margin:10px 0 20px 0;text-align:center;line-height:150%;}

.staff-list{margin:0 auto;text-align:center; }
.staff-list ul{}
.staff-list li{margin:10px 0 20px 0;padding-bottom:10px;text-align:center;line-height:150%;}

#btm-prev-next{margin:20px 0 20px 0;}
#btm-prev-next:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
#btm-prev-next .btm-prev{float:left;}
#btm-prev-next .btm-next{float:right;}





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

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

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

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



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


.home-course{width:100%; margin:0 auto; margin-bottom:50px;padding-top:20px;background:url(../images/home_course_bg.png) repeat;}
.home-course:after{  content: ''; display: block; clear: both;}

.home-sum-left{display:block;width:94%; margin:0 auto; padding-top:30px;float:none;text-align:center;}
.home-sum-center{width:94%; margin:0 auto; padding-top:30px;margin-bottom:30px; float:none;text-align:center;}
.home-sum-right{width:94%; margin:0 auto; margin-bottom:30px; float:none;text-align:center;}
.home-sum-left img{margin-bottom:15px;}
.home-sum-center img{margin-bottom:15px;}
.home-sum-right img{margin-bottom:15px;}
.home-sum-left p{text-align:left;}
.home-sum-center p{text-align:left;}
.home-sum-right p{text-align:left;}

#home-news-box{ width:100%; margin:0 auto;padding-bottom:30px;background:#eaeaea;}
#news-box{padding:50px 0;}
#news-left{padding:0;float:none;text-align:center;}
#home-news{float:none;}
#index-news {
 margin:0;
 padding:0;
 padding-bottom: 10pt;
}

#index-news div {
 margin: 0px auto;
 -webkit-box-sizing: border-box; /* Webkit系用 */
 -moz-box-sizing: border-box;     /* Firefox用 */
 box-sizing: border-box;
}

#index-news div.wn-item {
  width: 90%;
  padding: 20px 0 20px 0;
  position: relative;
  border-bottom: 1px solid #ccc;
  font-size: 100%;
  text-align:left;
}
#index-news div.wn-item a{
  color:#222;
 text-decoration:none;
}
#index-news div.wn-item a:hover{
  color:#3782bd;
}
div#index-news div.wn-date { color:#222;font-weight:bold;}

#news-left .news-ttl{ line-height:130%;padding-bottom:20px;text-align:center;font-size:180%;}
#news-left span{ color:#006d80;border:none;text-align:center !important;font-size:60%;}


.box-home-feature{clear:both;width:100%; margin:0 auto;  margin-top:0 !important;padding-top:50px;background:#f1f9fb;}
.home-feature{
  position:relative;
  width:100%;
 margin:0 auto;
 margin-top:30px !important;
 text-align:center;
}
.home-feature img{
  width:90%;
 margin:0 auto;
}
.home-feature-txt{
  width:90%;
 padding:40px 10px 20px 20px;
  background:#fff
 margin:0 auto;
}
.home-feature-txt02{
  width:90%;
 padding:40px 10px 20px 20px;
  background:#fff
 margin:0 auto;;
}
.home-feature-txt p{
 font-size:100%;
 line-height:24px;
 text-align:left;
}
.home-feature-txt02 p{
 font-size:100%;
 line-height:24px;
 text-align:left;
}
.home-feature p{
  width:100%;
}

.feature-txt{display:block;font-size:140% !important;text-align:center !important;color:#fff; background:#0e327c;  padding-top:12px !important;padding-bottom:8px !important; }
.feature-ttl{clear:both;padding-top:30px !important;font-size:130% !important; text-align:center !important; font-weight:bold;color:#4a4da1;
}

.box-blue{width:100%; margin:0 auto; margin-bottom:0 !important;padding-top:50px !important;padding-bottom:50px;background:#0e327c;}
.box-blue-in{width:90%; margin:0 auto; padding-bottom:10px;background:#fff;text-align:center;}
.box-blue-in:after{ content: ''; display: block; clear: both;}
.home-taisaku{width:100%; margin:0 auto;}
.home-taisaku:after{ content: ''; display: block; clear: both;}
.home-taisaku01{width:100%;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ccc;float:none;}
.home-taisaku01 img{padding-top:14px;padding-bottom:10px;text-align:center;}
.home-taisaku01 p{font-size:100% !important;}
.home-taisaku02{width:100%;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ccc;float:none;}
.home-taisaku02 img{padding-bottom:10px;text-align:center;}
.home-taisaku02 p{font-size:100% !important;}
.home-taisaku03{width:100%;border-bottom:none;float:none;}
.home-taisaku03 img{padding-bottom:6px;text-align:center;}
.home-taisaku03 p{font-size:100% !important;}
.ttl-pr{padding-top:20px !important;padding-left:40px;padding-right:40px;padding-bottom:20px !important;font-size:150% !important;text-align:center;font-weight:bold;}

.flow-box{ max-width:94%; margin:0 auto; padding:30px 0 30px 0; text-align:left; }
.flow-box:after { content: ''; display: block; clear: both;}
.flow-left { float:none;display:block!important;width:100%; text-align:left;line-height:160%;}
.flow-left .og{color:#ff9933;}
.flow-right {float:none;display:block!important;width:100%; height:auto; margin:0 auto; margin-top:20px;text-align:center;}
.flow-title {margin-bottom:10px;font-size:130%;color:#333;}
.flow-title .box-no{display:inline-block;margin-right:15px;margin-bottom:20px;padding:10px 15px;font-size:90%;color:#47a5d4;border:1px solid #47a5d4;}


.room-box{ max-width:100%; margin:0 auto; padding:60px 0 60px 0; text-align:left; }
.room-box:after { content: ''; display: block; clear: both;}
.room-left { width:100%;margin:0 auto;  float:none; text-align:left;}
.room-right {width:100%;margin:0 auto;  float:none;}
.room-table { 
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none; 
 border-top:1px dashed #ccc; 
}
.room-table td{ 
 padding:24px 0 21px 8px;
 font-size:92%;
 line-height:180%;
 text-align:left;
 border:none;
 border-bottom:1px dashed #ccc; 
}
.room-table td.bordernone{
 border:none; 
}


.price-table { 
 width: 100%;
 margin-top:20px;
 margin-bottom:70px;
 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:30%;
 margin:0; 
 padding:24px 0 21px 5px; 
 font-size:100%;
 font-weight:normal;
 text-align:center;
 border:none;
 border-right:1px solid #01479d; 
 border-bottom:1px solid #01479d; 
 background:#ddecff;
} 
.price-table td{ 
 padding:24px 5px 21px 5px;
 font-size:100%;
 line-height:160%;
 text-align:center;
 border:none;
 border-right:1px solid #01479d; 
 border-bottom:1px solid #01479d;
 background:#fff;
 color:#222; 
}
.price-table td.bordernone{
 border:none; 
}

.price-table02 { 
 width: 100%;
 margin-top:20px;
 margin-bottom:70px;
 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-table02 th{
 width:30%;
 margin:0; 
 padding:24px 0 21px 5px; 
 font-size:100%;
 font-weight:normal;
 text-align:center;
 border:none;
 border-right:1px solid #01479d; 
 border-bottom:1px solid #01479d; 
 background:#ddecff;
} 
.price-table02 td{ 
 padding:24px 5px 21px 5px;
 font-size:100%;
 line-height:160%;
 text-align:center;
 border:none;
 border-right:1px solid #01479d; 
 border-bottom:1px solid #01479d;
 background:#fff;
 color:#222; 
}
.price-table02 td.bordernone{
 border:none; 
}


.price-ttl-table {
 border-collapse: collapse;
 text-align: left;
 font-size: 18px;
 margin: 40px 10px 20px 0px;
 border:none !important;
}
.price-ttl-table th {
 width: 40%;
 color: #fff;
 background: #005faf;
 font-size: 22px;
 font-weight: bold;
 padding: 20px 10px 20px 10px;
 border:none !important;
}
.price-ttl-table td {
 font-size: 22px;
 font-weight: bold;
 color: #005faf;
 padding: 0px 10px 0px 20px;
 position: relative;
 border:none !important;
}

.price-ttl-table02 {
 width: 100%;
 margin:0 auto;
 border-collapse: collapse;
 text-align: center;
 font-size: 18px;
 margin: 40px 0px 20px 0px;
 border:none !important;
}
.price-ttl-table02 th {
 width: 100%;
 color: #fff;
 background: #005faf;
 font-size: 22px;
 font-weight: bold;
 padding: 20px 10px 20px 10px;
 border:none !important;
 text-align: center;
}

/*.sub-ttl{color:#4a4da1;font-size:150%;font-weight:bold;text-align:left;vertical-align:top;}
.sub-ttl img{vertical-align:middle;}*/
.sub-ttl{
position:relative;display:flex;align-items: center;
color:#4a4da1;font-size:150%;font-weight:bold;text-align:left;bottom:-10px;
}
.sub-ttl img{margin-right:20px;}

.feature-box{width:100%; margin:0 auto; margin-bottom:60px; background:#edf5f8;}
.feature-box:after { content: ''; display: block; clear: both;}
.feature-box-in {width:90%; margin:0 auto; padding-top:20px;}

.pr-txt{padding-top:20px !important;font-size:140% !important;font-weight:bold;color:#4a4da1;}

.contact-tele a{text-decoration:none;}
.contact-tele a:hover{text-decoration:underline;}


/*----- 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:100%; float:none; margin:0 auto;}
.guide-right{width:100%; float:none; margin:0 auto;}

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

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



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

/*----- doctor ----*/

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


.dr-pro{width:100%;margin:0 auto; margin-top:45px;margin-bottom:40px;
border-top:1px solid #ccc; border-bottom:1px solid #ccc;  }
.dr-pro:after{ content: ''; display: block; clear: both;}
.dr-pro-left{width:20%; margin-top:5px;margin-bottom:5px;padding-top:15px; padding-right:20px;padding-bottom:15px;float:left; border-right:1px solid #ccc; color:#006d80;}
.dr-pro-right{width:70%; float:right;margin-top:5px;margin-bottom:5px;padding-top:15px; padding-bottom:15px; text-align:left;}
.doctor-box-right p{text-align:left;}




.p-anima-6__item {
  display: inline-block;
  position: relative;
  /*background:#000;*/
}
.p-anima-6__item::before {
  content: "";
  display: block;
  background-color: #a81b2a;
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
 /*clip-path: polygon(0 0, 100% 0, 100% 150%, 0% 100%); */
}
.p-anima-6__item::after {
  content: "";
  display: block;
  background-color: #a81b2a;
  position: absolute;
  top: 0;
  left: 100%;
  right: 0;
  bottom: 0;
}


/*
.p-anima-6.__anima::before {
  animation: anima_bg_6 0.9s ease-out 1 forwards;
}

.p-anima-6__fadein {
  opacity: 0;
}
.p-anima-6.__anima .p-anima-6__fadein {
  animation: anima_fadein_6 0.9s ease-out 0.5s 1 forwards;
}
*/

.p-anima-6.__anima .p-anima-6__item::before {
  animation: anima_bg_6 0.9s ease-out 1 forwards;
}

.p-anima-6__item:nth-of-type(2)::before {
  animation-delay: 0.3s !important;
}

.p-anima-6__item span {
  position: relative;
  z-index: 1;
  opacity: 0;
  background:#a81b2a;
  padding:10px 20px;
}
.p-anima-6.__anima .p-anima-6__item span {
  animation: anima_fadein_6 0.5s ease-out 0.9s 1 forwards;
}

.p-anima-6 __anima{margin-bottom:20px !important;  background:#a81b2a;}

@keyframes anima_fadein_6 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anima_bg_6 {
  0% {
    left: 0;
    right: 100%;
  }
  40% {
    left: 0;
    right: 0;
  }
  60% {
    left: 0;
    right: 0;
  }
  100% {
    left: 100%;
    right: 0;
  }
}
/*

@keyframes anima_bg_6 {
  100% {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  }
}
@keyframes anima_fadein_6 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
`/


body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /*height: 100vh;*/
}
/*
button {
  margin-top: 40px;
}
*/
/*
.p-mv {
  display: flex;
  align-items: center;
  background-image: url(../images/main.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding: 40px;
  height: 480px;
  position: relative;
}
*/

.p-mv::before {
  content: "";
  display: block;
  /*background-color: rgba(51, 51, 51, 0.5); */ 
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.p-mv__title {
  display:inline-block;
  margin-bottom:20px;
  padding:6px 14px 6px 14px;
  color: #fff;
  font-size:120%;
  font-weight: bold;
  /*line-height: 1.3;  */
  position: absolute;
  top:140px;
  left:0.4%;
  z-index: 1;
  color:#fff;
  text-align:left;
  letter-spacing:2px;
  /*background:#000;*/
}


.home-pr-box{
 width:100%;
 margin:0 auto;
}
.home-pr-box:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
.home-pr-left{
 width:94%;
 margin:0 auto;
 float:none;
 text-align:left;
}
.home-pr-left p{
 margin-top:30px !important;
 font-size:100%;
 line-height:180%;
 text-align:left;
}
.home-pr-right{
 width:94%;
 margin:0 auto;
 float:none;
 text-align:center;
}

.home-service-box{
 width:100%;
 margin:0 auto;
 margin-bottom:30px;
 background:#f2eaae;
}
.home-service{
 width:100%;
 margin:0 auto;
 padding:50px 0;
}
.home-service:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
.home-service01{
 width:100%;
 margin:0 auto;
 margin:40px 0;
}

.home-service01:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
.home-service-ttl{
 margin:0;
 padding:0;
 padding-top:20px;
 font-size:130%;
 font-weight:bold;
 color:#222;
 text-align:center;
}

.home-service01-left{
 width:100%;
 margin:0 auto;
 float:none;
 text-align:center;
}
.home-service01-right{
 width:90%;
 margin:0 auto;
 float:none;
 text-align:center;
}
.home-service01-right p{
 padding-top:15px !important;
/* padding-left:25px !important; */
 font-size:100%;
 line-height:180%;
 text-align:left;
 /*border-left:1px solid #222;*/
}
.btn-more{margin-top:10px;margin-bottom:20px;  text-align:center;}


home-service01{
 width:100%;
 margin:0 auto;
 margin:40px 0;
}

.home-service01:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
.home-service-ttl{
 font-size:120%;
 font-weight:bold;
}

.home-service02{
 width:100%;
 margin:0 auto;
 margin:40px 0;
}

.home-service02:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
.home-service02-right{
 width:100%;
 float:none;
 text-align:center;
}
.home-service02-left{
 width:90%;
 margin:0 auto;
 float:none;
 text-align:center;
}
.home-service02-left p{
 padding-top:15px !important;
/* padding-left:25px !important; */
 font-size:100%;
 line-height:180%;
 text-align:left;
 /*border-left:1px solid #222;*/
}

.home-about{ clear:both; width:100%; margin:0 auto; padding-top:30px; padding-bottom:50px; text-align:center;}

.home-about:after{ content: ""; clear: both; height: 0; display: block; visibility: hidden;}

.home-about-left{
 width:90%; padding-top:30px;
 margin:0 auto;
 float:none;
 text-align:center;
}
.home-about-left p{
 font-size:100%;
 line-height:180%;
 text-align:left;
}
.home-about-right{
 width:100%;
 margin:0 auto;
 float:none;
 text-align:center;
}

.box-est{width:100%; margin:0 auto; }
.box-est:after{ content: ''; display: block; clear: both;}
.box-est-left{width:100%; margin:0 auto; float:none; }
.box-est-right{width:100%; margin:0 auto; float:none; }

.est-table { 
 width: 100%;
 margin-top:0;
 margin-bottom:30px;
 margin-left: auto;
 margin-right: auto; 
 padding:0;
 border-collapse: collapse;
 border-spacing: 0;
 border:none;
 border-top:1px solid #01479d; 
 border-left:1px solid #01479d; 
}
.est-table th{
 width:60%;
 margin:0; 
 padding:24px 0 21px 5px; 
 font-size:100%;
 font-weight:normal;
 text-align:left;
 border:none;
 border-right:1px solid #01479d; 
 border-bottom:1px solid #01479d; 
 background:#ddecff;
} 
.est-table td{ 
 padding:24px 5px 21px 5px;
 font-size:100%;
 line-height:160%;
 text-align:left;
 border:none;
 border-right:1px solid #01479d; 
 border-bottom:1px solid #01479d;
 background:#fff; 
}

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

.faq-box{
 width:100%;
 padding-top:15px;
 padding-bottom:10px;
 margin-bottom:30px;
 clear:both;
 position:relative;
 background:#fff;
 /*border-bottom:1px solid #ddd;*/
}
.faq-q{
 background: url(../images/q.jpg) no-repeat 0 0px;
 margin-left:15px;
 padding-top:8px;
 padding-bottom:12px;
 padding-left:46px;
 padding-right:20px;
 font-size:100%;
 font-weight:bold;
 color:#222;
 /*border-bottom:2px dotted #999; */
}
.faq-a{
 background: url(../images/a.jpg) no-repeat 15px 15px #f2f2f2;
 margin-top:5px;
 padding-top:18px;
 padding-left:60px;
 padding-right:20px;
 padding-bottom:25px;
 font-size:100%;
 color:#222;
}

.center-box{clear:both;text-align:center;width:100%; margin:0 auto;}
.center-box img{text-align:center;margin-top:20px;margin-bottom:10px;}
.center-box p{text-align:center;padding-bottom:20px;}


.voice-box{width:96%; margin:0 auto; margin-bottom:70px;border:5px solid #a81b2a; }
.voice-box:after{ content: ''; display: block; clear: both;}
.voice-box-in{width:90%; margin:0 auto; margin-top:20px;margin-bottom:20px;text-align:left; }
.voice-box-in img{text-align:left;margin-top:10px;margin-bottom:10px;}


.btm-contact-box{
 clear:both;
 width:100%;
 margin:0 auto;
 padding-bottom:30px;
 border-bottom:1px solid #a81b2a;
 text-align:center;
}
.btm-contact:after{
 content: "";
 clear: both;
 height: 0;
 display: block;
 visibility: hidden;
}
.btm-txt{margin:0 auto; width:60%;margin-top:30px;}
.btm-tel{margin:0 auto; width:60%;margin-top:30px;}
.btm-contact{margin:0 auto; width:60%;margin-top:30px;margin-bottom:30px;}