@charset "UTF-8";

img { width: 100%; }
	.ichinishi_project {max-width: 1600px; margin:auto;}
.flexbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex: 0 1 auto;
}

.visual {
	position: relative;
	/* padding-bottom: 3em; */
}

.visual::before {
	content: '';
	display: block;
	width: 100%;
	height: 80%;
	position: absolute;
	top: 0;
	background: url(../../special/gosanke_project/images/bc_img01.jpg) no-repeat;
	background-size: cover;
	z-index: -2;
}

/* .visual::after {
	content: '';
	display: block;
	width: 100%;
	height: 34%;
	position: absolute;
	bottom: 0;
	background: url(../../special/bunseki_kobe/images/pattern_img01.png) no-repeat;
	background-size: cover;
	z-index: -1;
} */
.visual .kobesori_project {margin: 0 auto 3em;}
.visual .kobesori_project img {width: 100%;}
.visual .sub_txt {text-align: center; font-size: 2rem; padding-top:1em; }

.box {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

.figure {
	width: 100%;
	flex-shrink: 0;
}

.pickup {
	margin-top: -5.5em;
	align-items: flex-end;
}

.kobesori_project {
	max-width: 1400px;
	min-width: 980px;
}

.cam { width: 64%;}
/* .question { width: 20%;} */

.form_btn {
	width: 480px;
	margin: 0 auto;
	text-align: center;
}

h2.ttl_img {
	width: 560px;
	margin: 0 auto;
	z-index: 1;
}

/* 動画ローテーション
---------------------------*/
.slider_movie {
	position: relative;
	padding: 10em 0 8em 0;
	background-color: #fff8dc;
}

.slider_wrap {
  position: relative;
  width: 860px;
  margin: 0 auto;
  padding: 3em;
  background: url(../../special/bunseki_kobe/images/bc_img02.png) no-repeat;
  background-size: cover;
	z-index: 0;
}

.slider_movie h2.ttl_img {
	position: absolute;
	top: 3em;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%):
	z-index: 1;
}

.slider_wrap .slick {
	padding: 0.5em 0.5em 0 0.5em;
	background-color: #000;
}

.slider_wrap .slick li {
  position: relative;
  padding-top: 56.25%;
}

.slider_wrap .slick li iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.slick-arrow {
  padding: 2em;
  font-size: 1.2rem;
  background: #0071bc;
  background: linear-gradient(rgba(63, 169, 245, 1), rgba(0, 113, 188, 1));
  background: -moz-linear-gradient(rgba(63, 169, 245, 1), rgba(0, 113, 188, 1));
  background: -webkit-linear-gradient(rgba(63, 169, 245, 1), rgba(0, 113, 188, 1));
  color: #FFF;
  border-radius: 100vw;
  border: #FFF 3px solid;
  box-shadow: 0 2px 10px -6px rgba(0, 0, 0, 1), 0 3px 10px -4px rgba(0, 0, 0, 1);
  z-index: 1;
}

