@charset "UTF-8";

/*
Theme Name: ist
Description:ist
Author: ist
*/

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
html {font-size:62.5%;}
body{
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	word-break:break-all;
	font-size:1.4rem;
	font-feature-settings : "palt";
}

/*----h----*/
#mission h1,#history h1,#member h1,#technology h1,#fanclub h1,
#engine h1,#momo h1,#momo5 h1,#zero h1,#leap h1,#commercial h1,#recruit h1{
	color: #e60012;
	font-size:8rem;
	font-weight:500;
	vertical-align: middle;
	letter-spacing: 3px;
	margin-bottom: 40px;
}
@media (max-width: 767px) {
		#mission h1,#history h1,#member h1,#technology h1,#fanclub h1,
		#engine h1,#momo h1,#momo5 h1,#zero h1,#leap h1,#commercial h1,#recruit h1{
			font-size:5rem;
		}
	}

#other h1{
	color: #e60012;
	font-size:6rem;
	line-height: 6rem;
	font-weight:500;
	vertical-align: middle;
	letter-spacing: 3px;
	margin-bottom: 40px;
}
@media (max-width: 767px) {
		#other h1{
			font-size:4rem;
			font-weight:500;
		}
	}

#home2020 h2{
    color: #ed6d00;    
}
#home2020 h3{
    color: #e60012;
    font-size: 3.6rem;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1.3;
    letter-spacing: 3px;   
}

#other h2{
	color: #e60012;
}

#other h3{
	font-weight:500;
}

/*news*/
#other h2.news{/*page title*/
	color: #e60012;
	font-size:6rem;
	line-height: 6rem;
	font-weight:500;
	vertical-align: middle;
	letter-spacing: 3px;
	margin-bottom: 40px;
}
@media (max-width: 767px) {
		h2.news{
			font-size:4rem;
		}
	}

#news h1{/*blog title*/
	color: #333;
	font-size:3.6rem;
	font-weight:500;
	vertical-align: middle;
	letter-spacing: 3px;
	margin-bottom: 40px;
	margin-top: 0;
}

h2{
	font-size:3.6rem;
	font-weight:500;
	margin-top: 0;
	margin-bottom:10px;
	color: #e60012;
	line-height:1.3;
	letter-spacing: 3px;
	}
	@media (max-width: 767px) {
		h2{
	font-size:2.6rem;
	}
	}

#other h2{
	margin-bottom:0.6em;
	}

h3 {
    font-size: 24px; 
	font-weight:300;
	line-height:1.6;
}

h4{
	font-size:14px;
}

p {
    font-weight:300;
	line-height:1.8;
	margin-bottom: 1em;
}
strong,.b{
	font-weight: 500;
}

@media screen and (min-width: 750px) {
  br.sp_br{
    display: none;
  }
}

.txt_main {
	font-size: 2.1rem;
	letter-spacing: 3px;
	font-weight: 300;
    line-height: 1.9;
	margin-bottom: 1em;
	margin-bottom: 80px;
	}
	@media (max-width: 767px) {
		.txt_main {
		font-size: 1.6rem;
	}
	}

.vertical_m{
	vertical-align: middle;
}

.margin_auto{
margin: auto;
}

/*---- font size ----*/
@media (max-width: 767px) {
.sp_fs-xxxs{font-size:0.9rem; line-height:1;}
}

.fs-xxs{font-size:1rem; line-height:1.2;}
.fs-xs{font-size:1.1rem; line-height:1.2;}
.fs-s{font-size:1.2rem;}
.fs-m{font-size:1.3rem;}
.fs-l{font-size:1.4rem;}
.fs-xl{font-size:1.6rem;}
.fs-xxl{font-size:1.8rem;}
.fs-xxxl{font-size:2rem;}
.fs-xxxxl{font-size:2.4rem;}
.fs-xxxxxl{font-size:2.8rem;}

.fs-xl_b{font-size:1.6rem; font-weight: 500;}
.fs-xxl_b{font-size: 1.8rem; font-weight: 500;}
.fs-xxxl_b{font-size:2rem; font-weight: 500;}
.fs-xxxxl_b{font-size:2.4rem; font-weight: 500;}
.fs-xxxxxl_b{font-size:2.8rem; font-weight: 500;}

