@charset "utf-8";

/* ---------
共通設定
---------*/

.post-edit {
    z-index: 10;
}

.br-pc {
    display: block;
}

.br-sp {
    display: none;
}

.br-sp-1 {
    display: none;
}

.footer-sp {
    display: none;
}

#header .in1200 {
    display: none;
}


/* ヘッダー */

#header {
    background: linear-gradient(to bottom, transparent 0%, transparent 70%, #fff 100%), url(https://www.ja-irumano.or.jp/wp-content/uploads/2022/05/headerbg.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 0;
    position: relative;
    height: 7.5rem;
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-info {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 0 3px #00381d, 0 0 3px #00381d, 0 0 3px #00381d, 0 0 3px #00381d, 0 0 3px #00381d;
    margin: 0 11% 0 0;
    font-size: 18px;
}

.header-info a {
    color: #ffffff;
}

.header-info p {
    letter-spacing: 0.24em;
    color: #ffffff;
    margin: 2% 0 0 0;
}

#header .logo img {
    max-width: unset;
    width: 75%;
}

#header h1 {
    color: #E6DAA2;
    font-size: 48px;
    line-height: 1.2;
    position: relative;
    top: inherit;
    left: inherit;
    text-align: center;
    padding: 22px 0 40px;
    display: inline-flex;
    flex-flow: column;
    justify-content: center;
    width: auto;
}

#header h1 span {
    display: block;
    font-size: .4em;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#header:after {
    content: none;
    display: none;
}


/* グローバルナビゲーション */

#g-navi {
    position: fixed;
    z-index: 100;
    background: #ffffff;
    right: 0;
    top: 0;
    width: 6%;
    height: 100%;
}

#g-navi .in1200 {
    margin: 0;
    padding: 0;
    position: relative;
    height: 100%;
}

#g-navi ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 25% 0 0;
}

#g-navi ul li {
    margin: 1.3rem 0;
}

#g-navi ul li.current-menu-item {
    background: inherit;
}

#g-navi ul li a,
#g-navi ul li:nth-child(3) a {
    padding: 6px 9px;
    border: none !important;
    margin: 0 13px;
    box-sizing: border-box;
    height: auto;
    border-radius: 8px;
    font-size: 17px;
    color: #910782;
    font-family: ten-mincho, serif;
    font-weight: 400;
    writing-mode: vertical-rl;
}

#g-navi ul li:last-child a {
    font-size: 0.5rem;
    color: #ffffff;
    font-family: ten-mincho, serif;
    font-weight: 400;
    writing-mode: horizontal-tb;
    line-height: 1.3;
    letter-spacing: 0.2rem;
    padding: 0 16% 10% 15%;
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0 0 0 25%;
}

#g-navi ul li a:hover {
    background: none;
}

#g-navi ul li.current-menu-item a,
#g-navi ul li.current-page-ancestor.menu-item-11243 a {
    background: #ffffff;
    color: #910782;
}

.sp-gotop {
    display: none;
}

/* 本文 */

article {
    overflow: hidden;
    width: 94%;
}

#lead {
    padding: 0 0 0 0;
}

#page #lead h1 {
    margin-bottom: 0;
}

#page #article-benefits #lead h1 {
    margin-bottom: 16px;
}

.in100per {
    padding: 0;
}

section.in1200 {
    background: transparent;
    border: none;
}

section:before,
section:after {
    content: none;
}

.flex-around {
    align-items: center;
}

.sayama-smenu {
    display: none;
}


/* 外部リンク */

.outer-link {
    padding-bottom: 50px;
    align-items: flex-start;
}

.outer-link p {
    margin: .3em 0;
    text-align: center;
}

.outer-link a {
    display: block;
}

.outer-link a:hover {
    opacity: .7;
}

.outer-link a p:first-child {
    font-size: 19px;
}


/* フッター */

#footer-sayamacha {
    width: 94%;
}

#footer-sayamacha a,
#footer-sayamacha p {
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #FFF;
    margin: 10px 0 0;
    line-height: 2.2;
    font-weight: bold;
    text-shadow: 0 0 3px #00381d, 0 0 3px #00381d, 0 0 3px #00381d, 0 0 3px #00381d, 0 0 3px #00381d;
}

