@charset "utf-8";



/*　　トップページ　/ メインイメージ
-------------------------------------------------------*/
.main-img {
	position: relative;
	height: 786px;
}
.main-img .main-tit-box {
	position: absolute;
	width: 100%;
	height: 916px;
	background: -webkit-linear-gradient(25deg, #fff 46%, transparent 46%);
	background: -o-linear-gradient(25deg, #fff 46%, transparent 46%);
	background: linear-gradient(115deg, #fff 46%, transparent 46%);
	z-index: 10;
}
.main-img .main-tit {
	padding-top: 172px;
}
.main-img .main-tit-img {
	padding-top: 50px;
}
.main-img-slideshow {
	background: -webkit-linear-gradient(left, #0050bd, #1fb6fd);
	background: -o-linear-gradient(left, #0050bd, #1fb6fd);
	background: linear-gradient(to right, #0050bd, #1fb6fd);
}
.main-img-slideshow,
.main-img-slideshow:after {
    position: absolute;
    width: 100%;
	height: 786px;
	margin: 0 auto;
    top: 0;
    left: 0;
	right: 0;
    z-index: 0;
	overflow: hidden;
}
.main-img-slideshow:after {
    content: '';
}
.main-img-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 24s linear infinite 0s;
}
.main-img-slideshow li:nth-child(1) span {
    background-image: url(../images/pages/main_img01.jpg);
}
.main-img-slideshow li:nth-child(2) span {
    background-image: url(../images/pages/main_img02.jpg);
    animation-delay: 8s;
}
.main-img-slideshow li:nth-child(3) span {
    background-image: url(../images/pages/main_img03.jpg);
    animation-delay: 16s;
}

@media screen and (min-width: 768px) and (max-width: 1023px){
.main-img {
	height: 450px;
}
.main-img .main-tit-box {
	position: absolute;
	width: 100%;
	height: 520px;
	padding-left: 50px;
	background: -webkit-linear-gradient(25deg, #fff 46%, transparent 46%);
	background: -o-linear-gradient(25deg, #fff 46%, transparent 46%);
	background: linear-gradient(115deg, #fff 46%, transparent 46%);
	z-index: 10;
}
.main-img .main-tit-box img {
	width: 400px;
}
.main-img .main-tit {
	padding-top: 100px;
}
.main-img .main-tit-img {
	padding-top: 30px;
}
.main-img-slideshow,
.main-img-slideshow:after {
	height: 450px;
}
.main-img-slideshow li span {
	height: 450px;
}
}

@media screen and (max-width: 767px){
.main-img {
	height: auto;
}
.main-img .main-tit-box {
	position: relative;
	width: 100%;
	height: auto;
	background: transparent;
	overflow: hidden;
	text-align: center;
}
.main-img .main-tit {
	padding-top: 70px;
}
.main-img .main-tit-img {
	padding-top: 20px;
}
.main-img-slideshow,
.main-img-slideshow:after {
	position: relative;
	height: 250px;
	margin-top: -30px;
}
.main-img-slideshow li span {
	height: 250px;
}
.main-img-slideshow li:nth-child(1) span {
    background-image: url(../images/pages/main_img01_sp.jpg);
}
.main-img-slideshow li:nth-child(2) span {
    background-image: url(../images/pages/main_img02_sp.jpg);
}
.main-img-slideshow li:nth-child(3) span {
    background-image: url(../images/pages/main_img03_sp.jpg);
}
}

@-webkit-keyframes imageAnimation { 
	0% {
	    opacity: 0;
	}
	14% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	30% {
	    opacity: 1;
	    -webkit-transform: scale(1.2);
	}
	44% {
		opacity: 0;
		-webkit-transform: scale(1.2) translateY(0%);
	}
	50% {
	    opacity: 0;
	    -webkit-transform: scale(1.2) translateY(0%);
	}
	100% { opacity: 0;}
}
@keyframes imageAnimation { 
	0% {
	    opacity: 0;
	}
	14% {
	    opacity: 1;
	    transform: scale(1.1);
	}
	30% {
	    opacity: 1;
	    transform: scale(1.2);
	}
	44% {
		opacity: 0;
		transform: scale(1.2) translateY(0%);
	}
	50% {
	    opacity: 0;
	    transform: scale(1.2) translateY(0%);
	}
	100% { opacity: 0;}
}
/* Show at least something when animations not supported */
.no-cssanimations .main-img-slideshow li span{
	opacity: 1;
}



/*　　トップページ　/ ABOUT US
-------------------------------------------------------*/
.top-about-box {
	position: relative;
	height: 428px;	
}
.top-about-bg {
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	height: 378px;
	background: url("../images/pages/top_about_bg.jpg"), -webkit-linear-gradient(335deg, #f5f5f5 87%, transparent 87%);
	background: url("../images/pages/top_about_bg.jpg"), -o-linear-gradient(335deg, #f5f5f5 87%, transparent 87%);
	background: url("../images/pages/top_about_bg.jpg"), linear-gradient(65deg, #f5f5f5 87%, transparent 87%);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, auto;
	background-size: auto 100%, auto;
	z-index: 20;
}
.top-about-tit {
	width: 32.66%;
	text-align: center;
}
.top-about-txt {
	width: 67.34%;
	padding-right: 16%;
}
.top-about-txt-line {
	margin-top: 50px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}
.top-about-more {
	position: absolute;
	bottom: -40px;
	right: 16%;
}

@media screen and (min-width: 768px) and (max-width: 1023px){
.top-about-box {
	position: relative;
	height: 408px;	
}
.top-about-bg {
	position: absolute;
	top: 30px;
	left: 0;
	right: 0;
	height: 378px;
	background: url("../images/pages/top_about_bg.jpg"), -webkit-linear-gradient(316deg, #f5f5f5 95%, transparent 95%);
	background: url("../images/pages/top_about_bg.jpg"), -o-linear-gradient(316deg, #f5f5f5 95%, transparent 95%);
	background: url("../images/pages/top_about_bg.jpg"), linear-gradient(46deg, #f5f5f5 95%, transparent 95%);
	background-repeat: no-repeat, no-repeat;
	background-position: left top, auto;
	background-size: auto 100%, auto;
}
.top-about-txt {
	width: 67.34%;
	padding-right: 30px;
}
.top-about-txt-line {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}
}

@media screen and (max-width: 767px){
.top-about-box {
	position: relative;
	height: auto;
	padding-top: 30px;
}
.top-about-bg {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	height: auto;
	background: -webkit-linear-gradient(316deg, #f5f5f5 95%, transparent 95%);
	background: -o-linear-gradient(316deg, #f5f5f5 95%, transparent 95%);
	background: linear-gradient(46deg, #f5f5f5 95%, transparent 95%);
}
.top-about-tit {
	width: 100%;
	height: 150px;
	padding-top: 50px;
	text-align: center;
	background: url("../images/pages/top_about_bg.jpg");
	background-repeat: no-repeat;
	background-size: auto 100%;
}
.top-about-txt {
	width: auto;
	padding: 30px;
}
.top-about-txt-line {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #ccc;
}
.top-about-more {
	position: absolute;
	bottom: -40px;
	right: 0;
	left: 0;
}
}



/*　　トップページ　/ OEM
-------------------------------------------------------*/
.top-oem-tit {
	position: relative;
	background-color: #fff;
}
.top-oem-tit-sub {
	position: absolute;
	width: 100%;
	bottom: -4px;
	text-align: center;
	color: #ccc;
	font-size: 40px; font-size: 4.0rem;
	line-height: 1;
}
.top-oem2-tit {
	width: 32.66%;
	text-align: center;
}
.top-oem2-txt {
	width: 67.34%;
}
.top-oem-cap {
	position: absolute;
	bottom: 15px;
	left: 30px;
	color: #fff;
}

@media screen and (min-width: 768px) and (max-width: 1023px){
.top-oem2-tit {
	width: auto;
	text-align: center;
}
.top-oem-tit-sub {
	bottom: -3px;
	font-size: 30px; font-size: 3.0rem;

}
.top-oem2-txt {
	width: auto;
}
.top-oem-cap {
	bottom: 10px;
	left: 30px;
}
}

@media screen and (max-width: 767px){
.top-oem-tit-sub {
	position: absolute;
	width: 100%;
	bottom: -2px;
	text-align: center;
	color: #ccc;
	font-size: 18px; font-size: 1.8rem;
	line-height: 1;
}
.top-oem2-tit {
	width: auto;
	text-align: center;
}
.top-oem2-txt {
	width: auto;
}
.top-oem-cap {
	bottom: 5px;
	left: 10px;
}
}



/*　　トップページ　/ PRODUCTION RESULTS
-------------------------------------------------------*/
.top-results-wrapper {
	position: relative;
}
.top-results-tit {
	position: relative;
	top: -60px;
	margin-bottom: -60px;
	background: -webkit-linear-gradient(25deg, #fff 81%, transparent 81%);
	background: -o-linear-gradient(25deg, #fff 81%, transparent 81%);
	background: linear-gradient(115deg, #fff 81%, transparent 81%);
}
.top-results-bg {
	position: relative;
	height: 540px;
}
.mgTset-top-results {
	margin-top: 212px;
}
.top-results-box1 {
	position: relative;
	top: -60px;
	width: 80%;
	height: 600px;
	background: url("../images/pages/top_results_box_bg.png"), -webkit-linear-gradient(50deg, #01a2ff, #ba00ff 70%);
	background: url("../images/pages/top_results_box_bg.png"), -o-linear-gradient(50deg, #01a2ff, #ba00ff 70%);
	background: url("../images/pages/top_results_box_bg.png"), linear-gradient(140deg, #01a2ff, #ba00ff 70%);
	background-repeat: no-repeat, no-repeat;
	background-position: left 50px top 74px, left;
}
.top-results-num-box1 {
	width: 61.88%;
	padding-top: 246px;
	padding-right: 23%;
	color: #fff;
	line-height: 1;
	text-align: center;
}
.top-results-num-box1 .txt-prodct {
	display: block;
	font-size: 30px; font-size: 3.0rem;
}
.top-results-num-box1 .txt-num {
	display: block;
	padding-top: 10px;
	font-size: 160px; font-size: 16.0rem;
}
.top-results-box1-2 {
	width: 38.12%;
	height: 600px;
	padding-top: 40px;
	background: #292929;
	font-size: 18px; font-size: 1.8rem;
}
.top-results-img-box1 {
	position: absolute;
	top: 80px;
	left: 33.33%;
	width: 66.66%;
	background: #fff;
	box-shadow: 1px 1px 20px rgba(0,0,0,0.3);
}
.ribbon {
	position: absolute;
	top: 0;
	left: 0;
	width: 210px;
	height: 210px;
	background-image: url("../images/pages/top_results_ribbon1.png");
	background-repeat: no-repeat;
	background-size: 210px;
}
.ribbon .btn-view {
	display: inline-block;
	margin: 52px 0 0 30px;
	padding-bottom: 10px;
	font-size: 16px; font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	text-align: center;
	background-image: url("../images/common/arrow_01.png");
	background-repeat: no-repeat;
	background-size: 19px auto, 100%;
	background-position: center bottom;
}
.ribbon:hover {
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	opacity:0.8;
}
.top-results-box2 {
	position: relative;
	top: -60px;
	margin-left: 20%;
	width: 80%;
	height: 600px;
	background: url("../images/pages/top_results_box_bg.png"), -webkit-linear-gradient(50deg, #01a2ff 30%, #ba00ff 100%);
	background: url("../images/pages/top_results_box_bg.png"), -o-linear-gradient(50deg, #01a2ff 30%, #ba00ff 100%);
	background: url("../images/pages/top_results_box_bg.png"), linear-gradient(140deg, #01a2ff 30%, #ba00ff 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: right 50px top 74px, left;
}
.top-results-num-box2 {
	width: 61.88%;
	padding-top: 246px;
	padding-left: 20%;
	color: #fff;
	line-height: 1;
	text-align: center;
}
.top-results-num-box2 .txt-prodct {
	display: block;
	font-size: 30px; font-size: 3.0rem;
}
.top-results-num-box2 .txt-num {
	display: block;
	padding-top: 10px;
	font-size: 160px; font-size: 16.0rem;
}
.top-results-box2-2 {
	width: 38.12%;
	height: 600px;
	padding-top: 40px;
	background: #292929;
	font-size: 18px; font-size: 1.8rem;
}
.top-results-img-box2 {
	position: absolute;
	top: 80px;
	left: 0%;
	width: 66.66%;
	background: #fff;
	box-shadow: 1px 1px 20px rgba(0,0,0,0.3);
}
.top-results-btn {
	margin-top: 150px;
}

@media screen and (min-width: 768px) and (max-width: 1023px){
.top-results-tit {
	top: -40px;
	margin-bottom: -40px;
}
.mgTset-top-results {
	margin-top: 170px;
}
.top-results-bg {
	height: 340px;
}
.top-results-box1 {
	height: 400px;
	background: url("../images/pages/top_results_box_bg.png"), -webkit-linear-gradient(50deg, #01a2ff, #ba00ff 70%);
	background: url("../images/pages/top_results_box_bg.png"), -o-linear-gradient(50deg, #01a2ff, #ba00ff 70%);
	background: url("../images/pages/top_results_box_bg.png"), linear-gradient(140deg, #01a2ff, #ba00ff 70%);
	background-repeat: no-repeat, no-repeat;
	background-position: left 40px top 50px, left;
	background-size: 160px auto, 100%;
}
.top-results-num-box1 {
	padding-top: 146px;
}
.top-results-num-box1 .txt-prodct {
	font-size: 20px; font-size: 2.0rem;
}
.top-results-num-box1 .txt-num {
	font-size: 120px; font-size: 12.0rem;
}
.top-results-box1-2 {
	height: 400px;
	padding-top: 30px;
	font-size: 16px; font-size: 1.6rem;
}
.top-results-img-box1 {
	top: 60px;
}
.ribbon {
	position: absolute;
	top: 0;
	left: 0;
	width: 105px;
	height: 105px;
	background-image: url("../images/pages/top_results_ribbon1.png");
	background-repeat: no-repeat;
	background-size: 100%;
}
.ribbon .btn-view {
	display: inline-block;
	margin: 22px 0 0 10px;
	padding-bottom: 10px;
	font-size: 10px; font-size: 1.0rem;
	background-image: url("../images/common/arrow_01.png");
	background-repeat: no-repeat;
	background-size: 15px auto, 100%;
	background-position: center bottom;
}
.ribbon:hover {
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	opacity:0.8;
}
.top-results-box2 {
	height: 400px;
	background: url("../images/pages/top_results_box_bg.png"), -webkit-linear-gradient(50deg, #01a2ff 30%, #ba00ff 100%);
	background: url("../images/pages/top_results_box_bg.png"), -o-linear-gradient(50deg, #01a2ff 30%, #ba00ff 100%);
	background: url("../images/pages/top_results_box_bg.png"), linear-gradient(140deg, #01a2ff 30%, #ba00ff 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: right 40px top 50px, left;
	background-size: 160px auto, 100%;
}
.top-results-num-box2 {
	padding-top: 146px;
}
.top-results-num-box2 .txt-prodct {
	font-size: 20px; font-size: 2.0rem;
}
.top-results-num-box2 .txt-num {
	font-size: 120px; font-size: 12.0rem;
}
.top-results-box2-2 {
	height: 400px;
	padding-top: 30px;
}
.top-results-img-box2 {
	top: 60px;
	font-size: 16px; font-size: 1.6rem;
}
.top-results-btn {
	margin-top: 100px;
}
}

@media screen and (max-width: 767px){
.top-results-tit {
	top: -40px;
	margin-bottom: -40px;
}
.mgTset-top-results {
	margin-top: 120px;
}
.top-results-bg {
	height: 170px;
}
.top-results-box1 {
	position: relative;
	top: -30px;
	width: 90%;
	height: 200px;
	background: url("../images/pages/top_results_box_bg.png"), -webkit-linear-gradient(50deg, #01a2ff, #ba00ff 70%);
	background: url("../images/pages/top_results_box_bg.png"), -o-linear-gradient(50deg, #01a2ff, #ba00ff 70%);
	background: url("../images/pages/top_results_box_bg.png"), linear-gradient(140deg, #01a2ff, #ba00ff 70%);
	background-repeat: no-repeat, no-repeat;
	background-position: left 20px top 30px, left;
	background-size: 80px auto, 100%;
}
.top-results-num-box1 {
	padding-top: 76px;
	padding-right: 24%;
}
.top-results-num-box1 .txt-prodct {
	font-size: 16px; font-size: 1.6rem;
}
.top-results-num-box1 .txt-num {
	font-size: 60px; font-size: 6.0rem;
}
.top-results-box1-2 {
	height: 200px;
	padding-top: 24px;
	font-size: 12px; font-size: 1.2rem;
}
.top-results-img-box1 {
	top: 60px;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
}
.ribbon {
	position: absolute;
	top: 0;
	left: 0;
	width: 105px;
	height: 105px;
	background-image: url("../images/pages/top_results_ribbon1.png");
	background-repeat: no-repeat;
	background-size: 105px;
	background-position: left -15px top -15px;
}
.ribbon .btn-view {
	display: inline-block;
	margin: 10px 0 0 10px;
	padding-bottom: 10px;
	font-size: 10px; font-size: 1.0rem;
	font-weight: 400;
	line-height: 1.2;
	background-image: none;
}
.ribbon:hover {
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	opacity:0.8;
}
.top-results-box2 {
	position: relative;
	top: -30px;
	margin-left: 10%;
	width: 90%;
	height: 200px;
	background: url("../images/pages/top_results_box_bg.png"), -webkit-linear-gradient(50deg, #01a2ff 30%, #ba00ff 100%);
	background: url("../images/pages/top_results_box_bg.png"), -o-linear-gradient(50deg, #01a2ff 30%, #ba00ff 100%);
	background: url("../images/pages/top_results_box_bg.png"), linear-gradient(140deg, #01a2ff 30%, #ba00ff 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: right 20px top 30px, left;
	background-size: 80px auto, 100%;
}
.top-results-num-box2 {
	padding-top: 76px;
}
.top-results-num-box2 .txt-prodct {
	font-size: 16px; font-size: 1.6rem;
}
.top-results-num-box2 .txt-num {
	font-size: 60px; font-size: 6.0rem;
}
.top-results-box2-2 {
	height: 200px;
	padding-top: 24px;
	font-size: 12px; font-size: 1.2rem;
}
.top-results-img-box2 {
	top: 60px;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.3);
}
.top-results-btn {
	margin-top: 80px;
}
}

@media screen and (max-width: 767px) and (orientation : landscape) {
.mgTset-top-results {
	margin-top: 230px;
}
.top-results-btn {
	margin-top: 200px;
}
}



/*　NEWS(トップ含む)
-------------------------------------------------------*/
.top-news-bg {
	background: url("../images/common/bg_line.png"),-webkit-linear-gradient(25deg, #1fc6fd 0%, #0772e1 60%, #0349a8 60%);
	background: url("../images/common/bg_line.png"),-o-linear-gradient(25deg, #1fc6fd 0%, #0772e1 60%, #0349a8 60%);
	background: url("../images/common/bg_line.png"),linear-gradient(115deg, #1fc6fd 0%, #0772e1 60%, #0349a8 60%);
	background-repeat: repeat, no-repeat;
	background-position: center top, center;
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: pixelated;
}
.top-news-bg * {
	image-rendering: auto;
}
.top-news-tit {
	position: relative;
	top: -60px;
	margin-bottom: -60px;
	background: -webkit-linear-gradient(25deg, #fff 81%, transparent 81%);
	background: -o-linear-gradient(25deg, #fff 81%, transparent 81%);
	background: linear-gradient(115deg, #fff 81%, transparent 81%);
}
.top-news-box {
	padding: 30px 0 30px 30px;
	background-image: url("../images/pages/top_news_bg.png");
	background-repeat: no-repeat;
	background-position: left 1px top 0;
	overflow: hidden;
}
.top-news-box dt {
	width: 180px;
}
.top-news-box dd {
	width: calc(100% - 180px);
	padding-left: 15px;
}
.top-news-box a {
	color: #fff;
}
.top-news-box a:hover {
	text-decoration: underline;
}
.news-list-box:nth-child(even) {
	background: -webkit-linear-gradient(left, rgba(168,0,255, 0.05), rgba(0,108,255, 0.05));
	background: -o-linear-gradient(left, rgba(168,0,255, 0.05), rgba(0,108,255, 0.05));
	background: linear-gradient(to right, rgba(168,0,255, 0.05), rgba(0,108,255, 0.05));
}
.news-list-box a {
	display: block;
	color: #333;
	padding: 30px 0;
}
.news-list-box a:hover {
	text-decoration: underline;
}
.news-list-box dt {
	width: 220px;
}
.news-list-box dd {
	width: calc(100% - 220px);
	padding-left: 30px;
}
.news-detail-date {
	display: inline-block;
	margin: 0 0 20px;
}
.news-detail strong {
	font-weight: 700;
}
.news-detail em {
	font-style: italic !important;
}
.news-detail ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 25px;
}
.news-detail ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 25px;
}


@media screen and (min-width: 768px) and (max-width: 1023px){
.top-news-tit {
	top: -40px;
	margin-bottom: -40px;
}
}

@media screen and (max-width: 767px){
.top-news-tit {
	top: -40px;
	margin-bottom: -40px;
}
.top-news-box {
	padding: 15px;
	background-image: url("../images/pages/top_news_bg.png");
	background-repeat: no-repeat;
	background-position: left 1px top 0;
	overflow: hidden;
}
.top-news-box dt {
	width: 120px;
}
.top-news-box dd {
	width: calc(100% - 120px);
	padding-left: 10px;
	font-size: 12px; font-size: 1.2rem;
}
.news-list-box dt {
	width: 120px;
}
.news-list-box dd {
	width: calc(100% - 120px);
	padding-left: 10px;
	font-size: 12px; font-size: 1.2rem;
}
}



/*　ページャー / NEWS・実績紹介
-------------------------------------------------------*/
.pagination {
  display: block;
  padding-left: 0;
  margin: 0 !important;
  padding-top: 10px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 12px 18px;
  margin-left: 8px;
  margin-top: 10px;
  line-height: 1.4;
  color: #333;
  text-decoration: none;
  background-color: #fff;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {

}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 3;
  color: #fff;
  background: #01275c;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  font-weight: 700;
  background: linear-gradient(to right, #2fcec1, #006cff);
}

@media screen and (min-width: 768px) and (max-width: 1023px){
.pagination > li > a,
.pagination > li > span {
  padding: 6px 12px;
}
}

@media screen and (max-width: 767px){
.pagination > li > a,
.pagination > li > span {
  padding: 6px 12px;
}
}



/*　　トップページ　/ インスタグラム・採用
-------------------------------------------------------*/
.top-instagram-tit {
	margin-bottom: 15px;
	padding: 30px 20px;
	border-bottom: 1px solid #ccc;
}
.top-instagram-tit a {
	display: block;
	margin: 0 auto;
}

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

@media screen and (max-width: 767px){
.top-instagram-tit {
	margin-bottom: 10px;
	padding: 15px 15px;
}
.top-instagram-tit a {
	max-width: 310px;
}
}




/*　　各ページタイトルイメージ
-------------------------------------------------------*/
.pagetitle-img {
	height: 340px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.page-oem {
	background-image: url("../images/pages/pagetitle_oem.jpg");
}
.page-results {
	background-image: url("../images/pages/pagetitle_results.jpg");
}
.page-company {
	background-image: url("../images/pages/pagetitle_company.jpg");
}
.page-contact {
	background-image: url("../images/pages/pagetitle_contact.jpg");
}
.page-news {
	background-image: url("../images/pages/pagetitle_news.jpg");
}

@media screen and (min-width: 768px) and (max-width: 1023px){
.pagetitle-img {
	height: 220px;
}
}

@media screen and (max-width: 767px){
.pagetitle-img {
	height: 130px;
}
}



/*　　OEM部品製作
-------------------------------------------------------*/
.oem-ei-box {
	position: relative;
	padding: 8px 8px 90px;
	background-color: #fff;
	background-image: url("../images/pages/results_list_box_bg.jpg");
	background-repeat: no-repeat;
	background-position: left 20px bottom 20px;
	background-size: 128px 44px;
}
.oem-ei-box .ei-tit {
	position: absolute;
	bottom: 45px;
	right: 8px;
	width: 72%;
	height: 60px;
	padding-left: 30px;
	color: #fff;
	line-height: 60px;
	text-align: center;
	background: linear-gradient(65deg, transparent 30px, #2fcec1 30px, #006cff);
}

@media screen and (min-width: 768px) and (max-width: 1023px){
.oem-ei-box {
	padding: 8px 8px 70px;
	background-position: left 15px bottom 15px;
	background-size: 100px auto;
}
.oem-ei-box .ei-tit {
	bottom: 40px;
	width: 72%;
	height: 40px;
	line-height: 40px;
}
}

@media screen and (max-width: 767px){
.oem-ei-box {
	padding: 8px 8px 70px;
	background-position: left 15px bottom 15px;
	background-size: 90px auto;
}
.oem-ei-box .ei-tit {
	bottom: 45px;
	width: 72%;
	height: 40px;
	line-height: 40px;
}
}



/*　　製作実績
-------------------------------------------------------*/
.results-list-box {
	position: relative;
	padding: 8px 8px 90px;
	background-color: #fff;
	background-image: url("../images/pages/results_list_box_bg.jpg");
	background-repeat: no-repeat;
	background-position: left 20px bottom 20px;
	background-size: 128px 44px;
}
.results-list-box .product-tit {
	position: absolute;
	bottom: 45px;
	right: 8px;
	width: 72%;
	height: 60px;
	padding-left: 30px;
	color: #fff;
	line-height: 60px;
	text-align: center;
	background: linear-gradient(65deg, transparent 30px, #2fcec1 30px, #006cff);
}
.results-list-box .product-date {
	position: absolute;
	right: 20px;
	bottom: 10px;
	color: #999;
}
.results-detail-box {
	position: relative;
	padding: 8px 8px 90px;
	background-color: #fff;
	background-image: url("../images/pages/results_list_box_bg.jpg");
	background-repeat: no-repeat;
	background-position: left 20px bottom 20px;
	background-size: 128px 44px;
}
.results-detail-box .product-caption {
	position: absolute;
	right: 30px;
	bottom: 30px;
	color: #999;
}

@media screen and (min-width: 768px) and (max-width: 1023px){
.results-list-box {
	padding: 8px 8px 70px;
	background-position: left 15px bottom 15px;
	background-size: 100px auto;
}
.results-list-box .product-tit {
	bottom: 40px;
	width: 72%;
	height: 40px;
	line-height: 40px;
}
}

@media screen and (max-width: 767px){
.results-list-box {
	padding: 8px 8px 70px;
	background-position: left 15px bottom 15px;
	background-size: 90px auto;
}
.results-list-box .product-tit {
	bottom: 45px;
	width: 72%;
	height: 40px;
	line-height: 40px;
}
.results-detail-box {
	padding: 8px;
	background-image: none;
}
.results-detail-box .product-caption {
	position: relative;
	right: auto;
	bottom: auto;
	text-align: center;
	padding: 10px 10px 70px;
	background-image: url("../images/pages/results_list_box_bg.jpg");
	background-repeat: no-repeat;
	background-position: center bottom 20px;
	background-size: 90px auto;
}
}



/*　　会社概要
-------------------------------------------------------*/
.accessmap-box {
	height: 550px;
}

@media screen and (min-width: 768px) and (max-width: 1023px){
.accessmap-box {
	height: 450px;
}
}

@media screen and (max-width: 767px){
.accessmap-box {
	height: 400px;
}
}



/*　　お問い合わせ　/　メールフォーム
-------------------------------------------------------*/
.privacy-box {
	max-width: 860px;
	margin: 0 auto;
}
.contactForm {
	margin: 30px auto 0;
}
.contactForm .pan {
	display: none;
}
.contactForm .icon-required {
	position: relative;
	display: inline-block;
	font-size: 12px; font-size: 1.2rem;
	line-height: 1.5;
	margin-left: 10px;
	padding: 2px 8px 2px;
	background-color: #cc0000;
	color: #fff;
	vertical-align:middle;
	border-radius: 3px;
}
.contactForm th,
.contactForm td { font-size: 16px; font-size: 1.6rem;}
.contactForm input { padding: 10px; font-size: 16px; font-size: 1.6rem; vertical-align:middle; border: 1px solid #ccc;}
.contactForm .select1 { height: 40px; font-size: 16px; font-size: 1.6rem; width: 50%; line-height:1.6; padding: 3px; border: 1px solid #ccc;}
.contactForm textarea { padding: 3px; font-size: 16px; font-size: 1.6rem; border: 1px solid #ccc;}
.contactForm .btn-box {
	padding-top: 50px;
	text-align: center;
}
.contactForm .btn-send,
.contactForm .btn-send2{
	display: block;
	-webkit-appearance: none;
	width: 680px;
	height: 80px;
	margin: 0 auto;
	color: #fff;
	font-size: 20px; font-size: 2.0rem;
	font-weight: 700;
	text-align: center;
	border: 0;
	border-radius: 0;
	background: url("../images/common/arrow_01.png"), -webkit-linear-gradient(left, #2fcec1, #006cff);
	background: url("../images/common/arrow_01.png"), -o-linear-gradient(left, #2fcec1, #006cff);
	background: url("../images/common/arrow_01.png"), linear-gradient(to right, #2fcec1, #006cff);
	background-repeat: no-repeat, no-repeat;
	background-size: 19px auto, 100%;
	background-position: right 10px center, center;
	cursor: pointer;
}
.contactForm .btn-send2 {
	width: 40%;
	margin: 0 5%;
}
.contactForm .btn-send:hover,
.contactForm .btn-send2:hover  {
	background: url("../images/common/arrow_01.png"), -webkit-linear-gradient(left, #29ecdc, #00a2ff);
	background: url("../images/common/arrow_01.png"), -o-linear-gradient(left, #29ecdc, #00a2ff);
	background: url("../images/common/arrow_01.png"), linear-gradient(to right, #29ecdc, #00a2ff);
	background-repeat: no-repeat, no-repeat;
	background-size: 19px auto, 100%;
	background-position: right 10px center, center;
}
.contactForm .btn-modify {
	position: relative;
	-webkit-appearance: none;
	width: 40%;
	height: 80px;
	margin: 0 5%;
	font-size: 20px; font-size: 2.0rem;
	font-weight: 700;
	border: 0;
	border-radius: 0;
	color:#fff;
	background-color: #666;
	cursor: pointer;
}
.contactForm .btn-modify:hover {
	background-color: #999;
}
#error_message_area {
	margin-top: -120px;
	padding-top: 130px;
}

@media screen and (min-width: 768px) and (max-width: 1023px){
.contactForm .btn-send {
	width: 80%;
	font-size: 20px; font-size: 2.0rem;
}
.contactForm .btn-send2 {
	font-size: 20px; font-size: 2.0rem;
}
}

@media screen and (max-width: 767px){
.contactForm .size_and_txt {
	width: 50%;
}
.contactForm .btn-box {
	padding-top: 30px;
}
.contactForm .btn-send {
	width: 80%;
	height: 60px;
	font-size: 18px; font-size: 1.8rem;
}
.contactForm .btn-send2 {
	width: 80%;
	height: 60px;
	margin: 20px auto 0;
	font-size: 18px; font-size: 1.8rem;
}
.contactForm .btn-modify {
	width: 80%;
	height: 60px;
	margin: 0 auto;
	font-size: 18px; font-size: 1.8rem;
}
}