/* ================ テンプレート ================ */
/* ==== テキスト回り込み（共通） ==== */
.e_textimg {
	margin: 0px 0px 1em 0px;
}
.e_textimg:after {
	content: "";
	clear: both;
	display: block;
}
.e_textimg .e_textimg-img {
	max-width: 50%;
}
.e_textimg .e_textimg-img figure {
	display: table;
	margin: 0px;
	padding: 0px;
}
.e_textimg .e_textimg-img figure:after {
	content: "";
	display: block;
}
.e_textimg .e_textimg-img figure img {
	width: auto;
}
.e_textimg .e_textimg-img figure figcaption {
	caption-side: bottom;
	display: table-caption;
	line-height: 1.5;
	margin: 0.5em 0px 0px 0px;
	color: inherit;
	font-size: 80%;
}
.e_textimg .e_textimg-text {
	margin: 0px;
}
.e_textimg-text p li {
    line-height: 3.0em;  /* 2024.8.22追加　行間の調整 */
}
/* ==== テキスト回り込み（画像右） ==== */
.e_textimg.e_textimg-r .e_textimg-img {
	float: right;
	margin: 0px 0px 1em 1em;
}
/* ==== テキスト回り込み（画像左） ==== */
.e_textimg.e_textimg-l .e_textimg-img {
	float: left;
	margin: 0px 1em 1em 0px;
}
@media only screen and (max-width: 768px) {
	.e_textimg .e_textimg-img {
		float: none !important;
		max-width: 100%;
		margin: 0px 0px 1em 0px !important;
	}
	.e_textimg .e_textimg-img figure {
		margin: 0px auto;
	}
}


/* ========= テンプレート（ZaiDan改造版） ========= */
/* ==== テキスト回り込み（共通） ==== */
.eb_textimg {
	margin: 0px 0px 1em 0px;
        display: flex;
        flex-wrap: wrap;
}
.eb_textimg:after {
	content: "";
	clear: both;
	display: block;
}
.eb_textimg .eb_textimg-img {
	max-width: 50%;    
}
.eb_textimg .eb_textimg-img figure {
	display: table;
	margin: 0px;
	padding: 0px;
}
.eb_textimg .eb_textimg-img figure:after {
	content: "";
	display: block;
}
.eb_textimg .eb_textimg-img figure img {
	width: auto;
}
.eb_textimg .eb_textimg-img figure figcaption {
	caption-side: bottom;
	display: table-caption;
	line-height: 1.5;
	margin: 0.5em 0px 0px 0px;
	color: inherit;
	font-size: 80%;
}
.eb_textimg .eb_textimg-text {
	margin: 0px;
        max-width: 50%;
}
.eb_textimg-text p li {
    line-height: 3.0em;  /* 2024.8.22追加　行間の調整 */
}
/* ==== テキスト回り込み（画像右） ==== */
.eb_textimg.eb_textimg-r .eb_textimg-img {
	float: right;
	margin: 0px 0px 1em 1em;
}
/* ==== テキスト回り込み（画像左） ==== */
.eb_textimg.eb_textimg-l .eb_textimg-img {
	float: left;
	margin: 0px 1em 1em 0px;
}
@media only screen and (max-width: 768px) {
	.eb_textimg .eb_textimg-text {
		max-width: 100%;
	        display: block;
	}
	.eb_textimg .eb_textimg-img {
		float: none !important;
		max-width: 100%;
		margin: 0px 0px 1em 0px !important;
	}
	.eb_textimg .eb_textimg-img figure {
		margin: 0px auto;
	}
}
/* ====　 テンプレート(ZaiDan改造版)　ここまで 　==== */


/* ==== テキスト回り込み（シンプル・画像） ==== */
.e_textimg_simple {
	margin: 0px 0px 1em 0px;
}
.e_textimg_simple:after {
	content: "";
	clear: both;
	display: block;
}
/* ==== テキスト回り込み（シンプル・画像左） ==== */
.e_textimg_simple.e_textimg_simple-r img {
	float: right;
	display: block;
	margin: 0px 0px 1em 1em;
}
/* ==== テキスト回り込み（シンプル・画像左） ==== */
.e_textimg_simple.e_textimg_simple-l img {
	float: left;
	display: block;
	margin: 0px 1em 1em 0px;
}
@media only screen and (max-width: 768px) {
	.e_textimg_simple img {
		float: none !important;
		max-width: 100%;
		margin: 0px auto 1em auto !important;
		display: block;
	}
}


/* ==== 画像キャプション付き ==== */
.e_img {
	margin: 0px 0px 1em 0px;
	display: flex;
	justify-content: center;
	gap: 1.5em;
	align-items: baseline;
}
.e_img .e_img-img {
	margin: 0px 0px 1em 0px;
}
.e_img .e_img-img figure {
	display: table;
	margin: 0px auto;
	padding: 0px;
}
.e_img .e_img-img figure img {
	width: auto;
}
.e_img .e_img-img figure figcaption {
	caption-side: bottom;
	display: table-caption;
	line-height: 1.5;
	margin: 0.5em 0px 0px 0px;
	color: inherit;
	font-size: 80%;
	text-align: center;
}
@media only screen and (max-width: 768px) {
	.e_img.e_img {
		display: block;
	}
}
/* ==== リンク自動アイコン付与調整（共通） ====  */
.c-articleContent ul li a span.-js-file-type-icon img {
    position: absolute;
    left: 0;
    top: 0;
}