.footer-link {
    position: relative;
    height: 0;
    padding-top: 25%;
    background: url(https://www.ja-irumano.or.jp/wp-content/uploads/2022/05/footer.png) 0 0 no-repeat;
    background-size: cover;
}

.sayama-footer-contain {
    position: absolute;
    right: 0;
    left: 0;
    top: 15%;
}

.footer-link p {
    text-align: center;
}

.sayamacha-copyright {
    margin: 3rem 0 0 0 !important;
}


/* ★ここにページごとの個別CSS★ */
/* 共通 */
.sayama-contents {
    display: flex;
    justify-content: center;
}

.sayama-contents h4 {
    font-family: ten-mincho, serif;
    font-weight: 400;
    font-size: 1.5rem;
    color: #910782;
    line-height: 2.5rem;
    border-bottom: 2px solid #910782;
    text-align: center;
    position: relative;
    padding: 0 20px !important;
}

.sayama-contents p {
    font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

section.in1200 {
    background: transparent;
    border: none;
    max-width: unset;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

h3 {
    color: #003912 !important;
    font-family: ten-mincho, serif !important;
    font-weight: 400;
    font-size: 1.5rem;
    writing-mode: vertical-rl;
    border: none !important;
}

/* top */
.wp-image-11264 {
    width: 100%;
    margin: 24px 0;
}

.in1300 {
    background: url(https://www.ja-irumano.or.jp/wp-content/uploads/2022/05/top-bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    width: auto;
}

.top-logoimg img {
    width: 36%;
    animation-name: fade;
    animation-duration: 3.5s;
    animation-iteration-count: 1;
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.sayama-movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%;
}

iframe {
    position: absolute;
    top: 13%;
    left: 20%;
    width: 60%;
    height: 45%;
}

.sayama-movie-h3 {
    position: absolute;
    margin: 9% 0 0 0;
    padding: 0 0 0 0;
    left: 4%;
}

.sayama-movie-h3 ::before {
    content: "";
    position: absolute;
    display: block;
    height: 230%;
    width: 5%;
    background-color: #003912;
    transform: rotate(90deg);
    top: -176%;
    left: -39%;
}

.sayama-about {
    padding: 2.5% 0;
    margin-top: -22%;
}

.sayama-about-h3 {
    position: relative;
    margin: 2.5% 0 0 0;
    padding: 0 0 0 0;
    left: -15%;
}

.sayama-about-h3 ::before {
    content: "";
    position: absolute;
    display: block;
    height: 23%;
    width: 5%;
    background-color: #003912;
    transform: rotate(90deg);
    top: -16%;
    left: -25%;
}

.sayama-about ::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 12%;
    z-index: -2;
    background-color: #F5F1D5;
    border-radius: 0 100px 100px 0;
}

.tea-bg {
    position: absolute;
    z-index: -3;
    width: 19%;
    top: -22.5%;
    right: 2%;
}

.about-sayama {
    display: flex;
    flex-direction: column;
    margin: 0 34.39px 0 0;
    width: 60%;
}

.about-sayama01 {
    margin: 0 0 4% 0;
}

.about-sayama01 p {
    line-height: 3rem;
}

.about-sayama01 img {
    position: absolute;
    z-index: -1;
    width: 26%;
    top: 3%;
    right: 19%;
}

.about-sayama-block {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.about-sayama-block p {
    line-height: 2rem;
}

.about-sayama02 {
    position: relative;
    background-color: #EBE1A8;
    border-radius: 30px;
    margin: 0 10% 0 0;
    padding: 2% 3%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.about-sayama03 {
    position: relative;
    background-color: #EBE1A8;
    border-radius: 30px;
    margin: 0 10% 0 0;
    padding: 2% 3%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sayama-kodawari {
    display: flex;
    justify-content: center;
    margin: 5% 0;
}

.sayama-kodawari .top-col1 h4 {
    color: #ffffff;
    text-align: center;
    position: relative;
    background-color: #003912;
    border: none;
    border-radius: 10px 10px 0 0;
}

.sayama-kodawari .top-col2 h4 {
    color: #ffffff;
    text-align: center;
    position: relative;
    background-color: #604C3F;
    border: none;
    border-radius: 10px 10px 0 0;
}

.top-col1 {
    width: 22%;
    border: 3px solid #003912;
    border-radius: 20px;
    background-color: #F5F1D5;
}

.top-col1 p {
    margin: 0 1.5rem;
    line-height: 1.7rem;
    min-height: 10rem;
}

.top-col-btn1 a {
    align-items: center;
    margin: 1.5rem auto;
    padding: 1rem;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    background-color: #003912;
    border-radius: 50vh;
    text-align: center;
    display: block;
    width: 72%;
    transition: 0.7s;
}

.top-col-btn1 a:hover {
    text-decoration: none;
    background-color: #55814E;
}

.top-col2 {
    width: 22%;
    margin: 0 5%;
    border: 3px solid #604C3F;
    border-radius: 20px;
    background-color: #F5F1D5;
}

.top-col-btn2 a {
    align-items: center;
    margin: 1.5rem auto;
    padding: 1rem;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    background-color: #604C3F;
    border-radius: 50vh;
    text-align: center;
    display: block;
    width: 72%;
    transition: 0.7s;
}

.top-col-btn2 a:hover {
    text-decoration: none;
    background-color: #8B7271;
}

.top-col2 p {
    margin: 0 1.5rem;
    line-height: 1.7rem;
    min-height: 10rem;
}


.commit-img img {
    width: 65%;
    display: block;
    margin: 1rem auto;
}

.sayama-method {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 80%;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 2% 2% 1% 0;
    border-radius: 30px;
}

.method-bg {
    background-image: url(https://www.ja-irumano.or.jp/wp-content/uploads/2022/05/method-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3% 0;
}

.sayama-method-h3 {
    position: relative;
    margin: -0.6% 0 0 0;
    padding: 0 0 0 0;
    left: -28%;
}

.sayama-tophalf {
    display: flex;
    justify-content: flex-end;
}

.sayama-bottomhalf {
    display: flex;
    justify-content: flex-end;
}

.method1 {
    position: absolute;
    width: 13%;
    top: 8%;
    left: 12.5%;
}

.method1 h4 {
    border: none;
}

.mt1-borderpc0 {
    display: block;
}

.mt1-borderpc0 ::after {
    content: "";
    position: absolute;
    top: 10rem;
    left: auto;
    right: -20%;
    transform: translateY(-50%);
    border: 10px solid transparent;
    border-left: 15px solid #5F1985;
}

.mt2-tophalf {
    padding-bottom: 1.25%;
}

.mt2-bottomhalf {
    padding-top: 2.25%;
}

.method-arrow-tophalf {
    position: relative;
}

.method-arrow-bottomhalf {
    position: relative;
}

.method2 {
    display: flex;
    position: relative;
    flex-direction: column;
    width: 20%;
    margin: 0 2.5% 0 3.3%;
}

.mt2-title {
    width: 35%;
}

.method2-inner {
    display: flex;
    flex-direction: row;
}

.method2-inner h4 {
    border: none;
    background-color: #910782;
    color: #ffffff;
    writing-mode: vertical-rl;
    padding: 1rem 0.2rem !important;
}

.mt2-borderpc1 {
    border-bottom: 1rem solid #ad9d02;
    min-height: 6.5rem;
}

.mt2-borderpc1 ::before {
    border-bottom: 2px dotted #5F1985;
    content: "";
    position: absolute;
    top: 43%;
    left: 54%;
    width: 121%;
    height: auto;
    transform: rotate(90deg);
}

.mt2-borderpc1 ::after {
    content: "";
    position: absolute;
    top: 30%;
    left: auto;
    right: -14%;
    transform: translateY(-50%);
    border: 10px solid transparent;
    border-left: 15px solid #5F1985;
}

.mt2-borderpc2 {
    border-bottom: 1rem solid #4c661a;
    min-height: 5rem;
}

.mt2-borderpc2 ::before {
    border-bottom: 2px dotted #5F1985;
    content: "";
    position: absolute;
    top: 43%;
    left: 54%;
    width: 121%;
    height: auto;
    transform: rotate(90deg);
}

.mt2-borderpc2 ::after {
    content: "";
    position: absolute;
    top: 30%;
    left: auto;
    right: -14%;
    transform: translateY(-50%);
    border: 10px solid transparent;
    border-left: 15px solid #5F1985;
}

.mt2-borderpc3 {
    border-bottom: 1rem solid #356520;
    min-height: 5rem;
}

.mt2-borderpc3 ::before {
    display: none;
    border-bottom: 2px dotted #5F1985;
    content: "";
    position: absolute;
    top: 43%;
    left: 54%;
    width: 121%;
    height: auto;
    transform: rotate(90deg);
}

.mt2-borderpc3 ::after {
    display: none;
    content: "";
    position: absolute;
    top: 30%;
    left: auto;
    right: -14%;
    transform: translateY(-50%);
    border: 10px solid transparent;
    border-left: 15px solid #5F1985;
}

.mt2-borderpc4 {
    border-bottom: 1rem solid #2a6e25;
    min-height: 5rem;
}

.mt2-borderpc4 ::after {
    content: "";
    position: absolute;
    top: 37%;
    left: auto;
    right: -14%;
    transform: translateY(-50%);
    border: 10px solid transparent;
    border-left: 15px solid #5F1985;
}

.mt2-borderpc5 {
    border-bottom: 1rem solid #157f30;
    min-height: 5rem;
}

.mt2-borderpc5 ::after {
    content: "";
    position: absolute;
    top: 37%;
    left: auto;
    right: -14%;
    transform: translateY(-50%);
    border: 10px solid transparent;
    border-left: 15px solid #5F1985;
}

.mt2-borderpc6 {
    border-bottom: 1rem solid #155f2b;
    min-height: 5rem;
}

.sayama-method-h3 ::before {
    content: "";
    position: absolute;
    display: block;
    height: 38.5%;
    width: 5%;
    background-color: #003912;
    transform: rotate(90deg);
    top: -27%;
    left: -29%;
}

.border-right-bottom ::before {
    border-bottom: 2px dotted #5F1985;
    content: "";
    position: absolute;
    top: 52%;
    left: 54%;
    width: 121%;
    height: auto;
    transform: rotate(90deg);
}

.method3 {
    position: absolute;
    width: 15%;
    top: 49%;
    left: 13%;
}

.method3 img {
    margin-top: 20%;
}

.method3 ::after {
    border-bottom: 2px dotted #5F1985;
    content: "";
    position: absolute;
    top: 2%;
    width: 380%;
    left: 110%;
}

.sayama-equiptable {
    width: 56.5%;
    position: relative;
}

.sayama-shunkou {
    letter-spacing: 2rem;
    text-indent: 2rem;
}

.sayama-equiptable th {
    color: #003912;
    font-weight: bold;
    background-color: #CBD7CF;
    width: 20%;
}

.sayama-equiptable td {
    background-color: #ffffff;
    padding: 5% 0 5% 3.5%;
}

.sayama-equiptable table {
    border: 1px solid #003912;
    border-right: none !important;
    border-left: none !important;
}

.sayama-equiptable table tr th,
table tr td {
    border: 1px solid #003912;
    border-right: none !important;
    border-left: none !important;
}

.sayama-equip {
    margin: 5% 11% 7.5% 0;
}

.equip-bg {
    position: absolute;
    z-index: 1;
    width: 40%;
    top: 54%;
    right: 7%;
}

.sayama-equip-h3 {
    position: relative;
    margin: 0% 0 0 0;
    padding: 0 0 0 0;
    left: -16.5%;
}

.sayama-equip-h3 ::before {
    content: "";
    position: absolute;
    display: block;
    height: 31%;
    width: 5%;
    background-color: #003912;
    transform: rotate(90deg);
    top: -24%;
    left: -6%;
}

.sayama-access {
    width: 100%;
    margin: 5% 0;
}

.sayama-access-h3 {
    position: relative;
    margin: 9% 0 0 0;
    padding: 0 0 0 0;
    left: 3.6%;
}

.sayama-access-h3 ::before {
    content: "";
    position: absolute;
    display: block;
    height: 14.5%;
    width: 5%;
    background-color: #003912;
    transform: rotate(90deg);
    top: -11%;
    left: 9%;
}

.sayama-access iframe {
    position: unset;
    border: none;
    display: block;
    margin: 0 0 0 auto;
    width: 90%;
    height: 30rem;
    max-width: unset;
    border-radius: 30px 0 0 30px;
}

.sayama-gmap p {
    color: #003912;
    margin: 1% 0 0 15%;
    font-size: 20px;
}

.access-sayama-block {
    display: flex;
    flex-direction: column;
    width: 85%;
    margin: 3% 0 0 auto;
}

.access01-inner {
    display: flex;
    flex-direction: row;
}

.access01-l {
    margin: 0 7% 0 0;
    text-indent: -1em;
    padding-left: 1em;
}

.access01-r {
    text-indent: -1em;
    padding-left: 1em;
}

.acs1 {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #006536;
    width: 32.5%;
    padding: 0 !important;
    text-align: left;
    justify-content: space-between;
}

.access-sayama01 h4 {
    font-weight: normal;
    color: #000000;
    text-align: left;
    border: none;
    padding: 0 !important;
}

.acs2 {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #006536;
    width: 32.5%;
    padding: 0 !important;
    text-align: left;
    justify-content: space-between;
}


.access-sayama02 h4 {
    font-weight: normal;
    color: #000000;
    text-align: left;
    border: none;
    padding: 0 !important;
}

.access-sayama02 {
    margin: 3% 0 0 0;
}

.acs-icon {
    display: flex;
    justify-content: flex-end;
    width: 10%;
}

.access-sayama01 img {
    margin: 0 0 0.4% 5%;
}

.access-sayama02 img {
    margin: 0 0 0.4% 5%;
}

/* 製造のこだわり */
.description {
    position: unset;
}

.sayama-seizou-lead {
    width: 96%;
    margin: 3% auto 5% auto;
    display: flex;
    align-items: center;
}

#lead h3 {
    text-shadow: none;
}

.seizou-h3 {
    position: absolute;
    margin: 1.5% 0 0 0;
    padding: 0 0 0 0;
    left: 2%;
}

.seizou-h3 ::before {
    content: "";
    position: absolute;
    display: block;
    height: 45%;
    width: 5%;
    background-color: #003912;
    transform: rotate(90deg);
    top: -35%;
    left: 0;
}

.seizou-lead-contents {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 4%;
}

.seizou-lead-title {
    display: flex;
    flex-direction: column;
    font-family: ten-mincho, serif !important;
    font-weight: 400;
    color: #00381D;
}

.seizou-lead-title h2 {
    color: #00381D;
}

.seizou-lead-title h4 {
    color: #00381D;
    line-height: 1;
    font-size: 18px;
    border: none;
    padding: 0 !important;
    text-align: left;
}

#lead p {
    margin: 1% 0;
    text-shadow: none;
    color: #595757;
    font-size: 16px;
    font-weight: normal;
}

.sayama-seizou {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 18% 3% 18%;
}

.seizou-inner1 {
    display: flex;
    flex-direction: column;
    width: 51.5%;
    margin: 2.5% 2%;
    position: relative;
}

.seizou-inner3,
.seizou-inner4,
.seizou-inner5 {
    display: flex;
    flex-direction: column;
    width: 46%;
    margin: 2.5% auto;
    position: relative;
}

.seizou-inner1 img,
.seizou-inner3 img,
.seizou-inner4 img,
.seizou-inner5 img {
    width: 100%;
}

.seizou-inner2 {
    display: flex;
    flex-direction: column;
    width: 40.5%;
    margin: 2.5% 2%;
    position: relative;
}

.seizou-inner2 img {
    width: 100%;
}

.seizou-inner6 {
    display: flex;
    flex-direction: column;
    width: 46%;
    margin: 2.5% auto;
    position: relative;
}

.seizou-inner6 img {
    width: 100%;
}

.seizou-commitment {
    font-family: 'Odibee Sans', cursive;
    margin: 0;
    color: #4d9172;
    letter-spacing: 0.1rem;
    font-size: 1.5rem;
    line-height: 0.75;
}

.cmt-num {
    margin: 0 0 0 2%;
    font-size: 2.5rem;
}

.seizou-ind {
    border: 2px solid #006235;
    border-bottom: none;
}

.seizou-ind h4 {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    color: #ffffff;
    padding: 4% 0 !important;
    text-align: center;
    background: linear-gradient(to bottom, #005C32, transparent);
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.seizou-ind1 h4 {
    top: 4.5%;
    padding: 4% 0 !important;
}

.seizou-ind2 h4 {
    top: 4.5%;
    padding: 4% 0 !important;
}

.seizou-ind3 h4 {
    top: 4%;
    padding: 4% 0 !important;
}

.seizou-ind4 h4 {
    top: 4%;
    padding: 4% 0 !important;
}

.seizou-ind5 h4 {
    top: 5.5%;
    padding: 4% 0 !important;
}

.seizou-ind6 h4 {
    top: 5.5%;
    padding: 4% 0 !important;
}

.seizou-p {
    margin: 1rem 2rem;
    text-indent: -1em;
    padding-left: 1em;
    min-height: 8rem;
}

.seizou-p p {
    margin: 0.1em 0;
}

.seizou-h3-sp {
    display: none;
}

/* 安全安心のこだわり */
.sayama-safety-lead {
    width: 96%;
    margin: 3% auto 5% auto;
    display: flex;
    align-items: center;
}

.safety-h3 {
    position: absolute;
    margin: 1.5% 0 0 0;
    padding: 0 0 0 0;
    left: 2%;
    color: #604C3F;
}

.safety-h3 h3 {
    color: #604C3F !important;
}

.safety-h3 ::before {
    content: "";
    position: absolute;
    display: block;
    height: 45%;
    width: 5%;
    background-color: #604C3F;
    transform: rotate(90deg);
    top: -35%;
    left: 0;
}

.safety-lead-contents {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 4%;
}

.safety-lead-title {
    display: flex;
    flex-direction: column;
    font-family: ten-mincho, serif !important;
    font-weight: 400;
    color: #00381D;
}

.safety-lead-img {
    width: 35.5%;
}

.safety-lead-title h2 {
    color: #604C3F;
}

.safety-lead-title h4 {
    color: #604C3F;
    line-height: 1;
    font-size: 18px;
    border: none;
    padding: 0 !important;
    text-align: left;
}

.sayama-safety {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 18% 3% 18%;
}

.safety-inner1,
.safety-inner2,
.safety-inner5,
.safety-inner6 {
    display: flex;
    flex-direction: column;
    width: 46%;
    margin: 2.5% auto;
    position: relative;
}

.safety-inner3 {
    display: flex;
    flex-direction: column;
    width: 62.5%;
    margin: 2.5% 2%;
    position: relative;
}

.safety-inner4 {
    display: flex;
    flex-direction: column;
    width: 29%;
    margin: 2.5% 2%;
    position: relative;
}

.safety-inner1 img,
.safety-inner2 img,
.safety-inner3 img,
.safety-inner4 img,
.safety-inner5 img,
.safety-inner6 img {
    width: 100%;
}

.safety-img-pc {
    display: block;
}

.safety-img-sp {
    display: none;
}

.safety-commitment {
    font-family: 'Odibee Sans', cursive;
    margin: 0;
    color: #908279;
    letter-spacing: 0.1rem;
    font-size: 1.5rem;
    line-height: 0.75;
}

.safety-ind {
    border: 2px solid #604C3F;
    border-bottom: none;
}

.safety-ind h4 {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    color: #ffffff;
    text-align: center;
    background: linear-gradient(to bottom, #604C3F, transparent);
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.safety-ind1 h4 {
    top: 5.5%;
    padding: 4% 0 !important;
}

.safety-ind2 h4 {
    top: 5.5%;
    padding: 4% 0 !important;
}

.safety-ind3 h4 {
    top: 5.5%;
    padding: 4% 0 !important;
}

.safety-ind4 h4 {
    top: 5.5%;
    padding: 4% 0 !important;
}

.safety-ind5 h4 {
    top: 6.5%;
    padding: 4% 0 !important;
}

.safety-ind6 h4 {
    top: 6.5%;
    padding: 4% 0 !important;
}

.safety-p {
    margin: 1rem 2rem;
    text-indent: -1em;
    padding-left: 1em;
    min-height: 5rem;
}

.safety-p p {
    margin: 0.1em 0;
}

.safety-h3-sp {
    display: none;
}

/* 淹れ方 */
.sayama-howto-lead {
    width: auto;
    margin: 3% 25% 5% auto;
    display: flex;
    align-items: center;
    position: relative;
}

.sayama-howto-h3gr {
    width: 10%;
    margin: 5% 0 0 0;
}

.sayama-howto-h3gr h3 {
    display: block;
    margin: 0 0 0 auto;
}

.sayama-howto-h3gr ::before {
    content: "";
    position: absolute;
    display: block;
    height: 15%;
    width: 0.1%;
    background-color: #003912;
    transform: rotate(90deg);
    top: 1%;
    left: 3%;
}

.sayama-howto-lead-bg {
    position: absolute;
    width: 62%;
    bottom: -48%;
    left: 75%;
    z-index: -1;
}

.howto-lead-contents {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 4%;
}

.howto-lead-title {
    display: flex;
    flex-direction: column;
}

.howto-lead-title h2 {
    font-family: ten-mincho, serif !important;
    font-weight: 400;
    color: #00381D;
}

.howto-lead-img {
    width: 22.1%;
}

.sayama-howto {
    background-image: url(https://www.ja-irumano.or.jp/wp-content/uploads/2022/05/howto-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 5% 0;
    position: relative;
}

.howto-innerL {
    display: flex;
    width: 60%;
}

.howto-title {
    display: flex;
    flex-direction: column;
}

.sayama-howto1 {
    display: flex;
    margin: 4% auto 4% 5%;
}

.how1-wrap {
    display: flex;
    flex-wrap: wrap;
}

.howto-h4 {
    text-align: center;
    border-bottom: 2px solid #00381D;
    width: 50%;
    font-size: 1.5rem;
    margin: 0 auto 1rem auto;
    line-height: 2rem;
    letter-spacing: 0.3rem;
    font-family: ten-mincho, serif !important;
    font-weight: 400;
    color: #00381D;
}

.howto-box {
    width: 30%;
    background-color: #ffffff;
    border: 1px solid #604C3F;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1%;
}

.htbox-num {
    margin: 0 auto 0 0;
}

.howto-box p {
    font-size: 12px;
}

.howto1-contents {
    display: flex;
    flex-direction: column;
}

.howto1-contents h4 {
    color: #604C3F;
    border-bottom: 1px solid #604C3F;
    font-size: 2rem;
    padding: 10px 10px 0 10px !important;
}

.htbox-num-last {
    margin: 6% auto 0 2%;
}

.htbox-num h4 {
    color: #604C3F;
    border-bottom: 1px solid #604C3F;
    font-size: 2rem;
    padding: 10px 10px 0 10px !important;
}

.htbox-num-last h4 {
    color: #ffffff;
    border: 1px solid #00381D;
    background-color: #00381D;
    border-radius: 50%;
    font-size: 1rem;
    padding: 12px 5px !important;
}

.htbox-p-1 {
    margin: -20% 1% 0 auto;
    padding: 0 5%;
    width: 80%;
}

.htbox-p-2 {
    margin: -20% 1% 0 auto;
    padding: 0 5%;
    width: 80%;
}

.htbox-p-last {
    margin: -30% 1% 0 auto;
    padding: 0 5%;
    width: 70%;
}

.howto-innerR {
    position: relative;
    width: 30%;
    display: flex;
    align-items: center;
}

.R-imgcenter {
    position: absolute;
    width: 60%;
    z-index: 1;
    left: 30%;
}

.R-img2 {
    position: absolute;
    top: 6%;
    width: 40%;
    left: 43%;
}

.R-img3 {
    position: absolute;
    top: 28%;
    width: 40%;
    left: 81%;
}

.R-img4 {
    position: absolute;
    top: 62%;
    width: 40%;
    left: 66%;
}

.R-img5 {
    position: absolute;
    top: 62%;
    width: 40%;
    left: 20%;
}

.R-img1 {
    position: absolute;
    top: 28%;
    width: 40%;
    left: 5%;
}

.R-bg-sp {
    display: none;
}

.sayama-howto2 {
    margin: 5% 0;
    position: relative;
}

.sayama-howto2-h3gr {
    width: 5%;
    margin: 1% 0 0 0;
}

.sayama-howto2-h3gr h3 {
    display: block;
    margin: 0 auto;
    color: #604C3F !important;
}

.sayama-howto2-h3gr ::before {
    content: "";
    position: absolute;
    display: block;
    height: 35%;
    width: 0.1%;
    background-color: #604C3F;
    transform: rotate(90deg);
    top: -18%;
    left: 3%;
}

.howto2-innerL {
    display: flex;
    width: 50%;
    margin: 0 3%;
}

.howto2-h4-1 {
    text-align: center;
    border-bottom: 2px solid #604C3F;
    width: 25%;
    font-size: 1.5rem;
    margin: 0 auto 1rem auto;
    line-height: 2rem;
    letter-spacing: 0.3rem;
    font-family: ten-mincho, serif !important;
    font-weight: 400;
    color: #604C3F;
}

.howto2-h4-2 {
    text-align: center;
    border-bottom: 2px solid #604C3F;
    width: 30%;
    font-size: 1.5rem;
    margin: 0 auto 1rem auto;
    line-height: 2rem;
    letter-spacing: 0.3rem;
    font-family: ten-mincho, serif !important;
    font-weight: 400;
    color: #604C3F;
}


.howto2-L {
    position: relative;
}

.ht2-L-p p {
    padding: 0 1.5rem;
    line-height: 2.5rem;
}

.ht2-bg {
    position: absolute;
    top: 40%;
    left: 50%;
    z-index: -1;
}

.howto2-innerR {
    width: 30%;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0 2% 0 3%;
}

.R-wrap {
    display: flex;
    justify-content: center;
    border: 2px solid #604C3F;
    border-bottom: none;
}

.ht2-R1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 8rem;
    position: relative;
    overflow: hidden;
}

.ht2-R2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 8rem;
    border: 1px dashed #604C3F;
    border-top: none;
    border-bottom: none;
    position: relative;
    overflow: hidden;
}

.ht2-R3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 8rem;
    border-right: 1px dashed #604C3F;
    position: relative;
    overflow: hidden;
}

.ht2-R4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 8rem;
    position: relative;
    overflow: hidden;
}

.ht2-R-h5 {
    font-size: 1.5rem;
    color: #ffffff;
    background-color: #6A3906;
    text-align: center;
    writing-mode: vertical-rl;
    min-height: 7rem;
    font-family: ten-mincho, serif !important;
    font-weight: 400;
    margin: 1rem 0 0 0;
}

.ht2-R-p {
    writing-mode: vertical-rl;
    max-height: 13rem;
}

.ht2-R-bg {
    position: absolute;
    z-index: -1;
    overflow: hidden;
    top: -35%;
    max-width: unset;
}

.sayama-lineup {
    padding: 2.5% 0;
    margin: 0 0 6% 0;
    justify-content: flex-start;
    align-items: center;
    width: 80%;
}

.sayama-lineup-h3 {
    margin: 1.5% 10% 0 0;
    text-orientation: upright;
    width: 6.5%;
}

.sayama-lineup-h3 h3 {
    margin: 0 0 0 auto;
}

.sayama-lineup-h3 ::before {
    content: "";
    position: absolute;
    display: block;
    height: 25%;
    width: 0.1%;
    background-color: #003912;
    transform: rotate(90deg);
    top: -5%;
    left: 3%;
}

.sayama-lineup ::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 15%;
    z-index: -2;
    background-color: #F5F1D5;
    border-radius: 0 100px 100px 0;
}

.sayama-lineup-bg {
    position: absolute;
    width: 12%;
    top: 70%;
    right: 8%;
}

.lineup-sayama-block {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.lineup-sayama-block p {
    line-height: 2rem;
}

.lineup-box-wrap {
    display: flex;
}

.lineup-sayama-box {
    width: 15%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 1.5%;
}

/* ブラウザ幅ごとの調整 */
@media screen and (max-width: 1835px) {
    .about-sayama02 {
        margin: 0 9% 0 0;
    }
}

@media screen and (max-width: 1799px) {
    #g-navi .in1200 {
        margin-left: auto;
    }
}

@media screen and (max-width: 1754px) {
    .seizou-ind1 h4 {
        top: 5%;
    }

    .seizou-ind2 h4 {
        top: 5%;
    }

    .seizou-ind3 h4 {
        top: 4.5%;
    }

    .seizou-ind4 h4 {
        top: 4.5%;
    }
}

@media screen and (max-width: 1731px) {
    .top-col1 p {
        min-height: 12rem;
    }
}

@media screen and (max-width: 1715px) {
    .howto2-h4-1 {
        width: 26%;
    }
}

@media screen and (max-width: 1701px) {
    .safety-ind1 h4 {
        top: 6%;
    }

    .safety-ind2 h4 {
        top: 6%;
    }

    .safety-ind3 h4 {
        top: 6%;
    }

    .safety-ind4 h4 {
        top: 6%;
    }

    .safety-ind5 h4 {
        top: 7%;
    }

    .safety-ind6 h4 {
        top: 7%;
    }

    .howto2-h4-2 {
        width: 35%;
    }
}


@media screen and (max-width: 1690px) {

    .mt2-borderpc2,
    .mt2-borderpc3,
    .mt2-borderpc4,
    .mt2-borderpc5,
    .mt2-borderpc6 {
        min-height: 6rem;
    }
}

@media screen and (max-width: 1649px) {
    .howto2-h4-1 {
        width: 27%;
    }
}

@media screen and (max-width: 1639px) {
    #g-navi .in1200 {
        margin-left: auto;
    }

    .seizou-ind1 h4 {
        top: 5%;
    }

    .seizou-ind2 h4 {
        top: 5%;
    }

    #g-navi .in1200 {
        margin-left: auto;
    }
}

@media screen and (max-width: 1636px) {

    .mt2-borderpc1,
    .mt2-borderpc2,
    .mt2-borderpc3,
    .mt2-borderpc4,
    .mt2-borderpc5 {
        min-height: 8rem;
    }

    .mt2-borderpc6 {
        min-height: 9rem;
    }

    .method3 ::after {
        top: 5%;
    }

    .border-right-top ::before {
        top: 49%;
        left: 44%;
        width: 140%;
    }

    .border-right-bottom ::before {
        left: 44%;
        width: 140%;
    }
}

@media screen and (max-width: 1592px) {
    .sayama-equip-h3 {
        left: -10.5%;
    }

    .sayama-equiptable {
        width: 67%;
    }

    .equip-bg {
        width: 45%;
        right: -0.5%;
    }
}

@media screen and (max-width: 1588px) {
    .howto2-h4-1 {
        width: 28%;
    }

    .sayama-lineup-h3 h3 {
        margin: 0 0 0 50%;
    }
}

@media screen and (max-width: 1514px) {
    #g-navi ul li:last-child a {
        padding: 0 15% 10% 15%;
    }
}

@media screen and (max-width: 1513px) {
    .howto2-h4-1 {
        width: 29%;
    }
}

@media screen and (max-width: 1516px) {
    .sayama-seizou-lead {
        width: 75%;
    }

    .sayama-safety-lead {
        width: 75%;
    }
}

@media screen and (max-width: 1504px) {
    .seizou-ind5 h4 {
        top: 6%;
    }

    .seizou-ind6 h4 {
        top: 6%;
    }
}

@media screen and (max-width: 1500px) {
    .sayama-howto-h3gr h3 {
        margin: 0 10% 0 45%;
    }
}

@media screen and (max-width: 1498px) {
    .top-col1 p {
        min-height: 13.5rem;
    }
}

@media screen and (max-width: 1481px) {
    #g-navi ul li:last-child a {
        padding: 0 10% 10% 10%;
    }
}

@media screen and (max-width: 1479px) {
    .howto2-h4-1 {
        width: 30%;
    }
}

@media screen and (max-width: 1465px) {
    .howto-h4 {
        width: 51%;
    }

    .R-img2 {
        top: 15%;
    }

    .R-img3 {
        top: 32%;
    }

    .R-img4 {
        top: 60%;
    }

    .R-img5 {
        top: 60%;
    }

    .R-img1 {
        top: 32%;
    }
}

@media screen and (max-width: 1460px) {
    .sayama-howto2 {
        justify-content: flex-start;
    }

    .sayama-howto-h3gr ::before {
        height: 11%;
        left: 3%;
    }

    .sayama-howto2-h3gr h3 {
        margin: 0 0 0 40%;
    }

    .sayama-howto2-h3gr ::before {
        height: 18%;
        top: -13%;
        left: 2.5%;
    }

    .howto2-innerL {
        width: 40%;
        margin: 0 3% 0 7%;
    }

    .howto2-h4-1 {
        width: 37%;
    }

    .ht2-R-p {
        max-height: 15rem;
    }

    .ht2-R-bg {
        top: -31%;
    }

    .sayama-lineup-h3 ::before {
        height: 16%;
        top: -3%;
        left: 2%;
    }
}

@media screen and (max-width: 1458px) {
    .howto2-h4-2 {
        width: 36%;
    }

    .sayama-lineup-h3 ::before {
        height: 29%;
        top: -9%;
        left: 0%;
    }
}

@media screen and (max-width: 1456px) {
    .mt1-borderpc0 ::after {
        top: 9rem;
    }
}

@media screen and (max-width: 1453px) {
    .safety-ind1 h4 {
        top: 7%;
    }

    .safety-ind2 h4 {
        top: 7%;
    }

    .safety-ind5 h4 {
        top: 7.5%;
    }

    .safety-ind6 h4 {
        top: 7.5%;
    }
}

@media screen and (max-width: 1449px) {
    .howto2-h4-1 {
        width: 38%;
    }
}

@media screen and (max-width: 1440px) {
    #g-navi ul li {
        margin: 1.3rem 0;
    }

    #sayama-movie {
        margin-bottom: 5%;
    }

    .sayama-movie-h3 {
        left: 5%;
    }

    .sayama-about {
        margin-bottom: 3%;
    }

    .about-sayama {
        width: 77%;
    }

    .sayama-about-h3 {
        margin: 4% 0 0 0;
        left: -4%;
    }

    .tea-bg {
        top: -19%;
    }

    .about-sayama01 p {
        line-height: 2.5rem;
    }

    .about-sayama01 img {
        width: 25%;
        top: 5%;
        right: 17%;
    }

    .top-col1 {
        width: 23%;
    }

    .top-col2 {
        width: 23%;
    }

    .commit-img img {
        width: 57%;
    }

    .top-col1 p {
        min-height: 13rem;
    }

    .top-col2 p {
        min-height: 13rem;
    }

    .top-col-btn1 a {
        margin: 1.5rem auto;
    }

    .sayama-method-h3 {
        left: -29.5%;
    }

    .method2 {
        width: 19%;
    }

    .method2-inner h4 {
        line-height: 2rem;
    }

    .border-right-top ::before {
        left: 40%;
        width: 150%;
    }

    .border-right-bottom ::before {
        left: 40%;
        width: 150%;
    }

    .sayama-equiptable {
        width: 75%;
    }

    .sayama-equiptable td {
        padding: 4% 10% 4% 3.5%;
        line-height: 1.5rem;
    }

    .equip-bg {
        width: 40%;
        top: 52%;
        right: 1.5%;
    }

    .sayama-equip-h3 {
        left: -6.5%;
    }

    .sayama-equip-h3 ::before {
        height: 28%;
        top: -21%;
        left: -26%;
    }

    .sayama-access-h3 {
        left: 3.2%;
    }

    .sayama-access-h3 ::before {
        height: 10.5%;
        top: -8%;
    }

    .access01-l {
        margin: 0 5% 0 0;
    }

    .htbox-p-1 {
        margin: -27% 1% 0 auto;
    }

    .htbox-p-2 {
        margin: -27% 1% 0 auto;
    }

    .htbox-p-last {
        margin: -41% -3% 0 auto;
    }
}

