/* common */
html, body {background:#fff;}
.is-pc {display:block;}
.is-m {display:none;}
.hide {display:none;}
.back-to-top {
    display: none;
    position: fixed;
    right: 5%;
    bottom: 5%;
    width: 50px;
    height: 50px;
    z-index: 9;    
    border-radius: 25px;
    border: 1px solid #dbdbdb;
    background: url(/img/back_top.png);
    background-position: center;
    background-size: cover;
    font-size: 14px;
    font-weight: bold;
    color: #6e6e6e;
    text-align: center;
}

@media (max-width:991px){
.is-pc {display:none;}
.is-m {display:block;}
}

/* container */
:root{
	--container-padding: 15px;
	--container-padding-minus: -15px;
}
.container {max-width: calc(990px + (var(--container-padding) * 2)); margin:0 auto; padding:0 var(--container-padding); width:100%;}
.container-xxl {max-width: calc(1400px + (var(--container-padding) * 2));}
.container-xl {max-width: calc(1200px + (var(--container-padding) * 2));}
.container-lg {max-width: calc(991px + (var(--container-padding) * 2));}
.container-md {max-width: calc(767px + (var(--container-padding) * 2));}
.container-sm {max-width: calc(575px + (var(--container-padding) * 2));}
.container-xs {max-width: calc(400px + (var(--container-padding) * 2));}

/* header */
header {background:#fff; padding:21px 0;}
header .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .container .logo a.useschool {background-image:url('/img/logo.svg'); width:100px; height:43px;}
header .container .logo a.childu {background-image:url('/img/logo_childu.svg'); width:100px; height:31px;}
header ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0 84px;}
header ul li a {padding:7px 0; font-size:18px; font-weight:500; color:#333; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
header ul li a:hover {text-decoration:underline; color:#0072CF;}
header .more {height:38px; padding:0 24px; font-size:16px; font-weight:500; color:#0072CF; border:1px solid #B5DEFF; background:#D9EEFF; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
@media (max-width:991px){
header {padding:0;}
header .container {padding:0;}
header h1 {padding:14px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; border-bottom:1px solid #D9D9D9;}
header h1 a img {width:100px; display:block; margin:0 auto;}
header ul {width:100%; padding:0 15px; gap:0 24px;}
header ul li a {padding:15px 0; font-size:16px;}
header .more {display:none;}
}

/* footer */
footer {background:#5B5A5D; padding:60px 0;}
footer .footer-text h2 {margin:0 0 14px; display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:700; color:#fff;}
footer .footer-text h2:before {display:inline-block; content:""; width:17px; height:17px; margin:0 8px 0 0; background:url('../img/icon_text_title.svg') no-repeat center / cover;}
footer .footer-text ul {padding:0 0 0 18px;}
footer .footer-text ul li {display:flex; flex-wrap:wrap; margin:0 0 8px;}
footer .footer-text ul li:last-of-type {margin:0;}
footer .footer-text ul li > b {font-size:15px; color:#fff; margin:0 5px 0 0;}
footer .footer-text ul li > p {flex:1; min-width:0; font-size:15px; color:#fff; word-break:keep-all;}
footer .footer-text ul li > p em {font-size:15px; color:#fff; font-weight:700;}
@media (max-width:991px){
footer {padding:30px 0;}
footer .footer-text h2 {font-size:16px;}
footer .footer-text h2:before {width:15px; height:15px; position:relative; top:-1px;}
footer .footer-text ul li > b {font-size:14px;}
footer .footer-text ul li > p {font-size:14px;}
footer .footer-text ul li > p em {font-size:14px;}
}

/* state-box */
.state-box {position:relative; padding:80px 0; background:#FFD8DE;}
.state-box:before {position:absolute; left:0; top:0; content:""; width:100%; height:100%; background:url('../img/bg_state.png') no-repeat center / cover; opacity:0.5;}
.state-box .container {position:relative;}
.state-box h2 {text-align:center; font-size:40px; font-weight:700; color:#B13E05; margin:0 0 24px;}
.state-box h2 b {display:block; text-align:center; color:#F88E8F; font-size:26px; font-family:'Purple Purse';}
.state-box .state-info {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:0 0 24px;}
.state-box .state-info ul {display:flex; flex-wrap:wrap; border-radius:50px; background:#fff; padding:14px 42px;}
.state-box .state-info ul li {display:flex; flex-wrap:wrap; align-items:center;}
.state-box .state-info ul li:after {display:inline-block; content:""; width:1px; height:24px; margin:0 24px; background:#d9d9d9;}
.state-box .state-info ul li:last-of-type:after {display:none;}
.state-box .state-info ul li > div {flex:1; min-width:0;}
.state-box .state-info ul li > div b {display:block; text-align:center; margin:0 0 8px; font-size:15px; font-weight:600; color:#5B5A5D;}
.state-box .state-info ul li > div p {font-size:17px; font-weight:600; min-width:130px; line-height:1; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; background:#F6C5CD; color:#B13E05; height:30px;}
.state-box .state-info ul li > div p strong {font-size:20px; font-weight:600; color:#B13E05; line-height:1;}
.state-box .state-info ul li > div p strong.mr5 {position:relative; top:-1px;}
.state-box .state-table {background:#fff;}
.state-box .state-table table {table-layout:fixed; width:100%; border-collapse:collapse;}
.state-box .state-table table thead tr th {border:1px solid #D8D8D8; background:#F2F2F2; font-size:15px; color:#898989; padding:10px;}
.state-box .state-table table thead tr th:nth-of-type(6) {color:#898989;}
.state-box .state-table table thead tr th:nth-of-type(7) {color:#898989;}
.state-box .state-table table tbody tr td {border:1px solid #EDEDED; padding:8px; vertical-align:middle; position:relative; height:84px;}
.state-box .state-table table tbody tr td img {display:none; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:74px; opacity:.6;}
.state-box .state-table table tbody tr td .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.state-box .state-table table tbody tr td .list-head p {display:flex; flex-wrap:wrap; align-items:center;}
.state-box .state-table table tbody tr td .list-head p b {font-size:14px; font-weight:600; color:#666666;}
.state-box .state-table table tbody tr td .list-head p span {display:none;}
.state-box .state-table table tbody tr td .list-head small {background:#F3F3F3; padding:0 8px; font-size:12px; color:#333; display:flex; flex-wrap:wrap; align-items:center; border-radius:50px;}
.state-box .state-table table tbody tr td .list-body {margin:12px 0 0;}
.state-box .state-table table tbody tr td .list-body > ul > li {margin:0 0 3px; padding:4px; border-left:2px solid #D9D9D9; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.state-box .state-table table tbody tr td .list-body > ul > li:first-of-type {background:#F8F8F8;}
.state-box .state-table table tbody tr td .list-body > ul > li:last-of-type {margin:0;}
.state-box .state-table table tbody tr td .list-body > ul > li .name {font-size:14px; color:#666;}
.state-box .state-table table tbody tr td .list-body > ul > li b {font-size:14px; color:#888;}
.state-box .state-table table tbody tr td .list-body > ul > li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; height:21px; padding:0 8px; font-size:12px; color:#fff; background:#FFBC41;} 
.state-box .state-table table tbody tr td .list-body > ul > li.red {border-color:#FF0000;}
.state-box .state-table table tbody tr td .list-body > ul > li.red b {color:#FF0000; font-weight:700;}
.state-box .state-table table tbody tr td .list-body > ul > li.yellow {border-color:#FFBC41;}
.state-box .state-table table tbody tr td .list-body > ul > li.yellow b {color:#FFBC41; font-weight:700;}
.state-box .state-table table tbody tr td:nth-of-type(6) .list-head p b {color:#898989;}
.state-box .state-table table tbody tr td:nth-of-type(7) .list-head p b {color:#898989;}
.state-box .state-table table tbody tr td.complete .list-head {opacity:0.5;}
.state-box .state-table table tbody tr td.complete .list-body {opacity:0.5;}
.state-box .state-table .loading_wrap {padding:130px 0 180px; text-align:center;}
.state-box .state-table .loading {margin-top: 30px; font-size: 40px; font-weight:700; line-height: 1; color: #666;}
.state-box .state-table .emoji {font-size: 56px;}
.state-box .state-button {margin:40px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.state-box .state-button a {height:70px; padding:0 140px; font-size:24px; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; color:#fff; background:#9D7362;}
.state-box .state-button.complete a {background:#999;}
@media (max-width:991px){
.state-box {padding:40px 0;}
.state-box h2 {font-size:25px;}
.state-box .state-info ul {border-radius:0; padding:15px; border:1px solid #E5E5E5; border-radius:8px;}
.state-box .state-info ul li {width:100%; margin:0 0 5px;}
.state-box .state-info ul li:last-of-type {margin:0;}
.state-box .state-info ul li:after {display:none;}
.state-box .state-info ul li > div {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.state-box .state-info ul li > div b {margin:0; font-size:16px;}
.state-box .state-info ul li > div p {font-size:14px;}
.state-box .state-info ul li > div p strong {font-size:18px;}
.state-box .state-table {background:none; height:300px; overflow-x:auto;}
.state-box .state-table table {display:block;}
.state-box .state-table table thead {display:none;}
.state-box .state-table table tbody {display:block;}
.state-box .state-table table tbody tr {display:block; margin:0 0 4px;}
.state-box .state-table table tbody tr:last-of-type {margin:0;}
.state-box .state-table table tbody tr td {display:block; background:#fff; padding:15px; border:1px solid #E5E5E5; border-radius:8px; margin:0 0 4px; height:auto;}
.state-box .state-table table tbody tr td:last-of-type {margin:0;}
.state-box .state-table table tbody tr td.complete {display:none;}
.state-box .state-table table tbody tr td .list-head p span {display:block; margin:0 0 0 4px; font-size:12px; color:#898989;}
.state-box .state-table table tbody tr td img {opacity:1;}
.state-box .state-table table tbody tr:nth-child(1) td:nth-child(1) {display:none;}
.state-box .state-table .loading_wrap {background:#fff; padding:50px 0;}
.state-box .state-table .loading {font-size:6vw; margin-top: 20px;}
.state-box .state-table .emoji {font-size: 40px;}
.state-box .state-button {margin:25px 0 0;}
.state-box .state-button a {height:50px; padding:0 50px; font-size:18px;}
}
@media (min-width:614px) and (max-width:991px){
	.state-box .state-table {max-width:614px; margin:0 auto;}
}

/* modal-box */
.modal-box {pointer-events:none; opacity:0; position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; transition:all ease 0.5s; background:rgba(0,0,0,0.7);}
.modal-box .box {pointer-events:none; opacity:0; transition:all ease 0.5s; position:absolute; left:50%; top:45%; transform:translate(-50%,-50%); overflow:hidden; background:#fff; width:calc(100% - 30px); max-width:460px; border-radius:20px; display:flex; flex-direction:column; max-height:90%;}
.modal-box .box.image {width:auto; max-width:500px; background:none;}
.modal-box .modal-head {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; padding:12px 12px 0;}
.modal-box .modal-head .close {width:32px; height:32px; font-size:0; background:url('../img/icon_close.svg') no-repeat center / cover;}
.modal-box .modal-body {width:100%; height:100%; overflow-y:auto; padding:0 30px 42px; position:relative;}
.modal-box .modal-body h2 {text-align:center; font-size:24px; font-weight:bold; margin:0 0 24px;}
.modal-box .modal-body ul li {margin:0 0 15px; position:relative; padding:0 0 0 10px; font-size:16px; word-break:keep-all;}
.modal-box .modal-body ul li:last-of-type {margin:0;}
.modal-box .modal-body ul li b, .modal-box .modal-body ul li a {font-size:16px; font-weight:700;}
.modal-box .modal-body ul li:before {position:absolute; left:0; top:9px; width:4px; height:4px; background:#000; border-radius:50%; content:"";}
.modal-box .modal-body img {width:100%; margin:24px 0 0;}
.modal-box .modal-body input {display:block; width:100%; margin:24px 0 0; background:#F8F8F8; border:1px solid #DADADA; border-radius:8px; height:44px; padding:0 24px; font-size:16px;}
.modal-box .modal-body input::placeholder {color:#BDBDBD;}
.modal-box .modal-foot .btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:68px; background:#F1BF28; font-size:20px; font-weight:700;}
.modal-box.fixed {pointer-events:inherit; opacity:1;}
.modal-box.fixed .box {pointer-events:inherit; opacity:1; top:50%;}
@media (max-width:991px){
.modal-box .box.image {width:100%;}
.modal-box .modal-body {padding:0 15px 30px;}
.modal-box .modal-body h2 {font-size:20px; margin:0 0 15px;}
.modal-box .modal-body ul li {margin:0 0 10px; font-size:15px;}
.modal-box .modal-body ul li b {font-size:15px;}
.modal-box .modal-body img {width:15px 0 0;}
.modal-box .modal-body input {margin:10px 0 0; padding:0 15px; font-size:15px;}
}

/* paging-box */
.paging-box {margin:24px 0 0;}
.paging-box ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.paging-box ul li {margin:0 5px 0 0;}
.paging-box ul li:last-of-type {margin:0;}
.paging-box ul li * {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:32px; height:32px; font-size:var(--font-sm); font-weight:600; color:var(--color-gray-800);}
.paging-box ul li a:hover {color:#F6C5CD; text-decoration:underline;}
.paging-box ul li p {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:32px; height:32px; font-size:var(--font-sm); font-weight:600; color:#000;}
.paging-box ul li.active a {border-radius:50%; background:#F6C5CD; color:#666;}
.paging-box ul li.pg * {font-size:0;}
.paging-box ul li.pg *:after {display:block; content:""; width:24px; height:24px; background-size:cover; background-position:center; background-repeat:no-repeat; filter:var(--filter-gray-800);}
.paging-box ul li.pg.prev {margin:0 10px 0 0;}
.paging-box ul li.pg.prev *:after {background-image:url('../img/icon_arrow_left.svg');}
.paging-box ul li.pg.next {margin:0 0 0 10px;}
.paging-box ul li.pg.next *:after {background-image:url('../img/icon_arrow_right.svg');}
.paging-box ul li.pg.first *:after {background-image:url('../img/icon_arrow_left_double.svg');}
.paging-box ul li.pg.last {margin:0 0 0 5px;}
.paging-box ul li.pg.last *:after {background-image:url('../img/icon_arrow_right_double.svg');}
.paging-box ul li.disabled {background:none !important;}
.paging-box ul li.disabled.pg *:after {filter:var(--filter-gray-400);}
.paging-box.paging-left ul {justify-content:flex-start;}
.paging-box.paging-right ul {justify-content:flex-end;}
@media (max-width:991px){
.paging-box ul li a {width:25px; height:25px;}
.paging-box ul li p {width:25px; height:25px;}
.paging-box ul li * {width:25px; height:25px;}
.paging-box ul li.pg *:after {width:20px; height:20px;}
}

/* main-box */
.main-box {background:url('../img/bg_main.png') no-repeat center bottom / cover; padding:100px 0; height:calc(100vh - 84px);}
.main-box h2 {display:block; text-align:center; font-size:28px; font-weight:700; color:#815145;}
.main-box h3 img {display:block; width:100%; max-width:776px; margin:0 auto;}
.main-box .state {margin:20px auto 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; max-width:905px; background:#fff; border-radius:50px; padding:12px 30px;}
.main-box .state ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px;}
.main-box .state ul li {display:flex; flex-wrap:wrap; align-items:center;}
.main-box .state ul li b {font-size:14px; color:#BD4A4A; margin:0 10px 0 0;}
.main-box .state ul li p {font-size:16px; font-weight:600; color:#666;}
.main-box .text {margin:40px 0 0; padding:0 70px;}
.main-box .text p {font-size:19px; text-align:center; font-weight:600; color:#5C4641; word-break:keep-all; margin:0 0 30px;}
.main-box .text p:last-of-type {margin:0;}
.main-box .button {margin:30px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-box .button a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; height:70px; background:rgba(255,255,255,0.7); border:3px solid #FFD8DE; font-size:24px; font-weight:700; color:#FF3D3D; width:367px;}
@media(max-width:991px){
.main-box {padding:50px 0 100px; height:auto;}
.main-box h2 {font-size:24px;}
.main-box h3 img {max-width:500px;}
.main-box .state {margin:15px 0 0; padding:15px; border-radius:15px; background:rgba(255,255,255,0.5);}
.main-box .state ul {gap:10px;}
.main-box .state ul li {width:100%; justify-content:center;}
.main-box .text {margin:20px 0 0; background:rgba(255,255,255,0.5); padding:15px 30px; border-radius:15px;}
.main-box .text p {font-size:15px; margin:0 0 20px;}
.main-box .button a {height:50px; font-size:18px; width:250px;}
}
@media (max-width:850px){
.main-box {background-position:66% bottom;}
}

/* event-review-box */
.event-review-box {background:#FFD8DE url('../img/bg_state.png') no-repeat center / cover; padding:100px 0;}
.event-review-box .top-frame {width:100%; max-width:640px; margin:0 auto; position:relative; border-radius:12px; overflow:hidden;}
.event-review-box .top-frame:after {display:block; content:""; padding-bottom:56.5%;}
.event-review-box .top-frame iframe {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.event-review-box .top-frame video {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.event-review-box .top-tag {margin:42px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px;}
.event-review-box .top-tag p {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; color:#F6C5CD; background:#B13E05; padding:0 20px; font-size:20px; font-weight:600;}
.event-review-box .review-bottom {margin:80px 0 0;}
.event-review-box .review-bottom > ul {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.event-review-box .review-bottom > ul > li {border:1px solid #D9D9D9; width:calc(50% - 20px); margin:0 10px 20px; overflow:hidden; padding:24px; background:#fff; border-radius:12px; display:flex; flex-wrap:wrap; align-content:space-between;}
.event-review-box .review-bottom > ul > li .content {width:100%;}
.event-review-box .review-bottom > ul > li .content p {font-size:16px; color:#4a4a4a; word-break:keep-all;}
.event-review-box .review-bottom > ul > li .bottom {width:calc(100% + 48px); background:#F8F8F8; margin:55px -24px -24px; padding:10px 24px; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; position:relative;}
.event-review-box .review-bottom > ul > li .bottom a {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; font-weight:500;}
.event-review-box .review-bottom > ul > li .bottom a:after {display:inline-block; content:""; width:24px; height:24px; margin:0 0 0 10px; background:url('../img/icon_link.svg') no-repeat center / cover;}
.event-review-box .review-bottom > ul > li .bottom img {position:absolute; right:10px; bottom:10px; width:90px;}
@media (max-width:991px){
.event-review-box {padding:50px 0;}
.event-review-box .top-tag {gap:6px; margin:15px 0 0;}
.event-review-box .top-tag p {padding:0 15px; font-size:15px;}
.event-review-box .review-bottom {margin:24px 0 0;}
.event-review-box .review-bottom > ul {margin:0;}
.event-review-box .review-bottom > ul > li {width:100%; margin:0 0 15px; padding:15px;}
.event-review-box .review-bottom > ul > li:last-of-type {margin:0;}
.event-review-box .review-bottom > ul > li .content p {font-size:15px;}
.event-review-box .review-bottom > ul > li .bottom {width:calc(100% + 30px); margin:35px -15px -15px; padding:10px 15px;}
.event-review-box .review-bottom > ul > li .bottom a {font-size:15px;}
.event-review-box .review-bottom > ul > li .bottom a:after {width:20px; height:20px; margin:0 0 0 5px;}
.event-review-box .review-bottom > ul > li .bottom img {width:50px;}
}

/* event-info-box */
.event-info-box {background:#FFD8DE url('../img/bg_state.png') no-repeat center / cover; padding:100px 0;}
.event-info-box .info-inner {margin:0 0 100px;}
.event-info-box .info-inner:last-of-type {margin:0;}
.event-info-box .info-inner .inner-title {margin:0 0 42px;}
.event-info-box .info-inner .inner-title h3 b {display:block; text-align:center; color:#F88E8F; font-size:26px; font-family:'Purple Purse';}
.event-info-box .info-inner .inner-title h3 strong {display:flex; flex-wrap:wrap; align-items:baseline; justify-content:center; font-size:42px; font-weight:800; color:#B13E05;}
.event-info-box .info-inner .inner-title h3 strong em {font-size:50px; font-weight:800; margin:0 10px;}
.event-info-box .info-inner .inner-schedule {max-width:960px; margin:0 auto;}
.event-info-box .info-inner .inner-schedule ul {background:#fff; border:1px solid #ededed; border-radius:100px; padding:24px 50px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:24px 42px;}
.event-info-box .info-inner .inner-schedule ul li b {display:block; text-align:center; font-size:18px; color:#BD4A4A;}
.event-info-box .info-inner .inner-schedule ul li p {font-size:20px; font-weight:600; color:#666; text-align:center;}
.event-info-box .info-inner .inner-step {max-width:960px; margin:0 auto;}
.event-info-box .info-inner .inner-step ul {gap:12px; display:flex; flex-wrap:wrap; justify-content:center; background:#fff; border:1px solid #ededed; border-radius:200px; padding:24px 50px;}
.event-info-box .info-inner .inner-step ul li {padding:0 32px;}
.event-info-box .info-inner .inner-step ul li b {display:block; text-align:center; font-weight:bold; font-size:18px; color:#BD4A4A;}
.event-info-box .info-inner .inner-step ul li p {font-size:20px; font-weight:500; color:#666; text-align:center;}
.event-info-box .info-inner .inner-step ul li p:before {display:block; content:""; width:130px; height:130px; margin:12px auto; background-size:cover; background-position:center;}
.event-info-box .info-inner .inner-step ul li:nth-of-type(1) p:before {background-image:url('../img/icon_inner_step_01.png');}
.event-info-box .info-inner .inner-step ul li:nth-of-type(2) p:before {background-image:url('../img/icon_inner_step_02.png');}
.event-info-box .info-inner .inner-step ul li:nth-of-type(3) p:before {background-image:url('../img/icon_inner_step_03.png');}
.event-info-box .info-inner .inner-write {max-width:604px; margin:0 auto;}
.event-info-box .info-inner .inner-write > div {display:flex; flex-wrap:wrap; align-items:center;}
.event-info-box .info-inner .inner-write > div select {padding:0 40px 0 30px; height:76px; border:1px solid #EDEDED; font-size:20px; font-weight:700; color:#888; border-radius:50px; flex:1; min-width:0; background:#fff url('../img/icon_select.svg') no-repeat calc(100% - 27px) center / 12px auto;}
.event-info-box .info-inner .inner-write > div div.nice-select {width:440px; height:76px; padding:0 40px 0 30px; border:1px solid #EDEDED; border-radius:50px; text-align:center !important;}
.event-info-box .info-inner .inner-write > div div.nice-select span {font-size:20px; font-weight:600; color:#888; line-height:76px;}
.event-info-box .info-inner .inner-write > div div.nice-select:after {width:7px; height:7px; border-bottom:2px solid #333; border-right:2px solid #333; right:30px;}
.event-info-box .info-inner .inner-write > div div.nice-select .list {width:440px; color:#888; border-radius:25px;}
.event-info-box .info-inner .inner-write > div div.nice-select .option {text-align:center; font-size:18px; padding:10px 0;}
.event-info-box .info-inner .inner-write > div .btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:76px; border-radius:50px; background:#FFD8DE; border:1px solid #ededed; padding:0 42px; font-size:20px; font-weight:700; color:#FF3D3D; margin:0 0 0 10px;}
.event-info-box .info-inner .inner-write > div .btn.complete {color:#fff; background:#999;}
.event-info-box .info-inner .inner-write > p {text-align:center; font-size:18px; font-weight:600; color:#BD4A4A; margin:24px 0 0; word-break:keep-all;}
.event-info-box.blue {background-color:#D7E1F0;}
.event-info-box.blue .info-inner .inner-title h3 b {color:#888382;}
.event-info-box.blue .info-inner .inner-title h3 strong {color:#455181;}
.event-info-box.yellow {background-color:#FFFCE3;}
.event-info-box.yellow .info-inner .inner-title h3 b {color:#F8A38E;}
.event-info-box.yellow .info-inner .inner-title h3 strong {color:#815145;}
@media (max-width:991px){
.event-info-box {padding:50px 0;}
.event-info-box .info-inner {margin:0 0 50px;}
.event-info-box .info-inner .inner-title {margin:0 0 24px;}
.event-info-box .info-inner .inner-title h3 b {font-size:18px;}
.event-info-box .info-inner .inner-title h3 strong {font-size:25px;}
.event-info-box .info-inner .inner-title h3 strong em {font-size:30px; font-weight:600; margin:0 5px;}
.event-info-box .info-inner .inner-schedule ul {border-radius:10px; padding:24px 15px; gap:10px;}
.event-info-box .info-inner .inner-schedule ul li {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.event-info-box .info-inner .inner-schedule ul li b {font-size:15px; margin:0 8px 0 0;}
.event-info-box .info-inner .inner-schedule ul li p {font-size:16px;}
.event-info-box .info-inner .inner-step ul {border-radius:10px; padding:24px 15px; gap:30px;}
.event-info-box .info-inner .inner-step ul li {width:100%; padding:0;}
.event-info-box .info-inner .inner-step ul li b {font-size:15px;}
.event-info-box .info-inner .inner-step ul li p {font-size:18px;}
.event-info-box .info-inner .inner-step ul li p:before {width:100px; height:100px; margin:8px auto;}
.event-info-box .info-inner .inner-write > div {display:-webkit-inline-box; width:calc(100% - 120px);}
.event-info-box .info-inner .inner-write > div select {height:50px; padding:0 35px 0 15px; font-size:16px;}
.event-info-box .info-inner .inner-write > div div.nice-select {width:100%; height:50px; padding:0 35px 0 25px;}
.event-info-box .info-inner .inner-write > div div.nice-select span {font-size:16px; line-height:50px;}
.event-info-box .info-inner .inner-write > div div.nice-select .list {width:100%;}
.event-info-box .info-inner .inner-write > div div.nice-select .option {font-size:14px; padding:5px 0;}
.event-info-box .info-inner .inner-write > div .btn {width:100px; height:50px; padding:0 20px; font-size:16px; margin:0 0 0 5px;}
.event-info-box .info-inner .inner-write > p  {font-size:16px; margin:15px 0 0;}
}
@media (max-width:320px){
	.event-info-box .info-inner .inner-write > div div.nice-select {padding:0 25px 0 15px;}
	.event-info-box .info-inner .inner-write > div div.nice-select:after {width:6px; height:6px; right:15px;}
}

.event-info-box .info-inner {max-width:960px; margin-left:auto; margin-right:auto;}
.event-info-box .info-inner .inner-base ul {display:flex; flex-wrap:wrap; gap:20px;}
.event-info-box .info-inner .inner-base ul li {flex:1; min-width:0; background:#fff; border:1px solid #ededed; border-radius:200px; padding:40px;}
.event-info-box .info-inner .inner-base ul li:before {display:block; content:""; width:130px; height:130px; margin:0 auto 12px; background-size:cover; background-position:center;}
.event-info-box .info-inner .inner-base ul li p {text-align:center; font-size:18px; font-weight:600; color:#666; word-braek:keep-all;}
.event-info-box .info-inner .inner-base ul li small {display:block; text-align:center; font-size:16px; color:#666;}
.event-info-box .info-inner .inner-base ul li:nth-of-type(1):before {background-image:url('../img/icon_inner_base_01.png');}
.event-info-box .info-inner .inner-base ul li:nth-of-type(2):before {background-image:url('../img/icon_inner_base_02.png');}
@media (max-width:991px){
.event-info-box .info-inner .inner-base ul {gap:10px;}
.event-info-box .info-inner .inner-base ul li {border-radius:10px; padding:15px;}
.event-info-box .info-inner .inner-base ul li:before {width:100px; height:100px;}
}

.event-info-box .info-inner .inner-condition .cond-top {background:#6A94F3; border-radius:100px; padding:24px;}
.event-info-box .info-inner .inner-condition .cond-top strong {display:block; text-align:center; font-size:32px; font-weight:700; color:#fff; word-break:keep-all;}
.event-info-box .info-inner .inner-condition .cond-top p {font-size:22px; font-weight:500; color:#fff; word-break:keep-all; text-align:center;}
.event-info-box .info-inner .inner-condition .cond-middle {display:flex; flex-wrap:wrap; align-items:center; margin:24px 0 0;}
.event-info-box .info-inner .inner-condition .cond-middle > div {display:flex; flex-wrap:wrap; align-items:center;}
.event-info-box .info-inner .inner-condition .cond-middle > div:after {width:40px; height:2px; content:""; border-bottom:2px dashed #6A94F3;}
.event-info-box .info-inner .inner-condition .cond-middle > div strong {height:80px; background:#89ADFF; color:#fff; padding:0 24px; font-size:20px; font-weight:700; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px;}
.event-info-box .info-inner .inner-condition .cond-middle > p {flex:1; min-width:0; height:80px; background:#fff; border:1px solid #ededed; border-radius:50px; padding:0 24px; font-size:20px; font-weight:500; color:#888; text-align:center; word-break:keep-all; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.event-info-box .info-inner .inner-condition .cond-bottom {margin:42px 0 0; border-radius:150px; background:rgba(255,255,255,0.8); border:1px solid #ededed; padding:24px 70px;}
.event-info-box .info-inner .inner-condition .cond-bottom b {font-size:20px; font-weight:600; color:#333; display:block; text-align:center;}
.event-info-box .info-inner .inner-condition .cond-bottom p {font-size:16px; font-weight:500; color:#666; text-align:center;}
@media (max-width:991px){
.event-info-box .info-inner .inner-condition .cond-top {border-radius:15px; padding:24px 15px;}
.event-info-box .info-inner .inner-condition .cond-top strong {font-size:20px;}
.event-info-box .info-inner .inner-condition .cond-top p {font-size:15px; margin:10px 0 0;}
.event-info-box .info-inner .inner-condition .cond-middle {margin:15px 0 0;}
.event-info-box .info-inner .inner-condition .cond-middle > div {display:block; width:100%;}
.event-info-box .info-inner .inner-condition .cond-middle > div:after {width:2px; height:30px; border-bottom:0; border-left:2px dashed #6a94f3; display:block; margin:0 auto;}
.event-info-box .info-inner .inner-condition .cond-middle > div strong {width:100%; height:50px; font-size:18px;} 
.event-info-box .info-inner .inner-condition .cond-middle > p {flex:none; width:100%; height:auto; padding:15px; font-size:15px;}
.event-info-box .info-inner .inner-condition .cond-bottom {border-radius:15px; padding:15px; margin:15px 0 0;}
.event-info-box .info-inner .inner-condition .cond-bottom b {font-size:18px;}
.event-info-box .info-inner .inner-condition .cond-bottom p {font-size:15px;}
}

/* inner-promise */
.inner-promise > ul {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.inner-promise > ul > li {width:calc(50% - 20px); margin:0 10px 20px; background:#fff; border:1px solid #ededed; padding:40px 24px; border-radius:24px;}
.inner-promise > ul > li strong {display:block; text-align:center; font-size:20px; font-weight:600; color:#333;}
.inner-promise > ul > li p {text-align:center; font-size:16px; color:#666; word-break:keep-all;}
.inner-promise > ul > li p strong {display:inline-block; font-size:16px;}
.inner-promise .nodata {text-align:center; font-size:16px; color:#666; padding:150px 0 108px;}
@media (max-width:991px){
.inner-promise > ul {margin:0 -5px -10px;}
.inner-promise > ul > li {width:calc(50% - 10px); margin:0 5px 10px; padding:15px; border-radius:10px;}
.inner-promise > ul > li strong {font-size:18px;}
.inner-promise > ul > li p {font-size:15px;}
.inner-promise > ul > li p strong {font-size:15px;}
.inner-promise .nodata {font-size:15px; padding:50px 0 26px;}
}

/* inner-event */
.inner-event {margin:76px 0 0;}
.inner-event > ul > li {background:#fff; border:1px solid #ededed; border-radius:150px; max-width:720px; margin:0 auto 70px; padding:0 50px 40px;}
.inner-event > ul > li:last-of-type {margin:0 auto;}
.inner-event > ul > li .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:-28px 0 20px;}
.inner-event > ul > li .list-head strong {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50px; padding:0 42px; height:56px; font-size:24px; font-weight:600; color:#fff; background:#B13E05;}
.inner-event > ul > li .list-head strong b {font-size:24px; font-weight:800; margin:0 0 0 5px;}
.inner-event > ul > li .list-body ul {display:flex; flex-wrap:wrap; gap:20px;}
.inner-event > ul > li .list-body ul li {flex:1; min-width:0; display:flex; flex-wrap:wrap; align-items:center; align-content:center; justify-content:center;}
.inner-event > ul > li .list-body ul li .list-image {position:relative;}
.inner-event > ul > li .list-body ul li .list-image img {display:block; margin:0 auto; max-width:100%;}
.inner-event > ul > li .list-body ul li .list-image span {border:1px solid #FF8383; background:#FFD8DE; color:#FF4848; width:70px; height:70px; font-size:16px; font-weight:600; line-height:1.3; position:absolute; right:-25px; top:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border-radius:50%; text-align:center;}
.inner-event > ul > li .list-body ul li .list-content {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.inner-event > ul > li .list-body ul li .list-content p {width:100%; font-size:24px; font-weight:600; color:#666; word-break:keep-all; text-align:center;}
.inner-event > ul > li .list-body ul li .list-content a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:#FFB5B5; border-radius:10px; color:#fff; margin:8px 0 0; padding:4px 20px; font-size:20px; font-weight:600; color:#fff;}
.inner-event > ul > li .list-body ul li .list-content a:after {display:inline-block; content:""; width:24px; height:24px; margin:0 0 0 10px; background:url('../img/icon_event_more.svg') no-repeat center / cover;}
.inner-event > ul > li .list-body ul li .list-content small {display:block; color:#666; font-size:16px; text-align:center; word-break:keep-all; margin:10px 0 0;}
@media (max-width:991px){
.inner-event {margin:50px 0 0;}
.inner-event > ul > li {border-radius:15px; padding:0 15px 20px;}
.inner-event > ul > li .list-head {margin:-22.5px 0 20px;}
.inner-event > ul > li .list-head strong {padding:0 24px; height:45px; font-size:18px;}
.inner-event > ul > li .list-head strong b {font-size:18px;}
.inner-event > ul > li .list-body ul {gap:10px;}
.inner-event > ul > li .list-body ul li .list-image span {width:50px; height:50px; font-size:13px; right:0;}
.inner-event > ul > li .list-body ul li .list-content p {font-size:16px;}
.inner-event > ul > li .list-body ul li .list-content a {border-radius:5px; font-size:15px; padding:4px 15px;}
.inner-event > ul > li .list-body ul li .list-content a:after {width:20px; height:20px;}
.inner-event > ul > li .list-body ul li .list-content small {margin:5px 0 0; font-size:13px;}
}