/* CSS Document */
@keyframes title-bar-left{ /*左から伸びる*/
0% {width: 0%;}
50%{left: 0;width: 100%;}
100%{width: 0%;left: 100%;}
}
@keyframes title-bar-right{ /*右から伸びる*/
 0%{width: 0%;}
 50%{right: 0;width: 100%;}
 100%{width: 0%;right: 100%;}
}
@keyframes flip {  /*中心を軸に回転*/
  0%{opacity: 0;transform: rotateY(0deg);}
  100% {opacity: 1;transform: rotateY(360deg);}
}


/*アニメーション*/
div.top div.top_text_box p.top_text01.visible::before{
	animation: title-bar-left 300ms 300ms forwards;
}
div.top div.top_text_box p.top_text02.visible::before{
	animation: title-bar-right 300ms 300ms forwards;
}
div.contents_title_box > p.contents_eg.visible::before,
section.fifth h1.contents_title.visible::before,
div.eighth p.contents_title.visible::before{
  animation: title-bar-left 1s forwards;
}
div.eighth h1.contents_title.visible::before{
  animation: title-bar-right 1s forwards;
}
section.third div.third_box span.t_num.visible > span{
  animation: flip 2s linear forwards;
}

div.maincolumn{
  font-family: 'Noto Serif JP', serif;
  overflow: hidden;
}
/*透明画像*/
.zero_box{
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
  display: block;
}
figure.zero_box picture{
  width: 100%;
  height: 100%;
  display: block;
}
figure.zero_box img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*タイトル*/
h1.contents_title,
p.contents_title,
div.contents_title_box{
  margin: 0 auto 25px auto;
  display: table;
}
h1.contents_title,
p.contents_title{
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
}
div.contents_title_box > p.contents_eg,
div.contents_title_box > p.contents_jp{
  color: #fff;
  font-weight: 700;
  text-align: center;
}
div.contents_title_box > p.contents_eg{
  font-size: 1.5rem;
}
div.contents_title_box > p.contents_jp{
  font-size: 1rem;
  margin-top: 0.25rem;
}
h1.under_line_title {
  color: #fff;
  border-bottom: 1px solid #fff;
  display: table;
  padding: 0 1rem;
  box-sizing: border-box;
  margin: 0 auto 25px auto;
  font-weight: 700;
  padding-bottom: 0.5rem;
  font-size: 1.1rem;
}
p.contents_title02.back{
  background-color: #534741;
  padding: 5px;
  box-sizing: border-box;
  text-align: center;
}
p.contents_title02.back span{
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 auto;
}
div.contents_title_back02{
  background-color: #534741;
  display: flex;
  margin-bottom: 20px;
  padding: 5px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
div.contents_title_back02 p.c_t_back02_eg,
div.contents_title_back02 p.c_t_back02_jp{
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
}
div.contents_title_back02 p.c_t_back02_eg{
}
div.contents_title_back02 p.c_t_back02_jp{
}
div.contents_title_noback{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 20px;
}
div.contents_title_noback p.c_t_back02_eg,
div.contents_title_noback p.c_t_back02_jp{
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
}
/*top*/
div.top{
  background-color: #f6f1eb;
}
div.top > figure{
}
div.top > figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
div.top > figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*secound*/
div.secound{
  background-color: #2f2622;
  box-sizing: border-box;
}
div.contents_title_box > p.contents_eg{
  position: relative;
  z-index: 1;
}
div.contents_title_box > p.contents_eg::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #2f2622;
}
div.secound p.secound_text{
  color: #FFF;
  text-align: center;
  line-height: 1.5rem;
  font-size: 0.9rem;
  font-weight: 200;
}
/*third*/
section.third{
  box-sizing: border-box;
  background-color: #2f2622;
}
section.third div.third_box{
  margin: 0 auto 1rem auto;
  display: flex;
}
section.third div.third_box span.t_num{
  width: 70px;
  padding-right: 25px;
  box-sizing: border-box;
  flex: none;
  position: relative;
  z-index: 1;
}
section.third div.third_box span.t_num > span{
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1em;
  transform-style: preserve-3d;
  opacity: 0;
  position: absolute;
  z-index: 2;
}
section.third div.third_box span.t_num::before{
  content: "";
  width: 0px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 0.75rem;
  z-index: 2;
  left: 2.25rem;
  transition: all 1s 700ms linear;
  opacity: 0;
}
section.third div.third_box span.t_num.visible::before{
  width: 20px;
  opacity: 1;
}
section.third div.third_box dl{
}
section.third div.third_box dl dt{
  font-weight: 600;
  color: #d8b796;
  transition: opacity 0.4s 1.5s ease-out;
  opacity: 0;
}
section.third div.third_box dl.visible dt{
  opacity: 1;
}
section.third div.third_box dl dd{
  color: #fff;
  font-size: 0.9rem;
  padding-top: 0.25rem;
  transition: opacity 0.4s 1.5s linear,transform 0.4s 1.5s linear;
  opacity: 0;
  transform: translateX(50px);
}
section.third div.third_box dl.visible dd{
  opacity: 1;
  transform: translateX(0);
}
/*fourth*/
div.forth{
  position: relative;
  z-index: 1;
  background-color: #2f2622;
}
div.forth figure{
}
div.forth figure picture{
  width: 100%;
  height: 1000%;
  display: block;
}
div.forth figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*fifth*/
section.fifth{
  background-color: #2f2622;
  box-sizing: border-box;
  overflow: hidden;
}
section.fifth h1.contents_title{
  position: relative;
  z-index: 1;
}
section.fifth h1.contents_title::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: #2f2622;
  z-index: 2;
}
section.fifth div.about_block01{
  display: flex;
  box-sizing: border-box;
}
section.fifth div.about_block01 div.about01_box{
  display: flex;
  flex-direction: column;
  align-items:center; 
}
section.fifth div.about_block01 div.about01_box span.about01_icon{
  background-color: #d8b796;
  width: 32px;
  height: 32px;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  display: table;
}
section.fifth div.about_block01 div.about01_box span.about01_icon.time{
  mask-image: url("/belchic_2021/img/2024/svg/time.svg");
  -webkit-mask-image: url("/belchic_2021/img/2024/svg/time.svg");
}
section.fifth div.about_block01 div.about01_box span.about01_icon.persoon{
  mask-image: url("/belchic_2021/img/2024/svg/person.svg");
  -webkit-mask-image: url("/belchic_2021/img/2024/svg/person.svg");
}
section.fifth div.about_block01 div.about01_box span.about01_icon.age{
  mask-image: url("/belchic_2021/img/2024/svg/age.svg");
  -webkit-mask-image: url("/belchic_2021/img/2024/svg/age.svg");
}
section.fifth div.about_block01 div.about01_box span.about01_icon.seat{
  mask-image: url("/belchic_2021/img/2024/svg/seat.svg");
  -webkit-mask-image: url("/belchic_2021/img/2024/svg/seat.svg");
}
section.fifth div.about_block01 div.about01_box dl{
}
section.fifth div.about_block01 div.about01_box dl dt,
section.fifth div.about_block01 div.about01_box dl dd{
  color: #fff;
  text-align: center;
  font-size: 0.85rem;
}
section.fifth div.about_block01 div.about01_box dl dt{
  margin-top: 0.15rem;
}
section.fifth div.about_block01 div.about01_box dl dd{
}
section.fifth div.about_block01,
section.fifth div.about_block02{
  transition: opacity 1s linear;
  opacity: 0;
}
section.fifth div.about_block01.visible,
section.fifth div.about_block02.visible{
  opacity: 1;
}
section.fifth div.about_block02{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
section.fifth div.about_block02 div.about02_box{
  width: calc((100% / 3) - 10px);
  margin: 0 5px 0 5px;
  margin-bottom: 0px;
  background-color: #736357;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  font-weight: 700;
  padding: 6px 5px;
  box-sizing: border-box;
  margin-top: 10px;
}
section.fifth div.slider-box{
}
section.fifth div.slider-box div{
}
section.fifth div.slider-box div figure{
}
section.fifth div.slider-box div figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.fifth div.slider-box div figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*sixth*/
section.sixth{
  box-sizing:border-box; 
  background-color: #736357;
  overflow: hidden;
}
section.sixth div.score_block{
}
section.sixth div.score_block dl{
  margin: 0 auto 1rem auto;
}
section.sixth div.score_block dl.odd{
  transition: transform 500ms ease,opacity 500ms ease;
  transform: translateX(-50px);
  opacity: 0;
}
section.sixth div.score_block dl.odd.visible{
  transform: translateX(0);
  opacity: 1;
}
section.sixth div.score_block dl.even{
  transition: transform 500ms ease,opacity 500ms ease;
  transform: translateX(50px);
  opacity: 0;
}
section.sixth div.score_block dl.even.visible{
  opacity: 1;
  transform: translateX(0);
}
section.sixth div.score_block dl dt{
  text-align: left;
  font-size: 0.9rem;
  padding-bottom: 5px;
  color: #fff;
  font-weight: 700;
}
section.sixth div.score_block dl dd{
  border: solid 1px #fff;
  box-sizing: border-box;
}
section.sixth div.score_block dl dd p{
  padding: 7px 5px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  font-size: 1.15rem;
}
p.score_text,
p.score_kome_text{
  text-align: center;
}
p.score_text{
  font-size: 0.95rem;
  color: #fff;
  margin-bottom: 1rem;
}
p.score_kome_text{
  color: #d8b796;
  text-align: center;
  font-size: 0.9rem;
}
/*seventh*/
div.seventh{
  background-color: #736357;
  box-sizing: border-box;
}
div.seventh div.benefits_block{
  display: flex;
  flex-wrap: wrap;
}
div.seventh div.benefits_block div.benefits_box{
  width: calc((100% / 3) - 10px);
  margin: 10px 5px 0 5px;
  transition: transform 500ms ease,opacity 500ms ease;
  opacity: 0;
}
div.seventh div.benefits_block div.benefits_box.in_left{
  transform: translateX(-50px);
}
div.seventh div.benefits_block div.benefits_box.in_right{
  transform: translateX(50px);
}
div.seventh div.benefits_block div.benefits_box.visible{
  transform: translateX(0);
  opacity: 1;
}
div.seventh div.benefits_block div.benefits_box span.b_num{
  display: table;
  color: #fff;
  font-size: 1.15rem;
}
div.seventh div.benefits_block div.benefits_box div.benefits_in_box{
  border: solid 1px #fff;
  box-sizing:border-box; 
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(((100vw - 30px) / 3) - 10px);
}
div.seventh div.benefits_block div.benefits_box div.benefits_in_box figure{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
div.seventh div.benefits_block div.benefits_box div.benefits_in_box figure::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.7);
}
div.seventh div.benefits_block div.benefits_box div.benefits_in_box figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
div.seventh div.benefits_block div.benefits_box div.benefits_in_box figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.seventh div.benefits_block div.benefits_box div.benefits_in_box p.benefits_text{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
div.seventh div.benefits_block div.benefits_box div.benefits_in_box p.benefits_text span{
  display: table;
  font-size: 1rem;
  color: #fff;
  font-weight: 700;
}
/*eighth*/
div.eighth{
  box-sizing: border-box;
  background-color: #2f2622;
}
div.eighth p.contents_title,
div.eighth h1.contents_title{
  position: relative;
  z-index: 1;
}
div.eighth p.contents_title{
  margin-bottom: 0;
}
div.eighth h1.contents_title{
}
div.eighth p.contents_title::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background-color: #2f2622;
  height: 100%;
}
div.eighth h1.contents_title::before{
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  z-index: 2;
  background-color: #2f2622;
  height: 100%;
}
dl.support_box{
  margin: 0 auto;
  padding: 1rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
dl.support_box::before{
  content: "";
  width: 0;
  height: 1px;
  background-color: #fff;
  transition: all 500ms ease;
  position: absolute;
  bottom: 0;
  right: 100%;
  z-index: 2;
}
dl.support_box.visible::before{
  right: 0;
  width: 100%;
}
dl.support_box dt,
dl.support_box dd{
  color: #fff;
  transition: opacity ease 500ms,transform ease 500ms;
  opacity: 0;
  transform: translateX(-50px);
}
dl.support_box.visible dt,
dl.support_box.visible dd{
  opacity: 1;
  transform: translateX(0);
}
dl.support_box dt{
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-bottom: 0.5rem;
}
dl.support_box dt span.check{
  width: 1rem;
  height: 1rem;
  border: solid 2px #c1272d;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  flex: none;
  margin-right: 0.5rem;
}
dl.support_box dt span.check::before{
  content: "";
  width: 1.1rem;
  height: 0.6rem;
  border-left: 2px solid #c1272d;
  border-bottom: 2px solid #c1272d;
  box-sizing: border-box;
  position: absolute;
  top: 33%;
  transform: translateY(-50%) rotate(-45deg);
  z-index: 2;
}
dl.support_box dd{
}
/*nineth*/
div.nineth{
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}
div.nineth figure.back{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
div.nineth figure.back::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: rgba(0,0,0,0.7);
}
div.nineth figure.back picture{
  width: 100%;
  height: 100%;
  display: block;
}
div.nineth figure.back img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
div.nineth dl.flow_box{
  border-bottom: 1px solid #fff;
  padding: 1rem;
  box-sizing: border-box;
  margin: 0 auto;
  transition:opacity ease 500ms,transform ease 500ms;
  opacity: 0;
  transform: translateY(50px);
}
div.nineth dl.flow_box.visible{
  opacity: 1;
  transform: translateY(0);
}
div.nineth dl.flow_box:nth-of-type(1){
  border-top: 1px solid #fff;
}
div.nineth dl.flow_box dt{
  display: flex;
  align-items: center;
  color: #fff;
  padding-bottom: 0.5rem;
}
div.nineth dl.flow_box dt span.f_num{
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background-color: #a87147;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  margin-right: 0.5rem;
}
div.nineth dl.flow_box dd{
  color: #fff;
}
/*ten*/
div.ten{
  box-sizing: border-box;
  background-color: #2f2622;
}
div.ten dl.recruit_box{
  position: relative;
  z-index: 1;
  padding: 1.5rem 1rem;
  box-sizing: border-box;
  display: flex;
}
div.ten dl.recruit_box:nth-of-type(1)::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 100%;
  z-index: 2;
  width: 0;
  height: 1px;
  background-color: #fff;
  opacity: 0;
  transition: all ease 500ms;
}
div.ten dl.recruit_box::after{
  content: "";
  position: absolute;
  height: 1px;
  width: 0;
  left: 0;
  right: 100%;
  bottom: 0;
  z-index: 2;
  background-color: #fff;
  opacity: 0;
  transition: all ease 500ms;
}
div.ten dl.recruit_box.visible:nth-of-type(1)::before,
div.ten dl.recruit_box.visible::after{
  opacity: 1;
  right: 0;
  width: 100%;
}
div.ten dl.recruit_box > dt{
  color: #fff;
  padding-bottom: 0.75rem;
}
div.ten dl.recruit_box > dd{
  color: #fff;
}
div.ten dl.recruit_box > dt,
div.ten dl.recruit_box > dd{
  opacity: 0;
  transition: opacity 500ms 250ms ease;
}
div.ten dl.recruit_box.visible > dt,
div.ten dl.recruit_box.visible > dd{
  opacity: 1;
}
div.ten dl.recruit_box > dd p.one_text{
}
.m_1{
  margin: 1rem 0;
}
.m_b_1{
  margin-bottom: 1rem;
}
.m_t_1{
  margin-top: 1rem;
}
.m_b_05{
  margin-bottom: 0.5rem;
}
.m_t_075{
  margin-top: 0.75rem;
}
.m_t_2{
  margin-top: 2rem;
}
.m_t_05{
  margin-top: 0.5rem;
}
div.line_text_box{
}
div.line_text_box span.line,
div.line_text_box span.line02{
  font-size: 3.75vw;
  display: block;
}
div.line_text_box span.line{
  font-size: 3.75vw;
}
div.line_text_box span.line02{
  font-size: 2.9vw;
}
div.line_text_box span.line.top,
div.line_text_box span.line02.top{
  margin-bottom: 0.75rem;
}
div.line_text_box span.line.bottom,
div.line_text_box span.line02.bottom{
  margin-top: 0.75rem;
}
div.line_text_box p{
  padding: 0 0.5rem;
  box-sizing: border-box;
}
div.line_text_box p span.bold{
  font-weight: 700;
  font-size: 1.2rem;
}
div.line_text_box p span.bold_big{
  font-weight: 700;
  font-size: 1.4rem;
}
.bold_only{
  font-weight: 700;
  font-size: 1.2rem;
}
p.r_text{
  padding: 0 0.5rem;
  box-sizing: border-box;
}
div.titile_in_text{
}
div.titile_in_text p.r_title{
  font-size: 1.15rem;
}
p.r_mid_title{
  font-size: 1.2rem;
}
div.titile_in_text p.t_in_text{
  padding: 0 0.5rem;
  box-sizing: border-box;
}
div.r_list_box{
  padding: 0 0.5rem;
  box-sizing: border-box;
}
div.r_list_box > p{
  margin-bottom: 0.5rem;
}
div.r_list_box > p:last-of-type{
  margin-bottom: 0;
}
p.tyoku_titile{
  margin-bottom: 0.5rem;
  font-size: 1.2rem;
}
dl.process{
  display: flex;
  margin-bottom: 0.5rem;
}
dl.process:last-of-type{
  margin-bottom: 0;
}
dl.process dt{
  width: 5rem;
}
dl.process dt span{
  display: table;
  font-size: 0.9rem;
  padding: 3px 10px;
  background-color: #f6f1eb;
  color: #2f2622;
  border-radius: 2rem;
  font-weight: 700
}
dl.process dd{
  width: calc(100% - 5rem);
  padding-left: 0.5rem;
  box-sizing: border-box;
}

