/* UPDATED: 2026-04-17 */
/***********************************************
common parts
***********************************************/
.under_header{
  width: 100%;
  position: relative;
  z-index: 1;
}
.under_header ul{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
  font-size: 1.4rem;
  margin-top: 1rem;
}
.under_header ul li{
  position: relative;
}
.under_header ul li:after{
  position: absolute;
  content: "›";
  display: inline-block;
  color: #b3b3b3;
  font-size: 2rem;
  margin: -0.8rem 0.8rem 0 ;
}
.under_header ul li:last-child:after{
  content: "";
}
.under_header ul li a{
   color: #2c2d2b;
   text-decoration: none;
   transition: 0.6s;
}
.under_header ul li a:hover{
  opacity: 0.6;
}
.under_header .inner_wrapper{
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 34rem;
  background: url("../images/under_title_bg.png")no-repeat;
  background-size: 24%;
  background-position: -3rem center;
}
.under_header_with {
  width: 100%!important;
}
.title_inner{
  display: flex;
  justify-content: center;
  align-items: center;
}
.under_headertitle{
  display: flex;
  flex-direction: column;
  width: 35%;
  padding-left: 10%;
}
.under_headertitle .title_en{
  font-family: var(--font-secondary);
  color: var(--color-navy);
  font-style: normal;
  font-weight: 500;
  font-size: clamp(4.4rem, 5vw,6.4rem);
  line-height: 1;
}
.under_headertitle .title_jp{
  font-family: var(--font-primary);
  font-size: 2rem;
  font-weight: 400;
}
.title_inner p{
  width: 65%;
  padding: 0 2%;
}
.content_test{
  width: 100%;
  height: 80rem;
  background: #d7f0ff;
}
@media screen and (max-width: 820px){
.under_header .inner_wrapper{
  background-position: left center;
}
.title_inner{
  flex-direction: column;
}
.title_inner p{
  width: 100%;
}
.under_headertitle{
  width: 100%;
  margin-bottom: 4rem;
}
.under_header .inner_wrapper{
  background-position: left 0rem;
  background-size: clamp(36%, 35vw, 40%);
}
.under_headertitle .title_jp{
  font-size: 1.8rem;
}
}
@media screen and (max-width: 767px){
.under_header .inner_wrapper{
  height: 24rem;
}
}

/***********************************************
contact
***********************************************/
.contact_wrapper {
  max-width: 110rem;
  margin: 0 auto;
  padding: 6rem 2rem 10rem;
}
.contact_inner{
  display: block;
  text-align: center;
  border: 1px solid var(--color-light-gray);
  border-radius: 4px;
  padding: 4rem 2rem;
  margin-bottom: 6rem;
}
.contact_inner ul {
  display: inline-block;
  text-align: left;
}
.contact_inner > ul > li {
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  list-style: none;
  padding-left: 1.4em;
  position: relative;
}
.contact_inner > ul > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0.2em;
  top: 50%;
  width: 0.5em;
  height: 0.5em;
  border-top: 0.2rem solid var(--color-blu-light);
  border-right: 0.2rem solid var(--color-blu-light);
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 820px) {
  .contact_wrapper {
    padding: 4rem 2rem 8rem;
  }
}

