@charset "utf-8";
body {
	font: 100%/1.4 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic' sans-serif;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #000;
	-webkit-text-size-adjust: 100%;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}

h1{
	margin-top: 50px;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 10px;
	padding-left: 10px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
	margin-bottom: 10px;
	background: linear-gradient(transparent 70%, #ebeca6 70%);
}
h2, h3, h4, h5, h6,p{
	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む div からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 10px;
	padding-left: 10px; /* div 自体ではなく div 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した div をネストして使用することもできます。 */
	margin-bottom: 10px;
}
a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;

}

/* ~~ サイトのリンクのスタイル付けは、ホバー効果を作成するセレクターグループも含め、この順序にする必要があります。~~ */
a:link {
	color: #333333;
	text-decoration: none;	 /* 非常に特殊な表示方法でリンクをスタイル付けする場合を除き、一目で見分けられるように下線を指定することをお勧めします。 */
}
a:visited {
	color: #999999;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	text-decoration: none;
	color: #0000FF;
}
.team_boxB span {
	font-size: medium;
}

/* ~~ このコンテナが他のすべての div を囲み、パーセンテージに基づいた幅を指定します。~~ */
.thanks{
	text-align: center;
	margin: 20%;

}

.btn-square-so-pop {
	position: relative;
	display: inline-block;
	padding: 0.25em 0.5em;
	text-decoration: none;
	color: #FFF;
	background: #fd9535;/*色*/
	border-radius: 4px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
	font-weight: bold;
	border: solid 2px #d27d00;/*線色*/
  }

  .btn-horizontal-border {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 12px 0 8px;
  text-decoration: none;
  color: #ebeca6;
  transition: .4s;
}

.btn-horizontal-border:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 4px;
  top:100%;
  left: 0;
  border-radius: 3px;
  background:#ebeca6;
  transition: .2s;
}

.btn-horizontal-border:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 4px;
  top:0;
  left: 0;
  border-radius: 3px;
  background:#ebeca6;
  transition: .2s;
}

.btn-horizontal-border:hover:before {
  top: -webkit-calc(100% - 3px);
  top: calc(100% - 3px);
}

.btn-horizontal-border:hover:after {
  top: 3px;
}


@media(max-width:480px){
#menu{
	display:none;
	}
	
.sns_ico{
		width: 100%;
		height:40px;
	
	}
	
.sns_ico_left{
		float:left;
		width:70%;
	}
.sns_ico_right{
		float:right;
		width: 30%;
		text-align: center;
		margin-top:20px;
	}
	
	
/*共通*/

.container {
	width: auto;
	margin: 0 auto;
	border-color: rgba(0,0,0,0.7);
	border-style: solid;
	border-width: 2px;
	font-size: large;
}



.menu_drop{
	list-style-type: none;
	width: 100%;
	padding: 0;
	top: 0px;
	position: absolute;
	height: 80px;
	margin-top: 60px;

}
.menu_drop_menu{
	text-align: center;
	width: 80%;
	margin: 0% auto;
}

#menu_drop li{
	background-color: rgba(255,255,255,0.5);
	position: relative;
	width: 25%;
	float: left;
	text-align: center;
	margin: 0;
}

#menu_drop li a{
	display: block;
	margin: 0;
	padding: 15px 0 11px;
	color: #000;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
}

#menu_drop li ul{
	list-style: none;
	position: absolute;
	top: 100%;
	width:100%;
	left: 0;
	margin: 0;
	padding: 0;
	border-radius: 0 0 3px 3px;
  }


  #menu_drop{
	list-style-type: none;
	width: 100%;
	padding: 0;
}



















/*共通

#menu_drop{
	display:none;
}
#menu{
	display:none;

}
.menu_drop_menu_log{
	position: absolute;
	top: 0px;

}
*/

/*index*/

.content {
	height:100%;
}

.top_up {
	height:100%;
	background-size: contain;
	background-position: 50%,50%;
	background-repeat: no-repeat;
	margin-top: 0px;
}

.top_up:after {
	content: "";
	display: black;
	clear: both;
}

.top_log{
	position: relative;
	height:30%;

}

.top_log:after {
	content: "";
	display: black;
	clear: both;
}
.log {
	float: left;
}



.top_under_1{
	width: 100%;
	background-color: rgba(255,255,255,0.1);
	text-align: center;
	margin-top: 1%;
	margin-bottom: 1%;
}

.top_under_2{
	width: 100%;
	background-color: rgba(255,255,255,0.1);
	text-align: center;
	margin-bottom: 1%;
}








.top_news{
	width: 100%;
	text-align: center;
}


.top_news_under{
	text-align: center;
	margin-top: 44px;
	margin-bottom: 24px;
}


.news_box{
	width: 50%;
	padding: 0px;
	margin: 0px;
	float: left;
	}

.news_box li {
	display: inline-block;
	position: relative;
	list-style: none;
	line-height: 0;
	background-color: rgba(0, 0, 0, 1);
	text-align: left;
	 margin: 0;
}
.news_box li:last-child {
    margin-right: 0;
  }

