@charset "shift_jis";

/* body.css */
/*
	2025 new design ver.1.0
	レスポンシブ
*/
/* --------------------------------------------------
header　オリジナル修正
-------------------------------------------------- */

.topAPP_1024px {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 5% 0 5%;
}


ul.txt_inner_red {
    width: 100%;
    max-width: 900px;
    height: auto;
	background-color: #E50012;
    border-radius: 10px;
    padding: 0 2% 0 2%;
}


.topAPP_1024px {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 5% 0 5%;
}


.topAPP_1024px_tate {
    width: 100%;
    max-width: 900px;
    display: flex;
	flex-direction: column; /* ← ここを追加（縦並びにする） */
    padding: 0 5% 0 5%;
}

/* --------------------------------------------------
toparea
-------------------------------------------------- */


ul.top_txt_inner {
    width: 100%;
    max-width: 900px;
    height: auto;
    background-color: #ffffff;
    padding: 2% 2% 2% 2%;
    /* padding: 0 0 0 10px; */
    margin: 0 auto 10px auto;
}

ul.redbox_links_innnerU {
    list-style-type: none !important;
    color: #ffffff;
    font-weight: 500;
    font-size: clamp(1.25rem, 1.146rem + 0.55vw, 1.5rem);
}

ul.redbox_txtbox {
    list-style-type: none !important;
    text-align: left;
    color: #ffffff;
    font-weight: 500;
}

ul.redbox_Under {
    list-style-type: none !important;
    color: #ffffff;
    font-weight: 500;
    margin: 0 0 10px 0;
}

ul.redbox_links_innnerU_small {
    list-style-type: none !important;
    color: #ffffff;
    font-weight: 300;
    font-size: clamp(0.875rem, 0.828rem + 0.25vw, 1.125rem); /*14px-18px　300px-1900px */
    margin: 0 0 10px 0;
}

li.box_white_cortion_top {
    text-align: left;
    margin: 0 0 1% 0;
    font-size: clamp(0.938rem, 0.926rem + 0.06vw, 1rem)

}



/* 画像配置 ---------------------------*/

li.top_block02{
    display: flex;
    justify-content: center; /* 横 */
    align-items: center;     /* 縦 */
    width: 100%;
    height: 100%;
    text-align: center;      /* 念のため中央揃え */
    margin-bottom: 20px;
}

li.top_block02 img{
    width: 100%;
	max-width: 350px;
 display: block;   /* 余計な余白を削除 */
}


li.top_block04{
    display: flex;
    justify-content: center; /* 横 */
    align-items: center;     /* 縦 */
    width: 100%;
    height: auto;
    text-align: center;      /* 念のため中央揃え */
    margin-bottom: 20px;
}

li.top_block04 img{
    width: 100%;
    height: auto;
	max-width: 50%;
 display: block;   /* 余計な余白を削除 */
}


li.top_block03{
    display: flex;
    justify-content: center; /* 横 */
    align-items: center;     /* 縦 */
    width: 100%;
    height: 100%;
    text-align: center;      /* 念のため中央揃え */
    margin-bottom: 20px;
}

li.top_block03 img{
    width: 100%;
	max-width: 530px;
	height: auto;
	display: block;   /* 余計な余白を削除 */
}

li.box_red_thema {
    text-align: left;
    margin: 0 0 1% 0;
}

li.box_red_thema {
    text-align: left;
    margin: 0 0 1% 0;
}


.font_red {
    color: #E50012;
}

.font02_red_bold {
    color: #E50012;
    font-weight: 900;
}

.font02_green_bold {
    color: #00A700;
    font-weight: 900;
}

.font_blue_bold {
    color: #0B79C4;
    font-weight: 600;
}

.font_color_bold {
    color: #000000;
    font-weight: 600;
}

.font_color_light {
    color: #000000;
    font-weight: 100;
}




.font_colorwh_bold {
    color: #ffffff;
    font-weight: 800;
}

.font_colorwh_500 {
    color: #ffffff;
    font-weight: 500;
}

.font_colorwh_light {
    color: #ffffff;
    font-weight: 100;
}

li.box_white_thema {
    margin: 0 0 1% 0;
}

li.box_white_thema {
    text-align: left;
    font-size:clamp(1.375rem, 1.25rem + 0.67vw, 1.5rem) ; /*18px-19px 300px-600px */

}

