/* CSS Document */
/*コンテンツ*/
div.wccatchcopy{
  z-index: 10 !important;
}
main{
  margin-top: calc(var(--headerHeight) * -1);
}
body[wc-view-type="sp"]  main{
  margin-top:calc((var(--headerHeight) + 35px) * -1);
}
body[wc-view-type="pc"]  main{
  margin-top:calc((var(--headerHeight) + 41px) * -1);
}
/*トップ*/
section.top_area{
  height: var(--windowfixdheight);
  padding-top: calc(var(--headerBtnSize) + var(--headerHeight) + 5vw);
  padding-bottom: 5vw;
  box-sizing: border-box;
  background-color: #00a69d;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: flex;
}
body[wc-view-type="sp"] section.top_area{
  padding-top: calc(var(--headerBtnSize) + var(--headerHeight));
  padding-bottom: 0;
}
body[wc-view-type="tb"] section.top_area,
body[wc-view-type="sp"] section.top_area{
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
body[wc-view-type="tb"] section.top_area{
  padding-top: calc(var(--headerBtnSize) + var(--headerHeight) + 10vw);
  padding-bottom: 10vw;
}
body[wc-view-type="tb-l"] section.top_area,
body[wc-view-type="pc"] section.top_area{
  align-items: center;
}
body[wc-view-type="tb-l"] section.top_area{
  padding: calc(var(--headerHeight) * 1.5) 2rem var(--headerHeight) 2rem;
  flex-wrap: wrap;
}
body[wc-view-type="pc"] section.top_area{
  padding: 0 calc((100vw - 1100px) / 2);
  padding-top: calc(var(--headerBtnSize) + var(--headerHeight));
}
section.top_area div.top_text_box{
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  -webkit-transition: opacity 800ms linear;
  transition: opacity 800ms linear;
  opacity: 0;
}
section.top_area div.top_text_box.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.top_area div.top_text_box{
  margin-bottom: 2vw;
}
body[wc-view-type="tb"] section.top_area div.top_text_box{
  margin-bottom: 10vw;
}
body[wc-view-type="tb-l"] section.top_area div.top_text_box{
  margin-bottom: 3rem;
  width: 45%;
  margin-top: auto;
}
body[wc-view-type="pc"] section.top_area div.top_text_box{
  width: 50%;
  justify-content: center;
  height: 300px;
  margin-bottom: 9rem;
}
section.top_area div.top_text_box div.catchcopy{
}
section.top_area div.top_text_box div.catchcopy > h1{
  font-weight: 700;
  color: #fff;
  margin-bottom: 1.5rem;
  line-height: 1em;
  margin-top: 0.5rem;
  text-align: center;
}
body[wc-view-type="sp"] section.top_area div.top_text_box div.catchcopy > h1{
  font-size: 9vw;
  width: calc(100vw - 4rem);
  margin-bottom: 4vw;
}
body[wc-view-type="tb"] section.top_area div.top_text_box div.catchcopy > h1{
  font-size: 2.6rem;
  width: 430px;
}
body[wc-view-type="tb-l"] section.top_area div.top_text_box div.catchcopy > h1{
  font-size: 2.5rem;
  margin-top: 1rem;
}
body[wc-view-type="pc"] section.top_area div.top_text_box div.catchcopy > h1{
  font-size: 3rem;
  width: 430px;
}
section.top_area div.top_text_box div.catchcopy > h1 picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.top_area div.top_text_box div.catchcopy > h1 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.top_area div.top_text_box div.catchcopy > p{
  display: table;
  padding: 0.25rem 1rem;
  color: #333;
  background-color: #ecca5d;
  position: relative;
  z-index: 1;
  font-weight: 700;
  margin: 0 auto;
  border-radius: 1rem;
}
body[wc-view-type="sp"] section.top_area div.top_text_box div.catchcopy > p{
  font-size: 5vw;
}
body[wc-view-type="tb"] section.top_area div.top_text_box div.catchcopy > p{
  font-size: 1.5rem;
}
body[wc-view-type="tb-l"] section.top_area div.top_text_box div.catchcopy > p{
  font-size: 2.3vw;
}
body[wc-view-type="pc"] section.top_area div.top_text_box div.catchcopy > p{
  font-size: 1.5rem;
}
section.top_area div.top_text_box div.catchcopy > p::before{
  content: "";
  width: 1rem;
  height: 1rem;
  background-color: #ecca5d;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  z-index: -1;
  top: -0.5rem;
}
section.top_area div.top_text_box > p{
  color: #fff;
  font-weight: 700;
  text-align: center;
}
body[wc-view-type="sp"] section.top_area div.top_text_box > p{
  font-size: 5vw;
}
body[wc-view-type="tb"] section.top_area div.top_text_box > p{
  font-size: 1.5rem;
}
body[wc-view-type="tb-l"] section.top_area div.top_text_box > p{
  font-size: 2.3vw;
}
body[wc-view-type="pc"] section.top_area div.top_text_box > p{
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
section.top_area div.top_text_box > p span{
  line-height: 1em;
  font-weight: 700;
  color: #ecca5d;
}
body[wc-view-type="sp"] section.top_area div.top_text_box > p span{
  font-size: 7vw;
}
body[wc-view-type="tb"] section.top_area div.top_text_box > p span{
  font-size: 2.3rem;
}
body[wc-view-type="tb-l"] section.top_area div.top_text_box > p span{
  font-size: 5vw;
}
body[wc-view-type="pc"] section.top_area div.top_text_box > p span{
  font-size: 2.6rem;
}
section.top_area div.slider_area{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: calc(var(--headerHeight) + 1rem);
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.top_area div.slider_area{
  background-image: url("../img/slider/sp_slider_around.webp?202305101403");
}
body[wc-view-type="sp"] body.safari section.top_area div.slider_area{
  background-image: url("../img/slider/sp_slider_around.png?202305101403");
}
body[wc-view-type="tb"] section.top_area div.slider_area{
  background-image: url("../img/slider/pc_slider_around.webp?202305101404");
  padding-bottom: calc(var(--headerHeight) + 0.5rem);
}
body[wc-view-type="tb"] body.safari section.top_area div.slider_area{
  background-image: url("../img/slider/pc_slider_around.png?202305101404");
}
body[wc-view-type="tb-l"] section.top_area div.slider_area{
  background-image: url("../img/slider/pc_slider_around.webp?202305101404");
  margin-top: 2rem;
  height: 23vw;
}
body[wc-view-type="tb-l"] body.safari section.top_area div.slider_area{
  background-image: url("../img/slider/pc_slider_around.png?202305101404");
}
body[wc-view-type="pc"] section.top_area div.slider_area{
  background-image: url("../img/slider/pc_slider_around.webp?202305101404");
}
body[wc-view-type="pc"] body.safari section.top_area div.slider_area{
  background-image: url("../img/slider/pc_slider_around.png?202305101404");
}
body[wc-view-type="sp"] section.top_area div.slider_area{
  height: 65vw;
  width: 100vw;
}
body[wc-view-type="tb"] section.top_area div.slider_area{
  height: 38vw;
  width: 80vw;
}
body[wc-view-type="tb-l"] section.top_area div.slider_area{
  width: calc(55% - 2rem);
  margin-left: 2rem;
  margin-top: auto;
}
body[wc-view-type="pc"] section.top_area div.slider_area{
  width: 50%;
height: 262px;
margin-top: 2rem;
}
body[wc-view-type="sp"] section.top_area div.slider_area div.slider_box{
  width: 38vw;
  height: 39vw;
}
body[wc-view-type="tb"] section.top_area div.slider_area div.slider_box{
  width: 22vw;
  height: 22vw;
}
body[wc-view-type="tb-l"] section.top_area div.slider_area div.slider_box{
  width: 13vw;
  height: 13vw;
}
body[wc-view-type="pc"] section.top_area div.slider_area div.slider_box{
  width: 150px;
  height: 150px;
}
section.top_area div.btn{
  -webkit-transition: opacity 800ms 500ms linear;
  transition: opacity 800ms 500ms linear;
  opacity: 0;
}
section.top_area div.btn.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.top_area div.btn{
  margin-top: 2vw;
}
body[wc-view-type="tb"] section.top_area div.btn{
  margin-top: 10vw;
}
body[wc-view-type="pc"] section.top_area div.btn{
  position: absolute;
  z-index: 2;
}
body[wc-view-type="tb-l"] section.top_area div.btn{
}
body[wc-view-type="pc"] section.top_area div.btn{
  left: calc((100vw - 1100px) / 2);
  bottom: calc((var(--headerHeight) * 2.5));
  width: 550px;
}
body.safari [wc-view-type="pc"] section.top_area div.btn{
  left: calc(((100vw - 1100px) / 2) + 137.5px);
  bottom: calc((var(--windowfixdheight) - 444.267px) / 2);
  transform: translateX(0);
}
section.top_area div.btn a{
  display: table;
  background-color: #fc5959;
  color: #fff;
  font-size: 1.35rem;
  font-weight: 700;
  padding: 1.25rem 3rem 0.75rem 1rem;
  border-radius: 0.75rem;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
body:not([wc-view-type="sp"]) section.top_area div.btn a{
  padding: 1.5rem 3rem 1rem 1rem;
  font-size: 1.4rem;
}
body[wc-view-type="tb-l"] section.top_area div.btn a,
body[wc-view-type="pc"] section.top_area div.btn a{
  margin: 0 auto;
}
section.top_area div.btn a span{
  position: absolute;
  font-size: 1.2rem;
  padding: 0.25rem 1rem;
  border-radius: 2rem;
  border: solid 2px #fc5959;
  box-sizing: border-box;
  z-index: 2;
  left: 50%;
  background-color: #fff;
  line-height: 1em;
  color: #fc5959;
  top: calc((2px + 0.725rem) * -1);
  transform: translateX(-50%);
}
section.top_area div.btn a::after{
  bottom: 0.85rem;
  right: 0.75rem;
  top: inherit !important;
  transform: inherit !important;
}
body[wc-view-type="sp"] section.top_area div.btn a::after{
  bottom: 0.65rem;
  right: 0.75rem;
}
/*お手軽相続登記webとは*/
section.about{
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.94) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.94) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.94) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  display: flex;
  flex-direction: column-reverse;
}
body[wc-view-type="sp"] section.about{
  padding: var(--headerHeight) 7vw 0 7vw;
}
body[wc-view-type="tb"] section.about{
  padding: var(--headerHeight) 7vw 0 7vw;
}
body[wc-view-type="tb-l"] section.about{
  padding: var(--headerHeight) 10vw 0 10vw;
}
body[wc-view-type="pc"] section.about{
  padding: var(--headerHeight) calc((100vw - 800px) / 2) 0 calc((100vw - 800px) / 2);
}
section.about > div.about_text{
  border-top: solid 2px #333;
  padding: 1rem;
  box-sizing: border-box;
  border-bottom: solid 2px #333;
  -webkit-transition: opacity 800ms linear;
  transition: opacity 800ms linear;
  opacity: 0;
}
section.about > div.about_text.wcvisible{
  opacity: 1;
}
body[wc-view-type="tb-l"] section.about > div.about_text,
body[wc-view-type="pc"] section.about > div.about_text{
  padding: 2rem 1rem;
}
section.about > div.about_text h1{
  font-size: 1.5rem;
  color: #333;
  text-align: center;
  font-weight: 700;
  margin-bottom: 1.25rem;
  line-height: 1.5em;
}
section.about div.about_text > p{
  line-height: 1.8rem;
  color: #333;
  margin-bottom: 2rem;
}
body[wc-view-type="sp"] section.about div.about_text > p{
  margin-bottom: 1.8rem;
}
body:not([wc-view-type="sp"]) section.about div.about_text > p{
  text-align: center;
  line-height: 2rem;
}
section.about figure{
  margin: 0 auto;
}
body[wc-view-type="sp"] section.about figure{
  width: 38vw;
}
body[wc-view-type="tb"] section.about figure{
  width: 23vw;
}
body[wc-view-type="tb-l"] section.about figure{
  width: 180px;
}
body[wc-view-type="pc"] section.about figure{
  width: 180px;
}
section.aboutfigure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.about figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/*選ばれる理由*/
section.reason{
  padding: var(--headerHeight) 0;
  box-sizing: border-box;
  position: relative;
  z-index: 0;
}
section.reason::after{
  content: "";
  background-color: #fff;
  width: 2.5rem;
  height: 2.5rem;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  bottom: -1.25rem;
  position: absolute;
}
body[wc-view-type="sp"] section.reason{
  padding: var(--headerHeight) 7.5vw;
  width: 100vw;
}
body[wc-view-type="tb"] section.reason{
  padding: var(--headerHeight) 7vw;
}
body[wc-view-type="tb-l"] section.reason{
  padding: var(--headerHeight) 10vw;
}
section.reason > h1{
  font-size: 1.5rem;
  color: #333;
  text-align: center;
  font-weight: 700;
  -webkit-transition: opacity 800ms linear,transform 800ms linear;
  transition: opacity 800ms linear,transform 800ms linear;
  transform: translateY(1rem);
  opacity: 0;
}
section.reason > h1.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
body[wc-view-type="sp"] section.reason > h1{
  margin-bottom: 1.8rem;
}
body[wc-view-type="tb"] section.reason > h1,
body[wc-view-type="tb-l"] section.reason > h1,
body[wc-view-type="pc"] section.reason > h1{
  margin-bottom: 2.25rem;
}
section.reason > h1 span{
  font-size: 2.5rem;
  color: #333;
  font-weight: 700;
  line-height: 1em;
  margin: 0 0.25rem;
  -webkit-transition: color 800ms 400ms linear;
  transition: color 800ms 400ms linear;
}
section.reason > h1.wcvisible span{
  color: #00a69d;
}
section.reason article{
  display: flex;
  margin-top: var(--headerHeight);
  -webkit-transition: opacity 800ms linear,transform 800ms linear;
  transition: opacity 800ms linear,transform 800ms linear;
  transform: translateY(1rem);
  opacity: 0;
}
section.reason article.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
body[wc-view-type="sp"] section.reason article{
  flex-direction: column;
}
body[wc-view-type="pc"] section.reason article{
  width: 1100px;
  margin: var(--headerHeight) auto 0 auto;
}
section.reason article:nth-of-type(1){
  margin-top: 0 !important;
}
body:not([wc-view-type="sp"]) section.reason article:nth-of-type(even){
  flex-direction: row-reverse;
}
section.reason article div.reason_text{
}
body[wc-view-type="sp"] section.reason article div.reason_text{
  padding-bottom: 1rem;
}
body[wc-view-type="tb"] section.reason article div.reason_text,
body[wc-view-type="tb-l"] section.reason article div.reason_text{
  width: 50%;
}
body[wc-view-type="pc"] section.reason article div.reason_text{
  width: 50%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  box-sizing: border-box;
}
body[wc-view-type="pc"] section.reason article:nth-of-type(odd) div.reason_text{
  padding-left: 0;
  padding-right: 3rem;
}
body[wc-view-type="pc"] section.reason article:nth-of-type(even) div.reason_text{
  padding-right: 0;
  padding-left: 3rem;
}
section.reason article div.reason_text div.reasen_title{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  margin-bottom: 1rem;
  justify-content: flex-end;
}
section.reason article div.reason_text div.reasen_title > h1{
  font-size: 1.2rem;
  color: #333;
  font-weight: 700;
  padding-left: 0.7rem;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}
body[wc-view-type="pc"] section.reason article div.reason_text div.reasen_title > h1{
}
section.reason article div.reason_text div.reasen_title span.num{
  font-size: 3rem;
  line-height: 1em;
  color: #00a69d;
  font-weight: 700;
  font-family: "Number";
}
section.reason article div.reason_text h1 span.under_line{
  position: relative;
  z-index: 1;
}
section.reason article div.reason_text h1 span.under_line::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(transparent 75%, #ecca5d 75%);
  -webkit-transition: width 500ms 800ms ease,transform 500ms 800ms ease;
  transition: width 500ms 800ms ease,transform 500ms 800ms ease;
  width: 0;
  z-index: -1;
}
section.reason article.wcvisible div.reason_text h1 span.under_line::before{
  right: 0;
  width: 100%;
}
section.reason article div.reason_text h1 span.under_line span.big{
  color: #333;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1em;
}
section.reason article div.reason_text p{
  padding: 0 1rem;
  box-sizing: border-box;
}
section.reason article div.reason_text p span{
  padding-left: 1rem;
  position: relative;
  z-index: 1;
  font-size: 0.9rem;
  color: #00a79e;
  margin-top: 0.9rem;
}
section.reason article div.reason_text p span::before{
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.9rem;
}
section.reason article div.reason_img{
}
body[wc-view-type="tb"] section.reason article div.reason_img,
body[wc-view-type="tb-l"] section.reason article div.reason_img{
  width: calc(50% - 2rem);
}
body[wc-view-type="tb"] section.reason article:nth-of-type(odd) div.reason_img,
body[wc-view-type="tb-l"] section.reason article:nth-of-type(odd) div.reason_img{
  margin-left: 2rem;
}
body[wc-view-type="tb"] section.reason article:nth-of-type(even) div.reason_img,
body[wc-view-type="tb-l"] section.reason article:nth-of-type(even) div.reason_img{
  margin-right: 2rem;
}
body[wc-view-type="pc"] section.reason article div.reason_img{
  width: 50%;
}
section.reason article div.reason_img figure{
}
section.reason article div.reason_img figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.reason article div.reason_img figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="pc"] section.reason article div.reason_img figure img{
  height: 280px;
}
/*オンラインサービス*/
section.online{
  background-color: #00a79e;
  padding: var(--headerHeight) 0;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.online{
  padding: var(--headerHeight) 7.5vw;
}
body[wc-view-type="tb"] section.online{
  padding: var(--headerHeight) 7vw;
}
body[wc-view-type="tb-l"] section.online{
  padding: var(--headerHeight) 10vw;
}
section.online > h1{
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  -webkit-transition: opacity 800ms linear,transform 800ms linear;
  transition: opacity 800ms linear,transform 800ms linear;
  transform: translateY(1rem);
  opacity: 0
}
section.online > h1.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
body[wc-view-type="sp"] section.online > h1{
  margin-bottom: 1.8rem;
}
body[wc-view-type="tb"] section.online > h1,
body[wc-view-type="tb-l"] section.online > h1,
body[wc-view-type="pc"] section.online > h1{
  margin-bottom: 2.25rem;
}
section.online > h1 span.under_line{
  position: relative;
  z-index: 1;
}
section.online > h1 span.under_line::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: linear-gradient(transparent 75%, #ecca5d 75%);
  -webkit-transition: width 500ms 800ms ease;
  transition: width 500ms 800ms ease;
  width: 0;
  z-index: -1;
}
section.online > h1.wcvisible span.under_line::before{
  right: 0;
  width: 100%;
}
section.online > h1 span.under_line span.big{
  color: #fff;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1em;
}
section.online div.online_box{
  -webkit-transition: opacity 800ms linear,transform 800ms linear;
  transition: opacity 800ms linear,transform 800ms linear;
  transform: translateY(1rem);
  opacity:0; 
}
section.online div.online_box.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
body[wc-view-type="tb-l"] section.online div.online_box,
body[wc-view-type="pc"] section.online div.online_box{
  display: flex;
  flex-direction: row-reverse;
}
body[wc-view-type="pc"] section.online div.online_box{
  width: 1100px;
  margin: 0 auto;
}
section.online div.online_box div.online_text{
}
body[wc-view-type="tb-l"] section.online div.online_box div.online_text,
body[wc-view-type="pc"] section.online div.online_box div.online_text{
  width: 55%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
body[wc-view-type="tb-l"] section.online div.online_box div.online_text{
  padding: 2rem 0 2rem 2rem;
}
body[wc-view-type="pc"] section.online div.online_box div.online_text{
  padding: 3rem 0 3rem 3rem;
}
section.online div.online_box div.online_text > p{
  color: #fff;
  line-height: 1.8rem;
}
body[wc-view-type="sp"] section.online div.online_box div.online_text > p{
  margin-bottom: 0.8rem;
}
body[wc-view-type="tb"] section.online div.online_box div.online_text > p{
  margin-bottom: 2rem;
}
body[wc-view-type="tb-l"] section.online div.online_box div.online_text div.btn_box{
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  align-items: center;
}
body[wc-view-type="tb-l"] section.online div.online_box div.online_text div.btn_box div.btn:nth-of-type(1){
  margin-bottom: 1rem;
}
section.online div.online_box div.online_img{
}
body[wc-view-type="sp"] section.online div.online_box div.online_img{
  margin-top: 2rem;
}
body[wc-view-type="tb"] section.online div.online_box div.online_img{
  width: 60vw;
  margin: 2rem auto 0 auto;
}
body[wc-view-type="tb-l"] section.online div.online_box div.online_img,
body[wc-view-type="pc"] section.online div.online_box div.online_img{
  width: 45%;
}
section.online div.online_box div.online_img figure{
}
section.online div.online_box div.online_img figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.online div.online_box div.online_img figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*オンラインサービスはこちら*/
section.online_service{
  background-color: #fff;
  padding: var(--headerHeight) 0;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.online_service{
  padding: var(--headerHeight) 7.5vw;
}
body[wc-view-type="tb"] section.online_service{
  padding: var(--headerHeight) 7vw;
}
body[wc-view-type="tb-l"] section.online_service{
  padding: var(--headerHeight) 10vw;
}
section.online_service div.online_s_inner{
  background-color: #ecca5d;
  padding: 1rem;
  box-sizing: border-box;
  -webkit-transition: opacity 800ms linear,transform 800ms linear;
  transition: opacity 800ms linear,transform 800ms linear;
  transform: translateY(1rem);
  opacity: 0;
}
section.online_service div.online_s_inner.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
body[wc-view-type="pc"] section.online_service div.online_s_inner,
body[wc-view-type="tb"] section.online_service div.online_s_inner,
body[wc-view-type="tb-l"] section.online_service div.online_s_inner{
  position: relative;
  z-index: 1;
}
body[wc-view-type="tb"] section.online_service div.online_s_inner{
  padding: 130px 1rem 1rem 1rem;
}
body[wc-view-type="tb-l"] section.online_service div.online_s_inner{
  padding: 130px 1rem 1rem 1rem;
}
body[wc-view-type="pc"] section.online_service div.online_s_inner{
  width: 800px;
  margin: 0 auto;
  padding: 130px 2rem 2rem 2rem;
}
section.online_service div.online_s_inner div.title_block{
  display: flex;
}
body[wc-view-type="sp"] section.online_service div.online_s_inner div.title_block{
  position: relative;
  z-index: 1;
}
body[wc-view-type="tb-l"] section.online_service div.online_s_inner div.title_block,
body[wc-view-type="tb"] section.online_service div.online_s_inner div.title_block,
body[wc-view-type="pc"] section.online_service div.online_s_inner div.title_block{
  position:absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  display: flex;
  align-items: center;
  top: 1rem;
}
section.online_service div.online_s_inner div.title_block h1{
  display: table;
  background-color: #fff;
  padding: 0.75rem 1.5rem;
  color: #333;
  position: relative;
  z-index: 1;
  font-size: 1.5rem;
  margin: 0 auto;
  border-radius: 2rem;
  margin-bottom: 2rem;
  font-weight: 700;
  white-space: nowrap;
}
body[wc-view-type="sp"] section.online_service div.online_s_inner div.title_block h1{
  margin-right: auto;
  margin-left: 0;
}
body[wc-view-type="tb-l"] section.online_service div.online_s_inner div.title_block h1{
  margin-bottom: 4rem;
}
section.online_service div.online_s_inner div.title_block h1::after{
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  z-index: -1;
  bottom: -0.625rem;
}
body[wc-view-type="sp"] section.online_service div.online_s_inner div.title_block div.title_img{
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  width: 40%;
}
body[wc-view-type="tb"] section.online_service div.online_s_inner div.title_block div.title_img{
  width: 40%;
}
body[wc-view-type="tb-l"] section.online_service div.online_s_inner div.title_block div.title_img{
  width: 40%;
}
body[wc-view-type="pc"] section.online_service div.online_s_inner div.title_block div.title_img{
  width: 30%;
}
section.online_service div.online_s_inner div.title_block div.title_img picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.online_service div.online_s_inner div.title_block div.title_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.online_service div.online_s_inner div.online_s_block{
  background-color: #fff;
  padding: 1rem;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}
body[wc-view-type="tb-l"] section.online_service div.online_s_inner div.online_s_block{
  padding: 2rem;
}
body[wc-view-type="pc"] section.online_service div.online_s_inner div.online_s_block{
  padding: 2rem;
}
section.online_service div.online_s_inner div.online_s_block p{
  line-height: 1.8rem;
}
body[wc-view-type="tb"] section.online_service div.online_s_inner div.online_s_block p,
body[wc-view-type="tb-l"] section.online_service div.online_s_inner div.online_s_block p,
body[wc-view-type="pc"] section.online_service div.online_s_inner div.online_s_block p{
  text-align: center;
}
body[wc-view-type="tb"] section.online_service div.online_s_inner div.online_s_block p{
  margin-bottom: 2rem;
}
body[wc-view-type="tb-l"] section.online_service div.online_s_inner div.online_s_block div.btn_box{
  margin-top: 2rem;
}
/*ご利用の流れ*/
section.flow_area{
  background-color: #00a79e;
  padding: var(--headerHeight) 0;
}
section.flow_area > h1{
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  font-weight: 700;
  -webkit-transition: opacity 800ms linear,transform 800ms linear;
  transition: opacity 800ms linear,transform 800ms linear;
  transform: translateY(1rem);
  opacity: 0;
}
section.flow_area > h1.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
body[wc-view-type="sp"] section.flow_area > h1{
  margin-bottom: 1.8rem;
}
body[wc-view-type="tb"] section.flow_area > h1,
body[wc-view-type="tb-l"] section.flow_area > h1,
body[wc-view-type="pc"] section.flow_area > h1{
  margin-bottom: 2.25rem;
}
section.flow_area > p{
  line-height: 1.8rem;
  box-sizing: border-box;
  color: #fff;
  -webkit-transition: opacity 800ms linear,transform 800ms linear;
  transition: opacity 800ms linear,transform 800ms linear;
  transform: translateY(1rem);
  opacity: 0;
}
section.flow_area > p.wcvisible{
  transform: translateY(0);
  opacity: 1;
}
body[wc-view-type="sp"] section.flow_area > p{
  padding: 0 7.5vw;
  margin-bottom: 1.8rem;
}
body[wc-view-type="tb"] section.flow_area > p{
  padding: 0 7.5vw;
  margin-bottom: 2.25rem;
}
body[wc-view-type="tb-l"] section.flow_area > p{
  padding: 0 10vw;
  margin-bottom: 2.25rem;
}
body[wc-view-type="pc"] section.flow_area > p{
  margin-bottom: 2.25rem;
}
body:not([wc-view-type="sp"]) section.flow_area > p{
  text-align: center;
}
section.flow_area div.flow_block{
  overflow-x:auto !important;
  -ms-overflow-style: none;
  display: flex;
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.flow_area div.flow_block{
  padding-left: 7.5vw;
  margin-bottom: 1rem;
}
body[wc-view-type="tb"] section.flow_area div.flow_block{
  padding-left: 7vw;
  margin-bottom: 2rem;
}
body[wc-view-type="tb-l"] section.flow_area div.flow_block{
  padding-left: 10vw;
  margin-bottom: 2.25rem;
}
body[wc-view-type="pc"] section.flow_area div.flow_block{
  padding-left: calc((100vw - 1100px) / 2);
}
section.flow_area div.flow_block div.flow_box{
  background-color: #fff;
  border-radius: 0.75rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  width: calc(100% - 1.8rem);
  margin-right: 1.8rem;
  flex: none;
  align-items: center;
  position: relative;
  z-index: 1;
}
body[wc-view-type="tb"] section.flow_area div.flow_block div.flow_box,
body[wc-view-type="tb-l"] section.flow_area > div.flow_block div.flow_box,
body[wc-view-type="pc"] section.flow_area > div.flow_block div.flow_box{
  margin-right: 2.5rem;
  width: calc(100% - 2.5rem);
}
body[wc-view-type="sp"] section.flow_area div.flow_block div.flow_box{
  max-width: 140px;
}
body[wc-view-type="tb"] section.flow_area div.flow_block div.flow_box{
  max-width: 250px;
}
body[wc-view-type="tb-l"] section.flow_area div.flow_block div.flow_box{
  max-width: 250px;
}
body[wc-view-type="pc"] section.flow_area div.flow_block div.flow_box{
  max-width: 250px;
}
body[wc-view-type="sp"] section.flow_area div.flow_block div.flow_box::after{
  content: "";
  width: 1rem;
  height: 1rem;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  position: absolute;
  right: -1.2rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  z-index: 2;
}
body:not([wc-view-type="sp"]) section.flow_area div.flow_block div.flow_box::after{
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  position: absolute;
  right: -1.6rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  z-index: 2;
}
section.flow_area div.flow_block div.flow_box:last-of-type::after{
  display: none;
}
section.flow_area div.flow_block div.flow_box p.f_num_box{
  background-color: #00a79e;
  border-radius: 100%;
  color: #fff;
  font-family: "Number";
  font-size: 1.8rem;
  width: 3rem;
  height: 3rem;
  font-weight: 700;
  text-align: center;
  line-height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.25rem;
  box-sizing: border-box;
}
section.flow_area div.flow_block div.flow_box figure{
  width: 75px;
  height: 75px;
  border: solid 1px #00a79e;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  margin-top: 1rem;
  margin-top: 0.75rem;
  border-radius: 100%;
}
section.flow_area div.flow_block div.flow_box figure::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  z-index: 2;
  background-color: #00a79e;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover; 
  mask-size: cover;
}
section.flow_area div.flow_block div.flow_box.box01 figure::before{
  -webkit-mask-image: url("/img/svg/top_flow/shindan.svg");
  mask-image: url("/img/svg/top_flow/shindan.svg");
}
section.flow_area div.flow_block div.flow_box.box02 figure::before{
  -webkit-mask-image: url("/img/svg/top_flow/touroku.svg");
  mask-image: url("/img/svg/top_flow/touroku.svg");
}
section.flow_area div.flow_block div.flow_box.box03 figure::before{
  -webkit-mask-image: url("/img/svg/top_flow/contact.svg");
  mask-image: url("/img/svg/top_flow/contact.svg");
}
section.flow_area div.flow_block div.flow_box.box04 figure::before{
  -webkit-mask-image: url("/img/svg/top_flow/mitumori.svg");
  mask-image: url("/img/svg/top_flow/mitumori.svg");
}
section.flow_area div.flow_block div.flow_box.box05 figure::before{
  -webkit-mask-image: url("/img/svg/top_flow/shiharai.svg");
  mask-image: url("/img/svg/top_flow/shiharai.svg");
}
section.flow_area div.flow_block div.flow_box.box06 figure::before{
  -webkit-mask-image: url("/img/svg/top_flow/soudan.svg");
  mask-image: url("/img/svg/top_flow/soudan.svg");
}
section.flow_area div.flow_block div.flow_box.box07 figure::before{
  -webkit-mask-image: url("/img/svg/top_flow/sakusei02.svg");
  mask-image: url("/img/svg/top_flow/sakusei02.svg");
}
section.flow_area div.flow_block div.flow_box.box08 figure::before{
  -webkit-mask-image: url("/img/svg/top_flow/kansei.svg");
  mask-image: url("/img/svg/top_flow/kansei.svg");
}
section.flow_area div.flow_block div.flow_box.box09 figure::before{
  -webkit-mask-image: url("/img/svg/top_flow/houmukyoku.svg");
  mask-image: url("/img/svg/top_flow/houmukyoku.svg");
}
body[wc-view-type="sp"] section.flow_area div.flow_block div.flow_box figure::before{
  width: 50px;
  height: 50px;
}
body[wc-view-type="tb"] section.flow_area div.flow_block div.flow_box figure::before{
  width: 50px;
  height: 50px;
}
body[wc-view-type="tb-l"] section.flow_area div.flow_block div.flow_box figure::before{
  width: 50px;
  height: 50px;
}
body[wc-view-type="pc"] section.flow_area div.flow_block div.flow_box figure::before{
  width: 50px;
  height: 50px;
}
section.flow_area div.flow_block div.flow_box p.f_text{
  margin-top: 0.75rem;
  text-align: center;
  font-weight: 700;
  color: #333;
}
body[wc-view-type="sp"] section.flow_area div.btn_box{
  margin-top: 0.8rem;
}
section.flow_area div.btn_box{
  margin-top: 2.25rem;
}
/*よくある質問*/
section.question_area{
  background-color: #e5f6f5;
  box-sizing: border-box;
  width: 100vw;
  padding: var(--headerHeight) 0;
}
body[wc-view-type="sp"] section.question_area{
  padding: var(--headerHeight) 7.5vw;
}
section.question_area > h1{
  font-size: 1.5rem;
  color: #333;
  text-align: center;
  font-weight: 700;
   -webkit-transition: opacity 800ms linear,transform 800ms linear;
  transition: opacity 800ms linear,transform 800ms linear;
  transform: translateY(1rem);
  opacity: 0
}
section.question_area > h1.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
body[wc-view-type="sp"] section.question_area > h1{
  margin-bottom: 1.8rem;
}
body[wc-view-type="tb"] section.question_area > h1,
body[wc-view-type="tb-l"] section.question_area > h1,
body[wc-view-type="pc"] section.question_area > h1{
  margin-bottom: 2.25rem;
}
section.question_area div.question_box{
  -webkit-transition: opacity 800ms linear,transform 800ms linear;
  transition: opacity 800ms linear,transform 800ms linear;
  transform: translateY(1rem);
  opacity: 0;
}
section.question_area div.question_box.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
body:not([wc-view-type="sp"]) section.question_area div.question_box{
  margin: 0 auto 1rem auto;
}
body[wc-view-type="tb"] section.question_area div.question_box{
  width: 86vw;
}
body[wc-view-type="tb-l"] section.question_area div.question_box{
  width: 700px;
}
body[wc-view-type="pc"] section.question_area div.question_box{
  width: 800px;
}
section.question_area dl{
  background-color: #fff;
  margin-bottom: 1rem;
}
section.question_area dl dt,
section.question_area dl dd{
  position: relative;
  z-index: 1;
}
section.question_area dl dt{
  border-bottom:2px solid #e5f6f5;
  font-weight: 700;
  color: #333;
  padding: 1rem 2.5rem 1rem 3rem;
  box-sizing: border-box;
}
section.question_area dl dt::after{
  content: "";
  right: 1rem;
  position: absolute;
  top: 1.5rem;
  transform: translate3d(0,0,0);
  width: 1rem;
  height: 0.8rem;
  background-color: #fc5959;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
section.question_area dl dt.wcactive::after{
  transform: rotate(-180deg) translate3d(0,0,0);
}
section.question_area dl dd{
}
section.question_area dl dd div.q_text{
  padding: 1rem 1rem 1rem 3rem;
  box-sizing: border-box;
}
section.question_area dl dt::before,
section.question_area dl dd::before{
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  font-size: 1.5rem;
  font-weight: 700;
}
section.question_area dl dt::before{
  content: "Q";
  color: #00a79e;
}
section.question_area dl dd::before{
  content: "A";
  color: #fc5959;
}
section.question_area dl dd div.q_text div.btn{
  margin-top: 0.5rem;
}
body[wc-view-type="sp"] section.question_area div.btn{
  margin-top: 1.8rem;
}
body[wc-view-type="tb"] section.question_area div.btn{
  margin-top: 2rem;
}
body[wc-view-type="tb-l"] section.question_area div.btn{
  margin-top: 2.25rem;
}
body[wc-view-type="pc"] section.question_area div.btn{
  margin-top: 2.25rem;
}
/*四国司法書士について*/
section.office_area{
  box-sizing:border-box;
  width: 100vw;
  background-color: #fff;
  padding: var(--headerHeight) 0;
}
body[wc-view-type="sp"] section.office_area{
  padding: var(--headerHeight) 7.5vw;
}
body[wc-view-type="tb"] section.office_area{
  padding: var(--headerHeight) 7vw;
}
body[wc-view-type="tb-l"] section.office_area{
  padding: var(--headerHeight) 10vw;
}
section.office_area > h1{
  font-size: 1.5rem;
  color: #333;
  text-align: center;
  font-weight: 700;
  -webkit-transition: opacity 800ms linear,transform 800ms linear;
  transition: opacity 800ms linear,transform 800ms linear;
  transform: translateY(1rem);
  opacity: 0;
}
section.office_area > h1.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
body[wc-view-type="sp"] section.office_area > h1{
  margin-bottom: 1.8rem;
}
body[wc-view-type="tb"] section.office_area > h1,
body[wc-view-type="tb-l"] section.office_area > h1,
body[wc-view-type="pc"] section.office_area > h1{
  margin-bottom: 2.25rem;
}
section.office_area article{
  display: flex;
  -webkit-transition: opacity 800ms linear,transform 800ms linear;
  transition: opacity 800ms linear,transform 800ms linear;
  transform: translateY(1rem);
  opacity: 0;
}
section.office_area article.wcvisible{
  transform: translateY(0);
  opacity: 1;
}
body[wc-view-type="sp"] section.office_area article{
  flex-direction:column-reverse;
}
body:not([wc-view-type="sp"]) section.office_area article{
  flex-direction: row-reverse;
}
body[wc-view-type="pc"] section.office_area article{
  width: 1100px;
  margin: 0 auto;
}
section.office_area article div.office_text{
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.office_area article div.office_text{
  padding: 1.5rem 0.5rem 0 0.5rem;
}
body:not([wc-view-type="sp"]) section.office_area article div.office_text{
  width: 50%;
  display: flex;
  flex-direction: column;
}
body[wc-view-type="tb"] section.office_area article div.office_text{
}
body[wc-view-type="tb-l"] section.office_area article div.office_text{
}
body[wc-view-type="pc"] section.office_area article div.office_text{
  padding: 0 3rem;
}
section.office_area article div.office_text div.office_title{
  display: flex;
  flex-direction: column-reverse;
}
section.office_area article div.office_text div.office_title h1{
  font-size: 1.2rem;
  color: #333;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
}
body:not([wc-view-type="sp"]) section.office_area article div.office_text div.office_title h1{
  text-align: left;
}
body[wc-view-type="tb"] section.office_area article div.office_text div.office_title h1{
  font-size: 1.3rem;
}
body[wc-view-type="tb-l"] section.office_area article div.office_text div.office_title h1,
body[wc-view-type="pc"] section.office_area article div.office_text div.office_title h1{
  font-size: 1.5rem;
}
section.office_area article div.office_text div.office_title > p{
}
section.office_area article div.office_text div.office_title > p span{
  color: #00a79e;
  padding: 0.3rem 0.75rem;
  border: solid 2px #00a79e;
  box-sizing: border-box;
  line-height: 1em;
  font-weight: 700;
  display: table;
  margin: 0 auto 0.5rem auto;
  border-radius: 1rem;
}
body:not([wc-view-type="sp"]) section.office_area article div.office_text div.office_title > p span{
  margin: 0 auto 1rem 0;
  font-size: 1.2rem;
}
section.office_area article div.office_text > p{
  line-height: 1.8rem;
}
body[wc-view-type="sp"] section.office_area article div.office_text > p{
 margin-bottom: 1.8rem;
}
body[wc-view-type="tb"] section.office_area article div.office_text > p{
  margin-bottom: 1rem;
}
section.office_area article figure{
}
body[wc-view-type="tb-l"] section.office_area article figure,
body[wc-view-type="tb"] section.office_area article figure{
  width: calc(50% - 2rem);
  margin-right: 2rem;
}
body[wc-view-type="pc"] section.office_area article figure{
  width: 50%;
}
section.office_area article figure{
}
section.office_area article figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.office_area article figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="pc"] section.office_area article figure img{
  height: 350px;
}
body:not([wc-view-type="sp"]) section.office_area article div.office_text div.btn{
  margin-top: auto;
  margin-bottom: 0;
}
/*お知らせ*/
[swipemenu][menu-type="tab"]{
  background-color: #fff !important;
}
[swipemenu][menu-type="tab"] .swipemenuinner [swipemenu-target]:not(.wcactive):not(.nonetarget),
[swipemenu][menu-type="tab"] .swipemenuinner [swipemenu-target]:not(.wcactive):not(.nonetarget)::before{
  background-color: #ddd !important;
}
section.news{
  box-sizing: border-box;
}
body[wc-view-type="sp"] section.news{
  padding: calc(var(--headerHeight) / 2) 7vw;
  width: 100vw;
}
body[wc-view-type="tb"] section.news{
  padding: calc(var(--headerHeight) / 2) 7.5vw;
  width: 100vw;
}
body[wc-view-type="tb-l"] section.news{
  padding: calc(var(--headerHeight) / 2) 10vw;
  width: 100vw;
}
body[wc-view-type="pc"] section.news{
  padding: calc(var(--headerHeight) / 2) 0;
}
section.news > h1{
  font-size: 1.5rem;
  color: #333;
  text-align: center;
  font-weight: 700;
  -webkit-transition: opacity 800ms linear,transform 800ms linear;
  transition: opacity 800ms linear,transform 800ms linear;
  transform: translateY(1rem);
  opacity: 0;
}
section.news > h1.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
body[wc-view-type="sp"] section.news > h1{
  margin-bottom: 1.8rem;
}
body[wc-view-type="tb"] section.news > h1,
body[wc-view-type="tb-l"] section.news > h1,
body[wc-view-type="pc"] section.news > h1{
  margin-bottom: 2.25rem;
}

div.news_box{
  box-sizing: border-box;
}
/*
body[wc-view-type="sp"] div.news_box{
  padding: calc(var(--headerHeight) / 2) 7vw;
}
body[wc-view-type="tb"] div.news_box{
  padding: calc(var(--headerHeight) / 2) 7.5vw;
}
body[wc-view-type="tb-l"] div.news_box{
  padding: calc(var(--headerHeight) / 2) 10vw;
}
body[wc-view-type="pc"] div.news_box{
  padding: calc(var(--headerHeight) / 2) 0;
}*/
div.news_box article{
  border-bottom: 1px solid #bbb;
  box-sizing: border-box;
}
div.news_box article:nth-of-type(1){
  border-top: 1px solid #bbb;
}
body[wc-view-type="pc"] div.news_box article{
  width: 800px;
  margin: 0 auto;
}
div.news_box article a{
  display: flex;
  flex-direction: row-reverse;
  padding: 0.75rem 1rem;
  box-sizing: border-box;
  text-decoration: none;
  align-items: center;
}
div.news_box article a time,
div.news_box article a h1{
  color: #333;
}
div.news_box article a time{
  font-family: "Number";
  color: #333;
  font-size: 1rem;
}
body[wc-view-type="sp"] div.news_box article a time{
  width:calc(70px + 1rem);
}
body[wc-view-type="tb"] div.news_box article a time{
  width:calc(80px + 1rem);
}
body[wc-view-type="tb-l"] div.news_box article a time,
body[wc-view-type="pc"] div.news_box article a time{
  width:calc(100px + 1rem);
  font-size: 1.2rem;
}
div.news_box article a h1{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 2rem;
  position: relative;
  z-index: 1;
}
body[wc-view-type="sp"] div.news_box article a h1{
  width: calc(100% - (70px + 1rem));
}
body[wc-view-type="tb"] div.news_box article a h1{
  width: calc(100% - (80px + 1rem));
}
body[wc-view-type="tb-l"] div.news_box article a h1,
body[wc-view-type="pc"] div.news_box article a h1{
  width: calc(100% - (100px + 1rem));
}
div.news_box article a h1::after{
  content: "";
  background-color: #333;
  position: absolute;
  top: 50%;
  right: -0.35rem;
  transform: translateY(-50%);
  z-index: 2;
  width: 2rem;
  height: 2rem;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
body[wc-view-type="sp"] div.news_box div.btn{
  margin-top: 1.8rem;
}
body[wc-view-type="tb"] div.news_box div.btn{
  margin-top: 2rem;
}
body[wc-view-type="tb-l"] div.news_box div.btn{
  margin-top: 2.25rem;
}
body[wc-view-type="pc"] div.news_box div.btn{
  margin-top: 2.25rem;
}
/*お問い合わせ*/
section.contact{
  padding: var(--headerHeight) 0;
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  padding-bottom: 0;
}
section.contact > figure{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  width: 100%;
}
body[wc-view-type="sp"] section.contact > figure{
  height: 300px;
}
body[wc-view-type="tb"] section.contact > figure{
  height: 300px;
}
body[wc-view-type="tb-l"] section.contact > figure{
  height: 290px;
}
body[wc-view-type="pc"] section.contact > figure{
  height: 330px;
}
section.contact > figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
section.contact > figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[wc-view-type="sp"] section.contact{
  padding: var(--headerHeight) 7vw 0 7vw;
}
body[wc-view-type="tb"] section.contact{
  padding: var(--headerHeight) 7.5vw 0 7.5vw;
}
section.contact > h1{
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
  font-weight: 700;
  -webkit-transition: opacity 800ms linear,transform 800ms linear;
  transition: opacity 800ms linear,transform 800ms linear;
  transform: translateY(1rem);
  opacity: 0
}
section.contact > h1.wcvisible{
  opacity: 1;
  transform: translateY(0);
}
body[wc-view-type="sp"] section.contact > h1{
  margin-bottom: 1.8rem;
}
body[wc-view-type="tb"] section.contact > h1,
body[wc-view-type="tb-l"] section.contact > h1,
body[wc-view-type="pc"] section.contact > h1{
  margin-bottom: 2.25rem;
}
section.contact > p{
  line-height: 1.8rem;
  color: #fff;
  -webkit-transition: opacity 800ms linear;
  transition: opacity 800ms linear;
  opacity: 0;
}
section.contact > p.wcvisible{
  opacity: 1;
}
body[wc-view-type="sp"] section.contact > p{
  box-sizing: border-box;
  margin-bottom: 1.8rem;
}
body[wc-view-type="tb"] section.contact > p{
  margin-bottom: 2rem;
}
body[wc-view-type="tb-l"] section.contact > p{
  margin-bottom: 2.25rem;
}
body[wc-view-type="pc"] section.contact > p{
  margin-bottom: 2.25rem;
}
body[wc-view-type="tb"] section.contact > p,
body[wc-view-type="tb-l"] section.contact > p,
body[wc-view-type="pc"] section.contact > p{
  text-align: center;
}
div.contact_box{
  display: flex;
}
body[wc-view-type="sp"] div.contact_box{
  flex-direction: column;
}
body:not([wc-view-type="sp"]) div.contact_box{
  justify-content: center;
}
body[wc-view-type="pc"] div.contact_box{
  width: 800px;
  margin: 0 auto;
}
div.contact_box div.contact_btn{
}
body[wc-view-type="pc"] div.contact_box div.contact_btn{
  width: 50%;
}
div.contact_box div.contact_btn a{
  color: #fff;
  font-weight: 700;
  font-size: 1.2rem;
  text-decoration: none;
  padding: 1rem;
  text-align: center;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  box-sizing: border-box;
}
body[wc-view-type="tb-l"] div.contact_box div.contact_btn a,
body[wc-view-type="tb"] div.contact_box div.contact_btn a{
  height: 140px;
  padding: 1.5rem;
  box-sizing: border-box;
  justify-content: space-between;
}
body[wc-view-type="pc"] div.contact_box div.contact_btn a{
  height: 180px;
  padding: 2rem;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
}
div.contact_box div.contact_btn.tel a{
  background-color: #00a79e;
}
body[wc-view-type="sp"] div.contact_box div.contact_btn.tel a{
  border-radius: 1rem 1rem 0 0;
}
body:not([wc-view-type="sp"]) div.contact_box div.contact_btn.tel a{
  border-radius: 1rem 0 0 1rem;
}
div.contact_box div.contact_btn.mail a{
  background-color: #4fbfb9;
}
body[wc-view-type="sp"] div.contact_box div.contact_btn.mail a{
  border-radius: 0 0 1rem 1rem;
}
body:not([wc-view-type="sp"]) div.contact_box div.contact_btn.mail a{
  border-radius: 0 1rem 1rem 0;
}
div.contact_box div.contact_btn.tel a p,
div.contact_box div.contact_btn.mail a p{
  position: relative;
  z-index: 1;
}
div.contact_box div.contact_btn a p{
}
div.contact_box div.contact_btn a p span.mini_title{
  display: table;
  margin: 0 auto;
  margin-bottom: 0.75rem;
  border-radius: 1rem;
  padding: 0.45rem 1rem;
  font-size: 0.9rem;
  line-height: 1em;
}
body[wc-view-type="pc"] div.contact_box div.contact_btn a p span.mini_title{
  margin-bottom: 1rem;
}
div.contact_box div.contact_btn.tel a p span.mini_title{
  background-color: #4fbfb9;
}
div.contact_box div.contact_btn.mail a p span.mini_title{
  background-color: #00a79e;
}
div.contact_box div.contact_btn a p span.tel_num,
div.contact_box div.contact_btn a p span.mail_text{
  position: relative;
  z-index: 1;
  margin-top: 0.25rem;
  line-height: 1em;
  display: table;
  margin: 0 auto;
  padding-left: 2.5rem;
  box-sizing: border-box;
  font-weight: 700;
}
div.contact_box div.contact_btn a p span.tel_num{
  font-size: 1.8rem;
  font-family: "Number";
}
div.contact_box div.contact_btn a p span.mail_text{
  font-size: 1.2rem;
  line-height: inherit;
}
div.contact_box div.contact_btn a p span.tel_num::before{
  content: "";
  background-color: #fff;
  position: absolute;
  top: 45%;
  left: 0;
  transform: translateY(-50%);
  z-index: 2;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
span.time_box{
  display: flex;
  justify-content:center;
}
body[wc-view-type="pc"] span.time_box{
  margin-top: 0.75rem;
}
span.time_box > span{
  font-size: 0.8rem;
  margin-top: 0.25rem;
}
span.time_box > span.time{
  margin-right: 0.125rem;
}
span.time_box > span.holiday{
  margin-left: 0.125rem;
}
div.contact_box div.contact_btn.mail a p{
}
div.contact_box div.contact_btn.mail a p span.mail_text::before{
  content: "";
  background-color: #fff;
  position: absolute;
  top: 45%;
  left: 0;
  transform: translateY(-50%);
  z-index: 2;
  width: 2.5rem;
  height: 2.5rem;
  -webkit-mask-image: var(--wciconsrc);
  mask-image: var(--wciconsrc);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
}
div.contact_box div.contact_btn.mail a p span.c_tyui{
  font-size: 0.8rem;
  display: table;
}
body:not([wc-view-type="pc"]) div.contact_box div.contact_btn.mail a p span.c_tyui{
  margin-top: 0.35rem;
}
body[wc-view-type="pc"] div.contact_box div.contact_btn.mail a p span.c_tyui{
  margin-top: 1rem;
}