.lp {
    font-family: Yu Mincho, YuMincho, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
}
.lp ul, .lp ol {
    list-style: none;
    margin: 0;
}
.lp a {
    text-decoration: none;
}
.lp .img img {
    width: 100%;
}
.pc_only {
    display: none;
}

/* header */
.lp-header {
    font-family: Yu Mincho, YuMincho, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, HG明朝E, ＭＳ Ｐ明朝, ＭＳ 明朝, serif;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
}
.lp-header .inner {
    padding: 3.07vw;
}
.lp-header .logo {
    display: block;
    width: 23vw;
}
.lp-header .header-nav {
    display: none;
}
.lp-header .menu-btn {
    width: 3.07vw;
    height: 2.56vw;
    transition: all 0.4s ease;
    position: absolute;
    top: 3.07vw;
    right: 3.07vw;
    z-index: 10;
    line-height: 1;
}
.lp-header .menu-btn:before {
    content: "menu";
    color: #1C1C1C;
    font-size: 3.07vw;
    font-weight: 400;
    position: absolute;
    top: 55%;
    right: 150%;
    transform: translateY(-50%);
}
.lp-header .menu-btn > span {
    width: 100%;
    height: 1px;
    background-color: #1C1C1C;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.4s ease;
}
.lp-header .menu-btn > span:nth-of-type(1) {
    top: 0;
}
.lp-header .menu-btn > span:nth-of-type(2) {
    top: 50%;
}
.lp-header .menu-btn > span:nth-of-type(3) {
    top: 100%;
}
.lp-header .menu-btn.openNav > span:nth-of-type(1) {
  transform: translateX(-45%) rotate(-45deg);
  top: 50%;
}
.lp-header .menu-btn.openNav > span:nth-of-type(2) {
  opacity: 0;
}
.lp-header .menu-btn.openNav > span:nth-of-type(3) {
  transform: translateX(-45%) rotate(45deg);
  top: 50%;
}
.lp-header.openNav .header-nav {
    display: grid;
    width: 100vw;
    height: 24rem;
    background-color: #fff;
    place-content: center;
    position: absolute;
    left: 0;
    top: 98%;
    z-index: 10;
}
.lp-header.openNav .header-nav ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 8vw;
    list-style: none;
    margin: 0;
    text-align: center;
}
.lp-header.openNav .header-nav ul li a {
    font-size: 4.1vw;
    text-decoration: none;
}
@media only screen and (min-width: 900px) {
    .pc_only {
        display: block;
    }
    .sp-only {
        display: none;
    }
    .lp-header {
        background-color: transparent;
    }
    .lp-header.fix {
        background-color: #fff;
    }
    .lp-header .inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: min(2.81vw, 54px);
    }
    .lp-header.fix .inner {
        padding: 8px min(2.81vw, 54px);
    }
    .lp-header .header-nav {
        display: block;
    }
    .lp-header .header-nav ul {
        list-style: none;
        margin: 0;
        display: flex;
        column-gap: min(5.2vw, 100px);
    }
    .lp-header .header-nav ul li:not(:last-child) {
        position: relative;
    }
    .lp-header .header-nav ul li:not(:last-child):after {
        content: "";
        width: 20px;
        height: 1px;
        background-color: #C4C4C4;
        position: absolute;
        top: 50%;
        left: 120%;
        transform: rotate(-45deg) translateY(-50%) ;
    }
    .lp-header .header-nav ul li a {
        font-size: 0.93vw;
        text-decoration: none;
    }
}

/* breadcrumb */
.breadcrumb {
    background-color: #1C1C1C;
    color: #fff;
    display: flex;
    padding: 3.58vw 3.07vw;
}
.breadcrumb li {
    font-size: 3.07vw;
}
.breadcrumb li:not(:first-of-type) span {
    margin-left: 9.23vw;
    display: block;
    position: relative;
}
.breadcrumb li:not(:first-of-type) :before {
    content: ">";
    position: absolute;
    top: 50%;
    left: -1.8em;
    transform: translateY(-50%);
}
@media only screen and (min-width: 900px) {
    .breadcrumb {
        padding: 10px 12.2%;
    }
    .breadcrumb li {
        font-size: 12px;
    }
    .breadcrumb li:not(:first-of-type) span {
        margin-left: 40px;
    }
}

