@charset "UTF-8";
/* CSS Document */
body{
font-family: Lato, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;font-size:16px;background: #fff;color: #333 !important;letter-spacing: 0.04em;line-height: 1.42857143;margin: 0;font-feature-settings:"palt"}
img{border: 0;vertical-align: middle;max-width: 100%;height: auto}
a{text-decoration:none;color: #443f3f}
ul,li{list-style:none}
iframe{border:none}

h1{color:white;font-size:40px;line-height:1em;text-align:center;padding:80px 0;background:url('../img/down.svg') no-repeat center bottom;background-size:46px;font-weight:bold}
h2{font-size:32px;line-height:1.5em;padding-bottom:10px}
h3{font-size:27px;line-height:1.5em;font-weight:bold;margin:20px auto}
p{margin-bottom:30px}

a:hover, a:focus {
color: #443f3f;
text-decoration: none;
outline: 0;
}
@media screen and (max-width: 768px){
h1{font-size:32px}
h2{font-size:27px}
h3{font-size:21px}
p{font-size:16px}
}
#top{overflow-x:hidden}
.site-header{
position: fixed !important;
top: auto;
left: 0;
width: 100%;height:64px;
z-index:1000;
background-color: rgba(255,255,255,0.9) !important;
margin: 0;
padding: .7em 0 0;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.container{
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media screen and (min-width: 768px){
.header-wrap .container{width: 88%}
}
@media screen and (min-width: 1025px){
.header-wrap .container > .row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
@media screen and (min-width: 768px){
.site_logo_box{width: 180px}
}
#btn-menu {border-radius:50%;background:#04BAAC;
color:white;display:none;
font-size: 28px;
font-family:"Font Awesome 5 Free";font-weight:900;
text-align: center;
width:40px;
height:40px;
cursor: pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#btn-menu::before{content:"\f0c9";font-size:.95em}
#btn-menu::after{background:#468;border-radius:50%;width:32px;height:32px}
#btn-menu.active:before {
content: "\f00d";
}
#masthead .row{margin-left:3%}

#mainnav {
display: block;
position: absolute;
right: 0;
top: 15px;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#mainnav .sub-menu {
z-index: 99999;
}
#mainnav ul {display:flex;justify-content:flex-end;
list-style: none;
margin: 0;
padding: 0;
}
#mainnav li{}
#mainnav ul li a, #mainnav ul li::before {
color: #333333;
}
#mainnav ul li a{padding:5px 30px;border-left:1px solid #999;
font-size: 14px;
display: block;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
outline: none;
white-space:nowrap;
}
#mainnav ul li:first-child>a{border-left:none}
#mainnav ul li ul {
display: block;
width: 120px;
position: absolute;
top: 100%;
left: initial;
opacity: 0;
visibility: hidden;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-o-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (max-width: 768px){
#mainnav ul{flex-wrap:wrap}
#mainnav ul>li{width:100%}
#mainnav ul li a{font-weight:normal}
}
.content-wrap{padding-top:66px}
.site-footer, .site-footer a {
color: #ffffff;
}
.site-footer {
background-color:#83827f;
}
.site-footer {
padding: 3em 0 0;
line-height: 2em;
width: 100%;
overflow: hidden;
position: relative;
}
#sidebar-footer, #sidebar-footer a, .footer-widgets .widget-title {
color: #CCC;
}
.footer-widgets .widget ul, .widget-area .widget ul{list-style:none;display:flex}

