@charset "UTF-8";
/* CSS Document */
.video{
width:100%;              /*横幅いっぱいにwidthを指定*/
padding-bottom: 56.25%;  /*高さをpaddingで指定(16:9)*/
height:0px;              /*高さはpaddingで指定するためheightは0に*/
position: relative;
}
.video iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sparea{display: none;}
.main-visual {
    height: 800px;
    background-size: cover;
    text-align: center;
    position: relative;
    overflow: hidden;
}
 
.main-visual img {
    z-index: 2;
    position: absolute;
    top: 100px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
 
.main-visual video {
    margin: 0 auto;
    z-index: 1;
    width: 100%;
}

li{list-style: none;}
.back{width: 100%;
margin:50px auto;}
.back1{background-image: url("../img/top1.png");
width: 100%;
	height: 100vh;
	margin: auto;
	background-size: contain;
	background-position: right;
	background-repeat: no-repeat;
	 display: flex;
  justify-content: center;
  align-items: center;
}

.back2{background-image: url("../img/top2.png");
width: 100%;
	height: 100vh;
	margin: auto;
	background-size:cover;
	background-position: left;
	background-repeat: no-repeat;
	 display: flex;
  justify-content: center;
  align-items: center;
}
.back_bt{background-image: url("../img/index_back.png");
width: 100%;
	background-color: #9B272D;
	height: 200vh;
	margin: auto;
	background-size: contain;
	background-position: left;
	background-repeat: no-repeat;
	 display: flex;
  justify-content: center;
  align-items: center;
}
.index_text{color: #FFFFFF;
margin: 0 5% 0 auto;
font-size: 1.5rem;
line-height: 2.5rem;}
.index_text span{font-size: 4rem;
font-weight: bolder;}
ul.main_lp {width: 100%}
.main_lp li{width: 50%;
float: left;
color: #FFFFFF!important;
font-size:1.5rem!important;
line-height: 2.5rem!important;}
.main_lp li img{width: 80%;}
.main_lp li p.main_text{padding: 0 0 0 50px;
font-weight: lighter;}
.more_btn {
	width: 100%;
text-align:center!important;
padding: 20px 0 0 0;}
.more_btn a img{width: 33%;}
.more_btn a{
text-align:center!important;
 margin: auto;}
.sub_text {line-height: 2rem!important;}
.link_3btn li{width:33%;
float:left;}
.link_3btn li img{width:100%;}
.link_btn img{width:300px;}
.space{width:100%;
margin:50px 0;}
.back1_ji{background-image: url("../img/ji_back.png");
width: 100%;
	height: 80vh;
	margin: auto;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	 display: flex;
  justify-content: center;
  align-items: center;
}
.back2_ji{background-image: url("../img/ji_back2.png");
width: 100%;
	height: 80vh;
	margin: auto;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	 display: flex;
  justify-content: center;
  align-items: center;
}
.main_text_ji{color:#1C1C1C;
font-size:18px;
line-height:27px;
text-align:left;
padding:15px 0 0 90px;}
li.ji_ttl {padding-top: 30px;}
@media (max-width: 768px){.foot_link li{display: none;
	}}
@media (min-width: 1201px){
	.sparea{display: none;}}
@media (max-width: 1200px){
	.back_bt{background-image: url("../img/index_back.png");
width: 100%;
	background-color: #9B272D;
	height: 180vh;
	margin: auto;
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
	 display: flex;
  justify-content: center;
  align-items: center;
}
	.index_text{color: #FFFFFF;
margin:0 auto;
font-size: 1.2rem;
line-height: 2rem;
	padding: 5%;}
.index_text span{font-size: 2.5rem;
font-weight: bolder;}
	.sparea{display:inline-block;
	padding-bottom: 50px;}
	.pcarea{display: none;}
	
	.sp_back {background-color: #770305;
	width: 100%;
	height: 200px;}
	.sp_back2 {background-color: #282828;
	width: 100%;
	height: 200px;}
	.back1_ji{background-image: url("");
width: 100%;
	height: auto;
	margin: auto;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	 display: flex;
  justify-content: center;
  align-items: center;
}
.back2_ji{background-image: url("");
width: 100%;
	height: auto;
	margin: auto;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	 display: flex;
  justify-content: center;
  align-items: center;
}
.main_text_ji{color:#1C1C1C;
font-size:18px;
line-height:27px;
text-align:center;
padding:15px 0 0 0px;}
	ul.main_lp {width: 100%}
.main_lp li{width: 100%;
float: left;
color: #FFFFFF!important;
font-size:1.5rem!important;
line-height: 2.5rem!important;}
	.main_lp li img{width: 80%;}
	.sp_none {display: none;}
.main_lp li p.main_text{padding: 0 10 0 10px;
font-weight: lighter;}
.br_none br{ display: none;}
	.link_btn img{width:300px;
	margin: 30px auto;}
		.link_btn li {width:100%;}
	
}
.box li{width:50%;float:left;}
.box li img{width:100%;}
.copy{color:#ffffff;
text-align:center;
margin:150px auto 0;}
.copy2{color:#ffffff;
text-align:center;
margin:100px auto;
border-top:solid 1px #ffffff;
padding-top:20px;}