.titleContainer {
  background-image: url(../images/nurture-policy/nurture/main.jpg); }
  .titleContainer .h1 {
    line-height: 1.3;
    font-size: 38px; }
    @media screen and (max-width: 769px) {
      .titleContainer .h1 {
        font-size: 5vw; } }
    .titleContainer .h1 .small {
      font-size: 60%; }
  @media screen and (max-width: 769px) {
    .titleContainer {
      background-image: url(../images/nurture-policy/nurture/sp/main.jpg); } }

@media screen and (max-width: 769px) {
  .outlineContainer {
    margin-top: 9.16667vw;
    margin-bottom: 8.33333vw; } }

@media screen and (max-width: 769px) {
  .outlineContainer .h2 {
    line-height: 1.54545;
    margin-right: -0.5em;
    margin-left: -0.5em; } }

@media screen and (max-width: 769px) {
  .outlineContainer .h2 small {
    padding-top: 0.8em; } }

.outlineContainer strong {
  max-width: 800px; }
  @media screen and (max-width: 769px) {
    .outlineContainer strong {
      margin-top: 8.33333vw; } }

.outlineContainer p {
  font-weight: normal; }

#bgImg01 {
  background: url(../images/nurture-policy/nurture/block01_01.jpg) left top no-repeat;
  background-size: contain; }
  @media screen and (max-width: 769px) {
    #bgImg01 {
      background-image: url(../images/nurture-policy/nurture/sp/block01_01.jpg);
      background-size: 100%;
      overflow: hidden; } }

#bgImg02 {
  background: url(../images/nurture-policy/nurture/block01_02.jpg) right top no-repeat;
  background-size: contain; }
  @media screen and (max-width: 769px) {
    #bgImg02 {
      background-image: url(../images/nurture-policy/nurture/sp/block01_02.jpg);
      background-size: 100%;
      overflow: hidden; } }

#bgImg03 {
  background: url(../images/nurture-policy/nurture/block01_03.jpg) left top no-repeat;
  background-size: contain; }
  @media screen and (max-width: 769px) {
    #bgImg03 {
      background-image: url(../images/nurture-policy/nurture/sp/block01_03.jpg);
      background-size: 100%;
      overflow: hidden; } }

#bgImg04 {
  background: url(../images/nurture-policy/nurture/block01_04.jpg) right top no-repeat;
  background-size: contain; }
  @media screen and (max-width: 769px) {
    #bgImg04 {
      background-image: url(../images/nurture-policy/nurture/sp/block01_04.jpg);
      background-size: 100%;
      overflow: hidden; } }

.block01 {
  padding-top: 0; }
  @media screen and (max-width: 769px) {
    .block01 {
      padding-bottom: 8.88889vw; } }
  .block01 h2 {
    margin: 60px auto 40px;
    text-align: center; }
    @media screen and (max-width: 769px) {
      .block01 h2 {
        margin-left: -0.5em;
        margin-right: -0.5em;
        line-height: 1.54545; } }
  @media screen and (max-width: 769px) {
    .block01 .h4 {
      margin-right: -0.5em; }
      .block01 .h4.short {
        letter-spacing: 0.05em;
        margin-right: -0.8em; } }
  .block01 > div + div {
    margin-top: 40px; }
    @media screen and (max-width: 769px) {
      .block01 > div + div {
        margin-top: 5.55556vw; } }
  .block01 .bgGrey {
    padding: 60px;
    max-width: 600px;
    min-height: 500px; }
    @media screen and (max-width: 769px) {
      .block01 .bgGrey {
        margin-top: 54.44444vw;
        padding: 6.66667vw;
        min-height: inherit; } }
    .block01 .bgGrey p {
      letter-spacing: 0.05em;
      line-height: 2;
      padding-top: 2em; }
      @media screen and (max-width: 769px) {
        .block01 .bgGrey p {
          padding-top: 1em;
          font-size: 3.88889vw; } }
  .block01 .right .bgGrey {
    margin-left: auto; }

@media screen and (max-width: 769px) {
  .moreLinks {
    margin-top: 8.33333vw; } }

