* {
padding: 0;
margin: 0;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
letter-spacing: inherit;
word-wrap: inherit;
border: none;
}
*,
::after,
::before {
box-sizing: border-box;
}
html {
overflow-x: hidden;
line-height: 1;
letter-spacing: 0;
word-break: break-word;
font-feature-settings: "palt";
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
text-align: left;
color: #333;
font-family: "Noto Sans JP", 貂ｸ繧ｴ繧ｷ繝�け菴�, YuGothic, "貂ｸ繧ｴ繧ｷ繝�け Medium", "Yu Gothic Medium", 貂ｸ繧ｴ繧ｷ繝�け, "Yu Gothic", 繝｡繧､繝ｪ繧ｪ, sans-serif;
font-size: 16px;
/*css3縺ｮ蜉ｹ縺九↑縺�ヶ繝ｩ繧ｦ繧ｶ逕ｨ*/
font-size: 1.6rem;
/*body縺ｮ繝吶�繧ｹ繧ｵ繧､繧ｺ繧偵そ繝�ヨ�医％縺薙〒縺ｯ16px�我ｻ･荳句推隕∫ｴ�縺ｯ10px繧貞渕貅悶↓繧ｵ繧､繧ｺ謖�ｮ�1.2rem��12px��1.4rem��14px�峨↑縺ｩ��*/
font-weight: 500;
}
@media (max-width: 768.98px) {
body {
text-align: left;
color: #344870;
font-family: "Noto Sans JP", 貂ｸ繧ｴ繧ｷ繝�け菴�, YuGothic, "貂ｸ繧ｴ繧ｷ繝�け Medium", "Yu Gothic Medium", 貂ｸ繧ｴ繧ｷ繝�け, "Yu Gothic", 繝｡繧､繝ｪ繧ｪ, sans-serif !important;
font-size: 16px;
/*css3縺ｮ蜉ｹ縺九↑縺�ヶ繝ｩ繧ｦ繧ｶ逕ｨ*/
font-size: 1.6rem;
/*body縺ｮ繝吶�繧ｹ繧ｵ繧､繧ｺ繧偵そ繝�ヨ�医％縺薙〒縺ｯ16px�我ｻ･荳句推隕∫ｴ�縺ｯ10px繧貞渕貅悶↓繧ｵ繧､繧ｺ謖�ｮ�1.2rem��12px��1.4rem��14px�峨↑縺ｩ��*/
font-weight: 500;
}
}
main {
cursor: auto;
}
a {
text-decoration: none;
color: inherit;
}
a:hover{
opacity: 0.8;
}
a object {
pointer-events: none;
}
svg {
overflow: hidden;
}
img, svg, video, canvas {
height: auto;
}
img, svg, video, canvas, audio, iframe, embed, object {
display: block;
}
ul, ol {
list-style-type: none;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
address, em {
font-style: normal;
}
button,
input,
optgroup,
select,
textarea {
font-size: 16px;
}
input {
border-radius: 0;
}
button {
cursor: pointer;
}
textarea {
resize: vertical;
}
select::-ms-expand {
display: none;
}
button,
select {
text-transform: none;
}
input,
button,
select,
textarea {
background-color: transparent;
appearance: none;
}
[disabled] {
cursor: default;
}
[hidden] {
display: none !important;
}
@media (prefers-reduced-motion: reduce) {
*,
::before,
::after {
animation-delay: -1ms !important;
animation-duration: 1ms !important;
animation-iteration-count: 1 !important;
transition-delay: 0s !important;
transition-duration: 1ms !important;
}
}
[data-whatinput=mouse] *:focus,
[data-whatinput=touch] *:focus {
outline: none;
}
div#headerw {
top: 0;
}
#footer .footerTitle {
font-size: 17.92px;
}
#footer .footerInner .footerCol4 .col .firstHierarchy {
font-size: 15.96px;
}
#footer .footerInner .footerCol4 .col .secondHierarchy li {
line-height: 1.8;
font-size: 12.88px;
}
@media (max-width: 768.98px) {
#footer .footerCol4 .col .secondHierarchy li:before {
color: black;
}
#footer .footerCol4 .col .firstHierarchy {
font-size: 15.96px;
}
#footer .footerCol4 .col .secondHierarchy a {
font-size: 14px;
}
}
#footer {
margin-top: 0;
}
#footer {
font-size: 14px;
}
#footer .footerBottom .copyRight {
font-size: 10px;
}
#footer .footerOtherLink,
#footer .footerTitle {
line-height: 1.8;
}
#footer .footerTitle {
background: #006896;
}
#footer .footerTitle a{
font-size: 1.6rem;
font-weight: 500;
text-decoration: none;
color: #fff;
display: flex;
justify-content: center;
}
#footer .footerTitle a img{
margin-left: 10px;
width: 9px;
height: auto;
}
@media (max-width: 768.98px) {
#footer .footerTitle {
background: #006896;
}
#footer .footerTitle a{
font-size: 16px;
font-weight: 500;
text-decoration: none;
color: #fff;
display: flex;
justify-content: center;
}
#footer .footerTitle a img{
margin-left: 10px;
width: 9px;
height: auto;
}
}
.img {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
object-fit: cover;
object-position: center center;
}
.header {
width: 100%;
margin: 0 auto;
}
.content {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 0 15px;
}
@media (max-width: 768.98px) {
.content:first-child {
margin-top: 0;
}
.content:nth-child(n+2) {
margin-top: 30px;
}
}
@media (min-width: 768.98px) {
.sp {
display: none !important;
}
}
.kv {
position: relative;
}
.kv--image {
position: relative;
width: 100%;
overflow: hidden;
}
.kv--image::before {
display: block;
padding-top: 44%;
content: "";
}
@media (max-width: 768.98px) {
.kv--image::before {
display: block;
padding-top: 120%;
content: "";
background: #0A040C;
}
}
.kv--wrapper {
position: absolute;
top: 20%;
left: 50%;
width: 100%;
max-width: 94%;
transform: translateX(-50%);
display: grid;
grid-template:
" header header" auto
" date date" auto;
padding: 0;
color: #fff;
}
@media (max-width: 768.98px) {
.kv--wrapper {
max-width: 100%;
flex-direction: column;
top: 18%;
left: 50%;
display: grid;
grid-template:
"header header" auto
"ondemand ondemand" auto
"date date" auto
"areas areas" auto;
padding: 0;
color: #fff;
}
}
.kv--tag {
-ms-grid-row: 1;
-ms-grid-column: 2;
position: relative;
width: 100%;
max-width: 21%;
margin-left: auto;
grid-area: tag;
}
.kv--tag::before {
display: block;
padding-top: 100%;
content: "";
}
@media (max-width: 768.98px) {
.kv--tag {
max-width: 19vw;
margin: 0 auto;
}
}
.kv--header {
-ms-grid-row: 1; /*荳贋ｸ九�菴咲ｽｮ*/
-ms-grid-column: 1; /*蟾ｦ遶ｯ縺九ｉ縺ｮ髢句ｧ倶ｽ咲ｽｮ*/
-ms-grid-column-span: 2; /*菴募�邨仙粋縺輔○繧九°*/
/* text-align: center; */
grid-area: header;
position: relative;
}
.kv--header-text {
margin-top: -3%;
/* color: #fff; */
/* font-size: 4vw; */
/* font-weight: bold; */
/* line-height: 1.2em; */
/* letter-spacing: 0.05em; */
/* font-family: Futura; */
/* text-align: center; */
margin-left: 25%;
margin-bottom: 3%;
width: 50%;
}
.kv--header-text img {
width: 100%;
}
.kv--header-text span{
font-size: 2.6vw;
}
.kv--header-text .logo_title {
width: 80%;
margin: 0 auto;
}
.kv--header-text .sub_title {
margin-top: 5%;
}
@media (max-width: 768.98px) {
.kv--header-text .logo_title {
width: 100%;
margin: 0 auto;
}
.kv--header-text {
margin-top: -8%;
/* color: rgb(255, 255, 255); */
/* font-size: 7vw; */
/* font-weight: 800; */
/* line-height: 1.2em; */
/* letter-spacing: 0.05em; */
/* font-family: Futura; */
/* text-align: center; */
width: 80%;
margin-left: 10%;
margin-bottom: 3%;
}
.kv--header-text span{
font-size: 7vw;
}
.sub_title{
width: 83% !important;
margin: 2% auto;
}
}
.h_sub{
color: #fff;
font-size: 2vw;
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
line-height: 1em;
padding-top: 4vw;
border-bottom: 2px solid #cae9fa;
border-image: linear-gradient(to right, #ffffff 0%, #ffffff4a 100%);
border-image-slice: 1;
padding-bottom: 0.8vw;
/* width: 87%; */
}
.h_sub span{
font-size: 1.8vw;
}
.h_sub2{
color: #fff;
font-size: 2vw;
letter-spacing: 0.1em;
text-align: center;
font-weight: bold;
line-height: 1em;
margin-top: 1.2vw;
/* width: 88%; */
}
@media (max-width: 768.98px) {
.h_sub{
color: #fff;
font-size: 4.5vw;
font-weight: bold;
/* font-family: "貂ｸ譏取悃菴�", "Yu Mincho", YuMincho, "繝偵Λ繧ｮ繝取�譛� Pro W3", "Hiragino Mincho Pro", Hiragino Mincho ProN, "繝｡繧､繝ｪ繧ｪ", Meiryo, "�ｭ�ｳ �ｰ譏取悃", "MS PMincho", serif; */
letter-spacing: 0.1em;
text-align: left;
line-height: 1em;
margin-top: 3.0vw;
}
.h_sub span{
font-size: 4.0vw;
}
.h_sub2{
color: #fff;
font-size: 4.5vw;
/* font-family: "貂ｸ譏取悃菴�", "Yu Mincho", YuMincho, "繝偵Λ繧ｮ繝取�譛� Pro W3", "Hiragino Mincho Pro", Hiragino Mincho ProN, "繝｡繧､繝ｪ繧ｪ", Meiryo, "�ｭ�ｳ �ｰ譏取悃", "MS PMincho", serif; */
letter-spacing: 0.1em;
text-align: left;
font-weight: bold;
line-height: 1em;
margin-top: 2.5vw;
}
}
.kv--header .tag {
/* margin-right: 3.5%; */
padding: 1.8vw;
font-size: 2.6vw;
line-height: 1.8vw;
font-weight: bold;
color: #fff;
background: #80bd24;
display: block;
text-align: center;
width: 10vw;
height: 10vw;
border-radius: 50%;
position: absolute;
top: 0.9vw;
right: 5.5vw;
}
.kv--header .tag span{
/*display: inline-flex;*/
display: block;
}
.kv--header .tag span:first-child{
margin-bottom: 0.9vw;
font-size: 1.3vw;
font-weight: normal;
line-height: 1.2vw;
letter-spacing: 0.2em;
}
.kv--header .tag span:last-child{
margin-top: 0.9vw;
font-size: 1.1vw;
font-weight: normal;
line-height: 1.1vw;
padding: 0.7vw 0 0;
border-top: 1px solid #fff;
display: inline-block;
}
@media (max-width: 768.98px) {
.kv--header .tag {
/* margin-right: 3%; */padding: 3vw;
font-size: 7vw;
line-height: 1.8vw;
font-weight: bold;
color: rgb(255, 255, 255);
background: rgb(128, 189, 36);
display: block;
text-align: center;
width: 25vw;
height: 25vw;
border-radius: 50%;
position: absolute;
top: 21vw;
right: 4.1vw;
}
.kv--header .tag span{
/*display: inline-flex;*/
display: block;
}
.kv--header .tag span:first-child{
margin-bottom: 5.0vw;
font-size: 3.5vw;
font-weight: normal;
line-height: 1.2vw;
letter-spacing: 0.2em;
margin-top: 2.0vw;
}
.kv--header .tag span:last-child{
margin-top: 3.5vw;
font-size: 3vw;
font-weight: normal;
line-height: 1.1vw;
padding: 2.0vw 0 0;
border-top: 1px solid #ffffff;
display: inline-block;
}
}
.kv--date {
width: 50%;
display: inline-flex;
grid-area: date;
font-size: 3.0vw;
color: #fff;
margin: 0 auto;
}
.kv--date .date_detail{
color: #fff;
width: 100%;
background: rgba(255,255,255,0.5);
}
.kv--date .date_detail.tokyo{
margin-right: 1vw;
}
.kv--date .date_detail.osaka{
margin-left: 1vw;
}
.kv--date .date_detail .title{
font-size: 1.0vw;
line-height: 1em;
font-family: "Futura";
display: block;
text-align: center;
letter-spacing: 1.5px;
border-bottom: 2px solid #cae9fa;
border-image: linear-gradient(to right, #cae9fa 0%, #00a8b4 44%, #0068a4 100%);
border-image-slice: 1;
padding: 0 0 0.6vw;
}
.kv--date .date_detail .place{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.kv--date .date_detail .place img{
width: 42%;
height: auto;
padding: 1.0vw 0;
}
.kv--date .date_detail.tokyo .place{
background: #006896;
}
.kv--date .date_detail.osaka .place{
background: #a57f00;
}
.kv--date .date_detail .place2{
font-size: 1.0vw;
text-align: center;
line-height: 1em;
margin-top: 0.3vw;
color: #344870;
}
@media (max-width: 768.98px) {
.kv--date .date_detail .place img{
width: 68%;
height: auto;
padding: 3vw 0;
}
.kv--date .date_detail .place2{
font-size: 3.0vw;
text-align: center;
line-height: 1em;
margin-top: 0.3vw;
color: #344870;
font-weight: bold;
}
.kv--date .date_detail.tokyo .place2{
margin-top: 2.0vw;
}
}
.kv--date .date_detail .place span{
font-size: 12px;
color: #81be25;
vertical-align: baseline;
margin-left: 10px;
letter-spacing: 0.2em;
}
.kv--date .date_detail .place span.osaka{
font-size: 12px;
color: #d60031;
vertical-align: baseline;
}
.kv--date .date_detail .day{
font-family: "Futura";
font-size: 2.0vw;
text-align: center;
letter-spacing: 0.1rem;
line-height: 1em;
margin: 0.8vw 0;
font-weight: bold;
text-indent: -9999px;
}
.kv--date .date_detail.tokyo .day{
background-image: url("../img/img_day_tokyo.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 40%;
}
.kv--date .date_detail.osaka .day{
background-image: url("../img/img_day_osaka.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 40%;
}
.kv--date .date_detail .day span{
font-size: 0.9vw;
letter-spacing: 0.1px;
font-weight: 100;
vertical-align: inherit;
}
.kv--date .date_detail .address{
font-size: 1.0vw;
text-align: center;
line-height: 1em;
margin-top: 0.8vw;
color: #344870;
font-weight: bold;
margin-bottom: 1vw;
}
.kv--date .date_detail .btn{
width: 100%;
font-size: 1.0vw;
font-weight: bold;
line-height: 1em;
padding: 0.6vw 2.6vw 0.3vw 2.2vw;
background: url(../img/icon_btn_arrow.svg) no-repeat center right 10px/1.5vw auto, linear-gradient(to left, #508f27 0%, #46802e 33%, #204b16 100%);
margin-top: 1.0vw;
box-sizing: border-box;
text-align: center;
letter-spacing: 0.1em;
}
.kv--date .osaka .title{
border-bottom: 2px solid #d3c5d4;
border-image: linear-gradient(to right, #d3c5d4 0%, #ae7ab2 40%, #7e76ae 74%, #2d6ba7 100%);
border-image-slice: 1;
}
.kv--date .osaka .btn{
background: url("../img/icon_btn_arrow.svg") no-repeat center right 10px/1.5vw auto, linear-gradient(to right, #b23c00 0%, #901531 45%, #93478f 100%);
}
.kv--date .date_detail p span{
margin-left: 0.5vw;
font-size: 1.3vw;
font-weight: bold;
vertical-align: top;
}
.kv--date .date_detail ul{
font-size: 0;
}
.kv--date .date_detail ul li{
font-size: 4.0vw;
line-height: 1em;
display: inline-block;
}
.kv--date .date_detail ul li:nth-child(n+2)::before{
content: '';
display: inline-block;
margin: 0 0.6vw 0 1.0vw;
width: 2px;
height: 2.4vw;
background-color: #000;
-webkit-transform: rotate(18deg);
transform: rotate(18deg);
}
.kv--date .date_detail ul li .dot{
margin-right: -0.6vw;
font-family: serif;
}
.kv--date .date_detail ul li .dow{
margin: 6px 0 0 2px;
font-size: 1.0vw;
line-height: 1em;
letter-spacing: 0.05vw;
font-weight: bold;
vertical-align: top;
-ms-writing-mode: tb-rl; /*IE*/
writing-mode: vertical-rl;
}
.kv--ondemand{
margin-top: -6%;
display: inline-flex;
grid-area: ondemand;
color: #fff;
flex-direction: column;
margin-left: -10px;
align-items: flex-start;
}
.kv--ondemand .ondemand_data{
width: 100%;
margin-left: 1.4vw;
}
.kv--ondemand .ondemand_data .title{
font-size: 1.0vw;
line-height: 1em;
font-family: "Futura";
display: block;
text-align: center;
letter-spacing: 1.5px;
border-bottom: 2px solid #cae9fa;
border-image: linear-gradient(to right, #cae9fa 0%, #94b2b4 44%, #767f85 100%);
border-image-slice: 1;
padding: 0 0 0.6vw;
}
.kv--ondemand .ondemand_data .place{
font-family: "貂ｸ譏取悃菴�", "Yu Mincho", YuMincho, "繝偵Λ繧ｮ繝取�譛� Pro W3", "Hiragino Mincho Pro", Hiragino Mincho ProN, "繝｡繧､繝ｪ繧ｪ", Meiryo, "�ｭ�ｳ �ｰ譏取悃", "MS PMincho", serif;
font-size: 0.96vw;
text-align: center;
line-height: 1em;
margin-top: 0.7vw;
}
.kv--ondemand .ondemand_data .day{
font-family: "Futura";
font-size: 1.9vw;
text-align: center;
letter-spacing: -1px;
line-height: 1em;
margin-top: 1.0vw;
background: url("../img/icon_day_arrow.svg") no-repeat top 18% right 49%/0.6vw auto;
}
.kv--ondemand .ondemand_data .day span{
font-size: 0.58vw;
letter-spacing: 0.5px;
font-weight: 100;
vertical-align: inherit;
margin: 0 4px;
}
.kv--areas{
margin-top: 0;
display: inline-flex;
grid-area: areas;
color: #fff;
}
.kv--areas .areas_btn{
width: 43%;
height: fit-content;
margin-left: 12vw;
margin-top: 10px;
display: block;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff;
box-sizing: border-box;
padding: 5px 3px 5px;
font-size: 1.1vw;
background: url(../img/arrow_down.svg) no-repeat center right 8px /0.9vw auto;
letter-spacing: 0.05em;
}
@media (max-width: 768.98px) {
.kv--date .date_detail ul li .dow{
width: 1em;
}
}
/*firefox逕ｨ縺ｮ繝上ャ繧ｯ*/
@-moz-document url-prefix() {
.kv--date .date_detail ul li .dow{
width: 1em;
}
}
@media (max-width: 768.98px) {
.kv--date .tag{
padding: 2vw 1vw;
font-size: 3.2vw;
line-height: 3.2vw;
width: 14vw;
height: 14vw;
}
.kv--date .tag span:first-child{
margin-bottom: 1.2vw;
font-size: 2.2vw;
line-height: 2.2vw;
}
.kv--date .tag span:last-child{
margin-top: 1.2vw;
font-size: 2.2vw;
line-height: 2.2vw;
}
.kv--date .date_detail p{
margin-bottom: 0.8vw;
font-size: 3.6vw;
line-height: 1em;
}
.kv--date .date_detail p span{
font-size: 3.6vw;
font-weight: normal
}
.kv--date .date_detail ul li{
font-size: 10vw;
}
.kv--date .date_detail ul li .dow{
margin: 1.0vw 0 0 0.4vw;
font-size: 2.6vw;
}
.kv--date .date_detail ul li:nth-child(n+2)::before{
margin: 0 1.4vw 0 2.4vw;
width: 3px;
height: 5.6vw;
}
}
@media (max-width: 768.98px) {
.kv--date {
margin: 5% auto 0;
/*margin-left: 4%;*/
-ms-grid-row: 3; /*荳贋ｸ九�菴咲ｽｮ*/
-ms-grid-column: 1; /*蟾ｦ遶ｯ縺九ｉ縺ｮ髢句ｧ倶ｽ咲ｽｮ*/
-ms-grid-column-span: 2; /*菴募�邨仙粋縺輔○繧九°*/
width: 100%;
display: inline-flex;
grid-area: date;
font-size: 3.0vw;
color: #fff;
}
.kv--date .date_detail{
width: 100%;
margin-left: 0vw;
margin: 0 3vw;
}
.kv--date .date_detail:hover{
text-decoration: none;
cursor: pointer;
}
.kv--date .date_detail .title{
font-size: 4.0vw;
line-height: 1em;
font-family: "Futura";
display: block;
text-align: center;
letter-spacing: 1.5px;
border-bottom: 2px solid #cae9fa;
border-image: linear-gradient(to right, #cae9fa 0%, #00a8b4 44%, #0068a4 100%);
border-image-slice: 1;
padding: 0 0 2.0vw;
}
.kv--date .date_detail .place{
font-size: 4.2vw;
text-align: center;
line-height: 1em;
}
.kv--date .date_detail .day{
font-family: "Futura";
font-size: 8vw;
text-align: center;
line-height: 1em;
margin-top: 4.0vw;
letter-spacing: 1px;
background-image: none !important;
text-indent: inherit;
}
.kv--date .date_detail.tokyo .day{
color: #006896;
}
.kv--date .date_detail.osaka .day{
color: #a57f00;
}
.kv--date .date_detail .day span{
font-size: 10px;
letter-spacing: 0.1px;
font-weight: 100;
vertical-align: inherit;
}
.kv--date .date_detail .address{
font-size: 3vw;
font-weight: bold;
text-align: center;
line-height: 1em;
margin: 2vw auto 4vw;
}
.kv--date .date_detail .btn{
width: 100%;
font-size: 3.2vw;
font-weight: bold;
line-height: 1em;
padding: 3vw 2.6vw 3vw 1.4vw;
background: url("../img/icon_btn_arrow.svg") no-repeat center right 10px/5vw auto, linear-gradient(to left, #88e002 0%, #46802e 33%, #002104 100%);
margin-top: 1.6vw;
box-sizing: border-box;
text-align: center;
}
.kv--date .osaka .title{
border-bottom: 2px solid #d3c5d4;
border-image: linear-gradient(to right, #d3c5d4 0%, #ae7ab2 40%, #7e76ae 74%, #2d6ba7 100%);
border-image-slice: 1;
}
.kv--date .osaka .btn{
background: url("../img/icon_btn_arrow.svg") no-repeat center right 10px/5vw auto, linear-gradient(to right, #c44300 0%, #901531 45%, #a963c9 100%);
}
}
@media (max-width: 768.98px) {
.kv--tag {
-ms-grid-row: 2;
-ms-grid-column: 2;
}
.kv--header {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 2;
}
}
@media (max-width: 768.98px) {
.kv--ondemand{
display: inline-flex;
grid-area: ondemand;
color: #fff;
margin: 0 3vw 0;
align-items: flex-start;
}
.kv--ondemand .ondemand_data{
width: 100%;
margin-left: 0;
}
.kv--ondemand .ondemand_data .title{
font-size: 4.0vw;
line-height: 1em;
font-family: "Futura";
display: block;
text-align: center;
letter-spacing: 1.5px;
border-bottom: 2px solid #cae9fa;
border-image: linear-gradient(to right, #cae9fa 0%, #94b2b4 44%, #767f85 100%);
border-image-slice: 1;
padding: 0 0 2.0vw;
}
.kv--ondemand .ondemand_data .place{
font-family: "貂ｸ譏取悃菴�", "Yu Mincho", YuMincho, "繝偵Λ繧ｮ繝取�譛� Pro W3", "Hiragino Mincho Pro", Hiragino Mincho ProN, "繝｡繧､繝ｪ繧ｪ", Meiryo, "�ｭ�ｳ �ｰ譏取悃", "MS PMincho", serif;
font-size: 4.0vw;
text-align: center;
line-height: 1em;
margin-top: 4.0vw;
}
.kv--ondemand .ondemand_data .day{
font-family: "Futura";
font-size: 4.9vw;
text-align: center;
letter-spacing: -1px;
line-height: 1em;
margin-top: 2vw;
background: url(../img/icon_day_arrow.svg) no-repeat top -5% right calc(50% - -5%)/2.6vw auto;
}
.kv--ondemand .ondemand_data .day span{
font-size: 10px;
letter-spacing: 0.5px;
font-weight: 100;
vertical-align: inherit;
margin: 0 4px;
}
.kv--areas{
margin: 5% 3vw;
display: inline-flex;
grid-area: areas;
color: #fff;
}
.kv--areas .areas_btn{
width: 66%;
/* margin-left: 0vw; */
display: block;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff;
box-sizing: border-box;
padding: 5px 1px;
max-height: fit-content;
font-size: 3.5vw;
background: url(../img/arrow_down.svg) no-repeat center right 1.5vw /2.8vw auto;
}
}
.faq_list {
letter-spacing: 0.01em;
background-color: #F5F8FF;
}
.faq_list:not(:first-of-type) {
margin-top: 25px;
}
@media (max-width: 768.98px) {
.faq_list {
padding: 20px 0;
}
}
.faq_list--q {
line-height: 1.815;
position: relative;
font-weight: bold;
font-size: 18px;
display: flex;
align-items: center;
padding: 0 25px;
}
.faq_list--q::after {
left: 0;
bottom: 0;
width: 54px;
height: 1px;
content: "";
position: absolute;
background-color: #00a6bf;
}
@media (max-width: 768.98px) {
.faq_list--q::after {
bottom: -19px;
}
}
@media (max-width: 768.98px) {
.faq_list--q {
line-height: 1.5;
margin-bottom: 40px;
}
}
.faq_list--q_icon {
font-size: 32.65px;
color: #A2B1D3;
margin-right: 10px;
}
.faq_list--a {
font-size: 16px;
line-height: 2.041875;
padding: 30px 25px 52px;
}
.faq--content {
margin-top: 60px;
}
@media (max-width: 768.98px) {
.faq--content {
margin-top: 30px;
}
}
.header-btn {
width: auto;
max-width: 320px;
margin-left: 30px;
display: flex;
}
@media (max-width: 768.98px) {
.header-btn {
margin-left: 0;
max-width: inherit;
align-items: center;
background: #de5f5f;
}
}
.header-btn--list {
margin-left: 0px;
display: inline-flex;
}
@media (max-width: 768.98px) {
ul.header-btn--list li.header-btn--item{
/*margin-left: 10px;
margin-right: 10px;*/
}
}
.header-btn--item {
display: flex;
align-items: center;
flex-shrink: 0;
}
.header-btn--item > a{
font-size: 13px;
font-weight: bold;
padding: 8px 24px;
background: #de5f5f;
/* width: 160px; */
box-sizing: border-box;
height: 100%;
}
.header-btn--item > a span{
font-size: 17px;
}
.header-btn--item > a.btn_black{
padding: 10px 30px;
background: #000;
}
.header-btn--item > a.btn_black:hover{
opacity: 0.5;
}
.header-btn--item > a.btn_login{
background: url("../img/icon_blank.svg") no-repeat center right 8px/1vw auto, #ebae00;
width: 160px;
}
.header-btn--link {
display: flex;
padding: 10px 0;
flex-direction: column;
justify-content: center;
align-items: center;
color: #fff;
font-size: 14px;
width: 100%;
line-height: 1.5;
}
.header-btn--link:link, .header-btn--link:visited {
color: #fff;
text-decoration: none;
}
@media (max-width: 768.98px) {
.header-btn--item {
/*max-width: 50%;*/
width: auto;
padding-left: 0;
}
.header-btn--item > a{
font-size: 12px;
font-weight: bold;
padding: 6px 10px;
background: #de5f5f;
box-sizing: border-box;
width: auto;
}
.header-btn--item > a span{
font-size: 12px;
}
.header-btn--item .pc{
display: none !important;
}
.header-btn--item > a.btn_login{
background: #ebae00;
width: auto;
}
.header-btn--link {
font-size: 10px;
padding: 5px 2px;
height: 100%;
}
}
.header-btn--link > .bold {
font-weight: bold;
}
.header-btn--link > .small {
font-size: 0.8em;
}
.header-list {
margin-left: auto;
display: flex;
align-items: center;
}
@media (max-width: 768.98px) {
.header-list {
display: none;
}
}
.header-list--list {
display: flex;
margin-left: -25px;
}
.header-list--item {
font-size: 1.5rem;
font-weight: bold;
padding-left: 30px;
letter-spacing: 0.1em;
}
.header-list--link:link, .header-list--link:visited {
color: #344870;
text-decoration: none;
font-weight: bold;
}
.header-list--link:last-child img{
display: inline-block;
vertical-align: baseline;
margin-left: 6px;
}
.header {
display: flex;
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
background: rgba(255,255,255,0.5);
z-index: 9999;
}
.header--inner {
display: flex;
width: 100%;
max-width: 1600px;
margin: 0 auto;
}
@media (max-width: 768.98px) {
.header--inner {
padding: 0px 0px 0px 0px;
justify-content: space-between;
}
}
.header--wrapper {
display: flex;
width: calc(100% - 263px);
}
@media (max-width: 768.98px) {
.header--wrapper {
width: auto;
white-space: nowrap;
}
}
.logo {
width: 100%;
max-width: 320px;
margin-left: 1%;
}
@media (max-width: 768.98px) {
.logo {
/*width: auto;*/
/*max-width: 100%;*/
}
}
.logo--link {
display: flex;
font-weight: bold;
font-size: 12px;
padding: 8px 0;
}
.logo--img {
position: relative;
width: 100%;
max-width: 100px;
flex-shrink: 0;
}
.logo--img::before {
display: block;
padding-top: 43.8461538462%;
content: "";
}
@media (max-width: 768.98px) {
.logo--img {
max-width: 80px;
}
.logo--link {
display: flex;
font-weight: bold;
font-size: 8px;
padding: 5px 0;
}
}
.logo--inner:not(_) {
margin-left: 16px;
display: flex;
align-items: center;
text-decoration: none;
}
@media (max-width: 768.98px) {
.logo--inner:not(_) {
margin: 0 10px;
font-size: 10px;
/*max-width: inherit;*/
}
}
.logo--text {
color: #344870;
font-size: 90%;
line-height: 1.4em;
font-weight: bold;
}
.card_lv2--text > .border {
white-space: nowrap;
padding-right: 0.5em;
margin-right: 0.5em;
border-right: 2px solid #ddd;
}
.overflow {
width: 100vw;
margin: 0 calc(50% - 50vw);
}
@media (min-width: 769px) {
.-pc-none {
display: none !important;
}
}
@media (max-width: 768.98px) {
.-sp-none {
display: none !important;
}
}
.-sp-none-inline {
display: inline-block;
}
@media (max-width: 768.98px) {
.-sp-none-inline {
display: none !important;
}
}
/*繝薙ず繝阪せIT繝輔ぉ繧｢2021
---------------------------*/
/*蜈ｱ騾夊レ譎ｯ濶ｲ*/
.bg_yellow{ background: #fdf6d5; }
.bg_gray{ background: #f5f5f5; }
.section-title {
margin-bottom: 20px;
font-size: 30px;
font-weight: bold;
color: #000;
text-align: center;
line-height: 1.5;
}
.intro_text{
margin-top: 30px;
font-size: 16px;
line-height: 1.8em;
}
.intro_text_s{
font-size: 14px;
margin-top: 10px;
}
@media (max-width: 768.98px) {
.section-title {
margin-bottom: 30px;
font-size: 28px;
}
.intro_text{
margin-bottom: 60px;
font-size: 14px;
}
}
/*蜈ｱ騾壹う繝ｳ繝翫�繝懊ャ繧ｯ繧ｹ*/
.inner_box{
width: 100%;
max-width: 1300px;
margin: 0 auto;
padding: 0 15px;
}
@media (max-width: 768.98px) {
.inner_box{
width: 94%;
max-width: 1300px;
margin: 0 auto;
padding: 0 0;
}
}
.inner_box_seminor{
max-width: 1300px;
}
/*繧ｻ繝溘リ繝ｼ譌･蛻･繝懊ち繝ｳ*/
.btn_seminar_day{
margin: 40px auto;
display: flex;
width: 798px;
justify-content: space-between;
}
.btn_seminar_day li{}
.btn_seminar_day li a{
padding-top: 8px;
background: #fff;
border-radius: 6px;
font-size: 24px;
font-weight: bold;
color: #000;
display: flex;
text-decoration: none;
width: 250px;
height: 50px;
justify-content: center;
align-items: center;
position: relative;
}
.btn_seminar_day li a::after{
content: "";
margin-top: -4px;
width: 10px;
height: 10px;
border-top: 2px solid #EBBE00;
border-right: 2px solid #EBBE00;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
position: absolute;
top: 50%;
right: 20px;
}
.btn_seminar_day li a span{
margin-left: 6px;
font-size: 16px;
}
.btn_seminar_day li a:hover{
background: #ffe26a;
}
@media (max-width: 768.98px) {
.btn_seminar_day{
display: flex;
flex-wrap: wrap;
width: 100%;
}
.btn_seminar_day li{
width: 48%;
}
.btn_seminar_day li:nth-child(n+3){
margin-top: 3%;
}
.btn_seminar_day li a{
padding: 8px 20px 0;
width: 100%;
font-size: 16px;
}
.btn_seminar_day li a span{
font-size: 16px;
}
.btn_seminar_day li a::after{
width: 8px;
height: 8px;
right: 12px;
}
}
/*繧ｻ繝溘リ繝ｼ*/
.nomal_seminar{
padding: 60px 0 80px;
background: #f9eed2;
background-image: url(../img/bg_seminar2021.jpg);
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
position: relative;
}
.section_label{
font-size: 16px;
letter-spacing: 0.2em;
font-family: "Helvetica Neue",Arial,sans-serif;
color: #242847;
-ms-writing-mode: tb-rl; /*IE*/
writing-mode: vertical-rl;
position: absolute;
top: 110px;
left: 30px;
}
.section_label::after{
content: '';
margin-top: 20px;
display: inline-block;
width: 1px;
height: 40px;
background-color: #242847;
}
.w_label{
color: #fff;
}
.w_label:after{
background-color: #fff;
}
@media (max-width: 768.98px) {
.section_label{
font-size: 12px;
letter-spacing: 0.2em;
font-family: "Helvetica Neue",Arial,sans-serif;
color: #242847;
writing-mode: horizontal-tb;
position: absolute;
top: 25px;
left: 18px;
}
.section_label::after{
content: '';
margin-top: 20px;
display: none;
width: 1px;
height: 40px;
background-color: #242847;
}
.w_label{
color: #fff;
}
.w_label:after{
background-color: #fff;
}
}
.link_position{
margin-top: -20px;
padding-top: 20px;
}
.seminar_list{
margin-bottom: 60px;
}
.title_days{
margin-bottom: 40px;
padding: 10px 40px 5px;
background: #fddea5;
font-size: 24px;
font-weight: bold;
line-height: 1em;
color: #000;
width: 100%;
border-radius: 40px;
text-align: center;
}
.title_days::before{
content: "";
display: inline-block;
margin-right: 6px;
width: 22px;
height: 22px;
background: url("../img/icon_watch.svg") no-repeat;
background-size: contain;
vertical-align: baseline;
}
.title_days span{
margin-left: 6px;
font-size: 16px;
font-weight: normal;
color: #000;
vertical-align: bottom;
}
/*繧ｻ繝溘リ繝ｼ繝ｪ繧ｹ繝�*/
.seminar_box > div{
background: #fff;
display: flex;
flex-direction: column;
width: 100%;
/*height: 100%;*/
position: relative;
text-decoration: none;
}
.seminar_box .data_head{
color: #fff;
margin-top: -30px;
}
.seminar_box .data_head{
display: flex;
justify-content: flex-end;
}
.seminar_box .data_head > span{
padding: 2px 4px;
font-size: 14px;
color: #fff;
background: #242847;
font-family: "Montserrat";
height: 24px;
box-sizing: border-box;
display: inline-block;
}
.seminar_box .data_head > .name_tag{
padding: 4px 4% 4px 4%;
font-size: 12px;
display: inline-block;
color: #fff;
background: #00a6bf;
/* height: 24px; */
box-sizing: border-box;
display: inline-block;
}
.seminar_box .data_head > .tag_tokyo{
background: #006896;
}
.seminar_box .data_head > .tag_osaka{
background: #a57f00;
}
.seminar_box .data_head > .online_tag{
background: #8ea2a3;
}
.seminar_box .data_head .time_min{
font-family: "Montserrat";
font-size: 12px;
color: #242847;
display: flex;
align-items: center;
margin-left: 10px;
}
.seminar_box .data_head .time_min img{
width: 14px;
height: auto;
margin-right: 4px;
}
.seminar_box_inner{
padding: 2.0vw;
}
.seminar_box .title{
font-size: 1.8rem;
font-weight: bold;
line-height: 1.4em;
color: #344870;
padding: 0 0 12px;
}
.seminar_box .title.online_c{
color: #4b6969;
border-bottom: 1px solid #d2dada;
}
.seminar_box .title span{
font-size: 12px;
line-height: 1.0em;
}
.about_text span{
color: #EC6C00;
}
/*繧ｻ繝溘リ繝ｼ繧ｯ繝ｭ繝ｼ繧ｺ逕ｨ繧ｹ繧ｿ繧､繝ｫ*/
.seminar_box > a.closed_link{
pointer-events: none;
}
.seminar_box > a.closed_link:hover{
background: #fff;
}
@media (max-width: 768.98px) {
.seminar_box_inner{
padding: 18px 20px;
}
}
@media (max-width: 768.98px) {
.title_days{
font-size: 18px;
}
.title_days span{
font-size: 18px;
font-weight: bold
}
.title_days::before{
width: 20px;
height: 20px;
vertical-align: bottom;
}
.seminar_box > a{
padding: 60px 30px 30px;
}
}
ul.speaker_list{
color: #000;
display: flex;
justify-content: space-around;
}
ul.speaker_list > li{
padding: 20px 0;
/* border-bottom: 1px solid #dcedc4; */
display: flex;
flex-direction: column-reverse;
align-items: center;
}
ul.speaker_list > li:last-child{
border-bottom: none;
}
ul.speaker_list > li .name{
font-size: 17px;
font-weight: bold;
line-height: 1.2em;
flex: 1;
margin-top: 10px;
text-align: center;
margin-left: -6px;
}
ul.speaker_list > li .name .position{
margin-bottom: 12px;
font-size: 13px;
font-weight: bold;
display: block;
line-height: 1.4em;
}
ul.speaker_list > li .photo {
width: 160px;
height: 160px;
}
ul.speaker_list > li .photo p{
font-size: 11px;
text-align: center;
}
@media (max-width: 768.98px) {
ul.speaker_list > li{
padding: 10px 0;
display: flex;
flex-direction: column-reverse;
align-items: center;
}
ul.speaker_list > li .photo p{
display: none;
}
ul.speaker_list > li .photo {
width: 90%;
max-width: 160px;
height: auto;
}
ul.speaker_list > li .photo img{
width: 100%;
height: auto;
}
ul.speaker_list > li .name{
font-size: 17px;
font-weight: bold;
line-height: 1.2em;
flex: 1;
margin-top: 10px;
text-align: center;
}
}
.recommend{
color: #000;
padding: 0px 0 16px;
font-size: 14px;
}
.recommend.online_c{
border-top: 1px solid #d2dada;
}
.btn_open{
display: block;
width: 100%;
padding: 2px 0;
text-align: center;
font-family: "Montserrat";
font-size: 0;
color: #fff;
background: #006896;
position: relative;
}
.btn_open:before{
content: "MORE";
font-family: "Montserrat";
font-size: 14px;
color: #fff;
}
.close:before{
content: "CLOSE";
font-family: "Montserrat";
font-size: 14px;
color: #fff;
}
.btn_icon{
position: absolute;
top: 50%;
right: 1.0vw;
transform: translateY(-50%);
display: block;
width: 19px;
height: 19px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.btn_icon:before,
.btn_icon:after{
display: block;
content: '';
background-color: #fff;
position: absolute;
width: 19px;
height: 1px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.btn_icon:before{
width: 1px;
height: 19px;
}
.btn_open.close .btn_icon:before{
content: normal;
}
.btn_online{
background: #8ea2a3;
}
.btn_open:hover{
cursor: pointer;
opacity: 0.8;
}
.seminar_box .btn_no-arc{
margin: auto auto 0;
padding: 8px 40px;
font-size: 14px;
color: #000;
text-align: center;
}
/*繧ｻ繝溘リ繝ｼ蟷�ｪｿ謨ｴ逕ｨ繧ｹ繧ｿ繧､繝ｫ*/
.rows{
margin-top: 40px;
display: flex;
flex-wrap: wrap;
}
.rows > li{
width: 32.3%;
margin-right: 1.5%;
margin-top: 1.5%;
}
.rows > li:nth-child(3n){
margin-right: 0;
}
@media (max-width: 768.98px) {
.rows{
margin-top: 0;
display: inline-block;
width: 100%;
}
.rows > li{
margin-top: 40px;
width: 100%;
}
.rows > li:first-child{
margin: 0;
}
.rows > li:nth-child(n+2){
margin-left: 0;
}
.btn_icon{
position: absolute;
top: 50%;
right: 1.8vw;
transform: translateY(-50%);
display: block;
width: 19px;
height: 19px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
}
.seminor_app_box{
display: flex;
justify-content: center;
margin-top: 112px;
}
.seminor_app_box_t .seminor_app_btn{
background: #006896;
}
.seminor_app_box_o .seminor_app_btn{
background: #a57f00;
}
.seminor_app_btn{
font-size: 1.8rem;
font-weight: bold;
color: #fff !important;
text-decoration: none !important;
text-align: center;
padding: 18px 23px;
margin: 0 18px;
}
.seminor_app_btn img{
width: 16px;
height: auto;
display: inline-block;
vertical-align: middle;
margin-left: 6px;
}
.app_btn_txt{
display: block;
font-size: 1.7rem;
font-weight: bold;
color: #000 !important;
text-decoration: none !important;
text-align: center;
margin: 28px 0 0;
}
.app_btn_txt img{
display: inline-block;
vertical-align: -4px;
margin-left: 4px;
}
.app_btn_txt:hover{
opacity: 0.6;
}
@media (max-width: 768.98px) {
.seminor_app_box{
display: block;
margin-top: 60px;
text-align: center;
}
.seminor_app_box_t .seminor_app_btn{
background: #006896;
padding: 20px;
}
.seminor_app_box_o .seminor_app_btn{
background: #a57f00;
padding: 20px;
}
.seminor_app_btn{
font-size: 1.5rem;
font-weight: bold;
color: #fff !important;
text-decoration: none !important;
text-align: center;
margin: 18px auto;
box-sizing: border-box;
padding: 10px;
}
.seminor_app_btn img{
width: 16px;
height: auto;
display: inline-block;
vertical-align: middle;
margin-left: 6px;
}
.seminor_app_box_t{
margin-bottom: 40px;
}
}
/*迚ｹ蛻･繧ｻ繝溘リ繝ｼ*/
.special_box .name_tag{
padding: 4px 30px;
background: #EC6C00;
}
.special_box .name_tag span{
display: inline-block;
position: absolute;
top: -3px;
right: 6px;
margin: 0;
padding: 8px 0;
z-index: 2;
width: 14px;
background: linear-gradient(#FFDD00 0%, #e0c53e 100%);
border-radius: 2px 0 0 0;
}
.special_box .name_tag span:after{
content: '';
position: absolute;
left: 0;
top: 100%;
height: 0;
width: 0;
border-left: 7px solid #e0c53e;
border-right: 7px solid #e0c53e;
border-bottom: 4px solid transparent;
}
@media (max-width: 768.98px) {
.seminar_box .name_tag{
padding: 4px 30px;
text-align: center;
font-size: 16px;
}
.special_box .name_tag span{
padding: 10px 0;
}
}
.special_box .special_box_main{
margin-bottom: 30px;
color: #000;
display: flex;
justify-content: space-between;
}
.special_box .special_box_main .left_box{
flex: 1;
}
.special_box .special_box_main .left_box .about_text{
margin-top: 20px;
font-size: 14px;
line-height: 1.8em;
}
.special_box .special_box_main .right_box{
margin: 0 60px;
width: 240px;
display: flex;
align-items: flex-end;
}
.special_box .special_box_main .right_box dl.speaker dd{
margin-bottom: 20px;
}
.special_box .special_box_main .right_box dl.speaker dd img{
margin: 0 auto;
}
.special_box .special_box_main .right_box dl.speaker dt span{
display: block;
}
.special_box .special_box_main .right_box dl.speaker dt span.affiliation{
margin-bottom: 8px;
font-size: 13px;
line-height: 1.0em;
}
.special_box .special_box_main .right_box dl.speaker dt span.position{
margin-bottom: 14px;
font-size: 13px;
line-height: 1.0em;
}
.special_box .special_box_main .right_box dl.speaker dt span.name{
font-size: 20px;
line-height: 1.0em;
}
.special_box .btn_box{
padding-top: 30px;
border-top: 1px solid #EBBE00;
}
@media (max-width: 768.98px) {
.special_box .special_box_main{
display: inline-block;
}
.special_box .special_box_main .left_box{
margin-bottom: 30px;
}
.special_box .special_box_main .right_box{
margin: 0;
width: 100%;
}
.special_box .special_box_main .right_box dl.speaker{
margin: 0 auto;
width: 50%;
}
.special_box .special_box_main .right_box dl.speaker dt span{
display: block;
}
.special_box .special_box_main .right_box dl.speaker dd img{
width: 100%;
}
.seminar_box dl.data_head > dt span{
padding: 2px 8px;
}
.seminar_box .btn_entry{
min-width: 240px;
font-size: 16px;
width: 100%;
}
}
/*笘��笘�*/
/*WEB螻慕､ｺ莨�*/
.web_exhibition{
padding: 80px 0 100px;
background: url("../img/bg_web_exhibition.jpg") no-repeat top center/cover #b5d3e1;
position: relative;
}
/*----螻慕､ｺ繧ｳ繝ｼ繝翫�荳隕ｧ陦ｨ----*/
.web_exhibition .exhibition_table{
margin-bottom: 50px;
width: 100%;
margin-top: 10px;
}
@media (max-width: 768.98px) {
.web_exhibition .exhibition_table{
width: 100%;
}
.web_exhibition .exhibition_table tr td{
width: 100px;
text-align: left;
vertical-align: middle;
}
.web_exhibition .exhibition_table tr td.item01{
width: 295px;
font-weight: normal;
}
}
.web_exhibition .exhibition_table th{
color: #fff;
background: #278baf;
height: 30px;
text-align: center;
}
.web_exhibition .exhibition_table tr td{
padding: 2px 0px 2px 15px;
font-size: 1.4rem;
vertical-align:middle;
background: #fff;
}
.web_exhibition .exhibition_table tr:nth-child(odd) td{
background: #f2f7fa;
}
.web_exhibition .exhibition_table tr td.kikankei{
color: #fff;
width: 128px;
text-align: left;
font-size: 95%;
font-weight: bold;
background: #006896;
}
.web_exhibition .exhibition_table tr td.kikenrenkei{
color: #fff;
width: 128px;
text-align: left;
font-size: 95%;
font-weight: bold;
background: #549ab9;
}
.web_exhibition .exhibition_table tr td.datarenkei{
color: #fff;
width: 128px;
text-align: left;
font-size: 95%;
font-weight: bold;
background: #42b8a6;
}
.web_exhibition .exhibition_table tr td.ai{
color: #fff;
width: 128px;
text-align: left;
font-size: 95%;
font-weight: bold;
background: #a0c24e;
}
.web_exhibition .exhibition_table tr td.jinji{
color: #fff;
width: 128px;
text-align: left;
font-size: 95%;
font-weight: bold;
background: #b88f42;
}
.web_exhibition .exhibition_table tr td.security{
color: #fff;
width: 128px;
text-align: left;
font-size: 95%;
font-weight: bold;
background: #c27248;
}
.web_exhibition .exhibition_table tr td.kikikanri{
color: #fff;
width: 128px;
text-align: left;
font-size: 95%;
font-weight: bold;
background: #e67878;
}
.web_exhibition .exhibition_table tr td.keikaku2{
background: #c4ac59 !important;
}
.web_exhibition .exhibition_table tr td.keikaku{
color: #fff;
width: 128px;
text-align: left;
font-size: 95%;
font-weight: bold;
background: #b79933;
}
.web_exhibition .exhibition_table tr td.item02{
width: 295px;
font-weight: bold;
}
.web_exhibition .exhibition_table tr td.company{
width: 295px;
}
@media (max-width: 768.98px) {
.web_exhibition .exhibition_table tr td:first-child{
width: 47px;
padding: 10px;
font-size: 1.4rem;
vertical-align: middle;
}
}
/*----螻慕､ｺ繧ｳ繝ｼ繝翫�荳隕ｧ陦ｨ 縺薙％縺ｾ縺ｧ----*/
@media (max-width: 768.98px) {
.web_exhibition{
padding: 74px 0 63px;
background: url("../img/sp/bg_web_exhibition.jpg") no-repeat top center/cover #b5d3e1;
position: relative;
}
}
@media (max-width: 768.98px) {
.nomal_seminar{
padding: 40px 0;
}
}
/*鬟溷刀髢｢騾｣莨∵･ｭ讒伜髄縺醍音蛻･繧ｻ繝溘リ繝ｼ 縺薙％縺ｾ縺ｧ*/
/* 逕ｳ霎ｼ縺ｿ繝懊ャ繧ｯ繧ｹ */
.entry_box{
padding: 100px 0;
box-sizing: border-box;
background: url("../img/bg_entry_r.png?202308") no-repeat top right, url("../img/bg_entry_l.png?202308") no-repeat bottom left, #1c1526;
position: relative;
}
.entry_box .w_txt{
color: #fff;
}
.entry_box .inner_box .top_text{
font-size: 22px;
}
/*繧ｻ繝溘リ繝ｼ繧ｯ繝ｭ繝ｼ繧ｺ逕ｨ繧ｹ繧ｿ繧､繝ｫ*/
.entry_box{
min-height: auto;
}
.entry_box p.top_text{
color: #ff0000;
font-weight: bold;
text-shadow: 0px 0px 11px #fff;
}
@media (max-width: 768.98px) {
.entry_box{
padding: 74px 0;
box-sizing: border-box;
background: url("../img/bg_entry_r.png") no-repeat top right, url("../img/bg_entry_l.png") no-repeat bottom left, #1c1526;
position: relative;
}
}
.close_box{
padding: 40px 0;
text-align: center;
background-color: #e17e2b;
background-size: cover;
background-position: center center;
box-sizing: border-box;
min-height: auto;
font-weight :bold
}
.close_box p.top_text{
color: #fff;
font-size: 18px;
}
@media (max-width: 768.98px) {
.close_box{
padding: 30px 0;
min-height: 0;
text-align: center;
background-color: #e17e2b;
background-size: 100% 100%;
background-position: center center;
}
.close_box .inner_box .top_text{
font-size: 14px;
}
}
/* 逕ｳ霎ｼ縺ｿ繝懊ャ繧ｯ繧ｹ 縺薙％縺ｾ縺ｧ */
/* 迚ｹ蛻･蜊碑ｳ帙�蜊泌鴨 */
.sponsorship{
padding: 80px 0 100px;
text-align: center;
position: relative;
}
.sponsorship h3{
margin-bottom: 20px;
color: #9D562A;
font-size: 20px;
font-weight: bold;
position: relative;
}
.sponsorship .uchida_logo{
margin-bottom: 60px;
display: inline-block;
}
.sponsorship .uchida_logo.size_middle img{
margin: 0 20px;
height: 60px;
width: auto;
}
@media (max-width: 768.98px) {
.sponsorship{
padding: 40px 0;
}
.sponsorship h3{
margin-bottom: 40px;
font-size: 16px;
}
.sponsorship .uchida_logo{
margin-bottom: 40px;
width: 80%;
}
.sponsorship .uchida_logo img,
.sponsorship .uchida_logo.size_middle img{
width: 100%;
height: auto;
}
}
/* 迚ｹ蛻･蜊碑ｳ帙�蜊泌鴨 縺薙％縺ｾ縺ｧ */
/* 髢句ぎ讎りｦ� */
.info_box{
width: 948px;
margin: 0 auto;
}
@media (max-width: 768.98px) {
.info_box{
width: 94%;
margin: 0 auto;
}
}
.fair_about{
position: relative;
padding: 80px 0 100px;
}
.fair_about .outline{
margin-top: 42px;
width: 100%;
border-top: 1px solid #cce1ea;
}
.fair_about .outline dl{
padding: 14px 0;
font-size: 1.6rem;
display: flex;
border-bottom: 1px solid #cce1ea;
}
.fair_about .outline dl dt{
padding-right: 10px;
width: 100px;
font-size: 1.6rem;
font-weight: bold;
color: #24286f;
box-sizing: border-box;
}
.fair_about .outline dl dd{
font-size: 1.8rem;
line-height: 1.4em;
width: calc(100% - 100px);
}
.fair_about .outline dl dd span{
display: block;
border-bottom: 1px solid #cce1ea;
padding: 0 0 14px;
}
.fair_about .outline dl dd span:last-child{
padding: 14px 0 0;
border-bottom: 0;
}
.fair_about .outline dl dd.stxt{
font-size: 1.6rem;
}
@media (max-width: 768.98px) {
.fair_about{
padding: 74px 0;
}
.fair_about .outline{
width: 100%;
}
.fair_about .outline dl{
display: block;
}
.fair_about .outline dl dt{
margin-bottom: 4px;
font-size: 14px;
width: 100%;
}
.fair_about .outline dl dd{
font-size: 16px;
width: 100%;
}
.fair_about .outline dl dd.stxt{
font-size: 14px;
}
}
/* 髢句ぎ讎りｦ� 縺薙％縺ｾ縺ｧ */
/* FAQ */
.faq{
width: 100%;
padding: 85px 0 130px;
background: #f5f4f2;
position: relative;
}
.faq .inner_faq{
width: 1200px;
padding: 0 44px;
margin: 0 auto;
}
.faq .faq_list{
width: 100%;
background: #fff;
border: 2px solid #e6e3df;
box-sizing: border-box;
border-radius: 10px;
padding: 20px;
margin-bottom: 20px;
}
.faq .faq_list dt{
display: flex;
font-size: 1.8rem;
font-weight: bold;
color: #006896;
background: url("../img/icon_plus.svg") no-repeat top 6px right;
padding: 0 40px 0 0;
box-sizing: border-box;
cursor: pointer;
transition: .3s;
}
.faq .faq_list dt:hover{
opacity: 0.6;
}
.faq .faq_list dt.active{
background: url("../img/icon_minus.svg") no-repeat top 13px right;
}
.faq .faq_list dt img{
margin-right: 16px;
}
.faq .faq_list dd{
font-size: 1.7rem;
padding-top: 20px;
display: none;
}
.faq_txt{
font-size: 1.8rem;
font-weight: bold;
text-align: center;
margin-top: 80px;
}
.mailbtn_box{
text-align: center;
}
.mailbtn{
display: inline-block;
margin: 26px auto 0;
font-size: 1.8rem;
font-weight: bold;
background: #fff;
padding: 10px 27px;
text-decoration: none !important;
color: #344870 !important;
border: 1px solid #e6e3df;
box-sizing: border-box;
}
.mailbtn img{
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
@media (max-width: 768.98px) {
.faq{
padding: 74px 0;
}
.faq .inner_faq{
width: 94%;
padding: 0 0;
margin: 0 auto;
}
.faq .faq_list dt{
display: flex;
align-items: flex-start;
font-size: 1.8rem;
font-weight: bold;
color: #006896;
background: url("../img/icon_plus.svg") no-repeat top 6px right;
padding: 0 40px 0 0;
box-sizing: border-box;
}
.faq .faq_list dt img{
margin-right: 16px;
margin-top: 7px;
}
}
/* FAQ 縺薙％縺ｾ縺ｧ */
/*繝薙ず繝阪せIT繝輔ぉ繧｢2024
---------------------------*/
@font-face{
font-family: "Futura";
src: url("../font/futura-medium.ttf")
}
@font-face{
font-family: "Montserrat";
src: url("../font/FontsFree-Net-Montserrat-Medium.ttf")
}
/* TOPICS */
.topics{
background: rgba(255,255,255,0.5);
color: #344870;
padding: 1vw 1vw;
position: relative;
bottom: 1.4vw;
z-index: 1000;
box-sizing: border-box;
}
.topics_box{
display: flex;
align-items: center;
}
.topics .ttl{
font-family: "Montserrat";
font-size: 0.8vw;
font-weight: bold;
letter-spacing: 1.2px;
padding-right: 1vw;
white-space: nowrap;
}
.topics ul{
padding-left: 25px;
width: calc(100% - 107px);
border-left: 1px solid #7fb3ca;
}
.topics ul li{
font-size: 15px;
letter-spacing: 0.05em;
border-bottom: 1px solid #d6dae2;
padding: 0.5vw 0;
}
.topics ul li:last-child{
border-bottom: 0;
}
.topics ul li a{
color: #344870;
}
@media (max-width: 768.98px) {
.topics{
background: rgba(255,255,255,0.5);
color: #344870;
padding: 4% 8%;
box-sizing: border-box;
margin-top: 30%;
}
.topics_box{
display: block;
}
.topics .ttl{
font-family: "Montserrat";
font-size: 19px;
letter-spacing: 1.2px;
border-right: none;
width: 100%;
}
.topics ul{
padding-left: 0;
width: 100%;
border-left: 0;
}
.topics ul li{
font-size: 15px;
margin-top: 3px;
line-height: 160%;
}
.topics ul li a{
color: #fff;
}
}
/* TOPICS 縺薙％縺ｾ縺ｧ*/
/* SPECIAL LECTURE */
.special_lecture{
padding: 90px 0;
background: url("../img/bg_special.jpg?202308") no-repeat top center/cover;
position: relative;
}
.special_catch{
width: 583px;
padding-bottom: 38px;
border-bottom: 2px solid #66a4c0;
margin: 0 auto 50px;
}
.special_catch img{
margin: 0 auto;
}
.special_catch_txt{
font-size: 1.8rem;
font-weight: bold;
text-align: center;
color: #fff;
margin: 0 auto 88px;
letter-spacing: 1px;
}
.special_lec_inner{
background-color: #fff;
padding: 65px 77px 0;
display: flex;
box-sizing: border-box;
}
.special_lec_l{
width: 577px;
background: url("../img/kudou.png") no-repeat bottom right/454px auto;
}
.special_lec_r{
width: 530px;
padding-left: 40px;
box-sizing: border-box;
}
.special_data .cat_tag{
font-size: 2.0rem;
font-weight: bold;
color: #344870;
letter-spacing: 3px;
line-height: 1em;
display: inline-block;
margin-top: 30px;
}
.special_data .line{
display: block;
width: 128px;
height: 2px;
background: linear-gradient(to right, #006896 0%, #006896 50%, #a57f00 50%, #a57f00 100%);
margin: 24px 0 38px;
}
.special_lec_r .special_ttl{
font-size: 2.6rem;
font-weight: bold;
line-height: 140%;
color: #006896;
}
.special_lec_r .special_ttl span{
display: block;
font-size: 80%;
}
.special_data .position{
font-size: 1.6rem;
font-weight: bold;
line-height: 1.6;
}
.special_data .name{
font-size: 2.8rem;
font-weight: bold;
margin-top: 10px;
}
.special_data .name span{
font-size: 2.0rem;
}
.special_img img{
display: block;
}
.special_lec_r .txt{
font-size: 1.5rem;
font-weight: 500;
margin-top: 28px;
color: #344870;
}
.special_btn{
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.special_btn a{
display: block;
text-decoration: none;
color: #fff;
width: 48%;
}
.special_btn_l .s_btn_inner,
.special_btn_r .s_btn_inner{
padding: 12px 16px;
}
.special_btn_l{
background: #006896;
}
.special_btn_r{
background: #a57f00;
}
.s_btn_inner .s_btn_inner_ttl{
font-size: 2.2rem;
font-weight: bold;
letter-spacing: 3px;
line-height: 1em;
text-align: center;
border-bottom: 2px solid rgba(255,255,255,0.3);
padding: 0 0 14px;
}
@media (max-width: 768.98px) {
.special_catch img{
margin: 0 auto;
width: 94%;
}
.s_btn_inner .s_btn_inner_ttl span{
font-size: 10px;
margin-bottom: 8px;
}
.special_catch_txt{
font-size: 1.6rem;
font-weight: bold;
text-align: center;
color: #fff;
margin: 0 auto 10%;
letter-spacing: 1px;
}
.s_btn_inner .s_btn_inner_ttl_tokyo span{
font-size: 10px;
margin-bottom: 8px;
}
.special_lec_r .txt{
font-size: 1.5rem;
font-weight: 500;
margin-top: 5%;
color: #344870;
}
}
.s_btn_inner_day{
font-family: "Futura";
line-height: 1.2em;
font-size: 2.0rem;
text-align: center;
margin: 8px 0 0;
text-indent: -9999px;
}
.special_btn_l .s_btn_inner_day{
background: url("../img/img_day_tokyo_w.svg") no-repeat center/42% auto;
}
.special_btn_r .s_btn_inner_day{
background: url("../img/img_day_osaka_w.svg") no-repeat center/42% auto;
}
.s_btn_inner_day span{
font-size: 80%;
margin-left: 6px;
}
@media (max-width: 768.98px) {
.s_btn_inner_day{
font-size: 120%;
text-indent: inherit;
background: none !important;
}
}
.s_btn_inner_place{
margin-top: 10px;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
}
.special_btn .app{
text-align: center;
font-weight: bold;
font-size: 1.7rem;
background: url("../img/icon_appli.svg") no-repeat center right 18px #344870;
padding: 5px 0;
}
.special_btn_l .app{
background-image: none;
}
.special_btn_r .app{
background-image: none;
}
.special_lec_txt{
font-size: 2.2rem;
font-weight: bold;
text-align: center;
color: #344870;
margin: 30px 0 40px;
}
.special_lec_txt span{
font-size: 1.7rem;
padding: 2px 6px;
border: 1px solid #344870;
margin-right: 6px;
vertical-align: 2px;
}
@media (max-width: 768.98px) {
.special_lecture {
padding: 10% 0 0;
background: url("../img/sp/bg_special.jpg?202308") no-repeat;
position: relative;
}
.special_lec_inner{
width: 100% !important;
}
.special_catch{
width: 100%;
padding-bottom: 38px;
border-bottom: 2px solid #66a4c0;
margin: 0 auto 5%;
}
.special_lec_inner{
display: block;
background:url("../img/sp/kudou.png") no-repeat top 6% right/55% auto #fff;
padding: 5% 4%;
box-sizing: border-box;
}
.special_lec_l{
width: 100%;
background: none;
}
.special_lec_r{
width: 100%;
padding-left: 0;
box-sizing: border-box;
margin-top: 14%;
}
.special_data{
width: 100%;
}
.special_data .cat_tag{
font-size: 15px;
font-weight: bold;
letter-spacing: 3px;
line-height: 1em;
padding: 7px;
border: 1px solid #9193a3;
display: inline-block;
}
.special_data .special_ttl{
font-size: 24px;
font-weight: bold;
padding: 14px 0 10px;
line-height: 140%;
position: relative;
}
.special_data .special_ttl:after{
content: "";
display: block;
width: 80px;
height: 2px;
background: linear-gradient(to right, #88e002 0%, #568045 28%, #25662c 100%);
position: absolute;
left: 0;
bottom: 0;
}
.special_data .position{
font-size: 15px;
margin-top: 30px;
}
.special_data .name{
font-size: 20px;
font-weight: bold;
margin-top: 6px;
}
.special_data .txt{
font-size: 15px;
margin-top: 30px;
}
.special_btn {
display: flex;
margin-top: 20px;
margin-bottom: 20px;
width: 100%;
}
.special_btn a{
text-decoration: none;
color: #fff;
min-width: 48%;
display: block;
}
.special_btn_l .s_btn_inner,
.special_btn_r .s_btn_inner{
display: block;
align-items: center;
padding: 8px 8px;
}
.special_btn_l{
background: #006896;
}
.special_btn_r{
background: #a57f00;
}
.s_btn_inner .s_btn_inner_ttl{
font-size: 2.2rem;
padding-right: 0;
border-right: 0;
letter-spacing: 3px;
line-height: 1em;
background: none;
}
.s_btn_inner .s_btn_inner_ttl_tokyo{
font-family: "Futura";
font-size: 2.2rem;
padding-right: 0;
padding-left: 0px;
border-right: 0;
letter-spacing: 3px;
line-height: 1em;
background: none;
}
.s_btn_inner_data{
font-size: 1.6rem;
line-height: 1.2em;
padding-left: 0;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
}
.s_btn_inner_day span{
font-size: 50%;
margin-left: 2px;
}
.s_btn_inner_place{
margin-top: 6px;
font-size: 1.6rem;
}
.s_btn_inner_place_osaka{
margin-top: 6px;
font-size: 1.1rem;
}
.special_btn .app{
text-align: center;
font-weight: bold;
font-size: 1.7rem;
background: url("../img/icon_appli.svg") no-repeat center right 8px #344870;
padding: 5px 0;
}
.special_btn_l .app{
background-image: none;
}
.special_btn_r .app{
background-image: none;
}
}
/* SPECIAL LECTURE 縺薙％縺ｾ縺ｧ*/
/* TIME TABLE */
.time_table{
position: relative;
background: #e6e3df ;
padding: 96px 0;
}
.t_tbl_txt{
font-size: 18px;
color: #fff;
margin-top: 40px;
text-align: center;
}
.t_tbl_txt span{
display: inline;
background-position: left -100% center;
padding: 0 4px 0.6em 4px;
font-weight: bold;
background-size: 200% 0.6em;
background-repeat: repeat-x;
transition: background-position 2s ease 0.1s;
}
.t_tbl_stxt{
font-size: 13px;
color: #344870;
margin-top: 20px;
text-align: center;
}
.real_online_ttl{
width: 100%;
padding: 10px 0;
font-size: 23px;
font-weight: bold;
color: #fff;
line-height: 1.0em;
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px;
}
.real_ttl{
background: #00a6bf;
}
.online_ttl{
background: #8ea2a3;
}
.real_online_ttl img{
width: 24px;
margin-right: 10px;
}
.real_online_txt{
font-size: 14px;
color: #fff;
text-align: center;
padding: 28px 0;
}
.section_seminar{
padding-bottom: 73px;
}
.section_seminar.online_seminar{
padding-bottom: 0px;
}
.seminar_time{
font-family: "Montserrat";
font-size: 28px;
color: #fff;
line-height: 1em;
width: 100%;
padding: 12px 0;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 2px solid #00a8b4;
border-top: 2px solid #00a8b4;
border-image: linear-gradient(to right, rgba(0,168,180,0) 0%, rgba(0,168,180,1) 50%, rgba(0,168,180,0) 100%);
border-image-slice: 1;
margin-bottom: 52px;
}
.seminar_time img{
width: 24px;
margin-right: 12px;
}
.hands_on{
display: flex;
margin-top: 10px;
background: #ebf6fc;
border-radius: 4px;
padding: 4px 4px 4px 8px;
}
.hands_on .hands_on_img img{
width: 32px;
height: auto;
margin-right: 10px;
padding-top: 4px;
}
.hands_on .hands_on_txt .hands_on_ttl{
font-size: 14px;
font-weight: bold;
color: #0099d7;
line-height: 1em;
margin-bottom: 4px;
}
.hands_on .hands_on_txt .hands_on_stxt{
font-size: 12px;
color: #0099d7;
line-height: 1em;
}
@media (max-width: 768.98px) {
.time_table{
position: relative;
background: #e6e3df ;
padding: 10% 0;
}
.t_tbl_txt{
font-size: 16px;
color: #fff;
margin-top: 40px;
}
.t_tbl_txt span{
display: inline;
background-position: left -100% center;
padding: 0 4px 0.6em 4px;
font-weight: bold;
background-size: 200% 0.6em;
background-repeat: repeat-x;
transition: background-position 2s ease 0.1s;
}
.t_tbl_stxt{
font-size: 11px;
margin-top: 20px;
}
.real_online_ttl{
width: 100%;
padding: 10px 0;
font-size: 23px;
font-weight: bold;
color: #fff;
line-height: 1.0em;
display: flex;
align-items: center;
justify-content: center;
margin-top: 34px;
}
.real_ttl{
background: #00a6bf;
}
.online_ttl{
background: #8ea2a3;
}
.real_online_ttl img{
width: 24px;
margin-right: 10px;
}
.real_online_txt{
font-size: 14px;
color: #fff;
text-align: center;
padding: 30px 0;
}
.section_seminar{
padding-bottom: 40px;
}
.section_seminar.online_seminar{
padding-bottom: 40px;
}
.seminar_time{
font-family: "Montserrat";
font-size: 28px;
color: #fff;
line-height: 1em;
width: 100%;
padding: 12px 0;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 2px solid #00a8b4;
border-top: 2px solid #00a8b4;
border-image: linear-gradient(to right, rgba(0,168,180,0) 0%, rgba(0,168,180,1) 50%, rgba(0,168,180,0) 100%);
border-image-slice: 1;
margin-bottom: 52px;
}
.seminar_time img{
width: 24px;
margin-right: 12px;
}
.hands_on{
display: flex;
margin-top: 10px;
background: #ebf6fc;
border-radius: 4px;
padding: 4px 4px 4px 8px;
}
.hands_on .hands_on_img img{
width: 32px;
height: auto;
margin-right: 10px;
padding-top: 4px;
}
.hands_on .hands_on_txt .hands_on_ttl{
font-size: 14px;
font-weight: bold;
color: #0099d7;
line-height: 1em;
margin-bottom: 4px;
}
.hands_on .hands_on_txt .hands_on_stxt{
font-size: 12px;
color: #0099d7;
line-height: 1em;
}
}
/* TIME TABLE 縺薙％縺ｾ縺ｧ*/
/* 繝�ず繧ｿ繝ｫ蛹悶た繝ｪ繝･繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ螻慕､ｺ */
.web_cat_list{
display: flex;
flex-wrap: wrap;
margin-top: 56px;
}
.web_cat_list > li{
font-size: 20px;
font-weight: bold;
color: #00a6bf;
letter-spacing: 1.2px;
line-height: 1em;
padding: 15px 0;
border: 1px solid #4dc1d2;
box-sizing: border-box;
text-align: center;
width: 22%;
margin-right: 4%;
margin-bottom: 2.2%;
}
.web_cat_list > li:nth-of-type(4n){
margin-right: 0;
}
@media (max-width: 768.98px) {
.web_cat_list{
display: flex;
flex-wrap: wrap;
margin-top: 56px;
}
.web_cat_list > li{
font-size: 20px;
font-weight: bold;
color: #00a6bf;
letter-spacing: 1.2px;
line-height: 1em;
padding: 15px 0;
border: 1px solid #4dc1d2;
box-sizing: border-box;
text-align: center;
width: 48%;
margin-right: 4%;
margin-bottom: 4%;
}
.web_cat_list > li:nth-of-type(2n){
margin-right: 0;
}
}
/* 繝�ず繧ｿ繝ｫ蛹悶た繝ｪ繝･繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ螻慕､ｺ 縺薙％縺ｾ縺ｧ*/
/* 莨壼�ｴ荳隕ｧ��♀逕ｳ縺苓ｾｼ縺ｿ */
.entry_box{
background: url("../img/bg_main.jpg") no-repeat top center /cover;
}
.entry_text{
font-size: 2.0rem;
text-align: center;
font-weight: bold;
}
.entry_box_date {
margin-top: 74px;
width: 100%;
display:flex;
justify-content:center;
color: #fff;
}
.entry_box_date a{
display: block;
text-decoration: none;
color: #fff;
width: 374px;
margin: 0 17px;
}
.entry_box_l .entry_btn_inner,
.entry_box_r .entry_btn_inner{
padding: 15px 54px;
}
.entry_box_l{
background: #006896;
}
.entry_box_r{
background: #a57f00;
}
.entry_btn_inner .entry_btn_inner_ttl{
font-size: 3.0rem;
font-weight: bold;
letter-spacing: 3px;
line-height: 1em;
text-align: center;
border-bottom: 2px solid rgba(255,255,255,0.3);
padding: 0 0 15px;
}
.entry_btn_inner_day{
font-family: "Futura";
line-height: 1.2em;
font-size: 3.0rem;
text-align: center;
margin: 10px 0 0;
text-indent: -9999px;
}
.entry_box_l .entry_btn_inner_day{
background: url("../img/img_day_tokyo_w.svg") no-repeat center/48% auto;
}
.entry_box_r .entry_btn_inner_day{
background: url("../img/img_day_osaka_w.svg") no-repeat center/50% auto;
}
.entry_btn_inner_day span{
font-size: 80%;
margin-left: 6px;
}
.entry_btn_inner_place{
margin-top: 15px;
font-size: 2.0rem;
font-weight: bold;
text-align: center;
}
.entry_box_date .app{
font-weight: bold;
font-size: 1.9rem;
background: url("../img/icon_appli.svg") no-repeat center right 18px/34px auto #344870;
padding: 9px 0 9px 20px;
letter-spacing: 4px;
box-sizing: border-box;
}
.entry_box_l .app{
background-image: none;
text-align: center;
padding: 9px 0;
}
.entry_box_r .app{
background-image: none;
text-align: center;
padding: 9px 0;
}
.mypage_txt{
text-align: center;
margin: 30px 0;
}
.mypage_txt .mypage_btn{
display: flex;
justify-content: center;
padding: 10px;
background: #fff;
width: 200px;
margin: 15px auto 0;
color: #344870;
text-decoration: none;
}
.mypage_txt .mypage_btn img{
margin-left: 6px;
}
@media (max-width: 768.98px) {
.entry_btn_inner_day{
text-indent: inherit;
background: none !important;
}
.entry_box_date .app{
font-weight: bold;
font-size: 1.9rem;
background: url("../img/icon_appli.svg") no-repeat center right 8px/34px auto #344870;
padding: 9px 0 9px 20px;
letter-spacing: 4px;
box-sizing: border-box;
}
}
/* 縺雁撫縺�粋繧上○ */
.contact_box{
padding: 36px 0 100px;
background: #29344a;
}
.contact_box .section_ttl{
color: #fff;
}
.contact_txt{
text-align: center;
font-size: 1.8rem;
font-weight: bold;
color: #fff;
}
.contact_mail {
display: flex;
justify-content: center;
align-items: center;
margin: 28px 0 0;
}
.contact_mail a{
font-size: 1.8rem;
color: #fff;
font-weight: bold;
text-decoration: none;
line-height: 1;
}
.contact_mail a img{
display: inline-block;
margin-right: 10px;
}
@media (max-width: 768.98px) {
.entry_box_date {
margin-top: 6%;
width: 100%;
display: block;
justify-content: space-around;
color: #fff;
}
.entry_box_date a{
display: block;
text-decoration: none;
color: #fff;
width: 100%;
margin: 25px auto;
}
.entry_box_date .date_detail{
width: 100%;
margin-left: 0;
text-decoration: none;
color: #fff;
margin-bottom: 65px;
}
.entry_box_date .date_detail{
display: block;
}
.entry_box_date .date_detail:first-child{
margin-left: 0;
}
.entry_box_date .date_detail:hover{
text-decoration: none;
cursor: pointer;
}
.entry_box_date .date_detail .title{
font-size: 20px;
line-height: 1em;
font-family: "Futura";
display: block;
text-align: center;
letter-spacing: 3px;
border-bottom: 2px solid #cae9fa;
border-image: linear-gradient(to right, #88e002 0%, #568045 28%, #25662c 100%);
border-image-slice: 1;
padding: 0 0 4.0vw;
}
.entry_box_date .date_detail .place{
font-family: "貂ｸ譏取悃菴�", "Yu Mincho", YuMincho, "繝偵Λ繧ｮ繝取�譛� Pro W3", "Hiragino Mincho Pro", Hiragino Mincho ProN, "繝｡繧､繝ｪ繧ｪ", Meiryo, "�ｭ�ｳ �ｰ譏取悃", "MS PMincho", serif;
font-size: 22px;
text-align: center;
line-height: 1em;
margin-top: 4.0vw;
}
.entry_box_date .date_detail .day{
font-family: "Futura";
font-size: 50px;
text-align: center;
letter-spacing: -2px;
line-height: 1em;
margin-top: 4.0vw;
}
.entry_box_date .date_detail .day span{
font-size: 16px;
letter-spacing: 0.1px;
font-weight: 100;
vertical-align: inherit;
margin-left: 20px;
}
.entry_box_date .date_detail .address{
font-size: 16px;
font-weight: bold;
text-align: center;
line-height: 1em;
}
.entry_box_date .date_detail .btn{
width: 100%;
max-width: 292px;
height: 60px;
font-size: 16px;
font-weight: bold;
line-height: 60px;
background: url("../img/icon_appli.svg") no-repeat center right 16px/25px auto, linear-gradient(to left, #7dc810 0%, #568045 28%, #406836 100%);
margin: 36px auto 0;
box-sizing: border-box;
text-align: center;
}
.entry_box_date .date_detail .btn-noicon{
width: 100%;
max-width: 292px;
height: 60px;
font-size: 20px;
font-weight: bold;
line-height: 60px;
background: linear-gradient(to right, #00a8b4 0%, #0068a4 100%);
margin: 36px auto 0;
box-sizing: border-box;
text-align: center;
}
.entry_box_date .osaka .title{
border-bottom: 2px solid #d3c5d4;
border-image: linear-gradient(to left, #c44300 0%, #901531 45%, #a963c9 100%);
border-image-slice: 1;
}
.entry_box_date .osaka .btn{
background: url("../img/icon_appli.svg") no-repeat center right 16px/25px auto, linear-gradient(to right, #901531 0%, #901531 45%, #a55ab7 100%);
}
.entry_box_date .osaka .btn-noicon{
background: linear-gradient(to right, #ae7ab2 0%, #7e76ae 66%, #2d6ba7 100%);
}
.entry_box_l .app{
background-image: none;
text-align: center;
padding: 9px 0;
}
.entry_box_r .app{
background-image: none;
text-align: center;
padding: 9px 0;
}
}
/* 莨壼�ｴ荳隕ｧ��♀逕ｳ縺苓ｾｼ縺ｿ 縺薙％縺ｾ縺ｧ*/
/* 繧ｿ繧､繝医Ν */
.section_ttl{
font-size: 2.0rem;
font-weight: bold;
letter-spacing: 6px;
text-align: center;
margin: 64px 0 0;
}
.section_ttl img{
width: auto;
height: 21px;
margin: 0 auto 24px;
}
.section_ttl .line{
display: block;
width: 128px;
height: 2px;
background: linear-gradient(to right, #006896 0%, #006896 50%, #a57f00 50%, #a57f00 100%);
margin: 24px auto 38px;
}
.section_ttl_seminar{
font-size: 28px;
font-weight: bold;
position: relative;
letter-spacing: 6px;
padding-bottom: 12px;
display: flex;
justify-content: center;
}
.section_ttl_txt{
font-size: 2.0rem;
font-weight: bold;
text-align: center;
line-height: 1.6;
}
.ttl_box{
display: flex;
justify-content: space-between;
}
.ttl_box .ttl_img{
font-size: 1.2rem;
}
@media (max-width: 768.98px) {
.ttl_box{
display: block;
}
.section_ttl{
font-size: 24px;
font-weight: bold;
position: relative;
letter-spacing: 6px;
padding-bottom: 18px;
line-height: 140%;
margin: 0 0;
}
.w_ttl{
color: #fff;
}
.ttl_box .ttl_img{
font-size: 1.2rem;
text-align: right;
margin: 4vw 0;
}
}
/* 繝�ず繧ｿ繝ｫ蛹悶た繝ｪ繝･繝ｼ繧ｷ繝ｧ繝ｳ縺ｮ螻慕､ｺ */
.web_exhibition h4{
font-size: 1.8rem;
font-weight: bold;
margin-top: 30px;
padding-left: 12px;
border-left: 2px solid #344870;
}
/* 繧ｻ繝溘リ繝ｼ繧ｫ繝�ざ繝ｪ繝ｩ繝吶Ν */
.rows li.cat01::before {
content: "莠倶ｾ玖ｬ帶ｼ費ｼ医ヨ繝ｬ繝ｼ繧ｵ繝薙Μ繝�ぅ��";
display: inline-block;
min-width: 80px;
padding: 4px 8% 4px 4%;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
background: #344870;
clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);
}
.rows li.cat02::before {
content: "繧ｹ繝ｼ繝代�繧ｫ繧ｯ繝�Ν";
display: inline-block;
min-width: 80px;
padding: 4px 8% 4px 4%;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
background: #344870;
clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);
}
.rows li.cat03::before {
content: "莠倶ｾ玖ｬ帶ｼ費ｼ育黄豬�ｼ�";
display: inline-block;
min-width: 80px;
padding: 4px 8% 4px 4%;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
background: #344870;
clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);
}
.rows li.cat04::before {
content: "IT繝医Ξ繝ｳ繝会ｼ育函謌植I��";
display: inline-block;
min-width: 80px;
padding: 4px 8% 4px 4%;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
background: #344870;
clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);
}
.rows li.cat05::before {
content: "莠倶ｾ玖ｬ帶ｼ費ｼ�DX��";
display: inline-block;
min-width: 80px;
padding: 4px 8% 4px 4%;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
background: #344870;
clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);
}
.rows li.cat06::before {
content: "莠倶ｾ玖ｬ帶ｼ費ｼ育函謌植I��";
display: inline-block;
min-width: 80px;
padding: 4px 8% 4px 4%;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
background: #344870;
clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);
}
.rows li.cat07::before {
content: "莠倶ｾ玖ｬ帶ｼ費ｼ磯怙隕∽ｺ域ｸｬ��";
display: inline-block;
min-width: 80px;
padding: 4px 8% 4px 4%;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
background: #344870;
clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);
}
.rows li.cat08::before {
content: "邨悟霧/莠ｺ逧�ｳ�悽";
display: inline-block;
min-width: 80px;
padding: 4px 8% 4px 4%;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
background: #344870;
clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);
}
.rows li.cat09::before {
content: "IT繝医Ξ繝ｳ繝会ｼ�AI豢ｻ逕ｨ��";
display: inline-block;
min-width: 80px;
padding: 4px 8% 4px 4%;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
background: #344870;
clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);
}
.rows li.cat10::before {
content: "邨悟霧/莠ｺ逧�ｳ�悽";
display: inline-block;
min-width: 80px;
padding: 4px 8% 4px 4%;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
background: #344870;
clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);
}
/* 縺薙ｌ縺ｾ縺ｧ縺ｮIT繝輔ぉ繧｢ */
.past_box{
padding: 90px 0;
background: url("../img/bg_past_events.png") no-repeat center /cover;
}
.past_box .section_ttl{
color: #fff;
}
.past_list{
display: flex;
flex-wrap: wrap;
}
.past_list li{
margin: 22px;
}
.past_list li .past_list_box{
display: block;
width: 210px;
padding: 20px;
box-sizing: border-box;
background: #4572c7;
box-shadow: 0px 0px 15px -5px #3b3b3b;
color: #fff;
text-decoration: none;
}
.past_year{
display: flex;
justify-content: center;
margin: -25px 0 0;
}
.past_year img:first-child{
margin-right: 10px;
}
.past_ttl{
text-align: center;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
}
.past_ttl p{
font-size: 1.8rem;
font-weight: bold;
line-height: 1.4;
color: #fff;
}
.past_list li .past_list_link{
font-family: 1.7rem;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
text-decoration: none;
margin: 10px 0 0;
}
.past_list li .past_list_link img{
width: 13px;
height: auto;
margin-left: 10px;
}
@media (max-width: 768.98px) {
.past_ttl p{
font-size: 3.8vw;
font-weight: bold;
line-height: 1.4;
color: #fff;
}
.past_list li{
padding-top: 12px;
}
.past_list li .past_list_box{
display: block;
width: 100%;
padding: 20px;
box-sizing: border-box;
background: #4572c7;
box-shadow: 0px 0px 15px -5px #3b3b3b;
color: #fff;
text-decoration: none;
}
}
/*=============================
蜻顔衍繝壹�繧ｸ縲2025
=============================*/
.image_txt{
padding: 0 10px;
font-size: 1.5vw;
color: #fff;
text-align: center;
margin-top: 7%;
background-color: #59aba4;
}
.image_txt_l{
text-align: center;
font-size: 2.8vw;
margin: 4% 0;
color: #00305b;
font-weight: bold;
}
.image_txt_s{
text-align: center;
font-size: 1.6vw;
margin: 3% 0;
color: #00305b;
font-weight: bold;
}
.image_btn{
text-align: center;
}
.image_btn a{
display: inline-block;
padding: 10px 30px;
background-color: #00305b;
font-size: 1.5vw;
color: #fff;
text-align: center;
border-radius: 8px;
text-decoration: none
}
.image_btn a:hover{
background-color: #00305b;
}
.content2{
width: 100%;
background-color: #c9d1de;
padding: 100px 0;
}
.notice_ttl{
text-align: center;
font-size: 4.0rem;
font-weight: bold;
color: #333;
margin-bottom: 30px;
}
.wBox{
padding: 40px;
background-color: #fff;
width: 100%;
max-width: 900px;
box-sizing: border-box;
margin: 0 auto 100px;
box-shadow: 0px 3px 3px #b9b9b9;
}
.daysBox{
display: flex;
align-items: center;
font-size: 2.2rem;
padding: 30px;
border-bottom: 1px solid #c9c9c9;
box-sizing: border-box;
}
.daysBox:last-child{
border-bottom: 0;
}
.daysBox_place{
padding: 0 10px;
background-color: #000;
color: #fff;
margin-right: 20px;
}
.daysBox_txt span{
font-weight: bold;
margin-left: 30px;
}
.lecturer_box{
display: flex;
justify-content: space-between;
padding: 30px;
box-sizing: border-box;
border-bottom: 1px solid #c9c9c9;
}
.lecturer_box:last-child{
border-bottom: 0;
}
.lecturer_l{
flex: 1;
margin-left: 30px;
}
.lecturer_l .lecturer_ttl{
font-size: 2.6rem;
font-weight: bold;
margin-bottom: 30px;
color: #3993a9;
}
.lecturer_l .lecturer_ttl span{
display: block;
font-size: 1.8rem;
line-height: 1;
}
.lecturer_txt{
margin-bottom: 30px;
padding: 20px;
box-sizing: border-box;
background-color: #f7f7f7;
}
.lecturer_position{
}
.lecturer_name{
font-size: 2.0rem;
font-weight: bold;
}
.lecturer_name span{
font-size: 1.4rem;
font-weight: normal;
}
.content3{
padding: 100px 0;
}
.notice_ttl_p{
text-align: center;
font-size: 1.8erm;
margin-bottom: 30px;
}
.notice_past_list li {
margin: 12px;
padding: 10px;
box-sizing: border-box;
}
.notice_past_list li .past_list_box {
display: block;
width: 210px;
padding: 10px 20px 20px;
box-sizing: border-box;
background: #fff;
color: #333;
text-decoration: none;
box-shadow: none;
border: 1px solid #dbdbdb;
}
.notice_past_list li .past_list_box:hover {
background: #efefef;
}
.notice_past_list .past_year {
display: flex;
justify-content: center;
margin: 0px 0 0;
font-size: 3.0rem;
font-weight: bold;
}
.notice_past_list .past_ttl p {
font-size: 1.8rem;
font-weight: bold;
line-height: 1.4;
color: #333;
}
.notice_past_list li .past_list_link {
font-size: 1.5rem;
display: flex;
justify-content: center;
align-items: center;
color: #333;
text-decoration: none;
margin: 10px 0 0;
background-color: #f9eddd;
}
@media (max-width: 768.98px) {
.image_txt{
padding: 10px 10px;
font-size: 2.0rem;
color: #fff;
text-align: center;
margin-top: 20px;
background-color: #59aba4;
line-height: 1.4;
}
.image_txt_l{
text-align: center;
font-size: 2.6rem;
margin: 10px 0;
color: #00305b;
font-weight: bold;
line-height: 1.4;
}
.image_txt_s{
text-align: center;
font-size: 1.6rem;
margin: 10px 0;
color: #00305b;
font-weight: bold;
}
.image_btn{
text-align: center;
margin: 20px auto 0;
}
.image_btn a{
display: inline-block;
padding: 10px 10px;
background-color: #00305b;
font-size: 1.5rem;
color: #fff;
text-align: center;
border-radius: 8px;
text-decoration: none
}
.image_btn a:hover{
background-color: #00305b;
}
.content2{
width: 100%;
background-color: #c9d1de;
padding: 50px 0;
}
.notice_ttl{
text-align: center;
font-size: 3.0rem;
font-weight: bold;
color: #333;
margin-bottom: 20px;
line-height: 1.4;
}
.wBox{
padding: 20px;
background-color: #fff;
width: 100%;
box-sizing: border-box;
margin: 0 auto 50px;
box-shadow: 0px 3px 3px #b9b9b9;
}
.daysBox{
display: block;
font-size: 2.0rem;
padding: 20px;
border-bottom: 1px solid #c9c9c9;
box-sizing: border-box;
}
.daysBox:last-child{
border-bottom: 0;
}
.daysBox_place{
padding: 0 10px;
background-color: #000;
color: #fff;
margin-right: 0;
margin-bottom: 10px;
text-align: center;
}
.daysBox_txt span{
font-weight: bold;
margin-left: 0;
display: block;
}
.lecturer_box{
display: block;
padding: 20px;
box-sizing: border-box;
border-bottom: 1px solid #c9c9c9;
}
.lecturer_box:last-child{
border-bottom: 0;
}
.lecturer{
text-align: center;
margin-bottom: 10px;
}
.lecturer img{
display: inline-block;
}
.lecturer_l{
flex: 1;
margin-left: 0;
}
.lecturer_l .lecturer_ttl{
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 30px;
color: #3993a9;
}
.lecturer_l .lecturer_ttl span{
display: block;
font-size: 1.8rem;
line-height: 1;
}
.lecturer_txt{
margin-bottom: 30px;
padding: 20px;
box-sizing: border-box;
background-color: #f7f7f7;
}
.lecturer_position{
}
.lecturer_name{
font-size: 2.0rem;
font-weight: bold;
}
.lecturer_name span{
font-size: 1.4rem;
font-weight: normal;
}
.content3{
padding: 50px 0;
}
.notice_ttl_p{
text-align: center;
font-size: 1.8erm;
margin-bottom: 30px;
}
.notice_past_list li {
margin: 12px;
padding: 10px;
box-sizing: border-box;
}
.notice_past_list li .past_list_box {
display: block;
width: 100%;
padding: 10px 20px 20px;
box-sizing: border-box;
background: #fff;
color: #333;
text-decoration: none;
box-shadow: none;
border: 1px solid #dbdbdb;
}
.notice_past_list li .past_list_box:hover {
background: #efefef;
}
.notice_past_list .past_year {
display: flex;
justify-content: center;
margin: 0px 0 0;
font-size: 2.0rem;
font-weight: bold;
}
.notice_past_list .past_ttl p {
font-size: 1.4rem;
font-weight: bold;
line-height: 1.4;
color: #333;
}
.notice_past_list li .past_list_link {
font-size: 1.4rem;
display: flex;
justify-content: center;
align-items: center;
color: #333;
text-decoration: none;
margin: 10px 0 0;
background-color: #f9eddd;
}
}