@charset "UTF-8";
/* CSS Document */

html{
/* 文字サイズを10px=1remとする */
font-size: 62.5%;
}
body{
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
line-height: 160%;
font-size: 1.6rem;
color: #333333;
margin:0;
padding:0;
background-color: #fff;
}


/*==========ローディング==========*/

/* 数字がカウントアップされるローディング画面 */
#loading {
	color: white;
	width: 100%;
	height: 100%;
/*	background:#111111;*/
	text-align:center;
	z-index: 999;
	position: fixed;
}

#loading_text {
	color: white;
	width: 100%;
	top: 50%;
	left: 50%;
	z-index: 999;
	position: absolute;
	transform: translate(-50%, -50%);
	font-size: 20px;
	font-family: "Oswald", serif;
	font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
}

/*==========トップイメージ==========*/


/*.sp-only { display: block!important; }*/
.pc-only { display: none!important; }
@media  (min-width: 768px) {
.sp-only { display: none!important; }
/*    .pc-only { display: block!important; }*/
}

/*==========motion==========*/

/* ラッパー（外側の要素） */
.video-wrapper {
 overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 100vh;  /* 高さ固定 */
  margin: auto;
}
 
/* 疑似要素でオーバーレイを表示 */
.video-wrapper::before {
 content: "";
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
/*  background-color: rgba(0, 0, 0, 0.5);*/
  z-index: -1;

}
/* video 要素 */
.video-wrapper video {
  width: 100%;  /* 明示的に幅を設定（必須） */
  height: 100%; /* 明示的に高さを設定（必須） */
  object-fit: cover;  /* ラッパーにに収まるように拡大縮小 */
  object-position: 50% 0%;  /* 動画の位置の調整 */
}

/*==============================*/

header{
overflow: hidden;
}

.bk{
	position: absolute;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.15);
	z-index: 5;
	top: 0;
    left: 0;
	}
.dots{
	position:absolute;
	width: 100%;
	height: 100vh;
	background: url(../images/dot.gif);
	background-repeat: repeat;
	z-index: 2;
	top: 0;
    left: 0;
}

.site-header{
	position: fixed;
	z-index: 1100;
	width: 100%;
	height: 60px;
	top: 0;
	background-color: rgba(0,0,0,0.30);
	transition: .5s;
	}
.vn{
	display: block;
	z-index: 101;
	width: 100px;
	height: auto;
	padding: 12px;
	margin: 0 auto;
	}
	
 .site-header.hide{
    transform: translateY(-100%);
}


#top{
    position: absolute;
      top: 35%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
    width: 300px;
    height: auto;
    z-index: 1000;
  }
  


#top #main_tit{
	padding-top: 0px;
	font-family: "Zen Antique", serif;
  	font-weight: 400;
  	font-style: normal;
	font-size: 73px;
	color: #FFFFFF;
	text-align: center;
	text-shadow: 0px 0px 15px #000;
/*	border-bottom: 5px solid #fff;*/
	}

	#top #main_tit .naoya{
	letter-spacing: -0.5rem;
	margin-bottom: 0;
	padding-top: 15px;
	}
	#top #main_tit .vs{
	letter-spacing: -0.5rem;
	margin-top: 20px;
	}
	#top #main_tit .junto{
	letter-spacing: -0.5rem;
	margin-bottom: 0;
	margin-top: 40px;
	}
	
	#sub_tit_a{
	padding-top: 0px;
	font-family: "Zen Antique", serif;
  	font-weight: 400;
  	font-style: normal;
	font-size: 28px;
	color: #FFFFFF;
	letter-spacing: 3px;
	text-align: center;
	text-shadow: 0px 0px 15px #000;
	padding-bottom: 10px;
	}
	#sub_tit_a .tokyo{
 	letter-spacing: 0;
 	}
	#sub_tit_a .day{
 	letter-spacing: -0.1rem;
 	}
	 #sub_tit_a .dome{
 	letter-spacing: -0.3rem;
	margin-left: -15px;
 	}


  h1{
  padding-top: 200px;
  }

/*==========タイトルフェードイン==========*/

