@charset "utf-8";
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,#header,.header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:10px;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,#header,.header,hgroup,menu,nav,.section,.row{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0;}




img{margin:0 auto;max-width:100%}
dt,dd,tr,td,li { line-height:1.6em; letter-spacing:1px}
iframe {  border: none;  outline: none;}

body {
	font-family: 'M PLUS 1p', sans-serif!important;
	background-color:#262626;
	width:100%;
	text-align:center;
	-webkit-font-smoothing: antialiased;
}


a { text-decoration:none!important; transition-property: all; transition: 0.2s linear;}
a:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha( opacity=70 )";}
a img { transition-property: all; transition: 0.2s linear;}
a div{ transition-property: all; transition: 0.2s linear;}
a:focus { outline:none;}
button:focus { border:none; outline:none !important;}
a:link { color:inherit; text-decoration:none;}
a:visited { color:inherit; text-decoration:none; }

.switch {visibility: hidden;}

#container{
	width:100%;
	margin:0 auto;
	text-align:center;
}

#contents{
	width:100%;
	text-align:center;
}




h2{
	font-size: 2em!important;
	font-weight: 900!important;
	letter-spacing: 0.01em;
	font-family:'Oswald', sans-serif!important;
}

h3{
	font-size: 0.9em!important;
	font-weight: 400!important;
	letter-spacing: 0.15em;
	font-family:'M PLUS 1p', sans-serif;
	margin: 0 -0.17em 30px 0!important;
}

h4{
	font-size: 1.35em!important;
	font-weight: 700!important;
	letter-spacing: 0.15em!important;
	line-height: 1.6em!important;
	font-family: 'Poppins', sans-serif;
	margin: 0;
}

@media (max-width:600px){
	
	h4{
		font-size: 1.2em!important;
	}
	
}


.top-border {
	display: block;
	margin: 0;
	width: 100%;
	height: 15px;
	background: #262626;
	border-top: solid 0.5px #ccc;
	position: relative;
	z-index: 10;
}

.about-contents {
	display: flex;
}
.about-left {
	width: 45%;
	margin-right: 5%;
	-webkit-filter: drop-shadow(0px 3px 4px rgba(0,0,0,.2));
        filter: drop-shadow(0px 3px 4px rgba(0,0,0,.2));
}

.ml-5{
	margin-left: 5%!important;
}

.about-right {
	width: 50%;
}


@media (max-width:600px){
	.about-contents {
		display: block;
		max-width: 400px;
		margin: auto;
	}
	.about-left {
		width: 100%;
		margin-right: 0;
	}
	.about-right {
		width: 100%;
	}
	.about-right img{
		width: 90%;
	}
	
}

.balloon_1,.balloon_2 {
	position: relative;
	display: flex;
	letter-spacing: 0.05em;
	padding: 0 15px;
	margin: 0;
	margin-bottom: 23px;
	height: 60px;
	width: 95%;
	justify-content: center;
	align-items:center;
	font-weight: 600;
	color: #0276b7;
	background: #fff;
	box-sizing: border-box;
	border-radius: 7px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
	align-content:center;
	flex-wrap:wrap;
}
.balloon_2 {
	background: #b3e8ff;
}


.balloon_1:after{
	content: "";
	position: absolute;
	bottom: -20px;
	left: 22%;
	margin-left: -22px;
	border: solid transparent;
	border-top: solid #fff;
	border-width:20px 0px 3px 20px;
	z-index: 1;
}

.balloon_2:after{
	content: "";
	position: absolute;
	bottom: -20px;
	left: 78%;
	margin-left: -22px;
	border: solid transparent;
	border-top: solid #b3e8ff;
	border-width:20px 20px 3px 0px;
	z-index: 1;
}

.ex3-training {
	width:100%;
	padding: 0px;
	margin:0px auto;
	text-align: center;
}

.ex3-training ul{
	padding: 0px;
	width:104%;
	margin-right: -4%!important;
	margin-bottom: -4%!important;
	display: block;
}

.ex3-training ul li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	width: 29.33%;
	padding: 0 4px 4px 4px;
	margin-right: 4%;
	margin-bottom: 4%;
	text-align: center;
	-webkit-filter: drop-shadow(0px 3px 4px rgba(0,0,0,.2));
        filter: drop-shadow(0px 3px 4px rgba(0,0,0,.2));
}

.ex3-training img{
	width: 10%;
}

.ex3-training  ul>li>p{
	width: 100%;
	margin: auto;
	text-align: center;
	font-family: 'Poppins', sans-serif;
	font-size: 1.7em;
	font-weight: 700;
	margin: 5% 0 2.5% 0;
}


.ex3-training  ul>li>span{
	display: block;
	margin-bottom: 4%;
	font-size: 1.1em;
	letter-spacing: 0.1em;
}

@media (max-width:768px){
	
	.ex3-training ul li{
		width: 46%;
		margin-right: 4%;
		margin-bottom: 4%;
	}

}

