@charset "utf-8";


@media (max-width: 700px) {

#mv {
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 48px;
    padding-top: 40px;
}

.mv_picture {
    position: absolute;
    width: 90%;
}
.mv_picture.picture1 {
    right: 16px;
    top: 10px;
}
.mv_picture.picture2 {
    bottom: 0px;
    left: 16px;
}
#mv_catch {
    position: absolute;
    left: 24px;
    top: 134px;
}
#mv_catch p {
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 700;
    /*    clip-path: inset(0 100% 0 0);*/
    display: inline-block;
/*	animation: textanimation 1.2s 0.3s forwards;*/
}

/*
@keyframes textanimation {
    0% {
        clip-path: inset(0 100% 0 0);
    }

    100% {
        clip-path: inset(0);
    }
}
*/

#mv_catch_eng {
    position: absolute;
    top: 50.76%;
    left: 24px;
    width: 87.69%;
}
#mv_catch_eng-s {
    position: absolute;
    right: 24px;
    bottom: auto;
    width: 70%;
    top: 71.53%;
}
#top_aboutus {
    padding-top: 7.69%;
    padding-bottom: 16.15%;
    background-image: url(../images/common/border-hole.svg);
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: 800px auto;
}
#top_about_cont {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
    flex-direction: column-reverse;
}
#top_about_l {
    width: 100%;
    margin-top: 32px;
}
#top_about_l h3 {
    border: 0.03em solid #231815;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 6px;
    display: inline-block;
    font-size: 24px;
    line-height: 1em;
    margin-bottom: 16px;
}
#top_about_l .top_about_catch {
    font-size: 24px;
    line-height: 1.8em;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 16px;
}
#top_about_l .top_about_catch span {
    padding: 4px;
    background-color: #FFF100;
}

#top_about_l p {
    font-size: 16px;
    line-height: 1.8em;
}


#top_about_img {
    width: 100%;
    background-image: url(../images/common/deco_ring_green.svg),url("../images/common/deco_square_blue.svg");
    background-repeat: no-repeat;
    background-position: left top 9.23%,right top 80%;
    background-size: 36.15% auto,20% auto;
    padding-left: 0%;
}
#top_service {
    padding-top: 9.23%;
    padding-bottom: 9.23%;
    background-image: url("../images/common/border-scale.svg");
    background-repeat: repeat-x;
    background-position: center bottom;
    background-size: 800px auto;
}
#top_service_catch {
    margin-top: 6.15%;
}
#top_service_catch p {
    font-size: 16px;
    line-height: 1.8em;
}
#top_service_cont {
    margin-top: 7.69%;
    display: flex;
    justify-content: space-between;
    align-items: stretch; /* 各子要素の高さを揃える */
    flex-wrap: wrap;
}
.top_service_each {
    width: 100%;
    display: flex;
    flex-direction: column; /* 縦積み */
    margin-bottom: 24px;
}
.top_service_img {
    flex-shrink: 0; /* 画像部分は高さ固定 */
    z-index: 999;
}
.top_service_txt {
    padding-top: 104px;
    padding-right: 24px;
    padding-left: 24px;
    padding-bottom: 24px;
    background-image: url(../images/common/grid.png);
    background-repeat: repeat;
    background-size: 48px auto;
    border: 0.07em solid #b8cade;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    margin-top: -80px;
    flex: 1; /* 残りの高さを均等に */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.top_service_txt-head {
}

.top_service_txt h3 {
    font-size: 26px;
    line-height: 1em;
    margin-bottom: 16px;
}
.top_service_txt h4 {
    border: 0.03em solid #231815;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 8px;
    padding-bottom: 6px;
    font-size: 20px;
    line-height: 1em;
    margin-bottom: 16px;
    display: inline-block;
    color: #17489d;
}
.top_service_txtbox {
    margin-bottom: 16px;
}
.top_service_txtbox p {
    font-size: 16px;
    line-height: 1.8em;
}
.top_service_txt .link_btn {
    text-align: center;
    margin-top: auto;
}
#top_recruit {
    padding-top: 8.46%;
    padding-bottom: 12.3%;
}
#top_recruit_cont {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
    flex-direction: column-reverse;
}
#top_recruit_l {
    width: 100%;
    margin-top: 24px;
}
#top_recruit_l .top_recruit_catch {
    font-size: 26px;
    line-height: 1.7em;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 16px;
}
#top_recruit_l .top_recruit_catch span {
    padding-top: 3px;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    background-color: #FFF100;
}
#top_recruit_l p {
    font-size: 16px;
    line-height: 1.8em;
}
#top_recruit_img {
    width: 100%;
    background-image: url("../images/common/deco_ring_blue.svg"),url("../images/common/deco_ring_red.svg");
    background-repeat: no-repeat;
    background-position: left top 9.23%,right bottom;
    background-size: 36.15% auto,30% auto;
    padding-left: 0%;
}
#top_blog {
    padding-top: 8.46%;
    padding-bottom: 48.46%;
    background-image: url(../images/top/top_blog_bg.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 500% auto;
}
#top_blog .hg_h2 .hgh2_eng small {
    font-size: 26px;
    margin-left: 8px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -8px;
}
#top_blog ul {
    margin-top: 6.15%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4.61%;
}
#top_blog ul li {
    border-bottom: 0.07em solid #C5C4CF;
    padding-top: 16px;
    padding-bottom: 12px;
}
.top_blog_date {
    font-family: "Montserrat", sans-serif;
    color: #80bb6c;
    font-weight: 600;
    font-size: 14px;
    line-height: 1em;
}
#top_blog ul li h3 {
}
#top_blog ul li h3 a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.7em;
    padding-top: 4px;
    padding-bottom: 4px;
    display: block;
}

}