@charset "UTF-8";
/* ----------------------------------------------------
	sassを使用しています。css編集の際はご注意ください。
	compass/scss
---------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
/* ----------------------------------------------------
base
---------------------------------------------------- */
html, body {
  padding: 0;
  margin: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #00580C;
}
@media (max-width: 750px) {
  html, body {
    font-size: 4.103vw;
  }
}

/* img
--------------------------- */
img {
  max-width: 100%;
  height: auto;
  border: 0;
}

ul {
  list-style-type: none;
}

/* selection
--------------------------- */
::selection {
  background: rgba(255, 234, 0, 0.5);
  color: #333;
}

::-moz-selection {
  background: rgba(255, 234, 0, 0.5);
  color: #333;
}

/* link
--------------------------- */
a {
  color: #000000;
  text-decoration: none;
  transition: 0.2s ease-in-out;
}
a:visited {
  text-decoration: none;
  color: #000000;
}
a:hover {
  color: #000000;
  opacity: 0.6;
}
a:active {
  color: #000000;
}

/* ----------------------------------------------------
base
---------------------------------------------------- */
.pcWrapper {
  height: 100vh;
}

.pcLeft {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: calc(100% - (390px + 359px));
  height: 100%;
  background: #FFFFFF;
}
@media (max-width: 1440px) {
  .pcLeft {
    width: calc(100% - (390px + 24.931vw));
  }
}
@media (max-width: 1024px) {
  .pcLeft {
    width: calc((100% - 390px) / 2);
  }
}
@media (max-width: 750px) {
  .pcLeft {
    display: none;
  }
}
.pcLeftInner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.pcLeftItem {
  line-height: 0;
}
.pcLeftItem:first-child {
  margin-bottom: 30px;
}
@media (max-width: 1440px) {
  .pcLeftItem:first-child {
    margin-bottom: 2.083vw;
  }
  .pcLeftItem:first-child img {
    width: 27.917vw;
    height: auto;
  }
}
@media (max-width: 1440px) {
  .pcLeftItem:nth-child(2) img {
    width: 33.542vw;
    height: auto;
  }
}
@media (max-width: 1440px) {
  .pcLeftItem:nth-child(3) img {
    width: 33.542vw;
    height: auto;
  }
}
@media (max-width: 1024px) {
  .pcLeftItem {
    display: none;
  }
}
.pcLeftShare {
  margin: 10px auto 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 483px;
}
@media (max-width: 1440px) {
  .pcLeftShare {
    margin-top: 0.694vw;
    width: 33.542vw;
  }
}
@media (max-width: 1024px) {
  .pcLeftShare {
    flex-wrap: wrap;
    width: 80%;
  }
}
.pcLeftShare .shareItem {
  width: 152px;
  height: 36px;
  font-size: 14px;
  line-height: 1.5;
}
@media (max-width: 1440px) {
  .pcLeftShare .shareItem {
    width: 10.556vw;
    height: 2.5vw;
    font-size: 0.972vw;
  }
}
@media (max-width: 1024px) {
  .pcLeftShare .shareItem {
    margin-bottom: 0.977vw;
    width: 100%;
  }
}
.pcLeftShare .shareItem a {
  padding-left: 8px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #673938;
  font-weight: bold;
  border-radius: 6px;
  border: 1px solid #673938;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.3);
}
@media (max-width: 1440px) {
  .pcLeftShare .shareItem a {
    padding-left: 0.556vw;
    border-radius: 0.417vw;
  }
}
.pcLeftShare .shareItem.line a {
  background: url(../images/icon_line.png) center left 8px/24px no-repeat, url(../images/icon_arrow_pc.png) center right 8px no-repeat, #FFFFFF;
}
@media (max-width: 1440px) {
  .pcLeftShare .shareItem.line a {
    background: url(../images/icon_line.png) center left 0.556vw/1.667vw no-repeat, url(../images/icon_arrow_pc.png) center right 0.556vw no-repeat, #FFFFFF;
  }
}
.pcLeftShare .shareItem.x a {
  background: url(../images/icon_x_circle.png) center left 8px/24px no-repeat, url(../images/icon_arrow_pc.png) center right 8px no-repeat, #FFFFFF;
}
@media (max-width: 1440px) {
  .pcLeftShare .shareItem.x a {
    background: url(../images/icon_x_circle.png) center left 0.556vw/1.667vw no-repeat, url(../images/icon_arrow_pc.png) center right 0.556vw no-repeat, #FFFFFF;
  }
}
.pcLeftShare .shareItem.facebook a {
  background: url(../images/icon_facebook.png) center left 8px/24px no-repeat, url(../images/icon_arrow_pc.png) center right 8px no-repeat, #FFFFFF;
}
@media (max-width: 1440px) {
  .pcLeftShare .shareItem.facebook a {
    background: url(../images/icon_facebook.png) center left 0.556vw/1.667vw no-repeat, url(../images/icon_arrow_pc.png) center right 0.556vw no-repeat, #FFFFFF;
  }
}
.pcLeft .hirei {
  margin-top: 140px;
}
@media (max-width: 1440px) {
  .pcLeft .hirei {
    margin-top: 9.722vw;
  }
}
@media (max-width: 1024px) {
  .pcLeft .hirei {
    margin-top: 4.883vw;
  }
}
.pcLeft .hirei p {
  font-size: 56px;
  color: #008B00;
  font-weight: bold;
}
@media (max-width: 1440px) {
  .pcLeft .hirei p {
    font-size: 3.889vw;
  }
}
@media (max-width: 1024px) {
  .pcLeft .hirei p {
    font-size: 2.344vw;
  }
}

