@charset "UTF-8";
/* ----------------------------------------- 
                    base
----------------------------------------- */
@media screen and (max-width: 991px) {
  /* common----------------------------------------- */
  img {
    max-width: 100%;
    height: auto; }

  .block--archive-media {
    width: 100%; }
    .block--archive-media iframe {
      width: 100%; }

  /* layout----------------------------------------- */
  #header #header-base-frame {
    width: 100%;
    padding-top: 0; }
  #header .header-logo {
    float: none;
    margin-bottom: 20px;
    background: #045c59; }
  #header .header-logo a {
    width: auto;
    background-position: 50% 50%;
    background: url("/karada/common/images/header_logo_x2.png") no-repeat 50% 0;
    background-size: contain; }
  #header .header-gnav {
    float: none;
    text-align: center; }
    #header .header-gnav ul {
      text-align: center; }
      #header .header-gnav ul li a {
        background-image: url(/karada/common/images/header_gnav_x2.png);
        background-size: 667px auto; }
      #header .header-gnav ul li a:hover {
        background-image: url(/karada/common/images/header_gnav_on_x2.png); }
      #header .header-gnav ul li.archive {
        margin-right: 0; }
      #header .header-gnav ul li.is--active .after {
        display: none; }
      #header .header-gnav ul li.about a, #header .header-gnav ul li.announce a, #header .header-gnav ul li.archive a, #header .header-gnav ul li.contact a {
        /* width: auto;*/ }
      #header .header-gnav ul li {
        /*width: 23%;*/
        float: none;
        display: -moz-inline-box;
        display: inline-block;
        padding-right: 10px; }

  #contents-bread-crumb-base-frame {
    width: 100%; }
    #contents-bread-crumb-base-frame ul {
      margin-left: 30px; }

  #contents-header {
    .contents-header-heading--news-background-image: url(/karada/common/images/contents_header_icon_news_x2.png);
    .contents-header-heading--news-background-position: 50% 20px;
    .contents-header-heading--news-padding: 70px 0 10px;
    .contents-header-heading--news-background-size: 65px auto; }
    #contents-header .contents-header-heading {
      text-align: center;
      background-position: center top;
      padding: 40px 0; }
    #contents-header .contents-header-heading--announce {
      background-image: url(/karada/common/images/contents_header_icon_announce_x2.png);
      background-position: 50% 20px;
      padding: 70px 0 10px;
      background-size: 55px auto; }
    #contents-header .contents-header-heading--about {
      background-image: url(/karada/common/images/contents_header_icon_about_x2.png);
      background-position: 50% 20px;
      padding: 70px 0 10px;
      background-size: 63px auto; }
    #contents-header .contents-header-heading--archive {
      background-image: url(/karada/common/images/contents_header_icon_archive_x2.png);
      background-position: 50% 20px;
      padding: 70px 0 10px;
      background-size: 51px auto; }
    #contents-header .contents-header-heading--contact {
      background-image: url(/karada/common/images/contents_header_icon_contact_x2.png);
      background-position: 50% 20px;
      padding: 70px 0 10px;
      background-size: 69px auto; }
    #contents-header .contents-header-heading--news {
      background-image: url(/karada/common/images/contents_header_icon_news_x2.png);
      background-position: 50% 20px;
      padding: 70px 0 10px;
      background-size: 69px auto; }

  #contents-header-base-frame {
    width: 100%; }

  #contents-body-base-frame {
    width: 90%; }

  #main {
    float: none;
    width: 100%; }

  #side {
    clear: both;
    float: none;
    width: 100%;
    margin: 30px 0; }

  .heading--A01 {
    width: 100%; }

  #contents-footer-base-frame {
    width: 100%; }

  #contents-footer ul {
    margin-left: 25px; }

  #footer {
    overflow: hidden; }
    #footer .footer-info {
      float: none;
      width: 100%; }
      #footer .footer-info dl {
        margin: auto; }
      #footer .footer-info dt {
        margin: 0 !important;
        text-align: center; }
      #footer .footer-info dd {
        text-align: center;
        margin-bottom: 20px; }
    #footer .footer-info-logo {
      width: 100%;
      height: 65px;
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-image: url(/karada/common/images/footer_logo_x2.png);
      background-size: 192px auto; }
    #footer #footer-base-frame {
      width: auto;
      padding: 28px 15px; }
    #footer .footer-info__col-01 {
      float: none;
      width: auto;
      border-right: none; }
    #footer .footer-info__col-02 {
      float: none;
      width: auto; }
    #footer .footer-copyright {
      position: relative;
      right: auto;
      bottom: auto; }
      #footer .footer-copyright p {
        text-align: center; }

  /*index-------------------------------------------*/
  #screen {
    min-width: 100%; }

  #visual {
    width: 100%; }

  .bx-controls-direction {
    display: none; }

  h2 .icon {
    margin-left: 15px !important; }

  .block--news .icon {
    background-image: url(/karada/common/images/icon_news_x2.png);
    background-size: 36px auto; }

  .block--announce .block--announce__block--entry__body .button--detail {
    width: 100%;
    margin: 0; }
    .block--announce .block--announce__block--entry__body .button--detail a {
      padding: 10px 0; }
  .block--announce .block--announce__header .icon {
    background-image: url(/karada/common/images/icon_announce_x2.png);
    background-size: 28px auto; }

  .block--announce__block--entry {
    padding: 15px; }
    .block--announce__block--entry .block--announce__block--entry__header h3 .icon {
      display: none; }

  .block--announce__block--entry__thumb {
    float: none;
    width: 100%;
    height: auto;
    text-align: center; }

  .block--announce__block--entry__content {
    width: 100%;
    float: none;
    padding: 0;
    background: none;
    text-align: center; }
    .block--announce__block--entry__content h2 {
      background: none; }

  .block--announce__block--entry__border-bottom {
    width: 100%; }
    .block--announce__block--entry__border-bottom img {
      width: 100%;
      height: 4px; }

  .block--archive .block--archive__header .icon {
    background-image: url(/karada/common/images/icon_archive_x2.png);
    background-size: 28px auto; }

  .block--archive__block--entry .block--archive__block--entry__border-bottom img {
    vertical-align: bottom;
    width: 100%;
    height: 3px; }
  .block--archive__block--entry h3 .icon {
    display: none !important; }

  .block--archive__body {
    width: 100%;
    overflow: hidden; }

  .block--archive__row {
    width: 105%; }

  .block--archive__block--entry .block--archive__block--entry__thumb {
    text-align: center; }
    .block--archive__block--entry .block--archive__block--entry__thumb img {
      display: inline; }

  /*about--------------------------------------------*/
  .block--about .block--about__block--theme {
    margin: 0;
    background: url("https://www.hosp.tohoku.ac.jp/karada/about/images/theme_x2.png/a") no-repeat 50% 0;
    background-size: 307px auto; }
    .block--about .block--about__block--theme p {
      width: 100%;
      margin-bottom: 50px;
      padding-top: 280px; }
  .block--about .block--about__block--think {
    margin: 0;
    background: url("https://www.hosp.tohoku.ac.jp/karada/about/images/think_x2.png/a") no-repeat 50% 0;
    background-size: 330px auto; }
    .block--about .block--about__block--think p {
      width: 100%;
      margin-bottom: 50px;
      padding: 292px 0 0 0; }
  .block--about .block--about__block--understand {
    margin: 0;
    background: url("/karada/about/images/understand_x2.png") no-repeat 50% 0;
    background-size: 335px auto; }
    .block--about .block--about__block--understand p {
      width: 100%;
      margin-bottom: 50px;
      padding: 213px 0 0 0; }

  /* announce--------------------------------------- */
  .block--apply-lecture table {
    width: 100%;
    margin: 0 auto 15px auto; }

  /* archive---------------------------------------- */
  .block--archive {
    width: 100%; }

  .block--archive__row {
    margin: 0;
    width: 105%;
    /* overflow: hidden; */ }

  .block--archive__col {
    width: 31%;
    margin-right: 10px;
    /* float: none; */
    padding: 0;
    margin-bottom: 25px;
    text-align: center; }

  /*news------------------------------------------*/
  .block--news-list ul li .date {
    display: block; }

  /*contact---------------------------------------*/
  .block--contact-form {
    font-size: 108%;
    width: auto; }
    .block--contact-form .font_s {
      display: block;
      margin-left: 0 !important;
      font-size: 14px; }
    .block--contact-form .font_s02 {
      margin-left: 0 !important;
      float: none;
      width: 100%;
      display: block;
      font-size: 14px; }
    .block--contact-form table th, .block--contact-form table td, .block--contact-form table .name_01 th, .block--contact-form table .name_01 td, .block--contact-form table .name_02 th, .block--contact-form table .name_02 td, .block--contact-form table .address_01 th, .block--contact-form table .address_02 th, .block--contact-form table .address_01 td, .block--contact-form table .address_02 td, .block--contact-form table .address_03 th, .block--contact-form table .address_03 td, .block--contact-form table .text-up {
      padding: 0 0 8px 0;
      width: 100%;
      display: block;
      border-top: none;
      border-bottom: none; }
    .block--contact-form table td, .block--contact-form table .name_01 td, .block--contact-form table .name_02 td {
      padding: 0; }
    .block--contact-form table td {
      padding-bottom: 40px !important; }
    .block--contact-form input, .block--contact-form textarea {
      margin-top: 0 !important;
      padding: 10px !important;
      border-radius: 5px;
      border: 1px solid #ccc;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
    .block--contact-form input[type=text], .block--contact-form input[type=text_03], .block--contact-form textarea {
      display: block;
      width: 96%; }
    .block--contact-form input[type=text_02] {
      width: 30%; }
    .block--contact-form select {
      display: block;
      width: 100%;
      height: 34px;
      margin: 0 !important;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      color: #555;
      background-color: #fff;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 4px;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
    .block--contact-form textarea + br {
      display: none; }

  .notice_box {
    width: auto; } }
 /* ------------------------------------------- 
                    smart phone
　 ------------------------------------------- */
@media screen and (max-width: 768px) {
  #contents-body p, #main p {
    font-size: 14px; }

  /* layout---------------------------------------- */
  #header .header-gnav a {
    text-indent: -9999px; }

  #contents-header h1 {
    font-size: 2em;
    padding-top: 15px; }

  .block--announce {
    margin-top: 70px; }

  .heading--A01 h1, .heading--A01 .sub_title {
    font-size: 1.5em;
    line-height: 1.5; }

  #contents-footer ul {
    margin: 30px 0 30px 10px; }
    #contents-footer ul li {
      margin-bottom: 15px;
      margin-right: 8px; }

  /* index---------------------------------------- */
  #visual {
    display: none; }

  .block--announce {
    margin-top: 0; }
    .block--announce .block--announce__header {
      margin-bottom: 0; }
      .block--announce .block--announce__header h2 {
        font-size: 20px; }

  .block--news .block--news__header h2 {
    font-size: 20px; }

  #screen .block--archive {
    display: none; }

  /* news---------------------------------------- */
  .block--news-category ul li a {
    background-position: 10px center; }

  /* about---------------------------------------- */
  .block--about p {
    font-size: 13px !important; }
  .block--about .header h1 {
    font-size: 2em; }
  .block--about .block--about__block--think {
    background-size: 300px auto; }
    .block--about .block--about__block--think p {
      padding: 267px 0 0 0; }

  /* announce---------------------------------------- */
  #main a[href$=".pdf"] > img {
    width: 100%; }

  #main a[href$=".pdf"] > img.wp-image-176 {
    width: auto !important; }

  /* archive---------------------------------------- */
  .block--archive {
    width: 100%; }

  .block--archive__row {
    margin: 0;
    width: 100%; }

  .block--archive__col {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 25px;
    text-align: center; }

  .archive-box-01 ul li {
    width: auto; }

  .block--archive-media {
    width: 100%; }

  /* contact---------------------------------------- */
  .block--contact-form {
    padding: 15px; }
    .block--contact-form input[type=submit] {
      font-size: 2.076em;
      padding: 1.0em;
      width: 100%; } }
 /* ------------------------------------------- 
                    iPhone6/plus
　 ------------------------------------------- */
@media screen and (max-width: 414px) {
  #header .header-gnav ul li.about a {
    width: 117.6px;
    background-position: -20.4px; }
  #header .header-gnav ul li.announce a {
    width: 79.2px;
    background-position: -169.2px; }
  #header .header-gnav ul li.archive a {
    width: 104.4px;
    background-position: -285.6px; }
  #header .header-gnav ul li a {
    height: 60px;
    background-size: auto 60px;
    text-indent: 200%; }

  #header-base-frame {
    padding-bottom: 15px; } }
 /* ------------------------------------------- 
                   iPhone5
　 ------------------------------------------- */
@media screen and (max-width: 320px) {
  #header .header-gnav ul li.about a {
    width: 98px;
    background-position: -17px; }
  #header .header-gnav ul li.announce a {
    width: 66px;
    background-position: -141px; }
  #header .header-gnav ul li.archive a {
    width: 87px;
    background-position: -238px; }
  #header .header-gnav ul li a {
    height: 50px;
    background-size: auto 50px;
    text-indent: 200%; }

  #header-base-frame {
    padding-bottom: 15px; } }