@charset "utf-8";

/* ----------------------------------------- */
/* CSS Version 20161208
/* ----------------------------------------- */

/* ----------------------------------------- */
/* 共通設定
/* ----------------------------------------- */

html {
  height: 100%;
  font-size: 62.5%;
}
body {
  height: 100%;
  
  font-size: 1.55rem;
  font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
  line-height: 160%;
  letter-spacing: 0.05rem;
  color: #333;
  
  background-image: url(../image/back_ground.png);
  background-repeat: repeat;
}
.clear:after {
  height: 0;
  display: block;
  clear: both;
  content: "";
}

img {
  vertical-align: bottom;
}


/* 印刷設定 */
@media print {
  body {
    width: 1024px;
    /* Print Background */
    -webkit-print-color-adjust: exact; /* chrome */
  }
}

/* ----------------------------------------- */
/* ヘッダ */
/* ----------------------------------------- */

#tag_header{
  width: 100%;
  min-width: 1000px;
  background: linear-gradient(to right, #7dccf3 50%, #ffffff 50%);
  top: 0;
  z-index: 99;
  position: sticky;
}
.header_txt{  
  width: 100%;
  
  color: #333;
}
.header_txt h1{
  padding-top: 10px;
  margin: 0 auto;
  
  font-weight: normal;
}

/* PC View */
@media print, screen and (min-width:650px) {
  .header_txt{
    min-width: 1000px;
    
    font-size: 1.4rem;
  }
  .header_txt h1{
    width: 950px;
    height: 32px;
    margin-right: auto;
    margin-left:auto;
    
    background-position: left top;
  }
  
  #header {
    width: 1000px !important;
    min-width:1000px;
    height:122px;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0 auto;
    background: linear-gradient(to right, #7dccf3 10%, #ffffff 0%);
    display: flex;
  }

  #header .header_left {
    width: 154px;
  }

  #header .header_right {
    width: 796px;
    padding-top: 18px;
  }
  .header_info {
    width: 796px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 18px;
  }
  
  .header_txt_2 {
    height: 51px;
    font-size: 14px;
    font-weight: bold;
    color: #49b7ef;
    position: relative;
    
    display: flex;
    align-items: center;
  }
  .header_txt_2::after{
    content: "/";
    width:0;
    font-size: 48px;
    position: absolute;
    font-weight: 100;
    right: 5px;
    
  }
  .header_tel {
    width: 225px;
    margin-left:15px;
  }
  .header_tel p{
    font-size: 14px;
    font-weight: bold;
    color: #49b7ef;
  }
  .header_tel a{
    display: block;
    width:100%;
    height: 100%;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
  }
  .header_tel span{
    font-size: 15.5px;
  }
  .header_inquiry {
    width: 237px;
    height: 49px;
    background: #ff699c;
    border-radius: 24.5px;
  }
  .header_inquiry a{
    width: 100%;
    height: 100%;
    color: #ffffff;
    font-size: 17px;
    font-weight: bold;
    
    display: flex;
    align-items: center;
    justify-content: center;  
  }
  .header_inquiry img{
    margin-right: 10px;
  }

  
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  #tag_header{
    display:none;
  }
  .header_txt {
    display: none;
  }
  #header {
    display: none;
  }
}

@media print {

#tag_header{
  position: absolute;
}

}

/* ----------------------------------------- */
/* グローバルナビ */
/* ----------------------------------------- */
/* Smart Phone View */
@media only screen and (max-width: 649px) {
  /* ナビゲーションメニュー（アイコン） */
  #tag_header nav{
    display: none;
  }
}

