/*
 Theme Name:   ユニトレンド
*/

@charset "utf-8";
@import url(//use.fontawesome.com/releases/v5.12.1/css/all.css);

/* ////////////////////////////////////////////
 *                 Reset
 * //////////////////////////////////////////// */

/* Reset
------------------------------------------*/
*{
	margin: 0;
	box-sizing: border-box;
}
a,
input{
	outline: none;
}
p{
	margin: 0;
}
p:empty{
	margin: 0!important;
}
ul, ol, dl{
	margin: 0;
	padding: 0;
}
dt, dd{
	margin: 0;
}
li{
	list-style: none;
}
img{
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
iframe{
	max-width: 100%;
}
em{
	font-style: italic;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
input{
	font-family: inherit;
}
select,
textarea,
[type="password"],
[type="email"],
[type="number"],
[type="text"]{
	padding: 12px;
	width: 100%;
	-webkit-appearance: none;
	border: #C3C3C3 1px solid;
	border-radius: 0;
	box-shadow: none;
}
button,
input[type="submit"] {
	-webkit-appearance: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	border-radius: 0;
}
.form-content textarea::placeholder ,
.form-content input::placeholder {
 	color: #727272;
 	font-size: 12px;
}

/* Typography
------------------------------------------*/
html[lang="ja"] body,
body{
	font-size: 16px;
	line-height: 1.8;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "Avenir", "Open Sans", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "Roboto", "Meiryo UI", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
}
a{
	color: #59C4A7;
	text-decoration: none;
	cursor: pointer;
    transition: all .3s;
}
a:hover,
a:focus{
	color: #59C4A7;
	text-decoration: none;
}
a:hover{
	opacity: 0.7;
}
.clearfix::after,
.clx::after {
    content: "";
    display: table;
    clear: both;
}
.flex{
	display: flex;
 	justify-content: space-between;
}
.flex-align{
	display: flex;
	justify-content: center;
	align-items: center;
}
.mt0{margin-top: 0px!important;}
.mt5{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}
.mt35{margin-top: 35px!important;}
.mt40{margin-top: 40px!important;}
.mt45{margin-top: 45px!important;}
.mt50{margin-top: 50px!important;}
.mt55{margin-top: 55px!important;}
.mt60{margin-top: 60px!important;}
.mt65{margin-top: 65px!important;}
.mt70{margin-top: 70px!important;}
.mt75{margin-top: 75px!important;}
.mt80{margin-top: 80px!important;}
.mt85{margin-top: 85px!important;}
.mt90{margin-top: 90px!important;}
.mt95{margin-top: 95px!important;}
.mt100{margin-top: 100px!important;}
.mb0{margin-bottom: 0px!important;}
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb25{margin-bottom: 25px!important;}
.mb30{margin-bottom: 30px!important;}
.mb35{margin-bottom: 35px!important;}
.mb40{margin-bottom: 40px!important;}
.mb45{margin-bottom: 45px!important;}
.mb50{margin-bottom: 50px!important;}
.mb55{margin-bottom: 55px!important;}
.mb60{margin-bottom: 60px!important;}
.mb65{margin-bottom: 65px!important;}
.mb70{margin-bottom: 70px!important;}
.mb75{margin-bottom: 75px!important;}
.mb80{margin-bottom: 80px!important;}
.mb85{margin-bottom: 85px!important;}
.mb90{margin-bottom: 90px!important;}
.mb95{margin-bottom: 95px!important;}
.mb100{margin-bottom: 100px!important;}
.mlr10{margin-left: 10px!important;margin-right: 10px!important;}
.mlr20{margin-left: 20px!important;margin-right: 20px!important;}
.mlr30{margin-left: 30px!important;margin-right: 30px!important;}
.mlr40{margin-left: 40px!important;margin-right: 40px!important;}
.mlr50{margin-left: 50px!important;margin-right: 50px!important;}
.mlr60{margin-left: 60px!important;margin-right: 60px!important;}
.mlr70{margin-left: 70px!important;margin-right: 70px!important;}
.mlr80{margin-left: 80px!important;margin-right: 80px!important;}
.mlr90{margin-left: 90px!important;margin-right: 90px!important;}
.mlr100{margin-left: 100px!important;margin-right: 100px!important;}
.r9{
	transform: rotate( 90deg );
}
.z18{
	transform: rotateY( 180deg );
}
.sp{
	display: none;
}
.left{
	float: left;
}
.right{
	float: right;
}
.inline{
	display: inline;
}
.inline-b{
	display: inline-block;
}
.center{
	text-align: center;
}
.t-left{
	text-align: left;
}
.t-right{
	text-align: right;
}
.wrapp{
}

@media screen and (max-width:767px) {
	.mb5{margin-bottom: 1vw!important;}
	.mb10{margin-bottom: 1.5vw!important;}
	.mb15{margin-bottom: 2vw!important;}
	.mb20{margin-bottom: 2.5vw!important;}
	.mb25{margin-bottom: 3vw!important;}
	.mb30{margin-bottom: 3.5vw!important;}
	.mb35{margin-bottom: 4vw!important;}
	.mb40{margin-bottom: 4.5vw!important;}
	.mb45{margin-bottom: 5vw!important;}
	.mb50{margin-bottom: 5.5vw!important;}
	.mb55{margin-bottom: 6vw!important;}
	.mb60{margin-bottom: 6.5vw!important;}
	.mb65{margin-bottom: 7vw!important;}
	.mb70{margin-bottom: 7.5vw!important;}
	.mb75{margin-bottom: 8vw!important;}
	.mb80{margin-bottom: 8.5vw!important;}
	.mb85{margin-bottom: 9vw!important;}
	.mb90{margin-bottom: 9.5vw!important;}
	.mb95{margin-bottom: 10vw!important;}
	.mb100{margin-bottom: 11vw!important;}
}

/* Layout
------------------------------------------*/
body{
	text-align: center;
	background: #fff;
}
#container{
	overflow: hidden;
}
#content{
	margin: 0 auto;
	padding: 0 0 100px 0;
	max-width: 980px;
}
.home #content{
	max-width: 1120px;
}
#primary{
	width: 100%;
	text-align: left;
}

@media screen and (max-width:980px) {
	#content{
		padding-left: 10px;
		padding-right: 10px;
	}
	.home #content{
		padding-left: 0;
		padding-right: 0;
	}
}

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

}

@media screen and (max-width:767px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	#content,
	.home #content{
		padding: 0 7% 15vw 7%;
	}
}


