@charset "UTF-8";
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;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {  line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse:collapse; border-spacing:0; }
ol, ul { list-style: none; }
img   {  vertical-align:top; font-size:0;  line-height:0; }
*, *::after, *::before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }


/* Font Setteing */
.tx-L { text-align: left !important; }
.tx-C { text-align: center !important; }
.tx-R { text-align: right !important; }

/* Font Size */
.fs-9  { font-size: 9px !important;}
.fs-10 { font-size: 10px !important;}
.fs-11 { font-size: 11px !important;}
.fs-12 { font-size: 12px !important;}
.fs-13 { font-size: 13px !important;}
.fs-14 { font-size: 14px !important;}
.fs-15 { font-size: 15px !important;}
.fs-16 { font-size: 16px !important;}
.fs-18 { font-size: 18px !important;}
.fs-20 { font-size: 18px !important;}
.fs-21 { font-size: 21px !important;}
.fs-24 { font-size: 24px !important;}
.fs-28 { font-size: 28px !important;}
.fs-30 { font-size: 30px !important;}
.fs-36 { font-size: 36px !important;}
.fs-48 { font-size: 48px !important;}
.fs-60 { font-size: 60px !important;}

.tx-bold { font-weight: bold; }
.tx-red{ color:#d66464;}
.tx-white{ color:#fff;}
.tx-bk{ color:#333!important;}

.attension-txt {
   /*font-size: 12px;*/
  }
.attension-txt li {
  text-indent:-1em;
  padding: 8px 0 8px 1em;
}
.attension-txt02 li {
    text-indent: -3em;
    padding: 0 0 5px 3em;
}
.attension-txt03 {
    margin: 0px 0 15px 30px;
}


/* Column Layout Format */
.column-2 .row,.column-2 li { width: 50%; float:left;}
.column-3 .row,.column-3 li { width: 33.33%; float:left;}
.column-4 .row,.column-4 li { width: 25%; float:left;}
.column-5 .row,.column-5 li { width: 20%; float:left;}
.column-6 .row,.column-6 li { width: 16.66%; float:left;}
.column-8 .row,.column-8 li { width: 12.5%; float:left;}

.col-2 .row { float: left; width: 48%;}
.col-2 .row:nth-child(odd) { margin-right: 2%;}
.col-2 .row:nth-child(even) { margin-left: 2%;}
@media screen and (max-width: 750px){
  .col-2 .row { float: none; width: 100%; }
  .col-2 .row:nth-child(odd) { margin:0 0 30px 0;}
  .col-2 .row:nth-child(even) { margin: 0;}
}

/* Margin-Top & Padding-Top */
.mt00 { margin-top:  0px !important; }  .pt00 { padding-top:  0px !important; }
.mt05 { margin-top:  5px !important; }  .pt05 { padding-top:  5px !important; }
.mt10 { margin-top: 10px !important; }  .pt10 { padding-top: 10px !important; }
.mt15 { margin-top: 15px !important; }  .pt15 { padding-top: 15px !important; }
.mt20 { margin-top: 20px !important; }  .pt20 { padding-top: 20px !important; }
.mt25 { margin-top: 25px !important; }  .pt25 { padding-top: 25px !important; }
.mt30 { margin-top: 30px !important; }  .pt30 { padding-top: 30px !important; }
.mt35 { margin-top: 35px !important; }  .pt35 { padding-top: 35px !important; }
.mt40 { margin-top: 40px !important; }  .pt40 { padding-top: 40px !important; }
.mt45 { margin-top: 45px !important; }  .pt45 { padding-top: 45px !important; }
.mt50 { margin-top: 50px !important; }  .pt50 { padding-top: 50px !important; }
.mt55 { margin-top: 55px !important; }  .pt55 { padding-top: 55px !important; }
.mt60 { margin-top: 60px !important; }  .pt60 { padding-top: 60px !important; }
.mt65 { margin-top: 65px !important; }  .pt65 { padding-top: 65px !important; }
.mt70 { margin-top: 70px !important; }  .pt70 { padding-top: 70px !important; }
.mt75 { margin-top: 75px !important; }  .pt75 { padding-top: 75px !important; }
.mt80 { margin-top: 80px !important; }  .pt80 { padding-top: 80px !important; }
.mt85 { margin-top: 85px !important; }  .pt85 { padding-top: 85px !important; }
.mt90 { margin-top: 90px !important; }  .pt90 { padding-top: 90px !important; }
.mt95 { margin-top: 95px !important; }  .pt95 { padding-top: 95px !important; }
.mt100{ margin-top:100px !important; } .pt100{ padding-top:100px !important; }

/* Margin-Right & Padding-Right */
.mr00 { margin-right:  0px !important; }  .pr00 { padding-right:  0px !important; }
.mr05 { margin-right:  5px !important; }  .pr05 { padding-right:  5px !important; }
.mr10 { margin-right: 10px !important; }  .pr10 { padding-right: 10px !important; }
.mr15 { margin-right: 15px !important; }  .pr15 { padding-right: 15px !important; }
.mr20 { margin-right: 20px !important; }  .pr20 { padding-right: 20px !important; }
.mr25 { margin-right: 25px !important; }  .pr25 { padding-right: 25px !important; }
.mr30 { margin-right: 30px !important; }  .pr30 { padding-right: 30px !important; }
.mr35 { margin-right: 35px !important; }  .pr35 { padding-right: 35px !important; }
.mr40 { margin-right: 40px !important; }  .pr40 { padding-right: 40px !important; }
.mr45 { margin-right: 45px !important; }  .pr45 { padding-right: 45px !important; }
.mr50 { margin-right: 50px !important; }  .pr50 { padding-right: 50px !important; }
.mr55 { margin-right: 55px !important; }  .pr55 { padding-right: 55px !important; }
.mr60 { margin-right: 60px !important; }  .pr60 { padding-right: 60px !important; }
.mr65 { margin-right: 65px !important; }  .pr65 { padding-right: 65px !important; }
.mr70 { margin-right: 70px !important; }  .pr70 { padding-right: 70px !important; }
.mr75 { margin-right: 75px !important; }  .pr75 { padding-right: 75px !important; }
.mr80 { margin-right: 80px !important; }  .pr80 { padding-right: 80px !important; }
.mr85 { margin-right: 85px !important; }  .pr85 { padding-right: 85px !important; }
.mr90 { margin-right: 90px !important; }  .pr90 { padding-right: 90px !important; }
.mr95 { margin-right: 95px !important; }  .pr95 { padding-right: 95px !important; }
.mr100{ margin-right:100px !important; }  .pr100{ padding-right:100px !important; }

/* Margin-Bottom & Padding-Bottom */
.mb00 { margin-bottom:  0px !important; }  .pb00 { padding-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }  .pb05 { padding-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }  .pb10 { padding-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }  .pb15 { padding-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }  .pb20 { padding-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }  .pb25 { padding-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }  .pb30 { padding-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }  .pb35 { padding-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }  .pb40 { padding-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }  .pb45 { padding-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }  .pb50 { padding-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }  .pb55 { padding-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }  .pb60 { padding-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }  .pb65 { padding-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }  .pb70 { padding-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }  .pb75 { padding-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }  .pb80 { padding-bottom: 80px !important; }
.mb85 { margin-bottom: 85px !important; }  .pb85 { padding-bottom: 85px !important; }
.mb90 { margin-bottom: 90px !important; }  .pb90 { padding-bottom: 90px !important; }
.mb95 { margin-bottom: 95px !important; }  .pb95 { padding-bottom: 95px !important; }
.mb100{ margin-bottom:100px !important; } .pb100{ padding-bottom:100px !important; }

/* Margin-Left & Padding-Left */
.ml00 { margin-left:  0px !important; }  .pl00 { padding-left:  0px !important; }
.ml05 { margin-left:  5px !important; }  .pl05 { padding-left:  5px !important; }
.ml10 { margin-left: 10px !important; }  .pl10 { padding-left: 10px !important; }
.ml15 { margin-left: 15px !important; }  .pl15 { padding-left: 15px !important; }
.ml20 { margin-left: 20px !important; }  .pl20 { padding-left: 20px !important; }
.ml25 { margin-left: 25px !important; }  .pl25 { padding-left: 25px !important; }
.ml30 { margin-left: 30px !important; }  .pl30 { padding-left: 30px !important; }
.ml35 { margin-left: 35px !important; }  .pl35 { padding-left: 35px !important; }
.ml40 { margin-left: 40px !important; }  .pl40 { padding-left: 40px !important; }
.ml45 { margin-left: 45px !important; }  .pl45 { padding-left: 45px !important; }
.ml50 { margin-left: 50px !important; }  .pl50 { padding-left: 50px !important; }
.ml55 { margin-left: 55px !important; }  .pl55 { padding-left: 55px !important; }
.ml60 { margin-left: 60px !important; }  .pl60 { padding-left: 60px !important; }
.ml65 { margin-left: 65px !important; }  .pl65 { padding-left: 65px !important; }
.ml70 { margin-left: 70px !important; }  .pl70 { padding-left: 70px !important; }
.ml75 { margin-left: 75px !important; }  .pl75 { padding-left: 75px !important; }
.ml80 { margin-left: 80px !important; }  .pl80 { padding-left: 80px !important; }
.ml85 { margin-left: 85px !important; }  .pl85 { padding-left: 85px !important; }
.ml90 { margin-left: 90px !important; }  .pl90 { padding-left: 90px !important; }
.ml95 { margin-left: 95px !important; }  .pl95 { padding-left: 95px !important; }
.ml100{ margin-left:100px !important; }  .pl100{ padding-left:100px !important; }


/* Border-box */
.border-box {
	border: 8px solid #bce4ed;
  padding:30px;
  background-color: #fff;
  overflow: hidden;
}
.border-topline {
    border-top: 1px solid #cae1e7;
    padding-top: 20px;
}
.border-bottomline {
    border-bottom: 1px solid #2f2f2f;
    padding-bottom: 20px;
}
@media screen and (max-width: 750px){
  .border-box {
  	border: 4px solid #bce4ed;
    padding:15px;
  }
}

/* Clearfix */
.clearfix:after { content:''; display:block; clear:both; }
.clearfix { /zoom:1; }

/* Transform */
.transform {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
a:hover .transform {
    -webkit-transform: scale(1.1);
    -moz-animation: scale(1.1);
    transform: scale(1.1);
}

/* Animation */
.show00, .show01, .show02, .show03, .show04, .show05, .show06 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .bounceIn, .bounceInDown,
.fadeIn, .fadeInUp, .fadeInUpDelay, .fadeInDown,
.fadeInUpD, .fadeInLeft, .fadeInRight, .zoomInUp {
    visibility: visible;
}
.delay-01s { -webkit-animation-delay:0.1s; animation-delay:0.1s; }
.delay-02s { -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.delay-03s { -webkit-animation-delay:0.3s; animation-delay:0.3s; }
.delay-04s { -webkit-animation-delay:0.4s; animation-delay:0.4s; }
.delay-05s { -webkit-animation-delay:0.5s; animation-delay:0.5s; }
.delay-06s { -webkit-animation-delay:0.6s; animation-delay:0.6s; }
.delay-07s { -webkit-animation-delay:0.7s; animation-delay:0.7s; }
.delay-08s { -webkit-animation-delay:0.8s; animation-delay:0.8s; }
.delay-09s { -webkit-animation-delay:0.9s; animation-delay:0.9s; }
.delay-1s  {  -webkit-animation-delay:1s;   animation-delay:1s; }

/* Link Style */
a {
    color: #111;
    text-decoration: none;
    transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
}
a:focus, a:active, a:hover {
    color: #8dd7f7;
}
a:hover img {
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    zoom: 1;
}
a.pdf_link {
	padding-left: 20px;
	background: url('/img/common/icon_acrobat.png') no-repeat left 50%;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    background: #e5e5e5;
}
::-webkit-scrollbar-thumb {
    height: 10px;
    background: #333;
}
img {
    max-width: 100%;
    height: auto;
    display: block;
}
.cover {
    width: 100%;
    background-size: cover;
    background-position: center center;
}


/* button */
.button {
    width: 150px;
    margin: 30px auto 0;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease;
    font-size: 15px;
    letter-spacing: .1em;
    line-height: 38px;
}
.square-btn {
    background:#8dd7f7;
    color: #fff !important;
    font-weight: bold;
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
    outline: none;
}
.square-btn:hover {
    background-color: #4e6369 ;
    color: #fff ;
}
.square-btn-contact {
    background:#f6ad3a;
    color: #fff !important;
    font-weight: bold;
    display: inline-block;recruit
    position: relative;
    width: 100%;
    padding: 0 5px;
    text-align: center;
    text-decoration: none;
    outline: none;
}
.square-btn-contact:hover {
    background-color: #4e6369 ;
    color: #fff ;
}
.button i {
    position: absolute;
    top: 0;
    right: 4px;
    line-height: 38px;
    width: 24px;
    height: 38px;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease;
}
.button:hover i {
    right: 0px;
}
.only-pc {
    display: block;
}
.only-sp {
  display:none;
}

@media screen and (max-width: 750px) {
    .detail-btn {
        width: 120px;
    }
    .button {
        font-size: 12px;
        margin: 20px auto 0;
    }
    .button i {
        /*width: 30px;*/
		display: none;
    }
    .only-pc {
        display: none;
    }
    .only-sp {
      display:block;
    }
}


/* =Embed
-----------------------------------------------------------*/
embed, iframe, object { max-width: 100%; }
video { max-width: 100%;  height: auto; }


/* ----------------------------------------------------

 Base Layout

-------------------------------------------------------- */
body {
    font-family:'Lato', 'Noto Sans Japanese', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, serif;
    font-size: 14px;
    line-height: 1.8;
    color:#111;
    background:#fff;
    letter-spacing: .1em;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased !important;
}
.section-ttl{
  font-family: 'Hammersmith One', 'Noto Sans Japanese', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif, serif;
  letter-spacing: .2em;
}
.date,.category {
  font-family: 'Oswald', sans-serif;
}
/* ==******** for tablet / sp-phone ********== */
@media only screen and ( max-width:1000px) {
    body {
        font-size: 12px;
        line-height:1.5;
    }
}


/* ----------------------------------------------------
	FRAME Format
--------------------------------------------------------*/
#wrapper {
    width: 100%;
    overflow: hidden;
}
#content{
  overflow: hidden;
}
.page-inner {
    max-width: 1200px;
    margin: 0px auto;
    padding: 60px 0;
    overflow: hidden;
}
#content-wrap{
  /*padding:50px 0 100px;*/
}
#page-top{
    position: fixed;
    right: 10px;
    bottom:40px;
    z-index: 5;
    width: 40px;
}


@media screen and ( max-width:1000px) {
  #content{
    /*padding:0 0 30px;*/
  }
    .page-inner {
        padding: 20px;
    }
    .index-body{
    }
    .main-column {
      width: 100%;
      padding: 5%;
      display: block;
    }
    .side-column {
      width: 100%;
      padding: 5%;
      display: block;
    }
}

