@charset "UTF-8";
/* ==================
● tb.css
================== */
@media screen and (min-width: 481px) and (max-width: 980px){
img{
max-width: 100%; height: auto; width /***/:auto; }
/*link*/
.link_01 {
	display: block; padding-top: 35px; margin-top: -35px; }

/* ==================
▼▼▼ header
================== */
/* 見出し */
#site-description{
     display: none !important; }
#header_inner{
     display: none !important; }

/* ==================
▼▼▼ footer
================== */
footer{
	width:100%; background-color:#bf272d; border-top: solid 20px #990000; margin-top:80px; padding:10px 0; }
footer #footer_L{ width:100%; text-align:center; margin-bottom:15px; }
footer #footer_R{ width:100%; text-align:center; margin-bottom:15px; }
footer a{ color:#fff; font-size:0.8em; }
/* ==================
▼▼▼ common
================== */
.PC{
     display: none !important; }
.PC-All{
     display: none !important; }
.PC-All_TB{
     display: none !important; }
.PC-S{
     display: none !important; }
.PC-S_TBSP{
     display: block !important; }
.TBSP{
     display: block !important; }
.TB{
     display: block !important; }
.SP{
     display: block !important; }

/* ==================
▼▼▼ レイアウト
================== */
.wrap {
	display: -webkit-box; display: -moz-box; display: -ms-flexbox;
	display: -webkit-flex; flex-wrap: wrap; }
/*----- contents */
.cont{
	width:90%; margin-left:auto; margin-right:auto; }
.cont_L{ 	width:100%; margin-right:0; }
.cont_R{ display: none !important; }
.inner_box01{
	width:92%;  margin-left:auto; margin-right:auto; margin-bottom:30px;
	line-height: 1.5em;  }
.inner_box01 ul { list-style-type: square; padding-left:20px; }
/*----- second */
.second_01L{ width:27%;  margin-right:3%; }
.second_01R{ width:70%; }

/*----------*/
.left { 
	text-align: left; }
.center {
	text-align: center; }
.right {
	text-align: right; }

.box_center{
	position: relative; align-items: center; display: flex;
	justify-content: center; text-align: justify; }

/* ==================
 ▼ space
================== */
.second_top_spc{
	margin-top:50px; }

.second_tti_spc{
	margin-top:30px; }
	
.right_10{
	padding-right: 10px; }
.left_10{
	padding-left: 10px; }
.right_20{
	padding-right: 20px; }
.left_20{
	padding-left: 20px; }

.top_50{
	margin-top:50px; }

.bottom_10{
	margin-bottom: 10px; }
.bottom_20{
	margin-bottom: 20px; }
.bottom_50{
	margin-bottom: 50px; }

.space_20{
	padding: 20px; }
.space_10{
	padding: 10px; }
.space-top_20{
	margin-top: 20px; }

/* ==================
▼▼▼ list
================== */
.list_01{ list-style-type: square; padding:20px 0 0 20px; }
.list_01 li{ width:33.333%; padding-bottom:5px; display: inline;}

/* ==================
▼▼▼ BackGrand
================== */
#index_bg{
	width: 100%; height: 320px; background-size:cover;
	background-image:url(../img/index_tti_tb.png); background-position: center; }
#company_bg{
	width: 100%; height: 200px; background-size:cover;
	background-image:url(../img/company_bg_tb.png); background-position: center; }
#cover_bg{
	width: 100%; height: 200px; background-size:cover;
	background-image:url(../img/cover_bg_tb.png); background-position: center; }
#contact_bg{
	width: 100%; height: 200px; background-size:cover;
	background-image:url(../img/contact_bg_tb.png); background-position: center; }	
#energysaving_bg{
	width: 100%; height: 200px; background-size:cover;
	background-image:url(../img/energysaving_bg_tb.png); background-position: center; }	
	
/* ==================
▲▲▲tb.css
================== */
}
@media screen and (min-width: 481px) and (max-width: 800px){
.second_01L{ width:100%; margin-right:0; margin-bottom:20px; text-align:center; }
.second_01R{ width:100%; }
}