html {
-webkit-text-size-adjust: none;
}
@media screen and (min-width: 360px) {
* {
-webkit-text-size-adjust: none;
}
}
@media only screen and (max-width: 1760px) {
body {
font-size: 15px;
}
body#thanks-page {
font-size: 16px !important;
}
/* ----------------
header
---------------- */
header .header-content .global-menu-wrap .global-menu > div:not(:last-child) {
padding: 0px 70px 0px 0px;
}
header .header-content .global-menu-wrap .global-menu > div:not(:last-child)::after {
right: 31px;
}
/* ----------------
pickup speaker
---------------- */
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap::before {
height: calc(100% - 20px);
top: 10px;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box {
flex-basis: 1200px;
max-width: 1200px;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .todetail-btn01 {
padding: 20px 0px 0px 0px;
}
/* ----------------
normal speaker
---------------- */
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap {
width: 88%;
margin-left: 12%;
padding: 0px 5% 0px 0px;
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap .speaker-box {
flex-basis: 260px;
max-width: 260px;
z-index: 2;
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .speaker-post {
font-size: 81.25%;
}
/* ----------------
social gathering
---------------- */
.social-gathering-wrap .social-gathering-content .content-main .gathering-body .gathering-img-wrap .gathering-desc {
left: -20%;
}
/* ----------------
outline
---------------- */
.outline-wrap .outline-content .content-main {
padding: 50px 20px 0px 20px;
box-sizing: border-box;
}
}
@media only screen and (max-width: 1600px) {
/* ----------------
normal speaker
---------------- */
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap .speaker-box {
padding: 0px 7px 0px 7px;
box-sizing: border-box;
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .speaker-name {
font-size: calc(250% * 0.8);
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .speaker-post {
font-size: calc(93.75% * 0.8);
/*min-height: 66px;*/
}
/* ----------------
social gathering
---------------- */
.social-gathering-wrap .social-gathering-content .content-main .gathering-body .gathering-img-wrap .gathering-desc {
left: -10%;
}
}
@media only screen and (max-width: 1500px) {
/* ----------------
normal speaker
---------------- */
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap.four-type {
width: 70%;
margin-left: 30%;
}
/* ----------------
social gathering
---------------- */
.social-gathering-wrap .social-gathering-content .content-main .gathering-body .gathering-img-wrap .gathering-desc {
left: -5%;
}
}
@media only screen and (max-width: 1400px) {
body {
font-size: 14px;
}
body#thanks-page {
font-size: 15px !important;
}
/* ----------------
header
---------------- */
header .header-content .header-title-wrap {
width: 26%;
max-width: 310px;
}
header .header-content .global-menu-wrap .global-menu > div a .en {
font-size: calc(175% * 0.9);
}
header .header-content .global-menu-wrap .header-contact {
padding: 0px 0px 0px 40px;
}
header .header-content .global-menu-wrap .header-contact a {
padding: 18px 60px 18px 60px;
font-size: calc(118.75% * 0.9);
}
/* ----------------
main visual
---------------- */
.main-visual .visual-content .visual-img-wrap {}
.main-visual .visual-content .visual-img-wrap img {
display: block;
width: 100%;
height: 800px;
object-fit: cover;
object-position: center center;
}
/* ----------------
concept
---------------- */
.concept-wrap .concept-title {
padding: 70px 0px 40px 0px;
}
.concept-wrap .concept-content-wrap .concept-content .concept-desc {
font-size: calc(175% * 0.9);
}
/* ----------------
pickup speaker
---------------- */
.pickup-speaker-wrap .pickup-speaker-content .content-title .en {
font-size: calc(625% * 0.8);
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-img {
flex-basis: 40%;
max-width: 40%;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail {
flex-basis: 60%;
max-width: 60%;
}
/* ----------------
normal speaker
---------------- */
.normal-speaker-wrap .speaker-content .content-title .en {
font-size: calc(625% * 0.8);
}
/* ----------------
time table
---------------- */
.time-table-wrap .time-table-content .content-title .en {
font-size: calc(625% * 0.8);
}
.time-table-wrap .time-table-content .content-main {
padding: 0px 20px 0px 20px;
box-sizing: border-box;
}
/* ----------------
social gathering
---------------- */
.social-gathering-wrap .social-gathering-content .social-gathering-title .en {
font-size: calc(625% * 0.8);
}
.social-gathering-wrap .social-gathering-content .content-main .gathering-body {
padding: 30px 0px 0px 0px;
}
.social-gathering-wrap .social-gathering-content .content-main .gathering-body .gathering-img-wrap .gathering-desc {
width: 1000px;
left: -2%;
}
/* ----------------
hall map
---------------- */
.hall-map-wrap .hall-map-content .content-title .en {
font-size: calc(625% * 0.8);
}
.hall-map-wrap .hall-map-content .content-main {
padding: 0px 20px 0px 20px;
box-sizing: border-box;
}
/* ----------------
outline
---------------- */
.outline-wrap .outline-content .content-title .en {
font-size: calc(625% * 0.8);
}
.outline-wrap .outline-content .content-main .outline-block {
padding: 22.5px 60px 22.5px 60px;
}
.outline-wrap .outline-content .content-main .outline-block .outline-title {
flex-basis: 230px;
max-width: 230px;
padding: 0px 40px 0px 0px;
}
.outline-wrap .outline-content .content-main .outline-block .outline-body {
font-size: calc(175% * 0.9);
flex-basis: calc(100% - 230px);
max-width: calc(100% - 230px);
padding: 33px 0px 33px 80px;
}
.outline-wrap .outline-content .content-main .access-block {
padding: 60px 65px 40px 65px;
}
.outline-wrap .outline-content .content-main .banner-block {
padding: 10px 0px 0px 0px;
margin: 40px 0 0;
}
/* ----------------
modal
---------------- */
.modal-window-wrap .modal-content-wrap .speaker-info-wrap {
flex-basis: 600px;
max-width: 600px;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-box .speaker-desc .speaker-name {
font-size: calc(281.25% * 0.8);
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-box .speaker-desc .speaker-post {
font-size: calc(118.75% * 0.8);
}
.modal-window-wrap .modal-content-wrap .session-info-wrap {
flex-basis: calc(100% - 600px);
max-width: calc(100% - 600px);
}
}
@media only screen and (max-width: 1200px) {
img.sp-type {
display: block;
}
img.pc-type {
display: none;
}
/* ----------------
header
---------------- */
header {
background-color: #1b002d;
}
header .header-content {
padding: 20px 20px 10px 20px;
}
header .header-content .header-title-wrap {
width: 58%;
}
header .header-content .global-menu-wrap {
display: none;
}
/* ----------------
main visual
---------------- */
.main-visual .visual-content .visual-img-wrap img {
height: 580px;
}
.main-visual .visual-content .visual-date-wrap {
bottom: 16%;
width: 55%;
}
/* ----------------
concept
---------------- */
.concept-wrap .concept-content-wrap .concept-content .concept-desc {
font-size: 143.75%;
}
/* ----------------
pickup speaker
---------------- */
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-img {
/*flex-basis: calc(100% - 500px);
max-width: calc(100% - 500px);*/
flex-basis: 40%;
max-width: 40%;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail {
/*flex-basis: 500px;
max-width: 500px;*/
flex-basis: 60%;
max-width: 60%;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .speaker-name {
font-size: 225%;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .speaker-post {
font-size: 130%;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap {
flex-wrap: wrap;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap::before {
display: none;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box {
position: relative;
flex-basis: 1200px;
max-width: 1200px;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box::before {
content: "";
position: absolute;
width: 120%;
height: calc(100% + 20px);
top: 10px;
left: -7%;
background-color: #fd2b00;
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;
z-index: -1;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-img {
flex-basis: 320px;
max-width: 320px;
width: 320px;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .company-logo {
width: auto;
height: 48px;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail {
flex-basis: calc(100% - 320px);
max-width: calc(100% - 320px);
width: calc(100% - 320px);
}
/* ----------------
normal speaker
---------------- */
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap {
width: 95%;
margin-left: 5%;
padding: 0px 2% 0px 0px;
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .speaker-name {
font-size: 162.5%;
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .speaker-post {
font-size: 87.5%;
}
/* ----------------
social gathering
---------------- */
.social-gathering-wrap .social-gathering-content .content-main .gathering-body .gathering-img-wrap .gathering-desc {
left: calc(50% - 15px);
width: 90%;
transform: translateY(0%) translateX(-50%);
}
.social-gathering-wrap .social-gathering-content .content-main .gathering-body .gathering-img-wrap .gathering-desc .gathering-desc-content {
font-size: 125%;
padding: 30px 25px 30px 25px;
}
/* ----------------
time table
---------------- */
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body02 .session-title {
font-size: 187.5%;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body02 .speaker-box .speaker-desc .speaker-name {
font-size: 187.5%;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body03 .session-title {
font-size: 187.5%;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body03 .speaker-box-wrap .speaker-box .speaker-desc .speaker-name {
font-size: 187.5%;
}
/* ----------------
fixed entry btn
---------------- */
.fixed-entry-btn a {
/*font-size: 287.5%;*/
}
/* ----------------
modal
---------------- */
.modal-window-wrap {
width: 86%;
}
.modal-window-wrap .modal-content-wrap {
justify-content: flex-start;
flex-wrap: wrap;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap {
flex-basis: 100%;
max-width: 100%;
padding: 30px 30px 30px 30px;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap::before {
content: "";
position: absolute;
left: 20px;
top: 0px;
width: calc(100% - 40px);
height: 6px;
background-image: url("../img/outline-border-beside.png");
background-repeat: repeat-x;
background-size: 108px 6px;
background-position: left top;
z-index: 2;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .slide-content {
max-height: 350px;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-box .speaker-img {
flex-basis: 160px;
max-width: 160px;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-box .speaker-desc {
flex-basis: calc(100% - 180px);
max-width: calc(100% - 180px);
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-box .speaker-desc .speaker-name {
font-size: 237.5%;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-box .speaker-desc .speaker-post {
font-size: 112.5%;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-prof {
font-size: 100%;
padding: 0px 0px 30px 0px;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-btn-block {
display: block;
}
.modal-window-wrap .modal-content-wrap .session-info-wrap {
flex-basis: 100%;
max-width: 100%;
padding: 60px 30px 60px 30px;
}
.modal-window-wrap .modal-content-wrap .session-info-wrap .session-theme-block {
padding: 0px 0px 0px 0px;
}
.modal-window-wrap .modal-content-wrap .session-info-wrap .time-display-block .time-display {
font-size: 200%;
padding: 0px 0px 0px 20px;
}
.modal-window-wrap .modal-content-wrap .session-info-wrap .time-display-block .time-display::before {
top: calc(50% - 5px);
width: 10px;
height: 10px;
}
.modal-window-wrap .modal-content-wrap .session-info-wrap .session-theme-block .session-theme-title {
font-size: 125%;
}
.modal-window-wrap .modal-content-wrap .session-info-wrap .session-theme-block .session-theme {
font-size: 200%;
}
.modal-window-wrap .modal-content-wrap .session-info-wrap .session-btn-block {
display: none;
}
}
@media only screen and (max-width: 800px) {
.sp-use {
display: inline;
}
.pc-use {
display: none;
}
.sp-style {
display: flex !important;
}
.pc-style {
display: none !important;
}
/* ----------------
main visual
---------------- */
.main-visual .visual-content .visual-img-wrap img {
height: 480px;
}
.main-visual .visual-content .visual-date-wrap {
bottom: 18%;
width: 45%;
}
/* ----------------
sp entry btn
---------------- */
.sp-entry-btn {
display: block;
position: relative;
width: 100%;
background-color: #1b002d;
padding: 10px 0px 10px 0px;
}
.sp-entry-btn.bottom {
background-color: #f4f5f7;
padding: 0px 0px 30px 0px;
}
.sp-entry-btn a {
display: block;
width: 100%;
max-width: 250px;
margin: 0 auto;
text-align: center;
background-color: #ff2a00;
color: #ffffff;
border-radius: 9999px;
line-height: 1.0;
font-weight: 550;
padding: 10px 0px 15px 0px;
}
.sp-entry-btn a .sub {
font-size: 81.25%;
padding: 0px 0px 5px 0px;
}
.sp-entry-btn a .main {
display: inline-block;
font-size: 125%;
position: relative;
}
.sp-entry-btn a .main span.text {
position: relative;
z-index: 2;
}
.sp-entry-btn a .main span.border {
width: 100%;
display: block;
position: absolute;
left: 50%;
bottom: -10px;
border-bottom: solid 18px #51296d;
transform: translateX(-53%);
animation: border_anim_sp 10s linear infinite forwards;
z-index: 1;
}
.sp-entry-btn a .main span.border:before {
content: "";
position: absolute;
top: 9px;
right: -16px;
width: 0;
height: 0;
border-style: solid;
border-right: 13px solid transparent;
border-left: 13px solid transparent;
border-bottom: 13px solid #51296d;
border-top: 0;
transform: rotate(315deg);
transform-origin: top left;
}
.sp-entry-btn a .main span.border:after {
content: "";
position: absolute;
top: 9px;
left: 10px;
width: 0;
height: 0;
border-style: solid;
border-right: 13px solid transparent;
border-left: 13px solid transparent;
border-bottom: 13px solid #51296d;
border-top: 0;
transform: rotate(135deg);
transform-origin: top left;
}
/* ----------------
concept
---------------- */
.concept-wrap .concept-title {
padding: 80px 0px 40px 0px;
}
.concept-wrap .concept-title .en {
font-size: 125%;
}
.concept-wrap .concept-title .ja {
padding: 5px 0px 0px 0px;
font-size: 62.5%;
}
.concept-wrap .concept-content-wrap {
background-repeat: repeat-y;
}
.concept-wrap .concept-content-wrap .concept-content {
padding: 20px 0px 60px 0px;
}
.concept-wrap .concept-content-wrap .concept-content .concept-message {
width: 80%;
}
.concept-wrap .concept-content-wrap .concept-content .concept-desc {
font-size: 100%;
text-align: left;
padding: 30px 20px 0px 20px;
}
/* ----------------
pickup speaker
---------------- */
.pickup-speaker-wrap .pickup-speaker-content {
padding: 30px 0px 50px 0px;
}
.pickup-speaker-wrap .pickup-speaker-content .content-title {
padding: 0px 0px 20px 0px;
}
.pickup-speaker-wrap .pickup-speaker-content .content-title .en {
font-size: 200%;
padding: 0px 0px 0px 20px;
}
.pickup-speaker-wrap .pickup-speaker-content .content-title .ja {
padding: 1px 20px 3px 20px;
margin: -5px 0px 0px 0px;
font-size: 56.25%;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap {
width: 100%;
padding: 0px 0px 0px 4%;
justify-content: center;
align-items: center;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap.continue {
margin-top: 22px;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap::before {
height: calc(100% - 20px);
top: 10px;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box {
align-items: center;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-img {
flex-basis: 40%;
max-width: 40%;
width: 40%;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box::before {
left: -21%;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-img img {
border: 1px solid #fd2b00;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail {
flex-basis: 60%;
max-width: 60%;
padding: 0px 0px 0px 5%;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .company-logo {
width: auto;
height: 24px;
padding: 0px 0px 0px 0px;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .speaker-name {
font-size: 160%;
line-height: 1.5;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .speaker-name span {
margin: 0px 0px 4px 0px;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .speaker-post {
font-size: 56.25%;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .todetail-btn01 {
padding: 5px 0px 0px 0px;
margin-left: -10px;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .todetail-btn01 a {
font-size: 62.5%;
padding: 5px 0px 7px 0px;
width: 60%;
}
/* ----------------
normal speaker
---------------- */
.normal-speaker-wrap .decoration02 {
top: -4.6%;
left: -20%;
width: 74%;
}
.normal-speaker-wrap .decoration03 {
bottom: -1%;
right: -40%;
width: 90%;
}
.normal-speaker-wrap .speaker-content {
padding: 30px 0px 50px 0px;
}
.normal-speaker-wrap .speaker-content .content-title {
padding: 0px 0px 20px 0px;
}
.normal-speaker-wrap .speaker-content .content-title .en {
font-size: 200%;
padding: 0px 20px 0px 0px;
}
.normal-speaker-wrap .speaker-content .content-title .ja {
padding: 1px 20px 3px 20px;
margin: -5px 0px 0px 0px;
font-size: 56.25%;
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap {
width: 90%;
margin-left: 10%;
padding: 0px 2% 0px 0px;
justify-content: center;
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap::before {
width: 120%;
height: 102%;
left: -20%;
top: 15px;
border-top: 1px solid #fd2b00;
border-left: 1px solid #fd2b00;
border-bottom: 1px solid #fd2b00;
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap .speaker-box .speaker-img .person-img img {
border: 1px solid #fd2b00;
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap .speaker-box .speaker-img .company-logo img {
border: 1px solid #ffffff;
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .speaker-name {
font-size: 125%;
padding: 0px 0px 0px 10px;
letter-spacing: 0.0em;
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .speaker-name span {
margin: 0px 0px 2px 0px;
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .speaker-post {
font-size: 56.25%;
/*min-height: 0px;*/
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .todetail-btn02 {
padding: 5px 0px 0px 0px;
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap .speaker-box .speaker-detail .todetail-btn02 a {
font-size: 62.5%;
padding: 5px 0px 7px 0px;
width: 90%;
margin: 0 auto;
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap.even {
margin-top: 40px;
margin-left: 0%;
padding: 0px 0px 0px 2%;
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap.even::before {
right: -20%;
left: 0%;
border-right: 1px solid #fd2b00;
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap.odd {
margin-top: 40px;
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap.single {
width: 46%;
}
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap.single::before {
width: 140%;
right: -40%;
left: 0%;
}
/* ----------------
time table
---------------- */
.time-table-wrap .time-table-content {
padding: 50px 0px 50px 0px;
}
.time-table-wrap .time-table-content .content-title {
padding: 0px 0px 20px 0px;
}
.time-table-wrap .time-table-content .content-title .en {
font-size: 200%;
padding: 0px 0px 0px 20px;
}
.time-table-wrap .time-table-content .content-title .ja {
padding: 1px 20px 3px 20px;
margin: -5px 0px 0px 0px;
font-size: 56.25%;
}
.time-table-wrap .time-table-content .content-main .time-table-block {
padding: 0px 0px 15px 0px;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-display {
font-size: 137.5%;
padding: 0px 0px 0px 18px;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-display::before {
top: calc(50% - 5px);
width: 8px;
height: 8px;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body01 {
font-size: 112.5%;
padding: 15px 0px 15px 0px;
border: 1px solid #fd2b00;
box-shadow: 3px 3px 0px 0px #fd2b00;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body02 {
border: 1px solid #e4d2ff;
padding: 30px 15px 45px 15px;
box-shadow: 3px 3px 0px 0px #e4d2ff;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body02 .session-title {
font-size: 112.5%;
letter-spacing: 0.03em;
line-height: 1.3;
padding: 0px 0px 5px 0px;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body02 .session-category {
font-size: 75%;
padding: 3px 10px 3px 10px;
line-height: 1.6;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body02 .flex-box {
flex-wrap: wrap;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body02 .speaker-box {
width: 100%;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body02 .speaker-box .speaker-img {
flex-basis: 100px;
max-width: 100px;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body02 .speaker-box .speaker-desc {
flex-basis: calc(100% - 100px);
max-width: calc(100% - 100px);
padding: 0px 0px 0px 10px;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body02 .speaker-box .speaker-desc .session-title {
font-size: 112.5%;
line-height: 1.3;
padding: 0px 0px 5px 0px;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body02 .speaker-box .speaker-desc .online-stage {
font-size: 56.25%;
letter-spacing: 0.0em;
line-height: 1.2;
padding: 3px 10px 3px 10px;
margin: 7px 0px 0px 0px;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body02 .speaker-box .company-logo {
width: 50%;
height: auto;
line-height: 1;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body02 .speaker-box .company-logo img {
width: auto;
height: 20px;
max-width: none;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body02 .speaker-box .speaker-desc .speaker-name {
font-size: 112.5%;
padding: 0px 0px 0px 0px;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body02 .speaker-box .speaker-desc .speaker-name span {
margin: 0px 0px 2px 0px;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body02 .speaker-box .speaker-desc .speaker-post {
padding: 0px 0px 0px 0px;
font-size: 56.25%;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body02 .todetail-btn03 {
right: 50%;
bottom: 10px;
transform: translateY(0%) translateX(50%);
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body02 .todetail-btn03 a {
padding: 5px 30px 5px 30px;
font-size: 62.5%;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body03 {
border: 1px solid #fd2b00;
padding: 20px 15px 55px 15px;
box-shadow: 3px 3px 0px 0px #fd2b00;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body03.multiple-columns {
padding: 20px 15px 35px 15px;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body03 .session-title {
font-size: 112.5%;
letter-spacing: 0.03em;
line-height: 1.3;
padding: 0px 0px 5px 0px;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body03 .speaker-box-wrap {
padding: 10px 0px 0px 0px;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body03 .speaker-box-wrap .speaker-box {
flex-basis: 47%;
max-width: 47%;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
text-align: center;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body03.multiple-columns .speaker-box-wrap .speaker-box {
padding: 0px 0px 20px 0px;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body03 .speaker-box-wrap .speaker-box .speaker-img {
flex-basis: 100%;
max-width: 100%;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body03 .speaker-box-wrap .speaker-box .speaker-img .person-img img {
border: 1px solid #fd2b00;
max-width: 165px;
width: 85%;
margin: 0px auto 5px auto;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body03 .speaker-box-wrap .speaker-box .speaker-desc {
flex-basis: 100%;
max-width: 100%;
padding: 5px 0px 0px 0px;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body03 .speaker-box-wrap .speaker-box .speaker-desc .speaker-name {
font-size: 112.5%;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body03 .speaker-box-wrap .speaker-box .speaker-desc .speaker-name span {
margin: 0px 0px 2px 0px;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body03 .speaker-box-wrap .speaker-box .speaker-desc .speaker-post {
padding: 0px 0px 0px 0px;
font-size: 56.25%;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body03 .todetail-btn04 {
right: 50%;
bottom: 10px;
transform: translateY(0%) translateX(50%);
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body03 .todetail-btn04 a {
padding: 5px 30px 5px 30px;
font-size: 62.5%;
}
.time-table-wrap .time-table-content .content-main .time-table-block .time-table-body03 .speaker-box-wrap .speaker-box .speaker-img .company-logo {
bottom: 0px;
}
/* ----------------
social gathering
---------------- */
.social-gathering-wrap .social-gathering-content {
padding: 20px 0px 50px 0px;
}
.social-gathering-wrap .social-gathering-content .content-main {
padding: 0px 20px 0px 20px;
}
.social-gathering-wrap .social-gathering-content .social-gathering-title .en {
font-size: 200%;
padding: 0px 40px 0px 0px;
}
.social-gathering-wrap .social-gathering-content .social-gathering-title .ja {
padding: 1px 40px 3px 20px;
margin: -5px 0px 0px 0px;
font-size: 56.25%;
}
.social-gathering-wrap .social-gathering-content .content-main .time-display {
font-size: 137.5%;
padding: 0px 0px 0px 18px;
margin: 0px 0px 0px 0%;
}
.social-gathering-wrap .social-gathering-content .content-main .time-display::before {
top: calc(50% - 5px);
width: 8px;
height: 8px;
}
.social-gathering-wrap .social-gathering-content .content-main .gathering-body .gathering-img-wrap {
border: 1px solid #51296d;
padding: 20px;
}
.social-gathering-wrap .social-gathering-content .content-main .gathering-body .gathering-img-wrap .gathering-desc {
bottom: 0px;
left: calc(50% - 15px);
width: 100%;
transform: translateY(60%) translateX(-50%);
}
.social-gathering-wrap .social-gathering-content .content-main .gathering-body .gathering-img-wrap .gathering-desc .gathering-desc-content {
border: 1px solid #fd2b00;
font-size: 87.5%;
padding: 20px 25px 20px 25px;
line-height: 1.6;
letter-spacing: 0.01em;
}
/* ----------------
hall map
---------------- */
.hall-map-wrap .hall-map-content {
padding: 110px 0px 0px 0px;
}
.hall-map-wrap .hall-map-content .content-title {
padding: 0px 0px 30px 0px;
}
.hall-map-wrap .hall-map-content .content-title .en {
font-size: 200%;
padding: 0px 0px 0px 80px;
margin: 0px 0px 0px 0%;
}
.hall-map-wrap .hall-map-content .content-title .ja {
padding: 1px 20px 3px 80px;
margin: -5px 0px 0px 0px;
font-size: 56.25%;
}
/* ----------------
outline
---------------- */
.outline-wrap .outline-content {
padding: 70px 0px 30px 0px;
}
.outline-wrap-bottom .outline-content {
padding: 0px 0px 30px 0px;
}
.outline-wrap .outline-content .content-title {
padding: 0px 0px 20px 0px;
}
.outline-wrap .outline-content .content-title .en {
font-size: 200%;
padding: 0px 80px 0px 0px;
}
.outline-wrap .outline-content .content-title .ja {
padding: 1px 80px 3px 20px;
margin: -5px 0px 0px 0px;
font-size: 56.25%;
}
.outline-wrap .outline-content .content-main {
padding: 0px 10px 0px 10px;
}
.outline-wrap .outline-content .content-main .outline-block {
border: 1px solid #c2ced5;
padding: 10px 10px 10px 0px;
margin: 0px 0px 10px 0px;
border-radius: 10px;
}
.outline-wrap .outline-content .content-main .outline-block .outline-title {
font-size: 93.75%;
flex-basis: 100px;
max-width: 100px;
padding: 0px 0px 0px 0px;
}
.outline-wrap .outline-content .content-main .outline-block .outline-body {
font-size: 93.75%;
flex-basis: calc(100% - 100px);
max-width: calc(100% - 100px);
padding: 13px 0px 13px 20px;
background-size: 3px 54px;
line-height: 1.5;
}
.outline-wrap .outline-content .content-main .access-block {
border: 1px solid #c2ced5;
padding: 20px 20px 20px 20px;
margin: 30px 0px 0px 0px;
border-radius: 10px;
}
.outline-wrap .outline-content .content-main .access-block .access-map-wrap {
height: 230px;
}
.outline-wrap .outline-content .content-main .access-block .address-wrap {
padding: 20px 0px 0px 0px;
}
.outline-wrap .outline-content .content-main .access-block .address-wrap .building-name {
font-size: 150%;
}
.outline-wrap .outline-content .content-main .access-block .address-wrap .address-info {
align-items: flex-start;
flex-wrap: wrap;
}
.outline-wrap .outline-content .content-main .access-block .address-wrap .address-info .address-desc {
flex-basis: 100%;
max-width: 100%;
font-size: 100%;
padding: 0px 0px 10px 0px;
letter-spacing: 0.05em;
}
.outline-wrap .outline-content .content-main .access-block .address-wrap .train-info {
padding: 10px 0px 0px 0px;
}
.outline-wrap .outline-content .content-main .access-block .address-wrap .train-info .train-info-title {
font-size: 93.75%;
letter-spacing: 0.05em;
padding: 0px 20px 0px 0px;
white-space: nowrap;
}
.outline-wrap .outline-content .content-main .access-block .address-wrap .train-info .train-info-title::after {
top: 12px;
right: 7px;
width: 6px;
height: 6px;
}
.outline-wrap .outline-content .content-main .access-block .address-wrap .train-info .train-info-detail {
font-size: 93.75%;
letter-spacing: 0.05em;
line-height: 1.8;
padding: 5px 0px 0px 0px;
}
.outline-wrap .outline-content .content-main .banner-block {
padding: 10px 0px 20px 0px;
}
.outline-wrap .outline-content .content-main .banner-block .pc-banner {
display: none;
}
.outline-wrap .outline-content .content-main .banner-block .sp-banner {
display: block;
}
.banner-block .sp-banner {
position: relative;
margin: 0 auto;
}
.banner-block .sp-banner a {
position: absolute;
display: block;
width: 100%;
height: auto;
left: 0;
bottom: 52px;
z-index: 2;
padding: 0 20px;
}
.banner-block .sp-banner a img {
width: 100%;
height: auto;
}
/* ----------------
foot visual
---------------- */
.foot-visual .visual-content .visual-img-wrap {
height: 170px;
}
.foot-visual .visual-content .visual-img-wrap img {
display: block;
width: 100%;
height: 170px;
object-fit: cover;
object-position: center center;
}
.foot-visual .visual-content .visual-message-wrap {
width: 53%;
}
/* ----------------
footer
---------------- */
footer {
padding: 0px 0px 100px 0px;
}
footer .footer-content {
padding: 15px 0px 10px 0px;
}
footer .footer-content .footer-menu > div {
padding: 0px 10px 0px 10px;
font-size: 87.5%;
}
footer .footer-content .footer-logo {
padding: 30px 0px 0px 0px;
width: 20%;
}
footer .footer-content .footer-copyright {
padding: 5px 0px 0px 0px;
font-size: 75%;
}
/* ----------------
fixed entry btn
---------------- */
.fixed-entry-btn {}
.fixed-entry-btn a p.upper {
font-size: 93%;
}
.fixed-entry-btn a p.lower {
font-size: 140%;
}
.fixed-entry-btn a p.lower span.text > span {
font-size: 70%;
vertical-align: bottom;
}
.fixed-entry-btn a p.lower span.border {
bottom: -10px;
border-bottom: solid 18px #51296d;
}
.fixed-entry-btn a p.lower span.border:before {
top: 9px;
right: -16px;
border-right: 13px solid transparent;
border-left: 13px solid transparent;
border-bottom: 13px solid #51296d;
}
.fixed-entry-btn a p.lower span.border:after {
top: 9px;
left: 10px;
border-right: 13px solid transparent;
border-left: 13px solid transparent;
border-bottom: 13px solid #51296d;
}
/* ----------------
modal
---------------- */
.modal-window-wrap {
width: 86%;
}
.modal-window-wrap .session-category {
font-size: 112.5%;
padding: 5px 75px 5px 75px;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-box {
padding: 0px 0px 20px 0px;
}
.modal-window-wrap .modal-content-wrap .session-info-wrap {
padding: 60px 30px 30px 30px;
}
}
@media only screen and (max-width: 600px) {
/* ----------------
main visual
---------------- */
.main-visual .visual-content .visual-img-wrap img {
height: 280px;
}
.main-visual .visual-content .visual-date-wrap {
bottom: 22%;
width: 65%;
}
/* ----------------
normal speaker
---------------- */
.normal-speaker-wrap .speaker-content .content-main .speaker-wrap {
justify-content: space-between;
}
/* ----------------
pickup speaker
---------------- */
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap {
justify-content: space-between;
}
/* ----------------
outline
---------------- */
.outline-wrap .outline-content .content-main .access-block .access-map-wrap {
height: 130px;
}
/* ----------------
foot visual
---------------- */
.foot-visual .visual-content .visual-img-wrap {
height: 150px;
}
.foot-visual .visual-content .visual-img-wrap img {
height: 150px;
}
.foot-visual .visual-content .visual-message-wrap {
width: 73%;
}
/* ----------------
footer
---------------- */
footer .footer-content .footer-logo {
width: 37%;
}
/* ----------------
modal
---------------- */
.modal-window-wrap {
width: 96%;
box-shadow: 4px 4px 0px 0px #fd2b00;
}
.modal-window-wrap .session-category {
font-size: 100;
padding: 5px 35px 5px 35px;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap {
padding: 20px 10px 20px 10px;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-box .speaker-img {
flex-basis: 100px;
max-width: 100px;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-box .speaker-img img {
border: 1px solid #fd2b00;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-box .speaker-desc {
flex-basis: calc(100% - 110px);
max-width: calc(100% - 110px);
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-box .speaker-desc .speaker-name {
font-size: 187.5%;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-box .speaker-desc .speaker-post {
font-size: 100%;
}
.modal-window-wrap .modal-content-wrap .session-info-wrap {
padding: 50px 10px 20px 10px;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap::before {
left: 10px;
width: calc(100% - 20px);
height: 3px;
background-size: 54px 3px;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .slide-content {
max-height: 250px;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-box .speaker-desc .speaker-name {
font-size: 137.5%;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-box .speaker-desc .speaker-name span {
margin: 0px 0px 2px 0px;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-box .speaker-desc .speaker-post {
font-size: 75%;
padding: 5px 0px 0px 0px;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-prof {
font-size: 87.5%;
padding: 0px 0px 20px 0px;
}
.modal-window-wrap .modal-content-wrap .session-info-wrap .time-display-block {
padding: 0px 0px 0px 0px;
line-height: 1.8;
}
.modal-window-wrap .modal-content-wrap .session-info-wrap .time-display-block .time-display {
font-size: 175%;
}
.modal-window-wrap .modal-content-wrap .session-info-wrap .session-theme-block .session-theme-title {
font-size: 112.5%;
}
.modal-window-wrap .modal-content-wrap .session-info-wrap .session-theme-block .session-theme {
font-size: 175%;
}
.modal-window-wrap .modal-content-wrap .speaker-info-wrap .speaker-btn-block .entry-btn a {
padding: 13px 40px 13px 40px;
font-size: 100%;
}
}
@media only screen and (max-width: 480px) {
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box,
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap {
align-items: flex-end;
}
.pickup-speaker-wrap .pickup-speaker-content .content-main .speaker-wrap .speaker-box::before {
height: calc(100% + 10px);
}
}
@media only screen and (max-width: 1024px) {
/* ----------------
thanks
---------------- */
.thanks-wrap .thanks-content {
padding: 100px 10px 0px 10px;
box-sizing: border-box;
}
.thanks-wrap .thanks-content .thanks-message {
font-size: 150%;
}
.thanks-wrap .thanks-content .thanks-desc {
font-size: 93.75%;
padding: 20px 0px 20px 0px;
}
.thanks-wrap .thanks-content .thanks-caution-wrap {
padding: 20px 20px 20px 20px;
}
.thanks-wrap .thanks-content .thanks-caution-wrap .thanks-caution-title {
font-size: 112.5%;
}
.thanks-wrap .thanks-content .thanks-caution-wrap .thanks-caution-body {
font-size: 93.75%;
}
.thanks-wrap .thanks-content .thanks-caution-wrap .thanks-caution-body ul li {
padding: 10px 0px 10px 1.2em;
text-indent: -1.2em;
line-height: 1.7;
}
.thanks-wrap .thanks-logo-wrap .thanks-logo {
text-align: center;
}
.thanks-wrap .thanks-logo-wrap .thanks-logo .logo-img {
max-width: 220px;
margin: 0 auto;
}
}
@media only screen and (max-width: 600px) {
.thanks-wrap {
min-height: 100svh;
}
.thanks-wrap .thanks-sp-br {
display: inline;
}
}
@media only screen and (max-width: 1000px) {
/* ----------------
form
---------------- */
.form-wrap {
font-size: 15px;
padding: 0 0px 0px 0px;
}
.form-wrap .form-content {
padding: 40px 10px 0px 10px;
width: calc(100% - 20px);
margin: 0 10px;
box-sizing: border-box;
}
.form-wrap .form-content .form-title {
font-size: 120%;
padding: 0px 0px 20px 0px;
}
.form-wrap .form-content .form-message {
font-size: 100%;
padding: 0px 0px 40px 0px;
}
.form-wrap .form-logo-wrap .form-logo {
text-align: center;
}
.form-wrap .form-logo-wrap .form-logo .logo-img {
max-width: 220px;
margin: 0 auto;
}
.form-wrap .form-content .form-privacy {
padding: 50px 20px 60px 20px;
}
.mktoForm .mktoRequiredField label.mktoLabel {
font-size: 80% !important;
padding-bottom: 10px;
}
.mktoForm .mktoFormCol {
margin-bottom: 20px !important;
}
.mktoForm input[type=text], .mktoForm input[type=email], .mktoForm input[type=tel] {
-webkit-appearance: none;
appearance: none;
padding: 17px 10px 17px 10px !important;
font-size: 93.33% !important;
}
.mktoForm input[type=radio] {
margin-top: 7px !important;
}
.mktoForm select {
-webkit-appearance: none;
appearance: none;
border-radius: 0;
padding: 6px 10px 6px 7px !important;
font-size: 93.33% !important;
}
.mktoFormRow:nth-child(3) .mktoFieldDescriptor:nth-child(1) {
width: 100%;
padding-right: 0px;
}
.mktoFormRow:nth-child(3) .mktoFieldDescriptor:nth-child(2) {
width: 100%;
padding-left: 0px;
}
.mktoFormRow:nth-child(5) .mktoFieldDescriptor:nth-child(1) {
width: 100%;
padding-right: 0px;
}
.mktoFormRow:nth-child(6) .mktoFieldDescriptor:nth-child(1) {
width: 100%;
padding-right: 0px;
}
.mktoFormRow:nth-child(7) .mktoFieldDescriptor:nth-child(1) {
width: 100%;
padding-right: 0px;
}
.mktoFormRow:nth-child(8) .mktoFieldDescriptor:nth-child(1) {
width: 100%;
padding-right: 0px;
}
.mktoFormRow:nth-child(9) .mktoFieldDescriptor:nth-child(1) .mktoFieldWrap .mktoRadioList {
font-size: 106.66% !important;
}
.mktoFormRow:nth-child(10) .mktoFormCol .mktoFieldWrap {
font-size: 93.33%;
}
.mktoFormRow:nth-child(12) .mktoFormCol .mktoFieldWrap {
font-size: 93.33%;
}
.mktoFormRow:nth-child(13) .mktoFieldDescriptor:nth-child(1) .mktoFieldWrap .mktoRadioList {
font-size: 106.66% !important;
}
.mktoFormRow:nth-child(14) .mktoFieldDescriptor:nth-child(1) .mktoFieldWrap .mktoRadioList {
font-size: 106.66% !important;
}
.mktoFormRow:nth-child(15) .mktoFieldDescriptor:nth-child(1) .mktoFieldWrap {
width: 100% !important;
display: inline-block !important;
margin: 0 auto;
text-align: center;
float: none;
}
.mktoFormRow:nth-child(15) .mktoAsterix {
float: none !important;
}
.mktoFormRow:nth-child(15) label.mktoLabel {
text-align: center !important;
float: none !important;
display: inline-block !important;
width: auto !important;
font-size: 87.5% !important;
font-weight: 700 !important;
}
.mktoFormRow:nth-child(15) label.mktoLabel span {
text-align: left !important;
display: block !important;
width: 100% !important;
float: none !important;
padding: 20px 0px 0px 0px;
}
.mktoFormRow:nth-child(15) .mktoCheckboxList {
float: none !important;
padding: 0px 0px 0px 0px;
width: 100% !important;
text-align: center;
}
.mktoFormRow:nth-child(15) .mktoCheckboxList input {
float: none !important;
margin: 0 auto;
}
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
padding: 15px 120px 15px 120px !important;
font-size: 133.33% !important;
}
.form-wrap .form-content .form-copyright {
padding: 60px 0px 60px 0px;
}
}
@media only screen and (max-width: 600px) {
.form-wrap .form-sp-br {
display: inline;
}
.mktoFormRow:nth-child(14) label.mktoLabel {
padding-top: 0px !important;
}
.mktoFormRow:nth-child(14) .mktoAsterix {
margin-top: 0px !important;
}
.mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix {
display: none;
}
form.mktoForm .mktoRequiredField .mktoLabel:after {
content: "*";
margin-left: 4px;
color: orange;
}
.mktoFormRow:nth-child(11) .mktoLabel {
position: relative;
}
.mktoFormRow:nth-child(11) .mktoLabel:after {
position: absolute;
top: 5px;
right: 8px;
}
.mktoFormRow:nth-child(15) .mktoLabel {
position: relative;
}
.mktoFormRow:nth-child(15) .mktoLabel:after {
position: absolute;
top: 27px;
right: -10px;
}
}
// スマホの時だけ改行させるクラス
.br-sp {
display: none;
}
@media (max-width: 768px) {
.br-sp {
display: block;
}
}