@charset "UTF-8";
.detail_wrapper .header {
    transition: 0.3s;
}
.header-wrapper .header {
	background: rgb(200 230 242 / 80%);
}
sup{
    vertical-align: top;
	font-size: 50%;
}
.sectTit{
	position: relative;
	text-align: center;
	font-weight: bold;
	line-height: 1.3;
	font-size: 2.5rem;
	padding-top: 20px;
}
.sectTit:before,
.sectTit:after {
	position: relative;
	display: inline-block;
	content: "";
	background: #020b29;
	width: 2px;
	height: 2em;
	margin: 0 1em;
	margin-top: -.2em;
	vertical-align: middle;
}
.sectTit:before {
	transform: rotate(-35deg);
	}
.sectTit:after {
	transform: rotate(35deg);
	}
.lower_ttl.detail{
	position: relative;
	width: 100%;
	background: url(../img/wood-bg.jpg) center center no-repeat;
	background-size: cover;
	padding: 50px 0 30px;
	height: auto;
}
.lower_ttl.detail > .flex{
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}
.lower_ttl.detail .flex .txt_Box{
	width: 60%;
	background: #fff;
	border-radius: 0;
	margin-right: 40px;
	padding: 25px;
}
#detail_20 .lower_ttl.detail .flex .txt_Box{
	width: 100%;
	margin-right: 0;
}
#detail_20 .lower_ttl .inner_900 {
	padding: 0 10px;
}
#detail_05 .sinsotu{
	font-weight: bold;
    margin-bottom: 10px;
}
.lower_ttl.detail .flex .txt_Box .category{
	display: inline-block;
	padding: 7px 12px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.lower_ttl.detail .flex .txt_Box .category.special{
	background: var(--navy);
}
.lower_ttl.detail .flex .txt_Box .category.special02{
    background: var(--red2);
}
.lower_ttl.detail .flex .txt_Box.special .category{
	background: var(--red2);
}
.lower_ttl.detail .flex .txt_Box.keiri .category{
	background: var(--keiri);
}
.lower_ttl.detail .flex .txt_Box.houmu .category{
	background: var(--houmu);
}
.lower_ttl.detail .flex .txt_Box .category-time_flex{
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 10px;
}
.lower_ttl.detail .flex .txt_Box .category-time_flex > .category{
	margin-right: 10px;
	margin-bottom: 0;
}
.lower_ttl.detail .flex .txt_Box .category-time_flex .date-time{
	position: relative;
    /* width: 100%; */
	/*color: transparent;*/
    font-family: 'Poppins', sans-serif;
	font-size: 24px;
    font-weight: 600;
	letter-spacing: 0.05em;
	/* margin-bottom: 20px; */
	display: none;
}
.lower_ttl.detail .flex .txt_Box .category-time_flex .date-time span.online{
	display: inline-block;
	background: #333;
    color: #fff;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1;
    padding: 7px 10px 5px;
    vertical-align: 3px;
    margin-left: 8px;
    border-radius: 50px;
}
.lower_ttl.detail .flex .txt_Box .category-time_flex span.session-archive-txt{
	display: inline-block;
	background: var(--olive);
    color: #f7f40f;
	margin-left: 5px;
    padding: 3px 7px;
    font-size: 2rem;
    font-weight: 500;
    vertical-align: bottom;
	display: none;
}
/*.lower_ttl.detail .flex .txt_Box .category-time_flex .date-time::after{
    position: absolute;
    content: "2024.9.4 WED 18:00まで放映中！";
    top: 10px;
    left: 0;
    background: #c02951;
    text-align: center;
    font-family: "Poppins";
    font-weight: 500;
    font-size: 20px;
    font-style: italic;
    color: #fbf894;
    padding: 7px 10px;
}*/
.lower_ttl.detail .flex .txt_Box .category-time_flex .date-time small{
	margin-right: 10px;
}

.lower_ttl.detail .flex .txt_Box small{
	display: inline-block;
    line-height: 1.2;
	font-size: 80%;
	font-weight: bold;
}
.lower_ttl.detail .flex .txt_Box small.mt10{
	margin-top: 10px;
}
.lower_ttl.detail .flex .txt_Box small.mb10{
	margin-bottom: 10px;
}
.lower_ttl.detail .flex .txt_Box h2{
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4;
	color: #333;
	margin-bottom: 10px;
	margin-left: 5px;
	text-align: left;
}
.lower_ttl.detail .flex .txt_Box .note{
	margin-bottom: 10px;
}
.lower_ttl.detail .flex .txt_Box.special h2{
	color: var(--red2);
}
.lower_ttl.detail .flex .txt_Box.keiri h2{
	color: var(--keiri);
}
.lower_ttl.detail .flex .txt_Box.houmu h2{
	color: var(--houmu);
}
.lower_ttl.detail .flex .txt_Box h2 span.line{
	font-weight: inherit;
	text-decoration: underline;
    text-decoration-thickness: 0.5em;
    text-decoration-color: var(--yellow);
    text-underline-offset: -0.2em;
    text-decoration-skip-ink: none;
}
.lower_ttl.detail .flex .txt_Box .dotted-line{
	border-top: dotted var(--navy) 2px;
	margin-bottom: 13px;
}
.lower_ttl.detail .flex .txt_Box .speaker{
	margin-bottom: 13px;
}
.lower_ttl.detail .flex .txt_Box .speaker_info{
	width: 100%;
	margin-left: 5px;
}
.lower_ttl.detail .flex .txt_Box .name{
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
}
.lower_ttl.detail .flex .txt_Box .company{
	font-size: 14px;
	line-height: 1.2;
	color: var(--gray2);
}
.lower_ttl.detail .flex .txt_Box .company.double{
	margin-bottom: 15px;
}
.lower_ttl.detail .flex .img_Box{
	width: 25%;
	border: var(--basic) 2px solid;
}
.lower_ttl.detail .flex .img_Box.double {
	width: 20%;
	border: 0;
}
.lower_ttl.detail .flex .img_Box.double img {
	margin: 5px auto;
	border: var(--basic) 2px solid;
}
.lower_ttl.detail .flex .img_Box .speaker-clip{
	/*clip-path: url(#clip-img);*/
	/* border-radius: 100vh; */
}
.lower_ttl.detail .flex .txt_Box .session-att{
	color: var(--gray3);
    border-top: var(--gray3) 2px dotted;
    padding-top: 5px;
    text-align: left;
}

.lower_ttl.detail .gift_txt {
    position: relative;
    width: 90%;
	max-width: 900px;
	margin: 30px auto 0;
    background: var(--gift);
    padding: 15px 0;
    text-align: center;
    z-index: 2;
}
.lower_ttl.detail .gift_txt img {
    width: 90%;
    margin: 0 auto;
}
.lower_ttl.detail .cap {
	font-size: 13px;
	padding: 0 5px 10px;
}
.lower_ttl.detail > .btn_flex{
	margin-top: 0;
}
.lower_ttl.detail .btn_flex {
	max-width: 900px;
	margin: 0 auto;
}
.lower_ttl.detail .btn_flex > a {
	max-width: none;
	margin: 30px auto 0;
}
/* ↓あとで復活 */
/* .lower_ttl.detail > .btn_flex a:first-child{
	margin-right: 20px;
} */
.profile{
	margin-top: 40px;
	font-weight: 500;
    border-top: dotted var(--basic) 2px;
    padding-top: 15px;
}
.profile .ttl{
	font-size: 1.6rem;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 9px;
}
.profile .txt{
	font-size: 1.5rem;
    line-height: 1.7;
    color: var(--gray3);
}
.detail_fv{
	padding-top: 5.6rem;
	position:relative;
	-webkit-background-size: cover;
	background-size: cover;
    background-color: var(--light);
    background-repeat: no-repeat;
    background-size: cover;
}
.detail_fv #child {
    background-color: transparent;
}
.detail_fv .bg_snow .snow {
    position: absolute;
    top: 0;
}
.detail_fv .nami {
    z-index: 0;
}
.cat{
	margin-bottom: 1.6rem;
	padding: 1rem 2rem;
	border-radius:999px;
	border:2px solid var(--light);
	display: inline-block;
	background: #fff;
	font-weight: bold;
	color: var(--ms);
	font-size: 1.8rem;
	line-height: 1.8rem;
	position:relative;
	display: none;
}
.cat:before {
    content: "";
    border: solid 2px  var(--ms);
    position: absolute;
    top: 0.7px;
    left: 0.7px;
	border-radius:999px;
    width: calc(100% - 5px);
    height: calc(100% - 5px);
}
.keiri .cat{
	color:  var(--keiri);
}
.keiri .cat::before{
	border-color: var(--keiri);
}

