@charset "UTF-8";
#fukushi-world.is_show{
    padding: 0 !important;
}
#fukushi-world{
    color:#5B493E;
    background: #FFF6D8;
}
#fukushi-world a{
    color: #F86919;
    text-decoration: underline;
}
#fukushi-world a:hover{
    text-decoration: none;
}
#fukushi-world .w_wrap{
    width: 90%;
    max-width: 1340px;
    margin: 0 auto;
}
.bg_block{
    background: url(../images/fw/bg_block.png) repeat;
    padding-bottom: 60px;
}
#fw-visual #starry_sky {
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    overflow: hidden;
  }
  .star {
    background-color: white;
    position: relative;
    border-radius: 50%;
    animation-name: twinkle;
    animation-iteration-count: infinite;
  }
  @keyframes twinkle {
    30% {
      transform: scale(0.2);
    }
  } 
#fw-visual{
    min-height: 70vh;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 0;
}
#fw-visual::before,
#fw-visual::after{
    content: "";
    pointer-events: none;
    position: absolute;
    left: -10%;
    top:20%;
    opacity: 0.8;

    background: rgb(255,238,177);
    background: linear-gradient(90deg, rgba(255,238,177,1) 0%, rgba(255,246,216,1) 15%, rgba(255,255,255,0) 70%);
    width: 52vw;
    aspect-ratio: 2 / 1;
    clip-path: polygon(75% 0, 100% 100%, 0 100%);
}
#fw-visual::after{
    left: auto;
    right: -10%;
    background: linear-gradient(-90deg, rgba(255,238,177,1) 0%, rgba(255,246,216,1) 15%, rgba(255,255,255,0) 70%);
    clip-path: polygon( 0 100%, 25% 0,100% 100%);
}
#fw-visual .nav_box{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    padding: 5%;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
}
#fw-visual .nav_box::before{
    content: "";
    pointer-events: none;
    position: absolute;
    left: 5%;
    top: 0;
    background: url(../images/fw/visual_before.png) no-repeat;
    background-size: contain;
    width: 320px;
    aspect-ratio: 5 / 6;
}
#fw-visual .fw_navi{
    background: #5B493E;
    padding: 10px 20px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap:0 10px;
    position: relative;
    z-index: 1;
}
#fw-visual .fw_navi li a{
    display: block;
    text-align: center;
    padding: 20px 3em;
    color: #fff;
    text-decoration: none;
}
#fw-visual .fw_navi li a span{
    background-image: linear-gradient(#fff, #fff); /* 単色 */
    background-size: 0 1px; /* 幅(0=見えない状態) | 高さ(=線の太さ) */
    background-position: bottom right; /* 右下に配置 */
    background-repeat: no-repeat;
    padding-bottom: 5px;
    transition: background-size 0.3s ease-out;
}
#fw-visual .fw_navi li a:hover span{
    background-size: 100% 1px; /* 幅(100%=文字の長さ) | 高さ(=線の太さ) */
    background-position: bottom left;  /* 左下に配置 */
}
#fw-visual section{
    position: relative;
    z-index: 1;
    width: 90%;
    max-width: 780px;
}
#fw-visual h1{
    margin: 0 auto;
    padding: 100px 35px;
    position: relative;
}
#fw-visual h1 img{
    position: relative;
    z-index: 3;
    width: 100%;
}
#fw-visual h1::before{
    content: "";
    pointer-events: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;

    opacity: 0.6;
    border-radius: 228px;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,246,216,1) 22%, rgba(255,238,177,1) 50%, rgba(255,246,216,1) 73%, rgba(255,255,255,0) 100%);
    z-index: -1;
    filter: blur(5px);
}
#fw-visual aside{
    position: absolute;
    left: 5%;
    bottom: 2%;
}
#fw-visual aside a{
    display: table;
    filter: drop-shadow(0 4px 4px rgba(0,0,0,0.25));
}
#fw-visual aside a:hover{
    transform: translateY(-10px);
}
#fw-visual .info_box{
    position: relative;
    width: 90%;
    max-width: 630px;
    margin: 0 auto;
    z-index: 1;
}
#fw-visual .info_box::before,
#fw-visual .info_box::after{
    content: "";
    position: absolute;
}
#fw-visual .info_box::before{
    left: -70px;
    top: -140px;
    transform: rotate(-8deg);
    width: 160px;
    aspect-ratio: 5 / 7;
    background: url(../images/fw/il_girl_01.png) no-repeat;
    background-size: contain;
    z-index: -1;
}
#fw-visual .info_box::after{
    right: -100px;
    top:50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 160px;
    aspect-ratio: 5 / 7;
    background: url(../images/fw/il_boy_01.png) no-repeat;
    background-size: contain;
    z-index: 2;
}
#fw-visual .info_box .bg_yl{
    position: relative;
    border-radius: 30px;
    background: #FEF5C8;
    border: 10px solid #fff;
    filter: drop-shadow(0 0 10px rgba(0,0,0,0.25));
    text-align: center;
    line-height: 1.2;
    padding: 20px;
}
#fw-visual .info_box .date div{
    font-weight: bold;
    display: flex;
    gap:10px;
    width: 100%;
    justify-content: center;
    align-items: flex-end;
    font-size: 2rem;
    letter-spacing: 0.05em;
    margin: 10px 0;
}
#fw-visual .info_box .date em{
    font-size: 3.4rem;
}
#fw-visual .info_box .date span.sunday{
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
    width: 50px;
    color: #fff;
    border-radius: 50%;
    background:#CA4D26 ;
}
#fw-visual .info_box .place{
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background: rgba(255,255,255,0.6);
    padding: 20px;
    border-radius: 12px;
    gap:5px;
}
#fw-visual .info_box .place em{
    font-size: 1.8rem;
}
#fw-visual .info_box figure{
    position: absolute;
    right: -390px;
    bottom: 0;
    z-index: 1;
    max-width: 421px;
}

