@charset "utf-8";


/* ==============================================================
   #　ボタン
   ============================================================== */
.btn-wish-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}
.btn-wish {
	background-color: #f7b42c;
background-image: linear-gradient(315deg, #FA7CA7 0%, #FDC54A 74%);
	border-radius: 100px;
	box-shadow: 0 2rem 1.8rem -2rem hsl(200 50% 20% / 40%);
	font-weight: 600;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 320px;
	min-height: 64px;
	transition: .2s;
	position: relative;
}
@media (min-width: 768px) {
	.btn-wish {
		min-height: 72px;
	}
}
.btn-wish .__inner {
	color: #FFF;
	display: inline-block;
	font-weight: 600;
	letter-spacing: .1em;
	padding-left: .1em;
	text-shadow: 0px 0px 3rem deeppink;
	position: relative;
}
.btn-wish::before {
    content: "";
    border-top: #fff solid 2px;
    border-left: #fff solid 2px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    margin: auto;
    position: absolute;
    top: 0;
    right: 24px;
    bottom: 0;
}

.btn-wish:hover {
	background-image: linear-gradient(315deg, #FA7CA7 0%, #FA7CA7 74%);
	text-decoration: none;
box-shadow: 0 0rem 0rem 0rem hsl(200 50% 20% / 40%);
}
.btn-wish + .btn-wish {
	margin-top: 10px;
}
@media (min-width: 768px) {
	.btn-wish + .btn-wish {
		margin-top: 0;
	margin-left: 10px;
}
}


/* ==============================================================
   #　トップページ 見出し
   ============================================================== */


#index h2,
#sns-area h2{
	text-align:center;
	margin-bottom:10px;
}

#index h2 + p,
#sns-area h2 + p{
	text-align:center;
	margin-bottom:15px;
}

@media (min-width: 640px) {
	#index h2 + p,
	#sns-area h2 + p{
		margin-bottom:30px;
	}
}

.section-title {
	text-align: center;
	margin: 0 auto 30px!important;
}
.section-title .font-eng {
    border-bottom: #000 solid 4px;
    display: inline-block!important;
	color: #000;
    font-family: serif;
    font-size: 28px!important;
    padding-bottom: 10px;
    line-height: 1;  
    letter-spacing: .1em;
    padding-left: .1em;
}
@media (min-width: 768px) {
	.section-title .font-eng {
		font-size: 40px!important;
	}
}

/* ==============================================================
   #トップページのスライド
========================================================================== */
#sec-kv {
	text-align: center;
	padding-top: 70px;
	padding-bottom: 30px;
	overflow: hidden;
}
@media (min-width: 960px) {
	#sec-kv {
		padding-top: 0;
	}
}
#kv-slider {
		width: 100%;
		max-width: 1440px;
	margin: 0 auto;

}
#kv-slider .slick-slide {
	background-color: #FFF;
	text-align: center;
	overflow: hidden;
}
#kv-slider img {
	display: block;
	width: 100%;
	height: auto;
	transition: transform 2s ease-out;
}

#kv-slider a {
	display: block;
}
#kv-slider a::before {
	content: "";
	background-color: rgba(0,0,0,0.01);
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
#kv-slider a:hover img {
	opacity: 1;
	transform: scale(1.075);
	transition: transform 12s ease-out;
}

@media (min-width: 768px) {
	#kv-slider .slick-slide {
	}
	#kv-slider img {
	}
}

#kv-slider .slick-dots {
    position: absolute;
    bottom: 15px;
}


