@charset "utf-8";

/* ==========================================================================
	speaker_main
========================================================================== */

/* main_tit */
.main_tit{margin-bottom:60px;}
.main_tit h3{font-size:56px; color:#4b3f36; letter-spacing:-0.025em; font-weight:bold; line-height:1.3; margin-bottom:10px;}
.main_tit p{font-size:20px; color:#a09891; letter-spacing:-0.025em; font-weight:400;}

@media all and (max-width:767px){
	.main_tit h3{font-size:36px;}
	.main_tit p{font-size:18px;}
}

.main_visual{background:url('/img/main_visual_bg.jpg')no-repeat center / cover;}
.main_visual .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.main_visual .inner .text{width:calc(100% - 735px); float:left; padding:250px 0 320px;}
.main_visual .inner .text span{display:block; font-size:24px; color:#555; letter-spacing:-0.025em; font-weight:300;}
.main_visual .inner .text h3{margin:35px 0 50px; display:block; font-size:64px; color:#333; letter-spacing:-0.025em; font-weight:200; line-height:74px; word-break:keep-all;}
.main_visual .inner .text h3 p {color:#21248d; font-weight:bold;}
.main_visual .inner .text a{display:inline-block; padding:10px 0; font-size:20px; color:#333; letter-spacing:-0.025em; font-weight:bold;}
.main_visual .inner .img_box{width:735px; float:left; margin-top:200px; position:relative;}
.main_visual .inner .img_box img{width:100%;}
.main_visual .inner .img_box .video_box{width:640px; height:360px; background:#333333; position:absolute; left:47px; top:37px; border-radius:5px;}
.main_visual .inner .img_box .video_box iframe{width:100%; height:100%}

@media all and (max-width:1400px){
	.main_visual .inner .text{width:calc(100% - 600px); padding:100px 0;}
	.main_visual .inner .text h3 br{display:none}
	.main_visual .inner .img_box{width:600px}
	.main_visual .inner .img_box .video_box{width:523px; height:300px; left:38px; top:30px;}
}
@media all and (max-width:1200px){
	.main_visual .inner .text{width:calc(100% - 500px);}
	.main_visual .inner .img_box{width:500px}
	.main_visual .inner .img_box .video_box{width:435px; height:250px; left:32px; top:26px;}
}
@media all and (max-width:1000px){
	.main_visual .inner .text{width:100%; float:none;}
	.main_visual .inner .text h3 br{display:none}
	.main_visual .inner .img_box{width:735px; margin:0 ; float:none;}
	.main_visual .inner .img_box .video_box{width:640px; height:360px; left:47px; top:37px;}
}

@media all and (max-width:767px){
	.main_visual .inner .text{padding-bottom:50px;}
	.main_visual .inner .text span{font-size:18px;}
	.main_visual .inner .text h3{font-size:46px; line-height:54px;}
	.main_visual .inner .img_box{width:450px;}
	.main_visual .inner .img_box .video_box{width:393px; height:224px; left:28px; top:22px;}
}

.speaker_main_txt {}
.speaker_main_txt:after {content:''; display:block; clear:both; }
.speaker_main_txt h3 {display:inline-block; vertical-align:top; font-size:56px; color:#4b3f36; font-weight:bold; line-height:56px; }
.speaker_main_txt p {font-size:24px; letter-spacing:-0.025em; color:#b5aba3; }
.speaker_main_txt a {float:right; display:inline-block; vertical-align:top; width:38px; height:38px; border:1px solid #eae8e6; box-sizing:border-box; font-size:30px; color:#d6d1cd; font-weight:100; line-height:36px; text-align:center; }


.speaker_main_con01 {padding:100px 0; }
.speaker_main_con01 ul {margin-top:60px; font-size:0; letter-spacing:-4px; }
.speaker_main_con01 ul li {display:inline-block; vertical-align:top; width:calc(33.33% - 40px); margin-right:60px; margin-bottom:40px; border:1px solid #f0edea; box-sizing:border-box; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; cursor:pointer; }
.speaker_main_con01 ul li:nth-of-type(3n) {margin-right:0; }
.speaker_main_con01 ul li:hover {border-color:#d6d1cd; }
.speaker_main_con01 ul li:hover .txt_box {background-color:#e6e1dd; }
.speaker_main_con01 ul li .img_box {}
.speaker_main_con01 ul li .img_box img {max-width:100%; }
.speaker_main_con01 ul li .txt_box {min-height:365px; border-top:1px solid #f0edea; padding:35px 30px; box-sizing:border-box; background-color:#f9f6f4; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.speaker_main_con01 ul li .txt_box .icon {}
.speaker_main_con01 ul li .txt_box .icon span {display:inline-block; vertical-align:top; width:auto; height:20px; border:1px solid #b3a7a7; margin-right:5px; margin-bottom:5px; padding:0 10px; box-sizing:border-box; font-size:14px; font-weight:300; color:#b3a7a7; line-height:18px; letter-spacing:0; }
.speaker_main_con01 ul li .txt_box .tit {margin-top:20px; }
.speaker_main_con01 ul li .txt_box .tit p.code {font-size:50px; letter-spacing:-0.01em; color:#4b3f36; line-height:56px; font-weight:bold; }
.speaker_main_con01 ul li .txt_box .tit p.name {font-size:22px; font-weight:200; color:#4b3f36; letter-spacing:-0.025em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.speaker_main_con01 ul li .txt_box .tit .hr {width:20px; height:1px; margin:15px 0; background-color:#6e6464; }
.speaker_main_con01 ul li .txt_box .desc {}
.speaker_main_con01 ul li .txt_box .desc p {font-size:16px; color:#9a938e; letter-spacing:0; font-weight:300; line-height:26px; }

@media all and (max-width:1200px){
	.speaker_main_con01 ul li {width:calc(33.33% - 13.33px); margin-right:20px }
}

@media all and (max-width:1000px){
	.speaker_main_con01 ul li {width:calc(50% - 10px); }
	.speaker_main_con01 ul li:nth-of-type(3n) {margin-right:20px; } 
	.speaker_main_con01 ul li:nth-of-type(2n) {margin-right:0; } 
}

.speaker_main_con02 {text-align:center; }
.speaker_main_con02 img {max-width:100%; }
.speaker_main_con02 img.pc_ver {display:inline-block; }
.speaker_main_con02 img.m_ver {display:none; }

@media all and (max-width:1000px){
	.speaker_main_con02 img.pc_ver {display:none; } 
	.speaker_main_con02 img.m_ver {display:inline-block; }
}



.speaker_main_con03 {padding:100px 0; }
.speaker_main_con03 ul {font-size:0; letter-spacing:-4px; }
.speaker_main_con03 ul li {overflow:hidden; position:relative; display:inline-block; vertical-align:top; width:calc(50% - 11px); height:350px; margin-right:22px; margin-bottom:24px; }
.speaker_main_con03 ul li:nth-of-type(2n) {margin-right:0; }

.speaker_main_con03 ul li.type01 {}
.speaker_main_con03 ul li.type01 dl {height:100%; }
.speaker_main_con03 ul li.type01 dl dd {position:relative; }
.speaker_main_con03 ul li.type01 dl .slick-list {height:100%; }
.speaker_main_con03 ul li.type01 dl .slick-track {height:100%; }
.speaker_main_con03 ul li.type01 dl dd {overflow:hidden; height:100%; }
.speaker_main_con03 ul li.type01 dl dd b {opacity:0; z-index:10; position:absolute; left:0; top:0; display:table; width:100%; height:100%; background-color:rgba(0,0,0,0.6); text-align:center; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.speaker_main_con03 ul li.type01 dl dd b span {display:table-cell !important; vertical-align:middle; font-weight:500; display:block; font-size:40px; color:#fff; }
.speaker_main_con03 ul li.type01 dl dd:hover b {opacity:1; }

.speaker_main_con03 ul li.type02 {overflow:hidden; position:relative; }
.speaker_main_con03 ul li.type02:before {opacity:0.25; content:''; z-index:6; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.6); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.speaker_main_con03 ul li img {z-index:5; position:absolute; left:50%; top:0; height:100%; transform:translateX(-50%); }
.speaker_main_con03 ul li.type02 span{display:block; font-size:54px; color:#fff; z-index:10; position:absolute; left:0; top:50%; left:0; width:100%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); text-align:center; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.speaker_main_con03 ul li.type02 p.hover_box {opacity:0; z-index:10; position:absolute; left:0; top:50%; left:0; width:100%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); text-align:center; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.speaker_main_con03 ul li.type02 p.hover_box b {font-weight:500; display:block; font-size:40px; color:#fff; }
.speaker_main_con03 ul li.type02 p.hover_box span {font-size:22px; line-height:30px; font-weight:300; color:#fff; letter-spacing:-0.025em; }
.speaker_main_con03 ul li.type02:hover:before{opacity:1;}
.speaker_main_con03 ul li.type02:hover p.hover_box {opacity:1; }
.speaker_main_con03 ul li.type02:hover span{opacity:0;}

.speaker_main_con03 ul li.type03 {position:relative; }
.speaker_main_con03 ul li.type03 span {position:absolute; left:0; top:50%; width:100%; text-align:center; font-size:20px; color:#afa4a0; letter-spacing:-0.025em; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.speaker_main_con03 ul li.type03 span b {display:block; font-size:54px; color:#ede7e2; font-weight:500; }

.speaker_main_con03 ul li.type04 {height:100%; }
.speaker_main_con03 ul li.type04 .box:before {opacity:0; content:''; z-index:6; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(227,241,18,0.6); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.speaker_main_con03 ul li.type04 .box {position:relative; height:169px; display:table; width:100%; font-size:0; padding:0 35px; margin-bottom:12px; box-sizing:border-box; background-color:#3a8639; cursor:pointer; }
.speaker_main_con03 ul li.type04 .box p.tit {display:table-cell; vertical-align:middle; font-size:32px; letter-spacing:-0.025em; color:#fff; font-weight:bold; text-align:center }
.speaker_main_con03 ul li.type04 .box.type02 {background:#4947ca; }
.speaker_main_con03 ul li.type04 .box.type02:before{background-color:rgba(116,115,206,0.6)}
.speaker_main_con03 ul li.type04 p.hover_box {opacity:0; z-index:10; position:absolute; left:0; top:50%; left:0; width:100%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); text-align:center; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.speaker_main_con03 ul li.type04 p.hover_box b {letter-spacing:-0.025em; font-weight:500; display:block; font-size:32px; color:#fff; font-weight:400;}
.speaker_main_con03 ul li.type04 .box:hover:before{opacity:1;}
.speaker_main_con03 ul li.type04 .box:hover p.hover_box {opacity:1; }
.speaker_main_con03 ul li.type04 .box:hover p.tit{opacity:0;}


@media all and (max-width:1000px){
	.speaker_main_con03{padding:60px 0;}
	.speaker_main_con03 ul li {width:100%; height:auto; margin-right:0; }
	.speaker_main_con03 ul li img {position:static; width:100%; height:auto; transform:translateX(0); }
}
@media all and (max-width:767px){
	.speaker_main_con03{padding:60px 0;}
	.speaker_main_con03 ul li.type03 span b{font-size:42px;}
	.speaker_main_con03 ul li.type04 .box{height:120px;}
	.speaker_main_con03 ul li.type04 .box p.tit{font-size:24px;}
	.speaker_main_con03 ul li.type04 p.hover_box b{font-size:24px;}

	.speaker_main_con03 ul li.type02 span{font-size:24px; letter-spacing:-0.025em}
	.speaker_main_con03 ul li.type02 p.hover_box a{display:block; letter-spacing:-0.025em}
	.speaker_main_con03 ul li.type02 p.hover_box b{font-size:24px; letter-spacing:-0.025em}
	.speaker_main_con03 ul li.type01 dl dd b span{font-size:24px; letter-spacing:-0.025em}
}