li.box_top_innner {
    text-align: left;
    line-height: 1.6em;
}

li.box_top_innner {
    font-size:clamp(1.125rem, 1.063rem + 0.33vw, 1.188rem); /*18px-19px 300px-600px */
 }



li.box_white_innner02 {
    text-align: left;
    font-size:clamp(1.375rem, 1.25rem + 0.67vw, 1.5rem) ; /*22px-24px 300px-600px */
    line-height: 1.75em;
}

/* top reds back area*/
li.font_size_REDM {
    text-align: left;
   font-size: clamp(1.25rem, 1.107rem + 0.71vw, 1.375rem); /*20px-22px 300px-600px */

}

/* 2nd reds back area*/
li.font_size_REDS {
   font-size: clamp(1rem, 0.929rem + 0.36vw, 1.063rem); /*16px-17px 300px-600px */
line-height: 1.6rem;
}



/* --------------------------------------------------
TOP POINT 004BLOCKS
-------------------------------------------------- */



.TOP_point01 {
    width: 100%;
    max-width: 960px;
    margin: 2% 0% 2% 0%;
    padding: 3% 3% 3% 3%;
    border-radius: 10px;
    display: flex;
     flex-direction: column; /*縦並び */
    /*flex-direction: row; /* 横並び */
    background-color: rgb(255, 255, 255);
    align-items: center;
    justify-content: space-between;
}

.TOP_point02 {
    width: 100%;
    max-width: 960px;
    /* max-width: 960px; */
    /* text-align: center; */
    /* justify-content: center; */
    margin: 2% 0% 2% 0%;
    padding: 3% 3% 3% 3%;
    border-radius: 10px;
    display: flex;
    background-color: rgb(255, 255, 255);
    justify-content: space-between;
    flex-direction: column; /* 縦並び; */
    /*flex-direction: row;  横並び */
    align-items: center;
    justify-content: space-between;
}


.TOP_point01 li.topix_title,
.TOP_point02 li.topix_title,
.flow03 li.topix_title,
.flow04 li.topix_title,
.flow_7days li.topix_title {
    margin: 0% 0 0% 0;
    display: block;
    height: 40px;
}

/* TOP POINT 004BLOCKS内の配列 */

.LR_container {
    display: flex;  /* 横並びにする */
    justify-content: space-around; /* 両均等に配置 */
    align-items: flex-start; /* 上揃え（中央揃えなら center） */
    width: 100%; /* 親要素いっぱいに広げる */
}


ul.L, ul.R,
ul.L_01, ul.R_01,
ul.L_02, ul.R_02,
ul.L_03, ul.R_03 {
    list-style: none; /* `●` を消す（必要なら） */
    padding: 0;
    margin: 0;
}


ul.R_02,ul.R_03 {
text-align: left;
    line-height: 1.75em;

}

ul.R,
ul.R_01 {
     display: flex;           /* フレックスボックスを適用 */
    justify-content: center; /* 水平方向の中央揃え */
    /* align-items: center; */    /* 垂直方向の中央揃え */
    width: 30%;              /* 適宜調整（Lとのバランス次第） */
    height: auto;            /* 高さをコンテンツに合わせる */
    min-height: 200px;       /* 画像が小さいときも高さを確保 */
}

ul.R img {
    max-width: 100%;
    height: auto;
    display: block;   /* 余計な余白を削除 */
}

ul.R_03 {
    width: 100%;
}

ul.L {
    width: 65%;
}

ul.L_01 {
    width: 100%;
}

ul.L_02 {
    width: 100%;
}

ul.L_03 {
    width: 100%;
}

ul.L li,
ul.L_01 li,
ul.L_02 li,
ul.L_03 li {
text-align: left;
}



.bottom {
    width: 100%; /* 横幅いっぱいに */
    align-items: center;
}

/* block cortion topix */

ul.topix_cortion00 {
  margin: 0;
    font-size:clamp(1.063rem, 1rem + 0.33vw, 1.125rem); /*17px-18px 300px-600px */
   letter-spacing: 0px;
}


ul.topix_cortion00 {
    margin: 0;
    font-size: clamp(1.063rem, 1rem + 0.33vw, 1.125rem);
    letter-spacing: 0px;
    display: block;/*左寄せの為の追加 */
    width: 100%;/*左寄せの為の追加 */
    text-align: left;/*左寄せの為の追加 */
}


