/* フォント関連
ゴシック体
DNP 秀英角ゴシック銀 Std
font-family: dnp-shuei-gothic-gin-std,sans-serif;
font-weight: 400;
font-style: normal;

さわらび明朝
font-family: sawarabi-mincho,sans-serif;
font-weight: 500;
font-style: normal;
 */

/* りょう明朝 */
/* font-family: ryo-text-plusn,serif;
font-weight: 500;
font-style: normal; */



* {
    margin: 0;
    padding: 0;


    /* outline: 1px solid magenta; */

}

html {
    font-size: 62.5%;
    /* font-size 1em = 10px on default browser settings */
    color: #002333;
    overflow-x: hidden;
}

.SiteWrapper {
    display: flex;
    flex-direction: column;
    max-height: 100vh;
    font-family: dnp-shuei-gothic-gin-std, sans-serif;
    font-weight: 400;
    font-style: normal;
    overflow-x: hidden;


}

li {
    list-style: none;
}

main {
    flex: 1;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: inherit;
}

/* 
.scroll {
    opacity: 0;
}

.scroll.scrollin {
    opacity: 1;
}


.scroll.left {
    transition: all .7s;
    transform: translateX(-30px);
}

.scroll.left.scrollin {
    transform: translateX(0);
} */


/* 
れ */
/* 書き足し */
.le-menu-contents-wrapper {
    width: 45%;
    height: 50%;
    /* border: 1px solid white; */
    margin: 0 auto;
    margin-top: 50vh;
    /* display: flex; */
    padding: 0 20px 0 20px;
    position: relative;

}

.le-partation-bar {
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    /* margin: 0 auto; */
    margin-top: 30px;
    position: relative;
}

.le-partation-bar::before {
    content: "";
    display: block;
    width: 5%;
    border-bottom: 1px solid #f0844a;
    position: absolute;
    /* bottom: -3px; */
    left: 0;
}

/* .le-covid-wrapper{
    margin-bottom: 30px;
} */

.le-covid-wrapper a {
    color: #C1C3C3;
}

.le-links {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
}

.le-menu-left,
.le-menu-right {
    min-width: 250px;
    width: 45%;
    margin-right: 5%;
}

.le-menu-box {
    margin-top: 30px;
}

.le-heading {
    position: relative;
    padding-top: 20px;
    padding-left: 20px;
    font-size: 2.5rem;
    color: #C1C3C3;
}

.le-heading span {
    position: relative;
    z-index: 2;
}

.le-heading::before {
    font-size: 5rem;
    content: attr(data-en);
    position: absolute;
    transform: rotate(-5deg);
    top: -20px;
    left: 0;
    color: #3071b9;
    font-family: al-fresco,
        sans-serif;
    font-weight: 700;
    font-style: normal;
    z-index: -1;
    text-shadow: 1px 1px 3px #f3778c;
}



.le-menu-contents {
    padding: 0;
    /* font: 14px/1.6 'arial narrow', sans-serif;
    width: 370px; */
    list-style: none;
    margin-left: 4.5rem;
}

ul.le-menu-contents li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #C1C3C3;

}

ul.le-menu-contents li:after,
ul.le-menu-contents li:before {
    content: "";
    position: absolute;
}

ul.le-menu-contents li:before {
    left: 0.2em;
    width: 20px;
    height: 1px;
    background: #fff;
    top: 50%;
    /* -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);  */
}


.le-menu-contents-wrapper a:hover {
    color: #fff;
}

.sns-header-index-icon-wrap i:hover {
    color: #fff;
    /* transition: 1s; */
}

.sns-header-index-icon-wrap img:hover {
    filter: invert(92%) sepia(100%) saturate(0%) hue-rotate(202deg) brightness(106%) contrast(106%);
}


.sns-header-index-icon-wrap {
    width: 40%;
    /* height: 100%; */
    /* background-color: blue; */
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 3%;

}

.sns-header-index-icon {
    width: 50px;
    height: 50px;

}

.twitter-icon {
    color: #C1C3C3;
    font-size: 4rem;
    margin: 11px 0px 0px 11px;
}

.instagram-icon {
    color: #c1c3c3;
    font-size: 4.3rem;
    margin: 9.5px 0px 0px 11.5px;
}

.tiktok-logo {
    color: #c1c3c3;
    font-size: 4rem;
    margin: 10px 0px 0px 12px;
}

.note-wrapper {
    width: 50px;
    height: 40px;
    color: #c1c3c3;
}

.note-wrapper img {
    height: 100%;
    width: auto;
    margin: 11px 0px 0px 12px;
    filter: invert(74%) sepia(80%) saturate(4%) hue-rotate(188deg) brightness(89%) contrast(96%);
}



/* ました */




#header {
background-color: #fff; 
   box-shadow: 0 4px 8px -3px rgba(17, 17, 17, .06);
    position: fixed;
    transition: .3s cubic-bezier(.4, 0, .2, 1);
    z-index: 99;
    width: 100vw;
}



.head-animation {
    transform: translateY(-100%);
}

.page-jump-wrapper {
    /* width: 60vw; */
    text-align: center;


}

.page-jump-wrapper-contents {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;

}

.page-jump-wrapper-contents li a {
    font-size: 1.4rem;
    flood-color: #002333;
}







.index_top_movie-wrap {
    position: relative;
    width: 100%;
    height: 98.5vh;
    overflow: hidden;

}

