@charset "utf-8";
/* ======================================
body
====================================== */
#contents{
	padding-top:83px;
}

#fix_area{
	width:100%;
	min-width:950px;
}

.c_inner{
	width:940px;
	margin:0 auto;
	position:relative;
}
.c_anchor{
	margin-top:-100px;
	padding-top:100px;
}

a.c_blocklink{
	display:block;
	-webkit-transition: 0.5s;
	transition: 0.5s
}

a.c_blocklink:hover{
	opacity:0.6;
	text-decoration:none;
}

a.c_blocklink:hover img{
	opacity:1;
}

/* page_title */
.page_title{
	background-repeat:repeat;
	background-position:center center;
	display:table;
	width:100%;
}

.page_title .hl_txt{
	height:180px;
	display:table-cell;
	vertical-align:middle;
}

.page_title .hl_txt span{
	display:block;
	margin:10px 0 0 10px;
}

.bg_qa.page_title span,
.bg_topics.page_title span,
.bg_tuition.page_title span{margin:20px 0 0 0;}
.bg_outline.page_title span{margin-left:-5px;}
.bg_reservation.page_title .hl_txt span{margin:19px 0 0 5px;}
.bg_course.page_title span{margin:20px 0 0 -10px;}

.bg_application.page_title .hl_txt span,
.bg_inquiry.page_title .hl_txt span,
.bg_reservation.page_title .hl_txt span{
	width:100%;
	max-width:430px;
}

.bg_application.page_title{background-color:#EFEA5E;}
.bg_inquiry.page_title{border-top:2px solid #000;border-bottom:2px solid #000;}
.bg_reservation.page_title{;background-color:#36A8B3;}

.bg_topics.page_title{background-image:url(../img/cmn/bg_sl01.png);}
.bg_qa.page_title{background-image:url(../img/cmn/bg_sl02.png);}
.bg_course.page_title{background-image:url(../img/cmn/bg_tx01.png);}
.bg_outline.page_title{background-image:url(../img/cmn/bg_tx02.png);}
.bg_seminar.page_title{background-image:url(../img/cmn/bg_tx03.png);}
.bg_tuition.page_title{background-image:url(../img/cmn/bg_tx05.png);}

/* effect */
.fadeIn{
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}

/* =================== header =================== */
#header{
	position:fixed;
	top:0;
	width:100%;
	background:#fff;
	z-index:9998;
}

.hdr_inner{
	width:950px;
	margin:0 auto;
	overflow:hidden;
}

.hdrLogo{
	width:476px;
	float:left;
	margin:21px 0 0 3px;
}

.hdrBtn{
	float:right;
	width:336px;
	overflow:hidden;
}

.hdrBtn p{
	float:left;
	width:84px;
	cursor:pointer;
	-webkit-transition: 0.5s;
	transition: 0.5s
}

.hdrBtn p a,
.hdrBtn p img{
	display:block;
}

.hdrBtn .navOpen:hover{
	opacity:0.6;
}

.spNav{
	display:none;
}

/* =================== grobal_navi =================== */
#globalNav{
	position:fixed;
	z-index:9999;
	right:-100%;
	top:0;
	height:100%;
	width:45.5%;
	min-width:380px;
	background:#36A8B3;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	overflow-y:scroll;
}

#globalNav.open{
	right:-20px;
}

.navClose{
	background:#000;
	cursor:pointer;
}

.navClose_img{
	width:404px;
}

.globalNav_wrap{
	padding:35px 54px;
}

.globalNav_list01{
	margin-bottom:45px;
}

.globalNav_list01 li{
	margin-bottom:22px;
	width:250px;
}

.globalNav_list02 li{
	width:236px;
	margin-bottom:12px;
}

/* =================== footer =================== */
#footer{
	padding:57px 0 8px;
	border-top:2px solid #C6C5C3;
	border-bottom:6px solid #36A8B3;
	background:#fff;
}

.footerInfo{
	float:left;
	margin-bottom:27px;
}

.footerInfo_logo{
	width:478px;
	margin-bottom:11px;
}

.footerInfo_txt{
	line-height:1.55;
	font-size:15px;
}

.footerNav{
float: right;
margin-top: 7px;
width: 390px;
display: block;
}

.footerNav li{
float: left;
margin-left: 30px;
margin-bottom: 10px;
display: block;
}

.footerNav li:before{
	content:"\003E";
	padding-right:7px;
	font-size:16px;
}

.footerCopy{
	clear:both;
	text-align:right;
	font-size:11px;
}

