@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: #f6a700;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 span{color: #ec7274;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;}
.photo li{width: 100%}
.photo li:nth-child(2){margin: 20px 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}


.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}
}
.bt{width: 250px;margin: 50px auto 0}
.bt a{display: block;background: #fff; border: 1px solid  #595757;border-radius: 50px;padding: 8px 0;position: relative}
.bt a:after {    content: "";    position: absolute;    left: 90%;top: 50%; width: 11px;height: 11px;transform: translateY(-50%);	background: url("../images/arrow1.svg")}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.bt{width: 80%;}
}
.kiyaku .bt{width: 450px;margin: 50px auto 0}
.kiyaku .bt a{text-align: center;border:none;border-radius: 12px;background: #eee9e5}
.kiyaku .bt a:after {    content: "";    position: absolute;    left: 90%;top: 50%; width: 13px;height: 13px;transform: translateY(-50%);	background: url("../service/images/kyosai/arrow.svg")}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.kiyaku .bt{width: 90%;}
}

.about dd .bt{width: 450px;margin: 50px auto 0}
.about dd .bt a{text-align: center;border: 1px solid #f6a700;border-radius: 12px;color: #f6a700}
.about dd .bt a:after {    content: "";    position: absolute;    left: 90%;top: 50%; width: 13px;height: 13px;transform: translateY(-50%);	background: url("../shopping/images/delivery/arrow.svg")}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.about dd .bt{width: 90%;}
}

.soudan{margin: 80px 0 0}
.soudan li.col3{width: 32%; background: #d3c4be;text-align: center;padding: 12px 0;border-radius: 20px;}
.soudan li.col1{margin-top: 12px}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.soudan li.col3{width: 100%}
.soudan li.col3:nth-child(2){margin: 12px 0}
}