/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 07 2024 | 01:00:52 */
/*------------------------------------------------------------
目次
--------------------------------------------------------------*/
.toc{
   position: relative;
}
.toc-title {
   position: relative;
   font-size: 20px;
   font-weight: bold;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 40px 0 5px!important;
   text-align: left;
   min-width: 100%;
}
.toc-title::after {
   content: '';
   width: calc(100% - 65px);
   height: 1.5px;
   background-color: #bdc2d2;
   margin-left: 23px;
}
.toc::after {
    content: '';
    position: absolute;
    width: 100%;
    height: .5px;
    bottom: 0;
    left: 0;
    background-color: #bdc2d2;
}
.toc-container a{
	color: rgb(41 50 62);
   font-size:1rem;
}
.toc-container ol li {
  position:relative;
  counter-increment : FirstNode;
  line-height: 2.2em;
  padding-left: 1.5ch!important;
}
.toc-container li li {
  counter-increment : SecondNode;
}
.toc-container li:nth-child( -n + 9)::before {
	color: rgb(159 169 200);
    content: counter(FirstNode);
    position: absolute;
    left: -6px;
    font-size: 1.1em;
}
.toc-container li:nth-child( n + 10)::before{
   color: rgb(159 169 200);
   content : counter(FirstNode);
   position: absolute;
   left: -14px;
   font-size:1.1em;
}
.toc-container li:nth-child( n + 10) li:nth-child( -n + 9)::before{
   left: -35px!important;
}
.toc-container li li:nth-child( -n + 9)::before {
  content : counter(FirstNode) '. ' counter(SecondNode);
  position: absolute;
  left: -25px;
}
.toc-container li li:nth-child( n + 10)::before {
   content : counter(FirstNode) '. ' counter(SecondNode);
   position: absolute;
   left: -34px;
 }
.toc-container li:nth-child( n + 10) li:nth-child( n + 10)::before {
left: -45px;
} 
.toc-container {
  margin: 0 10px 30px 10px;
  padding: 0 36px 28px 17px;
}
.toc-container ol {
   list-style-type: none!important;
}
.toc-container>ol {
  padding: 12px 0 12px 36px!important;
  margin: 0;
}
.toc-container ol ol {
   padding: 0 0 0 1em;
}
.toc>li:not(:last-of-type) {
   padding: 8px 0 5px;
   border-bottom: 1px solid #dce8eb;
}
.toc>li:last-of-type {
   padding: 8px 0 5px;
}
#article p{
	margin-left: 10px;
}
#article ol:not(.toc-container ol),
#article ul{
	margin-left: 30px;
}
#article li:not(.toc-container li)::before {
    content: "";
    display: inline-block;
    position: relative;
    top: -.2em;
    left: -10px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #80a5a5;
}
.max-width-500{
	max-width: 500px;
}
.max-width-800{
	max-width: 800px;
}
.table-layout-fixed table{
	table-layout:fixed;	
}
#article h2{
    font-size: 26px;
    text-align: left;
	padding: 10px 20px;
    background-color: #f0f5f5;
	margin: 40px 0 20px;
}
#article h2::after{
   content: none;
}
#article h3{
	margin: 30px 0 30px 5px;
	font-size: 22px!important;
    padding: 10px!important;
    border-bottom: 2px solid #dde7e7;
}
.header-width-100 td:first-of-type{
    width: 100px;	
}
#article h4{
    margin: 10px 0 0 0;
    font-size: 18px!important;
    padding: 10px 10px 10px 30px!important;
	font-weight: bold;
	position: relative;
}
#article h4::before{
	content: '';
    position: absolute;
    top: calc(50% + 2px);
    left: 15px;
    width: 4px;
    height: 20px;
    background-color: #dde7e7;
    transform: translateY(-50%);
}

#article h5{
    margin: 10px 0 0 0;
	font-size: 16px!important;
    padding: 10px!important;
	font-weight: bold;
}
#article h6{
    margin: 10px 0 0 0;
	font-size: 16px!important;
    padding: 10px!important;
	font-weight: bold;
}
.std ::marker{
	color: #ff9200;
}
#article li:not(.toc-container li){
   margin: 5px 0;
}
ul.articles li{
	margin-bottom: 10px;
	font-size: 18px;
}
#article .wide img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.max-width-800{
	max-width: 800px;
	margin: 0 auto;
}
#article .google-street-view-wrapper iframe {
    aspect-ratio: 16 / 9;
    max-width: 660px;
    width: 100%;
    height: auto;
}
/*********************************************************************************
599px
**********************************************************************************/
@media screen and (max-width: 599px){
	#article h2{
		font-size: 22px;
	}	
	#article h3{
		font-size: 20px;
	}	
}
/*********************************************************************************
480px
**********************************************************************************/
@media screen and (max-width: 480px){
.toc-container {
    margin: 0 10px 30px 10px;
    padding: 0 0px 28px 0px;
}
#article .uagb-column__inner-wrap {
    padding: 0px!important;
}
.toc-container>ol {
    padding: 12px 0 12px 15px !important;
    margin: 0;
}
}