@charset "UTF-8";
.pageContent {
  max-width: 750px;
  margin: auto;
}

.pageContent #fv {
  position: relative;
}

.pageContent h2 {
  color: #003d6b;
  text-align: center;
  font-family: "A1ゴシック R", "A1 Gothic R", "A1 Gothic R JIS2004", sans-serif;
}

.pageContent .pBox {
  padding: 0 4%;
}

.pageContent p {
  font-size: 1.5rem;
  line-height: 1.8;
}

.pageContent img {
  max-width: 100%;
}

.pageContent #sec01 {
  padding-bottom: 7%;
}

.pageContent #sec01 .introduction {
  text-align: center;
  padding: 6em 0 1% 0;
  background: url(../img/bg_sec01.png) no-repeat top 10% center;
  background-size: 100% auto;
}

.pageContent #sec01 .introduction p {
  margin-bottom: 1em;
  font-size: 1.7rem;
}

.pageContent #sec01 .introduction .movie {
  margin-top: 10%;
}

.pageContent #sec02, .pageContent #sec04 {
  background-color: #f2f5f7;
  padding: 4%;
}

.pageContent #sec02 .toggleBox, .pageContent #sec04 .toggleBox {
  background-color: #fff;
  padding: 4%;
  margin-bottom: 4%;
}

.pageContent #sec02 .toggleBox figure, .pageContent #sec04 .toggleBox figure {
  margin-bottom: 0.6em;
}

.pageContent #sec02 .toggleBox h3, .pageContent #sec04 .toggleBox h3 {
  font-size: 2.0rem;
  color: #003d6b;
  font-family: "A1ゴシック R", "A1 Gothic R", "A1 Gothic R JIS2004", sans-serif;
  text-align: center;
  margin: 0.5em 0 0.8em 0;
}

.pageContent #sec02 .toggleBox p, .pageContent #sec04 .toggleBox p {
  font-family: "A1ゴシック L", "A1 Gothic L", "A1 Gothic L JIS2004", sans-serif;
  text-align: center;
  margin-bottom: 6%;
}

.pageContent #sec02 .toggleBox p.catch, .pageContent #sec04 .toggleBox p.catch {
  color: #003d6b;
  font-family: "A1ゴシック R", "A1 Gothic R", "A1 Gothic R JIS2004", sans-serif;
  margin-bottom: 1em;
  font-size: 1.8rem;
}

.pageContent #sec02 .toggleBox p.catch2, .pageContent #sec04 .toggleBox p.catch2 {
  margin-bottom: 1em;
}

.pageContent #sec02 .toggleBox .accodion .acc_hide, .pageContent #sec04 .toggleBox .accodion .acc_hide {
  transition: .3s;
  display: none;
}

.pageContent #sec02 .toggleBox .accodion p.catch, .pageContent #sec04 .toggleBox .accodion p.catch {
  margin-top: 0;
  margin-bottom: 1em;
}

.pageContent #sec02 .toggleBox .accodion .toggle_btn, .pageContent #sec04 .toggleBox .accodion .toggle_btn {
  display: block;
  text-align: center;
  margin-top: 1em;
}

.pageContent #sec02 .toggleBox .accodion .toggle_btn a, .pageContent #sec04 .toggleBox .accodion .toggle_btn a {
  display: inline-block;
  border: 1px #c1c1c1 solid;
  text-decoration: none;
  padding: 6px 3.0em 4px 2.0em;
  font-size: 1.4rem;
  position: relative;
  letter-spacing: 0.14em;
  font-family: "A1ゴシック R", "A1 Gothic R", "A1 Gothic R JIS2004", sans-serif;
  color: #666;
}

.pageContent #sec02 .toggleBox .accodion .toggle_btn a:after, .pageContent #sec04 .toggleBox .accodion .toggle_btn a:after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 2px #666 solid;
  border-bottom: 2px #666 solid;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  position: absolute;
  right: 10%;
  top: 32%;
}

.pageContent #sec02 .toggleBox .accodion .toggle_btn a.jump:after, .pageContent #sec04 .toggleBox .accodion .toggle_btn a.jump:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  top: 38%;
}

.pageContent #sec02 .toggleBox .accodion .toggle_btn a.active:after, .pageContent #sec04 .toggleBox .accodion .toggle_btn a.active:after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  top: 42%;
}

.pageContent #sec02 .toggleBox .accodion p.note, .pageContent #sec04 .toggleBox .accodion p.note {
  text-align: right;
  font-size: 1.2rem;
  margin-top: 15px;
  width: 62%;
  margin-left: auto;
  margin-right: auto;
}

.pageContent #sec02 .toggleBox .accodion .ph, .pageContent #sec04 .toggleBox .accodion .ph {
  margin-bottom: 3em;
}

.pageContent #sec02 .toggleBox .accodion .ph .img_graph{
  margin-bottom: 1em;
}

.pageContent #sec02 .toggleBox .accodion .graph_ph{
  text-align: center;
}

