@charset "utf-8";

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

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

html {
  height: 100%;
  font-size: 62.5%;
}
body {
  height: 100%;
  background-color: #FFF;
  color: #333;
  font-family: 'Noto Sans JP', meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, Verdana, "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
  font-size: 1.55rem;
  letter-spacing: 0.05rem;
  line-height: 160%;
}
.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{
  min-width: 1000px;
  background-color: rgba(255, 255, 255, 0.75);
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  background-color: rgba(255,255,255,0.75);
  z-index: 1000;
}
body {
  padding-top: 101px;
}
/* Smart Phone View */
@media only screen and (max-width: 649px) {
  #tag_header{
    min-width: 100%;
    height: 64px;
  }
  #header {
    display: none;
  }
}

/* PC View */
@media print, screen and (min-width:650px) {
  #header {
    width: 1000px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px;
    margin: 0 auto;
    display: table;
    border-collapse: separate;
    border-spacing: 8px 0; 
  }

  #header {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden;
  }

  .header_left {
    flex: 0 0 auto;
  }

  .header_right_tel {
    flex: 0 0 auto;
    margin-left: auto;
    margin-right: 10px;
  }

  .header_right_inquiry {
    flex: 0 0 auto;
  }

  .header_right_inquiry a:hover img {
    content: url('/image/header_inquiry_h.png');
  }

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

/* PC View */
@media print, screen and (min-width:650px) {
  .globalnavi .gnavi a p{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 100;
    color: #333333;
    font-size: 1.7rem;
  }
  .gnavi00 .globalnavi .gnavi00 a p,
  .gnavi01 .globalnavi .gnavi01 a p,
  .gnavi02 .globalnavi .gnavi02 a p,
  .gnavi03 .globalnavi .gnavi03 a p,
  .gnavi04 .globalnavi .gnavi04 a p,
  .gnavi05 .globalnavi .gnavi05 a p,
  .gnavi06 .globalnavi .gnavi06 a p,
  .gnavi07 .globalnavi .gnavi07 a p,
  .gnavi08 .globalnavi .gnavi08 a p,
  .gnavi09 .globalnavi .gnavi09 a p,
  .gnavi10 .globalnavi .gnavi10 a p,
  .gnavi11 .globalnavi .gnavi11 a p,
  .gnavi12 .globalnavi .gnavi12 a p{
    text-decoration-line: underline;
    text-decoration-thickness: 4px;
    text-decoration-color: #57C785;
    text-underline-offset: 8px;
    padding-top: 8px;
  }
  #tag_header nav {
    width: 100%;
    min-width: 1000px;
    height: 41px;
    /* http://www.colorzilla.com/gradient-editor/ */
  }
  .globalnavi {
    overflow: hidden;
    width: 950px;
    margin: 0 auto;
  }
  .globalnavi ul {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 4px;
    padding: 0;
    margin: 0; 
  }
  .globalnavi li {
    list-style: none;
    flex: 0 0 auto;
  }

  /* IE */
  .globalnavi li img{
    max-height: 40px;
    width: auto;
  }
  .globalnavi li a:hover img{
    opacity: 0.6;
  }
  
  /* Link */
  .globalnavi li a p{
    display: inline-block;
    padding: 0.3em 0.5em;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    padding-top: 8px;
  }
  .globalnavi li a p.sp{
    display: none;
  }

  .globalnavi .gnavi{
    overflow: hidden;
    text-decoration: none;
  }
  .globalnavi .gnavi a p:hover{
    text-decoration-line: underline;
    text-decoration-thickness: 4px;
    text-decoration-color: #57C785;
    text-underline-offset: 8px;
    padding-top: 8px;
  }

  /* グローバルナビ メニューロールオーバー */
  .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{
    color: #FFF;
  }
/* /Original for each site */

}

  /* PC View */