/* ----------------------------------------------------
	FONT
--------------------------------------------------------*/
.section-ttl {
  display:block;
  font-size:36px;
  text-align:center;
  line-height:1.4;
  font-weight:bold;
  position:relative;
  margin:0px 0 50px;
}
.section-ttl span  {
  font-size:12px;
  letter-spacing:.4em;
  display:block;
}
.section-ttl:after{
  position: absolute;
  content: '';
  width:20px;
  height:3px;
  left:50%;
  margin:20px 0 0 -10px;
  display:block;
  background:#8dd7f7;
}
.section-sub-ttl {
  display:block;
  font-size:28px;
  text-align:center;
  line-height:1.4;
  font-weight:bold;
  position:relative;
  margin:0px;
}
.section-sub-ttl span  {
  font-size:12px;
  letter-spacing:.4em;
  display:block;
}
.section-sub-ttl:after{
  position: absolute;
  content: '';
  width:20px;
  height:3px;
  left:50%;
  margin:20px 0 0 -10px;
  display:block;
  background:#8dd7f7;
}
.section-menu-ttl {
  display:block;
  font-size:20px;
  text-align:center;
  line-height:1.4;
  font-weight:bold;
  position:relative;
  margin:0px;
}
.section-menu-ttl span  {
  font-size:12px;
  letter-spacing:.4em;
  display:block;
}
.line-copy {
  display:block;
  font-size:16px;
  line-height: 1.2;
  text-align:center;
  line-height:1.8;
  font-weight:bold;
  position:relative;
  margin:0px 0 30px;
}
.line-copy:after{
  position: absolute;
  content: '';
  width:20px;
  height:1px;
  left:50%;
  margin:15px 0 0 -10px;
  display:block;
  background:#8dd7f7;
}
@media screen and ( max-width:1000px) {
  .section-ttl {
    font-size:24px;
  }
  .section-ttl span  {
    font-size:10px;
  }
  .section-sub-ttl {
    font-size:20px;
  }
  .section-sub-ttl span  {
    font-size:10px;
  }
  .section-menu-ttl {
    font-size:18px;
  }
  .section-menu-ttl span  {
    font-size:10px;
  }
}