/* 
.index_top_movie-wrap::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: radial-gradient(#002333 30%, transparent 31%), radial-gradient(#002333 30%, transparent 31%);
    background-size: 10px 10px;
    background-position: 0 0, 5px 5px;
}
 */

.index-top-138-text {
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    z-index: 99;

}





.index-movie--svg-wrap {
    position: relative;
}


.container {
    height: 98vh;
    overflow: auto;
    scroll-snap-type: y mandatory;
}

.full-screen-area {
    height: 98vh;
    scroll-snap-align: start;

}


.area_theme {
    background-image: url(./img/index/theme-photo.png);
    background-repeat: no-repeat;
    width: 98.5vw;
    height: 100vh;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    overflow-x: hidden;
}


.theme-tategaki {
    font-family: sawarabi-mincho, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #EB8913;
    font-size: 2.3rem;
    letter-spacing: 0.6rem;
    line-height: 5rem;
    text-shadow: 10px 4px 2px rgba(255, 255, 255, 0.3);



    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.theme-tategaki figure {
    width: calc(100% - 550px);

}

.kaigyou {
    display: inline-block;
}


[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

.menu-icon:checked+label,
.menu-icon:not(:checked)+label {
    position: fixed;
    top: 63px;
    right: 75px;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    cursor: pointer;
    z-index: 10;
}

.menu-icon:checked+label:before,
.menu-icon:not(:checked)+label:before {
    position: absolute;
    content: "";
    display: block;
    width: 30px;
    height: 20px;
    z-index: 20;
    top: 0;
    left: 0;
    border-top: 2px solid #ececee;
    border-bottom: 2px solid #ececee;
    transition: border-width 100ms 1500ms ease,
        top 100ms 1600ms cubic-bezier(0.23, 1, 0.32, 1),
        height 100ms 1600ms cubic-bezier(0.23, 1, 0.32, 1),
        background-color 200ms ease, transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
}

.menu-icon:checked+label:after,
.menu-icon:not(:checked)+label:after {
    position: absolute;
    content: "";
    display: block;
    width: 22px;
    height: 2px;
    z-index: 20;
    top: 10px;
    right: 4px;
    background-color: #ececee;
    margin-top: -1px;
    transition: width 100ms 1750ms ease, right 100ms 1750ms ease,
        margin-top 100ms ease, transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
}

.menu-icon:checked+label:before {
    top: 10px;
    transform: rotate(45deg);
    height: 2px;
    background-color: #ececee;
    border-width: 0;
    transition: border-width 100ms 340ms ease,
        top 100ms 300ms cubic-bezier(0.23, 1, 0.32, 1),
        height 100ms 300ms cubic-bezier(0.23, 1, 0.32, 1),
        background-color 200ms 500ms ease,
        transform 200ms 1700ms cubic-bezier(0.23, 1, 0.32, 1);
}

.menu-icon:checked+label:after {
    width: 30px;
    margin-top: 0;
    right: 0;
    transform: rotate(-45deg);
    transition: width 100ms ease, right 100ms ease, margin-top 100ms 500ms ease,
        transform 200ms 1700ms cubic-bezier(0.23, 1, 0.32, 1);
}

.nav {
    position: fixed;
    top: 33px;
    right: 50px;
    display: block;
    width: 80px;
    height: 80px;
    padding: 0;
    margin: 0;
    z-index: 9;
    overflow: hidden;
    box-shadow: 0 8px 30px 0 #e9cbcf;
    background-color: #d93751;
    animation: border-transform 7s linear infinite;
    transition: top 350ms 1100ms cubic-bezier(0.23, 1, 0.32, 1),
        right 350ms 1100ms cubic-bezier(0.23, 1, 0.32, 1),
        transform 250ms 1100ms ease,
        width 650ms 400ms cubic-bezier(0.23, 1, 0.32, 1),
        height 650ms 400ms cubic-bezier(0.23, 1, 0.32, 1);
}

@keyframes border-transform {

    0%,
    100% {
        border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
    }

    14% {
        border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
    }

    28% {
        border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
    }

    42% {
        border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
    }

    56% {
        border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
    }

    70% {
        border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
    }

    84% {
        border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
    }
}

.menu-icon:checked~.nav {
    animation-play-state: paused;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    width: 200%;
    height: 200%;
    transition: top 350ms 700ms cubic-bezier(0.23, 1, 0.32, 1),
        right 350ms 700ms cubic-bezier(0.23, 1, 0.32, 1), transform 250ms 700ms ease,
        width 750ms 1000ms cubic-bezier(0.23, 1, 0.32, 1),
        height 750ms 1000ms cubic-bezier(0.23, 1, 0.32, 1);
    /* 書き換え */
    background-color: #d93751;
    /* ました */
}


.cta {
    border: none;
    background: none;
    font-family: dnp-shuei-gothic-gin-std, sans-serif;
    font-weight: 400;
    font-style: normal;
}


.cta span {
    padding-bottom: 7px;
    letter-spacing: 4px;
    font-size: 14px;
    padding-right: 15px;
    text-transform: uppercase;
}

.cta svg {
    transform: translateX(-8px);
    transition: all 0.3s ease;
}

.cta:hover svg {
    transform: translateX(0);
}

.cta:active svg {
    transform: scale(0.9);
}

.hover-underline-animation {
    position: relative;
    color: black;
    padding-bottom: 20px;
}

.hover-underline-animation_copo_mede {
    position: relative;
    color: rgb(255, 255, 255);
    padding-bottom: 20px;
}

.hover-underline-animation:after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1.5px;
    bottom: 0;
    left: 0;
    background-color: #000000;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.hover-underline-animation_copo_mede:after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1.5px;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}


.cta:hover .hover-underline-animation:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.area_about {
    background-color: #F5C488;
    background: linear-gradient(137deg, #F5C488 0%, rgb(251, 158, 44) 38%, rgb(255, 212, 159) 100%);
    animation: bggradient 20s ease infinite;
    background-size: 200% 200%;
    overflow-x: hidden;
}

.area_index-gallary {
    background-color: #FAE3C6;

}

.about-flex-weapre {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    display: flex;
    max-width: 1650px;
    margin: 0 auto;
    overflow-x: hidden;
}


.about-photo-img {
    width: 30vw;
    height: 70vh;
    object-fit: cover;
    background: #e0e0e0;
    box-shadow: 4px 5px 4px #C1C3C3,
        -4px -5px 5px #818181;
    display: table-cell;
    vertical-align: middle;
    top: 50%;
    margin: 15vh 0;
}

.about_-line {
    display: flex;
    align-items: center;
}

.about_-line::before {
    content: '';
    flex-grow: 0.08;
    height: 1px;
    background: #002333;
}

.about_-line::before {
    margin-right: 10px;
}

.about-text {
    color: #d93751;
    font-size: 2.8rem;
    letter-spacing: 0.4rem;
    text-shadow: 1px 1px 3px #fff;
    font-weight: 700;
    margin-bottom: 4rem;

}

.about-imfo-text {
    font-size: 1.8rem;
    letter-spacing: 0.3rem;
    margin-bottom: 1.1rem;
}

.about-honbun-text {
    font-size: 1.8em;
    letter-spacing: 0.3rem;
    line-height: 3rem;
    font-family: sawarabi-mincho, sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-top: 4rem;

}

.nakayama-sign-img {
    mix-blend-mode: multiply;
    width: 120px;
    margin-top: 2rem;
    text-align: right;
    align-self: flex-start;

}

.btn-about-margint {
    margin-top: 2rem;
}

.about-img-wrap {
    width: 30vw;
    padding-right: 100px;
    display: table-cell;
    vertical-align: middle;
    height: 100vh;

}

.index-about-contents {
    width: 70vw;
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
}

.about-text-wrap {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    height: 100vh;
}


.nakayama-sign-migiyose {
    /* float: right; */
    justify-content: flex-end;
    display: flex;
    height: auto;

}


.nakayama-sign-wrapper {
    width: 550px;
}


/* ギャラリー */


/*
右から左へ
----------------------------*/
@keyframes infinity-scroll-left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}


.d-demo__wrap {
    display: flex;
    overflow: hidden;
}

.d-demo__list {
    display: flex;
    list-style: none;
}

.d-demo__list--left {
    animation: infinity-scroll-left 65s infinite linear 0.5s both;
}

.d-demo__item {
    width: calc(100vw / 6);
}

.d-demo__item>img {
    width: 100%;
    /* object-fit: cover; */
}

.gallery-index-photo-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    display: table-cell;
    vertical-align: middle;
    overflow-x: hidden;
}


/*
左から右へ
----------------------------*/
@keyframes infinity-scroll-right {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0%);
    }
}