.slick-prev,
.slick-next {
	background-color: #FED73A;
	border: none;
	border-radius: 100%;
	color: transparent;
	cursor: pointer;
    font-size: 0;
    line-height: 0;
    display: block;
    width: 56px;
    height: 56px;
    outline: none;
	margin: auto;
	padding: 0;
	position: absolute;
    top: 0;
	bottom: 0;
	opacity: 1;
	z-index: 10;
}
@media screen and (min-width: 768px) {
	.slick-prev,
.slick-next {
	width: 64px;
    height: 64px;
	 }
}
 @media screen and (min-width: 1280px) {
	 .slick-prev,
.slick-next {
	width: 72px;
    height: 72px;
	 }
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	background-color: #FFF;
    color: transparent;
    outline: none;
    
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{

}
.slick-disabled {
	opacity: 0;
}
.slick-disabled:hover {
		opacity: 1;
	}

.slick-prev
{
    left: 0;
	transform: translateX(5%);
}
@media screen and (min-width: 1380px) {
.slick-prev
{
	transform: translateX(-50%);
}
}

[dir='rtl'] .slick-prev
{
    right: 0;
    left: auto;
}
.slick-prev::before {
	content: "";
	    border-top: #fff solid 2px;
    border-left: #fff solid 2px;
    width: 8px;
    height: 8px;
    transform: rotate(-45deg);
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
	left: 2px;
}
[dir='rtl'] .slick-prev:before
{

}

.slick-next
{
    right: 0;
	transform: translateX(-5%);
}
@media screen and (min-width: 1380px) {
	.slick-next
{
	transform: translateX(50%);
}
}

[dir='rtl'] .slick-next
{
    right: auto;
    left: 0;
}
.slick-next::before {
    content: "";
    border-top: #fff solid 2px;
    border-left: #fff solid 2px;
    width: 8px;
    height: 8px;
    transform: rotate(135deg);
    margin: auto;
    position: absolute;
    top: 0;
    right: 2px;
    bottom: 0;
    left: 0;
}
[dir='rtl'] .slick-next:before
{

}


/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{

    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
   
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
		 background: #FED73A;
	border-radius: 100%;
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;
	right: 0;
	bottom: 0;
margin: auto;
    width: 10px;
    height: 10px;

    content: '';
    text-align: center;

    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
 background: #F39950;
    color: black;
}



/*
#Billboard-slide {

	-ms-transition: ease-out 0.5s;
	transition: ease-out 0.5s;

}
.display{
	opacity:1 !important;
}

#Billboard-slide .sp_photo {
	padding-top: 60px;
}


#Billboard-slide .bg01 {
	background-image: url(/web/20201101043159im_/https://www.wish-web.com/common/imgs/index/kv01_bg.jpg);
	background-position: center;
	background-repeat:repeat-x;
	text-align: center;

} 
#Billboard-slide .bg02 {
	background-image: url(/web/20201101043159im_/https://www.wish-web.com/common/imgs/index/kv02_bg.jpg);
	background-position: center;
	background-repeat:repeat-x;
	text-align: center;

} 
#Billboard-slide .bg03 {
	background-image: url(/web/20201101043159im_/https://www.wish-web.com/common/imgs/index/kv03_bg.jpg);
	background-position: center;
	background-repeat:repeat-x;
	text-align: center;
} 

#Billboard-slide img{
	margin:0 auto;
}

@media (min-width: 960px) {
	#Billboard-slide{
		height:480px;
		padding-top:0;
	}
}


#Billboard-slide .slick-prev,
#Billboard-slide .slick-next {
  border-radius: 2px;
  background-size:auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 45px;
  height: 45px;
  z-index: 9;
  position: absolute;
  top: 50%;
  color: transparent;
	transition: 0.2s linear;
	cursor: pointer;
}

#Billboard-slide .slick-prev {
	background-image: url(/web/20201101043159im_/https://www.wish-web.com/common/imgs/index/arrow_left.png);
	background-size:cover;
}

#Billboard-slide .slick-next {
	background-image: url(/web/20201101043159im_/https://www.wish-web.com/common/imgs/index/arrow_right.png);
	background-size:cover;
}

.billboard-slider .slick-prev {	left: 0px;}
.billboard-slider .slick-next {	right: 0px;}

@media (min-width: 640px) {
	.billboard-slider .slick-prev {	left: 10px;}
	.billboard-slider .slick-next {	right: 10px;}
	
	.billboard-slider .slick-prev,
	.billboard-slider .slick-next {
		 width: 60px;
		 height: 60px;
		 margin-top: -30px;
	}
}


#Billboard-slide .billboard-slider .slide-item {
	overflow: hidden;
}

@media (min-width: 640px) {

#Billboard-slide .slick-prev:hover,
#Billboard-slide .slick-next:hover {
	opacity:0.4;
	filter: alpha(opacity=40);
}
}


#Billboard .sp_photo {
	padding-top: 60px;
}
#Billboard .bg01 {
	background-image: url(/web/20201101043159im_/https://www.wish-web.com/common/imgs/index/kv01_bg.jpg);
	background-position: center;
	background-repeat:repeat-x;
	text-align: center;
} 

@media (min-width: 960px) {
	#Billboard {
		height:480px;
		padding-top:0;
	}
}*/

/* ==============================================================
   #　トップページ【上部バナーエリア】
   ============================================================== */

.oc_banner{
	display:none;
}

#Container #h_banner{
	padding: 2.0rem 0;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.h_banner{
	display: flex;
	justify-content:space-between;
	margin-bottom:0;
}

.h_banner img{
	max-width:230px;
	width:100%;
	height:auto;
	padding:0 0.2em;
}

.h_banner_new {
	box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin: -5px;
}

.h_banner_new li {
	padding: 5px;
	width: 50%;
	max-width: 50%;
}


.h_banner li:last-child img{
	padding-right:0;
}

.h_banner_new li.full {
	width: 100%;
	max-width: 100%;
}

@media (min-width: 770px) {
.oc_banner {
	display:block;
}

.h_banner_new li {
	padding: 5px;
	/*max-width: 16.66667%;*/
	width:25%;
}
	.h_banner_new li.full {
	    width: 25%;
	max-width: 25%;
}
}


#bnr-area .pd-container {
	max-width: 1300px;
	box-sizing: border-box;

}
#bnr-area a {
	background-color: #FFF;
	display: block;
	border: #DDD solid 1px;
	border-radius: 2px;
	overflow: hidden;
}