.pcRight {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 359px;
  height: 100%;
  background: #FFFFFF;
}
@media (max-width: 1440px) {
  .pcRight {
    width: 24.931vw;
  }
}
@media (max-width: 1024px) {
  .pcRight {
    width: calc((100% - 390px) / 2);
  }
}
@media (max-width: 750px) {
  .pcRight {
    display: none;
  }
}
.pcRightInner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.pcRightInner p {
  font-size: 18px;
  font-weight: 400;
  color: #008B00;
}
@media (max-width: 1440px) {
  .pcRightInner p {
    font-size: 1.25vw;
  }
}
.pcRight .logo {
  margin-bottom: 9px;
  line-height: 0;
}
@media (max-width: 1440px) {
  .pcRight .logo {
    margin-bottom: 0.625vw;
  }
}
.pcRight .logo img {
  width: 217px;
  height: auto;
}
@media (max-width: 1440px) {
  .pcRight .logo img {
    width: 15.069vw;
  }
}

/* fixed
--------------------------- */
.fixed {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/* ----------------------------------------------------
main
---------------------------------------------------- */
main {
  margin-left: auto;
  margin-right: 359px;
  width: 390px;
  background: #F5EEE1;
  overflow: hidden;
}
@media (max-width: 1440px) {
  main {
    margin-right: 24.931vw;
  }
}
@media (max-width: 1024px) {
  main {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 750px) {
  main {
    width: 100%;
  }
}
main .inner {
  margin-left: auto;
  margin-right: auto;
  width: 322px;
}
@media (max-width: 750px) {
  main .inner {
    width: 82.564vw;
  }
}

/* mv
--------------------------- */
.mv {
  line-height: 0;
  position: relative;
}
.mv .mvTxt {
  position: absolute;
  z-index: 2;
  top: 26px;
  left: 23px;
}
@media (max-width: 750px) {
  .mv .mvTxt {
    top: 6.667vw;
    left: 5.897vw;
  }
}
.mv .mvTxt img {
  width: 160px;
  height: auto;
}
@media (max-width: 750px) {
  .mv .mvTxt img {
    width: 41.026vw;
  }
}

/* contentsNavi
--------------------------- */
.contentsNavi {
  padding: 11px 0 70px 0;
  background: #FFFFFF;
}
@media (max-width: 750px) {
  .contentsNavi {
    padding: 2.821vw 0 17.949vw 0;
  }
}
.contentsNavi > p {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 750px) {
  .contentsNavi > p {
    font-size: 6.154vw;
  }
}
.contentsNaviItem {
  margin-top: 12px;
  width: 100%;
  height: 80px;
}
@media (max-width: 750px) {
  .contentsNaviItem {
    margin-top: 3.077vw;
    height: 20.513vw;
  }
}
.contentsNaviItem a {
  padding-left: 27px;
  font-size: 22px;
  line-height: 1.2;
  font-weight: bold;
  color: #FFFFFF;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  border-radius: 10px;
  background: url(../images/icon_navi_arrow.png) center right 18px/24px no-repeat #008B00;
  box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.3);
}
@media (max-width: 750px) {
  .contentsNaviItem a {
    padding-left: 6.923vw;
    font-size: 5.641vw;
    border-radius: 2.564vw;
    background: url(../images/icon_navi_arrow.png) center right 4.615vw/6.154vw no-repeat #008B00;
  }
}

/* ----------------------------------------------------
c_main
---------------------------------------------------- */
.c_main {
  padding-bottom: 70px;
  background: #FFFFFF;
}
@media (max-width: 750px) {
  .c_main {
    padding-bottom: 17.949vw;
  }
}
.c_mainHead {
  line-height: 0;
  text-align: center;
  position: relative;
  z-index: 2;
  top: -27px;
}
@media (max-width: 750px) {
  .c_mainHead {
    top: -6.923vw;
  }
}
.c_mainRead {
  margin-bottom: 16px;
  text-align: center;
}
@media (max-width: 750px) {
  .c_mainRead {
    margin-bottom: 4.103vw;
  }
}
.c_mainRead p {
  font-size: 19px;
  line-height: 1.6;
}
@media (max-width: 750px) {
  .c_mainRead p {
    font-size: 4.872vw;
  }
}
.c_mainRead figure {
  margin-top: 18px;
  line-height: 0;
}
@media (max-width: 750px) {
  .c_mainRead figure {
    margin-top: 4.615vw;
  }
}
.c_mainRead figure img {
  width: 195px;
  height: auto;
}
@media (max-width: 750px) {
  .c_mainRead figure img {
    width: 50vw;
  }
}

.b_contentsHead {
  position: relative;
}
.b_contentsText p {
  font-size: 19px;
  line-height: 1.6;
  font-feature-settings: "palt";
}
@media (max-width: 750px) {
  .b_contentsText p {
    font-size: 4.872vw;
  }
}
.b_contents .dakara {
  line-height: 0;
  text-align: center;
}
.b_contents .dakara img {
  width: 338px;
  height: auto;
}
@media (max-width: 750px) {
  .b_contents .dakara img {
    width: 86.667vw;
  }
}
.b_contents .dakara + .b_contentsText {
  margin-top: 20px;
}
@media (max-width: 750px) {
  .b_contents .dakara + .b_contentsText {
    margin-top: 5.128vw;
  }
}
.b_contents .box {
  padding: 20px;
  margin: 30px 0;
  border-radius: 10px;
  background: #F5EEE1;
}
@media (max-width: 750px) {
  .b_contents .box {
    padding: 5.128vw;
    margin: 7.692vw 0;
    border-radius: 2.564vw;
  }
}
.b_contents .boxTitle {
  color: #008B00;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 750px) {
  .b_contents .boxTitle {
    font-size: 5.128vw;
  }
}
.b_contents .boxUsa {
  background: #FFFFFF;
}
.b_contents .boxUsa .boxTitle {
  margin-bottom: 18px;
  color: #00580C;
}
@media (max-width: 750px) {
  .b_contents .boxUsa .boxTitle {
    margin-bottom: 4.615vw;
  }
}
.b_contents .boxUsa .boxTitle:before {
  content: "";
  display: inline-block;
  width: 54px;
  height: 36px;
  background: url(../images/icon_usa.png) center center/100% no-repeat;
  margin-right: 14px;
  margin-bottom: -10px;
}
@media (max-width: 750px) {
  .b_contents .boxUsa .boxTitle:before {
    width: 13.846vw;
    height: 9.231vw;
    margin-right: 3.59vw;
    margin-bottom: -2.564vw;
  }
}

.b_contentsBtmLink {
  margin-top: 25px;
}
@media (max-width: 750px) {
  .b_contentsBtmLink {
    margin-top: 6.41vw;
  }
}
.b_contentsBtmLink .btmLinkItem {
  margin: 0 auto;
  width: 322px;
  height: 80px;
}
@media (max-width: 750px) {
  .b_contentsBtmLink .btmLinkItem {
    width: 82.564vw;
    height: 20.513vw;
  }
}
.b_contentsBtmLink .btmLinkItem a {
  padding-left: 37px;
  font-size: 22px;
  font-weight: bold;
  color: #FFFFFF;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background: url(../images/icon_arrow_white.png) center right 24px/14px no-repeat #008B00;
  border-radius: 10px;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.3);
}
@media (max-width: 750px) {
  .b_contentsBtmLink .btmLinkItem a {
    padding-left: 9.487vw;
    font-size: 5.641vw;
    background: url(../images/icon_arrow_white.png) center right 6.154vw/3.59vw no-repeat #008B00;
    border-radius: 2.564vw;
  }
}
.b_contentsBtmLink .l_plan {
  margin-top: 26px;
}
@media (max-width: 750px) {
  .b_contentsBtmLink .l_plan {
    margin-top: 6.667vw;
  }
}
.b_contentsBtmLink .l_plan .zaigen {
  margin-bottom: 5px;
  line-height: 0;
  text-align: center;
}
@media (max-width: 750px) {
  .b_contentsBtmLink .l_plan .zaigen {
    margin-bottom: 1.282vw;
  }
}
.b_contentsBtmLink .l_plan .zaigen img {
  width: 100px;
  height: auto;
}
@media (max-width: 750px) {
  .b_contentsBtmLink .l_plan .zaigen img {
    width: 25.641vw;
  }
}
.b_contentsBtmLink .l_plan .btmLinkItem a {
  font-size: 20px;
  line-height: 1.4;
  background: url(../images/icon_navi_arrow.png) center right 18px/24px no-repeat #008B00;
}
@media (max-width: 750px) {
  .b_contentsBtmLink .l_plan .btmLinkItem a {
    font-size: 5.128vw;
    background: url(../images/icon_navi_arrow.png) center right 4.615vw/6.154vw no-repeat #008B00;
  }
}

