/*
Theme Name: theme name
Version:  202508010000000000
*/

#sotogawa {width: 100%;}

#uchigawa {width: 90%; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;}
#uchigawa80 {width: 90%; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;}

#col-flex-s {display: flex; align-items: flex-start;}
#col-flex-c {display: flex; align-items: center;}
#col-flex-e {display: flex; align-items: flex-end;}

#col-flex-s-w {display: flex; align-items: flex-start; flex-wrap:wrap;}
#col-flex-c-w {display: flex; align-items: center; flex-wrap:wrap;}
#col-flex-e-w {display: flex; align-items: flex-end; flex-wrap:wrap;}

#col-flex-stretch {display: flex; align-items: stretch; flex-wrap:wrap;}

#col1 {width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#col2 {width: 100%; margin: 0px 3% 3% 0px;}
#col3 {width: 100%; margin: 0px 3% 3% 0px;}
#col4 {width: 100%; margin: 0px 3% 3% 0px;}
#col5 {width: 20%; margin: 0px 0% 0% 0px; text-align:center;}

#col2_100 {width: 100%; margin: 0px 0px 0px 0px;}
#col2n {display:none;}

#col1 img {width: 100%; margin: 50px 0px 50px 0px; padding: 0px 0px 0px 0px;}
#col32 img {width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle;}

#foot_uchigawa {width: 90%; margin: 100px auto 100px auto;}
#foot_uchigawa a {color: #fff;}
#foot_uchigawa hr {margin: 18px 0px 12px 0px; padding: 0px 0px 0px 0px; height: 0; border: 0; border-top: 1px solid #ccc;}
#foot_col3 {width: 100%; margin: 0px auto;}
#foot_col3 h2 {font-size: 18px; font-weight: bolder; line-height: normal;}

.tmcimage {margin: 0px;}
.triangle {background: #e5f0cb; width: 100%; height: calc(tan(60deg) * 60px / 2); clip-path: polygon(0 0, 100% 0, 50% 100%);}
#mid_fff {width: 100%; margin: 0px auto; padding: 50px 0px 50px 0px; background-color: #fff;}

@media (min-width: 768px) {
#sotogawa {width: 100%;}

#uchigawa {width: 90%; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;}
#uchigawa80 {width: 80%; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;}

#col-flex-s {display: flex; justify-content: space-between; align-items: flex-start;}
#col-flex-c {display: flex; justify-content: space-between; align-items: center;}
#col-flex-e {display: flex; justify-content: space-between; align-items: flex-end;}

#col-flex-s-w {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap:wrap;}
#col-flex-c-w {display: flex; justify-content: space-between; align-items: center; flex-wrap:wrap;}
#col-flex-e-w {display: flex; justify-content: space-between; align-items: flex-end; flex-wrap:wrap;}

#col-flex-stretch {display: flex; justify-content: space-between; align-items: stretch; flex-wrap:wrap;}

#col1 {width: 100%; margin: 0px 0px 0px 0px;}
#col2 {width: 47%; margin: 0px 0% 0% 0px;}
#col3 {width: 31%; margin: 0px 1% 3% 1%;}
#col4 {width: 23%; margin: 0px 1% 3% 1%;}
#col5 {width: 18%; margin: 0px 0px 0px 0px;}
#col6 {width: 70%; margin: 0px 0px 0px 0px;}

#col2_100 {width: 50%; margin: 0px 0% 0% 0px; padding: 0px 0px 0px 0px;}

#col1 img {width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#col2 img {margin: 0px 12px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle;}
#col31 img {margin: 0px 12px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle;}
#col32 img {width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle;}

#foot_uchigawa {width: 90%; margin: 100px auto 100px auto;}
#foot_uchigawa a {color: #fff;}
#foot_uchigawa hr {display: none;}
#foot_col3 {width: 31%; margin: 0px 1% 0px 1%; padding: 0px 0px 0px 0px;}
#foot_col3 h2 {font-size: 26px; font-weight: bolder; line-height: normal;}

.tmcimage {margin: 0px;}
.triangle {background: #e5f0cb; width: 100%; height: calc(tan(60deg) * 60px / 2); clip-path: polygon(0 0, 100% 0, 50% 100%);}
#mid_fff {width: 100%; margin: 100px auto; padding: 50px 0px 50px 0px; background-color: #fff;}

}

#rlauto {width:fit-content; margin: 0px auto;}