body {
  padding: 100px 0 0 0;
  background-color: #E0F6FC; }

@media (max-width: 768px) {
  body {
    padding: 86px 0 0 0; } }
/*max-width:768px*/
/*max-width:480px*/
.header_box {
  background-color: inherit; }
  .header_box:before {
    display: none; }
  .header_box h1 {
    background: none; }

/**************/
.language {
  padding: 100px 0;
  width: calc(100% - 100px);
  max-width: 1140px;
  margin: 0 auto; }
  .language h2 {
    margin: 0 0 30px;
    position: relative;
    font: 4rem/1.3em "Montserrat", sans-serif;
    font-weight: 600;
    padding: 30px 0 0;
    background: url("../images/index/menu_ttl.svg") left top no-repeat; }
  .language p {
    font: 1.8rem/2.2em "Noto Sans", sans-serif;
    font-weight: 400;
    letter-spacing: 0.03em; }
  .language div {
    padding: 50px 0 40px; }
    .language div:nth-of-type(1) {
      border-bottom: 1px solid #C6D0DB; }
    .language div:nth-of-type(2) h2 {
      font: 3rem/1.3em "Noto Sans", sans-serif;
      font-weight: 600;
      letter-spacing: 0.07em; }
    .language div:nth-of-type(2) p {
      text-align: justify;
      text-justify: inter-ideograph;
      margin-bottom: 80px; }

.btn {
  width: 280px;
  height: 80px;
  border-radius: 50px;
  background-color: #fff;
  text-align: center;
  display: block;
  padding: 0 30px 0 0;
  font: 2rem/80px "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  transition: .3s;
  position: relative;
  margin: 0 auto; }
  .btn:before, .btn:after {
    position: absolute;
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    right: 20px;
    top: 20px;
    transition: .3s; }
  .btn:before {
    background: url("../images/common/arrow_b.svg") center center no-repeat;
    background-size: contain; }
  .btn:after {
    opacity: 0;
    background: url("../images/common/arrow_w.svg") center center no-repeat;
    background-size: contain; }

@media (hover: hover) {
  .btn:hover {
    background-color: #52D4F7; }
    .btn:hover:before {
      opacity: 0; }
    .btn:hover:after {
      opacity: 1; } }
/*min-width:1920px*/
/*max-width:1280px*/
/*max-width:1024px*/
@media (max-width: 768px) {
  .language {
    padding: 60px 0 100px;
    width: calc(100% - 60px); }
    .language h2 {
      font: 3.5rem/1.3em "Montserrat", sans-serif;
      font-weight: 600; }
    .language p {
      font: 1.7rem/2.2em "Noto Sans", sans-serif;
      font-weight: 400;
      letter-spacing: 0.03em; } }
/*max-width:768px*/
@media (max-width: 480px) {
  .language {
    padding: 20px 0 20px 0;
    width: calc(100% - 50px);
    max-width: 375px;
    margin: 0 auto; }
    .language h2 {
      margin: 0 0 20px;
      font: 3rem/1.3em "Montserrat", sans-serif;
      font-weight: 600;
      padding: 30px 0 0; }
    .language p {
      font: 1.6rem/2.2em "Noto Sans", sans-serif;
      font-weight: 400;
      letter-spacing: 0.03em; }
    .language div {
      padding: 50px 0 40px; }
      .language div:nth-of-type(1) {
        border-bottom: 1px solid #C6D0DB; }
      .language div:nth-of-type(2) h2 {
        font: 2.6rem/1.3em "Noto Sans", sans-serif;
        font-weight: 600;
        letter-spacing: 0.07em; }
      .language div:nth-of-type(2) p {
        margin-bottom: 40px; }

  .btn {
    width: 200px;
    height: 60px;
    padding: 0 15px 0 0;
    font: 1.8rem/58px "Zen Kaku Gothic New", sans-serif;
    font-weight: 500; }
    .btn:before, .btn:after {
      width: 30px;
      height: 30px;
      right: 15px;
      top: 15px;
      transition: .3s; } }
/*max-width:480px*/