@charset "UTF-8";

/* common
---------------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body{
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  font-size: 3.71vw;
  line-height: 1.75;
  -webkit-text-size-adjust: none;
}

.mincyo {
  font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", serif;
}

a {
  text-decoration: none;
  overflow: hidden;
  outline: none;
  transition: all  0.3s ease;
}

a:hover {
  text-decoration: none;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

picture {
  display: block;
}

.sp-wrap {
  margin-left: 7.14vw !important;
  margin-right: 7.14vw !important;
}

.pc {
  display: none;
}

.sp {
  display: block;
}

.mb {
  margin-bottom: 6.42vw;
}

.sec-title {
  font-size: 6.42vw;
  text-align: center;
  margin-bottom: 7.85vw;
  color: #414141;
}

.sec-bg {
  background: #f7f7f7;
}

.breadcrumb {
  display: flex;
  font-size: 2.85vw;
  margin: 0 0 2.85vw 0;
}

.breadcrumb li:not(:last-child)::after {
  content: '＞';
}

.breadcrumb a {
  color: #D75D34;
}

/* header
---------------------------------------------------- */
.header {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 19.28vw;
  border-bottom: 0.71vw solid #ffb3b5;
  background: #fff;
}

.header h1 {
  width: 34vw;
  line-height: 18.57vw;
  margin: 0 0 0 7.14vw;
}

.header h1 img {
  vertical-align: middle;
}

.header h1 a {
  display: block;
}

/* global navi
---------------------------------------------------- */
#gnavi-open {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  width: 18.5vw;
  height: 18.5vw;
}

#gnavi-open img {
  vertical-align: top;
}

#gnavi-open .close{
	display: none;
}

#gnavi {
  position: fixed;
  z-index: 9999;
  top: 19.28vw;
  right: -100%;
  width: 100%;
  transition: .25s ease-in-out;
  -webkit-overflow-scrolling: touch;
  background: #FFEFF0;
  color: #fff;
  font-size: 3.28vw;
  padding: 10vw 5vw;
}
#login{
  margin-top: 10px;
}
#gnavi.active {
  right: 0;
}

#gnavi ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

/*
#gnavi li {
  width: 44vw;
}


#gnavi li:nth-child(-n+2) {
  margin-bottom: 4vw;
}
*/

#gnavi a {
  display: block;
  background: #fff;
  border: 1px solid #231815;
  border-radius: 0.85vw;
  line-height: 7vw;
  text-align: center;
  color: #414141;
  padding: 7px;
}

/* fv
---------------------------------------------------- */
.fv {
  margin: 19.28vw 0 0 0;
}

.fv ul {
  display: none;
}

.fv ul.slick-initialized {
  display: block;
}

/* news
---------------------------------------------------- */
.news {
  margin: 7.14vw 0 0 0;
}

.news h2 {
  text-align: center;
  font-size: 5.14vw;
  margin: 0 0 3.57vw 0;
}

.news ul {
  font-size: 3.57vw;
}

.news li {
  border-bottom: 1px solid #7f7f7f;
  padding: 2.5vw 0;
}

.news a {
  color: #000;
  text-decoration: underline;
}

.news .date {
  display: block;
  font-size: 3.28vw;
}

.news .link {
  display: none;
}

/* vision
---------------------------------------------------- */
.vision {
  padding: 21.42vw 0 57.14vw 0;
  background: url(../img/vision-bg.jpg) no-repeat 0 100%;
  background-size: 100% auto;
}

.vision h2 {
  width: 71.14vw;
  margin: 0 auto 9.28vw auto;
}

/* policy
---------------------------------------------------- */
.policy {
  padding: 18.57vw 0 0 0;
}

.policy .bg01 {
  padding: 64.28vw 0 0 0;
  background: url(../img/policy-bg01.jpg) no-repeat;
  background-size: 100% auto;
}

.policy .bg02 {
  padding: 0 0 34.28vw 0;
  background: url(../img/policy-bg02.jpg) no-repeat 0 100%;
  background-size: 100% auto;
}

/* thought
---------------------------------------------------- */
.thought {
  padding: 18.57vw 0 0 0;
}

.thought h3 {
  text-align: center;
  font-size: 5.71vw;
  margin: 9.28vw 0 6.42vw 0;
}

.thought h4 {
  text-align: center;
  font-size: 5.71vw;
  line-height: 1;
  margin: 0 0 5vw 0;
  padding: 0 0 5vw 0;
  border-bottom: 1px solid #000;
}

.thought h4 span {
  display: block;
  font-size: 10vw;
  margin: 0 0 5vw 0;
}

.thought li:not(:last-child) {
  margin-top: 7.14vw;
}

/* company
---------------------------------------------------- */
.company {
  padding: 18.57vw 0 0 0;
}

.company table {
  width: 100%;
  margin: 11.42vw 0 0 0;
}

.company th,
.company td {
  border-bottom: 1px solid #000;
  padding: 2.14vw;
}

.company th {
  text-align: left;
  padding-right: 1em;
  font-weight: normal;
}

/* cv
---------------------------------------------------- */
.cv {
  padding: 14.28vw 0 10vw 0;
}

