@charset "UTF-8";
/* CSS Document */
/*** FIND-X LP ***/

body                {
    font-family: 'Noto Sans JP', sans-serif!important;
}

.it-.find-x header {
    width: 100%;
    border-bottom: none;
    background: #FFF;
} 
.it-.find-x header article {
    padding-bottom: 6 px !important;
}

section#main {
    background: url("../img/find-x-lp/main.jpg")center top;
    background-size: inherit;
    background-attachment: fixed;
    height: 640px;
}



.it- section:nth-of-type(1) {
    background: none;
}

section#main article {
    width: 1200px;
    height: 620px;
    margin: auto;
    padding-top: 40px!important;
}

.find-x section h2.min {
    text-align: left;
    margin-left: -0.5em;
    color: #FFF;
    font-size: 700%;
    font-family: 'Noto Sans JP', sans-serif;
    text-shadow: 2px 2px 8px rgba(9,71,86,0.77);
    margin-bottom: 25px;
}

.find-x section:nth-of-type(2) {
    background: rgba(228,249,246,1.00);
}

.find-x .flex {
    display: flex;
    justify-content:space-between;
    justify-content: space-evenly;
}
.find-x .flex.wrap {
    flex-wrap: wrap;
}
.find-x .flex.wrap .column1-2 {
    margin-bottom: 120px!important;
}
.find-x .flex.wrap .column1-2:last-child,
.find-x .flex.wrap .column1-2:nth-last-child(2) {
    margin-bottom: 0!important;
}

.find-x .column1-2 {
    float: none;
    margin: 0 !important;
    text-align: center;
}

.find-x .column1-3 {
    text-align: center;
    width: 32%;
    align-items: flex-start!important;
}

.find-x h3 {
    line-height: 1.2;
    margin-bottom: 0.5em !important;
    font-size: 360% !important;
    color: #004880;
}
.find-x h3.spec {
    font-size: 160%!important;
    font-weight: normal;
}
.find-x h3 span {
    display: inline-block;
    color: #FF0004;
    margin-bottom: 0.25em !important;
    font-size: 100%;
    font-weight: bold;
}

.find-x .column1-2 dl { display: flex; }
.find-x .column1-2 dl dt { margin-right: 2%; width: 37%; }
.find-x .column1-2 dl dd { text-align: left; width: 63%; }
.find-x .column1-2 dl dd li:first-child { font-size: 20px; color: #004880; }
.find-x .column1-2 dl dd li:last-child { font-size: 18px; color: #004880; line-height: 1.3; margin-left: 1.5em; text-indent: -1.2em; }
.find-x .column1-2 dl dd li:last-child::before { 
    content: "▶︎ "
}

.find-x h4 {
    line-height: 1.2;
    font-size: 220% !important;
    color: #1C1C1C;
    margin-bottom: 0.7em;
}

.find-x .multi-code h4 {
    color: #004294;
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
}

p.notes { font-size: 14px; margin-top: -20px; text-align: right; }

.find-x p.fs24 { font-size: 24px; line-height: 1.3; }


.find-x section#cont2 {
    background: url("../img/find-x-lp/cont2-bg.jpg") center bottom;
    background-size: inherit;
    background-attachment: fixed;
    padding: 80px 0;
}
.find-x section#cont2 article {
    background: rgba(255,255,255,0.84);
    padding: 50px;
    box-sizing: border-box;
}
.find-x section#cont2 article h2 span {
    font-size: 50%;
    font-weight: bold;
}


.find-x section#cont2 .video {
    /* border-top: solid 1px #000; */
    width: 55%;
    position: relative;
}