/* header
------------------------------------------*/
#header{
	margin-bottom: 55px;
}
.home #header{
	margin-bottom: 0;
}
#header-inner{
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	padding: 50px 0;
	max-width: 1120px;
}
#header .logo{
	width: 160px;
	line-height: 1;
}
#header .logo img{
	display: block;
}
#header .logo.fixed{
	display: none;
	position: fixed;
	top: 30px;
	left: 30px;
	width: 25px;
	z-index: 9999;
}
.gnav ul{
	font-size: 0;
}
.gnav li{
	display: inline-block;
	margin-left: 5px;
}
.gnav li a{
	display: block;
	padding: 10px 15px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	border-radius: 3px;
}
.gnav li.contact{
	margin-left: 15px;
}
.gnav li.contact a{
	color: #fff;
	background: #000;
}
#header .menu{
	display: none;
	position: fixed;
	top: 30px;
	right: 30px;
	cursor: pointer;
	z-index: 9999;
}
.fixed-contact{
	display: none;
	position: fixed;
	top: 30px;
	right: 80px;
	z-index: 9999;
}
.fixed-contact img{
	display: block;
}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 30px;
  height: 24px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #59C4A7;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 10px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
  transform: translateY(11px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  left: 50%;
  opacity: 0;
  animation: active-menu-bar02 .8s forwards;
}
@-webkit-keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
@keyframes active-menu-bar02 {
  100% {
    height: 0;
  }
}
.menu-trigger.active span:nth-of-type(3) {
  transform: translateY(-9px) rotate(45deg);
}
.overlay{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,1);
	z-index: 999;
}

@media screen and (max-width:1120px) {
	#header-inner{
		padding: 50px 10px;
	}
}

@media screen and (max-width:900px) {
	#header-inner{
		padding: 30px;
	}
	.fixed-contact,
	#header .menu{
		display: block;
	}
	#header .gnav{
		position: fixed;
		top: 50%;
		right: 0;
		padding-top: 0;
		width: 100%;
		opacity: 0;
    	transition: all 600ms cubic-bezier(0.060, 0.600, 0.220, 0.970);
    	transform: translateY(-50%);
    	z-index: -1;
	}
	#header .gnav.active{
		opacity: 1;
    	z-index: 9999;
	}
	.gnav li{
		display: block;
		margin-left: 0;
	}
	.gnav li a{
		padding: 15px 10px;
		font-size: 16px;
	}
	.gnav li.contact{
		margin-left: 0;
	}
	.gnav li.contact a{
		color: #000;
		background: none;
	}
}

/* main
------------------------------------------*/
.fade{
	opacity: 0;
    transform: translateY(10%);
    transition: all 1s;
}
.fade.on{
	opacity: 1;
    transform: translateY(0);
}
.top-slideshow{
	position: relative;
	margin-bottom: 10px;
	z-index: 9;
}
.top-slideshow .inr{
	position: relative;
	margin: 0 auto;
	padding-right: 15%;
	max-width: 1120px;
}
.top-slideshow .inr:before{
	content: '';
	position: absolute;
	left: 27.5%;
	bottom: -300px;
	width: 380px;
	height: 380px;
	background: #59C4A7;
	border-radius: 20px;
}
.top-slideshow .inr:after{
	content: '';
	position: absolute;
	left: 23%;
	bottom: -260px;
	width: 10000px;
	height: 370px;
	background: #FBFAF7;
	border-radius: 20px;
}
.top-slideshow .slick-slider{
	z-index: 9;
}
.top-slideshow .slick-list img{
	width: 100%;
	border-radius: 10px;
}
.top-slideshow .slick-dots{
	padding-top: 30px;
	text-align: left;
}
.top-slideshow .slick-dots li{
	display: inline-block;
	margin-right: 20px;
}
.top-slideshow .slick-dots button{
	position: relative;
	display: block;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	outline: 0;
	cursor: pointer;
	background: #E0E0E0;
	border: none;
	border-radius: 100%;
}
.top-slideshow .slick-active button{
	background: #59C4A7;
}
.top-slideshow .text{
	position: absolute;
	top: 120px;
	right: 3%;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 10px;
	text-align: right;
	text-shadow: 3px 3px 0px #fff;
	z-index: 99;
/*	-webkit-text-stroke: 2px #000;
	text-stroke: 2px #000;*/
	-webkit-text-stroke-width: 1px !important;
}
.top-slideshow .text .t1{
	color: #59C4A7;
	-webkit-text-stroke-color: #59C4A7;
	text-stroke-color: #59C4A7;
}
.top-slideshow .text .t2{
	color: #4EA1E4;
	-webkit-text-stroke-color: #4EA1E4;
	text-stroke-color: #4EA1E4;
}
.loop-text{
	position: absolute;
	left: 0;
	bottom: -35px;
	padding-top: 50px;
	padding-bottom: 200px;
	width: 100%;
	color: #fff;
	font-size: 60px;
	font-weight: bold;
	line-height: 1;
	background: #F5F5F5;
	z-index: -1;
	-webkit-text-stroke: 2px #fff;
	text-stroke: 2px #fff;
}
.top-news {
	position: relative;
	margin-bottom: 170px;
	padding-left: 28%;
	z-index: 99;
}
.top-news h2{
	margin-bottom: 30px;
	color: #333;
	font-size: 25px;
}
.top-news h2 span{
	display: block;
	color: #59C4A7;
	font-size: 13px;
}
.top-news .more{
	position: absolute;
	top: 9px;
	right: 0;
}
.top-news li{
	margin-bottom: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.1;
}
.top-news li a{
	color: #000;
	font-size: 13px;
}
.top-news li span{
	margin-right: 25px;
	font-size: 12px;
	font-weight: bold;
}
.top-products {
	position: relative;
	margin-bottom: 90px;
	padding: 0 6%;
	padding-bottom: 55px;
}
.top-products:before {
	content: '';
	position: absolute;
	top: -160px;
	left: calc(-5000px + 32%);
	width: 5000px;
	height: 340px;
	background: #4EA1E4;
	border-radius: 20px;
	z-index: -1;
}
.top-products:after {
	content: '';
	position: absolute;
	top: 185px;
	right: calc(-5000px + 32%);
	width: 5000px;
	height: 200px;
	background: #59C4A7;
	border-radius: 20px;
	z-index: -1;
}
.top-products h2{
	margin-bottom: 30px;
	color: #fff;
	font-size: 22px;
}
.top-products h2 span{
	display: block;
	font-size: 13px;
}
.top-products .inr{
	position: relative;
}
.top-products .inr:before{
	content: '';
	position: absolute;
	top: 200px;
	left: 12%;
	width: 5000px;
	height: calc(100% - 150px);
	background: #FBFAF7;
	border-radius: 20px;
}
.products-post ul{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	margin: 0!important;
	padding: 0!important;
}
.products-post ul:after{
	content: "";
	display: block;
	width: 31%;
	height: 0;
}
.products-post li{
	display: flex;
	flex-direction: column;
	position: relative;
	width: 31%;
}
.products-post li a{
	display: block;
}
.products-post li a:hover{
	opacity: 1;
}
.products-post .image{
	position: relative;
}
.products-post .image:before{
    content: '';
    display: block;
    padding-top: 100%;
}
.products-post .image img{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: #59C4A7 2px solid;
	border-radius: 20px;
}
.products-post .num{
	position: relative;
	margin-top: -25px;
	margin-bottom: 15px;
	padding-right: 35px;
	font-size: 53px;
	font-family: 'Advent Pro', sans-serif;
	text-align: right;
	line-height: 1;
	z-index: 9;
}
.products-post h3{
	display: inline-block;
	margin-bottom: 25px;
	padding-bottom: 10px;
	color: #59C4A7;
	font-size: 18px;
	line-height: 1.2;
	border-bottom: #59C4A7 2px solid;
}
.products-post h3 span{
	margin-right: 5px;
}
.products-post .text{
	margin-bottom: 25px;
	font-size: 14px;
}
/*.products-post .category{
	margin-top: auto;
}*/
.products-post .category span{
	display: inline-block;
	margin-right: 7px;
	padding: 0 10px;
	height: 22px;
	color: #333;
	font-size: 12px;
	line-height: 22px;
	background: #fff;
	border: #333 1px solid;
	border-radius: 10px;
}
.top-products .more{
	margin-top: 60px;
	text-align: center;
}
.top-categories {
	margin-bottom: 110px;
}
.top-categories .box{
	display: flex;
	margin-bottom: 50px;
	padding: 50px 70px;
	color: #fff;
	background: #59C4A7;
	border-radius: 20px;
}
.top-categories .box:nth-of-type(even){
	background: #4EA1E4;
}
.top-categories .main-image{
	width: 40%;
}
.top-categories .main-image img{
	width: 100%;
	    border-radius: 20px;
}
.top-categories .box:first-of-type .main-image img{
	margin-top: -80px;
}
.top-categories .sub-image{
	position: relative;
	width: 17.8%;
}
.top-categories .sub-image img{
	position: absolute;
	right: 0;
	bottom: 0;
	border-radius: 20px;
}
.top-categories .info{
	position: relative;
	padding: 0 5.5%;
	width: 42.2%;
}
.top-categories .name{
	position: relative;
	margin-bottom: 30px;
	padding: 20px 0;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 4px;
	line-height: 1.2;
}
.top-categories .name:before{
	content: '';
	position: absolute;
	right: 5%;
	bottom: 0;
	width: 138%;
	height: 3px;
	background: #fff;

}
.top-categories .name span{
	position: absolute;
	top: -3px;
	left: 0;
	font-size: 80px;
	letter-spacing: 0;
	line-height: 1;
	opacity: 0.2;
}
.top-categories .caption{
	margin-bottom: 70px;
	font-size: 14px;
}
.top-categories .info .more{
	position: absolute;
	left: 12%;
	bottom: 0;
}
.top-categories .box:nth-of-type(even) .btn-s1{
	color: #4EA1E4;
	border-color: #4EA1E4;
}
.top-categories .box:nth-of-type(even) .btn-s1:after{
	background: url(images/icon/arrow-right02.svg) no-repeat 0 0;
	background-size: 100% auto;
}
.top-bottom {
	display: flex;
	justify-content: space-between;
	padding: 0 6%;
}
.top-bottom .box{
	width: 49%;
}
.top-bottom .btn-s1{
	padding-top: 7%;
	padding-bottom: 7%;
	padding-right: 0;
	padding-left: 8%;
	width: 100%;
	font-size: 26px;
	font-weight: normal;
	text-align: center;
	border-radius: 50px;
}
.top-bottom .qa .btn-s1{
	padding-left: 10%;
}
.top-bottom .btn-s1 span{
	margin-left: 12px;
	font-size: 14px;
	font-weight: bold;
}
.top-bottom .btn-s1 i{
	font-style: normal;
	font-size: 20px;
}
.top-bottom .btn-s1:after{
	top: 0;
	left: 14%;
	right: auto;
	margin: 0;
	width: 36px;
	height: 100%;
	background: url(images/icon/dl.svg) no-repeat 0 center;
	background-size: 100% auto;
}
.top-bottom .qa .btn-s1:after{
	left: 28%;
	right: auto;
	margin: 0;
	width: 36px;
	height: 100%;
	background: url(images/icon/talk.svg) no-repeat 0 center;
	background-size: 100% auto;
}

