@media screen and (max-width:1200px){
    .sp_none1200{
        display: none;
    }
}
@media screen and (max-width:1080px){
    .sp_1080none{
        display: none;
    }
    .sp_1080only{
        display: block;
    }
    .body{
        display: block;
    }
    .wrapper{
        width: 90%;
    }
    .Ancher{
        position: absolute;
        top: -60px;
    }
    .mainBox{
        width: 100%;
        min-height: 100svh;
        padding-top: 60px;
    }
    #headerMenu{
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 60px;
        min-height: 60px;
    }
    .headerLogo{
        width: 130px;
        margin-bottom: 0;
        margin-left: 20px;
        margin-right: 0px;
    }
    .sp_over{
        overflow: hidden;
    }
    #hd_nav{
        position: fixed;
        width: 100%;
        height: calc(100% - 60px);
        left: 0;
        top: 60px;
        padding-top: 40px;
        padding-bottom: 50px;
        overflow: auto;
        pointer-events: none;
        opacity: 0;
        /* transition: all 1s ease; */
    }
    .open #hd_nav{
        pointer-events: all;
        opacity: 1;
    }
    .hd_navigation{
        width: 90%;
        margin: 0 auto;
        /* margin: 0 auto; */
        max-width: 450px;
        flex-direction: column;
        background-color: white;
        opacity: 0;
        transition: opacity 1s ease;
    }
    .open .hd_navigation{
        opacity: 1;
        transition: opacity 1s ease;
    }
    .hd_navigation_li{
        width: 100%;
    }
    .hd_navigation_li:nth-child(odd){
        background-color: #F4F4F4;
    }
    .hd_navigation_li label{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 12px 0;
        cursor: pointer;
    }
    .hd_navigation_li a{
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 12px 0;
        font-size: 1.8rem;
    }
    .hd_ico{
        width: 60px;
        margin: 0;
        margin-right: 10px;
    }
    .hd_btn{
        padding-left: 0;
        font-size: 1.8rem;

    }
    @media (hover: hover) {
        .mother:hover .child
        {
            display: none;
        }
        .mother:hover .child.en
        {
            display: none;
        }
    }
    .child_li {
        border-bottom: 1px dotted #999999;
    }
    .child_li:last-child{
        border-bottom: none;
    }
    #fixdNavi{
        top: 60px;
    }
    .groupbtn{
        position: relative;
    }
    .groupbtn::after{
        content: "";
        width: 10px;
        height: 8px;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        clip-path: polygon(0% 0, 100% 0%, 50% 100%);
        background-color: #999999;
    }
    .drop-input:checked ~ .groupbtn{
        border-bottom: 1px dotted #999999;
    }
    .child_li:last-child{
        border-bottom: 1px dotted #999;
    }
    .drop-input:checked ~ .groupbtn::after{
        transform: translateY(-50%) rotate(180deg);
    }
    .drop-input:checked ~ .child,
    .drop-input:checked ~ .child.en
    {
        display: block;
        width: 100%;
        position: static;
        width: 100%;
        left: 50%;
        transform: translateX(0%);
        top: 76px;
        font-size: 1.6rem;
        line-height: 100%;
    }
    @media (hover: hover) {
        .child_li:hover {
            color: #004098;
            background-color: #BBDEF5;
            box-shadow: inset 0px 0 0px rgba(0, 0, 0, 0);
        }
    }
    
    .child_li a,
    .en .child_li a{
        text-align: center;
        justify-content: center;
        color: #3E3A39;
        padding-left: 0;
    }
    .mother:hover .child::after {
        display: none;
    }
    .burger{
        display: block;
    }
    #headerMenu{
        height: 60px;
        position: fixed;
    }
    .open #mask{
        opacity: 1;
        visibility: visible;
    }
    .hd_contact{
        font-size: 1.8rem;
        width: 90%;
        max-width: 450px;
        padding: 10px 0;
        background-color: white;
    }
    .hd_container {
        font-size: 1.8rem;
        width: 90%;
        max-width: 450px;
        padding: 10px 0;
    }
    .hd_bannerContainer{
        width: 200px;
    }
    .messageWrapper {
        max-width: 900px;
        padding: 0 5%;
        margin-left: auto;
    }
    #mainMovie {
        height: calc(100svh - 60px);
    }

}
@media screen and (max-width:800px){
    .servicesPhotoArea{
        width: 100%;
        padding-top: 60%;
    }
    .servicesParagrafArea{
        width: 100%;
        min-height: auto;
    }
    .servicesParagrafAreaInner {
        width: 100%;
        max-width: 100%;
        position: relative;
    }
    .servicesParagrafAreaInner.rightSide,
    .servicesParagrafAreaInner.leftSide{
        padding: 30px 5%;
    }
    .sp800_colmun{
        flex-direction: column-reverse;
    }
}
@media screen and (max-width:768px){
    html{
        min-width: 100%;
    }
    .sp_none768{
        display: none;
    }
    .spacer{
        padding: 40px 0;
    }
    .SpcolmnReverse{
        flex-direction: column-reverse;
    }
    .PcflexSpcolmn{
        flex-direction: column;
    }
    .PcHalfSpMax{
        width: 100%;
    }
    .PcHalfSpMax{
        width: 100%;
    }
    .pc30spMax,.pc35spMax{
        width: 100%;
    }
    .pc45spMax{
        width: 100%;
    }
    .pc47spMax{
        width: 100%;
    }
    .pc49spMax{
        width: 100%;
    }
    .pc55spMax{
        width: 100%;
    }
    .pc40spMax{
        width: 100%;
    }
    .pc35spMax,.pc32spMax{
        width: 100%;
    }
    .pc70spMax{
        width: 100%;
    }
    .pc60spMax{
        width: 100%;
    }
    .pc65spMax,.pc67spMax{
        width: 100%;
    }
    .pc30spMax{
        width: 100%;
    }
    .pc23spMax{
        width: 100%;
    }
    .pc77spMax{
        width: 100%;
    }
    .pc_only{
        display: none;
    }
    .sp_only{
        display: block !important;
    }
    .sp_onlyflex{
        display: flex;
    }
    .sp_mgb20px{
        margin-bottom: 20px;
    }
    .mgbPc80pxSp40px{
        margin-bottom: 40px;
    }
    /* フッター */

    /* フッター */
    /* コンタクトフォーム */

    /* トップページ */
    .totop {
        width: 40px;
        height: 40px;
    }
    .animation_top{
        font-size: clamp(6rem,13vw,10rem);
        line-height: 80%;
    }
    .tp_bannerFlexBox{
        gap: 4%;
    }
    .tp_bannerBox{
        width: 48%;
    }

}
@media screen and (max-width:650px){
    .sp_only650{
        display: block;
    }
    .sp_none650{
        display: none;
    }
    .container_comment{
        width: 100%;
        margin-bottom: 20px;
    }
    .container_information{
        width: 100%;
    }
    .hash9_comment{
        width: 100%;
        margin-bottom: 20px;
    }
    .hash9_logo{
        width: 100%;
    }
    .hash9_logo img{
        display: block;
        max-width: 300px;
        margin: 0 auto;
    }
    .topics_day_area{
        width: 100%;
    }
    .topics_com{
        width: 100%;
    }
    .groupFlexBox{
        width: 100%;
        margin-bottom: 20px;
    }
    .groupFlexBox:last-child{
        margin-bottom: 0;
    }
    .messageBoxPara{
        width: 100%;
    }
    .messageBoxPhoto{
        width: 100%;
        max-width: 300px;
        margin: 0px auto 10px auto;
    }


}
@media screen and (max-width:600px){
    .sp_none600{
        display: none;
    }
    .cont_th {
        display: block;
        width: 100%;
        padding-bottom: 3px;
    }
    .cont_td  {
        display: block;
        width: 100%;
        padding-top: 0;
    }
    .flowBoxLeft{
        width: 100%;
        margin-bottom: 10px;
    }
    .flowBoxRight{
        width: 100%;
    }
}
@media screen and (max-width:560px){
    html{
        font-size: 60%;
    }
    .headerLogo {
        width: 120px;
        margin-left: 5%;
    }
}