/* PC View */
@media print, screen and (min-width:650px) {
  
  .gnavi00 .globalnavi .gnavi00 a,
  .gnavi01 .globalnavi .gnavi01 a,
  .gnavi02 .globalnavi .gnavi02 a,
  .gnavi03 .globalnavi .gnavi03 a,
  .gnavi04 .globalnavi .gnavi04 a,
  .gnavi05 .globalnavi .gnavi05 a,
  .gnavi06 .globalnavi .gnavi06 a,
  .gnavi07 .globalnavi .gnavi07 a,
  .gnavi08 .globalnavi .gnavi08 a,
  .gnavi09 .globalnavi .gnavi09 a,
  .gnavi10 .globalnavi .gnavi10 a,
  .gnavi11 .globalnavi .gnavi11 a,
  .gnavi12 .globalnavi .gnavi12 a{
  }
  #tag_header nav {
    width: 100%;
  }
  .globalnavi {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
  }
  .globalnavi ul {
    display: flex;
    list-style-type: none;
    padding: 0;
    
    justify-content: flex-end;
  }
  .globalnavi li {
    text-align: center;
    overflow: hidden;

    font-size: 1.4rem;
    line-height: 100%;
    
    margin-left: 30px;

    position:relative;
  }
  .globalnavi li:last-child {
  }
  /* IE */
  .globalnavi li img{
    max-height: 40px;
    width: auto;
  }
  .globalnavi li a:hover img{
    opacity: 0.6;
  }
  
  /* Link */
  .globalnavi li a p{
    vertical-align: middle;
  }
  .globalnavi li a p.sp{
    display: none;
  }

  .globalnavi .gnavi{
    overflow: hidden;
    text-decoration: none;
    padding-bottom: 9px;
  }
  .globalnavi .gnavi:hover{
  }
  .globalnavi .gnavi a{
    color: #333333;
    font-weight: bold;
  }
  .globalnavi .gnavi a:hover{
    color: #49b7ef;
  }
  .globalnavi .gnavi a:hover::before{
    content:"";
    width:5px;
    height:5px;
    background:#ffd737;
    border-radius:5px;
    position:absolute;
    right:50%;
    bottom:0;
    transform: translateX(50%);

  }


  /* グローバルナビ メニューロールオーバー */
  .gnavi00 .globalnavi .gnavi00,
  .gnavi01 .globalnavi .gnavi01,
  .gnavi02 .globalnavi .gnavi02,
  .gnavi03 .globalnavi .gnavi03,
  .gnavi04 .globalnavi .gnavi04,
  .gnavi05 .globalnavi .gnavi05,
  .gnavi06 .globalnavi .gnavi06,
  .gnavi07 .globalnavi .gnavi07,
  .gnavi08 .globalnavi .gnavi08,
  .gnavi09 .globalnavi .gnavi09,
  .gnavi10 .globalnavi .gnavi10,
  .gnavi11 .globalnavi .gnavi11,
  .gnavi12 .globalnavi .gnavi12{
  }
/* /Original for each site */

}
/* ----------------------------------------- */
/* パンくずリスト */
/* ----------------------------------------- */
.topics-path {
  overflow: hidden;
  clear: both;
  width: 100%;
  max-width: 950px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
}
.topics-path_non {
  overflow: hidden;
  margin-bottom: 15px;
}

