@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;
  line-height: 1.5;
  color: #673938;
}
@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.153vw;
    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);
}
.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: #FF6000;
  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: #51CDC0;
}
@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: 20px;
  left: 11px;
}
@media (max-width: 750px) {
  .mv .mvTxt {
    top: 5.128vw;
    left: 2.821vw;
  }
}
.mv .mvTxt img {
  width: 102px;
  height: auto;
}
@media (max-width: 750px) {
  .mv .mvTxt img {
    width: 26.154vw;
  }
}

.read {
  margin: 24px 0 50px 0;
  text-align: center;
}
@media (max-width: 750px) {
  .read {
    margin: 6.154vw 0 12.821vw 0;
  }
}
.read p {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.7;
}
@media (max-width: 750px) {
  .read p {
    font-size: 5.128vw;
  }
}

/* ----------------------------------------------------
block_1
---------------------------------------------------- */
.block_1_Head {
  line-height: 0;
}
.block_1_Realization {
  position: relative;
  background: #FFFFFF;
}
.block_1_Realization + .block_1_Realization {
  margin-top: 3px;
}
@media (max-width: 750px) {
  .block_1_Realization + .block_1_Realization {
    margin-top: 0.769vw;
  }
}
.block_1_Realization .balloon {
  line-height: 0;
  position: absolute;
  z-index: 2;
  top: -41px;
  right: 16px;
}
@media (max-width: 750px) {
  .block_1_Realization .balloon {
    top: -10.513vw;
    right: 4.103vw;
  }
}
.block_1_Realization .balloon img {
  width: 85px;
  height: auto;
}
@media (max-width: 750px) {
  .block_1_Realization .balloon img {
    width: 21.795vw;
  }
}
.block_1_Realization .realizationContainer {
  padding: 20px 0 18px 0;
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  .block_1_Realization .realizationContainer {
    padding: 20px 0 18px 0;
  }
}
.block_1_Realization .iconLeft {
  width: 103px;
  text-align: center;
  line-height: 0;
}
@media (max-width: 750px) {
  .block_1_Realization .iconLeft {
    width: 26.41vw;
  }
}
.block_1_Realization .iconLeft img {
  width: 54px;
  height: auto;
}
@media (max-width: 750px) {
  .block_1_Realization .iconLeft img {
    width: 13.846vw;
  }
}
.block_1_Realization .itemRight {
  width: 287px;
}
@media (max-width: 750px) {
  .block_1_Realization .itemRight {
    width: 73.59vw;
  }
}
.block_1_Realization .itemRight .title {
  font-size: 27px;
  font-weight: bold;
}
@media (max-width: 750px) {
  .block_1_Realization .itemRight .title {
    font-size: 7.2vw;
  }
}
.block_1_Realization .itemRight .title span {
  font-size: 17px;
  font-weight: 500;
  display: block;
}
@media (max-width: 750px) {
  .block_1_Realization .itemRight .title span {
    font-size: 6.923vw;
  }
}
.block_1_Realization .itemRight .text p {
  color: #673938;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 500;
}
@media (max-width: 750px) {
  .block_1_Realization .itemRight .text p {
    font-size: 3.846vw;
  }
}
.block_1_Realization .all .itemRight .title {
  color: #51CDC0;
}
.block_1_Realization .kyoto .itemRight .title {
  color: #2F9CDC;
}
.block_1_Project .pjHead {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 70px;
  background: url(../images/bg_title_green.png) center bottom/125px no-repeat;
}
@media (max-width: 750px) {
  .block_1_Project .pjHead {
    height: 17.949vw;
    background: url(../images/bg_title_green.png) center bottom/32.051vw no-repeat;
  }
}
.block_1_Project .pjHead p {
  font-size: 17px;
  line-height: 2;
  color: #FFFFFF;
  font-weight: bold;
}
@media (max-width: 750px) {
  .block_1_Project .pjHead p {
    font-size: 4.359vw;
  }
}
.block_1_Project .pjPhoto {
  line-height: 0;
}
.block_1_Project .pjPhoto figcaption {
  margin-top: 10px;
}
@media (max-width: 750px) {
  .block_1_Project .pjPhoto figcaption {
    margin-top: 2.564vw;
  }
}
.block_1_Project .pjPhoto figcaption p {
  font-size: 15px;
  line-height: 1.9;
}
@media (max-width: 750px) {
  .block_1_Project .pjPhoto figcaption p {
    font-size: 3.846vw;
  }
}
.block_1_Project .pjContents {
  margin-top: 10px;
  margin-bottom: 34px;
}
@media (max-width: 750px) {
  .block_1_Project .pjContents {
    margin-top: 2.564vw;
    margin-bottom: 8.718vw;
  }
}
.block_1_Project .pjContents p {
  font-size: 19px;
  font-weight: bold;
  line-height: 1.8;
}
@media (max-width: 750px) {
  .block_1_Project .pjContents p {
    font-size: 4.872vw;
  }
}
.block_1_Project .pjIllust {
  line-height: 0;
}
.block_1 .voiceHead p {
  text-align: center;
  font-size: 29px;
  font-weight: bold;
  line-height: 2;
}
@media (max-width: 750px) {
  .block_1 .voiceHead p {
    font-size: 7.436vw;
  }
}
.block_1 .voiceSwitch {
  padding: 0 24px 0 20px;
  margin: 0 auto 29px auto;
  display: flex;
  align-items: center;
  width: 240px;
  height: 43px;
  background: #FFFFFF;
  border: 1px solid #CACACA;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
@media (max-width: 750px) {
  .block_1 .voiceSwitch {
    padding: 0 6.154vw 0 5.128vw;
    margin-bottom: 7.436vw;
    width: 61.538vw;
    height: 11.026vw;
  }
}
.block_1 .voiceSwitch:hover {
  opacity: 0.6;
}
.block_1 .voiceSwitch span {
  width: 100%;
  font-size: 15px;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 750px) {
  .block_1 .voiceSwitch span {
    font-size: 3.846vw;
  }
}
.block_1 .voiceSwitch span:after {
  content: "";
  display: inline-block;
  background: url(../images/icon_close.png) center center/100% no-repeat;
  width: 11px;
  height: 11px;
  margin-left: auto;
  transition: 0.2s ease-in-out;
  transform: rotate(-45deg);
}
@media (max-width: 750px) {
  .block_1 .voiceSwitch span:after {
    width: 2.821vw;
    height: 2.821vw;
  }
}
.block_1 .voiceSwitch.open span:after {
  transform: rotate(0deg);
}
.block_1 .voiceContainer {
  padding: 36px 0;
  background: #FFFFFF;
  display: none;
}
@media (max-width: 750px) {
  .block_1 .voiceContainer {
    padding: 9.231vw 0;
  }
}
.block_1 .voiceContainer p {
  color: #000000;
  font-size: 15px;
  line-height: 1.9;
}
@media (max-width: 750px) {
  .block_1 .voiceContainer p {
    font-size: 3.846vw;
  }
}
.block_1 .survey {
  padding: 28px 0;
}
@media (max-width: 750px) {
  .block_1 .survey {
    padding: 7.179vw 0;
  }
}
.block_1 .survey p {
  padding-left: 33px;
  color: #673938;
  font-size: 19px;
  font-weight: bold;
  line-height: 1.8;
  font-feature-settings: "palt";
}
@media (max-width: 750px) {
  .block_1 .survey p {
    padding-left: 8.462vw;
    font-size: 4.872vw;
  }
}
.block_1 .surveyBtn {
  margin: 17px auto 0 auto;
  width: 320px;
  height: 72px;
}
@media (max-width: 750px) {
  .block_1 .surveyBtn {
    margin-top: 4.359vw;
    width: 85.333vw;
    height: 19.2vw;
  }
}
.block_1 .surveyBtn a {
  padding-left: 39px;
  font-size: 17px;
  line-height: 1.5;
  color: #FFFFFF;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: url(../images/icon_arrow_white.png) center right 30px/17px no-repeat #51CDC0;
  border-radius: 100vw;
  box-shadow: 4px 4px 0 #bdbdbd;
}
@media (max-width: 750px) {
  .block_1 .surveyBtn a {
    padding-left: 10vw;
    font-size: 4.359vw;
    background: url(../images/icon_arrow_white.png) center right 7.692vw/4.359vw no-repeat #51CDC0;
  }
}

/* ----------------------------------------------------
block_2
---------------------------------------------------- */
.block_2 {
  margin-top: 78px;
}
@media (max-width: 750px) {
  .block_2 {
    margin-top: 20vw;
  }
}
.block_2_Head {
  height: 75px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  background: url(../images/bg_title_black.png) center bottom/173px no-repeat;
}
@media (max-width: 750px) {
  .block_2_Head {
    height: 19.231vw;
  }
}
.block_2_Head p {
  color: #FFFFFF;
  font-size: 36px;
  line-height: 1.4;
  font-weight: bold;
}
@media (max-width: 750px) {
  .block_2_Head p {
    font-size: 9.231vw;
  }
}
.block_2_Container {
  background: url(../images/bg_blue.jpg) center top/100% no-repeat #3B7ACE;
}
.block_2_Container .text p {
  color: #FFFFFF;
  font-size: 17px;
  line-height: 1.9;
  font-weight: 500;
}
@media (max-width: 750px) {
  .block_2_Container .text p {
    font-size: 4.359vw;
  }
}
.block_2_Container .text .source {
  font-size: 10px;
  color: #000000;
  text-align: right;
}
@media (max-width: 750px) {
  .block_2_Container .text .source {
    font-size: 2.564vw;
  }
}
.block_2_Container .c_1 {
  padding-top: 70px;
  margin-bottom: 55px;
}
@media (max-width: 750px) {
  .block_2_Container .c_1 {
    padding-top: 17.949vw;
    margin-bottom: 14.103vw;
  }
}
.block_2_Container .c_1_Title {
  margin-bottom: 34px;
  line-height: 0;
}
@includes sp {
  .block_2_Container .c_1_Title {
    margin-bottom: 8.718vw;
  }
}
.block_2_Container .c_1 .graph_1 {
  margin-bottom: 70px;
  text-align: center;
}
@media (max-width: 750px) {
  .block_2_Container .c_1 .graph_1 {
    margin-bottom: 17.949vw;
  }
}
.block_2_Container .c_1 .graph_1 p {
  margin-bottom: 18px;
  font-size: 22px;
  color: #FFFFFF;
}
@media (max-width: 750px) {
  .block_2_Container .c_1 .graph_1 p {
    margin-bottom: 4.615vw;
    font-size: 5.641vw;
  }
}
.block_2_Container .c_1 .graph_1 figure {
  line-height: 0;
}
.block_2_Container .c_1 .graph_1 figure img {
  width: 322px;
  height: auto;
}
@media (max-width: 750px) {
  .block_2_Container .c_1 .graph_1 figure img {
    width: 82.564vw;
  }
}
.block_2_Container .c_1 .ill_1 {
  margin-bottom: 46px;
}
@media (max-width: 750px) {
  .block_2_Container .c_1 .ill_1 {
    margin-bottom: 11.795vw;
  }
}
.block_2_Container .c_1 .ill_1 p {
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 1.4;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}
@media (max-width: 750px) {
  .block_2_Container .c_1 .ill_1 p {
    margin-bottom: 2.564vw;
    font-size: 9.231vw;
  }
}
.block_2_Container .c_1 .ill_1 figure {
  line-height: 0;
}
.block_2_Container .c_1 .graph_2 {
  margin-top: 25px;
}
@media (max-width: 750px) {
  .block_2_Container .c_1 .graph_2 {
    margin-top: 6.41vw;
  }
}
.block_2_Container .c_1 .graph_2 figure {
  line-height: 0;
}
.block_2_Container .c_2 {
  margin-bottom: 109px;
}
@media (max-width: 750px) {
  .block_2_Container .c_2 {
    margin-bottom: 27.949vw;
  }
}
.block_2_Container .c_2_Title {
  padding-left: 2px;
  margin-bottom: 37px;
  line-height: 0;
}
@media (max-width: 750px) {
  .block_2_Container .c_2_Title {
    padding-left: 0.513vw;
    margin-bottom: 9.487vw;
  }
}
.block_2_Container .c_2_Title img {
  width: 356px;
  height: auto;
}
@media (max-width: 750px) {
  .block_2_Container .c_2_Title img {
    width: 91.282vw;
  }
}
.block_2_Container .c_2 .graph_1 p {
  margin-bottom: 5px;
  font-size: 22px;
  color: #FFFFFF;
  text-align: center;
}
@media (max-width: 750px) {
  .block_2_Container .c_2 .graph_1 p {
    margin-bottom: 1.282vw;
    font-size: 5.641vw;
  }
}
.block_2_Container .c_2 .graph_1 p span {
  margin-left: 20px;
  font-size: 85%;
  display: inline-block;
  font-feature-settings: "palt";
}
@media (max-width: 750px) {
  .block_2_Container .c_2 .graph_1 p span {
    margin-left: 5.128vw;
  }
}
.block_2_Container .c_2 .graph_1 figure {
  padding-right: 19px;
  line-height: 0;
  text-align: right;
}
@media (max-width: 750px) {
  .block_2_Container .c_2 .graph_1 figure {
    padding-right: 4.872vw;
  }
}
.block_2_Container .c_2 .graph_1 figure img {
  width: 337px;
  height: auto;
}
@media (max-width: 750px) {
  .block_2_Container .c_2 .graph_1 figure img {
    width: 86.41vw;
  }
}
.block_2_Container .c_3 {
  margin-bottom: 110px;
}
@media (max-width: 750px) {
  .block_2_Container .c_3 {
    margin-bottom: 28.205vw;
  }
}
.block_2_Container .c_3_Title {
  padding-right: 2px;
  margin-bottom: 36px;
  line-height: 0;
  text-align: right;
}
@media (max-width: 750px) {
  .block_2_Container .c_3_Title {
    padding-right: 0.513vw;
    margin-bottom: 9.231vw;
  }
}
.block_2_Container .c_3_Title img {
  width: 376px;
  height: auto;
}
@media (max-width: 750px) {
  .block_2_Container .c_3_Title img {
    width: 96.41vw;
  }
}
.block_2_Container .c_3 .graph_1 {
  margin-bottom: 40px;
}
@media (max-width: 750px) {
  .block_2_Container .c_3 .graph_1 {
    margin-bottom: 10.256vw;
  }
}
.block_2_Container .c_3 .graph_1 p {
  margin-bottom: 10px;
  font-size: 22px;
  color: #FFFFFF;
  text-align: center;
}
@media (max-width: 750px) {
  .block_2_Container .c_3 .graph_1 p {
    margin-bottom: 2.564vw;
    font-size: 5.641vw;
  }
}
.block_2_Container .c_3 .graph_1 figure {
  line-height: 0;
  text-align: center;
}
.block_2_Container .c_3 .graph_1 figure img {
  width: 322px;
  height: auto;
}
@media (max-width: 750px) {
  .block_2_Container .c_3 .graph_1 figure img {
    width: 82.564vw;
  }
}
.block_2_Container .c_4_Title {
  padding-left: 4px;
  line-height: 0;
  position: relative;
  z-index: 3;
}
@media (max-width: 750px) {
  .block_2_Container .c_4_Title {
    padding-left: 1.026vw;
  }
}
.block_2_Container .c_4_Title img {
  width: 351px;
  height: auto;
}
@media (max-width: 750px) {
  .block_2_Container .c_4_Title img {
    width: 90vw;
  }
}
.block_2_Container .c_4_Item {
  padding-top: 150px;
  padding-left: 74px;
  margin-top: -89px;
  position: relative;
  height: 444px;
  background: url(../images/bg_croud.png) top center/100% no-repeat;
}
@media (max-width: 750px) {
  .block_2_Container .c_4_Item {
    padding-top: 38.462vw;
    padding-left: 18.974vw;
    margin-top: -22.821vw;
    height: 113.846vw;
  }
}
.block_2_Container .c_4_Item p {
  text-indent: -47px;
  color: #FFFFFF;
  font-size: 30px;
  font-weight: bold;
  font-feature-settings: "palt";
}
@media (max-width: 750px) {
  .block_2_Container .c_4_Item p {
    text-indent: -12.051vw;
    font-size: 7.692vw;
  }
}

/* ----------------------------------------------------
block_3
---------------------------------------------------- */
.block_3 {
  padding-bottom: 60px;
}
@media (max-width: 750px) {
  .block_3 {
    padding-bottom: 15.385vw;
  }
}
.block_3_Head {
  margin-top: -110px;
  margin-bottom: 36px;
  line-height: 0;
  position: relative;
  z-index: 4;
}
@media (max-width: 750px) {
  .block_3_Head {
    margin-top: -28.205vw;
    margin-bottom: 9.231vw;
  }
}
.block_3_Container .c_title {
  padding-right: 4px;
  margin-bottom: 32px;
  line-height: 0;
  text-align: right;
}
@media (max-width: 750px) {
  .block_3_Container .c_title {
    padding-right: 1.026vw;
    margin-bottom: 8.205vw;
  }
}
.block_3_Container .c_title img {
  width: 350px;
  height: auto;
}
@media (max-width: 750px) {
  .block_3_Container .c_title img {
    width: 89.744vw;
  }
}
.block_3_Container .c_ItemTop {
  margin-bottom: 38px;
  position: relative;
}
@media (max-width: 750px) {
  .block_3_Container .c_ItemTop {
    margin-bottom: 9.744vw;
  }
}
.block_3_Container .c_ItemTop .readBoxOrange {
  padding-top: 30px;
  margin: 0 auto;
  width: 322px;
  height: 300px;
  text-align: center;
  background: #FF6000;
  border-radius: 20px;
}
@media (max-width: 750px) {
  .block_3_Container .c_ItemTop .readBoxOrange {
    padding-top: 7.692vw;
    width: 82.564vw;
    height: 76.923vw;
    border-radius: 5.128vw;
  }
}
.block_3_Container .c_ItemTop .readBoxOrange p {
  font-size: 43px;
  line-height: 1.3;
  font-weight: bold;
  color: #FFFFFF;
}
@media (max-width: 750px) {
  .block_3_Container .c_ItemTop .readBoxOrange p {
    font-size: 11.026vw;
  }
}
.block_3_Container .c_ItemTop .readBoxOrange p.sub {
  font-size: 20px;
  line-height: 2.5;
  letter-spacing: 0.06em;
}
@media (max-width: 750px) {
  .block_3_Container .c_ItemTop .readBoxOrange p.sub {
    font-size: 5.128vw;
  }
}
.block_3_Container .c_ItemTop .readBoxOrange p span {
  font-size: 37px;
  display: block;
}
@media (max-width: 750px) {
  .block_3_Container .c_ItemTop .readBoxOrange p span {
    font-size: 9.487vw;
  }
}
.block_3_Container .c_ItemTop .listRight {
  padding: 30px 23px 31px 18px;
  margin-left: auto;
  margin-top: -36px;
  width: 300px;
  background: #FFFFFF;
  border-radius: 30px 0 0 30px;
}
@media (max-width: 750px) {
  .block_3_Container .c_ItemTop .listRight {
    padding: 7.692vw 5.897vw 7.949vw 4.615vw;
    margin-top: -9.231vw;
    width: 76.923vw;
    border-radius: 7.692vw 0 0 7.692vw;
  }
}
.block_3_Container .c_ItemTop .listRight p:nth-last-child(3) {
  margin-bottom: 0;
}
.block_3_Container .c_ItemTop .ill {
  position: absolute;
  left: 11px;
  bottom: 22px;
  z-index: 3;
  line-height: 0;
}
@media (max-width: 750px) {
  .block_3_Container .c_ItemTop .ill {
    left: 2.821vw;
    bottom: 5.641vw;
  }
}
.block_3_Container .c_ItemTop .ill img {
  width: 102px;
  height: auto;
}
@media (max-width: 750px) {
  .block_3_Container .c_ItemTop .ill img {
    width: 26.154vw;
  }
}
.block_3_Container .c_ItemBottom {
  margin-bottom: 84px;
  position: relative;
}
@media (max-width: 750px) {
  .block_3_Container .c_ItemBottom {
    margin-bottom: 21.538vw;
  }
}
.block_3_Container .c_ItemBottomHead {
  width: 300px;
  position: relative;
}
@media (max-width: 750px) {
  .block_3_Container .c_ItemBottomHead {
    width: 76.923vw;
  }
}
.block_3_Container .c_ItemBottomHead .txtIcon {
  line-height: 0;
  position: absolute;
  z-index: 3;
  left: 13px;
  bottom: -13px;
}
@media (max-width: 750px) {
  .block_3_Container .c_ItemBottomHead .txtIcon {
    left: 3.333vw;
    bottom: -3.333vw;
  }
}
.block_3_Container .c_ItemBottomHead .txtIcon img {
  width: 90px;
  height: auto;
}
@media (max-width: 750px) {
  .block_3_Container .c_ItemBottomHead .txtIcon img {
    width: 23.077vw;
  }
}
.block_3_Container .c_ItemBottomHead p {
  margin: 0 16px 6px 0;
  font-size: 15px;
  text-align: right;
  font-feature-settings: "palt";
}
@media (max-width: 750px) {
  .block_3_Container .c_ItemBottomHead p {
    margin: 0 4.103vw 1.538vw 0;
    font-size: 3.846vw;
  }
}
.block_3_Container .c_ItemBottom .listLeft {
  padding: 33px 12px 32px 18px;
  width: 300px;
  background: #FFFFFF;
  border-radius: 0 30px 30px 0;
}
@media (max-width: 750px) {
  .block_3_Container .c_ItemBottom .listLeft {
    padding: 8.462vw 3.077vw 8.205vw 4.615vw;
    width: 76.923vw;
    border-radius: 0 7.692vw 7.692vw 0;
  }
}
.block_3_Container .c_ItemBottom .listLeft .yosan {
  margin: 0 0 0 25px;
  width: 236px !important;
}
@media (max-width: 750px) {
  .block_3_Container .c_ItemBottom .listLeft .yosan {
    margin: 0 0 0 6.41vw;
    width: 60.513vw !important;
  }
}
.block_3_Container .c_ItemBottom .ill {
  position: absolute;
  z-index: 3;
  right: -10px;
  bottom: -4px;
}
@media (max-width: 750px) {
  .block_3_Container .c_ItemBottom .ill {
    right: -2.564vw;
    bottom: -1.026vw;
  }
}
.block_3_Container .c_ItemBottom .ill img {
  width: 103px;
  height: auto;
}
@media (max-width: 750px) {
  .block_3_Container .c_ItemBottom .ill img {
    width: 26.41vw;
  }
}
.block_3_Container .b3_c p {
  margin-left: 25px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 750px) {
  .block_3_Container .b3_c p {
    margin-left: 6.41vw;
    margin-bottom: 2.564vw;
    font-size: 5.128vw;
  }
}
.block_3_Container .b3_c p.listIcon {
  padding-left: 25px;
  margin-left: 0;
  text-indent: -25px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
@media (max-width: 750px) {
  .block_3_Container .b3_c p.listIcon {
    padding-left: 6.41vw;
    text-indent: -6.41vw;
    font-size: 5.128vw;
  }
}
.block_3_Container .b3_c p.listIcon:before {
  content: "";
  display: inline-block;
  background: url(../images/icon_star_orange.png) center center/100% no-repeat;
  width: 19px;
  height: 20px;
  margin-right: 6px;
  position: relative;
  top: 3px;
}
@media (max-width: 750px) {
  .block_3_Container .b3_c p.listIcon:before {
    width: 4.872vw;
    height: 5.128vw;
    margin-right: 1.538vw;
    top: 0.769vw;
  }
}
.block_3_Container .b3_c p span {
  text-indent: 0;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 750px) {
  .block_3_Container .b3_c p span {
    font-size: 4.103vw;
  }
}
.block_3_Container .b3_c .yosan {
  margin: 0 auto;
  width: 247px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F3F572;
  line-height: 1;
  border-radius: 6px;
}
@media (max-width: 750px) {
  .block_3_Container .b3_c .yosan {
    width: 63.333vw;
    height: 9.744vw;
    border-radius: 1.538vw;
  }
}
.block_3_Container .b3_c .yosan p {
  padding: 0;
  margin: 0;
  font-weight: bold;
}
.block_3_Container .b3_c .yosan span {
  margin-right: 11px;
  display: inline-block;
  font-weight: 500;
}
@media (max-width: 750px) {
  .block_3_Container .b3_c .yosan span {
    margin-right: 2.821vw;
  }
}
.block_3_Container .b3_c .yosan small {
  font-size: 14px;
  font-feature-settings: "palt";
}
@media (max-width: 750px) {
  .block_3_Container .b3_c .yosan small {
    font-size: 3.59vw;
  }
}
.block_3_Container .c_zaigen {
  position: relative;
}
.block_3_Container .c_zaigen .ill {
  position: absolute;
  z-index: 3;
  left: 18px;
  top: -53px;
  line-height: 0;
}
@media (max-width: 750px) {
  .block_3_Container .c_zaigen .ill {
    left: 4.615vw;
    top: -13.59vw;
  }
}
.block_3_Container .c_zaigen .ill img {
  width: 117px;
  height: auto;
}
@media (max-width: 750px) {
  .block_3_Container .c_zaigen .ill img {
    width: 30vw;
  }
}
.block_3_Container .c_zaigenInner {
  padding: 20px 40px 30px 30px;
  margin: 0 auto;
  width: 320px;
  background: #FFFFFF;
  border-radius: 30px;
}
@media (max-width: 750px) {
  .block_3_Container .c_zaigenInner {
    padding: 5.128vw 10.256vw 7.692vw 7.692vw;
    width: 82.051vw;
    border-radius: 7.692vw;
  }
}
.block_3_Container .c_zaigenTitle {
  margin-bottom: 20px;
  font-size: 29px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  color: #FF569C;
}
@media (max-width: 750px) {
  .block_3_Container .c_zaigenTitle {
    margin-bottom: 5.128vw;
    font-size: 7.436vw;
  }
}
.block_3_Container .c_zaigen .z_label {
  padding-left: 22px;
  display: flex;
  align-items: center;
  width: 300px;
  height: 32px;
  background: #FFE5EB;
  border-radius: 0 4px 4px 0;
  position: relative;
  left: -50px;
}
@media (max-width: 750px) {
  .block_3_Container .c_zaigen .z_label {
    padding-left: 5.641vw;
    width: 76.923vw;
    height: 8.205vw;
    border-radius: 0 1.026vw 1.026vw 0;
  }
}
.block_3_Container .c_zaigen .z_label p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 750px) {
  .block_3_Container .c_zaigen .z_label p {
    font-size: 4.103vw;
  }
}
.block_3_Container .c_zaigen .listIcon {
  padding-left: 25px;
  margin-top: 10px;
  text-indent: -25px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
  color: #FF569C;
}
@media (max-width: 750px) {
  .block_3_Container .c_zaigen .listIcon {
    padding-left: 6.41vw;
    margin-top: 2.564vw;
    text-indent: -6.41vw;
    font-size: 5.128vw;
  }
}
.block_3_Container .c_zaigen .listIcon:before {
  content: "";
  display: inline-block;
  background: url(../images/icon_star_pink.png) center center/100% no-repeat;
  width: 19px;
  height: 20px;
  margin-right: 6px;
  position: relative;
  top: 3px;
}
@media (max-width: 750px) {
  .block_3_Container .c_zaigen .listIcon:before {
    width: 4.872vw;
    height: 5.128vw;
    margin-right: 1.538vw;
    top: 0.769vw;
  }
}
.block_3_Container .c_zaigen .resultIcon {
  padding-left: 24px;
  margin-top: 10px;
  text-indent: -24px;
  font-size: 18px;
  line-height: 1.3;
}
@media (max-width: 750px) {
  .block_3_Container .c_zaigen .resultIcon {
    padding-left: 6.154vw;
    margin-top: 2.564vw;
    text-indent: -6.154vw;
    font-size: 4.615vw;
  }
}
.block_3_Container .c_zaigen .resultIcon:before {
  content: "";
  display: inline-block;
  background: url(../images/icon_arrow_brown.png) center center/100% no-repeat;
  width: 20px;
  height: 15px;
  margin-right: 4px;
  position: relative;
  top: 2px;
}
@media (max-width: 750px) {
  .block_3_Container .c_zaigen .resultIcon:before {
    width: 5.128vw;
    height: 3.846vw;
    margin-right: 1.026vw;
    top: 0.513vw;
  }
}
.block_3_Container .c_zaigen .resultIcon + .z_label {
  margin-top: 10px;
}
@media (max-width: 750px) {
  .block_3_Container .c_zaigen .resultIcon + .z_label {
    margin-top: 2.564vw;
  }
}
.block_3_Container .c_zaigen .moreBtn {
  margin: 40px auto 0 auto;
  width: 320px;
  height: 72px;
}
@media (max-width: 750px) {
  .block_3_Container .c_zaigen .moreBtn {
    margin-top: 10.256vw;
    width: 82.051vw;
    height: 18.462vw;
  }
}
.block_3_Container .c_zaigen .moreBtn a {
  padding-left: 44px;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background: url(../images/icon_arrow_white.png) center right 30px/17px no-repeat #FE8A38;
  border-radius: 100vw;
  box-shadow: 4px 4px 0 #bdbdbd;
}
@media (max-width: 750px) {
  .block_3_Container .c_zaigen .moreBtn a {
    padding-left: 11.282vw;
    font-size: 4.615vw;
    background: url(../images/icon_arrow_white.png) center right 7.692vw/4.359vw no-repeat #FE8A38;
  }
}

/* ----------------------------------------------------
block_4
---------------------------------------------------- */
.block_4 {
  padding: 56px 0 97px 0;
  background: #FFFFFF;
}
@media (max-width: 750px) {
  .block_4 {
    padding: 14.359vw 0 24.872vw 0;
  }
}
.block_4_Head {
  margin-bottom: 25px;
  text-align: center;
}
@media (max-width: 750px) {
  .block_4_Head {
    margin-bottom: 6.41vw;
  }
}
.block_4_Head p {
  color: #FF6000;
  font-size: 42px;
  font-weight: bold;
  line-height: 1.2;
}
@media (max-width: 750px) {
  .block_4_Head p {
    font-size: 10.769vw;
  }
}
.block_4_Container p {
  color: #FF6000;
  font-size: 17px;
  line-height: 2;
  font-feature-settings: "palt";
}
@media (max-width: 750px) {
  .block_4_Container p {
    font-size: 4.359vw;
  }
}
.block_4_Graph {
  margin-top: 10px;
  text-align: center;
}
@media (max-width: 750px) {
  .block_4_Graph {
    margin-top: 2.564vw;
  }
}
.block_4_Graph figure {
  line-height: 0;
}
.block_4_Graph figure img {
  width: 335px;
  height: auto;
}
@media (max-width: 750px) {
  .block_4_Graph figure img {
    width: 85.897vw;
  }
}

/* ----------------------------------------------------
block_5
---------------------------------------------------- */
.block_5 {
  background: #F3F572;
}
.block_5_Head {
  text-align: center;
  line-height: 0;
}
.block_5_Head figure img {
  width: 345px;
  height: auto;
}
@media (max-width: 750px) {
  .block_5_Head figure img {
    width: 88.462vw;
  }
}
.block_5_Head:before {
  content: "";
  display: block;
  background: url(../images/block_4_balloon.png) center center/100% no-repeat;
  width: 322px;
  height: 90px;
  position: relative;
  top: -32px;
  z-index: 2;
  margin: 0 auto;
}
@media (max-width: 750px) {
  .block_5_Head:before {
    width: 82.564vw;
    height: 23.077vw;
    top: -8.205vw;
  }
}
.block_5_Container figure.ill {
  margin-top: 2px;
  line-height: 0;
}
@media (max-width: 750px) {
  .block_5_Container figure.ill {
    margin-top: 0.513vw;
  }
}
.block_5_Container .inner {
  margin-top: -80px;
}
@media (max-width: 750px) {
  .block_5_Container .inner {
    margin-top: -20.513vw;
  }
}
.block_5_Container .inner p {
  color: #FF6000;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.9;
}
@media (max-width: 750px) {
  .block_5_Container .inner p {
    font-size: 4.872vw;
  }
}

/* ----------------------------------------------------
footer
---------------------------------------------------- */
.footerShare {
  padding: 53px 0 66px 0;
  background: #F3F572;
}
@media (max-width: 750px) {
  .footerShare {
    padding: 13.59vw 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: #F3F572;
}
@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 {
    padding-bottom: 17.949vw;
  }
}
.voteHead img {
  margin-top: -6px;
}
@media (max-width: 750px) {
  .voteHead img {
    margin-top: -6px;
  }
}
.voteTitle {
  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: #FF6000;
  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 {
  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 {
  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 #673938;
}
@media (max-width: 750px) {
  .hashtag .inner {
    padding: 15.385vw 0 14.872vw 0;
  }
}
.hashtag .inner p {
  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 84px 0;
  background: #FFFFFF;
}
@media (max-width: 750px) {
  .footerLink {
    padding: 13.333vw 0 21.538vw 0;
  }
}
.footerLinkItem + .footerLinkItem {
  margin-top: 40px;
}
@media (max-width: 750px) {
  .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: 36px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  color: #FFFFFF;
  background: url(../images/icon_arrow_white_2.png) center right 23px/14px no-repeat #FF6000;
  border-radius: 10px;
  box-shadow: 4px 4px 0 #bdbdbd;
}
@media (max-width: 750px) {
  .footerLink .f_linkBtn a {
    padding-left: 9.231vw;
    font-size: 4.615vw;
    background: url(../images/icon_arrow_white_2.png) center right 5.897vw/3.59vw no-repeat #FF6000;
    border-radius: 2.564vw;
  }
}
.footerLink .f_linkBanner {
  line-height: 0;
}

/* ----------------------------------------------------
footer
---------------------------------------------------- */
footer {
  background: #F3F572;
}
footer .footerInner {
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 110px;
}
@media (max-width: 750px) {
  footer .footerInner {
    padding-top: 4.103vw;
    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 {
  color: #51CDC0;
  font-size: 11px;
  line-height: 3;
}
@media (max-width: 750px) {
  footer .copyright {
    font-size: 2.821vw;
  }
}
