@charset "utf-8";


/* 【PAD】ウィンドウ幅が480以上　768px以下の場合に適用するCSS */
@media screen and (min-width: 480px) and (max-width: 768px){
}



/* 【SP】ウィンドウ幅が768px以下の場合に適用するCSS */
@media screen and (max-width: 768px) {



/* 共通　パーツ
=======================================================================*/
.btn a,
.btn span {
	background: url(../img/bace/arrow_01.png) no-repeat scroll 90% center;
    background-size: 6px auto;
	border:1px solid #fff;
	color:#fff !important;
	position: relative;
    display: inline-block;
    transition: 0.3s;
	padding: 15px 13% 15px 10%;
}
.btn {/* 背景画像で隠れてしまうのを解除 */
    position: relative;
    z-index: 0;
}
.btn a:before,
.btn span:before {
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: "";
	
	transform-origin: right 0;
	transform: scale(0, 1);
	transition: transform 0.3s;
}


/* 下層ページ -----------------*/
.second {
	background:#141e32;
}
.second #contents {
	padding: 30px 5%;
	color: #fff;
}



/* タイトル　共通
=======================================================================*/
#home .menu header li:nth-child(1) a,
#machinery header li:nth-child(2) a,
#product header li:nth-child(3) a,
#company header li:nth-child(4) a,
#inquiry header li:nth-child(5) a {
	background: #fff;
	color:#333;
	pointer-events: none;
}

#home .menu header li:nth-child(1) a::before,
#machinery header li:nth-child(2) a::before,
#product header li:nth-child(3) a::before,
#company header li:nth-child(4) a::before,
#inquiry header li:nth-child(5) a::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
}

.slicknav_nav:before {
	content: "";
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100vh;
    display: inline-block;
    z-index: -1;
    position: absolute;
    top: 0;
}


/* 下層ページ メインタイトル -----------------*/
.pagetitle {
	background: #ccc;
    padding: 25px 0 0 0;
    color: #fff;
}
.pagetitle .title {
    font-size: 22px;
    text-align: center;
    padding: 40px 0;
}

.pagetitle ul {
    font-size: 10px;
    width: 65%;
    margin: -15px 0 0 80px;
	line-height: 1.9;
}
.pagetitle li {
	display:inline-block;
}
.pagetitle li a {
	color: #fff;
}
.pagetitle li a:after {
	content: ">";
    font-size: 10px;
    margin: 0 10px;
	color: #fff !important;
}










/* 
=======================================================================*/


/* 
=======================================================================*/


/* プライバシーポリシー #other　その他のテキストページ共通
=======================================================================*/
#other .pagetitle {
	background:url(../img/privacy/pagetotle_bg.jpg) no-repeat scroll center center;
	background-size:cover;
}

#other .title_01 {
    background: #fff;
    color: #333;
    padding: 10px 15px;
    font-size: 20px;
    margin: 20px 0;
    line-height: 1.4;
}
#other .title_02 {
	border-bottom:1px solid #fff;
	padding: 10px 0;
	font-size: 18px;
    margin: 15px 0;
	line-height: 1.6;
}
#other .title_03 {
	font-size: 18px;
    border-left: 2px solid #fff;
    padding: 0 0 1px 10px;
    margin: 15px 0;
	line-height: 1.6;
}

#other p {
	line-height: 1.8;
    font-size: 14px;
}

#other p + .title_01 {
	margin-top:50px;
}
#other p + .title_02,
#other p + .title_03 {
	margin-top:20px;
}


/* お問い合わせ #inquiry
=======================================================================*/
#inquiry .pagetitle {
	background:url(../img/inquiry/pagetotle_bg.jpg) no-repeat scroll center center;
	background-size:cover;
}

#inquiry #contents {
}


/* 会社概要 #company
=======================================================================*/
#company .pagetitle {
	background:url(../img/company/pagetotle_bg.jpg) no-repeat scroll center center;
	background-size:cover;
}

.company_area {
}
.company_area dl {
	line-height: 1.8;
}
.company_area dt,
.company_area dd {
	font-size: 18px;
}
.company_area dt {
    border-bottom: 1px solid #fff;
    padding: 5px 0;
    font-size: 20px;
    font-weight: bold;
}
.company_area dd {
	padding: 15px 0 30px;
}

.company_area li {
}

.company_area .history_area {
	margin: -10px 0 10px 0;
}
.company_area .history_area li {
}
.company_area .history_area span {
	display: block;
    margin: 20px 0 10px 0;
    border-bottom: 1px dashed #bbb;
}


/* 製品一覧 #product
=======================================================================*/
#product .pagetitle {
	background:url(../img/product/pagetotle_bg.jpg) no-repeat scroll center center;
	background-size:cover;
}

