/*--------------------------------------------------------------------------------
　＊専用クラス
-----------------------------------------------------------------------------------*/


/*画像サイズ*/
section.photo li.large img{
	width:316px ;
	height:auto;
}

section.photo li.small img{
	width:310px ;
	height:auto;
}


/*--------------------------------------------------------------------------------
　▼　VIEWPORT定義
-----------------------------------------------------------------------------------*/

/*====================================▼　タブレット・モード　/　760pxで最適化　▼======================================*/
@media screen and (max-width: 960px) {

/*編集領域*/
section#original {
	max-width: 730px;
	margin:0 auto 65px;
	/*border:3px solid #396;*/
	}

/*中タイトル　H3*/
section#original h3 {
	margin: 0 0 25px;
	padding: 0;
	}

/*小タイトル　H4*/
section#original h4 {
	margin: 0 0 12px;
	padding: 0;
	font-size:21px;
	}

/*通常テキスト*/
section#original p.normal {
	font-size:15px;
	line-height: 2;
	margin-bottom: 20px;
	}

/*余白ありテキスト*/
section#original p.margin-plus {
	font-size:15px;
	line-height: 2;
	margin-bottom: 20px;
	margin-left: 25px;
	}
	
/*3分割*/
section#tri {
    margin: 30px 0;
    width: 730px;
}
section#tri img {
    margin-bottom: 5px;
}
section#tri div {
    float: left;
    margin: 3px;
    width: 237px;
}


/*3分割-グループ会社紹介*/
section#tri-group {
	margin-bottom: 30px;
    width: 730px;
}
section#tri-group div {
    float: left;
    margin: 0px 5px 15px;
	padding:15px 10px 3px 0  ;
    width: 220px;
}
	


}





/*====================================▼　スマートフォン・ランドスケープ・モード（横向き） /　580pxで最適化　▼======================================*/
@media only screen and (max-width:640px) {

/*編集領域*/
section#original {
	max-width: 550px;
	margin:0 auto 65px;
	/*border:3px solid #396;*/
	}

/*中タイトル　H3*/
section#original h3 {
	margin: 0 0 15px;
	padding: 0;
	font-size:18px;
	}

/*小タイトル　H4*/
section#original h4 {
	margin: 0 0 8px;
	padding: 0;
	font-size:15px;
	}

/*通常テキスト*/
section#original p.normal {
	font-size:14px;
	line-height:1.8;
	margin-bottom: 20px;
	}

/*余白ありテキスト*/
section#original p.margin-plus {
	font-size:14px;
	line-height:1.8;
	margin-bottom: 20px;
	margin-left: 25px;
	}
	
/*3分割*/
section#tri {
    margin: 30px 0;
    width: 550px;
}
section#tri img {
    margin-bottom: 5px;
}
section#tri div {
    float: left;
    margin: 3px;
    width: 544px;
}

/*3分割-グループ会社紹介*/
section#tri-group {
	margin-bottom: 20px;
    width: 550px;
	font-size:14px;
}
section#tri-group div {
    float: left;
    margin: 0px 5px 15px;
    width: 170px;
}
section#tri-group div h4 {
	font-size:14px !important;
}

/*画像2分割*/
img.column2 {
	width:85% !important ;
}



}





/*====================================▼　スマートフォン・ポートレート・モード（縦向き） /　320pxで最適化　▼======================================*/
@media only screen and (max-width:480px) {

/*編集領域*/
section#original {
	max-width: 300px;
	margin:0 auto 65px;
	/*border:3px solid #396;*/
	}

/*中タイトル　H3*/
section#original h3 {
	margin: 0 0 14px;
	padding: 0;
	font-size:16px;
	}

/*小タイトル　H4*/
section#original h4 {
	margin: 0 0 5px;
	padding: 0;
	font-size:14px;
	}

/*通常テキスト*/
section#original p.normal {
	font-size:13px;
	line-height:1.7;
	margin-bottom: 20px;
	}

/*余白ありテキスト*/
section#original p.margin-plus {
	font-size:13px;
	line-height:1.7;
	margin-bottom: 20px;
	margin-left: 25px;
	}
	
/*3分割*/
section#tri {
    margin: 30px 0;
    width: 300px;
}
section#tri img {
    margin-bottom: 5px;
}
section#tri div {
    float: left;
    width: 300px;
}
	
/*3分割-グループ会社紹介*/
section#tri-group {
	margin-bottom: 20px;
    width: 320px;
	font-size:13px;
}
section#tri-group div {
    float: left;
    margin: 0px 5px 15px;
    width: 300px;
	padding:10px 10px 5px 0  ;
}
section#tri-group div p.areaP-detail {
    padding-bottom: 5px;
}


 
}