.cv li:nth-child(1) {
  text-align: center;
  margin-bottom: 14.28vw;
}

.cv li:nth-child(1) img {
  width: 78.57vw;
}

/* footer
---------------------------------------------------- */
footer {
  padding: 8.57vw 0 25.71vw 0;
}


footer a {
  color: #414141;
}

footer p {
  text-align: center;
  font-size: 3.14vw;
}

@media screen and (max-width: 767px) {
     .footer ul {
         display: block;
         margin: 0 0 5vw 5vw;
     }
     .footer li {
         width: 100%;
         margin: 1vw auto;
         text-decoration: underline;
     }
 }

/* product
---------------------------------------------------- */
.product {
  margin: 19.28vw 0 0 0;
  padding: 2.85vw 0 8.57vw 0;
}

.product h2,
.product h3,
.product h4 {
  font-weight: normal;
}

.product .product-title {
  font-size: 5.42vw;
  line-height: 1.57;
  margin: 0 0 7.14vw;
}

.product .box {
  background: #fff;
  padding: 7.14vw 2.85vw
}

.product .mv h3 {
  font-size: 5.14vw;
  line-height: 1.52;
  margin: 0 0 5.71vw 0;
}

.product .mv .bg {
  width: 85.71vw;
  padding: 127.85vw 2.85vw 0 2.85vw;
  margin: 0 0 0 -2.85vw;
  background: url(../img/product/mv-img01.jpg) no-repeat 50% 10.71vw;
  background-size: 100% auto;
}

.product .mv .bg_sl {
  width: 85.71vw;
  padding: 127.85vw 2.85vw 0 2.85vw;
  margin: 0 0 0 -2.85vw;
  background: url(../img/sl/mv-img01.jpg) no-repeat 50% 10.71vw;
  background-size: 100% auto;
}

.product-cv {
  padding: 24.28vw 0 6.42vw 0;
  font-size: 3.42vw;
}

.product-cv h2 {
  font-size: 7vw;
  text-align: center;
}

.product-cv h3 {
  font-size: 4.66vw;
  margin: 5vw 0 0 0;
}

.product-cv h2 + p {
  font-size: 4.64vw;
  text-align: center;
  margin: 0 0 5vw 0;
}

.product-cv h2 + p span {
  font-size: 3.21vw;
}

.product-cv .price01,
.product-cv .price02 {
  line-height: 1.2;
}

.product-cv .price01 span {
  font-size: 4vw;
}

.product-cv .price02 span {
  font-size: 5.28vw;
  font-weight: bold;
}

.product-cv .icn {
  display: flex;
  margin: 1.42vw 0 0 0;
}

.product-cv .icn li {
  width: 26.42vw;
  line-height: 6vw;
  border: 1px solid #f27094;
  border-radius: 0.85vw;
  color: #f27094;
  text-align: center;
  font-size: 3.57vw;
  margin: 0 1.42vw 0 0;
}

.product-cv .icn li:nth-child(1) {
  background: #f27094;
  color: #fff;
}

.product-cv .btn-wrap {
  margin: 4.28vw 0 0 0;
}

.product-cv .btn-wrap img {
  width: 53vw;
}

.product-cv .btn-wrap input[type="submit"] {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 53vw;
  height: 18.71vw;
  background: url(../img/product/btn02.png) no-repeat;
  background-size: 100% auto;
  border: none;
  outline: none;
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
}

.product-cv .btn-wrap a {
  display: block;
  margin-left: 28vw;
}

.product-cv .btn-wrap form div {
  display: inline-block;
  width: 28vw;
}

.product-cv .notes {
  font-size: 3vw;
  margin: 7.14vw 0 0 0;
}

.product-cv .notes li {
  text-indent: -1em;
  padding: 0 0 0 1em;
}

.product .recommend .img01 {
  margin: 0 0 6.42vw 0;
}

.product .recommend ul {
  display: flex;
  flex-wrap: wrap;
  font-size: 3.71vw;
  line-height: 2.11;
}

.product .recommend li {
  width: 50%;
  padding: 0 0 0 4.57vw;
  background: url(../img/product/check.png) no-repeat 0 0.4em;
  background-size: 3.42vw auto;
}


/*---- sl-recommend ----*/
.product .sl-recommend .img01 {
  margin: 0 0 6.42vw 0;
}

.product .sl-recommend ul {
  display: flex;
  flex-wrap: wrap;
  font-size: 3.71vw;
  line-height: 2.11;
}

.product .sl-recommend li {
  width: 70%;
  padding: 0 0 0 4.57vw;
  background: url(../img/sl/check.png) no-repeat 0 0.4em;
  background-size: 3.42vw auto;
}
/*---- sl-recommend ----*/


.product .point li:nth-child(1) .img {
  margin: 0 0 6.42vw 0;
}

.product .point h3 {
  font-size: 5vw;
  line-height: 1.42;
  font-weight: normal;
  padding: 11.42vw 0 0 0;
  margin: 0 0 2.14vw 0;
}

