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


.bnt{margin-top: 60px}



.card{text-align: center;margin-top: 120px;}
.card .title-line {  position: relative;    display: inline-block;    padding: 0 55px;	font-size: 2.1rem;margin-top: 30px;letter-spacing: 0.1em;text-indent: 0.1em;}
.card .title-line::before,
.card .title-line::after {  content: '';    position: absolute;    top: 50%;    display: inline-block;    width: 50px;    height: 1px;    background-color: #666;}
.card .title-line::before {  left: 0;}
.card .title-line::after {  right: 0;}
.card .box{margin-top: 30px; background: #f2e8de;border-radius: 80px;padding: 50px 90px;position: relative}
.card .box .txt{text-align: left}
.card .box .txt .coution{font-size: 1.3rem;margin: 20px 0}
.card .box .txt h5{font-weight: bold}
.card .box .col3_2{width: 54%}
.card .box .col3{width: 38%}
.card .box .marin{position: absolute;right: -80px;bottom: -100px;width: 250px}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.card{margin-top: 80px;}
.card .box{border-radius: 50px;padding: 30px}
.card .box .col3_2{width: 100%;margin-bottom: 30px}
.card .box .col3{width: 100%}
.card .box .marin{position: absolute;right: -0px;bottom: -40px;width: 100px}
}

.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: #f19798;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: 12px 0}
.about dd span{color: #f19798;font-size: 2rem;}
.about dd .col3{margin-top: 30px}
.photo1{width: 60%;margin-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 .col40{width: 100%}
.photo1{width: 100%;margin: 20px 0}
.about .col60{width: 100%}
}


@media screen and (max-width: 768px) {/*スマホのスタイル*/
.about .toiawase li:nth-child(2){margin-right: 0px;}
.about .toiawase li:nth-child(3) a{font-size: 2rem}

.about dt{font-size: 1.8rem;}
.about dd h3.col2{width: 100%}
.about dd h3,
.about dd span{font-size: 1.7rem;margin:0px 0}
}

.map {    position: relative;    width: 100%;    padding-top: 56.25%;    height: 0;}
.map iframe {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}