.wht{color: #fff;}
.bk{color: #333;}
.red{color: #e60012;}
.og{color: #f8b624;fill: #f8b624;}
.og2{color: #ed6d00;}
.bl_dmm{color: #0099cc;}

.bg_w{background: #fff; color: #333;}
.bg_red{background: #e60012; color:#FFF;}
.bg_bk{background: #000; color:#FFF;}
.bg_w_o{background-color: rgba(255,255,255,0.8);}
.bg_gy{background-color: #F7F7F7; color: #333;}

/*---- link ----*/
a{color: #0099ff;}
a:hover,
a.hover{
	color: #2baaff;
    text-decoration: underline;
	opacity:0.8;
}

header a,footer a,#news a{color: #000;}
header a:hover,footer a:hover,#news a:hover,
header a.hover,footer a.hover,#news a.hover{
	color: #000;
    text-decoration: none;
	opacity:0.8;
}

a:hover img,
a.hover img{
	opacity:0.8;
}

button a:hover,
button a.hover{
	 text-decoration: none;
}

a:link,a:visited{
	text-decoration: none;	
}
a:hover,a:active,a:focus{
	opacity: 0.8;	
}

a.noa{
pointer-events: none;
}

/*---- form ----*/
form {
	vertical-align:baseline;
}

input{
	font-size: 16px;
	vertical-align:middle;
}

/*---- box ----*/
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.box{
	margin: 0 15px;
}

.box_w{
	background: #fff;
	margin: 0 15px;
	border-radius:4px 4px 12px 4px;
}

.txt_box{
	padding: 15px;
}

.bl_mb{
	margin-bottom: 30px;	
}

.sp_box{
	margin-right: 15px;
}
.w100{width: 100%;}

img.img60responsive{
	width: 100%;	
	}
	@media (max-width: 768px) {
		img.img60responsive{
			width: 60%;
		}
	}
img.imgfit_cover{
    object-fit: cover;
    width: 100%;
}


/*---- margin ----*/
.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt6{margin-top:6px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}

.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb6{margin-bottom:6px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}
.mb100{margin-bottom:100px;}

.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml30_no_xs{margin-left: 30px;}
@media (max-width: 767px) {.ml30_no_xs{margin-left: 0;}}

.pl30_no_xs{padding-left: 30px;}
@media (max-width: 767px) {.pl30_no_xs{padding-left: 0;}}

/*---- layout ----*/
.left{
	float: left;
}
.right{
	float: right;
}
.center{
	text-align: center;
}

/*---- list ----*/
ul {padding-left: 0;}
ul li{list-style: none;}

ul.fl li{
	float: left;
	margin-right: 2em;
	list-style: none;
	}
	ul.fl li:last-child{
			margin-right: 0;
		}

dl.float_left{
	margin-bottom: 30px;
}

dl.float_left dt{
	float: left;
	width: 10em;
	font-weight: 500;
	}
	@media (max-width: 768px) {
		dl.float_left dt{
		float:none;
		}
	}
dl.float_left dd{
	font-weight: 200;
}

dl.float_left dt,
dl.float_left dd{
	line-height: 3;
	}
	@media (max-width: 768px) {
		dl.float_left dt{
		line-height: 2;
		}
		dl.float_left dd{
		line-height: 2;
		margin-bottom: 2em;
		}
	}




/*---- btn ----*/
.btn_dl,
.btn_more{
	height: 43px;
	padding: 0;
}

/*---- video ----*/
.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


/*---- BG ----*/
#home::before{
	content:"";
	display:block;
	position:fixed;
	z-index:-1;
	top: 0;
	left: 0;
	width:100%;
	height:100vh;
	background: url(img/bg_home.png) center/cover no-repeat;
	-webkit-background-size:cover;/*Android4*/
	}
	#home [canvas=container]  {
		background: url(img/bg_home.png) center/cover no-repeat;
		-webkit-background-size:cover;/*Android4*/
	}


#home2020::before{
	content:"";
	display:block;
	position:fixed;
	z-index:-1;
	top: 0;
	left: 0;
	width:100%;
	height:100vh;
	background: #F7F7F7;	
	}


#other::before{
	content:"";
	display:block;
	position:fixed;
	z-index:-1;
	top: 0;
	left: 0;
	width:100%;
	height:100vh;
	background: #e6e7e8;
	}
	#other [canvas=container] {
		background: #e6e7e8;
	}

#mission::before{
	content:"";
	display:block;
	position:fixed;
	z-index:-1;
	top: 0;
	left: 0;
	width:100%;
	height:100vh;
	background: url(img/bg_mission.jpg) center/cover no-repeat;
	-webkit-background-size:cover;/*Android4*/
	}
	#mission [canvas=container] {
		background: url(img/bg_mission.jpg) center/cover no-repeat;
		-webkit-background-size:cover;/*Android4*/
	}

#history::before{
	content:"";
	display:block;
	position:fixed;
	z-index:-1;
	top: 0;
	left: 0;
	width:100%;
	height:100vh;
	background: url(img/bg_history.jpg) center/cover no-repeat;
	-webkit-background-size:cover;/*Android4*/
	}
	#history [canvas=container] {
		background: url(img/bg_history.jpg) center/cover no-repeat;
		-webkit-background-size:cover;/*Android4*/
	}

#member::before{
	content:"";
	display:block;
	position:fixed;
	z-index:-1;
	top: 0;
	left: 0;
	width:100%;
	height:100vh;
	background: url(img/bg_technology.jpg) center/cover no-repeat;
	-webkit-background-size:cover;/*Android4*/
	}
	#member [canvas=container] {
		background: url(img/bg_technology.jpg) center/cover no-repeat;
		-webkit-background-size:cover;/*Android4*/
	}

#technology::before{
	content:"";
	display:block;
	position:fixed;
	z-index:-1;
	top: 0;
	left: 0;
	width:100%;
	height:100vh;
	background: url(img/bg_technology.jpg) center/cover no-repeat;
	-webkit-background-size:cover;/*Android4*/
	}
	#technology [canvas=container] {
		background: url(img/bg_technology.jpg) center/cover no-repeat;
		-webkit-background-size:cover;/*Android4*/
	}

