@charset "UTF-8";
/* CSS Document */
.page_delivery{}
.mv{
  overflow: hidden;
  position: relative;
  text-align: center;min-width: 1200px;margin: auto
}
.mv img{;border-radius: 0  0 50px 50px;}
.mv h2{position: absolute;left: 0;right: 0;margin: auto;top: 50%;z-index: 10; font-weight: bold; font-size: 3.1rem;letter-spacing: 0.1em;text-indent: 0.1em; line-height: 1;color: #fff;text-shadow: 2px 2px 3px rgba(0,0,0,0.5);}
.mv h2 span{font-size: 1.3rem}

@media screen and (max-width: 1200px) {/*小さい画面*/
.mv{ min-width: 100%;}
.mv .inner--base{width: 100%}
.mv img{height: 40vh!important;min-height: 300px; object-fit: cover;border-radius: 0  0 30px 30px}
.mv h2{font-size: calc(0.25vw + 1.5rem);}
}
.page_sec h3{font-weight: bold; font-size: 3.6rem;letter-spacing: 0.1em;text-indent: 0.1em;line-height: 1;}
.page_sec h3 span{font-size: 1.2rem}
@media screen and (max-width: 1200px) {/*小さい画面*/
.page_sec h3{font-size: calc(0.25vw + 2.5rem);line-height: 1.5;}
.page_sec h3 span{font-size: calc(0.25vw + 1rem);}
}


.about{margin-top: 80px;text-align: center}
.about h2{font-weight: bold; font-size: 3.6rem;letter-spacing: 0.1em;text-indent: 0.1em;position: relative;padding-bottom: 12px;}
.about h2::after{position: absolute;  content: "";  width: 120px;  height: 2px;  background-color: #aba09a;  bottom: 0;  left: 0;right: 0; margin: auto;}
.about .copy{font-size: 1.8rem;margin-top: 30px;margin-bottom: 50px;line-height: 2;font-weight: bold}
.about .copy span{color: #6ab62c}

.about dl{margin-top: 50px;}
.about dt{background: #39b9b5;color: #fff;padding: 3px 10px;text-align: left;border-radius: 12px;font-size: 2.4rem;font-weight: bold;letter-spacing: 0.1em}
.about dd{margin-top: 12px;text-align: left}
.about dd h3{font-size: 2rem;margin: 30px 0 12px}
.about dd span{color: #39b9b5;font-size: 2rem;}
.about dd.line{border-top: 1px solid #929292;margin-top: 20px;padding-top: 20px}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.about h2{font-size: calc(0.25vw + 2.5rem);line-height: 1.5;}
.about dt{font-size: 1.8rem;}
.about dd h3.col2{width: 100%}
.about dd h3{font-size: 1.7rem;margin:12px 0}
.about dd span{font-size: 1.7rem;margin:0px 0}

}

.about .st1{width: 96%;margin: 10px auto}
.about .st1 th,.about .st1 td{padding: 5px;border-bottom: 1px dotted #929292}
.about .st1 th{font-weight: bold;width: 30%}
.about .st1 td{text-align: left;}

.about .st2{width: 70%;margin: 50px auto;border-collapse: separate;border-spacing:3px; }
.about .st2 caption{text-align: left}
.about .st2 th,.about .st2 td{padding:5px 10px;}
.about .st2 th{text-align: left;background: #e3ddda}
.about .st2 td{text-align: left;background: #f0eae8}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.about .st1 th{font-weight: bold;width: 40%}
.about .st1{width: 100%;}
.about .st2{width: 100%;}
}