#bnr-area a img {
	border: noen;
}

#bnr-area ul {
	display: flex;
    flex-direction: row;
       flex-wrap: wrap;
	margin: auto -5px;
}
#bnr-area ul li {
	    padding: 5px;
    margin: 0;
    flex-basis: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

@media (min-width: 768px) {
	#bnr-area ul {
		margin: auto -5px;
	}
	#bnr-area ul li {
    flex-basis: 33.333337%;
    max-width: 33.333337%;

}
}
@media (min-width: 1200px) {

	#bnr-area ul li {
    flex-basis: 20%;
    max-width: 20%;

}

#bnr-area ul.demo li {
    flex-basis: 25%;
    max-width: 25%;

}
}
/* ==============================================================
   #　トップページ【ニュースエリア】
============================================================== */


#Container #top_news{
	background-color:#FAF7E2;
	padding: 1.5rem 0 0 0;
}

@media (min-width: 768px) {
	#Container #top_news{
		padding: 3.5rem 0;
	}
}

#news_area{
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

#news_area{
	display:flex;
	justify-content:space-around;
	margin-bottom:1.5rem;
}

@media (min-width: 768px) {
	#news_area{
		margin-bottom:30px;
	}
}


#news_area a:link{color:#4D3F2B; display:block;}

#news_area a:visited{color:#4D3F2B;}
#news_area a:hover{color:#AF6334; text-decoration:none;}

#news_area .box{
	padding:7px;
	width:33%;
	border-right:1px dotted #ccc;
	position:relative;
	line-height:1.0em;
}

@media (min-width: 768px) {
	#news_area .box{
		padding:20px;
		line-height:1.3em;
	}
}

#news_area .box:last-child{
	border-right:none;
	/*width:34%;*/
}

#news_area .photo{
	margin-bottom:7px;
	position:relative;
}

#news_area .category{
	color:#fff;
	padding:3px 0px;
	font-size:11px;
	display:block;
	text-align:center;
	z-index:9999;
}

@media (min-width: 640px) {
#news_area .category{
	font-size:13px;
	position:absolute;
	padding:3px 7px;
	top:0;
	left:0;
	display:inline;
	text-align:left;
}
}

#news_area .event .category{ background-color:#F39950; } /* アイコン オレンジ */
#news_area .news .category{ background-color:#77AD25;} /* アイコン 緑 */
#news_area .movie .category{ background-color:#CC4AB2; z-index:9999;} /* アイコン 紫 */

#news_area p{
	margin:0;
	padding:0;
	font-size:11px;
	line-height:1.4em;
}

@media (min-width: 640px) {
#news_area p{
	font-size:12px;
}
}

@media (min-width: 768px) {
#news_area p{
	line-height:1.7em;
}
}

#news_area em{
	display:block;
	font-style:normal;
	font-weight:bold;
}

