@charset "utf-8";

/*---------------------------

  1. だいこんの花の想い
  2. お買い物ガイド
  3. よくあるご質問
  4. お知らせ/コラム
  5. 会社概要
  6. お問い合わせ

---------------------------*/

/* about */
#about .kv-wrap {
    background: url(https://daikon5665.itembox.design/item/img/about/kv-about.png) 0 / cover no-repeat;
    height: min(48rem, 480px);
}
#about .kv-txt {
    padding-top: min(5rem, 50px);
    width: min(64.5rem, 645px);
    height: auto;
}
.about-main {
    background: url(https://daikon5665.itembox.design/item/img/about/bg-about.png) 0 / 100% 100% no-repeat;
    padding: min(8rem, 80px) 0;
}
.about-main .page-ttl {
    text-align: center;
    line-height: 46px;
    margin-bottom: min(5rem, 50px);
}
.about-main .about-txt {
    text-align: center;
    font-size: min(1.4rem, 14px);
    line-height: 30px;
}
.about-main .about-txt strong {
    font-weight: 600;
}
.about-main .about-txt + .about-txt {
    margin-top: 2em;
}
.about-main .flex-wrap {
    margin: min(8rem, 80px) 0 0;
}
.about-main .flex-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: min(7rem, 70px);
}
.about-main .flex-box:not(:last-child) {
    padding: 0 min(4rem, 40px);
}
.about-main .flex-box:nth-child(2) {
    flex-direction: row-reverse;
}
.about-main .flex-box:nth-child(2) .txt-wrap {
    width: calc(100% - 281px);
    padding-left: 25px;
}
.about-main .flex-box:nth-child(3) {
    justify-content: center;
}
.about-main .flex-box:nth-child(3) .txt-wrap {
    margin-bottom: min(5rem, 50px);
}
.about-main .flex-box:nth-child(3) .about-txt {
    background: url(https://daikon5665.itembox.design/item/img/about/about-line.png) center 80% / 309px 68px no-repeat;
    width: 309px;
}
.about-main > .txt-wrap {
    position: relative;
}
.about-main > .txt-wrap:before {
    content: "";
    background: url(https://daikon5665.itembox.design/item/img/about-img4.png) 0 / 100% 100% no-repeat;
    position: absolute;
    left: min(4rem, 40px);
    top: min(4rem, 40px);
    width: min(13.2rem, 132px);
    height: min(19rem, 190px);
}
.about-main .name-wrap {
    text-align: center;
    margin-top: min(6rem, 60px);
}
.about-main .about-name {
    font-size: min(1.2rem, 12px);
}
.about-main .about-name span {
    background-image : linear-gradient(to right, #000 2px, transparent 2px);
    background-size: 5px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
    display: inline-block;
    padding: 0 2px 4px;
    margin-bottom: 10px;
}
.about-main .about-name strong {
    font-size: min(1.4rem, 14px);
    display: block;
}
@media only screen and (max-width: 899px) {
    #about .kv-wrap {
        background: url(https://daikon5665.itembox.design/item/img/about/sp/kv-about_sp.png) 0 / cover no-repeat;
        height: min(60rem, 600px);
    }
    #about .kv-txt {
        padding-top: 6%;
        width: 62rem;
    }
    .about-main {
        background: url(https://daikon5665.itembox.design/item/img/about/sp/bg-about_sp.png) 0 / 100% 100% no-repeat;
        padding: 14rem 0;
    }
    .about-main .page-ttl {
        text-align: center;
        margin-bottom: 9rem;
    }
    .about-main .about-txt {
        font-size: 2.8rem;
        line-height: 60px;
    }
    .about-main .flex-box:not(:last-child) {
        flex-direction: column-reverse;
    }
    .about-main .flex-box:last-child {
        flex-direction: column;
    }
    .about-main .flex-box:not(:last-child) img {
        display: block;
        width: 80%;
        margin: 0 auto 7rem;
    }
    .about-main .flex-box:nth-child(2) .txt-wrap {
        width: 100%;
    }
    .about-main .flex-box:nth-child(3) .txt-wrap {
        margin-bottom: 10rem;
    }
    .about-main .flex-box:nth-child(3) .about-txt {
        width: 110%;
        background: url(https://daikon5665.itembox.design/item/img/about/sp/about-line_sp.png) center 80% / 100% 80% no-repeat;
    }
    .about-main > .txt-wrap:before {
        background: url(https://daikon5665.itembox.design/item/img/about/sp/about-img4_sp.png) 0 / 100% 100% no-repeat;
        left: 4rem;
        top: 100%;
        width: 16.7rem;
        height: 26.6rem;
    }
    .about-main .name-wrap {
        margin-top: 10rem;
    }
    .about-main .about-name strong {
        font-size: 2.8rem;
    }
    .about-main .about-name span {
        font-size: 2.4rem;
        background-image: linear-gradient(to right, #000 4px, transparent 4px);
        background-size: 10px 4px;
    }
}
@media only screen and (max-width: 599px) {
    #about .kv-wrap {
        height: 40rem;
    }
    .about-main {
        padding: 7rem 0;
    }
    .about-main .page-ttl {
        margin-bottom: 4rem;
    }
    .about-main .about-txt {
        font-size: 1.6rem;
        line-height: 40px;
    }
    .about-main .flex-wrap {
        margin: 4rem 0 0;
    }
    .about-main .flex-box {
        margin-bottom: 4rem;
    }
    .about-main .flex-box:nth-child(2) .txt-wrap {
      padding-left: 0;
    }
    .about-main .flex-box:not(:last-child) {
        padding: 0 1.8rem;
    }
    .about-main .flex-box:not(:last-child) img {
        width: 100%;
        margin: 0 auto 4rem;
    }
    .about-main .flex-box:nth-child(3) .txt-wrap {
        margin-bottom: 7rem;
    }
    .about-main .flex-box:nth-child(3) .about-txt {
        width: 100%;
    }
    .about-main > .txt-wrap:before {
        top: 90%;
        left: 2rem;
        background-size: 60% 60%;
    }
    .about-main .name-wrap {
        margin-top: 7rem;
    }
    .about-main .about-name span {
        font-size: 1.4rem;
    }
    .about-main .about-name strong {
        font-size: 1.6rem;
    }
}

/* guide */
#guide .kv-wrap {
    background: url(https://daikon5665.itembox.design/item/img/guide/kv-guide.png) center / cover no-repeat;
}
#guide .kv-txt {
    width: min(50.4rem, 504px);
    height: min(30.2rem, 302px);
}
#guide .page-section {
    margin-bottom: min(5rem, 50px);
}
#guide .page-ttl {
    margin-bottom: min(4.6rem, 46px);
}
.guide-ttl {
    font-size: min(1.6rem, 16px);
    font-weight: 600;
    margin: min(3rem, 30px) 0 min(2rem, 20px);
}
#guide .page-list-item,
#guide .page-table {
    font-size: min(1.4rem, 14px);
    line-height: min(2.8rem, 28px);
}
#guide .page-table {
    width: 100%;
}
#guide .page-list-item + .page-list-item {
    margin-top: min(1rem, 10px);
}
.guide-img {
    margin: min(2rem, 20px) 0;
    display: block;
}
#guide .page-table {
    margin-top: min(4rem, 40px);
}
#guide .btn-page {
    margin-top: min(5rem, 50px);
}
@media only screen and (max-width: 899px) {
    #guide .kv-wrap {
        background: url(https://daikon5665.itembox.design/item/img/guide/sp/kv-guide_sp.png) center / cover no-repeat;
    }
    #guide .kv-txt {
        width: 58rem;
    }
    #guide .col2-main {
        padding: 0 6%;
    }
    #guide .page-list-item,
    #guide .page-table {
        font-size: 2.8rem;
        line-height: 5.6rem;
    }
    #guide .page-section:not(:last-child) {
        margin-bottom: 10rem;
    }
    #guide .page-section:last-child {
        margin-bottom: 0;
    }
    #guide .page-ttl {
        font-size: 4.4rem;
    }
    .guide-ttl {
        font-size: 3.2rem;
        margin: 4rem 0 3rem;
    }
    .guide-img {
        margin: 3rem 0;
    }
}
@media only screen and (max-width: 599px) {
    #guide .page-section {
        margin-bottom: 6rem;
    }
    #guide .page-ttl {
        font-size: 2.6rem;
        margin-bottom: 3rem;
    }
    .guide-ttl {
        font-size: 2rem;
        margin: 4rem 0 2rem;
    }
    .guide-img {
        margin: 1rem 0 2rem;
    }
    #guide .page-list-item, #guide .page-table {
        font-size: 1.6rem;
        line-height: 3rem;
    }
}
/* faq */
#faq .kv-wrap {
    background: url(https://daikon5665.itembox.design/item/img/page/kv-faq.png) center / cover no-repeat;
}
#faq .kv-txt {
    width: min(90.6rem, 906px);
    height: auto;
}
#faq .page-nav {
    margin-top: min(3rem, 30px);
}
#faq .page-section {
    margin-bottom: min(5rem, 50px);
}
#faq .page-ttl {
    margin-bottom: min(4.6rem, 46px);
}
.faq-item dt {
    font-size: min(1.6rem, 16px);
    font-weight: 500;
    background-color: #e0ecc0;
    border-radius: 10px;
    margin-bottom: 20px;
    padding: min(2rem, 20px) min(2rem, 20px) min(2rem, 20px) min(6rem, 60px);
    position: relative;
    cursor: pointer;
}
.faq-item dt:before {
    content: "";
    background: url(https://daikon5665.itembox.design/item/img/page/faq-q.png) 0 / 100% 100% no-repeat;
    width: min(3rem, 30px);
    height: min(3rem, 30px);
    position: absolute;
    left: min(1.5rem, 15px);
    top: 50%;
    transform: translateY(-50%);
}
.faq-item dt:after {
    content: "ー";
    color: #56bc89;
    background-color: #fff;
    border-radius: 50%;
    font-size: min(1.2rem, 12px);
    width: min(1.8rem, 18px);
    height: min(1.8rem, 18px);
    line-height: min(1.8rem, 18px);
    position: absolute;
    text-align: center;
    right: min(1.8rem, 18px);
    top: 50%;
    transform: translateY(-50%);
}
.faq-item dt.selected:after {
    content: "+";
    font-size: initial;
    line-height: min(1.6rem, 16px);
}
.faq-item dd {
    font-size: min(1.4rem, 14px);
    line-height: min(2.6rem, 26px);
    padding-left: min(6rem, 60px);
    margin-bottom: min(4rem, 40px);
}
@media only screen and (max-width: 899px) {
    #faq .kv-wrap {
        background: url(https://daikon5665.itembox.design/item/img/page/sp/kv-faq_sp.png) center / cover no-repeat;
    }
    #faq .kv-txt {
        width: 64.9rem;
    }
    #faq .page-nav {
        margin-top: 4rem;
    }
    #faq .page-section:first-child {
        padding-left: 6%;
        padding-right: 6%;
    }
    #faq .page-section:not(:first-child) .page-ttl {
        padding-left: 6%;
    }
    .faq-item dt {
        font-size: 3.2rem;
        padding: 4rem 4rem 4rem 8rem;
        line-height: 5.6rem;
    }
    .faq-item dt:before {
        background: url(https://daikon5665.itembox.design/item/img/page/sp/faq-q_sp.png) 0 / 100% 100% no-repeat;
        width: 4.2rem;
        height: 4.2rem;
        top: 4.4rem;
        left: 2rem;
        transform: none;
    }
    .faq-item dt:after {
        content: "+";
        width: 3rem;
        height: 3rem;
        line-height: 2.6rem;
        font-size: 2.6rem;
    }
    .faq-item dt.selected:after {
        content: "ー";
        font-size: 1.8rem;
        line-height: 3rem;
    }
    .faq-item dd {
        font-size: 2.8rem;
        display: none;
        line-height: 5.2rem;
        padding: 2rem 6% 0 6%;
    }
}
@media only screen and (max-width: 599px) {
    .faq-item dt {
        font-size: 1.8rem;
        line-height: 3rem;
        padding: 2rem 2rem 2rem 5rem;
    }
    .faq-item dt:before {
        width: 3.2rem;
        height: 3.2rem;
        top: 2rem;
        left: 1rem;
    }
    .faq-item dt:after {
        width: 2rem;
        height: 2rem;
        line-height: 1.8rem;
        font-size: 1.8rem;
        right: 1rem;
    }
    .faq-item dt.selected:after {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .faq-item dd {
        font-size: 1.6rem;
        line-height: 3rem;
        margin-bottom: 3rem;
    }
}

/* news */
#news .kv-wrap {
    background: url(https://daikon5665.itembox.design/item/img/page/kv-news.png) center / cover no-repeat;
}
#news .kv-txt {
    width: min(96.3rem, 963px);
    height: auto;
}
.news-wrap {
    margin-bottom: min(7rem, 70px);
}
#news .page-ttl {
    margin-bottom: min(4rem, 40px);
}
.news-list-item:not(:last-child) {
    border-bottom: 2px dotted #ccc;
    padding-bottom: min(4rem, 40px);
    margin-bottom: min(4rem, 40px);
}
.news-item {
    display: grid;
    grid-template-columns: min(30rem, 300px) 1fr;
    grid-template-rows: auto auto auto;
    grid-template-areas: "img info" "img title" "img text";
    column-gap: min(5rem, 50px);
    row-gap: min(1rem, 10px);
}
.news-ttl {
    grid-area: title;
    font-size: min(2rem, 20px);
    line-height: min(3.4rem, 34px);
    font-weight: 600;
    margin-bottom: min(1rem, 10px);
}
.news-excerpt {
    grid-area: text;
    font-size: min(1.4rem, 14px);
    line-height: min(2.6rem, 26px);

}
.news-info {
    grid-area: info;
    display: flex;
    align-items: flex-start;
}
.news-cat {
    background-color: #faed00;
    text-align: center;
    padding: 0 min(1.8rem, 18px);
    font-size: min(1.2rem, 12px);
    font-family: "m-plus-rounded-1p", sans-serif;
    line-height: min(2.6rem, 26px);
    border-radius: 10px;
    margin-right: min(1.5rem, 15px);
}
.news-date {
    color: #808080;
    font-size: min(1.4rem, 14px);
}
.news-img {
    grid-area: img;
}
.news-img img {
    width: min(30rem, 300px);
    height: min(20rem, 200px);
    object-fit: cover;
}
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: min(1.1rem, 11px);
}
.pagination-item > * {
    border-radius: 10px;
    text-align: center;
    display: block;
    width: min(3.4rem, 34px);
    line-height: min(3.4rem, 34px);
    font-size: min(1.6rem, 16px);
    font-family: "m-plus-rounded-1p", sans-serif;
}
.pagination-item:not(.prev):not(.next) a {
    background-color: #f0f0f0;
    color: #3d2e20;
}
.pagination-item.current span,
.pagination-item:not(.prev):not(.next) a:hover {
    background-color: #3d2e20;
    color: #fff;
    opacity: 1;
}
.pagination-item.prev,
.pagination-item.next {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    cursor: pointer;
}
.pagination-item.prev {
    border-width: 7px 7px 7px 0;
    border-color: transparent #3d2e20 transparent transparent;
    margin-right: min(2rem, 20px);
}
.pagination-item.next {
    border-width: 7px 0 7px 7px;
    border-color: transparent transparent transparent #3d2e20;
    margin-left: min(2rem, 20px);
}

