@charset "UTF-8";

/*
Theme Name: Theme
Author: none
Version: none
*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
@import
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/*---------  Web Font ---------*/

@font-face {
	font-family: 'didot';
	src: url('assets/fonts/didot_medium-webfont.eot');
	src: url('assets/fonts/didot_medium-webfont.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/didot_medium-webfont.woff') format('woff'),
	url('assets/fonts/didot_medium-webfont.ttf') format('truetype'),
	url('assets/fonts/didot_medium-webfont.svg#didot') format('svg');
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
body
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

body {
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

b, strong, .bold {
	font-weight: bold;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
header
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/*■■■■■■■■■■■■ header ■■■■■■■■■■■■*/

.header {
	width: 100%;
	height: auto;
	padding: 50px 0;
	background-color: #ffffff;
}

.header::before, .header::after {
	display: block;
	content: "";
	clear: both;
}


/*---------  logo ---------*/

.header_logo_wrap {
	max-width: 100px;
	width: 100%;
	height: auto;
	float: left;
}

.header_logo_img {
	width: 100%;
	height: auto;
}

/*---------  global nav ---------*/

.header_gb-nav_wrap {
	display: inline-block;
	float: right;
	margin-top: 50px;
}

.header_gb-nav_list {
	font-size: 0;
	letter-spacing: -1em;
}

.header_gb-nav_Item {
	display: inline-block;
	padding: 0 20px 2px 20px;
	border-left: 1px solid #000000;
}

.header_gb-nav_Item:last-child {
	border-right: 1px solid #000000;
}

.header_gb-nav_link {
	font-size: 14px;
	color: #000000;
	line-height: 1.4;
	letter-spacing: normal;
}

/*■■■■■■■■■■■■ header sp ■■■■■■■■■■■■*/

.header-sp {
	background-color: #ffffff;
	width: 100%;
	height: auto;
	padding: 50px 20px;
}

.header-sp.overlay {
	background-color: #000000;
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 9999;
	display: none;
}

.header-sp.overlay.open {
	display: block;
}

.header-sp_inner::before, .header-sp_inner::after {
	display: block;
	content: "";
	clear: both;
}

.header-sp_logo_wrap {
	max-width: 100px;
	width: 100%;
	height: auto;
    float: left;
}

.header-sp_logo_img {
	width: 100%;
	height: auto;
}

/*---------  header sp global nav ---------*/

.header-sp_gb-nav_wrap {
	width: 100%;
	height: auto;
	padding: 0;
	text-align: center;
	padding: 70px 20px 20px 20px;
}

.header-sp_gb-nav_list {
	display: inline-block;
	max-width: 100px;
	width: 100%;
	height: auto;
}

.header-sp_gb-nav_item {
	text-align: left;
	margin-bottom: 20px;
}

.header-sp_gb-nav_link {
	font-size: 16px;
	line-height: 1.4;
	color: #ffffff;
}

/* header toggle */

.header-sp_toggle {
	width: 25px;
	height: 17px;
    background-image: url(assets/images/common/header-sp_toggle.png);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: right;
}

.header-sp_toggle.close {
    background-image: url(assets/images/common/header-sp_toggle-close.png);
    background-repeat: no-repeat;
    background-size: cover;
}

/*---------  992px ~ ---------*/
@media (min-width: 992px) {

.header-sp.overlay.open {
	display: none;
}
} /*end of @media*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
footer
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.footer {
	padding: 40px 0;
	background-color: #000000;
}

.footer_items::before, .footer_items::after {
	display: block;
	content: "";
	clear: both;
}

.footer_item:nth-child(1) {
	float: left;
}

.footer_item:nth-child(2) {
	float: right;
	border-left: 1px solid #ffffff;
	padding-left: 30px;
}

.footer_info_wrap {
	margin-bottom: 30px;
}

.footer_info_text {
	font-size: 13px;
	color: #ffffff;
	line-height: 1.6;
	font-weight: 400;
}

.footer_copy_text {
	font-size: 13px;
	color: #ffffff;
	line-height: 1.6;
	font-weight: 400;
}

.footer_sns-nav_wrap {
	margin-bottom: 30px;
}

.footer_sns-nav_link {
	font-size: 13px;
	color: #ffffff;
	line-height: 1.6;
	font-weight: 400;
}

.footer_nav_link {
	font-size: 13px;
	color: #ffffff;
	line-height: 1.6;
	font-weight: 400;
}

/*---------  ~ 991px ---------*/
@media (max-width: 991px) {

.footer_sns-nav_wrap {
	margin-top: 30px;
}

.footer_item:nth-child(1) {
	float: none;
}

.footer_item:nth-child(2) {
	float: none;
	border-left: none;
	padding-left: 0;
}
} /*end of @media*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
index .html /.php
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/*■■■■■■■■■■■■ hero visual ■■■■■■■■■■■■*/

.hero-visual_wrap {
	margin-bottom: 100px;
	position: relative;
}

.hero-visual_cover {
	background-image: url(assets/images/index/hero-visual_cover.png);
	background-repeat: repeat-y;
	background-position: center;
	position: absolute;
	top: 0;
	width: 100%;
	height: 400px;
	z-index: 100;
}

.slick-slide img {
	max-width: 400px;
	width: 100%;
	height: 400px;
	object-fit: cover;
}

/*■■■■■■■■■■■■ topics ■■■■■■■■■■■■*/

.topics_wrap {
	margin-bottom: 100px;
}

h2.topics_heading {
	font-size: 28px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 40px;
	font-family: 'didot';
}

h2.topics_heading .en {
	font-size: 11px;
	color: #000000;
	line-height: 1.6;
	display: block;
}

.topics_list_time {
	font-size: 14px;
	color: #000000;
	line-height: 1.6;
	text-align: left;
	width: 100px;
}

.topics_list_text {
	font-size: 14px;
	color: #000000;
	line-height: 1.6;
	text-align: left;
}

.topics_list {
	margin-bottom: 40px;
}

.topics_list_item {
	padding: 15px 0;
	border-bottom: 1px solid #000000;
}

.topics_more-btn {
	display: block;
	max-width: 100px;
	width: 100%;
	height: auto;
	font-size: 14px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	padding: 3px 5px;
	border: 1px solid #000000;
}

.topics_more-btn .icon {
	display: inline-block;
	font-size: 8px;
	vertical-align: top;
	padding: 5px 0 0 5px;
}

/*■■■■■■■■■■■■ contents ■■■■■■■■■■■■*/

.contents_wrap {
	margin-bottom: 80px;
}

.contents_heading_wrap {
	position: relative;
	margin-bottom: 40px;
}

h3.contents_heading {
	font-size: 20px;
	color: #000000;
	line-height: 1.6;
	text-align: left;
	background-color: #ffffff;
	display: inline-block;
	padding-right: 20px;
}

h3.contents_heading::before {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #000000;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%) translateX(0);
	z-index: -1;
}

.contents_items {
	margin-bottom: 80px;
}

.contents_text_wrap {
	max-width: 350px;
}

.contents_text {
	width: 100%;
	height: auto;
	font-size: 14px;
	color: #000000;
	line-height: 1.6;
	text-align: justify;
	margin-bottom: 40px;
}

.contents_more-btn {
	display: block;
	max-width: 100px;
	width: 100%;
	height: auto;
	font-size: 14px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	padding: 3px 5px;
	border: 1px solid #000000;
}

.contents_more-btn .icon {
	display: inline-block;
	font-size: 8px;
	vertical-align: top;
	padding: 5px 0 0 5px;
}

.contents_thumb_wrap {
	border: 1px solid #000000;
	padding: 10px;
	position: relative;
}

.contents_thumb_img {
	width: 100%;
	height: auto;
}

.contents_thumb-type_img {
	width: 30px;
	height: auto;
	position: absolute;
	right: -30px;
	top: 20px;
}

.contents_items:nth-child(2) .contents_text_wrap {
	float: right;
}

.contents_items:nth-child(2) .contents_heading_wrap {
	text-align: right;
}

.contents_items:nth-child(2) h3.contents_heading {
	padding-right: 0;
	padding-left: 20px;
}

.contents_items:nth-child(2) .contents_thumb-type_img {
	position: absolute;
	left: -30px;
	top: 20px;	
}

/*---------  ~ 991px ---------*/
@media (max-width: 991px) {

.contents_items {
	margin-bottom: 70px;
}

.contents_item {
	margin-bottom: 60px;
}

.contents_thumb-type_img {
	width: auto;
	height: 30px;
	position: absolute;
	right: 0;
	top: -60px;
}

.contents_items:nth-child(2) .contents_heading_wrap {
	text-align: left;
}

.contents_items:nth-child(2) h3.contents_heading {
	padding-right: 20px;
	padding-left: 0;
}

.contents_items:nth-child(2) .contents_text_wrap {
	float: none;
}

.contents_items:nth-child(2) .contents_thumb-type_img {
	position: absolute;
	left: auto;
	right: 0;
	top: -60px;
}
} /*end of @media*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
timeline .html /.php
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.timeline_wrap {
	margin-bottom: 100px;
}

.timeline_visual_wrap {
	margin-bottom: 60px;
}

.timeline_visual_img {
	width: 100%;
	height: auto;
}

h2.timeline_heading {
	font-size: 28px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 40px;
	font-family: 'didot';
}

h2.timeline_heading .en {
	font-size: 11px;
	color: #000000;
	line-height: 1.6;
	display: block;
}

p.timeline_text {
	font-size: 14px;
	color: #000000;
	line-height: 28px;
	text-align: center;
	margin-bottom: 60px;
}

.timeline_list_time {
	font-size: 14px;
	color: #000000;
	line-height: 1.6;
	text-align: left;
	width: 150px;
}

.timeline_list_text {
	font-size: 14px;
	color: #000000;
	line-height: 1.6;
	text-align: left;
}

.timeline_list {
	margin-bottom: 40px;
}

.timeline_list_item {
	padding: 15px 0 15px 25px;
	border-top: 1px solid #000000;
}

.timeline_list_item:last-child {
	padding: 15px 25px;
	border-bottom: 1px solid #000000;
}

/*---------  ~ 991px ---------*/
@media (max-width: 991px) {

.timeline_visual_item {
	margin-bottom: 30px;
}

.timeline_list_time {
	display: block;
	width: 100%;	
}

.timeline_list_item, .timeline_list_item:last-child {
	padding: 15px 0;
	border-top: 1px solid #000000;
}

.timeline_list_text {
	display: block;
	width: 100%;
}

.timeline_visual_wrap {
	margin-bottom: 30px;
}
} /*end of @media*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
product-detail .html /.php
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.product-detail_wrap {
	margin-bottom: 100px;
}

h2.product-detail_heading {
	font-size: 28px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 40px;
	font-family: 'didot';
}

h2.product-detail_heading .en {
	font-size: 11px;
	color: #000000;
	line-height: 1.6;
	display: block;
}

/*■■■■■■■■■■■■ visual ■■■■■■■■■■■■*/

.product-detail_visual_wrap {
	margin-bottom: 60px;
	overflow: hidden;
}

.product-detail_visual_img {
	width: 100%;
	height: auto;
}

/*■■■■■■■■■■■■ product explain ■■■■■■■■■■■■*/

.product-detail_explain_wrap {
	margin-bottom: 40px;
}
	
h3.product-detail_explain_heading {
	font-size: 20px;
	color: #000000;
	line-height: 1.6;
	margin-bottom: 10px;
}

h4.product-detail_explain_heading {
	font-size: 14px;
	color: #000000;
	line-height: 1.6;
	margin-bottom: 20px;
}

p.product-detail_explain_text {
	font-size: 12px;
	color: #000000;
	line-height: 1.6;
	margin-bottom: 20px;
}

.product-detail_explain_icon {
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
	line-height: 1.6;
	max-width: 150px;
	width: 100%;
	height: auto;
	padding: 3px 5px;
	background-color: #b3b3b3;
	text-align: center;
}

/*■■■■■■■■■■■■ product article ■■■■■■■■■■■■*/

.product-article_wrap {
	margin-bottom: 80px;
}

.product-article_thumb_wrap {
	margin-bottom: 20px;
}

.product-article_thumb_img {
	width: 100%;
	height: auto;
}

p.product-article_text {
	font-size: 12px;
	color: #000000;
	line-height: 1.6;
	margin-bottom: 20px;
}

.product-detail_btn_wrap {
	text-align: center;
}

.product-detail_btn {
	display: inline-block;
	max-width: 280px;
	width: 100%;
	height: auto;
	padding: 8px 10px;
	font-size: 15px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	border: 1px solid #000000;
}

.product-article_btn {
	display: block;
	max-width: 200px;
	width: 100%;
	height: auto;
	font-size: 12px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	padding: 3px 5px;
	border: 1px solid #000000;
}

/*■■■■■■■■■■■■ basic spec ■■■■■■■■■■■■*/

.basic-spec_wrap {
	margin-bottom: 70px;
}

h3.basic-spec_heading {
	font-size: 18px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 30px;
}

h4.basic-spec_explain_heading {
	font-size: 14px;
	color: #000000;
	line-height: 1.6;
	margin-bottom: 15px;
}

p.basic-spec_explain_text {
	font-size: 12px;
	color: #000000;
	line-height: 1.6;
}

.basic-spec_items {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
}


.basic-spec_items .col-lg-4 {
	border-right: 1px solid #000000;
}
.basic-spec_items .col-lg-3 {
	border-right: 1px solid #000000;
}
.basic-spec_items .col-md-3 {
	border-right: 1px solid #000000;
}

.basic-spec_thumb_wrap {
	margin-bottom: 30px;
}

.basic-spec_thumb_img {
	width: 100%;
}

@media (max-width: 575px){
.basic-spec_items .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}


/*■■■■■■■■■■■■ product color ■■■■■■■■■■■■*/

.product-color_wrap {
	margin-bottom: 80px;
}

h3.product-color_heading {
	font-size: 18px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 30px;
}

.product-color_circle_img {
	display: inline-block;
	width: 35px;
	height: 35px;
	margin-bottom: 5px;
}

.product-color_text {
	font-size: 12px;
	color: #000000;
	line-height: 1.6;
}

.product-color_items {
    margin-bottom: 30px;
}

.product-color_items.four-items {
    max-width: 450px;
    margin: 0 auto 70px auto;
}

.product-color_items.four-items .product-color_item {
    width: 25%;
}

.product-color_items::before, .product-color_items::after {
    content: "";
    display: block;
    clear: both;
}

.product-color_item {
    width: 14%;
    height: auto;
    float: left;
    margin-bottom: 15px;
   	text-align: center;
}

.product-color_btn {
	display: block;
	max-width: 280px;
	width: 100%;
	height: auto;
	padding: 8px 10px;
	font-size: 15px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	border: 1px solid #000000;
	margin: 0 auto 20px auto;
}

/*---------  ~ 991px ---------*/
@media (max-width: 575px) {

.product-color_items {
    margin-bottom: 30px;
}

.product-color_item {
    width: 20%;
}
} /*end of @media*/

/*■■■■■■■■■■■■ other product ■■■■■■■■■■■■*/

.separate_border {
	border-top: 1px solid #000000;
	margin: 40px auto;
	max-width: 1010px;
	width: 100%;
	height: auto;
}

h3.other-product_heading {
	font-size: 18px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 20px;
}

.other-product_thumb_img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.other-product_caption_text {
	font-size: 14px;
	color: #000000;
	line-height: 1.6;
}

.other-product_wrap {
	margin-bottom: 200px;
}

/*---------  ~ 575px ---------*/
@media (max-width: 575px) {

.other-product_item {
	margin-bottom: 30px;
}

} /*end of @media*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
about .html /.php
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

h2.about_heading {
	font-size: 28px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 40px;
	font-family: 'didot';
}

h2.about_heading .en {
	font-size: 11px;
	color: #000000;
	line-height: 1.6;
	display: block;
}

/*■■■■■■■■■■■■ about ■■■■■■■■■■■■*/

/* visual */

.about_visual_wrap {
	margin-bottom: 100px;
}

.about_visual_img {
	width: 100%;
	height: auto;
}

/* explain */

.about_explain_text {
	font-size: 14px;
	color: #000000;
	line-height: 1.8;
	text-align: center;
	margin-bottom: 20px;
}

.divied-border {
	max-width: 960px;
	width: 100%;
	height: 1px;
	background-image: url(assets/images/common/divied-border.png);
	background-size: 100%;
	margin: 100px auto;
}

/*---------  ~ 991px ---------*/
@media (max-width: 991px) {

.about_visual_wrap {
	margin-bottom: 80px;
}

.divied-border {
	width: 90%;
	margin: 80px auto;
}
} /*end of @media*/

/*■■■■■■■■■■■■ about-service ■■■■■■■■■■■■*/

.about-service_items_wrap {
	margin-bottom: 100px;
}

.about-service_items {
	margin-bottom: 20px;
}

h3.about-service_heading {
	font-size: 20px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 40px;
}

.about-service_leading {
	font-size: 14px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 40px;
}

.about-service_thumb_img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

h4.about-service_heading {
	font-size: 16px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 30px;
	padding: 5px 10px;
	border: 1px solid #000000;
}

.about-service_text {
	font-size: 14px;
	color: #000000;
	line-height: 1.8;
	text-align: justify;
}

/*---------  ~ 991px ---------*/
@media (max-width: 991px) {

.about-service_text {
	margin-bottom: 30px;
}
} /*end of @media*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
technology .html /.php
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.technology_wrap {
	margin-bottom: 100px;
}

h2.technology_heading {
	font-size: 28px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 40px;
	font-family: 'didot';
}

h2.technology_heading .en {
	font-size: 11px;
	color: #000000;
	line-height: 1.6;
	display: block;
}

h3.technology_heading {
	font-size: 20px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 30px;
}

/* visual */

.technology_visual_wrap {
	margin-bottom: 70px;
}

.technology_visual_img {
	width: 100%;
	height: auto;
}

/* explain */

.technology_explain_wrap {
	margin-bottom: 80px;
}

h3.technology_heading {
	font-size: 20px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

h3.technology_heading::after {
	display: block;
	content: "";
	width: 35px;
	height: 2px;
	background-color: #000000;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.technology_explain_text {
	font-size: 14px;
	color: #000000;
	line-height: 1.8;
	text-align: center;
	margin-bottom: 20px;
}

/* items */

.technology_items {
	margin-bottom: 20px;
}

.technology_thumb_img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.technology_caption_text {
	font-size: 14px;
	color: #000000;
	line-height: 1.8;
	text-align: justify;
}

/*■■■■■■■■■■■■ feature ■■■■■■■■■■■■*/

.feature_wrap {
	margin-bottom: 100px;
}

h3.feature_heading {
	font-size: 20px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 40px;
	position: relative;
	padding-bottom: 10px;
}

h3.feature_heading::after {
	display: block;
	content: "";
	width: 35px;
	height: 2px;
	background-color: #000000;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.feature_visual_wrap {
	margin-bottom: 70px;
}

.feature_visual_img {
	width: 100%;
	height: auto;
}

.feature_explain_text {
	font-size: 14px;
	color: #000000;
	line-height: 1.8;
	text-align: center;
	margin-bottom: 40px;
}

.feature_explain_wrap {
	margin-bottom: 80px;
}

/*---------  ~ 991px ---------*/
@media (max-width: 991px) {

.technology_item {
	margin-bottom: 30px;
}
} /*end of @media*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
product .html /.php
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* product */

.product_visual_wrap {
	overflow: hidden;
	margin-bottom: 80px;
}

.product_slider_wrap {
	margin-bottom: 10px;
}

.product_slider_wrap .bx-wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: none;
    margin: 0;
}

.product_slide_img {
	width: 100%;
	height: 460px;
	object-fit: cover;
}

/* pager  */

.product_pager_list::before, .product_pager_list::after {
	content: "";
	display: block;
	clear: both;
}

.product_slider-pager_item {
	width: 20%;
	float: left;
	padding: 0 5px;
}

.product_slider-pager_img {
	width: 100%;
	height: auto;
}

.product_slider-pager_wrap {
	margin: 0 -5px;
}

/*■■■■■■■■■■■■ about product ■■■■■■■■■■■■*/

h2.about-product_heading {
	font-size: 28px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 40px;
	font-family: 'didot';
}

h2.about-product_heading .en {
	font-size: 11px;
	color: #000000;
	line-height: 1.6;
	display: block;
}

.about-product_visual_wrap {
	margin-bottom: 70px;
}

.about-product_visual_img {
	width: 100%;
	height: auto;
}

.about-product_explain_wrap {
	max-width: 400px;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

h3.about-product_explain_heading {
	font-size: 20px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 40px;
}

.about-product_explain_text {
	font-size: 14px;
	color: #000000;
	line-height: 1.8;
	text-align: justify;
	margin-bottom: 40px;
}

/*■■■■■■■■■■■■ exsample ■■■■■■■■■■■■*/

.exsample_heading_wrap {
	max-width: 400px;
	width: 100%;
	height: auto;
	margin: 0 auto 80px auto;
}

h3.exsample_heading {
	font-size: 20px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 20px;
}

.exsample_leading {
	font-size: 14px;
	color: #000000;
	line-height: 1.8;
	text-align: justify;
}

.exsample-product_wrap {
	margin-bottom: 90px;
}

.exsample-product_thumb_img {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

h4.exsample-product_heading {
	font-size: 18px;
	color: #000000;
	line-height: 1.6;
	text-align: center;	
	margin-bottom: 10px;
}

.exsample-product_text {
	font-size: 14px;
	color: #000000;
	line-height: 1.8;
	text-align: center;	
	margin-bottom: 40px;
}

/*■■■■■■■■■■■■ original ■■■■■■■■■■■■*/

.original_inner {
	border-top: 1px solid #000000;
	padding: 60px 0px;
}

h3.original_heading {
	font-size: 20px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 20px;
}

.original_leading {
	font-size: 14px;
	color: #000000;
	line-height: 1.8;
}

/*■■■■■■■■■■■■ system ■■■■■■■■■■■■*/

.system_inner {
	border-top: 1px solid #000000;
	padding: 60px 0;
}

h3.system_heading {
	font-size: 20px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 20px;
}

.system_leading {
	font-size: 14px;
	color: #000000;
	line-height: 1.8;
}

.system_heading_wrap {
	max-width: 650px;
	width: 100%;
	height: auto;
	margin: 0 auto 40px auto;
}

.system_illust_img {
	width: 100%;
	height: auto;	
}

/*■■■■■■■■■■■■ basic spec ■■■■■■■■■■■■*/

.product-spec_inner {
	padding: 60px 0;
}

.product-spec_heading_wrap {
	margin-bottom: 80px;
}

h3.product-spec_heading {
	font-size: 20px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 20px;
}

.product-spec_leading {
	font-size: 14px;
	color: #000000;
	line-height: 1.8;
}

.product-spec_icon_wrap {
	text-align: center;
}

.product-spec_leading {
	text-align: center;
}

.product-spec_leading_icon {
	display: inline-block;
	font-size: 14px;
	color: #000000;
	line-height: 1.6;
	max-width: 150px;
	width: 100%;
	height: auto;
	padding: 3px 5px;
	border: 1px solid #000000;
	text-align: center;
}

h4.product-spec_heading {
	font-size: 14px;
	color: #ffffff;
	line-height: 1.6;
	width: 100%;
	height: auto;
	padding: 10px 10px;
	background-color: #99c8e5;
	text-align: center;
	margin-bottom: 20px;
}

.product-spec_text {
	font-size: 14px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 50px;
}

.product-spec_thumb_img {
	width: 100%;
	height: auto;	
}

.product-spec_btn_wrap {
	text-align: center;
}

.product-spec_items {
	margin: 0 15px 120px 15px;
}

.product-spec_item {
	padding: 0 15px;
}

.product-spec_btn {
	display: inline-block;
	font-size: 14px;
	color: #000000;
	line-height: 1.6;
	max-width: 280px;
	width: 100%;
	height: auto;
	padding: 3px 5px;
	border: 1px solid #000000;
	text-align: center;
}

/*---------  ~ 991px ---------*/
@media (max-width: 991px) {

.product-spec_items {
	margin: 0;
}

.product-spec_item {
	padding: 0;
	margin-bottom: 80px;
	text-align: center;
}

.product-spec_thumb_img {
	max-width: 250px;
}
}

/*■■■■■■■■■■■■ original ■■■■■■■■■■■■*/

.installment_inner {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 60px 20px;
}

h3.installment_heading {
	font-size: 20px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 20px;
}

.installment_leading {
	font-size: 14px;
	color: #000000;
	line-height: 1.8;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
privacy-policy .html /.php
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.privacy-policy_wrap {
	margin-bottom: 100px;
}

h2.privacy-policy_heading {
	font-size: 28px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 40px;
	font-family: 'didot';
}

h2.privacy-policy_heading .en {
	font-size: 11px;
	color: #000000;
	line-height: 1.6;
	display: block;
}

h3.privacy-policy_heading {
	font-size: 16px;
	color: #000000;
	line-height: 1.6;
	margin-bottom: 10px;
}

.privacy-policy_text {
	font-size: 14px;
	color: #000000;
	line-height: 1.8;
	margin-bottom: 40px;
}

.privacy-policy_border {
	margin-bottom: 40px;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
contact .html /.php
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/*■■■■■■■■■■■■ form ■■■■■■■■■■■■*/

h2.contact_heading {
	font-size: 28px;
	color: #000000;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 40px;
	font-family: 'didot';
}

h2.contact_heading .en {
	font-size: 11px;
	color: #000000;
	line-height: 1.6;
	display: block;
}

.contact_leading {
	font-size: 14px;
	color: #000000;
	line-height: 1.8;
	text-align: center;
	margin-bottom: 40px;
}

.contact-form_wrap {
	margin-bottom: 200px;
}

.contact_num_wrap {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 40px 0;
	text-align: center;
	margin-bottom: 40px;
}

.contact_num_inner {
	max-width: 300px;
	width: 100%;
	height: auto;
	display: inline-block;
}

.contact_num_text {
	font-size: 14px;
	color: #000000;
	line-height: 1.8;
	text-align: left;
}

h3.contact_heading {
	font-size: 20px;
	color: #000000;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 20px;
}

/* error message */

.contact-form_wrap .err-msg {
    color: red;
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 0;
}

/* form outer */

.contact-form_outer .notes {
    font-size: 14px;
    line-height: 22px;
    color: #f56d13;
    margin: 15px 0 0 0;
    text-align: justify;
    font-weight: 500;
}

/* label */

.contact-form_input-label {
    font-size: 12px;
    line-height: 1.4;
    color: #000000;
}

/* text form */

.contact-form_input-text {
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #000000;
    color: #000000;
    font-size: 14px;
    line-height: 1.4;
    padding: 12px 15px;
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.contact-form_input-textarea {
    appearance: none;
    background-color: #ffffff;
    border: 1px solid #000000;
    color: #000000;
    font-size: 14px;
    line-height: 1.4;
    padding: 12px 15px;
    width: 100%;
    height: 90px;
}

/* submit */

.btn_wrap {
    text-align: center;
    margin: 40px 0 20px 0;
}

.submit_btn {
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    padding:  15px 15px;
    text-decoration: none;
    max-width: 150px;
    width: 100%;
    height: auto;
    background-color: #000000;
    margin: 0 auto;
    font-weight: 700;
    letter-spacing: normal;
    display: block;
    margin-bottom: 15px;
}

.btn_text {
    color: #000000;
    font-size: 12px;
    line-height: 1.4;
	text-align: center;
}

.contact-form_notice_text {
    color: #000000;
    font-size: 12px;
    line-height: 1.4;
	text-align: center;
}

/* select */

.contact-form_input-select {
    position: relative;
    display: block;
    width: 200px;
    padding: 12px 15px;
    border: 1px solid #000000;
    background-color: #ffffff;
    font-size: 14px;
    line-height: 1.4;
    color: #000000;
    background-image: url(assets/images/common/input-select.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.contact-form_table {
	width: 100%;
	height: auto;
}

.contact-form_table tr {
	border-bottom: 20px #ffffff solid;
}

.contact-form_table_heading {
	width: 200px;
	vertical-align: middle;
}

.contact-form_table_text {
	vertical-align: middle;
}

.err-msg {
	display: none;
}

.wpcf7-not-valid-tip {
    font-size: 11px !important;
    color: #C62A1C !important;
	line-height: 1.4 !important;
	margin-top: 7px !important;
}

.wpcf7-validation-errors,
.wpcf7-acceptance-missing {
    color: #C62A1C !important;
    font-size: 14px !important;
    padding:10px 15px !important;
    text-align: center !important;
	background-color: #ffffff !important;
	border: 1px solid #C62A1C !important;
}

.wpcf7-mail-sent-ng {
	color: #C62A1C !important;
	font-size: 14px !important;
	padding:10px 15px !important;
	text-align: center !important;
	background-color: #ffffff !important;
	border: 1px solid #C62A1C !important;
}

.wpcf7-response-output {
	color: #C62A1C !important;
	font-size: 14px !important;
	padding:10px 15px !important;
	text-align: center !important;
	background-color: #ffffff !important;
	border: 1px solid #C62A1C !important;
}

.wpcf7-text.wpcf7-not-valid {
	margin-top: 20px !important;
}


/*---------  ~ 991px ---------*/
@media (max-width: 991px) {

/*■■■■■■■■■■■■ form ■■■■■■■■■■■■*/


.contact-form_wrap {
	margin-bottom: 100px;
}

/* error message */

.contact-form_wrap .err-msg {
    color: red;
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 0;
}

/* form outer */

.contact-form_outer .notes {
    font-size: 14px;
    line-height: 22px;
    color: #f56d13;
    margin: 15px 0 0 0;
    text-align: justify;
    font-weight: 500;
}

/* label */

.contact-form_input-label {
    font-size: 12px;
    line-height: 1.4;
    color: #000000;
}

/* text form */

.contact-form_table_heading {
	display: block;
	width: 100%;
	height: auto;
	border-bottom: 10px solid #ffffff;
}

.contact-form_table_text {
	display: block;
	width: 100%;
	height: auto;
}

/* submit */

.btn_wrap {
    text-align: center;
    margin: 20px 0 20px 0;
}
} /*end of @media*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
topics-list .html /.php
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.pager__wrap {
	text-align: center;
}

.page-numbers li {
	display: inline-block;
	margin: 0 5px;
    font-size: 13px;
    line-height: 1.6;
    color: #000000;
}

.page-numbers li .page-numbers.current {
	font-weight: bold;
}

.article_heading_date {
	display: block;
    font-size: 14px;
    line-height: 1.6;
    color: #000000;
    margin-bottom: 5px;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
single .html /.php
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.article_wrap {
	margin-bottom: 100px;
}

.article_wrap img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

h2.article_heading {
    font-size: 25px;
    line-height: 1.4;
    color: #000000;
    margin-bottom: 20px;
}

.article_wrap p {
    font-size: 14px;
    line-height: 1.8;
    color: #000000;
    margin: 15px 0;
}

.article-pager_wrap {
	margin-bottom: 100px;	
}

.article-pager_wrap {
	text-align: center;
}

.article-pager_list li {
	display: inline-block;
	margin: 0 5px;
    font-size: 13px;
    line-height: 1.6;
    color: #000000;
}



/* 22.6.24 追加 */

.amu-product_explain_wrap {
	max-width: 600px;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.amu-product_explain_text {
    font-size: 14px;
    color: #000000;
    line-height: 1.8;
    text-align: center;
    margin-bottom: 40px;
}

#amu .basic-spec_thumb_wrap{
	text-align: center;
}


.amu-mark {
    width: 100%;
	padding: 0 10px ;
	text-align: right;
}
.amu-mark img {
	width: 190px;
	height: auto;
}


#environment .container{
	width: 95%;
    max-width: 800px;
    margin: 0 auto;
	padding: 50px ;
	border: 1px solid #000;
}
#environment .container .item{
	width: 100%;
 	display: flex;
    flex-wrap: wrap;         /*折り返し有り・複数行*/
    justify-content: space-between; /*均等に間隔をあける*/
    margin-bottom: 40px;
}
#environment .container >:last-child {
	margin-bottom: 0px !important;	
}


#environment .container .item .left{
	width: 47%;
}
#environment .container .item .left img{
	width: 100%;
	height: auto;
}

#environment .container .item .right{
	width: 48%;
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
}
#environment .container .item .right h4{
    font-size: 18px;
	font-weight: 600;
    text-align: left;
	margin-bottom: 10px ;
}

.flex_reverse{
    flex-direction: row-reverse; /* 横並び逆順 */
}


#tokutyo .container{
    max-width: 800px;
    margin: 160px auto;
}
#tokutyo .container h3{
    font-size: 20px;
    line-height: 1.3;
	text-align: center;
	border-bottom: 1px solid #000;
	padding-bottom: 50px ;
	margin-bottom: 50px ;
}
#tokutyo .container h4{
    font-size: 18px;
    line-height: 1.3;
	font-weight: 400;
}
#tokutyo .container .item{
 	display: flex;
    flex-wrap: wrap;         /*折り返し有り・複数行*/
    justify-content: space-between; /*均等に間隔をあける*/
	margin: 30px 0 0 ;
}
#tokutyo .container .item .item-1{
	width: 31%;
}
#tokutyo .container .item .item-1 img{
	width: 100%;
	height: auto;
}
#tokutyo .container .item .item-1 p{
    font-size: 14px;
    line-height: 1.8;
	text-align: center;
	font-weight: 600;
	margin-top: 20px ;
}
#tokutyo .container .txt-1{
    font-size: 12px;
    line-height: 1.8;
	border-bottom: 1px solid #000;
	padding-bottom: 55px ;
	margin: 55px 0  ;
}
#tokutyo .container .item-2{
	width: 100%;
	border-bottom: 1px solid #000;
	padding-bottom: 55px ;
	margin: 55px 0  ;
}
#tokutyo .container .item-2 h4{
    font-size: 18px;
    line-height: 1.3;
	font-weight: 600;
}
#tokutyo .container .item-2 .txt{
    font-size: 14px;
    line-height: 1.8;
	margin: 30px 0  ;
}