/* bg */
.lp .bg {
    background-image: url(https://eirakuya.itembox.design/item/lp/common/bg.png);
    position: relative;
    z-index: -1;
}

/* ttl, txt */
.lp .ttl {
    letter-spacing: .1em;
}
.lp .txt {
    font-size: 3.58vw;
    line-height: 2;
    font-feature-settings: normal;
}
@media only screen and (min-width: 900px) {
    .lp .txt {
        font-size: 14px;
    }
}

/* feature */
#feature {
    width: 94.8%;
    margin: 2.56vw auto 20.51vw;
    padding: 12.82vw 4.1vw 23.84vw;
}
#feature .top-wrap {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 30.76vw;
}
#feature .top-txt {
    text-align: center;
    font-size: 4.1vw;
    line-height: 10.25vw;
    padding-top: 10.25vw;
    position: relative;
    background: url(https://eirakuya.itembox.design/item/lp/common/bg-circle.png) center -4.87vw / 78.71vw 78.46vw no-repeat;
}
#feature .top-txt:before,
#feature .top-txt:after {
    content: "";
    position: absolute;
}
#feature .top-txt:before {
    background: url(https://eirakuya.itembox.design/item/lp/common/illust01_sp.png) 0 / contain no-repeat;
    width: 36.41vw;
    height: 14.87vw;
    left: -4.1vw;
    top: 95%;
}
#feature .top-txt:after {
    background: url(https://eirakuya.itembox.design/item/lp/common/illust02_sp.png) 0 / contain no-repeat;
    width: 42.87vw;
    height: 9.67vw;
    right: -4.1vw;
    top: 110%;
}
#feature .gift-list {
    display: grid;
    row-gap: 15.38vw;
}
#feature .gift-list li {
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
}
#feature .gift-list li .img {
    display: block;
    width: 64.1vw;
    margin: 0 auto 7.69vw;
}
#feature .gift-list li .ttl {
    display: flex;
    flex-direction: column-reverse;
    font-size: 6.66vw;
    margin-bottom: 4vw;
}
#feature .gift-list li .ttl span {
    display: block;
    font-size: 3.07vw;
    padding: 1.79vw 0;
    background: url(https://eirakuya.itembox.design/item/lp/common/bg-subttl-wh_sp.png) center / 48.71vw 6.97vw no-repeat;
}
@media only screen and (min-width: 900px) {
    #feature {
        max-width: 1800px;
        padding: min(7.5vw, 144px);
        margin: min(3.43vw, 66px) auto min(10vw, 1920px);
    }
    #feature .top-wrap {
        position: relative;
        margin-bottom: min(4.16vw, 80px);
    }
    #feature .top-wrap:after {
        content: "";
        width: min(50.15vw, 963px);
        height: min(50.15vw, 963px);
        background: url(https://eirakuya.itembox.design/item/lp/common/bg-circle.png) 0 / contain no-repeat;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    #feature .top-txt {
        font-size: min(1.35vw,26px);
        font-feature-settings: normal;
        line-height: 3;
        writing-mode: tb-rl;
        writing-mode: vertical-rl;
        text-align: left;
        padding: min(4.16vw, 80px) 0 min(9.06vw,170px);
        background: none;
        display: grid;
        place-content: center;
        position: relative;
        z-index: 2;
        width: max-content;
        margin: auto;
    }
    #feature .top-txt:before {
        background: url(https://eirakuya.itembox.design/item/lp/common/illust02.png) 0 / contain no-repeat;
        width: min(22.55vw, 433px);
        height: min(2.76vw, 53px);
        right: 105%;
        left: initial;
        top: 35%;
    }
    #feature .top-txt:after {
        background: url(https://eirakuya.itembox.design/item/lp/common/illust01.png) 0 / contain no-repeat;
        width: min(29.68vw, 570px);
        height: min(6.7vw, 128.75px);
        left: 90%;
        right: initial;
        top: 65%;
    }
    #feature .top-wrap .img {
        position: relative;
        z-index: 2;
    }
    #feature .gift-list {
        row-gap: min(1.875vw, 36px);
        max-width: 1115.29px;
        margin: auto;
    }
    #feature .gift-list li {
        justify-content: space-between;
        align-items: center;
    }
    #feature .gift-list li:nth-of-type(odd) {
        flex-direction: row-reverse;
    }
    #feature .gift-list li:nth-of-type(even) {
        flex-direction: row;
    }
    #feature .gift-list li .img {
        margin: 0;
        width: 46.6%;
        max-width: 520px;
    }
    #feature .gift-list li .txt-wrap {
        width: 46.6%;
        max-width: 520px;
    }
    #feature .gift-list li .ttl {
        font-size: 40px;
        margin-bottom: min(3.85vw, 74px);
    }
    #feature .gift-list li .ttl span {
        font-size: 12px;;
        background: none;
        padding: 1em 0 min(1.35vw, 26px) 0;
        position: relative;
        z-index: 2;
    }
    #feature .gift-list li .ttl span:after {
        content: "";
        width: 190px;
        height: 100%;
        background: url(https://eirakuya.itembox.design/item/lp/common/bg-subttl-wh.png) 0 / contain no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: -1;
    }
    #feature .gift-list li .txt {
        font-size: 18px;
    }
}

