@charset "UTF-8";

/* resets 
------------------------------------------------*/
section,nav,article,aside,hgroup,header,footer,figure,figcaption,box { display: block; margin:0; padding:0; }
caption,th { margin: auto; text-align: left; }
img {
	border: 0;
	border-style:none;
	vertical-align: bottom; 
}

address,caption,th { 
	font-weight: normal; font-style: normal; 
}

/*　Main Structure	
------------------------------------------------*/
body { 
	margin:0;
	padding:0;
	background:#6bc4bc;  
	background-image:		url(../images/top-Illustration/nav4.png),url(../images/top-Illustration/home_bg_02.png),url(../images/bg-images/bg_03.png); 
    /*background-position: center 493px ,center top, center bottom ;/*左数字変更hirano0815*/
    background-position: center 493px ,center top, center bottom ;/*左数字変更hirano0815*/
	background-repeat:no-repeat;  
	background-size:100% 57px,100% 15.1% ,100% auto; /*中央数字変更hirano0815*/
	color: #222;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

a:link { 
	color: #4183c1; 
}

a:visited { 
	color: #86abcd; 
} 

a:hover {
	background:#39f;
	color:#039;
	text-decoration: none
}							

/*  clearfix 
------------------------------------------------*/
.clearfix { *zoom:1; }
.clearfix:before,
.clearfix:after {
	display: table;
	content:"";
	line-height: 0;
}
.clearfix:after { clear: both; }


/*	common 
------------------------------------------------*/
#container {
	margin: 0 auto;  
	width: 950px;
	height:auto;
	overflow:hidden;
}

/*  header 
------------------------------------------------*/
header{
    width: 100%;
    height: auto;
	position:relative;
}


article h2 {
    margin: -26% 8% 1% 29%;
    font-size: 2.5em;
    /*color: #452420;*/
    text-align: center;
    letter-spacing: 3px;
    background: rgba(188, 225, 224, 0.77);
    padding: 1%;
    border-radius: 335px;
    width: 36%;
    color: #fff;
    background: #e83569;
}

.bosyuu{
	background: #039;
	/*font-size: 4em;*/
	font-size: 3em;
}

header h1 {
    margin: 0.5% 2.8% 1%;
    font-size: 0.7em;
    color: #673AB7;
    width: 79%;
}

header h2 {
    float: left;
    margin: -0.5% 8%;
    width: 51%;
    font-size: 2.1em;
    color: #fffeef;
}

header h2 img {
    margin: 0 1% 2.3% 1%;
    max-width: 10%;
    height: auto;
}

header p.tel {
    float: right;
    font-size: 2em;
    font-weight: bold;
    margin: -1% 0.1% 0;
}

header p.tel img {
    margin: 0 2% 3.5% 0;
    width: 7%;
}

header p.tel a:visited ,
header p.tel a:link{
	color:#FFF;
}

header p.tel a:hover {
	color:#FF9;
	background:none;
}

header a {
text-decoration: none;
}

.logo img {
    position: absolute;
    top: 26px;
    left: 16px;
    width: 6%;
    height: auto;
}

#header_hato {
    display: block;
    position: absolute;
    top: 89px;
    right: 70%;
    margin-right: 170px;
    overflow: hidden;
    width: 76px;
    height: 71px;
    -webkit-animation: homeHatoMove 2.2s ease-out .8s both;
    animation: homeHatoMove 2.2s ease-out .8s both;
    pointer-events: none;
}

#header_hato_img {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: homeHatoFrames .2s steps(1, end) .8s 14 both;
    animation: homeHatoFrames .2s steps(1, end) .8s 14 both;
}

/*  nav  
------------------------------------------------*/
nav ul {
    margin-top: 51%; /*数字変更hirano0815*/
    text-align: center;
}

nav ul li {
    display: inline;
    list-type: none;
	margin-right:-1%;
    padding: 0 2%;
    font-size: 1.3em;
	font-weight:bold;
	border-left: 4px dotted #ff9933;
}

nav ul li.right-border{
	border-right: 4px dotted #ff9933;
}

nav ul a:link {
	color: #452420;
}

nav ul a:visited {
	color: #452420;
}

nav ul a:hover {
	color:#0CF;
	background:none;
	text-decoration:none;
}
nav ul li.ac1 {
    background-color: palegoldenrod;
}