/***********************************************
news
***********************************************/
.news_grid_under{
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 128rem;
  margin: 0 auto;
  padding: 0 2rem 10rem 2rem;
}
.news_grid_under .news_thumb{
    aspect-ratio: unset;
    margin-bottom: unset;
}
.news_grid_under .news_thumb img{
  width: 16rem;
  height: 9rem;
}
.news_grid_under .news_card{
  border-bottom: 1px solid #8B8B8B;
  padding: 0 2rem 3rem;
  margin-bottom: 3rem;
}
.news_grid_under .news_card,
.news_grid_under .news_card > a{
  display: flex;
  flex-direction: row;
  gap: 1.2rem;
  transition: 0.6s ease;
}
.news_grid_under .news_card > a:hover{
  opacity: 0.6;
}
.news_grid_under p.news_date{
  margin-bottom: 1rem;
}
.news_detail .news_grid_under .news_card{
  border-bottom: none;
  border-top: 1px solid #8B8B8B;
  padding-top: 3rem;
}
article.news_content{
  padding: 0 2rem;
}
@media screen and (max-width: 820px){
.news_grid_under .news_card{
  padding: 0 0 3rem;
}
article.news_content{
  padding: 0;
}
}
@media screen and (max-width: 430px){
  .news_grid_under .news_card,
.news_grid_under .news_card > a{
  flex-direction: column;
  padding: 0 0 3rem;
}
.news_grid_under .news_thumb img{
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
article.news_content{
  padding: 0;
}
}


/***********************************************
seminar
***********************************************/
.seminar_area{

}
.seminar_grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6rem 4rem;
  padding: 6rem 0 10rem 0;
}
.seminar_card{
  min-width: 0;
}
.seminar_card > a{
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: inherit;
  transition: 0.6s;
}
.seminar_card > a:hover{
  opacity: 0.70;
}
.seminar_thumb{
  aspect-ratio: 16/9;
  margin-bottom: 2rem;
}
.seminar_thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.seminar_title{
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 700;
  flex-grow: 1;
  margin: 0 0 1.2rem;
}
p.seminar_date{
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin: 0;
}
p.seminar_date span{
  font-size: 1.2rem;
  color: #000;
  font-weight: 500;
  padding: 0.1rem 0.8rem;
  border: 1px solid transparent;
  margin-left: 0;
  background:
  linear-gradient(#fff,#fff) padding-box,
  linear-gradient(90deg,#5FC6FF,#3543FF) border-box;
}
@media screen and (max-width: 1000px){
.seminar_grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem 2.4rem;
  }
}
@media screen and (max-width: 820px){
.seminar_title{
  font-size: 1.6rem;
}
p.seminar_date{
  font-size: 1rem;
}
p.seminar_date span{
  font-size: 1.1rem;
}
.seminar_grid{
  padding: 2rem 0 10rem 0;
}
}
@media screen and (max-width: 430px){
  .seminar_grid{
    grid-template-columns: repeat(1, 1fr);
  }
}
/**************************************
company
**************************************/
.table_company{
	width:100%;
  height: auto;
  max-width: 890px;
  font-weight: normal;
  font-size: 1.6rem;
  margin: 0 auto 10rem auto;
}
.table_company th  {
	width: 30%;
	text-align: left;
  font-weight: normal;
}
.table_company td  {
	width: 70%;
	text-align: left;
}
.table_company th{
  font-weight: bold;
  color: var(--color-navy);
}
.table_company th,
.table_company td{
	border-bottom:1px solid #cfcccc;
  padding: 2.8rem 1rem;
  line-height: 28px;
}
.company_map{
  margin-bottom: 10rem;
}
.access_info {
  display: flex;
  justify-content: space-between;
}
.access_info ul{
  font-size: 1.6rem;
}
.access_info li {
    list-style: none;
    padding-left: 1.6rem;
    position: relative;
}
.access_info ul li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0.2em;
    top: 50%;
    width: 0.5em;
    height: 0.5em;
    border-top: 0.2rem solid var(--color-blu-light);
    border-right: 0.2rem solid var(--color-blu-light);
    transform: translateY(-50%) rotate(45deg);
}
.access_link {
    color: #fff;
    background: #1a89c0;
    display: inline-block;
    padding: 1rem 2rem;
    font-size: 1.6rem;
    margin-top: 1rem;
    transition: 0.8s ease;
    border-radius: 4px;
}
.access_link:hover{
  opacity: 0.6;;
}
.partner_company_list{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin: 3rem 0 6rem;
}
.partner_title_inner{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 3rem;
  margin-bottom: 6rem;
}
.partner_company_list .inner{
  width: 40%;
  border: 1px solid #cfcccc;
  padding: 1.6rem 0.6rem;
  margin-bottom: 3.6rem;
}
.partner_company_list .inner a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #000;
  font-size: 1.4rem;
}
.partner_company_list .inner img{
  max-width: 25rem;
}
.partner_company_list:after{
  content:"";
  display: block;
  width:40%;
}
.material-symbols-outlined{
  font-size: 1.4rem!important;
}
@media screen and (max-width: 767px) {
.table_company th{
  padding: 2.4rem 0 1.6rem;
}
.table_company th,
.table_company td{
	width: 100%;
	display: block;
	border-top: none;
}
.table_company tr{
  border-bottom: 1px solid #D4D3D3;
}
.table_company tr:first-child th{
	border-top: 1px solid #D4D3D3;
}
.table_company th,
.table_company td{
	border-bottom:0px;
}
.table_company td{
	padding: 0 0 2.4rem;
}
.showroom_wrapper img{
  max-height: 22rem;
  object-position: center;
}
p.message_p img{
  width: 18rem;
  margin-right: 0rem;
}
.partner_company_list{
  flex-direction: column;
}
.partner_company_list .inner{
  width: 100%;
}
}
/***********************************************
 * ↓↓↓ 旧テーマ (jsync) より移植 ↓↓↓
 * 対象ファイル: page-contact.php
 * 移植元: jsync/assets/css/contact.css
 * 用途: Contact Form 7 フォームのレイアウト・スタイル
 ***********************************************/