#fanclub::before{
	background: #f8b624;
	}
	#fanclub [canvas=container] {
		background: #f8b624;
	}

#engine::before{
	content:"";
	display:block;
	position:fixed;
	z-index:-1;
	top: 0;
	left: 0;
	width:100%;
	height:100vh;
	background: url(img/technology/bg_engine.jpg) center/cover no-repeat;
	-webkit-background-size:cover;/*Android4*/
	}
	#engine [canvas=container] {
		background: url(img/technology/bg_engine.jpg) center/cover no-repeat;
		-webkit-background-size:cover;/*Android4*/
	}

#momo::before{
	content:"";
	display:block;
	position:fixed;
	z-index:-1;
	top: 0;
	left: 0;
	width:100%;
	height:100vh;
	background: url(img/technology/bg_momo.jpg) center/cover no-repeat;
	-webkit-background-size:cover;/*Android4*/
	}
	#momo [canvas=container] {
		background: url(img/technology/bg_momo.jpg) center/cover no-repeat;
		-webkit-background-size:cover;/*Android4*/
	}

#momo5::before{
	content:"";
	display:block;
	position:fixed;
	z-index:-1;
	top: 0;
	left: 0;
	width:100%;
	height:100vh;
	background: url(img/technology/bg_momo.jpg) center/cover no-repeat;
	-webkit-background-size:cover;/*Android4*/
	}
	#momo5 [canvas=container] {
		background: url(img/technology/bg_momo.jpg) center/cover no-repeat;
		-webkit-background-size:cover;/*Android4*/
	}

#base_body_bg::before{
	content:"";
	display:block;
	position:fixed;
	z-index:-1;
	top: 0;
	left: 0;
	width:100%;
	height:100vh;
	background: url(img/technology/bg_momo.jpg) center/cover no-repeat;
	-webkit-background-size:cover;/*Android4*/
	}
    #base_body_bg [canvas=container] {
		background: url(img/technology/bg_momo.jpg) center/cover no-repeat;
		-webkit-background-size:cover;/*Android4*/
	}

#zero::before{
	content:"";
	display:block;
	position:fixed;
	z-index:-1;
	top: 0;
	left: 0;
	width:100%;
	height:100vh;
	background: url(img/technology/bg_zero.jpg) center/cover no-repeat;
	-webkit-background-size:cover;/*Android4*/
	}
	#zero [canvas=container] {
		background: url(img/technology/bg_zero.jpg) center/cover no-repeat;
		-webkit-background-size:cover;/*Android4*/
	}

#leap::before{
	content:"";
	display:block;
	position:fixed;
	z-index:-1;
	top: 0;
	left: 0;
	width:100%;
	height:100vh;
	background: url(img/technology/bg_leap.jpg) center/cover no-repeat;
	-webkit-background-size:cover;/*Android4*/
	}
	#leap [canvas=container] {
		background: url(img/technology/bg_leap.jpg) center/cover no-repeat;
		-webkit-background-size:cover;/*Android4*/
	}

#commercial::before{
	content:"";
	display:block;
	position:fixed;
	z-index:-1;
	top: 0;
	left: 0;
	width:100%;
	height:100vh;
	background: url(img/technology/bg_commercial.jpg) center/cover no-repeat;
	-webkit-background-size:cover;/*Android4*/
	}
	#commercial [canvas=container] {
		background: url(img/technology/bg_commercial.jpg) center/cover no-repeat;
		-webkit-background-size:cover;/*Android4*/
	}
#recruit::before{
	content:"";
	display:block;
	position:fixed;
	z-index:-1;
	top: 0;
	left: 0;
	width:100%;
	height:100vh;
	background: url(img/recruit/bg_recruit.jpg) center/cover no-repeat;
	-webkit-background-size:cover;/*Android4*/
	}
	#recruit [canvas=container] {
		background: url(img/recruit/bg_recruit.jpg) center/cover no-repeat;
		-webkit-background-size:cover;/*Android4*/
	}