@media screen and (max-width: 1435px) {
    .howto-h4 {
        width: 52%;
    }
}

@media screen and (max-width: 1433px) {
    .top-col1 p {
        min-height: 13.5rem;
    }
}

@media screen and (max-width: 1430px) {
    .about-sayama02 {
        margin: 0 9% 0 0;
    }
}

@media screen and (max-width: 1429px) {
    .howto2-h4-1 {
        width: 38%;
    }
}

@media screen and (max-width: 1418px) {
    .howto2-h4-2 {
        width: 37%;
    }
}

@media screen and (max-width: 1410px) {
    .howto2-h4-1 {
        width: 39%;
    }
}

@media screen and (max-width: 1406px) {
    .howto-h4 {
        width: 53%;
    }
}

@media screen and (max-width: 1404px) {
    .ht2-R-p {
        max-height: 18rem;
    }

    .ht2-R-bg {
        top: -27%;
    }

    .mt2-borderpc1 ::after {
        top: 25%;
        border: 7px solid transparent;
        border-left: 10px solid #5F1985;
    }

    .mt2-borderpc2 ::after {
        top: 25%;
        border: 7px solid transparent;
        border-left: 10px solid #5F1985;
    }

    .mt2-borderpc4 ::after {
        top: 30%;
        border: 7px solid transparent;
        border-left: 10px solid #5F1985;
    }

    .mt2-borderpc5 ::after {
        top: 30%;
        border: 7px solid transparent;
        border-left: 10px solid #5F1985;
    }
}

@media screen and (max-width: 1401px) {
    .seizou-p {
        min-height: 10rem;
    }

    .safety-p {
        min-height: 4rem;
    }
}

@media screen and (max-width: 1399px) {
    .sayama-footer-contain {
        position: absolute;
        right: 0;
        left: 0;
        top: 5%;
    }
}

@media screen and (max-width: 1383px) {
    .howto2-h4-1 {
        width: 39%;
    }
}

@media screen and (max-width: 1379px) {
    #g-navi .in1200 {
        margin-left: auto;
        margin-right: auto;
    }

    #g-navi ul {
        margin: 0 15% 0 0;
    }

    #g-navi ul li a,
    #g-navi ul li:nth-child(3) a {
        margin: 0px -20%;
    }

    .about-sayama01 img {
        right: 14%;
    }

    .top-col1 {
        width: 23%;
    }

    .top-col1 p {
        min-height: 14.5rem;
    }

    .top-col2 {
        width: 23%;
    }

    .top-col-btn1 a {
        margin: 0.6rem auto 1.5rem auto;
    }

    .about-sayama02 {
        margin: 0 6% 0 0;
    }

    .mt2-borderpc1,
    .mt2-borderpc2,
    .mt2-borderpc3,
    .mt2-borderpc4,
    .mt2-borderpc5 {
        min-height: 9.5rem;
    }

    .mt2-borderpc6 {
        min-height: 10.5rem;
    }

    .acs1 {
        width: 50%;
    }

    .acs2 {
        width: 50%;
    }

    .access01-inner {
        flex-direction: column;
    }

    .howto2-h4-2 {
        width: 38%;
    }

    .ht2-bg {
        position: absolute;
        top: 40%;
        left: 0%;
        z-index: -1;
    }

    .howto-h4 {
        width: 55%;
    }
}

