@charset "UTF-8";

* {
margin: 0;
padding: 0;
list-style-type: none;
border: none;
box-sizing: border-box;
}

::selection {
background-color: #F69CBE;
color: #fff;
}

a:link {
color: #000;
text-decoration: none;
transition: 0.3s;
}

a:hover {
opacity: 0.5;
}

a:visited {
color: #000;
}

img {
display: block;
-webkit-backface-visibility: hidden;/*クロームの画像ぼけ防止*/
}

body {
font-family: 'Noto Sans JP', sans-serif;
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 1.7;
font-feature-settings: "palt";
}

h1,h2,h3,h4,h5,h6 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 14px;
font-weight: 400;
}


/*ヘッダー*/
header {
width: 100%;
padding: 20px 55px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
position: fixed;
background-color: rgba(255,255,255,.9);
transition: 0.3s;
z-index: 3;
}

header div {
max-width: 184px;
}

#gnav {
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
position: relative;
}

#gnav.visible {
display: flex;
opacity: 1;
align-items: center;
justify-content: center;
animation-name: fadein;
animation-duration: 0.3s;
}

@keyframes fadein {
0% {
opacity: 0;
}

100% {
opacity: 1;
}
}

#gnav ul {
display: -webkit-flex;
display: flex;
font-size: 18px;
line-height: 1;
font-weight: 700;
}

#gnav ul li {
padding: 3px 25px 3px 0;
margin: 0 25px 0 0;
border-right: 1px solid #000;
}

#gnav ul li:last-child {
padding: 3px 0 3px 0;
margin: 0;
border: none;
}

#gnav ul li a {
font-family: 'Roboto', sans-serif;
}

header.sticky {
background-color: rgba(255,255,255,1);
}

#hero {
    top: 33px;
}

#hero h1 {
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    padding: 0 !important;
    margin: 0 !important;
}

#hero h1 img {
    display: initial !important;
}

#link-2022 {
    text-align: center;
    font-size: 3.5vw;
    padding: 13vw 0 8vw 0;
    margin: 0 auto;
    background: linear-gradient(45deg, #FFE17D, #2AEFA5, #3CBEDF);
    background-size: 200% 200%;
    animation: GradientBackground 5s ease infinite;
}

#link-2022 img {
    display: initial;
    max-width: 600px;
    width: 50vw;
}

#link-2022 p {
    font-size: 5vw;
    color: #222;
}


/*ハンバーガー*/
#toggle {
width: 30px;
display: none;
position: fixed;
right: 10px;
top: 20px;
color: #fff;
z-index: 2;
}

#trigger {
position: relative;
width: 30px;
height: 20px;
display: block;
transition: 0.3s;
}

#trigger span {
width: 100%;
height: 4px;
display: block;
position: absolute;
left: 0;
transition: 0.3s;
background-color: #1e1e1e;
}
    
#trigger span:nth-of-type(1) {
top: 0;
}
    
#trigger span:nth-of-type(2) {
top: 8px;
}
    
#trigger span:nth-of-type(2)::after {
width: 100%;
height: 4px;
position: absolute;
content:  '';
background-color: #1e1e1e;
transition: 0.2s;
}
    
#trigger span:nth-of-type(3) {
bottom: 0;
}

#trigger.active span:nth-of-type(1) {
transform: translateY(8px) scale(0);
}
    
#trigger.active span:nth-of-type(2) {
transform: rotate(-45deg);
}
    
#trigger.active span:nth-of-type(3) {
transform: translateY(-8px) rotate(45deg);
}

header.sticky {
padding: 20px 55px;
}


/*フローティングボタン*/
#button_submit {
width: 100%;
padding: 15px 0;
position: fixed;
left: 0;
bottom: 0;
background-color: #F69CBE;
z-index: 3;
}

#button_submit p {
max-width: 450px;
margin: 0 auto;
padding: 0 10px;
transition: 0.3s;
}

#button_submit p:hover {
opacity: 0.9;
}


