@charset "utf-8";
/* CSS Document */
.pc{
	display:block;
}
.sp{
	display:none;
}

h2.ttl_h2{
	font-size:44px;
	color:#11589f;
	text-align:center;
	display:inline-block;
	margin:0 auto;
	font-weight:bold;
	border-bottom:10px solid #11589f;
}
/* 2列 */
.outer-yt,.outer-yt02{
	display: flex;
	margin:0 0 50px;
	text-align:center;
}

.outer-yt .box-youtube,
.outer-yt02 .box-youtube{
	text-align:left;
	margin:0 auto;
	width: calc(50% - 20px);
}

#section-333{
	background-color:#f0f0f0;
}

#section-333 img{
	padding-top:30px;
}
/* h2センタリング */
#section-338,#section-341,#section-345{
	text-align:center;
}

@media screen and (max-width: 768px) {
	h2.ttl_h2{
	font-size:20px;
	border-bottom:8px solid #11589f;
}

.outer-yt,.outer-yt02{
	display: block;
	margin:0 0 30px;
	text-align:center;
}

.outer-yt .box-youtube,
.outer-yt02 .box-youtube{
	text-align:left;
	margin:0 10px 30px;
	width: calc(100% - 10px);

}


}
/**/

.box-youtube{
	padding:30px;
}


.box-youtube .detail{
	width:500px;
}

.box-youtube img{
	margin:0 0 20px;
}
.box-youtube .center{
	text-align:center;
}

.box-youtube .right{
	text-align:right;
}
.area_movie{
	  position:relative;
	  margin:0 auto 20px;
}
.area_movie .youtube {
  padding-top: 56.25%;
}
.area_movie .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
.pc{
	display:none;
}
.sp{
	display:block;
}

.box-youtube .voice{
	width:160px;
}

.box-youtube{
	padding:10px;
}

.box-youtube .detail{
	width:300px;
}



/* youtube */
.area_movie{
	display:block;
	width:100%;
}

.area_movie .youtube{
	width:auto;
	margin:0 10px 20px;
    position: relative;
}

}

#section-296 .c-inner.c-inner--one-elem,
#section-296 .c-inner--one-elem.c-inner--md,
#section-332 .c-inner.c-inner--one-elem,
#section-332 .c-inner--one-elem.c-inner--md,
#section-316 .c-inner.c-inner--one-elem,
#section-316 .c-inner--one-elem.c-inner--md{
    
	padding-bottom:0;
}
#section-316  .c-inner--lg{
	padding:0 !important;
}
/* CVボタン */
.btn_cv{
	margin:0 auto 50px;
	text-align:center;
}

.btn_cv img{
	width:100%;
}
@media screen and (max-width: 768px) {
.btn_cv{
	margin:0 auto;

}

#section-300 .c-inner.c-inner--one-elem,
#section-300 .c-inner--one-elem.c-inner--md,
#section-319 .c-inner.c-inner--one-elem,
#section-319 .c-inner--one-elem.c-inner--md,
#section-320 .c-inner.c-inner--one-elem,
#section-320 .c-inner--one-elem.c-inner--md,
#section-321 .c-inner.c-inner--one-elem,
#section-321 .c-inner--one-elem.c-inner--md,
/* なぜセミナーするか */  
#section-270 .c-inner.c-inner--one-elem,
#section-270 .c-inner--one-elem.c-inner--md,
#section-273 .c-inner.c-inner--one-elem,
#section-273 .c-inner--one-elem.c-inner--md,
#section-284 .c-inner.c-inner--one-elem,
#section-284 .c-inner--one-elem.c-inner--md,
#section-283 .c-inner.c-inner--one-elem,
#section-283 .c-inner--one-elem.c-inner--md,
#section-308 .c-inner.c-inner--one-elem,
#section-308 .c-inner--one-elem.c-inner--md,
#section-309 .c-inner.c-inner--one-elem,
#section-309 .c-inner--one-elem.c-inner--md
{
    padding-bottom:0;
}
#section-282 .c-inner.c-inner--one-elem,
#section-282 .c-inner--one-elem.c-inner--md{
    padding-bottom:30px;
}    
#section-302 img,
#section-303 img,
#section-304 img{
    width:70%;
}
#section-350{
	padding-top:16px;
}
}
/*きらっと光る*/

.btnshine{
    /*キラッと光る基点とするためrelativeを指定*/
	position: relative;
    /*ボタンの形状*/	
	display:inline-block;
   
    color: #fff;
    padding: 10px 20px;
    text-decoration: none;
    outline: none;
    overflow: hidden;
}

/*キラッと光る*/
.btnshine::before {
	content: '';
    /*絶対配置でキラッと光るの位置を決める*/
	position: absolute;
	top: 0;
	left: -75%;
    /*キラッと光る形状*/
    width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	transform: skewX(-25deg);
}

