@charset "UTF-8";
/* ==========================================================
[ Module CSS / Page CSS ]

* サイトで共通使用する汎用モジュール及びページ固有のスタイルを記述する
* 汎用モジュールは、アルファベット降順(A->Z)に記述する
* ページ固有のスタイルは、ディレクトリ名のアルファベット降順(A->Z)、
* ファイル名のアルファベット降順(A->Z)にそれぞれ記述する

module
page

========================================================== */
/* ==========================================================
*
*   module
*
========================================================== */
/* ---------------------------------------------
*   button
--------------------------------------------- */
/*  button-color
--------------------------------------------- */
.button-color {
	display: inline-block;
	width: 260px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	text-decoration: none;
	font-size: 0.84375rem;
	transition: opacity 0.5s;
}

.button-color:hover {
	opacity: 0.8;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.button-color:hover {
		opacity: 1;
	}
}

.button-color--red {
	color: #fff;
	background-color: #B71B30;
}

@media screen and (max-width: 768px) {
	.button-color {
		width: 100%;
		height: 13.125vw;
		line-height: 13.125vw;
		font-size: 0.9375rem;
	}
}

/* ---------------------------------------------
*   keyvisual
--------------------------------------------- */
.keyvisual {
	height: 650px;
}

@media screen and (max-width: 1240px) {
	.keyvisual {
		height: 52.41935vw;
	}
}

@media screen and (max-width: 768px) {
	.keyvisual {
		height: 192.5vw;
	}
}

/*  keyvisual-container
--------------------------------------------- */
.keyvisual-container {
	position: relative;
	box-sizing: border-box;
	height: 100%;
	border-right: 1px solid #251814;
	border-left: 1px solid #251814;
	background-image: url(../img/pc/index/keyvisual.png);
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: 1245px auto;
	max-width: 1240px;
	margin-right: auto;
	margin-left: auto;
}

.keyvisual-container:after {
	content: "";
	display: block;
	clear: both;
}

@media screen and (max-width: 768px) {
	.keyvisual-container {
		width: auto;
		max-width: none;
	}
}

@media screen and (max-width: 1240px) {
	.keyvisual-container {
		background-size: 100.40323vw auto;
	}
}

@media screen and (max-width: 768px) {
	.keyvisual-container {
		height: 100%;
		border-right: 0;
		border-left: 0;
		background-image: url(../img/sp/index/keyvisual.png);
		background-size: cover;
	}
	.keyvisual-container:after {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		width: 100%;
		height: 0;
		border-top: 2px solid #251814;
		margin-top: -1px;
	}
}

