@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
  home
-----------------------------------------------*/
#home .l-inner {
max-width: 800px;
padding: 0 4%;
}

/* main_image */
#home .mainVisual {
}
#home .mainVisual img {
width: 100%;
aspect-ratio: 1 / 0.685;
font-family: "object-fit: cover;"; 
object-fit: cover;
}
@media screen and (max-width: 800px) {
	#home .mainVisual img {
	width: 100%;
	aspect-ratio: 1 / 1.1;
	font-family: "object-fit: cover;"; 
	object-fit: cover;
	}
}

/* home_banner */
#home .banner {
margin-top: 40px;
}
#home .banner a:hover {
opacity: 0.8;
}
@media screen and (max-width: 800px) {
	#home .banner {
	margin: 0;
	}
}

/* news */
#home .news {
margin-top: 40px;
padding-top: 40px;
background: linear-gradient(135deg, #BCC8D3, #C4BCCA 50%, #D5BDC8 100%);
background: repeating-linear-gradient(135deg, #B4BFC9 0 3px, #BCC7D3 3px 6px);
}
@media screen and (max-width: 800px) {
	#home .news {
	margin: 0;
	padding-top: 6%;
	}
}

/* news_menu */
#home .news_menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 800px;
margin: auto;
margin-top: 20px;
}
#home .news_menu a {
display: block;
margin: 0.5em;
padding: 0.25em 0.5em;
text-align: center;
color: #2E3180;
background: #FFF;
}
#home .news_menu a:hover {
opacity: 0.8;
}
@media screen and (max-width: 800px) {
	#home .news_menu a {
	font-size: 0.875em;
	margin: 0.25em 0.5em;
	}
}

/* news_list */
#home .news_list {
margin-top: 20px;
background: rgba(255,255,255,0.5);
}
#home .news_list > div {
display: none;
}
#home .news_list > div.active {
display: block;
}
#home .news_list li {
padding: 1em 40px;
border-top: 2px solid #FFF;
background: rgba(255,255,255,0.5);
}
#home .news_list li:last-child {
border-bottom: 2px solid #FFF;
}
#home .news_date {
display: flex;
}
#home .news_pin {
width: 1.5em;
height: 1.5em;
margin-right: 0.25em;
background-image: url("../img/common/ico_pin.svg");
background-position: center;
background-repeat: no-repeat;
background-size: 1em;
}
#home .news_category {
display: block;
margin-left: 0.5em;
padding: 0 0.5em;
font-size: 0.95em;
text-align: center;
color: #2E3180;
background: #FFF;
}
#home .news_text {
margin-top: 0.5em;
font-weight: 500;
text-align: justify;
}
#home .news_more {
padding: 1em 0;
font-weight: 500;
text-align: center;
transform: 0.2s;
}
#home .news_more span::after {
content: "→";
margin-left: 0.25em;
}
#home .news_more:hover {
background: rgba(255,255,255,0.2);
}
#home .news_none {
padding: 8% 4%;
text-align: center;
}
@media screen and (max-width: 800px) {
	#home .news_list {
	margin-top: 4%;
	}
	#home .news_list li {
	padding: 1em 4%;
	}
}


/* course */
#home .course {
position: relative;
overflow: hidden;
}
#home .course_list {
font-family: "Kiwi Maru", serif;
background-image: url("../img/common/bg_content1.png");
background-position: center;
background-repeat: repeat;
}
#home .course_list li {
width: 280px;
margin: 40px 20px;
border-radius: 10px;
background: linear-gradient(#FFF, #FFF 50%, #CCEBE3 50%, #CCEBE3);
border: 1px solid #CCC;
}
#home .course_job {
margin-top: 10px;
text-align: center;
}
#home .course_job span {
margin: 0.25em;
padding: 0 0.5em;
font-size: 0.75em;
background: #CCEBE3;
}
#home .course_photo {
position: relative;
display: block;
margin-top: 10px;
clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
}
#home .course_photo::before {
content: "";
position: absolute;
top: 0;
left: calc(50% - 15px);
display: block;
width: 30px;
height: calc(tan(60deg) * 12px);
background: #FFF;
clip-path: polygon(0 0, 100% 0, 50% 100%);
}
#home .course_name {
position: relative;
padding: 0 10px 10px 10px;
font-weight: 500;
text-align: right;
}
#home .course_name span {
padding-right: 1.25em;
background-image: url("../img/common/arw_right2.svg");
background-position: right center;
background-repeat: no-repeat;
background-size: 1em;
}
#home .course_name .en {
position: absolute;
top: -2em;
left: 0;
width: 100%;
}
#home .course_list a:hover {
opacity: 0.8;
}
#home .course_list .next,
#home .course_list .prev {
position: absolute;
top: calc(50% - 15px);
width: 30px;
height: 30px;
z-index: 100;
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
cursor: pointer;
}
#home .course_list .next {
right: 1em;
background-image: url("../img/common/arw_right_k.svg");
}
#home .course_list .prev {
left: 1em;
background-image: url("../img/common/arw_left_k.svg");
}
@media screen and (max-width: 800px) {
	#home .course_list li {
	width: 30%;
	margin: 20px 10px;
	}
}

/* pickup */
#home .pickup {
padding: 60px 4%;
}
@media screen and (max-width: 800px) {
	#home .pickup {
	padding: 4%;
	}
}

