@charset "UTF-8";

/*******************************************
 ***** Common ******************************
 *******************************************/
@-ms-viewport {
    width: device-width;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
   /* font: inherit;*/
    vertical-align: baseline;
}
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

body {
  font-family: "Noto Sans Japanese", "Noto Sans CJK JP", sans-serif;
  font-size: 100%;
  line-height: 1;
}

a {
    text-decoration: none;
    color: #000;
}
a:hover {
    opacity:0.7;
    filter: alpha(opacity=70);       /* ie 6 7 */
    -ms-filter: "alpha(opacity=70)"; /* ie 8 */
}
a:link{
    text-decoration:none; outline:none;
}
a:visited{
    text-decoration:none; outline:none;
}
a:hover{
    text-decoration:none;
}
a:active{
    text-decoration:none;
}
img {
    vertical-align: bottom;
}
ul,ol {
    list-style-type: none;
}
.clearfix:before,.clearfix:after {
    content:"";
    display: block;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}
.ta_r {
  text-align: right;
}
.ta_c {
  text-align: center;
}
.mt0 {
  margin-top: 0px !important;
}
.mt05 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.va_t {
    vertical-align: top;
}
.bg_bl {
	background: #f8f8f8;
}
.bg_g {
	background: #f8f8f8;
}
.bg_lb {
  background: #eef8fc;
}
.orange {
  color: #f67d5b;
}
.noto100 {font-weight:100;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto700 {font-weight:700;}
.noto900 {font-weight:900;}
/*******************************************
 ***** lay out ***********************
 *******************************************/
html,body{
  width: 100%;
  -webkit-text-size-adjust: 100%;
}
.wrap {
  overflow: hidden;
}
.copyright {
  margin-top: 20px;
  color: #3c3c3c;
  font-size: 12px;
  text-align: center;
}
.f-bnr {
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  /* -------------------- PC start -------------------- */
  html {
    font-size: 16px;
    line-height: 1.6;
  }
  body {
    min-width:1024px;
  }
  .sp {
    display: none !important;
  }
  .box {
    width: 960px;
    margin: 0 auto;
  }
  /*==========header==========*/
  #header {
    background: url(../img/common/h-bg_head.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
  }
  #header .h-in {
    height: 249px;
    position: relative;
  }
  #header .logo {
    display: inline-block;
    position: relative;
    z-index: 1000;
    padding: 11px 0 0 11px;
  }
  #header .h-copy {
    position: absolute;
    width: 349px;
    top: 42px;
    left: 175px;
  }
  .h-info_out {
    position: absolute;
    top: 16px;
    right: 0;
    left: 0;
    z-index: 999;
    text-align: right;
  }
  .h-info {
    display: inline-block;
    background: url(../img/common/bg_clear.png);
    padding: 12px 25px;
    line-height: 1.2;
  }
  .h-info_copy {
    font-weight: bold;
  }
  .h-info .h-info_ad {
    margin-top: 5px;
    font-size: 12px;
  }
  .h-info_tel {
    color: #ff4e00;
    font-size: 35px;
    font-weight: bold;
  }
  .h-info_tel span {
    color: #25809d;
    font-size: 23px;
  }
  .h-info_hour {
    font-size: 12px;
  }

  /* gnav */
  .gnav {
    background: #fff;
    padding: 6px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  .gnav ul {

  }
  .gnav li  {
    width: 159px;
    padding: 7px 0;
    float: left;
    border-right: solid 1px #C2D6E1;
    line-height: 1.3;
    text-align: center;
  }
  .gnav li.last {
    border-right: none;
  }
  .gnav li a {
    display: block;
  }
  .gnav li img {
    margin-bottom: 5px;
  }
  .gnav li span {
    color: #797469;
    font-size: 11px;
  }
  /*==========page ttl==========*/
  #p-ttl {
    background: #EEF8FC;
    height: 160px;
    text-align: center;
  }
  #p-ttl h1 {
    width: 302px;
    margin: 0 auto;
    padding: 20px 0 14px;
    border-bottom: solid 4px #81C7EF;
    font-size: 26px;
  }
  #p-ttl h1 img {
    margin-bottom: 12px;
  }
  #p-ttl p {
    margin-top: 10px;
    color: #797469;
    font-size: 18px;
  }
  /*==========content==========*/
  .ttl_side {
    background: #EEF8FC;
    position: relative;
    padding: 14px 21px;
  }
  .ttl_side:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #F67D5B transparent transparent transparent;
  }
  .ttl_h3 {
    font-size: 30px;
    text-align: center;
  }
  .ttl_h3 .small {
    font-size: 24px;
  }
  .bg_lb {
    padding: 45px 20px 35px;
  }
  .disc {
    position: relative;
    padding-left: 15px;
  }
  .disc:before {
    background: #4FA7D9;
    content: "";
    width: 8px;
    height: 8px;
    margin: auto 0;
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
  }
  /*==========footer==========*/
  #footer {
    background: #B9E3F9;
    margin-top: 39px;
    padding: 35px 0 30px;
  }
  #toTop {
    position: fixed;
    bottom: 100px;
    right: 50px;
  }
  .f-logo {
    display: inline-block;
    margin-left: 215px;
    float: left;
  }
  .f-info {
    width: 340px;
    margin-left: 30px;
    float: left;
    line-height: 1.6;
  }
  .f-name {
    margin-bottom: 10px;
    font-size: 21px;
  }
  .f-ad {
    font-size: 14px;
  }
  .f-tel {
    font-size: 22px;
  }
  .f-tel span {
    font-size: 14px;
  }
  .f-bnr {
    margin: 15px 0 0 0;
  }
}
@media screen and (max-width: 767px) {
  /* -------------------- SP start -------------------- */
  html {

  }
  body {
    /*word-break: break-all;*/
  }
  .sp {
    display: block;
  }
  .pc {
    display: none !important;
  }
  img {
    width: 100%;
    height: auto;
  }
  .wrap {
    margin-top: 16.5%;
  }
  /*header*/
  #header {
    background: url(../img/common/sp/h-bg_head.jpg) top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
   /* padding-bottom: 18.8%;*/
    padding-bottom: 21.8%;
  }
  /* gnav */
  .gnav {
    background: #fff;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
  }
  .gnav_sp a {
    display: inline-block;
  }
  .gnav h1 {
    width: 60%;
    float: left;
  }
  .gnav .h-tel {
    margin-top: 3.6%;
    margin-left: 16%;
    width: 9%;
    float: left;
  }
  .onanimation {
    display: block !important;
  }
  .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }
  .menu-trigger {
    position: relative;
    margin: 5.2% 0 0 3.5%;
    width: 7%;
    height: 30%;
    min-height: 20px;
    float: left;
    transition: all .4s;
    box-sizing: border-box;
  }
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #0094A8;
    border-radius: 4px;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu-trigger span:nth-of-type(2) {
    top: 40%;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
  }
  .menu-trigger.active span:nth-of-type(2) {
    left: 50%;
    opacity: 0;
    -webkit-animation: active-menu-bar02 .8s forwards;
    animation: active-menu-bar02 .8s forwards;
  }
  @-webkit-keyframes active-menu-bar02 {
    100% {
      height: 0;
    }
  }
  @keyframes active-menu-bar02 {
  100% {
    height: 0;
    }
  }
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
  }
  .gblnv_block {
    background-color: #fff;
    border-top: solid 1px #0094A8;
    display: none;
  }
  .gblnv_block li a {
    position: relative;
    display: block;
    padding: 15px 15px 15px 50px;
    border-bottom: solid 1px #0094A8;
    font-size: 16px;
    vertical-align: middle;
  }
  .gblnv_block li a span {
    display: inline-block;
    margin-left: 2%;
    font-size: 10px;
  }
  .gblnv_block li a img {
    position: absolute;
    top: 22.8%;
	  left: 15px;
    width: 7%;
  }
  /*content*/
  #p-ttl {
    position: relative;
    padding: 10% 0;
    z-index: 0;
  }
  #p-ttl .box {
    background: #EEF8FC;
    background: rgba(238, 248, 252, 0.9);
    width: 92%;
    margin: 0 auto;
    padding: 2% 0 3%;
    position: absolute;
    top: -35%;
    left: 0;
    right: 0;
    z-index: 3;
    text-align: center;
  }
  #p-ttl h1 {
    width: 48.6%;
    margin: 0 auto 2%;
    padding: 0 0 2%;
    border-bottom: solid 3px #81C7EF;
    font-size: 16px;
    font-weight: bold;
  }
  #p-ttl h1 img {
    width: 10%;
    margin-bottom: 3.8%;
  }
  #p-ttl p {
    font-size: 14px;
  }
  .ttl_side {
    background: #EEF8FC;
    position: relative;
    padding: 10px 15px;
  }
  .ttl_side:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-style: solid;
    border-width: 15px 15px 0 0;
    border-color: #F67D5B transparent transparent transparent;
  }
  .ttl_h3 {
    font-size: 18px;
    text-align: center;
  }
  .ttl_h3 .small {
    font-size: 14px;
  }
  .bg_lb {
    padding: 25px 10px 20px;
  }
  .disc {
    position: relative;
    padding-left: 15px;
    line-height: 1.7412;
  }
  .disc:before {
    background: #4FA7D9;
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 9px;
    left: 0;
    border-radius: 50%;
  }
  /*footer*/
  #footer {
    background: #B9E3F9;
    margin-top: 30px;
    padding: 15px 0 20px;
    text-align: center;
    line-height: 1.6;
  }
  .f-logo {
    display: inline-block;
    width: 40%;
  }
  .f-info {
    margin-top: 10px;
  }
  .f-name {
    font-size: 14px;
  }
  .f-ad {
    font-size: 12px;
  }
  .f-tel {
    margin-top: 5px;
    font-size: 14px;
  }
  .f-tel span {
    font-size: 12px;
  }
  .copyright {
    margin-top: 10px;
  }
  .f-bnr {
    margin: 10px 0 0 0;
  }
  .f-bnr img {
    width: 50%;
  }
}


