/* CSS Document */
@font-face {
font-family: 'NotoSansJP';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('/webcombo/fonts/NotoSerifJP-Bold.woff2') format('woff2'),
url('/webcombo/fonts/NotoSerifJP-Bold.woff') format('woff');
}
@font-face {
font-family: 'NotoSansJP';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('/webcombo/fonts/NotoSerifJP-Medium.woff2') format('woff2'),
url('/webcombo/fonts/NotoSerifJP-Medium.woff') format('woff');
}
@font-face {
font-family: 'ZenKakuGothic';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('/webcombo/fonts/ZenKakuGothicNew-Medium.woff2') format('woff2'),
url('/webcombo/fonts/ZenKakuGothicNew-Medium.woff') format('woff');
}
@font-face {
font-family: 'ZenKakuGothic';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('/webcombo/fonts/ZenKakuGothicNew-Regular.woff2') format('woff2'),
url('/webcombo/fonts/ZenKakuGothicNew-Regular.woff') format('woff');
}
@font-face {
font-family: 'Jost';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('/webcombo/fonts/Jost-Medium.woff2') format('woff2'),
url('/webcombo/fonts/Jost-Medium.woff') format('woff');
}
#wcDebug{
  display: none;
}
/*共通*/
.opa,
h1.top_catchcopy{
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  display: block;
}
div.contents_title{
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
  flex-direction: column-reverse;
  transition: opacity ease 600ms,transform ease 600ms;
  opacity: 0;
  transform: translateY(1rem);
}
div.contents_title.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
body[wc-view-type="sp"] div.contents_title{
  margin-bottom: 1.75rem;
}
body[wc-view-type="tb"] div.contents_title,
body[wc-view-type="tb-l"] div.contents_title{
  margin-bottom: 2rem;
}
body[wc-view-type="pc"] div.contents_title{
  margin-bottom: 3rem;
}
div.contents_title > h1,
div.contents_title > p{
  font-size: 1.35rem;
  color: #000;
  font-weight: 500;
  text-align: center;
}
body[wc-view-type="tb"] div.contents_title > h1 br,
body[wc-view-type="tb"] div.contents_title > p br,
body[wc-view-type="tb-l"] div.contents_title > h1 br,
body[wc-view-type="tb-l"] div.contents_title > p br,
body[wc-view-type="pc"] div.contents_title > h1 br,
body[wc-view-type="pc"] div.contents_title > p br{
  display: none;
}
body[wc-view-type="sp"] div.contents_title > h1,
body[wc-view-type="sp"] div.contents_title > p{
  font-size: 1.6rem;
}
body[wc-view-type="tb"] div.contents_title > h1,
body[wc-view-type="tb"] div.contents_title > p,
body[wc-view-type="tb-l"] div.contents_title > h1,
body[wc-view-type="tb-l"] div.contents_title > p{
  font-size: 1.75rem;
}
body[wc-view-type="pc"] div.contents_title > h1,
body[wc-view-type="pc"] div.contents_title > p{
  font-size: 1.8rem;
}
div.contents_title > span{
  letter-spacing: 0.25rem;
  font-size: 1.45rem;
  font-weight: 500;
  color: #000;
  display: block;
  margin-bottom: 0.25rem;
  font-family: "Jost"
}
body[wc-view-type="sp"] div.contents_title > span,
body[wc-view-type="tb"] div.contents_title > span,
body[wc-view-type="tb-l"] div.contents_title > span{
  font-size: 1.45rem;
}
body[wc-view-type="pc"] div.contents_title > span{
  font-size: 1.65rem;
}
/*全体*/
body{
  font-family: "ZenKakuGothic";
}
/*header*/
header{
  position: fixed;
  z-index: 9999;
  width: 100vw;
  background-color: rgba(255,255,255,0);
}
header div.header_inner{
  height: var(--headerHeight);
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
body[wc-view-type="sp"] header div.header_inner{
  padding: 0 0 0 10px;
}
body[wc-view-type="tb"] header div.header_inner,
body[wc-view-type="tb-l"] header div.header_inner{
  padding: 0 0 0 15px;
}
body[wc-view-type="pc"] header div.header_inner{
  width: 1100px;
  margin: 0 auto;
}
header div.header_inner div.logo{
}
header div.header_inner div.logo a{
  display: flex;
  align-items: center;
}
header div.header_inner div.logo a span.logo_mark,
header div.header_inner div.logo a span.logo_mark02{
  -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;
}
header div.header_inner div.logo a span.logo_mark{
  -webkit-mask-image: url("/img/svg/lp_logo01.svg");
  mask-image: url("/img/svg/lp_logo01.svg");
}
html.wctop header div.header_inner div.logo a span.logo_mark{
  background-color: #fff;
}
html.wcscroll header div.header_inner div.logo a span.logo_mark{
  background-color: #fff;
}
body[wc-view-type="sp"] header div.header_inner div.logo a span.logo_mark{
  height: 35px;
  width: 35px;
}
body[wc-view-type="tb"] header div.header_inner div.logo a span.logo_mark,
body[wc-view-type="tb-l"] header div.header_inner div.logo a span.logo_mark,
body[wc-view-type="pc"] header div.header_inner div.logo a span.logo_mark{
  height: 50px;
  width: 50px;
}
header div.header_inner div.logo a span.logo_mark02{
  -webkit-mask-image: url("/img/svg/lp_logo02_02.svg");
  mask-image: url("/img/svg/lp_logo02_02.svg");
}
html.wctop header div.header_inner div.logo a span.logo_mark02{
  background-color: #fff;
}
html.wcscroll header div.header_inner div.logo a span.logo_mark02{
  background-color: #fff;
}
body[wc-view-type="sp"] header div.header_inner div.logo a span.logo_mark02{
  height: 18px;
  width: 160px;
  margin-left: 10px;
}
body[wc-view-type="tb"] header div.header_inner div.logo a span.logo_mark02,
body[wc-view-type="tb-l"] header div.header_inner div.logo a span.logo_mark02,
body[wc-view-type="pc"] header div.header_inner div.logo a span.logo_mark02{
  height: 25px;
  width: 224px;
  margin-left: 15px;
}
header div.header_inner div.entry{
}
header div.header_inner div.entry a{
  background-color: #b70404;
  color: #fff;
  font-family: "Jost";
  text-decoration: none;
  font-weight: 500;
  width: 80px;
  font-size: 1.35rem;
  align-items: center;
  justify-content: center;
  height: var(--headerHeight);
  display: flex;
}
body[wc-view-type="sp"] header div.header_inner div.entry a{
  width: 28vw;
  font-size: 5vw;
}
body[wc-view-type="tb"] header div.header_inner div.entry a,
body[wc-view-type="tb-l"] header div.header_inner div.entry a{
  padding: 0 2.5rem;
  font-size: 1.75rem;
}
body[wc-view-type="pc"] header div.header_inner div.entry a{
  height: 50px;
  padding: 0 1.5rem;
  font-size: 1.5rem;
  line-height: 1em;
}
/*トップ*/
div.top{
  width: 100vw;
  height: 100svh;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-top: var(--headerHeight);
}
body[wc-view-type="sp"] div.top{
  width: 100vw;
  height: auto;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-top: var(--headerHeight);
  aspect-ratio: 9/16;
}
body[wc-view-type="tb"] div.top,
body[wc-view-type="tb-l"] div.top{
  padding-left: 10vw;
}
body[wc-view-type="pc"] div.top{
  padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}div.top div.top_catch_box{
  position: relative;
  z-index: 3;
}
body[wc-view-type="sp"] div.top div.top_catch_box{
  padding-top: 24vw;
}
body[wc-view-type="tb"] div.top div.top_catch_box{
  padding-top: 15vw;
}
body[wc-view-type="sp"] div.top div.top_catch_box{
  margin-top: calc(var(--headerHeight) * 2);
}
body[wc-view-type="pc"] div.top div.top_catch_box{
  margin-top: 15vw;
}
div.top > div.top_catch_box p.top_catch01{
  margin-bottom: 0.75rem;
}
div.top > div.top_catch_box p.top_catch01 span{
  font-family: "NotoSansJP";
  font-weight: 500;
  display: block;
  color: #fff;
  text-shadow: 4px 4px 5px #000;
  letter-spacing: 1vw;
}
body[wc-view-type="sp"] div.top > div.top_catch_box p.top_catch01 span{
  font-size: 11.5vw;
}
body[wc-view-type="tb"] div.top > div.top_catch_box p.top_catch01 span{
  font-size: 9vw;
}
body[wc-view-type="tb-l"] div.top > div.top_catch_box p.top_catch01 span{
  font-size: 6.5vw;
}
body[wc-view-type="pc"] div.top > div.top_catch_box p.top_catch01 span{
  font-size: 5rem;
}
div.top > div.top_catch_box p.top_catch02{
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}
div.top > div.top_catch_box p.top_catch02 span.logo{
  background-color: #fff;
  -webkit-mask-image: url("/img/svg/lp_logo01.svg");
  mask-image: url("/img/svg/lp_logo01.svg");
  -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;
  display: table;
  margin-right: 0.5rem;
}
body[wc-view-type="sp"] div.top > div.top_catch_box p.top_catch02 span.logo{
  width: 10vw;
  height: 10vw;
}
body[wc-view-type="tb"] div.top > div.top_catch_box p.top_catch02 span.logo{
  width: 8vw;
  height: 8vw;
}
body[wc-view-type="tb-l"] div.top > div.top_catch_box p.top_catch02 span.logo{
  width: 5vw;
  height: 5vw;
}
body[wc-view-type="pc"] div.top > div.top_catch_box p.top_catch02 span.logo{
  width: 4rem;
  height: 4rem;
}
div.top > div.top_catch_box p.top_catch02 span{
  font-family: "NotoSansJP";
  font-weight: 500;
  display: block;
  color: #fff;
  text-shadow: 4px 4px 5px #000;
}
body[wc-view-type="sp"] div.top > div.top_catch_box p.top_catch02 span{
  font-size: 6.5vw;
}
body[wc-view-type="tb"] div.top > div.top_catch_box p.top_catch02 span{
  font-size: 4vw;
}
body[wc-view-type="tb-l"] div.top > div.top_catch_box p.top_catch02 span{
  font-size: 3vw;
}
body[wc-view-type="pc"] div.top > div.top_catch_box p.top_catch02 span{
  font-size: 2rem;
}
div.top > div.top_catch_box p.top_catch03{
  color: #fff;
  text-shadow: 4px 4px 5px #000;
  font-family: "NotoSansJP";
  font-weight: 500;
  letter-spacing: 0.15rem;
  box-sizing: border-box;
}
body[wc-view-type="sp"] div.top > div.top_catch_box p.top_catch03{
  font-size: 5.2vw;
}
body[wc-view-type="tb"] div.top > div.top_catch_box p.top_catch03{
  font-size: 3.5vw;
}
body[wc-view-type="tb-l"] div.top > div.top_catch_box p.top_catch03{
  font-size: 3.45vw;
}
body[wc-view-type="pc"] div.top > div.top_catch_box p.top_catch03{
  font-size: 1.75rem;
  padding-left: 0.02rem;
}
div.top > figure{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
div.top > figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
body[wc-view-type="sp"] div.top > figure img.not_sp{
  display: none;
}
body:not([wc-view-type="sp"]) div.top > figure img.sp{
  display: none;
}
div.top > figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*セカンド*/
section.secound{
  box-sizing: border-box;
  width: 100vw;
  position: relative;
  z-index: 1;
}
body[wc-view-type="sp"] section.secound{
  padding: calc(var(--headerHeight) * 1.25) 5vw;
}
body[wc-view-type="tb"] section.secound,
body[wc-view-type="tb-l"] section.secound{
  padding: calc(var(--headerHeight) * 1.5) 10vw;
}
body[wc-view-type="pc"] section.secound{
  padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2);
}
section.secound > figure{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
}
section.secound > figure::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(183,4,4,0.7);
}
section.secound > figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.secound > figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.secound > h1{
  text-align: center;
  color: #fff;
  font-weight: 500;
  transition: opacity ease 600ms,transform ease 600ms;
  opacity: 0;
  transform: translateY(1rem);
}
section.secound > h1.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
body[wc-view-type="sp"] section.secound > h1{
  font-size: 1.6rem;
  margin-bottom: 1.75rem;
  line-height: 2.35rem;
}
body[wc-view-type="tb"] section.secound > h1,
body[wc-view-type="tb-l"] section.secound > h1{
  font-size: 1.75rem;
  line-height: 2.8rem;
  margin-bottom: 2rem;
}
body[wc-view-type="pc"] section.secound > h1{
  font-size: 2rem;
  line-height: 3rem;
  margin-bottom: 3rem;
}
section.secound div.secound_text{
}
section.secound div.secound_text > p{
  margin-bottom: 1.7rem;
  line-height: 1.5rem;
  color: #fff;
  transition: opacity ease 600ms,transform ease 600ms;
  opacity: 0;
  transform: translateY(1rem);
}
section.secound div.secound_text > p.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
body[wc-view-type="tb"] section.secound div.secound_text > p,
body[wc-view-type="tb-l"] section.secound div.secound_text > p,
body[wc-view-type="pc"] section.secound div.secound_text > p{
  line-height: 2.3rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
section.secound div.secound_text > p:last-of-type{
  margin-bottom: 0;
}
/*third*/
section.third{
  padding: var(--headerHeight) 0;
  background-color: #000;
  box-sizing: border-box;
  width: 100vw;
}
body[wc-view-type="sp"] section.third{
  padding: calc(var(--headerHeight) * 1.25) 5vw;
}
body[wc-view-type="tb"] section.third,
body[wc-view-type="tb-l"] section.third{
  padding: calc(var(--headerHeight) * 1.5) 10vw;
}
body[wc-view-type="pc"] section.third{
  padding: calc(var(--headerHeight) * 1.5) calc((100vw - 900px) / 2);
}
section.third div.contents_title > h1,
section.third div.contents_title > span{
  color: #fff;
}
div.third_block{
}
div.third_block div.third_box{
  border: solid 2px #b70404;
  padding: 1rem;
  box-sizing: border-box;
  margin-bottom: calc(var(--headerHeight) / 2);
  transition: opacity ease 600ms,transform ease 600ms;
  opacity: 0;
  transform: translateY(1rem);
}
div.third_block div.third_box.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
body[wc-view-type="tb"] div.third_block div.third_box,
body[wc-view-type="tb-l"] div.third_block div.third_box{
  padding: 2rem;
}
body[wc-view-type="pc"] div.third_block div.third_box{
  padding: 2.5rem;
}
div.third_block div.third_box:last-of-type{
  margin-bottom: 0;
}
div.third_img{
  display: flex;
}
body[wc-view-type="sp"] div.third_img{
  flex-wrap: wrap;
}
body[wc-view-type="sp"] div.third_img > figure:nth-of-type(1),
body[wc-view-type="sp"] div.third_img > figure:nth-of-type(2){
  width: calc(100% / 2);
}
body[wc-view-type="sp"] div.third_img > figure:nth-of-type(3){
  width: 100%;
}
body[wc-view-type="pc"] div.third_img > figure{
  width: calc(100% / 3);
}
div.third_img > figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
div.third_img > figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="sp"] div.third_img > figure:nth-of-type(3) img{
  height: 30vw;
}
body[wc-view-type="pc"] div.third_img > figure img{
  height: 250px;
}
div.third_block div.third_box p.t_title{
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
body[wc-view-type="tb"] div.third_block div.third_box p.t_title,
body[wc-view-type="tb-l"] div.third_block div.third_box p.t_title{
  margin-bottom: 1.25rem;
}
body[wc-view-type="pc"] div.third_block div.third_box p.t_title{
  margin-bottom: 1.5rem;
}
div.third_block div.third_box p.t_title span.num{
  background-color: #b70404;
  color: #fff;
  width: 40px;
  height: 40px;
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 1.25rem;
  flex: none;
  font-family: "Jost";
}
body[wc-view-type="tb"] div.third_block div.third_box p.t_title span.num,
body[wc-view-type="tb-l"] div.third_block div.third_box p.t_title span.num,
body[wc-view-type="pc"] div.third_block div.third_box p.t_title span.num{
  width: 55px;
  height: 55px;
  font-size: 1.5rem;
}
div.third_block div.third_box p.t_title span.title_text{
  font-size: 1.15rem;
  color: #fff;
  padding-left: 0.75rem;
  box-sizing: border-box;
  font-weight: 500;
}
body[wc-view-type="sp"] div.third_block div.third_box p.t_title span.title_text{
  font-size: 1.35rem;
}
body[wc-view-type="tb"] div.third_block div.third_box p.t_title span.title_text,
body[wc-view-type="tb-l"] div.third_block div.third_box p.t_title span.title_text,
body[wc-view-type="pc"] div.third_block div.third_box p.t_title span.title_text{
  font-size: 1.5rem;
}
div.third_block div.third_box div.t_text_box{
  padding: 1rem 0.75rem 0 0.75rem;
  box-sizing: border-box;
}
body[wc-view-type="tb"] div.third_block div.third_box div.t_text_box,
body[wc-view-type="tb-l"] div.third_block div.third_box div.t_text_box{
  padding: 1.25rem 1rem 0 1rem;
}
body[wc-view-type="pc"] div.third_block div.third_box div.t_text_box{
  padding: 1.5rem 1.5rem 0 1.5rem;
}
div.third_block div.third_box div.t_text_box > p{
  line-height: 1.6rem;
  color: #fff;
  margin-bottom: 0.75rem;
}
div.third_block div.third_box div.t_text_box p:last-of-type{
  margin-bottom: 0;
}
/*forth*/
section.forth{
  padding: var(--headerHeight) 0;
  box-sizing: border-box;
  background-color: #b70404;
  width: 100vw;
}
body[wc-view-type="sp"] section.forth{
  padding: calc(var(--headerHeight) * 1.25) 5vw;
}
body[wc-view-type="tb"] section.forth,
body[wc-view-type="tb-l"] section.forth{
  padding: calc(var(--headerHeight) * 1.5) 10vw;
}
body[wc-view-type="pc"] section.forth{
  padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2);
}
section.forth div.contents_title > h1,
section.forth div.contents_title > span{
  color: #fff;
}
div.forth_top_text{
  margin-bottom: 2.5rem;
  box-sizing: border-box;
}
body[wc-view-type="sp"] div.forth_top_text{
  padding: 0 1rem;
}
body[wc-view-type="pc"] div.forth_top_text{
  margin-bottom: 3.5rem;
}
div.forth_top_text p{
  line-height: 1.6rem;
  margin-bottom: 1.5rem;
  transition: opacity ease 600ms,transform ease 600ms;
  opacity: 0;
  transform: translateY(1rem);
  color: #fff;
}
div.forth_top_text p.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
body[wc-view-type="tb"] div.forth_top_text p,
body[wc-view-type="tb-l"] div.forth_top_text p,
body[wc-view-type="pc"] div.forth_top_text p{
  text-align: center;
}
div.forth_top_text p:last-of-type{
  margin-bottom: 0;
}
div.forth_block{
}
div.forth_block div.forth_box{
  display: flex;
  margin-bottom: calc(var(--headerHeight) / 2);
}
body[wc-view-type="tb-l"] div.forth_block div.forth_box,
body[wc-view-type="pc"] div.forth_block div.forth_box{
  margin-bottom: var(--headerHeight);
}
div.forth_block div.forth_box:last-of-type{
  margin-bottom: 0;
}
body[wc-view-type="sp"] div.forth_block div.forth_box,
body[wc-view-type="tb"] div.forth_block div.forth_box{
  flex-direction:column-reverse;
}
body[wc-view-type="tb-l"] div.forth_block div.forth_box:nth-of-type(even),
body[wc-view-type="pc"] div.forth_block div.forth_box:nth-of-type(even){
  flex-direction: row-reverse;
}
div.forth_block div.forth_box dl{
  box-sizing: border-box;
}
div.forth_block div.forth_box div.forth_img_box{
}
body[wc-view-type="sp"] div.forth_block div.forth_box dl{
  padding: 1rem;
}
body[wc-view-type="tb"] div.forth_block div.forth_box dl{
  padding: 2rem;
}
body[wc-view-type="tb-l"] div.forth_block div.forth_box dl,
body[wc-view-type="pc"] div.forth_block div.forth_box dl{
  width: 49%;
  box-sizing:border-box;
}
body[wc-view-type="tb-l"] div.forth_block div.forth_box:nth-of-type(odd) dl{
  padding: 1rem 3rem 0rem 0rem;
}
body[wc-view-type="tb-l"] div.forth_block div.forth_box:nth-of-type(even) dl{
  padding: 1rem 0rem 0rem 2rem;
}
body[wc-view-type="pc"] div.forth_block div.forth_box:nth-of-type(odd) dl{
  padding: 2.5rem 3.5rem 2.5rem 2.5rem;
}
body[wc-view-type="pc"] div.forth_block div.forth_box:nth-of-type(even) dl{
  padding: 2.5rem 2.5rem 2.5rem 3.5rem;
}
body[wc-view-type="tb-l"] div.forth_block div.forth_box div.forth_img_box,
body[wc-view-type="pc"] div.forth_block div.forth_box div.forth_img_box{
  width: 51%;
}
div.forth_block div.forth_box dl dt.forth_in_title{
}
body[wc-view-type="tb"] div.forth_block div.forth_box dl dt.forth_in_title,
body[wc-view-type="tb-l"] div.forth_block div.forth_box dl dt.forth_in_title,
body[wc-view-type="pc"] div.forth_block div.forth_box dl dt.forth_in_title{
  margin-bottom: 1.5rem;
}
div.forth_block div.forth_box dl dt.forth_in_title > span{
  display: table;
  position: relative;
  z-index: 1;
  color: #fff;
  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
}
div.forth_block div.forth_box dl dt.forth_in_title span:nth-of-type(1){
  margin-bottom: 0.25rem;
}
div.forth_block div.forth_box dl dt.forth_in_title > span::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  z-index: -1;
  background-color:#000;
  transition: all ease 350ms;
}
div.forth_block div.forth_box dl dt.forth_in_title.wcvisible > span::before{
  right: 0;
}
div.forth_block div.forth_box dl dt.forth_in_title > span > span{
  transition: opacity ease 350ms 350ms;
  opacity: 0;
  font-weight: 500;
}
body[wc-view-type="sp"] div.forth_block div.forth_box dl dt.forth_in_title > span > span{
  font-size: 1.5rem;
}
body[wc-view-type="tb"] div.forth_block div.forth_box dl dt.forth_in_title > span > span,
body[wc-view-type="tb-l"] div.forth_block div.forth_box dl dt.forth_in_title > span > span{
  font-size: 1.5rem;
}
body[wc-view-type="pc"] div.forth_block div.forth_box dl dt.forth_in_title > span > span{
  font-size: 1.75rem;
}
div.forth_block div.forth_box dl dt.forth_in_title.wcvisible > span > span{
  opacity: 1;
}
div.forth_block div.forth_box dl dd{
}
body[wc-view-type="sp"] div.forth_block div.forth_box dl dd{
  padding-top: 1rem;
}
body[wc-view-type="pc"] div.forth_block div.forth_box dl dd{
}
div.forth_block div.forth_box dl dd p{
  margin-bottom: 1rem;
  line-height: 1.6rem;
  transition: opacity ease 600ms,transform ease 600ms;
  opacity: 0;
  transform: translateY(1rem);
  color: #fff;
}
div.forth_block div.forth_box dl dd p.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
div.forth_block div.forth_box dl dd p:last-of-type{
  margin-bottom: 0;
}
div.forth_block div.forth_box div.forth_img_box{
  transition: opacity ease 600ms;
  opacity: 0;
}
div.forth_block div.forth_box div.forth_img_box.wcvisible{
  opacity: 1;
}
div.forth_block div.forth_box div.forth_img_box figure{
}
div.forth_block div.forth_box div.forth_img_box figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
div.forth_block div.forth_box div.forth_img_box figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="sp"] div.forth_block div.forth_box div.forth_img_box figure img{
  height: 50vw;
}
body[wc-view-type="tb"] div.forth_block div.forth_box div.forth_img_box figure img{
  height: 45vw;
}
/*fifth*/
section.fifth{
  padding: var(--headerHeight) 0;
  box-sizing: border-box;
  background-color: #000;
  width: 100vw;
}
body[wc-view-type="sp"] section.fifth{
  padding: calc(var(--headerHeight) * 1.5) 5vw;
}
body[wc-view-type="tb"] section.fifth,
body[wc-view-type="tb-l"] section.fifth{
  padding: calc(var(--headerHeight) * 1.5) 10vw;
}
body[wc-view-type="pc"] section.fifth{
  padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2);
}
section.fifth div.contents_title > h1,
section.fifth div.contents_title > span{
 color: #fff; 
}
section.fifth div.carrier_block{
  display: flex;
}
body[wc-view-type="sp"] section.fifth div.carrier_block,
body[wc-view-type="tb"] section.fifth div.carrier_block{
  flex-direction: column;
}
body[wc-view-type="tb-l"] section.fifth div.carrier_block,
body[wc-view-type="pc"] section.fifth div.carrier_block{
  flex-direction: row-reverse;
}
section.fifth div.carrier_block div.graph{
  display: flex;
  padding: 0 0.25rem;
  box-sizing: border-box;
  align-items: flex-end;
}
body[wc-view-type="tb-l"] section.fifth div.carrier_block div.graph,
body[wc-view-type="pc"] section.fifth div.carrier_block div.graph{
  width: 51%;
}
body[wc-view-type="tb-l"] section.fifth div.carrier_block div.carrier_text,
body[wc-view-type="pc"] section.fifth div.carrier_block div.carrier_text{
  width: 49%;
}
body[wc-view-type="tb-l"] section.fifth div.carrier_block div.carrier_text{
  padding: 1rem 2rem 1rem 0;
}
body[wc-view-type="pc"] section.fifth div.carrier_block div.carrier_text{
  padding: 1rem 2.5rem 1rem 0;
}
section.fifth div.carrier_block div.carrier_text p{
  transition: opacity ease 600ms;
  opacity: 0;
  color: #fff;
}
section.fifth div.carrier_block div.carrier_text p.wcvisible{
  opacity: 1;
}
section.fifth div.carrier_block div.graph div.graph_box{
  width: calc((100% / 3) - 0.5rem);
  margin: 0 0.25rem;
}
body[wc-view-type="pc"] section.fifth div.carrier_block div.graph div.graph_box{
  width: calc((100% / 3) - 1rem);
  margin: 0 0.5rem;
}
section.fifth div.carrier_block div.graph div.graph_box div.graph_line{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.fifth div.carrier_block div.graph div.graph_box div.graph_line,
body[wc-view-type="tb"] section.fifth div.carrier_block div.graph div.graph_box div.graph_line{
  height: 50vw;
}
body[wc-view-type="tb-l"] section.fifth div.carrier_block div.graph div.graph_box div.graph_line{
  height: 25vw;
}
body[wc-view-type="pc"] section.fifth div.carrier_block div.graph div.graph_box div.graph_line{
  height: 300px;
}
section.fifth div.carrier_block div.graph div.graph_box div.graph_line::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  top: 100%;
  transition: all ease 600ms;
}
section.fifth div.carrier_block div.graph div.graph_box div.graph_line.wcvisible::before{
  top: 0;
  background-color: #b70404;
}
body[wc-view-type="sp"] section.fifth div.carrier_block div.graph div.graph_box div.graph_line.one,
body[wc-view-type="tb"] section.fifth div.carrier_block div.graph div.graph_box div.graph_line.one{
  height: 42.5vw;
}
body[wc-view-type="sp"] section.fifth div.carrier_block div.graph div.graph_box div.graph_line.two,
body[wc-view-type="tb"] section.fifth div.carrier_block div.graph div.graph_box div.graph_line.two{
  height: 37.5vw;
}
body[wc-view-type="tb-l"] section.fifth div.carrier_block div.graph div.graph_box div.graph_line.one{
  height: 21.25vw;
}
body[wc-view-type="tb-l"] section.fifth div.carrier_block div.graph div.graph_box div.graph_line.two{
  height: 18.75vw;
}
body[wc-view-type="pc"] section.fifth div.carrier_block div.graph div.graph_box div.graph_line.one{
  height: 255px;
}
body[wc-view-type="pc"] section.fifth div.carrier_block div.graph div.graph_box div.graph_line.two{
  height: 225px;
}
section.fifth div.carrier_block div.graph div.graph_box div.graph_line.three{
  height: 100%;
}
section.fifth div.carrier_block div.graph div.graph_box div.graph_line dl{
  transition: opacity ease 600ms 600ms;
  opacity: 0;
}
section.fifth div.carrier_block div.graph div.graph_box div.graph_line.wcvisible dl{
  opacity: 1;
}
section.fifth div.carrier_block div.graph div.graph_box div.graph_line dl dt,
section.fifth div.carrier_block div.graph div.graph_box div.graph_line dl dd{
  color: #fff;
  font-weight: 500;
  text-align: center;
}
body[wc-view-type="tb"] section.fifth div.carrier_block div.graph div.graph_box div.graph_line dl dt{
  font-size: 1.25rem;
  line-height: 1em;
  margin-bottom: 0.25rem;
}
section.fifth div.carrier_block div.graph div.graph_box div.graph_line dl dt{
}
section.fifth div.carrier_block div.graph div.graph_box div.graph_line dl dd{
  font-size: 1.75rem;
}
body[wc-view-type="tb"] section.fifth div.carrier_block div.graph div.graph_box div.graph_line dl dd{
  font-size: 2.5rem;
}
section.fifth div.carrier_block div.graph > p{
  text-align: center;
  font-weight: 500;
  margin-top: 0.75rem;
}
section.fifth div.carrier_block div.carrier_text{
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.fifth div.carrier_block div.carrier_text{
  padding: 1rem;
}
body[wc-view-type="tb"] section.fifth div.carrier_block div.carrier_text{
  padding: 2rem;
}
body[wc-view-type="pc"] section.fifth div.carrier_block div.carrier_text{
  padding: 2.5rem;
}
section.fifth div.carrier_block div.graph div.graph_box > p {
  text-align: center;
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 0.5rem;
  line-height: 1em;
  color: #fff;
}

body[wc-view-type="tb"] section.fifth div.carrier_block div.graph div.graph_box > p{
  margin-top: 1rem;
  font-size: 1.5rem;
}
/*sixth*/
section.sixth{
  width: 100vw;
  box-sizing: border-box;
  padding: calc(var(--headerHeight) * 1.5) 0;
  background-color: #b70404;
}
body[wc-view-type="sp"] section.sixth{
  padding: calc(var(--headerHeight) * 1.25) 0;
}
section.sixth div.contents_title > h1,
section.sixth div.contents_title span{
  color: #fff;
}
div.sixth_block{
}
div.sixth_block div.sixth_box{
  display: flex;
  flex-direction: column-reverse;
}
body[wc-view-type="sp"] div.sixth_block div.sixth_box{
  width: calc(86vw - 0.5rem) !important;
  margin: 0 0.5rem !important;
}
body[wc-view-type="tb"] div.sixth_block div.sixth_box{
  width: 60vw;
  margin: 0 1rem;
}
body[wc-view-type="tb-l"] div.sixth_block div.sixth_box{
  width: 50vw !important;
  margin: 0 1rem;
}
body[wc-view-type="pc"] div.sixth_block div.sixth_box{
  width: 700px;
  margin: 0 1.25rem;
}
div.sixth_block div.sixth_box dl{
  background-color: #fff;
  height: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
body[wc-view-type="tb"] div.sixth_block div.sixth_box dl{
  padding: 1.5rem;
}
body[wc-view-type="pc"] div.sixth_block div.sixth_box dl{
  padding: 2.5rem;
}
div.sixth_block div.sixth_box dl dt{
  color: #000;
  font-size: 1.25rem;
  font-weight: 500;
  align-items: center;
  display: flex;
}
body[wc-view-type="tb"] div.sixth_block div.sixth_box dl dt,
body[wc-view-type="tb-l"] div.sixth_block div.sixth_box dl dt,
body[wc-view-type="pc"] div.sixth_block div.sixth_box dl dt{
  font-size: 1.5rem;
}
div.sixth_block div.sixth_box dl dt span.step_num{
  background-color: #b70404;
  border-radius: 50%;
  font-family: "Jost";
  color: #fff;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 50px;
  height: 50px;
  padding-top: 2px;
  box-sizing: border-box;
  font-size: 1.35rem;
  line-height: 1em;
  margin-right: 0.75rem;
}
body[wc-view-type="tb"] div.sixth_block div.sixth_box dl dt span.step_num,
body[wc-view-type="tb-l"] div.sixth_block div.sixth_box dl dt span.step_num,
body[wc-view-type="pc"] div.sixth_block div.sixth_box dl dt span.step_num{
  width: 65px;
  height: 65px;
  font-size: 1.5rem;
}
div.sixth_block div.sixth_box dl dt span.step_num > span{
  font-size: 0.95rem;
  color: #fff;
  font-family: "Jost";
  font-weight: 500;
  line-height: 1em;
  display: table;
  margin-bottom: 0.15rem;
}
body[wc-view-type="pc"] div.sixth_block div.sixth_box dl dt span.step_num > span{
  font-size: 1rem;
}
div.sixth_block div.sixth_box dl dd{
  padding: 1rem 1rem 0 1rem;
  box-sizing: border-box;
}
body[wc-view-type="pc"] div.sixth_block div.sixth_box dl dd{
  padding: 1.5rem 1.5rem 0 1.5rem;
}
div.sixth_block div.sixth_box dl dd p{
  margin-bottom: 1rem;
  line-height: 1.6rem;
  color: #000;
}
div.sixth_block div.sixth_box dl dd p:last-of-type{
  margin-bottom: 0;
}
div.sixth_block div.sixth_box div.flow_img{
}
div.sixth_block div.sixth_box div.flow_img figure{
}
div.sixth_block div.sixth_box div.flow_img figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.sixth div.sixth_box div.flow_img figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="pc"] section.sixth div.sixth_box div.flow_img figure img{
  height: 380px;
}
section.sixth div.cscontrol,
section.sixth div.csviewcount{
  display: none !important;
}
section.sixth .csarrow{
  mix-blend-mode:normal !important;
}
/*seven*/
section.seven{
  padding: var(--headerHeight) 0;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  width: 100vw;
}
body[wc-view-type="sp"] section.seven{
  padding: calc(var(--headerHeight) * 1.25) 5vw;
}
body[wc-view-type="tb"] section.seven,
body[wc-view-type="tb-l"] section.seven{
  padding: calc(var(--headerHeight) * 1.5) 10vw;
}
body[wc-view-type="pc"] section.seven{
  padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2);
}
section.seven > h1{
  font-size: 1.5rem;
  color: #fff;
  line-height: 2.35rem;
  text-align: center;
  margin-bottom: 1.5rem;
  transition: opacity ease 600ms,transform ease 600ms;
  opacity: 0;
  transform: translateY(1rem);
}
section.seven > h1.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
body[wc-view-type="sp"] section.seven > h1{
  font-size: 1.6rem;
  margin-bottom: 1.75rem;
  line-height: 2.35rem; 
}
body[wc-view-type="tb"] section.seven > h1,
body[wc-view-type="tb-l"] section.seven > h1{
  font-size: 1.75rem;
  line-height: 2.8rem;
  margin-bottom: 2rem;
}
body[wc-view-type="pc"] section.seven > h1{
  font-size: 2rem;
  margin-bottom: 3rem;
}
section.seven div.last_text_block{
}
section.seven div.last_text_block p{
  color: #fff;
  line-height: 1.8rem;
  margin-bottom: 1rem;
  transition: opacity ease 600ms,transform ease 600ms;
  opacity: 0;
  transform: translateY(1rem);
}
section.seven div.last_text_block p.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
body[wc-view-type="tb"] section.seven div.last_text_block p,
body[wc-view-type="tb-l"] section.seven div.last_text_block p,
body[wc-view-type="pc"] section.seven div.last_text_block p{
  text-align: center;
  line-height: 2.3rem;
  margin-bottom: 1.5rem;
}
section.seven div.last_text_block p:last-of-type{
  margin-bottom: 0;
}
section.seven > figure{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
}
section.seven > figure::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0,0,0,0.7);
}
section.seven > figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.seven > figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*eighth*/
div.eighth{
  padding: var(--headerHeight) 0;
  box-sizing: border-box;
  background-color: #fff;
  width: 100vw;
}
body[wc-view-type="sp"] div.eighth{
  padding: calc(var(--headerHeight) * 1.25) 5vw;
}
body[wc-view-type="tb"] div.eighth,
body[wc-view-type="tb-l"] div.eighth{
  padding: calc(var(--headerHeight) * 1.5) 10vw;
}
body[wc-view-type="pc"] div.eighth{
  padding: calc(var(--headerHeight) * 1.5) calc((100vw - 800px) / 2);
}
dl.recruit_box{
  display: flex;
  border-bottom: 1px solid #000;
  transition: opacity ease 600ms,transform ease 600ms;
  opacity: 0;
  transform: translateY(1rem);
}
dl.recruit_box.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
dl.recruit_box:first-of-type{
  border-top: 1px solid #000;
}
body[wc-view-type="sp"] dl.recruit_box{
  flex-direction: column;
}
dl.recruit_box > dt,
dl.recruit_box > dd{
  padding: 1rem;
  box-sizing: border-box;
}
dl.recruit_box > dt{
  font-weight: 500;
}
body[wc-view-type="sp"] dl.recruit_box > dt{
  padding-bottom: 0;
}
body[wc-view-type="tb-l"] dl.recruit_box > dt,
body[wc-view-type="tb"] dl.recruit_box > dt,
body[wc-view-type="pc"] dl.recruit_box > dt{
  width: 200px;
}
dl.recruit_box > dd{
}
body[wc-view-type="tb-l"] dl.recruit_box > dd,
body[wc-view-type="tb"] dl.recruit_box > dd,
body[wc-view-type="pc"] dl.recruit_box > dd{
  width: calc(100% - 200px);
}
.m_top05{
  margin-top: 0.5rem !important;
}
.m_top_015{
  margin-top: 1.5rem;
}
p.in_title{
}
div.list_block{
}
div.list_block > p{
  display: flex;
  margin-bottom: 0.75rem;
}
div.list_block > p:last-of-type{
  margin-bottom: 0;
}
div.list_block > p > span.list_type{
  width: 1rem;
  height: 1rem;
  flex: none;
  margin-right: 0.25rem;
}
div.line_title{
  width: fit-content;
}
div.line_title span.line{
  display: block;
  font-size: 1.1rem;
  line-height: 1em;
}
div.line_title span.line.top{
}
div.line_title span.line.bottom{
}
div.line_title p.line_text{
  padding: 0.45rem 1rem 0 1rem;
}
span.kome{
  display: flex;
}
span.kome > span{
  flex: none;
  width: 1rem;
  margin-right: 0.25rem;
  display: table;
}
dl.step{
  display: flex;
  margin-bottom: 1rem;
}
dl.step:last-of-type{
  margin-bottom: 0;
}
dl.step dt{
  width: 5rem;
}
dl.step dt span{
  display: table;
  background-color: #000;
  color: #fff;
  border-radius: 1rem;
  padding: 0 1rem;
  font-family: "Jost";
}
dl.step dd{
  width: calc(100% - 5rem);
  padding-left: 0.75rem;
  box-sizing: border-box;
}
/*エントリーボタン*/
div.last_entry{
  display: table;
  margin: 1.5rem auto 0 auto;
  transition: opacity ease 600ms;
  opacity: 0;
}
div.last_entry.wcvisible{
  opacity: 1;
}
div.last_entry a{
  display: table;
  padding: 1rem 3rem;
  box-sizing: border-box;
  background-color: #b70404;
  text-decoration: none;
}
div.last_entry a span{
  color: #fff;
  font-family: "Jost";
  font-size: 2.5rem;
  padding-right: 3rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
div.last_entry a span::after{
  content: "";
  -webkit-mask-image: url("/webcombo/icons/arrowright.svg");
  mask-image: url("/webcombo/icons/arrowright.svg");
    -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;
  background-color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3rem;
  height: 3rem;
  z-index: 2;
}
/*コピーライト*/
div.copy_right{
  padding: 30px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #b70404;
}
body[wc-view-type="sp"] div.copy_right{
  padding: 15px 0;
}
body[wc-view-type="tb"] div.copy_right{
  padding: 20px 0;
}
div.copy_right p{
  color: #fff;
  font-weight: 500;
}

/*スライダー*/
.cs_wrap .csarrowwrap{
  mix-blend-mode: inherit !important;
}
.cs_wrap .csarrowwrap .csarrow{
  background-color: #000 !important;
}
.cs_pagerwrap.dots .cs_pagerinner .cspager > div.csactive{
  background-color: #b70404 !important;
}