/*ヒーローヘッダー*/
#hero {
width: 100%;
height: 100%;
height: 100vh;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
overflow: hidden;
position: relative;
background-image: url("/web/jp/asp/seminar/images/202111_foodcross/foodcross_img.png");
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}

#hero h1 {
    max-width: 810px;
    padding: 0 10px;
    margin: -25px 0 0 0;
    position: relative;
    z-index: 2;
    width: 30vw;
    text-align: center;
}

#hero h1 > img {
    margin-bottom: 3vw;
}

#hero h1 a:nth-of-type(2) {
    display: block;
    border: #222 solid;
    border-radius: 50px;
    padding: 10px;
    margin: 2vw auto 0 auto;
    color: #222;
    font-size: 1.5vw;
    font-weight: bold;
    background: linear-gradient(45deg, #FFE17D, #2AEFA5, #3CBEDF);
    background-size: 100% 100%;
    -webkit-transition: all 0.5s 0s ease !important;
    transition: all 0.5s 0s ease !important;
}

#hero h1 a:nth-of-type(2):hover {
    opacity: 1;
    background: linear-gradient(45deg, #3CBEDF, #2AEFA5, #FFE17D);
}

#hero h1 a:nth-of-type(1):hover {
    opacity: 1;
}

/*アマゾンギフト券*/
#gift {
padding: 60px 15px;
background-image: url("/web/jp/asp/seminar/images/202111_foodcross/bg_gift.jpg");
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
}

#gift img {
max-width: 630px;
margin: 0 auto;
}

#gift p {
margin-top: 10px;
text-align: center;
}

#gift a {
    text-decoration: 1.5px underline #5E9CD3;
}


/*イベント概要*/
#outline {
font-family: 'Noto Serif CJK JP medium';
padding: 160px 15px 160px 15px;
background-image: /*url("/web/jp/asp/seminar/images/202111_foodcross/bg_outline_1.png"),*/ url("/web/jp/asp/seminar/images/202111_foodcross/bg_outline_2.jpg");
background-size: /*contain,*/ cover;
/*background-position: center bottom, center center;*/
background-repeat: no-repeat, no-repeat;
}

#logo {
/*max-width: 590px;*/
max-width: 300px;
margin: 0 auto 50px auto;
}

#declaration {
font-size: 24px;
font-weight: 500;
text-align: center;
margin: 0 0 150px 0;
}

#stance h2 {
margin: 0 auto 60px auto;
font-family: 'Noto Serif JP', serif;
font-size: 40px;
text-align: center;
line-height: 1;
}

#stance p {
max-width: 900px;
margin: 0 auto 40px auto;
font-family: 'Noto Serif JP', serif;
font-size: 24px;
}

#stance p:last-child {
margin: 0 auto;
}


/*Less is More. Channel*/
#footage {
padding: 50px 0 80px 0;
margin: 0 0 160px 0;
background-color: #000154;
}

#logo_channel {
max-width: 575px;
padding: 0 15px;
margin: 0 auto 70px auto;
}


/*各大見出し*/
.title {
font-family: 'Roboto', sans-serif;
font-size: 100px;
color: #F69CBE;
line-height: 1;
text-align: center;
margin: 0 0 20px 0;
}

.subtitle {
font-size: 32px;
color: #F69CBE;
text-align: center;
margin: 0 0 40px 0;
}

.subtext {
font-size: 32px;
color: #F69CBE;
text-align: center;
}


/*KEYNOTE*/
#keynote {
padding: 70px 15px 70px 15px;
}

.profile {
max-width: 840px;
margin: 0 auto 30px auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}

.profile div:first-child {
max-width: 310px;
}

.profile div:first-child img {
border-radius: 50%;
}

.profile div:last-child {
max-width: 510px;
}

.profile div:last-child h3 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 28px;
font-weight: 700;
}

.profile div:last-child h4 {
font-size: 24px;
font-weight: 700;
margin: 0 0 20px 0;
}

.profile div:last-child p {
font-size: 18px;
font-weight: 700;
}

.profile div:last-child span {
font-size: 14px;
line-height: 1.6;
text-align: justify;
display: block;
}