/*---- KV BG ----*/
#other .kv_bg{background: url(img/bg_kv_other.jpg) center/cover no-repeat;-webkit-background-size:cover;}
#mission .kv_bg{background: url(img/bg_kv_mission.jpg) center/cover no-repeat;-webkit-background-size:cover;}
#history .kv_bg{background: url(img/bg_kv_history.jpg) center/cover no-repeat;-webkit-background-size:cover;}
#member .kv_bg{background: url(img/member/bg_kv_member.jpg) center/cover no-repeat;-webkit-background-size:cover;}
@media (max-width: 767px) {#member .kv_bg{background: url(img/member/bg_kv_member_sp.jpg) center/cover no-repeat;-webkit-background-size:cover;}}
#technology .kv_bg{background: url(img/bg_kv_technology.jpg) center/cover no-repeat;-webkit-background-size:cover;}
#fanclub .kv_bg{background: url(img/bg_kv_fanclub.jpg) center/cover no-repeat;-webkit-background-size:cover;}
#engine .kv_bg{background: url(img/technology/bg_kv_engine.jpg) center/cover no-repeat;-webkit-background-size:cover;}
#momo .kv_bg{background: url(img/technology/bg_kv_momo.jpg) center/cover no-repeat;-webkit-background-size:cover;}
#momo5 .kv_bg{background: url(img/technology/bg_kv_momo5.jpg) center/cover no-repeat;-webkit-background-size:cover;}
#zero .kv_bg{background: url(img/technology/bg_kv_zero.jpg) center/cover no-repeat;-webkit-background-size:cover;}
#leap .kv_bg{background: url(img/technology/bg_kv_leap.jpg) center/cover no-repeat;-webkit-background-size:cover;}
#recruit .kv_bg{background: url(img/recruit/bg_kv_recruit.jpg) center/cover no-repeat;-webkit-background-size:cover;}
@media (max-width: 767px) {#leap .kv_bg{background: url(img/technology/bg_kv_leap_sp.jpg) center/cover no-repeat;-webkit-background-size:cover;}}
#commercial .kv_bg{background: url(img/technology/bg_kv_commercial.jpg) center/cover no-repeat;-webkit-background-size:cover;}


.kv_text p{
	font-size: 3rem;
	letter-spacing: 3px;
}
@media (max-width: 767px) {
	.kv_text p{
	font-size: 2rem;
	letter-spacing: 2px;
}
}


/*---- header ----*/
header{
	background: #fff;
	border-radius:4px 4px 12px 4px;
	margin-top: 40px;
	font-size: 13px;
	}
	@media (max-width: 767px) {
		header{
		margin-top: 15px;
		}
	}

.header_inner1{
	margin: 0 30px;
	padding-top: 20px;
}

@media (max-width: 969px) {
	.header_inner1{
		padding-bottom: 20px;
		}
}
	

header ul.sub_navi li{
	float: right;
	margin-left: 2em;
	margin-right: 0;
	list-style: none;
	line-height: normal;
	}

.header_inner2{
	background: #fff;
	border-radius:0 0 12px 4px;
	padding: 0 30px 15px;
	}
	@media (max-width: 991px) {
	.header_inner2{
		background: #e60012;
		padding: 0 30px 15px;
		}
	}

/*---- main nav ----*/
header nav ul{
	padding: 15px 10px 10px 0;
}

header nav ul li{
	float: left;
	background:  url(img/icon_nav_line.svg) no-repeat right center;
	padding: 0 18px 0 7px;
}

header nav ul li:first-child{
	padding: 0 18px 0 0;
}

header nav ul li:last-child{
	background:#fff;
}

nav ul li a:link,
nav ul li a:visited{
	color: #e60012;
	font-size: 2rem;
	font-weight: 500;
	vertical-align: middle;
}
@media (max-width: 1200px) {
	nav ul li a:link,
	nav ul li a:visited{
	font-size: 1.6rem;
}
}

@media (max-width: 1200px) {
	nav ul li a:link,
	nav ul li a:visited{
	font-size: 1.6rem;
	}	
}
nav ul li a:hover,
nav ul li a:active,
nav ul li a:focus{
	opacity: 0.7;
}
header nav img{
	margin: 0 12px;
}
/*sp*/
nav ul.sp_nav{
	margin-top: 40px;
}
nav ul.sp_nav li{
	margin: 0 15px 25px 15px;
}
nav ul.sp_nav li a{
	font-size: 2rem;
}

nav ul.sp_nav2 li{
	margin: 0 15px 25px 15px;
}
nav ul.sp_nav2 li a:link,
nav ul.sp_nav2 li a:visited{
	font-size: 1.4rem;
	color: #fff;
}
nav ul.sp_nav2 li a:hover,
nav ul.sp_nav2 li a:active,
nav ul.sp_nav2 li a:focus{
	opacity: 0.7;
}

.menu{
	margin-top: 4px;
}

.wap_sns_search{
	margin-top: 10px;
}
@media (max-width: 969px) {
		.wap_sns_search{
			margin-top: 14px;
		}
	}

header .sns a img{
	width: 20%;
	margin-left: 4%;
	margin-right: 0;
	float: right;
	}
	

/*---- kv ----*/
.kv_home{
	padding: 60px 0 70px;
	}
	@media (max-width: 767px) {
		.kv_home{
		padding: 40px 0;
	}
	}

.kv_home img.chara{
	padding: 0 20px 0 0;
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.kv_home img.chara{
			width: 100%;		
		}
	}
	@media (max-width: 767px) {
		.kv_home img.chara{
		padding: 0 0 20px 10px;
		}
	}

.kv_home h1{
	font-size: 2.4rem;
	letter-spacing: 4px;
	color: #333;
	font-weight: 300;
	line-height: 1.6;
}

.kv_home .btn_more{
	margin-top: 20px;
}

/*---- momo ----*/
.momo img{
	margin: 40px auto;
}

/*---- zero ----*/
.zero img{
	margin: 40px auto;
}
/*---- recruit ----*/
.recruit img{
	margin: 40px auto;
}
/* TECHNOLOGY */
.btn_img_box{
	position: relative;
}
.btn_bar{
	position:absolute;
	left: 0;
	bottom: -4px;
	background: #000033;
	opacity: 0.8;
	width: 100%;
	border-radius: 0 0 4px 4px;
}
.btn_bar .in{
	color: #f8b624;
	padding: 10px;
	font-size: 1.8rem;
}

/* NEWS */
dl.news dt{
	color: #ed6d00;
	font-style: italic;
}
dl.news dd{
	margin-bottom: 1.5em;
}

dl.news a dd{
	color: #000;
}


footer{
	background: #fff;
	border-radius:4px 4px 12px 4px;
	text-align: center;
	margin-bottom: 40px;
	padding: 26px 30px 40px;
	}
	@media (max-width: 767px) {
		footer{
		padding: 30px 30px 20px;
		}
	}

footer nav ul{
	margin: 0 0 20px 0;
	display: inline-block;
}

footer nav ul li{
	float: left;
	background:  url(img/icon_nav_line.svg) no-repeat right center;
	padding: 0 28px 0 15px;
}
footer nav ul li:last-child{
	background:#fff;
}

footer nav ul li a:link,
footer nav ul li a:visited{
	color: #e60012;
	font-size: 2rem;
	font-weight: 500;
	vertical-align: middle;
}	
footer nav img{
	margin: 0 12px;
}

footer ul.sub_navi{
	padding-left: 0;
	margin-bottom: 30px;
}

footer ul.sub_navi li{
	display: inline-block;	
	margin-right: 2em;
	
}

footer .sns{
	margin-bottom: 40px;
}

footer .sns img{
	width: 50px;
	margin-right: 10px;
}
footer .copy{
}
footer .logo{
	width: 15rem;
}






/*==========================================
home 2020

画像だダミー後ほど入れかえ

==========================================*/


.home2020_momo_bg,
.home2020_zero_bg{
    width: 100%;
    object-fit: cover;
    padding: 2em;
    -webkit-background-size:cover;/*Android4*/
}
.home2020_momo_bg{
    background: url(http://www.istellartech.com/7hbym/wp-content/uploads/2020/03/thum_momo1.jpg) center/cover no-repeat;
}

.home2020_zero_bg{
    background: url(img/pic_home_8.png) center/cover no-repeat;
}


/*==========================================
subpage
==========================================*/
/*---- mission ----*/
.wap_mission_charactor{
	height: 8rem;
}
.mission_charactor{
	position: absolute;
	left: 0;
	right: 0;
	height: 14rem;
}
.mission_charactor img{
	position:relative; 
	top: 0; 
	width: 16rem;
}
.mission_bg1{background: url(img/bg_mission1.jpg) center/cover no-repeat;-webkit-background-size:cover;}
.mission_bg2{background: url(img/bg_mission2.jpg) center/cover no-repeat;-webkit-background-size:cover;}

/*---- history ----*/
.history_detail{
	background: url(img/bg_history_detail.png) center repeat-y;
	margin-bottom: 80px;
}
.history_year{
	width: 76px;
    height: 76px;
	border-radius: 38px;
	background: #fff;
	margin: 0 auto 20px;
	color: #ed6d00;
	font-size: 2.4rem;
	line-height: 74px;
}

.history_txt{
	width: 100%;
	padding: 20px 30px;
	border-radius: 8px;
	background: #fff;
	margin: 0 auto 20px;
	text-align: left;
	font-size: 1.8rem;
	font-weight: 200;
	line-height: 1.8;
}

.history_img img{
	width: 400px;
    height: 400px;
	border-radius: 200px;
	background: #fff;
	margin: 0 auto 20px;
	}
	@media (max-width: 767px) {
		.history_img img{
		width: 300px;
		height: 300px;
		border-radius: 150px;
		}
	}

/*---- engine ----*/
#engine h2{
	color: #e60012;
}
.engine_bg1{background: url(img/technology/bg_engine1.jpg) center/cover no-repeat;-webkit-background-size:cover;}

/*---- momo ----*/
@media (max-width: 767px) {
	#momo .btn_dl,
    #momo5 .btn_dl,
    #base_body_bg .btn_dl{
		width: 100%;
	}
}

@media (max-width: 767px) {
	.btn_l{
		width: 100%;
	}
}

/*---- zero ----*/
@media (max-width: 767px) {
	#zero .btn_dl{
		width: 100%;
	}
}

