@charset "UTF-8";
.scopeWrap {
  position: relative;
  padding: 50px 0 190px 0;
  font-family: '¥Ò¥é¥®¥Î½Ç¥´ Pro', 'Hiragino Kaku Gothic Pro',sans-serif; }
  .scopeWrap.scopeArticleWrap {
    padding-top: 35px; }
  @media screen and (max-width: 750px) {
    .scopeWrap {
      padding: 5vw 0 8vw 0; }
      .scopeWrap img {
        width: 100%;
        height: auto; }
      .scopeWrap.scopeArticleWrap {
        padding-top: 0; }
        .scopeWrap.scopeArticleWrap .scopeArticle .inner {
          padding: 0 7.1vw; } }
  .scopeWrap #main {
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
    .scopeWrap #main .mainInner {
      height: 300px;
      padding-top: 50px;
      display: block; }
      @media screen and (max-width: 750px) {
        .scopeWrap #main .mainInner {
          height: 65vw;
          padding: 0; }
          .scopeWrap #main .mainInner .mainBase {
            height: 100%; } }
  .scopeWrap .scopeContents .inner {
    max-width: 1200px; }
  .scopeWrap .scopeContents .scopeMain h1 img {
    width: 100%;
    height: auto; }
  .scopeWrap .scopeContents .scopePoint {
    margin-top: -70px;
    padding-bottom: 110px; }
    @media screen and (max-width: 750px) {
      .scopeWrap .scopeContents .scopePoint {
        margin-top: 0; }
        .scopeWrap .scopeContents .scopePoint .inner {
          padding: 0 7vw; } }
  .scopeWrap .scopeContents .pointBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 65px; }
    @media screen and (max-width: 750px) {
      .scopeWrap .scopeContents .pointBox {
        display: block;
        margin-bottom: 5vw; } }
    .scopeWrap .scopeContents .pointBox:nth-last-of-type(1) {
      margin-bottom: 0; }
    .scopeWrap .scopeContents .pointBox .pointDetail {
      text-align: left; }
      @media screen and (min-width: 751px) {
        .scopeWrap .scopeContents .pointBox .pointDetail {
          width: 55%;
          padding-left: 30px; } }
      .scopeWrap .scopeContents .pointBox .pointDetail .flag {
        margin-bottom: 20px; }
        @media screen and (max-width: 750px) {
          .scopeWrap .scopeContents .pointBox .pointDetail .flag {
            width: 48%;
            margin-bottom: 3vw; } }
      .scopeWrap .scopeContents .pointBox .pointDetail h2 {
        font-size: 32px;
        line-height: 1.6;
        letter-spacing: .07em;
        margin-bottom: 20px; }
        @media screen and (max-width: 750px) {
          .scopeWrap .scopeContents .pointBox .pointDetail h2 {
            font-size: 5.4vw;
            line-height: 1.4;
            margin-bottom: 4vw; } }
      .scopeWrap .scopeContents .pointBox .pointDetail .text {
        font-size: 16px;
        letter-spacing: .07em;
        line-height: 1.8; }
        @media screen and (max-width: 750px) {
          .scopeWrap .scopeContents .pointBox .pointDetail .text {
            font-size: 3.8vw; } }
    @media screen and (min-width: 751px) {
      .scopeWrap .scopeContents .pointBox .pointImg {
        width: 45%; } }
    @media screen and (min-width: 751px) {
      .scopeWrap .scopeContents .pointBox.rv .pointDetail {
        order: 2; }
      .scopeWrap .scopeContents .pointBox.rv .pointImg {
        order: 1; }
      .scopeWrap .scopeContents .pointBox#point2 .pointDetail {
        width: 51%; }
      .scopeWrap .scopeContents .pointBox#point2 .pointImg {
        width: 49%; } }
    @media screen and (max-width: 750px) {
      .scopeWrap .scopeContents .pointBox#point1 .pointImg {
        padding-left: 7vw; }
      .scopeWrap .scopeContents .pointBox#point2 .pointImg {
        padding: 0 15vw; } }
  .scopeWrap .scopeContents .scopeGuide {
    background-color: #FFF8E4; }
    .scopeWrap .scopeContents .scopeGuide .scopeGuideHead {
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      position: absolute;
      left: 0; }
      @media screen and (min-width: 751px) {
        .scopeWrap .scopeContents .scopeGuide .scopeGuideHead {
          padding: 0 20px;
          gap: 40px;
          top: -60px; } }
      @media screen and (max-width: 750px) {
        .scopeWrap .scopeContents .scopeGuide .scopeGuideHead {
          background: url("/with/shared/img/scope/guide_img_food_sp.png") no-repeat center top;
          background-size: 100% auto;
          padding: 10vw 4vw;
          top: -21vw;
          gap: 5vw; }
          .scopeWrap .scopeContents .scopeGuide .scopeGuideHead .icon {
            width: 35%; }
          .scopeWrap .scopeContents .scopeGuide .scopeGuideHead .title {
            width: 65%; }
            .scopeWrap .scopeContents .scopeGuide .scopeGuideHead .title h2 {
              width: 75%; } }
      .scopeWrap .scopeContents .scopeGuide .scopeGuideHead .title {
        flex: 1;
        text-align: left;
        padding-top: 15px; }
        .scopeWrap .scopeContents .scopeGuide .scopeGuideHead .title .text {
          font-size: 14px;
          margin-top: 15px; }
      .scopeWrap .scopeContents .scopeGuide .scopeGuideHead .img {
        padding-top: 25px; }
        @media screen and (max-width: 750px) {
          .scopeWrap .scopeContents .scopeGuide .scopeGuideHead .img {
            display: none; } }
  .scopeWrap .scopeSlider {
    padding: 150px 0 70px 0; }
    .scopeWrap .scopeSlider .sliderBox {
      position: relative;
      z-index: 10; }
      .scopeWrap .scopeSlider .sliderBox .swiper-slide {
        width: 400px;
        margin: 0 auto;
        text-align: center; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide a {
          display: block;
          position: relative; }
          .scopeWrap .scopeSlider .sliderBox .swiper-slide a:after {
            content: "";
            display: none;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-image: url("/with/shared/img/scope/icon_zoom.svg");
            background-repeat: no-repeat;
            background-position: center top;
            background-size: 100% auto;
            position: absolute;
            bottom: -10px;
            right: 0; }
          @media screen and (min-width: 751px) {
            .scopeWrap .scopeSlider .sliderBox .swiper-slide a:hover .img img {
              transform: scale(1.1); } }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide .img {
          width: 350px;
          margin: 0 auto;
          text-align: center;
          transition: all 0.2s ease-in;
          border-radius: 20px;
          overflow: hidden; }
          @media screen and (min-width: 751px) {
            .scopeWrap .scopeSlider .sliderBox .swiper-slide .img {
              transform: scale(0.9); } }
          .scopeWrap .scopeSlider .sliderBox .swiper-slide .img img {
            transition: all 0.3s ease-in; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide .titleBox {
          opacity: 0;
          display: block;
          position: absolute;
          top: 50%;
          left: 0;
          text-align: left;
          transition: all 0.3s ease-in; }
          .scopeWrap .scopeSlider .sliderBox .swiper-slide .titleBox h3 span {
            font-size: 16px;
            display: inline-block;
            background-color: #F7AB00;
            color: #FFF;
            padding: 5px 10px; }
          .scopeWrap .scopeSlider .sliderBox .swiper-slide .titleBox .text span {
            font-size: 24px;
            font-weight: bold;
            display: inline-block;
            background-color: #FFF;
            color: #F7AB00;
            padding: 5px 10px; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide.colYellow a:after {
          background-color: #F7AB00; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide.colYellow .titleBox h3 span {
          background-color: #F7AB00; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide.colYellow .titleBox .text span {
          color: #F7AB00; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide.colPink a:after {
          background-color: #E85298; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide.colPink .titleBox h3 span {
          background-color: #E85298; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide.colPink .titleBox .text span {
          color: #E85298; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide.colGreen a:after {
          background-color: #009D85; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide.colGreen .titleBox h3 span {
          background-color: #009D85; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide.colGreen .titleBox .text span {
          color: #009D85; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide.colBlue a:after {
          background-color: #00A7EA; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide.colBlue .titleBox h3 span {
          background-color: #00A7EA; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide.colBlue .titleBox .text span {
          color: #00A7EA; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide.colOrange a:after {
          background-color: #EA5504; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide.colOrange .titleBox h3 span {
          background-color: #EA5504; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide.colOrange .titleBox .text span {
          color: #EA5504; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide.swiper-slide-active a:after {
          display: block; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide.swiper-slide-active .img {
          transform: scale(1); }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide.swiper-slide-active .titleBox {
          opacity: 1; }
      .scopeWrap .scopeSlider .sliderBox .swiper-pagination {
        bottom: 0 !important; }
      @media screen and (min-width: 751px) {
        .scopeWrap .scopeSlider .sliderBox .slidePrev,
        .scopeWrap .scopeSlider .sliderBox .slideNext {
          left: 50%;
          width: 40px;
          height: 40px;
          top: 180px; }
          .scopeWrap .scopeSlider .sliderBox .slidePrev:after,
          .scopeWrap .scopeSlider .sliderBox .slideNext:after {
            display: none; }
        .scopeWrap .scopeSlider .sliderBox .slidePrev {
          transform: translate(-265px, 0) scale(-1, 1); }
        .scopeWrap .scopeSlider .sliderBox .slideNext {
          transform: translate(225px, 0); } }
    .scopeWrap .scopeSlider .slider-thumbnail {
      width: 300px;
      margin: 40px auto 0 auto; }
      .scopeWrap .scopeSlider .slider-thumbnail .swiper-slide {
        display: block;
        width: 12px;
        height: 12px; }
        .scopeWrap .scopeSlider .slider-thumbnail .swiper-slide.colYellow {
          background-color: #F7AB00; }
        .scopeWrap .scopeSlider .slider-thumbnail .swiper-slide.colPink {
          background-color: #E85298; }
        .scopeWrap .scopeSlider .slider-thumbnail .swiper-slide.colGreen {
          background-color: #009D85; }
        .scopeWrap .scopeSlider .slider-thumbnail .swiper-slide.colOrange {
          background-color: #EA5504; }
        .scopeWrap .scopeSlider .slider-thumbnail .swiper-slide.colBlue {
          background-color: #00A7EA; }
	.scopeWrap .scopeSlider .slider-thumbnail .swiper-slide.swiper-slide-thumb-active {transform: scale(1.25, 1.25); opacity: .5;}
    @media screen and (max-width: 750px) {
      .scopeWrap .scopeSlider {
        padding: 52vw 5vw 10vw 5vw; }
        .scopeWrap .scopeSlider .sliderBox .swiper-slide {
          width: 100%;
          padding: 0 5vw; }
          .scopeWrap .scopeSlider .sliderBox .swiper-slide a:after {
            width: 10vw;
            height: 10vw;
            bottom: 20vw; }
          .scopeWrap .scopeSlider .sliderBox .swiper-slide .img {
            width: 90%; }
            .scopeWrap .scopeSlider .sliderBox .swiper-slide .img img {
              width: 100%;
              height: auto; }
          .scopeWrap .scopeSlider .sliderBox .swiper-slide .titleBox {
            top: auto;
            bottom: -5vw; }
            .scopeWrap .scopeSlider .sliderBox .swiper-slide .titleBox h3 span {
              font-size: 3.3vw;
              padding: 1vw 3vw; }
            .scopeWrap .scopeSlider .sliderBox .swiper-slide .titleBox .text span {
              font-size: 4.4vw;
              padding: 1vw 3vw;
              letter-spacing: .05em; }
        .scopeWrap .scopeSlider .sliderBox .slidePrev,
        .scopeWrap .scopeSlider .sliderBox .slideNext {
          width: 8vw;
          height: 8vw;
          top: 35vw; }
          .scopeWrap .scopeSlider .sliderBox .slidePrev:after,
          .scopeWrap .scopeSlider .sliderBox .slideNext:after {
            display: none; }
        .scopeWrap .scopeSlider .sliderBox .slidePrev {
          left: 0;
          transform: scale(-1, 1); }
        .scopeWrap .scopeSlider .sliderBox .slideNext {
          transform: translateY(0);
          right: 0; }
        .scopeWrap .scopeSlider .slider-thumbnail {
          width: 80%;
          margin-top: 10vw; }
          .scopeWrap .scopeSlider .slider-thumbnail .swiper-slide {
            width: 3vw !important;
            height: 3vw !important;
            padding: 0; } }

/*SUBPAGE*/
.scopeArticleBlock {
  width: 100%;
  background-color: #FFF8E4;
  position: relative;
  padding: 100px;
  font-size: 16px;
  display: flex;
  flex-wrap: wrap;
  gap: 70px 10%;
  justify-content: space-between;
  /*¥¤¥é¥¹¥ÈÅäÖÃ*/
  /*¸÷¥«¥é©`ÔO¶¨*/ }
  .scopeArticleBlock .scopeArticleHead {
    position: relative;
    padding-top: 50px;
    width: 100%; }
    .scopeArticleBlock .scopeArticleHead .icon {
      position: absolute;
      top: -70px;
      left: -60px; }
    .scopeArticleBlock .scopeArticleHead .title {
      position: absolute;
      top: -50px;
      left: 140px; }
    .scopeArticleBlock .scopeArticleHead .deco {
      position: absolute; }
    .scopeArticleBlock .scopeArticleHead .mainPhoto img {
      border-radius: 24px; }
    .scopeArticleBlock .scopeArticleHead .titleBox {
      position: absolute;
      top: 130px;
      left: 50px;
      text-align: left; }
      .scopeArticleBlock .scopeArticleHead .titleBox h3 {
        margin-bottom: 20px; }
        .scopeArticleBlock .scopeArticleHead .titleBox h3 span {
          font-size: 20px;
          display: inline-block;
          background-color: #F7AB00;
          color: #FFF;
          padding: 5px 10px; }
      .scopeArticleBlock .scopeArticleHead .titleBox .text span {
        font-size: 32px;
        font-weight: bold;
        display: inline-block;
        background-color: #FFF;
        color: #F7AB00;
        padding: 5px 10px;
        margin-bottom: 10px; }
  .scopeArticleBlock .boxLeft {
    width: 62%;
    text-align: left; }
  .scopeArticleBlock .boxRight {
    width: 28%;
    text-align: left; }
  .scopeArticleBlock .boxBottom {
    width: 100%; }
  .scopeArticleBlock .itemLead {
    font-size: 30px;
    margin-bottom: 35px; }
  .scopeArticleBlock .itemText {
    line-height: 1.85; }
  .scopeArticleBlock .itemPhoto {
    margin: 40px auto; }
    .scopeArticleBlock .itemPhoto img {
      border-radius: 15px; }
  .scopeArticleBlock span.lineY {
    background: linear-gradient(transparent 60%, #FFEB64 60%); }
  .scopeArticleBlock .profileBox {
    background-color: #FFF;
    padding: 60px 20px 20px 20px;
    border-radius: 16px;
    position: relative;
    font-size: 15px; }
    .scopeArticleBlock .profileBox .flag {
      position: absolute;
      top: -10px;
      left: 10px; }
    .scopeArticleBlock .profileBox .profileImg {
      margin: 0 auto;
      text-align: center; }
	 .scopeArticleBlock .profileBox .profileImg img { display: block; border-radius: 50%; margin-left: auto; margin-right: auto;}
    .scopeArticleBlock .profileBox .name {
      font-size: 16px;
      margin-top: 10px; }
      .scopeArticleBlock .profileBox .name .em {
        font-size: 22px; }
    .scopeArticleBlock .profileBox .majorBox {
      margin-top: 20px; }
      .scopeArticleBlock .profileBox .majorBox h5 {
        color: #F7AB00;
        margin-bottom: 5px; }
    .scopeArticleBlock .profileBox .themeList {
      margin-top: 20px; }
      .scopeArticleBlock .profileBox .themeList dt {
        display: block;
        color: #FFF;
        padding: 5px 10px;
        margin-bottom: 10px;
        background-color: #F7AB00;
        background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 7px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 14px); }
      .scopeArticleBlock .profileBox .themeList dd {
        padding-left: 20px;
        position: relative;
        margin-bottom: 5px; }
        .scopeArticleBlock .profileBox .themeList dd:before {
          content: "";
          display: block;
          width: 13px;
          height: 13px;
          border-radius: 50%;
          background-color: #F7AB00;
          position: absolute;
          top: 5px;
          left: 0; }
  .scopeArticleBlock .messageBox {
    background-color: #FDE6AF;
    border-radius: 16px;
    position: relative;
    text-align: left;
    padding: 30px 250px 30px 45px; }
    .scopeArticleBlock .messageBox h3 {
      font-size: 24px; }
    .scopeArticleBlock .messageBox .text {
      margin-top: 20px;
      line-height: 1.8; }
    .scopeArticleBlock .messageBox .img {
      position: absolute;
      top: -40px;
      right: 40px; }
  .scopeArticleBlock .linkBtn {
    width: 100%; }
    .scopeArticleBlock .linkBtn a {
      position: relative;
      background-color: #F7AB00;
      display: inline-block;
      padding: 20px 80px 20px 40px;
      min-width: 380px;
      font-size: 24px;
      color: #FFF;
      font-weight: bold; }
      .scopeArticleBlock .linkBtn a:after {
        content: "";
        display: block;
        width: 25px;
        height: 25px;
        background: url("/with/shared/img/scope/icon_arrow_w.svg") no-repeat center top;
        background-size: 100% 100%;
        position: absolute;
        top: 50%;
        right: 40px;
        transform: translateY(-50%); }
  @media screen and (max-width: 750px) {
    .scopeArticleBlock {
      padding: 13vw 3vw;
      font-size: 4vw;
      gap: 5vw 0; }
      .scopeArticleBlock .scopeArticleHead {
        padding-top: 0; }
        .scopeArticleBlock .scopeArticleHead .titleBox {
          position: relative;
          top: auto;
          left: auto;
          transform: translateY(-4vw); }
          .scopeArticleBlock .scopeArticleHead .titleBox h3 {
            margin-bottom: 2vw; }
            .scopeArticleBlock .scopeArticleHead .titleBox h3 span {
              font-size: 3.7vw;
              padding: 1vw 3vw; }
          .scopeArticleBlock .scopeArticleHead .titleBox .text span {
            font-size: 4.4vw;
            padding: 1vw 3vw;
            margin-bottom: 3vw; }
            .scopeArticleBlock .scopeArticleHead .titleBox .text span:nth-last-of-type(1) {
              margin-bottom: 0; }
      .scopeArticleBlock .boxLeft {
        width: 100%;
        order: 2; }
      .scopeArticleBlock .boxRight {
        order: 4;
        width: 100%; }
      .scopeArticleBlock .boxBottom {
        order: 3; }
      .scopeArticleBlock .itemLead {
        font-size: 5.8vw;
        margin-bottom: 4vw; }
      .scopeArticleBlock .itemPhoto {
        margin: 6vw auto; }
      .scopeArticleBlock .messageBox {
        padding: 5vw;
        margin-top: 5vw;
        letter-spacing: .1em; }
        .scopeArticleBlock .messageBox h3 {
          font-size: 5.8vw; }
        .scopeArticleBlock .messageBox .text {
          margin-top: 4vw;
          line-height: 2; }
      .scopeArticleBlock .profileBox {
        padding: 13vw 8vw 5vw 8vw;
        font-size: 4vw;
        margin: 7vw auto;
        width: 94%; }
        .scopeArticleBlock .profileBox .flag {
          width: 60%;
          top: -3vw;
          left: 4vw; }
        .scopeArticleBlock .profileBox .profileImg {
          width: 85%; }
        .scopeArticleBlock .profileBox .name {
          font-size: 4vw;
          margin-top: 5vw; }
          .scopeArticleBlock .profileBox .name .em {
            font-size: 5.8vw; }
        .scopeArticleBlock .profileBox .majorBox {
          margin-top: 5vw; }
          .scopeArticleBlock .profileBox .majorBox h5 {
            margin-bottom: 2vw; }
        .scopeArticleBlock .profileBox .themeList {
          margin-top: 5vw; }
          .scopeArticleBlock .profileBox .themeList dt {
            padding: 1vw 3vw;
            margin-bottom: 3vw;
            background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) 0.7vw, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 1.4vw); }
          .scopeArticleBlock .profileBox .themeList dd {
            padding-left: 5vw;
            margin-bottom: 1vw; }
            .scopeArticleBlock .profileBox .themeList dd:before {
              width: 3vw;
              height: 3vw;
              top: 1.4vw; }
      .scopeArticleBlock .linkBtn {
        order: 5; }
        .scopeArticleBlock .linkBtn a {
          width: 100%;
          padding: 5vw 15vw;
          min-width: inherit;
          font-size: 4.8vw; }
          .scopeArticleBlock .linkBtn a:after {
            width: 5vw;
            height: 5vw;
            right: 5vw; } }
  .scopeArticleBlock.food .scopeArticleHead .deco1 {
    top: -50px;
    right: -110px; }
  .scopeArticleBlock.food .scopeArticleHead .deco2 {
    bottom: 30px;
    left: -125px; }
  .scopeArticleBlock.sports {
    background-color: #FFF8E4; }
    .scopeArticleBlock.sports .scopeArticleHead .titleBox h3 span {
      background-color: #F7AB00; }
    .scopeArticleBlock.sports .scopeArticleHead .titleBox .text span {
      color: #F7AB00; }
    .scopeArticleBlock.sports .profileBox .majorBox h5 {
      color: #F7AB00; }
    .scopeArticleBlock.sports .profileBox .themeList dt {
      background-color: #F7AB00; }
    .scopeArticleBlock.sports .profileBox .themeList dd:before {
      background-color: #F7AB00; }
    .scopeArticleBlock.sports .messageBox {
      background-color: rgba(247, 171, 0, 0.23); }
    .scopeArticleBlock.sports .linkBtn a {
      background-color: #F7AB00; }
  .scopeArticleBlock.sociology {
    background-color: #FBE8E9; }
    .scopeArticleBlock.sociology .scopeArticleHead .titleBox h3 span {
      background-color: #E85298; }
    .scopeArticleBlock.sociology .scopeArticleHead .titleBox .text span {
      color: #E85298; }
    .scopeArticleBlock.sociology .profileBox .majorBox h5 {
      color: #E85298; }
    .scopeArticleBlock.sociology .profileBox .themeList dt {
      background-color: #E85298; }
    .scopeArticleBlock.sociology .profileBox .themeList dd:before {
      background-color: #E85298; }
    .scopeArticleBlock.sociology .messageBox {
      background-color: rgba(232, 82, 152, 0.23); }
    .scopeArticleBlock.sociology .linkBtn a {
      background-color: #E85298; }
  .scopeArticleBlock.distribution {
    background-color: #E9F3F0; }
    .scopeArticleBlock.distribution .scopeArticleHead .titleBox h3 span {
      background-color: #009D85; }
    .scopeArticleBlock.distribution .scopeArticleHead .titleBox .text span {
      color: #009D85; }
    .scopeArticleBlock.distribution .profileBox .majorBox h5 {
      color: #009D85; }
    .scopeArticleBlock.distribution .profileBox .themeList dt {
      background-color: #009D85; }
    .scopeArticleBlock.distribution .profileBox .themeList dd:before {
      background-color: #009D85; }
    .scopeArticleBlock.distribution .messageBox {
      background-color: rgba(0, 157, 133, 0.23); }
    .scopeArticleBlock.distribution .linkBtn a {
      background-color: #009D85; }
  .scopeArticleBlock.economics {
    background-color: #e6f9ff; }
    .scopeArticleBlock.economics .scopeArticleHead .titleBox h3 span {
      background-color: #00A7EA; }
    .scopeArticleBlock.economics .scopeArticleHead .titleBox .text span {
      color: #00A7EA; }
    .scopeArticleBlock.economics .profileBox .majorBox h5 {
      color: #00A7EA; }
    .scopeArticleBlock.economics .profileBox .themeList dt {
      background-color: #00A7EA; }
    .scopeArticleBlock.economics .profileBox .themeList dd:before {
      background-color: #00A7EA; }
    .scopeArticleBlock.economics .messageBox {
      background-color: rgba(0, 167, 234, 0.23); }
    .scopeArticleBlock.economics .linkBtn a {
      background-color: #00A7EA; }
  .scopeArticleBlock.law {
    background-color: #fce4d7; }
    .scopeArticleBlock.law .scopeArticleHead .titleBox h3 span {
      background-color: #EA5504; }
    .scopeArticleBlock.law .scopeArticleHead .titleBox .text span {
      color: #EA5504; }
    .scopeArticleBlock.law .profileBox .majorBox h5 {
      color: #EA5504; }
    .scopeArticleBlock.law .profileBox .themeList dt {
      background-color: #EA5504; }
    .scopeArticleBlock.law .profileBox .themeList dd:before {
      background-color: #EA5504; }
    .scopeArticleBlock.law .messageBox {
      background-color: rgba(234, 85, 4, 0.23); }
    .scopeArticleBlock.law .linkBtn a {
      background-color: #EA5504; }
.scopeArticleBlock .scopeArticleHead .titleBox .text span.small {
font-size: 17px;
}
.scopeArticleBlock .gallery {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 40px auto;
row-gap: 20px;
}
.scopeArticleBlock .gallery figure{
width: 49%;
}
.scopeArticleBlock .gallery figure img{
width: 100%;
border-radius: 20px;
margin-bottom: 15px;
}
.scopeArticleBlock .gallery figure figcaption{
font-size: 14px;
}
.scopeArticleBlock .mainCaption {
position: absolute;
width: fit-content;
background-color: rgba(0, 0, 0, 0.33);
bottom: 30px;
left: 50px;
color: white;
font-size: 15px;
text-align: left;
padding: 0 4px;
}
@media screen and (max-width: 750px) {
.scopeArticleBlock .gallery {
flex-direction: column;
justify-content: space-between;
margin: 40px auto;
row-gap: 20px;
}
.scopeArticleBlock .gallery figure{
width: 100%;
}
.scopeArticleBlock .mainCaption {
bottom: 36vw;
left: 0;
color: white;
font-size: 12px;
}
.scopeArticleBlock .scopeArticleHead .titleBox .text span.small {
font-size: 4vw;
}
}
.scopeSlider li .titleBox h3 span{line-height: 1.2;}
.scopeSlider li .titleBox h3 span > em { display: block; font-size: 1.25em; font-style: normal; padding-top: 0.25em;}
.scope-link {display: flex; width: 90%; flex-direction: column; order: 6; margin-left: auto; margin-right: auto;}
h3.subtitle {display: block; margin: 1em auto .75em auto; text-align: center;}
ul.link-dot {display: flex; flex-direction: row; width: 100%; max-width: 400px; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto;}
ul.link-dot li {width: 5vw; height: 5vw; max-width: 20px; max-height: 20px;}
ul.link-dot li a {display: block;width: 100%; height: 100%;}
ul.link-dot li.colYellow a {
background-color: #F7AB00; }
ul.link-dot li.colPink a {
background-color: #E85298; }
ul.link-dot li.colGreen a {
background-color: #009D85; }
ul.link-dot li.colOrange a {
background-color: #EA5504; }
ul.link-dot li.colBlue a {
background-color: #00A7EA; }
ul.link-dot li.current {transform: scale(.75, .75); opacity: .5;}