tr td p a span.-js-file-type-icon img {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0;
}

/* ================ ルビの位置調整 ================ */
ruby rt {
	/* transform: translateY(-0.5em); */
	margin-bottom: 0.3em;
}
html.ua-firefox ruby rt {
	transform: translateY(0);
}
html.ua-win.ua-firefox ruby rt {
	margin-bottom: 0em;
}
html.ua-mac.ua-firefox ruby rt {
	margin-bottom: 0.3em;
}
html.ua-iphone.ua-safari ruby rt,
html.ua-ipad.ua-safari ruby rt {
	transform: translateY(-0.3em);
}


.c-form__budge ruby rt {
	transform: translateY(0);
}

/* TIPS-182 生活ガイド記事内のカード表示について */
.lifeGuide_linkList {
    justify-content: space-around;
}

.lifeGuide_linkList li a p {
font-size: 1.65rem;
}

@media only screen and (min-width: 1000px){
.lifeGuide_linkList li a img {
    max-width: 105.5px;
}
}

@media only screen and (min-width: 1000px) and (max-width: 1299px) {
  .lifeGuide_linkList li {
    width: calc((100% - 2.5rem) / 2);
  }
}



/* ================ 中国語のページのフォントを指定する ================ */
#livingGuideContent03 .c-livingGuide__listCaption,
body.for-chinese .breadCrumb__link,
body.for-chinese .content__main,
body.for-chinese .content__main strong,
body.for-chinese .c-articleContent h2:not(.c-caseStudyCard__title),
body.for-chinese .c-articleContent h3,
body.for-chinese .c-articleContent h4,
body.for-chinese .c-articleContent p strong,
body.for-chinese .c-heading-01__main,
body.for-chinese .c-heading-02,
body.for-chinese .c-heading-03,
body.for-chinese .c-heading-04,
body.for-chinese .c-heading-05,
body.for-chinese .c-heading-06,
body.for-chinese .c-filteringArchive__title,
body.for-chinese .c-filteringCategories__title > span,
body.for-chinese.for-chinese-guide .c-heading-01__sub,
body.for-chinese.for-chinese-guide .c-subnavi__title,
body.for-chinese.for-chinese-guide .c-subnavi__list,
body.for-chinese.for-chinese-guide .c-subnavi__item.-active .c-subnavi__link,
body.for-chinese.for-chinese-guide .c-subnavi__link:hover {
	/*font-family: "DengXian","SimSun", serif;*/
	font-family: "Microsoft YaHei", sans-serif;
}
body.for-chinese.for-chinese-disaster .c-leanDisaster__cat,
body.for-chinese.for-chinese-guide .lifeGuide_tab-list {
	font-family: "MFW-UDDigiKyokashoProN-Medium", sans-serif;
}

/* ================ ベトナム語のページのフォントを指定する ================ */
.c-filteringCategories__item a[href^="/vietnamese/disaster/"],
body.for-vietnamese .breadCrumb__link,
body.for-vietnamese .content__main,
body.for-vietnamese .content__main strong,
body.for-vietnamese .c-articleContent h2:not(.c-caseStudyCard__title),
body.for-vietnamese .c-articleContent h3,
body.for-vietnamese .c-articleContent h4,
body.for-vietnamese .c-articleContent p strong,
body.for-vietnamese .c-heading-01__main,
body.for-vietnamese .c-heading-02,
body.for-vietnamese .c-heading-03,
body.for-vietnamese .c-heading-04,
body.for-vietnamese .c-heading-05,
body.for-vietnamese .c-heading-06,
body.for-vietnamese .c-filteringArchive__title,
body.for-vietnamese .c-filteringCategories__title > span,
body.for-vietnamese.for-vietnamese-guide .c-heading-01__sub,
body.for-vietnamese.for-vietnamese-guide .c-subnavi__title,
body.for-vietnamese.for-vietnamese-guide .c-subnavi__list,
body.for-vietnamese.for-vietnamese-guide .c-subnavi__item.-active .c-subnavi__link,
body.for-vietnamese.for-vietnamese-guide .c-subnavi__link:hover {
	/*font-family: "DengXian","SimSun", serif;*/
	font-family: "Times New Roman", sans-serif;
}
body.for-vietnamese.for-vietnamese-disaster .c-leanDisaster__cat,
body.for-vietnamese.for-vietnamese-guide .lifeGuide_tab-list {
	font-family: "MFW-UDDigiKyokashoProN-Medium", sans-serif;
}


/* ================ ルビ調整に関するCSS ================ */

