@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
p {
    margin: 0px 0 ;
    line-height: 2.2em;
    text-align: justify;
    text-justify: inter-ideograph;
}

/*パソコンh2見出し上下狭く*/
@media screen and (min-width: 768px) {
	.post_content h2 { 
	font-size:1.5em;/*文字サイズ*/
	padding: 0.4em 1.1em;/*文字の上下 左右の余白*/
	 }
}
	
/*スマホh2見出し上下*/
@media screen and (max-width: 767px) {
  .post_content h2 {
    font-size: 1.2em; /* 文字サイズ */
    padding: 0.8em 0.9em; /* 文字の上下 左右の余白 */
  }
}

/* コンテンツの下の空白を詰める */
.l-content {
  margin-bottom: 0 !important;
}		
.l-footer__foot, .l-footer__widgetArea {
padding-bottom: 0.3em; 
padding-top: 0.3em; 
}
/*枠線　細い黒線*/
.waku {
padding:15px;
       border: solid 1px;
    border-color: black !important;
}


/*新着情報タイトル*/
.post_content h1 {
	display: none;
    font-size: 1.5em;
}
/*新着情報dt dd 文字色*/
div.whatsnew dt {
    color: black;
}
div.whatsnew dd {
    color: black !important;
/*	line-height:1.3em !important; */
}
div.whatsnew hr {
    border-color: #888 !important;
}
div.whatsnew dt {
    margin: -0.2 1.0em 0 0.3em;
    padding: 0;
    border: 0;
    color: Gray;
    font-weight: normal;
    white-space: nowrap;
}

/*フッター前の場合*/
/*新着情報タイトル*/
.swell-block-columns h1 {
  display: block !important;
    font-size: 1.5em;
}
/*新着情報dt dd 文字色*/
div .wp-block-cover .whatsnew dt {
    color: white;
	line-height:1.3em !important; 
}
div .wp-block-cover .whatsnew dd {
    color: white !important;
	line-height:1.3em !important; 
}
div.whatsnew hr {
    border-color: #888 !important;
}
div .whatsnew dt {
    margin: -0.4 1.0em 0 0.3em;
    padding:  -0.4em 0 0 0;
    border: 0;
    color: Gray;
    font-weight: normal;
    white-space: nowrap;
}




.tt1 {
padding: 5px !important;
background-color: rgb(157, 146, 122)!important;
	font-size:1.2em!important;/*文字サイズ*/}

/* ボックスのマージン再設定 */
.p15{
padding:150 15 15 15important;
margin:0;
}

.btp{
padding:0pximportant;
margin:0;
}

