* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
}

a{
text-decoration: none;
color: inherit;
}

img{
vertical-align: none;
}

html{
font-family: "Noto Sans JP", sans-serif;
font-optical-sizing: auto;
color: #666666;

}

.menu-btn {
  position: fixed;
  top: 8%;
  right: 10px;
  display: flex;
  height: 30px;
  width: 30px;
  justify-content: center;
  align-items: center;
  z-index: 90;
  border-radius: 50%;
  border: 1px solid #666;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
  content: '';
  display: block;
  height: 1px;
  width: 15px;
  border-radius: 3px;
  background-color: #666;
  position: absolute;
}
.menu-btn span:before {
  bottom: 5px;
}
.menu-btn span:after {
  top: 5px;
}

#menu-btn-check:checked ~ .menu-btn span {
  background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
  bottom: 0;
  transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
  top: 0;
  transform: rotate(-45deg);
}

#menu-btn-check {
  display: none;
}

.hm_menu-content {
/* max-width: 1280px; */
height: 100%;
position: fixed;
top: 0;
left: 100%;
z-index: 80;
background-color: #f9f3ee;
transition: all 0.5s;/*アニメーション設定*/
overflow-y: scroll;
margin: auto;
bottom: 0;
right: 0;

}

#menu-btn-check:checked ~ .hm_menu-content {
left: 0;/*メニューを画面内へ*/
}

/* ここからスマホ */

.hm_sp_header{
  position: sticky;
  top: 0;
  /* padding-bottom: 5px; */
  z-index: 10;
}

.hm_header_inner {
  max-width: 100%;
  margin: 0 auto;
  /* background-color: #fff; */
}

.hm_header_btn_box {
  max-width: 100%;
  display: block;
}

.hm_header_btn_box a {
  color: #fff;
}

.hm_header_btn1 {
  width: 100%;
  display: block;
  color: #fff;
  background-color: #444;
  /* border: 1px solid #000; */
  line-height: 250%;
  text-align: center;
  /* font-size: 25px; */
  position: relative;
}

.hm_header_btn1 a {
  display: block;
  font-size: 100%;
  letter-spacing: 0.5em;
  line-height: 250%;
  /* padding: px 10px 12px 48px; */
}

.hm_header_btn1 a::before{
  content: '';
  background-image: url(../img/mail_icon.jpg);
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
}

.hm_header_btn2 {
  display: none;

  float: left;
  /* position: relative; */
  width: 50%;
  background-color: #ff7878;
  text-align: center;
  padding: 5px;
  height: 35px;
  inset: 0;
  margin: auto;
  line-height: 0.6;
}

.hm_header_btn3 {
  display: none;

  float: right;
  width: 50%;
  color: #fff;
  padding: 5px;
  background-color: #5095ef;
  text-align: center;
  height: 35px;
}

.hm_header_btn_box {
  max-width: 100%;
  margin: 0 auto;
}

.sp_nav{
  display: block;
  justify-content: space-between;
  width: 100%;
  display: flex;
  height: 40px;
  position: sticky;
  bottom: 0;
}

.sp_btn2{
  width: 50%;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  padding: 5px;
  text-align: center;
  background-color: #ff7878;
  color: #fff;
}
.sp_btn2 span{
  font-size: 8px;
  color: #fff;
}

.sp_btn3{
  width: 50%;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  background-color: #5095e8;
  line-height: 40px;
  color: #fff;
}

/* ここからハンバーガーボタン */

.hm_sp{
  background-color: #fff;
}



.hm_sp_logo img{
  width: 80%;
  padding: 10px;
  /* margin-top: 30px; */
}

.hm_sp_megamenu_web img{
  width: 40%;
  display: block;
  margin: 20px auto;
}


.hm_sp_megamenu_web_circle {
  background-color: #00a1ed;  
  border-radius: 30px;
  height: 60px; 
  width: 350px;
  position: relative;
  margin: 20px auto 40px;
  
}