/*  keyvisual-catch
--------------------------------------------- */
.keyvisual-catch {
	position: absolute;
	top: 50px;
	left: 50%;
	width: 660px;
	text-align: center;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.keyvisual-catch__letter {
	display: inline-block;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	margin: 0 2px;
	opacity: 0;
	height: 0;
	padding-top: 96px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

.keyvisual-catch__letter--current {
	opacity: 1;
}

.keyvisual-catch__letter--1 {
	width: 56px;
	background-image: url(../img/pc/index/main_txt01.png);
}

.keyvisual-catch__letter--2 {
	width: 61px;
	background-image: url(../img/pc/index/main_txt02.png);
}

.keyvisual-catch__letter--3 {
	width: 64px;
	background-image: url(../img/pc/index/main_txt03.png);
	margin-right: 5px;
}

.keyvisual-catch__letter--4 {
	width: 59px;
	background-image: url(../img/pc/index/main_txt04.png);
}

.keyvisual-catch__letter--5 {
	width: 60px;
	background-image: url(../img/pc/index/main_txt05.png);
}

.keyvisual-catch__letter--6 {
	width: 49px;
	background-image: url(../img/pc/index/main_txt06.png);
	margin-right: 8px;
}

.keyvisual-catch__letter--7 {
	width: 58px;
	background-image: url(../img/pc/index/main_txt07.png);
}

.keyvisual-catch__letter--8 {
	width: 52px;
	background-image: url(../img/pc/index/main_txt08.png);
}

.keyvisual-catch__letter--9 {
	width: 51px;
	background-image: url(../img/pc/index/main_txt09.png);
}

.keyvisual-catch__letter--10 {
	width: 24px;
	background-image: url(../img/pc/index/main_txt10.png);
}

.keyvisual-catch__letter--11 {
	width: 99px;
	background-image: url(../img/pc/index/main_txt11.png);
}

.keyvisual-catch__letter--12 {
	width: 98px;
	background-image: url(../img/pc/index/main_txt12.png);
}

.keyvisual-catch__letter--13 {
	width: 64px;
	background-image: url(../img/pc/index/main_txt13.png);
}

.keyvisual-catch__letter--14 {
	width: 103px;
	background-image: url(../img/pc/index/main_txt14.png);
}

.keyvisual-catch__letter--15 {
	width: 101px;
	background-image: url(../img/pc/index/main_txt15.png);
}

.keyvisual-catch__letter--16 {
	width: 62px;
	background-image: url(../img/pc/index/main_txt16.png);
}

.keyvisual-catch__letter--17 {
	width: 25px;
	background-image: url(../img/pc/index/main_txt17.png);
}

@media screen and (max-width: 1240px) {
	.keyvisual-catch {
		top: 4.03226vw;
		width: 53.22581vw;
	}
	.keyvisual-catch__letter {
		padding-top: 7.74194vw;
		margin: 0 0.16129vw;
	}
	.keyvisual-catch__letter--1 {
		width: 4.51613vw;
	}
	.keyvisual-catch__letter--2 {
		width: 4.91935vw;
	}
	.keyvisual-catch__letter--3 {
		width: 5.16129vw;
		margin-right: 0.40323vw;
	}
	.keyvisual-catch__letter--4 {
		width: 4.75806vw;
	}
	.keyvisual-catch__letter--5 {
		width: 4.83871vw;
	}
	.keyvisual-catch__letter--6 {
		width: 3.95161vw;
		margin-right: 0.64516vw;
	}
	.keyvisual-catch__letter--7 {
		width: 4.67742vw;
	}
	.keyvisual-catch__letter--8 {
		width: 4.19355vw;
	}
	.keyvisual-catch__letter--9 {
		width: 4.1129vw;
	}
	.keyvisual-catch__letter--10 {
		width: 1.93548vw;
	}
	.keyvisual-catch__letter--11 {
		width: 7.98387vw;
	}
	.keyvisual-catch__letter--12 {
		width: 7.90323vw;
	}
	.keyvisual-catch__letter--13 {
		width: 5.16129vw;
	}
	.keyvisual-catch__letter--14 {
		width: 8.30645vw;
	}
	.keyvisual-catch__letter--15 {
		width: 8.14516vw;
	}
	.keyvisual-catch__letter--16 {
		width: 5vw;
	}
	.keyvisual-catch__letter--17 {
		width: 2.01613vw;
	}
}

@media screen and (max-width: 768px) {
	.keyvisual-catch {
		top: 14.0625vw;
		width: 100%;
	}
	.keyvisual-catch__letter {
		padding-top: 11.25vw;
		margin: 0;
	}
	.keyvisual-catch__letter--1 {
		width: 6.875vw;
	}
	.keyvisual-catch__letter--2 {
		width: 6.79688vw;
	}
	.keyvisual-catch__letter--3 {
		width: 7.96875vw;
	}
	.keyvisual-catch__letter--4 {
		width: 7.14844vw;
	}
	.keyvisual-catch__letter--5 {
		width: 6.79688vw;
	}
	.keyvisual-catch__letter--6 {
		width: 5.97656vw;
		margin-right: 0.9375vw;
	}
	.keyvisual-catch__letter--7 {
		width: 6.79688vw;
	}
	.keyvisual-catch__letter--8 {
		width: 6.52344vw;
	}
	.keyvisual-catch__letter--9 {
		width: 6.09375vw;
	}
	.keyvisual-catch__letter--10 {
		width: 2.8125vw;
	}
	.keyvisual-catch__letter--11 {
		width: 11.21094vw;
	}
	.keyvisual-catch__letter--12 {
		width: 11.36719vw;
	}
	.keyvisual-catch__letter--13 {
		width: 7.5vw;
	}
	.keyvisual-catch__letter--14 {
		width: 11.32812vw;
	}
	.keyvisual-catch__letter--15 {
		width: 11.40625vw;
	}
	.keyvisual-catch__letter--16 {
		width: 7.14844vw;
	}
	.keyvisual-catch__letter--17 {
		width: 3.04688vw;
	}
}

/*  keyvisual-logo
--------------------------------------------- */
.keyvisual-logo {
	position: absolute;
	top: 286px;
	left: 50%;
	width: 401px;
	background: url(../img/pc/common/main_logo.png) 0 0 no-repeat;
	background-size: 100% auto;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	height: 0;
	padding-top: 149px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

@media screen and (max-width: 1240px) {
	.keyvisual-logo {
		top: 23.06452vw;
		width: 32.33871vw;
		padding-top: 12.01613vw;
	}
}

@media screen and (max-width: 768px) {
	.keyvisual-logo {
		display: none;
	}
}

/* ---------------------------------------------
*   modal-youtube
--------------------------------------------- */
.modal-youtube#colorbox, .modal-youtube#cboxOverlay, .modal-youtube#cboxWrapper {
	z-index: 9;
}

.modal-youtube#cboxOverlay {
	background: #000;
}

.modal-youtube #cboxContent {
	margin-top: 60px;
}

.modal-youtube #cboxClose {
	border: 0;
	padding: 0;
	margin: 0;
	text-indent: 0;
	width: 60px;
	height: 0;
	padding-top: 60px;
	top: -55px;
	right: -5px;
	background: none;
	outline: none;
	overflow: hidden;
}

.modal-youtube #cboxClose:before {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	border: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.modal-youtube #cboxClose:after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	border: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

/* ---------------------------------------------
*   product
--------------------------------------------- */
.product {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	        justify-content: space-between;
	padding: 70px 75px;
}

@media screen and (max-width: 1240px) {
	.product {
		padding: 5.64516vw 6.04839vw;
	}
}

@media screen and (max-width: 768px) {
	.product {
		display: block;
		padding: 0;
	}
}

/*  product-cassette
--------------------------------------------- */
.product-cassette {
	width: 480px;
	text-align: center;
}

.product-cassette__image-caption {
	margin-bottom: 50px;
	height: 0;
	padding-top: 62px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	background-position: 50% 0;
}

.product-cassette__image-caption--1 {
	background-image: url(../img/pc/index/product_txt01.png);
}

.product-cassette__image-caption--2 {
	background-image: url(../img/pc/index/product_txt02.png);
}

.product-cassette__link {
	text-align: center;
}

