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

/*mainvisual
-------------------------------------------------------*/
section#mainvisual
{
    background-image:url("../img/MainVisual_BG.png");
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover;
    padding:75px 0 0 0;
    line-height:0;
}
        img.mainvisual-title{
            width:100%;
        }

/*Greeting
-------------------------------------------------------*/
section#Greeting
{
    background-image:url("../img/BG-diagonal-white.png"),
                     url("../img/BG-cube-blue.png");
    background-repeat:no-repeat,repeat;
    line-height:0;
}
    div.Greeting-inner
    {
        width:1024px;

    }
        div.Greeting-inner img
        {
            width:100%;
            padding-top:20px;
        }
/*Tokuteigino
-------------------------------------------------------*/
section#Tokuteigino
{
    background-image:url("../img/BG-grid.png");
    background-size:40px;
    background-color:#fffef7;
    padding-bottom:70px;
}
    div.Tokuteigino-inner
    {
        width:1200px;
        text-align:center;
    }
        img.Tokutei-title
        {
            width:1073px;
            padding-top:45px;
        }
            div.text-box-wrap
            {
                width:100%;
                background-color:#ffffff;
                padding:25px 65px 60px;
                margin-top:-120px;
                box-sizing:border-box;
                box-shadow:3px 3px 3px #ccc;
                text-align:left;
            }
                p.Tokuteigino-text
                {
                    font-size:1.3em;
                }
                p.Tokuteigino-text-01
                {
                    margin:120px 0 20px;
                }
                p.Tokuteigino-text-02
                {
                    margin:55px 0 20px;
                }
                div.Homusyo
                {
                    padding:40px 0 0;
                    text-align:center;
                }
                        p.Homusyo-text span
                        {
                            color:#ff6600;
                        }
                    a.Homusyo-HP
                    {
                        display: inline-block;
                        padding: 0.3em 1em;
                        text-decoration: none;
                        color: #FFFFFF;
                        background-color:#3c7abd;
                        border: solid 2px #3c7abd;
                        border-radius: 3px;
                        transition: .6s;
                    }
                        a.Homusyo-HP:hover
                        {
                            opacity:0.6;
                        }