/* CF7 バリデーションメッセージ非表示 */
.wpcf7-form-control-wrap .wpcf7-not-valid-tip {
  display: none;
}

/* プライバシーポリシーリンク */
.privacy_color {
  color: #0d88f5 !important;
  border-bottom: 1px solid #0d88f5;
}

/* フォームエリア コンテナ */
.contact_wrapper .form {
  margin-top: 3em;
  font-size: 1.6rem;
}

/* フォーム要素 フォントサイズ・見た目を旧テーマに合わせる */
.contact_wrapper input,
.contact_wrapper textarea,
.contact_wrapper select {
  font-size: 1.6rem;
  font-family: inherit;
  box-sizing: border-box;
}

/* 入力フィールド 共通スタイル */
.contact_wrapper .form dd .wpcf7-form-control {
  width: 70%;
  padding: 0.5em;
  font-size: 1.6rem;
}
.contact_wrapper .form dd textarea.wpcf7-form-control {
  min-height: 12em;
  resize: vertical;
}
.contact_wrapper .form dd select.wpcf7-form-control {
  padding: 0.4em 0.5em;
}
@media screen and (max-width: 768px) {
  .contact_wrapper .form dd .wpcf7-form-control {
    width: 100%;
  }
}

/* 必須バッジ */
.form .form_required {
  margin-left: 1em;
  padding: 0 1em;
  color: white;
  background-color: #de4444;
  border-radius: 5px;
  font-size: 1.3rem;
}

/* フォーム dl レイアウト */
.form dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.form dl dt,
.form dl dd {
  margin-bottom: 2em;
}
.form dl dt {
  width: 35%;
  font-size: 1.6rem;
  display: flex;
  align-items: center;
}
.form dl dd {
  width: 65%;
}
@media screen and (max-width: 768px) {
  .form dl dt,
  .form dl dd {
    width: 100% !important;
  }
}

/* 入力フィールド別 幅指定 */
.form dl dd input[name="inquiry-type"]  { width: 35% !important; }
.form dl dd input[name="names"]         { width: 30% !important; }
.form dl dd input[name="tel"]           { width: 30% !important; }
.form dl dd input[name="company"]       { width: 40% !important; }
.form dl dd input[name="email"]         { width: 50% !important; }
@media screen and (max-width: 768px) {
  .form dl dd input[name="names"]   { width: 90% !important; }
  .form dl dd input[name="company"] { width: 100% !important; }
  .form dl dd input[name="email"]   { width: 100% !important; }
}

