/* ---------------------- color */
/* メインカラー */
.txt_color1{color: #E2AFAF} 
.bg_color1{background-color: #E2AFAF} 
.border_color1{border-color: #E2AFAF}
.hvr_txt_color1:hover{color: #E2AFAF} 
.hvr_bg_color1:hover{background-color: #E2AFAF} 
.hvr_border_color1:hover{border-color: #E2AFAF}

/* サブカラー */
.txt_color2{color: #C5BDD8} 
.bg_color2{background-color: #C5BDD8} 
.border_color2{border-color: #C5BDD8}
.hvr_txt_color2:hover{color: #C5BDD8} 
.hvr_bg_color2:hover{background-color: #C5BDD8} 
.hvr_border_color2:hover{border-color: #C5BDD8}

/* アクセントカラー */
.txt_color3{color: #7AC4C9} 
.bg_color3{background-color: #7AC4C9} 
.border_color3{border-color: #7AC4C9}
.hvr_txt_color3:hover{color: #7AC4C9} 
.hvr_bg_color3:hover{background-color: #7AC4C9} 
.hvr_border_color3:hover{border-color: #7AC4C9}

body,.txt_color_nomal{color: #877373;}

/* ---------------------- common */
body {
    font-family:'Lora','Shippori Mincho B1',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
    background-image: url(Dup/img/star.png),url(Dup/img/bg.jpg);
    background-position: bottom center,center;
    background-size: 100%,cover;
    background-repeat: no-repeat,no-repeat;
    background-attachment: fixed, fixed;
}
.pop400,.pop300,.hannari {
    font-family:'Lora','Shippori Mincho B1',"serif";
    font-weight: 400;
}
.didot{
    font-family: 'Dancing Script', cursive;
}

.back1:before,
.back2:before{
    display: none;
}
#fakeloader:before {
    background-color: rgba(255,255,255,0.2);
}
.return::before, .return::after {
    background-color: #7ac4c9;
}
/* --- automatic link --- */
.linkStyle{color: #7AC4C9}
.linkStyle:hover{text-decoration: underline;}

/* ---------------------- header */
header.scr_header #logo {
    max-width: 160px;
}
header.scr_header {
    background-color: rgba(227, 176, 176, 0.6)!important;
    backdrop-filter: blur(2px);
}
/* ---------------------- nav */
.overlay {
    background: linear-gradient(135deg, rgba(226, 175, 175, 0.85) , rgba(197, 189, 216, 0.85) )!important;
}
/* ---------------------- footer */

footer {
    background-color: #fff!important;
}

/* -------------------------- top ------------------------- */
#video {
    position: relative;
    overflow: hidden;
    height: 100vh;
}
video{
    display:block;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#main_img:before {
    background-color: rgba(205, 182, 188, 0.4);
}
#main_img::after {
    content: '';
    display: block;
    position: absolute;
    top: 54%;
    right: 28%;
    transform: translate(50%,-50%);
    width: 28%;
    height: 400px;
    background-image: url(Dup/img/catchcopy.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 2;
}
#main_img .menu{
    display: flex;
    top: 0%;
    left: 0;
    transform: translate(0,0);
}
#top_pc_nav ul {
    justify-content: flex-end;
}
.top_head_logo {
    width: 20%;
    padding-top: 17px;
    padding-left: 30px;
}
.top_head_logo a {
    width: 220px;
}
#top_pc_nav{
    width: 80%;
    padding-right: 50px;
}
.num{
    color: #88636c;
    font-weight: 700;
    opacity: 1;
}

#intro .num, #contents3 .num,
#contents1 .num, #contents2 .num {
    font-size: 80px;
}
#intro .num::before,
#contents3 .num::before{
    content:'';
    position:absolute;
    height:129px;
    width:124px;
    background-image:url('Dup/img/flower01.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0.9;
}
#contents1 .num::before,
#contents2 .num::before{
    content:'';
    position:absolute;
    height: 152px;
    width: 150px;
    background-image: url(Dup/img/flower02.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 69%;
    left: 57%;
    transform: translate(-50%, -50%);
    z-index: -1;
    opacity: 0.9;
}

.cms_title{
    position: relative;
}
.cms_title::before{
    content:'';
    position:absolute;
    height:110px;
    width:100px;
    background-image:url('Dup/img/flower03.png');
    background-size:contain;
    background-repeat:no-repeat;
    top: -18px;
    left: -100px;
}
.cms_title .line-l:before{
    display: none;
}
.cms_wrap .box_wrap {
    background-color: rgba(255,255,255,1);
    padding: 20px;
}
#info_contact .con_img:before {
    background-color: rgba(208, 198, 231, 0.5);
}

/* --- more --- */
.more_btn::before{
    border: none;
    background-image:url('Dup/img/more01.svg');
    background-size:contain;
    background-repeat:no-repeat;
    background-position: top center;
    top: auto;
    bottom: -25px;
    left: 50%;
    transform: translate(-50%, 0%);
    height:29px;
    width:12px;
}
.more_btn:hover::before{
    background-image:url('Dup/img/more02.svg');
}
.more_btn::after{
    background-image:url('Dup/img/more03.svg');
    background-size:contain;
    background-repeat:no-repeat;
    background-position: top center;
    height:54px;
    width:186px;
    top: auto;
    bottom: -60px;
    left: 50%;
    transform: translate(-50%, 0%);
    transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);
    opacity: 0;
}
.more_btn:hover::after{
    opacity: 1;
    background-color: transparent!important;
    transition-delay: 0s;
}
/* -------------------------- sub ------------------------- */
.cate_title {
    display: block;
    background-color: transparent;
    border-bottom: 1px solid;
    border-top: none;
    border-left: none;
    color: #877373;
    border-color: #E2AFAF;
    padding: 5px;
    margin-bottom: 25px;
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
}
/* ---------------------- cms2 */
.cms_2-a .swiper-button-next {
    right: 20px;
}
.cms_2-a .swiper-button-prev {
    left: 20px;
}
.cms_2-a .cate_box {
    align-items: center;
}
/* ---------------------- cms3 */
.cms_3-c {
    background-color: #fff;
    padding: 10px;
}
/* ---------------------- cms4 */
#cms_3-b #cate0 .cate_box {
    border-left-width: 1px;
    border-top-width: 3px;
    width: 60%!important;
    position: relative;
}
#cms_3-b #cate0 .cate_box::after{
    content: '';
    position: absolute;
    height: 0px;
    width: 0px;
    bottom: -27px;
    left: 50%;
    transform: translate(-50%, 50%);
    border-top: 25px solid #E2AFAF;
    border-right: 25px solid transparent;
    border-bottom: 0px solid transparent;
    border-left: 25px solid transparent;
}
#cms_3-b #cate0 .cate_box:last-child::after{
    display: none;
}
#cms_3-b #cate0 .box_title1 {
    text-align: center;
}

.cms_3-b .cate_box {
        border-width: 3px;
}

/* ---------------------- cms5 */
.cms_5-a .box_wrap {
        border: none;
}
#cms_5-a .cate .cate_title {
    margin-bottom: 0px;
}
/* ---------------------- info */

/* ---------------------- contact */
.nav_menu_more:first-of-type a .icon:before {
    content: "\f4ad";
}
#contact_tel a, #contact_line a, #contact_form a {
    max-width: 400px;
    font-size: 22px;
}
.other_contact_box  #contact_txt {
    margin-top: 50px;
}

/* ---------------------- privacy policy */

/* ---------------------- sitemap */
@media screen and (max-width: 1280px){
    .top_head_logo img {
        display: none;
    }
    #video {
        height: auto;
    }
    video {
        top: 0;
        left: 0;
        transform: none;
    }
}

/* ----------------------------------------------------------------------------------------------------------------------------
IE
--------------------------------------------------------- */
@media all and (-ms-high-contrast: none){
    /* -------------------------- sub ------------------------- */
    
    /* ---------------------- cms1 */
    
    .pager li a {
        padding-bottom: 10px!important;
    }
    
    .cate_list li a {
        padding-bottom: 10px;
    }
    
    /* ---------------------- privacy policy */
    #page9 .more {
        padding-bottom: 2px!important;
        padding-top: 1px!important;
    }
}


/* ---------------------------------------------------------------------------------------------------------------------------- 
タブレット　
--------------------------------------------------------- */
@media screen and (max-width: 768px){
    /* ---------------------- common */
     .linkStyle{
        text-decoration: underline;
    }
     
     /* ---------------------- header */
    #logo {
        max-width: 160px;
    }
    /* ---------------------- nav */
    
    /* ---------------------- footer */
    
    
    
    /* -------------------------- top ------------------------- */
    .top_head_logo img {
        display: none;
    }
    #main_img {
        height: auto;
    }
    video {
        top: 0;
        left: 0;
        transform: none;
    }
    #intro .num, #contents3 .num,
    #contents1 .num, #contents2 .num {
        font-size: 70px;
    }
    #intro .num::before, #contents3 .num::before {
        height: 83px;
        width: 90px;
    }
    #contents1 .num::before, #contents2 .num::before {
        height: 97px;
        width: 105px;
    }
    #contents1 .con_box {
        margin-top: 15%;
    }
    .cms_title {
        padding-left: 60px;
    }
    .cms_title::before {
        height: 76px;
        width: 72px;
        top: -9px;
        left: -4px;
    }
    #main_img::after {
        top: 52%;
        width: 38%;
        height: 380px;
    }
    #contents1_wrap::after,
    #contents2_wrap::after{
        content:'';
        position:absolute;
        height: 400px;
        width: 60%;
        background-image: url(Dup/img/star02.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left bottom;
        bottom: 0;
        left: 0;
        z-index: -1;
    }
    /* --- more --- */

    /* -------------------------- sub ------------------------- */
    .cate_title {
        text-align: center;
    }
    .page_title_box h2 {
        font-size: 28px;
    }
    /* ---------------------- cms1 */
    
    /* ---------------------- cms2 */
    .cms_2-a .cate_box {
        flex-wrap: wrap;
    }
    .cms_2-a .box_item {
        width: 100%!important;
    }
    .cms_2-a .box_wrap {
        padding: 40px 20px 0px;
    }
    /* ---------------------- cms3 */
    
    /* ---------------------- cms4 */
    #cms_3-b #cate0 .cate_box {
        width: 80%!important;
    }
    #cms_3-b #cate1 .cate_box {
        flex-wrap: wrap;
    }
    #cms_3-b #cate1 .box_item {
        width: 100%!important;
        padding-right: 0;
    }
    /* ---------------------- cms5 */
    #cms_5-a .cate .cate_title {
        text-align: left;
    }
    /* ---------------------- info */
    
    /* ---------------------- contact */
    #contact_tel a,
    #contact_line a, 
    #contact_form a {
        padding: 20px 10px;
        font-size: 18px;
    }
    /* ---------------------- privacy policy */
    
    /* ---------------------- sitemap */
}

