@media screen and (max-width: 760px) {
  /*=====<=====<=====<=====<=====<=====<=====
    top
  =====>=====>=====>=====>=====>=====>=====*/
  #top {
    padding-top: 0;
  }
  #top #topHeader {
    background: none;
    z-index: 105;
  }
  #top #topHeader > .inner {
    width: 90%;
  }
  #top #topHeader h1 {
    text-align: left;
    font-size: 10px;
  }
  #top main {
    position: relative;
  }
  #top main section {
    position: relative;
    z-index: 1;
  }
  #top #sec01, #top #sec02, #top #sec03 {
    padding-top: 0;
    padding-bottom: 50px;
  }
  #top #sec01 .inner, #top #sec02 .inner, #top #sec03 .inner {
    position: relative;
    box-shadow: 5px 5px 0 rgba(49, 80, 101, 0.1);
  }
  #top #sec01 figure::before, #top #sec02 figure::before, #top #sec03 figure::before {
    content: "";
    width: 100%;
    height: 100%;
    position: relative;
    z-index: -1;
    top: 50px;
    left: 75px;
    background: url(../img/top/sec01_bg.png);
    background-position: 0 0;
    background-size: 18px;
  }
  #top #sec01 .box, #top #sec02 .box, #top #sec03 .box {
    width: 100%;
    padding: 50px 25px;
    top: 0;
    position: relative;
    right: 0;
    width: 100%;
    height: auto;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  }
  #top #sec01 .box .more, #top #sec02 .box .more, #top #sec03 .box .more {
    text-align: right;
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    margin-top: 30px;
    float: right;
    display: block;
  }
  #top #sec01 .box::before, #top #sec01 .box::after, #top #sec02 .box::before, #top #sec02 .box::after, #top #sec03 .box::before, #top #sec03 .box::after {
    display: none;
  }
  #top #sec01 {
    padding-top: 50px;
  }
  #top #sec02 .inner {
    justify-content: flex-start;
  }
  #top #sec02 figure::before {
    display: none;
  }
  #top #sec02 .box {
    position: relative;
    right: auto;
    left: 0;
    box-shadow: 5px 5px 0 rgba(49, 80, 101, 0.1);
  }
  #top #sec02 .box p br {
    display: none;
  }
  #top #sec04 {
    padding-bottom: 150px;
  }
  #top #sec04 article {
    width: 100%;
  }
  #top #sec04 article .box.nopost {
    padding: 30px 20px;
    height: auto;
    display: block;
  }
  #top #sec04 article .box.nopost > p {
    text-align: center;
  }
  #top #sec04 article + article {
    margin-top: 20px;
  }
  #top #sec04 .box {
    width: 100%;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  }
  #top #sec04 .box div {
    padding: 20px;
  }
  #top #sec04 .box img {
    width: 100%;
    height: auto;
  }
  #top #sec04 .box h4 {
    min-height: auto;
    text-align: left;
    margin-bottom: 40px;
    font-size: 15px;
    font-weight: normal;
  }
  #top #sec04 .box .arrow {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    background: #aaa;
    float: right;
    padding: 0;
    position: absolute;
    bottom: 35px;
    right: 45px;
  }
  #top #sec04 .box + .box {
    margin-top: 30px;
  }
  #top #sec04 .more {
    position: absolute;
    bottom: -70px;
    right: 0;
    margin-top: 300px;
    float: right;
    display: block;
    text-align: right;
  }

  /*=====<=====<=====<=====<=====<=====<=====
  common
=====>=====>=====>=====>=====>=====>=====*/
  .titlePrimary {
    margin: auto;
    padding-bottom: 17px;
    letter-spacing: .09em;
  }
  .titlePrimary h3 {
    font-size: 18px;
  }
  .titlePrimary + p {
    font-size: 13px;
    line-height: 1.86;
  }
  .titlePrimary + p br {
    display: none;
  }

  /*=====<=====<=====<=====<=====<=====<=====
  dental
  =====>=====>=====>=====>=====>=====>=====*/
  #dental #sec01, #dental #sec02, #dental #sec03 {
    padding-top: 0;
  }
  #dental #sec01 .inner, #dental #sec02 .inner, #dental #sec03 .inner {
    position: relative;
    box-shadow: 5px 5px 0 rgba(49, 80, 101, 0.1);
  }
  #dental #sec01 figure::before, #dental #sec02 figure::before, #dental #sec03 figure::before {
    content: "";
    width: 100%;
    height: 100%;
    position: relative;
    z-index: -1;
    top: 50px;
    left: 75px;
    background: url(../img/top/sec01_bg.png);
    background-position: 0 0;
    background-size: 18px;
  }
  #dental #sec01 .box, #dental #sec02 .box, #dental #sec03 .box {
    width: 100%;
    padding: 35px 25px;
    top: 0;
    position: relative;
    right: 0;
    width: 100%;
    min-height: auto;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  }
  #dental #sec01 .box::before, #dental #sec01 .box::after, #dental #sec02 .box::before, #dental #sec02 .box::after, #dental #sec03 .box::before, #dental #sec03 .box::after {
    display: none;
  }
  #dental #sec01 {
    padding-top: 50px;
  }
  #dental #sec01 .box, #dental #sec03 .box {
    left: 0px;
  }
  #dental #sec01, #dental #sec02 {
    padding-bottom: 50px;
  }
  #dental #sec03 {
    padding-bottom: 55px;
  }

  /*=====<=====<=====<=====<=====<=====<=====
  service
  =====>=====>=====>=====>=====>=====>=====*/
  #service #sec01 .inner, #service #sec02 .inner, #service #sec03 .inner, #service #sec04 .inner {
    position: relative;
  }
  #service #sec01 .box, #service #sec02 .box, #service #sec03 .box, #service #sec04 .box {
    width: 100%;
    padding: 50px 25px;
    top: 0;
    position: relative;
    right: 0;
    width: 100%;
    min-height: auto;
  }
  #service #sec01 .box header + p, #service #sec02 .box header + p, #service #sec03 .box header + p, #service #sec04 .box header + p {
    line-height: 1.86;
    font-size: 13px;
  }
  #service #sec01 .box::before, #service #sec01 .box::after, #service #sec02 .box::before, #service #sec02 .box::after, #service #sec03 .box::before, #service #sec03 .box::after, #service #sec04 .box::before, #service #sec04 .box::after {
    display: none;
  }
  #service #sec01 .inBox h4, #service #sec02 .inBox h4, #service #sec03 .inBox h4, #service #sec04 .inBox h4 {
    font-size: 17px;
  }
  #service #sec01 .inBox h4 br, #service #sec02 .inBox h4 br, #service #sec03 .inBox h4 br, #service #sec04 .inBox h4 br {
    display: block;
  }
  #service #sec01 .inBox ol, #service #sec02 .inBox ol, #service #sec03 .inBox ol, #service #sec04 .inBox ol {
    margin-left: 0;
  }
  #service #sec01 .inBox ol li, #service #sec02 .inBox ol li, #service #sec03 .inBox ol li, #service #sec04 .inBox ol li {
    line-height: 1.7;
  }
  #service #sec01 .inBox ol li + li, #service #sec02 .inBox ol li + li, #service #sec03 .inBox ol li + li, #service #sec04 .inBox ol li + li {
    margin-top: .7em;
  }
  #service #sec01 .titlePrimary, #service #sec02 .titlePrimary {
    padding-bottom: 20px;
  }
  #service #sec01 .inner, #service #sec02 .inner {
    box-shadow: 5px 5px 0 rgba(49, 80, 101, 0.1);
  }
  #service #sec01 figure::before, #service #sec02 figure::before {
    content: "";
    width: 100%;
    height: 100%;
    position: relative;
    z-index: -1;
    top: 50px;
    left: 75px;
    background: url(../img/top/sec01_bg.png);
    background-position: 0 0;
    background-size: 18px;
  }
  #service #sec01 .box, #service #sec02 .box {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
    padding: 35px 25px;
  }
  #service #sec03 .inner, #service #sec04 .inner {
    position: relative;
  }
  #service #sec03 .box, #service #sec04 .box {
    padding: 40px 0px 22px;
  }
  #service #sec03 figure img:first-child, #service #sec04 figure img:first-child {
    margin-bottom: 20px;
  }
  #service #sec03 dl + dl, #service #sec04 dl + dl {
    margin-top: 1.5em;
  }
  #service #sec03 dl dt, #service #sec04 dl dt {
    font-size: 15px;
  }
  #service #sec01 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #service #sec01 .box {
    left: 0px;
  }
  #service #sec01 p br:nth-of-type(1), #service #sec01 p br:nth-of-type(2), #service #sec01 p br:nth-of-type(4), #service #sec01 p br:nth-of-type(6), #service #sec01 p br:nth-of-type(7) {
    display: block;
  }
  #service #sec02 {
    padding-top: 0;
    padding-bottom: 60px;
  }
  #service #sec02 .titlePrimary {
    padding-bottom: 17px;
  }
  #service #sec02 .box {
    height: auto;
  }
  #service #sec03 {
    padding-top: 55px;
  }
  #service #sec04 {
    padding-top: 20px;
    padding-bottom: 60px;
  }
  #service .titleJobDes span {
    display: block;
    text-align: center;
    font-size: 50px;
  }
  #service .titleJobDes h4 {
    font-size: 18px;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.64;
  }
  #service .titlePrimary h3 {
    font-size: 18px;
  }
  #service #jobDes-bg {
    height: 150px;
  }
  #service #jobDes-bg h3 {
    width: 80%;
    font-size: 20px;
    margin-left: -40%;
    height: auto;
    padding: 15px 0 14px;
    box-shadow: -5px 5px 0 rgba(0, 0, 0, 0.1);
  }

  /*=====<=====<=====<=====<=====<=====<=====
  epithese
  =====>=====>=====>=====>=====>=====>=====*/
  #epithese #sec01, #epithese #sec02 {
    padding-top: 0;
  }
  #epithese #sec01 .inner, #epithese #sec02 .inner {
    position: relative;
    box-shadow: 5px 5px 0 rgba(49, 80, 101, 0.1);
  }
  #epithese #sec01 figure::before, #epithese #sec02 figure::before {
    content: "";
    width: 100%;
    height: 100%;
    position: relative;
    z-index: -1;
    top: 50px;
    left: 75px;
    background: url(../img/top/sec01_bg.png);
    background-position: 0 0;
    background-size: 18px;
  }
  #epithese #sec01 .box, #epithese #sec02 .box {
    width: 100%;
    padding: 35px 25px;
    top: 0;
    position: relative;
    right: 0;
    width: 100%;
    min-height: auto;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  }
  #epithese #sec01 .box::before, #epithese #sec01 .box::after, #epithese #sec02 .box::before, #epithese #sec02 .box::after {
    display: none;
  }
  #epithese #sec01 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  #epithese #sec01 figure img:first-child {
    margin-bottom: 0;
  }
  #epithese #sec01 .box {
    left: 0px;
  }
  #epithese #sec02 {
    padding-bottom: 55px;
  }

  /*=====<=====<=====<=====<=====<=====<=====
  topics
  =====>=====>=====>=====>=====>=====>=====*/
  #postWrap {
    padding-top: 33px;
    padding-bottom: 10px;
  }

  .postBody {
    width: 100%;
  }

  .post-list {
    padding: 14px 0;
  }
  .post-list .thumb {
    padding-right: 15px;
    width: 85px;
    max-width: 85px;
    -ms-flex: 85px;
    -webkit-box-flex: 85px;
    flex: 85px;
  }
  .post-list .thumb a {
    border: 1px solid #dddddd;
  }
  .post-list .post-list_thumb {
    width: 70px;
    height: 58px;
  }
  .post-list .detail {
    margin-bottom: 7px;
  }
  .post-list .detail time {
    font-size: 9px;
    letter-spacing: .04em;
  }
  .post-list .category a {
    font-size: 9px;
    padding: 5px 10px 4px;
  }
  .post-list .title {
    font-size: 14px;
    line-height: 1.52;
  }

  #pagination {
    margin: 5px 0 5px;
  }
  #pagination li {
    margin: 0 10%;
  }

  aside {
    width: 100%;
  }
  aside h4 {
    font-size: 16px;
    padding-bottom: 4px;
  }
  aside section {
    margin-bottom: 45px;
  }
  aside .post-list .title {
    font-size: 13px;
    line-height: 1.7;
  }
  aside .post-list .detail {
    margin-bottom: 10px;
  }
  aside .post-list .category a {
    padding: 5px 9px 4px;
  }

  #single article .detail {
    margin-bottom: 13px;
  }
  #single article h1 {
    font-size: 15px;
    line-height: 1.3;
  }

  /*=====<=====<=====<=====<=====<=====<=====
  company
  =====>=====>=====>=====>=====>=====>=====*/
  #company #sec01 {
    padding-top: 40px;
  }
  #company #sec02 {
    padding-top: 55px;
    padding-bottom: 35px;
  }
  #company #sec02 #map-01, #company #sec02 #map-02 {
    height: 175px;
  }
  #company #sec02 #map-01 iframe, #company #sec02 #map-02 iframe {
    height: 175px;
  }
  #company #sec02 .accessMap {
    padding-bottom: 130px;
  }
  #company #sec02 .accessMap.first .accessInfo {
    bottom: 50px;
  }
  #company #sec02 .accessMap.last .accessInfo {
    bottom: 30px;
  }
  #company #sec02 .accessInfo {
    padding: 15px 15px 16px;
    min-height: auto;
    width: 94%;
    margin-left: -47%;
  }
  #company #sec02 .accessInfo h3 {
    font-size: 18px;
    padding-bottom: 2px;
    letter-spacing: .2em;
  }
  #company #sec02 .accessInfo p {
    font-size: 13px;
  }

  .companyTb tr th {
    border-right: none;
    text-align: left;
    padding: 13px 5px 0;
  }
  .companyTb tr td {
    border-top: none;
    padding: 8px 5px 12px;
  }
  .companyTb tr th, .companyTb tr td {
    width: 100%;
    display: block;
    line-height: 1.6;
  }

  /*=====<=====<=====<=====<=====<=====<=====
  info
  =====>=====>=====>=====>=====>=====>=====*/
  #info #sec01, #thanks #sec01 {
    padding-top: 40px;
    padding-bottom: 70px;
  }
  #info #sec01 .txt-head, #thanks #sec01 .txt-head {
    font-size: 15px;
    margin-bottom: 21px;
  }
  #info #sec01 .txt-headSub, #thanks #sec01 .txt-headSub {
    font-size: 13px;
    margin-bottom: 3px;
  }
  #info #sec01 .txt-tel, #thanks #sec01 .txt-tel {
    font-size: 27px;
    margin-bottom: 5px;
  }
  #info #sec01 .txt-telSub, #thanks #sec01 .txt-telSub {
    font-size: 13px;
  }

  .infoTb {
    margin-top: 30px;
    margin-bottom: 15px;
  }
  .infoTb tr th, .infoTb tr td {
    width: 100%;
    display: block;
  }
  .infoTb tr th {
    padding: 11px 5px 0;
  }
  .infoTb tr th .required:after {
    float: none;
  }
  .infoTb tr td {
    padding: 8px 5px 15px;
    border-top: none;
  }
  .infoTb .form-control, .infoTb .message {
    width: 100%;
  }
  .infoTb .form-control {
    min-height: auto;
  }
  .infoTb .form-control.mwform {
    width: 34%;
  }
  .infoTb tr:first-child td, .infoTb tr:nth-child(2) td {
    display: block;
  }
  .infoTb tr:first-child td > div, .infoTb tr:nth-child(2) td > div {
    width: 100%;
  }
  .infoTb tr:first-child .form-control.mwform, .infoTb tr:nth-child(2) .form-control.mwform {
    width: 84%;
  }

  .form-checkbox {
    text-align: left;
    margin-bottom: 30px;
    display: table;
  }
  .form-checkbox .form {
    display: table-cell;
    vertical-align: middle;
  }
  .form-checkbox .form + label {
    line-height: 1.5;
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
  }

  .form-submit .btn_txt {
    font-size: 15px;
    width: 94%;
    height: 54px;
    line-height: 54px;
  }
  .form-submit .btn_txt:before {
    width: 100%;
    margin-left: -53%;
    margin-top: 3%;
    height: 54px;
  }
}