#main_img .menu p{
    position: relative;
    filter: drop-shadow(2px 4px 10px #252f46);
}

#main_img .menu p a{
    filter: invert(1);
    transform: scale(1.7);
}

#main_img .menu p:before{
    content: "";
    display: block;
    width: 100%;
    height: 230px;
    position: absolute;
    top: 25%;
    left: 76%;
    background-image: url(./Dup/img/fake.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%) rotate(45deg);
    transform: translate(-50% , -50%) rotate(10deg);
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}



.menu p.bg_white{
        height: 200px !important;
        background-color: transparent;
}

.bg_color2 {
    background-color: #f1f1f1;
}

.bg_color1 {
        background-color: #252f46;
}

.line:before {
    background-color: rgb(237, 81, 78) !important;
}

#fakeloader{
    background-color: #f1f1f1;
}

#fakeloader .fl:before{
    content: "";
    display: block;
    width: 100%;
    height: 130%;
    position: absolute;
    top: 0%;
    left: 110%;
    background-image: url(./Dup/img/catch.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

#fakeloader .fl:after{
    content: "";
    display: block;
    width: 30%;
    height: 30%;
    position: absolute;
    top: 110%;
    left: 17%;
    background-image: url(./Dup/img/hana.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%) rotate(12deg);
    transform: translate(-50% , -50%) rotate(12deg);
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}


footer{
    position: relative;
}

footer:after {
    content: "";
    display: block;
    width: 100px;
    height: 80px;
    position: absolute;
    top: 4%;
    left: 90%;
    background-image: url(./Dup/img/hana2.png);
    background-position: center, 20% 63%;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%) rotate(5deg);
    transform: translate(-50% , -50%) rotate(5deg);
    background-size: contain, 22px;
    pointer-events: none;
    z-index: 1;
}

.top h1#logo{
    opacity: 0;
}

.top .scr_header h1#logo, .scr_header h1#logo{
    opacity: 1;
    filter: invert(1);
}

.txt_color1 {
    color: #3c1717;
}

.txt_color1 {
    color: #8bafb7;
}

/*#intro .num {
    opacity: 0.3;
    color: #317f91;
}*/

#contents1 .num {
    mix-blend-mode: multiply;
    opacity: 1;
    color: #c2d9de;
}

.intro_title h3{
    color: #361603;
    font-size: 36px;
}

.back1:before {
    background-color: rgba(241,241,241,0.7) !important;
}

header.scr_header {
    background-color: rgb(5, 47, 74, 0.4) !important;
}

#main_img:before{
    content: none;
}

#main_img #left:before, #main_img #right:before {
        background-color: rgba(217, 229, 255, 0.5) !important;
    mix-blend-mode: color;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#intro_wrap, #contents3 .con_box {
    background-color: #f1f1f1;
    background-image: url(./Dup/img/check.png);
    position: relative;
}

#intro_wrap:before{
    content: "";
    display: block;
    width: 250px;
    height: 250px;
    position: absolute;
    top: 105%;
    left: 85%;
    background-image: url(./Dup/img/kumo1.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    opacity: 0.2;
}

#intro_wrap:after{
    content: "";
    display: block;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 5%;
    left: 5%;
    background-image: url(./Dup/img/kumo2.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    opacity: 0.2;
}

.back1 > h2{
    text-align: center;
    font-size: 24px;
    margin-bottom: 50px;
    margin-top: 50px;
    position: relative;
    z-index: 1;
        line-height: 1.65em;
}

.isi{
    max-width: 120px;
    display: block;
    margin: auto;
    margin-bottom: 150px;
}

#intro .num {
    top: -20px;
}

main:after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 48.5%;
    left: 50%;
    background-image: url(./Dup/img/goko.png);
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 1100px;
    pointer-events: none;
    opacity: 0.09;
    z-index: -1;
}

#contents3_wrap:after {
    background-color: rgb(37, 47, 70, 0.2) !important;
}

.goko{
    display: block;
    position: absolute;
    opacity: 0.09;
    z-index: 1;
    margin: auto;
    width: 100%;
    max-width: 1280px;
    margin: auto;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 0%);
    pointer-events: none;
}

