@charset "UTF-8";
/* CSS Document */

/* ************************************************************
MAIN-VISUAL
************************************************************ */	

#main-visual{
	width: 100%;
	margin: 0 auto;
}
#main-visual .main-visual{
	width: 100%;
	height: 500px;
	margin: 0 auto;
	background: url("../img/equipment/main-visual.png");
	background-size: cover;
	background-position: right;
}
#main-visual .main-visual .t-group{
	width: 100%;
	margin: 0 auto;
	padding: 10% 0 0 3%;
}
#main-visual .main-visual .t-group h1{
	width: 100%;
	margin: 0 auto;
	font-size: 52px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	color: #000;
	letter-spacing: 2px;
}	
#main-visual .main-visual .t-group h1 .underline{
	border-bottom: solid 2px #000;
	padding: 0 0 0.5% 0;
}	
#main-visual .main-visual .t-group h1 .blue{
	color: #06729f;
}	
#main-visual .main-visual .t-group h2{
	width: 100%;
	margin: 0 auto;
	padding: 3% 0 0 0;
	font-size: 20px;
	color: #000;
}	
/* ▼▼▼▼▼▼▼▼MaxWidth1400(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1400px) {
 /* ************** */
#main-visual .main-visual{
	height: 400px;
}

#main-visual .main-visual .t-group h1{
	font-size: 45px;
}	
#main-visual .main-visual .t-group h2{
	font-size: 18px;
}	

 /* *************** */
	}
/* ▼▼▼▼▼▼▼▼MaxWidth1200(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1200px) {
 /* ************** */
#main-visual .main-visual{
	height: 350px;
}

 /* *************** */
	}
/* ▼▼▼▼▼▼▼▼MaxWidth1000(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1000px) {
 /* ************** */
#main-visual .main-visual{
	height: 250px;
}
#main-visual .main-visual .t-group h1{
	font-size: 40px;
}	
#main-visual .main-visual .t-group h1 .underline{
	padding: 0 0 01% 0;
}	
#main-visual .main-visual .t-group h2{
	font-size: 15px;
	padding: 4% 0 0 0;
}	

 /* *************** */
	}
/* ▼▼▼▼▼▼▼▼MaxWidth768(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 768px) {
 /* ************** */
#main-visual .main-visual{
	background: url("../img/equipment/main-visual_mb.png");
	background-size: cover;
	background-position: right;
}
#main-visual .main-visual .t-group h1{
	font-size: 35px;
}	
#main-visual .main-visual .t-group h1 .underline{
	padding: 0 0 01% 0;
}	
#main-visual .main-visual .t-group h2{
	font-size: 15px;
	padding: 5% 0 0 0;
}	
 /* *************** */
	}
/* ▼▼▼▼▼▼▼▼MaxWidth500(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 500px) {
 /* ************** */
#main-visual .main-visual .t-group{
	padding: 10% 0 0 5%;
}
#main-visual .main-visual .t-group h1{
	font-size: 30px;
}	
#main-visual .main-visual .t-group h1 .underline{
	padding: 0 0 01% 0;
}	
#main-visual .main-visual .t-group h2{
	font-size: 14px;
	padding: 6% 0 0 0;;
}	
 /* *************** */
}


/* ************************************************************
BLOCK01
************************************************************ */	

#block01{
	width: 100%;
	margin: 0 auto;
}
#block01 .block01{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0;
}
#block01 .block01 .t-group{
	width: 100%;
	margin: 0 auto;
	padding: 13% 0 0 5%;
}
#block01 .block01 .t-group h2{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-size: 30px;
}
#block01 .block01 .t-group h3{
	width: 100%;
	margin: 0 auto;
	padding: 5% 0 0 0;
	font-size: 18px;
	letter-spacing: 1.5px;
	line-height: 1.5;
}

/* ▼▼▼▼▼▼▼▼MaxWidth1400(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1400px) {
 /* ************** */
#block01 .block01 .t-group h2{
	font-size: 25px;
}
#block01 .block01 .t-group h3{
	padding: 3% 0 0 0;
	font-size: 16px;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1200(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1200px) {
 /* ************** */
#block01 .block01 .t-group h2{
	font-size: 23px;
}
#block01 .block01 .t-group h3{
	padding: 3% 0 0 0;
	font-size: 14px;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1000(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1000px) {
 /* ************** */
#block01 .block01 .t-group h2{
	font-size: 20px;
}
#block01 .block01 .t-group h3{
	padding: 3% 0 0 0;
	font-size: 13px;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth640(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 640px) {
 /* ************** */
#block01 .block01 .t-group{
	width: 100%;
	margin: 0 auto;
	padding: 13% 10% 0 10%;
}
#block01 .block01 .t-group h2{
	font-size: 20px;
	text-align: center;
}
#block01 .block01 .t-group h3{
	padding: 5% 0 0 0;
	font-size: 13px;
	text-align: center;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */
#block01 .block01 .t-group h2{
	font-size: 18px;
}
#block01 .block01 .t-group h3{
	padding: 6% 0 0 0;
	font-size: 12px;
	text-align: justify;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth380(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 380px) {
 /* ************** */
#block01 .block01 .t-group h2{
	font-size: 16px;
}
#block01 .block01 .t-group h3{
	padding: 6% 0 0 0;
	font-size: 12px;
	text-align: justify;
}
 /* *************** */
}










/* ************************************************************
BLOCK02
************************************************************ */	
#block02{
	width: 100%;
	margin: 10%  auto 0;
	background: #cedce2;
}
#block02 .block02{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 5%;
}
#block02 .block02 .b2-group{
	width: 100%;
	margin: 0 auto;
	padding: 12% 0;
	position: relative;
}

