ul,li{
	list-style:none;
}
.contain{
	width:1200px;
	margin: auto;
}
.mv-sp{
	display: none;
}
.pc-only{
	display: block;
}
.sp-only{
	display: none;
}
.fadein-late,
.fadein {
	opacity : 0;
	transform : translate(0, 10px);
	transition : all 1500ms;
}
.fadein-late.scrollin,
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}	

/*.products-page*/
.products-page a:hover{
  opacity: 0.7;
}
.products-page .story .txt {
  width: 976px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
}
.products-page .story .txt p {
  margin-bottom: 2em;
}
.products-page .story .txt p span {
  font-size: 0.7em;
}
#products01.products-page .story .block_read{
  background:url(../img/products01/read_bg.png) no-repeat;
	text-align: left;
  box-sizing: border-box;
}
#products02.products-page .story .block_read{
  background:url(../img/products02/read_bg.png) no-repeat;
	text-align: left;
  box-sizing: border-box;
}
#products03.products-page .story .block_read{
  background:url(../img/products03/read_bg.png) no-repeat;
	text-align: left;
  box-sizing: border-box;
}
.products-page .story .block_read .txt{
  padding-top: 1em;
}
#products01.products-page .story .block_story_01{
  background:url(../img/products01/pic01.png) no-repeat;
	text-align: left;
  box-sizing: border-box;
  margin-top: 100px;
}
#products02.products-page .story .block_story_01{
  background:url(../img/products02/pic01.png) no-repeat;
	text-align: left;
  box-sizing: border-box;
  margin-top: 100px;
}
#products03.products-page .story .block_story_01{
  background:url(../img/products03/pic01.png) no-repeat;
	text-align: left;
  box-sizing: border-box;
  margin-top: 100px;
}
.products-page .story .block_story_01 .txt{
  padding-left: 570px;
  padding-top: 130px;
}
#products02.products-page .story .block_story_01 .txt{
  padding-left: 390px;
  padding-top: 130px;
}
#products03.products-page .story .block_story_01 .txt{
  padding-left: 440px;
  padding-top: 130px;
  width: 620px;
}
#products02.products-page .story .block_story_01 .img {
  text-align: right;
}
#products01.products-page .story .block_story_02{
  background:url(../img/products01/pic02.png) no-repeat;
	text-align: left;
  box-sizing: border-box;
  margin-top: 100px;
}
#products02.products-page .story .block_story_02{
  background:url(../img/products02/pic02.png) no-repeat;
	text-align: left;
  box-sizing: border-box;
  margin-top: 100px;
}
#products03.products-page .story .block_story_02{
  background:url(../img/products03/pic02.png) no-repeat;
	text-align: left;
  box-sizing: border-box;
  margin-top: 100px;
}
.products-page .story .block_story_02 .txt {
  padding-top: 130px;
}
#products01.products-page .story .block_story_03{
  background:url(../img/products01/pic03.png) no-repeat;
	text-align: left;
  box-sizing: border-box;
  margin-top: 100px;
}
#products02.products-page .story .block_story_03{
  background:url(../img/products02/pic03.png) no-repeat;
	text-align: left;
  box-sizing: border-box;
  margin-top: 100px;
}
#products03.products-page .story .block_story_03{
  background:url(../img/products03/pic03.png) no-repeat;
	text-align: left;
  box-sizing: border-box;
  margin-top: 100px;
}
#products02.products-page .story .block_story_03 .img {
  text-align: center;
}
#products02.products-page .story .block_story_03 .img img {
  display: inline-block;
  width: 976px;
}
.products-page .story .block_story_03 .txt {
  padding-top: 130px;
  padding-left: 400px;
  padding-bottom: 30px;
  width: 580px;
}
#products02.products-page .story .block_story_03 .txt {
    padding-top: 130px;
    padding-left: 280px;
    padding-bottom: 30px;
    width: 710px;
}
#products01.products-page .story .block_story_04{
  background:url(../img/products01/pic04.png) no-repeat;
	text-align: left;
  box-sizing: border-box;
  margin-top: 100px;
}
#products02.products-page .story .block_story_04{
  background:url(../img/products02/pic04.png) no-repeat;
	text-align: left;
  box-sizing: border-box;
  margin-top: 100px;
}
#products03.products-page .story .block_story_04{
  background:url(../img/products03/pic04.png) no-repeat;
	text-align: left;
  box-sizing: border-box;
  margin-top: 100px;
}
.products-page .story .block_story_04 .txt {
  padding-top: 130px;
  padding-bottom: 50px;
}
.products-page .story .block_story_04 .img img {
  margin: 0 auto;
  display: block;
}