@media screen and (max-width: 1374px) {
    .howto2-h4-1 {
        width: 40%;
    }
}

@media screen and (max-width: 1350px) {
    .about-sayama02 {
        margin: 0 5% 0 0;
    }

    .ht2-R1 {
        width: 7rem;
    }

    .ht2-R2 {
        width: 7rem;
    }

    .ht2-R3 {
        width: 7rem;
    }

    .ht2-R4 {
        width: 7rem;
    }
}

@media screen and (max-width: 1343px) {
    .howto2-h4-1 {
        width: 41%;
    }

    .howto2-h4-2 {
        width: 39%;
    }
}

@media screen and (max-width: 1326px) {
    .howto-h4 {
        width: 57%;
    }
}

@media screen and (max-width: 1322px) {
    .about-sayama02 {
        margin: 0 4% 0 0;
    }

    .top-col1 {
        width: 24%;
    }

    .top-col2 {
        width: 24%;
    }
}

@media screen and (max-width: 1309px) {
    .howto2-h4-1 {
        width: 42%;
    }

    .howto2-h4-2 {
        width: 40%;
    }

    #g-navi ul li:last-child a {
        padding: 0 10% 5% 10%;
    }
}

@media (max-width: 1299px) {
    .about-sayama01 img {
        width: 23.5%;
        top: 7%;
        right: 13%;
    }

    .about-sayama02 {
        margin: 0 3% 0 0;
    }

    .top-col1 {
        width: 25%;
    }

    .top-col2 {
        width: 25%;
    }

    .top-col1 p {
        min-height: 14.5rem;
    }

    .top-col-btn1 a {
        margin: 0.9rem auto 1.5rem auto;
    }

    .mt2-borderpc4 {
        min-height: 9.5rem;
    }

    .mt2-borderpc6 {
        min-height: 10.5rem;
    }
}

@media screen and (max-width: 1277px) {
    .howto2-h4-1 {
        width: 43%;
    }

    .howto2-h4-2 {
        width: 41%;
    }

    .howto-h4 {
        width: 58%;
    }
}

@media screen and (max-width: 1270px) {
    .seizou-ind1 h4 {
        top: 5.5%;
    }

    .seizou-ind2 h4 {
        top: 5.5%;
    }

    .seizou-ind3 h4 {
        top: 5%;
    }

    .seizou-ind4 h4 {
        top: 5%;
    }

    .seizou-ind5 h4 {
        top: 6.5%;
    }

    .seizou-ind6 h4 {
        top: 6.5%;
    }
}

@media screen and (max-width: 1254px) {
    .howto-h4 {
        width: 59%;
    }

    .R-img2 {
        top: 20%;
    }

    .R-img3 {
        top: 35%;
    }

    .R-img4 {
        top: 58%;
    }

    .R-img5 {
        top: 58%;
    }

    .R-img1 {
        top: 35%;
    }
}

@media (max-width: 1248px) {
    .sayama-seizou {
        margin: 3% 13%;
    }

    .seizou-ind1 h4 {
        top: 5%;
    }

    .seizou-ind2 h4 {
        top: 5%;
    }

    .seizou-ind5 h4 {
        top: 6%;
    }

    .seizou-ind6 h4 {
        top: 6%;
    }

    .sayama-safety {
        margin: 3% 13%;
    }
}

@media screen and (max-width: 1246px) {
    .howto2-h4-1 {
        width: 44%;
    }

    .howto2-h4-2 {
        width: 42%;
    }

    .ht2-R1 {
        width: 6rem;
    }

    .ht2-R2 {
        width: 6rem;
    }

    .ht2-R3 {
        width: 6rem;
    }

    .ht2-R4 {
        width: 6rem;
    }

    .ht2-R-p {
        max-height: 20rem;
    }

    .ht2-R-bg {
        top: -25%;
    }
}

@media (max-width: 1232px) {
    .howto-h4 {
        width: 60%;
    }

    .htbox-p-1 {
        margin: -32% -3% 0 auto;
    }

    .htbox-p-2 {
        margin: -32% -3% 0 auto;
    }

    .htbox-p-last {
        margin: -41% -5% 0 auto;
        padding: 0 9%;
    }
}

@media (max-width: 1226px) {
    .sayamacha-copyright {
        margin: 1.5rem 0 0 0 !important;
    }
}

@media (max-width: 1218px) {
    .howto2-h4-1 {
        width: 45%;
    }

    .howto2-h4-2 {
        width: 43%;
    }
}

@media (max-width: 1216px) {
    .top-col1 {
        width: 26%;
    }

    .top-col2 {
        width: 26%;
    }
}

@media (max-width: 1211px) {
    #g-navi ul li:last-child a {
        padding: 0 5% 5% 5%;
    }

    .howto-h4 {
        width: 61%;
    }
}

@media (max-width: 1199px) {
    .sayama-movie-h3 {
        left: 3%;
        margin: 8% 0 0 0;
    }

    .about-sayama {
        width: 84%;
        margin: 0;
    }

    .sayama-about ::after {
        right: 10%;
    }

    .about-sayama01 img {
        width: 20.5%;
        top: 10%;
        right: 12.5%;
    }

    .tea-bg {
        top: -17%;
        right: 0;
    }

    .equip-bg {
        width: 35%;
        top: 55%;
    }

    .sayama-gmap p {
        font-size: 1.1rem;
    }

    .mt1-borderpc0 ::after {
        top: 8rem;
    }
}

@media (max-width: 1191px) {
    .howto2-h4-1 {
        width: 46%;
    }

    .howto2-h4-2 {
        width: 44%;
    }
}

@media (max-width: 1190px) {
    .howto-h4 {
        width: 62%;
    }
}

@media (max-width: 1171px) {
    .top-col1 {
        width: 28%;
    }

    .top-col2 {
        width: 28%;
    }
}

@media (max-width: 1170px) {
    .howto-h4 {
        width: 63%;
    }
}

@media (max-width: 1165px) {
    .howto2-h4-1 {
        width: 47%;
    }

    .howto2-h4-2 {
        width: 45%;
    }
}

@media (max-width: 1151px) {
    .howto-h4 {
        width: 64%;
    }

    .sayama-howto-h3gr ::before {
        top: -1%;
    }

    .mt2-borderpc1 ::after {
        top: 21%;
    }

    .mt2-borderpc2 ::after {
        top: 21%;
    }

    .mt2-borderpc4 ::after {
        top: 27%;
    }

    .mt2-borderpc5 ::after {
        top: 27%;
    }
}

@media (max-width: 1140px) {
    .howto2-h4-1 {
        width: 48%;
    }

    .howto2-h4-2 {
        width: 46%;
    }
}

@media (max-width: 1136px) {
    .seizou-ind1 h4 {
        top: 5.5%;
    }

    .seizou-ind2 h4 {
        top: 5.5%;
    }

    .howto2-h4-1 {
        width: 48%;
    }

    .howto2-h4-2 {
        width: 46%;
    }
}

@media (max-width: 1132px) {
    .howto-h4 {
        width: 65%;
    }

    .htbox-num-last h4 {
        font-size: 0.8rem;
        padding: 3px 0px !important;
    }

    .htbox-p-last {
        margin: -41% -1% 0 auto;
        padding: 0 4%;
    }

}

@media (max-width: 1120px) {

    #g-navi ul li a,
    #g-navi ul li:nth-child(3) a {
        margin: 0px -35%;
    }

    .sayamacha-gotopbtn ::before {
        right: 35%;
    }

    .sayamacha-copyright {
        margin: 0.3rem 0 0 0 !important;
    }
}

@media (max-width: 1117px) {
    .howto2-h4-1 {
        width: 49%;
    }

    .howto2-h4-2 {
        width: 47%;
    }
}

@media (max-width: 1114px) {
    .howto-h4 {
        width: 66%;
    }
}

@media (max-width: 1099px) {
    #g-navi .in1200 {
        max-width: unset;
    }

    #g-navi ul li a,
    #g-navi ul li:nth-child(3) a {
        margin: 0px -80%;
    }

    .sayamacha-gotopbtn ::before {
        right: 41.5%;
    }

    .sayama-about-h3 ::before {
        height: 10%;
        top: -7.5%;
    }

    .about-sayama01 {
        margin: 0 0 35% 0;
    }

    .about-sayama01 img {
        width: 44%;
        top: 25%;
        right: 34%;
    }

    .tea-bg {
        top: -10%;
        right: 1%;
    }

    .sayama-equip-h3 {
        margin: 1% 0 0 0;
    }

    .howto-h4 {
        width: 67%;
    }
}

@media (max-width: 1094px) {
    .howto2-h4-1 {
        width: 50%;
    }

    .howto2-h4-2 {
        width: 48%;
    }
}

@media (max-width: 1092px) {
    .sayama-movie-h3 {
        left: 2.5%;
    }

    .top-col1 {
        width: 29%;
    }

    .top-col2 {
        width: 29%;
        margin: 0 3%;
    }
}

@media (max-width: 1088px) {
    .safety-ind1 h4 {
        top: 8%;
    }

    .safety-ind2 h4 {
        top: 8%;
    }

    .safety-ind3 h4 {
        top: 6.5%;
    }

    .safety-ind4 h4 {
        top: 6.5%;
    }

    .safety-ind5 h4 {
        top: 8%;
    }

    .safety-ind6 h4 {
        top: 8%;
    }

    .sayama-lineup {
        width: 90%;
    }

    .lineup-box-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .lineup-sayama-box {
        width: 23%;
    }

    .lineup-img {
        width: 81%;
    }

    .sayama-lineup-bg {
        width: 20%;
        top: 81%;
        right: 3%;
    }

    .sayama-lineup-h3 h3 {
        margin: -12rem 0 0 50%;
    }

    .sayama-lineup-h3 ::before {
        height: 12%;
        top: -1%;
        left: 4%;
    }
}

@media (max-width: 1081px) {
    .howto-h4 {
        width: 68%;
    }
}

@media (max-width: 1072px) {
    .seizou-ind5 h4 {
        top: 6.5%;
    }

    .seizou-ind6 h4 {
        top: 6.5%;
    }

    .howto2-h4-1 {
        width: 51%;
    }

    .howto2-h4-2 {
        width: 49%;
    }
}

@media (max-width: 1066px) {
    .howto-h4 {
        width: 69%;
    }
}

@media (max-width: 1062px) {
    .safety-ind1 h4 {
        top: 7%;
    }

    .safety-ind2 h4 {
        top: 7%;
    }

    .safety-p {
        min-height: 6rem;
    }
}

@media (max-width: 1051px) {
    .howto2-h4-1 {
        width: 52%;
    }

    .howto2-h4-2 {
        width: 50%;
    }

    .howto-h4 {
        width: 70%;
    }
}

@media (max-width: 1049px) {
    .sayama-movie-h3 {
        left: 2.5%;
        margin: 15% 0 0 0;
    }

    .top-col1 {
        width: 30%;
    }

    .top-col2 {
        width: 30%;
    }

    .border-right-top ::before {
        left: 15%;
        width: 200%;
    }

    .border-right-bottom ::before {
        left: 15%;
        width: 200%;
    }
}

@media (max-width: 1036px) {
    .howto-h4 {
        width: 71%;
    }
}

@media (max-width: 1033px) {
    .tea-bg {
        top: -8%;
        right: 1%;
    }

    .mt2-borderpc1,
    .mt2-borderpc3 {
        min-height: 11rem;
    }

    .mt2-borderpc2,
    .mt2-borderpc4,
    .mt2-borderpc5,
    .mt2-borderpc6 {
        min-height: 9rem;
    }

    #footer-sayamacha p {
        line-height: 1.2em;
    }

    .sayamacha-copyright {
        margin: 1rem 0 0 0 !important;
    }
}

@media (max-width: 1032px) {
    .mt2-borderpc1 ::after {
        top: 18%;
    }

    .mt2-borderpc2 ::after {
        top: 18%;
    }

    .mt2-borderpc4 ::after {
        top: 22%;
    }

    .mt2-borderpc5 ::after {
        top: 22%;
    }
}

@media (max-width: 1031px) {
    .seizou-ind3 h4 {
        top: 5.5%;
    }

    .seizou-ind4 h4 {
        top: 5.5%;
    }

    .howto2-h4-1 {
        width: 53%;
    }

    .howto2-h4-2 {
        width: 51%;
    }

    .ht2-R1 {
        width: 5rem;
    }

    .ht2-R2 {
        width: 5rem;
    }

    .ht2-R3 {
        width: 5rem;
    }

    .ht2-R4 {
        width: 5rem;
    }

    .ht2-R-p {
        max-height: 23rem;
    }

    .ht2-R-bg {
        top: -23%;
    }
}

@media (max-width: 1025px) {
    #g-navi ul li:last-child a {
        padding: 0 0 5% 0 !important;
    }
}

@media (max-width: 1024px) and (min-width: 1024px) {
    #g-navi ul li {
        margin: 0.75rem 0;
    }

}

@media (max-width: 1022px) {
    .howto-h4 {
        width: 41%;
    }

    .sayama-howto1 {
        margin: 4% auto;
        flex-direction: column;
        align-items: center;
        padding: 0 0 50% 0;
    }

    .howto-innerL {
        display: flex;
        width: 100%;
    }

    .how1-wrap {
        justify-content: center;
    }

    .howto-box {
        width: 25%;
    }

    .howto-innerR {
        width: 94%;
    }

    .R-imgcenter {
        width: 25%;
        top: 10em;
        left: 36%;
    }

    .R-img2 {
        width: 20%;
        top: 1.1em;
        left: 40%;
    }

    .R-img3 {
        width: 20%;
        top: 7em;
        left: 57%;
    }

    .R-img4 {
        width: 20%;
        top: 18em;
        left: 51%;
    }

    .R-img5 {
        width: 20%;
        top: 18em;
        left: 28%;
    }

    .R-img1 {
        width: 20%;
        top: 7em;
        left: 22%;
    }

    .sayama-howto-h3gr ::before {
        top: -3%;
    }

    .htbox-p-1 {
        margin: -24% -3% 0 auto;
    }

    .htbox-p-2 {
        margin: -26% -3% 0 auto;
    }

    .htbox-p-last {
        margin: -31% 3% 0 auto;
        padding: 0 0%;
    }
}