@media (max-width:500px){
	
	.ex3-training ul{
		width:100%;
		margin-right: 0;
	}
	
	.ex3-training ul li{
		width: 100%;
		max-width: 340px;
		margin-right: 0;
		margin-bottom: 4%;
	}

}

.tra-box {
	width: 100%;
	padding: 4%;
	background-color: #fff;
	box-shadow: 0px 3px 4px rgba(0,0,0,0.2);
}

.tra-box-inner {
	width: 100%;
	height: 60px;
	line-height: 1.4em;
	display: flex;
	align-items:center;
	padding: 0 3%;
	border: solid 2px #ddd;
}

.tra-box-inner dt{
	width: 15%;
	display: block;
	
}

.tra-box-inner dt>img{
	width: 60%;
}

.tra-box-inner dd{
	width: 80%;
	font-weight: 600;
	letter-spacing: 0.15em;
}

.flow-box {
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0 10px 10px 10px;
}

.flow-box img{
-webkit-filter: drop-shadow(0px 3px 4px rgba(0,0,0,.2));
        filter: drop-shadow(0px 3px 4px rgba(0,0,0,.2));
}


.flow-pic {
	width: 16%;
	margin: 0;
}

.flow-arw {
	width: 5%;
	margin: 0;
}

.flow-space {
	display: none;
}

@media (max-width:768px){
	
	.flow-pic {
		width: 30%;	
	}
	.flow-arw {
		width: 5%;
	}
	.flow-space {
		display: block;
		width: 5%;margin: 0;
	}

}

.course-contents,.course-contents-s {
	display: flex;
	margin: auto;
	background-color: #fff;
	font-size: 1em;
	border: solid 3px #eee;
	-webkit-filter: drop-shadow(0px 3px 4px rgba(0,0,0,.3));
    filter: drop-shadow(0px 3px 4px rgba(0,0,0,.3));
	margin-bottom: 10px;
}

.course-contents{
	width: 100%;
	max-width: 750px;
	font-size: 1em;
}

.course-contents-s{
	width: 85%;
	max-width: 650px;
	font-size: 0.9em;
}