@media screen and (min-width:1120px) {
	.top-slideshow .inr{
		padding-right: 170px;
	}
}

@media screen and (max-width:1120px) {
	.top-slideshow{
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (max-width:767px) {
	.top-slideshow{
		margin-bottom: 7vw;
		padding-left: 7%;
		padding-right: 7%;
	}
	.top-slideshow .inr{
		padding-top: 26vw;
		padding-right: 0;
		padding-bottom: 9vw;
	}
	.top-slideshow .inr:before,
	.top-slideshow .inr:after{
		display: none;
	}
	.top-slideshow .slick-dots{
		padding-top: 9vw;
		text-align: center;
	}
	.top-slideshow .slick-dots li{
		margin-right: 10px;
		margin-left: 10px;
	}
	.top-slideshow .slick-dots button{
		width: 14px;
		height: 14px;
	}
	.top-slideshow .text{
		position: absolute;
		top: 7vw;
		right: 0;
		width: 100%;
		text-align: center;
		line-height: 1.3;
		letter-spacing: 8px;
	}
	.top-slideshow .text-inr{
		display: inline-block;
		text-align: right;
	}
	.loop-text{
		bottom: 0;
		padding-top: 20vw;
		padding-bottom: 6vw;
		font-size: 13vw;
	}
	.top-news {
		margin-bottom: 14vw;
		padding: 12vw 0;
		padding-left: 6vw;
	}
	.top-news:before{
		content: '';
		position: absolute;
		left: 6vw;
		bottom: -9vw;
		width: 1000px;
		height: 100%;
		background: #59C4A7;
		border-radius: 20px;
		z-index: -1;
	}
	.top-news:after{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: auto;
		width: 1000px;
		height: 100%;
		background: #FBFAF7;
		border-radius: 20px;
		z-index: -1;
	}
	.top-news .more{
		top: 13.5vw;
	}
	.top-news h2{
		margin-bottom: 5vw;
	}
	.top-news li{
		margin-bottom: 7vw;
	}
	.top-news li:last-of-type{
		margin-bottom: 0;
	}
	.top-news li span{
		display: block;
		margin-right: 0;
		margin-bottom: 2.5vw;
	}
	.top-products{
		margin-bottom: 14vw;
		padding-right: 0;
		padding-left: 0;
	}
	.top-products:before {
		top: 0;
		left: calc(-5000px + 84%);
	}
	.top-products:after {
		top: auto;
		right: auto;
		left: 20vw;
		bottom: 3vw;
	}
	.top-products .inr{
		padding: 0 7%;
		padding-bottom: 10vw;
	}
	.top-products .inr:before{
		top: auto;
		left: 0;
		bottom: 0;
		height: calc(100% - 10vw);
	}
	.top-products h2{
		padding-top: 8vw;
	}
	.products-post ul{
		display: block;
		margin: 0!important;
		padding: 0!important;
	}
	.products-post ul:after{
		display: none;
	}
	.products-post li{
		display: block;
		margin-bottom: 15vw;
		width: 100%;
	}
	.top-categories {
		margin-bottom: 10vw;
	}
	.top-categories .box{
		display: block;
		margin-bottom: 8.5vw;
		padding: 6.5vw;
	}
	.top-categories .info,
	.top-categories .sub-image,
	.top-categories .main-image{
		padding: 0;
		width: 100%;
	}
	.top-categories .main-image{
		margin-bottom: 9vw;
	}
	.top-categories .box:first-of-type .main-image img {
	    margin-top: -14.5vw;
	}
	.top-categories .name{
		margin-bottom: 5vw;
		padding: 4vw 0;
		font-size: 4vw;
	}
	.top-categories .name:before{
		right: 0;
		width: 100%;
	}
	.top-categories .name span{
		top: auto;
		left: 0;
		bottom: -2vw;
		font-size: 15.5vw;
	}
	.top-categories .box:nth-of-type(2) .name span{
		font-size: 15vw;
	}
	.top-categories .sub-image{
		margin-bottom: 6vw;
	}
	.top-categories .sub-image img{
		position: static;
		width: 100%;
	}
	.top-categories .caption{
		margin-bottom: 5vw;
	}
	.top-categories .info .more{
		position: static;
		text-align: center;
	}
	.top-bottom {
		display: block;
		padding: 0;
	}
	.top-bottom .box{
		margin-bottom: 3vw;
		width: 100%;
	}
	.top-bottom .btn-s1{
		padding-left: 10%;
		font-size: 4.5vw;
	}
	.top-bottom .qa .btn-s1{
		padding-left: 10%;
	}
	.top-bottom .btn-s1 span{
		font-size: 12px;
	}
	.top-bottom .btn-s1:after{
		width: 28px;
	}
	.top-bottom .qa .btn-s1:after{
		left: 25%;
		width: 25px;
	}
}

/* footer
------------------------------------------*/
#footer{
	padding-bottom: 50px;
}
#footer .pagetop a{
	display: none;
	position: fixed;
	right: 30px;
	bottom: 30px;
	width: 70px;
	height: 70px;
	text-indent: -9999px;
	background: #fff url(images/icon/tryangle.svg) no-repeat center center;
	border: #59C4A7 2px solid;
	border-radius: 100%;
	z-index: 99;
    transition: all 0s;
}
#footer .contact{
	margin-bottom: 50px;
	padding: 50px 0;
	color: #fff;
	font-size: 24px;
	background: #59C4A7;
}
#footer .contact a{
	color: #fff;
}
#footer .contact p{
	margin-bottom: 30px;
	font-weight: bold;
	line-height: 1.2;
}
#footer .contact p a{
	margin-left: 25px;
}
#footer .more a{
	display: inline-block;
	padding: 22px 90px;
	padding-left: 130px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	background: url(images/icon/plane.svg) no-repeat 85px center;
	border: #fff 2px solid;
	border-radius: 40px;
}
#footer .fnav{
	margin: 0 auto;
	margin-bottom: 30px;
	max-width: 450px;
}
#footer .fnav li{
	display: inline-block;
	margin: 0 12px;
	margin-bottom: 20px;
	line-height: 1;
}
#footer .fnav a{
	color: #000;
	font-size: 13px;
}
#footer .fnav li:nth-of-type(-n+4) a{
	font-size: 15px;
}
#footer .logo{
	margin-bottom: 15px;
}
#footer .logo img{
	width: 215px;
}
#footer .address{
	margin-bottom: 35px;
	font-size: 12px;
}
#footer .copyright{
	font-size: 12px;
}

