.c-txt_slide{
  clip-path: inset(0 100% 0 0);
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    /* color: cadetblue; */
    animation: textanimation 1s 0.5s forwards;
    margin: 0;
}
@keyframes textanimation {
    0% {
        clip-path: inset(0 100% 0 0);
    }

    100% {
        clip-path: inset(0);
    }
}
.c-pos_center{
  text-align:center;
}
.c-text_box{
  width: 85%;
  margin: auto;
  margin-bottom: 24px;
}
.c-text_box_second{
  width:100%;
}
.c-text_box p{
  font-size: 2.0rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: .1em;
}
.c-text_box:last-child{
  margin-bottom: 0;
}

.c-appeal_sen {
  font-size: 2.4rem;
  /* font-weight: bold; */
  line-height: 2;
}
@media screen and (max-width:600px){
  .c-appeal_sen {
    font-size: 1.6rem;
  }
  .c-text_box p{
    font-size: 1.4rem;
    /* line-height: 1.7; */
  }

}
/*-------------------------

   c-textBox

-------------------------*/


.c-imgbox{
  font-size: 0;
  text-align: center;
}
.c-pc_img{
  display: block;
}
.c-sp_img{
  display: none;
}


.c-sp_block{
  display: none;
}
@media screen and (max-width:767px){
  .c-pc_img{
    display:none;
  }
  .c-sp_img{
    display: block;
  }
  .c-sp_block{
    display: block;
  }

  .c-sp_inline{
    display: none;
  }
}



/*------------------------------------

           c-key_container

-------------------------------------*/
.c-key_container{
  width: 100%;
  height: 77vh;
  padding: 0 2%;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
}
.c-key_txt_box_container{
  padding-right: 90px;
  /* width: 90%; */
  /* margin: auto; */
  /* padding-top: 15%; */
}
h1{
  font-size: 8.6rem;
  margin-bottom: 16px;
}
.img_tate{
  width: 75%;
  position: relative;
  top:35px;
}
.c-key_txt_appeal_sen{
  margin-bottom: 24px;
}
.c-key_txt_appeal_sen p{
  display: inline-block;
  line-height: 1.5;
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  background: #303AB1;
  padding: 16px 24px;
  /* margin-bottom: 24px; */
}
.c-key_txt_appeal_sen :last-child{
  margin-bottom: 0;
}
@media screen and (max-width:1023px){
  .c-key_container{
    display: block;
  }
  .c-key_container figure{
    text-align: center;
  }
  .img_tate{
    width: 55%;
    /* position: relativze; */
    position: static;
    top:35px;
  }
  .c-key_txt_box_container{
    position: relative;
    top:25%;
  }

}

@media screen and (max-width:767px){
  h1{
    font-size: 6.6rem;
  }

}
@media screen and (max-width:600px){
  h1{
    font-size: 4.6rem;
    margin-bottom: 12px;
  }
  .c-key_txt_appeal_sen{
    margin-bottom: 16px;
  }
  .c-key_txt_appeal_sen p{
    display: block;
    width: 100%;
    padding: 8px;
    font-size: 2.0rem;
  }

}

/*---------------------------------


      交互に配置

----------------------------------*/
.c-matual_container{
  padding: 2%;
}

.c-matual_box{
  display: flex;
  justify-content:center;
  margin-bottom: 88px;
}
.c-matual_box:last-child{
  margin-bottom: 0;
}
.c-matual_box:nth-of-type(even){
  flex-direction: row-reverse;
}
.c-matual_box:nth-of-type(even) > .c-matual_content{
  padding-right: 56px;
  }
.c-matual_box:nth-of-type(odd) > .c-matual_content{
  padding-left: 56px;
  }

.c-matual_content{
  max-width: 548px;
}
.c-matual_tit{
  color: #303AB1;
  margin-bottom: 16px;

}
.c-matual_tit_main,
.c-matual_tit_sub{
  display: block;
  font-weight: 900;

}
.c-matual_tit_sub{
  font-size: 1.8rem;
  margin-bottom: 8px;
}
.c-matual_tit_main{
  font-size: 3.0rem;
}
.c-matual_text{
  margin-bottom: 32px;
}
.c-matual_text p{
  font-size: 2.0rem;
  /* font-weight: 500; */
  line-height: 1.75;
}