/* gift-nav */
.lp .gift-nav {
    margin-bottom: 20.51vw;
}
.lp .gift-nav .ttl {
    text-align: center;
    font-size: 5.12vw;
    margin-bottom: 3.84vw;
}
.lp .gift-nav ul {
    width: 76.9%;
    margin: auto;
    display: flex;
    flex-direction: column;
    row-gap: 1.28vw;
}
.lp .gift-nav ul li a {
    display: block;
    background-color: #1C1C1C;
    color: #fff;
    font-size: 3.58vw;
    letter-spacing: .1em;
    padding: 6.15vw 7.17vw;
    position: relative;
}
.lp .gift-nav ul li a:after {
    content: "";
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    width: 2vw;
        height: 2vw;
        transform: translate(-50%, -50%) rotate(45deg);
        position: absolute;
    top: 45%;
    right: 7.17vw;
}
@media only screen and (min-width: 900px) {
    .lp .gift-nav {
        margin-bottom: min(8.33vw, 160px);
    }
    .lp .gift-nav .ttl {
        font-size: min(2.08vw,40px);
        margin-bottom: min(3.28vw, 63px);
    }
    .lp .gift-nav ul {
        flex-direction: row;
        width: 90%;
        max-width: 1500px;
        column-gap: 4px;
    }
    .lp .gift-nav ul li {
        width: 33%;
    }
    .lp .gift-nav ul li a {
        font-size: 20px;
        padding: 0 60px;
        padding: min(2.08vw,40px);
    }
    .lp .gift-nav ul li a:after {
        width: 10px;
        height: 10px;
        right: min(2.6vw,50px);
    }
}