@media screen and (max-width: 1240px) {
	.product-cassette__image-caption {
		padding-top: 5vw;
		margin-bottom: 4.03226vw;
		background-size: auto 100%;
	}
	.product-cassette__image-caption--1 {
		background-image: url(../img/pc/index/product_txt01.png);
	}
	.product-cassette__image-caption--2 {
		background-image: url(../img/pc/index/product_txt02.png);
	}
	.product-cassette__image img {
		height: 47.33871vw;
	}
	.product-cassette__link {
		text-align: center;
	}
}

@media screen and (max-width: 768px) {
	.product-cassette {
		width: auto;
		padding: 6.25vw;
		border-bottom: 1px solid #251814;
	}
	.product-cassette__image {
		text-align: center;
	}
	.product-cassette__image img.sp-only {
		display: inline-block;
		height: 109.6875vw;
	}
	.product-cassette__image-caption {
		margin-bottom: 1.5625vw;
	}
	.product-cassette__image-caption--1 {
		padding-top: 22.1875vw;
		background-image: url(../img/sp/index/product_txt01.png);
	}
	.product-cassette__image-caption--2 {
		padding-top: 14.375vw;
		background-image: url(../img/sp/index/product_txt02.png);
	}
	.product-cassette__link {
		margin-top: 7.8125vw;
	}
}

/* ---------------------------------------------
*   rental
--------------------------------------------- */
.rental {
	padding: 50px 70px 60px;
}

.rental__text {
	height: 0;
	padding-top: 73px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	background-image: url(../img/pc/index/rental_text.png);
	background-position: 50% 50%;
	background-size: auto 100%;
}

.rental__link {
	text-align: center;
	margin-top: 50px;
}

@media screen and (max-width: 1240px) {
	.rental {
		padding: 4.03226vw 5.64516vw 4.83871vw;
	}
	.rental__text {
		padding-top: 5.8871vw;
	}
	.rental__link {
		margin-top: 4.03226vw;
	}
}

@media screen and (max-width: 768px) {
	.rental {
		padding: 6.25vw;
	}
	.rental__text {
		background-image: url(../img/sp/index/rental_text.png);
		padding-top: 21.09375vw;
	}
	.rental__link {
		margin-top: 6.25vw;
	}
}

/* ---------------------------------------------
*   section
--------------------------------------------- */
/*  section-container
--------------------------------------------- */
.section-container {
	box-sizing: border-box;
	border-right: 1px solid #251814;
	border-left: 1px solid #251814;
	max-width: 1240px;
	margin-right: auto;
	margin-left: auto;
}

.section-container:after {
	content: "";
	display: block;
	clear: both;
}

@media screen and (max-width: 768px) {
	.section-container {
		width: auto;
		max-width: none;
	}
}

@media screen and (max-width: 768px) {
	.section-container {
		border-right: 0;
		border-left: 0;
	}
}

/*  section-head
--------------------------------------------- */
.section-head {
	background-color: #251814;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.section-head__text {
	height: 0;
	padding-top: 88px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	background-position: 50% 50%;
}

.section-head__text--weak {
	background-image: url(../img/pc/index/heading_weak.png);
}

.section-head__text--point {
	background-image: url(../img/pc/index/heading_point.png);
}

.section-head__text--product {
	background-image: url(../img/pc/index/heading_product.png);
}

.section-head__text--rental {
	padding-top: 87px;
	background-image: url(../img/pc/index/heading_rental.png);
}

@media screen and (max-width: 1240px) {
	.section-head__text {
		padding-top: 7.09677vw;
		background-size: auto 100%;
	}
}

@media screen and (max-width: 768px) {
	.section-head__text {
		padding-top: 11.875vw;
		background-size: 100% auto;
	}
	.section-head__text--weak {
		padding-top: 26.17188vw;
		background-image: url(../img/sp/index/heading_weak.png);
	}
	.section-head__text--point {
		padding-top: 26.17188vw;
		background-image: url(../img/sp/index/heading_point.png);
	}
	.section-head__text--product {
		background-image: url(../img/sp/index/heading_product.png);
	}
	.section-head__text--rental {
		background-image: url(../img/sp/index/heading_rental.png);
	}
}

/*  section-paragraph
--------------------------------------------- */
.section-paragraph {
	position: relative;
	padding: 40px 0;
	border-bottom: 1px solid #251814;
}

