.pageNotFound__bodyTxt {
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 0 0 40px; }
  @media screen and (max-width: 750px) {
    .pageNotFound__bodyTxt {
      font-size: 1.5rem; } }
@media screen and (max-width: 750px) {
  .pageNotFound .btnPrimary {
    max-width: 100%; }
    .pageNotFound .btnPrimary a {
      margin: 0 auto;
      width: 80%; } }
.pageNotFound .contents .searchBox table.gsc-search-box {
  border: 1px solid #dfdfdf; }
.pageNotFound .contents .searchBox .gsc-search-box-tools .gsc-search-button .gsc-search-button-v2 {
  height: 60px; }

.privacy__whiteBox {
  padding: 50px;
  background: #FFF;
  box-shadow: 0 3px 10px 0 rgba(54, 88, 106, 0.18); }
  @media screen and (max-width: 750px) {
    .privacy__whiteBox {
      padding: 20px;
      box-shadow: 0 2px 5px 0 rgba(54, 88, 106, 0.18); } }
.privacy__numList {
  padding-left: 18px; }
  .privacy__numList > li {
    margin: 0 0 35px;
    font-size: 1.6rem;
    line-height: 1.8;
    list-style-type: decimal; }
    @media screen and (max-width: 750px) {
      .privacy__numList > li {
        font-size: 1.5rem;
        line-height: 1.7; } }
    .privacy__numList > li h3 {
      font-size: 1.8rem; }
    .privacy__numList > li ol {
      margin: 10px 0 0; }
      .privacy__numList > li ol li {
        padding-left: 2.5em;
        text-indent: -2.6em; }
        @media screen and (max-width: 750px) {
          .privacy__numList > li ol li br {
            display: none; } }
.privacy__leadTxt {
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 0 0 40px; }
  .privacy__leadTxt a {
    color: #008086;
    text-decoration: underline; }
    .privacy__leadTxt a:hover {
      opacity: 0.5; }
.privacy__footTxt {
  font-size: 1.6rem; }
  .privacy__footTxt a {
    color: #008086;
    text-decoration: underline; }
    .privacy__footTxt a:hover {
      opacity: 0.5; }
.privacy .box {
  border: 1px solid #008086;
  padding: 20px;
  margin: 20px 0 0; }
  .privacy .box p {
    font-size: 1.6rem; }
  .privacy .box .notes {
    font-size: 90%;
    text-indent: -1em;
    margin-left: 1em; }
.privacy .contactUs dl {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-bottom: 10px; }
  .privacy .contactUs dl:last-child {
    margin-bottom: 0; }
  .privacy .contactUs dl dt {
    display: table-cell;
    width: 280px; }
    @media screen and (max-width: 750px) {
      .privacy .contactUs dl dt {
        width: auto; } }
  @media screen and (max-width: 750px) {
    .privacy .contactUs dl {
      display: block; }
      .privacy .contactUs dl dt {
        display: block; } }
.privacy .btnPrimary {
  margin-top: 0; }
  @media screen and (max-width: 750px) {
    .privacy .btnPrimary {
      max-width: 100%; } }

.policy__bodyTxt {
  font-size: 1.6rem;
  line-height: 1.8; }
.policy .btnPrimary {
  max-width: 370px;
  margin-top: 0; }
  @media screen and (max-width: 750px) {
    .policy .btnPrimary {
      max-width: 100%; } }

#wrapper.brand .brand__bodyTxt {
  font-size: 1.6rem;
  margin: 0 0 30px; }
  @media screen and (max-width: 750px) {
    #wrapper.brand .brand__bodyTxt {
      font-size: 1.4rem;
      line-height: 1.71;
      margin: 0 0 25px; } }
#wrapper.brand .brand__headList {
  display: flex;
  justify-content: space-between;
  margin: 0 0 50px; }
  @media screen and (max-width: 750px) {
    #wrapper.brand .brand__headList {
      flex-wrap: wrap;
      margin: 0 0 25px; } }
  #wrapper.brand .brand__headList li {
    background: #EEF4F3;
    line-height: 1.2;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 50%;
    padding: 13px 0;
    transition: .4s; }
    @media screen and (max-width: 750px) {
      #wrapper.brand .brand__headList li {
        width: 50%;
        margin: 0 0 5px;
        padding: 13px 3px;
        box-sizing: border-box;
        font-size: 1.2rem; }
        #wrapper.brand .brand__headList li br {
          display: none; } }
    #wrapper.brand .brand__headList li:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      background: #DFDFDF;
      width: 1px;
      height: 30px;
      margin: auto;
      transition: .4s; }
    #wrapper.brand .brand__headList li:last-child:after {
      content: none; }
    #wrapper.brand .brand__headList li.active {
      background: #008086;
      color: #FFF; }
      #wrapper.brand .brand__headList li.active:after {
        content: none; }
      #wrapper.brand .brand__headList li.active:before {
        content: "";
        position: absolute;
        right: 0;
        left: 0;
        bottom: -16px;
        margin: auto;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #008086 transparent transparent transparent; }
        @media screen and (max-width: 750px) {
          #wrapper.brand .brand__headList li.active:before {
            content: none; } }
    #wrapper.brand .brand__headList li:hover {
      cursor: pointer;
      color: #FFF;
      background: #008086; }
      #wrapper.brand .brand__headList li:hover:after {
        opacity: 0; }