@media screen and (max-width:767px) {
	#footer .pagetop a{
		right: 10px;
		bottom: 10px;
		width: 50px;
		height: 50px;
		background: #fff url(images/icon/tryangle.svg) no-repeat center center;
		background-size: 15px auto;
	}
	#footer .contact{
		padding-left: 7%;
		padding-right: 7%;
		font-size: 4.5vw;
	}
	#footer .contact p{
		margin-bottom: 9vw;
	}
	#footer .contact p a{
		display: block;
		margin-top: 10px;
		margin-left: 0;
	}
	#footer .more a{
		padding: 22px 80px;
		padding-left: 130px;
		font-size: 4.5vw;
	}
	#footer .fnav li{
		margin: 0 4px;
		margin-bottom: 20px;
	}
	#footer .fnav a{
		font-size: 3.5vw;
	}
	#footer .fnav li:nth-of-type(-n+4) a{
		font-size: 4vw;
	}
	#footer .logo img{
		width: 260px;
	}
	#footer .address{
		font-size: 3.5vw;
	}
}

/* Lower 共通
------------------------------------------*/
.h1,
.page-title{
	position: relative;
	margin: 0 auto;
	margin-bottom: 50px;
	max-width: 980px;
	color: #59C4A7;
	font-size: 30px;
	font-weight: bold;
	text-align: left;
	line-height: 1.2;
}
.h1 span,
.page-title span{
	position: absolute;
	top: -30px;
	left: -150px;
	color: #F8F8F8;
	font-size: 100px;
	line-height: 1;
	z-index: -1;
	-webkit-text-stroke: 3px #F8F8F8;
	text-stroke: 3px #F8F8F8;
}
.h2,
.entry-title{
	font-size: 24px;
	font-weight: bold;
	line-height: 1.2;
}
body.page .entry-content h2{
	position: relative;
	margin-bottom: 50px;
	padding: 35px 0;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}
body.page .entry-content h2:before{
	content: '';
	position: absolute;
	left: 80%;
	bottom: -20px;
	width: 5000px;
	height: 100%;
	background: #4EA1E4;
	border-radius: 15px;
	z-index: -1;
}
body.page .entry-content h2:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 5000px;
	height: 100%;
	background: #59C4A7;
	border-radius: 15px;
	z-index: -1;
}
.entry-content .h3,
.entry-content h3{
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 20px;
}
.entry-content .h4,
.entry-content h4{
	margin-top: 30px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
}
#breadcrumb{
	margin: 0 auto 45px auto;
	max-width: 980px;
	text-align: left;
}
#breadcrumb li{
	display: inline-block;
	font-size: 14px;
	color: #999;
}
#breadcrumb li a{
	color: #999;
}
.entry-content .header-text,
.entry-content .once{
	margin-bottom: 50px;
}
.entry-content .inr-once{
	margin-bottom: 35px;
}
.entry-content .once:last-child,
.entry-content .inr-once:last-child{
	margin-bottom: 0;
}
.entry-content ul,
.entry-content ol{
	margin: 20px 0;
	padding-left: 20px;
}
.entry-content ul>li{
	list-style: disc;
}
.entry-content ol>li{
	list-style: decimal;
}
.entry-content p{
	margin-bottom: 25px;
}
.entry-content p:last-child{
	margin-bottom: 0;
}
.pager{
	padding-top: 80px;
	text-align: center;
}
.pager>*{
	display: inline-block;
	padding: 10px 8px;
	font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1;
	border-bottom: #fff 1px solid;
}
.pager .next,
.pager .prev{
	padding: 0;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	background: #fff url(images/icon/tryangle.svg) no-repeat center center;
	background-size: 10px auto;
	border: #59C4A7 2px solid;
	border-radius: 100%;
}
.pager .prev{
	margin-right: 35px;
	transform: rotate(270deg);
}
.pager .next{
	margin-left: 35px;
	transform: rotate(90deg);
}
.pager .current{
	color: #4DA0E2;
	border-bottom: #4DA0E2 1px solid;
}
.red{
	color: #E04B61;
}
.btn-s1{
	position: relative;
	display: inline-block;
	padding: 15px 30px;
	padding-right: 40px;
	color: #59C4A7;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	background: #fff;
	border: #59C4A7 2px solid;
	border-radius: 30px;
}
.btn-s1:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 26px;
	margin-top: -7px;
	width: 8px;
	height: 14px;
	background: url(images/icon/arrow-right.svg) no-repeat 0 0;
	background-size: 100% auto;
}
.btn-s1.large{
	padding: 12px 50px;
	min-width: 195px;
	font-size: 15px;
}
.btn-s1.large:after{
	display: none;
}
.dl-s1 dl{
	display: flex;
}
.dl-s1 dd,
.dl-s1 dt{
	padding: 15px 0;
	font-size: 14px;
}
.dl-s1 dt{
	width: 16.5%;
	border-bottom: #59C4A7 2px solid;
}
.dl-s1.c1 dt{
	border-bottom: #878787 2px solid;
}
.dl-s1 dd{
	padding-left: 10%;
	width: 83.5%;
	border-bottom: #D9D9D9 2px solid;
}
.dl-s1 dd ol,
.dl-s1 dd ul{
	margin: 0;
}
.box-s1 {
	position: relative;
	margin-bottom: 45px;
	padding: 30px 0;
}
.box-s1:before,
.box-s1:after{
	content: '';
	position: absolute;
	width: 5000px;
	z-index: -1;
}
.box-s1:before{
	left: 100%;
	bottom: -30px;
	height: 100%;
	background: #4EA1E4;
	border-radius: 15px;
}
.box-s1:after{
	top: 0;
	right: -12%;
	height: 100%;
	background: #F5F5F5;
}

