/* CSS Document */
@keyframes fade_up{
  0%{
    opacity:0;
    transform: translateY(3rem);
  }
  100%{
    opacity:1;
    transform: translateY(0);
  }
}
@keyframes b_title_opa{
  0%{
    opacity:0;
  }
  100%{
    opacity:1;
  }
}
@keyframes b_title_scale{
  0%{
    transform: scale(0,1);
    opacity: 0;
  }
  20%{
    transform: scale(0,1);
    opacity: 1;
  }
  100%{
    transform: scale(1,1);
    opacity: 1;
  }
}
@keyframes b_title_border{
  0% {
  width: 100%;
    transform: scale(0,1);
}
10% {
  width: 100%;
  transform: scale(0,1);
}
100% {
  width: 100%;
  transform: scale(1,1);
}
}
section.top > div.top_text div.logo.wcvisible{
  animation: fade_up 1000ms ease-out forwards; 
}
section.business div.business_block div.b_block_title.wcvisible > p > span{
  animation: b_title_opa 1000ms linear 500ms forwards; 
}
section.business div.business_block div.b_block_title.wcvisible > p::after{
  animation: b_title_scale 700ms 300ms ease forwards;
}
section.business div.business_block div.b_block_title.wcvisible::before{
  animation: b_title_border 500ms 200ms ease forwards;
}