.keiri .detail-til span{
	background-image: linear-gradient(rgba(0,0,0,0) 60%, rgb(206,231,234) 20%);
	font-weight: bold;
}
.keiri .detail-til::after{
	background: var(--keiri);
}
.houmu .cat{
	color:  var(--houmu);
}
.houmu .cat::before{
	border-color: var(--houmu);
}

.houmu .detail-til span{
	background-image: linear-gradient(rgba(0,0,0,0) 60%, rgb(231,234,210) 20%);
	font-weight: bold;
}
.jinji .cat{
	color:  var(--jinji);
}
.jinji .cat::before{
	border-color: var(--jinji);
}

.jinji .detail-til span{
	background-image: linear-gradient(rgba(0,0,0,0) 60%, rgb(238,221,207) 20%);
	font-weight: bold;
}
.jinji .detail-til::after{
	background: var(--jinji);
}

.txt_Wrap.check_bg .btn_flex > a {
	max-width: none;
	margin: 30px auto 0;
}
.txt_Wrap .inner_900{
	padding: 0 10px;
}
.at{
	font-size: 1.3rem;
	line-height: 2.3rem;
	font-weight: bold;
	color: red;
	margin-bottom: 1rem;
	letter-spacing: 0.05em;
}
.detail-til{
	font-size: 2rem;
	line-height: 2.8rem;
	font-weight: bold;
	border-left:3px solid var(--ms);
	margin-bottom: 1.8rem;
}
.detail-til span{
	font-weight: bold;
	background-image: linear-gradient(rgba(0,0,0,0) 60%, rgb(238,229,164) 20%);
}
.detail-txts .txt{
	font-weight: 500;
	line-height: 2.8rem;
}
.detail-txts .txt br.high{
	-webkit-display: block; /* Safari用のプレフィックス */
	display: block;
	content:"";
	margin-bottom: 1.6rem;
}
.detail-txts .session-att{
	text-align: left;
	margin-top: 20px;
	color: var(--gray3);
}
/* 視聴特典 */
.watch_tokuten{
	border: 2px solid;
	border-radius: 5px;
	text-align: center;
	margin-top: 30px;
}
.watch_tokuten h3{
	padding: 8px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
}
.watch_tokuten .tokuten-txt{
	padding: 10px 20px;
}
.watch_tokuten .tokuten-txt .txt span.line{
	font-weight: inherit;
	text-decoration: underline;
    text-decoration-thickness: 0.5em;
    text-decoration-color: var(--yellow);
    text-underline-offset: -0.2em;
    text-decoration-skip-ink: none;
	font-weight: bold;
}
.watch_tokuten .tokuten-txt dl{
	margin-top: 10px;
    justify-content: center;
    align-items: center;
	padding-top: 10px;
	border-top: var(--gray) 2px dotted;
}
.watch_tokuten .tokuten-txt dl dt{
    padding: 3px 8px;
    font-size: 16px;
    color: #fff;
    margin-right: 10px;
}
.watch_tokuten .tokuten-txt dl dd{
	font-weight: bold;
}
/* 経理 */
.watch_tokuten.keiri{
	border-color: var(--keiri);
}
.watch_tokuten.keiri h3,
.watch_tokuten.keiri .tokuten-txt dl dt{
	background: var(--keiri);
}
.watch_tokuten.keiri .tokuten-txt dl dd{
	color: var(--keiri);
}
/* 法務 */
.watch_tokuten.houmu{
	border-color: var(--houmu);
}
.watch_tokuten.houmu h3,
.watch_tokuten.houmu .tokuten-txt dl dt{
	background: var(--houmu);
}
.watch_tokuten.houmu .tokuten-txt dl dd{
	color: var(--houmu);
}
/* 左揃え */
.tokuten-txt {
	.left {
		justify-content: flex-start !important;
		@media screen and (max-width:425px) {
			align-items: baseline !important;
			dt {
				width: 17%;
			}
			dd {
				width: 80%;
				text-align: left;
			}
		}
	}
}