/* ----------------------------------------------------
block_1
---------------------------------------------------- */
.block_1 {
  padding-bottom: 70px;
  background: #F5EEE1;
}
@media (max-width: 750px) {
  .block_1 {
    padding-bottom: 17.949vw;
  }
}
.block_1 .c_mainHead img {
  width: 284px;
  height: auto;
}
@media (max-width: 750px) {
  .block_1 .c_mainHead img {
    width: 72.821vw;
  }
}
.block_1 .c_mainRead figure img {
  width: 195px;
  height: auto;
}
@media (max-width: 750px) {
  .block_1 .c_mainRead figure img {
    width: 50vw;
  }
}
.block_1 .b_contentsHead {
  position: relative;
}
.block_1 .b_contentsHead .jikyu {
  position: absolute;
  z-index: 2;
  right: 0;
  top: -56px;
  line-height: 0;
}
@media (max-width: 750px) {
  .block_1 .b_contentsHead .jikyu {
    top: -14.359vw;
  }
}
.block_1 .b_contentsHead .jikyu img {
  width: 82px;
  height: auto;
}
@media (max-width: 750px) {
  .block_1 .b_contentsHead .jikyu img {
    width: 21.026vw;
  }
}
.block_1 h3 {
  text-align: center;
  line-height: 0;
}
.block_1 .no1 {
  padding-bottom: 30px;
}
@media (max-width: 750px) {
  .block_1 .no1 {
    padding-bottom: 7.692vw;
  }
}
.block_1 .no1 h3 {
  margin-bottom: 27px;
}
@media (max-width: 750px) {
  .block_1 .no1 h3 {
    margin-bottom: 6.923vw;
  }
}
.block_1 .no1 h3 img {
  width: 318px;
  height: auto;
}
@media (max-width: 750px) {
  .block_1 .no1 h3 img {
    width: 81.538vw;
  }
}
.block_1 .no1 .b_graph {
  margin-top: 20px;
  line-height: 0;
}
@media (max-width: 750px) {
  .block_1 .no1 .b_graph {
    margin-top: 5.128vw;
  }
}
.block_1 .no1 .b_graph img {
  width: 100%;
  height: auto;
}
.block_1 .no2 {
  padding: 34px 0 44px 0;
  background: #FFFFFF;
}
@media (max-width: 750px) {
  .block_1 .no2 {
    padding: 8.718vw 0 11.282vw 0;
  }
}
.block_1 .no2 h3 img {
  width: 323px;
  height: auto;
}
@media (max-width: 750px) {
  .block_1 .no2 h3 img {
    width: 82.821vw;
  }
}
.block_1 .no2 .b_photo {
  margin-top: 22px;
  text-align: center;
  line-height: 0;
}
@media (max-width: 750px) {
  .block_1 .no2 .b_photo {
    margin-top: 5.641vw;
  }
}
.block_1 .no2 .b_photo img {
  width: 322px;
  height: auto;
}
@media (max-width: 750px) {
  .block_1 .no2 .b_photo img {
    width: 82.564vw;
  }
}
.block_1 .no3 {
  padding-top: 34px;
}
@media (max-width: 750px) {
  .block_1 .no3 {
    padding-top: 8.718vw;
  }
}
.block_1 .no3 h3 {
  margin-bottom: 30px;
}
@media (max-width: 750px) {
  .block_1 .no3 h3 {
    margin-bottom: 7.692vw;
  }
}
.block_1 .no3 h3 img {
  width: 303px;
  height: auto;
}
@media (max-width: 750px) {
  .block_1 .no3 h3 img {
    width: 77.692vw;
  }
}
.block_1 .no3 .b_photo {
  margin-top: 22px;
  text-align: center;
  line-height: 0;
}
@media (max-width: 750px) {
  .block_1 .no3 .b_photo {
    margin-top: 5.641vw;
  }
}
.block_1 .no3 .b_photo img {
  width: 322px;
  height: auto;
}
@media (max-width: 750px) {
  .block_1 .no3 .b_photo img {
    width: 82.564vw;
  }
}
.block_1 .no3 .b_contentsText + .dakara {
  margin-top: 35px;
}
@media (max-width: 750px) {
  .block_1 .no3 .b_contentsText + .dakara {
    margin-top: 8.974vw;
  }
}