.c-list > li.li-hasRuby::before {
  top: 0.9em
}

.-hasRuby .c-list.-square > li::before{
  top: 1.3rem;
}

.-hasRuby .policyText_list .c-list li p:not(.typesquare_option){
  top: 0.5rem;
}

.-hasRuby .p-coordinatorReport__accordionContentListTitle::before{
  top: 1.1em;
}

.-hasRuby .p-coordinatorReport__wordListTitle::before{
  top: 0.6rem;
}

.-hasRuby .c-list.-disk.p-coordinatorReport__listDisk > li::before{
   top: 1rem;
}

.-hasRuby .c-list.-disk > li::before{
  top: 1rem;
}

.-hasRuby .c-orderList.-disk > li::before{
  top: 0.3em;
}

.-hasRuby .c-articleContent ul:not(.c-activityLists) > li::before{
  top: 1.2rem;
}

.-hasRuby .c-articleContent ol > li::before{
  top: 0.5rem;
}

.-hasRuby .c-orderList > li::before{
  top: 0.7rem;
}

.-hasRuby .c-orderList:not(ruby) > li::before{
  top: 0;
}

.c-orderList li > p strong .tsutaeruRuby__translation{
  position: relative;
  top: -0.5em;
}

.-hasRuby .c-orderList.-disk > li::before{
  top: 0.3rem;
}

.-hasRuby .c-list li p:not(.typesquare_option){
  top: 0;
  position: relative;
}

.-hasRuby .winnerName__box-list.c-list.-disk > li::before{
  top: 1rem;
}

.-hasRuby .winnerName__box-list.c-list.-disk > li h3:not(.typesquare_option){
  top: 0.3rem;
  position: relative;
}

.-hasRuby .disasterP_box .c-list.-disk > li::before {
    top: 1rem;
}

.-hasRuby .disasterP_box .c-list.-disk > li strong{
  top: 0.5rem;
  position: relative;
}

.-hasRuby .winnerName__box-list a{
  top: 0rem;
  position: relative;
}

.-hasRuby .winnerName__box-list .winningPrize__text{
  top: 0;
  position: relative;
}

.-hasRuby .c-list.-disk > li strong:not(.tsutaeruRuby__translation){
  top: 0;
  position: relative;
}

.-hasRuby .c-list.-disk > li strong.rubyLine__class{
  top: 0.5rem;
  position: relative;
}

/* ================ talkappibot の z-index ================ */
.talkappibot {
  z-index: 9999;
}


/* ================ リンクフォーカス時のスタイル ================ */
:focus-visible {
  outline: 2px solid rgba(51, 122, 183, 1.0);
}


/* ================ 画像の直後のルビ表示の調整（画像の下にマージンを付ける） ================ */
.c-articleContent .mt-image-none:has(+ .tsutaeruRuby){
  margin-bottom: 0.3em;
}

/* ================ 動画の下にマージンを付ける ================ */
.lifein_movie {
  margin-bottom: 0.3em;
}

.point_movie {
  margin-bottom: 0.3em;
}

/* ================ ファイル選択ボタンのルビ位置を調整 ================ */
button.c-form__file ruby rt {
	transform: translateY(0px);
}

.p-coordinatorReport__wordListTitle::before{
top: 60%;
    transform: translateY(-50%);
}

.-hasRuby .p-coordinatorReport__wordListTitle::before {
    top: 50%;
}

/* ================ TOP リスト　背景色 ================ */

.c-illustList__item:nth-child(odd) .c-illustList__listLink.item-back__color-01{
background-color: #fff4d1;
}

.c-illustList__item:nth-child(even) .c-illustList__listLink.item-back__color-02{
background-color: #ffe696;
}

.c-illustList__item .c-illustList__listLink.item-back__color-03,
.c-illustList__item .c-illustList__listLink.item-back__color-03:hover{
background-color: #f0f0f0;
}

@media only screen and (max-width: 768px){

.c-illustList__item:nth-child(odd) .c-illustList__listLink.item-back__color-01{
background-color: #ffe696;
}

.c-illustList__item:nth-child(even) .c-illustList__listLink.item-back__color-02{
background-color: #fff4d1;
}

}

/* ================ FAQ アーカイブ ================ */