.detail-recommend a{
	margin: 0 auto;
}
.detail-recommend .btn_flex > a{
	margin: 0;
}
/*.detail-recommend .btn_flex > a.entry{
	background-image: linear-gradient(90deg, rgba(255, 108, 0, 1), rgba(255, 112, 112, 1));
}
.detail-recommend .btn_flex > a.entry:hover::after {
    border-color: var(--yellow);
}
.detail-recommend .btn_flex > a.entry:hover span{
	color: var(--yellow);
}*/
.detail-recommend_con{
	background: #fff;
	border-top: var(--gray) 2px dotted;
	border-radius: 0;
	text-align: center;
}
.detail-recommend_til{
	padding-top: 20px;
	font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    text-decoration: underline;
    text-decoration-thickness: 0.5em;
    text-decoration-color: var(--yellow);
    text-underline-offset: -0.2em;
    text-decoration-skip-ink: none;
	font-size: 18px;
	font-weight: bold;
}
.detail-recommend_li{
	padding-left: 1.4em;
	display: inline-block;
}
.detail-recommend_li li{
	position: relative;
	font-size: 18px;
	line-height: 1.2;
    letter-spacing: 0.05em;
	margin-bottom: 12px;
	text-align: left;
}
.detail-recommend_li li::before{
	position: absolute;
	content: "";
	background: url(../img/list-head.svg) center center no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	top: -2px;
	left: -1.4em;
}
.detail-speaker{
	padding: 1.6rem 1.6rem 2rem;
}
.detail-speaker_mb{
	padding-top:0;
}
.detail-img {
/*	margin-right: 3.2rem;*/
}
.detail-img img {
	object-fit: cover;
	border-radius:999px;
	border:4px solid var(--ms);
	width: 130px;
	height: 130px;
}
.detail-names{
	width: calc(100% - 180px);
}
.detail-names h4{
	font-size: 2rem;
	line-height: 2rem;
	font-weight: bold;
	margin-bottom: 0.66rem;
}
.detail-names p{
	font-size: 1.5rem;
	line-height: 2.1rem;
	letter-spacing: 0.08em;
}
.detail-names h4 span{
	font-weight: bold;
	font-size: 1.8rem;
}
[id*=detail_] .gift_Wrap{
	padding: 30px 0 70px;
}
[id*=detail_] .gift_Wrap .inner_800{
	padding: 40px 0 0;
}
.btn-li>div{
	width: 340px;
}
.keiri .detail-til,.keiri .detail-recommend_con,.keiri .detail-recommend_til.kakko::after, .keiri .detail-recommend_til.kakko::before,.keiri .detail-img img,.keiri .detail-til::after{
border-color:var(--keiri);
}
.keiri .detail-recommend_til span,.keiri .detail-txts .detail-til span{
  background-image: linear-gradient(rgba(0,0,0,0) 60%, rgb(206,231,234) 20%);
}
.jinji .detail-til,.jinji .detail-recommend_con,.jinji .detail-recommend_til.kakko::after, .jinji .detail-recommend_til.kakko::before,.jinji .detail-img img,.jinji .detail-til::after{
border-color:var(--jinji);
}
.jinji .detail-recommend_til span,.jinji .detail-txts .detail-til span{
  background-image: linear-gradient(rgba(0,0,0,0) 60%, rgb(238,221,207) 20%);
}
.houmu .detail-til,.houmu .detail-recommend_con,.houmu .detail-recommend_til.kakko::after, .houmu .detail-recommend_til.kakko::before,.houmu .detail-img img,.houmu .detail-til::after{
border-color:var(--houmu);
}
.houmu .detail-til::after{
	background:var(--houmu);
}
.houmu .detail-recommend_til span,.jinji .detail-txts .detail-til span{
background-image: linear-gradient(rgba(0,0,0,0) 60%, rgb(231,234,210) 20%);
}
.keiri .detail-til,.jinji .detail-til,.houmu .detail-til{
	margin-bottom: 2rem;
}
.detail-date{
	font-size: 2rem;
	line-height: 2rem;
	letter-spacing: 0.04em;
	font-weight: bold;
}
.detail-date span{
	font-weight: bold;
	font-size: 1.5rem;
}
.detail_session-box{
	padding-top: 3.2rem;
	padding-bottom: 3.2rem;
}
.detail_session-li .session-title{
	display: none;
}
.detail_session-li .session-li{
	padding: 0;
}
.detail_session-li .btn{
	display: none;
}
.keiri.detail_session-box .til::before{
	    background-image: url(../img/01_keiri.svg);
}
.houmu.detail_session-box .til::before{
	    background-image: url(../img/01_houmu.svg);
}
.jinji.detail_session-box .til::before{
	    background-image: url(../img/01_jinji.svg);
}
.detail_btn_flex {
	max-width: 800px;
    margin: 0 auto 30px;
	gap: 10px;
}
.tokuten-con{
	max-width: 880px;
	width: 100%;
	border-radius:8px;
	border-radius:4px;
	margin: 1rem auto 3.2rem;
	vertical-align: middle;
}
.tokuten-con_til{
	width: 110px;
	height:110px;
	text-align: center;
	border:2px solid var(--sub);
	color: var(--sub);
	background: #fff;
	border-radius:999px;
	 display: flex;
        flex-direction: column;
        justify-content: center;
}
.tokuten-con_til h3{
	font-weight: bold;
	font-size: 1.8rem;
	padding-top: 1.4rem;
	position:relative;
}
.tokuten-con_til h3::after{
content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../img/star.svg);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    position: absolute;
	top:-1rem;
     left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.keiri .tokuten-con_til h3::after{
	 background-image: url(../img/star-keiri.svg);
}
.keiri .tokuten-con_til{
	border-color:var(--keiri);
	color:var(--keiri);
}
.keiri .tokuten-con .subtil{
	border-color:var(--keiri);
	color:var(--keiri);
}
.keiri .tokuten-con .subtil span{
	background:var(--keiri);
}
.jinji .tokuten-con_til h3::after{
	 background-image: url(../img/star-jinji.svg);
}
.jinji .tokuten-con_til{
	border-color:var(--jinji);
	color:var(--jinji);
}
.jinji .tokuten-con .subtil{
	border-color:var(--jinji);
	color:var(--jinji);
}
.jinji .tokuten-con .subtil span{
	background:var(--jinji);
}
.houmu .tokuten-con_til h3::after{
	 background-image: url(../img/star-houmu.svg);
}
.houmu .tokuten-con_til{
	border-color:var(--houmu);
	color:var(--houmu);
}
.houmu .tokuten-con .subtil{
	border-color:var(--houmu);
	color:var(--houmu);
}
.houmu .tokuten-con .subtil span{
	background:var(--houmu);
}
.tokuten-con .txt-box{
	width: calc(100% - 140px);
}
.tokuten-con .subtil{
	color: var(--sub);
	display: inline-block;
	padding-bottom: 0.4rem;
	border-bottom:2px solid var(--sub);
	font-weight: bold;
	margin-bottom: 1rem;
	font-size: 1.7rem;
}
.tokuten-con .subtil span{
	background: var(--sub);
	font-weight: bold;
	color: var(--light);
	padding: 0rem 0.4rem;
	margin-left: 0.2rem;
	margin-right: 0.2rem;
	border-radius:1px;
}
.tokuten-con .txt{
	font-size: 1.5rem;
	line-height: 2.2rem;
}
.tokuten-con .txt br.high{
	display: block;
	content:'';
	height: 0.8rem;
}

/* 視聴特典 */
.tokuten{
	text-align: center;
	margin-top: 30px;
	background: #fff;
	border: 1px solid var(--basic);
}
.tokuten h3{
	background: var(--basic);
	text-align: center;
	color: #fff;
	font-size: 18px;
	padding: 8px 0;
}
.tokuten h4{
    width: 96%;
    margin: 0 auto;
	font-size: 18px;
	line-height: 1;
    text-align: center;
    color: var(--basic);
    padding: 15px 10px 10px;
    font-weight: bold;
    line-height: 1.2;
}
.tokuten p{
	width: 96%;
    margin: 0 auto;
	padding: 10px 20px 20px;
	border-top: var(--basic) 1px solid;
}
.tokuten .tokuten_List{
	display: inline-block;
	margin: 0 auto;
    padding: 15px 10px;
}
.tokuten .tokuten_List li{
	position: relative;
	text-align: left;
	padding-left: 1.2em;
	font-size: 18px;
    font-weight: bold;
	line-height: 1.2;
    color: var(--basic);
}
.tokuten .tokuten_List li:not(:last-child){
	margin-bottom: 5px;
}
.tokuten .tokuten_List li::before{
	position: absolute;
	content: "■";
	color: var(--basic);
	font-size: 16px;
	top: 0.1em;
	left: 0;
}
.tokuten .tokuten_List li small{
	font-size: 16px;
}

/* 経理 */
/* #keiri .tokuten{ border-color: var(--keiri2);} */
#keiri .tokuten h3{ background: var(--keiri);}
#keiri .tokuten h4,
#keiri .tokuten .tokuten_List li,
#keiri .tokuten .tokuten_List li::before{ color: var(--keiri);}
#keiri .tokuten p{ border-top-color: var(--keiri);}

/* 人事 */
/* #jinji_soumu .tokuten{ border-color: var(--jinji2);} */
#jinji_soumu .tokuten h3{ background: var(--jinji);}
#jinji_soumu .tokuten h4,
#jinji_soumu .tokuten .tokuten_List li,
#jinji_soumu .tokuten .tokuten_List li::before{ color: var(--jinji);}
#jinji_soumu .tokuten p{ border-top-color: var(--jinji);}

/* 法務 */
/* #houmu .tokuten{ border-color: var(--houmu2);} */
#houmu .tokuten h3{ background: var(--houmu);}
#houmu .tokuten h4,
#houmu .tokuten .tokuten_List li,
#houmu .tokuten .tokuten_List li::before{ color: var(--houmu);}
#houmu .tokuten p{ border-top-color: var(--houmu);}

/* 総務 */
/* #soumu .tokuten{ border-color: var(--soumu2);} */
#soumu .tokuten h3{ background: var(--soumu2);}
#soumu .tokuten h4,
#soumu .tokuten .tokuten_List li,
#soumu .tokuten .tokuten_List li::before{ color: var(--soumu2);}
#soumu .tokuten p{ border-top-color: var(--soumu2);}

/* 情シス */
#system .tokuten h3{ background: var(--system);}
#system .tokuten h4,
#system .tokuten .tokuten_List li,
#system .tokuten .tokuten_List li::before{ color: var(--system);}
#system .tokuten p{ border-top-color: var(--system);}

