@charset "UTF-8";
html {
  scroll-behavior: smooth; }

.cont_container .w1000 {
  max-width: 1000px;
  margin: auto;
  /*box-sizing: border-box;*/
  padding: 0 10px; }

/*
* リセット
*/
.container {
  padding-bottom: 0; }
.cont_container {
	font-size: 14px; }
  @media screen and (min-width: 641px) {
    .cont_container {
      font-size: 12.8px; } }
  @media screen and (max-width: 640px) {
    .cont_container .cont_nav {
      font-size: 12.8px; } }
.cont_container .cont_ttl {
  text-align: center;
  margin-top: 0; }



.cont_container .cont_days {
  text-align: center;
  background: #000;
  color: #FFFF00;
  padding: 0.5em;
	font-size: 3.2rem;
  font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6", "Kozuka Mincho Pr6N R", "小塚明朝 Pr6N R", "Hiragino Mincho ProN", "Kozuka Mincho Pro Acro R", "小塚明朝 Pro Acro R", HGPMinchoB, "HGP明朝B", HGPMinchoE, "HGP明朝E", IPAMonaPMincho, "IPA モナー P明朝", "Bitstream Cyberbit", Serif, serif; }
  @media screen and (min-width: 641px) {
    .cont_container .cont_days {
      font-size: 4.7rem; } 
}

.cont_container .end_period {
  text-align: center;
  background: #ffedd4;
  color: #000000;
  padding: 0.5em;
	font-size: 2.4rem;
  font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6", "Kozuka Mincho Pr6N R", "小塚明朝 Pr6N R", "Hiragino Mincho ProN", "Kozuka Mincho Pro Acro R", "小塚明朝 Pro Acro R", HGPMinchoB, "HGP明朝B", HGPMinchoE, "HGP明朝E", IPAMonaPMincho, "IPA モナー P明朝", "Bitstream Cyberbit", Serif, serif; }
  @media screen and (min-width: 641px) {
    .cont_container .end_period {
      font-size: 2.1rem; } 
}

/*20250313　レスポンシブの表示内容変更追加　ここから↓*/
#changer p.sp-words {
	display: none;
	text-align: center;
	font-size: 0.6em;
}

 @media screen and (max-width: 641px) {
#changer p.pc-words {
	display: none;
}
#changer p.sp-words {
	display: block;
}
}

/*20250313　レスポンシブの表示内容変更追加　ここまで↑*/


