.org-header{ display:block;vertical-align:middle;margin-left:auto;margin-right:auto;}
.org-header img{ display:block; float:left;margin-right:5px; vertical-align:middle}







.voi-mainTitle-wrap {
    padding: 40px 0 20px
}

.voi-mainTitle-wrap .voi-mainTitle {
    position: relative;
    display: block;
    margin: 0 0 10px;
}

.voi-mainTitle-wrap .voi-mainTitle .voi-mainTitle__jp {
	font-size:42px;
	padding-bottom:10px;
	color:#000;
    display: block
}

.voi-mainTitle-wrap .voi-mainTitle .voi-mainTitle__en {
    position: relative;
    display: block;
    border-top: 4px solid #000;
    padding: 4px 0 0;
    color: #e5e9eb
}

.voi-mainTitle-wrap .voi-mainTitle .voi-mainTitle__en::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 230px;
    display: inline-block;
    border-bottom: 4px solid #9fcee1;
    margin-top: -4px
}





.hr-1 {
	margin:0;
    position: relative;
    display: block;
    border-top: 4px solid #9fcee1;
    padding: 4px 0 0;
    color: #9fcee1
}

.hr-1::before {
    content: "";
    position: absolute;
    left: 33%;
    top: 0;
    width: 33%;
    display: inline-block;
    border-bottom: 4px solid #000;
    margin-top: -4px
}