button.js-clickOpen_menu{
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

.disasterFAQ_main{
  max-width: 450px;
  margin: 0 auto 25px;
}

.disasterFAQ_menuBox{
  max-height: 0px;
  opacity: 0;
  display: none;
  transition: 0.5s;

}

.disasterFAQ_main .c-heading-02{
  text-align: center;
}

.disasterFAQ_menuBox.active{
  max-height: initial;
  opacity: 1;
  display: block;
}

.disasterFAQ_title_03{
  transition: 0.3s;
  line-height: 1.4583333333;
  margin: 0;
  text-align: left;
}

.js-clickOpen_menu.active .disasterFAQ_title_03{
  margin: 0 0 30px 0;
  padding: 0 0 14px 0;
  border-bottom: 3px solid #007877;
}

.p-consultation__sectionListLink::before{
  transition: 0.3s;
}

.p-consultation__sectionListLink.active::before{
  top: 15px;
}

.disasterFAQ_menuBox span{
  font-weight: bold;
}

.disasterFAQ_menuBox .p-yasanichi__exampleList{
  margin-top: 0px;
  margin-bottom: 1em;
}

.disasterFAQ_menuBox .c-orderList > li::before{
  font-weight: bold;
}

.disasterFAQ_menuBox .p-yasanichi__col{
  margin-top: 0px;
  margin-bottom: 40px;
}

.faqdisaster_list .c-filteringCategories__lists{マル
    justify-content: flex-start;
}

.p-yasanichiGlossary .p-guideGlossary__colListLink.no-Word::before{
content:none;
}
.p-yasanichiGlossary .p-guideGlossary__colListLink.no-Word{
background-color: #cdc29f;
}


/* ボタン追加用CSS 2024.8.13 */
div.d-button {
 background-color: #cdc29f;
} 

.p-guideGlossary .p-essay__listButton{
margin-top: 0px;
}
/* ============= （災害Q＆A）追加スタイル　written by ZaiDan ============= */
    button.js-clickOpen_menu_m {
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
    }

    .disasterFAQ_menuBox_m {
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.3s ease;
    }

    .js-clickOpen_menu_m.active .disasterFAQ_title_03 {
        margin: 0 0 30px 0;
        padding: 0 0 14px 0;
        border-bottom: 3px solid #007877;
    }

    .p-consultation__sectionListLink::before {
        transition: 0.3s;
    }

    .p-consultation__sectionListLink.active::before {
        top: 15px;
    }

    .doublePic-container {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        max-width: 100%;
        margin: 0;
    }

    .d-pic1 {
        width: 100%;
        margin: 5px 10px;
    }

    .d-pic2 {
        height: 100%;
        margin: 10px 0;
    }

    @media (max-width: 768px) {
        .doublePic-container {
            flex-direction: column;
            justify-content: flex-start;
            gap: 20px;
        }
    }
/* ============= 戻るボタン・PDFで見るボタン（災害Q＆A）　written by ZaiDan ============= */
        .c-buttons-container {
            display: flex;
            flex-direction: column;
        }
        .c-button-left, .c-button-right {
            display: inline-block;
            margin: 20px 20px;
        }
        .c-buttonBase {
            display: block;
            margin: 0 auto;
            text-align: center;
            max-width: 300px;
        }
        .c-buttonBase_right {
            display: flex; /* フレックスボックスを使用 */
            align-items: center; /* 高さ方向の中央揃え */
            justify-content: center; /* 横方向の中央揃え（必要に応じて） */
            margin: 0 auto;
            text-align: center;
            max-width: 310px;
            width: 310px;
            height: 75px;
            background-color: white;
            border: 1.5px solid black;
            color: black;
            transition: background-color 0.1s ease;
            border-radius: 10px; /* 角に丸みを付ける */
            position: relative; /* 矢印マークの位置を調整するために必要 */
            font-size: 16px; /* 「PDFで見る」の文字サイズを設定 */
        }

        .c-buttonBase_right:hover {
            background-color: #f0f0f0; /* 薄いグレー */
        }
        .c-buttonBase_right::after {
            content: "→"; /* 矢印マークを追加 */
            position: absolute;
            left: 260px; /* ボタン内側の右端に配置 */
            top: 50%;
            transform: translateY(-50%);
            font-size: 28px; /* 矢印マークの文字サイズを設定 */
        }

        .c-buttonBase_left {
            display: flex; /* フレックスボックスを使用 */
            align-items: center; /* 高さ方向の中央揃え */
            justify-content: center; /* 横方向の中央揃え（必要に応じて） */
            margin: 0 auto;
            text-align: center;
            max-width: 310px;
            width: 310px;
            height: 75px;
            background-color: white;
            border: 1.5px solid black;
            color: black;
            transition: background-color 0.1s ease;
            border-radius: 10px; /* 角に丸みを付ける */
            position: relative; /* 矢印マークの位置を調整するために必要 */
            font-size: 16px; /* 「PDFで見る」の文字サイズを設定 */
        }

        .c-buttonBase_left:hover {
            background-color: #f0f0f0; /* 薄いグレー */
        }
        .c-buttonBase_left::before {
            content: "←"; /* 矢印マークを追加 */
            position: absolute;
            right: 263px;         /*     ボタン内側の右端に配置 */
            top: 50%;
            transform: translateY(-50%);
            font-size: 28px; /* 矢印マークの文字サイズを設定 */
        }

    @media (min-width: 768px) {
        .c-buttons-container {
            display: flex;
            flex-direction: row;
            justify-content: left;
            width: 100%;
        }
    }
/* ============= 印刷用CSSここから　written by ZaiDan ============= */
/* 印刷用CSS 2024.8.21 */
/* A4縦向き印刷 */
        /* 通常時は非表示 */
 /*        .print-header {          */
 /*            display: none;       */
 /*        }                              */

@media print {
            /* 印刷時に表示 */

            .header__content {
                display: flex;
                scale: 100%;
              /*        min-width: 1080px;     2024.11.29  PC表示となるように画面幅の最小限を設定/ 12.03 1200px ⇒ 1080px に変更   */
                margin-bottom: -90px;
            }
            .globalNav {
                all: unset;
                display: block;
                width: 100%;
                margin: 5px;
                font-size: 12px;
                padding-top: -20px;
                padding-bottom: -30px;
                margin-top: 70px;
                margin-bottom: -10px;
            /*   CSSで追加した画像を印刷するには、印刷時のプリンタ設定で「背景のグラフィックを印刷」を選択する  */
                background-color: #fff4d1;
            }
            .header__logo {
                display: inline-block;
                width: 35%;
                height: 100%;
            }
            .header__utility {
               /*   display: none;   2024.12.27  display: block; ⇒ display: none; に変更 */
                width: 59%;
                content: url('/assets/printpage/header01.png'); /* 画像を読み込む */
                display: block; /* 画像を表示 */
                height: auto; /* 必要に応じて調整 */
                position: absolute; /* 絶対位置を指定 */
                top: 0; /* 上端に配置 */
                right: 0; /* 右端に配置 */
            }

            .header__langNav {
                /* display: flex; flexboxを使用 */
                justify-content: space-between;     /* 子要素を均等に配置 */
                width: 100%; /* 親要素の幅に合わせる */
                scale: 54%;
                height: 42%;
                margin: 3px 0;
                box-sizing: border-box;
                position: absolute; /* 親コンテナ内での位置を指定 */
                right: 80px; /* 位置を調整 */
                overflow: hidden; /* 1118追加 はみ出した部分を隠す */
            }

            .header__utilityNav {
                display: flex; /* flexboxを使用 */
                justify-content: flex-end; /* 子要素を均等に配置 */
                width: 100%;
                height: 43%;
                scale: 60%;
                margin: 5px 0;
            /*     border: 1px solid black;     */
                box-sizing: border-box;
                position: absolute; /* 親コンテナ内での位置を指定 */
                right: -90px; /* 位置を調整 */
                bottom: 0; /* 下端に配置 */
                }

                .header__langNavItem,
                .header__langNavButton,
                .header__langNavLink,
                .header__langNavForm,
                .header__langNavSelect,
                .pt-mt-no-convert,
                .header__langNavSelect {
                     all: unset; */
                 }

    .header__langNavItem {
        display: inline-block;
        margin: 0 2px; /* Optional: add some spacing */
        border: 1px solid black;
        border-radius: 8px; 
        min-width: 18%;
        max-height: 100%;
    }
    .header__langNavForm {
        min-width: 58%;  /* 2024.12.27 追記 */
    }
    .header__langNavSelect {
        background-color: white;
        border-radius: 8px;  
        padding: 12px 2px;
        bottom: 2px; /* 下端に配置 */
    }

.header__utilityNavItem {
    flex: 1; /* 子要素を均等に配置 */
    margin: 0 5px; /* 子要素間のスペースを調整 */
    box-sizing: border-box; /* これにより、paddingとborderが含まれるようになります */
    font-size: 10px;
    white-space: nowrap;
}

            .langToggle, .navToggle {
                display: none;
            }
            .globalNav__listItem {
                padding: 8px;
            }
            .globalNav__listItem {
                width: 16.6%;
            }
            .globalNav__otherLists {
                display: none;
            }
            .globalNav__listLabel {
                display: inline;
                width: 20%;
            }

            .breadCrumb * {
                font-size: 8pt; /* フォントサイズを調整 */
            }

            .c-heading-01 {
                all: unset;
            }

            .c-heading-01 * {
                font-size: 14pt;  /*   フォントサイズを調整 */
                text-align: center;
            }

    .content {
        width: 100%;
        margin: 0;
        display: flex;
        flex-direction: row; /* 左から右に並べる */
        justify-content: flex-start; /* 左揃えにする */
    }

    .content__sub {
        width: 30%; /* 左側に表示 */
        order: 1; /* 順序を指定 */
    }

    .content__main {
        width: 70%; /* 右側に表示 */
        order: 2; /* 順序を指定 */
    }

    .content__sub * {
        font-size: 10pt; /* フォントサイズを調整 */
    }

    .content__main * {
        font-size: 11pt; /* フォントサイズを調整 */
    }

            h2.c-heading-02 {
                font-size: 16pt; /* フォントサイズを調整 */
                text-align: center;
            }

    .doublePic-container {
          flex-direction: row;
          justify-content: flex-start;
          gap: 5px;
    }

    .c-pickup__lists {
        font-size: 10pt; /* フォントサイズを調整 */
    }
    .imgBox {     /* 画像サイズを調整 */
        width: 80%;
        height: 80%;
        margin: 0 auto;
    }

        .c-buttons-container {
            transform: scale(0.7);
            transform-origin: top left;
            display: flex;
            flex-direction: row;
            justify-content: left;
        }

     .c-buttonBase {
         border: 1.0px solid #007877; 
         color: white;　
         background-color: #007877;　
     }　
     .c-buttonBase::after {
         all: unset; 
         content: "→"; 
         position: absolute;
         right: 18px; 
         top: 50%;
         transform: translateY(-50%);
         font-size: 28px;
     }　
     .c-buttonBase_left {
         border: 1.0px solid #007877; 
         color: black;
         background-color: #007877;
     }
     .c-buttonBase_left::after {
         all: unset; 
         content: "←";
         position: absolute;
         left: 18px;
         top: 50%;
         transform: translateY(-50%);
         font-size: 28px;
     }　

    .footer {
        width: 100%;
        margin-top: -50px;
        margin-bottom: 30px;
    }   
    .footer__pagetop {
        display: none;
        float: right;
    }   
     .footer__banner {
        margin: -100px 0px 0px 0px;
        scale: 80%;
    }
    .footer__nav {
        margin-left: 0px;
        font-size: 10px;
        height: auto; /* 固定高さを解除 */
        box-sizing: border-box;
    }
    .footer__navColumn {
        margin-left: 70px;
    }
    .footer__navColumMain {
        width: 50%; /* 2つのfooter__navColumMainが横に並ぶように50%に設定 */
        box-sizing: border-box;
    }
    .footer__navColumOther {
        width: 25%; /* 2つのfooter__navColumOtherが横に並ぶように25%に設定 */
        box-sizing: border-box;
        margin-left: 40px;
    }
    .footer__navColumn > div {
        margin-bottom: 1em; /* コラム間のスペースを調整 */
        font-size: 8px;
    }
    .footer__navListItem {
        font-size: 10px;
    }
    .footer__childListItem {
        font-size: 9px;
    }
    .footer__navOtherListItem {
        font-size: 9px;
    }
    .footer__logo {
        scale: 90%;
        margin-top: 0px;
    }
     
    .footer__copyright {
        scale: 100%;
        font-size: 6px;
        margin: -20px 0;
    }

    /* スマホ表示のスタイルを上書きするための追加設定 */
    .footer__navColumn {
        display: flex;
        flex-direction: row;
    }

    .no-print {
        display: none;
    }
}
 /* =============  印刷用CSSここまで　written by ZaiDan =============  */
/* ============= TOPページ用、印刷CSSここから　written by ZaiDan ============= */
@media print {
    .c-indexMV__content {
        scale: 90%;   
    }

    .c-objectiveList__tabPanel {
        font-size: 14px;
    }
}

@media print {
  .c-illustList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0; /* 親要素のパディングをリセット */
    margin: 0; /* 親要素のマージンをリセット */
  }

  .c-illustList__item {
    flex: 0 0 23%; /* 4つ並べるために幅を調整 */
    box-sizing: border-box;
    margin: 0; /* 要素間のスペースをリセット */
    padding: 0 1%; /* 左右のスペースを均等に設定 */
  }

  .c-illustList__listLink {
    display: block;
    text-align: center;
  }

  .c-illustList__listImg {
    margin: 0 auto;
  }

  .c-illustList__listCaption {
    font-size: 0.8rem; /* 文字サイズを調整 */
  }

  .c-illustList__listImg img {
    max-width: 100%; /* 画像の幅を調整 */
    height: auto;
  }
}