/* ----------------------------------------------------------------------------------------------------------------------------
スマホ　
--------------------------------------------------------- */
@media screen and (max-width: 667px){
    /* ---------------------- common */
        
    /* ---------------------- header */
    #logo {
        max-width: 80px;
        opacity: 0;
    }
    header.scr_header #logo {
        max-width: 80px;
        opacity: 1;
    }
    /* ---------------------- nav */
    
    /* ---------------------- footer */
    
    
    
    /* -------------------------- top ------------------------- */
    #main_img::after {
        top: 64%;
        right: 64%;
        width: 60%;
        height: 200px;
        filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.8));
    }
    #intro .num, #contents3 .num, #contents1 .num, #contents2 .num {
        font-size: 50px;
    }
    #contents1 .con_box {
        margin-top: 0;
    }
    #contents1_wrap::after, #contents2_wrap::after {
        width: 100%;
        bottom: -50px;
    }
    .cms_title {
        padding-left: 70px;
        margin-bottom: 27px;
    }
    .cms_title::before {
        height: 66px;
        width: 59px;
        top: -5px;
        left: 0px;
    }
    /* --- more --- */
    .more_btn {
        margin-bottom: 50px;
    }
    /* -------------------------- sub ------------------------- */
    .page_title_box {
        width: 70%;
        box-sizing: border-box;
    }
    #page_title .page_title_box {
        padding-bottom: 20px;
    }
    #page_title h2 {
        font-size: 17px;
    }
    /* ---------------------- cms1 */
    .cms_1-a .date {
        line-height: 1.7;
        padding: 0;
    }
    .cms_1-a .box_title1 {
        line-height: 1.7;
    }
    /* ---------------------- cms2 */
    #cms_2-a .box_wrap {
        padding: 0;
    }
    /* ---------------------- cms3 */
    
    /* ---------------------- cms4 */
    #cms_3-b #cate0 .cate_box {
        width: 100%!important;
    }
    /* ---------------------- cms5 */
    
    /* ---------------------- info */
    
    /* ---------------------- contact */
    #contact_tel a,
    #contact_line a, 
    #contact_form a {
        font-size: 16px;
    }
    
    /* ---------------------- privacy policy */
    
    /* ---------------------- sitemap */
}

/* ---------------------- 2022/02/10修正 */
#contact_tel a {
    font-size: 18px;
}
@media screen and (max-width: 667px){
#contact_tel a {
    font-size: 14px;
}
}