@media (min-width: 992px) {
  .tate {
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  }
}
.block_1700 {
    display: none;
}
.block_sp {
    display: none;
}
.font500 {
    font-weight: 500;
}
.mincho {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    font-weight: 500;
}
.gothic {
    margin-top: 20px;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif !important;
}
.ornge {
    color: #e79223;
}
.gry {
    color: #666666;
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.justify {
    text-align: justify;
    font-feature-settings: "palt" 1;
    letter-spacing: 0.05em;
}
.mb_0 {
    margin-bottom: 0 !important;
}
.mb_20 {
    margin-bottom: 20px !important;
}
.mb_40 {
    margin-bottom: 40px !important;
}
.mb_50 {
    margin-bottom: 50px !important;
}
.mb_60 {
    margin-bottom: 60px !important;
}
.title_box_style1 {
    margin-bottom: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.title_box_style1 .title_box_style1_center {
    width: 350px;
    display: inline-block;
}

.top_slider_wrapper {
    display: flex;
    justify-content: flex-start;
    max-height: calc(100vh - 150px);
}
.scroll_left {
    width: 200px;
    position: relative;
    overflow: hidden;
}
ul.slider_top {
    margin: 0;
    width: calc(100% - 200px);
}
.scroll_left .tate {
    margin: 0;
    width: 200px;
    display: block;
    line-height: 200px;
    letter-spacing: 0.15em;
    font-size: 14px;
    font-weight: 500;
}
.scroll_left span {
    top: 150px;
    position: relative;
}
.scroll_left a.tate {
    bottom: 150px;
    position: absolute;
    color: #333;
    width: 30px;
    line-height: 30px;
    left: 85px;
}
.scroll_left a.tate:hover {
    text-decoration: none;
    color: #666;
}
.scroll_left a.tate:after {
    content: "";
    width: 1px;
    height: 150px;
    background: #333;
    display: block;
    position: absolute;
    left: 14px;
    top: 70px;
}
.scroll_left a.tate:hover:after {
    background: #666;
    top: 80px;
    transition: .3s;
}
#main .entry-content .top_tate_text {
    max-width: 320px;
    width: 320px;
    display: block;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    background: #fff;
    position: absolute;
    right: -26.3%;
    margin-top: -40%;
    padding: 50px 0;
    border-radius: 5px;
}
#main .entry-content .top_tate_text span.top_tate_text1 {
    font-size: 14px;
    display: inline-block;
    letter-spacing: 0.1em;
    height: 550px;
    text-align: left;
}
#main .entry-content .top_tate_text span.top_tate_text2 {
    text-align: justify;
    line-height: 1.8;
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 0.12em;
}