#block02 .block02 .b2-group .name{
	width: 100%;
	margin: 0 auto;
	padding: 10% 0 0 0;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 1.5px;
}
#block02 .block02 .b2-group .name:first-of-type{
	padding: 0;
}
#block02 .block02 .b2-group .explanation{
	width: 100%;
	margin: 0 auto;
	padding: 2% 45% 0 0;
	font-size: 20px;
	letter-spacing: 1.5px;
	line-height: 1.5;
}


#block02 .block02 .b2-group .sub-name{
	padding: 5% 0 0 3%;
	font-size: 18px;
}
#block02 .block02 .b2-group .equio-photo{
	position: absolute;
}
#block02 .block02 .b2-group .equio-photo:first-of-type{
	top: -10%;
	right: 5%;
}
#block02 .block02 .b2-group .equio-photo:nth-of-type(2){
	top: 9%;
	right: 5%;
}
#block02 .block02 .b2-group .equio-photo:nth-of-type(3){
	top: 28%;
	right: 5%;
}
#block02 .block02 .b2-group .equio-photo:nth-of-type(4){
	top: 47%;
	right: 5%;
}
#block02 .block02 .b2-group .equio-photo:nth-of-type(5){
	top: 66%;
	right: 5%;
}
#block02 .block02 .b2-group .equio-photo:nth-of-type(6){
	top: 85%;
	right: 5%;
}

/* ▼▼▼▼▼▼▼▼MaxWidth1400(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1400px) {
 /* ************** */
#block02 .block02 .b2-group{
	width: 100%;
	margin: 0 auto 10%;
	padding: 12% 0;
	position: relative;
}
#block02 .block02 .b2-group .name{
	padding: 10% 0 0 0;
	font-size: 18px;
}
#block02 .block02 .b2-group .explanation{
	padding: 2% 45% 0 0;
	font-size: 16px;
}


#block02 .block02 .b2-group .sub-name{
	padding: 5% 0 0 3%;
	font-size: 16px;
}
#block02 .block02 .b2-group .equio-photo{
	position: absolute;
}
#block02 .block02 .b2-group .equio-photo:first-of-type{
	top: -12%;
}
#block02 .block02 .b2-group .equio-photo:nth-of-type(2){
	top: 10%;
}
#block02 .block02 .b2-group .equio-photo:nth-of-type(3){
	top: 32%;
}
#block02 .block02 .b2-group .equio-photo:nth-of-type(4){
	top: 54%;
}
#block02 .block02 .b2-group .equio-photo:nth-of-type(5){
	top: 76%;
}
#block02 .block02 .b2-group .equio-photo:nth-of-type(6){
	top: 98%;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1200(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1350px) {
 /* ************** */
#block02 .block02 .b2-group .equio-photo{
	width: 23%;
}
 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1200(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1200px) {
 /* ************** */
#block02 .block02 .b2-group .name{
	padding: 10% 0 0 0;
	font-size: 18px;
}
#block02 .block02 .b2-group .explanation{
	padding: 2% 45% 0 0;
	font-size: 14px;
}


#block02 .block02 .b2-group .sub-name{
	padding: 5% 0 0 3%;
	font-size: 14px;
}
#block02 .block02 .b2-group .equio-photo{
	width: 23%;
}
#block02 .block02 .b2-group .equio-photo:first-of-type{
	top: -8%;
}
#block02 .block02 .b2-group .equio-photo:nth-of-type(2){
	top: 13%;
}
#block02 .block02 .b2-group .equio-photo:nth-of-type(3){
	top: 34%;
}
#block02 .block02 .b2-group .equio-photo:nth-of-type(4){
	top: 55%;
}
#block02 .block02 .b2-group .equio-photo:nth-of-type(5){
	top: 76%;
}
#block02 .block02 .b2-group .equio-photo:nth-of-type(6){
	top: 97%;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth1000(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 1000px) {
 /* ************** */

#block02 .block02 .b2-group .name{
	padding: 10% 0 0 0;
	font-size: 16px;
}
#block02 .block02 .b2-group .explanation{
	padding: 2% 45% 0 0;
	font-size: 13px;
}


#block02 .block02 .b2-group .sub-name{
	padding: 5% 0 0 3%;
	font-size: 13px;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth640(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 640px) {
 /* ************** */
#block02 .block02{
	padding: 0 10%;
}
#block02 .block02 .b2-group{
	padding: 0 0 12% 0;
}
#block02 .block02 .b2-group .equio-photo{
	width: 60%;
	position: initial;
	margin: 0 auto;
	text-align: center;
}
#block02 .block02 .b2-group .equio-photo img{
	width: 100%;
	padding: 20% 0 0 0;
}
#block02 .block02 .b2-group .name{
	padding: 7% 0 0 0;
	font-size: 16px;
	text-align: center;
}
#block02 .block02 .b2-group .name:first-of-type{
	padding: 7% 0 0 0;
}
#block02 .block02 .b2-group .explanation{
	padding: 5% 0 0 0;
	font-size: 13px;
	text-align: justify;
}


#block02 .block02 .b2-group .sub-name{
	display: none;
}

 /* *************** */
}
/* ▼▼▼▼▼▼▼▼MaxWidth480(mobile)▼▼▼▼▼▼▼▼ */

@media screen and (max-width: 480px) {
 /* ************** */
#block02 .block02 .b2-group .equio-photo{
	width: 100%;
}
#block02 .block02 .b2-group .name{
	font-size: 14px;
}
#block02 .block02 .b2-group .explanation{
	font-size: 12px;
}


#block02 .block02 .b2-group .sub-name{
	display: none;
}

 /* *************** */
}