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

/*/--------------------------------------------------------------------------/*/
/* ===== CLEARFIX ===== */
/*/--------------------------------------------------------------------------/*/

section .lecturer:after,
section .mail:after{
content:"";
display:block;
clear:both;
}


/*/--------------------------------------------------------------------------/*/
/* ===== SECTION ===== */
/*/--------------------------------------------------------------------------/*/

section .early{
color: #f00;
font-size:200%;
font-weight: bold;
text-align: center;
}

section .course{
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
margin-left:40px;
list-style:none;
}

section .course li{
width:45.5%;
}

section .course .set{
width: 94%;
}

section .course h2,
section .course h2 span{
background:#F71;
border:none;
color:#FFF;
text-shadow:0 0 1px rgba(0,0,0,0.3);
margin:0;
text-align:center;
}

section .course p{
margin-right:0;
margin-left:0;
text-align:center;
font-size:93.75%;
}


section .course_etc{
margin-left:40px;
list-style:none;
}

section .course_etc li{
display: flex;
width:100%;
}

section .course_etc h2,
section .course_etc h2 span{
background:#F71;
border:none;
color:#FFF;
text-shadow:0 0 1px rgba(0,0,0,0.3);
margin:0;
text-align:center;
white-space: nowrap;
vertical-align: -webkit-baseline-middle;
}

section .course_etc p{
margin-right:0;
font-size:93.75%;
}

section .course_etc .red{
color: #F00;
font-weight: bold;
}


section .lecturer h2,
section .text h2,
section .mail h2,
section .entry h2{
border:none;
color:#61B45A;
font-size:200%;
font-weight:bold;
}

section h2 img{
margin:0 7px 0 0;
vertical-align:middle;
}



section .lecturer h3{
float:left;
clear:left;
width:115px;
margin:0 0 0 40px;
padding:10px;
font-size:100%;
font-weight:bold;
text-align:center;
}

section .lecturer h3 img{
padding-bottom:7px;
}

section .lecturer .merit_title{
color: #F00;
padding:10px;
font-size:150%;
font-weight:bold;
}

section .lecturer .merit{
color: #008000;
font-size:120%;
font-weight:bold;
line-height: 3em;
}

section .lecturer .m_midashi{
color: #FFF;
background-color: #F71;
padding: 10px;
margin-right: 33px;
position: relative;
}

section .lecturer .m_midashi::after{
content: "";
width: 0;
height: 0;
border-left: 22px solid #F71;
border-top: 23px solid transparent;
border-bottom: 22px solid transparent;
position: absolute;
top: 0;
right: -22px;
}

section .lecturer .merit .pic{
color: #F71;
font-size:140%;
}

section .lecturer .profile{
float:left;
width:770px;
margin-left:15px;
}

section .lecturer .profile{
float:left;
width:770px;
margin-left:15px;
}

section .lecturer .profile2{
clear:both;
display: flex;
margin-left: 23px;
}

section .lecturer .profile2 .book{
font-size:100%;
font-weight:bold;
white-space: nowrap;
padding: 10px;
border-top: #000 2px solid;
border-left: #000 2px solid;
border-bottom: #000 2px solid;
position: relative;
align-self: center;
}

section .lecturer .profile2 .book::after{
content: "";
width: 31px;
height: 31px;
border: 2px solid;
border-color: #000 #000 transparent transparent;
transform: rotate(45deg);
position: absolute;
top: 5.6px;
right: -17px;
}

section .lecturer .profile2 .books{
margin-left: 9px;
}

section .lecturer .profile3{
margin-left: 190px;
}

section .lecturer hr{
clear:both;
background:transparent;
border:none;
border-top:1px dotted #CCC;
height:1px;
width:940px;
}


section .text .pht{
text-align:center;
}

section .text .pht img{
margin:0 6px;
}

section .mail .pht{
float:right;
margin-top:0;
}

br.sp{
display: none;
}

@media screen and (max-width: 500px) {

br.sp{
display: block;
}

section p{
font-size:3.3vw;
}

section .course{
margin:0 auto;
}

section .course li,
section .course .set{
width:100%;
}

section .course p{
font-size:3.3vw;
}

section .course .three_day{
margin:0;
padding-bottom:0;
}


section .course_etc{
margin:0;
}

section .course_etc li{
flex-direction: column;
}

section .course_etc p{
margin-left: 0;
font-size: 3.3vw;
text-align: center;
}


section .lecturer .merit_title{
font-size: 4.5vw;
}

section .lecturer .merit{
font-size: 4vw;
text-align: center;
line-height: 1.8em;
}

section .lecturer .m_midashi{
display: block;
padding: 5px 10px;
margin-right: 0;
margin-bottom: -15px;
box-sizing: border-box;
}

section .lecturer .m_midashi::after{
display: none;
}

section .lecturer .merit .pic{
color: #F71;
font-size:140%;
}

section .lecturer .profile{
float:none;
width:100%;
margin-left:0;
}

section .lecturer .profile2{
flex-direction: column;
margin-left: 0;
}

section .lecturer .profile2 .book{
display: block;
width: 100%;
padding: 5px 10px;
border-right: #000 2px solid;
font-size: 4vw;
text-align: center;
align-self: flex-start;
box-sizing: border-box;
}

section .lecturer .profile2 .book::after{
display: none;
}

section .lecturer .profile2 .books{
margin-left: 0;
}

section .lecturer .profile3{
margin-left: 0;
}

section .lecturer .sp_space{
margin-bottom: 20px;
}

section .lecturer h3{
margin:0;
padding: 10px 10px 10px 0;
}

section .lecturer hr{
width:100%;
}

section .lecturer h2,
section .text h2,
section .entry h2{
font-size: 5vw;
margin: 30px auto 0;
}

section .lecturer h2 img,
section .text h2 img,
section .entry h2 img{
width:50px;
}

section .lecturer p,
section .text p,
section .entry p{
margin: 15px auto 0;
}

section .text .pht img{
margin:6px;
}

section .mail h2{
font-size: 5vw;
margin: 30px auto 15px;
}

section .entry .mail img{
width:50px;
}

section .mail p{
margin: 0 auto;
}

}