#wrap #container.relative_group .contents_area .sub_tit {color: #333;font-size: var(--font-size-h2);font-family: 'NotoSansB';line-height: 50px;letter-spacing: -0.065em;text-align: center;}
#wrap #container.relative_group .contents_area .sub_tit a {display: inline-block;padding-right: 43px;background: url(/static/img/relative_group/icon_link_large.png) right center no-repeat;}
#wrap #container.relative_group .contents_area .sub_txt {color: #666;font-size: var(--font-size);line-height: 30px;letter-spacing: -0.03em;text-align: center;margin-top: 24px;}

#wrap #container.relative_group .contents_area .group_area {position:relative; width: 1160px;display: flex;padding: 100px 0 0;margin: 16px auto 0;background: url('/static/img/relative_group/bg_group.jpg') no-repeat;background-size: 100% auto;justify-content: space-between;}
#wrap #container.relative_group .contents_area .group_area > div {position:relative; width: 380px;/* margin-right: 10px; */}
#wrap #container.relative_group .contents_area .group_area .group_box {position:relative; padding: 48px 50px;margin-bottom: 10px;}
#wrap #container.relative_group .contents_area .group_area dl dt {font-size: 24px; text-align: center; font-family: 'NotoSansB'; padding-bottom:16px; margin-bottom: 24px; border-bottom:1px solid #000}
#wrap #container.relative_group .contents_area .group_area dl dd {position: relative;font-size: 18px;line-height: 45px;letter-spacing: -0.065em;padding-left: 20px;}
#wrap.en #container.relative_group .contents_area .group_area dl dd.two {line-height: 1.4;margin: 10px 0;}
#wrap #container.relative_group .contents_area .group_area dl dd:before {content:'';position: absolute;left: 0;top: 50%; display:block; width:4px; height:4px;border-radius: 100%; margin-top:-2px;background-color: #000;}
#wrap.en #container.relative_group .contents_area .group_area dl dd.two:before {content:'';top:30%;}
#wrap #container.relative_group .contents_area .group_area .group_box.type1 {height: 673px;}
#wrap #container.relative_group .contents_area .group_area .group_box.type2 {height:244px;}
#wrap #container.relative_group .contents_area .group_area .group_box.type3 {height:199px}
#wrap #container.relative_group .contents_area .group_area .group_box.type4 {height: 211px;}
#wrap #container.relative_group .contents_area .group_area .group_box.type5 {height:290px}
#wrap #container.relative_group .contents_area .group_area .group_box.type6 {height: 372px;}
#wrap #container.relative_group .contents_area .group_area .group_box.type1 dl dt {color:#f37130; border-color:#f37130}
#wrap #container.relative_group .contents_area .group_area .group_box.type2 dl dt {color:#59bc83; border-color:#59bc83}
#wrap #container.relative_group .contents_area .group_area .group_box.type3 dl dt {color:#009edc; border-color:#009edc}
#wrap #container.relative_group .contents_area .group_area .group_box.type4 dl dt {color:#feb834; border-color:#feb834}
#wrap #container.relative_group .contents_area .group_area .group_box.type5 dl dt {color:#98abb3; border-color:#98abb3}
#wrap #container.relative_group .contents_area .group_area .group_box.type6 dl dt {color:#657f87; border-color:#657f87}
#wrap #container.relative_group .contents_area .group_area .group_box dl a {display: block;}
#wrap #container.relative_group .contents_area .group_area .group_box dl a:after {content:''; position:absolute; right:0; top:50%; display:block; width:19px; height:18px;margin-top: -9px;; background: url('/static/img/relative_group/icon_link.png') no-repeat;}
#wrap.en #container.relative_group .contents_area .group_area .group_box dl dd.two a:after {content:''; top:30%; }