/*--------------------------------------------------------
	Header
-------------------------------------------------------- */
header{
  position: relative;
  top:0;
  height:72px;
  width: 100%;
  z-index: 100;
  background: #fff;
}
#logo{
  position: absolute;
  top:10px;
  left:21px;
	display:block;
	width:72px;
	height:auto;
}
#heaader-utility{
  position: absolute;
  top:16px;
  right:16px;
  display: block;
  z-index: 11000 !important;
}
#heaader-utility li{
  float: left;
}
#heaader-utility .header-tel{
  width:228px;
  margin-top:5px;
}
#heaader-utility .header-tel p{
  font-size:10px;
  margin-top:8px;
}
#heaader-utility .button{
  margin:0 0 0 7px;
  z-index: 11000 !important;
}
#header-inner{
    max-width: 100%;
    margin:0 auto;
    /*position: relative;*/
}
#gnav{
  position: absolute;
  top:21px;
  right:16px;
  z-index:10000 !important;
}
#gnav .h-nav{
margin-right:166px;
z-index: -100 !important;
}
#gnav .h-nav li{
	float:left;
}
#gnav .h-nav li a{
	padding: 0 15px;
	position:relative;
	outline:none;
}
#toggle { display:none; }
.heaader-utility-sp{
  display: none;
}
/*#main{
  padding-top:120px;
}*/