.news_box span {
	position: absolute;
	bottom: -2px;
	margin: 0;
	line-height: 1;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	left: -1px;
	font-size: medium;
}
.news_box a{
	opacity:1;
 	color: #fff;
}

.news_box li：hoever{
	background: rgba(0, 0, 0, 1);
}

a.opacity{
   background-color:#FFF;
   display:inline-block;
}

a.opacity:hover ,
a.opacity:active {
    -moz-opacity:1;
   opacity:1;
   filter:alpha(opacity=100);
}


.tweet{
	text-align:center;
	width: 100%;
	height: 400px;
}

.sns_like{
	width: 100%;
}

.sns_like li {
	display: inline-block;
	list-style: none;
	width: 20%;
	text-align: center;
}

.sns_g{
	width: 100%;
}

.sns_insta{
	width: 100%;
	text-align: center;
}



.sns_g li {
	display: inline-block;
	list-style: none;
	width: 50%;
	text-align: center;
}


iframe[id^="twitter-widget-"] {
width: 400px;
}

.menu {
	background-color: #FFF;
	text-align: center;

}
.menu_under{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 5%;
}

.menu_under1 li {
	display: inline-block;
	list-style: none;
	font-size: x-large;
	width: 20%;

}
.menu_under1 li a {
	display: block;

}






.box50 {
	float: left;
 	width: 50%;
	text-align:center;
}
.boxA {
	float: left;
 	width: 100%;
	text-align:center;
}
.boxB {
	float: right;
	width: 50%;
	text-align: center;
}

.boxC{
	float: right;
	width: 100%;
	text-align: left;
}





/* clearfix */
/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}

.boxContainer:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}










/*news*/

.news {
	position: relative;
	height: 100%;
	background-size: cover;
	background-position: 50%,50%;
	background-repeat: no-repeat;
	width: 100%;
	background-color: #FFF;
	overflow: hidden;
	border-top-color: #CCC;
	border-top-style: solid;
	border-top-width: 4px;
}
.news_boxA {

 	width: 100%;
	text-align:center;
}
.news_boxB {

	width: 100%;
	text-align: center;
}

.news_coment {
	text-align: left;

	padding: 20px;
}


/*schedule*/
.schedule {
	width: 80%;
	background-color: #FFF;
	margin: 5%;
}

#schedule{
	text-align: left;
}

#schedule table{
	width:100%;
	margin-bottom:20px;
}
#schedule table th{
background-color:#eeeeee;
text-align:center;
}
#schedule table td{
	background-color:#efefef;
	padding:5px;
}
#schedule table ol {
margin-left:30px;
}

.training {
	width: 80%;
	background-color: #FFF;
	margin: 5%;
}

#training{
	text-align: left;
}

#training table{
width:100%;
margin-bottom:20px;
}

#training table th{
background-color:#eeeeee;
text-align:center;
}
#training table td{
	background-color:#efefef;
	padding:5px;

}
#training table ol {
margin-left:30px;
}


/*team leader 共通*/
.team_boxA {
	float: left;
 	width: 100%;

}
.team_boxB {
	float: right;
	width: 100%;
}

.team_boxC {
	float: left;
	width: 100%;
	padding-left: 1%;

}
.team_boxD {
	float: right;
	width: 100%;
}

/*team*/
.team {

	width: 100%;
	background-color: #FFF;

}
/*leader*/

.leader {

	width: 100%;
	background-color: #FFF;

}

.container .leader  .team_boxC p .style4 {
	font-size: x-large;
}





















/*team*/

.photo{
	width: 100%;
	padding-bottom: 5%;

}

.history {
	position: relative;
	background-size: cover;
	background-position: 50%,50%;
	background-repeat: no-repeat;
	width: 100%;
	background-color: #FFF;
	overflow: hidden;
	margin-top: 20px;
}

.his_box {
	width: 100%;
	text-align:center;
}



.history_box li {
	display: inline-block;
	position: relative;
	list-style: none;
	line-height: 0;
	background-color: rgba(0, 0, 0, 1);
	text-align: left;
	 margin: 0;
}
.history_box li:last-child {
    margin-right: 0;
  }
.history_box span {
position: absolute;
	bottom: -2px;
	margin: 0;
	line-height: 1;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	left: -1px;
	font-size: medium;
}
.history_box a{
	opacity:0.6;
 	color: #fff;
}

.history_box li：hoever{
	background: rgba(0, 0, 0, 1);
}
a.inline{
   background-color:#FFF;
   display:inline-block;
}

a.inline:hover ,
a.inline:active {
    -moz-opacity:1;
   opacity:1;
   filter:alpha(opacity=100);
}















.photo1{
	width: 100%;
	text-align: center;
}

.video{
	width: 100%;
	text-align: center;

}

.video_box {
	float: left;
	width: 33.333333%;
	text-align:center;

}