/* rsp */
.uaSP.rsp .seminarDetail,
.uaSP.rsp .courseList{
	overflow: hidden;
}
.uaSP.rsp .c_add_anchor{
	padding-top: 45%;
	margin-top: -45%;
}
.uaSP.rsp .hdr_inner{
	width: 100%;
}
.uaSP.rsp .hdrLogo{
	width: 95%;
	float: none;
	margin: 4.8% auto 4%;
	position: relative;
	left: 1%;
}
.uaSP.rsp .hdrBtn{
	width: 78%;
	float: none;
	margin: 0 auto 4%;
}
.uaSP.rsp .hdrBtn p{
	width: 25%;
	-webkit-transition: none!important;
	transition: none!important;
}
.uaSP.rsp .hdrBtn p img,
.uaSP.rsp .navClose_img img,
.uaSP.rsp .globalNav_list02 li img{
	width: 100%;
	display: block;
}
.uaSP.rsp #contents{
	padding-top: 40%;
}
.uaSP.rsp #globalNav{
	width: 100%;
	min-width: 0;
	right:-120%;
	overflow-y:scroll;
}
.uaSP.rsp #globalNav.open{
	right: 0;
}
.uaSP.rsp .navClose_img{
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.uaSP.rsp .globalNav_wrap{
	padding: 10%;
}
.uaSP.rsp .globalNav_list01{
	margin-bottom: 5%;
}
.uaSP.rsp .globalNav_list01 li{
	width: 100%;
	margin-bottom: 8%;
}
.uaSP.rsp .globalNav_list01 li img{
	width: 95%;
	display: block;
}
.uaSP.rsp .globalNav_list02 li{
	width: 92%;
	margin: 0 auto 2.3%;
}

.footerNav .topTopics_fb a {
display: block;
margin-left: 10px;
float: right;
}

/* ======================================
sp
====================================== */
@media only screen and (max-width:640px){

#contents{
    padding-top: 40%;
}

.bg_application.page_title .c_inner,
.bg_inquiry.page_title .c_inner,
.bg_reservation.page_title .c_inner{width:640px;}
.bg_inquiry.page_title .hl_txt span{width:90%;}
.page_title .hl_txt{height:155px;}

.bg_application.page_title .hl_txt span,
.bg_inquiry.page_title .hl_txt span,
.bg_reservation.page_title .hl_txt span{
	max-width:500px;
	margin:0 0 0 5.5%;
}

/* =================== header =================== */
.hdr_inner{
	width:640px;
}
#top header #header .hdr_inner .hdrLogo a img {
    width: 100%;
    height: auto;
}

.hdrLogo{
    width: 95%;
    margin-top: 4.8%;
    margin-right: 0;
    margin-bottom: 4%;
    margin-left: 3.5%;
}

.hdrBtn{
    float: none;
    width: 500px;
    overflow: hidden;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: auto;
    clear: both;
}

.hdrBtn p{
	width:125px;
	-webkit-transition: none!important;
	transition: none!important;
}
.spNav{
    display: none;
}
/*.spNav{
	cursor:pointer;
	max-width:42px;
	width:7%;
	display:block;
	float:right;
	margin:6.4% 4% 0 0;
}*/

/* =================== grobal_navi =================== */
#globalNav{
	right:-120%;
	width:100%;
	min-width:320px;
	overflow-y:scroll;
}

.navClose_img{
	width:100%;
}

.globalNav_wrap{
	padding:10%;
}

.globalNav_list01 li{
	margin-bottom:8%;
	width:95%;
}

.globalNav_list02 li{
	width:100%;
	text-align:center;
}

/* =================== footer =================== */
#footer{
    clear: both;
    padding-top: 57pt;
    padding-right: 0;
    padding-bottom: 8px;
    padding-left: 0;
    width: 100%;
}

#footer .c_inner{
	width:640px;
}

.footerInfo{
	float:none;
	padding:0 4%;
	margin-bottom:75px;
}

.footerInfo_logo{
	width:100%;
	margin-bottom:15px;
}

.footerInfo_txt{
	font-size:18px;
}

.footerNav{
	display:none;
}

.footerCopy{
	text-align:center;
	font-size:14px;
}

/* =================== seminor =================== */
body.viewSP .c_inner {
	max-width: 640px;
}

.page_title .hl_txt {
    text-align: center;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* =================== course =================== */
body.viewSP .c_add_anchor {
    padding-inline: 20px;
}

}/* /end */



.topTopics_fb{
float: right;
width: 97%;
clear: both;
display: block;
margin-top: 12px;
margin-right: 3%;
}
.topTopics_fb a img {
    height: auto;
    width: 36px;
    float: right;
    margin-right: 0px;
    margin-top: -10px;
}