@media print, screen and (min-width:650px) {
  #top_slogan{
    position: absolute;
    z-index: 3;
    top: 340px;
    left: 50%;
    transform-origin: center center;
    transform: translate(-50%, 0);
  }
  #top_slogan_recruit{
    position: absolute;
    z-index: 3;
    top: 540px;
    left: 46%;
    transform-origin: center center;
    transform: translate(-50%, 0);
  }
  .mainImg_scroll {
    width: 950px;
    margin: 0 auto;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 6;
    top: 700px;
    animation: img_arrow 2s 1s ease-in-out infinite;
  }
  @keyframes img_arrow{
      0%{top:700px;}
     18%{top:712px;}
     45%{top:700px;}
     64%{top:700px;}
     82%{top:712px;}
    100%{top:700px;}
  }
}
/* Smart Phone View */
@media only screen and (max-width: 649px) {
  #top_slogan{
    width: 80vw;
    position: absolute;
    z-index: 3;
    top: 56vw;
    left: 50%;
    text-align: center;
    transform-origin: center center;
    transform: translate(-50%, 0);
  }
  #top_slogan_recruit{
    width: 90vw;
    position: absolute;
    z-index: 3;
    top: 56vw;
    left: 50%;
    text-align: center;
    transform-origin: center center;
    transform: translate(-50%, 0);
  }
  .mainImg_scroll {
    width: 3%;
    left: 5%;
    margin: 0 auto;
    position: absolute;
    z-index: 6;
    top: 90vw;
    animation: img_arrow 2s 1s ease-in-out infinite;
  }
  @keyframes img_arrow{
      0%{top:94vw;}
     18%{top:97vw;}
     45%{top:94vw;}
     64%{top:94vw;}
     82%{top:97vw;}
    100%{top:94vw;}
}
}
/* ----------------------------------------- */
/* パンくずリスト */
/* ----------------------------------------- */
.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: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 {
  list-style-type: none;
  float: left;
  min-height: 20px;
  padding-right: 8px;
  color: #454545;
  line-height: 110%;
}

.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-family: 'Noto Sans JP', sans-serif;
  font-weight: 100;
  color: #333333;
  font-size: 1.7rem;
  line-height: 120%;
  text-shadow: none;
  width: 100%;
  background: none;
  position: relative;
}
/* PC View */
@media print, screen and (min-width:650px) {
  .localnavi{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1px;
    background: none;
  }
  .localnavi .toggle{
    display: none;
  }
  .localnavi ul{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-align: center;
    display: table;
    table-layout: fixed;
  }
  .localnavi li{
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
  }
  nav .localnavi li a:visited{
    color: #777777;
  }
  nav .localnavi li a{
    color: #000;
    text-decoration: none;
    display: block;
    width: 100%;
    border: 2px solid #57C785;
    border-radius: 6px;
    padding-top: 6px;
    padding-left: 10px;
    padding-bottom: 6px;
    text-align: left;
  }
  nav .localnavi li a::before{
    content: "▼";
    font-size: 1.0rem;
    color: #57C785;
    padding-right: 8px;
    position: relative;
    top: -3px;
  }
  .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: #fff;
    text-decoration: none;
    display: block;
    width: 100%;
    border: 2px solid #57C785;
    border-radius: 6px;
    background-color: #57C785;
    padding-top: 6px;
    padding-left: 10px;
    padding-bottom: 6px;
  }
  .localnavi li a:hover{
    color: #fff;
    text-decoration: none;
    display: block;
    width: 100%;
    border: 2px solid #57C785;
    border-radius: 6px;
    background-color: #57C785;
    padding-top: 6px;
    padding-left: 10px;
    padding-bottom: 6px;
  }
  nav .localnavi li a:hover::before{
    content: "▼";
    font-size: 1.0rem;
    color: #FFFFFF;
    padding-right: 8px;
    position: relative;
    top: -3px;
  }
  .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;
    background-color: #FFF;
    padding-top: 25px;
    /*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%;
    background-color: #FFF;
  }

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

/* ----------------------------------------- */
/* サイドバー */
/* ----------------------------------------- */

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  #side {
    width: 100%;
    margin-top: 40px;
  }
}

