@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@300;400;500&family=Jost:wght@400;500&family=Noto+Sans+JP:wght@400;500&family=Noto+Serif+JP:wght@400;500&display=swap');
html {overflow-y:scroll;font-size: 10px; height:100%;}  
body,td,th {line-height:1.8em;color: #2a1717;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body {margin:0;padding:0 0 0 80px;width:100%;position:relative;font-family: 'Crimson Pro','Noto Serif JP', serif;box-sizing: border-box;}
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 7%; margin: auto; max-width: 1600px; position: relative; width: 100%; box-sizing: border-box;}
.flx{display: flex; flex-wrap: wrap; justify-content: space-between;}
.flx_cen{display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center;}
.tr{-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;}
.tt{writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-webkit-writing-mode:vertical-rl;}
.tt2{-webkit-text-orientation: sideways;text-orientation: sideways;}
/*スクロールのエフェクト*/
#contents{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 1.5s;}
.fi.scrollin {opacity : 1;transform : translate(0, 0);}
.fi2 {opacity : 0;transform : translate(-50px, 0);transition : all 1s;}
.fi2.scrollin {opacity : 1;transform : translate(0, 0);}
.fi3 {opacity : 0;transform : translate(-50px, 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*/
.min{font-family: 'Crimson Pro','Noto Serif JP', serif;}
.goth{font-family:'Noto Sans JP', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',sans-serif;}
.jst{font-family: 'Jost', sans-serif;}
.crm{font-family: 'Crimson Pro', serif;}
.po_re{ position: relative;}
.po_ab{ position: absolute;}
.f_w{color: #fff;}
.f_bk50{color: #fff;}
.f_bk75{color: #666;}
.f_bk40{color: #b5b5b6;}
.f12,.f13,.f14,.f15,.f16,.f17,.f18,.f19,.f20{line-height: 1.75em;}
.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;}
.fw3{font-weight: 300;}
.fw5{font-weight: 500;}
.fw6{font-weight: 600;}
.fw7{font-weight: 700;}
.ls-04{ letter-spacing: -0.04em;}
.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;}
.shdimg{-webkit-filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.5));}
.shdtx{text-shadow: 0 0 15px rgba(0,0,0,.9);}
.w100{ width: 100%; display: block;}
.bg_w{background: #fff;}
.bg_bk{background: #2a1717;}
.bg_bk006{background: #f6f6f6;}
.cover{ background-size: cover; background-position: center;}
.box{box-sizing: border-box;}

/*lightbox*/
/*lightbox*/
/* Preload images */
body:after {
  content: url("/assets/images/close.png") url("/assets/images/loading.gif") url("/assets/images/prev.png") url("/assets/images/next.png");
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999999;
  background-color: #2a1717;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url("/assets/images/loading.gif") no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url("/assets/images/prev.png") 4% center/30px no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url("/assets/images/next.png") 96% center/30px no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url("/assets/images/close.png") top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*header*/
.header{ position: fixed; width: 80px; top: 0; left: 0; background: #fff; height: 100vh; border-right: 1px solid #ddd; z-index: 2;}
.logo_bx{position: fixed; width: calc(100% - 81px); top: 0; left: 81px; z-index: 1;}
.smaller .logo_bx{background: #2a1717;}
.logo{ width: 230px; padding:25px 0; line-height: 0;}
.smaller .logo{padding:15px 0;}
.logo_w{ display: none;}
.home .logo_b,.page-id-2 .logo_b,.page-id-26 .logo_b,.page-id-8 .logo_b{ display: none;}
.home .logo_w,.page-id-2 .logo_w,.page-id-26 .logo_w,.page-id-8 .logo_w{ display: block;}
.smaller .logo_b{ display: none !important;}
.smaller .logo_w{ display: block !important;}
.hd_ic{ width: 100px; position: fixed; top: 0; right: 0; z-index: 101;}
.hd_ic li{ width: 100%; text-align: center; line-height: 0;}
.hd_ic li:first-child a{ background: #2a1717;}
.hd_ic li:last-child a{background: #333;}
.hd_ic img{ width: 18px; padding: 18px 0 14px 0; line-height: 0;}
.hd_ic p{text-align: center; color: #fff;padding: 0 0 15px 0;line-height: 1em;  }
.hd_copy{ position: absolute; transform: rotate(90deg); white-space: nowrap; width: 100px; text-align: center; top:calc(50% - 70px); left: calc(50% - 50px); line-height: 40px;}

/*バーガー*/
.burger_out{width: 30px;height: 23px;padding: 0; position: absolute; top: 30px; left:calc(50% - 15px);}
.smaller .burger_out{ top: 15px;}
.burger{ width:100%;height: 100%; margin: 0;}
.burger_menu{ width:100%; height: 100%; position:fixed; z-index:9999; text-align:center; background: #2a1717; 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; color: #fff;}
.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:10000; height:100%; width:100%;position: relative;}
.menu-trigger span {width: 100%;height: 1px;background-color: #282828;border-radius: 2px; position: absolute;}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 50%; margin: -1px 0 0 0;}
.menu-trigger span:nth-of-type(3) {bottom: 0;}

.menu-trigger.active span {background-color: #fff;}

.bag_more_in{ display: none;}
.bag_more_in li{ width: 49%; float: left; 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("/assets/images/arrow2_w.png") right center/16px no-repeat;}
.bug_athome{padding: 15px 0;width:50% !important;}
.bug_athome img{max-width: 150px;width: 60%;}

.achievements_pic{ width: 100%; object-fit: cover; aspect-ratio: 5/3;}

/*contents*/
.contents{}
.ab_mvcopy:before,.mv_ab_copy:before,.idx_bxttl:before,.ft_ct_ttl:before,.ab_mvcopy:after,.ab_mes_l:before,.bs1_3bxbtm:after,.bs_svbx_rtx li:before,.bs01_taino li:before,.wks_d_ifrin_mail:before,.nws_d_l_share li:before,.ctct_bx:before,.bs_af_alp:before{position: absolute; content: ""; display: block;}
.mv{ width: 100%; height: 100vh; min-height: 650px; position: relative;}
.mv .bx-wrapper,.mv .bx-viewport{ width: 100%; height: 100%; display: block;  position: relative; z-index:0;}
.mv_sl,.mv_sl li{width: 100%; height: 100%;}
.mv_sl li{ background-size: cover; background-position: center;}
.mv_sl li::before{background: url("/assets/images/mv1.jpg") center/cover no-repeat;-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;position: absolute;top: 0;left: 0;width: 100% !important;height: 100%;content: "";z-index: -1;box-sizing: border-box;-webkit-transition: 0.7s;-moz-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;animation:ms1 14s;}
.mv_sl li:nth-child(2)::before{background: url("/assets/images/mv6.jpg") center/cover no-repeat;-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;animation: ms2 14s;}
.mv_sl li:nth-child(3)::before{background: url("/assets/images/mv3.jpg") center/cover no-repeat;-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;animation: ms1 14s;}
.mv_sl li:nth-child(4)::before{background: url("/assets/images/mv4.jpg") center/cover no-repeat;-webkit-background-size: cover !important;-moz-background-size: cover !important;-o-background-size: cover !important;animation: ms2 14s;}
@keyframes ms1{0%{transform: scale(1.08) ;}100%{transform: scale(1.01) ;}}
@keyframes ms2{0%{transform: scale(1.01) ;}100%{transform: scale(1.08);}}
.mv_in{ position: absolute; width: 100%; bottom: 30%; left: 0;}
.mv_copy{ font-size: 3.5rem; line-height: 2.1em;}
.mv_scr{ position: absolute; bottom:110px; right: -70px; font-size: 1rem; transform: rotate(90deg); padding:0 180px 0 0; box-sizing: border-box; }
.mv_scr:before{ width: 130px; height: 1px; background: #fff; display: block; content: ""; position: absolute; right: 25px; top: 50%;}

.mv_nws{ border-bottom: 1px solid #ddd; margin: 0 0 calc(70px + 8%) 0;}
.mv_nws_l{ width:calc(100% - 150px);align-items: center; padding: 25px 0;}
.mv_nws_cate{ font-size: 1.1rem; line-height: 23px;width: 90px; text-align: center;}
.mv_nws_cate2{ font-size: 1rem; line-height: 20px;width: 70px; text-align: center;}
.mv_nws_date{ font-size: 1rem;line-height:23px;width:100px; text-align: center;}
.mv_nws_date2{ font-size: 1rem;line-height:20px;width:90px; text-align: center;}
.mv_nws_ttl{ width:calc(100% - 190px);padding: 0 20px 0 0; box-sizing: border-box; font-size: 1.3rem; line-height: 23px;}
.mv_nws_ttl2{ width:calc(100% - 160px);padding: 0 20px 0 0; box-sizing: border-box; font-size: 1.15rem; line-height: 20px;}

.mv_nws_r{ width: 150px; border-right: 1px solid #ddd;border-left: 1px solid #ddd; box-sizing: border-box; text-align: center;}
.mv_nws_r a{line-height: 23px; padding: 25px 0; }
.mv_nws_r a:hover{background: #2a1717; color: #fff;}

.idx_bx{padding: 0 0 calc(40px + 4%) 0; border-top: 1px solid #ddd; position: relative;}
.idx_wks{padding: 0 0 calc(60px + 8%) 0;}
.mv_ab{ background: url("/assets/images/idx_subimg.jpg") left top/70% no-repeat; margin: 0 0 calc(40px + 4%) 0;}
.mv_abbx{ width: 38%;margin: 0 0 0 62%; padding: 0 0 calc(50px + 5%) 0;}
.mv_abin{padding: 0 0 calc(20px + 4%) calc(20px + 4%); background: #fff;box-sizing: border-box; margin: 0 0 calc(20px + 8%) 0; }
.mv_abinttl{ margin: 0 0 calc(20px + 3%) 0;}

.r_cen{ margin: 0 0 0 auto; display: table;}
.cen_cen{ margin: auto; display: table;}
.lnk170{ width: 170px; border: 1px solid #ddd; text-align: center;line-height: 35px;}
.ttl22{ font-size: 2.2rem; line-height: 1.6em;}
.mv_abintx{ line-height: 2.1em; letter-spacing: -0.04em;}
.mv_ab_copy{ font-size: 4.6rem; line-height: 1.4em; position: absolute; top: calc(-60px - 10%); left: 7%;}
.mv_ab_copy:before{ left:105%; bottom: 20px; background: #2a1717; width: 150px; height: 1px; }
.idx_bxttl{ padding: calc(10px + 1.5%) 0 calc(25px + 3%) 0; position: relative; line-height: 1em;color: #666; font-weight: 500;}
.idx_bxttl_cp{color: #fff; margin: calc(20px + 4%) 0 0 0;}
.idx_bxttl span{ font-size: 1.8rem; line-height: 1em; padding: 0 0 7px 0;display: block; letter-spacing: 0.15em;}
.idx_bxttl:before{  left: 0; top: -1px; background: #2a1717; width: 60px; height: 1px;z-index: 1;}
.idx_bxttl_cp:before{ background: #fff;}
.idx_bs_copy{padding: 0 0 calc(15px + 1%) 0;}
.idx_bs_p{ line-height: 2.1em; padding: 0 0 calc(20px + 3%) 0;}
.idx_bsbx{overflow: hidden;}
.idx_bsbx .bx-wrapper{width: 105vw; display: block; position: relative; padding: calc(10px + 3%) 0 calc(30px + 4%) 0;}
.idx_bsbx .bx-viewport{width: 100%; display: block;}
.idx_bs_sl{width: 100%; margin: 0 0 0 -20px;}
.idx_bs_sl li{width: 33.333%; box-sizing: border-box; padding: 0 20px; border-right: 1px solid #ddd;}
.idx_bssl_ttl{ font-size: 1.8rem; padding: calc(20px + 1%) 0;}
.idx_bsbx .bx-controls{position: absolute; z-index: 1; left: 0; top: 0;}
.idx_bsbx .bx-pager{display: flex; }
.idx_bsbx .bx-pager-item{ width: 50px; height: 2px !important; margin: 0 2px 0 0; text-indent: -9999px; background:#9f9fa0; overflow: hidden;}
.idx_bsbx .bx-pager-item .active,.idx_bsbx .bx-pager-item .active:checked{background:#2a1717; padding: 0; width: 50px; height: 2px !important;}

.idx_wks_main{ margin: 0 0 calc(25px + 2.5%) 0;}
.idx_wks_mtxb{padding:calc(20px + 2%) calc(20px + 2%) 0 calc(20px + 2%); margin:calc(-40px - 2%) 0 0 30px; background:#fff; position: relative; z-index: 1; width: 70%; max-width: 540px; box-sizing: border-box;}
.idx_wks_mttl{ font-size: 1.9rem; line-height: 1.2em; padding: 0 0 calc(5px + 2%) 0;}
.idx_wks_mttl2{ font-size: 1.6rem; line-height: 1.2em; padding: 0 0 calc(5px + 2%) 0;}
.idx_wks_mcate{ display: flex; padding: 0 0 calc(15px + 1.5%) 0;}
.idx_wks_mcate p{margin: 0 10px 0 0; border-bottom: 1px solid #ddd; padding: 0 0 8px 0; line-height: 1em;}
.idx_wks_sub{border-top: 1px solid #ddd; margin: 0 0 calc(20px + 2%) 0;}
.idx_wks_sub li{box-sizing: border-box;width: 32.75%; padding:1.75% 1.75% 1.75% 0; margin: 0 1.75% 0 0; border-right: 1px solid #ddd;}
.idx_wks_sub li:last-child{width: 31%; padding:1.75% 0; margin: 0; border: none;}
.idx_wks_simg{ padding: 0 0 calc(10px + 2%) 0;}

.idx_cmp_w{ margin: 0 0 calc(20px + 2%) 0;}
.idx_cmp_cp{ position: absolute; right: 7%; top: calc(-30px - 9%);}
.mv_cmp_copy{white-space: nowrap; font-size: 3.6rem; line-height: 1.45em;}
.idx_cmp{ overflow: hidden; position: relative;}
.idx_cmp .bx-wrapper{width: 105vw; display: block; position: relative; padding: 0;}

.idx_cmp_slin{ position: absolute; height: 100%; width: 100%; top: 0; left: 0;}
.idx_cmp_sltxb{ position: absolute; bottom: calc(55px + 8%); left: 7%;}
.idx_cmp_sllnk{ margin: calc(10px + 4.5%) 0 0 0; border: 1px solid #fff; width: 200px;}
.idx_cmp_sllnk li{ border-right: 1px solid #fff; width: 100%; text-align:center; box-sizing: border-box; letter-spacing: 0.1em; font-weight: 500;}
.idx_cmp_sllnk li:last-child{border: none;}
.idx_cmp_sllnk li a{ line-height: 36px;}
.idx_cmp_und{ width: 50%; box-sizing: border-box;}
.idx_cmp_und1{ border-right: 1px solid #ddd; padding: calc(30px + 5%) 4% 0 0;}
.idx_cmp_und2{padding: calc(30px + 5%) 0 0 4%;}
.idx_cmp_undttl{ position: relative; font-size: 1.4rem; line-height: 20px; margin: 0 0 calc(10px + 2%) 0; font-weight: 500; letter-spacing:0.2em;}
.idx_cmp_undttl a{position: absolute; right: 0; top: 0; line-height: 20px; font-size: 1rem; letter-spacing: 0.07em;}
.idx_cmp_nws{ border-top: 1px solid #ddd;}
.idx_cmp_nws li{display: flex; justify-content: space-between;flex-wrap: wrap; align-items: center; padding: calc(10px + 1.5%) 0; border-bottom: 1px solid #ddd;}
.idx_cmp_undlnk{ font-size: 2rem; background: #f6f6f6; margin: calc(5px + 3%) 0 0 0;}
.idx_cmp_undlnk p{ display: table; margin: auto; padding: calc(40px + 9%) 45px; background: url("/assets/images/arrow2_b.png") right center/28px no-repeat;}
/*index*/

/*footer*/
.footer{border-top: 1px solid #ddd;}
.ft_ct li{ width: 36%; box-sizing: border-box; border-left: 1px solid #ddd; padding: 2% 3%}
.ft_ct li:first-child{ width: 28%; border:none;}
.ft_ct_ttl{ font-size: 1.4rem; line-height: 1em; padding: 0 0 15px 0; margin:0 0 15px 0; position: relative; font-weight: 500;}
.ft_ct_ttl:before{background: #2a1717; height: 1px; width: 30px; left: 0; bottom: 0;}
.ft_ct_telm a{ font-size: 2.5rem;padding: calc(60px + 4%) 0; text-align: center; letter-spacing: 0.2em; font-weight: 500; line-height: 1em;}
.ft_ct_telm p{ font-size: 2.5rem;padding: calc(60px + 4%) 0; text-align: center; letter-spacing: 0.2em; font-weight: 500; line-height: 1em;}
.ft_ct_telm span{ font-size: 0.6em; font-weight: 400; letter-spacing: 0.05em;}
.ft_btm{ padding: calc(30px + 1.5%) 0 0 0;}
.ft_btm_l{ width: 22%;}
.ft_btm_logo{ max-width: 200px; padding: 0 0 calc(15px + 2%) 0;}
.ft_btm_p{ line-height: 1.5em; padding: calc(10px + 1%) 0;}
.ft_btm_r{ width: 71%;}
.ft_btm_ul{width: 15%;}
.ft_btm_ul li a{padding: 5px 0; font-size: 1.1rem; line-height: 1em; letter-spacing: -0.02em;}
.ft_btm_ul li:first-child a{padding:15px 0 20px 0; font-size: 1.1rem; line-height: 1em; border-top: 1px solid #fff; font-weight: 500; letter-spacing:0.2em; color:#fff;}
.ft_btm_ic { width:12.5%; margin:0 0 0 1.5%; }
.ft_btm_ic li{ margin: 0 0 2px 0;}
.ft_btm_ic li a{padding:10px 5px 15px 5px; text-align: center;background: #513939;}
.ft_btm_ic li a:hover{background: #4a2e2e;}
.ft_btm_ic li img{width: 20px; padding: 15px;}
.ft_copy{ font-weight: 500; width: 100%; padding: 20px 0; text-align: right;}

/*about*/
.ab_mv{ background: url("/assets/images/ab_main.jpg") center/cover no-repeat; padding: calc(60px + 5%) 0 calc(40px + 5%) 0; margin: 0 0 calc(40px + 4%) 0;}
.cn_ttl{ font-size: 4.2rem; line-height: 1.2em; display: table; margin: auto; font-weight: 300; padding:calc(10px + 1%) 0 calc(20px + 3.5%) 0; border-top: 1px solid #fff; letter-spacing: 0.2em;}
.cn_ttl span{ font-size: 0.3em; display: block; text-align: center;}
.cn_ttl2{color: #666; font-size: 1rem; line-height: 1.4em; text-align: center;font-weight: 500; margin: 0 0 calc(20px + 2.5%) 0;}
.cn_ttl2 span{display: block; padding: 0 0 8px 0; font-family: 'Noto Serif JP'; font-size: 2.4em; letter-spacing: 0.4em; line-height: normal;}
.cn_copy24{ font-size: 2.4rem; line-height: 1.5em;margin: 0 0 calc(20px + 1.5%) 0; text-align: center;}
.cn_txbx600{ max-width: 600px; margin: auto;}
.cn_bx{ padding: 0 0 calc(30px + 4%) 0; border-bottom: 1px solid #ddd; margin: 0 0 calc(50px + 5%) 0;}
.hdn{ overflow: hidden;}
.cn_bx2{ padding: 0; border-bottom: 1px solid #ddd; margin: 0 0 calc(50px + 5%) 0;}
.cn_bx3{margin: 0 0 calc(50px + 5%) 0;}
.ab_mvcopy{ padding: 130px 0; text-align: center; position: relative; font-size: 2.4rem; line-height:1.5em;}
.ab_mvcopy:before,.ab_mvcopy:after{width: 1px; height: 100px; left: 50%;background: #fff; }
.ab_mvcopy:before{top: 0;}
.ab_mvcopy:after{bottom: 0;}
.ab_p_tx{ padding: 0 0 calc(30px + 11%) 0;}
.ab_val_grap{ max-width: 650px; margin:0 auto calc(20px + 3%) auto;}
.ab_val_img { margin: calc(-60px - 17.5%) 0 calc(40px + 3%) 0;}
.ab_val_img li {width: 50%;}
.ab_val_li{border-top: 1px solid #ddd;}
.ab_val_li li {width: 24%; padding: 4% 2% 4% 0; margin: 0 2% 0 0; border-right: 1px solid #ddd; box-sizing: border-box;}
.ab_val_li li:last-child{width: 22%; padding: 4% 0; margin: 0; border-right: none;}
.ab_valli_ttl{font-size: 1.6rem; line-height: 1em; text-align: center;}
.ab_valli_ic{ max-width: 90px; margin:calc(25px + 4%) auto; width: 70%;}
.ab_valli_copy{ text-align: center; font-size: 1.6rem; line-height: 1.2em; padding: 0 0 calc(15px + 2%) 0;}

.ab_mes_l{ width: 47%; padding: calc(10px + 2%) 0 0 0; position: relative;}
.ab_mes_l:before{ width: 40%; height: 1px; right: 0; top: 50%; background: #2a1717;}
.ab_mes_r{ width: 50%; line-height: 2.2em; padding: calc(10px + 2%) 0 0 0;}
.ab_mes_ttl{ font-size: 2.8rem; line-height: 1.8em; margin: 0 0 calc(20px + 4%) 0;}
.ab_mes_copy{ line-height: 2.1em;}

/*business*/
.bs_itr{ padding: calc(10px + 1%) ; margin: 0 0 calc(20px + 6%) 0;}
.bs_itr_img{ background: url("/assets/images/bs_cmp.jpg") center/cover no-repeat; text-align: center; width: 28%; padding: calc(30px + 5%) 0;}
.bs_itr_img img{max-width: 130px; width: 40%;}
.bs_itr_txb{ width: 68%; padding: 15px 0;}
.bs_itr_txb_ttlw{padding: 0 0 calc(15px + 1.5%) 0;}
.bs_itr_txb_ttlnum{font-size: 6.5rem; line-height: 70px; width: 120px; border-right: 1px solid #fff;}
.bs_itr_txb_ttl{ font-size: 2.2rem; line-height: 1.4em; width: calc(100% - 150px);}
.bs_itr_txb_ttl span{font-size: 0.6em; line-height: 1.2em;}
.bs_mv{ background: url("/assets/images/bs_main.jpg") center/cover no-repeat; padding: calc(60px + 5%) 0 0 0; margin: 0 0 calc(40px + 4%) 0;}
.bs_amfm{margin: auto; padding: calc(30px + 1%) 0; }
.bs_af_bx{ width: 24.8%; position: relative;}
.bs_af_alp{ font-size: 4rem; text-align: center;line-height: 1em; position: absolute; top: -20px; width: 100%;}
.bs_af_alp:before{background: #2a1717; width: 1px; height: calc(70px + 10%); top: calc(-110px - 15%); left: 50%;}
.bs_af_alp span{ font-size: 1.1rem; display: block; line-height: 1em; padding: 5px 0 0 0;}
.bs_af_bxin{ padding:calc(70px + 15%) calc(15px + 2%) calc(20px + 5%) calc(15px + 2%); margin: -45px 0 0 0;}
.bs_afbxin_img{ width: 80%; max-width: 100px; margin:0 auto calc(15px + 3%) auto;}
.bs_af_bxin_ttl{ border-bottom:1px solid #2a1717; text-align: center; padding:calc(10px + 2%) 0 calc(17px + 3%) 0; font-size: 1.8rem; line-height: 1em; margin: 0 0 calc(15px + 3%) 0;}
.bs_af_bxin_ttl span{ font-size: 0.7em; display: block; padding: 4px 0 0 0; }
.bs_af_bxin_li li{font-size: 1.4rem; line-height: 1.25em; padding: 15px 0 0 0; text-align: center;}
.bs_str_img{ max-width: 830px; margin:0 auto calc(20px + 3%) auto;}
.bs_str_bx{ width: 47%; border-top: 1px solid #ddd; padding: calc(10px + 2%) 0 0 0;}
.bs_str_ttl{ font-size: 5.4rem; line-height: 50px; font-weight: 300;}
.bs_str_ttl span{ font-size: 1rem; padding: 0 0 0 10px; color: #666; letter-spacing: 0.1em; font-weight: 500;}
.bs_str_copy{ font-size: 1.8rem; line-height: 1.4em; padding: calc(10px + 1.5%) 0;}
.bs_5bbx{ margin: 0 0 calc(40px + 0.5%) 0; position: relative;}
.bs_5bbx:hover{background: #f1f1f1;}
.bs_5bbx a{position: absolute; z-index: 1; width: 100%; height: 100%; left: 0; top: 0;}
.bs_5bimg{ width: 430px; background-position: center; background-size: cover;}
.bs_5btxb{ width: calc(100% - 550px); border-top: 1px solid #ddd; padding: calc(45px + 3%) 20px calc(30px + 4%) 0; margin: 0 0 0 40px;}
.bs_5bttl{ font-size: 1.8rem; line-height: 1.4em; padding:0 0 calc(15px + 1.5%) 0;}
.bs_5bar{ border-left: 1px solid #ddd; border-top: 1px solid #ddd; width: 60px; background: url("/assets/images/arrow2_b.png") center/20px no-repeat; box-sizing: border-box;}
.bs_pmbm{ max-width: 880px; margin:0 auto calc(20px + 4%) auto;}
.bs_pmbm a{display: table; background: url("/assets/images/arrow3_b_b.png") right center/10px no-repeat; border-top: 1px solid #ddd; padding: 15px 20px 15px 0; margin: 30px auto 0 auto; font-size: 1.2rem;} 
.bs_pm,.bs_bm{width: 54%; animation-name: pmbm; left: 0;position: relative;}
.bs_pm{margin: 0 -4% 0 0; animation-duration: 2.2s;}
.bs_bm{ margin: 0 0 0 -4%;animation-duration: 2.8s;}
@keyframes pmbm {
    0% {opacity: 0;  left: -30px;}
    60% {opacity: 0; left: -30px;}
    100% {opacity: 1;left: 0;}
}
.cont_head{margin: calc(60px + 5%) 0 calc(20px + 4%) 0; display: table; background: #2a1717; color: #fff; font-size: 2rem; line-height: 20px; padding: 5px 10px; box-sizing: border-box;white-space: nowrap;}
.cont_head span{padding: 0 10px 0 calc(30px + 5%); font-size: 1.2rem; white-space: nowrap;}
.bs1_list{ padding:calc(5px + 3%); margin: calc(20px + 3%) 0 0 0;}
.bs1_li{ padding: calc(10px + 1%) 0 0 0;}
.bs1_li li{width: 31%; background: #fff; border: 1px solid #aaa; border-radius: 50px; text-align: center; padding:15px 8px; font-size: 1.4rem; line-height: 1em; margin: 0 0 1% 0; box-sizing: border-box;}
.bs1_3bx{}
.bs1_3bxbtm{padding: 0 0 60px 0;margin: 0 0 40px 0; position: relative;}
.bs1_3bxbtm:after{background: #ddd; width: 1px; height: 50px; left: 50%; bottom: 0;}
.bs1_3bx li{width: 33.3333%; border-right: 1px solid #fff; box-sizing: border-box;}
.bs1_3bx li:last-child{border:none !important;}
.bs01_btn{max-width: 500px; border: 1px solid #ddd; background: url("/assets/images/arrow3_b_b.png") 96% center/12px no-repeat; margin:calc(30px + 4%) auto 15px auto; text-align: center; padding:20px; box-sizing: border-box; font-size: 1.4rem;}
.bs01_btn span{font-size: 1.1rem; display: block; text-align: center; padding: 7px 0 0 0;}
.bs_strimg{ line-height: 0;}
.bs_strtxb{padding:0 5%;}
.bs_strttl{ font-size: 1.8rem; line-height: 1.3em; padding: calc(20px + 2.5%) 0 calc(10px + 1.5%) 0;}
.bs_svicon5,.bs_svicon4,.bs_svicon3{ margin: 0 0 calc(20px + 4%) 0; border-left: 1px solid #ddd;}
.bs_svicon5 li{ padding: 0 5px; border-right: 1px solid #ddd; width: 20%; box-sizing: border-box;}
.bs_svicon4 li{ padding: 0 5px; border-right: 1px solid #ddd; width: 25%; box-sizing: border-box;}
.bs_svicon3 li{ padding: 0 5px; border-right: 1px solid #ddd; width: 33.3333%; box-sizing: border-box;}
.bs_svicicon{width: 60px; margin:auto; padding: 10px 0 calc(10px + 1%) 0;}
.bs_svictx{ font-size: 1.45rem; line-height: 1em; text-align: center;letter-spacing:-0.07em;}
.bs_svictxb{ line-height: 1.6em; padding: calc(5px + 3%) calc(10px + 3%) 0 calc(10px + 3%);}
.bs_svbx{ margin: 0 0 calc(30px + 2%) 0;}
.bs_svbx_l{ width: 250px;}
.bs_svbx_r{ width: calc(100% - 280px); border-top: 1px solid #ddd; padding: calc(10px + 1.5%) 0 0 0;}
.bs_svbx_ttl{background: #2a1717; color: #fff; font-size: 1.4rem; padding:5px 9px; margin: 0 0 calc(15px + 2.5%) 0;}
.bs_svbx_ttl img{ width: 28px;}
.bs_svbx_ttl span{display: block; width:calc(100% - 40px); font-weight: 500;}
.bs_svbx_ttl2{font-size: 2rem; line-height: 1.4em;}
.bs_svbx_rtx li{ position: relative; padding: 0 0 15px 20px; font-size: 1.4rem; line-height: 1.55em;}
.bs_svbx_rtx li:before{ width: 10px; height: 10px; border: 1px solid #aaa; border-radius: 50px; top: 3px; left: 0;}
.bs_svbx_rtx li span{font-family:'Noto Sans JP', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',sans-serif; font-size: 0.8em; display: block; font-weight: 300; color: #666; line-height: 1.2em;}
.bs_svbx_rin{padding: calc(15px + 1.5%); margin: 0 0 calc(15px + 1.5%) 0;}
.bs_svbx_rin1{ padding: 0 0 30px 0; margin: 0 0 30px 0; border-bottom: 1px solid #ddd;}
.bs_svbx_rinttl{ border-bottom: 1px solid #2a1717; display: table; padding: 0 0 10px 0; font-size: 1.2rem; margin:0 0 18px 0; font-weight: 500;}
.bs_svbx_rttl{ font-size: 1.6rem; font-weight: 500; padding: 0 0 10px 0; margin: 0 0 15px 0; border-bottom: 1px solid #2a1717; display: table;}
.bs_svbx_rimg{ width: 36%;}
.bs_svbx_rimgtxb{ width: 60%;}
.bs_svbx_rbx{ margin: 0 0 calc(35px + 1%) 0;}
.bs_svbx_rimgtxbttl{ margin: 0 0 calc(5px + 1.5%) 0;}
.bs01_taino{margin: 0 0 calc(10px + 2%) 0;}
.bs01_taino li{ width: 16%; position: relative; }
.bs01_taino li:before{ width: 20%; left: 105%; top: 0; background:url("/assets/images/bs_arrow1.png") center/100% no-repeat; height: 28px; position: absolute;}
.bs01_taino li:last-child:before{ display: none !important;}
.bs01_taino p{margin: 0 0 1px 0; text-align: center; background: #2a1717; padding: 8px 5px; color: #fff; font-size: 1.2rem; line-height: 1em;}
.bs01_taino2 li{ width: 25%; color: #fff; font-size: 1.2rem; line-height: 1em; padding: 8px 5px; text-align: center; box-sizing: border-box;}
.bs01_taino2 li:nth-child(1){background: #727172;}
.bs01_taino2 li:nth-child(2){background: #595757;}
.bs01_taino2 li:nth-child(3){background: #3f3b3a;}
.bs01_taino2 li:nth-child(4){background: #2a1717;}
.bs01_wks_num{ padding:calc(10px + 1%); text-align: center; font-size: 2rem; line-height: 1em; margin: 0 0 calc(10px + 1%) 0;}
.bs01_wks_num span{ font-size: 2.5em; font-weight: 300; padding: 0 10px; line-height: 1em;}
.bs01_wks_bx3 li{ font-family: monospace; border-top: 1px solid #ddd; border-right: 1px solid #ddd; margin: 0 0 4.5% 0; width: 32.83333%; box-sizing: border-box;}
.bs01_wks_bx3 li:nth-child(1),.bs01_wks_bx3 li:nth-child(4),.bs01_wks_bx3 li:nth-child(7),.bs01_wks_bx3 li:nth-child(10){padding: 1.5% 1.5% 0 0;}
.bs01_wks_bx3 li:nth-child(2),.bs01_wks_bx3 li:nth-child(5),.bs01_wks_bx3 li:nth-child(8),.bs01_wks_bx3 li:nth-child(11){padding: 1.5% 1.5% 0 1.5%; width: 34.3333%}
.bs01_wks_bx3 li:nth-child(3),.bs01_wks_bx3 li:nth-child(6),.bs01_wks_bx3 li:nth-child(9),.bs01_wks_bx3 li:nth-child(12){padding: 1.5% 0 0 1.5%;border-right: none;}
.bs01_wks_bx3{padding:0 0 calc(20px + 3%) 0;justify-content: flex-start;}
.bs01_wkbx3_img{ margin: 0 0 calc(13px + 1.5%) 0;}
.bs01_wkbx3_txbx{}
.bs01_wkbx3_ttl{ font-size: 1.6rem; line-height: 1.2em; padding: 0 0 calc(10px + 1.5%) 0;}
.bs01_wkbx3_cate{ display: flex; margin: 0 0 calc(5px + 1%) 0;}
.bs01_wkbx3_cate p{ color: #fff; font-weight: 700; border-bottom: 1px solid #ddd; margin: 0 8px 0 0; line-height: 1em; background-color: #2a1717; padding: 8px;}
.bs01_wkbx3_tx{ margin-top: 5px; line-height: 1.55em; letter-spacing: -0.04em;}
.bs_svbx_rimgtx{ margin: 0 0 calc(5px + 1.5%) 0;}
.bs_svbx_rtxbx{ padding: calc(10px + 2%); margin: -9px 0 calc(10px + 2%) 0;}
.bs_svbx_rtxbxttl{ font-size: 1.3rem; line-height: 1.3em; margin: 0 0 calc(1px + 0.5%) 0;}
.bs_svbx_rtxbxtx{ margin: 0 0 calc(10px + 2%) 0; font-size: 1.2rem; line-height: 1.6em;}
.bs03_std_wrap{margin: 0 0 calc(40px + 4%) 0;}
.bs03_std_w{padding: calc(20px + 2%) 0; position: relative;}
.bs03_std_w_rev{ flex-direction: row-reverse;}
.bs3_std_mv{ width: 66%; position: relative;}
.bs3_std_mvnum{ position: absolute; top: calc(-30px - 6%); width:auto; left: 50px;}
.bs3_std_mvnum2{ position: absolute; top: calc(-30px - 6%); width:auto; right: 50px;}
.bs3_std_mvnumin{font-size: 1.6rem; text-align: center; display: table; line-height: 1em;}
.bs3_std_mvnumin2{font-size: 1.6rem; text-align: center; display: table; line-height: 1em; margin: 0 0 0 auto;}
.bs3_std_mvnumin span,.bs3_std_mvnumin2 span{line-height:0.7em; font-size: 12rem; display: table; text-align: center; font-weight: 300;}
.bs3_std_mtx{ width: 34%; padding: 0 3%; box-sizing: border-box;}
.bs3_std_mtxttl{padding: 15px 0 15px 40px; font-size: 1.4rem; border-bottom: 1px solid #2a1717; display: table;}
.bs3_std_mtxttl_rn{ background: url("/assets/images/bs3_icon2.png") left center/28px no-repeat;}
.bs3_std_mtxttl_de{ background: url("/assets/images/bs3_icon4.png") left center/28px no-repeat;}
.bs3_std_mtxttl_mn{background: url("/assets/images/bs3_icon1.png") left center/28px no-repeat; }
.bs3_std_mtxname{ font-size: 1.8rem; line-height: 1.5em; padding: calc(20px + 2%) 0;}
.bs3_std_mtxp{ margin: 0 0 calc(15px + 2%) 0;}
.bs03_std_w2{flex-direction: row-reverse;}
.bs3_std_subimg{ width: 48%;}
.bs3_std_subtxb{ width: 48%;}
.bs3_std_subtx{ width: 47%;}
.bs04_hmslnk{ border: 1px solid #ddd; margin: calc(20px + 5%) auto; max-width: 770px; }
.bs04_hmslogo{ background: #2a1717; padding: calc(15px + 1.5%) 10px; width: 32%; box-sizing: border-box; text-align: center;}
.bs04_hmslogo img{width: 70%; max-width: 80px;}
.bs04_hmstx{width: 68%; padding: 0 20px; box-sizing: border-box; text-align: center; background: url("/assets/images/arrow2_b.png") 95% center/27px no-repeat; font-size: 1.7rem; line-height: 1em;}

/*works*/
.wks_mv{ background: url("/assets/images/wks_hdimg.jpg") center/cover no-repeat; padding: calc(50px + 4%) 0 calc(10px + 2%) 0; margin: 0 0 calc(20px + 3%) 0;}
.wks_wrap{padding: 0 0 calc(40px + 4%) 0;}
.wks_list{margin: 0 0 calc(15px + 2.5%) 0; padding: 2%;}
.wks_list li{width: 17.35%; text-align: center; line-height: 20px;  box-sizing: border-box; }
.wks_list li:first-child{width: 12%; background:#2a1717;padding: 12px 5px;}
.wks_list li a{background: #fff url("/assets/images/arrow3_bk30.png") 96% center/5px no-repeat; padding: 12px 5px; font-size: 1.4rem;}
.wks_list li a:hover{background: #2a1717 url("/assets/images/arrow3_bk30.png") 96% center/5px no-repeat;color: #fff !important;}
.wks_nav{ border-top: 1px solid #ddd; position: relative; padding: 30px 0 0 0;}
.nws_nav{ border-top: none; position: relative; padding: 0;}
.wks_nav1{ width: 100%; position: absolute; bottom: 0; }
.wks_nav_pre,.wks_nav_nxt{ width: 100px; border-bottom: 1px solid #2a1717; line-height: 30px; text-align: center; letter-spacing: 0.2em;}
.wks_nav_pre{background: url("/assets/images/arrow3_b_r.png") left center/5px no-repeat;}
.wks_nav_nxt{background: url("/assets/images/arrow3_b.png") right center/5px no-repeat;}
.wks_nav2{ width: calc(100% - 220px); text-align: center; margin: auto;}
.wks_nav2 li,.wks_nav2 a{ display: inline-block; padding: 0 calc(6px + 0.5%); margin: 0 2px; line-height: 30px; font-size: 1.6rem; font-weight: 400; }
.wks_nav2 li.now{ border-bottom: 1px solid #2a1717;}

/*about*/
.cmp_mv{ background: url("/assets/images/cmp_hdimg.jpg") center/cover no-repeat; padding: calc(60px + 5%) 0 calc(40px + 5%) 0; margin: 0 0 calc(40px + 4%) 0;}
.cmp_itr{ margin: 0 0 calc(30px + 3%) 0; flex-direction: row-reverse;}
.cmp_itr_img{ width: 45%;margin: 0 0 calc(20px + 2%) 0;}
.cmp_itr_txb{ width: 40%; margin: 0 0 calc(20px + 2%) 0;}
.cmp_copy20{ font-size: 2rem; line-height: 1.7em; margin: 0 0 calc(20px + 4%) 0;}
.cmp_slider{ margin: 0 0 calc(30px + 4%) 0; margin-top: 100px;}
.cmp_slider .bx-wrapper{ width: 130%; z-index: 1;}
.cmp_slider .bx-viewport{ width: 100%; z-index: 1;}
.cmp_sl li{}
.cmp_list{ width: 46%; border-top: 1px solid #ddd;}
.cmp_list li{display: flex; border-bottom: 1px solid #ddd; padding: 18px 0; justify-content: space-between; align-items: center;}
.cmp_littl{ width: 90px;font-family:'Noto Sans JP', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',sans-serif; font-weight: 500; line-height: 20px;}
.cmp_litx{ width: calc(100% - 100px); font-size: 1.3rem; line-height: 20px;}
#map_canvas{ margin:calc(30px + 2%) 0 0 0; width: 100%; height: 500px; }

/*detail*/
.wks_d_wrap{ }
.wks_d_img{margin: calc(-20px - 1%) 0 calc(15px + 1%) 0; position: relative;}
.wks_d_img .bx-wrapper{ width:calc(100% - 102px) !important; z-index: 1;}
.wks_d_img .bx-wrapper,.wks_d_img .bx-viewport{ width: 100%; display: block;}
.wks_d_sl li{ text-align: center;}
.wks_d_sl li img{max-height:calc(300px + 35vw); width: auto; max-width: 100%;}
.wks_d_img .bx-pager{ width: 100px;}
.wks_d_img .bx-pager a{line-height: 0; margin: 0 0 2px 0;width: 100%; height:4.5vw;background-position: center; background-size: cover;}
.wks_d_date_w{margin: 0 0 calc(15px + 1%) 0;}
.wks_d_date{ width: 110px; text-align: center; margin: 0 0 5px 0; font-size: 1.1rem; line-height: 1.2em;}
.wks_d_cate { width: 110px; text-align: center; font-size: 1.2rem; line-height: 1em; padding: 5px;}
.wks_d_info{position: relative; align-items: flex-start; padding: 0 0 calc(50px + 6%) 0;}
.wks_d_info_l{width: 64%;}
.wks_d_info_r{width: 30%; position: sticky; top: 100px;}
.wks_d_ifttl{ font-size: 2.3rem; line-height: 30px; padding: 0 0 10px 0; border-bottom: 1px solid #ddd; margin: 0 0 calc(20px + 2%) 0;}
.wks_d_if_ctttl{ line-height: 20px; padding: 10px 0; font-size: 1rem;}
.wks_d_if_ctttl span{font-size: 1.15rem;}
.wks_d_ifsubttl{ font-size: 1.5rem; border-bottom: 1px solid #2a1717; padding: 0 0 8px 0;line-height: 1.4em; display: table; margin: 0 0 calc(5px + 2%) 0;}
.wks_d_iftx{margin: 0 0 calc(20px + 2%) 0;}
.wks_d_if_flowb{ border-top: 1px solid #ddd;}
.wks_d_if_flowb li{padding: 22px 0; border-bottom: 1px solid #ddd;}
.wks_d_if_flownum{ font-size: 4rem; width: 95px; text-align: center; line-height: 1em;}
.wks_d_if_flowtxb{ width: calc(100% - 100px);}
.wks_d_if_flowttl{ font-size: 1.5rem; line-height: 1em; padding: 0 0 calc(7px + 0.5%) 0;}
.wks_d_if_flowtx{ font-size: 1.1rem; line-height: 1.8em;}
.wks_d_if_rin{ padding:calc(10px + 1.5%);}
.wks_d_ifrin_ttl{ font-size: 1.6rem; line-height: 1.2em; padding: 0 0 calc(5px + 2%) 0; text-align: center;}
.wks_d_ifrin_li{ margin: 0 0 calc(10px + 2%) 0; width: 100%;}
.wks_d_ifrin_li li{width: 49.5%; margin: 0 0 1% 0; text-align: center; font-size: 1.2rem; padding:8px 5px; line-height: 1em;box-sizing: border-box; background: #fff;}
.wks_d_ifrin_ct{ width: 100%;}
.wks_d_ifrin_mail{ position: relative; width: 100%; margin: 0 0 calc(5px + 0.5%) 0; }
.wks_d_ifrin_mail a{font-size: 1.2rem; text-align: center; padding: 20px;background: #2a1717 url("/assets/images/wks_det_mail.png") 4% center/18px no-repeat; color: #fff;}
.wks_d_ifrin_mail:before{ width: 30px; height: 1px; right: 10px; top: 50%; z-index: 0;background: #fff;}
.wks_d_ifrin_tel{ border-bottom: 2px solid #2a1717; width: 100%;margin: 0 0 calc(10px + 0.5%) 0;}
.wks_d_ifrin_tel a{font-size: 3.5rem; line-height: 1em; padding:12px 0 12px 20px; background: url("/assets/images/wks_det_tel.png") left 55%/14px no-repeat; text-align: center;}

/*news*/
.nws_li{ padding:calc(10px + 1%); margin: 0 0 calc(30px + 3%) 0;}
.nws_libx{ width: 49.5%;}
.nws_libxttl{background: #fff url("/assets/images/arrow3_b_b.png") 96% center/10px no-repeat; cursor: pointer; text-align: center; font-size: 1.2rem; padding:15px 10px; font-weight: 500; box-sizing: border-box;}
.nws_libxttl.selected{background: #2a1717 url("/assets/images/arrow3_w_b.png") 96% center/10px no-repeat; color: #fff;}
.nws_bxwrap{ border-top: 1px solid #ddd; margin: 0 0 calc(30px + 4%) 0;}
.nws_bx{ border-bottom: 1px solid #ddd; padding: calc(20px + 0.5%) 0;}
.nws_bximg{ width: 330px;}
.nws_bxtxb{ width: calc(100% - 380px); }
.nws_libxli{padding:calc(5px + 0.5%) 0 0 0;}
.nws_libxli li{width: 49.7%;background: #fff; margin: 0 0 0.6% 0; }
.nws_libxli li a{padding: 8px 5px; text-align: center; line-height: 1em; font-size: 1.15rem;}
.nws_d_l{ width: 32%;}
.nws_d_r{ width: 60%; border-top:1px solid #ddd; padding: 20px 0; margin: 18px 0 0 0;}

.nws_d_lttl{ font-size: 2.1rem; line-height: 1.6em; padding: 0 0 calc(15px + 2.5%) 0;}
.nws_d_l_tag {display: flex; flex-wrap: wrap; margin: 0 0 calc(20px + 4%) 0;}
.nws_d_l_tag li{ padding: 5px 10px; font-size: 1.1rem; line-height: 1em; background: #f6f6f6; margin: 0 2px 2px 0;}
.nws_d_l_sharew{ padding: 0 0 calc(10px + 1%) 0; justify-content: flex-start;}
.nws_d_l_sharettl{ font-size: 1.2rem; width: 60px;}
.nws_d_l_share{width: calc(100% - 65px);justify-content: flex-start;}
.nws_d_l_share li{ padding: 0 20px; width: 18px; position: relative;}
.nws_d_l_share li:before{ width: 19px; height: 1px; background: #2a1717; top: 47%; right: -9px; position: absolute; }
.nws_d_l_share li:last-child:before{ display: none;}
.nws_d_l_nav{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0 0 calc(50px + 10%) 0;}
.nws_d_l_nav li{width: 50%; box-sizing: border-box; border-right: 1px solid #ddd;}
.nws_d_l_nav li a{font-size: 1.2rem; line-height: 1.2em; padding: 15px 0;}
.nws_d_l_nav li:nth-child(2){border: none; text-align: right;}
.nws_d_entry{}
.nws_d_entry img,.nws_d_entry p{ padding: 0 0 calc(10px + 2%) 0;}
.nws_d_entry p{font-size: 1.3rem; line-height: 1.85em;}
.nws_d_entry h1,.nws_d_entry h2,.nws_d_entry h3,.nws_d_entry h4,.nws_d_entry h5,.nws_d_entry h6{font-size: 2rem; line-height: 1.6em;padding: 15px 0 calc(10px + 2%) 0;}

/*contact*/
.ctct_w{border-top: 1px solid #ddd; margin:calc(30px + 3%) auto calc(50px + 5%); padding:calc(30px + 2%) 0 0 0; max-width: 960px;}
.ctct_itr{ margin: 0 0 calc(30px + 2%) 0;}
.ctct_bx{ position: relative; margin: 0 0 20px 0;}
.ctct_bx:before{ width: 200px; height: 1px ; background:#2a1717; top: 0; left: 0;}
.ctct_bxttl{width: 200px; font-size: 1.3rem; font-weight: 500; position: relative;}
.ctct_bxttl font{font-size: 0.8rem; line-height: 1.4em; padding: 5px 0 0 0; display: block;}
.hissu{ width: 40px; height: 18px; right: 0; top: calc(50% - 9px); position: absolute; background: #2a1717; color: #fff; font-size: 1rem; text-align: center; line-height: 18px;}
.ctct_bxr{ background: #f6f6f6; padding:calc(10px + 1%); box-sizing: border-box; width: calc(100% - 240px);}
.ctct_flx{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.ctct_radio .wpcf7-list-item{ margin: 0 20px 0 0; padding: 3px 0;}
.ctct_radio p,.wpcf7-list-item-label{font-size: 1.4rem; line-height: 22px; display: inline-block; padding: 0 0 0 5px;}
.ctct_ip_tx,.wpcf7-text{ background: none; border: none; font-size: 1.6rem; line-height: 20px; width: 100%;}
.ctct_ip_txarea{width: 100%; max-width: 100%; min-height: 100px; background: none; border: none;}
.ctct_poli{text-align: center; font-size: 1.2rem; padding: calc(40px + 2%) 0 20px 0;}
.ctct_ip_btn{ background: #2a1717; color: #fff;max-width:400px; padding: 40px 10px; text-align: center; margin: auto; display: block; width: 80%; border: none; font-size: 1.6rem; line-height: 1em; }

.pp_bx{ margin: 0 0 calc(20px + 4%) 0;}
.pp_l{ width: 265px; border-top: 1px solid #2a1717;}
.pp_r{ width:calc(100% - 295px);}
.pp_l_ttl{ font-size: 1.4rem; line-height: 1.4em; padding: 25px 0 0 0; font-weight: 500;}
.pp_li1{ padding: 20px 0 10px 15px;}
.pp_li1 li{ line-height: 1.4em; font-size: 1.2rem; text-indent: -1em; padding: 3px 0 3px 12px;}
.pp_li2{ }
.pp_li2 li{ line-height: 1.4em; font-size: 1.3rem; text-indent: -1em; padding: 0 0 8px 10px;}
.pp_li3{ padding: 0 0 30px 25px;}
.pp_li3 li{ line-height: 1.4em; font-size: 1.2rem; text-indent: -1em; padding: 3px 0 3px 12px;}
/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:1200px) {
    /*ヘッダー*/
    
    /*contents*/
    .mv_copy{ font-size: 3rem;}
    .mv_ab{ background: url("/assets/images/idx_subimg.jpg") left top/75% no-repeat;}
    .mv_abbx{ width: 42%;margin: 0 0 0 58%; padding: 0 0 calc(50px + 5%) 0;}
    .mv_ab_copy{ font-size: 3.8rem;top: calc(-50px - 6%); }
    .mv_ab_copy:before{  width: 100px; height: 1px;bottom: 13px;}
    .ft_ct_telm a{ font-size: 2.5vw; letter-spacing: 0.1em;}
    
    /*about*/
    .cn_ttl{ font-size: 3.4rem; }
    .ab_mvcopy{ font-size: 2.2rem;}
    
    /*business*/
    .bs_5bimg{ width: 390px;}
    .bs_5btxb{ width: calc(100% - 490px); padding: calc(45px + 3%) 20px calc(30px + 4%) 0; margin: 0 0 0 30px;}
    .bs_5bar{ width: 50px;}
    
    .cmp_slider .bx-wrapper{ width: 106%;}
    #map_canvas{height:calc(200px + 20vw); }
    .wks_d_img .bx-wrapper{ width:calc(100% - 92px) !important;}
    .wks_d_img .bx-pager{ width: 90px;}
}/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/

@media screen and (max-width:1024px) {
    /*ヘッダー*/
    
    /*contents*/
    .ttl22{ font-size: 2.1rem;}
    .mv_ab{ background: url("/assets/images/idx_subimg.jpg") left top/85% no-repeat;}
    .mv_abbx{ width: 48%;margin:0 0 0 52%; padding:40px 0 calc(50px + 5%) 0;}
    .mv_abin{padding: calc(20px + 4%) 0 calc(10px + 1%) calc(20px + 4%);}
    
    .mv_cmp_copy{ font-size: 3rem;}
    .idx_cmp .bx-wrapper{width: 125vw;}
    
    .cn_copy24{ font-size: 2.3rem;}
    .ab_mes_ttl{ font-size: 2.6rem;}
    
    /*business*/
    .bs_af_alp{ font-size: 3.2rem;}
    .bs_5bimg{ width: 340px;}
    .bs_5btxb{ width: calc(100% - 430px);}
    .bs_5bar{ width: 40px;}
    
    .bs_strttl{ font-size: 1.6rem;}
    .bs_svictx{ font-size: 1.35rem;}
    .bs_svbx_l{ width: 220px;}
    .bs_svbx_r{ width: calc(100% - 250px); }
    
    .bs_svbx_ttl{font-size: 1.3rem; }
    .bs_svbx_ttl2{font-size:1.9rem;}
    
    .bs01_taino p,.bs01_taino2 li{ font-size: 1.1rem;}
    .bs01_wkbx3_ttl{ font-size: 1.5rem;}
    .bs3_std_mvnum{left: 5%;}
    .bs3_std_mvnum2{ right: 5%;}
    .bs3_std_mvnumin,.bs3_std_mvnumin2{font-size: 1.4rem; }
    .bs3_std_mvnumin span,.bs3_std_mvnumin2 span{ font-size: 10rem;}
    
    .wks_list li a{ font-size: 1.3rem;}
    .wks_d_ifttl{ font-size: 2.1rem;}
    
    .wks_d_ifrin_ttl{ font-size: 1.4rem;}
    .wks_d_info_l{width: 68%;}
    .wks_d_info_r{width: 29%;}
    .wks_d_if_flownum{ font-size: 3rem; width: 70px;}
    .wks_d_if_flowtxb{ width: calc(100% - 70px);}
    
    .nws_bximg{ width: 270px;}
    .nws_bxtxb{ width: calc(100% - 300px); }
    .nws_d_lttl{ font-size: 1.9rem;}
    
    .nws_d_l_sharettl{ font-size: 1.1rem; width: 50px;}
    .nws_d_l_share{width: calc(100% - 55px);}
    .nws_d_l_share li{ padding: 0 15px; width: 17px;}
    .nws_d_l_share li:before{ width: 15px;right: -7px;}
    
}/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/
@media screen and (max-width:910px) {
    body {padding:0 0 0 60px;}
    /*ヘッダー*/
    .header{ width: 60px;}
    .logo_bx{ width: calc(100% - 61px); left: 61px;}
    
    .mv_nws_l{ width:calc(100% - 120px); padding: 14px 0;}
    .mv_nws_r{ width: 120px;}
    .mv_nws_r a{padding: 14px 0; }
    
    .mv_ab_copy{ font-size: 3.3rem;}
    .mv_cmp_copy{ font-size: 2.8rem;}
    .idx_cmp .bx-wrapper{width: 130vw;}
    
    /*footer*/
    .ft_btm_l{ width: 40%;}
    .ft_btm_logo{ max-width: 180px;}
    .ft_btm_r{ width: 55%;}
    .ft_btm_ul{width:30%; margin: 0 0 30px 0; }
    .ft_btm_ic { width:30%; margin:0; }
    
    /*about*/
    .cn_ttl{ font-size: 4.8vw; }
    .ab_mvcopy{ font-size: 3.5vw; padding: 90px 0;}
    .ab_mvcopy:before,.ab_mvcopy:after{ height: 70px;}
    
    .ab_p_tx{ padding: 0 0 calc(20px + 7%) 0;}
    .ab_mes_ttl{ font-size: 2.5rem;}
    
    .wks_d_img .bx-wrapper{ width:calc(100% - 82px) !important;}
    .wks_d_img .bx-pager{ width: 80px;}
    
    .nws_d_entry h1,.nws_d_entry h2,.nws_d_entry h3,.nws_d_entry h4,.nws_d_entry h5,.nws_d_entry h6{font-size: 1.85rem;}

}/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/

@media screen and (max-width:768px) {
    .pc{ display:none !important;}
    .sp{ display:block !important;}
    .in{ padding:0 5%;}
    .in2{ padding:0;}
    
    /*ヘッダー*/
    
    .ttl22{ font-size: 2rem;}
    .idx_bxttl span{ font-size: 1.7rem;}
    .idx_bsbx .bx-wrapper{width: 180vw;}
    .idx_wks_mttl{ font-size: 1.8rem;}
    .idx_wks_mttl2{ font-size: 1.7rem;}
    .idx_wks_sub li{width: 100% !important; padding:3% 0 !important; margin: 0; border-right: none; border-bottom:1px solid #ddd !important; display: flex; justify-content: space-between; align-items: center;}
    .idx_wks_simg{padding: 0; width: 45%; line-height:0;}
    .idx_wks_stxb{ width: 50%;}
     .mv_cmp_copy{ font-size: 2.6rem;}
    .idx_cmp .bx-wrapper{width: 140vw;}
    .idx_cmp_sltxb{ position: absolute; bottom: calc(45px + 6%); left: 5%;}
    .idx_cmp_und{ width: 100%;}
    .idx_cmp_und1{ border-right: none; padding: calc(20px + 4%) 0 0 0;}
    .idx_cmp_und2{padding:calc(20px + 4%) 0 0 0;}
    .idx_cmp_cp{top: calc(-10px - 5%);}
    
    /*footer*/
    .ft_ct li{ width:50%; padding: 0 3%}
    .ft_ct li:first-child{ width: 100%; border-bottom: 1px solid #ddd; padding:5%;}
    .ft_ct li:nth-child(2){ border: none;}
    .ft_ct_telm a{ font-size: 2.9vw;padding: calc(40px + 5%) 0;}
    .ft_ct_telm p{ font-size: 2.9vw;padding: calc(40px + 5%) 0;}
    /*contents*/
    .cn_copy24{ font-size: 2.2rem;}
    .cn_ttl2 span{font-size: 1.5em;}
    
    /*about*/
    .ab_valli_ttl{font-size: 1.2rem;}
    .ab_mes_ttl{ font-size: 2.2rem;}
    
    /*business*/
    .bs_itr_txb_ttlnum{font-size: 4.5rem; line-height: 50px; width: 90px;}
    .bs_itr_txb_ttl{ font-size: 2rem; width: calc(100% - 115px);}
    .bs_itr_txb_ttl span{display: block;}
    .bs_af_alp{ font-size: 3rem; top: -30px;}
    .bs_af_alp span{ font-size: 1.2rem;}
    .bs_af_alp:before{ height: calc(25px + 10%); top: calc(-40px - 10%);}
    .bs_af_bxin{ padding:calc(80px + 6%) calc(15px + 2%) calc(15px + 5%) calc(15px + 2%);}
    .bs_afbxin_img{ width: 70%;}
    .bs_af_bxin_ttl{ font-size:1.6rem;}
    .bs_af_bxin_li li{font-size: 1.2rem;}
    
    .bs_str_ttl{ font-size: 3.4rem;}
    .bs_str_copy{ font-size: 1.7rem;}
    /*business*/
    .bs_5bimg{ width: 290px;}
    .bs_5btxb{ width: calc(100% - 360px);margin: 0 0 0 20px;}
    .bs_5bar{ width: 30px; background: url("/assets/images/arrow2_b.png") right center/15px no-repeat;}
    .bs1_li li{width: 49.5%; padding: 15px 10px;}
    
    .bs1_3bx li{width: 100%; border-right: none; box-sizing: border-box; display: flex; justify-content: space-between; margin: 0 0 calc(15px + 2%) 0;padding: 0 0 calc(15px + 2%) 0; flex-wrap: wrap;border-bottom: 1px solid #ddd;}
    .bs_strimg{ line-height: 0; width: 40%;}
    .bs_strtxb{padding:0; width: 55%;}
    .bs_strttl{ font-size: 1.7rem; padding: 0 0 calc(10px + 1.5%) 0;}
    .bs_svicicon{width: 45px;}
    .bs_svictx{ font-size: 1.2rem; line-height: 1.2em;}
    
    .bs_svbx_l{ width: 200px;}
    .bs_svbx_r{ width: calc(100% - 220px); }
    .bs_svbx_ttl{font-size: 1.25rem; }
    .bs_svbx_ttl img{ width: 24px;}
    .bs_svbx_ttl span{ width:calc(100% - 30px);}
    .bs_svbx_ttl2{font-size:1.75rem;}
    .bs_svbx_rttl{ font-size: 1.45rem;}
    
    .bs_svbx_rimg,.bs_svbx_rimgtxb{ width: 100%; margin: 0 0 calc(5px + 2%) 0;}
    .bs01_taino li{ width: 100%; position: relative; margin: 0 0 40px 0; }
    .bs01_taino li:before{ width: 10px; left: calc(50% - 5px); top: 102%; background:url("/assets/images/bs_arrow2.png") center/100% no-repeat; height: 40px;}
    .bs01_taino li:last-child{margin: 0;}
    .bs01_taino li:last-child:before{ display: none !important;}
    .bs01_taino{margin: 0;}
    
    
    .bs01_wks_bx3 li{ margin: 0 0 3.5% 0; width: 50% !important; box-sizing: border-box; padding: 3% 3% 0 0 !important;border-right:1px solid #ddd !important;}
    .bs01_wks_bx3 li:nth-child(even){ padding: 3% 0 0 3% !important; border-right:none !important;}
    .bs01_wks_num{font-size: 1.8rem;}
    .bs_svbx_rtx li{  font-size: 1.25rem; padding: 0 0 10px 20px;}
    
    .bs3_std_mtxname{ font-size: 1.6rem; line-height: 1.4em;}
    .bs03_std_w{align-items: stretch;}
    
    .bs3_std_subtx{ width: 100%; margin: 0 0 calc(10px + 2%) 0;}
    .bs04_hmstx{font-size: 1.55rem; padding: 0 25px 0 5px;}
    
    .wks_list li{width: 19.7%; text-align: center; line-height: 20px;  box-sizing: border-box; }
    .wks_list li:first-child{width: 100%; background:#2a1717;padding: 10px 5px; margin: 0 0 5px 0;}
    .wks_list li a{ font-size: 1.15rem;}
    .wks_nav2{ width: calc(100% - 180px);}
    .wks_nav_pre,.wks_nav_nxt{ width: 80px;}
    .cmp_copy20{font-size: 1.8rem;}
    .cmp_itr_img{ width: 50%;}
    .cmp_itr_txb{ width: 46%;}
    .cmp_littl{ width: 60px;}
    .cmp_litx{ width: calc(100% - 70px); font-size: 1.2rem;}
    
    .wks_d_img .bx-wrapper{ width:calc(100% - 61px) !important;}
    .wks_d_img .bx-pager{ width: 60px;}
    
    .wks_d_info_l,.wks_d_info_r{width: 100%;}
    .wks_d_ifrin_li ,.wks_d_ifrin_ct{margin: 0; width: 48%;}
    .wks_d_ifrin_bx{align-items: flex-start;}
    .wks_d_ifrin_li li{font-size: 1.1rem;}
    
    .nws_bximg{ width: 220px;}
    .nws_bxtxb{ width: calc(100% - 240px); }
    .nws_bx{ align-items: flex-start;}
    
    .nws_d_lttl{ font-size: 1.75rem;}
    .nws_d_l_tag li{ font-size: 1rem;}
    .nws_d_l_nav{  margin: 0 0 calc(20px + 4%) 0;}
    
    .nws_d_entry h1,.nws_d_entry h2,.nws_d_entry h3,.nws_d_entry h4,.nws_d_entry h5,.nws_d_entry h6{font-size: 1.7rem;}
    
    .ctct_bxttl{width: 150px; font-size: 1.15rem;}
    .hissu{ width: 34px;}
    .ctct_bxr{width: calc(100% - 170px);}
    .ctct_bx:before{ width:150px;}
    .ctct_radio p{font-size: 1.2rem;}
    
    .pp_l{ width: 100%; border-top: 1px solid #2a1717; margin: 0 0 calc(20px + 2%);}
    .pp_r{ width:100%;}
}/*▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/


@media screen and (max-width:600px) {
    body {padding:0;}
    .on_pc{ display: none;}	
    .on_sp{ display:block !important;}
    .f13{ font-size: 1.2rem; }
    .f14{ font-size: 1.25rem;}
    .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;}
    /*バーガー*/
    .burger_out{width: 24px;height: 20px;padding: 0;left: auto; right: 5%; top: 15px;}
    .smaller .burger_out{ top: 10px;}
    .menu-trigger span {background: #fff;}
    
    /*ヘッダー*/
    .header{ width: 100%; top: 0; left: 0; background: none; height: auto; border: none; z-index: 2;}
    .logo_bx{ width: 100%;position: relative; left: auto; top: auto;}
    .logo{ width: 180px; padding:15px 0;}
    .smaller .logo{padding:9px 0;}
    .hd_ic{ width: 180px; right: auto; top: auto; bottom: 0; left: 0;}
    .hd_ic img{ width: 15px; padding: 7px 0; line-height: 0;}
    .hd_ic p{text-align: center; color: #fff;padding: 0 0 8px 0; }
    /*contents*/
    .ttl22{ font-size:1.8rem;}
    .mv_copy{ font-size: 7vw;}
    .mv_scr{ right: -68px;padding:0 130px 0 0;}
    .mv_scr:before{ width: 110px; height: 1px; background: #fff; display: block; content: ""; position: absolute; right: 0; top: 50%;}
    .mv_nws_date,.mv_nws_date2{ width:calc(100% - 105px); text-align: left;}
    .mv_nws_ttl,.mv_nws_ttl2{ width:100%; padding: 10px 0 0 0;}
    .mv_nws_l{ width:100%;}
    .mv_nws_r{ width:170px; border: 1px solid #ddd;margin:0 auto 15px auto;}
    .mv_nws_r a{padding:0; line-height: 35px; }
    
    .mv_ab{ background: url("/assets/images/idx_subimg.jpg") left top/100% no-repeat;}
    .mv_abbx{ width: 100%;margin: 0; padding: calc(100px + 25%) 0 calc(50px + 5%) 0;}
    .mv_abin{padding: calc(15px + 2%) calc(15px + 2%) 0 calc(15px + 2%);}
    .mv_ab_copy{ font-size: 2.6rem;top: calc(-30px - 4%); }
    .r_cen{ margin: 0 auto;}
    
    .idx_bxttl span{ font-size: 1.55rem;}
    .idx_bsbx .bx-wrapper{width: 240vw;}
    .idx_bssl_ttl{ font-size: 1.6rem;}
    .idx_wks_mttl{ font-size: 1.6rem;}
    .idx_wks_mttl2{ font-size: 1.4rem;}
    .idx_wks_mtxb{padding:calc(15px + 2%) calc(10px + 2%) 0 calc(10px + 2%); margin:calc(-40px - 2%) 0 0 7%;width: 86%; max-width: 600px;}
    .idx_wks_sub li{ padding:5% 0 !important; align-items: flex-start;}
    .idx_wks_simg{padding: 0; width: 40%; line-height:0;}
    .idx_wks_stxb{ width: 55%;}
    .idx_wks_stxb .idx_wks_mcate{padding: 0 0 8px 0;}
    .idx_wks_stxb .f12{ font-size: 1rem; line-height: 1.55em;}
    .idx_cmp_undttl{ font-size: 1.2rem;}
    
     .mv_cmp_copy{ font-size: 2rem;}
    
    /*footer*/
    .idx_cmp_cp{ top: calc(-10px - 3%);}
    .idx_cmp .bx-wrapper{width: 200vw;}
    .idx_cmp_sllnk{ width:100%;}
    .ft_ct li:first-child{ padding: 7% 5%;}
    .ft_ct_telm a{ font-size: 3.3vw;}
    .ft_ct_telm p{ font-size: 3.3vw;}
    .ft_ct_ttl{ font-size: 1.2rem;}
    .ft_btm_l{ width: 100%; margin:0 0 15px 0;}
    .ft_btm_logo{ max-width: 180px;}
    .ft_btm_r{ width: 100%;}
    
    /*about*/
    .cn_ttl{ font-size: 6.5vw; }
    .cn_copy24{ font-size: 1.95rem;}
    .ab_mvcopy{ font-size: 4.8vw; padding: 70px 0;}
    .ab_mvcopy:before,.ab_mvcopy:after{ height: 50px;}
    .cn_ttl2 span{font-size: 1.4em;}
    
    .ab_valli_up{display: flex; align-items: center; justify-content: space-between; margin: 0 0 15px 0;}
    .ab_valli_ic{width: 70px; margin:0;}
    .ab_valli_copy{ text-align: left; font-size: 1.5rem; padding:0; width: calc(100% - 85px); font-weight: 500;}
    .ab_valli_copy span{ font-size: 1.2rem; margin: 0 0 15px 0; line-height: 1em;}
    .ab_val_li li {width: 100% !important; padding: 7% 0 !important; margin: 0 ; border-right: none; border-bottom: 1px solid #ddd;}
    .ab_val_li li:last-child{ border: none;}
    .ab_valli_ttl{font-size: 1.2rem; padding: 0 0 calc(10px + 2%) 0;}
    
    .ab_mes_ttl{ font-size: 2.1rem; margin: 0 0 calc(10px + 3%) 0;}
    .ab_mes_l{ width: 100%; padding:0 0 calc(20px + 2%) 0;}
    .ab_mes_r{width: 100%;}
    
    /*business*/
    .bs_itr_img{ width: 100%; padding: calc(20px + 4%) 0;}
    .bs_itr_img img{width: 25%;}
    .bs_itr_txb{ width: 100%; padding:20px 10px 10px 10px;}
    .bs_itr_txb_ttlnum{font-size: 4rem; line-height: 40px; width: 75px;}
    .bs_itr_txb_ttl{ font-size: 1.8rem; width: calc(100% - 95px);}
    .bs_af_bx{ width: 49.5%; position: relative; margin: 0 0 80px 0;}
    .bs_af_bx2{margin:0;}
    .bs_af_alp{ top: -20px;}
    .bs_af_alp span{ font-size: 1rem;}
    .bs_af_bxin{ padding:calc(90px + 6%) 15px 30px 15px;}
    .bs_afbxin_img{ width: 50%;}
    .bs_af_bxin_ttl{ font-size:1.5rem;}
    .bs_af_bxin_li li{font-size: 1.1rem;}
    
    .bs_str_bx{ width: 100%;margin: 0 0 25px 0;}
    .bs_str_copy{ font-size: 1.6rem;}
    
    .bs_5bbx{ margin: 0 0 calc(50px + 2%) 0; position: relative;}
    .bs_5bimg{ width: 100%; height: 50vw;}
    .bs_5btxb{ width: calc(100% - 50px);margin: 0; padding: 20px 20px 0 0; border-top: none;}
    .bs_5bar{ width: 30px; background: url("/assets/images/arrow2_b.png") right center/15px no-repeat;border-top: none;}
    
    .cont_head{font-size: 1.6rem; line-height: 16px;}
    .cont_head span{font-size: 1.1rem;}
    .bs1_li li{font-size: 1.2rem;}
    
    .bs_strimg{ width: 100%;}
    .bs_strtxb{width: 100%;}
    .bs_strttl{ font-size: 1.55rem; padding: calc(15px + 1.5%) 0 calc(10px + 1%) 0;}
    .bs1_3bxbtm{padding: 0 0 40px 0;margin: 0 0 30px 0; }
    .bs1_3bxbtm:after{height: 40px;}
    
    .bs_svicicon{width: 35px;}
    .bs_svictx{ font-size: 1rem;}
    .bs_svbx_l,.bs_svbx_r{ width: 100%;}
    .bs_svbx_ttl2{margin: 0 0 15px 0; font-size: 1.7rem;}
    
    .bs_pm,.bs_bm{width: 67%;}
    .bs_pm{margin: 0 -7% 0 -11%; animation-duration: 2.2s;}
    .bs_bm{ margin: 0 -11% 0 -7%;animation-duration: 2.8s;}
    .bs01_wks_bx3 li{ margin: 0; width: 100% !important;padding: 4% 0 !important;border-right:none !important; display: flex; justify-content: space-between;}
    .bs01_wks_bx3 li:nth-child(even){ padding: 4% 0 !important;}
    .work_box{ width: 40%; margin: 0;}
    .bs01_wkbx3_img{ width: 40%; margin: 0; object-fit: cover; aspect-ratio: 5/3;}
    .bs01_wkbx3_txbx{ width: 55%}
    .bs01_wkbx3_ttl{ font-size: 1.4rem;}
    .bs01_wkbx3_tx{ font-size: 1.1rem;}
    .bs01_wks_num{ font-size: 1.6rem;}
    .bs01_wks_num span{ font-size:1.8em;padding: 0 5px;}
    .bs_svicon4{border-left: none; border-top:1px solid #ddd;}
    .bs_svicon4 li{ width: 100%; padding:15px 0; border-right: none; border-bottom:1px solid #ddd;}
    .bs_svicon4 .bs_svicicon{width:75px;}
    .bs_svicon4 .bs_svictx{ font-size: 1.6rem;}
    .bs_svicon4 .bs_svictxb{padding: calc(5px + 3%) 0 0 0;}
    
    .bs3_std_mv{ width: 100%;}
    .bs3_std_mtx{ width: 100%; padding:7% 5% 0 5%; box-sizing: border-box;}
    
    .bs3_std_subimg{ width: 100%; margin: 0 0 calc(10px + 2%) 0;}
    .bs3_std_subtxb{ width: 100%;}
    
    .bs04_hmstx{background: url("/assets/images/arrow2_b.png") 95% center/18px no-repeat; font-size: 1.4rem;}
    
    .wks_li_sp{padding: 0 0 calc(30px + 2%) 0;}
    .wks_list_ttl{ background: #2a1717 url("/assets/images/arrow3_w_b.png") 96% center/10px no-repeat; padding:10px 8px; text-align: center; font-size: 1.3rem;}
    .wks_list li{width: 49.5%; text-align: center; line-height: 20px;  box-sizing: border-box; margin: 0 0 1% 0; }
    .wks_list li:first-child{width: 49.5%; background:#fff;padding:0;margin: 0 0 1% 0;}
    .wks_list li a{ padding: 8px 5px; font-size: 1.3rem;}
    .wks_nav2{ width: calc(100% - 140px);}
    .wks_nav_pre,.wks_nav_nxt{ width: 60px;}
    .wks_nav_pre{text-align: right;}
    .wks_nav_nxt{ text-align: left;}
    .cmp_copy20{font-size: 1.6rem;}
    .cmp_list{ width: 100%; border-top: 1px solid #ddd;}
    .cmp_list li:last-child{ border: none;}
    
    .wks_d_img .bx-wrapper{ width:100% !important;}
    .wks_d_img .bx-pager{ width: 100%; display: flex; flex-wrap: nowrap; }
    .wks_d_img .bx-pager a{ width: 16.6666%; border-right: 1px solid #fff; box-sizing: border-box;height:7vw;}
    
    .wks_d_sl li img{max-height:calc(200px + 30vw); width: auto; max-width: 100%;}
    
    .wks_d_ifttl{ font-size: 1.9rem;}
    .wks_d_ifsubttl{ font-size: 1.4rem;}
    .wks_d_if_flownum{ font-size: 2.8rem; width: 55px; text-align: left;}
    .wks_d_if_flowtxb{ width: calc(100% - 55px);}
    .wks_d_if_flowtx{ font-size: 1rem; line-height: 1.7em;}
    
    .wks_d_ifrin_li{margin:0 0 calc(15px + 2%) 0; width: 100%;}
    .wks_d_ifrin_ct{width: 100%;}
    
    .nws_libx{ width: 100%; margin: 4px 0;}
    
    .nws_bximg{ width: 120px;}
    .nws_bxtxb{ width: calc(100% - 135px); }
    
    .nws_d_l{ width: 100%; margin: 0 0 calc(5px + 1.5%) 0;}
    .nws_d_l_tag {display: flex; flex-wrap: wrap; margin: 0 0 calc(10px + 1%) 0;}
    .nws_d_r{ width: 100%;}
    .ctct_bxttl{width: 100%; font-size: 1.45rem;padding: 25px 0 15px 0;}
    .ctct_bxr{width: 100%;}
    .ctct_flx{ justify-content: space-between;}
    .ctct_bx:before{ width:100%; background: #ddd;}
    .ctct_radio{ width: 46%; margin: 10px 0; border-bottom: 1px solid #ddd;}
}

/*404*/
.se404{
  width: 100%;
  margin-top: 100px;
}
.title404{
  font-size: 2rem;
  color: #333333;
}
.text404{
  font-size: 1.2rem;
  color: #333333;
}
.link404{
  font-size: 1.2rem;
  color: #333333;
}

.wp-pagenavi {
	margin: 40px auto;
	font-size: 14px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #333;
}
.wp-pagenavi a {
    color: #333;
}
.wp-pagenavi a:hover {
	color: #2a1717;
}
.wp-pagenavi span.current,
.wp-pagenavi a.page {
	margin: 0 10px;
	line-height: 2;
	padding: 0 12px;
	transition: .03s;
	display: block;
	border-bottom: 4px solid transparent;
}
.wp-pagenavi span.current {
	border-bottom: 4px solid #2a1717;
}
.wp-pagenavi a.page {
	background: none;
}
.wp-pagenavi a.page:hover {
	border-bottom: 4px solid #2a1717;
}
.wp-pagenavi .first,
.wp-pagenavi .extend {
	margin-right: 15px;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	display: none;
}