@charset "UTF-8";
/*
 * sp.css
 *
 */
@media screen and (max-width:1200px){
}
@media screen and (max-width:1100px){
    .concept-in,
    .section-in,
    .footer-in {
        width: calc(100% - 40px);
        margin: 10px 0px 100px;
        padding: 0px 20px;
    }
    .header-in {
        width: calc(100% - 40px);
        padding: 0px 20px;
    }
    #header-menu ul {
        width: 100%;
        margin: 0px auto;
    }
    .main-img img.sp {
        display: block;
    }
    .main-img img.pc {
        display: none;
    }
}
@media screen and (max-width:1080px){
}
@media screen and (max-width:1050px){
    #header-menu ul  li:nth-of-type(6) { font-size: 14px; }
}
@media screen and (max-width:1010px){
    .service-sakusei li h5 span {
        line-height: 1.2em;
        display: inline-block;
    }
}
@media screen and (max-width:1000px){
    h2 {
        left: 0;
        width: 80%;
        right: 0;
        margin: auto;
    }
}
@media screen and (max-width:990px){
    .about_staff li {
        width: calc((100% - 186px) / 3);
    }
}
@media screen and (max-width:950px){
    .topic-blog section {
        width: calc(100% - 20px);
    }
    .topic-blog section.topic {
        margin-bottom: 20px;
    }
    .area-div p {
        font-size: 21px;
    }
}
@media screen and (max-width:930px){
    #header-menu ul  li:nth-of-type(6) { font-size: 12px; }
}
@media screen and (max-width:880px){
    .concept h4 {
        padding: 100px 10px 20px;
    }
    .concept p {
        padding: 30px 10px 200px;
    }
}
@media screen and (max-width:920px){
    .enkaku dt {
        width: 100%;
        padding: 35px 10px 5px;
    }
    .enkaku dd {
        width: 100%;
        padding: 5px 10px 35px;
        border-top: none;
        padding-left: 92px;
    }
}
@media screen and (max-width:850px){
    .service ul li {
        width: calc(50% - 26px);
    }
}
@media screen and (max-width:820px){
    #header-menu ul  li:nth-of-type(6) { line-height: 1em; }
}
@media screen and (max-width:800px){
    .contact img {
        width: 90%;
    }
    .service-sakusei li {
        width: calc((100% - 160px) / 2);
    }
}
@media screen and (max-width:770px){
    .enkaku dd .ddpadding1,
    .enkaku dd .ddpadding2,
    .enkaku dd .ddpadding3,
    .enkaku dd .ddpadding4,
    .enkaku dd .ddpadding5,
    .enkaku dd .ddpadding6 {
        display: block;
        padding-left: 0px;
    }
}
@media screen and (max-width:730px){
    .service-flow ul li div {
        display: block;
    }
    .service-flow ul li div>p {
        width: calc(100% - 80px);
    }
    .about_staff li {
        width: calc((100% - 124px) / 2);
    }
    .footer-nav {
        position: static;
    }
    #daihyo div {
        flex-wrap: wrap;
    }
    #daihyo div img {
        margin: 0px auto;
    }
}
@media screen and (max-width:704px){
    .footer-in {
        margin: 10px 0px 50px;
    }
    .footer-nav {
        margin: 20px auto 0px;
    }
}
@media screen and (max-width:650px){
    #header-menu ul li {
        font-size: 12px;
    }
    .gaiyo,
    .enkaku {
        margin: 0px;
    }
    h3 {
        text-align: center;
        width: 100%;
        padding: 5px 0px;
    }
    .contact-form {
        margin: 10px 10px;
    }
    .contact-form dt, .contact-form dd {
        width: 100%;
    }
}
@media screen and (max-width:600px){
    .contact img {
        width: 100%;
    }
}
@media screen and (max-width:580px){
    h3.page-title {
        font-size: 24px;
        line-height: 1em;
    }
    h3.page-title span {
        font-size: 12px;
    }
    .section-in:nth-of-type(1) {
        margin-bottom: 30px;
    }
}
@media screen and (max-width:550px){
    header img {
        width: 200px;
    }
    .head-contact {
        top: 20px;
    }
    .head-contact a {
        font-size: 11px;
        padding: 15px 10px;
    }
    h2 {
        font-size: 24px;
    }
    .service-sakusei li {
        width: calc(100% - 80px);
    }
}
@media screen and (max-width:500px){
    .service ul li {
        width: calc(100% - 26px);
    }
    .about_staff li {
        width: 100%;
    }
    .sp-footer {
        display: block;
        position: fixed;
        bottom: 0px;
    }
    .sp-footer ul {
        display: flex;
    }
    .sp-footer ul li {
        padding: 8px;
        margin: 5px;
        border-radius: 8px;
        background-color: #39ae36;
    }
}
@media screen and (max-width:460px){
    .concept p {
        font-size: 18px;
        line-height: 2em;
    }
}
@media screen and (max-width:430px){
    .gaiyo dt,
    .gaiyo dd {
        width: 100%;
    }
    .gaiyo dt {
        padding: 35px 10px 20px;
    }
    .gaiyo dd {
        padding: 20px 10px 35px;
    }
    .staff-shosai {
        padding: 20px 10px;
    }
}
@media screen and (max-width:380px){
    h2 {
        font-size: 18px;
    }
}
@media screen and (max-width:360px){
    h3 {
        width: 100%;
        padding: 5px 0px;
        text-align: center;
    }
    #header-menu ul li,
    #header-menu ul  li:nth-of-type(6) {
        font-size: 10px;
    }
}