/* -----------------------------------------------------------
CSS Information

File name:      archive.css
Created:        2021-1
Style Info:     アーカイブCSS
----------------------------------------------------------- */
/* ------------------------------------ */
/* intro */
/* ------------------------------------ */
#intro .inner {
  position : relative;
  background : url(../img/archive/archive.jpg)no-repeat top center/cover;
  padding-top : 9.1%;
}
.heading_wrapper {
  top : 48.57%;
  left : 0;
  right : 0;
}
#intro .heading {
  font-size : 2.1rem;
  font-family : 'hiramaru_r', sans-serif;
  color : #fff;
  text-align : center;
}
/* ------------------------------------ */
/* article */
/* ------------------------------------ */
main {
  width : 62%;
  margin-left : 5.8%;
  color : #4d4d4d;
  font-size : 1.4rem;
}
.txt {
  padding-bottom : 4.7%;
}
.content_wrapper {
  display : flex;
  align-items : center;
}
.content_wrapper img {
  align-self : flex-start;
}
.attention {
  color : #f0f;
  font-size : 1.6rem;
  font-weight : bold;
  margin-left : 9.4%;
}
@media screen and (max-width: 599px) {
  .heading_wrapper {
    top : 18%;
    left : 4%;
  }
  #intro .inner::before {
    content : '';
    position : absolute;
    top : 0;
    right : 0;
    bottom : 0;
    left : 0;
    background : #000;
    opacity : .5;
    display : block;
  }
  main {
    width : 100%;
    margin : 0;
  }
  .content_wrapper {
    flex-direction : column;
    align-items : initial;
  }
  .content_wrapper img {
    align-self : initial;
  }
  .attention {
    margin-left : 0;
  }
  .attention span {
    display : none;
  }
}