.section-paragraph:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 116px;
	height: 59px;
	background: url(../img/pc/common/section_arrow.png) 0 0 no-repeat;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.section-paragraph__head-text {
	height: 0;
	padding-top: 0px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

.section-paragraph__body-text {
	letter-spacing: -.05em;
	word-break: break-all;
}

.section-paragraph__body-youtube {
	display: inline-block;
	max-width: 540px;
	outline: none;
}

.section-paragraph__body-youtube img {
	width: 100%;
}

@media screen and (max-width: 1240px) {
	.section-paragraph {
		padding-top: 3.22581vw;
		padding-bottom: 3.22581vw;
	}
	.section-paragraph:after {
		width: 9.35484vw;
		height: 4.75806vw;
		background-size: 100% auto;
	}
}

@media screen and (max-width: 768px) {
	.section-paragraph {
		padding: 0;
	}
	.section-paragraph:after {
		width: 20.3125vw;
		height: 10.3125vw;
		background-image: url(../img/sp/common/section_arrow.png);
	}
	.section-paragraph__body-youtube {
		max-width: none;
	}
	.section-paragraph__body-youtube img {
		width: 100%;
	}
}

.section-paragraph--first {
	padding-left: 80px;
}

.section-paragraph--first .section-paragraph__head-text {
	padding-top: 107px;
	background-image: url(../img/pc/index/weak_heading01.png);
}

.section-paragraph--first .section-paragraph__head-image {
	position: absolute;
	bottom: 0;
	right: 0;
}

.section-paragraph--first .section-paragraph__body {
	width: 710px;
	height: 195px;
	margin-top: 40px;
}

@media screen and (max-width: 1240px) {
	.section-paragraph--first {
		padding-left: 6.45161vw;
	}
	.section-paragraph--first .section-paragraph__head-text {
		padding-top: 8.62903vw;
		background-size: auto 100%;
	}
	.section-paragraph--first .section-paragraph__head-image {
		width: 35.72581vw;
	}
	.section-paragraph--first .section-paragraph__body {
		width: 57.25806vw;
		height: auto;
		padding-bottom: 3.22581vw;
		margin-top: 3.22581vw;
	}
}

@media screen and (max-width: 768px) {
	.section-paragraph--first {
		padding: 0;
	}
	.section-paragraph--first .section-paragraph__head {
		position: relative;
		box-sizing: border-box;
		height: auto;
		padding: 4.6875vw 6.25vw 26.5625vw;
		border-bottom: 1px solid #251814;
	}
	.section-paragraph--first .section-paragraph__head:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		z-index: -1;
		width: 100%;
		height: 70%;
		background-color: #f2f2f2;
	}
	.section-paragraph--first .section-paragraph__head-text {
		padding-top: 33.98438vw;
		background-image: url(../img/sp/index/weak_heading01.png);
		background-size: 100% auto;
	}
	.section-paragraph--first .section-paragraph__head-image {
		position: absolute;
		bottom: 0;
		left: 1.5625vw;
		width: 51.25vw;
	}
	.section-paragraph--first .section-paragraph__head-image img {
		width: 100%;
	}
	.section-paragraph--first .section-paragraph__body {
		width: auto;
		padding: 6.25vw 9.375vw 12.5vw;
		margin-top: 0;
	}
}

.section-paragraph--second {
	padding-top: 30px;
	padding-right: 60px;
	padding-left: 60px;
	background: url(../img/pc/index/weak_launch-img.png) 0 0 no-repeat;
	background-size: cover;
}

.section-paragraph--second .section-paragraph__head-text {
	padding-top: 94px;
	background-image: url(../img/pc/index/weak_launch-text.png);
}

.section-paragraph--second .section-paragraph__body {
	height: 345px;
	text-align: center;
	margin-top: 30px;
}

@media screen and (max-width: 1240px) {
	.section-paragraph--second {
		padding-top: 2.41935vw;
		padding-right: 4.83871vw;
		padding-left: 4.83871vw;
	}
	.section-paragraph--second .section-paragraph__head-text {
		padding-top: 7.58065vw;
		background-size: 100% auto;
	}
	.section-paragraph--second .section-paragraph__body {
		height: auto;
		padding-bottom: 3.22581vw;
		margin-top: 2.41935vw;
	}
}

@media screen and (max-width: 768px) {
	.section-paragraph--second {
		box-sizing: border-box;
		height: auto;
		padding-top: 3.75vw;
		padding-right: 0;
		padding-left: 0;
		background-image: url(../img/sp/index/weak_launch-img.png);
	}
	.section-paragraph--second .section-paragraph__head-text {
		padding-top: 26.04062vw;
		background-image: url(../img/sp/index/weak_launch-text.png);
		background-position: 50% 0;
		background-size: auto 100%;
	}
	.section-paragraph--second .section-paragraph__body {
		text-align: center;
		margin-top: 3.75vw;
	}
	.section-paragraph--second .section-paragraph__body-youtube {
		display: block;
		width: auto;
		max-width: none;
		padding: 0 3.125vw;
		margin: 0 0 12.5vw;
	}
	.section-paragraph--second .section-paragraph__body-youtube img {
		width: 100%;
	}
}

.section-paragraph--third {
	padding-top: 30px;
	padding-right: 60px;
	padding-left: 60px;
	background: url(../img/pc/index/weak_score-img.png) 0 0 no-repeat;
	background-size: cover;
}

.section-paragraph--third .section-paragraph__head-text {
	width: 1143px;
	padding-top: 93px;
	background-image: url(../img/pc/index/weak_score-text.png);
}

.section-paragraph--third .section-paragraph__body {
	height: 345px;
	text-align: center;
	margin-top: 30px;
}

@media screen and (max-width: 1240px) {
	.section-paragraph--third {
		padding-top: 2.41935vw;
		padding-right: 4.83871vw;
		padding-left: 4.83871vw;
	}
	.section-paragraph--third .section-paragraph__head-text {
		width: 92.17742vw;
		padding-top: 7.5vw;
		background-size: 100% auto;
	}
	.section-paragraph--third .section-paragraph__body {
		height: auto;
		padding-bottom: 3.22581vw;
		margin-top: 2.41935vw;
	}
}

@media screen and (max-width: 768px) {
	.section-paragraph--third {
		box-sizing: border-box;
		width: auto;
		height: auto;
		padding-top: 3.75vw;
		padding-right: 0;
		padding-left: 0;
		background-image: url(../img/sp/index/weak_score-img.png);
	}
	.section-paragraph--third .section-paragraph__head-text {
		width: auto;
		padding-top: 26.17188vw;
		background-image: url(../img/sp/index/weak_score-text.png);
		background-position: 50% 0;
		background-size: auto 100%;
	}
	.section-paragraph--third .section-paragraph__body {
		text-align: center;
		margin-top: 3.75vw;
	}
	.section-paragraph--third .section-paragraph__body-youtube {
		display: block;
		width: auto;
		padding: 0 3.125vw;
		margin: 0 0 12.5vw;
	}
	.section-paragraph--third .section-paragraph__body-youtube img {
		width: 100%;
	}
}

