@charset "utf-8";

/* toppage
-------------------------------------------------------------------*/
.toppage #pankuzu{
	display:none;
}

.toppage .area_01 .main{
	position:relative;
}

.toppage .area_01 .bg{
	height:75vh;
	width: 100vw;
}

.toppage .area_01 .main .txt{
	position:absolute;
	left:13%;
	bottom:10%;
}

.toppage .area_01 .box{
	text-align:center;
	padding:117px 0 0 0;
	background:url(../img/common/bg.gif);
	position:relative;
	z-index:2;
}

.toppage .arrow{
	text-align:center;
	padding:100px 0 100px 0;
}

.toppage #bg{
	background:url(../img/common/bg.gif);
}

.toppage .area_02{
	position:relative;
	padding-top: 110px;
    margin-top: -110px;
}

.toppage .area_02 .box01{
	padding:80px 0;
	background:url(../img/top/bg01.png) no-repeat center;
	background-size:cover;
	text-align:center;
}

.toppage .area_02 .box02{
	padding:68px 0;
	background:url(../img/top/bg02.png) no-repeat center;
	background-size:cover;
}

.toppage .area_02 .box02 ul li{
	float:left;
	margin:0 48px 0 0;
	position:relative;
}

.toppage .area_02 .box02 ul.pc li:after{
	content:url(../img/top/txtico.png);
	position:absolute;
	right:-56px;
	top:117px;
}

.toppage .area_02 .box02 ul.pc li.last:after{
	content:"";
}

.toppage .area_02 .box02 ul li.last{
	margin:0 0 0 0;
}

.toppage .area_02 .border{
	position:absolute;
	right:0;
	left:0;
	margin:0 auto;
	text-align:center;
	top:491px;
}

.toppage #area_03 {
    padding-top: 110px;
    margin-top: -110px;
}

.toppage .area_03{
	padding:80px 0;
	background:url(../img/top/bg03.png) no-repeat center;
	background-size:cover;
	color:#000;
}

.toppage .area_03 h2{
	font-size:30px;
	text-align:center;
	padding:0 0 20px 0;
	color:#000;
}

.toppage .area_03 ul{
	padding:20px 0 0 0;
}

.toppage #area_04 {
    padding-top: 110px;
    margin-top: -110px;
}

.toppage .area_04 ul li{
	width:300px;
	float:left;
}

.toppage .area_04 ul li.first{
	position:relative;
}

.toppage .area_04 ul li.first p{
	position:absolute;
	left:0;
	right:0;
	bottom:30px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:48px;
}

.toppage .area_04 ul li.first p span{
	font-size:25px;
}

.toppage .area_04 ul li.center{
	padding:0 49px;
}

.toppage .area_05 h2{
	font-size:30px;
	text-align:center;
	padding:100px 0 30px 0;
	color:#000;
}

.toppage .area_05 .box{
	background:url(../img/top/bg04.png) no-repeat center;
	background-size:cover;
	text-align:center;
	padding:170px 0;
}

.toppage .area_06{
	background:url(../img/top/bg05.png) no-repeat bottom center;
	background-size:cover;
	margin:0 0 100px 0;
}

.toppage .area_06 .box{
	width:900px;
	margin:0 auto;
}

.toppage .area_06 h2{
	font-size:30px;
	text-align:center;
	padding:100px 0 20px 0;
	color:#000;
}

.toppage .area_06 dl{
	border-bottom:1px solid #C6C7C7;
	font-size:14px;
	background:url(../img/common/arrow02.png) no-repeat 98% center;
}

.toppage .area_06 dl dt{
	display:table-cell;
	padding:35px 30px;
}

.toppage .area_06 dl dd{
	display:table-cell;
	padding:35px 30px 35px 125px;
	background:url(../img/top/ico.png) no-repeat left center;
}

.toppage .area_06 dl dd span{
	color:#0038D1;
}

.toppage .area_06 .btn{
	padding:35px 0 100px 0;
	text-align:center;
}

/*#bg-video{
 position: absolute;
 right: 0;
 top: 0;
 min-width: 100%;
 min-height: 100%;
 width: 100%;
 height: auto;
 z-index: -100;
 background: url('poster.jpg') no-repeat;
 background-size: cover;
}*/