.profile:last-child {
margin: 0 auto;
}

.person {
max-width: 840px;
padding: 20px 25px;
margin: 0 auto 90px auto;
font-size: 16px;
background-color: #f1f1f1;
}


/*SPEAKER*/
#speaker {
/*padding: 0 5px 160px 5px;*/
/*border-bottom: 160px solid #f1f1f1;*/
}

#speaker ul {
width: 810px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
}

#speaker ul li {
width: 250px;
padding: 0 10px 20px 10px;
}

#speaker ul li h3 {
text-align: center;
font-size: 32px !important;
}

#speaker p {
padding: 20px;
}


/*exhibition*/
#exhibition {
padding: 70px 15px 70px 15px;
}

#day {
max-width: 960px;
margin: 0 auto 120px auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

#day div {
max-width: 428px;
margin: 0 20px 40px 20px;
}

#exhibition #day_block_1,
#exhibition #day_block_2,
#exhibition #day_block_3,
#exhibition #day_block_4 {
max-width: 570px;
padding: 0 15px;
margin: 0 auto 90px auto;
}

#timelist_1,
#timelist_2,
#timelist_3,
#timelist_4 {
max-width: 1020px;
padding: 0 0 130px 0;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

#timelist_1 li,
#timelist_2 li,
#timelist_3 li,
#timelist_4 li {
width: 340px;
padding: 0 15px;
/*padding: 0 15px 30px 15px;*/
}

#timelist_1 li a,
#timelist_2 li a,
#timelist_3 li a,
#timelist_4 li a {
height: 100%;
padding: 0;
display: block;
position: relative;
background-color: #fff;
}

.time_schedule {
font-size: 20px;
color: #fff;
line-height: 1;
padding: 15px 50px 15px 45px;
display: inline-block;
/*background-image: url("/web/jp/asp/seminar/images/202111_foodcross/icon_time.png");*/
background-size: 22px 22px;
background-position: 15px center;
background-repeat: no-repeat;
/*position: absolute;*/
/*left: 0;*/
/*top: 0;*/
/*z-index: 1;*/
}

.booth_number {
margin:15px 0;
}

.speaker_photo {
margin: 0 auto;
width: 200px;
}

#timelist_1 h3,
#timelist_2 h3,
#timelist_3 h3,
#timelist_4 h3 {
font-size: 18px;
margin: 0 0 20px 0;
}

#timelist_1 p,
#timelist_2 p,
#timelist_3 p,
#timelist_4 p {
margin: 0 0 30px 0;
}

.speaker_info span {
padding: 0 15px 0 0;
display: inline-block;
}

.speaker_info span:last-child {
padding: 0;
}

/*lim4 タイムテーブル*/
#timetable {
padding: 70px 15px 70px 15px;
background-color: #f1f1f1;
}

#day {
max-width: 930px;
margin: 0 auto 150px auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}

#day div {
max-width: 428px;
}

#day_block_1,
#day_block_2 {
max-width: 250px;
margin: 0 auto;
}

#day1 {
padding: 0 0 135px 0;
}

/*
#timetable h2 {
height: 145px;
margin: 0 auto 100px auto;
}
*/

#timetable h2 img {
height: 145px;
margin: 0 auto;
}

#timetable ul {
max-width: 900px;
margin: 40px auto;
}

#timetable ul li {
margin: 0 0 15px 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}

#timetable ul li div {
font-size: 18px;
background-color: #fff;
}

#timetable ul li div:first-child {
width: 15%;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
font-family: 'Roboto', sans-serif;
font-size: 20px;
}

#timetable ul li div:last-child {
width: 83%;
padding: 25px 20px;
display: flex;
}

#timetable ul li div:last-child h3 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 18px;
font-weight: 700;
}

#timetable ul li div:last-child h3.experience img {
width: 450px;
margin: 0 auto;
}

#timetable ul li div:last-child p {
font-size: 18px;
}

#timetable ul li div:last-child img {
width: 100%;
height: 100%;
}

