@charset "utf-8";
body{
    font-family: YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}
.noto-serif { 
    font-family: 'Noto Serif JP', serif;
}
.mainvisual{
    background: url(img/mainvisual_bg.jpg);
    background-position: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.inner{
        max-width: 1040px;
        margin: 0 auto;
    }
.header{
    background: #ffffffb5;
    position: absolute;
    width: 100%;
    height: 100px;
    }
    .logo_wrap{
        padding: 10px 0 0 4%;
    }
    .sec01{
    background: url(img/section01_bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0 80px 0px;
    }
    .sec02{
    background: url(img/section02_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0 80px 0px;
    background-position: top center;
    }
    .sec03{
    background: url(./img/section03_bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 50px 0 80px 0px;
    }
    .section01_solution, .ttl_wrap{
        width: 100%;
        padding: 0 20px;   
    }
    .section01_ttl{
        margin: 0 auto;
        width: 100%;
        padding: 0 20px;
    }
    .section01_solution{
        width: 100%;
        padding: 20px;   
    }
    .ttl_wrap {
        width: 98%;
        background: linear-gradient(0deg, #FFEB3B 0%, #FFEB3B 30%, #fff0 31%, #fff0 32%);
        margin: 0 auto;
    }
    .sec02 .ttl_wrap {
        width: 98%;
        background: linear-gradient(0deg, #76e1e2 0%, #76e1e2 30%, #fff0 31%, #fff0 32%);
        margin: 0 auto;
    }
    .section02_ttl{
        margin: 0 auto;
    }
    .sec02_list_wrap { 
        background: #ffffff80;
        padding: 50px 55px;
        margin: 70px 10px 0 10px;
    }
    .sec02_list { 
        color: #0070b5;
        font-size: 26px;}

    .sec02_list li{ 
        padding-left: 95px;
        background: url(./img/check_icon.png);
        background-position: top 5px left;
        background-repeat: no-repeat;
        margin-bottom: 25px;
        padding-bottom: 5px;
        line-height: 1.7em;
    }
        .sec03{
            background: url(./img/section03_bg.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            padding: 50px 0 80px 0px;
        }
        .sec03_ttl{
            margin: 0 auto;
        }
        .sec03 .ttl_wrap{
            width: 98%;
            background: linear-gradient(0deg, #76e1e2 0%, #76e1e2 30%, #fff0 31%, #fff0 32%);
            margin: 0 auto;
        }
        .sec03_txt_wrap{
            margin: 2% 2% 0;
            background: #ffffff9c;
            padding: 6% 7%;
            border: #62d0d1 0.2vw solid;
            font-size: 18px;
        }
        .sec03_txt_wrap img{
            width: 100%;
        }
        .section03_url{
            padding: 3% 0 4% 0;
            border-bottom: dotted #62d0d1 0.2vw;
            margin: 0 0 4% 0;}
        .sec03_borderdot{
                border-bottom: dotted #62d0d1 5px;
                line-height: 2em;
                padding-bottom: 45px;
                margin-bottom: 45px;
        }
        .sec03_list{
            margin-top: 65px;
        }
        .sec03_list li{
            padding-left: 70px;
            background: url(./img/check_icon02.png);
            background-position: top 5px left;
            background-repeat: no-repeat;
            margin-bottom: 10px;
            line-height: 2em;
            font-size: 18px;
        }
        .url{
            letter-spacing: -1px;
        }
        .sec03_list_comment{
            padding-left: 70px;
        }
        .kikokusya_comment{
            margin-top: 40px;
        }
        .txt01{
            margin-bottom: 10px;
        }
        .kome{
            color: #2d91cf;
            font-size: 16px;
        }
        .link{
        word-break: break-all;
        color: #247fbc
        }
        .link:visited{
            color: #247fbc;
        }
        .link:link{
            color: #247fbc
        }
        .sec03_txt03_ttl{
            margin-bottom: 40px;
        }
        .txt02{
            color: #0070b5;
            font-size: 24px;
            margin-bottom: 20px;
            margin-top: 30px;
        }
        .go_to_top{
        background: #62d0d1;
        text-align: center;
        color: #fff;
        display: block;
        font-size: 24px;
        padding: 20px 0;
        border-bottom: solid 4px #459e9f;
        }
        .logo_copyright_wrap{
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-wrap: wrap;
                padding: 3%;
        }
        .copyright{
            margin-top: 40px;
            font-size: 14px;
        }
        /*================================

　ここからPC/TABLET適用

================================*/
@media(min-width: 551px) {
    .sp-none{
        display: block;
    }
    .pc-none{
        display: none;
    }
    .mainvisual{
        height: 100vh;
        min-height: 930px;
    }
    .mainvisual_copy{
        width: 85%;
        padding: 300px 3% 0;
    }
}

/*================================

　ここから・SP適用

================================*/
@media(max-width: 550px) {
    .sp-none{
        display: none;
    }
    .pc-none{
        display: block;
    }
    .mainvisual_copy{
        padding: 180px 5% 25% 5%;
        width: 90%;
    }
    .header{
        height: auto;
    }
    .logo_wrap{
        padding: 0;
    }
    .logo img{
        width: 100%;
        height: auto;
        padding: 3% 3%;
    }
    .ttl_wrap {
        background: none;
    }
    .sec02 .ttl_wrap {
        width: 90%;
    }
    .sec01 {
        background-position: left;
    }
    .section01_solution {
        width: 100%;
        padding: 3%;
    }
    .section02_ttl{
        width: 90%;
    }
    .sec02_list_wrap {
        padding: 3%;
    }
    .sec02_list {
        color: #0070b5;
        font-size: 5vw;
    }
    .sec02_list li {
        padding-left: 14vw;
        background-position: top 2vw left;
        margin-bottom: 20px;
        background-size: 30px;
    }
    .sec03_ttl{
        width: 100%;
    }
    .sec03_list li {
        padding-left: 40px;
    }
    .sec03_list {
        margin-top: 40px;
    }
    .sec03_list_comment {
        padding-left: 40px;
    }
    .go_to_top {
        font-size: 18px;
    }
    .copyright {
        margin: 20px auto;
    }
}