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

#asahi_kasei_200227 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  color: #333333;
  margin-top: 84px;
  /**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */ }
  #asahi_kasei_200227 .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
  #asahi_kasei_200227 .content_wrap {
    width: 800px;
    margin: 0 auto;
    position: relative; }
  #asahi_kasei_200227 .item_txt {
    font-size: 11px;
    line-height: 1.9;
    letter-spacing: 0.025em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
    margin-top: 26px;
    text-align: center; }
    #asahi_kasei_200227 .item_txt::before {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.9) * 0.5em); }
    #asahi_kasei_200227 .item_txt a {
      text-decoration: none;
      color: #333333; }
  #asahi_kasei_200227 .txt {
    font-size: 13px;
    letter-spacing: 0.025em;
    text-align: justify;
    line-height: 2;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    width: 343px; }
    #asahi_kasei_200227 .txt::before {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 2) * 0.5em); }
  #asahi_kasei_200227 p.img_txt {
    font-size: 17px;
    letter-spacing: 0.001em;
    color: #4c82b4; }
    #asahi_kasei_200227 p.img_txt span {
      font-size: 20px;
      font-family: futura-pt, sans-serif;
      letter-spacing: 0.001em;
      font-weight: 500; }
  #asahi_kasei_200227 .mv .txt_wrap {
    background: #bacbb3; }
    #asahi_kasei_200227 .mv .txt_wrap p {
      color: #fff;
      text-align: center;
      font-size: 17px;
      letter-spacing: 0.025em;
      font-weight: bold;
      line-height: 2;
      padding: 33px 0 33px; }
  #asahi_kasei_200227 .sec01 {
    margin-top: 100px;
    text-align: center; }
    #asahi_kasei_200227 .sec01 h3 {
      margin-top: 38px;
      margin-bottom: 25px;
      font-size: 19px;
      font-weight: bold;
      letter-spacing: 0.025em;
      color: #333333;
      text-align: center;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(50%, #a5c1d9));
      background: -webkit-linear-gradient(transparent 70%, #a5c1d9 50%);
      background: -o-linear-gradient(transparent 70%, #a5c1d9 50%);
      background: linear-gradient(transparent 70%, #a5c1d9 50%);
      display: inline-block;
      padding: 0 12px 2px;
      position: relative; }
      #asahi_kasei_200227 .sec01 h3 div {
        font-weight: bold; }
      #asahi_kasei_200227 .sec01 h3 span {
        font-size: 17px;
        font-weight: bold; }
      @media screen\0 {
        #asahi_kasei_200227 .sec01 h3 div {
          position: relative;
          top: 4px; } }
    #asahi_kasei_200227 .sec01 .txt01,
    #asahi_kasei_200227 .sec01 .txt02 {
      text-align: center;
      font-size: 13px;
      letter-spacing: 0.025em;
      line-height: 2; }
      #asahi_kasei_200227 .sec01 .txt01::before,
      #asahi_kasei_200227 .sec01 .txt02::before {
        content: '';
        display: block;
        height: 0;
        width: 0;
        margin-top: calc((1 - 2) * 0.5em); }
    #asahi_kasei_200227 .sec01 .txt02 {
      margin-top: 20px;
      margin-bottom: 95px; }
      #asahi_kasei_200227 .sec01 .txt02 span {
        font-weight: bold;
        color: #4c82b4; }
  #asahi_kasei_200227 .btn_all {
    width: 222px;
    margin-left: auto;
    margin-right: auto;
    margin: 95px auto 100px; }
  #asahi_kasei_200227 img {
    width: 100%; }
  #asahi_kasei_200227 .mv_img {
    width: 800px;
    margin-bottom: 100px;
    margin-left: auto;
    margin-right: auto; }
  #asahi_kasei_200227 .img01 {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
  #asahi_kasei_200227 .img02 {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    position: relative; }
    #asahi_kasei_200227 .img02 .line01 {
      position: absolute;
      left: 368px;
      top: 155px; }
    #asahi_kasei_200227 .img02 .img_txt {
      position: absolute;
      left: 414px;
      top: 271px;
      width: 140px; }
  #asahi_kasei_200227 .img03 {
    width: 400px;
    margin-top: 95px;
    margin-bottom: 25px;
    margin-left: 150px;
    position: relative; }
    #asahi_kasei_200227 .img03 .line02 {
      position: absolute;
      left: 10px;
      top: 472px; }
    #asahi_kasei_200227 .img03 .img_txt {
      position: absolute;
      left: -105px;
      top: 594px;
      width: 230px; }
  #asahi_kasei_200227 .img04 {
    width: 360px;
    margin-left: 290px; }
  #asahi_kasei_200227 .line01 {
    width: 97px; }
  #asahi_kasei_200227 .line02 {
    width: 98px; }
  #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; } }