/*!
 * Bootstrap Reboot v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){h1{font-size:2.5rem}}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:.875em}mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}
/*! */

@media (prefers-reduced-motion:no-preference){:root{scroll-behavior: auto;}}

.nolink {
    color: #ccc!important;
    border-color: #ddd!important;
    pointer-events: none!important;
}

@font-face{
    font-family: 'cera';
    src: url('font/cera-130-webfont.woff') format('woff'),
         url('font/cera-130-webfont.woff2') format('woff2');
}
@font-face{
    font-family: 'M PLUS 2';
    src: url('font/MPLUS2-Regular.woff') format('woff'),
         url('font/MPLUS2-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face{
    font-family: 'M PLUS 2';
    src: url('font/MPLUS2-SemiBold.woff') format('woff'),
         url('font/MPLUS2-SemiBold.woff2') format('woff2');
    font-weight: 600;
}
@font-face{
    font-family: 'M PLUS 2';
    src: url('font/MPLUS2-Bold.woff') format('woff'),
         url('font/MPLUS2-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: bold;
}

body{
    font-family: 'M PLUS 2', sans-serif;
    background: #F2F2F2;
}

.gs_reveal {
    will-change: clip-path;
    transition: clip-path .3s cubic-bezier(.04,.7,.66,.88);
}
.gs_reveal.noactive{
    clip-path: inset(0 100% 0 0);
}
.gs_reveal.active{
    clip-path: inset(0 0 0 0);
}
.gs_reveal_delay {
    transition-delay: .4s;
}
.gs_reveal_delay2 {
    transition-delay: .6s;
}

.go_link{
    display: block;
    position: relative;
    top: -160px;
    visibility: hidden;
}

.txt_c{
    text-align: center;
}

.line{
    position: relative;
    height: 10px;
}

.line:before {
    background:#fff;
    height: 10px;
    width: 60px;
    display: inline-block;
    content: "";
    top: -10px;
    position: relative;
}
.bg_w .line:before {
    background: #000000;
}

#head {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    padding: 0 120px;
}

#head_cw {
    background: #fff;
    box-shadow: 0px 0px 50px #00000029;
    margin: auto;
    height: 100px;
    padding: 0 50px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

#head_nav #head_btn a img{
    /* width:20px; */
}

#head_nav #head_btn a {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 30px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    /* background: #062E4D; */
    /* background: transparent linear-gradient(90deg, #0E91B8 0%, #11CDDD 100%); */
    padding: 0 30px;
    overflow: hidden;
    z-index: 1;
}

#head_nav #head_btn a i{
    padding-left: 15px;
}

#head_nav li#head_btn a::before,#head_nav li#head_btn a::after{
    display:block;
    content:"";
    position: absolute;
    top: 0;
    right: -5%;
    bottom: 0;
    left: -5%;
    height: auto;
    width: auto;
}

#head_nav li#head_btn a::before{
    z-index: -1;
    transform: skewX(20deg) scale(0, 1);
    transition: transform .3s;
    background: #595959;
    will-change: transform;
}

#head_nav li#head_btn a::after{
    z-index: -2;
    background: #000000;
}

#head_nav li#head_btn a:hover::before {
  transform: skewX(20deg) scale(1, 1);
}

#head_btn a img {
    margin-right: 15px;
    width: 20px;
}


#head_nav ul {
    display: flex;
    align-items: center;
}

#head_nav a {
    color: #000;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    position: relative;
}

#head_nav a h2{
    padding: 0;
    margin:0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

#head_nav li a::before{
    content: "";
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: -8px;
    background: #000;
    transform:scale(0);
    transition: all 300ms 0s ease;
    transform-origin: left;
}

#head_nav li.active a::before ,#head_nav li a:hover::before{
    transform:scale(1);
}

#head_btn a:before{
    display:none;
}

#head_nav ul li:last-child {
    margin: 0;
}

#head_nav ul li {
    display: inline-block;
    margin-right: 30px;
}

#head_nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#head_logo img {
    height: 60px;
    width: auto;
}

#bg_w .bg_catch_w {
    visibility: hidden;
}

.bg_w {
    padding: 60px 60px 0;
    margin: auto;
    /* min-height: calc( 100vh - 100px ); */
}

#mbg_w .bg_w{
    padding:60px;
    height: 100%;
}

#mbg_w {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

#mbg_w .bg_w{
}

.bg {
    padding: 5% 120px 8%;
}

#mbg_w .bg{
    background: #fff/*url(../img/main-back.svg)*/;
    background-size: cover;
    background-position: center;
    height: 100%;
}

.bg_catch1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    padding: 0 20px;
    border: solid 2px #fff;
    border-radius: 24px;
    position: relative;
    font-size: 13px;
    font-weight: bold;
}

.bg_catch2 {
    position: relative;
    font-size: 36px;
    margin-top: 40px;
    margin-bottom: 30px;
    padding-top: 0.5em;
    font-weight: 700;
}


.bg_big {
    font-size: 60px;
}

.bg_maru {
    position: relative;
}

.bg_maru::before {
    content: "・";
    display: block;
    position: absolute;
    top: -0.9em;
    left: 0;
    right: 0;
}

.bg_catch3 {
    position: relative;
    font-size: 24px;
    padding-bottom: 30px;
    font-weight: bold;
    line-height: 1.8;
}

.bg_catch3 h1 {
    padding: 0;
    margin:0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.bg_catch4{
    position: relative;
    font-size: 14px;
    padding-top: 30px;
    font-weight: bold;
    line-height: 1.8;
    /* padding-bottom: 10%; */
}


.bg_catch_img {
    /* margin-top: calc( -10px - 30px - 24px - 10px  ); */
    /* text-align: center; */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: right;
}

.bg_catch_img:before {
    content: "";
    display: block;
    padding: 7%;
}

.bg_catch_img img {
    max-width: 100%;
    /* width: 550px; */
    height: auto;
}

.bg_catch_w {
    max-width: 1200px;
    margin: auto;
    color: #000;
    position: relative;
}

.bg_catch_w:after {
    content: "";
    display: block;
    padding-top: 5%;
}


#main_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1560px;
    /* background: #fff; */
    /* box-shadow: 0px 0px 50px #00000029; */
    margin: auto;
    /* height: 100px; */
    padding: 0 120px;
    position: relative;
    z-index: 2;
}
#main_content_w {
    padding-bottom: 80px;
    position: relative;
}

#main_content_w:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 2;
    height: 63.5%;
}

#main_content_w:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    background: #F2F2F2;
    z-index: 1;
    /* height: 64.5%; */
    height: calc( 63.5% + 60px);
}


.mc_c {
    width: 30%;
    padding: 60px 0;
    color: #fff;
}

.mc_c.mc_dental {
    background: #1630D8;
}
.mc_c.mc_medical {
    background: #BA121A;
}

.mc_c.mc_architects {
    background: #877879;
}

.mc_ttl {
    font-family: 'cera', sans-serif;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
}

.mc_desc {
    text-align: center;
    margin: 30px 0;
    line-height: 1.8;
    font-size: 20px;
    font-weight: bold;
}

.mc_link {
    text-align: center;
    /* margin-top: 60px; */
}

.mc_link a {
    font-family: 'cera', sans-serif;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    border: solid 3px #fff;
    border-radius: 60px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.mc_link a i {
    padding-left: 15px;
}

.mc_img {
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center;
}



#copy {
    background: #000000;
    color: #fff;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 100;
    margin-top: -2px;
}


#head_menu{
    display: none;
}

#sp_menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background: #000;
    visibility: hidden;
    opacity:0;
    transition: all .4s;
    will-change: opacity;
}


.sp_menu a {
    color: #fff;
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.sp_menu a h2{
    padding: 0;
    margin:0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    display: inline-block;
}

.sp_menu a::after{
    content: "";
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: -8px;
    background: #fff;
    transform:scale(0);
    transition: all 300ms 0s ease;
    transform-origin: left;
    left: 0;
}

.sp_menu a:hover::after{
    transform:scale(1);
}


.sp_menu.sp_menu1 li {
    font-size: 24px;
    font-weight: bold;
}

.sp_menu.sp_menu2 li {
    font-size: 13px;
}

#sp_menu_copy {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    font-weight: 100;
    font-size: 13px;
}

.sp_menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sp_menu li {
    margin-bottom: 15px;
}

.sp_menu li:before {
    content: "-";
    padding-right: 0.5em;
    color: #fff;
}

#sp_menu_main {
    padding: 100px 0 100px;
    height: 100%;
}

body[open] #sp_menu_main .sp_menu{
    transition-delay: 0.3s;
    clip-path: inset(0 0 -10px 0);
}

#sp_menu_main .sp_menu{
    will-change: clip-path;
    transition: clip-path 0.8s;
    clip-path: inset(0 100% -10px 0);
}

#sp_menu_main .sp_menu.sp_menu2{
    /* transition-delay: .5s; */
}

#sp_menu_main>div {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    overflow-y: auto;
    padding: 10px 0;
}
#sp_menu_main>div>div{
    max-width: 315px;
    /* margin: 0; */
}

.sp_line {
    background: #fff;
    width: 134px;
    height: 1px;
    margin: 20px 0;
}

.sp_menu li:last-child {
    margin: 0;
}

.menu_sp{
    display:none;
}

.sp_br{
    display: none;
}
#copy_u{
    background: #F2F2F2;
}

