@charset "utf-8";

*{
padding: 0;
margin: 0;
}

a:link {COLOR: #0000CC;
	text-decoration: none;
}
a:hover {COLOR: #99CCFF;}
a:visited {COLOR: #0000CC;}
a:active {COLOR: #0000CC;}

body {
	background-color: #ffffff;
	font: 16px/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%; /* Safari */
}

header{
}

.topblueline{
	height: 12px;
	background: #1e90ff;
}

.topline{
	height: 3px;
	background: #FFAEC9;
}




/* 
hamburger(ハンバーガーアイコン)
=================================== */
.hamburger {
  position: absolute;
  right: 20px;
  top: 30px;
  width: 80px;
  height: 60px;
  cursor: pointer;
  z-index: 300;
}

.hamburger__line {
  position: absolute;
  width: 80px;
  height: 3px;
  right: 0;
  background-color: #000;
  transition: all 0.5s;
}

.hamburger__line--1 {
  top: 2px;
}

.hamburger__line--2 {
  top: 24px;
}

.hamburger__line--3 {
  top: 48px;
}

/*ハンバーガーがクリックされたら*/
.open .hamburger__line--1 {
  transform: rotate(-45deg);
  top: 11px;
}

.open .hamburger__line--2 {
  opacity: 0;
}

.open .hamburger__line--3 {
  transform: rotate(45deg);
  top: 11px;
}

/* 
sp-nav(ナビ)
=================================== */
.sp-nav {
  position: fixed;
  right: -100%;
  /*ハンバーガーがクリックされる前はWindow右側に隠す*/
  top: 0;
  width: 70%;
  /* 出てくるスライドメニューの幅 */
  height: 100vh;
  background-color: #fff;
  transition: all 0.5s;
  z-index: 200;
  overflow-y: auto;
  /* メニューが多くなったらスクロールできるように */
}
.sp-nav a{
	font-size: 44px;
	text-align: center;
	color: #000000;
}
/*ハンバーガーがクリックされたら右からスライド*/
.open .sp-nav {
  right: 0;
}


/* 
black-bg(ハンバーガーメニュー解除用bg)
=================================== */
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  background-color: #000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 100;
}

/*ハンバーガーメニューが開いたら表示*/
.open .black-bg {
  opacity: 0.3;
  visibility: visible;
}









.pc{display: block;}
.sp{display: none;}
.hamburger{display: none;}
.topguid{display: block;}
.topguids{display: none;}
.menu{display: block;}
.menus{display: none;}
.topphoto{display: block;}
.topphotos{display: none;}
.gazous{display: none;}
.index-01{display: block;}
.index-02{display: block;}
.program1{display: block;}
.program2{display: block;}
.aboutus1{display: block;}
.aboutus2{display: block;}
.aboutus3{display: block;}
.wakus{display: none;}
.index-01s{display: none;}
.index-02s{display: none;}
.program1s{display: none;}
.program2s{display: none;}
.aboutus1s{display: block;}
.aboutus2s{display: block;}
.aboutus3s{display: block;}
.bottomad{display: block;}
.bottomads{display: none;}
.bottomall{display: block;}
.bottomallmob{display: none;}
.copyright{display: block;}
.copyrights{display: none;}
.map{display: block;}
.maps{display: none;}
.indeximg01{display: block;}
.indeximgs01{display: none;}
.gg{display: block;}
.ggs{display: none;}
.rc{display: block;}
.rcs{display: none;}

@media only screen and (max-width: 1100px){
  .pc{display: none;}
  .sp{display: block;}
	.hamburger{display: block;}
	.topguid{display: none;}
	.topguids{display: block;}
	.menu{display: none;}
	.menus{display: block;}
	.topphoto{display: none;}
	.topphotos{display: block;}
	.gazous{display: block;}
	.index-01{display: none;}
	.index-02{display: none;}
	.program1{display: none;}
	.program2{display: none;}
	.aboutus1{display: none;}
	.aboutus2{display: none;}
	.aboutus3{display: none;}
	.wakus{display: block;}
	.index-01s{display: block;}
	.index-02s{display: block;}
	.program1s{display: block;}
	.program2s{display: block;}
	.aboutus1s{display: block;}
	.aboutus2s{display: block;}
	.aboutus3s{display: block;}
	.bottomad{display: none;}
	.bottomads{display: block;}
	.bottomall{display: none;}
	.bottomallmob{display: block;}
	.copyright{display: none;}
	.copyrights{display: block;}
	.map{display: none;}
	.maps{display: block;}
	.indeximg01{display: none;}
	.indeximgs01{display: block;}
	.gg{display: none;}
	.ggs{display: block;}
	.rc{display: none;}
	.rcs{display: block;}
	}



.gg{
		margin-top: 30px;
		margin-right: auto;
		margin-left: auto;
	}

.ggs{
			margin-top: 100px;
			margin-right: auto;
			margin-left: auto;
			padding-bottom: 3px;
		}



.logoguid{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	padding-bottom: 50px;
}
.logo{
	margin-right: auto;
	margin-left: auto
}




.menu{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#navimenu {
	list-style:none;
	padding-left:0;
	margin-left:0;
	width:960px;
	border-right: 1px #FFFBBC solid;
	background-color: #FFFBBC;
}
#navimenu:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#navimenu li {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	width: 186px;
	line-height: 1;
	list-style-type: none;
	background-color: #FFFBBC;
	border-color:#FFFBBC;
	border-width:1px;
	border-style:solid;
	border-right: 1px #FFFBBC solid;
	border-left: 1px #FFFBBC solid;
}
#navimenu li a {
	color: #1e90ff;
	display: block;
	padding: 8px;
	position: relative;
	font-size: 18pt;
	font-weight: bold;
	border-color:#ffffff;
	text-align: center;
	text-decoration: none;
	background-color: #FFFBBC;
	border-width:1px;
	border-right: 2px #1e90ff solid;
	border-left: 1px #FFFBBC solid;
}
#navimenu li a:hover {
	color: #4169e1;
	background-color: #FFFBBC;
}