/*******************************************
 ***** index *****************************
 *******************************************/

@media print, screen and (min-width: 768px) {
  /* -------------------- PC start -------------------- */
  /*header*/
  #index #header {
    background: none;
    height: auto;
    padding-bottom: 0;
  }
  #index #header .logo {
    position: absolute;
    margin: 52px auto 0;
    padding: 0;
    width: 227px;
    left: 0;
    right: 0;
    z-index: 999;
  }
  #index #header .index-h-copy {
    position: absolute;
    margin: 312px auto 0;
    width: 505px;
    left: 0;
    right: 0;
    z-index: 999;
  }
  #index .h-info_out {
    width: 960px;
  }
  #index #h-main_slider {
    min-height: 560px;
  }
  #index .bx-viewport {
    left: 0;
    box-shadow: none;
    border: none;
  }
  #index  #h-main_slider li {
    height: 560px;
    background: center / cover no-repeat;
  }
	/* content */
	#index #content .i-copy {
    margin: 40px 0;
		font-size: 14px;
    line-height: 2.1;
    text-align: center;
	}
  #index #content .i-copy span {
    color: #ff4e00;
    font-size: 20px;
    font-weight: bold;
  }
	.i-quality li {
    margin-right: 24px;
    width: 304px;
    float: left;
  }
  .i-quality li.last {
    margin-right: 0;
  }
  .i-quality_top {
    position: relative;
    width: 304px;
    height: 114px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 1.2;display: table-cell;
    vertical-align: middle;
  }
  .i-quality_top p {
  }
  .i-quality_top span {
    color: #ffff00;
    font-weight: bold;
  }
  .i-quality_top01 {
    background: url(../img/index/qu_bg_01.jpg) no-repeat;
  }
  .i-quality_top02 {
    background: url(../img/index/qu_bg_02.jpg) no-repeat;
  }
  .i-quality_top03 {
    background: url(../img/index/qu_bg_03.jpg) no-repeat;
  }
  .i-quality_bottom {
    background: #B9E3F9;
    height: 148px;
  }
  .i-quality_bottom p {
    padding: 12px 18px;
    font-size: 14px;
    line-height: 1.73;
  }
  /* contact_area */
  .c-area {
    background: #ECF7FC;
    margin: 41px auto 0;
    padding: 26px 0;
    width: 768px;
    border: solid 1px #C2D6E1;
    text-align: center;
    line-height: 1.6;
  }
  .c-copy {
    margin-bottom: 5px;
    font-size: 21px;
    font-weight: bold;
  }
  .c-hour {
    color: #3c3c3c;
    font-size: 16px;
  }
  .c-tel {
    margin-bottom: 5px;
    color: #25809d;
    font-size: 24px;
    font-weight: bold;
  }
  .c-tel span {
    color: #ff4e00;
    font-size: 37px;
  }
  .c-tel span.c-tel_left {
    display: inline-block;margin-right: 30px;
  }
  .btn_contact {
    background: #25809D;
    display: inline-block;
    width: 331px;
    padding: 10px 0;
    border-bottom: solid 2px #0A4D63;
    color: #fff;
    font-size: 21px;
  }
  .btn_contact img {
    position: relative;
    top: -7px;
    left: -18px;
  }
  .btn_contact:hover {
    border-bottom: solid 2px #25809D;
  }
}
@media  screen and (max-width: 767px) {
  /* -------------------- SP start -------------------- */
  /*========== header ==========*/
  #index #header {
    background: none;
    padding-bottom: 0;
    position: relative;
  }
  #index #header h1.logo {
    width: 30.133%;
    margin: 0 auto 0;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    z-index: 10;
	}
	#index #header .index-h-copy {
    margin: 0 auto;
    width: 65.46666%;
    position: absolute;
    top: 72%;
    left: 0;
    right: 0;
    z-index: 10;
	}
	#h-main_slider li {
    padding-bottom: 77.86666%;
    background: center / cover no-repeat;
  }
  /* content */
  .i-copy {
    width: 88%;
    margin: 20px auto;
    text-align: center;
    font-size: 12px;
    line-height: 1.6;

  }
  .i-copy span {
    color: #ff4e00;
    font-size: 16px;
  }
  .i-quality {
    width: 80%;
    margin: 0 auto;
  }
  .i-quality li {
    margin-bottom: 20px;
  }
  .i-quality_top {
    position: relative;
    padding-bottom: 37.5%;
    width: 100%;
    color: #fff;
    text-align: center;
    line-height: 1.6;
  }
  .i-quality_top p {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
  }
  .i-quality_top span {
    color: #ffff00;
    font-size: 22px;
    font-weight: bold;
  }
  .i-quality_top01 {
    background: url(../img/index/qu_bg_01.jpg) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .i-quality_top02 {
    background: url(../img/index/qu_bg_02.jpg) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .i-quality_top03 {
    background: url(../img/index/qu_bg_03.jpg) no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .i-quality_bottom {
    background: #B9E3F9;
    padding: 10px 10px;
    font-size: 14px;
    line-height: 1.6;
  }
  .c-area {
    background: #ECF7FC;
    width: 90%;
    margin: 30px auto;
    padding: 15px 0;
    border: solid 1px #C2D6E1;
    text-align: center;
    line-height: 1.6;
  }
  .c-copy {
    margin-bottom: 3px;
    font-size: 16px;
    font-weight: bold;
  }
  .c-hour {
    margin-bottom: 9px;
    font-size: 12px;
  }
  .c-tel {
    margin-bottom: 9px;
    color: #25809d;
    font-size: 14px;
    font-weight: bold;
  }
  .c-tel span {
    color: #ff4e00;
    font-size: 18px;
  }
  .btn_contact {
    background: #25809D;
    position: relative;
    display: inline-block;
    width: 70%;
    padding: 7px 0 7px 20px;
    border-bottom: solid 2px #0A4D63;
    color: #fff;
    font-size: 14px;
  }
  .btn_contact img {
    width: 7%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 6%;
  }
}
/*******************************************
 ***** faq *****************************
 *******************************************/

@media print, screen and (min-width: 768px) {
  /* -------------------- PC start -------------------- */
  /*header*/
  .faq_area table {
    margin-top: 40px;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.7412;
  }
  .faq_area .a_line {
    border-bottom: solid 1px #81C7EF;
  }
  .faq_area  th {
    width: 84px;
  }
  .faq_area  th div {
    position: relative;
  }
  .faq_area  th span {
    position: absolute;
    top: -17px;
    right: 21px;
    color: #81c7ef;
    font-size: 30px;
    font-weight: bold;
  }
  .faq_area .a_line th span {
    position: absolute;
    top: -14px;
    right: 23px;
    color: #f67d5b;
    font-size: 30px;
    font-weight: bold;
  }
  .faq_area td {
    padding: 24px 0 10px;
    color: #408fbc;
  }
  .faq_area .a_line td {
    padding: 12px 0 27px;
    color: #2d2d2d;
  }
  .faq_area td a {
    color: #f67d5b;
    text-decoration: underline;
  }
}
@media  screen and (max-width: 767px) {
  /* -------------------- SP start -------------------- */
  /*========== header ==========*/
  .faq_area table {
    width: 92%;
    margin: 10px auto 0;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.7412;
  }
  .faq_area .a_line {
    border-bottom: solid 1px #81C7EF;
  }
  .faq_area  th {
    width: 9%;
  }
  .faq_area  th div {
    position: relative;
  }
  .faq_area  th span {
    position: absolute;
    top: -14%;
    right: 29%;
    color: #81c7ef;
    font-size: 18px;
    font-weight: bold;
  }
  .faq_area .a_line th span {
    position: absolute;
    top: -13.1%;
    right: 29%;
    color: #f67d5b;
    font-size: 18px;
    font-weight: bold;
  }
  .faq_area td {
    padding: 12px 0 5px;
    color: #408fbc;
  }
  .faq_area .a_line td {
    padding: 6px 0 13px;
    color: #2d2d2d;
  }
  .faq_area td a {
    color: #f67d5b;
    text-decoration: underline;
  }
}
/*******************************************
 ***** service *****************************
 *******************************************/
@media print, screen and (min-width: 768px) {
  /* -------------------- PC start -------------------- */
  .service_area {
    margin: 55px 0 0;
  }
  .service_area h2 {
    font-size: 22px;
  }
  .service_area p {
    font-size: 14px;
  }
  /*sec01*/
  .service_area .sec01 {
    margin-top: 55px;
  }
  .service_area .sec01 h3 {
    margin-bottom: 35px;
  }
  .service_area .img_area {
    margin: 20px 0;
  }
  .service_area .img_area img:first-child {
    margin-right: 18px;
  }
  /*sec02*/
  .service_area .sec02 {
    margin-top: 36px;
  }
  .service_area .sec02 h3 {
    margin-bottom: 35px;
  }
  /*sec03*/
  .service_area .sec03 {
    margin-top: 36px;
  }
  .service_area .sec03 h3 {
    margin-bottom: 35px;
  }
  .img_service03 {
    display: block;
    margin: 54px auto 0;
  }
  /*schedule*/
  .schedule {
    width: 893px;
    margin: 5px auto 0;
    border-collapse: collapse;
    font-size: 14px;
  }
  .schedule tr th {
    background: #F4F3E8;
    width: 148px;
    padding: 16px 0;
    border: solid 1px #d8d8d8;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
  }
  .schedule tr th:nth-child(1) {
    background: #E4F2F9;
  }
  .schedule tr th:nth-child(2) {
    background: #F2E2E2;
  }
  .schedule tr td {
    background: #fff;
    padding: 10px 15px;
    border: solid 1px #d8d8d8;
    line-height: 1.6;
  }

  /*price_area*/
  .price_area {
    margin-top: 100px;
  }
  .price_area h3 {
    padding: 0 0 13px 14px;
    border-bottom: solid 1px #4fa7d9;
    color: #4fa7d9;
    font-size: 18px;
  }
  .price_table {
    width: 448px;
    float: left;
  }
  .price_table h4 {
    margin-top: 43px;
    font-size: 16px;
    text-align: center;
  }
  .price_table table {
    margin-top: 15px;
    width: 100%;
    border-collapse: collapse;
  }
  .price_table th, .price_table td {
    padding: 14px 20px;
    border: solid 1px #d8d8d8;
    font-weight: normal;
  }
  .basic {
    margin-left: 15px;
  }
  .basic .left {
    width: 114px;
    text-align: right;
  }
  .basic .gray th, .basic .gray td, .special th {
    background: #f4f4f4;
  }
  .special {
    margin-left: 27px;
  }
  .special th {
    text-align: left;
  }
}
@media  screen and (max-width: 767px) {
  /* -------------------- SP start -------------------- */
  .service_area {
    width: 92%;
    margin: 35px auto 0;
  }
  .service_area h2 {
    font-size: 18px;
  }
  .service_area .sec01 {
    margin-top: 25px;
  }
  .service_area h3 {
    margin-bottom: 20px;
  }
  .service_area .img_area {
    margin: 20px 0;
  }
  .service_area .img_area img:first-child {
    margin-bottom: 20px;
  }
  .service_area .sec02 {
    margin-top: 25px;
  }
  .img_service03 {
    margin-top: 20px;
  }
  /*price_area*/
  .price_area {
    margin-top: 35px;
  }
  .price_area h3 {
    padding: 0 0 13px 14px;
    border-bottom: solid 1px #4fa7d9;
    color: #4fa7d9;
    font-size: 18px;
  }
  .price_table table {
    width: 100%;
    margin-top: 25px;
    border-collapse: collapse;
  }
  .price_table h4 {
    margin-top: 25px;
    font-size: 16px;
    text-align: center;
  }
  .price_table th, .price_table td {
    padding: 7px 15px;
    border: solid 1px #d8d8d8;
    font-weight: normal;
    line-height: 1.4;
  }
  .basic .gray th, .basic .gray td, .special th {
    background: #f4f4f4;
  }
  .basic .left {
    width: 40%;
    text-align: right;
  }
  .special th {
    width: 40%;
    text-align: left;
  }
  /*schedule*/
  .schedule_sp {
    width: 98%;
    margin: 30px auto 0;
    border-collapse: collapse;
    font-size: 14px;
  }
  .schedule_sp tr th {
    background: #F4F3E8;
    width: 30%;
    padding: 10px 0;
    border: solid 1px #d8d8d8;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
  }
  .schedule_sp tr th.bg_b {
    background: #E4F2F9;
  }
  .schedule_sp tr th.bg_p {
    background: #F2E2E2;
  }
  .schedule_sp tr td {
    background: #fff;
    padding: 10px 15px;
    border: solid 1px #d8d8d8;
    line-height: 1.6;
  }
}
/*******************************************
 ***** company *****************************
 *******************************************/
@media print, screen and (min-width: 768px) {
  /* -------------------- PC start -------------------- */
  .company_area {
    margin: 55px 0 0;
  }
  .company_area h2 {
    font-size: 22px;
  }
  .company_area h3 {
    font-size: 22px;
    text-align: center;
  }
  .company_area p {
    font-size: 18px;
  }
  .company_area .greeting_txt p {
    margin-top: 21px;
    padding: 0 21px;
    font-size: 14px;
    line-height: 1.73;
  }
  .greeting_txt {
    margin-bottom: 70px;
  }
  .greeting_txt .name {
    margin-top: 30px;
    text-align: right;
  }
  .company_area .bg_lb {
    margin-top: 27px;
    padding: 20px 20px;
    text-align: center;
    line-height: 1.667;
  }
  .company_area .bg_lb p {
    margin-top: 15px;
	font-size:18px;
	font-weight: bold;
  }
  .company_area .bg_lb p2 {
    margin-top: 15px;
	font-size:13px;
	font-weight: bold;
	line-height: 1;
  }
  .outline {
    margin-top: 45px;
  }
  .outline table {
    width: 930px;
    margin: 0 auto;
    border-collapse: collapse;
    line-height: 1.714;
  }
  .outline table th, .outline table td {
    padding: 16px 24px;
  }
  .outline table th {
    background: #F3F8FA;
    width: 140px;
    border-top: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    border-right: solid 2px #81C7EF;
    font-weight: normal;
    text-align: right;
  }
  .outline table td {
    border-top: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    border-left: solid 2px #81C7EF;
  }
  .outline table.jp {
    margin-top: 35px;
  }
  .outline table.en {
    margin-top: 39px;
  }
}
@media  screen and (max-width: 767px) {
  /* -------------------- SP start -------------------- */
  .company_area {
    width: 92%;
    margin: 35px auto 0;
  }
  .company_area h2 {
    font-size: 18px;
  }
  .company_area h3 {
    font-size: 18px;
    text-align: center;
  }
  .company_area .greeting_txt p {
    margin-top: 21px;
    padding: 0 10px;
    line-height: 1.73;
  }
  .greeting_txt {
    margin-bottom: 35px;
  }
  .greeting_txt .name {
    max-width: 267px;
    margin-top: 30px;
    text-align: right;
  }
  .company_area .bg_lb {
    margin-top: 27px;
    padding: 20px 20px;
    text-align: center;
    line-height: 1.667;
  }
  .company_area .bg_lb p {
    margin-top: 15px;
  }
  .outline {
    margin-top: 35px;
  }
  .outline table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    line-height: 1.714;
  }
  .outline table th, .outline table td {
    width: 94%;
    padding: 8px 3%;
    display: block;
  }
  .outline table th {
    background: #F3F8FA;
    border-top: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    font-weight: normal;
  }
  .outline table td {
    border-top: solid 1px #d8d8d8;
    border-bottom: solid 1px #d8d8d8;
    text-align: center;
  }
  .outline table.jp {
    margin-top: 35px;
  }
  .outline table.en {
    margin-top: 35px;
  }
}
/*******************************************
 ***** import *****************************
 *******************************************/
@media print, screen and (min-width: 768px) {
  /* -------------------- PC start -------------------- */
  .import_area {
    margin-top: 73px;
  }
  .import_area h2 {
    font-size: 30px;
    font-weight: normal;
    text-align: center;
  }
  .import_area h2 span {
    color: #f67d5b;
    font-weight: bold;
  }
  .import_txt {
    margin-top: 60px;
    padding: 0 21px;
    font-size: 14px;
    line-height: 1.73;
  }
  .img_import01 {
    display: block;
    margin: 47px auto 0;
  }
  .item_area {
    margin-top: 91px;
  }
  .item_area h3 {
    font-size: 22px;
  }
  .item_area .items {
    margin: 38px auto 0;
    display:-ms-flexbox;/*--- IE10 ---*/
    display:-webkit-flex;/*--- safari（PC）用 ---*/
    display: flex;
    -ms-flex-wrap:wrap;/*--- IE10用 ---*/
    -webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
    flex-wrap: wrap;
	  justify-content: space-around;
  }
  .item_area .items img {
    margin-bottom: 25px;
  }
  .item_area .items img:nth-child(15) {
    margin-left: 161px;
  }
  .item_area .items img:nth-child(16) {
    margin-right: 161px;
  }
}
@media  screen and (max-width: 767px) {
  /* -------------------- SP start -------------------- */
  .import_area {
    width: 92%;
    margin: 35px auto 0;
  }
  .import_area h2 {
    font-size: 18px;
    font-weight: normal;
    text-align: center;
  }
  .import_area h2 span {
    color: #f67d5b;
    font-weight: bold;
  }
  .import_txt {
    margin-top: 20px;
    padding: 0 10px;
    line-height: 1.73;
  }
  .img_import01 {
    display: block;
    margin: 20px auto 0;
    max-width: 510px;
  }
  .item_area {
    margin-top: 35px;
  }
  .item_area h3 {
    font-size: 18px;
  }
  .item_area .items {
    margin: 20px auto 0;
  }
  .item_area .items img {
    display: block;
    margin: 0 auto 20px;
    max-width: 290px;
  }
  /*.item_area .items img:nth-child(4) {
    max-width: 516px;
  }*/
}
/*******************************************
 ***** contact *****************************
 *******************************************/
@media print, screen and (min-width: 768px) {
  /* -------------------- PC start -------------------- */
  .contact_area {
    margin-top: 69px;
  }
  .contact_area h2 {
    font-size: 22px;
  }
  .contact_area h3 {
    margin-top: 48px;
    font-size: 22px;
  }
  .contact_info {
    text-align: center;
  }
  .contact_hour {
    margin-top: 37px;
    color: #3c3c3c;
    font-size: 16px;
  }
  .contact_tel {
    margin-top: 11px;
    color: #25809d;
    font-size: 24px;
    font-weight: bold;
  }
  .contact_tel span.contact_tel_left {
    display: inline-block;
    margin-right: 30px;
  }
  .contact_tel span {
    color: #ff4e00;
    font-size: 37px;
  }
  #contact .caution {
    margin: 37px 0 0 20px;
  }
  #contact .caution span {
    color: #ff0000;
  }
  #contact #mailformpro table {
    width: 100%;
  }
  #contact #mailformpro th, #contact #mailformpro td {
    padding: 12px 20px;
    font-size: 14px;
    line-height: 1.73;
  }
  #contact #mailformpro th {
    width: 207px;
    text-align: left;
  }
  #contact #mailformpro .last th {
    vertical-align: top;
  }
  .hisuu {
    background: #ff0000;
    display: inline-block;
    padding: 0 4px;
    position: relative;
    top: 0;
    left: 11px;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
  }
  .hisuu.confirm {
    top: -25px;
    left: 165px;
  }
  #contact #mailformpro td .size01 {
    width: 640px;
    padding: 13px 30px;
  }
  #contact #mailformpro td .size02 {
    width: 108px;
    padding: 13px 30px;
  }
  #contact #mailformpro .address td .size01 {
    margin-top: 34px;
  }
  #contact #mailformpro textarea {
    width: 640px;
    padding: 13px 30px;
    resize: vertical;
   }
  #contact #mailformpro button {
    background: #25809D;
    width: 291px;
    margin-top: 23px;
    padding: 17px 0;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
  }
  #thanks .thanks {
    padding: 50px 0;
    text-align: center;
  }
  #thanks .thanks p {
    line-height: 1.73;
  }
}
@media  screen and (max-width: 767px) {
  /* -------------------- SP start -------------------- */
  .contact_area {
    width: 92%;
    margin: 35px auto 0;
  }
  .contact_area h2 {
    font-size: 18px;
  }
  .contact_area h3 {
    margin-top: 35px;
    font-size: 18px;
  }
  .contact_info {
    text-align: center;
  }
  .contact_hour {
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 12px;
  }
  .contact_tel {
    color: #25809d;
    font-size: 14px;
    font-weight: bold;
  }
  .contact_tel span {
    color: #ff4e00;
    font-size: 18px;
	line-height: 1.5;
  }
  #contact .caution {
    margin: 20px 0;
    font-size: 14px;
    line-height: 1.73;
  }
  #contact #mailformpro table {
    width: 100%;
  }
  #contact #mailformpro th, #contact #mailformpro td {
    display: block;
    width: 94%;
    padding: 5px 3%;
    font-size: 16px;
    line-height: 1.73;
  }
  #contact #mailformpro td .size01, #contact #mailformpro td .size02, #contact #mailformpro td .size03 {
    width: 94%;
    padding: 5px 3%;
  }
  #contact #mailformpro .address td .size01 {
    margin-top: 20px;
  }
  #contact #mailformpro button {
    background: #25809D;
    width: 190px;
    margin-top: 23px;
    padding: 10px 0;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-shadow: none;
  }
  .hisuu {
    background: #ff0000;
    display: inline-block;
    padding: 0 4px;
    position: relative;
    top: -1px;
    left: 11px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
  }
  #thanks .thanks {
    width: 92%;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
  }
  #thanks .thanks p {
    line-height: 1.73;
  }
}