/* PC View */
@media print, screen and (min-width:650px) {
  #side {
    float: left;
    width: 220px;
    margin-top: 0;
    margin-left: 40px;
  }

  .snavi00 .sidenavi .snavi00 p,
  .snavi01 .sidenavi .snavi01 p,
  .snavi02 .sidenavi .snavi02 p,
  .snavi03 .sidenavi .snavi03 p,
  .snavi04 .sidenavi .snavi04 p,
  .snavi05 .sidenavi .snavi05 p,
  .snavi06 .sidenavi .snavi06 p,
  .snavi07 .sidenavi .snavi07 p,
  .snavi08 .sidenavi .snavi08 p,
  .snavi09 .sidenavi .snavi09 p,
  .snavi10 .sidenavi .snavi10 p,
  .snavi11 .sidenavi .snavi11 p,
  .snavi12 .sidenavi .snavi12 p,
  .snavi13 .sidenavi .snavi13 p,
  .snavi14 .sidenavi .snavi14 p,
  .snavi15 .sidenavi .snavi15 p,
  .snavi16 .sidenavi .snavi16 p,
  .snavi17 .sidenavi .snavi17 p,
  .snavi18 .sidenavi .snavi18 p,
  .snavi19 .sidenavi .snavi19 p,
  .snavi20 .sidenavi .snavi20 p,
  .snavi21 .sidenavi .snavi21 p,
  .snavi22 .sidenavi .snavi22 p,
  .snavi23 .sidenavi .snavi23 p,
  .snavi24 .sidenavi .snavi24 p,
  .snavi25 .sidenavi .snavi25 p,
  .snavi26 .sidenavi .snavi26 p,
  .snavi27 .sidenavi .snavi27 p,
  .snavi28 .sidenavi .snavi28 p,
  .snavi29 .sidenavi .snavi29 p,
  .snavi30 .sidenavi .snavi30 p,
  .snavi31 .sidenavi .snavi31 p,
  .snavi32 .sidenavi .snavi32 p,
  .snavi33 .sidenavi .snavi33 p,
  .snavi34 .sidenavi .snavi34 p,
  .snavi35 .sidenavi .snavi35 p,
  .snavi36 .sidenavi .snavi36 p,
  .snavi37 .sidenavi .snavi37 p,
  .snavi38 .sidenavi .snavi38 p,
  .snavi39 .sidenavi .snavi39 p,
  .snavi40 .sidenavi .snavi40 p{
    background-color: #EAE3E1;
    font-weight: bold;
    color: #F15A24;
  }


}

/* ----------------------------------------- */
/* サイドナビ */
/* ----------------------------------------- */
/* PC,SP共通*/

.sidenavi a ,
.sidenavi2 a {
  color: #333;
}



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

  .sidenavi .sp {
    width: 90%;
    margin: 0 auto;
  }
  .sidr ul li.pc{
    display: none;
  }
 
 
  #side .snavi_1box{
    margin-top: 5px;
    background-color: #EAE3E1;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 8px;
    padding-right: 8px;
  }
  #side .snavi_1box p{
    padding-top: 8px;
    font-size: 1.2rem;
    line-height: 140%;
    margin-bottom: 0;
  }
  #side .snavi_1box p img{
    width: 100%;
    height: auto;
  }
  #side .snavi_1box p:nth-last-child(1){
    padding-bottom: 5px;
  }

}