@media (max-width: 1011px) {
    .howto2-h4-1 {
        width: 54%;
    }

    .howto2-h4-2 {
        width: 52%;
    }
}

@media (max-width: 1008px) {
    .howto-h4 {
        width: 42%;
    }
}

@media (max-width: 1005px) {
    .sayama-lineup-h3 h3 {
        margin: -11rem 0 0 50%;
    }
}

@media (max-width: 998px) {
    .sayama-seizou {
        margin: 3% 12%;
    }

    .sayama-safety {
        margin: 3% 12%;
    }
}

@media (max-width: 992px) {
    .howto2-h4-1 {
        width: 55%;
    }

    .howto2-h4-2 {
        width: 53%;
    }
}

@media (max-width: 985px) {
    .seizou-p {
        min-height: 13rem;
    }

    .safety-p {
        min-height: 8rem;
    }

    .howto-h4 {
        width: 43%;
    }
}

@media (max-width: 981px) {
    .top-col1 {
        width: 32%;
    }

    .top-col2 {
        width: 32%;
    }
}

@media (max-width: 974px) {
    .howto2-h4-1 {
        width: 56%;
    }

    .howto2-h4-2 {
        width: 54%;
    }
}

@media (max-width: 970px) {
    .sayama-kodawari .top-col1 h4 {
        padding: 0 15px !important;
    }
}

@media (max-width: 962px) {
    .howto-h4 {
        width: 44%;
    }

    .sayama-lineup-h3 h3 {
        margin: -9rem 0 0 50%;
    }
}

@media (max-width: 957px) {
    .mt1-borderpc0 ::after {
        top: 7rem;
    }

    .howto2-h4-1 {
        width: 57%;
    }

    .howto2-h4-2 {
        width: 55%;
    }
}

@media (max-width: 950px) {

    #g-navi ul li a,
    #g-navi ul li:nth-child(3) a {
        margin: 0px -103%;
    }

    .top-col1 {
        width: 33%;
    }

    .top-col2 {
        width: 33%;
        margin: 0 0.5%;
    }

    .commit-img img {
        width: 50%;
    }

    .top-col1 p {
        margin: 0 1rem;
        line-height: 1.7rem;
        min-height: 14rem;
    }

    .equip-bg {
        width: 35%;
        top: 73%;
    }
}

@media (max-width: 941px) {
    .howto-h4 {
        width: 45%;
    }

    .howto2-h4-1 {
        width: 58%;
    }
}

@media (max-width: 936px) {
    .ht2-R-p {
        max-height: 27rem;
    }

    .ht2-R-bg {
        top: -20%;
    }

    .howto2-h4-2 {
        width: 56%;
    }
}

@media (max-width: 924px) {
    .howto2-h4-1 {
        width: 59%;
    }

    .howto2-h4-2 {
        width: 57%;
    }
}

@media (max-width: 921px) {

    #g-navi ul li a,
    #g-navi ul li:nth-child(3) a {
        margin: 0px -78%;
        padding: 6px 5px;
    }

    .about-sayama {
        width: 70%;
    }

    .sayama-about-h3 {
        left: -10%;
        margin: 15% 0 0 0;
    }

    .about-sayama01 img {
        width: 38%;
        top: 27%;
    }

    .sayama-contents h4 {
        padding: 17px !important;
    }

    .sayama-kodawari .top-col2 h4 {
        padding: 0 !important;
    }

    .tea-bg {
        top: -7%;
        right: 2%;
    }

    .method2-inner h4 {
        line-height: 0;
        font-size: 1.2rem;
    }

    .sayama-equip {
        margin: 5% auto 25% auto;
    }

    .equip-bg {
        width: 46%;
        top: 100%;
        right: 24%;
    }

    .acs1-h4 h4 {
        padding: 0 !important;
    }

    .acs2-h4 h4 {
        padding: 0 !important;
    }

    .howto-h4 {
        width: 46%;
    }

    .htbox-num h4 {
        padding: 5px 10px !important;
    }

    .htbox-num-last h4 {
        padding: 1px 0px !important;
    }

    .mt1-borderpc0 ::after {
        top: 9rem;
    }
}

@media (max-width: 918px) {

    .mt2-borderpc1,
    .mt2-borderpc3,
    .mt2-borderpc4 {
        min-height: 12.5rem;
    }

    .mt2-borderpc6 {
        min-height: 13.5rem;
    }
}

@media (max-width: 908px) {
    .howto2-h4-1 {
        width: 60%;
    }

    .howto2-h4-2 {
        width: 58%;
    }

    .howto-h4 {
        width: 47%;
    }
}

@media (max-width: 902px) {
    .sayama-kodawari .top-col1 h4 {
        padding: 17px 10px !important;
    }
}

@media (max-width: 900px) {
    #header .logo img {
        width: 170%;
    }

    #g-navi ul li a {
        padding: 6px !important;
    }

    .sayama-kodawari {
        justify-content: center;
        margin: 5% 0;
        flex-direction: column;
        align-items: center;
    }

    .sayama-kodawari h4 {
        padding: 3px !important;
    }

    .top-col1 {
        margin: 3% 0;
        width: 65%;
    }

    .top-col1 p {
        min-height: 5rem;
    }

    .top-col-btn1 a {
        width: 40%;
    }

    .top-col2 {
        width: 65%;
    }

    .top-col-btn2 a {
        width: 40%;
    }

    .commit-img img {
        width: 20%;
        max-width: unset;
    }

    .sayama-lineup-h3 h3 {
        margin: -12rem 0 0 50%;
    }
}

@media (max-width: 893px) {
    .howto2-h4-1 {
        width: 62%;
    }

    .howto2-h4-2 {
        width: 59%;
    }
}

@media (max-width: 889px) {
    #g-navi ul li:last-child a {
        letter-spacing: 0.1rem;
    }
}

@media (max-width: 887px) {
    .sayama-seizou {
        margin: 3% 13%;
    }

    .sayama-safety {
        margin: 3% 13%;
    }

    .safety-ind5 h4 {
        top: 7%;
    }

    .safety-ind6 h4 {
        top: 7%;
    }
}

@media (max-width: 879px) {
    .acs1 {
        width: 60%;
    }

    .acs2 {
        width: 60%;
    }

    .howto-h4 {
        width: 48%;
    }

    .mt2-borderpc1 ::after {
        top: 14%;
    }

    .mt2-borderpc2 ::after {
        top: 14%;
    }

    .mt2-borderpc4 ::after {
        top: 18%;
    }

    .mt2-borderpc5 ::after {
        top: 18%;
    }
}

@media (max-width: 870px) {
    .seizou-ind1 h4 {
        top: 6%;
    }

    .seizou-ind2 h4 {
        top: 6%;
    }
}

@media (max-width: 865px) {
    .howto2-h4-1 {
        width: 63%;
    }

    .howto2-h4-2 {
        width: 60%;
    }
}

@media (max-width: 862px) {
    .seizou-p {
        min-height: 14rem;
    }

    .safety-p {
        min-height: 11rem;
    }

    .howto-h4 {
        width: 49%;
    }

    .R-imgcenter {
        top: 9em;
    }

    .R-img4 {
        top: 16em;
    }

    .R-img5 {
        top: 16em;
    }

    .sayama-lineup-h3 h3 {
        margin: -10rem 0 0 50%;
    }

    .htbox-p-1 {
        margin: -30% -3% 0 auto;
    }

    .htbox-p-2 {
        margin: -31% -3% 0 auto;
    }

    .htbox-p-last {
        margin: -34% 2% 0 auto;
        padding: 0 3%;
    }
}

@media (max-width: 851px) {
    .howto2-h4-1 {
        width: 64%;
    }

    .howto2-h4-2 {
        width: 61%;
    }
}

@media (max-width: 844px) {
    .howto-h4 {
        width: 51%;
    }
}

@media (max-width: 837px) {
    .howto2-h4-1 {
        width: 65%;
    }

    .howto2-h4-2 {
        width: 62%;
    }
}

@media (max-width: 832px) {
    .seizou-p {
        min-height: 16rem;
    }
}

@media (max-width: 831px) {
    .seizou-ind1 h4 {
        top: 5.5%;
    }

    .seizou-ind2 h4 {
        top: 5.5%;
    }

    .seizou-ind5 h4 {
        top: 6%;
    }

    .seizou-ind6 h4 {
        top: 6%;
    }
}

@media (max-width: 824px) {
    .howto2-h4-1 {
        width: 66%;
    }

    .howto2-h4-2 {
        width: 63%;
    }

    .ht2-R1 {
        width: 4rem;
    }

    .ht2-R2 {
        width: 4rem;
    }

    .ht2-R3 {
        width: 4rem;
    }

    .ht2-R4 {
        width: 4rem;
    }
}

@media (max-width: 815px) {
    #g-navi ul li a {
        padding: 4px !important;
    }
}

@media (max-width: 812px) {
    .safety-ind3 h4 {
        top: 6%;
    }

    .safety-ind4 h4 {
        top: 6%;
    }

    .safety-ind5 h4 {
        top: 8%;
    }

    .safety-ind6 h4 {
        top: 8%;
    }

    .howto2-h4-1 {
        width: 68%;
    }

    .howto2-h4-2 {
        width: 65%;
    }

    .howto-h4 {
        width: 52%;
    }

    .sayama-lineup-h3 h3 {
        margin: -9rem 0 0 50%;
    }
}

@media (max-width: 808px) {
    .ht2-R-p {
        max-height: 30rem;
    }
}

@media (max-width: 803px) {

    .mt2-borderpc1,
    .mt2-borderpc3,
    .mt2-borderpc4 {
        min-height: 14rem;
    }

    .mt2-borderpc6 {
        min-height: 15rem;
    }
}

@media (max-width: 797px) {
    .howto-h4 {
        width: 53%;
    }
}

@media (max-width: 788px) {
    .howto2-h4-1 {
        width: 70%;
    }

    .howto2-h4-2 {
        width: 67%;
    }

    .howto-h4 {
        width: 55%;
    }
}

@media (max-width: 776px) {
    .sayama-lineup-h3 h3 {
        margin: -8rem 0 0 50%;
    }
}

