/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 959px) {
    /*-- ここまで --*/
}


/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 600px) and (max-width: 959px) {
    /*-- ここまで --*/
}


/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 600px) {
    /*-- ここまで --*/
}


/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/

@media print,
screen and (min-width: 960px) {
    /* LP用レイアウト1---------------------------------------- */
    .lp-template .st-content-width,
    .lp-template nav.smanone,
    .lp-template nav.st5,
    .lp-template #content,
    .lp-template #footer-in {
        max-width: 100% !important;
    }
    .lp-template #wrapper:not(.colum1) #content-w,
    .lp-template header+#content-w {
        padding-top: 0px !important;
    }
    .lp-template main {
        padding: 0 !important;
    }
    .lp-template .lp01__header {
        height: 650px;
        background: url(https://shinyuu.tora-kaisyu.com/wp/wp-content/themes/xeory_base_child_template_kaitai/lib/images/kaitai-bg.png) 50% 50%;
    }
    .lp-template .lp01__header-title1 {
        padding-top: 30px;
        font-size: 4rem;
        font-weight: bold;
        color: #ed6103;
    }
    .lp-template .lp01__header-title2 {
        font-size: 10rem;
        font-weight: bold;
        color: #ed6103;
    }
    .lp-template .lp01__header-title3 {
        font-size: 4rem;
        font-weight: bold;
        color: #ed6103;
    }
    .lp-template .lp01__header-btn {
        margin-top: 30px;
    }
    .lp-template .entry-title {
        display: none !important;
    }
    .lp-template h1 {
        font-size: 1rem !important;
        font-weight: 100 !important;
        padding: 5px !important;
    }
    .lp-template #breadcrumb {
        display: none !important;
        width: 1200px;
        margin: 15px auto;
    }
    .lp-template h2 {
        background: none !important;
        border: none !important;
        text-align: center !important;
        font-size: 2rem !important;
        margin-bottom: 0 !important;
    }
    .lp-template .title-sub {
        font-size: 1.2rem;
        font-weight: 500;
        text-align: center;
        margin-bottom: 30px;
    }
    .lp-template .entry-content>* {
        clear: both;
        margin-bottom: 0 !important;
    }
    .lp-template .blogbox {
        display: none;
    }
    .lp-template .menu__lp {
        background: #ed6103;
    }
    .lp-template .menu__lp ul {
        display: flex;
    }
    .lp-template .menu__lp ul li {
        width: 33%;
        list-style: none;
        text-align: center;
    }
    .lp-template .menu__lp a {
        width: 100%;
        display: inline-block;
        color: #fff;
        text-decoration: none;
        padding: 10px;
    }
    .lp-template .column4__box {
        background: #ed6103;
    }
    .lp-template .column4-title {
        color: #fff;
        font-size: 1.5rem;
        margin: 10px 0 0 0;
    }
    .lp-template .column4__box p {
        color: #fff;
    }
    .lp-template img {
        margin-top: 15px;
    }
    /* 事例-----------------------------*/
    .case .column4 {
        margin: 0 auto;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .case .column4__box {
        background: #fff;
        padding: 1.5%;
        border-radius: 10px;
        width: 20%;
        box-shadow: 3px 3px 20px -15px rgb(0 0 0 / 80%);
        margin: 0 1% 20px 1%;
    }
    .case .column4-title {
        color: #000;
        font-size: 1.2rem;
        font-weight: bold;
        text-align: center;
        margin: 15px 0 10px 0;
    }
    .case .column4-title a {
        color: #000;
        text-decoration: none;
    }
    .case .column4__box p {
        margin-bottom: 0 !important;
    }
    .case .column4 .btn__01 {
        font-size: 1rem;
        text-decoration: none;
    }
    .case .column4 .btn__01:before {
        font-size: 1rem;
        top: 25%;
    }
    /*-- ここまで --*/
}


/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/

@media print,
screen and (max-width: 599px) {
    main {
        padding: 0 !important;
    }
    .lp-template .lp01__header {
        height: 250px;
        background: url(https://shinyuu.tora-kaisyu.com/wp/wp-content/themes/xeory_base_child_template_kaitai/lib/images/kaitai-bg.png) 50% 50%;
        background-size: cover;
    }
    .lp-template .lp01__header-title1 {
        padding-top: 30px;
        font-size: 2rem;
        font-weight: bold;
        color: #ed6103;
        padding-left: 3%;
    }
    .lp-template .lp01__header-title2 {
        font-size: 2rem;
        font-weight: bold;
        color: #ed6103;
        padding-left: 3%;
    }
    .lp-template .lp01__header-title3 {
        font-size: 2rem;
        font-weight: bold;
        color: #ed6103;
        padding-left: 3%;
    }
    .lp-template .menu__lp {
        background: #ed6103;
    }
    .lp-template .menu__lp ul {
        display: flex;
    }
    .lp-template .menu__lp ul li {
        width: 32%;
        list-style: none;
        text-align: center;
    }
    .lp-template .menu__lp a {
        width: 100%;
        display: inline-block;
        color: #fff;
        text-decoration: none;
        padding: 5px;
    }
    .entry-content>* {
        clear: both;
        margin-bottom: 0 !important;
    }
    .lp-template #breadcrumb {
        display: none !important;
        width: 1200px;
        margin: 15px auto;
    }
    .lp-template h2 {
        background: none !important;
        border: none !important;
        text-align: center !important;
        font-size: 1.5rem !important;
        margin-bottom: 0 !important;
        line-height: 1.3 !important;
    }
    .lp-template .title-sub {
        font-size: 1rem;
        font-weight: 500;
        text-align: center;
        margin-bottom: 30px;
    }
    .lp-template .column4 {
        margin: 0 auto;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .lp-template .column4__box {
        background: #ed6103;
        padding: 1.5%;
        border-radius: 10px;
        width: 45%;
        box-shadow: 3px 3px 20px -15px rgb(0 0 0 / 80%);
    }
    .lp-template .column4-title {
        color: #fff;
        font-size: 1rem;
        margin: 5px 0 0 0;
    }
    .lp-template .column4__box p {
        color: #fff;
    }
    .lp-template img {
        margin-top: 5px;
    }
    /* 事例-----------------------------*/
    .case .column4 {
        margin: 0 auto;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .case .column4__box {
        background: #fff;
        padding: 1.5%;
        border-radius: 10px;
        width: 45%;
        box-shadow: 3px 3px 20px -15px rgb(0 0 0 / 80%);
        margin: 0 1% 20px 1%;
    }
    .case .column4-title {
        color: #000;
        font-size: 1rem;
        font-weight: bold;
        text-align: center;
        margin: 15px 0 10px 0;
    }
    .case .column4-title a {
        color: #000;
        text-decoration: none;
    }
    .case .column4__box p {
        margin-bottom: 0 !important;
    }
    .case .column4 .btn__01 {
        font-size: 0.8rem !important;
        text-decoration: none;
    }
    .case .column4 .btn__01:before {
        font-size: 0.8rem!important;
        top: 25%;
    }
    .lp-template .blogbox {
        display: none;
    }
    /*-- ここまで --*/
}