ul.topix_cortion00 {
  list-style-type: none;
}
ul.topix_cortion00 > li {
  text-indent: 0px;
}
ul.topix_cortion00 > li:before {
  content: "※";
  text-indent: -5px;
  color:black;
}

ul.topix_cortion00 li.cortion_left{
text-align: left;
}
/* --------------------------------------------------
TOP topix 002BLOCKS
-------------------------------------------------- */

.TOP_002blocks {
    width: 100%;
    max-width: 960px;
    /* max-width: 960px; */
    /* text-align: center; */
    /* justify-content: center; */
    margin: 0% 0% 2% 0%;
    padding: 3% 3% 3% 3%;
    display: flex;
    background-color: rgb(255, 255, 255);
    justify-content: space-between;
     flex-direction: column; /*縦並び; */
    /* flex-direction: row;  横並び */
    align-items: center;
    justify-content: space-between;
}

.TopApp_1024px_tate{
  width: 100%;
  max-width: 900px;
  display: flex;
  flex-direction: column;/* 要素間の余白を均等に配置 */
  padding :0 5% 0 5%;
}


.LR_container_UD {
    display: flex;  /* 横並びにする */
    justify-content: space-around; /* 両均等に配置 */
    align-items: flex-start; /* 上揃え（中央揃えなら center） */
    width: 100%; /* 親要素いっぱいに広げる */
}


li.box_yellow_topic {
    background-color: #FFFFE7;
    padding: 2% 2% 2% 4%;
    margin: 0 0 2% 0 !important;
}

li.box_blue_topic {
    background-color: #0B79C4;
    padding: 2% 2% 2% 2%;
    margin: 2% 0 2% 0 !important;
    color: #ffff;
    font-size:clamp(1.25rem, 1.107rem + 0.71vw, 1.375rem); /* size 24px-26px 320px-600px */
    font-weight: 500;           /* 文字を太字に */

}


h4.box_blue_thema {
    color: #0B79C4;
    font-size: clamp(2.063rem, 2rem + 0.33vw, 2.188rem);
    font-weight: 300;
    text-align: left;
    padding: 0;
    align-items: center;
    font-family: "RoundedMgenplus-medium", sans-serif;
    display: flex;
    float: left;
    align-items: center;
    line-height: 1;
}
/* --------------------------------------------------
テストです
-------------------------------------------------- */
/* `LR_container` を伸縮可能にして、左右の高さを統一 */
.LR_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch; /* 高さを均等に */
    width: 100%;

}

/* 左側（テキストエリア）の高さを自動調整 */
ul.L {
    width: 65%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
}

/* 右側（画像エリア）の高さも統一 */
ul.R {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    text-align: center;  /* 念のため中央揃え */
}

/* 画像の最大サイズを調整 + 確実に中央配置 */
ul.R img {
    max-width: 60%;
    height: auto;
    display: block;
    margin: auto; /* 画像を中央寄せ */
}

/* `bottom` の有無に関わらず高さを統一 */
.TOP_point01, .TOP_point02 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
}

/* スマホ版（600px以下）は縦並び */

    .LR_container {
        flex-direction: column;
    }
    ul.L, ul.R {
        width: 100%;
    }


/* --------------------------------------------------
TOP_block_btn
-------------------------------------------------- */

.btnW{
width: 100%;
}