/* ----------------------------------------------------
block_2
---------------------------------------------------- */
.block_2 {
  padding-bottom: 70px;
  background: #FFFFFF;
}
@media (max-width: 750px) {
  .block_2 {
    padding-bottom: 17.949vw;
  }
}
.block_2 .c_mainHead img {
  width: 278px;
  height: auto;
}
@media (max-width: 750px) {
  .block_2 .c_mainHead img {
    width: 71.282vw;
  }
}
.block_2 .c_mainRead figure img {
  width: 195px;
  height: auto;
}
@media (max-width: 750px) {
  .block_2 .c_mainRead figure img {
    width: 50vw;
  }
}
.block_2 ul {
  margin: 27px 22px 20px 30px;
  transform: scale(0.98, 1);
  transform-origin: top left;
}
@media (max-width: 750px) {
  .block_2 ul {
    margin: 6.923vw 5.641vw 5.128vw 7.692vw;
  }
}
.block_2 ul li {
  padding-left: 17px;
  margin-bottom: 13px;
  font-size: 21px;
  font-weight: bold;
  line-height: 1.4;
  font-feature-settings: "palt";
  background: url(../images/icon_circle.png) top 7px left/14px no-repeat;
}
@media (max-width: 750px) {
  .block_2 ul li {
    padding-left: 4.359vw;
    margin-bottom: 3.333vw;
    font-size: 5.385vw;
    background: url(../images/icon_circle.png) top 1.795vw left/3.59vw no-repeat;
  }
}
.block_2 ul span {
  display: inline-block;
  font-size: 25px;
  line-height: 1.1;
  background: #FFF084;
}
@media (max-width: 750px) {
  .block_2 ul span {
    font-size: 6.41vw;
  }
}
.block_2 ul small {
  font-size: 90%;
}