/* about */
#fw-about{
    position: relative;
    background: #FFF5EB;
    padding: 82px;
}
#fukushi-world #fw-about{
    margin: 60px auto;
}
#fukushi-world .caution{
    border: 10px solid #F89119;
    background: #fff;
    border-radius: 36px;
    margin-bottom: 60px;
    padding: 36px;
}
#fw-about::before,
#fw-about::after{
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 1;
}
#fw-about::before{
    width: 80px;
    aspect-ratio: 2 / 3;
    background: url(../images/fw/about_before.png) no-repeat;
    background-size: contain;
    background-position: top center;
    top: -20px;
    left: 3%;
}
#fw-about::after{
    width: 270px ;
    aspect-ratio: 1 / 1;
    background: url(../images/fw/about_after.png) no-repeat;
    background-size: contain;
    background-position: top center;
    bottom: -50px;
    right: -5%;
}

#fw-about .fl_box{
    justify-content: space-between;
}
#fw-about .chirashi{
    width: 250px;
}
#fw-about .chirashi figure{
    margin-bottom: 20px;
    border: 1px solid rgba(91,73,62,0.3);
}
#fw-about .chirashi figure a{
    display: block;
}
#fw-about .chirashi figure a:hover{
    filter: drop-shadow(0 12px 20px rgba(237,115,24,0.6));
}
#fw-about .chirashi p a{
    display: block;
    color: #4d4d4d !important;
    text-decoration: none;
    font-size: 1rem;
    text-align: center;
}
#fw-about .chirashi p a::before{
    content: "";
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    background-size: contain;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224px%22%20fill%3D%22rgba(77%2C77%2C77%2C0.3)%22%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M19.35%2010.04C18.67%206.59%2015.64%204%2012%204%209.11%204%206.6%205.64%205.35%208.04%202.34%208.36%200%2010.91%200%2014c0%203.31%202.69%206%206%206h13c2.76%200%205-2.24%205-5%200-2.64-2.05-4.78-4.65-4.96zM17%2013l-5%205-5-5h3V9h4v4h3z%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: center;
}
#fw-about .chirashi p a:hover{
    opacity: 0.7;
}
#fw-about .text{
    width: calc(90% - 250px);
}

