@charset "utf-8";
/*-----------------------------------------------
共通
-----------------------------------------------*/

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

body  {
    font-size: 1.8rem;
    line-height: 1.6;
    color:#333;
    font-style: normal;
    font-weight: 500;
    font-family: 'Noto Sans JP', sans-serif , "Yu Gothic", YuGothic, "Meiryo", sans-serif;
}

/*レイアウト*/
.container{
    max-width: 1420px;
    margin: 0 auto;
}

/*ボタン：ホバー*/
a.rollover:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

/*PC表示・SP非表示*/
body .pc-item {
    display: block; 
}

body .sp-item {
    display: none; 
}

/*SP*/
@media screen and (max-width: 768px) {
    body .pc-item {
        display: none; 
    }
    
    body .sp-item {
        display: block; 
    }
}

/*PC改行なし*/
.br-sp {
    display: none; 
}

/*PC改行*/
.br-pc {
    display: block; 
}

@media screen and (max-width: 768px) {
    .br-sp {
        display: block; 
    }

    .br-pc {
        display: none; 
    }
}

/*-----------------------------------------------
FV
-----------------------------------------------*/

.fv-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*-----------------------------------------------
CTA
-----------------------------------------------*/

.cta-bg{
    background: linear-gradient(to bottom,  #1277db 0%,#04509a 100%);
    padding: 8rem 0;
}

.cta-content {
    max-width: 910px;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
    padding: 6rem 2rem;
}

.cta-title{
    max-width: 630px;
    margin: 0 auto;
    padding-bottom: 4rem;
}

.cta-title img{
    width: 100%;
    height: auto;
}

.cta-schedule{
    max-width: 800px;
    margin: 0 auto;
}

.cta-schedule img{
    width: 100%;
    height: auto;
}

.cta-btn{
    max-width: 100%;
}

.cta-btn img{
    width: 100%;
    height: auto;
}

/*SP*/
@media screen and (max-width: 768px) {

    .cta-bg{
        padding: 4rem 0;
    }

    .cta-content {
        max-width: 90%;
        padding: 4rem 1rem;
    }
}

/*-----------------------------------------------
特典
-----------------------------------------------*/

.tokuten-bg{
    background: #ebf0f3;
    padding: 8rem 0;
}

.tokuten-title{
    max-width: 665px;
    margin: 0 auto;
    padding-bottom: 6rem;
}

.tokuten-title img{
    width: 100%;
    height: auto;
}

.tokuten-box{
    max-width: 910px;
    margin: 0 auto;
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
    padding: 4rem 4rem;
    background-color: #fff;
    margin-bottom: 8rem;
}

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

.tokuten-img{
    max-width: 100%;
    padding-bottom: 3rem;
}

.tokuten-img img{
    width: 100%;
    height: auto;
}

.tokuten-txt{
    font-size: 2.6rem;
    text-align: justify;
    line-height: 1.4;
}

/*SP*/
@media screen and (max-width: 768px) {

    .tokuten-box{
        max-width: 90%;
        padding: 4rem 4rem;
        margin-bottom: 6rem;
    }
    
}

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

    .tokuten-bg{
        padding: 4rem 0;
    }

    .tokuten-title{
        max-width: 90%;
        padding-bottom: 3rem;
    }

    .tokuten-box{
        max-width: 90%;
        padding: 1.5rem;
        margin-bottom: 4rem;
    }

    .tokuten-img{
        max-width: 100%;
        padding-bottom: 1rem;
    }

    .tokuten-txt{
        font-size: 1.2rem;
    }
}

/*-----------------------------------------------
お客様の声
-----------------------------------------------*/
.voice-bg{
    background-image: url(../img/voice-bg.webp);
    background-size: contain;
    background-position: center;
    background-repeat: repeat;
    padding: 8rem 0;
}

.voice-tilte{
    max-width: 947px;
    margin: 0 auto;
    padding-bottom: 4rem;
}

.voice-tilte img{
    width: 100%;
    height: auto;
}

.voice-box{
    max-width: 855px;
    margin: 0 auto;
    padding-bottom: 6rem;
}

.voice-box:last-child{
    padding-bottom: 0px;
}

.voice-box img{
    width: 100%;
    height: auto;
}

/*SP*/
@media screen and (max-width: 768px) {

    .voice-bg{
        padding: 4rem 0;
    }

    .voice-tilte{
        max-width: 90%;
        padding-bottom: 2rem;
    }

    .voice-box{
        max-width: 90%;
        padding-bottom: 4rem;
    }
}

/*-----------------------------------------------
共感
-----------------------------------------------*/

.kyokan-img img{
    width: 100%;
    height: auto;
}

/*-----------------------------------------------
解決策
-----------------------------------------------*/

.solution-title{
    max-width: 856px;
    margin: 0 auto;
    padding-top: 8rem;
    padding-bottom: 6rem;
}