/* recommend */
/* person */
/* budget */
.gift-section {
    margin-top: -50px;
    padding-top: 50px;
}
.gift-section > .ttl-wrap {
    background-image: url(https://eirakuya.itembox.design/item/lp/common/bg-ttl01_sp.png), url(https://eirakuya.itembox.design/item/lp/common/bg.png);
    background-repeat: no-repeat, repeat;
    background-size: 100vw 100%, auto;
    background-position: center;
    margin-bottom: 18.46vw;
}
.gift-section > .ttl-wrap .txt {
    text-align: center;
    font-size: 3.07vw;
}
.gift-section .contents-wrap {
    display: grid;
    row-gap: 20.51vw;
    margin-bottom: 20.51vw;
}
.gift-section .item-list {
    width: 94.8%;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 6.66vw;
    row-gap: 9.23vw;
    text-align: center;
}
.gift-section .item-list img {
    margin-bottom: 3.84vw;
}
.gift-section .item-list .item-ttl {
    font-size: 4.1vw;
    line-height: 5.12vw;
}
.gift-section .item-list .item-ttl + .item-txt {
    margin-top: 2.3vw;
}
.gift-section .item-list .item-ttl + .item-price {
    margin-top: 3vw;
}
.gift-section .item-list .item-txt {
    font-size: 3.07vw;
    line-height: 4.61vw;
    letter-spacing: .05em;
    margin-bottom: 3.07vw;
    text-align: left;
}
.gift-section .item-list .item-price {
    font-size: 3.58vw;
    color: #A7A7A7;
}
.gift-section .item-list .item-price span {
    font-size: 2.56vw;
}
@media only screen and (min-width: 900px) {
    .gift-section > .ttl-wrap {
        display: flex;
        align-items: center;
        background: url(https://eirakuya.itembox.design/item/lp/common/bg-ttl02.png) 0 / 100% 100% no-repeat;
        margin-bottom: min(7.29vw, 140px);
        position: relative;
        z-index: -2;
    }
    .gift-section > .ttl-wrap .inner {
        width: 90%;
        height: 100%;
        max-width: 1600px;
        margin: 0 auto;
        display: flex;
        align-items: stretch;
        column-gap: 30px;
    }
    .gift-section > .ttl-wrap .ttl {
        background: none;
        position: relative;
    }
    .gift-section > .ttl-wrap .ttl:after {
        content: "";
        width: 100%;
        height: 100%;
        background: url(https://eirakuya.itembox.design/item/lp/common/bg-ttl01.png) 0 / 100% 100% no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }
    .gift-section > .ttl-wrap .txt {
        font-size: 1.18rem;
        text-align: left;
        padding: min(3.64vw, 70px) 0;
    }
    .gift-section .contents-wrap {
        margin-bottom: min(7.29vw,140px);
        row-gap: min(3.12vw, 60px);
    }
    .gift-section .item-wrap {
        max-width: 1500px;
        width: 90%;
        margin: auto;
    }
    .gift-section .item-list {
        grid-template-columns: repeat(4, 1fr);
        max-width: 1200px;
        row-gap: min(5.2vw,100px);
        column-gap: min(3.12vw, 60px);
    }
    .gift-section .item-list img {
        margin-bottom: 24px;
    }
    .gift-section .item-list .item-ttl {
        font-size: 18px;
        line-height: 1.4;
    }
    .gift-section .item-list .item-txt {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 10px;
    }
    .gift-section .item-list .item-price {
        font-size: 18px;
    }
    .gift-section .item-list .item-price span {
        font-size: 14px;
    }
    .gift-section .item-list .item-ttl + .item-txt {
        margin-top: 10px;
    }
    .gift-section .item-list .item-ttl + .item-price {
        margin-top: 10px;
    }
}

/* recommend */
#recommend > .ttl-wrap {
    padding: 6.66vw 0;
}
#recommend > .ttl-wrap .ttl {
    /*width: 58.21vw;
    height: 9.81vw;*/
    margin: 0 auto 5.12vw;
	display: flex;
	align-items: center;
    justify-content: center;
}


#recommend > .ttl-wrap .ttl .img {
    width: min(10vw, 10%);
    margin-right: 2%;
}

#recommend .item-wrap.ranking {
    background: linear-gradient(180deg, #fff 0%, #fff 8.97vw, #F8F8F8 8.97vw, #F8F8F8 80%, #fff 80%, #fff 100%); 
}
#recommend .ranking .item-list {
    counter-reset: ranking 0;
}
#recommend .ranking .item-list li {
    counter-increment: ranking 1;
    position: relative;
}
#recommend .ranking .item-list li:before {
    content: counter(ranking);
    font-size: 3.07vw;
    position: absolute;
    display: grid;
    width: 8.97vw;
    height: 8.97vw;
    place-content: center;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    top: -4vw;
    left: 50%;
    transform: translateX(-50%);
}
#recommend .ranking .item-list li:nth-child(1):before {
    background-color: #DBD486;
}
#recommend .ranking .item-list li:nth-child(2):before {
    background-color: #CAD4D5;
}
#recommend .ranking .item-list li:nth-child(3):before {
    background-color: #C1A177;
}
#recommend .ranking .item-list li:nth-of-type(n+4):before {
    color: #fff;
    background-color: #000;
}
#recommend .item-wrap {
    background: linear-gradient(180deg, #fff 0%, #fff 8.97vw, #F8F8F8 8.97vw, #F8F8F8 30%, #fff 30%, #fff 100%); 
}
#recommend .item-wrap .ttl {
    font-size: 5.12vw;
    line-height: 1;
    text-align: center;
}
#recommend .item-wrap .ttl span {
    display: block;
    font-size: 3.58vw;
    margin-bottom: 2.82vw;
}
#recommend .item-wrap .item-list {
    padding: 12.82vw 5.12vw 0;
}
@media only screen and (min-width: 900px) {
    #recommend > .ttl-wrap {
        padding: 0;
    }
    #recommend > .ttl-wrap .ttl {
        margin: 0;
        height: auto;
        width: 51.7%;
        display: inline-flex;
        /* display: grid; */
        place-content: center;
        align-items: center;
    }
    #recommend > .ttl-wrap .ttl .img {
        /* width: min(25vw, 480px); */
        margin-left: 5%;
        margin-right: 2%;
        width: 50px;
    }
    #recommend .item-wrap.ranking {
        background: linear-gradient(180deg, #fff 0%, #fff 60px, #F8F8F8 60px, #F8F8F8 70%, #fff 70%, #fff 100%); 
    }
    #recommend .item-wrap {
        background: linear-gradient(180deg, #fff 0%, #fff 60px, #F8F8F8 60px, #F8F8F8 40%, #fff 40%, #fff 100%); 
    }
    #recommend .item-wrap .ttl {
        font-size: 40px;
    }
    #recommend .item-wrap .ttl span {
        font-size: 20px;
        margin-bottom: 20px;
    }
    #recommend.gift-section .ranking .item-list {
        grid-template-columns: repeat(3, 1fr);
        padding: min(6.25vw, 120px);
    }
    #recommend .ranking .item-list li:before {
        font-size: min(1.3vw,25px);
        width: 49.5px;
        height: 49.5px;
        top: -24px;
    }
    #recommend.gift-section .ranking .item-list .item-ttl {
        font-size: 23px;
        line-height: 1.4;
        text-align: left;
    }
    #recommend.gift-section .ranking .item-list .item-price {
        text-align: right;
    }
    #recommend .item-wrap .item-list {
        padding: min(3.125vw,60px) 0;
    }
}

