@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 597px){
    /*　画面サイズが821pxからはここを読み込む　*/
/*========= 改行のCSS ===============*/
.css-br::before {
	content: "\A" ;
	white-space: pre ;
}
/*========= header ===============*/
#g-nav{
  /*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
  position:fixed;
  z-index: -1;
  opacity: 0;/*はじめは透過0*/
  /*ナビの位置と形状*/
  top:0;
  width:100%;
  height: 100vh;/*ナビの高さ*/
  background:#1E1E1E;
  /*動き*/
  transition: all 0.3s;
}

/*アクティブクラスがついたら透過なしにして最前面へ*/
#g-nav.panelactive{
  opacity: 1;
  overflow: hidden;	
  z-index:999;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
    display: none;
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top:40%;
    left:50%;
    transform: translate(-50%,-50%);
}

#g-nav.panelactive ul {
    display: block;
    overflow: hidden;
}

/*リストのレイアウト設定*/

#g-nav li{
  list-style: none;
  text-align: center; 
}
#g-nav li a{
  font-family: title ;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
  text-decoration: none;
  display: block;
  text-transform: none;
  font-weight: bold;
  line-height: 1.7em; /* 行の高さを実数値＋単位(em)で指定する */
  text-align: center;
  font-size: 23px;
  letter-spacing: 0.1em;
  transition:all 0.5s;
  word-spacing: -5px;
}
#g-nav li a:hover{
	color: #00BEE6;	
	transform: translateY(4px);	
    transition: all 0.3s;
}
.meti_chubu_logo{
	width: auto;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
	height: 50px;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	/*以下はレイアウトのためのCSS*/
	display: block;
	position: absolute;
	top:80%;
    left:25vw;
	z-index: 999;
}
.bg_logo{
	width: 100vw;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
	height: auto;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	/*以下はレイアウトのためのCSS*/
	position: absolute;
	margin-top: 47vw;
	margin-left: -50%;
	opacity: 0.15;	
	z-index: 1;
}
/*========= ボタンのためのCSS ===============*/
.openbtn1{
  position:fixed;
  z-index: 9999;/*ボタンを最前面に*/
  top: 2vw;
  right: -1.5vw;
  cursor: pointer;
  width: 15vw;
  height: 15vw;
}
  
/*×に変化*/  
.openbtn1 span{
    display: inline-block;
    transition: all .5s;
    position: absolute;
	left: 10px;
    height: 2px;
    border-radius: 2px;
    background-color: #fff;
    width: 45%;
  }

.openbtn1 span:nth-of-type(1) {
  top:12px; 
}

.openbtn1 span:nth-of-type(2) {
  top:21px;
}

.openbtn1 span:nth-of-type(3) {
  top:31px;
}