@media screen and (max-width:550px){
    html{
        font-size: 55%;
    }
}
@media screen and (max-width:540px){

}
@media screen and (max-width:520px){
    .sp_only520{
        display: block;
    }

}
@media screen and (max-width:510px){
    .sp_only510{
        display: block;
    }
}

@media screen and (max-width:500px){
    .sp_only500{
        display: block;
    }
    .sp_none500{
        display: none;
    }
    #profileArea table td{
        display: block;
    }
    .dangerous_table th{
        width: 5em;
    }
    .dangerous_table td{
        width: calc(100% - 5em);
        padding: 5px 5px 5px 5px;
    }

    .zenkoku_paraArea{
        width: 100%;
    }
    .zenkoku{
        width: 100%;
        height: auto;
        border-radius: 10px;
        padding: 8px 0;
        background-color: #d1464c;
        position: relative;
        margin-top: 10px;
    }
    .zenkoku p{
        position: static;
        transform: translate(0,0);
    }
    .newsSingle{
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
@media screen and (max-width:480px){
    .sp_only480{
        display: block;
    }
    .sp_none480{
        display: none;
    }
}
@media screen and (max-width:460px){
    .sp_only460{
        display: block;
    }
    .sp_none460{
        display: none;
    }
    .copyright{
        width: 100%;
        margin-top: 20px;
    }
}
@media screen and (max-width:420px){
    .sp_only420{
        display: block;
    }
}
@media screen and (max-width:400px){
    .sp_only400{
        display: block;
    }
    .sp_none400{
        display: none;
    }
}
@media screen and (max-width:380px){
    .sp_only380{
        display: block;
    }

}
@media screen and (max-width:370px){
    .sp_only370{
        display: block;
    }
    .sp_none370{
        display: none;
    }
}
@media screen and (max-width:350px){
    .sp_only350{
        display: block;
    }
    .sp_none350{
        display: none;
    }
}