@charset "UTF-8";

body {
    color: #3B4043;
    font-family: "Noto Sans JP",Meiryo,"Hiragino Sans",Arial,"Hiragino Kaku Gothic ProN",sans-serif;
}
.l-main {
    width: 100%;
    max-width: 1280px;
    padding: 0;
    margin-top: min(4.4vw,56px);
    z-index: 1;
}
.l-content > section:not(.contact) {
    margin-top: 4.7%;
}
.l-content > section p.flag,
.l-content > div.message p  {
    color: #fff;
    background: linear-gradient(90deg, #0076ff, #a34ccf 26%, #d30707 57%, #d7825a 75%, #ffcc00);
    line-height: 1.156;
    text-align: center;
    padding: min(0.86vw,11px) 0;
}
.l-content > section.exhibition p.flag {
    width: 66%;
    margin: 2.2% auto 0;
}
.l-content > section h2 {
    display: inline-block;
    background-image: linear-gradient(90deg, #0076ff, #a34ccf 26%, #d30707 57%, #d7825a 75%, #ffcc00);
    background-clip:text;
	-webkit-text-fill-color: transparent;
    font-weight: 800;
    letter-spacing: 0.15em;
}
.l-content > section p.sub {
    line-height: 1.5;
    margin-top: 1.8%;
}
.l-content .u-fs-12 {font-size: min(0.94vw,12px);}
.l-content .u-fs-13 { font-size: min(1.02vw, 13px);}
.l-content .u-fs-14 { font-size: min(1.1vw,14px);}
.l-content .u-fs-16 { font-size: min(1.25vw,16px);}
.l-content .u-fs-17 { font-size: min(1.33vw,17px);}
.l-content .u-fs-18 { font-size: min(1.41vw,18px);}
.l-content .u-fs-21 { font-size: min(1.64vw,21px);}
.l-content .u-fs-25 { font-size: min(1.96vw,25px);}
.l-content .u-fs-32 { font-size: min(2.5vw,32px);}
.l-content .u-fs-35 { font-size: min(2.74vw,35px);}
.l-content .u-fs-36 { font-size: min(2.82vw,36px);}
.l-content .u-fs-50 { font-size: min(3.91vw,50px);}

/*header*/
.header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 4.4vw;
    max-height: 56px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .4);
    box-sizing: border-box;
    padding: 0 min(4.7vw,60px) 0 min(4.2vw,53px);
    margin: 0 auto;
    z-index: 100;
}
.header > ul {
    display: flex;
    gap: min(1.6vw,20px);
}
.header > ul > li > a {
    color: #0F218B;
    font-size: min(1.1vw,14px);
    line-height: 1;
    text-decoration: none;
}

/*mv*/
.l-content > section.mv {
    position: relative;
}
.l-content > section.mv h1 {
    width: 25%;
    position: absolute;
    bottom: min(20.3vw,260px);
    right: min(4.7vw,60px);
}
.l-content > section.mv h1 img {
    width: 100%;
    height: auto;
}
.l-content > section.mv div.txt {
    width: 20.64%;
    position: absolute;
    top: 0;
    left: min(5.2vw,66px);
    color: #0F218B;
}
.l-content > section.mv div.txt > p {
    font-weight: 500;
    letter-spacing: 0.06em;
}
.l-content > section.mv div.txt ul,
.l-content > section.mv div.txt ul li:not(:first-of-type) {
    margin-top: 4%;
}
.l-content > section.mv div.txt ul li {
    display: flex;
    align-items: center;
    width: fit-content;
    max-width: fit-content;
    gap: min(0.8vw,10px);
    background-color: #fff;
    border: solid 1px rgba(15, 33, 139, .15);
    border-radius: min(0.47vw,6px);
    box-sizing: border-box;
    padding: 2.5% 5% 2.5%;
    white-space: nowrap;
}
.l-content > section.mv div.txt ul li::before {
    content: "";
    display: inline-block;  
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: min(0.86vw,11px);
    height: min(0.86vw,11px);
}
.l-content > section.mv div.txt ul li:first-of-type::before {
    background-image: url('/pr/misumix/img/icon_date.png');
}
.l-content > section.mv div.txt ul li:nth-of-type(2)::before {
    background-image: url('/pr/misumix/img/icon_place.png');
}
.l-content > section.mv div.txt ul li:nth-of-type(3)::before {
    background-image: url('/pr/misumix/img/icon_door.png');
}
.l-content > section.mv .container > img {
    display: block;
    width: 90.2%;
    max-width: 1155px;
    height: auto;
    margin-left: auto;
    margin-right: 2.9%;
}