#timetable ul li div.campany_list {
display: block;
width: 50%;
}

#timetable ul li div.campany_logo {
width: 100%;
display: flex;
padding: 0;
margin: 10px 0;
}

#timetable ul li div.campany_logo img {
width: 150px;
height: 150px;
margin-right:5px;
}

/*#timetable ul li div p{margin-left:15px;
display:block}*/



#timetable ul li div p span.company_indent {
	display:block;
text-indent:3.5em;
}


/*startup*/
#startup {
padding: 160px 0 130px 0;
background-color: #000154;
}

#startup ul {
width: 930px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

#startup ul li {
width: 310px;
padding: 0 15px;
margin: 0 0 30px 0;
}

.startup_summary {
padding: 10px 10px 30px 10px;
background-color: #fff;
}

.startup_summary h3 {
font-size: 18px;
margin: 0 0 20px 0;
}

.startup_summary p {
margin: 0 0 30px 0;
}

.startup_info span {
display: inline-block;
}


/*present*/
#present {
padding: 160px 0 130px 0;
border-bottom: 160px solid #f1f1f1;
}

#present ul {
width: 930px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

#present ul li {
width: 310px;
padding: 0 15px;
margin: 0 0 30px 0;
}

.present_summary {
padding: 10px 10px 30px 10px;
border: 1px solid #595757;
background-color: #fff;
}

.present_summary h3 {
font-size: 18px;
margin: 0 0 20px 0;
}


/*OVER VIEW*/
#overview {
padding: 160px  0 160px 0;
margin: 0 auto;
background-color: #f1f1f1;
}

#overview div {
max-width: 650px;
margin: 0 auto;
}

#overview div dl {
font-size: 24px;
display: -webkit-flex;
display: flex;
}

#overview div dl:nth-child(6) {
margin: 0 0 40px 0;
}

#overview div dl dt {
width: 20%;
}

#overview div dl dd {
width: 78%;
}

#overview div p {
font-size: 16px;
margin: 0 0 60px 0;
}

#overview div p span {
text-indent: -1em;
margin: 0 0 0 1em;
display: block;
}

#archives {
max-width: 1300px !important;
margin: 0 auto;
}

#archives h3 img {
width: auto;
height: 65px;
margin: 0 auto 50px auto;
}

#archives ul {
width: 1050px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
}

#archives ul li {
width: 260px;
padding: 0 25px;
}

#archives ul li a {
transition: 0.3s;
}

#archives ul li a:hover {
opacity: 0.5;
}


/*SPONSEORS*/
#sponsors {
padding: 0 15px 80px 15px;
background-color: #f1f1f1;
}

#sponsors h4 {
font-size: 18px;
text-align: center;
line-height: 1;
margin: 0 0 35px 0;
}

.list {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
}

.list ul {
max-width: 660px;
margin: 0 auto 80px auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

.list ul li{
width: 200px;
margin: 0 10px 20px 10px;
}

/*Floormap*/
#floormap {
padding: 80px 15px
}

#floormap .subtext {
margin-bottom: 40px;
}

/*
#floormap h2 img {
height: 145px;
margin: 0 auto;
}
*/

#floormap img.map_link {
max-width: 960px;
height: auto;
vertical-align: top;
margin: 0 auto;
}

#floormap .sp {
display: none;
}


/*終了告知*/
#announce {
height: 270px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
font-size: 36px;
color: #c30d23;
background-color: #f6f6f6;
}

#announce p {
text-align: center;
}

#announce p span {
display: block;
}


/*coming soon*/
.comingsoon {
font-family: 'Arvo', serif;
font-size: 90px;
color: #c9caca;
text-align: center;
}


/*フッター*/
footer {
width: 100%;
padding: 75px 15px 120px 15px;
background-color: #2b2f31;
}

footer #bottom {
max-width: 920px;
margin: 0 auto 90px auto;
color: #fff;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}

footer #bottom a {
color: #fff !important;
}

footer #bottom div {
max-width: 220px;
}

