@charset "UTF-8";
/* CSS Document */
body {
	background-color: #0b1728;
	font-family: "vdl-logog", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #FFF;
}
section:not(.firstview):not(.feature):not(.first_nav):not(.intro):not(.sns_share_button) , footer { margin: 80px 0 0; }
a, a:link, a:visited, a:hover { text-decoration: none; }
ul {
	margin: 0;
	padding: 0;
}
.col-15, .col-sm-15, .col-md-15, .col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	width: 100%;
}
.sp , .sp_320{ display: none !important; }
.sp_block{ display: inline-block !important; }
.contents_box {
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 20px;
}
/*------------
firstview
--------------*/
#firstview .container { max-width: 1147px; }
/*------------
シェアボタン
--------------*/
.sns_share {
	width: 230px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 40px auto 0;
	padding: 0;
}
.sns_share .sns_share_title {
	margin-right: 10px;
	padding: 5px 10px;
	border-bottom: solid 2px #32ffff;
	color: #32ffff;
	font-size: 85%;
	font-weight: bold;
}
.sns_share a {
	width: 32px;
	height: 32px;
	margin: 0 3px;
	padding: 0;
	border-radius: 50%;
	border: solid 1px #32ffff;
	box-sizing: border-box;
}
.sns_share a:hover{
	opacity: .7;
}
.sns_share a span {
	vertical-align: middle;
}
.sns_share a span::before {
	color: #32ffff;
}
/*------------
contact
--------------*/
.zcwf_lblTopBottom .zcwf_title {
	font-size: 0.9rem;
	color: #FFF !important;;
}
#contact textarea { height: 200px; }
#crmWebToEntityForm.zcwf_lblTopBottom {
	max-width: 480px !important;
	padding: 0 !important;
}
.zcwf_lblTopBottom .zcwf_col_fld input[type=text], .zcwf_lblTopBottom .zcwf_col_fld textarea , .zcwf_lblTopBottom .zcwf_col_fld_slt {
	width: 100% !important;
	padding: 0.25rem !important;
}
.zcwf_lblTopBottom .zcwf_col_fld_slt { padding: 0.5rem !important; }
.zcwf_lblTopBottom .zcwf_button {
	display: block;
	max-width: 300px !important;
	margin-right: auto !important;
	margin-left: auto;
	border: none !important;
}
#contact form { background: #0b1728; }
#contact label {
	color: #FFF;
	margin-bottom: 0;
}
#contact label span { display: none }
#contact .zcwf_row:not(:nth-of-type(10)) label::after {
	content: "必須";
	background: #ec3ff5;
	color: #FFF;
	margin-left: 1em;
	border-radius: 2px;
	padding: 0.1rem;
}
#contact input[type="submit"] {
	background: #ec3ff5;
	width: 100%;
	max-width: 250px;
	font-size: 16px;
	color: #fff;
	margin: 0 auto 10px;
	border: solid 1px #ccc;
	border-radius: 10px;
	padding: 10px;
	-webkit-appearance: none;
	transition: .2s ease;
}
#contact input[type="reset"] {
	background: #0b1728;
	color: #FFF;
	text-decoration: underline;
	margin: 0 auto;
	border: none;
	padding: 0;
}
#contact input[type="submit"] , #contact input[type="reset"] { display: block; }
#contact input[type="submit"]:hover,#contact a:hover { opacity: .7; }
#contact .privacy { text-align: center; }
#contact  a { color: #32ffff; }
/*------------
footer
--------------*/
footer a { color: #FFF; }
footer a:hover { 
	color: #FFF;
	opacity: .7;
}
footer li:last-child a { color: #32ffff; }
@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		flex: 0 0 20%;
	}
}
@media (min-width: 992px) {
	.col-md-15 {
		width: 20%;
		flex: 0 0 20%;
	}
}
@media (min-width: 320px) and (max-width: 768px) {
	.sp { display: block !important; }
	.pc , #price .col-lg-6:nth-of-type(2) .container .initial_cost p::after { display: none !important; }
}
@media (min-width: 320px) and (max-width: 575px) {
	.pc_320 { display: none !important; }
	.sp_320 , .sp_block { display: block !important; }
}