/*bnr*/
.l-content > div.js-bnr {
    width: 100vw;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #0F218B;
    margin: 0 calc(50% - 50vw);
    opacity: 1;
    transform: translateY(0);
    transition: opacity .3s ease,transform .3s ease;
    z-index: 100;
}
.l-content > div.js-bnr.is-hidden {
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
}
.l-content > div.bnr > div.container {
    width: 100%;
    max-width: 1280px;
    position: relative;
    box-sizing: border-box;
    padding: 0 5.9% 0 4.7%;
    margin: 0 auto;
}
.l-content > div.bnr > div.container > div:first-of-type {
    display: flex;
    align-items: center;
}
.l-content > div.bnr > div.container > div:first-of-type img {
    width: 5.5%;
    height: auto;
}
.l-content > div.bnr > div.container > div:first-of-type > p {
    color: #fff;
    font-weight: 600;
}
.l-content > div.bnr > div.container > a.btn {
    width: 16.72%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFCC00;
    border-radius: min(0.47vw,6px);
    color: #0F218B;
    font-weight: 600;
    padding: 0.94% 0;
    text-align: center;
    text-decoration: none;
}
.l-content > div.bnr > div.container > a.btn span.arrow {
    display: inline-block;
    width: 0.643em;
    height: 0.643em;
    margin-left: 0.714em;
}
.l-content > div.bnr > div.container > a.btn span.arrow img {
    display: block;
    width: 100%;
    height: auto;
}
.l-content > div.bnr > div.container > div.anchor {
    width: 1.72%;
    position: absolute;
    top: 50%;
    right: min(5.9vw,75px);
    transform: translateY(-50%);
}
.l-content > div.bnr > div.container > div.anchor a {
    display: block;
}
.l-content > div.bnr > div.container > div.anchor a img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}

/*summary*/
.l-content > section.summary {
    margin-top: 5.5%;
}
.l-content > section.summary .container {
    width: 68%;
    margin: 0 auto;
}
.l-content > section.summary .container > div p {
    line-height: 1.625;
}
.l-content > section.summary .container > div p:first-of-type {
    margin-top: 3.5%;
}
.l-content > section.summary .container > div p:not(:first-of-type) {
    margin-top: 5.8%;
}