.icon_svg {
    padding-left: 0.5em;
    width: 1.5em;
    height: auto;
}

@media( max-width: 1450px){
    #head_menu{
        display: flex;
        align-items: center;
        justify-content: center;
        width:100px;
        height: 100px;
        background: #fff;
        box-shadow: 0px 0px 50px #00000029;
    }

    body[open]{
        height: 100%;
        overflow: hidden;
    }

    body[open] #sp_menu{
        visibility:visible;
        opacity:1;
    }
    body[open] #head_menu{
        background:transparent;
        box-shadow:none;
    }

    body[open] #head_logo{
        background:transparent;
        box-shadow:none;
    }

    body[open] #head_nav{
        display:none;
    }
    body[open] .menu_sp{
        display:block;
    }

    body[open] .menu_pc{
        display:none;
    }

    body[open] .menu-trigger span {
        background: #fff;
    }

    body[open] .menu-trigger span:before{
        background: #fff;
    }
    #head_menu button{
        -webkit-appearance: button;
        background: transparent;
        border: 0;
        height: 100%;
        width: 100%;
    }
    #head_nav ul li.hpc{
        display: none;
    }
    #head_cw{
        background:transparent;
        box-shadow: none;
        padding: 0;
    }
    #head_logo{
        height: 100px;
        width: 272px;
        background: #fff;
        box-shadow: 0px 0px 50px #00000029;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #head_nav{
        flex:1;
    }

    #head_nav ul{
        justify-content:flex-end;
        padding-right:30px;
    }


    .menu-trigger,
    .menu-trigger span {
      display: inline-block;
      transition: all .4s;
      box-sizing: border-box;
    }
    .menu-trigger {
      position: relative;
      width: 30px;
      height: 20px;
      background: none;
      border: none;
      appearance: none;
      cursor: pointer;
    }
    .menu-trigger span {
      position: absolute;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: #000;
      border-radius: 4px;
      transform-origin: center;
      will-change: transform, opacity;
    }
    .menu-trigger span:before{
        content:"";
        position: absolute;
        left: 0;
        top: -1px;
        width: 100%;
        height: 3px;
        background-color: #000;
        border-radius: 4px;
        will-change: transform;
        transform: scale(0,1);
        transform-origin: left;
        transition: all .4s;
    }
    #head_menu button:hover .menu-trigger span:before{
        transform: scale(1,1);
    }
    .menu-trigger span:nth-of-type(1) {
      top: 0;
    }
    .menu-trigger span:nth-of-type(2) {
      top: 10px;
    }
    .menu-trigger span:nth-of-type(3) {
      bottom: 0;
    }

    body[open] .menu-trigger span:nth-of-type(1) {
      transform: translateY(10px) rotate(-45deg);
    }
    body[open] .menu-trigger span:nth-of-type(2) {
      opacity: 0;
    }
    body[open] .menu-trigger span:nth-of-type(3) {
      transform: translateY(-10px) rotate(45deg);
    }

}

@media( max-width:1449.98px ) and ( min-width:1400px){

}

@media( max-width:1399.98px ) and ( min-width:1050px ){
    .mc_ttl{
        font-size: calc(35px + (50 - 35) * ((100vw - 1050px) / (1400 - 1050)));
    }

    .mc_desc{
        font-size: calc(17px + (20 - 17) * ((100vw - 1050px) / (1400 - 1050)));
    }

    #main_content_w:before {
        height: calc(63.5% + 1vw);
    }
}

@media( max-width:1049.98px ){
    #head{
        padding:0;
        position: relative;
    }
    #head_cw{
        height:0;
    }
    #head_logo{
        position: fixed;
        top: 0;
        left: 0;
    }
    #head_menu{
        position: fixed;
        top: 0;
        right: 0;
    }
    #head_nav{
        position: fixed;
        bottom: 30px;
        right: 30px;
        will-change: clip-path;
        transition: clip-path 0.4s;
        clip-path: polygon(0% 0%, -10% 0%, 0% 100%, -10% 100%);
    }

    body.scroll #head_nav{
       clip-path: polygon(-10% 0%, 100% 0%, 110% 100%, 0% 100%);
    }

    #copy_u{
        height:120px;
    }
    .go_link{
        top: -160px;
    }

    .bg_w{
        padding: 30px 30px 0;
    }

    #mbg_w .bg_w {
        padding: 30px;
    }

    .bg {
        padding: 30px;
        padding-top: 80px;
    }
    .bg_catch_img{
        position: relative;
        margin: -5% 0;
        /* margin-top: calc( -10px - 30px - 10px ); */
    }

    .bg_catch_w:after{
        display:none;
    }
    .bg_catch_img:before{
        display:none;
    }

    #main_content{
        padding: 0 60px;
    }

    .mc_c{
        width:100%;
    }

    .mc_c{
        margin-bottom:60px;
    }
    #main_content .mc_c:last-child{
        margin-bottom:0;
    }

    #main_content_w:before {
        height: calc( 100% - 90px );
    }

    #main_content_w:after {
        height: calc( 100% - 60px );
    }

    .pc_br{
        display: none;
    }

    #copy{
        font-size: 10px;
        height: 30px;
    }

    #sp_menu_copy{
        font-size: 10px;
    }
}

