@charset "UTF-8";

:root {
    --designSizePc: 1920;
    --designSizeSp: 750;
    /* 
     * pxをvwに変換する式
     * min(calc(22 * var(--vw-pc)), 22px)
     */
    --vw-pc: calc(100vw / var(--designSizePc));
    --vw-sp: calc(100vw / var(--designSizeSp));
}

*{
    box-sizing: border-box;
}

html{
    scroll-behavior: smooth;
    scroll-padding-top: 110px;
}

body{
    font-family: "Noto Sans JP", sans-serif;
}

main{
    overflow: hidden;
}

picture,
img{
    display: block;
    width: 100%;
    height: auto;
}

.star{
    position: absolute;
    top: -50px;
    animation: fall linear forwards;
}

@keyframes fall{
    to{
        transform: translateY(310vh) translateX(-100vw) rotate(360deg);
    }
}

/* アニメーション */
@keyframes float {
    0% {
        transform: translateY(10%);
    }
    50% {
        transform: translateY(0%);
    }
    100% {
        transform: translateY(10%);
    }
}

@keyframes floatSmall {
    0% {
        transform: translateY(3%);
    }
    50% {
        transform: translateY(0%);
    }
    100% {
        transform: translateY(3%);
    }
}

@keyframes floatToLeft {
    0% {
        transform: translateX(10%);
    }
    50% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(10%);
    }
}

@keyframes kakukakuLR {
    0% {
        transform: rotate(15deg);
    }
    50% {
        transform: rotate(15deg);
    }
    51% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes kakukakuScale {
    0% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1.1);
    }
    51% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes scale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(.5);
    }
    100% {
        transform: scale(1);
    }
}

.contentLeft,
.contentRight{
    display: none;
}

