/*===シナリオ・機能===*/
main section{font-size: 14px;line-height: 1.6em;padding:100px 0;color: #3F3D56;}
main section p{font-size: 14px;line-height: 1.6em;padding: 0;margin: 0;}
main strong{font-weight: inherit;}
main .section-wrapper{width: 90%;max-width: 1125px;height: auto;margin: 0 auto;}
main .box{background-color: #fff;filter: drop-shadow(0 0 10px rgba(36, 25, 162, 0.15));border-radius: 8px;}
main .keni-main_inner {padding-bottom:60px;}
.experience-title__h1 {padding-top:60px;color: #675cd7;text-align: center;}
.experience-title__caption{
text-align: center;
color: #030305;
font-size: 16px;
font-weight: 400;
line-height: 1.68;
}
.custom-section.lightblue_bg {margin: 120px calc(50% - 50vw);}
main .title-box{
width: 100%;
height: auto;
position: relative;
padding-top: 1em;
text-align: center;
}
main .title-box h2{
font-size: 3.45em;
color: #3F3D56;
padding: 0;
margin: 0;
position:absolute;
bottom: 0;
z-index:1;
width: 100%;
font-weight: 700;
line-height: 1em;
}
main .title-box span{font-size:9.55em;font-weight: 700;color: #F3F2FF;}
main .title-box__caption{
color: #675CD7;
font-weight: 700;
font-size:2.27em;
text-align: center;
margin: 20px 0 80px 0;
padding: 0;
}

/*CTA*/
main .cta{background-color: #675DD7;color: #fff;text-align: center;}
main .cta-wrapper{width:100%;max-width: 1080px;height: auto;margin: 0 auto;}
main .cta__copy {font-size: 2.5em;line-height: 1em;font-weight: 700;}
main .cta__copy:before,main .cta__copy:after{
content: "";
background-image: url(../images/scenario/cta_copy.svg);
background-position: center;
background-repeat: no-repeat;
background-size:contain;
width: 30px;
height: 40px;
display: inline-block;
}
main .cta__copy:before{margin-right: 10px;}
main .cta__copy:after{margin-left: 10px;transform:rotateY(180deg);margin-bottom: -5px;}
main .cta__btn{
width: 100%;
height: auto;
display: flex;
align-items: center;
gap: 2em;
justify-content: center;
flex-wrap: wrap;
margin-top: 40px;
}
main .cta__btn a{
width: calc(50% - 1em);
min-width: 500px;
background-color: #fff;
padding: 20px 10px;
filter: drop-shadow(0 3px 7px rgb(36, 25, 162));
border-radius: 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap:10px;
font-size: 16px;
color: #675CD7;
text-align: center;
position: relative;
}
main .cta__btn a:first-child {padding-right: 55px;}
main .cta__btn a:hover{color: #675CD7;}
main .cta__btn a span{width: 100%;font-weight:600;}
main .cta__btn a img{width: 60px;height: auto;}
main .cta__btn a p{width: auto;font-size:2.8rem;font-weight: 700;}
main .cta__btn a svg{
width:35px;
height: auto;
position:absolute;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
}

/*--シナリオ（会話フロー）--*/
.scenario-section{background-color: #FDFBFF;}
.scenario-section .box{width:100%;padding: 40px;border-radius: 16px;}
.scenario-contents{display: flex;flex-wrap: wrap;gap: 60px;}
.scenario-contents__title{
width: 100%;
height: auto;
display: flex;
align-items: center;
gap:15px;
}
.scenario-contents__title img{width: 70px;height:auto;}
.scenario-contents__title h3{
font-size:2.5em;
font-weight: 700;
color: #17388C;
margin: 0;
padding: 0;
}
.scenario_contents__caption{font-size:1.14em;margin:20px 0;}
.scenario_contents__image{width: 100%;height: auto;display: block;margin: 0 auto;}
  #scenario-announce .scenario_contents__image{width: 670px;}
  #scenario-faq .scenario_contents__image{width: 650px;}
  #scenario-entrance .scenario_contents__image{width: 700px;}
.scenario-contents__copybox{margin:40px 0;text-align:center;}
.scenario_contents__copy{font-size:1.72em;font-weight: 700;color:#675DD7;padding: 0;}
.scenario-contents__pattern{
width: 100%;
height: auto;
display: flex;
flex-wrap: wrap;
gap: 30px;
}
.scenario-contents__pattern-item{width: calc(50% - 15px);padding: 30px;border-radius: 8px;border:1px solid #D6E4E4;}
.scenario-contents__pattern h4{
position:relative;
padding:10px 0 10px 20px;
color: #3F3D56;
font-size:1.14em;
font-weight: 600;
line-height: 1.45em;
margin: 0;
}
.scenario-contents__pattern h4:before{
content: "";
width: 3px;
height: 100%;
background-color: #9E97E7;
position: absolute;
left: 0;
top: 0;
}
.scenario-contents__pattern h4 strong{font-size:1.3em;}
.scenario-contents__pattern p{font-weight: 500;margin: 20px 0 30px 0;padding: 0;}

/*機能一覧*/
.function-contents{width: 100%;height: auto;display: flex;gap:2em;flex-wrap: wrap;}
.function-contents .box{width: calc(50% - 1em);padding: 30px;}
.function_contents-title{
width: 100%;
text-align: center;
color: #675CD7;
font-size: 2.15em;
margin: 0;
padding: 0;
}
.function_contents__caption .caution {display: block;color: #989898;}
.function_contents__image-box {
width: 100%;
height: 300px;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
margin: 20px 0;
}
.function_contents__image-box img{width:auto;height:100%;object-fit: contain;}

/*--responsive--*/
@media print, (min-width: 820px) {
  .experience-title__h1 {margin-bottom: 35px;font-size: 48px;line-height: 1.2;}
}
@media only screen and (max-width: 1080px) {
  main .cta-wrapper{width: 90%;}
  main .cta__btn {margin-top: 20px;gap: 20px;}
  main .cta__btn a, main .cta__btn a:first-child {padding: 20px 50px 20px 10px;min-width: 410px;}
  main .cta__btn a img{width: 50px;}
  main .cta__btn a svg{width:25px;right:14px;}
  main .cta__btn a p{font-size: 1.3em;line-height: 1.35em;}
}
@media only screen and (max-width: 768px) {
  main section{padding: 60px 0;}
  main .keni-main_inner {padding: 20px 0 40px 0;}
  .experience-title__h1{margin: 0 0 0.5em 0;font-size:1.72em;}
  .experience-title__caption {text-align: left;font-size: 14px;}
  .custom-section.lightblue_bg{margin:60px calc(50% - 50vw);}
  main .title-box h2{font-size: 1.72em;}
  main .title-box span{font-size: 4em;}
  main .title-box__caption{font-size: 1.14em;margin-bottom: 30px;}
  main .cta{padding: 45px 0;}
  main .cta__btn a, main .cta__btn a:first-child {width: 300px;min-width: inherit;text-align: left;}
  main .cta__copy{font-size:1.28em;}
  main .cta__copy:before,main .cta__copy:after{width: 20px;height: 25px;}
  .scenario-contents{gap: 30px;}
  .scenario-contents__title{gap: 10px;}
  .scenario-contents__title h3{font-size:1.3em;}
  .scenario-contents__title img {width: 45px;}
  .scenario-contents__copybox{text-align: left;margin: 25px 0;}
  .scenario_contents__copy{font-size:1.28em;}
  .scenario-section .box{padding: 30px 20px;}
  .scenario_contents__caption{font-size:inherit;margin:10px 0;}
  .scenario-contents__pattern h4{font-size:inherit;padding: 0 0 0 15px;line-height: 1.8em;}
  .scenario-contents__pattern h4 strong{font-size:1.28em;}
  .scenario-contents__pattern p{margin: 10px 0 20px 0;}
  .scenario-contents__pattern-item{width: 100%;padding:0;border:none;}
  .function_contents-title{font-size:1.3em;}
  .function_contents__image-box {height: auto;}
}
@media only screen and (max-width: 620px) {
  .function-contents .box{width: 100%;}
}