@media(max-width: 767.98px){
    #head_menu{
        width:60px;
        height: 60px;
        /* position: fixed; */
        /* right: 0; */
        /* top: 0; */
    }
    #head_logo img{
        height:40px;
    }
    #head_logo{
        width:186px;
        /* position: fixed; */
        /* top: 0; */
        /* left: 0; */
        height: 60px;
    }
    #head_nav{
        left: 20px;
        right: 20px;
        bottom:30px;
    }
    #head_nav ul li{
        margin-right:15px;
    }
    #head_nav #head_btn a{
        font-size:11px;
        padding: 0 20px;
    }
    #head_nav ul{
        justify-content:flex-end;
    }

    #head_nav #head_btn a img{
        width:15px;
    }

    #copy_u {
        height: 100px;
    }

    #sp_menu_main>div{
        max-width: none;
        margin-left: 60px;
        justify-content: start;
    }
    #sp_menu_main {
        padding: 80px 0 80px;
    }

    #sp_menu_copy {
        height:80px;
    }

    .bg_w {
        padding: 20px 20px 0;
    }

    .bg {
        padding: 20px;
        padding-top: 40px;
    }
    #mbg_w .bg_w {
        padding: 20px;
    }


    .bg_catch1{
        padding:0 15px;
        font-size:11px;
    }

    .bg_catch2{
        margin-top:60px;
        font-size: 24px;
    }

    .bg_big {
        font-size: 36px;
    }

    .bg_catch_img{
        /* margin-top:0; */
        /* padding: 0 30px; */
        margin: -5% 0;
    }

    .sp_br{
        display: block;
    }

    .go_link{
        top: -90px;
    }


    .line{
        height:7px;
    }

    #main_content {
        padding: 0 40px;
    }

    #main_content_w {
        padding-bottom: 60px;
    }

    .mc_c{
        width:100%;
        /* margin-top: 30px; */
        padding: 30px 0;
        margin-bottom: 40px;
    }

    .mc_ttl{
        font-size:30px;
    }
    .mc_desc{
        font-size:14px;
        margin: 15px 0;
    }
    .mc_img{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .mc_link a {
        height: 40px;
        font-size: 11px;
    }

    #main_content_w:before {
        height: calc( 100% - 50px );
    }

    #main_content_w:after {
        height: calc( 100% - 30px );
    }


    .pc_br{
        display: none;
    }

    #copy{
        font-size: 10px;
        height: 30px;
    }

}


@media(max-height:619.98px){
    #sp_menu_main>div{
        /* display: block; */
    }
    #sp_menu_main>div>div{
        margin:0 auto;
    }
}

@media(max-height:827.98px) and (min-width:420px){

    .bg_catch2 {
        font-size: 24px;
    }
    .bg_big {
        font-size: 36px;
    }
    .bg_catch3{
        font-size: 22px;
    }
    .bg_catch4{
        font-size: 22px;
    }

    .bg_catch_img:before {
        padding: 4%;
    }

    .bg_catch_img {
        /* margin: auto; */
        /* max-width: 500px; */
        /* margin-top: calc( -10px - 30px - 10px - 50px ); */
        /* padding-left: 35%; */
        /* transform: translate(18%, 0); */
        margin-top: -4%;
    }

    .bg_catch_img img {
        /* width:90%; */
    }

}

@media(max-width:419.98px){
    .bg_catch2 {
        font-size: 16px;
    }
    .bg_big {
        font-size: 24px;
    }
    .bg_catch3{
        font-size: 14px;
    }
    .bg_catch4{
        font-size: 14px;
    }
    .line{
        height:7px;
    }
    .line:before {
        height:7px;
        width: 40px;
    }
    .sp_menu.sp_menu1 li {
        font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (420 - 320)));
    }

    #sp_menu_main>div {
        margin-left: 60px;
    }
}

@media(max-height:619.98px) and (max-width:419.98px){
    .bg_catch2 {
        margin-top: 30px;
        margin-bottom: 20px;
        font-size: 16px;
    }
    .bg_big {
        font-size: 24px;
    }
    .bg_catch3{
        font-size: 14px;
        padding-bottom: 20px;
    }
    .bg_catch4{
        font-size: 14px;
        padding-top: 20px;
    }
}