@charset "utf-8";

@media screen and (max-width: 640px) {
  .to_top{
    height:auto;
    width:100%;
  }
  .accmenu{
    font-size:9px;
    height:9px;
  }
}

/*↓↓↓コンテナー↓↓↓*/
@media screen and (max-width: 640px) {
#container_01{
  height:auto;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  width:100%;
}

#container_02{
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  width:100%;
}

}
/*↑↑↑コンテナー↑↑↑*/

/*グローバルナビゲーションの背景↓*/
/*グローバルナビゲーションの設定↓*/
@media screen and (max-width: 640px) {
  #global_navi_bg{ display: none;}

  #navi01{ width: 90%; background-image:none; margin:0; border:0}
    #navi01:hover{ background-image:none; border:0}
  #navi02{ width: 90%; background-image:none; margin:0;}
    #navi02:hover{ background-image:none;}
  #navi03{ width: 90%; background-image:none; margin:0;}
    #navi03:hover{ background-image:none;}
  #navi04{ width: 90%; background-image:none; margin:0;}
    #navi04:hover{ background-image:none;}
  #navi05{ width: 90%; background-image:none; margin:0;}
    #navi05:hover{ background-image:none;}
  #navi06{ width: 90%; background-image:none; margin:0;}
    #navi06:hover{ background-image:none;}
	#navi07{ width: 90%; background-image:none; margin:0;}
    #navi07:hover{ background-image:none;}

}

/* --- Footer Area --- */
/* ---↓コンテナー3つ目↓--- */
#container_03{
  height: auto;
}
#footer_contents{
  height: auto;
}

/*フッターナビゲーションの設定↓*/
@media screen and (max-width: 640px) {
  #footer{
    width:100%;
    margin: 0;
  }
  #footer_contents{
    width:100%;
    height:auto;
    background-image: none;
    margin: 0;
  }
  #footer_navi{
    float:none;
    height: auto;
    margin-bottom:15px;
    padding-top:10px;
    text-align:center;
    width: 100%;
  }
  #footer_navi ul{
    float:none;
  }
  #footer_navi li{
    float:none;
    display: inline-block;
  }
  #footer_navi li a{
    font-size:14px;  
  }
  #footer_navi li a:hover,
  #footer_navi li a:active,
  #footer_navi li a:link{
    color: #FFF;
  }
  #container_03 #footer #footer_contents #made_text {
    text-align: center;
    margin: 0 0 8px;
    padding: 0;
    width: 100%;
  }
  #container_03 #footer #footer_contents #made_text span{
    display: block;
  }
  #footer address{
    float: none;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 100%;
    font-size: 10px;
  }
}

@media screen and (max-width: 640px) {
  header{
    background-color: #FFF;
    margin-bottom: 10px;
    position: fixed;
    top: 20px;
    left:0;
    z-index: 999998;
    overflow: hidden;
  }
  #top01{
    background-image: none;
    background-color: transparent;
    background-repeat: repeat;
  }
  #container_01 #new_header {
    height: auto;
    width: 100%;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom:5px;
    overflow: hidden;
  }
  #container_01 #new_header .nh_logo {
    float: left;
    height: auto;
    min-width: 190px;
    text-indent:10px;
    width: 50%;
  }
  #container_01 #new_header .nh_logo div{

  }
  #container_01 #new_header .nh_logo img{
    max-width:100%;
  }
  #container_01 #new_header #nh_navi {
    float: right;
    height: auto;
    clear: none;
    max-width: 125px;
    width: 50%;
  }
  #container_01 #new_header #nh_navi .nhn_1line ul {
    margin: 0px;
    padding: 0px;
    text-align: right;
    width: 100%;
  }
  #container_01 #new_header #nh_navi .nhn_2line {
    float: right;
    height: auto;
    text-align: right;
    margin-bottom: 0;
    margin-top: 5px;
    margin-right: 10px;
    width: 100%;
  }
  #container_01 #new_header #nh_navi .nhn_2line ul{
    
  }
  #container_01 #new_header #nh_navi .nhn_2line li{
    display: inline-block;
    text-align: center;
    max-width: 59px;
    width: 49%;
    box-sizing:border-box;
  }
  #container_01 #new_header #nh_navi .nhn_2line li a,
  #container_01 #new_header #nh_navi .nhn_2line li a:hover,
  #container_01 #new_header #nh_navi .nhn_2line li a:active,
  #container_01 #new_header #nh_navi .nhn_2line li a:link{
    color: #666;
    text-decoration:none;
  }
  #container_01 #new_header #nh_navi .nhn_2line span{
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
  }
  #container_01 #new_header #nh_navi .nhn_2line img{
    max-height:50px;
  }
  #container_01 #new_header #nh_navi .nhn_3line {
    display: none;
  }
  .top_text{
    display: none;
  }
}

/* top.css */
@media screen and (max-width: 640px) {
  #contents_area{
    margin-top: 200px;
  }
  #container_02 #key_visual{
    display: none;
  }
}
@media screen and (max-width: 545px) {
  #contents_area{
    margin-top: 185px;
  }
}
@media screen and (max-width: 414px) {
  #contents_area{
    margin-top: 180px;
  }
}

/*accordion*/
.accordion_menu label {
  border-bottom: 1px dotted #ccc;
  color: #006666;
  cursor: pointer;
  display: block;
  font-weight:bold;
  margin: 0;
  padding: 10px;
}
.accordion_menu label:hover{
  text-decoration: underline;
}
.accordion_menu input[type="checkbox"].on-off{
  display: none;
}
.accordion_menu input[type="checkbox"].on-off + ul{
  height: 0;
  overflow: hidden;
}
.accordion_menu input[type="checkbox"].on-off:checked + ul{
  height: auto;
}
.accordion_menu ._accordion ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0;
  padding: 0;
  list-style: none;
}
.accordion_menu ._accordion li {
  border-bottom: 1px dotted #ccc;
}
.accordion_menu ._accordion li a{
  color: #006666;
  display:inline-block;
  font-weight: normal;
  padding: 10px 15px;
  text-decoration: none;
  width: 100%;
}
.accordion_menu ._accordion li a:hover{
  text-decoration: underline;
}