@charset "utf-8";


/* ------------------------------------------------------------------------------------------------------------------ */

.loading {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,1.0);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20000;
}

.loading div {
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
}

.loading .image {
	display: block;
	width: 250px;
	height: auto;
}

.loading span.text {
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 39px;
	left: 1px;
}

.loading span.icon-rogo {
	font-size: 43px;
	position: absolute;
	top: 66px;
	left: 24px;
}



/* ------------------------------------------------------------------------------------------------------------------ */

 #contents {
	margin: 0;
	padding: 0;
 }


 #main-contents {
	width: 100%;
 }

 #side-contents {
	display: none;
	margin-top: 10px;
 }

 slider {
	display: block;
 }

 /*.in h1 .icon {
	margin: 5px;
 }*/

/*===============================================
●トップページ
===============================================*/
 /*#contents {
	margin-top: 40px;
 }*/

 .in {
	margin: 0 auto;
	padding: 20px 0;
	/*margin: 0 auto 30px;*/
 }

 .inbox {
	margin: 0 auto;
 }

 .in .tit {
	/*display: table;*/
	/*width: 100%;*/
	padding-bottom: 5px;
	position: relative;
	margin: 0 auto;
	text-align: center;
 }

 .in .tit h1, .in .tit a {
	/*display: table-cell;*/
 }

 .in a {
	text-decoration: none;
 }

 .in h1 {
	text-align: center;
	color: #000;
	/*font-family: "MS PMincho",serif;*/
	font-weight: bold;
	margin: 5px 0;
	position: relative;
 }

 .in .tit h1 .tit-bg {
	display: inline-block;
 }

 .in .tit a {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0 auto;
	text-align: center;
 }

 .line {
	height: 3px;
	background: #003448;
	margin-bottom: 10px;
	position: relative;
 }

 .line:after {
	width: 100%;
	height: 10px;
	content: "";
	background: linear-gradient(135deg, #003448 5px, transparent 0), 
				linear-gradient(225deg, #003448 5px, transparent 0);
	background-size: 10px 10px;
	position: absolute;
	top: 2px;
 }


/*---------------------------------------------------- */
 .img {
	display: block;
	width: 100%;
	background-color: #ccc;
 }

 .in ul {
	width: 100%;
	padding: 0;
	list-style-type: none;
	display: flex;
 }

 .in li {
	vertical-align: middle;
	margin: 0.5% auto;
	margin-bottom: 6px;
 }

/*---------------------------------------------------- */

/*===============================================
※重要なお知らせ
===============================================*/
 .in.important .inbox div a {
	width: 99%;
	display: inline-block;
	color: #000; 
	padding: 25px 0;
	/*border: double 6px #1C8A43;*/
	border: double 6px #dc0000;
	text-align: center;
 }

 .in.important .inbox div a:hover {
	/*color: rgb(0, 103, 117); */
	text-decoration: underline;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
 }


/*===============================================
○お知らせ
===============================================*/
 .in.topic {	
	/*margin-top: 25px;*/
	background: #fff;
 }
 
 .in.topic p {	
	line-height: 1.7;
 }


/*===============================================
○製品・サービス
===============================================*/
 .in.pro {
	background: rgba(0, 184, 97 , 0.1);
	/*padding: 5px 0 30px;*/
 }

 .in.pro ul {
	flex-wrap: wrap;
 }

 .in.pro li {
	display: block;
	color: #FFF;
	text-align: center;
 }

 .in.pro li a {
	text-decoration: none;
 }

 .in.pro li p {
	background: #68B04D;
	/*background: rgba(104, 176, 77, 0.7);*/
	background: rgba(104, 176, 77, 0.85);
	color: #FFF;
	margin: 0;
	padding: 8px 0;
 }

 .in.pro li.duct1 .img {
	padding: 50% 0;
 }

 .in.pro li.duct2 .img {
	padding: 24.5% 0;
 }

 .in.pro a:hover .img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
 }


/*===============================================
○動画一覧
===============================================*/
 .in.vid {
	background: rgba(0, 184, 97 , 0.1);
	padding: 0px 0px 30px;
 }
 
 .in.vid ul, .vid ul li {
	margin: 0;
 }

 .in.vid li {
	/*width: 32.66%;*/
	width: 100%;
	position: relative;
 }

 .in.vid li a div.box-shadow {
    overflow: hidden;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
 }

 .in.vid .img {
    width: 100%;
 }

 .in.vid a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
 }

 .in.vid li:first-child {
	margin-left: 0;
 }

 .in.vid li:last-child {
	margin-right: 0;
 }

 .in.vid li .tit {	
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
}

 .in.vid .tit .tit-bg, .in.vid a:hover .tit .tit-bg {	
	/*background: #b8ebff;
	box-shadow: 0px 0px 10px 10px #b8ebff;*/
	background: #d9d9d9;
	box-shadow: 0px 0px 10px 10px #d9d9d9;
}


/*===============================================
○当社の強み
===============================================*/
 .in.str {
	background: rgba(0, 133, 184, 0.8);
	padding: 0;
 }

 .in.str ul, .str ul li {
	margin: 0;
 }

 .in.str li {
	/*width: 32.66%;*/
	width: 100%;
	position: relative;
 }

 .in.str li a div.box-shadow {
    overflow: hidden;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
 }

 .in.str .img {
    width: 100%;
	padding: 18% 0;
 }

 .in.str li:first-child {
	margin-left: 0;
 }

 .in.str li:last-child {
	margin-right: 0;
 }

 .in.str li .tit {	
	text-align: center;
	margin: 0 auto;
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
}

 .in.str .tit .tit-bg, .in.str a:hover .tit .tit-bg {	
	/*background: #b8ebff;
	box-shadow: 0px 0px 10px 10px #b8ebff;*/
	background: #d9d9d9;
	box-shadow: 0px 0px 10px 10px #d9d9d9;
}


/*===============================================
○他ページ
===============================================*/
 .in.other li div {
	border-radius: 50%;
    overflow: hidden;
 }

 .in.other li .img {
	border-radius: 50%;
	padding: 50% 0;
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
 }

 .in.other li .img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

 .in.other li h1 {
	background: rgba(104, 176, 77, 0.4);
	text-align: center;
	padding: 35px;
 }

 .in.other a:hover h1 {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
 }

 .in.other .icon.icon-more-arrow {
	color: #fbb362;
 }


/*===============================================
○お問い合わせ／カタログダウンロード
===============================================*/

 .in.cd li h1 {
	background: #1c8a43;
	color: #fff;
	padding: 35px;
 }

 .in.cd li a:hover h1 {
	background: #68b04d;
 }


/*===============================================
○今月の営業日
===============================================*/

div#index-calendar table:first-child {
	margin: 2% auto 0 0;
}

div#index-calendar table:last-child {
	margin: 2% 0 auto 0;
}

 #index-calendar .holiday {
	color: #666;
 }