.find-x .cta {
    /*background: #28a2ad !important;*/
    background: -webkit-repeating-linear-gradient(-45deg,#28a2ad 0,#28a2ad 10px,#3baab4 10px,#3baab4 20px) !important;
    background: -o-repeating-linear-gradient(-45deg,#28a2ad 0,#28a2ad 10px,#3baab4 10px,#3baab4 20px) !important;
    background: repeating-linear-gradient(-45deg,#28a2ad 0,#28a2ad 2px,#3baab4 2px,#3baab4 4px) !important;
    text-align: center;
}
.find-x .cta article {
    padding-top: 40px !important;
    padding-bottom: 50px !important;
}

.find-x .cta h2 {
    color: #FFF;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 175%!important;
    text-align: center!important;
    margin-top: 0;
}

.find-x .cta h2 span {
    color: #FFF;
    font-size: 215%;
    font-family: 'PT Sans Narrow', sans-serif;
    vertical-align: baseline
}
.find-x .cta .contact p {
    text-align: center;
    color: #FFF;
}
.find-x .cta .contact p.title {
    font-size: 125%;
    margin-bottom: 0;
}
.find-x .cta .contact p.tel {
    text-align: center;
    font-family: 'Scheherazade New', serif;
    font-size: 300%;
    line-height: 1.2;
    border-bottom: 2px solid #FFF;
    padding: 0 0.5em;
    display:inline-block;
    margin-bottom: 8px;
}
.find-x .cta .contact p.tel a {
    color: #FFF;
}
.find-x .cta .contact p.time {
    margin-bottom: 0;
}


.find-x section#cont3 {
    background: url("../img/find-x-lp/cont3-bg.jpg") left top;
    background-size: cover;
    background-attachment: fixed;
    padding: 80px 0;
}
.find-x section#cont3 h2.bgtitle { width: 1200px; margin: auto; text-align: center!important; background: #004880; color: #FFF; font-size: 225%!important; line-height: 74px!important; }


.find-x section#cont3 article {
    background: rgba(255,255,255,0.80);
    padding: 60px 50px;
    text-align: center;
    box-sizing: border-box;
}

.find-x section#cont3 article h2 {
    font-size: 260%;
    font-family: 'Noto Sans JP', sans-serif;
    padding-bottom: 40px;
    margin-top: 0px!important;
    line-height: 1!important;
}

.find-x article ul.bg-check li { width: 660px; color: #FFF; border-radius: 30px; margin-bottom: 20px; font-size: 30px; text-align: left; background: #28a2ad;
line-height: 1; padding: 5px 0 5px;
}

.find-x article ul.bg-check li::before {
    content: url("../img/find-x-lp/icon-check.png");
    vertical-align: middle; margin: -5px 10px 0 20px; 
    display: inline-block;
    transform: scale(0.8);
}

.find-x section#cont3 table {
    width: 100%;
}
.find-x section#cont3 td,
.find-x section#cont3 th {
    border: solid 1px #000;
    padding: 0.5em;
    box-sizing: border-box;
    vertical-align: top;
}
.find-x section#cont3 th {
    font-size: 20px;
    background: #3399ff;
    color: #FFF;
}
.find-x section#cont3 td {
    text-align: left;
    font-size: 13px;
    word-break: break-all;
}
td.large { font-size: 18px!important; }


.find-x h2 {
    font-size: 70px!important;
    font-family: 'Noto Sans JP', sans-serif!important;
    color: #5228a8;
    text-align: left!important;
    line-height: 1.3!important;
    margin-top: 150px;
}
.find-x h2.spec {
    font-size: 40px!important;
    font-family: 'Noto Sans JP', sans-serif!important;
    border-bottom: solid 2px #004880;
    text-align: center!important;
    padding-bottom: 10px!important;
    margin-bottom: 40px;
}

.find-x .glow {
    text-shadow: 2px 2px 10px #fff,
    -2px 2px 10px #fff,
    2px -2px 10px #fff,
    -2px -2px 10px #fff;
}




/****************/
.find-x-cta section article {
    padding: 60px 0;
}


.pdtb4030 {
    padding: 40px 20px 30px;
}

@media screen and (max-width: 1199px) {
        header article {
            width: 100%;
        }
        article {
            width: 96%;
            margin: auto
        }
        section#main article.main {
        width: 100%;
        }
