main.second .sec_ttl {
  background-image: url(../img/bg_secttl_title.png);
  background-position: center; }

#title .title_box {
  padding-bottom: 80px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  @media screen and (max-width: 812px) {
    #title .title_box {
      flex-direction: column;
      padding-bottom: 50px; } }
  #title .title_box img {
    width: 50%;
    max-width: 600px;
    border: solid 1px #333; }
    @media screen and (max-width: 812px) {
      #title .title_box img {
        width: 100%;
        max-width: none;
        margin-bottom: 20px; } }
  #title .title_box .txt_box {
    width: 47%;
    max-width: 560px; }
    @media screen and (max-width: 812px) {
      #title .title_box .txt_box {
        width: 100%;
        max-width: none; } }
    #title .title_box .txt_box .txt {
      color: #fff;
      font-size: 1.5rem;
      line-height: 2;
      padding-bottom: 30px; }
      @media screen and (max-width: 812px) {
        #title .title_box .txt_box .txt {
          padding-bottom: 20px; } }
    #title .title_box .txt_box .btn_back {
      text-align: right; }
      @media screen and (max-width: 812px) {
        #title .title_box .txt_box .btn_back {
          text-align: center; } }
      #title .title_box .txt_box .btn_back a {
        width: 200px; }
        @media screen and (max-width: 812px) {
          #title .title_box .txt_box .btn_back a {
            width: 55%; } }

/*# sourceMappingURL=title.css.map */