.d-demo__list--right {
    animation: infinity-scroll-right 95s infinite linear 0.5s both;
}





/* 参加団体 */

.area_participates {
    background-image: url(./img/index/particular_index_img.jpg);

    background-repeat: no-repeat;
    width: 98.5vw;
    height: 100vh;
    background-size: cover;
    overflow-x: hidden;

}

.participate_text-daimei {
    color: #fff;
    font-size: 2rem;
    letter-spacing: 0.3rem;
    font-weight: 600;
    margin-bottom: 2rem;
}

.font-mintyou {
    font-family: sawarabi-mincho, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-shadow: #fff 1px 1px 2px;
}

.participate--box-wrap {
    background-color: #f2982bdc;
    justify-content: center;
    align-items: center;
    width: 440px;
    padding: 70px 100px;
    display: table-cell;
    vertical-align: middle;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    position: relative;
    box-shadow: 13px 10px 5px #cdcccc;

}

.participate-text-contents {
    font-size: 2rem;
    letter-spacing: 0.4rem;
    line-height: 4rem;
    margin-bottom: 2rem;
}

.participate-btn {
    margin-left: 260px;
}

.participate--box-wrapper {
    height: 100vh;
    display: table-cell;
    vertical-align: middle;
    padding-left: 5vw;

}

/* 
.images_item02 {}

.participate--box-wrap::before,
.participate--box-wrap::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    z-index: 1;
}

.participate--box-wrap::before {
    top: -10px;
    right: -10px;
    border-top: 30px solid #002333;
    border-right: 30px solid #002333;
    border-bottom: 30px solid rgba(0, 0, 0, 0) 0;
    border-left: 30px solid rgba(0, 0, 0, 0) 0;
    box-shadow: 2px 2px 3px rgb(61, 61, 61);
    border-radius: 10px;
}

.participate--box-wrap::after {
    bottom: -10px;
    left: -10px;
    border-top: 30px solid rgba(0, 0, 0, 0) 0;
    border-right: 30px solid rgba(0, 0, 0, 0) 0;
    border-bottom: 30px solid #002333;
    border-left: 30px solid #002333;
    box-shadow: -2px 2px 3px rgb(61, 61, 61);
    border-radius: 10px;

} */