.section-paragraph--fourth {
	height: auto;
	padding-top: 0;
	padding-bottom: 0;
}

.section-paragraph--fourth:after {
	display: none;
}

.section-paragraph--fourth .section-paragraph__head-text {
	padding-top: 840px;
	background-image: url(../img/pc/index/weak_hifive-img.png);
	background-size: cover;
}

@media screen and (max-width: 1240px) {
	.section-paragraph--fourth {
		height: auto;
	}
	.section-paragraph--fourth .section-paragraph__head-text {
		padding-top: 67.74194vw;
	}
}

@media screen and (max-width: 768px) {
	.section-paragraph--fourth {
		height: auto;
		padding-top: 0;
		padding-bottom: 0;
	}
	.section-paragraph--fourth:after {
		display: none;
	}
	.section-paragraph--fourth .section-paragraph__head-text {
		padding-top: 83.33437vw;
		background-image: url(../img/sp/index/weak_hifive-img.png);
		background-size: 100% auto;
	}
}

.section-paragraph--fifth {
	padding-top: 0;
	padding-bottom: 0;
	background: url(../img/pc/index/bg_golf-club.png) 55px 50% no-repeat;
	background-size: 58.46774193548387% auto;
}

.section-paragraph--fifth .section-paragraph__head-text {
	padding-top: 230px;
	background-image: url(../img/pc/index/heading_kind.png);
}

@media screen and (max-width: 1240px) {
	.section-paragraph--fifth .section-paragraph__head-text {
		padding-top: 18.54839vw;
		background-size: 100% auto;
	}
}

@media screen and (max-width: 768px) {
	.section-paragraph--fifth {
		background: none;
	}
	.section-paragraph--fifth .section-paragraph__head-text {
		padding-top: 25.9375vw;
		background-image: url(../img/sp/index/heading_kind.png);
		background-size: auto 100%;
	}
}

.section-paragraph--sixth {
	box-sizing: border-box;
	height: 420px;
	padding: 30px 0 0 170px;
	background: url(../img/pc/index/point_bg01.png) 0 100% no-repeat;
}

.section-paragraph--sixth .section-paragraph__head-text {
	padding-top: 38px;
	background-image: url(../img/pc/index/point_text01.png);
}

.section-paragraph--sixth .section-paragraph__body-youtube {
	display: inline-block;
	width: 490px;
	margin: 30px 0 0 170px;
}

@media screen and (max-width: 1240px) {
	.section-paragraph--sixth {
		height: auto;
		padding-top: 2.41935vw;
		padding-bottom: 2.41935vw;
		padding-left: 0;
		text-align: center;
		background-size: cover;
		margin-left: 0;
	}
	.section-paragraph--sixth .section-paragraph__head-text {
		padding-top: 3.06452vw;
		background-position: 50% 50%;
		background-size: auto 100%;
	}
	.section-paragraph--sixth .section-paragraph__body-youtube {
		display: inline-block;
		max-width: 490px;
		margin-top: 2.41935vw;
		margin-left: 0;
	}
}

@media screen and (max-width: 768px) {
	.section-paragraph--sixth {
		height: auto;
		padding: 0;
		text-align: left;
		background: none;
	}
	.section-paragraph--sixth .section-paragraph__head {
		border-bottom: 1px solid #251814;
	}
	.section-paragraph--sixth .section-paragraph__head-text {
		padding-top: 63.125vw;
		background-image: url(../img/sp/index/point_text01.png);
		background-position: 0 -0.625vw;
		background-size: 102% auto;
	}
	.section-paragraph--sixth .section-paragraph__body {
		text-align: center;
	}
	.section-paragraph--sixth .section-paragraph__body-youtube {
		display: block;
		width: auto;
		max-width: none;
		padding: 0 3.125vw;
		margin: 12.5vw 0;
	}
	.section-paragraph--sixth .section-paragraph__body-youtube img {
		width: 100%;
	}
}

.section-paragraph--seventh {
	box-sizing: border-box;
	height: 500px;
	padding: 55px 0 0 270px;
	background: url(../img/pc/index/point_bg02.png) 0 0 no-repeat;
}

.section-paragraph--seventh .section-paragraph__head-text {
	padding-top: 38px;
	background-image: url(../img/pc/index/point_text02.png);
}

.section-paragraph--seventh .section-paragraph__body-youtube {
	display: inline-block;
	width: 490px;
	margin: 30px 0 0 70px;
}

@media screen and (max-width: 1240px) {
	.section-paragraph--seventh {
		height: auto;
		padding-top: 2.41935vw;
		padding-bottom: 2.41935vw;
		padding-left: 0;
		text-align: center;
		background-size: cover;
	}
	.section-paragraph--seventh .section-paragraph__head-text {
		padding-top: 3.06452vw;
		background-position: 50% 50%;
		background-size: auto 100%;
	}
	.section-paragraph--seventh .section-paragraph__body-youtube {
		max-width: 490px;
		margin-top: 2.41935vw;
		margin-left: 0;
	}
}

