@charset "utf-8";

section#sub_pagettl{
	background-image: url(../img/subttl_equip.png);
}

#sect_equip{}
.equip_list>*{
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 100%;
	padding-top: 3em;
	padding-bottom: 3em;
	background-color: #f3f3f3;
	color: #000000;
}
.equip_list>*:nth-child(2n){
	background-color: #FFFFFF;
}
.equip_list>* [class^="wth_"]{
/*
	background-color: rgba(255,255,255,0.50);
	padding-top: 2em;
	padding-bottom: 2em;
*/
}

.equip_list li#equip_smith{	background-image: url("../img/eq-video/equip_bg01.png");}
.equip_list li#equip_dumb{	background-image: url("../img/eq-video/equip_bg02.png");}
.equip_list li#equip_bench{	background-image: url("../img/eq-video/equip_bg03.png");}
.equip_list li#equip_mat{ background-image: url("../img/eq-video/equip_bg04.png");}
.equip_list li#equip_balance{ background-image: url("../img/eq-video/equip_bg05.png");}
.equip_list li#equip_bike{	background-image: url("../img/eq-video/equip_bg06.png");}


.equip_list>* h3{
	font-size: 2rem;
	text-align: center;
	padding-bottom: 1em;
}
.equip_list>* h3 small{
	display: block;
	font-size: 50%;
	color: #818181;
	font-weight: bold;
}
.equip_list>* .equip_txt{
	line-height: 2em;
}
.equip_list>* .btn_box{
	padding-top: 2.5em;
}


section#sect_others{}
section#sect_others ul.others_list{
	border: 8px solid #DADADA;
	overflow: hidden;
	display:flex;
}
section#sect_others ul.others_list li {
	width: 25%;
	border-right: 1px solid #DADADA;
	text-align: center;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	letter-spacing: 0em;
	font-size: 0.9em;
}
section#sect_others ul.others_list li:last-child{
	border-right-style: none;
}
section#sect_others ul.others_list li .mark_box{
	border-radius: 50%;
	background-color: #DA2429;
	width: 100px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom: 1em;
}
section#sect_others ul.others_list li .mark_box img{
	position: absolute;
	top: 0;bottom:0;left:0;right:0;
	margin: auto;
}

section#sect_vr .vrcontrol_txt{text-align: center; padding-bottom: 2em;}

/* ##### responsive ##### */
@media screen and (max-width: 760px) {

#sect_equip{}
.equip_list>*{
	padding-top: 0;
	background-size: auto 66vw;
	background-position: left top;
}
.equip_list>* h3{
	font-size: 1.5rem;
	text-align: center;
	padding-bottom: 1em;
	height: 66vw;
	padding-top: 25vw;
}
.equip_list>* .equip_txt{
	padding-top: 2em;
}
.equip_list>* .btn_box{
	padding-top: 2.5em;
}

section#sect_others{}
section#sect_others ul.others_list{
	border-style: none;
	overflow: hidden;
	display: block;
}
section#sect_others ul.others_list li {
	width: 100%;
	text-align: left;
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 0.9em;
	border-right-style: none;
	border-bottom: 1px solid #A4A4A4;
}
section#sect_others ul.others_list li:first-child{border-top: 1px solid #A4A4A4;}
section#sect_others ul.others_list li:last-child{
}
section#sect_others ul.others_list li .mark_box{
	width: 80px;
	height: 80px;
	margin-bottom: 0em;
	display: inline-block;
	vertical-align: middle;
	margin-right: 1.5em;
}
section#sect_others ul.others_list li .mark_box img{
	position: absolute;
	top: 0;bottom:0;left:0;right:0;
	margin: auto;
}
section#sect_others ul.others_list li p{
	display: inline-block;
	vertical-align: middle;
}

section#sect_vr .vrcontrol_txt{ font-size: 0.9em}
}