/* Smart Phone View */
@media only screen and (max-width: 649px) {
  .sidenavi2{
    overflow: hidden;
  }

  .sidenavi2{
    background-color: #F1EDE9;
  }
  .sidenavi2 h2:before {
    font-family: 'gud_basic';
    font-size: 0.85em;
    content: "\e861";
    padding-right: 3px;
    padding-left: 3px;
  }
  .sidenavi2 h2{
    display: block;
    width: 100%;
    border-top: 1px solid #886027;
    border-bottom: 1px solid #FFF;
    padding: 5px 12px 3px 0;
    font-size: 1.4rem;
    line-height: 1.2em;
    overflow: hidden;
  }

  .sidenavi2 ul {
    width: 100%;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #886027;
    overflow: hidden;
  }

  .sidenavi2 li a:before {
    font-family: 'gud_basic';
    content: "\e86d";
    padding-right: 3px;
    padding-left: 3px;
    color: #F90;
  }
  .sidenavi2 li a{
    display: block;
    width: 50%;
    float: left;
    padding: 5px 0 3px 0;
    font-size: 1.2rem;
    line-height: 1.2em;
    border-top: 1px solid #886027;
    border-bottom: 1px solid #FFF;
    text-decoration: none;
  }
  .sidenavi2 li:nth-child(odd) a{
    border-right: 1px solid #FFF;
  }
  .sidenavi2 li:nth-child(even) a{
    border-left: 1px solid #886027;
  }

  .snavi00 .sidenavi2 li.snavi00 a,
  .snavi01 .sidenavi2 li.snavi01 a,
  .snavi02 .sidenavi2 li.snavi02 a,
  .snavi03 .sidenavi2 li.snavi03 a,
  .snavi04 .sidenavi2 li.snavi04 a,
  .snavi05 .sidenavi2 li.snavi05 a,
  .snavi06 .sidenavi2 li.snavi06 a,
  .snavi07 .sidenavi2 li.snavi07 a,
  .snavi08 .sidenavi2 li.snavi08 a,
  .snavi09 .sidenavi2 li.snavi09 a,
  .snavi10 .sidenavi2 li.snavi10 a,
  .snavi11 .sidenavi2 li.snavi11 a,
  .snavi12 .sidenavi2 li.snavi12 a,
  .snavi13 .sidenavi2 li.snavi13 a,
  .snavi14 .sidenavi2 li.snavi14 a,
  .snavi15 .sidenavi2 li.snavi15 a,
  .snavi16 .sidenavi2 li.snavi16 a,
  .snavi17 .sidenavi2 li.snavi17 a,
  .snavi18 .sidenavi2 li.snavi18 a,
  .snavi19 .sidenavi2 li.snavi19 a,
  .snavi20 .sidenavi2 li.snavi20 a,
  .snavi21 .sidenavi2 li.snavi21 a,
  .snavi22 .sidenavi2 li.snavi22 a,
  .snavi23 .sidenavi2 li.snavi23 a,
  .snavi24 .sidenavi2 li.snavi24 a,
  .snavi25 .sidenavi2 li.snavi25 a,
  .snavi26 .sidenavi2 li.snavi26 a,
  .snavi27 .sidenavi2 li.snavi27 a,
  .snavi28 .sidenavi2 li.snavi28 a,
  .snavi29 .sidenavi2 li.snavi29 a,
  .snavi30 .sidenavi2 li.snavi30 a,
  .snavi31 .sidenavi2 li.snavi31 a,
  .snavi32 .sidenavi2 li.snavi32 a,
  .snavi33 .sidenavi2 li.snavi33 a,
  .snavi34 .sidenavi2 li.snavi34 a,
  .snavi35 .sidenavi2 li.snavi35 a,
  .snavi36 .sidenavi2 li.snavi36 a,
  .snavi37 .sidenavi2 li.snavi37 a,
  .snavi38 .sidenavi2 li.snavi38 a,
  .snavi39 .sidenavi2 li.snavi39 a,
  .snavi40 .sidenavi2 li.snavi40 a{
    background-color: #C1BEBA;
    color: #3E1217;
    font-weight: bold;
  }


}