#fw-about table{
    border-top: 1px solid rgba(91,73,62,0.3);
    letter-spacing: 0.05em;
}
#fw-about tr{
    border-bottom: 1px solid rgba(91,73,62,0.3);
}
#fw-about th{
    padding: 34px;
    width: 25%;
    text-align: center;
    font-weight: normal;
    border-right: 1px solid rgba(91,73,62,0.3);
}
#fw-about td{
    padding: 34px 70px;
}
#fw-about td span{
    font-size:1.8rem;
}

#fw-event{
    background: #FFF6D8;
    position: relative;
    padding: 10px 0 100px 0;
}
#fw-event::before,
#fw-event::after{
    content: "";
    position: absolute;
    pointer-events: none;
    width: 50%;
    height: 100%;
}
#fw-event::before{
    top: 10px;
    left: -5%;
    background: url(../images/fw/event_bg_before.svg) no-repeat;
    background-position: left top;
    background-size: contain;
}
#fw-event::after{
    bottom: 30px;
    right: -5%;
    background: url(../images/fw/event_bg_after.svg) no-repeat;
    background-position: right bottom;
    background-size: contain;
}

#fw-event h2{
    display: flex;
    width: 80%;
    max-width: 600px;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 100px auto;
    padding: 100px;
    position: relative;
}
#fw-event h2::before,
#fw-event h2::after{
    content: "";
    position: absolute;
    width: 240px;
    aspect-ratio: 2 / 3;
    background-size: contain;
    pointer-events: none;
}
#fw-event h2::before{
    left: 0;
    top:40%;
    transform: translateY(-50%);
    background-image: url(../images/fw/event_before.svg);
    background-repeat: no-repeat;
}
#fw-event h2::after{
    right:0;
    top:60%;
    transform: translateY(-50%);
    background-image: url(../images/fw/event_after.svg);
    background-repeat: no-repeat;
}
#fw-event h2 span{
    color: #fff;
    font-weight: bold;
    font-size: 3rem;
    position: relative;
    z-index: 1;
    text-align: center;
}
#fw-event h2 span img{
    height: 64px;
    width: auto;
    position: relative;
    z-index: 2;
}
#fw-event h2 span::before,
#fw-event h2 span::after{
    content: "";
    position: absolute;
    pointer-events: none;
}
#fw-event h2 span::before{
    bottom: 0;
    left: -130px;

    width: 100px;
    aspect-ratio: 1 / 2;
    background: url(../images/fw/il_boy_02.png) no-repeat;
    background-size: contain;
    background-position: center;
}
#fw-event h2 span::after{
    right: -140px;
    top: 0;

    width: 110px;
    aspect-ratio: 2 / 3;
    background: url(../images/fw/il_girl_02.png) no-repeat;
    background-size: contain;
    background-position: center;
}

#fw-event .fw_event_slide{
    margin-top: 60px;
	position:relative;
	z-index:1;
}

#fw-event .event_list{
    width: 90%;
    max-width: 1600px;
    margin: 0 auto;
    flex-wrap: wrap;
    gap:80px 0;
    position: relative;
    z-index: 2;
}
#fw-event .event_list article{
    width: 31%;
    display: flex;
    flex-direction: column;
}
#fw-event .event_list dl{
    padding-bottom: 40px;
    margin-bottom: 40px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}
