@charset "UTF-8";
/*############################
SETTING
############################*/
/**/
.sm-show,
.md-show,
.lg-show,
.sw-show,
.xl-show,
.fw-show,
.xxl-show {
  display: none; }

.c-pagetop--prev {
  display: none; }

.l-contents__body {
  margin-top: 10px;
  border-top: solid 1px #ddd;
  padding-top: 2em;
  padding-bottom: 3em; }

.c-header__xs__menu {
  text-align: center;
  padding-bottom: 10px; }

.c-header__xs__menu ul {
  display: block;
  border-bottom: solid 1px #ddd; }

.c-header__xs__menu li {
  display: block;
  width: 100%;
  border-top: solid 1px #ddd; }

.c-header__xs__menu a {
  display: block;
  padding-top: .75em;
  padding-bottom: .75em;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
  color: #029fbd; }

/*20171227ポータルにも緊急等のリンク　ここから*/
.c-header__kinkyu {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px; }

.c-header__kinkyu ul {
  width: 100%;
  display: table; }

.c-header__kinkyu li {
  letter-spacing: normal;
  display: table-cell; }

.c-header__kinkyu li:nth-child(1) a {
  background-color: #f30000;
  border-radius: 10px 0 0 10px; }

.c-header__kinkyu li:nth-child(2) a {
  background-color: #0033cc; }

.c-header__kinkyu li:nth-child(3) a {
  background-color: #4c9933;
  border-radius: 0 10px 10px 0; }

.c-header__kinkyu a {
  color: #fff;
  font-weight: bold;
  height: 34px;
  display: block;
  padding-left: .5em;
  padding-right: .5em;
  line-height: 34px;
  text-decoration: none;
  text-align: center; }
/*20171227ポータルにも緊急等のリンク　ここまで*/

.p-hero {
  overflow: hidden; }

.p-hero__u {
  position: relative; }

.p-hero__img {
  height: 340px;
  background-position: center;
  background-image: url(../../img/images/p_th_izu_bg.png); }

.p-hero__img__inn {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 1000px;
  height: 940px;
  border-radius: 50%;
  background-color: #029fbd;
  -webkit-transition: all 3s;
  transition: all 3s;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transform: translateY(-21%) translateX(-42%) scale(0.33);
          transform: translateY(-21%) translateX(-42%) scale(0.33); }

.p-hero__img__inn img {
  top: 0;
  left: 0;
  position: absolute;
  max-width: none;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: translateY(0%) translateX(-30%) scale(1);
          transform: translateY(0%) translateX(-30%) scale(1);
  -webkit-transition: -webkit-transform 2s;
  transition: -webkit-transform 2s;
  transition: transform 2s;
  transition: transform 2s, -webkit-transform 2s; }

.p-hero__img__inn.is-before.is-first {
  -webkit-transform: translateY(-50%) translateX(0%) scale(0);
          transform: translateY(-50%) translateX(0%) scale(0); }

.p-hero__img__inn.is-before.is-first img {
  -webkit-transform: translateY(34%) translateX(-3%) scale(1);
          transform: translateY(34%) translateX(-3%) scale(1); }

.p-hero__img__inn.is-first {
  -webkit-transform: translateY(0%) translateX(-42%) scale(0.7);
          transform: translateY(0%) translateX(-42%) scale(0.7); }

.p-hero__img__inn.is-first img {
  -webkit-transform: translateY(35%) translateX(-3%) scale(0.35);
          transform: translateY(35%) translateX(-3%) scale(0.35); }

.p-hero__mask {
  background-image: url(../../img/images/po_th_mask.png);
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.p-hero__txt {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", serif, Georgia, "Times New Roman", Times;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateY(-70%);
          transform: translateY(-70%);
  top: 50%;
  -webkit-transition: all 2s;
  transition: all 2s; }

.p-hero__txt.is-hero-start {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.p-hero__txt__catch {
  font-size: 24px;
  font-size: 1.5rem;
  color: #fff;
  line-height: 1.5; }

.p-hero__txt__catch span {
  display: inline-block; }

.p-hero__txt__catch strong {
  font-weight: normal;
  font-size: 36px;
  font-size: 2.25rem; }

.p-hero__txt__list {
  list-style: none;
  padding-left: 0; }

.p-hero__txt__list a {
  color: rgba(255, 255, 255, 0.9); }

.p-hero__txt__list a:hover {
  color: #fff; }

.p-hero__txt__list a:visited {
  color: #fff; }

.p-hero__txt__list a:visited:hover {
  color: #fff; }

.p-hero__cycle {
  position: absolute;
  top: 68%;
  left: 50%;
  width: 180px;
  -webkit-transform: translateX(900px);
          transform: translateX(900px); }

.p-hero__cycle.is-cycle-start {
  -webkit-animation: cycle-xs 10s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s infinite;
          animation: cycle-xs 10s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s infinite; }

@-webkit-keyframes cycle-xs {
  0% {
    -webkit-transform: translateX(900px);
            transform: translateX(900px); }
  15% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  20% {
    -webkit-transform: translateX(-40%);
            transform: translateX(-40%); }
  25% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  30% {
    -webkit-transform: translateX(-40%);
            transform: translateX(-40%); }
  35% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  40% {
    -webkit-transform: translateX(-40%);
            transform: translateX(-40%); }
  60% {
    -webkit-transform: translateX(-1200px);
            transform: translateX(-1200px); }
  100% {
    -webkit-transform: translateX(-1200px);
            transform: translateX(-1200px); } }

@keyframes cycle-xs {
  0% {
    -webkit-transform: translateX(900px);
            transform: translateX(900px); }
  15% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  20% {
    -webkit-transform: translateX(-40%);
            transform: translateX(-40%); }
  25% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  30% {
    -webkit-transform: translateX(-40%);
            transform: translateX(-40%); }
  35% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  40% {
    -webkit-transform: translateX(-40%);
            transform: translateX(-40%); }
  60% {
    -webkit-transform: translateX(-1200px);
            transform: translateX(-1200px); }
  100% {
    -webkit-transform: translateX(-1200px);
            transform: translateX(-1200px); } }

@-webkit-keyframes cycle-sm {
  0% {
    -webkit-transform: translateX(900px);
            transform: translateX(900px); }
  15% {
    -webkit-transform: translateX(-280px);
            transform: translateX(-280px); }
  20% {
    -webkit-transform: translateX(-250px);
            transform: translateX(-250px); }
  25% {
    -webkit-transform: translateX(-280px);
            transform: translateX(-280px); }
  30% {
    -webkit-transform: translateX(-250px);
            transform: translateX(-250px); }
  35% {
    -webkit-transform: translateX(-280px);
            transform: translateX(-280px); }
  40% {
    -webkit-transform: translateX(-250px);
            transform: translateX(-250px); }
  60% {
    -webkit-transform: translateX(-1200px);
            transform: translateX(-1200px); }
  100% {
    -webkit-transform: translateX(-1200px);
            transform: translateX(-1200px); } }

@keyframes cycle-sm {
  0% {
    -webkit-transform: translateX(900px);
            transform: translateX(900px); }
  15% {
    -webkit-transform: translateX(-280px);
            transform: translateX(-280px); }
  20% {
    -webkit-transform: translateX(-250px);
            transform: translateX(-250px); }
  25% {
    -webkit-transform: translateX(-280px);
            transform: translateX(-280px); }
  30% {
    -webkit-transform: translateX(-250px);
            transform: translateX(-250px); }
  35% {
    -webkit-transform: translateX(-280px);
            transform: translateX(-280px); }
  40% {
    -webkit-transform: translateX(-250px);
            transform: translateX(-250px); }
  60% {
    -webkit-transform: translateX(-1200px);
            transform: translateX(-1200px); }
  100% {
    -webkit-transform: translateX(-1200px);
            transform: translateX(-1200px); } }

@-webkit-keyframes cycle-md {
  0% {
    -webkit-transform: translateX(900px);
            transform: translateX(900px); }
  15% {
    -webkit-transform: translateX(-380px);
            transform: translateX(-380px); }
  20% {
    -webkit-transform: translateX(-350px);
            transform: translateX(-350px); }
  25% {
    -webkit-transform: translateX(-380px);
            transform: translateX(-380px); }
  30% {
    -webkit-transform: translateX(-350px);
            transform: translateX(-350px); }
  35% {
    -webkit-transform: translateX(-380px);
            transform: translateX(-380px); }
  40% {
    -webkit-transform: translateX(-350px);
            transform: translateX(-350px); }
  60% {
    -webkit-transform: translateX(-1200px);
            transform: translateX(-1200px); }
  100% {
    -webkit-transform: translateX(-1200px);
            transform: translateX(-1200px); } }

@keyframes cycle-md {
  0% {
    -webkit-transform: translateX(900px);
            transform: translateX(900px); }
  15% {
    -webkit-transform: translateX(-380px);
            transform: translateX(-380px); }
  20% {
    -webkit-transform: translateX(-350px);
            transform: translateX(-350px); }
  25% {
    -webkit-transform: translateX(-380px);
            transform: translateX(-380px); }
  30% {
    -webkit-transform: translateX(-350px);
            transform: translateX(-350px); }
  35% {
    -webkit-transform: translateX(-380px);
            transform: translateX(-380px); }
  40% {
    -webkit-transform: translateX(-350px);
            transform: translateX(-350px); }
  60% {
    -webkit-transform: translateX(-1200px);
            transform: translateX(-1200px); }
  100% {
    -webkit-transform: translateX(-1200px);
            transform: translateX(-1200px); } }

@-webkit-keyframes cycle-lg {
  0% {
    -webkit-transform: translateX(900px);
            transform: translateX(900px); }
  15% {
    -webkit-transform: translateX(-480px);
            transform: translateX(-480px); }
  20% {
    -webkit-transform: translateX(-440px);
            transform: translateX(-440px); }
  25% {
    -webkit-transform: translateX(-480px);
            transform: translateX(-480px); }
  30% {
    -webkit-transform: translateX(-440px);
            transform: translateX(-440px); }
  35% {
    -webkit-transform: translateX(-480px);
            transform: translateX(-480px); }
  40% {
    -webkit-transform: translateX(-440px);
            transform: translateX(-440px); }
  60% {
    -webkit-transform: translateX(-1200px);
            transform: translateX(-1200px); }
  100% {
    -webkit-transform: translateX(-1200px);
            transform: translateX(-1200px); } }

@keyframes cycle-lg {
  0% {
    -webkit-transform: translateX(900px);
            transform: translateX(900px); }
  15% {
    -webkit-transform: translateX(-480px);
            transform: translateX(-480px); }
  20% {
    -webkit-transform: translateX(-440px);
            transform: translateX(-440px); }
  25% {
    -webkit-transform: translateX(-480px);
            transform: translateX(-480px); }
  30% {
    -webkit-transform: translateX(-440px);
            transform: translateX(-440px); }
  35% {
    -webkit-transform: translateX(-480px);
            transform: translateX(-480px); }
  40% {
    -webkit-transform: translateX(-440px);
            transform: translateX(-440px); }
  60% {
    -webkit-transform: translateX(-1200px);
            transform: translateX(-1200px); }
  100% {
    -webkit-transform: translateX(-1200px);
            transform: translateX(-1200px); } }

.p-bn-2020 .c-cols {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.p-bn-2020__hd {
  text-align: center;
  width: 100%; }

.p-bn-2020__hd h2 {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: normal;
  line-height: 1.25;
  color: #032562;
  margin-bottom: .25em; }

.p-bn-2020__hd h2 strong {
  font-size: 49px;
  font-size: 3.0625rem;
  font-weight: normal; }

.p-bn-2020__hd a {
  font-size: 14px;
  font-size: 0.875rem; }

.p-bn-2020__timer {
  margin-bottom: .75em; }

.p-bn-2020__timer dl {
  margin: 0;
  white-space: nowrap; }

.p-bn-2020__timer dt, .p-bn-2020__timer dd {
  display: inline-block;
  vertical-align: middle; }

.p-bn-2020__timer dt {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  position: relative; }

.p-bn-2020__timer dt:before {
  content: "";
  display: block;
  width: calc(133px * .5);
  height: calc(82px * .5);
  background-color: #032562;
  border-radius: 50%;
  -webkit-transform: rotate(-17deg);
          transform: rotate(-17deg); }

.p-bn-2020__timer dt strong {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  line-height: 0;
  color: #ff6a4d; }

.p-bn-2020__timer dd {
  color: #032562;
  margin-left: 0;
  line-height: 1;
  padding-top: 1em; }

.p-bn-2020__timer dd strong {
  font-size: 62px;
  font-size: 3.875rem;
  font-family: "Roboto";
  font-weight: 500; }

.p-bn-2020__timer dd small {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: bold; }

.p-bn-2020__photo {
  position: relative;
  margin-bottom: -1.5em;
  display: none; }

.p-bn-2020__photo:before {
  content: "";
  width: 250px;
  height: 154px;
  display: block;
  background-color: #ff6a4d;
  border-radius: 50%;
  -webkit-transform: rotate(-17deg);
          transform: rotate(-17deg);
  position: absolute;
  top: 0;
  left: 0; }

.p-bn-2020__photo__i {
  position: relative;
  width: 250px;
  height: 154px;
  border-radius: 50%;
  -webkit-transform: rotate(-17deg);
          transform: rotate(-17deg);
  overflow: hidden;
  top: -30px;
  left: 30px; }

.p-bn-2020__photo__i img {
  -webkit-transform: rotate(17deg);
          transform: rotate(17deg);
  max-width: none;
  width: 100%;
  position: absolute;
  top: -5px;
  left: 0; }

.p-bn-2020__em {
  text-align: center;
  width: 100%; }

.p-bn-2020__em__in {
  width: 140px;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.p-menu {
  margin-top: 10px; }

.p-menu__v {
  position: relative; }

.p-menu__v a {
  border-radius: 1em;
  overflow: hidden;
  display: block;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  position: relative; }

.p-menu__v a:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }

.p-menu__v a img {
  display: block; }

.p-menu__v h2 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  line-height: 0;
  text-align: center;
  margin: 0;
  font-size: 26px;
  font-size: 1.625rem;
  color: #fff;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5), -1px -1px 5px rgba(0, 0, 0, 0.5);
  pointer-events: none; }

.p-menu__v i {
  position: absolute;
  top: -10px;
  margin-left: -7px; }

.p-menu p {
  padding-left: 1em;
  padding-right: 1em; }

.p-menu__button {
  text-align: center;
  margin-bottom: 2em; }

.p-menu__button .c-button {
  font-weight: bold; }

.p-izu-is {
  list-style: none;
  padding-left: 0; }

.p-izu-is li {
  display: inline-block;
  margin-left: 2em;
  margin-bottom: .75em; }

.p-izu-is img {
  width: 30px;
  height: 21px;
  vertical-align: middle; }

.c-footer-info__name {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }

.p-portal {
  background-color: #f6f6f6;
  z-index: 1;
  overflow: hidden; }

.p-portal:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 50vh;
  z-index: -1;
  background-color: #029fbd; }

.p-portal:after {
  content: "";
  display: block;
  width: 9000px;
  height: 5535px;
  background-color: #f00;
  z-index: -1;
  -webkit-transform: rotate(-17deg);
          transform: rotate(-17deg);
  border-radius: 50%;
  position: absolute;
  background-color: #f6f6f6;
  left: 50%;
  top: 20vh;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }

.p-portal__in {
  background-color: #fff;
  padding: .5em 1.5em;
  margin-left: auto;
  margin-right: auto; }

.p-portal__hd h1 {
  font-weight: normal;
  line-height: 1.5; }

.p-portal__body h2 {
  border-bottom: solid 1px #ddd;
  font-size: 21px;
  font-size: 1.3125rem;
  margin-top: 2em;
  padding-left: 26px;
  position: relative; }

.p-portal__body h2:before {
  content: "";
  display: block;
  width: 21px;
  height: 12.915px;
  background-color: #f00;
  z-index: -1;
  -webkit-transform: rotate(-17deg);
          transform: rotate(-17deg);
  border-radius: 50%;
  position: absolute;
  background-color: #fff;
  border: solid 2px #029fbd;
  box-sizing: border-box;
  left: 0;
  top: .5em;
  z-index: 1; }

.p-portal__body h3, .p-portal__body h4, .p-portal__body h5, .p-portal__body h6 {
  margin-top: 2em;
  margin-bottom: 1em; }

.p-portal__body h4 {
  font-size: 16px;
  font-size: 1rem; }

.p-portal__body h5 {
  font-size: 15px;
  font-size: 0.9375rem; }

.p-portal__body h6 {
  font-size: 14px;
  font-size: 0.875rem; }

.p-portal__body li {
  margin-top: .25em;
  margin-bottom: .25em; }

.p-portal__body table th, .p-portal__body table td {
  padding: .5em .75em;
  border: solid 1px #ddd; }

.p-portal__body table thead th {
  background-color: #f0fafc; }

@media print, screen and (min-width: 21em){
  .xs-show{
    display: block; } }

@media print, screen and (min-width: 35.5em){
  .sm-show{
    display: block; }
  .p-hero__img__inn{
    -webkit-transform: translateY(-7%) translateX(-57%) scale(0.6);
            transform: translateY(-7%) translateX(-57%) scale(0.6); }
  .p-hero__img__inn.is-first{
    -webkit-transform: translateY(2%) translateX(-25%) scale(0.8);
            transform: translateY(2%) translateX(-25%) scale(0.8); }
  .p-hero__cycle{
    width: 230px;
    top: 55%;
    -webkit-transform: translateX(900px);
            transform: translateX(900px); }
  .p-hero__cycle.is-cycle-start{
    -webkit-animation: cycle-sm 15s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s infinite;
            animation: cycle-sm 15s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s infinite; }
  .p-portal__in{
    padding: 2em 3em; } }

@media print, screen and (min-width: 48em){
  .md-show{
    display: block; }
  .md-hide{
    display: none; }
  .p-hero__img__inn{
    -webkit-transform: translateY(0%) translateX(-55%) scale(0.8);
            transform: translateY(0%) translateX(-55%) scale(0.8); }
  .p-hero__img__inn.is-first{
    -webkit-transform: translateY(8%) translateX(-15%) scale(1);
            transform: translateY(8%) translateX(-15%) scale(1); }
  .p-hero__cycle{
    width: 280px;
    top: 50%;
    -webkit-transform: translateX(900px);
            transform: translateX(900px); }
  .p-hero__cycle.is-cycle-start{
    -webkit-animation: cycle-md 15s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s infinite;
            animation: cycle-md 15s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s infinite; }
  .p-bn-2020__hd{
    width: auto;
    text-align: left; }
  .p-bn-2020__timer{
    margin-bottom: 0; }
  .p-bn-2020__timer dt{
    font-size: 1.3125rem; }
  .p-bn-2020__timer dt:before{
    width: calc(133px * .8);
    height: calc(82px * .8); }
  .p-bn-2020__timer dd{
    line-height: 1.75;
    padding-top: 0; }
  .p-bn-2020__timer dd strong{
    font-size: 3.875rem; }
  .p-bn-2020__timer dd small{
    font-size: 1.3125rem; }
  .p-bn-2020__em{
    width: auto; }
  .p-bn-2020__em__in{
    margin-left: 15px;
    margin-right: 15px; } }

@media print, screen and (min-width: 64em){
  .lg-show{
    display: block; }
  .c-header__xs__menu{
    display: none; }
/*20171227ポータルにも緊急等のリンク　ここから*/
  .c-header__kinkyu {
    width: auto;
    margin-bottom: 0;
    margin-top: 0; }
  .c-header__kinkyu ul {
    display: block;
    width: auto; }
  .c-header__kinkyu li {
    display: inline-block; }
  .c-header__kinkyu a {
    font-size: 0.875rem; }
/*20171227ポータルにも緊急等のリンク　ここまで*/
  .p-hero__img{
    height: 470px; }
  .p-hero__img__inn{
    -webkit-transform: translateY(0%) translateX(-50%) scale(1);
            transform: translateY(0%) translateX(-50%) scale(1); }
  .p-hero__img__inn.is-first{
    -webkit-transform: translateY(0%) translateX(0%) scale(1);
            transform: translateY(0%) translateX(0%) scale(1); }
  .p-hero__txt{
    top: 50%; }
  .p-hero__txt__catch{
    font-size: 1.875rem; }
  .p-hero__cycle{
    width: 360px;
    top: 55%;
    -webkit-transform: translateX(900px);
            transform: translateX(900px); }
  .p-hero__cycle.is-cycle-start{
    -webkit-animation: cycle-lg 10s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s infinite;
            animation: cycle-lg 10s cubic-bezier(0.645, 0.045, 0.355, 1) 0.1s infinite; }
  .p-bn-2020__timer dt:before{
    width: 133px;
    height: 82px; }
  .p-bn-2020__timer dd strong{
    font-size: 7rem;
    line-height: 1; }
  .p-bn-2020__timer dd small{
    font-size: 1.5rem; } }

@media print, screen and (min-width: 72.5em){
  .sw-show{
    display: block; } }

@media print, screen and (min-width: 80em){
  .xl-show{
    display: block; }
  .p-bn-2020__photo{
    display: block; } }

@media print, screen and (min-width: 85em){
  .fw-show{
    display: block; } }

@media print, screen and (min-width: 90em){
  .xxl-show{
    display: block; } }

@media (max-width: 63.9999em){
  .lg-down-show{
    display: block; } }

@media (max-width: 47.9999em){
  .md-down-show{
    display: block; } }

@media (max-width: 35.4999em){
  .sm-down-show{
    display: block; } }

@media (max-width: 20.9999em){
  .xs-down-show{
    display: block; } }