a.TOP_btn {
    margin: 0 auto;
    display: flex;
    align-items: center;     /* 縦方向の中央揃え */
    justify-content: space-between; /* 左右に余白をつけて中央に配置 */
    text-decoration: none;
    color: #170D00;
    font-size: clamp(2.125rem, 2.069rem + 0.1vw, 2.188rem); /* 34px-35px 900px-1900px */
    border-radius: 10px;
    width: 100%;
    max-width: 458px;
     height: 75px; /*OR83pxOR83px */
    font-weight: 500;
    border: 1px solid #f4c030;
    transition: 0.3s;
    padding: 0 15px;
          background-image: linear-gradient(0deg, #FFF700 13%, #ffd539c9 92% 93%);
	font-family: '源柔ゴシックL','GenJyuuGothicL','GenJyuuGothicLP','GenJyuuGothicLMonospace',"RoundedMgenplus-medium", "sans-serif",'Source Han Sans', Meiryo, メイリオ, Osaka,arial, helvetica, sans-serif;
}


.TOP_btn {
    margin: 0 auto;
    display: flex;
    align-items: center;     /* 縦方向の中央揃え */
    justify-content: space-between; /* 左右に余白をつけて中央に配置 */
    text-decoration: none;
    color: #170D00;
    font-size: clamp(2.125rem, 2.069rem + 0.1vw, 2.188rem); /* 34px-35px 900px-1900px */
    border-radius: 10px;
    width: 100%;
    max-width: 458px;
     height: 75px; /*OR83pxOR83px */
    font-weight: 100;
    border: 1px solid #f4c030;
    transition: 0.3s;
    padding: 0 15px;
          background-image: linear-gradient(0deg, #FFF700 13%, #ffd539c9 92% 93%);
	font-family: '源柔ゴシックL','GenJyuuGothicL','GenJyuuGothicLP','GenJyuuGothicLMonospace',"RoundedMgenplus-medium", "sans-serif",'Source Han Sans', Meiryo, メイリオ, Osaka,arial, helvetica, sans-serif;
}

/* ボタン内のテキストを左寄せ */
.TOP_btn span {
    display: inline-block;
    text-align: center;  /* 中央寄せにする */
    flex-grow: 1;  /* 幅全体を使わせる */
        width: 100%;
}


/* 矢印（＞）のスタイル */
.TOP_btn::after {
    content: "＞"; /* 矢印を追加 */
    padding-left: 5px; /* テキストと矢印の間にスペースを追加 */
    text-align: right; /* 矢印を右寄せに */
}

/* ボタンを中央に配置 */
.TOP_btn_container {
    display: flex;
    justify-content: center; /* ? 横方向の中央寄せ */
    align-items: center; /* ? 縦方向の中央寄せ（必要なら） */
    width: 100%;
    margin: 20px 0; /* ? 適度な余白 */
}




.TOP_btn a {
        color: #170D00;
          text-decoration:none;
}

/* ボタンがホバーされたときのスタイル */
.TOP_btn:hover {
    opacity: 0.7;
}

.TOP_btn a:hover {
  opacity: 0.6;
          color: #170D00;
  text-decoration:none;
}

/* --------------------------------------------------
box_line_gr 線
-------------------------------------------------- */
li.box_line_gr {
    display: flex;
    width: 99%;
   height: 0px;
    margin: 3% auto !important;
    border-bottom:solid 1px  #B3B3B3 ; /* K=30 */
}

/* --------------------------------------------------
-----------------------------------------------------
window size 600-
-----------------------------------------------------
-------------------------------------------------- */
@media screen and (min-width:600px){






/* TOP POINT 004BLOCKS内の配列 */

.LR_container {
    display: flex;  /* 横並びにする */
    justify-content: space-around; /* 両均等に配置 */
    align-items: flex-start; /* 上揃え（中央揃えなら center） */
    width: 100%; /* 親要素いっぱいに広げる */
}




ul.L, ul.R {
    list-style: none; /* `●` を消す（必要なら） */
    padding: 0;
    margin: 0;
}

ul.R {
     display: flex;           /* フレックスボックスを適用 */
    justify-content: center; /* 水平方向の中央揃え */
    align-items: center;     /* 垂直方向の中央揃え */
    width: 30%;              /* 適宜調整（Lとのバランス次第） */
    height: auto;            /* 高さをコンテンツに合わせる */
    min-height: 200px;       /* 画像が小さいときも高さを確保 */
}

ul.R img {
    max-width: 100%;
    height: auto;
    display: block;   /* 余計な余白を削除 */
}

ul.L {
    width: 65%;
}

ul.L li {
text-align: left;
}

.bottom {
    width: 100%; /* 横幅いっぱいに */
    align-items: center;
}



li.box_blue_topic {
    background-color: #0B79C4;
    padding: 2% 2% 2% 2%;
    margin: 2% 0 2% 0 !important;
    color: #ffff;
    font-size:clamp(1.5rem, 1.25rem + 0.67vw, 1.625rem); /* size 24px-26px 320px-600px */
    font-weight: 500;           /* 文字を太字に */

}

/* --------------------------------------------------
テストです
-------------------------------------------------- */
/* `LR_container` を伸縮可能にして、左右の高さを統一 */
.LR_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch; /* 高さを均等に */
    width: 100%;
}

/* 左側（テキストエリア）の高さを自動調整 */
ul.L {
    width: 65%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
}

/* 右側（画像エリア）の高さも統一 */
ul.R {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    text-align: center;  /* 念のため中央揃え */
}

/* 画像の最大サイズを調整 + 確実に中央配置 */
ul.R img {
    max-width: 40%;
    height: auto;
    display: block;
    margin: auto; /* 画像を中央寄せ */
}

/* `bottom` の有無に関わらず高さを統一 */
.TOP_point01, .TOP_point02 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
}

/* スマホ版（600px以下）は縦並び */

    .LR_container {
        flex-direction: column;
    }
    ul.L, ul.R {
        width: 100%;
    }


/* --------------------------------------------------
TOP_block_btn
-------------------------------------------------- */

.btnW{
width: 100%;
}

a.TOP_btn {
    margin: 0 auto;
    display: flex;
    align-items: center;     /* 縦方向の中央揃え */
    justify-content: space-between; /* 左右に余白をつけて中央に配置 */
    text-decoration: none;
    color: #170D00;
    font-size: clamp(2.125rem, 2.069rem + 0.1vw, 2.188rem); /* 34px-35px 900px-1900px */
    border-radius: 10px;
    width: 100%;
    max-width: 458px;
     height: 75px; /*OR83pxOR83px */
    font-weight: 500;
    border: 1px solid #f4c030;
    transition: 0.3s;
    padding: 0 15px;
          background-image: linear-gradient(0deg, #FFF700 13%, #ffd539c9 92% 93%);
	font-family: '源柔ゴシックL','GenJyuuGothicL','GenJyuuGothicLP','GenJyuuGothicLMonospace',"RoundedMgenplus-medium", "sans-serif",'Source Han Sans', Meiryo, メイリオ, Osaka,arial, helvetica, sans-serif;
}


.TOP_btn {
    display: flex;
    align-items: center;     /* 縦方向の中央揃え */
    justify-content: space-between; /* 左右に余白をつけて中央に配置 */
    text-decoration: none;
    color: #170D00;
    font-size: clamp(1.438rem, 1.375rem + 0.33vw, 1.5rem);
    border-radius: 10px;
    width: 100%;
    max-width: 350px;
    height: 55px;
    font-weight: bold;
    border: 1px solid #f4c030;
    transition: 0.3s;
    padding: 0 15px;
          background-image: linear-gradient(0deg, #FFF700 13%, #ffd539c9 92% 93%);

}

/* ボタン内のテキストを左寄せ */
.TOP_btn span {
    display: inline-block;
    text-align: center;  /* 中寄せにする */
    flex-grow: 1;  /* 幅全体を使わせる */
        width: 100%;
}


/* 矢印（＞）のスタイル */
.TOP_btn::after {
    content: "＞"; /* 矢印を追加 */
    padding-left: 5px; /* テキストと矢印の間にスペースを追加 */
    text-align: right; /* 矢印を右寄せに */
}

/* ボタンを中央に配置 */
.TOP_btn_container {
    display: flex;
    justify-content: center; /* ? 横方向の中央寄せ */
    align-items: center; /* ? 縦方向の中央寄せ（必要なら） */
    width: 100%;
    margin: 20px 0; /* ? 適度な余白 */
}




.TOP_btn a {
        color: #170D00;
          text-decoration:none;
}

/* ボタンがホバーされたときのスタイル */
.TOP_btn:hover {
    opacity: 0.7;
}

.TOP_btn a:hover {
  opacity: 0.6;
          color: #170D00;
  text-decoration:none;
}


/* ---------------@ MEdia END ------------- */
}/* ---------------　DOnt　erase --- */
/* --------------　@ MEdia END ------------- */

/* --------------------------------------------------
-----------------------------------------------------
window size 900-
-----------------------------------------------------
-------------------------------------------------- */
@media screen and (min-width:900px){

/* TOP RED_back wh_TXT */

li.font_size_REDM {
    text-align: left;
   font-size: clamp(1.563rem, 1.506rem + 0.1vw, 1.625rem); /*25  px- 26 px 900px-1900px */
}



.topAPP_1024px_tate {
    width: 100%;
    max-width: 900px;
    display: flex;
	flex-direction: column; /* ← ここを追加（縦並びにする） */
    padding: 2% 0% 0 0%;
}

/* 4Block_Block_Topic　1-2、3-4の横幅*/
.topAPP_1024px {
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
        padding: 0 0% 0 0%;
}

.TOP_point01 {
    width: 48%;
    max-width: 960px;
    /* max-width: 960px; */
    /* text-align: center; */
    /* justify-content: center; */
    margin: 2% 0% 2% 0%;
padding: 1.5%;
    border-radius: 10px;
    display: flex;
    flex-direction: column; /* 縦並び; */
    /*flex-direction: row;  横並び */
    background-color: rgb(255, 255, 255);
    align-items: center;
    justify-content: space-between;
}



.TOP_point02 {
    width: 48%;
    max-width: 960px;
    margin: 2% 0% 2% 0%;
padding: 2%;
    border-radius: 10px;
    display: flex;
    background-color: rgb(255, 255, 255);
    justify-content: flex-start;
        flex-direction: column; /* 縦並び; */
    align-items: center;
}


/* TOP POINT 004BLOCKS内の配列 */



.LR_container {
    /*display: flex;   横並びにする */
    justify-content: space-around; /* 両均等に配置 */
    align-items: flex-start; /* 上揃え（中央揃えなら center） */
    width: 100%; /* 親要素いっぱいに広げる */
}



ul.L, ul.R {
    list-style: none; /* `●` を消す（必要なら） */
    padding: 0;
    margin: 0;
}

ul.R {
     display: flex;           /* フレックスボックスを適用 */
    justify-content: center; /* 水平方向の中央揃え */
    align-items: center;     /* 垂直方向の中央揃え */
    width: 30%;              /* 適宜調整（Lとのバランス次第） */
    height: auto;            /* 高さをコンテンツに合わせる */
    min-height: 200px;       /* 画像が小さいときも高さを確保 */
}

ul.R img {
    max-width: 100%;
    height: auto;
    display: block;   /* 余計な余白を削除 */
}

ul.R_03 {
    width: 105%;
}

ul.L {
    width: 65%;
}

ul.L li {
text-align: left;
}


ul.L {
    width: 65%;
}

ul.L_01 {
    width: 100%;
}

ul.L_02 {
    width: 55%;
}

ul.L li,
ul.L_01 li,
ul.L_02 li {
text-align: left;
}


.bottom {
    width: 100%; /* 横幅いっぱいに */
    align-items: center;
}

li.box_blue_topic {
    background-color: #0B79C4;
    padding: 1%;
    margin: 0% 0 0% 0 !important;
    color: #ffff;
    font-size:clamp(1.5rem, 1.387rem + 0.2vw, 1.625rem); /* size 26x-28px 900px-1900px */
    font-weight: 500;           /* 文字を太字に */

}
/* block cortion topix */

ul.topix_cortion00 {
  margin: 0;
   font-size: clamp(1.125rem, 1.069rem + 0.1vw, 1.188rem); /*18-19 900-1900 */
   letter-spacing: 0px;
   text-align: left;
}



ul.topix_cortion00 {
  list-style-type: none;
}
ul.topix_cortion00 > li {
  text-indent: 0px;
}
ul.topix_cortion00 > li:before {
  content: "※";
  text-indent: -5px;
}

/* --------------------------------------------------
TOP topix 002BLOCKS
-------------------------------------------------- */

.TOP_002blocks {
    width: 100%;
    max-width: 960px;
    /* max-width: 960px; */
    /* text-align: center; */
    /* justify-content: center; */
    margin: 0% 0% 2% 0%;
    padding: 2%;
    display: flex;
    background-color: rgb(255, 255, 255);
    justify-content: space-between;
    /* flex-direction: column; 縦並び; */
    flex-direction: row; /*  横並び */
    align-items: center;
    justify-content: space-between;
}

.TopApp_1024px_tate{
  width: 100%;
  max-width: 900px;
  display: flex;
  flex-direction: column;/* 要素間の余白を均等に配置 */
  padding :0 0% 0 0%;
}


.LR_container_UD {
    display: flex;  /* 横並びにする */
    justify-content: space-around; /* 両均等に配置 */
    align-items: flex-start; /* 上揃え（中央揃えなら center） */
    width: 100%; /* 親要素いっぱいに広げる */
    max-width: 900px;
}



/* --------------------------------------------------
/* TOPIX002 TATE AREA
-------------------------------------------------- */

/* `TOP_point01` 全体の高さを統一 */
.TOP_point01 {
    width: 48%;
    max-width: 960px;
    margin: 2% 0% 2% 0%;
    padding: 2%;
    border-radius: 10px;
    display: flex;
    background-color: rgb(255, 255, 255);
    justify-content: flex-start;  /* 上詰めにして隙間を無くす */
    flex-direction: column;
    align-items: center;
    height: auto;  /* 高さを可変に */
}

/* `LR_container` の設定（横並びにする） */
.LR_container {
    display: flex;
    flex-direction: row; /* 横並び */
    justify-content: space-between;
    align-items: flex-start; /* 上詰めに配置 */
    width: 100%; /* 親要素の幅を100%に */
    height: auto; /* 内容に合わせて高さを調整 */
}

/* `LR_container` 内の要素間に隙間ができないように調整 */
.LR_container > ul {
    margin: 0;  /* ul要素間の余白を無くす */
}


/* 左側（テキストエリア）を上詰め */
ul.L {
    width: 75%; /* 左側は65%の幅 */
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* 上詰め */
    min-height: 0; /* 高さを柔軟に調整 */
}

/* 右側（画像エリア）を上詰め */
ul.R {
    width: 25%; /* 右側は30%の幅 */
    display: flex;
    align-items: flex-start; /* 上詰め */
    justify-content: center;
    min-height: 0; /* 高さを柔軟に調整 */
    text-align: center;
}

/* 画像の最大サイズを調整 + 確実に中央配置 */
ul.R img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}


/* `bottom` クラスの間隔を調整 */
ul.bottom_txt {
    width: 100%;
    margin-bottom: 10px;  /* 上部の間隔を無くす */
    padding: 0;
}

/* `bottom` クラスの間隔を調整 */
ul.bottom {
    width: 100%;
    margin-top: 0px;  /* 上部の間隔を無くす */
    padding: 0;
}

/* タイトルの高さも `LR_container` と揃える */
h4.topix_title {
    /* flex-grow: 1; */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
}




/* 01 Text BOX 高さ調整のため */
.box_adjust {
    margin-bottom: 15%;

}

/* --------------------------------------------------
TOP_block_btn
-------------------------------------------------- */

.btnW{
width: 100%;
}

a.TOP_btn {

    margin: 0 auto;
    display: flex;
    align-items: center;     /* 縦方向の中央揃え */
    justify-content: space-between; /* 左右に余白をつけて中央に配置 */
    text-decoration: none;
    color: #170D00;
    font-size: clamp(2.125rem, 2.069rem + 0.1vw, 2.188rem); /* 34px-35px 900px-1900px */
    border-radius: 10px;
    width: 100%;
    max-width: 458px;
     height: 75px; /*OR83pxOR83px */
    font-weight: 500;
    border: 1px solid #f4c030;
    transition: 0.3s;
        padding: 0 5px 0 0px;
    letter-spacing: -0.00em;
          background-image: linear-gradient(0deg, #FFF700 13%, #ffd539c9 92% 93%);
	font-family: '源柔ゴシックL','GenJyuuGothicL','GenJyuuGothicLP','GenJyuuGothicLMonospace',"RoundedMgenplus-medium", "sans-serif",'Source Han Sans', Meiryo, メイリオ, Osaka,arial, helvetica, sans-serif;
}


.TOP_btn {
    margin: 0 auto;
    display: flex;
    align-items: center;     /* 縦方向の中央揃え */
    justify-content: space-between; /* 左右に余白をつけて中央に配置 */
    text-decoration: none;
    color: #170D00;
    font-size: clamp(2.125rem, 2.069rem + 0.1vw, 2.188rem); /* 34px-35px 900px-1900px */
    border-radius: 10px;
    width: 100%;
    max-width: 458px;
     height: 75px; /*OR83pxOR83px */
    font-weight: 100;
    border: 1px solid #f4c030;
    transition: 0.3s;
    padding: 0 15px;
          background-image: linear-gradient(0deg, #FFF700 13%, #ffd539c9 92% 93%);
	font-family: '源柔ゴシックL','GenJyuuGothicL','GenJyuuGothicLP','GenJyuuGothicLMonospace',"RoundedMgenplus-medium", "sans-serif",'Source Han Sans', Meiryo, メイリオ, Osaka,arial, helvetica, sans-serif;
}

/* ボタン内のテキストを左寄せ */
.TOP_btn span {
    display: inline-block;
    text-align: center;  /* 中寄せにする */
    flex-grow: 1;  /* 幅全体を使わせる */
        width: 100%;
}


/* 矢印（＞）のスタイル */
.TOP_btn::after {
    content: "＞"; /* 矢印を追加 */
    padding-left: 5px; /* テキストと矢印の間にスペースを追加 */
    text-align: right; /* 矢印を右寄せに */
    font-size: 1.5rem; /* 矢印のサイズを変更 */
}

/* ボタンを中央に配置 */
.TOP_btn_container {
    display: flex;
    justify-content: center; /* ? 横方向の中央寄せ */
    align-items: center; /* ? 縦方向の中央寄せ（必要なら） */
    width: 100%;
    margin: 20px 0; /* ? 適度な余白 */
}

.TOP_btn_container_02 {
    display: flex;
    justify-content: center; /* ? 横方向の中央寄せ */
    align-items: center; /* ? 縦方向の中央寄せ（必要なら） */
    width: 100%;
    padding-left: 10px;
    margin: 20px 0; /* ? 適度な余白 */
}



.TOP_btn a {
        color: #170D00;
          text-decoration:none;
}

/* ボタンがホバーされたときのスタイル */
.TOP_btn:hover {
    opacity: 0.7;
}

.TOP_btn a:hover {
  opacity: 0.6;
          color: #170D00;
  text-decoration:none;
}


/* 画像配置 ---------------------------*/

li.top_block02{
    display: flex;
    justify-content: center; /* 横 */
    align-items: center;     /* 縦 */
    width: 100%;
    height: 100%;
    text-align: center;      /* 念のため中央揃え */
    margin-bottom: 0px;
}

li.top_block02 img{
    width: 100%;
	max-width: 400px;
 display: block;   /* 余計な余白を削除 */
}

li.top_block04{
    display: flex;
    justify-content: center; /* 横 */
    align-items: center;     /* 縦 */
    width: 100%;
    height: auto;
    text-align: center;      /* 念のため中央揃え */
    margin: 10% auto 10% auto;
}

li.top_block04 img{
    width: 100%;
    height: auto;
	max-width: 300px;
 display: block;   /* 余計な余白を削除 */
}

li.top_block03{
    display: flex;
    justify-content: center; /* 横 */
    align-items: center;     /* 縦 */
    width: 100%;
    height: 100%;
    text-align: center;      /* 念のため中央揃え */
    margin-bottom: 20px;
}

li.top_block03 img{
    width: 100%;
        max-width: 530px;
	height: auto;
	display: block;   /* 余計な余白を削除 */
}

/* 文章配置 ---------------------------*/
    .R_02 li.box_links_innnerU {
        display: flex;           /* フレックスボックス適用 */
        flex-direction: column;  /* 子要素を縦並び */
        justify-content: center; /* 縦方向の中央揃え */
        align-items: center;     /* 水平方向の中央揃え */
        height: 100%;            /* 親要素をいっぱいにする */
    }

        .R_02 .box_white_innner {
        width: 100%;         /* 幅を揃える */
        text-align: left;  /* テキストを中央寄せ */
        margin:5% 0; /* 適度な間隔 */
    }


    li.box_white_thema {
    text-align: left;
    font-size:clamp(1.625rem, 1.512rem + 0.2vw, 1.75rem) ; /*26px-28px 900px-1900px */

}

    li.box_white_innner {
    text-align: left;
    font-size:clamp(1.563rem, 1.506rem + 0.1vw, 1.625rem); /*25px-26px 900px-1900px */
    line-height: 1.75em;
}

    li.box_white_innner02 {
    text-align: left;
    font-size:clamp(1.563rem, 1.506rem + 0.1vw, 1.625rem); /*25px-26px 900px-1900px */
        line-height: 1.75em;
}

/* 最後のブロック青文字 */
    .kaigyou {
        white-space: pre-line; /* 改行を適用 */
    }

/* ---------------@ MEdia END ------------- */
}/* ---------------　DOnt　erase --- */
/* --------------　@ MEdia END ------------- */


/* EOF */