@import url('https://fonts.googleapis.com/css2?family=Ruthie&display=swap');

#fakeloader.bg_color1{
    background-color: #ebf1f0 !important;
}

.txt_color1 {
    color: #717776;
}

body {
        background-color: #f7f6f6;
        background-color: #fdf8f2;
}
.bg_color2{background-color: #dee2de;} /* サブカラー */
.bg_color3{background-color: #dee2de;} 

.bg_color1 {
    background-color: #717776;
}

#contents3_wrap:after {
    background-color: rgba(213, 235, 231, 0.5) !important;
}

.txt_color3 {
    color: #717776;
}
#main_img .menu .bg_white{
    background-color: rgba(255,255,255,0.5);
    border:1px solid white;
    backdrop-filter: blur(12px);
        border-radius: 5px;
}

.back1:before, .back2:before {
    background-image: url(./Dup/img/back.jpg);
    opacity: 0.6;
    background-size: 700px;
        z-index: -1;
}

.didot {
    /* font-family: 'GFS Didot', serif; */
    font-family: 'Ruthie', cursive;
}

header.scr_header #logo {
    max-width: 160px;
}

header.scr_header {
    background-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(8px);
}

#top_pc_nav li a{
    color: #607370;
}

header.scr_header ul li a{
color: #717776;
}

#contents1 .con_box, #contents2 .con_box {
position:relative;    
}

#contents1 .con_box:before{
content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -15%;
    right: 0%;
    background-image: url(./Dup/img/leaf.png);
    background-position: top right;
    background-repeat: no-repeat;
    pointer-events: none;
}

#contents2 .con_box:before{
content: "";
    display: block;
    width: 90%;
    height: 100%;
    position: absolute;
    top: -15%;
    left: 0%;
    background-image: url(./Dup/img/leaf.png);
    background-position: top right;
    background-repeat: no-repeat;
    pointer-events: none;
}

#intro_wrap{
position:relative;
}

#intro_wrap:before{
content: "";
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    bottom: -90%;
    left: 50%;
    background-image: url(./Dup/img/sou.png);
    background-position: top right;
    background-repeat: no-repeat;
    pointer-events: none;
    background-size: 50%;
}

#main_img:before {
    background-color: rgba(239, 241, 239, 0.4);
}

#page_title .page_title_box {
    background-color: #eff1ef;
}

#page_title .page_title_box .txt_white{
    color: #717776;
}

.page #logo{
    max-width:250px;
}

.button_container span {
    background: rgb(113, 119, 118);
}

.button_container span:nth-of-type(1) {
    color: #717776;
}

.henko .title{
    margin-bottom: 50px;
    padding-bottom: 20px;
}

.linkStyle{
    color: #64847e;
}

.overlay ul li a {
    color: #fff !important;
}



.more_btn {
    text-transform: none;
}


/*-------20210927 correct start--------*/

#contents3_wrap:before {
    background-position: center bottom;
}

.border_color3 {
    border-color: #eff1ef;
}

/*-------20210927 correct end--------*/

@media screen and (max-width: 1280px){
    #only h1{
        display: none;
    }
    
    .top header {
    margin-top: 50px;
}
    
}


@media screen and (max-width: 768px){

.num{
    font-size: 110px !important;
    opacity: 0.3;
}
#intro .num, #contents3 .num {
    top: -80px;
}

#contents1 .con_box:before {
    top: -7%;
}

 #only.scr_header h1{
        display: block;
    }
    
 .top header.scr_header {
    margin-top: 0px;
}
    
    #intro_wrap:before {
    content: none;
}
    
}


@media screen and (max-width: 667px){
#logo {
    max-width: 150px !important;
}

.prev{
    margin:0;
}

}