/* 企業校友メディア */

.copo_mede-daimei {
    color: #d93751;
    font-size: 1.8rem;
    letter-spacing: 0.2rem;
    font-weight: 600;
    margin-bottom: 2.5rem;
    text-align: center;
}

.copo_mede-text-content {
    font-family: sawarabi-mincho, sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #002333;
    font-size: 2rem;
    letter-spacing: 0.5rem;
    line-height: 4rem;
    margin-bottom: 2.5rem;
    text-align: center;
}

.copo_mede-btn {
    color: #000;
    margin-bottom: 1.2rem;
}

.area_copo-media {
    background: rgb(13, 169, 240);
    background: linear-gradient(214deg, rgba(13, 169, 240, 1) 7%, rgba(31, 100, 133, 1) 46%, rgba(5, 52, 73, 1) 80%, rgba(9, 48, 66, 1) 96%);
    position: relative;
    width: 100%;
    height: 100vh;
    background-size: 200% 200%;
    animation: bggradient 15s ease infinite;
    overflow-x: hidden;


}

@keyframes bggradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


.copo_mede-center-wrapper {
    margin: 0 auto;
    text-align: center;
    margin: 0 auto;
    background-color: #fffcf0;
    padding: 3vw 8vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 550px;
    box-shadow: -10px 10px 10px #3d3d3d;
    border-radius: 3px;
    background-image:
        linear-gradient(0deg, rgba(190, 200, 206, 0.3) 1px, rgba(0, 0, 0, 0) 0),
        linear-gradient(90deg, rgba(190, 200, 206, 0.3) 1px, rgba(0, 0, 0, 0) 0);
    background-size: 20px 20px;
    background-position: center;

}


.index-copo-mede-bgi {
    height: 100vh;
    display: table-cell;
    vertical-align: middle;

}

.index-copo-mede-img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: 0 80%;
}

.copo-btn-margin {
    margin-bottom: 10px;
}

.migisoroe {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    text-align: center;
}

/* sns　ギャラリー */

.insta-post-wrap {
    /* width: 20%; */
    height: auto;
    margin-top: 50px;
}

.insta-post-middle-contents {
    margin: 50px 57px 0 57px;

}


.instagram-area-wrappre {
    display: flex;
}


.instagram-post-wrapbox {
    margin: 0 auto;
    display: flex;
    justify-content: center;


}

.sns-main-wrapper-box {
    /* display: table-cell;
    vertical-align: middle; */
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: rgb(207, 46, 146);
    background: linear-gradient(214deg, rgba(207, 46, 146, 1) 0%, rgba(242, 105, 57, 1) 30%, rgba(255, 221, 131, 1) 81%);
    animation: bggradient 20s ease infinite;
    background-size: 200% 200%;

}

@keyframes bggradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.area_social-sns {
    position: relative;
}




/* news */
.area_news {
    background: rgb(240, 131, 0);
    background: linear-gradient(87deg, rgba(240, 131, 0, 1) 0%, rgba(233, 138, 24, 1) 38%, rgba(255, 194, 121, 1) 100%);
    animation: bggradient 20s ease infinite;
    background-size: 200% 200%;
    overflow-x: hidden;

}

.news-line {
    display: flex;
    align-items: center;
}

.news-line::before {
    content: '';
    flex-grow: 0.08;
    height: 1px;
    background: #002333;
    max-width: 300px;
}

.news-line::before {
    margin-right: 10px;
}

.news-text-daimei {
    font-size: 2rem;
    letter-spacing: 0.4rem;
    font-weight: 500;
    margin-bottom: 100px;
    text-shadow: 1px 1px 4px #fff;
    max-width: 1100px;
    margin: 0 auto;

}

.news-text-contents-wrap {
    display: flex;
    margin-bottom: 30px;
    margin-top: 100px;
}

.news-text-contents-date {
    font-size: 1.5rem;
    /* margin-left: 45px; */
    white-space: nowrap;

}

.news-text-contents-info {
    font-size: 1.5rem;
    letter-spacing: 0.2rem;
    margin-left: 100px;
}


.news-btn {
    text-align: center;
    margin-top: 100px;

}

.news-wrapper {
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60vw;

}

.news-contents-mannnaka {
    height: 98vh;
    vertical-align: auto;
    position: relative;
}




.news-kasen-text {
    position: relative;
    display: inline-block;
    transition: .3s;
}

.news-kasen-text::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    width: 0;
    height: 1px;
    background-color: #002333;
    transition: .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.news-kasen-text:hover::after {
    width: 100%;
}


.news-kasen-text {
    background:
        linear-gradient(currentColor 0 0) bottom /var(--d, 5px) 1px no-repeat;
    transition: 0.3s;
}

.news-kasen-text :hover {
    --d: 90%;

}


/* footer */
.area_footer {
    background-color: #002333;
    height: 50vh;
    /* width: 100vw; */
    width: 99vw;
    /* padding-top: 20vh; */
    vertical-align: middle;
    overflow-x: hidden;


}

.index-footer-contents {
    color: #fff;
    max-width: 1000px;
    margin: 0 auto;


}

