@charset "UTF-8";
/* ######################################################################################

　その他設備

###################################################################################### */
/* ====================================================
  共通
==================================================== */
.pageEother .wallBelt.topZero{
    padding-top: 0;
}
.pageEother .equipment h3 { font-weight: normal; font-size: 180%; margin-bottom: 20px;}
.pageEother .equipment .equipList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.pageEother .equipList:before{
	content:"";
	display:block;
	/*width: 32%;*/
	width: 47.5%;
	height:0;
	order:1;
}		
.pageEother .equipList:after{
	content:"";
	display:block;
	/*width: 32%;*/
	width: 47.5%;
	height:0;
}	
.pageEother .equipList .list{
	/*width: 32%;*/
	width: 47.5%;
	vertical-align: top;
	margin-bottom: 30px;
	text-align: left;
}
.pageEother .equipment .titleBg {
	display: block;
	background: #284c5d;
	color: #fff;
	text-align: center;
	font-family: Arial, Helvetica, "sans-serif";
	padding: 8px;
	margin-bottom: 15px;
	letter-spacing: 0.075em;
	border-radius: 4px 4px 0 0;
}

.pageEother .equipList .list dt { margin-bottom: 10px; position: relative;}
.pageEother .equipList .list dt img { margin-bottom: 10px;}
.pageEquipment .equipList .list dd {}

.pageEother .equipList .list img { /*width: 100%;*/ height: auto;}
.pageEother .equipment .text{font-size: 14px; line-height: 1.5; text-align: left; margin-top: 10px;}
.pageEother .equipment .text .small{font-size: 11px; display: block;}
.pageEother .equipment .list dt span { font-size: 11px; text-align: right; display: block;}

@media print, screen and (max-width: 809px) {
	.pageEother .equipList .list { width: 100%;}
	pageEotherot .equipList .list img { width: 85%; margin: auto;}
	.pageEother .equipList .list dt { font-size: 120%;}
}


.pabbit { margin-top: 60px;}
.pabbit .titleflex { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 15px;}
.pabbit .titleflex .text { font-size: 40px; margin: 0 15px;}
.pabbit .titleflex .text span { display: block; font-size: 50%;}
.pabbit .titleflex .logo { margin: 0 15px;}
.pabbit p { text-align: left; font-size: 110%;}
.pabbit p img { margin-top: 15px;}
.pabbit p.att { font-size: 80%; margin-top: 15px;}

@media screen and (max-width: 767px) {
	.pabbit .titleflex .text { font-size: 30px; margin: 15px auto; text-align: center;}
	.pabbit .titleflex .logo { width: 50%; margin: 15px auto;}
	.pabbit p { font-size: 120%;}
}

.tebura { background: #7b7a6c; color: #fff;}
.tebura h3 { font-weight: normal; font-size: 180%; margin-bottom: 20px;}
.tebura .titleflex { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 15px; text-align: left;}
.tebura .titleflex .text { font-size:180%; margin: 0 15px; width: 60%;}
.tebura .titleflex .text p { display: block; font-size: 60%;}
.tebura .titleflex .logo { margin: 0 15px;}
.tebura ul.teburalist {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.tebura ul.teburalist li { width: 28%; text-align: left;}
.tebura ul.teburalist li:first-child { width: 40%;}
.tebura ul.teburalist li h4 { border: solid 1px #fff; padding: 8px; text-align: center; margin-bottom: 10px; font-weight: normal;}
.tebura ul.teburalist li .teburaimg { margin-top: 10px; text-align: center;}

@media screen and (max-width: 767px) {
	.tebura .titleflex .text { width: 100%;}
	.tebura .titleflex .logo { width: 50%; margin:15px auto;}
	.tebura ul.teburalist { display: block; font-size: 120%;}
	.tebura ul.teburalist li,
	.tebura ul.teburalist li:first-child{ width: 100%; margin-bottom: 25px;}
	.tebura ul.teburalist li .teburaimg img { margin: auto;}
	.tebura .titleflex .text p { font-size: 70%;}
}


/* ====================================================
  attention
==================================================== */
.pageEother .attentionList li{font-size: 80%; line-height: 1.7;}

@media print, screen and (min-width: 768px) {
	.pageEother .attention{text-align: left;padding: 3em 0 0;}
}
@media screen and (max-width: 767px) {
	.pageEother .attention{text-align: left;padding: 2em 1em;}
}


/* end */