@media screen and (max-width:980px) {
	.h1,
	.page-title{
		padding-left: 10px;
	}
	#breadcrumb{
		padding-left: 10px;
	}
}

@media screen and (max-width:767px) {
	.h1,
	.page-title{
		margin-bottom: 11vw;
		padding-left: 7%;
		font-size: 7vw;
	}
	.h1 span,
	.page-title span{
		top: -7vw;
		left: 7%;
		font-size: 15vw;
	}
	#breadcrumb{
		margin-bottom: 6vw;
		padding: 0 7%;
	}
	.dl-s1 dt{
		width: 30%;
	}
	.dl-s1 dd{
		padding-left: 5%;
		width: 70%;
	}
}

/*お知らせ 一覧*/
body.news .entry-content article{
	margin-bottom: 0;
	padding: 20px 0;
	padding-right: 14%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	border-bottom: #4EA1E4 1px solid;
}
body.news .entry-content article:first-of-type{
	padding-top: 0;
}
body.news .entry-content .date{
	display: inline-block;
	margin-right: 40px;
	padding: 4px 15px;
	color: #fff;
	font-size: 15px;
	line-height: 1;
	background: #59C4A7;
	border-radius: 20px;
}
body.news .entry-content article a{
	color: #000;
}

@media screen and (max-width:767px) {
	body.news .entry-content article{
		padding: 10px 0;
	}
	body.news .entry-content article a{
		display: block;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
}

/*お知らせ 詳細*/
body.single-post .entry-content .image{
	position: relative;
	padding: 0 4%;
	z-index: 99;
}
body.single-post .entry-content .image img{
	display: block;
	width: 100%;
	border-radius: 10px;
}
body.single-post .entry-content .header-text{
	position: relative;
	margin-bottom: 55px;
	padding: 90px 0 50px;
	color: #393939;
	text-align: center;
}
body.single-post .entry-content .header-text.has{
	margin-top: -30px;
	padding-top: 155px;
}
body.single-post .entry-content .header-text:before,
body.single-post .entry-content .header-text:after{
	content: '';
	position: absolute;
	width: 5000px;
	height: 50px;
	border-radius: 15px;
}
body.single-post .entry-content .header-text.has:before,
body.single-post .entry-content .header-text.has:after{
	height: 130px;
	border-radius: 15px;
}
body.single-post .entry-content .header-text:before{
	top: 20px;
	left: 80%;
	background: #4EA1E4;
}
body.single-post .entry-content .header-text.has:before{
	top: 0;
}
body.single-post .entry-content .header-text:after{
	top: 0;
	right: 0;
	background: #59C4A7;
}
body.single-post .entry-content .header-text.has:after{
	top: -20px;
}
body.single-post .entry-content .header-text h2:before{
	content: '';
	position: absolute;
	top: 0;
	left: -5000px;
	width: 10000px;
	height: 100%;
	background: #FBFAF7;
	z-index: -1;
}
body.single-post .entry-content .header-text .date{
	display: block;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}
body.single-post .entry-body{
	padding: 0 4%;
}
body.single-post .archive-post{
	display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 90px;
    padding: 0 4%;
}
body.single-post .archive-post .prev,
body.single-post .archive-post .next{
	width: 27%;
}
body.single-post .archive-post .prev a,
body.single-post .archive-post .next a{
	display: block;
	position: relative;
	padding: 10px 0;
	font-size: 15px;
	font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
body.single-post .archive-post .prev a{
	padding-left: 60px;
}
body.single-post .archive-post .next a{
	padding-right: 60px;
}
body.single-post .archive-post .prev a:before,
body.single-post .archive-post .next a:before{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -22px;
	width: 40px;
	height: 40px;
	background: #fff url(images/icon/tryangle.svg) no-repeat center center;
	background-size: 10px auto;
	border: #59C4A7 2px solid;
	border-radius: 100%;
}
body.single-post .archive-post .prev a:before{
	left: 0;
	transform: rotate(270deg);
}
body.single-post .archive-post .next a:before{
	right: 0;
	transform: rotate(90deg);
}

@media screen and (max-width:767px) {
	body.single-post .entry-content .header-text{
		margin-bottom: 10vw;
		padding: 18vw 0 7vw;
	}
	body.single-post .entry-content .header-text.has{
		margin-top: -5vw;
		padding-top: 21vw;
	}
	body.single-post .entry-content .header-text.has:before,
	body.single-post .entry-content .header-text.has:after{
		height: 20vw;
	}
	body.single-post .entry-content .header-text.has:after{
		top: -5vw;
	}
	body.single-post .entry-content .header-text .date{
		margin-bottom: 2vw;
	}
	body.single-post .archive-post{
	    margin-top: 15vw;
	    padding: 0;
	}
	body.single-post .archive-post .prev,
	body.single-post .archive-post .next{
		width: 44px;
	}
	body.single-post .archive-post .prev a,
	body.single-post .archive-post .next a{
		padding: 0;
		width: 44px;
		height: 44px;
		overflow: hidden;
		text-indent: -9999px;
	}
}

/*プライバシーポリシー*/
.privacy-box{
	margin-bottom: 25px;
	font-size: 14px;
}
.privacy-box + .back {
	margin-top: 90px;
}
.privacy-box h3{
	margin-bottom: 30px;
	color: #59C4A7;
	font-weight: bold;
	font-size: 15px;
}

/*Q&A 一覧*/
.qa-box{
	margin-bottom: 50px;
}
body.post-type-archive-qa .list h2{
	margin-bottom: 25px;
	font-size: 20px;
}
body.post-type-archive-qa .list a{
	display: block;
	position: relative;
	margin-bottom: 15px;
	padding: 15px 30px;
	padding-right: 50px;
	color: #59C4A7;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	border: #59C4A7 2px solid;
	border-radius: 30px;
}
body.post-type-archive-qa .list a:before{
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	background: url(images/icon/arrow-right.svg) no-repeat center center;
	transform: rotate( 90deg );
}

@media screen and (max-width:767px) {
	body.post-type-archive-qa .list a{
		margin-bottom: 3vw;
		padding: 10px 20px;
		padding-right: 38px;
	}
}

/*Q&A 詳細*/
body.single-qa h2{
	position: relative;
	display: block;
	position: relative;
	margin-bottom: 15px;
	padding: 15px 30px;
	color: #59C4A7;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	background: #fff;
	border: #59C4A7 2px solid;
	border-radius: 30px;
	z-index: 9;
}
body.single-qa .entry-body{
	margin-top: -30px;
	margin-bottom: 100px;
	padding: 50px 40px 30px 40px;
	font-size: 14px;
	background: #FAF8F4;
}

@media screen and (max-width:767px) {
	body.single-qa .entry-body{
		margin-bottom: 15vw;
		padding: 40px 30px 30px 30px;
	}
}

/*会社概要*/
.company-box{
	margin-bottom: 100px;
	font-size: 14px;
}
body.page .company-box h2{
	margin-bottom: 60px;
	color: #59C4A7;
}
body.page .company-box:nth-of-type(even) h2{
	color: #4EA1E4;
	text-align: right;
}
body.page .company-box h2:before,
body.page .company-box h2:after{
	content: '';
	position: absolute;
	width: 5000px;
	height: 100%;
	border-radius: 15px;
}
body.page .company-box:nth-of-type(odd) h2:before{
	top: 30px;
	left: 93%;
	background: #59C4A7;
}
body.page .company-box:nth-of-type(even) h2:before{
	top: 30px;
	left: auto;
	right: 93%;
	background: #4EA1E4;
}
body.page .company-box:nth-of-type(odd) h2:after{
	top: 0;
	right: -6%;
	background: #F5F5F5;
	border-radius: 0;
}
body.page .company-box:nth-of-type(even) h2:after{
	top: 0;
	left: -6%;
	background: #F5F5F5;
	border-radius: 0;
}
.company-box .inr{
	padding: 0 4%;
}
.company-box.middle .inr{
	padding-top: 15px;
}
.company-box dd .map{
	margin-top: 20px;
	height: 300px;
	border-radius: 10px;
	overflow: hidden;
}
.company-box dd .map-inr{
	margin-top: -150px;
}
.company-box.middle p{
	margin-bottom: 40px;
}

@media screen and (max-width:767px) {
	body.page .company-box:nth-of-type(even) h2{
		text-align: left;
	}
}

/*フォーム*/
body.contact #footer .contact .more{
	display: none;
}
body.contact #footer .contact p{
	margin-bottom: 0;
}
.mw_wp_form_input .box-s1:before{
	height: 160px;
}
.mw_wp_form_complete .box-s1{
	font-size: 14px;
	text-align: center;
}
.form-content{
	padding: 0 7%;
	font-size: 14px;
}
.mw_wp_form_input .input-hide{
	display: none;
}
.mw_wp_form_confirm .confirm-hide{
	display: none;
}
.form-header{
	position: relative;
	padding: 35px 0;
	text-align: center;
}
.form-header p{
	margin-bottom: 50px;
}
.form-header .tel{
	margin: 0 5px;
	font-size: 16px;
}
.form-box{
	margin-bottom: 25px;
}
.form-title{
	margin-bottom: 3px;
}
.mw_wp_form_confirm .form-title{
	color: #7C7C7C;
}
.form-title.req{
	display: inline-block;
	position: relative;
}
.form-title.req:before{
	content: '※';
	position: absolute;
	top: 0;
	right: -20px;
	color: #E04B61;
}
.mw_wp_form_confirm .form-title.req:before{
	display: none;
}
.mw_wp_form_confirm .form-body{
	padding: 12px;
	min-height: 47px;
	border: #C3C3C3 1px solid;
}
.form-body .mwform-radio-field-text{
	color: #727272;
	font-size: 12px;
}
.form-body textarea{
	height: 160px;
}
[type="radio"]{
	display: none;
}
.mwform-radio-field-text{
	display: block;
	position: relative;
	margin-bottom: 5px;
	padding: 8px 0;
	padding-left: 28px;
	line-height: 0.9;
	cursor: pointer;
}
.mwform-radio-field-text:before{
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 16px;
	height: 16px;
	border: #C3C3C3  1px solid;
	border-radius: 100%;
}
.mwform-radio-field-text:after{
	content: '';
	position: absolute;
	top: 6px;
	left: 3px;
	width: 12px;
	height: 12px;
	border-radius: 100%;
}
[type="radio"]:checked + .mwform-radio-field-text:after{
	background: #59C4A7;
}
.form-box.consent{
	position: relative;
	margin-bottom: 40px;
	padding-top: 10px;
	text-align: center;
}
.form-box.consent .mwform-checkbox-field-text{
	display: none;
}
.form-box.consent a{
	position: relative;
	display: inline-block;
	font-weight: bold;
}
.form-box.consent a:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #59C4A7;
}
.form-box.consent .error{
	position: absolute;
	left: 0;
	bottom: -25px;
	width: 100%;
	text-align: center;
}
.form-content .submit{
	text-align: center;
}
.mw_wp_form_confirm .submit{
	padding-top: 75px;
}
.mw_wp_form_confirm .submit input{
	margin: 0 10px;
}
.form-content .submit [type="submit"]{
	border-radius: 30px;
	cursor: pointer;
    transition: all .3s;
}
.form-content .submit [type="submit"]:hover{
	opacity: 0.7;
}