@media (max-width: 768px) {

    /* 共通 */
    .br-sp-1 {
        display: none;
    }

    #header {
        overflow: visible;
        z-index: 999;
        top: 0;
    }

    .in1200 {
        padding: 0;
    }

    .description {
        position: relative;
    }

    .br-pc {
        display: none;
    }

    .br-sp {
        display: block;
    }

    #header .in1200 {
        display: block;
    }

    .sp-gotop {
        display: block;
    }

    #header {
        background: #ffffff;
        background-size: cover;
        position: relative;
        display: flex;
        height: 10%;
        box-shadow: none;
        transition: none;
    }

    #header li.current-menu-item {
        background: transparent;
    }

    #header .in1200 {
        padding: 6% 0;
    }

    .header {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 20px;
        background: #fff;
        position: relative;
    }

    #header ul li {
        width: auto;
        float: none;
        margin: 10% 0 0 0;
    }

    #header li a {
        color: #5F1985;
        font-family: ten-mincho, serif;
        font-weight: 400;
        font-size: 1.5rem;
    }

    .logo {
        font-size: 24px;
    }

    .drawer_hidden {
        display: none;
    }

    .drawer_open {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        z-index: 100;
        cursor: pointer;
    }

    .drawer_open span,
    .drawer_open span:before {
        content: '';
        display: block;
        height: 2px;
        width: 65px;
        border-radius: 50px;
        background: #5F1985;
        transition: 0.5s;
        position: absolute;
    }

    .drawer_open span:after {
        content: 'MENU';
        display: block;
        height: 3px;
        width: 70px;
        transition: 0.5s;
        position: absolute;
        font-weight: bold;
        letter-spacing: 0.3rem;
        color: #5F1985;
    }

    .drawer_open span:before {
        bottom: 20px;
    }

    .drawer_open span:after {
        top: 15px;
    }

    #drawer_input:checked~.drawer_open span {
        background: rgba(255, 255, 255, 0);
        transform: translateY(35rem);
        position: fixed;
    }

    #drawer_input:checked~.drawer_open span::before {
        top: -6px;
        content: '\0d7';
        font-size: 5.1rem;
        color: #5F1985;
        background: rgba(255, 255, 255, 0);
        transition: none;
    }


    #drawer_input:checked~.drawer_open span::after {
        top: 0;
        top: 35px;
    }

    /* メニューのデザイン*/
    .nav_content {
        width: 100%;
        height: 100%;
        position: fixed;
        bottom: 100%;
        left: 0%;
        /* メニューを画面の外に飛ばす */
        z-index: 99;
        background: #ffffff;
        transition: .5s;
        text-align: center;
        padding-top: 20px;
    }


    /* メニュー黒ポチを消す */
    .nav_list {
        list-style: none;
    }

    .sayama-nav_item a {
        text-decoration: none;
        position: relative;
    }

    .sayama-nav_item ::after {
        content: "";
        width: 15%;
        height: auto;
        border-bottom: solid 2px #5F1985;
        position: absolute;
        bottom: -15%;
        left: 50%;
        transform: translate(-50%, 0);
    }

    /* アイコンがクリックされたらメニューを表示 */
    #drawer_input:checked~.nav_content {
        bottom: 0;
        /* メニューを画面に入れる */

    }

    #header .logo {
        display: none;
    }

    .header-info {
        display: none;
    }

    #g-navi ul li:last-child {
        border-right: none;
    }

    #header h1 {
        font-size: 24px;
        padding: 10px;
    }

    #header h1 span {
        font-size: 0.5em;
    }

    #header #g-navi {
        top: 0;
    }

    #g-navi {
        display: none;
    }

    .breadcrumb {
        margin-top: 64px;
    }

    #g-navi ul li {
        margin: 0 !important;
    }

    #g-navi ul li:nth-child(3) {
        border-right: none;
    }

    #g-navi ul li a {
        margin: 0 !important;
        border-radius: 0 !important;
    }


    #header #g-navi ul li.current-menu-item a,
    #header #g-navi ul li.current-page-ancestor.menu-item-11243 a {
        color: #00A291;
    }

    #header #g-navi ul:last-of-type li a {
        border-top: 1px solid #FFF !important;
    }

    article {
        width: 100%;
    }

    #footer-sayamacha {
        width: 100%;
    }

    #footer-sayamacha p {
        line-height: 1.2em;
        letter-spacing: 0.1rem;
    }

    .footer-link {
        height: 0;
        padding-top: 50%;
        background: url(https://www.ja-irumano.or.jp/wp-content/uploads/2022/05/footer-rwd.png) 0 0 no-repeat;
        background-size: contain;
    }

    .sayamacha-copyright {
        margin: 2rem 0 0 0 !important;
    }

    .sp-gotop ::before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 35%;
        right: 34%;
        width: 0;
        height: 0;
        border-width: 5px 0 5px 8px;
        border-style: solid;
        border-color: transparent transparent transparent #FFF;
        transform: rotate(-90deg);
    }

    .sp-gotop ::after {
        position: absolute;
        white-space: pre;
        content: "PAGE\ATOP";
        display: inline-block;
        right: 0;
        bottom: 0;
        margin: 0 15% 10% auto;
        text-align: center;
        line-height: 1.2rem;
    }

    #gotop a {
        background: #00381d;
        position: fixed;
        right: 0;
        bottom: 0;
        width: 100px;
        height: 100px;
        border-radius: 100% 0 0 0;
        border: none;
    }

    #gotop a:hover {
        background: #55814E;
        transition: 0.7s;
    }

    #gotop img {
        width: auto;
        display: none;
    }

    .safety-lead-img {
        width: 100%;
    }

    /* トップ */
    iframe {
        top: 11%;
        left: 15.5%;
        width: 75%;
        height: 56%;
    }

    .in1300 {
        padding: 0 0 25% 0;
    }

    .tea-bg {
        display: none;
    }

    .about-sayama {
        margin: 5% 3% 0 0;
        width: 65%;
    }

    .about-sayama01 {
        margin: 0 0 50% 0;
    }

    .about-sayama01 p {
        line-height: 1.5rem;
    }

    .about-sayama01 img {
        width: 59%;
        top: 20%;
        right: 22%;
    }

    .about-sayama-block {
        flex-direction: column;
        margin: 5% 0 0 0;
    }

    .about-sayama-block p {
        line-height: 1.5rem;
        margin: 1rem 0.5rem;
    }

    .about-sayama02 {
        margin: 0 0 5% 0;
    }

    .abbout-sayama-h4 {
        width: 100%;
    }

    .about-sayama03 {
        margin: 0;
    }

    .about-sayama03 h4 {
        padding: 5px !important;
    }

    .sayama-about ::after {
        right: 9%;
        border-radius: 0 60px 60px 0;
    }

    .top-col1 {
        width: 72%;
        margin: 3% 0 3% 10%;
    }

    .top-col2 {
        width: 72%;
        margin: 3% 0 3% 10%;
    }

    .commit-img img {
        width: 30%;
    }

    .top-col1 p {
        margin: 0 1.5rem;
    }

    .top-col2 p {
        margin: 0 1.5rem;
    }

    .top-col-btn1 a {
        width: 40%;
    }

    .top-col-btn2 a {
        width: 40%;
    }

    .top-col1 p {
        margin: 0 1.5rem;
    }

    .sayama-method {
        flex-direction: column;
        padding: 1% 0 0% 0;
        align-content: center;
        width: 74%;
        margin: 0 8% 0 auto;
    }

    .sayama-method-h3 {
        left: -24.5%;
        margin: 4% 0 0 0;
    }

    .sayama-method-h3 ::before {
        width: 0.8%;
        left: 0%;
    }

    .method-bg {
        padding: 5% 1% 25% 1%;
        background-image: url(https://www.ja-irumano.or.jp/wp-content/uploads/2022/05/method-bg-sp.png);
    }

    .method1 {
        display: flex;
        width: 34%;
        top: 1.5%;
        left: 38%;
        align-items: center;
    }

    .mt1-borderpc0 ::after {
        top: 200%;
        left: 210%;
        transform: rotate(90deg);
    }

    .mt1-borderpc0 h4 {
        padding: 0 17px !important;
    }

    .method1 img {
        width: 90% !important;
    }

    .method2 {
        width: 85%;
        margin: 0 1rem;
        align-items: center;
        padding: 5% 0;
    }

    .mt2-title {
        width: 35%;
    }

    .method2-inner {
        align-items: center;
    }

    .method2-inner h4 {
        line-height: 0.5;
        font-size: 2rem;
        padding: 20px !important;
    }

    .mt2-bordersp1 {
        border-right: 1rem solid #ad9d02;
    }

    .mt2-borderpc1 ::after {
        top: 166%;
        left: -9%;
        border: 10px solid transparent;
        border-left: 15px solid #5F1985;
        transform: rotate(90deg);
    }

    .mt2-bordersp2 {
        border-right: 1rem solid #4C661A;
    }

    .mt2-borderpc2 ::after {
        top: 166%;
        left: -9%;
        border: 10px solid transparent;
        border-left: 15px solid #5F1985;
        transform: rotate(90deg);
    }

    .mt2-bordersp3 {
        border-right: 1rem solid #356520;
    }

    .mt2-borderpc3 ::before {
        display: block;
        transform: rotate(180deg);
        left: 5%;
        width: 90%;
        top: 100%;
    }

    .mt2-borderpc3 ::after {
        display: block;
        top: 166%;
        left: -9%;
        border: 10px solid transparent;
        border-left: 15px solid #5F1985;
        transform: rotate(90deg);
    }

    .mt2-bordersp4 {
        border-right: 1rem solid #2A6E25;
    }

    .mt2-borderpc4 ::after {
        top: 166%;
        left: -9%;
        border: 10px solid transparent;
        border-left: 15px solid #5F1985;
        transform: rotate(90deg);
    }

    .mt2-bordersp5 {
        border-right: 1rem solid #157F30;
    }

    .mt2-borderpc5 ::after {
        top: 166%;
        left: -9%;
        border: 10px solid transparent;
        border-left: 15px solid #5F1985;
        transform: rotate(90deg);
    }

    .mt2-bordersp6 {
        border-right: 1rem solid #155F2B;
    }

    .mt2-borderpc1 {
        min-height: 3rem;
        border: none;
        margin: 1rem;
    }

    .mt2-borderpc2 {
        min-height: 4rem;
        border: none;
        margin: 1rem;
    }

    .mt2-borderpc3 {
        min-height: 4rem;
        border: none;
        margin: 1rem;
    }

    .mt2-borderpc4 {
        min-height: 4rem;
        border: none;
        margin: 1rem;
    }

    .mt2-borderpc5 {
        min-height: 4rem;
        border: none;
        margin: 1rem;
    }

    .mt2-borderpc6 {
        min-height: 4rem;
        border: none;
        margin: 1rem 0 0 0;
    }

    .method-arrow-tophalf img {
        width: 100%;
    }

    .method-arrow-sp {
        position: relative;
    }

    .method-arrow-sp ::after {
        content: '';
        position: absolute;
        top: 145%;
        right: 63%;
        border: 10px solid transparent;
        border-left: 15px solid #5F1985;
        transform: rotate(90deg);
    }

    .method3 {
        width: 25%;
        top: 90%;
        left: 44%;
    }

    .method3 ::after {
        display: none;
    }

    .border-right-top ::before {
        left: 5%;
        width: 90%;
        transform: rotate(180deg);
        top: 100%;
    }

    .border-right-bottom ::before {
        left: 4%;
        width: 90%;
        transform: rotate(180deg);
        top: 100%;
    }

    .sayama-equip-h3 {
        margin: 2.5% 0 0 0;
        left: 3.5%;
    }

    .sayama-equip-h3 ::before {
        height: 20%;
        top: -14%;
    }

    .sayama-equiptable {
        width: 81%;
        margin: 0 0 0 15%;
    }

    .equipth-sp {
        line-height: 2rem;
        padding-bottom: 25% !important;
        border-bottom: 1px solid transparent;
    }

    .equip-bg {
        width: 85%;
        top: 81%;
        right: 9%;
    }

    .sayama-access iframe {
        height: 50rem;
    }

    .sayama-gmap p {
        margin: 1% 0 0 10%;
    }

    .access-sayama-block {
        width: auto;
        margin: 3% 10% 0 10%;
        align-items: flex-start;
    }

    .acs1 {
        width: 100%;
    }

    .acs2 {
        width: 100%;
    }

    .sayama-tdheight {
        line-height: 1.5rem;
        margin: 7% 0;
    }

    /* 製造 */
    .seizou-h3 {
        display: none;
    }

    .seizou-h3-sp {
        display: block;
        top: 1.5%;
        position: absolute;
        left: 2%;
    }

    .seizou-h3-sp ::before {
        content: "";
        position: absolute;
        display: block;
        height: 45%;
        width: 5%;
        background-color: #003912;
        transform: rotate(90deg);
        top: -35%;
        left: 0;
    }

    .sayama-seizou-lead {
        width: 100%;
        margin: 0 0 5% 0;
        flex-direction: column;
    }

    .seizou-lead-img {
        padding: 4% 32% 0 32%;
        background-repeat: no-repeat;
        position: relative;
        background-image: url(https://www.ja-irumano.or.jp/wp-content/uploads/2022/05/sp-leadbg.svg);
        background-size: cover;
    }

    .seizou-lead-img img {
        display: block;
        width: 70%;
        margin: 0 auto;
    }

    .seizou-lead-contents {
        margin: 5% 0 0 0;
        width: 70%;
        align-items: center;
    }

    .seizou-lead-title h4 {
        text-align: center;
        font-size: 1.5rem;
        padding: 0 !important;
    }

    .seizou-lead-title h2 {
        font-size: 2rem;
    }

    #lead p {
        font-size: unset;
    }

    .sayama-seizou {
        flex-direction: column;
        align-content: flex-end;
        margin: 0 10% 0 auto;
    }

    .seizou-inner1,
    .seizou-inner2,
    .seizou-inner3,
    .seizou-inner4,
    .seizou-inner5 {
        display: flex;
        flex-direction: column;
        width: 80%;
        margin: 2.5% auto;
        position: relative;
    }

    .seizou-inner6 {
        display: flex;
        flex-direction: column;
        width: 80%;
        margin: 2.5% auto 10% auto;
        position: relative;
    }

    .seizou-ind1 h4 {
        top: 5%;
    }

    .seizou-ind2 h4 {
        top: 4.5%;
    }

    .seizou-ind3 h4 {
        top: 4%;
    }

    .seizou-ind4 h4 {
        top: 4%;
    }

    .seizou-ind6 h4 {
        top: 5.5%;
    }

    .seizou-p {
        min-height: unset;
    }

    /* 安全 */
    .safety-h3 {
        display: none;
    }

    .safety-h3-sp {
        display: block;
        top: 1.5%;
        position: absolute;
        left: 2%;
    }

    .safety-h3-sp h3 {
        color: #604C3F !important;
    }

    .safety-h3-sp ::before {
        content: "";
        position: absolute;
        display: block;
        height: 45%;
        width: 5%;
        background-color: #604C3F;
        transform: rotate(90deg);
        top: -35%;
        left: 0;
    }

    .sayama-safety-lead {
        width: 100%;
        margin: 0 0 5% 0;
        flex-direction: column;
    }

    .safety-lead-img {
        padding: 4% 32% 0 32%;
        background-repeat: no-repeat;
        position: relative;
        background-image: url(https://www.ja-irumano.or.jp/wp-content/uploads/2022/05/sp-leadbg.svg);
        background-size: cover;
    }

    .safety-lead-img img {
        display: block;
        width: 70%;
        margin: 0 auto;
    }

    .safety-lead-contents {
        margin: 5% 0 0 0;
        width: 70%;
        align-items: center;
    }

    .safety-lead-title h4 {
        text-align: center;
        font-size: 1.5rem;
        padding: 0 !important;
    }

    .safety-lead-title h2 {
        font-size: 2rem;
    }

    .sayama-safety {
        flex-direction: column;
        align-content: flex-end;
        margin: 0 10% 0 auto;
    }

    .safety-inner1,
    .safety-inner2,
    .safety-inner3,
    .safety-inner4,
    .safety-inner5 {
        display: flex;
        flex-direction: column;
        width: 80%;
        margin: 2.5% auto;
        position: relative;
    }

    .safety-inner6 {
        display: flex;
        flex-direction: column;
        width: 80%;
        margin: 2.5% auto 10% auto;
        position: relative;
    }

    .safety-ind1 h4 {
        top: 6%;
    }

    .safety-ind2 h4 {
        top: 6%;
    }

    .safety-ind3 h4 {
        top: 3%;
    }

    .safety-ind4 h4 {
        top: 4%;
    }

    .safety-ind5 h4 {
        top: 6.5%;
    }

    .safety-ind6 h4 {
        top: 6.5%;
    }

    .safety-p {
        min-height: unset;
    }

    .safety-img-pc {
        display: none;
    }

    .safety-img-sp {
        display: block;
    }

    /* 淹れ方 */
    .sayama-howto {
        width: 100%;
    }

    .sayama-howto-h3gr {
        width: 50%;
        margin: 8% 0 0 0;
    }

    .sayama-howto-h3gr ::before {
        width: 0.2%;
        top: 0;
        height: 5%;
        left: 5%;
    }

    .sayama-howto-h3gr h3 {
        margin: 0 auto;
        font-size: 1.5rem;
    }

    .sayama-howto-lead {
        width: 100%;
        margin: 0 0 5% 0;
        flex-direction: column;
    }

    .ht2-L-p p {
        line-height: 1.5rem;
    }

    .howto-lead-img {
        padding: 4% 32% 0 32%;
        background-repeat: no-repeat;
        position: relative;
        background-image: url(https://www.ja-irumano.or.jp/wp-content/uploads/2022/05/sp-leadbg.svg);
        background-size: cover;
        width: 100%;
    }

    .howto-lead-img img {
        display: block;
        width: 70%;
        margin: 0 auto;
    }

    .howto-lead-contents {
        margin: 4% 0 0 0;
        width: 70%;
        align-items: center;
    }

    .howto-lead-title h4 {
        text-align: center;
        font-size: 1.5rem;
        padding: 0 !important;
    }

    .howto-lead-title h2 {
        font-size: 2rem;
        letter-spacing: 0.3rem;
    }

    .howto-lead-p {
        width: 67%;
    }

    .sayama-howto-lead-bg {
        display: none;
    }

    .howto-box {
        width: 32%;
    }

    .how1-wrap {
        justify-content: flex-end;
        padding: 0 5% 0 0;
    }

    .sayama-howto1 {
        padding: 0 0 5% 0;
        position: relative;
    }

    .howto1-contents {
        flex-direction: column-reverse;
        align-items: center;
        margin: -17% 0 0 0;
    }

    .htbox-p-1 {
        margin: 0 0 0 7%;
        width: auto;
    }

    .htbox-p-2 {
        margin: 0 0 0 7%;
        width: auto;
    }

    .htbox-p-last {
        margin: 0 0 0 7%;
        width: auto;
    }

    .howto-box {
        width: 45%;
    }

    .htbox-last {
        flex-direction: column-reverse;
    }

    .howto-h4 {
        width: 56%;
    }

    .howto-box p {
        font-size: 1rem;
    }

    .howto-innerR {
        flex-direction: row;
        flex-wrap: wrap;
        width: 80%;
        margin: 5% 0 0 16%;
        z-index: 1;
    }

    .R-imgcenter {
        display: none;
    }

    .R-img1 {
        position: unset;
        width: 40%;
    }

    .R-img2 {
        position: unset;
        width: 40%;
    }

    .R-img3 {
        position: unset;
        width: 40%;
    }

    .R-img4 {
        position: unset;
        width: 40%;
    }

    .R-img5 {
        position: unset;
        width: 40%;
    }

    .R-bg-sp {
        display: block;
        position: absolute;
        width: 100%;
        top: 81%;
        left: 26%;
    }

    .sayama-howto2 {
        flex-wrap: wrap;
        margin: 10% 0;
    }

    .howto2-innerL {
        width: 80%;
        margin: 0 auto;
    }

    .howto2-h4-1 {
        width: 35%;
    }

    .ht2-bg {
        top: 50%;
        left: 50%;
        width: 50%;
    }

    .howto2-innerR {
        width: 80%;
        margin: 10% auto 0 14%;
    }

    .howto2-h4-2 {
        width: 25%;
    }

    .ht2-R1 {
        width: 8rem;
    }

    .ht2-R2 {
        width: 8rem;
    }

    .ht2-R3 {
        width: 8rem;
    }

    .ht2-R4 {
        width: 8rem;
    }

    .ht2-R-p {
        max-height: 20rem;
    }

    .ht2-R-bg {
        top: -25%;
    }

    .sayama-howto2-h3gr {
        width: 10%;
        margin: 12% 0 0 0;
    }

    .sayama-howto2-h3gr h3 {
        margin: 0 auto;
        font-size: 1.5rem;
    }

    .sayama-howto2-h3gr ::before {
        height: 8%;
        width: 0.2%;
        top: 1%;
        left: 5%;
    }

    .lineup-box-wrap {
        margin: 0 7% 0 0;
    }

    .lineup-sayama-box {
        width: 35%;
        margin: 0;
    }

    .sayama-lineup {
        width: auto;
        padding: 10% 0;
        align-items: unset;
    }

    .sayama-lineup-h3 {
        margin: 2% 0 0 0;
        width: 20%;
    }

    .sayama-lineup-h3 h3 {
        margin: 0 auto;
        font-size: 1.5rem;
    }

    .sayama-lineup-h3 ::before {
        height: 6%;
        top: 1%;
        left: 5%;
        width: 2px;
    }

    .sayama-lineup-bg {
        display: none;
    }

    .lineup-img {
        width: auto;
    }

    .sayama-lineup ::after {
        right: 12%;
    }

    .lineup-name p {
        font-weight: bold;
        font-size: 1.2rem;
        margin: 0 0 1rem 0;
    }
}

@media (max-width: 767px) {
    .ht2-R-h5 h5 {
        font-size: 1.5rem;
    }
}

@media (max-width: 745px) {
    .mt2-borderpc1 ::after {
        top: 163%;
    }

    .mt2-borderpc2 ::after {
        top: 162%;
    }

    .mt2-borderpc3 ::after {
        top: 161%;
    }

    .mt2-borderpc4 ::after {
        top: 162%;
    }

    .mt2-borderpc5 ::after {
        top: 162%;
    }
}

@media (max-width: 736px) {
    .howto-h4 {
        letter-spacing: 0.2rem;
    }
}

@media (max-width: 719px) {
    .howto2-h4-1 {
        width: 40%;
    }

    .howto2-h4-2 {
        width: 30%;
    }
}

@media (max-width: 714px) {
    .seizou-ind3 h4 {
        top: 4.5%;
    }

    .seizou-ind4 h4 {
        top: 4.5%;
    }

    .seizou-ind6 h4 {
        top: 6%;
    }
}

@media (max-width: 702px) {
    #gotop a {
        width: 90px;
        height: 90px;
    }
}

@media (max-width: 700px) {
    .sayama-howto-h3gr {
        margin: 10% 0 0 0;
    }
}

@media (max-width: 696px) {
    .mt2-borderpc1 ::after {
        top: 161%;
    }

    .mt2-borderpc2 ::after {
        top: 158%;
    }

    .mt2-borderpc3 ::after {
        top: 157%;
    }

    .mt2-borderpc4 ::after {
        top: 158%;
    }

    .mt2-borderpc5 ::after {
        top: 158%;
    }
}

@media (max-width: 692px) {
    .howto-h4 {
        letter-spacing: 0.1rem;
    }
}

@media (max-width: 667px) {
    .safety-ind6 h4 {
        top: 7%;
    }
}

@media (max-width: 660px) {
    .mt2-borderpc1 ::after {
        top: 156%;
    }

    .mt2-borderpc2 ::after {
        top: 154%;
    }

    .mt2-borderpc3 ::after {
        top: 153%;
    }

    .mt2-borderpc4 ::after {
        top: 154%;
    }

    .mt2-borderpc5 ::after {
        top: 154%;
    }
}

@media (max-width: 649px) {
    .seizou-ind1 h4 {
        top: 5.5%;
    }

    .seizou-ind2 h4 {
        top: 5%;
    }

    .seizou-ind4 h4 {
        top: 5%;
    }

    .howto-h4 {
        letter-spacing: 0;
    }
}

@media (max-width: 637px) {
    .safety-ind1 h4 {
        top: 6.5%;
    }

    .safety-ind2 h4 {
        top: 6.5%;
    }

    .safety-ind4 h4 {
        top: 4.5%;
    }

    .safety-ind5 h4 {
        top: 7%;
    }

    .safety-ind6 h4 {
        top: 7.5%;
    }
}

@media (max-width: 632px) {
    #gotop a {
        width: 80px;
        height: 80px;
    }

    .sp-gotop ::after {
        line-height: 1.1rem;
        font-size: 0.8rem;
    }

    .sp-gotop ::before {
        top: 30%;
        right: 30%;
    }
}