#news_area .event em{ color:#F39950; }
#news_area .news em{ color:#77AD25; }



/* MOVIEアイコンだけhoverで消えるように */

#news_area .movie .category{
	opacity:1.0;
	filter: alpha(opacity=100);
	transition: 0.3s linear;
}

#news_area .movie .photo:hover .category{
	opacity:0;
	filter: alpha(opacity=0);
}


.archive-photo {
	overflow: hidden;
	background-size:cover !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;		
		
}

.archive-photo img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;		
		
}



/* ↓youtube埋め込み動画関連↓ */

#news_area iframe{ margin:0 auto; }

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ↑youtube埋め込み動画関連↑ */


/* ==============================================================
   #　トップページ【ニュースリスト タブの所】
============================================================== */

/* ブログ表示 */

#news_list {
	background-color: #FFF;
	position: relative;

}

#news_list li {
	padding:5px 0;
	font-size:12px;
}

.news_title{
	font-size:16px;
	font-weight:bold;
	border-left:3px solid #F39950;
	margin-bottom:4px;
	padding:3px 0 2px 10px;
}

@media (min-width: 640px) {
	.news_title{
		margin-bottom:10px;
	}
}

.news_list {
	text-align:center;
	background-color:#F39950;
	font-size:13px;
	position: relative;
	z-index: 2;
}

@media (min-width: 640px) {
	.news_list{
		text-align:right;
		background-color:#fff;
		font-size:12px;
		font-weight: 600;
		padding: 0 20px 20px;
	}
}

.news_list a{
	padding:15px;
	color:#fff;
	display:block;
}

@media (min-width: 640px) {
	.news_list a{
		padding:0 0 0 11px;
		color:#995031;
		display:inline;
	}
}

.news_list a:hover{
	text-decoration:none;
}

#news_list ul{
	margin:0;
	padding:0;
}

#news_list .none { display:none; }

#news_list .content{
	background-color:#fff;
	padding:10px;
	position: relative;
	z-index: 2;
}

#news_list .content li {
	border-bottom:1px dotted #ccc;
	padding-bottom:4px;
	margin-bottom:4px;
	font-size:12px;
}
#news_list .content li a {
	display: block;
	padding: 8px 0;
}

#news_list li span{
	display:block !important;
}

@media (min-width: 640px) {
	#news_list .content{
		padding: 20px;
	}
	
	#news_list .content li{
		padding-bottom:6px;
		margin-bottom:6px;
	}
	
	#news_list li span{
	display:inline !important;
}
}

#news_list .content li:last-child{
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}

#news_list .tab li:nth-of-type(1){ background-color:#F39950; color:#fff;}
#news_list .tab li:nth-of-type(2){ background-color:#77AD25; color:#fff;}

#news_list .tab li:nth-of-type(1):hover{ background-color:#F39950; color:#fff;}
#news_list .tab li:nth-of-type(2):hover{ background-color:#77AD25; color:#fff;}

#news_list .tab li:nth-of-type(1).select{ background-color:#F39950;}
#news_list .tab li:nth-of-type(2).select{ background-color:#77AD25;}

#news_list .event span{color:#F39950; padding-right:10px; display:inline-block;}
#news_list .news span{color:#77AD25; padding-right:10px; display:inline-block;}



/* ==============================================================
   #　トップページ【チャンネル登録】
============================================================== */

.movie_channel h3{
	display:none;
}

.movie_channel {
	padding:20px 10px;
	margin-top:1.5rem;
	text-align:left;
	background:#FFF url(/web/20201101043159im_/https://www.wish-web.com/common/imgs/index/channel_bg_sp.jpg) no-repeat top right;
	background-size:cover;
	background-clip: border-box;
}

.movie_channel .touroku{
	margin:5px auto 0 auto;
}

@media (min-width: 768px) {
	
.movie_channel h3{
	display:block;
	text-align:center;
	background-color:#E62117;
	color:#FFF;
	font-size:11px;
	padding:7px 0;
	margin:0 0 5px 0;
}

.movie_channel {
	padding:0 20px;
	margin:0;
	/*height:100%;*/
	text-align:center;
	background:#FFF url(/web/20201101043159im_/https://www.wish-web.com/common/imgs/index/channel_bg.jpg) no-repeat center bottom;
	background-size:contain;
	background-clip: content-box;
}

.movie_channel .touroku{
	margin:0px auto 0 auto;
	}
}


