/*================================================================================

media query mixin

================================================================================*/
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section-main img { max-width: inherit; width: 100%; } }
.p-lp__5th_anniversary .p-bg { width: 100%; background: url(../img/bg.jpg) no-repeat top center/cover; }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-bg { background-image: url(../img/bg-sp.jpg); } }
.p-lp__5th_anniversary .p-bg.-no { background: none !important; }
.p-lp__5th_anniversary .p-section01 { padding: 50px 0 100px; }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 { padding: 20px 0 60px; } }
.p-lp__5th_anniversary .p-section01 .p-btn { display: block; width: 861px; margin: auto; -webkit-transition: .3s; transition: .3s; }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-btn { width: 100%; text-align: center; } }
.p-lp__5th_anniversary .p-section01 .p-btn:hover { opacity: .7; -webkit-transition: .3s; transition: .3s; }
.p-lp__5th_anniversary .p-section01 .p-box { width: calc(2132px / 2); margin: auto; text-align: center; margin-top: 40px; }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-box { width: calc(700px / 2); margin-top: 10px; } }
.p-lp__5th_anniversary .p-section01 .p-box + .p-box { margin-top: 10px; }
.p-lp__5th_anniversary .p-section01 .p-box .p-inner { background: url(../img/bg-board02.png) repeat-y top center; background-size: 100% auto; padding-top: 20px; padding-bottom: 20px; }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-box .p-inner { background-image: url(../img/bg-board02-sp.png); padding-top: 5px; padding-bottom: 5px; } }
.p-lp__5th_anniversary .p-section01 .p-box .p-head { position: relative; font-size: 28px; font-weight: bold; color: #6a4d96; line-height: 1.4; margin-bottom: 10px; }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-box .p-head { font-size: 18px; } }
.p-lp__5th_anniversary .p-section01 .p-box .p-head::before, .p-lp__5th_anniversary .p-section01 .p-box .p-head::after { content: ""; display: block; position: absolute; }
.p-lp__5th_anniversary .p-section01 .p-box .p-head.-type1 { padding-bottom: 30px; }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-box .p-head.-type1 { padding-bottom: 27px; } }
.p-lp__5th_anniversary .p-section01 .p-box .p-head.-type1::before { width: 257px; height: 22px; left: 0; right: 0; bottom: 0px; margin: auto; background: url(../img/fig01.png) no-repeat center center/cover; }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-box .p-head.-type1::before { width: 164px; height: 14px; } }
.p-lp__5th_anniversary .p-section01 .p-box .p-head.-type2 { font-size: 21px; margin-top: 30px; }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-box .p-head.-type2 { font-size: 16px; margin-top: 23px; } }
.p-lp__5th_anniversary .p-section01 .p-box .p-head.-type2::before, .p-lp__5th_anniversary .p-section01 .p-box .p-head.-type2::after { width: 82px; height: 2px; background: url(../img/fig02.png) no-repeat center center/contain; top: 50%; }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-box .p-head.-type2::before, .p-lp__5th_anniversary .p-section01 .p-box .p-head.-type2::after { width: 74px; } }
.p-lp__5th_anniversary .p-section01 .p-box .p-head.-type2::before { left: calc(50% - 92px); right: inherit; -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-box .p-head.-type2::before { left: calc(50% - 74px); } }
.p-lp__5th_anniversary .p-section01 .p-box .p-head.-type2::after { right: inherit; left: calc(50% + 10px); -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-box .p-head.-type2::after { left: calc(50% + -3px); } }
.p-lp__5th_anniversary .p-section01 .p-box .p-text { font-size: 18px; }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-box .p-text { font-size: 14px; } }
.p-lp__5th_anniversary .p-section01 .p-box .p-text span { color: #be5a95; }
.p-lp__5th_anniversary .p-section01 .p-box .list { width: 735px; margin: 30px auto 10px; gap: 30px; }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-box .list { width: 225px; margin-top: 20px; } }
.p-lp__5th_anniversary .p-section01 .p-box .list > li { -ms-flex-preferred-size: calc(100% / 3 - 30px * 2 / 3); flex-basis: calc(100% / 3 - 30px * 2 / 3); }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-box .list > li + li { margin-top: 30px; } }
.p-lp__5th_anniversary .p-section01 .p-box .list > li .pic { display: block; width: 153px; margin: 10px auto; }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-box .list > li .pic { margin: 15px auto; } }
.p-lp__5th_anniversary .p-section01 .p-box .list > li .-text { font-size: 18px; }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-box .list > li .-text { font-size: 14px; } }
.p-lp__5th_anniversary .p-section01 .p-sectonBottom { text-align: center; }
.p-lp__5th_anniversary .p-section01 .p-sectonBottom .p-text2 { font-size: 22px; font-weight: bold; margin: 30px auto; }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-sectonBottom .p-text2 { font-size: 20px; margin: 15px auto; } }
.p-lp__5th_anniversary .p-section01 .p-sectonBottom .comBtn a { font-size: 23px; font-weight: bold; width: 500px; background-size: 30px auto; }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-sectonBottom .comBtn a { width: calc(100% - 40px); font-size: 16px; background-size: 28px auto; } }
.p-lp__5th_anniversary .p-section01 .p-sectonBottom .c-indent { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: auto; margin-top: 50px; font-size: 12px; }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-sectonBottom .c-indent { width: calc(100% - 60px); text-align: left; font-size: 10px; margin-top: 20px; } }
.p-lp__5th_anniversary .p-section01 .p-sectonBottom .c-indent > li + li { margin-top: 6px; }
@media screen and (max-width: 896px) { .p-lp__5th_anniversary .p-section01 .p-sectonBottom .c-indent > li + li { margin-top: 2px; } }

/*# sourceMappingURL=5th_anniversary.css.map */