.solution-title img{
    width: 100%;
    height: auto;
}

.profile-img{
    max-width: 860px;
    margin: 0 auto;
    padding-bottom: 8rem;
}

.profile-img img{
    width: 100%;
    height: auto;
}

/*SP*/
@media screen and (max-width: 768px) {

    .solution-title{
        max-width: 90%;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    
    .profile-img{
        max-width: 90%;
        padding-bottom: 4rem;
    }
}

.mondai-bg{
    background: #1478db;
    padding: 8rem 0;
}

.mondai-title{
    max-width: 840px;
    margin: 0 auto;
    padding-bottom: 2rem;
}

.mondai-title img{
    width: 100%;
    height: auto;
}

.mondai-img{
    max-width: 860px;
    margin: 0 auto;
    padding-bottom: 6rem;
}

.mondai-img img{
    width: 100%;
    height: auto;
}

.mondai-txt{
    max-width: 860px;
    margin: 0 auto;
    font-size: 2.2rem;
    color: #fff;
}

.under-line{
    text-decoration:underline;
}

/*SP*/
@media screen and (max-width: 768px) {
    .mondai-bg{
        padding: 4rem 0;
    }
    
    .mondai-title{
        max-width: 90%;
    }

    .mondai-img{
        max-width: 90%;
        padding-bottom: 2rem;
    }
    
    .mondai-txt{
        max-width: 90%;
        font-size: 1.4rem;
    }
}

.mondai-bg02{
    padding: 8rem 0;
}

.mondai-title02{
    max-width: 840px;
    margin: 0 auto;
    padding-bottom: 4rem;
}

.mondai-title02 img{
    width: 100%;
    height: auto;
}

.mondai-img02{
    max-width: 860px;
    margin: 0 auto;
}

.mondai-img02 img{
    width: 100%;
    height: auto;
}

/*SP*/
@media screen and (max-width: 768px) {

    .mondai-bg02{
        padding: 4rem 0;
    }

    
    .mondai-title02{
        max-width: 90%;
        padding-bottom: 2rem;
    }
    
    .mondai-img02{
        max-width: 90%;
    }
}

.solution-bg{
    background: #f0f5ff;
    padding: 8rem 0;
}

.solutioin-title02{
    max-width: 640px;
    margin: 0 auto;
    padding-bottom: 4rem;
}

.solutioin-title02 img{
    width: 100%;
    height: auto;
}

.solutioin-img{
    max-width: 860px;
    margin: 0 auto;
}

.solutioin-img img{
    width: 100%;
    height: auto;
}

/*SP*/
@media screen and (max-width: 768px) {

    .solution-bg{
        padding: 4rem 0;
    }
    
    .solutioin-title02{
        max-width: 90%;
        padding-bottom: 2rem;
    }
    
    .solutioin-img{
        max-width: 90%;
    }

}

.solutioin-others{
    padding: 8rem 0;
}

.solutioin-img02{
    max-width: 860px;
    margin: 0 auto;
    padding-bottom: 8rem;
}

.solutioin-img02 img{
    width: 100%;
    height: auto;
}

.solutioin-img03{
    max-width: 860px;
    margin: 0 auto;
    padding-bottom: 8rem;
}

.solutioin-img03 img{
    width: 100%;
    height: auto;
}

.solutioin-img04{
    max-width: 860px;
    margin: 0 auto;
}

.solutioin-img04 img{
    width: 100%;
    height: auto;
}

/*SP*/
@media screen and (max-width: 768px) {

    .solutioin-others{
        padding: 4rem 0;
    }

    .solutioin-img02{
        max-width: 95%;
        padding-bottom: 4rem;
    }

    .solutioin-img03{
        max-width: 95%;
        padding-bottom: 4rem;
    }
    
    .solutioin-img04{
        max-width: 95%;
    }
    
}

/*-----------------------------------------------
FV02
-----------------------------------------------*/
.fv02-top{
    max-width: 1420px;
    margin: 0 auto;
}

.fv02-top img{
    width: 100%;
    height: auto;
}

/*-----------------------------------------------
クロージング01
-----------------------------------------------*/

.closing01-bg{
    padding: 10rem 0;
}

.closing-title01{
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 6rem;
}

.closing-title01 img{
    width: 100%;
    height: auto;
}

.closing-img01{
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 6rem;
}

.closing-img01 img{
    width: 100%;
    height: auto;
}

.closing-txt01{
    max-width: 800px;
    margin: 0 auto;
    font-size: 2.6rem;
    text-align: justify;
    line-height: 1.4;
}

.kyoutyo01{
    background: #baaa4e;
    color: #fff;
    padding-left: 1rem;
}

/*SP*/
@media screen and (max-width: 768px) {

    .closing01-bg{
        padding: 4rem 0;
    }
    
    .closing-title01{
        max-width: 90%;
        padding-bottom: 2rem;
    }

    .closing-img01{
        max-width: 90%;
        padding-bottom: 2rem;
    }
    
    .closing-txt01{
        max-width: 90%;
        font-size: 1.4rem;
        text-align: justify;
    }

    .kyoutyo01{
        padding-left: 0.2rem;
    }
}

/*-----------------------------------------------
クロージング02
-----------------------------------------------*/
.closing02-bg{
    background: #071c31;
    padding: 10rem 0;
}

.closing-title02{
    max-width: 630px;
    margin: 0 auto;
    padding-bottom: 6rem;
}

.closing-title02 img{
    width: 100%;
    height: auto;
}

.closing-img02{
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 6rem;
}

.closing-img02 img{
    width: 100%;
    height: auto;
}

.closing-txt02{
    max-width: 800px;
    margin: 0 auto;
    font-size: 2.6rem;
    color: #fff;
    text-align: justify;
    line-height: 1.4;
}

.kyoutyo02{
    color: #f9eb21;
}

/*SP*/
@media screen and (max-width: 768px) {

    .closing02-bg{
        padding: 4rem 0;
    }
    
    .closing-title02{
        max-width: 80%;
        padding-bottom: 2rem;
    }
    
    .closing-img02{
        max-width: 90%;
        padding-bottom: 2rem;
    }
    
    .closing-txt02{
        max-width: 90%;
        font-size: 1.4rem;
    }
}

/*-----------------------------------------------
クロージング03
-----------------------------------------------*/

.closing03-bg{
    background: #f0f5ff;
    padding: 10rem 0;
}

.closing-title03{
    max-width: 740px;
    margin: 0 auto;
    padding-bottom: 6rem;
}

.closing-title03 img{
    width: 100%;
    height: auto;
}

.closing-img03{
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 6rem;
}

.closing-img03 img{
    width: 100%;
    height: auto;
}

.closing-txt03{
    max-width: 800px;
    margin: 0 auto;
    font-size: 2.6rem;
    color: #333;
    text-align: justify;
    line-height: 1.4;
}

.keiko{
    background:linear-gradient(transparent 60%, #eae2af 60%);
}

/*SP*/
@media screen and (max-width: 768px) {

    .closing03-bg{
        padding: 4rem 0;
    }
    
    .closing-title03{
        max-width: 80%;
        padding-bottom: 2rem;
    }
    
    .closing-img03{
        max-width: 90%;
        padding-bottom: 2rem;
    }
    
    .closing-txt03{
        max-width: 90%;
        font-size: 1.4rem;
    }    
}

/*-----------------------------------------------
2つの道
-----------------------------------------------*/

.two-path-title01{
    max-width: 100%;
}

.two-path-title01 img{
    width: 100%;
    height: auto;
}

.two-path-container{
    max-width: 800px;
    margin: 0 auto;
    padding-bottom: 8rem;
}

.two-path-img01{
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.two-path-img01 img{
    width: 100%;
    height: auto;
}

.two-path-txt{
    font-size: 2.6rem;
    color: #333;
    text-align: justify;
    line-height: 1.4;
}

.two-path-img02{
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.two-path-img02 img{
    width: 100%;
    height: auto;
}

.two-path-img03{
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.two-path-img03 img{
    width: 100%;
    height: auto;
}

/*SP*/
@media screen and (max-width: 768px) {

    .two-path-container{
        max-width: 90%;
        padding-bottom: 4rem;
    }
    
    .two-path-img01{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .two-path-txt{
        font-size: 1.4rem;
    }
    
    .two-path-img02{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    
    .two-path-img03{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

}

/*-----------------------------------------------
追尾バナー
-----------------------------------------------*/
.floating-banner {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    margin: 0 auto;
    background-color: rgba(51, 51, 51, 0.9);
    padding: 2rem 0;
    z-index: 1000;
    text-align: center;
    display: none;
}

.floating-banner a {
    display: inline-block;
    width: 100%;
}

.banner-img{
    max-width: 680px;
    margin: 0 auto;
}

.banner-img img {
    width: 100%;
    height: auto;
}

/*SP*/
@media screen and (max-width: 768px) {
    .floating-banner {
        padding: 15px 0;
        max-width: 100%;
    }
    
    .banner-img{
        max-width: 70%;
    }
}

/*-----------------------------------------------
フッター
-----------------------------------------------*/

footer{
    background: #1277db;
    padding: 30px 0;
    color: #fff;
    text-align: center;
}

.footer_link {
    font-size: 17px;
    padding: 10px 0;
}

.footer_link a {
    color: #fff;
    text-decoration: none;
}

.copy {
    font-size: 15px;
}

/*SP*/
@media screen and (max-width: 768px) {

    footer{
        padding: 2rem 0;
    }
    
    .footer_link {
        font-size: 1.4rem;
        padding: 10px 0;
    }
    
    .copy {
        font-size: 1.2rem;
    }
}