/*
  作成日: 20181206
  作成者: FOIS01
*/
.slick-dots .slick-active button::before { color: #ff9934 !important; }
.hm_bnr_ambassador { align-items: center; display: flex; }
.hm_bnr_ambassador a { max-width: 320px; }
.hm_bnr a { display: block;}
.hm_bnr a:hover, .hm_bnr_ambassador a:hover { opacity: .8; }
.hm_intro { background: url(../image/bg-flower01-left.png) #fff top left no-repeat; position: relative; overflow: hidden; }
.hm_intro_flower { display: flex; overflow: hidden; position: absolute; z-index: 4; /*transform: skew(-8deg, -8deg);*/ justify-content: flex-end; }
.hm_intro_flower img { display: inline-block; width: auto; max-width: 1000px; /*transform: skew(8deg, 8deg);*/ }
.hm_intro_wrap { position: relative; z-index: 6; }
.hm_intro_ttl { margin-bottom: 15px; text-align: left; }
.btn_hm_info { margin: 0 auto; }
.hm_intro_img { display: flex; position: absolute; right: 0; top: 0; z-index: 5; }
.hm_tvcm { background: #fff; padding-top: 70px; position: relative; }
.hm_tvcm::before { content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 7vw 50vw 0 50vw; border-color: #fff transparent transparent transparent; bottom: calc(-7vw + 1px ); left: 0; position: absolute; z-index: 1; }
.hm_tvcm .section_ttl, .hm_tvcm .section_ttl_des { position: relative; z-index: 2; }
.hm_tvcm .default_padding { padding-bottom: 30px; padding-top: 30px; }
.hm_tvcm .default_padding::before { background: url(../image-cmn/bg-flower-02-beige.png) bottom left /cover no-repeat; content: ""; display: inline-block; height: 70%; position: absolute; top: 0; left: -75px; width: 600px; }
.hm_tvcm .default_padding::after { background: url(../image-cmn/bg-flower-02-beige.png) bottom left /cover no-repeat; content: ""; display: inline-block; height: 56%; position: absolute; bottom: 0; right: -75px; width: 400px; z-index: 0; }
.hm_tvcm .default_padding .tvcm_wrap { position: relative; z-index: 2; }
.hm_tvcm .default_padding .tvcm_wrap .tvcm_box .tvcm_box_video iframe { aspect-ratio: 16 / 9; }
.hm_tvcm .default_padding .btn_hm_info { position: relative; z-index: 2; }
/* 20220914 追加 start */
.hm_top {
  background: #f5f0e5;
  padding-bottom: 80px;
  padding-top: 50px;
}
.hm_sns {
  background: url("../image/bg-sns.jpg") #ecf5fe center right  / cover no-repeat;
  padding-bottom: 80px;
  padding-top: 80px;
  position: relative;
}
.hm_sns::before {
  background: #fff;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  opacity: .3;
  top:0;
}
.hm_sns .wrap {
  position: relative;
  z-index: 1;
}
.hm_sns .wrap .ft_menu_sns_box {
  background: none !important;
  max-width: 526px;
  margin: 0 auto !important;
  padding: 0 120px 0 0;
  width: 100%;
}
.hm_sns .wrap .ft_menu_sns_box li {
  width: 14.04%;
}
.hm_sns .wrap .ft_menu_sns_box li:first-child {
  width: 23.72%;
}
.hm_slide_bnr_sm {
  margin-bottom: 0 !important;
}
.hm_slide_bnr_sm .slick-slide {
  padding: 0 10px;
}
.hm_slide_bnr_sm .slick-dots {
  margin-top: 20px;
  position: static;
}
.hm_slide_bnr_sm .slick-list {
  margin: 0 50px;
}
.hm_slide_bnr_sm .slick-list .slick-slide a:hover {
  opacity: .7;
}
.hm_slide_bnr_sm .slick-arrow {
  background-image: url(../image/ico-slide-nav-new.png) !important;
  background-size: contain;
  height: 40px !important;
  opacity: 1;
  top:calc(50% - 20px);
  width: 40px !important;
  
}
.hm_slide_bnr_sm .slick-arrow:hover {
 opacity: .5;
}
.mainvisual_video video {
  display: block;
  width: 100%;
}
/* 20220914 追加 end */
/* 20221007 アプリ追加 start */
.hm_app {
  background: linear-gradient(to right, #ff6600, #fe8814);
}
.hm_app_wrap {
  align-items: center;
  display: flex;
  position: relative;
}
.hm_app_cont_upper {
  align-items: center;
  display: flex;
  margin-bottom: 6px;
}
.hm_app_logo {
  text-align: center;
}
.hm_app_logo_img {
  margin-bottom: 6px;
  max-width: 200px;
}
.hm_app_logo_txt {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
}
.hm_app_feature {
  display: flex;
}
.hm_app_feature li {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  display: flex;
  justify-content: center;
  font-size: 1.8rem;
  height: 90px;
  line-height: 1.3;
  text-align: center;
  width: 90px;
}
.hm_app_feature li:nth-child(n+2) {
  margin-left: 10px;
}
.hm_app_cont_under {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.hm_app_cont_under a {
  background: #fff;
  border-radius: 14px;
}
.hm_app_cont_under a img {
  transition: .3s all ease-in-out;
}
.hm_app_cont_under a:hover img {
  opacity: .7;
  transition: .3s all ease-in-out;
}
.hm_app_txt {
  color: #fff;
  font-size: 1.4rem;
}
/* 20221007 アプリ追加 end */
.hm_fresh_ingre { background: url(../image/bg-wood.jpg) no-repeat; background-size: cover; color: #fff; position: relative; text-align: center; }
.hm_fresh_ingre::before { background: center right no-repeat; background-size: cover; content: ""; display: inline-block; height: 100%; left: 0; max-width: 408px; position: absolute; top: 0; }
.hm_fresh_ingre::after { background: center left no-repeat; background-size: cover; content: ""; display: inline-block; height: 100%; max-width: 396px; position: absolute; right: 0; top: 0; }
.hm_fresh_ingre_wrap { max-width: 920px !important; position: relative; z-index: 3; }
.hm_fresh_ingre_ttl .section_ttl_jp { color: #fff; }
.hm_fresh_ingre_txt { line-height: 1.8; }
.hm_fresh_ingre_img { max-width: 503px; margin: 0 auto; width: 64%; }
.hm_intro02 { background: rgba(255,136,20,1); background: radial-gradient(ellipse at center, rgba(255,136,20,1) 0%, rgba(237,96,56,1) 100%); background-size: 140% 140%; color: #fff; position: relative; }
.hm_intro02::before { background: url(../image-cmn/bg-flower-02-full-right-white.png) center left no-repeat; background-size: cover; content: ""; display: inline-block; height: 100%; opacity: .25; position: absolute; top: 0; right: 0; width: 40%; min-width: 240px; }
.hm_intro02_img { position: absolute; bottom: -120px; right: -5%; width: 70%; max-width: 860px; }
.hm_intro_cont { max-width: 610px; position: relative; width: 60%; z-index: 2; }
.hm_intro02_ttl .section_ttl_jp { color: #fff; text-align: left; }
.hm_intro_txt { line-height: 1.8; margin-bottom: 25px; }
.hm_menu { background: url(../image/bg-leaf.jpg) repeat; }
.hm_menu_url { text-align: center; }
.hm_menu_url a { align-items: center; color: #3f2f26; display: flex; justify-content: center; font-weight: normal; }
.hm_menu_url a::after { background: url(../image-cmn/ico-arrow-02-right-white.png) #3f2e26 no-repeat; background-size: 7px 11px; background-position: 7px 5px; border-radius: 100%; content: ""; display: inline-block; height: 20px; margin-left: 8px; min-width: 20px; vertical-align: sub; width: 20px; }
.hm_menu_lst li .hm_menu_img { box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.2); }
.hm_menu_nav { display: flex; flex-wrap: wrap; justify-content: center; }
.hm_menu_nav li { width: 100%; max-width: 350px; }
.hm_menu_nav li a { width: 100%; }
.hm_dondonan_logo { height: 160px; right: -80px; position: absolute; top: calc(50% - 80px); width: 160px; z-index: 2; }
.hm_dondonan_cont { align-items: center; background: #ffdf00; display: flex; position: relative; }
.hm_dondonan_contin { width: 250px; }
.hm_dondonan_cont::before { background: url(../image/img-dondonan-store.png) no-repeat; background-size: 102% auto; background-position: right; content: ""; height: 100%; left: 0; position: absolute; top: 0; max-width: 329px; }
.hm_dondonan_ttl { color: #000; font-weight: bold; line-height: 1.2; }
.hm_dondonan_ttl span { display: block; }
.btn_dondonan { width: 150px; }
.btn_dondonan a { background: #000; padding: 6px 15px; }
.btn_dondonan a::before { right: 15px; }
.hm_news { background: url(../image/bg-flower01-full.png) #fff no-repeat; }
.hm_news_wrap { display: flex; justify-content: space-between; }
.hm_news_ttl { border-left: 1px solid #3b2c26;font-weight:bold; padding-left: 5px; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; }
.hm_news_ttl span { display: block; }
.hm_news_ttl_big { color: #3a2c26; line-height: 1; }
.hm_news_ttl_small { border-left: 3px solid #3b2c26; color: rgba(58, 44, 38, .3); }
.hm_news_top .btn_direct a { padding: 3px 10px; font-size: 1.5rem; }
.hm_news_top .btn_direct a::before { right: 15px; }
.hm_news_dl {align-self:center;}
.hm_news_dl dt { color: #3f2c26; margin-bottom: 3px; padding: 0 5px; }
.hm_news_dl dt span { border: 1px solid #3f2c26; display: inline-block; line-height: 1.4; padding: 0 15px; }
.hm_news_dl dd { border-bottom: 1px solid rgba(63, 46, 38, .2); padding: 0 5px; margin-bottom: 15px; }
.hm_news_dl dd a { display: block; padding: 0 0 10px 12px; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.hm_news_dl dd a::before { background: url(../image-cmn/ico-arrow-01-right-black.png) no-repeat; background-size: contain; content: ""; display: inline-block; height: 8px; left: 0; position: absolute; top: 7px; width: 6px; }
.hm_gopage { align-items: stretch; background: url(../image/bg-ft-nav.jpg) no-repeat; background-size: cover; background-position: center; display: flex; }
.hm_gopage .hm_gopage_box { color: #fff; position: relative; text-align: center; transition: .3s all ease-in-out; width: 100%; }
.hm_gopage .hm_gopage_box::before { background: url(../image-cmn/ico-arrow-02-right-white.png) no-repeat; background-position: center; background-size: 8px 12px; border: 1px solid #fff; border-radius: 100%; content: ""; display: inline-block; position: absolute; transition: .3s all ease-in-out; }
.hm_gopage .hm_gopage_application { background: rgba(227, 116, 34, .9); }
.hm_gopage .hm_gopage_travel { background: rgba(109, 74, 6,  .9); }
.hm_gopage .hm_gopage_recruit { background: rgba(62, 96, 59,  .9); }
.hm_gopage .hm_gopage_application.boxlink:hover { background: #ff9326; }
.hm_gopage .hm_gopage_travel.boxlink:hover { background: #936309; }
.hm_gopage .hm_gopage_recruit.boxlink:hover { background: #147e3e; }
.hm_gopage .hm_gopage_box.boxlink:hover::before { border: 2px solid #fff; transform: scale(1.1, 1.1); }
.hm_gopage_box_ico img { height: auto; width: auto; }
.hm_gopage_box_ttl {font-weight:bold; line-height: 1.3; position: relative; }
.hm_gopage_box_ttl::before,
.hm_gopage_box_ttl::after { background: #fff; content: ""; display: block; height: 1px; margin: 0 auto; width: 50%; }
.hm_gopage_box_ttl_en { color: #ffdf00; display: block; font-weight: normal; }
.hm_gopage_box_ttl_jp { color: #fff !important; display: block;}
.hm_gopage_box_ttl_jp[target="_blank"]::after {background: url(../image-cmn/ico-extendlink-white.png) no-repeat; background-size: contain; content: ""; display: inline-block;  margin-left: 5px; vertical-align: middle;  }
.hm_gopage_box_txt {/* font-size: 1.6rem; */text-align: center; }
.section_ttl_en {padding-bottom:5px;}

@media screen and (max-width:479px) {
.hm_menu_nav li { margin: 12px 0px 0; }
}
@media screen and (min-width:480px) and (max-width:767px) {
.hm_menu_nav li { margin: 12px 5px 0; }
}
@media screen and (max-width:767px) {
  .hm_bnr { margin: 0 auto 20px;}
  .hm_bnr_2col  { text-align: center; }
  .hm_bnr_2col a { margin-bottom: 10px; }
  .hm_bnr_ambassador { flex-wrap: wrap; gap: 10px; justify-content: flex-start; margin: 0 auto 20px; }
  .hm_bnr_ambassador a { width: calc((100% - 10px) / 2); max-width: 100%; }
  .hm_intro { background-size: 110px auto; padding: 30px 0; }
  .hm_tvcm .default_padding::before { height: 35%; left: -40px; width: 300px;}
  .hm_tvcm .default_padding::after { height: 35%; right: 0px; width: 200px;}
  /* 20221007 アプリ追加 start */
  .hm_app_wrap { flex-direction: column-reverse; }
  .hm_app_img01 { right: 4%; position: relative; }
  .hm_app_img01 img { width: 70%; }
  .hm_app_cont_upper { margin-top: 30px; }
  .hm_app_cont_upper, .hm_app_cont_under { flex-direction: column; }
  .hm_app_logo { margin-bottom: 12px; }
  .hm_app_cont_under a { margin-bottom: 12px; }
  .hm_app_feature { margin-bottom: 10px; }
  .hm_app_txt { margin-bottom: 14px; text-align: center; }
  .hm_app_img02 { bottom: 0; right: -40px; position: absolute; }
  .hm_app_img02 img { width: 75%; }
  /* 20221007 アプリ追加 end */
.hm_fresh_ingre { padding: calc(9vw + 70px) 0 50px; }/* 20210407 (9vw + 20px→70px)変更 */
.hm_fresh_ingre_ttl .section_ttl_jp { margin-bottom: 20px; }
.hm_fresh_ingre_txt { margin-bottom: 20px; text-align: left; }
.hm_fresh_ingre::before { background-image: url(../image/img-ingredient-left-sp.png); }
.hm_fresh_ingre::after { background-image: url(../image/img-ingredient-right-sp.png); }
.hm_fresh_ingre::before,
.hm_fresh_ingre::after { width: 15%; }
.hm_fresh_ingre .showmoretxt::after,
.hm_intro02 .showmoretxt::after { background-image: url(../image-cmn/ico-arrow-01-down-white.png) !important; }
.hm_fresh_ingre .js_showlesstxt.showmoretxt::after,
.hm_intro02 .js_showlesstxt.showmoretxt::after { background-image: url(../image-cmn/ico-arrow-01-up-white.png) !important; }
  .hm_bnr_midsection { padding: 30px 0; }
  .hm_bnr_midsection .section_ttl { padding-bottom: 15px; }
  .hm_bnr_midsection .hm_bnr_ambassador { margin-bottom: 0; }
.hm_intro02 { padding: 50px 0 100px; }
.hm_intro_cont { width: 100%; }
.hm_intro02_ttl .section_ttl_jp { margin-bottom: 10px; }
.hm_menu { padding: 40px 0 50px; }
.hm_menu_lst { justify-content: space-around; }
.hm_dondonan_cont { height: 160px; padding-right: 10px; padding-left: 38%; justify-content: flex-start; }
.hm_dondonan_ttl { font-size: 3rem; margin-bottom: 10px; }
.hm_dondonan_ttl span { font-size: 2rem; font-weight: normal; }
.hm_dondonan_cont::before { width: 36%; }
.hm_news { background-size: 300px auto; background-position: -130px -100px; padding: 30px 0 20px; }
.hm_news_top { width: 54px; }
.hm_news_ttl_big { font-size: 2rem; }
.hm_news_ttl_small { font-size: 1.5rem; }
.hm_news_ttl { height: 120px; margin-bottom: 5px; }
.hm_news_top .btn_direct { width: 30px; margin: 0 auto; }
.hm_news_top .btn_direct a { height: 30px; width: 30px; }
.hm_news_top .btn_direct a::before { right: 11px; }
.hm_news_dl { width: calc(100% - 64px); }
.hm_news_dl dt span { font-size: 1.2rem; }
.hm_gopage .hm_gopage_box { padding: 25px 5px 50px; }
.hm_gopage .hm_gopage_box::before { bottom: 10px; height: 22px; left: calc(50% - 11px); width: 22px; }
.hm_gopage_box_ico { margin-bottom: 10px; }
.hm_gopage_box_ico img { max-height: 30px; max-width: 37px; }
.hm_gopage_box_ttl_en { font-size: 1.2rem; padding-top: 5px; }
.hm_gopage_box_ttl_jp { font-size: 1.4rem; padding-bottom: 5px; }
.hm_gopage_box_ttl_jp[target="_blank"]::after {height: 14px;width: 16px;}
.hm_intro_img { height: 180px; width: 40%; max-width: 290px; min-width: 120px; align-items: center; top: 16px; }
.hm_intro_ttl { padding-right: 110px; }
.hm_intro_flower { align-items: flex-end; width: auto; height: 250px; bottom: -6px; right: -107px; }
.hm_intro_flower img { height: 90%; }
}
@media screen and (min-width: 768px) and (max-width:929px), print {
  /* 20221007 アプリ追加 start */
  .hm_app_wrap {
    flex-direction: column-reverse;
  }
  .hm_app_img01 {
    margin-top: 30px;
    right: 16%;
    position: relative;
  }
  .hm_app_cont {
    margin-top: 40px;
  }
  .hm_app_logo_txt {
    font-size: 1.4rem;
  }
  .hm_app_img02 {
    bottom: 0;
    right: 20%;
    position: absolute;
  }
  /* 20221007 アプリ追加 end */
}
@media screen and (min-width:768px), print {
  .hm_bnr { margin: 0 auto 40px; }
  .hm_bnr_2col { display: flex; gap:20px; }
  .hm_bnr_ambassador { gap: 20px; justify-content: center; margin: 0 auto 40px; max-width: 900px;}
  .hm_intro { background-size: 221px auto; padding: 50px 0 30px; }
  /* tvcm start */
  .hm_tvcm .default_padding .tvcm_wrap .tvcm_box {
    width: calc(94%/4 - 0.1px);
  }
  .hm_tvcm .default_padding .tvcm_wrap .tvcm_box:nth-child(5n+1) {
    margin: 0 0 30px 2%;
  }
  .hm_tvcm .default_padding .tvcm_wrap .tvcm_box:nth-child(4n+1) {
    margin: 0 0 30px 0;
  }
  /* 3件または6件表示の場合
  .hm_tvcm .default_padding .tvcm_wrap .tvcm_box {
    width: calc(96%/3 - 0.1px);
  }
  .hm_tvcm .default_padding .tvcm_wrap .tvcm_box:nth-child(4n+1) {
    margin: 0 0 30px 2%;
  }
  .hm_tvcm .default_padding .tvcm_wrap .tvcm_box:nth-child(3n+1) {
    margin: 0 0 30px 0;
  } */
  /* tvcm end */
  /* 20221007 アプリ追加 start */
  .hm_app_logo {
    margin-right: 20px;
  }
  .hm_app_cont_under {
    margin-bottom: 6px;
  }
  .hm_app_cont_under a {
    margin-right: 3%;
  }
 /* 20221007 アプリ追加 end */ 
.hm_fresh_ingre { padding: calc(9vw + 60px) 0 100px; }
.hm_fresh_ingre_ttl .section_ttl_jp { margin-bottom: 45px; }
.hm_fresh_ingre_txt { margin-bottom: 60px; }
.hm_intro02 { padding: 80px 0 100px; }
.hm_intro02_ttl .section_ttl_jp { margin-bottom: 25px; }
.hm_fresh_ingre::before { background-image: url(../image/img-ingredient-left.png); }
.hm_fresh_ingre::after { background-image: url(../image/img-ingredient-right.png); }
.hm_fresh_ingre::before,
.hm_fresh_ingre::after { width: 25%; }
  .hm_bnr_midsection { padding: 60px 0; }
  .hm_bnr_midsection .section_ttl { padding-bottom: 30px; }
  .hm_bnr_midsection .hm_bnr_ambassador { margin-bottom: 0; }

.hm_menu { padding: 60px 0 70px; }
.hm_menu_lst { justify-content: center; padding-top: 30px; }
.hm_menu_url a { font-size: 2rem; }
.hm_menu_nav li { margin: 12px 10px 0; }
.hm_news { padding: 70px 0 40px; background-size: 37% auto; background-position: -23% -90px; }
.hm_news_top { width: 140px; }
.hm_news_ttl_big { font-size: 5rem; }
.hm_news_ttl_small { font-size: 3rem; }
.hm_news_ttl { height: 240px; margin-bottom: 20px; }
.hm_news_ttl_small { padding-left: 10px; }
.hm_news_dl { width: calc(94% - 140px); }
.hm_gopage .hm_gopage_box { padding: 60px 5% 150px; }
.hm_gopage .hm_gopage_box::before { bottom: 50px; height: 50px; left: calc(50% - 25px); width: 50px; }
.hm_gopage_box_ico { margin-bottom: 20px; }
.hm_gopage_box_ico img { max-height: 66px; max-width: 82px; }
.hm_gopage_box_ttl { margin-bottom: 15px; }
.hm_gopage_box_ttl_en { padding-top: 10px; }
.hm_gopage_box_ttl_jp { font-size: 3rem; padding-bottom: 10px; }
.hm_gopage_box_ttl_jp[target="_blank"]::after {height: 17px;width: 20px;}
.hm_intro_img { height: 100%; width: 45%; max-width: 690px; align-items: center; }
.hm_intro_flower { align-items: center; width: auto; height: 90%; bottom: -30px; right: -246px; }
.hm_intro_flower img { height: 90%; }
  .hm_top .section_ttl { margin-bottom: 30px; }
}
@media screen and (min-width: 768px) and (max-width: 1024px), print { /* tablet */
.hm_intro_flower { align-items: center; width: auto; height: 90%; }
.hm_intro_flower img { height: 90%; }
/*.section_ttl_en {min-height:30px;}*/
}
@media screen and (min-width: 930px), print {
  /* 20221007 アプリ追加 start */
  .hm_app_img01,
  .hm_app_cont {
    margin-right: 30px;
  }
  .hm_app_img01 {
    margin-top: -10px;
  }
  .hm_app_img02 {
    margin-top: -40px;
  }
  .hm_app_cont {
    margin-bottom: 20px;
    margin-top: 20px;
  }
  /* 20221007 アプリ追加 end */
}
 @media screen and (min-width:1025px), print {
.hm_gopage,
.hm_fresh_ingre,
.hm_menu { background-attachment: fixed; }
.hm_intro_flower { align-items: flex-end; /*width: 820px;*/ height: calc(100% + 4vw); }
.hm_intro_flower img { height: 100%; }
.section_ttl_jp { font-size: 3.6rem; }
}

/* 20200612 tsuika start */
.hm_menu_box_img {
	border:5px solid #fff;
	box-shadow: 3px 4px 6px 0px rgba(0,0,0,0.2);
}
.hm_menu_box_ttl {
	color: #3f2c26;
	font-family: "Noto Serif JP", serif;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
.hm_menu_box_ttl span {
	display: block;
}
.hm_menu_box_lst {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.hm_menu_box_lst  li a {
	color: #a15530;
	display: block;
	font-family: "Noto Serif JP", serif;
	line-height: 1.2;
	position: relative;
}
.hm_menu_box_lst  li a::before {
	background: url("../image-cmn/ico-arrow-02-right-white.png") #a15530 center / 7px 11px no-repeat;
	border-radius:100%;
	content: "";
	left: 0;
	position: absolute;
}
.hm_menu_note_box {
	background: rgba(231,217,199,.5);
}
.hm_menu_note_box li, .hm_menu_note_lst li {
	padding-left: 20px;
	position: relative;
}
.hm_menu_note_lst li {
	margin-top: 5px;
}
.hm_menu_note_box li::before, .hm_menu_note_lst li:before {
	content: "※";
	left: 0;
	position: absolute;
	top:0;
	
}
.hm_menu_note_box_link a {
	display: inline-block;
	margin-right: 20px;
}
.hm_menu_note_box a.contact_link::after {
	background: url(../image-cmn/ico-extendlink-blue.png) no-repeat;
    background-size: auto;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 16px;
	margin-left: 5px;
	vertical-align: middle;
	width: 16px;
}
@media screen and (max-width:767px){
.hm_menu_01 .section_ttl_des {
	margin-bottom: 20px;
}
.hm_menu_box {margin-bottom:30px;}
.hm_menu_box_img {
	margin-bottom: 20px;
}

.hm_menu_box_ttl {
	font-size: 2rem;
	margin-bottom: 10px;
}
.hm_menu_box_ttl span {
	display: block;
	font-size: 1.6rem;
}
.hm_menu_box_lst  li {
	width: 50%;
}
	.hm_menu_box_lst  li a::before  {
		background-size: 5px 8px;
		height: 15px;
		width: 15px;
		top:9px;
	}
.hm_menu_box_lst  li a {
	font-size: 1.6rem;
	line-height: 1.2;
	padding: 6px 10px 6px 20px; 
}
.hm_menu_note_box {
	margin-top: 10px;
	padding: 15px;
}
.hm_menu_note_box li {
	margin-top: 10px;
}
.hm_menu_note_box li:first-child, .hm_menu_note_lst li:first-child {
	margin-top: 0;
}
.hm_menu_note_lst {
	margin-bottom: 25px;
}
 /*20220914 追加 start*/
  .hm_top {
    padding-bottom:40px;
    padding-top: 20px;
  }
  .hm_top .section_ttl {
    margin-bottom: 15px;
  }
  .hm_slide_bnr_sm .slick-dots {
    margin-top: 5px;
  }
  .hm_slide_bnr_sm .slick-list {
    margin: 0 40px;
  }
  .hm_sns {
    padding-bottom: 60px;
    padding-top: 60px;
  }
  .hm_sns .wrap .ft_menu_sns_box {
    max-width: 406px;
    padding-right: 0;
  }
/*20220914 追加 end*/

}
@media screen and (min-width:768px), print {
.hm_menu_01 .section_ttl_des {
	margin-bottom: 35px;
}
.hm_menu_box {margin-bottom:45px;}
.hm_menu_box_img {
	height: 240px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}
.hm_menu_box_img img {
	height: auto;
	position: absolute;
  	left: 0;
  	top: 50%;
	transform: translate(0,-50%);
  	width: 100%;
}
.hm_menu_box_ttl {
	font-size: 3rem;
	margin-bottom: 20px;
}
.hm_menu_box_ttl span {
	font-size: 2rem;
}
.hm_menu_box_lst li {
	width: 25%;
}
.hm_menu_box_lst li a {
	font-size: 2rem;
	padding: 8px 10px 8px 30px; 
	transition: .3s all ease-in-out;
}
	.hm_menu_box_lst li a::before  {
		background-size: 7px 11px;
		height: 20px;
		width: 20px;
		top:12px;
		transition: .3s all ease-in-out;
	}
	.hm_menu_box_lst li a:hover {
		color: #3f2c26;
	}
	.hm_menu_box_lst li a:hover::before {
		background-color: #3f2c26;
	}
.hm_menu_note_box {
	margin-top: 20px;
	padding: 25px 30px;
}
.hm_menu_note_box li, .hm_menu_note_lst li {
	padding-left: 20px;
}
.hm_menu_note_box li {
	margin-top: 15px;
}
.hm_menu_note_box li:first-child, .hm_menu_note_lst li:first-child {
	margin-top: 0;
}
.hm_menu_note_lst {
	margin-bottom: 45px;
}
.hm_menu_note_box a.contact_link:hover::after {
	background-image: url(../image-cmn/ico-extendlink-orange.png);
	}
}
/* 20200612 tsuika end */

/*採用情報*/
.hm_recruit_new { align-items: center; background: url(../image/bg-recruit.jpg) center center / cover no-repeat; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
.hm_recruit_new::before { content: ""; background: rgba(255,191,0,.7); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.hm_recruit_new::after { background: url(../image/bg-hm-recruit02.png) right center / cover no-repeat; content: ""; height: 100%; min-width: 240px; position: absolute; right: 0; top: 0; width: 50%; z-index: 2; }
.hm_recruit_new_wrap { position: relative; z-index: 3; }
.hm_recruit_new_lbl { position: absolute; top: 0; z-index: 4; }
.hm_recruit_new_ttl { color: #fff; font-family: "Noto Serif JP", serif; position: relative; text-align: right; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; writing-mode: vertical-rl; }
.hm_recruit_new_ttl::before { background: #fff; content: ""; height: 100%; position: absolute; right: 48px; top: 0px; width: 1px; z-index: 10; }
.hm_recruit_new_ttl span { display: block; font-size: 2rem; position: relative; text-align: right; }
.hm_recruit_new_txt { color: #fff; line-height: 1.6; padding-bottom: 20px; }
.hm_recruit_new_btnwrap .btn_direct_bright a { background: #fff; color: #e37321; border: none; }
.hm_recruit_new_btnwrap .btn_direct_bright a:hover { background: #ffead6; }
.hm_recruit_new_btnwrap .btn_direct_bright a::after { background: url(../image-cmn/ico-right-arrow03-orange.png) center/ cover no-repeat; }
.hm_recruit_new_btnwrap .btn_direct_bright a .extend_link::after { background: url(../image-cmn/ico-extendlink-orange.png) no-repeat; background-size: contain; content: "";  display: inline-block; height: 14px; margin-left: 5px; vertical-align: middle; width: 16px; }
@media screen and (max-width:479px) {
}
@media screen and (max-width:767px) {
  .hm_recruit_new { padding: 0; }
  .hm_recruit_new_cont { margin-left: 125px; }
  .hm_recruit_new_btnwrap { width: 100%; }
  .hm_recruit_new_ttl { font-size: 2.4rem; height: 160px; }
  .hm_recruit_new_ttl::before { right: 37px; }
  .hm_recruit_new_btnwrap .btn_direct_bright { margin-bottom: 8px;}
}
@media screen and (max-width:1024px) {
  .hm_recruit_new_lbl { left: 10px; }
  .hm_recruit_new_cont { margin : 80px 10px 20px 100px !important; }
}
@media screen and (min-width:768px), print {
  .hm_recruit_new { height: 350px; }
  .hm_recruit_new_ttl { font-size: 3rem; height: 210px; }
  .hm_recruit_new_btnwrap { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; width: 100%;}
  .hm_recruit_new_btnwrap .btn_direct_bright { width:calc((100% - 20px) / 2); max-width: 100%; }
  .hm_recruit_new_btnwrap .btn_direct_bright a {font-size: 1.8rem;}
}
 @media screen and (min-width: 1025px), print {
   .hm_recruit_new_lbl { left: 10%; }
   .hm_recruit_new_cont { margin-left: 175px; }
}