@media screen and (max-width:1024px){
  .c-matual_content{
    max-width: 448px;
  }
  .c-matual_tit_sub{
    font-size: 1.6rem;
  }
  .c-matual_tit_main{
    font-size: 2.4rem;
  }
  .c-matual_text p{
    font-size: 1.6rem;
  }
}

@media screen and (max-width:768px){
  .c-matual_box{
    display: block;
    margin-bottom: 88px;
  }
  .c-matual_content{
    max-width: 548px;
    margin-top: 8px;
  }
  .c-matual_box:nth-of-type(even) > .c-matual_content{
    padding-right: 0;
    padding-left: 8px;
    }
  .c-matual_box:nth-of-type(odd) > .c-matual_content{
    padding-left: 8px;
    }

    }

    @media screen and (max-width:600px){
      .c-matual_tit_main{
        font-size: 2.2rem;
      }
      .c-matual_tit_sub{
        font-size: 1.4rem;
      }
      .c-matual_tit{
        color: #303AB1;
        margin-bottom: 8px;
      }
      .c-matual_content > .c-btn_container{
        text-align: center;
      }
    }






/*------------------------------------

           imageBox

-------------------------------------*/
.c-imageBox figure{
  text-align:center;
  text-align: -webkit-center;
}


/*------------------------------------------

            button中央配置

-----------------------------------------*/
.c-btn{
  width: 168px;
  background: #303AB1;
  color:#FFFFFF;
  font-size: 1.6rem;
  /* display:flex; */
  display: inline-flex;
  justify-content: center;
  border-radius: 60px;
  padding: 14px 0;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .12), 0 2px 3px 0 rgba(0, 0, 0, .22);
  transition: .3s;
}

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

  .c-btn{
    width: 138px;
    font-size: 1.3rem;
    padding: 13px 0;
  }

}


/*----------------------------------------------


                  見出し

-----------------------------------------------*/
/* sectionのタイトル */
.c-sec_tit_area{
  font-family: "mala","kozuka-gothic-pro",sans-serif;
  max-width: 1160px;
  width: 100%;
  margin: auto;
  text-align: center;
}
.c-sec_tit_area_second{
  background: #303AB1;
  padding: 24px 1%;
}
.c-sec_tit{
  font-size: 8.0rem;
  font-weight: 900;
}
.c-sec_tit_area_second .c-sec_tit{
  margin-bottom: 8px;
}
.c-sec_tit_ja{
  display: block;
  text-align: center;
  font-size: 2.0rem;
  letter-spacing: 0.15em;
}

@media screen and (max-width:768px){
  .c-sec_tit{
    font-size: 5.0rem;
  }
  .c-sec_tit_ja{
    font-size: 1.6rem;
  }
}
@media screen and (max-width:600px){
  .c-sec_tit_area_second{
    padding: 8px 1%;
  }
  .c-sec_tit{
    font-size: 4.0rem;
  }
  .c-sec_tit_ja{
    font-size: 1.4rem;
  }
}




/*-------------------------

   c-whitemask

-------------------------*/

.c-whitemask{
  width: 100%;
  padding: 64px 32px;
  /* border: 1px solid black; */
  margin:0 auto 40px;
  position: relative;
  z-index: 0;
}
.c-whitemask_second{
  padding: 0;
}
.c-whitemask::before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
background-color: rgba( 255, 255, 255, 0.8 );
  z-index: -1;
}

@media screen and (max-width:959px){
  .c-whitemask{
    width: 100%;
  }
}
@media screen and (max-width:767px){
  .c-whitemask{
    padding: 32px 0;
  }
}
@media screen and (max-width:500px){
  .c-whitemask{
    padding: 8px 0;
  }
}

