@charset "UTF-8";
/*隙間*/
@media screen and (max-width: 768px) {
.rbox2 {
    background-color: #FFF;
    border: 2px solid #f0bb5a;
    line-height: 1.6rem;
}
}

/*フォント*/
body {
  font-family: 'Noto Sans JP,"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO",sans-serif;
}

p {
    font-family: 'Noto Sans JP';
}

ul { 
font-family: 'Noto Sans JP';
}

td {
font-family: 'Noto Sans JP';
}

/*スマホ版のハンバーガーメニュー非表示*/
#spmenu-btn{
	display: none;
}
@media screen and (max-width: 768px) {
    #logo h1 img {
        max-width: 40px;
    }
}
/*h1のフォントサイズ調整*/
h1 {
    font-size:1.5rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
    display: flex;
    align-items: center;
}
@media screen and (max-width:768px){
	h1 {
    font-size:1.2rem;
}
}
/*スマホ版の吹き出し内余白調整*/
@media screen and (max-width:768px){
.voice_body .voice_inner {
    max-height: inherit;
    padding: 12px 16px 0;
 font-size:1.4rem;
}
}

.topic-icon img {
    transform: scale(2.0); 
    margin-right: 5px;  
}

/*ロゴ部分*/

#logo a img:hover {
opacity: 0.7;
}

/*ヘッダー*/
@media screen and (max-width:768px){
.headerimg-img img {
    min-height: 0;
    object-fit: contain;
}
}

/*見出し*/
h2:not([class*="topic"]) {
  background: none; 
 padding: .7693em 1em .7693em 2.5em;
  color: var(--clr-articletitle-txt, #333);
  position: relative;
  border-bottom: 3px solid var(--clr-accent, #98838e);
}

h2:not([class*="topic"])::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px; 
  height: 50px;  
  background: url("img/circle.png") no-repeat center/contain; 
   opacity: .7;
}

h3:not([class*="topic"]) {
 border-bottom: 2px solid #bad3ed;
}

/* 最初の一文字だけ大きくして色変更 */
h3:not([class*="topic"])::first-letter {
  font-size: 30px;
  color: rgb(214, 98, 126);
}


/* マーカー */
.text-pink {
    color: rgb(224, 67, 114);
}
.text-blue{
    color: rgb(68, 115, 177);
}

/* 画像装飾 */
.img-shadow {
    filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.2));
}

/* 吹き出し画像*/
.voice-right .voice-img {
  max-width: 25%;   /* 画面幅に対する比率。必要に応じて調整 */
  width: 100%;      /* 親幅いっぱいに広げる */
  box-sizing: border-box;
}

.voice-right .voice-img img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* 注意マーク*/
.attention:not(.noimage)::before,
[class*="cbox-attention"] .cbox-caption span::before,
.thint:not(.noimage)::before,
[class*="cbox-hint"] .cbox-caption span::before {
  content: "";
  position: absolute;
  top: 50%;                /* コンテナの中央に */
  transform: translateY(-50%);
}

/*フッターの高さ*/
#footer .inner > *:first-child:not(#copy) {
    margin-top: 2em;
}
#footer .inner > *:nth-last-child(2) {
    margin-bottom:0;
}

/*フッターサイトマップ*/
 .footer-menu_ul > li:last-child {
        border-bottom: none;
        border-right: none;
    }

 .footer-menu_ul > li {
        padding: .1em 3em;
        border-top: none;
        border-left: none;
    }
}
.footer-menu_ul > li:last-child {
    border-bottom: none;
}
.footer-menu_ul > li {
    padding: 1.5em 0;
    border-top: none;
}
.footer-menu_ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}
.footer-menu_ul a {
transiton:all 0.3s;
opacity:1;
}
.footer-menu_ul a:hover {
opacity:0.7;
}


/*テーブル*/
.table-03 tbody tr:last-child > * {
    border-bottom-width: 2px;
}

.table-03 tr > *:first-child {
    border-left-width: 2px;
}

.table-03 tr > *:last-child {
    border-right-width: 2px;
}

.table-03 tr:first-child > * {
    border-top-width: 2px;
}

table.table-fontsmall th, table.table-fontsmall td, div.table-fontsmall th, div.table-fontsmall td {
font-size: clamp(14px, calc(0.75rem + ((1vw - 4.8px) * 0.2088)), 14px);
}

.table-03 tbody th {
    background-color: #fdeef3;
}
.table-03 th, .table-03 td {
border-color: #EDBBC7; 

}
ul {
  margin: 0;          
  padding-left: 1em; 
  list-style-position: outside; 
}

ul.indent li {
display: list-item !important; /* マーカーを復活させる */
list-style: disc !important;   /* 黒丸を明示的に指定 */
margin-left: 2em;  /* 左側に余白を追加 */
padding: 0.3em;

}

.box-wrap {
  margin: 1.5em 0;
}

.box-title {
  display: inline-block;  
  color: #fff;
  background: #4473b1;
  padding: 0.3em 1.5em;
  font-weight: bold;
  border-radius: 6px 6px 0 0;
}

.box-content {
  background: #fff;
  padding: 1em 1.5em;
  border: 2px solid #4473b1;  
  border-radius: 0  6px 6px 6px; 
}

/*boxカラー*/
.box-container .rnd1{
padding: 1em 2em;
}

@media screen and (max-width:768px){
.box-container .rnd1 {
    padding: 1em;
    width: 100%;
    margin: 0;
}
}

.ubox {
flex: 1;	
background-color:#FFF;
border:2px solid #4473b1;
line-height: 2rem !important;
}

.uboxp {
flex: 1;
background-color:#FFF;
border:2px solid #e04372;
line-height: 1.6rem;
}

.blubox{
background-color:#f6fafe;
border:1px solid #4473b1;
padding: 0.6em;
}

.pnkbox {
  background-color: #fff9fe; 
  border: 1px solid #e04372;
  padding: 0.6em;            
}

.icon_cause {
margin-right: 0.5em;
}

.box-container {
    display: flex; 
    gap: 20px;    
    width: 100%;   
}

@media screen and (max-width: 768px) {
  .box-container {
    flex-direction: column;
    }
}

/* ボタンサイズ */
.btn07 {
	margin: 18px auto !important;
}
.btn07 a {
color: #e04372 !important;
font-size: 14px !important;
}

.btn-auto > a {
padding: 14px 1.25em !important;
}

div[class^='btn07'].rose {
	border-color: #e04372 !important;
	
}
.btn-shadow1 {
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15)
}

/*吹き出しアンカーテキスト*/
.enclose {
display: inline-block;
}

.enclose-link {
float: right;
 margin-left: 0.5em;
}

a {
font-size: 14px !important;
font-family: 'Noto Sans JP' !important;
}

.enclose a {
color: var(--clr-a-txt, #e04372);	
}