/* CSS Document */
/*透明*/
span.opa{
  width: 0;
  height: 0;
  opacity: 0;
  display: block;
  overflow: hidden;
}
/*ボタン*/
div.btn{
  display: table;
}
div.btn a{
  display: table;
  padding: 0.75rem 2.5rem 0.75rem 1rem;
  position: relative;
  z-index: 1;
  border: solid 1px #190c01;
  box-sizing: border-box;
  border-radius: 0.5rem;
  line-height: 1em;
  color: #190c01;
  font-size: 1.2rem;
  text-decoration: none;
}
div.btn a::after{
  content: "";
  position: absolute;
  right: 0.4rem;
  width: 2rem;
  height: 2rem;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  background-color: #190c01;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
}
/*マーキー部分*/
div.wccatchcopy{
  background-color: rgba(0,0,0,0) !important;
  border-bottom: 1px solid #fff !important;
}
div.wccatchcopy div.wcinner > *{
  color: #fff !important;
}
div.wccolumnwrap{
  margin-top: calc((var(--headerBtnSize) + var(--headerHeight)) * -1);
z-index: -1;
position: relative;
}
/*
.wccolumnwrap .wccolumn{
  margin-top: calc(var(--headerBtnSize) * -1);
  z-index: -1;
}*/
/*共通*/
/*ボタンボックス*/
div.btn_box{
  display: flex;
  margin-top: calc(var(--headerHeight) / 2);
}
body:not([wc-view-type="sp"]) div.btn_box{
  align-items: center;
  justify-content: center;
}
body[wc-view-type="sp"] div.btn_box{
  flex-direction: column;
  align-items: center;
}
body[wc-view-type="sp"] div.btn_box div.btn:nth-of-type(2){
  margin-top: 1rem;
}
body:not([wc-view-type="sp"]) div.btn_box div.btn:nth-of-type(1){
  margin-right: 0.75rem;
}
body:not([wc-view-type="sp"]) div.btn_box div.btn:nth-of-type(2){
  margin-left: 0.75rem;
}
/*ページタイトル*/
section.page_title{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: calc(var(--headerHeight) / 2);
box-sizing: border-box;
}
body[wc-view-type="sp"] section.page_title{
  height: 60vw;
  padding-top: var(--headerHeight);
}
body[wc-view-type="tb"] section.page_title{
  height: 35vw;
}
body[wc-view-type="tb-l"] section.page_title{
  height: 30vw;
}
body[wc-view-type="pc"] section.page_title{
  height: 350px;
}
section.page_title > h2{
  font-size: 1.35rem;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 2;
}
body[wc-view-type="sp"] section.page_title > h2{
  font-size: 1.2rem;
}
section.page_title > h2::before{
  content: "";
  font-family: "Raleway";
  font-size: 2rem;
  line-height: 1em;
  display: block;
}
section.page_title > figure{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
section.page_title > figure::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(25,12,1,0.5);
}
section.page_title > figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.page_title > figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*header------------------*/
/*header背景色*/
html.wctop header#wcheader{
  background-color: rgba(255,255,255,0) !important;
}
html.wctop header#wcheader div.headerlogo[logo-type="mask"] .wclogoimg{
  background-color: #fff !important;
}
html.wctop header#wcheader div.headerlogo:not([logo-text="none"]) span.logo02{
  background-color: #fff !important;
}
html.wctop header#wcheader .menubtn:not([btn-pos*="show"])::before{
  background-color: #fff;
}
html.wctop header#wcheader .menubtn[name]:not([btn-pos*="show"])::after{
  color: #fff !important;
}
html.wctop div.pc_menu div.pc_m_btn a{
  color: #fff !important;
}
html.wcscroll header#wcheader{
  background-color: rgba(247,240,230,0.5) !important;
}
html.wcscroll header#wcheader div.headerlogo[logo-type="mask"] .wclogoimg{
  color: var(--headerColor) !important;
}
html.wcscroll header#wcheader div.headerlogo:not([logo-text="none"]) span.logo02{
  background-color: var(--headerColor) !important;
}
html.wcscroll div.pc_menu div.pc_m_btn a{
  color: var(--headerColor) !important;
}
html.wcscroll header#wcheader .menubtn:not([btn-pos*="show"])::before{
  background-color: var(--headerColor) !important;
}
html.wcscroll header#wcheader .menubtn[name]:not([btn-pos*="show"])::after{
  color: var(--headerColor) !important;
}
header#wcheader{
  background-color: rgba(247,240,230,0.5) !important;
}
/*pcメニュー*/
div.pc_menu{
  display: flex;
  margin-left: auto;
}
div.pc_menu div.pc_m_btn{
  margin: 0 0.5rem;
}
div.pc_menu div.pc_m_btn a{
  display: flex;
  color: #000;
  height: 40px;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  box-sizing: border-box;
  text-decoration: none;
}
body:not([wc-view-type="pc"]) div.pc_menu{
  display: none;
}
/*headerロゴ位置*/
body[wc-view-type="pc"] header#wcheader div.headerlogo[logo-pos="right"]{
  left: var(--logopos) !important;
  right: inherit !important;
}
/*文字のロゴ
header#wcheader div.headerlogo:not([logo-text="none"]) h2{
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  width: 150px;
  height: 40px;
}*/
header#wcheader div.headerlogo:not([logo-text="none"]) span.logo02{
  display: block;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  width: 190px;
  height: 40px;
  -webkit-mask-image: url("/img/logo/header_text.svg?202308311131");
  mask-image: url("/img/logo/header_text.svg?202308311131");
  background-color: #190c01;
  margin-left: 0.25rem;
}
body[wc-view-type="sp"] header#wcheader div.headerlogo:not([logo-text="none"]) span.logo02{
  height: 36px;
  width: 171px;
}
header#wcheader div.headerlogo:not([logo-text="none"]) h2[wc-text-be]::before{
  display: none !important;
}
div.menubtn.no_pc{
}
body[wc-view-type="pc"] div.menubtn.no_pc{
  display: none !important;
}
/*ドロワーメニュー*/
.wcdrawermenu{
  background-color: rgba(25,12,1,0.5) !important;
  -webkit-backdrop-filter: brightness(var(--brightness)) blur(0) !important;
backdrop-filter: brightness(var(--brightness)) blur(0) !important;
}
.wcdrawermenu .wcdrawermenuwrap{
  -webkit-backdrop-filter: brightness(var(--brightness)) blur(0) !important;
  backdrop-filter: brightness(var(--brightness)) blur(0) !important;
  background-color: #f7f0e6 !important;
}
.wcdrawermenu div.wcdrawermenuwrap .closeline::before{
  display: none !important;
}
.wcdrawermenu nav ul li > a, .wcdrawermenu nav ul li > div{
  border-bottom: 1px solid rgba(25,12,1,0.5) !important;
}
.wcdrawermenu nav ul li a::after{
  background-color: #190c01;
  -webkit-mask-image: url("/code/icons/arrow_right_circle.svg") !important;
  mask-image: url("/code/icons/arrow_right_circle.svg") !important;
  opacity: 1 !important;
}
.top_border{
  border-top: solid 1px rgba(25,12,1,0.5) !important;
}
.wcdrawermenu nav ul li a::after{
  background-color: #190c01 !important;
}
.wcdrawermenu nav ul li > a, .wcdrawermenu nav ul li > div{
  color: #190c01 !important;
}
/*footer*/
footer div.footer{
  box-sizing: border-box;
}
body[wc-view-type="tb"] footer div.footer{
  padding: 0 7vw !important;
}
footer div.footer .footerflex .flexinner > dl{
  width: 100%;
}
body[wc-view-type="tb"] footer div.footer .footeritem:not(.footerlogo){
  margin-top: 3.5rem !important;
}
footer div.footerlogo{
}
body[wc-view-type="tb"] footer div.footerlogo{
  max-width: 150px !important;
}
body[wc-view-type="tb-l"] footer div.footerlogo{
  width: 150px;
}
body[wc-view-type="sp"] footer div.footerlogo .logomark{
  width: 130px;
}
body[wc-view-type="sp"] div.logotype {
  height: 18px;
  max-width: 180px;
  margin: 0 auto;
}
body[wc-view-type="sp"] footer div.footer .footeritem:not(.footerlogo){
  margin-top: 0 !important;
  margin-bottom: 1.5rem;
}
dl.partner_block{
  display: flex;
}
body[wc-view-type="sp"] dl.partner_block,
body[wc-view-type="tb"] dl.partner_block,
body[wc-view-type="tb-l"] dl.partner_block{
  flex-direction: column;
}
dl.partner_block dt{
  text-align: left;
}
dl.partner_block dt > span{
  display: table;
  font-size: 0.85rem;
  padding: 0.25rem 0.75rem;
  line-height: 1em;
  position: relative;
  z-index: 1;
  width: 7.7rem;
  border: solid 1px #190c01;
  box-sizing: border-box;
  border-radius: 1rem;
}
dl.partner_block dd{
  text-align: left;
  box-sizing:border-box; 
}
body[wc-view-type="tb"] dl.partner_block dd,
body[wc-view-type="tb-l"] dl.partner_block dd,
body[wc-view-type="sp"] dl.partner_block dd{
  padding: 0.25rem 0.25rem 0 0.25rem;
}
body[wc-view-type="pc"] dl.partner_block dd{
  width: calc(100% - 7.7rem);
  padding-left: 0.75rem;
}
p.partner_company,
div.partner_link a{
  font-weight: 300 !important;
}
#wcfooter .footerflex .wc-dlbox_tel dt::before,
#wcfooter .footerflex .wc-dlbox_address dt::before{
  background-color: #190c01 !important;
}
#wcfooter .footerflex .wc-dlbox_tel dt::after,
#wcfooter .footerflex .wc-dlbox_address dt::after{
  background-color: rgba(255,255,255,0) !important;
  border: solid 1px #190c01 !important;
  box-sizing: border-box;
}
#wcfooter .wc-dlbox_address *{
  font-weight: 300 !important;
}
footer dl.footercontact{
  border-color: #190c01 !important;
  border-radius: 1.5rem;
}
footer dl.footercontact > dt[wc-text-af]::after{
  display: none !important;
  padding-bottom: 0.25rem;
}
footer dl.footercontact div.conditions dl dt::before{
  background-color: rgba(255,255,255,0) !important;
  border: solid 1px #190c01 !important;
  color: #190c01 !important;
  padding: 0.2rem 0.6rem !important;
}
footer dl.footercontact .contactbtnarea .wc-dlbox_tel dt::before{
  background-color: #190c01 !important;
}
footer dl.footercontact .contactbtnarea .wc-dlbox_tel dt::after{
  background-color: rgba(255,255,255,0) !important;
  border: solid 1px #190c01 !important;
  box-sizing: border-box;
}
dl.footercontact div.contactbtnarea a.wc-button{
  background-color: rgba(255,255,255,0) !important;
  border: solid 1px #190c01 !important;
  color: #190c01 !important;
}
dl.footercontact div.contactbtnarea a.wc-button::before,
dl.footercontact div.contactbtnarea a.wc-button::after{
  background-color: #190c01 !important;
}
body[wc-view-type="sp"] footer .footertextlinks{
  max-width: 100% !important;
  justify-content: center;
  width: 100% !important;
}
footer .footertextlinks > div:not(:last-child):not(.nonemargin){
  margin-right: 1.5rem !important;
}
footer .footertextlinks > div + div:not(.noneline)::before{
  display: none !important;
}
body[wc-view-type="tb"] footer div.footer .footeritem.overitem{
  width: 100% !important;
  flex-direction: column !important;
}
body[touch-pos] footer div.footer::before, body[touch-pos] footer div.footer::after{
  width:1px !important;
  background-color:rgba(25,12,1,0.5) !important;
}
body[touch-pos] footer div.footer{
  border-color: rgba(25,12,1,0.5) !important;
}
#wcscrollbtns .scrollbtnwrap.left{
  right: 0 !important;
}
/*トップボタン*/
#wcscrollbtns .scrollbtnwrap .wcscrbtn{
  background-color: rgba(25,12,1,0.5) !important;
  color: #fff !important;
  font-weight: 300 !important;
  border-radius: 0.55rem !important;
}
#wcscrollbtns .scrollbtnwrap .wcscrbtn[btn-type="page"]::after{
  background-color: #fff !important;
}