@media (max-width: 768px) {
#environment .container{
	width: 95%;
	padding: 30px ;
}
#tokutyo .container h3{
	padding-bottom: 40px ;
	margin-bottom: 40px ;
}

#tokutyo .container .item .item-1{
	width: 48%;
	margin-bottom: 30px ;
}
#tokutyo .container .item >:last-child {
	margin-bottom: 0px !important;	
}

#tokutyo .container .item .item-1 p{
    font-size: 13px;
    line-height: 1.8;
	margin-top: 15px ;
}

#tokutyo .container .item-2{
	padding-bottom: 40px ;
	margin: 40px 0  ;
}
#tokutyo .container .item-2 h4{
    font-size: 16px;
    line-height: 1.3;
}
#tokutyo .container .item-2 .txt{
    font-size: 14px;
    line-height: 1.8;
	margin: 20px 0  ;
}
}

@media (max-width: 600px) {
#environment .container{
	width: 95%;
	padding: 20px ;
}
#environment .container .item .left{
	width: 100%;
}
#environment .container .item .right{
	width: 100%;
	margin-top: 10px ;
}
#environment .container .item .right h4{
    font-size: 16px;
	margin-bottom: 5px ;
}

#tokutyo .container .item-2 .txt{
    font-size: 14px;
    line-height: 1.8;
	margin: 15px 0  ;
}
}