/*contents*/
.l-content > section.contents > .container > p:first-of-type {
    margin: 2% auto;
}
.l-content > section.contents > .container > p:nth-of-type(2) {
    display: inline-block;
    background-image: linear-gradient(90deg, #ffcc00, #d7825a 24%, #a34ccf 67%, #0076ff);
    background-clip:text;
	-webkit-text-fill-color: transparent;
    font-weight: 800;
    letter-spacing: 0.2em;
}
.l-content > section.contents > .container > p:last-of-type {
    line-height: 1.48;  
    margin-top: 0.8%;  
}

/*speaker*/
.l-content > section.speaker > div.container > p.add {
    margin-top: 1.2%;
}
.l-content > section.speaker > div.container > div {
    display: flex;
    justify-content: center;
    margin-top: 3.2%;
}
.l-content > section.speaker > div.container > div:last-of-type {
    gap: min(4.7vw,60px);
}
.l-content > section.speaker > div.container > div div.img {
    background-image: url('/pr/misumix/img/bg_speaker.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.l-content > section.speaker > div.container > div:first-of-type > div {
    width: 25.5%;
}
.l-content > section.speaker > div.container > div:last-of-type > div {
    width: 23.5%;
}
.l-content > section.speaker > div.container div.img img {
    width: 100%;
    vertical-align: bottom;
}
.l-content > section.speaker > div.container > div p.soon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: min(18.1vw,231px);
    color: #fff;
    line-height: 1.143;
}
.l-content > section.speaker > div.container > div p.position {
    line-height: 1.417;
    margin-top: 5%;
}
.l-content > section.speaker > div.container > div p.name {
    color: #0F218B;
    line-height: 1.143;
    margin-top: 2.7%;
}

/*benefit*/
.l-content > section.benefit > div.container > div {
    display: flex;
    gap: min(10.6vw,135px);
    justify-content: center;
    margin-top: 2.4%;
}
.l-content > section.benefit div.box {
    position: relative;
    width: 39.9%;
    height: min(8.4vw,107px);
}
.l-content > section.benefit div.color::before,
.l-content > section.benefit div.color::after,
.l-content > section.benefit div.color span,
.l-content > section.benefit div.color {
    border-radius: min(0.71vw,9px);
}
.l-content > section.benefit div.color::before,
.l-content > section.benefit div.color::after,
.l-content > section.benefit div.color span{
    content: "";
    position: absolute;
    width: 93.2%;
    height: min(7.2vw,92px);
    mix-blend-mode: multiply;
}
.l-content > section.benefit div.color::before {
    background: rgba(255,200,0);
    left: 0;
    top: 0;
}
.l-content > section.benefit div.color::after {
    background: rgba(255,0,200);
    left: min(2.8vw,35px);
    top: min(0.4vw,5px);
}
.l-content > section.benefit div.color span {
    background: rgba(0,20,180);
    left: min(1.5vw,19px);
    top: min(1.2vw,15px);
}
.l-content > section.benefit div.box > div:nth-of-type(2) {
    position: absolute;
    top: min(2.4vw,30px);
    left: min(4vw,50px);
    border-left: solid min(0.3vw,3px) #FFCC00;
    color: #fff;
    padding-left: 3%;
    text-align: left;
    z-index: 1;
}
.l-content > section.benefit div.box > div:nth-of-type(2) p:first-of-type {
    font-weight: 600;
}
.l-content > section.benefit div.box > div:nth-of-type(2) p:last-of-type {
    line-height: 1.667;
}

/*exhibition*/
.l-content > section.exhibition > div.container {
    width: 90.9%;
    margin: 0 auto;
}
.l-content > section.exhibition div.soon {
    position: relative;
    background-color: #fff;
    border: solid 1px #fff;
    border-image: linear-gradient(90deg, #0076ff, #a34ccf 26%, #d30707 57%, #d7825a 75%, #ffcc00) 1;
    border-width: min(1.6vw,20px) min(2vw,25px);
    margin: 3% auto 0;
}
.l-content > section.exhibition div.soon > div.filter {
    height: min(29.6vw,378px);
    background: linear-gradient(90deg, #0076ff, #a34ccf 26%, #d30707 57%, #d7825a 75%, #ffcc00);
    opacity: .25;
}
.l-content > section.exhibition div.soon > p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    background: linear-gradient(90deg, #0076ff, #a34ccf 26%, #d30707 57%, #d7825a 75%, #ffcc00);
    background-clip:text;
	-webkit-text-fill-color: transparent;
    font-weight: 900;
    letter-spacing: .35em;
    line-height: 1;
    margin: auto;
}

/*seminar*/
.l-content > section.seminar div.bg {
    background-image: url('/pr/misumix/img/bg_seminar.png'),url('/pr/misumix/img/bg_seminar.png');
    background-position: min(-2.6vw,-33px) center, min(72.9vw,933px) center;
    background-repeat: no-repeat, no-repeat;
    background-size: min(30.2vw,387px) auto, min(30.2vw,387px) auto;
}
.l-content > section.seminar div.soon {
    width: 75.7%;
    position: relative;
    background-color: #fff;
    border: solid 1px #fff;
    border-image: linear-gradient(90deg, #0076ff, #a34ccf 26%, #d30707 57%, #d7825a 75%, #ffcc00) 1;
    border-width: min(1.6vw,20px) min(2vw,25px);
    box-sizing: border-box;
    margin: 2.8% auto 0;
}
.l-content > section.seminar div.soon > div.filter {
    height: min(45.8vw,586px);
    background: linear-gradient(90deg, #0076ff, #a34ccf 31%, #d30707 53%, #d7825a 75%, #ffcc00);
    opacity: .25;
}
.l-content > section.seminar div.soon > p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    background: linear-gradient(90deg, #0076ff, #a34ccf 26%, #d30707 57%, #d7825a 75%, #ffcc00);
    background-clip:text;
	-webkit-text-fill-color: transparent;
    font-weight: 900;
    letter-spacing: .35em;
    line-height: 1;
    margin: auto;
}

/*access*/
.l-content > section.access > div.container {
    width: 90.1%;
    margin: 0 auto;
}
.l-content > section.access > div.container > div {
    display: flex;
    justify-content: space-between;
    margin-top: 3.9%;
}
.l-content > section.access > div.container > div > div:first-of-type {
    width: 50.3%;
    height: min(27.4vw,350px);
    background-color: #CBD2E2;
    border-radius: 3px;
}
.l-content > section.access > div.container > div > div:first-of-type > iframe {
    width: 100%;
    height: 100%;
    border-radius: 3px;
}
.l-content > section.access div.box {
    position: relative;
    width: min(40.3vw,515px);
    height: min(22.7vw,290px);
}
.l-content > section.access div.color::before,
.l-content > section.access div.color::after,
.l-content > section.access div.color span,
.l-content > section.access div.color {
  border-radius: min(0.71vw,9px);
}
.l-content > section.access div.color::before,
.l-content > section.access div.color::after,
.l-content > section.access div.color span{
    content: "";
    position: absolute;
    width: min(37.2vw,476px);
    height: min(19.6vw,250px);
    mix-blend-mode: multiply;
}
.l-content > section.access div.color::before {
    background: rgba(255,200,0);
    left: 0;
    top: 0;
}
.l-content > section.access div.color::after {
    background: rgba(255,0,200);
    left: min(3vw,38px);
    top: min(1.2vw,15px);
}
.l-content > section.access div.color span {
    background: rgba(0,20,180);
    left: min(1.6vw,20px);
    top: min(3.1vw,40px);
}
.l-content > section.access div.box > div:nth-of-type(2) {
    position: absolute;
    top: min(4.7vw,60px);
    left: min(3.5vw,45px);
    color: #fff;
    text-align: left;
    z-index: 1;
}
.l-content > section.access div.box > div:nth-of-type(2) > p {
    font-weight: 600;
    margin-bottom: 4%;
}
.l-content > section.access div.box > div:nth-of-type(2) > table {
    display: block;
    border-left: solid 3px #FFCC00;
    padding-left: min(1.2vw,15px);
}
.l-content > section.access div.box > div:nth-of-type(2) > table tr:not(:first-of-type) th,
.l-content > section.access div.box > div:nth-of-type(2) > table tr:not(:first-of-type) td {
    padding-top: min(1.2vw,15px);
}
.l-content > section.access div.box > div:nth-of-type(2) > table th,
.l-content > section.access div.box > div:nth-of-type(2) > table td {
    vertical-align: top;
}
.l-content > section.access div.box > div:nth-of-type(2) > table th {
    display: inline-block;
    margin-right: min(3.5vw,45px);
}

/*catalog*/
.l-content > section.catalog {
    margin-top: 7.1%;
}
.l-content > section.catalog > div.container {
    display: flex;
    align-items: center;
    gap: min(7.4vw,95px);
    justify-content: center;
}
.l-content > section.catalog > div.container > div {
    width: 36%;
}
.l-content > section.catalog > div.container > div p:first-of-type {
    color: #0F218B;
    line-height: 1.238;
}
.l-content > section.catalog > div.container > div p:nth-of-type(2) {
    line-height: 2;
    margin-top: 5.4%;
}
.l-content > section.catalog > div.container > div a {
    display: flex;
    align-items: center;
    justify-content: center;
    display: inline-block;
    border: solid min(0.2vw,2px) #0F218B;
    border-radius: 2em;
    color: #0F218B;
    line-height: 1.429;
    padding: 3.1% 5.7%;
    margin-top: 6.6%;
    text-decoration: none;
}
.l-content > section.catalog > div.container > div a span.arrow {
    display: inline-block;
    width: 0.643em;
    height: 0.643em;
    margin-left: 0.714em;
}
.l-content > section.catalog > div.container > div a span.arrow img {
    display: block;
    width: 100%;
    height: auto;
}
.l-content > section.catalog > div.container > img {
    width: 35.8%;
    height: auto;
}

/*message*/
.l-content > div.message {
    margin-top: 6.3%;
}
.l-content > div.message p {
    line-height: 1.406;
    padding: 0.55% 0;
}

/*contact*/
.l-content > section.contact {
    background-color: #0F218B;
    color: #fff;
    padding: 2% 0 1.2%;
    text-align: center;
}
.l-content > section.contact > div.container > div {
    display: flex;
    gap: min(1.6vw,20px);
    justify-content: center;
    line-height: 1.75;
}
.l-content > section.contact > div.container > div p {
    text-align: left;
}
.l-content > section.contact > div.container > div a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    background-color: #FFCC00;
    border-radius: min(0.47vw,6px);
    color: #0F218B;
    font-weight: 600;
    padding: 1.4% 0;
    text-decoration: none;
}
.l-content > section.contact > div.container > div a span.arrow {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-left: 0.938em;
}
.l-content > section.contact > div.container > div a span.arrow img {
    display: block;
    width: 100%;
    height: auto;
}
.l-content > section.contact ul {
    display: flex;
    gap: min(1.6vw,20px);
    justify-content: center;
    margin-top: 1.5%;
}
.l-content > section.contact ul > li:first-of-type {
    color: rgba(255, 255, 255, .5);
    line-height: 1.5;
    letter-spacing: 0.05em;
}
.l-content > section.contact ul > li:nth-of-type(2) {
    line-height: 1.5;
}
.l-content > section.contact ul > li:nth-of-type(3) {
    color: #FFCC00;
    font-weight: 500;
    line-height: 1.5;
}
.l-content > section.contact > div.container > p {
    color: rgba(255, 255, 255, .5);
    line-height: 1.5;
    margin-top: 1.5%;
}

/*footer*/
.footer {
    width: 100%;
    max-width: 1280px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 4% 0 5.5%;
    margin: 1.6% auto;
}
.footer > a {
    width: 12%;
}
.footer > a > img {
    width: 100%;
    height: auto;
}
.footer > p.copyright,
.footer > p.policy > a {
    color: #A7A7A7;
    font-size: min(0.94vw,12px);
}
.footer > p.policy > a {
    text-decoration: none;
}

/*======================
    PC
======================*/
@media screen and (min-width:1025px) {
.sp_view,.tab_view {display: none;}
.pc_view{display: initial;}
.header {display: inherit;}
}

/*======================
    Tab
======================*/
@media screen and (max-width:1024px) {
/*common*/
.pc_view,.sp_view {display: none;}
.tab_view{display: initial;}
.l-main {margin-top: 7.3vw;}
.l-content > section:not(.contact) {margin-top: 5.3%;}
.l-content > section p.flag,.l-content > div.message p  {padding: 1.7vw 0;}
.l-content > section.exhibition p.flag {width: 100%; margin: 4.2% auto 0;}
.l-content .u-fs-12 {font-size: 1.57vw;}
.l-content .u-fs-13 {font-size: 1.7vw;}
.l-content .u-fs-14 {font-size: 1.83vw;}
.l-content .u-fs-16,.l-content .u-fs-17 {font-size: 2.09vw;}
.l-content .u-fs-18 {font-size: 2.35vw;}
.l-content .u-fs-21 {font-size: 2.74vw;}
.l-content .u-fs-25 {font-size: 3.26vw;}
.l-content .u-fs-32 {font-size: 4vw;}
.l-content .u-fs-35,.l-content .u-fs-36 {font-size: 3.7vw;}
.l-content .u-fs-50 {font-size: 6.52vw;}
/*header*/
.header {
    display: inherit;
    height: 7.3vw;
    padding: 0 2.7vw;
}
.header > ul {
    gap: 2.7vw;
}
.header > ul > li > a {
    font-size: 1.83vw;
}
/*mv*/
.l-content > section.mv {
    margin-top: 4.6%;
}
.l-content > section.mv h1 {
    width: 41.7%;
    height: fit-content;
    top: 0;
    right: 4.7vw;
}
.l-content > section.mv div.txt {
    position: initial;
    width: fit-content;
    margin-left: 8.5%;
}
.l-content > section.mv div.txt ul,
.l-content > section.mv div.txt ul li:not(:first-of-type) {
    margin-top: 3.5%;
}
.l-content > section.mv div.txt ul li {
    gap: 1.3vw;
    border-radius: 0.8vw;
    padding: 2.5% 5% 2.5%;
}
.l-content > section.mv div.txt ul li::before {
    width: 1.5vw;
    height: 1.5vw;
}
.l-content > section.mv .container > img {
    width: 100%;
    height: 80.4vw;
    object-fit: cover;
    object-position: 42% 0;
    margin: 1.4% auto 0;
}
/*bnr*/
.l-content > div.bnr > div.container > div:first-of-type {
    gap: 0.7vw;
}
.l-content > div.bnr > div.container {
    padding: 0 3.3% 0 17%;
}
.l-content > div.bnr > div.container > div:first-of-type img {
    width: 8.8%;
    height: auto;
}
.l-content > div.bnr > div.container > a.btn {
    width: 27.9%;
    left: initial;
    right: 17vw;
    transform: translate(0, -50%);
    border-radius: 0.8vw;
    padding: 1.5% 0;
}
.l-content > div.bnr > div.container > a.btn span.arrow {
    width: 0.563em;
    height: 0.563em;
    margin-left: 0.5em;
}
.l-content > div.bnr > div.container > div.anchor {
    width: 2.87%;
    right: 3.3vw;
}
/*summary*/
.l-content > section.summary {
    margin-top: 7.9%;
}
.l-content > section.summary .container {
    width: 80.3%;
}
.l-content > section.summary .container > div p:first-of-type {
    margin-top: 4.5%;
}
.l-content > section.summary .container > div p:not(:first-of-type) {
    margin-top: 4%;
}
/*contents*/
.l-content > section.contents > .container > p:first-of-type {
    margin: 1.3% auto 2%;
}
.l-content > section.contents > .container > p:last-of-type { 
    margin-top: 1.2%;  
}
/*speaker*/
.l-content > section.speaker > div.container > p.add {
    margin-top: 1.8%;
}
.l-content > section.speaker > div.container > div {
    margin-top: 5.3%;
}
.l-content > section.speaker > div.container > div:last-of-type {
    gap: 7.9vw;
}
.l-content > section.speaker > div.container > div:first-of-type > div {
    width: 33%;
}
.l-content > section.speaker > div.container > div:last-of-type > div {
    width: 31.9%;
}
.l-content > section.speaker > div.container > div p.soon {
    height: 23.4vw;
    margin-right: 5%;
}
.l-content > section.speaker > div.container > div p.position,
.l-content > section.speaker > div.container > div p.name {
    margin-top: 5.9%;
}
/*benefit*/
.l-content > section.benefit > div.container > div {
    flex-wrap: wrap;
    gap: 0.65vw;
    margin-top: 5.8%;
}
.l-content > section.benefit div.box {
    width: 66.6%;
    height: 14vw;
}
.l-content > section.benefit div.color::before,
.l-content > section.benefit div.color::after,
.l-content > section.benefit div.color span,
.l-content > section.benefit div.color {
    border-radius: 1.2vw;
}
.l-content > section.benefit div.color::before,
.l-content > section.benefit div.color::after,
.l-content > section.benefit div.color span{
    width: 93.2%;
    height: 12vw;
}
.l-content > section.benefit div.color::after {
    left: 4.6vw;
    top: 0.77vw;
}
.l-content > section.benefit div.color span {
    left: 2.7vw;
    top: 2vw;
}
.l-content > section.benefit div.box > div:nth-of-type(2) {
    top: 3.9vw;
    left: 6.5vw;
    border-left: solid 0.39vw #FFCC00;
}
/*exhibition*/
.l-content > section.exhibition > div.container {
    width: 92.6%;
}
.l-content > section.exhibition div.soon {
    border-width: 2.6vw 2vw;
    margin: 4.3% auto 0;
}
.l-content > section.exhibition div.soon > p.u-fs-35 {
    font-size: 4.57vw;
    letter-spacing: .15em;
}
.l-content > section.exhibition div.soon > div.filter {
    height: 49.8vw;
}
/*seminar*/
.l-content > section.seminar div.bg {
    background-position: left center, right center;
    background-size: auto 55.4vw, auto 55.4vw;
}
.l-content > section.seminar div.soon {
    width: 80.8%;
    border-image: linear-gradient(90deg, #ffcc00, #d7825a 25%, #d30707 57%, #a34ccf 74%, #0076ff) 1;
    border-width: 1.6vw 2vw;
    margin: 4.6% auto 0;
}
.l-content > section.seminar div.soon > p.u-fs-35 {
    font-size: 4.57vw;
    letter-spacing: .15em;
}
.l-content > section.seminar div.soon > div.filter {
    height: 54.9vw;
}
/*access*/
.l-content > section.access > div.container > div {
    flex-wrap: wrap;
    gap: 2vw;
    justify-content: center;
    margin-top: 4.4%;
}
.l-content > section.access > div.container > div > div:first-of-type {
    width: 84%;
    height: 45.6vw;
}
.l-content > section.access div.box {
    width: 66.6vw;
    height: 37.8vw;
}
.l-content > section.access div.color::before,
.l-content > section.access div.color::after,
.l-content > section.access div.color span,
.l-content > section.access div.color {
  border-radius: 0.71vw;
}
.l-content > section.access div.color::before,
.l-content > section.access div.color::after,
.l-content > section.access div.color span{
    width: 62vw;
    height: 32.6vw;
}
.l-content > section.access div.color::after {
    left: 4.7vw;
    top: 2vw;
}
.l-content > section.access div.color span {
    left: 2.5vw;
    top: 5.2vw;
}
.l-content > section.access div.box > div:nth-of-type(2) {
    top: 7.8vw;
    left: 5.9vw;
}
.l-content > section.access div.box > div:nth-of-type(2) > p {
    margin-bottom: 5.7%;
}
.l-content > section.access div.box > div:nth-of-type(2) > table {
    padding-left: 2vw;
}
.l-content > section.access div.box > div:nth-of-type(2) > table tr:not(:first-of-type) th,
.l-content > section.access div.box > div:nth-of-type(2) > table tr:not(:first-of-type) td {
    padding-top: 1.31vw;
}
.l-content > section.access div.box > div:nth-of-type(2) > table th {
    margin-right: 5.3vw;
}
/*catalog*/
.l-content > section.catalog {
    margin-top: 6.5%;
}
.l-content > section.catalog > div.container {
    gap: 2.6vw;
}
.l-content > section.catalog > div.container > div {
    width: 40%;
}
.l-content > section.catalog > div.container > div p:nth-of-type(2) {
    margin-top: 9%;
    margin-left: 2%;
}
.l-content > section.catalog > div.container > div a {
    border: solid 0.3vw #0F218B;
    padding: 4% 9.3%;
    margin-top: 11%;
}
.l-content > section.catalog > div.container > img {
    width: 42.4%;
}
/*message*/
.l-content > div.message {
    margin-top: 9%;
}
.l-content > div.message p.u-fs-32 {
    font-size: 3.26vw;
    padding: 2.2% 0;
}
/*contact*/
.l-content > section.contact {
    padding: 3.3% 0 1.7%;
}
.l-content > section.contact > div.container > div {
    gap: 7vw;
}
.l-content > section.contact > div.container > div a {
    width: 37.8%;
    border-radius: 0.77vw;
    padding: 2.7% 0;
}
.l-content > section.contact > div.container > div a span.arrow {
    width: 0.75em;
    height: 0.75em;
    margin-left: 0.313em;
}
.l-content > section.contact ul {
    gap: 2.6vw;
    margin-top: 2.6%;
}
.l-content > section.contact > div.container > p {
    margin-top: 2.6%;
}
/*footer*/
.footer {
    padding: 0 6.6% 0 7.9%;
    margin: 2.6% auto 7.9%;
}
.footer > a {
    width: 19.1%;
}
.footer > a img {
    width: 100%;
    height: auto;
}
.footer > p.copyright,
.footer > p.policy > a {
    font-size: 1.57vw;
}
}

/*======================
    SP
======================*/
@media screen and (max-width:500px) {
.pc_view,.tab_view{display: none;}
.sp_view{display: inherit;}
.l-main {margin-top: 18.7vw;}
.l-content > section[id] {scroll-margin-top: 18.7vw;}
.l-content > section:not(.contact) {margin-top: 9.3%;}
.l-content > section p.flag {font-size: 5.6vw; padding: 1.9% 0;}
.l-content > section.exhibition p.flag {width: 100%; margin: 4.2% auto 0;}
.l-content > section p.sub {letter-spacing: -0.07px; margin-top: 5.9%;}
.l-content > section.exhibition p.sub {white-space: nowrap;}
.l-content .u-fs-12 {font-size: 3.2vw;}
.l-content .u-fs-13 {font-size: 3.47vw;}
.l-content .u-fs-14 {font-size: 3.74vw;}
.l-content .u-fs-16 {font-size: 4.3vw;}
.l-content .u-fs-17 {font-size: 4.54vw;}
.l-content .u-fs-18 {font-size: 4.8vw;}
.l-content .u-fs-21 {font-size: 5.6vw;}
.l-content .u-fs-25 {font-size: 6.7vw;}
.l-content .u-fs-32 {font-size: 8.54vw;}
.l-content .u-fs-35 {font-size: 9.34vw;}
.l-content .u-fs-36 {font-size: 9.6vw;}

.l-content .u-fs-sp-12 {font-size: 3.2vw;}
.l-content .u-fs-sp-15 {font-size: 4vw;}
.l-content .u-fs-sp-16 {font-size: 4.3vw;}
.l-content .u-fs-sp-18 {font-size: 4.8vw; line-height: 1.4;}
.l-content .u-fs-sp-21 {font-size: 5.6vw;}
.l-content .u-fs-sp-24 {font-size: 6.4vw;}


/*header*/
body.scroll {overflow: hidden;}
.header_sp {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 18.7vw;
    background-color: #fff;
    z-index: 100;
}
.header_sp_inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 500px;
    height: 100%;
    padding: 0 8%;
    box-sizing: border-box;
}
.header_sp .logo {
    width: 44.8%;
}
.header_sp .logo img {
    width: 100%;
    height: auto;
    vertical-align: middle;
}
.header_sp .hamburger {
    position: relative;
    width: 6.94vw;
    height: 6.94vw;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 101;
}
.header_sp .hamburger span {
    display: block;
    position: absolute;
    left: 0.8vw;
    width: 76%;
    height: 2px;
    background-color: #FFCC00;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.header_sp .hamburger span:first-of-type {
    top: 1.6vw;
}
.header_sp .hamburger span:nth-of-type(2) {
    top: 3.2vw;
}
.header_sp .hamburger span:last-of-type {
    width: 3.47vw;
    top: 4.8vw;
}
.header_sp .hamburger.active {
    background-color: #EEE;
    border-radius: 1.6vw;
}
.header_sp .hamburger.active span {
    width: 4.27vw;
    left: 1.33vw;
    background-color: #0F218B;
}
.header_sp .hamburger.active span:first-of-type {
    transform: translateY(1.6vw) rotate(45deg);
}
.header_sp .hamburger.active span:nth-of-type(2) {
    opacity: 0;
}
.header_sp .hamburger.active span:last-of-type {
    transform: translateY(-1.6vw) rotate(-45deg);
}
nav.sp_nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: #233393;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 42.7vw;
    transform: translateY(-100%);
    transition: transform 0.4s ease-in-out;
    z-index: 99;
}
nav.sp_nav.active {
    transform: translateY(0);
}
nav.sp_nav ul.nav_list {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
nav.sp_nav ul.nav_list > li.nav_item:not(:first-of-type) {
    margin-top: 5.33vw;
}
nav.sp_nav > a.btn {
    position: relative;
    width: 63.2%;
    background-color: #FFCC00;
    border-radius: 1.6vw;
    color: #0F218B;
    font-size: 4.3vw;
    font-weight: 600;
    padding: 2.32% 0 2.72%;
    text-align: center;
    text-decoration: none;
    margin-bottom: 14.7%;
}
nav.sp_nav > a.btn > span.arrow {
    position: absolute;
    top: 50%;
    right: 1.55em;
    display: inline-block;
    width: 0.75em;
    height: 0.75em;
    transform: translateY(-50%);
}
nav.sp_nav > a.btn > span.arrow img {
    width: 100%;
    height: auto;
    vertical-align: top;
}
nav.sp_nav ul.nav_list > li.nav_item a {
    display: inline-block;
    color: #fff;
    font-size: 4.8vw;
    font-weight: 600;
    text-decoration: none;
}
/*mv*/
.l-content > section.mv {
    margin: 5.4% auto 13.4%;
    padding: 18% 0 37.4%;
}
.l-content > section.mv div.txt {
    position: initial;
    width: fit-content;
    margin-left: 6.67%;
}
.l-content > section.mv div.txt > p {
    position: absolute;
    top: 0;
}
.l-content > section.mv .container > img {
    width: 100%;
    height: 93.4vw;
    object-position: center;
    object-fit: cover;
}
.l-content > section.mv div.txt ul {
    position: absolute;
    bottom: 0;
}
.l-content > section.mv div.txt ul li:not(:first-of-type) {
    margin-top: 4.3%;
}
.l-content > section.mv div.txt ul li {
    gap: 2.1vw;
    border-radius: 1.62vw;
    padding: 2.7% 5.8%;
}
.l-content > section.mv div.txt ul li::before {
    width: 2.7vw;
    height: 2.7vw;
}
/*bnr*/
.l-content > div.bnr > div.container > div:first-of-type p {
    font-size: 2.4vw;
}
.l-content > div.bnr > div.container {
    padding: 0 5.4%;
}
.l-content > div.bnr > div.container > div:first-of-type img {
    width: 13.4%;
    height: auto;
}
.l-content > div.bnr > div.container > a.btn {
    width: 38.7%;
    left: initial;
    right: 9.5vw;
    transform: translate(0, -50%);
    border-radius: 1.6vw;
    padding: 1.2% 0;
}
.l-content > div.bnr > div.container > a.btn span.arrow {
    width: 0.583em;
    height: 0.583em;
    margin-left: 0.5em;
}
.l-content > div.bnr > div.container > div.anchor {
    width: 2.87%;
    right: min(3.3vw,25px);
}
/*summary*/
.l-content > section.summary {
    margin-top: 4%;
}
.l-content > section.summary .container {
    width: 83.8%;
}
.l-content > section.summary .container > div p:first-of-type {
    margin-top: 9%;
}
.l-content > section.summary .container > div p:not(:first-of-type) {
    margin-top: 6%;
}
/*contents*/
.l-content > section.contents > .container > p:first-of-type {
    margin: 4% auto 2.7%;
}
.l-content > section.contents > .container > p:last-of-type { 
    margin-top: 2.7%;  
}
/*speaker*/
.l-content > section.speaker > div.container > p.add {
    margin-top: 3%;
}
.l-content > section.speaker > div.container > p.sub {
    font-size: 4vw;
}
.l-content > section.speaker > div.container > div {
    flex-wrap: wrap;
    margin-top: 13.4%;
}
.l-content > section.speaker > div.container > div:last-of-type {
    gap: 9.4vw;
}
.l-content > section.speaker > div.container > div:first-of-type > div {
    width: 71.5%;
}
.l-content > section.speaker > div.container > div:first-of-type > div:nth-of-type(2) {
    margin-top: 10.8%;
}
.l-content > section.speaker > div.container > div:first-of-type > div:nth-of-type(3) {
    margin-top: 21.4%;
}
.l-content > section.speaker > div.container > div:last-of-type > div {
    width: 61.4%;
}
.l-content > section.speaker > div.container > div p.soon {
    height: 50.7vw;
    margin-right: 5%;
}
.l-content > section.speaker > div.container > div p.position {
    margin-top: 5.6%;
}
.l-content > section.speaker > div.container > div p.name {
    margin-top: 3.8%;
}
/*benefit*/
.l-content > section.benefit > div.container > div {
    flex-wrap: wrap;
    gap: 4vw;
    margin-top: 6.7%;
}
.l-content > section.benefit div.box {
    width: 83.8%;
    height: 28.3vw;
}
.l-content > section.benefit div.color::before,
.l-content > section.benefit div.color::after,
.l-content > section.benefit div.color span,
.l-content > section.benefit div.color {
    border-radius: 2.4vw;
}
.l-content > section.benefit div.color::before,
.l-content > section.benefit div.color::after,
.l-content > section.benefit div.color span{
    width: 93.3%;
    height: 24.6vw;
}
.l-content > section.benefit div.color::after {
    left: 5.4vw;
    top: 1.34vw;
}
.l-content > section.benefit div.color span {
    left: 4vw;
    top: 4vw;
}
.l-content > section.benefit div.box > div:nth-of-type(2) {
    top: 6.3vw;
    left: 8vw;
    border-left: solid 0.83vw #FFCC00;
}
/*exhibition*/
.l-content > section.exhibition > div.container {
    width: 83.8%;
}
.l-content > section.exhibition div.soon {
    border-width: 2.2vw 2.2vw;
    margin: 7.2% auto 0;
}
.l-content > section.exhibition div.soon > p.u-fs-sp-16 {
    letter-spacing: .15em;
}
.l-content > section.exhibition div.soon > div.filter {
    height: 37.1vw;
}
/*seminar*/
.l-content > section.seminar div.bg {
    background-position: left center, right center;
    background-size: auto min(55.4vw,425px), auto min(55.4vw,425px);
}
.l-content > section.seminar div.soon {
    width: 73.6%;
    border-width: 1.9vw 1.35vw;
    margin: 5.4% auto 0;
}
.l-content > section.seminar div.soon > p.u-fs-35 {
    letter-spacing: .15em;
}
.l-content > section.seminar div.soon > div.filter {
    height: 41.1vw;
}
/*access*/
.l-content > section.access > div.container > div {
    flex-wrap: wrap;
    gap: 4vw;
    justify-content: center;
    margin-top: 5.8%;
}
.l-content > section.access > div.container > div > div:first-of-type {
    width: 92.4%;
    height: 59.2vw;
}
.l-content > section.access div.box {
    width: 84vw;
    height: 61.7vw;
}
.l-content > section.access div.color::before,
.l-content > section.access div.color::after,
.l-content > section.access div.color span,
.l-content > section.access div.color {
    border-radius: 2.4vw;
}
.l-content > section.access div.color::before,
.l-content > section.access div.color::after,
.l-content > section.access div.color span{
    width: 93.1%;
    height: 57.8vw;
}
.l-content > section.access div.color::after {
    left: 5.4vw;
    top: 1.36vw;
}
.l-content > section.access div.color span {
    left: 2.64vw;
    top: 4vw;
}
.l-content > section.access div.box > div:nth-of-type(2) {
    top: 8.4vw;
    left: 7vw;
    border-left: solid 3px #FFCC00;
    padding-left: 4%;
}
.l-content > section.access div.box > div:nth-of-type(2) > p {
    line-height: 1.1;
    margin-bottom: 5.3%;
}
.l-content > section.access div.box > div:nth-of-type(2) > table {
    scrollbar-width: none;
    border-left: none;
    padding-left: 0;
}
.l-content > section.access div.box > div:nth-of-type(2) > table tr:not(:first-of-type) th,
.l-content > section.access div.box > div:nth-of-type(2) > table tr:not(:first-of-type) td {
    line-height: 1.143;
    padding-top: 4vw;
}
.l-content > section.access div.box > div:nth-of-type(2) > table th {
    margin-right: 2.67vw;
    white-space: nowrap;
}
/*catalog*/
.l-content > section.catalog {
    position: relative;
    margin-top: 8.5%;
    padding-bottom: 17.4%;
}
.l-content > section.catalog > div.container {
    flex-wrap: wrap;
    gap: 4vw;
}
.l-content > section.catalog > div.container > div {
    width: 82.7%;
}
.l-content > section.catalog > div.container > div p:nth-of-type(2) {
    margin-top: 4.9%;
}
.l-content > section.catalog > div.container > div a {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    border: solid 0.66vw #0F218B;
    font-weight: 600;
    padding: 3.2% 7%;
    margin-top: 0;
}
.l-content > section.catalog > div.container > img {
    width: 89.4%;
}
/*message*/
.l-content > div.message {
    margin-top: 6.67%;
}
.l-content > div.message p.u-fs-32 {
    font-size: 4.27vw;
    padding: 1.4% 0;
}
/*contact*/
.l-content > section.contact {
    padding: 2.7% 0;
}
.l-content > section.contact > div.container > div {
    flex-wrap: wrap;
    gap: 2.73vw;
}
.l-content > section.contact > div.container > div > p:first-of-type {
    font-size: 3.2vw;
    text-align: center;
}
.l-content > section.contact > div.container > div a {
    width: 69.4%;
    border-radius: 1.6vw;
    padding: 1.7% 0;
}
.l-content > section.contact > div.container > div a span.arrow {
    width: 0.75em;
    height: 0.75em;
    margin-left: 0.5em;
}
.l-content > section.contact ul {
    flex-direction: column;
    gap: 0;
    margin-top: 2.6%;
}
.l-content > section.contact > div.container > p {
    margin-top: 2.6%;
}
/*footer*/
.footer {
    position: relative;
    height: 25.4vw;
    padding: 0;
    margin-bottom: 14.7vw;
}
.footer > p.copyright,
.footer > p.policy > a {
    font-size: 3.2vw;
}
.footer > p.copyright {
    position: absolute;
    top: 2.7vw;
    left: 7.5vw;
}
.footer > p.policy {
    position: absolute;
    top: 7.9vw;
    left: 7.5vw;
}
.footer > a {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 26.2%;
    height: fit-content;
}
.footer > a img {
    width: 100%;
    height: auto;
}
}