@media screen and (min-width:981px) {
.guide__{ background:#f4f4f4; padding:11vh 30vw 5rem 4vw; min-height:90vh; text-align:left; font-size:1.5rem;}
.guide__ h2 { font-size:3rem; padding:0 0 3rem;}
.guide__ h3 { font-size:2rem; padding:0 0 2rem;}
.guide__ h3 small{ font-size:1rem; opacity:0.6; display:block;}
.guide__ .list{ padding:0 0 4rem;}
.guide__ .list dl{ width:100%; border-bottom:1px solid #dcdcdc; display:table;}
.guide__ .list dl dt{ width:20%; display:table-cell; padding:1.5rem; font-weight:bold;}
.guide__ .list dl dd{ display:table-cell; padding:1.5rem;}
.guide__ .list dl dd small{ font-size:1.2rem;}

.guide__ .rules{ padding:0 0 4rem; list-style-position: inside;}
.guide__ .rules li{ padding: 0 0 0.5rem; font-size:1.3rem;}
.guide__ .rules .liststyle01{ list-style-type:circle;}
.guide__ .rules .liststyle02{ list-style-type:disc;}
.guide__ .rules .liststyle03{ list-style-type:none;}
}

@media screen and (max-width:980px) {
.info_list{ background:#f4f4f4; padding:9rem 2rem 5rem; text-align:left; font-size:1.5rem;}
.info_list h2 { font-size:2.4rem; padding:0 0 3rem;}
.info_list .list dl{ width:100%; border-bottom:1px solid #eee; display:block;}
.info_list .list dl dt{ width:100%; display:block; padding:1.5rem 0 0; vertical-align:top;  font-size:1.3rem;}
.info_list .list dl dd{ width:100%; display:block; padding:1.5rem 0; vertical-align:top;}

.info_detail{ background:#f4f4f4; padding:9rem 2rem 5rem; text-align:left; font-size:1.5rem;}
.info_detail .txt .date{ font-size:1.3rem; padding:0 0 1rem;}
.info_detail .txt{width:100%; line-height:1.8;}
.info_detail .txt h3{ font-size:2.4rem; padding:0 0 1rem;}


.guide__{ background:#f4f4f4; padding:9rem 2rem 5rem; text-align:left; font-size:1.5rem;}
.guide__ h2 { font-size:2.4rem; padding:0 0 3rem;}
.guide__ h3 { font-size:2rem; padding:0 0 2rem;}
.guide__ h3 small{ font-size:1rem; opacity:0.6; display:block;}
.guide__ .list{ padding:0 0 4rem;}
.guide__ .list dl{ width:100%; border-bottom:1px solid #dcdcdc; display:block;}
.guide__ .list dl dt{  width:100%; display:block; padding:1.5rem 0 0; vertical-align:top; font-size:1.3rem; font-weight:bold;}
.guide__ .list dl dd{  width:100%; display:block; padding:0.5rem 0 1.5rem; vertical-align:top;}
.guide__ .list dl dd small{ font-size:1.2rem;}

.guide__ .rules{ padding:0 0 4rem 2rem;}
.guide__ .rules li{ padding: 0 0 0.8rem; font-size:1.3rem;}
.guide__ .rules .liststyle01{ list-style-type:circle;}
.guide__ .rules .liststyle02{ list-style-type:disc;}
.guide__ .rules .liststyle03{ list-style-type:none;}

}



@media screen and (min-width:981px) {
.about__{ background:#f4f4f4; }
.about__ .image{ height:75vh; position:relative;}
.about__ .image .logo{ padding:15vh 0 0;}
.about__ .image .logo svg{ height:40vh; margin:0 auto;}
.about__ .image .logo svg path{fill:#fff;}
.about__ .text { font-size:1.5rem; padding:5rem 4vw; text-align:center;}
.about__ .text h2{ font-size:3rem;  display:block; padding:0 0 3rem;}
.about__ .text h3{ font-size:2rem;  display:block; padding:0 0 2rem;}
.about__ .text p{ text-align:center; line-height:1.8;}

.about__ .column__about{ padding:5rem 0 ;}
.about__ .column__about .row{ margin:0; position:relative; overflow:hidden; font-size:1.4rem;width:calc(25% - 3rem); margin:0 0 2rem 4rem;}
.about__ .column__about .row:nth-child(4n+1){margin:0 0 2rem 0;}
.about__ .column__about .row dt{ overflow:hidden; margin:0 0 2rem; border-radius:40rem;}
.about__ .column__about .row dd h4{ font-size:1.8rem; padding: 0 0 1rem;}
.about__ .column__about .row dd p{ text-align:left; font-size:1.3rem;}

.about__ .history{ background: url(../img/bg_about.jpg) right bottom no-repeat #0c070d; color:#fff; padding:11vh 4vw; text-align:left; }
.about__ .history p{ font-size:1.4rem; line-height:2; padding:0 40vw 2rem 0;}
.about__ .history ul{ padding:0;}
.about__ .history ul li{ font-size:1.6rem; padding:0 40vw 2rem 0;}

.about__ .committee {background:#f4f4f4; padding:11vh 4vw; text-align:left; }
.about__ .committee h3{ font-size:2.5rem; text-align:center; padding:0 0 3rem;}

.about__ .committee .column__committee{ justify-content: center;}
.about__ .committee .column__committee .row{ width:28%; text-align:center; padding:0 2rem;}
.about__ .committee .column__committee .row h4{ font-size:1.3rem; padding:0 0 0.5rem; font-weight:normal;}
.about__ .committee .column__committee .row h5{ font-size:1.8rem; padding:0 0 2rem;}
.about__ .committee .column__committee .row p{ font-size:1.2rem;}
}

@media screen and (max-width:980px) {
.about__{ background:#f4f4f4; }
.about__ .image{ height:50vh; position:relative; background-attachment:scroll !important;}
.about__ .image .logo{ padding:15vh 0 0;}
.about__ .image .logo svg{ height:20vh; margin:0 auto;}
.about__ .image .logo svg path{fill:#fff;}
.about__ .text { font-size:1.5rem; padding:5rem 4vw; text-align:center;}
.about__ .text h2{ font-size:2.4rem;  display:block; padding:0 0 3rem;}
.about__ .text h3{ font-size:1.6rem; text-align:left; display:block; padding:0 0 2rem;}
.about__ .text p{ text-align:left; line-height:1.8;}

.about__ .column__about{ padding:5rem 0 0;}
.about__ .column__about .row{ margin:0; position:relative; font-size:1.4rem; width:100%; margin:0 0 2rem;}
.about__ .column__about .row dt{ overflow:hidden; margin:0 20vw 2rem; border-radius:40rem;}
.about__ .column__about .row dd h4{ font-size:1.8rem; padding: 0 0 1rem;}
.about__ .column__about .row dd p{ text-align:left; font-size:1.3rem;}

.about__ .history{ background: url(../img/bg_about_sp.jpg) center bottom no-repeat #0c070d; background-size: contain; color:#fff; padding:5rem 2rem 50vh; text-align:left; }
.about__ .history p{ font-size:1.4rem; line-height:2; padding:0 0 2rem 0;}
.about__ .history ul{ padding:0;}
.about__ .history ul li{ font-size:1.4rem; padding:0 0 2rem 0; font-weight:bold;}

.about__ .committee {background:#f4f4f4; padding:5rem 2rem; text-align:left; }
.about__ .committee h3{ font-size:1.5rem; text-align:center; padding:0 0 3rem;}

.about__ .committee .column__committee{ justify-content: center;}
.about__ .committee .column__committee .row{ width:100%; text-align:center; padding:0 1rem 4rem;}
.about__ .committee .column__committee .row:last-child{ padding:0 1rem;}
.about__ .committee .column__committee .row h4{ font-size:1.3rem; padding:0 0 0.5rem; font-weight:normal;}
.about__ .committee .column__committee .row h5{ font-size:1.8rem; padding:0 0 1.5rem;}
.about__ .committee .column__committee .row p{ font-size:1.1rem;}
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@900&display=swap');

@media screen and (min-width:981px) {
.takeout__{ background:#fff; }
.takeout__ .image{ height:55vh; position:relative; background: url(../img/bg_takeout.jpg) bottom center no-repeat; background-size:cover;}
.takeout__ .image .logo{ padding:5vh 0 0;}
.takeout__ .image .logo svg{ height:10vh; margin:0 auto;}
.takeout__ .image .logo svg path{fill:#fff;}
.takeout__ .image h2{ font-size:8rem; line-height: 1.2; display:block; padding:0; margin:10rem 0 0; color: #fff; z-index: 2; position: relative;}
.takeout__ .image .illust_men{ position:absolute; left:5rem; bottom: -10rem; width: 15vw; max-width: 17rem;}
.takeout__ .image .illust_women{ position:absolute; right:5rem; bottom: -10rem; width: 10vw; max-width: 11rem;}
.takeout__ .text { font-size:1.5rem; padding:5rem 4vw; text-align:center;}
.takeout__ .text h3{ font-size:2rem;  display:block; padding:0 0 2rem;}
.takeout__ .text h5{ font-size:2rem;  display:block; padding:0 0 2rem; line-height: 1.8;}
.takeout__ .text p{ text-align:center; line-height:1.8;}
.takeout__ .mb__{ margin: 0 0 1.5rem;}

.takeout__ .column__takeout{ padding:5rem 0 ;}
.takeout__ .column__takeout .row{ position:relative; font-size:1.5rem; width:calc(50% - 2rem); margin:0 0 3rem 4rem;display: table;}
.takeout__ .column__takeout .row:nth-child(2n+1){margin:0 0 2rem 0;}
.takeout__ .column__takeout .row > dt{ display: table-cell; width: 50%; vertical-align: top;}
.takeout__ .column__takeout .row > dt figure { width: 100%; height: 26vh; max-height: 25rem; min-height: 22rem; border-radius: 1rem; background-color: #fff !important;}
.takeout__ .column__takeout .row > dd{ display: table-cell; width: 50%; padding: 0 0 0 2rem; text-align: left;}
.takeout__ .column__takeout .row > dd h4{ font-size:1.8rem; padding: 0 0 1rem;}
.takeout__ .column__takeout .row > dd p{ text-align:left; font-size:1.4rem; padding: 0 0 1rem;}
.takeout__ .column__takeout .row dl{ display: table; width: 100%; padding: 1rem; border-bottom: 1px solid #dedede; font-size:1.4rem;}
.takeout__ .column__takeout .row dl > dt{ display: table-cell; width: 3.5rem;}
.takeout__ .column__takeout .row dl > dd{ display: table-cell; width: 80%;}

.takeout__ .column__takeout .row .sns__{ display:block; background: #f2f2f2; border: 1px solid #dedede; padding: 1rem 1rem; margin: 2.5rem 0 1rem;border-radius: 0.5rem; }
.takeout__ .column__takeout .row .sns__ dt{ display:block; width: 100%; margin: -2.2rem 0 0; padding: 0 0 1rem; text-align: center; font-size: 1.5rem; font-weight: bold;}
.takeout__ .column__takeout .row .sns__ dd{ display:block; width: 100%;  text-align: center;}

.takeout__ .column__takeout .row ul li{ display:inline-block; padding: 0 0.7rem 0.5rem 0;}
.takeout__ .column__takeout .row ul li a{ padding:1.5rem 4vw; background: #222; color: #fff; border-radius: 3rem; font-size: 1.4rem; display: block; line-height: 1rem;}
.takeout__ .column__takeout .row ul li a.tw{ background: #00acee;}
.takeout__ .column__takeout .row ul li a.fb{ background: #3b5998;}
.takeout__ .column__takeout .row ul li a.ig{ background: #CF2E92;}

.t854 { padding: 1rem 0 0;}
.t854 .btn__{ width: 100%; font-size: 1.3rem; color: #111; background: #f2f2f2; box-shadow: none;}
.t854 .btn__:hover{color:#fff;}

.takeout__ .column__takeout .row .mb__{ margin: 0 0 2rem;}
.takeout__ .column__takeout .row .font_b{ font-size: 130%;}
}

@media screen and (max-width:1024px) {
.takeout__ .column__takeout{ padding:5rem 0 ; max-width: 70rem; margin: 0 auto; display: block;} 
.takeout__ .column__takeout .row{ position:relative; font-size:1.4rem; width:100%; margin:0; padding: 0 0 3rem; display: table;}
.takeout__ .column__takeout .row:nth-child(2n+1){margin:0 0 0 0;}
}

@media screen and (max-width:980px) {
.takeout__{ background:#fffaf6; }
.takeout__ .image{ height:40vh; position:relative; background: url(../img/bg_takeout.jpg) bottom center no-repeat; background-size:cover;}
.takeout__ .image .logo{ padding:5vh 0 0;}
.takeout__ .image .logo svg{ height:10vh; margin:0 auto;}
.takeout__ .image .logo svg path{fill:#fff;}
.takeout__ .image h2{ font-size:10vw; line-height: 1; display:block; padding:0; margin:7rem 0 0; color: #fff; z-index: 2; position: relative;}
.takeout__ .image .illust_men{ position:absolute; left:3vw; bottom: -3rem; width: 25vw;}
.takeout__ .image .illust_women{ position:absolute; right:3vw; bottom: -3rem; width: 18vw;}
.takeout__ .text { font-size:1.5rem; padding:5rem 4vw; text-align:left;}
.takeout__ .text h3{ font-size:1.6rem;  display:block; padding:0 0 1.5rem;  text-align:left;}
.takeout__ .text h5{ font-size:1.6rem;  display:block; padding:0 0 1.5rem;  text-align:left;}
.takeout__ .text p{ text-align:left; line-height:1.8;}
.takeout__ .mb__{ margin: 0 0 1.5rem;}

.takeout__ .column__takeout{ padding:4rem 0 ; width: 96%; margin: 0 auto; display: block;} 
.takeout__ .column__takeout .row{ position:relative; font-size:1.4rem; width:100%; margin:0; padding: 0 0 4rem; display: block;}
.takeout__ .column__takeout .row > dt{ display: block; padding: 0 0 1.5rem;}
.takeout__ .column__takeout .row > dt figure { width: 100%; height: 23rem; border-radius: 1rem; background-size:cover;}
.takeout__ .column__takeout .row > dd{ display: block;  text-align: left;}
.takeout__ .column__takeout .row > dd h4{ font-size:1.8rem; padding: 0 0 0.5rem;}
.takeout__ .column__takeout .row > dd p{ text-align:left; font-size:1.3rem; padding: 0 0 1rem;}
.takeout__ .column__takeout .row dl{ display: table; width: 100%; padding: 0.8rem; border-bottom: 1px solid #dedede; font-size:1.3rem;}
.takeout__ .column__takeout .row dl > dt{ display: table-cell; width: 4rem;}
.takeout__ .column__takeout .row dl > dd{ display: table-cell; }

.takeout__ .column__takeout .row .sns__{ display:block; background: #f2f2f2; border: 1px solid #dedede; padding: 1rem 1rem; margin: 2.5rem 0 1rem;border-radius: 0.5rem; }
.takeout__ .column__takeout .row .sns__ dt{ display:block; width: 100%; margin: -2.2rem 0 0; padding: 0 0 1rem; text-align: center; font-size: 1.5rem; font-weight: bold;}
.takeout__ .column__takeout .row .sns__ dd{ display:block; width: 100%;  text-align: center;}

.takeout__ .column__takeout .row ul{ padding: 0 0;}
.takeout__ .column__takeout .row ul li{ display:inline-block; padding: 0 0.7rem  0;}
.takeout__ .column__takeout .row ul li a{ padding:1.5rem; width: 70vw; background: #222; color: #fff; border-radius: 3rem; font-size: 1.4rem; display: block; line-height: 1rem;}
.takeout__ .column__takeout .row ul li a.tw{ background: #00acee;}
.takeout__ .column__takeout .row ul li a.fb{ background: #3b5998;}
.takeout__ .column__takeout .row ul li a.ig{ background: #CF2E92;}

.t854 { padding: 1rem 0 0;}
.t854 .btn__{ width: 100%; font-size: 1.4rem; color: #111; background: #f2f2f2; box-shadow: none;}
.t854 .btn__:hover{color:#fff;}

.takeout__ .column__takeout .row .mb__{ margin: 0 0 2rem;}
}

@media screen and (max-width:480px) {

}


@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;800&display=swap');

@media screen and (min-width:981px) {
.kodomo__{ background:#00a29a; font-family: 'M PLUS Rounded 1c', sans-serif; color: #fff; font-size: 1.8rem; font-weight: 400; text-align: left;}
.kodomo__ .inner{ max-width:1000px; width:94%; margin:0 auto; position:relative;}
.kodomo__ .image{ padding:0 0 3rem; text-align: center;}
.kodomo__ .text{ padding:0 10% 10rem;}
.kodomo__ .text a{ color:#fff;}
.kodomo__ .text h3{ font-size: 3rem; padding: 0 0 2rem;}
.kodomo__ .text p{ line-height: 1.8;}
.kodomo__ .text .frame{ background: rgba(0,0,0,0.1); border-radius: 0.5rem; padding: 3rem 4rem;}
.kodomo__ .text h5{ font-weight: 400; text-align: right;}
.kodomo__ .text h5 a{ font-weight: bold;}
}

@media screen and (max-width:980px) {
.kodomo__{ background:#00a29a; font-family: 'M PLUS Rounded 1c', sans-serif; color: #fff; font-size: 1.6rem; font-weight: 400; text-align: left;}
.kodomo__ .image{ padding:4rem 0 3rem; text-align: center;}
.kodomo__ .text{ padding:0 5% 10rem;}
.kodomo__ .text a{ color:#fff;}
.kodomo__ .text h3{ font-size: 2rem; padding: 0 0 2rem;}
.kodomo__ .text p{ line-height: 1.8;}
.kodomo__ .text .frame{ background: rgba(0,0,0,0.1); border-radius: 0.5rem; padding: 3rem 3rem;}
.kodomo__ .text h5{ font-weight: 400; text-align: right;}
.kodomo__ .text h5 a{ font-weight: bold;}
}