@charset "UTF-8";


/* ////////////////////////////////////////

    999

//////////////////////////////////////// */


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


/* ////////////////////////////////////////

	common

//////////////////////////////////////// */


body * {
    line-height: 2.0;
    font-size: 16px;
}

#header_sp.active::before {
    width: 100vw;
}

#header_sp.active::after {
    width: 100vw;
}

#header_sp.active .header_inner::before {
    display: none;
}

#header_sp .header_inner {
    padding: 5vw !important;
    padding-bottom: calc(20vh + 10vw) !important;
}

#header_sp .header_menu ul {
    margin: 0 0 30px;
}

#header_sp .header_recruit {
    bottom: 10vh;
    width: 100vw;
}

#kv.system .kv_inner {
    min-height: 60vh;
}

#kv.about .kv_inner {
    min-height: 60vh;
}

#kv.faq .kv_inner {
    min-height: 60vh;
}

#kv.recruit .kv_inner {
    min-height: 60vh;
}

.kv_inner {
    padding-top: 0 !important;
}

.kv_inner h1 {
    font-size: 22px !important;
}

.kv_logo {
    top: 18px;
    left: 20px;
}

.kv_navi {
    margin: 0 auto 10px !important;
}

.kv_navi ul {
    flex-wrap: wrap !important;
    max-width: 400px !important;
    margin: 10px auto !important;
}

.kv_navi ul li {
    width: 50% !important;
    height: 40px !important;
}

.kv_navi ul li a {
    height: 40px !important;
}

.header_btn {
	display: block;
}

#footer::after {
    background-image: url("https://minatosenri.co.jp/wp-content/themes/minatositter/img/bg6.jpg");
}

.footer_inner {
    padding-top: 50px;
}

.footer_logo img {
    width: 180px;
}

.footer_conv {
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.footer_conv a {
    min-width: 50%;
}

.footer_menu {
    margin-bottom: 30px;
}

.footer_menu a {
    width: 33.333%;
    font-size: 14px;
}

.footer_menu a br {
    display: inherit;
}

.footer_recruit {
    margin-bottom: 30px;
}

.section_title {
    padding-top: 30px;
    font-size: 22px;
}

.section_title br {
    display: inherit;
}

.section_title em.ico_yellow {
    width: 30px;
    margin-right: 15px;
}

.section_title em.ico_blue {
    width: 30px;
    margin-left: 15px;
}

#features.about .section_box {
    flex-wrap: wrap !important;
    gap: 0 !important;
}

.section_box dl {
    width: 100% !important;
    gap: 0 !important;
    
}

#news.top .section_title {
    top: -50px;
    left: 10px;
    font-size: 24px;
}

#news.top .section_title span {
    margin-top: 5px;
}

#features.about .section_box dl {
    padding: 5vw !important;
}

#greeting.about .section_box dl {
    padding: 5vw !important;
}

#about.recruit .section_box dl {
    padding: 5vw !important;
}

.section_box dt {
    width: 100% !important;
    order: 1 !important;
}

.section_box dd {
    width: 100% !important;
    order: 2 !important;
}

.section_box dd h3 {
    font-size: 20px !important
}

.form_box dl {
    flex-wrap: wrap;
}

.submit_desc {
    text-align: left;
}

.submit_desc br {
    display: inherit;
}


/* ////////////////////////////////////////

	top

//////////////////////////////////////// */


#kv.top .kv_inner {
    height: 82.5vh;
}

#kv.top .kv_conv {
    width: 50vw;
    height: 50vw;
}

#kv.top .kv_conv a {
    font-size: 16px;
}

#kv.top .kv_conv a span {
    width: 60px;
    height: 60px;
    margin-right: 0;
}

.news_dl {
    padding-bottom: 15px;
}

.news_dt {
    padding: 15px 70px 0 5vw;
}

.news_dt p.current {
    flex-wrap: wrap;
}

.news_item dt p {
    flex-wrap: wrap;
}

.news_dt p.open_btn {
    right: 15px;
}

.news_dd {
    padding: 0 5vw;
}

#features.top .section_prologue {
    padding: 5vw;
    margin: 5vw auto 10vw;
}

#features.top .section_prologue h3 {
    font-size: 18px;
    text-align: left;
}

#features.top .section_prologue h3 br {
    display: inherit;
}

#features.top .section_box {
    flex-wrap: wrap;
    gap: 0;
}

#features.top .section_box dl + dl {
    margin-top: 10vw;
}

#features.top .section_box dd {
    padding: 20px 5vw;
}

#features.top .section_epilogue {
    padding: 5vw;
    margin: 5vw auto;
}

#features.top .section_epilogue h3 {
    font-size: 18px;
    text-align: left;
}

#features.top .section_epilogue h3 br {
    display: inherit;
}

#system.top .section_box dd p {
    font-size: 14px;
}

#system.top .section_box dt {
    margin-bottom: 20px;
}

#about.top .section_box dt {
    margin-bottom: 20px;
}

#about.top .section_box dd p {
    font-size: 14px;
}

#thoughts.top .section_menu li {
    width: 100%;
}

#system.top .section_menu li {
    width: 100%;
}

#about.top .section_menu li {
    width: 100%;
}


/* ////////////////////////////////////////

	system

//////////////////////////////////////// */


#price.system .section_box dl {
    padding-bottom: 5vw;
    margin-bottom: 5vw;
}

#price.system .section_box dl:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0px none
}

#price.system .section_box dt {
    padding: 0;
}

#price.system .section_box dd {
    padding: 0;
    font-size: 14px;
}

#flow.system a.mail {
    margin-top: 10px;
    margin-left: 0;
}


/* ////////////////////////////////////////

	about

//////////////////////////////////////// */


#features.about .section_box dd h4 {
    font-size: 14px;
}


#features.about .section_box dd {
    padding: 20px 0;
}

#greeting.about .section_box dt {
    margin-bottom: 20px;
}

#profile.about .section_box dl {
    padding-bottom: 5vw;
    margin-bottom: 5vw;
}

#profile.about .section_box dl:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0px none
}

#profile.about .section_box dt {
    padding: 0;
}

#profile.about .section_box dd {
    padding: 0;
    font-size: 14px;
}

#sitter.about .section_box dl {
    gap: 0;
    padding: 10vw 5vw;
    margin: 0 0 5vw;
    border-radius: 50px 0 0 0;
}


/* ////////////////////////////////////////

	faq

//////////////////////////////////////// */


.faq_item dt {
    padding: 20px 50px;
}

.faq_item dt p span {
    top: 20px;
    left: 12px;
    width: 30px;
    height: 30px;
    padding: 3px;
}

.faq_item dt em.openbtn {
    top: 15px;
    right: 5px;
}

.faq_item dd {
    padding: 10px 17.5px 20px 50px;
}

.faq_item dd p span {
    left: -40px;
    width: 30px;
    height: 30px;
    padding: 3px;
}


/* ////////////////////////////////////////

	recruit

//////////////////////////////////////// */


#features.recruit .section_box dl {
    gap: 0;
    padding: 10vw 5vw !important;
    margin: 0 0 5vw;
    border-radius: 50px 0 0 0;
}

#features.recruit .section_box dd p {
    font-size: 14px;
}

#description.recruit .section_box dd {
    padding-top: 0!important;
}

#description.recruit .section_box dd p {
    font-size: 14px;
}



}