@media screen and (min-width: 1000px) {

  #gnavi .h-nav li:first-child a {
  }
  #gnav .h-nav li a::after {
    content: '';
    background-color:#8dd7f7;
    position:absolute;
    bottom:-12px;
    left:10%;
    width:80%;
    height:4px;
    -webkit-transform:scaleX(0);
    -ms-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transition:all .3s ease;
    transition:all .3s ease;
  }
  #gnav .h-nav li a:hover::after {
    -webkit-transform:scaleX(1);
    -ms-transform:scaleX(1);
    transform:scaleX(1);
  }
  #gnav .h-nav li.current a::after{
     height:4px;
     opacity:1;
     -webkit-transform:translateY(0px);
     -moz-transform:translateY(0px);
     transform:translateY(0px);
  }
}

@media screen and (max-width: 999px) {
  header{
    height:60px;
  }
  #header-inner{
      padding:0 ;
  }
  #logo{
    top:10px;
    left:10px;
  	width:56px;
  }
  #heaader-utility{
    display: none;
  }
  #panel-btn {
      width:60px;
      height:60px;
      display:inline-block;
      position:absolute;
      top:0px;
      background:#8dd7f7;
      right:0px;
  }
  #toggle {
      display:block;
      float:right;
      margin:0 10px 0 0;
  }
  #panel-btn:hover {
    opacity:0.6;
    -moz-opacity:.6;
    filter:alpha(opacity=60);
  }
  #panel-btn-icon {
    width:20px;
    height:1px;
    margin:-1px 0px 0px -10px;
    position:absolute;
    top:50%;
    left:50%;
    background-color:#fff;
    display:block;
    -webkit-transition: .1s;
    -moz-transition: .1s;
    transition: .1s;
  }
  #panel-btn-icon:before, #panel-btn-icon:after {
    width:20px;
    height:1px;
    background-color:#fff;
    position:absolute;
    top:50%;
    left:0;
    display:block;
    content:"";
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
  }
  #panel-btn-icon:before{
    margin-top:-7px;
  }
  #panel-btn-icon:after {
    margin-top:5px;
  }
  #panel-btn .close     {
    background:transparent;
  }
  #panel-btn .close:before, #panel-btn .close:after {
    margin-top:-1px;
  }
  #panel-btn .close:before {
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
  }
  #panel-btn .close:after {
    -webkit-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    transform:rotate(-135deg);
  }
