/* 
 Alpha 販売ページ 171020
 
 color1 #09b3e4

 */

@charset "utf-8";
@import url("css/hover-min.css");

html {
	overflow-y: scroll;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
			-ms-text-size-adjust: 100%;
	line-height: 1.5;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
		 -moz-box-sizing: inherit;
					box-sizing: inherit;
}

body {
	background: #fff;
	font-size: 15px;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', Sans-serif;
	overflow: hidden;
}

a,
a:hover {
	color: #09b3e4;
	text-decoration: none;
}

a:focus, *:focus {
	outline: none;
}

a:hover > img {
	opacity: .8;
}

img {
	max-width: 100%;
	height: auto;
}

h1,h2,h3,h4,h5,h6,p,ul,ol {
	margin-top: 0;
}

p {
	text-align: justify;
	text-justify: inter-ideograph;
}

/* フォント */

@font-face {
	font-family: "AxisStd-Light";
	src: url("fonts/AxisStd-Light.eot?") format('eot'),
		 url("fonts/AxisStd-Light.woff") format('woff');
}

@font-face {
	font-family: "AxisStd-Medium";
	src: url("fonts/AxisStd-Medium.eot?") format('eot'),
		 url("fonts/AxisStd-Medium.woff") format('woff');
}

/* ==========================================================================
	 レイアウト
	 ========================================================================== */

.l-site {
	width: 960px;
	margin: 0 auto;
}