.openbtn1.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn1.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn1.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}
/*========= 改行のCSS ===============*/
.css-br::before {
	content: "\A" ;
	white-space: pre ;
}
.space{
margin-bottom:10px;
}
/*========= お申込みボタン ===============*/
.btn {
	bottom: 100vw;
	right: -10vw;
	display: block;
	position: fixed;
	width: 7.5vw;
	height: 35vw;
	margin-top: 1.5%;
	margin-left: 10%;
	margin-right: 10%;
	padding: 1.2em;
	font-family: Myfonts ;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #1B1B1B;
	border-radius: 10px 0px 0px 10px;/* 角を丸くする */
	font-size: 1vw;
  	letter-spacing: 0.2em;
  	transition:all 0.5s;
  	word-spacing: -5px;
}
.btn:hover {
	transform: translateY(4px);	
    transition: all 0.3s;
	opacity: 0.8;
}
/*========= 文字縦書き ===============*/
.seminar-top h {
    color: #fff;
    writing-mode: vertical-rl;
    text-orientation: upright;
  	font-family: midashi ;
	margin-top: 2.5vw;
	margin-right: 2.5%;
	margin-left: 5%;
  	font-size: 2.5vw;	
  	letter-spacing: 0.22em;
  	transition:all 0.5s;
  	word-spacing: -5px;
	text-align: center;
}
/*========= お申込みボタン（下段） ===============*/
.btn2 {
	display: block;
	position: relative;
	width: 70vw;
	height: 10vw;
	margin-top: 2.5%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 2.5%;
	padding: 0.7em;
	font-family: Myfonts ;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #1B1B1B;
	border-radius: 10px 10px 10px 10px;/* 角を丸くする */
	font-size: 3.5vw;
  	letter-spacing: 0.2em;
  	transition:all 0.5s;
  	word-spacing: -5px;
}
/*========= お申込みボタン（下段） ===============*/
.btn3 {
	display: block;
	position: relative;
	width: 25vw;
	height: 4vw;
	margin-top: 1.5%;
	margin-left: 30%;
	margin-right: 10%;
	padding: 1em;
	font-family: Myfonts ;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #1B1B1B;
	border-radius: 10px 10px 10px 10px;/* 角を丸くする */
	font-size: 1.2vw;
  	letter-spacing: 0.2em;
  	transition:all 0.5s;
  	word-spacing: -5px;
}
/*========= お申込みボタン（下段） ===============*/
.btn4 {
	display: block;
	position: relative;
	width: 75vw;
	height: 12vw;
	margin-top: 5%;
	margin-left: 5%;
	margin-right: 5%;
	padding: 0.7em;
	font-family: Myfonts ;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #1B1B1B;
	border-radius: 10px 10px 10px 10px;/* 角を丸くする */
	font-size: 4vw;
  	letter-spacing: 0.2em;
  	transition:all 0.5s;
  	word-spacing: -5px;
}
.btn5 {
	display: block;
	position: relative;
	width: 80vw;
	height: 10vw;
	margin-top: 5%;
	margin-left: 5%;
	margin-right: 5%;
	padding: 0.7em;
	font-family: Myfonts ;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #1B1B1B;
	border-radius: 10px 10px 10px 10px;/* 角を丸くする */
	font-size: 3.5vw;
  	letter-spacing: 0.2em;
  	transition:all 0.5s;
  	word-spacing: -5px;
}
/*========= 文字の大きさ ===============*/
h1 {
	font-family: midashi;
	font-size: 4vw;
	letter-spacing: 0.2em;
  	color: #333;
  	transition:all 0.5s;
	line-height: 1.5em;
  	word-spacing: -5px;
	font-weight: bold;
}
h2 {
	font-family: midashi;
	font-size: 3.5vw;
	letter-spacing: 0.2em;
  	color: #333;
  	transition:all 0.5s;
	line-height: 1.5em;
  	word-spacing: -5px;
	font-weight: bold;
}
h3 {
	font-family: title;
	font-size: 5vw;
	letter-spacing: 0.2em;
  	color: #333;
  	transition:all 0.5s;
	line-height: 1.5em;
  	word-spacing: -5px;
}
h4,h5 {
	font-family: midashi;
	font-size: 3.5vw;
	letter-spacing: 0.2em;
  	color: #333;
  	transition:all 0.5s;
	line-height: 1.5em;
  	word-spacing: -5px;
}
p {
	font-family: Myfonts;
	font-size: 3vw;
	letter-spacing: 0.2em;
  	transition:all 0.5s;
	line-height: 1.5em;
  	word-spacing: -5px;
}
c {
	font-family: Myfonts;
	font-size: 3vw;
	letter-spacing: 0.2em;
  	transition:all 0.5s;
	line-height: 1.7em;
  	word-spacing: -5px;
	color: #00BEE6;
}
#img {
	width: 60vw;
	height: 40vw;
}
copyright {
	font-size: 5.5px;
	letter-spacing: 0.2em;
  	transition:all 0.5s;
  	word-spacing: -5px;
}
#link {
	margin-bottom: 1.5%;
}
/*========= header ===============*/
.header1 {
	width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
	height: 13.5vw;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	/*以下はレイアウトのためのCSS*/
	display: relative;
    background:#1E1E1E;
    z-index: 998;
}
.header1 #logo {
	position: absolute;
    height:  8vw;
	margin-top: 2.5vw;
	margin-left: 5%;
    z-index: 3;
}

.header2 #menu p {
	display: none;
	position: none;
	overflow: hidden;
}
/*========= support ===============*/
.support {
	width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
	height: auto;
	/*以下はレイアウトのためのCSS*/
	display: relative;
	background:#fffff;
}
.support1 {
	width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
	/*以下はレイアウトのためのCSS*/
	display: relative;
	background:#fffff;
}
.support1 img{
	width: auto;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
	height: 7vw;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	/*以下はレイアウトのためのCSS*/
	display: inline-block;
	position: relative;
	margin-top: 15vw;
	margin-left: 21vw;
	z-index: 0;
}
.support1 br {
    display: none;
 }