@media print {
  /* ピックアップのCSSを修正 */
  .c-pickup__lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-width: 980px; /* 親要素の最小幅を設定 */
  }

  .c-pickup__listItem {
    flex: 0 0 28%; /* 3つ並べるために幅を調整 */
    box-sizing: border-box;
    margin-bottom: 1rem; /* 要素間のスペースを調整 */
  }

  .c-pickup__listLink {
    display: block;
    text-align: center;
  }

  .c-pickup__listThum {
    margin: 0 auto;
  }

  .c-pickup__listTitle {
    font-size: 0.8rem; /* 文字サイズを調整 */
  }

  .c-pickup__listExcerpt {
    font-size: 0.7rem; /* 文字サイズを調整 */
  }

  .c-pickup__listItem img {
    max-width: 100%; /* 画像の幅を調整 */
    height: auto;
  }
}

@media print {
  .c-livingGuide__lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    min-width: 980px; /* 親要素の最小幅を設定 */
    padding: 0; /* 親要素のパディングをリセット */
    margin: 0; /* 親要素のマージンをリセット */
  }

  .c-livingGuide__listItem {
    width: 22%; /* 4つ並べるために幅を調整 */
    box-sizing: border-box;
 /*    margin-bottom: 1rem;  要素間のスペースを調整 */
    margin: 0 15px 1rem 15px; /* 左右にスペースを追加 */
  }

  .c-livingGuide__listLink {
    display: block;
    text-align: center;
  }

  .c-livingGuide__listImg {
    margin: 0 auto;
  }

  .c-livingGuide__listCaption {
    font-size: 0.8rem; /* 文字サイズを調整 */
  }

  .c-livingGuide__listItem img {
    max-width: 100%; /* 画像の幅を調整 */
    height: auto;
  }
}