/* ==============================================================
   #　トップページ【コース紹介】
   ============================================================== */
#sec-course {
	background-color: #F7F7F7;
	text-align: center;
	padding: 30px 0;
}
.course-item-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: -10px auto;
	max-width: 1080px;
}
.course-item-wrap .course-item {
	flex-basis: 100%;
	max-width: 100%;
	padding: 10px;
}
.course-item-wrap .course-item a {
	display: block;
	position: relative;
	transition: .4s;
}
.course-item-wrap .course-item a:hover {
	opacity: 0.5;
}
.course-item-wrap .course-item a img {
	opacity: 1!important;
	position: relative;
	z-index: 2;
}

.shadow-2 {
	position: relative;
}
.shadow-2:before, .shadow-2:after
{

  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: rgba(0,0,0,0.175);

  box-shadow: 0 14px 12px rgba(0,0,0,0.175);

  transform: rotate(-3deg);
}
.shadow-2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

@media (min-width: 768px) {
	.course-item-wrap {
		margin: -15px auto;
	}
	.course-item-wrap .course-item {
	flex-basis: 50%;
	max-width: 50%;
	padding: 15px;
}
}



#Container #top_course{
	background-color:#DEE9F3;
	padding: 1.5rem 0;
}

@media (min-width: 640px) {
	#Container #top_course{
		padding: 3.5rem 0;
	}
}

.course_list_sp .course02 ul{ display:none; margin-bottom:0;} /* スマホ用のアコーディオンメニュー用 */

.course_list_sp .course02 li{
	background-color:#fff;
	font-size:14px;
	padding:0;
	border-bottom:1px solid #ddd;
}

.course_list_sp .course02 li:last-child{ border-bottom:none; }

.course_list_sp .course02 li a{
	line-height:50px;
	display:block;
	background-size:50px 50px !important;
	padding-left:60px;
}	