.hm_sp_megamenu_web_centermiddle {
  position: absolute; 
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  white-space: nowrap; 
}

.hm_sp_text_shadow_42px {
  font-size: 46px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 10px rgb(4, 28, 65); 
}

.hm_sp_text_shadow_24px {
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 10px rgb(4, 28, 65); 
}

.hm_sp_megamenu_cad img{
  width: 40%;
  display: block;
  margin: 30px auto;
}

.hm_sp_megamenu_cad_circle {
  background-color: #ff92bc;  
  border-radius: 30px;
  height: 60px; 
  width: 350px;
  position: relative;
  margin: 20px auto 40px;
  
}

.hm_sp_megamenu_cad_centermiddle {
  position: absolute; 
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  white-space: nowrap; 
}

.hm_sp_text_shadow_42px-2 {
  font-size: 46px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 10px rgb(231, 50, 104);
}

.hm_sp_text_shadow_24px-2 {
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 10px rgb(231, 50, 104);
}

.hm_sp_section{
  background-color: #f9f3ee;
  padding-bottom: 10px;
}

.hm_sp_info_nav{
  /* background-color: #f9f3ee; */
  margin-top: 50px;
}

.hm_sp_info_nav li a{
  display: block;
  padding: 10px;
  margin-left: 50px;
}

.hm_sp_info_nav li span{
  display: block;
  padding: 10px;
  margin-left: 50px;
}

.hm_sp_info_nav li {
  font-size: 16px;
  border-top: 1px solid #666;
  font-weight: bold;
}

.hm_sp_sakuhin a{
  font-size: 14px;
  font-weight: normal;
}

.hm_sp_houhou a{
  font-size: 14px;
  font-weight: normal;
}

.hm_sp_shien a{
  display: block;
  font-size: 14px;
}

.hm_sp_shitsumon a{
  font-size: 14px;
}

.hm_sp_info_nav .megatop a{ 
  display: block;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 10px;
  position: relative;
}

.hm_sp_info_nav .megatop a::before{
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 15px;
  left: -10px;
}

.hm_sp_info_nav .acc a{ 
  display: block;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 10px;
  position: relative;
}

.hm_sp_info_nav .acc a::before{
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 15px;
  left: -10px;
}

.hm_sp_info_nav .scl a{ 
  display: block;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 10px;
  position: relative;
}

.hm_sp_info_nav .scl a::before{
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 15px;
  left: -10px;
}

.hm_sp_info_nav .rea a{ 
  display: block;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 10px;
  position: relative;
}

.hm_sp_info_nav .rea a::before{
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 15px;
  left: -10px;
}

.hm_sp_info_nav .tea a{ 
  display: block;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 10px;
  position: relative;
}

.hm_sp_info_nav .tea a::before{
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 15px;
  left: -10px;
}

.hm_sp_info_nav .wor span{ 
  display: block;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 10px;
  position: relative;
}

.hm_sp_info_nav .wor span::before{
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 15px;
  left: -10px;
}

.hm_sp_info_nav .met span{ 
  display: block;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 10px;
  position: relative;
}

.hm_sp_info_nav .met span::before{
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 15px;
  left: -10px;
}

.hm_sp_info_nav .sup span{ 
  display: block;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 10px;
  position: relative;
}

.hm_sp_info_nav .sup span::before{
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 15px;
  left: -10px;
}

.hm_sp_info_nav .que span{ 
  display: block;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 10px;
  position: relative;
}

.hm_sp_info_nav .que span::before{
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 15px;
  left: -10px;
}

.hm_sp_info_nav .que{
  border-bottom: 1px solid #666;
  margin-bottom: 30px;
}