video{
	width: 100%;
	height: auto;
}


/* 22.9.15 追加 */

.color-item p{
	margin-bottom: 20px ;
}

/* 23.2.13 追加 */
.mb-20{
	margin-bottom: 20px ;
}


.smart-display .norilab_logo_img{
    width: 90%;
    max-width: 550px;
    margin: 0 auto 15px;
}
.smart-display h3.product-detail_explain_heading{
	text-align: center;
    font-size: 0.9em;
	margin-bottom: 20px ;
}


/* 26.6.12 追加 */

/*--------- 1200px ~ ---------*/

@media (min-width: 1200px) {
#top-page .container {
    max-width: 1040px;
}
} /*end of @media*/


/*--------------- 260612 追記 プロダクトリニューアル ---------------*/


/* 共通
----------------------------------------- */

body main {
	font-family: "dnp-shuei-gothic-gin-std", sans-serif;
	font-weight: 400;
	font-style: normal;
}

section  {
}

a {
  cursor: pointer;
}
 a:hover { 
	filter: alpha(opacity=60);
	opacity: 0.6; 
	transition : 0.5s;　/*ふわっとさせる指定*/
}	

@media(max-width:768px) {
.pc_item {display: none;}
}
@media(min-width:769px) {
.sp_item {display: none;}
}