.youtube_box li {
	display: inline-block;
	position: relative;
	list-style: none;
	line-height: 0;
	background-color: rgba(0, 0, 0, 1);
	text-align: left;
	 margin: 0;
}
.youtube_box li:last-child {
    margin-right: 0;
  }
.youtube_box span {
	position: absolute;
	bottom: 0;
	margin: 0;
	line-height: 1;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.youtube_box a{
	opacity:0.6;
 	color: #fff;
}

.youtube_box li：hoever{
	background: rgba(0, 0, 0, 1);
}
a.youtube{
   background-color:#FFF;
   display:inline-block;
}

a.youtube:hover ,
a.yooutube:active {
    -moz-opacity:1;
   opacity:1;
   filter:alpha(opacity=100);
}


/*team

.photo{
	width: 100%;
	padding-bottom: 5%;

}

.history {
	position: relative;
	background-size: cover;
	background-position: 50%,50%;
	background-repeat: no-repeat;
	width: 100%;
	background-color: #FFF;
	overflow: hidden;
	margin-top: 20px;
}

.his_box {
	width: 100%;
	text-align:center;
}



.history_box li {
	display: inline-block;
	position: relative;
	list-style: none;
	line-height: 0;
	background-color: rgba(0, 0, 0, 1);
	text-align: left;
	 margin: 0;
}
.history_box li:last-child {
    margin-right: 0;
  }
.history_box span {
	position: absolute;
	bottom: 0;
	margin: 0;
	line-height: 1;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;

}
.history_box a{
	opacity:1;
 	color: #fff;
}

.history_box li：hoever{
	background: rgba(0, 0, 0, 1);
}
a.inline{
   background-color:#FFF;
   display:inline-block;
}

a.inline:hover ,
a.inline:active {
    -moz-opacity:1;
   opacity:1;
   filter:alpha(opacity=100);
}
*/














.photo1{
	width: 100%;
	text-align: center;
	pointer-events : none;



}

.video{
	width: 100%;
	text-align: center;

}

.video_box {
	float: left;
	width: 50%;
	text-align:center;
}

.youtube_box li {
	display: inline-block;
	position: relative;
	list-style: none;
	line-height: 0;
	background-color: rgba(0, 0, 0, 1);
	text-align: left;
	 margin: 0;
}
.youtube_box li:last-child {
    margin-right: 0;
  }
.youtube_box span {
	position: absolute;
	bottom: 0;
	margin: 0;
	line-height: 1;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.youtube_box a{
	opacity:1;
 	color: #fff;
}

.youtube_box li：hoever{
	background: rgba(0, 0, 0, 1);
}
a.youtube{
   background-color:#FFF;
   display:inline-block;
}

a.youtube:hover ,
a.yooutube:active {
    -moz-opacity:1;
   opacity:1;
   filter:alpha(opacity=100);
}


.photo_box {
	float: left;
	width:100%;
	text-align:center;
}

.photo_boxA {
	float: left;
	width: 50%;
	text-align:center;
}
.photo_boxB {
	float: left;
	width: 50%;
	text-align: center;
}
.photo_boxC {
	float: left;
	text-align:center;
	width: 50%;
}

.photo_box_L {
	float: left;
	width: 100%;
	text-align: center;
}
.photo_box_R {
	float: right;
	width: 100%;
	text-align: center;
}





.photo_boxD {
	float: right;
	text-align: center;
}

.photo_boxE {
	text-align: center;
}


.cardlist{
	width:100%;
	padding:0px;
	margin:0px;
	font-size:0px;
}
.cardlist li{
	display: inline-block;
	list-style:none;	
	padding:0px;
	margin: 0px;
	background-color: white;
	vertical-align: auto;
}



















/*sns*/

.sns {
	position: relative;
	background-size: cover;
	background-position: 50%,50%;
	background-repeat: no-repeat;
	width: 100%;
	background-color: #FFF;
	overflow: hidden;
	border-top-color: #CCC;
	border-top-style: solid;
	border-top-width: 4px;
}
.sns_boxA {
	float: left;
 	width: 100%;
	text-align:center;
}
.sns_boxB {
	float: right;
	width: 100%;
	text-align: center;
}

.sns_coment {
	text-align: left;
	padding: 20px;
}

/*member*/
.member {
	width: 100%;
	background-color: #FFF;
}


.link {
	width: 100%;
	background-color: #FFF;
}

.link_boxA {
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 12px;
}
.link_boxB {
	float: right;
	width: 100%;
}

.link_1 {
	border-color: #999;
	border-style: solid;
	border-width: 1px;
	margin-top: 12px;
}


.sns_like{
	margin: 16px;
}



/* ~~ フッター 共通~~ */
.footer {
	background-color: #000000;
	width: 100%;
	color: #fff;
	text-align: center;
	padding-top: 16px;
	margin-top: 32px;
	height: 120px;

}

/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.footer hp {
	text-align: right;
}


.container .footer .hp {
	text-align: right;
	font-size: 70%;

}


#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;

}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

}