/*---MOVIE---*/
.movie{
/*	background: var(--light);*/
	padding-top: 2.4rem;
	padding-bottom: 3.2rem;
}
.movie .detail-speaker{
	padding-bottom: 1.6rem;
	margin-bottom:1.6rem;
	padding-top: 0;
	border-bottom: 3px dotted var(--dark);
}
.movie .detail-speaker._border {
    border-bottom: none;
}
.movie .detail-txts{
	padding-top: 0;
	padding-bottom: 2.4rem;
}
.movie .detail-recommend_con{
	border:none;
	padding-bottom: 2.4rem;
}
.movie .detail-recommend{
	padding-bottom: 0;
	padding-top: 0;
	background: white;
}
.movie-con{
	position:relative;
	padding: 40px 0 20px;
}
.movie-con .inner_800 {
	width: 100%;
}
.video-con{
	margin-bottom: 2.4rem;
	background: var(--light);
}
.movie-con .video{
    position: relative;
    aspect-ratio: 16 / 9;
    margin: 0 auto 2rem;
}
.movie-con .video iframe {
    width: 100%;
    height: 100%;
}
.movie-con .lunch-btn{
	margin-bottom: 2.8rem;
}
.movie-con .btn_flex > a{
	margin: 0;
}
.movie-fin {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin: 0 auto 30px;
}
.movie-banner{
	margin-top: 10px;
}
.movie-banner a{
	transition:.3s;
	box-shadow: 0 0 8px 4px rgba(0,0,0,0.1);
}
.movie-banner a:hover{
	opacity:0.7;
	box-shadow:none;
}
.movie-btn_area{
	display:flex;
    width:600px;
	margin: 0 auto;
	flex-wrap:wrap;
	justify-content: space-between;
}
.movie-btn_area.col1{
	justify-content: center;
}
.movie-btn_area>div{
	width: 290px;
}
.movie-cam_area {
	margin-bottom:2rem;
}
.movie-cam_area .img{
	text-align:center;
	max-width:100%;
	width:480px;
	margin:0 auto 1rem;
}
.movie-cam_area p{
	text-align:center;
font-size:1.4rem;
line-height: 2.2rem;
letter-spacing:0.08em;
}
.movie .tokuten-con{
	margin-top:0;
}
/*---END MOVIE---*/
.event-banner{
	width:240px;
}
.speaker_profile {
	margin-bottom: 20px;
	padding: 0 0 30px;
	background: rgba(255,255,255,0.9);
	border-radius: 0;
}
#detail_21 .speaker_profile {
	padding: 10px 0 0;
}
.speaker_profile .speaker{
	align-items: center;
}
.speaker_profile .speaker .speaker_img{
	width: 18%;
}
.speaker_profile .speaker .speaker_img img{
	object-fit: cover;
	width: 100%;
	height: auto;
	border: solid 2px var(--keiri);
}
.speaker_profile .speaker_info{
	width: 78%;
	text-align: left;
}
.speaker_profile .name {
	font-size: 16px;
	font-weight: bold;
}
.speaker_profile .name small{
    display: inline-block;
    line-height: 1.2;
    font-size: 80%;
    font-weight: bold;
}
.speaker_profile .company {
	font-size: 14px;
    line-height: 1.2;
    color: var(--gray2);
}
.speaker_profile .profile_txt{
	margin-top: 10px;
    border-top: var(--gray) 1px dotted;
    border-bottom: var(--gray) 1px dotted;
	padding: 20px 5px;
    font-size: 14px;
    line-height: 1.4;
}

/* ----------------------------------------------------------------
カテゴリ別色分け
------------------------------------------------------------------- */
/* 経理 */
#keiri .txt_Wrap.check_bg{
    background: url(../img/check_keiri-bg.jpg) left top repeat;
	background-size: contain;
}
#keiri .lower_ttl.detail .flex .txt_Box .category-time_flex > .category{
    background: var(--keiri);
}
#keiri .detail-recommend_li li::before{
	background: url(../img/list-head_keiri.svg) center center no-repeat;
    background-size: contain;
}
#keiri .grad_bg {
    background: linear-gradient(0deg, rgba(180, 204, 223, 0.5), rgba(255, 255, 255, 0.7));
}
#keiri .lower_ttl.detail .flex .txt_Box h2 span.line,
#keiri .detail-recommend_til{
    text-decoration-color: #b2eaf4;
}
/* 人事 */
#jinji_soumu .txt_Wrap.check_bg{
    background: url(../img/check_jinji-soumu-bg.jpg) left top repeat;
	background-size: contain;
}
#jinji_soumu .detail-recommend_li li::before{
	background: url(../img/list-head_jinji_soumu.svg) center center no-repeat;
    background-size: contain;
}
#jinji_soumu .lower_ttl.detail .flex .txt_Box .category-time_flex > .category{
	background: var(--jinji);
}
#jinji_soumu .grad_bg {
    background: linear-gradient(0deg, rgba(223,180,180,0.5), rgba(255, 255, 255, 0.7));
}
#jinji_soumu .lower_ttl.detail .flex .txt_Box h2 span.line,
#jinji_soumu .detail-recommend_til{
    text-decoration-color: #f3edbe;
}
/* 法務 */
#houmu .txt_Wrap.check_bg{
    background: url(../img/check_houmu-bg.jpg) left top repeat;
	background-size: contain;
}
#houmu .detail-recommend_li li::before{
	background: url(../img/list-head_jinji_houmu.svg) center center no-repeat;
    background-size: contain;
}
#houmu .lower_ttl.detail .flex .txt_Box .category-time_flex > .category{
    background: var(--houmu);
}
#houmu .grad_bg {
    background: linear-gradient(0deg, rgba(180, 223, 180, 0.5), rgba(255, 255, 255, 0.7));
}
#houmu .lower_ttl.detail .flex .txt_Box h2 span.line,
#houmu .detail-recommend_til{
    text-decoration-color: #ccf1cd;
}
/* 総務 */
#system .txt_Wrap.check_bg{
    background: url(../img/check_system-bg.jpg) left top repeat;
	background-size: contain;
}
#system .detail-recommend_li li::before{
	background: url(../img/list-head_system.svg) center center no-repeat;
    background-size: contain;
}
#system .lower_ttl.detail .flex .txt_Box .category-time_flex > .category{
    background: var(--system);
}
#system .grad_bg {
    background: linear-gradient(0deg, rgba(223, 219, 180, 0.5), rgba(255, 255, 255, 0.7));
}
#system .lower_ttl.detail .flex .txt_Box h2 span.line,
#system .detail-recommend_til{
    text-decoration-color: #ffd6d6;
}
/* 申込者特典コンテンツ */
#tokuten .txt_Wrap.check_bg{
    background: url(../img/check_yellow-bg.jpg) left top repeat;
	background-size: contain;
}
#tokuten .lower_ttl.detail .flex .txt_Box .category-time_flex > .category{
    background: var(--olive);
}
#tokuten .detail-recommend_li li::before{
	background: url(../img/list-head_tokuten.svg) center center no-repeat;
    background-size: contain;
}
#tokuten .grad_bg {
    background: linear-gradient(0deg, rgba(180, 204, 223, 0.5), rgba(255, 255, 255, 0.7));
}
#tokuten .lower_ttl.detail .flex .txt_Box h2 span.line,
#tokuten .detail-recommend_til{
    text-decoration-color: #ebe79c;
}