@media print {
  /* 「支援・交流団体を探す」のCSSを修正 */
  .c-supportSearch__column {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-width: 980px; /* 親要素の最小幅を設定 */
  }

  .c-supportSearch__columnLink {
    scale: 70%;
  }

  .c-supportSearch__columnSearch {
    scale: 70%;
  }
}

@media print {
  /* 「ニュースレター」のCSSを修正 */
  .c-newsLetter__lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-width: 980px; /* 親要素の最小幅を設定 */
  }

  .c-newsLetter__listItem {
    flex: 0 0 28%; /* 3つ並べるために幅を調整 */
    box-sizing: border-box;
    margin-bottom: 1rem; /* 要素間のスペースを調整 */
  }
}
 /* =============  TOPページ用、印刷CSS　written by ZaiDan =============  */
/* ============= 防災動画CSSここから　written by ZaiDan ============= */
@media print {
  .dsterPrvtion_box-movie {
    position: relative; /* 親要素の位置を相対位置に設定 */
  }
  .dsterPrvtion_box-movie.BSImovie1::before {
    content: url('/assets/printpage/bousaiMovie01.png'); /* 1枚目の画像を読み込む */
    display: block; /* 画像を表示 */
    width: 100%; /* 必要に応じて調整 */
    height: auto; /* 必要に応じて調整 */
    position: absolute; /* 絶対位置を指定 */
    top: 0; /* 上端に配置 */
    left: 0; /* 左端に配置 */
    z-index: 1; /* 画像を前面に表示 */
  }
  .dsterPrvtion_box-movie.BSImovie2::before {
    content: url('/assets/printpage/bousaiMovie02.png'); /* 2枚目の画像を読み込む */
    display: block; /* 画像を表示 */
    width: 100%; /* 必要に応じて調整 */
    height: auto; /* 必要に応じて調整 */
    position: absolute; /* 絶対位置を指定 */
    top: 0; /* 上端に配置 */
    left: 0; /* 左端に配置 */
    z-index: 1; /* 画像を前面に表示 */
  }
  .dsterPrvtion_box-movie.BSImovie1 iframe {
    display: none; /* iframeを非表示にする */
  }
  .dsterPrvtion_box-movie.BSImovie2 iframe {
    display: none; /* iframeを非表示にする */
  }
}
/* ============= 防災動画CSSここまで　written by ZaiDan ============= */
/* ============= 災害モードのお知らせCSSここから　written by ZaiDan ============= */
        .saigai_mode_cn {
            font-family: "Microsoft YaHei", sans-serif;
        } 
        .saigai_mode_vi {
            font-family: "Times New Roman", sans-serif;
        } 
        .marquee-container {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }
        .marquee {
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            box-sizing: border-box;
        }
        .marquee span {
            display: inline-block;
            padding-left: 100%;
            animation: marquee 20s linear infinite;
        }
        @keyframes marquee {
            0% { transform: translateX(100%); }
            100% { transform: translateX(-100%); }
        }