footer #credit {
color: #fff;
line-height: 1;
text-align: center;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
}

footer #credit div {
display: -webkit-flex;
display: flex;
}

footer #credit div p {
padding: 0 0 0 10px;
margin: 0 0 0 10px;
border-left: 1px solid #fff;
}

footer #credit div p a {
color: #fff !important;
}


@media screen and (max-width: 1000px) {
/*ヘッダー*/
header {
padding: 15px;
}

#gnav {
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.95);
}

#gnav ul {
margin: 0 auto;
display: block;
text-align: center;
}

#gnav ul li {
padding: 0;
margin: 0 0 30px 0;
border-right: none;
}

#gnav ul li:last-child {
padding: 0;
}

/*ハンバーガー*/
#toggle {
display: block;
}

header.sticky {
padding: 15px 10px;
}


/*ヒーローヘッダー*/
#hero h1 {
margin: -40px 0 0 0;
}


/*イベント概要*/
#outline {
padding: 60px 15px 120px 15px;
}

#logo {
margin: 0 auto 25px auto;
}

#declaration {
font-size: 18px;
margin: 0 0 70px 0;
}

#stance h2 {
font-size: 22px;
line-height: 1.5;
margin: 0 auto 30px auto;
}

#stance h2 span {
display: block;
}

#stance p {
font-size: 18px;
text-align: justify;
margin: 0 auto 20px auto;
}

#stance p br {
display: none;
}


/*Less is More. Channel*/
#footage {
padding: 50px 0 40px 0;
margin: 0 0 80px 0;
background-color: #000154;
}

#logo_channel {
margin: 0 aut 30px auto;
}


/*各大見出し*/
.title {
font-size: 50px;
margin: 0 0 20px 0;
}

.subtitle {
font-size: 20px;
margin: 0 0 40px 0;
}

.subtext {
font-size: 16px;
color: #F69CBE;
text-align: center;
}

/*KEYNOTE*/
#keynote {
padding: 30px 15px 30px 15px;
}

.profile {
max-width: 840px;
display: block;
}

.profile div:first-child {
max-width: 310px;
}

.profile div:last-child {
max-width: 100%;
}

.profile div:last-child h3 {
font-size: 24px;
}

.profile div:last-child p {
font-size: 16px;
}

.person {
padding: 10px;
margin: 0 auto 50px auto;
font-size: 15px;
}


/*SPEAKER*/
#speaker {
margin-top: 20px;
/*padding: 0 5px 80px 5px;*/
/*border-bottom: 80px solid #f1f1f1;*/
}

#speaker ul {
width: 100%;
}

#speaker ul li {
width: 50%;
}

#speaker ul li h3 {
font-size: 18px !important;
}



/*exhibition*/
#day {
margin: 0 auto 60px auto;
-webkit-flex-direction: column;
flex-direction: column;
}

#day div {
max-width: 50%;
margin: 0 auto 20px auto;
}

#day div:last-child {
margin: 0 auto;
}

#day_block_1,
#day_block_2 {
margin: 0 auto 50px auto;
}

#timelist_1,
#timelist_2,
#timelist_3,
#timelist_4 {
padding: 0 0 70px 0;
margin: 0 auto;
flex-direction: column;
}

#timelist_1 li,
#timelist_2 li,
#timelist_3 li,
#timelist_4 li {
width: 100%;
}

/*lim4 タイムテーブル*/

#day {
margin: 0 auto 50px auto;
display: block;
}

#day div {
max-width: 50%;
margin: 0 auto 25px auto;
}

#day div:last-child {
margin: 0 auto;
}

#day_block_1,
#day_block_2 {
max-width: 50%;
margin: 0 auto 50px auto;
}


#day1 {
padding: 0 0 60px 0;
}

#timetable h2 {
height: 72px;
margin: 0 auto 50px auto;
}

#timetable h2 img {
height: 72px;
}

#timetable ul li {
display: block;
}

#timetable ul {
margin:0 auto;
}

#timetable ul li div:first-child {
width: 100%;
padding: 10px;
margin: 0 0 5px 0;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}