.menus{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}

#navimenus {
	list-style:none;
	padding-left:0;
	margin-left:0;
	width:980px;
	border-right: 1px #000000 solid;
	background-color: #ffffff;
}
#navimenus:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
#navimenus li {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	width: 242px;
	line-height: 1;
	list-style-type: none;
	background-color: #ffffff;
	border-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-right: 1px #000000 solid;
	border-left: 2px #ffffff solid;
}
#navimenus li a {
	color: #000000;
	display: block;
	padding: 8px;
	position: relative;
	font-size: 32pt;
	border-color: #ffffff;
	text-align: center;
	text-decoration: none;
	background-color: #ffffff;
	border-width:1px;
	border-right: 1px #ffffff solid;
	border-left: 1px #ffffff solid;
}
#navimenus li a:hover {
	color: #4169e1;
	background-color: #ffffff;
}



.menuline{
	height: 1px;
	background: #b0c4de;
}



#mainbox {
	background-color: #ffffff;
	height: auto;
	width: 980px;
	border: 0px solid #ffffff;
	margin-right: auto;
	margin-left: auto;
}

#centerbox {
	background-color: #ffffff;
	border: thin solid #ffffff;
	width: 980px;
	text-align: left;
	border-left: 0px solid #ffffff;
	float: left;
}





.topphoto {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-bottom: 30px;
}

.topphoto img {
	display: block;
	width: 100%;
	height: auto;
}

.topphotos {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-bottom: 30px;
}

.topphotos img {
	margin-top: 1px;
	display: block;
	width: 100%;
	height: auto;
}

main h2{
	font-size: 24px;
	border-bottom: 3px solid #87cefa;
}

main h3{
	font-size: 18px;
	border-bottom: 3px solid #dcdcdc;
	margin-bottom: 20px;
}


.wakus{
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	border: solid 1px;
	border-color: #5C4033;
}



.index-01{
	margin-top: 30px;
	font-size: 32px;
	text-align: center;
}

.index-01s{
	margin-top: 30px;
	font-size: 48px;
	text-align: center;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}


.index-02{
	font-size: 22px;
	margin-top: 40px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}

.index-02s{
	font-size: 42px;
	margin-top: 40px;
	margin-bottom: 30px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}



.indeximg01 {
	text-align: center;
}
.gazou{
	text-align: center;
}
.indeximgs01 {
}
.gazous{
	margin-right: auto;
	margin-left: auto;
	width: 860px;
	border: solid 12px;
	border-color:#ffd700;
}
.indeximgs01 {
}
.gazou2s{
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	border: solid 1px;
	border-color:#000000;
}



.map{
	margin-top: 100px;
	margin-bottom: 120px;
}
.maps{
	margin-top: 100px;
	margin-bottom: 120px;
}