@media (max-width: 629px) {
    .method3 {
        top: 95.5%;
        left: 40%;
    }

    .howto2-h4-1 {
        width: 45%;
    }

    .howto2-innerR {
        width: auto;
        margin: 10% 9% 0 auto;
    }

    .howto2-h4-2 {
        width: 35%;
    }

    .ht2-R1 {
        width: 7rem;
    }

    .ht2-R2 {
        width: 7rem;
    }

    .ht2-R3 {
        width: 7rem;
    }

    .ht2-R4 {
        width: 7rem;
    }
}

@media (max-width: 618px) {
    .safety-ind3 h4 {
        top: 3.5%;
    }
}


@media (max-width: 616px) {
    .mt2-borderpc1 ::after {
        top: 153%;
    }

    .mt2-borderpc2 ::after {
        top: 149%;
    }

    .mt2-borderpc3 ::after {
        top: 148%;
    }

    .mt2-borderpc4 ::after {
        top: 149%;
    }

    .mt2-borderpc5 ::after {
        top: 149%;
    }
}

@media (max-width: 604px) {
    .howto-h4 {
        width: 57%;
    }
}

@media (max-width: 600px) {
    #header {
        height: auto;
    }

    #header #g-navi ul li {
        background: transparent;
    }

    #header .in1200 {
        padding: 0;
        clear: both;
    }

    .drawer_open span {
        top: 2.5rem;
    }

    #header a {
        margin-right: 0;
        display: inline-block;
    }

    #header h1 {
        font-size: 24px;
        padding: 12px;
        width: 100%;
        font-size: 22px;
        padding: 8px 14px;
        justify-content: flex-start;
        text-align: left;
    }

    #header h1 span {
        font-size: 0.6em;
    }

    #header .logo {
        text-align: left;
        padding: 4px 8px 2px;
        background: linear-gradient(90deg, #FFF, #FFF 162px, transparent);
        width: 200px !important;
    }

    #header .logo img {
        height: 30px;
    }

    #s-menu {
        top: 43px;
    }

    #lead {
        padding: 14% 0 2% 0;
    }

    #page #lead h1 {
        margin-bottom: 0;
    }

    /* top */

    .about-sayama01 img {
        width: 55%;
        top: 25.5%;
        right: 23%;
    }

    .sayama-equiptable table tr th,
    table tr td {
        width: 30%;
        font-size: 16px;
    }

    .sayama-equip-h3 {
        margin: 7% 0 0 0;
    }

    .sayama-access iframe {
        height: 30rem;
        max-height: none;
    }

    .sayama-gmap p {
        margin: 1% 0 0 21%;
    }

    .sayama-access-h3 ::before {
        height: 8%;
        top: -6%;
    }

    .method1 {
        width: 40%;
        top: 1.5%;
        left: 30.5%;
    }

    .sayama-howto-h3gr h3 {
        margin: 0 30%;
    }

    .sayama-howto2-h3gr h3 {
        margin: 0 30%;
    }

    .sayama-lineup-h3 h3 {
        margin: 0 30%;
    }
}

@media (max-width: 592px) {
    .howto-h4 {
        width: 60%;
    }
}

@media (max-width: 586px) {
    .drawer_open span {
        top: 2rem;
    }

    .top-col-btn1 a {
        width: 50%;
    }

    .top-col-btn2 a {
        width: 50%;
    }

    .equip-bg {
        width: 80%;
    }
}

@media (max-width: 582px) {
    .seizou-ind1 h4 {
        top: 6%;
    }

    .seizou-ind3 h4 {
        top: 5%;
    }

    .seizou-ind5 h4 {
        top: 6.5%;
    }

    .seizou-ind6 h4 {
        top: 6.5%;
    }
}

@media (max-width: 572px) {
    .safety-ind1 h4 {
        top: 7%;
    }

    .safety-ind2 h4 {
        top: 7%;
    }

    .safety-ind3 h4 {
        top: 3.8%;
    }

    .safety-ind4 h4 {
        top: 4.5%;
    }
}

@media (max-width: 570px) {
    .mt1-borderpc0 ::after {
        top: 175%;
    }

    .mt2-borderpc1 ::after {
        top: 147%;
    }

    .mt2-borderpc2 ::after {
        top: 145%;
    }

    .mt2-borderpc3 ::after {
        top: 145%;
    }

    .mt2-borderpc4 ::after {
        top: 145%;
    }

    .mt2-borderpc5 ::after {
        top: 145%;
    }

    .howto-h4 {
        width: 61%;
    }

    .sayama-howto2-h3gr h3 {
        margin: 0 30%;
    }

    .howto2-innerR {
        margin: 10% 12% 0 auto;
    }

    .howto2-h4-2 {
        width: 40%;
    }

    .ht2-R1 {
        width: 6rem;
    }

    .ht2-R2 {
        width: 6rem;
    }

    .ht2-R3 {
        width: 6rem;
    }

    .ht2-R4 {
        width: 6rem;
    }
}

@media (max-width: 561px) {
    #gotop a {
        width: 70px;
        height: 70px;
    }

    .sp-gotop ::after {
        line-height: 0.8rem;
        font-size: 0.7rem;
    }

    .sayama-shunkou {
        letter-spacing: 1.5rem;
        text-indent: 1.5rem;
    }

    .howto-h4 {
        width: 62%;
    }
}

@media (max-width: 559px) {
    .howto2-h4-1 {
        width: 50%;
    }
}

@media (max-width: 541px) {
    .br-sp-1 {
        display: none;
    }

    .seizou-ind h4 {
        font-size: 1rem;
    }

    .howto-h4 {
        width: 63%;
    }
}

@media (max-width: 535px) {
    .seizou-ind4 h4 {
        top: 5.5%;
    }

    .seizou-ind6 h4 {
        top: 7%;
    }

    .howto2-innerR {
        margin: 10% 8% 0 auto;
    }
}

@media (max-width: 532px) {
    .howto-h4 {
        width: 64%;
    }
}

@media (max-width: 525px) {
    .howto-lead-title h2 {
        letter-spacing: 0;
    }

    .howto-lead-p {
        width: 100%;
    }

    .howto-h4 {
        width: 65%;
    }
}

@media (max-width: 524px) {
    .safety-ind1 h4 {
        top: 8%;
    }

    .safety-ind2 h4 {
        top: 7.5%;
    }

    .safety-ind4 h4 {
        top: 5%;
    }

    .safety-ind5 h4 {
        top: 7.5%;
    }

    .safety-ind6 h4 {
        top: 8%;
    }
}

@media (max-width: 520px) {
    .mt2-borderpc1 ::after {
        top: 143%;
    }

    .mt2-borderpc2 ::after {
        top: 141%;
    }

    .mt2-borderpc3 ::after {
        top: 141%;
    }

    .mt2-borderpc4 ::after {
        top: 141%;
    }

    .mt2-borderpc5 ::after {
        top: 141%;
    }
}

@media (max-width: 511px) {
    .seizou-ind2 h4 {
        top: 5.5%;
    }

    .seizou-ind5 h4 {
        top: 7%;
    }
}

@media (max-width: 503px) {
    .howto2-h4-1 {
        width: 55%;
    }

    .ht2-bg {
        top: 55%;
        left: 30%;
        width: 80%;
    }

    .howto2-innerR {
        margin: 10% 10% 0 auto;
    }

    .howto2-h4-2 {
        width: 45%;
    }

    .ht2-R1 {
        width: 5.5rem;
    }

    .ht2-R2 {
        width: 5.5rem;
    }

    .ht2-R3 {
        width: 5.5rem;
    }

    .ht2-R4 {
        width: 5.5rem;
    }
}

@media (max-width: 509px) {
    .howto-h4 {
        width: 66%;
    }
}

@media (max-width: 502px) {
    .howto-h4 {
        width: 67%;
    }
}

@media (max-width: 495px) {
    .howto-h4 {
        width: 69%;
    }
}

@media (max-width: 488px) {
    #gotop a {
        width: 60px;
        height: 60px;
    }

    .seizou-ind3 h4 {
        top: 5.5%;
    }

    .howto-h4 {
        width: 70%;
    }
}

@media (max-width: 482px) {
    .howto-h4 {
        width: 71%;
    }
}

@media (max-width: 479px) {

    .sayama-equiptable table tr th,
    table tr td {
        padding: 0 7%;
    }

    .sayama-shunkou {
        letter-spacing: 0;
        text-indent: 0;
    }
}