/* エフェクト
----------------------------------------- */
 .fadein {
  opacity : 0;
  transform: translateY(40px);
  transition: all 1s;
}
	
.fadenav{animation: fadeIn 1.5s ease 0s 1 normal;}
 @keyframes fadeIn { from {
     opacity: 0;
     transform: translateY(20px);<!-- フェード前の位置 -->
 }
 to {
     opacity: 1;
     transform: translateY(0);<!-- フェードの位置 -->
 }
 }
 
.txt-red {color: #ff0000;}

img{
	width: 100%;
	height: auto;
}

/* プロダクト一覧ページ
----------------------------------------- */

#main .midashi {
	width: 100%;
    font-size: 22px;
    font-weight: 600; 
    text-align: center;
    letter-spacing: 3px;
    margin: 0 auto ;
}

#products-index .container {
	width: 100%;
 	display: flex;
    flex-wrap: wrap;         /*折り返し有り・複数行*/
    justify-content: space-between; /*均等に間隔をあける*/
    margin: 0 auto 100px ;
}
#products-index .container a {
    color: #000000;
    text-decoration: none;
}
#products-index .logo{
	width: 100%;
	/* height: 48px; */
    margin: 20px auto ;
    line-height: 1.3;
    text-align: center;
}
#products-index .logo img{
	width: auto;
	max-height: 26px;
}
#products-index #polytool .logo img{
    max-height: 24px;
}

