@CHARSET "UTF-8";

/*
========================================
	グループページCSS
========================================
*/

/* トップ画像 */

.group-img{
 background: url(../img/group-banner01.jpg);
 display: flex;		/* 直下の要素を並列にする */
 justify-content: center;	/* 主軸に対して中央を基準に配置する */
 align-items: center;		 /* 交差軸に対して中央を基準に配置する */
 height: 300px;		/* 背景画像の高さを指定 */
 background-repeat: no-repeat;	/* 背景画像を繰り返し表示しないように指定 */
 background-position: 50% 0;        /* 背景画像の初期位置　左からの距離 50% 上からの距離0 */
 clear: both;	/* 左寄せ、または右寄せされた全ての要素に対する回り込みを解除 */
}


/* 吉川グループロゴ */

.logo-wrapper{
  background-color: #FFFFCC;
}

.group-logo{
width: 960px;	/* 幅を960pxに指定 */
margin: 60px auto;	/* 余白(外側)を上下が60px 左右が自動に指定 */
}


/* グループ会社 */

.group-wrapper{
background-color: #ffffff;
}


.group{
margin: 0 auto;		/* 余白(外側)を上下が0 左右が自動に指定 */
max-width: 1200px;	/* 画面の最大サイズを指定 */
min-width: 960px;	/* 画面の最小サイズを指定 */
}


.group h2{
font-size:1.5rem;
color: #3E3A39;
margin-top: 30px;		/* 余白(外側)を上側が30pxに指定 */
text-align: center;		/* 文字を中央揃え */
border-top: solid 2px #000080;	/* 上にボーダーを表示（1本線） */
font-weight: bold;		/* フォントを太字に指定 */
}


.group p{
font-size: 1.4rem;
text-align: center;	/* 文字を中央揃え */
}

.comment{

}

.address{
margin-bottom: 50px;	/* 余白(外側)を下側が50pxに指定 */
}

/* MAP、WEBアイコン */

.icon{
text-align: center;	/* 文字を中央揃え */
margin: 0 auto;		/* 余白(外側)を上下が0 左右が自動に指定 */
}