@media only screen and (max-width: 899px) {
    #news .kv-wrap {
        background: url(https://daikon5665.itembox.design/item/img/page/sp/kv-news_sp.png) center / cover no-repeat;
    }
    #news .kv-txt {
        width: 62.3rem;
    }
    #news .page-ttl {
        margin-bottom: 6rem;
        padding-left: 6%;
    }
    .news-list-item:not(:last-child) {
        padding-bottom: 6.5rem;
        margin-bottom: 7rem;
    }
    .news-item {
        grid-template-columns: initial;
        grid-template-rows: auto;
        grid-template-areas: "img" "info" "title" "text";
        column-gap: initial;
        row-gap: initial;
        grid-auto-flow: column;
        padding: 0 6%;
    }
    .news-img {
        margin-bottom: 5rem;
    }
    .news-img img {
        width: 100%;
        height: 37rem;
    }
    .news-info {
        margin-bottom: 1rem;
    }
    .news-cat {
        font-size: 2.4rem;
        line-height: 5.2rem;
        padding: 0 3rem;
        margin-right: 2.5rem;
    }
    .news-date {
        font-size: 2.8rem;
    }
    .news-ttl {
        margin-bottom: 3rem;
        font-size: 4rem;
        line-height: 6.8rem;
    }
    .news-excerpt {
        font-size: 2.8rem;
        line-height: 5.2rem;
        -webkit-line-clamp: 4;
    }
    .pagination-item > * {
        width: 6rem;
        height: 6rem;
        font-size: 2.8rem;
        line-height: 6rem;
    }
    .pagination-item.prev {
        border-width: 12px 12px 12px 0;
        border-color: transparent #3d2e20 transparent transparent;
        margin-right: min(6rem, 60px);
    }
    .pagination-item.next {
        border-width: 12px 0 12px 12px;
        border-color: transparent transparent transparent #3d2e20;
        margin-left: min(6rem, 60px);
    }
}
@media only screen and (max-width: 599px) {
    #news .page-ttl {
        margin-bottom: 3rem;
    }
    .news-list-item:not(:last-child) {
        padding-bottom: 3rem;
        margin-bottom: 3rem;
    }
    .news-img {
        margin-bottom: 2rem;
    }
    .news-img img {
        height: 25rem;
    }
    .news-info {
        align-items: center;
    }
    .news-cat {
        font-size: 1.4rem;
        line-height: 3rem;
    }
    .news-date {
        font-size: 1.4rem;
    }
    .news-ttl {
        font-size: 2.2rem;
        margin-bottom: 2rem;
        line-height: 4rem;
    }
    .news-excerpt {
        font-size: 1.6rem;
        line-height: 3rem;
    }
    .pagination-item > * {
        width: 4rem;
        height: 4rem;
        font-size: 2rem;
        line-height: 4rem;
    }
    .pagination-item.prev {
        margin-right: 1rem;
    }
    .pagination-item.next {
        margin-left: 1rem;
    }
}