/*  visual 
------------------------------------------------ */
#slideshow IMG {
    position: absolute;
    top: 62px;
    left: 30.5px;
    width: 87%;
    border-radius: 15px;
    z-index: 6;
    height: 73%;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}  

#title_image img {
    z-index: 1;
    margin-bottom: -26%;
}

/* article 
------------------------------------------------*/
/*-----------------------------
	追加CSS(外部指導者)
-------------------------------*/

.gaibu-back{
	width: 95%;
	margin: 33% 2.5% 0%;
	background-color: #33c7f0;
    float: left;
}

.box-last .gaibu-img1{
    padding: 0;
    width: 95%;
    height: auto;
}

.box-last p{
	color: black;
    font-size: 1em;
	font-weight: bold;
}

.box-last span{
    font-size: 1.2em;
    font-weight: bold;
	-webkit-text-stroke: 0.5px #0a0a0a;
}

.box-last .text1{
    color: red;
}

.box-last .text2{
	color: #fffd00;
}

.box-last .text3{
    color: #fe8628;
}

.box-last .text4{
    color: #fa83ff;
}

.box-last .gaibu-img2{
    padding: 0;
    width: 100%;
    height: auto;
}

.box-last .gaibu-back a:hover{
	background: #33c7f0;
}

/*-------------------------------------*/
.main{
    width: 100%;
    height: auto;
	margin: 11% 1.5% 0;
}

.main2 {
    width: 100%;
    height: auto;
    margin: 2% 0.5% 0;
}

.main img {
    float: left;
    margin: 2.5% 3% 1% 0;
}

article h2 {
    margin: 0% 1% 2% 1%;
    font-size: 1.8em;
    /*color: #452420;*/
    text-align: center;
    letter-spacing: 3px;
    background: rgba(188, 225, 224, 0.77);
    border-radius: 335px;
    width: 93%;
    color: #fff;
    background: #e83569;
}



/* HOME 
------------------------------------------------*/
/* thumbnail */

.video {
    position: relative;
	margin: 2% 0 5%;
	text-align: center;
}

.btn-video {
    width: 301px;
    height: 80px;
    cursor: pointer;
    position: absolute;
    top: 265px;
    left: 524px;
}

.box-first {
    float: left;
    width: 24.2%;
    margin: 0 1.3% 2% 0;
    text-align: center;
    height: 300px;
    background: palegoldenrod;
    position: relative;
    border-radius: 15px;
}

.box {
    float: left;
    width: 48%;
    margin: 0 0 2% 0;
    text-align: center;
    height: 300px;
    background: #eee;
    position: relative;
	border-radius: 4px;
}

.box-last {
    float: left;
    width: 24.2%;
    margin: 0 0 2.3% 1.3%;
    text-align: center;
    height: 300px;
    background: palegoldenrod;
    position: relative;
    border-radius: 15px;
}

.box h3 {
    font-weight: bold;
    font-size: 1.41em;
    color: #fff;
    margin-top: -1%;
    background: #39f;
    height: 10%;
    padding: 2%;
}

.box-first h3 ,.box-last h3{
    font-weight: bold;
    font-size: 1.41em;
    color: #fff;
    position: absolute;
    background: #39f;
    top: -28px;
    left: 0px;
    width: 100%;
    height: auto;
    padding: 5% 0 2%;
}

.box-first img, .box-last img {
    padding: 74% 0 0;
}

.box-first a, .box-last a {
    color: #039;
    text-decoration: none;
    font-size: 0.92em;
}

.box-first a{
    font-size: 20px;
}

.box-first a:hover,.box-last a:hover {
	color:#06F;
	background:rgba(255, 204, 255, 0.58);

}
.box-first .description {
    font-weight: bold;
    font-size: 1.6em;
    margin: -101% 3%;
	line-height: 1.3em;
}

.box-last .description {
    font-weight: bold;
    font-size: 1.4em;
    margin: 24% 3%;
    line-height: 1.7em;
}

span.font {
    font-size: 1em;
    text-decoration: underline;
    line-height: 2;
    font-weight: bold;
    color: #039;
	padding-right:3%;
}

span.font2 {
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: underline;
    line-height: 2;
	color:#F93;
}

span.font3{
	color:#F60;
	font-weight:bold;
}

span.font1 a{
	font-size: 1.3em;
	color: #E91E63;
}

span.font2 a{
	font-size: 1.3em;
	color: #001560;
}