/* 他のセッション */
.other_detail{
	padding: 50px 0;
}
.other_detail .Category_ttl {
	display: none;
}
.other_detail .session{
	margin: 20px 0 0;
}
.other_detail .session.keynote .keynote{
	display: block;
    position: absolute;
    background: var(--blue);
    color: #fff;
    top: -20px;
    left: -8px;
    padding: 7px 6px 5px;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    font-family: "Palatino", sans-serif;
    line-height: 1;
}
.other_detail .session.keynote .keynote .ic{
	display: inline-block;
    width: 15px;
    margin-right: 5px;
}
.other_detail h2.other_detail_ttl{
	position: relative;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 40px;
}
.other_detail h2.other_detail_ttl::after{
	position: absolute;
	content: "";
	width: 30px;
	height: 3px;
	background: var(--ttl);
	bottom: -15px;
	left: 50%;
	transform: translateX(-50%);
}
.other_detail .btn_flex{
	max-width: 800px;
	margin: 0 auto;
}
.other_detail .session_Box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.other_detail .session_Box.system{
	justify-content: center;
}
.other_detail .session_Box .session{
	width: 49%;
}
.other_detail .session .speaker .speaker-img {
	width: 20%;
	height: 20%;
}
.other_detail .session .speaker .speaker-imgx2{
	width: 20%;
}
.other_detail .session .speaker .speaker-imgx2 .speaker-img{
	width: 100%;
}
/* .other_detail .session .speaker-detail {
	width: 50%;
} */
.other_detail .session .speaker-detail .company {
	font-size: 1.3rem;
}
.other_detail .session .speaker .logo2{
	margin-right: 15px;
}
.other_detail .session.empty{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.other_detail .session.empty::after{
	content: none;
}
main#detail_01 .other_detail .session_list_con.detail01,
main#detail_02 .other_detail .session_list_con.detail02,
main#detail_03 .other_detail .session_list_con.detail03,
main#detail_04 .other_detail .session_list_con.detail04,
main#detail_05 .other_detail .session_list_con.detail05,
main#detail_06 .other_detail .session_list_con.detail06,
main#detail_07 .other_detail .session_list_con.detail07,
main#detail_08 .other_detail .session_list_con.detail08,
main#detail_09 .other_detail .session_list_con.detail09,
main#detail_10 .other_detail .session_list_con.detail10,
main#detail_11 .other_detail .session_list_con.detail11,
main#detail_12 .other_detail .session_list_con.detail12,
main#detail_13 .other_detail .session_list_con.detail13,
main#detail_14 .other_detail .session_list_con.detail14,
main#detail_15 .other_detail .session_list_con.detail15,
main#detail_16 .other_detail .session_list_con.detail16,
main#detail_17 .other_detail .session_list_con.detail17,
main#detail_18 .other_detail .session_list_con.detail18,
main#detail_19 .other_detail .session_list_con.detail19,
main#detail_20 .other_detail .session_list_con.detail20,
main#detail_21 .other_detail .session_list_con.detail21,
main#detail_22 .other_detail .session_list_con.detail22,
main#detail_23 .other_detail .session_list_con.detail23,
main#detail_24 .other_detail .session_list_con.detail24,
main#detail_25 .other_detail .session_list_con.detail25,
main#detail_26 .other_detail .session_list_con.detail26,
main#detail_27 .other_detail .session_list_con.detail27,
main#detail_28 .other_detail .session_list_con.detail28,
main#detail_29 .other_detail .session_list_con.detail29,
main#detail_30 .other_detail .session_list_con.detail30,
main#detail_31 .other_detail .session_list_con.detail31,
main#detail_32 .other_detail .session_list_con.detail32,
main#detail_33 .other_detail .session_list_con.detail33,
main#detail_34 .other_detail .session_list_con.detail34,
main#detail_35 .other_detail .session_list_con.detail35,
main#detail_36 .other_detail .session_list_con.detail36,
main#detail_37 .other_detail .session_list_con.detail37,
main#detail_38 .other_detail .session_list_con.detail38,
main#detail_39 .other_detail .session_list_con.detail39,
main#detail_40 .other_detail .session_list_con.detail40,
main#detail_houmu_keynote01 .other_detail .session.detail_houmu_keynote01{
	display: none;
}
@media screen and (max-width: 1000px) {
	.other_detail .session_list {
		justify-content: center;
	}
	.other_detail .session_list .session_list_con{
		width: 46%;
	}
}