.course_list_sp li:nth-of-type(1) a{	background:url(/web/20201101043159im_/https://www.wish-web.com/common/imgs/index/course_sp_thumb01.jpg) no-repeat top left;}
.course_list_sp li:nth-of-type(2) a{	background:url(/web/20201101043159im_/https://www.wish-web.com/common/imgs/index/course_sp_thumb02.jpg) no-repeat top left;}
.course_list_sp li:nth-of-type(3) a{	background:url(/web/20201101043159im_/https://www.wish-web.com/common/imgs/index/course_sp_thumb03.jpg) no-repeat top left;}
.course_list_sp li:nth-of-type(4) a{	background:url(/web/20201101043159im_/https://www.wish-web.com/common/imgs/index/course_sp_thumb04.jpg) no-repeat top left;}
.course_list_sp li:nth-of-type(5) a{	background:url(/web/20201101043159im_/https://www.wish-web.com/common/imgs/index/course_sp_thumb05.jpg) no-repeat top left;}

.course_list_sp .course02 img{ vertical-align:bottom; }


/* 紺のリンクボタン(大)
---------------------------------------------*/

#index .link_btn_course{
	max-width:400px;
	text-align:center;
	border-radius:3px;
	transition: 0.2s linear;
	background-color:#3F4B7C;
	margin:2rem auto 0 auto;
}

#index .link_btn_course a{
	display:block;
	color:#FFF;
	font-size:14px;
	padding:17px 10px;
	backface-visibility: hidden;
}

#index .link_btn_course:hover{ opacity:0.7;}
#index .link_btn_course a:hover{text-decoration:none;}

#index .course01,
#index .course02,
#index .course03{
	width:100%;
	position:relative;
}

/* タグみたいなの（何年制）--------------------*/

#index .course_list span{ 
	color:#fff; 
	font-size:16px; 
	padding:7px 28px 5px 28px;
	display:inline-block;
	position:absolute;
	top:7px;
	left:-10px;
	z-index:100;
	letter-spacing:0.2rem;
}

#index .course01 span{ background-color:#E95827;}
#index .course02 span{ background-color:#DA2133;}
#index .course03 span{ background-color:#703171;}

/* 三角の影 */

#index .course_list span:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    border-width: 7px;
    border-left-width: 10px;
    border-right-width: 0;
    top: 100%;
    left: 0;
}

#index .course01 span:after { border-top-color: #BB3D22;}
#index .course02 span:after { border-top-color: #AD2136;}
#index .course03 span:after { border-top-color: #4D1F54;}

.harutai-sp {
	display: none;
}
.harutai-pc {
	display: block;
}
@media (max-width: 769px) {
.harutai-sp {
	display: block;
	margin-bottom: 10px;
}
.harutai-pc {
	display: none;
}
}


/* ==============================================================
   #　スマホ用就職実績　18.03.08
   ============================================================== */

#Container section#top_result,
#Container section#top_result02,
#Container section#new{
	display:none;
}

@media (max-width: 767px) {

	#Container section#top_result{
		display:block;
		background:url(/web/20201101043159im_/https://www.wish-web.com/common/imgs/license/bg02.gif);
		background-size:85px;
		text-align:center;
		padding:1.85rem 0;
	}
	
	#Container section#top_result02{
		display:block;
		background:url(/web/20201101043159im_/https://www.wish-web.com/common/imgs/license/bg.gif);
		background-size:85px;
		text-align:center;
		padding:1.85rem 0;
	}	
	.top_result img{
		width:100%;
		margin:0 auto;
		max-width:480px;
	}
	
	.top_result p{
		font-size: 10px;
		margin:0 0 1.0rem 0;
		padding:0;
		text-align: center;
	}
	
	.top_result .link_btn{
		margin-top:1.5rem;
	}
	
	.top_result p.other{
		color:#CE000D;
		font-size:20px;
		font-weight:bold;
		margin-bottom:1.0rem;
	}
	
	#Container section#top_fac {
    display: block;
    background: url(/web/20201101043159im_/https://www.wish-web.com/common/imgs/license/bg03.gif);
    background-size: 85px;
    text-align: center;
    padding: 1.85rem 0;
}

}

@media (max-width: 767px) {
	#Container section#new{
		display:block;
		text-align:center;
		padding:0 1.5rem 2rem 1.5rem;
	}	
	
	.new a{
		font-size:20px;
		font-weight:bold;
		text-decoration:underline;	
	}
	
	.new ul{
		margin-top:3rem;
		margin-bottom:0.75rem;
	}
	
	.new li{
		width:100%;
		position:relative;
	}
	
	.new li .icon{
		position:absolute;
		top:-20px;
		left:-15px;
		width:25%;
		height:auto;
	}
	
	.new li img{
		border-radius:6px;
	}
}


@media (max-width: 767px) {
#top_fac p.other {
    color: #46B792;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 1.0rem;
}

#top_fac figure {
	position: relative;
}

#top_fac figure .icon {
	position: absolute;
    top: -20px;
    left: -10px;
    width: 90px;
    height: auto;
}

}

/* ==============================================================
   #　トップページ【卒業生】
   ============================================================== */
#index #main_contents {
	 display: flex;
    /* flex-direction: column; */
    /* align-items: center; */
   /* justify-content: flex-start;*/
    /* flex-grow: 1; */
    flex-wrap: wrap;
		display: block;
		flex-wrap: inherit;
}

 [class*="order-"]{
    flex-basis: 100%;
    flex-grow: 1;
}

#index #main_contents .order-0 {
	 order: 5;
}
#index #main_contents .order-1 {
	 order: 1;
}
#index #main_contents .order-2 {
	 order: 2;
}
#index #main_contents .order-3 {
	 order: 3;
}
#index #main_contents .order-4 {
	 order: 4;
}
#index #main_contents .order-5 {
	 order: 7;
}
#index #main_contents .order-6 {
	 order: 6;
}
#index #main_contents .order-7 {
	order: 5;
}
   
   #Container section#gra {
    background: url(/web/20201101043159im_/https://www.wish-web.com/common/imgs/license/bg02.gif);
    background-size: 85px;
    text-align: center;
    padding: 1.85rem 0;
}
   
.gra-item-wrap {
	    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin: -5px;
}
.gra-item {
	padding: 5px;
	width: calc(100% / 1);
	
}

.gra-item {
	position: relative;
}

.gra-item:nth-child(even) {
}