.product .point li:nth-child(1) h3 {
  background: url(../img/product/point01.png) no-repeat;
  background-size: 24.71vw auto;
}

.product .point li:nth-child(2) .img {
  margin: 5.71vw 0 0 0;
}

.product .point li:nth-child(2) h3 {
  background: url(../img/product/point02.png) no-repeat;
  background-size: 24.71vw auto;
}

.product .point li:nth-child(3) .img {
  margin: 8.57vw 0 0 -5.28vw;
}

.product .point li:nth-child(3) h3 {
  background: url(../img/product/point03.png) no-repeat;
  background-size: 24.71vw auto;
}


/*---- sl-point ----*/
.product .sl-point li:nth-child(1) .img {
  margin: 6.5vw 0;
}

.product .sl-point h3 {
  font-size: 5vw;
  line-height: 1.42;
  font-weight: normal;
  padding: 11.42vw 0 0 0;
  margin: 0 0 2.14vw 0;
}

.product .sl-point li:nth-child(1) h3 {
  background: url(../img/sl/point01.png) no-repeat;
  background-size: 24.71vw auto;
}

.product .sl-point li:nth-child(2) .img {
  margin: 6.5vw 0;
}

.product .sl-point li:nth-child(2) h3 {
  background: url(../img/sl/point02.png) no-repeat;
  background-size: 24.71vw auto;
}

.product .sl-point li:nth-child(3) .img {
  margin: 6.5vw 0;
}

.product .sl-point li:nth-child(3) h3 {
  background: url(../img/sl/point03.png) no-repeat;
  background-size: 24.71vw auto;
}

.product .sl-point li:nth-child(4) .img {
  margin:6.5vw 0;
}

.product .sl-point li:nth-child(4) h3 {
  background: url(../img/sl/point04.png) no-repeat;
  background-size: 24.71vw auto;
}

.product .sl-point li:nth-child(5) .img {
  margin: 0;
}

.product .sl-point li:nth-child(5) h3 {
  background: url(../img/sl/point05.png) no-repeat;
  background-size: 24.71vw auto;
}
/*---- sl-point ----*/


.product .additive {
  margin: 9vw 0 0 0;
}

.product .additive .img01 {
  margin: 0 0 7.14vw 0;
}

.product .production-area .img01 {
  margin: 0 0 7.14vw 0;
}

/* news-article
---------------------------------------------------- */
.news-article {
  margin: 19.28vw 0 0 0;
  padding: 0 0 8.57vw 0;
}

.news-article .box {
  background: #fff;
  padding: 5vw 2.85vw;
}

.news-article .news-title {
  text-align: center;
  padding: 0 0 5vw 0;
  font-size: 4.28vw;
  font-weight: normal;
  position: relative;
}

.news-article .news-title::after {
  content: '';
  display: block;
  width: 19.28vw;
  height: 1px;
  background: #000;
  position: absolute;
  bottom: 3.57vw;
  left: 50%;
  margin: 0 0 0 -9.64vw;
}

.entry-date {
  text-align: center;
  font-size: 2.85vw;
  margin: 0 0 7.85vw 0;
}

.entry-title {
  font-size: 4.71vw;
  margin: 0 0 5.42vw 0;
  padding: 0 0 2.14vw 0;
  border-bottom: 1px solid #000;
  font-weight: normal;
}

.entry-thumb {
  margin: 0 0 7.14vw 0;
}


/*----- 20200206 -----*/

.product-cv .notes02 {
  display:block;
  float:right;
  padding:5px 10px;
}



/*******cs********/

.product .mv .bg_cs {
  width: 85.71vw;
  padding: 115vw 2.85vw 2vw 2.85vw;
  margin: 0 0 0 -2.85vw;
  background: url(../img/cs/mv-img01.jpg) no-repeat 50% 10.71vw;
  background-size: 100% auto;
}



.product .point h3 {
  font-size: 5vw;
  line-height: 1.42;
  font-weight: normal;
  padding: 11.42vw 0 0 0;
  margin: 0 0 2.14vw 0;
}

.product .point .point_cs01 h3 {
  background: url(../img/product/point01.png) no-repeat;
  background-size: 24.71vw auto;
}


.product .point .point_cs02 h3 {
  background: url(../img/product/point02.png) no-repeat;
  background-size: 24.71vw auto;
}


.product .point .point_cs03 h3 {
  background: url(../img/product/point03.png) no-repeat;
  background-size: 24.71vw auto;
}

.product .point .point_cs01 .img,
.product .point .point_cs02 .img,
.product .point .point_cs03 .img{
	margin:3vw 0 9vw 0;
}

.product .recommend .ul_cs {
  display: flex;
  flex-wrap: wrap;
  font-size: 3.71vw;
  line-height: 2.11;
}

.product .recommend .li_cs {
  width: 100%;
  padding: 0 0 0 4.57vw;
  margin-left: 2vw;
  background: url(../img/product/check.png) no-repeat 0 0.4em;
  background-size: 3.42vw auto;
}

.matome_cs {
	font-size: 5.42vw;
    line-height: 1.57;
    margin: 15vw 0 3vw;
	text-align: center;
}