/* --------------------------------
MODAL
----------------------------------- */
.modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}
.modal_bg {
    background: rgba(3, 11, 41, 0.7);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modalScroll {
    background: #fff;
    height: 700px;
    width: 80vw;
    max-width: 1000px;
    max-height: 800px;
    border-radius: 8px;
    overflow: hidden;
}
  /* 画面の中央に寄せるCSS。ウィンドウとボタンに適応 */

.Scroll_date {
    background: linear-gradient(to right, #4dadd0, #4fd0c5);
    color: #fff;
    text-align: center;
    line-height: 1;
    width: 90%;
    max-width: 1000px;
    padding: 16px 0 11px;
    margin: 130px auto 0;
}
#top .Scroll_date {
    width: 100%;
    margin: 0;
}
.Scroll_date .date {
    font-size: 3.2rem;
    font-weight: 600;
    font-family: "Palatino","Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
}
.Scroll_date.pre {
	padding: 17px 0 15px;
}
.Scroll_date .pre_til {
    font-size: 2.4rem;
    font-weight: 600;
	font-family: "Cinzel", "Noto Sans JP", serif;
}
.Scroll_date .day-of-week {
    font-size: 2.5rem;
    font-weight: 600;
}
/* ウィンドウ内のコンテンツ。スクロールの範囲はここになります。 */
.ScrollContent {
	width: 90%;
    margin-top: 59px;
    padding-bottom: 59px;
    margin: 0 auto;
    max-width: 1000px;
}
#top .ScrollContent {
    margin: 59px auto 0;
}
::-webkit-scrollbar {
    display: none;
}
.modal_con {
    padding-top: 30px;
    flex-wrap: nowrap;
    justify-content: flex-start;
}
.modal_con.lower_ttl {
    background: none;
    padding: 30px 0 0;
    height: auto;
}
.modal_con .img_Box {
    width: 25%;
}
.modal_con .img_Box .speaker {
    margin-bottom: 20px;
}
.modal_con .img_Box .logo2 .logo:first-child {
    margin-bottom: 15px;
}
.modal_con .img_Box .logo {
    width: 90%;
    max-width: 220px;
    margin: 0 auto;
}
.modal_con .img_Box .logo.toma_yoko{
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}
.modal_con .img_Box .logo_box img {
    width: 60%;
    display: block;
    margin: 0 auto;
}
.modal_con .txt_Box {
    margin-left: 38px;
    width: calc(75% - 38px);
}
.modal_con .txt_Box .category {
    display: inline-block;
    background: var(--olive);
    margin-bottom: 10px;
    padding: 7px 10px 5px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    line-height: 1;
    font-weight: 500;
}
.keiri .modal_con .txt_Box .category {
    background: var(--keiri);
}
.jinji .modal_con .txt_Box .category {
    background: var(--jinji);
}
.houmu .modal_con .txt_Box .category {
    background: var(--houmu);
}
.system .modal_con .txt_Box .category {
    background: var(--system);
}
.modal_ttl {
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 16px;
    text-align: left;
}
.modal_ttl .modal_ttl_small {
    font-size: 2.1rem;
    font-weight: bold;
}
.modal_ttl .note::before {
	top: -5px;
	font-size: 1.4rem;
}
.modal_ttl .note.asterisk::before {
	top: -7px;
	font-size: 2rem;
}
.modal_ttl span.line {
    font-weight: inherit;
    text-decoration: underline;
    text-decoration-thickness: 0.5em;
    text-decoration-color: var(--yellow);
    text-underline-offset: -0.2em;
    text-decoration-skip-ink: none;
}
.modal_ttl span.caption {
	font-size: 1.4rem;
}
.modal_con .dotted-line {
    border-top: dotted var(--basic) 2px;
    margin-bottom: 15px;
}
.modal_con .txt_Box .speaker_info {
    width: 100%;
    margin-bottom: 15px;
}
.modal_con .txt_Box .name {
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 5px;
}
.modal_con .txt_Box small {
    display: inline-block;
    line-height: 1.2;
    font-size: 80%;
    font-weight: bold;
}
.modal_con .txt_Box .company {
    font-size: 1.5rem;
    line-height: 1.3;
    color: var(--gray3);
}
.modal_wrapper .session-att {
    font-size: 1.4rem;
    color: var(--gray)!important;
    border-top: var(--gray) 2px dotted;
    margin-bottom: 0;
    padding-top: 10px;
    text-align: left;
    text-indent: 0;
}
.modal_wrapper .tokuten {
    text-align: center;
    margin-top: 20px;
    background: #fff;
    border: solid 2px;
    border-radius: 3px;
}
.keiri.modal_wrapper .tokuten {
    border-color: var(--keiri);
	margin-bottom: 20px;
}
.keiri.modal_wrapper .tokuten .tokuten_List{
    padding: 17px 10px;
	text-align: left;
}
.keiri.modal_wrapper .tokuten a{
	border-bottom: solid 1px #000;
}
.jinji.modal_wrapper .tokuten {
    border-color: var(--jinji);
}
.houmu.modal_wrapper .tokuten {
    border-color: var(--houmu);
}
.system.modal_wrapper .tokuten {
    border-color: var(--system);
}
.modal_wrapper .tokuten h3 {
    background: var(--basic);
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    padding: 4px 0 6px;
}
.keiri.modal_wrapper .tokuten h3 {
    background: var(--keiri);
}
.jinji.modal_wrapper .tokuten h3 {
    background: var(--jinji);
}
.houmu.modal_wrapper .tokuten h3 {
    background: var(--houmu);
}
.system.modal_wrapper .tokuten h3 {
    background: var(--system);
}
.modal_wrapper .tokuten .tokuten_List {
    display: inline-block;
    margin: 0 auto;
    padding: 12px 10px;
}
.modal_wrapper .tokuten .tokuten_List li {
    position: relative;
    text-align: left;
    padding-left: 1.2em;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
    color: var(--basic);
}
.keiri.modal_wrapper .tokuten .tokuten_List li {
    color: var(--keiri);
}
.jinji.modal_wrapper .tokuten .tokuten_List li {
    color: var(--jinji);
}
.houmu.modal_wrapper .tokuten .tokuten_List li {
    color: var(--houmu);
}
.system.modal_wrapper .tokuten .tokuten_List li {
    color: var(--system);
}
.modal_wrapper .tokuten .tokuten_List li::before {
    position: absolute;
    content: "■";
    color: var(--basic);
    font-size: 16px;
    top: 0.1em;
    left: 0;
}
.keiri.modal_wrapper .tokuten .tokuten_List li::before {
    color: var(--keiri);
}
.jinji.modal_wrapper .tokuten .tokuten_List li::before {
    color: var(--jinji);
}
.houmu.modal_wrapper .tokuten .tokuten_List li::before {
    color: var(--houmu);
}
.system.modal_wrapper .tokuten .tokuten_List li::before {
    color: var(--system);
}
.modal_wrapper .tokuten .tokuten_List .tokuten_List_description {
	color: var(--basic);
    font-size: 1.6rem;
    border: none;
    text-align: left;
    padding: 0;
    margin: 0;
    width: 100%;
}
.modal_wrapper .detail-txts .txt {
    text-align: left;
    margin-top: 26px;
	margin-bottom: 15px;
    font-weight: 500;
}
.modal_wrapper .detail-txts .txt > small {
	font-size: 1.4rem;
	color: var(--gray);
}
.modal_wrapper .detail-txts .session-att {
    border: none;
    margin-bottom: 20px;
}
.modal_wrapper .detail-recommend_con {
    border-top: var(--gray) 2px dotted;
    border-radius: 0;
    text-align: center;
}
.modal_wrapper .detail-recommend_til {
    padding-top: 20px;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    text-decoration: underline;
    text-decoration-thickness: 0.5em;
    text-decoration-color: var(--yellow);
    text-underline-offset: -0.2em;
    text-decoration-skip-ink: none;
    font-weight: bold;
}
.keiri.modal_wrapper .detail-recommend_til, .keiri .modal_ttl span.line {
    text-decoration-color: #b2eaf4;
}
.jinji.modal_wrapper .detail-recommend_til, .jinji .modal_ttl span.line {
    text-decoration-color: #f3edbe;
}
.houmu.modal_wrapper .detail-recommend_til, .houmu .modal_ttl span.line {
    text-decoration-color: #ccf1cd;
}
.system.modal_wrapper .detail-recommend_til, .system .modal_ttl span.line {
    text-decoration-color: #ffd6d6;
}
.modal_wrapper .detail-recommend_li {
    padding-left: 1.4em;
    display: inline-block;
}
.modal_wrapper .detail-recommend_li li {
    position: relative;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    margin-bottom: 12px;
    text-align: left;
}
.modal_wrapper .detail-recommend_li li::before {
    position: absolute;
    content: "";
    background: url(../img/list-head.svg) center center no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    top: -2px;
    left: -1.4em;
}
.modal_wrapper.keiri .detail-recommend_li li::before {
    background: url(../img/list-head_keiri.svg) center center no-repeat;
    background-size: contain;
}
.modal_wrapper.jinji .detail-recommend_li li::before {
    background: url(../img/list-head_jinji_soumu.svg) center center no-repeat;
    background-size: contain;
}
.modal_wrapper.houmu .detail-recommend_li li::before {
    background: url(../img/list-head_houmu.svg) center center no-repeat;
    background-size: contain;
}
.modal_wrapper.system .detail-recommend_li li::before {
    background: url(../img/list-head_system.svg) center center no-repeat;
    background-size: contain;
}
.modal-close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 65px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 65px;
    font-weight: 600;
    font-weight: 100;
    color: #fff;
    background-color: transparent;
    border: none;
    cursor: pointer;
    z-index: 1001;
}
.modal-close-btn::after {
content: "×";
}
.modal-close-btn:hover {
transition: 0.3s;
}
.modal_wrapper .arrow_Btn.bgleft.form_cta {
	margin-bottom: 30px;
}
.detail_btn_flex .arrow_Btn.bgleft.form_cta {
	margin-bottom: 0;
}
.movie-con .arrow_Btn.bgleft.form_cta {
	margin-bottom: 0;
}

@media screen and (max-width:768px) {
	.modal_wrapper .tokuten .tokuten_List .tokuten_List_description {
		font-size: 1.4rem;
	}
}

.flex_logo2 {
	display: flex;
	justify-content: space-between;
	gap: 15px;
}

/* --------------------------------
クローズ対応
----------------------------------- */
.lower_ttl.detail .btn_flex,
.txt_Wrap.check_bg .btn_flex{
	display: none;
}
.other_detail .btn_flex{
	justify-content: space-between;
	gap: 10px;
}
@media screen and (max-width: 1024px) {

	.lower_ttl.detail .btn_flex {
		max-width: 900px;
		width: 90%;
	}
}

@media screen and (max-width: 1000px) {
	.Scroll_date {
		margin: 100px auto 0;
	}
}