body{
	animation: loading 2s;
}
.fade{
	animation: loading 5s;
}
@keyframes loading {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

/*==========リード*==========*/

.intro{
  width: 100%;
  height: 360px;
  background: #111111;
  }
  .intro p{
  color:#FFFFFF;
  width: 320px;
  margin: 0 auto;	
  padding-top: 100px;
  font-size: 1.6rem;
  line-height: 2.6rem;
    font-family: "Noto Sans JP", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
  }
  
 /*=========="theday_bg_"==========*/

[class*="theday_bg_"] {
  clip-path: inset(0);
  display: flow-root;
  min-height: 100vh;
}
[class*="theday_bg_"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
}

 /*================================*/
 
 
  
 /*==========開催発表記者会見==========*/

.theday_bg_a::before {
width:100%;
height:100vh;
background-repeat:no-repeat;
background-position:center center;
background-image:url("../images/theday_img_A_sp.jpg");
background-size:cover;
}


.theday_cmt_b{
width: 100%;
height: 100vh;
background-repeat:no-repeat;
background-image:url("../images/theday_img_B_sp.jpg");
background-size:cover;
position: relative;
}
.dots_b{
    position:absolute;
    width: 100%;
    height: 100vh;
    background: url(../images/dot.gif);
    background-repeat: repeat;
    z-index: 1;
    top: 0;
    left: 0;
  }

.theday_textbox_b{
position: absolute;
display: block;
top:0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
width: 330px;
height: auto;
z-index: 10000;
}
.theday_textbox_b p{
z-index: 10000;
display: block;
color: #fff;
padding: 20px 0 0 30px;
font-size: 1.6rem;
line-height: 170%;
background: #000000;
margin-top: 300px;
margin-bottom: 0;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  letter-spacing: .1rem;
}

.theday_textbox_b h3{
font-size: 2.7rem;
  color: #fff;
  background: #000000;
  padding: 15px 0;
	line-height: 3.5rem;
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-style: normal;
  margin-top: 0;
}

.theday_cmt_c{
width: 100%;
height: 100vh;
background-color: #111111;
background-image:url("../images/theday_img_C_sp.jpg");
background-size:cover;
background-position: center center;
position: relative;
}
.dots_c{
    position:absolute;
    width: 100%;
    height: 100vh;
    background: url(../images/dot.gif);
    background-repeat: repeat;
    z-index: 1;
    top: 0;
    left: 0;
  }

.theday_textbox_c{
position: absolute;
display: block;
top:0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
width: 300px;
height: auto;
z-index: 10000;
}
.theday_textbox_c h3{
margin-top: 350px;
font-size: 2.7rem;
 line-height: 3.5rem;
  color: #fff;
  background: #000000;
  padding: 20px;
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-style: normal;
}

/*==================前触れ井上==================*/
.theday_cmt_b2{
	width: 100%;
  height: 600px;
  background: #111111;
  }
  .theday_textbox_b2{
  color:#FFFFFF;
  width: 300px;
  margin: 0 auto;	
  padding-top: 100px;
  font-size: 1.2rem;
  line-height:  180%;
    font-family: "Noto Sans JP", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
  }

/*==================前触れ中谷==================*/


.theday_cmt_c2{
	width: 100%;
  height: 650px;
  background: #111111;
  }
  .theday_textbox_c2{
  color:#FFFFFF;
  width: 300px;
  margin: 0 auto;	
  padding-top: 100px;
  font-size: 1.2rem;
  line-height:  180%;
    font-family: "Noto Sans JP", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
  }


/*==================プロフィル==================*/
.rec{
position: relative;
width:100%;
height:1100px;
}

.container {
	position: absolute;
	top: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between; /* 左右に配置 */
  width: 100%; /* 必要に応じて幅を指定 */
margin: 0 auto;
}

.container .name{
font-size: 2rem;
color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  width: 50%;
  display: inline-block;
  padding: 30px;
  text-align: center;
}
.container .namenao{
background-color:#c92f19;
}
.container .namejunto{
background: #004ea2;
}
.container .center{
 width: 2px;
}


/*=============================*/
.prof {
  display: flex;
  margin:0 auto;
}
.proftop {
 padding-top: 85px;
 
}
ul,
li {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  width: 100%;
}

li {
/*  background: #ccc;*/
  text-align: center;
  padding: 20px 0;
/*  border: 1px solid #fff;*/
}
.itm{
display: block;
  width: 130px;
  background: #ccc;
  letter-spacing: 0;
  font-size: 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  border-bottom: solid 2px rgba(115,115,115,1.00);
}
.pro{
padding-top: 4.6rem;
}
.nmb{
font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  line-height: 3.2rem;
  border-bottom: solid 2px rgba(115,115,115,1.00);
}
.ko{
padding-top: 2.3rem;
}
.cls{
font-size: 1.5rem;
line-height: 125%;
padding-top: 2.4rem;
}
.cls_c{
padding-top: 5rem;
}
.birth{
padding-top: 2rem;
}
.brtd{
line-height: 170%;
}
.achi{
padding-top: 3rem;
letter-spacing: 0;
}
.achi_j{
padding-top: 5rem;
}
.nnm_c{
padding-top: 4rem;
}
.cls　nnm_n{
padding-top: 3.5rem;
}




/*===============キャリア名前=================*/


.car_tit {	
  display: flex;
  justify-content: space-between; /* 左右に配置 */
  width: 100%; /* 必要に応じて幅を指定 */
margin: 0 auto;
}

.car_tit .name{
font-size: 2rem;
color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  width: 50%;
  display: inline-block;
  padding: 30px;
  text-align: center;
}
.car_tit .namenao{
background-color:#c92f19;
}
.car_tit .namejunto{
background: #004ea2;
}
.car_tit .center{
 width: 2px;
}


/*===============キャリア==================*/

.car_nao{
margin-top: 3px;
margin-bottom: 10px;
font-size: 1.4rem;
line-height: 1.6rem;
color: #111111;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  width: 322px;
  display: inline-block;
  padding: 8px 8px 8px 8px;
  text-align: left
}
.square_r{
border-left: 20px solid #c92f19;
}
.square_b{
border-right: 20px solid #004ea2;
}
.car_junto{
margin-top: 3px;
margin-bottom: 10px;
font-size: 1.4rem;
line-height: 1.6rem;
color: #111111;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  width: 100%;
  display: inline-block;
  padding: 8px 8px 8px 8px ;
  text-align: right;
}
.square_gl{
border-right: 20px solid #cccccc;
border-left: 20px solid #cccccc;
padding: 20px 0 0 0;
margin: 0;
}
.square_gr{
border-left: 20px solid #cccccc;
padding: 20px 0 0 0;
margin: 0;
}
.square_nj{
border-left: 20px solid #cccccc;
padding: 20px 0 0 0;
margin: 0;
}



/*==========26_5_2==========*/

.car_cnt_theday{
display: flex;
}

.theday_car {
  display: flex;
  justify-content: space-between; /* 左右に配置 */
  width: 100%; /* 必要に応じて幅を指定 */
/*  margin: 0 auto;*/
}
.theday_car .car_nao{
  width: 50%;
}

/*==========close==========*/

.close{
	width: 100%;
	height: 375px;
	background-image:url("../images/theday_top _G_sp.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

/*===============特集サイトフッター前==============*/

.monster{
	display: block;
	width: 100%;
	height: 450px;
	background-color: #111111;
	margin: 0;
	padding: 0;
}
.monster_sp img{
	padding-top: 150px;
	padding-bottom: 20px;
	width: 300px;
	height: auto;
}
.monster_sp a{
	display: block;
  	width: 300px;
  	height: 150px;
	margin: 0 auto;
	color: #FFFFFF;
	font-size: 1.5rem;
	font-family: "noto-sans", sans-serif;
	font-weight: 600;
	text-align: center;
	letter-spacing: .1rem;
	padding: 0;
}

a{
  /* 通常時の透明度（1.0で不透明） */
  opacity: 1;
  /* アニメーションを滑らかにする設定（オプション） */
  transition: opacity 0.3s ease;
}

a:hover {
  /* ホバー時の透明度（0～1の間で指定、0.5は半透明） */
  opacity: 0.5;
  text-decoration: none;
}

/*==========トップへ戻る==========*/
footer{
	width: 100%;
	height: 1400px;
	background-color: #111111;	
	z-index: 1;
	}

.back-to-top{
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 10000;
	opacity: .8;
}	

.footer_box{
width: 300px;
display: block;
text-align: center;
margin:  0 auto;
}

.contents_title {
	padding-top: 100px;
}
.contents_title p{
    font-size: 2rem;
    margin-bottom: .8rem;
    font-weight: 600;
	text-align: center;
	color: #999999;
}
.release_date {
    text-align: center;
    font-weight: 400;
    margin-bottom: 4rem;
	color: #999999;
}
.footer_vn .footer_vn_logo{
display: block;
text-align: center;
margin: 0 auto;
padding: 50px 0;
width: 120px;
height: auto;
}

.cmb{
color: #fff;
font-size: 18px;
list-style-type: none;
}
.role{
padding-bottom: 10px;
}

.cmb .role{
color: #888888;
font-size: 18px;
margin-bottom: 40px 0;
font-weight: 600;
line-height: 50%;
}
.cmb .k_name{
color: #888888;
font-size: 18px;
margin-bottom: 40px 0;

}
.cmb {
padding-bottom: 80px;
}

.cmb li{
letter-spacing: .5px;
}
.name{
color: #888888;
font-size: 24px;
list-style: none;
margin-bottom: 20px;
}



.sml{
width: 300px;
margin:  0 auto;
	color: #999999;
padding-top: 70px;
text-align: left;
}

/*=====================================*/
/*=====================================*/
/*=====================================*/
/*=====================================*/
/*=====================================*/
/*min-width:768px
 /*　画面サイズが768pxからはここを読み込む　*/
/*=====================================*/
/*=====================================*/
/*=====================================*/
/*=====================================*/
/*=====================================*/

@media screen and (min-width:768px){
@media  (min-width: 768px) {
    .sp-only { display: none!important; }
    .pc-only { display: block!important; }
}

/*
#header_cnt{
  display: block;
  overflow: hidden;
  background-image: url("../images/top_a_pc.jpg");
    width:100%;
      height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: 1;
  }
*/
  
  .bk{
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,0.25);
    z-index: 5;
    top: 0;
      left: 0;
    }
  .dots{
    position:absolute;
    width: 100%;
    height: 100vh;
    background: url(../images/dot.gif);
    background-repeat: repeat;
    z-index: 2;
    top: 0;
    left: 0;
  }
  
  .site-header{
    position: fixed;
    z-index: 1100;
    width: 100%;
    height: 60px;
    top: 0;
    background-color: rgba(0,0,0,0.30);
    transition: .5s;
    }
  .site-header .vn{
    display: block;
	z-index: 101;
	width: 100px;
	height: auto;
	padding: 12px;
	margin: 0 auto;
    }
   .site-header.hide{
      transform: translateY(-100%);
  }
  
  
  
  #top{
    position: absolute;
      top: 35%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
    width: 500px;
    height: auto;
    z-index: 1000;
  }
  


#top #main_tit{
	padding-top: 0px;
	font-family: "Zen Antique", serif;
  	font-weight: 400;
  	font-style: normal;
	font-size: 100px;
	color: #FFFFFF;
	text-align: center;
	text-shadow: 0px 0px 15px #000;
/*	border-bottom: 5px solid #fff;*/
	}

	#top #main_tit .naoya{
	letter-spacing: -0.5rem;
	margin-bottom: 0;
	margin-top: 20px;
	}
	#top #main_tit .vs{
	letter-spacing: -0.5rem;
	margin-top: 38px;
	}
	#top #main_tit .junto{
	letter-spacing: -0.5rem;
	margin-bottom: 0;
	margin-top: 64px;
	}
	
	#top #main_tit .ichi_end{
	 display     : inline-block; /* 変形するためのブロック化 */
	 transform   : scale(0.8, 1); /* 変形 横,縦 */
	 
	}
	#sub_tit_a{
	padding-top: 0px;
	font-family: "Zen Antique", serif;
  	font-weight: 400;
  	font-style: normal;
	font-size: 40px;
	color: #FFFFFF;
	letter-spacing: 3px;
	text-align: center;
	text-shadow: 0px 0px 15px #000;
	padding-bottom: 10px;
	}
	#sub_tit_a .day{
 	letter-spacing: -0.2rem;
 	}
	 #sub_tit_a .dome{
 	letter-spacing: -0.5rem;
	margin-left: -25px;
 	}


  h1{
  padding-top: 200px;
  }
  
  
  

  