.pink{
	color:#F69;
	text-decoration: none;
}


/* thumbnail-2 */
.thumbnail-2 ul{
	text-align:center;
	list-style:none;
	padding-left:0;
}

.thumbnail-2 ul li{
	display:inline;
}

.thumbnail-2 ul li a{
	display:inline-block;
	margin:0 1.5% 0 ;
}

.en1 a{
 	background-image:url(../images/top-Illustration/information1.png);
  	background-size: 100%;
}

/*.en1 a:hover{
  	background-image:url(../images/top-Illustration/bk3.png);
  	background-size: 100%;
}*/

.en2 a{
	background-image:url(../images/top-Illustration/information3.png);
	background-size: 100%;
}

/*.en2 a:hover{
	background-image:url(../images/top-Illustration/bk4.png);
	background-size: 100%;
}*/

.en3 a{
	background-image:url(../images/top-Illustration/hatopopo2.png);
	background-size: 100%;
}

/*.en3 a:hover{
	background-image:url(../images/top-Illustration/bk1.png);
	background-size: 100%;
}*/

.en4 a{
	background-image:url(../images/top-Illustration/hatopopo1.png);
	background-size: 100%;
}

/*.en4 a:hover{
	background-image:url(../images/top-Illustration/bk2.png);
	background-size: 100%;
}*/

/* access */
#access{
	margin-top:4%;
	float: left;
	width: 100%;
	
}

section.info1 {
    float: left;
    width: 46%;
    height: auto;
    padding-right: 2%;
    border: #FC0 dotted 8px;
    border-radius: 10px;
    background: #fff;
    font-size: 1.2em;
	margin-bottom: 2%;
}

section.info1-a {
    float: left;
    width: 46%;
    height: auto;
    padding: 0 0 0% 2%;
    border: #FC0 dotted 8px;
    border-radius: 10px;
    background: #fff;
    font-size: 1.2em;
    margin-bottom: 2%;
    line-height: 1.3em;
}

section.info1 dl {
	margin:1% 5% 2%;
}
	
section.info1 dt{	
	color:#36F;
	font-weight:bold;
}

section.info1 dd {
    padding: 1% 0 1% 32%;
    font-size: 0.9em;
    text-align: justify;
    width: 72%;
    line-height: 1.5;
}

.bus img{
	width:20%;
	height:auto;
}

span.font4 {
    color: #36F;
    font-weight: bold;
    margin-left: -5%;
    margin-bottom: -3%;
    display: block;
}

section.info2 {
    float: left;
    width: 44%;
    height: 400px;
    margin-left: 2%;
    padding: 0 1.5% 2%;
    border: #09C 3px double;
    border-radius: 50px;
    background: #fff;
    text-align: center;
}

.info1 h3, .info2 h3 {
    margin: 3% 2% 0% 1%;
    color: #452420;
    font-size: 1.3em;
    text-align: center;
}

#access img {
    float: left;
    margin: 0 0 5% 6.4%;
    width: 88%;
    height: 292px;
}

.bus img{
	float: left;
    margin: 0 0 5% 6.4%;
    width: 20%;
}

.news-info {
    font-size: 1.9em;
    margin: 2%;
    font-weight: bold;
}

/* news_set */	

.news {
    float: left;
    width: 43%;
    font-size: 0.9em;
    color: #069;
	position:relative;
	margin-top: 2%;
}

.news h3{
    width: 43%;
    color: #fff;
    margin: 1% 0 -2%;
    font-size: 1.5em;
    text-align: center;
    background: #39F;
    border-radius: 4px;
}

.blog h3 {
    width: 43%;
    font-size: 0.9em;
    color: #fff;
    margin: 1% 0 -2%;
    font-size: 1.5em;
    text-align: center;
    background: #F60;
    border-radius: 4px;
}

.blog h2 {
    width: 43%;
    color: #fff;
    margin: 1% -2% -2%;
    font-size: 1.5em;
    text-align: center;
    background: #F60;
    border-radius: 4px;
}

.blog{
	float: left;
    margin-left: 9%;
	margin-top: 2%;
	width: 43%;
    color:#F90;
    padding-left: 1%;
	position:relative;
}

article dl.contents1 {
    margin: 1% 0 6%;
    padding-right: 0%;
    padding-left: 12px;
    width: 105%;
    height: 225px;
    overflow: auto;
    border-radius: 5px;
    box-shadow: 4px 3px;
    border: 1px solid #ccc;
	background: #eee;
}

