﻿body{    
background-color: #f7f7f7;
}

.bg_color1 {
    background-color: #87ceeb;
}

.bg_color2 {
    background-color: #f8fafb;
}

.txt_color1 {
        color: #e25299;
}

.svg_dec, .svg_dec2, .svg_dec3, .svg_dec4, .svg_dec5, .svg_dec6{
    color: #e25299;

display:none;

}

.svg_box1, .svg_box2{
display:none !important;
}

#intro_txt{
/*background-image: url(./Dup/img/back.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;*/
position:relative;
}

#intro_txt:before{
content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 60%;
    left: 60%;
    background-image: url(./Dup/img/back.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}


#fakeloader .fl {
    max-width: 250px;
}

#main_img{
position:relative;
}

#main_img:after {
    content: "";
    display: block;
    width: 100%;
    height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/eye.svg);
    background-position: center right;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 2;
}

#page_title .page_title_box h2, #page_title .page_title_box p{
text-shadow: none;
}

.linkStyle{
color:#e25299;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

.logo2{
min-width:150px;
}

body {
    font-size: 15px;
}

#intro #intro_txt {
    margin-top: 0;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

#main_img:after {
    height: 60%;
}

}