/*==========リード*==========*/

.intro{
  width: 100%;
  height: 600px;
  background: #111111;
  }
  .intro p{
  color:#FFFFFF;
  width: 600px;
  margin: 0 auto;	
  padding-top: 200px;
  font-size: 2.2rem;
  line-height: 4.5rem;
    font-family: "Noto Sans JP", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
  }
  
 /*=========="theday_bg_"==========*/

[class*="theday_bg_"] {
  clip-path: inset(0);
  display: flow-root;
  min-height: 100vh;
}
[class*="theday_bg_"]::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
}

 /*================================*/
 
 
  
 /*==========開催発表記者会見==========*/

.theday_bg_a::before {
width:100%;
height:100vh;
background-repeat:no-repeat;
background-position:center center;
background-image:url("../images/theday_img_A_pc.jpg");
background-size:cover;
}

.theday_cmt_b{
width: 100%;
height: 100vh;
background-color: #111111;
background-image:url("../images/theday_img_B_pc.jpg");
background-size:cover;
background-position: center center;
background-attachment: fixed;
position: relative;
}
.dots_b{
    position:absolute;
    width: 100%;
    height: 100vh;
    background: url(../images/dot.gif);
    background-repeat: repeat;
    z-index: 1;
    top: 0;
    left: 0;
  }