#product .link_area {
	background:url(../img/product/link_bg.jpg) no-repeat scroll center center;
	background-size:cover;
}

.product_area .img {
	margin:0 0 30px 0;
}
.product_area .box {
	margin: 0 0 60px 0;
}
.product_area .box:last-child {
	margin-bottom:0;
}
.product_area .text {
}
.product_area .title {
	font-size: 22px !important;
}
.product_area p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	line-height: 1.8;
}
.product_area .title2 {
	font-size:18px;
	margin:30px 0 20px 0;
}
.product_area ul {
	background: #2b3446;
    padding: 20px 5%;
    line-height: 1.4;
}
.product_area li {
	margin:0 0 15px 0;
}
.product_area li:last-child {
	margin-bottom:0;
}
.product_area li p {
	line-height: 1.5;
}
.product_area li .btn a {
	margin: 15px 0;
    font-size: 15px;
    padding: 8px 30px 8px 25px;
	background-size: 4px auto;
}


/* 設備機器 #machinery
=======================================================================*/
#machinery .pagetitle {
	background:url(../img/machine/pagetotle_bg.jpg) no-repeat scroll center center;
	background-size:cover;
}

.machine_area li a {
	display:inline-block;
	color:#fff !important;
}

.machine_area li .btn span {
	background: url(../img/bace/arrow_01.png) no-repeat scroll 93% center;
    background-size: 8px auto;
    padding: 10px 0;
    width: 100%;
    font-size: 15px;
    text-align: center;
}

.machine_area ul {
	font-size:0;
}
.machine_area li {
	display: inline-block;
    vertical-align: top;
    width: 47%;
    margin: 0 6% 50px 0;
    font-size: 13px;
    line-height: 1.8;
}
.machine_area li:nth-child(2n) {
	margin-right:0;
}
.machine_area .img img {
	width:100%;
}
.machine_area p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 13px;
    line-height: 1.8;
}
.machine_area .title,
.product_area .title {
	font-size: 18px;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
	line-height: 1.6;
}

.link_area {
	background:#bbb;
	text-align:center;
    padding: 60px 0;
}
.link_area .title {
	font-size: 20px;
    margin: 0 0 30px 0;
    letter-spacing: 2px;
	color: #fff;
}
.link_area a {
	padding: 15px 40px;
}

#machinery .link_area {
	background:url(../img/machine/link_bg.jpg) no-repeat scroll center center;
	background-size:cover;
}


/* 設備詳細
=======================================================================*/
.detail_area {
}
.detail_area .box {
}

.detail_area .img {
}
.detail_area .img img {
}

.detail_area .text {
	margin: 30px 0 0 0;
}
.detail_area .text .title {
	line-height: 1.6;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #474E5B;
    margin: 0 0 15px 0;
	font-size: 20px;
}
.detail_area .text .category {
	margin: 0 0 10px 0;
}
.detail_area .text .category li {
	background: #fff;
    color: #333;
    font-size: 12px;
    padding: 6px 10px;
    display: inline-block;
    border-radius: 3px;
    margin: 0 5px 10px 0;
}
.detail_area .text p {
	line-height:1.8;
}

.detail_area .text .title_point {
	font-size: 16px;
    border: 1px solid #474E5B;
    padding: 8px 25px;
    margin: 30px 0 20px 0;
    display: inline-block;
    border-radius: 100px;
}
.detail_area .text .point {
}
.detail_area .text .point li {
	border-bottom: 1px dashed #474E5B;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    line-height: 1.5;
}

.detail_area table {
	width: 100%;
}
.detail_area td {
	border: 1px solid #474E5B;
	padding:15px;
}

.detail_area td:first-child {
}
.detail_area tr:nth-child(even) td {
	background: #283247;
}

.detail_area .btn {
	text-align: center;
    margin: 60px 0 0 0;
}
.detail_area .btn a {
	background: url(../img/bace/arrow_01.png) no-repeat scroll 95% center;
    background-size: 4px auto;
	font-size: 13px;
    padding: 10px 0;
    width: 40%;
    margin: 0 0 30px 0;
}


/* 新着情報
=======================================================================*/
.news_area {
	color: #fff;
}
.news_area .inner {
	background: #2c3447;
    padding: 40px 5% 40px;
}
.news_area ul {
	height: 100px;
}
.news_area .title {
	font-size: 20px;
    margin: 0 0 15px 0;
	text-align: center;
}
.news_area a {
	color:#fff !important;
	line-height: 1.7;
}
.news_area li {
	border-bottom:1px dashed #656876;
	font-size:13px;
	padding: 10px 0;
	display: flex;
}
.news_area span {
	margin:0 15px 0 0;
}


