/* cause
--------------------------------------------*/
@media screen and (max-width: 767px) {
  .causeWrap {
    background: #fff !important; } }
.causeWrap .lowerNavi {
  background: #e3f7fe; }
  @media screen and (max-width: 767px) {
    .causeWrap .lowerNavi {
      margin: 0 -5.3333333333vw;
      padding: 8vw 5.3333333333vw; } }
  @media screen and (max-width: 767px) {
    .causeWrap .lowerNavi .lowerNavi_product_img {
      width: 30.6666666667vw; } }
  @media screen and (max-width: 767px) {
    .causeWrap .lowerNavi .lowerNavi_product_txt {
      width: 48vw; } }
  @media screen and (max-width: 767px) {
    .causeWrap .lowerNavi .lowerNavi_product_item02 {
      padding: 0 2vw; } }
@media screen and (max-width: 767px) {
  .causeWrap .inner {
    padding: 0 5.3333333333vw !important; } }

#cause .title {
  line-height: 1.4 !important;
  height: auto !important;
  padding: 10px 0 20px 38px; }
  #cause .title b {
    text-indent: -0.5em;
    display: block; }
  @media screen and (max-width: 767px) {
    #cause .title {
      letter-spacing: -1px;
      font-size: 5.6vw;
      padding: 5.3333333333vw 0 5.3333333333vw 4vw;
      margin-bottom: 8vw; } }
  #cause .title .sttl {
    font-size: 20px; }
    @media screen and (max-width: 767px) {
      #cause .title .sttl {
        font-size: 4.2666666667vw; } }
  @media screen and (max-width: 767px) {
    #cause .title:after {
      width: 23.8666666667vw !important;
      height: 18vw !important;
      right: 2.4vw !important;
      background-size: 100% 100% !important;
      top: 0 !important;
      bottom: 0 !important;
      margin: auto !important; } }
#cause .subtitle {
  font-size: 26px;
  color: #2f4f94;
  border-bottom: 6px solid #2f4f94;
  padding-left: 38px;
  padding-bottom: 4px;
  background: url(/brand/oshiria/img/cause_circle.png) 5px 11px no-repeat;
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    #cause .subtitle {
      box-sizing: border-box;
      font-size: 5.3333333333vw;
      line-height: 1.6;
      color: #004dac;
      width: 100%;
      background: none;
      text-align: center;
      background-size: 5.3333333333vw;
      padding-top: 0.5333333333vw;
      padding-bottom: 3.4666666667vw;
      padding-left: 0;
      margin-bottom: 4vw;
      border-bottom: 1.0666666667vw solid #004dac; } }
#cause p {
  font-size: 16px;
  line-height: 2; }
  @media screen and (max-width: 767px) {
    #cause p {
      font-size: 3.7333333333vw;
      line-height: 2; } }
  #cause p .txt-line {
    color: #004dac;
    font-weight: bold;
    background: linear-gradient(transparent 75%, #fffd76 25%); }
#cause .text01 {
  padding-right: 33%; }
#cause #cause01 .btn {
  display: block; }
  @media print, screen and (min-width: 768px) {
    #cause #cause01 .btn {
      width: 553px;
      margin: 24px auto 56px; } }
  @media screen and (max-width: 767px) {
    #cause #cause01 .btn {
      width: 70.4vw;
      margin: 3.2vw auto 7.4666666667vw; } }
@media screen and (max-width: 767px) {
  #cause #cause01 .check {
    display: block;
    width: 70.4vw;
    margin: 3.2vw auto 7.4666666667vw; } }