/* company */
#company .kv-wrap {
    background: url(https://daikon5665.itembox.design/item/img/page/kv-company.png) center / cover no-repeat;
}
#company .kv-txt {
    width: min(54.7rem, 547px);
    height: auto;
}
#company .page-ttl {
    margin-bottom: min(4.5rem, 45px);
}
.company-top {
    margin-bottom: min(4rem, 40px);
}
.company-table {
    width: 100%;
}
.company-table tr {
    border-top: 2px solid #e1e1e1;
}
.company-table th {
    font-size: min(1.6rem, 16px);
    font-weight: 600;
    padding: min(3rem, 30px) min(5rem, 50px);
    text-align: left;
}
.company-table td {
    font-size: min(1.4rem, 14px);
    padding: 4rem;
}
.company-list-item {
    font-size: min(1.6rem, 16px);
}
.company-list-item .page-list {
    margin: min(1.8rem, 18px) 0 min(3rem, 30px);
}
.company-list-item .page-list span {
    font-weight: bold;
}
.company-list .page-list-item {
    font-size: min(1.4rem, 14px);
    line-height: min(2.8rem, 28px);
}
.company-list .page-list-item + .page-list-item {
    margin-top: min(1rem, 10px);
}
#company .btn-page {
    margin: min(6rem, 60px) auto 0;
}

