@charset "UTF-8";
.Know_As_phone{
    margin-top: 20px;
}

/*ソーシャルリンク*/
#sns_menu{
    margin-top: 10px;
    margin-bottom: 20px;
}
#sns_menu ul{
    padding-left: 0;
    font-size: 0;
}
#sns_menu li{
    display: inline-block;
    margin-right: 19px;
}
#sns_menu li a{
    display: block;
    text-align: center;
}
.line_add{
    vertical-align:top;
    margin-top:7px;
}

.sns_menu_phone{
    padding-left: 0px;
}
.sns_menu_phone li{
    /*float: left;*/
    /*margin-left: 6%;*/
    display: inline-block;
    
}
.pull-right_SNS{
    float: right;
}

/*hover時の配色*/
.under_color1 img:hover, .under_color2 img:hover, .under_color3 img:hover, .under_color4 img:hover, .under_color5 img:hover,
.under_color6 img:hover, .under_color7 img:hover, .under_color8 img:hover, .under_color9 img:hover, .under_color10 img:hover{
    background-color: #dfd3c0;
}
/*/hover時の配色*/
/*active時の配色*/
.under_color1 .active_menu img{
    background-color: #dfd3c0;
}
.under_color2 .active_menu img{
    background-color: #dfd3c0;
}
.under_color3 .active_menu img{
    background-color: #dfd3c0;
}
.under_color4 .active_menu img{
    background-color: #dfd3c0;
}
.under_color5 .active_menu img{
    background-color: #dfd3c0;
}
.under_color6 .active_menu img{
    background-color: #dfd3c0;
}
.under_color7 .active_menu img{
    background-color: #dfd3c0;
}
.under_color8 .active_menu img{
    background-color: #dfd3c0;
}
.under_color9 .active_menu img{
    background-color: #dfd3c0;
}
.under_color10 .active_menu img{
    background-color: #dfd3c0;
}
/*/active時の配色*/
@media screen and (max-width:991.5px) {
}
@media screen and (max-width:767.5px) {
    #sns_menu ul{
        text-align: center;
    }
    #sns_menu li{
        margin-right: 5px;
        margin-left: 5px;
    }
    .pull-right_SNS{
        float: none;
    }
}
/*/ソーシャルリンク*/

/*メニュー*/
#nav_for_pc{
    /*
    background-image: url("../image/header/menu_bg_pc.png");
    padding-top: 7px;
    padding-bottom: 7px;
    */
}
.headerClass{
    /*
    background-image: url("../image/header/menu_bg_pc.png");
    background-size: cover;
    background-repeat: round;
    */
    padding-top: 15px;
}
#nav_for_pc nav{
    margin-left: auto;
    margin-right: auto;
    //background-color: #ffffff;
    //max-width: 1168px;
    //max-width: 1280px;
}
#nav_for_pc nav .mark1{
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
}
.pc_menu_ul{
    padding-left: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}
.pc_menu_ul li{
    margin-top: 8px;
    margin-bottom: 7px;
}
.menu_marginPC{
    float: left;
    margin-left: 4px;
}
.menu_KAlogo{
    margin-top: 7px;
    margin-left: 6px;
}
.logout_text{
}
.menu_nametext p{
    margin: 0;
}
.logout_fontsize{
    font-size: 12px;
}
.logout_txtabso{
    position: absolute;
    top: 51px;
    //left: 14px;
    left: 15%;
}
.forMypage_txtabso{
    position: absolute;
    top: 51px;
    left: 9px;
}

/*/メニュー*/

.pattern_SPhead{
    display: none;
}
@media screen and (max-width:767.5px) {
    .pattern_SPhead{
        display: block;
        text-align: center;
    }
    .headerLogo_SPimg1{
        width: 98px;
        height: 88px;
        margin-right: 5%;
    }
}

/*ドロワーメニュー*/
/*メニューボタン*/
.phone_manu_relative{
  position: relative;
}
.phone_manu_fixed{
  position: absolute;
  /*top: 172px;*/
  top: 10px;
  /*left: 4px;*/
  right: 4px;
  z-index: 100;
  border-radius: 3px;
  /*background-color: #ffffff;*/
  /*box-shadow: 0px 3px 5.64px 0.36px #4f4b48;*/
}
.phone_manu_fixed img{
  width: 50px;
}
/*/メニューボタン*/
/*ドロワーメニュー*/
.drawer_opened #overlay_div{
  z-index: 0;
  opacity: 0.3;
}
#nav_for_phone ul{
  padding-left: 0px;
}

