@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700;900&family=Public+Sans:wght@400;500;700;900&display=swap');
html {overflow-y: scroll;font-size: 10px;}
body{line-height: 1.8em;color: #222;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin: 0;width: 100%;position: relative;font-family:'Public Sans','Noto Sans JP', sans-serif;letter-spacing: 0.03em;font-size: 10px; padding: 0 185px 0 50px; background: #efe9dc; box-sizing: border-box;counter-reset: num;}
h1,h2,h3,h4,h5,h6 {padding: 0;margin: 0;font-weight: inherit;font-size: inherit;color: inherit;font-family: inherit;}
p,ul,ol {padding: 0;margin: 0;}
.jst{ text-align: justify;}
.cl:after {content: "";clear: both;display: block;}
.none {display: none;}
div {padding: 0;margin: 0;line-height: 1em;font-family: inherit !important;}
img {border: 0;border-style: none;width: 100%; image-rendering: crisp-edges;}
a img:hover {opacity: 0.7;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
li {list-style-type: none;}
a {cursor: pointer;display: block; color: inherit !important;}
a:link {text-decoration: none;font-size: inherit;font-weight: inherit; color: inherit;}
a:visited {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;color: inherit;}
a:active {text-decoration: none;color: inherit;}
a,a:hover {-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
::selection {background: #a8dedc;color: #fff;}
::-moz-selection {background: #a8dedc;color: #fff;}
.pc,.on_pc {display: block;}
.sp,.on_sp {display: none;}
.in,.in2 {max-width: 1400px;position: relative;width: 100%;box-sizing: border-box;margin:auto;}
.tr {-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
.hdn {overflow: hidden;}
/*共通tips*/
.jos{font-family: 'Jost', sans-serif;}
.blk {display: block;}
.tbl {display: table;}
.po_re {position: relative;}
.po_ab {position: absolute;}
.bg_w {background: #fff;}
.bg_bk{background:#222;}
.bg_iv20{background: #f9f7f2;}
.bg_iv50{background:#efe9dc;}
.bg_iv80{background:#e3dac6;}
.f_w {color: #fff !important;}
.f12 {font-size: 1.2rem;}
.f13 {font-size: 1.3rem;}
.f14 {font-size: 1.4rem;}
.f15 {font-size: 1.5rem;}
.f16 {font-size: 1.6rem;}
.f17 {font-size: 1.7rem;}
.f18 {font-size: 1.8rem;}
.f19 {font-size: 1.9rem;}
.f20 {font-size: 2rem;}
.lh12{line-height: 1.2em;}
.lh13{line-height: 1.3em !important;}
.lh14{line-height: 1.4em !important;}
.lh15{line-height: 1.5em;}
.lh16{line-height: 1.6em;}
.lh17{line-height: 1.7em;}
.lh18{line-height: 1.8em;}
.lh19{line-height: 1.9em;}
.lh20{line-height: 2em;}
.fw4 {font-weight: 400;}
.fw5 {font-weight: 500;}
.fw6 {font-weight: 600;}
.fw7 {font-weight: 700;}
.fw9 {font-weight: 900;}
.ls07 {letter-spacing: 0.07em;}
.ls1 {letter-spacing: 0.1em;}
.ls15 {letter-spacing: 0.15em;}
.ls2 {letter-spacing: 0.2em;}
.shdimg {-webkit-filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.5));}
.shdtx {text-shadow: 0 0 15px rgba(0, 0, 0, 0.9);}
.w100 {width: 100%;display: block;}
.cover {background-size: cover;background-position: center;}
.box {box-sizing: border-box;}
.flx{ display: flex; flex-wrap: wrap;}
.flx_cen{ display: flex; align-items: center;flex-wrap: wrap;}
.flx_rev{ flex-direction: row-reverse;}
.flx_bet{ display: flex !important; justify-content: space-between; flex-wrap: wrap;}
.flx_stt{ align-items: flex-start;}
.flx_bot{align-items: flex-end;}
.flx_bet_cen{ display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap;}

/*header*/
.header{ position: fixed; width: 100%; top: 0; left: 0; padding:50px 0 50px 50px; z-index: 100; box-sizing: border-box;}
.smaller{background: #fff;padding:20px 0 20px 50px;}
.head_bg{ background: #fff; width: 100%; top: 0; left: 0; height: calc(150px + 22vw); max-height: 480px; position: absolute; z-index: -1;}
.logo{ width:185px; text-align: center; position: relative;}
.logo img{ width:90px;}
.smaller .logo img{ width:60px;}
.hd_nv{width: calc(100% - 185px);}
.hd_menu li{position: relative;}
.mn_crvn{ width: 45px; margin: -8px 0 0 0;}
.hd_menu li a,.hd_menu li p{ font-size: 18px; line-height: 1em; padding: 15px 0; margin: 0 45px 0 0; position: relative; }
.hd_menu li p{ background: url(../images/ar3_blk.png) 96% center/10px no-repeat;padding: 15px 18px 15px 0; }
.hd_menu_ul{ display: none; position: absolute; top:100%; left:calc(50% - 140px); width: 230px; }
.hd_menu_ul li a{margin: 0 0 1px 0; background:#e3dac6 url(../images/ar1_blk.png) 96% center/6px no-repeat; text-align: center; font-size: 1.4rem; font-weight: 700;}
.hd_menu_str li{ width: 90px; padding: 10px 0 10px 20px;}
.smaller .hd_menu_str li{ width: 70px;}
.hd_h1{position: absolute; top: 171px; right: 0; width: 185px; }
.hd_h1 span{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;vertical-align: middle; text-align: justify; font-size: 1.9rem;}
.hd_copy{ position: fixed; width: 50px; bottom: 50px; left: 0; text-align: center;}
.hd_copy img{width: 10px;}
.hd_sns{ width: 37px; position: fixed; bottom: 30px; right:20px;  }
.hd_sns li{padding: 10px 0 0 0;}

/*contents*/
.contents{position: relative; z-index: 2; padding: 221px 0 0 0;}
.mv_sl{ max-height: 1300px; min-height: 500px; box-sizing: border-box; height: calc(290px + 50vh);}
.mv_sl li{ width: 100%;padding: 40px; height: 100%; box-sizing: border-box; background-size: cover; background-position: center; position: relative;}
.mv_sl li a{position: absolute; width: 100%; height: 100%;}
.mv_in{ bottom: 0; left: 0; width: 100%; padding: 5%; box-sizing: border-box;}
.mv_in_num{ font-size: 8.2rem; line-height: 1em; padding: 0 0 10px 0; border-bottom: 8px solid #222; display: table; font-weight: 500; margin: 0 0 25px 0;}
.mv_in_tx{ }
.mv_in_tx span{background: #efe9dc; display: table; padding: 8px 10px; line-height: 1em; margin: 9px 0;font-size: 2.5rem; font-weight: 700;}
.mv {position: relative;}
.bx-wrapper,.bx-viewport{display: block; width: 100%;}
.mv .bx-controls{position: absolute; top: 25px; left: 15px; z-index: 999;}
.mv .bx-pager{ display: flex;}
.bx-pager-item a{width: 32px; height: 32px; font-size: 1.3rem; font-weight: 500; line-height: 32px; text-align: center;font-family: 'Jost', sans-serif; color: #fff !important; margin:0 10px 0 0;}
.bx-pager-item a:before{ content: "0";}
.bx-pager-item .active{background: url(../img/bg_mar_iv.png) center/100% no-repeat; color: #222 !important;}

.mv_logotyp{max-width: 310px; width: 70%; margin: -80px calc(30px + 3%) 0 auto; z-index: 100;padding: 140px 0; position: relative; display: table;}
.mv_logotyp:before,.mv_logotyp:after{position: absolute; content: ""; display: block;}
.mv_logotyp:before,.mv_logotyp:after{background: url(../img/naname.png) center/100% no-repeat; width: 110px; height: 110px;}
.mv_logotyp:before{top: 0; right: 0;}
.mv_logotyp:after{bottom: 0; left: 0;}

.idx_itr{ width: calc(100% + 185px); margin: -20px -185px 0 0;  padding: 0 0 calc(40px + 7%) 0;}
.idx_itr_r{ width: 65%; margin: 0 0 0 -15%;}
.idx_itr_img li{ width: 50%;}
.idx_itr_img li:nth-child(odd){padding:calc(40px + 5.5vw) 0 0 0;}
.idx_itr_txb{ width: 50%;padding: calc(30px + 3%) 0 0 0; position: relative; z-index: 10;}
.idx_itr_p{ font-size: 35px; line-height: 1.5em; margin: 0 0 calc(40px + 5%) 0;}
.idx_itr_p span{display: table; padding: 0 0 25px 0; margin: 0 0 25px 0; background: url(../img/nami_blk.png) center bottom/44px repeat-x;}
.idx_itr_lnk{ max-width: 320px;}
.lnk1{ background: #222 url(../img/ar1_wht.png) 96% center/10px no-repeat; padding: 20px 10px; font-size: 1.6rem !important; border-radius: 50px; line-height: 1em; color: #fff !important; font-weight: 700; text-align: center;}
.idx_nws{ padding: 0 0 calc(60px + 4%) 0;}
.idx_ttl{ font-size: 4.4rem; line-height: 1em;font-weight: 600; letter-spacing: 0.06em;padding: 30px 0;}
.idx_nws_tp{margin: 0 0 calc(20px + 2%) 0;}
.idx_nws_tp li{ width: 50%; padding:3.8%; box-sizing: border-box; min-height: 27vw; background-size: cover; background-position: center; position: relative; color: #fff;}
.idx_nws_tp li a{position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 3;}
.idx_nwstp_date_cov{ background: #d0ccc5; mix-blend-mode: multiply; position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; }
.idx_nwstp_date{ font-size: 1.6rem; line-height: 1em; margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px solid #fff; display: table; font-weight: 700;position: relative; z-index: 2;}
.idx_nwstp_cate{ font-size: 1.5rem; font-weight: 700; line-height: 1em; margin: 0 0 calc(20px + 4%) 0;position: relative; z-index: 2;}
.idx_nwstp_ttl{ font-weight: 700; font-size: 2.3rem; line-height: 1.6em;margin: 0 0 calc(30px + 1%) 0;position: relative; z-index: 2;}
.idx_nwstp_read{ position: absolute; bottom: 30px; right: 30px;font-weight: 600; padding: 0 29px 0 0; background: url(../img/ar2_blk.png) right center/22px no-repeat; line-height: 24px; font-size: 1.2rem; z-index: 2;}
.idx_nws_ttl{ width: 240px; text-align: center; font-size: 1.7rem; line-height: 1em; letter-spacing: 0.08em;}
.idx_nws_ttl a{width: 110px; margin:20px auto 0 auto; text-align: center; background: #222 url(../img/ar1_wht.png) 96% center/6px no-repeat;border-radius: 50px; line-height: 30px; color: #fff !important; font-size: 1.2rem;}
.idx_nws_li{ width:calc(100% - 250px);}
.idx_nws_li li{margin: 0 0 2px 0;}
.idx_nws_li li a{background: #e3dac6 url(../img/ar2_blk.png) 97% center/22px no-repeat; padding: 20px 50px 20px 0;}
.idx_nws_lidate{width: 140px; text-align: center; font-size: 1.3rem; line-height: 1em; font-weight: 600; }
.idx_nws_litx{ width: calc(100% - 150px); font-size: 1.6rem; line-height: 1.7em; font-weight: 700;}

.idx_str{ padding: calc(1px + 3%) 185px calc(20px + 3%) 50px; width: calc(100% + 235px); margin: 0 0 0 -50px; box-sizing: border-box;}
.idx_str .bx-viewport{ width:100%; padding: 0 170px 0 0; position: relative; box-sizing: border-box;}
.idx_str .bx-wrapper{position: relative;}
.idx_str_sl{}
.idx_str_sl li{}
.idx_str_img{ width: 60%; height: 35vw; min-height: 400px; background-size: cover; background-position: center; float: left;}
.idx_str_txb{ width: 35%; float: right; display: flex; align-items: center;}
.idx_str_logo a{ font-size:3.2rem;line-height: 32px;background: url(../img/ar2_blk.png) right center/22px no-repeat; margin: 0 0 calc(30px + 3%) 0; }
.idx_str_lead{font-size:2.8rem; line-height: 1.7em; font-weight: 900;margin: 0 0 calc(20px + 2%) 0; }
.idx_str_p{ font-weight: 500; font-size: 18px;line-height: 35px;}
.idx_sl_tmb{ position: absolute; right: 0; top: 0; width: 130px; height: 100%;border-top: #ccc 1px solid;}
.idx_sl_tmb li{height: 33.33333%; align-items: center; display: flex; border-bottom: #ccc 1px solid; width: 100%;}
.idx_sl_tmb li img{width: 80%; padding:0 10%;}
.idx_str_nws{ padding: 38px 0px;}
.idx_str_nws li{    background: #fffcf5;border-right: 1px solid #efe9dc;border-bottom: 1px solid #efe9dc; width: 33.3333%; box-sizing: border-box; padding: calc(10px + 0.5%); display: flex; align-items: center;justify-content: space-between;}
.idx_strnws_img{ width: 38%;}
.idx_strnws_txb{ width: 57%;}
.idx_strnws_cate{ font-weight: 600; padding: 0 0 calc(5px + 1.5%) 0;}
.idx_strnws_ttl{ font-size: 20px; line-height: 1.5em; font-weight: 900; letter-spacing: 0.01em;color: #371902;}

/*footer*/
.footer{padding: 5.5% 0 0 0;}
.ft_lnk{ margin: 0 0 5% 0;}
.ft_lnk li{width: 48.5%; position: relative; padding: 8% 0;}
.ft_lnk li:first-child{background: url(../images/ft_lnk1.jpg) center/cover no-repeat;}
.ft_lnk li:last-child{background: url(../images/ft_lnk3.jpg) center/cover no-repeat;}
.ft_lnk li a{position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.ft_lnk li p{ background: #f2eee3; padding: 10px; display: table;width: 80%; max-width: 271px; margin: auto; font-size: 1.8rem; font-weight: 700; text-align: center; box-sizing: border-box; line-height: 1em;}
.ft_lnk li p span{ display: block; text-align: center; padding: 5px 0 0 0; font-size: 1.1rem;}
.ft_btm{ padding: calc(20px + 3%) 50px calc(10px + 2%) 50px; width: calc(100% + 235px); margin: 0 0 0 -50px; box-sizing: border-box; background: #5b4a4a;}
.ft_logo{width: 160px; padding: 0 30px 0 0;}
.ft_logoarea{}
.ft_type{width: 280px; padding: 0 0 calc(8px + 2%) 0;}
.ft_lead{ font-size: 16px; font-weight: 700; line-height: 1.7em;}
.ft_sns{padding: calc(10px + 1%) 0 0 0;}
.ft_sns li a{ font-weight: 700; padding:5px 0 5px 20px; }
.ft_sns li:first-child{ background: url(../images/ft_insta.png) left center/12px no-repeat;}
.ft_sns li:nth-child(2){ background: url(../images/ft_mail.png) left center/12px no-repeat;}
.ftbtm_li li{padding: 0 0 0 20px;}
.ftbtm_littl{ font-size: 1.2rem; line-height: 1.2em; margin: 0 0 10px 0; font-weight: 900;}
.ftbtm_litx{ font-size: 1rem; line-height: 1.2em;padding: 2px 0;}

/*about*/
.ab_mv{ background: url(../img/ab_mv.jpg) center/cover no-repeat; padding: calc(13vw + 40px); margin: 0 0 calc(30px + 3%) 0;}
.cn_ttl{ color: #fff; text-align: center; font-size: 3rem; font-weight: 600;padding: 0 0 calc(20px + 2%) 0; line-height: 1em; position: relative; letter-spacing: 0.15em;}
.cn_ttl:after{height: 1px; width: 60px; bottom: 0; left: calc(50% - 30px); background: #fff; display: block; content: ""; position: absolute;}
.cn_bx{ margin:0 0 calc(40px + 4.5%) 0;}
.cn_ttl2{ margin: 0 0 calc(15px + 2%) -50px;padding: 0 0 15px 50px; border-bottom: 1px solid #111; display: table; font-size: 2.4rem; font-weight: 600; letter-spacing: 0.1em;line-height: 26px;}
.ab_itr1{margin: 0 0 calc(20px + 3.5%) 0;}
.ab_itr_l{ width: 60%; position: relative;}
.ab_itr_r{ width: 36%;}
.ab_itr_ttl{ font-size: 2.6rem; line-height: 1.9em; font-weight: 700; margin: 0 0 calc(15px + 4%) 0;}
.ab_itr1_img{ position: absolute; left: 0; bottom: 0;padding:0 0 5px 0; }
.ab_itr1_img li{ width: 32.9%;}

.ab_slbx{padding: 0 0 calc(40px + 3%) 0; width: calc(100% + 235px); margin: 0 0 0 -50px; box-sizing: border-box;}
.ab_sl{ width: 100%;}
.ab_sl li{ width: 50%;}

.ab_act_li{margin: calc(-12px - 2%) 0 0 0;padding: 55px 0 0 0;}
.ab_act_li li{ width: 33.333%; box-sizing: border-box; border-left:1px solid #2a211f; padding: 0 3% 15px 3%; margin: 8px 0 15px 0;}
.ab_act_li li:nth-child(3n){ border-right:1px solid #2a211f;}
.ab_act_img{ max-width: 135px; margin: 0 auto calc(10px + 0.5%) auto; width: 50%;}
.ab_act_ttl{ font-size: 2rem; line-height: 1.4em; font-weight: 700; text-align: center; padding: 0 0 calc(5px + 1%) 0;}
.ab_act_lnk{font-size: 1rem; line-height: 1em; padding: 10px 22px 10px 0; display: table; margin: auto; background: url(../img/ar2_blk.png) right center/17px no-repeat; font-weight: 700;}
.ab_pplbx{ padding: calc(30px + 4%) 185px calc(30px + 4%) 50px; width: calc(100% + 235px); margin: 0 0 0 -50px; box-sizing: border-box; background: #f9f7f2;}
.ab_ppl1{ padding: 0 0 calc(25px + 3%) 0;}
.ab_ppl_mv{ width: 70%; margin:0 -50% 0 0;}
.ab_ppl_mvtx{ font-size: 3rem; line-height: 2em; font-weight: 700; padding: 23vw 0 0 0;}
.ab_ppl2_1{width: 26%;}
.ab_ppl2_2{ width: 44%;}
.ab_ppl2_2 span{font-size: 18px;color: #737373;}
.ab_ppl_name{ font-size: 1.5rem; line-height: 1em; font-weight: 700;}
.ab_ppl_name font{ font-size: 0.85em; display: block; letter-spacing: 0.08em;}
.ab_ppl_name span{ font-size: 2em;display: block;line-height: 1em; padding: calc(15px + 2%) 0 calc(5px + 2%) 0;}
.ab_ppl_copy{ font-size: 2rem; line-height: 1.3em; padding: 20px 0 calc(15px + 1%) 0; font-weight: 700;}
.ab_ppl3img li{ width: 49.8%;}
.ab_ppl_copy2{font-size: 3rem; line-height: 1.2em; padding: calc(15px + 8%) 0 calc(20px + 4%) 0; font-weight: 700;}
.ab_ppl3_1{ width: 57%}
.ab_ppl3_2{ width: 39%; position: relative;}
.ab_ppl4txbx{padding: calc(10px + 2%) 0 0 0;}
.ab_ppl4txbx li{ width: 47%;}
.ab_ppl4_img{ width: 60%; position: absolute; left: 0; bottom: 0;}

.ab_ppl_catch{ border: 2px dotted #111; text-align: center; padding:50px 80px; font-size: 2.7rem; font-weight: 700; line-height: 1.2em; display: table; margin: 0 auto calc(25px + 2%) auto; border-radius: 100px;}
/* service */
.sv_ppl{width: 30%;}
.sv_ppl span{font-size: 18px;font-weight: 600;color: #6b4545;}
.sv_mv{background: url(../img/sv_mv.jpg) center/cover no-repeat; padding: calc(13vw + 40px); margin: 0 0 calc(30px + 3%) 0;}
/* process */
.pr_mv{background: url(../img/pr_mv.jpg) center/cover no-repeat; padding: calc(13vw + 40px); margin: 0 0 calc(30px + 3%) 0;}
/* contact */
.ct_mv{background: url(../img/ct_mv.jpg) center/cover no-repeat; padding: calc(13vw + 40px); margin: 0 0 calc(30px + 3%) 0;}
.price_mv{background: url(../img/price_mv.jpg) center/cover no-repeat; padding: calc(13vw + 40px); margin: 0 0 calc(30px + 3%) 0;}
/*jill*/
.cnt_mv .bx-wrapper,.cnt_mv .bx-viewport{display: block;}
.str_mv{padding: calc(40vw + 40px) 0 calc(2vw + 20px) 0; background-size: cover; background-position: center;}
.str_mvw{padding: 0 0 calc(30px + 3%) 0;}
.jl_mv{ background: url(../images/jill_mv.jpg) center/cover no-repeat;}
.str_logo{ padding: 0 0 calc(50px + 5%) 0; text-align: center;}
.str_logo img{max-width: 310px; margin: 0 auto 20px auto; display: block; width: 70%;}
.str_logo2 img{max-width: 480px !important; width: 100% !important;}
.str_logo span{ display: table; margin: auto; font-size: 2.8rem; font-weight: 700; line-height: 1.9em; text-align: left; padding: 90px 0 0 0; position: relative;}
.str_logo span:before{ position: absolute; left: 50%; top: 0; width: 1px; height: 70px; background: #111; content: "";}
.str_itrimg{ width: 50%;}
.str_itrtxb{ width: 40%;}
.str_itr_subimg{width: 40%; margin: 0 0 0 auto; padding: calc(15px + 5%) 0 calc(25px + 1%) 0;}
.str_itr_subimg li{ width: 49.8%;}
.str_general{ font-size: 1.4rem; font-weight: 700; letter-spacing: 0.15em; padding: 0 0 calc(10px + 0.5%) 0; line-height: 1em;}
.str_gen_w{ padding: calc(10px + 1.5%); background: #f6f3ea; margin: 0 0 calc(20px + 2%) 0; }
.str_gen_img{ width: 35%;}
.str_gen_inf{ width: 60%;}
.str_gen_inftx{ width: 60%;}
.str_insta{ margin: calc(10px + 1.5%) 0 0 0; padding: 10px 0 10px 25px; background: url(../images/ab_insta.png) left center/15px no-repeat; font-weight: 700 !important; font-size: 1.15rem !important; letter-spacing: 0.1em;}
.str_gen_infli{ width: 36%;}
.str_gen_infli li{border-bottom: 1px solid #bfbbb2; padding: calc(10px + 1%) 0;}
.str_gen_infli li:last-child{border: none; }
.str_gen_infli1{ width: 70px;font-size: 1.1rem; line-height: 1em; font-weight: 700; letter-spacing: 0.08em;}
.str_gen_infli2{ width: calc(100% - 80px); font-size: 1.4rem; line-height: 1.2em; font-weight: 500; word-break: break-all;}
.str_nws{ padding: 0;}
.str_nws li{background: #f6f3ea; border: 1px solid #efe9dc; width: 33.3333%; box-sizing: border-box; padding: calc(10px + 0.5%); display: flex; align-items: center;justify-content: space-between;}
.mhb_itrtxb{ max-width: 650px; margin: auto;}
.mhb_str{padding: calc(25px + 1%) 0 calc(40px + 3%) 0;}
.mhb_str li{ width: 30%;}
.mhb_str_flo{ display: block; margin: 0 auto calc(15px + 2%) auto; text-align: center;}
.mhb_str_flo span{display: table; border-bottom: 1px solid #111; font-size: 4rem; line-height: 1em; padding: 0 0 15px 0; font-weight: 500; letter-spacing: 0.1em; margin: 0 auto calc(5px + 0.8%) auto;}
.mhb_str_flo img{ width: 80%; max-width: 250px; padding: 10px 0 0 0;}
.mhb_str_up{ margin: 0 0 calc(10px + 1.5%) 0;}
.mhb_str_btm{margin: 0 0 calc(5px + 1%) 0;}
.mfb_str_a a{background: #111 url(../img/ar1_wht.png) 92% center/6px no-repeat; font-size: 1.1rem; line-height: 1em; padding: 8px 29px; border-radius: 50px; display: table; margin:auto; color: #fff !important; font-weight: 700; letter-spacing: 0.1em;}
.mhb_gen_w{ padding:calc(10px + 4.5%) calc(10px + 1.5%); background: #f6f3ea;margin: 50px 0 0 0;}
.mhb_gen_logo{ width: 20%; text-align: center;}
.mhb_gen_logo img{ max-width: 125px; width: 80%;}
.mhb_gen_li{width: 75%;}
.mhb_gen_li li{width: 47%;border-bottom: 1px solid #bfbbb2; padding: calc(10px + 1%) 0;}
#map_canvas{ width: 100%; min-height: 300px; height: 35vw;}

/*news*/
.nws_mv{ background: url(../images/nws_mv.jpg) center/cover no-repeat; padding: calc(5.5vw + 15px) 0; margin: 0 0 calc(30px + 3%) 0;}
.nws_d_l{background: #f6f3ea; padding: calc(15px + 1%); width: 34%; max-width: 380px; box-sizing: border-box;}
.nws_d_r{width: 61%; max-width: 800px;}
.nws_dl_date{ font-size: 7.7rem; line-height: 0.75em; position: relative; font-weight: 600; letter-spacing: -0.02em; margin: 0 0 calc(20px + 2%) 0;}
.nws_dl_date:before{background: url(../images/nws_naname.png) center/cover no-repeat; width: 76px; height: 76px; position: absolute; left: -40px; top: -40px; content: ""; display: block;}
.nws_dl_ttl{ font-size: 1.7rem; line-height: 1.35em; font-weight: 600;}
.nws_dl_ttl span{display: block; font-size: 1rem; line-height: 1em; margin: 0 0 8px 0;}
.nws_dl_inf{padding:15px 0;}
.nws_dl_inf li{padding:2px 0; font-size: 1rem; line-height: 1.2em; font-weight: 600;}
.nws_dl_tag{padding: 0 0 calc(15px + 1.5%) 0;}
.nws_dl_tag li{padding: 0 0 2px 0; margin: 0 8px 9px 0; font-size: 1.2rem; line-height: 1.3em; border-bottom: 1px solid #c7c7c7; font-weight: 500;}
.nws_dl_sns{padding: 0 0 calc(32px + 3.5%) 0;}
.nws_dl_sns li{ width: 48%;border: 1px solid #c7c7c7;background: #efe9dc; border-radius: 100px;}
.nws_dl_sns li a{ line-height: 35px;font-size: 1.1rem; font-weight: 500; text-align: center;}
.nws_dl_sns li:first-child a{ background: url(../images/nws_fb.png) 8% center/16px no-repeat;}
.nws_dl_sns li:last-child a{ background: url(../images/nws_tw.png) 8% center/16px no-repeat;}
.nws_dl_nav li{padding: 18px 0; border-top: 1px solid #c7c7c7; }
.nws_dl_nav li:last-child{padding: 18px 0 0 0;}
.nws_dl_nav_img{ width: 33%;}
.nws_dl_nav_txb{ width: 62%;}
.nws_dl_nav_en{ padding: 0 0 calc(5px + 1.2%) 0; line-height: 1.1em; font-weight: 600;}
.nws_dl_nav_ttl{ font-weight: 600; font-size: 1.2em; line-height: 1.4em;}
.nws_d_r_cat{ background: #111; color: #fff; font-size: 1.2rem; line-height: 26px; padding: 0 10px; display: table; font-weight: 500;}
.nws_rttl{ font-size: 2.8rem; line-height: 1.4em; padding: calc(15px + 1%) 0 0 0; font-weight: 600;}
.nws_r_entry{margin:calc(15px + 1%) 0 calc(25px + 2%) 0;padding:calc(15px + 2.5%) 0; border-top: 1px solid #111; border-bottom: 1px solid #111;}
.nws_r_entry h1,.nws_r_entry h2,.nws_r_entry h3,.nws_r_entry h4,.nws_r_entry h5,.nws_r_entry h6{ font-size: 2rem; line-height: 1.4em; padding: 15px 0 calc(20px + 1%) 0; font-weight: 600;}
.nws_r_entry,.nws_r_entry p{ font-size: 1.5rem; font-weight: 500; line-height: 1.9em;}
.nws_r_entry pre{white-space: pre-wrap;}
.nws_r_entry img,.nws_r_entry p{padding: 0 0 calc(20px + 1%) 0;}
.nws_dl_nav_sp{ display: none;}

.nws_a_bx{ border-bottom: 1px solid #c7c7c7; padding: calc(10px + 1.5%) 0; width: 48.5%; position: relative;}
.nws_a_bx a{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.nws_a_img{ width: 36%;}
.nws_a_txb{ width: 60%;}
.nws_a_date{ font-size: 1.2rem; line-height: 1em; padding: 0 0 calc(5px + 1%) 0; font-weight: 600;}
.nws_a_ttl{ font-size: 1.8rem; line-height: 1.45em; font-weight: 600;}
.nws_a_ex{ font-size: 1.2rem; line-height: 1.4em; padding: calc(15px + 1%) 0 0 0;}


.nws_a_page{margin: 0 0 0 auto; padding: calc(35px + 3.5%) 0 30px 0; display: table;}
.nws_a_page li a{font-size: 1.6rem; line-height: 30px;padding: 0 5px; margin: 0 0 8px 5px; text-align: center; font-weight: 600;}
.nws_a_page li.now a{ border-bottom: 2px solid #111;}
.nws_cate{padding: 0 0 calc(20px + 2%) 0;}
.nws_cate li{ border: 1px solid #efe9dc; background: #f6f3ea; width: 25%; box-sizing: border-box;}
.nws_cate li a{ line-height: 40px; text-align: center; background: url(../images/ar1_blk.png) 97% center/4px no-repeat; font-size: 1.35em; font-weight: 500;}
.crvn_sub div{ width:49.5%;}
/* add */
.local{display: flex;font-size: 18px;font-weight: bold;}
.topimg img{padding-bottom: 50px;}
.page h2{font-size: 23px;line-height: 1.9em;font-weight: 500;margin: 13px 0px;color: #93582d;}
.page p{font-weight: 500;line-height: 2em;font-size: 1.6rem;text-align: justify;}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width: 1200px) {
    .hd_menu_str li{ width: 70px; padding: 10px 0 10px 15px;}
    .smaller .hd_menu_str li{ width: 60px;}
    .hd_menu li a,.hd_menu li p{ font-size: 1.35rem; margin: 0 30px 0 0; letter-spacing: -0.01em;}
    /*contents*/
    .idx_itr_p{ font-size: 3.6rem;}
    .ft_logo{width: 100px; padding: 0 20px 0 0;}
    .ft_type{width: 220px; padding: 0 0 calc(8px + 2%) 0;}
    
    .ab_itr_ttl{ font-size: 2.25rem;}
    .ab_ppl_mvtx{ font-size: 2.6vw; padding: 18vw 0 0 0;}
    .ab_ppl_copy2{font-size: 2.6vw;}
    .ab_ppl_catch{ padding:40px 40px; font-size: 2.7vw;}
    
    .str_logo span{ font-size: 2.8vw;}
} /*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width: 1024px) {
    body{padding: 0 145px 0 40px; }
    .logo{ width:145px; }
    .logo img{ width:80px;}
    .hd_nv{width: calc(100% - 145px);}
    .hd_h1{position: absolute; top: 169px; right: 0; width: 145px; }
    .hd_menu li a,.hd_menu li p{ font-size: 1.15rem; margin: 0 20px 0 0;}
    .hd_menu_str li{ width: 58px; padding: 10px 0 10px 10px;}
    .mn_crvn{ width: 40px; margin: -8px 0 0 0;}
    .smaller .hd_menu_str li{ width: 48px;}
   /*contents*/
    .mv_in_num{ font-size: 7rem; }
    .mv_in_tx span{font-size: 2.2rem;}
    .idx_itr_p{ font-size: 3.2rem;}
    .idx_ttl{ font-size: 3.8rem;}
    .idx_itr{ width: calc(100% + 145px); margin: -20px -145px 0 0;}
    .idx_str{ padding: calc(40px + 3%) 145px calc(20px + 3%) 40px; width: calc(100% + 185px); margin: 0 0 0 -40px;}
    .idx_strnws_ttl{ font-size: 1.35rem;}
    .idx_nws_ttl{ width: 190px; font-size: 1.6rem;}
    .idx_nws_li{ width:calc(100% - 200px);}

    
    .idx_str_lead{font-size:1.65rem;margin: 0 0 calc(10px + 2%) 0; }
    .idx_str_p{ font-size: 1.15rem;}
    .ft_btm{ padding: calc(20px + 3%) 40px calc(10px + 3%) 40px; width: calc(100% + 185px); margin: 0 0 0 -40px;}
    .ftbtm_littl{ font-size: 1rem;}
    .ftbtm_li li{padding: 0 0 0 10px;}
    .hd_copy{ width: 40px;}
    .hd_copy img{width: 6px;}
    
    /*contents*/
    .cn_ttl{ font-size: 2.8rem;}
    .ab_itr_ttl{ font-size: 2.1rem;}
    .ab_slbx{ width: calc(100% + 185px); margin: 0 0 0 -40px;}
    .ab_act_ttl{ font-size: 1.8rem;}
    .ab_pplbx{ width: calc(100% + 185px);  padding: calc(30px + 4%) 145px calc(30px + 4%) 40px; margin: 0 0 0 -40px; box-sizing: border-box; background: #f9f7f2;}
    .ab_ppl_name{ font-size: 1.3rem;}
    .ab_ppl_copy{ font-size: 1.8rem;}
    .str_gen_w{align-items: flex-start;}
    .str_gen_img{ width: 40%;}
    .str_gen_inf{ width: 55%;}
    .str_gen_inftx{ width: 100%; padding: 0 0 calc(15px + 2%) 0;}
    .str_gen_infli{ width: 100%;}
    
    .mhb_str_flo span{font-size: 3rem;}
    
    .nws_dl_nav_pc{ display: none;}
    .nws_dl_nav_sp{ display: block;}
    .nws_dl_nav{ padding:0 0 calc(30px + 4%) 0;}
    .nws_d_l{width: 100%; max-width: 1200px;}
    .nws_d_r{width: 100%; max-width: 1200px;}
    .nws_dl_tag{padding: 0;}
    .nws_dl_ttl{ font-size: 2.2rem;}
    .nws_dl_date{ font-size: 10vw;}
    .nws_d_l{ margin: 0 0 calc(15px + 3%) 0;}
    .nws_dl_nav_ttl{font-size: 1.5em;}
    
    .nws_a_bx{ width: 100%;}
    .nws_a_img{ width: 33%;}
    .nws_a_txb{ width: 62%;}
} /*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/

@media screen and (max-width: 768px) {
    body {padding:0;}
    .pc {display: none !important;}
    .sp {display: block !important;}
    .in {padding:0 5%;}
    .in2 {padding: 0;}
    .f13 {font-size: 1.25rem;}
    .f14 {font-size: 1.3rem;}
    .f15 {font-size: 1.4rem !important;}
    .f16 {font-size: 1.5rem !important;}
    .f17 {font-size: 1.6rem;}
    .f18 {font-size: 1.7rem;}
    .f19 {font-size: 1.8rem;}
    .f20 {font-size: 1.9rem;}
    /*header*/
    .header{background:#fff;}
    .home .header{background:none;}
    .header{ padding:15px 5%;}
    .smaller{ padding:7px 5%; background: #fff !important;}
    .logo{ width:60px; text-align: center;}
    .logo img{ width:100%;}
    .smaller .logo img{ width:80%;}
    .hd_nv{width: calc(100% - 60px);}
    .hd_menu_str{ width: 100%; padding: 0 0 0 50px; box-sizing: border-box;}
    .hd_menu_str li{ width: 60px; padding: 10px 0 10px 20px;}
    .smaller .hd_menu_str li{ width: 50px;}
    
    .hd_copy{ width: 5%; bottom: 30px;}
    .hd_copy img{width: 20%;}
    /*burdger*/
    /*burger*/
    .burger_out{width: 22px;height:18px;padding: 0; position: absolute; left: 5%; top: calc(50% - 9px);  }
    .smaller .burger_out{}
    .burger{ width:100%;height: 100%; margin: 0;}
    .burger_menu{ width:100%; height: 100%; position:fixed; z-index:9998; text-align:center; background: rgba(255,255,255,0.98); box-sizing: border-box; top: 0; left: 0; padding: 60px 0 80px 0;overflow-y: scroll;}
    .burger_menu li{ line-height: 1em; width: 92%; font-size: 1.8em; margin: 0 4%;letter-spacing: 0.15em;border-bottom: 1px solid #dfdfdf;}
    .burger_menu li a,.burger_menu li p{ text-align: center; width: 100%; display: block; padding: 20px 0;}
    .burger_menu li span{display: block; width: 100%;}
    .menu-trigger,.menu-trigger span {display: inline-block;box-sizing: border-box;}
    .menu-trigger { top:0; z-index:9999; height:100%; width:100%;position: relative;}
    .menu-trigger span {width: 100%;height: 2px;background-color: #999;border-radius: 2px; position: absolute;}
    .menu-trigger span:nth-of-type(1) {top: 0;}
    .menu-trigger span:nth-of-type(2) {top: calc(50% - 1px); margin:0;}
    .menu-trigger span:nth-of-type(3) {bottom: 0;}
    
    .bag_more_in{ display: none;}
    .bag_more_in li{ width: 49%;margin: 0 2% 0 0; font-size: 1.4rem; line-height: 1em; text-align: center;border-bottom: none;border-top: 1px solid #dfdfdf;}
    .bag_more_in li:nth-child(even){ margin: 0;}
    .bag_more_in li a{ padding: 15px 0;}
    .bag_more_in2 li{ margin: 0 2% 0 0!important;}
    .bag_more_in2 li:nth-child(odd){ margin: 0!important;}
    
    .bg_arrow2{background: url("../images/arrow_po_o.png") right center/16px no-repeat;}
    /*contents*/
    .contents{padding:0;}
    .mv_in{bottom: 50px;}
    .mv .bx-controls{top: auto; bottom: 22px; left:5%; z-index: 999;}
    
    .idx_itr{ width:100%; margin: -20px 0 0 0; box-sizing: border-box; padding: 0 0 calc(50px + 7%) 5%;}
    
    .idx_itr_p{ font-size: 2.4rem;}
    .idx_itr_r{ width: 65%; margin: 0 0 0 -25%;}
    .idx_itr_txb{ width: 60%;}
    .lnk1{ background: #222 url(../img/ar1_wht.png) 96% center/8px no-repeat; padding: 15px 10px; font-size: 1.4rem !important;}
    
    .idx_nwstp_date{ font-size: 1.5rem;}
    .idx_nwstp_cate{ font-size: 1.4rem;}
    .idx_nwstp_ttl{ font-size: 1.8rem;}
    .idx_nwstp_read{bottom: 20px; right: 20px; font-size: 1.1rem;}
    
    .idx_nws_ttl{ width: 100%; margin: 0 0 20px 0; text-align: left; display: flex; justify-content: space-between; align-items: center;}
    .idx_nws_ttl a{width: 110px; margin:0;}
    .idx_nws_li{ width:100%;}
    .idx_ttl{ font-size: 3rem;}
    
    .idx_str{ width:100%; margin:0; box-sizing: border-box; padding:calc(40px + 4%) 0;}
    .idx_str_nws li,.str_nws li{width: 50%;}
    .idx_sl_tmb{ position:relative; right: auto; top: auto; width:100%; height: auto;border-top: none;border-left: #ccc 1px solid; display: flex; margin:22px 0 0 0;}
    .idx_sl_tmb li{width:33.333%; height: auto;border-bottom: none;border-right: #ccc 1px solid; padding:0 calc(25px + 6%);}
    .idx_str .bx-viewport{ width:100%; padding: 0;}
    .idx_str_img{ width: 50%;}
    .idx_str_txb{ width: 45%;}
    .idx_str_logo a{ font-size:2.8rem; margin: 0 0 calc(15px + 3%) 0; }
    .ft_btm{ width:100%; margin:0; box-sizing: border-box; padding:calc(20px + 2%) 5% calc(10px + 1%) 5%;}
    .ft_lnk li p{  font-size: 1.6rem;}
    .ft_logo{width: 100px;}
    .ft_type{width: 220px; padding: 0 0 calc(8px + 2%) 0;}
    
    /*contents*/
    .cnt_mv{margin: 111px 0 calc(30px + 3%) 0;}
    .cn_ttl{ font-size: 2.4rem;}
    .cn_ttl2{ margin: 0 0 calc(20px + 3%) -7%;padding: 0 0 15px 7%; font-size: 1.6rem;}
    .ab_itr_l{ width: 100%; margin: 0 0 calc(10px + 1%) 0;}
    .ab_itr_r{ width: 100%;}
    .ab_itr1_img{ position: relative; left: auto; bottom: auto;padding:0 0 5px 0; }
    .ab_slbx{ width: 100%; margin: 0;}
    .ab_act_ttl{ font-size: 1.5rem;}
    .ab_pplbx{width: 100%; padding: calc(30px + 2%) 0; margin: 0;}
    
    .ab_ppl_mvtx,.ab_ppl_copy2{ font-size: 2.9vw;}
    .ab_ppl2_1{width: 100%; padding: 0 0 calc(20px + 3%) 0;}
    .ab_ppl2_2{ width: 48%;}
    .ab_ppl4txbx li{ width: 100%;}
    .ab_ppl4txbx li:first-child{margin: 0 0 calc(15px + 2%) 0;}
    /*store*/
    .str_mv{padding: calc(60vw + 40px) 0 calc(5vw + 20px) 0;}
    .str_mvw{padding:0;}
    .str_logo span{ font-size: 3.3vw;}
    
    .mhb_gen_li li{width:100%;}
    .nws_dl_ttl{ font-size: 3.5vw;}
    .nws_cate li{ width: 33.333%;}
    /* sp add */
    .local{left: 60%;position: relative;}
    .topimg img{padding-bottom: 0px;}
} /*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width: 600px) {
    body {}
    .on_pc {display: none;}
    .on_sp {display: block !important;}
    .f14 {font-size: 1.25rem;}
    .f15 {font-size: 1.35rem !important;}
    .f16 {font-size: 1.45rem !important;}
    .f17 {font-size: 1.55rem;}
    .f18 {font-size: 1.65rem;}
    .f19 {font-size: 1.75rem;}
    .f20 {font-size: 1.85rem;}
    /*header*/
    .logo{ width:48px;}
    .smaller .logo img{ width:70%;}
    .hd_nv{width: calc(100% - 48px);}
    .hd_menu_str{width: 130px; position: relative; left:calc(50% - 41px); padding: 0;}
    .hd_menu_str li{ width: 19.3333%; padding: 0 7%;}
    .smaller .hd_menu_str li{ width: 19.3333%;}
    .hd_copy img{width: 28%;}
    .hd_sns{ width: 30px; bottom: 10px; right:10px; line-height: 0;}
    .hd_sns li{padding: 8px 0 0 0;}
    /*contents*/
    .mv_in_num{ font-size: 6.5rem;}
    .mv_in_tx span{font-size: 4vw; line-height: 1.3em;}
    .mv_logotyp{width: 70%; margin: -50px auto; z-index: 100;padding:100px 0; position: relative; display: table;}
    .mv_logotyp:before,.mv_logotyp:after{width: 80px; height: 80px;}
    .mv_logotyp:before{right: 10%;}
    .mv_logotyp:after{left: 10%;}
    
    .idx_itr{ width:100%; margin: -20px 0 0 0; box-sizing: border-box; padding: 0 5% calc(60px + 6%) 5%;}
    .idx_itr_p{ font-size: 2.4rem; line-height: 1.5em;}
    .idx_itr_r{ width: 105%;margin: 0 -5% 0 0;}
    .idx_itr_img li:nth-child(1){padding: 0;}
    .idx_itr_img li:nth-child(2){padding: calc(30px + 4%) 0 0 0;}
    .idx_itr_txb{ width: 100%; padding: 15px 0 0 0;}
    .idx_itr_p{ font-size: 2rem;}
    .idx_itr_p span{ padding: 0 0 17px 0; margin: 0 0 14px 0; background: url(../images/nami_blk.png) center bottom/34px repeat-x;}
    .idx_itr_lnk{ margin: auto;}
    
    .idx_nws_tp li{ width: 100%; padding:5%; min-height: 62vw; margin: 0 0 2.5% 0;}
    
    .idx_nws_li li a{background: #e3dac6 url(../img/ar2_blk.png) 95% center/18px no-repeat; padding: 20px 40px 20px 20px;}
    .idx_nws_lidate{width:100%; text-align: left; font-size: 1.2rem; font-weight: 600;margin: 0 0 10px 0;}
    .idx_nws_litx{ width:100%; font-size: 1.35rem; line-height: 1.6em;}
    
    .idx_ttl{ font-size: 3rem;}
    .idx_str_nws li,.str_nws li{width:100%; border: none; margin: 0 0 1px 0;}
    .idx_strnws_ttl{ font-size: 18px;}
    .idx_sl_tmb li{ padding:0 calc(10px + 5%);}
    .idx_str_img{ width: 100%; height: 69vw; min-height: 200px; margin: 0 0 22px 0;}
    .idx_str_txb{ width: 100%;}
    .idx_str_lead{font-size: 20px;}
    .idx_str_p{font-size: 16px;line-height: 31px;}
    .ft_lnk li p{  font-size: 1.2rem; letter-spacing: -0.03em; padding: 5px;}
    .ft_logoarea{ width: 100%; padding: calc(8px + 2%) 0 0 0;}
    
    /*contents*/
    .cnt_mv{margin: 95px 0 calc(30px + 3%) 0;}
    .cn_ttl{ font-size: 2rem;}
    .cn_ttl2{font-size: 2.4rem;line-height: 26px;}
    .ab_itr_ttl{ font-size: 2rem;}
    .ab_itr1_img li{ width: 49.5%;}
    .ab_itr1_img {padding: 0 0 calc(10px + 2%) 0;}
    .ab_act_li li{ width:100%;  border-left:none; border-top: 1px solid #2a211f; padding: 5% 0 5% 3%; margin: 0; display: flex; justify-content: space-between; align-items: center;}
    .ab_act_li li:nth-child(3n){ border-right:none;}
    .ab_act_img{ width: 90px; margin: 0;}
    .ab_act_txb{ width: calc(100% - 110px);}
    .ab_act_ttl{ font-size:1.5rem; text-align: left; padding: 0;}
    .ab_act_lnk{ padding: 15px 22px 15px 0; margin: 0;}
    
    .ab_ppl_mv{ width: 90%; margin:0 0 -55px 10%;}
    .ab_ppl_mvtx{ font-size: 5vw;padding: 0; line-height: 1.75em;}
    .ab_ppl2_2{ width: 100%;}
    .ab_ppl_copy2{font-size: 5vw; padding: 0 0 calc(20px + 2%) 0;}
    .ab_ppl3_1{ width: 100%; margin: 0 0 calc(20px + 4%) 0;}
    .ab_ppl3_2{ width: 100%;}
    .ab_ppl_name{ font-size: 1.1rem;}
    .ab_ppl_name span{ font-size: 1.6em;}
    .ab_ppl4_img{ position: relative; margin: 0 0 0 auto;}
    
    .ab_ppl_catch{ padding:20px 40px; font-size: 4.4vw; line-height: 1.4em;}
    
    
    .str_mv{padding: calc(77vw + 77px) 0 calc(5vw + 20px) 0;}
    .str_logo span{ font-size: 5.8vw;}
    .str_general{ font-size: 1.2rem;}
    .str_itrimg{ width: 100%; padding: 0 0 calc(15px + 2%) 0;}
    .str_itrtxb,.str_itr_subimg{ width: 100%;}
    .str_gen_w,.mhb_gen_w{ padding: calc(15px + 2%); }
    .str_gen_img{ width: 100%; padding: 0 0 calc(15px + 2%) 0;}
    .str_gen_inf{ width: 100%;}
    
    .mhb_str li{ width: 100%; margin: 0 0 calc(30px + 2%) 0; border-top: 1px solid #111; padding: 5% 0 0 0;}
    .mhb_str_up{display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse;}
    .mhb_str_flo{ width: 42%;}
    .mhb_str_img{ width: 55%;}
    .mhb_str_flo span{font-size: 2.5rem;padding:15px 0;}
    .mhb_str_up{ margin: 0 0 10px 0;}
    .mhb_gen_logo{ width: 100%; margin: 0 0 calc(15px + 1%) 0;}
    .mhb_gen_logo img{ width: 30%;}
    .mhb_gen_li{width: 100%;}
    
    .nws_dl_date{ font-size: 20vw;}
    .nws_dl_ttl{ font-size: 5.5vw;}
    
    .nws_dl_nav_img{ width: 46%;}
    .nws_dl_nav_txb{ width: 50%;}
    .nws_dl_nav_ttl{font-size: 1.3em;}
    
    .nws_a_date{ font-size: 1rem;}
    .nws_a_ttl{ font-size: 1.3rem; line-height: 1.35em;}
    
    .nws_a_page{margin: 0 auto;}
    .nws_a_page li a{font-size: 1.4rem; line-height: 28px;margin: 0 2px 10px 2px;}
    .nws_cate li{ width: 50%;}
    .nws_cate li a{ line-height: 28px;font-size: 1.15em;}
    /* service */
.sv_ppl{width: 100%;}
}