@media screen and (max-width:767px) {
	.form-header p{
		margin-bottom: 6vw;
	}
	.form-box,
	.form-content .submit{
		margin-right: -7%;
		margin-left: -7%;
	}
	.mw_wp_form_confirm .submit{
		padding-top: 6vw;
	}
	.mw_wp_form_confirm .submit .btn-s1.large{
		min-width: 130px;
	}
}

/*製品情報 一覧*/
.lower-main .products-post li{
	margin-bottom: 80px;
}
.lower-main .products-post .image{
	margin-bottom: 45px;
}
.products-post .pager{
	padding-top: 0;
}
.lower-main .products-category {
	display: inline-block;
	position: relative;
}
.lower-main .products-category ul{
	display: flex;
	flex-wrap: wrap;
    align-items: center;
	position: relative;
	padding-top: 20px;
	padding-bottom: 2px;
	padding-right: 40px;
	z-index: 9;
}
.lower-main .products-category ul:before{
	content: '';
	position: absolute;
	right: -4870px;
	bottom: -20px;
	width: 5000px;
	height: 100px;
	background: #4EA1E4;
	border-radius: 15px;
	z-index: -1;
}
.lower-main .products-category ul:after{
	content: '';
	position: absolute;
	top: 0;
	right: 18px;
	width: 5000px;
	height: 100%;
	background: #59C4A7;
	border-radius: 15px;
	z-index: -1;
}
.lower-main .products-category li{
	margin-right: 18px;
	margin-bottom: 18px;
}
.lower-main .products-category li a{
	display: flex;
	align-items: center;
	padding: 10px 5px;
	width: 72px;
	height: 100%;
	min-height: 55px;
	color: #59C4A7;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	background: #fff;
	border-radius: 10px;
}
.lower-main .products-category li.current a,
.lower-main .products-category li a:hover{
	color: #fff;
	background: #4EA1E4;
	opacity: 1;
}
.lower-main .products-category li span{
	width: 100%;
}
.lower-main .products-category+.current-name{
	position: relative;
	margin-bottom: 90px;
	padding: 50px 0;
	color: #393939;
	font-size: 24px;
	text-align: center;
}
.lower-main .products-category+.current-name:before{
	content: '';
	position: absolute;
	top: 0;
	left: -5000px;
	width: 10000px;
	height: 100%;
	background: #F5F5F5;
	z-index: -1;
}

