/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/
@charset "utf-8";
.example {
  display: -ms-grid;
  display: grid;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
  background: -o-linear-gradient(top, white, black);
  background: linear-gradient(to bottom, white, black);
}
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
table-layout: fixed;
}
h1, h2, h3, h4, h5, h6, p {
display: block;
color: #40556E;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
html{
  width: 100%;
  min-width: 1200px;
  height: auto;
}
@media screen and (max-width: 767px) {
  html{
    min-width: 100%;
  }
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a:hover{
  opacity: 0.7;
}
/* ============================
OverAll
===================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Poppins:wght@800&display=swap');

* {
-webkit-box-sizing: border-box;
        box-sizing: border-box;
}

body {
color: #161616;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 400;
line-height: 1.5;
min-width: 100%;
}

@media all and (-ms-high-contrast:none) {
body {
font-family: "????",Meiryo,"?????",YuGothic,"?????? Pro W3","Hiragino Kaku Gothic Pro","?? ?????","MS PGothic",sans-serif;
}
}

img {
max-width: 100%;
height: auto;
vertical-align: middle;
}

a {
display: block;
text-decoration: none;
}

.container {
margin: 0 auto;
}

.hide {
height: 0;
margin: 0 auto;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}

.for-pc {
display: block;
}

.for-sp {
display: none;
}

.b-gray {
background-color: #F9F9F8;
}

.b-blue {
background-color: #7DCADF;
}
.b-blue-middle{
  background-color: #F7FAFA;
}

.b-clear{
background-color: rgba(255, 255, 255, 0.7);
}

.clearfix:before,
.clearfix:after {
content: "";
display: table;
}

.clearfix:after {
clear: both;
}

.clearfix * {
zoom: 1;
}

.txt-pop{
  font-family: "Poppins", sans-serif;
  font-style: normal;
}

@media screen and ( min-width: 768px) {
body {
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}

p {
line-height: 35.2px;
color: #40556E;
}

.container {
width: 1000px;
}

.pt-10 {
padding-top: 100px; 
}

.pb-10 {
padding-bottom: 100px; 
}

a[href*="tel:"] {
pointer-events: none;
cursor: default;
}
}

@media screen and ( max-width : 767px ) {
body {
font-size: 4.2vw;
font-weight: 400;
line-height: 1.8;
}

.container {
width: calc(690/750 * 100vw);
}

.pt-10 {
padding-top: calc(120/750 * 100vw); 
}

.pb-10 {
padding-bottom: calc(120/750 * 100vw); 
}

.for-pc {
display: none;
}

.for-sp {
display: block;
}
}
/* ============================
Header
===================================================*/

.header {
background: #ffffff;
width: 100%;
margin: 0 auto;
padding: 0;
z-index: 999;
}

.header-inner {
margin: auto;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 80px;
width: 1000px;
justify-content: space-between;
  }
  @media screen and (max-width: 767px) {
    .header-inner {
      width: calc(690/750 * 100vw);
      height: calc(112/750 * 100vw);
        }
  }

.header-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

.header-logo img {
width: 259px;
height: auto;
vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .header-logo img {
    width: calc(259/750 * 100vw);
    }
}
.header {
min-width: 1000px;
height: 100px;
}

@media screen and (min-width: 768px) {
  .header-logo {
    width: 45%;
    height: 71px;
    }
}


.header-btn .btn{
  width: 348px;
  height: 50px;
  box-shadow: 0px 4px 0px #AB6605;
}
@media screen and (max-width: 767px) {
  .header-btn .btn{
    width:calc(360/750 * 100vw);
    height: calc(72/750 * 100vw);
    box-shadow: 0px calc(6/750 * 100vw) 0px #AB6605;
  }
}
.header-btn .btn p{
  font-size: 18px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .header-btn .btn p{
    font-size: calc(24/750 * 100vw);
  }
}
 .header-btn .btn img{
  width: 22px;
  height: 18px;
}
@media screen and (max-width: 767px) {
  .header-btn .btn img{
    width: calc(24/750 * 100vw);
    height: calc(20/750 * 100vw);
  }
}
.header-btn .btn .fa-chevron-right{
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .header-btn .btn .fa-chevron-right{
    font-size:calc(18/750 * 100vw);
  }
}

/* ============================
mainvisual
===================================================*/

.main-visual {
margin: 0 auto;
}

.main-visual-inner {
position: relative;
margin: 0 auto;
overflow: hidden;
z-index: 1;
}

.b-alpha-heading {
display: table;
color: #000;
font-weight: 500;
font-family: 'Montserrat', sans-serif;
-webkit-text-shadow: 2px 2px 7px rgba(255,255,255,1);
        text-shadow: 2px 2px 7px rgba(255,255,255,1);
}

.b-alpha-heading-img{
width: auto;
height: auto;
}

.b-alpha-middle {
color: #000;
font-weight: 700;
margin-top: 0;
padding-top: 0;
line-height: 1;
font-family: 'Montserrat', sans-serif;
-webkit-text-shadow: 2px 2px 7px rgba(255,255,255,1);
        text-shadow: 2px 2px 7px rgba(255,255,255,1);
}

.b-alpha-underline{
padding-bottom: 20px;
border-bottom: 2px solid #222222;
display: inline-block;
margin-bottom: 20px;
}

.mv-comment {
color: #000;
text-align: justify;
}

.mv-comment-txt {
  -webkit-text-shadow: 2px 2px 7px rgba(255,255,255,1);
  text-shadow: 2px 2px 7px rgba(255,255,255,1);
  }
  
.mv-inner-alpha{
  font-size: 0;
}

@media screen and ( min-width: 768px) {
.main-visual {
min-width: 1000px;
background: url(../img/mv_pc.jpg) center no-repeat;
background-size: cover;
}

.main-visual-inner {
width: 1000px;
height: 620px;
padding-top: 120px;
}

.b-alpha-heading {
margin-bottom: 14px;
padding: 6px 14px 6px 0px;
font-size: 30px;
font-weight: bold;
}

.b-alpha-middle {
font-size: 50px;
}

.b-alpha-min {
display: inline;
font-size: 80px;
}

.mv-comment {
width: 630px;
font-size: 18px;
line-height: 39.6px;
}
}

@media screen and ( max-width: 767px) {
.main-visual {
width: 100%;
background: url(../img/mv_sp.png) center no-repeat;
background-size: cover;
}

.main-visual-inner {
width: 100%;
height: 93vw;
padding: 18vw 10px 8vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
    -ms-flex-align: end;
        align-items: flex-end;
}

.b-alpha-heading {
margin-bottom: 2vw;
padding: .2rem .8rem .0rem .0rem;
font-size: 5vw;
font-weight: bold;
}

.b-alpha-middle {
font-size: 9vw;
line-height: 2.5rem;
}

.b-alpha-min {
font-size: 10vw;
}

.b-alpha-heading-img{
width: calc(288/750 * 100vw);
height: auto;
}

.b-alpha-underline {
padding-bottom: 0px;
border-bottom: none!important;
display: inline-block;
margin-bottom: 0px;
}
}

/* ============================
pc-mv-bottom
===================================================*/

.pc-mv-bottom{
  background-color: #7DCADF;
  padding: 24px 0;
}
@media screen and (max-width: 767px) {
  .pc-mv-bottom{
    padding: calc(24/750 * 100vw) 0;
  }
}

.pc-mv-bottom-list{
  display: flex;
  width: 1000px;
  margin: 0 auto;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .pc-mv-bottom-list{
    width: calc(750/750 * 100vw);
  }
}
.pc-mv-bottom .slide-box {
  width: 184px;
  height: 80px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .pc-mv-bottom .slide-box {
    width: calc(170/750 * 100vw);
    height: calc(90/750 * 100vw);
    border-radius: calc(8/750 * 100vw);
  }
}
.pc-mv-bottom .slider-item-txt{
  font-size: 20px;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3em;
  letter-spacing: 0.08em;
  text-align: center;
  color: #34ADCD;
}
@media screen and (max-width: 767px) {
  .pc-mv-bottom .slider-item-txt{
    font-size: calc(24/750 * 100vw);
}
}
.pc-mv-bottom .slider-item-txt .txt-pink{
  color:#E77996 ;
}




/* ============================
slider
===================================================*/

.slider-list{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (min-width: 768px) {
  .slider-list{
    padding: 14px 0;
    }
}

.slider-item{
width: 184px;
}
.slider-item:first-child{
  margin-left: 0;
}
@media screen and ( max-width: 767px) {
.slider-item{
  width: calc(184/750 * 100vw);
  margin-left: calc(30/750 * 100vw);
}
}

/*Floating
******************************************************/
.floating {
position: fixed;
bottom: 0;
width: 100vw;
height: 0;
opacity: 0;
z-index: 999;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}

.floating.show {
height: auto;
opacity: 1;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}

.is-hidden{
 display: none!important;
}

.floating-container {
margin: auto;
}

.floating-btn-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
width: 100%;
list-style: none;
}


.f-list-btn {
position: relative;
border-radius: 35px;
color: #FFF;
font-weight: 700;
text-align: center;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
position: relative;
/* border-bottom: solid 3px #BF040A; */
border-radius: 4px;
background: #CC2424;
transition: .4s;
}

.f-list-btn::after {
content: '';
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background: url(../img/info_material_cursor.png) center no-repeat;
background-size: contain;
}

.f-btn-exp {
background: #CC2424;
}

.f-btn-req {
border-bottom: solid 3px #BF040A;
background: #E9353B;
}

@media screen and ( min-width: 768px) {
.t-contact {
min-width: 1000px;
}

.t-contact-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 1000px;
padding: 30px 0;
}

.contact-body {
width: 30%;
}

.contact-body-heading {
font-size: 24px;
}

.min-txt {
font-size: 18px;
}

.contact-btn {
width: 70%;
padding: 20px 0 0 40px;
}

.c-list-btn {
width: 320px;
height: 70px;
padding: 14px;
font-size: 24px;
}

.c-list-btn:hover {
opacity: 0.7;
}

.c-list-btn::after {
right: 20px;
width: 22px;
height: 22px;
}

.c-btn-exp {
border-bottom: solid 3px #0B4475;
background: #156DB9;
}

.c-btn-req {
border-bottom: solid 3px #BF040A;
background: #E9353B;
}

/*Floating
******************************************************/

.floating-btn-list li{
width: 100%;
}

.floating .cv-area{
  padding: 16px 0 24px 0;
}

.f-list-btn {
width: 100%;
height: 80px;
padding: 14px 24px;
font-size: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
}

.f-list-btn:hover {
opacity: 0.7;
}

.f-list-btn::after {
right: 24px;
width: 22px;
height: 22px;
}

.f-list-btn-txt{
padding-left: 6%;
font-size: 28px;
margin: auto 0;
line-height: 1;
padding-top: 4px;
}

.f-list-btn-img{
width: 188px;
height: 51px;
}

}

@media screen and ( max-width: 767px) {
.floating-btn-list li{
width: 100%;
}

.t-contact-container {
display: block;
width: 100%;
padding: 30px 0;
}

.contact-body {
width: 100%;
}

.contact-body-heading {
font-size: 24px;
text-align: center;
}

.min-txt {
font-size: 18px;
}

.contact-btn {
width: 100%;
padding: 10px 20px 0;
}

.contact-btn-list {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}

.c-list-btn {
width: 43vw;
padding: 2.4vw 6.2vw 2.4vw 4.6vw;
font-size: 4vw;
}

.c-list-btn:hover {
opacity: 0.7;
}

.c-list-btn::after {
right: 10px;
width: 18px;
height: 18px;
}

/*Floating
******************************************************/
.floating-container {
display: block;
width: 100%;
box-sizing: border-box;
}

.floating-btn {
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}

.floating-btn .btn p{
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .floating-btn {
    padding: 0;
    }
}

.floating-btn-list {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
flex-wrap: nowrap;
}

@media screen and (max-width: 767px) {
  .floating .cv-area{
    padding: calc(20/750 * 100vw) 0 calc(50/750 * 100vw) 0;
  }
}
.f-list-btn {
width: 100%;
padding: 2.4vw 4.6vw 2.4vw 4.6vw;
font-size: 4vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
box-sizing: border-box;
}

.f-list-btn:hover {
opacity: 0.7;
}

.f-list-btn::after {
right: 14px;
width: 18px;
height: 18px;
}

.f-list-btn-txt{
padding-left: 3%;
margin: auto 0;
font-size: calc(30/750 * 100vw);
display: inline-block;
white-space: nowrap;
}

.f-list-btn-img{
width: 40%;
height: 40%;
}

}

/* ============================
cv-area
===================================================*/

.cv-area{
  background-color: #FFF2B2;
  padding: 54px 0 64px 0;
}
@media screen and (max-width: 767px) {
  .cv-area{
    padding: calc(40/750 * 100vw) 0 calc(56/750 * 100vw) 0;
  }
}
.cv-area-ttl{
  font-size: 20px;
  margin-bottom: 8px;
  letter-spacing: 0.08em;
  text-align: center;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  .cv-area-ttl{
    font-size: calc(28/750 * 100vw);
  }
}
.btn{
  width: 530px;
  height: 80px;
  border-radius: 40px;
  box-shadow: 0px 8px 0px #AB6605;
  position: relative;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #F2A230;
}
@media screen and (max-width: 767px) {
  .btn{
    width: calc(690/750 * 100vw);
    height: calc(100/750 * 100vw);
    border-radius: 100px;
    box-shadow: 0px calc(8/750 * 100vw) 0px #AB6605;
  }
}
.btn:hover{
  opacity: 0.7;
}

.btn p{
  font-size: 24px;
  color: #fff;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.08em;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .btn p{
    font-size: calc(32/750 * 100vw);
  }
}
.btn img{
  width: 30px;
  height: 24px;
  margin-right: 3px
}
@media screen and (max-width: 767px) {
  .btn img{
    width: calc(40/750 * 100vw);
   height: auto;
   margin-right: 3px
  }
}
.btn .fa-chevron-right{
  right: 30px;
  font-size: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: flex;
  align-items: center;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .btn .fa-chevron-right{
    right:calc(32/750 * 100vw);
    font-size: calc(32/750 * 100vw);
  }
}