@media (max-width: 767px) {
	.btn_l{
		width: 100%;
	}
}


/*---- recruit ----*/
@media (max-width: 767px) {
	#recruit .btn_dl{
		width: 100%;
	}
}

@media (max-width: 767px) {
	.btn_l{
		width: 100%;
	}
}


/*---- member ----*/
#member .photo{
	background: rgba(255, 255, 255, 0.9);
	border-radius: 4px;
}
#member .name{
	margin: 10px;
	float: left;
	font-size: 1.8rem;
	line-height: 3rem;
}
#member .icon_sns{
	float: right;
	margin: 10px;
	height: 3rem;
}
#member .icon_sns img{
	height: 3rem;
}

@media (min-width: 768px){
	#member .wap_enquete{
		padding-left: 20px;
	}
}

@media (max-width: 767px) {
	
}

#member .enquete{
	background: rgba(255, 255, 255, 1);
	border-radius: 4px;
	padding: 20px 24px ;
	}

#member .enquete:after {
border:10px solid transparent;
border-right-color:#fff;
border-left-width:0;
left:10px;
content:"";
display:block;
top:30px;
position:absolute;
width:0;
}

#member .enquete .q{
	color: #e60012;
	font-size: 1.2rem;
}
#member .enquete {
	font-size: 1.6rem;	
}


