@charset "UTF-8";
/*//////////////////////////////////////////////////

contact style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
#pagettl {
  margin-bottom: 40px;
  background: url("/img/jhs/ttlimg.jpg") center/cover no-repeat; }

.pagelink_top {
  margin-bottom: 50px; }
  .pagelink_top .pagelink__wp {
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem; }
    .pagelink_top .pagelink__wp .pagelink__box {
      padding: 6px; }
      .pagelink_top .pagelink__wp .pagelink__box:nth-of-type(n+2) {
        margin: 0; }
      .pagelink_top .pagelink__wp .pagelink__box .pagelink__txt-wp {
        height: 40px;
        padding: 0 5px; }
        .pagelink_top .pagelink__wp .pagelink__box .pagelink__txt-wp .pagelink__txt {
          font-size: 1.4rem;
          color: #C94476; }
        .pagelink_top .pagelink__wp .pagelink__box .pagelink__txt-wp .arrow::before, .pagelink_top .pagelink__wp .pagelink__box .pagelink__txt-wp .arrow::after {
          right: 5px;
          height: 2px;
          width: 15px;
          background: #C94476; }
        .pagelink_top .pagelink__wp .pagelink__box .pagelink__txt-wp .arrow::after {
          width: 6px; }

@media screen and (min-width: 769px) {
  .pagelink_top .pagelink__wp {
    grid-template-columns: 1fr 1fr 1fr 1fr; }
    .pagelink_top .pagelink__wp .pagelink__box {
      flex: 0 1 100%;
      width: 100%;
      max-width: 100%; }
      .pagelink_top .pagelink__wp .pagelink__box:hover .pagelink__img .pagelink__txt-wp {
        background: rgba(201, 68, 118, 0.8); } }
@media screen and (min-width: 951px) {
  .pagelink_top .pagelink__wp .pagelink__box .pagelink__txt-wp {
    height: 50px;
    padding: 0 10px; }
    .pagelink_top .pagelink__wp .pagelink__box .pagelink__txt-wp .pagelink__txt {
      font-size: 1.6rem; }
    .pagelink_top .pagelink__wp .pagelink__box .pagelink__txt-wp .arrow::before, .pagelink_top .pagelink__wp .pagelink__box .pagelink__txt-wp .arrow::after {
      right: 15px;
      height: 3px;
      width: 20px;
      background: #C94476; }
    .pagelink_top .pagelink__wp .pagelink__box .pagelink__txt-wp .arrow::after {
      width: 8px; } }
#session {
  margin-bottom: 40px; }
  #session .session__cont-txt {
    margin-bottom: 15px; }

#message {
  margin-bottom: 80px; }
  #message .message__box {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dotted #BEBEBE; }
    #message .message__box:last-of-type {
      margin-bottom: 0;
      padding-bottom: 0;
      border: none; }
    #message .message__box .message__box-img {
      width: 50%;
      margin: 0 auto 25px; }
  #message .message__cont .message__cont-ttl .message__cont-ttl-txt {
    margin-bottom: 5px;
    color: #C94476;
    font-size: 1.6rem;
    text-align: left; }
    @media (min-width: 375px) {
      #message .message__cont .message__cont-ttl .message__cont-ttl-txt {
        font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 1.1034482759 ); } }
    @media (min-width: 1100px) {
      #message .message__cont .message__cont-ttl .message__cont-ttl-txt {
        font-size: 2.4rem; } }
  #message .message__cont .message__cont-ttl .message__cont-name {
    font-size: 1.4rem;
    margin-bottom: 10px;
    color: #C94476;
    line-height: 1;
    text-align: right; }
    @media (min-width: 375px) {
      #message .message__cont .message__cont-ttl .message__cont-name {
        font-size: calc( 1.4rem + ( 1vw - 3.75px ) * 0.8275862069 ); } }
    @media (min-width: 1100px) {
      #message .message__cont .message__cont-ttl .message__cont-name {
        font-size: 2rem; } }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #session {
    margin-bottom: 60px; }
    #session .session__cont {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    #session .session__cont-txt {
      flex: 0 1 62%;
      width: 62%;
      max-width: 62%; }
    #session .session__cont-img {
      flex: 0 1 34%;
      width: 34%;
      max-width: 34%; }

  #message {
    margin-bottom: 150px; }
    #message .message__box {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 40px;
      padding-bottom: 40px; }
      #message .message__box .message__box-img {
        flex: 0 1 170px;
        width: 170px;
        max-width: 170px;
        margin: 0; }
    #message .message__cont {
      flex: 0 1 100%;
      width: 100%;
      max-width: 100%; }
      #message .message__cont .message__cont-ttl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: 10px; }
        #message .message__cont .message__cont-ttl .message__cont-ttl-txt {
          margin-bottom: 0;
          color: #C94476; }
        #message .message__cont .message__cont-ttl .message__cont-name {
          margin-bottom: 0; } }
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1201px以上
------------------------------*/

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