.index-footer-top-page-intro-wrap {
    display: flex;
    justify-content: space-around;

}

.index-footer-top-page-intro-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 10px;

}

.index-footer-top-page-intro-sub-title {
    font-size: 1.3rem;
    margin: 5px 0;
    color: #0f0f0f;
}

.sns-footer-index-wrap {
    display: flex;
    justify-content: space-around;
    max-width: 600px;
    margin: 0 auto;
    padding: 50px 0;
}

.sns-footer-index-icon-wrap {
    display: flex;
    justify-content: space-around;
}

.jyousetu-footer-index-wrap {
    display: flex;
    justify-content: space-around;
}

.jyousetu-footer-index-contents-wrap {
    display: flex;
    font-size: 1.3rem;
    color: #0f0f0f92;

}

.jyousetu-footer-index-contents {
    margin: 0 10px;
}


.sns-footer-index-icon {
    margin: 0 20px;
    background:
        linear-gradient(currentColor 0 0) bottom /var(--d, 5px) 1px no-repeat;
    transition: 0.3s;
    font-size: 1.3rem;
}

.sns-footer-index-icon:hover {
    --d: 90%;

}

.index-footer-copyright-wrap {
    text-align: center;
    bottom: 0;
    margin-top: 25px;
    border-top: 1px solid #c1c3c334;
    padding-top: 5px;

}

.index-footer-top-page-intro-sub {
    display: inline-block;
    text-decoration: none;
    transition: all .2s ease-in-out;
    margin-bottom: 10px;
    line-height: 1;
}

.index-footer-top-page-intro-sub:hover {
    color: #0f0f0f92;
    border-bottom: 1px solid #0f0f0f92;
    transition: .1s;
}

.index-footer-dai138-meidaisai-svg {
    width: 350px;
    margin-bottom: 50px;
}








/* 下層ここからーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */

/* 明大祭とは　ここからーーーーーーーーーーーーーーー */
.kasou-img-top-title-wrap {
    position: relative;
}

.kasou-top-titile-- {
    position: absolute;
    font-size: 4.5vw;
    bottom: 0;
    color: #d93751;
    margin-left: 3%;
    letter-spacing: 0.5rem;
    text-shadow: 3px 2px  #f0844a7f;

}