@media only screen and (max-width: 899px) {
    #company .col2-main {
        padding: 0 2%;
    }
    #company .kv-wrap {
        background: url(https://daikon5665.itembox.design/item/img/page/sp/kv-company_sp.png) center / cover no-repeat;
    }
    #company .kv-txt {
        width: 64.8rem;
    }
    #company .page-ttl {
        padding-left: 6%;
    }
    .company-top {
        margin-bottom: 0;
    }
    .company-top .page-ttl {
        margin-bottom: 10rem;
    }
    .company-table th,
    .company-table td {
        display: block;
        width: 100%;
    }
    .company-table th {
        padding: 6rem 3.7rem 3rem;
        font-size: 3.2rem;
    }
    .company-table .shop-info th {
        padding-bottom: 5rem;
    }
    .company-table td {
        padding: 0 3.7rem 5rem;
        font-size: 2.8rem;
    }
    .company-list-item,
    .company-list .page-list-item {
        font-size: 2.8rem;
        line-height: 5.2rem;
    }
    .company-list-item .page-list {
        margin: 3rem 0 5rem;
    }
    #company .page-section + .page-section:before {
        width: calc(100% - 8%);
        left: 4%;
    }
    #company .page-section + .page-section {
      padding-top: min(8rem, 80px);
    }

    #company .company-map .page-ttl {
        margin-bottom: 6rem;
    }
    #company .btn-page {
        margin: 8rem auto 0;
        width: 80%;
    }
}
@media only screen and (max-width: 599px) {
    #company .page-ttl {
        margin-bottom: 6rem;
    }
    .company-table th {
        padding: 3rem 2rem 2rem;
        font-size: 1.8rem;
    }
    .company-table td {
        padding: 0 2rem 3rem;
        font-size: 1.6rem;
    }
    .company-table .shop-info th {
        padding-bottom: 2rem;
    }
    .company-list-item .page-list {
        margin: 1rem 0 3rem;
    }
    .company-list-item, .company-list .page-list-item {
        font-size: 1.4rem;
        line-height: 3rem;
    }
    #company .company-map .page-ttl {
        margin-bottom: 3rem;
    }
    #company .btn-page {
        margin: 4rem auto 0;
    }
}
/* contact */
#contact .kv-wrap {
    background: url(https://daikon5665.itembox.design/item/img/page/kv-contact.png) center / cover no-repeat;
}
#contact .kv-txt {
    width: min(96.3rem, 963px);
    height: auto;
}
#contact .page-ttl {
    margin-bottom: min(2.5rem, 25px);
}
.contact-wrap {
    background-color: #e0ecc0;
    border-radius: 10px;
}
#tel .contact-wrap,
#fax .contact-wrap {
    text-align: center;
    margin-bottom: min(4rem, 40px);
    padding: min(2.5rem, 25px) 0;
}
#tel .contact-wrap > *,
#fax .contact-wrap p {
    color: #3d2e20;
}
#tel .contact-wrap a {
    display: block;
    margin-bottom: min(1rem, 10px);
}
#tel .contact-wrap a,
#fax .contact-wrap p {
    font-weight: 600;
    font-size: min(4rem, 40px);
    letter-spacing: .05em;
    line-height: 1;
}
#tel .contact-wrap a:before,
#fax .contact-wrap p:before {
    content: "";
    display: inline-block;
    margin-right: min(1.4rem, 14px);
}
#tel .contact-wrap a:before {
    background: url(https://daikon5665.itembox.design/item/img/common/icon-tel.svg) 0 / 100% 100% no-repeat;
    width: min(3.5rem, 35px);
    height: min(3.2rem, 32px);
}
#fax .contact-wrap p:before {
    background: url(https://daikon5665.itembox.design/item/img/common/icon-fax.svg) 0 / 100% 100% no-repeat;
    width: min(3.5rem, 35px);
    height: min(2.9rem, 29px);
}
#tel .contact-txt,
#mail .contact-item small {
    font-size: min(1.2rem, 12px);
}
#mail .page-txt {
    margin: min(3rem, 30px) 0;
}
#mail .contact-wrap {
    padding: min(5.6rem, 56px) min(8.6rem, 86px);
}
#mail .contact-item {
    margin-bottom: min(3rem, 30px);
}
#mail .contact-item dt {
    font-size: min(1.4rem, 14px);
    font-weight: 600;
    margin-bottom: min(1.2rem, 12px);
}
#mail .contact-item dt .required {
    color: #fff;
    font-size: min(1.2rem, 12px);
    background-color: #c00c22;
    text-align: center;
    padding: 0 min(.6rem, 6px);
    line-height: min(1.4rem, 14px);
    display: inline-block;
    border-radius: 5px;
    margin: 0 min(.7rem, 7px);
}
#mail .contact-item input,
#mail .contact-item textarea {
    width: 100%;
    border: none;
    border-radius: 10px;
    appearance: none;
    font-size: min(1.4rem, 14px);
    padding: min(1.5rem, 15px) min(2rem, 20px);
}
#mail .contact-item textarea {
    height: min(16rem, 160px);
}
#mail .contact-wrap .agree-check {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: min(3.5rem, 35px) 0 min(4.5rem, 45px);
}
#mail .contact-wrap .agree-check input {
    width: 18px;
    height: 18px;
    border: 1px solid #dddddd;
}
#mail .contact-wrap .agree-check p {
    margin-left: min(1rem, 10px);
    font-size: min(1.4rem, 14px);
}
#mail .contact-wrap .agree-check p a {
    text-decoration: underline;
}
#mail .contact-wrap .btn-page {
    margin: auto;
    cursor: pointer;
    border: none;
}
@media only screen and (max-width: 899px) {
    #contact .kv-wrap {
        background: url(https://daikon5665.itembox.design/item/img/page/sp/kv-contact_sp.png) center / cover no-repeat;
    }
    #contact .kv-txt {
        width: 65rem;
    }
    #contact .col2-wrap .col2-main {
        padding: 0 4%;
    }
    #contact .page-ttl {
        font-size: 4.4rem;
        margin-bottom: 3rem;
        padding: 0 1.5rem;
    }
    #contact .page-ttl span {
        font-size: 2.8rem;
    }
    #contact .page-section + .page-section:before {
        margin: 0 1.5rem;
    }
    #tel .contact-wrap,
    #fax .contact-wrap {
        margin-bottom: 10rem;
    }
    #tel .contact-wrap a,
    #fax .contact-wrap p {
        font-size: 5.2rem;
    }
    #tel .contact-txt,
    #mail .contact-item small {
        font-size: 2.4rem;
    }
    #tel .contact-wrap a:before {
        width: 4.8rem;
        height: 4.4rem;
    }
    #fax .contact-wrap p:before {
        width: 5.3rem;
        height: 4.4rem;
    }
    #contact .page-txt {
        margin: 6rem 1.5rem;
    }
    #mail .contact-wrap {
        padding: 8rem 4rem 10rem;
    }
    #mail .contact-item {
        margin-bottom: 5rem;
    }
    #mail .contact-item dt {
        font-size: 2.8rem;
        margin-bottom: 3rem;
    }
    #mail .contact-item dt .required {
        font-size: 2.4rem;
        line-height: 3.2rem;
        padding: 0 1.2rem;
        margin: 0 1.4rem;
    }
    #mail .contact-item dt small {
        display: block;
        line-height: 4rem;
        margin-top: 2rem;
    }
    #mail .contact-item input,
    #mail .contact-item textarea {
        font-size: 2.4rem;
        padding: 2.5rem 4rem;
    }
    #mail .contact-wrap .agree-check {
        margin: 8rem 0;
    }

    #mail .contact-wrap .agree-check input {
        width: 3.7rem;
        height: 3.7rem;
    }
    #mail .contact-wrap .agree-check p {
        font-size: 2.8rem;
    }
}
@media only screen and (max-width: 599px) {
    #contact .page-ttl {
        padding: 0;
        font-size: 2.6rem;
        margin-bottom: 1.6rem;
    }
    #contact .page-ttl span {
        font-size: 1.8rem;
    }
    #tel .contact-wrap a, #fax .contact-wrap p {
        font-size: 2.6rem;
    }
    #tel .contact-wrap a:before {
        width: 3.2rem;
        height: 2.6rem;
        margin-right: min(1.2rem, 12px);
        vertical-align: bottom;
    }
    #tel .contact-txt, #mail .contact-item small {
        font-size: 1.3rem;
    }
    #tel .contact-wrap, #fax .contact-wrap {
        margin-bottom: 4rem;
    }
    #fax .contact-wrap p:before {
        width: 3.2rem;
        height: 2.6rem;
        margin-right: min(1.2rem, 12px);
        vertical-align: bottom;
    }
    #contact .page-section + .page-section:before {
        margin: 0;
    }
    #contact .page-txt {
        margin: 2rem 0;
    }
    #mail .contact-wrap {
        padding: 3rem 2rem;
    }
    #mail .contact-item {
        margin-bottom: 3rem;
    }
    #mail .contact-item dt {
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }
    #mail .contact-item dt .required {
        font-size: 1.4rem;
        line-height: 2rem;
    }
    #mail .contact-item input, #mail .contact-item textarea {
        font-size: 1.6rem;
        padding: 2rem;
    }
    #mail .contact-item dt small {
        line-height: 2;
    }
    #mail .contact-wrap .agree-check {
        margin: 4rem 0;
    }
    #mail .contact-wrap .agree-check input {
        width: 2rem;
        height: 2rem;
    }
    #mail .contact-wrap .agree-check p {
        font-size: 1.6rem;
    }
}

