@charset "UTF-8";
.pc_only {
  display: none !important; }

#asahi_kasei_200227 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
  color: #333;
  /**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */ }
  #asahi_kasei_200227 .content_wrap {
    width: 100%;
    margin: 0 auto; }
  #asahi_kasei_200227 .item_txt {
    font-size: calc(22 * (100vw / 750));
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
    line-height: 2.2;
    letter-spacing: 0.025em;
    margin-top: calc(40 * (100vw / 750));
    text-align: center; }
    #asahi_kasei_200227 .item_txt::before {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 2.2) * 0.5em); }
  #asahi_kasei_200227 .txt {
    font-size: calc(24 * (100vw / 750));
    line-height: 1.91;
    letter-spacing: 0.015em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    width: calc(670 * (100vw / 750));
    margin-top: calc(40 * (100vw / 750));
    margin-left: calc(40 * (100vw / 750)); }
    #asahi_kasei_200227 .txt::before {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.91) * 0.5em); }
  #asahi_kasei_200227 p.img_txt {
    font-size: calc(30 * (100vw / 750));
    letter-spacing: 0.001em;
    color: #4c82b4; }
    #asahi_kasei_200227 p.img_txt span {
      font-size: calc(36 * (100vw / 750));
      font-family: futura-pt, sans-serif;
      letter-spacing: 0.001em;
      font-weight: 500; }
  #asahi_kasei_200227 .mv p {
    font-size: calc(26 * (100vw / 750));
    line-height: 2;
    letter-spacing: 0.015em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    text-align: center;
    margin-top: calc(120 * (100vw / 750));
    margin-bottom: calc(120 * (100vw / 750)); }
    #asahi_kasei_200227 .mv p::before {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 2) * 0.5em); }
  #asahi_kasei_200227 .txt_wrap {
    background: #bacbb3; }
    #asahi_kasei_200227 .txt_wrap p {
      color: #fff;
      font-weight: bold;
      font-size: calc(32 * (100vw / 750));
      padding-top: calc(60 * (100vw / 750));
      padding-bottom: calc(50 * (100vw / 750));
      letter-spacing: 0.05em; }
  #asahi_kasei_200227 .sec01 {
    text-align: center; }
    #asahi_kasei_200227 .sec01 h3 {
      font-size: calc(34 * (100vw / 750));
      font-weight: bold;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(50%, #a5c1d9));
      background: -webkit-linear-gradient(transparent 60%, #a5c1d9 50%);
      background: -o-linear-gradient(transparent 60%, #a5c1d9 50%);
      background: linear-gradient(transparent 60%, #a5c1d9 50%);
      display: inline-block;
      padding: 0 calc(10 * (100vw / 750)) calc(5 * (100vw / 750));
      margin: calc(60 * (100vw / 750)) 0;
      letter-spacing: 0.05em; }
      #asahi_kasei_200227 .sec01 h3 div {
        font-weight: bold; }
      #asahi_kasei_200227 .sec01 h3 span {
        font-size: calc(32 * (100vw / 750));
        font-weight: bold; }
    #asahi_kasei_200227 .sec01 .txt01 {
      font-size: calc(28 * (100vw / 750));
      line-height: 1.9;
      letter-spacing: 0.025em; }
      #asahi_kasei_200227 .sec01 .txt01::before {
        content: '';
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 1.9) * 0.5em); }
    #asahi_kasei_200227 .sec01 .txt02 {
      font-size: calc(28 * (100vw / 750));
      line-height: 1.8;
      letter-spacing: 0.025em;
      margin-top: calc(40 * (100vw / 750)); }
      #asahi_kasei_200227 .sec01 .txt02 span {
        color: #4c82b4;
        font-weight: bold; }
  #asahi_kasei_200227 img {
    width: 100%; }
  #asahi_kasei_200227 .mv_img {
    width: calc(750 * (100vw / 750)); }
  #asahi_kasei_200227 .img01 {
    width: calc(693 * (100vw / 750));
    margin-left: auto;
    margin-right: auto; }
  #asahi_kasei_200227 .img02 {
    width: 100%;
    margin-top: calc(280 * (100vw / 750));
    position: relative; }
    #asahi_kasei_200227 .img02 .line01 {
      position: absolute;
      left: calc(540 * (100vw / 750));
      top: calc(-50 * (100vw / 750)); }
    #asahi_kasei_200227 .img02 .img_txt {
      position: absolute;
      left: calc(475 * (100vw / 750));
      top: calc(-90 * (100vw / 750)); }
  #asahi_kasei_200227 .img03 {
    width: 100%;
    position: relative;
    margin-top: calc(290 * (100vw / 750)); }
    #asahi_kasei_200227 .img03 .line02 {
      position: absolute;
      left: calc(118 * (100vw / 750));
      top: calc(-55 * (100vw / 750)); }
    #asahi_kasei_200227 .img03 .img_txt {
      position: absolute;
      left: calc(50 * (100vw / 750));
      top: calc(-90 * (100vw / 750)); }
  #asahi_kasei_200227 .img04 {
    width: calc(631 * (100vw / 750));
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(60 * (100vw / 750)); }
  #asahi_kasei_200227 .line01 {
    width: calc(114 * (100vw / 750)); }
  #asahi_kasei_200227 .line02 {
    width: calc(114 * (100vw / 750)); }
  #asahi_kasei_200227 .btn_all {
    width: calc(355 * (100vw / 750));
    margin: calc(110 * (100vw / 750)) auto calc(120 * (100vw / 750)); }
  #asahi_kasei_200227 .fade {
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
  #asahi_kasei_200227 .fade-in-bottom {
    -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both; }

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }