@charset "Shift_JIS";

/* **************************************************

Name: top.css

Description: 

Create: 2026.01.08

***************************************************** */

/* メインビジュアル-------------- */
.branding-image img{ width:100%; height:auto;}
.ResponsiveBrandingImgStyle{position: relative;}
.mainText{
position: absolute;
/*left: 24%;*/
width:1275px;
top: 10%;
color:#FFF;
z-index: 999;
font-size: 170%;
padding: 30px;
text-shadow: 3px 3px 5px #000;
/*background-color: rgba(0, 0, 0, 0.5);*/ /* 黒色を50%透過 */
}
.controller{display: none;}
/*.topPosition{margin-top:-80px;}*/

img.Img{filter: brightness(95%);}
img.imgBright{filter: brightness(95%);}
.bannerLinkBtn img:hover{filter: brightness(80%);}

/* 会社情報--------------------- */
.flexBox2 {
		display: flex;
		flex-wrap: wrap; /* flexアイテムを折り返す（複数行に配置する） */
		margin: 0 25px 0 15px !important;
}
.flexBox2 li {
		width: calc(50% - 0px); /* 列の幅を均等に分配し、マージンを考慮して計算 */
		margin: 0px;
		padding: 10px;
		box-sizing: border-box; /* ボックスモデルを維持するために必要なスタイル */
}
.flexBox2 li .ButtonStyle1{margin: 0;}
.flexBox2 li .ButtonStyle1 a{ width: calc(100% - 37px);}

/* 会社情報 3列横並び用 */
.flexBox3{
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flexBox3 p{
	display: inline-block;
	flex-grow: 1;
	margin: 0 15px 10px !important;
	grid-template-columns: repeat(3, 1fr); /* 3列 */
	grid-template-rows: repeat(2, auto);   /* 2行 */
}

.Inner .TextStyle1{font-size: 100% !important;}


/* コンテンツ */
.bunnerBoxSet3 .Column1{
	width:408px !important;
}

.bannerBox{
	display: flex;
	justify-content: space-between;　/*バナー3個の場合非表示を解除*/
	/*justify-content: center;バナー3個以上のの場合非表示*/
	flex-wrap: wrap;
}
.bannerBox .bannerInBox {
	/*margin-left: 30px;*/
	margin-left: 0px;
}

/* for - 994px
=========================================================================================== */

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

}

/* for - 767px
=========================================================================================== */
@media screen and (max-width: 767px) {

}

/* for - 579px
=========================================================================================== */
@media screen and (max-width: 579px) {
	img.Img{filter: brightness(100%);}

.flexBox2 {
		display: block;
		flex-wrap: nowrap; /* flexアイテムを折り返す（複数行に配置する） */
		margin: 0 0 0 0 !important;
}

.flexBox2 li {
		width: calc(100% - 0px); /* 列の幅を均等に分配し、マージンを考慮して計算 */
		margin: 0px;
		padding: 0;
		box-sizing: border-box; /* ボックスモデルを維持するために必要なスタイル */
}
.flexBox2 li .ButtonStyle1{margin: 0;}
.flexBox2 li .ButtonStyle1 a{ width: calc(100% - 37px);}
.bannerBox {
	display: block;
}
.bannerBox .bannerInBox {
	margin-left: 0px;
	margin-bottom: 30px;
	text-align: center;
}



}