@charset "utf-8";


/* ------------------------------------------------------------------------------------------------------------------ */
@media screen and (min-width: 781px) { 

 .head-rogo, .head-btn {
	padding: 10px 0;
 }

}

/*===============================================
●トップページ
===============================================*/
@media screen and (min-width: 1201px){ 

 #contents {
	/*width: 1030px;*/
	width: 100%;
 }

 .inbox {
	width: 1030px;
 }

}


@media screen and (max-width: 1200px){ 

 .inbox {
	/*width: 95%;*/
	width: 90%;
 }

}


@media screen and (min-width: 781px) { 

 .in .tit h1, .in .tit a {
	vertical-align: middle;
	/*position: relative;*/
 }

 .in h1 {
	/*font-size: 25px;*/
	font-size: 20px;
 }

 .in h1 .icon {
	font-size: 35px;
 }

}

@media screen and (max-width: 780px) { 

 .in .tit a {
	position: relative;
 }

}

@media screen and (min-width: 481px) and (max-width: 780px){

 .in h1 {
	font-size: 20px;
 }

 .in h1 .icon {
	font-size: 30px;
 }

}


@media screen and (max-width: 480px){ 

 .in h1 {
	font-size: 18px;
 }

 .in h1 .icon {
	font-size: 25px;
 }

 .more {	
	padding: 8px 0px;
 }

}


/*===============================================
※重要なお知らせ
===============================================*/
@media screen and (min-width: 781px){ 

 .important a {
	font-size: 20px;
 }

}

@media screen and (max-width: 780px){ 

 .important a {
	font-size: 18px;
 }

}


/*===============================================
○製品・サービス
===============================================*/
@media screen and (min-width: 781px){ 

 .in.pro li.pro1, .in.pro li.pro5  {
	margin-left: 0;
 }

 .in.pro li.pro4, .in.pro li.pro7  {
	margin-right: 0;
 }

 .in.pro li.duct1 {
	width: 24.25%;
 }

 .in.pro li.duct2 {
	width: 49.5%;
 }

 .in.pro li {
	font-size: 15px;
 }

}


@media screen and (max-width: 780px){ 

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

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

 .in.pro li {
	font-size: 14px;
 }

}


@media screen and (min-width: 481px) and (max-width: 780px){

 .in.pro li.pro1, .in.pro li.pro4, .in.pro li.pro7  {
	margin-left: 0;
 }

 .in.pro li.pro3, .in.pro li.pro6  {
	margin-right: 0;
 }

 .in.pro li.duct1 {
	width: 32.66%;
 }

 .in.pro li.duct2 {
	width: 66.2%;
 }

}


@media screen and (min-width: 371px) and (max-width: 480px){ 

 .in.pro li.pro1, .in.pro li.pro3, .in.pro li.pro5, .in.pro li.pro7 {
	margin-left: 0;
 }

 .in.pro li.pro2, .in.pro li.pro4, .in.pro li.pro6, .in.pro li.pro7 {
	margin-right: 0;
 }

 .in.pro li.duct1 {
	width: 49.5%;
 }

 .in.pro li.duct2 {
	width: 99.5%;
 }

}


@media screen and (max-width: 370px){ 

 .in.pro ul {
	flex-direction: column;
 }

 .in.pro li.duct1 .img, .in.pro li.duct2 .img {
	padding: 30% 0;
 }

 .in.pro li {
	width: 100%;
 }

 .in.pro li {
	margin-left: 0;
	margin-right: 0;
 }

}


/*===============================================
○動画一覧
===============================================*/
@media screen and (min-width: 1201px){ 

 .in.vid .inbox {
	width: 640px;
 }

}

@media screen and (max-width: 1200px){ 

 .in.vid .inbox {
	width: 70%;
 }

}

@media screen and (min-width: 781px){ 

 .in.vid .img {
	padding: 18% 0;
 }
 
}

@media screen and (max-width: 780px){ 

 .in.vid .img {
	padding: 30% 0;
 }
 
}

/*===============================================
○当社の強み
===============================================*/
@media screen and (min-width: 781px){ 

 .in.str li a .img {
    -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.str li a:hover .img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
 }

}

@media screen and (max-width: 780px){ 

 .in.str li p {	
	display: inline-block;
 }

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

}


@media screen and (min-width: 481px) and (max-width: 780px){

 .in.str .img {
	padding: 28% 0;
 }

}


@media screen and (max-width: 480px){ 

 .in.str ul {
	flex-direction: column;
 }

 .in.str li {
	width: 100%;
 }

 .in.str .img {
	height: 170px;
	padding: 30% 0;
 }

}


/*===============================================
○他ぺージ
===============================================*/
@media screen and (min-width: 781px){ 

 .in.other .icon.icon-more-arrow {
	font-size: 25px;
 }

 .in.other li {
	width: 35%;
	margin: 0 1.5%;
 }

}


@media screen and (max-width: 780px){ 

 .in.other ul {
	flex-direction: column;
 }

 .in.other li {
	width: 60%;
 }

 .in.other .icon.icon-more-arrow {
	font-size: 18px;
 }

}


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

@media screen and (min-width: 1201px){ 

 /*.dex4 .inbox {
	width: 100%;
 }*/

 .in.cd li {
	width: 45%;
 }

}

@media screen and (max-width: 1200px){ 

 .in.cd ul {
	flex-direction: column;
 }

 .in.cd li {
	width: 80%;
 }

}


/*===============================================
○今月の営業日
===============================================*/
@media screen and (min-width: 1201px){ 

 div#index-calendar table td, div#index-calendar table th {
	padding: 15px 0;
 }

}

@media screen and (min-width: 781px) and (max-width: 1200px){ 

 div#index-calendar table td, div#index-calendar table th {
	padding: 10px 0;
 }

}

@media screen and (min-width: 781px){ 

 div#index-calendar table tr#year-month th {
	font-size: 16px;
 }

 div#index-calendar table {
	font-size: 14px;
 }

}

@media screen and (max-width: 780px){ 

 div#index-calendar table td, div#index-calendar table th {
	padding: 8px 0;
 }

 div#index-calendar table tr#year-month th {
	font-size: 14px;
 }

 div#index-calendar table {
	font-size: 13px;
 }

}

@media screen and (min-width: 481px){ 

 .index-calendar {
	width: 49.5%;
 }

}

@media screen and (max-width: 480px){ 

 .index-calendar {
	width: 100%;
 }

}