@charset "UTF-8";
/*
 * sp.css
 *
 */

@media screen and (max-width:900px){
    .home #footer>div:nth-of-type(1) {
        width: calc(100% - 100px);
    }
    #wrapper {
        margin: 0 auto;
        width: 100%;
    }
    #left {
        display: none;
    }
    #right {
        float: none;
        margin:5px auto;
    }
    img {
        object-fit: contain;
    }
    .openbtn4 {
        display: block;
    }
}
@media screen and (max-width:890px){
    #header_menu {
        display: none;
    }
    .g-nav-banner {
        display: none;
    }
    #banner {
        flex-wrap: wrap;
        justify-content: center;
        position: fixed;
        background-color: #FFF;
    	z-index: 1000;
        width: 100%;
        margin-top: 0px;
        top: 0px;
        padding-top: 10px;
    }
    #banner>a:nth-of-type(1){
        width: 100%;
        text-align: center;
    }
    #banner>*:nth-of-type(1)>img {
        margin: 0px 0px 10px 0px;
    }
    #right{
        padding-top: 120px;
    }
    #header {
        display: none;
    }
    .fNav {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        top: initial;
        right: initial;
        max-width: initial;
        width: 100%;
    }
    .fNav ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        gap: 0;
        border-top: 3px solid #fff;
    }
    .fNav ul li:nth-of-type(1),
    .fNav ul li:nth-of-type(2) {
        background-color: #000;
        align-items: center;
    }
    .fNav ul li:nth-of-type(2) {
        background-color: #49a2ab;
    }
    .fNav ul li a {
        padding: 20px 0px;
        color: #fff;
        display: block;
        text-decoration: none;
    }
    .fNav ul li a:hover {
        opacity: 0.6;
    }
    .fNav ul li a>p {
        border-top: 1px solid #fff;
        font-size: 18px;
        margin: 0px 20px;
        padding-top: 10px;
    }
}
@media screen and (max-width:800px){
}
@media screen and (max-width:785px){
}
@media screen and (max-width:770px){
}
@media screen and (max-width:700px){
}
@media screen and (max-width:695px){
    .hikino_photo_sub_conte {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .hikino_photo_sub_conte>* {
        width: 80%;
        margin: 5px auto;
    }
    .table_hikino {
        width: 99%;
        margin: 0px auto;
    }
}
@media screen and (max-width:685px){
    .only_pc { display: none; }
    .only_sp { display: block; }
    a[href^="tel:"] {
        pointer-events: auto;
    }
    h2 {
        display: none;
    }
    h2.only_sp {
        display: block;
        height: auto;
        width: 92%;
        margin: 0px auto 20px;
        padding: 6px 12px;
        font-size: 15px;
        background: linear-gradient(180deg, #f7f7f7 0%, #f7f7f7 40%, #d5d5d5 60%, #d5d5d5 100%);
    }
    .coro_alert-sp {
        background-color: #cd291d;
        color: #fff;
        font-size: 15px;
        text-align: center;
        padding: 3px 10px;
    }
    img {
        width: 100%;
        height: auto;
    }
    h3 img {
        width: auto;
    }
    .page-template-toppage-php #right a {
        text-decoration: none;
    }
    .contact-div {
        width: 100% !important;
        background-size:contain !important;
    }
    .table_qa_col4 {
        width: 95%;
        margin: 0px auto;
    }
    .table_qa_col4_1 {
        width: auto;
    }
    .table_hikaku4 {
        width: 95%;
        margin: 0px auto;
    }
    .table_hikaku4_1,
    .table_hikaku4_2 {
        width: auto;
    }
    #houyou_flow_main img {
        width: auto;
    }
    .hoyo-h4-img {
        width: auto;
    }
    #sougi_flow_main img,
    #sougi_flow_guest img {
        width: auto;
    }
    .go_contact img {
        width: auto;
    }
    .okyakusama-shiten {
        width: 90%;
        margin: 10px auto;
    }
    .okyakusama-shiten h3,
    .okyakusama-shiten h5 {
        font-family: "Zen Old Mincho", serif;
        font-weight: bold;
        font-style: normal;
        color: #000;
        font-size: 20px;
    }
    .okyakusama-shiten h3,
    .okyakusama-shiten p {color: #000;margin-bottom: 20px;}
    .okyakusama-shiten h5{color: #0c5e38;}
    .okyakusama-shiten h4 {
        background-color: #eee;
        color: #000;
        padding: 3px 0px;
        text-align: center;
        font-weight: bold;
        margin: 3px auto;
    }
    .okyakusama-shiten figure {
        width: 40%;
        margin: 0px auto;
    }
    .top-h3-sp {
        color: #367821;
        font-size: 21px;
        margin: 20px 0px 10px;
    }
    .top-h3-sp::before {
        content: url('../img/h3_top2-sp.gif');
        position: relative;
        top: 3px;
        margin-right: 4px;
    }
    .staff-div {
        text-align: center;
    }
    .staff-div img {
        width: 300px;
    }
    .staff_msg {
        text-align: center;
    }
    .tomonokai-h4 img {
        width: auto;
    }
    #footer{
        width: 95%;
        float: none;
        margin: 50px auto 0px;
    }
    #copyright {
        margin-bottom: 100px;
    }
    .contact-form dt,
    .contact-form dd {
        width: 100%;
    }
    .contact-form dd {
        border-left: 1px #CCCCCC solid;
    }
    .contact-form dd:nth-of-type(1) {
        border-top: none;
    }
    .contact-form dt:nth-of-type(6) p,
    .contact-form dt:nth-of-type(8) p {
        margin: 0px;
    }
}
@media screen and (max-width:663px){
    #right {
        width: 95%;
    }
    h2 {
        width: 100%;
    }
    .margin_b_15 img {
        width: 100%;
    }
    iframe {
        width: 100% !important;
    }
    .before, .after {
        width: 50%;
        margin: 0px auto 20px;
        float: none;
    }
    #sougi_flow_guest,
    #sougi_flow_main {
        width: 100%;
        float: none;
    }
    #sougi_flow_guest>*:not(h3),
    #sougi_flow_main>*:not(h3) {
        width: 80%;
        margin: 0px auto;
    }
    #sitemap_r,
    #sitemap_l {
        width: 100%;
        float: none;
    }
}
@media screen and (max-width:620px){
    .head-banner-tomonokai,
    .head-banner-contact {
        display: none;
    }
    #right {
        padding-top: 72px;
    }
    .g-nav-banner {
        display: block;
    }
    .g-nav-banner>a {
        text-align: center;
    }
    .g-nav-banner img {
        width: fit-content;
    }
    .g-nav-banner a:nth-of-type(3) img {
        width: 300px;
    }
    .recruit-banner {
        display: none;
    }
}
@media screen and (max-width:600px){
}
@media screen and (max-width:570px){
    #banner>*:nth-of-type(2) {
        margin-bottom: 10px;
    }
}
@media screen and (max-width:510px){
    h2.only_sp.h2-long {
        background: linear-gradient(180deg, #f7f7f7 0%, #d5d5d5 100%);
    }
}
@media screen and (max-width:500px){
}
@media screen and (max-width:440px){
    .coro_alert-sp {
        font-size: 12px;
    }
}
@media screen and (max-width:430px){
    .staff_msg {
        text-align: left;
        line-height: 2.2em;
    }
    .staff_msg br {
        display: none;
    }

}
@media screen and (max-width:380px){
    .before::before {
        content: "【葬儀前】";
    }
    .after::before {
        content: "【葬儀後】";
    }
    .before, .after {
        background : none;
        padding-left: 5px;
        width: 80%;
        height: 170px;
    }
    input[type="text"],
    input[type="tel"],
    input[type="email"],
    textarea {
        width: 90%;
    }
}