@charset "utf-8";
/* ---------------------------------------------------

	Syntax - SP First

--------------------------------------------------- */
.pageSection{
  margin: 0 0 3rem;
}
.pageSection.style-bggray{
  background-color: rgba(245,245,240,1.00);
  padding: 2.5rem 0 3rem;
}
.pageSection__title{
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 1.1em;
  text-align: center;
}
.pageSection__title-highlight{
  color: rgba(237,108,17,1.00);
}
.pageSection__inner{}


/* ------------------------------------

	period

------------------------------------ */
.period{}
.period__theme{
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0 0 1.875rem;
}
.period__theme__label{
  display: inline-block;
  margin: 0 1.25rem 0 0;
  width: 110px;
}
.period__theme__label__text{
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 800;
  margin: 0;
}
.period__table{
  margin: 0 0 1.875rem;
}
.period__table__inner{}
.period__table__image{
  width: 1040px;
}
.period__section{
  text-align: center;
}
.period__section__theme{
  color: rgba(237,108,17,1.00);
  font-size: 1.125rem;
  font-weight: 800;
  line-height: 1.5;
  margin: 0 0 0.5em;
}
.period__section__note{
  font-size: 1rem;
  font-weight: 600;
  line-height: 2;
  margin: 0;
}


/* ------------------------------------

	earthquakesTyphoons

------------------------------------ */
.earthquakesTyphoons{}
.earthquakesTyphoons__intro{
  border: 2px rgba(237,108,17,1.00) solid;
  box-sizing: border-box;
  margin: 0 0 2.5rem;
}
.earthquakesTyphoons__intro__head{
  align-items: center;
  background-color: rgba(237,108,17,1.00);
  display: flex;
  height: 50px;
  justify-content: center;
  text-align: center;
}
.earthquakesTyphoons__intro__head__title{
  color: rgba(255,255,255,1.00);
  display: inline-block;
  font-size: 1.25rem;
  line-height: 1;
  margin: 0;
  padding: 0 0 0.1em;
}
.earthquakesTyphoons__intro__body{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 2rem 1.25rem 1.5rem;
}
.earthquakesTyphoons__intro__body__figure{
  margin: 0 0 1rem;
  width: 250px;
}
.earthquakesTyphoons__intro__body__note{}
.earthquakesTyphoons__intro__body__note__text{
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75;
  margin: 0;
}
.earthquakesTyphoons__visual{
  margin: 0 0 2rem;
}
.earthquakesTyphoons__visual__figure{
  margin: 0 auto;
  max-width: 500px;
}
.earthquakesTyphoons__point{}
.earthquakesTyphoons__point__group{
  margin: 0 0 3rem;
}
.earthquakesTyphoons__point__group:last-of-type{
  margin: 0;
}
.earthquakesTyphoons__point__item__head{
  margin: 0 0 2rem;
  position: relative;
}
.earthquakesTyphoons__point__item__head:before{
  background-color: rgba(237, 108, 17, 1.00);
  content: "";
  display: inline-block;
  height: 28px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 28px;
  z-index: 150;
}
.earthquakesTyphoons__point__item__theme{
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0;
  padding: 0 0 0 0.5em;
  position: relative;
  top: 50%;
  transform: translateY(27%);
  z-index: 200;
}
.earthquakesTyphoons__point__item__body{}
.earthquakesTyphoons__detail{
  margin: 0 0 2rem;
}
.earthquakesTyphoons__detail__menu{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.earthquakesTyphoons__detail__menu__column{
  width: 100%;
}
.earthquakesTyphoons__detail__menu__col__item{
  align-items: center;
  background-color: rgba(245,245,240,1.00);
  display: flex;
  flex-wrap: wrap;
  min-height: 40px;
  justify-content: center;
  margin: 0 0 5px;
  padding: 0 10px;
}
.earthquakesTyphoons__detail__menu__col__item:last-of-type{
  margin: 0;
}
.earthquakesTyphoons__detail__menu__col__item:only-of-type{
  background-color: rgba(237,108,17,1.00);
}
.earthquakesTyphoons__detail__menu__col__item__text{
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 800;
}
.earthquakesTyphoons__detail__menu__col__item:only-of-type .earthquakesTyphoons__detail__menu__col__item__text{
  color: rgba(255,255,255,1.00);
  font-size: 1.5rem;
}
.earthquakesTyphoons__detail__menu__col__item__text.style-orange{
  color: rgba(237,108,17,1.00);
}
.earthquakesTyphoons__detail__menu__col__item__arrow{
  margin: 0 0.6rem;
  width: 20px;
}
.earthquakesTyphoons__detail__menu__columnArrow{
  margin: 1.25rem 0;
  transform: rotateZ(90deg);
  width: 25px;
}
.earthquakesTyphoons__detail__note{
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75;
  margin: 1.25em 0 0;
  text-align: center;
}
.earthquakesTyphoons__summary{
  border: 1px rgba(0,0,0,1.00) solid;
}
.earthquakesTyphoons__summary__menu{
  border-bottom: 1px rgba(0,0,0,1.00) solid;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.earthquakesTyphoons__summary__menu:last-of-type{
  border-bottom: none;
}
.earthquakesTyphoons__summary__menu__subjects{
  align-items: center;
  background-color: rgba(245,245,240,1.00);
  border-bottom: 1px rgba(0,0,0,1.00) dotted;
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  padding: 0.8rem 1.25rem;
  width: 100%;
}
.earthquakesTyphoons__summary__menu__contents{
  margin: 0;
  padding: 0.8rem 1.25rem;
}
.earthquakesTyphoons__summary__menu__contents__strong{
  color: rgba(237,108,17,1.00);
  display: inline-block;
  font-weight: 800;
  margin: 0 0 5px;
}
.earthquakesTyphoons__summary__menu__contents__strong:only-child{
  margin: 0;
}
.earthquakesTyphoons__summary__menu__contents__strong__text{
  font-size: 1.25rem;
}
.earthquakesTyphoons__summary__menu__contents__note{
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75;
  margin: 0;
}
.earthquakesTyphoons__table__block{}
.earthquakesTyphoons__table__inner{
  width: 1040px;
}
.earthquakesTyphoons__table{
  border: 1px rgba(0,0,0,1.00) solid;
  border-collapse: collapse;
  width: 100%;
}
.earthquakesTyphoons__table__head{
  border-bottom: 1px rgba(0,0,0,1.00) solid;
}
.earthquakesTyphoons__table__head__item{}
.earthquakesTyphoons__table__head__item__cel{
  background-color: rgba(245,245,240,1.00);
  border-right: 1px rgba(0,0,0,1.00) dotted;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  padding: 1em 0;
  text-align: center;
  width: calc(100% / 3);
}
.earthquakesTyphoons__table__head__item__cel:last-of-type{
  border-right: none;
}
.earthquakesTyphoons__table__body{}
.earthquakesTyphoons__table__body__item{}
.earthquakesTyphoons__table__body__item__cel{
  border-bottom: 1px rgba(0,0,0,1.00) solid;
  border-left: 1px rgba(0,0,0,1.00) dotted;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  padding: 1em 0;
  text-align: center;
}
.earthquakesTyphoons__table__body__item__cel:first-of-type{
  background-color: rgba(254,241,180,1.00);
  border-left: none;
}
.earthquakesTyphoons__table__body__item:last-of-type .earthquakesTyphoons__table__body__item__cel{
  border-bottom: none;
}
.earthquakesTyphoons__table__body__item__cel__text{
  display: block;
  font-weight: 600;
  margin: 0 0 5px;
}
.earthquakesTyphoons__table__body__item__cel__highlight{
  display: inline-block;
  font-size: 1.875em;
  font-weight: 800;
  line-height: 1;
  margin: 0 0 2rem;
  position: relative;
}
.earthquakesTyphoons__table__body__item__cel__highlight:last-of-type{
  margin: 0;
}
.earthquakesTyphoons__table__body__item__cel__highlight:only-of-type{
  margin: 0;
}
.earthquakesTyphoons__table__body__item__cel__highlight__mark{
  font-size: 1rem;
  position: absolute;
  right: -1rem;
  top: 0.5rem;
}
.earthquakesTyphoons__noteList__block{
  margin: 1.25rem 0 0;
}
.earthquakesTyphoons__noteList{
  list-style: none;
  margin: 0;
  padding: 0;
}
.earthquakesTyphoons__noteList__item{
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75;
  margin: 0 0 5px;
  padding: 0 0 0 1em;
  text-indent: -1em;
}
.earthquakesTyphoons__noteList__item:last-of-type{
  margin: 0;
}


/* ---------------------------------------------------

	MediaQuery

--------------------------------------------------- */
/* ------------------------------------

	Tablet-Mode

------------------------------------ */
@media screen and (min-width: 600px) {
.pageSection{}
.pageSection.style-bggray{}
.pageSection__title{
  font-size: 1.75rem;
  }
.pageSection__title-highlight{}
.pageSection__inner{}


/* ------------------------------------

	period

------------------------------------ */
.period{}
.period__theme{}
.period__theme__label{}
.period__theme__label__text{}
.period__table{}
.period__table__inner{}
.period__table__image{}
.period__section{}
.period__section__theme{
  font-size: 1.25rem;
  }
.period__section__note{}


/* ------------------------------------

	earthquakesTyphoons

------------------------------------ */
.earthquakesTyphoons{}
.earthquakesTyphoons__intro{}
.earthquakesTyphoons__intro__head{}
.earthquakesTyphoons__intro__head__title{}
.earthquakesTyphoons__intro__body{
  align-items: center;
  }
.earthquakesTyphoons__intro__body__figure{
  margin: 0 0 0 1.5rem;
  order: 2;
  width: 220px;
  }
.earthquakesTyphoons__intro__body__note{
  order: 1;
  width: calc((100% - 1.5rem) - 220px);
  }
.earthquakesTyphoons__intro__body__note__text{}
.earthquakesTyphoons__visual{}
.earthquakesTyphoons__visual__figure{
  max-width: 600px;
  }
.earthquakesTyphoons__point{}
.earthquakesTyphoons__point__group{}
.earthquakesTyphoons__point__item__head{}
.earthquakesTyphoons__point__item__head:before{
  height: 30px;
  top: 0;
  width: 30px;
  }
.earthquakesTyphoons__point__item__theme{}
.earthquakesTyphoons__point__item__body{}
.earthquakesTyphoons__detail{}
.earthquakesTyphoons__detail__menu{}
.earthquakesTyphoons__detail__menu__column{
  width: auto;
  }
.earthquakesTyphoons__detail__menu__col__item{
  margin: 0 0 10px;
  padding: 0 15px;
  }
.earthquakesTyphoons__detail__menu__col__item:last-of-type{
  margin: 0;
}
.earthquakesTyphoons__detail__menu__col__item:only-of-type{
  height: 100%;
  min-height: inherit;
  }
.earthquakesTyphoons__detail__menu__col__item__text{}
.earthquakesTyphoons__detail__menu__col__item:only-of-type .earthquakesTyphoons__detail__menu__col__item__text{}
.earthquakesTyphoons__detail__menu__col__item__text.style-orange{}
.earthquakesTyphoons__detail__menu__col__item__arrow{}
.earthquakesTyphoons__detail__menu__columnArrow{
  display: flex;
  margin: 0 1rem;
  transform: inherit;
  width: 35px;
  }
.earthquakesTyphoons__detail__note{}
.earthquakesTyphoons__summary{}
.earthquakesTyphoons__summary__menu{}
.earthquakesTyphoons__summary__menu__subjects{
  border-bottom: none;
  border-right: 1px rgba(0,0,0,1.00) dotted;
  padding: 0;
  width: 150px;
  }
.earthquakesTyphoons__summary__menu__contents{
  padding: 1rem 1.75rem;
  width: calc(100% - 150px);
  }
.earthquakesTyphoons__summary__menu__contents__strong{}
.earthquakesTyphoons__summary__menu__contents__strong__text{
  font-size: 1.5rem;
  }
.earthquakesTyphoons__summary__menu__contents__note{}
.earthquakesTyphoons__table__block{}
.earthquakesTyphoons__table__inner{
  width: auto;
  }
.earthquakesTyphoons__table{}
.earthquakesTyphoons__table__head{}
.earthquakesTyphoons__table__head__item{}
.earthquakesTyphoons__table__head__item__cel{}
.earthquakesTyphoons__table__body{}
.earthquakesTyphoons__table__body__item{}
.earthquakesTyphoons__table__body__item__cel{}
.earthquakesTyphoons__table__body__item__cel__text{}
.earthquakesTyphoons__table__body__item__cel__highlight{}
.earthquakesTyphoons__table__body__item__cel__highlight__mark{}
.earthquakesTyphoons__noteList__block{
  margin: 1.875rem 0 0;
  }
.earthquakesTyphoons__noteList{}
.earthquakesTyphoons__noteList__item{}


}/* /min-width: 600px */



/* ------------------------------------

	PC-Mode

------------------------------------ */
@media screen and (min-width: 1025px) {
.pageSection{
  margin: 0 0 5rem;
  }
.pageSection.style-bggray{
  padding: 4.375rem 0 5rem;
  }
.pageSection__title{
  font-size: 2.25rem;
  margin: 0 0 1.38em;
  }
.pageSection__title-highlight{}
.pageSection__inner{}


/* ------------------------------------

	period

------------------------------------ */
.period{}
.period__theme{
  margin: 0 0 3.4375rem;
  }
.period__theme__label{
  margin: 0 1.875rem 0 0;
  width: 150px;
  }
.period__theme__label__text{
  font-size: 2.5rem;
  }
.period__table{
  margin: 0 0 3.125rem;
  }
.period__table__inner{}
.period__table__image{
  width: auto;
  }
.period__section{}
.period__section__theme{
  font-size: 1.875rem;
  margin: 0 0 0.5em;
  }
.period__section__note{}


/* ------------------------------------

	earthquakesTyphoons

------------------------------------ */
.earthquakesTyphoons{}
.earthquakesTyphoons__intro{
  border: 3px rgba(237,108,17,1.00) solid;
  margin: 0 0 3.75rem;
  }
.earthquakesTyphoons__intro__head{
  height: 60px;
  }
.earthquakesTyphoons__intro__head__title{
  font-size: 1.625rem;
  }
.earthquakesTyphoons__intro__body{
  padding: 2.5rem 3.625rem 2rem;
  }
.earthquakesTyphoons__intro__body__figure{
  margin: 0 0 0 1.5rem;
  width: 297px;
  }
.earthquakesTyphoons__intro__body__note{
  width: calc((100% - 1.5rem) - 297px);
  }
.earthquakesTyphoons__intro__body__note__text{}
.earthquakesTyphoons__visual{
  margin: 0 0 3.4375rem;
  }
.earthquakesTyphoons__visual__figure{
  max-width: 675px;
  }
.earthquakesTyphoons__point{}
.earthquakesTyphoons__point__group{
  margin: 0 0 5.3125rem;
  }
.earthquakesTyphoons__point__item__head{
  margin: 0 0 2.1875rem;
  }
.earthquakesTyphoons__point__item__head:before{
  height: 40px;
  width: 40px;
  }
.earthquakesTyphoons__point__item__theme{
  font-size: 1.25rem;
  padding: 0 0 0 1em;
  transform: translateY(35%);  
  }
.earthquakesTyphoons__point__item__body{}
.earthquakesTyphoons__detail{
  margin: 0 0 3.75rem;
  }
.earthquakesTyphoons__detail__menu{}
.earthquakesTyphoons__detail__menu__column{}
.earthquakesTyphoons__detail__menu__col__item{
  min-height: 65px;
  }
.earthquakesTyphoons__detail__menu__col__item:only-of-type{}
.earthquakesTyphoons__detail__menu__col__item__text{
  font-size: 1.75rem;
  }
.earthquakesTyphoons__detail__menu__col__item:only-of-type .earthquakesTyphoons__detail__menu__col__item__text{
  font-size: 2.5rem;
  }
.earthquakesTyphoons__detail__menu__col__item__text.style-orange{}
.earthquakesTyphoons__detail__menu__col__item__arrow{
  margin: 0 1rem;
  width: 26px;
  }
.earthquakesTyphoons__detail__menu__columnArrow{
  margin: 0 1.25rem;
  width: 44px;
  }
.earthquakesTyphoons__detail__note{}
.earthquakesTyphoons__summary{}
.earthquakesTyphoons__summary__menu{}
.earthquakesTyphoons__summary__menu__subjects{
  width: 195px;
  }
.earthquakesTyphoons__summary__menu__contents{
  width: calc(100% - 195px);
  }
.earthquakesTyphoons__summary__menu__contents__strong{}
.earthquakesTyphoons__summary__menu__contents__strong__text{
  font-size: 1.875rem;
  }
.earthquakesTyphoons__summary__menu__contents__note{}
.earthquakesTyphoons__table__block{}
.earthquakesTyphoons__table__inner{}
.earthquakesTyphoons__table{}
.earthquakesTyphoons__table__head{}
.earthquakesTyphoons__table__head__item{}
.earthquakesTyphoons__table__head__item__cel{}
.earthquakesTyphoons__table__body{}
.earthquakesTyphoons__table__body__item{}
.earthquakesTyphoons__table__body__item__cel{}
.earthquakesTyphoons__table__body__item__cel__text{}
.earthquakesTyphoons__table__body__item__cel__highlight{}
.earthquakesTyphoons__table__body__item__cel__highlight__mark{}
.earthquakesTyphoons__noteList__block{}
.earthquakesTyphoons__noteList{}
.earthquakesTyphoons__noteList__item{}


}/* /min-width: 1025px */



/* ------------------------------------

	PC-Mode > Irregular

------------------------------------ */
@media screen and (min-width: 1280px) {
/* ------------------------------------

	〇〇〇

------------------------------------ */


}/* /min-width: 1280px */