@charset "utf-8";

/*ナビゲーションを横並びに*/
.pc_menu ul{
list-style: none;
display: flex;
justify-content: flex-end;
margin-right: 10px;
}
/*2階層目以降は横並びにしない*/
.pc_menu ul ul{
display: block;
}

/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
.pc_menu ul li{
position: relative;
}

/*ナビゲーションのリンク設定*/
.pc_menu ul li a{
display: block;
text-decoration: none;
transition:all .3s;
color: #000;
font-weight: bold;
letter-spacing: 0.1em;
}

.pc_menu ul li li a{
padding:10px 35px;
}

.pc_menu ul li a:hover{
color:#316EA9; 
}

/*==矢印の設定*/

/*2階層目を持つliの矢印の設定
.pc_menu ul li.has-child::before{
content:'';
position: absolute;
left:15px;
top:25px;
width:6px;
height:6px;
border-top: 2px solid #999;
border-right:2px solid #999;
transform: rotate(135deg);
}
*/
/*3階層目を持つliの矢印の設定
.pc_menu ul ul li.has-child::before{
content:'';
position: absolute;
left:6px;
top:0;
width:6px;
height:6px;
border-top: 2px solid #fff;
border-right:2px solid #fff;
transform: rotate(45deg);
}
*/
/*== 2・3階層目の共通設定 */

/*下の階層を持っているulの指定*/
.pc_menu li.has-child ul{
/*絶対配置で位置を指定*/
position: absolute;
left:25px;
top:47px;
z-index: 99;
/*形状を指定*/
background-color:rgba(224,243,250,0.9);
width:200px;
/*はじめは非表示*/
visibility: hidden;
opacity: 0;
/*アニメーション設定*/
transition: all .3s;
text-align: left;
}

/*hoverしたら表示*/
.pc_menu li.has-child:hover > ul,
.pc_menu li.has-child ul li:hover > ul,
.pc_menu li.has-child:active > ul,
.pc_menu li.has-child ul li:active > ul{
visibility: visible;
opacity: 1;
}

/*ナビゲーションaタグの形状*/
.pc_menu li.has-child ul li a{
color: #000;
background-image : url(../images/icon05.svg) ;
background-position : right 15px center;
background-size: 8px auto;
background-repeat: no-repeat;
padding:20px 30px;
}

.pc_menu li.has-child ul li:last-child a{
border-bottom:none;
}

.pc_menu li.has-child ul li a:hover,
.pc_menu li.has-child ul li a:active{
color:#036CAD;
background-image : url(../images/icon05.svg) ;
background-position : right 12px center;
transition: all .3s;
}


/*==3階層目*/

/*3階層目の位置
.pc_menu li.has-child ul ul{
top:0;
left:182px;
background:#66ADF5;
}


.pc_menu li.has-child ul ul li a:hover,
.pc_menu li.has-child ul ul li a:active{
background:#448ED3;
}
*/



.original-button {
  text-decoration: none;
  border-radius: 100px;
  transition: 0.3s;
  background-image: radial-gradient(circle at 100% 0%, rgba(220, 103, 237, 1) 4%, rgba(94, 119, 255, 1));
}

.pc_menu ul li.original-button a{
color: #FFF;
background-image : url(../images/nv_icon01.svg) ;
background-position : left 25px center;
background-size: 20px auto;
background-repeat: no-repeat;
padding-left: 50px;
padding-right: 30px;
}

.pc_menu ul li.gaibu-button a{
background-image : url(../images/nv_icon02.svg) ;
background-position : right center;
background-size: 12px auto;
background-repeat: no-repeat;
padding-right: 20px;
}


/* max-width: 917px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 917px){
.pc_menu ul{
font-size: 14px;
}


.pc_menu li.has-child ul{
width:160px;
}

}
/* max-width: 917px @end */




/*==768px以下の形状*/




@media screen and (max-width:768px){
.pc_menu{
display: none;
}

}