@media(min-width:481px){
#menu{
	display:none;
}

/*共通*/

.container {
	width: 100%;
	margin: 0 auto;
	border-color: rgba(0,0,0,0.7);
	border-style: solid;
	border-width: 2px;
	font-size: large;
}



.sns_ico{
	width: 100%;
	height:40px;

}

.sns_ico_left{
	float:left;
	width:70%;
}
.sns_ico_right{
	float:right;
	width: 30%;
	text-align: center;
	margin-top:20px;
}




.menu_drop{
		list-style-type: none;
		width: 100%;
		padding: 0;
		top: 0px;
		position: absolute;
		height: 80px;
		margin-top: 80px;
	
	}
.menu_drop_menu{
		text-align: center;
		width: 60%;
		margin: 0% auto;
	}
	
    #menu_drop li{
		background-color: rgba(255,255,255,0.5);
		position: relative;
		width: 25%;
		float: left;
		text-align: center;
		margin: 0;
	}
	
	#menu_drop li a{
		display: block;
		margin: 0;
		padding: 15px 0 11px;
		color: #000;
		font-weight: bold;
		line-height: 1;
		text-decoration: none;
	}
	
	#menu_drop li ul{
		list-style: none;
		position: absolute;
		top: 100%;
		width:100%;
		left: 0;
		margin: 0;
		padding: 0;
		border-radius: 0 0 3px 3px;
	  }
	
	
	  #menu_drop{
		list-style-type: none;
		width: 100%;
		padding: 0;
	}
	




/*
.menu_drop{
	list-style-type: none;
	width: 100%;
	padding: 0;
	top: 100px;
	position: absolute;
	height:80px;
	border-bottom: medium solid #F00;
}



.menu_drop_menu{
	float: left;
	width: 42%;
	margin-top: 41px;
}


.menu_drop_menu_log{
	float: left;
	width: 16%;
	background-color: rgba(255,255,255,0.5);
	text-align: center;
	height: 80px;
}

#menu_drop{
	list-style-type: none;
	width: 100%;
	padding: 0;


}
#menu_drop li{
	background-color: rgba(255,255,255,0.5);
	position: relative;
	width: 33.33%;
	float: left;
	text-align: center;
	margin: 0;
}
#menu_drop li a{
	display: block;
	margin: 0;
	padding: 15px 0 11px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
}
#menu_drop li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  width:100%;
  left: 0;
  margin: 0;
	padding: 0;
  border-radius: 0 0 3px 3px;
}
#menu_drop li:last-child ul{
  width: 100%;
}
#menu_drop li ul li{
	overflow: hidden;
	width: 100%;
	height: 0;
	color: #000;
	-moz-transition: .2s;
	-webkit-transition: .2s;
	-o-transition: .2s;
	-ms-transition: .2s;
	transition: .2s;
}
#menu_drop li ul li a{
	padding: 13px 15px;
	background-color: rgba(255,255,255,0.5);
	text-align: center;
	font-size: 14px;
	font-weight: normal;
}
#menu_drop li:hover > a{
	background-color: rgba(255,255,255,0.5);
	color: #FF0000;
}
#menu_drop > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#menu_drop li:hover ul li{
	overflow: visible;
	height: 38px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;


}
#menu_drop li:hover ul li:first-child{
  border-top: 0;
}
#menu_drop li:hover ul li:last-child{
  border-bottom: 2px solid #FFF;
}
#menu_drop li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}
*/
/*index*/

.content {
	height:80%;
}

.top_up {
	background-size: contain;
	background-position: 50%,50%;
	background-repeat: no-repeat;
	margin-top: 0px;
}

.top_up:after {
	content: "";
	display: black;
	clear: both;
}

.top_log{
	position: relative;
	height:30%;

}

.top_log:after {
	content: "";
	display: black;
	clear: both;
}
.log {
	float: left;
}



.top_under_1{
	width: 100%;
	background-color: rgba(255,255,255,0.1);
	text-align: center;
	margin-top: 1%;
	margin-bottom: 1%;
}

.top_under_2{
	width: 100%;
	background-color: rgba(255,255,255,0.1);
	text-align: center;
	margin-bottom: 1%;
}








.top_news{
	width: 100%;
	text-align: center;
}


.top_news_under{
	text-align: center;
	margin-top: 10%;
	margin-bottom: 5%;
}


.news_box{
	float: left;
	width:33.33333%;
	padding:0px;
	margin:0px;
	}

.news_box li {
	display: inline-block;
	position: relative;
	list-style: none;
	line-height: 0;
	background-color: rgba(0, 0, 0, 1);
	text-align: left;
	 margin: 0;
}
.news_box li:last-child {
    margin-right: 0;
  }
.news_box span {
	position: absolute;
	bottom: -2px;
	margin: 0;
	line-height: 1;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	left: -1px;
	font-size: medium;
}
.news_box a{
	opacity:1;
 	color: #fff;
}

.news_box li：hoever{
	background: rgba(0, 0, 0, 1);
}

