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

contact style

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

#link {
  margin-bottom: 30px; }
  #link .link__txt {
    margin-bottom: 30px;
    font-size: 1.5rem;
    text-align: center; }
    @media (min-width: 375px) {
      #link .link__txt {
        font-size: calc( 1.5rem + ( 1vw - 3.75px ) * 0.4137931034 ); } }
    @media (min-width: 1100px) {
      #link .link__txt {
        font-size: 1.8rem; } }
  #link .link__list {
    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;
    justify-content: center; }
    #link .link__list a {
      max-width: none;
      margin: 0 3px 6px;
      padding: 8px 30px 8px 20px;
      border: 1px solid #FC7BAC;
      color: #FC7BAC;
      line-height: 1;
      font-size: 1.2rem; }
      @media (min-width: 375px) {
        #link .link__list a {
          font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
      @media (min-width: 1100px) {
        #link .link__list a {
          font-size: 1.4rem; } }
      #link .link__list a::before, #link .link__list a::after {
        background: #FC7BAC;
        right: 10px; }

.select {
  margin-bottom: 40px; }
  .select:last-of-type {
    margin-bottom: 60px; }
  .select .select__ttl-wp {
    margin-bottom: 30px;
    padding: 5px 5px 5px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #C94476;
    border-left: 5px solid #C94476; }
    .select .select__ttl-wp .select__ttl {
      color: #C94476;
      font-size: 1.6rem;
      line-height: 1;
      text-align: left; }
      @media (min-width: 375px) {
        .select .select__ttl-wp .select__ttl {
          font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.5517241379 ); } }
      @media (min-width: 1100px) {
        .select .select__ttl-wp .select__ttl {
          font-size: 2rem; } }
  .select .select__wp .select__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;
    position: relative; }
    .select .select__wp .select__box::after {
      position: absolute;
      bottom: -1.5px;
      left: 0;
      display: block;
      content: "";
      width: 100%;
      height: 3px;
      background: radial-gradient(circle farthest-side, #FC7BAC, #FC7BAC 40%, transparent 50%, transparent);
      background-size: 3px 3px;
      z-index: 1; }
    .select .select__wp .select__box:first-of-type::before {
      position: absolute;
      top: -1.5px;
      left: 0;
      display: block;
      content: "";
      width: 100%;
      height: 3px;
      background: radial-gradient(circle farthest-side, #FC7BAC, #FC7BAC 40%, transparent 50%, transparent);
      background-size: 3px 3px;
      text-indent: 1; }
    .select .select__wp .select__box .select__box-ttl {
      display: flex;
      flex-direction: column;
      flex: 0 1 36%;
      width: 36%;
      max-width: 36%;
      padding: 15px;
      box-sizing: border-box;
      background: #FEE3ED;
      color: #C94476;
      font-size: 1.2rem;
      font-weight: bold;
      text-align: center;
      letter-spacing: 0; }
      @media (min-width: 375px) {
        .select .select__wp .select__box .select__box-ttl {
          font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
      @media (min-width: 1100px) {
        .select .select__wp .select__box .select__box-ttl {
          font-size: 1.4rem; } }
      .select .select__wp .select__box .select__box-ttl.left {
        text-align: left; }
      .select .select__wp .select__box .select__box-ttl p {
        margin: auto 0;
        line-height: 1.5; }
    .select .select__wp .select__box .select__box-txt {
      display: flex;
      flex-direction: column;
      flex: 0 1 64%;
      width: 64%;
      max-width: 64%;
      padding: 15px;
      box-sizing: border-box;
      letter-spacing: 0; }
      .select .select__wp .select__box .select__box-txt p {
        margin: auto 0;
        line-height: 1.8; }
  .select .select__note {
    margin-top: 10px;
    font-size: 1.2rem;
    line-height: 1.4; }
    @media (min-width: 375px) {
      .select .select__note {
        font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
    @media (min-width: 1100px) {
      .select .select__note {
        font-size: 1.4rem; } }
    .select .select__note a {
      display: inline-block;
      color: #FC7BAC;
      text-decoration: underline; }
  .select .select__subttl {
    margin-top: 20px; }
  .select .select__txt {
    margin-bottom: 10px; }
  .select .select__link .select__link-img {
    display: inline-block;
    widows: 1em;
    vertical-align: text-bottom;
    margin-right: 5px; }
  .select .select__link .select__link-txt {
    color: #C94476;
    font-size: 1.2rem;
    font-weight: bold;
    text-decoration: underline; }
    @media (min-width: 375px) {
      .select .select__link .select__link-txt {
        font-size: calc( 1.2rem + ( 1vw - 3.75px ) * 0.275862069 ); } }
    @media (min-width: 1100px) {
      .select .select__link .select__link-txt {
        font-size: 1.4rem; } }
  .select .select__insurance {
    margin-top: 10px; }
    .select .select__insurance .select__insurance-ttl {
      text-align: left;
      font-size: 1.3em;
      margin-bottom: 5px;
      line-height: 1.5; }
    .select .select__insurance .select__insurance-txt a {
      color: #FC7BAC;
      display: inline-block;
      text-decoration: underline; }

#general {
  margin-bottom: 80px; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #pagettl {
    margin-bottom: 100px; }

  #link {
    margin-bottom: 60px; }
    #link .link__txt {
      margin-bottom: 70px;
      line-height: 1; }
    #link .link__list .btn:nth-of-type(2) a {
      padding: 14px 30px; }
      #link .link__list .btn:nth-of-type(2) a::before, #link .link__list .btn:nth-of-type(2) a::after {
        right: 10px; }
    #link .link__list a {
      width: auto;
      margin: 0 8px 0;
      padding: 14px 40px; }
      #link .link__list a::before, #link .link__list a::after {
        right: 20px; }
      #link .link__list a:hover {
        background: #FC7BAC;
        color: #FFF; }
        #link .link__list a:hover::before, #link .link__list a:hover::after {
          background: #FFF; }

  .sec__ttl-wp {
    margin-bottom: 25px; }

  .select {
    margin-bottom: 60px; }
    .select:last-of-type {
      margin-bottom: 150px; }
    .select .select__ttl-wp {
      margin-bottom: 25px;
      padding: 5px 5px 5px 15px;
      border-left: 10px solid #C94476; }
    .select .select__wp .select__box .select__box-ttl {
      flex: 0 1 25%;
      width: 25%;
      max-width: 25%;
      padding: 18px 3%; }
    .select .select__wp .select__box .select__box-txt {
      flex: 0 1 75%;
      width: 75%;
      max-width: 75%;
      padding: 18px 30px 18px 40px; }
    .select .select__note {
      line-height: 1;
      margin-top: 15px; }
    .select .select__subttl {
      margin: 35px 0 20px; }
    .select .select__txt {
      margin-bottom: 25px; }
    .select .select__insurance {
      margin-top: 20px; }
      .select .select__insurance .select__insurance-ttl {
        margin-bottom: 10px; }

  #general {
    margin-bottom: 140px; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 951px) {
  #link .link__list a {
    padding: 14px 50px; } }
/*------------------------------
		1201px以上
------------------------------*/

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