@charset "utf-8";

body{

	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  color: #1c1c1c;


font-size: 16px;
margin: 0;

/*全幅コンテンツの横スクロール表示しない*/
overflow-x: hidden;

		background-image: url(../img/kyotu/washi_haikei1.jpg);
	

	
	background-repeat: repeat;

}

/*リンクカラーナビ*/
a:link { color: #217ad6; }
a:visited { color: #217ad6; }
a:hover { color: #217ad6;
			　text-decoration: underline;}
a:active { color: #217ad6; }





/*スマホリンクカラーナビ*/
.Menuitem a:link { color: #fff; }
.Menuitem a:visited { color: #fff; }
.Menuitem a:hover { color: #fff;}
.Menuitem a:active { color: #fff; }




/*電話番号カラーナビ*/
.telLink a:link { color: #1d3613; }
.telLink a:visited { color: #1d3613; }
.telLink a:hover { color: #1d3613;
					text-decoration: none;}
.telLink a:active { color: #1d3613; }


/*スマホリンクエリアナビ*/
.LinkNavi {
	display: block;
    width: 100%;
    height: 100%;
}





.heroimg {
	position: relative;
}


.heroimgPage {
	position: relative;
	  width: 100vw;/*要素の縦幅は画面の横幅と同じ幅になります。*/
  left:50%;/*左右設定することでセンターに*/
  right:50%;/*左右設定することでセンターに*/
  margin: 0px -50vw 0px -50vw;/*左右設定することでセンターに*/
	
	
}


.heroimgPage img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}


.heroTitleTop{
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  font-size:30px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
	text-align: center;
}

.heroTitlePage h1{
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);

  font-size:30px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
	text-align: center;
}




	/*ロゴ　PC*/
.head_Logo_tel_PC{
		  display: none;
}

img{
	max-width: 100%;
	height: auto;
}


#Bigwrapper {
width:100%;
overflow:hidden;
	
			background-image: url(../img/kyotu/gold_haikei.png);
		background-size:  contain; 
	background-repeat: repeat-y;
	background-position: center; 
}


.heroBGI {
	background-image: url(img/seminar/seminar_main_pc.jpg);
  background-position: center;
  background-size: cover;
  width: 100%;
}

.heroBGI::before {
  content: '';
  display: block;
  padding-top: 50%;
}

.wrapper{
width: 100%;/*スマホの時指定　横幅いっぱい*/
/* display: flex;/*フレックスボックスで*/
/* flex-direction: column;/*スマホの時に縦にして*/
/* min-height: 100vh;/*要素の縦幅は画面の縦幅と同じ高さになります。*/
}

.globalNav{
		display: none;
}

/*画面右上で固定されているハンバーガーメニュー*/
.mob-nav{
  position: fixed;/*画面での固定*/
  top: 0px;/*上から0*/
  right: 0px;/*右から0*/
  width: 50px;/*幅*/
  height: 50px;/*高*/
  display: flex;/*センターへのベース*/
  justify-content: center;/*センター横*/
  align-items: center;/*センター縦*/
  background: #231815;/*背景の色*/
  color: #fff;/*文字の色*/
  cursor: pointer;/*カーソルが上にのったときに指にする*/
		z-index: 99;
}

.mob-menu{
  position: fixed;
  top: 50px;
  right: 0;
  width: 100vw;/*要素の縦幅は画面の横幅と同じ幅になります。*/
  height: auto;
  display: flex;/*センターへのベース*/
  flex-direction: column;/*縦並び*/
  align-items: center;/*センター縦*/
  justify-content: center;/*センター横*/
  background: #347247;
	z-index: 99;
}


.Menuitem{
  width: 100%;
  height: auto;/*ブラウザ幅を変えても、背景色のある親要素から文字ははみ出しません*/
  padding: 1em;
  text-align: center;
  color: #fff;
  border: 1px solid #d9b26b;
}



.mob-menu{
 /* opacity: 0;  透明にする*/
display: none;/*	メニューを非表示*/
  transition: all .2s;/*メニューが開くときの動き*/

}

.menu-open{
  /*opacity: 1;透明にしない*/
display: block;/*	メニューを表示*/
}


/*ヘッダースマホ ボックス*/
.headspBox{
	background-color: #14380c;
	height: 55px;
	font-size: 18px;
}

.headspBox p{
	color: #fff;
		padding: 10px 0 5px 20px;
	line-height: 1.2em;
}

/*ロゴ　スマホ*/
.head_Logo_tel_SP{
	background-image: url("../img/kyotu/back_nami.jpg");
	text-align: center;
	padding-bottom: 50px;
}

.head_Logo_tel_SP img{
	width: 80%;
}

p.tel_sp{
font-size: 25px;
	line-height: 1.8em;
}

span.telFont{
font-size: 40px;
}


footer.footer{
	
	display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
	
		background-image: url("../img/kyotu/back_nami.jpg");
	color: #003902;
	
	
	
	

  width: 100vw;/*要素の縦幅は画面の横幅と同じ幅になります。*/
  position: relative;
  left:50%;/*左右設定することでセンターに*/
  right:50%;/*左右設定することでセンターに*/
  margin: 40px -50vw 0px -50vw;/*左右設定することでセンターに*/
}



.footerBigBox{
	
	display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
	

}



.footerBox1{
	width: 35%;
	margin-top: 15px;
}

.footerBox2{
	width: 64%;
	text-align: center;
	margin-top: 30px;
}

.footer_midashi1 {
	border-top: solid 1px green;
	border-bottom: solid 1px green;
	font-size: 14px;
	margin: 0 20px;
}

.footer_tel_midashi{
	margin-top: 20px;
	margin-bottom: 0px;
}
.footer_tel {
	font-size: 25px;
	margin: 0 0px;
}

.footer_text {
	font-size: 13px;
}

.footerBox3{
	margin: 20px 20px;

}

.footer_yoyaku_text{
	text-align: left;
	margin-top: 20px;
	padding: 10px;
	font-size: 13px;
}

.copyright{
	background-color: #003902;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	
	  width: 100vw;/*要素の縦幅は画面の横幅と同じ幅になります。*/
  position: relative;
  left:50%;/*左右設定することでセンターに*/
  right:50%;/*左右設定することでセンターに*/
  margin: 0px -50vw 0px -50vw;/*左右設定することでセンターに*/
}

/* ////////////////////////
スマホ以下
//////////////////////// */
@media screen and (max-width: 767px){
.brpc { display:none;
	}

.SPbox{
	padding: 10px;/*上下左右に10px余白をあける*/
}


}

/* ////////////////////////
タブレット以上
//////////////////////// */
@media (min-width:768px){
	
	.brsp { display:none;
	}
	
	

	/*ロゴ　PC*/
.head_Logo_tel_PC{
		  display: block;
	

	
	
  width: 100vw;/*要素の縦幅は画面の横幅と同じ幅になります。*/
  position: relative;
  left:50%;/*左右設定することでセンターに*/
  right:50%;/*左右設定することでセンターに*/
  margin: 0px -50vw 0px -50vw;/*左右設定することでセンターに*/
	
	
	
		background-image: url(../img/kyotu/back_nami.jpg);
	background-repeat: repeat;
	background-size:  cover; 
background-position: 0% 50%;}
	
	
	
.head_Logo_tel_PCBox {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}

.head_text1_pc  {
	flex-basis: 35%;
	padding: 60px 0 0 0;
	text-align: center;
}
.head_text2_pc  {
	flex-basis: 20%;
}
.head_text3_pc  {
	flex-basis: 35%;
	text-align: center;
		padding: 55px 0 0 0;
}

	.telFontPC {
		font-size: 30px;
	}


	.wrapper {
  width: 720px;
  margin: 0 auto;
	}


  /*パソコン・タブレットのナビを表示*/
	.globalNav{
  display: block;
  width: 100%;
		
		
	background-color: #14380c;
  width: 100vw;/*要素の縦幅は画面の横幅と同じ幅になります。*/
  position: relative;
  left:50%;/*左右設定することでセンターに*/
  right:50%;/*左右設定することでセンターに*/
  margin: 0px -50vw 0px -50vw;/*左右設定することでセンターに*/
	
	}

	
	
	.NavPC_IN {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}

	.NavPC_IN .navi_img {
border-right: solid 1px #005903;
}

	.NavPC_IN .navi_img1 {
border-left: solid 1px #005903;
}

	/*ナビ　スマホを消している*/
	.mob-navbox{
	  display: none;
	  }


	/*ロゴ　PC*/
.head_Logo_tel_SP{
		  display: none;
}
	
.footerBox1{
	width: 15%;
}

.footerBox2{
	width: 35%;
}

.footerBox3{
	width: 40%;

}	
	
}


/* ////////////////////////
パソコン以上
//////////////////////// */
@media screen and (min-width: 1200px) {

.wrapper{
  width: 1140px;
  }





}