.theday_textbox_b{
position: absolute;
display: block;
top:0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
width: 580px;
height: auto;
z-index: 10000;
}
.theday_textbox_b p{
z-index: 10000;
display: block;
color: #fff;
padding: 10px 0 10px 30px;
font-size: 2rem;
line-height: 170%;
background: #000000;
margin-top: 350px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  letter-spacing: .1rem;
}

.theday_textbox_b h3{
font-size: 3.3rem;
  line-height: 170%;
  color: #fff;
  background: #000000;
  padding: 15px 0;
  font-size: 4.8rem;
line-height: 7rem;
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-style: normal;
}

.theday_cmt_c{
width: 100%;
height: 100vh;
background-color: #111111;
background-image:url("../images/theday_img_C_pc.jpg");
background-size:cover;
background-position: center center;
background-attachment: fixed;
position: relative;
}
.dots_c{
    position:absolute;
    width: 100%;
    height: 100vh;
    background: url(../images/dot.gif);
    background-repeat: repeat;
    z-index: 1;
    top: 0;
    left: 0;
  }

.theday_textbox_c{
position: absolute;
display: block;
top:0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
width: 470px;
height: auto;
z-index: 10000;
}
.theday_textbox_c h3{
margin-top: 350px;
font-size: 3.3rem;
text-align: right;
  line-height: 170%;
  color: #fff;
  background: #000000;
  padding: 15px 30px 15px 0;
  font-size: 4.8rem;
line-height: 7rem;
  font-family: "Zen Antique", serif;
  font-weight: 400;
  font-style: normal;
   width: 470px;
   text-align: right;
}