@media screen and (min-width: 768px){
.header_ber {
height: .8em;
}
.content-inner{margin:0 auto;width:100%;max-width:1000px}
.top .sec_ttl {
margin:1em auto 2em;
text-align: center;
}

a img:hover {
}
a img {
width: 100%;
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);
}
.top .text {
text-align: left;
display: block;
line-height: 1.6em;
margin: 0;
}
.content-inner:after {
content: "";
clear: both;
display: block;
}
.site-footer .content-inner {
}
.copyright {
background:#313131;
text-align: center;
color: #979797;
padding: .5em 0 1em;
clear: both;
letter-spacing: .12em;
margin: 5em 0 0;
font-size: .7em;
border-top: 1px #777 solid;
}
.site-footer .footer_list {
position: absolute;
width: 680px;
right: 0;
top: 3em;
}
.site-footer .container {
width: initial;
}
.site-footer .footer_logo {
width: 15%;
opacity: .5;
max-width: 160px;
}
.site-footer .footer_logo img {
min-width: 120px;
}
a img {
width: 100%;
-moz-transition: -moz-transform 0.5s linear;
-webkit-transition: -webkit-transform 0.5s linear;
-o-transition: -o-transform 0.5s linear;
-ms-transition: -ms-transform 0.5s linear;
transition: transform 0.5s linear;
-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-o-transform: scale(1.0);
-ms-transform: scale(1.0);
transform: scale(1.0);
}
#sidebar-footer ul li {
display: block;
font-size: 12px;
margin-right: 7%;
min-width: 5%;
letter-spacing: 0;white-space: nowrap;
}
#sidebar-footer ul li ul li {
float: inherit;
display: block;
white-space: nowrap;
}







}

@media screen and (max-width: 767px){
#mainnav{
display: block;
margin: 0 auto;
width: 100%;
position: absolute;
top:66px;
background-color: #FFF;
z-index: 1000;
box-shadow: 0 5px 5px rgba(0,0,0,0.25);
}
#mainnav li{float:none;display:block;border-bottom:1px dotted #CCC}
#mainnav ul li a{font-size:18px;padding:10px;color:#666;float:none;text-align:center}


.header-wrap {
padding: 0 0 55px;
}
#mainnav{display:none}
.site_logo_box {position: absolute;left: 4%}
.site_logo {max-height:42px}
#btn-menu {position:absolute;top:10px;right:4%}
.content-inner {
margin: 0 3%;
font-size: .9em;
}
.top .sec_ttl {
margin: 3em auto 0;
text-align: center;
padding-top:72px
}
.top .sec_ttl .title_en {
font-size: 24px !important;
line-height: 1em;
align-items: center;
display: flex;
display: -webkit-flex;
display: -ms-flexbox;
}
.top .sec_ttl .title_en:after {
content: "";
flex-grow: 1;
height: 1px;
background: #dedede;
margin-left: .3em;
}

.site-footer{padding: 1.5em 0 90px}
.footer_logo {width: 35%;opacity: .5;margin: 0 auto 2em}
footer .copyright {background:#313131;text-align: center;color: #979797;line-height: 4;clear: both;font-size: .7em}
}

@media only screen and (max-width: 1024px){
.site-header.fixed {position: fixed !important}
}
@media screen and (max-width: 767px){
#btn-menu {display: block}
}




