@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');
.font1 {
    font-family: 'Alex Brush', cursive;
    letter-spacing: 0;
    line-height: 1.3;
}


/*
.fix_bnr,
#return_top{
    position:absolute;
}
*/

:root{
    --color1:#fff9f3;
    --color2:#EF8AA9;
}



/*--all page---------------------------
-------------------------------------*/

.linkStyle{
    color:#bf9d74;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}

body{
    overflow:hidden;
}

header.scr_header {
    background-color: rgba(255,255,255,0.8)!important;
}
#pc_nav li a{
    color:#333;
}
#pc_nav li a::after, #top_pc_nav li a::after, #footer_nav li a::after{
    background:var(--color2);
}
#overlay .txt_white,
.overlay ul li a,
#overlay .left li:before{
    color:var(--color2)!important;
}
#overlay .nav_menu_more a{
    color:#fff!important;
}
#overlay .left{
    border-color:var(--color2);
}

.button_container span,
.button_container.active .top,
.button_container.active .bottom{
    background:var(--color2);
}
.button_container span:nth-of-type(1),
.button_container.active span:nth-of-type(1){
    color:var(--color2);
}

.overlay {
    background: linear-gradient(135deg, rgb(255 254 247) , rgba(251,235,243,0.9) )!important;
}
#overlay .right .mg_b-50px .nav_menu_more:last-of-type{
    display:none;
}
.nav_menu_more:first-of-type a .icon:before{
    display:none;
}

.fix_bnr{
    left:20px;
    z-index:2;
}



/*--top page---------------------------
-------------------------------------*/
#main_img:before{
    display:none;
}
#video:before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:100px;
    background: linear-gradient(0deg, rgb(255 255 255) 0%, transparent 100%);
    bottom:0;
    left:0;
    z-index:2;
}
.catch{
    bottom: 13%;
    right:5%;
    z-index:2;
    padding: 0 0 15px 20px;
    background-color: rgba(255,255,255,0.9);
}
.catch_txt{
    font-size:3rem;
    line-height: 1.5;
}
.txt_anim1 span{
	position: relative;
	right: 20px;
	opacity: 0;
	transition: all 2s;
}
.txt_anim1 span.start{
	right: 0;
	opacity: 1;
}
.catch_sub{
    font-size:1.2rem;
}
/*ローディング後にフェードイン*/
.load-fade {opacity : 0; transition : all 2.5s/*処理にかかる時間*/;}
.load-fade.done{opacity : 1; transform : translate(0, 0);}

#top_pc_nav{
    z-index:2;
    top:30px;
    right:30px;
}
#top_pc_nav li a{
    color:#333;
}

.num,
.back1:before,.back2:before{
    display:none;
}

#contents1 .con_box:before,
#contents2 .con_box:before{
    content:'';
    position:absolute;
    display:block; 
    pointer-events:none;
}
#intro,
#contents3{
    background:url(./Dup/img/flw2.png) no-repeat;
    background-size:100% auto;
    background-position:bottom;
}

.intro_title .font1{
    font-size: 2.5rem;
}
.txt_anim6 span{
	display: inline-block;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	-webkit-animation: .35s cubic-bezier(.175,.885,.32,1.275) both;
	animation: .35s cubic-bezier(.175,.885,.32,1.275) both;
	opacity: 0;
}
.txt_anim6 span.start{
	-webkit-animation-name: slide-bs;
	animation-name: slide-bs;
	opacity: 1;
}
@keyframes slide-bs{
	0%{-webkit-transform: translateY(20px);transform: translateY(20px);}
	100%{-webkit-transform: translateY(0);transform: translateY(0);}
}

/*modal*/
.g_type1 > div{
    justify-content: space-around;
}
.g_type1 .modal_bt{
    cursor: pointer;
    border-radius:25px;
}
.g_type1 .modal_bg{
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 9998;
}
.g_type1 .modal_box{
    max-height: 100%;
    overflow-y: auto;
    z-index: 9999;
}
.g_type1 .close_bt{
    cursor: pointer
}
.g_type1 .cate_box {
    position: relative;
    width: 22.99999%!important;
    margin: 0 1%;
    margin-bottom: 20px;
    overflow: hidden; 
}