.smb-box {
  padding:0 ;
  margin-top:0;
}
/* もう少し濃いシャドウ */
.sdw1{
filter: drop-shadow(3px 3px 4px #ccc);
}

/* ボタン角丸 */
.is-style-btn_normal {
    --the-btn-radius: 6px !important;
}
.is-style-btn_normal a {
    color: #fff;
    font-weight: 700;
    transition: box-shadow .25s;
}
/* ボタン パディング等 */
[class*=is-style-btn_] {
    --the-fz: 1em;
    --the-width: auto;
    --the-min-width: 64%;
    --the-padding: .25em 1.0em;
    --the-btn-color: var(--color_main);
    --the-btn-color2: var(--color_main);/* メインカラーに設定 */
    --the-btn-bg: var(--the-btn-color);
    display: block;
    font-size: var(--the-fz);
    position: relative;
    text-align: center
}

/* ボタンを下に揃える */
.btn-bottom-list .swell-block-column {
	display: flex;
	flex-direction: column;
}
.btn-bottom-list .swell-block-button{
	margin-top: auto;
}
.swell-block-button__link {
		margin-left:10px !important;
}





/* フッター直前ウィジェット*/
.w-beforeFooter {
	margin-top:0 !important;
}
/* 記事スライダー　タグ*/
.c-postThumb__cat {
/*     background-color: #999;*/
    background-image: none !important;
    /* background-image: repeating-linear-gradient(-45deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .1) 6px, transparent 6px, transparent 12px); */
}
.p-postList__title {
    color: #999;
	font-size:14px !important;
}






/* /////////////////// 
 * 
.btn-bottom-list > .swell-block-column {
  display: flex;
  flex-direction: column;
}

.btn-bottom-list > .swell-block-column > .swell-block-button{
  flex-grow: 1;
  display: flex;
  align-items: flex-end;
	
}


#pr-block .wp-block-column {
	display: flex;
	flex-direction: column;
	border: solid 2px #704104;
	padding: 1rem;
	margin-bottom: 1.5rem;
	border-radius: 8px;
}
#pr-block .wp-block-buttons {
	margin-top: auto;
}





#pr-block .wp-block-column {
	display: flex;
	flex-direction: column;
	border: solid 2px #704104;
	padding: 1rem;
	margin-bottom: 1.5rem;
	border-radius: 8px;
}
#pr-block .wp-block-buttons {
	margin-top: auto;
}

 *  /////////////////////// */

/* /////////////////// 調整CSS /////////////////////// */
.lh10{
line-height:1.0em !important;
}
.lh11{
line-height:1.1em !important;
}
.lh12{
line-height:1.2em !important;
}
.lh13{
line-height:1.3em !important;
}
.lh14{
line-height:1.4em !important;
}
.lh15{
line-height:1.5em !important;
}
.lh16{
line-height:1.6em !important;
}
.lh17{
line-height:1.7em !important;
}
.lh18{
line-height:1.8em !important;
}
.lh19{
line-height:1.9em !important;
}
.lh20{
line-height:2.0em !important;
}

.mt0{
margin-top:0px !important;
margin-bottom: 0px !important;
}
.mt5{
margin-top:5 !important;
margin-bottom: 5 !important;
}
.mt10{
margin-top:10 !important;
margin-bottom: 10 !important;
}
.mt15{
margin-top:15 !important;
margin-bottom: 15 !important;
}
.mt20{
margin-top:20 !important;
margin-bottom: 20 !important;
}
.mt25{
margin-top:25 !important;
margin-bottom: 25 !important;
}
.mt30{
margin-top:30 !important;
margin-bottom: 30 !important;
}




.my0{
margin-left:0 !important;
margin-right: 0 !important;
}
.my5{
margin-left:5 !important;
margin-right: 5 !important;
}
.my10{
margin-left:10 !important;
margin-right: 10 !important;
}
.my15{
margin-left:15 !important;
margin-right: 15 !important;
}
.my20{
margin-left:20 !important;
margin-right: 20 !important;
}
.my25{
margin-left:25 !important;
margin-right: 25 !important;
}
.my30{
margin-left:30 !important;
margin-right: 30 !important;
}


.my40{
margin:0 40 !important;
}
.my50{
margin:0 50 !important;
}
.my60{
margin:0 60 !important;
}
.my70{
margin:0 70 !important;
}



.pt0{
padding-top:0px !important;
padding-bottom: 0px !important;
}
.pt5{
padding-top:5px !important;
padding-bottom: 5px !important;
}
.pt10{
padding-top:10px !important;
padding-bottom: 10px !important;
}
.pt15{
padding-top:15px !important;
padding-bottom: 15px !important;
}
.pt20{
padding-top:20px !important;
padding-bottom: 20px !important;
}
.pt25{
padding-top:25px !important;
padding-bottom: 25px !important;
}
.pt30{
padding-top:30px !important;
padding-bottom: 30px !important;
}


.py0{
padding-left:0px !important;
padding-right: 0px !important;
}
.py5{
padding-left:5px !important;
padding-right: 5px !important;
}
.py10{
padding-left:10px !important;
padding-right: 10px !important;
}
.py15{
padding-left:15px !important;
padding-right: 15px !important;
}
.py20{
padding-left:20px !important;
padding-right: 20px !important;
}
.py25{
padding-left:25px !important;
padding-right: 25px !important;
}
.                          30{
padding-left:30px !important;
padding-right: 30px !important;
}


.km0{
border-radius:0px !important;
}
.km5{
border-radius:5px !important;
}
.km10{
border-radius:10px !important;
}
.km15{
border-radius:15px !important;
}
.km20{
border-radius:20px !important;
}
.km25{
border-radius:25px !important;
}
.km30{
border-radius:30px !important;
}



/* display-postsのカード型を整える　Grid style */
.display-posts-listing.grid {
    display: grid;
    grid-gap: 16px;
}
 
.display-posts-listing.grid .title {
    display: block;
}
 
.display-posts-listing.grid img { 
    display: block; 
    max-width: 100%; 
    height: auto; 
}
 
@media (min-width: 600px) {
    .display-posts-listing.grid {
        grid-template-columns: repeat( 2, 1fr );
    }
}
 
@media (min-width: 1024px) {
    .display-posts-listing.grid {
        grid-template-columns: repeat( 3, 1fr );
    }
}



/*　　　カテゴリー一覧のマージン、枠線消す　　　*/
.p-termHead__desc {
    padding: 0em;
    width: 100%;
}
.p-termHead {
    border: none;
}
/*　　　カテゴリー一覧の投稿日を消す　　　*/
.p-postList__meta {
/*　　　    display: none;　　　*/
	}
.red{
color:#f00}  

/*　　　カテゴリー一覧のfix を解除　　*/
@media (min-width:600px) {
	.p-termHead {
display: block;
	}
}

// .box で使ったスタイルを継承
.widget-title {
    font-size: 4vw;
    font-weight: 700;
    margin-bottom: 1.5em;
    overflow: hidden;
    position: relative;    padding: .5em .75em;
    border-radius: var(--swl-radius--2, 0px);
    background: var(--color_main) !important;
    color: #fff;
}
/******************　　カレント設定 ******************　/
/* グローバルナビ
.c-gnav > li:hover > a, .c-gnav > .-current > a {
background: transparent;
background-color: #555;
color: #fff;
transition: all .25s;
} */
/*　　　.c-gnav > li:hover > a,
.c-gnav > .-current > a {
    background: none;
  color: #fff;
} */

/*　　カレント（投稿一覧もOK） */
.current-menu-item,
.current_page_item,
.current-menu-parent,
.current_page_parent,
.current_page_ancestor {
background: #042701;
  color: #fff;
}



/*　　　.current_page_ancestor a {
    background: #ffe3db;
}
.current_page_ancestor ul li a {
    background: #fff;
}
　　*/

/******************　　カレント設定（ここまで） ******************　/　　*/

.p-postList .p-postList__title {
    font-weight: 100;
    line-height: 1.2;
}
.rpwe-block h3 {
    background: none !important;
    clear: none;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1.5em;
}
.rpwe-summary {
    font-size: 11px!important;
    line-height: 1.4;
}

/*画像の高さを調整*/
img.vam2 { vertical-align: -2px; }

/*ブロークングリッドのテキスト部分背景を半透明に*/
.text-background01 {
background-color: rgba( 255, 255, 255, 0.8 )!important;
	padding: 1em!important; /*テキスト外側の余白を広げる*/
}
/*右のテキストを左に移動(PC)*/
@media (min-width: 768px) {
.text-group01 {
margin-left: -100px ;
}
}

.padtest {
	padding: 1em!important; /*テキスト外側の余白を広げる*/
}
.is-style-wide{
    border-color: #888 !important;
}
.mwkmr{
padding:0 10px 0 0;
margin:0 10px 0 0;
}
.mwkml{
padding:0 0 0 10px;
margin:0 0 0 10px;
}
.tte{
    font-size: 11px!important;
    line-height: 1.4;
}
.mwrk{
clear: none!important;
}
/*画像回り込み
.wp-block-image:after {clear: none;}
.post_content>* {clear: none;}
.post_content:after {clear: both;}*/
/*モバイル用
@media (max-width: 768px) {
.wp-block-image img{
width:100% ;
margin-bottom:10px;
}
}*/

/*回り込み解除モバイル用*/
@media screen and (max-width: 639px){
.alignleft {
    float: none;
  }
.pop{
    width: 100%!important;
}
}

.ttl_line1 {
  font-weight: bold;
  border-left: 5px solid #4c9ac0;
  /*border-bottom: 2px dashed #B4B4B4;*/
  padding: 0.25em 0 0.3em 0.5em;
}


	/* ヘッダーインナー（ナビメニュー）の高さ指定*/
	.l-header__inner {
		height: 64px;
	}
	/* タイトル背景画像の高さ幅指定*/
@media (min-width: 600px){
.l-topTitleArea {
min-height: 220px;
}
}

	/* ヘッダーロゴの高さ中央*/
@media (min-width: 960px) {
    .-series .l-header__logo {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        margin-right: 24px;
        padding: 0px 0; 
    }
}
	/* コンタクトフォームのラジオボタンを改行する*/
span.wpcf7-list-item {
display: block!important;
}

	/* Googleマップをモノクロにする*/
.google-map iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
	/* ブログ一覧タイトル*/
h2.p-postList__title {
    font-weight: 700!important;
	font-size: 1.2rem!important;
    line-height: 1.2!important;
}
	/* ↑ブログスライダーのタイトルサイズは戻す　*/
.p-postSlider__swiper h2.p-postList__title {
    font-weight: 700!important;
	font-size: 1.0rem!important;
    line-height: 1.2!important;
}

.home .l-header .c-gnav>li>a:after {	/* homeのメニューのアンダーラインの太さと色*/
background:linear-gradient(transparent
100%, #fff 0%)!important;
}
/* .l-header .c-gnav>li:nth-child(4)>a:after {
    background: transparent;
}*/
.l-fixHeader .c-gnav>li>a:after {
background:linear-gradient(transparent
100%, #000 0%)!important;    
}
.l-header .c-gnav>li>a:after {	/* home以外のメニューのアンダーラインの太さと色*/
 background:linear-gradient(transparent
95%, transparent 0%)!important;

}

/* ナビメニューの上のヘッダーバーの透過 */
.l-header__bar {
	background: rgb(100 0 0 / 0%) !important;
}
/* home以外でヘッダーバーを消す */
:not(.home) .l-header__bar{
    display: none;
}
/* homeでヘッダーバーを表示 */
.home .l-header__bar{
display:block
}

/*ヘッダー内部ウィジェット*/
.w-header__inner {
  height: 50px; 
 position: absolute;
 top: -20px; right: 70px;
 padding-top: 0px;
 font-size: 0.9rem;
 color: #fff;
	  line-height: 1.0;

}

/* メニューのアンダーライン復活との太さと色*/
.home .l-header .c-gnav>li>a:after {	/* homeのメニューのアンダーラインの太さと色*/
background:linear-gradient(transparent
2%, #fff 0%)!important;
}
/* .l-header .c-gnav>li:nth-child(4)>a:after {
    background: transparent;
}*/
.l-fixHeader .c-gnav>li>a:after {　/* 追従メニューのアンダーラインの太さと色*/
background:linear-gradient(transparent
0%, #000 0%)!important;
		bottom: 0.2em !important; /* 表示位置を少し上に変更 */
	height: 0.05em !important; /* 線太さを少し太めに変更 */

}
.l-header .c-gnav>li>a:after {	/* home以外のメニューのアンダーラインの太さと色*/
	background: rgb(0 0 0 / 100%) !important; /* 線の色を透過度のある水色に変更 */
	bottom: 0.2em !important; /* 表示位置を少し上に変更 */
	height: 0.05em !important; /* 線太さを少し太めに変更 */
}









.mincho {
  font-family:
    "Yu Mincho",
    "YuMincho",
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "MS Mincho",
    serif;
}


/* =========================================   テンプレート作成CSS　========================================= */

/* 文字に白縁を付ける */
.wo {
  color: #000;
  text-shadow:
    1px 1px 0 #fff,
    -1px 1px 0 #fff,
    1px -1px 0 #fff,
    -1px -1px 0 #fff;
}
.wo1 {
  color: #000;
  text-shadow:
    1px 0 0 #fff,
    -1px 0 0 #fff,
    0 1px 0 #fff,
    0 -1px 0 #fff,
    1px 1px 0 #fff,
    -1px 1px 0 #fff,
    1px -1px 0 #fff,
    -1px -1px 0 #fff;
}

.wo2 {
  color: #000;
  text-shadow:
    2px 0 0 #fff,
    -2px 0 0 #fff,
    0 2px 0 #fff,
    0 -2px 0 #fff,
    2px 2px 0 #fff,
    -2px 2px 0 #fff,
    2px -2px 0 #fff,
    -2px -2px 0 #fff;
}





/* =========================================
   mbf1 : PCレイアウト
========================================= */
.mbf1 {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  min-height: 420px;
  box-sizing: border-box;
  overflow: visible;
}

/* Gutenberg / SWELL の内側ラッパー対策 */
.mbf1 > .wp-block-group__inner-container {
  position: relative;
  min-height: 420px;
}

/* =========================================
   画像ブロック
========================================= */
.mbf1 .mbf1-1 {
  width: 70%;
  margin-left: auto;
  margin-right: 0;
  display: block;
}



/* =========================================
   上の文字ブロック
========================================= */
.mbf1 .mbf1-2 {
  position: absolute;
  top: 34px;
  left: 14px;
  width: 53%;
  background: rgba(255, 255, 255, 0.0);
  padding: 18px 20px;
  box-sizing: border-box;
  z-index: 2;
}

/* =========================================
   下の文字ブロック
========================================= */
.mbf1 .mbf1-3 {
  position: absolute;
  left: 90px;
  top: 260px;
  width: 76%;
  background: rgba(255, 255, 255, 0.0);
  padding: 16px 20px;
  box-sizing: border-box;
  z-index: 2;
}

/* ブロック初期余白のリセット */

.mbf1 .wp-block-group {
  margin-top: 0;
  margin-bottom: 0;
}

.mbf1 {
  outline: 3px solid red;
}

.mbf1-1 {
  outline: 3px solid blue;
}

.mbf1-2 {
  outline: 3px solid green;
}

.mbf1-3 {
  outline: 3px solid orange;
}





/* =========================================
   SPレイアウト
========================================= */
@media (max-width: 961px) {

  .mbf1 {
    max-width: 100%;
    min-height: auto;
    padding-left: 0;
    padding-right: 0;
    outline: none;
  }

  .mbf1 > .wp-block-group__inner-container {
    position: static;
    min-height: auto;
  }

  /* 画像 */
  .mbf1 .mbf1-1 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: block;
    outline: none;
  }

  .mbf1 .mbf1-1 img {
    display: block;
    width: 100%;
    height: auto;
  }

  /* 上の文字ブロック */
  .mbf1 .mbf1-2 {
    position: static;
    width: 100%;
    margin: 24px 0 0;
    padding: 0;
    background: transparent;
    box-sizing: border-box;
    outline: none;
  }

  /* 下の文字ブロック */
  .mbf1 .mbf1-3 {
    position: static;
    width: 100%;
    margin: 24px 0 0;
    padding: 0;
    background: transparent;
    box-sizing: border-box;
    outline: none;
  }
}














/* =========================================
   mbg1 : PCレイアウト
========================================= */
.mbg1 {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  min-height: 560px;
  box-sizing: border-box;
  overflow: visible;
}

/* Gutenberg / SWELL の内側ラッパー対策 */
.mbg1 > .wp-block-group__inner-container {
  position: relative;
  min-height: 560px;
}

/* =========================================
   画像1（左側の大きい画像）
========================================= */
.mbg1 .mbg1-1 {
  width: 61%;
  margin-left: 0;
  margin-right: auto;
  display: block;
  position: relative;
  z-index: 1;
}

.mbg1 .mbg1-1 img {
  display: block;
  width: 100%;
  height: auto;
}

/* =========================================
   文字ブロック1（左上の大見出し）
========================================= */
.mbg1 .mbg1-2 {
  position: absolute;
  top: 0px;
  left: 38px;
  width: 58%;
  background: rgba(255, 255, 255, 0.00);
  padding: 18px 22px;
  box-sizing: border-box;
  z-index: 1;
}

/* =========================================
   文字ブロック2（左下の説明文）
========================================= */
.mbg1 .mbg1-3 {
  position: absolute;
  left: 150px;
  top: 260px;
  width: 51%;
  background: rgba(255, 255, 255, 0.92);
  padding: 24px 28px;
  box-sizing: border-box;
  z-index: 12;
}

/* =========================================
   画像2（右下の画像）
========================================= */
.mbg1 .mbg1-12 {
  position: absolute;
  top: 115px;
  right: 0px;
  width: 42%;
  z-index: 3;
}

.mbg1 .mbg1-12 img {
  display: block;
  width: 100%;
  height: auto;
}

/* =========================================
   文字ブロック3（右上 ABOUT US）
========================================= */
.mbg1 .mbg1-4 {
  position: absolute;
  top: 0px;
  right: 18px;
  width: 33%;
  background: rgba(255, 255, 255, 0.00);
  padding: 16px 20px 14px;
  box-sizing: border-box;
  z-index: 5;
  text-align: center;
}

/* =========================================
   Gutenberg初期余白の調整
========================================= */
.mbg1 .wp-block-group {
  margin-top: 0;
  margin-bottom: 0;
}

/* 画像ブロックの余計な中央寄せ対策 */
.mbg1 .mbg1-1.wp-block-image,
.mbg1 .mbg1-12.wp-block-image {
  margin-top: 0;
  margin-bottom: 0;
}

/* 段落の最初と最後の余白を整理 */
.mbg1 .mbg1-2 p:first-child,
.mbg1 .mbg1-3 p:first-child,
.mbg1 .mbg1-4 p:first-child {
  margin-top: 0;
}

.mbg1 .mbg1-2 p:last-child,
.mbg1 .mbg1-3 p:last-child,
.mbg1 .mbg1-4 p:last-child {
  margin-bottom: 0;
}




.mbg1 {
  outline: 3px solid red;
}

.mbg1-1 {
  outline: 3px solid blue;
}

.mbg1-2 {
  outline: 3px solid green;
}

.mbg1-3 {
  outline: 3px solid orange;
}

.mbg1-4 {
  outline: 3px solid gray;
}

.mbg1-12 {
  outline: 3px solid #112233;
}






/* =========================================
   SPレイアウト（961px以下）
========================================= */
@media screen and (max-width: 961px) {

  /* 親全体 */
  .mbg1 {
    position: static !important;
    max-width: 100% !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  /* inner-container を縦並びの親にする */
  .mbg1 > .wp-block-group__inner-container {
    position: static !important;
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* 各ブロックの absolute を解除 */
  .mbg1 .mbg1-1,
  .mbg1 .mbg1-2,
  .mbg1 .mbg1-3,
  .mbg1 .mbg1-4,
  .mbg1 .mbg1-12 {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* スマホでの並び順 */
  .mbg1 .mbg1-4  { order: 1 !important; }
  .mbg1 .mbg1-2  { order: 2 !important; }
  .mbg1 .mbg1-3  { order: 3 !important; }
  .mbg1 .mbg1-1  { order: 4 !important; }
  .mbg1 .mbg1-12 { order: 5 !important; }

  /* ABOUT US */
  .mbg1 .mbg1-4 {
    text-align: left !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
    background: transparent !important;
    z-index: auto !important;
  }

  /* 大見出し */
  .mbg1 .mbg1-2 {
    padding: 0 !important;
    margin: 0 0 12px !important;
    background: transparent !important;
    z-index: auto !important;
  }

  /* 説明文 */
  .mbg1 .mbg1-3 {
    padding: 0 !important;
    margin: 0 0 16px !important;
    background: transparent !important;
    z-index: auto !important;
  }

  /* 画像1 */
  .mbg1 .mbg1-1 {
    margin: 0 0 12px !important;
    z-index: auto !important;
  }

  .mbg1 .mbg1-1 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  /* 画像2 */
  .mbg1 .mbg1-12 {
    margin: 0 !important;
    z-index: auto !important;
  }

  .mbg1 .mbg1-12 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  /* グループ余白調整 */
  .mbg1 .wp-block-group {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 段落余白調整 */
  .mbg1 .mbg1-2 p:first-child,
  .mbg1 .mbg1-3 p:first-child,
  .mbg1 .mbg1-4 p:first-child {
    margin-top: 0 !important;
  }

  .mbg1 .mbg1-2 p:last-child,
  .mbg1 .mbg1-3 p:last-child,
  .mbg1 .mbg1-4 p:last-child {
    margin-bottom: 0 !important;
  }
}






/* =========================================
   mbh1 : PCレイアウト
========================================= */
.mbh1 {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  min-height: 900px;
  box-sizing: border-box;
  overflow: visible;
}

/* Gutenberg / SWELL の内側ラッパー対策 */
.mbh1 > .wp-block-group__inner-container {
  position: relative;
  min-height: 560px;
}

/* =========================================
   画像1（左側の大きい画像）
========================================= */
.mbh1 .mbh1-1 {
  width: 51%;
  margin-left: 0;
  margin-right: auto;
  display: block;
  position: relative;
  z-index: 1;
}

.mbh1 .mbh1-1 img {
  display: block;
  width: 100%;
  height: auto;
}

/* =========================================
   文字ブロック1（左上の大見出し）
========================================= */
.mbh1 .mbh1-2 {
  position: absolute;
  top: 0px;
  left: 38px;
  width: 58%;
  background: rgba(255, 255, 255, 0.00);
  padding: 18px 22px;
  box-sizing: border-box;
  z-index: 1;
}

/* =========================================
   文字ブロック2（左下の説明文）
========================================= */
.mbh1 .mbh1-3 {
  position: absolute;
  left: 50px;
  top: 280px;
  width: 88%;
  background-image: url(http://gack.co.jp/t51/wp-content/uploads/mb19.webp);
  background: rgba(255, 255, 255, 0.0);
  padding: 24px 28px;
  box-sizing: border-box;
  z-index: 2;
}

/* =========================================
   画像2（右下の画像）
========================================= */
.mbh1 .mbh1-12 {
  position: absolute;
  top: 215px;
  right: 0px;
  width: 32%;
  z-index: 3;
}

.mbh1 .mbh1-12 img {
  display: block;
  width: 100%;
  height: auto;
}

/* =========================================
   文字ブロック3（右上 ABOUT US）
========================================= */
.mbh1 .mbh1-4 {
  position: absolute;
  top: 0px;
  right: 5px;
  width: 45%;
  background: rgba(255, 255, 255, 0.00);
  padding: 16px 0px 14px;
  box-sizing: border-box;
  z-index: 5;
  text-align: center;
}

/* =========================================
   Gutenberg初期余白の調整
========================================= */
.mbh1 .wp-block-group {
  margin-top: 0;
  margin-bottom: 0;
}

/* 画像ブロックの余計な中央寄せ対策 */
.mbh1 .mbh1-1.wp-block-image,
.mbh1 .mbh1-12.wp-block-image {
  margin-top: 0;
  margin-bottom: 0;
}

/* 段落の最初と最後の余白を整理 */
.mbh1 .mbh1-2 p:first-child,
.mbh1 .mbh1-3 p:first-child,
.mbh1 .mbh1-4 p:first-child {
  margin-top: 0;
}

.mbh1 .mbh1-2 p:last-child,
.mbh1 .mbh1-3 p:last-child,
.mbh1 .mbh1-4 p:last-child {
  margin-bottom: 0;
}









.mbh1 {
  outline: 3px solid red;
}

.mbh1-1 {
  outline: 3px solid blue;
}

.mbh1-2 {
  outline: 3px solid green;
}

.mbh1-3 {
  outline: 3px solid orange;
}

.mbh1-4 {
  outline: 3px solid gray;
}

.mbh1-12 {
  outline: 3px solid #112233;
}





/* =========================================
   SPレイアウト（961px以下）
========================================= */
@media screen and (max-width: 961px) {

  /* 親 */
  .mbh1 {
    position: static !important;
    max-width: 100% !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  /* inner-container を縦積みの親にする */
  .mbh1 > .wp-block-group__inner-container {
    position: static !important;
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* 全ブロックを初期化 */
  .mbh1 .mbh1-1,
  .mbh1 .mbh1-2,
  .mbh1 .mbh1-3,
  .mbh1 .mbh1-4,
  .mbh1 .mbh1-12 {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* 並び順 */
  .mbh1 .mbh1-4  { order: 1 !important; }
  .mbh1 .mbh1-2  { order: 2 !important; }
  .mbh1 .mbh1-1  { order: 3 !important; }
  .mbh1 .mbh1-3  { order: 4 !important; }
  .mbh1 .mbh1-12 { order: 5 !important; }

  /* SERVICE ブロック */
  .mbh1 .mbh1-4 {
    text-align: left !important;
    padding: 0 !important;
    margin: 0 0 8px !important;
    background: transparent !important;
    z-index: auto !important;
  }

  /* 補助テキスト */
  .mbh1 .mbh1-2 {
    padding: 0 !important;
    margin: 0 0 12px !important;
    background: transparent !important;
    z-index: auto !important;
  }

  /* 上の画像 */
  .mbh1 .mbh1-1 {
    margin: 0 0 12px !important;
    z-index: auto !important;
  }

  .mbh1 .mbh1-1 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  /* 茶色背景の大ブロック */
  .mbh1 .mbh1-3 {
    padding: 16px !important;
    margin: 0 0 12px !important;
    background-image: url(http://gack.co.jp/t51/wp-content/uploads/mb19.webp) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    z-index: auto !important;
  }

  /* 下の画像 */
  .mbh1 .mbh1-12 {
    margin: 0 !important;
    z-index: auto !important;
  }

  .mbh1 .mbh1-12 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  /* グループ余白調整 */
  .mbh1 .wp-block-group {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 段落余白調整 */
  .mbh1 .mbh1-2 p:first-child,
  .mbh1 .mbh1-3 p:first-child,
  .mbh1 .mbh1-4 p:first-child {
    margin-top: 0 !important;
  }

  .mbh1 .mbh1-2 p:last-child,
  .mbh1 .mbh1-3 p:last-child,
  .mbh1 .mbh1-4 p:last-child {
    margin-bottom: 0 !important;
  }
}







/* =========================================
   mbi1 : PCレイアウト
========================================= */
.mbi1 {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  min-height: 760px;
  box-sizing: border-box;
  overflow: visible;
}

/* Gutenberg / SWELL の内側ラッパー対策 */
.mbi1 > .wp-block-group__inner-container {
  position: relative;
  min-height: 760px;
}

/* =========================================
   画像1（左側の大きい画像）
========================================= */
.mbi1 .mbi1-1 {
  width: 61%;
  margin-left: 0;
  margin-right: auto;
  display: block;
  position: relative;
  z-index: 2;
}

.mbi1 .mbi1-1 img {
  display: block;
  width: 100%;
  height: auto;
}

/* =========================================
   文字ブロック1（左上の大見出し）
========================================= */
.mbi1 .mbi1-2 {
  position: absolute;
  top: 72px;
  left: 18%;
  width: 82%;
  background: rgba(225, 225, 225, 0.70);
  padding: 100px 22px 18px ;
  box-sizing: border-box;
height: 700px;

  z-index: 1;
}

/* =========================================
   文字ブロック2（左下の説明文）
========================================= */
.mbi1 .mbi1-3 {
  position: absolute;
  left: 0px;
  top: 460px;
  width: 51%;
  background: rgba(255, 255, 255, 0.0);
  padding: 24px 0px;
  box-sizing: border-box;
  z-index: 4;
}

/* =========================================
   画像2（右下の画像）
========================================= */
.mbi1 .mbi1-12 {
  position: absolute;
  top: 115px;
  right: 0px;
  width: 42%;
  z-index: 2;
}

.mbi1 .mbi1-12 img {
  display: block;
  width: 100%;
  height: auto;
}

/* =========================================
   文字ブロック3（右上 ABOUT US）
========================================= */
.mbi1 .mbi1-4 {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 38%;
  background: rgba(255, 255, 255, 0.0);
  padding: 16px 20px 14px;
  box-sizing: border-box;
  z-index: 5;
  text-align: center;
}

/* =========================================
   Gutenberg初期余白の調整
========================================= */
.mbi1 .wp-block-group {
  margin-top: 0;
  margin-bottom: 0;
}

/* 画像ブロックの余計な中央寄せ対策 */
.mbi1 .mbi1-1.wp-block-image,
.mbi1 .mbi1-12.wp-block-image {
  margin-top: 0;
  margin-bottom: 0;
}

/* 段落の最初と最後の余白を整理 */
.mbi1 .mbi1-2 p:first-child,
.mbi1 .mbi1-3 p:first-child,
.mbi1 .mbi1-4 p:first-child {
  margin-top: 0;
}

.mbi1 .mbi1-2 p:last-child,
.mbi1 .mbi1-3 p:last-child,
.mbi1 .mbi1-4 p:last-child {
  margin-bottom: 0;
}




.mbi1 {
  outline: 3px solid red;
}

.mbi1-1 {
  outline: 3px solid blue;
}

.mbi1-2 {
  outline: 3px solid green;
}

.mbi1-3 {
  outline: 3px solid orange;
}

.mbi1-4 {
  outline: 3px solid gray;
}

.mbi1-12 {
  outline: 3px solid #112233;
}




/* =========================================
   SPレイアウト（961px以下）差し替え版
========================================= */
@media screen and (max-width: 961px) {

  /* 親 */
  .mbi1 {
    position: static !important;
    max-width: 100% !important;
    min-height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  /* inner-container を縦並びに */
  .mbi1 > .wp-block-group__inner-container {
    position: static !important;
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* 各ブロック共通リセット */
  .mbi1 .mbi1-1,
  .mbi1 .mbi1-2,
  .mbi1 .mbi1-3,
  .mbi1 .mbi1-4,
  .mbi1 .mbi1-12 {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    z-index: auto !important;
    height: auto !important;
  }

  /* 並び順
     1: BLOG見出し枠
     2: グレー背景を消した本文枠
     3: 画像
     4: 下の説明文
     5: 右下画像は非表示
  */
  .mbi1 .mbi1-4  { order: 1 !important; }
  .mbi1 .mbi1-2  { order: 2 !important; }
  .mbi1 .mbi1-1  { order: 3 !important; }
  .mbi1 .mbi1-3  { order: 4 !important; }

  /* 右下画像はSPでは非表示 */
  .mbi1 .mbi1-12 {
    display: none !important;
  }

  /* BLOGブロック */
  .mbi1 .mbi1-4 {
    text-align: left !important;
    margin: 0 0 12px !important;
    padding: 16px 14px !important;
    background: transparent !important;
  }

  /* グレー背景ブロック
     背景だけ消して文字は残す */
  .mbi1 .mbi1-2 {
    margin: 0 0 12px !important;
    padding: 0 14px !important;
    background: transparent !important;
    height: auto !important;
  }

  /* 画像 */
  .mbi1 .mbi1-1 {
    margin: 0 0 12px !important;
  }

  .mbi1 .mbi1-1 img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  /* 下の説明文 */
  .mbi1 .mbi1-3 {
    margin: 0 !important;
    padding: 12px 14px 0 !important;
    background: transparent !important;
  }

  /* 不要な背景や固定高さの打ち消し */
  .mbi1 .mbi1-2,
  .mbi1 .mbi1-3,
  .mbi1 .mbi1-4 {
    min-height: auto !important;
  }

  /* グループ余白 */
  .mbi1 .wp-block-group {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 段落余白 */
  .mbi1 .mbi1-2 p:first-child,
  .mbi1 .mbi1-3 p:first-child,
  .mbi1 .mbi1-4 p:first-child {
    margin-top: 0 !important;
  }

  .mbi1 .mbi1-2 p:last-child,
  .mbi1 .mbi1-3 p:last-child,
  .mbi1 .mbi1-4 p:last-child {
    margin-bottom: 0 !important;
  }
}


/* ↓↓↓↓＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　幅を合わせる　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*カバーとタイトルの幅を揃える（カバーはクラスservice-cover-fullを付ける） */

/* サービス・商品カバーだけ全幅 */
.post_content .service-cover-full {
  position: relative !important;
  left: 50% !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: -50vw !important;
  margin-right: 0 !important;
}

/* 中身は本文の実幅に合わせる */
.post_content .service-cover-full .wp-block-cover__inner-container {
  width: 100% !important;
max-width: 864px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}


/* 通常見出しを本文幅に揃える */
.post_content > h2,
.post_content > h3,
.post_content > h4,
.post_content > .wp-block-heading {
  max-width: 964px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}





















/* ====== 38寄せ（PC） ====== */
@media (min-width: 960px){

  /* グリッド本体 */
  .recruit-mosaic{
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "img1 img2"
      "cardL cardR";
    column-gap: 16px;
    row-gap: 24px;
    align-items: start;
  }

  /* 各要素の割当（順番：画像1, 画像2, 右下テキスト, 左下カード でもOK）
     ※順番が違うなら下の nth-child を入れ替えてください */
  .recruit-mosaic > :nth-child(1){ grid-area: img1; }
  .recruit-mosaic > :nth-child(2){ grid-area: img2; }
  .recruit-mosaic > :nth-child(3){ grid-area: cardR; }
  .recruit-mosaic > :nth-child(4){ grid-area: cardL; }


  /* 左下カード（縦文字とか入ってる白箱） */
  .recruit-mosaic > :nth-child(4){
    background: #f3f3f3;     /* スクショ38っぽい薄グレー */
    border-radius: 0;
    padding: 34px 28px;
    box-shadow: none;
    width: 62%;             /* ←左下カードは“細め”に */
    margin-left: 12%;       /* ←少し中央寄せ */
    transform: translateY(-120px);  /* ←画像に食い込ませる量 */
    position: relative;
    z-index: 3;
  }

  /* 右下（テキスト＋ボタン） */
  .recruit-mosaic > :nth-child(3){
    background: transparent; /* 右下は“白箱”にしないなら透明 */
    padding: 10px 0 0;
  }

  /* 右下を白箱にしたい場合は、↑の transparent を消してこれを使う
  .recruit-mosaic > :nth-child(3){
    background:#fff;
    border-radius: 12px;
    padding: 22px;
    box-shadow: 0 12px 30px rgba(0,0,0,.10);
  }
  */
}














/* ===== recruit-mosaic：実体のグリッド要素をまとめて上書き ===== */
@media (min-width: 960px){

  /* SWELL/WordPressの「内側ラッパー」まで全部ターゲット */
  .recruit-mosaic,
  .recruit-mosaic > .wp-block-group__inner-container,
  .recruit-mosaic .wp-block-swell-grid,
  .recruit-mosaic .swell-grid,
  .recruit-mosaic .swl-grid{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important; /* まず2列を固定 */
    column-gap: 32px !important;
    row-gap: 24px !important;
    max-width: none !important;
    width: 100% !important; /* ←ここが重要（広がらない対策） */
  }

  /* 画像ブロック自体を“幅100%”に固定 */
  .recruit-mosaic .wp-block-image,
  .recruit-mosaic figure{
    width: 100% !important;
    max-width: none !important;
  }

.recruit-wrapper .recruit-mosaic .wp-block-image{
width:100% !important;
aspect-ratio:1/1;
overflow:hidden;
}

.recruit-wrapper .recruit-mosaic .wp-block-image img{
width:100% !important;
height:100% !important;
aspect-ratio:1/1;
object-fit:cover;
display:block;
border-radius:0px;
}
}



/* recruit-wrapper（75%）の中では alignwide を“普通の幅”に戻す */
.recruit-wrapper .alignwide{
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 念のため：モザイク自体も親幅にフィットさせて中央化 */
.recruit-wrapper .recruit-mosaic{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}









@media (min-width: 960px){
  .recruit-wrapper .recruit-mosaic > :nth-child(3){
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}




@media (min-width: 960px){
  /* 右下（あああ…） */
  .recruit-wrapper .recruit-mosaic > :nth-child(3){
    box-sizing: border-box;
    margin-left: -65px !important;              /* ←左へ食い込ませる量 */
    width: calc(100% + 40px) !important;        /* ←右端を保ったまま左だけ伸ばす */
  }
}








@media (max-width: 959px){
  .recruit-mosaic{
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .recruit-mosaic > *{
    transform: none !important;
    width: auto !important;
    margin: 0 !important;
  }
  .recruit-mosaic img{
    height: auto !important;
  }
}





@media (min-width: 960px){

  /* 左下ボックス内テキストを縦書き */
  .recruit-wrapper .recruit-mosaic > :nth-child(4){
    writing-mode: vertical-rl;   /* 縦書き（右→左） */
    text-orientation: upright;   /* 英数字も立てる */
    line-height: 1.8;
    letter-spacing: 0.05em;
  }

}


.recruit-wrapper .recruit-mosaic > :nth-child(4){
  padding-right: 140px;  /* 数値調整OK */
}


@media (min-width: 960px){

  .recruit-wrapper .recruit-mosaic > :nth-child(4){
    width: 80%;
    margin-left: 0;
    padding: 60px 40px 120px;
    background: #fff !important;
    box-shadow: none;
  }

}



@media (min-width: 960px){

  /* A画像-B画像の横の空きを強制で狭める（本体＋内側ラッパー） */
  .recruit-wrapper .recruit-mosaic,
  .recruit-wrapper .recruit-mosaic > .wp-block-group__inner-container,
  .recruit-wrapper .recruit-mosaic .wp-block-swell-grid,
  .recruit-wrapper .recruit-mosaic .swell-grid,
  .recruit-wrapper .recruit-mosaic .swl-grid{
    column-gap: 16px !important;  /* ←ここ */
  }

  /* もし「gap」が使われている場合にも効かせる保険 */
  .recruit-wrapper .recruit-mosaic,
  .recruit-wrapper .recruit-mosaic > .wp-block-group__inner-container,
  .recruit-wrapper .recruit-mosaic .wp-block-swell-grid,
  .recruit-wrapper .recruit-mosaic .swell-grid,
  .recruit-wrapper .recruit-mosaic .swl-grid{
    gap: 24px 16px !important;    /* 縦 24 / 横 16 */
  }

  /* 画像ブロック側の余計な左右マージンがあれば消す */
  .recruit-wrapper .recruit-mosaic .wp-block-image{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}






 /* 英語が切れないようになる */
@media (min-width: 960px){

  .recruit-wrapper .recruit-mosaic > :nth-child(4){
    writing-mode: vertical-rl;
  }

  .recruit-wrapper .recruit-mosaic > :nth-child(4) p{
    text-orientation: mixed;   /* ←これが重要 */
    word-break: break-all;     /* ←英語を折る */
  }

}




/* 
@media (min-width: 960px){
  .recruit-wrapper .recruit-mosaic > :nth-child(4){
    background: repeating-linear-gradient(
      to bottom,
      #f7f7f7 0px,
      #f7f7f7 50px,
      #eeeeee 50px,
      #eeeeee 100px
    ) !important;
    outline: 2px dashed #ff4da6 !important;
    outline-offset: -2px;
  }
}
 */
















@media (min-width: 960px){
  /* 左下内の英字っぽい要素が長い時の上限（保険） */
  .recruit-wrapper .recruit-mosaic > :nth-child(4) p{
    max-height: 460px;
    overflow: hidden;
  }
}




@media (min-width: 960px){

  /* 左下（いいい…）＝ recruit-mosaic__card2 の外側余白 */
  .recruit-wrapper .recruit-mosaic__card2{
    margin-top: 60px !important;   /* 上に食い込ませる量 */
    margin-bottom: 20px !important; /* 下の余白 */
    padding-top: 40px !important;   /* 上に食い込ませる量 */
    padding-bottom: 60px !important; /* 下の余白 */
  }

}





/*  */
/* ボタン */
.btn-left {
  text-align: left;
}







/* ↓↓↓↓＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　英語縦のスマホ調整（正方形画像でSP縦並び）　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

@media (max-width: 900px){

  /* グリッドをやめて、flexで確実に並べる */
  #body_wrap .sp-mosaic-fix .is-layout-grid{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  /* 子要素の既存指定を無効化 */
  #body_wrap .sp-mosaic-fix .is-layout-grid > *{
    margin: 0 !important;
  }

  /* 画像2枚を横並び（50%ずつ） */
  #body_wrap .sp-mosaic-fix .is-layout-grid > figure{
width:100% !important;
  }

  /* 縦書きだったブロック（4番目）を画像の下に */
  #body_wrap .sp-mosaic-fix .is-layout-grid > :nth-child(4){
    width: 100% !important;
    order: 2 !important;
  }

  /* 本文（ダミー文章）がもし5番目ならここで画像下に（必要なら） */
  #body_wrap .sp-mosaic-fix .is-layout-grid > :nth-child(5){
    width: 100% !important;
    order: 3 !important;
  }

  /* ボタンブロック（3番目）を一番下に */
  #body_wrap .sp-mosaic-fix .is-layout-grid > :nth-child(3){
    width: 100% !important;
    order: 4 !important;
  }

  /* 縦書き解除（テキスト横に） */
  #body_wrap .sp-mosaic-fix,
  #body_wrap .sp-mosaic-fix *{
    writing-mode: horizontal-tb !important;
  }
}




@media (max-width: 900px){

  /* 縦書きだったブロック（4番目）を全幅に */
  #body_wrap .sp-mosaic-fix .is-layout-grid > :nth-child(4){
    width: 100% !important;
    flex-basis: 100% !important;
  }

  #body_wrap .sp-mosaic-fix .is-layout-grid > :nth-child(4){
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
#body_wrap .sp-mosaic-fix .is-layout-grid > figure{
aspect-ratio:1/1;
overflow:hidden;
}

#body_wrap .sp-mosaic-fix .is-layout-grid > figure img{
width:100% !important;
height:100% !important;
aspect-ratio:1/1;
object-fit:cover;
display:block;
}
}


/* ↑↑↑↑＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　英語縦のスマホ調整　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */













/* 投稿リストで制作======================================================== */








.my-scroll-posts{
overflow:hidden!important;
width:100%!important;
}

.my-scroll-posts .p-postList{
display:flex!important;
flex-wrap:nowrap!important;
gap:10px!important;
width:max-content!important;
will-change:transform!important;
}

.my-scroll-posts .p-postList__item{
flex:0 0 220px!important;
width:220px!important;
}

.my-scroll-posts .p-postList__thumb img{
width:100%!important;
height:140px!important;
object-fit:cover!important;
display:block!important;
}

.my-scroll-posts .p-postList__title{
font-size:12px!important;
font-weight:400!important;
line-height:1.5!important;
}




/* What's New Generator：日付だけ非表示 ======================================== */
.whatsnew dl dt {
  display: none !important;
}
/* 日付を消した分、本文を左に寄せる */
.whatsnew dl dd {
  margin-left: 0 !important;
}