.detail-top-img-wrap {
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
        url(./img/index/detail-top.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: center top !important;
    height: 300px;

}


.kasou-contents-wrapper-1000 {
    max-width: 1000px;
    margin: 0 auto;

}

.kasou-sub-title-main {
    font-size: 2rem;
    padding-top: 50px;
}

.kasou-contents-date--info {
    font-size: 1.6rem;
    letter-spacing: .3rem;

}

.top-100-margin {
    margin-top: 100px;
}

.top-50-margin {
    margin-top: 50px;
}

.top-30-margin {
    margin-top: 30px;
}

.kasou-shift-line-83 {
    margin-left: 83px;
}

.midasi-1 {
    padding: 1rem 2rem;
    border-left: 4px solid #d93751;
    font-size: 1.8rem;
    letter-spacing: .6rem;

}

.midasi-2 {

    font-size: 1.8rem;
    letter-spacing: .6rem;
    padding: 1rem 2rem;
    border-left: 4px dotted #002333;


}

.midasi-3 {
    padding: 1rem 2rem;
    border-left: 6px double #000;
    font-size: 1.8rem;
    letter-spacing: .6rem;
}

.kasou-site-line-mein-contents {
    font-size: 1.6rem;
    letter-spacing: 0.2rem;
    line-height: 4rem;
    font-family: ryo-text-plusn, serif;
    font-weight: 500;
    font-style: normal;
}

.kasou-text-kyoutyou {
    background: linear-gradient(transparent 0%, #fffff0 0%);
    display: inline;
    font-weight: 700;
}

.kasou-text-kyoutyou::after .kasou-text-kyoutyou::before {
    content: "";
    display: block;
}

.kasou-text-kyoutyou::before {
    margin-top: 2rem;
}

.kasou-text-kyoutyou::after {
    margin-bottom: 1rem;
}

.kasou-text-kyoutyou-2 {
    font-weight: 700;
}

.kasou-text-kyoutyou_2{
    background: linear-gradient(transparent 30%, #ff5c778b 30%);
    display: inline;
    font-weight: 700;
}



.kasou-text-kyoutyou_2::after .kasou-text-kyoutyou_2::before {
    content: "";
    display: block;
}

.kasou-text-kyoutyou_2::before {
    margin-top: 2rem;
}

.kasou-text-kyoutyou_2::after {
    margin-bottom: 1rem;
}






.kasou-footer-wrap {
    background: #d93751;
}

.kasou-top-50-footer {
    padding: 50px 0 20px 0;
}

/* From uiverse.io */
.fancy {
    background-color: transparent;
    border: 2px solid #002333;
    border-radius: 0;
    box-sizing: border-box;
    color: #d93751;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    letter-spacing: 0.05em;
    margin: 0;
    outline: none;
    overflow: visible;
    padding: 1.25em 2em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: all 0.3s ease-in-out;
    user-select: none;
    font-size: 13px;
}

.fancy::before {
    content: " ";
    width: 1.5625rem;
    height: 2px;
    background: #002333;
    top: 50%;
    left: 1.5em;
    position: absolute;
    transform: translateY(-50%);
    transform-origin: center;
    transition: background 0.3s linear, width 0.3s linear;
}

.fancy .text {
    font-size: 1.125em;
    line-height: 1.33333em;
    padding-left: 2em;
    display: block;
    text-align: left;
    transition: all 0.3s ease-in-out;
    text-transform: uppercase;
    text-decoration: none;
    color: #002333;
}

.fancy .top-key {
    height: 2px;
    width: 1.5625rem;
    top: -2px;
    left: 0.625rem;
    position: absolute;
    background: #d93751;
    transition: width 0.5s ease-out, left 0.3s ease-out;
}

.fancy .bottom-key-1 {
    height: 2px;
    width: 1.5625rem;
    right: 1.875rem;
    bottom: -2px;
    position: absolute;
    background: #d93751;
    transition: width 0.5s ease-out, right 0.3s ease-out;
}

.fancy .bottom-key-2 {
    height: 2px;
    width: 0.625rem;
    right: 0.625rem;
    bottom: -2px;
    position: absolute;
    background: #e8e8e8;
    transition: width 0.5s ease-out, right 0.3s ease-out;
}

.fancy:hover {
    color: #d93751;
    background: #002333;
}

.fancy:hover::before {
    width: 0.9375rem;
    background: #d93751;
}

.fancy:hover .text {
    color: #d93751;
    padding-left: 1.5em;
}

.fancy:hover .top-key {
    left: -2px;
    width: 0px;
}

.fancy:hover .bottom-key-1,
.fancy:hover .bottom-key-2 {
    right: 0;
    width: 0;
}

.kasou-paje-jump-wrappre {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;

}

.kasou-paje-jump_wrap{
    width: 33%;
    
}


.canvas {
    height: 100%;
    background: rgb(254, 204, 177);
    background: linear-gradient(214deg, rgba(255, 220, 201, 0.803) 3%, rgba(240, 132, 74, 0.505) 35%, rgba(211, 83, 104, 0.491) 80%);
    background-size: 200% 200%;
}

.sample01 {
    width: 100%;
    font-size: 100px;
    text-align: center;
    overflow: hidden;
    top: -40px;

}

.sample01 p {
    margin: 0;
    display: inline-block;
    padding-left: 100%;
    white-space: nowrap;
    line-height: 1em;
    animation: scrollSample01 20s linear infinite;
    text-shadow: 1px 1px 0 rgb(255, 255, 255), -1px -1px 0 #FFF,
        -1px 1px 0 #FFF, 1px -1px 0 #FFF,
        0px 1px 0 #FFF, 0-1px 0 #FFF,
        -1px 0 0 #FFF, 1px 0 0 #FFF;

    color: transparent;

}

@keyframes scrollSample01 {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

/* ここまで明大祭とは　ーーーーーーーーーーーーー */

/* 実行委員会とは */

table.company {
    width: 85%;
    /* margin: 0 auto; */
    border-collapse: separate;
    border-spacing: 0px 15px;
    font-size: 1.5rem;
    letter-spacing: 0.3rem;
    font-family: dnp-shuei-gothic-gin-std, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.9;
}

table.company th,
table.company td {
    padding: 10px;
}

table.company th {
    background: #3071b9;
    vertical-align: middle;
    text-align: center;
    width: 70px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}

table.company th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #3071b9;
    border-width: 10px;
    margin-top: -10px;
}

/* firefox */
@-moz-document url-prefix() {
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #295890 10px solid;
        margin-top: -10px;
    }
}

table.company td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 50px;
}

.kasou-otoiawase-a-tag-dot {
    border-bottom: 2px #002333 dotted;


}

.kasou-otoiawase-a-tag-dot:hover {
    text-shadow: 1px 1px 1px #fff;
    transition: 0.2s;
}

.kasou-otoiawase-a-tag-dot-akusento {
    border-bottom: 2px #3071b9 dotted;

}

.kasou-otoiawase-a-tag-dot-akusento-2 {
    border-bottom: 2px #3071b9 dotted;
    color: #3071b9;

}

.kasou-otoiawase-a-tag-dot-akusento-2:hover {
    color: #3070b976;
    transition: 0.2s;
    border-bottom: 2px #3070b976 dotted;

}

.letter-henkou {
    letter-spacing: 0.2rem;
}


/* リンク */

/* .link-gaibu-logo::after {
    margin: 0 10px;
    font-family: FontAwesome;
    vertical-align: middle;
    content: '\f08e';
} */

.link-gaibu-logo:hover {
    text-shadow: 1px 2px 1px #ececec;
}

.download-logp:hover {
    text-shadow: 1px 2px 1px #d93751;

}

.download-logp {
    color: rgb(255, 255, 255);
}

.haifu-wrapper {
    border: solid 1px;
    margin: 0 auto;
    width: 550px;
    padding: 50px 50px;
    margin-top: 50px;
}

.haifu-contents {
    margin: 0 auto;
}

.download-logp {
    font-weight: 700;
}

.download-wrapper-wrap {
    background: #002333;
    /* color: ; */
    width: 300px;
    padding: 10px 30px;
    /* margin: 0 auto; */
    text-align: center;
    margin: 30px auto;

}

.balloon {
    position: relative;
    border-bottom: 2px solid #525252;
    padding: 5px;
    width: 30%;
    min-width: 200px;
    text-align: left;
    line-height: 3rem;
    white-space: nowrap
}

.balloon:before,
.balloon:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 20%;
    transform: translateX(-50%);
}