/* ----------------------------------------------------
block_3
---------------------------------------------------- */
.block_3 {
  padding-bottom: 44px;
  background: #F5EEE1;
}
@media (max-width: 750px) {
  .block_3 {
    padding-bottom: 11.282vw;
  }
}
.block_3 .c_mainHead img {
  width: 327px;
  height: auto;
}
@media (max-width: 750px) {
  .block_3 .c_mainHead img {
    width: 83.846vw;
  }
}
.block_3 .c_mainRead p {
  font-feature-settings: "palt";
}
.block_3 .c_mainRead figure img {
  width: 131px;
  height: auto;
}
@media (max-width: 750px) {
  .block_3 .c_mainRead figure img {
    width: 33.59vw;
  }
}

/* ----------------------------------------------------
plan
---------------------------------------------------- */
.plan {
  padding: 35px 0 70px 0;
  background: #FFEB5B;
}
@media (max-width: 750px) {
  .plan {
    padding: 8.974vw 0 17.949vw 0;
  }
}
.planHead {
  padding: 26px 0;
  margin-bottom: 15px;
  text-align: center;
  border-top: 4px solid #FFFFFF;
  border-bottom: 4px solid #FFFFFF;
}
@media (max-width: 750px) {
  .planHead {
    padding: 6.667vw 0;
    margin-bottom: 3.846vw;
  }
}
.planHead h2 {
  font-size: 36px;
  line-height: 1.3;
  font-weight: 900;
}
@media (max-width: 750px) {
  .planHead h2 {
    font-size: 9.231vw;
  }
}
.planHead h2 span {
  display: block;
  font-size: 19px;
  line-height: 1.3;
}
@media (max-width: 750px) {
  .planHead h2 span {
    font-size: 4.872vw;
  }
}
.planRead {
  padding: 0 24px 0 30px;
}
@media (max-width: 750px) {
  .planRead {
    padding: 0 6.154vw 0 7.692vw;
  }
}
.planRead p {
  font-size: 19px;
  font-feature-settings: "palt";
  transform: scale(0.98, 1);
  transform-origin: top left;
}
@media (max-width: 750px) {
  .planRead p {
    font-size: 4.872vw;
  }
}
.planRead p span {
  font-size: 25px;
  font-weight: bold;
}
@media (max-width: 750px) {
  .planRead p span {
    font-size: 6.41vw;
  }
}
.planRead p span small {
  font-size: 95%;
}
.planContainer {
  margin-top: 25px;
}
@media (max-width: 750px) {
  .planContainer {
    margin-top: 6.41vw;
  }
}
.planItem {
  background: url(../images/bg_planBody.jpg) center top/100% repeat-y;
}
.planItem:before {
  content: "";
  display: block;
  height: 40px;
  background: url(../images/bg_planTop.jpg) center top/100% #FFEB5B;
}
@media (max-width: 750px) {
  .planItem:before {
    height: 10.256vw;
  }
}
.planItem:after {
  content: "";
  display: block;
  height: 45px;
  background: url(../images/bg_planBottom.jpg) center bottom/100% #FFEB5B;
  margin-bottom: 5px;
}
@media (max-width: 750px) {
  .planItem:after {
    height: 11.538vw;
    margin-bottom: 1.282vw;
  }
}
.planItemInner {
  margin: 0 auto 13px auto;
  width: 280px;
}
@media (max-width: 750px) {
  .planItemInner {
    margin-bottom: 3.333vw;
    width: 71.795vw;
  }
}
.planItemInner.no1 .itemHead {
  margin-top: -58px;
}
@media (max-width: 750px) {
  .planItemInner.no1 .itemHead {
    margin-top: -14.872vw;
  }
}
.planItemInner.no1 h3:before {
  background: url(../images/plan_icon_1.png) center center/100% no-repeat;
}
.planItemInner.no2 h3:before {
  background: url(../images/plan_icon_2.png) center center/100% no-repeat;
}
.planItemInner.no3 {
  margin-bottom: 0;
}
.planItemInner.no3 h3:before {
  background: url(../images/plan_icon_3.png) center center/100% no-repeat;
}
.planItem .itemHead {
  text-align: center;
}
.planItem .itemHead h3 {
  margin-bottom: 9px;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.2;
  font-feature-settings: "palt";
}
@media (max-width: 750px) {
  .planItem .itemHead h3 {
    margin-bottom: 2.308vw;
    font-size: 5.641vw;
  }
}
.planItem .itemHead h3:before {
  content: "";
  display: block;
  width: 49px;
  height: 49px;
  margin: 0 auto 9px auto;
}
@media (max-width: 750px) {
  .planItem .itemHead h3:before {
    width: 12.564vw;
    height: 12.564vw;
    margin-bottom: 2.308vw;
  }
}
.planItem .itemText p {
  font-size: 19px;
  font-weight: 400;
  line-height: 1.6;
  font-feature-settings: "palt";
}
@media (max-width: 750px) {
  .planItem .itemText p {
    font-size: 4.872vw;
  }
}
.planItem .strong {
  margin: 10px 0;
  font-size: 20px;
  font-size: 1.5;
  font-weight: 700;
  text-align: center;
  text-decoration: underline;
  text-underline-offset: 5px;
}
@media (max-width: 750px) {
  .planItem .strong {
    margin: 2.564vw 0;
    font-size: 5.128vw;
  }
}
.planImg {
  line-height: 0;
  position: relative;
}
.planImg .ring {
  position: absolute;
  top: -45px;
  left: 0;
  right: 0;
  z-index: 3;
  text-align: center;
}
@media (max-width: 750px) {
  .planImg .ring {
    top: -11.538vw;
  }
}
.planImg .ring img {
  width: 212px;
  heiht: auto;
}
@media (max-width: 750px) {
  .planImg .ring img {
    width: 54.359vw;
  }
}
.plan .check {
  margin-top: 10px;
  text-align: center;
}
@media (max-width: 750px) {
  .plan .check {
    margin-top: 2.564vw;
  }
}
.plan .check > p {
  font-size: 24px;
  line-height: 2;
  font-weight: bold;
  font-feature-settings: "palt";
}
@media (max-width: 750px) {
  .plan .check > p {
    font-size: 6.154vw;
  }
}
.plan .check .bnr {
  margin-left: 5px;
}
@media (max-width: 750px) {
  .plan .check .bnr {
    margin-left: 1.282vw;
  }
}
.plan .check .bnr img {
  width: 326px;
  height: auto;
}
@media (max-width: 750px) {
  .plan .check .bnr img {
    width: 83.59vw;
  }
}