@media screen and (max-width: 768px) {
	.section-paragraph--seventh {
		height: auto;
		padding: 0;
		background: none;
	}
	.section-paragraph--seventh .section-paragraph__head {
		border-bottom: 1px solid #251814;
	}
	.section-paragraph--seventh .section-paragraph__head-text {
		padding-top: 62.8125vw;
		background-image: url(../img/sp/index/point_text02.png);
		background-size: 102% auto;
	}
	.section-paragraph--seventh .section-paragraph__body {
		text-align: center;
	}
	.section-paragraph--seventh .section-paragraph__body-youtube {
		display: block;
		width: auto;
		max-width: none;
		padding: 0 3.125vw;
		margin: 12.5vw 0;
	}
	.section-paragraph--seventh .section-paragraph__body-youtube img {
		width: 100%;
	}
}

.section-paragraph--no-arrow:after {
	display: none;
}

.section-paragraph__cassette {
	border-bottom: 1px solid #251814;
}

.section-paragraph__cassette-head {
	height: 0;
	padding-top: 0px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

.section-paragraph__cassette--first {
	box-sizing: border-box;
	height: 500px;
	padding: 50px 278px 0 80px;
	background: url(../img/pc/index/kind_short-img.png) 100% 0 no-repeat;
}

.section-paragraph__cassette--first .section-paragraph__cassette-head {
	padding-top: 189px;
	background-image: url(../img/pc/index/kind_heading01.png);
}

.section-paragraph__cassette--first .section-paragraph__cassette-body {
	width: 780px;
	padding-left: 10px;
	margin-top: 25px;
}

.section-paragraph__cassette--first .section-paragraph__cassette-body-text {
	letter-spacing: -.05em;
}

@media screen and (max-width: 1240px) {
	.section-paragraph__cassette--first {
		height: 40.32258vw;
		padding: 4.03226vw 22.41935vw 0 6.45161vw;
		background-size: auto 100%;
	}
	.section-paragraph__cassette--first .section-paragraph__cassette-head {
		padding-top: 15.24194vw;
		background-size: auto 100%;
	}
	.section-paragraph__cassette--first .section-paragraph__cassette-body {
		width: 62.90323vw;
		padding-left: 0.80645vw;
		margin-top: 2.01613vw;
	}
}

@media screen and (max-width: 768px) {
	.section-paragraph__cassette--first {
		box-sizing: border-box;
		height: auto;
		padding: 42.1875vw 0 0;
		background-image: url(../img/sp/index/kind_short-img.png);
		background-size: 100% auto;
	}
	.section-paragraph__cassette--first .section-paragraph__cassette-head {
		padding-top: 32.8125vw;
		border-top: 1px solid #251814;
		background-image: url(../img/sp/index/kind_heading01.png);
		background-position: 50% 50%;
		background-size: auto 23.69687vw;
	}
	.section-paragraph__cassette--first .section-paragraph__cassette-body {
		width: auto;
		padding: 3.125vw 9.375vw 6.25vw;
		margin-top: 0;
	}
}

.section-paragraph__cassette--second {
	box-sizing: border-box;
	padding: 40px 0 0 80px;
	background-color: rgba(0, 0, 0, 0.1);
}

.section-paragraph__cassette--second .section-paragraph__cassette-head {
	padding-top: 57px;
	background-image: url(../img/pc/index/kind_heading02.png);
}

.section-paragraph__cassette--second .section-paragraph__cassette-body {
	box-sizing: border-box;
	height: 413px;
	padding: 52px 270px 0 0;
	background: url(../img/pc/index/kind_compare-img.png) 100% 100% no-repeat;
}

.section-paragraph__cassette--second .section-paragraph__cassette-body:after {
	content: "";
	display: block;
	clear: both;
}

.section-paragraph__cassette--second .section-paragraph__cassette-body-text {
	float: left;
	box-sizing: border-box;
	width: 305px;
	padding-left: 10px;
	letter-spacing: -.05em;
}

.section-paragraph__cassette--second .section-paragraph__cassette-body .section-paragraph__body-youtube {
	float: right;
}

@media screen and (max-width: 1240px) {
	.section-paragraph__cassette--second {
		padding-top: 3.22581vw;
		padding-left: 6.45161vw;
	}
	.section-paragraph__cassette--second .section-paragraph__cassette-head {
		padding-top: 4.59677vw;
		background-size: auto 100%;
	}
	.section-paragraph__cassette--second .section-paragraph__cassette-body {
		height: 33.30645vw;
		padding-top: 3.22581vw;
		padding-right: 22.41935vw;
		background-size: 23.70968vw auto;
	}
	.section-paragraph__cassette--second .section-paragraph__cassette-body-text {
		width: 24.59677vw;
		padding-left: 0.80645vw;
	}
	.section-paragraph__cassette--second .section-paragraph__cassette-body .section-paragraph__body-youtube {
		float: none;
		display: block;
		margin-left: 25vw;
	}
}

@media screen and (max-width: 768px) {
	.section-paragraph__cassette--second {
		padding: 6.25vw 0;
		background-color: transparent;
	}
	.section-paragraph__cassette--second .section-paragraph__cassette-head {
		padding-top: 14.0625vw;
		background-image: url(../img/sp/index/kind_heading02.png);
		background-size: auto 100%;
		margin: 0 9.375vw;
	}
	.section-paragraph__cassette--second .section-paragraph__cassette-body {
		box-sizing: border-box;
		height: auto;
		padding: 9.375vw 0 6.25vw;
		background: none;
	}
	.section-paragraph__cassette--second .section-paragraph__cassette-body-text {
		float: none;
		width: auto;
		padding: 0 9.375vw;
	}
	.section-paragraph__cassette--second .section-paragraph__cassette-body .section-paragraph__body-youtube {
		float: none;
		display: block;
		width: auto;
		padding: 0 3.125vw;
		margin: 9.375vw 0 0;
	}
	.section-paragraph__cassette--second .section-paragraph__cassette-body .section-paragraph__body-youtube img {
		width: 100%;
	}
}

/*  section-product
--------------------------------------------- */
.section-product__upper {
	box-sizing: border-box;
	height: 505px;
	padding: 70px 80px 0 430px;
	background: url(../img/pc/index/kind_banzai-img.png) 0 0 no-repeat;
}

.section-product__upper-head {
	background-image: url(../img/pc/index/kind_heading03.png);
	height: 0;
	padding-top: 155px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	background-position: 100% 0;
}

.section-product__upper-body {
	margin-top: 110px;
}

@media screen and (max-width: 1240px) {
	.section-product__upper {
		height: auto;
		padding: 5.64516vw 6.45161vw 0 34.67742vw;
		background-position: -8.06452vw 0;
		background-size: auto 100%;
	}
	.section-product__upper-head {
		padding-top: 12.5vw;
		background-position: 100% 0;
		background-size: auto 100%;
	}
	.section-product__upper-body {
		padding-bottom: 3.22581vw;
		margin-top: 6.45161vw;
	}
}

@media screen and (max-width: 768px) {
	.section-product__upper {
		height: auto;
		padding: 6.25vw;
		border-bottom: 1px solid #251814;
		background: none;
	}
	.section-product__upper-head {
		padding-top: 14.375vw;
		background-image: url(../img/sp/index/kind_heading03.png);
		background-position: 3.125vw 0;
		background-size: auto 100%;
	}
	.section-product__upper-body {
		padding-bottom: 0;
		margin-top: 3.125vw;
	}
}

.section-product__lower-head {
	background-image: url(../img/pc/index/heading_technology.png);
	height: 0;
	padding-top: 70px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

.section-product__lower-body {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	        justify-content: space-between;
	padding: 30px 80px 50px;
}

.section-product__lower-cassette {
	width: 320px;
}

.section-product__lower-cassette-image.pc-only {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.section-product__lower-cassette-image.sp-only {
	display: none;
}

.section-product__lower-cassette-head {
	margin-bottom: 5px;
	height: 0;
	padding-top: 0px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

.section-product__lower-cassette-head--left {
	padding-top: 60px;
	background-image: url(../img/pc/index/kind_product-text01.png);
}

.section-product__lower-cassette-head--center {
	padding-top: 60px;
	background-image: url(../img/pc/index/kind_product-text02.png);
}

.section-product__lower-cassette-head--right {
	padding-top: 60px;
	background-image: url(../img/pc/index/kind_product-text03.png);
}

.section-product__lower-cassette-body {
	letter-spacing: -.05em;
	font-size: 0.75rem;
}

.section-product__lower-cassette-caption {
	text-align: left;
}

@media screen and (max-width: 1240px) {
	.section-product__lower-head {
		padding-top: 5.64516vw;
		background-size: auto 100%;
	}
	.section-product__lower-body {
		padding: 2.41935vw 3.22581vw 4.03226vw;
	}
	.section-product__lower-cassette {
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -webkit-box;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		        flex-direction: column;
		-webkit-box-pack: justify;
		        justify-content: space-between;
		padding: 0 0.80645vw;
	}
	.section-product__lower-cassette-head {
		margin-bottom: 0.80645vw;
		height: 0;
		padding-top: 0px;
		background-position: 0 0;
		background-repeat: no-repeat;
		overflow: hidden;
		background-size: auto 100%;
	}
	.section-product__lower-cassette-head--left {
		padding-top: 4.83871vw;
	}
	.section-product__lower-cassette-head--center {
		padding-top: 4.83871vw;
	}
	.section-product__lower-cassette-head--right {
		padding-top: 4.83871vw;
	}
	.section-product__lower-cassette-image.pc-only {
		margin-right: auto;
		margin-left: auto;
	}
}

@media screen and (max-width: 768px) {
	.section-product__lower-head {
		background-image: url(../img/sp/index/heading_technology.png);
		padding-top: 25.625vw;
	}
	.section-product__lower-body {
		display: block;
		padding: 0;
	}
	.section-product__lower-cassette {
		box-sizing: border-box;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		        flex-direction: column-reverse;
		-webkit-box-pack: start;
		        justify-content: flex-start;
		width: 100%;
		padding: 4.6875vw 9.375vw 0;
		border-bottom: 1px solid #251814;
	}
	.section-product__lower-cassette-image.pc-only {
		display: none;
	}
	.section-product__lower-cassette-image.sp-only {
		display: block;
		height: 56.25vw;
		margin-right: auto;
		margin-bottom: -0.625vw;
		margin-left: auto;
	}
	.section-product__lower-cassette:first-child .section-product__lower-cassette-image.sp-only {
		height: 38.75vw;
		margin-bottom: 12.5vw;
	}
	.section-product__lower-cassette-head {
		background-size: auto 100%;
		margin-bottom: 6.25vw;
	}
	.section-product__lower-cassette-head--left {
		padding-top: 14.375vw;
		background-image: url(../img/sp/index/kind_product-text01.png);
	}
	.section-product__lower-cassette-head--center {
		padding-top: 14.375vw;
		background-image: url(../img/sp/index/kind_product-text02.png);
	}
	.section-product__lower-cassette-head--right {
		padding-top: 14.375vw;
		background-image: url(../img/sp/index/kind_product-text03.png);
	}
	.section-product__lower-cassette-body {
		letter-spacing: -.05em;
		font-size: inherit;
	}
	.section-product__lower-cassette-caption {
		margin-bottom: 3.125vw;
	}
}

.section-product__table {
	width: 100%;
	line-height: 1.0;
	table-layout: fixed;
	font-size: 0.875rem;
}

.section-product__table-caption {
	padding: 8px 0;
	text-align: right;
}

.section-product__table-head {
	background-color: #b6b6b6;
}

.section-product__table-row-head {
	box-sizing: border-box;
	width: calc(100% / 4);
	padding: 8px;
	border: 1px solid #a6a6a6;
	text-align: center;
	color: #666;
}

.section-product__table-row-body {
	box-sizing: border-box;
	width: calc(100% / 4);
	padding: 8px;
	border: 1px solid #a6a6a6;
	text-align: center;
	color: #666;
}

.section-product__table-row-body--em {
	color: #B71B30;
	font-weight: bold;
}

.section-product__table-row :nth-of-type(1),
.section-product__table-row :nth-of-type(3) {
	width: 25%;
}

.section-product__table-row :nth-of-type(2) {
	width: 21%;
}

.section-product__table-row :nth-of-type(4) {
	width: 29%;
}

@media screen and (max-width: 768px) {
	.section-product__table {
		line-height: 1.0;
		font-size: inherit;
	}
	.section-product__table-caption {
		padding: 0 0 1.5625vw;
		text-align: right;
		font-size: 0.5rem;
	}
	.section-product__table-head {
		font-size: 0.5625rem;
	}
	.section-product__table-body {
		font-size: 0.6875rem;
	}
	.section-product__table-row-head {
		padding: 2.5vw 1.5625vw;
	}
	.section-product__table-row-body {
		padding: 2.5vw 1.5625vw;
	}
}

/* ---------------------------------------------
*   subvisual
--------------------------------------------- */
.subvisual {
	height: 505px;
}

@media screen and (max-width: 1240px) {
	.subvisual {
		height: 40.72581vw;
	}
}

@media screen and (max-width: 768px) {
	.subvisual {
		height: auto;
	}
}

/*  subvisual-container
--------------------------------------------- */
.subvisual-container {
	position: relative;
	height: 100%;
	background: url(../img/pc/index/sub_visual-bg.png) 0 0 no-repeat;
	max-width: 1240px;
	margin-right: auto;
	margin-left: auto;
}

.subvisual-container:after {
	content: "";
	display: block;
	clear: both;
}

@media screen and (max-width: 768px) {
	.subvisual-container {
		width: auto;
		max-width: none;
	}
}

@media screen and (max-width: 1240px) {
	.subvisual-container {
		background-size: 100% auto;
	}
}

@media screen and (max-width: 768px) {
	.subvisual-container {
		background: none;
	}
}

/*  subvisual-head
--------------------------------------------- */
.subvisual-head {
	position: absolute;
	top: 28px;
	right: 60px;
}

.subvisual-head__text {
	width: 387px;
	background: url(../img/pc/index/sub_visual-heading.png) 0 0 no-repeat;
	height: 0;
	padding-top: 126px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

@media screen and (max-width: 1240px) {
	.subvisual-head {
		position: absolute;
		top: 2.25806vw;
		right: 4.83871vw;
	}
	.subvisual-head__text {
		width: 31.20968vw;
		padding-top: 10.16129vw;
		background-size: 100% auto;
	}
}

@media screen and (max-width: 768px) {
	.subvisual-head {
		position: static;
		top: auto;
		right: auto;
	}
	.subvisual-head__text {
		width: auto;
		padding-top: 62.5vw;
		border-bottom: 1px solid #251814;
		background-image: url(../img/sp/index/sub_visual.png);
		background-size: 101% auto;
	}
}

/*  subvisual-body
--------------------------------------------- */
.subvisual-body {
	position: absolute;
	top: 180px;
	right: 60px;
	text-align: right;
}

.subvisual-body__text {
	width: 829px;
	background: url(../img/pc/index/sub_visual-txt.png) 0 0 no-repeat;
	height: 0;
	padding-top: 32px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

.subvisual-body__graph {
	display: inline-block;
	width: 453px;
	background: url(../img/pc/index/sub_visual-graph.png) 0 0 no-repeat;
	margin: 24px 140px 0 0;
	height: 0;
	padding-top: 253px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
}

@media screen and (max-width: 1240px) {
	.subvisual-body {
		top: 14.51613vw;
		right: 4.83871vw;
	}
	.subvisual-body__text {
		width: 66.85484vw;
		padding-top: 2.58065vw;
		background-size: 100% auto;
	}
	.subvisual-body__graph {
		width: 36.53226vw;
		padding-top: 20.40323vw;
		background-size: 100% auto;
		margin-top: 1.93548vw;
		margin-right: 11.29032vw;
	}
}

@media screen and (max-width: 768px) {
	.subvisual-body {
		position: static;
		top: auto;
		right: auto;
		padding: 0;
		text-align: center;
		background-color: #626263;
	}
	.subvisual-body__text {
		display: none;
	}
	.subvisual-body__graph {
		display: block;
		width: auto;
		padding-top: 84.76562vw;
		background-image: url(../img/sp/index/sub_visual-graph.png);
		background-size: 100% auto;
		margin: 0;
	}
}

/* ==========================================================
*
*   page
*
========================================================== */