@media screen and (max-width:768px) {
	.sectTit{
		font-size: 1.3rem;
	}
	.header-wrapper .header_btn {
		background: rgb(200 230 242 / 80%);
	}
	/* footer{
		margin-bottom:14rem;
	} */
	.cat{
		display: inline-block;
	}
	.lower_ttl.detail .gift_txt {
		margin: 10px auto 0;
	}
	[id*=detail_] .gift_Wrap{
		padding: 20px 0 50px;
	}
	.detail_fv{
		margin-top: 0;
		background-image: url("../img/child-sp.png");
		background-position: bottom center;
		padding-top: 4rem;
		padding-bottom: 3.2rem;
		background-attachment: inherit;
		position: relative;
	}
    .detail_fv #child {
        position: static;
    }
	.detail-til{
		width: 100%;
		font-size: 2.2rem;
		line-height: 3.2rem;
		font-weight: bold;
		border-left:none;
		position:relative;
		margin-bottom: 0rem;
		padding-bottom: 2rem;
		margin-bottom: 0;
	}
	.detail-til::after{
		content:'';
		background: var(--ms);
		width: 100px;
		height: 3px;
		position:absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}
	.keiri .detail-til, .jinji .detail-til, .houmu .detail-til{
		font-size:1.8rem;
		line-height: 3rem;
	}
	.detail-txts .txt{
		line-height: 1.6;
		letter-spacing:0.1em;
	}
	.detail-recommend_con {
		margin-bottom: 0;
		padding: 0 15px ;
		border-radius: 5px;
	}
	#detail_21 .detail-recommend_con {
		margin-bottom: 20px;
	}
	.detail-recommend_til{
		margin-bottom: 15px;
	}
	.detail-recommend_li li{
		width: 100%;
		font-size: 1.4rem;
		line-height: 1.4;
	}
	.detail-recommend_li li::before {
		width: 16px;
		height: 16px;
		top: 2px;
	}
	.detail-speaker{
		justify-content: space-around;
		padding-left: 0;
		padding-right: 0;
	}
	.detail-img{
		margin-right: 0;
	}
	.detail-img img{
		width: 110px;
		height: 110px;
	}
	.detail-names{
		width: calc(100% - 140px);
	}
	.detail-names p{
		font-size: 1.5rem;
		line-height: 2.1rem;
	}
	.detail_btn_flex {
		gap: 0;
	}
	.return_btn {
		margin-top: 0!important;
	}
	.movie-con {
		padding: 30px 0 10px;
	}
	.movie-con .video{
		padding: 0;
		background: none;
	}
	.movie-con .video{
		width: 100%;
	}
