@charset "UTF-8";





html {
  scroll-behavior: smooth;
}

:root {
  --primary-color: #3498db;  /* メインカラー */
  --secondary-color: #2ecc71; /* サブカラー */
  --text-color: #333333;      /* 基本の文字色 */
  --background-color: #f5f5f5; /* 背景色 */


  --light_gray_bg: #70747F;
  --dark_gray_bg: #393D46;
  --white_gray_bg: #DEE3E9;
  --blue-btn: #003070;
}



.wrapper {
    max-width: 1030px;
    margin: 0 auto;
}


.emphasis_design22 span {
  /* margin: 0 0.03em; */
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  line-height: 1.6;
  background-color: #212727;
  color: white;
  text-align: center;
  font-size: 41px;
  font-family: "trajan-pro-3", serif;
  font-weight: 700;/*これも使える */
  font-weight: 400;
}
span.reverse_color {
  background-color: white!important;
  color: #212727!important;
}
@media ( max-width: 900px ) {
    .emphasis_design22 span {
      width: unset;
      min-width: 1.32em;
      height: 1.32em;
    }
}


.view_more_btn {
    font-size: 20px;
    background-color: #003070;
    color: white;
    max-width: 298px;
    height: 48px;
    line-height: 48px;
    margin-top: 76px;
    margin: 76px auto 0;
    text-align: center;
}