@media (max-width:1260px) and (min-width:1024px) {
  #wrap #container.relative_group .contents_area .group_area {position:relative; width: 92.063vw;display: flex;padding: 7.937vw 0 0;margin: 1.27vw auto 0;background: url('/static/img/relative_group/bg_group.jpg') no-repeat;background-size: 100% auto;justify-content: space-between;}
  #wrap #container.relative_group .contents_area .group_area > div {position:relative; width: 30.159vw;/* margin-right: 0.794vw; */}
  #wrap #container.relative_group .contents_area .group_area .group_box {position:relative; padding: 3.81vw 3.968vw;margin-bottom: 0.794vw;}
  #wrap #container.relative_group .contents_area .group_area dl dt {font-size: 1.905vw; text-align: center; font-family: 'NotoSansB'; padding-bottom:1.27vw; margin-bottom: 1.905vw; border-bottom:0.079vw solid #000}
  #wrap #container.relative_group .contents_area .group_area dl dd {position: relative;font-size: 1.429vw; line-height: 3.571vw;padding-left: 1.587vw;}
  #wrap #container.relative_group .contents_area .group_area dl dd:before {content:''; position: absolute; left: 0; top:50%; display:block; width:0.317vw; height:0.317vw; border-radius: 100%; margin-top:-0.159vw; background-color: #000;}
  #wrap #container.relative_group .contents_area .group_area .group_box.type1 {height: 53.413vw;}
  #wrap #container.relative_group .contents_area .group_area .group_box.type2 {height:19.365vw;}
  #wrap #container.relative_group .contents_area .group_area .group_box.type3 {height:15.794vw}
  #wrap #container.relative_group .contents_area .group_area .group_box.type4 {height: 16.746vw;}
  #wrap #container.relative_group .contents_area .group_area .group_box.type5 {height:23.016vw}
  #wrap #container.relative_group .contents_area .group_area .group_box.type6 {height: 29.524vw;}
  #wrap #container.relative_group .contents_area .group_area .group_box.type1 dl dt {color:#f37130; border-color:#f37130}
  #wrap #container.relative_group .contents_area .group_area .group_box.type2 dl dt {color:#59bc83; border-color:#59bc83}
  #wrap #container.relative_group .contents_area .group_area .group_box.type3 dl dt {color:#009edc; border-color:#009edc}
  #wrap #container.relative_group .contents_area .group_area .group_box.type4 dl dt {color:#feb834; border-color:#feb834}
  #wrap #container.relative_group .contents_area .group_area .group_box.type5 dl dt {color:#98abb3; border-color:#98abb3}
  #wrap #container.relative_group .contents_area .group_area .group_box.type6 dl dt {color:#657f87; border-color:#657f87}
  #wrap #container.relative_group .contents_area .group_area .group_box dl a {display: block;}
  #wrap #container.relative_group .contents_area .group_area .group_box dl a:after {content:''; position:absolute; right:0; top:50%; display:block; width:1.508vw; height:1.429vw;margin-top: -0.714vw;; background: url('/static/img/relative_group/icon_link.png') no-repeat;background-size: 100% auto;}
}


@media all and (max-width:1023px) { 
  #wrap #container.relative_group .contents_area .sub_tit {line-height: 7.222vw;letter-spacing: -0.045em;}
  #wrap #container.relative_group .contents_area .sub_tit a {padding-right: 5.972vw;background: url(/static/img/relative_group/icon_link_large.png) right center no-repeat;background-size: 3.472vw auto;}
  #wrap #container.relative_group .contents_area .sub_txt {line-height: 5.278vw;margin-top: 3.333vw;padding: 0 15%;}

  #wrap #container.relative_group .contents_area .group_area {position:relative; width: auto;display: flex;padding: 13.889vw 7.639vw 0;margin: 3.472vw auto 0;background: url('/static/img/relative_group/bg_group_m.jpg') no-repeat;background-size: 100% auto;justify-content: space-between;flex-wrap: wrap;}
  #wrap #container.relative_group .contents_area .group_area > div {position:relative; width: 40vw;}
  #wrap #container.relative_group .contents_area .group_area .area3 {display:flex;justify-content: space-between;width: 100%;}
  #wrap #container.relative_group .contents_area .group_area .group_box {position:relative; padding: 6.111vw 4.028vw;margin-bottom: 1.389vw;}
  #wrap.en #container.relative_group .contents_area .group_area .group_box {position:relative;padding: 5.1vw 4.028vw;margin-bottom: 1.389vw;}
  #wrap #container.relative_group .contents_area .group_area dl dt {font-size: 3.056vw; text-align: center; font-family: 'NotoSansB'; padding-bottom:2.222vw; margin-bottom: 2.222vw; border-bottom:0.139vw solid #000}
  #wrap #container.relative_group .contents_area .group_area dl dd {position: relative;font-size: 3.056vw; line-height: 7.639vw;padding-left: 2.778vw;}
  #wrap.en #container.relative_group .contents_area .group_area dl dd {position: relative;font-size: 2.656vw;line-height: 7.639vw;padding-left: 2.778vw;}
  #wrap.en #container.relative_group .contents_area .group_area dl dd.mo_two {line-height: 1.4;}
  #wrap.en #container.relative_group .contents_area .group_area dl dd.two {margin: 1.6vw 0;}
  #wrap #container.relative_group .contents_area .group_area dl dd:before {content:''; position: absolute; left: 0; top:50%; display:block; width:0.556vw; height:0.556vw; border-radius: 100%; margin-top:-0.278vw; background-color: #000;}
  #wrap.en #container.relative_group .contents_area .group_area dl dd.mo_two:before {content:''; top:30%;}
  #wrap #container.relative_group .contents_area .group_area .group_box.type1 {height: 93.472vw;}
  #wrap #container.relative_group .contents_area .group_area .group_box.type2 {height:33.889vw;}
  #wrap #container.relative_group .contents_area .group_area .group_box.type3 {height:27.639vw}
  #wrap #container.relative_group .contents_area .group_area .group_box.type4 {height: 29.306vw;}
  #wrap #container.relative_group .contents_area .group_area .group_box.type5 {width: 41.667vw;height: 41.667vw;}
  #wrap #container.relative_group .contents_area .group_area .group_box.type6 {width: 41.667vw;height: 41.667vw;}
  #wrap #container.relative_group .contents_area .group_area .group_box dl a:after {content:''; position:absolute; right:0; top:50%; display:block; width:2.639vw; height:2.5vw;margin-top: -1.25vw;; background: url('/static/img/relative_group/icon_link.png') no-repeat;background-size: 100% auto;}  
  #wrap.en #container.relative_group .contents_area .group_area .group_box dl dd.mo_two a:after {content:''; top:30%}  
}