.pageContent #sec02 .toggleBox .accodion .graph_ph img{
  width: 80%;
}

.pageContent #sec02 .toggleBox .accodion .ph.diff, .pageContent #sec04 .toggleBox .accodion .ph.diff {
  margin-bottom: 0px;
}

.pageContent #sec02 .toggleBox .accodion .ph.diff img, .pageContent #sec04 .toggleBox .accodion .ph.diff img {
  margin-bottom: 1.5em;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.pageContent #sec02 .toggleBox .accodion .ph.diff > div{
  margin-top: 4em;
}

.pageContent #sec02 .toggleBox .accodion .ph.diff h4{
  color: #003d6b;
  font-family: "A1ゴシック R", "A1 Gothic R", "A1 Gothic R JIS2004", sans-serif;
  text-align: center;
  margin-bottom: 1em;
  line-height: 1.5;
  font-size: 1.6rem;
}

.pageContent #sec02 .toggleBox .accodion .ph.diff img:last-child, .pageContent #sec04 .toggleBox .accodion .ph.diff img:last-child {
  margin-bottom: 0;
}

.pageContent #sec02 .toggleBox .accodion .ph.ph2, .pageContent #sec04 .toggleBox .accodion .ph.ph2 {
  margin-bottom: 1em;
}

.pageContent #sec02 .toggleBox .accodion .ph.ph3, .pageContent #sec04 .toggleBox .accodion .ph.ph3 {
  margin-bottom: 2em;
  text-align: center;
}

.pageContent #sec02 .toggleBox .accodion .ph.ph3 img, .pageContent #sec04 .toggleBox .accodion .ph.ph3 img {
  width: 70%;
}

.pageContent #sec02 .toggleBox .accodion .more, .pageContent #sec04 .toggleBox .accodion .more {
  text-align: right;
  margin-bottom: 2em;
}

.pageContent #sec02 .toggleBox .accodion .more a, .pageContent #sec04 .toggleBox .accodion .more a {
  font-family: "A1ゴシック L", "A1 Gothic L", "A1 Gothic L JIS2004", sans-serif;
  position: relative;
  font-size: 1.2rem;
  display: inline-block;
  padding-right: 4%;
    text-decoration: underline;
}

.pageContent #sec02 .toggleBox .accodion .more a:after, .pageContent #sec04 .toggleBox .accodion .more a:after {
  content: " >";
}

.pageContent #sec02 .toggleBox .accodion .more.more2, .pageContent #sec04 .toggleBox .accodion .more.more2 {
  margin-bottom: 1em;
}

.pageContent #sec02 .toggleBox .accodion .kodawari, .pageContent #sec04 .toggleBox .accodion .kodawari {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  /* margin-top: 1em; */
}

.pageContent #sec02 .toggleBox .accodion .kodawari img, .pageContent #sec04 .toggleBox .accodion .kodawari img {
  vertical-align: bottom;
  width: 70%;
}

.pageContent #sec02 .toggleBox .accodion .column, .pageContent #sec04 .toggleBox .accodion .column {
  border: 1px #003d6b solid;
  padding: 6% 6% 0% 6%;
  position: relative;
  margin: 3em 0;
}

.pageContent #sec02 .toggleBox .accodion .column .label, .pageContent #sec04 .toggleBox .accodion .column .label {
  color: #003d6b;
  position: absolute;
  top: -5%;
  z-index: 1;
}

.pageContent #sec02 .toggleBox .accodion .column .label span, .pageContent #sec04 .toggleBox .accodion .column .label span {
  background-color: #fff;
  padding: 0 6px;
}

.pageContent #sec02 .toggleBox .accodion .column h4, .pageContent #sec04 .toggleBox .accodion .column h4 {
  color: #003d6b;
  font-family: "A1 Gothic R JIS2004", serif;
  margin-bottom: 0.6em;
  font-size: 1.6rem;
}

.pageContent #sec02 .toggleBox .accodion .column p, .pageContent #sec04 .toggleBox .accodion .column p {
  font-family: "A1ゴシック L", "A1 Gothic L", "A1 Gothic L JIS2004", sans-serif;
  text-align: left;
  margin-top: 3%;
}

.pageContent #sec03 {
  margin-top: 10%;
}

.pageContent #sec03 img {
  max-width: 750px;
  width: 100%;
}

.pageContent #sec04 {
  background: none;
}

.pageContent #specialThanks {
  padding: 0 4%;
  font-size: 1.2rem;
  margin-top: 1.5em;
}

.pageContent #specialThanks h3 {
  margin-bottom: 0;
  font-size: 1.2rem;
}

.pageContent #specialThanks p {
  margin: 0;
  font-size: 1.2rem;
}
#follow_us {
  margin-top: 4em;
}

#follow_us h2 {
  text-align: center;
  font-family: "A1ゴシック M", "A1 Gothic M", "A1 Gothic M JIS2004", sans-serif;
  color: #333;
}

#follow_us ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#follow_us ul li {
  width: 40px;
  margin: 0 15px;
}