.program1{
	margin-top: 30px;
	font-size: 32px;
	text-align: center;
}
.program1s{
	margin-top: 30px;
	font-size: 48px;
	text-align: center;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.program2{
	font-size: 22px;
	margin-top: 20px;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}
.program2s{
	font-size: 42px;
	margin-top: 40px;
	margin-bottom: 30px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}






.aboutus1{
	margin-top: 30px;
	font-size: 32px;
	text-align: center;
}
.aboutus2{
	font-size: 20px;
	margin-top: 10px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.aboutus3{
	font-size: 20px;
	margin-top: 10px;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
}
.aboutus1s{
	margin-top: 30px;
	font-size: 48px;
	text-align: center;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.aboutus2s{
	font-size: 42px;
	margin-top: 40px;
	margin-bottom: 30px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}
.aboutus3s{
	font-size: 42px;
	margin-top: 40px;
	margin-bottom: 30px;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}








.corp-img-01{
 text-align: center;
 margin-top: 28px;
}

.corp-01{
	font-size: 24px;
	text-align: center;
	margin-top: 30px;
}

.corp-02{
	font-size: 26px;
	text-align: center;
	margin-top: 80px;
}

.corp-03{
	font-size: 16px;
	margin-top: 40px;
}

.corp-04{
	font-size: 26px;
	text-align: center;
	margin-top: 80px;
}

.corp-img-02{
 text-align: center;
}

.pers-img-01{
	text-align: center;
	margin-top: 28px;
}

.pers-01{
	font-size: 22px;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 60px;
}

.pprs{
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}

.ppr{
	width: 250px;
	height: 300px;
}

.ppr h3{
	font-size: 22px;
}


.news-img-01{
	text-align: center;
	margin-top: 28px;
}

.news-01{
	font-size: 24px;
	text-align: center;
}

.news-02{
	font-size: 18px;
	margin-top: 30px;
}

.news-03{
	font-size: 22px;
	margin-top: 30px;
}

.news-04{
	font-size: 22px;
	margin-top: 30px;
}


.kais-img-01{
	text-align: center;
	margin-top: 28px;
}

.kais-01{
	font-size: 24px;
	text-align: center;
}

.kais-02{
	font-size: 24px;
	text-align: center;
	margin-top: 80px;
	margin-bottom: 40px;
}


.kais-aisatub{
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
}
.aisatub{
	width: 560px;
	height: 520px;
	font-size: 18px;
}
.aisatub-photo{
	width: 320px;
	height: 520px;
}

.kais-aisatum{
	display: flex;
	justify-content: space-around;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 60px;
}
.aisatum{
	width: 520px;
	height: 400px;
	font-size: 18px;
}
.aisatum-space{
	width: 100px;
	height: 400px;
}
.aisatum-photo{
	width: 260px;
	height: 400px;
}


.kais-04{
	font-size: 24px;
	text-align: center;
	margin-top: 60px;
}

.kais-05{
	margin-top: 20px;
	text-align: center;
}

.kais-06{
	margin-top: 80px;
	margin-bottom: 80px;
}



.rc{
		margin-top: 10px;
		margin-right: auto;
		margin-left: auto;
	}


.rcs{
		margin-top: 10px;
		margin-right: auto;
		margin-left: auto;
	}



.bottomad{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 80px;
}

.itemad{
	justify-content: space-around;
}

.itemad {
 width: 980px;
}

.bguidada{
	color: #ffffff;
	font-size: 24px;
	text-align: center;
}

.bguidadb{
	color: #ffffff;
	font-size: 20px;
	text-align: center;
}








.bottomads{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	margin-bottom: 180px;
}

.itemads{
	justify-content: space-around;
}

.itemadsa {
 width: 980px;
}

.bguidsa{
	color: #ffffff;
	font-size: 42px;
	text-align: center;
	font-weight: bold;
}

.bguidsb{
	color: #ffffff;
	font-size: 38px;
	text-align: center;
}








.bottomall{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.items{
  display: flex;
	justify-content: space-around;
}
.item {
 width: 300px;
}
.bletter{
}
.bletter h4{
	font-size: 16px;
	color: #ffffff;
	border-bottom: 1px solid #c0c0c0;
}
.bletter ul{
	font-size: 14px;
	color: #ffffff;
	list-style: none;
	line-height: 40px;
}
.bletter li{
	border-bottom: 1px solid #dcdcdc;
}
.bletter li a {
	color: #ffffff;
}
.bmenu{
}
.bmenu h4{
	font-size: 16px;
	color: #ffffff;
	border-bottom: 1px solid #c0c0c0;
}
.bmenu ul{
	font-size: 16px;
	color: #ffffff;
	list-style: none;
	line-height: 50px;
}
.bmenu li{
	border-bottom: 1px solid #dcdcdc;
}
.bmenu li a {
	color: #ffffff;
}







.bottomallmob{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.itemsmob{
	display: flex;
	justify-content: space-around;
}
.itemmob {
 width: 800px;
}
.blettermob{
}
.blettermob h4{
	font-size: 38px;
	color: #ffffff;
	border-bottom: 1px solid #c0c0c0;
}
.blettermob ul{
	font-size: 36px;
	color: #ffffff;
	list-style: none;
	line-height: 80px;
}
.blettermob li{
	border-bottom: 1px solid #dcdcdc;
}
.blettermob li a {
	color: #ffffff;
}
















.copyright{
	color: #ffffff;
	font-size: 12px;
	text-align: center;
	margin-top: 80px;
}

.copyrights{
	color: #ffffff;
	font-size: 32px;
	text-align: center;
	margin-top: 200px;
}