.h-lv3 {
    margin: 0 0 20px 0px;
    font-size: 28px;
	color:#000;}


.h-lv4 {
    margin: 0 0 20px;
    font-weight: normal;
	font-size:24px;
	line-height:1.8em;
	padding-bottom:10px;
	color:#000
}

.h-lv4 strong,
.h-lv4 span.l-line {
    display: block;
    font-weight: normal;
    border-left: 2px solid #000;
    padding-left: 10px
}

.h-lv4 span.l-line {
   font-weight: normal;
   color:#000;
   border-left-color: #659bb4
}



.h-lv4-y {
    margin: 0 0 20px;
    font-weight: normal;
	font-size:24px;
	line-height:1.8em;
	padding-bottom:10px;
	color:#000
}

.h-lv4-y strong,
.h-lv4-y span.l-line {
    display: block;
    font-weight: normal;
    border-left: 2px solid #000;
    padding-left: 10px
}

.h-lv4-y span.l-line {
   font-weight: normal;
   color:#000;
   border-left-color: #fab976
}


.bt-D {
	display: inline-block;
	margin-bottom:10px;
	font-size:16px;
	padding:5px 13px;
    background: #3ec0fb;
    border: 1px solid #3ec0fb;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    color: #fff;
    transition: all .3s 0s ease
}

.bt-D:hover {
    color: #3ec0fb;
    background-color: #fff
}

.bt-D::before {
    content: "";
    display: block;
    width: 30px;
    height: 2px;
    position: absolute;
    background: #fff;
    right: 10px;
    bottom: 50%
}

.bt-D::after {
    content: "";
    display: block;
    width: 16px;
    height: 2px;
    position: absolute;
    background: #fff;
    right: 8px;
    bottom: 50%;
    margin-bottom: 6px;
    transform: rotate(45deg)
}


.bt-D:hover::before {background: #3ec0fb;}
.bt-D:hover::after {background: #3ec0fb;}


/* =======================================
	ClearFixElements
======================================= */

.clearfix:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	overflow: hidden;
}


.arrow-down {
    position: relative;
}
.arrow-down::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 50%;
  width: 30px;
  height: 30px;
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  transform: translateX(-50%) rotate(135deg);
}


div.course ul li::before{
  content: "◆ ";
  color: #CCC;
}

.line{ border-bottom:#999 1px solid; display:inline-block;width:100px;margin:0 15px 10px 15px;}
.line2{ border-bottom:#999 1px solid; display:inline-block;width:50px;margin:0 15px 10px 15px;}

.l-red{ border-bottom:#f00 2px solid;padding-bottom:0px;}
.l-blue{ border-bottom:#00f 2px solid;padding-bottom:0px;}

.course-menu a{color:#000; text-decoration:none}
.course-menu a:hover{color:#F00;}


.yajirushi-1{margin-right:0;}
.yajirushi-1::before{
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
	
    border-radius: 50%;
    background: none;
}

.yajirushi-1::after{
	margin-top:-7px;
    left: 4px;
    box-sizing: border-box;
    width: 6px;
    height: 6px;
    border: 6px solid transparent;
    border-left: 6px solid #f00;
}



.yajirushi-2::before{
    left: -3px;
    width: 30px;
    height: 30px;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}


.yajirushi-3::before{
    width: 8px;
    height: 8px;
	top:-2px;
   border-top: 1px solid #666;
    border-right: 1px solid #666;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}





.batsu {
  display: inline-block;
  top:5px;
  width: 20px;
  height: 20px;
  position: relative;
  border: none;
  cursor: pointer;
}
.batsu span::before,
.batsu span::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 84%;
  height: 16%;
  margin: -8% 0 0 -42%;
  background: rgb(50, 50, 50);
}
.batsu span::before {
  transform: rotate(-45deg);
}
.batsu span::after {
  transform: rotate(45deg);
}


	



.kadomaru {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.site-main{width:100%;padding:0;margin:0;}
.container {width: 980px;}
body{min-width:1200px}


.toggle-menu {
  width: 40px;
  height: 40px;
  float: right;
  margin-top: 3px;
  margin-right: 30px;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  background: #FFF; /*?*/
  display: inline-block;
  color: #006; /*?*/
  cursor:pointer;
}

i.fa{margin-top:4px; font-weight:normal;font-size:18px}

.p{ display:inline}
.m{ display:none}


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


.bg-en1,
.bg-en2,
.bg-en3,
.bg-en4
{background-image:none}



.copy {text-align:center;}

.container {max-width: 100% !important; width: 100%;}
.site-main{ min-width: 100%!important;width: 100%;}
body{min-width:100%;width:100%;}


.content-section{padding:0 10px;}


.voi-mainTitle-wrap {
    padding: -3px 0 0 0;
}

.voi-mainTitle-wrap .voi-mainTitle {
    position: relative;
    display: block;
    margin: 10px -10px;
}

.voi-mainTitle-wrap .voi-mainTitle .voi-mainTitle__jp {
	padding-left:10px;
	font-size:20px;
	padding-bottom:14px;
	color:#000;
    display: block;
	font-weight:bold;
}

.voi-mainTitle-wrap .voi-mainTitle .voi-mainTitle__en {
    position: relative;
    display: block;
    border-top: 4px solid #000;
    padding: 4px 0 0;
    color: #e5e9eb
}

.voi-mainTitle-wrap .voi-mainTitle .voi-mainTitle__en::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    display: inline-block;
    border-bottom: 4px solid #9fcee1;
    margin-top: -4px
}

.h-lv3 {
    margin: 0 0 20px 0px;
    font-size: 28px;
	color:#000;}


.h-lv4 {
    margin: 5px 0 0 -8px;
    font-weight: normal;
	font-size:18px;
	line-height:1.6em;
	padding-bottom:10px;
	color:#630;
}

.h-lv4 strong,
.h-lv4 span.l-line {
    display: block;
    font-weight:  normal;/*normal;*/
    border-left: none;
    padding-left: 6px
}

.h-lv4 span.l-line {
   font-weight:  normal;
   color:#630;
   border-left-color: #659bb4
}



.h-lv4-y {
    margin: 0 0 20px;
    font-weight: normal;
	font-size:24px;
	line-height:1.8em;
	padding-bottom:10px;
	color:#000
}

.h-lv4-y strong,
.h-lv4-y span.l-line {
    display: block;
    font-weight: normal;
    border-left: none;;
    padding-left: 10px
}

.h-lv4-y span.l-line {
   font-weight: normal;
   color:#000;
   border-left-color: #fab976
}




.bt-D {
	display: inline-block;
	background: #3ec0fb;
    border: 1px solid #3ec0fb;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    color: #fff;
    transition: all .3s 0s ease;
	width:140px;
	padding:10px 0;
	margin:7px;
	font-size:17px
}

.bt-D:hover {
    color: #3ec0fb;
    background-color: #fff
}

.bt-D::before {
    content: "";
    display: block;
    width:  20px;
    height: 2px;
    position: absolute;
    background: #fff;
    right: 10px;
    bottom: 50%
}

.bt-D::after {
    content: "";
    display: block;
    width: 13px;
    height: 2px;
    position: absolute;
    background: #fff;
    right: 10px;
    bottom: 50%;
    margin-bottom: 5px;
    transform: rotate(45deg)
}


.bt-D:hover::before {background: #3ec0fb;}
.bt-D:hover::after {background: #3ec0fb;}



/*footer*/
.f-logo-box{float:left;font-size:16px;margin-right:50px;width:500px}
.f-logo{margin-top:-4px;margin-left:-10px;margin-right:25px;float:left;width:172px;height:121px}

@media screen and (max-width: 481px) {
.f-logo-box{float:none;font-size:16px;margin:0 auto; text-align:center;width:100%;padding:0 0 0 10px;}
.f-logo{margin:0 auto;float:none;width:240px;height:inherit;margin-top:-10px;margin-bottom:15px;}
}




@media screen and (max-width: 320px) {
.bt-D,.bt-E {
	
	width:110px;
	padding:10px 0;
	margin:7px;
	font-size:14px
}

}


  
@media screen and (min-width: 482px) {
.p{ display:inline}
.m{ display:none}
}

@media screen and (max-width: 481px) {
.p{ display:none}
.m{ display:inline;}
}


@media print {
.p{ display:inline}
.m{ display:none;}
#rc_rightArea1 > a.rc_right1{ display:none}

.main-header {
  position:relative;
  margin-bottom:-125px
  }

body {
	width: 100%;
	transform: scale(0.9);
	transform-origin: 0 0;
}

.visible-xs {display: none !important;}
.hidden-xs {display: inline-block !important;}
}