@media screen and (max-width:768px) {
.toppage{
	background:url(../img/common/bg.gif);
}

.toppage .area_01 .txt{
	padding:30px 0 0 0;
}

.toppage .arrow{
	text-align:center;
	padding:50px 0 50px 0;
	margin-bottom:120px;
}

.toppage #bg{
	background:none;
}

.toppage .area_02{
	position:relative;
	background:url(../img/top/sp/bg01.png) no-repeat top center;
	background-size:cover;
	padding-top: 0px;
    margin-top: -110px;
}

.toppage .area_02 .box01{
	padding:0;
	background:none;
	text-align:center;
}

.toppage .area_02 .box02{
	padding:50px 20px;
	background:none;
}

.toppage .area_02 .box02 ul li{
	float:none;
	margin:0 0 8% 0;
	position:relative;
}

.toppage .area_02 .box02 ul li .ico{
	position:absolute;
	bottom:-23%;
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	padding:0 0 0 2%;
}

.toppage .area_02 .box02 ul li .ico img{
	width:10%;
	height:auto;
}

.toppage .area_02 .box02 ul li.last{
	margin:0 0 0 0;
}

.toppage .area_03{
	padding:50px 0;
	background:url(../img/top/sp/bg02.png) no-repeat center;
	background-size:cover;
	color:#000;
}

.toppage #area_03 {
    padding-top: 0px;
    margin-top: -110px;
}

.toppage .area_03 h2{
	font-size:20px;
	text-align:center;
	padding:0 0 10px 0;
	font-weight:bold;
	color:#000;
}

.toppage .area_03 .box{
	padding:0 20px;
}

.toppage .area_03 ul{
	padding:0;
}

.toppage .area_03 ul li{
	padding:20px 0 0 0;
}

.toppage #area_04 {
    padding-top: 0px;
    margin-top: -110px;
	padding-bottom: 0 !important;
}

.toppage .area_04 ul li{
	width:250px;
	float:none;
	text-align:center;
	margin:0 auto 20px;
}

.toppage .area_04 ul li.first{
	position:relative;
}

.toppage .area_04 ul li.first p{
	position:absolute;
	left:0;
	right:0;
	bottom:10px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:30px;
}

.toppage .area_04 ul li.first p span{
	font-size:20px;
}

.toppage .area_04 ul li.center{
	padding:0;
}

.toppage .area_05 h2{
	font-size:22px;
	font-weight:bold;
	text-align:center;
	padding:30px 0 30px 0;
	color:#000;
}

.toppage .area_05 .box{
	background:url(../img/top/sp/bg03.png) no-repeat center;
	background-size:cover;
	text-align:center;
	padding:50px 0;
}

.toppage .area_05 .box p img{
	width:250px;
	height:auto;
	margin:0 auto;
}

.toppage .area_06{
	background:url(../img/top/sp/bg04.png) no-repeat bottom center;
	background-size:cover;
	padding:0 20px;
	margin:0;
}

.toppage .area_06 h2{
	font-size:22px;
	text-align:center;
	font-weight:bold;
	padding:50px 0 20px 0;
	color:#000;
}

.toppage .area_06 .box{
	width:100%;
	margin:0 auto;
}

.toppage .area_06 dl{
	border-bottom:1px solid #C6C7C7;
	font-size:14px;
	background:url(../img/common/sp/arrow03.png) no-repeat 98% center;
	background-size:15px;
	padding:15px 0;
}

.toppage .area_06 dl.first{
	border-top:1px solid #C6C7C7;
}

.toppage .area_06 dl dt{
	display:block;
	padding:0 0 0 0;
	font-weight:bold;
	background:url(../img/top/ico.png) no-repeat 100px center;
}

.toppage .area_06 dl dd{
	display:block;
	padding:10px 0 0 0;
	background:none;
}

.toppage .area_06 dl dd span{
	color:#0038D1;
}

.toppage .area_06 .btn{
	padding:35px 0 50px 0;
	text-align:center;
}

.toppage #spfooter{
	padding:50px 0 0 0;
	background:#fff;
}
.bg-video{
 position: static;
     width: 100%;
    height: auto;
}
}