@charset "UTF-8";
/* ====================================================
reset style
==================================================== */
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;500;600;700&display=swap");
html {
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 10px;
  /* Base font size, change to 14px or 16px if needed */
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body{position:relative;-webkit-text-size-adjust:100%;margin:0 auto;background-color: #ffffff;}a{color:#383434;text-decoration:none;-moz-transition:ease-in-out .3s;-o-transition:ease-in-out .3s;-webkit-transition:ease-in-out .3s;transition:ease-in-out .3s}a:link{}a:active{color:#383434}a:visited{}a:hover{cursor:pointer}a:hover img{-moz-transition:ease-in-out .3s;-o-transition:ease-in-out .3s;-webkit-transition:ease-in-out .3s;transition:ease-in-out .3s;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity:.7}img{width:100%;display:block}p{margin:0}.main-wrapper{max-width:1024px;width:100%;margin:0 auto}.media{background:url(../../../lp/bp2212/assets/img/media-bg.jpg) top/cover no-repeat;padding:120px 0;overflow:hidden}.media .inner{width:80%;margin:0 auto}.media .ttl{text-align:center;margin-bottom:20px}.media ul.media-slide{padding:0;margin:0}.media ul.media-slide li img{margin:0 auto}.media .slick-prev,.media .slick-next{width:70px;height:70px;z-index:999}.media .slick-prev:before,.media .slick-next:before{content:none}.media .slick-prev{left:-12%;background:url(../../../lp/bp2212/assets/img/ic-arrow-l.svg) center/contain no-repeat}.media .slick-prev:hover,.media .slick-prev:focus{background:url(../../../lp/bp2212/assets/img/ic-arrow-l.svg) center/contain no-repeat}.media .slick-next{right:-12%;background:url(../../../lp/bp2212/assets/img/ic-arrow-r.svg) center/contain no-repeat}.media .slick-next:hover,.media .slick-next:focus{background:url(../../../lp/bp2212/assets/img/ic-arrow-r.svg) center/contain no-repeat}.media .slick-dots{bottom:-40px}.media .slick-dots li button:before{font-size:14px;opacity:1;color:#ddd}.media .slick-dots li.slick-active button:before{color:#288B86}.cta{position:relative}.cta .btn{position:absolute;width:86%;text-align:center;bottom:160px;left:50%;transform:translateX(-50%)}.footer{background:#009143}#orderAgree label span{line-height:2}#orderAgree label span a{text-decoration:underline}@media (max-width: 600px){.orderInfoOptStock{display:inline-block}}.header{padding:20px 0}.header p{width:200px;margin:0 auto}.order-txt{padding:40px 0;text-align:center}@media (max-width: 750px){.media{padding:60px 0}.media .slick-prev,.media .slick-next{width:45px;height:45px}.media .slick-dots li{margin:0}.media .slick-dots li button:before{font-size:10px}.cta .btn{bottom:17%}.header p{width:100px}.order-txt{padding:20px;font-size:12px}}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: 0;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

address,
caption,
cite,
code,
dfn,
var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,
q:after {
  content: "";
}

abbr,
acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

/*to enable resizing for IE*/
input,
textarea,
select {
  *font-size: 100%;
}

/*because legend doesn't inherit in IE */
legend {
  color: #000;
}

del,
ins {
  text-decoration: none;
}

main {
  display: block;
}

section {
  margin-top: 5%;
  position: relative;
  padding: 0 2%;
}

@media screen and (max-width:1000px) {
}
}
/* ====================================================
Font
==================================================== */
@font-face {
  font-family: "Austin";
  src: url("../../../lp/bp2212/assets/fonts/Austin-Light.eot");
  src: local("☺"), url("../../../lp/bp2212/assets/fonts/Austin-Light.woff") format("woff"), url("../../../lp/bp2212/assets/fonts/Austin-Light.ttf") format("truetype"),
url("../../../lp/bp2212/assets/fonts/Austin-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Austin-Roman";
  src: url("../../../lp/bp2212/assets/fonts/Austin-Roman.eot");
  src: local("☺"), url("../../../lp/bp2212/assets/fonts/Austin-Roman.woff") format("woff"), url("../../../lp/bp2212/assets/fonts/Austin-Roman.ttf") format("truetype"),
url("../../../lp/bp2212/assets/fonts/Austin-Roman.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "MrEavesSanOT";
  src: url("../../../lp/bp2212/assets/fonts/MrEavesSanOT-Reg.otf");
  font-weight: 300;
  font-style: normal;
}

/* ====================================================
Media Quary
==================================================== */
@media screen and (min-width: 835px) {
  .mbpc-1 {
    margin-bottom: 1px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-1 {
    margin-bottom: 1px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-2 {
    margin-bottom: 2px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-2 {
    margin-bottom: 2px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-3 {
    margin-bottom: 3px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-3 {
    margin-bottom: 3px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-4 {
    margin-bottom: 4px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-4 {
    margin-bottom: 4px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-5 {
    margin-bottom: 5px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-5 {
    margin-bottom: 5px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-6 {
    margin-bottom: 6px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-6 {
    margin-bottom: 6px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-7 {
    margin-bottom: 7px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-7 {
    margin-bottom: 7px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-8 {
    margin-bottom: 8px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-8 {
    margin-bottom: 8px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-9 {
    margin-bottom: 9px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-9 {
    margin-bottom: 9px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-10 {
    margin-bottom: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-10 {
    margin-bottom: 10px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-11 {
    margin-bottom: 11px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-11 {
    margin-bottom: 11px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-12 {
    margin-bottom: 12px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-12 {
    margin-bottom: 12px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-13 {
    margin-bottom: 13px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-13 {
    margin-bottom: 13px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-14 {
    margin-bottom: 14px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-14 {
    margin-bottom: 14px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-15 {
    margin-bottom: 15px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-15 {
    margin-bottom: 15px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-16 {
    margin-bottom: 16px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-16 {
    margin-bottom: 16px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-17 {
    margin-bottom: 17px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-17 {
    margin-bottom: 17px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-18 {
    margin-bottom: 18px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-18 {
    margin-bottom: 18px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-19 {
    margin-bottom: 19px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-19 {
    margin-bottom: 19px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-20 {
    margin-bottom: 20px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-20 {
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-21 {
    margin-bottom: 21px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-21 {
    margin-bottom: 21px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-22 {
    margin-bottom: 22px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-22 {
    margin-bottom: 22px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-23 {
    margin-bottom: 23px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-23 {
    margin-bottom: 23px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-24 {
    margin-bottom: 24px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-24 {
    margin-bottom: 24px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-25 {
    margin-bottom: 25px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-25 {
    margin-bottom: 25px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-26 {
    margin-bottom: 26px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-26 {
    margin-bottom: 26px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-27 {
    margin-bottom: 27px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-27 {
    margin-bottom: 27px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-28 {
    margin-bottom: 28px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-28 {
    margin-bottom: 28px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-29 {
    margin-bottom: 29px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-29 {
    margin-bottom: 29px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-30 {
    margin-bottom: 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-30 {
    margin-bottom: 30px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-31 {
    margin-bottom: 31px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-31 {
    margin-bottom: 31px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-32 {
    margin-bottom: 32px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-32 {
    margin-bottom: 32px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-33 {
    margin-bottom: 33px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-33 {
    margin-bottom: 33px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-34 {
    margin-bottom: 34px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-34 {
    margin-bottom: 34px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-35 {
    margin-bottom: 35px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-35 {
    margin-bottom: 35px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-36 {
    margin-bottom: 36px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-36 {
    margin-bottom: 36px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-37 {
    margin-bottom: 37px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-37 {
    margin-bottom: 37px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-38 {
    margin-bottom: 38px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-38 {
    margin-bottom: 38px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-39 {
    margin-bottom: 39px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-39 {
    margin-bottom: 39px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-40 {
    margin-bottom: 40px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-40 {
    margin-bottom: 40px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-41 {
    margin-bottom: 41px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-41 {
    margin-bottom: 41px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-42 {
    margin-bottom: 42px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-42 {
    margin-bottom: 42px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-43 {
    margin-bottom: 43px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-43 {
    margin-bottom: 43px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-44 {
    margin-bottom: 44px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-44 {
    margin-bottom: 44px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-45 {
    margin-bottom: 45px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-45 {
    margin-bottom: 45px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-46 {
    margin-bottom: 46px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-46 {
    margin-bottom: 46px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-47 {
    margin-bottom: 47px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-47 {
    margin-bottom: 47px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-48 {
    margin-bottom: 48px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-48 {
    margin-bottom: 48px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-49 {
    margin-bottom: 49px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-49 {
    margin-bottom: 49px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-50 {
    margin-bottom: 50px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-50 {
    margin-bottom: 50px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-51 {
    margin-bottom: 51px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-51 {
    margin-bottom: 51px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-52 {
    margin-bottom: 52px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-52 {
    margin-bottom: 52px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-53 {
    margin-bottom: 53px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-53 {
    margin-bottom: 53px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-54 {
    margin-bottom: 54px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-54 {
    margin-bottom: 54px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-55 {
    margin-bottom: 55px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-55 {
    margin-bottom: 55px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-56 {
    margin-bottom: 56px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-56 {
    margin-bottom: 56px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-57 {
    margin-bottom: 57px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-57 {
    margin-bottom: 57px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-58 {
    margin-bottom: 58px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-58 {
    margin-bottom: 58px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-59 {
    margin-bottom: 59px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-59 {
    margin-bottom: 59px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-60 {
    margin-bottom: 60px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-60 {
    margin-bottom: 60px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-61 {
    margin-bottom: 61px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-61 {
    margin-bottom: 61px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-62 {
    margin-bottom: 62px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-62 {
    margin-bottom: 62px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-63 {
    margin-bottom: 63px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-63 {
    margin-bottom: 63px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-64 {
    margin-bottom: 64px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-64 {
    margin-bottom: 64px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-65 {
    margin-bottom: 65px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-65 {
    margin-bottom: 65px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-66 {
    margin-bottom: 66px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-66 {
    margin-bottom: 66px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-67 {
    margin-bottom: 67px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-67 {
    margin-bottom: 67px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-68 {
    margin-bottom: 68px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-68 {
    margin-bottom: 68px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-69 {
    margin-bottom: 69px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-69 {
    margin-bottom: 69px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-70 {
    margin-bottom: 70px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-70 {
    margin-bottom: 70px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-71 {
    margin-bottom: 71px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-71 {
    margin-bottom: 71px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-72 {
    margin-bottom: 72px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-72 {
    margin-bottom: 72px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-73 {
    margin-bottom: 73px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-73 {
    margin-bottom: 73px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-74 {
    margin-bottom: 74px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-74 {
    margin-bottom: 74px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-75 {
    margin-bottom: 75px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-75 {
    margin-bottom: 75px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-76 {
    margin-bottom: 76px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-76 {
    margin-bottom: 76px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-77 {
    margin-bottom: 77px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-77 {
    margin-bottom: 77px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-78 {
    margin-bottom: 78px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-78 {
    margin-bottom: 78px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-79 {
    margin-bottom: 79px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-79 {
    margin-bottom: 79px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-80 {
    margin-bottom: 80px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-80 {
    margin-bottom: 80px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-81 {
    margin-bottom: 81px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-81 {
    margin-bottom: 81px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-82 {
    margin-bottom: 82px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-82 {
    margin-bottom: 82px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-83 {
    margin-bottom: 83px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-83 {
    margin-bottom: 83px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-84 {
    margin-bottom: 84px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-84 {
    margin-bottom: 84px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-85 {
    margin-bottom: 85px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-85 {
    margin-bottom: 85px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-86 {
    margin-bottom: 86px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-86 {
    margin-bottom: 86px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-87 {
    margin-bottom: 87px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-87 {
    margin-bottom: 87px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-88 {
    margin-bottom: 88px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-88 {
    margin-bottom: 88px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-89 {
    margin-bottom: 89px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-89 {
    margin-bottom: 89px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-90 {
    margin-bottom: 90px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-90 {
    margin-bottom: 90px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-91 {
    margin-bottom: 91px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-91 {
    margin-bottom: 91px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-92 {
    margin-bottom: 92px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-92 {
    margin-bottom: 92px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-93 {
    margin-bottom: 93px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-93 {
    margin-bottom: 93px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-94 {
    margin-bottom: 94px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-94 {
    margin-bottom: 94px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-95 {
    margin-bottom: 95px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-95 {
    margin-bottom: 95px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-96 {
    margin-bottom: 96px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-96 {
    margin-bottom: 96px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-97 {
    margin-bottom: 97px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-97 {
    margin-bottom: 97px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-98 {
    margin-bottom: 98px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-98 {
    margin-bottom: 98px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-99 {
    margin-bottom: 99px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-99 {
    margin-bottom: 99px !important;
  }
}

@media screen and (min-width: 835px) {
  .mbpc-100 {
    margin-bottom: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .mbsp-100 {
    margin-bottom: 100px !important;
  }
}

.mb0 {
  margin-bottom: 0 !important;
}

body {
  color: #383434;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo",
    "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  line-height: 1.4;
  overflow-x: hidden;
}

.header {
  color: #383434; 
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  z-index: 999;
  padding: 0;
  background: url("../img/bg_header.png") repeat-x #ffffff;
}

.header h1{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1024px;
  padding: 10px 0 0 15px;
  margin: 0 auto;
  font-size: 80%;
}

.header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  height: 120px;
  margin: 0 auto;

}

.full_bg {
	background: #f0f4f6;
	padding: 20px 8px;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}

.full_normal {
	background: #ffffff;
	padding: 20px 8px;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}
.full_bg  h2{
    font-size:30px;
    font-weight:bold;
    padding:20px;
    text-align:center;
}

.full_normal h2{
    font-size:30px;
    font-weight:bold;
    padding:20px;
    text-align:center;
}

.information{
    width:100%;
	margin:40px auto;
}

.sample{
    width:100%;
	margin:0 auto 40px auto;
}


.large_txt{
    text-align: center;
	font-weight:bold;
	font-size:18px;
	margin:0 0 20px 0;
}

.medium_txt{
    text-align: center;
	font-weight:normal;
	font-size:16px;
	margin:0 0 20px 0;
}

.mainvisual{
    margin-top:10px;
}

/* ご相談ボタンのスタイル */
.btn_app{
   clear:both;
   width:450px;
   margin:30px auto;
   text-align:center;
}

.buttonIconText02 {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
  max-width: 400px;
  height: 100px;
  margin:0 0 0 20px;
  padding: 8px 64px 8px 8px;
  font-size: 24px;
  font-weight:bold;
  color: #fff;
  text-align: left;
  overflow-wrap: anywhere;
  background-color: #059143;
  border-radius: 12px; /* (buttonの高さ / 2) の値 */
}
.buttonIconText02_text span{
  color:#ffff00;
  font-size:28px;
}
.buttonIconText02_text a:visited{
  color:#ffffff;
}

.buttonIconText02__reverse {
  flex-direction: row-reverse;
  padding: 8px 8px 8px 70px;
}

.buttonIconText02_icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  aspect-ratio: 1;
  overflow: hidden;
}

.buttonIconText02_text {
  flex-shrink: 1;
  width: 100%;
}

@media (any-hover: hover) {
  .buttonIconText02 {
    transition: background-color 0.1s;
  }

  .buttonIconText02_icon {
    transition: transform 0.1s;
  }

  .buttonIconText02:hover {
    background-color: #059143;
  }

  .buttonIconText02:hover .buttonIconText02_icon {
    transform: translateX(4px);
  }

  .buttonIconText02:hover .buttonIconText02_icon__left {
    transform: translateX(-4px);
  }
}

/* 左矢印アイコンのスタイル */
.iconArrowLeft {
  rotate: 180deg;
}


/* 撮影サンプルボタンのスタイル */
.btn-border {
  width: 100%;
  padding:25px;
  border: 2px solid #108b41;
  border-radius: 0;
  background: #fff;
  border-radius: 12px;
  font-size:18px;
  font-weight:bold;
  color:#108b41;
}

.btn-border:hover {
  color: #fff;
  background: #108b41;
}


/* サンプル画像一覧 */
.sample_wrap {
    margin:0 auto ;
    width: 800px;
    height:550px;
}

.smallimage {
    float: left;
    width:250px;
    height:250px;
    padding: 3px;
    margin: 10px 5px 0 0;
    border-radius: 35px; 
}
.samplebtn{
    margin:20px 0;
}

.bnr_soudan{
    margin:20px auto ;
    width: 800px;
}

.bnr_soudan_w{
  width: 100%;
  padding:25px;
  background: #108b41;
  border-radius: 12px;
  color:#fff;
  text-align:center;
}

.bnr_soudan_tit{
  font-size:24px;
  font-weight:bold;
}
.bnr_soudan_box{
  display: inline-block;
  padding:20px 20px 0 20px;
}
.bnr_soudan_tel{
  font-size:38px;
  font-weight:bold;
  text-align:left;
}

.bnr_soudan_text{
  font-size:16px;
  text-align:left;
}

.shootingdate{
    margin:30px auto 50px auto;
    width: 840px;
}
.shootingdate p{
  font-size:16px;
  text-align:center;
  font-weight:bold;
}
.shootingdate_box{
  display: inline-block;
  margin:20px;
}

.shootingdate_box_w{
  width: 375px;
  padding:25px 20px 15px 35px;
  background: #f2f2f2;
  color:#000;
  border: solid 4px #ccc;
  text-align:center;
}
.shootingdate_tit{
  font-size:18px;
  font-weight:bold;
}
.shootingdate_week{
  font-size:40px;
  font-weight:bold;
}
.shootingdate_week span{
  margin:10px;
  padding:20px 25px;
  background: #108b41;
  color:#fff;
 height:300px;
 width:250px;
 border-radius:50%;
 line-height:100px;
 text-align:center;
}

.okagesama{
    margin:30px auto 50px auto;
    width: 840px;
}
.okagesama p{
  font-size:16px;
  text-align:center;
  font-weight:bold;
}

.okagesama_tit{
  font-size:24px;
  text-align:center;
  font-weight:bold;
  color: #108b41;
}

.okagesama_reason{
    margin:20px auto;
    width: 840px;
    font-size:18px;
}

.okagesama_reason_box{
  display: inline-block;
  margin:0 0 10px 0;
}

.okagesama_reason_box_w{
  width: 250px;
  margin:0;
  padding:0 15px;
  background: #ffffff;
  color:#000;
  border: solid 4px #108b41;
  text-align:center;
}
.okagesama_reason_tit{
  width: 200px;
  margin:0 auto;
  padding:3px 0;
  color:#ffffff;
  background: #108b41;
  border-radius:20px;
  text-align:center;
  font-size:14px;
  font-weight:bold;
}
.okagesama_reason_img{
  padding:0 0 0 5px;
  text-align:center;
}
.okagesama_reason_img img{
  width: 200px;
  height:70px;
}
.okagesama_reason_txt{
  font-size:16px;
  font-weight:bold;
}

.subject{
    margin:20px auto;
    width: 840px;
    font-size:18px;
}

.subject p{
  text-align:center;
  font-size:16px;
  font-weight:bold;
}

.subject_detail{
    margin:20px auto;
    padding:20px;
    width: 840px;
    font-size:16px;
  color:#000;
  border: solid 4px #108b41;
}



@media screen and (max-width: 767px) {
  .header-top {
    /*height: 25px;*/
    letter-spacing: 1px;
    /*padding: 4px 15px 0;*/
  }
  .header-top2 {
  display: none;
  }
.header-top2_sp{
  display: block;
  padding: 0;
  width: 100%;
  background: #B7A8CC;
  text-align: center;
  }
	
.header h1{
  text-align: center;
}

.mainvisual{
    margin-top:10px;
}
.large_txt{
    text-align: center;
	font-weight:bold;
	font-size:16px;
	margin:0 0 20px 0;
}
.medium_txt{
    text-align: center;
	font-weight:normal;
	font-size:14px;
	margin:0 0 20px 0;
}

.full_bg {
	background: #f0f4f6;
	padding: 10px 8px;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}

.full_normal {
	background: #ffffff;

	margin: 0;
	width: 100%;
}
.full_bg  h2{
    width: 350px;
    font-size: 25px;
    font-weight: bold;
    padding: 20px 0;
    text-align: center;
}

.full_normal h2{

    font-size: 26px;
    font-weight: bold;
    padding: 0 20px 10px 20px;
    text-align: center;
}

/* ご相談ボタンのスタイル */
.btn_app{
   clear:both;
   width:350px;
   margin:30px auto;
   text-align:center;
}

.buttonIconText02 {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
  max-width: 330px;
  height: 100px;
  margin:0 0 0 10px;
  padding: 8px 64px 8px 0;
  font-size: 22px;
  font-weight:bold;
  color: #fff;
  text-align: left;
  overflow-wrap: anywhere;
  background-color: #059143;
  border-radius: 12px; /* (buttonの高さ / 2) の値 */
}
.buttonIconText02_text span{
  color:#ffff00;
  font-size:24px;
}

.buttonIconText02__reverse {
  flex-direction: row-reverse;
  padding: 8px 8px 8px 8px;
}

.buttonIconText02_icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 48px;
  aspect-ratio: 1;
  overflow: hidden;
}

.buttonIconText02_text {
  flex-shrink: 1;
  width: 100%;
  padding-left:20px;
}

@media (any-hover: hover) {
  .buttonIconText02 {
    transition: background-color 0.1s;
  }

  .buttonIconText02_icon {
    transition: transform 0.1s;
  }

  .buttonIconText02:hover {
    background-color: #059143;
  }

  .buttonIconText02:hover .buttonIconText02_icon {
    transform: translateX(4px);
  }

  .buttonIconText02:hover .buttonIconText02_icon__left {
    transform: translateX(-4px);
  }
}

/* 左矢印アイコンのスタイル */
.iconArrowLeft {
  rotate: 180deg;
}


/* 撮影サンプルボタンのスタイル */
.btn-border {
  width: 100%;
  padding:25px;
  border: 2px solid #108b41;
  border-radius: 0;
  background: #fff;
  border-radius: 12px;
  font-size:18px;
  font-weight:bold;
  color:#108b41;
}

.btn-border:hover {
  color: #fff;
  background: #108b41;
}


/* サンプル画像一覧 */
.sample_wrap {
    margin:0 auto ;
    width: 350px;
    height:250px;
}

.smallimage {
    float: left;
    width:100px;
    height:100px;
    padding: 3px;
    margin: 10px 5px 0 10px;
    border-radius: 20px; 
}
.samplebtn{
    margin:20px 0;
}

.bnr_soudan{
    margin:20px auto ;
    width: 100%;
}

.bnr_soudan_w{
  width: 340px;
  margin:0 auto;
  padding:5px;
  background: #108b41;
  border-radius: 12px;
  color:#fff;
  text-align:center;
}

.bnr_soudan_tit{
  padding:15px 15px 0 15px;
  font-size:18px;
  font-weight:bold;
}
.bnr_soudan_box{
  display: inline-block;
  padding:10px 20px 0 10px;
}
.bnr_soudan_tel{
  font-size:28px;
  font-weight:bold;
  text-align:left;
}

.bnr_soudan_text{
  font-size:12px;
  text-align:left;
}

.shootingdate{
    margin:30px 0 50px 0;
    width: 100%;
}
.shootingdate p{
  font-size:14px;
  text-align:center;
  font-weight:bold;
}
.shootingdate_box{
  display: inline-block;
  margin:20px 0 10px 0;
}
.shootingdate_box_txt{
  width: 100%;
}
	
.shootingdate_box_w{
  width: 100%;
  padding:25px 0 15px 0;
  background: #f2f2f2;
  color:#000;
  border: solid 4px #ccc;
  text-align:center;
}
.shootingdate_tit{
  font-size:18px;
  font-weight:bold;
}
.shootingdate_week{
  font-size:40px;
  font-weight:bold;
}
.shootingdate_week span{
  margin:10px;
  padding:23px 25px;
  background: #108b41;
  color:#fff;
 height:300px;
 width:250px;
 border-radius:50%;
 line-height:100px;
 text-align:center;
}

.okagesama{
    margin:30px auto 50px auto;
    width: 370px;
}
.okagesama p{
  font-size:16px;
  text-align:center;
  font-weight:bold;
}

.okagesama_tit{
  font-size:24px;
  text-align:center;
  font-weight:bold;
  color: #108b41;
}

.okagesama_reason{
    margin:0 auto 20px auto;
    width: 350px;
    font-size:18px;
}

.okagesama_reason_box{
  width: 350px;
  display:block;
  margin:0 0 0 20px;
}

.okagesama_reason_box_w{
  margin:0 auto;
  padding:0 15px;
  background: #ffffff;
  color:#000;
  border: solid 4px #108b41;
  text-align:center;
}
.okagesama_reason_tit{
  width: 300px;
  margin:0 auto;
  padding:3px 0;
  color:#ffffff;
  background: #108b41;
  border-radius:20px;
  text-align:center;
  font-size:20px;
  font-weight:bold;
}
.okagesama_reason_img{
  padding:0;
  text-align:center;
}

.okagesama_reason_img img{
  width: 350px;
  height:auto;
}
.okagesama_reason_txt{
  font-size:20px;
  font-weight:bold;
}

.subject{
    margin:20px auto;
  width: 350px;
    font-size:18px;
}

.subject p{
  width: 350px;
  text-align:center;
  font-size:16px;
  font-weight:bold;
}

.subject_detail{
  margin:20px auto;
  padding:20px;
  width: 340px;
  font-size:16px;
  color:#000;
  border: solid 4px #108b41;
}



}


@media screen and (max-width: 1245px) {
  .header-inner {
    padding-right: 15px;
  }
}

@media screen and (max-width: 767px) {
  .header-inner {
    height: 50px;
  }
.header h1{
  display: none;

 }

.h_navigation{

}	

.hamburger-menu {
  width: 50px;
  height: 50px;
  position: relative;
  right:10px;
  border: none;
  background: transparent;
  appearance: none;
  margin: 0 0 0 90%;
  cursor: pointer;
}
.hamburger-menu__bar {
  display: inline-block;
  width: 54%;
  height: 3px;
  background: #242424;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: .5s;
}
.hamburger-menu__bar:first-child {
  top: 16px;
}
.hamburger-menu__bar:nth-child(2) {
  top: 24px;
}
.hamburger-menu__bar:last-child {
  top: 32px;
}
.hamburger-menu--open .hamburger-menu__bar {
  top: 50%;
}
.hamburger-menu--open .hamburger-menu__bar:first-child {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.hamburger-menu--open .hamburger-menu__bar:last-child {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.hamburger-menu--open .hamburger-menu__bar:nth-child(2) {
  display: none;
}
.navigation {
  display: none;
  background: #242424;
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: 9999;
}
.navigation__list {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.navigation__list-item {
  border-bottom: solid 1px #474747;
}
.navigation__list-item:first-child {
  border-top: solid 1px #474747;
}
.navigation__link {
  color: #fff!important;
  font-weight: 700;
  text-decoration: none;
  display: block;
  padding: 24px 0;
  transition: .5s;
}
.navigation__link a:link{
	color:#fff;
}	
.navigation__link a:hover{
	color:#fff;
}
.navigation__link a:visited{
	color:#fff;
}

@media (hover: hover) and (pointer: fine) {
  .navigation__link:hover {
    background: #333;
  }
}	
	
}

.header-logo {
  width: 230px;
  margin: 0 0 0 10px;
}

.header-contact {
  width: 223px;
  margin: 30px 0 8px 240px;
}

.header-tel {
  width: 265px;
  margin: 30px 0 8px 30px;
}

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

.header h1{
  display: none;
}
	
  .header-logo {
    width: 180px;
	padding:40px 0 0 0;
	text-align: center;
  }
	
.header-contact {
  display: none;
}

.header-tel {
  display: none;
}
}

.header-nav {
  height:50px;
  padding:30px;
　background-color: #fff;
}

.header-menu {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.header-menu li+li{
    border-left: 1px solid #999;
}

@media screen and (max-width: 1000px) {
  .header-nav {
  height:50px;
  }
  .header-nav.on {
    opacity: 1;
    pointer-events: auto;
  }
.header-menu {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

}

.sp{ display: none !important; }
.sp_tablet{ display: none !important; }

@media (max-width: 767px){
  .sp { display: block !important; }
}
@media (max-width: 1000px){
   .sp_tablet { display: block !important; }
}

.header-menu__item {
  margin-left: 37px;
}

@media screen and (max-width: 767px) {
.header-menu {
  display: none;
}
}

.header-menu__item > a {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  padding:0 0 0 40px;
}



.header-control {
  width: 25px;
  height: 19px;
  display:none;
  cursor: pointer;
  position: relative;
  top:15px;
  left:95%;
  z-index: 10;
}

@media screen and (max-width: 834px) {
  .header-control {
  display: flex;
  justify-content: flex-end;
  }
}

.header-control span {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #333;
  border-radius: 3px;
  left: 0;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.header-control span:first-child {
  top: 0;
}

.header-control span:nth-of-type(2) {
  top: 48%;
}

.header-control span:last-child {
  bottom: 0;
}

.header-control__close span:first-child {
  top: 47%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.header-control__close span:nth-of-type(2) {
  opacity: 0;
}

.header-control__close span:last-child {
  bottom: 47%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.main-page {
  /*margin-top: 195px;*/
  margin-top: 145px;
}

@media screen and (max-width: 767px) {
  .main-page {
    margin-top: 100px;
    /*margin-top: 175px;*/
  }
}

footer{
  padding:30px 20px 20px 20px;
  background-size: cover;
}

.tit_footer{
  width:555px;
  margin:10px auto;
}

.foot-wrap{
  width:650px;
  margin:0 auto;
  color:#ffffff;
  font-size:16px;
}

.menu-left, .menu-right {
    display: inline-block;
    width: 45%;
    margin: 20px auto;
    vertical-align: top;
}

.foot-wrap ul {
    list-style: none;
    padding: 0;
    line-height:40px;
}
.foot-wrap ul a{
    color:#ffffff;
}


@media screen and (max-width: 767px) {
footer{
  padding:30px 20px 20px 20px;
  background-size: cover;
}

.tit_footer{
  width:350px;
  margin:10px auto;
}

.tit_footer img{
  width:340px;
}

.foot-wrap{
  width:340px;
  margin:0 auto;
  color:#ffffff;
  font-size:14px;
  text-align:center;
}

.menu-left, .menu-right {
    width:340px;
    margin: 0 auto;
    vertical-align: top;
}

.foot-wrap ul {
    list-style: none;
    padding: 0;
    line-height:40px;
}

.foot-wrap ul a{
    color:#ffffff;
}


}

.footer-inner {
  max-width: 1198px;
  padding: 0 15px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.footer-inner .l {
  text-align: center;
  width: 15.6%;
  padding-top: 28px;
}

@media screen and (max-width: 1024px) {
  .footer-inner .l {
    width: 200px;
  }
}

@media screen and (max-width: 767px) {
  .footer-inner .l {
    width: 100%;
    padding-top: 0;
  }
}

.footer-inner .r {
  width: 69.4%;
  max-width: 581px;
  margin-left: auto;
  padding-left: 15px;
  color: #555555;
}

@media screen and (max-width: 1024px) {
  .footer-inner .r {
    width: calc(100% - 200px);
  }
}

@media screen and (max-width: 767px) {
  .footer-inner .r {
    width: 100%;
  }
}

.footer-logo {
  width: 190px;
}

@media screen and (max-width: 767px) {
  .footer-logo {
    display: inline-block;
    max-width: 86px;
  }
}

.footer-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 28px 5px 0 0;
}

@media screen and (max-width: 767px) {
  .footer-social {
    margin: 10px 0 0 0;
  }
}

.footer-social__item {
  margin: 0 11px;
}

@media screen and (max-width: 767px) {
  .footer-social__item {
    margin: 0 4px;
  }
}

.footer-social__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 34px;
  height: 34px;
}

.footer-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.footer-menu__item {
  min-width: 184px;
}

.footer-menu__ttl {
  font-size: 24px;
  font-size: 2.4rem;
  color: #00a4af;
  font-family: "Austin", serif;
  margin-bottom: 6px;
  min-height: 33px;
  letter-spacing: 5px;
}

.footer-menu .sub-menu {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.15;
}

.footer-menu .sub-menu__item {
  letter-spacing: 1.5px;
}

.footer-menu .sub-menu__item > * {
  padding-left: 17px;
  display: block;
  position: relative;
}

.footer-menu .sub-menu__item > *:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 1px;
  background: #555555;
  left: 0px;
  top: 17px;
}

.footer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.5px;
}

.footer-list > * {
  padding-right: 20px;
  margin-right: 20px;
  position: relative;
}

.footer-list > *:after {
  position: absolute;
  content: "";
  width: 1px;
  top: 0;
  bottom: 0;
  right: -1px;
  background: #555555;
}

.footer .copyright {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 16px 15px 19px;
  letter-spacing: 1.6px;
  margin-top: 21px;
  color:#ffffff;
}

@media screen and (max-width: 767px) {
.footer .copyright {
  font-size: 10px;
  font-size: 1.0rem;
  padding: 16px 15px 60px;
  letter-spacing: 1.6px;
  margin-top: 21px;
  color:#ffffff;
}
}

.is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

.is-locked body {
  -webkit-overflow-scrolling: auto;
}

.inner {
  display: block;
  max-width: 1030px;
  padding: 0 15px;
  margin: 0 auto;
}

.inner-1200 {
  max-width: 1230px;
  padding: 0 15px;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
  content: "";
  display: table;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a:hover {
  opacity: 0.7;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  a {
    display: inline-block;
  }
}

@media screen and (min-width: 835px) {
  a[href^="tel"] {
    pointer-events: none;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

@media screen and (max-width: 1024px) {
  .pc-ipd {
    display: none !important;
  }
}

@media screen and (max-width: 990px) {
  .pc-lg {
    display: none !important;
  }
}

@media screen and (max-width: 640px) {
  .pc-sm {
    display: none !important;
  }
}

@media screen and (max-width: 374px) {
  .pc-xs {
    display: none !important;
  }
}


@media screen and (min-width: 1025px) {
  .sp-ipd {
    display: none !important;
  }
}

@media screen and (min-width: 991px) {
  .sp-lg {
    display: none !important;
  }
}

@media screen and (min-width: 641px) {
  .sp-sm {
    display: none !important;
  }
}

.ttl-comp01 {
  margin-bottom: 30px;
}

.ttl-comp01 .jp {
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Noto Serif JP",
    "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho,
    "MotoyaLCedar", "Droid Sans Japanese", serif;
  font-weight: 500;
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.5;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: 5.8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ttl-comp01 .jp > * {
  width: 100%;
}

.ttl-comp01 .jp .txt-sm {
  font-family: "MrEavesSanOT", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  margin-top: -1px;
  letter-spacing: 0;
}

.ttl-comp01--center .jp {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .ttl-comp01--sm .jp {
    font-size: 30px;
    font-size: 3rem;
    letter-spacing: 0.11em;
    text-align: center;
  }
}

@media screen and (max-width: 374px) {
  .ttl-comp01--sm .jp {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.ttl-comp02 {
  margin-bottom: 66px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .ttl-comp02 {
    margin-bottom: 38px;
  }
}

.ttl-comp02 .en {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.2em;
  color: #006a78;
  font-family: "Austin", serif;
  display: block;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .ttl-comp02 .en {
    margin-bottom: 17px;
  }
}

.ttl-comp02 .jp {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo",
    "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-weight: 500;
  line-height: 1.125;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.2em;
  color: #636363;
}

.txt-basic {
  line-height: 2.875;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .txt-basic {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.65;
  }
}

@media screen and (max-width: 767px) {
  .txt-basic--sm {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.142;
  }
}

.txt-basic--small {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.857;
}

.txt-basic02 {
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Noto Serif JP",
    "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho,
    "MotoyaLCedar", "Droid Sans Japanese", serif;
  font-weight: 500;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.8;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: 4.2px;
}

.txt-basic03 {
  font-weight: 500;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 2.15;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: 1.2px;
}

@media screen and (max-width: 1024px) {
  .txt-basic03 {
    font-size: 17px;
    font-size: 1.7rem;
  }
}

.txt-basic03 .txt-sm {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.85;
  margin-top: 8px;
}

.txt-basic03 .txt-xs {
  font-size: 18px;
  font-size: 1.8rem;
}

@media screen and (max-width: 1024px) {
  .txt-basic03 .txt-xs {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.txt-center {
  text-align: center;
}

.txt-right {
  text-align: right;
}

.txt-left {
  text-align: left;
}

.btn-comp01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 47px;
  border: 1px solid #006a78;
  color: #006a78;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  padding: 5px 15px;
}

@media screen and (max-width: 767px) {
  .btn-comp01 {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    height: 41px;
  }
  
.information{
    width:100%;
	margin:20px auto;
}
  
  
}

.btn-comp02 {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #ffffff;
  background: #006a78;
  min-width: 240px;
  padding: 14px 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid #006a78;
  margin: auto;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo",
    "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
}

@media screen and (max-width: 767px) {
  .btn-comp02 {
    padding: 19px 10px;
    min-width: 260px;
  }
}

.btn-comp02--trans {
  background: transparent;
  color: #386773;
}

.btn-comp02--gra {
  color: #386773;
  background: transparent;
  -webkit-box-shadow: inset 0 0 25px white, 0 0 25px white;
  box-shadow: inset 0 0 25px white, 0 0 25px white;
}

.btn-comp02--sm {
  min-width: 183px;
  padding: 11px 10px;
}

.btn-comp02--lg {
  min-width: 300px;
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .btn-comp02--lg {
    padding: 18px 10px 14px;
  }
}

@media screen and (max-width: 767px) {
  .btn-comp02--lg {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 374px) {
  .btn-comp02--lg {
    min-width: 250px;
  }
}

.btn-comp03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 17.5px;
  font-size: 1.75rem;
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Noto Serif JP",
    "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho,
    "MotoyaLCedar", "Droid Sans Japanese", serif;
  font-weight: 500;
  color: white;
  max-width: 260px;
  height: 60px;
  text-align: center;
  border: 1px solid #006a78;
  background: #006a78;
  margin: 0 auto;
  padding-top:16px;
}

.fade-up {
  opacity: 0;
  -webkit-transform: translate(0px, 120px);
  -ms-transform: translate(0px, 120px);
  transform: translate(0px, 120px);
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  -o-transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s, -webkit-transform 1s;
}

.fade-up.active {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  opacity: 1;
}

.c-moderate {
  color: #386773;
}

.list-comp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -19px -42px;
}

@media screen and (max-width: 1245px) {
  .list-comp {
    margin: 0 -12px -42px;
  }
}

@media screen and (max-width: 767px) {
  .list-comp {
    margin: 0 -9px -42px;
  }
}

.list-comp__item {
  width: 25%;
  padding: 0 19px;
  margin-bottom: 42px;
}

@media screen and (max-width: 1245px) {
  .list-comp__item {
    padding: 0 12px;
  }
}

@media screen and (max-width: 767px) {
  .list-comp__item {
    padding: 0 9px;
    width: 50%;
  }
}

.sec-mv {
  margin-bottom: 186px;
}

@media screen and (max-width: 1024px) {
  .sec-mv {
    margin-bottom: 130px;
  }
}

@media screen and (max-width: 767px) {
  .sec-mv {
    margin-bottom: 80px;
  }
}

.mv-box {
  margin-bottom: 55px;
}

@media screen and (max-width: 767px) {
  .mv-box {
    margin-bottom: 35px;
  }
}

.mv-box > * {
  display: block;
  width: 100%;
}




.mv-slider__item {
  padding: 0 20px;
  outline: none !important;
}

@media screen and (max-width: 767px) {
  .mv-slider__item {
    padding: 0 15px;
  }
}

.mv-slider__item img {
  display: block;
  width: 100%;
}

.mv-slider .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: -65px;
}

@media screen and (max-width: 767px) {
  .mv-slider .slick-dots {
    bottom: -20px;
  }
}

.mv-slider .slick-dots li {
  margin: 0 12px;
  display: block;
}

@media screen and (max-width: 767px) {
  .mv-slider .slick-dots li {
    margin: 0 5px;
  }
}

.mv-slider .slick-dots li button {
  padding: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #144a5b;
}

@media screen and (max-width: 767px) {
  .mv-slider .slick-dots li button {
    width: 9px;
    height: 9px;
  }
}

.mv-slider .slick-dots li button:before {
  display: none;
}

.mv-slider .slick-dots li.slick-active button {
  background: #144a5b;
}

.sec-about {
  padding: 142px 0 152px;
  background-color: #e9e7d8;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 1024px) {
  .sec-about {
    padding: 100px 0;
  }
}

@media screen and (max-width: 767px) {
  .sec-about {
    padding: 0 0 59px;
  }
}

.about-img {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
}

@media screen and (max-width: 767px) {
  .about-img {
    position: initial;
    margin-bottom: 7px;
  }
}

.about-img img {
  display: block;
  height: 100%;
  width: auto;
  max-width: inherit;
}

@media screen and (max-width: 767px) {
  .about-img img {
    width: 100%;
  }
}

.about-inn {
  max-width: 1240px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .about-inn .txt-basic02 {
    max-width: 345px;
    margin: 0 auto 30px;
    padding: 0 10px 0 30px;
  }
}

.about-box {
  width: 60%;
  margin-left: auto;
  max-width: 528px;
}

.about-des {
  font-size: 34px;
  font-size: 3.4rem;
}

.about-txt {
  margin-bottom: 50px;
}

.sec-product-ind {
  background: url("../../../lp/bp2212/assets/img/index/product-bg.jpg") no-repeat;
  background-size: cover;
  padding: 123px 0 332px;
}

@media screen and (max-width: 1024px) {
  .sec-product-ind {
    padding: 80px 0 330px;
  }
}

@media screen and (max-width: 767px) {
  .sec-product-ind {
    background: url("../../../lp/bp2212/assets/img/index/product-bg-sp.jpg") no-repeat;
    background-size: cover;
    padding: 48px 0 59px;
  }
}

.sec-product-ind .inner {
  max-width: 1340px;
}

.product-list-ind {
  text-shadow: 5px 5px 8px white, -5px -5px 8px white, -5px 5px 8px white, 5px -5px 8px white, 5px 0 8px white,
    0 5px 8px white;
  position: relative;
}

@media screen and (max-width: 1245px) {
  .product-list-ind {
    padding-top: 50px;
  }
}

.product-list-ind .item .ttl {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.55;
  margin-bottom: 15px;
  position: relative;
  z-index: 4;
}

@media screen and (max-width: 1024px) {
  .product-list-ind .item .ttl {
    font-size: 20px;
    font-size: 2rem;
  }
}

.product-list-ind .item .content {
  position: relative;
  z-index: 5;
}

.product-list-ind .item .content .txt-basic {
  line-height: 1.85;
  margin-bottom: 31px;
}

.product-list-ind .item .content .txt-basic03 {
  margin-bottom: 24px;
}

.product-list-ind .item .content .txt-basic03:last-child {
  margin-bottom: 0;
}

.product-list-ind .item .content .btn-comp02 {
  position: relative;
  z-index: 5;
}

.product-list-ind .item.item01 {
  position: relative;
}

.product-list-ind .item.item01 .txt {
  position: absolute;
  left: 25%;
  top: 10%;
}

.product-list-ind .item.item01 .content {
  max-width: 700px;
}

.product-list-ind .item.item01 .img {
  top: -32px;
  left: -2px;
  z-index: 3;
}

@media screen and (max-width: 1024px) {
  .product-list-ind .item.item01 .txt {
    left: 46%;
    top: 30%;
  }
}

.product-list-ind .item.item02 {
  position: relative;
  margin-top: -20%;
  z-index: 2;
}

.product-list-ind .item.item02 .txt {
  position: absolute;
  left: 41%;
  top: 60%;
  text-align: right;
}

.product-list-ind .item.item02 .ttl {
  margin-bottom: 4px;
}

.product-list-ind .item.item02 .content .txt-basic {
  margin-bottom: 21px;
}

.product-list-ind .item.item02 .img {
  text-align: right;
  z-index: 2;
}

@media screen and (max-width: 1024px) {
  .product-list-ind .item.item02 {
    margin-top: 4%;
  }
  .product-list-ind .item.item02 .txt {
    left: 20%;
    top: 40%;
  }
}

.product-list-ind .item.item03 {
  position: relative;
  z-index: 1;
  margin-top: -3%;
}

.product-list-ind .item.item03 .ttl {
  margin-bottom: 4px;
}

.product-list-ind .item.item03 .content .btn {
  text-align: right;
}

.product-list-ind .item.item03 .content .txt-basic {
  margin-bottom: 24px;
  text-align: right;
}

.product-list-ind .item.item03 .content .txt-basic03 {
  margin-bottom: 14px;
}

.product-list-ind .item.item03 .img {
  width: 65%;
  margin: 0 auto;
  z-index: 1;
}

.product-list-ind .item.item03 .item-03 {
  position: absolute;
  left: 0%;
  top: -10%;
}

.product-list-ind .item.item03 .txt-03 {
  position: absolute;
  left: 0%;
  top: -10%;
  width: 37%;
}

.product-list-ind .item.item03 .txt-04 {
  position: absolute;
  right: 2%;
  top: 14%;
}
.product-list-ind .item.item03 .txt-04 .btn {
  text-align: left;
}

.product-list-ind .item.item03 .txt-05 {
  position: absolute;
  left: 0%;
  top: 60%;
  width: 24%;
}

.product-list-ind .item.item03 .txt-05 .ttl {
  text-align: right;
}
.product-list-ind .item.item03 .txt-05 .content {
  max-width: auto;
}

.product-list-ind .item.item03 .txt-06 {
  position: absolute;
  left: 47%;
  top: 81%;
}

.product-list-ind .item.item03 .txt-06 .content {
  max-width: 703px;
}
.product-list-ind .item.item03 .txt-06 .content .btn {
  text-align: left;
}

.product-list-ind .item.item03 .txt-06 .content .txt-basic {
  text-align: left;
}

@media screen and (max-width: 1024px) {
  .product-list-ind .item.item03 {
    margin-top: 4%;
  }
  .product-list-ind .item.item03 .txt-05 {
    top: 70%;
  }
}

/*.product-list-ind .item .img {
  position: absolute;
}

.product-list-ind .item.item01 {
  max-width: 700px;
  min-height: 450px;
  margin: 0 auto 13px;
}

@media screen and (max-width: 1245px) {
  .product-list-ind .item.item01 {
    margin-top: 150px;
  }
}

.product-list-ind .item.item01 .content {
  max-width: 420px;
}

.product-list-ind .item.item01 .img {
  top: -32px;
  left: -2px;
  z-index: 3;
}

.product-list-ind .item.item02 {
  max-width: 632px;
  min-height: 150px;
  margin: 0 auto;
  text-align: right;
}

.product-list-ind .item.item02 .ttl {
  margin-bottom: 4px;
}

.product-list-ind .item.item02 .content .txt-basic {
  margin-bottom: 21px;
}

.product-list-ind .item.item02 .img {
  top: 203px;
  right: -3px;
  z-index: 2;
}

@media screen and (max-width: 1245px) {
  .product-list-ind .item.item02 .img {
    top: 480px;
  }
}

.product-list-ind .item.item03 {
  max-width: 485px;
  min-height: 314px;
  margin: -15px 0 0 0;
}

@media screen and (max-width: 1024px) {
  .product-list-ind .item.item03 {
    margin-top: 0;
    max-width: 411px;
  }
}

.product-list-ind .item.item03 .ttl {
  margin-bottom: 4px;
  text-align: right;
}

.product-list-ind .item.item03 .content {
  max-width: 411px;
  margin-left: auto;
}

.product-list-ind .item.item03 .content .txt-basic {
  margin-bottom: 24px;
  text-align: right;
}

.product-list-ind .item.item03 .content .txt-basic03 {
  margin-bottom: 14px;
}

.product-list-ind .item.item03 .img {
  width: 100%;
  text-align: center;
  top: 662px;
  left: 0;
  z-index: 1;
}

@media screen and (max-width: 1245px) {
  .product-list-ind .item.item03 .img {
    top: 1032px;
  }
}

.product-list-ind .item.item04 {
  max-width: 388px;
  min-height: 180px;
  margin-left: auto;
  margin-top: -174px;
}

@media screen and (max-width: 1024px) {
  .product-list-ind .item.item04 {
    margin-top: -120px;
  }
}

.product-list-ind .item.item04 .ttl {
  margin-bottom: 6px;
}

.product-list-ind .item.item04 .content .txt-basic {
  margin-bottom: 28px;
}

.product-list-ind .item.item04 .content .txt-basic03 {
  margin-bottom: 14px;
}

.product-list-ind .item.item05 {
  max-width: 317px;
  min-height: 390px;
  margin-top: 50px;
}

.product-list-ind .item.item05 .ttl {
  text-align: right;
  margin-bottom: 5px;
}

.product-list-ind .item.item05 .content .txt-basic {
  text-align: right;
  margin-bottom: 18px;
}

.product-list-ind .item.item05 .content .txt-basic03 {
  margin-bottom: 15px;
}

.product-list-ind .item.item06 {
  max-width: 703px;
  min-height: 307px;
  margin-left: auto;
  margin-top: -260px;
}

@media screen and (max-width: 1245px) {
  .product-list-ind .item.item06 {
    margin-top: -40px;
  }
}

@media screen and (max-width: 1024px) {
  .product-list-ind .item.item06 {
    margin-top: 0;
  }
}

.product-list-ind .item.item06 .ttl {
  margin-bottom: 4px;
}

.product-list-ind .item.item06 .content {
  max-width: 532px;
}

.product-list-ind .item.item06 .content .txt-basic {
  margin-bottom: 16px;
}

.product-list-ind .item.item06 .content .txt-basic03 {
  margin-bottom: 15px;
}*/

.product-tab__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px 27px;
  width: calc(100% + 32px);
}

.product-tab__head .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 33.33%;
  border: 1px solid #386773;
  border-right: none;
  font-size: 17px;
  font-size: 1.7rem;
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Noto Serif JP",
    "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho,
    "MotoyaLCedar", "Droid Sans Japanese", serif;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  line-height: 1.5;
  font-weight: 500;
  margin: -1px 0 0;
  height: 125px;
}

.product-tab__head .item.active {
  background: #dbe9eb;
}

.product-tab__body {
  text-shadow: 5px 5px 8px white, -5px -5px 8px white, -5px 5px 8px white, 5px -5px 8px white, 5px 0 8px white,
    0 5px 8px white;
  text-align: center;
}

.product-tab__body .item {
  display: none;
}

.product-tab__body .item.active {
  display: block;
}

.product-tab__body .item .img {
  margin-bottom: 18px;
}

.product-tab__body .item .ttl {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.55;
  margin-bottom: 12px;
}

.product-tab__body .item .des {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 8px;
}

.product-tab__body .item .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.product-list-ind .item .btn--right {
  text-align: right;
}
.product-tab__body .item .more,
.product-list-ind .item .more-pc {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
}

.product-tab__body .item .more img {
  margin: 1px 0 0 9px;
}

.product-tab__body .item .more > *,
.product-list-ind .item .more-pc > * {
  display: none;
}

.product-tab__body .item .more > .on,
.product-list-ind .item .more-pc > .on {
  display: block;
}

.product-tab__body .item .more .hide img,
.product-list-ind .item .more-pc .hide img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.product-tab__body .item-body,
.product-list-ind .item-body {
  display: none;
  margin-bottom: 30px;
}

.product-list-ind .item-body {
  position: relative;
}

/*.product-list-ind .item-body-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}*/

.product-tab__body .item-body .btn-comp02 {
  margin-top: 15px;
}

.sec-pickup {
  padding: 122px 0 128px;
}

@media screen and (max-width: 1024px) {
  .sec-pickup {
    padding: 100px 0;
  }
}

@media screen and (max-width: 767px) {
  .sec-pickup {
    padding: 47px 0 62px;
  }
}

.pickup-inn {
  max-width: 1368px;
}

.pickup-list {
  color: #010101;
}

@media screen and (max-width: 640px) {
  .pickup-list {
    padding: 0 10px;
  }
}

.pickup-list__img {
  width: 100%;
  height: 305px;
  margin-bottom: 17px;
}

@media only screen and (max-width: 500px) {
  .pickup-list__img {
    height: 153px;
  }
}

.pickup-list__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.pickup-list__content {
  margin-bottom: 17px;
}

@media screen and (max-width: 767px) {
  .pickup-list__content {
    margin-bottom: 20px;
  }
}

.pickup-list__ttl {
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Noto Serif JP",
    "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho,
    "MotoyaLCedar", "Droid Sans Japanese", serif;
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 5px;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: 5.5px;
}

@media screen and (max-width: 767px) {
  .pickup-list__ttl {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.67;
    letter-spacing: 4.5px;
    margin-bottom: 7px;
  }
}

.pickup-list__des {
  line-height: 1.5;
  letter-spacing: 1px;
}

.sec-news {
  padding: 109px 0 89px;
  background: #dbe9eb;
}

@media screen and (max-width: 767px) {
  .sec-news {
    padding: 80px 0;
  }
}

@media screen and (max-width: 767px) {
  .sec-news {
    padding: 49px 0 31px;
  }
}

.news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
}

@media screen and (max-width: 767px) {
  .news-list {
    margin: 0 -5px;
  }
}

@media screen and (max-width: 640px) {
  .news-list {
    margin: 0;
  }
}

.news-list__item {
  width: 50%;
  padding: 0 15px;
  margin-bottom: 31px;
}

@media screen and (max-width: 767px) {
  .news-list__item {
    padding: 0 5px;
    margin-bottom: 29px;
  }
}

@media screen and (max-width: 640px) {
  .news-list__item {
    width: 100%;
    padding: 0;
  }
}

.news-list__item .txt-basic {
  line-height: 2.6;
  text-align: justify;
  letter-spacing: 0.9px;
}

@media screen and (max-width: 767px) {
  .news-list__item .txt-basic {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.875;
  }
}

.news-list__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: white;
  width: 100%;
  height: 100%;
  padding: 26px 23px 17px 23px;
}

@media screen and (max-width: 767px) {
  .news-list__wrap {
    padding: 14px 15px 5px 15px;
  }
}

.news-list__img {
  width: 132px;
  height: 133px;
}

@media screen and (max-width: 767px) {
  .news-list__img {
    width: 75px;
    height: 75px;
    margin-bottom: 11px;
  }
}

.news-list__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.news-list__content {
  width: calc(100% - 132px);
  padding: 7px 0 0 26px;
}

@media screen and (max-width: 767px) {
  .news-list__content {
    width: calc(100% - 75px);
    padding-left: 15px;
  }
}

@media screen and (max-width: 640px) {
  .news-list__content {
    width: 100%;
    padding: 0 16px 0 0;
  }
}

.news-list__date {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  margin-bottom: 2px;
  letter-spacing: 1.6px;
}

.sec-ins {
  padding: 110px 0 76px;
  border-bottom: 1px solid #e0dcda;
}

@media screen and (max-width: 1024px) {
  .sec-ins {
    padding: 80px 0;
  }
}

@media screen and (max-width: 767px) {
  .sec-ins {
    padding: 49px 0 29px;
  }
}

.ins-list {
  margin: 0 -20px;
}

@media screen and (max-width: 1024px) {
  .ins-list {
    margin: 0 -10px;
  }
}

@media screen and (max-width: 640px) {
  .ins-list {
    margin: 0 -4px;
  }
}

.ins-list__item {
  padding: 0 20px;
  margin-bottom: 39px;
}

@media screen and (max-width: 1024px) {
  .ins-list__item {
    padding: 0 10px;
  }
}

@media screen and (max-width: 767px) {
  .ins-list__item {
    width: 33.33%;
    margin-bottom: 26px;
  }
}

@media screen and (max-width: 640px) {
  .ins-list__item {
    padding: 0 4px;
  }
}

.ins-list__wrap {
  display: block;
}

.ins-list__img {
  width: 100%;
  height: 220px;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .ins-list__img {
    margin-bottom: 4px;
  }
}

@media only screen and (max-width: 550px) {
  .ins-list__img {
    height: 110px;
  }
}

.ins-list__img > * {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

.ins-list__des {
  line-height: 1.5;
  letter-spacing: 1.6px;
}

@media screen and (max-width: 767px) {
  .ins-list__des {
    line-height: 1.65;
  }
}

.sec-media {
  padding: 113px 0 219px;
}

@media screen and (max-width: 1024px) {
  .sec-media {
    padding: 80px 0 150px;
  }
}

@media screen and (max-width: 767px) {
  .sec-media {
    padding: 48px 0 94px;
  }
}

.media-list__item {
  width: 390px;
  padding: 0 17.5px;
}

@media only screen and (max-width: 500px) {
  .media-list__item {
    width: 100vw;
    padding: 0 15px;
  }
}

@media screen and (max-width: 374px) {
  .media-list__item {
    width: 290px;
  }
}

.media-list__item img {
  display: block;
  width: 100%;
}

.media-list .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  bottom: -63px;
}

@media screen and (max-width: 767px) {
  .media-list .slick-dots {
    bottom: -33px;
  }
}

.media-list .slick-dots li {
  margin: 0 12px;
  display: block;
}

@media screen and (max-width: 767px) {
  .media-list .slick-dots li {
    margin: 0 4px;
  }
}

.media-list .slick-dots li button {
  padding: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #144a5b;
}

@media screen and (max-width: 767px) {
  .media-list .slick-dots li button {
    width: 9px;
    height: 9px;
  }
}

.media-list .slick-dots li button:before {
  display: none;
}

.media-list .slick-dots li.slick-active button {
  background: #144a5b;
}

#mailmagazine {
  text-align: center;
}

#mailmagazine .bg {
  background-color: #f2f1ed;
  padding: 50px 0 10px;
}

@media screen and (max-width: 767px) {
  #mailmagazine .bg {
    padding: 40px 0 15px;
  }
}

#mailmagazine .ttl {
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Noto Serif JP",
    "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho,
    "MotoyaLCedar", "Droid Sans Japanese", serif;
  margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
  #mailmagazine .ttl {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 20px;
  }
}

#mailmagazine .ttl .red {
  color: #b80000;
}

#mailmagazine .ttl .fs-36 {
  font-size: 36px;
  font-size: 3.6rem;
}

@media screen and (max-width: 767px) {
  #mailmagazine .ttl .fs-36 {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

#mailmagazine .txt {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
  #mailmagazine .txt {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

#mailmagazine .sub-inner {
  max-width: 370px;
  margin: 0 auto;
}

#mailmagazine .acc-list2 {
  margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
  #mailmagazine .acc-list2 {
    margin-bottom: 20px;
  }
}

#mailmagazine .acc-list2 .ac-input {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 15px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  #mailmagazine .acc-list2 .ac-input {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

#mailmagazine .acc-list2 .ac-content {
  display: none;
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  #mailmagazine .acc-list2 .ac-content {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

#mailmagazine .acc-list2 .mailMF {
  width: 100%;
}

#mailmagazine .acc-list2 .mailMF th,
#mailmagazine .acc-list2 .mailMF td {
  display: block;
  width: 100%;
  text-align: left;
}

#mailmagazine .acc-list2 .mailMF th {
  font-weight: normal;
  padding-bottom: 10px;
}

#mailmagazine .acc-list2 .mailMF td {
  padding-bottom: 20px;
}

#mailmagazine .acc-list2 .mailMF .n2 .btn-confirm {
  display: block;
  margin-top: 10px;
}

#mailmagazine .mailAddress,
#mailmagazine .mailAddress_new {
  width: 100%;
  max-width: 280px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid #a9a9a9;
  padding: 5px;
  height: 30px !important;
}

@media screen and (max-width: 767px) {
  #mailmagazine .mailAddress,
  #mailmagazine .mailAddress_new {
    max-width: 100%;
  }
}

#mailmagazine .btn-confirmNext {
  cursor: pointer;
  font-size: 14px;
  font-size: 1.4rem;
  background: #24afbc;
  color: #fff;
  border: none;
  padding: 0 10px;
  height: 30px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

@media screen and (max-width: 767px) {
  #mailmagazine .btn-confirmNext {
    display: block;
    max-width: 100px;
    margin: 10px auto 0;
  }
}

#snav_mailMag {
  margin-bottom: 25px;
}

#snav_mailMag .snav_mailMag_cont p {
  display: none;
}

#snav_mailMag .snav_mailMag_cont a p {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
}

#snav_mailMag form {
  position: relative;
  margin-bottom: 10px;
  max-width: 365px;
  margin: 0 auto;
  text-align: left;
}

#snav_mailMag .mailAddress {
  width: 100%;
  max-width: 280px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid #a9a9a9;
  padding: 0 10px;
  height: 30px !important;
}

@media screen and (max-width: 767px) {
  #snav_mailMag .mailAddress {
    max-width: 100%;
  }
}

#snav_mailMag .submit_mailMag {
  cursor: pointer;
  font-size: 14px;
  font-size: 1.4rem;
  position: absolute;
  top: 0;
  right: 0;
  background: #24afbc;
  color: #fff;
  border: none;
  width: 100%;
  max-width: 80px;
  height: 30px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

@media screen and (max-width: 767px) {
  #snav_mailMag .submit_mailMag {
    position: static;
    display: block;
    max-width: 100px;
    margin: 10px auto 0;
  }
}

.iframe {
  width: 100%;
  height: 480px;
  vertical-align: bottom;
}

.sec-product {
  padding-bottom: 46px;
}

@media screen and (max-width: 767px) {
  .sec-product {
    padding-bottom: 15px;
  }
}

.mv-product {
  padding-top: 65px;
}

.mv-product__img {
  position: relative;
  -webkit-box-shadow: 0 0 24px 0 rgba(4, 0, 0, 0.05);
  box-shadow: 0 0 24px 0 rgba(4, 0, 0, 0.05);
}

.mv-product__img img {
  width: 100%;
}

.mv-product__ttl {
  position: absolute;
  color: #006a78;
  line-height: 1.72;
  left: 7.6%;
  top: 47.4%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mv-product__ttl .en {
  font-family: "Austin", serif;
  font-weight: 300;
  font-size: 34px;
  font-size: 3.4rem;
  letter-spacing: 7px;
}

.mv-product__ttl .jp {
  display: block;
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Noto Serif JP",
    "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho,
    "MotoyaLCedar", "Droid Sans Japanese", serif;
  font-weight: 500;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 4px;
}

.breadcrumb {
  padding: 13px 0 38px;
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 3px;
}

@media screen and (max-width: 767px) {
  .breadcrumb {
    padding: 48px 0;
  }
}

.breadcrumb a {
  position: relative;
  color: #636363;
}

.breadcrumb a:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-top: 1px solid #636363;
  border-right: 1px solid #636363;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 6px;
  right: -10px;
}

.breadcrumb span {
  padding-left: 22px;
  color: #636363;
}

.wrap-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.product-content {
  width: 71%;
}

@media screen and (max-width: 767px) {
  .product-content {
    width: 100%;
  }
}

.product-ttl {
  position: relative;
  padding-left: 14px;
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Noto Serif JP",
    "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho,
    "MotoyaLCedar", "Droid Sans Japanese", serif;
  font-weight: 600;
  font-size: 20px;
  font-size: 2rem;
  color: #006a78;
  margin-bottom: 41px;
  line-height: 1;
  letter-spacing: 4px;
}

@media screen and (max-width: 767px) {
  .product-ttl {
    margin-bottom: 50px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .product-ttl {
    padding-top: 3px;
  }
}

.product-ttl:after {
  content: "";
  position: absolute;
  background: #006a78;
  width: 4px;
  height: 20px;
  top: 0;
  left: 0;
}

.list-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -13px;
}

@media screen and (max-width: 767px) {
  .list-product {
    margin: 0 0 61px;
    padding: 0 10px;
  }
}

@media screen and (max-width: 374px) {
  .list-product {
    padding: 0;
  }
}

.list-product__item {
  width: 33.333%;
  padding: 0 13px;
  margin-bottom: 42px;
}

@media screen and (max-width: 767px) {
  .list-product__item {
    width: 50%;
    padding: 0 6px;
    margin-bottom: 45px;
  }
}

@media screen and (max-width: 374px) {
  .list-product__item {
    width: 100%;
    padding: 0;
  }
}

.list-product__item:last-child {
  margin-bottom: 0;
}

.list-product__content {
  display: block;
}

.list-product__img {
  position: relative;
  overflow: hidden;
  margin-bottom: 18px;
}

@media screen and (max-width: 767px) {
  .list-product__img {
    margin-bottom: 10px;
  }
}

.list-product__img:before {
  content: "";
  display: block;
  background: #cbcbcb;
  padding-bottom: calc(220 / 220 * 100%);
}

.list-product__img .thumbnail {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.list-product__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.list-product__ttl {
  font-weight: 500;
  color: #030303;
  line-height: 1.625;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: -3px;
}

@media screen and (max-width: 767px) {
  .list-product__ttl {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 2px;
  }
}

.list-product__price {
  text-align: right;
  color: #006a78;
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .list-product__price {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.sidebar {
  width: 25%;
}

@media screen and (max-width: 767px) {
  .sidebar {
    width: 100%;
  }
}

.sidebar-wrap {
  margin-bottom: 50px;
}

.sidebar-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #dbe9eb;
  color: #006a78;
  height: 50px;
  letter-spacing: 3px;
}

@media screen and (max-width: 767px) {
  .sidebar-ttl {
    height: 60px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .sidebar-ttl {
    padding-top: 6px;
  }
}

.sidebar-ttl .jp {
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Noto Serif JP",
    "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho,
    "MotoyaLCedar", "Droid Sans Japanese", serif;
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
}

.sidebar-ttl .en {
  font-family: "Austin", serif;
  font-weight: 300;
  font-size: 18px;
  font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
  .sidebar-ttl .en {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.sidebar-search {
  position: relative;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .sidebar-search {
    margin-top: 31px;
  }
}

.sidebar-search #search {
  border: 1px solid #636363;
  border-radius: 0;
  padding: 10px;
  color: #636363;
  font-size: 14px;
  font-size: 1.4rem;
  height: 34px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .sidebar-search #search {
    height: 45px;
  }
}

.sidebar-search .icon {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #636363;
  height: 34px;
  width: 50px;
  border: 0;
  border-radius: 0;
  outline: none;
  top: 0;
  right: 0;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .sidebar-search .icon {
    height: 44px;
    width: 65px;
  }
}

.sidebar-calendar {
  width: 100%;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .sidebar-calendar {
    margin-top: 29px;
  }
}

.list-sidebar {
  padding-top: 2px;
}

@media screen and (max-width: 767px) {
  .list-sidebar {
    padding-top: 0;
  }
}

.list-sidebar__item {
  border-bottom: 1px solid #636363;
  padding: 19px 8px 16px;
}

@media screen and (max-width: 767px) {
  .list-sidebar__item {
    padding: 24px 14px 21px;
  }
}

.list-sidebar__item a {
  position: relative;
  display: block;
  color: #636363;
  line-height: 1.286;
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  padding-right: 15px;
}

@media screen and (max-width: 767px) {
  .list-sidebar__item a {
    line-height: 2.1;
  }
}

.list-sidebar__item a:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-top: 1px solid #636363;
  border-right: 1px solid #636363;
  right: 2px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

@media screen and (max-width: 767px) {
  .list-sidebar__item a:after {
    width: 10px;
    height: 10px;
  }
}

.sidebar-mailmaga {
  margin-top: 50px;
}

.sidebar-mailmaga__ttl {
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 20px;
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Noto Serif JP",
    "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho,
    "MotoyaLCedar", "Droid Sans Japanese", serif;
}

.sidebar-mailmaga__ttl span {
  color: #b80000;
}

.sidebar-mailmaga__txt {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.8;
}

.sidebar-mailmaga__txt span {
  color: #b80000;
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .page-product_toner_index .breadcrumb {
    padding: 19px 0 14px;
  }
}

.sec-toner {
  padding-bottom: 121px;
}

@media screen and (max-width: 767px) {
  .sec-toner {
    padding-bottom: 8px;
  }
}

.line-top {
  border-top: 1px solid #dfdfdf;
  padding-top: 25px;
}

@media screen and (max-width: 767px) {
  .line-top {
    border-top: 0;
  }
}

.toner-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 62px;
}

@media screen and (max-width: 767px) {
  .toner-wrap {
    margin-bottom: 25px;
  }
}

.toner-gallery {
  width: 50.7%;
}

@media screen and (max-width: 640px) {
  .toner-gallery {
    width: 100%;
  }
}

.toner-content {
  width: 45.6%;
  padding-top: 26px;
}

@media screen and (max-width: 640px) {
  .toner-content {
    width: 100%;
  }
}

.toner-ttl {
  font-weight: bold;
  line-height: 1.7;
  color: #030303;
  font-size: 20px;
  font-size: 2rem;
  margin: 0 0 14px -5px;
}

@media screen and (max-width: 767px) {
  .toner-ttl {
    line-height: 1.6;
    margin: 0 0 12px 0;
  }
}

.toner-ttl span {
  font-size: 16px;
  font-size: 1.6rem;
}

.toner-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  color: #030303;
  margin-bottom: 37px;
}

@media screen and (max-width: 767px) {
  .toner-price {
    margin-bottom: 32px;
  }
}

.toner-price .heading {
  font-size: 20px;
  font-size: 2rem;
}

.toner-price .number {
  margin-left: auto;
  font-size: 24px;
  font-size: 2.4rem;
}

@media screen and (max-width: 767px) {
  .toner-price .number {
    color: #d21b1b;
  }
}

.toner-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .toner-data {
    margin-bottom: 23px;
  }
}

.toner-data .left {
  width: 45px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .toner-data .left {
    padding-top: 3px;
  }
}

.toner-data .right {
  width: calc(100% - 60px);
}

@media screen and (max-width: 767px) {
  .toner-data .right {
    width: calc(100% - 51px);
  }
}

.toner-txt {
  font-weight: 500;
  color: #030303;
  font-size: 14px;
  font-size: 1.4rem;
}

.toner-input {
  border: 1px solid #636363;
  height: 34px;
  width: 100px;
  padding: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #030303;
  margin-right: 13px;
}

@media screen and (max-width: 767px) {
  .toner-input {
    height: 27px;
    width: 75px;
    margin-right: 9px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .toner-input {
    padding-top: 7px;
  }
}

.toner-note {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #636363;
  font-weight: 500;
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 10px;
  letter-spacing: 0.6px;
}

.toner-note .icon-first {
  margin-right: 7px;
}

@media screen and (max-width: 767px) {
  .toner-note .icon-first {
    margin-right: 14px;
    width: 12px;
  }
}

.toner-note .icon-bonus {
  margin-right: 14px;
}

.toner-add {
  padding-top: 29px;
}

@media screen and (max-width: 767px) {
  .toner-add {
    padding-top: 0;
  }
}

.btn-cart {
  position: relative;
  display: block;
  background: #006a78;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 16px 5px 12px 24px;
  margin-bottom: 33px;
  letter-spacing: 1.7px;
}

@media screen and (max-width: 767px) {
  .btn-cart {
    padding: 16px 5px 15px 48px;
    margin-bottom: 21px;
    letter-spacing: 2.7px;
    font-size: 17px;
    font-size: 1.7rem;
  }
}

.btn-cart img {
  position: absolute;
  left: 20.5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .btn-cart img {
    left: 26.5%;
  }
}

.btn-star {
  position: relative;
  display: block;
  text-align: center;
  color: #636363;
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 12px 10px 7px;
  margin-bottom: 25px;
  border: 1px solid #dfdfdf;
}

@media screen and (max-width: 767px) {
  .btn-star {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 10px 10px 10px 51px;
    letter-spacing: 1px;
    margin-bottom: 17px;
  }
}

.btn-star img {
  position: absolute;
  left: 20%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .btn-star img {
    left: 26.1%;
  }
}

.list-toner {
  padding-right: 10px;
  margin-bottom: 102px;
}

@media screen and (max-width: 767px) {
  .list-toner {
    padding-right: 0;
    margin-bottom: 49px;
  }
}

.list-toner__item {
  margin-bottom: 56px;
}

@media screen and (max-width: 767px) {
  .list-toner__item {
    margin-bottom: 28px;
  }
}

.list-toner__item:last-child {
  margin-bottom: 0;
}

.list-toner__ttl {
  background: #636363;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 10px 10px 8px 16px;
  letter-spacing: 2px;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .list-toner__ttl {
    color: #030303;
    background: transparent;
    border-bottom: 1px solid #636363;
    padding: 10px 10px 10px 0;
    letter-spacing: 0;
    margin-bottom: 21px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .list-toner__ttl {
    padding-bottom: 4px;
  }
}
.movie {
  width:100%;
}

.list-toner__txt {
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.143;
  margin-bottom: 10px;
  color: #030303;
}

@media screen and (max-width: 767px) {
  .list-toner__txt {
    margin-bottom: 19px;
  }
}

.list-toner__note {
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  color: #006a78;
  line-height: 1;
}

.list-voice {
  padding-top: 1px;
  margin-bottom: 14px;
}

.list-voice__item {
  position: relative;
  padding: 32px 29px 21px;
  border-bottom: 1px solid #636363;
}

.list-voice__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  color: #3d3e48;
  margin-bottom: 6px;
}

.list-voice__ttl.last {
  margin-bottom: 14px;
}

.list-voice__ttl.time {
  position: absolute;
  top: 32px;
  right: 19px;
}

.list-voice__txt {
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.85;
}

.btn-more {
  position: relative;
  display: block;
  background: #006a78;
  max-width: 150px;
  width: 100%;
  color: #ffffff;
  text-align: center;
  border-radius: 5px;
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 7px 10px 4px;
}

.btn-more:after {
  content: "";
  position: absolute;
  border-top: 6px solid transparent;
  border-left: 9px solid #ffffff;
  border-bottom: 6px solid transparent;
  right: 21px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-more.right {
  margin-left: auto;
}

.list-ingredients {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 517px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .list-ingredients {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.list-ingredients__item {
  width: 33.333%;
  padding: 0 26px;
}

@media screen and (max-width: 767px) {
  .list-ingredients__item {
    width: 25.9%;
    padding: 0;
  }
}

.list-ingredients__img {
  position: relative;
  overflow: hidden;
  border: 1px solid #006a78;
  border-radius: 50%;
}

.list-ingredients__img:before {
  content: "";
  display: block;
  background: #cbcbcb;
  padding-bottom: calc(120 / 120 * 100%);
}

.list-ingredients__img .thumbnail {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.list-ingredients__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.btn-back {
  display: block;
  max-width: 240px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid #006a78;
  color: #006a78;
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 15px 10px 14px 25px;
  letter-spacing: 2px;
}

@media screen and (max-width: 767px) {
  .btn-back {
    font-size: 18px;
    font-size: 1.8rem;
    max-width: 315px;
    padding: 19px 10px 19px 49px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .btn-back {
    padding-bottom: 9px;
  }
}

.btn-back span {
  position: relative;
}

.btn-back span:before {
  content: "";
  position: absolute;
  background: url("../../../lp/bp2212/assets/img/product_toner/icon-brick.png") center no-repeat;
  background-size: contain;
  width: 13px;
  height: 13px;
  left: -27px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .btn-back span:before {
    width: 18px;
    height: 17px;
    left: -36px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .btn-back span:before {
    top: 37%;
  }
}

.sec-instagram {
  background: #eeeeee;
  padding: 197px 0 194px;
}

.instagram-ttl {
  text-align: center;
  font-weight: 500;
  font-size: 30px;
  font-size: 3rem;
  color: #006a78;
}

.benefits-sub {
  display: block;
  max-width: 690px;
  width: 100%;
  margin: 0 auto;
}

.gallery-for {
  margin-bottom: 9px;
}

@media screen and (max-width: 767px) {
  .gallery-for {
    margin-bottom: 5px;
  }
}

.gallery-for-img {
  position: relative;
  overflow: hidden;
}

.gallery-for-img:before {
  content: "";
  display: block;
  background: #cbcbcb;
  padding-bottom: calc(360 / 360 * 100%);
}

.gallery-for-img .thumbnail {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.gallery-for-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.gallery-nav {
  margin: 0 -2px;
}

.gallery-nav .item {
  padding: 2px;
}

@media screen and (min-width: 835px) {
  .gallery-nav .item {
    width: 20% !important;
  }
}

.gallery-nav .item.slick-current .gallery-nav-img {
  border: 2px solid #006a78;
}

.gallery-nav-img {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin: 2px;
}

.gallery-nav-img:before {
  content: "";
  display: block;
  background: #cbcbcb;
  padding-bottom: calc(69 / 69 * 100%);
}

.gallery-nav-img .thumbnail {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.gallery-nav-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

@media screen and (min-width: 835px) {
  .gallery-nav .slick-list {
    -webkit-transform: unset !important;
    -ms-transform: unset !important;
    transform: unset !important;
  }
  .gallery-nav .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100% !important;
    max-width: 100%;
    -webkit-transform: unset !important;
    -ms-transform: unset !important;
    transform: unset !important;
  }
}

.sec-mv01 {
  position: relative;
}

.sec-mv01 .img-mv img {
  width: 100%;
}

.sec-mv01 .txt-mv {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.sec-mv01 .txt-mv > .inner {
  position: relative;
  display: inline-block;
  width: 100%;
}

.sec-mv01 + .breadcrumb {
  padding: 13px 0 35px;
}

.sec-contact {
  padding-bottom: 98px;
}

@media screen and (max-width: 767px) {
  .sec-contact {
    padding-bottom: 27px;
  }
}

.form-contact .f-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 39px 0 39px;
  border-bottom: 1px solid #dbe9eb;
}

@media screen and (max-width: 767px) {
  .form-contact .f-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 25px 0 31px;
  }
}

.form-contact .f-row:first-child {
  border-top: 1px solid #dbe9eb;
}

.form-contact .f-rowradio {
  padding: 50px 0 43px;
}

@media screen and (max-width: 767px) {
  .form-contact .f-rowradio {
    padding: 22px 0;
  }
}

.form-contact .f-row .f-label {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.875;
  letter-spacing: 0.1em;
  width: 230px;
  padding-left: 40px;
  color: #636363;
}

@media screen and (max-width: 767px) {
  .form-contact .f-row .f-label {
    width: 100%;
    padding-left: 0;
    margin-bottom: 9px;
  }
}

.form-contact .f-row .f-label > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 0;
}

@media screen and (max-width: 767px) {
  .form-contact .f-row .f-label > div {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    letter-spacing: 0.05em;
  }
}

.form-contact .f-row .f-label--ct {
  padding-top: 10px;
}

@media screen and (max-width: 767px) {
  .form-contact .f-row .f-label--ct {
    padding-top: 0;
    margin-bottom: 12px;
  }
}

.form-contact .f-row .f-input {
  width: calc(100% - 230px);
  padding-left: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #636363;
  padding-right: 40px;
}

@media screen and (max-width: 767px) {
  .form-contact .f-row .f-input {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}

.form-contact .f-row:last-child {
  margin-top: 10px;
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .form-contact .f-row:last-child {
    margin-top: 26px;
  }
}

.form-contact input,
.form-contact textarea,
.form-contact button {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}

.form-contact input::-ms-expand,
.form-contact textarea::-ms-expand,
.form-contact button::-ms-expand {
  display: none;
}

.form-contact input::-webkit-input-placeholder,
.form-contact textarea::-webkit-input-placeholder,
.form-contact button::-webkit-input-placeholder {
  color: #b9b9b9;
}

.form-contact input::-moz-placeholder,
.form-contact textarea::-moz-placeholder,
.form-contact button::-moz-placeholder {
  color: #b9b9b9;
}

.form-contact input:-ms-input-placeholder,
.form-contact textarea:-ms-input-placeholder,
.form-contact button:-ms-input-placeholder {
  color: #b9b9b9;
}

.form-contact input::-ms-input-placeholder,
.form-contact textarea::-ms-input-placeholder,
.form-contact button::-ms-input-placeholder {
  color: #b9b9b9;
}

.form-contact input::placeholder,
.form-contact textarea::placeholder,
.form-contact button::placeholder {
  color: #b9b9b9;
}

.form-contact input:not([type="radio"]),
.form-contact textarea {
  width: 100%;
  border: 1px solid #dbe9eb;
  border-radius: 5px;
  padding: 12px 33px;
}

@media screen and (max-width: 767px) {
  .form-contact input:not([type="radio"]),
  .form-contact textarea {
    padding: 5px 15px 6px;
  }
}

.form-contact textarea {
  resize: none;
}

.form-contact .clm-radio {
  padding: 5px 0 0px 34px;
}

@media screen and (max-width: 767px) {
  .form-contact .clm-radio {
    padding: 0 0 0 0;
  }
}

.form-contact .clm-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form-contact .m-height {
  min-height: 200px;
}

.required {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #ffffff;
  background: #006a78;
  padding: 0px 20px;
  display: inline-block;
  line-height: 1.6;
  margin-left: 5px;
  white-space: nowrap;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .required {
    padding: 6px 20px 2px;
    line-height: 1;
    margin-top: -8px;
  }
}

@media screen and (max-width: 767px) {
  .required {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0 7px;
    margin-left: 10px;
    white-space: nowrap;
  }
}

/* The container */
.clm-custom {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-right: 43px;
  letter-spacing: 0.09em;
  min-width: 36%;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .clm-custom {
    min-width: 100%;
    margin-right: 0;
    padding-left: 24px;
    margin-bottom: 14px;
  }
  .clm-custom:last-child {
    margin-bottom: 0;
  }
}

.clm-custom input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.clm-custom input:checked ~ .checkmark:after {
  display: block;
}

.clm-custom:nth-last-child(2) {
  min-width: 31.5%;
}

@media screen and (max-width: 640px) {
  .clm-custom:nth-last-child(2) {
    min-width: 100%;
  }
}

.clm-custom:last-child {
  min-width: auto;
  margin-right: 0;
}

@media screen and (max-width: 640px) {
  .clm-custom:last-child {
    min-width: 100%;
  }
}

.clm-custom .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #ffffff;
  border: 1px solid #676767;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .clm-custom .checkmark {
    height: 15px;
    width: 15px;
    top: 2px;
  }
}

.clm-custom .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #006a78;
}

@media screen and (max-width: 767px) {
  .clm-custom .checkmark:after {
    top: 2px;
    left: 2px;
    width: 9px;
    height: 9px;
  }
}

.sec-aboutmain {
  background: #f5fbfc;
}

.sec-aboutmain .box-aboutmain {
  text-align: center;
  padding: 121px 0 58px;
  margin-bottom: 97px;
}

@media screen and (max-width: 767px) {
  .sec-aboutmain .box-aboutmain {
    padding: 61px 0 54px;
    margin-bottom: 50px;
  }
}

.sec-aboutmain .ttl-logo {
  margin-bottom: 33px;
}

@media screen and (max-width: 767px) {
  .sec-aboutmain .ttl-logo {
    margin-bottom: 27px;
  }
  .sec-aboutmain .ttl-logo img {
    width: 100px;
  }
}

.sec-aboutmain .ttl-logo + .txt-basic {
  line-height: 2.55;
  margin-bottom: 66px;
  color: #636363;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .sec-aboutmain .ttl-logo + .txt-basic {
    line-height: 2.2;
    margin-bottom: 37px;
  }
}

.list-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.list-intro .item {
  width: calc(33.33% - 53.33px);
  margin-bottom: 18px;
  margin-right: 80px;
}

@media screen and (max-width: 1024px) {
  .list-intro .item {
    width: calc(33.33% - 26.67px);
    margin-right: 40px;
  }
}

@media screen and (max-width: 767px) {
  .list-intro .item {
    width: 100%;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 30px;
  }
  .list-intro .item:last-child {
    margin-bottom: 0;
  }
}

.list-intro .item:last-child,
.list-intro .item:nth-child(3n) {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .list-intro .item-txt {
    width: calc(100% - 85px);
    padding-left: 12px;
    padding-top: 12px;
  }
}

.list-intro .item-txt .ttl {
  font-size: 20px;
  font-size: 2rem;
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Noto Serif JP",
    "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho,
    "MotoyaLCedar", "Droid Sans Japanese", serif;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: #1e7c88;
  margin-bottom: 14px;
  font-weight: 500;
}

@media screen and (max-width: 990px) {
  .list-intro .item-txt .ttl {
    font-size: 17px;
    font-size: 1.7rem;
  }
}

@media screen and (max-width: 767px) {
  .list-intro .item-txt .ttl {
    text-align: left;
    margin-bottom: 9px;
    font-size: 20px;
    font-size: 2rem;
  }
}

.list-intro .item .txt-des {
  text-align: left;
  line-height: 1.8;
  font-weight: 500;
  color: #636363;
}

@media screen and (max-width: 767px) {
  .list-intro .item .txt-des {
    line-height: 2;
  }
}

.list-intro .item .item-img {
  margin-bottom: 21px;
}

@media screen and (max-width: 767px) {
  .list-intro .item .item-img {
    width: 85px;
  }
}

.sec-stories {
  padding-bottom: 100px;
}

@media screen and (max-width: 767px) {
  .sec-stories {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  .sec-stories .btn-comp02 {
    width: 100%;
    max-width: 310px;
  }
}

.sec-stories .breadcrumb {
  padding: 18px 0 40px;
}

@media screen and (max-width: 767px) {
  .sec-stories .breadcrumb {
    padding: 18px 0 32px;
  }
}

.box-stories {
  padding: 71px 0 23px;
}

@media screen and (max-width: 767px) {
  .box-stories {
    padding: 0 15px;
  }
}

.box-stories .list-stories {
  color: #386773;
}

.box-stories .list-stories .ttl-stories {
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: 500;
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Noto Serif JP",
    "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho,
    "MotoyaLCedar", "Droid Sans Japanese", serif;
  margin-bottom: 22px;
}

@media screen and (max-width: 767px) {
  .box-stories .list-stories .ttl-stories {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.566;
    margin-bottom: 30px;
  }
}

.box-stories .list-stories .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 120px;
}

@media screen and (max-width: 767px) {
  .box-stories .list-stories .item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 72px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.box-stories .list-stories .item:last-child {
  margin-bottom: 0;
}

.box-stories .list-stories .item .item-img {
  padding-right: 43px;
  width: 51%;
}

@media screen and (max-width: 767px) {
  .box-stories .list-stories .item .item-img {
    width: 100%;
    padding-right: 0;
  }
}

.box-stories .list-stories .item .item-img img {
  width: 100%;
}

.box-stories .list-stories .item .item-txt {
  width: 49%;
  margin-bottom: -10px;
}

@media screen and (max-width: 767px) {
  .box-stories .list-stories .item .item-txt {
    width: 100%;
    margin-bottom: 0;
  }
}

.box-stories .list-stories .item:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
  .box-stories .list-stories .item:nth-child(2n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

.box-stories .list-stories .item:nth-child(2n) .item-img {
  padding-right: 0;
  padding-left: 50px;
  width: 45%;
}

@media screen and (max-width: 767px) {
  .box-stories .list-stories .item:nth-child(2n) .item-img {
    width: 100%;
    padding-left: 0;
  }
}

.box-stories .list-stories .item:nth-child(2n) .item-txt {
  width: 55%;
}

@media screen and (max-width: 767px) {
  .box-stories .list-stories .item:nth-child(2n) .item-txt {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .box-stories .list-stories .item:nth-child(2n) .item-txt .txt-desstories {
    margin-bottom: 17px;
  }
}

.box-stories .list-stories .txt-desstories {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .box-stories .list-stories .txt-desstories {
    line-height: 2.2;
    margin-bottom: 20px;
  }
}

.sec-commitment {
  margin-bottom: 99px;
}

@media screen and (max-width: 767px) {
  .sec-commitment {
    margin-bottom: 61px;
  }
}

.box-commitment {
  padding: 88px 0 74px;
  background: url(../../../lp/bp2212/assets/img/about/img-bg01.jpg) no-repeat center right;
  background-size: cover;
  color: #386773;
  margin-top: 108px;
  margin-bottom: 100px;
}

@media screen and (max-width: 767px) {
  .box-commitment {
    padding: 51px 15px;
    margin-top: 10px;
    margin-bottom: 58px;
  }
}

.box-commitment-wrap {
  max-width: 1000px;
  margin: 0 auto;
}

.box-commitment__bdt {
  border-top: 1px solid #d6d2cf;
}

.box-commitment .list-commitments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  color: #386773;
  margin-bottom: 82px;
}

@media screen and (max-width: 767px) {
  .box-commitment .list-commitments {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
}

.box-commitment .list-commitments .item {
  padding: 0 6px 19px;
  border-right: 1px solid #386773;
}

@media screen and (max-width: 767px) {
  .box-commitment .list-commitments .item {
    padding: 5px 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #386773;
    margin-bottom: 10px;
  }
}

.box-commitment .list-commitments .item.item01,
.box-commitment .list-commitments .item.item02 {
  width: 16.55%;
}

@media screen and (max-width: 767px) {
  .box-commitment .list-commitments .item.item01,
  .box-commitment .list-commitments .item.item02 {
    width: calc(50% - 5px);
    margin-right: 10px;
  }
  .box-commitment .list-commitments .item.item01:last-child,
  .box-commitment .list-commitments .item.item01:nth-child(2n),
  .box-commitment .list-commitments .item.item02:last-child,
  .box-commitment .list-commitments .item.item02:nth-child(2n) {
    margin-right: 0;
  }
}

.box-commitment .list-commitments .item.item03,
.box-commitment .list-commitments .item.item04,
.box-commitment .list-commitments .item.item05 {
  width: 22.3%;
}

@media screen and (max-width: 767px) {
  .box-commitment .list-commitments .item.item03,
  .box-commitment .list-commitments .item.item04,
  .box-commitment .list-commitments .item.item05 {
    width: calc(50% - 5px);
    margin-right: 10px;
  }
  .box-commitment .list-commitments .item.item03:last-child,
  .box-commitment .list-commitments .item.item03:nth-child(2n),
  .box-commitment .list-commitments .item.item04:last-child,
  .box-commitment .list-commitments .item.item04:nth-child(2n),
  .box-commitment .list-commitments .item.item05:last-child,
  .box-commitment .list-commitments .item.item05:nth-child(2n) {
    margin-right: 0;
  }
}

.box-commitment .list-commitments .item.item-nobd {
  border: none;
}

.box-commitment .list-commitments .ttl {
  font-size: 20px;
  font-size: 2rem;
  line-height: 2.5;
  font-weight: 600;
  margin-bottom: 10px;
  text-align: center;
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Noto Serif JP",
    "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho,
    "MotoyaLCedar", "Droid Sans Japanese", serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

@media screen and (max-width: 767px) {
  .box-commitment .list-commitments .ttl {
    line-height: 1.5;
  }
}

.box-commitment .list-commitments .txt-des {
  font-weight: 500;
  padding-left: 20px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

@media screen and (max-width: 767px) {
  .box-commitment .list-commitments .txt-des {
    padding-left: 0;
    text-align: center;
  }
}

.box-commitment .list-commitments .txt-des .txt-basic--small {
  line-height: 1.714;
  margin-bottom: 9px;
}

@media screen and (max-width: 767px) {
  .box-commitment .list-commitments .txt-des .txt-basic--small {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5;
  }
}

.box-commitment .list-commitments .txt-des .txt-basic--small:last-child {
  margin-bottom: 0;
}

.box-commitment .txt-descommitment {
  margin-bottom: 82px;
  line-height: 2.2;
}

@media screen and (max-width: 767px) {
  .box-commitment .txt-descommitment {
    margin-bottom: 39px;
  }
}

.txt-note {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #386773;
  line-height: 1.428;
}

@media screen and (max-width: 767px) {
  .txt-note {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: -0.06em;
  }
}

.page-newslist_index .breadcrumb,
.page-newsinfo_index .breadcrumb {
  padding: 12px 0 35px;
}

.sec-newslist {
  padding-bottom: 150px;
}

@media screen and (max-width: 767px) {
  .sec-newslist {
    padding-bottom: 60px;
  }
}

.slider-news {
  padding-bottom: 62px;
  margin-bottom: 138px;
}

@media screen and (max-width: 767px) {
  .slider-news {
    padding-bottom: 19px;
    margin-bottom: 80px;
  }
}

.slider-news__item {
  padding: 0 25px;
}

@media screen and (max-width: 640px) {
  .slider-news__item {
    padding: 0 15px;
  }
}

.slider-news a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-shadow: 2.194px 2.046px 3px 0 rgba(4, 0, 0, 0.08);
  box-shadow: 2.194px 2.046px 3px 0 rgba(4, 0, 0, 0.08);
}

.slider-news__img {
  width: 42.6%;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 990px) {
  .slider-news__img {
    width: 100%;
  }
}

.slider-news__img:before {
  content: "";
  display: block;
  background: #cbcbcb;
  padding-bottom: calc(381 / 381 * 100%);
}

@media screen and (max-width: 767px) {
  .slider-news__img:before {
    padding-bottom: calc(324 / 381 * 100%);
  }
}

.slider-news__img .thumbnail {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.slider-news__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.slider-news__content {
  width: 51.2%;
  padding: 37px 50px 0 0;
}

@media screen and (max-width: 1245px) {
  .slider-news__content {
    width: 53%;
    padding: 0;
  }
}

@media screen and (max-width: 990px) {
  .slider-news__content {
    padding: 27px 16px 25px;
    width: 100%;
  }
}

.slider-news__time {
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  color: #006a78;
  margin-bottom: 6px;
}

@media screen and (max-width: 767px) {
  .slider-news__time {
    margin-bottom: 2px;
  }
}

.slider-news__ttl {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  color: #006a78;
  line-height: 1.667;
  margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
  .slider-news__ttl {
    line-height: 1.875;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 14px;
  }
}

.slider-news__txt {
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  color: #636363;
  line-height: 2.143;
}

@media screen and (max-width: 767px) {
  .slider-news__txt {
    line-height: 1.786;
  }
}

.slider-news .slick-dots {
  bottom: 0;
}

.slider-news .slick-dots li {
  margin: 0 13px;
}

@media screen and (max-width: 767px) {
  .slider-news .slick-dots li {
    margin: 0 5px;
  }
}

.slider-news .slick-dots li button:before {
  border: 1px solid #144a5b;
  width: 9px;
  height: 9px;
}

@media screen and (max-width: 767px) {
  .slider-news .slick-dots li button:before {
    width: 8px;
    height: 8px;
  }
}

.slider-news .slick-dots li.slick-active button:before {
  background: #144a5b;
}

.list-news {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -25px 57px;
}

@media screen and (max-width: 767px) {
  .list-news {
    margin: 0 -5px 57px;
  }
}

.list-news__item {
  width: 33.333%;
  padding: 0 25px;
  margin-bottom: 50px;
}

.list-news__item:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 990px) {
  .list-news__item {
    width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .list-news__item {
    padding: 0 5px;
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 374px) {
  .list-news__item {
    width: 100%;
  }
}

.list-news a {
  display: block;
}

.list-news__img {
  position: relative;
  overflow: hidden;
}

.list-news__img:before {
  content: "";
  display: block;
  background: #cbcbcb;
  padding-bottom: calc(300 / 300 * 100%);
}

.list-news__img .thumbnail {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.list-news__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.list-news__content {
  position: relative;
  margin: -45px 25px 0;
  background: #ffffff;
  -webkit-box-shadow: 2.194px 2.046px 3px 0 rgba(4, 0, 0, 0.08);
  box-shadow: 2.194px 2.046px 3px 0 rgba(4, 0, 0, 0.08);
  padding: 16px 15px 8px;
}

@media screen and (max-width: 767px) {
  .list-news__content {
    margin: -28px 10px 0;
    padding: 12px 6px 13px;
  }
  
}

.list-news__ttl {
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  color: #006a78;
  margin-bottom: 9px;
}

@media screen and (max-width: 767px) {
  .list-news__ttl {
    margin-bottom: 5px;
  }
}

.list-news__txt {
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  color: #636363;
  line-height: 1.714;
}

@media screen and (max-width: 767px) {
  .list-news__txt {
    line-height: 1.8;
    margin-bottom: 7px;
  }
}

.list-news__more {
  color: #006a78;
  font-family: "Austin-Roman", serif;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: right;
  letter-spacing: 3px;
}

.list-news__more span {
  text-decoration: underline;
}

.list-paging {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 320px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .list-paging {
    width: 225px;
  }
}

.list-paging .item {
  width: 20%;
  padding: 0 7px;
}



@media screen and (max-width: 767px) {
  .list-paging .item {
    padding: 0 5px;
  }
}

.list-paging .page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #006a78;
  font-family: "Austin-Roman", serif;
  font-size: 20px;
  font-size: 2rem;
  color: #006a78;
  height: 50px;
}

@media screen and (max-width: 767px) {
  .list-paging .page {
    height: 35px;
    font-size: 15px;
    font-size: 1.5rem;
  }
}

.list-paging .active .page {
  background: #006a78;
  color: #ffffff;
}

.list-paging .dots {
  color: #006a78;
  border: 0;
  background: transparent;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo",
    "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-weight: bold;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
}

.sec-newsinfo {
  padding-bottom: 142px;
}

@media screen and (max-width: 767px) {
  .sec-newsinfo {
    padding-bottom: 50px;
  }
}

.newsinfo-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-shadow: 2.194px 2.046px 3px 0 rgba(4, 0, 0, 0.08);
  box-shadow: 2.194px 2.046px 3px 0 rgba(4, 0, 0, 0.08);
  margin-bottom: 94px;
}

.newsinfo-img {
  width: 45%;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 640px) {
  .newsinfo-img {
    width: 100%;
  }
}

.newsinfo-img:before {
  content: "";
  display: block;
  background: #cbcbcb;
  padding-bottom: calc(380 / 450 * 100%);
}

.newsinfo-img .thumbnail {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.newsinfo-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}

.newsinfo-content {
  width: 49.5%;
  padding: 40px 25px;
}



@media screen and (max-width: 990px) {
  .newsinfo-content {
    width: 54%;
    padding: 10px;
  }
}

@media screen and (max-width: 640px) {
  .newsinfo-content {
    width: 100%;
  }
}

.newsinfo-time {
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  color: #006a78;
  letter-spacing: 1.4px;
  margin-bottom: 18px;
}

.newsinfo-ttl {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  color: #006a78;
  line-height: 1.667;
  margin-bottom: 20px;
}

.newsinfo-txt {
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  color: #636363;
  line-height: 2.143;
}

.list-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 240px;
  margin: 0 auto 5px;
}

.list-info a {
  display: block;
  font-family: "Austin-Roman", serif;
  font-size: 20px;
  font-size: 2rem;
  color: #006a78;
  letter-spacing: 2px;
}

.page-faq_index .breadcrumb {
  padding: 13px 0 68px;
}

@media screen and (max-width: 767px) {
  .page-faq_index .breadcrumb {
    padding: 18px 0 39px;
  }
}

.sec-faq {
  padding-bottom: 106px;
}

@media screen and (max-width: 767px) {
  .sec-faq {
    padding-bottom: 42px;
  }
}

.list-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -17px 52px;
}

.list-category .item {
  width: 33.333%;
  padding: 0 17px;
  margin-bottom: 14px;
}

.list-category .item:last-child {
  margin-bottom: 0;
}



@media screen and (max-width: 640px) {
  .list-category .item {
    width: 50%;
  }

  
}

.list-category a {
  position: relative;
  display: block;
  border: 1px solid #006a78;
  text-align: center;
  color: #636363;
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 10px 45px 8px;
}

.list-category a:before {
  content: "";
  position: absolute;
  width: 9px;
  height: 9px;
  border-right: 1px solid #a7acb5;
  border-bottom: 1px solid #a7acb5;
  right: 29px;
  top: 48%;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.list-faq {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px;
}


@media screen and (max-width: 767px) {
  .list-faq {
    margin: 0;
  }
}

.list-faq__item {
  width: 50%;
  padding: 0 20px;
  margin-bottom: 46px;
}

@media screen and (max-width: 767px) {
  .list-faq__item {
    width: 100%;
    margin-bottom: 30px;
    padding: 0;
  }
}

.list-faq__item:last-child {
  margin-bottom: 0;
}

.list-faq__ttl {
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Noto Serif JP",
    "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho,
    "MotoyaLCedar", "Droid Sans Japanese", serif;
  font-weight: 600;
  color: #006a78;
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .list-faq__ttl {
    text-align: center;
  }
}

.list-faq__line {
  margin-bottom: 20px;
}

.list-faq__line.active .list-faq__tm {
  border-bottom: 1px solid transparent;
}

.list-faq__line.active .list-faq__tm:after {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media screen and (max-width: 767px) {
  .list-faq__line {
    margin-bottom: 18px;
  }
}

.list-faq__tm {
  position: relative;
  color: #636363;
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 10px 40px 10px 3px;
  letter-spacing: 1px;
  border-bottom: 1px solid #636363;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .list-faq__tm {
    padding: 10px 30px 25px 0;
  }
}

.list-faq__tm:before,
.list-faq__tm:after {
  content: "";
  position: absolute;
  background: #249f8d;
  width: 19px;
  height: 1px;
  right: 14px;
  top: 46.6%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .list-faq__tm:before,
  .list-faq__tm:after {
    width: 17px;
    right: 0;
    top: 37%;
  }
}

.list-faq__tm:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.list-faq__content {
  display: none;
  background: #dbe9eb;
  padding: 9px 29px 16px;
}

@media screen and (max-width: 767px) {
  .list-faq__content {
    padding: 5px 14px 8px;
    margin-top: -10px;
  }
}

.list-faq__txt {
  font-weight: 500;
  font-size: 14px;
  font-size: 1.4rem;
  color: #030303;
  line-height: 1.95;
}

@media screen and (max-width: 767px) {
  .list-faq__txt {
    line-height: 2.1;
  }
}

.list-faq__txt a {
  color: #006a78;
  text-decoration: underline;
}

.page-shopping_guide_index .breadcrumb {
  padding: 12px 0 35px;
}

@media screen and (max-width: 767px) {
  .page-shopping_guide_index .breadcrumb {
    padding: 19px 0 39px;
  }
}

@media screen and (max-width: 767px) {
  .page-shopping_guide_index .mv-product__ttl .en {
    line-height: 1.5;
  }
}

.sec-shopping {
  padding-bottom: 36px;
}

@media screen and (max-width: 767px) {
  .sec-shopping {
    padding-bottom: 14px;
  }
}

.list-shopping__item {
  margin-bottom: 43px;
}

.list-shopping__item.active {
  margin-bottom: 34px;
}

.list-shopping__item.active .list-shopping__ttl:after {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.list-shopping__ttl {
  position: relative;
  color: #006a78;
  border-bottom: 1px solid #006a78;
  margin-bottom: 10px;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .list-shopping__ttl {
    padding-bottom: 11px;
    margin-bottom: 9px;
  }
}

.list-shopping__ttl .en {
  font-family: "Austin-Roman", serif;
  font-size: 20px;
  font-size: 2rem;
  margin-right: 8px;
}

@media screen and (max-width: 767px) {
  .list-shopping__ttl .en {
    margin-right: 10px;
  }
}

.list-shopping__ttl .jp {
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 3px;
}

.list-shopping__ttl:before,
.list-shopping__ttl:after {
  content: "";
  position: absolute;
  background: #006a78;
  width: 15px;
  height: 1px;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .list-shopping__ttl:before,
  .list-shopping__ttl:after {
    right: 0;
    top: 37%;
  }
}

.list-shopping__ttl:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.list-shopping__content {
  display: none;
}

.list-shopping__txt {
  color: #636363;
  font-weight: 500;
  line-height: 2.143;
  font-size: 14px;
  font-size: 1.4rem;
}

.list-shopping__txt a {
  color: #249f8d;
  text-decoration: underline;
}

.list-shopping__txt.mb {
  margin-bottom: 10px;
}

.list-shopping__txt.mb-long {
  margin-bottom: 24px;
}

.list-shopping__txt.ttl {
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
  border-left: 3px solid #006a78;
  padding-left: 10px;
  line-height: 1.5;
  margin: 20px 0 15px;
}

.list-shopping__block {
  margin-bottom: 28px;
}

@media screen and (max-width: 767px) {
  .list-shopping__block {
    margin-bottom: 23px;
  }
}

.list-shopping__block:last-child {
  margin-bottom: 0;
}

.list-shopping__block img {
  margin: 14px 0 12px;
}

@media screen and (max-width: 767px) {
  .list-shopping__block img {
    margin: 7px 0 -2px;
    padding-right: 17px;
  }
}

.list-shopping__block .logo-paypay {
  margin: 3px 0 9px;
}

.list-shopping__block .paypay-sub {
  margin: 25px 0 20px;
}

.list-shopping__block .logo-amazon {
  margin: 21px 0 20px 23px;
}

.list-shopping__block .logo-rpay {
  margin: 4px 0 7px 13px;
}

.list-shopping__table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 6px 0 24px;
}

@media screen and (max-width: 767px) {
  .list-shopping__table {
    margin: 1px 0 22px;
  }
}

.list-shopping__table.mb-none {
  margin-bottom: 0;
}

.list-shopping__table li {
  padding-right: 68px;
}

@media screen and (max-width: 767px) {
  .list-shopping__table li {
    width: 100%;
    padding-right: 0;
    margin-bottom: 5px;
  }
}

.list-shopping__box {
  color: #636363;
  font-weight: 500;
  line-height: 2.143;
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #ddd;
  padding: 15px;
  margin: 20px 0 25px;
}

.sec-sitemap {
  padding: 25px 0 100px;
}

@media screen and (max-width: 767px) {
  .sec-sitemap {
    padding: 25px 0 60px;
  }
}

.sec-sitemap .box-sitemap .list-sitemap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 55px;
}

@media screen and (max-width: 767px) {
  .sec-sitemap .box-sitemap .list-sitemap {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 20px;
  }
}

.sec-sitemap .box-sitemap .list-sitemap .item {
  width: 33.33%;
  padding: 0 15px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .sec-sitemap .box-sitemap .list-sitemap .item {
    width: 50%;
  }
}

@media screen and (max-width: 640px) {
  .sec-sitemap .box-sitemap .list-sitemap .item {
    width: 100%;
    text-align: left;
  }
}

.sec-sitemap .box-sitemap .list-sitemap .item-ttl {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: 0.2em;
  color: #006a78;
  font-weight: 500;
  margin-bottom: 9px;
  display: inline-block;
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Noto Serif JP",
    "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho,
    "MotoyaLCedar", "Droid Sans Japanese", serif;
}

@media screen and (max-width: 767px) {
  .sec-sitemap .box-sitemap .list-sitemap .item-ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.sec-sitemap .box-sitemap .list-sitemap .item-wrap {
  margin-bottom: 65px;
}

@media screen and (max-width: 767px) {
  .sec-sitemap .box-sitemap .list-sitemap .item-wrap {
    margin-bottom: 30px;
  }
}

.sec-sitemap .box-sitemap .list-sitemap .item-wrap-left {
  display: inline-block;
  text-align: left;
}

.sec-sitemap .box-sitemap .list-sitemapsub .itemsub {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  color: #636363;
  letter-spacing: 0.2em;
  margin-bottom: 10px;
}

.sec-sitemap .box-sitemap .list-sitemapsub .itemsub:last-child {
  margin-bottom: 0;
}

.sec-sitemap .box-sitemap .list-sitemapsub .itemsub:before {
  content: "-";
}

/* common */
#contents {
  display: block;
  max-width: 1030px;
  padding: 0 15px 121px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  #contents {
    padding-bottom: 30px;
  }
}

#contents {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 70px;
}

#contents #sub-column {
  width: 25%;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

@media screen and (max-width: 767px) {
  #contents #sub-column {
    width: 100%;
  }
}

#contents #Detail,
#contents article {
  width: 71%;
}

@media screen and (max-width: 767px) {
  #contents #Detail,
  #contents article {
    width: 100%;
  }
}

.leftSearch {
  background: none !important;
  padding: 0 !important;
}

.leftSearch #searchbox_wrap {
  background: none !important;
  margin: 20px 0 0 !important;
}

.leftSearch #searchbox_wrap img {
  display: none;
}

.leftSearch #searchbox {
  position: relative;
}

.leftSearch #searchbox .searchbox {
  border: 1px solid #636363;
  border-radius: 0;
  padding: 10px 60px 10px 10px !important;
  color: #636363;
  font-size: 14px;
  font-size: 1.4rem;
  height: 34px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .leftSearch #searchbox .searchbox {
    height: 34px !important;
  }
}

.leftSearch #searchbox input.searchSubmit {
  background: #636363 url(../../../lp/bp2212/img/product_list/icon-search.png) no-repeat center;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 34px;
  width: 50px;
  border: 0;
  border-radius: 0;
  outline: none;
  top: 0;
  right: 0;
  cursor: pointer;
}

.leftSearch #searchbox input.searchSubmit #alttext-image {
  display: none;
}

#bread-crumb {
  position: absolute;
  top: 13px;
  left: 15px;
  padding: 0 !important;
}

.ui-front {
  z-index: 999999 !important;
}

#floating-menu {
  display: none;
}

/* detail */
#itemDetail-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 62px;
}

@media screen and (max-width: 767px) {
  #itemDetail-cont {
    margin-bottom: 25px;
  }
}

#itemDetail-cont .itemThumb-wrap {
  width: 50.7%;
  float: none;
  margin: 0;
}

@media screen and (max-width: 767px) {
  #itemDetail-cont .itemThumb-wrap {
    width: 100%;
  }
}

#itemDetail-cont .itemThumb-wrap .itemThumb-main {
  margin-bottom: 10px;
}

#itemDetail-cont .itemThumb-wrap .itemThumb-main img {
  width: 100%;
  margin: 0;
}

#itemDetail-cont .itemThumb-wrap .itemThumb ul li {
  display: block;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  #itemDetail-cont .itemThumb-wrap .itemThumb ul li {
    height: auto !important;
  }
}

#itemDetail-cont .itemThumb-wrap .itemThumb ul li::after {
  content: "";
  display: block;
  padding-top: 100%;
}

#itemDetail-cont .itemThumb-wrap .itemThumb ul li img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

#itemDetail-cont .itemOutline {
  float: none;
  width: 45.6%;
  padding-top: 26px;
}

@media screen and (max-width: 767px) {
  #itemDetail-cont .itemOutline {
    width: 100%;
  }
}

#itemDetail-cont .itemOutline h1 {
  font-weight: bold !important;
  line-height: 1.7 !important;
  color: #030303 !important;
  font-size: 20px !important;
  font-size: 2rem !important;
  margin: 0 0 14px 0 !important;
}

#itemDetail-cont .itemOutline table.price {
  width: 100%;
  line-height: 1.5;
}

#itemDetail-cont .itemOutline table.price th {
  display: none;
}

#itemDetail-cont .itemOutline table.price td {
  width: 100%;
  text-align: right;
  font-size: 24px;
  font-size: 2.4rem;
}

@media screen and (max-width: 767px) {
  #itemDetail-cont .itemOutline table.price td {
    color: #d21b1b;
  }
}

#itemDetail-cont .itemOutline table.price tr.rg_price td {
  font-size: 14px;
  font-size: 1.4rem;
}

#itemDetail-cont .itemOutline .limitTimesMessage {
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}

#itemDetail-cont .itemOutline table.spec {
  width: 100%;
}

#itemDetail-cont .itemOutline table.spec th {
  width: 60px;
}

#itemDetail-cont .itemOutline table.spec td,
#itemDetail-cont .itemOutline table.spec th {
  vertical-align: middle;
  font-weight: 500;
  color: #030303;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 0 30px;
}

#itemDetail-cont .itemOutline table.spec td input,
#itemDetail-cont .itemOutline table.spec th input {
  border: 1px solid #636363;
  height: 34px;
  width: 100px;
  padding: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #030303;
  margin-right: 13px;
}

#itemDetail-cont .itemOutline .cancel {
  font-size: 12px !important;
  font-size: 1.2rem !important;
  margin-top: 25px !important;
  background: none !important;
  padding: 0 !important;
  text-align: right;
}

#itemDetail-cont .itemOutline .cancel a {
  display: inline-block !important;
  background: url(../../../lp/bp2212/assets/img/product_toner/icon-revarce.png) no-repeat 0 center/16px 16px;
  padding-left: 25px !important;
}

.shopping_form {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* list */
#itemList_wrap #pager-top {
  display: none;
}

#itemList_wrap #pager-bm {
  border: none !important;
}

#itemList_wrap #pager-bm .quantity {
  font-size: 12px;
  font-size: 1.2rem;
}

#itemList {
  margin: 0 !important;
}

#itemList h1 {
  position: relative;
  padding-left: 14px;
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Noto Serif JP",
    "Sawarabi Mincho", "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho,
    "MotoyaLCedar", "Droid Sans Japanese", serif;
  font-weight: 600;
  font-size: 20px;
  font-size: 2rem;
  color: #006a78;
  margin-bottom: 41px;
  line-height: 1;
  letter-spacing: 4px;
}

@media screen and (max-width: 767px) {
  #itemList h1 {
    margin-bottom: 50px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #itemList h1 {
    padding-top: 3px;
  }
}

#itemList h1:after {
  content: "";
  position: absolute;
  background: #006a78;
  width: 4px;
  height: 20px;
  top: 0;
  left: 0;
}

#itemList .column-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  margin: 0 -13px;
}

@media screen and (max-width: 767px) {
  #itemList .column-set {
    margin: 0 -6px;
  }
}

#itemList .column-set .column4 {
  width: 33.3333%;
  margin: 0 0 42px !important;
  padding: 0 13px !important;
}

@media screen and (max-width: 767px) {
  #itemList .column-set .column4 {
    width: 50%;
    padding: 0 6px;
  }
}

#itemList .column-set .column4 .itemThumb-wrap {
  margin-bottom: 18px;
}

#itemList .column-set .column4 .itemThumb {
  display: block;
  margin-bottom: 0;
}

#itemList .column-set .column4 .item-list-span-img {
  display: block;
  position: relative;
  overflow: hidden;
}

#itemList .column-set .column4 .item-list-span-img::after {
  content: "";
  display: block;
  padding-top: 100%;
}

#itemList .column-set .column4 .item-list-span-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
}

#itemList .column-set .column4 h2 {
  font-weight: 500 !important;
  color: #030303;
  line-height: 1.625 !important;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 5px;
  height: auto !important;
}

#itemList .column-set .column4 p {
  display: none;
}

#itemList .column-set .column4 .price {
  display: block;
  text-align: right;
  font-weight: 500;
  font-size: 16px;
  font-size: 1.6rem;
}

#itemList .column-set .column4 .price span {
  color: #006a78 !important;
}

/* page */
#guide h1 {
  font-size: 26px;
  font-size: 2.6rem;
  color: #006a78;
  letter-spacing: 2px;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  #guide h1 {
    margin-bottom: 35px;
    font-size: 22px;
    font-size: 2.2rem;
  }
}

#guide p {
  font-size: 14px !important;
  font-size: 1.4rem !important;
  line-height: 1.6;
}

#guide .chart .ttlShop {
  border-bottom: 1px solid #636363 !important;
  padding-bottom: 10px !important;
  margin: 0 0 30px !important;
  font-size: 18px !important;
  font-size: 1.8rem !important;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  #guide .chart .ttlShop {
    font-size: 16px !important;
    font-size: 1.6rem !important;
  }
}

#guide table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  #guide table {
    border-top: none !important;
  }
}

#guide table th,
#guide table td {
  line-height: 1.6;
  font-size: 14px !important;
  font-size: 1.4rem !important;
}

@media screen and (max-width: 767px) {
  #guide table th,
  #guide table td {
    display: block;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

#guide table th {
  width: 250px !important;
  background: #dbe9eb !important;
}

@media screen and (max-width: 767px) {
  #guide table th {
    width: 100% !important;
  }
  

  
}

#guide table td {
  width: auto !important;
  height: 53px;
}

/* mypage */
#center-seo h3.title1,
#center3 h3.title1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #dbe9eb !important;
  color: #006a78 !important;
  height: 50px;
  letter-spacing: 3px;
  font-family: YuMincho, "游明朝", "游明朝体", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Sawarabi Mincho",
    "Yu Mincho", "ＭＳ 明朝", "MS Mincho", "HiraMinProN-W3", "TakaoEx明朝", TakaoExMincho, "MotoyaLCedar",
    "Droid Sans Japanese", serif !important;
  font-weight: 500;
  font-size: 16px !important;
  font-size: 1.6rem !important;
}

#center-seo input[type="submit"]:hover,
#center-seo input[type="button"]:hover,
#center3 input[type="submit"]:hover,
#center3 input[type="button"]:hover,
#contact #center1 .centerbox .mainCont input[type="button"]:hover,
#contact #center1 .centerbox .mainCont input[type="submit"]:hover {
  background: #636363 !important;
}

#center3 input[type="text"],
#center3 input[type="password"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#center3 .layoutp3 table {
  width: 100%;
}

#formArea {
  width: 100% !important;
  font-size: 14px;
  font-size: 1.4rem;
}
.mar_t_220 {
  margin-top:220px;
}

.mar_t_150 {
  margin-top:150px;
}

.mar_b_30 {
  margin-bottom:30px;
}
.mar_t_b_30 {
  margin:30px 0;
}

.btn_buy{
  margin:20px 20px 20px 20px;
}

.btn_buy p{
  font-size:13px;
  margin-bottom:-10px;
}

.t_center{
   text-align:center;
}

.recomend{
  margin: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.item{
width: 32%;
}

/* 特商法ページこれ追加してください */
@media screen and (max-width: 767px) {
  #shopGuide_wrap section #guide table td {
    height: auto;
  }
}


/*クーポンコード（PC)*/
.couponchord{
  position: relative;
  }

.couponchord p {
  position: absolute;
  color: #00adbb;
  font-weight:bold;
  font-size:2.2vw;
  left: 65%;
  top: 50%;
  }

.couponchord img {
  width: 100%;
}


@media screen and (max-width:834px) {
 
/*クーポンコード（SP）*/
.couponchord{
  position: relative;
}

.couponchord p {
  position: absolute;
  color: #00adbb;
  font-weight:bold;
  font-size:4.5vw;
  left: 65%;
  top: 50%;
  }

.couponchord img {
  width: 100%;
}

}

.ecbn-selection-wrapper .ecbn-selection-title img, .ecbn-selection-page-wrapper .ecbn-selection-title img{
  position: relative;
  top: 28px;
  left: 10%;
}
.ecbn-selection-wrapper .ecbn-selection-description, .ecbn-selection-page-wrapper .ecbn-selection-description{
  font-size: 14px!important;
  width: 90%;
  margin: auto;
}
.vsm-gallery, .vsm-tile, .vsm-tile-goods{
  margin: -20px auto 0;
}


.instabg_01{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    padding:50px 30px;
    background-color:#b1e6ea;
}

.instabg_01 img{
    width: 500px;
    padding:3px;
    background-color:#FFFFFF;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
    border-radius: 5px;
}

.instabg_01 video{
    width: 500px;
    padding:3px;
    background-color:#FFFFFF;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
    border-radius: 5px;
}


.instabg_02{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    padding:50px 30px;
   background-color:#d9f1f3;
}

.instabg_02 video{
    text-align:center;
    width: 70%;
    margin-left:15%;
    padding:3px;
    background-color:#ffffff;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
    border-radius: 5px;
}

@media screen and (max-width:720px) {
 
	/*　画面サイズが720px以下の場合ここの記述が適用される　*/
	
.instabg_02 video{
    text-align:center;
    width: 95%;
    margin-left:5%;
    padding:3px;
    background-color:#ffffff;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
    border-radius: 5px;
}
 
}


 /* .btnlink */
.btnlink a {
    background: #eee;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 280px;
    padding: 20px 0;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    font-size:14px;
}
.btnlink a:before {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: -2em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 2px;
    background-color: #b1e6ea;
    transition: 0.3s;
}
.btnlink a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -2em;
    transform: translateY(-50%);
    width: 40px;
    height: 2px;
    background-color: #b1e6ea;
    transition: 0.3s;
}
.btnlink a:hover:before, .btnlink a:hover:after {
    right: -2.5em;
}
.btnlink6 a:hover {
    background: #edf6ff;
    color: #6bb6ff;
}








.introductory_text {
    text-align: center;
    margin:10px 0 20px 0;
    padding: 15px 0;
    font-size: 20px;
    font-weight: 600;
    color:#343434;
}

.category_tit{
   margin: 0 0 10px 0;
   padding:20px 0 10px 0;
   border-bottom: 1px solid #3C6A64;
}

.category_menu{
   width:100%;
   padding:0 20px ;
}

.category_menu ul{
	display: flex; /* flexbox */
	flex-wrap: wrap; /* 折返し指定 */
	justify-content: left;
    margin:0 0 50px 0;
}

.category_menu li{
    width: calc(33.3% - 22px);
    margin:10px 5px 10px 15px;

}

@media screen and (max-width:767px) {
.introductory_text {
    text-align: center;
    margin:10px 0 20px 0;
    padding: 15px 0;
    font-size: 16px;
    font-weight: 600;
}
.category_tit{
   margin: 0 0 10px 0;
   padding:10px 0 10px 10px;
}

.category_menu{
   width:100%;
   margin:0 0 20px 0;
   padding:0 5px;
}

.category_menu ul{
    margin:0;
}

.category_menu li{
    width: calc(50% - 10px);
    margin:5px;
    padding:0px;
}
}

/*====================================================================
注目成分・植物から探す
====================================================================*/
.seibun_list{
   width:100%;
   padding:0 20px 50px 20px;
}
.seibun_list ul{
	display: flex; /* flexbox */
	flex-wrap: wrap; /* 折返し指定 */
	justify-content: left;
    margin:0 0 50px 0;
}

.seibun_list li{
    width: calc(100%/3 - 2%);
    margin: 10px 1%;
    border: 1px solid #5d5d5c;
    color:#5d5d5c;
}

.seibun_list a { 
display: block;
}


.seibun_list a:hover { 
     opacity: 0.8; 
 }

.seibun_photo{
}

.seibun_tit .left, .right {
  font-weight:bold;
  margin:0 0 10px 0;
  display: inline-block;
}

.seibun_tit .right {
  font-size:18px;
  font-weight:bold;
  margin:-6px -5px 0 0;
}

.seibun_tit {
  font-weight:bold;
  display: flex;
  justify-content: space-between;
}

.seibun_arrow{
  font-weight:bold;
}

.seibun_txt{
  padding:10px 20px 15px 20px;
  font-size:14px;
}

@media screen and (max-width:767px) {
.seibun_list{
   width:100%;
   padding:0 0 50px 0;
}

.seibun_list li{
    width: calc(100%/2 - 4.5%);
    margin: 10px 3%;
    padding:0px;
}
.seibun_list li:nth-child(2) {
    margin-left: 0;
}
.seibun_list li:nth-child(4) {
    margin-left: 0;
}
.seibun_list li:nth-child(6) {
    margin-left: 0;
}
.seibun_txt{
  padding:10px 7px 15px 10px;
  font-size:14px;
}
.seibun_tit .right {
  font-size:18px;
  font-weight:bold;
  margin:-5px -2px 0 0;
}

}

/*====================================================================
ギフトラッピングバナー
====================================================================*/
.bnr_gift{
  margin:20px 0;
}

@media screen and (max-width:767px) {
.bnr_gift{
  margin:20px 10px;
}
}



/*====================================================================
slick
====================================================================*/

html, body {
  margin: 0;
  padding: 0;
}
* {
  box-sizing: border-box;
}
.sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25px;
}
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0 5px;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}

/*====================================================================
ページトップ
====================================================================*/
#page_top{
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 50px;
  right: 40px;
  background: #555;
  opacity: 0.6;
  border-radius: 50%;
  z-index:1000;
}
#page_top a{
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 20px;
  color: #fff;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  bottom:7px;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

@media screen and (max-width:834px) {
#page_top{
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 10px;
  right: 10px  ;
  background: #555;
  opacity: 0.6;
  z-index:1000;
}
}




/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
   border-top: 2px solid #fff;
}

/*左側メニューを緑色に*/
#sp-fixed-menu li:first-child{
   background: #055a43;
}

/*左側メニューをピンク色に*/
#sp-fixed-menu li:last-child{
   background: #ea3de6;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:15px;
}

/*PCの場合にはメニューを表示させない*/
@media (min-width: 768px) {
   .for-sp{
      display:none;
    }
}