/*
	.detail-date{
		background: var(--sub);
		font-weight: bold;
		color: var(--light);
		padding: 1.4rem 0;
	}
*/
	.btn-li>div{
		width: calc(100% - 16px);
	}
	.keiri .tokuten-con_til,.houmu .tokuten-con_til,.jinji .tokuten-con_til{
		margin: 0 auto 1.6rem;
		display: none;
	}
	.tokuten-con .txt-box{
		width: 100%;
	}
	.movie-s_con footer{
		margin-bottom:0;
	}
	.movie-cam_area p{
		text-align:left;
	}
	.event-banner{
		width:100%;
	}

	.lower_ttl.detail {
		padding: 70px 0 30px;
	}
	.lower_ttl.detail .flex {
		margin-top: 0;
	}
	.lower_ttl.detail .flex .txt_Box{
		width: 100%;
		margin-right: 0;
		border-radius: 5px;
		padding: 15px;
		text-align: center;
	}
	.lower_ttl.detail .flex .txt_Box .category {
		padding: 5px 10px 3px;
		font-size: 16px;
		margin-left: 0;
	}
	.lower_ttl.detail .flex .txt_Box h2 {
		font-size: 20px;
		line-height: 1.2;
		margin-left: 0;
		text-align: center;
	}
	.lower_ttl.detail .flex .txt_Box .note {
		display: inline-block;
	}
	.lower_ttl.detail .flex .txt_Box .category-time_flex{
		flex-direction: column;
		padding-bottom: 5px;
		border-bottom: dotted var(--navy) 2px;
	}
	.lower_ttl.detail .flex .txt_Box .category-time_flex.special{
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	.lower_ttl.detail .flex .txt_Box .category-time_flex.special > .category{
		margin: 0;
	}
	.lower_ttl.detail .flex .txt_Box .category-time_flex .date-time::after{
		margin-top: 20px;
		font-size: 16px;
        line-height: 1;
		top: 5px;
		margin: 0 auto;
        width: 100%;
        box-sizing: border-box;
	}
	.lower_ttl.detail .flex .txt_Box .category-time_flex > .category{
		margin-bottom: 5px;
	}
	.lower_ttl.detail .flex .txt_Box .category-time_flex .date-time {
		font-size: 22px;
	}
	.lower_ttl.detail .flex .txt_Box .category-time_flex span.session-archive-txt {
		padding: 2px 5px 0;
		font-size: 1.6rem;
	}
	.lower_ttl.detail .speaker{
		justify-content: space-between;
	}
	.lower_ttl.detail .speaker .speaker_img{
		width: 18%;
	}
	#keiri .lower_ttl.detail .speaker .speaker_img img{
		border: var(--keiri) 2px solid;
	}
	#jinji_soumu .lower_ttl.detail .speaker .speaker_img img{
		border: var(--jinji) 2px solid;
	}
	#houmu .lower_ttl.detail .speaker .speaker_img img{
		border: var(--houmu) 2px solid;
	}
	#system .lower_ttl.detail .speaker .speaker_img img{
		border: var(--system) 2px solid;
	}
	.lower_ttl.detail .speaker .speaker_img img{
		object-fit: cover;
		/* border-radius: 50%; */
		width: 100%;
		height: auto;
	}
	.lower_ttl.detail .flex .txt_Box .session-att{
		margin-bottom: 0;
	}
	#jinji_soumu .lower_ttl.detail .speaker .speaker_img.double {
		border: 0;
	}
	.lower_ttl.detail .speaker .speaker_img.double img {
		margin: 5px auto;
		border: var(--jinji) 2px solid;
	}
	.lower_ttl.detail .flex .txt_Box .speaker_info{
		width: 78%;
		text-align: left;
	}
	.lower_ttl.detail .flex .txt_Box .name {
		font-size: 16px;
	}
	.lower_ttl.detail .flex .txt_Box .company {
		font-size: 12px;
	}
	.lower_ttl.detail .cap {
		font-size: 12px;
		padding: 0 5px 5px;
		text-align: left;
		line-height: 1.5;
	}
	.lower_ttl.detail > .btn_flex{
		width: 90%;
		margin: 0 auto;
	}
	.lower_ttl.detail .btn_flex > a,
	.txt_Wrap.check_bg .btn_flex > a {
		margin: 10px auto 0;
	}
	.lower_ttl.detail > .btn_flex a:first-child{
		margin-right: 0;
	}

	.movie-banner{
		margin-top: 20px;
	}
	.detail-recommend .btn_flex{
		flex-direction: column-reverse;
	}
	/*[id*=detail_] .detail-recommend .btn_flex > a:first-child,
	.movie-con .btn_flex > a:not(:first-child){
		margin-top: 0;
	}*/
	[id*=detail_] .detail-recommend .btn_flex > a:first-child,
	.movie-con .btn_flex > a {
		margin-top: 10px;
	}
	.movie_wrapper {
		margin-bottom: 40px;
	}

	/* 視聴特典 */
	.watch_tokuten{
		margin-top: 20px;
	}
	.watch_tokuten h3{
		padding: 5px;
		font-size: 16px;
	}
	.watch_tokuten .tokuten-txt{
		padding: 10px;
	}
	.watch_tokuten .tokuten-txt dl dt{
		padding: 0 5px;
		font-size: 14px;
		margin-right: 5px;
	}
	.watch_tokuten .tokuten-txt dl dd{
		font-size: 14px;
	}

	.speaker_profile .speaker {
		align-items: flex-start;
	}
	.speaker_profile .company{
		font-size: 12px;
	}
	.speaker_profile .profile_txt {
		padding: 10px 5px;
		font-size: 13px;
	}
	.speaker_profile {
		padding: 0;
	}

	/* 視聴特典 */
	.tokuten{
		margin-top: 10px;
	}
	.tokuten h3 {
		font-size: 16px;
		line-height: 1;
		padding: 10px 0 8px;
	}
	.tokuten h4 {
		font-size: 16px;
		line-height: 1.2;
		padding: 12px 10px 8px;
	}
	.tokuten p {
		padding: 10px 10px 20px;
		font-size: 14px;
		line-height: 1.4;
	}
	.tokuten .tokuten_List li{
		font-size: 16px;
		padding-left: 1.1em;
	}
	.tokuten .tokuten_List li::before{
		font-size: 14px;
		top: 0;
	}
	.tokuten .tokuten_List li small{
		font-size: 14px;
	}

	/* 他のセッション */
	.other_detail .session.keynote .keynote {
		top: -10px;
        left: -5px;
        padding: 3px 5px 2px;
        font-size: 1rem;
        line-height: 1.5;
	}
	.other_detail .session .session-archive-txt {
        padding: 1px 5px;
		top: 0;
		right: 0;
        font-size: 1.2rem;
        line-height: 1.4;
    }
	.other_detail .session.keynote .keynote .ic {
		width: 8px;
	}
	.other_detail .Wrap_ttl.other-session h2{
		margin-bottom: 35px;
	}
	.other_detail .session_Box .session{
		padding: 7px;
		letter-spacing: 0.01em;
		margin: 10px 0 0;
	}
	.other_detail .session_Box .session .category-time_flex{
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 3px;
	}
	.other_detail .session_Box .session .category-time_flex .category{
		margin: 0 5px 3px 0;
		padding: 3px 4px 2px;
        font-size: 1.1rem;
	}
	.other_detail .session_Box .session .category-time_flex .session-time {
		padding-left: 2px;
        font-size: 1.2rem;
	}
	.other_detail .session_Box .session h3 {
        font-size: 1.4rem;
        line-height: 1.3;
	}
	.other_detail .session .speaker-detail {
		width: 100%;
	}
	.other_detail .session_Box .session .speaker .speaker-img {
        width: 50px;
        height: 50px;
    }
	.other_detail .session .speaker .speaker-imgx2 {
		width: 30%;
	}
	.other_detail .session_Box .session .speaker .logo2,
	.other_detail .session_Box .session .speaker .logo-img {
        width: 50%;
		margin-left: 5px;
    }
	.other_detail .session_Box .session .speaker .logo-img img,
	.other_detail .session_Box .session .speaker .logo2 .logo-img img {
		max-width: 80px;
	}
	.other_detail .session_Box .session .speaker-detail .name {
        font-size: 1.4rem;
	}
	.other_detail .session_Box .session .speaker-detail .company {
        font-size: 1rem;
        line-height: 1.1;
    }
	.other_detail .session_Box .session.empty p {
        font-size: 1.4rem;
	}
	.other_detail .session_Box .session-btn {
		display: none;
	}
    .other_detail .session .watch-tokuten {
        margin-bottom: 10px;
    }
    .other_detail .session .watch-tokuten h4{
        padding: 3px;
        font-size: 1.2rem;
		font-weight: 400;
    }
    .other_detail .session .watch-tokuten p{
        padding: 5px;
        text-align: left;
        font-size: 1.2rem;
    }
	.other_detail .btn_flex{
		flex-direction: column;
	}
	.other_detail .btn_flex > a:last-child{
		margin-top: 8px;
	}
	/* --------------------------------
    MODAL
    ----------------------------------- */
    .modalScroll {
        top: 53%;
        height: 87%;
        width: 90%;
        border-radius: 5px;
    }
    .modal-close-btn {
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        font-size: 40px;
    }
    .Scroll_date {
        border-radius: 0;
		margin: 80px auto 0;
        padding: 8px 0 6px;
    }
    .Scroll_date .date {
        font-size: 2.3rem;
    }
	.Scroll_date.pre {
        padding: 9px 0 7px;
    }
    .Scroll_date .pre_til {
        font-size: 1.8rem;
    }
    .Scroll_date .day-of-week {
        font-size: 1.8rem;
    }
    .ScrollContent {
        margin-top: 0;
        padding-bottom: 10px;
		/* 下にその他のセッションを追加したら、padding-bottomは0pxに戻す*/
    }
	#top .ScrollContent {
		margin: 38px auto 0;
		padding-bottom: 20px;
	}
    .modal_con {
        padding-top: 15px;
    }
    .modal_con .category-time_flex {
        justify-content: center;
    }
    .modal_con .category {
        margin-bottom: 12px;
        padding: 3px 10px;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        display: inline-block;
        color: #fff;
    }
    .keiri .modal_con .category {
        background-color: var(--keiri);
    }
    .jinji .modal_con .category {
        background-color: var(--jinji);
    }
    .houmu .modal_con .category {
        background-color: var(--houmu);
    }
    .system .modal_con .category {
        background-color: var(--system);
    }
    .modal_ttl {
        font-size: 1.8rem;
        margin-bottom: 14px;
		line-height: 1.5;
    }
    .modal_ttl .modal_ttl_small {
        font-size: 1.6rem;
    }
	.modal_ttl .note::before {
		top: -2px;
		font-size: 1.2rem;
	}
	.modal_ttl .note.asterisk::before {
		top: -3px;
		font-size: 1.5rem;
	}
	.modal_ttl span.caption {
		font-size: 1.2rem;
	}
    .modal_con .dotted-line {
        margin-bottom: 20px;
    }
    .profile_Box {
        flex-wrap: nowrap;
		margin-bottom: 20px;
    }
    .profile_Box .speaker_img {
        width: 50%;
    }
    .modal_con .txt_Box {
        margin-left: 18px;
        width: calc(100% - 116px);
    }
    .modal_con .txt_Box .logo {
        width: 80%;
        max-width: 120px;
        margin-bottom: 10px;
    }
    .modal_con .txt_Box .speaker_info {
        color: var(--gray);
    }
    .modal_con .txt_Box .name {
        font-size: 1.4rem;
    }
    .modal_con .txt_Box .company {
        font-size: 1.2rem;
    }
    .modal_wrapper .session-att {
        font-size: 1.2rem;
    }
    .modal_wrapper .tokuten {
        margin-top: 10px;
    }
    .modal_wrapper .tokuten h3 {
        font-size: 1.4rem;
        padding: 8px 0;
    }
    .modal_wrapper .tokuten .tokuten_List {
        padding: 10px 10px;
    }
    .modal_wrapper .tokuten .tokuten_List li {
        padding-left: 1em;
        font-size: 1.4rem;
    }
    .modal_wrapper .tokuten .tokuten_List li::before {
        font-size: 1rem;
        top: 0.2em;
    }
    .modal_wrapper .detail-txts .txt {
        margin-top: 20px;
    }
	.modal_wrapper .detail-txts .txt > small {
		font-size: 1.2rem;
	}
    .modal_wrapper .detail-recommend_li li {
        width: 100%;
        font-size: 1.4rem;
        line-height: 1.4;
    }
    .modal_wrapper .detail-recommend_li li::before {
        width: 16px;
        height: 16px;
        top: 2px;
    }
	.modal_wrapper .arrow_Btn.bgleft.form_cta:first-of-type {
		margin: 20px auto;
	}
}

@media screen and (max-width:640px){

    .detail-recommend_li.col2.long li {
        width: 100%;
    }
	.movie-btn_area{
		display:flex;
		width:100%;
		margin: 0 auto;
		flex-wrap:wrap;
		justify-content: center;
	}
	.movie-btn_area>div{
		width: 280px;
	}
	.movie-con .movie-btn_area>div a.btn{
		padding: 1.4rem 0.8rem;
	}
	.movie-con .movie-btn_area>div:first-of-type a.btn{
		margin-bottom:1rem;
	}
	.movie-con .movie-btn_area>div:last-of-type a.btn{
		/* margin-bottom:0rem; */
	}
}

@media screen and (max-width:400px){
	.tokuten-con .subtil{
		font-size:1.6rem;
		letter-spacing: 0.01em;
	}
	.lower_ttl.detail .speaker .speaker_img{
		width: 25%;
	}
	.lower_ttl.detail .flex .txt_Box .speaker_info{
		width: 72%;
	}
	#detail_20 .lower_ttl.detail .flex .txt_Box .speaker_info{
		width: 100%;
	}
}