/*        section#main {
            background-attachment: scroll;
        }
/*        section#main article.flex {
            display: block;
        }
*/        
        
        .find-x section#cont2 {
            background-size: cover;
            background-attachment: scroll;
            padding: 40px 0;
        }

        .find-x section#cont3 {
            background-size: cover;
            background-attachment: scroll;
            padding: 40px 0;
        }

        .find-x section#cont3 h2.bgtitle {
            width: 100%;
            line-height: 1.4!important;
            font-size: 32px!important;
        }
.find-x .flex { display: block; }



}



@media only screen and (max-width: 768px) {
        header article {
            width: 100%;
        }
        article {
            width: 96% !important;
            margin: auto;
        }
        section#main article.main {
            padding-top: 80px;
            width: 100%;
        }
        section#main {
            background: url("../img/find-x-lp/main.jpg")17% top;
            background-size: cover;
            background-attachment: scroll;
            height: 630px;
        }
        section#main article.flex {
            display: block;
        }
        section#main article.flex h2 { margin-top: 30px!important; font-size: 40px!important; }



        .find-x section h2.min {
            font-size: 400%;
        }

        .find-x section h2.goth {
            font-size: 180%;
            margin-bottom: 15px;
        }
        .find-x section h2.goth2 {
            font-size: 149%;
        }

/*        .find-x .flex {
            display: block;
        }
  */      .find-x .column1-2 {
            float: none;
            margin: auto;
            width: 44%;
            text-align: center;
            margin-bottom: 0em !important;
        }
        
        .find-x section#cont2 {
            background-size: cover;
            padding: 40px 0;
        }
        .find-x section#cont3 {
            background-size: cover;
            padding: 40px 0;
        }

        .find-x section#cont2 article h2 {
            font-size: 300%;
            color: #FF0004;
        }
        .find-x section#cont3 article {
            padding: 60px 15px 10px;
        }
        
        .find-x .mb80 {
            margin-bottom: 40px !important;
        }
        
        .triangle{
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 100px 100px 0 100px;
            border-color: rgba(255,255,255,0.8) transparent transparent     transparent;
            margin: auto;
        }
        .find-x .triTxt {
            font-size:170% !important; 
        }

        .find-x .flex {
    display: block;
    margin-bottom: 30px;
    

}
        
        .find-x section#cont3 article h2 {
            font-size: 156%;
        }
        .find-x .flex2 {
            width: 96%;
            justify-content: space-around;
        }
        .find-x .flex2 p {
            width: 30%;
        }
        .find-x .flex.noflex {
            display: block;
        }
        .find-x .flex.noflex .column1-2 {
            width: 90%;
            margin: auto !important;
        }
        .find-x .flex.noflex .column1-2 h3 {
            font-size: 140% !important;
        }
        
        .find-x section#cont5 article h2,
        .find-x section#cont4 article h2 {
            font-size: 150%;
        }
        
        .find-x h3,
        .find-x h2 {
            font-size: 40px!important;
        }
        
        .find-x h4 {
            line-height: 1.2;
            font-size: 160% !important;
            color: #1C1C1C;
            margin-bottom: 0.7em;
        }
        
        .find-x-cta section h2.min {
            font-size: 300%;
        }
        
        .pd50 { padding: 15px!important; }
        
        .find-x section#cont2 .video {
            width: 100%;
            position: relative;
        }
        .find-x section#cont3 h2.bgtitle {
            width: 100%;
            line-height: 1.4!important;
            font-size: 32px!important;
        }
        .find-x article ul.bg-check li {
            width: 100%;
            font-size: 22px;
        }
        
        .find-x .flex.wrap .column1-2 {
            width: 100%;
            margin-bottom: 40px!important;
        }
        
        .table-scroll {
            overflow: auto;
            white-space: nowrap;
            width:100%;
        }
        /* 以下、スクロールバーを追加 */
        .table-scroll::-webkit-scrollbar{　　
            height: 15px;
        }
        .table-scroll::-webkit-scrollbar-track{
             background: #333;
        }
        .table-scroll::-webkit-scrollbar-thumb {
             background: #999;
        }

}