@charset "utf-8";
/*BASE*/
main#hawaiiryugaku-jp {
	background-color:#FFF;
}

/*BASE TXT*/
main#hawaiiryugaku-jp h1 .ja {
	font-family:"Kosugi Maru";
	font-weight:400;
}
main#hawaiiryugaku-jp h2 {
	font-family:"Kosugi Maru";
}
/*BASE INFO*/

/*KeyVisual*/
#hawaiiryugaku-jp .keyvisual {
	aspect-ratio:auto;
	background-color:#FFF;
	position:relative;
}
#hawaiiryugaku-jp .keyvisual h1 {
	color:#FFF;
}
#hawaiiryugaku-jp .keyvisual .img-box img {
	width:100%;
}

#hawaiiryugaku-jp .info {
	background-color:#0969b6;
}
#hawaiiryugaku-jp .content-box {
	background-color:#FFF;
	border-radius:20px;
}
#hawaiiryugaku-jp .info h1.title {
	color:#0969b6;
}


/*DEVICE：SP*/
@media not screen and (min-width: 768px) {
/*KeyVisual*/
#hawaiiryugaku-jp .keyvisual {
	display:block;
	overflow:visible;
	aspect-ratio:16 / 9;
}
#hawaiiryugaku-jp .keyvisual .img-box {
	position:absolute;
	top:0;
}
#hawaiiryugaku-jp .keyvisual .img-box img {
	width:100%;
}
#hawaiiryugaku-jp .keyvisual .title-box {
	position:absolute;
	bottom:-2.5em;
	z-index:1;
}
#hawaiiryugaku-jp .keyvisual > .frame  {
	position:absolute;
	bottom:0;
}

/*Hawaii Palms English School*/
#hawaiiryugaku-jp .info {
	padding:4rem 1.5em 4rem;
}
#hawaiiryugaku-jp .info .content-box {
	padding:1.5em;
}
#hawaiiryugaku-jp .info .content-box h1.title {
	font-size:max(1.6vw,16px);
}
#hawaiiryugaku-jp .info .content-box li.contents .img-box img {
	width:100%;
	border-radius:.5em;
}
#hawaiiryugaku-jp .info .content-box li.contents .txt-box {
	text-align:justify;
	padding:2rem 0;
}

#hawaiiryugaku-jp .info .content-box a.bt-txt {
	display:block;
	text-align:left;
	width:100%;
	max-width:none;
	padding-top:1.5em;
	padding-bottom:1.5em;
	margin:0;
	color:#FFF;
	background-color:#0969b6;
	background-image:url(../images/icon_next-w.svg);
	background-position: right 1em center;
	background-size: 1em;
	border:none;
	border-radius:.5em;
}
}

/*DEVICE：PC TAB*/
@media screen and (min-width: 768px) {
/*BASE*/
#header menu.pc li.partner a .en {
	color:rgba(60,91,135,1);
}
/*Hawaii Palms English School*/
#hawaiiryugaku-jp .info {
	padding:80px 80px 160px;
}
#hawaiiryugaku-jp .info .content-box {
	padding:80px 80px;
}
#hawaiiryugaku-jp .info .content-box h1.title {
	font-size:max(2.4vw,24px);
	margin-bottom:60px;
}
#hawaiiryugaku-jp .info .content-box li.contents {
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
#hawaiiryugaku-jp .info .content-box li.contents:nth-of-type(odd) {
	flex-diretion: row;
}
#hawaiiryugaku-jp .info .content-box li.contents:nth-of-type(even) {
	flex-direction: row-reverse;
}
#hawaiiryugaku-jp .info .content-box li.contents .img-box,
#hawaiiryugaku-jp .info .content-box li.contents .txt-box {
	width:calc(100% / 2);
}
#hawaiiryugaku-jp .info .content-box li.contents .img-box img {
	width:100%;
}
#hawaiiryugaku-jp .info .content-box li.contents .txt-box {
	text-align:justify;
	padding:2em 2em;
}
#hawaiiryugaku-jp .info .content-box li.contents:nth-of-type(odd) .txt-box {
	padding-right:0;
}
#hawaiiryugaku-jp .info .content-box li.contents:nth-of-type(even) .txt-box {
	padding-left:0;
}
#hawaiiryugaku-jp .info .content-box a.bt-txt {
	display:block;
	max-width:none;
	padding-top:2em;
	padding-bottom:2em;
	margin-top:60px;
	color:#0969b6;
	background-color:rgba(255,255,255,1);
	background-position: right 2em center;
	background-size: 1em;
	border:solid 2px #0969b6;
}
#hawaiiryugaku-jp .info .content-box a.bt-txt:hover {
	color:rgba(255,255,255,1);
	background-color:#0969b6;
}
}