.m_menuHidden{
    display: none;
}

#drawernav{
    position: absolute;
    left: 30%;
    top: 10px;
    width: 70%;
    background: #fff;
    z-index: 100;

    -webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
       -moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
         -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); 
            transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
 
    -webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
       -moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
         -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); 
            transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */
            
    border-right-width: 1px;
    border-right-style: solid;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-left-width: 1px;
    border-left-style: solid;
    border-radius: 15px;
}
.menu_sp_width{
    width: 80%;
}
.menu_SPicon1{
    width: 88px;
    height: 88px;
    margin-bottom: 10px;
}
.KnowAs_logoSParea{
    width: 100%;
    margin-bottom: 25px;
    margin-top: 25px;

}
.KnowAs_logoSParea hr{
   margin-top: 10px;
   margin-bottom: 10px;
}
.KnowAs_logoSP{
    width: 98px;
    height: 88px;
    position: absolute;
    top: -47px;
    right: 8px;
}
.menufoot_sp_area{
    width: 100%;
    height: 100px;
    background-image: url("../image/header/menu_bg_pc.png");
}

.phone_manu_margin{
    /*margin-left: 20px;*/
    /*margin-right: 110px;*/
    /*margin-bottom: 80px;*/
    /*margin-top: 40px;*/
    font-family: kan415typos-std, sans-serif;
}
.phone_manu_slash{
    margin-left: 5px;
    margin-right: 5px;
}
@media screen and (max-width:519px) {
  #drawernav{
    left: 10%;
    width: 90%;
  }
}
.close_button{
  position: absolute;
  right: 10px;
  top: 30px;
}
.close_button img{
  width: 45px;
 }

body .drawer_opened #drawernav{
}

.phone_manu{
  margin-top: 20px;
  margin-bottom: 20px;
}
.phone_manu img{
  margin-bottom: 20px;
}
.phone_manu a{
    font-size: 14px;
}
.phoneManu_margin{
    
}

.phone_login_area{
    background-color: #ffffff;
    box-shadow: 0px 3px 5.64px 0.36px #4f4b48;
    width: 165px;
    height: 40px;
    border-radius: 3px;
    padding-top: 9px;
    margin-left: 10px;
    margin-bottom: 20px;
}
.phone_login_area .img_a{
	
}
.res_hr1{
  margin-top: 7px;
  margin-bottom: 7px;
  width: 80%;
  display: none;
}
.phone_other_menuarea{
  font-size: smaller;
  margin-left:0;
  margin-right:0;
}
.phone_other_menuarea a{
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0px 3px 5.64px 0.36px #4f4b48;
  min-width: 90px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 3px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 0px;
  padding-right: 0px;
}

.phone_other_menuarea_last div{
  border-bottom-width: 0;
}
.menuarea2{
  margin-top: 5%;
  margin-bottom: 5%;
}
.fixed {
  
}
.fixed a{
  pointer-events: none;
}
.fixed a img{
  pointer-events: none;
}
.following_manu {
  position: fixed;
  top: 10px;
}
.vanish_manu_icon{
  display:none;
}
/*/ドロワーメニュー*/
/*/メニュー*/
/*メニューの表示調整*/
@media screen and (min-width:767.5px) {
  #phone_manu_fixed{
    display: none;
  }
  #nav_for_pc{
    display: block;
  }
}

@media screen and (max-width:767.5px) {
  #phone_manu_fixed{
    display: block;
  }
  #nav_for_pc{
    display: none;
  }
}
/*/メニューの表示調整*/

/*ログアウト変更*/
.logout_sp_relative{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.logout_sp_relative{
    position: relative;
    width: 88px;
    height: 88px;
    display: inline-block;
    vertical-align: middle;
}
.logout_sp_abso{
    position: absolute;
    width: 88px;
    top: 56px;
    left: 8px;
}