/* header */
.header{
    background-image: url('../images/header_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: calc(20 * var(--vw-sp));
    padding-bottom: calc(35 * var(--vw-sp));
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

.header_container{
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    width: calc(690 * var(--vw-sp));
}

.header_logo{
    width: calc(205 * var(--vw-sp));
}

.header_20th{
    margin-left: calc(15 * var(--vw-sp));
    width: calc(90 * var(--vw-sp));
}

.header_hamburger {
    aspect-ratio: 1/1;
    margin-left: auto;
    width: calc(36 * var(--vw-sp));
    position: relative;
    z-index: 1;
}

.header_hamburger span {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #0090d5;
    position: absolute;
    left: 0;
    transition: transform .3s ease-out, opacity .3s ease-out;
}

.header_hamburger span:nth-child(1){
    top: 0;
}
.header_hamburger span:nth-child(2){
    top: 50%;
    margin-top: -.5px;
}
.header_hamburger span:nth-child(3){
    bottom: 0;
}

.header.is-active .header_hamburger span{
    background-color: #fff;
}
.header.is-active .header_hamburger span:nth-child(1){
    top: 50%;
    margin-top: -.5px;
    transform: rotate(45deg);
}
.header.is-active .header_hamburger span:nth-child(2){
    opacity: 0;
}
.header.is-active .header_hamburger span:nth-child(3){
    bottom: 50%;
    margin-bottom: -.5px;
    transform: rotate(-45deg);
}

.header_hamburger_menu_wrap{
    background-color: rgba(101, 164, 217, .9);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: scroll;

    visibility: hidden;
}

.header_hamburger_menu_inner{
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: calc(180 * var(--vw-sp));
    padding-bottom: calc(200 * var(--vw-sp));
}

.header_hamburger_menu_logo{
    width: calc(450 * var(--vw-sp));
}

.header_hamburger_menu_list{
    margin-top: calc(85 * var(--vw-sp));
    width: calc(380 * var(--vw-sp));
}

.header_hamburger_menu_link{
    color: #fff;
    display: flex;
    align-items: center;
    gap: calc(13 * var(--vw-sp));
    font-family: "Noto Serif JP", serif;
    font-size: calc(28 * var(--vw-sp));
    font-weight: 600;
    letter-spacing: .16em;
    margin-top: calc(35 * var(--vw-sp));
}
.header_hamburger_menu_link::before{
    content: "";
    aspect-ratio: 1/1;
    background-image: url(../images/kirakira_white.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: calc(45 * var(--vw-sp));
}

.header_hamburger_menu_deco{
    margin-top: calc(-60 * var(--vw-sp));
    margin-left: calc(160 * var(--vw-sp));
    width: calc(241 * var(--vw-sp));
}

/* mv */
.section_mv{
    margin-top: calc(90 * var(--vw-sp));
}

/* about */
.section_about{
    background-image: url(../images/about_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    margin-top: calc(-30 * var(--vw-sp));
    padding-top: calc(55 * var(--vw-sp));
    padding-bottom: calc(660 * var(--vw-sp));
    position: relative;
}

.about_stars{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    overflow: hidden;
}

.about_deco_box{
    position: absolute;
}
.about_deco_box:nth-child(1){
    width: calc(790 * var(--vw-sp));
    top: calc(300 * var(--vw-sp));
    left: 50%;
    transform: translateX(-50%);
}
.about_deco_box:nth-child(2){
    width: calc(80 * var(--vw-sp));
    top: calc(950 * var(--vw-sp));
    left: calc(610 * var(--vw-sp));
}
.about_deco_box:nth-child(3){
    width: calc(80 * var(--vw-sp));
    top: calc(1230 * var(--vw-sp));
    left: calc(160 * var(--vw-sp));
}
.about_deco_box:nth-child(4){
    width: calc(230 * var(--vw-sp));
    top: calc(1547 * var(--vw-sp));
    left: calc(580 * var(--vw-sp));
}
.about_deco_box:nth-child(5){
    width: calc(230 * var(--vw-sp));
    top: calc(1970 * var(--vw-sp));
    left: calc(12 * var(--vw-sp));
}
.about_deco_box:nth-child(6){
    width: calc(40 * var(--vw-sp));
    top: calc(2170 * var(--vw-sp));
    left: calc(610 * var(--vw-sp));
}

.about_container{
    position: relative;
}

.about_title{
    margin-left: auto;
    margin-right: auto;
    width: calc(520 * var(--vw-sp));
}

.about_wrap{
    margin-top: calc(30 * var(--vw-sp));
}

.about_item{
    display: block;
}
.about_item:nth-child(1){
    margin-left: auto;
    width: calc(580 * var(--vw-sp));
}
.about_item:nth-child(2){
    margin-left: calc(30 * var(--vw-sp));
    width: calc(405 * var(--vw-sp));
    animation: float 2s ease-in-out infinite;
}
.about_item:nth-child(3){
    margin-left: auto;
    margin-right: calc(50 * var(--vw-sp));
    width: calc(405 * var(--vw-sp));
}
.about_item:nth-child(3) .about_item_img_box{
    margin-right: auto;
    width: calc(380 * var(--vw-sp));
    animation: kakukakuLR 1.5s ease-in-out infinite;
}
.about_item:nth-child(3) .about_head{
    margin-top: calc(-75 * var(--vw-sp));
    width: calc(360 * var(--vw-sp));
    position: relative;
}
.about_item:nth-child(4){
    margin-left: calc(50 * var(--vw-sp));
    width: calc(320 * var(--vw-sp));
}
.about_item:nth-child(5){
    margin-left: auto;
    margin-right: calc(70 * var(--vw-sp));
    margin-top: calc(-50 * var(--vw-sp));
    width: calc(370 * var(--vw-sp));
}
.about_item:nth-child(5) .about_item_img_box{
    animation: kakukakuScale 1.5s ease-in-out infinite;
}
.about_item:nth-child(5) .about_head{
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(-90 * var(--vw-sp));
    width: calc(246 * var(--vw-sp));
}

/* statement */
.section_statement{
    background-color: #dbf0f5;
    border-top-left-radius: calc(300 * var(--vw-sp));
    border-top-right-radius: calc(300 * var(--vw-sp));
    margin-top: calc(-370 * var(--vw-sp));
    padding-top: 1px;
    padding-bottom: calc(210 * var(--vw-sp));
    position: relative;
}

.statement_deco_box{
    position: absolute;
}
.statement_deco_box:nth-child(1){
    width: calc(125 * var(--vw-sp));
    top: calc(2140 * var(--vw-sp));
    left: calc(-35 * var(--vw-sp));
    z-index: 1;
}
.statement_deco_box:nth-child(2){
    width: calc(60 * var(--vw-sp));
    top: calc(270 * var(--vw-sp));
    left: calc(75 * var(--vw-sp));
    animation: scale 1s ease-in-out infinite;
}
.statement_deco_box:nth-child(3){
    width: calc(53 * var(--vw-sp));
    top: calc(340 * var(--vw-sp));
    right: calc(100 * var(--vw-sp));
    animation: scale 1s ease-in-out .5s infinite;
}
.statement_deco_box:nth-child(4){
    width: calc(40 * var(--vw-sp));
    top: calc(500 * var(--vw-sp));
    left: calc(50 * var(--vw-sp));
    animation: scale 1s ease-in-out .3s infinite;
}
.statement_deco_box:nth-child(5){
    width: calc(107 * var(--vw-sp));
    top: calc(1955 * var(--vw-sp));
    right: calc(80 * var(--vw-sp));
    z-index: 1;
    animation: floatToLeft 2s ease-in-out infinite;
}

.statement_top_img_box{
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(-220 * var(--vw-sp));
    width: calc(633 * var(--vw-sp));
}

.statement_title{
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(30 * var(--vw-sp));
    width: calc(475 * var(--vw-sp));
}

.statement_head{
    margin-left: auto;
    margin-right: auto;
    width: calc(415 * var(--vw-sp));
}

.statement_wrap{
    background-image: url('../images/statement_letter_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: calc(80 * var(--vw-sp));
    padding-bottom: calc(300 * var(--vw-sp));
    padding-top: 1px;
    width: 100%;
}

.statement_letter_title{
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(-60 * var(--vw-sp));
    width: calc(390 * var(--vw-sp));
}

.statement_letter_text{
    font-size: calc(28 * var(--vw-sp));
    font-weight: 300;
    letter-spacing: .2em;
    margin-top: calc(50 * var(--vw-sp));
    margin-left: calc(100 * var(--vw-sp));
    text-align: center;
    transform: rotate(-3deg);
}
.statement_letter_text p:nth-child(n+2){
    display: block;
    margin-top: calc(45 * var(--vw-sp));
}
.statement_letter_text .font_dot{
    font-family: "DotGothic16", sans-serif;
}

.statement_letter_img_box{
    cursor: pointer;
    width: calc(650 * var(--vw-sp));
    position: absolute;
    bottom: calc(25 * var(--vw-sp));
    left: calc(20 * var(--vw-sp));
}

/* anniversary */
.section_anniversary{
    position: relative;
    z-index: 1;
}

.anniversary_stars{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    overflow: hidden;
}

.anniversary_container{
    position: relative;
}

.anniversary_slide_wrap{
    background-color: #c6c9ff;
    padding-top: calc(20 * var(--vw-sp));
    padding-bottom: calc(20 * var(--vw-sp));
}

.anniversary_slide_item{
    display: flex;
    align-items: center;
    gap: calc(10 * var(--vw-sp));
}

.anniversary_slide_text{
    width: calc(333 * var(--vw-sp));
}

.anniversary_slide_icon01{
    width: calc(65 * var(--vw-sp));
}

.anniversary_title_wrap{
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(80 * var(--vw-sp));
    width: calc(640 * var(--vw-sp));
    position: relative;
}

.anniversary_title_img{
    position: relative;
    z-index: 1;
}

.anniversary_title_num{
    width: calc(240 * var(--vw-sp));
    position: absolute;
    bottom: 0;
    left: calc(285 * var(--vw-sp));
    animation: float 2s ease-in-out infinite;
}

.anniversary_letter_wrap{
    background-image: url(../images/anniversary_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: calc(40 * var(--vw-sp));
    margin-left: auto;
    margin-right: auto;
    padding-top: calc(90 * var(--vw-sp));
    padding-bottom: calc(80 * var(--vw-sp));
    padding-left: calc(50 * var(--vw-sp));
    width: calc(700 * var(--vw-sp));
    position: relative;
}

.anniversary_letter_deco_box{
    position: absolute;
}
.anniversary_letter_deco_box:nth-child(1){
    width: calc(100 * var(--vw-sp));
    top: calc(40 * var(--vw-sp));
    left: calc(80 * var(--vw-sp));
}
.anniversary_letter_deco_box:nth-child(2){
    width: calc(140 * var(--vw-sp));
    top: calc(365 * var(--vw-sp));
    right: calc(-50 * var(--vw-sp));
}
.anniversary_letter_deco_box:nth-child(3){
    width: calc(145 * var(--vw-sp));
    top: calc(400 * var(--vw-sp));
    left: calc(70 * var(--vw-sp));
}

.anniversary_letter_head{
    color: #736e62;
    font-family: "Noto Serif JP", serif;
    font-size: calc(58 * var(--vw-sp));
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .16em;
    text-align: center;
}
.anniversary_letter_head .small{
    font-size: calc(34 * var(--vw-sp));
}

.anniversary_letter_text{
    color: #736e62;
    font-size: calc(26 * var(--vw-sp));
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: .16em;
    margin-top: calc(50 * var(--vw-sp));
    text-align: center;
}
.anniversary_letter_text .marker{
    --bgs-width: 0%;
    background-image: linear-gradient(90deg, #93f0ea, #93f0ea);
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: var(--bgs-width) 1.2em;
    font-family: "Noto Serif JP", serif;
    font-size: calc(32 * var(--vw-sp));
    font-weight: 700;
}

.anniversary_letter_img_box{
    margin-left: calc(160 * var(--vw-sp));
    width: calc(490 * var(--vw-sp));
}

/* campaign */
.section_campaign{
    background: linear-gradient(to bottom, #ffffff, #cff8ff, #ffffff, #d5ffdc, #cff8ff, #ffffff);
    padding-top: calc(300 * var(--vw-sp));
    padding-bottom: calc(270 * var(--vw-sp));
    margin-top: calc(-150 * var(--vw-sp));
    position: relative;
}

.campaign_deco_box{
    position: absolute;
    width: 0px;
}
.campaign_deco_box:nth-child(1){
    width: calc(150 * var(--vw-sp));
    top: calc(225 * var(--vw-sp));
    left: calc(-20 * var(--vw-sp));
}
.campaign_deco_box:nth-child(2){
    width: calc(200 * var(--vw-sp));
    top: calc(380 * var(--vw-sp));
    left: calc(-10 * var(--vw-sp));
}
.campaign_deco_box:nth-child(3){
    width: calc(25 * var(--vw-sp));
    top: calc(270 * var(--vw-sp));
    right: calc(145 * var(--vw-sp));
}
.campaign_deco_box:nth-child(4){
    width: calc(126 * var(--vw-sp));
    top: calc(305 * var(--vw-sp));
    right: calc(25 * var(--vw-sp));
}
.campaign_deco_box:nth-child(5){
    width: calc(55 * var(--vw-sp));
    top: calc(560 * var(--vw-sp));
    right: calc(20 * var(--vw-sp));
}
.campaign_deco_box:nth-child(6){
    width: calc(60 * var(--vw-sp));
    top: calc(700 * var(--vw-sp));
    left: calc(40 * var(--vw-sp));
}
.campaign_deco_box:nth-child(7){
    width: calc(170 * var(--vw-sp));
    top: calc(925 * var(--vw-sp));
    right: calc(-15 * var(--vw-sp));
}
.campaign_deco_box:nth-child(8){
    width: calc(45 * var(--vw-sp));
    top: calc(1085 * var(--vw-sp));
    right: calc(30 * var(--vw-sp));
}
.campaign_deco_box:nth-child(9){
    width: calc(130 * var(--vw-sp));
    top: calc(1190 * var(--vw-sp));
    left: calc(-30 * var(--vw-sp));
}
.campaign_deco_box:nth-child(10){
    width: calc(115 * var(--vw-sp));
    top: calc(1560 * var(--vw-sp));
    left: calc(-15 * var(--vw-sp));
}
.campaign_deco_box:nth-child(11){
    width: calc(210 * var(--vw-sp));
    top: calc(1760 * var(--vw-sp));
    right: calc(-32 * var(--vw-sp));
}
.campaign_deco_box:nth-child(12){
    width: calc(26 * var(--vw-sp));
    top: calc(2010 * var(--vw-sp));
    right: calc(30 * var(--vw-sp));
}
.campaign_deco_box:nth-child(13){
    width: calc(60 * var(--vw-sp));
    top: calc(2370 * var(--vw-sp));
    right: calc(60 * var(--vw-sp));
}
.campaign_deco_box:nth-child(14){
    width: calc(25 * var(--vw-sp));
    top: calc(2470 * var(--vw-sp));
    right: calc(40 * var(--vw-sp));
}
.campaign_deco_box:nth-child(15){
    width: calc(60 * var(--vw-sp));
    top: calc(2520 * var(--vw-sp));
    right: calc(20 * var(--vw-sp));
}
.campaign_deco_box:nth-child(16){
    width: calc(80 * var(--vw-sp));
    top: calc(2455 * var(--vw-sp));
    left: calc(45 * var(--vw-sp));
}
.campaign_deco_box:nth-child(17){
    width: calc(60 * var(--vw-sp));
    top: calc(2600 * var(--vw-sp));
    left: calc(50 * var(--vw-sp));
}
.campaign_deco_box:nth-child(18){
    width: calc(100 * var(--vw-sp));
    top: calc(3100 * var(--vw-sp));
    right: calc(10 * var(--vw-sp));
}
.campaign_deco_box:nth-child(19){
    width: calc(280 * var(--vw-sp));
    top: calc(3200 * var(--vw-sp));
    right: calc(100 * var(--vw-sp));
}
.campaign_deco_box:nth-child(20){
    width: calc(180 * var(--vw-sp));
    top: calc(3300 * var(--vw-sp));
    left: calc(40 * var(--vw-sp));
}

.campaign_title{
    margin-left: auto;
    margin-right: auto;
    width: calc(360 * var(--vw-sp));
}

.campaign_wrap{
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(70 * var(--vw-sp));
    width: calc(550 * var(--vw-sp));
}

.campaign_item:nth-child(n+2){
    margin-top: calc(100 * var(--vw-sp));
}

.campaign_date_img_box{
    margin-left: calc(160 * var(--vw-sp));
    width: calc(415 * var(--vw-sp));
    animation: floatSmall 2s ease-in-out .5s infinite;
}

.campaign_img_box{
    cursor: pointer;
    animation: floatSmall 2s ease-in-out infinite;
}
.campaign_item:nth-child(1) .campaign_img_box{
    margin-top: calc(-24 * var(--vw-sp));
    animation-delay: 0.4s;
}
.campaign_item:nth-child(2) .campaign_img_box{
    animation-delay: 0.1s;
}
.campaign_item:nth-child(3) .campaign_img_box{
    animation-delay: 0.3s;
}
.campaign_item:nth-child(4) .campaign_img_box{
    animation-delay: 0.1s;
}

.campaign_popup{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;

    opacity: 0;
    visibility: hidden;
}

.campaign_popup_inner{
    border: calc(1.5 * var(--vw-sp)) solid #000;
    border-radius: calc(12 * var(--vw-sp));
    /* header分下げる */
    margin-top: calc(105 * var(--vw-sp));
    overflow: hidden;
    width: calc(670 * var(--vw-sp));
}

.campaign_popup_tab{
    background-color: #efefef;
    border-bottom: calc(1.5 * var(--vw-sp)) solid #000;
    padding-top: calc(14 * var(--vw-sp));
    padding-bottom: calc(14 * var(--vw-sp));
}

.campaign_popup_tab_img{
    margin-left: auto;
    margin-right: auto;
    width: 94%;
}

.campaign_popup_content{
    background: linear-gradient(to bottom, #ffffff, #cff8ff, #ffffff, #d5ffdc, #cff8ff, #ffffff);
    padding: calc(30 * var(--vw-sp)) calc(25 * var(--vw-sp)) calc(60 * var(--vw-sp));
    max-height: 70vh;
    overflow-x: hidden;
}

/* スクロールバー全体 */
.campaign_popup_content::-webkit-scrollbar{
    width: calc(20 * var(--vw-sp));
}

/* 移動させるスクロールバー */
::-webkit-scrollbar-thumb {
  border-top: calc(1.5 * var(--vw-sp)) solid #000;
  border-bottom: calc(1.5 * var(--vw-sp)) solid #000;
  border-left: calc(1.5 * var(--vw-sp)) solid #000;
  background: radial-gradient(#d1eff3, #c2e7ec);
}

/* スクロールバーの背景 */
::-webkit-scrollbar-track {
    border-left: calc(1.5 * var(--vw-sp)) solid #000;
    background-color: #fff;
}

.campaign_popup_content_img{
    margin-bottom: calc(50 * var(--vw-sp));
}

.campaign_popup_content_info{
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

.campaign_popup_content_title{
    color: #736e62;
    font-size: calc(24 * var(--vw-sp));
    font-weight: 900;
    line-height: 1.75;
    letter-spacing: .14em;
    margin-bottom: calc(45 * var(--vw-sp));
}

.campaign_popup_content_text{
    color: #736e62;
    font-size: calc(24 * var(--vw-sp));
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: .06em;
    margin-bottom: calc(30 * var(--vw-sp));
    text-align: justify;
}
.campaign_popup_content_text.--indent{
    margin-left: 1.3em;
    text-indent: -1.3em;
}

.campaign_popup_content_head_box{
    border-bottom: calc(2 * var(--vw-sp)) solid #736e62;
    display: flex;
    gap: calc(30 * var(--vw-sp));
    margin-top: calc(60 * var(--vw-sp));
    margin-bottom: calc(30 * var(--vw-sp));
    padding-bottom: calc(10 * var(--vw-sp));
}

.campaign_popup_content_head_num{
    color: #736e62;
    flex-shrink: 0;
    font-family: "DotGothic16", sans-serif;
    font-style: italic;
    font-size: calc(60 * var(--vw-sp));
    letter-spacing: .16em;
}

.campaign_popup_content_head{
    color: #736e62;
    font-size: calc(28 * var(--vw-sp));
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .16em;
    text-align: justify;
}


/* msg */
.section_msg{
    background-image: url(../images/msg_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: calc(-90 * var(--vw-sp));
    padding-top: calc(90 * var(--vw-sp));
    position: relative;
    z-index: 1;
}

.msg_main_wrap{
    position: relative;
}

.msg_main_handwritten{
    width: calc(490 * var(--vw-sp));
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#mask .st0 {
  fill: none; /* 塗りの色 */
  stroke: #fff; /* 線の色 */
  stroke-width: 16; /* 線幅 */
  stroke-linecap: round; /* 線端の形状 */
  stroke-linejoin: round; /* 角の形状 */
  stroke-dasharray: 2000; /* 線の間隔を指定する */
  stroke-dashoffset: 2000; /* 線の位置を指定する */
}

.msg_main_deco_box{
    width: calc(80 * var(--vw-sp));
    position: absolute;
    animation: scale 1s ease-in-out infinite;
}
.msg_main_deco_box:nth-child(1){
    top: calc(162 * var(--vw-sp));
    left: calc(24 * var(--vw-sp));
    animation-delay: .2s;
}
.msg_main_deco_box:nth-child(2){
    top: calc(217 * var(--vw-sp));
    right: calc(5 * var(--vw-sp));
}
.msg_main_deco_box:nth-child(3){
    top: calc(473 * var(--vw-sp));
    right: calc(-13 * var(--vw-sp));
    animation-delay: .5s;
}

.msg_wrap{
    margin-top: calc(-80 * var(--vw-sp));
    position: relative;
}

.msg_deco_box{
    position: absolute;
}
.msg_deco_box:nth-child(1){
    width: calc(350 * var(--vw-sp));
    top: calc(-80 * var(--vw-sp));
    right: 0;
}
.msg_deco_box:nth-child(2){
    width: calc(690 * var(--vw-sp));
    top: calc(220 * var(--vw-sp));
    left: calc(-114 * var(--vw-sp));
}
.msg_deco_box:nth-child(3){
    width: calc(130 * var(--vw-sp));
    top: calc(110 * var(--vw-sp));
    right: calc(5 * var(--vw-sp));
}
.msg_deco_box:nth-child(4){
    width: calc(155 * var(--vw-sp));
    top: calc(170 * var(--vw-sp));
    right: calc(-30 * var(--vw-sp));
}
.msg_deco_box:nth-child(5){
    width: calc(180 * var(--vw-sp));
    top: calc(120 * var(--vw-sp));
    left: calc(320 * var(--vw-sp));
    z-index: 10;
}
.msg_deco_box:nth-child(6){
    width: calc(165 * var(--vw-sp));
    top: calc(370 * var(--vw-sp));
    left: calc(20 * var(--vw-sp));
    z-index: 10;
}
.msg_deco_box:nth-child(7){
    width: calc(175 * var(--vw-sp));
    top: calc(430 * var(--vw-sp));
    right: calc(20 * var(--vw-sp));
}

.msg_img_inner{
    position: relative;
}

.msg_img_box{
    width: calc(300 * var(--vw-sp));
}
.msg_img_box:nth-child(1){
    margin-left: calc(65 * var(--vw-sp));
    transform: rotate(3deg);
    position: relative;
    z-index: 1;
}
.msg_img_box:nth-child(2){
    margin-left: calc(250 * var(--vw-sp));
    margin-top: calc(-190 * var(--vw-sp));
    transform: rotate(-3deg);
}

/* access */
.section_access{
    background-color: #e8f7ff;
    background-image: url(../images/access_bg.png);
    background-size: contain;
    padding-top: calc(220 * var(--vw-sp));
    margin-top: calc(-90 * var(--vw-sp));
    position: relative;
}

.access_title_box{
    margin-left: auto;
    margin-right: auto;
    width: calc(460 * var(--vw-sp));
}

.access_map_box{
    aspect-ratio: 1/1;
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(35 * var(--vw-sp));
    width: calc(600 * var(--vw-sp));
}

.access_map{
    width: 100%;
    height: 100%;
}

.access_address{
    color: #746e61;
    font-size: calc(26 * var(--vw-sp));
    font-weight: 400;
    letter-spacing: .16em;
    line-height: 1.75;
    margin-top: calc(20 * var(--vw-sp));
    text-align: center;
}

.pageTop_link{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(60 * var(--vw-sp));
    width: calc(160 * var(--vw-sp));
    animation: float 2s ease-in-out infinite;
}

.access_logo{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(40 * var(--vw-sp));
    width: calc(480 * var(--vw-sp));
}

.access_notice{
    color: #746e61;
    font-size: calc(20 * var(--vw-sp));
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: .16em;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(170 * var(--vw-sp));
    width: calc(690 * var(--vw-sp));
}

/* footer */
.footer{
    background-color: #e8f7ff;
    padding-top: calc(45 * var(--vw-sp));
    padding-bottom: calc(40 * var(--vw-sp));
}

.footer_logo{
    margin-left: auto;
    margin-right: auto;
    width: calc(400 * var(--vw-sp));
}






br.sp{
    display: block;
}
br.pc{
    display: none;
}














@media screen and (min-width: 768px){
    body{
        display: flex;
    }

    .contentLeft{
        background-image: url(../images/leftSide_bg.jpg);
        background-size: 100%;
        display: block;
        overflow: scroll;
        width: calc(583 * var(--vw-pc));
        height: 100vh;
        position: sticky;
        top: 0;
        left: 0;
    }

    .contentLeft_container{
        margin-left: auto;
        padding-top: calc(145 * var(--vw-pc));
        padding-bottom: calc(350 * var(--vw-pc));
        width: calc(460 * var(--vw-pc));
        position: relative;
    }

    .contentLeft_deco_box{
        position: absolute;
    }
    .contentLeft_deco_box:nth-child(1){
        width: calc(137 * var(--vw-pc));
        top: calc(-20 * var(--vw-pc));
        left: calc(60 * var(--vw-pc));
    }
    .contentLeft_deco_box:nth-child(2){
        width: calc(50 * var(--vw-pc));
        top: calc(70 * var(--vw-pc));
        left: calc(30 * var(--vw-pc));
    }
    .contentLeft_deco_box:nth-child(3){
        width: calc(50 * var(--vw-pc));
        top: calc(90 * var(--vw-pc));
        right: calc(50 * var(--vw-pc));
    }
    .contentLeft_deco_box:nth-child(4){
        width: calc(100 * var(--vw-pc));
        top: calc(670 * var(--vw-pc));
        right: calc(30 * var(--vw-pc));
        animation: floatToLeft 2s ease-in-out infinite;
    }
    .contentLeft_deco_box:nth-child(5){
        width: calc(50 * var(--vw-pc));
        top: calc(760 * var(--vw-pc));
        right: calc(110 * var(--vw-pc));
    }
    .contentLeft_deco_box:nth-child(6){
        width: calc(422 * var(--vw-pc));
        bottom: calc(0 * var(--vw-pc));
        right: calc(0 * var(--vw-pc));
    }
    .contentLeft_deco_box:nth-child(7){
        width: calc(100 * var(--vw-pc));
        top: calc(810 * var(--vw-pc));
        left: calc(40 * var(--vw-pc));
    }
    .contentLeft_deco_box:nth-child(8){
        width: calc(110 * var(--vw-pc));
        top: calc(855 * var(--vw-pc));
        right: calc(50 * var(--vw-pc));
    }
    .contentLeft_deco_box:nth-child(9){
        width: calc(180 * var(--vw-pc));
        top: calc(920 * var(--vw-pc));
        left: calc(40 * var(--vw-pc));
    }

    .contentLeft_logo{
        margin-left: auto;
        margin-right: auto;
        width: calc(295 * var(--vw-pc));
    }

    .contentLeft_copy{
        margin-left: auto;
        margin-right: auto;
        margin-top: calc(20 * var(--vw-pc));
        width: calc(324 * var(--vw-pc));
    }

    .contentLeft_menu_list{
        margin-left: auto;
        margin-right: auto;
        margin-top: calc(45 * var(--vw-pc));
        width: calc(230 * var(--vw-pc));
    }

    .contentLeft_menu_link{
        display: flex;
        align-items: center;
        gap: calc(13 * var(--vw-pc));
        font-family: "Noto Serif JP", serif;
        font-size: calc(18 * var(--vw-pc));
        font-weight: 600;
        letter-spacing: .16em;
        margin-top: calc(25 * var(--vw-pc));
    }
    .contentLeft_menu_link::before {
        content: "";
        aspect-ratio: 1 / 1;
        background-image: url(../images/kirakira_black.svg);
        background-repeat: no-repeat;
        background-size: cover;
        display: block;
        width: calc(30 * var(--vw-pc));
    }

    .contentCenter{
        width: calc(750 * var(--vw-pc));
    }

    .contentRight{
        background-image: url(../images/rightSide_bg.jpg);
        background-size: 100%;
        display: block;
        width: calc(583 * var(--vw-pc));
        height: 100vh;
        position: sticky;
        top: 0;
        left: 0;
    }

    .contentRight_deco_box{
        position: absolute;
    }
    .contentRight_deco_box:nth-child(1){
        width: calc(77 * var(--vw-pc));
        top: calc(330 * var(--vw-pc));
        right: calc(70 * var(--vw-pc));
        animation: kakukakuScale 1.5s ease-in-out infinite;
    }
    .contentRight_deco_box:nth-child(2){
        width: calc(82 * var(--vw-pc));
        top: calc(950 * var(--vw-pc));
        right: calc(235 * var(--vw-pc));
        animation: float 2s ease-in-out infinite;
    }

    /* header */
    .header{
        padding-top: calc(20 * var(--vw-pc));
        padding-bottom: calc(35 * var(--vw-pc));
        width: calc(750 * var(--vw-pc));
        left: 49.9%;
        transform: translateX(-50%);
    }

    .header_container{
        width: calc(690 * var(--vw-pc));
    }

    .header_logo{
        width: calc(205 * var(--vw-pc));
    }

    .header_20th{
        margin-left: calc(15 * var(--vw-pc));
        width: calc(90 * var(--vw-pc));
    }

    .header_hamburger{
        width: calc(36 * var(--vw-pc));
    }

    .header_hamburger_menu_wrap{
        width: calc(750 * var(--vw-pc));
        height: 100vh;
        left: 50%;
        transform: translateX(-50%);
    }

    .header_hamburger_menu_inner{
        padding-top: calc(180 * var(--vw-pc));
        padding-bottom: calc(200 * var(--vw-pc));
    }

    .header_hamburger_menu_logo{
        width: calc(450 * var(--vw-pc));
    }

    .header_hamburger_menu_list{
        margin-top: calc(85 * var(--vw-pc));
        width: calc(380 * var(--vw-pc));
    }

    .header_hamburger_menu_link{
        gap: calc(13 * var(--vw-pc));
        font-size: calc(28 * var(--vw-pc));
        margin-top: calc(35 * var(--vw-pc));
    }
    .header_hamburger_menu_link::before{
        width: calc(45 * var(--vw-pc));
    }

    .header_hamburger_menu_deco{
        margin-top: calc(-60 * var(--vw-pc));
        margin-left: calc(160 * var(--vw-pc));
        width: calc(241 * var(--vw-pc));
    }

    /* mv */
    .section_mv{
        margin-top: calc(90 * var(--vw-pc));
    }

    /* about */
    .section_about{
        margin-top: calc(-30 * var(--vw-pc));
        padding-top: calc(55 * var(--vw-pc));
        padding-bottom: calc(660 * var(--vw-pc));
    }

    .about_deco_box:nth-child(1){
        width: calc(790 * var(--vw-pc));
        top: calc(300 * var(--vw-pc));
    }
    .about_deco_box:nth-child(2){
        width: calc(80 * var(--vw-pc));
        top: calc(950 * var(--vw-pc));
        left: calc(610 * var(--vw-pc));
    }
    .about_deco_box:nth-child(3){
        width: calc(80 * var(--vw-pc));
        top: calc(1230 * var(--vw-pc));
        left: calc(160 * var(--vw-pc));
    }
    .about_deco_box:nth-child(4){
        width: calc(230 * var(--vw-pc));
        top: calc(1547 * var(--vw-pc));
        left: calc(580 * var(--vw-pc));
    }
    .about_deco_box:nth-child(5){
        width: calc(230 * var(--vw-pc));
        top: calc(1970 * var(--vw-pc));
        left: calc(12 * var(--vw-pc));
    }
    .about_deco_box:nth-child(6){
        width: calc(40 * var(--vw-pc));
        top: calc(2170 * var(--vw-pc));
        left: calc(610 * var(--vw-pc));
    }

    .about_title{
        width: calc(520 * var(--vw-pc));
    }

    .about_wrap{
        margin-top: calc(30 * var(--vw-pc));
    }

    .about_item:nth-child(1){
        width: calc(580 * var(--vw-pc));
    }
    .about_item:nth-child(2){
        margin-left: calc(30 * var(--vw-pc));
        width: calc(405 * var(--vw-pc));
    }
    .about_item:nth-child(3){
        margin-right: calc(50 * var(--vw-pc));
        width: calc(405 * var(--vw-pc));
    }
    .about_item:nth-child(3) .about_item_img_box{
        width: calc(380 * var(--vw-pc));
    }
    .about_item:nth-child(3) .about_head{
        margin-top: calc(-75 * var(--vw-pc));
        width: calc(360 * var(--vw-pc));
    }
    .about_item:nth-child(4){
        margin-left: calc(50 * var(--vw-pc));
        width: calc(320 * var(--vw-pc));
    }
    .about_item:nth-child(5){
        margin-right: calc(70 * var(--vw-pc));
        width: calc(340 * var(--vw-pc));
    }
    .about_item:nth-child(5) .about_head{
        margin-top: calc(-90 * var(--vw-pc));
        width: calc(246 * var(--vw-pc));
    }

    /* statement */
    .section_statement{
        border-top-left-radius: calc(300 * var(--vw-pc));
        border-top-right-radius: calc(300 * var(--vw-pc));
        margin-top: calc(-370 * var(--vw-pc));
        padding-bottom: calc(210 * var(--vw-pc));
    }

    .statement_deco_box:nth-child(1){
        width: calc(125 * var(--vw-pc));
        top: calc(2140 * var(--vw-pc));
        left: calc(-35 * var(--vw-pc));
    }
    .statement_deco_box:nth-child(2){
        width: calc(60 * var(--vw-pc));
        top: calc(270 * var(--vw-pc));
        left: calc(75 * var(--vw-pc));
    }
    .statement_deco_box:nth-child(3){
        width: calc(53 * var(--vw-pc));
        top: calc(340 * var(--vw-pc));
        right: calc(100 * var(--vw-pc));
    }
    .statement_deco_box:nth-child(4){
        width: calc(40 * var(--vw-pc));
        top: calc(500 * var(--vw-pc));
        left: calc(50 * var(--vw-pc));
    }
    .statement_deco_box:nth-child(5){
        width: calc(107 * var(--vw-pc));
        top: calc(1960 * var(--vw-pc));
        right: calc(40 * var(--vw-pc));
    }

    .statement_top_img_box{
        margin-top: calc(-220 * var(--vw-pc));
        width: calc(633 * var(--vw-pc));
    }

    .statement_title{
        margin-top: calc(30 * var(--vw-pc));
        width: calc(475 * var(--vw-pc));
    }

    .statement_head{
        width: calc(415 * var(--vw-pc));
    }

    .statement_wrap{
        margin-top: calc(80 * var(--vw-pc));
        padding-bottom: calc(300 * var(--vw-pc));
    }

    .statement_letter_title{
        margin-top: calc(-60 * var(--vw-pc));
        width: calc(390 * var(--vw-pc));
    }

    .statement_letter_text{
        font-size: calc(28 * var(--vw-pc));
        margin-top: calc(50 * var(--vw-pc));
        margin-left: calc(100 * var(--vw-pc));
    }
    .statement_letter_text p:nth-child(n+2){
        margin-top: calc(45 * var(--vw-pc));
    }

    .statement_letter_img_box{
        width: calc(650 * var(--vw-pc));
        bottom: calc(25 * var(--vw-pc));
        left: calc(20 * var(--vw-pc));
    }

    /* anniversary */
    .anniversary_slide_wrap{
        padding-top: calc(20 * var(--vw-pc));
        padding-bottom: calc(20 * var(--vw-pc));
    }

    .anniversary_slide_item{
        gap: calc(10 * var(--vw-pc));
    }

    .anniversary_slide_text{
        width: calc(333 * var(--vw-pc));
    }

    .anniversary_slide_icon01{
        width: calc(65 * var(--vw-pc));
    }

    .anniversary_title_wrap{
        margin-top: calc(80 * var(--vw-pc));
        width: calc(640 * var(--vw-pc));
    }

    .anniversary_title_num{
        width: calc(240 * var(--vw-pc));
        left: calc(285 * var(--vw-pc));
    }

    .anniversary_letter_wrap{
        margin-top: calc(40 * var(--vw-pc));
        padding-top: calc(90 * var(--vw-pc));
        padding-bottom: calc(80 * var(--vw-pc));
        padding-left: calc(50 * var(--vw-pc));
        width: calc(700 * var(--vw-pc));
    }

    .anniversary_letter_deco_box:nth-child(1){
        width: calc(100 * var(--vw-pc));
        top: calc(40 * var(--vw-pc));
        left: calc(80 * var(--vw-pc));
    }
    .anniversary_letter_deco_box:nth-child(2){
        width: calc(140 * var(--vw-pc));
        top: calc(365 * var(--vw-pc));
        right: calc(-50 * var(--vw-pc));
    }
    .anniversary_letter_deco_box:nth-child(3){
        width: calc(145 * var(--vw-pc));
        top: calc(400 * var(--vw-pc));
        left: calc(70 * var(--vw-pc));
    }

    .anniversary_letter_head{
        font-size: calc(58 * var(--vw-pc));
    }
    .anniversary_letter_head .small{
        font-size: calc(34 * var(--vw-pc));
    }

    .anniversary_letter_text{
        font-size: calc(26 * var(--vw-pc));
        margin-top: calc(50 * var(--vw-pc));
    }
    .anniversary_letter_text .marker{
        font-size: calc(32 * var(--vw-pc));
    }

    .anniversary_letter_img_box{
        margin-left: calc(160 * var(--vw-pc));
        width: calc(490 * var(--vw-pc));
    }

    /* campaign */
    .section_campaign{
        padding-top: calc(300 * var(--vw-pc));
        padding-bottom: calc(270 * var(--vw-pc));
        margin-top: calc(-150 * var(--vw-pc));
    }

    .campaign_deco_box:nth-child(1){
        width: calc(150 * var(--vw-pc));
        top: calc(225 * var(--vw-pc));
        left: calc(-20 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(2){
        width: calc(200 * var(--vw-pc));
        top: calc(380 * var(--vw-pc));
        left: calc(-10 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(3){
        width: calc(25 * var(--vw-pc));
        top: calc(270 * var(--vw-pc));
        right: calc(145 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(4){
        width: calc(126 * var(--vw-pc));
        top: calc(305 * var(--vw-pc));
        right: calc(25 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(5){
        width: calc(55 * var(--vw-pc));
        top: calc(560 * var(--vw-pc));
        right: calc(20 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(6){
        width: calc(60 * var(--vw-pc));
        top: calc(700 * var(--vw-pc));
        left: calc(40 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(7){
        width: calc(170 * var(--vw-pc));
        top: calc(925 * var(--vw-pc));
        right: calc(-15 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(8){
        width: calc(45 * var(--vw-pc));
        top: calc(1085 * var(--vw-pc));
        right: calc(30 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(9){
        width: calc(130 * var(--vw-pc));
        top: calc(1190 * var(--vw-pc));
        left: calc(-30 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(10){
        width: calc(115 * var(--vw-pc));
        top: calc(1560 * var(--vw-pc));
        left: calc(-15 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(11){
        width: calc(210 * var(--vw-pc));
        top: calc(1760 * var(--vw-pc));
        right: calc(-32 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(12){
        width: calc(26 * var(--vw-pc));
        top: calc(2010 * var(--vw-pc));
        right: calc(30 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(13){
        width: calc(60 * var(--vw-pc));
        top: calc(2370 * var(--vw-pc));
        right: calc(60 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(14){
        width: calc(25 * var(--vw-pc));
        top: calc(2470 * var(--vw-pc));
        right: calc(40 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(15){
        width: calc(60 * var(--vw-pc));
        top: calc(2520 * var(--vw-pc));
        right: calc(20 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(16){
        width: calc(80 * var(--vw-pc));
        top: calc(2455 * var(--vw-pc));
        left: calc(45 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(17){
        width: calc(60 * var(--vw-pc));
        top: calc(2600 * var(--vw-pc));
        left: calc(50 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(18){
        width: calc(100 * var(--vw-pc));
        top: calc(3100 * var(--vw-pc));
        right: calc(10 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(19){
        width: calc(280 * var(--vw-pc));
        top: calc(3200 * var(--vw-pc));
        right: calc(100 * var(--vw-pc));
    }
    .campaign_deco_box:nth-child(20){
        width: calc(180 * var(--vw-pc));
        top: calc(3300 * var(--vw-pc));
        left: calc(40 * var(--vw-pc));
    }

    .campaign_title{
        width: calc(360 * var(--vw-pc));
    }

    .campaign_wrap{
        margin-top: calc(70 * var(--vw-pc));
        width: calc(550 * var(--vw-pc));
    }

    .campaign_item:nth-child(n+2){
        margin-top: calc(100 * var(--vw-pc));
    }

    .campaign_date_img_box{
        margin-left: calc(160 * var(--vw-pc));
        width: calc(415 * var(--vw-pc));
    }

    .campaign_item:nth-child(1) .campaign_img_box{
        margin-top: calc(-24 * var(--vw-pc));
    }

    .campaign_popup_inner{
        border: calc(1.5 * var(--vw-pc)) solid #000;
        border-radius: calc(12 * var(--vw-pc));
        /* header分下げる */
        margin-top: calc(105 * var(--vw-pc));
        width: calc(670 * var(--vw-pc));
    }

    .campaign_popup_tab{
        border-bottom: calc(1.5 * var(--vw-pc)) solid #000;
        padding-top: calc(14 * var(--vw-pc));
        padding-bottom: calc(14 * var(--vw-pc));
    }

    .campaign_popup_content{
        padding: calc(30 * var(--vw-pc)) calc(25 * var(--vw-pc));
    }

    /* スクロールバー全体 */
    .campaign_popup_content::-webkit-scrollbar{
        width: calc(20 * var(--vw-pc));
    }

    /* 移動させるスクロールバー */
    ::-webkit-scrollbar-thumb {
        border-top: calc(1.5 * var(--vw-pc)) solid #000;
        border-bottom: calc(1.5 * var(--vw-pc)) solid #000;
        border-left: calc(1.5 * var(--vw-pc)) solid #000;
    }

    /* スクロールバーの背景 */
    ::-webkit-scrollbar-track {
        border-left: calc(1.5 * var(--vw-pc)) solid #000;
    }

    .campaign_popup_content_img{
        margin-bottom: calc(50 * var(--vw-pc));
    }

    .campaign_popup_content_title{
        font-size: calc(24 * var(--vw-pc));
        margin-bottom: calc(45 * var(--vw-pc));
    }

    .campaign_popup_content_text{
        font-size: calc(24 * var(--vw-pc));
        margin-bottom: calc(30 * var(--vw-pc));
    }

    .campaign_popup_content_head_box{
        border-bottom: calc(2 * var(--vw-pc)) solid #736e62;
        gap: calc(30 * var(--vw-pc));
        margin-top: calc(60 * var(--vw-pc));
        margin-bottom: calc(30 * var(--vw-pc));
        padding-bottom: calc(10 * var(--vw-pc));
    }

    .campaign_popup_content_head_num{
        font-size: calc(60 * var(--vw-pc));
    }

    .campaign_popup_content_head{
        font-size: calc(28 * var(--vw-pc));
    }

    /* msg */
    .section_msg{
        margin-top: calc(-90 * var(--vw-pc));
        padding-top: calc(90 * var(--vw-pc));
    }

    .msg_main_handwritten{
        width: calc(490 * var(--vw-pc));
    }

    .msg_main_deco_box{
        width: calc(80 * var(--vw-pc));
    }
    .msg_main_deco_box:nth-child(1){
        top: calc(162 * var(--vw-pc));
        left: calc(24 * var(--vw-pc));
    }
    .msg_main_deco_box:nth-child(2){
        top: calc(217 * var(--vw-pc));
        right: calc(5 * var(--vw-pc));
    }
    .msg_main_deco_box:nth-child(3){
        top: calc(473 * var(--vw-pc));
        right: calc(-13 * var(--vw-pc));
    }

    .msg_wrap{
        margin-top: calc(-80 * var(--vw-pc));
    }

    .msg_deco_box:nth-child(1){
        width: calc(350 * var(--vw-pc));
        top: calc(-80 * var(--vw-pc));
    }
    .msg_deco_box:nth-child(2){
        width: calc(690 * var(--vw-pc));
        top: calc(220 * var(--vw-pc));
        left: calc(-114 * var(--vw-pc));
    }
    .msg_deco_box:nth-child(3){
        width: calc(130 * var(--vw-pc));
        top: calc(110 * var(--vw-pc));
        right: calc(5 * var(--vw-pc));
    }
    .msg_deco_box:nth-child(4){
        width: calc(155 * var(--vw-pc));
        top: calc(170 * var(--vw-pc));
        right: calc(-30 * var(--vw-pc));
    }
    .msg_deco_box:nth-child(5){
        width: calc(180 * var(--vw-pc));
        top: calc(120 * var(--vw-pc));
        left: calc(320 * var(--vw-pc));
    }
    .msg_deco_box:nth-child(6){
        width: calc(165 * var(--vw-pc));
        top: calc(370 * var(--vw-pc));
        left: calc(20 * var(--vw-pc));
    }
    .msg_deco_box:nth-child(7){
        width: calc(175 * var(--vw-pc));
        top: calc(430 * var(--vw-pc));
        right: calc(20 * var(--vw-pc));
    }

    .msg_img_box{
        width: calc(300 * var(--vw-pc));
    }
    .msg_img_box:nth-child(1){
        margin-left: calc(65 * var(--vw-pc));
    }
    .msg_img_box:nth-child(2){
        margin-left: calc(250 * var(--vw-pc));
        margin-top: calc(-190 * var(--vw-pc));
    }

    /* access */
    .section_access{
        padding-top: calc(220 * var(--vw-pc));
        margin-top: calc(-90 * var(--vw-pc));
    }

    .access_title_box{
        width: calc(460 * var(--vw-pc));
    }

    .access_map_box{
        margin-top: calc(35 * var(--vw-pc));
        width: calc(600 * var(--vw-pc));
    }

    .access_address{
        font-size: calc(26 * var(--vw-pc));
        margin-top: calc(20 * var(--vw-pc));
    }

    .pageTop_link{
        margin-top: calc(60 * var(--vw-pc));
        width: calc(160 * var(--vw-pc));
    }

    .access_logo{
        margin-top: calc(40 * var(--vw-pc));
        width: calc(480 * var(--vw-pc));
    }

    .access_notice{
        font-size: calc(20 * var(--vw-pc));
        margin-top: calc(170 * var(--vw-pc));
        width: calc(690 * var(--vw-pc));
    }

    /* footer */
    .footer{
        padding-top: calc(45 * var(--vw-pc));
        padding-bottom: calc(40 * var(--vw-pc));
    }

    .footer_logo{
        width: calc(400 * var(--vw-pc));
    }




    br.sp{
        display: none;
    }

    br.pc{
        display: none;
    }
}































@media screen and (max-width: 500px){
    br.pc{
        display: none;
    }
    br.tb{
        display: none;
    }
    br.sp{
        display: block;
    }
}