#products-index .logo span{
 	display: block;
	width: 100%;
    font-size: 13px;
    font-weight: 400; 
    margin-top: 8px ;
}
#products-index #polytool .logo span{
    font-size: 15px;
}

#products-index .logo-img{
	width: 100%;
    height: 70px;
    margin: 15px auto ;
    text-align: center;
}
#products-index .logo-img img{
	width: auto;
	max-height: 90%;
}

#products-index .item{
	width: 48%;
    margin-bottom: 70px ;
}
#products-index .caption{
	width: 100%;
    font-size: 13px;
    line-height: 2;
}

@media(max-width:768px) {
#products-index .container {
    margin: 0 auto 40px ;
}
#products-index .logo{
    margin: 10px auto ;
}
#products-index .logo img{
	width: auto;
	max-height: 24px;
}
#products-index #polytool .logo img{
    max-height: 22px;
}

#products-index .item{
	width: 100%;
    margin-bottom: 40px ;
}
#products-index .caption{
    font-size: 13px;
    line-height: 1.7;
}
}
@media(max-width:768px) {
#main .midashi {
    font-size: 20px;
}
}


/* メイン
----------------------------------------- */

main{
	width: 90%;
	max-width: 1230px;
    margin: 0 auto ;
}
main .container{
    padding-right: 0;
    padding-left: 0;
}
#main{
	margin: 100px 0;
}
#main h2.logo{
	max-width: 585px;
    margin: 0 auto ;
    line-height: 1.6;
    text-align: center;
}
#main h2 img{
	width: auto;
	max-height: 36px;
}
#nori-lab h2 img, #amu h2 img{
	width: auto;
	max-height: 100px;
}