/* privacy */
#privacy .kv-wrap {
    background: url(https://daikon5665.itembox.design/item/img/page/kv-privacy.png) center / cover no-repeat;
}
#privacy .kv-txt {
    width: min(70.5rem, 705px);
    height: auto;
}
#privacy .page-ttl {
    margin-bottom: min(2.5rem, 25px);
}
.privacy-list {
    margin-top: min(4rem, 40px);
    list-style-position: inside;
}
.privacy-list-item {
    font-size: min(1.6rem, 16px);
    font-weight: 600;
    padding: min(4rem, 40px) 0 min(5rem, 50px);
    border-top: 1px solid #ccc;
}
.privacy-list-item .page-txt,
.privacy-list-item .alpha-list {
    padding-top: min(2.5rem, 25px);
}
.privacy-list-item .page-txt a {
    color: #237bbf;
    text-decoration: underline;
}

@media only screen and (max-width: 899px) {
    #privacy .col2-wrap .col2-main {
        padding: 0 4%;
    }
    .privacy-list-item {
        font-size: 3.2rem;
        padding: 8rem 0;
    }
    .privacy-list-item .page-txt,
    .privacy-list-item .alpha-list {
        padding-top: 5rem;
    }
}
@media only screen and (max-width: 599px) {
    .privacy-list-item {
        font-size: 1.8rem;
        padding: 4rem 0;
    }
    .privacy-list-item .page-txt, .privacy-list-item .alpha-list {
        padding-top: 3rem;
    }
}