@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,table{
	margin-bottom:2rem;
}
#toc_container{
	display:none;
}
.pc-only{
	display:block;
}
.sp-only{
	display:none;
}
.back-gray{
 background-color: #f7f7f7;
}
.back-gray p,.back-gray ul{
  padding: 15px 30px 15px 30px;
}
@media screen and (max-width: 959px) {
.pc-only{
	display:none;
}
.sp-only{
	display:block;
}
}
@media screen and (min-width: 960px) {
	.c-gnav{
	margin-top:0.5rem;
	height:80px;
	}
  .menu01 a,.menu02 a,.menu03 a,.menu04 a,.menu05 a,.menu06 a {
    display: flex;
    flex-direction: column; /* ←縦に並べる */
    align-items: center;    /* ←中央寄せ */
    justify-content: center;
    width: 122px;
    height: 80px;
    text-indent: 0;         /* ← 文字を消さない */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center 20%; /* 上に配置 */
    text-align: center;
  }

  /* テキストを下にマージン */
  .menu01 a .ttl,.menu02 a .ttl,.menu03 a .ttl,.menu04 a .ttl,.menu05 a .ttl,.menu06 a .ttl {
    font-size: 12px;
    margin-top: 40px; /* ← イラストと文字の間隔調整（背景位置による） */
    line-height: 1.4;
  }

  /* 背景画像はliに指定のままでOK */
  .menu01 {
    background: url(/wp-content/uploads/2025/06/jui1.png) no-repeat;
    background-size: 53px 39px;
    background-position: center 10%;
  }
  .menu02 {
    background: url(/wp-content/uploads/2025/06/jui2.png) no-repeat;
    background-size: 46px 41px;
    background-position: center 10%;
  }
  .menu03 {
    background: url(/wp-content/uploads/2025/06/jui3.png) no-repeat;
    background-size: 50px 40px;
    background-position: center 10%;
  }
  .menu04 {
    background: url(/wp-content/uploads/2025/06/jui4.png) no-repeat;
    background-size: 44px 35px;
    background-position: center 10%;
  }
  .menu05 {
    background: url(/wp-content/uploads/2025/06/jui5.png) no-repeat;
    background-size: 52px 38px;
    background-position: center 10%;
  }
  .menu06 {
    background: url(/wp-content/uploads/2025/06/jui6.png) no-repeat;
    background-size: 53px 39px;
    background-position: center 10%;
  }
}