/*hoverした際の移動のアニメーション*/
.btnshine:hover::before {
	animation: shine 0.7s;
}

@keyframes shine {
	100% {
		left: 125%;
	}
}
/**/

#section-296 .c-inner,#section-296 .c-inner--one-elem,#section-296.c-inner--one-elem.c-inner--md{
	padding-bottom:0 !important;
}


/* media */
.area_media{
	margin:0 0 40px;
	text-align:center;
}

.area_media h3{
	color:#0258a3;
	font-weight:bold;
	font-size:30px;
	margin:0 0 20px;
}

.area_media h3.blk{
	color:#333;
	font-weight:bold;
	font-size:30px;
	margin:0 0 20px;
}

.area_media .blk_media{
	display: flex;
	text-align:center;
}

.area_media .blk_media img{
	width: calc(50% - 20px);
	margin:0 10px 10px;
}
@media screen and (max-width: 768px) {
/* media */
.area_media{
	margin:0 0 20px;
	text-align:center;
}

.area_media h3{
	font-size:20px;
	line-height:1.2;
}

.area_media h3.blk{
	font-size:20px;
	line-height:1.2;
}

.area_media .blk_media{
	display: block;
}

.area_media .blk_media img{
	width: calc(100% - 20px);
	margin:0 10px 10px;
}
}

/* 詳細 */
.area_date{
	background-color:rgba(255,255,255,0.7);
	width:100%;
	line-height:1.2;
	padding-bottom:10px;
	margin-bottom:30px;
}

.area_date .inner{
	margin:10px 10px 0px 0px;
    display: flex;
	align-items: flex-start;
}

.area_date .inner .tag{
	width:112px;
	display:inline-block;
	margin:10px 20px 0 0;
	padding:5px 10px;
	background-color:#ff0000;
	text-align:center;
	font-size:36px;
	color:#fff;
}

.area_date .inner .content{
	width:calc(100% - 30px);
}


.area_date .date{
	font-size:80px;
	font-weight:bold;
}

.area_date .yobi,.area_date .time,.area_date .place,.area_date .price{
	font-size:24px;
	font-weight:bold;
}

.area_date .place:after{
  content: '';
  display: inline-block;
  width: 34px;
  height: 41px;/*画像の高さ*/
  background-image: url(https://s3-ap-northeast-1.amazonaws.com/s3.peraichi.com/userData/60989143-0d6c-4984-80b1-51700a000a77/img/64706570e6847/original.png);
  background-size: contain;
  vertical-align: middle;
 }


.area_date hr{
	border-top:2px solid #fff;
	margin:5px 0;
}

/* 特典 */
.area_merit{
	background-color:rgba(255,255,255,0.5);
	width:100%;
	line-height:1.2;
	padding:20px;
	margin-bottom:30px;
}

.area_merit .inner{
	margin:0 0 20px;
	font-size:24px;
}
.area_merit .outer-h3{
	display:flex;
	align-items: center;
}

.area_merit .outer-h3 div{
	margin-left:10px;
}

.area_merit h3{
	display:inline-block;
	background-color:#ff0000;
	color:#fff;
	padding:5px;
	font-size:30px;
	font-weight:bold;
	margin:0 0 10px;
	}
@media screen and (max-width: 768px) {
	/* 詳細 */
.area_date{
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:30px;
}

.area_date .inner{
	margin:10px 10px 0px 0px;
    display: flex;
	align-items: flex-start;
}

.area_date .inner .tag{
	width:80px;
	display:inline-block;
	margin:10px 10px 0 0;
	padding:5px 10px;
	font-size:20px;
}

.area_date .inner .content{
	width:calc(100% - 20px);
}


.area_date .date{
	font-size:20px;
}

.area_date .yobi,.area_date .time,.area_date .place,.area_date .price{
	font-size:20px;
}


/* 特典 */

.area_merit .inner{
	margin:0 0 20px;
	font-size:18px;
}
.area_merit .outer-h3{
	display:flex;
	align-items: center;
}

.area_merit .outer-h3 div{
	margin-left:10px;
}

.area_merit h3{
	font-size:20px;
	margin:0 0 10px;
	}

}
/**/

/* 講師紹介 */
.ttl_speaker{
    display: flex;
	align-items: flex-start;
	justify-content: space-between;
	line-height:1.1;
}

.ttl_speaker h3{
	background: url("https://s3-ap-northeast-1.amazonaws.com/s3.peraichi.com/userData/60989143-0d6c-4984-80b1-51700a000a77/img/64718e8ebc8a0/original.png");
	background-repeat:no-repeat;
	background-position:right bottom;
	height:60px;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	padding:10px;
}
.ttl_speaker h3 span{
	font-size:18px;
}

.ttl_speaker img{
	width:160px;
}

.ttl_speaker.guest h3{
	display:flex;
	align-items: center;
	padding:10px 10px 10px 0 !important;
}

.ttl_speaker.guest h3 .tag-guest{
	background-color:#fff000;
	padding:10px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#333;
}


#section-302,#section-303,#section-304{
	font-size:16px;
}
@media screen and (max-width: 768px) {
	/* 講師紹介 */
.ttl_speaker{
    display: block;
}

.ttl_speaker h3{
	min-height:50px;
	height:auto;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	padding:10px;
	background-color:#0056a4;
}
.ttl_speaker h3 span{
	font-size:14px;
}

.ttl_speaker >div{
	text-align:center;
}

.ttl_speaker img{
	width:140px;
	margin:10px auto;
}

.ttl_speaker.guest h3{
	display:block;
	padding:10px !important;
}

.ttl_speaker.guest h3 .tag-guest{
	background-color:#fff000;
	padding:3px;
	margin:0 0 5px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#333;
	display:inline-block;
}


#section-302,#section-303,#section-304{
	font-size:16px;
}

}

