@charset "utf-8";

/*--------------------------------------------------------------------------
□LP
---------------------------------------------------------------------------*/
/*mainVisual
--------------------------------------*/
@media screen and (min-width:769px) and (max-width:1920px) {
  .mainVisual{
    overflow: hidden;
  }
  .mainVisual .mv-img{
    width: 1920px;
    max-width: inherit;
    transform: translateX(-50%);
    position: relative;
    left: 50%;
  }
}
@media screen and (min-width:1921px) {
  .mainVisual .mv-img{
    width: 100%;
  }
}
/*Main
---------------------------------------------------------------------------*/
/*lpSolution
--------------------------------------*/
.lpSolution{
  background: var(--bg-color1);
  padding-bottom: 12rem;
  position: relative;
}
.soln_boxTxt{
  width: 800px;
  height: auto;
}
.soln_boxImg{
  width: 460px;
  height: auto;
}
.page-down{
  position: absolute;
  left: 0;
  right: 0;
  top: -5rem;
  margin: auto;
}
/*lpFeature
--------------------------------------*/
.lpFeature{
  padding: 18.4rem 0 17.6rem;
  background: var(--bg-color2) url(../images/feat-hdr-pc.jpg) no-repeat 50% 0 / contain;
}
.feat_boxWrap{
  margin: 4rem 0 0 0;
}
.feat_boxImg{
  width: 50%;
  margin-top: 4rem;
  text-align: center;
}
/*lpIntroduction
--------------------------------------*/
.lpIntroduction{
  padding: 26.8rem 0 13.6rem;
  background: url(../images/intro-hdr-pc.jpg) no-repeat 50% 0 / contain,
  url(../images/intro-bg-item@2x.png) no-repeat 5rem 80% / 19.5rem auto;
}
.intro_boxTxt{
  width: 648px;
  padding-top: 12rem;
}
.intro_boxTxt_txt{
  font-size: 2rem;
  line-height: 2;
  margin-top: 6.2rem;
}
.intro_boxTxt_txt span{
  font-weight: 700;
}
.intro_boxTxt_txt span:nth-of-type(1){
  color: #FF7B7D;
  font-size: 2.3rem;
}
.intro_boxTxt_txt span:nth-of-type(3){
  font-size: 2.3rem;
}
.intro_boxImg{
  width: 540px;
  margin-right: -22px;
  position: relative;
  right: -7.8rem;
}
.intro_pdf{
  border-radius: 2rem;
  overflow: hidden;
}
@media screen and (min-width:769px) and (max-width:1300px) {
  .intro_boxImg{
    right: 0;
    margin-left: auto;
    width: 500px;
  }
}
/*lpFunction
--------------------------------------*/
.lpFunction{
  padding: 23rem 0 19rem;
  background: var(--bg-color1) url(../images/func-hdr-pc.jpg) no-repeat 50% 0 / contain;
}
.func_boxWrap{
  margin-top: 6rem;
  border: 1px solid #B8DDA4;
  border-radius: 3rem;
  background-color: #fff;
  padding: 3.6rem 3rem;
}
.func_box:nth-of-type(odd){
  width: 50%;
  padding: 4.2rem 2rem 4.2rem 11rem;
}
.func_box:nth-of-type(even){
  width: 50%;
  padding: 4.2rem 2rem 4.2rem 13rem;
  border-left: 1px dashed #999;
}
.func_box:not(:nth-last-of-type(-n+2)){
  border-bottom: 1px dashed #999;
}
.func_box:nth-of-type(1){
  background: url(../images/func-icon1@2x.png) no-repeat calc((11rem - 4.1rem) / 2)  50% / 4.1rem auto;
}
.func_box:nth-of-type(2){
  background: url(../images/func-icon2@2x.png) no-repeat calc((13rem - 7.5rem) / 2) 50% / 7.5rem auto;
}
.func_box:nth-of-type(3){
  background: url(../images/func-icon3@2x.png) no-repeat calc((11rem - 4.4rem) / 2) 44% / 4.4rem auto;
}
.func_box:nth-of-type(4){
  background: url(../images/func-icon4@2x.png) no-repeat calc((13rem - 8.1rem) / 2) 50% / 8.1rem auto;
}
.func_box:nth-of-type(5){
  background: url(../images/func-icon5@2x.png) no-repeat calc((11rem - 7.7rem) / 2) 50% / 7.7rem auto;
}
.func_box:nth-of-type(6){
  background: url(../images/func-icon6@2x.png) no-repeat calc((13rem - 7.8rem) / 2) 44% / 7.8rem auto;
}
.func_box:nth-of-type(7){
  background: url(../images/func-icon7@2x.png) no-repeat calc((11rem - 8.8rem) / 2)  50% / 8.8rem auto;
}
.func_box:nth-of-type(8){
  background: url(../images/func-icon8@2x.png) no-repeat calc((13rem - 7.8rem) / 2) 50% / 7.8rem auto;
}
.func_box:nth-of-type(9){
  background: url(../images/func-icon9@2x.png) no-repeat calc((11rem - 7.1rem) / 2) 50% / 7.1rem auto;
}
.func_box:nth-of-type(10){
  background: url(../images/func-icon10@2x.png) no-repeat calc((13rem - 6.5rem) / 2) 50% / 6.5rem auto;
}
.func_box:nth-of-type(11){
  background: url(../images/func-icon11@2x.png) no-repeat calc((11rem - 7.3rem) / 2) 50% / 7.3rem auto;
}
.func_box:nth-of-type(12){
  background: url(../images/func-icon12@2x.png) no-repeat calc((13rem - 7.4rem) / 2) 38% / 7.4rem auto;
}
.func_box h4{
  color: #339D92;
  font-size: 2.5rem;
  font-weight: 700;
}
.func_box p{
  line-height: 1.68;
}
/*lpVoice
--------------------------------------*/
.lpVoice{
  padding: 21.4rem 0 27.2rem;
  background:
  url(../images/voice-hdr-pc.jpg) no-repeat 50% 0 / contain,
  url(../images/voice-bg-item2@2x.png) no-repeat 90% 10rem / 19.5rem auto,
  url(../images/voice-bg-item1@2x.png) no-repeat 5% 55rem / 16.1rem auto,
  url(../images/voice-bg-item3@2x.png) no-repeat 12% 94.5% / 19.4rem auto;
}
.vo_box_contents{
  margin-top: 7.5rem;
}
.vo_box{
  border-radius: 2rem;
  color: #FFF;
  padding: 2.4rem 3rem 3.6rem;
  margin-top: 6rem;
}
.vo_box:nth-of-type(odd){
  background-color: #22B573;
}
.vo_box:nth-of-type(even){
  background-color: #5FBDA4;
}
.vo_box_hdr_ttl{
  margin-left: 3rem;
  padding-top: 2.6rem;
}
.vo_box_hdr_ttl p{
  font-size: 1.7rem;
}
.vo_box_hdr_ttl h4{
  font-size: 2.8rem;
  font-weight: 700;
}
.vo_box_txt{
  margin-top: 1.8rem;
  line-height: 2;
}
/*lpUse
--------------------------------------*/
.lpUse{
  padding: 19.4rem 0 21rem;
  background: var(--bg-color2) url(../images/use-hdr-pc.jpg) no-repeat 50% 0 / contain;
}
.use_box{
  background-color: #fff;
  border-radius: 4rem;
  margin-top: 5.6rem;
  padding: 1.8rem 0 6.2rem;
}
.use_box > p:nth-of-type(1){
  padding-top: 3rem;
}
.use_box > p:nth-of-type(2){
  padding-left: 3.8rem;
  margin-right: -4rem;
}
.use_box div:nth-of-type(1){
  padding-top: 2.6rem;
}
.use_box div:nth-of-type(1) p{
  font-size: 1.8rem;
  font-feature-settings: "palt";
}
.use_box div:nth-of-type(1) p:nth-of-type(1){
  padding-top: 3rem;
}
.use_box div:nth-of-type(1) p:nth-of-type(2){
  padding-top: 1.4rem;
}
/*lpFaq
--------------------------------------*/
.lpFaq{
  padding: 26.8rem 0 27.8rem;
  background:
  url(../images/faq-hdr-pc.jpg) no-repeat 50% 0 / contain,
  url(../images/faq-bg.png);
}
.faq_dl{
  border: 1px solid #B8DDA4;
  border-radius: 1rem;
  padding: 3.8rem 5rem 5rem;
  margin-top: 7.5rem;
}
.faq_dl:nth-of-type(odd){
  background-color: var(--bg-color1);
}
.faq_dl:nth-of-type(even){
  background-color: var(--bg-color2);
}
.faq_dl dt{
  font-size: 2.5rem;
  font-weight: 700;
  padding: 0.4rem 0 0 6.2rem;
  position: relative;
}
.faq_dl dt:before{
  content: "";
  background:url(../images/faq-q@2x.png) no-repeat 50% 0 / 5rem auto;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
}
.faq_dl dd{
  background-color: #fff;
  font-size: 1.8rem;
  line-height: 1.94;
  margin-top: 2rem;
  padding: 3rem 3.6rem;
}
/*lpFlow
--------------------------------------*/
.lpFlow{
  padding: 23.6rem 0 25rem;
  background: url(../images/flow-hdr-pc.png) no-repeat 50% 0 / contain,linear-gradient(180deg, transparent 0%, transparent 2.4vw, var(--bg-color2) 2.4vw, var(--bg-color2) 100%);
  margin-top: -6.8rem;
}
@media screen and (min-width:769px) and (max-width:1239px) {
  .lpFlow{
    background: url(../images/flow-hdr-pc.png) no-repeat 50% 0 / contain,linear-gradient(180deg, transparent 0%, transparent 30px, var(--bg-color2) 30px, var(--bg-color2) 100%);
  }
}
.flow_content{
  background-color: #fff;
  border-radius: 1rem;
  padding: 5rem 5rem 6rem;
  width: 900px;
  margin: 3.6rem auto 0;
}
.flow_note{
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 2;
  text-align: center;
}
.flow_address{
  width: 524px;
  margin: 2.4rem auto 0;
}
.flow_linkArea{
  margin-top: 4rem;
}
.btn-link{
  background-image: url(../images/icon/arrow-r-wh@2x.png);
  background-repeat: no-repeat;
  background-position: 92% 50%;
  background-size: 2.1rem auto;
  border-radius: 1rem;
  display: block;
  color: #FFF;
  font-size: 3.2rem;
  width: 800px;
  height: 86px;
  line-height: 86px;
  text-align: center;
  margin: auto;
  padding-right: 4rem;
}
.flow_linkArea .btn-link{
  margin-top: 3.8rem;
}
.flow_linkArea .btn-link:nth-of-type(1){
  background-color: #00A99D;
}
.flow_linkArea .btn-link:nth-of-type(2){
  background-color: #22B573;
}
/*lpPlan
--------------------------------------*/
.lpPlan{
  padding: 21rem 0 16rem;
  background: url(../images/plan-hdr-pc.jpg)no-repeat 50% 0 / contain;
}
.planInr{
  width: 1035px;
  margin: 2.6rem auto;
}
.planInr h4{
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
}
.planInr h4 span{
  color: #FF4361;
  font-size: 3.8rem;
}
.plan_desc{
  font-size: 1.9rem;
  margin-top: 1.4rem;
}
.plan_note{
  font-size: 1.4rem;
  line-height: 1.78;
  margin-top: 1.6rem;
}
/*lpAgreement
--------------------------------------*/
.lpAgreement{
  padding: 25.2rem 0 21rem;
  background: var(--bg-color1) url(../images/agrmt-hdr-pc.jpg) no-repeat 50% 0 / contain;
}
.agrmt_tableWrap{
  margin-top: 5.8rem;
  overflow: auto;
}
.agrmt_table{
  border: 1px solid #CCC;
  width: 1200px;
  font-size: 2.3rem;
}
.agrmt_table th,
.agrmt_table td{
  padding: 1.9rem 2rem;
}
.agrmt_table thead th{
  background-color: #22B573;
  color: #FFF;
}