.balloon:before {
    border: 12px solid transparent;
    border-top: 12px solid #525252;
}

.balloon:after {
    border: solid 14px transparent;
    margin-top: -5px;
}

.balloon p {
    margin: 0;
    padding: 0;
}

.participate-img-wrap img {
    width: 60%;
    min-width: 300px;
}


.par-img-shadow {
    box-shadow: 7px 7px 3px #db8a26;
}

.bottom-100-margin {
    padding-bottom: 100px;
}



/* 過去の明大祭の様子 */
.gallery {
    margin: 0 0 5px 0;
}

.gallery img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.choice-btn img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
}

.gallery li {
    list-style: none;
}

.slick-prev,
.slick-next {
    position: absolute;
    z-index: 3;
    top: 42%;
    cursor: pointer;
    outline: none;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    height: 25px;
    width: 25px;
}

.slick-prev {
    left: 2.5%;
    transform: rotate(-135deg);
}

.slick-next {
    right: 2.5%;
    transform: rotate(45deg);
}


.choice-btn li {
    cursor: pointer;
    outline: none;
    background: #333;
    list-style: none;
}

.choice-btn li img {
    opacity: 0.4;
}

.choice-btn li.slick-current img {
    opacity: 1;
}

.margin-rignht-83 {
    margin-right: 83px;
}


/* れが書き換え */

/* .detail-top-img-wrap {
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
        url(./img/index/about-top.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: center top !important;
    height: 300px;

} */

.aboutl-top-img-wrap {
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
        url(./img/index/about-top.jpg);
    background-repeat: no-repeat;
    /* background-attachment: fixed !important; */
    background-size: cover !important;
    background-position: center top !important;
    height: 300px;

}

.participation-top-img-wrap {
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
        url(./img/index/participation-top.jpg);
    background-repeat: no-repeat;
    /* background-attachment: fixed !important; */
    background-size: cover !important;
    background-position: center top !important;
    height: 300px;

}

.foroutside-top-img-wrap {
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
        url(./img/index/foroutside-top.jpg);
    background-repeat: no-repeat;
    /* background-attachment: fixed !important; */
    background-size: cover !important;
    background-position: center top !important;
    height: 300px;

}

.others-top-img-wrap {
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),
        url(./img/index/others-top.jpg);
    background-repeat: no-repeat;
    /* background-attachment: fixed !important; */
    background-size: cover !important;
    background-position: center top !important;
    height: 300px;

}

/* ました */

.calender-new_wrap-main {
    background-color: #ffffff3d;
    width: 100%;
}

.calender-new_wrap {
    font-size: 14px;
    line-height: 1.7;
    border-collapse: collapse;
    border-spacing: 0;

}

/* table {
    border-collapse: collapse;

} */

.calender-new-padding th {
    padding: 10px 0;
    background: #d93751;
    color: white;
    letter-spacing: 1.3rem;

}

.calender-new-padding-contet td {
    border-top: dashed 1px #3071b9;
    padding: 15px 37px;

}
.calender-new-padding-2 th{
    padding: 0 80.68px;
    background: #d93751;
    color: white;
    letter-spacing: 1.2rem;
    height: 50px;
    table-layout: fixed;
    white-space: nowrap;

}

.calender-new-padding-contet-2 td{
    padding: 15px 18.5px;
    text-align: center;
    table-layout: fixed;
    white-space: nowrap;
}

.calender-new-padding-contet-2 td:nth-of-type(2) td:nth-of-type(3){
    border-left: dashed 1px black;
}



.calender-new-padding-contet td:nth-child(3) {
    text-align: center;
}


.calender-new_wrap tr:nth-child(2n+1) {
    background: #f3f3f33d;

}


