@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&family=Lato:wght@400;700;900&family=Noto+Sans+JP:wght@400;500;700&display=swap');
html {overflow-y:scroll;font-size: 10px; height:100%;}  
body,td,th {line-height:1.8em;color: #222;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body {margin:0;padding:80px 0 0 0 !important;width:100%;height:100%;position:relative;font-family:'Barlow','Noto Sans JP', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',sans-serif;letter-spacing: 0.06em;}
h1,h2,h3,h4,h5,h6 {padding:0;margin:0;font-weight:inherit;font-size:inherit;color: inherit;}
p,ul,ol{padding:0;margin:0;text-align: justify;}
.cl:after { content: "";clear: both;display: block;}
.soon{ opacity: 0.2;}
.none{ display:none;}
div{ padding:0; margin:0; line-height: 1em;;}
img {border:0;border-style:none; width:100%;-ms-interpolation-mode: bicubic;-webkit-interpolation-mode: bicubic; }
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;}
a:link {text-decoration: none; color:inherit; font-size:inherit; font-weight: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: #000;color: #fff;}
::-moz-selection {background: #000;color: #fff;}
.pc{ display:block;}
.sp{ display:none;}
.on_pc{ display: block;}
.on_sp{ display: none;}
.in,.in2{ padding:0 5%; margin: auto; max-width: 1300px; position: relative;}
.tr07{-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;}
.tr04{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.cl:after { content: "";clear: both;display: block;}
/*スクロールのエフェクト*/
.fad{animation: fadeIn 2s ease 0s 1 normal;-webkit-animation: fadeIn 2s ease 0s 1 normal; }
@keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
/* 画面外にいる状態 */
.fi {opacity : 0;transform : translate(0, 40px);transition : all 1s;}
.fi.scrollin {opacity : 1;transform : translate(0, 0);}
.fi2 {opacity : 0;transform : translate(-30px, 0);transition : all 1s;}
.fi2.scrollin {opacity : 1;transform : translate(0, 0);}
.fi3 {opacity : 0;transform : translate(-30px, 0);transition : all 1.5s;}
.fi3.scrollin {opacity : 1;transform : translate(0, 0);}
.cont_fade1{opacity: 0 !important;-webkit-animation: fadeIn 2s ease 0.5s 1 forwards;animation: fadeIn 2s ease 0.5s 1 forwards;}
/*共通tips*/
.po_re{ position: relative;}
.po_ab{ position: absolute;}
.f12,.f13,.f14,.f15,.f16,.f17,.f18,.f19,.f20{line-height: 1.65em;}
.f13{ 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;}
.fw3{font-weight: 300;}
.fw5{font-weight: 500;}
.fw6{font-weight: 600;}
.fw7{font-weight: 700;}
.lat{font-family: 'Lato', sans-serif;}
.ls07{ letter-spacing: 0.07em;}
.ls1{ letter-spacing: 0.1em;}
.ls15{ letter-spacing: 0.15em;}
.ls2{ letter-spacing: 0.2em;}
.f_it{font-style: italic;}
.f_w{color: #fff !important;}
.f_bk70{color: #5f5f5f;}
.f_bl{color: #0083c3;}
.f_gr{color: #80c500;}
.f_gr2{color: #199a33;}
.bg_bk06{background: #f2f2f2;}
.bg_bl{background: #0083c3;}
.bg_bl015{background: #d9edf6;}
.flx{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center; }
.flex{display: -webkit-flex;display: flex; flex-wrap: wrap;}
.flx_b{display: -webkit-flex;display: flex; flex-wrap: wrap; justify-content: space-between;}
.shdimg{-webkit-filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.5));}
.shdimg2{-webkit-filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.2));}
.shdtx{text-shadow: 0 0 10px rgba(0,0,0,.9);}
.w100{ width: 100%; display: block;}
.ma3{border-radius: 3px; -webkit-border-radius: 3px;-moz-border-radius: 3px;}
.ma00{border-radius: 800px; -webkit-border-radius: 800px;-moz-border-radius: 800px;}
.bg_grd45{background: -moz-linear-gradient(45deg, #0083c3, #1ebaf6); background: -webkit-linear-gradient(45deg,  #0083c3, #1ebaf6); background: linear-gradient(45deg,  #0083c3, #1ebaf6);}
.bg_w{background: #fff;}
.bg_bk{background: #222;}
.cover{ background-size: cover; background-position: center;}
.box{box-sizing: border-box;}

/*header*/
.header{height: 80px; width: 100%; position: fixed; top: 0; left:0; z-index:10; background: #fff;}
.logo{ width: 158px; float: left; padding: 18px 0 18px 4%;}
.hd_mn{ float: right;}
.hd_li{ float: left;}
.hd_li li{ line-height: 76px; font-size: 1.4rem; padding: 0 1.2vw; float: left; margin: 0 0 0 2px; letter-spacing: -0.01em; position: relative;}
.hd_li li:nth-child(1),.hd_li li:nth-child(2),.hd_li li:nth-child(4),.hd_li li:nth-child(5){ border-bottom: 4px solid #80c500;}
.hd_li_in{ display: none; position: absolute; top: 100%; width: 200px; left: calc(50% - 120px); padding: 4px 0 0 0;}
.hd_li_in li{ width: 200px; text-align: center; font-size: 1.3rem; line-height: 20px; border-bottom: 1px solid #ddd !important; background: #fff;margin: 0;}
.hd_li_in li a{ padding:15px 0 ;}
.hd_link{ float: left; margin: 0 20px;}
.hd_link li{float: left; line-height: 17px; letter-spacing: -0.05em; margin:30px 0;}
.hd_link li:first-child{margin: 30px 8px 30px 0; padding: 0 8px 0 0; border-right: #ddd 1px solid;}
.hd_mail{ float: left; border-bottom: 3px solid #80c500;width: 100px;}
.hd_mail a{ height: 95px; background: url(../images/mail_w.png) center 45%/28px no-repeat; text-align: center; font-weight: 500; padding:70px 0 0 0; box-sizing: border-box; line-height: 1em;}

/*contents*/
.mv{ width: 100%;}
.mv video{ width: 100%;}
.idx_ab{padding: calc(30px + 4%) 0 calc(30px + 2%) 0; overflow: hidden;}
.idx_ab_l{ float: left; width: 70%; padding: calc(50px + 6%) 0 0 0; position: relative; z-index: 1;}
.idx_ttl:before{ position: absolute; display: block; content: "";width: 28px; height: 28px;background: -moz-linear-gradient(45deg, #0083c3, #a6dd25); background: -webkit-linear-gradient(45deg,  #0083c3, #a6dd25); background: linear-gradient(45deg,  #0083c3, #a6dd25); z-index: -1; bottom: -14px; left: -14px;}
.idx_ttl{ font-size: 1.6rem; line-height: 1em; font-weight: 500; position: relative; margin: 0 0 calc(20px + 2%) 0;}
.idx_ttl span{ font-size: 5rem; font-family: 'Lato', sans-serif; display: table; line-height: 1em; padding: 0 0 10px 0; font-weight: 900; letter-spacing: 0.1em;}
.idx_ab_p{ font-size: 2.05rem; line-height: 2.1em; padding: calc(10px + 4%) 0 0 0;}
.idx_ab_r{width: 96%; margin:0 -6% 0 -61%; float: right;}
.idx_abimg{ width: 50%; float: left;}
.idx_ab_r2{ padding:calc(40px + 5%) 0 0 0; }
.idx_nws{ padding: calc(30px + 3%) 0;}
.idx_ttl2{font-size: 1.5rem; line-height: 28px; margin: 0 0 calc(15px + 1%) 0;}
.idx_ttl2 span{display: table; float: left; font-size: 3rem; line-height: 28px; padding: 0 15px 0 0; margin: 0 15px 0 0; border-right: 2px solid #0083c3;font-family: 'Lato', sans-serif; font-weight: 900; letter-spacing: 0.05em; }
.idx_nws_li li{width: 50%; float: left; margin: 0 0 2px 0; box-sizing: border-box; background: #fff; padding: 8px; position: relative;}
.idx_nws_li li:nth-child(even){border-left: 1px solid #f2f2f2;}
.idx_nws_li li:nth-child(odd){border-right: 1px solid #f2f2f2;}
.idx_nws_img{ height: 140px; width: 140px; float: left;background-position: center; background-size: cover;}
.idx_nws_txb{ width: calc(100% - 160px); float: right; padding: 10px 0;}
.idx_nws_d{font-size: 1.4rem; padding: 0 0 13px 0;}
.idx_nws_ttl{ font-size: 1.7rem; line-height: 1.4em; font-weight: 500; padding: 0 15px 0 0;}
.li_nws_link{ border-bottom: 2px solid #0083c3; padding: 0 5px 8px 0; line-height: 1em; letter-spacing: 0.2em; position: absolute; right: 0; bottom: 0;}
.idx_nws_li li a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.idx_nws_lnk{ border-left: 10px solid #80c500; position: absolute; right: 0; bottom: calc(-60px - 3vw);}
.idx_wks_lnk{position:relative; right: auto; bottom:auto !important; display: table; float: right;}
.idx_nws_lnk a:hover{ background: #a6dd25 url(../images/arrow_w.png)95% center/24px no-repeat; ;}
.idx_nws_lnk a{ height: 60px; line-height: 60px; text-align: center; width: 270px; font-size:1.4rem; background: url(../images/arrow_w.png)95% center/24px no-repeat; font-weight: 500;}
.idx_sv{padding: calc(40px + 4%) 0 calc(50px + 5%) 0;}
.idx_sv_p{ font-size: 1.9rem; line-height: 1.9em; padding: calc(10px + 1%) 0 calc(20px + 3%)  0;}
.idx_sv_bx{ padding: 0 0 calc(20px + 2.5%) 0;}
.idx_svbx_l{ width: 58%; float: left; background-size: cover; background-position: center; min-height: 450px;}
.idx_svbx_r{ width: 39%; float: right; padding: calc(10px + 2%) 0;}
.idx_svbx_ttl{ padding: 0 0 calc(15px + 4%) 0;}
.idx_svbx_num{ width: 85px; float: left; font-weight: 500; font-size: 6rem; line-height: 1em; color: #0083c3; padding: 0;}
.idx_svbx_name{ width: calc(100% - 90px); float: right; font-size: 3.2rem; line-height: 1em; padding: 5px 0 0 0;}
.idx_svbx_name span{ font-size: 1.2rem; line-height: 1em; padding: 0 0 8px 0; display: table; font-weight: 900; letter-spacing: 0.1em;}
.idx_svbx_li{ padding: calc(15px + 2%) 0 0 0;}
.idx_svbx_li li{ width: 50%; float: left; box-sizing: border-box; }
.idx_svbx_li li a{ height: 56px; line-height: 56px; text-align: center; font-weight: 500;}
.idx_svbx_li1 a{ font-size: 1.8rem; background-image: url(../images/icon_wks.png),url(../images/arrow_w.png); background-size: 22px,18px; background-position: 5% center,95% center; background-repeat: no-repeat; color: #fff;}
.idx_svbx_li2 a{background:url(../images/arrow_bl.png) 95% center/18px no-repeat; font-size: 1.4rem;}
.idx_svbx_li1 a:hover{ background-color: #a6dd25;}
.idx_svbx_li2 a:hover{background:#f2f2f2 url(../images/arrow_bl.png) 95% center/18px no-repeat;}
.idx_svbx_li1{border-top: 1px solid #0083c3;border-bottom: 1px solid #0083c3;border-left: 4px solid #80c500;}
.idx_svbx_li2{border: 1px solid #0083c3;border-left: none;}
.idx_svbx_p{ font-size: 1.5rem; line-height: 1.75em;}
.idx_sv_li{padding: calc(20px + 1%) 0 0 0;}
.idx_sv_li li{border-top: 3px solid #80c500; background: #0083c3; padding: 1.1%; width: 24.625%; margin: 0 0.5% 0 0; box-sizing: border-box; float: left; }
.idx_sv_li li:last-child{margin:0;}
#bs04,#bs05,#bs06,#bs07,#bs08{margin: -120px 0 0 0; padding: 120px 0 0 0;}
.idx_svliname{font-size: 2rem; margin: 0 auto calc(15px + 2%) auto; line-height: 1.2em; color: #fff; font-weight: 500; text-align: center; }
.idx_svliname span{padding:calc(15px + 1%) 0; display: block; text-align: center; font-size: 3rem; line-height: 1em;}
.idx_svlitxb{ background: #fff; padding: 7%; margin: 0 0 10px 0;}
.idx_svlitxb a{font-size: 1.3rem; line-height: 32px; height: 32px; text-align: center; background: url(../images/arrow_bl.png) 95% center/16px no-repeat; margin: calc(10px + 1%) 0 0 0; border: 1px solid #ddd;}
.idx_svlitxb p{ font-size: 1.3rem; line-height: 1.65em; letter-spacing: 0;}
.idx_svli_lnk{ border: 1px solid #fff;}
.idx_svli_lnk a{ height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 1.3rem; background-image: url(../images/icon_wks.png),url(../images/arrow_w.png); background-repeat: no-repeat; background-position:5% center, 95% center; background-size: 18px, 16px }
.idx_wk{padding: 0 0 calc(50px + 5%) 0;}
.idx_wk_p{ padding: 0 0 calc(10px + 1%)  0 !important;}
.idx_wk_li{padding: 0 0 calc(25px + 2%) 0;}
.idx_wk_li li{ width: 32%; margin: 0 2% 0 0; float: left; position: relative;}
.idx_wk_li li:nth-child(3n){ margin:0; }
.idx_wkli_txb{ background: #fff; width: 88%; float: left; margin: calc(-20px - 6%) 0 0 0; position: relative; z-index: 1; padding: 15px 15px 0 0;}
.idx_wkli_cat{ background: #0083c3; color: #fff; font-size: 1.4rem; line-height: 1em; padding: 5px 10px; display: table; margin: 0 0 calc(5px + 2%) 0;}
.idx_wkli_nm{ font-size: 2rem; line-height: 1.3em; margin: 0 0 10px 0; font-weight: 500;}
.idx_wkli_lnk{ margin: 0 -15px 0 0; float: right; border-bottom: 2px solid #0083c3; letter-spacing: 0.2em; padding: 0 5px 5px 5px; line-height: 1.3em; font-weight: 700; }
.idx_wk_li li a{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}

/*footer*/
.ft_lnk{position: relative; z-index: 2;}
.ft_lnk li{ width: 50%; float: left; padding: calc(30px + 4%) 3% calc(20px + 3%) 3%; box-sizing: border-box; font-size:2.2rem; font-weight: 500; line-height: 1em;  position: relative;}
.ft_lnk li span{ display: block; font-size: 3.5rem; line-height: 1em; margin: 0 0 10px 0; letter-spacing: 0.15em; font-weight: 900;}
.ft_lnk li a{position: absolute; width: 100%; height: 100%;top: 0; left: 0;}
.ft_lnk1{color: #0035a9;background: url(../images/ft_prf.jpg) center/cover no-repeat;}
.ft_lnk2{color: #fff;background: url(../images/ft_rec.jpg) center/cover no-repeat;}
.ft_ctct{margin: calc(-60px - 4%) 0 calc(20px + 2%) 0; padding: calc(80px + 7%) 0 calc(30px + 3%) 0; position: relative; z-index: 1; }
.idx_ttl3{font-size: 1.25rem; line-height: 22px; margin: 0 0 calc(15px + 1%) 0;}
.idx_ttl3 span{display: table; float: left; font-size: 2rem; line-height: 22px; padding: 0 15px 0 0; margin: 0 15px 0 0; border-right: 2px solid #fff;font-family: 'Lato', sans-serif; font-weight: 900; letter-spacing: 0.1em; }
.ft_ct_li{width: 78%; float: left; }
.ft_ct_li1{ background: #339ccf;}
.ft_ct_li2{ background: #80c500;}
.ft_ct_nm{font-size: 2rem; line-height: 1em; padding: 0 0 11px 0; display: table; border-bottom: 1px solid #fff; margin: 0 0 calc(5px + 1.5%) 0; font-weight: 500; width: 100%;}
.ft_ct_tel{ padding: 15px 0; width: 48%;}
.ft_ct_telttl{ width: 65px; text-align: center; font-size: 1.5rem; line-height: 26px; height: 26px; font-weight: 900; float: left;margin: 6px 0 0 0; }
.ft_ct_telttl1{ background: #e5f2f9; color: #0083c3;}
.ft_ct_telttl2{ background: #f2f9e5; color: #80c500;}
.ft_ct_telnum{ width: calc(100% - 80px); float: right; font-size: 3.8rem; line-height: 38px; font-weight: 900; letter-spacing: 0.07em;}
.ft_ct_mail{ border: 1px solid #fff; width: 20%; float: right; background: url(../images/mail_w.png) center 40%/48px no-repeat; position: relative;}
.ft_ct_mail p{ width: 100%; position: absolute; font-size: 2rem; line-height: 1.4em; text-align: center; bottom: 15px;color: #fff;}
.ft_ct_mail a{ width: 100%; position: absolute;height: 100%; left: 0; top: 0;}
.ft_btm_l{ width: 23%; float: left;}
.ft_btm_r{ width: 73%; float: right;max-width: 910px; padding: 0 0 30px 0;}
.ft_logo{ margin: 0 0 calc(15px + 1%) 0; max-width: 165px;}
.ft_logop{color: #5f5f5f; line-height: 1.65em;margin: 0 0 calc(19px + 1%) 0;}
.ft_logo_li li{ width: 49.2%; float: left; margin: 0 1.6% 0 0; border: 1px solid #ddd; box-sizing: border-box; line-height: 1em; padding: 8px 5px; text-align: center;}
.ft_logo_li li:last-child{margin: 0;}
.ft_btmr_bx{width: 18.8%; float: left; border-top: 1px solid #0083c3; padding: calc(5px + 1%) 0 25px 0; font-weight: 500; margin: 0 1.5% 0 0;}
.ft_btmr_bxl{margin: 0;}
.ft_btmr_ttl{ font-size: 1.5rem; line-height: 1.2em; padding: 0 0 calc(10px + 1.5%) 0;}
.ft_btmr_li li{ font-size: 1rem; line-height: 1.2em; padding: 3px 0 3px 12px; color: #5f5f5f; position: relative; letter-spacing: 0;}
.ft_btmr_li li:before{content: ""; display: block; background: #0083c3; width:6px; left: 0; top: 50%; height: 1px; position: absolute;}
.ft_ct_li li{width:100%; float: left; padding:25px 20px; box-sizing: border-box; }
.ft_inf{ border-top:1px solid #ddd; margin: calc(10px + 1%) 0 0 0; padding:calc(10px + 1%) 0; clear: both; }
.ft_inf1{ width: 100%;}
.ft_inf2{ width: 45%; float:right;}
.ft_inf_nm{font-size: 1.3rem; font-weight: 500; line-height: 1.5em; padding: 0 0 15px 0;}
.ft_btm_p{ font-size: 1.2rem; line-height: 1em; padding: 2px 0 0 0; width: 110px; font-weight: 500; float: left;}
.ft_btm_li{ width: calc(100% - 110px); float: right;}
.ft_btm_li li{ display: table; float: left; padding: 0 8px 8px 0; font-size: 1.1rem;}
.ft_btm_li li:first-child{display: block;float: none;}

/*contents*/
.cnt_mv{margin:0 0 calc(30px + 4%) 0;}
.cnt_mv2{margin:0 0 calc(10px + 2.5%) 0;}
.cnt_mv .bx-wrapper,.cnt_mv_img2{ width: 80%; margin: 0 0 0 25%; max-width: 1600px; display: block; float: right;}
.cnt_mv .bx-viewport{display: block; width: 100%;}
.cnt_mv_img{ width: 100%;}
.cnt_mv_img li{width: 50%; float: left;}
.cnt_mv_ttl1{ padding:calc(10px + 4.5%) 0 0 0; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.cnt_mv_ttl{ font-size: 2.2rem; line-height: 1em; }
.cnt_mv_ttl_ni{ font-size: 2.2rem; line-height: 1.3em;padding:calc(10px + 4.5%) 0 0 0;}
.cnt_mv_ttl_ni span{ font-size: 2.5em; line-height: 1em; font-weight: 900; letter-spacing: 0.15em; display: block; padding: 0 0 10px 0;}
.cnt_mv_ttl span{ font-size: 2.5em; line-height: 1em; font-weight: 900; letter-spacing: 0.15em; display: block; padding: 0 0 7px 0;}
.bs_wrap{padding:  0 0 calc(1% + 10px) 0;}
.bs_side{ width: 230px; float: left; position: sticky; top: 90px;}
.bs_side li{border-bottom: 1px solid #ddd; position: relative; font-weight: 500;}
.bs_side li:first-child{font-size: 1.2rem; letter-spacing: 0.15em; font-weight: 900; padding: 0 0 30px 0; }
.bs_side li:first-child,.bs_side li:last-child{border: none;}
.bs_side li span{position: absolute; left: 0; top: calc(50% - 8px); width: 16px; height: 16px; display: block;}
.bs_side li a{font-size: 1.7rem;line-height: 1em; padding: 18px 0 18px 30px; box-sizing: border-box;}
.bs_cnt{ width: calc(100% - 300px); float: right; padding: 49px 0 0 0;}
.bsbxttl{line-height: 56px; font-size: 3.8rem; padding: 0 0 0 28px; position: relative;margin: 0 0 calc(15px + 3%) 0; }
.bsbxttl2{margin: 0 0 calc(10px + 1.5%) 0;}
.bsbxttl span{height: 100%; width: 7px; left: 0; top: 0; position: absolute; }
.bs_bx{ padding: 150px 0 calc(40px + 6%) 0; margin: -150px 0 0 0;}
.bsbx_itr{ padding: 0 0 calc(20px + 2%) 0;}
.bsbx_itr_r{ width: 48%; float: right; height: 37vw; max-height: 550px; background-position: center; background-size: cover;}
.bsbx_itr_l{ width: 48%; float: left;}
.bsbx_itrp{ font-size: 1.7rem; line-height: 1.8em; padding: 0 0 calc(10px + 4%) 0;}
.sdg1bx_tx{ font-size: 1.6rem; line-height: 1.8em; padding: 0 0 calc(10px + 4%) 0;}
.sdg2_tx{ padding: 0; line-height: 1.65em;}
.bsbx_itr_li{ border-top: 1px solid #ddd; margin: calc(15px + 2%) 0 0 0; padding: calc(15px + 2%) 0 0 0;}
.bsbx_itr_li li{width: 48%; margin: 0 4% 0 0; float: left;}
.bsbx_itr_li li:nth-child(2){margin: 0;}
.bsbx_itrli_ttl{font-size: 1.4rem; padding: 0 0 calc(10px + 1%) 0; line-height: 1.2em;}
.bsbx_itr_li li p{ font-size: 1.1rem; line-height: 1.25em; padding: 2px 0;}
.bsbx_kai_flttl{ border: 1px solid #0083c3; background: #fff; line-height: 40px; margin: 0 0 -20px 2.5%; font-size: 1.8rem; display: table; padding: 0 40px; z-index: 1;}
.bsbx_kai_flin{ padding: calc(2.5% + 20px) 2.5% 2.5% 2.5%;}
.bsbx_kai_flbx{ padding: 4% ; margin: 0 0 2.5% 0;}
.bsbx_kai_flbxttl{padding:0 0 calc(10px + 1.5%) 0;color: #0083c3;}
.bsbx_kai_flbxttl p{ width: 90px; text-align: center; font-size: 4rem; line-height: 50px; font-weight: 900;font-family: 'Lato', sans-serif;border-bottom: 1px solid #0083c3; float: left; padding: 0 0 5px 0;}
.bsbx_kai_flbxttl span{ width:calc(100% - 90px); float: right; border-bottom: 1px solid #ddd; line-height: 50px; padding: 0 0 5px 0; font-size: 2.3rem; font-weight: 500;}
.bsbx_kai_flbx_in{ margin: 0 0 0 90px;}
.bsbx_kai_ct{ padding: calc(15px + 1%) 0 0 0;}
.bsbx_kai_ct li{ width: 50%; padding: 0 2% 0 0; margin: 0 2% 0 0; box-sizing: border-box; border-right: 1px solid #ddd; float: left;}
.bsbx_kai_ct li:nth-child(2){ width: 48%; border: none; margin: 0; padding: 0;}
.bsbx_kai_cttl{ display: table; padding: 0 25px; font-size: 1.4rem; line-height: 30px; margin: 0 auto calc(10px + 1%) auto;}
.bsbx_kai_cttel1,.bsbx_kai_cttel2{margin: 0 0 3px 0; background: #d9edf6; padding:10px 13px;}
.bsbx_kai_cttel2{background: #ecf6d9;}
.bsbx_kai_ctnm{ float: left; font-size: 1.1rem; line-height: 30px; letter-spacing: 0;}
.bsbx_kai_ctnum{ float: right; font-size: 2.8rem;line-height: 30px;}
.bsbx_kai_ctmail{ padding: 0 20px; background:#d9edf6 url(../images/arrow_bl.png) 96% center/16px no-repeat;}
.bsbx_kai_ctmail p{text-align: center; background: url(../images/mail_bl.png) left center/26px no-repeat; line-height: 35px; font-size: 1.8rem;}
.bsbx_kai_ctmail a{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.bsbx_sbttl{border-bottom: 3px solid #0083c3; font-size: 2.7rem; line-height: 1.4em; padding: 0 0 10px 0; margin: 0 0 calc(10px + 4%) 0; font-weight: 500;}
.bsbx2{ padding: 0 0 calc(15px + 2%) 0;margin: 0 0 calc(15px + 2%) 0; border-bottom: 1px solid #ddd;}
.bsbx2_lst{ padding: 0 0 calc(20px + 2%) 0;margin: 0 0 calc(20px + 2%) 0; border: none;}
.bsbx2_lst2{ padding: 0 0 calc(5px + 1%) 0;margin: 0 0 calc(5px + 1%) 0; border: none;}
.bsbx2_r{ width: 320px; float: right;}
.bsbx2_l{ width:calc(100% - 360px); float: left;}
.bsbx2_ttl{ font-size: 2.2rem; line-height: 25px; padding: 0 0 0 30px; margin: 0 0 calc(15px + 1%) 0; position: relative; font-weight: 500;}
.bsbx2_ttl:before{ position: absolute; content: ""; display: table; width: 14px; height: 14px; top:calc(50% - 9px); left: 0; border: 3px solid #0083c3; border-radius: 50px;}
.bsbx2_img{ padding: 0 0 12px 0;}
.bsbx2_p{ font-size: 1.6rem; line-height: 1.65em;}
.bsbx2_asbli li{ border: 1px solid #b2daed; background: #f5f5f5 url(../images/arrow2_bl.png) 10px center/5px no-repeat; border-radius: 2px; margin: 0 4px 4px 0; float: left; font-size: 1.5rem; line-height: 32px; padding: 0 10px 0 25px;}
.bsasb_ill{ padding: calc(15px + 2%) 0 0 0;}
.bsasb_ill li{ width: 49%; float: left; margin: 0 2% 0 0; box-sizing: border-box; border: 1px solid #ddd;}
.bsasb_ill li:nth-child(2){margin: 0;}
.bsasb_illttl{font-size: 1.6rem; line-height: 1.5em; padding:15px 10px; text-align: center;}
.bsasb_illimg{padding: 6%;}
.bs_acco_ttl{ background: #f5f5f5 url(../images/bag_arrow.png) 97% center/14px no-repeat; text-align: center;margin: 0 0 calc(15px + 1%) 0; display: block; line-height: 50px; clear: both; cursor: pointer; width: 100%; position: relative; z-index: 4; font-size: 1.5rem; font-weight: 500;}
.bs_acco_ttl.active{ background: #f5f5f5 url(../images/bag_arrow2.png) 97% center/14px no-repeat; }

/*company*/
.cp_wrap{ padding:0 0 calc(30px + 3%) 0;}
.cp_wrap2{ padding:0 0 calc(50px + 5%) 0;}
.cp_bx{padding: 5%;}
.cp_bxin{width: 50%; float: left;padding:25px 25px 0 25px; box-sizing: border-box;}
.cp_bxin4{width: 100%;padding:25px 25px 0 25px; box-sizing: border-box;}
.cp_bxin1{ border-top: 2px solid #0083c3;}
.cp_bxin2{ border-top: 2px solid #80c500;}
.cp_bxin li:nth-child(1){ padding:8px 0;}
.cp_bxin li:last-child{border: none;}
.cp_bxin li{ border-bottom: 1px solid #ddd;overflow: hidden;padding:16px 0;}
.cp_bxin_ttl{font-size: 1.7rem; line-height: 1.5em;}
.cp_bxin_ttl2{width: 75px; float: left; font-size: 1.1rem; letter-spacing: 0; line-height: 2em; color: #0083c3; font-weight: 500;}
.cp_bxin_ttl3{width: 75px; float: left; font-size: 1.1rem; letter-spacing: 0; line-height: 2em; color: #199a33; font-weight: 500;}
.cp_bxin_tx{ width:calc(100% - 80px); float: right; font-size: 1.4rem; line-height: 1.5em;}
.cp_bxin_tx h5{font-size: 1.4rem; line-height: 1.5em;}
.cp_bxin_tx span{ line-height: 1.35em; display: block; padding:3px 75px 9px 0;}
.cp_bxin_li{width:100%; padding: 8px 55px 18px 0;}
.cp_bxin_li2{padding: 8px 0 0 0;}
.cp_bxin_li li{font-size: 1.2rem; border: none; padding: 7px 12px !important; width: 20%; text-indent: -1em; box-sizing: border-box; line-height: 1.3em;}
.cp_bxin3{clear: both; padding:0 25px 25px 25px;}
.cp_bxin3 li{padding: 18px 0; border-top: 1px solid #ddd;}
.cp_bxin_li3{width:calc(100% - 80px); float: right;}
.cp_bxin_li3 li{ position: relative; font-size: 1.4rem; line-height: 20px; padding:3px 25px 3px 20px !important; border: none; float: left; overflow: hidden;margin: 0 0 5px 0;}
.cp_bxin_li3 li:before{ position: absolute; left: 0; top: calc(50% - 5px); width: 11px; height: 11px; border:1px solid #0083c3; display: block; content: ""; border-radius: 50px;}
.cp_bxin_li4{width:calc(100% - 80px); float: right;}
.cp_bxin_li4 li{ position: relative; font-size: 1.4rem; line-height: 20px; padding:3px 25px 3px 20px !important; border: none; width: 33.333%; box-sizing: border-box;}
.cp_bxin_li4 li:before{ position: absolute; left: 0; top: calc(50% - 5px); width: 11px; height: 11px; border:1px solid #0083c3; display: block; content: ""; border-radius: 50px;}
.cp_hst{ padding: 25px;}
.cp_hst li,.rc_hst li{overflow: hidden;}
.cp_hsttl{ border-top: 1px solid #0083c3; padding: 22px 0; line-height: 20px; width: 240px; float: left; font-size: 1.35rem; font-weight: 500;}
.cp_hstx{ border-top: 1px solid #ddd; padding: 22px 0; line-height: 20px; width: calc(100% - 244px); float: right; font-size: 1.6rem;}

/*policy*/
.pp_wrap{ max-width: 950px; padding:calc(3% + 15px) 5% calc(40px + 5%) 5%; margin:auto; }
.pp_lead{ margin: 0 0 calc(30px + 2%) 0;}
.pp_bx{ margin: 0 0 calc(30px + 2%) 0;}
.ppbx_ttl{ margin: 0 0 calc(15px + 1%) 0;}
.pp_ttlnum{ color: #0083c3; font-size: 4rem; line-height: 40px; display: block; width: 33px; float: left;}
.pp_ttltx{ color: #0083c3; font-size: 1.7rem; line-height: 40px; display: table;float: left;border-bottom:1px solid #0083c3; font-weight: 500;}
.pp_bxtx{ padding: 0 0 0 33px;}
.pp_bxtx li{ padding: 10px 0 0 25px; font-size: 1.3rem; line-height: 1.6em; position: relative;}
.pp_bxtx li:before{ width: 15px; height: 1px; background:#0083c3;content: ""; display: block; position: absolute; left: 0; top: 21px; }

/*works*/
.wk_nav{width: 400px;  float: right; margin: calc(-5px - 2.5%) 0 0 0; z-index: 3; }
.wk_catnv{border: 1px solid #ddd; line-height: 48px; font-size: 1.8rem; text-align: center; cursor: pointer;background: url(../images/bag_arrow.png) 95% center/12px no-repeat;}
.wk_catnv.active{background: url(../images/bag_arrow2.png) 95% center/12px no-repeat;}
.wk_catnvli{ top: 100%; background: #f5f5f5; width: 100%; z-index: 3;}
.wk_catnvli li a{padding:20px 15px; background: url(../images/wks_arrow.jpg) 95.5% center/17px no-repeat; font-size: 1.5rem; border-bottom: 1px solid #fff;}
.wk_arc_wrap{ width: 100%; clear: both; padding: calc(10px + 2%) 0 0 0; border-bottom: 1px solid #ddd;}
.wk_arc_wrap li{width: 22.375%; float: left; margin: 0 3.5% 6% 0; overflow: hidden; position: relative;}
.wk_arc_wrap li a{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.wk_arc_wrap li:nth-child(4n){ margin: 0 0 6% 0;}
.wk_arcimg{ margin: 0 0 calc(10px + 2%) 0;}
.wk_arctxb{}
.wk_arc_cat{ border: 1px solid #0083c3; border-radius: 2px; color: #0083c3; line-height: 20px; display: table; padding: 0 15px; font-weight: 500; margin: 0 0 10px 0;}
.wk_arc_name{ font-size: 1.8rem; line-height: 1.4em; font-weight: 500;}
.wk_page{ padding: calc(20px + 2%) 0 0 0; text-align: center;}
.wk_page a,.wk_page span{display: inline-block;}
.wk_page a{display: inline-block;width: 30px; height: 30px; margin: 1px; font-size: 2rem; line-height:30px; text-align: center; font-weight: 500;}
.wk_page .now a{background: #0083c3; color: #fff;}

.wk_page{ padding: 20px 0; margin: auto; display: table;}
.wk_page li{ background: #0083c3; margin: 0 1px 0 0; float: left;}
.wk_page li a,.wk_page a,.wk_page .current{ width: auto;min-width: 30px; height: 30px; line-height: 30px; font-size: 1.6rem; text-align: center; font-weight: 500; display: inline-block;background: #d9edf6; margin: 0 1px 0 0; padding: 0 5px;box-sizing: border-box; }
.wk_page .current{background: #0083c3; color: #fff;}
.wk_page .prev,.wk_page .next{font-size: 1.2rem; height: 30px; line-height: 30px; background: none;}

.wk_det_w{margin: 0 0 calc(40px + 5%) 0;}
.wk_det_l{ border-top: 1px solid #ddd; float: left; width: 28%; padding: calc(20px + 2%) 0 0 0;}
.wk_det_r{width: 68%; float: right; overflow: hidden;}
.wk_det_cat{ font-size: 1.25rem;padding: 0 12px; line-height: 26px; display: table; margin: 0 0 calc(15px + 1%) 0;}
.wk_det_ttl{ font-size: 2.2rem; line-height: 1.3em; padding: 0 0 7px 0;}
.wk_det_add{ font-size: 1.3rem; line-height: 1.3em;}
.wk_det_ctw{padding: 15px; margin: calc(20px + 1.5%) 0 0 0;}
.wk_det_cttl{ display: table; margin:0 auto 10px auto; padding: 5px 20px; font-size: 1.4rem; line-height: 20px;}
.wk_det_ctbx{ margin: 3px 0 0 0; padding: 13px 10px; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap;}

.wk_det_ctbxname{ line-height: 25px; font-weight: 600; position: relative;}
.wk_det_ctbxnum{font-size: 2.3rem; line-height: 25px; position: relative;}
.wk_det_mail{margin: 3px 0 0 0;}
.wk_det_mail a{height: 26px; line-height: 26px; padding: 15px 10px;background-image: url(../images/mail_w.png),url(../images/arrow_w.png); background-position: 5% center,95% center; background-repeat: no-repeat; background-size: 22px, 16px; font-size: 1.6rem; font-weight: 600; text-align: center; color: #fff !important;}
.wk_det_mail a:hover{ background-color: #80c500;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.bx-pager{ width: 60%; margin: 0 0 calc(15px + 6%) 0;}
.wk_sl2{ margin: 0 0 calc(15px + 6%) 0;}
.bx-pager a{ width: 24%; float: left; margin: 1% 1% 0 0; }
.wk_det_r .bx-wrapper,.wk_det_r .bx-viewport{display: block; position: relative; z-index: 9;}
.wk_det_r .bx-controls{ position: absolute; bottom: -40px; right: 0; width: 80px;}
.wk_det_r .bx-prev,.wk_det_r .bx-next{text-indent: -9999px;width: 40px; height: 40px; float: left;}
.wk_det_r .bx-prev{background: url(../images/wks_prv.jpg) center/cover no-repeat;}
.wk_det_r .bx-next{background: url(../images/wks_nxt.jpg) center/cover no-repeat;}
.wk_det_nav{ border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.wk_det_nav li{width: 33.333%; float: left; box-sizing: border-box; padding: 15px 0; position: relative;}
.wk_det_nav li a{position: absolute; height: 100%; width: 100%; top: 0; left: 0;}
.wk_det_nav li:nth-child(2){border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
.wk_det_nav li:nth-child(1) p{text-align: left;}
.wk_det_nav li:nth-child(2) p{text-align: center;}
.wk_det_nav li:nth-child(3) p{text-align: right;}
.wk_det_nav1{ font-size: 1.5rem; line-height: 16px; margin: 0 0 5px 0; font-weight: 900;}
.wk_det_nav2{ font-size: 1.4rem; line-height: 16px;}
.wk_det_nav3 img{ width: 16px; margin: 0 0 5px 0;}

/*recruit*/
.rc_hst{ padding:50px 25px;}
.rc_ct{ padding: 5% 4%; border-bottom: 6px solid #80c500;}
.rc_cttl{font-size: 2rem; text-align: center; margin: 0 0 calc(15px + 1%) 0; line-height: 1.2em;}
.rc_ct_num{ margin: auto; display: table;}
.rc_ct_tel{ font-weight: 900; font-size: 1.5rem; height: 28px; line-height: 28px; display: inline-block; margin: 10px 15px 0 0; padding: 0 15px; float: left;}
.rc_ct_telnum{display: inline-block; line-height: 48px; font-size: 4.4rem; float: left; font-weight: 900;}

/*message*/
.ms_bx{ margin: 0 0 calc(50px + 2.5%) 0;}
.ms_img{ width: 50%; float: left;}
.ms_txb{ width: 45%; float: right;}
.ms_ttl{ font-size: 2.2rem; line-height: 1.45em;margin: 0 0 calc(15px + 3%) 0;}
.ms_txt{ margin: 0 0 calc(15px + 4%) 0; font-size: 1.4rem; line-height: 1.7em;}
.ms_txt1{ margin: 0 0 calc(5px + 1%) 0; font-size: 1.2rem; line-height: 1.5em;}
.ms_name{ font-size: 2.1rem; float: right; line-height: 22px;}
.ms_name span{color: #0083c3; float: left; font-size: 1.1rem; line-height: 22px; padding: 0 10px 0 0; font-weight: 500;}
.ms_txb1{ margin: 0 0 14px 0; padding: 0 0 14px 0; border-bottom: 1px solid #ddd;}
.ms_txb2{ margin: 0; padding: 0;}
.ms_name2{ font-size: 1.8rem; float: right; line-height: 20px;}
.ms_name2 span{color: #0083c3; float: left; font-size: 1.1rem; line-height: 20px; padding: 0 10px 0 0; font-weight: 500;}

/*news*/
.nws_arc_w{ border-bottom: 1px solid #ddd; margin: 0 0 calc(10px + 1%) 0;clear: both;  padding: calc(10px + 2%) 0 0 0;}
.nws_arc_bx{ border-top: 1px solid #ddd; padding: 20px 0; position: relative;}
.nws_arc_bx a{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.nws_arc_img{ width: 300px; float: left;}
.nws_arc_txb{ width: calc(100% - 440px);padding: 0 3%; float: left; box-sizing: border-box; border-right: 1px solid #ddd;}
.nws_arc_cate{ border: 1px solid #0083c3; color: #0083c3; display: table; padding:3px 5px; line-height: 1em; margin: 0 0 calc(5px + 1%) 0;}
.nws_arc_ttl{ font-size: 2.2rem; line-height: 1.4em; font-weight: 500; margin: 0 0 calc(5px + 0.3%) 0;}
.nws_arc_date{ font-size: 1.1rem; line-height: 1em;font-weight: 500;margin: 0 0 calc(5px + 1%) 0; }
.nws_arc_date span{ color: #0083c3;padding: 0 0 0 4px;}
.nws_arc_txt{ font-size: 1.4rem; line-height: 1.55em;}
.nws_arc_arr{font-size: 1.4rem; text-align: center; background: url(../images/arrow_bl.png) center bottom/16px no-repeat; padding: 0 0 15px 0;}
.nws_arc_lnk{ width: 140px; float: right;}
.nws_det_l{width: 37%; border-top:  1px solid #ddd; padding: calc(10px + 2%) 0 0 0; float: left;}
.nws_det_p{ color: #0083c3; border: 1px solid #0083c3; padding: 4px 10px; display: table; margin: 0 0 calc(5px + 0.5%) 0;}
.nws_det_ttl{ font-size: 2.2rem; line-height: 1.55em; font-weight: 500;margin: 0 0 calc(15px + 1.5%) 0;}
.nws_det_tag {padding: 6px 0 0 0;}
.nws_det_tag li{border: 1px solid #ddd; padding: 4px 13px; font-size: 1.1rem; line-height: 1em; float: left; margin: 0 4px 4px 0; border-radius: 30px;}
.nws_det_nav{ padding: calc(30px + 10%) 0 0 0; border-bottom: 1px solid #ddd;}
.nws_det_nav li{ padding: 11px 0; border-top: 1px solid #ddd; overflow: hidden;}
.nws_det_nv_img{ width: 100px; float: left;}
.nws_det_nv_txb{ width: calc(100% - 120px); float: right;}
.nws_det_nv_txb p{width: 100%; font-size: 1.4rem; line-height: 1.2em;}
.nws_det_nv_txb span{font-size: 1rem; line-height: 1em; padding: 0 0 7px 0; display: block; color: #0083c3; font-weight: 500;}
.nws_det_r{width: 59%; float: right;}
.nws_det_entry p,.nws_det_entry h1,.nws_det_entry h2,.nws_det_entry h3,.nws_det_entry h4,.nws_det_entry h5,.nws_det_entry h6,.nws_det_entry img,.tubewrap iframe{ padding: 0 0 calc(10px + 2%) 0; line-height: 1.9em;}
.nws_det_entry img{ width: 100% !important; height: auto !important;}
.nws_det_entry h1{ font-size: 1.8rem; font-weight: 500;}
.nws_det_entry h2,.nws_det_entry h3,.nws_det_entry h4,.nws_det_entry h5,.nws_det_entry h6{ font-size: 1.65rem; font-weight: 500;}
.nws_det_entry ,.nws_det_entry p { font-size: 1.35rem;}
.tubewrap {position: relative;padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/height: 0;overflow: hidden;} 
.tubewrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
    margin: 0 0 calc(10px + 2%) 0; 
}
.nws_det_entry a{padding: 5px 0; border-bottom: 1px solid #222; display: inline;}
/*サイトマップ*/
.sm_li_bx li{ width: 32.666%; float: left; margin: 0 1% 3% 0;}
.sm_li_bx li:nth-child(3n){ margin: 0 0 3% 0;}
.sm_li_ttl a{ background: #f5f5f5 url(../images/arrow_sm.png) 96% center/26px no-repeat; height: 80px; line-height: 80px; font-size: 2rem; text-align: center; border-top: 1px solid #0083c3;}
.sm_li_bxli li{width: 49%; float: left; margin: 0 2% 0 0 !important;font-size: 1.2rem; padding: 13px 5px; line-height: 1.4em; box-sizing: border-box; border-bottom: 1px solid #ddd; text-align: center;}
.sm_li_bxli li:nth-child(even){ margin:0 !important; }

/*コンタクト*/
.ct_lead{padding: 0 0 calc(10px + 2%) 0;}
.ct_bx{ padding: 4%;}
.ct_bxin,.wpcf7-form{ padding: 4%;border-bottom: 6px solid #80c500; background: #fff;}
.ct_bxttl{padding: 20px 0; width: 240px; float: left; line-height: 40px; border-top: 1px solid #0083c3;}
.ct_hs,.ct_ni{ width: 40px; line-height: 20px; height: 20px; color: #fff; text-align: center; border-radius: 3px; font-size: 1.2rem; float: left;}
.ct_hs{  background: #0083c3;}
.ct_ni{ background: #aaa;}
.ct_bxttlp{ width: calc(100% - 55px); float: right; font-size: 1.4rem; line-height: 20px; }
.ct_bxct{border-top: 1px solid #ddd; padding: 10px 0; width: calc(100% - 250px); float: right; overflow: hidden;}
.ct_ctipt1,.ct_ctipt2{ display: block; height: 40px; line-height: 22px; padding: 9px; box-sizing: border-box; background: #f5f5f5; border: 1px solid #eee ; font-size:1.6rem; }
.ct_ctipt1{width: 100%; }
.ct_ctipt2{max-width: 150px; float: left; }
::placeholder {color:#BBBBBB;}
.ct_radiob,.ct_kozo input,.ct_haba input{ display: block; width: 22px; height: 22px; float: left; margin: 8px 0;}
.ct_radiotx,.wpcf7-list-item-label{ display: block; padding: 0 15px 0 5px; float: left; font-size: 1.6rem; line-height: 22px; margin: 8px 0;}
.ct_ipt_w{ float: left;}
.radio-872 label{ float: left !important; overflow: hidden;}
.wpcf7-list-item{float: left; overflow: hidden;}
.ct_txtarea{width: 100%; max-width: 100%; padding: 9px; box-sizing: border-box; font-size: 1.6rem; line-height: 22px; height:200px; background: #f5f5f5; border: 1px solid #eee ;}
.ct_btn{display: block; max-width: 630px; padding: calc(20px + 2%) 0 ; width: 100%; margin: calc(10px + 3%) auto 0 auto; font-size: 3rem; text-align: center; color: #fff; border: none; border-radius: 3px; font-weight: 500;}

/*facility*/
.fac_wrap{ padding:calc(2% + 5px) 5% calc(40px + 5%) 5% !important; margin:auto; }
.flx_bet{display: flex; flex-wrap: wrap; justify-content: space-between;}
.flx_rev{flex-direction: row-reverse;}
.fac_li li{ width: 48%; margin: 0 0 3% 0;}
.fac_li_ttl{ font-size: 1.5rem; line-height: 1.5em; margin: 0 0 10px 0; }

/*SDGs*/
.sdg1_ttl{ font-size: 3.2rem; line-height: 1.2em; border-bottom: 1px solid #0083c3; text-align: center;padding: 0 0 calc(10px + 0.5%) 0; margin: calc(-10px - 2%) 0 calc(20px + 2%) 0;}
.sdg1_itrw{ align-items: flex-end; flex-direction: row-reverse;}
.sdg_itrl{ width: 41%;}
.sdg_itrr{ width: 55%;}
.sdg_itrttl{ font-size: 2.6rem; line-height: 1.4em; padding: 0 0 calc(15px + 1.5%) 0; letter-spacing: -0.01em;}
.sdg2_ttl{ font-size: 3rem; line-height: 1.4em; padding: 0 0 calc(12px + 1.6%) 0; letter-spacing: -0.01em;}
.sdg_bgw{background: #efeeea; padding: calc(30px + 4%) 0 calc(20px + 2.5%) 0; margin:0 0 calc(30px + 4%) 0;}
.sdg1_bxw{ border-bottom: 1px solid #222; padding: 0 0 calc(20px + 2%) 0; margin: 0 0 calc(20px + 2%) 0;}
.sdg1_bx{ width: 46%;}
.sdg1bx_img{margin: 0 0 calc(15px + 4%) 0;}
.sdg1bx_ttl{ font-size: 3rem; display: flex; align-items: center; min-height: 110px; padding: 0 0 0 125px; line-height: 1.3em;background: url(../images/sdgs_color.png) left center/100px no-repeat; font-weight: 500; margin: 0 0 calc(10px + 2.5%) 0;}
.sdg1bx_lst{padding: 1% 0 0 0;}
.sdg1bx_lst li{ width: 15.8%; margin: 0 1% 0 0;}
.sdg1bx_lst li:last-child{margin: 0;}
.sdg_actbx{ align-items: center; padding: calc(15px + 1%) 0 calc(25px + 1%) 0;}
.sdgact_img{width: 45%;}
.sdgact_txb{width: 51%;}
.idx_sdg_ban{padding: calc(20px + 3%) 0 0 0; max-width: 1150px; margin: auto;}
.idx_sdg{ position: relative; clear: both;}
.idx_sdgin{ width: 45%; position: absolute; top: 0; left: 0; padding:3.5% 3%; z-index: 1;}
.idx_sdgttl{ font-size: 2.6rem; color: #fff; font-weight: 700; line-height: 1.4em; padding: 0 0 5% 0;}
.idx_sdgttl span{ font-size: 0.85em;}
.idx_sdg_li{ width: 80%; max-width: 330px;}
.idx_sdg_li li{ width: 48.5%;}
.idx_sdg_li li a{ border: 2px solid #fff; border-radius: 50px; font-size: 1.4rem; font-weight: 600; color: #fff; text-align: center; height: 35px; line-height: 35px; }
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:1150px) {
	.idx_sdgttl{ font-size: 2.2vw; color: #fff; font-weight: 700; line-height: 1.3em;}
	.idx_sdg_li li a{font-size: 1.2rem; height: 25px; line-height: 25px; }
}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:1024px) {
    body{padding:70px 0 0 0 !important;}
    /*header*/
    .header{height: 70px; width: 100%; position: fixed; top: 0; left:0; z-index: 10000;}
    .logo{ width: 130px; float: left; padding: 13px 0 13px 15px;}
    .hd_li li{ line-height: 66px; font-size: 1.2rem;}
    .hd_li_in li{ line-height: 20px;}
    .hd_link{display: none;}
    .hd_mail{ margin: 0 0 0 15px;width: 85px;}
    .hd_mail a{ height: 80px; background: url(../images/mail_w.png) center 45%/22px no-repeat; padding:55px 0 0 0;}
    
    /*contents*/
    .idx_ttl{ font-size: 1.5rem;}
    .idx_ttl span{ font-size: 4.5rem;}
    .idx_ttl2{font-size: 1.3rem; line-height: 24px;}
    .idx_ttl2 span{font-size: 2.6rem; line-height: 24px; }
    .idx_ab_p{ font-size: 1.9rem;}
    .idx_nws_img{ height: 115px; width: 115px;}
    .idx_nws_txb{ width: calc(100% - 130px);}
    .idx_nws_d{font-size: 1.2rem; padding: 0 0 10px 0;}
    .idx_nws_ttl{ font-size: 1.5rem;padding: 0 10px 0 0;}
    .idx_nws_lnk{  bottom: calc(-50px - 3vw);}
    .idx_nws_lnk a{ height: 50px; line-height: 50px;}
    .idx_sv_p{ font-size: 1.8rem;}
    .idx_svbx_l{ min-height: 50px;}
    .idx_svbx_r{ padding: calc(20px + 5%) 0;}
    .idx_svbx_ttl{ padding: 0 0 calc(10px + 3%) 0;}
    .idx_svbx_num{ width: 60px; font-size: 4.8rem;}
    .idx_svbx_name{ width: calc(100% - 60px); font-size: 2.6rem;}
    .idx_svbx_name span{ font-size: 1rem; padding: 0 0 4px 0;}
    .idx_svbx_li1 a{ font-size: 1.5rem;}
    .idx_svbx_li2 a{font-size: 1.2rem;}
    .idx_svbx_p{ font-size: 1.3rem; line-height: 1.5em;}
    .idx_svbx_li li a{ height: 40px; line-height: 40px;}
    .idx_svliname{font-size:1.8rem;}
    .idx_sv_li li{ width: 49%; margin: 0 1% 1% 0 !important;}
    .idx_sv_li li:nth-child(even){  margin: 0 0 1% 0 !important;}
    .idx_wkli_nm{ font-size: 1.8rem;}
    .idx_wkli_cat{font-size: 1.2rem;}
    
    /*footer*/
    .ft_lnk li{  font-size:1.7rem;}
    .ft_lnk li span{font-size: 3rem;}
    .ft_ct_li{width: 100%; float: none; }
    .ft_ct_telttl{ width: 55px; font-size: 1.35rem; line-height: 24px; height: 24px; margin: 5px 0 0 0; }
    .ft_ct_telnum{ width: calc(100% - 70px);font-size: 3.2rem; line-height: 32px;}
    
    .ft_ct_mail{ border: 1px solid #fff; width: auto; display: table;float: none; background: url(../images/mail_w.png) 7% center/25px no-repeat; margin: 20px auto 0 auto;}
   .ft_ct_mail p{ width: 100%; position: relative; font-size: 1.7rem; line-height: 1.4em; text-align: left; bottom: auto;color: #fff; padding: 10px 25px 10px 60px; box-sizing: border-box;}
    .ft_inf1{ width: 48%; float: left;}
    .ft_inf2{ width: 48%; float:right;}
    .ft_btm_p{ font-size: 1rem; width: 80px;}
    .ft_btm_li{ width: calc(100% - 85px);}
    .ft_btm_li li{ letter-spacing: 0;}
    
    /*contents*/
    .cnt_mv_ttl{ font-size: 2rem;}
    .bs_side{ width: 170px;}
    .bs_cnt{ width: calc(100% - 200px); }
    .bs_side li a{font-size: 1.4rem;}
    .bsbxttl{line-height: 52px; font-size: 3.2rem; }
    .bsbx_itr_r{  height: 40vw;}
    .bsbx_itrp{ font-size: 1.55rem;}
	.sdg1bx_tx{ font-size: 1.55rem;}
    .bsbx_itrli_ttl{font-size: 1.3rem;}
    .bsbx_itr_li li p{ font-size: 1rem;}
    .bsbx_kai_flbxttl p{ width: 70px;  font-size: 3rem; line-height: 45px;}
    .bsbx_kai_flbxttl span{ width:calc(100% - 70px); line-height: 45px; font-size: 2.1rem;}
    .bsbx_kai_flbx_in{ margin: 0 0 0 70px;}
    .bsbx_kai_ctnm{ float: none; font-size: 1.2rem; line-height: 1.5em;padding: 0;text-align: center;}
    .bsbx_kai_ctnum{ float:none; font-size: 2.8rem;line-height: 30px; text-align: center;}
    .bsbx_kai_ctmail p{ line-height: 25px; font-size: 1.4rem;background: url(../images/mail_bl.png) left center/18px no-repeat; letter-spacing: 0;}
    .bsbx2_r{ width: 250px; float: right;}
    .bsbx2_l{ width:calc(100% - 270px); float: left;}
    .bsbx2_p{ font-size: 1.5rem;}
    .bsbx_sbttl{ font-size: 2.4rem;}
    .bsbx2_ttl{ font-size: 2rem; line-height: 25px; padding: 0 0 0 27px;}
    .bsbx2_ttl:before{width: 11px; height: 11px; top:calc(50% - 9px);}
    .bsbx2_asbli li{ font-size: 1.4rem; line-height: 30px;}
    .bsasb_illttl{font-size: 1.5rem;}
    .cp_bxin_ttl2{width: 100% !important; float: none; line-height: 2em;}
    .cp_bxin_tx{ width:100%;font-size: 1.4rem; line-height: 1.5em;}
    .cp_bxin_li,.cp_bxin_li3,.cp_bxin_li4{width:100%;}
    .cp_hsttl{ padding: 17px 0; width: 170px; font-size: 1.2rem;}
    .cp_hstx{  padding: 17px 0; width: calc(100% - 174px);font-size: 1.5rem;}
    .wk_nav{width:50%;}
    .wk_catnv{font-size: 1.7rem;}
    .wk_catnvli li a{padding:15px 10px; font-size: 1.4rem;}
    .wk_arc_name{ font-size: 1.65rem;}
	
    .wk_det_ctbxname{ width: 100%; padding: 0 0 5px 0;}
    .wk_det_ctbxnum{font-size: 2rem; line-height:23px;}
    .wk_det_l{width: 32%;}
    .wk_det_r{width: 63%;}
    
    /*message*/
    .ms_ttl{ font-size: 2rem; line-height: 1.4em;}
    .nws_arc_img{ width: 260px;}
    .nws_arc_txb{ width: calc(100% - 370px);}
    .nws_arc_lnk{ width: 110px; float: right;}
    .nws_arc_ttl{ font-size: 2.1rem;}
    .nws_arc_date{ font-size: 1rem;}
    .nws_arc_txt{ font-size: 1.35rem;}
    .nws_det_ttl{ font-size: 2rem;}
    .nws_det_nv_img{ width: 90px;}
    .nws_det_nv_txb{ width: calc(100% - 105px);}
    
    .sm_li_ttl a{ background: #f5f5f5 url(../images/arrow_sm.png) 96% center/22px no-repeat; height: 70px; line-height: 70px; font-size: 1.8rem;}
	
	/*sdgs*/
	.sdg1_ttl{ font-size: 2.9rem;}
	.sdg_itrttl{ font-size: 2.1rem;}
	.sdg2_ttl{font-size: 2.3rem;}
	.sdg1bx_ttl{ font-size: 1.8rem; min-height:60px; padding: 0 0 0 75px;background: url(../images/sdgs_color.png) left center/60px no-repeat;}
	.sdg1bx_tx{ font-size: 1.3rem; }
}/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:768px) {
    .pc{ display:none !important;}
    .sp{ display:block !important;}    
    .in2{ padding:0;}
    body{padding:55px 0 0 0 !important;}
    /*header*/
    .header{height: 55px; border-bottom: 1px solid #ddd;}
    .logo{ width: 110px;padding: 12px 0 0 5%;}
    .hd_mail{margin: 0; width: 55px; border: none;}
    .hd_mail a{ height: 55px; background: url(../images/mail_w.png) center 50%/18px no-repeat; padding:0;}
    /*バーガー*/
    .burger_out{width: 55px;height: 55px;padding: 13px; float: left; border-left: 1px solid #ddd; box-sizing: border-box;}
    .smaller .burger_out{ }
    .burger{ width: 29px;height: 30px; margin: 0;}
    .burger_menu{ width:100%; height: 100%; position:fixed; z-index:20; text-align:center; background: rgba(255,255,255,0.98); box-sizing: border-box; top: 0; left: 0;overflow-y: scroll; bottom: 0;}
    .burger_menu li{ line-height: 1em; width: 100%; font-size: 1.8em;letter-spacing: 0.15em; font-weight: 300;  border-bottom: 1px solid #ddd;}
    .burger_menu li a,.burger_menu li p{ text-align: center; width: 100%; display: block; padding: 25px 0;}
    .burger_menu li span{display: block; width: 100%;}
    .menu-trigger,.menu-trigger span {display: inline-block;transition: all .4s;box-sizing: border-box;}
    .menu-trigger { top:50%; z-index:10; height:30px; width:29px; margin:-18px 0 0 0; position: relative;}
    .menu-trigger span {width: 100%;height: 2px;background: -moz-linear-gradient(45deg, #0083c3, #1ebaf6); background: -webkit-linear-gradient(45deg,  #0083c3, #1ebaf6); background: linear-gradient(45deg,  #0083c3, #1ebaf6);border-radius: 2px;}
    .hd_index .menu-trigger span {background-color: #fff;}
    .menu-trigger span:nth-of-type(1) {top: 0;}
    .menu-trigger span:nth-of-type(2) {top: 50%;}
    .menu-trigger span:nth-of-type(3) {bottom: 0;}
    .bag_more_in{display: none;}
    .bag_more_in li{background: #f5f5f5; border-bottom: 1px solid #fff; font-size: 1.55rem; text-align: center; line-height: 1em !important;position: relative;}
     .bag_more_in li a{ padding: 15px 0 !important;}
    
    .bg_arrow1{background: url(../images/bag_arrow.png) 97% center/11px no-repeat;}
    /*contents*/
    .idx_ttl{ font-size: 1.4rem;}
    .idx_ttl span{ font-size: 4rem;}
    .idx_ab_l{ float: left; width: 100%; padding: calc(40px + 6%) 0 0 0; position: relative; z-index: 1;}
    .idx_ab_r{width: 93%; margin:0 -6% 0 -88%; float: right;}
    .idx_ab_p{ font-size: 1.85rem;}
    .idx_nws_ttl{ font-size: 1.3rem;}
    .idx_sv_p{ font-size: 1.7rem; line-height: 1.7em;}
    .idx_svbx_num{ width: 45px; font-size: 4rem; padding: 4px 0 0 0;}
    .idx_svbx_name{ width: calc(100% - 55px); font-size: 2.2rem;}
    .idx_svbx_p{ font-size: 1.2rem; line-height: 1.4em;}
    .idx_svbx_li1 a{ font-size: 1.25rem;background-size: 18px,16px; }
    .idx_svbx_li2 a{font-size: 1.1rem;background:url(../images/arrow_bl.png) 95% center/16px no-repeat;}
    .idx_svbx_li li a{ height: 30px; line-height: 30px;}
    .idx_svbx_li2 a:hover{background:#f2f2f2 url(../images/arrow_bl.png) 95% center/16px no-repeat;}
    .idx_svlitxb p{ font-size: 1.2rem; line-height: 1.5em;}
    .idx_wkli_nm{ font-size: 2.1rem;}
    .idx_wkli_cat{font-size: 1.1rem;}
    .idx_wk_li li{ width: 100%; margin: 0; float:none; border-top:1px solid #ddd; padding: 4% 0;}
    .idx_wk_li li:nth-child(3n){ margin: 0; border-bottom:1px solid #ddd;}
    .idx_wkli_img{ width: 230px; float: left; line-height: 0;}
    .idx_wkli_txb{ width: calc(100% - 265px); float: right; margin: 0; padding: 0;}
    .idx_wkli_lnk{ margin: 0; float: right; border-bottom: 1px solid #0083c3; padding: 0 2px 5px 2px; line-height: 1em;}
    /*footer*/
    .ft_lnk li{  font-size:1.6rem;}
    .ft_lnk li span{font-size: 2.6rem;}
	.ft_ct_tel{width: 100%;}
    .ft_ct_telttl{ width: 50px; font-size: 1.25rem; line-height: 20px; height: 20px; margin: 5px 0 0 0; }
    .ft_ct_telnum{ width: calc(100% - 60px);font-size: 2.8rem; line-height: 28px;}
    .ft_btmr_bx{width: 32%;  margin: 0 2% 0 0;}
    .ft_btmr_bxl{margin: 0;}
    .ft_btmr_bxl2{margin: 0;}
    .ft_btm_p{ width: 100%; float: none; padding: 5px 0 10px 0;}
    .ft_btm_li{ width:100%; float: none;}
    .ft_inf_nm{padding: 0 0 5px 0;}
    /*contents*/
    .cnt_mv_ttl,.cnt_mv_ttl_ni{ font-size: 1.6rem;}
    .bs_side{ width: 100%; float: none; position: relative; top: auto;}
    .bs_side li:nth-child(2),.bs_side li:nth-child(3),.bs_side li:nth-child(4){ width: 32%; float: left; margin: 0 2% 0 0;}
    .bs_side li:nth-child(4){ margin: 0; border-bottom: 1px solid #ddd;}
    .bs_cnt{ width: 100%; }
    .bsbxttl{line-height: 48px; font-size: 3rem; }
    .bsbx_itr_r{  height: 55vw;}
    .bsasb_illttl{font-size: 1.4rem;}
    /*company*/
    .cp_bxin{padding:15px 15px 0 15px; box-sizing: border-box;}
	.cp_bxin_li li{ width: 33.3333%;}
	.cp_bxin_li4 li{ width: 50%;}
    .cp_hsttl{ width: 150px; font-size: 1.2rem;}
    .cp_hstx{ width: calc(100% - 154px);font-size: 1.4rem;}
    .cp_hst{ padding: 15px;}
    .rc_hst{ padding:30px 15px;}
    .wk_arc_wrap li{width: 31%; float: left; margin: 0 3.5% 6% 0 !important;}
    .wk_arc_wrap li:nth-child(3n){ margin: 0 0 6% 0 !important;}
    .wk_det_l{width: 35%;}
    .wk_det_r{width: 60%;}
    .wk_det_mail a{font-size: 1.5rem;}
    .bx-pager{ width:calc(100% - 85px);}
    .wk_det_nav1{ font-size: 1.35rem; line-height: 14px; margin: 0 0 5px 0; font-weight: 900;}
    .wk_det_nav2{ font-size: 1.2rem; line-height: 14px;}
    .wk_det_nav3 img{ width: 14px; margin: 0 0 5px 0;}
    .rc_cttl{font-size: 1.8rem; }
    .rc_ct_tel{font-size: 1.3rem;}
    .rc_ct_telnum{font-size: 3.8rem;}
    
    /*message*/
    .ms_ttl{ font-size: 1.9rem;}
    /*news*/
    .nws_arc_img{ width: 230px;}
    .nws_arc_txb{ width: calc(100% - 320px);}
    .nws_arc_lnk{ width: 90px; float: right;}
    .nws_arc_ttl{ font-size: 2rem;}
    .nws_arc_arr{font-size: 1.2rem;}
    .nws_arc_txt{ font-size: 1.3rem;}
    .nws_det_entry p,.nws_det_entry h1,.nws_det_entry h2,.nws_det_entry h3,.nws_det_entry h4,.nws_det_entry h5,.nws_det_entry h6,.nws_det_entry img{}
    .nws_det_entry h1{ font-size: 1.7rem; font-weight: 500;}
    .nws_det_entry h2,.nws_det_entry h3,.nws_det_entry h4,.nws_det_entry h5,.nws_det_entry h6{ font-size: 1.45rem;}
    .nws_det_entry ,.nws_det_entry p { font-size: 1.3rem;}
    .nws_det_ttl{ font-size: 1.95rem;}
    .nws_det_nv_img{ width: 80px;}
    .nws_det_nv_txb{ width: calc(100% - 95px);}
    .sm_li_bx li{ width: 49%; float: left; margin: 0 2% 5% 0 !important; }
    .sm_li_bx li:nth-child(even){ margin: 0 0 5% 0 !important;}
    .sm_li_bxli li{margin: 0 2% 0 0 !important;}
    .sm_li_bxli li:nth-child(even){ margin:0 !important; }
    
    .ct_bxttl{padding: 15px 0; width: 180px;}
    .ct_bxttlp{ font-size: 1.3rem;}
    .ct_bxct{width: calc(100% - 190px); padding: 7px 0;}
    .ct_ctipt1,.ct_ctipt2{height:36px; line-height: 22px; padding: 8px;}
    .ct_radiob{width: 16px; height: 16px;}
    .ct_radiotx{ padding: 0 15px 0 5px;font-size: 1.3rem; line-height: 16px;}
	
	/*sdgs*/
	.sdg1_itrw{ align-items: flex-end; flex-direction: row-reverse;}
	.sdg_itrl{ width: 100%;}
	.sdg_itrr{ width: 100%; margin: 0 auto calc(20px + 3%) auto; max-width: 550px;}
	
	.sdg1bx_ttl{ font-size: 2.1rem; min-height: 60px; padding: 0 0 0 70px;background: url(../images/sdgs_color.png) left center/55px no-repeat;}
	.sdg1bx_lst li{ width: 19.2%; margin: 0 1% 1% 0;}
	.sdg1bx_lst li:last-child{margin: 0 0 1% 0;}
	
}/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/


@media screen and (max-width:600px) {
    body{padding:45px 0 0 0 !important;}
    .on_pc{ display: none;}	
    .on_sp{ display:block !important;}
    .f13{ font-size: 1.1rem; }
    .f13{ font-size: 1.2rem; }
    .f14{ font-size: 1.3rem;}
    .f15{ font-size: 1.4rem;}
    .f16{ font-size: 1.5rem;}
    .f17{ font-size: 1.6rem;}
    .f18{ font-size: 1.7rem;}
    .f19{ font-size: 1.8rem;}
    .in{ padding:0 4%;}
    /*header*/
    .header{height: 45px;}
    .logo{ width: 97px;padding: 10px 0 10px 4%;}
    .hd_mail{width: 45px; }
    .hd_mail a{ height: 45px;}
    
    .burger_out{width: 45px;height: 45px;padding: 10px;}
    .burger{ height:20px; width:25px;}
    .menu-trigger { top:50%; height:20px; width:25px; margin:-16px 0 0 0; position: relative;}
    /*contents*/
    .idx_ttl span{ font-size: 3.3rem;}
    .idx_ttl:before{width: 20px; height: 20px;bottom: -10px; left: -7px;}
    .idx_ttl2{font-size: 1.2rem; line-height: 21px;}
    .idx_ttl2 span{font-size: 2.3rem; line-height: 21px; }
    .idx_ab_p{ font-size: 4vw;}
    .idx_ab_r{width: 70%; margin:0 -6% 0 -65%; float: right;}
    .idx_abimg{ width: 100%; float: none;}
    .idx_ab_r2{ padding:calc(20px + 2%) 0 0 0; width: 70%;}
    .idx_nws_li li{width: 100%; float:none;border: none !important;}
    .idx_nws_img{ height: 100px; width: 100px;}
    .idx_nws_txb{ width: calc(100% - 115px);}
    .idx_nws_lnk{ border-left: 5px solid #80c500; position: relative; right: auto; bottom: auto; margin: 10px 0 0 0; display: table; float: right;}
    .idx_nws_lnk a:hover{ background: #a6dd25 url(../images/arrow_w.png)95% center/18px no-repeat; ;}
    .idx_nws_lnk a{ height: 32px; line-height: 32px; width: 160px; font-size:1.2rem; background: url(../images/arrow_w.png)95% center/18px no-repeat;}
    .idx_sv_p{ font-size: 1.6rem;padding: calc(10px + 1%) 0 calc(10px + 2%)  0;}
    .idx_svbx_r{ width: 100%; float: none; padding:calc(15px + 4%) 0 calc(10px + 1%) 0;}
    .idx_svbx_p{ font-size: 1.4rem; line-height: 1.6em;}
    .idx_svbxr_img{padding: 0 0 calc(10px + 1%) 0;}
    .idx_svbx_ttl{ padding: 0 0 calc(10px + 1%) 0;}
    .idx_sv_li li{ width: 100%; margin: 0 0 2% 0 !important;}
    .idx_sv_li li:nth-child(even){  margin: 0 0 2% 0 !important;}
    .idx_sv_li li{ padding: 4%;}
    .idx_svliname{font-size: 2rem; margin:15px auto calc(15px + 2%) auto; line-height: 30px;  text-align: left;}
    .idx_svliname span{padding:calc(10px + 1%) 10px calc(10px + 1%) 0; display: inline; font-size: 2.6rem; line-height: 1em;}
    .idx_svli_lnk{ max-width: 250px; margin: auto;}
    .idx_svlitxb{padding: 5%;}
    .ft_lnk li{ width: 100%; float: none; padding: calc(30px + 4%) 4% calc(25px + 3%) 4%; font-size:1.5rem;}
    .ft_lnk li span{font-size: 2.4rem;}
    .idx_wkli_nm{ font-size: 1.6rem;}
    .idx_wkli_img{ width: 130px;}
    .idx_wkli_txb{ width: calc(100% - 145px);}
    
    /*footer*/
    .ft_ct_li li{ float:none; padding:25px 20px; box-sizing: border-box; }
    .ft_ctct{margin: calc(-140px - 4%) 0 calc(20px + 2%) 0; padding: calc(170px + 7%) 0 calc(30px + 3%) 0; position: relative; z-index: 1; }
    .ft_ct_telttl{ width: 40px; font-size: 1.15rem;}
    .ft_ct_telnum{ width: calc(100% - 50px);font-size: 8vw; line-height: 28px;}
    .ft_btm_l{ width: 100%; float:none;}
	.ft_logo{ max-width: 125px;}
    .ft_inf1{ width: 100%; float: none; margin: 0 0 25px 0;}
    .ft_inf2{ width: 100%; float:none;}
    
    /*contents*/
    .cnt_mv .bx-wrapper,.cnt_mv_img2{ width: 85%; margin: 0 0 0 20%; max-width: 1600px; display: block;}
    .cnt_mv_ttl,.cnt_mv_ttl_ni{ font-size: 1.4rem;}
    .cnt_mv_ttl span,.cnt_mv_ttl_ni span{ font-size: 2.1em;}
    
    /*business*/
    .bs_bx{ padding: 80px 0 calc(40px + 6%) 0; margin: -80px 0 0 0;}
    .bs_side li span{top: calc(50% - 5px); width: 10px; height: 10px; display: block;}
    .bs_side li a{font-size: 1.3rem; padding: 13px 0 13px 20px; box-sizing: border-box; line-height: 1.25em;}
    .bsbxttl{line-height: 48px; font-size: 2.4rem; padding: 0 0 0 18px;}
    .bsbx_itr_r{ width: 100%; float:none; height: 75vw; margin: 0 0 15px 0;}
    .bsbx_itr_l{ width: 100%; float:none;}
    .bsbx_itrp{ font-size: 1.5rem;}
	.sdg1bx_tx{ font-size: 1.4rem;}
    .bsbx_itrli_ttl{font-size: 1.25rem;}
    .bsbx_kai_flbxttl p{ width: 55px;  font-size: 2.4rem; line-height: 30px;}
    .bsbx_kai_flbxttl span{ width:calc(100% - 55px); line-height: 20px; font-size: 1.8rem; padding: 5px 0 15px 0;}
    .bsbx_kai_flbx_in{ margin: 0;}
    .bsbx_kai_ct li{ width: 100%; padding: 0 0 3% 0; margin: 0 0 3% 0;border-bottom: 1px solid #ddd; float: none; border-right: none;}
    .bsbx_kai_ct li:nth-child(2){ width: 100%; margin: 0; padding: 0;}
    .bsbx_kai_ctmail p{ line-height: 75px; font-size: 1.6rem;}
    .bsbx2_l{ width:100%; float: none;}
    .bsbx_sbttl{ font-size: 2.3rem;}
    .bsbx2_ttl{ font-size: 1.9rem; line-height: 21px; padding: 0 0 0 24px;}
    .bsbx2_asbli li{ font-size: 1.2rem; line-height:28px;}
    .bsasb_ill li{ width: 100%; float:none; margin: 0 0 4% 0;}
    .bsasb_illimg{max-width: 300px; margin: auto;}
    .bs_acco_ttl{  font-size: 1.35rem;}
    
    /*company*/
    .cp_bxin{width: 100%; float: none;padding:15px;}
	.cp_bxin_li li{ width: 50%;}
	.cp_bxin_li4 li{ width: 100%;}
    .cp_hsttl{ width: 100%; font-size: 1.2rem; padding: 20px 0 5px 0;}
    .cp_hstx{ width: 100%;font-size: 1.45rem; border: none; padding: 10px 0 20px 0;}
	.cp_bxin_tx span{width: 100%;padding:3px 0 9px 0;}
    /*policy*/
    .pp_wrap{ padding:0 4% calc(40px + 5%) 4%;}
    .pp_ttlnum{ font-size: 3rem; line-height: 30px; width:28px;}
    .pp_ttltx{ font-size: 1.6rem; line-height: 30px;}
    .pp_bxtx{ padding: 0;}
    .wk_nav{width:100%;}
    .wk_catnv{font-size: 1.45rem;line-height: 38px;}
    .wk_arc_wrap{ border: none;}
    .wk_arc_wrap li{width: 100%; float: none; margin: 0 !important; padding: 5% 0; border-bottom:1px solid #ddd;}
    .wk_arc_wrap li:nth-child(3n){ margin: 0 !important;}
    .wk_arcimg{ margin: 0; width: 35%; float: left;}
    .wk_arctxb{ width: 61%; float: right;}
    .wk_arc_cat{ line-height: 17px; margin: 0 0 7px 0;}
    .wk_arc_name{ font-size: 1.55rem;}
    .wk_det_l{width: 100%; float: none; margin:0 0 calc(20px + 2%) 0;}
    .wk_det_r{width: 100%; float: none;}
    .bx-pager{ width:calc(100% - 65px);}
    .wk_det_r .bx-controls{ position: absolute; bottom: -30px; right: 0; width: 60px;}
    .wk_det_r .bx-prev,.wk_det_r .bx-next{text-indent: -9999px;width:30px; height: 30px; float: left;}
    .wk_det_ctw{margin: 0 0 20px 0;}
	.wk_det_ctbx{ display: flex; justify-content: space-between; align-items: center;}
    .wk_det_ctbxnum{font-size: 2rem;width: calc(100% - 120px); text-align: right; line-height: 25px;}
    .wk_det_ctbxname { width: 110px; padding: 0; line-height: 25px;}
    
    .rc_cttl{font-size: 1.6rem; }
    .rc_ct_tel{ font-weight: 900; font-size: 1.2rem; height: 20px; line-height: 20px; margin: 10px 10px 0 0; padding: 0 10px;}
    .rc_ct_telnum{display: inline-block; line-height: 40px; font-size:8.3vw; float: left; font-weight: 900;}
    
    /*message*/
    .ms_ttl{ font-size: 1.8rem;}
    .ms_img{ width: 100%; float: none; margin: 0 0 calc(10px + 2%)}
    .ms_txb{ width: 100%; float: none;}
    
    /*news*/
    .nws_arc_img{ width: 100px;}
    .nws_arc_txb{ width: calc(100% - 100px); padding: 0 0 0 6%; border: none;}
    .nws_arc_lnk{ width: 100%; clear: both; padding: 20px 0 0 0;}
    .nws_arc_arr{font-size: 1.2rem; text-align: center; background:#f5f5f5 url(../images/arrow_bl.png) 97% center/14px no-repeat; padding: 10px; border-radius: 3px;}
    .nws_arc_ttl{ font-size: 1.8rem;}
    
    .nws_det_l{width:100%; border-bottom:  1px solid #ddd; padding: calc(10px + 2%) 0 calc(15px + 3%) 0; float: none; margin: 0 0 calc(10px + 3%) 0;}
    .nws_det_r{width:100%;}
    .sm_li_bx li{ width: 100%; float: none; margin: 0 0 5% 0 !important; }
    .sm_li_bxli li{margin: 0 2% 0 0 !important;}
    .sm_li_bxli li:nth-child(even){ margin:0 !important; }
    .sm_li_ttl a{  height: 50px; line-height: 50px; font-size: 1.5rem;}
    .ct_bxttl{width: 100%; float: none;}
    .ct_bxttlp{ font-size: 1.3rem;}
    .ct_bxct{width: 100%; float: none; border: none; padding: 0 0 22px 0;}
    
    .fac_li li{ width: 100%; margin: 0 0 3% 0;}
	
	/*sdgs*/
	.sdg1_ttl{ font-size: 2.4rem;}
	.sdg_itrttl{ font-size: 2rem;}
	.sdg2_ttl{font-size: 2.1rem;}
	
	.sdg1_bxw{ border-bottom:none; padding: 0; margin: 0;}
	.sdg1_bx{ width: 100%;border-bottom: 1px solid #222; margin:0 0 calc(20px + 2%) 0;padding: 0 0 calc(20px + 2%) 0;}
	
	
	.sdgact_img{width: 100%; margin: 0 0 calc(20px + 1%) 0;}
	.sdgact_txb{width: 100%;}
	
	.idx_sdg_ban{padding: calc(30px + 2%) 0 0 0; max-width: 500px;}
	.idx_sdgin{ width: 100%; box-sizing: border-box;padding:7% 5% 5% 5%;}
	.idx_sdgttl{ font-size: 4.8vw;padding: 0 0 4% 0;}
	.idx_sdg_li{ width: 100%; max-width: 600px;}
}