#timetable ul li div:last-child {
width: 100%;
padding: 10px;
display: block;
}

#timetable ul li div:last-child h3.experience img {
width: 100%;
/*margin: 0 auto;*/
}

#timetable ul li div.campany_logo {
display: flex !important;
padding: 0;
}

#timetable ul li div.campany_logo img {
margin: 0 auto;
}

#timetable .sp {
display: none;
}

/*startup*/
#startup {
padding: 80px 0 70px 0;
}

#startup ul {
width: 100%;
-webkit-flex-direction: column;
flex-direction: column;
}

#startup ul li {
width: 100%;
padding: 0 15px;
margin: 0 0 15px 0;
}


/*present*/
#present {
padding: 80px 0 80px 0;
border-bottom: 80px solid #f1f1f1;
}

#present ul {
width: 100%;
-webkit-flex-direction: column;
flex-direction: column;
}

#present ul li {
width: 100%;
padding: 0 15px;
margin: 0 0 15px 0;
}


/*OVER VIEW*/
#overview {
padding: 80px 0 80px 0;
}

#overview div {
max-width: 100%;
padding: 0 15px;
}

#overview div dl {
font-size: 18px;
margin: 0 0 15px 0;
display: block;
}

#overview div dl dt {
width: 100%;
}

#overview div dl dd {
width: 100%;
padding: 0 0 0 5px;
overflow-wrap: break-word;
}

#overview div p {
margin: 0 0 40px 0;
}

#archives {
max-width: 100% !important;
padding: 0 !important;
}

#archives h3 img {
margin: 0 auto 25px auto;
}

#archives ul {
width: 100%;
margin: 0 auto;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

#archives ul li {
width: 50%;
padding: 0 15px;
margin: 0 0 30px 0;
}


/*SPONSEORS*/
#sponsors {
padding: 0 15px 40px 15px;
}

#sponsors h4 {
font-size: 18px;
margin: 0 0 20px 0;
}

.list ul {
width: 100%;
margin: 0 auto 40px auto;
display: block;
}

.list ul li {
max-width: 50%;
margin: 0 auto 20px auto;
}

.list ul li img {
max-width: 100%;
}

/*Floormap*/
#floormap {
padding: 40px 15px 40px 15px;
}

#floormap .subtext {
display: none;
}

#floormap .sp {
display: block;
}

#floormap ul {
max-width: 100%;
margin: 80px auto 0 auto;
}

#floormap ul li {
margin: 0 0 15px 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}

#floormap ul li div {
font-size: 18px;
background-color: #fff;
}

#floormap ul li div:first-child {
width: 35%;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
font-family: 'Roboto', sans-serif;
font-size: 20px;
border: 1px solid;
}

#floormap ul li div:last-child {
width: 63%;
padding: 25px 20px;
border: 1px solid;
}

#floormap ul li div:last-child h3 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 18px;
font-weight: 700;
}

#floormap ul li div:last-child p {
font-size: 18px;
}

#floormap ul li img {
width: 100%;
height: auto;
}

#floormap img.map_link {
max-width: 100%;
}

/*終了告知*/
#announce {
height: auto;
padding: 18px;
display: block;
font-size: 20px;
}

#announce p {
text-align: justify;
}

#announce p span {
display: inline;
}


/*coming soon*/
.comingsoon {
font-size: 30px;
}


/*フッター*/
footer {
padding: 30px 15px 120px 15px;
}

footer #bottom {
margin: 0 auto 45px auto;
flex-direction: -webkit-column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
}

footer #bottom p {
margin: 0 0 20px 0;
text-align: center;
}

footer #credit {
flex-direction: -webkit-column;
flex-direction: column;
}

footer #credit p {
margin: 0 0 20px 0;
}

footer #credit div {
-webkit-justify-content: center;
justify-content: center;
}

footer #credit div p:last-child {
padding: 0 10px;
border-right: 1px solid #fff;
}
}


@media all and (max-width: 768px) {
    #hero h1 {
        width: 70vw;
    }
}