a.opacity{
   background-color:#FFF;
   display:inline-block;
}

a.opacity:hover ,
a.opacity:active {
    -moz-opacity:1;
   opacity:1;
   filter:alpha(opacity=100);
}


.tweet{
	text-align:center;
	width: 100%;
	height: 400px;
}

.sns_like{
	width: 100%;
}

.sns_like li {
	display: inline-block;
	list-style: none;
	width: 20%;
	text-align: center;
}

.sns_g{
	width: 100%;
}

.sns_insta{
	width: 100%;
	text-align: center;
}

.sns_g li {
	display: inline-block;
	list-style: none;
	width: 50%;
	text-align: center;
}


iframe[id^="twitter-widget-"] {
width: 50%;
}

.menu {
	background-color: #FFF;



}
.menu_under{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 5%;
}


.menu_under1 li {
	display: inline-block;
	list-style: none;
	font-size: x-large;
	width: 20%;

}
.menu_under1 li a {
	display: block;

}




.box50 {
	float: left;
 	width: 50%;
	text-align:center;
}
.boxA {
	float: left;
 	width: 100%;
	text-align:center;
}
.boxB {
	float: right;
	width: 50%;
	text-align: center;
}

.boxC{
	float: right;
	width: 100%;
	text-align: left;
}
.boxContainer1 {
	display:none;

}




/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}

.boxContainer:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}









/*news*/

.news {
	position: relative;
	height: 320px;
	background-size: cover;
	background-position: 50%,50%;
	background-repeat: no-repeat;
	width: 100%;
	background-color: #FFF;
	overflow: hidden;
	border-top-color: #CCC;
	border-top-style: solid;
	border-top-width: 4px;
}
.news_boxA {
	float: left;
 	width: 37.5%;
	text-align:center;
}
.news_boxB {
	float: right;
	width: 62.5%;
	text-align: center;
}

.news_coment {
	text-align: left;
	padding: 20px;
}


/*schedule*/
.schedule {
	width: 80%;
	background-color: #FFF;
	margin: 5%;
}

#schedule{
	text-align: left;
}

#schedule table{
	width:100%;
	margin-bottom:20px;
}
#schedule table th{
background-color:#eeeeee;
text-align:center;
}
#schedule table td{
	background-color:#efefef;
	padding:5px;
}
#schedule table ol {

}

.training {
	width: 80%;
	background-color: #FFF;
	margin: 5%;
}

#training{
	text-align: left;
}



#training table{
width:100%;
margin-bottom:20px;
}

#training table th{
background-color:#eeeeee;
text-align:center;
}
#training table td{
	background-color:#efefef;
	padding:5px;

}
#training table ol {
margin-left:30px;
}


/*team leader 共通*/
.team_boxA {
	float: left;
 	width: 37.5%;

}
.team_boxB {
	float: right;
	width: 60%;
}

.team_boxC {
	float: left;
	width: 60%;
	padding-left: 1%;

}
.team_boxD {
	float: right;
	width: 37.5%;
}


/*team*/
.team {
	height: 320px;
	width: 100%;
	background-color: #FFF;

}
/*leader*/

.leader {
	width: 100%;
	background-color: #FFF;
}





/*team*/

.photo{
	width: 100%;
	padding-bottom: 5%;

}

.history {
	position: relative;
	background-size: cover;
	background-position: 50%,50%;
	background-repeat: no-repeat;
	width: 100%;
	background-color: #FFF;
	overflow: hidden;
	margin-top: 20px;
}

.his_box {
	width: 100%;
	text-align:center;
}



.history_box li {
	display: inline-block;
	position: relative;
	list-style: none;
	line-height: 0;
	background-color: rgba(0, 0, 0, 1);
	text-align: left;
	 margin: 0;
}
.history_box li:last-child {
    margin-right: 0;
  }
.history_box span {
position: absolute;
	bottom: -2px;
	margin: 0;
	line-height: 1;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	left: -1px;
	font-size: medium;
}
.history_box a{
	opacity:0.6;
 	color: #fff;
}

.history_box li：hoever{
	background: rgba(0, 0, 0, 1);
}
a.inline{
   background-color:#FFF;
   display:inline-block;
}

a.inline:hover ,
a.inline:active {
    -moz-opacity:1;
   opacity:1;
   filter:alpha(opacity=100);
}















.photo1{
	width: 100%;
	text-align: center;
}

.video{
	width: 100%;
	text-align: center;

}

.video_box {
	float: left;
	width: 33.333333%;
	text-align:center;

}

.youtube_box li {
	display: inline-block;
	position: relative;
	list-style: none;
	line-height: 0;
	background-color: rgba(0, 0, 0, 1);
	text-align: left;
	 margin: 0;
}
.youtube_box li:last-child {
    margin-right: 0;
  }