.support1 h1{
	display: block;
	position: relative;
	font-family: Myfonts ;
	margin-top: 5vw;
	margin-left: 35px;
  	margin-right: 30px;
  	text-align: left;
  	font-size: 3.5vw;
	line-height: 1.7em; /* 行の高さを実数値＋単位(px)で指定する */
  	letter-spacing: 0.1em;
  	color: #1e1e1e;
  	transition:all 0.5s;
  	word-spacing: -5px;
	z-index: 2;
}
.support_news {
	width: 100%;
	height: auto;
	margin-bottom: 10vw;
	/*以下はレイアウトのためのCSS*/
	display: relative;
	background:#fffff;
}
.support_news h2{
	position: relative;
	font-family: midashi ;
	margin-top: 10vw;
	margin-left: 35px;
  	margin-right: 0px;
  	text-align: center;
	display: inline-block;
  	font-size: 21px;
  	letter-spacing: 0.2em;
  	color: #00BEE6;
  	transition:all 0.5s;
  	word-spacing: -5px;
	z-index: 5;
}
.support_news p1{
	position: relative;
	margin-top: 2.5vw;
	margin-left: 15vw;
  	margin-right: 15vw;
  	text-align: left;
	line-height: 2em; /* 行の高さを実数値＋単位(px)で指定する */
	display: inline-block;
  	font-size: 3vw;	
  	letter-spacing: 0.2em;
  	color: #b5b5b6;
  	transition:all 0.5s;
  	word-spacing: -5px;
	z-index: 2;
}
.support_news p3{
	position: relative;
	margin-top: 0vw;
	margin-left: 15vw;
  	margin-right: 15vw;
  	text-align: left;
	line-height: 2em; /* 行の高さを実数値＋単位(px)で指定する */
	display: inline-block;
  	font-size: 3vw;	
  	letter-spacing: 0.2em;
  	color: #1e1e1e;
  	transition:all 0.5s;
  	word-spacing: -5px;
	z-index: 2;
}
/*========= footer ===============*/
.footer {
  width: 100%;/*横幅指定*/
  background:#1E1E1E;
  z-index: 3;
}
.footer1 {
  width: 100%;/*横幅指定*/
  /*以下はレイアウトのためのCSS*/
  display: inline-block;
  justify-content: space-between;
  align-items: center;
  background:#1E1E1E;
  color:#fff;
  text-align: center;
  padding: 25px;
  z-index: 3;
}
.footer2 {
  width: 100%;/*横幅指定*/
  height: 55vw;
  /*以下はレイアウトのためのCSS*/
  background:#1E1E1E;
  z-index: 3;
}
.footer1 img{
	width: 90%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
	height: auto;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	/*以下はレイアウトのためのCSS*/
	position: relative;
	margin-top: 10%;
	margin-left: 0%;
	margin-bottom: 5vw;
	z-index: 0;
}

.footer2 #menu {
	/*非表示*/
	display: none;
	position: none;
	overflow: hidden;	
}
.footer2 #menu p {
	/*非表示*/
	display: none;
	position: none;
	overflow: hidden;	
}
.footer2 #menu2 {
  width: 100%;/*横幅指定*/	
  background:#1E1E1E;
  z-index: 3;
}
.footer2 #menu2 h1 {
	width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
	display: inline-block;	
	margin-top: 0vw;
	margin-left: 0%;
	margin-bottom: 7.5vw;
  	font-size: 5vw;
	font-weight: 500;
  	letter-spacing: 0.2em;
	line-height: 1.7em; /* 行の高さを実数値＋単位(px)で指定する */
	text-align: center;
  	color: #fff;
  	transition:all 0.5s;
  	word-spacing: -5px;
	z-index: 3;
}

.footer2 #icon2{
	width: auto;
	height: 7.5vw;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
	left: 17.5vw;
	/*以下はレイアウトのためのCSS*/
	position: relative;
	display: inline-block;
	margin-top: -1vw;
	margin-left: 10vw;
	z-index: 0;
}
.footer2 p {
	/*非表示*/
	display: none;
	position: none;
	overflow: hidden;	
}

.Copyright {
  height: 0;/*高さ指定*/
  width:100%;/*横幅指定*/
  /*以下はレイアウトのためのCSS*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  background:#00BEE6;
  color:#fff;
  text-align: center;
  z-index: 3;
}
Copyright .copy {
  font-family: Myfont ;
  color:#fff;	
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  pointer-events: none;
  position: relative;
  top: -5vw;
  font-size: 4.5px;
  letter-spacing: 0.2em;
  margin-bottom: 15vw;
  opacity: 0.5;
}
}