#main h2 span{
 	display: block;
	width: 100%;
    font-size: 15px;
    font-weight: 600; 
    margin-top: 10px;
}
#polytool #main h2 span{
    font-size: 17px;
}


.main-text{
	width: 100%;
	max-width: 585px;
    font-size: 16px;
    line-height: 1.8;
	margin: 50px auto 60px;
}
.breadcrumb{
	width: 100%;
    color: #555;
    font-size: 10px;
    letter-spacing: 0.5px;
	margin-top: 30px;
}
.breadcrumb a{
    color: #555;
    text-decoration: none;
}
.breadcrumb span{
    font-size: 9px;
	margin-left: 5px;
	margin-right: 5px;
}

@media(max-width:768px) {
#main{
	margin: 80px 0;
}
#nori-lab h2 img, #amu h2 img{
	width: auto;
	max-height: 80px;
}
}
@media(max-width:600px) {
#main{
	margin: 60px 0 30px;
}
.main-text{
    font-size: 14px;
    line-height: 1.8;
    text-align: justify;
	margin: 30px auto 30px;
}
#nori-lab h2 img, #amu h2 img{
	width: auto;
	max-height: 60px;
}
}


/* 説明
----------------------------------------- */

#explanatory .container {
	width: 100%;
	max-width: 920px;
 	display: flex;
    flex-wrap: wrap;         /*折り返し有り・複数行*/
    justify-content: space-between; /*均等に間隔をあける*/
    margin: 0 auto 100px ;
}
.explanatory-img{
	/* 非表示*/
	display: none;
	width: 38%;
}
.explanatory-text{
	width: 100%;
	max-width: 585px;
    margin: 0 auto ;
}
.explanatory-text h3{
    font-size: 20px;
    font-weight: 600; 
    line-height: 1.6;
    margin-bottom: 15px ;
}
.explanatory-text p{
    font-size: 16px;
    line-height: 2;
    text-align: justify;
    margin-bottom: 20px ;
}
.explanatory-text span{
	color: #ffffff;
	background-color: #333;
    font-size: 14px;
    padding: 8px 10px ;
}