#cause #cause02 {
  position: relative; }
  @media screen and (max-width: 767px) {
    #cause #cause02 {
      margin-top: 13.3333333333vw; } }
  @media screen and (max-width: 767px) {
    #cause #cause02 .text01wrap {
      display: flex;
      justify-content: space-between; } }
  @media screen and (max-width: 767px) {
    #cause #cause02 .text01wrap .text01 {
      padding-right: 0;
      width: 56vw; } }
  @media screen and (max-width: 767px) {
    #cause #cause02 .text01wrap img {
      width: 31.2vw; } }
  @media print, screen and (min-width: 768px) {
    #cause #cause02:after {
      content: '';
      width: 296px;
      height: 562px;
      top: 0px;
      right: 42px;
      position: absolute;
      background: url(/brand/oshiria/img/cause_girl.png) no-repeat center center; } }
  #cause #cause02 ul {
    display: block;
    background: #e3f7fe; }
    @media print, screen and (min-width: 768px) {
      #cause #cause02 ul {
        margin-top: 34px;
        margin-bottom: 38px;
        width: 610px;
        padding: 25px 40px;
        border-radius: 8px; } }
    @media screen and (max-width: 767px) {
      #cause #cause02 ul {
        width: 100%;
        margin: 2.1333333333vw 0px;
        border-radius: 1.0666666667vw;
        padding: 4.8vw; } }
  #cause #cause02 li {
    padding: 0 0 5px 50px;
    font-weight: bold;
    font-size: 18px;
    background: url(/brand/oshiria/img/check-mark.png) no-repeat left center; }
    #cause #cause02 li b {
      color: #cc2a1e; }
    @media print, screen and (min-width: 768px) {
      #cause #cause02 li {
        margin-bottom: 18px; } }
    @media screen and (max-width: 767px) {
      #cause #cause02 li {
        font-size: 3.7333333333vw;
        padding: 1.3333333333vw 0 1.3333333333vw 6.4vw;
        background: url(/brand/oshiria/img/sp/check_mark.png) no-repeat left center;
        background-size: 4.8vw;
        font-weight: bold; } }
    #cause #cause02 li span {
      border-bottom: 3px solid #d63c3c; }
      @media print, screen and (min-width: 768px) {
        #cause #cause02 li span {
          padding-bottom: 4px; } }
      @media screen and (max-width: 767px) {
        #cause #cause02 li span {
          border-bottom: 0.5333333333vw solid #d63c3c; } }
  #cause #cause02 .comment {
    display: block;
    margin: 32px auto; }
    @media screen and (max-width: 767px) {
      #cause #cause02 .comment {
        width: 96%;
        margin: 0 auto 6.4vw; } }
    #cause #cause02 .comment img {
      display: block;
      margin: 0 auto; }
#cause #cause03 {
  margin-bottom: 36px; }
  @media screen and (max-width: 767px) {
    #cause #cause03 {
      display: flex;
      flex-direction: column;
      margin-bottom: 7.4666666667vw;
      margin-top: 13.3333333333vw; } }
  @media screen and (max-width: 767px) {
    #cause #cause03 .subtitle {
      order: 1; } }
  @media screen and (max-width: 767px) {
    #cause #cause03 .junkan {
      border: 1px solid #dddddd;
      order: 3;
      margin-top: 8vw;
      margin-bottom: 8vw; } }
  #cause #cause03 p {
    display: block;
    overflow: auto; }
    @media print, screen and (min-width: 768px) {
      #cause #cause03 p {
        float: left;
        width: 488px;
        margin-right: 32px; } }
    @media screen and (max-width: 767px) {
      #cause #cause03 p {
        order: 2;
        line-height: 2; } }
    @media screen and (max-width: 767px) {
      #cause #cause03 p:nth-of-type(2) {
        order: 4; } }
    @media print, screen and (min-width: 768px) {
      #cause #cause03 p:nth-of-type(2) {
        margin-top: 1em; } }
@media screen and (max-width: 767px) {
  #cause .bannerBox {
    padding: 1.3333333333vw 0 3.6vw;
    background: url(/brand/oshiria/img/sp/bnr_area_bg.png) repeat top center; } }
@media screen and (max-width: 767px) {
  #cause .bannerBox .bannerBox_ttl {
    margin-bottom: 3.3333333333vw; } }
@media screen and (max-width: 767px) {
  #cause .bannerBox .bannerBoxList {
    margin-top: 0; }
    #cause .bannerBox .bannerBoxList .bannerBoxList_item {
      padding-bottom: 0; } }

#contents {
  padding-right: 10px;
  padding-left: 10px;
  background-color: #fff; }
  @media screen and (max-width: 767px) {
    #contents {
      padding-right: 2.6666666667vw;
      padding-left: 2.6666666667vw; } }