/* ----------------------------------------------------
block_4
---------------------------------------------------- */
.block_4 {
  background: #FFFFFF;
}
.block_4 .b_headImg {
  text-align: center;
  line-height: 0;
}
.block_4 .b_headImg img {
  margin-top: -41px;
  width: 218px;
  height: auto;
}
@media (max-width: 750px) {
  .block_4 .b_headImg img {
    margin-top: -10.513vw;
    width: 55.897vw;
  }
}
.block_4 .b_Ill {
  margin-top: -33px;
  line-height: 0;
}
@media (max-width: 750px) {
  .block_4 .b_Ill {
    margin-top: -8.462vw;
  }
}

/* ----------------------------------------------------
footer
---------------------------------------------------- */
.footerShare {
  padding: 30px 0 66px 0;
  background: #F5EEE1;
}
@media (max-width: 750px) {
  .footerShare {
    padding: 7.692vw 0 16.923vw 0;
  }
}
.footerShareHead {
  margin-bottom: 15px;
  text-align: center;
}
@media (max-width: 750px) {
  .footerShareHead {
    margin-bottom: 3.846vw;
  }
}
.footerShareHead p {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 750px) {
  .footerShareHead p {
    font-size: 6.154vw;
  }
}
.footerShareContainer {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 750px) {
  .footerShareContainer {
    margin-bottom: 6.154vw;
  }
}
.footerShareContainer .iconBtn {
  width: 97px;
  height: 97px;
}
@media (max-width: 750px) {
  .footerShareContainer .iconBtn {
    width: 24.872vw;
    height: 24.872vw;
  }
}
.footerShareContainer .iconBtn a {
  width: 100%;
  height: 100%;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.3);
}
@media (max-width: 750px) {
  .footerShareContainer .iconBtn a {
    border-radius: 2.564vw;
  }
}
.footerShareContainer .iconBtn.line img, .footerShareContainer .iconBtn.facebook img {
  width: 57px;
  height: auto;
}
@media (max-width: 750px) {
  .footerShareContainer .iconBtn.line img, .footerShareContainer .iconBtn.facebook img {
    width: 14.615vw;
  }
}
.footerShareContainer .iconBtn.x img {
  width: 48px;
  height: auto;
}
@media (max-width: 750px) {
  .footerShareContainer .iconBtn.x img {
    width: 12.308vw;
  }
}
.footerShareText {
  text-align: center;
}
.footerShareText p {
  font-size: 19px;
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 750px) {
  .footerShareText p {
    font-size: 4.872vw;
  }
}

