html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video,
figure {
  margin: 0;
  padding: 0;
}

:root {
  --font-size: 16;
  --color-white: #ffffff;
  --color-black: #514A40;
  --color-red: #bc1121;
  --color-blue: #042275;
  --color-green: #436c48;
}

html {
  font-size: 16px;
}
@media all and (max-width: 1366px) and (min-width: 751px) {
  html {
    font-size: calc(16/ 1366 * 100vw);
  }
}

/*!* ---------------------------------------------------------------------------------------------
    pc sp表示分け
--------------------------------------------------------------------------------------------- *!*/

@media all and (min-width:751px) {

  .pc_only {
    display: block;
  }

  .sp_only {
    display: none !important;
  }
}

@media all and (min-width: 751px) and (max-width: 999px) {
  .u-hide-tab {
    display: none;
  }
}


@media all and (max-width:750px) {

  .pc_only {
    display: none !important;
  }

  .sp_only {
    display: block;
  }
}

/*!* ---------------------------------------------------------------------------------------------
    utility
--------------------------------------------------------------------------------------------- *!*/
.u-color-red {
  color: var(--color-red);
}
.u-color-blue {
  color: var(--color-blue);
}
.u-color-green {
  color: var(--color-green);
}
.u-color-white {
  color: var(--color-white);
}

.u-bold {
  font-weight: bold;
}
.u-text-align--left {
  text-align: left !important;
}

/*!* ---------------------------------------------------------------------------------------------
    common
--------------------------------------------------------------------------------------------- *!*/

footer .ftTop {
  margin-top: 0;
}

#wrapper {
  color: #514a40;
  background-image: url(../img/bgimg.png);
  background-size: contain;
  background-repeat: repeat-y;
}

.main_contents {
  background-image: url(../img/pc/leaf_bgimg.png);
  background-size: 100%;
  background-repeat: repeat-y;
  background-position: top;

  margin: 0 auto;
  font-family: "Noto Sans JP", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'MS PGothic', arial, helvetica, sans-serif;
}

@media all and (min-width:751px) {
  .txt--l {
    font-size: calc(20/ var(--font-size) * 1em);
    line-height: 1.2;
  }
}

@media all and (max-width:750px) {

  #wrapper {
    background-image: url(../img/bgimg.png);
    background-size: 160%;
  }

  .main_contents {
    background-image: url(../img/sp/leaf_bgimg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top 40px right 0;

    position: relative;
    z-index: 100;
  }

  .txt--l {
    font-size: calc(40 / 750 * 100vw);
    line-height: 1.5;
  }
}



/*!* ---------------------------------------------------------------------------------------------
    mv
--------------------------------------------------------------------------------------------- *!*/