/* person */
/* budget */
#person > .ttl-wrap,
#budget > .ttl-wrap {
    padding: 10vw 0;
}
#person > .ttl-wrap .ttl {
    width: 50.85vw;
    height: 5.85vw;
    margin: 0 auto 6.92vw;
}
#budget > .ttl-wrap .ttl {
    width: 38.36vw;
    height: 5.84vw;
    margin: 0 auto 6.92vw;
}
#person .item-wrap .ttl-wrap,
#budget .item-wrap .ttl-wrap {
    width: 89.9%;
    margin: auto;
    padding-left: 6.66vw;
}
#person .item-wrap .ttl-wrap .ttl,
#budget .item-wrap .ttl-wrap .ttl {
    font-size: 5.12vw;
    line-height: 1.4;
    text-align: left;
    padding: .8em 0;
    position: relative;
}
#person .item-wrap .ttl-wrap .ttl:before,
#budget .item-wrap .ttl-wrap .ttl:before{
    content: "";
    width: 42.56vw;
    height: 18.71vw;
    background: url(https://eirakuya.itembox.design/item/lp/common/bg-subttl-gr.png) 0 / contain no-repeat;
    position: absolute;
    top: -5.12vw;
    left: -5.12vw;
    z-index: -1;
}
#person .item-wrap .ttl-wrap .ttl span,
#budget .item-wrap .ttl-wrap .ttl span {
    font-size: 4.1vw;
}
#person .item-wrap .item-list,
#budget .item-wrap .item-list {
    padding: 7.69vw 5.12vw 0;
}
@media only screen and (min-width: 900px) {
    #person > .ttl-wrap,
    #budget > .ttl-wrap {
        padding: 0;
    }
    #person > .ttl-wrap .ttl,
    #budget > .ttl-wrap .ttl{
        margin: 0;
        height: auto;
        width: 51.7%;
        display: grid;
        place-content: center;
    }
    #person > .ttl-wrap .ttl .img {
        width: min(21.32vw, 409.44px);
        margin-left: 5%;
    }
    #budget > .ttl-wrap .ttl .img {
        width: min(16.1vw, 309.18px);
        margin-left: 8%;
    }
    #person .item-wrap .ttl-wrap, 
    #budget .item-wrap .ttl-wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: 1200px; 
        padding-left: 0;
    }
    #person .item-wrap .ttl-wrap .ttl, 
    #budget .item-wrap .ttl-wrap .ttl {
        font-size: 35px;
        padding: 0;
    }
    #person .item-wrap .ttl-wrap .ttl:before, 
    #budget .item-wrap .ttl-wrap .ttl:before {
        width: min(14.06vw, 270px);
        height: min(5.15vw, 99px);
        background: url(https://eirakuya.itembox.design/item/lp/common/bg-subttl-gr.png) 0 / 100% 100% no-repeat;
        position: absolute;
        top: -30px;
        left: -30px;
    }
    #person .item-wrap .ttl-wrap .ttl span,
    #budget .item-wrap .ttl-wrap .ttl span {
        font-size: 23px;
    }
    #person .item-wrap .ttl-wrap .txt,
    #budget .item-wrap .ttl-wrap .txt {
        text-align: right;
    }
    #person .item-wrap .item-list,
    #budget .item-wrap .item-list {
        padding: min(2.08vw,40px) 0;
    }
}

