@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
--------------------------------------*/

@import url(normalize.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(../_plugin/aos/aos.css);
@import url(animate.css);
@import url(common_parts.css);
@import url(common.css);


/*
 introduction
==============================*/

/* main_lead ----------*/
.main_lead {}
.main_lead span { text-align: center; vertical-align: baseline; }
.main_lead .cw { display: block; margin-bottom: 1rem; }
.main_lead .cw .c { display: inline-block; margin: 0 0.5rem 1rem; padding: 0.5rem 1rem; border: solid 1px #D59649; color: #D59649; line-height: 1; font-size: 2.4rem; }
.main_lead .t { display: block; font-size: 4rem; }
.main_lead .t .num { display: inline-block; padding: 1rem 2rem; color: #FFF; background-color: #D59649; line-height: 1; font-size: 5rem; font-family: 'Oswald', sans-serif; }
.main_lead .t .b { display: inline-block; font-size: 6rem; }

/* appeal ----------*/
#appeal {}
#appeal .pw {}
#appeal .tw { padding: 0 6rem; }
#appeal .tw h3 { margin-bottom: 6rem; border-top: solid 1px #EEE; border-bottom: solid 1px #EEE; }
#appeal .tw h3 span { display: table-cell; vertical-align: middle; }
#appeal .tw h3 .n { padding: 1rem 2.5rem; color: #FFF; background-color: #D59649; line-height: 1; font-size: 2.4rem; font-family: 'Oswald', sans-serif; }
#appeal .tw h3 .cw { padding: 0 2rem; }
#appeal .tw h3 .c { color: #D59649; white-space: nowrap; font-size: 1.6rem; border: solid 1px rgba(213, 150, 73, 0.6); line-height: 1; padding: 0.5rem; }
#appeal .tw h3 .t { padding: 1.5rem 0; color: #D59649; font-size: 2rem; line-height: 1.4; }
#appeal .tw h4 { margin-bottom: 4rem; line-height: 1.6; font-size: 3rem; }
#appeal .tw p {}


/* theme-list ----------*/
.theme-list {}
.theme-list li {}
.theme-list li a { display: block; padding: 2rem; border: solid 2px #1C2B43; color: #1C2B43; text-decoration: none; }
.theme-list li a h3 { position: relative; width: 100%; padding-bottom: 1rem; padding-right: 2rem; border-bottom: solid 1px #1C2B43; line-height: 1.4; font-size: 2rem; }
/*.theme-list li a h3:before { position: absolute; right: 0; content: "\f105"; font-family: 'Font Awesome 5 Pro'; font-weight: 400; }*/
.theme-list li a h3 small { font-weight: bold; }
.theme-list li a p {opacity: 0.8; text-align: inherit; font-size: 1.5rem; vertical-align: middle; }
.theme-list li a p .c { display: inline-block; padding: 0.4rem 0.5rem; border: solid 1px rgba(0, 0, 0, 0.2); line-height: 1; font-size: 1.2rem; vertical-align: middle; }


@media screen and (max-width:1224px) { /* iPad 横 l */
	#appeal .tw h3 { border-top: none; }
	#appeal .tw h3 .n { padding: 1rem 1.5rem; }
	#appeal .tw h3 .t { display: block; }
}
@media screen and (max-width:968px) { /* iPad 縦 m */
	#appeal .tw { padding: 0 3rem; }
	#appeal .tw h3 { margin-top: 4rem; margin-bottom: 4rem; }
	#appeal .tw h4 { margin-bottom: 2rem; }
}
@media screen and (max-width:414px) { /* iPhone 縦 s */
	#appeal .tw h3 { border-top: none; }
	#appeal .tw h3 .n { padding: 1rem 1.5rem; }
	#appeal .tw h3 .t { display: block; }
}

/* university_curriculum ----------*/
#university_curriculum {}
#university_curriculum .subjects { border: solid 1px #1C2B43; }
#university_curriculum .subjects .w { padding: 1rem; }
#university_curriculum .subjects h3 { padding: 1rem; background: rgba(28, 43, 67, 0.3); }
#university_curriculum .subjects h4 { color: #D59649; font-size: 1.4rem; }
#university_curriculum .subjects p { margin: 0; font-weight: bold; }
#university_curriculum .specialized { border: solid 1px #D59649; }
#university_curriculum .specialized .w { columns: 3 13em; column-gap: 4rem; }
#university_curriculum .specialized h3 { color: #D59649; background: rgba(213, 150, 73, 0.2); }
#university_curriculum .table-curriculum { border-color: #1C2B43; font-size: 1.4rem; }
#university_curriculum .table-curriculum * { text-align: center; }
#university_curriculum .table-curriculum hr { margin: 0.8rem 0; border: none; border-top: solid 1px #000; opacity: 0.1; }
#university_curriculum .table-curriculum .vt { width: 2em; writing-mode: vertical-lr; }
#university_curriculum .table-curriculum th, #university_curriculum .table-curriculum td { border-right: solid 1px #1C2B43; border-bottom: solid 1px #1C2B43;  }
#university_curriculum .table-curriculum th { white-space: nowrap; }
#university_curriculum .table-curriculum td { font-size: 1.3rem; }
#university_curriculum .table-curriculum .wf { width: 10%; }
#university_curriculum .table-curriculum .h th { background-color: #1C2B43; color: #FFF; border-color: rgba(255,255,255,0.3); }
#university_curriculum .table-curriculum .hs th { font-size: 1.2rem; padding: 0.5rem; }
#university_curriculum .table-curriculum .sh { border-right: dotted 1px #1C2B43; }
#university_curriculum .table-curriculum .shb { border-bottom: dotted 1px #1C2B43; }
#university_curriculum .table-curriculum .c1 th { background: rgba(28, 43, 67, 0.3); }
#university_curriculum .table-curriculum .c2 th { background: rgba(28, 43, 67, 0.2); }
#university_curriculum .table-curriculum .c3 th { background: rgba(28, 43, 67, 0.1); }
#university_curriculum .table-curriculum .c4 th { background: rgba(213, 150, 73, 0.2); }
#university_curriculum .table-curriculum .c1 .vt { margin-left: -0.5rem; }
#university_curriculum .table-curriculum .c2 .vt, #university_curriculum .table-curriculum .c3 .vt, #university_curriculum .table-curriculum .c4 .vt { padding-left: 0.5rem; }

/* graduate_curriculum ----------*/
#graduate_curriculum {}
#graduate_curriculum .colum4 { columns: 4 13em; }
#graduate_curriculum .sample {}
#graduate_curriculum .sample li { border: solid 1px #EEE; }
#graduate_curricpage_headulum .sample li span { display: block; }
#graduate_curriculum .sample li .pw { position: relative; }
#graduate_curriculum .sample li .pw .n { position: absolute; bottom: 0; left: 0; padding: 0.8rem 1.2rem; color: #FFF; background-color: #1C2B43; line-height: 1; font-size: 1.4rem; font-family: 'Oswald', sans-serif; }
#graduate_curriculum .sample li .tw { padding: 2rem; }
#graduate_curriculum .sample li .tw .t { font-size: 1.4rem; text-align: center; margin-bottom: 2rem; }
#graduate_curriculum .sample li .tw .t2 { font-size: 1.6rem; font-weight: bold; line-height: 1.6; }


/*
 news
==============================*/

/* news ----------*/
#news { position: relative; }
#news h2 { padding: 8rem 8rem 2rem; border-bottom: solid 1px #EEE; color: rgba(28, 44, 67, 0.5); line-height: 1.4; font-weight: bold; font-size: 2rem; vertical-align: baseline; }
#news h2 span { margin-right: 2rem; color: #1C2C43; text-transform: uppercase; font-family: 'Oswald', sans-serif; font-size: 5rem; vertical-align: baseline; }
#news .pnw { padding: 4rem 8rem; border-top: solid 1px #EEE; }
@media screen and (max-width:1224px) { /* iPad 横 l */
	#news h2 { padding: 4rem 4rem 2rem; }
	#news .pnw { padding: 2rem 4rem; }
}

.link { display: inline-block; padding: 1rem; padding-right: 4rem; border: solid 1px #DDD; font-weight: bold; }
.link:before { content: "\f105"; margin-right: -3rem; font-family: 'Font Awesome 5 Pro'; font-weight: 300; float: right; }
.link[target=_blank]:before { content: "\e90a"; font-family: 'icomoon'; font-style: normal; font-weight: normal; }
.link.pdf:before { content: "\f1c1"; font-family: 'Font Awesome 5 Pro'; font-weight: 300; }

/* page_img ----------*/
#page_img { position: relative; width: 100%; text-align: center; overflow: hidden; }
#page_img .bg { position: absolute; -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); -ms-filter: blur(4px); filter: blur(4px); top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
#page_img img { position: relative; z-index: 10; width: auto; max-height: 60rem; padding-top: 1px; }

/* page_head ----------*/
#page_head {}
#page_head h1 { font-size: 4rem; line-height: 1.4; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", 'Noto Serif JP', "Times New Roman", Meiryo, serif; }