@charset "utf-8";
/* CSS Document */

body{padding-top:0!important;}
*{  font-family: "Noto Serif JP", serif!important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}

.container .row{    margin-right: -5px;
    margin-left: -5px;}

@media (min-width: 1200px) {
    .container {
        width: 1140px;
        max-width: 100%;
    }
}

.topnami01{position:relative;
    background: url(../img/furisode/lp/2027/topimage.jpg) 20% 20% no-repeat;
        background-size: cover;
    height:100vh;
    width:100%;
}
/*.topnami01:before{   content: "";    z-index: 1;margin: auto 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
    pointer-events: none; }
*/
.topnami01:after {
    content: '';
    position: absolute;
    z-index: 10;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: auto 0;
    background: url(../img/furisode/lp/2026/nami01.svg) 50% 50% no-repeat;
    background-size: 103%;
    padding-top: 16%;
    width: 100%;
}

h1.catch01{    position: absolute;
    z-index: 10;
    top: 45%;
    left: 80%;
    transform: translate(-50%, -50%);
    width: 130px;}

h1.catch01 img{    height: 80vh;}

.maru2 img{  border-radius:50%;    width: 50vw;
    min-width: 300px;
}

.back_gry01{position:relative;padding-bottom: 80px;}

.back_gry01:before{content:'';position:absolute;height:60%;background:#eee;width:100%;top:-130px;bottom:0;margin:auto 0;z-index:-1;}


.back_furi01 {
    position: relative;
    background: url(../img/furisode/lp/2026/img_concept.jpg) no-repeat 100% 50%;
    background-size: cover;
    height: 50vh;
    width: 100%;
}

.back_furi01_wrap {margin-bottom: 70px;}

.back_furi01_wrap .con_tit {
    margin-top: -60px;
    font-size: 24px;
    position: relative;
    font-size: 38px;
}

.lp2025_furisode h4{font-size: 22px;text-align:center;
font-style: normal;
font-weight: 400;
line-height: 30px; /* 150% */letter-spacing: 2px;
padding-bottom:10px;border-bottom:2px solid #333;margin-bottom:16px;}

.foot_logo img {
    width: 332px;
    height: auto;
    margin-bottom: 30px;
}

h3{font-size: 30px;margin-bottom:20px;text-align:center;}


p.foot_ad{text-align:center;
font-size:13px;}

.copy{text-align:center;
font-size:13px;}

#footer{padding-bottom:110px;padding-top:30px;}

.backgry01{
    position: relative;
    padding-top: 26%;
    padding-bottom: 18%;
    background: #eee;}
.backgry01:before {
    content: '';
    position: absolute;
    z-index: 10;
    top: -2px;
    left: 0;
    right: 0;
    margin: auto 0;
    background: url(../img/furisode/lp/2026/backgry.svg) 50% 50% no-repeat;
    background-size: 103%;
    padding-top: 16%;
    width: 100%;
}

.backwhite01{    padding-top: 5%;
    padding-bottom: 5%;}

.backgry01:after {
    content: '';
    position: absolute;
    z-index: 10;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: auto 0;
    background: url(../img/furisode/lp/2026/nami01.svg) 50% 50% no-repeat;
    background-size: 103%;
    padding-top: 16%;
    width: 100%;
}

.backgry02 {
    position: relative;
    padding-top: 26%;
    padding-bottom: 100px;
    background: #eee;
    margin-bottom: 10px;
}.backgry02:before {
    content: '';
    position: absolute;
    z-index: 10;
    top: -2px;
    left: 0;
    right: 0;
    margin: auto 0;
    background: url(../img/furisode/lp/2026/backgry.svg) 50% 50% no-repeat;
    background-size: 103%;
    padding-top: 16%;
    width: 100%;
}
#red_fixed {
    background: #B34840;
    position: fixed;
    color: #fff;
    height: 10%;
    min-height: 50px;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    display: flex
;
    justify-content: center;
    align-items: center;
}
a.red_more {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 1.6px;
    display: flex
;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-size: 26px;
  /*  width: 600px;*/
    margin: 0 auto;
}

a.red_more:hover{color:#ffd6d6!important;}

.mail_btn{    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 80px;
    position: relative;}

.mail_btn:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 10;
    left: 0;
    background: url(../img/furisode/lp/2026/ico_mail.svg) no-repeat 50% 50%;
    background-size: 45px;
    width: 80px;
    height: 80px;
}

p.txt1{padding:0 20px;text-align:center;}
p.fo20{font-size:20px;}

    #logo01{    position: relative;
    z-index: 10;}

@media (max-width: 768px) {
    p.fo20 {
    font-size: 17px;
}h3 {
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
    line-height: 1.3;
}
    
    h1.catch01 {
    position: absolute;
    z-index: 10;
    top: 48%;
    left: 80%;
    transform: translate(-50%, -50%);
    width: 14vw;
}
    .topnami01{    height: 50vh;}
    .maru2.mt80{margin-top: 40px !important;}
    .maru2.mb50{    margin-bottom: 30px !important;}
            h2 {
            font-size: 20px;
            margin-bottom: 16px;
            line-height: 30px;
        }
    .back_furi01{height:20vh;width:100%;}
 
    .back_furi01_wrap .con_tit {
    margin-top: -46px;
    font-size: 24px;
    position: relative;
}
    .foot_logo img {
    width: 120px;
    height: auto;
    margin-bottom: 20px;
}p.foot_ad {
    text-align: center;
    font-size: 9px;
}.copy {
    text-align: center;
    font-size: 9px;
}
    #footer {
    padding-bottom: 50px;
    padding-top: 0px;
}
    .mail_btn{font-size:16px;    padding-left: 55px;}
    .mail_btn:before{    background-size: 30px;
    width: 60px;
    height: 60px;}
    #red_fixed{    height: 80px;}
    .backwhite01 {
    padding-top: 12%;
    padding-bottom: 5%;
}
    
    
}