.youtube_box span {
	position: absolute;
	bottom: 0;
	margin: 0;
	line-height: 1;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.youtube_box a{
	opacity:0.6;
 	color: #fff;
}

.youtube_box li：hoever{
	background: rgba(0, 0, 0, 1);
}
a.youtube{
   background-color:#FFF;
   display:inline-block;
}

a.youtube:hover ,
a.yooutube:active {
    -moz-opacity:1;
   opacity:1;
   filter:alpha(opacity=100);
}

/*

.photo{
	width: 100%;
	padding-bottom: 5%;

}

.history {
	position: relative;
	background-size: cover;
	background-position: 50%,50%;
	background-repeat: no-repeat;
	width: 100%;
	background-color: #FFF;
	overflow: hidden;
	margin-top: 20px;
}

.his_box {
	width: 100%;
	text-align:center;
}



.history_box li {
	display: inline-block;
	position: relative;
	list-style: none;
	line-height: 0;
	background-color: rgba(0, 0, 0, 1);
	text-align: left;
	 margin: 0;
}
.history_box li:last-child {
    margin-right: 0;
  }
.history_box span {
	position: absolute;
	bottom: 0;
	margin: 0;
	line-height: 1;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.history_box a{
	opacity:1;
 	color: #fff;
}

.history_box li：hoever{
	background: rgba(0, 0, 0, 1);
}
a.inline{
   background-color:#FFF;
   display:inline-block;
}

a.inline:hover ,
a.inline:active {
    -moz-opacity:1;
   opacity:1;
   filter:alpha(opacity=100);
}




.photo1{
	width: 100%;
	text-align: center;
	pointer-events : auto;
}

.video{
	width: 100%;
	text-align: center;

}

.video_box {
	float: left;
	width: 50%;
	text-align:center;
}

.youtube_box li {
	display: inline-block;
	position: relative;
	list-style: none;
	line-height: 0;
	background-color: rgba(0, 0, 0, 1);
	text-align: left;
	 margin: 0;
}
.youtube_box li:last-child {
    margin-right: 0;
  }
.youtube_box span {
	position: absolute;
	bottom: 0;
	margin: 0;
	line-height: 1;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.youtube_box a{
	opacity:1;
 	color: #fff;
}

.youtube_box li:hoever{
	background: rgba(0, 0, 0, 1);
}
a.youtube{
   background-color:#FFF;
   display:inline-block;
}

a.youtube:hover ,
a.yooutube:active {
    -moz-opacity:1;
   opacity:1;
   filter:alpha(opacity=100);
}
*/

.photo_box {
	float: left;
	width: 50%;
	text-align:center;
}

.photo_boxA {
	float: left;
	width: 50%;
	text-align:center;
}
.photo_boxB {
	float: left;
	width: 50%;
	text-align: center;
}
.photo_boxC {
	float: left;
	text-align:center;
	width: 50%;
}

.photo_box_L {
	float: left;
	width: 50%;
	text-align: center;
}
.photo_box_R {
	float: right;
	width: 50%;
	text-align: center;
}


.photo_boxD {
	float: right;
	text-align: center;
}

.photo_boxE {
	text-align: center;
}


.cardlist{
	width:100%;
	padding:0px;
	margin:0px;
	font-size:1px;
}
.cardlist li{
	display: inline-block;
	list-style:none;
	padding:0px;
	margin: 0px;
	background-color: white;
	vertical-align: auto;
}


/*sns*/

.sns {
	position: relative;
	background-size: cover;
	background-position: 50%,50%;
	background-repeat: no-repeat;
	width: 100%;
	background-color: #FFF;
	overflow: hidden;
	border-top-color: #CCC;
	border-top-style: solid;
	border-top-width: 4px;
}
.sns_boxA {
	float: left;
 	width: 37.5%;
	text-align:center;
}
.sns_boxB {
	float: right;
	width: 62.5%;
	text-align: center;
}

.sns_coment {
	text-align: left;
		padding: 20px;
}

/*member*/
.member {
	width: 100%;
	background-color: #FFF;
}


.link {
	width: 100%;
	background-color: #FFF;
}

.link_boxA {
	float: left;
	width: 20%;
	text-align: center;
	margin-top: 12px;
}
.link_boxB {
	float: right;
	width: 80%;
}

.link_1 {
	border-color: #999;
	border-style: solid;
	border-width: 1px;
	margin-top: 12px;
}


.sns_like{
	margin: 16px;
}

.form{
	text-align: center;
}









/* ~~ フッター 共通~~ */
.footer {
	background-color: #000000;
	width: 100%;
	color: #fff;
	text-align: center;
	padding-top: 16px;
	margin-top: 32px;
	height: 120px;

}

/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.footer hp {
	text-align: right;
}


.container .footer .hp {
	text-align: right;
	font-size: 70%;

}
}



@media(min-width:740px){
.boxA {
	float: left;
 	width: 50%;
	text-align:center;
}
.boxB {
	float: right;
	width: 50%;
	text-align: center;
}

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

}