/* PC View */
@media print, screen and (min-width:650px) {
  #side a {
    color: #000;
  }

  #sidenavi {
  }

  #sidenavi ul {
    list-style-type: none;
  }

  .sidenavi li {
    display: block;
    overflow: hidden;
    margin-bottom: 5px;
  }

  #side a {
    text-decoration: none;
  }

  #side .sidenavi a:hover img{
    opacity: 0.6;
  }

  #sidenavi {
    margin-bottom: 12px;
  }

  #side .side_link{
    font-size: 1.2rem;
  }

  #side .snavi_1box{
    margin-top: 5px;
    background-color: #EAE3E1;
    width: 220px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 8px;
    padding-right: 8px;
  }
  #side .snavi_1box p{
    padding-top: 8px;
    font-size: 1.4rem;
  }
  #side .snavi_1box p:nth-last-child(1){
    padding-bottom: 5px;
  }
}

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

  .sidenavi a ,
  .sidenavi2 a {
    text-decoration: none;
  }

  .sidenavi2{
    overflow: hidden;
  }

  .sidenavi2{
    padding-bottom: 20px;
    margin-bottom: 20px;
    background-color: #F1EDE9;
    border-radius: 5px;
  }

  .sidenavi2 h2:before {
    font-family: 'gud_basic';
    font-size: 0.85em;
    content: "\e861";
    padding-right: 3px;
    padding-left: 3px;
  }
  .sidenavi2 h2{
    display: block;
    width: 200px;
    padding: 0 0 0 0;
    margin: 12px 10px 4px 10px;
    font-size: 1.6rem;
    line-height: 1.8em;
    border-bottom: 1px solid #3E1217;
    overflow: hidden;
  }

  .sidenavi2 ul {
    width: 220px;
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0px;
    overflow: hidden;
    position: relative;
  }

  .sidenavi2 li:before {
    font-family: 'gud_basic';
    content: "\e86d";
    padding-right: 3px;
    padding-left: 3px;
    left: 14px;
    color: #F60;
    position: absolute;
  }
  .sidenavi2 li {
    display: block;
    width: 180px;
    float: left;
    margin-bottom: 4px;
    padding: 10px 0 10px 1em;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 1.3rem;
    border-bottom: 1px dashed #666;
    text-decoration: none;
  }
  .sidenavi2 li.list2:before {
    content: "\e875";
    left: 22px;
  }
  .sidenavi2 li.list2 {
    padding: 10px 0 10px 1.6em;
  }

  .snavi00 .sidenavi2 li.snavi00 a,
  .snavi01 .sidenavi2 li.snavi01 a,
  .snavi02 .sidenavi2 li.snavi02 a,
  .snavi03 .sidenavi2 li.snavi03 a,
  .snavi04 .sidenavi2 li.snavi04 a,
  .snavi05 .sidenavi2 li.snavi05 a,
  .snavi06 .sidenavi2 li.snavi06 a,
  .snavi07 .sidenavi2 li.snavi07 a,
  .snavi08 .sidenavi2 li.snavi08 a,
  .snavi09 .sidenavi2 li.snavi09 a,
  .snavi10 .sidenavi2 li.snavi10 a,
  .snavi11 .sidenavi2 li.snavi11 a,
  .snavi12 .sidenavi2 li.snavi12 a,
  .snavi13 .sidenavi2 li.snavi13 a,
  .snavi14 .sidenavi2 li.snavi14 a,
  .snavi15 .sidenavi2 li.snavi15 a,
  .snavi16 .sidenavi2 li.snavi16 a,
  .snavi17 .sidenavi2 li.snavi17 a,
  .snavi18 .sidenavi2 li.snavi18 a,
  .snavi19 .sidenavi2 li.snavi19 a,
  .snavi20 .sidenavi2 li.snavi20 a,
  .snavi21 .sidenavi2 li.snavi21 a,
  .snavi22 .sidenavi2 li.snavi22 a,
  .snavi23 .sidenavi2 li.snavi23 a,
  .snavi24 .sidenavi2 li.snavi24 a,
  .snavi25 .sidenavi2 li.snavi25 a,
  .snavi26 .sidenavi2 li.snavi26 a,
  .snavi27 .sidenavi2 li.snavi27 a,
  .snavi28 .sidenavi2 li.snavi28 a,
  .snavi29 .sidenavi2 li.snavi29 a,
  .snavi30 .sidenavi2 li.snavi30 a,
  .snavi31 .sidenavi2 li.snavi31 a,
  .snavi32 .sidenavi2 li.snavi32 a,
  .snavi33 .sidenavi2 li.snavi33 a,
  .snavi34 .sidenavi2 li.snavi34 a,
  .snavi35 .sidenavi2 li.snavi35 a,
  .snavi36 .sidenavi2 li.snavi36 a,
  .snavi37 .sidenavi2 li.snavi37 a,
  .snavi38 .sidenavi2 li.snavi38 a,
  .snavi39 .sidenavi2 li.snavi39 a,
  .snavi40 .sidenavi2 li.snavi40 a{
    color: #FF7F00;
    font-weight: bold;
    text-shadow: 1px 1px 0 rgba(247,229,206,1);
  }
  .sidenavi2 li a:hover{
    color: #FF7F00;
  }

}