@media screen and (max-width:767px) {
	.lower-main .products-category ul{
		padding-bottom: 10px;
		justify-content: space-between;
	}
	.lower-main .products-category li{
		margin-right: 0;
		margin-bottom: 10px;
		width: 48%;
	}
	.lower-main .products-category li a{
		padding: 5px;
		width: 100%;
		min-height: 40px;
		font-size: 12px;
	}
	.lower-main .products-category+.current-name{
		margin-bottom: 12vw;
		padding: 7vw 0;
		font-size: 5vw;
	}
	.lower-main .products-post{
		padding: 0 7%;
	}
	.lower-main .products-post li{
		margin-bottom: 15vw;
	}
	.lower-main .products-post .image{
		margin-bottom: 6.5vw;
	}
}

/*製品情報 ダウンロード一覧*/
.lower-main .series-box {
	display: flex;
	margin-bottom: 80px;
}
.lower-main .series-box .info{
	padding-right: 50px;
	width: 40%;
}
.lower-main .series-box .info h3{
	margin-bottom: 50px;
	color: #59C4A7;
	font-size: 18px;
	line-height: 1.2;
}
.lower-main .series-box .category span{
	display: inline-block;
	margin-right: 7px;
	padding: 0 10px;
	height: 22px;
	color: #333;
	font-size: 12px;
	line-height: 22px;
	background: #fff;
	border: #333 1px solid;
	border-radius: 10px;
}
.lower-main .series-box .dl{
	padding-left: 50px;
	width: 60%;
	border-left: #59C4A7 1px solid;
}
.lower-main .series-box .dl-inr{
	display: flex;
}
.lower-main .series-box .model{
	padding: 20px 0;
	padding-right: 30px;
	width: 40%;
}
.lower-main .series-box .model li{
	margin-bottom: 30px;
	font-size: 14px;
	line-height: 1.2;
}
.lower-main .series-box .model li:last-of-type{
	margin-bottom: 0;
}
.lower-main .series-box .file{
	padding-top: 8px;
	width: 60%;
}
.lower-main .series-box .file ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.lower-main .series-box .file li{
	width: 150px;
}
.lower-main .series-box .file li a{
	display: block;
	margin-bottom: 14px;
	height: 40px;
	color: #4EA1E4;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 38px;
	background: #fff;
	border: #4EA1E4 2px solid;
	border-radius: 7px;
}
.lower-main .series-box .file a span{
	display: inline-block;
	padding-left: 30px;
}
.lower-main .series-box .pdf a span{
	background: url(images/icon/pdf.svg) no-repeat 3px center;
}
.lower-main .series-box .guide a span{
	background: url(images/icon/book.svg) no-repeat 2px center;
}
.lower-main .series-box .tech a span{
	background: url(images/icon/tool.svg) no-repeat 0 center;
}
.lower-main .series-box .movie a span{
	background: url(images/icon/movie.svg) no-repeat 0 center;
}

@media screen and (max-width:767px) {
	.lower-main .series-box {
		display: block;
		margin-bottom: 15vw;
	}
	.lower-main .series-box .info{
		padding-right: 0;
		padding-bottom: 5vw;
		width: 100%;
	}
	.lower-main .series-box .info h3{
		margin-bottom: 7vw;
	}
	.lower-main .series-box .dl{
		padding-top: 5vw;
		padding-left: 0;
		width: 100%;
		border-top: #59C4A7 1px solid;
		border-left: 0;
	}
	.lower-main .series-box .dl-inr{
		display: block;
	}
	.lower-main .series-box .model{
		margin-bottom: 5vw;
		padding: 0;
		width: 100%;
	}
	.lower-main .series-box .model li{
		margin-bottom: 3vw;
	}
	.lower-main .series-box .file{
		padding-top: 0;
		width: 100%;
	}
	.lower-main .series-box .file li{
		width: 48%;
	}
}

