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

@media screen and (max-width: 768px) {
  #contents,
  #wrap {
    overflow-x: hidden !important; 
  }
}

/* フォント */
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';
}

.text-grn {
color: #179a4e;
font-weight: bolder;
}

.text-org {
color: #e2a037;
font-weight: bolder;
}

.text-red {
color: #c03043;
font-weight: bolder;
}

/* カラー背景 */
.txt-colorback {
  background-color: transparent;
  padding: 0;
}

#contents {
 background: #f8f7f4;
}

#wrap{
 background: #f8f7f4;
}

#menu::before,
#rmenu::before {
  background-color: var(--clr-menu-bg, var(--clr-base,#f8f7f4));
}

/*スマホ版のハンバーガーメニュー非表示*/
#spmenu-btn{
display: none;
}
@media screen and (max-width: 768px) {
 #logo h1 img {
 max-width: 40px;
    }
}

/*ロゴ部分*/
#logo a img:hover {
opacity: 0.7;
}

/* ヘッダー調整*/
#header {
 background-color: #88ba68; 
 backdrop-filter: blur(8px); 
 color: #342712;
}

.logotext {
 color: #342712;
}

h1 {
 color: #342712;
}

h2:not([class*="topic"]) {
 color: #179a4e;
 background-color: transparent;
 border-bottom: 0.125em dotted var(--clr-main, #f7c371);
 margin-top: 1.5em;
 padding-bottom: 0.6em;
}

/*ボタン*/
.btn-auto > a {
padding: 15px 3rem !important;
font-size: 16px;
}

@media screen and (max-width: 768px) {
.btn-auto > a {
font-size: 14px;
}
}

div[class^="btn"] {
margin: 4% auto;
}

div[class^='btn'].cyan {
background-color: #88ba68;
}

/* 見出し本体の修正 */
h3:not([class*="topic"]) {
 color: #342712;
 border-bottom: none;
  position: absolute; 
  top: 50%; 
  left: 0;  
  right: 0;  
  display: block;   
  width: 100%;  
  
  color: var(--clr-articletitle-txt, #342712);
  padding: 0 40% 0 3em; 
  
  z-index: 2;
  margin: 0; 
  transform: translateY(-50%); 
}

h3:not([class*="topic"]) p img {
  display: block;
  width: 100%; 
  margin: 0 auto;
  position: relative;
  z-index: 1;
  margin-top: 0; 
}

@media screen and (max-width: 768px) {
  h3:not([class*="topic"]) {
    width: 87%;
    font-size: 1.8rem;
    padding: 0 20% 0 0.6em; 
    transform: translateY(-50%);
  }
}

h4:not([class*="topic"]) {
color: #342712;
  border-left: 0.18181em solid var(--clr-main, #179a4e);
  padding-left: 0.6em;
}
/* イラストアイコン*/
.txt-img img.image-right,img.image-right,img.fr-fic.fr-dii.fr-fir{
width: 100px;
margin:0 0 1% 1.6%;
float: right;
}

.txt-img img.image-left, img.image-left, img.fr-fic.fr-dii.fr-fil {
margin: 1% 1.6% 0 1%;
}

/* 注意マーク*/
.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%);
}

/* リスト*/
.mansion-hoken-box li{
  list-style: disc !important;
}

.mansion-hoken-box-org li{
  list-style: disc !important;
}

ul[id], ul[class],
ol[id], ol[class] {
  list-style: none !important;
  padding: 20px 30px 20px 40px;
}

.mansion-hoken-box {
  border: 3px solid #179a4e;
  border-radius: 12px;
  background-color: #fff;
}
.mansion-hoken-box-org {
 border: 3px solid #f7c371;
  border-radius: 12px;
  background-color: #fff;
}

.compensation-box {
  padding: 10px 0 0 20px !important;
  line-height: 2;
}

.compensation-box li{
list-style: disc;
}

.mansion-hoken-box li {
  margin-bottom: 0.7px;
}

.rnd1 {
padding: 20px;
margin: 0 auto 0 auto;
}

@media screen and (max-width: 768px) {
 .rnd1 {
line-height: 2rem;
}
}

.rbox1 {
background-color: #fff;
border: none;
}

.rbox2{
flex: 1;
background-color:#FFF;
border:3px solid #179a4e;
}

.rbox3{
line-height: 2.6rem;
flex: 1;
background-color:#FFF;
border:3px solid #f7c371;
}

@media (max-width: 768px) {
　.rbox3{
　line-height: 2.6rem !important;
　}
    }

.container {
    display: flex; 
    gap: 10px; 
  
}

@media (max-width: 768px) {
    .container {
    flex-direction: column;
    gap: 0; 
    }
    
    .rnd1.rbox2 {
  flex: none; 
  width: 100%;
  margin-bottom: 15px; 
    }
}

.url-box {
padding: 0 3rem;
font-size: 13px;
text-align: right;
}

@media screen and (max-width: 768px) {
.url-box {
width: 100%;
padding: 0 1rem 0 10rem !important;
font-size: 10px;
line-height: 14px;
overflow-wrap: break-word;
word-break: break-all;
}
  }

/* テーブル*/
.table-wrap {
	overflow-x: visible;
}

@media screen and (max-width: 768px) {
  .table-wrap {
    overflow-x: scroll; 
    width: 100%; 
    -webkit-overflow-scrolling: touch;
  }
  
  .table-wrap table {
    min-width: 500px; 
  }
}

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);
}

.no-indent-list table,
.no-indent-list table tr,
.no-indent-list table td,
.no-indent-list table th {
min-width: 70px;
font-size: 16px;
background-color: transparent !important;
border: none !important; 
}

@media screen and (max-width: 750px) {
 .no-indent-list table,
.no-indent-list table tr,
.no-indent-list table td,
.no-indent-list table th {
font-size: 14px;
}
  }
  
  .no-indent-list table th {
    vertical-align: top !important;
    padding: 0 0 5px 0;
}

.no-indent-list table td {
    vertical-align: top !important;
    padding: 0 0 5px 0;
}



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

#footer .inner > *:nth-last-child(2) {
    margin-bottom:0;
}

#footer .inner {
    gap: 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;
        list-style: none;
    }
}

ul[id], ul[class], ol[id], ol[class]i {
    list-style: none !important;
}

.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;
}

#footer {
 background-color: #88ba68; 
 color: #342712;	
}
.footer-menu_ul {
 font-weight: bold;
}

#whatsnew .title {
 color: var(--clr-menutitle-txt, var(--clr-main, #342712));	
}

.whatsnew-txt a {
 color: #342712;
}

.menubox > .title, #pickupentry > .title, .newentry-title, #menu .space-box > .title, #rmenu .space-box > .title {
 color: var(--clr-menutitle-txt, var(--clr-main, #342712));	
 border-bottom: 4px solid var(--clr-main, #88ba68);
}

.menubox {
 color: #342712;
}

ul:not([id]):not([class]) li::before {
  background-color: #88ba68;
}

#copy {
padding: 1em;
}

#copy::after {
background: transparent;
}