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


.soudan{margin: 50px 0 100px}
.soudan li.col4{background: #a6c5dd;color: #fff; text-align: center;padding: 12px 0;border-radius: 20px;display: flex;  justify-content: center;align-items: center;}
.soudan li.col1{margin-bottom: 12px;font-size: 1.8rem;font-weight: bold}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.soudan li.col1{margin-bottom: 0px;}
.soudan li.col4{width: 100%;margin-top: 12px;}

}

.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: #12b8d7;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: 20px 0 12px}
.about dd h4{text-align: center;background: #e5bf98;color: #fff;border-radius: 30px; font-size: 1.8rem;padding: 10px 40px;width:-moz-fit-content; /* Firefox */  width:fit-content; /* other browsers */ margin: 20px auto 12px}
.about dd span{color: #12b8d7;font-size: 2rem;}
.about dd .line{border-bottom: 1px dotted #929292;margin-bottom: 20px;padding-bottom: 20px}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.about h2{font-size: calc(0.25vw + 2.5rem);line-height: 1.5;}
.about .col2{width: 100%;margin-top: 12px}
.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 .toiawase{margin-top: 80px;}
.about .toiawase li:nth-child(1){background: #bfc0c0;color: #fff;padding: 4px 30px;border-radius: 30px;font-size: 1.6rem;letter-spacing: 0.1em;text-indent: 0.1em;margin-right: 20px;}
.about .toiawase .col1{margin-bottom: 10px}
.about .toiawase li.col3{text-align: left}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.about .toiawase{margin-top: 80px;}
.about .toiawase li{width: 100%}
.about .toiawase li:nth-child(3){margin: 12px 0}
}


.chirashi p{text-align: center;margin-top: 50px; margin-bottom: 12px;font-size: 1.8rem;font-weight: bold}
.chirashi li{position: relative}
.chirashi .icon{position: absolute;right: 0;bottom: -10px;width: 42px;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.chirashi p{font-size: 1.6rem;}
.chirashi .inner--short{width: 100%}
}