/*effort
-------------------------------------------------------*/
section#effort
{
    background-image:url("../img/BG-sct-effort.png");
    background-repeat:no-repeat;
    background-size:cover;
    background-position:top center;
    padding:70px 0 0;
    text-align:center;
}
    h3.effort-h3
    {
        color:#FFFFFF;
        filter: drop-shadow(3px 3px 3px #133359);
        line-height:1.4;
        font-weight:bold;
    }
            img.effort-img
            {
                width:1200px;
                margin-bottom:-100px;
            }

/*Total-support
-------------------------------------------------------*/
section#Total-support
{
    background-image:url("../img/BG-cube.png");
    padding:100px 0 50px;
    text-align:center;
}
        h3.Total-support-h3
        {
            margin:0;
            color:#ff6600;
            line-height:1.3;
        }
        img.Total-support-img
        {
            width:1200px;
        }

/*Area
-------------------------------------------------------*/
section#Area
{
    background-image:url("../img/BG-Area.jpg");
    background-position:center;
    background-repeat:no-repeat;
    padding:120px 0;
    text-align:center;
}
    h3.Area-h3
    {
        margin:0 0 30px;
        color:#FFFFFF;
        filter: drop-shadow(3px 3px 3px #547997);
        line-height:1.4;
    }
    div.Area-box
    {
        width:800px;
        margin:0 auto;
        padding:40px 0 60px;
        background-color:rgba(255,255,255,0.90);
    }
        h4.Area-h4
        {
            color:#0b69ac;
            font-weight:bold;
            font-size:1.8em;
            margin:0;
        }
        p.Area-text-01
        {
            font-weight:bold;
            font-size:1.8em;
            margin:15px 0 10px;
        }
            span.Underline-yellow
            {
                background: linear-gradient(transparent 60%, #fff444 60%);
            }
        p.Area-text-02
        {
            font-weight:500;
            font-size:1.6em;
            margin:0 0;
        }

/*Step
-------------------------------------------------------*/
section#Step
{
    background-image:url("../img/BG-sct-step.png");
    background-repeat:no-repeat;
    background-position:top center;
    background-size:cover;
    padding:120px 0 80px;
}
    div.Step-wrap
    {
        width:865px;
        margin:0 auto;
        text-align:center;
    }
        div.Step-box
        {
            width:100%;
            background:rgba(255,255,255,0.90);
            border-radius:4px;
            margin-bottom:15px;
            box-sizing:border-box;
            padding:1.5em 3%;
            text-align:left;
        }
            h4.Step-h4
            {
                width:33%;
                color:#ff6600;
                border-right:1px solid #ccc;
                margin:0;
                
            }
                h4.Step-h4 span
                {
                    vertical-align:middle;
                }
                span.Step-h4-number
                {
                    padding-right:5%;
                }
        div.Step-text
        {
            width:60%;
        }
            div.Step-text p
            {
                font-size:1.2em;
                margin:0;
            }
        div.Step-btn
        {
            margin:0.5em 0 0;
        }
        a.btn-mail
        {
            margin-left:3%;
        }
            img.Step-arrow
            {
                margin-bottom:15px;
            }

/*Price
-------------------------------------------------------*/
section#Price
{
    background-image:url("../img/BG-cube-blue2.png");
    background-repeat:repeat;
    text-align:center;
    padding:120px 0 55px;
}
    div.Price-inner
    {
        padding-bottom:50px;
    }
        div.Saishinsei
        {
            width:100%;
            background-color:#ffff1e;
        }
            img.Saishinsei-img
            {
                width:700px;
                vertical-align:bottom;
                margin:-30px 0 -55px;
            }


/*Contact
-------------------------------------------------------*/
section.Contact
{
    background-color:#ff6600;
    padding:45px 0;
}
    div.Contact-inner
    {
        width:800px;
        margin:0 auto;
    }
        div.Contact-box
        {
            text-align:center;
        }
            a.Contact-tel
            {
                text-decoration:none;
                font-size:3.5em;
                font-weight:bold;
                color:#FFFFFF;
                transition: .6s;
            }
                a.Contact-tel:hover
                {
                    opacity:0.6;
                }
            p.Contact-time
            {
                color:#FFFFFF;
                margin:-10px 0 20px;
                font-size:1.3em;
            }
            a.Contact-mail
            {
                transition: .6s;
            }
                a.Contact-mail:hover
                {
                    opacity:0.6;
                }
                a.Contact-mail img
                {
                    filter: drop-shadow(3px 3px 3px #b04d00);
                }

/*FAQ
-------------------------------------------------------*/
section#FAQ
{
    background-image:url("../img/BG-grid.png"),url("../img/BG-sct-FAQ.png");
    background-repeat:repeat,no-repeat;
    background-size:40px,cover;
    background-position:center;
    padding:80px 0;
}
    div.FAQ-wrap
    {
        width:880px;
        margin:0 auto;
        background-color:rgba(255,255,255,0.90);
        box-sizing:border-box;
        padding:45px 0 40px;
    }
        h3.FAQ-h3
        {
            text-align:center;
            margin:0 auto 5px;
            width:440px;
        }
            h3.FAQ-h3 img
            {
                width:100%;
            }
        p.FAQ-p
        {
            width:680px;
            margin:0 auto;
            color:#3c7abd;
            font-size:1.2em;
            font-weight:bold;
        }
        div.FAQ-box01
        {
            border-top:6px solid #3c7abd;
            margin-top:20px;
        }
        div.FAQ-box
        {
            width:680px;
            margin:0 auto;
            border-bottom:6px solid #3c7abd;
        }
            div.FAQ-Q-container
            {
                border-bottom:1px solid #ccc;
                width:100%;
                box-sizing:border-box;
                padding:15px 20px;
            }
            div.FAQ-A-container
            {
                box-sizing:border-box;
                padding:15px 20px;
            }
                div.FAQ-box img
                {
                    width:33px;
                    margin-right:20px;
                }
                p.Q-text
                {
                    font-size:1.3em;
                    font-weight:bold;
                    color:#3c7abd;
                }
                p.A-text
                {
                    width:587px;
                    font-size:1.2em;
                    
                }
/*Profile
-------------------------------------------------------*/
section#Profile
{
    background-image:url("../img/BG-sct-profile.png");
    background-repeat:no-repeat;
    background-position:center;
    background-size:1920px;
    padding:60px 0;
    border-top:25px solid #3c7abd;
    border-bottom:25px solid #3c7abd;
    font-family:"游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}
    div.Profile-inner
    {
        width:850px;
        margin:0 auto;
    }
        h3.Profile-h3
        {
            text-align:center;
            font-size:3em;
        }
        div.Profile-box
        {
            width:100%;
        }
            img.Profile-img
            {
                width:30%;
            }
            div.Profile-textbox
            {
                width:67%;
                align-self:flex-start;
            }
                p.Profile-text01
                {
                    margin:0;
                }
p.Profile-text02
{
    margin:0.8em 0;
}
p.Profile-text03
{
    margin:0;
}
p.Profile-text04
{
    text-align:right;
    margin:0.8em 0 0;
}
                h4.Profile-h4
                {
                    width:100%;
                    text-align:center;
                    background-color:#3c7abd;
                    color:#FFFFFF;
                    padding:0.3em 0;
                    margin:1.5em 0 0;
                }
                    div.Career p
                    {
                        align-self:flex-start;
                        margin:1em 0 0;
                    }
                div.media
                {
                    width:100%;
                    margin-top:1em;
                }
                    div.media p
                    {
                        width:47%;
                        align-self:flex-start;
                        margin:0;
                    }
                    img.media-img
                    {
                        width:50%;
                    }

/*Office
-------------------------------------------------------*/
section#Office{
    font-family:"游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}
div.Office-inner{
    text-align: center;
}
h3.Office-h3{
    text-align:center;
    font-size:3em;
}
dl.Office-dl{
    width: 800px;
    margin: 0 auto 4em;
    display: inline-flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    text-align: left;
    border-top: 1px dotted #ddd;
}
    .Office-dl dt{
        width: 20%;
        box-sizing: border-box;
        padding: 10px 5px;
        border-bottom: 1px dotted #ddd;
    }
        .Office-dl dd{
            width: 80%;
            box-sizing: border-box;
            margin: 0!important;
            padding: 10px 5px;
            border-bottom: 1px dotted #ddd;
        }
            .Office-dl dd span{

                font-size: 0.8em;
            }
                div.Office-gmap{
                    width: 100%;
                }

/*Contact02
-------------------------------------------------------*/
section.Contact02
{
    margin:25px 0 15px;
}

/*thanks
-------------------------------------------------------*/
section#thanks
{
    width:100%;
    padding:60px 0;
    border-top:25px solid #3c7abd;
    text-align:center;
}
    h3.thanks-h3
    {
            text-align: center;
            font-size:2em;
            font-family:"游明朝", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
            margin:0;
    }
        p.text-red
        {
            font-size:0.8em;
            color:#D91F22;
            line-height:1.5;
            margin-top:20px;
        }

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

/*Tokuteigino 1300px
-------------------------------------------------------*/
section#Tokuteigino
{
    background-size:40px;
}
    div.Tokuteigino-inner
    {
        width:1024px;
    }
        img.Tokutei-title
        {
            width:930px;
        }
        img.Tokutei-01
        {
            width:100%;
        }
        img.Tokutei-02
        {
            width:100%;
        }

/*effort 1300px
-------------------------------------------------------*/
            img.effort-img
            {
                width:1024px;
                margin-bottom:-100px;
            }

/*Total-support 1300px
-------------------------------------------------------*/
        img.Total-support-img
        {
            width:1024px;
        }



}
@media screen and (max-width : 1230px) {}
@media screen and (max-width : 1100px) {}
@media screen and (max-width : 1024px) {}
@media screen and (max-width : 768px) {




/*Greeting 768px
-------------------------------------------------------*/
section#Greeting
{
    background-image:none;
}
    div.Greeting-inner
    {
        width:100%;

    }
        div.Greeting-inner img
        {
            padding-top:0;
        }
    
/*Tokuteigino 768px
-------------------------------------------------------*/
section#Tokuteigino
{
    padding:2em 0;
}
    div.Tokuteigino-inner
    {
        width:90%;
        text-align:center;
    }
        img.Tokutei-title-sp
        {
            width:100%;
            margin:0 auto;
        }
            div.text-box-wrap
            {
                width:100%;
                padding:1.2em 6% 2em;
                margin-top:0;
            }
                p.Tokuteigino-text
                {
                    font-size:1.2em;
                }
                p.Tokuteigino-text-01
                {
                    margin:1em 0;
                }
                p.Tokuteigino-text-02
                {
                    margin:2em 0 1em;
                }
                img.Tokutei-01
                {
                    width:100%;
                }
                img.Tokutei-02
                {
                    width:100%;
                }
                div.Homusyo
                {
                    padding:1em 0 0;
                }
                        p.Homusyo-text span
                        {
                            color:#ff6600;
                        }

/*effort 768px
-------------------------------------------------------*/
section#effort
{
    padding:4em 0 0;
    text-align:center;
}
    h3.effort-h3
    {
        margin:0 0 1em;
    }
            img.effort-img
            {
                width:100%;
                margin-bottom:-100px;
            }

/*Total-support 768px
-------------------------------------------------------*/
    section#Total-support
{
    padding:7em 0 1em;
}
        img.Total-support-img
        {
            width:95%;
        }

/*Area 768px
-------------------------------------------------------*/
section#Area
{
    padding:4.5em 0 7em;
}
    h3.Area-h3
    {
        margin:0 0 1.5em;
        color:#FFFFFF;
    }
    div.Area-box
    {
        width:90%;
        padding:2em 0 3em;
    }
        h4.Area-h4
        {
            font-size:1.3em;
        }
        p.Area-text-01
        {
            font-size:1.3em;
            margin:0.8em 0;
            line-height:0.9;
        }
        p.Area-text-02
        {
            font-size:1.3em;
        }

/*Step 768px
-------------------------------------------------------*/
section#Step
{
    padding:2.5em 0;
}
    div.Step-wrap
    {
        width:90%;
    }
        img.Step-title
        {
            width:100%;
        }
        div.Step-box
        {
            width:100%;
            margin-bottom:8px;
            padding:1.3em 5% 1em;
            text-align:center
        }
            h4.Step-h4
            {
                width:100%;
                border-right:none;
                margin:0 0 0.3em;
                
            }
                span.Step-h4-number
                {
                    padding-right:0.3em;
                }
        div.Step-text
        {
            width:100%;
            text-align:left;
        }
            div.Step-text p
            {
                font-size:1em;
            }
    div.Step-btn
    {
        text-align:center;
        margin:0.8em 0 0;
    }
        a.btn-mail
        {
            margin:0.5em 0 0;
            display:block
        }
img.Step-arrow
    {
        width:20%;
        margin-bottom:8px;
    }
    img.Step-fin
    {
        width:100%;
    }

/*Price 798px
-------------------------------------------------------*/
section#Price
{
    padding:80px 0 40px;
}
    div.Price-inner
    {
        padding-bottom:20px;
    }
    img.Price-img
    {
        width:70%;
    }
    div.Saishinsei{
        position: relative;
        height: 370px;
        margin: 5em auto 30px;
    }
            img.Saishinsei-img_sp
            {
                position: absolute;
                top: -60px;
                left: 0%;
                right: 0%;
                width:70%;
                margin:0em auto 0em;
            }
/*Contact 768px
-------------------------------------------------------*/
section.Contact
{
    padding:2em 0;
}
    div.Contact-inner
    {
        width:80%;
        margin:0 auto;
    }
    img.Contact-message
    {
        width:100%;
    }
        div.Contact-box
        {
            margin: 1em auto 0;
        }
            a.Contact-tel
            {
                font-size:2.8em;
            }
            p.Contact-time
            {
                color:#FFFFFF;
                margin:-10px 0 20px;
                font-size:1.2em;
            }
                a.Contact-mail img
                {
                    width:100%;
                }


/*FAQ 768px
-------------------------------------------------------*/
section#FAQ
{
    padding:2.5em 0;
}
    div.FAQ-wrap
    {
        width:85%;
        padding:2.5em 0;
    }
        h3.FAQ-h3
        {
            margin:0 auto 0.5em;
            width:60%;
        }
            h3.FAQ-h3 img
            {
                width:100%;
            }
        p.FAQ-p
        {
            width:85%;
            font-size:1.1em;
        }
        div.FAQ-box01
        {
            margin-top:1em;
        }
        div.FAQ-box
        {
            width:85%;
        }
            div.FAQ-Q-container
            {
                width:100%;
                box-sizing:border-box;
                padding:0.5em 1em;
            }
            div.FAQ-A-container
            {
                box-sizing:border-box;
                padding:0.5em 1em;
            }
                div.FAQ-box img
                {
                    width:7%;
                    margin-right:3%;
                }
                p.Q-text
                {
                    font-size:1.3em;
                    font-weight:bold;
                    color:#3c7abd;
                    width:90%;
                }
                p.A-text
                {
                    width:90%;
                    font-size:1.2em;
                    
                }

/*Profile 768px
-------------------------------------------------------*/
section#Profile
{
    background-image:url("../img/BG-sct-profile_sp.png");
    background-size:cover;
    padding:2em 0;
}
    div.Profile-inner
    {
        width:90%;
        margin:0 auto;
        background-color:rgba(255,255,255,0.90);
        box-sizing:border-box;
        padding:2.5em 5% 2em;
    }
        h3.Profile-h3
        {
            text-align:center;
            font-size:2.3em;
            margin:0 0 0.3em;
        }
        div.Profile-box
        {
            width:100%;/*以下削除*/
        }
            img.Profile-img
            {
                width:40%;
                margin:0 auto 1em;
            }
            div.Profile-textbox
            {
                width:100%;
            }
                p.Profile-text01
                {
                    margin:0;
                }
                h4.Profile-h4
                {
                    width:100%;
                    text-align:center;
                    background-color:#3c7abd;
                    color:#FFFFFF;
                    padding:0.3em 0;
                    margin:1.5em 0 0;
                }
                    div.Career p
                    {
                        margin:1em 0 0;
                    }
                div.media
                {
                    width:100%;
                    margin-top:1em;
                }
                    div.media p
                    {
                        width:100%;
                        margin:0 0 0.5em;
                    }
                    img.media-img
                    {
                        width:100%;
                    }

/*Office 768px
-------------------------------------------------------*/
section#Office{
}
div.Office-inner{
}
h3.Office-h3{
    font-size:2.3em;
    margin:1.3em 0 0.5em;
}
dl.Office-dl{
    width:70%;
    margin:0 auto 2em;
}
    .Office-dl dt{
    }
        .Office-dl dd{
        }

/*thanks 768px
-------------------------------------------------------*/
section#thanks
{
    width:100%;
    padding:3em 0;
    }
}
@media screen and (max-width : 634px) {
/*mainvisual 634px
-------------------------------------------------------*/
section#mainvisual
{
    background-image:none;
    padding:0;
}
    img.mainvisual-title{
        display: none!important;
    }


/*Tokuteigino 634px
-------------------------------------------------------*/
                p.Tokuteigino-text
                {
                    font-size:1em;
                }

/*effort 634px
-------------------------------------------------------*/
section#effort
{
    padding:3em 0 0;
    text-align:center;
}
            img.effort-img_sp
            {
                margin-bottom:-3em;
            }

/*Total-support 638px
-------------------------------------------------------*/
    section#Total-support
{
    padding:4em 0 2em;
}
        img.Total-support-img_sp
        {
            width:90%;
            margin:0 auto;
        }

/*Area 638px
-------------------------------------------------------*/
section#Area
{
    padding:3em 0;
}
    h3.Area-h3
    {
        margin:0 0 1em;
        color:#FFFFFF;
    }
    img.Area-pin-img
    {
        width:20px
    }
    div.Area-box
    {
        width:90%;
        padding:2em 0 3em;
    }
        h4.Area-h4
        {
            font-size:1.1em;
        }
        p.Area-text-01
        {
            font-size:1.1em;
            margin:0.8em 0;
        }
        p.Area-text-02
        {
            font-size:1em;
        }
/*Price 634px
-------------------------------------------------------*/
section#Price
{
    padding:4em 0 1.5em;
}
    div.Price-inner
    {
        padding-bottom:1em;
    }
    img.Price-img
    {
        width:90%;
    }
    div.Saishinsei{
        position: relative;
        height:160px;
        margin:5em auto 30px;
    }
            img.Saishinsei-img_sp
            {
                position: absolute;
                top: -60px;
                left: 0%;
                right: 0%;
                width:80%;
                margin:0em auto 0em;
            }
/*FAQ 638px
-------------------------------------------------------*/
section#FAQ
{
    padding:2.5em 0;
}
    div.FAQ-wrap
    {
        width:85%;
        padding:2em 0;
    }
        h3.FAQ-h3
        {
            margin:0 auto 0.5em;
            width:80%;
        }
            h3.FAQ-h3 img
            {
                width:100%;
            }
        p.FAQ-p
        {
            width:85%;
            font-size:1em;
        }
        div.FAQ-box01
        {
            margin-top:1em;
        }
        div.FAQ-box
        {
            width:85%;
        }
            div.FAQ-Q-container
            {
                width:100%;
                box-sizing:border-box;
                padding:0 0.5em;
            }
            div.FAQ-A-container
            {
                box-sizing:border-box;
                padding:0 0.5em;
            }
                div.FAQ-box img
                {
                    width:7%;
                    margin-right:3%;
                    margin-top:1.5em;
                }
                p.Q-text
                {
                    font-size:1.1em;
                    font-weight:bold;
                    color:#3c7abd;
                    width:90%;
                }
                p.A-text
                {
                    width:90%;
                    font-size:1em;
                }
/*Profile 638px
-------------------------------------------------------*/
        h3.Profile-h3
        {
            font-size:1.5em;
        }
                        p.Career-text02
                        {
                            margin:0!important;
                        }

/*Office 638px
-------------------------------------------------------*/
section#Office{
}
div.Office-inner{
}
h3.Office-h3{
    font-size:1.5em;
}
dl.Office-dl{
    width:85%;
    margin:0 auto 1.5em;
}
    .Office-dl dt{
        color:#3c7abd;
    }
        .Office-dl dd{
            margin: 0!important;
            padding: 10px 0;
        }
/*thanks 638px
-------------------------------------------------------*/
h3.thanks-h3
    {
        font-size:1.5em;
    }
}

@media screen and (max-width : 480px) {}
@media screen and (max-width : 320px) {}