@charset "UTF-8";
/* Scss Document */
/* $break-point以下の時に@contentを適用 */
/* $break-point以上の時に@contentを適用 */
/* $break-point-min以上、$break-point-max以下の時に@contentを適用 */
@media only screen and (max-width: 1023.8px) { body { margin-top: 60px; } }
#main { padding: 50px 0 20px; }

.page_ttl { font-weight: 500; line-height: 1.2; letter-spacing: 0.1em; font-size: 4.0rem; padding: 0 30px 10px; margin-bottom: 50px; border-bottom: solid 4px; border-image: linear-gradient(to right, #F28082, #F8B31E, #4BAD79) 1; width: max-content; width: -webkit-max-content; margin-left: auto; margin-right: auto; max-width: 100%; }
@media only screen and (max-width: 768px) { .page_ttl { min-width: 157px; font-size: calc(2.8rem + 12 * (100vw - 375px)/393); text-align: center; } }

.breadcrumb { display: flex; flex-wrap: wrap; box-sizing: border-box; list-style: none; width: 90%; max-width: 1080px; margin-inline: auto; }
@media print, screen and (min-width: 768.2px) { .breadcrumb { font-size: 1.4rem; } }
@media only screen and (max-width: 768px) { .breadcrumb { font-size: 1.2rem; } }
.breadcrumb li { display: flex; align-items: center; color: #777; }
.breadcrumb li::after { content: '-'; padding: 0 0.4em; }
.breadcrumb li:last-child:after { content: ''; }

#blog_wrapper { width: 90%; max-width: 1080px; margin-inline: auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
@media only screen and (max-width: 1023.8px) { #blog_wrapper { flex-direction: column; } }
#blog_wrapper #category_btn { width: calc(100% - 30px); margin: 0 auto 50px; padding: 15px 0; border-top: solid 1px #353635; border-bottom: solid 1px #353635; display: flex; justify-content: center; }
@media only screen and (max-width: 1023.8px) { #blog_wrapper #category_btn { width: 95%; max-width: 550px; flex-wrap: wrap; padding: 0 calc(15px + 10 * (100vw - 375px)/649) 15px; justify-content: flex-start; } }
#blog_wrapper #category_btn li + li, #blog_wrapper .category_list li + li { margin-left: 15px; }
#blog_wrapper #category_btn li a, #blog_wrapper .category_list li a { display: block; padding: 0 8px 2px; text-align: center; color: #B4B6B8; border: solid 1px #B4B6B8; background-color: #fff; font-size: 1.8rem; line-height: 1; }
@media only screen and (max-width: 1023.8px) { #blog_wrapper #category_btn li a, #blog_wrapper .category_list li a { font-size: calc(1.4rem + 4 * (100vw - 375px)/649); } }
#blog_wrapper #category_btn li.all a, #blog_wrapper .category_list li.all a { background-color: #B4B6B8; color: #fff; border: solid 1px #B4B6B8; min-width: 94px; }
#blog_wrapper #category_btn li.event a, #blog_wrapper .category_list li.event a { color: #12B58D; border: solid 1px #12B58D; }
#blog_wrapper #category_btn li.information a, #blog_wrapper .category_list li.information a { color: #ADD91A; border: solid 1px #ADD91A; }
#blog_wrapper #category_btn li.record a, #blog_wrapper .category_list li.record a { color: #FB9A99; border: solid 1px #FB9A99; }
#blog_wrapper #category_btn li.lecture a, #blog_wrapper .category_list li.lecture a { color: #5C8CFF; border: solid 1px #5C8CFF; }
#blog_wrapper #category_btn li.school a, #blog_wrapper .category_list li.school a { color: #FEA222; border: solid 1px #FEA222; }
#blog_wrapper #category_btn li.coaching a, #blog_wrapper .category_list li.coaching a { color: #882DCF; border: solid 1px #882DCF; }
@media only screen and (max-width: 1023.8px) { #blog_wrapper #category_btn li { margin: 15px 15px 0; } }
@media only screen and (max-width: 767.8px) { #blog_wrapper #category_btn li { margin: 15px calc(10px + 5 * (100vw - 375px)/649) 0 0 !important; } }
#blog_wrapper #post { flex: 1; }
#blog_wrapper #post .archive_ti { display: inline-block; font-size: 1.6rem; color: #666666; position: relative; padding: 0 5px 0 6px; background-color: #dddddd; margin-left: 45px; }
@media only screen and (max-width: 768px) { #blog_wrapper #post .archive_ti { font-size: calc(1.2rem + 4 * (100vw - 375px)/393); margin-left: calc(2.5% + 20px); } }
#blog_wrapper #post .archive_ti:before { content: ""; position: absolute; top: 2px; left: -30px; width: 22px; height: 20px; background: url("../images/blog/ico_category.svg") no-repeat; background-size: contain; }
@media only screen and (max-width: 768px) { #blog_wrapper #post .archive_ti:before { left: -25px; width: 18px; height: 16px; } }
#blog_wrapper #post .archive_ti:after { content: ""; position: absolute; top: 0; right: -12px; width: 12px; height: 100%; background: url("../images/ico_category_triangle.svg") left no-repeat; background-size: 100% 100%; }
@media only screen and (max-width: 768px) { #blog_wrapper #post .archive_ti:after { right: calc(-9px - 3 * (100vw - 375px)/393); width: calc(9px + 3 * (100vw - 375px)/393); } }
#blog_wrapper #post .entry { margin-bottom: 40px; }
#blog_wrapper #post .entry + .entry { padding-top: 40px; border-top: double 3px #9d9d9d; }
#blog_wrapper #post .entry_title { font-size: 2.5rem; font-weight: 500; padding: 0 15px 10px; border-bottom: solid 1px #353635; margin-bottom: 15px; }
@media only screen and (max-width: 1023.8px) { #blog_wrapper #post .entry_title { padding: 0 2.5% 10px; font-size: calc(2.0rem + 5 * (100vw - 375px)/649); } }
#blog_wrapper #post .entry-meta { width: calc(100% - 30px); margin: 0 auto 40px; display: flex; align-items: center; }
@media only screen and (max-width: 1023.8px) { #blog_wrapper #post .entry-meta { width: 95%; } }
#blog_wrapper #post .entry-meta .entry-date { font-size: 1.6rem; }
@media only screen and (max-width: 768px) { #blog_wrapper #post .entry-meta .entry-date { font-size: calc(1.4rem + 2 * (100vw - 375px)/393); } }
#blog_wrapper #post .entry-meta .category_list { margin-left: auto; display: flex; }
#blog_wrapper #post .entry-meta .member_category { margin-left: 30px; font-size: 1.6rem; }
@media only screen and (max-width: 768px) { #blog_wrapper #post .entry-meta .member_category { font-size: calc(1.4rem + 2 * (100vw - 375px)/393); } }
#blog_wrapper #post .entry-meta .member_category a + a:before { content: "／"; cursor: text; }
#blog_wrapper #post .entry-body { width: 95%; margin: 0 auto; font-size: 1.6rem; line-height: 1.8; }
@media only screen and (max-width: 768px) { #blog_wrapper #post .entry-body { font-size: calc(1.4rem + 2 * (100vw - 375px)/393); } }
#blog_wrapper #post .entry-body img { border-radius: 5px; display: block; margin-inline: auto; }
#blog_wrapper #post .entry-body .movie { margin: 0 auto 20px; }
#blog_wrapper #post .entry-body iframe { display: block; width: 100%; height: auto; margin: 0 auto; aspect-ratio: 16 / 9; border-radius: 5px; }
#blog_wrapper #post .entry-body p, #blog_wrapper #post .entry-body ul, #blog_wrapper #post .entry-body ol, #blog_wrapper #post .entry-body blockquote, #blog_wrapper #post .entry-body table, #blog_wrapper #post .entry-body h1, #blog_wrapper #post .entry-body h2, #blog_wrapper #post .entry-body h3, #blog_wrapper #post .entry-body h4, #blog_wrapper #post .entry-body h5, #blog_wrapper #post .entry-body h6 { margin-bottom: 20px; }
#blog_wrapper #post .entry-body ul { list-style: disc; list-style-position: inside; }
#blog_wrapper #post .entry-body ul li { text-indent: -1em; padding-left: 1em; }
#blog_wrapper #post .entry-body ol { list-style: decimal; list-style-position: inside; }
#blog_wrapper #post .entry-body ol li { text-indent: -1em; padding-left: 1em; }
#blog_wrapper #post .entry-body h1, #blog_wrapper #post .entry-body h2, #blog_wrapper #post .entry-body h3, #blog_wrapper #post .entry-body h4, #blog_wrapper #post .entry-body h5, #blog_wrapper #post .entry-body h6 { font-weight: 700; line-height: 1; }
#blog_wrapper #post .entry-body h1 { font-size: 2.8rem; }
#blog_wrapper #post .entry-body h2 { font-size: 2.4rem; }
#blog_wrapper #post .entry-body h3 { font-size: 2.0rem; border-bottom: double 3px #B4B6B8; padding-bottom: 5px; padding-left: 5px; }
#blog_wrapper #post .entry-body h4 { font-size: 1.8rem; border-left: solid 5px #B4B6B8; padding: 5px 0 5px 10px; }
#blog_wrapper #post .entry-body h5 { font-size: 1.8rem; background-color: #ececec; padding: 0.5em; }
#blog_wrapper #post .entry-body h6 { font-size: 1.8rem; }
#blog_wrapper #post .entry-body blockquote { border-left: solid 4px #B4B6B8; background-color: #ececec; padding: 1em; }
#blog_wrapper #post .entry-body blockquote p { margin-bottom: 0 !important; }
#blog_wrapper #post .entry-body blockquote p + p { margin-top: 20px; }
#blog_wrapper #post .entry-body table { border: solid 1px #B4B6B8; border-collapse: collapse; }
#blog_wrapper #post .entry-body table th, #blog_wrapper #post .entry-body table td { padding: 5px; border: solid 1px #B4B6B8; }
#blog_wrapper #post .entry-body table th { font-weight: 700; }
#blog_wrapper #post .entry-body hr { height: 1px; margin: 30px 0; padding: 0; background-color: #ccc; border: none; }
#blog_wrapper #post .entry-body .mt-be-file { margin-bottom: 20px; }
#blog_wrapper #post .entry-body .mt-be-file a { text-decoration: underline; color: #4BAD79; display: flex; align-items: center; line-height: 1; }
@media print, screen and (min-width: 1023.8px) { #blog_wrapper #post .entry-body .mt-be-file a:hover { text-decoration: none; } }
#blog_wrapper #post .entry-body .mt-be-file a::before { content: ""; width: 16px; height: 22px; background: url("../images/blog/ico_file.svg") no-repeat; background-size: contain; display: block; margin-right: 10px; }
#blog_wrapper #post .entry-body .mt-be-columns { justify-content: space-between; }
@media only screen and (max-width: 768px) { #blog_wrapper #post .entry-body .mt-be-columns { flex-direction: column; } }
#blog_wrapper #post .entry-body .mt-be-columns .mt-be-column { width: 48%; }
@media only screen and (max-width: 768px) { #blog_wrapper #post .entry-body .mt-be-columns .mt-be-column { width: 100%; } }
#blog_wrapper #post .no-entry { border: solid 1px #B4B6B8; background-color: #fff; padding: 10px 15px; text-align: center; font-size: 1.6rem; }
#blog_wrapper #sideber { width: 360px; margin-left: 80px; }
@media only screen and (max-width: 1023.8px) { #blog_wrapper #sideber { order: 3; width: 95%; max-width: 600px; margin: 0 auto 40px; } }
#blog_wrapper #sideber .slideshow { margin-bottom: 50px; }
@media only screen and (max-width: 1023.8px) { #blog_wrapper #sideber .slideshow { display: none; } }
#blog_wrapper #sideber .widget .widget-header { font-size: 2.0rem; font-weight: 700; border-bottom: solid 3px #B4B6B8; padding: 0 0 10px 10px; text-align: right; margin-bottom: 15px; }
@media only screen and (max-width: 1023.8px) { #blog_wrapper #sideber .widget .widget-header { text-align: left; } }
#blog_wrapper #sideber .widget .widget-content .widget-list li { text-align: right; border-bottom: solid 1px #B4B6B8; padding-bottom: 15px; font-size: 1.6rem; }
@media only screen and (max-width: 1023.8px) { #blog_wrapper #sideber .widget .widget-content .widget-list li { text-align: left; padding-left: 30px; } }
#blog_wrapper #sideber .widget .widget-content .widget-list li + li { margin-top: 15px; }
#blog_wrapper #sideber .widget .widget-content .widget-list li a { position: relative; }
#blog_wrapper #sideber .widget .widget-content .widget-list li a:before { content: ""; position: absolute; display: inline-block; height: calc(10px / 2 * tan(60deg)); width: 10px; clip-path: polygon(50% 0, 100% 100%, 0 100%); transform: rotate(90deg); background: #B4B6B8; left: -1.0em; top: 0; bottom: 0; margin: auto; }
#blog_wrapper #sideber .widget + .widget { margin-top: 40px; }
#blog_wrapper #sideber .banner_list li + li { margin-top: 15px; }
#blog_wrapper #sideber .logo_mark { width: 200px; opacity: 0.5; margin-inline: auto; margin-top: 50px; }

#entry-navi { width: 100%; display: flex; justify-content: center; padding: 40px 0 0; font-weight: 600; }
@media screen and (min-width: 1024px) and (max-width: 1300px) { #entry-navi { width: 90%; margin-inline: auto; } }
#entry-navi .entry-navi-prev a { display: flex; align-items: center; font-size: 1.6rem; }
#entry-navi .entry-navi-prev a::before { content: ''; display: block; width: 9px; height: 9px; margin-right: 15px; border-top: 2px solid #D1D2D4; border-left: 2px solid #D1D2D4; transform: rotate(-45deg); box-sizing: border-box; }
#entry-navi .entry-navi-next a { display: flex; align-items: center; font-size: 1.6rem; }
#entry-navi .entry-navi-next a::after { content: ''; display: block; width: 9px; height: 9px; margin-left: 15px; border-top: 2px solid #D1D2D4; border-right: 2px solid #D1D2D4; transform: rotate(45deg); box-sizing: border-box; }
@media print, screen and (min-width: 1024px) { #entry-navi .entry-navi-prev, #entry-navi .entry-navi-next { margin: 0 40px; } }
@media only screen and (max-width: 1023.8px) { #entry-navi .entry-navi-prev, #entry-navi .entry-navi-next { margin: 0 20px; } }

#content-sns { width: 100%; max-width: 1080px; padding: 20px 0; border-top: solid 1px #4E545A; border-bottom: solid 1px #4E545A; margin-top: 40px; margin-bottom: 40px; }
@media only screen and (max-width: 1023.8px) { #content-sns { width: 95%; order: 2; margin-inline: auto; padding: 30px 0; } }
#content-sns .ico_sns { justify-content: center; margin: 0 auto; }
#content-sns .ico_sns li + li { margin-left: 40px; }
@media only screen and (max-width: 1023.8px) { #content-sns .ico_sns li + li { margin-left: 20px; } }

#site-policy h3 { font-weight: 700; margin-bottom: 20px; }
#site-policy p { /*font-size: 1.6rem;
line-height: 1.8;*/ }

#member .member-form { background-color: #fff; border-radius: 10px; border: solid 1px #ccc; padding: 20px; box-sizing: border-box; font-size: 1.8rem; max-width: 640px; }
@media only screen and (max-width: 1023.8px) { #member .member-form { font-size: 1.6rem; } }
#member .member-form input[type=email] { display: block; width: 100%; padding: .375rem .75rem; font-size: 1.8rem; line-height: 1.5; color: #4E545A; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.5rem; }
@media only screen and (max-width: 1023.8px) { #member .member-form input[type=email] { font-size: 1.6rem; } }
#member .member-form .checkboxItem { display: flex; align-items: center; column-gap: 4px; width: fit-content; line-height: 1; cursor: pointer; }
@media only screen and (max-width: 1023.8px) { #member .member-form .checkboxItem { font-size: 1.4rem; } }
#member .member-form input[type=checkbox] { appearance: none; position: relative; width: 18px; height: 18px; border: 1px solid #B4B6B8; border-radius: 2px; cursor: pointer; }
#member .member-form input[type=checkbox]:checked { background-color: #B4B6B8; }
#member .member-form input[type=checkbox]:checked::after { content: ""; position: absolute; top: 6px; left: 4px; width: 10px; height: 4px; border-bottom: 2px solid #ffffff; border-left: 2px solid #ffffff; transform: rotate(-45deg); }
#member .member-form button[type=submit] { cursor: pointer; padding: 5px 10px; border-radius: 0.5rem; background-color: #fff; font-size: 1.8rem; border: solid 1px #B4B6B8; }
#member .member-form #mt-alert-success { border: solid 2px #40905F; border-radius: 5px; padding: 15px; }
#member .member-form #mt-alert-success .bold { color: #40905F; }
#member .member-form #mt-alert-success p { font-size: 1.4rem; line-height: 1.8; }
#member .member-form #mt-alert-success ul { list-style: disc; list-style-position: inside; font-size: 1.4rem; }
#member .member-form #mt-alert-success ul li + li { margin-top: 10px; }

body.login_form { display: grid; grid-template-rows: auto 1fr auto; grid-template-columns: 100%; min-height: 100vh; margin-top: 0 !important; }
body.login_form #header { position: relative !important; }