/*---- fanclub ----*/
#fanclub .bg_thum{
	padding: 20px;
	color: #fff;
	font-size: 4rem;
	background: url(img/bg_thum_fanclub.png) center/cover no-repeat;-webkit-background-size:cover;
}

#fanclub .thum_txt_box{
	padding: 15px;
	font-size: 1.6rem;
	text-align: left;
}

table.fanclub_price{
	border-spacing: 0;
	line-height: 2;
	table-layout: fixed;
	background: #fff;
	font-size: 1.6rem;
	width: 100%;
	}
	@media (max-width: 767px) {
		table.fanclub_price{
			font-size: 1rem;
			}
	}

table.fanclub_price th{
	background: #e60012;
	color: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	text-align: center;
}
table.fanclub_price td{
	border: 1px solid #ccc;
	padding: 10px;
	text-align: center;
}
table.fanclub_price tr:nth-child(odd){
	background: #f7f7f7;
}

/*---- minroke ----*/
.minroke_bg1{background: url(img/minroke/zero_flight_002.jpg) center/cover no-repeat;-webkit-background-size:cover;}

#minroke .txt_main{
	padding: 50px 0;
	color: #fff;
	font-weight: bold;
}

#minroke .txt_main h2{
	padding: 50px 0;
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
}

#minroke .small_title{
	padding: 30px;
	font-size: 3rem;
	text-align: center;
}

#minroke .bg_thum{
	padding: 20px;
	font-size: 2.5rem;
	text-align: center;
}

#minroke .bg_thum2{
	padding: 10px;
	font-size: 1.6rem;
	text-align: center;
}

#minroke .company_logo{
	padding: 40px;
	text-align: center;
}

#minroke .logo_padding{
	padding: 40px 0;
	display: flex;
	align-items: center;
}


#minroke .thum_txt_box{
	padding: 15px;
	font-size: 1.6rem;
	text-align: left;
}


/*==========================================
WordPress
==========================================*/
.wap_wp{
	background-color: #fff;
	margin-bottom: 80px;
	padding: 30px;
}

.wp_main{
	border-right: 1px #ccc solid;
	padding-right: 30px;
}
@media (max-width: 767px) {
	.wp_main{
		border-right: none;
		padding-right: 0;
	}
}

.wp_sub{
	padding-left: 30px;
}
@media (max-width: 767px) {
	.wp_sub{
		padding-top: 60px;
		padding-left: 0;
	}
}

.wp_sub_inner{
	width: 100%;
	margin-bottom: 40px;
}

.wp_sub_title{
	color: #666;
	font-size: 1.6rem;
	padding-bottom: 8px;
	border-bottom: 1px #ccc solid;
	width: 100%;
	display: block;
}

.wp_sub_inner ul li{
	margin-bottom: 1em;
}

.date{
	color: #ed6d00;
    font-style: italic;
	font-weight: 600;
}

/*---- news ----*/
#news .wp_body h3{
	font-size: 2rem;
	border-left:4px #e60012 solid;
	padding-left: 0.9rem;
}

#news .wp_body p{
	margin-bottom: 1.8em;
}

#news .body_txt a{
	color: #0099ff;
}

#news .wp_body img{
	margin: 0 auto 40px;
}

#news .wp_body img.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#news .wp_body img.alignleft{
	display: block;
	margin-left:0;
}

#news .wp_body img.alignright{
	display: block;
	margin-right:0;
}

#news .wp_body img.size-medium,
#news .wp_body img.size-large,
#news .wp_body img.size-full{
	max-width: 100%;
}

/*#news .wp_body img.size-full{
	max-width: 776px;
}
@media (max-width: 1119px) {
	#news .wp_body img.size-full{
	max-width: 629px;
	}
}
@media (max-width: 991px) {
	#news .wp_body img.size-full{
	max-width: 464px;
	}
}

@media (max-width: 767px) {
	#news .wp_body img.size-full{
		width: 100%;
	}
}*/


/*---- contact-form ----*/
.wpcf7 input{
	width: 100%;
	font-size: 16px;
}

.wpcf7 input[type="text"][size="40"],
.wpcf7 input[type="email"][size="40"],
.wpcf7 input[type="tel"][size="40"]{
    	background-color: #edeff0;
    	color: #000;
	min-width: 101%;
	line-height: 1.8;
	padding: 12px;
}

.wpcf7 select{
	background-color: #edeff0;
    	color: #000;
	line-height: 1.8;}

.wpcf7 textarea{
	background-color: #edeff0;
    color: #000;
	line-height: 1.8;
	padding: 12px;
	height:300px;
	font-size: 16px;
}

.wpcf7 .form-width { 
	max-width: 100%;
}