div.entry{
  display: table;
  margin: 1.5rem auto 2.5rem auto;
}
div.entry a{
  display: table;
  padding: 1.75rem 0 1.75rem 0;
  background-color: #ddbb99;
  color: #2f2622;
  font-size: 1.8rem;
  border-radius: 1rem;
  font-weight: 700;
}
div.entry a span{
  position: relative;
  z-index: 1;
  display: table;
  margin: 0 auto;
  padding-right: 3rem;
  font-weight: 700;
}
div.entry a span::after{
  content: "";
  mask-image:url("/belchic_2021/img/svg/arrow.svg");
  -webkit-mask-image:url("/belchic_2021/img/svg/arrow.svg");
    mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  width: 2rem;
  height: 2rem;
  background-color: #2f2622;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
/*eleven*/
div.eleven{
  box-sizing: border-box;
  background-color: #f6f1eb;
}
div.eleven div.e_top{
  width: 100vw;
  height: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
div.eleven div.e_top span.logo{
  background: linear-gradient(to right, #a98667 0%,#ddbb99 50%,#a98667 100%);
  mask-image: url("/belchic_2021/img/2024/svg/logo02.svg");
  -webkit-mask-image: url("/belchic_2021/img/2024/svg/logo02.svg");
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  width: 45vw;
  height: 45vw;
}
div.eleven div.e_top > p{
  text-align: center;
  margin-top: 1rem;
  font-size: 1.15rem;
}
div.eleven div.e_bottom{
  background-color: #e3d7cb;
  height: 50px;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.eleven div.e_bottom::before{
  content: "";
  position: absolute;
  top: -8.7206vw;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  background-color: #e3d7cb;
  mask-image: url("/belchic_2021/img/2024/svg/logo03.svg?202404091739");
  -webkit-mask-image: url("/belchic_2021/img/2024/svg/logo03.svg?202404091739");
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  width: 60vw;
  height: 8.7206vw;
}
@media screen and (max-width:767px){
	/*スマートフォン用のスタイルをここに記載*/
  /*top*/
  div.top{
  }
  /*secound*/
  div.secound{
    padding: 50px 10px;
  }
  div.secound p.contents_title{
  }
  /*third*/
  section.third{
    padding: 0 10px 50px 10px;
  }
  section.third div.third_box{
    width: calc(100% - 30px);
    margin: 0 auto 1rem auto;
  }
  /*fourth*/
  div.forth{
  }
  /*fifth*/
  section.fifth{
    padding-top: 50px;
  }
  section.fifth div.about_block01{
    padding: 0 5px;
  }
  section.fifth div.about_block01 div.about01_box{
    width:calc(25% - 10px);
    margin: 0 5px;
  }
  section.fifth div.about_block01 div.about01_box span.about01_icon{
    background-color: #d8b796;
    width: 32px;
    height: 32px;
  }
  section.fifth div.about_block02{
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px;
  }
  section.fifth div.about_block02 div.about02_box{
  }
  section.fifth div.about_block02 div.about02_box:nth-of-type(-n+3){
  }
  section.fifth div.slider-box{
    margin-top: 10px;
  }
  section.fifth div.slider-box div figure img{
    width: 100vw;
  }
  /*sixth*/
  section.sixth{
    padding: 50px 10px;
  }
  section.sixth div.score_block{
  }
  section.sixth div.score_block dl{
    width: calc(100% - 30px);
    margin: 0 auto 1rem auto;
  }
  section.sixth div.score_block dl dt{
  }
  section.sixth div.score_block dl dd{
  }
  p.score_text,
  p.score_kome_text{
    width: calc(100% - 30px);
    margin: 0 auto;
  }
  p.score_text{
    margin-bottom: 1rem;
  }
  /*seventh*/
  div.seventh{
    padding: 0 10px 50px 10px;
  }
  div.seventh.top_padding{
    padding: 50px 10px;
  }
  div.seventh div.benefits_block{
    padding: 0 5px;
  }
  /*eighth*/
  div.eighth{
    padding: 50px 10px;
  }
  dl.support_box{
    width: calc(100% - 30px);
  }
  /*nineth*/
  div.nineth{
    padding: 50px 10px;
  }
  div.nineth dl.flow_box{
    width: calc(100% - 30px);
  }
  div.nineth dl.flow_box dt{
  }
  div.nineth dl.flow_box dd{
  }
  /*ten*/
  div.ten{
    padding: 50px 10px;
  }
  div.ten dl.recruit_box{
    flex-direction: column;
  }
  div.entry a{
    width: 50vw;
  }
  /*eleven*/
  div.eleven{
    padding:50px 0 0 0;
  }
  div.eleven{
  }
  div.eleven div.e_top{
    width: 100vw;
    height: 100vw;
  }
  div.eleven div.e_top span.logo{
    width: 45vw;
    height: 45vw;
  }
  div.eleven div.e_bottom{
    height: 50px;
  }
  div.eleven div.e_bottom::before{
    width: 60vw;
    height: 8.7206vw;
  }
}
@media screen and (max-width:320px){
	/*小さいサイズのスマートフォン用のスタイルをここに記載*/
 
}
@media screen and (min-width:768px) and (max-width:1099px){
	/*タブレット用のスタイルをここに記載*/
  /*タイトル*/
  h1.contents_title,
  p.contents_title,
  div.contents_title_box{
    margin: 0 auto 35px auto;
  }
  h1.contents_title,
  p.contents_title{
    font-size: 1.5rem;
  }
  div.contents_title_box > p.contents_eg{
    font-size: 1.5rem;
  }
  div.contents_title_box > p.contents_jp{
    font-size: 1.25rem;
    margin-top: 0.5rem;
  }
  h1.under_line_title {
    margin: 0 auto 35px auto;
    font-size: 1.5rem;
  }
  p.contents_title02.back{
    padding: 10px;
    text-align: center;
  }
  p.contents_title02.back span{
    font-size: 1.5rem;
  }
  div.contents_title_back02{
    margin-bottom: 35px;
    padding: 10px;
  }
  div.contents_title_back02 p.c_t_back02_eg,
  div.contents_title_back02 p.c_t_back02_jp{
    font-size: 1.5rem;
  }
  div.contents_title_back02 p.c_t_back02_eg{
  } 
  div.contents_title_back02 p.c_t_back02_jp{
  }
  /*top*/
  div.top{
  }
  div.top > figure{
    width: 80vw;
    margin: 0 auto;
  }
  /*secound*/
  div.secound{
    padding: 80px 10px;
  }
  div.secound p.contents_title{
  }
  /*third*/
  section.third{
    padding: 0 10vw 80px 10vw;
  }
  section.third div.third_box{
    margin-bottom: 2rem;
  }
  section.third div.third_box span.t_num {
    width: 100px;
    padding-right: 0;
  }
  section.third div.third_box span.t_num > span{
    font-size: 1.5rem;
  }
  section.third div.third_box span.t_num::before{
    right: 28.5px;
  }
  section.third div.third_box dl{
  }
  section.third div.third_box dl dt{
    font-size: 1.25rem;
  }
  section.third div.third_box dl dd{
    font-size: 1rem;
  }
  /*fourth*/
  div.forth{
  }
  div.forth figure{
    width: 80vw;
    margin: 0 auto;
  }
  div.forth figure img{
  }
  /*fifth*/
  section.fifth{
    padding: 80px 0;
  }
  section.fifth div.about_block01{
    padding: 0 10vw;
  }
  section.fifth div.about_block01 div.about01_box{
    width:calc(25% - 10px);
    margin: 0 5px;
  }
  section.fifth div.about_block01 div.about01_box span.about01_icon{
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
  }
  section.fifth div.about_block01 div.about01_box dl dt,
  section.fifth div.about_block01 div.about01_box dl dd{
    font-size: 1rem;
  }
  section.fifth div.about_block02{
    display: flex;
    flex-wrap: wrap;
    padding: 0 calc(10vw - 10px);
  }
  section.fifth div.about_block02 div.about02_box{
    padding: 10px;
    font-size: 1.2rem;
  }
  section.fifth div.about_block02 div.about02_box:nth-of-type(-n+3){
  }
  section.fifth div.slider-box{
    margin-top: 40px;
  }
  div.slider-box div.cs_item{
    width: 400px;
    margin: 0 5px;
  }
  section.fifth div.slider-box div figure img{
    width: 100%;
  }
  /*sixth*/
  section.sixth{
    padding: 80px 10vw;
  }
  section.sixth div.score_block{
  }
  section.sixth div.score_block dl{
    margin-bottom: 2rem;
  }
  section.sixth div.score_block dl dt{
    padding-bottom: 10px;
    font-size: 1rem;
  }
  section.sixth div.score_block dl dd{
  }
  section.sixth div.score_block dl dd p{
    padding: 10px;
  }
  p.score_text,
  p.score_kome_text{
    width: 100%;
    margin: 0 auto;
    font-size: 1rem;
  }
  p.score_text{
    margin-bottom: 2rem;
  }
  /*seventh*/
  div.seventh{
    padding: 0 10vw 80px 10vw;
    box-sizing: border-box;
  }
  div.seventh.top_padding{
    padding: 80px 10vw;
  }
  div.seventh div.benefits_block{
    padding: 0 10px;
  }
  div.seventh div.benefits_block div.benefits_box {
    width: calc((100% / 3) - 20px);
    margin: 20px 10px 0 10px;
  }
  div.seventh div.benefits_block div.benefits_box span.b_num{
    font-size: 1.5rem;
    margin-bottom: 5px;
  }
  div.seventh div.benefits_block div.benefits_box div.benefits_in_box{
    height: calc(((80vw - 20px) / 3) - 20px);
  }
  div.seventh div.benefits_block div.benefits_box div.benefits_in_box p.benefits_text span{
    font-size: 1.5rem;
  }
  /*eighth*/
  div.eighth{
    padding: 80px 10vw;
  }
  dl.support_box{
    width: 100%;
    padding: 1.5rem;
  }
  dl.support_box dt{
    padding-bottom: 0.75rem;
  }
  dl.support_box dt span.check{
    margin-right: 0.75rem;
    width: 1.45rem;
    height: 1.45rem;
  }
  dl.support_box dt span.check::before {
    content: "";
    width: 1.45rem;
    height: 0.75rem;
  }
  /*nineth*/
  div.nineth{
    padding: 80px 10vw;
  }
  div.nineth dl.flow_box{
    padding: 1.5rem;
  }
  div.nineth dl.flow_box dt{
    padding-bottom: 0.75rem;
  }
  div.nineth dl.flow_box dt span.f_num{
    width: 2rem;
    height: 2rem;
    margin-right: 0.75rem;
  }
  div.nineth dl.flow_box dd{
  }
  /*ten*/
  div.ten{
    padding: 80px 10vw;
  }
  div.ten dl.recruit_box{
    flex-direction: column;
  }
  div.ten dl.recruit_box > dt{
    font-size: 1.2rem;
    padding-bottom: 1rem;
  }
  div.ten dl.recruit_box > dd{
  }
  div.line_text_box span.line,
  div.line_text_box span.line02{
  }
  div.line_text_box span.line{
    font-size: 1rem;  
  }
  div.line_text_box span.line02{
    font-size: 1rem;
  }
  div.line_text_box span.line.top,
  div.line_text_box span.line02.top{
    margin-bottom: 0.75rem;
  }
  dl.process dt span{
    font-size: 0.85rem;
  }
  div.entry a{
    width: 300px;
  }
  /*eleven*/
  div.eleven{
    padding-top: 0;
  }
  div.eleven div.e_top{
    width: 100vw;
    height: 55vw;
  }
  div.eleven div.e_top span.logo{
    width: 20vw;
    height: 20vw;
  }
  div.eleven div.e_top > p{
    text-align: center;
    margin-top: 1rem;
    font-size: 1.15rem;    
  }
  div.eleven div.e_bottom{
    height: 50px;
  }
  div.eleven div.e_bottom::before{
    width: 45vw;
    height: 6.5405vw;
    top: -6.4vw;
  }
}
@media (orientation: landscape) and (max-width:568px){
	/*小さいサイズのスマートフォン用横向きのスタイルをここに記載*/
  /*top*/
  div.top{
  }
  /*seventh*/
  div.seventh div.benefits_block div.benefits_box div.benefits_in_box p.benefits_text span {
    font-size: 1.75rem;
  }
  /*eleven*/
  div.eleven{
    padding-top: 0;
  }
  div.eleven div.e_top{
    width: 100vw;
    height: 55vw;
  }
  div.eleven div.e_top span.logo{
    width: 20vw;
    height: 20vw;
  }
  div.eleven div.e_top > p{
    text-align: center;
    margin-top: 1rem;
    font-size: 1.15rem;    
  }
  div.eleven div.e_bottom{
    height: 50px;
  }
  div.eleven div.e_bottom::before{
    width: 45vw;
    height: 6.5405vw;
    top: -6.4vw;
  }
}
@media (orientation: landscape) and (min-width:569px) and (max-width:724px){
	/*大きいサイズのスマートフォン用横向きのスタイルをここに記載*/
  /*top*/
  /*seventh*/
  div.seventh div.benefits_block div.benefits_box div.benefits_in_box p.benefits_text span {
    font-size: 1.75rem;
  }
  /*eleven*/
  div.eleven{
    padding-top: 0;
  }
  div.eleven div.e_top{
    width: 100vw;
    height: 55vw;
  }
  div.eleven div.e_top span.logo{
    width: 20vw;
    height: 20vw;
  }
  div.eleven div.e_top > p{
    text-align: center;
    margin-top: 1rem;
    font-size: 1.15rem;    
  }
  div.eleven div.e_bottom{
    height: 50px;
  }
  div.eleven div.e_bottom::before{
    width: 45vw;
    height: 6.5405vw;
    top: -6.4vw;
  }
}
@media (orientation: landscape) and (min-width:725px) and (max-width:1099px){
	/*タブレット用横向きのスタイルをここに記載*/
  /*コンテンツトップ背景*/
  div.top > div.logo::before {
    width: 380px;
    height: 65px;
  }
  /*fourth*/
  div.forth{
  }
  div.forth figure{
    width: 80vw;
    margin: 0 auto;
  }
  div.forth figure img{
  }
  /*ten*/
  div.ten dl.recruit_box {
    flex-direction: inherit;
  }
  div.ten dl.recruit_box > dt{
    width: 200px;
    padding-bottom: 0;
  }
  div.ten dl.recruit_box > dd{
    width: calc(100% - 200px);
    padding-bottom: 0;
  }
  div.entry a{
    width: 350px;
  }
  /*eleven*/
  div.eleven{
    padding-top: 0;
  }
  div.eleven div.e_top{
    width: 100vw;
    height: 400px;
  }
  div.eleven div.e_top span.logo{
    width: 180px;
    height: 180px;
  }
  div.eleven div.e_top > p{
    text-align: center;
    margin-top: 1rem;
    font-size: 1.15rem;    
  }
  div.eleven div.e_bottom{
    height: 50px;
  }
  div.eleven div.e_bottom::before{
    width: 300px;
    height: 43.6032px;
    top: -42px;
  }
}
@media screen and (min-width:1100px){
	/*PC用のスタイルをここに記載*/
  /*タイトル*/
  h1.contents_title,
  p.contents_title,
  div.contents_title_box{
    margin: 0 auto 35px auto;
  }
  h1.contents_title,
  p.contents_title{
    font-size: 1.5rem;
  }
  div.contents_title_box > p.contents_eg{
    font-size: 1.5rem;
  }
  div.contents_title_box > p.contents_jp{
    font-size: 1.25rem;
    margin-top: 0.5rem;
  }
  h1.under_line_title {
    margin: 0 auto 35px auto;
    font-size: 1.5rem;
  }
  p.contents_title02.back{
    padding: 10px;
    text-align: center;
  }
  p.contents_title02.back span{
    font-size: 1.5rem;
  }
  div.contents_title_back02{
    margin-bottom: 35px;
    padding: 10px;
  }
  div.contents_title_back02 p.c_t_back02_eg,
  div.contents_title_back02 p.c_t_back02_jp{
    font-size: 1.5rem;
  }
  div.contents_title_back02 p.c_t_back02_eg{
  } 
  div.contents_title_back02 p.c_t_back02_jp{
  }
  /*top*/
  
  div.top > figure{
    width: 800px;
    margin: 0 auto;
  }
  /*secound*/
  div.secound{
    padding: 80px 10px;
  }
  div.secound p.contents_title{
  }
  /*third*/
  section.third{
    padding: 0 calc((100vw - 750px) / 2) 80px calc((100vw - 750px) / 2);
  }
  section.third div.third_box{
    margin-bottom: 2rem;
  }
  section.third div.third_box span.t_num {
    width: 100px;
    padding-right: 0;
  }
  section.third div.third_box span.t_num > span{
    font-size: 1.5rem;
  }
  section.third div.third_box span.t_num::before{
    right: 28.5px;
  }
  section.third div.third_box dl{
  }
  section.third div.third_box dl dt{
    font-size: 1.25rem;
  }
  section.third div.third_box dl dd{
    font-size: 1rem;
  }
  /*fourth*/
  div.forth{
  }
  div.forth figure{
    width: 750px;
    margin: 0 auto;
  }
  div.forth figure img{
    height: 600px;
  }
  /*fifth*/
  section.fifth{
    padding: 80px 0;
  }
  section.fifth div.about_block01{
    width: 760px;
    margin: 0 auto;
  }
  section.fifth div.about_block01 div.about01_box{
    width:calc(25% - 10px);
    margin: 0 5px;
  }
  section.fifth div.about_block01 div.about01_box span.about01_icon{
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
  }
  section.fifth div.about_block01 div.about01_box dl dt,
  section.fifth div.about_block01 div.about01_box dl dd{
    font-size: 1rem;
  }
  section.fifth div.about_block02{
    display: flex;
    flex-wrap: wrap;
    width: 760px;
    margin: 0 auto;
  }
  section.fifth div.about_block02 div.about02_box{
    padding: 10px;
    font-size: 1.2rem;
  }
  section.fifth div.about_block02 div.about02_box:nth-of-type(-n+3){
  }
  section.fifth div.slider-box{
    margin-top: 40px;
  }
  div.slider-box div.cs_item{
    width: 400px;
    margin: 0 5px;
  }
  section.fifth div.slider-box div figure img{
    width: 100%;
  }
  /*sixth*/
  section.sixth{
    padding: 80px calc((100vw - 750px) / 2);
  }
  section.sixth div.score_block{
  }
  section.sixth div.score_block dl{
    margin-bottom: 2rem;
  }
  section.sixth div.score_block dl dt{
    padding-bottom: 10px;
    font-size: 1rem;
  }
  section.sixth div.score_block dl dd{
  }
  section.sixth div.score_block dl dd p{
    padding: 10px;
  }
  p.score_text,
  p.score_kome_text{
    width: 100%;
    margin: 0 auto;
    font-size: 1rem;
  }
  p.score_text{
    margin-bottom: 2rem;
  }
  /*seventh*/
  div.seventh{
    padding: 0 calc((100vw - 750px) / 2) 80px calc((100vw - 750px) / 2);
    box-sizing: border-box;
  }
  div.seventh.top_padding{
    padding: 80px calc((100vw - 750px) / 2);
  }
  div.seventh div.benefits_block{
    padding: 0 10px;
  }
  div.seventh div.benefits_block div.benefits_box {
    width: calc((100% / 3) - 20px);
    margin: 20px 10px 0 10px;
  }
  div.seventh div.benefits_block div.benefits_box span.b_num{
    font-size: 1.5rem;
    margin-bottom: 5px;
  }
  div.seventh div.benefits_block div.benefits_box div.benefits_in_box{
    height: calc((730px / 3) - 20px);
  }
  div.seventh div.benefits_block div.benefits_box div.benefits_in_box p.benefits_text span{
    font-size: 1.5rem;
  }
  /*eighth*/
  div.eighth{
    padding: 80px calc((100vw - 750px) / 2);
  }
  dl.support_box{
    width: 100%;
    padding: 1.5rem;
  }
  dl.support_box dt{
    padding-bottom: 0.75rem;
  }
  dl.support_box dt span.check{
    margin-right: 0.75rem;
    width: 1.45rem;
    height: 1.45rem;
  }
  dl.support_box dt span.check::before {
    content: "";
    width: 1.45rem;
    height: 0.75rem;
  }
  /*nineth*/
  div.nineth{
    padding: 80px calc((100vw - 750px) / 2);
  }
  div.nineth dl.flow_box{
    padding: 1.5rem;
  }
  div.nineth dl.flow_box dt{
    padding-bottom: 0.75rem;
  }
  div.nineth dl.flow_box dt span.f_num{
    width: 2rem;
    height: 2rem;
    margin-right: 0.75rem;
  }
  div.nineth dl.flow_box dd{
  }
  /*ten*/
  div.ten{
    padding: 80px calc((100vw - 750px) / 2);
  }
  div.ten dl.recruit_box{
  }
  div.ten dl.recruit_box > dt{
    width: 200px;
    padding-bottom: 0;
  }
  div.ten dl.recruit_box > dd{
    width: calc(100% - 200px);
    padding-bottom: 0;
  }
  div.line_text_box span.line,
  div.line_text_box span.line02{
  }
  div.line_text_box span.line{
    font-size: 1rem;  
  }
  div.line_text_box span.line02{
    font-size: 1rem;
  }
  div.line_text_box span.line.top,
  div.line_text_box span.line02.top{
    margin-bottom: 0.75rem;
  }
  div.entry a{
    width: 350px;
  }
  /*eleven*/
  div.eleven{
    padding-top: 0;
  }
  div.eleven div.e_top{
    width: 100vw;
    height: 400px;
  }
  div.eleven div.e_top span.logo{
    width: 180px;
    height: 180px;
  }
  div.eleven div.e_top > p{
    text-align: center;
    margin-top: 1rem;
    font-size: 1.15rem;    
  }
  div.eleven div.e_bottom{
    height: 50px;
  }
  div.eleven div.e_bottom::before{
    width: 300px;
    height: 43.6032px;
    top: -42px;
  }
}