/* reason */
.reason{
	font-size:18px;
}

.reason span.underline{
  text-decoration: underline; 
  text-decoration-thickness: 0.4em; 
  text-decoration-color: rgba(255, 240, 0, 0.8); 
  text-underline-offset: -0.2em; 
  text-decoration-skip-ink: none;
  font-size:36px;
  font-weight:bold;
}

.reason .white_box{
	display:inline;
	background-color:#fff;
	padding:5px;
    font-size:36px;
    font-weight:bold;
	line-height: 1.4em;
    padding: 5px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}


.reason .mgb20{
	margin-bottom:20px;
}

.reason .mgb30{
	margin-bottom:30px;
}

.reason span.txtL{
	font-size:36px;
	font-weight:bold;
}

.reason span.blue{
	font-size:36px;
	font-weight:bold;
	color:#0258a3;
	font-style: italic; 
}
.reason span.red{
	color:#ff0000;
}
.blk_reason{
	margin:0 0 30px;
	display: flex;
}

.blk_reason img{
	width: calc(50% - 30px);
	margin:0 15px;
}

.center_reason{
	text-align:center;
	margin:0 0 30px;
}

.left_reason{
	text-align:left;
	margin:0 0 30px;
}

@media screen and (max-width: 768px) {
.reason{
	font-size:16px;
}

.reason span.underline{
  text-decoration: underline; 
  text-decoration-thickness: 0.4em; 
  text-decoration-color: rgba(255, 240, 0, 0.8); 
  text-underline-offset: -0.2em; 
  text-decoration-skip-ink: none;
  font-size:20px;
}

.reason .white_box{
	padding:5px;
    font-size:20px;
    font-weight:bold;
	line-height: 1.2em;
    padding: 5px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
}

.reason .mgb30{
	margin-bottom:20px;
}

.reason span.txtL{
	font-size:20px;
	font-weight:bold;
}

.reason span.blue{
	font-size:20px;
}

.reason .sp_center{
	text-align:center;
}

.blk_reason{
	margin:0 0 20px;
	display: block;
}

.blk_reason img{
	width: calc(100% - 10px);
	margin:0 5px 10px;
}

.center_reason{
	margin:0 0 20px;
	text-align:left;
}

.left_reason{
	text-align:left;
	margin:0 0 20px;
}
	
}

/* トップへ戻る */
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #11589f;
  opacity: 0.6;
    z-index:500;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f062';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/* floating */
.floating-banner {
  position: fixed;
  z-index: 999;
  bottom: 10px;
  right: 10px;
}

.floating-banner .banner-close{
	position:absolute;
	right:-5px;
	top:-5px;
	font-size:20px;
	display: inline-block;
  	width: 20px;
  	height:20px;
    border-radius: 50%;
    background: white;
    text-align:center;
    line-height: 20px;	
	z-index:1000;

		}

.floating-banner img{
	width:265px;
    filter:drop-shadow(5px 5px 5px #4e4e4e);
}

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

/* floating */
.floating-banner {
  position: fixed;
  z-index: 999;
  bottom: 0px;
  right: 0px;
}

.floating-banner .banner-close{
	position:absolute;
	right:10px;
	top:10px;
	font-size:20px;
	display: inline-block;
  	width: 20px;
  	height:20px;
    border-radius: 50%;
    background: white;
    text-align:center;
    line-height: 20px;	
	z-index:1000;

		}

.floating-banner img{
	width:100%;
	filter: none;
}

}