.wpcf7 input.wpcf7-submit {
	height: 44px;
	width: 144px;
	background-color: rgb(234, 38, 53);
	color: #fff;
	border-radius: 4px 22px 22px 4px;
	padding: 13px 0 13px 0;
	border: #fff;
}

.wpcf7-submit:hover {
	opacity: 0.9;
}

.wpcf7 .control-label{
	margin-right: 20px;
}

/*---- search Google----*/
.search_google .gsc-input-box {
	height: 28px;	
}
@media (max-width: 767px) {
	.search_google .gsc-input-box {
	height: 40px;	
	}
}
.search_google input.gsc-search-button, 
.search_google input.gsc-search-button:hover, 
.search_google input.gsc-search-button:focus {
	background: #e60012;
	color: #ffffff;
	border-radius: 0 4px 4px 0;
	border-color: #e60012;
}
.search_google .cse .gsc-search-button input.gsc-search-button-v2, 
.search_google input.gsc-search-button-v2 {
    width: 28px;
    height: 28px;
    padding: 6px;
    min-width: 13px;
    margin-top: 0px;
}
@media (max-width: 767px) {
	.search_google .cse .gsc-search-button input.gsc-search-button-v2, 
.search_google input.gsc-search-button-v2 {
    width: 40px;
    height: 40px;
	padding: 10px;
}
}

.search_google .gsc-search-box-tools .gsc-search-box .gsc-input ,
.search_google table.gsc-search-box td.gsc-input,
.search_google table.gsc-search-box td.gsc-input {
    padding-right: 0;
}

.search_google input.gsc-search-button{
	    margin-left: 0;	
}

.search_google .gsst_a .gscb_a,
.search_google .gsst_a:hover .gscb_a, 
.search_google .gsst_a:focus .gscb_a{
    color: #ccc;
    cursor: pointer;
}

.search_google input.gsc-input {background-image:none !important;}


/* search WP */
header .s{
    border: 1px solid #D6D6D6;
    margin: 0;
	padding-left: 6px;
    height: 30px;
    width: 120px;
	/*padding-bottom: 4px; Chrome*/
}

header .searchsubmit{
    border: 1px solid #e60012;
	border-radius: 0 4px 4px 0;
    background: #e60012;
    padding: 6px 10px;
    color: #fff;
    font-size: 0.6em;
	margin-left: -4px;
	height: 30px;
}
@media (max-width: 1200px) {
	header .s{
		height: 24px;
		width: 100px;
	}

	header .searchsubmit{
		padding: 3px 6px;
		font-size: 0.4em;
		height: 24px;
	}
}

.s{
    border: 1px solid #D6D6D6;
    margin: 0;
	padding-left: 6px;
    height: 30px;
    width: 180px;
}

.searchsubmit{
    border: 1px solid #e60012;
	border-radius: 0 4px 4px 0;
    background: #e60012;
    padding: 6px 10px;
    color: #fff;
    font-size: 0.9em;
	margin-left: -4px;
}
@media (max-width: 767px) {
	.searchsubmit{
		margin-left: -8px;
}
}

@media (max-width: 1119px) {
	.s{
    width: 140px;
}
}

@media (max-width: 991px) {
	.s{
    width: 80px;
}
	}

.search a .title{
	font-size: 18px;
    display: block;
	color: #ed6d00;
}

.search a .excerpt{
	color: #000;
	margin-bottom: 2.5em;
	line-height: 1;
}

/*---- countdown ----*/
#countdown{
	text-align: center;
	background: #e60012;
	color: #fff;
	margin-top: 0;
	margin-bottom: -20px;
	padding: 4px;
	letter-spacing: 4px;
	font-size: 18px;
}
@media (max-width: 767px) {
#countdown{
	margin-bottom: 0;
	font-size: 16px;
	}
#CDT{
	font-size: 22px;
	}
}

#CDT{
	font-size: 24px;
	display: inline;
}
#CDT .day{
}
#CDT .hour,#CDT .min,#CDT .sec{
}


/*---- PAGE template_rocket ----*/
#template_rocket_container{
    text-align: center;
    font-size: 1.8rem;
    line-height: 2;  
}
/* コンテナマージン */
#template_rocket_container .container{
    padding-top: 100px;
    padding-bottom: 100px;
}
#template_rocket_container img.size-full{
    width: 100%;
}
#template_rocket_container .title_xxl_b{
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
#template_rocket_container .bg_bk_ph,
#template_rocket_container .bg_bk .container,
#template_rocket_container .bg_bk.container,
#template_rocket_container .bg_bk_ph.container{
    color: #fff;
    text-align: center;
}

/* KV */
.template_rocket .kv h1{
    margin-top: 30px;
}
.template_rocket .kv h1 img{
    width: 100%;
    height: auto;
}
.template_rocket .kv p{
    margin: 80px auto;
    max-width: 950px;
    text-align: center;
    font-size: 3rem;
    letter-spacing: 3px;
}
@media (max-width: 767px) {
    .template_rocket .kv p{
        margin: 20px auto;
        font-size: 2rem;
        padding: 0 15px;
    }
}