@media (max-width: 476px) {
    .howto-h4 {
        width: 72%;
    }
}

@media (max-width: 472px) {
    .safety-ind2 h4 {
        top: 8%;
    }

    .safety-ind4 h4 {
        top: 5.5%;
    }

    .safety-ind5 h4 {
        top: 8%;
    }
}

@media (max-width: 470px) {

    .drawer_open span,
    .drawer_open span:before {
        width: 50px;
    }

    .drawer_open span:before {
        bottom: 15px;
    }

    .drawer_open span:after {
        top: 12px;
        left: 0.5px;
        font-size: 14px;
        letter-spacing: 0.1rem;
    }

    .commit-img img {
        width: 35%;
    }

    .top-col-btn1 a {
        width: 65%;
    }

    .top-col-btn2 a {
        width: 65%;
    }

    .mt2-borderpc1 ::after {
        top: 148%;
    }

    .mt2-borderpc2 ::after {
        top: 145%;
    }

    .mt2-borderpc3 ::after {
        top: 145%;
    }

    .mt2-borderpc4 ::after {
        top: 145%;
    }

    .mt2-borderpc5 ::after {
        top: 145%;
    }

    .method-arrow-tophalf {
        margin: 0 10%;
    }

    .method-arrow {
        margin: 0 10%;
    }

    .method-arrow-sp {
        margin: 0 10%;
    }

    .method-arrow-sp2 {
        margin: 0 10%;
    }

    .method-arrow-sp ::after {
        top: 172%;
    }

    .equip-bg {
        top: 85%;
    }

    .sayama-gmap p {
        font-size: 1rem;
    }

    #drawer_input:checked~.drawer_open span {
        top: -15%;
    }

    #drawer_input:checked~.drawer_open span::before {
        left: -13.5%;
        font-size: 5rem;
    }

    .howto-h4 {
        width: 73%;
    }
}

@media (max-width: 466px) {
    .mt1-borderpc0 ::after {
        left: 175%;
    }

    .mt2-borderpc1 ::after {
        top: 147%;
    }

    .mt2-borderpc2 ::after {
        top: 139%;
    }

    .mt2-borderpc3 ::after {
        top: 143%;
    }

    .mt2-borderpc4 ::after {
        top: 143%;
    }

    .mt2-borderpc5 ::after {
        top: 139%;
    }

    .seizou-ind6 h4 {
        top: 7.5%;
    }

    .sayama-howto-h3gr {
        margin: 15% 0 0 0;
    }

    .sayama-howto2-h3gr {
        width: 10%;
        margin: 20% 0 0 0;
    }
}

@media (max-width: 464px) {
    .howto-h4 {
        width: 74%;
    }
}

@media (max-width: 458px) {
    .howto-h4 {
        width: 75%;
    }

    .howto2-h4-1 {
        width: 60%;
    }

    .howto2-innerR {
        margin: 10% 7% 0 auto;
    }
}

@media (max-width: 457px) {
    .howto-lead-title h2 {
        font-size: 1.8rem;
    }
}

@media (max-width: 454px) {
    #footer-sayamacha p {
        font-size: 0.7rem;
        line-height: 1em;
    }
}

@media (max-width: 451px) {
    .howto-h4 {
        width: 76%;
    }
}

@media (max-width: 450px) {
    .method1 {
        margin: 0;
        width: 45%;
        top: 0;
    }

    .method1 h4 {
        padding: 17px 0 !important;
    }

    .method2-inner h4 {
        line-height: 0.5;
        font-size: 1.7rem;
        padding: 15px !important;
        margin: 0 0 0 30%;
    }

    .mt1-borderpc0 ::after {
        top: 145%;
        left: 406%;
    }

    .sayama-equiptable table tr th,
    table tr td {
        padding: 0 5%;
    }

    .sayama-gmap p {
        font-size: 1rem;
        margin: 3% 0 0 14%;
    }
}

@media (max-width: 447px) {
    .howto-h4 {
        width: 77%;
    }
}

@media (max-width: 441px) {
    .seizou-ind1 h4 {
        top: 6.5%;
    }

    .seizou-ind2 h4 {
        top: 6%;
    }

    .seizou-ind4 h4 {
        top: 6%;
    }

    .howto-h4 {
        width: 78%;
    }
}

@media (max-width: 436px) {
    .safety-ind2 h4 {
        top: 8.5%;
    }

    .howto-h4 {
        width: 79%;
    }
}

@media (max-width: 431px) {
    .howto-h4 {
        width: 80%;
    }

    .safety-ind3 h4 {
        top: 4.5%;
    }
}

@media (max-width: 426px) {
    .howto-h4 {
        width: 81%;
    }
}

@media (max-width: 425px) {
    .drawer_open span {
        top: 1.7rem;
    }

    .about-sayama01 img {
        top: 27.5%;
        width: 65%;
        right: 16%;
    }

    .sayama-equip {
        width: 100%;
        margin: 15% auto 25% auto;
    }

    .sayama-equiptable {
        width: auto;
        margin: 0 0 0 11%;
    }

    .sayama-equiptable table {
        width: auto;
        margin: 0;
    }

    .sayama-equip-h3 {
        left: 2.5%;
        margin: 15% 0 0 0;
    }

    .commit-img img {
        width: 38%;
    }

    .method-arrow-sp ::after {
        top: 210%;
    }

    .mt2-borderpc1 ::after {
        top: 144%;
    }

    .mt2-borderpc2 ::after {
        top: 136%;
    }

    .mt2-borderpc3 ::after {
        top: 140%;
    }

    .mt2-borderpc4 ::after {
        top: 136%;
    }

    .mt2-borderpc5 ::after {
        top: 136%;
    }

    .acs1-h4 h4 {
        font-size: 1.2rem;
    }

    .acs2-h4 h4 {
        font-size: 1.2rem;
    }

    .seizou-h3-sp {
        left: 0;
    }

    .seizou-h3-sp ::before {
        height: 15%;
        top: -17%;
        left: 47%;
    }

    .safety-h3-sp {
        left: 0;
    }

    .safety-h3-sp ::before {
        height: 15%;
        top: -17%;
        left: 47%;
    }

    .howto-innerR {
        width: 100%;
        margin: 5% 0 0 20%;
    }

    .R-bg-sp {
        top: 89%;
    }

    .ht2-R-h5 h5 {
        font-size: 1.3rem;
    }

    .ht2-R1 {
        width: 4rem;
    }

    .ht2-R2 {
        width: 4rem;
    }

    .ht2-R3 {
        width: 4rem;
    }

    .ht2-R4 {
        width: 4rem;
    }

    .howto2-innerR {
        margin: 10% 15% 0 auto;
    }

    .howto2-h4-2 {
        width: 65%;
    }

    .sayama-lineup-h3 h3 {
        margin: 0 20%;
    }
}

@media (max-width: 421px) {
    .howto-h4 {
        width: 82%;
    }
}

@media (max-width: 419px) {
    #gotop a {
        width: 50px;
        height: 50px;
    }

    .sp-gotop ::after {
        line-height: 0.6rem;
        font-size: 0.5rem;
        margin: 0 10% 10% auto;
    }

    .howto2-h4-1 {
        width: 65%;
    }
}

@media (max-width: 417px) {
    .howto-h4 {
        width: 83%;
    }
}

@media (max-width: 412px) {
    .howto-h4 {
        width: 50%;
    }
}

@media (max-width: 411px) {
    .howto-lead-title h2 {
        font-size: 1.7rem;
    }
}

@media (max-width: 410px) {
    #footer-sayamacha p {
        font-size: 0.7rem;
        line-height: 1em;
    }

    .sayama-gmap p {
        font-size: 0.9rem;
    }
}

@media (max-width: 399px) {
    .drawer_open span {
        top: 1.5rem;
    }

    .top-col1 {
        width: 75%;
    }

    .top-col2 {
        width: 75%;
    }

    .method3 {
        top: 92%;
    }

    .method-arrow-sp ::after {
        top: 265%;
    }

    .mt1-borderpc0 ::after {
        left: 350%;
    }

    .equip-bg {
        width: 70%;
        top: 89%;
        left: 10%;
    }

    .sayama-gmap p {
        font-size: 0.8rem;
    }
}

@media (max-width: 396px) {
    .safety-ind4 h4 {
        top: 6%;
    }
}

@media (max-width: 393px) {

    .sayama-equiptable table tr th,
    table tr td {
        padding: 0 9%;
    }

    .lineup-name p {
        font-size: 1rem;
    }
}

@media (max-width: 390px) {
    .safety-lead-title h2 {
        font-size: 1.8rem;
    }
}

@media (max-width: 389px) {
    .mt2-borderpc1 ::after {
        top: 137%;
    }

    .mt2-borderpc3 ::after {
        top: 133%;
    }

    .mt2-borderpc5 ::after {
        top: 131%;
    }
}

@media (max-width: 388px) {
    .howto-lead-title h2 {
        font-size: 1.6rem;
    }
}

@media (max-width: 387px) {
    .howto2-h4-1 {
        width: 70%;
    }

    .howto2-innerR {
        margin: 10% 11% 0 auto;
    }
}


@media (max-width: 382px) {
    .seizou-ind h4 {
        font-size: 1.1rem;
    }

    .safety-ind h4 {
        font-size: 1.1rem;
    }
}

@media (max-width: 375px) {
    .safety-lead-title h2 {
        font-size: 1.5rem;
    }

    .sayama-howto-h3gr h3 {
        margin: 0 20%;
    }

    .sayama-howto2-h3gr {
        margin: 25% 0 0 0;
    }

    .sayama-howto2-h3gr ::before {
        height: 6%;
    }
}

@media (max-width: 372px) {
    .howto-h4 {
        width: 57%;
    }
}

@media (max-width: 369px) {
    .footer-sp {
        display: block;
    }
}

@media (max-width: 365px) {
    .seizou-lead-title h4 {
        font-size: 1.2rem;
    }

    .seizou-lead-title h2 {
        font-size: 1.5rem;
    }

    .safety-lead-title h4 {
        font-size: 1.2rem;
    }

    .safety-lead-title h2 {
        font-size: 1.3rem;
    }

    .howto-lead-title h2 {
        font-size: 1.5rem;
    }
}

@media (max-width: 363px) {
    .mt2-borderpc2 ::after {
        top: 130%;
    }
}

@media (max-width: 359px) {
    .drawer_open span:before {
        bottom: 12px;
    }

    .drawer_open span:after {
        top: 8px;
        left: 1.5px;
    }

    .commit-img img {
        width: 41%;
    }

    .method-arrow-sp ::after {
        top: 330%;
    }

    .howto2-h4-1 {
        width: 75%;
    }

    .ht2-R1 {
        width: 3.5rem;
    }

    .ht2-R2 {
        width: 3.5rem;
    }

    .ht2-R3 {
        width: 3.5rem;
    }

    .ht2-R4 {
        width: 3.5rem;
    }

    .howto2-innerR {
        margin: 10% 14% 0 auto;
    }
}

@media (max-width: 354px) {
    .sayama-kodawari .top-col1 h4 {
        padding: 5px 9px !important;
    }

    .safety-ind1 h4 {
        top: 8.5%;
    }

    .safety-ind2 h4 {
        top: 9%;
    }

    .safety-ind3 h4 {
        top: 5%;
    }
}

@media (max-width: 350px) {
    #gotop a {
        width: 45px;
        height: 45px;
    }

    .sp-gotop ::before {
        top: 20%;
        right: 32%;
    }

    .sayama-kodawari .top-col1 h4 {
        padding: 5px 9px !important;
    }

    .safety-ind1 h4 {
        top: 8.5%;
    }

    .safety-ind2 h4 {
        top: 9%;
    }

    .safety-ind3 h4 {
        top: 5%;
    }
}

@media (max-width: 348px) {
    .mt2-borderpc1 ::after {
        top: 133%;
    }

    .mt2-borderpc2 ::after {
        top: 128%;
    }

    .mt2-borderpc3 ::after {
        top: 131%;
    }

    .mt2-borderpc4 ::after {
        top: 132%;
    }

    .mt2-borderpc5 ::after {
        top: 128%;
    }
}

@media (max-width: 347px) {
    .seizou-ind1 h4 {
        top: 6%;
    }
}

@media (max-width: 344px) {
    .about-sayama01 img {
        top: 30%;
    }

    .method3 {
        top: 93%;
    }
}

@media (max-width: 342px) {
    .howto-lead-title h2 {
        font-size: 1.4rem;
    }

    .howto-lead-p {
        width: 87%;
    }
}

@media (max-width: 337px) {
    .mt1-borderpc0 ::after {
        left: 285%;
    }

    .mt2-borderpc2 ::after {
        top: 129%;
    }

    .mt2-borderpc4 ::after {
        top: 128%;
    }
}

@media (max-width: 336px) {
    .top-col1 {
        width: 80%;
    }

    .top-col2 {
        width: 80%;
    }
}

@media (max-width: 335px) {
    .safety-ind3 h4 {
        top: 5%;
    }

    .howto2-h4-1 {
        width: 80%;
    }
}

@media (max-width: 334px) {
    .top-col1 {
        width: 80%;
    }

    .top-col2 {
        width: 80%;
    }

    .access-sayama01 h4 {
        font-size: 1.1rem;
    }

    .access-sayama02 h4 {
        font-size: 1.1rem;
    }

    .lineup-name p {
        font-size: 0.9rem;
    }
}

@media (max-width: 333px) {

    .sayama-equiptable table tr th,
    table tr td {
        padding: 0 6%;
    }
}

@media (max-width: 331px) {
    .howto-h4 {
        width: 65%;
    }
}

@media (max-width: 330px) {
    .about-sayama01 img {
        top: 29%;
    }

    .about-sayama02 h4 {
        font-size: 1.3rem;
    }

    .about-sayama03 h4 {
        font-size: 1.3rem;
    }
}

@media (max-width: 329px) {
    .sayama-kodawari .top-col1 h4 {
        padding: 5px !important;
    }
}

@media (max-width: 320px) {
    .sayama-movie-h3 {
        left: 0;
    }

    .sayama-movie-h3 ::before {
        height: 70%;
        top: -60%;
        left: 53%;
    }

    .sayama-about-h3 {
        left: -11%;
    }

    .sayama-about-h3 ::before {
        height: 3%;
        top: -3%;
        left: 45%;
    }

    .howto2-innerR {
        margin: 10% 9% 0 auto;
    }
}