/*製品情報 詳細*/
.single-products .upper-content{
	display: flex;
	margin-bottom: 95px;
}
.single-products .upper-content .image{
	width: 48%;
	z-index: 9;
}
.single-products .image .sub .img,
.single-products .image .main{
	position: relative;
	margin-bottom: 20px;
	border: #59C4A7 2px solid;
	border-radius: 20px;
	overflow: hidden;
	background: #ffffff;
}
.single-products .image .sub{
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.single-products .image .sub:after{
    content: "";
    display: block;
	width: 29.5%;
    height: 0;
}
.single-products .image .sub .img{
	width: 29.5%;
	cursor: pointer;
}
.single-products .image .sub .img:before,
.single-products .image .main:before{
	content: '';
	display: block;
	padding-top: 100%;
}
.single-products .image img{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
/*     height: 100%;
   object-fit: cover; */
    max-width: 100%;
    max-height: 100%;
}
.single-products .upper-content .detail{
	margin-top: 25px;
	width: 52%;
}
.single-products .detail h2{
	position: relative;
	margin-left: -7%;
	padding: 10px;
	width: 90%;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	background: #59C4A7;
	border-radius: 20px;
	z-index: 99;
}
.single-products .detail h2 span{
	margin-right: 5px;
}
.single-products .detail-inr{
	position: relative;
	padding: 0 8%;
	padding-top: 35px;
	padding-bottom: 45px;
	font-size: 14px;
}
.single-products .detail-inr:before{
	content: '';
	position: absolute;
	top: -23px;
	left: -15%;
	width: 114%;
	height: calc(100% + 23px);
	background: #FAF8F4;
	border: #4EA1E4 2px solid;
	border-radius: 20px;
	z-index: -1;
}
.single-products .detail-inr:after{
	content: '';
	position: absolute;
	top: 260px;
	right: calc(100% + 45px);
	width: 5000px;
	height: 185px;
	background: #4EA1E4;
	border-radius: 20px;
	z-index: -1;
}
.single-products .detail .text{
	margin-bottom: 5px;
}
.single-products .detail .category{
	margin-bottom: 30px;
	font-size: 0;
}
.single-products .detail .category span{
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 8px 20px;
	font-size: 13px;
	line-height: 1;
	background: #fff;
	border: #3C3C3C 1px solid;
	border-radius: 15px;
}
.single-products .detail .category span:last-of-type{
	margin-right: 0;
}
.single-products .detail .entry-body h3{
	margin-bottom: 15px;
	color: #59C4A7;
	font-size: 16px;
}
.single-products .middle-content{
	display: flex;
    justify-content: space-between;
    margin-bottom: 90px;
    font-size: 14px;
}
.single-products .middle-content .spec{
	width: 47%;
}
.single-products .middle-content .dl-qa{
	width: 47%;
}
.single-products .middle-content h3{
	margin-top: 0;
	margin-bottom: 20px;
	color: #59C4A7;
	font-size: 16px;
}
.single-products .spec dl{
	display: flex;
}
.single-products .spec dt{
	padding: 13px 0;
	width: 24.5%;
	border-bottom: #333333 1px solid;
}
.single-products .spec dd{
	padding: 13px 0;
	padding-left: 10%;
	width: 75.5%;
	border-bottom: #B4B4B4 1px solid;
}
.single-products .middle-content ul{
	margin: 0;
	padding: 0;
}
.single-products .middle-content li{
	list-style: none;
}
.single-products .middle-content .download{
	margin-bottom: 30px;
}
.single-products .middle-content .download ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.single-products .middle-content .download li{
	margin-bottom: 20px;
	width: 48%;
}
.single-products .middle-content .download li a{
	display: block;
	padding-top: 110px;
	height: 180px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background: #59C4A7;
	border-radius: 15px;
}
.single-products .middle-content li.pdf a{
	background: #59C4A7 url(images/icon/pdf-w.svg) no-repeat center 60px;
}
.single-products .middle-content li.guide a{
	background: #59C4A7 url(images/icon/book-w.svg) no-repeat center 60px;
}
.single-products .middle-content li.tech a{
	background: #59C4A7 url(images/icon/tool-w.svg) no-repeat center 60px;
}
.single-products .middle-content li.movie a{
	background: #59C4A7 url(images/icon/movie-w.svg) no-repeat center 60px;
}
.single-products .qa a{
	display: block;
	position: relative;
	margin-bottom: 15px;
	padding: 15px 30px;
	padding-right: 50px;
	color: #59C4A7;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	border: #59C4A7 2px solid;
	border-radius: 30px;
}
.single-products .qa li:last-of-type a{
	margin-bottom: 0;
}
.single-products .qa a:before{
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -6px;
	width: 12px;
	height: 12px;
	background: url(images/icon/arrow-right.svg) no-repeat center center;
	transform: rotate( 90deg );
}
.single-products .bottom-content h3{
	margin-top: 0;
	margin-bottom: 60px;
	color: #59C4A7;
	font-size: 22px;
	text-align: center;
}

@media screen and (max-width:767px) {
	.single-products .upper-content{
		display: block;
		margin-bottom: 15vw;
	}
	.single-products .upper-content .image{
		position: relative;
		margin-bottom: 12vw;
		width: 100%;
	}
	.single-products .upper-content .image:before{
		content: '';
		position: absolute;
		right: 8vw;
		bottom: 25vw;
		width: 1000px;
		height: 32vw;
		background: #4EA1E4;
		border-radius: 20px;
		z-index: -1;
	}

	.single-products .upper-content .detail{
		width: 100%;
		text-align: center;
		background: #FAF8F4;
		border: #4EA1E4 2px solid;
		border-radius: 20px;
	}
	.single-products .detail h2{
		margin: 0 auto;
		margin-top: -5vw;
		padding: 5px;
		width: 90%;
		font-size: 5vw;
		line-height: 1.2;
	}
	.single-products .detail h2 span{
		margin-right: 5px;
	}
	.single-products .detail-inr:before,
	.single-products .detail-inr:after{
		display: none;
	}
	.single-products .detail-inr{
		padding: 5vw;
		text-align: left;
	}
	.single-products .detail .category{
		margin-bottom: 5vw;
	}
	.single-products .detail .category span{
		margin-right: 8px;
		margin-bottom: 8px;
		padding: 5px 10px;
		font-size: 13px;
	}
	.single-products .detail .entry-body h3{
		margin-top: 4vw;
		margin-bottom: 2vw;
		font-size: 4vw;
	}
	.single-products .middle-content{
		display: block;
	    margin-bottom: 15vw;
	}
	.single-products .middle-content .spec{
		width: 100%;
	}
	.single-products .middle-content .dl-qa{
		width: 100%;
	}
	.single-products .spec {
		margin-bottom: 15vw;
	}
	.single-products .spec dt{
		padding: 10px 0;
		padding-top: 12px;
		width: 30%;
		line-height: 1.3;
	}
	.single-products .spec dd{
		padding: 10px 0;
		padding-top: 12px;
		padding-left: 6%;
		width: 70%;
		line-height: 1.5;
	}
	.single-products .middle-content .download li a{
		padding-top: 19vw;
		height: 32vw;
		font-size: 3.5vw;
	}
	.single-products .middle-content li.pdf a{
		background: #59C4A7 url(images/icon/pdf-w.svg) no-repeat center 11vw;
		background-size: 22px auto;
	}
	.single-products .middle-content li.guide a{
		background: #59C4A7 url(images/icon/book-w.svg) no-repeat center 11vw;
		background-size: 22px auto;
	}
	.single-products .middle-content li.tech a{
		background: #59C4A7 url(images/icon/tool-w.svg) no-repeat center 11vw;
		background-size: 22px auto;
	}
	.single-products .middle-content li.movie a{
		background: #59C4A7 url(images/icon/movie-w.svg) no-repeat center 11vw;
		background-size: 22px auto;
	}
	.single-products .qa a{
		margin-bottom: 3vw;
		padding: 10px 20px;
		padding-right: 38px;
	}
	.single-products .bottom-content h3{
		margin-bottom: 7vw;
	}
}

/* template
------------------------------------------*/
.template {
  margin: 0 0 20px 0;
}
.template h2, .template h3, .template h4, .template h5, .template h6 {
  margin-top: 0;
}
.template.row > div {
  margin-bottom: 10px;
}
.template-img-left {
  float: left;
  display: inline;
  margin-right:  20px;
  margin-bottom: 20px;
}
.template-img-right {
  float: right;
  display: inline;
  margin-left:   20px;
  margin-bottom: 20px;
}
.template-text {
  overflow: hidden;
}
.template-text-left {
  float: left;
  margin-right: 20px;
}
.template-text-right {
  float: right;
  margin-left: 20px;
}
.template-backpattern {
  padding: 2%;
  background: url(/images/common/template-backpattern-bg.png) repeat 0 0;
  border: #eaeaea 2px solid;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* smartphone only */
@media screen and (max-width: 767px) {
  .template-img-left {
    float: none;
    display: block;
    margin-right:  0;
    margin-bottom: 20px;
  }
  .template-img-right {
    float: none;
    display: block;
    margin-left:   0;
    margin-bottom: 20px;
  }
  .template-text-left {
    float: none;
    margin-right:  0;
  }
  .template-text-right {
    float: none;
    margin-left:   0;
  }
}

.post-type-archive #main .type-post .entry-content{
	display: none;
}


.post-type-archive #main .type-post h2{
	margin-bottom: 30px;
    font-size: 1.3em;
}