@charset "UTF-8";
/* CSS Document */
/* //////////////////////////////////////////////////
[グローバルナビ]
////////////////////////////////////////////////// */



/* //////////////////////////////////////////////////
スマホ
////////////////////////////////////////////////// */
.btnbox {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 3000;
}
.btn {
  background: transparent url(../img/btn.png) no-repeat 0 0;
  background-size: 120px;
  display: block;
  width: 60px;
  height: 60px;
  cursor: pointer;
  z-index: 3000;
}
.peke {
  background-position: -60px 0;
}
.drawr { /* クリックして開く部分　*/
  display: none;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0px;
  right: 0;
  width: 270px;
  padding: 0px 0 20px 0px;
  z-index: 2000;
  height: 100%;
  position: fixed;
}
/* アコーディオンメニュー　*/
.accordion_menu {
  padding: 0;
	margin: 0;
}
.accordion_menu li {
  background:#e4f5ff;
  cursor: pointer;
  display: block;
  width: 270px;

  border-bottom: 3px solid #fff;
  box-sizing: border-box;
}
.accordion_menu li a {
  color: #6a474c;
  display: block;
  padding: 13px 5px 11px 10px;
}
.accordion_menu li:hover {
  background: #d1e0ff;
  transition: background .3s, color .3s; /* 背景色ふわっと  */
}
.menu__item__link {}
.menu__item__link img {
  width: 44px;
  height: auto;
  float: left;
  margin-top: -11px;
  padding-right: 15px;
}
.menu__item__link2 a {
  background: #FFF0FB;
  display: block;
  padding: 5px 5px 5px 15px !important;
}
.menu__item__link2 a:hover {
  background: #ffe6fa;
  transition: background .3s, color .3s; 
}
.inq2{
   padding:15px 5px 15px 15px;
  background-color: #fff;

  cursor: default;
}



/* //////////////////////////////////////////////////
PC
////////////////////////////////////////////////// */
@media only screen and (min-width: 769px) {

	/* /////////////////////////////////////
5つのグローバルメニュー
/////////////////////////////////////// */
  .container2 {
    width: 88%;
	    margin: 0 auto;
    max-width: 1200px;
    padding: 0px;
    overflow: hidden; /* 高さの認識*/
  }
	ul#navigation {
  width: 100%;
  margin: 0;
  overflow: hidden;
  padding-left: 0px;
		padding-bottom: 25px;
}
  ul#navigation img {
	    width: 40%;
  height: auto;
  vertical-align: bottom;
  margin: 0;
    padding: 0px 0 10px 0;
	
  }
  ul#navigation li {
	    float: left;
	  
    width: 18.6%;
    margin-left: 0.7%;
    margin-right: 0.7%;
    font-weight: bold;
	  
  line-height: 130%;
  text-align: center;
  box-sizing: border-box;
	    list-style: none;
    padding: 10px 0 35px 0;
	min-height: 100px;

  }
  ul#navigation li a {
    font-size: clamp(12px, 1.5vw, 20px); /* フォントサイズ可変*/
    line-height: 1.3em;
      color: #6a474c;
 
  }
ul#navigation li:nth-child(even) {
  background-image: url("../img/gv_bg_purple.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
ul#navigation li:nth-child(odd) {
  background-image: url("../img/gv_bg_pink.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
}
ul#navigation li:hover {
  background-image: url("../img/gv_bg_mo.png");
  transition: background .2s, color .2s;
}

ul#navigation a:hover img {
  -moz-opacity: 1.0;
  opacity: 1.0;
  filter: alpha(opacity=100);
  cursor: pointer;
}
}