@charset "utf-8";
/* CSS Document */


body{
font: 18px;
font-family: noto-sans-cjk-jp, sans-serif;
font-weight: 400;
font-style: normal;
margin:0;

}
section{
    overflow:hidden;
}
img{
outline:none;
border-style:none;
}

a{
    color:#E8307A;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    text-decoration:none;
    font-weight:400;
}
a:visited{
    color:#E8307A;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
a:hover {
    color:#E8307A;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    text-decoration:underline;
}
img{
    max-width:100%;
}
.font_ym{
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.font_ge{
    font-family: Georgia,Times,Times New Roman,serif;
    font-style:italic;
}
.txt_center{
    text-align:center;
}
.fc_pink{
    color:#F4637E;
}

/*****HEADER*****/
.header{
    background:#F4637E;
    color:#FFF;
    text-align:center;
}

@media screen and (min-width:769px){
.header{
    padding:2px 0;
}
.header h1{
    font-size:0.8rem;
    font-weight: 400;
    letter-spacing:0.2em;
}
}
@media screen and (max-width:768px){
.header{
    padding:1px 0;
}
.header h1{
    font-size:0.6rem;
    font-weight: 400;
    letter-spacing:0.2em;
    margin:5px 0;
}
}


/**/
.main_v{
    background:url(../img/common/bg_header_pc.jpg) no-repeat top center;
    background-size:cover;
    padding:1px 0 0;
}
.main_v .lead{
    background: transparent linear-gradient(90deg, #F4637E 0%, #F4637E33 100%) 0% 0% no-repeat padding-box;
    text-align: center;
    letter-spacing: 0.85px;
    color:#FFF;
}
.main_v .lead p{
    text-shadow: 0px 2px 6px #EB4060;
}
.main_v .lead p strong{
    color:#F9FF56;
}
.fadeIn01 ,.fadeIn02{
    display:none;
}
@media screen and (min-width: 769px){
.main_v .inner{
    width:98%;
    max-width:1000px;
    margin:80px auto;
}
.main_v .lead{
    padding:10px 0;
}
.main_v .lead p{
    font-size:1.6rem;
}
.main_v .lead p strong{
    font-size:1.8rem;
}
.main_v h2 img{
    max-width:64%;
}
.main_v h3{
    margin-top:50px;
}
}
@media screen and (max-width: 768px){
.main_v{
    background:/*url(../img/common/bg_header_sp.jpg) no-repeat 0% -20%*/ none;
    background-size:100%;
    padding:1px 0 0;
}
.main_v .lead{
    background: transparent linear-gradient(90deg, #F4637E 0%, #F4637E 100%) 0% 0% no-repeat padding-box;
}
.main_v .inner{
    width:/*90%*/;
    margin:20px auto 5%;
}
.main_v h2{
    /*margin-left:12%;*/
    margin:0 5%;
    position:relative;
    z-index:2;
    text-align:center;
}
.main_v h2 img{
    max-width:/*30%*/90%;
}
.main_v h3{
    margin:10px 0 0;
}
.main_v .lead{
    padding:1px 5%;
}
.main_v .lead p{
    font-size:1rem;
}
.main_v .lead p strong{
    font-size:1.2rem;
}

}

/*need*/
.need{
    background:#FCF4F6;
}
.list_half li{
    list-style:none;
    background:#FFF;
    text-align:center;
    font-weight:500;
    box-sizing:border-box;
}
.list_half li:nth-child(2){
    color:#F4637E;
}
@media screen and (min-width: 769px){
.list_half{
    display:flex;
    justify-content:space-between;
    margin-bottom:40px;
}
.list_half li{
    border-radius:12px;
    width:48%;
    padding:50px;
}
.list_half li span{
    display:block;
    font-size:1.2rem;
    margin:10px 0;
}
}
@media screen and (max-width: 768px){
.list_half{
    padding:0;
}
.list_half li{
    border-radius:6px;
    margin:0 auto 30px;
    padding:20px 10px;
    width:80%;
    font-size:0.9rem;
}
.list_half li span{
    display:block;
    font-size:1rem;
    margin:10px 0;
}
.list_half li img{
    width:50%;
}
}

/*howto*/
.tit_photo_howto{
    position:relative;
    transition: all 1.6s ease-out;
}
.tit_photo_howto img{
    max-width:100%;
}
.tit_photo_howto::after{
    content:"";
    background:url(../img/common/bg_st03.svg) repeat;
    position:absolute;
}
.tit_txt_photo{
    position:relative;
    z-index:1;
}
.tit_eng_b{
    display:block;
    text-align:center;
    font-family:Times New Roman;
    font-style:italic;
    font-weight:500;
    color:#F4637E;
}
.list_sample li{
    display:inline-block;
    list-style:none;
    margin:0 10px 30px;
}
@media screen and (min-width: 769px){
.howto_layout{
    width:80% !important;
}
.tit_photo_howto{
    padding-bottom:60px;
}
.tit_photo_howto::after{
    width:100%;
    height:65px;
    left:0;
    bottom:0;
}
.tit_txt_photo{
    max-width:1000px;
    width:98%;
    margin:-110px auto 0;
}
.tit_eng_b{
    font-size:4rem;
    margin-top:10px;
}
}
@media screen and (max-width: 768px){
.tit_photo_howto{
    padding-bottom:60px;
}
.tit_photo_howto::after{
    width:100%;
    height:65px;
    left:0;
    bottom:0;
    background-size:20px;
}
.tit_txt_photo{
    width:100%;
    margin:-85px auto 0;
}
.tit_eng_b{
    font-size:2.5rem;
    margin-top:10px;
}
.list_sample{
    padding:0;
}
.list_sample li{
    width:80%;
}
}


/*good_point*/
.good_point ol{
    padding:0;
}
.good_point{
    background:#FFF3EF;
}
.good_point li{
    list-style:none;
}
.good_point li:nth-child(1){
    transition: all .6s ease-out ;
}
.good_point li:nth-child(2){
    transition: all .6s ease-out ;
}
.good_point li:nth-child(3){
    transition: all .6s ease-out;
}
.good_point li:nth-child(4){
    transition: all .6s ease-out ;
}
.good_point li:nth-child(5){
    transition: all .6s ease-out ;
}
.good_point li .txt{
    box-sizing:border-box;
    text-align:center;
}
.good_point li .txt div{
    position:relative;
}
.good_point li .txt div::before,
.good_point li .txt div::after{
    content:"";
    position:absolute;
    display:block;
}
.good_point li .photo{
    position:relative;
    line-height:0;
}
.good_point li .photo::before{
    content:"";
    position:absolute;
    display:block;
}
.good_point li .photo img{
    width:100%;
    transition: all 0.9s ease-out 0.9s;
}
.good_point li:last-child{
    margin-bottom:0;
}
.good_point .tit_lead{
    font-family: azote, serif;
    font-weight: 400;
    font-style: normal;
    color:#F4637E;
    display:block;
}
.good_point .num{
    font-family: Georgia,Times,Times New Roman,serif;
    color:#F4637E;
    background:url(../img/common/bg_st_bar.svg) repeat-x bottom left;
}
.good_point .txt p{
    font-weight:bold;
}
.good_point .txt p span{
    color:#D77CDB;
}
@media screen and (min-width: 769px){
.good_point h2 strong{
    font-size:2.2rem;
}
.good_point li{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:80px;
    background:#FFF;
}
.good_point li .txt{
    width:45%;
}
.good_point li .txt div{
    padding:50px 0;
}
.good_point li:nth-child(even) .txt{
    order:2;
}
.good_point li:nth-child(odd) .txt{
    order:1;
}
.good_point li .txt div::before{
    width:50px;
    height:50px;
    top:0;
    left:50px;
    border-top:1px solid #F4637E;
    border-left:1px solid #F4637E;
}
.good_point li .txt div::after{
    width:50px;
    height:50px;
    bottom:0;
    right:50px;
    border-bottom:1px solid #F4637E;
    border-right:1px solid #F4637E;
}
.good_point li .photo{
    width:55%;
    line-height:0;
}
.good_point li .photo.started{
    opacity:1;
}
.good_point li:nth-child(even) .photo{
    order:1;
}
.good_point li:nth-child(odd) .photo{
    order:2;
}
.good_point li:nth-child(odd) .photo::before{
    border-left: 30px solid #FFF;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    top:50%;
    margin-top:-30px;
}
.good_point li:nth-child(even) .photo::before{
    border-right: 30px solid #FFF;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    top:50%;
    right:0;
    margin-top:-30px;
}
.good_point .tit_lead{
    font-size:2rem;
}
.good_point .num{
    font-size:3rem;
    padding-bottom:10px;
}
.good_point .txt p{
    margin-top:30px;
    font-size:1.6rem;
}
.naname_cont {
  overflow: hidden; /* はみ出た部分は表示しない */
}
.naname_cont01{
  position: relative;
  height: 400px;
  width: 100%;
}
.naname_cont01::before{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    height:60px;
    width:100%;
    background:#FFF;
}
.naname_cont01::after {
  content: '';
  display: block;
  position: absolute;
  left:0;
  bottom: 60px;
  border-top: 50px solid transparent;  /* 透明 */ 
  border-left: 50vw solid transparent;  /* 透明 */ 
  border-right: 50vw solid #FFF;  /* むらさき */ 
  border-bottom: 70px solid #FFF;  /* むらさき */ 
}
}
@media screen and (max-width: 768px){
.good_point h2 strong{
    font-size:1.3rem;
}
.good_point li{
    background:#FFF;
    margin-bottom:60px;
    padding:1px 0 0;
}
.good_point li .txt div{
    margin-top:-10px;
}
.good_point .tit_lead{
    font-size:1.5rem;
}
.good_point .num{
    font-size:1.9rem;
    padding-bottom:10px;
}
.good_point .txt p{
    margin-top:30px;
    font-size:1.1rem;
}
.naname_cont {
  overflow: hidden; /* はみ出た部分は表示しない */
  padding:1px;
}
.naname_cont01{
  position: relative;
  height: 300px;
  width: 100%;
}
.naname_cont01::before{
    content:"";
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    height:80px;
    width:100%;
    background:#FFF;
}
.naname_cont01::after {
  content: '';
  display: block;
  position: absolute;
  left:0;
  bottom: 80px;
  border-top: 60px solid transparent;  /* 透明 */ 
  border-left: 50vw solid transparent;  /* 透明 */ 
  border-right: 50vw solid #FFF;  /* むらさき */ 
  border-bottom: 60px solid #FFF;  /* むらさき */ 
}
.naname_cont .btn_entry{
    margin-left:5%;
    margin-right:5%;
}
}


/* flow */
.flow{
    background:url(../img/common/bg_st01.svg) repeat;
}
.list_flow{
    /*padding:0;*/
}
.list_flow li{
    list-style:none;
}
/*
.list_flow li:nth-child(1){
    transition: all .6s ease-out .1s !important;
}
.list_flow li:nth-child(2){
    transition: all .6s ease-out .3s !important;
}
.list_flow li:nth-child(3){
    transition: all .6s ease-out .5s !important;
}
.list_flow li:nth-child(4){
    transition: all .6s ease-out .7s !important;
}
.list_flow li:nth-child(5){
    transition: all .6s ease-out .9s !important;
}
*/
.list_flow .step_num{
    color:#F4637E;
    font-family:Times New Roman;
    font-style:italic;
}
.list_flow li{
    font-weight:500;
}
@media screen and (min-width: 769px){
.list_flow li{
    margin-bottom:80px;
}
.list_flow .step_num{
    font-size:2.6rem;
}
.list_flow .step_cont{
    font-size:1.6rem;
    color:#666666;
    margin-left:20px;
}
}
@media screen and (max-width: 768px){
.flow{
    background-size:60px;
}
.list_flow{
    padding:0;
}
.list_flow li{
    margin-bottom:40px;
}
.list_flow .step_num{
    font-size:1.4rem;
    display:block;
    margin-bottom:10px;
}
.list_flow .step_cont{
    font-size:1.1rem;
    color:#666666;
    display:block;
    padding:5px 0 5px 15px;
    border-left:1px dashed #FF889E ;
    margin-left:10px;
}
}


/* voice */
.voice .list_voice li{
    list-style:none;
    color:#666;
    list-style:none;
    background:#FFF;
}

@media screen and (min-width: 769px){
.voice{
    background:linear-gradient(180deg,#FFF 0%,#FFF 11%,#FFFBFC 11%,#FFFBFC 100%);
}
.voice .tit_eng_b{
    margin-bottom:30px;
}
.voice .list_voice li{
    border-radius:200px;
    padding:30px 50px;
    margin-bottom:40px;
    font-size:1.4rem;
    line-height:1.8;
    border:4px dotted #FFDEE6;
    display:flex;
}
.voice .list_voice li span{
    margin-right:5%;
}
.voice .list_voice li span img{
    max-width:60px;
}
}
@media screen and (max-width: 768px){
.voice{
    background:linear-gradient(180deg,#FFF 0%,#FFF 5%,#FFFBFC 5%,#FFFBFC 100%);
}
.voice .tit_eng_b{
    margin-bottom:15px;
}
.voice .list_voice{
    padding:0;
}
.voice .list_voice li{
    border-radius:12px;
    padding:15px 25px;
    margin-bottom:20px;
    font-size:0.9rem;
    line-height:1.8;
    border:1px dotted #F4637E;
}
.voice .list_voice li span{
    display:block;
    text-align:center;
}
.voice .list_voice li span img{
    max-width:40px;
}
}

/* faq */
.faq .list_faq li{
    list-style:none;
    position:relative;
}
.faq .list_faq li::before{
   font-family:Georgia;
   font-style:italic;
}
.faq .list_faq li:nth-child(1)::before{
    content:"Q1";
}
.faq .list_faq li:nth-child(2)::before{
    content:"Q2";
}
.faq .list_faq li:nth-child(3)::before{
    content:"Q3";
}
.faq .list_faq li:nth-child(4)::before{
    content:"Q4";
}
.faq .list_faq li:nth-child(5)::before{
    content:"Q5";
}
.faq .list_faq li:nth-child(6)::before{
    content:"Q6";
}
.faq .list_faq li h3{
    color:#F4637E;
}
@media screen and (min-width: 769px){
.faq .tit_eng_b{
    color:#666666;
    font-family:Georgia;
    margin-bottom:30px;
    font-size:4.4rem;
    letter-spacing:0.1em;
}
.faq .tit_eng_b span{
    font-size:3rem;
}
.faq .list_faq li{
    padding:0 0 0 4em;
    margin-top:70px;
}
.faq .list_faq li::before{
   position:absolute;
   left:0;
   top:-5px;
   font-size:2.4rem;
}
.faq .list_faq li h3{
    font-size:1.4rem;
}
.faq .list_faq li p{
    font-size:1.2rem;
}
}
@media screen and (max-width: 768px){
.faq .tit_eng_b{
    color:#666666;
    font-family:Georgia;
    margin-bottom:15px;
    font-size:2.3rem;
    letter-spacing:0.1em;
}
.faq .tit_eng_b span{
    font-size:1.5rem;
}
.faq .list_faq{
    padding:0;
}
.faq .list_faq li{
    padding:0;
    margin-top:35px;
}
.faq .list_faq li::before{
    font-size:1.3rem;
    display:block;
    text-align:center;
}
.faq .list_faq li h3{
    font-size:1.1rem;
    border-bottom: 1px dashed #F4637E;
    padding-bottom: 15px;
}
.faq .list_faq li p{
    font-size:0.9rem;
}
}


/* info */
.info{
    background:url(../img/common/bt_st02.svg) repeat;
}
.info .tit_box{
    display:block;
}
.info dl dd li{
    color:#F4637E;
}
.info dl dd li span{
    color:#333;
}
.info dl dd:nth-child(8){
    margin-bottom:0;
}
@media screen and (min-width: 769px){
.info dl{
    font-size:1.4rem;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:start;
    margin:60px 40px 0;
}
.info dl dt ,.info dl dd{
    box-sizing:border-box;
}
.info dl dt{
    width:20%;
    margin:0 0 60px 0;
    font-weight:bold;
}
.info dl dd{
    width:80%;
    margin:0 0 60px 0;
    line-height:1.8;
}
.info dl dd ul{
    margin:0;
}
.info dl dd li{
    margin-bottom:20px;
}
}
@media screen and (max-width: 768px){
.info .tit_box{
    padding:15px 0;
}
.info dl{
    font-size:1rem;
    margin:30px 5% 0;
}
.info dl dt ,.info dl dd{
    box-sizing:border-box;
}
.info dl dt{
    margin:0 0 10px 0;
    font-weight:bold;
    background:#FFFBFC;
    text-align:center;
    padding:10px;
}
.info dl dd{
    margin:0 0 40px 0;
    line-height:1.8;
}
.info dl dd li{
    margin-bottom:10px;
}
}


/* prof */

@media screen and (min-width: 769px){
.prof_box{
    display:flex;
    justify-content:space-between;
}
.prof_box .photo{
    max-width:140px;
    width:20%;
}
.prof_box .txt{
    margin-left:4%;
    line-height:1.8;
}
.list_prof{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin:30px 0 40px;
    padding:0;
}
.list_prof li{
    width:31%;
    list-style:none;
    margin-bottom:20px;
}
}
@media screen and (max-width: 768px){
.prof_box{
}
.prof_box .photo{
    text-align:center;
}
.prof_box .photo img{
    max-width:140px;
}
.prof_box .txt{
    line-height:1.8;
}
.list_prof{
    margin:10px 0 30px;
    padding:0;
}
.list_prof li{
    list-style:none;
    margin-bottom:20px;
}
}


/*****FOOTER*****/
footer{
    background:#F4637E;
    color:#FFF;
    text-align:center;
}
footer address{
    font-style:normal;
}
@media screen and (min-width: 769px){
footer{
    padding:10px;
    font-size:0.8rem;
}
}
@media screen and (max-width: 768px){
footer{
    padding:5px;
    font-size:0.6rem;
}
}

/*****COMMON*****/
.tit_eng{
    color:#F4637E;
    font-style: italic;
    display:block;
}
.tit_box{
    color:#FFF;
    background:linear-gradient(90deg, #F4637E 0%, #FF889E 100%);
    display:inline-block;
}
.tit_border{
    position:relative;
}
.tit_border::after{
    content:"";
    background:#707070;
    display:block;
}
.txt_basic strong{
    color:#D77CDB;
}
.bg_white{
    background:#FFF;
}
.btn_entry{
    position:relative;
    z-index:2;
}
.btn_entry a{
    background: transparent linear-gradient(286deg, #58AFFB 0%, #74BEFF 48%, #58AFFB 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 5px #00468D80;
    border-radius: 4px;
    display:inline-block;
    color:#FFF;
    text-shadow: 0px 3px 6px #00000029;
    position:relative;
    z-index:2;
}
.btn_entry a strong{
    color:#F9FF56;
}
.btn_entry::before{
    content:"";
    display:block;
    width:100px;
    height:40px;
    background:url(../img/common/ico_arro02.svg) no-repeat center center;
    background-size:contain;
    margin:0 auto;
}
@media screen and (min-width: 769px){
.section_box{
    padding:100px 0;
    width:98%;
    max-width:1000px;
    margin:0 auto;
}
.section_box h2{
    margin-bottom:50px;
}
.tit_eng{
    font-size:1.6rem;
    margin-bottom:10px;
}
.tit_box{
    font-size:1.8rem;
    padding:10px 30px;
}
.tit_nonbox{
    font-size:1.8rem;
}
.txt_center.tit_border::after{
    margin:25px auto 0;
}
.tit_border::after{
    height:1px;
    width:90px;
    margin:25px 0 0;
}
.txt_basic{
    line-height:2.2;
    margin-bottom:50px;
}
.txt_basic strong{
    font-size:1.4rem;
}
.bg_white{
    border-radius:8px;
    margin:50px auto;
    padding:50px;
}
.btn_entry a{
    font-size:2rem;
    padding:35px 60px;
    margin:0px auto 30px;
}
.btn_entry a span{
    font-size:1.6rem;
}
.btn_entry a img{
    width:50px;
    vertical-align:middle;
}
.btn_entry a:hover{
    box-shadow:none;
    background: transparent linear-gradient(286deg, #258FEB 0%, #258FEB 48%, #258FEB 100%) 0% 0% no-repeat padding-box;
    text-decoration:none;
}
.btn_entry .font_ge{
    font-size:1.2rem;
    padding:0 0 20px;
    display:inline-block;
    background: url(../img/common/bg_st_bar.svg) repeat-x bottom left;
}
.btn_entry p{
    font-size:1.4rem;
}
.disp_sp{
    display:none;
}
}
@media screen and (max-width: 768px){
.section_box{
    padding:30px 0 60px;
    width:80%;
    margin:0 auto;
}

.section_box h2{
    margin:0 -5% 25px;
}
.tit_eng{
    font-size:1.5rem;
    margin-bottom:5px;
}
.tit_box{
    font-size:1.1rem;
    padding:10px 10px;
}
.tit_nonbox{
    font-size:1.1rem;
}
.txt_center.tit_border::after{
    margin:15px auto 0;
}
.tit_border::after{
    height:1px;
    width:45px;
    margin:15px 0 0;
}
.txt_basic{
    line-height:2;
    margin:0 0 25px 0;
    font-size:0.9rem;
}
.txt_basic strong{
    font-size:1rem;
}
.bg_white{
    border-radius:8px;
    margin:50px auto;
    padding:10px;
}
.btn_entry a{
    font-size:1.3rem;
    padding:15px 30px;
    margin:0 auto 15px;
}
.btn_entry a span{
    font-size:1.1rem;
}

.btn_entry a img{
    width:30px;
    vertical-align:middle;
}
}



.anim_fade{
      transition: all .6s ease-out;
      opacity: 0;
      transform: translateY(20%);
   }
.anim_fade.started {
      opacity: 1;
      transform: translateY(0);
   }
.anim_fade.started.ended {
      opacity: 1;
 }

.anim_scale{
      transition: all .9s ease-out;
      opacity: 0;
      transform: translateY(5%) scale(1.5,1.5);
   }
.anim_scale.started {
      opacity: 1;
        transform: translateY(0) scale(1,1);
   }
.anim_scale.started.ended {
      opacity: 1;
 }
.anim_scales{
      transition: all .9s ease-out;
      opacity: 0;
      transform: translateY(0) scale(0.2,0.2);
   }
.anim_scales.started {
      opacity: 1;
        transform: translateY(0) scale(1,1);
   }
.anim_scales.started.ended {
      opacity: 1;
 }


.anim_left{
      transition: all .6s ease-out;
      transform: translateX(-100%) ;
      opacity: 0;
   }
.anim_left.started {
      transform: translateX(0) ;
      opacity: 1;
   }
.anim_left.started.ended {
      opacity: 1;
 }

.anim_right{
      transition: all .6s ease-out;
      transform: translateX(100%) ;
      opacity: 0;
   }
.anim_right.started {
      transform: translateX(0) ;
      opacity: 1;
   }
.anim_right.started.ended {
      opacity: 1;
 }