/*-------------------------

   c-card_container

-------------------------*/
.c-card_container{
  display: grid;
  gap:15px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.c-card_container.c-card_container_fourth{
  justify-items:center;
}
/*---------------------
   カードの外枠
-----------------------*/
/* オリジナル */
.c-card{
  text-align: center;
  padding: 32px 20px 24px;
  border-radius: 17px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, .12), 0 2px 3px 0 rgba(0, 0, 0, .22);
}
/* second */
.c-card_container_second .c-card{
  padding: 24px 40px;
}
/* third */
.c-card_container_third .c-card{
  padding: 24px 16px 26px;
  border-radius: 6px;
}
/* forth */
.c-card_container_fourth .c-card{
  width: 75%;
  padding: 0 0 16px;
  background: #212121;
  border-radius: 0;
}
/* fifth */
.c-card_container_fifth .c-card{
  padding:0 ;
  background: #F8F4F4;
  border-radius:6px;
}
/*---------------------
   カードのタイトル
-----------------------*/
/* オリジナル */
.c-card_tit_box{
  margin-top: 16px;
}
.c-card_tit{
  font-weight: bold;
  line-height: 1.5;
}
/* second */
.c-card_container_second .c-card_tit{
  font-size: 1.8rem;
  font-weight: 500;
}
.c-card_container_second .c-card_tit_sub{
  font-size: 1.2rem;
  font-weight: bold;
  padding-bottom: 4px;
}
/* third */
.c-card_container_third .c-card_tit_box{
  display: flex;
  align-items: center;
  margin-top: 0;
  margin-bottom: 4px;
}
.c-card_container_third .c-card_tit_box p{
  font-size: 1.8rem;
  font-weight: bold;
}
/* fourth */
.c-card_container_fourth .c-card_tit_box{
  margin-bottom: 32px;
  /* color: #FFFFFF; */
}
.c-card_container_fourth .c-card_tit_box{

}
.c-card_container_fourth .c-card_tit_ja{
  font-size: 2.4rem;
  line-height: 1;
  color: #FFFF00;
}
.c-card_container_fourth .c-card_tit_eg{
  font-size: 1.6rem;
  color: #FFFF00;
}
/* fifth */
.c-card_container_fifth .c-card_tit_box{
  margin-top: 0;
  margin-bottom: 4px;
  padding: 0 16px;
  height: 60px;
  display: flex;
  align-items: center;
  text-align: left;
  font-weight: bold;
  line-height: 1.5;
  color: #FFFFFF;
  background: #01B9EC;
  border-radius: 6px 6px 0 0;
}
/*---------------------
   カード内の写真、画像
-----------------------*/
/* second */
.c-card_container_second figure{
  margin: 16px auto;
}
/* third */
.c-card_container_third .c-card_tit_box figure{
  margin-right: 4px;
}
/* fourth */

/* fifth */




/*---------------------
   カード内のテキスト
-----------------------*/
/* second */
.c-card_container_second .c-card_text_box p{
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 2;
  text-align: left;
}
/* third */
.c-card_container_third .c-card_text_box p{
  font-size: 1.3rem;
  line-height: 1.5;
  text-align: left;
}
/* fourth */
.c-card_container_fourth .c-card_text_box{

}
.c-card_container_fourth .c-card_text_box_tit{
  color: #FFFFFF;
  display:block;
  text-align: left;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 2;
  text-align: left;
}
.c-card_container_fourth .c-card_text_box{
  padding: 0 22px;
}
.c-card_container_fourth .c-card_text_box p{
  font-size: 1.4rem;
  line-height: 2;
  text-align: left;
  color: #FFFFFF;
}

/* fifth */
.c-card_container_fifth .c-card_text_box{
  padding: 8px  16px;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.53;
  text-align: left;
}





/*--------------------------------------

    コンタクトエリア

-----------------------------------------*/
.contact_img{
  margin-right: 8px;
}
.contact_btn{
  display: inline-flex;
  padding: 34px 0;
  justify-content: center;
  font-size: 2.2rem;
  line-height: 1;
  width: 584px;
  max-width: 100%;
  background: #FFFFFF;
  color: #303AB1;
  font-weight: 500;
  align-items: center;
  border-radius: 60px;
  border: 3px solid #303AB1;
}

@media screen and (max-width:768px){
  .contact_btn{
    padding: 16px 0;
    font-size: 1.6rem;
  }
  .contact_img{
    width: 35px;
    height: auto;
  }

}


/*-------------------------------------------

        画面一杯にはみ出す設定

----------------------------------------------*/
.c-tie{
  padding: 80px 0;
	width: 100vw;
  background-image: url(../image/c-tie_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-tie p{
  text-align: center;
  font-size: 3.8rem;;
  font-weight:700;
  line-height: 1.7;
  color:#FFFFFF;
}

@media screen and (max-width:767px){
  .c-tie{
    padding: 24px 0;
  }
  .c-tie p{
    font-size: 2.4rem;
  }
}