@media screen and (min-width: 768px) {
  body {
    width: 100%;
    overflow-x: hidden; }

  main {
    /*h2.top_title*/
    /*section.top_cont_wrap*/ }
    main h2.top_title {
      margin-top: 20px;
      position: relative;
      width: 100%;
      margin-top: 68px; }
      main h2.top_title span {
        display: block;
        position: absolute;
        width: 43.2%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%); }
    main section.top_cont_wrap {
      width: 100%;
      position: relative;
      /*div.top_cont-box01*/ }
      main section.top_cont_wrap::before {
        position: absolute;
        content: " ";
        width: 82%;
        padding-top: 100%;
        background: #DDD;
        right: 0;
        top: 31%;
        z-index: -1;
        background: url("../img/top/bg01_pc.jpg") no-repeat right top;
        background-size: contain; }
      main section.top_cont_wrap div.top_cont-box01 {
        display: flex; }
        main section.top_cont_wrap div.top_cont-box01 figure {
          width: 50%; }
        main section.top_cont_wrap div.top_cont-box01 dl {
          width: 50%; }
          main section.top_cont_wrap div.top_cont-box01 dl dt {
            margin-top: 25px;
            margin-bottom: 30px; }
            main section.top_cont_wrap div.top_cont-box01 dl dt.subtitle01 {
              width: 44.5%;
              margin-left: 9%;
              margin-top: 140px; }
            main section.top_cont_wrap div.top_cont-box01 dl dt.subtitle02 {
              width: 48.7%;
              margin-left: 0%;
              margin-top: 230px; }
            main section.top_cont_wrap div.top_cont-box01 dl dt.subtitle03 {
              width: 35.6%;
              margin-left: 9%;
              margin-top: 133px; }
            main section.top_cont_wrap div.top_cont-box01 dl dt.subtitle04 {
              width: 44.3%;
              margin-left: 0%;
              margin-top: 250px; }
            main section.top_cont_wrap div.top_cont-box01 dl dt.subtitle05 {
              width: 29.5%;
              margin-left: 9%;
              margin-top: 132px; }
          main section.top_cont_wrap div.top_cont-box01 dl dd {
            width: 75.6%;
            margin-bottom: 60px; }
            main section.top_cont_wrap div.top_cont-box01 dl dd p {
              margin-top: 25px;
              margin-left: 13%;
              line-height: 1.5em; }
            main section.top_cont_wrap div.top_cont-box01 dl dd a {
              display: block;
              margin: 0;
              margin-left: 13%;
              text-align: center;
              color: #FFF;
              width: 88%; }
              main section.top_cont_wrap div.top_cont-box01 dl dd a.top_blue_btn {
                margin-top: 100px;
                background: #173a84;
                padding: 10px 0; }
              main section.top_cont_wrap div.top_cont-box01 dl dd a.top_green_btn {
                margin-top: 100px;
                background: #006837;
                padding: 10px 0; }
              main section.top_cont_wrap div.top_cont-box01 dl dd a.top_gray_btn {
                margin-top: 100px;
                background: #534741;
                padding: 10px 0; }
        main section.top_cont_wrap div.top_cont-box01:nth-of-type(2) {
          margin-top: 200px; }
          main section.top_cont_wrap div.top_cont-box01:nth-of-type(2) figure {
            margin-left: 0%;
            order: 2; }
          main section.top_cont_wrap div.top_cont-box01:nth-of-type(2) dl {
            order: 1; }
            main section.top_cont_wrap div.top_cont-box01:nth-of-type(2) dl dt {
              float: right; }
              main section.top_cont_wrap div.top_cont-box01:nth-of-type(2) dl dt.subtitle02 {
                margin-right: 27%; }
              main section.top_cont_wrap div.top_cont-box01:nth-of-type(2) dl dt.subtitle04 {
                margin-left: 0%;
                margin-right: 31%; }
            main section.top_cont_wrap div.top_cont-box01:nth-of-type(2) dl dd {
              width: 75.6%;
              clear: right;
              float: right;
              margin: 0;
              padding: 0; }
              main section.top_cont_wrap div.top_cont-box01:nth-of-type(2) dl dd p {
                margin: 0;
                padding: 0; }
              main section.top_cont_wrap div.top_cont-box01:nth-of-type(2) dl dd a {
                margin-left: 0;
                float: right;
                margin-right: 13%; }
      main section.top_cont_wrap div.top_content03, main section.top_cont_wrap div.top_content05 {
        margin-top: 200px; }
      main section.top_cont_wrap:nth-of-type(2)::before {
        display: block;
        right: auto;
        left: 0;
        top: 15%; }
    main ul.top_banner {
      width: 76.6%;
      max-width: 980px;
      margin: 0 auto;
      margin-top: 100px;
      display: flex; }
      main ul.top_banner li {
        width: 48%; }
        main ul.top_banner li:first-child {
          margin-right: 4%; }
    main section.top_topic_wrap {
      background: #edeceb;
      padding: 40px 0 80px 0;
      margin-top: 120px;
      /**/ }
      main section.top_topic_wrap h2 {
        width: 138px;
        margin: 0 auto; }
      main section.top_topic_wrap ul {
        width: 52%;
        max-width: 668px;
        margin: 0 auto;
        margin-top: 50px;
        border-top: dashed 1px #000; }
        main section.top_topic_wrap ul li a {
          display: block;
          padding: 30px 0;
          border-bottom: dashed 1px #000; }
      main section.top_topic_wrap a#topic_more_btn {
        display: block;
        color: #FFF;
        width: 440px;
        margin: 0 auto;
        margin-top: 50px;
        background: #534741;
        padding: 24px 0;
        text-align: center; }

  /*main*/ }