/*==================前触れ井上==================*/
.theday_cmt_b2{
	width: 100%;
  height: 800px;
  background: #111111;
  }
  .theday_textbox_b2{
  color:#FFFFFF;
  width: 600px;
  margin: 0 auto;	
  padding-top: 150px;
  font-size: 1.8rem;
  line-height:  180%;
    font-family: "Noto Sans JP", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
  }

/*==================前触れ中谷==================*/


.theday_cmt_c2{
	width: 100%;
  height: 800px;
  background: #111111;
  }
  .theday_textbox_c2{
  color:#FFFFFF;
  width: 600px;
  margin: 0 auto;	
  padding-top: 150px;
  font-size: 1.8rem;
  line-height:  180%;
    font-family: "Noto Sans JP", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
  }

/*==================プロフィル==================*/
.rec{
position: relative;
width:100%;
height:1250px;
background-repeat:no-repeat;
background-position:center center;
background-image:url("../images/theday_img_E_pc.jpg");
background-size:cover;
background-attachment: fixed;
}

.container {
	position: absolute;
	top: 0;
  right: 0;
  left: 0;
  display: flex;
  justify-content: space-between; /* 左右に配置 */
  width: 650px; /* 必要に応じて幅を指定 */
margin: 0 auto;
padding-top: 30px;
}