@media(min-width:980px){





/*共通*/

.container {
	width: 90%;
	margin: 0 auto;
	border-style: none;
	font-size: large;
}

/*margin-top変更*/
.menu_drop{
	margin-top: 40px;

}

/*index*/





.top_up {
	background-size: contain;
	background-position: 50%,50%;
	background-repeat: no-repeat;
	position: relative;
}

.top_up:after {
	content: "";
	display: black;
	clear: both;
}

.top_log{
	position: relative;
	height:30%;

}

.top_log:after {
	content: "";
	display: black;
	clear: both;
}
.log {
	float: left;
}



.top_under_1{
	width: 100%;
	background-color: rgba(255,255,255,0.1);
	text-align: center;
	margin-bottom: 1%;
	margin-top: 1%;
}

.top_under_2{
	width: 100%;
	background-color: rgba(255,255,255,0.1);
	text-align: center;
	margin-bottom: 1%;
}








.top_news{
	width: 100%;
	text-align: center;
}


.top_news_under{
	text-align: center;
	margin-top: 44px;
	margin-bottom: 24px;
}


.news_box{
	float: left;
	width:25%;
	padding:0px;
	margin:0px;
	}

.news_box li {
	display: inline-block;
	position: relative;
	list-style: none;
	line-height: 0;
	background-color: rgba(0, 0, 0, 1);
	text-align: left;
	 margin: 0;
}
.news_box li:last-child {
    margin-right: 0;
  }
.news_box span {
	position: absolute;
	bottom: -2px;
	margin: 0;
	line-height: 1;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	left: -1px;
	font-size: medium;
}
.news_box a{
	opacity:0.6;
 	color: #fff;
}

.news_box li：hoever{
	background: rgba(0, 0, 0, 1);
}

a.opacity{
   background-color:#FFF;
   display:inline-block;
}

a.opacity:hover ,
a.opacity:active {
    -moz-opacity:1;
   opacity:1;
   filter:alpha(opacity=100);
}


.tweet{
	text-align:center;
	width: 100%;
	height: 400px;
}

.sns_like{
	width: 100%;
}

.sns_like li {
	display: inline-block;
	list-style: none;
	width: 20%;
	text-align: center;
}

.sns_g{
	width: 100%;
}

.sns_insta{
	width: 100%;
	text-align: center;
}




.sns_g li {
	display: inline-block;
	list-style: none;
	width: 50%;
	text-align: center;
}


iframe[id^="twitter-widget-"] {
width: 400px;
}

.menu {
	background-color: #FFF;
	text-align: center;
	width: 100%;

}


.menu_under{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 5%;
}

.menu_under1 li {
	display: inline-block;
	list-style: none;
	font-size: x-large;
	width: 20%;

}
.menu_under1 li a {
	display: block;

}








.box50 {
	float: left;
	width: 50%;
}
.boxA {
	float: left;
 	width: 50%;
	text-align:center;
}
.boxB {
	float: right;
	width: 50%;
	text-align: center;
}

.boxC{
	float: right;
	width: 50%;
	text-align: left;
}
.boxContainer1 {
	display:none;

}




/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}

.boxContainer:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}









/*news*/

.news {
	position: relative;
	height: 100%;
	background-size: cover;
	background-position: 50%,50%;
	background-repeat: no-repeat;
	width: 100%;
	background-color: #FFF;
	overflow: hidden;
	border-top-color: #CCC;
	border-top-style: solid;
	border-top-width: 4px;
}
.news_boxA {
	float: left;
 	width: 37.5%;
	text-align:center;
}
.news_boxB {
	float: right;
	width: 62.5%;
	text-align: center;
}

.news_coment {
	text-align: left;
	padding: 20px;
}


/*schedule*/
.schedule {
	width: 80%;
	background-color: #FFF;
	margin: 5%;
}

#schedule{
	text-align: left;
}

#schedule table{
	width:100%;
	margin-bottom:20px;
}
#schedule table th{
background-color:#eeeeee;
text-align:center;
}
#schedule table td{
	background-color:#efefef;
	padding:5px;
}
#schedule table ol {
margin-left:30px;
}

.training {
	width: 80%;
	background-color: #FFF;
}

#training{
	text-align: left;
}



#training table{
width:100%;
margin-bottom:20px;
}

#training table th{
background-color:#eeeeee;
text-align:center;
}
#training table td{
	background-color:#efefef;
	padding:5px;

}
#training table ol {
margin-left:30px;
}


/*team leader 共通*/
.team_boxA {
	float: left;
	width: 37.5%;

}
.team_boxB {
	float: right;
	width: 60%;
}



.team_boxC {
	float: left;
	width: 60%;
	padding-left: 1%;

}
.team_boxD {
	float: right;
	width: 37.5%;
}













/*team*/
.team {
	height: 100%;
	width: 100%;
	background-color: #FFF;

}
/*leader*/

.leader {
	height: 100%;
	width: 100%;
	background-color: #FFF;

}




/*team*/

.photo{
	width: 100%;
	padding-bottom: 5%;

}