/* ============= 災害モードのお知らせCSSここまで　written by ZaiDan ============= */
/* ============= 多文化共生に関する調査CSSここから　written by ZaiDan ============= */
    .s_button-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px; /* ボタン間のスペースを追加 */
    }
    .s_button-container button {
        flex: 1 1 18%; /* ボタンの幅を調整 */
        box-sizing: border-box;
        padding: 10px;
        background-color: #007877; /* ボタンの背景色 */
        color: white; /* ボタンの文字色 */
        border: none; /* ボーダーを削除 */
        border-radius: 8px; /* 角を丸くする */
        cursor: pointer; /* カーソルをポインターに変更 */
        transition: background-color 0.3s; /* ホバー時のアニメーション */
    }
    .s_button-container button:hover {
        background-color: #ffe696; /* ホバー時の背景色 */
        color: black;
    }
    .s_button-container button.gray {
        background-color: #D3D3D3; /* ホバー時の背景色 */
        cursor: default; /* カーソルをデフォルトに設定 */
    }
    .s_button-container button.gray:hover {
        background-color: white; /* ホバー時の背景色 */
    }
    .s_button-container button.active {
        background-color: #ffe696; /* 押されたボタンの背景色 */
        color: black; /* 押されたボタンの文字色 */
    }
    .s_u-content {
        padding: 20px 20px 40px 20px;
        border: 1px solid #ccc;
        border-radius: 20px;
        margin: 20px;
    }
    @media (max-width: 768px) {
        .s_button-container button {
            flex: 1 1 30%; /* タブレットサイズでのボタン幅 */
        }
    }
    @media (max-width: 468px) {
        .s_button-container button {
            flex: 1 1 30%; /* スマホサイズでのボタン幅 */
        }
    }
    a.s_screen {
        color: blue; /* 文字色を青に設定 */
        text-decoration: underline; /* 下線を引く */
    }
 /* =============  多文化共生に関する調査CSSここまで　written by ZaiDan =============  */