/* book
--------------------------- */
.book {
  padding-bottom: 70px;
  background: #F5EEE1;
}
@media (max-width: 750px) {
  .book {
    padding-bottom: 17.949vw;
  }
}
.book figure {
  line-height: 0;
}
.book figure img {
  width: 100%;
  height: auto;
}

/* vote
--------------------------- */
.vote {
  background: #FFFFFF;
}
.voteHead {
  margin-bottom: 20px;
  line-height: 0;
}
@media (max-width: 750px) {
  .voteHead {
    margin-bottom: 5.128vw;
  }
}
.voteHead img {
  margin-top: -6px;
}
@media (max-width: 750px) {
  .voteHead img {
    margin-top: -1.538vw;
  }
}
.voteTitle {
  color: #005AA7;
  font-size: 36px;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 750px) {
  .voteTitle {
    font-size: 9.231vw;
  }
}
.voteTitle small {
  font-size: 90%;
}
.voteTitle .large {
  display: inline-block;
  font-size: 110%;
  font-feature-settings: "palt";
}
.voteTitle .icon {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 750px) {
  .voteTitle .icon {
    margin-bottom: 2.564vw;
  }
}
.voteTitle .icon:before {
  content: "";
  display: inline-block;
  background: url(../images/vote_ill.png) center center/100% no-repeat;
  width: 75px;
  height: 82px;
  margin-right: 11px;
}
@media (max-width: 750px) {
  .voteTitle .icon:before {
    width: 19.231vw;
    height: 21.026vw;
    margin-right: 2.821vw;
  }
}
.vote .notice {
  margin: 33px auto 40px auto;
  width: 263px;
}
@media (max-width: 750px) {
  .vote .notice {
    margin: 8.462vw auto 10.256vw auto;
    width: 67.436vw;
  }
}
.vote .noticeTextImg {
  line-height: 0;
  text-align: center;
}
.vote .noticeTextImg img {
  width: 106px;
  height: auto;
}
@media (max-width: 750px) {
  .vote .noticeTextImg img {
    width: 27.179vw;
  }
}
.vote .notice ul {
  margin-left: 10px;
  color: #F76388;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 750px) {
  .vote .notice ul {
    margin-left: 2.564vw;
    font-size: 5.128vw;
  }
}
.vote .notice ul li {
  color: #F76388;
  margin-top: 10px;
  text-indent: -10px;
}
@media (max-width: 750px) {
  .vote .notice ul li {
    margin-top: 2.564vw;
    text-indent: -2.564vw;
  }
}
.vote .notice ul li:before {
  content: "●";
  display: inline-block;
  font-size: 52%;
  line-height: 1;
  position: relative;
  top: -2px;
  margin-right: 10px;
}
@media (max-width: 750px) {
  .vote .notice ul li:before {
    top: -0.513vw;
    margin-right: 2.564vw;
  }
}
.vote .areaHead {
  color: #005AA7;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 230px;
  background: #F5EEE1;
}
@media (max-width: 750px) {
  .vote .areaHead {
    height: 58.974vw;
  }
}