/* ギャラリー
=======================================================================*/
.slider_gallery_area {
	background:url(../img/top/top_gallery_bg.png) repeat scroll 0 0;
	padding: 30px 0 20px;
}
.slider_gallery_area .title {
	text-align:center;
	color:#fff;
    font-size: 22px;
    margin: 0 0 20px 0;
}
.slider_gallery_area .slick-next {
	right:-40px;
}
.slider_gallery_area .slick-prev {
	left:-40px;
}
.slider_gallery_area .slick-dots {
}

.slider_gallery_area ul {
	margin: 0 5%;
}
.slider_gallery_area li {
	overflow:hidden;
	margin:0 10px;
	position:relative;
}
.slider_gallery_area img {
	width:100%;
	transition: all 5000ms cubic-bezier(0.215,0.610,0.355,1.000);
}

.slider_gallery_area li a .text_move {
	display:none;
}


/* トップページ
=======================================================================*/
#home {
	background:#131e32;
}

/* 製品情報リンク -----------------*/
.link_product_area {
	margin: 30px 0;
}
.link_product_area ul {
	padding:0 5%;
}
.link_product_area li {
	width:100%;
}
.link_product_area li a {
	display: block;
	position: relative;
    height: 250px;
	overflow: hidden;
}

.link_product_area li a:after {
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	left: 0;
    transition: all 5000ms cubic-bezier(0.215,0.610,0.355,1.000);
}
.link_product_area li:nth-child(1) a {
	margin: 0 0 30px 0;
}
.link_product_area li:nth-child(1) a:after {
	background:url(../img/top/top_link_img_01.jpg) no-repeat scroll center center;
	background-size:cover;
}
.link_product_area li:nth-child(2) a:after {
	background:url(../img/top/top_link_img_02.jpg) no-repeat scroll center center;
	background-size:cover;
}

.link_product_area a .title {
    background: rgba(19,30,50,0.8);
    color: #fff;
    padding: 25px 5%;
    position: absolute;
    bottom: 0;
    width: 90%;
    z-index: 10;
	transition: all 0.5s cubic-bezier(0.215,0.610,0.355,1.000);
}
.link_product_area a .title span {
	background: url(../img/bace/arrow_01.png) no-repeat scroll 95% center;
    background-size: 6px auto;
    padding: 0 20px 0 0;
}


/* メインビジュアル
=======================================================================*/
.slick-prev,
.slick-next {
	display:none !important;
}

#mv .mv_img_01 {
	background: url(../img/top/mv_img_01.jpg) no-repeat scroll center center;
	background-size:cover;
}
#mv .mv_img_02 {
	background: url(../img/top/mv_img_02.jpg) no-repeat scroll center center;
	background-size:cover;
}
#mv .mv_img_03 {
	background: url(../img/top/mv_img_03.jpg) no-repeat scroll center center;
	background-size:cover;
}
#mv .mv_img_04 {
	background: url(../img/top/mv_img_04.jpg) no-repeat scroll center center;
	background-size:cover;
}

.slider_mv li {
	height:400px;
}

#mv .inner {
	position:relative;
	height: 100%;
}
#mv .inner .box {
	color: #fff;
    position: absolute;
    width: 90%;
    padding: 0 5%;
    bottom: 20px;
}
#mv .inner .title {
    font-size: 25px;
    line-height: 1.4;
    letter-spacing: 2px;
}
#mv .inner .text {
	line-height: 1.8;
    margin: 5px 0 0;
}
#mv .inner .btn {
	padding: 15px 0;
}


/* footer
=======================================================================*/
footer {
	background:url(../img/footer/footer_bg.jpg) no-repeat scroll center center;
	background-size:cover;
	text-align:center;
	color:#fff;
}

footer .copy {
	padding: 10px 0;
	font-size:11px;
	color:#888;
}

footer .sitemap {
	display: none;
}

footer .logo {
    width: 80px;
    margin: 0 auto;
    padding: 20px 0 10px;
}

footer address {
	font-size:13px;
	line-height:1.8;
}


/* header
=======================================================================*/
header .logo {
    background: #131e32;
    position: fixed;
    padding: 10px;
    width: 45px;
    top: 0;
    z-index: 9999;
}

/* mini_header -----------------*/
.mini_header {
}


/* ページトップ
=======================================================================*/
#pagetop {
	bottom: -100px;
    position: fixed;
    right: 5px;
    width: 10%;
}
#pagetop img {
	vertical-align:bottom;
}


/* common
======================================*/
body {
	font-family: 'Sawarabi Mincho', sans-serif;
}
.sp_hidden {display:none !important;}
img{width:100%;}
a:link {color: #46321e;text-decoration: none;}
a:visited {color: #46321e;text-decoration: none;}
a:active {color: #46321e;text-decoration: none;}
/*a:current {color: #333;text-decoration: none;}*/
.inner {}


}
/* 【SP】ウィンドウ幅が768px以下の場合に適用するCSS */