@charset "utf-8";

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

html {
	/*overflow-y: scroll;*/overflow-y: auto;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
	line-height: 160%;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}


/* ------ Body ------ */

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color:#000;
	color: #fff;
	font-size: 16px;
	line-height: 160%;
	text-align: left;
	letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}
.win body {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


/* ------ Anchor ------ */

a {
	outline: none;
}

a:link {
	text-decoration: none;
	color:#222;
}
a:visited {
	text-decoration: none;
	color:#222;
}
a:hover {
	text-decoration: underline;
	color:#F19500;
}
a:active {
	text-decoration: underline;
	color:#F19500;
}

a img{
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}
a:hover img{
 filter: alpha(opacity=80); 
 opacity:0.8;
 background: #fff;
}
h1 a:hover img{
	filter: alpha(opacity=100);  
	opacity:1;  
	background: #fff;
}  

a.u_line{
	text-decoration:underline;
}
/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

/* ------ General Settings ------ */

/* フルードイメージ対応 */
img {
	max-width: 100%;
	height: auto;
}
.ie8 img {
	width: auto;
}

p {
	font-size: 76%;
}

.img {
	text-align: center;
}

.img{
	padding:10px 0 0;
}


/* ------ Font ------ */

/* 各ブラウザに対応したWebフォントを指定 */
@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* ------ Anchor ------ */

a {
	outline: none;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


/*PC------------------------*/
.contain{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	
	
	display: flex;
  	justify-content: center;
 	 align-items: center;
  	height: 100vh;
}
.pop_box_pc{
	/*padding:120px 10px 40px 10px;margin:auto;*/
}

.pop_box_pc .img_box{
	width:100%;
	max-width:40%;
	float:left;
}

.pop_box_pc .text_box{
	width:100%;
	max-width:55%;
	float:left;
}
.pop_box_pc .com01{
	font-size:25px;
	font-weight:bold;
	padding:40px 0 10px;
	line-height:2.0em;
}
.pop_box_pc .com02{
	font-size:40px;
	font-weight:bold;
	padding:0 0 20px;
	line-height:2.0em;
	color:#FCFC00;
	letter-spacing:0.05em;
}
.pop_box_pc .com02 span{
	color:#FFF;
}

.pop_box_pc .img_box_btm{
	width:100%;
	max-width:40%;
	float:right;
	margin-top:-40px;
	z-index:0;
}


.pop_box_pc .btn{
	display:block;
	padding:10px;
	background-color:#C2151C;
	text-align:center;
	font-size:24px;
	font-weight: 400;
	max-width:400px;
	z-index:10;
}
.pop_box_pc a .btn{
	color:#fff;
}
	

/*スマホ------------------------*/

.pop_box_sp{
	padding:80px 20px 40px 20px;
}

.pop_box_sp .img_box{
	width:100%;
	padding:40px 0;
	
}

.pop_box_sp .text_box{
	width:100%;
	
}
.pop_box_sp .com01{
	font-size:20px;
	font-weight:bold;
	padding:20px 0 10px;
	line-height:1.6em;
}
.pop_box_sp .com02{
	font-size:24px;
	font-weight:bold;
	padding:0 0 20px;
	line-height:2.0em;
	color:#FCFC00;
	letter-spacing:0.05em;
}
.pop_box_sp .com02 span{
	color:#FFF;
}

.pop_box_sp .img_box_btm{
	width:200px;
	text-align:center;
	margin:0 auto;
}


.pop_box_sp .btn{
	display:block;
	padding:10px;
	background-color:#C2151C;
	text-align:center;
	font-size:16px;
	font-weight: 400;
	max-width:450px;
	
	margin:0 auto;
}
.pop_box_sp a .btn{
	color:#fff;
}


  .pc{
	display: block;
    }
   .sp{
	display:none;
    }	

@media screen and (max-width: 768px) {
	.pc{
	display:none;
    }
   .sp{
	display:block;
    }
	
	.contain{
		display:none;
	}
}