@charset "UTF-8"; @media screen and (max-width: 768px) {
    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
    汎用
    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */body {
    }

    main {
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Magic Mallet Plus バナー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .magic_mallet p.btn a {
        width: 70rem;
        margin: 0 calc(50% - calc(70rem / 2));
        height: 36rem;
        border-radius: 18rem;
        border-width: 3px;
        padding: 5rem 8rem 0;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .magic_mallet p.btn a::before, .magic_mallet p.btn a::after {
    }

    .magic_mallet p.btn a::before {
        width: 20.8rem;
        height: 17rem;
        left: auto;
        right: 0;
    }

    .magic_mallet p.btn a::after {
        background-size: 2.8rem auto;
        width: 8rem;
        height: 8rem;
    }

    .magic_mallet p.btn a img {
    }

    .magic_mallet p.btn a span {
    }

    .magic_mallet p.btn a span.ttl {
        width: 47rem;
        margin-bottom: .5rem;
    }

    .magic_mallet p.btn a span.txt {
        font-size: 3.2rem;
    }


    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    p.cmn_btn {
    }

    p.cmn_btn a {
        font-size: 3.4rem;
    }

    .cmn_arrow_btn a {
    }

    .cmn_arrow_btn a::after {
        width: 8rem;
        height: 8rem;
        border-width: 1px;
        background-size: 2.2rem .9rem;
    }

    .cmn_arrow_btn.btn_green a {
    }

    .cmn_arrow_btn.btn_green a::after {
    }

    .cmn_arrow_btn.btn_blue a {
    }

    .cmn_arrow_btn.btn_blue a::after {
    }

    .cmn_arrow_btn.btn_red a {
    }

    .cmn_arrow_btn.btn_red a::after {
    }

    /***********************************************
お知らせ　汎用
***********************************************/
    ul.cmn_post_list {
    }

    ul.cmn_post_list li {
        padding: 3rem 0 4rem;
    }

    ul.cmn_post_list li:hover {
    }

    ul.cmn_post_list li .f_wrap {
        align-items: center;
    }

    ul.cmn_post_list li .txt_area p.date {
        font-size: 3.2rem;
        margin-right: 3rem;
    }

    ul.cmn_post_list li .txt_area p.cat {
        font-size: 2.1rem;
        padding: 0.5rem 2.5rem;
    }

    ul.cmn_post_list li .txt_area h3.ttl {
        margin-top: 2rem;
    }

    ul.cmn_post_list li .txt_area h3.ttl a {
        font-size: 2.8rem;
        line-height: 1.75;
    }

    ol.cmn_num00_list {
    }

    ol.cmn_num00_list li {
    }

    ol.cmn_num00_list li::before {
    }

    /***********************************************
採用バナー
***********************************************/
    .rec_bnr {
        padding-top: 5rem;
        padding-bottom: 26rem;
    }

    .rec_bnr .bnr {
        width: 65rem;
        height: 94rem;
        border-radius: 32.5rem;
        padding: 11rem 2rem 0;
        background-image: url("../images/common/rec_deco01_sp.png");
        -webkit-background-size: auto 100%;
        background-size: auto 100%;
    }

    .rec_bnr .bnr .txt_wrap {
        margin-bottom: 7.5rem;
    }

    .rec_bnr .bnr .txt_wrap p.slug {
    }

    .rec_bnr .bnr .txt_wrap p.slug img {
        width: 16.5rem;
    }

    .rec_bnr .bnr .txt_wrap h2.ttl {
        margin-bottom: 5rem;
    }

    .rec_bnr .bnr .txt_wrap h2.ttl img {
        width: 53.0rem;
    }

    .rec_bnr .bnr .txt_wrap p.btn a {
        font-size: 3.4rem;
    }

    .rec_bnr .bnr .img_wrap {
        margin: 0 -11rem 0 0;
    }

    .rec_bnr .bnr .img_wrap p.img img {
        width: 52.2rem;
    }
    
    .rec_bnr .bnr .img_wrap p.img.img02 {
        margin-top: -5rem;
    }
    /***********************************************
汎用パーツ
***********************************************/
    .cmn_dl_list .dl_row {
        grid-template-columns: 1fr;
        /* 1列にする */
    }

    .cmn_dl_list dt, .cmn_dl_list dd {
        padding: 0;
    }

    .cmn_dl_list dt {
        font-size: 4.533vw;
        display: block;
        border-top: 1px solid var(--theme_m_color);
        /* スマホはdtの上にテーマ色の線 */
        border-bottom: none;
    }

    .cmn_dl_list .dl_row:last-child dt {
        border-bottom: none;
    }

    .cmn_dl_list dd {
        font-size: 4.533vw;
        display: block;
        line-height: 1.75;
        border-top: none;
    }

    .cmn_dl_list .dl_row:last-of-type dd {
        border-bottom: 1px solid #C8C8C8;
    }

    .cmn_col3_list {
        margin: 0 0 -20px;
    }

    .cmn_col3_list li {
        width: 100%;
        margin: 0 0 20px;
    }

    .cmn_col3_list li .area_a {
        margin-bottom: 10px;
    }


    .cmn_col2_list {
        margin: 0 0 -20px;
    }

    .cmn_col2_list li {
        width: 100%;
        margin: 0 0 20px;
    }

    .cmn_col2_list li .area_a {
        margin-bottom: 10px;
    }
	
	ul.cmn_diamond_list li::before {
		width: 2rem;
		height: 2rem;
	}

    /***********************************************
お問い合わせ
***********************************************/
    #contact_area {
        /*background: url("../images/common/con_bg01_sp.png") no-repeat left 50% top / 75rem 91.7rem;*/
        height: 92.6rem;
    }

    #contact_area .inner.icon::before {
        content: none;
    }

    #contact_area .inner.icon::after {
        right: -2rem;
        width: 25.3rem;
        height: 20rem;
        bottom: -17rem;
    }

    #contact_area .inner .box {
        position: relative;
        z-index: 1;
    }

    #contact_area .inner .box p.main_txt {
        font-size: 3.8rem;
        margin-bottom: 5rem;
    }

    #contact_area .inner .box .btn_wrap {
        flex-direction: column;
        width: 96%;
    }

    #contact_area .inner .box .btn_wrap p.btn a {
        height: 20rem;
		border-radius: 10rem;
    }

    #contact_area .inner .box .btn_wrap p.btn.tel a {
        padding: 0 2rem 0 1rem;
    }

    #contact_area .inner .box .btn_wrap p.btn.tel a::before {
        width: 3.4rem;
        height: 5rem;
        left: 8rem;
    }

    #contact_area .inner .box .btn_wrap p.btn.tel a .num {
        font-size: 5.8rem;
    }

    #contact_area .inner .box .btn_wrap p.btn.tel a .open {
        font-size: 2.8rem;
        margin-left: 0rem;
    }


    #contact_area .inner .box .btn_wrap p.btn.mail a {
        font-size: 5.4rem;
    }

    #contact_area .inner .box .btn_wrap p.btn.mail a::before {
        width: 4.6rem;
        height: 3.4rem;
        left: 6.5rem;
    }
}