/*スライダー*/
section.top{
  position: relative;
  z-index: 1;
  height: var(--windowfixdheight);
}
section.top > div.top_text{
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
section.top > div.top_text div.logo{
  display: flex;
  align-items: center;
  flex-direction: column;
}
body[wc-view-type="sp"] section.top > div.top_text div.logo{
  margin-bottom: 6vw;
}
body[wc-view-type="tb"] section.top > div.top_text div.logo{
  margin-bottom: 4vw;
}
body[wc-view-type="tb-l"] section.top > div.top_text div.logo{
  margin-bottom: 3vw;
}
body[wc-view-type="pc"] section.top > div.top_text div.logo{
  margin-bottom: 1.5rem;
}
section.top > div.top_text div.logo div.mark{
  -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: url("/img/top/slider/slider_mark.svg?202308221607");
  mask-image: url("/img/top/slider/slider_mark.svg?202308221607");
  background-color: #fff;
}
body[wc-view-type="sp"] section.top > div.top_text div.logo div.mark{
  width: 50vw;
  height: 50vw;
  margin-bottom: 6vw;
}
body[wc-view-type="tb"] section.top > div.top_text div.logo div.mark{
  width: 25vw;
  height: 25vw;
  margin-bottom: 4vw;
}
body[wc-view-type="tb-l"] section.top > div.top_text div.logo div.mark{
  width: 20vw;
  height: 20vw;
  margin-bottom: 3vw;
}
body[wc-view-type="pc"] section.top > div.top_text div.logo div.mark{
  width: 210px;
  height: 210px;
  margin-bottom: 2rem;
}
section.top > div.top_text div.logo div.name{
  -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: url("/img/top/slider/slider_name.svg?202308221607");
  mask-image: url("/img/top/slider/slider_name.svg?202308221607");
  background-color: #fff;
}
body[wc-view-type="sp"] section.top > div.top_text div.logo div.name{
  width: 61vw;
  height: 5.15vw;
}
body[wc-view-type="tb"] section.top > div.top_text div.logo div.name{
  width: 31vw;
  height: 2.58vw;
}
body[wc-view-type="tb-l"] section.top > div.top_text div.logo div.name{
  width: 25vw;
  height: 2.1vw;
}
body[wc-view-type="pc"] section.top > div.top_text div.logo div.name{
  width: 250px;
  height: 20px;
}
section.top > div.top_text > h2{
  -webkit-transition: clip-path 1000ms 500ms ease;
  transition: clip-path 1000ms 500ms ease;
      -webkit-clip-path: circle(0 at 50% 50%);
    clip-path: circle(0 at 50% 50%);
  color: #fff;
  line-height: 1em;
  font-size: 1.8rem;
  opacity: 0;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.top > div.top_text > h2.wcvisible{
  opacity: 1;
  webkit-clip-path: circle(100% at 50% 50%);
  clip-path: circle(100% at 50% 50%);
}
body[wc-view-type="tb"] section.top > div.top_text > h2,
body[wc-view-type="tb-l"] section.top > div.top_text > h2,
body[wc-view-type="pc"] section.top > div.top_text > h2 {
  font-size: 2rem;
}

section.top > div.top_text > h2 .parentheses{
  line-height: 1em;
  font-size: 1.8rem;
  display: block;
  margin-top: 0.5rem;
}
body[wc-view-type="sp"] section.top > div.top_text > h2 .parentheses{
  margin-top: 0.35rem;
}
section.top div.top_slider{
  height: var(--windowMaxHeight);
}
section.top div.top_slider div.cs_wrap.comboslider-fade{
  
  height: var(--windowfixdheight);
}
section.top div.top_slider div.slider_block div.t_slider_box{
}
section.top div.top_slider div.slider_block div.t_slider_box figure{
  position: relative;
  z-index: 1;
}
section.top div.top_slider div.slider_block div.t_slider_box figure::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: rgba(25,12,1,0.35);
}
section.top div.top_slider div.slider_block div.t_slider_box figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.top div.top_slider div.slider_block div.t_slider_box figure img{
  height: var(--windowfixdheight) !important;
  width: 100vw;
  object-fit: cover;
}
.cs_wrap[class*="fade"] .comboslider .cs_item img:not(.wcnotinterfere){
  height: var(--windowfixdheight) !important;
  width: 100vw !important;
}
/*サンエステートについて*/
section.about{
  padding: calc(var(--headerHeight) * 1.5) 0;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
body[wc-view-type="sp"] section.about{
  padding: calc(var(--headerHeight) * 1.2) 10vw;
}
body[wc-view-type="tb"] section.about{
  padding: calc(var(--headerHeight) * 1.5) 7vw;
}
body[wc-view-type="tb-l"] section.about{
  padding: calc(var(--headerHeight) * 1.5) 8vw;
}
section.about figure.back_deco{
  position: absolute;
  top: calc(var(--headerHeight) / 2);
  right: calc((100vw - 1100px) / 2);
  z-index: -1;
  opacity: 0.5;
  width: 450px;
  -webkit-mask-image: linear-gradient(to right, rgba(255,255,255,0) 0.5rem,rgb(255, 255, 255) 3rem,rgb(255, 255, 255) calc(100% - 4rem),rgba(255,255,255,0) calc(100% - 0.5rem));
  mask-image: linear-gradient(to right, rgba(255,255,255,0) 0.5rem,rgb(255, 255, 255) 3rem,rgb(255, 255, 255) calc(100% - 4rem),rgba(255,255,255,0) calc(100% - 0.5rem));
}
body[wc-view-type="sp"] section.about figure.back_deco{
  right: 0;
  top: 0;
  width: 90vw;
}
body[wc-view-type="tb"] section.about figure.back_deco{
  right: 0;
  width: 55vw;
}
body[wc-view-type="tb-l"] section.about figure.back_deco{
  right: -4vw;
}
section.about figure.back_deco picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.about figure.back_deco img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.about > h2{
  font-size: 1.35rem;
  color: #190c01;
  text-align: center;
  margin-bottom: 3rem;
  letter-spacing: 0.35rem;
  font-weight: 500;
  -webkit-transition: opacity 1000ms linear;
  transition: opacity 1000ms linear;
  opacity: 0;
}
section.about > h2.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.about > h2{
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
}
body[wc-view-type="tb"] section.about > h2{
  margin-bottom: 2rem;
  text-align: center;
}
section.about > h2::before{
  content: "About";
  font-family: "Raleway";
  font-size: 2rem;
  line-height: 1em;
  margin-bottom: 0.5rem;
  display: block;
}
div.about_text{
  display: flex;
}
body[wc-view-type="sp"] div.about_text,
body[wc-view-type="tb"] div.about_text{
  flex-direction: column;
}
body[wc-view-type="tb-l"] div.about_text,
body[wc-view-type="pc"] div.about_text{
  flex-direction: row-reverse;
}
body[wc-view-type="pc"] div.about_text{
  width: 1100px;
  margin: 0 auto;
}
body[wc-view-type="tb-l"] div.about_text > div.a_text_box,
body[wc-view-type="pc"] div.about_text > div.a_text_box{
  width: 55%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
div.about_text > div.a_text_box{
  -webkit-transition: opacity 1000ms linear;
  transition: opacity 1000ms linear;
  opacity: 0;
}
div.about_text div.a_text_box.wcvisible{
  opacity: 1;
}
body[wc-view-type="tb"] div.about_text > div.a_text_box{
  padding: 0 2rem 1.5rem 2rem;
}
body[wc-view-type="tb-l"] div.about_text > div.a_text_box{
  padding: 1.5rem 0 0 2rem;
}
body[wc-view-type="pc"] div.about_text > div.a_text_box{
  padding: 1rem 0 0 3rem;
}
div.about_text > div.a_text_box p.a_text_title{
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
  color: #190c01;
  line-height: 2rem;
}
body[wc-view-type="sp"] div.about_text > div.a_text_box p.a_text_title{
  line-height: 2rem;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}
body[wc-view-type="tb"] div.about_text > div.a_text_box p.a_text_title{
  text-align: center;
  line-height: 2.25rem;
}
body[wc-view-type="sp"] div.about_text > div.a_text_box p.a_text_title br.none{
  display: none;
}
div.about_text > div.a_text_box div.a_text{
  padding: 0 1rem;
  box-sizing: border-box;
}
div.about_text > div.a_text_box div.a_text > p{
  line-height: 1.8rem;
  color: #190c01;
  font-weight: 300;
  margin-bottom: 1rem;
}
div.about_text > div.a_text_box div.a_text > p:last-of-type{
  margin-bottom: 0;
}
div.about_text > div.a_text_box  div.btn{
  margin-top: auto;
  margin-left: auto;
}
body[wc-view-type="sp"] div.about_text > div.a_text_box  div.btn,
body[wc-view-type="tb"] div.about_text > div.a_text_box  div.btn{
  margin: 1rem auto 0 auto;
}
div.about_text > div.a_img{
  -webkit-transition: opacity 1000ms linear;
  transition: opacity 1000ms linear;
  opacity: 0;
}
div.about_text > div.a_img.wcvisible{
  opacity: 1;
}
body[wc-view-type="tb"] div.about_text > div.a_img{
  width: calc(100% - 4rem);
  margin: 0 auto;
}
body[wc-view-type="tb-l"] div.about_text > div.a_img,
body[wc-view-type="pc"] div.about_text > div.a_img{
  width: 45%;
}
div.about_text > dl.a_text_box{
}
body[wc-view-type="sp"] div.about_text > div.a_text_box,
body[wc-view-type="sp"] div.about_text > div.a_img{
  width: 100%;
}
body[wc-view-type="sp"] div.about_text > div.a_text_box{
  padding-bottom: 1.5rem;
}
div.about_text > div.a_img figure{
}
div.about_text > div.a_img figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
div.about_text > div.a_img figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="sp"] div.about_text > div.a_img figure img{
  height: 55vw;
}
body[wc-view-type="tb"] div.about_text > div.a_img figure img{
  height: 45vw;
}
body[wc-view-type="tb-l"] div.about_text > div.a_img figure img{
  height: 28vw;
}
body[wc-view-type="pc"] div.about_text > div.a_img figure img{
  height: 320px;
}
/*事業内容*/
section.business{
  background-color: #f7f0e6;
  padding: calc(var(--headerHeight) * 1.5) 0;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
body[wc-view-type="sp"] section.business{
  padding: calc(var(--headerHeight) * 1.2) 10vw;
  overflow: hidden;
}
body[wc-view-type="tb"] section.business{
  padding: calc(var(--headerHeight) * 1.2) 7vw;
  overflow: hidden;
}
body[wc-view-type="tb-l"] section.business{
  padding: calc(var(--headerHeight) * 1.5) 8vw;
  overflow: hidden;
}
body[wc-view-type="pc"] section.business{
  padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2);
}
section.business figure.business_deco{
  width: 450px;
  position: absolute;
  top: calc(var(--headerHeight) / 2.5);
  left: calc((100vw - 1100px) / 2);
  opacity: 0.4;
}
body[wc-view-type="sp"] section.business figure.business_deco{
  width: 90vw;
  top: calc(var(--headerHeight) / 3.5);
  left: -15vw;
}
body[wc-view-type="tb"] section.business figure.business_deco{
  width: 55vw;
  top: 2vw;
  left: -9vw;
}
section.business figure.business_deco picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.business figure.business_deco img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.business > h2{
 font-size: 1.35rem;
  color: #190c01;
  text-align: center;
  margin-bottom: 3rem;
  letter-spacing: 0.35rem;
  font-weight: 500;
  -webkit-transition: opacity 1000ms linear;
  transition: opacity 1000ms linear;
  opacity: 0;
}
section.business > h2.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.business > h2{
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
}
section.business > h2::before{
  content: "Business";
  font-family: "Raleway";
  font-size: 2rem;
  line-height: 1em;
  margin-bottom: 0.5rem;
  display: block;
}
ul.b_list{
  display: table;
  padding-left: 1rem;
  margin: 0 auto 1.5rem auto;
  list-style-position: outside;
  box-sizing: border-box;
}
body:not([wc-view-type="sp"]) ul.b_list{
  display: flex;
  margin: 0 auto 2rem auto;
  list-style-position: outside;
  box-sizing: border-box;
  flex-wrap: wrap;
  width: 55vw;
  justify-content: center;
}
body[wc-view-type="tb-l"] ul.b_list{
  width: 45vw;
}
body[wc-view-type="pc"] ul.b_list{
  width: 450px;
}
ul.b_list li{
  font-weight: 300;
  color: #190c01;
  margin-bottom: 0.5rem;
}
body:not([wc-view-type="sp"]) ul.b_list li{
  width: 50%;
  margin-bottom: 0.5rem;
}
body:not([wc-view-type="sp"]) ul.b_list li:nth-last-of-type(-n+2)
ul.b_list li:last-of-type{
  margin-bottom: 0;
}
section.business > p{
  line-height: 1.8rem;
  color: #190c01;
  text-align: center;
  margin-bottom: 2rem;
  -webkit-transition: opacity 1000ms linear;
  transition: opacity 1000ms linear;
  opacity: 0;
  font-weight: 300;
}
section.business > p.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.business > p{
  text-align: left;
  font-weight: 300;
  margin-bottom: 1.5rem;
}
section.business > .btn{
  
}
section.business > .btn{
  margin: 2rem auto 3rem auto;
  -webkit-transition: opacity 1000ms linear;
  transition: opacity 1000ms linear;
  opacity: 0;
}
section.business > .btn.wcvisible{
  opacity: 1;
}
section.business div.business_block{
}
section.business div.business_block div.b_block_title{
  width: 100%;
  position: relative;
  z-index: 1;
}
section.business div.business_block div.b_block_title::before{
  content: "";
  position: absolute;
  height: 1px;
  background-color: #190c01;
  z-index: -2;
  top: 50%;
  background: rgb(247,240,230); /* Old browsers */
background: -moz-linear-gradient(left, rgba(247,240,230,1) 0%, rgba(25,12,1,1) 10%, rgba(25,12,1,1) 50%, rgba(25,12,1,1) 91%, rgba(247,240,230,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(247,240,230,1) 0%,rgba(25,12,1,1) 10%,rgba(25,12,1,1) 50%,rgba(25,12,1,1) 91%,rgba(247,240,230,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(247,240,230,1) 0%,rgba(25,12,1,1) 10%,rgba(25,12,1,1) 50%,rgba(25,12,1,1) 91%,rgba(247,240,230,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
section.business div.business_block div.b_block_title > p{
  padding: 0.75rem 1rem;
  border-radius: 2rem;
  display: table;
  margin: 0 auto;
  margin-bottom: 2rem;
  position: relative;
  z-index: 1;
}
body[wc-view-type="sp"] section.business div.business_block div.b_block_title > p{
  margin-bottom: 1.5rem;
}
section.business div.business_block div.b_block_title > p::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: solid 1px #190c01;
  border-radius: 2rem;
  background-color: #f7f0e6;
  z-index: -1;
  transform: scale(0,1);
}
section.business div.business_block div.b_block_title > p > span{
  color: #190c01;
  font-size: 1.2rem;
  opacity: 0;
}
body[wc-view-type="pc"] section.business div.business_block{
  width: 1100px;
  margin: 0 auto;
}
section.business div.business_block div.business_flex{
  display: flex;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.business div.business_block div.business_flex{
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 1.75rem;
}
body[wc-view-type="tb"] section.business div.business_block div.business_flex{
}
body[wc-view-type="tb-l"] section.business div.business_block div.business_flex{
  padding: 0 2vw;
}
body[wc-view-type="pc"] section.business div.business_block div.business_flex{
  width: 1000px;
  margin: 0 auto;
}
section.business div.business_block div.business_flex > article{
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
body[wc-view-type="sp"] section.business div.business_block div.business_flex > article{
  width: calc(40vw - 2.5rem);
  height: calc(40vw - 2.5rem);
  margin-bottom: 1.5rem;
}
body[wc-view-type="sp"] section.business div.business_block div.business_flex > article:nth-of-type(odd){
  margin-right: 0.75rem;
}
body[wc-view-type="sp"] section.business div.business_block div.business_flex > article:nth-of-type(even){
  margin-left: 0.75rem;
}
body[wc-view-type="sp"] section.business div.business_block div.business_flex > article:nth-last-of-type(-n+2){
  margin-bottom: 0;
}
body[wc-view-type="tb"] section.business div.business_block div.business_flex > article{
  width: calc(21.5vw - 1.5rem);
  height: calc(21.5vw - 1.5rem);
  margin: 0 0.75rem;
}
body[wc-view-type="tb-l"] section.business div.business_block div.business_flex > article{
  width: calc(20vw - 1.5rem);
  height: calc(20vw - 1.5rem);
  margin: 0 0.75rem;
}
body[wc-view-type="pc"] section.business div.business_block div.business_flex > article{
  width: calc((100% / 4) - 1.5rem);
  margin: 0 0.75rem;
}
section.business div.business_block div.business_flex > article > div.icon{
  position: relative;
  z-index: 1;
  display: flex;
  align-items: end;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 100%;
  box-shadow: inset 0 0 0 2px #f45e61;
  box-shadow: none;
}
section.business div.business_block div.business_flex > article > div.icon::before,
section.business div.business_block div.business_flex > article > div.icon::after{
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  top: 0;
  left: 0;
}
section.business div.business_block div.business_flex > article > div.icon::before,
section.business div.business_block div.business_flex > article > div.icon::after {
  border-radius: 100%;
  top: 0;
  left: 0;
  box-sizing: inherit;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
}
section.business div.business_block div.business_flex > article > div.icon::before {
  border: 1.25px solid transparent;
  -webkit-transition: border-top-color 0.35s ease, border-right-color 0.35s ease 0.4s, border-bottom-color 0.45s ease 0.5s;
   transition: border-top-color 0.35s ease, border-right-color 0.35s ease 0.4s, border-bottom-color 0.45s ease 0.5s;
}
body[wc-view-type="sp"] section.business div.business_block div.business_flex > article:nth-of-type(1) > div.icon::before,
body[wc-view-type="sp"] section.business div.business_block div.business_flex > article:nth-of-type(2) > div.icon::before{
  border-bottom: 1.25px solid transparent;
}
section.business div.business_block div.business_flex > article > div.icon::after {
  border: 0 solid transparent;
  -webkit-transition: transform 0.8s ease 0.3s, border-left-width 0.3s ease 0.65s;
  transition: transform 0.8s ease 0.3s, border-left-width 0.3s ease 0.65s;
}
section.business div.business_block div.business_flex > article.wcvisible > div.icon::before{
  border-top-color: #190c01;
  border-right-color: #190c01;
  border-bottom-color: #190c01;
}
body[wc-view-type="sp"] section.business div.business_block div.business_flex > article.wcvisible:nth-of-type(1) > div.icon::before,
body[wc-view-type="sp"] section.business div.business_block div.business_flex > article.wcvisible:nth-of-type(2) > div.icon::before{
  border-bottom-color: #190c01;
}
section.business div.business_block div.business_flex > article.wcvisible > div.icon::after {
  border-top: 1px solid #190c01;
  border-left-width: 1px;
  border-right-width: 1px;
  transform: rotate(270deg);
}
body[wc-view-type="sp"] section.business div.business_block div.business_flex > article > div.icon{
  width: 100%;
  height: 100%;
  padding-bottom: 3.5vw;
box-sizing: border-box;
}
body[wc-view-type="tb"] section.business div.business_block div.business_flex > article > div.icon{
 width: 100%;
  height: 100%;
  padding-bottom: 3.25vw;
box-sizing: border-box;
}
body[wc-view-type="tb-l"] section.business div.business_block div.business_flex > article > div.icon{
  width: 100%;
  height: 100%;
  padding-bottom: 2.5vw;
box-sizing: border-box;
}
body[wc-view-type="pc"] section.business div.business_block div.business_flex > article > div.icon{
  width: 170px;
  height: 170px;
  padding-bottom: 1.5rem;
}
section.business div.business_block div.business_flex > article > div.icon div.icon_in{
  display: flex;
  flex-direction:column-reverse;
  align-items: center;
  background: rgba(255,255,255,0);
  border-radius: 100%;
  box-sizing: border-box;
  z-index: 2;
}
section.business div.business_block div.business_flex > article > div.icon span.icon_img{
  content: "";
  position: absolute;
  top: calc(50% - 0.75rem);
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
  background-color: #190c01;
  -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;
}
body[wc-view-type="sp"] section.business div.business_block div.business_flex > article > div.icon span.icon_img{
  width: calc(20vw - 1.5rem);
  height: calc(20vw - 1.5rem);
}
body[wc-view-type="tb"] section.business div.business_block div.business_flex > article > div.icon span.icon_img{
  width: calc(10vw - 1.5rem);
  height: calc(10vw - 1.5rem);
}
body[wc-view-type="tb-l"] section.business div.business_block div.business_flex > article > div.icon span.icon_img{
  width: calc(10vw - 1.5rem);
  height: calc(10vw - 1.5rem);
}
body[wc-view-type="pc"] section.business div.business_block div.business_flex > article > div.icon span.icon_img{
    width: 85px;
  height: 85px;
}
section.business div.business_block div.business_flex > article.toti > div.icon span.icon_img{
  -webkit-mask-image: url("/img/top/business/toti.svg");
  mask-image: url("/img/top/business/toti.svg");
}
section.business div.business_block div.business_flex > article.tatemono > div.icon span.icon_img{
  -webkit-mask-image: url("/img/top/business/tatemono.svg");
  mask-image: url("/img/top/business/tatemono.svg");
}
section.business div.business_block div.business_flex > article.manshon > div.icon span.icon_img{
  -webkit-mask-image: url("/img/top/business/manshon.svg");
  mask-image: url("/img/top/business/manshon.svg");
}
section.business div.business_block div.business_flex > article.jigyou > div.icon span.icon_img{
  -webkit-mask-image: url("/img/top/business/jigyouyou.svg");
  mask-image: url("/img/top/business/jigyouyou.svg");
}
section.business div.business_block div.business_flex > article > div.icon h2{
  font-size: 1.1rem;
  color: #190c01;
  margin-top: 0.75rem;
}
body[wc-view-type="sp"] section.business div.business_block div.business_flex > article > div.icon h2{
  font-size: 1.05rem;
  margin-top: 0.5rem;
}
section.business div.business_block div.btn{
  margin: 3rem auto 0 auto;
  -webkit-transition: opacity 1000ms linear;
  transition: opacity 1000ms linear;
  opacity: 0;
}
section.business div.business_block div.btn.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.business div.business_block div.btn{
  margin-top: 1.5rem;
}
/*不動産無料査定*/
section.satei{
  padding: calc(var(--headerHeight) * 1.5) 0;
  background-color: #fff;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.satei{
  padding: calc(var(--headerHeight) * 1.2) 10vw;
}
body[wc-view-type="tb"] section.satei{
  padding: calc(var(--headerHeight) * 1.2) 7vw;
}
body[wc-view-type="tb-l"] section.satei{
  padding: calc(var(--headerHeight) * 1.2) 8vw;
}
body[wc-view-type="pc"] section.satei{
  padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2);
}
section.satei div.satei_inner{
  display: flex;
  border: solid 1px #190c01;
  box-sizing: border-box;
  border-radius: 1.5rem;
  -webkit-transition: opacity 800ms linear;
  transition: opacity 800ms linear;
  opacity: 0;
  flex-wrap: wrap;
}
section.satei div.satei_inner.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.satei div.satei_inner,
body[wc-view-type="tb"] section.satei div.satei_inner{
  flex-direction: column;
  padding: 1.5rem;
}
body[wc-view-type="tb"] section.satei div.satei_inner{
  padding: 2rem;
}
body[wc-view-type="tb-l"] section.satei div.satei_inner,
body[wc-view-type="pc"] section.satei div.satei_inner{
  padding: 2rem;
}
section.satei div.satei_inner > h2{
  font-size: 1.35rem;
  color: #190c01;
  margin-bottom: 1.5rem;
  text-align: center;
  width: 100%;
}
body[wc-view-type="sp"] section.satei div.satei_inner > h2{
  margin-bottom: 1rem;
}
section.satei div.satei_inner > h2 span{
  color: #ff7a0a;
  padding: 0.5rem 1rem;
  border: solid 1px #ff7a0a;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  display: table;
  line-height: 1em;
  border-radius: 1rem;
  margin: 0 auto 0.75rem;
}
section.satei div.satei_inner > h2 span::after{
  content: "";
  position: absolute;
  width: 0.75rem;
  height: 0.75rem;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  z-index: -1;
  border-right: 1px solid #ff7a0a;
  border-bottom: 1px solid #ff7a0a;
  box-sizing: border-box;
  background-color: #fff;
  bottom: -0.38rem;
}
section.satei div.satei_inner div.satei_text{
  display: flex;
  flex-direction: column;
}
body[wc-view-type="sp"] section.satei div.satei_inner div.satei_text{
  padding-bottom: 1rem;
}
body[wc-view-type="tb-l"] section.satei div.satei_inner div.satei_text,
body[wc-view-type="pc"] section.satei div.satei_inner div.satei_text{
  width: 50%;
  box-sizing: border-box;
}
body[wc-view-type="tb"] section.satei div.satei_inner div.satei_text{
  padding-bottom: 2rem;
}
body[wc-view-type="tb-l"] section.satei div.satei_inner div.satei_text{
  padding-right: 2rem;
}
body[wc-view-type="pc"] section.satei div.satei_inner div.satei_text{
  padding-right: 3rem;
  padding-top: 0;
  padding-bottom: 0;
}
section.satei div.satei_inner div.satei_text div.s_text_in p.s_in_title{
  position: relative;
  z-index: 1;
}
body[wc-view-type="tb"] section.satei div.satei_inner div.satei_text div.s_text_in p.s_in_title{
  width: 500px;
  margin: 0 auto;
}
section.satei div.satei_inner div.satei_text div.s_text_in p.s_in_title::before{
  content: "";
position: absolute;
height: 1px;
background-color: #190c01;
z-index: -2;
top: 50%;
background: rgb(247,240,230);
background: -moz-linear-gradient(left, rgba(247,240,230,1) 0%, rgba(25,12,1,1) 10%, rgba(25,12,1,1) 50%, rgba(25,12,1,1) 91%, rgba(247,240,230,1) 100%);
background: -webkit-linear-gradient(left, rgba(247,240,230,1) 0%,rgba(25,12,1,1) 10%,rgba(25,12,1,1) 50%,rgba(25,12,1,1) 91%,rgba(247,240,230,1) 100%);
background: linear-gradient(to right, rgba(247,240,230,1) 0%,rgba(25,12,1,1) 10%,rgba(25,12,1,1) 50%,rgba(25,12,1,1) 91%,rgba(247,240,230,1) 100%);
}
section.satei div.satei_inner div.satei_text div.s_text_in p.s_in_title span{
  display: block;
  line-height: 1.3em;
  font-size: 1.2rem;
  border-bottom: 1px solid #190c01;
  color: #190c01;
  text-align: center;
  padding-bottom: 0.5rem;
  position: relative;
  z-index: 1;
  margin-bottom: 1rem;
}
body[wc-view-type="sp"] section.satei div.satei_inner div.satei_text div.s_text_in p.s_in_title span{
  font-size: 1.1rem;
}
body[wc-view-type="tb"] section.satei div.satei_inner div.satei_text div.s_text_in p.s_in_title span{
  margin-bottom: 1.25rem;
  padding-bottom: 0.75rem
}
body:not([wc-view-type="sp"]) section.satei div.satei_inner div.satei_text div.s_text_in p.s_in_title span br.none{
  display: none;
}
section.satei div.satei_inner div.satei_text div.s_text_in p.s_in_title span::after {
  content: "";
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-right: 1px solid #190c01;
  border-bottom: 1px solid #190c01;
  background-color: #fff;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  bottom: -0.55rem;
  z-index: -1;
  box-sizing: border-box;
}
body[wc-view-type="tb"] section.satei div.satei_inner div.satei_text div.s_text_in p.s_in_title span::after,
body[wc-view-type="tb-l"] section.satei div.satei_inner div.satei_text div.s_text_in p.s_in_title span::after,
body[wc-view-type="pc"] section.satei div.satei_inner div.satei_text div.s_text_in p.s_in_title span::after{
  bottom: -0.55rem;
}
section.satei div.satei_inner div.satei_text div.s_text_in div.list_box{
  border-bottom: 1px solid #190c01;
}
body[wc-view-type="tb"] section.satei div.satei_inner div.satei_text div.s_text_in div.list_box{
  width: 500px;
  margin: 0 auto 0 auto;
  padding-bottom: 0.25rem;
}
section.satei div.satei_inner div.satei_text div.s_text_in div.list_box ul.satei_list{
  list-style-position: outside;
box-sizing: border-box;
}
body[wc-view-type="sp"] section.satei div.satei_inner div.satei_text div.s_text_in div.list_box ul.satei_list,
body[wc-view-type="tb"] section.satei div.satei_inner div.satei_text div.s_text_in div.list_box ul.satei_list{
  padding-right: 0.5rem;
padding-left: 1.5rem;
  margin-bottom: 0rem;
}
body[wc-view-type="tb"] section.satei div.satei_inner div.satei_text div.s_text_in div.list_box ul.satei_list,
body[wc-view-type="tb-l"] section.satei div.satei_inner div.satei_text div.s_text_in div.list_box ul.satei_list{
  display: table;
  margin: 0 auto;
}
body[wc-view-type="pc"] section.satei div.satei_inner div.satei_text div.s_text_in div.list_box ul.satei_list{
  display: table;
  margin: 0 auto;
  padding-left: 1rem;
  padding-bottom: 0.5rem;
}
section.satei div.satei_inner div.satei_text div.s_text_in div.list_box ul.satei_list li{
  color: #190c01;
  font-weight: 300;
  margin-bottom: 0.5rem;
}
section.satei div.satei_inner div.satei_text div.s_text_in > p.s_main_text{
  line-height: 1.8rem;
  color: #190c01;
  font-weight: 300;
  box-sizing: border-box;
  padding: 1rem 1rem 0 1rem;
}
body[wc-view-type="sp"] section.satei div.satei_inner div.satei_text > p.s_main_text{
  padding: 0 1rem;
}
body[wc-view-type="sp"] section.satei div.satei_inner div.satei_text > div.btn{
  margin: 1rem auto 0 auto;
}
body[wc-view-type="tb"] section.satei div.satei_inner div.satei_text > p.s_main_text{
  width: 500px;
  margin: 0 auto;
}
body[wc-view-type="tb"] section.satei div.satei_inner div.satei_text > div.btn,
body[wc-view-type="tb-l"] section.satei div.satei_inner div.satei_text > div.btn{
  margin: 1.5rem auto 0 auto;
}
body[wc-view-type="pc"] section.satei div.satei_inner div.satei_text > div.btn{
  margin-left: auto;
  margin-top: auto;
}
body[wc-view-type="tb-l"] section.satei div.satei_inner div.satei_img,
body[wc-view-type="pc"] section.satei div.satei_inner div.satei_img{
  width: 50%;
}
section.satei div.satei_inner div.satei_img picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.satei div.satei_inner div.satei_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="tb"] section.satei div.satei_inner div.satei_img img{
  height: 45vw;
}
body[wc-view-type="tb-l"] section.satei div.satei_inner div.satei_img img{
  height: 209px;
}
/*お知らせ*/
section.news{
  background-color: #f7f0e6;
  padding: calc(var(--headerHeight) * 1.5) 0;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  display: flex;
}
body[wc-view-type="sp"] section.news{
  flex-direction: column;
  padding: calc(var(--headerHeight) * 1.2) 10vw;
}
body[wc-view-type="tb"] section.news{
  flex-direction: column;
  padding: calc(var(--headerHeight) * 1.2) 7vw;
}
body[wc-view-type="tb-l"] section.news{
  padding: calc(var(--headerHeight) * 1.5) 8vw;
}
body[wc-view-type="pc"] section.news{
  padding: calc(var(--headerHeight) * 1.5) calc((100vw - 1100px) / 2);
}
section.news > h2{
 font-size: 1.35rem;
  color: #190c01;
  margin-bottom: 3rem;
  letter-spacing: 0.35rem;
  font-weight: 500;
  -webkit-transition: opacity 1000ms linear;
  transition: opacity 1000ms linear;
  opacity: 0;
}
section.news > h2.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.news > h2{
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
body[wc-view-type="tb"] section.news > h2{
  margin-bottom: 1.5rem;
}
body[wc-view-type="tb-l"] section.news > h2{
  width: 250px;
}
body[wc-view-type="pc"] section.news > h2{
  width: 350px;
}
section.news > h2::before{
  content: "News";
  font-family: "Raleway";
  font-size: 2rem;
  line-height: 1em;
  margin-bottom: 0.5rem;
  display: block;
}
section.news > div.news_bock{
  opacity: 0;
  -webkit-transition: opacity 1000ms linear;
  transition: opacity 1000ms linear;
}
section.news > div.news_bock.wcvisible{
  opacity: 1;
}
body[wc-view-type="tb-l"] section.news > div.news_bock{
  width: calc(100% - 250px);
  height: 286px;
}
body[wc-view-type="pc"] section.news > div.news_bock{
  width: 750px;
  height: 286px;
}
section.news > div.news_bock > article{
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #190c01;
}
section.news > div.news_bock > article:nth-of-type(1){
  border-top: 1px solid #190c01;
}
section.news > div.news_bock > article a{
  display: block;
  padding: 1.25rem 2.5rem 1.25rem calc(100px + 1.25rem);
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
body[wc-view-type="sp"] section.news > div.news_bock > article a{
  padding: 1.25rem 2.5rem 1.25rem calc(70px + 1.25rem);
}
section.news > div.news_bock > article a::after{
  content: "";
  position: absolute;
  right: 0.75rem;
  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%);
}
section.news > div.news_bock > article h2{
  color: #190c01;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1em;
  font-weight: 300;
}
section.news > div.news_bock > article > time{
  color: #190c01;
  font-family: "Number";
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  z-index: -1;
  font-size: 1.1rem;
  line-height: 1em;
}
body[wc-view-type="sp"] section.news > div.news_bock > article > time{
  font-size: 1rem;
}
section.news > div.btn{
  opacity: 0;
  -webkit-transition: opacity 1000ms linear;
  transition: opacity 1000ms linear;
}
section.news > div.btn.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.news > div.btn{
  margin: 1.5rem auto 0 auto;
}
body[wc-view-type="tb"] section.news > div.btn{
  margin: 1.5rem 0 0 auto;
}
body[wc-view-type="tb-l"] section.news > div.btn,
body[wc-view-type="pc"] section.news > div.btn{
  position: absolute;
  z-index: 2;
}
body[wc-view-type="tb-l"] section.news > div.btn{
  left: 8vw;
  bottom: calc(var(--headerHeight) * 1.5);
}
body[wc-view-type="pc"] section.news > div.btn{
  left: calc((100vw - 1100px) / 2);
  bottom: calc(var(--headerHeight) * 1.5);
  z-index: 2;
}
/*お問い合わせ*/
section.contat{
  position: relative;
  z-index: 1;
  padding: calc(var(--headerHeight) * 1.5) 0;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.contat{
  padding: calc(var(--headerHeight) * 1.2) 10vw;
}
body[wc-view-type="tb"] section.contat{
  padding: calc(var(--headerHeight) * 1.2) 7vw;
}
body[wc-view-type="tb-l"] section.contat{
  padding: calc(var(--headerHeight) * 1.5) 8vw;
}
section.contat > h2{
 font-size: 1.35rem;
  color: #fff;
  margin-bottom: 3rem;
  letter-spacing: 0.35rem;
  font-weight: 500;
  text-align: center;
  position: relative;
  z-index: 2;
  -webkit-transition: opacity 1000ms linear;
  transition: opacity 1000ms linear;
}
section.contat > h2.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.contat > h2{
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
  text-align: center;
}
section.contat > h2::before{
  content: "Contat";
  font-family: "Raleway";
  font-size: 2rem;
  line-height: 1em;
  margin-bottom: 0.5rem;
  display: block;
}
section.contat > figure{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
section.contat > figure::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(25,12,1,0.5);
  z-index: 1;
}
section.contat > figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.contat > figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.contat > p{
  margin-bottom: 2rem;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 2;
  font-weight: 300;
  -webkit-transition: opacity 1000ms linear;
  transition: opacity 1000ms linear;
  opacity: 0;
}
section.contat > p.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.contat > p{
  text-align: left;
}
section.contat div.contact_box{
  display: flex;
  position: relative;
  z-index: 2;
  opacity: 0;
  -webkit-transition: opacity 1000ms linear;
  transition: opacity 1000ms linear;
}
section.contat div.contact_box.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.contat div.contact_box{
  flex-direction: column;
}
body[wc-view-type="pc"] section.contat div.contact_box{
  width: 750px;
  margin: 0 auto;
}
body[wc-view-type="sp"] section.contat div.contact_box > dl{
  padding: 1.5rem 0;
  border-top: 1px solid #fff;
}
body:not([wc-view-type="sp"]) section.contat div.contact_box > dl{
   width: 50%;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
body[wc-view-type="pc"] section.contat div.contact_box > dl{
  box-sizing: border-box;
}
body:not([wc-view-type="sp"]) section.contat div.contact_box > dl.tel_block{
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}
body[wc-view-type="sp"] section.contat div.contact_box > dl.mail_block{
  border-bottom: 1px solid #fff;
}
body:not([wc-view-type="sp"]) section.contat div.contact_box > dl.mail_block{
  border-right: 1px solid #fff; 
}
section.contat div.contact_box > dl dt{
  color: #fff;
  text-align: center;
  font-size: 1.2rem;
  margin-bottom: 1rem;
  line-height: 1em;
}
section.contat div.contact_box > dl dd{
}
section.contat div.contact_box > dl dd div.tel_box{
}
section.contat div.contact_box > dl dd div.tel_box a{
  display: table;
  margin: 0 auto;
  padding-left: 2.5rem;
  position: relative;
  z-index: 1;
  color: #fff;
  font-family: "Number";
  font-weight: 700;
  font-size: 1.8rem;
  text-decoration: none;
}
body:not([wc-view-type="sp"]) section.contat div.contact_box > dl dd div.tel_box a{
  pointer-events: none;
}
section.contat div.contact_box > dl dd div.tel_box a::before{
  content: "";
  position: absolute;
  left: 0;
  width: 2.5rem;
  height: 2.5rem;
  -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: #fff;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
}
section.contat div.contact_box > dl dd div.time_box{
  display: flex;
  justify-content: center;
}
body[wc-view-type="sp"] section.contat div.contact_box > dl dd div.time_box{
  flex-direction: column;
}
section.contat div.contact_box > dl dd div.time_box p.time{
  color: #fff;
  font-size: 0.9rem;
}
body[wc-view-type="sp"] section.contat div.contact_box > dl dd div.time_box p.time{
  width: 100%;
  text-align: center;
}
section.contat div.contact_box > dl dd div.time_box p.time:nth-of-type(1){
  margin-right: 0.25rem;
}
body[wc-view-type="sp"] section.contat div.contact_box > dl dd div.time_box p.time:nth-of-type(1){
  margin-bottom: 0.25rem;
  margin-right: 0;
}
section.contat div.contact_box > dl dd div.time_box p.time:nth-of-type(2){
  margin-left: 0.25rem;
}
body[wc-view-type="sp"] section.contat div.contact_box > dl dd div.time_box p.time:nth-of-type(2){
  margin-left: 0;
}
section.contat div.contact_box > dl dd div.time_box p.time span{
  padding: 0.25rem 0.5rem;
  border: solid 1px #fff;
  border-radius: 1rem;
  box-sizing: border-box;
  color: #fff;
  font-size: 0.7rem;
  line-height: 1em;
  margin-right: 0.25rem;
  display: inline-block;
}
section.contat div.contact_box > dl dd p.time{
}
section.contat div.contact_box > dl.mail_block{
}
section.contat div.contact_box > dl.mail_block dt{
}
section.contat div.contact_box > dl.mail_block dd{
}
body:not([wc-view-type="sp"]) section.contat div.contact_box > dl.mail_block dd{
  padding-top: 0.5rem;
}
section.contat div.contact_box > dl.mail_block dd div.btn{
  margin: 0 auto;
}
section.contat div.contact_box > dl.mail_block dd div.btn > a{
  color: #fff;
  border-color: #fff;
}
section.contat div.contact_box > dl.mail_block dd div.btn > a::after{
  background-color: #fff;
}
/*取り組み*/
.attempt{
  box-sizing: border-box;
}
body[wc-view-type="sp"] .attempt{
  padding: calc(var(--headerHeight) / 1.5) 10vw;  
}
body[wc-view-type="tb"] .attempt{
  padding: calc(var(--headerHeight) / 1.5) 7vw;  
}
body[wc-view-type="tb-l"] .attempt{
  padding: calc(var(--headerHeight) / 1.5) 10vw;  
}
body[wc-view-type="pc"] .attempt{
  padding: calc(var(--headerHeight) / 1.5) calc((100vw - 750px) / 2);  
}
.attempt > section{
  background-color: #f7f0e6;
  padding: 1.5rem;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  border-radius: 1rem;
}
body:not([wc-view-type="sp"]) .attempt > section{
  padding: 2.5rem;
}
.attempt > section::before{
  content: "";
  position: absolute;
  inset: 0.5rem;
  border: solid 1px #190c01;
  box-sizing: border-box;
  border-radius: 1rem;
}
body:not([wc-view-type="sp"]) .attempt > section::before{
  inset:0.75rem;
}
.attempt > section::after{
  content: "";
  width: 214px;
  height: 135px;
  background-image: url("/img/top/attempt/haikei.png");
  opacity: 0.35;
  position: absolute;
  top: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  background-size: cover;
}
.attempt > section > h2{
  font-size: 1.2rem;
  margin-bottom: 1rem;
  text-align: center;
}
.attempt > section > h2::before {
  content: "Attempt";
  font-family: "Raleway";
  font-size: 2rem;
  line-height: 1em;
  margin-bottom: 0.5rem;
  display: block;
}
.attempt > section p{
  line-height: 1.8rem;
}
body:not([wc-view-type="sp"]) .attempt > section p{
  width: 500px;
  margin: 0 auto 0.5rem;
  text-align: center;
}
body[wc-view-type="sp"] .attempt > section p br{
  display: none;
}
.attempt > section .btn{
  margin: 1rem auto 0 auto;
}