/* hashtag
--------------------------- */
.hashtag {
  text-align: center;
  background: #FFFFFF;
}
.hashtag .inner {
  padding: 60px 0 58px 0;
  border-bottom: 1px solid #008B00;
}
@media (max-width: 750px) {
  .hashtag .inner {
    padding: 15.385vw 0 14.872vw 0;
  }
}
.hashtag .inner p {
  color: #005AA7;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.3;
}
@media (max-width: 750px) {
  .hashtag .inner p {
    font-size: 8.205vw;
  }
}

/* footerLink
--------------------------- */
.footerLink {
  padding: 52px 0 70px 0;
  background: #FFFFFF;
}
@media (max-width: 750px) {
  .footerLink {
    padding: 13.333vw 0 17.949vw 0;
  }
}
.footerLinkItem + .footerLinkItem {
  margin-top: 40px;
}
@includes p {
  .footerLinkItem + .footerLinkItem {
    margin-top: 10.256vw;
  }
}
.footerLinkTitle {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 2;
}
@media (max-width: 750px) {
  .footerLinkTitle {
    font-size: 6.154vw;
  }
}
.footerLink .f_linkBtn {
  width: 100%;
  height: 80px;
}
@media (max-width: 750px) {
  .footerLink .f_linkBtn {
    height: 20.513vw;
  }
}
.footerLink .f_linkBtn a {
  padding-left: 20px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  color: #FFFFFF;
  background: url(../images/icon_arrow_white.png) center right 23px/14px no-repeat #008B00;
  border-radius: 10px;
  box-shadow: 4px 4px 0 #bdbdbd;
}
@media (max-width: 750px) {
  .footerLink .f_linkBtn a {
    padding-left: 5.128vw;
    font-size: 4.615vw;
    background: url(../images/icon_arrow_white.png) center right 5.897vw/3.59vw no-repeat #008B00;
    border-radius: 2.564vw;
  }
}
.footerLink .f_linkBtn.policy {
  margin-top: 28px;
  height: 100px;
  font-feature-settings: "palt";
}
@media (max-width: 750px) {
  .footerLink .f_linkBtn.policy {
    margin-top: 7.179vw;
    height: 25.641vw;
  }
}
.footerLink .f_linkBtn.policy a {
  padding-left: 13px;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .footerLink .f_linkBtn.policy a {
    padding-left: 3.333vw;
  }
}
.footerLink .f_linkBtn.policy a:before {
  content: "";
  display: inline-block;
  width: 70px;
  height: 70px;
  background: url(../images/icon_new.png) center center/100% no-repeat;
  margin-right: 6px;
}
@media (max-width: 750px) {
  .footerLink .f_linkBtn.policy a:before {
    width: 17.949vw;
    height: 17.949vw;
    margin-right: 1.538vw;
  }
}
.footerLink .f_linkBanner {
  line-height: 0;
}

/* footer
--------------------------- */
footer {
  background: #FFFFFF;
}
footer .footerInner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 110px;
}
@media (max-width: 750px) {
  footer .footerInner {
    height: 28.205vw;
  }
}
footer .jcpLogo {
  line-height: 0;
}
footer .jcpLogo img {
  width: 171px;
  height: auto;
}
@media (max-width: 750px) {
  footer .jcpLogo img {
    width: 43.846vw;
  }
}
footer .copyright {
  font-size: 11px;
  line-height: 3;
}
@media (max-width: 750px) {
  footer .copyright {
    font-size: 2.821vw;
  }
}

/* ----------------------------------------------------
pageup
---------------------------------------------------- */
#pageup {
  position: fixed;
  right: 390px;
  bottom: 20px;
  z-index: 100;
}
@media (max-width: 1440px) {
  #pageup {
    right: 27.083vw;
    bottom: 1.042vw;
  }
}
@media (max-width: 1024px) {
  #pageup {
    right: 33.203vw;
  }
}
@media (max-width: 750px) {
  #pageup {
    right: 5.128vw;
    bottom: 5.128vw;
  }
}
#pageup .pageupInner {
  display: inline-block;
  line-height: 0;
  cursor: pointer;
}
#pageup .pageupInner img {
  width: 40px;
  height: auto;
}