.toggleArea {
  -webkit-transition: all .4s;
  transition: all .4s;
  border: 1px solid #298948;
  border-radius: 25px;
  position: relative;
  cursor: pointer;
  padding: 30px 30px 20px;
  position: relative;
  width: 100%;
  max-width: 600px;
  margin-bottom: 40px;
  margin-top: 20px !important;
  float: right;
  height: 70px; }
  .toggleArea:before {
    -webkit-transition: all .4s;
    transition: all .4s;
    content: '';
    display: block;
    position: absolute;
    right: 90%;
    top: 0;
    -webkit-transform: translateY(-98.5%);
    transform: translateY(-98.5%);
    width: 24px;
    height: 42px;
    background: url(../images/nurture-policy/nurture/balloon.svg) left top no-repeat;
    background-size: contain; }
  .toggleArea:after {
    content: "";
    clear: both;
    display: block; }
  @media screen and (max-width: 769px) {
    .toggleArea {
      height: auto;
      padding: 5.55556vw;
      max-width: 100%;
      float: none; } }
  .toggleArea .menuBtn {
    color: #298948;
    cursor: pointer;
    height: 56px;
    position: absolute;
    right: 10px;
    top: 0;
    width: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    /*font-family: 'Indulta SemiSerif', sans-serif;*/
    font-family: 'Secular One', sans-serif;
    font-size: 10px;
    letter-spacing: 0.1em;
    z-index: 99; }
    .toggleArea .menuBtn .menuIcon {
      position: relative;
      height: 31px;
      margin-top: 5px;
      width: 32px; }
      .toggleArea .menuBtn .menuIcon span {
        opacity: 0;
        background: #298948;
        display: inline-block;
        height: 2px;
        position: absolute;
        -webkit-transition: all .4s;
        transition: all .4s;
        width: 100%; }
        .toggleArea .menuBtn .menuIcon span:nth-of-type(1) {
          top: 0; }
        .toggleArea .menuBtn .menuIcon span:nth-of-type(2) {
          top: 8px; }
        .toggleArea .menuBtn .menuIcon span:nth-of-type(3) {
          top: 16px; }
      .toggleArea .menuBtn .menuIcon::after {
        content: "open";
        position: absolute;
        bottom: 50%;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        text-align: center;
        width: 100%; }
    @media screen and (max-width: 769px) {
      .toggleArea .menuBtn {
        height: 11.11111vw;
        right: 5.55556vw;
        top: 2.77778vw;
        width: 11.11111vw; }
        .toggleArea .menuBtn .menuIcon {
          height: 5vw;
          margin-top: 0;
          width: 6.66667vw; }
          .toggleArea .menuBtn .menuIcon span {
            height: 0.55556vw;
            position: absolute; }
            .toggleArea .menuBtn .menuIcon span:nth-of-type(1) {
              top: 0.55556vw; }
            .toggleArea .menuBtn .menuIcon span:nth-of-type(2) {
              top: 2.22222vw; }
            .toggleArea .menuBtn .menuIcon span:nth-of-type(3) {
              top: 3.88889vw; }
          .toggleArea .menuBtn .menuIcon::after {
            font-size: 3.05556vw;
            bottom: 100%; } }
  .toggleArea .stit {
    font-size: 16px;
    font-weight: 700;
    color: #298948;
    padding-left: 27px;
    position: relative; }
    .toggleArea .stit:before {
      content: '';
      display: block;
      position: absolute;
      left: 0px;
      top: 0px;
      width: 16px;
      height: 16px;
      background: url(../images/nurture-policy/nurture/ico_q.svg) left top no-repeat;
      background-size: contain; }
    @media screen and (max-width: 769px) {
      .toggleArea .stit {
        font-size: 4.16667vw; }
        .toggleArea .stit:before {
          width: 4.16667vw;
          height: 4.16667vw; } }

  .toggleArea .inner {
    opacity: 0;
    height: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
    background: url(../images/nurture-policy/nurture/img02.jpg) left 50% no-repeat;
    background-size: 50%; }
    @media screen and (max-width: 769px) {
      .toggleArea .inner {
        background-size: 100%;
        background-position: center 10%;
        padding-top: 0; } }
    .toggleArea .inner:after {
      content: "";
      display: block;
      clear: both; }
    .toggleArea .inner p {
      position: absolute;
      font-size: 14px;
      line-height: 2;
      width: 45%;
      float: right;
      padding-top: 45px;
      padding-right: 50px; }
      @media screen and (max-width: 769px) {
        .toggleArea .inner p {
          width: 100%;
          font-size: 3.61111vw;
          padding: 0; } }

  .toggleArea .inner_zh {
    opacity: 0;
    height: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
    background: url(../images/nurture-policy/nurture/img02.jpg) left 50% no-repeat;
    background-size: 50%; }
    @media screen and (max-width: 769px) {
      .toggleArea .inner_zh {
        background-size: 100%;
        background-position: center 10%;
        padding-top: 0; } }
    .toggleArea .inner_zh:after {
      content: "";
      display: block;
      clear: both; }
    .toggleArea .inner_zh p {
      position: absolute;
      font-size: 14px;
      line-height: 2;
      width: 45%;
      float: right;
      padding-top: 45px;
      padding-right: 50px; }
      @media screen and (max-width: 769px) {
        .toggleArea .inner_zh p {
          width: 100%;
          font-size: 3.61111vw;
          padding: 0; } }

  .toggleArea .inner_zh {
    opacity: 0;
    height: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
    background: url(../images/nurture-policy/nurture/img02_zh.jpg) left 50% no-repeat;
    background-size: 50%; }
    @media screen and (max-width: 769px) {
      .toggleArea .inner_zh {
        background-size: 100%;
        background-position: center 10%;
        padding-top: 0; } }
    .toggleArea .inner_zh:after {
      content: "";
      display: block;
      clear: both; }
    .toggleArea .inner_zh p {
      position: absolute;
      font-size: 14px;
      line-height: 2;
      width: 45%;
      float: right;
      padding-top: 45px;
      padding-right: 50px; }
      @media screen and (max-width: 769px) {
        .toggleArea .inner_zh p {
          width: 100%;
          font-size: 3.61111vw;
          padding: 0; } }

  .toggleArea .inner_en {
    opacity: 0;
    height: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
    background: url(../images/nurture-policy/nurture/img02_en.jpg) left 50% no-repeat;
    background-size: 50%; }
    @media screen and (max-width: 769px) {
      .toggleArea .inner_en {
        background-size: 100%;
        background-position: center 10%;
        padding-top: 0; } }
    .toggleArea .inner_en:after {
      content: "";
      display: block;
      clear: both; }
    .toggleArea .inner_en p {
      position: absolute;
      font-size: 14px;
      line-height: 2;
      width: 45%;
      float: right;
      padding-top: 45px;
      padding-right: 50px; }
      @media screen and (max-width: 769px) {
        .toggleArea .inner_en p {
          width: 100%;
          font-size: 3.61111vw;
          padding: 0; } }

  .toggleArea.active {
    max-width: 100%;
    height: auto; }
    .toggleArea.active:before {
      right: 43%; }
      @media screen and (max-width: 769px) {
        .toggleArea.active:before {
          right: 90%; } }
    .toggleArea.active .stit {
      position: absolute;
      width: 45%;
      right: 0; }
      @media screen and (max-width: 769px) {
        .toggleArea.active .stit {
          width: 100%;
          position: relative; } }
    .toggleArea.active .inner {
      opacity: 1;
      height: auto; }
      @media screen and (max-width: 769px) {
        .toggleArea.active .inner {
          padding-top: 50%; } }
      .toggleArea.active .inner p {
        position: static; }
    .toggleArea.active .inner_zh {
      opacity: 1;
      height: auto; }
      @media screen and (max-width: 769px) {
        .toggleArea.active .inner_zh {
          padding-top: 50%; } }
      .toggleArea.active .inner_zh p {
        position: static; }
    .toggleArea.active .inner_en{
      opacity: 1;
      height: auto; }
      @media screen and (max-width: 769px) {
        .toggleArea.active .inner_en {
          padding-top: 50%; } }
      .toggleArea.active .inner_en p {
        position: static; }
    .toggleArea.active .menuIcon span {
      opacity: 1;
      width: 20px; }
      .toggleArea.active .menuIcon span:nth-of-type(1) {
        -webkit-transform: translateY(8px) translateX(5px) rotate(-45deg);
        transform: translateY(8px) translateX(5px) rotate(-45deg); }
      .toggleArea.active .menuIcon span:nth-of-type(2) {
        opacity: 0; }
      .toggleArea.active .menuIcon span:nth-of-type(3) {
        -webkit-transform: translateY(-8px) translateX(5px) rotate(45deg);
        transform: translateY(-8px) translateX(5px) rotate(45deg); }
    .toggleArea.active .menuIcon::after {
      content: "close";
      bottom: 0;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
      @media screen and (max-width: 769px) {
        .toggleArea.active .menuIcon::after {
          bottom: -80%;
          left: -10%; } }
    @media screen and (max-width: 769px) {
      .toggleArea.active .menuIcon span {
        width: 5.55556vw; }
        .toggleArea.active .menuIcon span:nth-of-type(1) {
          -webkit-transform: translateY(8px) translateX(5px) rotate(-45deg);
          transform: translateY(1.5vw) translateX(0.5vw) rotate(-45deg); }
        .toggleArea.active .menuIcon span:nth-of-type(3) {
          -webkit-transform: translateY(-8px) translateX(5px) rotate(45deg);
          transform: translateY(-2vw) translateX(0.5vw) rotate(45deg); } }

.toggleArea + div {
  clear: both; }