@media(max-width:768px) {
#explanatory .container {
	width: 70%;
    margin: 0 auto 80px ;
}
.explanatory-img{
	width: 100%;
    margin-bottom: 10px ;
}
.explanatory-text{
	width: 100%;
}
}
@media(max-width:600px) {
#explanatory .container {
	width: 100%;
    margin: 0 auto 60px ;
}
.explanatory-text h3{
    font-size: 16px;
    line-height: 1.6;
}
.explanatory-text p{
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 15px ;
}
.explanatory-text span{
    font-size: 13px;
    padding: 8px 10px ;
}
}

/* プロダクト
----------------------------------------- */

#products .container {
	width: 100%;
 	display: flex;
    flex-wrap: wrap;         /*折り返し有り・複数行*/
    justify-content: space-between; /*均等に間隔をあける*/
    margin: 0 auto 100px ;
}
#products h2{
	width: 100%;
    font-size: 22px;
    font-weight: 400; 
    text-align: center;
    margin-bottom: 30px ;
}
.products-item{
	width: 30%;
    margin-bottom: 50px ;
}
.products-image img{
}
.products-caption{
	width: 100%;
    font-size: 14px;
    margin-top: 15px;
}
.products-caption span{
    font-size: 1.1em;
    font-weight: 600; 
}
@media(max-width:768px) {
#products h2{
    font-size: 20px;
}
.products-item{
	width: 47%;
    margin-bottom: 30px ;
}
}

@media(max-width:600px) {
#products .container {
    margin: 0 auto 40px ;
}
#products h2{
    margin-bottom: 20px ;
}
.products-caption{
    font-size: 13px;
}
}



/* 基本仕様
----------------------------------------- */

#specification {
    padding: 80px 3% ;
    margin-bottom: 100px ;
	border-top: 1px solid #c0c4c5;
	border-bottom: 1px solid #c0c4c5;
}

.bb-none {
	border-bottom: none !important;
}


#specification h2{
	width: 100%;
    font-size: 22px;
    font-weight: 400; 
    text-align: center;
    margin-bottom: 50px ;
}

#specification .container {
	width: 100%;
 	display: flex;
    flex-wrap: wrap;         /*折り返し有り・複数行*/
    justify-content: space-between; /*均等に間隔をあける*/
}
#oritana #specification .container {
    justify-content: center;        /*中央揃え*/
}

#nori-lab #specification .container >:last-child {
}

.specification-item{
	width: 45%;
 	display: flex;
    justify-content: space-between; /*均等に間隔をあける*/
    align-items: center;     /*中央揃え*/
}
.specification-image {
	width: 20%;
}
.specification-text{
	width: 68%;
    font-size: 14px;
    line-height: 1.8;
}

#nori-lab .specification-image {
	width: 32%;
}
#nori-lab .specification-text{
	width: 58%;
    font-size: 14px;
    line-height: 1.8;
}

#amu .specification-item, #display .specification-item{
	width: 50%;
 	display: flex;
    justify-content: space-between; /*均等に間隔をあける*/
    align-items: center;     /*中央揃え*/
    margin-bottom: 15px ;
}
#amu .specification-image, #display .specification-image{
	width: 45%;
}
#amu .specification-image img, #display .specification-image img {
    width: 100%;
    height: auto;
}
#amu .specification-text, #display .specification-text{
	width: 55%;
    font-size: 14px;
    line-height: 1.8;
}

#table-mat .specification-item{
	width: 48%;
 	display: flex;
    justify-content: space-between; /*均等に間隔をあける*/
    align-items: center;     /*中央揃え*/
    margin-bottom: 20px ;
}
#table-mat .specification-image {
	width: 28%;
}



