@charset "UTF-8";
/* kenkyuusei */
.mv:before{background: url("../img/area/mv-1.jpg") no-repeat center center/cover;}

@media only screen and (max-width: 480px) {
  .mv:before{background: url("../img/area/mv_sp-1.jpg") no-repeat top center/cover;}
}

:root{
    --green:#0D8080;
}
a.link{ color: var(--green); text-decoration: underline;}

h3{ padding: .5rem 1rem .5rem 1.5rem; font-size: clamp(13px, 3.777vw, 26px); background-color: var(--green); color: #ffffff;}
h3 span{ color: #ffffff; font-size: clamp(10px, 2.666vw, 18px);}
h4{ width: 100%; margin-bottom: 15px; font-size: clamp(14px, 3.777vw, 26px); border-bottom: 1px solid #9b9b9b;}
.txt{ font-size: clamp(12px, 3.2vw, 18px);line-height: 1.8; margin-bottom: 1rem; text-wrap: pretty;}
.sp{ display: none;}

.itemBox{ margin-bottom: 5rem;}
.itemBox .inner{  margin: 1.5rem 0 0; padding: 0 1rem;}

.listBox li{ margin-bottom: 10px; font-size: clamp(12px, 3.2vw, 18px); text-indent: -1rem; padding-left: 1rem;}
.listBox li::before{ content:'・';}

.item{ margin-top: 2rem;}

.contact h4:nth-of-type(2){ margin-top: 3rem;}



@media only screen and (max-width: 440px) {
  .sp{ display: block;}
  .itemBox .inner{padding: 0 10px;}
}