@media(max-width: 768px) {
	.l-site {
		width: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* グリッド
	 ========================================================================== */

.grid {
	margin: 0 0 0 -50px;
	font-size: 0;
}

.grid * {
	font-size: 15px;
}

.grid__unit {
	display: inline-block;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
	padding: 0 0 0 50px;
	vertical-align: top;
}

.grid--2 .grid__unit { width: 50% }
.grid--3 .grid__unit { width: 33.333% }
.grid--4 .grid__unit { width: 25% }

@media(max-width: 768px) {
	.grid {
		margin: 0;
	}
	.grid__unit {
		padding: 0 !important;
		width: 100% !important;
	}
}

.body 
.grid p {
	font-size: 15px;
}

/* clearfix
	 ========================================================================== */

.cf:before,
.cf:after {
		content: " ";
		display: table;
}

.cf:after {
		clear: both;
}

.cf {
		*zoom: 1;
}

/* ==========================================================================
	 Main visual
	 ========================================================================== */

.mv {
	width: 100%;
	height: 100vh;
	max-height: 900px;
}

/* first-line
	 ========================================================================== */

.first-line {
	width: 100%;
	background-color: rgba(255,255,255,.6);
}

.first-line-inner {
	overflow: hidden;
	margin: 0 auto;
	padding: .75em 0;
	width: 90%;
	text-align: center;
}

/* logo */

.logo {
	float: left;
	margin: 0;
	text-align: left;
}

@media(max-width: 768px) {
	.logo {
		float: none;
		text-align: center;
	}
}

/* navigation */

.header-navigation {
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0;
	line-height: 41px;
}

.header-navigation li {
	display: inline;
	margin-left: 2em;
	text-align: right;
	text-shadow: 0 1px 9px rgba(0,0,0,.1);
	font-size: 15px;
}

.header-navigation li a {
	color: rgba(0,0,0,1);
	transition: all 0.25s ease-in-out;
}

.header-navigation li a:hover {
	color: rgba(0,0,0,.8);
}

.header-navigation li a[href="#order"],
.header-navigation li a[href="index.html#order"] {
	padding: .5em 1em;
	border-radius: 4px;
	background-color: #2781bb;
	color: #fff;
}

.header-navigation li a[href="#order"],
.header-navigation li a[href="index.html#order"]:hover {
	background-color: #2781bb;
}

@media(max-width: 768px) {
	.header-navigation {
		display: none;
	}
}

/* navigation : sticky */

.l-sticky {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}

/* 縮小時 */
.catch.smaller .first-line {
	background-color: rgba(255,255,255,.95);
	border-bottom: 1px solid rgba(0,0,0,.05);
}
.catch.smaller .first-line-inner {
	padding: 15px 0;
}

.catch.smaller .logo img {
	height: 27px;
	width: auto;
}

.catch.smaller .header-navigation {
	line-height: 27px;
}

.first-line,
.first-line-inner,
.catch .logo img,
.catch .header-navigation {
	-webkit-transition: all 0.3s ease;
		 -moz-transition: all 0.3s ease;
					transition: all 0.3s ease;
}

@media(max-width: 768px) {
	.catch .logo img,
	.catch.smaller .logo img{
		height: 24px;
	}
}

/* catch
	 ========================================================================== */

/*  copy */

.mv__catch {
	display: table;
	width: 100%;
	height: 100%;
	padding-top: 120px;
}

.mv__catch-inner {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.mv__catch > h2 {
	text-align: center;
}

/*  btn */

.mv__btn {
	margin: 60px auto;
}

.mv__btn > a {
	display: inline-block;
	margin: 0 6px;
	padding: .5em 1em;
	width: 12em;
	border-radius: 4px;
	background-color: #2781bb;
	color: #fff;
	text-decoration: none;
	font-size: 21px;
	line-height: 1;
	transition: all 0.25s ease-in-out;
}
.mv__btn > a:hover {
	opacity: .8;
}
/*.mv__btn > a:first-child {
	background-color: #2781bb;
}
.mv__btn > a:last-child {
	background-color: #33cc99;
}*/


@media(max-width: 768px) {
	.mv__catch {
		display: table;
		padding-top: 0;
		width: 100%;
		height: 100%;
	}
	.mv__btn {
		margin: 30px auto -60px;
	}
	.mv__btn > a {
		padding: 1em 1em;
		font-size: 18px;
	}
}

/*  visual */

.catch__visual {
	text-align: center;
}

@media(max-width: 768px) {
	.catch__visual {
		display: none;
	}
}

/* ==========================================================================
	 body
	 ========================================================================== */

.body p {
	color: #444;
	font-size: 18px;
	line-height: 1.618
}

.body p.caption {
	font-size: 13px;
}

.subhead {
	margin: 0 auto 45px;
	color: #666;
	text-align: left;
	font-weight: normal;
	font-size: 27px;
	font-family: "AxisStd-Medium";
	line-height: 1.333;
}
.subhead > strong {
	color: #09b3e4;
	font-weight: normal;
}

.subhead--medium {
	margin: 50px auto;
	color: #999;
	font-weight: normal;
	font-size: 25px;
	font-family: "AxisStd-Light";
	line-height: 1.333;
}

.subhead--small {
	margin: 60px auto;
	padding-top: 30px;
	color: #666;
	font-weight: normal;
	font-size: 21px;
	font-family: "AxisStd-Light";
	line-height: 1.333;
	border-top: 1px solid #ddd;
}

.body p.leadcopy {
	text-align: left;
	font-size: 16px;
	color: #666;
	line-height: 1.75;
	margin: 0 0 50px;
}

.fig--center {
	text-align: center;
	margin: 45px auto;
}

@media(max-width: 768px) {
	.subhead {
		margin: 30px auto;
		font-size: 27px;
	}
	.subhead:first-child {
		margin-top: 0;
	}
	.subhead--medium {
		margin: 30px auto;
	}
	.subhead--medium:first-child {
		margin-top: 0;
	}
}

/* section（基本）
	 ========================================================================== */

.section {
	margin: 0 auto;
	padding: 75px 0;
}
.section.section--white {
	background-color: #fff;
}
.section.section--silver {
	background-color: #f5f5f5;
}
.section--inner {
	margin: 0 auto;
}

.section__2c--left { 
	display: table-cell;
	width: 50%;
	padding-right: 15px;
	vertical-align: middle;
}

.section__2c--right { 
	display: table-cell;
	width: 50%;
	padding-left: 15px;
	vertical-align: middle;
}

.body 
.section--inner > p {
	margin-bottom: 30px;
	color: #444;
	text-align: center;
	font-size: 18px;
	line-height: 1.618;
}

@media(max-width: 768px) {
	.section {
		padding: 30px 0;
	}
	.section__2c--left,
	.section__2c--right{ 
		display: block;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}

/* button
	 ========================================================================== */

.body .btn {
	display: block;
	margin: 30px auto 0;
	padding: 1em 1em;
	width: 33%;
	border-radius: 9999px;
	background-color: #09b3e4;
	color: rgba(255,255,255,1);
	text-align: center;
	font-size: 18px;
	line-height: 1;
	transition: all 0.25s ease-in-out;
}

.body .btn:hover {
	background-color: #3183B7;
	color: rgba(255,255,255,.8);
}

@media(max-width: 768px) {
	.body .btn {
		margin: 10px auto 0;
		width: 100%;
	}
}

/* 簡単
	 ========================================================================== */

.s1-easy {
	background: #3399cc url("img/s1-easy__bgimg.jpg") no-repeat center center;
	background-size: cover;
	padding: 150px 0;
}

.s1-easy h3 {
	color: #fff;
	font-size: 27px;
	line-height: 1.333;
}

.s1-easy p {
	color: rgba(255,255,255,.8);
	font-size: 16px;
	line-height: 1.5;
}

.s1-easy__fig:hover {
	opacity: 1;
}

@media(max-width: 768px) {
	.s1-easy {
		padding: 30px 0;
	}
	.s1-easy h3 {
		font-size: 21px;
	}
}

/* デザイン
	 ========================================================================== */

.s2-design {
	background: #f8f8f8 url("img/s2-design__bgimg.png") no-repeat left bottom;
	background-size: 780px;
	padding: 150px 0;
}

.s2-design h3 {
	color: #444;
	font-size: 27px;
	line-height: 1.333;
}

.s2-design p {
	color: rgba(0,0,0,.7);
	font-size: 16px;
	line-height: 1.5;
}

@media(max-width: 768px) {
	.s2-design {
		padding: 30px 0;
		background-size: 100%;
		padding-bottom: 170px;
	}
	.s2-design h3 {
		font-size: 21px;
	}
}

/* SEO
	 ========================================================================== */

.s3-seo {
	background: #3399cc;
	background-size: cover;
	position: relative;
	padding: 150px 0;
	height: 570px;
}

.s3-seo .section--inner {
	position: relative;
	z-index: 1;
}

.s3-seo h3 {
	color: #fff;
	font-size: 27px;
	line-height: 1.333;
}

.s3-seo p {
	color: rgba(255,255,255,.8);
	font-size: 16px;
	line-height: 1.5;
}

.s3-seo p a {
	color: inherit;
	text-decoration: underline;
}

.s3-seo__fig {
	position: absolute;
	left: 487px;
	top: -77px;
	z-index: 1;
}
#particles-js {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 0;
}

@media(max-width: 768px) {
	.s3-seo {
		padding: 30px 0;
	}
	.s3-seo h3 {
		font-size: 21px;
	}
	.s3-seo__fig {
		position: static;
		margin-top: 20px;
	}
}

/* サンプルサイト
	 ========================================================================== */

.s-demo .grid--3 .grid__unit {
	padding: 0 0 40px 40px;
}

.s-demo .grid--3 .grid__unit p {
	text-align: center;
	margin-top: 2em;
	font-size: 13px;
}

@media(max-width: 768px) {
	.s-demo .grid--3 .grid__unit p {
		margin-top: 1em;
		margin-bottom: 2em;
	}
}

/* 9つの特徴
	 ========================================================================== */

.s-9f {
}

.s-9f .grid--3 .grid__unit {
	padding: 0 0 40px 40px;
}

.s-9f .grid--3 .grid__unit .s-9f__img {
	text-align: center;
}

.s-9f .grid--3 .grid__unit .s-9f__title {
	text-align: center;
	margin: 2em auto .75em;
	font-size: 16px;
}

.s-9f .grid--3 .grid__unit p {
	text-align: center;
	font-size: 13px;
	color: #999;
}

@media(max-width: 768px) {
	.s-9f .grid--3 .grid__unit .s-9f__title {
		margin-top: .5em;
	}
	.s-9f .grid--3 .grid__unit p {
		margin-bottom: 2em;
	}
}

/* お客様の声
	 ========================================================================== */

.s-customer {
}

.s-customer .grid__unit {
	margin: 39px auto;
}

.body .grid p.s-customer__text {
	text-align: center;
	font-size: 17px;
	line-height: 1.75;
	color: #666;
}
	p.s-customer__text:before {
		display: block;
		content: url("img/s-customer__img--quote.png");
		margin-bottom: 1em;
	}

.s-customer__name {
	font-size: 17px;
	text-align: center;
}
	.s-customer__name:after {
		display: block;
		content: url("img/s-customer__img--star.png");
		margin-top: 1em;
	}

.s-customer__name small {
	color: #999;
	font-weight: normal;
	font-size: 15px;
}


/* 人気プラグイン対応
	 ========================================================================== */

.m-plugin-compatible .grid__unit {
	margin-bottom: 24px;
}

.m-plugin-compatible i {
	color: #09b3e4;
	font-size: 36px;
	float: left;
	margin-top: -6px;
}

.body 
.m-plugin-compatible h4 {
	font-size: 18px;
	margin-left: 48px;
	margin-bottom: 3px;
	color: #444;
}

.body 
.m-plugin-compatible p {
	font-size: 15px;
	margin-left: 48px;
	color: #999;
}

/* 特典
	 ========================================================================== */

.s-bonus .grid--3 .grid__unit {
	padding: 0 0 40px 40px;
}

.s-bonus .grid--3 .grid__unit p {
	text-align: center;
	margin-top: 2em;
	font-size: 13px;
}

@media(max-width: 768px) {
	.s-bonus .grid--3 .grid__unit p {
		margin-top: 1em;
		margin-bottom: 2em;
	}
	.s-bonus img[alt="Sirius"] {
		display: none
	}
}

/* 申し込み
	 ========================================================================== */

.m-order__wrapper {
	padding-top: 50px;
}

.m-order {
	position: relative;
	margin-bottom: 48px;
	padding: 45px 0 30px;
	background-color: #002535;
}

.m-order:after {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 5px;
	background: -webkit-linear-gradient       (top, transparent 0%, rgba(0,0,0,.02) 100%);
	background:         linear-gradient( to bottom, transparent 0%, rgba(0,0,0,.02) 100%);
	content: "";
}

.m-order-inner {
	position: relative;
}

.m-order__text {
	margin-left: 480px;
	width: 480px;
	text-align: center;
}

.body 
.m-order__text p {
	color: #fff;
	color: rgba(255,255,255,.9);
	text-align: center;
}

.m-order__image {
	position: absolute;
	top: -72px;
	left: 0;
	z-index: 3;
}

.m-order h3.m-order__logo {
	margin-bottom: 24px;
}

p.m-order__price {
	margin-bottom: 24px;
	color: #fff;
	font-size: 24px;
	font-size: 2.4rem;
}

a.m-order__button {
	position: relative;
	top: -3px;
	margin-left: 15px;
	padding: 9px 18px;
	border-radius: 9999px;
	background-color: #3c0;
	color: #fff;
	vertical-align: middle;
	font-size: 18px;
	font-size: 1.8rem;
	transition: all 0.25s ease-in-out;
}

a.m-order__button:hover {
	background-color: #7AA93C;
}

p.m-order__discription {
	margin-bottom: 15px;
	color: rgba(0,0,0,.6);
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
}

p.m-order__speck {
	color: rgba(0,0,0,.6);
	font-size: 15px;
	font-size: 1.5rem;
}

p.m-order__for-lurea-member {
	margin-bottom: 0;
	color: #fff;
	font-size: 24px;
}


@media(max-width: 768px) {
	.m-order__wrapper {
		padding-top: 0;
	}
	.m-order__text {
		width: 100%;
		margin-left: 0;/*　gintaro追記　*/
	}
	/*　gintaro追記　*/
	.m-order__button{
		display: block;
		margin: 30px auto;
	}
	.m-order__image {
		display: none;
	}
}

/* order-note
	 ========================================================================== */

.order-note {
	margin-bottom: 60px;
}

p.order-note__caption {
	margin-bottom: 15px;
	color: #999;
	font-size: 13px;
}

p.order-note__attention {
	margin: 0;
	color: #f66;
	font-size: 15px;
}

.order-note__card-logo {
	float: right;
}

/* faq
	 ========================================================================== */

.faq {
}

.faq h4 {
	font-size: 15px;
	color: #09b3e4;
	margin: 0;
	font-weight: normal;
	line-height: 1.618;
	border-top: 1px solid #eee;
	padding: 9px 9px;
}

.faq h4:hover {
	background-color: #fafafa;
}

.faq h4 i {
	color: #ccc;
	position: relative;
	top: -1px;
	margin-right: 9px;
}

.faq p {
	font-size: 14px;
	color: #999;
	margin-left: 36px;
}

.faq-grid {
	margin: 40px 0 40px -40px;
	font-size: 0;
}

.faq-grid__unit {
	width: 100%;
	display: inline-block;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
	padding: 0 0 0 40px;
	vertical-align: top;
	font-size: 14px;
	font-size: 1.4rem;
}

@media(max-width: 768px) {
	.faq-grid {
		margin: 0;
	}

	.faq-grid__unit {
		padding: 0;
		width: 100% !important;
	}
}

/* スライドトグル */

.slideToggle {
	cursor: pointer;
}

.slideToggle+div {
	display: none;
}

/* ==========================================================================
	 footer
	 ========================================================================== */

.footer {
	overflow: hidden;
	margin-top: 50px;
	padding: 50px 0;
	font-size: 12px;
	background: #2781bb;
	color: #fff;
	border-top: 1px solid rgba(255,255,255,.333);
}

.site-info {
	float: left;
	font-style: normal;
	line-height: 1;
}

.footer-navigation {
	float: right;
	margin: 0;
	padding: 0;
	list-style-type: none;
	line-height: 1;
}

.footer-navigation a {
	color: #fff;
}

.footer-navigation li {
	float: left;
	border-right: 1px solid #ccc;
	padding: 0 15px;
}

.footer-navigation li:last-child {
	border-right: none;
	padding-right: 0;
}

@media(max-width: 768px) {
	.site-info {
		float: none;
		margin-bottom: 15px;
		text-align: center;
		font-style: normal;
		line-height: 1;
	}
	.footer-navigation {
		float: none;
		text-align: center;
	}
	.footer-navigation li {
		display: inline-block;
		float: none;
		padding: 0 6px;
		border-right: none;
		text-align: center;
		line-height: 1.618;
	}
}

/* ==========================================================================
	 このページの先頭へ戻る
	 ========================================================================== */

.back-to-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	clear: both;
	text-align: right;
}

.back-to-top a {
	display: block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAABhlBMVEUAAADMzMzd3d2AgIDd3d3d3d3c3Nzb29vc3NzV1dXc3Nzc3Nzd3d3d3d3c3Nzb29vc3Nzc3Nze3t7c3NzW1tbb29vd3d3d3d3d3d3c3Nzc3Nzf39/d3d3d3d3b29va2trc3NzGxsbb29vc3Nzd3d3d3d3c3Nzc3Ny/v7/c3Nzd3d3c3NzR0dHY2Njc3Nzc3Nzc3Nzc3Nzc3Nzb29vY2Nja2trc3Nzc3NzZ2dnc3Nze3t7d3d3c3Nzc3Nzc3NzX19fc3Nzc3Nzc3Nzd3d3b29vc3Nzc3Nzb29vV1dXd3d3c3NzV1dXd3d3c3Nzc3Nzd3d3c3Nzc3Nzd3d3d3d3c3Nzc3Nzb29vc3Nzd3d3d3d3d3d3c3Nzd3d3d3d3////o6Oj9/f329vbm5ub8/Pz5+fn4+Pj+/v7w8PDj4+Py8vLx8fHv7+/i4uL4+fnk5OTs7Ozd3d339/ekpqrt7e3u7u6doKS3ubzLzM6+wMLr6+vf39/6+vrl5uexs7bR09WqrbDr7O3e3+Ej3aiqAAAAXnRSTlMACuEC35y4FXYMFunx9NtH60j0px9NeHCUUCT+WchcKewJB2y70VjzCKjX2gsh1m2Yk9yPDUXV5RTG79DjkL0g+eTinV3FHUYS3r8G7d2+b/KZ4NK3dZ5RSlJ3SVq5/bnMpQAAAw1JREFUeF6t2WVz4lAUgOGDU6SFFipABaruLluVdXe58eBWddl/vjPMMGXTJpwk9/0Bz6ebKydQp6X53va+Ce9gafP1m/6+9t75JTCeJTy7GuUvkpwosERmr0QuecFHV2fDFiOaranFzydF8igxyftbmmw6uYY2eyojEJWETMHe1gD44l8CTJloVmYC7jjWG7AyIqmbyFgHUFzoc4ojqLiUM1Tf6/IdywSZfOzrAu2GdnIS0ZGU+zqk5XmWGZboimWWPere+EyR6K44M67mdS9miYGyi91Pe5G1NDFUei3ylOdqTBKDZRpdj71XnUfEcEedCVDmYIiJGIfS68qxZkA2p1jhIZ9ETCX5QlCb85iYLOus9QZSsllQTsUePIuVI6bjrBao5mYIhRh31WsIiDRAsad6KkwyhErMJFSyvZDogJLdVgGbUoRShWAFbMnQAjPDlTXTLNACheYxAOjgCbX4DgCYStIDk1MAMCoigPztXwwojgJ4LhHe9eHJyV0eIV56IMjjPJzI/4LWIspDisVWcGQwHlZMO+AZh/DQIvcWRq4QHlq8GgGvgPDQouCF9yzKuztEiewglHBe/honlmAT5/2Ha4I9LM7Diewg2AU1774K3FQAlCh44ZPqsjmt8RTirfqy0VjYhw+eUjxXA7mX4EirgWcPnlK8Vv/0NDaH/GnVU4pnWptDkNfYVW/O8kTR/fmpxl7Lf0dtsPguPQCNIg7AHgHwgfIhRf8YHaN90MMw5asIBAuUL0s2O63r3Ecb5Qvnu+qVuIfulZj+pR0s1rJ5r1zzrIAYjYfPb6jJmTULZv9AbRvmH4+KycOu2eftLuUH+A4oS5gbEQw9NcTIUB1iAES2jI5ZtiIqg6BtY4Og7W5QaX/ByKhqYR9Ue76nf5i29xw0SkzrHfdNJ0C7bys6BpLZlR9Qt5BTx8h0AzDFsEPdGCCLuwOMpM1JTOBnHPDNtdkLdQbjcxRH982K0T02S3i9P8oX05woyITIgsili3y0fz1sAeO5Diq/P/ylkt870dfee+AC7f4Bnw1DMsoy0tsAAAAASUVORK5CYII=") no-repeat center center;
	background-size: contain;
	line-height: 100px;
}

.back-to-top a:active {
	outline: 0 none black;
}

@media(max-width: 768px) {
	.back-to-top {
		right: 15px;
		bottom: 15px;
	}
}


/* ==========================================================================

	 2nd : 

	 ========================================================================== */

/* Call to action
	 ========================================================================== */

.m-cta {
	margin-bottom: -50px;
	background: #2781bb;
	color: #fff;
}

.m-cta__inner {
	position: relative;
	padding: 50px 0;
}

img.m-cta__image {
	position: absolute;
	top: -25px;
	left: 0;
	width: 250px;
}

.m-cta p {
	float: left;
	margin-bottom: 0;
	margin-left: 270px;
	color: #fff;
	font-family: "AxisStd-Light";
}

a.m-cta__btn {
	display: inline-block;
	float: right;
	padding: .75em 1.5em;
	width: 250px;
	border-radius: 3px;
	background: #fff;
	color: #2781bb;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	letter-spacing: 2px;
	font-size: 21px;
	font-family: "AxisStd-Light";
	line-height: 1;
}

/* ==========================================================================
	 2nd : 特徴
	 ========================================================================== */

.m-features-page.grid--2 .grid__unit {
	margin-bottom: 50px;
}

.m-features .grid__unit {
	margin-bottom: 50px;
}

.m-features__fig {
	display: block;
	margin-bottom: 27px;
	border: 1px solid #eee;
}

.m-features h4 {
	margin-bottom: 15px;
	color: #444;
	font-size: 16px;
	line-height: 1.5;
}

.function__title--small {
	font-size: 13px;
}

.body 
.m-features p {
	color: #777;
	font-size: 13px;
}

/*デザイン一覧*/

.ss-thumbs  {
	margin: 6px -25px 6px 0;
}

.ss-thumbs a {
	margin: 0 25px 25px 0;
}

.ss-thumbs img {
	border: 1px solid #ddd;
	width: 130px;
	height: auto;
}

.ss-thumbs img:hover {
}

/* c2 */

.m-features-page h4 {
	margin: 0 0 1em;
	font-size: 24px;
	font-weight: normal;
}

.m-features-page p {
	font-size: 15px;
}

/* クリックで出てくるモーダルウィンドウの黒枠を消す */

.fancybox-skin {
	padding: 0 !important;
}

/* ==========================================================================
	 2nd : デモサイト一覧
	 ========================================================================== */

.m-demo-sites .grid__unit {
	margin-bottom: 21px;
}

.m-demo-sites__thumb {
	margin-bottom: 21px;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	border: 6px solid #fff;
}

.body 
.m-demo-sites p {
	color: #444;
	font-size: 14px;
	text-align: center;
}

.body 
.m-demo-sites p a {
	color: #444;
}

/* ==========================================================================
	 2nd : お客様の声
	 ========================================================================== */

.m-testimonials .grid__unit {
	margin-bottom: 39px;
}

.m-testimonials__frame {
	position: relative;
	margin-bottom: 33px;
	padding: 21px;
	background-color: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
	.m-testimonials__frame:after {
		position: absolute;
		bottom: -21px;
		left: 30px;
		display: block;
		width: 0px;
		height: 0px;
		border-width: 21px 21px 0 21px;
		border-style: solid;
		border-color: #fff transparent transparent transparent;
		content: "";
	}

.body 
.m-testimonials__frame > h4 {
	margin-bottom: 12px;
	font-size: 18px;
}

.body 
.m-testimonials__frame > p {
	margin-bottom: 12px;
	color: #333;
	font-size: 14px;
}
	.body 
	.m-testimonials__frame > p:last-child {
		margin-bottom: 0;
	}

.m-testimonials__name {
	font-weight: bold;
	font-size: 18px;
}

.m-testimonials__place {
	color: #999;
	font-weight: normal;
	font-size: 15px;
}


/* driveway 設定 
   https://github.com/jh3y/driveway */

@media (min-width: 768px) {
	.dw {
		-webkit-column-count: 2;
			 -moz-column-count: 2;
						column-count: 2;
	}
}
@media (min-width: 992px) {
	.dw {
		-webkit-column-count: 2;
			 -moz-column-count: 2;
						column-count: 2;
	}
}
@media (min-width: 1500px) {
	.dw {
		-webkit-column-count: 2;
			 -moz-column-count: 2;
						column-count: 2;
	}
}
.dw {
	margin: 0 -25px;
}
.dw-panel {
	margin: 0;
	padding: 25px;
}

/* ==========================================================================
	 2nd : 特典
	 ========================================================================== */


.m-stockphotos--large {
	margin: 40px 0 40px -2px;
}

.m-stockphotos--large .grid__unit {
	padding: 0 0 2px 2px;
	width: 25%;
}


/* ==========================================================================

	 サブページ

	 ========================================================================== */

.body--sub {
	margin-top: 60px;
	margin-bottom: 60px;
	min-height: 420px;
}

.body--sub h1 {
	font-weight: normal;
	margin-bottom: 60px;
}

.body--sub h2 {
	margin: 3em 0 1em 0;
	padding: 5px 0;
	text-align: left;
	font-weight: bold;
	line-height: 1.5;
}

.body--sub h3 {
	margin: 2em 0 1em 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ccc;
	text-align: left;
	font-weight: bold;
	line-height: 1.5;
}

.body--sub h4 {
	margin: 0 0 5px 0;
	text-align: left;
	font-weight: bold;
	line-height: 1.5;
}

.body--sub h5 {
	margin: 0 0 5px 0;
	color: #454545;
	text-align: left;
	font-weight: bold;
	line-height: 1.7;
}

.body--sub p {
	margin: 0 0 1em 0;
	text-align: justify;
	text-indent: 0em;
	text-justify: inter-ideograph;
	line-height: 1.7;
	line-break: strict;
}

.body--sub ul,
.body--sub ol {
	margin: 0 0 2em 2em;
	padding: 0;
}

.body--sub li {
	list-style-type: disc;
	text-align: left;
	line-height: 1.7;
}

.body--sub p.caption {
	color: #444;
	font-size: 12px;
	line-height: 1.618
}

.body--sub table {
	width: 100%;
	border-bottom: 1px solid #eee;
	color: #444;
	margin-bottom: 60px;
}

.body--sub th,
.body--sub td {
	border-top: 1px solid #eee;
	vertical-align: top;
	text-align: left;
	font-size: 15px;
	line-height: 1.5;
}

.body--sub th {
	padding: 15px 0;
}

.body--sub td {
	padding: 15px;
}