.slick-prev.slick-arrow::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 45%;
  border-right: 1.2em solid #FFF;
  border-top: 1em solid transparent;
  border-bottom: 1em solid transparent;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.slick-next.slick-arrow::after {
  position: absolute;
  content: '';
  top: 50%;
  left: 55%;
  border-left: 1.2em solid #FFF;
  border-top: 1em solid transparent;
  border-bottom: 1em solid transparent;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.slick-arrow:hover {
  background: #0071bc;
  background: linear-gradient(rgba(0, 113, 188, 1), rgba(63, 169, 245, 1));
  background: -moz-linear-gradient(rgba(0, 113, 188, 1), rgba(63, 169, 245, 1));
  background: -webkit-linear-gradient(rgba(0, 113, 188, 1), rgba(63, 169, 245, 1));
}

.slick-prev { left: -6em; }
.slick-next {  right: -6em; }
.slick-prev:before { content: ''; }
.slick-next:before { content: ''; }

/* nsetsu
---------------------------*/
.nsetsu_bg {padding: 50px 0; background: url(../../special/bunseki_kobe/images/pattern_img01.png) no-repeat;}
.nsetsu {width: 840px; margin: 0 auto; padding: 0; background-color: rgba(255, 255, 255, 0.8); border-radius: 10px; align-items: center;}



/* event
---------------------------*/
.event {
  display: block;
  padding: 5em 0 8em;
}

.event .ttl_img { width: 318px;}

.event .frame {
  position: relative;
  width: 980px;
  margin: 0 auto;
  text-align: center;
	justify-content: flex-end;
	margin-top: 8em;
}
.event .frame:nth-of-type(1) {margin-top: 0;}

.event h2 {
  text-align: left;
	font-size: 3.8rem;
  line-height: 1.3;
  margin-bottom: 1rem;
}
.event h2 strong {
  font-weight: bold;
  color: #1458ff;
}
.event p span {color: #ff8022;}

.event .sub_ttl {
  margin-bottom: 0.5em;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
}

.event .txt {
  width: 550px;
  background-color: #FFF;
}

.event .txt_inner {
  padding: 2em 2em 3.8em;
}

.event .txt:before {
  display: block;
  content: "";
  width: 100%;
  height: 8px;
  background: url(../../images/lp/bg_pattern.png);
}
.event .txt:after {
  display: block;
  content: "";
  width: 100%;
  height: 8px;
  background: url(../../images/lp/bg_pattern.png);
}

.event .frame img {
  position: absolute;
  width: 500px;
  top: -2em;
  left: -10px;
  z-index: -1;
}

.event .frame img.pc_only{
  top: 20em; width: 50%; left:-2em;
}

.event h3 {font-size: 2.8rem; text-align: center;}
.event .inner {width: 980px; margin: 4em auto 0;}
.event .inner .flexbox {justify-content: space-between;}
.event .inner .flexbox li {width: 31%; padding: 1em 1em 1em 3em; background:#D6D6D6; margin-left: 10px; position: relative; text-align: center;}
.event .inner .flexbox li h3 .small {font-size:70%; padding-left: 0;}

.event .inner .flexbox li.two {width: 48%;}
.event .inner .flexbox li.two h3 {text-align: left; line-height: 1;}

.event .inner .flexbox li.one {width: 100%; margin-left: 0; padding: 0;}
.event .inner .flexbox li.one h3 {text-align: left; line-height: 1.5; text-align: justify; }

.event .inner .flexbox li .month {display: inline-block; position: absolute; width: 50px; background:#0095D6; color: #ffff; font-size: 2.8rem; left: -10px; top: 10%; padding: 0.3em 0; text-align: center;}
.event .inner .flexbox li.two .month {top: 25%;}
.event .inner .flexbox li.one .month {position: relative;  width: 20%; left:0; margin-right: 1em;}
.event .inner .flexbox li.date .month {width: auto; padding: 0.3em 2em;}

.event .inner .flexbox li .month small {font-size: 2.2rem;}
/* .event .bunseki_link {display: inline-block; border: 1px solid #FF8126; background: #FF8126; padding: 0.8em 4em; position: absolute;; color: #fff; font-weight: bold; right: 2em; bottom:2em; } */
.event .bunseki_link:after {  position: absolute;
    content: "";
    display: inline-block;
    top: 50%;
    right: 10%;
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transform-origin: 50%;
}

/*------ボタングラデに変更--------*/
.event .bunseki_link {display: inline-block;  background-color: [object object];
  background-image: linear-gradient(0deg, rgba(201 34 1), rgba(255, 129, 38, 1) 50%); padding: 0.8em 4em; position: absolute;; color: #fff; font-weight: bold; right: 2em; bottom:2em;transition: .3s; overflow: hidden;}

  .event .bunseki_link::before {  
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    transform: skewX(-20deg) translateX(-150%);
    transition: .5s;
    content: '';
}
.event .bunseki_link:hover {opacity: 1;}
.event .bunseki_link:hover::before {
    transform: skewX(-20deg) translateX(150%);
    transition: transform 0.8s ease;
}


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

/*イベント内容テーブル*/
.event table {border-top-color: #0095d6; border-left-color: #0095d6;}
.event table th,.event table td {padding: 0.6em 1em;}
.event table th { background: #0095d6; color: #fff;}
.event table td {border-bottom-color: #0095d6; border-right-color: #0095d6;}
.event table tr:last-child th  {border-bottom-color: #0095d6;}

/* テーブル付きの場合は以下適用 */
.event .txt_inner {padding-bottom: 5em;}
.event .bunseki_link {bottom:1.5em;}

/* 受講特典 */

.course_list dt {font-weight: bold; color: #ff0;}


/* quality
---------------------------*/

.quality { margin: 0; padding: 7em 0 5em; background: url(../nsetsu/images/pattern_img02.png);}
.quality .inner {width: 980px; margin: 0 auto ; background: #fff; padding: 4em;}
.quality .ttl_img { width: 380px; margin-bottom: 1em; margin-top: -4em;}
.quality .inner h3{ padding: 0.4em 0 ; font-size: 2.8rem; border-bottom: 1px solid #c1c1c1; border-top: 1px solid #1458FF; margin: 1em 0; text-align: center;}

/* lineup
---------------------------*/

.lineup {padding:5em 0; background-color: #FFFAF3;}
.lineup .inner {width: 840px; margin: 0 auto; }

.lineup h2.ttl_img {width: 496px; margin-bottom: 1em;}
.lineup h3 {font-size: 2.8rem; text-align: center; margin-bottom: 0.5em;}
.lineup .inner .banner_area li {margin-bottom: 3em;}
.lineup .inner .banner_area li:last-child {margin-bottom: 0;}
.lineup .txt {margin-bottom: 2em;}
.lineup h4 {margin: 4em 0 2em;; text-align: center; background: #0071B6; padding: 0.5em; color: #fff;}
.lineup .interview {justify-content: space-between;}
.lineup .interview li {width: 31%;}
.lineup .interview .txt {margin: 0.5em 0 0;}
.lineup .interview .txt span {color: #0095D6;}

/* 申し込み
---------------------------*/
.contact {
	padding: 2em 0;
	background: url(../../special/bunseki_kobe/images/pattern_img01.png) no-repeat;
	background-size: cover;
}

/* 申込みボタン
---------------------------*/
.inquiry_btn {
  width: 580px;
  margin: 2em auto;
  text-align: center;
}

.inquiry_btn li {
  display: inline-block;
  text-align: center;
  font-weight: bold;
}

.inquiry_btn li a::after {
  position: absolute;
  content: '';
  top: 50%;
  right: 1em;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  transform-origin: 50%;
}

.inquiry_btn li a {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 1em;
  text-align: center;
  border-radius: 0.5em;
}

.inquiry_btn li.nyusetsu_btn {
  display: block;
  margin-bottom: 1em;
}

.inquiry_btn li.nyusetsu_btn a {
  font-size: 2.6rem;
  background: #FC6076;
  background: -moz-linear-gradient(right, #FC6076 0%, #FF9A44 100%);
  background: -webkit-linear-gradient(right, #FC6076 0%, #FF9A44 100%);
  background: linear-gradient(to right, #FC6076 0%, #FF9A44 100%);
  color: #FFF;
}

.inquiry_btn li.nyusetsu_btn a::after {
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
}

.inquiry_btn li.kyoshitsu_btn a {
  padding: 0.8em 1em;
  width: 580px;
  font-size: 2.2rem;
  border: #0095d6 1px solid;
  color: #0095d6;
}

.inquiry_btn li.kyoshitsu_btn a::after {
  border-top: 2px solid #0095d6;
  border-right: 2px solid #0095d6;
}


/* 合格実績
---------------------------*/
.result { display: block; padding: 5em 0;}
.result .inner { width: 980px; margin: 0 auto ;}
.result .ttl_img{width: 480px;}
.result .flexbox {justify-content: space-between;}
.result .flexbox li {width: 49%; }



/*---------------------------
　　Media Queries設定
---------------------------*/
/* @media screen and (min-width: 1400px) {
	.visual::before {height:73%;}
	.visual::after {height: 29%;}
} */
/*---------------------------------------------*/
@media screen and (max-width: 768px) {
	/*---------------------------------------------*/
.flexbox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 0 1 auto;
}

.visual {
	position: relative;
	padding-bottom: 0;
}

/* .visual::before { height: 53%; background-position: 55% center;}
.visual::after { height: 50%; } */

.visual .sub_txt {font-size:1.6rem; width: 90%; margin: 0 auto; text-align: justify; padding-top: 0.5em;}

.box { width: 100%; }

.pickup {
	width: 96%;
	margin-top: -2em;
}

.kobesori_project {
	max-width: 100%;
	min-width: 100%;
}

.form_btn { width: 70%; padding: 0.5em 0 1em 0;}

h2.ttl_img { width: 80%; }



/* 動画ローテーション
---------------------------*/
.slider_movie { padding: 6em 0 3em 0; }

.slider_wrap {
	width: 96%;
	padding: 2em;
}

.slider_movie h2.ttl_img { top: 2em; }

.slick-arrow {
	padding: 1.5em;
	font-size: 1.2rem;
}

.slick-prev.slick-arrow::after {
	border-right: 1em solid #FFF;
	border-top: 0.8em solid transparent;
	border-bottom: 0.8em solid transparent;
}

.slick-next.slick-arrow::after {
	border-left: 1em solid #FFF;
	border-top: 0.8em solid transparent;
	border-bottom: 0.8em solid transparent;
}

.slick-prev { left: -2em; }
.slick-next {  right: -2em; }


.visual {padding-bottom: 1em;}
.visual .kobesori_project  {margin-bottom: 1.4em;}

/* nsetsu
---------------------------*/
.nsetsu {width: 90%; margin: 0 auto; padding: 0.5em 1em 0em 1em; flex-wrap: wrap;}
.nsetsu .form_btn {width: 70%;}

.nsetsu .form_btn:nth-of-type(even) {padding-top:0;}


/* event
---------------------------*/
.event {display: block;	padding: 3em 0;}

.event .frame {	width: 90%;	flex-wrap: wrap; margin-top: 4em; margin-top: 4em;}
.event h2 {	text-align: center;	font-size: 2.8rem; letter-spacing: 0;}
.event .ttl_img {margin-bottom: 0.5em; width: 65%;}
.event .txt {	width: 100%; background-color: #FFF; margin-top: 2.5em;}
.event .txt_inner {padding: /*1.5em*/ 1.5em 0em 2em 0em;}
.event .frame img  {position: relative;	top: 0;	z-index: 0;	width: 100%;left: 0;}

.event .frame img.sp_only{
  top: 1em; width: 100%;
}

.event .inner {width:90%; margin-top: 2em;}
.event h3 {font-size: 2.4rem; text-align: justify;}
.event .inner .flexbox {flex-wrap: wrap;}
.event .inner .flexbox li {width: 100%;  padding: 0.5em 0em 0.5em 4.5em; margin:0 auto 0.5em;}
.event .inner .flexbox li.two {width:100%; padding: 0.7em 0em 0.5em 4.5em;}
.event .inner .flexbox li.two h3 {line-height: 1.1;}

.event .inner .flexbox li.one {padding: 0.7em 0em 0.5em 4.5em;}
.event .inner .flexbox li.date {padding: 0.5em;}

.event .inner .flexbox li h3 .small {font-size: 60%;}
.event .inner .flexbox li .month {left: 2%; width: 5rem; height: auto; padding: 0.1em 0; font-size: 2.4rem;}
.event .inner .flexbox li.two .month {padding: 0.3em 0; top: 20%;}
.event .inner .flexbox li.one .month {position: absolute; width: 5rem;; left:2%; padding: 0.3em 0; top:23%;}
.event .inner .flexbox li.date .month {position: relative; padding: 0.3em; top: 0; left:0; margin-right: 0.3em; width: auto;}
.event .inner .flexbox li .month small { font-size: 1.8rem;}

.event .bunseki_link {left: 0; right:0; margin: 1.5em auto 0; position: relative; bottom:0;}


/* quality
---------------------------*/
.quality {padding: 5em 0 3em;}
.quality .inner {width: 90%; padding: 3em 1em 2em;}
.quality .ttl_img {width: 80%; margin-bottom: 1em;}
.quality .inner h3 {padding: 0.2rem 0; font-size: 2.4rem;}

/* lineup
---------------------------*/
.lineup {padding:3em 0; }
.lineup .inner {width: 90%;}
.lineup .inner ul li {margin-bottom:2em;}
.lineup h2.ttl_img {width: 80%; margin-bottom:1em;}
.lineup h3 {font-size: 2.4rem;}
.lineup h4 {margin: 3em 0 1em;}
.lineup .inner .banner_area li {margin-bottom: 1em;}
.lineup .interview {flex-wrap: wrap;}
.lineup .interview li {width: 100%; margin-bottom: 2em; }
.lineup .interview .txt {margin: 1em 0 1em; }

/* 申し込み
---------------------------*/
.contact {
	padding: 2em 0;
	background: url(../../special/bunseki_kobe/images/pattern_img01.png) no-repeat;
	background-size: cover;
}


/* 申込みボタン
---------------------------*/
.inquiry_btn {
	width: 100%;
	margin: 2em auto;
	padding: 0 1em;
}

.inquiry_btn li.nyusetsu_btn a {
	font-size: 1.8rem;
}

.inquiry_btn li.contact_btn a,
.inquiry_btn li.shiryo_btn a {
	font-size: 1.8rem;
}

.inquiry_btn li.contact_btn, .inquiry_btn li.shiryo_btn {
	width: 48.5%;
}

.inquiry_btn li.nyusetsu_btn a::after {
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
}

.inquiry_btn li a::after {
	right: 0.6em;
	width: 8px;
	height: 8px;
}
.inquiry_btn li {display: block;}
.inquiry_btn li.kyoshitsu_btn a {width: 100%; display: block;}

/*イベント内容テーブル*/
.event table th {width: 25%;}

/* 合格実績
---------------------------*/
.result .inner { width: 90%;}
.result .ttl_img {width: 80%;}
.result .flexbox {flex-wrap: wrap;}
.result .flexbox li {width: 100%; margin-bottom: 1em;}

}/*--768--*/