@charset "UTF-8";
/*###############################################
top
###############################################*/
#screen {
    background: rgba(0, 0, 0, 0) url("../video/top_bg.png") repeat scroll 0 0;
    overflow: hidden;
    padding-top: 38%;
    position: relative;
    width: 100%;
}
#screen #video_area video{
    background-size: cover;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -20%;
    width: 100% !important;
    z-index: -100;
}
#screen .catch {
	width:477px;
	height:256px;
	position:absolute;
	top:16%;
	left:50%;
	margin-left:-238px;
}
#sp_screen{
    padding-top: 40%;
    height: 0;
    background:url(../img/screen_sp.jpg) no-repeat 0 0;
    background-size: contain;
    position:relative;
}
/*---------sec_feature---------*/
#sec_feature {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
#sec_feature h2 {
	padding-top:40px;
	text-align:center;
	color:#e51820;
	font-size:30px;
	font-weight:bold;
	margin-bottom:20px;
	line-height:36px;
}
#sec_feature h2 span {
	font-size:36px;
}
#sec_feature_content .box {
	width:49%;
	height:290px;
	display:inline-block;
	border:1px solid #17171a;
	float:left;
	margin-bottom:15px;
	border-radius:4px;
	padding:40px 25px 25px 220px;
	box-sizing:border-box;
	position:relative;
}
#sec_feature_content .box:nth-child(2n) {
	float:right;
}
#sec_feature_content .box figure {
	width:180px;
	text-align:center;
	position:absolute;
	left:25px;
	top:45px;
}

#sec_feature_content .box h3 {

	position:absolute;
	left:25px;
	top:190px;
	width:180px;
	box-sizing:border-box;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#c12024;
}
#sec_feature_content .box h3 span {
	display:block;
}
#sec_feature_content .box_c {
}
#sec_feature_content .box p {
	font-size:14px;
	margin-bottom:1em;
}
/*---------sec_trial---------*/
#sec_trial {
	margin-top:90px;
	background-color:#ddd;
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 39.15%;
    background: url('../img/bg_top_trial.jpg') 0 0 no-repeat;
    background-size: contain;
    position:relative;
}
#sec_trial .inr {
	position:absolute;
	width:50%;
	top:55%;
	right:12%;
	text-align:center;
}
#sec_trial .inr img {
	width:100%;
	height:auto;
}
#sec_trial .inr a.btn {
	font-size:20px;
	font-weight:bold;
	background-color:#d17cb1;
	display:inline-block;
	color:#FFF;
	text-decoration:none;
	padding:20px 60px;;
	border-radius:4px;
	margin:20px auto;
}
#sec_trial .inr a.btn span {
	display:inline-block;
	position:relative;
}
#sec_trial .inr a.btn span::before {
    content: "";
    height:0;
    width:0;
    display: inline-block;
    border: 10px solid transparent;
    border-left-color: #fff;
    position: absolute;
    top: 50%;
    left:-20px;
    margin-top:-12px;

}
#sec_trial .inr a.btn:hover {
	background-color:#ca7aaa;
}


/*---------sec_top_menu---------*/
#sec_top_menu ul {
	width:100%;
	padding:40px 0;
	max-width:1200px;
	margin:0 auto;
/*	text-align:center;*/
}
#sec_top_menu li {
	display:inline-block;
	float:left;
	width:48%;
	max-width:562px;
	margin-bottom:20px;
}
#sec_top_menu li img {
	width:100%;
	height:auto;
}
#sec_top_menu li:nth-child(2n) {
	float:right;
}