#fw-event .event_list dl::after{
    content: "";
    position: absolute;
    pointer-events: none;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-image : linear-gradient(to right, rgba(91,73,62,0.4) 6px, transparent 6px);
    background-size: 10px 2px;
    background-repeat: repeat-x; 
    background-position: left bottom;
}
#fw-event .event_list dt{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    aspect-ratio: 3 / 2;
    padding: 15px;
    border-radius: 36px;
    overflow: hidden;
    margin-bottom: 20px;

    font-weight: bold;
    color: #fff;
    position: relative;
}
#fw-event .event_list dt::before{
    content: "";
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background: url(../images/fw/event_article_before.svg) no-repeat;
    background-size: contain;
    background-position: left top;
}
#fw-event .event_list dt span{
    background: #fff;
    color: #CA4D26;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 0.5em;
}
#fw-event .event_list dt em{
    position: relative;
    z-index: 2;
    font-size: 2rem;
    letter-spacing: 0.05em;
    filter: drop-shadow(0 0 10px rgba(0,0,0,0.35));
}
@media screen and (max-width:1025px) {
    #fw-event .event_list dt em{
        font-size: 1.6rem;
    }
}
#fw-event .event_list article:nth-of-type(1) dt{
    background: rgb(2,0,36);
    background: linear-gradient(180deg, #F89119 0%, #F6B365 100%);
}
#fw-event .event_list article:nth-of-type(2) dt{
    background: rgb(2,0,36);
    background: linear-gradient(180deg, #1EA163 0%, #74CEA3 100%);
}
#fw-event .event_list article:nth-of-type(3) dt{
    background: rgb(2,0,36);
    background: linear-gradient(180deg, #8F67A1 0%, #B6A3BF 100%);
}
#fw-event .event_list article:nth-of-type(4) dt{
    background: rgb(2,0,36);
    background: linear-gradient(180deg, #2D8CC1 0%, #73D5F4 100%);
}
#fw-event .event_list article:nth-of-type(5) dt{
    background: rgb(2,0,36);
    background: linear-gradient(180deg, #E56057 0%, #FD928B 100%);
}
#fw-event .event_list article:nth-of-type(6) dt{
    background: rgb(2,0,36);
    background: linear-gradient(180deg, #A3C63F 0%, #E7DC7B 100%);
}
#fw-event .event_list dd{
    text-align: left;
}


#fw-video.hide{
    display: none !important;
}
#fw-video.block{
    display: block !important;
}
#fw-video{
    background: #F4E0BB;
    padding: 120px 0;
}
#fw-video .wrap{
    position: relative;
    z-index: 1;
}
#fw-video .video_wrap{
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 800px;
    aspect-ratio: 16 / 9;
    margin: 0 auto;
}
#fw-video .video_wrap::after{
    content: "";
    position: absolute;
    pointer-events: none;
    left: -100px;
    bottom: -40px;
    width: 100px;
    aspect-ratio: 5 / 7;
    background-image: url(../images/fw/il_girl_04.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    z-index: 2;
}
#fw-video .video_wrap iframe{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
#fw-video .wrap::before{
    content: "";
    position: absolute;
    pointer-events: none;
    right: -10%;
    top: 0;
    width: 500px;
    aspect-ratio: 1 / 1 ;
    background-image: url(../images/fw/video_before.png);
    background-repeat: no-repeat;
    background-size: contain;
    animation: rotate 18s infinite linear;
}
@keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }


#fw-nazotoki.hide{
    display: none !important;
}
#fw-nazotoki.block{
    display: block !important;
}
#fw-nazotoki{
    position: relative;
    padding: 100px 0;
    background: rgb(97,67,58);
    background: linear-gradient(0deg, rgba(97,67,58,1) 0%, rgba(114,79,79,1) 100%);
}
#fw-nazotoki #starry_sky2 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    overflow: hidden;
}
#fw-nazotoki .wrap{
    position: relative;
    z-index: 1;
    padding: 80px 0;
    max-width: 1600px !important;
}
#fw-nazotoki .wrap::before,
#fw-nazotoki .wrap::after{
    content:"";
    position: absolute;
    pointer-events: none;
    left: 1%;
    width: 98%;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