.products-page .story .btn_story {
  margin: 70px auto;
  text-align: center;
}

.products-page .voice ul.txt_voice {
  background: #e3eaf2;
	background: linear-gradient(180deg, #e3eaf2, #eff3f7);
  padding: 0 112px 50px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.products-page .voice ul.txt_voice li {
  width: 32%;
  background-color: #fff;
  padding: 2em;
  box-sizing: border-box;
  margin-bottom: 15px;
}
.products-page .voice ul.txt_voice li p {
  font-weight: bold;
  line-height: 1.5;
  font-size: 20px;
}
.products-page .voice ul.txt_voice li p:before{
  content: "“";
  color: #0049a2;
  font-size: 28px;
}
.products-page .voice ul.txt_voice li p:after{
  content: "” ";
  color: #0049a2;
  font-size: 28px;
}
.products-page .products_links ul{
  margin: 80px auto;
  text-align: center;
}
.products-page .products_links ul li {
  margin: 10px auto;
  display: inline-block;
}
.products-page .lineup {
  padding-bottom: 100px;
}
.products-page .lineup ul {
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap;
  justify-content: space-evenly;
  width: 976px;
}
.products-page .lineup ul li {
  margin: 30px 0;
}


@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
  .pc-only{
    display: none;
  }
  .sp-only{
    display: block;
  }	
  .contain {
      width: auto;
  }
  .container{
    width: 95%;
    margin:auto;
  }
  
  /*.products-page*/
  .products-page .story .txt {
    width: 100%;
  }
  .products-page .story .txt p {
    padding: 0 20px;
    font-size: 14px;
  }
  .products-page .story .txt img {
    margin-bottom: 20px;
  }
  .products-page .story .block_read{
    background: none;
    height: auto;
    margin-bottom: 70px;
  }
  #products01.products-page .story .block_story_01,
  #products01.products-page .story .block_story_02,
  #products01.products-page .story .block_story_03,
  #products01.products-page .story .block_story_04{
    background: none;
    margin: 0 auto;
    height: auto;
  }
  #products02.products-page .story .block_story_01,
  #products02.products-page .story .block_story_02,
  #products02.products-page .story .block_story_03,
  #products02.products-page .story .block_story_04{
    background: none;
    margin: 0 auto;
    height: auto;
  }
  #products03.products-page .story .block_story_01,
  #products03.products-page .story .block_story_02,
  #products03.products-page .story .block_story_03,
  #products03.products-page .story .block_story_04{
    background: none;
    margin: 0 auto;
    height: auto;
  }
  .products-page .story .block_story_01 .txt {
    padding: unset;
  }
  #products02.products-page .story .block_story_01 .txt{
    padding: unset;
  }
  #products03.products-page .story .block_story_01 .txt{
    padding: unset;
    width: 100%;
  }
  .products-page .story .block_story_02 .txt,
  .products-page .story .block_story_04 .txt{
    padding-top: 70px;
  }
  .products-page .story .block_story_03 .txt {
    padding-top: 70px;
    padding-left: unset;
    width: 100%;
  }
  #products02.products-page .story .block_story_03 .txt{
    padding: unset;
    width: 100%;
  }
  #products02.products-page .story .block_story_03 .img{
    padding: unset;
    width: 100%;
  }
  .products-page .story .btn_story img {
    width: 90%;
  }
  .products-page .voice ul.txt_voice{
    padding: 0 20px 50px;
  }
  .products-page .voice ul.txt_voice li {
    width: 100%;
    padding: 1em;
  }
  .products-page .voice ul.txt_voice li p {
    line-height: 1.5;
    font-size: 14px;
  }
  .products-page .voice ul.txt_voice li p:before {
    font-size: 18px;
  }
  .products-page .voice ul.txt_voice li p:after {
    font-size: 18px;
  }
  .products-page .products_links ul {
    box-sizing: border-box;
    padding: 0 10px;
  }
  .products-page .lineup ul {
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
  }

}