.hm_sp_oshirase{
  background-color: #f9f3ee;
  align-items: center;
  width: 300px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.hm_sp_oshirase li.hm_sp_bim_btn a{
  background-color: #c89600;
  font-size: 20px;
  color: #fff;
  font-weight: normal;
  display: block;
  width: 300px;
  height: 40px;
  padding: 5px;
  text-align: center;
  /* margin-left: 65px; */
  letter-spacing: 3px;
}

.hm_sp_oshirase li.hm_sp_bim_btn span{
  font-size: 14px;
}

/* ここから新規追加 */
.hm_sp_oshirase li.hm_sp_vec_btn a{
  background-color: #ff92bc;
  font-size: 20px;
  color: #fff;
  font-weight: normal;
  display: block;
  width: 300px;
  height: 40px;
  padding: 5px;
  text-align: center;
  /* margin-left: 65px; */
  letter-spacing: 3px;
}

.hm_sp_oshirase li.hm_sp_vec_btn span{
  font-size: 14px;
}
/* ここまで */



.hm_sp_kojin{
  border: 1px solid #000;
  height: 25px;
  font-size: 14px;
  color: #666;
  /* padding: 2px; */
  text-align: center;
  display: block;
  margin-top: 10px;
  width: 300px;

}
  
.hm_pc_section{
  display: none;
}

.hm_pc_zentai{
  display: none;
}


@media (min-width:511px){

.menu-btn {
  top: 10%;
  right: 20px;
}  

.hm_sp_menubtn{
  display: flex;
  justify-content: space-evenly;
  margin-top: 30px;
}

.hm_sp_megamenu_web_circle{
  width: 250px;
}


.hm_sp_text_shadow_42px{
  font-size: 30px;
}

.hm_sp_text_shadow_24px{
  font-size: 20px;
}

.hm_sp_megamenu_web img{
  width: 60%;
  display: block;
  margin: 20px auto;
  }
.hm_sp_megamenu_cad_circle{
    width: 250px;
  }
  
  .hm_sp_text_shadow_42px-2{
    font-size: 30px;
  }
  
  .hm_sp_text_shadow_24px-2{
    font-size: 20px;
  }


.hm_sp_megamenu_cad img{
  width: 60%;
  display: block;
  margin: 20px auto;
}

.hm_sp_megamenu_cad li{
  margin-bottom: 35px;
}
}

@media (min-width:768px){

.menu-btn {
  top: 12%;
  height: 60px;
  width: 60px;
}  

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
  height: 3px;
  width: 25px;
}
.menu-btn span:before {
  bottom: 8px;
}
.menu-btn span:after {
  top: 8px;
}


.hm_sp_header{
  display: none;
}  

.sp_nav{
  display: none;
}

.hm_sp_megamenu_web img{
  width: 80%;
  display: block;
  margin: 20px auto;
  }

  .hm_sp_megamenu_web_circle{
    width: 350px;
  }
  
  
  .hm_sp_text_shadow_42px{
    font-size: 46px;
  }
  
  .hm_sp_text_shadow_24px{
    font-size: 22px;
  }
  
  
.hm_sp_megamenu_cad img{
  width: 80%;
  display: block;
  margin: 20px auto;
  }

  .hm_sp_megamenu_cad_circle{
    width: 350px;
  }
  
  
  .hm_sp_text_shadow_42p-2{
    font-size: 46px;
  }
  
  .hm_sp_text_shadow_24px-2{
    font-size: 22px;
  }
  
.hm_sp_megamenu_cad li{
  margin-bottom: 35px;
  }  



.hm_sp_section{
  display: none;
}

.hm_pc_section{
  display: block;
  position: absolute;
  margin-left: 30px;
}

.hm_pc_info_nav{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-right: 40px;
  margin-left: 80px;
}

.hm_pc_info_nav li{
  width: 30%;
  padding-top: 20px;
  font-weight: bold;
  font-size: 16px;
}

.hm_pc_info_nav li.megatop a{
  position: relative;
  display: block;
}

.hm_pc_info_nav li.megatop a::before{
  content: '';
  width: 17px;
  height: 17px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 6px;
  left: -20px;
}

.hm_pc_info_nav li.acc a{
  position: relative;
  display: block;
}

.hm_pc_info_nav li.acc a::before{
  content: '';
  width: 17px;
  height: 17px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 6px;
  left: -20px;
}

.hm_pc_info_nav li.scl a{
  position: relative;
  display: block;
}

.hm_pc_info_nav li.scl a::before{
  content: '';
  width: 17px;
  height: 17px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 6px;
  left: -23px;
}

.hm_pc_info_nav li.rea a{
  position: relative;
  display: block;
}

.hm_pc_info_nav li.rea a::before{
  content: '';
  width: 17px;
  height: 17px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 6px;
  left: -20px;
}

.hm_pc_info_nav li.tea a{
  position: relative;
  display: block;
}

.hm_pc_info_nav li.tea a::before{
  content: '';
  width: 17px;
  height: 17px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 6px;
  left: -20px;
}

.hm_pc_info_nav li.wor span{
  position: relative;
  display: block;
}

.hm_pc_info_nav li.wor span::before{
  content: '';
  width: 17px;
  height: 17px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 6px;
  left: -23px;
}

.hm_pc_info_nav li.wor a{
  font-size: 12px;
  font-weight: normal;
}

.hm_pc_info_nav li.met span{
  display: block;
  position: relative;
}

.hm_pc_info_nav li.met span::before{
  content: '';
  width: 17px;
  height: 17px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  left: -20px;
}

.hm_pc_info_nav li.met a{
  font-size: 12px;
  font-weight: normal;
}

.hm_pc_info_nav li.sup span{
  display: block;
  position: relative;
}

.hm_pc_info_nav li.sup span::before{
  content: '';
  width: 17px;
  height: 17px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 6px;
  left: -20px;
}

.hm_pc_info_nav li.sup a{
  font-size: 12px;
  font-weight: normal;
}

.hm_pc_info_nav li.que span{
  display: block;
  position: relative;
}

.hm_pc_info_nav li.que span::before{
  content: '';
  width: 17px;
  height: 17px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 6px;
  left: -20px;
}


.hm_pc_info_nav li.que a{
  font-size: 12px;
  font-weight: normal;
}


.hm_sp_oshirase{
  width: auto;
  margin: 0 20px 50px;
  /* margin: 20px; */
  /* margin-top: 30px; */
}

.hm_sp_oshirase_btn{
  display: flex;
  justify-content: space-between;
  max-width: auto;
}


.hm_sp_oshirase_btn li{
  display: block;
  width: 23%;
  height: 40px;
  text-align: center;
}

.hm_sp_oshirase_btn li.hm_sp_kengaku{
  background-color: #444;
  font-size: 14px;
  color: #fff;
  padding-top: 8px;
  position: relative;
  /* padding-left: 25px; */
}

.hm_sp_oshirase_btn li.hm_sp_kengaku::before{
  content: '';
  width: 20px;
  height: 20px;
  background-image: url(../img/mail.png);
  background-size: contain;
  background-repeat: no-repeat;
  /* position: absolute; */
  /* top: 12px;
  left: 15px; */
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.hm_sp_oshirase_btn li.hm_sp_denwa{
  background-color: #ff7878;
  color: #fff;
  height: 40px;
  text-align: center;
  position: relative;
}

.hm_sp_oshirase_btn li.hm_sp_denwa_telno{
  font-size: 14x;
  width: 68%;
  padding-top: 5px;
}
.hm_sp_oshirase_btn li.hm_sp_denwa_time{
  font-size: 9px;
  width: 30%;
  position: absolute;
  top: 6px;
  right: 8px;
}

.hm_sp_oshirase_btn li.hm_sp_toiawase{
  background-color: #5095ef;
  color: #fff;
  line-height: 38px;
  font-size: 16px;
  height: 40px;
  text-align: center
}


.hm_sp_oshirase_btn li.hm_sp_kojin{
  border: 1px solid #000;
  height: 25px;
  font-size: 12px;
  color: #666;
  /* padding-top: 3px; */
  text-align: center
}

.hm_tb_bim_btn{
  border: 1px solid #c89600;
  background-color: #c89600;
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 20px;
  padding: 4px;
  margin-left: 82%;
  position: relative;
  top: -8px;
  right: 15px;
}

.hm_tb_bim_btn span{
  font-size: 12px;
}


/* っここから新規追加 */
.hm_tb_vec_btn{
  border: 1px solid #ff92bc;
  background-color: #ff92bc;
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 20px;
  padding: 4px;
  margin-left: 82%;
  position: relative;
  top: -8px;
  right: 15px;
}

.hm_tb_vec_btn span{
  font-size: 12px;
}
/* ここまで */

}

@media (min-width:1180px){

.menu-btn {
  top: 11%;
  height: 60px;
  width: 60px;
} 
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
  height: 3px;
  width: 25px;
}
.menu-btn span:before {
  bottom: 8px;
}
.menu-btn span:after {
  top: 8px;
}

.hm_pc_zentai{
  max-width: 1280px;
  margin: 0 auto;
}

  .hm_sp_header{
    display: none;
  }

  .hm_sp{
    display: none;
  }
  .hm_pc_section{
    display: none;
  }

  .hm_pc_zentai{
    display: block;
  }

  /* ここからメガメニュー */
.hm_megamenu_web {
  display: flex;
  justify-content: space-between;
  align-items: center;  
  border: 8px solid #00a1ed; 
  background-color: #fff;
  border-radius: 140px; 
  padding-left: 20px;
  box-shadow: 0 0 10px #aaa; 
  margin-left: 80px;
  margin-right: 80px;
  
}

.hm_megamenu_web img{
  width: 70%;

}

.hm_megamenu_web_item01 {
  flex-basis: 220px; 
}

.hm_megamenu_web_item02 {
  flex-basis: auto;
  height: 220px;
  margin-left: 90px;
  margin-top: 20px;
  margin-bottom: 5px;
  padding-top: 10px;
  transition: 0.3s;
}

.hm_megamenu_web_item02 :hover{
  /* opacity: 70%; */
  transform: scale(1.1);
}

.hm_megamenu_web_item03 {
  flex-basis: auto;
  height: 220px;
  margin-top: 5px;
  padding-top: 10px;
  transition: 0.3s;
}

.hm_megamenu_web_item03 :hover{
  /* opacity: 70%; */
  transform: scale(1.1);
}

.hm_megamenu_web_item04 {
  flex-basis: auto;
  height: 220px;
  margin-right: 40px;
  margin-top: 5px;
  padding-top: 10px;
  transition: 0.3s;
}

.hm_megamenu_web_item04 :hover{
  /* opacity: 70%; */
  transform: scale(1.1);
}


.hm_megamenu_web_circle {
  background-color: #00a1ed;  
  border-radius: 50%;
  height: 200px; 
  width: 200px;
  position: relative;
}

.hm_megamenu_web_centermiddle {
  position: absolute; 
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  white-space: nowrap; 
}

.hm_text_shadow_42px {
  font-size: 50px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 10px rgb(4, 28, 65); 
}

.hm_text_shadow_24px {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 10px rgb(4, 28, 65); 
}

.hm_megamenu_cad {
display: flex;
justify-content: space-between;
align-items: center;  
border: 8px solid #ff92bc; 
background-color: #fff;
border-radius: 140px; 
box-shadow: 0 0 10px #aaa; 
padding-left: 20px;
margin-top: 30px;
margin-left: 80px;
margin-bottom: 30px;
margin-right: 80px;
}

.hm_megamenu_cad img{
  width: 70%;
}

.hm_megamenu_cad_item01 {
flex-basis: 220px; 
}

.hm_megamenu_cad_item02 {
flex-basis: auto;
height: 220px;
margin-left: 90px;
margin-top: 20px;
padding-top: 10px;
transition: 0.3s;
}

.hm_megamenu_cad_item02 :hover{
  /* opacity: 70%; */
  transform: scale(1.1);
}


.hm_megamenu_cad_item03 {
flex-basis: auto;
height: 220px;
margin-top: 20px;
padding-top: 10px;
transition: 0.3s;
}

.hm_megamenu_cad_item03 :hover{
  /* opacity: 70%; */
  transform: scale(1.1);
}


.hm_megamenu_cad_item04 {
flex-basis: auto;
height: 220px;
margin-right: 40px;
margin-top: 10px;
padding-top: 10px;
transition: 0.3s;
}

.hm_megamenu_cad_item04 :hover{
  /* opacity: 70%; */
  transform: scale(1.1);
}


.hm_megamenu_cad_circle {
background-color: #ff92bc;  
border-radius: 50%;
height: 200px; 
width: 200px;
position: relative;
}

.hm_megamenu_cad_centermiddle {
position: absolute; 
top:50%;
left:50%;
transform:translate(-50%,-50%);
white-space: nowrap; 
}

.hm_text_shadow_42px-2 {
font-size: 50px;
font-weight: bold;
color: #fff;
text-shadow: 0 0 10px rgb(231, 50, 104); 
line-height: 35px;
text-align: center;
/* letter-spacing: 0.1em; */
}

.hm_text_shadow_24px-2 {
display: block;
font-size: 24px;
font-weight: bold;
color: #fff;
text-shadow: 0 0 10px rgb(231, 50, 104);
text-align: right;
margin-top: -28px;
margin-right: -22px;
}

/* ここからヘッダー */
.hm_header{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  height: 100px;
}

.hm_logo img{
  width: 300px;
  height: 40px;
}

.hm_logo{
  width: 30%;
}

.hm_oshirase{
  width: 60%;
}

.hm_oshirase ul{
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  align-items: center;
}

.hm_oshirase li a{
  display: block;
  font-weight: bold;

}

.hm_kengaku{
  background-color: #444;
  width: 23%;
  color: #fff;
  font-size: 14px;
  line-height: 38px;
  position: relative;
  height: 40px;
}

.hm_kengaku a{
  text-align: right;
  margin-right: 20px;
}

.hm_kengaku:hover{
  background-color: #44444448
}


.hm_kengaku::before{
  content: '';
  width: 20px;
  height: 20px;
  background-image: url(../img/mail.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 13px;
  left: 13px;
}

.hm_denwa{
  background-color: #ff7878;
  width: 23%;
  color: #fff;
  height: 40px;
  text-align: center
}

.hm_denwa:hover{
  background-color: #ff787846;
}


.hm_denwa_telno{
  font-size: 14x;
  width: 68%;
  padding-top: 5px;
}
.hm_denwa_time{
  font-size: 9px;
  width: 30%;
  padding-right: 3px;
  padding-top: 5px;
}

.hm_toiawase{
  background-color: #5095ef;
  width: 23%;
  color: #fff;
  line-height: 38px;
  font-size: 14px;
  height: 40px;
  text-align: center
}

.hm_toiawase:hover{
  background-color: #5095ef3b;
}

.hm_kojin{
  /* background-color: #fff; */
  border: 1px solid #000;
  /* color: #444; */
  width: 23%;
  height: 25px;
  font-size: 12px;
  color: #666;
  padding-top: 3px;
  text-align: center

}

.hm_kojin:hover{
  border: 1px solid #ddd;
  color: #ddd;
}

/* ここからナビゲーション */

.hm_info_nav{
  /* padding: 10px; */
  margin-left: 80px;
  margin-right: 60px;
}

.hm_info_nav ul{
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: -20px;
}

.hm_info_nav li{
  flex-grow: 1;
}


.hm_info_nav li.hm_top a{ 
  display: block;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 10px;
  position: relative;
}

.hm_info_nav li.hm_top a:hover{
  color: #333;
}

.hm_info_nav li.hm_top a::before{
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  left: -20px;
}

.hm_info_nav li.hm_annai a{
  display: block;
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 10px;
  position: relative;
}

.hm_info_nav li.hm_annai a:hover{
  color: #333;
}

.hm_info_nav li.hm_annai a::before{
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  left: -20px;
}


.hm_info_nav li.hm_sakuhin span{
  font-weight: bold;
  font-size: 16px;
  position: relative;
  border-bottom: 1px dashed #666;
  display: block;
  width: 170px;
}

.hm_info_nav li.hm_sakuhin span::before{
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  left: -20px;
}

.hm_info_nav li.hm_sakuhin a{
  display: block;
  font-size: 14px;
  padding-top: 10px;
}

.hm_info_nav li.hm_sakuhin a:hover{
  color: #333;
}

.hm_info_nav li.hm_houhou span{
  font-weight: bold;
  font-size: 15px;
  position: relative;
  border-bottom: 1px dashed #666;
  display: block;
  width: 170px;
}

.hm_info_nav li.hm_houhou span::before{
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  left: -20px;

}

.hm_info_nav li.hm_houhou a{
  display: block;
  font-size: 14px;
  padding-top: 10px;
}
.hm_info_nav li.hm_houhou a:hover{
  color: #333;
}

.hm_info_nav li.hm_shien span{
  font-weight: bold;
  font-size: 16px;
  position: relative;
  border-bottom: 1px dashed #666;
  display: block;
  width: 170px;
}

.hm_info_nav li.hm_shien span::before{
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  left: -20px;
}

.hm_info_nav li.hm_shien a{
  display: block;
  font-size: 14px;
  padding-top: 10px;
}

.hm_info_nav li.hm_shien a:hover{
  color: #333;
}

.hm_info_nav li.hm_shitsumon span{
  font-weight: bold;
  font-size: 16px;
  position: relative;
  border-bottom: 1px dashed #666;
  display: block;
  width: 170px;
}

.hm_info_nav li.hm_shitsumon span::before{
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../img/aicon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 5px;
  left: -20px;
}

.hm_info_nav li.hm_shitsumon a{
  /* font-weight: bold; */
  font-size: 14px;
  display: block;
  padding-top: 10px;
}

.hm_info_nav li.hm_shitsumon a:hover{
  color: #333;
}

.hm_bim_btn{
  border: 1px solid #c89600;
  background-color: #c89600;
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 20px;
  padding: 5px;
  margin-left: 82%;
  margin-bottom: 0px;
}

.hm_bim_btn span{
  font-size: 12px;
}

/* ここから新規s追加 */
.hm_vec_btn{
  border: 1px solid #ff92bc;
  background-color: #ff92bc;
  color: #fff;
  text-align: center;
  display: inline-block;
  font-size: 20px;
  padding: 5px;
  margin-left: 82%;
  margin-bottom: 30px;
}

.hm_vec_btn span{
  font-size: 12px;
}
/* ここまで */


.hm_sp_oshirase{
  display: none;
}


}

@media(min-width:1399px){

.menu-btn {
  top: 11%;
  height: 60px;
  width: 60px;
  right: 5%;

}  

}

@media(min-width:1599px){

  .menu-btn {
    top: 11%;
    height: 60px;
    width: 60px;
    right: 8%;
  
  }  
  
  }

  @media(min-width:1799px){

    .menu-btn {
      top: 8%;
      height: 60px;
      width: 60px;
      right: 10%;
    
    }  
    
    }

    
  @media(min-width:1999px){

    .menu-btn {
      top: 8%;
      height: 60px;
      width: 60px;
      right: 15%;
    
    }  
    
    }

    @media(min-width:2199px){

      .menu-btn {
        top: 8%;
        height: 60px;
        width: 60px;
        right: 20%;
      
      }  
      
      }

      @media(min-width:2399px){

        .menu-btn {
          top: 8%;
          height: 60px;
          width: 60px;
          right: 20%;
        
        }  
        
        }