@charset "utf-8";

	.border{
	display: flex;
	align-items: center;
	padding: 0 20px 40px;
	}

	.border::after {
	content: "";
	width: 100px;
	height: 1px;
	background-color: #333333;
	display: block;
	margin-left: 20px;
	}

	.contents-area{
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	display: inline-block;
	padding: 30px 0px 30px 0px;
	}

	.contents-area-text{
	display: flex;
	align-items: center;
	padding: 0 20px 40px;
	}

	.contents-area img {
	  max-width: 100%;
	  height: auto;
	}

	.image-row {
	  display: flex;
	  justify-content: center; /* 画像を中央に揃える */

	}

	.image-row img {
	  width: 25%; /* 各画像が横幅の約1/4 */
	  height: auto; /* 画像の比率を維持 */
	}

	.border-line{
		display: flex;
		align-items: center;
		padding: 0 20px 40px;
		font-size: 1em;/* フォントサイズ */
		font-weight: bold;/* フォント太さ */
		padding-left: .5em;
		padding-top: .3em;
		padding-bottom: .3em;
		margin-bottom: 2em;
		margin-left: 1em;
		border-left: 5px solid #001C42;/* 線 */
		color: #001C42;/* フォント色 */
	}

	img.ml{
		width: 25%;
	    margin-inline: 53px;
	    margin-bottom: 30px;
	}

	/*300社認定マーク*/
	#headermenu .wings{
		width:190px ;
		float:right;
	}

/*画面幅1000px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1000px) {
    #headermenu .wings {
        float: none;
    }
}


/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){

	.contents-area {
	    padding: 0px;
	}

	.contents-area-text{
		display: block;
	}

	.border {
	    padding: 10px 20px 10px 20px;
	}

	.border-line{
		margin-bottom: 1em;
		margin-top: 1em;
	}



}


/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

img.ml{
	width: 100%;
    margin-inline: auto;
    margin-bottom: auto;
}

}
