@media screen and (max-width: 1200px) {
    ul.menu-content {
        width: 100%;
    }

    #inquiry_always {
        display: none;
    }

    section.left_slider, section.right_slider {
        width: 100%;
    }
    /*-- FOOTER --*/
    #inquiry_wrap {
        padding: 50px;
    }
    .inquiry_read {
        font-size: 18pt;
        font-weight: normal;
        font-family: 'Noto Serif JP', serif;
        line-height: 1.8;
    }

    /*-- MAIN IMAGE --*/
    #slider { height: 280px; }
    #slider p { font-size: 1.5rem; top: 60px; }
    #slider ul li {
        font-size: 1.2rem;
        padding: 0 5px 5px;
        margin-right: 9px;
    }
    .point3 { width: 280px; top: 80px; }

    /*-- SERVICE SLIDER --*/
    section.left_slider, section.right_slider { padding: 40px; }
    .slide_wrap { flex: 1; max-width:250px; }

    /*-- SP MENU --*/
    body{
        overflow-x: hidden;
        margin-top: 68px;
    }
    header {
        position: fixed;
        top:0;
        left:0;
        padding: 0;
        z-index: 999;
        box-sizing: border-box;
    }
    ul.menu-content { display: block; width: 100%; padding: 0;}
    ul.menu-content li {
        display: block;
        text-align: center;
        border-right: 0;
        border-bottom: 1px solid #aaaaaa;
    }
    ul.menu-content li:last-child {
        border-right: 0;
        border-bottom: 0;
    }
    ul.menu-content li a { color: #fff; }
    .header-area{
        display: flex;
        justify-content: space-between;
        height: 65px;
        padding: 0 20px;
        align-items: center;
    }
    .hamburger{
        width: 28px;
        height: 20px;
        position: fixed;
        right: 20px;
        top: 20px;
    }
    .hamburger span{
        position: absolute;
        width: 100%;
        height: 4px;
        background-color: #666666;
        transition: .5s;
    }
    .hamburger span:first-of-type{
        top: 0;
    }
    .hamburger span:nth-of-type(2){
        top: 50%;
    }
    .hamburger span:last-of-type{
        top: 100%;
    }
    .slide-menu{
        background-color: rgba(33, 33, 33, .9);
        position: fixed;
        top: 65px;
        width: 100%;
        height: 100%;
        left: 0;
        transform: translateX(100%);
        transition: .5s;
    }
    .slide-menu li{
        color: #fff;
        line-height: 400%;
        text-align: center;
    }
    .hamburger.active span:first-of-type{
        top: 50%;
        transform: rotate(45deg);
    }
    .hamburger.active span:nth-of-type(2){
        opacity: 0;
    }
    .hamburger.active span:last-of-type{
        top: 50%;
        transform: rotate(-45deg);
    }
    .slide-menu.active{
        transform: translateX(0);
    }
    .sp { display: block!important; }

    /*-- 2ND PAGES --*/
    #pagetitle {
        width: 100%;
        height: 180px;
        background-image: url(../images/bgi_pagetitle_sp.jpg);
        background-size: cover;
    }

    #pagetitle h2 {
        font-family: 'Noto Serif JP', serif;
        font-size: 2rem;
        color: #ffffff;
        text-align: center;
        position: relative;
        top: 50px;
    }

    #pagetitle p {
        font-size: 0.8rem;
        color: #ffffff;
        text-align: center;
        position: relative;
        top: 30px;
    }

    .flex_wrap {
        display: flex;  
        padding: 40px;
        width: 100%;
        margin: auto;
        box-sizing: border-box;
    }

    .general_wrap {
        display: block;
        padding: 40px;
        width: 100%;
        margin: auto;
        box-sizing: border-box;
    }

    .image_wrap img { width: 100%; display: block; }
    .flex_wrap .read_wrap { width: 100%; padding-right: 20px; }

    .flex_wrap_detail {
        display: block;
        width: 100%;
        padding: 0 0 40px 0;
        margin: auto;
        box-sizing: border-box;
    }

    .flex_wrap_detail div {
        margin-right: 0;
        box-sizing: border-box;
        max-width: 100%;
    }

    .flex_wrap_detail div:last-child {
        margin-right: 0;
    }

    .flex_wrap_detail div span { display: block; margin-right: 20px; }

    .flex_wrap_detail div img {
        width: 100%;
        height: auto;
    }

    .flex_wrap_detail div dt {
        color: #0073be;
        text-align: left;
        margin: 0 0 5px 0;
    }

    .flex_wrap_detail_sp {
        display: flex;
        padding: 10px 40px;
        width: 100%;
        box-sizing: border-box;
        line-height: 1.2;
    }
}