.gra-item .v-ttl {
	max-width: calc(100% - 150px);
	margin: auto;
	position: absolute;
	/*top: 0;*/
	right:0;
	bottom: 20px;
	left: 0;
	z-index: 2;
}

#index #f_banner #blank-link {
	display: none;
	visibility: hidden;
}

#index #f_banner.order-7 #blank-link {
	display: block;
	visibility: inherit;
}
#index #f_banner.order-7 .h_banner_new {
	display: none;
	visibility: hidden;
}

@media (min-width: 767px) {
	   #Container section#gra {
    background: none;
	   }
	
	
	#index #main_contents .order-2 {
	 order: 2;
}
	
	   #Container section#gra {
    padding: 3.5rem 0;
	   }
	   .gra-item {
}
.gra-item .v-ttl {
	max-width: calc(100% - 100px);
}
}
@media (min-width: 1024px) {
	#index #main_contents .order-0 {
	 order: 1;
}
#index #main_contents .order-2 {
	 order: 4;
}
#index #main_contents .order-5 {
	 order: 3;
}
#index #main_contents .order-6 {
	 order: 2;
}
	
	
	#index #f_banner #blank-link {
	display: flex;
	visibility: inherit;
}
	
	#index #main_contents .order-7 {
		display: none!important;
		visibility: hidden!important;
}
	
	.gra-item {
	width: calc(100% / 3);
}
}


#bnr-area ul li div.nushiwrap {
background-color: #FFF;
    display: block;
    border: #DDD solid 1px;
    border-radius: 2px;
    overflow: hidden;
    padding: 1px;
    }

#bnr-area ul li div.nushiwrap .nushimenu {
}
#bnr-area ul li div.nushiwrap .nushimenu li {
	margin: 0;
	padding: 0;
}
#bnr-area ul li div.nushiwrap .nushimenu li + li {
	border-top: #ddd solid 1px;
}

#bnr-area ul li div.nushiwrap .nushimenu li a {
	display: block;
	padding: 12px 24px;
	font-weight: bold;
	border: none;
	font-size: 16px;
	text-align: left;
	position: relative;
}

#bnr-area ul li div.nushiwrap .nushimenu li a::before {
    content: "";
    border-top: solid 2px;
    border-left: solid 2px;
    border-color: #995031;
    height: 8px;
    width: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 24px;
    bottom: 0;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

#bnr-area ul li div.nushiwrap h4 {
	text-align: center;
	font-size: 18px;
	margin: 5px auto;
}

/* add200717 */

#top_news,
#top_course{
	width: 100%;
}
		
.archive-photo02 {
	background-size:cover !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	position: relative;
	width: 100%;
	padding-top : 100% ;
}



/* ==============================================================
   #　オープンキャンパス
   ============================================================== */
#sec-opencampus {
	background-color: #FCEF7D;
	padding: 48px 0!important;
}
@media (min-width: 768px) {
	#sec-opencampus {
	padding: 96px 0!important;
}
}

#sec-opencampus img.oc_btn_pc {
	width: 20%;
    margin-bottom: 0;
}

/* ==============================================================
   #　トピックス
   ============================================================== */
#banner-slider {

	margin: 30px auto 0;
}
#banner-slider .slick-slide {
	padding: 0 10px;
}
#banner-slider .slick-prev,
#banner-slider .slick-next {
	width: 40px;
	height: 40px;
}

#banner-slider .slick-prev {
    left: -8px;
    transform: none;
}
#banner-slider .slick-next {
    right: -8px;
    transform: none;
}

.nav-dots {
	margin-top: 15px;
}

.nav-dots .slick-dots {
	position: relative;
	bottom: auto;
}

@media (min-width: 768px) {
	#banner-slider {
	max-width: 70%;
	margin: 30px auto 0;
}
}


/*
     FILE ARCHIVED ON 04:31:59 Nov 01, 2020 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 00:22:47 Mar 15, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 221.29
  exclusion.robots: 0.109
  exclusion.robots.policy: 0.101
  RedisCDXSource: 1.59
  esindex: 0.008
  LoadShardBlock: 193.32 (3)
  PetaboxLoader3.datanode: 110.017 (5)
  CDXLines.iter: 22.956 (3)
  PetaboxLoader3.resolve: 196.46 (4)
  load_resource: 196.367 (2)
*/