.top_intro .uagb-column__inner-wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
h2.top_intro_text2 {
    font-size: 22px;
    letter-spacing: 0.05em;
    margin: 0;
    order: 2;
    margin-left: 60px;
}
p.top_intro_text1 {
    margin: 0;
    font-size: 16px !important;
    letter-spacing: 0.1em;
    line-height: 2.7;
}
p.top_intro_text1_1 {
    order: 1;
    margin-left: 60px;
}
.title_box.flex {
    display: flex;
    justify-content: center;
    text-align: left;
    margin-bottom: 50px;
}
.title_box .title1 {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 0.15em;
}
.title_box .title2 {
    font-size: 12px;
    letter-spacing: 0.1em;
    font-weight: 500;
}
.title_box.flex .title2 {
    margin-left: 8px;
}
p.title3 {
    font-size: 14px;
    line-height: 2;
    font-weight: 500;
    letter-spacing: 0.1em;
}
.bg_img_f {
    background-image: url(/wp-content/uploads/sites/537/2021/11/back_gray.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.top_imgtext_abs {
    position: absolute;
    bottom: 25%;
    left: 80px;
}
.top_img_02 {
    display: block;
    margin-left: auto;
}
.top_img_02 img {
    width: 100%;
}
p.top_imgtext {
    display: inline-block;
    background: #fff;
    line-height: 1;
    padding: 15px 40px;
    font-size: 32px;
    margin-bottom: 15px;
    letter-spacing: 0.1em;
}

.top02 {
    padding-bottom: 70px;
}
.top02 .container .es-col-lg-3 {
    padding: 0 60px;
}
a.btnstyle1 {
    border: 1px solid #f3f1ef;
    padding: 18px 35px 18px 15px;
    font-size: 14px;
    line-height: 1;
    color: #333;
    background: #fff;
    display: inline-block;
    letter-spacing: 0.1em;
    font-weight: 500;
    width: 100%;
    max-width: 220px;
    position: relative;
    transition: all .3s;
}
a.btnstyle1 img {
    position: absolute;
    top: auto;
    right: 25px;
    transition: all .3s;
}
a.btnstyle1:hover {
    border: 1px solid #fff;
    color: #333;
    background: #f3f1ef;
    text-decoration: none;
}
a.btnstyle1:hover img {
    right: 15px;
    transform: none;
}
a.bg_gry {
    background: #f8f7f6;
}
a.bg_gry:hover {
    background: #fff;
    border: 1px solid #f3f1ef;
}
.top02 .btnarea {
    padding-top: 50px;
}
.bg_style1 {
    background: #fff;
    position: relative;
    z-index: 1;
}
.bg_style1:after {
    content: "";
    width: 100%;
    height: 52%;
    display: block;
    background: #f8f7f6;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.flex_style1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.flex_company {
    margin-top: 60px;
    justify-content: space-between;
}
.flex_company .company.title_box {
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
}
.flex_company .company {
    width: calc(100% / 4 - 20px);
}
.flex_company .company:last-child{
margin-right: 25%;
}
.flex_company .company a {
    display: block;
}
.flex_company .company img {
    width: 100%;
}
.offset-onehelf {
    margin-left: 12.5%;
}
.top02_2 {
    padding-top: 120px;
}
.top_seracharea {
    justify-content: space-between;
    align-items: flex-start;
}
.top_serach01 {
    width: calc(100% / 3 - 40px);
    position: relative;
    cursor: pointer;
}
.top_serach01 img,
.top_serach02 img {
    width: 100%;
}
.top_serach01 .title_box p.title2 {
    font-size: 14px;
    font-weight: 500;
    color: #666;
}
.top_serach01 .title_box h2.title1 {
    padding-top: 40px;
    position: relative;
}
.top_serach01 .title_box h2.title1:before {
    content: "";
    width: 1px;
    height: 30px;
    background: #666;
    display: block;
    position: absolute;
    top: 0;
    left: 18px;
}
.top_serach01 .title_box .title2.abs {
    margin-top: 20px;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif !important;
}
.top_serach01 .title_box {
    position: absolute;
    background: #fff;
    right: 0;
    top: -50px;
    margin: 0;
    padding: 0 0 25px 20px;
    display: flex;
    align-items: flex-start;
    border-radius: 0 0 0 5px;
    height: 280px;
    min-width: 90px;
}
.top_serach01>p {
    margin-bottom: 0;
    color: #666;
    font-size: 15px;
    line-height: 2;
    margin-top: 30px;
    letter-spacing: 0.15em;
}
a.top_serach:hover, a.top_serach02:hover, a.shoplink:hover,
.flex_company .company a:hover {
    opacity: .8;
}
a.top_serach:hover img,
a.top_serach02:hover img,
a.shoplink:hover img,
.flex_company .company a:hover img {
    transform: none;
}
a.top_serach:hover .title_box h2.title1,
a.top_serach:hover .title_box .title2,
a.top_serach02:hover .title_box h2.title1,
a.top_serach02:hover .title_box .title2,
a.shoplink:hover .title_box h2.title1,
a.shoplink:hover .title_box .title2,
.banner a:hover .title_box h2.title1 {
    color: #e79223;
    transition: all .3s;
}
a.top_serach:hover .title_box h2.title1::before {
    background: #e79223;
    transition: all .3s;
}
a.top_serach02 {
    margin-top: 70px;
    position: relative;
    cursor: pointer;
}
a.top_serach02 .title_box {
    position: absolute;
    bottom: 0;
    left: auto;
    background: #f8f7f6;
    padding: 20px 25px 5px 10px;
    border-radius: 0 5px 0 0;
}
a.top_serach02.pr90 {
    right: 90px;
    width: calc(100% / 2 - 120px);
}
a.top_serach02.pl90 {
    left: 90px;
    width: calc(100% / 2 - 120px);
}
.top02_2 {
    padding-bottom: 100px;
}
.bg_style2 {
    position: relative;
    background: #fff;
}
.bg_style2:before {
    content: "";
    width: 93%;
    height: 55%;
    display: block;
    background: #f8f7f6;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0 30px 30px 0;
}
.top02_3 {
    padding: 130px 0 90px;
}
.top02_3 .container .es-col-lg-3 {
    padding-left: 20px;
    padding-right: 120px;
}
.top02_3 .title_box.bg_img_f {
    margin-top: 80px;
}
.top02_3 .container .es-col-lg-8 {
    padding: 0 60px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
}
.top02_3 .container .es-col-lg-8:before {
    content: "";
    width: calc(100% + 80px);
    height: 75%;
    bottom: -90px;
    right: -50px;
    display: block;
    position: absolute;
    background: #f8f7f6;
    border-radius: 30px 0 0 30px;
}
.top02_3 .container p.btnarea_pc {
    display: none;
}
a.shoplink {
    display: block;
    background: #fff;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    width: calc(100% / 3 - 35px);
}
a.shoplink .shoplink_text {
    padding: 30px 25px;
}
a.shoplink .shoplink_text .title_box.flex {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
}
a.shoplink .shoplink_text p.gry {
    letter-spacing: 0.1em;
    font-size: 14px;
}
a.shoplink .shoplink_text h2.title1 {
    font-size: 20px;
}
.top02_3 .container p.btnarea {
    padding-top: 0;
}
.banner {
    padding: 90px 0;
}
.banner>.flex_style1 {
    justify-content: space-between;
}
.banner .flex_style1 {
    justify-content: space-between;
}
.banner .flex_style1 .col-lg-4 {
    width: calc(100% / 3 - 45px);
}
.banner a.banner_style1 {
    box-shadow: 0 0 10px #ddd;
    border-radius: 10px;
    overflow: hidden;
}
.banner a.banner_style1 img,
.banner a.banner_style1 .title_box {
    width: 50%;
    text-align: center;
}
.banner a.banner_style1 .title_box h2.title1 {
    font-size: 16px;
    letter-spacing: 0.2em;
    margin-bottom: 2px;
}
.banner a:hover img {
    transition: all .3s;
    transform: scale(1.1);
}
.banner a:hover img {
    transition: all .3s;
    transform: scale(1.1);
}
.contact_style1 {
    padding: 25px 0;
}
.bg_gry {
    background-color: #f8f7f6;
}
.contact_style1 .flex_style1 {
    justify-content: space-between;
}
.contact_style1 .flex_style1 .col-lg-3 {
    width: 25%;
    padding-right: 40px;
}
.contact_style1 .flex_style1 .col-lg-6 {
    width: 50%;
    position: relative;
    padding-left: 45px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-left: 1px solid #c9c9c9;
    padding-top: 10px;
    padding-bottom: 10px;
}
.contact_style1 .flex_style1 .title_box h2 {
    font-size: 18px;
    text-align: left;
    margin-bottom: 10px;
}
a.btn_style2 {
    display: block;
    padding: 15px;
    border: 1px solid #c9c9c9;
    color: #333;
    letter-spacing: 0.15em;
}
a.btn_style2:hover {
    background: #fff;
    transition: .3s;
}
.contact_style1 .flex_style1 .col-lg-6 p {
    font-size: 14px;
    letter-spacing: 0.1em;
    width: 100%;
}
.contact_style1 .flex_style1 .title_box p {
    font-size: 15px;
    letter-spacing: 0.1em;
}
.contact_style1 .flex_style1 .col-lg-6 p.contact_text01 {
    margin-bottom: 15px;
}
.contact_text02 {
    background: #fff;
    padding: 20px 25px 18px;
    margin-right: 20px;
    width: calc(100% / 3 - 20px);
}
.contact_text03 {
    width: calc(100% / 3);
}
.contact_style1 .flex_style1 .col-lg-6 .contact_text03 p,
.contact_style1 .flex_style1 .col-lg-6 .contact_text02 p.text01 {
    font-size: 13px;
}
.contact_style1 .flex_style1 .col-lg-6 .contact_text02 p.text01 {
    line-height: 1;
}
.contact_style1 .flex_style1 .col-lg-6 .contact_text02 p.text02 {
    font-size: 18px;
    letter-spacing: 0.15em;
    line-height: 1;
    margin-top: 10px;
}
.block_sp_min {
    display: none;
}
@media (max-width: 1900px) {
.contact_style1 .flex_style1 .col-lg-6 {
    padding-left: 30px;
}
.contact_style1 .flex_style1 .col-lg-3 {
    padding-right: 30px;
}
.contact_text02 {
    padding: 15px 20px 15px;
    margin-right: 15px;
    width: calc(100% / 3 - 15px);
}
.contact_style1 .flex_style1 .col-lg-6 .contact_text03 p,
.contact_style1 .flex_style1 .col-lg-6 .contact_text02 p.text01 {
    letter-spacing: 0.01em;
}
a.btn_style2 {
    letter-spacing: 0.1em;
    font-size: 15px;
}
}
@media (max-width: 1800px) {
.bg_style2:before {
    height: 54.4%;
}
.top_serach01,
.banner .flex_style1 .col-lg-4 {
    width: calc(100% / 3 - 30px);
}
.top_serach01>p {
    margin-top: 25px;
    letter-spacing: 0.1em;
}
ul.slider_top {
    width: calc(100% - 180px);
}
#main .entry-content .top_tate_text {
    right: -20%;
    max-width: 300px;
    width: 300px;
    padding: 40px 0;
    margin-bottom: 0;
}
#main .entry-content .top_tate_text span.top_tate_text2 {
    font-size: 36px;
}
#main .entry-content .top_tate_text span.top_tate_text1 {
    font-size: 13px;
    height: 500px;
}
.scroll_left {
    width: 180px;
}
.scroll_left .tate {
    width: 180px;
    line-height: 180px;
}
.scroll_left a.tate {
    left: 75px;
}
.top02 .container .es-col-lg-3,
.top02_3 .container .es-col-lg-8 {
    padding: 0 45px;
}
.top02_3 .container .es-col-lg-3 {
    padding-right: 90px;
}
a.shoplink .shoplink_text p.gry {
    letter-spacing: 0.05em;
}
a.shoplink {
    width: calc(100% / 3 - 25px);
}
.top02_3 .title_box.bg_img_f {
    margin-top: 50px;
}
.contact_style1 .flex_style1 .col-lg-6 .contact_text02 p.text02 {
    letter-spacing: 0.1em;
}
}
@media (max-width: 1700px) {
#main .entry-content .top_tate_text {
    right: -13%;
    max-width: 280px;
    width: 280px;
    padding: 35px 0;
}
#main .entry-content .top_tate_text span.top_tate_text2 {
    font-size: 32px;
}
#main .entry-content .top_tate_text span.top_tate_text1 {
    height: 475px;
}
ul.slider_top {
    width: calc(100% - 150px);
}
.scroll_left {
    width: 150px;
}
.scroll_left .tate {
    width: 150px;
    line-height: 150px;
    font-size: 13px;
}
.scroll_left a.tate {
    left: 60px;
}
.block_1700 {
    display: block;
}
.contact_style1 .flex_style1 .col-lg-6 {
    padding-left: 20px;
}
.contact_style1 .flex_style1 .col-lg-3 {
    padding-right: 20px;
}
.footer_right .list_wrapper ul li:not(:last-child) {
    margin-bottom: 10px;
}
.title_box .title1 {
    font-size: 26px;
}
}
@media (max-width: 1600px) {
.contact_style1 .flex_style1 .col-lg-6 .contact_text02 p.text02 {
    font-size: 16px;
}
.contact_style1 .flex_style1 .title_box p {
    font-size: 14px;
}
.banner a.banner_style1 .title_box h2.title1 {
    font-size: 15px;
    letter-spacing: 0.15em;
}
a.shoplink .shoplink_text {
    padding: 25px 20px;
}
a.shoplink .shoplink_text p.gry {
    letter-spacing: 0.01em;
}
a.top_serach02.pl90 {
    left: 0;
    width: calc(100% / 2 - 20px);
}
a.top_serach02.pr90 {
    right: 0;
    width: calc(100% / 2 - 20px);
}
.top02 p.title3.center {
    text-align: justify;
    letter-spacing: 0.01em;
    font-feature-settings: "palt" 1;
}
.top02 p.title3.center br {
    display: none;
}
.title_box .title1 {
    font-size: 24px;
    letter-spacing: 0.1em;
}
}
@media (max-width: 1500px) {
.scroll_left {
    width: 100px;
}
ul.slider_top {
    width: calc(100% - 100px);
}
.scroll_left .tate {
    width: 100px;
    line-height: 100px;
}
.scroll_left a.tate {
    left: 33px;
}
#main .entry-content .top_tate_text span.top_tate_text2 {
    font-size: 30px;
}
#main .entry-content .top_tate_text span.top_tate_text1 {
    height: 420px;
}
#main .entry-content .top_tate_text {
    right: -10%;
    max-width: 270px;
    width: 270px;
    padding: 30px 0;
}
.top02_3 .title_box.bg_img_f {
    margin-top: 0;
}
a.shoplink .shoplink_text h2.title1 {
    font-size: 18px;
}
.title_box .title2 {
    font-size: 11px;
}
.contact_style1 .flex_style1 .title_box p,
.contact_style1 .flex_style1 .col-lg-6 .contact_text02 p.text02 {
    letter-spacing: 0.05em;
}
.contact_text02 {
    padding: 15px 18px 15px;
}
}
@media (max-width: 1400px) {
.scroll_left {
    width: 80px;
}
ul.slider_top {
    width: calc(100% - 80px);
}
.scroll_left .tate {
    width: 80px;
    line-height: 80px;
}
.scroll_left a.tate {
    left: 24px;
}
#main .entry-content .top_tate_text span.top_tate_text2 {
    font-size: 28px;
}
#main .entry-content .top_tate_text span.top_tate_text1 {
    height: 400px;
}
#main .entry-content .top_tate_text {
    right: -5%;
    max-width: 240px;
    width: 240px;
    padding: 30px 0;
    margin-top: -33%;
}
/* .flex_company .company {
    width: calc(100% / 3 - 20px);
} */
.flex_company .company:last-child {
    margin-right: calc(50% + 13px);
}
.flex_company .company.title_box {
    border-left: none;
    border-right: none;
    width: 100%;
    margin-bottom: 15px;
}
.top02.bg_style1 p.title3.center.mb_50 {
    margin-bottom: 0 !important;
}