/* ============= 多文化共生に関する調査CSSここから　written by Alfasado ============= */
    .s_button-container {
        justify-content: flex-start;
    }

    /** .s_button-container button の内容を .s_button-container a.button にも適応 **/
    .s_button-container a.button {
        flex: 1 1 18%; /* ボタンの幅を調整 */
        box-sizing: border-box;
        padding: 10px;
        background-color: #007877; /* ボタンの背景色 */
        color: white; /* ボタンの文字色 */
        border: none; /* ボーダーを削除 */
        border-radius: 8px; /* 角を丸くする */
        cursor: pointer; /* カーソルをポインターに変更 */
        transition: background-color 0.3s; /* ホバー時のアニメーション */
        text-align: center; /* a.button 用 */
    }
    .s_button-container a.button:hover {
        background-color: #ffe696; /* ホバー時の背景色 */
        color: black;
    }
    .s_button-container a.button.active {
        background-color: #ffe696; /* 押されたボタンの背景色 */
        color: black; /* 押されたボタンの文字色 */
    }
    /** / .s_button-container button の内容を .s_button-container a.button にも適応 **/

    .s_button-container.button_per5 a.button,
    .s_button-container.button_per5 button {
        max-width: calc( 100% / 5 - 40px / 5 ); /* (100% - 40px(間隔) ) / 5列 */
    }
    @media (max-width: 768px) {/* タブレットサイズ、スマホサイズを双方設定 */
        .s_button-container.sp_button_per3 a.button,
        .s_button-container.sp_button_per3 button {
            max-width: calc( 100% / 3 - 20px / 3 ); /* (100% - 20px(間隔) ) / 3列 */
        }
    }
/* ============= 多文化共生に関する調査CSSここまで　written by Alfasado =============  */
/* ============= 団体からのお知らせ CSSここから　written by Alfasado ============= */
    .content__main.add_design h2 {
        margin: 0 0 30px 0;
        padding: 0 0 14px 0;
        font-family: "MFW-UDDigiKyokashoProN-Bold", Microsoft YaHei, sans-serif;
        font-weight: bold;
        font-size: 1.5rem;
        line-height: 1.4583333333;
        border-bottom: 3px solid #007877;
    }
    .content__main.add_design h3 {
        position: relative;
        margin: 0 0 30px 0;
        padding: 0 0 10px 20px;
        color: #007877;
        font-family: "MFW-UDDigiKyokashoProN-Bold", Microsoft YaHei, sans-serif;
        font-weight: bold;
        font-size: 1.375rem;
        line-height: 1.2727272727;
        border-bottom: 2px dotted #8fcabb;
    }
    .content__main.add_design h3::before {
        content: "";
        position: absolute;
        top: calc(50% - 10px);
        left: 0;
        width: 4px;
        height: 4px;
        border: 4px solid #007877;
        border-radius: 2px;
    }
    .content__main.add_design h4 {
        padding: 7px 10px;
        background-color: #ededed;
        font-family: "MFW-UDDigiKyokashoProN-Bold", Microsoft YaHei, sans-serif;
        font-weight: bold;
        font-size: 1.125rem;
        line-height: 1.9444444444;
    }
/* ============= 団体からのお知らせ CSSここまで　written by Alfasado =============  */
/* ============= フォント変更一時対応 ここから　written by Alfasado =============  */
body {
    font-family: "MFW-UDDigiKyokashoProN-Medium", sans-serif;
}
/**
font-family: "MFW-UDDigiKyokashoProN-Medium";
font-family: "MFW-UDDigiKyokashoProN-Bold";
**/
/* ============= フォント変更一時対応 ここまで　written by Alfasado =============  */
/* ============= TIPS-360 やさしい日本語活用事例ページでの「ct_bloon_box」の使用について ここから　written by Alfasado =============  */
.ct_bloon_box .name_type {
    display: inline-block;
    border-left: 4px solid;
    border-bottom: 2px dashed #d8d8d8;
    padding-left: 12px;
    font-size: 100%;
}
.ct_bloon_box .name_type.orange {
    border-left-color: #F1B01B;
}
.ct_bloon_box .name_type.green  {
    border-left-color: #1BC247;
}
.ct_bloon_box .name_type.blue {
    border-left-color: #47A8EC;
}
/** 下記3色は lespace_customize.css の値を参照 **/
.ct_bloon_box .name_type.pink {
    border-left-color: #ff0092;
}
.ct_bloon_box .name_type.yellow {
    border-left-color: #e6a400;
}
.ct_bloon_box .name_type.purple {
    border-left-color: #a775b6;
}
/* ============= TIPS-360 やさしい日本語活用事例ページでの「ct_bloon_box」の使用について ここまで　written by Alfasado =============  */