@charset "UTF-8";
/* Scss Document */
/*しろ*/
/*みどり*/
/*くろ*/
/*タイトルbg*/
@media screen and (min-width: 768px) {
  #graduate_message .contents h2 {
    font-weight: 400;
    padding-left: 0.5em;
    border-left: 2px solid #4B7626;
    margin-bottom: 30px; }
  #graduate_message .contents table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px 1px; }
    #graduate_message .contents table tr th {
      color: #FFFFFF;
      background-color: #4B7626;
      font-weight: 400;
      padding: 1.5%;
      text-align: center; }
      #graduate_message .contents table tr th.middle {
        vertical-align: middle; }
      #graduate_message .contents table tr th.pale_green {
        background-color: #D1DD99;
        color: #000000;
        font-weight: 400; }
    #graduate_message .contents table tr td {
      background-color: #F7F8F8;
      padding: 1.5%;
      text-align: center; }
  #graduate_message .bottom_none {
    margin-bottom: 0 !important; }
  #graduate_message p.small.inlineLeft {
    text-align: right;
    margin-top: 20px; 
				font-size: 1.4rem;}
  #graduate_message h3 {
    font-weight: 400;
    color: #4B7626;
    margin-bottom: 25px;
    margin-top: 80px; }
  #graduate_message h4 {
    font-weight: 400;
    color: #000000;
    margin-bottom: 20px; }
  #graduate_message ol.kana li {
    list-style-type: katakana;
    line-height: 2.2;
    margin-left: 1.5em;
    margin-top: 0.5em; } 

	.banner_box ul {
		    display: flex;
    justify-content: center;
    margin-top: 0;
	}
	.banner_box ul li {
		list-style-type: none;
		margin-left: 0;
	}
}
/*max*/
table th:nth-child(1) {
  width: 8%; }
table th:nth-child(2) {
  width: 17%; }
table td:nth-child(3) {
  width: 25%; }
table td:nth-child(4) {
  width: 25%; }
table td:nth-child(5) {
  width: 25%; }

@media screen and (max-width: 767.98px) {
  table th:nth-child(1) {
    width: 8%; }
  table th:nth-child(2) {
    width: 17%; }
  table td:nth-child(3) {
    width: 25%; }
  table td:nth-child(4) {
    width: 25%; }
  table td:nth-child(5) {
    width: 25%; }

  #graduate_message .contents h2 {
    font-weight: 400;
    padding-left: 0.5em;
    border-left: 2px solid #4B7626;
    margin-bottom: 30px; }
  #graduate_message .contents table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px 1px; }
    #graduate_message .contents table tr th {
      color: #FFFFFF;
      background-color: #4B7626;
      font-weight: 400;
      padding: 1.5%;
      text-align: center; }
      #graduate_message .contents table tr th.middle {
        vertical-align: middle; }
      #graduate_message .contents table tr th.pale_green {
        background-color: #D1DD99;
        color: #000000;
        font-weight: 400; }
    #graduate_message .contents table tr td {
      background-color: #F7F8F8;
      padding: 1.5%;
      text-align: center; }
  #graduate_message .bottom_none {
    margin-bottom: 0 !important; }
  #graduate_message p.small.inlineLeft {
    text-align: right;
    margin-top: 10px; 
				font-size: 1rem;}
  #graduate_message h3 {
    font-weight: 400;
    color: #4B7626; }
  #graduate_message h4 {
    font-weight: 400;
    color: #000000; }
  #graduate_message ol.kana li {
    list-style-type: katakana;
    line-height: 2.2;
    margin-left: 1.5em;
    margin-top: 0.5em; } 
	.banner_box ul {
		    display: block;
		margin: 50px auto 0;
	}
	.banner_box ul li {
		list-style-type: none;
		margin-left: 0;
		text-align: center;
	}

}
/*
 calc(x + (1vw - y)*z)
 x =最小値
 y =最小値を適用したい横幅の1%   100/767=7.6px   1vw-7.6px=0
 z =(最大値を適用したい横幅の1%-最小値を適用したい横幅の1%)*〇=文字サイズの最大値と最小値の差
 (12-7.6)*〇=20
 20/5.6=3.571
 font-size: calc(16px+((1vw-7.6px)*(20/5.6));
(12-7.6)*〇=4
*/
#graduate_message main p {
  font-size: calc(1.6rem + ((1vw - 0.76rem) * (3/4.4)));
  line-height: 2.2; }

#graduate_message h2 {
  font-size: calc(2rem + ((1vw - 0.76rem) * (4/4.4)));
  line-height: 1.3; }

#graduate_message h3 {
  font-size: calc(2rem + ((1vw - 0.76rem) * (4/4.4)));
  line-height: 1.3; }

#graduate_message h4 {
  font-size: calc(2rem + ((1vw - 0.76rem) * (4/4.4)));
  line-height: 1.3; }

@media (min-width: 1200px) {
  #graduate_message main p {
    font-size: 1.6rem; }

  #graduate_message h2 {
    font-size: 2rem; }

  #graduate_message h3 {
    font-size: 2rem; }

  #graduate_message h4 {
    font-size: 2rem; } }
@media screen and (max-width: 767px) {
  #graduate_message main p {
    font-size: 1.3rem; }

  #graduate_message h2 {
    font-size: 1.6rem; }

  #graduate_message h3 {
    font-size: 1.6rem; }

  #graduate_message h4 {
    font-size: 1.6rem; } }