@charset "utf-8";
/*-----------------------------------------------------
index.html

FileName:   page.css
$Revision: 1.1 $
-----------------------------------------------------*/

/*■コンテンツ*/

article h1 {
margin:1.0em 10px;
text-align:left;
color:#ffcc00;
font-size:1.8rem;
line-height:1.8;
}

h1 a {
color:#4CAF50;
}

h2.recommend {
color:#ffcc00;
}

section.card {
margin-top:3.0em;
}

#inquiry,
.news,
.banner {
margin-top:6.0em;
text-align:center;
}

#inquiry h2,
.news h2,
.banner h2 {
margin-bottom:0.5em;
margin-left:5px;
text-align:left;
}

.news .list {
text-align:left;
}

section.news h2 {
margin-bottom:0;
}

section.news h2 + p {
margin-left:5px;
margin-bottom:1.5em;
font-size:1.4rem;
text-align:left;
}

.labeling span {
height:25px;
line-height:25px;
font-weight:500;
}

.labeling + p {
margin-top:0.3em;
font-size:1.1rem;
color:#757575;
}

.tv span {
background-color:#03A9F4;
}
.lecturer span {
background-color:#4CAF50;
}
.writing span {
background-color:#009688;
}

.banner h2 {
font-size:1.8rem;
}

.banner h3 {
margin:3.0em 0 0.5em 0;
text-align:left;
font-size:1.4rem;
}

.banner .profile {
margin-left:5px;
margin-right:5px;
text-align:left;
font-size:1.3rem;
}

.banner dt {
text-align:left;
}

.banner dd {
text-align:left;
}

.banner ul {
width:96%;
margin:0 auto;
}

.banner li {
margin-bottom:1.5em;
text-align:left;
}

#inquiry {
width:100%;
}

#inquiry h2 {
text-align:center;
}

#inquiry .frm {
margin-top:0.5em;
font-size:2.0rem;
font-weight:600;
}

#inquiry .card {
border:4px solid #ffcc00;
}



/*■Media Queriesによる切り替え*/

@media only screen and (min-width:766px) {
/* 767px以上のデバイスに適用 */

article h1 {
font-size:2.6rem;
line-height:2.0;
}

#course p:not(.scroller) {
text-align: center;
}

#course p:not(.scroller) img {
width: auto;
height: 465px;
}

}



@media only screen and (min-width:1022px) {
/* 1023px以上のデバイスに適用 */

/*■コンテンツ*/
article h1 {
/*height:318px;*/
margin:3.0em 0;
overflow:hidden;
text-align:center;
line-height:2.0;
}
article h1 img {
position:relative;
top:50%;
left:50%;
width:auto;
max-width:none;
height:100%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

.wrap {
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
justify-content: space-evenly;
}

section.card {
width:100%;
}

section.card:not(:first-child) {
margin-left:30px;
}

section.news .list dt {
width:18%;
}

section.news .list dd {
width:82%;
}

.banner {
width:360px;
margin-left:30px;
}

.banner dt {
width:20%;
}

.banner dd {
width:80%;
}

.frm strong, .textareawrap label {
width: 28%;
}
.frm .comment,
.frm .error {
margin-left: 28%;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="time"],
textarea,
.selectboxwrap label + span {
width: 67%;
}

#course p:not(.scroller) img {
height: 186px;
}

}



@media only screen and (max-device:768px) and (-webkit-min-device-pixel-ratio:2) {
/* 768px以下のRetina Displayデバイスに適用 */

}