/* ----------------------------------------- */
/* フッタ */
/* ----------------------------------------- */
  #footer {
    padding-top: 20px;
  }
  #footer a {
    color: #FFFFFF;
  }
  #footer a:hover {
    color: #F60;
  }

  /* Smart Phone View */
  @media only screen and (max-width: 649px) {
    footer {
      width: 100%;
    }
    footer p{
      text-align: center;
    }
    .sitemap{
      display: none;
    }
    .footer_company{
            background-color: #0785DF;
      overflow: hidden;
      font-size: 1.4rem;
      line-height: 130%;
      padding-bottom: 20px;
    }
    .footer_company_top{
      width: 100%;
      text-align: center;
      margin-bottom: 18px;
    }
    .footer_company img{
      margin-bottom: 8px;
    }
    .footer_company_left{
      width:48%;
      margin-right: 2%;
      float: left;
    }
    .footer_company_right{
      width: 50%;
      float: left;
    }
    .footer_copy{
      margin-top: 50px;
    }

    /* サイトマップ */
    #footer .sitemap ul {
      width: 45%;
      float: left;
      margin-left: 3%;
      list-style: none;
    }

    #footer .sitemap li {
      display: block;
      width: 230px;
      float: left;
      margin-bottom: 4px;
      padding: 0 15px 0 0;
    }
    #footer .sitemap li:before {
      font-family: 'gud_basic';
      content: "\e861";
      padding-right: 3px;
      color: #323232;
    }
    #footer .sitemap li.list2:before {
      font-family: 'gud_basic';
      content: "\e803";
      padding-right: 3px;
      padding-left: 10px;
      color: #323232;
    }
    #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;
      background-color: #0785DF;
    }
    #footer {
      width: 1000px;
      padding-left: 25px;
      padding-right: 25px;
      padding-bottom: 10px;
      margin: 0 auto;
      display: block;

    }
    #footer li{
      width: 230px;
    }
    #footer .footer_company{
      width: 370px;
      float: left;
      padding-right: 35px;
    }
    #footer .footer_company p{
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 100;
      margin-bottom: 10px;
      padding-top: 10px;
      line-height: 120%;
      color: #FFFFFF;
    }
    /* サイトマップ */
    #footer .sitemap {
      display: block;
      width: 560px;
      overflow: hidden;
      margin: 0 auto;
      float: right;
    }
    #footer .sitemap a{
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 100;
      font-size: 1.4rem;
    }  
    #footer .sitemap #map_list1 {
      width: 120px;
      list-style: none;
      margin-bottom: 30px;
      margin-left: 20px;
      margin-right: 10px;
      float: left;
    }
    #footer .sitemap #map_list2 {
      width: 180px;
      list-style: none;
      margin-bottom: 30px;
      margin-right: 10px;
      float: left;
    }
    #footer .sitemap #map_list3 {
      width: 120px;
      list-style: none;
      margin-bottom: 30px;
      margin-right: 10px;
      float: left;
    }
    #footer .sitemap #map_list4 {
      width: 90px;
      list-style: none;
      margin-bottom: 30px;
      float: left;
    }
    #footer .sitemap li:before {
      font-family: 'gud_basic';
      content: "\e861";
      padding-right: 3px;
      color: #FFFFFF;
    }
    #footer .sitemap li {
      display: block;
      width: 180px;
      float: left;
      margin-bottom: 4px;
      padding: 0 15px 0 0;
      font-size: 1.3rem;
      text-decoration: none;
    }
    #footer .sitemap li:after {
      height: 0;
      display: block;
      clear: both;
      content: "";
    }
  
  }