#fw-nazotoki .wrap::before{
    top:0;
    background-image: url(../images/fw/nazotoki_before.svg);
    background-position: left top;
}
#fw-nazotoki .wrap::after{
    bottom: 0;
    background-image: url(../images/fw/nazotoki_after.svg);
    background-position: left bottom;
}

#fw-nazotoki .bg_nazotoki{
    position: relative;
    padding: 0 58px;
}
#fw-nazotoki .bg_nazotoki::before,
#fw-nazotoki .bg_nazotoki::after{
    content: "";
    position: absolute;
    pointer-events: none;
    top: 0;
    width: 60px;
    height: 100%;

    background-repeat: repeat-y;
    background-size: 60px auto;
}
#fw-nazotoki .bg_nazotoki::before{
    left: 0;
    background-image: url(../images/fw/nazotoki_bg_before.svg);
    background-position: left top;
}
#fw-nazotoki .bg_nazotoki::after{
    right: 1%;
    background-image: url(../images/fw/nazotoki_bg_after.svg);
    background-position: right top;
}

#fw-nazotoki h2{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -100px;
    z-index: 1;
    max-width: 300px;
}
#fw-nazotoki .fl_box{
    background: #F4E0BB ;
    justify-content: space-between;
    flex-wrap: wrap;
    gap:32px;
    padding:100px 3% 60px 3%;
}
#fw-nazotoki .fl_box article{
    width: 47%;
}
#fw-nazotoki article figure{
    margin-bottom: 20px;
}
#fw-nazotoki article figure a{
    border: 5px solid #fff;
    border-radius: 30px;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 100%;
}
#fw-nazotoki article figure a img{
    transition: all ease 1s;
}
#fw-nazotoki article figure a:hover img{
    transform: scale(1.1);
}

#fw-present{
    padding: 100px 0;
    background: #FFF6D8;
}
#fw-present a{
    display: block;
    width: 90%;
    max-width: 815px ;
    margin: 0 auto;
    text-align: center;
}
#fw-present a:hover{
    transform: translateY(-10px);
}
a.close{
    pointer-events: none;
    position: relative;
    overflow: auto;
}
a.close::before,
a.close::after{
    position: absolute;
    pointer-events: none;
}
a.close::before{
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.25);
}
a.close::after{
    content: "終了しました";
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
    text-align: center;
    filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
}

footer #links .link_fw a{
    background: url(../images/foot_bg_02-02.png) no-repeat;
    background-size: cover;
    background-position: center;
}
footer #links .link_fw .btn {
    z-index: 2;
    margin-top: 15px;
}
footer #links .link_fw img{
    max-height: 180px;
}
  footer #links .link_fw a::before,
  footer #links .link_fw a::after{
    content: "";
    position: absolute;
    pointer-events: none;
  }
  footer #links .link_fw a::before{
    left: 5%;
    bottom: 10px;
    width: 130px;
    aspect-ratio: 1 / 2;
    background: url(../images/fw/il_girl_01.png) no-repeat;
    background-size: contain;
    background-position: center;
  }
  footer #links .link_fw a::after{
    right: 5%;
    bottom: 10px;
    width: 130px;
    aspect-ratio: 1 / 2;
    background: url(../images/fw/il_boy_01.png) no-repeat;
    background-size: contain;
    background-position: center;
  }