.cont_container .cont_days2 {
  text-align: center;
  background: #fe0034;
  color: #FFFF00;
  padding: 0.3em;
	font-size: 1.8rem;
  font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6", "Kozuka Mincho Pr6N R", "小塚明朝 Pr6N R", "Hiragino Mincho ProN", "Kozuka Mincho Pro Acro R", "小塚明朝 Pro Acro R", HGPMinchoB, "HGP明朝B", HGPMinchoE, "HGP明朝E", IPAMonaPMincho, "IPA モナー P明朝", "Bitstream Cyberbit", Serif, serif; }
  @media screen and (min-width: 641px) {
    .cont_container .cont_days2 {
      font-size: 1.9rem; } }

.cont_container .cont_nav {
  background: #3bb964; }
  @media screen and (min-width: 641px) {
    .cont_container .cont_nav {
      font-size: 1.3rem; } }
  @media screen and (max-width: 640px) {
    .cont_container .cont_nav {
      font-size: 1.3rem; } }
  @media screen and (max-width: 640px) {
    .cont_container .cont_nav .w1000 {
      padding: 0; } }
  .cont_container .cont_nav .w1000 ul {
    margin: 0;
    padding: 0; }
    @media screen and (min-width: 641px) {
      .cont_container .cont_nav .w1000 ul {
        display: flex;
        justify-content: center; } }
    .cont_container .cont_nav .w1000 ul li {
      list-style-type: none; }
      @media screen and (min-width: 641px) {
        .cont_container .cont_nav .w1000 ul li {
          border-right: 1px solid rgba(255, 255, 255, 0.575); }
          .cont_container .cont_nav .w1000 ul li:first-child {
            border-left: 1px solid rgba(255, 255, 255, 0.575); } }
      @media screen and (max-width: 640px) {
        .cont_container .cont_nav .w1000 ul li {
          border-top: 1px solid rgba(255, 255, 255, 0.575); }
          .cont_container .cont_nav .w1000 ul li:first-child {
            border-top: none; } }
      .cont_container .cont_nav .w1000 ul li a {
        display: inline-block;
        color: #FFF;
        text-decoration: none;
        position: relative;
        display: block; }
        .cont_container .cont_nav .w1000 ul li a:before {
          position: absolute;
          content: "";
          display: block;
          height: 100%;
          top: 0;
          left: 0;
          background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22598px%22%20height%3D%22538px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20stroke%3D%22rgb(255%2C%20255%2C%20255)%22%20stroke-width%3D%2230px%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%20fill%3D%22none%22%20d%3D%22M533.987%2C28.000%20L291.500%2C448.000%20L49.013%2C28.000%20%22%2F%3E%3C%2Fsvg%3E");
          background-size: 50%;
          background-repeat: no-repeat;
          background-position: center right; }
          @media screen and (min-width: 641px) {
            .cont_container .cont_nav .w1000 ul li a:before {
              width: 25px; } }
          @media screen and (max-width: 640px) {
            .cont_container .cont_nav .w1000 ul li a:before {
              width: 20px; } }
        @media screen and (min-width: 641px) {
          .cont_container .cont_nav .w1000 ul li a {
            padding: 10px 10px 10px 35px; } }
        @media screen and (max-width: 640px) {
          .cont_container .cont_nav .w1000 ul li a {
            padding: 8px 8px 8px 30px; } }

.cont_container h3.cont_midashi {
  text-align: center;
  margin-top: 0;
  color: #1d1d1d;
  font-family: "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro W6", "ヒラギノ明朝 Pro W6", "Kozuka Mincho Pr6N R", "小塚明朝 Pr6N R", "Hiragino Mincho ProN", "Kozuka Mincho Pro Acro R", "小塚明朝 Pro Acro R", HGPMinchoB, "HGP明朝B", HGPMinchoE, "HGP明朝E", IPAMonaPMincho, "IPA モナー P明朝", "Bitstream Cyberbit", Serif, serif; }
  @media screen and (min-width: 641px) {
    .cont_container h3.cont_midashi {
      font-size: 4.72rem; } }
  @media screen and (max-width: 640px) {
    .cont_container h3.cont_midashi {
      font-size: 2.9rem; } }
  @media screen and (min-width: 641px) {
    .cont_container h3.cont_midashi span.cont_s {
      font-size: 4.08rem; } }
  @media screen and (max-width: 640px) {
    .cont_container h3.cont_midashi span.cont_s {
      font-size: 2.6rem; } }
  .cont_container h3.cont_midashi span.cont_line {
    background: linear-gradient(to bottom, rgba(255, 230, 0, 0) 0%, rgba(255, 230, 0, 0) 90%, #ffe600 90%, #ffe600 100%); }
  .cont_container h3.cont_midashi + .cont_read {
    text-align: center;
		margin-top: 15px;
		font-size: 1.9rem; }

.cont_container .cont_movies {
  background: url("/assets/img/special/congest_prediction/bg_movies.png"); }
  @media screen and (min-width: 641px) {
    .cont_container .cont_movies {
      padding: 50px 0; } }
  @media screen and (max-width: 640px) {
    .cont_container .cont_movies {
      padding: 30px 0; } }
  .cont_container .cont_movies .w1000 ul.cont_movielist {
    padding: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    @media screen and (min-width: 641px) {
      .cont_container .cont_movies .w1000 ul.cont_movielist {
        margin: 30px 0 0; } }
    @media screen and (max-width: 640px) {
      .cont_container .cont_movies .w1000 ul.cont_movielist {
        margin: 30px -10px 0 -10px; } }
    .cont_container .cont_movies .w1000 ul.cont_movielist li {
      list-style-type: none;
      box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2); }
      @media screen and (min-width: 641px) {
        .cont_container .cont_movies .w1000 ul.cont_movielist li {
          width: 49%;
          margin-bottom: 20px; } }
      @media screen and (max-width: 640px) {
        .cont_container .cont_movies .w1000 ul.cont_movielist li {
          width: 100%; } }
      .cont_container .cont_movies .w1000 ul.cont_movielist li .youtube {
        position: relative;
        padding-bottom: 56.25%;
        /*アスペクト比 16:9の場合の縦幅*/
        height: 0;
        overflow: hidden; }
        .cont_container .cont_movies .w1000 ul.cont_movielist li .youtube iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
      .cont_container .cont_movies .w1000 ul.cont_movielist li .cont_mv_ttl {
        display: flex;
        padding: 10px 7px;
        align-items: center;
        background: #FFF; }
        @media screen and (max-width: 640px) {
          .cont_container .cont_movies .w1000 ul.cont_movielist li .cont_mv_ttl {
            padding-bottom: 20px; } }
        .cont_container .cont_movies .w1000 ul.cont_movielist li .cont_mv_ttl .icon_area {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          overflow: hidden;
          margin-right: 10px; }
        .cont_container .cont_movies .w1000 ul.cont_movielist li .cont_mv_ttl h4 {
          margin: 0; }

.cont_container .cont_map {
  background: linear-gradient(to bottom, #ecf6fc 0%, #ffffff 40%, #ffffff 60%, #ecf6fc 100%); }
  @media screen and (min-width: 641px) {
    .cont_container .cont_map {
      padding: 50px 0 20px 0; } }
  @media screen and (max-width: 640px) {
    .cont_container .cont_map {
      padding: 30px 0 20px 0; } }
  .cont_container .cont_map .cont_map_view {
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
    margin-top: 15px;
    overflow: hidden;
    /*.swiper-container {
                margin-left: auto;
                margin-right: auto;
            }*/ }
    @media screen and (max-width: 640px) {
      .cont_container .cont_map .cont_map_view {
        margin: 15px -10px 0 -10px; } }
    .cont_container .cont_map .cont_map_view .map-thumbs-wrap {
      position: relative;
      margin-bottom: 5px;
      background: #dfdfdf; }
      .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs {
        box-sizing: border-box;
        overflow: visible; }
        @media screen and (min-width: 641px) {
          .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs {
            margin: 0 70px 0 30px; } }
        @media screen and (max-width: 640px) {
          .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs {
            margin: 0 30px 0 0; } }
        .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs .swiper-slide {
          text-align: center;
          background: #9cdcb1;
          position: relative;
          color: #FFF;
          padding: 0.7em 0.2em;
          line-height: 1.3;
          box-sizing: border-box;
          border-right: 1px solid #f3f9fd;
          cursor: pointer;
          font-weight: bold; }
          .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs .swiper-slide:active {
            background: #3bb964;
            transition: all 0.2s; }
          @media screen and (min-width: 641px) {
            .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs .swiper-slide:hover {
              background: #3bb964;
              transition: all 0.2s; } }
          @media screen and (max-width: 640px) {
            .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs .swiper-slide {
              font-size: 1.4rem; } }
          .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs .swiper-slide.saturday {
            background: #a4d3e5; }
            .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs .swiper-slide.saturday:active {
              background: #3fb0dd; }
            @media screen and (min-width: 641px) {
              .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs .swiper-slide.saturday:hover {
                background: #3fb0dd; } }
          .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs .swiper-slide.sunday {
            background: #eec8db; }
            .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs .swiper-slide.sunday:active {
              background: #ee8bbd; }
            @media screen and (min-width: 641px) {
              .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs .swiper-slide.sunday:hover {
                background: #ee8bbd; } }
          .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs .swiper-slide .icon_atten {
            position: absolute;
            right: 0px;
            top: 0px;
            width: 12px;
            height: 12px;
            opacity: 0.8; }
          .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs .swiper-slide span {
            font-weight: normal; }
            @media screen and (min-width: 641px) {
              .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs .swiper-slide span {
                font-size: 0.8rem; } }
            @media screen and (max-width: 640px) {
              .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs .swiper-slide span {
                font-size: 0.7rem; } }
        .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs .swiper-slide-thumb-active {
          background: #3bb964; }
          .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs .swiper-slide-thumb-active.saturday {
            background: #3fb0dd; }
          .cont_container .cont_map .cont_map_view .map-thumbs-wrap .map-thumbs .swiper-slide-thumb-active.sunday {
            background: #ee8bbd; }
      .cont_container .cont_map .cont_map_view .map-thumbs-wrap .swiper-button-next,
      .cont_container .cont_map .cont_map_view .map-thumbs-wrap .swiper-button-prev {
        display: none; }
      .cont_container .cont_map .cont_map_view .map-thumbs-wrap #mapthumbs-btn-prev,
      .cont_container .cont_map .cont_map_view .map-thumbs-wrap #mapthumbs-btn-next {
        position: absolute;
        height: 100%;
        background: #a3a3a3;
        top: 0;
        cursor: pointer;
        z-index: 999; }
        @media screen and (min-width: 641px) {
          .cont_container .cont_map .cont_map_view .map-thumbs-wrap #mapthumbs-btn-prev,
          .cont_container .cont_map .cont_map_view .map-thumbs-wrap #mapthumbs-btn-next {
            width: 30px; } }
        @media screen and (max-width: 640px) {
          .cont_container .cont_map .cont_map_view .map-thumbs-wrap #mapthumbs-btn-prev,
          .cont_container .cont_map .cont_map_view .map-thumbs-wrap #mapthumbs-btn-next {
            width: 15px; } }
        @media screen and (max-width: 640px) {
          .cont_container .cont_map .cont_map_view .map-thumbs-wrap #mapthumbs-btn-prev,
          .cont_container .cont_map .cont_map_view .map-thumbs-wrap #mapthumbs-btn-next {
            display: none; } }
      .cont_container .cont_map .cont_map_view .map-thumbs-wrap #mapthumbs-btn-prev {
        left: 0;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: 70%;
        background-position: center;
        box-shadow: 1px 0px 3px 0px rgba(0, 0, 0, 0.2); }
      .cont_container .cont_map .cont_map_view .map-thumbs-wrap #mapthumbs-btn-next {
        right: 0;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-size: 70%;
        background-position: center;
        box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.2); }
    @media screen and (min-width: 641px) {
      .cont_container .cont_map .cont_map_view .map-top .swiper-slide a:hover {
        opacity: 0.8; } }
    .cont_container .cont_map .cont_map_view .map-top .swiper-slide a:active {
      opacity: 0.8; }
    .cont_container .cont_map .cont_map_view .map-top .swiper-button-next {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23999'%2F%3E%3C%2Fsvg%3E"); }
    .cont_container .cont_map .cont_map_view .map-top .swiper-button-prev {
      background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23999'%2F%3E%3C%2Fsvg%3E"); }
  .cont_container .cont_map .pho_mapimg {
    position: relative;
    z-index: 999;
    text-align: center; }
    .cont_container .cont_map .pho_mapimg img {
      width: 25%;
      height: auto;
      margin-top: -3%; }

.cont_container .cont_howto {
  border-top: 1px solid #dedede;
  background: #f2f2f2 url("/assets/img/special/congest_prediction/bg_howto.svg") no-repeat top center; }
  @media screen and (min-width: 641px) {
    .cont_container .cont_howto {
      padding: 50px 0;
      background-size: 1400px 300px; } }
  @media screen and (max-width: 640px) {
    .cont_container .cont_howto {
      padding: 30px 0;
      background-size: 110% auto; } }
  .cont_container .cont_howto input[type="radio"] {
    display: none; }
  .cont_container .cont_howto input#howto-btn01:checked ~ .cont_howto_nav label.howto-btn01 {
    background: #009944;
    border: 1px solid #009944; }
    .cont_container .cont_howto input#howto-btn01:checked ~ .cont_howto_nav label.howto-btn01 .cont_btnttl {
      color: #FFF; }
    .cont_container .cont_howto input#howto-btn01:checked ~ .cont_howto_nav label.howto-btn01 span {
      background: #FFF;
      color: #009944; }
  .cont_container .cont_howto input#howto-btn01:checked ~ #cont_howto_wrap .cont_howto_cont01 {
    display: block; }
  .cont_container .cont_howto input#howto-btn02:checked ~ .cont_howto_nav label.howto-btn02 {
    background: #009944;
    border: 1px solid #009944; }
    .cont_container .cont_howto input#howto-btn02:checked ~ .cont_howto_nav label.howto-btn02 .cont_btnttl {
      color: #FFF; }
    .cont_container .cont_howto input#howto-btn02:checked ~ .cont_howto_nav label.howto-btn02 span {
      background: #FFF;
      color: #009944; }
  .cont_container .cont_howto input#howto-btn02:checked ~ #cont_howto_wrap .cont_howto_cont02 {
    display: block; }
  .cont_container .cont_howto input#howto-btn03:checked ~ .cont_howto_nav label.howto-btn03 {
    background: #009944;
    border: 1px solid #009944; }
    .cont_container .cont_howto input#howto-btn03:checked ~ .cont_howto_nav label.howto-btn03 .cont_btnttl {
      color: #FFF; }
    .cont_container .cont_howto input#howto-btn03:checked ~ .cont_howto_nav label.howto-btn03 span {
      background: #FFF;
      color: #009944; }
  .cont_container .cont_howto input#howto-btn03:checked ~ #cont_howto_wrap .cont_howto_cont03 {
    display: block; }
  .cont_container .cont_howto input#howto-btn04:checked ~ .cont_howto_nav label.howto-btn04 {
    background: #009944;
    border: 1px solid #009944; }
    .cont_container .cont_howto input#howto-btn04:checked ~ .cont_howto_nav label.howto-btn04 .cont_btnttl {
      color: #FFF; }
    .cont_container .cont_howto input#howto-btn04:checked ~ .cont_howto_nav label.howto-btn04 span {
      background: #FFF;
      color: #009944; }
  .cont_container .cont_howto input#howto-btn04:checked ~ #cont_howto_wrap .cont_howto_cont04 {
    display: block; }
  .cont_container .cont_howto input#howto-btn05:checked ~ .cont_howto_nav label.howto-btn05 {
    background: #009944;
    border: 1px solid #009944; }
    .cont_container .cont_howto input#howto-btn05:checked ~ .cont_howto_nav label.howto-btn05 .cont_btnttl {
      color: #FFF; }
    .cont_container .cont_howto input#howto-btn05:checked ~ .cont_howto_nav label.howto-btn05 span {
      background: #FFF;
      color: #009944; }
  .cont_container .cont_howto input#howto-btn05:checked ~ #cont_howto_wrap .cont_howto_cont05 {
    display: block; }
  .cont_container .cont_howto .cont_sec_img {
    text-align: center; }
    .cont_container .cont_howto .cont_sec_img img {
      max-width: 800px;
      width: 95%;
      height: auto; }
      @media screen and (min-width: 641px) {
        .cont_container .cont_howto .cont_sec_img img {
          margin-top: -3%; } }
  @media screen and (min-width: 641px) {
    .cont_container .cont_howto .cont_howto_nav {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
      .cont_container .cont_howto .cont_howto_nav:after {
        content: "";
        display: block;
        width: 32.5%;
        height: 0; } }
  .cont_container .cont_howto .cont_howto_nav label {
    background: #fffde7;
    border: 1px solid #aaaaaa;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
    margin-top: 7px;
    box-sizing: border-box;
    transition: all 0.3s;
    position: relative;
    z-index: 1;
    display: block; }
    .cont_container .cont_howto .cont_howto_nav label:active .cont_btnttl {
      color: #FFF; }
    .cont_container .cont_howto .cont_howto_nav label:active .cont_point span {
      background: #FFF;
      color: #009944; }
    .cont_container .cont_howto .cont_howto_nav label:active:before {
      transition: all 0.2s;
      transform: scale(1, 1); }
    @media screen and (min-width: 641px) {
      .cont_container .cont_howto .cont_howto_nav label {
        width: 32.8%;
        padding: 0.7em 0.8em; }
        .cont_container .cont_howto .cont_howto_nav label:hover .cont_btnttl {
          color: #FFF; }
        .cont_container .cont_howto .cont_howto_nav label:hover .cont_point span {
          background: #FFF;
          color: #009944; }
        .cont_container .cont_howto .cont_howto_nav label:hover:before {
          transition: all 0.2s;
          transform: scale(1, 1); } }
    @media screen and (max-width: 640px) {
      .cont_container .cont_howto .cont_howto_nav label {
        padding: 0.5em; } }
    .cont_container .cont_howto .cont_howto_nav label:before {
      content: "";
      position: absolute;
      z-index: -1;
      background: #009944;
      transition: all 0s;
      transform: scale(0, 1);
      transform-origin: left top;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .cont_container .cont_howto .cont_howto_nav label a {
      text-decoration: none; }
    .cont_container .cont_howto .cont_howto_nav label .cont_point span {
      background: #009944;
      font-size: 90%;
      color: #FFF;
      display: inline-block;
      border-radius: 10px;
      padding: 0.5em 3em;
      margin-bottom: 0.5em; }
    .cont_container .cont_howto .cont_howto_nav label .cont_btnttl {
      font-weight: bold;
      color: #1b1b1b; }
      @media screen and (min-width: 641px) {
        .cont_container .cont_howto .cont_howto_nav label .cont_btnttl {
          font-size: 1.7rem; } }
  .cont_container .cont_howto .cont_howto_cont {
    display: none; }
    .cont_container .cont_howto .cont_howto_cont h3 {
      font-size: 1.7rem;
			margin-top: 30px;
      border-bottom: 1px solid #000;
      padding-bottom: 0.3em; }
    .cont_container .cont_howto .cont_howto_cont > ul {
      margin: 30px 0 0 0;
      padding: 0; }
      @media screen and (min-width: 641px) {
        .cont_container .cont_howto .cont_howto_cont > ul {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap; } }
      .cont_container .cont_howto .cont_howto_cont > ul li {
        list-style-type: none;
        margin-top: 15px;
        box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
        background: #FFF; }
        @media screen and (min-width: 641px) {
          .cont_container .cont_howto .cont_howto_cont > ul li {
            width: 49%; } }
        .cont_container .cont_howto .cont_howto_cont > ul li p {
          margin: 0;
          padding: 0.5em 1em; }
    .cont_container .cont_howto .cont_howto_cont .cont_onepoint {
      margin-top: 30px; }
      @media screen and (min-width: 641px) {
        .cont_container .cont_howto .cont_howto_cont .cont_onepoint {
          display: flex;
          flex-direction: row-reverse;
          align-items: center; } }
      @media screen and (max-width: 640px) {
        .cont_container .cont_howto .cont_howto_cont .cont_onepoint {
          font-size: 0.8rem; } }
      .cont_container .cont_howto .cont_howto_cont .cont_onepoint .cont_hukudashi {
        background: url("/assets/img/special/congest_prediction/bg_onepoint_hukudashi.png");
        border-radius: 10px;
        border: 5px solid #45c47e;
        padding: 15px;
        box-sizing: border-box;
        position: relative; }
				@media screen and (max-width: 640px) {
					.cont_container .cont_howto .cont_howto_cont .cont_onepoint .cont_hukudashi {
						font-size: 1.28rem; } }
        .cont_container .cont_howto .cont_howto_cont .cont_onepoint .cont_hukudashi:before {
          content: '';
          position: absolute;
          width: 0;
          height: 0; }
          @media screen and (min-width: 641px) {
            .cont_container .cont_howto .cont_howto_cont .cont_onepoint .cont_hukudashi:before {
              top: 50%;
              left: -20px;
              border-top: 10px solid transparent;
              border-right: 20px solid #45c47e;
              border-bottom: 10px solid transparent;
              transform: translateY(-50%); } }
          @media screen and (max-width: 640px) {
            .cont_container .cont_howto .cont_howto_cont .cont_onepoint .cont_hukudashi:before {
              bottom: -20px;
              left: 50%;
              transform: translateX(-50%);
              border-left: 10px solid transparent;
              border-right: 10px solid transparent;
              border-top: 20px solid #45c47e; } }
        @media screen and (min-width: 641px) {
          .cont_container .cont_howto .cont_howto_cont .cont_onepoint .cont_hukudashi {
            width: calc(100% - 170px); } }
        .cont_container .cont_howto .cont_howto_cont .cont_onepoint .cont_hukudashi h4 {
          font-size: 100%;
          margin-bottom: 15px;
          margin-top: 0; }
        .cont_container .cont_howto .cont_howto_cont .cont_onepoint .cont_hukudashi .pct_sagu {
          float: right;
          width: 100px;
          margin-left: 5px;
          margin-bottom: 5px; }
        .cont_container .cont_howto .cont_howto_cont .cont_onepoint .cont_hukudashi ul {
          margin: 15px 0 0 0;
          padding: 0; }
          .cont_container .cont_howto .cont_howto_cont .cont_onepoint .cont_hukudashi ul li {
            list-style-type: none; }
      @media screen and (min-width: 641px) {
        .cont_container .cont_howto .cont_howto_cont .cont_onepoint .cont_img {
          width: 170px;
          padding-right: 15px;
          box-sizing: border-box; } }
      @media screen and (max-width: 640px) {
        .cont_container .cont_howto .cont_howto_cont .cont_onepoint .cont_img {
          text-align: center;
          margin-top: 18px; }
          .cont_container .cont_howto .cont_howto_cont .cont_onepoint .cont_img img {
            width: 170px; } }

@media screen and (min-width: 641px) {
  .cont_container .cont_asidebox {
    padding: 50px 0; } }

@media screen and (max-width: 640px) {
  .cont_container .cont_asidebox {
    padding: 30px 0; } }

.cont_container .cont_asidebox .topic_box02 ul {
  margin: 0;
  padding: 0; }
  @media screen and (min-width: 641px) {
    .cont_container .cont_asidebox .topic_box02 ul {
      display: flex;
      justify-content: space-between; } }
  .cont_container .cont_asidebox .topic_box02 ul li {
    list-style-type: none; }
    @media screen and (min-width: 641px) {
      .cont_container .cont_asidebox .topic_box02 ul li {
        width: 30%; } }
    .cont_container .cont_asidebox .topic_box02 ul li a {
      text-decoration: none;
      color: #333333;
      display: block; }
      .cont_container .cont_asidebox .topic_box02 ul li a:active {
        opacity: 0.8; }
      @media screen and (min-width: 641px) {
        .cont_container .cont_asidebox .topic_box02 ul li a:hover {
          opacity: 0.8; } }
      @media screen and (max-width: 640px) {
        .cont_container .cont_asidebox .topic_box02 ul li a {
          display: flex;
          vertical-align: top;
          margin-bottom: 30px;
          font-size: 0.8rem; } }
      @media screen and (max-width: 640px) {
        .cont_container .cont_asidebox .topic_box02 ul li a h4 {
          font-size: 1.28rem;
          margin-top: 0; } }
      .cont_container .cont_asidebox .topic_box02 ul li a img {
        display: block;
        max-width: 130px; }
        @media screen and (min-width: 641px) {
          .cont_container .cont_asidebox .topic_box02 ul li a img {
            margin: auto; } }
        @media screen and (max-width: 640px) {
          .cont_container .cont_asidebox .topic_box02 ul li a img {
            width: 90px;
            margin-right: 10px;
            height: auto; } }
      .cont_container .cont_asidebox .topic_box02 ul li a .cont_txt span.cont_link {
        color: #0066cc; }
      @media screen and (max-width: 640px) {
        .cont_container .cont_asidebox .topic_box02 ul li a .cont_txt p {
          margin-top: 5px; } }
      @media screen and (max-width: 640px) {
        .cont_container .cont_asidebox .topic_box02 p,.cont_container .cont_asidebox .topic_box02 span {
          font-size: 1.28rem; } }