@charset "UTF-8";
a[id] {
  display: block;
  margin-top: -20px;
  padding-top: 20px; }

/*==========================
    - 〜479px      ：SP portrait
    - 480px〜599px ：SP landscape
    - 600px〜959px ：tablet
    - 960px〜1279px：small PC
    - 1280px〜     ：large PC
    - 1400px〜     ：largest PC
==========================*/
/* 〜479px：SP portrait
------------------------------ */
/***************************
    container
***************************/
#title-bar {
  background-image: url(../img/h1_bg_sp.png); }

.anchor_list {
  display: flex;
  justify-content: space-between;
  max-width: 950px;
  margin: 50px 20px 30px; }
  .anchor_list li {
    max-width: 400px;
    width: 100%; }
    .anchor_list li:first-child {
      margin: 0 30px 0 0; }
  .anchor_list .btn {
    display: block;
    padding: 0.8em 0;
    background-color: #6bc8f2;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    text-decoration: none; }
    .anchor_list .btn:after {
      content: "";
      width: 10px;
      height: 10px;
      right: 15px;
      border-top: 3px solid #fff;
      border-right: 3px solid #fff;
      position: absolute;
      top: 50%;
      transform: translateY(-50%) rotate(135deg); }

#block-profile > .bg {
  background: url(../img/profile_bg_sp.png) left top no-repeat;
  background-size: 100%; }
#block-profile > .inner {
  padding: 20px 0 66px; }
#block-profile .photo {
  width: 100%;
  margin: 0 auto 22px;
  transform:none; }
#block-profile .description span {
  font-size: 14px; }
  #block-profile .description span strong {
    font-size: 18px; }
#block-profile .description span.f-16pxbold {
  font-weight: bold;
}

#block-message {
  margin-bottom: 30px;
}

#block-message > .bg {
  background: url(/mathematics/assets/img/bg_appeal_top.jpg) repeat-x top, url(/mathematics/assets/img/bg_appeal_bottom.jpg) repeat-x bottom, url(/mathematics/assets/img/bg_appeal.jpg) repeat-y top center / 100%; }
#block-message > .inner {
  padding: 60px 0; }
#block-message .u_taC {
  text-align: center; }
#block-message h2.title {
  display: inline-block; }
#block-message .photo1 {
  margin: 30px 0; }
#block-message .photo2 {
  margin: 30px 0 0; }
#block-message .box .ttl {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 20px;
  text-align: center; }
#block-message .box .ar {
  text-align: right;
  margin: 20px 0 0; }
#block-message .box strong {
  font-weight: bold;
  border-bottom: 2px solid #fff; }

#block-cooperator {
  margin: 30px 0 0; }
  #block-cooperator > .bg {
    background: url(../img/profile_bg_sp.png) left top no-repeat;
    background-size: 100%; }
  #block-cooperator .cooperator_list li {
    margin: 0 0 50px; }
  #block-cooperator .cooperator_list .photo {
    margin: 0 0 30px; }
  #block-cooperator .cooperator_list .right_box .flex_title {
    font-size: 23px;
    line-height: 36px;
    color: #333333; }

/*マーカー*/
span.marker {
  background: linear-gradient(transparent 60%, #ff6 60%); }

/* 480px〜599px：SP landscape
------------------------------ */
@media screen and (min-width: 414px) {
  /***************************
      container
  ***************************/ }
/* 600px〜959px：tablet
------------------------------ */
@media screen and (min-width: 600px) {
  /***************************
      container
  ***************************/ }
/* 960px〜1279px：small PC
------------------------------ */
@media screen and (min-width: 960px) {
  /***************************
      container
  ***************************/
  #title-bar {
    background-image: url(../img/h1_bg_pc.png); }
  a[id] {
    display: block;
    margin-top: -60px;
    padding-top: 60px; }

  .anchor_list {
    max-width: 950px;
    margin: 50px auto 0; }
    .anchor_list li {
      max-width: 400px;
      width: 100%; }
    .anchor_list .btn {
      display: block;
      padding: 0.8em 20px;
      background-color: #6bc8f2;
      transition: all 0.2s ease;
      color: #fff;
      text-align: center; }
      .anchor_list .btn:hover {
        background-color: #0d9cdf; }

  #block-profile > .bg {
    background-image: url(../img/profile_bg_pc.png); }
  #block-profile > .inner {
    padding: 40px 0 55px; }
  #block-profile .photo {
    width: 497px;
    margin: 0 auto 30px; }
  #block-profile .description {
    width: 670px;
    margin: 0 auto; }
    #block-profile .description span {
      font-size: 20px; }
      #block-profile .description span strong {
        font-size: 30px; }
        #block-profile .description span.f-16pxbold {
         font-size: 16px;
          font-weight: bold;}

  #block-message {
    margin-bottom: 100px;
  }

  #block-message > .inner {
        padding: 70px 0 30px; }
  #block-message .box {
    max-width: 950px;
    width: 67.85714285714286%;
    margin: 0 auto 65px; }
    #block-message .box .photo1 {
      float: right;
      width: 70.3157894736842%;
      margin: 0 -23.684210526315788% 10px 30px; }
  #block-message .photo2 {
    margin: 0; }
  #block-message .box .ttl {
    font-size: 20px;
    font-weight: bold; }

  #block-cooperator > .bg {
    background-image: url(../img/profile_bg_pc.png); }
  #block-cooperator > .inner {
    padding: 40px 0 60px; }
  #block-cooperator .cooperator_list {
    max-width: 1130px;
    width: 67.85714285714286%;
    margin: 60px auto; }
    #block-cooperator .cooperator_list .flex {
      display: flex;
      justify-content: space-between;
      margin: 0 0 15px; }
    #block-cooperator .cooperator_list .photo {
      max-width: 500px;
      margin: 0 30px 0 0; }
    #block-cooperator .cooperator_list .right_box {
      max-width: 600px; }
      #block-cooperator .cooperator_list .right_box .flex_title {
        color: #333333;
        text-align: left;
        margin: 0 0 15px; }
    #block-cooperator .cooperator_list .bg_box {
      background: url(/mathematics/general/img/bg_tile_blue.png) left top repeat;
      padding: 30px;
      color: #fff; }
    #block-cooperator .cooperator_list .ttl {
      font-size: 24px;
      margin: 0 0 10px; } }
/* 1280px〜：large PC
------------------------------ */
@media screen and (min-width: 1280px) {
  /***************************
      container
  ***************************/
#block-message .bg {
  background: url("/mathematics/assets/img/bg_appeal_top.jpg") repeat-x top, 
  url(/mathematics/assets/img/bg_appeal_bottom.jpg) repeat-x bottom,
  url("/mathematics/assets/img/bg_appeal.jpg") no-repeat top center / 100% ; }
}
/* 1400px〜：largest PC
------------------------------ */
@media screen and (min-width: 1400px) {
  /***************************
      container
  ***************************/ }
/*# sourceMappingURL=index.css.map */