@charset "utf-8";
/* CSS Document */

/* Swiper共通 */
.swiper-container {
  position: relative;
  overflow: hidden;
  background:url(../img/index/loader_icon.gif) no-repeat center 20%;
  background-color: #fff;
}
.slider_sp {
  display: none;
}
.swiper-slide {
  text-align: center;
  background: #fff;
  position: relative;
}
.swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}
.slide-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slide-text span {
  color: #FFF;
  font-size: 3.6rem;
  font-family: 'Noto Serif JP', serif;
  text-align: left;
  display: inline-block;
  padding: 0 0 0 2em;
  text-shadow: 1px 4px 1px #000000;
  font-weight: bold;
}

/* レスポンシブ調整（必要に応じて） */
@media (max-width: 767px) {
  .slider_pc { display: none; }
  .slider_sp { display: block; }
  .slide-text span {
    font-size: 2rem;
    padding: 0 0 0 1em;
  }
}


main {
	padding:0 0 150px;
}
main .h2_box {
	background:url(../img/index/section_bg.png) repeat;
}
main .h2_box .h2_box_in {
	width:1000px;
	margin:auto;
	padding:60px 0;
}
main .h2_box .h2_box_in h2 {
	font-family: 'Noto Serif JP', serif;
	font-size:3.8rem;
	text-align:center;
	font-weight:normal;
	margin:0 0 40px;
	letter-spacing:0.02em;
}
main .h2_box .h2_box_in h2 span {
	font-size:78.9%;/*30px*/
}
main .h2_box .h2_box_in .left {
	width:calc(100% - 380px);
	font-size:107.1%;/*15px*/
}
main .h2_box .h2_box_in .left p.link_btn {
	margin:40px 0 0;
}
main .h2_box .h2_box_in .left p.link_btn a {
	border:3px solid #707070;
	padding:5px 40px;
	background:url(../img/index/more_arrow.png) no-repeat right 15px center;
	background-size:9px;
	color: #303030;
}
main .h2_box .h2_box_in .right {
	width:380px;
	text-align:right;
}
/*main .akaushi_link {
	background:url(../img/index/akaushi_bg.jpg) no-repeat center;
	background-size: 100%;
	text-align:center;
	height:475px;
	display:block;
	padding:50px 0 0;
	transition-duration: 0.3s;
}
main .akaushi_link h3 img {
	transition-duration: 0.3s;
}
main .akaushi_link:hover h3 img {
	transition-duration: 0.3s;
	opacity:0.8;
}
main .akaushi_link h3 span {
	display:none;
}*/
main .factory_link {
	background:url(../img/index/main-factory_bg.jpg) no-repeat center;
	height:475px;
	padding:160px 0 0;
	display:block;
}
main .factory_link h3 {
	display:block;
	width:485px;
	height:180px;
	background:rgba(0,0,0,0.5);
	margin:auto auto auto;
	color:#ffffff;
	font-size:200%;/*30px*/
	font-weight:100;
	text-align:center;
	line-height:1.4;
	padding:50px 0 0;
	transition-duration: 0.3s;
}
main .factory_link h3 span {
	display:block;
	font-size:60%;/*18px*/
}
main .factory_link:hover h3 {
	background:rgba(0,0,0,0.8);
	transition-duration: 0.3s;
}
main .quality_link {
	background:url(../img/index/quality_bg.jpg) no-repeat center;
	height:475px;
	padding:160px 0 0;
	display:block;
}
main .quality_link h3 {
	display:block;
	width:485px;
	height:180px;
	background:rgba(0,0,0,0.5);
	margin:auto auto auto;
	color:#ffffff;
	font-size:200%;/*30px*/
	font-weight:100;
	text-align:center;
	line-height:1.4;
	padding:50px 0 0;
	transition-duration: 0.3s;
}
main .quality_link h3 span {
	display:block;
	font-size:60%;/*18px*/
}
main .quality_link:hover h3 {
	background:rgba(0,0,0,0.8);
	transition-duration: 0.3s;
}
main #info {
	width: 100%;
	max-width: 1020px;
	margin: 130px auto 0;
}
main #info h3 {
	font-size:228.5%;/*32px*/
	text-align:center;
	font-weight:normal;
	padding:0 0 40px;
}
main #info h3 img {
	margin:0 10px 0 0;
	width: 48px;
}