.history {
	position: relative;
	background-size: cover;
	background-position: 50%,50%;
	background-repeat: no-repeat;
	width: 100%;
	background-color: #FFF;
	overflow: hidden;
	margin-top: 20px;
}

.his_box {
	width: 100%;
	text-align:center;
}



.history_box li {
	display: inline-block;
	position: relative;
	list-style: none;
	line-height: 0;
	background-color: rgba(0, 0, 0, 1);
	text-align: left;
	 margin: 0;
}
.history_box li:last-child {
    margin-right: 0;
  }
.history_box span {
position: absolute;
	bottom: -2px;
	margin: 0;
	line-height: 1;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	left: -1px;
	font-size: medium;
}
.history_box a{
	opacity:0.6;
 	color: #fff;
}

.history_box li：hoever{
	background: rgba(0, 0, 0, 1);
}
a.inline{
   background-color:#FFF;
   display:inline-block;
}

a.inline:hover ,
a.inline:active {
    -moz-opacity:1;
   opacity:1;
   filter:alpha(opacity=100);
}















.photo1{
	width: 100%;
	text-align: center;
}

.video{
	width: 100%;
	text-align: center;

}

.video_box {
	float: left;
	width: 33.333333%;
	text-align:center;

}

.youtube_box li {
	display: inline-block;
	position: relative;
	list-style: none;
	line-height: 0;
	background-color: rgba(0, 0, 0, 1);
	text-align: left;
	 margin: 0;
}
.youtube_box li:last-child {
    margin-right: 0;
  }
.youtube_box span {
	position: absolute;
	bottom: 0;
	margin: 0;
	line-height: 1;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.youtube_box a{
	opacity:0.6;
 	color: #fff;
}

.youtube_box li：hoever{
	background: rgba(0, 0, 0, 1);
}
a.youtube{
   background-color:#FFF;
   display:inline-block;
}

a.youtube:hover ,
a.yooutube:active {
    -moz-opacity:1;
   opacity:1;
   filter:alpha(opacity=100);
}


.photo_box {
	float: left;
	width: 33.3333%;
	text-align:center;
}

.photo_boxA {
	float: left;
	width: 33.3333%;
	text-align:center;
}
.photo_boxB {
	float: left;
	width: 33.3333%;
	text-align: center;
}
.photo_boxC {
	float: left;
	text-align:center;
	width: 33.3333%;
}

.photo_box_L {
	float: left;
	width: 50%;
	text-align: center;
}
.photo_box_R {
	float: right;
	width: 50%;
	text-align: center;
}
























.photo_boxD {
	float: right;
	text-align: center;
}

.photo_boxE {
	text-align: center;
}


.cardlist{
	width:100%;
	padding:0px;
	margin:0px;
	font-size:1px;
}
.cardlist li{
	display: inline-block;
	list-style:none;
	padding:0px;
	margin: 0px;
	background-color: white;
	vertical-align: auto;
}



















/*sns*/

.sns {
	position: relative;
	background-size: cover;
	background-position: 50%,50%;
	background-repeat: no-repeat;
	width: 100%;
	background-color: #FFF;
	overflow: hidden;
	border-top-color: #CCC;
	border-top-style: solid;
	border-top-width: 4px;
}
.sns_boxA {
	float: left;
 	width: 37.5%;
	text-align:center;
}
.sns_boxB {
	float: right;
	width: 62.5%;
	text-align: center;
}

.sns_coment {
	text-align: left;
	padding: 20px;
}

/*member*/
.member {
	width: 100%;
	background-color: #FFF;
}


.link {
	width: 100%;
	background-color: #FFF;
}

.link_boxA {
	float: left;
	width: 20%;
	text-align: center;
	margin-top: 12px;
}
.link_boxB {
	float: right;
	width: 80%;
}

.link_1 {
	border-color: #999;
	border-style: solid;
	border-width: 1px;
	margin-top: 12px;
}


.sns_like{
	margin: 16px;
}



/* ~~ フッター 共通~~ */
.footer {
	background-color: #000000;
	width: 100%;
	color: #fff;
	text-align: center;
	padding-top: 16px;
	margin-top: 32px;
	height: 120px;

}

/* ~~ その他の float/clear クラス ~~ */
.fltrt {  /* このクラスを使用すると、ページ内でエレメントを右にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスを使用すると、ページ内でエレメントを左にフローティングさせることができます。フローティングさせるエレメントは、ページ内で横に並べて表示するエレメントの前に指定する必要があります。 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、#footer が #container から削除されているか取り出されている場合に、<br /> または空の div で、フローティングさせる最後の div に続く最後のエレメントとして (#container 内に) 配置できます。 */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.footer hp {
	text-align: right;
}


.footer .hp {
	text-align: right;
	font-size: 70%;

}
}


@media(min-width:1260px){
.video_box {
	float: left;
	width: 20%;
	text-align:center;

}

.container {
	width: 90%;
	margin: 0 auto;
	border-style: none;
	font-size: x-large;
}

}