/* tel・select 幅 */
.contact_wrapper .form dd input[name="tel"],
.contact_wrapper .form dd select {
  width: 50% !important;
}
@media screen and (max-width: 768px) {
  .contact_wrapper .form dd input[name="tel"],
  .contact_wrapper .form dd select {
    width: 100% !important;
  }
}

/* チェックボックスリスト */
.form .consent_list li .wpcf7-list-item {
  margin: 0;
}

/* 送信・戻るボタンエリア */
.form .confirmation_button {
  width: 100%;
  margin: 2em auto 0;
  text-align: center;
}
.form .confirmation_button p {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .form .confirmation_button p {
    flex-wrap: wrap;
  }
}
.form .confirmation_button .wpcf7-submit,
.form .confirmation_button .wpcf7-previous {
  font-size: 1.2em;
}
.form .confirmation_button .wpcf7-spinner {
  display: block;
}
/* 戻るボタン */
.form .confirmation_button a .wpcf7-previous {
  display: block !important;
  padding: 1em 4em;
  margin-right: 0.5em;
  color: white;
  background-color: #949495;
  border: 1px solid #949495;
}
@media screen and (max-width: 768px) {
  .form .confirmation_button a {
    width: 100%;
  }
  .form .confirmation_button a .wpcf7-previous {
    width: 100%;
    margin-right: 0;
  }
}
@media screen and (max-width: 480px) {
  .form .confirmation_button a .wpcf7-previous {
    padding: 1em 0;
  }
}
/* 送信ボタン */
.form .confirmation_button .wpcf7-submit {
  padding: 1em 5em;
  background-color: #a81313;
  border: 1px solid #c80707;
  color: white;
  margin-left: 0.5em;
}
@media screen and (max-width: 768px) {
  .form .confirmation_button .wpcf7-submit {
    width: 100%;
    margin: 2em 0 0;
  }
}
@media screen and (max-width: 480px) {
  .form .confirmation_button .wpcf7-submit {
    padding: 1em 0;
  }
}
.form .confirmation_button .wpcf7-submit:hover,
.form .confirmation_button .wpcf7-previous:hover {
  opacity: 0.8;
  cursor: pointer;
}

/* 確認・完了ページ */
.contact_list .contact_confirmation_area {
  background-color: white;
  padding: 5em 2em;
  margin-top: 3em;
}
@media screen and (max-width: 768px) {
  .contact_list .contact_confirmation_area {
    padding: 2em 1em;
  }
}
.contact_list .contact_confirmation_area .contact_confirmation_list {
  padding: 2em;
}
@media screen and (max-width: 768px) {
  .contact_list .contact_confirmation_area .contact_confirmation_list {
    padding: 1em;
  }
}
.contact_list .contact_confirmation_area .contact_confirmation_list .wpcf7 {
  margin-top: 3em;
}
.contact_list .contact_confirmation_area .contact_confirmation_list dt,
.contact_list .contact_confirmation_area .contact_confirmation_list dd {
  border-bottom: 1px solid #707070;
  padding: 0 0 1em 0.5em;
}
.contact_list .contact_confirmation_area .contact_confirmation_list dd {
  padding-left: 1em;
}
.contact_list .contact_confirmation_area .contact_confirmation_list ul {
  margin-top: 3em;
}
.contact_list .contact_confirmation_area .contact_confirmation_list ul li {
  margin-bottom: 1em;
}
.contact_confirmation_list .top_button {
  margin: 2em auto 0;
  width: 100%;
  text-align: center;
}
.contact_confirmation_list .top_button a {
  padding: 0.2em 1em;
  background-color: white;
  border: 1px solid #707070;
  border-radius: 5px;
}

/***********************************************
 * ↑↑↑ 旧テーマ移植ここまで (page-contact.php) ↑↑↑
 ***********************************************/