@media all and (min-width:751px) {
  .mv__contents {
    padding-top: calc(690 / 1366 * 100%);
    background-image: url(../img/pc/mv.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
}

@media all and (max-width:750px) {

  .mv__contents {
    padding-top: calc(910 / 768 * 100%);
    background-image: url(../img/sp/mv.png);
    background-repeat: no-repeat;
    background-size: contain;
  }
}

/*!* ---------------------------------------------------------------------------------------------
    about
--------------------------------------------------------------------------------------------- *!*/

@media all and (min-width:751px) {
  .about__contents {
    width: calc(940/ var(--font-size) * 1em);
    margin: 0 auto;
  }
  
  .about__contents h1 {
    padding: 0 0 calc(54/ var(--font-size) * 1em) 0;
    text-align: center;
  }
  
  .about__contents h1 img {
    width: calc(367/ var(--font-size) * 1em);
  }
  
  .about_lead {
    margin-bottom: calc(48/ var(--font-size) * 1em);
  }
  
  .about_lead__label {
    font-size: calc(20/ var(--font-size) * 1em);
    font-weight: bold;
    line-height: 2;
    text-align: center;
  }
  
  .about_lead__label + .about_lead__label {
    padding-top: calc(26/ var(--font-size) * 1em);
  }
  
  .about_btn_list {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: calc(30/ var(--font-size) * 1em);
    padding-bottom: calc(68/ var(--font-size) * 1em);
  }
  
  .about_btn_list__item {
    position: relative;
    width: calc(200/ var(--font-size) * 1em);;
    display: inline-block;
    margin-bottom: 2.5vw;
    background-color: #436c48;
    border-radius: calc(20/ var(--font-size) * 1em);
  }
  
  .about__contents li a {
    display: block;
    padding: calc(12/ var(--font-size) * 1em) calc(12/ var(--font-size) * 1em) calc(36/ var(--font-size) * 1em);
    box-shadow: 0 5px 0 #b6d18f;
    border-radius: calc(20/ var(--font-size) * 1em);
    text-align: center;
  }
  
  .about__contents li a::after {
    content: ' ';
    background-image: url(../img/btn_about.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: calc(20/ var(--font-size) * 1em);
    height: calc(16/ var(--font-size) * 1em);
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-bottom: calc(10/ var(--font-size) * 1em);
    transform: translateX(-50%);
  }
  
  .about_btn__label {
    font-weight: 500;
    font-size: calc(15/ var(--font-size) * 1em);
    line-height: 1.5;
    color: #fff;
  }
  
  .about__contents li:hover {
    transform: translateY(3px);
    cursor: pointer;
    opacity: 0.5;
  }
  
  .about__contents span.yuki {
    display: inline-block;
    padding: 5%;
  }
}

@media all and (max-width:750px) {

  .about__contents {
    width: 100%;
    padding: 0 calc(20 / 750 * 100vw) calc(55 / 750 * 100vw);
  }

  .about__contents h1 {
    padding: calc(94 / 750 * 100vw) 0 calc(76 / 750 * 100vw);
    text-align: center;
  }

  .about__contents h1 img {
    width: calc(588 / 750 * 100vw);
  }

  .about_lead {
    margin-bottom: calc(74 / 750 * 100vw);
  }
  
  .about_lead__label {
    font-size: calc(28 / 750 * 100vw);
    font-weight: bold;
    line-height: 1.7;
    text-align: center;
  }
  
  .about_lead__label + .about_lead__label {
    padding-top: calc(50 / 750 * 100vw);
  }


  .about_btn_list {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(18 / 750 * 100vw);
    padding-bottom: calc(50 / 750 * 100vw);
    flex-wrap: wrap;
    column-gap: calc(30 / 750 * 100vw);
    text-align: center;
  }

  .about_btn_list__item {
    display: flex;
    margin-bottom: calc(20 / 750 * 100vw);
    border-radius: calc(20 / 750 * 100vw);
    width: calc((100% - 14%) / 3);
    height: auto;
    min-height: calc(140 / 750 * 100vw);
    flex-wrap: wrap;
    font-weight: bold;
    background-color: #436c48;
  }

  .about__contents li a {
    border-radius: calc(20 / 750 * 100vw);
    padding: calc(10 / 750 * 100vw) calc(10 / 750 * 100vw) calc(36 / 750 * 100vw);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    box-shadow: 0 3px 0 #b6d18f;
    position: relative;
  }

  .about__contents li a::after {
    content: ' ';
    background-image: url(../img/btn_about.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: calc(20 / 750 * 100vw);
    height: calc(16 / 750 * 100vw);
    position: absolute;
    left: 50%;
    bottom: calc(14 / 750 * 100vw);
    transform: translateX(-50%);
  }

  .about_btn__label {
    font-weight: 500;
    font-size: calc(20 / 750 * 100vw);
    line-height: 1.4;
    color: #fff;
  }

  .about__contents li:nth-of-type(3n+1) {
    margin-left: 0;
  }


  .about__contents span.yuki {
    display: inline-block;
    padding: 6%;
  }

  .about__contents li.oishi,
  .about__contents li.tanita {}

  .about__contents li.oishi a::after,
  .about__contents li.tanita a::after {
    width: calc(17 / 210 * 100%);
    height: calc(14 / 20 * 100%);
  }

  .about__contents li:hover {
    transform: none;
    opacity: 1;
  }
}


@media all and (min-width:751px) and (max-width:1000px) {

  .about__contents ul {
    padding-bottom: calc(100 / 1120 * 100%);
  }

}



/*!* ---------------------------------------------------------------------------------------------
    sec common
--------------------------------------------------------------------------------------------- *!*/

@media all and (min-width:751px) {
  .sec_common + .sec_common {
    margin-top: calc(85/ var(--font-size) * 1em);
  }
  
  .sec_inner {
    width: calc(1115/ var(--font-size) * 1em);
    max-width: 1366px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 20px;
    position: relative;
  }
  
  .sec_inner_reverse {
    flex-direction: row-reverse;
  }
  
  .--pattern_01 .sec_inner {
    padding: calc(60/ var(--font-size) * 1em) calc(70/ var(--font-size) * 1em) calc(60/ var(--font-size) * 1em) calc(10/ var(--font-size) * 1em);
  }
  
  .--pattern_01 .sec_inner.sec_inner_reverse {
    padding: calc(60/ var(--font-size) * 1em) calc(10/ var(--font-size) * 1em) calc(60/ var(--font-size) * 1em) calc(70/ var(--font-size) * 1em);
  }
  
  .--pattern_02 .sec_inner {
    padding: calc(60/ var(--font-size) * 1em) calc(70/ var(--font-size) * 1em) calc(60/ var(--font-size) * 1em)  calc(20/ var(--font-size) * 1em);
  }
  
  .sec_inner_text {
    width: 50%;
    text-align: center;
  }
  
  .sec_inner .sec_ttl {
    width: calc(420/ var(--font-size) * 1em);
  }
  
  
  .sec_inner h3 {
    font-size: calc(26/ var(--font-size) * 1em);
    padding-top: calc(17/ var(--font-size) * 1em);
  }
  
  .sec_inner p {
    font-size: calc(20/ var(--font-size) * 1em);
    padding-top: calc(16/ var(--font-size) * 1em);
    padding-bottom: calc(24/ var(--font-size) * 1em);
    line-height: 1.5;
  }
  
  .sec_inner .sec_inner_product {
    width: 50%;
    text-align: center;
    position: relative;
  }
  
  .sec_inner .product_img {
    width: fit-content;
    height: calc(449/ var(--font-size) * 1em);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  }
  
  .sec_inner .product_img.--kokusan {
    height: calc(412/ var(--font-size) * 1em);
  }
  .sec_inner .product_img.--noukou {
    height: calc(332/ var(--font-size) * 1em);
  }
  
  .product_img_mark {
    position: absolute;
    width: calc(145/ var(--font-size) * 1em);
    height: calc(145/ var(--font-size) * 1em);
    z-index: 1;
  }
  
  .product_img_mark--left-pc {
    left: calc(-116/ var(--font-size) * 1em);
    top: calc(55/ var(--font-size) * 1em);
  }
  
  .product_img_mark--right-pc {
    right: calc(-116/ var(--font-size) * 1em);
    top: calc(55/ var(--font-size) * 1em);
  }
  

  .product_img.--kokusan .product_img_mark--right-pc {
    right: calc(57 / var(--font-size) * 1em);
    top: calc(8 / var(--font-size) * 1em);
  }

  .product_img.--noukou .product_img_mark--right-pc {
    right: calc(-102/ var(--font-size) * 1em);
    top: calc(40/ var(--font-size) * 1em);
  }
  
  .sec_inner .product_img img{
    position: relative;
    width: auto;
    height: 100%;
    z-index: 2;
  }
  
  .--pattern_02 .sec_inner .product_img {
    margin-top: calc(-27/ var(--font-size) * 1em);
  }
  
  .sec__new {
    position: relative;
  }
  
  .sec__new::before {
    content: "";
    position: absolute;
    display: block;
    left: calc(-67 / 1115 * 100%);
    top: -12px;
    width: calc(185/ var(--font-size) * 1em);
    height: calc(83/ var(--font-size) * 1em);
    background: url(../img/icon_new.png) left top no-repeat;
    background-size: 100% auto;
  }

  .con_btn {
    width: calc(485 / 485 * 100%);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .con_btn-b {
    padding-top: calc(15 / 485 * 100%);
  }
  
  .con_btn-one {
    width: calc(238 / 485 * 100%);
    margin: 0 auto;
  }
  
  .con_btn a:hover {
    transform: translateY(3px);
    cursor: pointer;
    opacity: 0.5;
  }
  
  .con_btn img {
    width: calc(238/ var(--font-size) * 1em);
  }
  
  .btn-l {
    margin-right: calc(7.5 / 485 * 100%);
  }
  
  .btn-r {
    margin-left: calc(7.5 / 485 * 100%);
  }
}

@media all and (max-width:750px) {
  .sec_common + .sec_common {
    margin-top: calc(80 / 750 * 100vw);
  }

  .sec_common {
    padding: 0 calc(40 / 750 * 100vw);
  }
  
  .sec_inner {
    flex-direction: column;
    width: 100%;
    border-radius: calc(20 / 750 * 100vw);
    padding: 0 calc(40 / 750 * 100vw) calc(80 / 750 * 100vw);
  }
  
  .sec_inner_reverse {
  }
  
  .sec_inner_text {
    width: 100%;
    text-align: center;
  }
  
  .sec_inner .sec_ttl {
    width: 100%;
    padding-top: calc(32 / 750 * 100vw);
  }
  
  .sec_inner h3 {
    font-size: calc(36 / 750 * 100vw);
    padding-top: calc(45 / 750 * 100vw);
  }
  
  .sec_inner p {
    font-size: calc(30 / 750 * 100vw);
    text-align: left;
    padding-top: calc(30 / 750 * 100vw);
    line-height: 1.5;
    padding-bottom: calc(54 / 750 * 100vw);
  }
  
  .sec_inner .sec_inner_product {
    width: 100%;
    text-align: center;
  }
  
  .sec_inner .product_img {
    display: inline-block;
    width: fit-content;
    height: calc(550 / 750 * 100vw);
    position: relative;
    margin-top: calc(-65 / 750 * 100vw);
  }
  
  .sec_inner .product_img.--noukou {
    height: calc(413 / 750 * 100vw);
  }
  
  .product_img_mark {
    position: absolute;
    width: calc(170 / 750 * 100vw);
    height: calc(170 / 750 * 100vw);
    z-index: 1;
    right: calc(-110 / 750 * 100vw);
    top: calc(20 / 750 * 100vw);
  }

  .product_img_mark--center-sp {
    right: calc(-120 / 750 * 100vw);
    top: calc(120 / 750 * 100vw);
  }
  
  .product_img.--kokusan .product_img_mark--right-pc {
    right: calc(83 / 750 * 100vw);
    top: calc(14 / 750 * 100vw);
  }


  .sec_inner .product_img img{
    position: relative;
    width: auto;
    height: 100%;
    z-index: 2;
  }
  
  .--pattern_02 .sec_inner .product_img {
  }
  
  .sec__new {
    position: relative;
  }
  
  .sec__new::before {
    content: "";
    position: absolute;
    display: block;
    left: calc(-67 / 1115 * 100%);
    top: -12px;
    width: calc(185 / 750 * 100vw);
    height: calc(83 / 750 * 100vw);
    background: url(../img/icon_new.png) left top no-repeat;
    background-size: 100% auto;
  }

  .con_btn {
    display: flex;
    flex-flow: column;

    width: calc(407 / 750 * 100vw);
    margin: 0 auto;
  }

  .con_btn a:hover {
    transform: none;
    opacity: 1;
  }

  .con_btn-b {
    padding-top: calc(28 / 750 * 100vw);
  }

  .con_btn img {
    width: 100%;
  }

  .btn-l,
  .btn-r {
    margin: 0;
  }

  .btn-r {
    padding-top: calc(28 / 750 * 100vw);
  }

  .sec_kokusan .sec_inner_text,
  .sec_yuki .sec_inner_text,
  .sec_tanita .sec_inner_text {
    margin: 0 auto;
  }

}

@media all and (min-width:751px) and (max-width:1000px) {

  .sec_inner .product {
    /* top: -40px; */
  }
}



/*!* ---------------------------------------------------------------------------------------------
    kokusan
--------------------------------------------------------------------------------------------- *!*/

.sec_kokusan {
}


.sec_kokusan .sec_inner {
  background-image: url(../img/pc/kokusan_bgimg.png);
  background-repeat: no-repeat;
  background-position: 0, center;
  background-size: cover;
}

@media all and (min-width:751px) {
  .sec_kokusan .sec_inner .product {
  }

  .sec_kokusan .sec_inner_text {
  }

}

@media all and (max-width:750px) {
  .sec_kokusan .sec_inner {
    background-image: url(../img/sp/kokusan_bgimg.png);
  }

  .sec_kokusan .product {
    display: inline-block;
    width: calc(527 / 750 * 100vw);
    margin-left: calc(-75 / 750 * 100vw);
    margin-top: calc(-75 / 750 * 100vw);
  }

  .sec_yuki .sec_inner_text {
  }

  .sec_kokusan .sec_ttl {
  }

}



/*!* ---------------------------------------------------------------------------------------------
    noukou
--------------------------------------------------------------------------------------------- *!*/

.sec_noukou {
}

.sec_noukou .sec_inner {
  background-image: url(../img/pc/noukou_bgimg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0, center;
}

@media all and (min-width:751px) {

  .sec_noukou .sec_inner {
  }

  .sec_noukou .product {
    display: inline-block;
    margin-left: calc(160/ var(--font-size) * 1em);
  }

  .sec_noukou .sec_inner_text {
  }
}

@media all and (max-width:750px) {

  .sec_noukou .sec_inner {
    background-image: url(../img/sp/noukou_bgimg.png);
  }

  .sec_noukou .product {
    display: inline-block;
    margin-left: calc(-10 / 750 * 100vw);
    margin-top: calc(-65 / 750 * 100vw) !important;
  }

  .sec_noukou .sec_inner .sec_ttl {
  }
}



/*!* ---------------------------------------------------------------------------------------------
    yuki
--------------------------------------------------------------------------------------------- *!*/


.sec_yuki {
}

.sec_yuki .sec_inner {
  background-image: url(../img/pc/yuki_bgimg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0, center;
}

@media all and (min-width:751px) {
  .sec_yuki .sec_inner {
  }

  .sec_yuki .product {
  }

  .sec_yuki .sec_inner_text {
  }

  .sec_yuki .sec_ttl {
  }
}

@media all and (max-width:750px) {

  .sec_yuki .sec_inner {
    background-image: url(../img/sp/yuki_bgimg.png);
  }

  .sec_yuki .product {
    display: inline-block;
    width: calc(527 / 750 * 100vw);
    margin-left: calc(-75 / 750 * 100vw);
    margin-top: calc(-75 / 750 * 100vw);
  }

  .sec_yuki .sec_inner_text {
  }

  .sec_yuki .sec_ttl {
  }

}



/*!* ---------------------------------------------------------------------------------------------
    oishii
--------------------------------------------------------------------------------------------- *!*/

.sec_oishii {
}

.sec_oishii .sec_inner {
  background-image: url(../img/pc/oishii_bgimg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0, center;
}


@media all and (min-width:751px) {
  .sec_oishii .sec_inner {
  }

  .sec_oishii .product {
    display: inline-block;
    width: calc(216/ var(--font-size) * 1em);
    margin-left: calc(76/ var(--font-size) * 1em);
  }

  .sec_oishii .sec_inner_text {
  }

  .sec_oishii .sec_ttl {
  }
}

@media all and (max-width:750px) {


  .sec_oishii {
  }

  .sec_oishii .sec_inner {
    background-image: url(../img/sp/oishii_bgimg.png);
  }

  .sec_oishii .product {
    display: inline-block;
    width: calc(235 / 750 * 100vw);
    margin-left: calc(10 / 750 * 100vw);
    margin-top: calc(-65 / 750 * 100vw) !important;
  }

  .sec_oishii .sec_ttl {
    padding-top: calc(36 / 750 * 100vw);
  }


}



/*!* ---------------------------------------------------------------------------------------------
    tanita
--------------------------------------------------------------------------------------------- *!*/

.sec_tanita {
}

.sec_tanita .sec_inner {
  background-image: url(../img/pc/tanita_bgimg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0, center;

}

.sec_tanita .bnr {
  text-align: center;
}

.sec_tanita .bnr a,
.sec_tanita .bnr img {
  display: block;
  max-width: 100%;
}

@media all and (min-width:751px) {
  .sec_tanita .sec_inner {
  }

  .sec_tanita .product {
  }

  .sec_tanita .bnr {
  }

  .sec_tanita .sec_ttl {
    width: calc(425 / var(--font-size) * 1rem);
  }
}

@media all and (max-width:750px) {

  .sec_tanita .sec_inner {
    background-image: url(../img/sp/tanita_bgimg.png);
  }

  .sec_tanita .product {
    display: inline-block;
    width: calc(388 / 750 * 100vw);
    margin-left: calc(-5 / 750 * 100vw);
    margin-top: calc(-75 / 750 * 100vw);
  }

  .sec_tanita .sec_inner_text {
  }

  .sec_tanita .sec_ttl {
  }

}

@media all and (min-width:751px) and (max-width:1000px) {

  .sec_tanita {
  }
}


/*!* ---------------------------------------------------------------------------------------------
    hitotuue
--------------------------------------------------------------------------------------------- *!*/

.sec_hitotuue {
}

.sec_hitotuue .sec_inner {
  background-image: url(../img/pc/hitotuue_bgimg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0, center;
}


.sec_hitotuue .bnr {
}

@media all and (min-width:751px) {
  .sec_hitotuue .sec_inner {
  }

  .sec_hitotuue .sec_inner_text {
  }

  .sec_hitotuue .product {
    display: inline-block;
    width: calc(375/ var(--font-size) * 1em);
  }

  .sec_hitotuue .product img {
  }

  .sec_hitotuue .sec_inner_text {
  }
}

@media all and (max-width:750px) {

  .sec_hitotuue .sec_inner {
    background-image: url(../img/sp/hitotuue_bgimg.png);
  }

  .sec_hitotuue .product {
  }

  .sec_hitotuue .sec_inner_product .product {
    display: inline-block;
    width: calc(430 / 750 * 100vw);
    margin-left: calc(-75 / 750 * 100vw);
    margin-top: calc(-75 / 750 * 100vw);
  }

  .sec_hitotuue .sec_inner_text {
  }

  .sec_hitotuue .sec_ttl {
  }

}

/*!* ---------------------------------------------------------------------------------------------
    shiga
--------------------------------------------------------------------------------------------- *!*/

.sec_shiga {
}

.sec_shiga .sec_inner {
  background-image: url(../img/pc/shiga_bgimg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0, center;
}

@media all and (min-width:751px) {
  .sec_shiga .sec_inner {
  }

  .sec_shiga .product {
    display: inline-block;
    width: calc(345/ var(--font-size) * 1em);
  }

  .sec_shiga .sec_inner_text {
  }
}

@media all and (max-width:750px) {
  .sec_shiga .sec_inner {
    background-image: url(../img/sp/shiga_bgimg.png);
  }

  .sec_shiga .product {
    display: inline-block;
    width: calc(395 / 750 * 100vw);
    margin-left: 0;
    margin-top: calc(-65 / 750 * 100vw) !important;
  }

  .sec_shiga .sec_inner .sec_ttl {
  }
}

/*!* ---------------------------------------------------------------------------------------------
    orain
--------------------------------------------------------------------------------------------- *!*/

.sec_orain {
}

.sec_orain .sec_inner {
  background-image: url(../img/pc/orain_bgimg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0, center;
}

@media all and (min-width:751px) {
  .sec_orain .sec_inner {
  }

  .sec_orain .product {
    display: inline-block;
    width: calc(216/ var(--font-size) * 1em);
  }

  .sec_orain .sec_inner_text {
  }
}

@media all and (max-width:750px) {
  .sec_orain .sec_inner {
    background-image: url(../img/sp/orain_bgimg.png);
  }

  .sec_orain .product {
    display: inline-block;
    width: calc(235 / 750 * 100vw);
    margin-left: calc(10 / 750 * 100vw);
    margin-top: calc(-65 / 750 * 100vw) !important;
  }

  .sec_orain .sec_inner .sec_ttl {
  }
}

/*!* ---------------------------------------------------------------------------------------------
    compare
--------------------------------------------------------------------------------------------- *!*/

@media all and (min-width:751px) {
  .sec_compare {
    margin-top: calc(120/ var(--font-size) * 1em);
  }
  .compare_ttl {
    width: calc(565/ var(--font-size) * 1em);
    margin: 0 auto;
  }
  .compare_lead {
    margin: calc(79/ var(--font-size) * 1em) auto 0;
    width: calc(1115/ var(--font-size) * 1em);
    height: auto;
    background-image: url(../img/pc/compare_bgimg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0, center;
    position: relative;
  }
  .compare_lead::before {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../img/compare_deco_01.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: calc(147/ var(--font-size) * 1em);
    height: calc(147/ var(--font-size) * 1em);
    left: calc(-60/ var(--font-size) * 1em);
    bottom: calc(-30/ var(--font-size) * 1em);
  }
  .compare_lead::after {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../img/compare_deco_02.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: calc(125/ var(--font-size) * 1em);
    height: calc(117/ var(--font-size) * 1em);
    right: calc(-40/ var(--font-size) * 1em);
    bottom: calc(-55/ var(--font-size) * 1em);
  }
  .compare_lead__inner {
    padding: 0 calc(18/ var(--font-size) * 1em) 0 calc(65/ var(--font-size) * 1em);
  }
  .compare_lead__body {
    padding: calc(20/ var(--font-size) * 1em) 0;
  }
  .compare_lead__content {
    display: flex;
    align-items: center;
    column-gap: calc(64/ var(--font-size) * 1em);
  }
  .compare_lead_txt {
  }
  .compare_lead_txt__label {
    font-size: calc(20/ var(--font-size) * 1em);
    line-height: 2;
    text-align: center;
    font-weight: bold;
  }
  .compare_lead_img {
    width: calc(539/ var(--font-size) * 1em);
    border-radius: calc(20/ var(--font-size) * 1em);
    overflow: hidden;
    margin-top: calc(-40/ var(--font-size) * 1em);
  }

  .compare_table {
    width: 100vw;
    margin: calc(80/ var(--font-size) * 1em) calc(50% - 50vw) 0;
  }
  .compare_table__content {
    position: relative;
    margin-left: calc(120/ var(--font-size) * 1em);
    overflow-x: auto;
    border-radius: calc(20/ var(--font-size) * 1em) 0 0 calc(20/ var(--font-size) * 1em);
  }
  .compare_table__content__inner {
    margin-right: calc(120/ var(--font-size) * 1em);
    overflow: visible;
    width: fit-content;
    position: relative;
  }
  .compare_table table {
    border-collapse: separate;
    border-spacing: 0;
  }
  .compare_table tr {
  }
  .compare_table th, td {
    border: calc(2/ var(--font-size) * 1em) solid var(--color-white);
  }
  .compare_table tr:first-child th {
    border-top: calc(6/ var(--font-size) * 1em) solid var(--color-white);
  }
  .compare_table tr:last-child th {
    border-bottom: calc(6/ var(--font-size) * 1em) solid var(--color-white);
  }
  .compare_table tr:first-child th {
    border-radius: calc(20/ var(--font-size) * 1em) 0 0 0;
  }
  .compare_table tr:last-child th:first-child {
    border-radius: 0 0 0 calc(20/ var(--font-size) * 1em);
  }
  .compare_table tr:first-child td:last-child {
    border-radius: 0 calc(20/ var(--font-size) * 1em) 0 0;
  }
  .compare_table tr:last-child td:last-child {
    border-radius: 0 0 calc(20/ var(--font-size) * 1em) 0;
  }
  .compare_table tr:first-child td {
    border-top: calc(6/ var(--font-size) * 1em) solid var(--color-white);
  }
  .compare_table tr:last-child td {
    border-bottom: calc(6/ var(--font-size) * 1em) solid var(--color-white);
  }
  .compare_table td:last-child {
    border-right: calc(6/ var(--font-size) * 1em) solid var(--color-white);
  }
  .compare_table th {
    min-width: calc(168/ var(--font-size) * 1em);
    padding: calc(26/ var(--font-size) * 1em) calc(12/ var(--font-size) * 1em);
    background-color: var(--color-green);
    vertical-align: top;
    position: -webkit-sticky; 
    position: sticky;
    left: 0;
    z-index: 10;
    border-left: calc(6/ var(--font-size) * 1em) solid var(--color-white);
  }
  .compare_table td {
    position: relative;
    z-index: 1;
    min-width: calc(250/ var(--font-size) * 1em);
    padding: calc(22/ var(--font-size) * 1em) calc(16/ var(--font-size) * 1em);
    vertical-align: top;
  }
  .compare_table tr:first-child th {
    padding-top: calc(46/ var(--font-size) * 1em);
  }
  .compare_table td:nth-of-type(3n - 2) {
    background-color: #E1EED6;
  }
  .compare_table td:nth-of-type(3n - 1) {
    background-color: #E9F0CB;
  }
  .compare_table td:nth-of-type(3n) {
    background-color: #F6F1D8;
  }
  .compare_table__title {
    color: var(--color-white);
    font-size: calc(18/ var(--font-size) * 1em);
    line-height: 1.6;
  }
  .compare_table_img {
    height: calc(134/ var(--font-size) * 1em);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-bottom: calc(8/ var(--font-size) * 1em);
  }
  .compare_table_img.--noukou {
    margin-bottom: calc(16/ var(--font-size) * 1em);
  }
  .compare_table_img__content {
    width: auto;
    height: 100%;
    text-align: center;
  }
  .compare_table_img.--noukou .compare_table_img__content {
    height: calc(80/ var(--font-size) * 1em);
  }
  .compare_table_img img {
    width: auto;
    height: 100%;
  }
  .compare_table__txt {
    text-align: center;
    font-size: calc(18/ var(--font-size) * 1em);
    line-height: 1.6;
  }
  .compare_table__txt--s {
    font-size: calc(14/ var(--font-size) * 1em);
    line-height: 2;
  }
  .compare_table_link_list {
    display: flex;
    justify-content: center;
  }
  .compare_table__link {
    text-decoration: underline;
    text-decoration-color: var(--color-green);
  }
  .compare_table__link:hover {
    text-decoration: none;
  }
  .compare_table__link__label {
    position: relative;
    font-size: calc(18/ var(--font-size) * 1em);
    line-height: 1.6;
  }
  .compare_table__link__label::after {
    content: '';
    display: inline-block;
    background: url(../img/window.svg) top no-repeat;
    background-size: contain;
    width: calc(14/ var(--font-size) * 1em);
    height: calc(14/ var(--font-size) * 1em);
    margin-left: calc(6/ var(--font-size) * 1em);
  }
  .compare_table-detail-list {
  }
  .compare_table-detail-list + .compare_table-detail-list {
    border-top: dotted calc(2/ var(--font-size) * 1em) var(--color-black);
    margin-top: calc(14/ var(--font-size) * 1em);
    padding-top: calc(14/ var(--font-size) * 1em);
  }
  .compare_table-detail-list__item {
  }
  .compare_table-detail-list__content {
    display: flex;
    justify-content: space-between;
    column-gap: calc(16/ var(--font-size) * 1em);
  }
  .compare_table-detail-list__content .compare_table_list__label:first-child {
    width: 55%;
  }
  .compare_table-detail-list__content .compare_table_list__label:last-child {
    width: 45%;
  }
  .compare_table_list {
  }
  .compare_table_list__item {
    position: relative;
    display: flex;
    align-items: flex-start;
  }
  .compare_table_list__item::before {
    flex-shrink: 0;
    content: '';
    display: inline-block;
    background: url(../img/deco_leaf.png) top no-repeat;
    background-size: contain;
    width: calc(19/ var(--font-size) * 1em);
    height: calc(14/ var(--font-size) * 1em);
    margin-right: calc(8/ var(--font-size) * 1em);
    margin-top: calc(8/ var(--font-size) * 1em);
  }
  .compare_table_list__label {
    font-size: calc(18/ var(--font-size) * 1em);
    line-height: 1.6;
  }
  .compare_table_note {
    margin-top: calc(8/ var(--font-size) * 1em);
  }
  .compare_table_note-txt {
    display: flex;
    font-weight: 400;
  }
  .compare_table_note-txt::before {
    font-size: calc(15/ var(--font-size) * 1em);
    line-height: 1.6;
    content: '※';
  }
  .compare_table_note-txt__label {
    font-size: calc(15/ var(--font-size) * 1em);
    line-height: 1.6;
  }

  .compare_footer_note {
    display: flex;
    justify-content: flex-end;
    margin: calc(19/ var(--font-size) * 1em) auto 0;
    width: calc(1115/ var(--font-size) * 1em);
  }
}

@media all and (max-width:750px) {
  .sec_compare {
    margin-top: calc(110 / 750 * 100vw);
    padding: 0 calc(40 / 750 * 100vw) calc(100 / 750 * 100vw);
  }
  .compare_ttl {
    width: calc(500 / 750 * 100vw);
    margin: 0 auto;
  }
  .compare_lead {
    margin-top: calc(78 / 750 * 100vw);
    width: 100%;
    height: 100%;
    background-image: url(../img/sp/compare_bgimg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0, center;
    position: relative;
  }
  .compare_lead::before {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../img/compare_deco_01.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: calc(141 / 750 * 100vw);
    height: calc(141 / 750 * 100vw);
    left: calc(-20 / 750 * 100vw);
    bottom: calc(-30 / 750 * 100vw);
  }
  .compare_lead::after {
    content: '';
    position: absolute;
    display: inline-block;
    background-image: url(../img/compare_deco_02.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: calc(125 / 750 * 100vw);
    height: calc(117 / 750 * 100vw);
    right: calc(-25 / 750 * 100vw);
    top: calc(355 / 750 * 100vw);
  }
  .compare_lead__inner {
    width: 100%;
    height: 100%;
  }
  .compare_lead__body {
    width: 100%;
    height: 100%;
  }
  .compare_lead__content {
    display: flex;
    justify-content: flex-end;
    flex-direction: column-reverse;
    column-gap: calc(64 / 750 * 100vw);
    width: 100%;
    height: 100%;
  }
  .compare_lead_txt {
    padding: calc(76 / 750 * 100vw) calc(24 / 750 * 100vw);
  }
  .compare_lead_txt__label {
    font-size: calc(28 / 750 * 100vw);
    line-height: 1.7;
    text-align: center;
    font-weight: bold;
  }
  .compare_lead_img {
    width: 100%;
    border-radius: calc(20 / 750 * 100vw) calc(20 / 750 * 100vw) 0 0;
    overflow: hidden;
  }

  .compare_table {
    width: 100vw;
    margin: calc(80 / 750 * 100vw) calc(50% - 50vw) 0;
  }
  .compare_table__content {
    position: relative;
    margin-left: calc(40 / 750 * 100vw);
    overflow-x: auto;
    border-radius: calc(40 / 750 * 100vw) 0 0 calc(40 / 750 * 100vw);
  }
  .compare_table__content__inner {
    margin-right: calc(40 / 750 * 100vw);
    overflow: visible;
    width: fit-content;
    position: relative;
  }
  .compare_table table {
    border-collapse: separate;
    border-spacing: 0;
  }
  .compare_table tr {
  }
  .compare_table th, td {
    border: calc(2 / 750 * 100vw) solid var(--color-white);
  }
  .compare_table tr:first-child th {
    border-top: calc(8 / 750 * 100vw) solid var(--color-white);
  }
  .compare_table tr:last-child th {
    border-bottom: calc(8 / 750 * 100vw) solid var(--color-white);
  }
  .compare_table tr:first-child th {
    border-radius: calc(40 / 750 * 100vw) 0 0 0;
  }
  .compare_table tr:last-child th:first-child {
    border-radius: 0 0 0 calc(40 / 750 * 100vw);
  }
  .compare_table tr:first-child td:last-child {
    border-radius: 0 calc(40 / 750 * 100vw) 0 0;
  }
  .compare_table tr:last-child td:last-child {
    border-radius: 0 0 calc(40 / 750 * 100vw) 0;
  }
  .compare_table tr:first-child td {
    border-top: calc(8 / 750 * 100vw) solid var(--color-white);
  }
  .compare_table tr:last-child td {
    border-bottom: calc(8 / 750 * 100vw) solid var(--color-white);
  }
  .compare_table td:last-child {
    border-right: calc(8 / 750 * 100vw) solid var(--color-white);
  }
  .compare_table th {
    min-width: calc(185 / 750 * 100vw);
    padding: calc(56 / 750 * 100vw) calc(12 / 750 * 100vw);
    background-color: var(--color-green);
    vertical-align: top;
    position: -webkit-sticky; 
    position: sticky;
    left: 0;
    z-index: 10;
    border-left: calc(8 / 750 * 100vw) solid var(--color-white);
  }
  .compare_table td {
    position: relative;
    z-index: 1;
    min-width: calc(398 / 750 * 100vw);
    padding: calc(56 / 750 * 100vw) calc(20 / 750 * 100vw);
    vertical-align: top;
  }
  .compare_table tr:first-child th {
  }
  .compare_table td:nth-of-type(3n - 2) {
    background-color: #E1EED6;
  }
  .compare_table td:nth-of-type(3n - 1) {
    background-color: #E9F0CB;
  }
  .compare_table td:nth-of-type(3n) {
    background-color: #F6F1D8;
  }
  .compare_table__title {
    color: var(--color-white);
    font-size: calc(28 / 750 * 100vw);
    line-height: 1.5;
  }
  .compare_table_img {
    height: calc(273 / 750 * 100vw);
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: calc(10 / 750 * 100vw);
  }
  .compare_table_img.--noukou {
    padding-bottom: calc(16 / 750 * 100vw);
  }
  .compare_table_img__content {
    width: auto;
    height: 100%;
    text-align: center;
  }
  .compare_table_img.--noukou .compare_table_img__content {
    height: calc(162 / 750 * 100vw);
  }
  .compare_table_img img {
    width: auto;
    height: 100%;
  }
  .compare_table__txt {
    text-align: center;
    font-size: calc(28 / 750 * 100vw);
    line-height: 1.5;
  }
  .compare_table__txt--s {
    font-size: calc(20 / 750 * 100vw);
    line-height: 1;
  }
  .compare_table_link_list {
    display: flex;
    justify-content: center;
  }
  .compare_table__link {
    text-decoration: underline;
    text-decoration-color: var(--color-green);
  }
  .compare_table__link:hover {
    text-decoration: none;
  }
  .compare_table__link__label {
    position: relative;
    font-size: calc(28 / 750 * 100vw);
    line-height: 1.5;
  }
  .compare_table__link__label::after {
    content: '';
    display: inline-block;
    background: url(../img/window.svg) top no-repeat;
    background-size: contain;
    width: calc(22 / 750 * 100vw);
    height: calc(22 / 750 * 100vw);
    margin-left: calc(10 / 750 * 100vw);
  }
  .compare_table-detail-list {
  }
  .compare_table-detail-list + .compare_table-detail-list {
    border-top: dotted calc(4 / 750 * 100vw) var(--color-black);
    margin-top: calc(40 / 750 * 100vw);
    padding-top: calc(40 / 750 * 100vw);
  }
  .compare_table-detail-list__item {
  }
  .compare_table-detail-list__content {
    display: flex;
    justify-content: space-between;
    column-gap: calc(18 / 750 * 100vw);
  }
  .compare_table-detail-list__content .compare_table_list__label:first-child {
    width: 60%;
  }
  .compare_table-detail-list__content .compare_table_list__label:last-child {
    width: 40%;
  }
  .compare_table_list {
  }
  .compare_table_list__item {
    position: relative;
    display: flex;
    align-items: flex-start;
  }
  .compare_table_list__item::before {
    flex-shrink: 0;
    content: '';
    display: inline-block;
    background: url(../img/deco_leaf.png) top no-repeat;
    background-size: contain;
    width: calc(40 / 750 * 100vw);
    height: calc(32 / 750 * 100vw);
    margin-right: calc(16 / 750 * 100vw);
    margin-top: calc(12 / 750 * 100vw);
  }
  .compare_table_list__label {
    font-size: calc(28 / 750 * 100vw);
    line-height: 1.5;
  }
  .compare_table_note {
    margin-top: calc(24 / 750 * 100vw);
  }
  .compare_table_note-txt {
    display: flex;
    font-weight: 400;
  }
  .compare_table_note-txt::before {
    font-size: calc(24 / 750 * 100vw);
    line-height: 1.5;
    content: '※';
  }
  .compare_table_note-txt__label {
    font-size: calc(24 / 750 * 100vw);
    line-height: 1.5;
  }

  .compare_footer_note {
    display: flex;
    justify-content: flex-end;
    margin: calc(32 / 750 * 100vw) auto 0;
    width: 100%;
  }
}


/*!* ---------------------------------------------------------------------------------------------
    conversion
--------------------------------------------------------------------------------------------- *!*/

.con__contents {
  display: flex;
  justify-content: center;
  align-items: center;

  background-image: url(../img/pc/con_bgimg-1.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: calc(158 / 890 * 100%);
}

.con__contents .con_bgimg {
  width: calc(890 / 1366 * 100%);
  padding-top: calc(24 / 890 * 100%);
  padding-bottom: calc(140 / 890 * 100%);
  background-image: url(../img/pc/con_bgimg-2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top 0 right 0;
  background-size: 100%;

}

.con__contents .con_inner {
  margin: 0 auto;
  text-align: center;
  width: calc(890 / 890 * 100%);
}

.con__contents .con_ttl {
  /* padding-top: calc(167 / 500 * 100%);
  padding-bottom: calc(10 / 500 * 100%);*/
  width: calc(460 / 890 * 100%);
}

.con__contents .con_product {
  width: calc(751 / 890 * 100%);
  margin-top: calc(24 / 890 * 100%);
  margin-left: calc(20 / 890 * 100%);
  margin-bottom: 24px;
}

.con__contents .con_btn {
  /*padding-top: calc(25 / 500 * 100%);
  padding-bottom: calc(90 / 890 * 100%);*/
  width: calc(480 / 890 * 100%);
  margin: 0 auto;
}

@media all and (max-width:750px) {

  .con__contents {
    background-image: url(../img/sp/con_bgimg-1.png);
    padding-top: calc(87 / 600 * 100%);
  }

  .con__contents .con_bgimg {
    width: calc(670 / 768 * 100%);
    background-image: url(../img/sp/con_bgimg-2.png);
    background-position: top 0 right 0;
    padding-top: calc(50 / 600 * 100%);
    padding-bottom: calc(210 / 600 * 100%);
  }

  .con__contents .con_inner {
    text-align: center;
    width: calc(580 / 670 * 100%);
  }

  .con__contents .con_product {
    width: calc(670 / 670 * 100%);
    margin-top: calc(65 / 670 * 100%);
    margin-left: calc(0 / 670 * 100%);
    margin-bottom: calc(70 / 670 * 100%);
  }

  .con__contents .con_ttl {
    padding-top: 0;
    padding-bottom: 0;
    width: calc(570 / 580 * 100%);
  }

  .con__contents .con_btn {
    padding-top: 0;
    padding-bottom: 0;
    width: calc(370 / 580 * 100%);
    margin: 0 auto;
  }

}




/*!* ---------------------------------------------------------------------------------------------
    font-size
--------------------------------------------------------------------------------------------- *!*/

@media all and (max-width:375px) {}

@media all and (min-width:376px) and (max-width:750px) {}

@media all and (min-width:751px) and (max-width:1366px) {}

@media all and (min-width:1367px) {}

@media all and (min-width: 768px), print {
  .gfooter__inner {
    margin-top: 0;
  }
}
@media all and (max-width: 767px) {
  .mc-breadcrumb {
    margin-top: -50px;
  }
}


.product-annotation{
  display: flex;
  justify-content: flex-end;
}
.product-annotation__icon{
  font-size: calc(14 / var(--font-size) * 1em);
  flex-shrink: 0;
}
.product-annotation__text{
  font-size: calc(14 / var(--font-size) * 1em);
}

@media all and (min-width: 768px), print {
  .product-annotation{
    margin-top: calc(394 / var(--font-size) * 1em);
    margin-right: calc(37 / var(--font-size) * 1em);
  }
}
@media all and (max-width: 767px) {
  .sec_inner_text__p{
    padding-bottom: 0 !important;
  }
  .product-annotation{
    padding-top: 0 !important;
  }
  .product-annotation__icon{
    font-size: calc(24 / 750 * 100vw);
  }
  .product-annotation__text{
    font-size: calc(24 / 750 * 100vw);
  }
}