@charset "utf-8";



.message.text_l{font-size: 18px;}
@media (min-width: 768px){
    .message.text_l{font-size: 24px;}
}

.kaikata { display:flex; flex-wrap:wrap; }
.kaikata li { width:100%; }
.kaikata li img { width:60%; margin:30px 0 40px 40%; }
@media (min-width: 768px){
    .kaikata {align-items: center; margin-bottom:60px; }
    .kaikata li { width:auto; }
    .kaikata li:first-child {flex: 1 1 auto;  min-width: 0;     }
    .kaikata li:last-child {flex: 0 0 30%;   display: flex;justify-content: flex-end;margin-left:50px;}
    .kaikata li:last-child img {width: 100%;height: auto;margin-left: 0;  }
}

.contents.top { padding-top:0; padding-bottom:40px; }
.text_teian { display:block; color:#529535; margin-bottom:80px; }
.message { padding:0; text-align: justify; }
@media (min-width: 768px){
    .contents.top { padding-bottom:initial; }
    .message { padding:0 0 80px 0; text-align:center; }
}

.reform_box { background:#F1F7EF; padding:54px 5% 30px 5%;  position:relative; margin-bottom:80px; }
.reform_box.last { padding-bottom:40px; }
.reform_box .number { content:""; position:absolute; top:-15px; font-size:60px; font-weight:bold; letter-spacing:0.08em; color:#529535; }
.reform_box_photo { width:100%; }
.reform_box_text { width:100%; display:flex; flex-wrap:wrap;  gap:30px; }
.reform_box_text li { width:100%; }
.reform_box_text li p { margin-bottom:30px; display:inline-block; }
.reform_box_text li .text_l { margin-bottom:20px; }
.reform_box_text li img  { width:100%; }
@media (min-width: 768px){
    .reform_box { background:#F1F7EF; padding:54px 5%; margin-bottom:100px;}
    .reform_box  .text_l { margin:10px 0 20px 0;}
    .reform_box_text { gap:initial; justify-content: space-between; margin-bottom:0; }
    .reform_box_text li:nth-child(1) { width:47%; }
    .reform_box_text li:nth-child(1) img { width:100%; }
    .reform_box_text li:nth-child(2) { width:45%; }
    .reform_box_text li:nth-child(2) img { width:100%; }
    .reform_box_text  li p { margin-bottom:20px; }
    .contents_bg_gray.margintop0 .contents { padding-top:120px; }
    
}

/* *========== お役立ち情報 ==========*/ 
.hint_title{color: #529535;font-weight: bold;margin-bottom: 30px;}
.hint_title_e{font-size: 64px;line-height: initial;}
.card_link_row_text {width: 100%;}
.card_link_track{display: none;}
.page_top_img { position: absolute; top:0px; right: 0; transform: scale(28%); transform-origin: right; }
.card_link_row_text .card_link_title { font-size:18px; }
.card_link_row_text .card_link_img { width:60px; height:60px; }
@media (min-width: 768px){
    .hint_wrap{display: flex;flex-direction: row-reverse;justify-content: space-between; padding-bottom:120px; }
    .hint_title {display: flex;gap: 10px;flex-direction: row-reverse;}
    .hint_title_j {writing-mode: vertical-rl;text-orientation: upright;white-space: nowrap;font-size: 24px;}
    .hint_title_e {writing-mode: vertical-rl;text-orientation: sideways;white-space: nowrap;letter-spacing: 0.1em;font-size: 100px;line-height: 70px;}
    .hint_card_link_wrap{width: 70vw;}
    .card_link_row_text {width: 100%;}
    .page_top_img { position: absolute; top: 50px;right: 0;transform: scale(50%);transform-origin: right; }
    .hint_card_link_wrap small { font-size:initial; }
    .card_link_row_text .card_link_img { width:initial; height:initial; }
}
@media (min-width:1212px) {
    .hint_title_e {font-size: min(6vw,100px);}
    .hint_card_link_wrap{width: 1000px;}
    .card_link_row_text {width: calc(calc(100% - 30px) / 2);}
    .card_link_text_area{position: relative;}
    .card_link_track {position: absolute;top: 10px;right: 13vw;width: 150px;display: block;} 
    .card_link_track img{width: 100%;}
    .contents_bg_gray { margin-top:0px;}
}

@media (min-width: 768px){
    .card_link_wrap.part { justify-content: space-between; gap:initial; }
    .card_link_wrap.part .card_link_column_photo { width:24%; margin-bottom:30px; }
    

    
}



.center { width:100%; margin:50px auto 0 auto; display:block; text-align:center; }
.margintop0 { margin-top:0; }
.color_primary { display:inline; }

.title_wrap { width:100%; position:relative; }
.title_wrap .illust_tree { display:none; }
@media (min-width: 768px){
    .title_wrap .illust_tree { width:14%; position:absolute; top:-70px; right:0; display:block;  }
}
.card_link_row_text .card_link_title { flex-wrap:wrap; }

.hint_wrap{  justify-content: flex-start; } 
.card_link_row_text .card_link_title.pc small { width:100%; font-size:16px; display:inline-block; line-height:1.7em;  }
.card_link_title_wrap {display: flex;align-items: flex-start; gap: 16px; align-items:center;}
@media (min-width: 768px){
    .button_text { line-height:initial; }
    .card_link_row_text .card_link_title.pc { flex-wrap:wrap; }
    .card_link_row_text .card_link_img { width:auto; height:110px;}
    .hint_wrap {display: flex;flex-direction: row-reverse; align-items: flex-start;gap: 16px; }
    .card_link_column_photo .card_link_title { font-size:18px; }

}


@media (min-width:768px) and (max-width:1024px) {
    .card_link_column_photo .card_link_title { font-size:16px; }
    .card_link_column_photo .card_link_img { aspect-ratio: 5 / 3;  }
    .card_link_column_photo { gap:8px; }
}