.topics-path ul {
  overflow: hidden;
  clear: both;
  width: 100%;
  margin: 15px 0 10px;
  padding-top: 3px;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.topics-path li {
  list-style-type: none;
  float: left;
  min-height: 20px;
  padding-right: 8px;
  color: #454545;
  line-height: 110%;
}
.topics-path li:before {
  font-family: 'gud_basic';
  content: "\e874";
  padding-right: 3px;
}
.topics-path li:first-child:before {
  font-family: 'gud_basic';
  content: "\e801";
  padding-right: 3px;
}

.topics-path li a {
  padding-right: 0;
  padding-left: 0;
  color: #454545;
  text-decoration: none;
}

.topics-path li a:last-child {
  padding-right: 13px;
  padding-left: 0;
  color: #454545;
  text-decoration: none;
}

.topics-path li a:hover {
  color: #f63;
}
/* Smart Phone View */
@media only screen and (max-width: 649px) {
  .topics-path {
    width: 90%;
    margin: 0 auto;
  }
}

/* ----------------------------------------- */
/* ローカルナビ */
/* ----------------------------------------- */

.localnavi{
  font-style: normal;
  color: #000000;
  font-size: 1.2rem;
  line-height: 120%;
  text-shadow: none;
  width: 100%;
  background: none;
  position: relative;
}
/* PC View */
@media print, screen and (min-width:650px) {
  .localnavi{
    font-weight: 500;
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    background: none;
  }
  .localnavi .toggle{
    display: none;
  }
  .localnavi ul{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-align: center;
    display: flex;
  }
  .localnavi li{
    width: 100%;
    height: 46px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
  }
  nav .localnavi li a{
    width: 100%;
    height: 100%;
    font-size: 15.5px;
    font-weight: bold;
    color: #ff699c;
    background-color:  #eeeeee;
    border-radius: 5px;
    text-decoration: none;
    display:flex;
    align-items:center;
    justify-content: center;  
    
  }
  nav .localnavi li a:visited{
    color: #143481;
  }
  .snavi00 .localnavi li.snavi00 a,
  .snavi01 .localnavi li.snavi01 a,
  .snavi02 .localnavi li.snavi02 a,
  .snavi03 .localnavi li.snavi03 a,
  .snavi04 .localnavi li.snavi04 a,
  .snavi05 .localnavi li.snavi05 a,
  .snavi06 .localnavi li.snavi06 a,
  .snavi07 .localnavi li.snavi07 a,
  .snavi08 .localnavi li.snavi08 a,
  .snavi09 .localnavi li.snavi09 a,
  .snavi00 .localnavi li.snavi00 a,
  .snavi11 .localnavi li.snavi11 a,
  .snavi12 .localnavi li.snavi12 a,
  .snavi13 .localnavi li.snavi13 a,
  .snavi14 .localnavi li.snavi14 a,
  .snavi15 .localnavi li.snavi15 a,
  .snavi16 .localnavi li.snavi16 a,
  .snavi17 .localnavi li.snavi17 a,
  .snavi18 .localnavi li.snavi18 a,
  .snavi19 .localnavi li.snavi19 a,
  .snavi20 .localnavi li.snavi20 a{
    color: #ffffff;
    background-color:  #ff699c;
    text-decoration: none;
  }
  .localnavi li a:hover{
    color: #ffffff;
    background-color:  #ff699c;
    text-decoration: none;
  }
  .localnavi .row_hr{
    display: none;
    height: 0;
  }
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  .localnavi{
    width: 100%;
    height:40px;
    margin-bottom: 8px;
  }
  .localnavi a {
    display: block;
  }
  .localnavi .toggle{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 14px 7%;
    position: relative;
    border-top: solid 1px #EEEEEE;
    border-bottom: solid 1px #EEEEEE;
    text-align: center;
  }
  .localnavi .toggle::after {
    font-size: 1.5rem;
    font-family: 'gud_basic';
    font-display: swap;
    font-weight: 400;
    content: "\e877";
    color: #666666;
    position: absolute;
    right: 5%;
    top: 0;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .localnavi .toggle.active::after {
    font-family: 'gud_basic';
    font-display: swap;
    font-weight: 400;
    content: "\e873";
  }
  .toggle .snavi00,
  .toggle .snavi01,
  .toggle .snavi02,
  .toggle .snavi03,
  .toggle .snavi04,
  .toggle .snavi05,
  .toggle .snavi06,
  .toggle .snavi07,
  .toggle .snavi08,
  .toggle .snavi09,
  .toggle .snavi00,
  .toggle .snavi11,
  .toggle .snavi12,
  .toggle .snavi13,
  .toggle .snavi14,
  .toggle .snavi15,
  .toggle .snavi16,
  .toggle .snavi17,
  .toggle .snavi18,
  .toggle .snavi19,
  .toggle .snavi20{
    display: none;
  }
  .snavi00 .toggle .snavi00,
  .snavi01 .toggle .snavi01,
  .snavi02 .toggle .snavi02,
  .snavi03 .toggle .snavi03,
  .snavi04 .toggle .snavi04,
  .snavi05 .toggle .snavi05,
  .snavi06 .toggle .snavi06,
  .snavi07 .toggle .snavi07,
  .snavi08 .toggle .snavi08,
  .snavi09 .toggle .snavi09,
  .snavi00 .toggle .snavi00,
  .snavi11 .toggle .snavi11,
  .snavi12 .toggle .snavi12,
  .snavi13 .toggle .snavi13,
  .snavi14 .toggle .snavi14,
  .snavi15 .toggle .snavi15,
  .snavi16 .toggle .snavi16,
  .snavi17 .toggle .snavi17,
  .snavi18 .toggle .snavi18,
  .snavi19 .toggle .snavi19,
  .snavi20 .toggle .snavi20{
    display: block;
  }
  
  .localnavi li{
    width: 86%;
    margin-left: auto;
    margin-right: auto;
    padding: 14px 0;

    font-size: 1.2rem;
    text-align: center;
    background-color: #FFFFFF;
    position: relative;
    z-index: 202;
    border-bottom: dashed 1px #cccccc;
  }
  .localnavi li:last-child {
    margin-bottom: 25px;
  }
  nav .localnavi li a,
  nav .localnavi li a:visited{
    color: #777777;
    text-decoration: none;
  }
  .snavi00 .localnavi li.snavi00 a,
  .snavi01 .localnavi li.snavi01 a,
  .snavi02 .localnavi li.snavi02 a,
  .snavi03 .localnavi li.snavi03 a,
  .snavi04 .localnavi li.snavi04 a,
  .snavi05 .localnavi li.snavi05 a,
  .snavi06 .localnavi li.snavi06 a,
  .snavi07 .localnavi li.snavi07 a,
  .snavi08 .localnavi li.snavi08 a,
  .snavi09 .localnavi li.snavi09 a,
  .snavi00 .localnavi li.snavi00 a,
  .snavi11 .localnavi li.snavi11 a,
  .snavi12 .localnavi li.snavi12 a,
  .snavi13 .localnavi li.snavi13 a,
  .snavi14 .localnavi li.snavi14 a,
  .snavi15 .localnavi li.snavi15 a,
  .snavi16 .localnavi li.snavi16 a,
  .snavi17 .localnavi li.snavi17 a,
  .snavi18 .localnavi li.snavi18 a,
  .snavi19 .localnavi li.snavi19 a,
  .snavi20 .localnavi li.snavi20 a{
    color: #594842;
  }
  .localnavi ul.inner{
    width: 100%;
    display: none;
    position: relative;
    margin-bottom: 0px;
  }
  .localnavi ul.inner::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 50px;
    bottom: -0;
    background: rgba(0,0,0,0.1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.15) 0%, rgba(255,255,255,0) 70%);
    background: -webkit-gradient(radial, center center, 0px, center center, 70%, color-stop(0%, rgba(0,0,0,0.1)), color-stop(70%, rgba(255,255,255,0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 70%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 70%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.15) 0%, rgba(255,255,255,0) 70%);
    background: radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%, rgba(255,255,255,0) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );
    z-index: 101;
  }
}
/* ----------------------------------------- */
/* メイン */
/* ----------------------------------------- */