.contents1::-webkit-scrollbar{ 
    width: 15px;
}

.contents1::-webkit-scrollbar-thumb{ 
    background: #9e9e9e;
    border-radius: 10px;
}
.contents1::-webkit-scrollbar-track-piece:start{ 
    background: #ccc;
}
.contents1::-webkit-scrollbar-track-piece:end{ 
    background: #ccc;
}


.contents2::-webkit-scrollbar{ 
    width: 15px;
}

.contents2::-webkit-scrollbar-thumb{ 
    background: #9e9e9e;
    border-radius: 10px;
}
.contents2::-webkit-scrollbar-track-piece:start{ 
    background: #ccc;
}
.contents2::-webkit-scrollbar-track-piece:end{ 
    background: #ccc;
}

/*20150825平野追加↓*/
article dl.contents2 {
    margin: 0% 0 6%;
    padding-right: 0%;
    padding-left: 12px;
    width: 105%;
    height: 225px;
    overflow: auto;
    border-radius: 5px;
    box-shadow: 4px 3px;
    border: 1px solid #ccc;
    background: #eee;
	font-size: 0.9em;
}

article section dt {
	float: left;
	margin: 0 0 1%;
}

article section dd {
    margin: 0 0 1%;
    padding: 0 0 1% 26%;
}

/*追加データ*/

.thumbnail-2 .new img {
	margin: 2% 29.5%;
}

.thumbnail-2 .new:hover{
	background: none;
	color: #fff0;
}


	


/* footer
------------------------------------------------*/
footer {
    clear: both;
    margin: 0 0 20%;
    text-align: center;
    height: auto;
    background: #3399ff;
}

.footer_left {
    float: left;
    font-size: 13px;
    width: 33%;
    text-align: left;
    padding-top: 1.5%;
    padding-right: 0.5%;
    background: #eee;
	height: 182px;
}

.footer_center {
    font-size: 13px;
    float: left;
    width: 32%;
    padding-right: 0.5%;
    padding-left: 0.5%;
    background: #eee;
    height: 196px;
}

.footer_right {
    float: left;
    font-size: 13px;
    width: 33.5%;
    text-align: left;
    padding-top: 1.5%;
    background: #eee;
    height: 182px;
}

footer ul {
    padding: 0;
    list-style: none;
    margin-left: 1%;
    line-height: 1.1em;
}

footer ul li {
	margin: 10px 3px 0 0;
	border-left:#336699 dashed 2px;
	border-right:#336699 dashed 2px;
	font-size: 14px;
	display:block;
}
footer ul li a {
	color: #452420
}

footer ul li a:link,
footer ul li a:visited  {
	color: #452420;
	text-decoration: none;  
}
footer ul li a:hover {
	color:#b8860b;
	font-style: italic;
	background: none;
}
 
footer a:hover {
	color:#F60;
	font-style: italic;
	background: none;
}
footer ul li a.current a {
	color: #F60;
	font-weight: 600;
}
 
footer small {
    display: table-cell;
    padding: 25% 11% 0 5%;
    font-size: 1em;
    color: #452420
 	text-align: center;
}

.footer_left dl{
	font-size:1.1em;
	color: #452420;
}
.footer_left dt{
	padding-left:38px;
	line-height:1.2em;
}
.footer_left dd{
	line-height:1.8em;
	padding-top: 8px;
}
.footer_left a{
	color: #452420;
	text-decoration: none;
}

dd.blog1 a{
	font-size:1.15em;
	color:#666633;
	font-weight:700;
}

p.pagetop {
	text-align: right;
	position: relative;
}
p.pagetop img {
	width: 4.2%;
	vertical-align: bottom;
	bottom: 0px;
	right: 10px;
	position: fixed;
}

/*2018.01.12山本追加*/
/*.notice {
	width: 96.8%;
	background-color: #FFF;
	border-color: #452420;
	border-radius: 15px;
	padding: 10px;
	padding-top: 3px;
	margin-bottom: 20px;
	float: left;
}
.notice h3 {
	background-color:  #39f;
	color: #FFF;
	text-align: center;
}*/


/*2018.01.31山本追加*/

.res-br1{
	display: none;
}
.res-br2{
	display: none;
}

/*.br3 {
	display: none;
}*/

/* 追加20190712田辺 */
.text5 {
	color: springgreen;
}