.container .name{
font-size: 4rem;
color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  width: 329px;
  display: inline-block;
  padding: 30px;
  text-align: center;
}
.container .namenao{
background-color:#c92f19;
}
.container .namejunto{
background: #004ea2;
}
.container .center{
 width: 2px;
}


/*=============================*/
.prof {
  display: flex;
  margin:0 auto;
}
.proftop {
 padding-top: 116px;
 
}
ul,
li {
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  width: 600px;
}

li {
/*  background: #ccc;*/
  text-align: center;
  padding: 20px 0;
/*  border: 1px solid #fff;*/
}
.itm{
display: block;
  width: 300px;
  background: #ccc;
  letter-spacing: .5rem;
  font-size: 2rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.nmb{
font-size: 3rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  line-height: 3.2rem;
}
.pro{
padding-top: 2.5rem;
}
.prof .nnm{
padding-top: 7.5rem;
}
.typ{
padding-top: 2.8rem;
}
.hyt{
padding-top: 2.5rem;
}
.rch{
padding-top: 2.5rem;
}
.gym{
padding-top: 2.5rem;
}
.cls{
font-size: 2.3rem;
line-height: 125%;
}
.cls_c{
padding-top: 6.5rem;
}
.birth{
padding-top: 2.6rem;
}
.brtd{
line-height: 125%;
}
.achi{
padding-top: 6.5rem;
letter-spacing: 0;
}
.achi_j{
padding-top: 6.5rem;
}

/*===============キャリア名前=================*/

.car{
width: 100%;
height: 7800px;
margin: 0;
padding: 0;
}
.car_bg{
background-image: url("../images/theday_img_F_pc.jpg");
background-repeat: no-repeat;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
background-attachment: fixed;
}


.car_tit{
width: 650px;
display:flex;
margin: 0 auto;
}
.car_tit .name{
font-size: 4rem;
color: #FFFFFF;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  width: 300px;
  display: inline-block;
  padding: 30px;
  text-align: center;
}
.car_tit .namenao{
background-color:#c92f19;
}
.car_tit .namejunto{
background: #004ea2;
}
.car_tit .center{
 width: 50px;
}

/*===============キャリア=================*/

.car_cnt {
display: flex;
  justify-content: space-between; /* 左右に配置 */
  width: 700px; /* 必要に応じて幅を指定 */
margin: 0 auto;
}
.car_cnt_riyado{
display: flex;
  justify-content: space-between; /* 左右に配置 */
  width: 700px; /* 必要に応じて幅を指定 */
margin: 0 auto;
}
.car_cnt_theday {
display: flex;
  justify-content: space-between; /* 左右に配置 */
  width: 700px; /* 必要に応じて幅を指定 */
margin: 0 auto;
}
.car_nao{
font-size: 1.4rem;
line-height: 1.6rem;
color: #111111;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  width: 347px;
  display: inline-block;
  text-align: right;
  padding: 8px 8px 8px 0;
  margin: 2px 0 2px 0;
}
.car_junto{
font-size: 1.4rem;
line-height: 1.6rem;
color: #111111;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  width: 347px;
  display: inline-block;
  text-align: left;
  padding: 8px 0 8px 8px ;
  margin: 2px 0 2px 0;
}
.square_r{
border-right: 20px solid #c92f19;
border-left: none;
/*margin-bottom: 5px;*/

}
.square_b{
border-left: 20px solid #004ea2;
border-right: none;
/*margin-bottom: 5px;*/

}

.square_gl{
border-left: 20px solid #cccccc;
border-right: none;
padding: 2px 0 2px 0;
margin: 2px 0 2px 0;

}
.square_gr{
border-right: 20px solid #cccccc;
border-left: none;
padding: 2px 0 2px 0;
margin: 2px 0 2px 0;
}
/*==========26_5_2==========*/

.theday_car {
  display: flex;
  justify-content: space-between; /* 左右に配置 */
  width: 100%; /* 必要に応じて幅を指定 */
/*  margin: 0 auto;*/
}
.theday_car .car_nao{
  width: 50%;
}

/*=========================*/
/*==========close==========*/

.close{
	width: 100%;
	height: 800px;
	background-image:url("../images/theday_top_img_pc.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}


/*===============関連サイトフッター前==============*/

.monster{
	display: block;
	width: 100%;
	height: 750px;
	background-color: #111111;
	margin: 0;
	padding: 0;
	text-align: center;
}
.monster_pc img{
width: 800px;
	padding-top: 200px;
	padding-bottom: 20px;
}
.monster_pc a{
	display: block;
  	width: 800px;
  	height: 360px;
	margin: 0 auto;
	color: #FFFFFF;
	font-size: 3rem;
	font-family: "noto-sans", sans-serif;
	font-weight: 600;
	text-align: center;
	letter-spacing: .1rem;
	padding: 0;
}

a{
  /* 通常時の透明度（1.0で不透明） */
  opacity: 1;
  /* アニメーションを滑らかにする設定（オプション） */
  transition: opacity 0.3s ease;
}

a:hover {
  /* ホバー時の透明度（0～1の間で指定、0.5は半透明） */
  opacity: 0.5;
  text-decoration: none;
}



/*==========トップへ戻る==========*/
footer{
	width: 100%;
	height: 1350px;
	background-color: #111111;	
	z-index: 1;
	margin: 0;
	padding: 0;
	}

.back-to-top{
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 10000;
	opacity: .8;
}	
.share{
padding-top: 200px;
color: #999999;
font-size: 1.5rem;
}
.footer_box{
width: 400px;
display: block;
text-align: center;
margin:  0 auto;
}
.share_lists {
    display: flex;
    justify-content: space-between;
    width: 20rem;
    margin: auto;
    opacity: .6;
	padding-top: 25px;
}
.share_list_fb{
    display: block;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    background-repeat: no-repeat;
    width: 6rem;
    height: 6rem;
    background-image: url("../images/facebook_icon.svg");
}
.share_list_tw {
    display: block;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    background-repeat: no-repeat;
    width: 6rem;
    height: 6rem;
    background-image: url("../images/twitter_icon.svg");
	}

.contents_title {
	margin-top: 0;
	margin-bottom: 4rem;
	padding-top: 150px;
}
.contents_title p{
    font-size: 2rem;
    margin-bottom: 0.7rem;
    font-weight: 600;
	text-align: center;
	color: #999999;
}
.release_date {
    text-align: center;
    font-weight: 400;
    margin-bottom: 4rem;
	color: #999999;
}
.footer_vn .footer_vn_logo{
display: block;
text-align: center;
margin: 0 auto;
padding: 50px 0;
width: 160px;
height: auto;
}

.cmb{
color: #fff;
font-size: 18px;
list-style-type: none;
width: 400px;
border: none;
}
.role{
padding-bottom: 10px;
}

.cmb .role{
color: #999999;
font-size: 18px;
margin-bottom: 40px 0;
font-weight: 600;
line-height: 50%;
}
.cmb .k_name{
color: #999999;
font-size: 18px;
margin-bottom: 40px 0;

}
.cmb {
padding-bottom: 80px;
}

.cmb li{
letter-spacing: .5px;
}
.name{
color: #999999;
font-size: 24px;
list-style: none;
margin-bottom: 20px;
}

.sml{
width: 480px;
margin:  0 auto;
color: #999999;
padding-top: 70px;
text-align: left;
}
	
	
	}