@charset "utf-8";
/* CSS Document */
.topinner{margin: 0 auto 0;width:100%;background:#6AD0DC;height:84px;display:flex;align-items:center;}
.topinner h1{font-size:14px;color:#fff;margin:10px auto 0px;text-align:center;}
.topinner_page{  position: fixed; top: 0; left:50%;transform: translateX(-50%); z-index: 100;  margin:0 auto;width:100%;background: rgba(255,255,255,1);border-bottom:2px solid #7E3C92;}
.headinner{width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;}
.menu_logo{margin-left:2%;width:250px;}
.menu_logo img{width:100%;}
.menu_tel{position:fixed;top:15%;right:0;z-index:100000;width:60px;}
.menu_tel img{width:100%;}
.sp_logo{display:none;}
.sns_box{display:flex;justify-content:space-between;width:200px;margin-left:auto;}
.sns_parts{width:31px;}
.sns_parts img{width:100%;}

/* ナビゲーションメニュー */
.nav-menu {
font-size:18px;line-height:1;margin-top:10px;background:#347CDA;
  color: #fff; /* メニューテキストの色 */
}
li.menu-item:not(:last-child){background:url(/userdata/navi_border.png) no-repeat center right / 10px auto;padding-right:0.4em;}








.menu-list {
  display: flex;
  justify-content: center;
align-items:center;
list-style:none;
line-height:1;
width:1000px;
margin:0 auto;
height:100px;
}
.menu-item {
  position: relative;
  transition: background-color .3s; /* 背景色の変化をアニメーション化 */
}

/* メニューアイテムのホバースタイル */
.menu-item:hover .drop-menu-list {
  transform: scaleY(1); /* ドロップダウンメニューの表示 */
}
.menu-item:hover {
  transition: background-color .3s; /* 背景色の変化をアニメーション化 */
}

.menu-item a:hover{opacity: .6;}


.drop-menu-item:hover {
  opacity: .95; /* ドロップダウンメニューアイテムのホバー時の不透明度 */
  transition: opacity .3s; /* 不透明度の変化をアニメーション化 */
background:#347CDA;
}

.menu-item a {
  align-items: center;
  color: #fff; /* メニューアイテム内のリンクテキストの色 */
  display: flex;

  text-decoration: none; /* リンクの下線を非表示 */
padding:0.8em 1.5em 1em;line-height:1;font-family:Noto Sans JP;font-style: normal;font-size:18px;
}

/* ドロップダウンメニュー */
.drop-menu {
  position: relative;
}
.drop-menu-list {
  left: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0); /* ドロップダウンメニューの非表示 */
  transform-origin: center top; /* 変形を適応する基準を設定 */
  transition: transform .3s; /* 表示の変化をアニメーション化 */
  width: max-content;
  z-index: 1;
list-style:none;
}
.drop-menu-item {

  transition: opacity .3s; /* 不透明度の変化をアニメーション化 */
padding:0.2em 1em 0.2em 1em;
background: url( /userdata/arrow.png ) no-repeat #444 center left 1em / 16px auto;
}

.drop-menu-item a{font-size:18px;color:#fff;}
.drop-menu-item a:hover{opacity: 1;}
.drop-menu-item:hover{background: url( /userdata/arrow.png ) no-repeat #347CDA center left 1em / 16px auto;}
a.mainmenu_on::after{
  position: absolute;
left:10%;
 bottom: 15px;
  content: '';
  width: 80%;
  height: 2px;
    left:10%;
  background: #be1b20;
transform: scale(1, 1);
display:block;

}


/*999px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width:1099px){

}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
.topinner{margin: 0 auto 0;width:100%;background:#6AD0DC;height:60px;display:flex;align-items:center;}
.menu_logo{margin-left:3%;width:150px;}
.sp_logo{display:block;width:290px;margin:20px auto 0;}
.sp_logo img{width:100%;}
}