/* ============================
Section
===================================================*/
.heading-area {
text-align: center;
}

.h-alpha {
font-weight: 700;
letter-spacing: 0.102em;
}

.h-alpha-sub{
font-size: 20px;
font-family: 'Poppins', sans-serif;
font-weight: bold;
}

.txt-blue {
display: inline;
color: #1B7CD0;
}

.h-txt {
margin-top: 15px;
font-weight: 500;
letter-spacing: 0.079em;
}

.wrapper {
position: relative;
max-width: 100%;
margin-right: auto;
margin-left: auto;
overflow: initial;
}

@media screen and ( min-width: 768px) {
.h-alpha {
font-size: 30px;
}

.h-alpha::after {
width: 100px;
height: 3px;
margin: 13px auto 0;
}

.h-txt {
font-size: 22px;
}

.wrapper {
position: relative;
min-width: 1000px;
max-width: 100%;
margin-right: auto;
margin-left: auto;
overflow: initial;
}
}

@media screen and ( max-width: 767px) {
.h-alpha {
font-size: calc(48/750 * 100vw);
line-height: 1.4;
letter-spacing: 0.001em;
}

.h-alpha-sub{
font-size: calc(32/750 * 100vw);
font-family: 'Poppins', sans-serif;
font-weight: bold;
}

.h-alpha::after {
width: 114px;
height: 3px;
margin: 15px auto 0;
}

.h-txt {
font-size: 3.6vw;
}

.wrapper {
position: relative;
max-width: 100%;
margin-right: auto;
margin-left: auto;
overflow: initial;
}
}