#wrapper.brand .brand__content {
  padding: 0 50px;
  display: none; }
  #wrapper.brand .brand__content:first-child {
    display: block; }
  @media screen and (max-width: 750px) {
    #wrapper.brand .brand__content {
      padding: 0; } }
#wrapper.brand .brand__lead { 
  font-size: 1.6rem;
  text-align: center; }
  @media screen and (max-width: 750px) {
    #wrapper.brand .brand__lead {
      font-size: 1.4rem;
      text-align: left; } }

#wrapper.brand .brand__foot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 15px 0 0; }
  #wrapper.brand .brand__foot__list {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    #wrapper.brand .brand__foot__list li {
      font-size: 1.2rem;
      display: inline-block;
      margin-left: 8px;
      padding-left: 8px;
      line-height: 1;
      border-left: 1px solid #929292;
      position: relative; }
      #wrapper.brand .brand__foot__list li:after {
        content: "";
        position: absolute;
        bottom: -2px;
        right: 0;
        width: 15px;
        height: 1px;
        background: #018087;
        opacity: 0; }
      #wrapper.brand .brand__foot__list li:hover {
        color: #018087; }
        #wrapper.brand .brand__foot__list li:hover:after {
          opacity: 1; }
      #wrapper.brand .brand__foot__list li:nth-of-type(1) {
        border-left: none; }
      #wrapper.brand .brand__foot__list li.current {
        color: #018087; }
        #wrapper.brand .brand__foot__list li.current:after {
          opacity: 1; }
  #wrapper.brand .brand__foot p {
    font-size: 1.2rem; }

#wrapper.form-input .checkAgree {
  font-size: 1.4rem;
  text-align: center; }
  #wrapper.form-input .checkAgree input[type=checkbox] {
    width: 16px;
    height: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0 7px 0 0;
    border: none;
    border: 1px solid #DCDCDC;
    position: relative;
    top: 3px;
    -webkit-box-shadow: 0 0 0 2px #fff inset;
    box-shadow: 0 0 0 2px #fff inset; }
  #wrapper.form-input .checkAgree input[type=checkbox]:checked {
    background: #008086; }
  #wrapper.form-input .checkAgree input[type=checkbox] label {
    line-height: 1; }
    
    #wrapper.brand .brand__movie figure a:before {
   content: "";
   display: block;
   width: 60px;
   height: 60px;
   background: url(../images/icon_play.png) no-repeat;
   background-size: 60px;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -30px;
   margin-top: -30px;
   transition: 0.3s;
   z-index: 2;
 }

 #wrapper.brand .brand__movie__declare {
   display: flex;
   align-items: center;
   margin-bottom: 40px;
   background: #fff;
   position: relative;
   -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
   box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
 }

 @media screen and (max-width: 750px) {
   #wrapper.brand .brand__movie__declare {
     display: block;
   }
 }

 #wrapper.brand .brand__movie__declare>* {
   width: 50%;
 }

 @media screen and (max-width: 750px) {
   #wrapper.brand .brand__movie__declare>* {
     width: 100%;
   }
 }

 #wrapper.brand .brand__movie__declare .box figure a {
   display: block;
   overflow: hidden;
   position: relative;
 }

 @media print,
 screen and (min-width: 751px) {
   #wrapper.brand .brand__movie__declare .box figure a:hover img {
     opacity: 0.8;
     transform: scale(1.05);
   }
 }

 #wrapper.brand .brand__movie__declare .box p {
   text-align: center;
   margin: 0;
   padding: 8px;
 }

 #wrapper.brand .brand__movie__declare .txt {
   padding: 40px;
 }

 @media screen and (max-width: 1024px) {
   #wrapper.brand .brand__movie__declare .txt {
     padding: 20px;
   }
 }

 @media screen and (max-width: 750px) {
   #wrapper.brand .brand__movie__declare .txt {
     padding: 20px;
   }
 }

 #wrapper.brand .brand__movie__declare .txt h3 {
   font-size: 2.6rem;
   margin: 0 0 30px;
   line-height: 1.4;
   position: relative;
 }

 @media screen and (max-width: 1024px) {
   #wrapper.brand .brand__movie__declare .txt h3 {
     margin-bottom: 20px;
   }
 }

 @media screen and (max-width: 750px) {
   #wrapper.brand .brand__movie__declare .txt h3 {
     font-size: 2rem;
     margin-bottom: 15px;
   }
 }

 #wrapper.brand .brand__movie__list {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   width: 100%;
   margin-top: -30px;
 }

 #wrapper.brand .brand__movie__list a {
   display: block;
   overflow: hidden;
   position: relative;
 }

 @media print,
 screen and (min-width: 751px) {
   #wrapper.brand .brand__movie__list a:hover img {
     opacity: 0.8;
     transform: scale(1.05);
   }
 }

 #wrapper.brand .brand__movie__list li {
   width: 32%;
   margin-top: 30px;
 }

 @media screen and (max-width: 1024px) {
   #wrapper.brand .brand__movie__list li {
     width: 48%;
     width: calc(50% - 10px);
   }
 }

 @media screen and (max-width: 750px) {
   #wrapper.brand .brand__movie__list li {
     width: 100%;
   }
 }

 #wrapper.brand .brand__movie__list li>p {
   margin-top: 8px;
   text-align: center;
 }

 @media screen and (max-width: 750px) {
   #wrapper.brand .brand__movie video {
     width: 100%;
   }
 }         