.go-top {
background:#CCC;
position: fixed !important;
right: 20px;
bottom: -45px;
color: #fff;
display: block;
font-size: 22px;
line-height: 35px;
text-align: center;
width: 40px;
height: 40px;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
z-index: 9999;
cursor: pointer;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.go-top:hover {
background-color: #fff;
}
.go-top.show {
opacity: 1;
visibility: visible;
bottom: 11px;
z-index:999;
}

.lity{background:rgba(0,0,0,.8)}
.lity-close{margin:15px}

p>a.btn1{margin-bottom:30px;display:inline-block}
p>a.btn1 img{width:100%}
.flex2,.flex3,.flex4{display:flex;justify-content:space-between;flex-wrap:wrap}
.flex2>div,.flex2>li{width:calc(50% - 15px)}
.flex4>div,.flex4>li{width:24%}
ul.flex2,ul.flex3{gap:30px;padding-left:0}
ul.flex3>li{width:calc(33.3% - 20px)}
ul.flex3.time{margin:0;margin-bottom:1rem;padding:10px 0 0;gap:20px}
ul.flex3.time>li{width:calc(33.3% - 13.3px);text-align:center}
ul.flex3.time>li>div{border:1px solid #CCC;border-radius:10px;text-align:center;font-size:18px;padding:5px;font-weight:bold}
@media screen and (max-width: 768px){
.flex2>div{width:100%}
.flex4>div,.flex4>li{width:48%}
ul.flex2.sp-column{flex-direction:column}
ul.flex2.sp-column>li{width:100%}
ul.flex2>li{width:calc(50% - 15px)}
ul.flex3>li{width:calc(50% - 15px)}
ul.flex3.time>li{width:calc(50% - 10px)}
ul.flex3>li p{margin-bottom:0}
}
.center{text-align:center}

#news{padding-top:30px}
#news a.btn{border:2px solid #999;border-radius:24px;padding:10px 20px;font-size:18px;background:#FFF;transition:0.5s}
#news a.btn:hover{background:#e7eaee}

@media screen and (max-width: 768px){
.sp-left{text-align:justify}
header#masthead{}
}




.pc{display:block}
.sp{display:none}
@media screen and (max-width: 767px){
.pc{display:none}
.sp{display:block}
}

#side-navi{position:fixed;left:calc(100% - 45px);bottom:70px;z-index:100;width:60px}
#side-navi>div{border-top-left-radius:10px;border-bottom-left-radius:10px;transition:all .5s;margin-top:10px}
#side-navi>div.btn-blue{background:#036EB8}
#side-navi>div.btn-orange{background:#F39800}
#side-navi>div:hover{transform:translateX(-10px)}
#side-navi>div>a{display:block;writing-mode:vertical-rl;color:white;padding:30px 10px;text-align:center}
@media screen and (max-width: 767px){
#side-navi{display:flex;left:0;bottom:0;width:100%;transition:all .5s;opacity:0}
#side-navi.sp-btn{opacity:1}
#side-navi.sp-btn>div>a{pointer-events:auto}
#side-navi>div{width:50%;border-top-left-radius:0;border-bottom-left-radius:0;margin-top:0}
#side-navi>div:hover{transform:unset}
#side-navi>div>a{writing-mode:horizontal-tb;padding:20px 10px;font-size:1.125rem;pointer-events:none}
}

div.reserve{background:url('../img/bg_img1.svg') no-repeat center;background-size:cover;padding:15px 0}
div.reserve>div{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}

.swiper.swiper-main{width:100%;height:calc(100vh - 222px)}
.swiper.swiper-main .swiper-slide>img{width:100%;height:100%;object-fit:cover}
.swiper.swiper-main div#tgef2024{width:94%;max-width:1400px;height:calc(100vh - 222px);position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:100;padding-top:20px;padding-bottom:20px;display:flex}
.swiper.swiper-main div#tgef2024>img{max-height:100%;width:auto;object-fit:contain}
.swiper.swiper-sub{border-radius:20px}
.swiper-pagination-bullet-active{background:#00913A}
@media screen and (max-width: 767px){
.swiper.swiper-main,.swiper.swiper-main div#tgef2024{height:calc(100vw);max-height:576px}
}

.btn.btn-green{position:relative;padding:.35rem 3.75rem;background:url('../img/bg_img2.svg') no-repeat center;background-size:cover;font-size:21px;font-weight:700;border-radius:10px;color:white}
.btn.btn-green::after{content:'\f138';font-family:"Font Awesome 5 Free";position:absolute;top:50%;transform:translateY(-50%);right:10px}
.btn.btn-dark{position:relative;padding:.25rem 3.75rem}
.btn.btn-dark::after{content:'\f054';font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;top:50%;transform:translateY(-50%);right:10px}
.btn.btn-outline-dark{position:relative;padding:.25rem 3.75rem;background-color:white}
.btn.btn-outline-dark:hover{background-color:#343a40}
.btn.btn-outline-dark::after{content:'\f054';font-family:"Font Awesome 5 Free";font-weight:900;position:absolute;top:50%;transform:translateY(-50%);right:10px}

#kako{padding:90px 0 0}
#kako>section{margin:0 auto;width:100%;max-width:calc(1400px + 6%);padding:0 3%}
#kako>section .d-flex{gap:30px;justify-content:space-between}
#kako>section .d-flex>div{width:50%}
#kako>section .d-flex>div:first-child{max-width:560px}
@media screen and (max-width: 767px){
#kako{background:url('../img/bg_img1.svg') repeat-y center;background-size:auto;margin-top:150px;color:white}
#kako h3{text-align:center}
#kako>section .d-flex>div:first-child{width:100%;max-width:100%}
#kako .btn.btn-green{color:black;background:#FFF100;margin:0 auto;width:100%;border-radius:25px}
#kako .btn.btn-green::after{content:'\f054'}
}

#tgef2025{background:#f9f5ef;position:relative;padding:3rem 0;text-align:center;display:flex;align-items:center;height:calc(100vh - 222px);overflow:hidden}
#tgef2025::before{position:absolute;top:0;left:0;content:'';width:211px;height:122px;background:url('../img/top_tryangle.svg') no-repeat;z-index:99;mix-blend-mode:multiply}
#tgef2025>section{margin:0 auto;width:94%;max-width:2560px}
#tgef2025 div.d-flex{justify-content:center}
#tgef2025 .video{}
#tgef2025 video{width:100%;height:auto;box-shadow:-16px 16px 0 #22ac38;border-radius:2rem}
@media screen and (min-aspect-ratio: 2){
#tgef2025 video,#tgef2025 img{height:calc(100vh - 254px);width:auto}
}
@media screen and (max-width: 767px){
#tgef2025{padding-top:0;height:auto}
#tgef2025::before{content:unset}
#tgef2025>section{width:100%}
#tgef2025 video{box-shadow:none;border-radius:0}
#tgef2025 .sp{position:relative;padding-top:3rem}
#tgef2025 .sp::before{position:absolute;top:0;left:0;content:'';width:211px;height:122px;background:url('../img/top_tryangle.svg') no-repeat;mix-blend-mode:multiply}
}

#concept{background:url('../img/bg_img3.svg') no-repeat center;background-size:cover;padding:5rem 0 7.5rem}
#concept>section{margin:0 auto;width:94%;max-width:1400px;text-align:center}
#con1,#con2{border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem}
#con1{background:#d3e8e5}
#con2{background:#c8dbf0}
#con1>h3,#con2>h3{color:white;display:flex;gap:1rem;font-size:1.25rem;font-weight:700;margin:0;padding:0 1rem}
#con1>h3{background:url('../img/bg_concept01.svg') no-repeat center;background-size:cover}
#con2>h3{background:url('../img/bg_concept02.svg') no-repeat center;background-size:cover}
#con1>h3>span,#con2>h3>span{display:block;border-left:1px solid white;padding:.5rem 1rem;text-align:left}
#con1 p,#con2 p{margin:1rem auto 0;font-size:1.125rem;font-weight:700}
#con1 p>strong,#con2 p>strong{font-size:1.125em}
#con1 p>strong{color:#00a199}
#con2 p>strong{color:#008bce}
#con1 div.bg-white,#con2 div.bg-white{width:calc(100% - 2rem);margin:0 auto;padding:1rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;position:relative}
#con1 div.bg-white::after,#con2 div.bg-white::after{display:block;width:calc(100% - 2rem);height:14px;content:'';background:url('../img/triangle1.svg') no-repeat center;position:absolute;bottom:-14px}
#con1 h4,#con2 h4{background:white;display:inline-block;padding:.5rem 3rem;font-size:1.25rem;font-weight:700;transform:translateY(1.5rem)}
#con1 h4{color:#00a199;border:1px solid #00a199}
#con2 h4{color:#008bce;border:1px solid #008bce}
@media screen and (max-width: 767px){
#concept .d-md-flex{display:flex;flex-direction:column}
}
@media screen and (max-width: 569px){
#concept>section>h2>span{line-height:1.55 !important;font-size:20px;display:inline-block;margin-top:16px;font-weight:600;}
#concept>section>p.text-white{text-align:justify;font-weight:500;line-height:2;}
#con1 h4,#con2 h4{padding:1rem 1rem;line-height:1.55;}
}

#venue{background:rgba(201,188,156,.2);padding:5rem 0 7.5rem}
#venue>section{margin:0 auto;width:94%;max-width:1400px;text-align:center;position:relative;background:url('../img/venue2.webp') no-repeat top right}
#venue>section::before{position:absolute;display:block;content:'';background:url('../img/venue1.webp') no-repeat;width:172px;height:173px}
#venue h2{z-index:10}
@media screen and (max-width: 767px){
#venue h2{font-size:1.5rem;transform:translateY(-7.5rem)}
.scroll-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 20px; /* スクロールバーの高さ分 */
}
@media screen and (max-width: 569px){
  #venue h2{}
}

.scroll-container {
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;

scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE, Edge */
}
.scroll-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

.scroll-container img {
  display: inline-block;
height:449px;
max-width:unset;
}

/* カスタムスクロールバー本体 */
.custom-scrollbar {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 6px;
  background: #ccc;
  border-radius: 3px;
  width: 50px; /* 初期サイズは適当 */
  transition: background 0.2s;
}


}

#seminar{background:url('../img/bg_seminar.webp') no-repeat center;background-size:cover;position:relative;padding:3rem 0 60px;width:100vw;margin-left:calc(-50vw + 50%)}
#seminar2{background:url('../img/bg_seminar2.webp') no-repeat center;background-size:cover;position:relative;padding:3rem 0 60px;width:100vw;margin-left:calc(-50vw + 50%);margin-top:3rem}
#seminar3{background:url('../img/bg_seminar3.webp') no-repeat center;background-size:cover;position:relative;padding:3rem 0 60px;width:100vw;margin-left:calc(-50vw + 50%);margin-top:3rem}

#info{padding:5rem 0 7.5rem}
#info>section{margin:0 auto 75px;width:94%;max-width:1500px}
#info>section .d-flex{gap:30px}
#info>section .d-flex>div:first-child,#info>section .d-flex>div:last-child{width:50%;text-align:center}
#info>section .d-flex.real div.d-flex h3{margin-top:0;padding-bottom:10px;border-bottom:1px solid #CCC}
#info>section .d-flex.real div.d-flex p{margin:0 auto 10px;padding:0 0 10px;border-bottom:1px solid #CCC;line-height:1.2em}
#info>section .d-flex.real>div{position:relative}
#info>section .d-flex.real>div .coms{position:absolute;bottom:0;width:100%}
span.btn{cursor:auto}
#info>section .d-flex h3{text-align:left;margin-bottom:10px;display:flex;gap:10px;align-items:center}
#info>section .d-flex h3>img:first-child{}
#info>section .d-flex h3>img:nth-child(2){max-width:140px;height:auto}
#info>section .d-flex p{text-align:center;font-size:1rem;line-height:1.5;padding-top:10px}
#contents{padding-top:75px}
.top_ttl1,.top_ttl2{text-align:center;color:white;position:relative;padding:0;background:url('../img/bg_img1.svg') no-repeat center;background-size:cover;height:36px;display:flex;justify-content:center;align-items:center}
.top_ttl1::before{background:url('../img/no1.png') no-repeat 0 0;content:'';position:absolute;top:0;left:0;height:36px;width:36px}
.top_ttl2::before{background:url('../img/no2.png') no-repeat 0 0;content:'';position:absolute;top:0;left:0;height:36px;width:36px}

.top_ttl3,.top_ttl4{text-align:center;color:white;position:relative;padding:0;margin-top:90px}
.top_ttl3{background:#109A93}
.top_ttl4{background:#04BAAC}

@media screen and (max-width: 767px){
#info{padding-top:60px}
#info::before,#info::after{content:none}
#info>section .d-flex{flex-wrap:wrap}
#info>section .d-flex>div:first-child,#info>section .d-flex>div:last-child{width:100%}
#info .btn.btn-green{color:black;background:#FFF100;margin:0 auto;width:100%;border-radius:25px}
#info .btn.btn-green::after{content:'\f054'}
}

#lineup{background:#00a199;padding:5rem 0 7.5rem}
#lineup>section{margin:0 auto;width:94%;max-width:1700px}
#lineup ul.d-flex{gap:2rem;margin:0;padding:0}
#lineup ul.d-flex>li{background:white;text-align:center;width:calc(33.33% - 1.333rem);border-bottom-left-radius:20px;border-bottom-right-radius:20px}
#lineup ul.d-flex>li h3,#lineup ul.d-flex>li p{width:calc(100% - 2rem);margin-left:auto;margin-right:auto}
#lineup a.btn{font-size:1.3125rem;font-weight:700;color:#00a199;padding:1rem 4rem;background-image:url('../img/btn_bg.svg');background-repeat:no-repeat;background-position:center right .5rem}
@media screen and (max-width: 991px){
#lineup ul.d-flex{gap:1rem}
#lineup ul.d-flex>li{width:100%}
}


.lineup>section{margin:0 auto;width:100%;max-width:calc(1400px + 6%);padding:0 3% 150px}
.lineup>section>h2{background:url('../img/bg_title.svg') no-repeat left 3px bottom 3px;margin-right:calc(50% - 50vw);margin-bottom:0;padding-top:90px;padding-bottom:0}
.lineup>section>h2>img{max-width:90vw;height:auto}
.lineup.green{background:url('../img/bg_img1.svg') repeat-y center;background-size:auto}
.lineup>section .d-flex{gap:60px;justify-content:space-between}
.lineup>section .d-flex>div:first-child{width:100%;max-width:400px;padding:30px 0 0 60px}
.lineup>section .d-flex>div:last-child{border-bottom-left-radius:20px;border-bottom-right-radius:20px;overflow:hidden;margin-top:-3px}
@media screen and (max-width: 767px){
.lineup>section>h2{background-size:auto 40px}
}

div.lu-link{display:flex;gap:20px}
div.lu-link>div{width:25%}
@media screen and (max-width: 767px){
#lineup{padding-bottom:60px}
#lineup .lineup.green{background:unset}
.lineup{clear:both}
.lineup>section .d-flex{flex-direction:column-reverse;gap:unset;float:left}
.lineup>section .d-flex>div:first-child{max-width:100%;padding:0}
.lineup>section .d-flex>div:last-child{border-radius:20px;margin-top:10px}
.lineup>section .btn.btn-outline-dark{width:100%}
div.lu-link{flex-wrap:wrap}
div.lu-link>div{width:calc(50% - 10px)}
}

@media screen and (max-width: 569px){
#lineup>section>h2>span{line-height:1.55!important;font-size:20px;display:inline-block;margin-top:16px;font-weight:600;}
#lineup ul.d-flex>li p{text-align:justify;}
}

.bd-dash{border-top:1px dashed #CCC;height:10px}
.before{float:right;margin:-50px -20px 0 10px;z-index:10}
.before>img{max-width:185px;height:auto}
@media screen and (max-width: 767px){
.before{display:none}
}

.ttl_green{text-align:center;color:white;background:url('../img/bg_img1.svg') no-repeat center;background-size:cover;display:flex;justify-content:center;align-items:center;margin-bottom:0;font-size:1.125rem;padding:10px}
.ttl_border{border-top:1px solid #CCC;border-bottom:1px solid #CCC;display:flex;gap:20px;align-items:center;padding:10px 0;margin:60px auto 15px}
.ttl_border>h4{font-weight:700;margin-bottom:0}
.ttl_border>p{padding:0;margin:0}
@media screen and (max-width: 767px){
.ttl_border{justify-content:center}
}

.br-all{border-radius:10px}
.br-bottom{border-bottom-left-radius:10px;border-bottom-right-radius:10px}

#topic{background:#F2ECE2;position:relative}
#topic>h2{position:absolute;top:-40px;left:calc(50% - 360px)}
#topic>h3{padding-top:60px}
#topic>section{margin:0 auto;width:100%;max-width:calc(1400px + 6%);padding:0 3% 150px}

#recommend>section{margin:0 auto;width:100%;max-width:calc(1400px + 6%);padding:0 3% 150px}
#recommend>section .d-flex{gap:30px;flex-wrap:wrap}
#recommend>section .d-flex>div{width:calc(25% - 22.5px)}
#recommend>section .d-flex>div img{border-radius:10px}
#recommend>section .d-flex>div h4{padding-top:10px;font-size:1.125rem;display:flex;gap:5px;align-items:center}
#recommend>section .d-flex>div p{text-align:justify;font-size:14px;line-height:1.5em}
#recommend .badge.badge-pill.badge-light{border:1px solid #212529;font-size:66.66%}
@media screen and (max-width: 767px){
#recommend>section .d-flex>div{width:calc(50% - 15px)}
#recommend>section .d-flex>div h4,#recommend>section .d-flex>div p{text-align:center}
#recommend>section .d-flex>div p{margin-bottom:0}
}

.fs18{font-size:1.125rem;line-height:1.75em;text-align:justify}

a.disabled{pointer-events:none;color:#DDD !important}