/*
 Theme Name: Hello Elementor Child
 Template: hello-elementor
 Version: 1.0
*/

@import url("../hello-elementor/style.css");


/*-----------------------------------------
common
-------------------------------------------*/
body{font-family: "Zen Old Mincho", serif;font-weight: 400;font-style: normal;font-size: 16px;line-height:2em;}
a{font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;color: #333;}
.f_noto{font-family: "Noto Sans JP", sans-serif;}	
h1,h2,h3,h4,h5,h6{font-size: 1rem}
[type=button], [type=submit], button{border-color: #333;background-color: #333;color: #fff;}
ul,li{margin: 0;padding: 0;list-style: none}

a:hover{opacity: 0.8;transition:all 0.3s ease;}
a:active, a:hover {color: #222;}
a.underline-anim{
  position: relative;
  display: inline-block;       /* 幅に沿ってアンダーラインが伸びる */
  text-decoration: none;       /* デフォルトの下線を消す */
  color: inherit;
}
a.underline-anim::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  /* テキストの下に表示 */
  height: 1px;                 /* 線の太さ */
  width: 100%;
  background: currentColor;    /* テキスト色と同じにする */
  transform: scaleX(0);        /* 初期は縮めておく */
  transform-origin: left center;
  transition: transform .28s cubic-bezier(.2,.9,.3,1);
  pointer-events: none;
}

/* ホバー／フォーカスで左→右に伸ばす */
a.underline-anim:hover::after,
a.underline-anim:focus-visible::after{
  transform: scaleX(1);
}

/* キーボードフォーカスの視認性向上 */
a.underline-anim:focus-visible{
  outline: none;               /* 必要ならカスタムアウトラインを追加 */
  box-shadow: 0 0 0 3px rgba(0,123,255,.12);
}


.hnb_common .f11{font-size: 11px;}
.hnb_common .f12{font-size: 12px !important;}
.hnb_common .f13{font-size: 13px !important;}
.hnb_common .f14{font-size: 14px !important;}
.hnb_common .f15{font-size: 15px;}
.hnb_common .f16{font-size: 16px;}
.hnb_common .f17{font-size: 17px;}
.hnb_common .f18{font-size: 18px;}
.hnb_common .f19{font-size: 19px;}
.hnb_common .f20{font-size: 20px}
.hnb_common .f21{font-size: 21px}
.hnb_common .f22{font-size: 22px}
.hnb_common .f23{font-size: 23px}
.hnb_common .f24{font-size: 24px}
.hnb_common .f25{font-size: 25px}
.hnb_common .f26{font-size: 26px}
.hnb_common .f28{font-size: 28px}
.hnb_common .f30{font-size: 30px}
.hnb_common .f32{font-size: 32px}
.hnb_common .f34{font-size: 34px}
.hnb_common .f36{font-size: 36px}
.hnb_common .f38{font-size: 38px}
.hnb_common .f40{font-size: 40px}
.hnb_common .center{text-align: center}
.hnb_common .mb0{margin-bottom: 0px !important}
.hnb_common .mb10{margin-bottom: 10px !important}
.hnb_common .mb20{margin-bottom: 20px !important}
.hnb_common .mb30{margin-bottom: 30px !important}
.hnb_common .mb40{margin-bottom: 40px !important}
.hnb_common .mb50{margin-bottom: 50px !important}
.hnb_common .mb60{margin-bottom: 60px !important}
.hnb_common .mb70{margin-bottom: 70px !important}
.hnb_common .mb80{margin-bottom: 80px !important}
.hnb_common .mb90{margin-bottom: 90px !important}
.hnb_common .mb100{margin-bottom: 100px !important}
.hnb_common .mb120{margin-bottom: 120px !important}
.hnb_common .mb140{margin-bottom: 140px !important}
.hnb_common .mb160{margin-bottom: 160px !important}
.hnb_common .mb180{margin-bottom: 180px !important}
.hnb_common .mb200{margin-bottom: 200px !important}
.hnb_common .text_right{text-align: right}
.hnb_common .red{color: #C82333}
.hnb_common .bold{font-weight: bold;}
.hnb_common .w1200{max-width: 1200px; margin-left: auto;margin-right: auto;}
.hnb_common .w1000{max-width: 1000px; margin-left: auto;margin-right: auto;}
.hnb_common .w60img{max-width: 60%; margin-left: auto;margin-right: auto;}
.hnb_common .w70img{max-width: 70%; margin-left: auto;margin-right: auto;}
.hnb_common .w75img{max-width: 75%; margin-left: auto;margin-right: auto;}
.hnb_common .w80img{max-width: 80%; margin-left: auto;margin-right: auto;}
.hnb_common .w85img{max-width: 85%; margin-left: auto;margin-right: auto;}
.hnb_common .w90img{max-width: 90%; margin-left: auto;margin-right: auto;}
.hnb_common span.marker {background: linear-gradient(transparent 60%, #FFF47F 60%);}

.hnb_common .pc_only{display: block}
.hnb_common .pc_only.inline{display: inline}
.hnb_common .sp_only{display: none}
@media (max-width: 767px) { 
.hnb_common .pc_only{display: none}
.hnb_common .sp_only{display: block}
.hnb_common .f11{font-size: 11px;}
.hnb_common .f12{font-size: 12px;}
.hnb_common .f13{font-size: 13px !important;}
.hnb_common .f14{font-size: 14px;}
.hnb_common .f15{font-size: 15px;}
.hnb_common .f16{font-size: 16px;}
.hnb_common .f17{font-size: 17px;}
.hnb_common .f18{font-size: 18px;}
.hnb_common .f19{font-size: 19px;}
.hnb_common .f20{font-size: 20px}
.hnb_common .f21{font-size: 21px}
.hnb_common .f22{font-size: 22px}
.hnb_common .f23{font-size: 23px}
.hnb_common .f24{font-size: 24px}
.hnb_common .f25{font-size: 25px}
.hnb_common .f26{font-size: 26px}
.hnb_common .f28{font-size: 28px}
.hnb_common .f30{font-size: 30px}
.hnb_common .f32{font-size: 32px}
.hnb_common .f34{font-size: 34px}
.hnb_common .f36{font-size: 36px}
.hnb_common .f38{font-size: 38px}
.hnb_common .f40{font-size: 40px}
.hnb_common .mb10{margin-bottom: 10px !important}
.hnb_common .mb20{margin-bottom: 20px !important}
.hnb_common .mb30{margin-bottom: 30px !important}
.hnb_common .mb40{margin-bottom: 40px !important}
.hnb_common .mb50{margin-bottom: 40px !important}
.hnb_common .mb60{margin-bottom: 40px !important}
.hnb_common .mb70{margin-bottom: 60px !important}
.hnb_common .mb80{margin-bottom: 60px !important}
.hnb_common .mb90{margin-bottom: 60px !important}
.hnb_common .mb100{margin-bottom: 80px !important}
.hnb_common .mb120{margin-bottom: 100px !important}
.hnb_common .mb140{margin-bottom: 100px !important}
.hnb_common .mb160{margin-bottom: 80px !important}
.hnb_common .mb180{margin-bottom: 80px !important}
.hnb_common .mb200{margin-bottom: 80px !important}
}

/*---------------------------
header
---------------------------*/
.hnb_common header{max-width: 1200px; margin: 0 auto;padding:30px 0 20px 0;margin-bottom: 80px;border-bottom: 1px solid #222222}
.hnb_common header .hed_nav_flex{display: flex;justify-content: flex-end;column-gap: 3rem;font-size: 14px}
.hnb_common header .heda_flex{display: flex;justify-content: space-between;align-items: center}

.hnb_common header .heda_flex .logo {
  flex: 0 0 130px; /* 固定幅 */
}
.hnb_common header .heda_flex h2 {
  flex: 1; /* 残りスペースをすべて使う */
  font-size: 12px;margin-left: 40px;padding-top: 40px;
}
.hnb_common header .heda_flex .search {
  flex: 0 0 360px; /* 固定幅 */
}

/*service nav*/
.hnb_common .hed_nav_flex ul.close {
  display: none;
  position: absolute; /* 好みに応じて配置 */
  padding:10px 20px;border: 1px solid #222;background-color: #fff;
  margin: 0;
  list-style: none;
}
.hnb_common .hed_nav_flex li.trigger {position: relative; /* 子の絶対配置の基準にする */}
.hnb_common .hed_nav_flex li.trigger:hover ul.close {display: block;z-index: 10;width: 160px}

@media (max-width: 767px) { 
.hnb_common header{padding:2% 4% 4% 4%;position: relative;border: none;margin-bottom: 0}
.hnb_common header .hed_nav_flex{display: block;}
.hnb_common header .heda_flex{display: block;}
.hnb_common header .shoulder{font-size: 10px;margin-bottom: 10px}
.hnb_common header .heda_flex .logo{width: 61%;margin: 0 0 10px 0}
.hnb_common header .heda_flex .sp_gnav{display: flex;justify-content: space-between;font-size: 12px;align-items: center;text-align: center}
.hnb_common header .heda_flex .sp_gnav img{width: 24px;vertical-align: top;padding: 6px 3px 0 0}
.hnb_common header .heda_flex .sp_gnav .icon1,
.hnb_common header .heda_flex .sp_gnav .icon2,
.hnb_common header .heda_flex .sp_gnav .icon3{height: 28px;margin-bottom: 0}
.hnb_common header .heda_flex .sp_gnav .icon2{border-left: 1px solid #222222;border-right: 1px solid #222222;padding: 0 3%;}

/*ドロワー*/
.hnb_common header .drawer .drawer-toggle{position: fixed;top:3%;right: 4%;width: 30px;background: none;padding: 0;margin: 0}
.hnb_common header .drawer .drawer-toggle .open{display: block}
.drawer-open .hnb_common header .drawer .drawer-toggle .open{display: none}
.hnb_common header .drawer .drawer-toggle .close{display: none}
.drawer-open .hnb_common header .drawer .drawer-toggle .close{display: block}

.drawer-open .hnb_common header .drawer .logo{width: 50%;margin-bottom: 10px}
.drawer-open .hnb_common header .drawer .search{margin-bottom: 20px}
.drawer-open .hnb_common header .drawer .search label{width: 100%}
.drawer-open .hnb_common header .drawer .search .search-form .search-field{width: 87%;padding: 6px 20px}
.drawer-open .hnb_common header .drawer .search .search-form .search-submit{width: 36px;height: 36px;padding: 6px 0}

.drawer-open .hnb_common header .drawer .drawer-nav .ttl{font-size: 18px;margin-bottom: 20px}
.drawer-open .hnb_common header .drawer .drawer-menu_flex{display: flex;justify-content: space-between;flex-wrap: wrap;text-align: center;}
.drawer-open .hnb_common header .drawer .border{border-top: 1px solid #222;padding-top: 40px;border-bottom: 1px solid #222;padding-bottom: 10px;}
.drawer-open .hnb_common header .drawer li{line-height: 1.3;margin-bottom: 30px}
.drawer-open .hnb_common header .drawer .drawer-menu_flex li{width: 50%;}
.drawer-open .hnb_common header .drawer li span{display: block;font-size: 15px}
.drawer-open .hnb_common header .drawer li span .en{font-size: 10px}

.drawer-open .hnb_common header .drawer .drawer-nav .ttl {position: relative;display: block;}
.drawer-open .hnb_common header .drawer .drawer-nav .ttl:after {  content: '';  position: absolute;  top: 50%;  display: inline-block;  width: 65%;  height: 1px;  background-color: black;}
.drawer-open .hnb_common header .drawer .drawer-nav .ttl:after {  right: 0;}

.drawer-open .hnb_common header .drawer .sns{display: flex;justify-content:center;column-gap: 20px}
.drawer-open .hnb_common header .drawer .sns img{width: 30px}
.drawer-open .hnb_common header .drawer .copy{font-size: 11px}
}


.search-form {position: relative;}
.search-form .search-field{width: 306px;border-radius: 50px;}
.search-form .search-submit{width: 44px;padding: 10px 0; border-radius: 50px;height: 44px;position: absolute;top: 0px;right: 0}
.search-form .search-submit img{width: 20px;}
.search-form .search-submit:hover{background-color: #333}


/*------------------------
Footer
------------------------*/
.hnb_common footer{background-color: #727272;color: #fff; padding: 60px 0 20px;margin-top: 120px;font-size: 14px}
.hnb_common footer p,
.hnb_common footer li{margin-bottom: 15px}
.hnb_common footer a{color: #fff}
.hnb_common footer .foot_flex{display: flex;justify-content: space-between;}
.hnb_common footer .foot_flex .area1{width: 40%}
.hnb_common footer .foot_flex .area2,
.hnb_common footer .foot_flex .area3,
.hnb_common footer .foot_flex .area4{width: 20%}

.hnb_common footer .foot_flex .area1 h3{font-size: 26px;margin: 0 0 10px 0}
.hnb_common footer .foot_flex ul.sns{display: none}
.hnb_common footer .foot_flex .area1 ul.sns{display: flex;justify-content: space-between;width: 22%;column-gap: 1rem}
.hnb_common footer .foot_flex .area2 li.child:before,
.hnb_common footer .foot_flex .area3 li:before,
.hnb_common footer .foot_flex .area4 li:before{content: "‐ "}
.hnb_common footer .copy{font-size: 12px; margin-top: 60px;margin-bottom: 0}


@media (max-width: 767px) { 
.hnb_common footer{padding: 30px 0 0;margin-top: 60px;}
.hnb_common footer .foot_flex{display: flex;flex-wrap: wrap}
.hnb_common footer .foot_flex .area1,
.hnb_common footer .foot_flex .area2{width: 100%;}
.hnb_common footer .foot_flex .area2{margin-bottom: 30px}
.hnb_common footer .foot_flex .area3,
.hnb_common footer .foot_flex .area4{width: 50%;margin-bottom: 30px}

.hnb_common footer .foot_flex ul.sns{display: flex;justify-content:center;width: 30%;column-gap: 1rem;margin: 0 auto}
.hnb_common footer .copy{margin-top: 30px;}


 }

/*------------------------
ドロワー
------------------------*/
/* 基本リセット（必要なら調整） */
.drawer-toggle {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  z-index: 1200;
  position: relative;
}

/* ハンバーガー（簡易） */
.hamburger {
  display: inline-block;
  width: 26px;
  height: 2px;
  background: #111;
  position: relative;
}
.hamburger::before,
.hamburger::after {
  content: "";
  position: absolute;
  left: 0;
  width: 26px;
  height: 2px;
  background: inherit;
}
.hamburger::before { top: -8px; }
.hamburger::after { top: 8px; }

/* オーバーレイ */
.drawer-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease;
  z-index: 1000;
}

/* ドロワー本体（右側から出る）*/
.site-drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;           /* 幅調整可 */
  max-width: 100%;
  height: 100vh;
  background: #fff;
  box-shadow: -8px 0 24px rgba(0,0,0,0.12);
  transform: translateX(110%); /* 右外に隠す初期 */
  transition: transform .38s cubic-bezier(.2,.9,.3,1);
  z-index: 1100;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* ドロワー内部 */
.drawer-inner {
  padding: 5% 4%;
}

/* メニューの見た目 */
.drawer-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.drawer-menu li {
  margin-bottom: 12px;
}
.drawer-menu a {
  text-decoration: none;
  color: #111;
  font-size: 16px;
  display: inline-block;
}

/* open state */
.drawer-open .site-drawer {
  transform: translateX(0%);
}
.drawer-open .drawer-overlay {
  opacity: 1;
  visibility: visible;
}

/* close button */
.drawer-close {
  background: transparent;
  border: none;
  font-size: 28px;
  line-height: 1;
  position: absolute;
  right: 12px;
  top: 8px;
  cursor: pointer;
}

/* 画面幅が広いときにドロワー幅を固定にしたい場合など調整 */
@media (min-width: 1024px) {
  .site-drawer { width: 360px; }
}

.drawer-nav .acMenu .ac_close{display: none;margin: 20px 0 }
.drawer-nav .acMenu .ac_close li{font-size: 14px;margin:0 0 15px 0 !important}
.drawer-nav .acMenu .ac_trigger span{font-family:"Noto Sans JP", sans-serif;font-size: 100%}
.drawer-nav .acMenu .ac_trigger span:after{content: " －"}
.drawer-nav .acMenu .ac_trigger.active span:after{content: " ＋"}


/*------------------------
TOP
------------------------*/
.hnb_common .mainarea{display: flex;margin: 0 auto;max-width: 1200px;position: relative}
.hnb_common .mainarea .main{max-width: 1000px;min-height: 1000px;width: 100%}
.hnb_common .mainarea .right_nav{max-width: 200px;position:absolute;  transition: top 0.5s ease;right: -50px;padding-top: 40px;top: -80px}
.hnb_common .mainarea .right_nav li{margin-bottom: 40px}
@media (max-width: 1000px) { 
.hnb_common .mainarea .right_nav{display: none}

}
@media (max-width: 767px) { 
.hnb_common .indent{padding: 0 4%}
.hnb_common .mainarea .main{min-height:inherit}
 }

/*picup*/
.hnb_common .picup .img{margin-bottom: 20px;text-align: center;background: #fff}
.hnb_common .picup .lav{display: flex;column-gap: 10px;margin-bottom: 40px;flex-wrap: wrap;}
.hnb_common .picup .lav li{margin-bottom: 10px}
.hnb_common .picup .lav li a{display: inline-block;padding: 5px 20px;background-color: #B4B4B4;border-radius: 50px;color: #fff;text-align: center;font-size: 14px}
.hnb_common .picup .lav li a:hover{background-color: #222}
.hnb_common .picup h2{font-size: 30px;line-height: 1.5}
.hnb_common .picup h2.ttl{font-size: 32px;line-height: 1.5;margin-top: 0}
.hnb_common .picup h3{font-size: 25px;line-height: 1.5}
.hnb_common .picup .border{border: 1px solid #222;width: 15px;margin: 30px 0}
.hnb_common .picup .day{font-size: 12px}
.hnb_common .picup .read{font-size: 16px;line-height: 2em;margin-bottom: 60px}
@media (max-width: 767px) { 
.hnb_common .picup .lav{margin-bottom: 30px}
.hnb_common .picup .lav li a{padding: 0 10px;font-size: 12px}
.hnb_common .picup h2.ttl,
.hnb_common .picup h2{font-size: 24px}
.hnb_common .picup h3{font-size: 20px}
.hnb_common .picup .read{font-size: 15px;margin-bottom: 20px}
}

/*area_search*/
.hnb_common .area_search{margin-top:120px; display: flex;justify-content: space-between;}
.hnb_common .area_search h2{writing-mode: vertical-rl;font-size: 25px;line-height: 2;letter-spacing: 0.6em;width: 5%;margin: 0;}
.hnb_common .area_search h2{background: url(./img/common/line.png) no-repeat center 240px;}
.hnb_common .area_search .area_flex{display: flex;justify-content: space-between; flex-wrap: wrap;text-align: center;width: 91%;padding-top: 90px;column-gap: 1%}
.hnb_common .area_search .area_flex .box a{width: 200px;height: 200px;border: 1px solid #BCBCBC;margin-bottom: 35px;
display: flex;align-items: center;justify-content: center;flex-direction: column}
.hnb_common .area_search .area_flex .box a span{display: block;font-size: 18px;transition: font-size 0.3s ease-in-out;}
.hnb_common .area_search .area_flex .box a span.en{color: #C5C5C5;font-size: 12px;transition: color 0.3s ease;}
.hnb_common .area_search .area_flex .box a:hover span{font-size: 20px;}
.hnb_common .area_search .area_flex .box a:hover span.en{color: #222;font-size: 12px}
.hnb_common .area_search .area_flex.type2 .box a{width: 260px;height: 260px;border: 1px solid #BCBCBC;margin-bottom: 35px;}
.hnb_common .area_search .area_flex.type2 .box a img{width: 70px}

@media (max-width: 767px) { 
.hnb_common .area_search{margin-top:60px;}
.hnb_common .area_search h2{line-height: 0.7;font-size: 20px;width: 4%}
.hnb_common .area_search h2{background: url(./img/common/line.png) no-repeat center 200px;}
.hnb_common .area_search .area_flex{padding-top: 34px;justify-content: flex-start;column-gap: 2%}
.hnb_common .area_search .area_flex .box a{width: 100px;height: 100px;margin-bottom: 6px;line-height: 1.5}
.hnb_common .area_search .area_flex .box a span{font-size: 15px;}
.hnb_common .area_search .area_flex .box a span.en{font-size: 10px;}

.hnb_common .area_search .area_flex.type2{display: block}
.hnb_common .area_search .area_flex.type2 .box a{width: 100%;height: auto;padding: 20px 40px; border: 1px solid #BCBCBC;margin-bottom: 20px;display: flex;flex-direction: row;
align-items: center;}
.hnb_common .area_search .area_flex.type2 .box a span{font-size: 18px;}
.hnb_common .area_search .area_flex.type2 .box a span.en{font-size: 11px;}
.hnb_common .area_search .area_flex.type2 .box a .img{width: 20%;text-align: center;margin: 0}
.hnb_common .area_search .area_flex.type2 .box a div{width: 80%}
.hnb_common .area_search .area_flex.type2 .box a img{width: 50px}
}

/*event*/
.hnb_common .event_area{margin-top: 120px}
.hnb_common .event_area h2{font-size: 25px;}
.hnb_common .event_area .border{border: 1px solid #222;width: 15px;margin: 30px 0 60px}
.hnb_common .event_area .event_flex{display: flex;justify-content: space-between;margin-bottom: 40px}
.hnb_common .event_area .event_flex .event-item{width: 31%}
.hnb_common .event_area .event_flex img{width: 100%}
.hnb_common .event_area .event_flex time{font-size: 14px}
.hnb_common .event_area .event_flex .event-title{font-size: 18px;line-height: 1.7;font-weight: normal}
.hnb_common .event_area .event_flex a{font-family: "Zen Old Mincho", serif;font-weight: 400;}

@media (max-width: 767px) { 
.hnb_common .event_area{margin-top: 60px}
.hnb_common .event_area h2{line-height: 0.7;font-size: 20px}
.hnb_common .event_area .event_flex{display: block;margin-bottom: 40px}
.hnb_common .event_area .event_flex .event-item{width: 100%;margin-bottom: 40px}

}

/*top_under*/
.hnb_common .top_under{background-color: #F4F4F5;padding: 170px 0;}
.hnb_common .top_under h2.ttl{font-size: 32px;border-bottom: 1px solid #222;padding-bottom: 30px;;margin-bottom: 30px;margin-top: 0}
@media (max-width: 767px) { 
.hnb_common .top_under{padding: 30px 0;}
.hnb_common .top_under h2.ttl{font-size: 24px;line-height: 1.5;padding-bottom: 20px;;margin-bottom: 20px;}
}

/*btn*/
.hnb_common .btn_yaji a{display: block;width: 250px; padding: 30px 0;color: #222;text-align: center;border: 1px solid #222;
background: url(./img/common/icon_btn.png) 92% center #fff no-repeat;background-size: 17px}
.hnb_common .btn_yaji a:hover{display: block; padding: 30px 0;color: #fff;text-align: center;border: 1px solid #222;
background: url(./img/common/icon_btn_hover.png) 92% center #222 no-repeat;background-size: 17px}
.hnb_common .btn_yaji.center a{margin: 0 auto}
.hnb_common .btn_yaji.big a{width: 350px;}
@media (max-width: 767px) { 
.hnb_common .btn_yaji.big a,
.hnb_common .btn_yaji a{width: 100%;padding: 15px 0}

}

/*bnr*/
.hnb_common .tablet_bnr{margin: 120px 0}
.hnb_common .tablet_bnr .pc_only a{display: block;background: url(./img/common/bnr_tabloid_pc.jpg) no-repeat;background-size: cover;max-width:1000px;height: 267px;margin: 0 auto}
.hnb_common .tablet_bnr .pc_only a:hover{display: block;background: url(./img/common/bnr_tabloid_pc_hover.jpg) no-repeat;background-size: cover;max-width:1000px;height: 267px;margin: 0 auto }
@media (max-width: 767px) { 
.hnb_common .tablet_bnr{margin: 60px 0}

}

.hnb_common .about_bnr{margin: 120px 0}
.hnb_common .about_bnr .pc_only a{display: block;background: url(./img/common/bnr_about_pc.jpg?1) no-repeat;background-size: contain;max-width:1200px;height: 240px }
.hnb_common .about_bnr .pc_only a:hover{display: block;background: url(./img/common/bnr_about_pc_hover.jpg?1) no-repeat;background-size: contain;max-width:1200px;height: 240px }
@media (max-width: 767px) { 
.hnb_common .about_bnr{margin: 60px 0}

}



/*------------------------
archive
------------------------*/
.hnb_common .main.archive .page-content{display: flex;justify-content: space-between;flex-wrap: wrap;}
.hnb_common .main.archive .page-content .post{width: 48%;margin-bottom: 40px}
.hnb_common .main.archive .page-content .post a{text-decoration: none;font-family: "Zen Old Mincho", serif;}
.hnb_common .main.archive .page-content .post time{font-size: 14px;margin: 15px 0}
.hnb_common .main.archive .page-content .post h3{font-size: 18px}



@media (max-width: 767px) { 
.hnb_common .main.archive .page-content{display: block;}
.hnb_common .main.archive .page-content .post{width: 100%;margin-bottom: 40px}
}


/*territory_nav*/
.hnb_common .main.archive h2.ttl1{font-size: 25px;margin-bottom: 40px}
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th,
table tbody tr:hover>td, table tbody tr:hover>th {background-color:#fff ;}
table td, table th{border: none}
.hnb_common .mainarea .main.archive{width: 100%}

.hnb_common .main.archive .territory_nav h2.ttl{margin: 0 0 30px 0;font-size: 30px}
.hnb_common .main.archive .territory_nav .map_flex{display: flex;justify-content: space-between}
.hnb_common .main.archive .territory_nav .map_flex .img{width: 60%}
.hnb_common .main.archive .territory_nav .map_flex .date{width: 38%}
.hnb_common .main.archive .territory_nav .map_flex .date table{margin: 0;width: 100%;border-top: 1px solid #222;border-left: 1px solid #222;border-bottom: 1px solid #222}
.hnb_common .main.archive .territory_nav .map_flex .date th{padding: 8px 1em;text-align: left;background-color: #222222;font-size: 13px;color: #fff}
.hnb_common .main.archive .territory_nav .map_flex .date td{padding: 8px;text-align: left;font-size: 14px;border-bottom: 1px dotted #222;border-right: 1px solid #222}
.hnb_common .main.archive .territory_nav .map_flex .date tr.line td{border-bottom: 1px solid #222}
.hnb_common .main.archive .territory_nav .map_flex .date td.f{width: 25%;text-align: center;padding: 8px 0}
.hnb_common .main.archive .territory_nav .map_flex .mini{font-size: 10px}
.hnb_common .main.archive .territory_nav .map_flex .text{text-align: right}
@media (max-width: 767px) { 
.hnb_common .main.archive h2.ttl1{font-size: 20px;}
.hnb_common .main.archive .territory_nav h2.ttl{margin: 10px 0 20px 0;font-size: 24px}
.hnb_common .main.archive .territory_nav .map_flex{display: block;margin-bottom: 40px}
.hnb_common .main.archive .territory_nav .map_flex .img{width: 100%;margin-bottom: 20px}
.hnb_common .main.archive .territory_nav .map_flex .date{width: 100%}
}

.hnb_common .main.archive .territory_nav .read h3.ttl{font-size: 23px}
.hnb_common .main.archive .territory_nav .read .link_area{margin: 50px 0 60px;background-color: #F4F4F5;padding: 50px 50px 40px 50px;position: relative;font-size: 18px;}
.hnb_common .main.archive .territory_nav .read .link_area:before{content:"“";font-size: 80px;position: absolute;top: 2px;left: 10px;color: #D1D1D2}
.hnb_common .main.archive .territory_nav .read .link_area a{font-size: 16px}
@media (max-width: 767px) { 
.hnb_common .main.archive .territory_nav .read .link_area{padding: 30px 30px 20px 30px }
}

.hnb_common .main.archive .territory_nav .staff_area {margin-bottom: 60px}
.hnb_common .main.archive .territory_nav .staff_area h3.ttl{font-size: 18px;color: #fff;text-align: center;padding: 10px 0;background-color: #727272;margin-bottom: 30px}
.hnb_common .main.archive .territory_nav .staff_area .staff_flex{display: flex;justify-content: space-between}
.hnb_common .main.archive .territory_nav .staff_area .img{width: 20%;text-align: center}
.hnb_common .main.archive .territory_nav .staff_area .img p{margin: 0}
.hnb_common .main.archive .territory_nav .staff_area .img p.name:after{content:"-";display: block;line-height: 0}
.hnb_common .main.archive .territory_nav .staff_area .text{width: 78%}
@media (max-width: 767px) { 
.hnb_common .main.archive .territory_nav .staff_area .staff_flex{display: block;}
.hnb_common .main.archive .territory_nav .staff_area .img{width: 60%;text-align: center;margin: 0 auto 20px}
.hnb_common .main.archive .territory_nav .staff_area .text{width: 100%}
}


/*area_search*/
.hnb_common .main.archive .area_search{margin-top:0; display: block;margin-bottom: 60px}
.hnb_common .main.archive .area_search h2{writing-mode:horizontal-tb;font-size: 23px;line-height: 1.7;letter-spacing: 0.11em;width: 100%;margin: 0 0 30px 0;}
.hnb_common .main.archive .area_search h2{background: url(./img/common/line2.png) repeat-x right center;}
.hnb_common .main.archive .area_search h2 span{background: #fff;padding-right: 1em}
.hnb_common .main.archive .area_search .area_flex{display: flex;justify-content: space-between; flex-wrap: wrap;text-align: center;width: 100%;padding-top: 0px;column-gap: 1%}
.hnb_common .main.archive .area_search .area_flex .box{width: 31.5%;height: 160px;margin-bottom: 30px}
.hnb_common .main.archive .area_search .area_flex .box a span{display: block;font-size: 18px;transition: font-size 0.3s ease-in-out;}
.hnb_common .main.archive .area_search .area_flex .box a span.en{color: #C5C5C5;font-size: 12px;transition: color 0.3s ease;}
.hnb_common .main.archive .area_search .area_flex .box a:hover span{font-size: 20px;}
.hnb_common .main.archive .area_search .area_flex .box a:hover span.en{color: #222;font-size: 12px}
.hnb_common .main.archive .area_search .area_flex.type2 .box a{width: 100%;height: 160px;border: 1px solid #BCBCBC;margin-bottom: 35px;display: flex;flex-direction:row}
.hnb_common .main.archive .area_search .area_flex.type2 .box a img{width: 70px}
.hnb_common .main.archive .area_search .area_flex.type2 .box a .img{width: 30%;margin: 0}
.hnb_common .main.archive .area_search .area_flex.type2 .box a div{width: 50%;}

@media (max-width: 767px) { 
.hnb_common .main.archive .area_search{margin-top:60px;}
.hnb_common .main.archive .area_search h2{line-height: 1.7;font-size: 20px;width: 100%}
.hnb_common .main.archive .area_search .area_flex .box{width: 48%;height: auto;margin: 0}

.hnb_common .main.archive .area_search .area_flex .box a{width: 100px;height: 100px;margin-bottom: 6px;line-height: 1.5}
.hnb_common .main.archive .area_search .area_flex .box a span{font-size: 15px;}
.hnb_common .main.archive .area_search .area_flex .box a span.en{font-size: 10px;}

.hnb_common .main.archive .area_search .area_flex.type2{display: flex;justify-content: space-between}
.hnb_common .main.archive .area_search .area_flex.type2 .box a{width: 100%;height: auto;padding: 30px 0px; border: 1px solid #BCBCBC;margin-bottom: 20px;display: block;flex-direction:column;
align-items: center;}
.hnb_common .main.archive .area_search .area_flex.type2 .box a span{font-size: 18px;}
.hnb_common .main.archive .area_search .area_flex.type2 .box a span.en{font-size: 11px;}
.hnb_common .main.archive .area_search .area_flex.type2 .box a .img{width: 100%;text-align: center;margin: 0 auto 20px}
.hnb_common .main.archive .area_search .area_flex.type2 .box a div{width: 100%}
.hnb_common .main.archive .area_search .area_flex.type2 .box a img{width: 40px}
}

.wp-pagenavi{text-align: center;margin-bottom: 100px}
.wp-pagenavi a, .wp-pagenavi span{padding: 3px 10px}
.wp-pagenavi a:hover, .wp-pagenavi span.current{background-color: #222;color: #fff}
@media (max-width: 767px) { 
.wp-pagenavi a, .wp-pagenavi span{padding: 3px 5px}
.wp-pagenavi .pages{display: none}
}


/*記事詳細*/
.wp-singular .hnb_common .main.archive .page-content{display: block}

.hnb_common .page-content{font-size: 16px}
.hnb_common .page-content h2{font-weight: normal;font-size: 20px;margin-top: 60px}
.hnb_common .page-content figcaption{font-style: normal;text-align: left;font-size: 14px;font-family: "Noto Sans JP", sans-serif;}

.hnb_common .page-content .link_area h3{font-size: 22px;margin-bottom: 40px}
.hnb_common .page-content .link_area{margin: 50px 0 60px;background-color: #F4F4F5;padding: 50px 50px 40px 50px;position: relative;font-size: 18px;}
.hnb_common .page-content .link_area:before{content:"“";font-size: 80px;position: absolute;top: 2px;left: 10px;color: #D1D1D2}
.hnb_common .page-content .link_area dl{display: flex;margin-top: 20px;}
.hnb_common .page-content .link_area dt{width: 15%}
.hnb_common .page-content .link_area dt p{font-size: 14px;border: 1px solid #222;text-align: center;padding: 0px 10px;margin: 0}
.hnb_common .page-content .link_area dd{width: 82%;font-size: 16px;margin: 0 0 0 3%}
.hnb_common .page-content .link_area dd a{text-decoration: none}
@media (max-width: 767px) { 
.hnb_common .page-content .link_area h3{font-size: 22px;margin-bottom: 20px}
.hnb_common .page-content .link_area{padding: 30px 30px 20px 30px }
.hnb_common .page-content .link_area dl{display: block;}
.hnb_common .page-content .link_area dt{width: 100%;}
.hnb_common .page-content .link_area dt p{display: inline-block}
.hnb_common .page-content .link_area dd{width: 100%;margin: 0}
}

.hnb_common .page-content .wp-block-separator{border: none;border-bottom: 2px solid #666;display: block;
width: 100%;padding: 0 0 50px 0;margin-bottom: 50px;}

.hnb_common .post-tags h3{font-size: 18px}

/*------------------------
下層ページ
------------------------*/
.wp-singular h2,
.hnb_common .page-content.under h3{margin: 0 0 30px 0;font-size: 30px}
.hnb_common .page-content.under h3.f25{margin: 0 0 30px 0;font-size: 25px}
.hnb_common .page-content.under .border {    border: 1px solid #222;    width: 15px;    margin: 30px 0;}

.hnb_common .page-content.under table{width: 100%}
.hnb_common .page-content.under table th,
.hnb_common .page-content.under table td{border-bottom: 1px dotted #222;padding:15px 25px;font-size: 16px; font-weight: normal;}
.hnb_common .page-content.under table a{font-size: 15px}
.hnb_common .page-content.under table.common{border-top: 1px solid #222;border-left: 1px solid #222;border-bottom: 1px solid #222;}
.hnb_common .page-content.under table.common th,
.hnb_common .page-content.under table.common td{border-right: 1px solid #222;}
.hnb_common .page-content.under table.common th{width: 20%}
.hnb_common .page-content.under table.list th{width:17%;padding: 15px 0 15px 15px;text-align: left}
.hnb_common .page-content.under ul.dot {margin-left: 2em}
.hnb_common .page-content.under ul.dot li{list-style: disc}
.hnb_common .page-content.under .news-item a{text-decoration: none}
.hnb_common .page-content.under .btn_yaji a{text-decoration: none}

@media (max-width: 767px) { 
.wp-singular h2,
.hnb_common .page-content.under h3{margin: 10px 0 20px 0;font-size: 24px}
.wp-singular h2{margin: 20px 0 30px 0;}
.hnb_common .page-content.under h3.f25{margin: 0 0 30px 0;font-size: 25px}
.hnb_common .page-content.under table th,
.hnb_common .page-content.under table td{display: block;width: 100% !important;padding: 0}
.hnb_common .page-content.under table.common,
.hnb_common .page-content.under table.common th,
.hnb_common .page-content.under table.common td{border: none}
.hnb_common .page-content.under table.common th{padding:8px 15px;background-color: #F4F4F5;text-align: left}
.hnb_common .page-content.under table.common td{padding: 10px 0 30px}

.hnb_common .page-content.under table.list{border: none;border-top: 1px dotted #222;}
.hnb_common .page-content.under table.list th{padding: 15px 0 5px 0 ;text-align: left;border: none}
.hnb_common .page-content.under table.list td{border-bottom: 1px dotted #222;padding: 0 0 15px 0}
}

/*conatct*/
table.contact{width: 100%}
table.contact th{width: 24%;padding-left: 0;padding-top: 30px }
table.contact th,table.contact td{font-size: 16px;font-weight: normal;text-align: left;font-family: "Noto Sans JP", sans-serif;padding-bottom: 30px}
table.contact th span{background-color: #222;color: #fff;font-size: 12px;padding: 3px 10px;display: inline-block;margin-right: 0.8em;}
table.contact .wpcf7-list-item{display: block;margin: 0 0 20px 0}
table.contact .radio .wpcf7-list-item{display: inline-block;margin: 0 20px 10px 0}
table.contact p{margin-block-end: 0}

body.page-id-11464 .page-id-59,
body.page-id-59 .page-id-11464{display: none}

/* チェックボックスのアイコン */
.hnb_common .page-content input[type="checkbox"]{
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #222;
  
  vertical-align: -5px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}



.hnb_common .page-content input[type="checkbox"]:checked{background-color: #222}

.hnb_common .page-content input[type="checkbox"]:checked:before {
  position: absolute;
  top: 1px;
  left: 5px;
  transform: rotate(50deg);
  width: 6px;
  height: 14px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
}

.hnb_common .page-content input[type="radio"]{
  appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #222222;
  border-radius: 9999px;
  cursor: pointer;vertical-align: sub;}

.hnb_common .page-content input[type="radio"]:checked::after{
  content: "";
  position: absolute;
  inset: 0;
  width: 12px;
  height: 12px;
  margin: auto;
  border-radius: 9999px;
  background-color: #222222;

}

.hnb_common .page-content span.wpcf7-list-item-label{margin-left: 8px;}
.hnb_common .page-content .wpcf7-list-item label{cursor: pointer;display: inline-block}
.hnb_common .page-content input[type=date], .hnb_common .page-content input[type=email], .hnb_common .page-content input[type=number], 
.hnb_common .page-content input[type=password], .hnb_common .page-content input[type=search], .hnb_common .page-content input[type=tel], 
.hnb_common .page-content input[type=text], .hnb_common .page-content input[type=url], select, .hnb_common .page-content textarea{padding: 1em;border-radius: 0;}

.hnb_common .page-content .check{text-align: center;font-family: "Noto Sans JP", sans-serif;font-size: 16px;margin-bottom: 60px}
.wpcf7-form-control.wpcf7-submit{display: block;width: 250px;margin: 0 auto;padding: 30px 0;color: #222;
font-family: "Noto Sans JP", sans-serif;text-align: center;border: 1px solid #222;font-size: 16px;background-color: #fff;border-radius: 0}
.wpcf7-form-control.wpcf7-submit:hover{background-color: #222;color: #fff}

@media (max-width: 767px) { 
table.contact th,
table.contact td{display: block;width: 100%;padding: 0 0 20px 0}
table.contact td{padding-bottom: 40px}
.hnb_common .page-content div.privacy{padding: 20px}
.wpcf7-form-control.wpcf7-submit{display: block;width: 100%;font-size: 20px}
}

/*privacy*/
.hnb_common .page-content div.privacy{background-color: #F4F4F5;padding: 40px;margin-bottom: 30px;font-family: "Noto Sans JP", sans-serif;font-size: 14px;height: 400px; overflow: auto}
.hnb_common .page-content div.privacy .ttl{font-size: 16px; }
.hnb_common .page-content div.privacy .text_right{margin: 20px 0}
.hnb_common .page-content div.privacy p{margin: 0}
.hnb_common .page-content div.privacy dl{padding-top: 2em; margin-top: 2em;border-top: 1px solid #333}
.hnb_common .page-content div.privacy dt{font-weight: bold}
.hnb_common .page-content div.privacy dd{margin: 0}
.hnb_common .page-content div.privacy dd li{list-style: disc;margin-left: 1.5em;}

@media (max-width: 767px) { 
.hnb_common .page-content div.privacy{padding: 20px;}
}

/*------------------------
下層ページ 購読ページ
------------------------*/
.hnb_common .koudoku_page.page-content h2{margin-top: 20px}
.hnb_common .koudoku_page.page-content h2.ttl{font-size: 28px;text-align: center}
.hnb_common .koudoku_page.page-content h2.ttl span{font-size: 40px;color: #4D64B9}
.hnb_common .koudoku_page.page-content.under .border{margin: 30px auto}
@media (max-width: 767px) { 
.hnb_common .koudoku_page.page-content h3{font-size: 30px}
}
.koudoku_page .flex_koudoku{display: flex;justify-content: space-between;}
.koudoku_page .flex_koudoku .text{width: 63%}
.koudoku_page .flex_koudoku .img{width: 32.4%}
.koudoku_page .flex_koudoku .text h2{font-size: 40px; text-align: center;border-bottom: 1px solid #222222;padding-bottom: 20px;}
.koudoku_page .flex_koudoku .text .center{margin: 60px 0}
.koudoku_page .flex_koudoku .text .center .price{color: #E25E40;margin-top: 30px}
.koudoku_page .flex_koudoku .text .center .price .img img{width: 74px;vertical-align: bottom;margin-right: 15px}
.koudoku_page .flex_koudoku .text .center .price .f70{font-size: 70px;}
@media (max-width: 767px) { 
.koudoku_page .flex_koudoku{display: block;}
.koudoku_page .flex_koudoku .text{width: 100%}
.koudoku_page .flex_koudoku .img{width: 60%; margin: 0 auto 20px}
.koudoku_page .flex_koudoku .text h2{font-size: 34px;}
.koudoku_page .flex_koudoku .text .center{padding:  0;margin: 0 0 20px 0}
.koudoku_page .flex_koudoku .text .center .price{position: relative;margin-top: 20px}
.koudoku_page .flex_koudoku .text .center .price .tax{position: absolute;top: 15%;left: 65%;font-size: 14px;}
}


.koudoku_page .triple .box{position: relative}
.koudoku_page .triple .box .ttl{position: absolute;left: 50px;font-size: 22px;top:-70px;text-align: center}
.koudoku_page .triple .box .ttl .no{font-size: 70px;color: #4D64B9;font-weight: bold;}
.koudoku_page .triple .box .frame{border: 1px solid #222222;padding: 30px 40px 30px 50px;margin-bottom: 110px}
.koudoku_page .triple .box .frame .flex{display:flex;justify-content: space-between}
.koudoku_page .triple .box .frame .flex .text.first{width:40%;padding-top: 30px }
.koudoku_page .triple .box .frame .flex .img.first{width: 50%}
.koudoku_page .triple .box .frame .flex .text{width:60%;padding-top: 30px }
.koudoku_page .triple .box .frame .flex .img{width: 40%}
.koudoku_page .triple .box .frame .flex .text li{list-style: disc;margin-left: 1.5em}
@media (max-width: 767px) { 
.koudoku_page .triple .box{margin-top: 100px}
.koudoku_page .triple .box .ttl{position: absolute;font-size: 18px;top:-70px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);}
.koudoku_page .triple .box .ttl .no{font-size: 58px;}
.koudoku_page .triple .box .frame .flex{display:block;}
.koudoku_page .triple .box .frame{padding: 40px 15px 20px 15px;}
.koudoku_page .triple .box .frame .flex .text.first{width:100%;padding-top: 0 ;text-align: center}
.koudoku_page .triple .box .frame .flex .img.first{width: 100%;margin-bottom: 20px}
.koudoku_page .triple .box .frame .flex .text{width:100%;padding-top: 0;text-align: center;font-size: 14px}
.koudoku_page .triple .box .frame .flex .img{width: 100%;margin-bottom: 20px}
.koudoku_page .triple .box .frame .flex .text li{text-align: left}
}

.koudoku_page .review .flex{display:flex;justify-content: center;flex-wrap: wrap;column-gap: 5%}
.koudoku_page .review .flex .box{width: 30%;font-family: "Noto Sans JP", sans-serif;margin-bottom: 5%}
.koudoku_page .review .flex .box .img{width: 50%;margin: 0 auto}
.koudoku_page .review .flex .box .namae{text-align: center;font-size: 15px;margin: 10px 0 0 0}
.koudoku_page .review .flex .box .border{margin: 0 auto;}
.koudoku_page .review .flex .box .old{text-align: center;font-size: 13px}
@media (max-width: 767px) { 
.koudoku_page .review .flex{display:block;}
.koudoku_page .review .flex .box{width: 100%;margin-bottom: 40px}
.koudoku_page .review .flex .ccomment{font-size: 14px}
}
/*.koudoku_page .flow .flex{display: flex;justify-content: space-between;align-items: center}
.koudoku_page .flow .flex .box{width: 20%;text-align: center;border: 1px solid #222222;padding: 30px 0}
.koudoku_page .flow .flex .box .img img{height: 67px}
.koudoku_page .flow .flex .box .text{}
.koudoku_page .flow .flex .next{width: 6.5%;text-align: center}
.koudoku_page .flow .flex .next img{width: 20px}*/

.koudoku_page .qa .box{border-bottom: 1px dotted #222222;margin-bottom: 30px;padding-bottom: 20px}
.koudoku_page .qa .box .qa_trigger{font-size: 18px;cursor:pointer;
background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/koudoku/Q.png) no-repeat 0 center;
background-size: 30px;padding: 15px 0 10px 50px;}
.koudoku_page .qa .box .qa_close{display: none;
background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/koudoku/A.png) no-repeat 0 0;
background-size: 30px;padding: 15px 0 10px 50px;}
@media (max-width: 767px) { 
.koudoku_page .qa .box .qa_trigger{
background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/koudoku/Q.png) no-repeat 0 -5px;background-size: 30px;}
.koudoku_page .qa .box .qa_close{
background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/koudoku/A.png) no-repeat 0 -5px;background-size: 30px;}
}

.koudoku_page .qa .box .qa_trigger span{display: block;padding-right: 50px;
background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/koudoku/ac_1.png) no-repeat right center;background-size: 22px;}
.koudoku_page .qa .box .qa_trigger.active span{display: block;padding-right: 50px;
background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/koudoku/ac_2.png) no-repeat right center;background-size: 22px;}
@media (max-width: 767px) { 
.koudoku_page .qa .box .qa_trigger span{display: block;padding-right: 50px;
background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/koudoku/ac_1.png) no-repeat right 0;background-size: 22px;}
.koudoku_page .qa .box .qa_trigger.active span{display: block;padding-right: 50px;
background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/koudoku/ac_2.png) no-repeat right 10px;background-size: 22px;}
}


.koudoku_page .form .red_frame{border: 1px solid #D93F1B;padding: 40px 0 30px;text-align: center;font-size: 20px}
.koudoku_page .form .red_frame .read span{border-bottom: 1px solid #D93F1B;padding:0 20px 20px 20px; margin-bottom: 20px;display: inline-block}
.koudoku_page .form .red_frame .tel{color: #D93F1B;font-size: 40px;letter-spacing:0.1em;
background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/koudoku/tel.png) no-repeat left 8px;background-size: 30px;
    display: inline-block;
    padding: 5px 0 5px 45px;}
@media (max-width: 767px) { 
.koudoku_page .form .red_frame .read{font-size: 15px}
.koudoku_page .form .red_frame .read span{padding: 0 0 10px 0;margin-bottom: 0}
.koudoku_page .form .red_frame{padding:20px 20px 5px 20px;}
.koudoku_page .form .red_frame .tel{font-size: 30px;margin-bottom: 5px}
.koudoku_page .form .red_frame .tel a{font-family: "Noto Sans JP", sans-serif; color: #D93F1B;text-decoration: none}
}

/*------------------------
下層ページ サービス
------------------------*/
.service_page h2.FV{font-size: 23px; margin-bottom: 20px}
.service_page h2.ttl{text-align: center;font-size: 28px}
.service_page .border{margin-left: auto !important;margin-right: auto !important;margin-bottom: 40px !important}
.service_page .flex{display: flex;justify-content: space-between;align-items: center;}
.service_page .flex .text{width: 60%}
.service_page .flex .img{width: 35%}

.hnb_common .service_page .btn_yaji a{width: 320px; padding: 20px 0}
.hnb_common .service_page .btn_yaji.mail a{width: 660px;margin: 0 auto;padding: 40px 0;font-size: 18px}
.hnb_common .service_page .btn_yaji.mail span{background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/service/mail.jpg) 10% center no-repeat;
background-size: 52px; display: block;}
.hnb_common .service_page .btn_yaji.mail span:hover{background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/service/mail_hover.png) 10% center no-repeat;
background-size: 52px; display: block;}


@media (max-width: 767px) { 
.service_page h2.FV{margin-top: 20px;font-size: 18px}

.service_page .flex{display: flex; flex-direction: column-reverse}
.service_page .flex .text{width: 100%}
.service_page .flex .img{width: 100%;}
.hnb_common .service_page .btn_yaji a{width: 100%;}
.hnb_common .service_page .btn_yaji.mail a{width: 100%;padding: 25px 0}

.hnb_common .service_page .btn_yaji.mail span{background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/service/mail.jpg) center top no-repeat;
background-size: 52px; display: block;padding-top: 50px}
.hnb_common .service_page .btn_yaji.mail span:hover{background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/service/mail_hover.png) center top no-repeat;
background-size: 52px; display: block;padding-top: 50px}

}

/*------------------------
西の風新聞とは about
------------------------*/
.hnb_common .mainarea .main.about{max-width: 1200px;min-height: 1200px;}
.about_page section{margin-bottom: 200px}

.about_page p{margin-bottom: 0}
.about_page a{text-decoration: none}
.hnb_common .about_page .btn_yaji.big a{width: 380px}
.about_page h2.ttl{text-align: left;writing-mode: vertical-rl;margin: 170px auto 300px;font-size: 60px;line-height: 1.4em;letter-spacing: 0.4em;}
.about_page h3{text-align: left;writing-mode: vertical-rl;margin-left: auto;margin-right: auto;margin-bottom: 80px;font-size: 28px;line-height: 1.4em;letter-spacing: 0.4em;}
.about_page h3.ttl2{background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/about/h3_2.png) no-repeat center;background-size: 256px;padding: 0 150px;}
.about_page h3.ttl3{background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/about/h3_3.png) no-repeat center;background-size: 332px;padding: 0 150px;}
.about_page h3.ttl4{background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/about/h3_4.png) no-repeat center;background-size: 197px;padding: 0 150px;}
.about_page h3.ttl5{background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/about/h3_5.png) no-repeat center;background-size: 367px;padding: 0 150px;}
.about_page h2.ttl .with-line {
  position: relative;
  display: inline-block;
  padding-bottom: 20px; /* 文字と線の距離を調整 */
}
.about_page h2.ttl .with-line::after {
  content: "";
  position: absolute;
  left: 50%;         /* 中央に配置（調整してOK） */
  bottom: -85px;     /* 線の開始位置 */
  width: 1px;        /* 線の太さ */
  height: 100px;      /* 線の長さ（画像に合わせて調整） */
  background: #999;  /* 線の色 */
  transform: translateX(-50%);
}
@media (max-width: 767px) {
.about_page .indent{padding: 0 3%}
.about_page section{margin-bottom: 100px}
.about_page h2.ttl{font-size: 46px;margin: 170px auto 250px;}
.hnb_common .about_page .btn_yaji.big a{width: 100%}
}

.about_page .flex_paper{display: flex;justify-content: space-between;margin-bottom: 80px;align-items: center;}
	.about_page .flex_paper .img{width: 40%}
	.about_page .flex_paper .text{width: 55%;line-height: 2.5em}
		.about_page .flex_paper .text .include{position: relative;padding: 30px 55px}
		.about_page .flex_paper .text .include:before {
    content: "“";
    font-size: 55px;
    position: absolute;
    top: 2px;
    left: 0px;
    color: #D1D1D2;}
		.about_page .flex_paper .text .include:after {
    content: "“";
    font-size: 55px;
    position: absolute;
    bottom: 15px;
    right: 30%;
    color: #D1D1D2;transform: scaleX(-1) scaleY(-1);}
		@media (max-width: 767px) { 
		.about_page .flex_paper{display: block;}
			.about_page .flex_paper .img{width: 85%;margin: 0 auto 40px}
			.about_page .flex_paper .img.w100img{width: 100%;margin: 0 auto 40px}
			.about_page .flex_paper .text{width: 100%;}
			.about_page .flex_paper .text .include{padding: 30px 0px;text-align: center;}
			.about_page .flex_paper .text .include:after {right: 0}
		}
		
.about_page .flex_people{display: flex;justify-content: space-between}
	.about_page .flex_people .box{width: 47.5%;position: relative}
	.about_page .flex_people .box:nth-child(2){padding-top: 70px}
		.about_page .flex_people .box .icon{width: 196px;position: absolute;top: 0px;left: 50px}
		@media (max-width: 767px) { 
		.about_page .flex_people{display: block;}
			.about_page .flex_people .box{width: 100%;margin-bottom: 110px}
			.about_page .flex_people .box:nth-child(2){padding-top: 0;margin-bottom: 40px}		
				.about_page .flex_people .box .icon{width: 50%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);top:-20%;}
		}

.about_page .flex_story{display: flex;justify-content: space-between;margin-bottom: 80px}
	.about_page .flex_story .box{width: 32%}
		.about_page .flex_story .box a{font-family: "Zen Old Mincho", serif }
		.about_page .flex_story .box:nth-child(2){padding-top: 60px}
		.about_page .flex_story .box:nth-child(3){padding-top: 120px}
		@media (max-width: 767px) { 
		.about_page .flex_story{display: block;margin-bottom: 0}
			.about_page .flex_story .box{width: 100%;margin-bottom: 40px}
				.about_page .flex_story .box:nth-child(2){padding-top: 0}
				.about_page .flex_story .box:nth-child(3){padding-top: 0}
		}
		
.about_page .flex_staff{display: flex;justify-content: space-between;margin-bottom: 80px}
	.about_page .flex_staff .box{width: 47.5%}
		.about_page .flex_staff .box .staff{margin-bottom: 60px}
		.about_page .flex_staff .box .staff .img{position: relative;margin-bottom: -1em}
		.about_page .flex_staff .box .staff .img .dis{position: absolute;left: 20px;top: 10px;color: #222}
		.about_page .flex_staff .box .staff .img .dis.white{color: #fff}
		.about_page .flex_staff .box .staff .img .dis .border{border: 1px solid #222;width: 10px;margin: 5px 0;}
		.about_page .flex_staff .box .staff .img .dis.white .border{border: 1px solid #fff;}
		.about_page .flex_staff .box .staff .img .icon{position: absolute;right: 0;bottom: 0;}
		.about_page .flex_staff .box .staff .img .icon img{width: 27px}
		.about_page .flex_staff .box .staff .text{background: #222222;color: #fff;padding: 40px 35px;}
		.about_page .flex_staff .box .staff .text h4{font-size: 18px;line-height: 1.8}
		.about_page .flex_staff .box .staff .text p{font-family: "Noto Sans JP", sans-serif;}
		@media (max-width: 767px) { 
		.about_page .flex_staff{display: block;}
			.about_page .flex_staff .box{width: 100%;margin-bottom: 20px}
			.about_page .flex_staff .box .staff .text{padding: 6% 4%;}
			.about_page .flex_staff .box .staff .img .icon{bottom: -10px;}
		}
		
.about_page .enkaku{border-bottom: 1px dotted #222;padding-bottom: 1em;margin-bottom: 1em}
.about_page .enkaku dl{display: flex;border-top: 1px dotted #222;padding-top: 1em;margin-top: 1em;font-size: 16px}
.about_page .enkaku dl dt{width: 15%;padding-left: 1em;color: #222}
.about_page .enkaku dl dd{margin-left: 0;padding-right: 1em;color: #343A40;}
@media (max-width: 767px) { 
.about_page .enkaku dl{display: block;}
.about_page .enkaku dl dt{width: 100%;padding-left: 0;display: block}
.about_page .enkaku dl dd{widows: 100%; margin-left: 0;padding-right: 0;display: block}
}

.hnb_common .about_page .btn_yaji.icon a{width: 660px;font-size: 18px}
.about_page .btn_yaji.icon span{background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/about/btn_icon.png) no-repeat 55px center;background-size: 56px;
display: block;padding: 15px 0}
.about_page .btn_yaji.icon span:hover{background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/about/btn_icon_hover.png) no-repeat 55px center;background-size: 56px;
display: block;padding: 15px 0}

@media (max-width: 767px) { 
.hnb_common .about_page .btn_yaji.icon a{width: 100%;}
.about_page .btn_yaji.icon span{background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/about/btn_icon.png) no-repeat center top;background-size: 56px;
display: block;padding:70px 0 5px 0}
.about_page .btn_yaji.icon span:hover{background: url(https://nishi-kaze.com/renewal/wp-content/themes/hello-elementor-child/img/page/about/btn_icon_hover.png) no-repeat center top;background-size: 56px;
display: block;padding: 70px 0 5px 0}
}