.top02 .es-col-lg-8.es-col-lg-offset-1 {
    width: 75%;
    margin-left: 0;
}
.top02_3 .container .es-col-lg-8 {
    width: 75%;
    margin-left: 0;
    padding: 0 20px;
    padding-left: 60px;
}
.top02_3 .container .es-col-lg-3 {
    padding: 0 20px;
    margin-left: 0;
}
.top02_3 .container .es-col-lg-8:before {
    width: calc(100% + 30px);
}
.bg_style1:after {
    height: 64%;
}
.title_box .title1 {
    font-size: 22px;
}
.top_serach01 .title_box {
    height: 240px;
    min-width: 80px;
}
.top_serach01 .title_box p.title2,
a.shoplink .shoplink_text p.gry,
.contact_style1 .flex_style1 .title_box p {
    font-size: 13px;
}
a.shoplink .shoplink_text p.gry {
    letter-spacing: 0;
}
.banner a.banner_style1 .title_box h2.title1 {
    letter-spacing: 0.1em;
}
.contact_text02 {
    padding: 15px 15px 15px;
}
.contact_style1 .flex_style1 .col-lg-6 .contact_text02 p.text02 {
    letter-spacing: 0.01em;
}
.top_imgtext_abs {
    bottom: 20%;
}
p.top_imgtext {
    font-size: 28px;
}
}
@media (max-width: 1300px) {
  #main .entry-content .top_tate_text {
      right: 15px;
  }
  .scroll_left span {
      top: 100px;
  }
  .scroll_left a.tate {
      bottom: 120px;
  }
  .scroll_left a.tate:after {
      top: 60px;
  }
  .scroll_left a.tate:hover:after {
      top: 70px;
  }
  .top02 .es-col-lg-8.es-col-lg-offset-1 {
      width: 70%;
      margin-left: 0;
  }
  .top02.bg_style1 .es-col-lg-3 {
      width: 30%;
  }
  a.shoplink,
  .top_serach01,
  .banner .flex_style1 .col-lg-4 {
      width: calc(100% / 3 - 15px);
  }
  a.top_serach02.pr90,
  a.top_serach02.pl90 {
      width: calc(100% / 2 - 15px);
  }
  .banner .flex_style1 .col-lg-4 .title_box .title2 {
      margin-top: 5px;
      line-height: 1;
  }
  .top_serach01>p {
      margin-top: 20px;
      letter-spacing: 0.1em;
      line-height: 1.8;
      font-size: 14px;
  }
  p.top_imgtext {
      padding: 15px 30px;
  }
  .top_imgtext_abs {
      bottom: 15%;
  }
  .contact_style1 {
      padding: 40px 0;
  }
  .contact_style1 .flex_style1 .col-lg-3 {
      width: 50%;
      padding-right: 0;
  }
  .contact_style1 .flex_style1 .title_box h2,
  .contact_style1 .flex_style1 .title_box p {
      text-align: left;
      letter-spacing: 0.15em;
  }
  /* .contact_style1 .flex_style1 .col-lg-3 {
      padding-right: 0;
      width: 100%;
  }
  .contact_style1 .flex_style1 .title_box {
      margin-bottom: 20px;
  }
  .contact_style1 .flex_style1 .title_box h2,
  .contact_style1 .flex_style1 .title_box p {
      text-align: center;
  } */
  .contact_style1 .flex_style1 .col-lg-6 {
      padding-left: 0;
      border-left: none;
      padding-bottom: 0;
      width: 100%;
      justify-content: space-between;
      border-top: 1px solid #c9c9c9;
      padding-top: 30px;
      margin-top: 35px;
  }
  /* .contact_text02 {
    margin-right: 0;
    width: calc(100% / 2 - 15px);
    padding: 18px 20px 15px;
  }
  .contact_text03 {
      width: 100%;
      text-align: center;
      margin-top: 15px;
  } */
  .contact_style1 .flex_style1 .col-lg-6 .contact_text02 p.text02 {
      letter-spacing: 0.1em;
      font-size: 22px;
  }
  .contact_style1 .flex_style1 .col-lg-6 p .block_1700 {
      display: none;
  }
  a.btn_style2 {
      letter-spacing: 0.1em;
      font-size: 15px;
      padding: 12px;
      margin: 0 auto;
      margin-left: 30px;
  }
  /* a.btn_style2 {
      letter-spacing: 0.1em;
      font-size: 15px;
      padding: 12px;
      max-width: 260px;
      margin: 0 auto;
      margin-bottom: 10px;
  }
  .contact_style1 .flex_style1 .col-lg-6 p.contact_text01 {
      text-align: center;
  } */
}
@media (max-width: 991px) {
  #main .entry-content .top_tate_text span.top_tate_text2 {
      font-size: 26px;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  }
  #main .entry-content .top_tate_text span.top_tate_text1 {
      height: 360px;
      font-size: 12px;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  }
  #main .entry-content .top_tate_text {
      max-width: 230px;
      width: 230px;
      margin-top: -30%;
  }
  h2.top_intro_text2,
  p.top_intro_text1,
  p.top_intro_text1_1,
  .scroll_left .tate {
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  }
  .scroll_left .tate {
      font-size: 12px;
  }
  .top02 .es-col-lg-8.es-col-lg-offset-1 {
      width: 50%;
      display: inline-block;
      vertical-align: middle;
  }
  .top02.bg_style1 .es-col-lg-3 {
      width: calc(50% - 5px);
      padding: 0 20px;
      display: inline-block;
      vertical-align: middle;
  }
  .top_imgtext_abs {
      bottom: 30px;
      left: 55px;
  }
  p.top_imgtext {
      padding: 12px 15px;
      font-size: 20px;
      margin-bottom: 10px;
  }
  .title_box.flex {
      margin-bottom: 30px;
  }
  .top02 .btnarea {
      padding-top: 30px;
      text-align: left;
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .top02 .btnarea br {
      display: none;
  }
  .top02 .btnarea a.btnstyle1 {
      max-width: 100%;
      width: calc(50% - 10px);
      margin-bottom: 0 !important;
  }
  .top02.bg_style1 .es-col-lg-3 .title_box.flex {
      justify-content: flex-start;
      flex-wrap: wrap;
  }
  .top02.bg_style1 .es-col-lg-3 .title_box.flex.bg_img_f {
      background-image: none;
  }
  .top02.bg_style1 .es-col-lg-3 .title_box.flex h2,
  .top02.bg_style1 .es-col-lg-3 .title_box.flex p {
      width: 100%;
      text-align: left;
  }
  .top02.bg_style1 .es-col-lg-3 .title_box.flex p {
      order: -1;
      margin: 0;
  }
  .flex_company {
      margin-top: 90px;
      padding-top: 90px;
  }
  .bg_style1:after {
      height: 62%;
  }
  .top_serach01 .title_box {
      height: auto;
      position: relative;
      margin-bottom: 0 !important;
      padding: 0;
      top: 0;
      background: transparent;
      flex-wrap: wrap;
  }
  .top_serach01 .title_box h2.title1 {
      padding-top: 20px;
      width: 100%;
  }
  .top_serach01 .title_box p.title2 {
      margin: 0;
      margin-top: 5px;
  }
  .top_serach01>p {
      margin-top: 15px;
      line-height: 2;
  }
  .top_serach01 .title_box h2.title1:before,
  .top02_3 .container .es-col-lg-8:before,
  .bg_style2:before {
      content: none;
  }
  .title_box_style1 {
      margin-bottom: 60px;
  }
  .title_box_style1 img {
      width: 210px;
  }
  .top02_3 {
      padding: 90px 0;
      background: #f8f7f6;
  }
  .top02_3 .container .es-col-lg-8 {
      width: 100%;
      padding-left: 20px;
      flex-wrap: wrap;
  }
  .top02_3 p.title3.center {
      text-align: center;
  }
  .top02_3 .container p.btnarea_sp {
      display: none;
  }
  .top02_3 .container p.btnarea_pc {
      display: block;
      width: 100%;
      text-align: center !important;
  }
  .top02_3 .container p.btnarea_pc a.btnstyle1 {
      width: 240px;
      background: #fff;
  }
  .top02_3 .container p.btnarea_pc a.btnstyle1:hover {
      color: #e79223;
  }
  a.shoplink {
      margin-bottom: 50px;
  }
  a.top_serach02 .title_box {
      background: #ffffff;
  }
  .top02_2 {
      padding-bottom: 90px;
      padding-top: 90px;
  }
  .offset-onehelf {
      margin-left: 0;
  }
  .top02_3 .title_box.bg_img_f {
      flex-wrap: wrap;
  }
  .top02_3 .title_box.bg_img_f h2,
  .top02_3 .title_box.bg_img_f p {
      text-align: center;
      width: 100%;
      margin: 0;
  }
  .top02_3 .title_box.bg_img_f p {
      order: -1;
  }
}
@media (max-width: 767px) {
  .contact_style1 .flex_style1 .col-lg-6 p.contact_text01 {
      text-align: center;
  }
  .contact_text02 {
    margin-right: 0;
    width: calc(100% / 2 - 15px);
    padding: 18px 20px 15px;
  }
  .contact_text03 {
      width: 100%;
      text-align: center;
      margin-top: 15px;
  }
  .contact_style1 .flex_style1 .col-lg-3 {
      padding-right: 0;
      width: 100%;
  }
  .contact_style1 .flex_style1 .title_box {
      margin-bottom: 20px;
  }
  .contact_style1 .flex_style1 .title_box h2,
  .contact_style1 .flex_style1 .title_box p {
      text-align: center;
  }
  a.btn_style2 {
      letter-spacing: 0.1em;
      font-size: 15px;
      padding: 12px;
      max-width: 260px;
      margin: 0 auto;
  }
}
@media (max-width: 480px) {
  #main .entry-content .top_slider_wrapper {
      padding: 0;
  }
  .scroll_left {
      display: none;
  }
  ul.slider_top {
      width: 100%;
  }
  #main .entry-content .top_tate_text {
      max-width: 100%;
      width: auto;
      margin-top: -30%;
      right: auto;
      left: 20px;
      padding: 40px 20px 20px !important;
  }
  #main .entry-content .top_tate_text span.top_tate_text2 {
      font-size: 20px;
      -ms-writing-mode: initial;
      writing-mode: horizontal-tb;
      text-align: justify !important;
      display: block;
      line-height: 1.6;
  }
  #main .entry-content .top_tate_text span.top_tate_text1 {
      height: auto;
      font-size: 12px;
      -ms-writing-mode: initial;
      writing-mode: horizontal-tb;
      position: absolute;
      left: 20px;
      top: 20px;
  }
  #scroll_ {
      padding-top: 30px;
      padding-bottom: 0;
  }
  .top_intro .uagb-column__inner-wrap {
      flex-wrap: wrap;
  }
  h2.top_intro_text2, p.top_intro_text1, p.top_intro_text1_1, .scroll_left .tate {
      -ms-writing-mode: initial;
      writing-mode: horizontal-tb;
      width: 100%;
  }
  h2.top_intro_text2 {
      font-size: 20px;
      order: 0;
      margin-left: 0;
  }
  p.top_intro_text1 {
      margin: 0;
      font-size: 14px !important;
      letter-spacing: 0.1em;
      line-height: 2;
      text-align: justify;
      font-feature-settings: "palt" 1;
  }
  p.top_intro_text1_1 {
      order: 0;
      margin-left: 0;
      margin-bottom: 15px;
      margin-top: 20px;
  }
  p.top_intro_text1 br {
      display: none;
  }
  .top02 .es-col-lg-8.es-col-lg-offset-1,
  .top02.bg_style1 .es-col-lg-3 {
      width: 100%;
      padding: 0;
  }
  .flex_company {
      margin-top: 0;
      padding-top: 60px;
      padding-left: 0;
      padding-right: 0;
  }
  .flex_company .company {
      width: calc(100% / 2 - 10px);
  }
  .flex_company .company:last-child {
    margin-right: 0;
}
  .bg_style1:after {
      height: 85%;
  }
  .top_img_02 {
      padding-bottom: 20px;
  }
  .top_imgtext_abs {
      bottom: 40px;
      left: 25px;
  }
  p.top_imgtext {
      padding: 10px 15px;
      font-size: 16px;
      margin-bottom: 10px;
  }
  .title_box.flex {
      margin-bottom: 25px;
  }
  .top02 .btnarea {
      padding-top: 25px;
  }
  .title_box_style1 img {
      display: none;
  }
  .top_seracharea {
      padding: 0;
  }
  .top_serach01 {
      width: 100%;
      margin-bottom: 25px;
  }
  .top_serach01 .title_box p.title2 {
      display: none;
  }
  a.top_serach02.pr90, a.top_serach02.pl90 {
      width: calc(100% / 2 - 10px);
      margin-top: 0;
  }
  a.top_serach02 h2.title1 {
      letter-spacing: 0.01em;
      font-size: 17px;
  }
  a.top_serach02 .title_box {
      background: transparent;
      position: relative;
      padding: 0;
      padding-top: 15px;
  }
  a.top_serach02 p.title2 {
      text-align: center;
  }
  .top_serach01 .title_box .title2.abs {
      margin-left: 8px;
      position: relative;
      top: -3px;
  }
  .top_serach01 .title_box h2.title1 {
      padding-top: 15px;
  }
  a.shoplink {
      margin-bottom: 25px;
      width: 100%;
  }
  .banner .flex_style1 .col-lg-4 {
      width: 100%;
  }
  .banner .flex_style1 .col-lg-4:not(:last-child) {
      margin-bottom: 25px;
  }
  .title_box .title1 {
      font-size: 20px;
  }
  .title_box.flex .title2 {
      margin-left: 0;
  }
  .top_serach01>p {
      margin-top: 8px;
      line-height: 1.8;
      letter-spacing: 0.05em;
  }
  .contact_text02 {
      width: 100%;
      margin-bottom: 15px;
  }
  .footer_right .list_wrapper p.list_title {
      font-size: 15px;
  }
  .footer_right .list_wrapper ul li:not(:last-child) {
      margin-bottom: 0;
  }
  a.btnstyle1 {
      padding: 15px 30px 15px 10px;
      font-size: 13px;
  }
  a.btnstyle1 img {
      top: 16px;
      right: 15px;
      width: 20px;
  }
  .sp_pd0 {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
  .sp_pd10 {
      padding-left: 10px !important;
      padding-right: 10px !important;
  }
  .alignfull.top02 {
      padding-top: 50px;
      padding-bottom: 50px;
  }
  .title_box_style1 {
      margin-bottom: 30px;
  }
  .top02_3 p.title3.center {
      margin-bottom: 30px !important;
  }
  a.shoplink .shoplink_text .title_box p.title2 {
      margin-left: 7px;
  }
  .banner {
      padding: 50px 0;
  }
  a.btn_style2 {
      padding: 10px;
      max-width: 100%;
  }
  .contact_style1 .flex_style1 .col-lg-6 p {
      letter-spacing: 0.05em;
      font-size: 13px;
  }
}
@media (max-width: 374px) {
  .block_sp_min {
      display: block;
  }
}
@media (max-width: 360px) {
  #main .entry-content .top_tate_text {
      left: 15px;
      padding: 38px 15px 15px !important;
  }
  #main .entry-content .top_tate_text span.top_tate_text2 {
      font-size: 18px;
  }
  #main .entry-content .top_tate_text span.top_tate_text1 {
      font-size: 10px;
      left: 16px;
  }
  .top_imgtext_abs {
      bottom: 35px;
      left: 20px;
  }
  p.top_imgtext {
      padding: 9px 10px;
      font-size: 15px;
  }
  a.top_serach02 h2.title1 {
      line-height: 1.4;
  }
  a.top_serach02 .title_box {
      padding-top: 10px;
  }
}