@media screen and (max-width: 999px) {/*tablet*/

    #fw-visual{
        padding: 100px 0 40px;
        flex-direction: column;
    }
    #fw-visual .nav_box::before{
        left: -5px;
        width: 200px;
    }
    #fw-visual h1{
        margin:0 auto 100px
    }
    #fw-visual .info_box figure{
        max-width: 300px;
        right: -100px;
        bottom: auto;
        top: -180px;
    }
    #fw-visual aside{
        position: static;
        margin-top: 40px;
    }

    #fw-about .fl_box{
        flex-direction:column-reverse;
        align-items: center;
    }
    #fw-about .text{
        width: 100%;
        margin-bottom: 40px;
    }

    #fw-event .event_list article{
        width: 48%;
    }

    #fw-video .video_wrap{
        width: 80%;
    }
    #fw-video .wrap::before{
        width: 400px;
        top:-100px;
    }

    #fw-nazotoki h2{
        max-width: 200px;
    }
    #fw-nazotoki .wrap{
        padding: 55px 0;
    }
    #fw-nazotoki .fl_box{
        flex-direction: column;
        gap:32px 0;
    }
    #fw-nazotoki .fl_box article{
        width: 100%;
    }

    #fw-present a{
        width: 80%;
    }

    footer #links .link_fw a::before,
    footer #links .link_fw a::after{
        width: 90px;
        bottom: auto;
        top: 30%;
    }

}

@media screen and (min-width: 0px) and (max-width: 600px){ /*smart*/

    #fw-visual .fw_navi{
        display: none;
    }
    #fw-visual h1{
        padding: 50px 0;
    }
    #fw-visual .info_box figure{
        max-width: 200px;
        top:-100px;
    }
    #fw-visual .info_box::before{
        width: 130px;
        left: -30px;
        top: -100px;
    }
    #fw-visual .info_box::after{
        right:-70px;
        top:auto;
        bottom: 0;
        transform: translateY(0);
        width:120px;
    }

    #fw-visual .info_box .date div{
        font-size:1.6rem;
        flex-wrap: wrap;
    }
    #fw-visual .info_box .date div > span:nth-of-type(1){
        width: 100%;
    }
    #fw-visual .info_box .place em{
        font-size: 1.2rem;
    }

    #fw-about{
        padding: 32px;
    }
    #fukushi-world .caution{
        width: 100%;
    }
    #fw-about::after{
        width: 160px;
        bottom: -70px;
    }
    #fw-about th{
        padding: 16px;
    }
    #fw-about td{
        padding: 16px;
    }
    #fw-about td span{
        font-size:1.2rem;
    }

    #fw-event h2{
        padding:50px;
    }
    #fw-event h2::before, #fw-event h2::after{
        width: 100px;
    }
    #fw-event h2::before{
        top: 50%;
    }
    #fw-event h2 span::before{
        bottom: 50px;
        left: -80px;
        width:70px;
    }
    #fw-event h2 span::after{
        right: -100px;
        top:30px;
        width:80px;
    }
    #fw-event .event_list{
        flex-direction: column;
    }
    #fw-event .event_list article{
        width: 100%;
    }
    #fw-event .event_list dt em{
        font-size:1.6rem;
    }

    #fw-video .wrap::before{
        width:300px;
        top:-50px;
    }
    #fw-video .video_wrap{
        width: 100%;
    }
    #fw-video .video_wrap::after{
        width: 70px;
        left: -10px;
        bottom:-100px;
    }

    #fw-nazotoki .wrap{
        padding:25px 0;
    }
    #fw-nazotoki .bg_nazotoki{
        padding: 0 30px;
    }
    #fw-nazotoki .bg_nazotoki::before, #fw-nazotoki .bg_nazotoki::after{
        background-size: 30px auto;
    }
    #fw-nazotoki .bg_nazotoki::before{
        left: 1px;
    }
    #fw-nazotoki h2{
        background-color: #F4E0BB;
        text-align: center;
        position: static;
        transform: translateX(0);
        max-width: none;
    }
    #fw-nazotoki h2 img{
        max-height: 100px;
        width: auto;
    }
    #fw-nazotoki .fl_box{
        padding:40px 5%;
    }

    footer #links .link_fw a::before,
    footer #links .link_fw a::after{
        width: 90px;
        top: auto;
        bottom: 10px;
    }
}