@charset "utf-8";
/*
 * 想い page-id-109
 *
 */
/*
 * ページ内共通
 */

 img.pc,
 br.pc{ display: block;}
 img.sp,
 br.sp{ display: none;}


/*
 * KV周辺
 */
.page-id-109 .kv_background {
  --left-color: #e9ecf1;
  --right-color: #dfe2e7;
  /* 背景色をグラデーションにして、KVの画像の切れ目を見えなくする */
  background: -webkit-gradient(linear, left center, right center, color-stop(0.50, var(--right-color)), color-stop(0.50 var(--left-color)));
  background: -webkit-linear-gradient(left, var(--left-color) 50%, var(--right-color) 50%);
  background: -moz-linear-gradient(left, var(--left-color) 50%, var(--right-color) 50%);
  background: -o-linear-gradient(left, var(--left-color) 50%, var(--right-color) 50%);
  background: -ms-linear-gradient(left, var(--left-color) 50%, var(--right-color) 50%);
  background: linear-gradient(to right, var(--left-color) 50%, var(--right-color) 50%);

  /* 下へのマージン */
  margin-bottom: 20px;
}
/* 画像を中央に揃える */
.page-id-109 .kv {
  margin: 0px -480px; /* 左右marginは((画像横幅 - 960) / 2)にする */
  height: auto;
}
/* ページ背景 */
.page-id-109 .site-content {
  background-color: #f2f1ed;
}
/* 画像ベースライン調整 */
.page-id-109 .container img {
  vertical-align: middle;
}
/*
 * メインコンテンツ
 */
 .translate > a:hover{
     cursor: pointer;
 }
 .translate img.pc{
     display: inline-block;
     width : 23px;
     height: 17px;
 }
.en{ display: none;}
/* 座右の銘 フォント */
.page-id-109 .container .left .text p {
  font-size: 20px;
  font-weight: bold;
}
.page-id-109 .container .left .text h2 {
    border: none;
    font-size: 20px;
    font-weight: bold;
    margin : 0;
    padding: 0;
    color: #333;
}
/* 想い文 フォント */
.page-id-109 .container .right .text {
  font-size: 14px;
}
/* 署名 フォント */
.page-id-109 .container .signature .name {
  font-size: 20px;
  font-weight: bold;
}
.page-id-109 .container .signature .kana {
  font-size: 14px;
  font-weight: bold;
}
.page-id-109 .container .signature .position {
  font-size: 12px;
}
/* 全体レイアウト */
.page-id-109 .container {
  display: flex;
  margin: 50px 0px 0px;
}
/* 座右の銘・写真の幅 */
.page-id-109 .container .left {
  width: max-content;
}
/* 座右の銘の幅 */
.page-id-109 .container .left .text {
  width: 100%;
}
/* 写真の幅 */
.page-id-109 .container .left .pics {
  width: 396px;
}
/* 想い文・直筆署名 レイアウト */
.page-id-109 .container .right {
  margin: 0px 0px 0px 56px;
}
/* 直筆署名 レイアウト */
.page-id-109 .container .right .pics {
  width: max-content;
  margin-left: auto;
  text-align: right;
}
/*
 * リンク
 */
/* 前コンテンツとのマージン */
.page-id-109 .links {
  margin-top: 80px;
  margin-bottom: 120px;
}
.links .link-item {
  margin-bottom: 40px;
}
/* 説明文フォント */
.page-id-109 .links .text {
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}



/*
 * SP
 *
 */
@media screen and (max-width: 767px) {
    img.pc,
    br.pc{ display: none;}
    img.sp,
    br.sp{ display: block;}

    .wrap{
        display: block;
        width: 100%;
        margin: 0;
    }
    .kv_container{
        width: 100%;
    }
    .page-id-109 .kv {
        width : 100%;
        margin: 0;
    }
    .page-id-109 .kv img {
        width : 100%;
        height: auto;
    }
    .translate{
        margin: 0 48px 10px;
    }
    .translate img.pc{ display: none;}
    .translate img.sp{
        display: inline-block;
    }
    .page-id-109 .container {
        display: block;
        margin: 0 48px;
    }
    .page-id-109 .container .left {
        width: 100%;
    }
    .page-id-109 .container .right {
        margin: 0;
    }
    .page-id-109 .container .left .pics{
        width: 100%;
        margin: 24px 0 24px;
    }
    .page-id-109 .container .left .pics img{
        width : 100%;
        height: auto;
    }
    .page-id-109 .container .left .text p{
        font-size: 18px;
    }
    .page-id-109 .container .right .pics {
        width: 100%;
        margin: 30px 0 26px;
        text-align: center;
    }
    .page-id-109 .container .signature{
        border-top: 1px solid #e1e0df;
        padding: 16px 0 0;
    }
    .page-id-109 .container .signature .name {
        font-size: 16px;
        font-weight: bold;
    }
    .page-id-109 .container .signature .position {
        font-size: 11px;
    }
    .page-id-109 .links {
        margin-top: 56px;
        margin-bottom: 50px;
    }
    .page-id-109 .links .text {
        font-size: 14px;
    }


}