.hyo-item{
	width: 100%;
	max-width: 720px;
    font-size: 15px;
 	display: flex;
    flex-wrap: wrap;         /*折り返し有り・複数行*/
    justify-content: space-between; /*均等に間隔をあける*/
    align-items: center;     /*中央揃え*/
	border-top: 1px solid #c0c4c5;
	border-left: 1px solid #c0c4c5;
	border-right: 1px solid #c0c4c5;
    margin: 0 auto ;
}
.hyo-last{
	border-bottom: 1px solid #c0c4c5;
}
.hyo-item .hyo-l{
	width: 120px;
    padding: 15px 20px;
}
.hyo-item .hyo-r{
    width: calc(100% - 201px);
    padding: 15px 20px;
    text-align: left;
	border-left: 1px solid #c0c4c5;
}
.hyo-item .hyo-r img{
	max-width: 500px;
	height: auto;
}

@media(max-width:992px) {

#table-mat #specification .container {
	max-width: 550px;
    margin: 0 auto ;
}
#table-mat .specification-item{
	width: 100%;
}
}

@media(max-width:768px) {
#specification {
    padding: 50px 0 20px;
    margin-bottom: 70px ;
}
#specification h2{
    font-size: 20px;
    margin-bottom: 30px ;
}
#specification .container {
	max-width: 500px;
    margin: 0 auto ;
}
#nori-lab #specification .container >:last-child {
    margin-top: 0px ;
}
.specification-item{
	width: 100%;
    margin-bottom: 40px ;
}
#amu .specification-item, #display .specification-item{
	width: 100%;
}
}
@media(max-width:600px) {
#specification {
    padding: 40px 0 10px;
    margin-bottom: 50px ;
}
.specification-item{
	width: 90%;
    margin: 0 auto 40px ;
}
.specification-text{
	width: 68%;
    font-size: 13px;
    line-height: 1.7;
}

#nori-lab .specification-image {
	width: 36%;
}
#nori-lab .specification-text{
	width: 55%;
    font-size: 13px;
    line-height: 1.7;
}

#amu .specification-image, #display .specification-image{
	width: 38%;
}
#amu .specification-text, #display .specification-text{
	width: 60%;
    font-size: 13px;
    line-height: 1.7;
}


.hyo-item{
    font-size: 14px;
}
.hyo-item .hyo-l{
	width: 90px;
    padding: 10px;
}
.hyo-item .hyo-r{
    width: calc(100% - 131px);
    padding: 10px;
}
}



/* カラー
----------------------------------------- */

#color .container {
	width: 100%;
 	display: flex;
    flex-wrap: wrap;         /*折り返し有り・複数行*/
    justify-content: space-between; /*均等に間隔をあける*/
    margin: 0 auto 100px ;
}
#color h2{
	width: 100%;
    font-size: 22px;
    font-weight: 400; 
    text-align: center;
    margin-bottom: 30px ;
}
.color-item{
	width: 22%;
    margin-bottom: 50px ;
}
.color-item2{
	width: 30%;
    margin-bottom: 40px ;
}

.color-image img{
}
.color-caption{
	width: 100%;
    font-size: 13px;
    line-height: 1.4;
    margin-top: 15px ;
}
@media(max-width:768px) {
#color .container {
    justify-content: space-between; /*均等に間隔をあける*/
    margin: 0 auto 70px ;
}
#color h2{
    font-size: 20px;
    margin-bottom: 20px ;
}
.color-item{
	width: 30%;
    margin-bottom: 40px ;
}
}
@media(max-width:600px) {
.color-item{
	width: 47%;
    margin-bottom: 30px ;
}
.color-item2{
	width: 47%;
    margin-bottom: 30px ;
}

.color-caption{
    font-size: 12px;
    letter-spacing: 0;
    margin-top: 10px ;
}
}

/* amu エリプラプラス
----------------------------------------- */

#eripura .container {
	width: 100%;
 	display: flex;
    flex-wrap: wrap;         /*折り返し有り・複数行*/
    justify-content: space-between; /*均等に間隔をあける*/
    margin: 0 auto 100px ;
}
#eripura h2{
	width: 100%;
    font-size: 20px;
    font-weight: 400; 
    line-height: 1.6;
    text-align: center;
    margin-bottom: 30px ;
}
#eripura h3{
	width: 100%;
    font-size: 14px;
    font-weight: 200; 
    line-height: 1.6;
    text-align: center;
    margin-bottom: 40px ;
}
#eripura .products-caption{
	width: 100%;
    font-size: 13px;
    line-height: 1.6;
    text-align: center;
    margin-top: 15px ;
}
#eripura .products-item img{
	border: 1px solid #c0c4c5;
}

.eripura-text{
	width: 100%;
    font-size: 11px;
    font-weight: 100; 
    line-height: 1.5;
    text-align: left;
    margin-top: 10px ;
}


@media(max-width:768px) {
#eripura h2{
    font-size: 18px;
}
}

@media(max-width:600px) {
#eripura .container {
    margin: 0 auto 40px ;
}
#eripura h2{
    margin-bottom: 20px ;
}
#eripura h3{
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 30px ;
}
#eripura .products-caption{
    font-size: 12px;
    margin-top: 10px ;
}
.eripura-text{
    margin-top: 0px ;
}
}


.go-top {
	position: fixed; /*固定表示*/
	bottom: 10px;
	right: 10px;
	text-decoration: none;
	display: none;
	height: 50px;
	width: 50px;
	z-index: 99;
}
.go-top img {
	width: 100%;
	height: auto;
}



#section_timeline, #section_about, #section_technology, #section_contact{
    margin-top: 50px ;
}



/*--------------- flex参考 ---------------*/

 .flex_dummy{
 	display: flex;
	   
    flex-wrap: no-wrap;      /*折り返しなし・単一行（デフォルト）*/
    flex-wrap: wrap;         /*折り返し有り・複数行*/
    flex-wrap: wrap-reverse; /*折り返し有り・複数行・折り返し地点が逆*/

	   
	   justify-content: flex-start;    /*左（上）揃え*/
    justify-content: flex-end;      /*右（下）揃え*/
    justify-content: center;        /*中央揃え*/
    justify-content: space-between; /*均等に間隔をあける*/
    justify-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/
	   
    align-items: flex-start; /*上（左）揃え*/
    align-items: flex-end;   /*下（右）揃え*/
    align-items: center;     /*中央揃え*/
    align-items: baseline;   /*ベースラインを揃える*/
    align-items: stretch;    /*全ての要素の高さを揃える*/   

	   align-content: flex-start;    /*上（左）揃え*/
    align-content: flex-end;      /*下（右）揃え*/
    align-content: center;        /*中央揃え*/
    align-content: space-between; /*均等に間隔をあける*/
    align-content: space-around;  /*均等に間隔をあける・両端にも間隔をあける*/
    
	background-image: url(../img/aaaa.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
　background-size: auto 100%;

   width : calc(100% - 20px) ;

}
.aaaaaaaaaaa >:first-child {
	margin-top: 0px;	
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}