/*----------------------------------------------------
　Media Queries
 980px以下用の記述
----------------------------------------------------*/
@media screen and (max-width: 980px) {

	footer .ftLink,
	footer .ftAdd,
	.path,
	#index .infoArea,
	#index .supportArea {
		padding-left: 10px;
		padding-right: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	/*----------------------------
	共通要素のレイアウト
	----------------------------*/
	.contentMain {
		padding-left: 20px;
		padding-right: 20px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
	}
	.contentMain h2,
	.contentMain .lead {
		margin-left: -10px;
		margin-right: -10px;
	}

	header div nav ul li a{
		font-size:14px;
		font-size:1.4rem;
		width: 60px;
	}
	#products .proList li .proDtl dt{
		font-size:14px;
		font-size:1.4rem;
	}
	/* --- header --- */

	header h1 {
        padding-left: 12px;
    }
    header div nav ul {
        padding-left: 12px;
    }

	#index div.change {
        padding: 1.8em;
    }

	/* --- footer --- */


	/*----------------------------
	レンタル、製造・販売　個別ページ
	----------------------------*/



	/*----------------------------
	施工事例
	----------------------------*/


}





/*----------------------------------------------------
　Media Queries
 767px以下用（タブレット／スマートフォン用）の記述
----------------------------------------------------*/
@media screen and (max-width: 767px) {

	/*----------------------------
	共通要素のレイアウト
	----------------------------*/
	/* --- header --- */
	header {
		display: block;
	}
	header div nav ul {
		display: block;
		width: 100%;
		height: auto;
	}
	header h1,
	header div,
	header .hdContact,
	header .hdSearch {
		display: block;
	}
	header h1 {
		float: left;
		height: 70px;
		padding-left: 15px;
	}
	header .hdContact {
		position: absolute;
		right: 100px;
		top: 0;
	}
	header .hdSearch {
		position: absolute;
		right: 0;
		top: 0;
	}

    /* --- header追加 --- */
	header h1 {
        width: calc(100% - 160px);
        height: 120px;
		padding-top: 15px;
        padding-bottom:15px;
        display: block;
        text-align: center;
	}

	header .hdContact a,
    header .hdSearch a{
        height: 120px;
        background-position: 50% 50px;
    }

	/* nav */
	header div nav ul {
		display: block;
		padding-left: 0;
	}
	header div nav ul li {
		display: block;
		text-align: left;
	}
	header div nav ul li a {
		display: block;
		padding: 5px;
		width: 100%;
		border-bottom: none;
	}
	header div nav ul li a:hover,
	header div nav ul li.current a {
		text-decoration: none;
		border-bottom: none;
	}

	/* --- img --- */
	.img_l {
		float:none;
		margin:0 0 10px 0;
		text-align:center;
	}
	.img_r {
		float:none;
		margin:0 0 10px 0;
		text-align:center;
	}
    
	/* --- nav追加 --- */

    header.meanmenu_area.mean-container div.mean-bar {
        padding-top: 0 !important;
    }
    header.meanmenu_area.mean-container h1 a img {
        width: 100px;
    }
    .mean-container .mean-nav ul {
        border-bottom: 1px solid #000 !important;
    }

	/* --- footer --- */





	/*----------------------------
	製品情報
	----------------------------*/
	#products .proList li.large,
	#products .proList li.medium,
	#products .proList li.small,
	#products .proList li.none {
		width: 32%;
	}





}






/*----------------------------------------------------
 　Media Queries
  490px以下用（スマートフォン用）の記述
----------------------------------------------------*/
@media screen and (max-width: 490px){

	/*----------------------------
	共通要素のレイアウト
	----------------------------*/
	/* --- header --- */
	header h1 {
		width: calc(100% - 110px);
	}
	header .hdContact {
		width: 80px;
		right: 80px;
	}
	header .hdContact a,
    header .hdSearch a{
        height: 120px;
        background-position: 50% 50px;
    }
	header .hdSearch {
		width: 80px
	}

	/* --- nav --- */

    header.meanmenu_area.mean-container h1 a img {
        width: 100px;
    }
    .mean-container .mean-nav ul {
        border-bottom: 1px solid #000 !important;
    }

	/* --- footer --- */
	footer .ftLink {
		overflow: hidden;
	}
	footer .ftLink li {
		width: 47%;
		margin-left: 0;
		padding: 8px 0;
		border-left: none;
		border-bottom: 1px solid #a3bcda;
	}
	footer .ftLink li:nth-child(2n) {
		margin-left: 2%;
	}


	/* --- pagetop --- */
	.pagetop {
		width: 40px;
		height: 40px;
	}


	/* --- pageList --- */
	.pageList {
		position: relative;
		padding-bottom: 50px;
	}
	.pageList .prev {
		position: absolute;
		top: 50px;
		left: 10px;
	}
	.pageList .next {
		position: absolute;
		top: 50px;
		right: 10px;
	}


	/* --- table --- */
	.contentMain table th {
		white-space: normal;
	}





	/*----------------------------
	トップ
	----------------------------*/
	/* 製品 */
	#index .productsArea {
		background-size: cover;
	}
	#index .productsArea .productsSec .product01 {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#index .productsArea .productsSec .productsBox {
		float: none;
		width: 100%;
	}

	/* インフォメーション */
	#index .infoArea .infoSec .infoLeft {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#index .infoArea .infoSec .infoRight {
		float: none;
		width: 100%;
	}
	#index .infoArea .infoSec .infoRight li {
		text-align: center;

	}

	/* サポート */
	#index .supportArea .supportList li {
		float: none;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	#index .supportArea .supportList li:nth-child(3n) {
		margin-right: auto;
	}




	/*----------------------------
	製品情報
	----------------------------*/
	#products .proList li {
		float: none;
		display: inline-block;
		margin-left: 0;
		vertical-align: top;
	}
	#products .proList li.large,
	#products .proList li.medium,
	#products .proList li.small,
	#products .proList li.none {
		width: 49%;
	}



	/*-----製品情報　個別ページ-----*/
	#products .proWrap .proLeft,
	#products .proWrap .proRight,
	#products .proBox  {
		float: none;
		width: 100%;
	}
	#products .proBox:last-child {
		padding-bottom: 0;
	}

	#products .proBox:nth-child(odd) {
		margin-right: 0;
	}

	#products .proDlBtn li {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		text-align: center;
	}


	/*----------------------------
	事例紹介
	----------------------------*/
	#works .worksList {
		width: 229px;
		margin-left: auto;
		margin-right: auto;
	}
	#works .worksList li {
		margin-left: 0;
	}



	/*----------------------------
	サポート
	----------------------------*/
	#support .supportList li {
		float: none;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	#support .supportList li:nth-child(3n) {
		margin-right: auto;
	}

	/*-----サポート　個別ページ-----*/
	#support .faqSection .faqContent {
		padding-left: 0;
	}



	/*----------------------------
	サービス
	----------------------------*/
	#service .serviceList li {
		float: none;
		width: 100%;
	}
	#service .serviceList li:nth-child(odd) {
		margin-right: 0;
	}

    @media screen and (max-width: 340px){
        #page  header.meanmenu_area h1 {
            width: calc( 100% - 158px );
            padding-top: 24px;
            padding-left: 45px;
        }
        #page  header.meanmenu_area h1 a img {
            width: 85px;
        }
        
    }

}