#contents1 .con_box,
#contents1 .con_title{
    position:relative;
}
#contents1 .con_box:before{
    width: 120%;
    height: 120%;
    background: linear-gradient(0deg, rgb(251 242 233) 0%, transparent 100%);
    top: -80px;
    right: -10%;
    z-index: -1;
}
.con1_sub_title {
    font-size: 5.5rem;
    top: -22%;
    left: -2%;
    z-index: 1;
    transform: rotate(351deg);
}
.con2_sub_title {
    font-size: 5.5rem;
    top: 0%;
    left: 3%;
    z-index: 1;
    transform: rotate(351deg);
}
.con3_sub_title {
    font-size: 5.5rem;
}

#contents2 .con_box:before{
    width: 60%;
    height: 110%;
    background: linear-gradient(0deg, rgb(251 242 233) 0%, transparent 100%);
    top: -80px;
    left: 5%;
    z-index: -1;
}

/*下から順番にフェードイン*/
 .fade_up {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}
.fade_up.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

.bnr1{
    border-radius:25px;
}
/*
.nayami_box{
    width: 35%;
    margin: 0 auto 50px;
}
*/
.nayami_box p span{
    background: url(./Dup/img/check.png) no-repeat;
    background-size: 30px;
    background-position: center left;
    font-size: 1.2rem;
    margin-bottom: 15px;
}

#info_contact .con_title span{
    color:#333!important;
    text-shadow: 0 0 10px #fff;
}


/*--under page---------------------------
-------------------------------------*/
.page li a:hover,
.cate_list li a:hover{
    transform:translateY(-3px);
}






/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.g_type1 .cate_box {
    width: 30.99999%!important;
}
.catch_txt {
    font-size: 2rem;
}
#intro{
    padding-bottom:15%;
}
#intro, #contents3 {
    background: url(./Dup/img/flw.png) no-repeat;
    background-size: 100% auto;
    background-position: bottom;
}
#contents1 .con_box:before{
    width: 80%;
}
#contents2 .con_box:before {
    width: 70%;
    left: -3%;
}
#contents3 .con_box{
    padding-bottom:17%;
}
#contents1 .con_title h3,
#contents2 .con_title h3,
#contents3 .con_title h3{
    font-size:2rem;
}

#contents2 .con_img {
    margin-bottom: -3%;
}

#page_title .page_title_box h2{
    letter-spacing:1px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#main_img{
    padding-top:80px;
}
#video{
    height:37vh;
}
.catch_txt {
    font-size: 1.5rem;
    letter-spacing: 1px;
}
.catch_sub {
    font-size: 0.8rem;
    font-weight: bold;
}
.intro_title .font1 {
    font-size: 1.2rem;
}
#contents1 .con_title h3,
#contents2 .con_title h3,
#contents3 .con_title h3{
    font-size:1.5rem;
}
.con1_sub_title {
    font-size: 2.7rem;
    top: -29%;
}
.con2_sub_title {
    font-size: 2.7rem;
    top: -5%;
}
#contents2{
    margin-bottom:100px;
}
#contents2 .con_img {
    margin-bottom: 20px;
}
.con3_sub_title {
    font-size: 2.5rem;
}
#contents3 {
    margin-bottom: 0px;
}
.nayami_box p span {
    padding-left: 25px;
    font-size: 1rem;
    background-size: 20px;
    letter-spacing: 1px;
}
.g_type1 .cate_box {
    width: 47.99999%!important;
}
#page_title .page_title_box{
    top:90%!important;
    width:70%;
}

}



@media all and (-ms-high-contrast:none){
.g_type1 .modal_box .box_txt2 a {padding: 8px 10px 2px;}
}