@charset "utf-8";
#mainSlide{
	width: 100vw;
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
}
#mainSlide li{
	width: 100%;
	/* height: 700px; */
    position: absolute;
    top: 0px;
    left: 0px;
}
/* #mainSlide li:nth-child(1) {
    background: url(https://storage.googleapis.com/hawaii-wp/2020/07/afa6ddfc-ハワイ留学センターオーダーメイド留学_v4_pc.png) no-repeat 50% 50%;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}
#mainSlide li:nth-child(2) {
    background: url(https://storage.googleapis.com/hawaii-wp/2020/07/cc6975bf-ハワイ留学センター-現地オフィス_v9_pc-min.png) no-repeat 50% 50%;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}
#mainSlide li:nth-child(3) {
    background: url(https://storage.googleapis.com/hawaii-wp/2020/07/b76be3a6-ハワイ留学センター中高_v4-pc.png) no-repeat 50% 50%;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}
#mainSlide li:nth-child(4) {
    background: url(https://storage.googleapis.com/hawaii-wp/2020/07/8b3b8e89-ハワイ留学センター英会話_v5_pc.png) no-repeat 50% 50%;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

@media(max-width:999px){
	#mainSlide li:nth-child(1) {
    background: url(https://storage.googleapis.com/hawaii-wp/2020/07/ca5704a5-ハワイ留学センターオーダーメイド留学_v4_sp.png) no-repeat 50% 50%;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
	}
	#mainSlide li:nth-child(2) {
    background: url(https://storage.googleapis.com/hawaii-wp/2020/07/00a1d7b3-ハワイ留学センター-現地オフィス_v9_sp.png) no-repeat 50% 50%;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
	}
	#mainSlide li:nth-child(3) {
    background: url(https://storage.googleapis.com/hawaii-wp/2020/07/63b75712-ハワイ留学センター中高_v4-sp.png) no-repeat 50% 50%;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
	}
	#mainSlide li:nth-child(4) {
    background: url(https://storage.googleapis.com/hawaii-wp/2020/07/5975e693-ハワイ留学センター英会話_v5_sp.png) no-repeat 50% 50%;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
	}
} */

.sp {
	display: none;
}

@media screen and (max-width:999px) {
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
}





@media screen and (min-width:1000px) {
	.slide-arrow{
		position: absolute;
		z-index: 2;
		bottom: 30px;
		width: 19px;
		height: 37px;
	}
	.slide-arrow:hover{
		opacity: .7;
		text-decoration: none;
		cursor: pointer!important;
	}
	.prev-arrow{
		left: 30px;
	}
	.next-arrow{
		right: 30px;
	}
	#mainSlide li .catch{
		width: 100%;
		position: absolute;
		bottom: 0;
		z-index: 1;
		background: rgba(37,48,68,0.9);
		color: #FFF;
		padding: 30px 0;
		font-weight: bold;
	}
}
@media(max-width:999px){
	/* #mainSlide li{
		height: 460px;
	} */
	.slide-arrow{
		position: absolute;
		z-index: 2;
		top: 50%;
		width: 19px;
		height: 37px;
		margin-top: -19px;
	}
	.prev-arrow{
		left: 15px;
	}
	.next-arrow{
		right: 15px;
	}
	#mainSlide li .catch{
		width: 100%;
		position: absolute;
		bottom: 0;
		z-index: 1;
		background: rgba(37,48,68,0.9);
		color: #FFF;
		padding: 15px;
		font-weight: bold;
	}
}
section{
	padding: 30px 0 60px 0;
}
@media(max-width:767px){
	section{
		padding: 30px 0 30px 0;
	}
}
/*#sec01*/
#sec01{
	width: 100%;
	background: #F6F7FB;
}
@media screen and (min-width:1000px) {
	section#sec01{
		padding-left:30px;
		padding-right:30px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
}
#sec01 .newsItem-in{
	background: #FFF;
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	margin: 5px;
	padding: 5px;
}
#sec01 h3{
	font-size: 24px;
}
#sec01 h3 span{
	display: inline-block;
	padding-left: 10px;
	font-size: 12px;
	color: #927E40;
}
#sec01 .newsItem-in-line{
	border: #E5E5E5 1px solid;
	padding: 30px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#sec01 .newsList li{
	padding: 15px 0;
	border-bottom: #E5E5E5 1px solid;
}
#sec01 .newsList li:last-child{
	padding: 15px 0 0 0;
}
#sec01 .newsList li:last-child{
	border: none;
}
@media screen and (min-width:1000px) {
	#sec01 .newsList li p{
		display: inline-block;
	}
}
@media(max-width:767px){
	#sec01 .newsItem-in-line{
		border: #E5E5E5 1px solid;
		padding: 20px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}
	#sec01 .newsList li .date{
		margin-bottom: 2px;
	}
}
#sec01 .btn-base{
	width: 300px;
	margin: 30px auto;
}

@media(max-width:767px){
	#sec01 .btn-base{
		width: 300px;
		margin: 15px auto 0 auto;
	}
}

/*#sec02*/
#sec02 a{
	color: #253044;
}
#sec02 .purText{
	width: 100%;
	padding: 15px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
@media(max-width:767px){
	#sec02 .purItem{
		padding: 0;
	}
}
#sec02 h3{
	font-size: 18px;
	color: #927E40;
	margin-bottom: 5px;
}

/*#sec03*/
#sec03{
	width: 100%;
	background: #F5F2EA;
}
#sec03 .container-filld-full > div{
	padding: 1px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
#sec03 .orderText{
	width: 100%;
	padding: 15px 15px 30px 15px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	background: #FFF;
}

/*#sec04*/
#sec04{
	width: 100%;
	background: #f6f7fb;
}
#sec04 .reasonItem-in{
	background: #FFF;
	width: 100%;
	height: 100%;
	border: 1px solid #e5e5e5;
	text-align: center;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
}
#sec04 .reasonItem-in .num{
	position: absolute;
	left: 10px;
	top: -30px;
	color: #B6A87E;
	font-size: 40px;
}
#sec04 h3{
	padding: 30px 20px;
	font-size: 22px;
	line-height: 1.6em;
	display: block;
	height: 5em;
	position: relative;
}
#sec04 h3 span{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}
#sec04 .reasonText{
	width: 100%;
	text-align: left;
	padding: 30px 15px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
@media (max-width: 999px){
	#sec04 .reasonItem{
		margin-bottom: 10px;
	}
	#sec04 .reasonItem:last-child{
		margin-bottom: 0;
	}
	#sec04 .clearfix{
		margin-top: 0!important;
	}
}