.agrmt_table thead th.w140{width: 140px;}
.agrmt_table thead th.w215{width: 215px;}
.agrmt_table thead th.w415{width: 415px;}

.agrmt_table td{
  font-weight: 700;
}
.agrmt_table td:nth-of-type(1){
  text-align: center;
}
.agrmt_table th:nth-of-type(n+2),
.agrmt_table td:nth-of-type(n+2){
  border-left: 1px solid #CCC;
}
.agrmt_table td:nth-of-type(n+3):not(.agrmt_td_type3_price){
  text-align: right;
}
.agrmt_table tbody tr:nth-of-type(odd){
  background-color: #FFFFFF;
}
.agrmt_table tbody tr:nth-of-type(even){
  background-color: #F2F2F2;
}
.agrmt_tb_th_first{
  position: relative;
  background-image: linear-gradient(to top right,
    transparent, transparent 49.5%,
    #ccc 49.5%, #CCC 50.5%,
    transparent 50.5%, transparent);
}
.agrmt_tb_th_first span{
  font-size: 1.9rem;
}
.agrmt_tb_th_first span:nth-of-type(1){
  position: absolute;
  left: 10px;
  bottom: 3px;
}
.agrmt_tb_th_first span:nth-of-type(2){
  position: absolute;
  right: 10px;
  top: 3px;
}
.agrmt_table td.agrmt_td_type3_price{
  padding-left: 9.3rem;
}
/*lpContact
--------------------------------------*/
.lpContact{
  padding: 21rem 0 20rem;
  background: url(../images/contact-hdr-pc.jpg) no-repeat 50% 0 / contain;
}
.contactWrap{
  margin-top: 7rem;
}
.contact_table{
  width: 100%;
  font-size: 2.3rem;
  border: 1px solid #B3B3B3;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.contact_table caption {
  background-color: #339D92;
  color:#FFF;
  font-size: 3rem;
  font-weight: 700;
  text-align: center;
  padding: .7rem 2rem;
}
.contact_table tr:not(:last-of-type){
  border-bottom: 1px solid #B3B3B3;
}
.contact_table th,
.contact_table td {
  padding: 2rem;
}
.contact_table th {
  background-color: #F2F2F2;
  font-weight: 400;
  text-align: left;
  width: 354px;
}
.contact_table th span {
  border-radius: 0.5rem;
  background-color: #E45469;
  color: #fff;
  font-size: 2rem;
  font-weight: 400;
  display: inline-block;
  vertical-align: baseline;
  padding: .2rem .8rem .1rem;
  margin: 0px 0 0 1.2rem;
}
.contact_table input[type="text"],
.contact_table input[type="email"],
.contact_table input[type="tel"]{
  background-color: #ffffff;
  border: solid 1px #B3B3B3;
  font-size: 2rem;
  padding: 1rem;
  height: 60px;
}
.contact_table textarea {
  background-color: #ffffff;
  border: solid 1px #B3B3B3;
  font-size: 2rem;
  padding: 1rem;
}
.contact_table input[type="text"]:not(.w_not),
.contact_table input[type="email"]:not(.w_not),
.contact_table input[type="tel"]:not(.w_not),
.contact_table textarea:not(.w_not) {
  width: 100%;
}
.contact_table  input[type="radio"] {
  width: 2.2rem;
  height: 2.2rem;
  vertical-align: text-bottom;
  margin-top: 0;
  margin-right: 2rem;
}
.agreement.contact_table th {
  width: 20%;
}
.agreement.contact_table td{
  padding: 2.8rem 2.6rem;
  user-select: none;
}
.agreement.contact_table td label{
  cursor: pointer;
}
.agreement.contact_table td.wpWrap label{
  display: block;
  width: 100%;
  white-space: nowrap;
  margin:0 0 5px 5px;
}
.agreement.contact_table .eve195,
.agreement.contact_table .v5,
.agreement.contact_table .v6{
  display: none;
}
.btnType1 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #339D92;
  background: #FFF url(../images/icon/arrow-r-grn@2x.png) no-repeat 84% 50% / 1.9rem auto;
  width: 400px;
  height: 80px;
  line-height: 74px;
  border: 3px solid #339D92;
  border-radius: 1rem;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
  padding-right: 2.5rem;
  outline: none;
  letter-spacing: 0.25em;
}
.btnType1:hover {
  box-shadow: inset 0 2px 3px rgba(0,0,0,0.3),
  inset 0 -2px 3px rgba(255,255,255,0.5);
}
.submitArea{
  text-align: center;
  margin-top: 10rem;
}