/* international */
#home .international {
position: relative;
font-family: "Kiwi Maru", serif;
font-size: 2em;
font-weight: 500;
text-align: center;
}
#home .international a {
display: block;
padding: 1em;
background-image: url("../img/common/arw_right_w.svg");
background-position: right 1em center;
background-repeat: no-repeat;
background-size: 1em;
color: #FFF;
background: #2E3180;
border-radius: 10px;
}
#home .international a::before {
content: "";
position: absolute;
bottom: 0.25em;
left: -0.25em;
width: 6em;
height: 4em;
background-image: url("../img/home/international_pic.png");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
#home .international a:hover {
opacity: 0.8;
}
@media screen and (max-width: 800px) {
	#home .international {
	font-size: 1.5em;
	}
}

/* about */
#home .about {
margin-top: 40px;
background: rgba(255,255,255,0.5);
border-radius: 10px;
}
#home .about .head {
position: relative;
background-image: url("../img//common/bg_head1.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#home .about .box {
display: none;
padding-bottom: 60px;
border-radius: 0 0 10px 10px;
}
@media screen and (max-width: 800px) {
	#home .about {
	margin-top: 4%;
	}
	#home .about .box {
	padding-bottom: 6%;
	}
}

/* important */
#home .important {
margin-top: 40px;
background: rgba(255,255,255,0.5);
border-radius: 10px;
}
#home .important .head {
position: relative;
background-image: url("../img//common/bg_head2.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#home .important .box {
display: none;
padding-bottom: 60px;
border-radius: 0 0 10px 10px;
}
@media screen and (max-width: 800px) {
	#home .important {
	margin-top: 4%;
	}
	#home .important .box {
	padding-bottom: 6%;
	}
}

/* ccel */
#home .ccel {
position: relative;
padding: 40px;
background: linear-gradient(135deg, #9AA0FF, #9AB9FF);
}
#home .ccel::before {
content: "";
position: absolute;
right: 0;
bottom: 20px;
z-index: 1;
display: block;
width: 40%;
aspect-ratio: 1 / 1;
background-image: url("../img/home/important_pic.png");
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
#home .ccel_list {
color: #FFF;
border: 1px solid #FFF;
border-radius: 10px;
}
#home .ccel_list li {
padding: 1em;
color: #2E3180;
background: #FFF;
}
#home .ccel_list li:first-child {
border-radius: 10px 10px 0 0;
}
#home .ccel_list li:not(:first-child) {
border-top: 1px solid #9AA0FF;
}
#home .ccel_list li:last-child {
border-radius: 0 0 10px 10px;
}
#home .ccel_list dt {
font-size: 1.5em;
font-weight: 700;
}
#home .ccel_list dt::before {
content: "●";
font-size: 0.85em;
margin: 0.25em;
}
#home .ccel_list dd {
margin-left: 2em;
}
#home .ccel_competence li {
position: relative;
margin-top: 20px;
padding: 20px 40px;
background: #FFF;
box-shadow: 5px 5px 0 #9798BF;
}
#home .ccel_competence li::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 25px;
height: 25px;
background: #2E3180;
clip-path: polygon(0 0, 100% 0, 0 100%);
}
#home .ccel_competence dt {
margin-bottom: 0.5em;
font-size: 1.5em;
font-weight: 700;
color: #2E3180;
}
@media screen and (max-width: 800px) {
	#home .ccel {
	padding: 4% 2.5% 6% 2.5%;
	}
	#home .ccel_list dt {
	font-size: 1.25em;
	}
	#home .ccel_list dd {
	margin-left: 1.5em;
	}
	#home .ccel_list li {
	padding: 4% 6%;
	}
	#home .ccel_competence li {
	padding: 4% 6%;
	}
	#home .ccel_competence dt {
	font-size: 1.25em;
	}
	#home .ccel_competence dd {
	padding-left: 1em;
	text-indent: -1em;
	}
}

/* feature */
#home .feature {
margin-top: 40px;
background: rgba(255,255,255,0.5);
border-radius: 10px;
}
#home .feature .head {
position: relative;
background-image: url("../img//common/bg_head3.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
#home .feature .box {
display: none;
padding-bottom: 60px;
border-radius: 0 0 10px 10px;
}
@media screen and (max-width: 800px) {
	#home .feature {
	margin-top: 4%;
	}
	#home .feature .box {
	padding-bottom: 6%;
	}
}

#home .feature .head1 {
padding-left: 0.5em;
font-size: 1.5em;
font-weight: 700;
line-height: 1.5;
color: #009C74;
border-left: 5px solid #009C74;
}
#home .feature .head2 {
font-family: "Kiwi Maru", serif;
font-size: 1.5em;
font-weight: 500;
line-height: 1.5;
}
#home .feature .head2 .feature_point_number {
display: block;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
color: #009C74;
}
#home .feature strong {
font-weight: 400;
color: #009C74;
}
#home .feature_point > li {
position: relative;
margin-top: 40px;
padding: 20px;
background: #FFF;
}
#home .feature_point > li::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 25px;
height: 25px;
background: #009C74;
clip-path: polygon(0 0, 100% 0, 0 100%);
}
#home .feature_support li {
margin-top: 20px;
border: 1px solid #80CDB9;
}
#home .feature_support dt {
padding: 0.25em;
font-family: "Kiwi Maru", serif;
font-size: 1.5em;
font-weight: 500;
text-align: center;
}
#home .feature_support dd {
padding: 0.25em;
font-size: 1.5em;
font-weight: 700;
text-align: center;
color: #FF0;
background: #80CDB9;
}
@media screen and (max-width: 800px) {
	#home .feature .head1 {
	font-size: 1.25em;
	}
	#home .feature .head2 {
	font-size: 1.25em;
	}
	#home .feature_support dt {
	font-size: 1.25em;
	}
	#home .feature_support dd {
	font-size: 1.25em;
	}
}