/* guide */
#guide.bg {
    width: 94.8%;
    margin: 0 auto 20.51vw;
    padding: 15.38vw 0;
}
#guide .guide-wrap {
    width: 91.8%;
    margin: auto;
    display: grid;
    row-gap: 3.84vw;
}
#guide .guide-box {
    background-color: #fff;
    padding: 12.82vw 5.12vw;
}
#guide .guide-box .ttl {
    border-bottom: 1px solid #000;
    font-size: 5.12vw;
    line-height: 1.4;
    padding-bottom: 2.56vw;
    margin-bottom: 5.12vw;
}
#guide .guide-box .date-wrap {
    margin: 7.69vw 0;
}
#guide .guide-box .date-wrap dl {
    display: flex;
    font-size: 3.58vw;
    line-height: 2;
}
#guide .guide-box .date-wrap dl:not(:last-child) {
    border-bottom: 1px solid #C4C4C4;
    padding-bottom: 1.58vw;
    margin-bottom: 1.58vw;
}
#guide .guide-box .date-wrap dt {
    width: 23vw;
}
#guide .guide-box .date-wrap dd {
    width: calc(100% - 23vw);
}
#guide .guide-box .date-wrap dd span {
    display: block;
    font-size: 3.07vw;
}
@media only screen and (min-width: 900px) {
    #guide.bg {
        max-width: 1800px;
        padding: min(6.25vw,120px) 0;
        margin: 0 auto min(7.29vw,140px);
    }
    #guide .guide-wrap {
        width: 90%;
        max-width: 1200px;
        row-gap: 25px;
    }
    #guide .guide-box {
        padding: min(4.166vw,80px) min(6.66vw,128px);
        width: 100%;
        margin: auto;
    }
    #guide .guide-box .ttl {
        font-size: 30px;
        text-align: center;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }
    #guide .guide-box .date-wrap {
        margin: 30px 0;
        display: flex;
        flex-wrap: wrap;
        column-gap: min(2.34vw,45px);
        height: 40%;
    }
    #guide .guide-box .date-wrap dl {
        font-size: 16px;
        width: calc(50% - 22.5px);
    }
    #guide .guide-box .date-wrap dl:nth-child(1) {
        order: 1;
    }
    #guide .guide-box .date-wrap dl:nth-child(2) {
        order: 3;
    }
    #guide .guide-box .date-wrap dl:nth-child(3) {
        order: 5;
    }
    #guide .guide-box .date-wrap dl:nth-child(4) {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
        order: 7;
    }
    #guide .guide-box .date-wrap dl:nth-child(5) {
        order: 2;
    }
    #guide .guide-box .date-wrap dl:nth-child(6) {
        order: 4;
    }
    #guide .guide-box .date-wrap dl:nth-child(7) {
        order: 6;
    }
    #guide .guide-box .date-wrap dl:nth-child(8) {
        order: 8;
    }
    #guide .guide-box .date-wrap dt {
        width: 153px;
        padding-left: 20px;
    }
    #guide .guide-box .date-wrap dd {
        width: calc(100% - 153px);
    }
    #guide .guide-box .date-wrap dd span {
        font-size: 12px;
    }
}