main #info iframe {
	border: none;
	width: 100%;
	height: 100%;
}
main #info ul li {
	padding:0 15px 15px;
	margin:0 0 15px;
	font-size:114.2%;/*16px*/
	border-bottom:1px dotted #9c9c9c;
}
main #info ul li .date {
	display:inline-block;
	width:130px;
	vertical-align:top;
  font-weight: bold;
  margin: 0 15px 0 0;
}

main #info ul li .article {
	display:inline-block;
	width:calc(100% - 150px);
}
main #info .more_btn {
	text-align:center;
	margin:50px 0 0;
}
main #info .more_btn a {
	display:inline-block;
	background:#1b1b1b url(../img/index/more_arrow.png) no-repeat right 15px center;
	background-size:8px;
	color:#FFF;
	font-size:114.2%;/*16px*/
	padding:10px 50px;
	transition-duration: 0.3s;
}
main #info .more_btn a:hover {
	transition-duration: 0.3s;
	background:#3c3c3c url(../img/index/more_arrow.png) no-repeat right 15px center;
	background-size:8px;
}


@media screen and (min-width: 0px) and (max-width: 1670px) {
.bx-viewport ul li p span {
	padding:20% 0 0;
}
}
@media screen and (min-width: 0px) and (max-width: 1045px) {
.slider_pc {
	display:none;
}
.slider_sp {
	display:block;
}
main .h2_box .h2_box_in h2 {
	font-size:214.2%;/*30px*/
	margin:0 0 40px;
}
main .h2_box .h2_box_in {
	padding:40px 15px 60px;
	width:100%;
}
main #info {
	width:100%;
	padding:0 20px;
	margin:50px auto 0;
}
}
@media screen and (min-width: 0px) and (max-width: 815px) {
main .h2_box .h2_box_in h2 {
	font-size:171.4%;/*24px*/
	margin:0 0 40px;
}
}
@media screen and (min-width: 0px) and (max-width: 770px) {
main .h2_box .h2_box_in .left {
	width:100%;
	float:none;
	margin:0 0 50px;
}
main .h2_box .h2_box_in .left p.link_btn {
	text-align:center;
}
main .h2_box .h2_box_in .right {
	width:100%;
	float:none;
	text-align:center;
}
main .factory_link {
	height:200px;
	background:url(../img/index/main-factory_bg.jpg) no-repeat center;
	background-size:1200px;
	padding:25px 0 0;
	font-size:120%;/*18px*/
}
main .factory_link h3 {
	width:80%;
	height:150px;
	font-size:160%;/*24px*/

}
main .factory_link h3 img {
	display:none;
}
main .factory_link h3 span {
	width:80%;
	display:block;
/*	background:rgba(91,28,24,0.5);*/
	margin:auto auto auto;
	color:#ffffff;
	height:150px;
	font-weight:100;
	text-align:center;
	line-height:1.4;
/*	padding:50px 0 0;*/
	padding:0;
	transition-duration: 0.3s;
}
/*main .factory_link:hover h3 span {
	background:rgba(91,28,24,0.8);
	transition-duration: 0.3s;
}*/
main .quality_link {
	height:200px;
	background-size:1000px;
	padding:25px 0 0;
}
main .quality_link h3 {
	width:80%;
	height:150px;
	font-size:160%;/*24px*/
}
main #info h3 {
	font-size:186.6%;/*28px*/
	padding:0 0 50px;
}
main #info h3 img {
	width: 40px;
}
}
@media screen and (min-width: 0px) and (max-width: 655px) {
main .h2_box .h2_box_in h2 {
	font-size:142.8%;/*20px*/
	margin:0 0 40px;
}
}
@media screen and (min-width: 0px) and (max-width: 540px) {
main #info iframe {
	height: 240px;
}
}
@media screen and (min-width: 0px) and (max-width: 500px) {
main #info ul li .date {
	width:100%;
	display:block;
}
main #info ul li .article {
	width:100%;
	display:block;
}
}
@media screen and (min-width: 0px) and (max-width: 420px) {
main .factory_link h3 {
	width: 90%;
	font-size: 85.7%;/* 16px*/
}
main .factory_link h3 span {
	width: 90%;
	font-size: 85.7%;/* 16px*/
}
main .quality_link h3 {
	width: 90%;
	font-size: 100%;
}
}
@media screen and (min-width: 0px) and (max-width: 350px) {
main #info {
	margin:30px auto 0;
}
main #info h3 {
	font-size:142.8%;/*20px*/
	padding:0 0 30px;
}
main #info h3 img {
	width: 32px;
}
}