.thtme-concept-svg-wrap {
    width: 75%;
    margin: 0 auto;
    filter: drop-shadow(1px 3px 2px #ffffff);

}

.thtme-concept-contents {
    text-align: center;
}

.theme-logo-svg-wrapper {
    width: 35%;
    min-width: 200px;
    filter: drop-shadow(1px 3px 2px #ffffff);


}

.theme-logo-svg-wrap {
    display: flex;
}



/* .par-hyou-backcol {
    background-color: #dddddd;       
    
} */
table td:empty {
    background-image: linear-gradient(to top right,
            transparent, transparent 50%,
            rgb(122, 135, 182) 49%,
            black 30%,
            /* 線の太さ */
            transparent 51%, transparent);
}



/* new index */

.fadeUpTrigger {
    opacity: 0;
}

.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes fadeUpAnime {
    from {
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.index-138-new-logowrap {
    width: 60%;
    max-width: 800px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    filter: drop-shadow(2px 2px 0 #d6d6d6);
    z-index: 1;




}

.index-top-vodeo_logo-wrap {
    position: relative;
}

.index-movie-mp4 {
    /* width: 100vw; */
    height: 100vh;
    margin: 0 auto;
    text-align: center;


}

.index-movie-mp4-wrap {
    text-align: center;
    margin: 0 auto;

}

.index-theme-photo-wrap {
    min-height: 100vh;
    height: 500px;
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    z-index: 2;
    background-repeat: no-repeat;


}

.index-background_img-1 {
    background-image: url(./img/index/theme-photo.png);
}

.index-background_img-2 {
    background-image: url(./img/index/1115index-10.jpg);
}

.index-background_img-3 {
    background-image: url(./img/index/index-sandann.jpg);
}
.index-background_img-4 {
    background-image: url(./img/index/DSC04678.jpg);
}


.theme-wrap-inddex-wrappre {
    position: relative;
}

.index-scrooll-theme {
    font-family: zen-old-mincho, sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: auto;
    text-align: center;
    z-index: 1;
    width: 20%;
    margin-left: 25%;
    margin: 0 auto;
    padding: 5% 0;
    text-align: center;
    background-color: #fef4f6;
    overflow: hidden;
    position: absolute;
    left: 40%;
    top: 12%;
    box-shadow: #d93752c5 10px 10px 5px;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);

    max-height: 100vh;


}

/* .index-scrooll-theme p {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;

    text-align: left;
    display: inline-block;
    font-size: 30px;
    color: white;
    text-orientation: upright;


} */
.index-theme-img-wrap{
position: relative;    
}

.index-theme-img{
    height: 55vh;
    filter: drop-shadow(1px 2px 2px #feafaf);



}
.index-scloor-avout {
    font-family: zen-old-mincho, sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: auto;
    text-align: left;
    z-index: 1;
    width: 40%;
    margin: 0 auto;
    padding: 4% 6%;
    text-align: center;
    background-color: #3070b9ef;
    overflow: hidden;
    position: absolute;
    top: 15%;
    left: 10%;
    box-shadow: #063367a0 5px 5px 0;
    background-color: #3070b9ef;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);

}

.index-scloor-avout p {
    text-align: left;
    display: inline-block;
    font-size: 16px;
    color: white;
    line-height: 2.5;
}

.index-scloor-sandan  {
    font-family: zen-old-mincho, sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: auto;
    text-align: left;
    z-index: 1;
    width: 35%;
    margin: 0 auto;
    padding: 4% 6%;
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: 15%;
    left: 10%;
    box-shadow: #aa5426 5px 5px 0;
    background-color: #f0844ae1;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.index-scloor-sandan p {
    text-align: left;
    font-size: 16px;
    color: white;
    line-height: 2.5;
    margin-top: 5%;
}

.index-sandan-title {

    font-size: 22px;
    color: white;
    text-align: left;
    font-family: dnp-shuei-gothic-gin-std,sans-serif;
font-weight: 400;
font-style: normal;
}

.index-kyousan-title{
    font-size: 22px;
    color: rgb(22, 22, 22);
    text-align: center;
    font-family: dnp-shuei-gothic-gin-std,sans-serif;
font-weight: 400;
font-style: normal;
text-shadow: #C1C3C3 1px 1px 1px;
}

.index-scloor-kyousan{
    font-family: zen-old-mincho, sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: auto;
    text-align: left;
    z-index: 1;
    width: 50%;
    margin: 0 auto;
    padding: 4% 5%;
    text-align: center;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

    box-shadow: #ff8ea0bc 5px 5px 5px;
    background-color: #d93752ba;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);

}

.index-scloor-kyousan p{
    text-align: center;
    font-size: 16px;
    color: white;
    line-height: 2.5;
    margin-top: 5%;
    letter-spacing: 0.2rem;
}







.scroll-background {
    margin: 0 auto;
}


.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes fadeUpAnime {
    from {
        opacity: 0;
        transform: translateY(100px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeUpTrigger {
    opacity: 0;
}

.blur {
    animation-name: blurAnime;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes blurAnime {
    from {
        filter: blur(10px);
        transform: scale(1.02);
    }

    to {
        filter: blur(0);
        transform: scale(1);
    }
}

.nakayama-index-png {
    width: 100px;
}


.index-news-wrap {
    font-size: 15px;
    margin: 0 auto;
    max-width: 800px;
    padding: 100px 0;


}

.index-news-title {
    padding: 1% 3%;
    margin: 0 1% 0 0;

}

.index-news-open-title {
    background-color: #d93751;
    color: rgb(255, 255, 255);
    border-radius: 4px;
}

.index-news-kousin-title {
    background-color: #f0844a;
    color: white;
    border-radius: 4px;

}

.index-news-main-title {
    font-size: 30px;
    margin-bottom: 15px;
    color: #d93751;
    text-shadow: 0 0 4px rgb(255, 236, 224);
    font-family: lemonde-journal,serif;
font-weight: 400;
font-style: normal;
}

.index-news-date {
    margin: 30px 0 15px 0;
}

.index-news-contents-wrap {
    line-height: 2.5;
    margin-top: 15px;
}


.info-bar {
    display: flex;
    align-items: center;
}

.info-bar::after {
    content: '';
    flex-grow: 0.08;
    height: 1px;
    background: #d93751;
}

.info-bar::after {
    margin-left: 10px;
}



.attention-area{
    font-size: 13.5px;
    color: #2b424e;
    line-height: 1.7;
}

.font-feature-palt{
    font-feature-settings: "palt";
}


.index-new-contents{
    display: inline-block;
    border-bottom: 2px dotted #002333;
    line-height: 1.3;
}
.index-new-contents:hover {
    color: #a6a6a6;
    transition: .2s;
    border-bottom: 2px dotted #a6a6a6;

}

.jikkou_kikaku_img{
    width: 80%;
    box-shadow: 15px 20px 0px 0 #d93751;

}


.theme_son_img{
    width: 70%;
    box-shadow: 7px 8px 2px #3070b983;
    margin-top: 20px;
}