/* other */
#other .ttl {
    text-align: center;
    font-size: 5.12vw;
    line-height: 1.8;
    margin-bottom: 5.12vw;
}
#other .txt {
    text-align: center;
    margin-bottom: 10.25vw;
}
#other .subttl {
    font-size: 4.1vw;
    line-height: 1.8;
    text-align: center;
    margin-bottom: 5.12vw;
}
#other .flex {
    display: flex;
    flex-direction: column;
    row-gap: 7.17vw;
    margin-bottom: 17.94vw;
}
#other .sample-wrap {
    width: 57.6%;
    margin: auto;
}
#other .sample-wrap dl {
    display: flex;
}
#other .sample-wrap dl:not(:last-child) {
    border-bottom: 1px solid #C4C4C4;
    padding-bottom: 2.56vw;
    margin-bottom: 2.56vw;
}
#other .sample-wrap dl dt {
    width: 12.82vw;
}
#other .sample-wrap dl dd {
    width: clac(100% - 12.82vw);
}
#other .flex .img {
    width: 25.6%;
    margin: auto;
}
#fs_CustomPage .home-About {
    margin: 0;
}
#fs_CustomPage .doc-Pamphlet.sw-Section-line:before {
    content: none;
} 
@media only screen and (min-width: 900px) {
    #other a .img {
        display: block;
        max-width: 1028px;
        margin: auto;
    }
    #other .ttl {
        font-size: 30px;
        margin: 20px 0;
    }
    #other .txt {
        margin-bottom: 30px;
    }
    #other .subttl {
        font-size: 20px;
        margin-bottom: 10px;
    }
    #other .flex {
        flex-direction: row;
        justify-content: space-between;
        max-width: 600px;
        margin: 0 auto 140px;
    }
    #other .sample-wrap {
        width: 68%;
    }
    #other .sample-wrap dl:not(:last-child) {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    #other .sample-wrap dl dt {
        width: 71px;
        padding-left: 10px;
    }
    #other .sample-wrap dl dd {
        width: calc(100% - 71px);
    }
    #other .flex .img {
        width: 26.8%;
    }
    #fs_CustomPage .home-About_Container {
        grid-template-rows: auto;
    }
    #fs_CustomPage .doc-Pamphlet.sw-Section-line {
        margin-top: 30px;
    }
}