@charset "UTF-8";
@import "reset.css";
@import url('https://fonts.googleapis.com/css?family=Anton|Coda+Caption:800|Oswald:500,600,700');
@media screen and (max-width: 1024px){
/* CSS Document */


/*
	----------------------------
	HTML SELECTORS
	____________________________
*/


body {
  background: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-weight: 600;
  color: #000;
  margin: 0;
  padding: 0;
}

.bg_video{
display:none;
}

.bg_img{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-image: url("../img/bg.png");

  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;

  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;

  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
}

a {
  text-decoration: underline;
   color:#00ff00;
 }

a:hover {
  color: #0000ff;
  text-decoration: none;
}

h1 { font-size: 32px; line-height: 28px; font-weight: normal; letter-spacing: 1px; color: #000; }
h2 { font-size: 24px; line-height: 28px; font-weight: normal; letter-spacing: 1px; color: #000; }


br { line-height: 18px; }

p {
  font-size:14px;
}

.cv br { line-height: 30px; }

.table_top br { line-height: 24px; }
.table_top p {
  font-size:18px;
  line-height: 24px;
}





/*
	----------------------------
	LAYOUT
	____________________________
*/


#wrapper { width: 100%; margin: 0 auto;  }
#main { width: 100%; float: left; }
#main > p, #main > div { margin-left: 7px; }

/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/


#video-controls { width: 333px; }
#video-controls a { color: #ddd; text-decoration: underline; }


/*
	----------------------------
	UTILITY CLASSES
	____________________________
*/

.menu {
  margin-top:20px;
  padding-left:0px;
  letter-spacing: 1px;
  z-index:999;
}

.menu_cv {
  margin-top:20px;
  padding-left:0px;
  letter-spacing: 1px;
  z-index:999;
}

.logo a {text-decoration: none;}

.m_link{
  margin-top:40px;
  font-size:20px;
  color:#00ff00;
}


.contact {
  margin-top:40px;
  padding-left:0px;
  padding-bottom:20px;
  letter-spacing: 1px;
  z-index:999;
  font-size:20px;
}


.ytube{
  padding-left:0px;
  font-size:14px;
  margin-top:40px;
  margin-bottom:80px;
  letter-spacing: 0.5px;
}


.cv{
  font-family: 'Lato', sans-serif;
  font-weight:400;
  width:95%;
  font-size:14px;

  z-index:1;
  margin-left:20px;
  margin-right:20px;
  margin-top:40px;
  margin-bottom:60px;
}

.cv p{margin-bottom:20px;}

.profimg img{
  width: 280px;
  height:auto;
  margin-bottom: 20px;
}

.prof{
}

.table{
	 display: table;
	 table-layout:fixed;  /* ブロックレベル要素を均等に配置 */
   margin-top:0px;
   margin-bottom:20px;
   width:100%;
}

.table_jp{
   font-size:13px;
   width:95%;
   width:100%;
   margin-right:20px;
}

.table_en{
   font-size:13px;
   width:95%;
   margin-top:40px;
   margin-bottom:10px;
   width:100%;
   margin-right:20px;
}

.table_top01 p {
  font-size: 12px;
  line-height:10px;
}

.table_top01{
   line-height:10px;
   margin-top:20px;
   font-size:10px;
}

.table_top02 p {
  font-size: 12px;
  line-height:10px;
}

.table_top02{
   line-height:10px;
   margin-top:20px;
   font-size:10px;
}


.table_jp    { line-height: 20px !important; display:block;}

.table_en    { line-height: 20px !important; display:block;}


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

.clearfix:after {
    clear: both;
}


}