.course-left, .course-left-s {
	width: 50%;
	border-right: solid 1px #eee;
	background-position: left top;
	background-size: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.course-right {
	width: 50%;
	text-align: left;
}

.course-right-tit{
	width: 100%;
	display: block;
	text-align: left;
	color: #fff;
	padding: 4% 5% 3% 5%;
	border-bottom: solid 6px #0276b7;
	background: -moz-linear-gradient(left, #000, #4d4d4d);
	background: -webkit-linear-gradient(left, #000, #4d4d4d);
	background: linear-gradient(to right, #000, #4d4d4d);
}

.course-right-tit dd{
	font-size: 1.6em;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.course-right-tit span{
	font-size: 1em;
	letter-spacing: 0.1em;
}

.course-right-btm{
	width: 100%;
	display: block;
	text-align: left;
	font-size: 1.15em;
	font-weight: 500;
	letter-spacing: 0.1em;
	padding: 5% 5%;
}

.course-list {
	display: flex;
	align-items:flex-start;
	justify-content: center;
	margin-bottom: 2.5%;
}
.course-list-left {
	display: block;
	width: 16px;
	margin-right: 5px;
	vertical-align: top;
}
.course-list-right {
	display: block;
	width : -webkit-calc(100% - 21px);
	width : calc(100% - 21px));
	flex-wrap: wrap;
	padding-top: 1px;
}

@media (max-width:768px){
	
	.course-contents {
		display: block;
		width: 100%;
		max-width: 450px;
	}
	
	.course-contents-s {
		display: block;
		width: 80%;
		max-width: 410px;
	}
	
	.course-left {
		width: 100%;
		height: 210px;
		border-right: none;
	}
	
	.course-left-s {
		width: 100%;
		height: 140px;
		border-right: none;
		background-position: left bottom;
	}
	
	.course-right {
		width: 100%;
		text-align: left;
	}
	
	.course-right-tit{
		padding: 2% 5% 1% 5%;
	}
	
	.course-right-btm{
		padding: 3% 4%;
	}
	
	.course-list {
		margin-bottom: 1%;
	}
	.course-list-right {
		font-size: 0.95em;
		padding-top: 0.5px;
	}
	.course-list-right span{
		display: block;
		margin-top: -1px;
	}
	
}

.small-txt-box {
	display: inline-block;
	margin: auto;
}

.contact-tit {
	border-bottom: solid 1px #fff;
	padding-bottom: 10px;
	margin-bottom: 30px;
	font-size: 1.2em;
	font-weight: 600;
	letter-spacing: 0.1em;
}

.contact-line {
	display: flex;
	margin: auto;
	margin-bottom: 15px;
	text-align: center;
}

.contact-line-left{
	width: 50%;
	height: auto;
	background-color: #53b535;
	padding: 3%;
	font-weight: 600;
    display: flex;
    align-items: center;
	justify-content:center;
}

.line-left-inner{
	width: 100%;
	justify-content:center;
}

.contact-line-left img{
	width: 40%;
	display: block;
	margin-bottom: 7px;
}

.contact-line-right{
	width: 50%;
	border: solid 1px #53b535;
	padding: 3%;
    display: flex;
    align-items: center;
	justify-content:center;
}
.contact-line-right img{
	width: 50%;
}

@media (max-width:500px){
	
	.contact-line {
		display: block;
		margin-bottom: 15px;
		width: 100%;
		max-width: 300px;
	}
	
	.contact-line-left{
		width: 100%;
		height: auto;
		padding: 10% 3% 8% 3%;
		display: block;
	}
	
	.contact-line-left img{
		width: 30%;
	}

	.contact-line-right{
		width: 100%;
		padding: 6% 3%;
		display: block;
	}
	
}

#foot-section {
	display: flex;
	position: relative;
	justify-content:space-between;
	text-align: center;
    z-index: 10;
    width: 100%;
	margin: 0;
	padding: 2% 2% 3% 2%;
	color: #fff;
	background-color: #0276b7;
	z-index: 10;
}

.foot-left {
	text-align: left;
}

.foot-left img{
	width: 170px;
	margin-bottom: 5px;
}

.foot-left p{
	line-height: 1.4em;
	margin: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 0.8em;
	letter-spacing: 0.1em;
}

.foot-right {
	display: flex;
	align-items: flex-start;
	flex-flow: row-reverse;
}


.foot-contact {
	display: flex;
	height: 100%;
	text-align: center;
	padding: 0px;
	line-height: 1em;
	margin-right: 10px;
	margin-top: -3px;
}

.foot-contact p{
	font-family: 'Oswald', sans-serif;
	font-size: 1.8em;
	font-weight: 700;
}

.foot-contact p img{
	width: 28px;
	vertical-align:middle;
	margin-right: 1px;
	margin-bottom: 5px;
}

.foot-contact p span{
	display: block;
	font-size: 0.42em;
	font-weight: 500;
	font-family: 'M PLUS 1p';
	margin: 5px 0 0 8px;
}

#foot-section-btm {
	display: block;
	position: relative;
	text-align: center;
    width: 100%;
	padding: 10px;
	margin: 0;
	color: #fff;
	letter-spacing: 0.05em;
	background-color: #0276b7;
	z-index: 10;
}

@media (max-width:768px){
	
	#foot-section {
		padding: 4% 3%;
	}
	
	.foot-contact p{
		font-size: 1.6em;
		margin-top: 5px;
	}
	.foot-contact p img{
		width: 24px;
		margin: -5px 1px 0 0;
	}
	
	.foot-contact p span{
		font-size: 0.45em;
		margin: 5px 0 0 8px;
	}
	
}

@media (max-width:500px){
	#foot-section {
		display: block;
		padding: 8% 3% 5% 3%;
	}
	
	.foot-left {
		text-align: center;
		margin-bottom: 35px;
	}
	
	.foot-right {
		text-align: center;
		display: block;
		align-items: none;
	}
	
	.foot-contact {
		margin: auto;
		justify-content: center;
		margin-top: 25px!important;
	}
	
}

/*------------------------------------------------*/




/*
.docu-box {
	display: block;
	width:100%;
	text-align: left;
	font-weight: 300;
	line-height: 1.7em;
	letter-spacing: 0.07em;
	margin-bottom: 40px;
	
}

.docu-box p{
	font-size: 1.05em;
	font-weight: 500;
}



@media (max-width:768px){
	
	.top-box h1{
		width:80%;
	}
	
	.top-box h1 span{
		display: block;
		width: 50%;
		min-width: 240px;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	.top-box h1 p{
		font-size: 0.35em;
		line-height: 1.7em;
	}
	.top-box h1 p ss{
		display: inline-block;
	}
	
	.top-box h1 dd{
		display: block;
		margin: 0 auto;
		width:100%;
		max-width: 500px;
		margin-top: 20px;
	}
	
	.sp-txt{
		display:block;
	}
	
	.pc-txt{
		display: none;
	}


}

@media (max-width:480px){
	.top-box h1{
		margin-top: 0;
	}
}

*/


/*-------------------
---------------------
---------------------
------HEAD_END-------
---------------------
---------------------
---------------------
-------------------*/

.notice {
	display: block;
}


.notice ul {
	list-style-type: none;
	font-weight: 300;
	text-align: left;
}
.notice li{
	margin: 2px 0;
    padding-left: 1em;
    text-indent: -1em;
	line-height: 1.4em
  }
.notice ul li:before {
	font-size: 0.9em;
	display: inline;
	content: "※";
	margin-right: -0.42em;
}

.br-cont{
	display:inline-block!important;
}

.pagetop {
    display: none;
    position: fixed;
    bottom: 0;
    right: 3px;
	line-height: 0;
	margin-bottom: 10px;
	filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.3));
	z-index: 100;
}

.pagetop img{
    width: 35px;
}

.pagetop a {
	width: 45px;
    display: block;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
}
.pagetop a:hover {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.fade_off {
    opacity: 0;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;
}

.fade_on {
    opacity: 1;
}