@charset "utf-8";
@media all and (max-width : 1024.99999px) {

	/*--------------------------------------------

共通 CSS

--------------------------------------------*/
	body {
		font-size: 1.4rem;
	}

	.for_pc {
		display: none !important;
	}

	.for_tb {
		display: block;
	}

	/*--------------------------------------------

	共通 CSS

--------------------------------------------*/
	.secInner {
		max-width: 100%;
		padding: 0 5%;
	}

	.common__ttl-jpn {
		font-size: 1.5rem;
	}

	.to__top {
		width: 16px;
		bottom: 20%;
		right: 2%;
	}

	/*============================
#Fixed Navi
============================*/
	.fixed__navi {
		display: none;
	}

	/*============================
#footer
============================*/
	#footer {
		padding: 13.6% 0 4.9%;
	}

	#footer::before {
		right: 3.9%;
		height: 40%;
	}

	#footer::after {
		bottom: 7.9%;
	}

	.ft__inner {
		max-width: 100%;
		padding: 0 5% 13%;
	}

	.ft__info {
		width: 100%;
		text-align: center;
	}

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

	.ft__company {
		margin-top: 1.2em;
	}

	.footer_info-btn {
		width: 385px;
		margin: 8% auto 0;
		font-size: 1.4rem;
	}

	.ft__navi {
		display: none;
	}

	.ft__cooperation {
		text-align: center;
		margin-top: 7%;
	}

	/*============================
top__mv
============================*/
	.main-bg {}

	.top__mv {
		padding: 8.8% 0 0 0;
	}

	.top__mv:before {
		content: "";
		display: block;
		width: 100%;
		height: 1px;
		position: absolute;
		top: 13.5%;
		left: 0;
		background-color: #fff;
	}

	.top__mv:after {
		height: 50%;
		left: 3%;
	}

	.top__mv-ttlBox {}

	.top__mv-infoBox {}

	.top__mv-scroll {
		left: 2.5%;
		bottom: auto;
		top: 52%;
	}

	.top__mv-scroll-down {
		margin-bottom: 14px;
	}

	.top__mv-scroll-line {
		height: 68px;
		left: -4px;
	}

	@keyframes pathmove {
		0% {
			bottom: -68px;
		}

		30% {
			opacity: 1;
		}

		100% {
			bottom: -100px;
		}
	}

	/*============================
 #about
 ============================*/
	#about {
		padding: 8.35% 0 10.8%;
	}

	#about:before {
		display: none;
	}

	#about:after {
		display: none;
	}

	.about-logo {
		display: none;
	}

	.about-secInner {
		max-width: 80%;
		padding: 0 5%;
	}

	.about-ttl-jpn:after {
		display: none;
	}

	.about-wrap {
		padding-bottom: 45.4%;
	}

	.about-ttlBox {}

	.about-textBox {
		font-size: 1.4rem;
	}

	.about-plane {
		font-size: 1.4rem;
	}

	.about-box01 {
		justify-content: space-between;
	}

	.about-box02 {
		justify-content: flex-end;
		align-items: flex-end;
		margin-bottom: 15%;
	}

	.about-box03 {
		align-items: center;
		justify-content: space-between;
		margin-bottom: 15%;
	}

	.about-box04 {
		flex-direction: row-reverse;
		align-items: center;
		margin-bottom: 15%;
	}

	.about-box05 {
		margin-bottom: 1%;
	}

	.about-img01 {
		width: 100%;
		margin: 0 auto 12%;
	}

	.about-img02 {
		width: 26.5625vw;
	}

	.about-img03 {
		width: 31.25vw;
		margin-right: 7.8%;
	}

	.about-img04 {
		width: 45.104vw;
	}

	.about-img05 {
		width: 39.322vw;
	}

	.about-img06 {
		width: 39.322vw;
		margin-top: 11%;
		margin-left: auto;
	}

	.about__movie-lead {
		font-size: 1.3rem;
	}

	.about__movie-lead:after {
		bottom: 18px;
	}

	.about__movie-box {
		width: 68%;
	}

	.about__movie-swiper {
		max-width: 100%;
	}

	.swiper-wrapper {}

	.about__movie-swiper .swiper-button-prev,
	.about__movie-swiper .swiper-button-next {
		color: #fff;
		z-index: 50;
	}

	.about__movie-swiper .swiper-button-prev {
		left: 40px;
	}

	.about__movie-swiper .swiper-button-next {
		right: 40px;
	}

	/*============================
 #program
 ============================*/
	#program {
		padding: 6.875% 0 0;
	}

	#program:before,
	#program:after {
		display: none;
	}

	.program-secInner {
		padding: 0 5%;
	}

	.program-wrap {
		max-width: 100%;
		margin: 0 auto 5%;
	}

	.program-ttlBox {
		margin-bottom: 8.5%;
	}

	.program__cts {
		border: 0;
	}

	.program__ctsinner {
		font-size: 1.4rem;
		padding: 0 5em 0;
		background: transparent;
	}

	.program__cts-list {
		flex-direction: column;
	}

	.program__cts-item {
		width: 100%;
		padding: 0 0 3.4em;
		margin-bottom: 2.4em;
		border-right: 0;
		border-bottom: 1px solid #fff;
	}

	.program__cts-item:last-child {
		margin-bottom: 0;
	}

	.program__cts-item-ttl-eng {
		font-size: 2.5rem;
	}

	.program__cts-item:first-child .program__cts-item-ttl-eng,
	.program__cts-item:nth-child(3) .program__cts-item-ttl-eng {
		padding-top: 0;
	}

	.program__cts-item-ttl-jpn {
		font-size: 1.4rem;
	}

	.program__cts-youtube {
		width: 26em;
		margin: 4.3em auto 0;
		font-size: 1.3rem;
	}

	.program__cts-youtube a {
		padding: 1.65em 2.2em;
	}

	.time__table {
		padding-top: 12%;
		max-width: 100%;
		margin-bottom: 8%;
	}

	.time__table-ttlBox {
		margin-bottom: 12%
	}

	.time__table-list {
		padding-right: 0;
		padding-left: 6%;
	}

	.time__table-list:before {
		content: "";
		display: block;
		width: 1px;
		height: 99.7%;
		position: absolute;
		top: 0.5em;
		left: 3%;
		background-color: #fff;
	}

	.time__table-item {
		position: relative;
		flex-direction: column;
	}

	.time__table-item:not(:last-child) {
		margin-bottom: 2.7%;
	}

	.time__table-item:after {
		content: "";
		display: block;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		position: absolute;
		left: calc(-3% - (6px));
		top: 1em;
		transform: translateY(-50%);
		background-color: #fff;
	}

	.time__table-base {
		width: 100%;
		margin-right: 0;
		flex-direction: row;
		margin-bottom: 0.5em;
	}

	.time__table-base:before,
	.time__table-base:after {
		display: none;
	}

	.time__table-hour {
		font-size: 1.6rem;
		margin-right: 0.8em;
		width: auto;
	}

	.time__table-hour:after {
		display: none;
	}

	.time__table-area {
		font-size: 1.6rem;
		writing-mode: initial;
		margin-top: 0;
	}

	.time__table-cts {
		width: 100%;
		padding: 2em;
	}

	.time__table-cts-center {}

	.time__table-cts-detail {
		width: 50%;
		margin-right: 2.5%;

	}

	.time__table-cts-label {
		width: 100%;
		padding: 1.25em 0.5em;
	}

	.time__table-cts-lead {
		margin-top: 1.4em;
	}

	.time__table-cts-lead .font_L {
		font-size: 1.4rem;
	}

	.time__table-speaker-list {
		width: 45%;
		margin-top: -3%;
	}

	.time__table-speaker-item {
		width: 48%;
		margin-top: 6%;
	}

	.time__table-seminar-item {
		width: 100%;
	}

	.speaker-popup-inner {
		flex-direction: column;
		align-items: flex-start;
	}

	.speaker-popup-image {
		width: 45%;
		margin-right: 0
	}

	.speaker-seminar-image {
		width: 80%;
		margin-right: 0;
		margin: 0 auto 2%;
	}

	.speaker-popup-info {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.speaker-seminar-info {
		width: 100%;
	}

	.speaker-popup-notes {
		font-size: 1rem;
		order: 3;
		margin-top: 0.4em;
	}

	.speaker-popup-name {
		font-size: 1.3rem;
		margin: 0.8em 0 0.5em;
		order: 1;
	}

	.speaker-popup-title {
		order: 2;
	}

	/*============================
#speaker-popup
============================*/
	.modaal-container {
		max-width: 100%;
	}

	.speaker__modal-wrap {
		padding: 40px;
	}

	.speaker__modal-wrap:after {
		display: none;
	}

	.speaker__modal-inner {
		flex-direction: column;
	}

	.speaker__modal-imgBox {
		width: 100%;
	}

	.speaker__modal-imgBox-head {
		width: 38%;
	}

	.speaker__modal-name-eng {
		bottom: -20px;
	}

	.speaker__modal-program-notes {
		font-size: 1.2rem;
		margin: 4.6em 0 0.6em;
	}

	.speaker__modal-program-bg {
		font-size: 1.2rem;
		padding: 1.4em;
	}

	.speaker__modal-program-ttlBox {
		display: flex;
		align-items: center;
	}

	.speaker__modal-program-ttl {
		font-size: 1.5rem;
		margin-right: 0.8em;
	}

	.speaker__modal-program-hour {
		font-size: 1.2rem;
		margin-top: 0;
	}

	.speaker__modal-program-detail {
		font-size: 1.2rem;
		margin-top: 1.2em;
	}

	.speaker__modal-font-L {
		font-size: 1.3rem;
	}

	.speaker__modal-infoBox {
		width: 100%;
		margin-left: 0;
		margin-top: 3.8%;
	}

	.speaker__modal-info-head {
		position: absolute;
		top: 80px;
		left: 45%;
		border: 0;
	}

	.speaker__modal-info-nameBox {
		flex-direction: column-reverse;
	}

	.speaker__modal-info-name {
		font-size: 2rem;
		margin: 0.3em 0 0.6em;
	}

	.speaker__modal-info-titleBox {
		font-size: 1.5rem;
		border-bottom: 1px solid #333;
	}

	.speaker__modal-info-title {
		margin-right: 0;
	}

	.speaker__modal-info-logo {
		text-align: center;

	}

	.speaker__modal-info-catch {
		font-size: 1.6rem;
	}

	.speaker__modal-info-bottom {
		font-size: 1.4rem;
		margin-top: 1.6em;
	}

	.speaker__modal-info-plane:not(:last-child) {
		margin-bottom: 1.8em;
	}

	.other__program {
		max-width: 100%;
		padding-top: 8%;
	}

	.other__program-ttl {
		font-size: 2.8rem;
		margin-bottom: 6.2%;
	}

	.other__program-wrap {
		padding: 5.7% 3.9% 12.6%;
		background-color: #f5f5f5;
	}

	.other__program-exhibition {
		padding-bottom: 3.9%;
		flex-direction: column-reverse;
		border-bottom: 0;
	}

	.other__program-visit {
		flex-direction: column-reverse;
	}

	.other__program-exhibition-textBox {
		width: 100%;
		margin-right: 0;
		margin-top: 5%;
	}

	.other__program-exhibition-info-ttl {
		font-size: 1.4rem;
		width: 92%;
		margin: 0 auto 1.5em;
	}

	.other__program-exhibition-info-lead {
		font-size: 1.6rem;
		padding-bottom: 1.5em;
	}

	.other__program-visit-info-lead {
		padding-bottom: 0;
	}

	.other__program-exhibition-bottom {
		font-size: 1.3rem;
	}

	.other__program-exhibition-profile-name {
		font-size: 1.4rem;
	}

	.other__program-exhibition-profile-img {
		width: 32%;
	}

	.other__program-exhibition-imgBox {
		width: 100%;
	}

	.other__program-exhibition-photo01 {}

	.other__program-visit-imgBox {
		width: 100%;
	}

	.other__program-corner {
		padding-top: 5.9%;
	}

	.other__program-corner02 {
		border: 0;
	}

	.other__program-corner-list {
		flex-direction: column;
	}

	.other__program-corner-item {
		width: 100%;
		padding: 0;
		border-right: 0;
		margin-bottom: 8.2%;
	}

	.other__program-corner-item:nth-child(2) {
		width: 100%;
	}

	.other__program-corner-item:last-child {
		margin-bottom: 0;
	}

	.other__program-corner-imgBox {
		margin: 0 auto;
		width: 100%;
		padding-top: 65%;
		position: relative;
	}

	.other__program-corner-imgBox img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.other__program-corner-ttl {
		font-size: 1.6rem;
	}

	.other__program-corner-lead {
		font-size: 1.4rem;
	}

	/*============================
#speaker
============================*/
	#speaker {
		padding: 12% 0 10%;
		background-color: #fff;
	}

	.speaker-secInner {
		max-width: 100%;
	}

	.speaker-ttlBox {
		margin-bottom: 8.6%;
	}

	.speaker-item {
		width: 21.3%;
		font-size: 1.2rem;
	}

	.speaker-name {
		font-size: 1.4rem;
	}

	/*============================
#apply
============================*/
	#apply {
		padding: 12.6% 0 0;
	}

	#apply:before {
		bottom: auto;
		top: 0;
		left: 2.4%;
		height: 18%;
	}

	#apply:after {
		top: 2.4%;
	}

	.apply-secInner {
		max-width: 100%;
		padding: 0;
	}

	.apply-ttlBox {
		margin-bottom: 3.6%;
	}

	.apply-wrap {
		flex-direction: column;
		padding-bottom: 10%;
	}

	.apply-notice {
		width: 100%;
		border-right: 0;
		border-bottom: 2px dotted #333;
		padding-bottom: 3em;
		margin-bottom: 3em;
		padding-right: 0;
	}

	.apply-notice-ttl {
		font-size: 2.3rem;
	}

	.apply-notice-item {
		font-size: 1.4rem;
	}

	.apply-Box {
		width: 100%;
		padding-left: 0;
	}

	.apply-Box-ttl {
		font-size: 1.7rem;
	}

	.apply-conference {
		margin-top: 8.9%;
	}

	.apply-conference-bottom {
		flex-direction: column;
	}

	.apply-btn {
		font-size: 1.4rem;
	}

	.apply-conference-bottom .apply-btn {
		width: 100%;
		text-align: center;
	}

	.apply-conference-bottom .apply-btn a {
		padding: 1.6em 1em;
	}

	.apply-conference-bottom .apply-btn:after {
		right: 8%;
	}

	.apply-conference-bottom .apply-btn:first-child {
		margin-right: 0;
		margin-bottom: 3%;
	}

	/*============================
#sponsor
============================*/
	#sponsor {
		padding: 13.4% 0 10%;
	}

	.sponsor-ttlBox {
		margin-bottom: 6.4%;
	}

	.sponsor-item {
		width: 17.1%;
		margin: 2% 1%;
	}

	.sponsor-milbon {
		width: 44%;
	}

	.sponsor-box {
		width: 26%;
	}

	.sponsor-wella {
		width: 29%;
	}

	/* .sponsor-takara{
  width: 26%;
  margin-right: 10%;
}
.sponsor-lebel{
  width: 24%;
  margin-right: 10%;
}
.sponsor-wella{
  width: 26%;
}
.sponsor-mercury{
  width: 26%;
  margin-right: 13.1%;
}
.sponsor-estessimo{
  width: 26%;
} */
	/*============================
#outline
============================*/
	#outline {
		padding: 12.4% 0;
	}

	.outline-ttlBox {
		margin-bottom: 12.4%;
	}

	.outline__item-label {
		width: 8.5em;
		margin-right: 1.5em;
	}

	/*============================
#access
============================*/
	#access {
		padding: 12.2% 0 10.8%;
	}

	.access-ttlBox {
		text-align: center;
		margin-bottom: 8.6%;
	}

	.access-ttl-jpn {
		color: #333;
	}

	.access-map {
		margin-top: 0;
	}
}

@media (max-width: 850px) and (min-width: 684px) {

	.top__mv-area {
		width: 100%;
		margin-top: 0.5em;
	}
}