.back1:before, .back2:before {
 z-index: -1;
}

.page main.back1{
        background-image: url(./Dup/img/check.png);
}

#page_title .page_title_box:before{
    content: "";
    display: block;
    width: 100%;
    height: calc(100% - 20px);
    position: absolute;
    top: 50%;
    left: 50%;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    pointer-events: none;
    z-index: 1;
    opacity: 0.5;
}

.txt_color3 {
    color: #252f46;
}

.page main:after {
    opacity: 0.05;
    z-index: 0;
}

.bg_color3 {
    background-color: #252f46;
}

#main_img #left{
        transform: translate(40px, -20px);
}

#main_img #right{
    transform: translate(-40px, 20px);
}

.top main .back1{
    margin-top: -20px;
}

#top_pc_nav li a{
        filter: drop-shadow(2px 4px 6px black);
}

#contents1 .con_box{
    position: relative;
}

#contents1 .con_box:before{
    content: "";
    display: block;
    width: 30%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 70%;
    background-image: url(./Dup/img/me.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    opacity: 0.1;
}

.banner2{
      bottom: 10px;
      left: 0;
      text-align: right;
      z-index: 100;
      transition: 0.2s;
}

/*.page_title_box p:first-letter{
    color: #ed514e;
}*/

.cate_list li a:before {
    color: #ed514e !important;
}

.overlay {
    background: #8bafb7 !important;
}

.nav_menu_more a span.icon:before{
    display: none;
}

.linkStyle{color: #c1272d;}


#page10 .more_btn{
    text-transform: none;
}

.border_color4 {
    border-color: #c3d4df;
}

#contents2 .num {
    mix-blend-mode: plus-lighter;
}

.pager li a:hover {
    background-color: rgba(137, 137, 137, 0.5) !important;
}

.don{
    bottom: 10px !important;
}

.banner2 .banner:nth-child(2):before{
    content: "";
    display: block;
    width: 100%;
    height: 120%;
    position: absolute;
    top: 10%;
    left: 45%;
    background-image: url(./Dup/img/hon.png);
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%) rotate(5deg);
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

.border_color2 {
    border-color: #607583;
}

.henko p#contact_tel, .henko p#contact_tel2{
    margin: 5px;
}

.henko p#contact_tel a, .henko p#contact_tel2 a{
        width: 320px;
    box-sizing: border-box;
        font-size: 20px;
}


/*----20220425 correct start------*/

#fakeloader .fl img{
    transform: rotate(-1deg);
}

/*----20220425 correct end------*/


/*-------20220519 correct start-------*/

.tui{
        text-align: center;
    display: block;
    margin-top: 50px;
    /*font-size: 16px;
    background-color: white;*/
    padding: 20px 5px;
}

.tui .tui_link a{
    color: blue;
    border-bottom: 1px solid blue;
}

.tui .tui_link a:hover{
    border-bottom: none;
}

/*-------20220519 correct end-------*/

/*-------20230407 correct start-------*/

#contents1 .banner{
    margin-top: 50px;
}

/*-------20230407 correct end-------*/

/*----jump---*/

@media all and (-ms-high-contrast: none){
  

}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

#main_img #left{
        transform: none;
}

#main_img #right{
    transform: none;
}

.top main .back1{
    margin-top: 0px;
}

#page_title .page_title_box {
    width: 50%;
}

.tui {
    text-align: left;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

.intro_title h3 {
    font-size: 26px;
}

.isi {
    margin-bottom: 70px;
}

#fakeloader .fl {
    max-width: 180px;
}

#page_title .page_title_box {
    width: 72%;
}

footer:after {
    content: "";
    display: block;
    width: 80px;
    height: 60px;
    position: absolute;
    top: 4%;
    left: 90%;
    background-image: url(./Dup/img/hana2.png);
    background-position: center, 20% 63%;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%) rotate(12deg);
    transform: translate(-50% , -50%) rotate(12deg);
    background-size: contain, 22px;
    pointer-events: none;
    z-index: 1;
}

}