/***********************************************
 * ↓↓↓ 旧テーマ (jsync) より移植 ↓↓↓
 * 対象ファイル: single-event.php
 * 移植元: jsync/assets/css/single-page.css
 *         jsync/assets/css/page.css
 * 用途: Events Manager プラグインの予約フォームを含む
 *       セミナー個別ページのレイアウト・スタイル
 ***********************************************/

/* コンテンツ角丸 */
.content-radius {
  border-radius: 20px;
}

/* 開催概要テーブル (info_list) 基本レイアウト */
.info_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.info_list dt,
.info_list dd {
  border-bottom: 1px solid #999;
}
.info_list dt {
  text-align: center;
  background-color: #eaecec;
}

/* セミナー個別ページ メインエリア */
.single .single_area {
  background-color: rgb(255, 255, 255);
  padding: 5em 2em;
}
.single .single_area .single_content {
  margin-top: 3em;
}

/* 開催日付 */
.single .single_area .seminar_detail_date {
  color: rgb(112, 112, 112);
}

/* 画像 + 詳細テキスト 横並び */
.single .single_area .seminar_single_detail {
  margin-top: 2em;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.single .single_area .seminar_single_detail .image {
  width: 35%;
}
.single .single_area .seminar_single_detail .detail {
  width: 60%;
}
@media screen and (max-width: 768px) {
  .single .single_area .seminar_single_detail .image,
  .single .single_area .seminar_single_detail .detail {
    width: 100%;
  }
  .single .single_area .seminar_single_detail .detail {
    margin-top: 1em;
  }
}

/* 開催概要セクション */
.single .single_area .single_overview {
  margin-top: 3em;
}
.single .single_area .single_overview .info_list {
  margin-top: 1em;
}
.single .single_area .single_overview .info_list dt,
.single .single_area .single_overview .info_list dd {
  padding: 1.5em 1em;
}
.single .single_area .single_overview .info_list dt {
  width: 25%;
}
.single .single_area .single_overview .info_list dd {
  width: 75%;
}
@media screen and (max-width: 768px) {
  .single .single_area .single_overview .info_list dt,
  .single .single_area .single_overview .info_list dd {
    width: 100% !important;
  }
  .single .single_area .single_overview .info_list dt {
    padding: 1em;
  }
}

/* 予約フォーム (Events Manager プラグイン出力) */
.single .single_area .single_reserve {
  margin: 5em auto 0;
  text-align: center;
}
.single .single_area .single_reserve .em-event-booking-form {
  width: 80% !important;
  margin: 0 auto !important;
}
.single .single_area .single_reserve .em-event-booking-form .em-login-trigger {
  display: none !important;
}
.single .single_area .single_reserve .em-event-booking-form .em-booking-section {
  margin: 0 !important;
}
.single .single_area .single_reserve .em-event-booking-form .em-booking-section-title {
  border-width: 1px !important;
  border: 1px solid rgb(112, 112, 112) !important;
}
.single .single_area .single_reserve .em-event-booking-form .em-booking-buttons {
  display: block !important;
  text-align: center !important;
  width: 100% !important;
}
.single .single_area .single_reserve .em-event-booking-form .em-booking-buttons .em-button-1 {
  background: rgb(168, 19, 19) !important;
  border: 1px solid rgb(207, 7, 7) !important;
  color: rgb(255, 255, 255) !important;
  width: 40% !important;
  height: 70px !important;
  display: block !important;
  margin: 0 auto !important;
  font-size: 1.2em !important;
}
@media screen and (max-width: 480px) {
  .single .single_area .single_reserve .em-event-booking-form {
    width: 100% !important;
  }
  .single .single_area .single_reserve .em-event-booking-form .em-booking-buttons .em-button-1 {
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .single .single_area .single_reserve .em-event-booking-form .em-booking-buttons .em-button-1 {
    width: 80% !important;
  }
}

/* 「セミナーの一覧へ」戻るリンク */
.single .single_area .single_seminar_back {
  margin: 3em auto 0;
  width: 100%;
  text-align: center;
}
.single .single_area .single_seminar_back a {
  padding: 0.5em 5.5em;
  background: rgb(255, 255, 255);
  border: 1px solid rgb(0, 0, 0);
  text-decoration: none;
}
@media screen and (max-width: 480px) {
  .single .single_area .single_seminar_back a {
    padding: 1em 2em;
  }
}
@media screen and (max-width: 280px) {
  .single .single_area .single_seminar_back {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .single .single_area .single_seminar_back {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .single .single_area .single_seminar_back {
    width: 80%;
  }
}
@media screen and (max-width: 960px) {
  .single .single_area .single_seminar_back {
    width: 50%;
  }
}
@media screen and (max-width: 1280px) {
  .single .single_area .single_seminar_back {
    width: 38%;
  }
}

/* 日時ボックス */
.date_time {
  max-width: 250px;
  margin: 1rem auto;
}
.date_time .timebox {
  display: grid;
  grid-template-columns: 60px 20px 20px 20px 70px 1fr;
  gap: 0.5rem;
  max-width: 250px;
  justify-content: center;
}

/* YouTube 埋め込み */
.youtube_wrapper {
  width: 100%;
  max-width: 700px;
  aspect-ratio: 16/9;
  margin: 0 auto 8rem auto;
}
@media screen and (max-width: 768px) {
  .youtube_br_md {
    display: none;
  }
}
/***********************************************
 * ↑↑↑ 旧テーマ移植ここまで ↑↑↑
 ***********************************************/


/***********************************************
privacy
***********************************************/
.privacy_wrapper {
  padding: 2rem 3rem 10rem;
  line-height: 2;
}
.privacy_group {
  margin-bottom: 6rem;
  padding-bottom: 6rem;
  border-bottom: 1px solid var(--color-light-gray);
}
.privacy_group_title {
  font-size: clamp(2rem, 2.4vw, 2.7rem);
  font-weight: 500;
  margin-bottom: 4rem;
}
.privacy_group_text p {
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
}
.privacy_group_address {
  width: fit-content;
  margin-left: auto;
  margin-top: 4rem;
  font-style: normal;
}
.privacy_group_address p {
  font-size: 1.6rem;
  text-align: left;
}
.privacy_company_intro {
  font-size: 1.6rem;
  margin-bottom: 5rem;
}
.privacy_section {
  margin-bottom: 5rem;
  padding-left: 2rem;
}
.privacy_section_num {
  font-size: clamp(2rem, 2.2vw, 2.4rem);
  font-weight: 400;
  margin-bottom: 2rem;
}
.privacy_section_sub {
  font-size: clamp(1.8rem, 2vw, 2.1rem);
  font-weight: 400;
  margin: 3rem 0 1.5rem;
  padding-left: 2rem;
}
.privacy_section_text {
  font-size: 1.6rem;
  margin-bottom: 2.6rem;
  padding-left: 2rem;
}
.privacy_list {
  padding-left: 6rem;
  margin-bottom: 2rem;
}
.privacy_list li {
  font-size: 1.6rem;
  list-style: disc;
}
@media screen and (max-width: 820px) {
  .privacy_group_address {
    width: 100%;
  }
  .privacy_section {
    padding-left: 0;
  }
  .privacy_section_sub,
  .privacy_section_text {
    padding-left: 0;
  }
  .privacy_list {
    padding-left: 3rem;
  }
}

/***********************************************
  templete機能部分
 ***********************************************/
.templete_area ul {
  display: inline-block;
  text-align: left;
}
.templete_area ul li {
  margin-bottom: 0.5rem;
  list-style: none;
  padding-left: 1.4em;
  position: relative;
}
.templete_area ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0.2em;
  top: 50%;
  width: 0.5em;
  height: 0.5em;
  border-top: 0.2rem solid var(--color-blu-light);
  border-right: 0.2rem solid var(--color-blu-light);
  transform: translateY(-50%) rotate(45deg);
}
.templete_area h4{
  font-size: clamp(2rem, 2.4vw, 2.6rem);
  border-bottom: 1px solid var(--color-light-gray);
  margin-bottom: 4rem;
}
.templete_area .h3_title {
    font-family: var(--font-secondary);
    font-size: clamp(2.8rem, 3.4vw, 4.2rem);
    font-weight: 500;
    color: var(--color-navy);
    line-height: 1.2;
    margin-bottom: 6rem;
    text-align: center;
}

/***********************************************
security
***********************************************/
.security_wrapper {
  padding: 2rem 3rem 10rem;
  line-height: 2;
}
.security_intro {
  margin-bottom: 5rem;
  padding-bottom: 5rem;
  border-bottom: 1px solid var(--color-light-gray);
}
.security_intro_text {
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
}
@media screen and (max-width: 820px) {
  .security_wrapper {
    padding: 2rem 2rem 8rem;
  }
  .security_intro {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
  }
}

/***********************************************
antisocial
***********************************************/
.antisocial_wrapper {
  padding: 2rem 3rem 10rem;
  line-height: 2;
}
.antisocial_intro {
  font-size: 1.6rem;
  margin-bottom: 4rem;
  padding-bottom: 4rem;
  border-bottom: 1px solid var(--color-light-gray);
}
.antisocial_list {
  padding-left: 4rem;
  margin-bottom: 4rem;
}
.antisocial_list li {
  font-size: 1.6rem;
  list-style: disc;
  margin-bottom: 1.2rem;
}
.antisocial_closing {
  font-size: 1.6rem;
  text-align: right;
}
@media screen and (max-width: 820px) {
  .antisocial_wrapper {
    padding: 2rem 2rem 8rem;
  }
}

/***********************************************
social
***********************************************/
.social_wrapper {
  padding: 2rem 3rem 10rem;
  line-height: 2;
}
.social_intro {
  margin-bottom: 5rem;
  padding-bottom: 5rem;
  border-bottom: 1px solid var(--color-light-gray);
}
.social_intro_text {
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
}
.social_intro_strong {
  font-weight: bold;
}
.social_list {
  padding-left: 4rem;
  margin-bottom: 4rem;
}
.social_list li {
  font-size: 1.6rem;
  list-style: disc;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 820px) {
  .social_wrapper {
    padding: 2rem 2rem 8rem;
  }
  .social_intro {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
  }
}

/***********************************************
electronic_payment
***********************************************/
.electronic_payment_wrapper {
  padding: 2rem 3rem 10rem;
  line-height: 2;
}
.electronic_payment_group {
  margin-bottom: 6rem;
  padding-bottom: 6rem;
  border-bottom: 1px solid var(--color-light-gray);
}
.electronic_payment_group:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.electronic_payment_group_title {
  font-size: clamp(2rem, 2.2vw, 2.4rem);
  font-weight: 500;
  text-align: center;
  margin-bottom: 3rem;
}
.electronic_payment_intro {
  font-size: 1.6rem;
  margin-bottom: 3rem;
}
.linkbox {
  color: var(--color-blu-light);
  text-decoration: underline;
}
.ep_sub_text {
  display: flex;
  gap: 0.6rem;
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
}
.ep_sub_text i {
  font-style: normal;
  flex-shrink: 0;
}
.ep_sub_indent {
  padding-left: 2rem;
}
.ep_footnote {
  font-size: 1.6rem;
  margin-top: 1rem;
}
@media screen and (max-width: 820px) {
  .electronic_payment_wrapper {
    padding: 2rem 2rem 8rem;
  }
  .electronic_payment_group {
    margin-bottom: 4rem;
    padding-bottom: 4rem;
  }
}