#gnav {
    width:100%;
    top:60px;
  right:0;
    z-index:10000 !important;
    margin:0px 0 0;
    padding:0;
    background:#333;
}
#gnav .h-nav{
margin-right:0;
z-index: -100 !important;
}
  #gnav .h-nav li {
    width:50%;
    margin:0;
    padding:0;
    text-align:center;
    line-height:1.3;
    border-bottom:1px solid #555;
    border-right:1px solid #555;
  }
  #gnav .h-nav li:nth-child(even){
    border-right:none;
  }
  #gnav .h-nav li a {
    padding:14px 0;
    display:block;
    font-size:12px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    border:none;
    line-height:1.2;
    -webkit-transition:opacity 0.3s ease;
    -moz-transition:opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
  }
  #gnav .h-nav li a:hover  {
    background:#4e6369;
    color:#fff;
  }
  .heaader-utility-sp{
    margin:10px 0;
    text-align: center;
    display: block;
    overflow: hidden;
  }
  .heaader-utility-sp li{
    width:60%;
    text-align: center;
    margin:10px 20%;
    float:none;
  }
  .heaader-utility-sp .header-tel img{
    display: inline-block;
  }
  .heaader-utility-sp .header-tel p{
    font-size:10px;
    color:#fff;
    margin-top:8px;
  }
}
/*--------------------------------------------------------
	Bnr-block
-------------------------------------------------------- */
#spcontent--block{
  background: #f2f6f7;
  margin-top:70px;
}
#spcontent--block .page-inner{
  padding:20px 0;
  max-width: 1260px;
}
#spcontent--block .spbnr-img img {
    margin: 0 auto;
    width: 190px;
}
@media screen and (max-width: 780px){
  #spcontent--block{
    margin-top:40px;
  }
  #spcontent--block .spbnr-img img {
      width: 150px;
  }
}

