@charset "UTF-8";

/*----------------------------------------
企業情報カテゴリページは以下を挿入
----------------------------------------*/ 
/*下層ヘッダー背景グラデ*/
.pages_head { background: #013396;
background: linear-gradient(90deg,rgba(1, 51, 150, 1) 0%, rgba(1, 104, 150, 1) 73%); }

/*サイドメニュー色変*/
.side_nav .side_nav_box { background: #005496; }
.side_nav a { color: #fff; }
.side_nav a:hover { color: #fff; background: #03477d; }
.side_nav a.is-active { color: #005496; background: #d7ebeb; font-weight: 700; font-weight: 700; }

/*----------------------------------------
END 企業情報カテゴリページは以下を共通で挿入 END
----------------------------------------*/ 
[id] {scroll-margin-top:40px;}

:root {
  --blue-color: #013396;
  --white-color: #fff;
}

.group_copy {font-family: var(--font-Mincho); color:var(--blue-color); font-weight: 500; font-size: clamp(24px, 2.2vw, 22px); text-align: center; margin:0 auto 10px auto;}
.group_txt {text-align: center; margin:0 auto 10px auto;}
.group__list {margin:0 auto 70px auto;}
.flex__inner { display: flex; align-items: flex-start; justify-content: space-between; gap: clamp(20px, 5vw, 40px); max-width: 1200px; margin: 0 auto 30px auto; }
.flex__logo { flex: 1 1 20%; }
.flex__logo img { width: 100%; height: auto; display: block; }
.flex__content { flex: 1 1 55%;}
.flex__content h5 {color:var(--blue-color); font-size: clamp(17px, 2.4vw, 20px); font-weight: 500; margin:0 0 10px 0;}
.flex__photo { flex: 1 1 48%; }
.group__link__block {background-color:#E4F5FF; padding:20px; text-align: center;}
.group__list .shop_list { margin-top: 20px; }
.group__list .shop_list .flex__photo { margin-bottom: 15px; }
.group__list .shop_list .shop_name { margin-bottom: 10px; font-weight: 700; font-size: clamp(16px, 3vw, 17px); line-height: 1; }
.group__list .shop_list address { font-style: normal; font-size: clamp(14px, 3vw, 16px); }



@media screen and (min-width: 1201px) {
.spOnly {display: none;}

}

@media (hover: hover) and (pointer: fine) {
}

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

}

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

}

@media only screen and (max-width: 980px){
  .flex__inner { flex-direction: column; gap: 30px; }
  .flex__logo {width:80%; margin:0 auto; }
  .flex__content { flex: 1 1 100%; }
}

@media only screen and (max-width: 600px){
  .flex__content h5 { margin-bottom: 5px; }
  .pcOnly {display: none;}
}