.template_rocket strong,.b{
	font-weight: bold;
}
/* Title */
.template_rocket h2{
    font-size: 3.6rem;
    letter-spacing: 3px;    
    font-weight: 500;
    color: #e60012;
    line-height: 1.3;
    margin: 0 auto 60px;
    text-align: center;
}
@media (max-width: 767px) {
    .template_rocket h2{
        font-size: 3rem;
        margin: 0 auto 30px;
    }
}

.template_rocket h3{
    font-size: 1.8rem;
    text-align: center;
    width: 100%;
    margin-bottom: 60px;
    background: #f8b624;
    padding: 1em;
    border-radius: 100px;
}

#template_rocket_container .container.con_news{
    padding: 0 15px;
}
.template_rocket .wrap_news{
    background: #fff;
    color: #333;
    border-radius: 10px;
    padding: 30px 0 1px;
    text-align: left;
    margin-bottom: 80px;
}
.template_rocket .wrap_news h2{
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .template_rocket .wrap_news h2{
        font-size: 3rem;
        margin: 0 auto 30px;
    }
}
.template_rocket .wrap_news p{
    margin: 0 60px;
    text-align: center;
}
.template_rocket dl.news{
    margin: 40px 60px 40px 60px;
}
@media (max-width: 767px) {
    .template_rocket dl.news{
    margin: 40px 15px;
    }
}

/* sponsor */
#template_rocket_container .sponsor .container{
    padding: 0 15px;
}
.sponsor{
    background: #fff;
    color: #333;
}
.sponsor h2{
    margin-top: 100px;
    margin-bottom: 40px;
}
.sponsor h2,
.sponsor h3{
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

.sponsor_list{
    max-width: 750px;
    margin: 0 auto 140px;
}
.sponsor_list img.size-full{
    max-width: 500px;
    height: auto;
    margin: 0 auto 20px;
    display: block;
}
.photo_list img,
img.max-width700{
    max-width: 700px;
    height: auto;
    margin: 0 auto 40px;
    display: block;
}
#template_rocket_container .design img,
#template_rocket_container .mission_mark img{
    width: 100%
}
#template_rocket_container .mission_mark img,
#template_rocket_container .max-width500{
    max-width: 500px;
}
#template_rocket_container .mission,
#template_rocket_container .body,
#template_rocket_container .result,
#template_rocket_container .data{
    max-width: 750px;
}

/* waku */
.waku_red{
    border: 2px solid #e60012;
    padding: 2em;
    background: #fff;
    margin-bottom: 80px;
}

/* btn */
.btn_red{
    background: #E60012;
    border-radius: 14px 60px 60px 14px;
    padding: 10px 40px 10px 30px;
    font-size: 2.8rem;
    line-height: 1.3;
    margin: 0 auto;
    display: table;
    text-align: center;
    margin-bottom: 8rem;
}
.btn_or{
    background: #ED6D00;
    border-radius: 14px 60px 60px 14px;
    padding: 10px 40px 10px 30px;
    font-size: 2.8rem;
    margin: 0 auto 4rem;
    display: table;
    text-align: center;
}

#news .wp_body img.btn_icon,
.btn_red .btn_icon,
.btn_or  .btn_icon{
    margin: -8px 8px 0 0;
    height: 3rem;
    display: inline;
}

#news .body_txt a.btn_red,
#news .body_txt a.btn_or,
a.btn_red,
a.btn_or{
    color: #fff;
}
#news .body_txt a.btn_red:hover,
#news .body_txt a.btn_red:active,
#news .body_txt a.btn_red:focus,
a.btn_red:hover,
a.hover.btn_red,
a.btn_red:active,
a.btn_red:focus{
	background:#FF1F31;
}

#news .body_txt a.btn_or:hover,
#news .body_txt a.btn_or:focus,
a.btn_or:hover,
a.hover.btn_or,
a.btn_or:active,
a.btn_or:focus{
	background:#EE7B1C;
}
@media (max-width: 767px) {
    .btn_red,
    .btn_or{
        font-size: 2rem;
    }
}    
@media (max-width: 767px) {
    .btn_red .btn_icon,
    .btn_or  .btn_icon{
        margin: -6px 8px 0 0;
        height: 2rem;
    }
}

/* movie */
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
/* momo index rocket_list thumbnail */
.btn_rocket_list{
    padding-right: 15px;
    padding-left: 15px;
}

.btn_rocket_list img{
    margin: 0;
    width: 100%;
    height: auto;
}

.btn_name_rocket_list{
    background: #E60012;
    padding: .2rem;
    margin: 0;
    font-size: 1.8rem;
}
a.btn_red_thum{
    font-size: 0;
}
a.btn_red_thum .btn_name_rocket_list{color: #fff; background: #E60012;}
a.btn_red_thum:hover .btn_name_rocket_list,
a.hover.btn_red_thum .btn_name_rocket_list,
a.btn_red_thum:active .btn_name_rocket_list,
a.btn_red_thum:focus .btn_name_rocket_list{
    background: #FF1F31;
    opacity: .8;
    font-size: 1.8rem;
}
a.btn_red_thum img:hover,
a.hover.btn_red_thum img,
a.btn_red_thum img:active,
a.btn_red_thum img:focus{
    opacity: .8;
}


