@charset "utf-8";

/*ナビゲーションを横並びに*/
.pc_menu ul{
list-style: none;
display: flex;
justify-content: flex-end;
}
/*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;
}

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

.pc_menu ul li a:hover{
color:#11A0DE; 
}

/*==矢印の設定*/

/*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:0;
top:38px;
z-index: 99;
/*形状を指定*/
background-color:rgba(255,255,255,0.9);
width:250px;
/*はじめは非表示*/
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/icon04.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:#316EA9;
background-image : url(../images/icon01.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;
}
*/


/* max-width: 1450px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 1450px){

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

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

/* max-width: 1268px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 1268px){

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

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

/* max-width: 1060px
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 1060px){

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

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




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




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

}