/*--------------------------------------------------------
	Contact-block
-------------------------------------------------------- */
#contact--block{
  background: url(../img/common/bg-contact.jpg);
  background-size: cover;
  background-position: center;
  text-align: center;
  color:#fff;
}
#contact--block .page-inner{
  padding:90px 0;
}
#contact--block .section-ttl{
  color:#fff;
}
#contact--block ul{
  max-width:700px;
  margin:0 auto;
}
#contact--block li{
  float:left;
  width: 330px;
  margin:0 10px;
}
#contact--block .footer-tel{
  text-align: left;
}
#contact--block .footer-tel p{
  font-size: 12px;
  margin-top: 8px;
}
#contact--block .button {
    font-size: 14px;
    line-height: 60px;
	z-index: 11000 !important;
}
#contact--block .square-btn {
    background:#fff;
    color: #000 !important;
	z-index: 11000 !important;
}
#contact--block .square-btn:hover {
    background-color: #8dd7f7;
    color: #fff ;
}
#contact--block .square-btn a:active{
    background-color: #8dd7f7;
    color: #fff ;
}
#contact--block .square-btn a:focus,a:visited{
    color: #333;
}
#contact--block .button i {
    line-height: 60px;
}
@media screen and ( max-width:1000px) {
  #contact--block .page-inner{
    padding:20px 0;
  }
}
@media screen and (max-width: 780px){
  #contact--block li{
    float:none;
    width: 280px;
    margin:0 auto 20px ;
  }
  #contact--block .footer-tel{
    text-align: center;
  }
  #contact--block li:nth-child(2){
    margin:0 auto 0;
  }
}

/*--------------------------------------------------------
	sub menu
-------------------------------------------------------- */
#contents-sub-menu{
	padding: 20px 0;
	border-bottom: 1px solid #dcdcdc;
}
#contents-sub-menu ul {
	max-width: 1200px;
	margin: 0 auto;	
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
}
#contents-sub-menu ul li{
	display: inline-block;
	text-align: center;
	border-right: 1px solid #dcdcdc;
	color: #333;
}
#contents-sub-menu ul li:last-child{
	border-right: none;
}
#contents-sub-menu ul li a {
	display: block;
}

/*--------------------------------------------------------
	2 column block
-------------------------------------------------------- */
#left-box{
	float: left;
	width: 70%;
}
#right-box{
	float: right;
	width: 25%;
	background: #f0f4f5;
}
@media screen and (max-width: 780px){
	#left-box,
	#right-box{
    float: none;
    width: 100%;
  }
}

