﻿

.linkStyle{
    color:#786eb1;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}

.pd_t-3per{
    padding-top: 3%;    
}
.border_rad30{
    border-radius:30px;
}

/*
#return_top{
    position:absolute;
}
*/

/*--all page---------------------------
-------------------------------------*/
#wrap{
    overflow:hidden;
}
#fakeloader .fl{
    max-width: 450px;
}
header #logo{
    opacity:0;
}
header.scr_header #logo {
    opacity:1;
}
#pc_nav li{
    max-width:100%;
}
#pc_nav li:not(:last-child) a{
    color:#786eb1;
}

footer{
    background-color: transparent!important;
    background:url(./Dup/img/bg2.png) no-repeat;
    background-position:top right;
    background-size:auto 100%;
}

#footer_con h2{
    display:none;
}
#footer .tel_bt a{
    color: #b89cd6;
}
.back1:before,
.back2:before{
    background-color: transparent!important;
    z-index:-1; 
}
.back1:before{
    background: url(./Dup/img/bg3.png) no-repeat;
    background-size: 100% 100%;  
    opacity:0.4;    
}
.back2:before{
    background: url(./Dup/img/bg2.png) no-repeat;
    background-size: 100% 100%;
    opacity:0.4; 
    height: 170%;
    top: -170px;
}
.return a{
    color:#1c1208;
}
.nav_menu_more:first-of-type a .icon:before{
    display:none;
}
header.scr_header{
    background-color:rgba(255,255,255,0.5)!important;
    backdrop-filter: blur(5px);
}
.button_container span{
    background:#b89cd6;
}
.button_container span:nth-of-type(1){
    color:#b89cd6;
}

/*--top page---------------------------
-------------------------------------*/
#main_img:before{
    background-color: rgba(70,70,70,0.2);
}
#main_img .menu{
    display:none;
}
.video{
    background:url(./Dup/img/main_img.jpg) no-repeat;
    background-size:cover;
}
.catch{
    top:35%;
    left:0;
    right:0;
    margin:auto;
    width:50vw;
    z-index:1;
}
.num{
    display:none;
}
.moji{
    opacity:0.3;
}

.moji1{
    top: -7%;
    right: 4%;
    z-index: -1;
    width: 45vw;
}
.moji2{
    top: -67%;
    left: -7%;
    z-index: 1;
    width: 35vw;
}
.moji3{
    top: -30%;
    right: -10%;
    z-index: 1;
    width: 45vw;
}
.moji4{
    top: 8%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    width: 45vw;
}
.moji5{
    top: 3%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    width: 25vw;
}
.bnr a{
    background-color: #b89cd6;
    border-radius:50px;
}
#contents3_wrap:after{
    background-color:transparent!important;
}
.top_cms_box{
    padding-bottom: 150px;
}

.cms_title{
    text-align:center;
    margin-bottom: 100px;
}
.cms_title h3{
    position:relative;
}
.cms_title h3:before{
    content:'';
    position:absolute;
    display:block;
    width:410px;
    height:35px;
    background:url(./Dup/img/cms_line.png) no-repeat;
    background-size: contain;    
    bottom:-45px;
    left:0;
    right:0;
    margin:auto;
}
.cms_title .line-l:before{
    display:none;
}
.cms_main_title{
    font-size: 2rem;
    padding-top: 150px;
}
#top_cms .more_btn{
    border:1px solid pink;
    border-radius:50px;
}
#top_cms .more_btn:hover{
    background-color:#ffc0cb;
    color:white;
    transition-delay: .2s;
}
#top_cms .more_btn:before,
#top_cms .more_btn:after{
    display:none;
}
#info_contact .con_img:before{
    background-color: rgba(244,233,248,0.5);
}
#info_contact .con_title span{
    color:#333;
}



/*--under page---------------------------
-------------------------------------*/
#page_title:before{
    background-color: rgba(255,255,255,0.5);
}
#page_title .page_title_box{
    background-color: #b89cd6;
}
#page8 #contact_tel a{
    border-radius:50px;
}


/* ---------- responshive ---------- */

@media screen and (max-width: 1500px){
.moji5 {
    top: 4%;
}
}

@media screen and (max-width: 1280px){
#header{
    position:relative;
}
.reserve_tb{
    top: 50%;
    right: 130px;
    transform: translate(0,-50%);
}
.reserve_tb a{
    text-align:center;
    width:150px;
}

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
header.scr_header #logo {
    max-width: 200px;
}
.catch{
    width:75vw;
    top: 40%;
}
.reserve_tb{
    right:100px;
    
}
.back1:before{
    height:70%;
}
.back2:before{
    height: 70%;
    top: 285px;
}
.moji1 {
    top: 0%;
    width: 62vw;
}
.moji2 {
    top: -13%;
    left: -11%;
    width: 43vw;
}
.moji3 {
    top: -15%;
    right: 4%;
    width: 55vw;
}
.moji4 {
    top: 4%;
    width: 55vw;
}
.cms_main_title{
    padding-top: 80px;
}
#top_cms.back1:before{
    background: url(./Dup/img/bg3_tb.png) no-repeat;
    background-size: 100% 100%;  
    opacity:0.4;
    height: 70%;
    top: 170px;
}
.cms_main_title {
    font-size: 1.5rem;
}
.moji5 {
    width: 40vw;
    top: 2%;
}
.top_cms_box:first-of-type{
    padding-top: 70px;
}
.cms_title{
    padding-bottom:60px;
    margin-bottom:0;
}
.cms_title h3:before{
    width:210px;
    height: 15px;
    bottom: -25px;
}
.top_cms_box {
    padding-bottom: 100px;
}
#logo2 a{
    max-width:250px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
header.scr_header #logo {
    max-width: 150px;
}
.catch{
    width:83vw;
}

.back1:before{
    width:35%;
}
.back2:before{
    width:75%;
    height: 60%;
    top: auto;
    bottom: -100px;
}
#contents2 h3{
    letter-spacing: 1px;
}
.moji{
    opacity:0.5;
}
.moji1 {
    top: 0%;
    width: 73vw;
}
.moji2 {
    top: -6%;
    left: -5%;
    width: 64vw;
}
.moji3 {
    top: -5%;
    right: 20%;
    width: 75vw;
}
.moji4 {
    top: 4%;
    width: 78vw;
}
.moji5 {
    width: 56vw;
    top: 2%;
}
.reserve_tb{
    display:none;
}
.reserve_sp{
    bottom:5px;
    right:10px;
    z-index:2;
}
.reserve_sp a{
    width:100px;
}
#page_title .page_title_box{
    width:70%;
}
.page9 #page_title .page_title_box h2{
    letter-spacing: 1px;
}
#copyright{
    padding-bottom:70px;
    letter-spacing: 2px;
}
#cms_3-c .cate_box{
    background-color: #fff9f8;
    margin-bottom:20px;
}
#cms_3-c .cate_box .box_title2{
        border-color: #ffe4df;
}
#fakeloader .fl{
    width:70%!important;
}
.cms_title h3:before{
    background:url(./Dup/img/cms_line_sp.png) no-repeat;
    background-size: contain;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#contact_tel a{
    padding-top:15px;
}
.bnr a,
.reserve a,
.reserve_tb a,
.reserve_sp a{
    padding-top:15px;
}
}


