@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* medium: 500, bold: 700, black: 900 */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* pri
---------------------------------------------------------------------------*/
.pri {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 64px; }
  @media screen and (max-width: 1300px) {
    .pri {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .pri {
      width: 86.6666666667vw; } }
  @media screen and (max-width: 1300px) {
    .pri {
      border-radius: 0.9230769231vw;
      padding: 4.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .pri {
      border-radius: 1.6vw;
      padding: 8.5333333333vw 5.3333333333vw; } }
  .pri-hd {
    border-bottom: 1px solid #ADCBE8;
    padding-bottom: 32px;
    margin-bottom: 32px; }
    @media screen and (max-width: 1300px) {
      .pri-hd {
        padding-bottom: 2.4615384615vw;
        margin-bottom: 2.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .pri-hd {
        padding-bottom: 4.2666666667vw;
        margin-bottom: 4.2666666667vw; } }
    .pri-hd p {
      font-size: 18px; }
      @media screen and (max-width: 1300px) {
        .pri-hd p {
          font-size: 1.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .pri-hd p {
          font-size: 4.2666648vw; } }