/* PC View */
@media print, screen and (min-width:650px) {
  /* ----------------------------------------- */
  /* メイン-PC
  /* ----------------------------------------- */

  .main_wrapper{
    /*
    width: 1000px;
    margin: 0 auto;
    */
    min-width: 1000px; 
    padding-bottom: 50px;
  }


  #main {
    width: 950px;
    margin: 0 auto;
  }

  .mainImg {
    margin-bottom: 15px;
    overflow: hidden;
  }

  #main-content {
    width: 690px;
    float: left;
    overflow: hidden;
  }
  #main-column1w {
    /*
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    */
    float: none;
    overflow: hidden;
  }
  #main-column1s {
    /*
    width: 820px;
    margin-left: auto;
    margin-right: auto;
    */
    float: none;
    overflow: hidden;
  }

}



/* Smart Phone View */
@media only screen and (max-width: 649px) {

  .main_wrapper{
    width: 100%;
  }

  #main {
    width: 100%;
  }
  .main_wrapper{
    padding-bottom: 30px;
  }



  /* ----------------------------------------- */
  /* コンテンツ-SP
    /* ----------------------------------------- */
  #main-content,
  #main-column1w,
  #main-column1s{
    width: 100%;
    margin: 0 auto;
    float: none;
  }
  .mainImg {
    margin-bottom: 15px;
    overflow: hidden;
  }
}

/* ----------------------------------------- */
/* フッタ */
/* ----------------------------------------- */
#footer {
  background-color: #FFF;
}
#footer a {
  color: #333;
}
#footer a:hover {
  color: #FB4A4C;
  }
.footer_copy{
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 110px;
  color: #333;
  font-size: 1.2rem;
  text-align: center;
  background: #7dccf3;
}
.footer_copy a{
  text-decoration: none;
  color: #333;
}



#footer .footer_company {
  width: 100%;
  overflow: hidden;
  background-color: #EAE3E1;
  color: #333;
}
#footer .sitemap h2{
  margin-top: 12px;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-bottom: 8px;
  background-image: url(../image/footer_h2_back.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
}

#footer .footer_company a {
  color: #333;
}
#footer .footer_company a:hover {
  color: #333;
}