/*
	
	*/
.fNav{
  padding:10px 0;
  border-bottom: 1px solid #dcdcdc;
}
.fNavList{
	text-align:center;
  max-width:1200px;
	margin:10px auto ;
	font-size:12px;
}
.fNavList li {
    display: inline;
    padding: 0 8px;
    line-height: 2;
    border-right: 1px #ccc solid;
    color: #727272;
    text-decoration: none;
}
.fNavList li:last-child {
    border-right: 0;
}
@media screen and (max-width: 780px){
  .fNav{
   padding:0;
   border: none;
  }
  .fNavList{
  	margin:0;
  	border-top:solid 1px #ccc;
  }
  .fNavList li{
  	width:50%;
    float:left;
  	padding:0;
  	border:none;
  }
  .fNavList li a {
    margin:0;
  	display:block;
  	background:#fff;
    font-size:12px;
  	border-right:solid 1px #ccc;
  	border-bottom: solid 1px #ccc;
  	text-align:center;
  	vertical-align:middle;
  	line-height:4em;
  	text-decoration:none;
  }
  .fNavList li a:hover {
  	background:#333;
  	color:#fff;
  }
}
.footer-logo{
  text-align: center;
  padding:20px 0;
  border-bottom: 1px solid #dcdcdc;
}
.footer-logo ul{
  display: inline-block;
}
.footer-logo li{
  float:left;
  margin:0 5px;
}

#footer-outter{
  max-width: 1200px;
  margin: 0 auto;
  font-size: 12px;
  padding:10px 0 40px;
}
#footer-outter ul{
  border-left: 1px #ccc solid;
  float: left;
}
#footer-outter li {
  float: left;
}
#footer-outter li a{
  padding: 0 10px;
  border-right: 1px #ccc solid;
}
#footer-outter p {
  float: right;
}
@media screen and (max-width:780px){
  .footer-logo li{
    float:left;
    margin:0 2px;
  }
	#footer-outter{
		text-align:center;
		}
	#footer-outter ul{
		float:none;
		}
		#footer-outter li{
		float:none;
		text-align:center;
		}
    #footer-outter li a{
      padding: 12px 0 0;
      display: block;
      border: none;
    }
	#footer-outter p{
		float:none;
		margin-top:15px;
		}
}

/* news list common */
.date {
  display: table-cell;
  width: 100px;
  font-size: 12px;
  padding-right: 20px;
}
.info-cate {
  display: table-cell;
}
.title {
  display: table-cell;
  vertical-align: top;
  padding-left: 15px;
}

.category {
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  line-height: 24px;
  display: inline-block;
  width: 70px;
  height: 24px;
}
.category-topics .category { background:#f7b773; }
.category-info .category { background:#f1a7a7; }
.category-irnews .category { background:#a7d7a6; }

li .right-box{
	float: right;
	width: 260px;
}
li .section-sub-ttl{
  background:#8dd8f8;
  color: #fff;
  padding: 15px 0;
}

@media screen and (max-width: 780px){
  .date {
    width:80px;
    padding-right: 10px;
  }
  .title {
      display: block;
      clear: both;
      line-height: 1.2;
      padding-top: 8px;
      padding-left: 0px;
  }
}

/* pager */
.pager{
	margin: 30px 0;
	text-align: center;
	line-height: 1;
}
.pager a{
	display: inline-block;
	padding: 20px;
	border: 1px solid #d8d8d8;
}
.pager span.current{
	display: inline-block;
	padding: 20px;
	border: 1px solid #000;
}
.pager span.current,
.pager a:hover{
	background: #000;
	border: 1px solid #000;
	color: #fff;
}

/* table */
table.tbl-horizontal{
	width: 100%;
	border-collapse: collapse;
}
table.tbl-horizontal th,
table.tbl-horizontal td {
	padding: 10px 20px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}
table.tbl-horizontal th{
	white-space: nowrap;
}

/*20181210*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
input.wpcf7c-conf:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #999 inset;
}
/*20190215*/
@media screen and (max-width: 780px){
.line-copy {
  display:block;
  font-size:16px;
  line-height: 1.2;
  text-align:center;
  line-height:1.8;
  font-weight:bold;
  position:relative;
  margin:0 0 30px 0;
  display:table-cell;
  vertical-align: middle;
}
}