/* ============================
matter
===================================================*/

.matter-wrapper{
background-color: #F7F7F7;
}

.matter-area{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.matter-h-alpha{
font-size: 26px;
font-weight: bold;
padding-bottom: 40px;
}

.matter-box{
-webkit-box-shadow: 2px 2px 20px rgba(0,0,0,0.2);
        box-shadow: 2px 2px 20px rgba(0,0,0,0.2);
background-color: #fff;
width: 307px;
margin-right: 40px;
}

.matter-box:last-child{
margin-right: 0;
}

.matter-ttl{
margin-left: 20px;
margin-top: 20px;
font-size: 20px;
font-weight: bold;
}

.matter-list{
margin-left: 20px;
margin-top: 10px;
margin-bottom: 20px;
}

.matter-list-item{
font-size: 18px;
}

.matter-list-item::before{
content: "・";
display: inline-block;
width: 10px;
height: 10px;
padding-right: 10px;
}

.matter-list-item:first-child:before{
content: "";
display: inline-block;
width: 11px;
height: 16px;
background: url(../img/icon_money.png) top left/contain no-repeat;
padding-right: 8px;
vertical-align: middle;
}


@media screen and ( max-width: 767px) {
.matter-area{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}

.matter-h-alpha{
font-size: calc(36/750 * 100vw);
padding-bottom: calc(80/750 * 100vw);
}

.matter-box{
-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
        box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
width: 100%;
margin-right: 0px;
margin-bottom: calc(80/750 * 100vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.matter-ttl{
margin-left: calc(30/750 * 100vw);
margin-top: calc(40/750 * 100vw);
font-size: calc(28/750 * 100vw);
font-weight: bold;
}

.matter-list{
margin-left: calc(30/750 * 100vw);
margin-top: calc(10/750 * 100vw);
margin-bottom: calc(30/750 * 100vw);
}

.matter-box:last-child{
margin-bottom: 0;
}

.matter-list-item{
font-size: calc(26/750 * 100vw);
}

.matter-img-box{
width: 45%;
}

.matter-list-item::before{
content: "・";
display: inline-block;
width: 10px;
height: 10px;
padding-right: 10px;
}

.matter-list-item:first-child:before{
content: "";
display: inline-block;
width: 14px;
height: 14px;
background: url(../img/icon_money.png) top left/contain no-repeat;
padding-right: 6px;
vertical-align: middle;
}
}
/* ============================
point
===================================================*/

.reason-area {
margin: auto;
}

.reason-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}
@media screen and (min-width: 768px) {
  .reason-block {
    width: 1000px;
    }
} 

.reason-body {
height: auto;
}

.reason-num {
padding: 10px 0px;
margin-bottom: 10px;
color: #7DCADF;
font-weight: 700;
letter-spacing: 0.07em;
font-family: 'Poppins', sans-serif;
}

.reason-num-img{
  height: 68px;
}


.reason-num-digit {
display: inline-block;
padding-left: 10px;
}

.reason-ttl {
font-weight: 700;
letter-spacing: 0.092em;
}

.reason-txt {
  font-size: 18px;
margin-top: 5px;
text-align: justify;
line-height: 2;
}

.reason-ttl sup{
  font-size: 70%;
  line-height: 2em;
  vertical-align: top;
}

.reason-img {
content: '';
display: block;
position: relative;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

.notes{
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .notes{
    font-size: calc(18/750 * 100vw);
  }
}
.reason-block .notes{
  margin-top: 10px;
}


.p-img-01 {
background-image: url(../img/reason_img01.png);
}
@media screen and (max-width: 767px) {
  .p-img-01 {
    background-image: url(../img/reason_img01_sp.png);
    }
}

.p-img-02 {
background-image: url(../img/reason_img02.png);
}
@media screen and (max-width: 767px) {
  .p-img-02 {
    background-image: url(../img/reason_img02_sp.png);
    }
}

.p-img-03 {
background-image: url(../img/reason_img03.png);
}
@media screen and (max-width: 767px) {
  .p-img-03 {
    background-image: url(../img/reason_img03_sp.png);
    }
}

@media screen and ( min-width: 768px) {
.reason-area {
padding: 60px 0;
}

.reason-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

.reason-block:not(:last-child) {
margin-bottom: 100px;
}

.reason-body {
width: 510px;
}

.p-body-01,
.p-body-03 {
-webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
        order: 2;
}

.p-body-02 {
-webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
        order: 0;
}

.reason-num-digit {
font-size: 24px;
}

.reason-ttl {
font-size: 24px;
}

.reason-txt {
margin-top: 10px;
}

.reason-img {
width: 440px;
height: 440px;
}

.p-img-01::after,
.p-img-03::after {
left: -10px;
}

.p-img-02::after {
right: -10px;
}

.p-img-01,
.p-img-03 {
-webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
        order: 1;
}

.p-img-02 {
-webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
        order: 2;
}
}

@media screen and ( max-width: 767px) {
.reason-area {
  padding-top: calc(60/750 * 100vw);
}

.reason-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}

.reason-block:not(:last-child) {
margin-bottom: calc(100/750 * 100vw);
}

.reason-body {
width: 100%;
padding-top: 25px;
}

.p-body-01,
.p-body-02,
.p-body-03 {
-webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
        order: 2;
}

.reason-img-box{
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.reason-num {
font-size: 4.3vw;
padding: 0;
margin-bottom: 0;
margin-right: calc(20/750 * 100vw);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align:end;
    -ms-flex-align:end;
        align-items:flex-end;
}

.reason-num-digit {
font-size: 4.8vw;
}

.reason-ttl {
font-size: calc(32/750 * 100vw);
line-height: 1.5;
}

.reason-txt {
margin-top: 10px;
font-size: calc(26/750 * 100vw);
}

.reason-img {
width: 100%;
height:45vw;
font-size: 0;
}

.p-img-01,
.p-img-02,
.p-img-03 {
-webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
        order: 1;
background-size: contain;
}

.reason-num-img{
width: calc(136/750 * 100vw);
height: auto;
}
}

/* ============================
case
===================================================*/


.case-container{
  width: 1070px;
}

.case-wrapper .h-alpha{
  color: #fff;
}

.case-block{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
padding-top: 40px;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.case-block .slick-dots{
  display: none!important;
}

.case-box{
width: 335px;
background-color: #fff;
margin-bottom: 32px;
box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

@media screen and (min-width:768px) and ( max-width:1300px) {
  .case-box{
    width: 325px;
    }
    .case-container{
      max-width: 1000px;
      width: 100%;
    }
}

.case-box-ttl{
background-color: #F3F3F3;
padding: 10px 0;
text-align: center;
font-size: 22px;
font-weight: bold;
color:#34ADCD;
line-height: 1.3;
}

.case-list{
padding: 15px 20px;
}

.case-list-item{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.case-list-item-head{
width: 80px;
font-size: 16px;
margin: auto 0;
font-weight: bold;
color:#40556E ;
}

.case-list-item-body{ 
margin: auto 0;
font-size: 16px;
color: #40556E;
}

.txt-price{
  color: #9A0000;
  font-weight: bold;
  font-size: 15px;
}

.case-list-item01,
.case-list-item02{
  margin-bottom: 12px;
}
.case-list-item03{
  flex-wrap: wrap;
}
.case-list-item03 .case-list-item-head{
  width: 31%;
  margin-bottom: 4px;
}
.case-list-item04{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.case-list-item04 .case-txt-ttl{
  width: 90%;
  font-weight: 700;
  letter-spacing: 0;
}
.case-list-item04 .case-txt{
  line-height: 1.5em;
}

.case-list-item01:before{
content: "";
display: inline-block;
width: 19px;
height: 19px;
background: url(../img/icon_human.png) top left/contain no-repeat;
padding-right: 8px;
display: block;
  margin: auto 0;
}
.case-list-item02:before{
content: "";
display: inline-block;
width: 19px;
height: 19px;
background: url(../img/icon_money.png) top left/contain no-repeat;
padding-right: 8px;
display: block;
margin: auto 0;
}
.case-list-item03:before{
content: "";
display: inline-block;
width: 19px;
height: 19px;
background: url(../img/icon_work.png) top left/contain no-repeat;
padding-right: 8px;
display: block;
margin: auto 0;
}
.case-list-item04:before{
  content: "";
  display: inline-block;
  width: 19px;
  height: 19px;
  background: url(../img/icon_sparkle.png) top left/contain no-repeat;
  padding-right: 8px;
  display: block;
  margin: auto 0;
  }

.case-list-item01 .case-list-item-body{
font-size: 16px;
display: inline;
font-weight: 500;
color: #40556E;
}

.case-list-item01 .case-list-item-body span{
font-size: 32px;
display: inline;
}

.case-txt-box{
padding: 0px 20px 20px;
}

.case-txt-ttl{
font-family: 'Poppins', sans-serif;
font-size: 16px;
letter-spacing: 0.1em;
}

.case-txt{
font-size: 16px;
}

@media screen and ( max-width: 767px) {
  .case-wrapper .container{
    width: 100%;
  }

.case-box{
width: calc(580/750 * 100vw);
margin-bottom: 0;
margin-right: calc(14/750 * 100vw);
}

.case-box-ttl{
background-color: #F3F3F3;
padding: calc(32/750 * 100vw) 0;
font-size: calc(32/750 * 100vw);
}

.case-list-item{
height: auto;
}

.case-list-item-head{
width: calc(140/750 * 100vw);
font-size: calc(24/750 * 100vw);
}

.case-list-item-body{
margin: auto 0;
font-size: calc(24/750 * 100vw);
font-weight: bold;
}

.case-list-item-body-work{
  font-weight: 400!important;
}

.case-list-item01:before{
content: "";
display: inline-block;
width: calc(30/750 * 100vw);
height: calc(30/750 * 100vw);
padding-right: 8px;
display: block;
  margin: auto 0;
}
.case-list-item02:before{
content: "";
display: inline-block;
width: calc(30/750 * 100vw);
height: calc(30/750 * 100vw);
padding-right: 8px;
display: block;
margin: auto 0;
}
.case-list-item03:before,
.case-list-item04:before{
content: "";
display: inline-block;
width: calc(30/750 * 100vw);
height: calc(30/750 * 100vw);
padding-right: 8px;
display: block;
margin: auto 0;
}

.case-list-item01 .case-list-item-body{
font-size: calc(24/750 * 100vw);
}

.case-list-item01 .case-list-item-body span{
font-size: calc(44/750 * 100vw);
}

.case-txt-box{
padding: 0px 20px 20px;
}

.case-txt-ttl{
font-size: calc(26/750 * 100vw);
letter-spacing: 0.1em;
}

.case-txt{
font-size: calc(24/750 * 100vw);
}

.case-slide-dots{
  text-align: center;
  padding-top: calc(10/750 * 100vw);
}
.case-slide-dots li{
  display: inline-block;
  margin: 0 calc(10/750 * 100vw);
}
.case-slide-dots li button{
  position: relative;
  text-indent: -9999px;
  border: none;
  background-color: transparent;
}
.case-slide-dots li button:before{
  content: '';
  background: url(../img/dot_no_active.png) top left/contain no-repeat;
  font-size: calc(20/750 * 100vw);
  text-indent: 0px;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(25/750 * 100vw);
  height:calc(25/750 * 100vw);
}

.case-slide-dots li.slick-active button:before{
  background: url(../img/dot_active.png) top left/contain no-repeat;
}

}


/* ============================
voice
===================================================*/

.voice-wrapper{
  background-color: #E5EDED;
}

.voice-container{
  width: 790px;
}
@media screen and (max-width: 767px) {
  .voice-container{
    width: calc(670/750 * 100vw);
    padding-bottom: calc(56/750 * 100vw);
  }
}

.voice-area{
padding-top: 80px;
}
@media screen and (max-width: 767px) {
  .voice-area{
    padding-top:calc(80/750 * 100vw);
    }
}

.voice-box{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 100px;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .voice-box{
    padding-bottom: calc(60/750 * 100vw);
    }
}

.voice-box:last-child{
padding-bottom: 0px;
flex-direction: row-reverse;
}

.voice-block{
width: 580px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}


@media screen and (min-width: 768px) {
  .voice-img{
    height: 425px;
    width: 170px;
  }
}

.voice-num{
color: #34ADCD;
font-family: 'Poppins', sans-serif;
font-size: 30px;
font-weight: bold;
padding-bottom: 20px;
}

.voice-ttl{
font-size: 24px;
font-weight: bold;
padding-bottom: 20px;
letter-spacing: 0.092em;
line-height: 1.5;
}

.voice-txt{
font-size: 18px;
line-height: 2em;
}

@media screen and ( max-width: 767px) {
.voice-box:last-child{
padding-bottom: 0px;
}
.voice-img-box{
width: 30%;
padding-bottom: calc(30/750 * 100vw);
}

.voice-block{
width:65%;
}

.voice-num{
font-size: calc(40/750 * 100vw);
padding-bottom: calc(8/750 * 100vw);
}

.voice-ttl{
font-size:calc(32/750 * 100vw);
padding-bottom: calc(20/750 * 100vw);
}

.voice-txt{
font-size:calc(26/750 * 100vw);
padding-bottom: calc(40/750 * 100vw);
}
}

/* ============================
point
===================================================*/

.point-area{
padding-top: 60px;
}

.point-block{
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: #fff;
margin-bottom: 100px;
}

.point-block:last-child{
margin-bottom: 0px;
}
.point-img-box{
width: 50%;
}

.point-block:nth-child(2) .point-img-box{
-webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
        order: 3;
}

.point-body{
width: 50%;
padding: 20px 40px 20px 0;
}

.point-block:nth-child(2) .point-body{
padding: 20px 0px 20px 40px;
}

.point-ttl{
font-size: 26px;
font-weight: bold;
padding-bottom: 20px;
}

.point-txt{
font-size: 18px;
}

@media screen and ( max-width: 767px) {

.point-area{
  padding-top: calc(60/750 * 100vw);
}

.point-block{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: calc(120/750 * 100vw);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.point-img-box{
  width: 100%;
}

.point-num-img{
  width: calc(120/750 * 100vw);
}

.point-ttl{
  font-size: calc(32/750 * 100vw);
  padding-bottom: calc(20/750 * 100vw);
}

.point-block:nth-child(2) .point-img-box{
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.point-body{
  width: 100%;
  padding: calc(0/750 * 100vw) calc(40/750 * 100vw) calc(40/750 * 100vw);
}

.point-block:nth-child(2) .point-body{
  padding: calc(0/750 * 100vw) calc(40/750 * 100vw) calc(40/750 * 100vw);
}

.point-txt{
  font-size: calc(26/750 * 100vw);
}

}

/* ============================
message
===================================================*/

.message .h-alpha{
  line-height: 1.3em;
  margin-bottom: 80px;
}

.message-area{
padding-top: 60px;
}

.message-img-box{
  width: 670px;
}
@media screen and (min-width: 768px) {
  .message-img-box{
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .message-img-box{
    width: calc(670/750 * 100vw);
    margin: 0 auto;
  }
}

.message-block{
position: relative;
}

.message-body{
display: block;
position: absolute;
background: rgba(255, 255, 255, 0.8);
top: 8%;
left: 0;
width: 520px;
padding: 40px 30px;
-webkit-box-shadow: 2px 2px 20px rgba(0,0,0,0.1);
        box-shadow: 2px 2px 20px rgba(0,0,0,0.1);
}
@media screen and (min-width: 768px) {
  .message-body{
    height: 321px;
    }
}
@media screen and (max-width: 767px) {
  .message-body{
   width: calc(670/750 * 100vw);
   margin: 0 auto;
    }
}
.message-ttl{
font-weight: bold;
font-size: 22px;
padding-bottom: 20px;
line-height: 1.3em;
color:#34ADCD;
}
.message-txt{
font-size: 16px;
line-height: 2;
}

@media screen and ( max-width: 767px) {
  .message-txt{
    font-size: calc(26/750 * 100vw);
  } 
.message-area{
  padding-top: calc(60/750 * 100vw)
}
.message-body{
position: relative;
top: 0;
left: 0;
-webkit-box-shadow: none;
        box-shadow: none;
padding: calc(50/750 * 100vw) 0 0 0px;
}
.message-ttl{
  font-size: calc(32/750 * 100vw);
  padding-bottom: calc(24/750 * 100vw);
}
}

/* ============================
flow
===================================================*/

.flow-container{
  max-width: 100%;
  width: 1300px;
}
@media screen and (max-width: 767px) {
  .flow-container{
   width: calc(670/750 * 100vw);
   padding-bottom: calc(150/750 * 100vw);
  }
}

.flow-area{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack:distribute;
    justify-content:space-around;
padding-top: 50px;
}

.flow-block{
width: 227px;
background-color: #fff;
padding: 15px;
position: relative;
}
@media screen and (max-width: 767px) {
  .flow-block{
    width: 80%;
    margin: 0 auto;
    padding: 70px;
    height: calc(800/750 * 100vw);
  }
}
.flow-block::before{
  position: absolute;
  content: '';
  display: block;
  width: 22px;
  height: 22px;
  background: url(../img/icon_arrow02.png) center center/contain no-repeat;
  top: 50%;
  transform: translate(0%, -50%);
  right: -30px;
  }

.flow-ttl{
background: -webkit-gradient(linear, left top, left bottom, color-stop(47%, transparent), color-stop(47%, #000),color-stop(52%, #000),color-stop(52%, transparent));
background: -o-linear-gradient(transparent 47%, #000 47%,#000 52%,transparent 52%);
background: linear-gradient(transparent 47%, #000 47%,#000 52%,transparent 52%);
text-align: center;
font-family: 'Poppins', sans-serif;
font-size: 18px;
}
@media screen and (max-width: 767px) {
  .flow-ttl{
    font-size: calc(32/750 * 100vw);
    }
}

@media screen and (max-width: 767px) {
  .flow-body{
    padding-top: calc(20/750 * 100vw);
  }
}


.flow-ttl span{
background: #fff;
display: inline;
padding: 0 8px;
}

.flow-sub-ttl{
font-size: 18px;
text-align: center;
font-weight: bold;
padding-bottom: 16px;
padding-top: 6px;
color: #34ADCD;
line-height: 1.3;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
  .flow-sub-ttl{
    font-size: calc(40/750 * 100vw);
    height: auto;
    }
}

.flow-img-box{
width: 100%;
height: auto;
}
.flow-img{
margin: 0 auto;
display: block;
}
@media screen and (min-width: 768px) {
  .flow-img{
    height: auto;
    width: 197px;
    }
}

.flow-txt{
  font-size: 16px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .flow-txt{
    font-size:calc(24/750 * 100vw);
    text-align: left;
  }
}
.flow-txt span{
  display: inline;
  color: #34ADCD;
  border-bottom: solid 1px #34ADCD;
}

.last-block::before{
  display: none;
}

@media screen and ( max-width: 767px) {
.flow-area{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -ms-flex-pack:distribute;
      justify-content:space-around;
  padding-top: calc(60/750 * 100vw);
}

.flow-intro-txt{
  padding-top: calc(60/750 * 100vw);
  }

.flow-ttl{
  width: 100%;
  margin: 0 auto;
  }

.flow-block{
  width: 90%;
  margin: 0 auto;
  padding: calc(60/750 * 100vw) calc(30/750 * 100vw);
}
.flow-img-box{
  width: auto;
  margin-bottom: calc(16/750 * 100vw);
}

.flow-block::before{
  position: absolute;
  width: calc(65/750 * 100vw);
  height: calc(65/750 * 100vw);
  background: url(../img/icon_arrow03.png) center center/contain no-repeat;
  top: calc(-52/750 * 100vw);
  right: auto;
  left: 50%;
  transform: translate(-50%, 0%);
  }
}

/* ============================
performance
===================================================*/

.performance-area{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack:justify;
    -ms-flex-pack:justify;
        justify-content:space-between;
-ms-flex-wrap:wrap;
    flex-wrap:wrap;
padding-top: 60px;
}

.performance-img-box{
width: 180px;
border: #D9D9D9 solid 1px;
margin-right: 20px;
margin-bottom: 20px;
}

.performance-img-box:nth-child(5n){
margin-right: 0px;
}

@media screen and ( max-width: 767px) {
.performance-area{
  padding-top: calc(60/750 * 100vw);
  margin: 0 calc(20/750 * 100vw);
}
.performance-img-box{
  width: calc(190/750 * 100vw);
  margin-right: calc(0/750 * 100vw);
  margin-bottom: calc(20/750 * 100vw);
}  
.performance-img-box:nth-child(5n){
  margin-right: calc(20/750 * 100vw);
}
.performance-img-box:nth-child(3n){
  margin-right: 0px!important;
}
}

/* ============================
qa
===================================================*/
.qa-wrapper{
  background-color:#F5FBFC;
  padding: 120px 0;
}
@media screen and (max-width: 767px) {
  .qa-wrapper{
    padding: calc(120/750 * 100vw) 0;
  }
}

.qa-area {
width: 100%;
}

.qa-box {
position: relative;
width: 100%;
margin: 0 auto;
color: #000;
}

.q-box{
border: solid 3px #E1E1E1;
}

.qa-box:not(:last-child) {
margin-bottom: 30px;
}

.qa-check {
position: absolute;
z-index: -1;
opacity: 0;
}

.qa-label {
display: block;
position: relative;
margin: 0;
cursor: pointer;
background: #fff;
font-weight: 700;
letter-spacing: 0.079em;
line-height: 1.09;
}

.qa-q{
font-size: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 15px 48px 15px 24px;
border-top: solid 3px #E1E1E1;
border-bottom: solid 3px #E1E1E1;
color: #34ADCD;
height: 67px;
align-items: center;
}
@media screen and (max-width: 767px) {
  .qa-q{
    font-size: calc(20/750 * 100vw);
    padding:calc(15/750 * 100vw) calc(48/750 * 100vw) calc(15/750 * 100vw) calc(24/750 * 100vw);
    border-top: solid calc(3/750 * 100vw) #E1E1E1;
    border-bottom: solid calc(3/750 * 100vw) #E1E1E1;
    height: calc(120/750 * 100vw);
    }
}
@media screen and (max-width: 767px) {
  .qa-label02 .qa-q,
  .qa-label04 .qa-q,
  .qa-label05 .qa-q,
  .qa-label01 .qa-ac-txt,
  .qa-label02 .qa-ac-txt,
  .qa-label04 .qa-ac-txt,
  .qa-label05 .qa-ac-txt{
    align-items: flex-start;
  }
}
.qa-q dt{
font-family: 'Poppins', sans-serif;
font-size: 28px;
display: inline;
padding-right: 16px;
line-height: 0.8;
}
@media screen and (max-width: 767px) {
  .qa-q dt{
    font-size: calc(28/750 * 100vw);
    padding-right:calc(16/750 * 100vw);
    }
}
.qa-ac-txt dd{
  letter-spacing: 0.04em;
}

.qa-ac-txt dd a{
  display: inline;
  color: #34ADCD;
  border-bottom: solid 1px #34ADCD;
}

.qa-ac {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.35s;
-o-transition: max-height 0.35s;
transition: max-height 0.35s;
color: #333333;
background: #DDF2F7;
}

.qa-ac-txt {
padding: 20px 20px 20px 24px;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 2em;
color: #40556E;
align-items: center;
}

.qa-box:last-child .qa-ac-txt{
  align-items: flex-start;
}

.qa-ac-txt dt{
font-family: 'Poppins', sans-serif;
font-size: 28px;
display: inline;
padding-right: 22px;
line-height: 1.2em;
font-weight: bold;
}

.qa-check:checked ~ .qa-ac {
max-height: 20em;
}

.toggle {
position: absolute;
right: 0;
display: block;
-webkit-transform: translate(-50%, -50%) rotate(0deg);
    -ms-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
border: 2px solid #34ADCD;
border-radius: 50%;
cursor: pointer;
z-index: 100;
}

.toggle::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
height: 2px;
width: 50%;
background: #34ADCD;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}

.toggle::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
height: 50%;
width: 2px;
background: #34ADCD;
-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
-webkit-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;
}

.qa-check[type=checkbox]:checked + .toggle::before {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
    -ms-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg);
}

@media screen and ( min-width: 768px) {
.qa-area {
margin: 80px auto 0;
}

.qa-label {
font-size: 22px;
}

.qa-q::before {
margin-left: -2.4rem;
}

.toggle {
top: 30px;
width: 31px;
height: 31px;
}
}

@media screen and ( max-width : 767px ) {
.qa-area {
margin: 30px auto 0;
}

.qa-label {
font-size: 3.3vw;
}

.qa-q {
padding: calc(25/750 * 100vw) calc(20/750 * 100vw);
}

.qa-q dt{
font-size: calc(30/750 * 100vw);
line-height: 1;
}

.qa-q dd{
font-size: calc(30/750 * 100vw);
padding-right: calc(60/750 * 100vw);
}

.qa-ac-txt dt{
font-size: calc(30/750 * 100vw);
}

.qa-ac-txt dd{
font-size: calc(26/750 * 100vw);
}

.qa-q::before {
margin-left: -2em;
}

.toggle {
top: calc(60/750 * 100vw);
width: 6vw;
height: 6vw;
right: 5px;
}

.qa-ac-txt {
font-size: 3.2vw;
line-height: 2;
}

.qa-ac-txt dt{
padding-right: calc(28/750 * 100vw);
line-height: 1.8;
}
}

/* ============================
footer
===================================================*/

footer {
margin: 0 auto;
}

.footer-link{
  justify-content: center;
  display: flex;
  padding: 40px 0;
  border-bottom: 1px solid #707070;
}
@media screen and (max-width: 767px) {
  .footer-link{
    padding: calc(32/750 * 100vw) 0;
  }
}
.footer-link-com{
  border-right: 1px solid #000;
  padding-right: 20px;
  height: 20px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .footer-link-com{
    font-size: calc(24/750 * 100vw);
    padding-right: calc(20/750 * 100vw);
    height: calc(20/750 * 100vw);
  }
}
.footer-link-pra{
  padding-left: 20px;
  height: 20px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .footer-link-pra{
    font-size: calc(24/750 * 100vw);
    padding-left: calc(20/750 * 100vw);
    height: calc(20/750 * 100vw);
  }
}

footer .company{
  text-align: center;
  padding: 40px 0;
}
@media screen and (max-width: 767px) {
  footer .company{
    padding: calc(32/750 * 100vw) 0;
  }
}
@media screen and (max-width: 767px) {
  .company-txt{
    font-size: calc(24/750 * 100vw);
  }
}

/*life*/

.life{
  padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .life{
    padding-bottom: calc(120/750 * 100vw);
  }
}

.life-slider .slick-slider{
  background-color: #E5EDED;
}

.life-ttl{
  font-size: 24px;
  color: #fff;
  background-color: #34ADCD;
  width: 670px;
  height: 60px;
  border-radius: 100px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.life-ttl{
  width: calc(630/750 * 100vw);
  height: calc(72/750 * 100vw);
  font-size: calc(30/750 * 100vw);
}
}
.life-list-ttl{
  font-size: 24px;
  font-weight: 600;
  text-align: center;
  height: 103px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: solid 2px #40556E;
  border-bottom: solid 2px #40556E;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .life-list-ttl{
    font-size: calc(30 / 750* 100vw);
    line-height: 1.5;
    height: calc(124/750 * 100vw);
  }
}
.life .notes{
  width: 1000px;
  margin: 0 auto;
  text-align: right;
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .life .notes{
   width: calc(670/750 * 100vw);
  }
}

.life-slider .life-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1000px;
  margin: 0 auto;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .life-slider .life-list {
    width: 89.3333333333vw;
    margin: 0 auto;
  }
}
.life-slider .life-list-item {
  width: 38.6666666667vw;
  border-radius: 2.1333333333vw;
}
@media screen and (min-width: 768px) {
  .life-slider .life-list-item {
    width: 480px;
  }
}
@media screen and (max-width: 767px) {
  .life-slider .life-list-item {
    width: 89.3333333333vw;
    padding: 0;
  }
}
.life-slider .life-list-item .notes {
  padding-bottom: 1em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #777777;
  font-size: 3.2vw;
}
@media screen and (min-width: 768px) {
  .life-slider .life-list-item .notes {
    font-size: 12px;
    padding-top: 10px;
    text-align: center;
  }
}
.life-slider .step-tel-box {
  background: #FCF7ED;
  border-radius: 10px;
  padding: 24px 16px;
  width: 90%;
  margin: 24px auto 0;
}
@media screen and (max-width: 767px) {
  .life-slider .step-tel-box {
    width: 76vw;
    margin: 5.3333333333vw auto 0;
    border-radius: 1.3333333333vw;
    padding: 6.1333333333vw 6.6666666667vw;
  }
}
.life-slider .step-sub-ttl {
  font-size: 3.7333333333vw;
  font-family: "Poppins", sans-serif;
  color: #DE5E70;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 1.3333333333vw;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .life-slider .step-sub-ttl {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
.life-slider .step-ttl {
  font-size: 5.3333333333vw;
  text-align: center;
  font-weight: bold;
  margin-bottom: 4vw;
  line-height: 1.3em;
}
@media screen and (min-width: 768px) {
  .life-slider .step-ttl {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.life-slider .step-txt {
  text-align: center;
  font-size: 3.7333333333vw;
}
@media screen and (min-width: 768px) {
  .life-slider .step-txt {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .life-slider .step-tel-box-ttl {
    width: 200px;
    margin: 0 auto;
  }
}
.life-slider .step-tel-box-ttl p {
  border: #DE5E70 0.2666666667vw solid;
  border-radius: 6.6666666667vw;
  background: #fff;
  color: #DE5E70;
  font-size: 3.4666666667vw;
  line-height: 1;
  padding: 0.4em 0;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .life-slider .step-tel-box-ttl p {
    font-size: 16px;
    border: #DE5E70 2px solid;
  }
}
.life-slider .step-tel-link {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .life-slider .step-tel-link {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.life-slider .step-tel-link .fa-phone {
  font-size: 5.8666666667vw;
  color: #DE5E70;
  margin-right: 1.0666666667vw;
}
@media screen and (min-width: 768px) {
  .life-slider .step-tel-link .fa-phone {
    font-size: 24px;
    margin-right: 8px;
  }
}
.life-slider .step-tel-link .txt-pop {
  font-size: 8vw;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .life-slider .step-tel-link .txt-pop {
    font-size: 24px;
  }
}
.life-slider .step-tel-txt {
  font-size: 3.2vw;
  text-align: center;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .life-slider .step-tel-txt {
    font-size: 12px;
  }
}
.life-slider .life-list-img {
  margin: 0 auto 16px;
  width: 90%;
}
@media screen and (max-width: 767px) {
  .life-slider .life-list-img {
    width: 76vw;
    margin: 0 auto 5.3333333333vw;
  }
}
.life-slider .z-5-slide-dots {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  bottom: -30px;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.life-slider .z-5-slide-dots li {
  width: 2.1333333333vw;
  height: 2.1333333333vw;
  background: #fff;
  border: 0.2666666667vw solid #34ADCD;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .life-slider .z-5-slide-dots li {
    width: calc(25/750 * 100vw);
    height: calc(25/750 * 100vw);
  }
}
.life-slider .z-5-slide-dots li button {
  display: none;
}
.life-slider .z-5-slide-dots li.slick-active {
  background: #34ADCD;
}
.life-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.life-slider .slick-slide {
  height: auto !important;
}
.life-slider .life-list .slick-next {
  color: #34ADCD;
  top: 45%;
  right: -2.6666666667vw;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
  z-index: 10;
  width: auto;
  height: auto;
}
@media screen and (max-width: 767px) {
  .life-slider .life-list .slick-next {
    top: 50%;
  }
}
.life-slider .life-list .slick-next:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  font-size: 16vw;
  color: #34ADCD;
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
  border-radius: 50%;
}
.life-slider .life-list .slick-prev {
  color: #34ADCD;
  top: 45%;
  left: -2.6666666667vw;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
  z-index: 10;
  width: auto;
  height: auto;
}
@media screen and (max-width: 767px) {
  .life-slider .life-list .slick-prev {
    top: 50%;
  }
}
.life-slider .life-list .slick-prev:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0d9";
  font-size: 16vw;
  color: #34ADCD;
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
  border-radius: 50%;
}
.life-slider .life-list .slick-prev.slick-disabled,
.life-slider .life-list .slick-next.slick-disabled {
  opacity: 0;
}
.life-slider .life-list .slick-prev.slick-disabled:before,
.life-slider .life-list .slick-next.slick-disabled:before {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .life-slider .slick-slide img{
    width: 90%;
    margin: 0 auto;
  }
  
}

/*step*/

.flow-wrapper .heading-area{
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .flow-wrapper .heading-area{
    margin-bottom: calc(60/750 * 100vw);
  }
}

.flow-container .slick-slider{
  background-color: #F7FAFA;
}

.step-slider .step-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .step-slider .step-list {
    width: 89.3333333333vw;
    margin: 0 auto;
  }
}
@media screen and (min-width:768px) and ( max-width:1300px) {
  .step-slider .step-list{
    flex-wrap: wrap;
    justify-content: center;
    max-width: 850px;
    width: 90%;
  }
  .step-slider .step-list-item{
    margin: 0 20px;
    margin-bottom: 20px;
  }
  .step-list-item:nth-child(3) .flow-block::before{
    display: none;
  }
}

.step-slider .step-list-item {
  width: 38.6666666667vw;
}
@media screen and (min-width: 768px) {
  .step-slider .step-list-item {
    background: #fff;
  }
}
@media screen and (min-width: 768px) {
  .step-slider .step-list-item {
    width: 228px;
  }
}
@media screen and (max-width: 767px) {
  .step-slider .step-list-item {
    width: 89.3333333333vw;
  }
}
.step-slider .step-list-item .notes {
  padding-bottom: 1em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #777777;
  font-size: 3.2vw;
}
@media screen and (min-width: 768px) {
  .step-slider .step-list-item .notes {
    font-size: 12px;
    padding-top: 10px;
    text-align: center;
  }
}

.step-slider .step-tel-box {
  background: #FCF7ED;
  border-radius: 10px;
  padding: 24px 16px;
  width: 90%;
  margin: 24px auto 0;
}
@media screen and (max-width: 767px) {
  .step-slider .step-tel-box {
    width: 76vw;
    margin: 5.3333333333vw auto 0;
    border-radius: 1.3333333333vw;
    padding: 6.1333333333vw 6.6666666667vw;
  }
}
.step-slider .step-sub-ttl {
  font-size: 3.7333333333vw;
  font-family: "Poppins", sans-serif;
  color: #DE5E70;
  text-align: center;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 1.3333333333vw;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .step-slider .step-sub-ttl {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
.step-slider .step-ttl {
  font-size: 5.3333333333vw;
  text-align: center;
  font-weight: bold;
  margin-bottom: 4vw;
  line-height: 1.3em;
}
@media screen and (min-width: 768px) {
  .step-slider .step-ttl {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.step-slider .step-txt {
  text-align: center;
  font-size: 3.7333333333vw;
}
@media screen and (min-width: 768px) {
  .step-slider .step-txt {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .step-slider .step-tel-box-ttl {
    width: 200px;
    margin: 0 auto;
  }
}
.step-slider .step-tel-box-ttl p {
  border: #DE5E70 0.2666666667vw solid;
  border-radius: 6.6666666667vw;
  background: #fff;
  color: #DE5E70;
  font-size: 3.4666666667vw;
  line-height: 1;
  padding: 0.4em 0;
  font-weight: bold;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .step-slider .step-tel-box-ttl p {
    font-size: 16px;
    border: #DE5E70 2px solid;
  }
}
.step-slider .step-tel-link {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .step-slider .step-tel-link {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.step-slider .step-tel-link .fa-phone {
  font-size: 5.8666666667vw;
  color: #DE5E70;
  margin-right: 1.0666666667vw;
}
@media screen and (min-width: 768px) {
  .step-slider .step-tel-link .fa-phone {
    font-size: 24px;
    margin-right: 8px;
  }
}
.step-slider .step-tel-link .txt-pop {
  font-size: 8vw;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .step-slider .step-tel-link .txt-pop {
    font-size: 24px;
  }
}
.step-slider .step-tel-txt {
  font-size: 3.2vw;
  text-align: center;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .step-slider .step-tel-txt {
    font-size: 12px;
  }
}
.step-slider .step-list-img {
  margin: 0 auto 16px;
  width: 90%;
}
@media screen and (max-width: 767px) {
  .step-slider .step-list-img {
    width: 76vw;
    margin: 0 auto 5.3333333333vw;
  }
}
.step-slider .z-5-slide-dots {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  bottom: -30px;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .step-slider .z-5-slide-dots {
    bottom: -60px;
  }
}
.step-slider .z-5-slide-dots li {
  width: 2.1333333333vw;
  height: 2.1333333333vw;
  background: #fff;
  border: 0.2666666667vw solid #34ADCD;
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  .step-slider .z-5-slide-dots li {
    width: calc(25/750 * 100vw);
    height: calc(25/750 * 100vw);
  }
}
.step-slider .z-5-slide-dots li button {
  display: none;
}
.step-slider .z-5-slide-dots li.slick-active {
  background: #34ADCD;
}
.step-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.step-slider .slick-slide {
  height: auto !important;
}
.step-slider .step-list .slick-next {
  color: #34ADCD;
  top: 45%;
  right: -2.6666666667vw;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
  z-index: 10;
  width: auto;
  height: auto;
}
@media screen and (max-width: 767px) {
  .step-slider .step-list .slick-next {
    right: 10px;
  }
}
.step-slider .step-list .slick-next:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  font-size: 16vw;
  color: #34ADCD;
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
  border-radius: 50%;
}
.step-slider .step-list .slick-prev {
  color: #34ADCD;
  top: 45%;
  left: -2.6666666667vw;
  -webkit-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
  opacity: 1;
  z-index: 10;
  width: auto;
  height: auto;
}
@media screen and (max-width: 767px) {
  .step-slider .step-list .slick-prev{
    left: 10px;
  }
}
.step-slider .step-list .slick-prev:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0d9";
  font-size: 16vw;
  color: #34ADCD;
  display: inline-block;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
  border-radius: 50%;
}
.step-slider .step-list .slick-prev.slick-disabled,
.step-slider .step-list .slick-next.slick-disabled {
  opacity: 0;
}
.step-slider .step-list .slick-prev.slick-disabled:before,
.step-slider .step-list .slick-next.slick-disabled:before {
  opacity: 1;
}

/*about*/

.about{
  padding: 120px 0;
}
@media screen and (max-width: 767px) {
  .about{
    padding: calc(80/750 * 100vw) 0;
  }
}
.about .h-alpha{
  text-align: center;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .about .h-alpha{
    margin-bottom: calc(60/750 * 100vw);
  }
}
.about-content{
  display: flex;
  justify-content: space-between;
  width: 1000px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .about-content{
    width: 1000px;
  }
}
@media screen and (max-width: 767px) {
  .about-content{
    display: block;
    width: calc(670/750 * 100vw);
  }
}
.about-content-item01{
  width: 500px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .about-content-item01{
    width: calc(500/750 * 100vw);
    margin: 0 auto;
  }
}
.about-content-item02{
  width: 460px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .about-content-item02{
    width: 100%;
  }
}
.about-content-item02-txt{
  line-height: 2em;
  margin-bottom: 18px;
}
@media screen and (max-width: 767px) {
  .about-content-item02-txt{
    font-size: calc(26/750 * 100vw);
    margin-top: calc(20/750 * 100vw);
    margin-bottom: calc(18/750 * 100vw);
  }
}
.slick-slider{
  background-color: #7DCADF;
}

/*case*/

.case-container{
  padding: calc(60/750 * 100vw) 0 calc(30/750 * 100vw) 0;
}

.case-container .slick-track .slick-slide {
	transform: scale(0.9);
	transition: all .5s;
	opacity: 0.5;
}

.case-container .slick-track .slick-slide.slick-center{
	transform: scale(1);
	opacity: 1;
}