/* Smart Phone View */
@media only screen and (max-width: 649px) {
  footer {
    width: 100%;
  }

  #footer .footer_head {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    clear: both;
    padding-bottom: 6px;
  }
  #footer .footer_head_left {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 10px;
    font-size: 1.4rem;
  }

  #footer .footer_head_right {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 4px;
    font-size: 1.4rem;
  }
  #footer .footer_head img{
    max-width: 100%;
  }

  #footer .footer_address:before{
    content: "";
    clear: both;
    display: block;
  }
  #footer .footer_address{
    float: left;
    font-size: 1.2rem;
    line-height: 130%;
    margin-top: 6px;
  }


  /* サイトマップ */
  #footer .sitemap h2{
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    color: #FFF;
  }

  #footer .sitemap ul {
    width: 45%;
    float: left;
    margin-left: 3%;
    list-style: none;
  }

  #footer .sitemap li {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 4px;
    padding: 0 15px 0 1.2em;
    font-size: 1.3rem;
    text-decoration: none;
    position: relative;
  }
  #footer .sitemap li.list2 {
    padding: 0 15px 0 2em;
  }
  #footer .sitemap li:before {
    font-family: 'gud_basic';
    content: "\e861";
    padding-right: 3px;
    color: #323232;

    display: inline-block;
    position: absolute;
    left: 0;
  }
  #footer .sitemap li.list2:before {
    font-family: 'gud_basic';
    content: "\e803";
    padding-right: 3px;
    padding-left: 10px;
    color: #323232;

    display: inline-block;
    position: absolute;
    left: 0;
  }
  #footer .sitemap li:after {
    height: 0;
    display: block;
    clear: both;
    content: "";
  }

}

/* PC View */
@media print, screen and (min-width:650px) {
  footer {
    width: 100%;
    min-width: 1000px;
  }

  #footer .footer_head {
    width: 950px;
    margin: 0 auto;
    overflow: hidden;
    table-layout: auto;
    display: table;
  }

  #footer .footer_head_left {
    padding-top: 20px;
    padding-bottom: 20px;
    display: table-cell;
    vertical-align: middle;
    font-size: 1.4rem;
  }

  #footer .footer_head_right {
    padding-top: 20px;
    padding-bottom: 20px;
    display: table-cell;
    vertical-align: middle;
    font-size: 1.4rem;
  }



  /* サイトマップ */
  #footer .sitemap {
    width: 950px;
    overflow: hidden;
    margin: 0 auto;
  }

  #footer .sitemap ul {
    width: 235px;
    list-style: none;
    margin-bottom: 30px;
    float: left;
  }

  #footer .sitemap li {
    display: block;
    width: 235px;
    float: left;
    margin-bottom: 4px;
    padding: 0 15px 0 1.2em;
    font-size: 1.3rem;
    text-decoration: none;

    position: relative;
  }
  #footer .sitemap li.list2 {
    padding: 0 15px 0 2em;
  }

  #footer .sitemap li:before {
    font-family: 'gud_basic';
    content: "\e861";
    padding-right: 3px;
    color: #323232;

    display: inline-block;
    position: absolute;
    left: 0;
  }

  #footer .sitemap li.list2:before {
    font-family: 'gud_basic';
    content: "\e803";
    padding-right: 3px;
    padding-left: 10px;
    color: #323232;

    display: inline-block;
    position: absolute;
    left: 0;
  }
  #footer .sitemap li:after {
    height: 0;
    display: block;
    clear: both;
    content: "";
  }

  .footer_copy{
    overflow: hidden;
    min-width: 1000px;
    padding-bottom: 10px;
    background-color: #7dccf3;
    color: #000000;
  }
  .footer_copy a{
    color: #000000;
  }

}

/* ----------------------------------------- */
/* link_banner */
/* ----------------------------------------- */

/* PC View */
@media print, screen and (min-width:650px) {
  #link_banner {
    width: 60px;
    height: 195px;
    background: #ffffff;
    border: none;
    border-radius: 15px 0 0 15px;
    overflow: hidden;
    postion: -webkit-sticky;
    position: fixed;
    top: 500px;
    right: 0px;
    z-index: 100;
    
    text-align: center;
  }
  #link_banner dl dd{
    margin-top: 15px;
  }
  #link_banner .banner01{

  }
  #link_banner .banner02{
    
  }
  #link_banner .banner03{
    
  }
  #link_banner .banner04{
    
  }
  #link_banner a:hover img{
    opacity: 0.6;
  }
  #link_banner_sp {
    display: none;
  }
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  
  #link_banner {
    display: none;
  }
}

/* ----------------------------------------- */
/* link_banner */
/* ----------------------------------------- */
/* PC View */
@media print, screen and (min-width:650px) {
  #clinging_insect{
    width: 100px;
    border: none;
    overflow: hidden;
    position: -webkit-sticky;
    position: fixed;
    top: 102px;
    right: 0px;
    z-index: 100;
  }
  #clinging_insect {
    transition: transform 0.5s ease;
  }
}

/* Smart Phone View */
@media only screen and (max-width: 649px) {

  #clinging_insect {
    display:none;
  }
  
}