@charset "UTF-8";
/* CSS Document */
/* =============================================
share
================================================ */
.pc { display: block; }

.mb { display: none!important; }

.ja {display: block;}
.en , .tw , .cn {display: none;}

a { color: #000000; }

a:hover { color: #777; }

body { min-width: 1080px; padding-top: 70px;background:url("../img/share/bg_252525.png") repeat-x top; }

.center { margin: 0 auto; width: 1040px; padding-left: 20px; padding-right: 20px; }

.black { background: #252525 !important; color: white !important; }
.black000 { background: #000 !important; color: white !important; }
/*floatキャンセル*/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
/*IE用*/
.clearfix { display: inline-table; clear: both; }
/*Mac-IE用\*/
*html .clearfix { height: 1%; clear: both; }
.clearfix { display: block; clear: both; }

/* footer */
#toTop { position: fixed; bottom: 100px; right: 20px; z-index: 5; width: 67px; height: 60px; }
#toTop:hover { opacity: 0.5; }
#toTop a { background: url(../img/share/to_top.svg) no-repeat center; background-size: auto 100%; display: block; width: 67px; height: 60px; margin: auto; }

footer { background: white; text-align: center; padding: 40px 0 50px; }
footer small { font-size: 80%; }
footer .logo { margin: 60px auto 40px; }
footer .logo img { display: block; margin: 20px auto; }
footer .lang { text-align: center; margin: 0 auto 30px;}
footer .lang li { display: inline-block; margin: 0 5px; }
footer .lang a { display: block; text-decoration: none; font-size: 85%; background: #eee; padding: 5px 10px; margin-bottom: 10px;}

nav#foot_nav div { display: inline-block; }
nav#foot_nav a { font-weight: 300; text-decoration: none; padding: 20px 12px; position: relative; color: black !important; }
nav#foot_nav a::after { content: ''; display: block; width: 10px; height: 10px; position: absolute; top: 5px; background: black; left: 50%; margin-left: -5px; opacity: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
nav#foot_nav a:hover { color: black !important; }
nav#foot_nav a:hover::after { opacity: 1; top: 0; }

#foot_sub_nav div { display: inline-block; margin-bottom: 30px; }
#foot_sub_nav a { text-decoration: none; padding: 20px 15px; position: relative; color: #252525; font-size: 95%; }
#foot_sub_nav a:hover { text-decoration: underline; }

#foot_sns_nav div { display: inline-block; margin-bottom: 30px;}
#foot_sns_nav a { text-decoration: none; padding: 20px 15px; position: relative; color: #252525; font-size: 95%; }
#foot_sns_nav a:hover { text-decoration: underline; }

#contactbox{padding: 80px 0; background: url(../img/share/gray.jpg) repeat-x center bottom #fff; text-align: center;}
#contactbox .send{margin-top: 0;margin-bottom: 16px;}
#contactbox .link_txt{line-height: 4;}
#contactbox a{text-decoration:none;}

/* =============================================
top
================================================ */
/*header { overflow: hidden; width: 100%; position: fixed; z-index: 5; top: 0; background: rgba(37, 37, 37, 0.85); }*/
header {  width: 100%; position: fixed; z-index: 5; top: 0; background: rgba(37, 37, 37, 0.85); }
header h1.logo { width: 260px; height: 70px; margin-left: 20px; float: left; vertical-align: middle; }
header h1.logo a img:first-child { display:none; }
header h1.logo img , header h1.logo object { vertical-align: middle; margin-right: 20px;}
header h1.logo object { pointer-events: none;}
header h1.logo a { display: inline-block; }
header nav { float: right; margin-right: 30px; }
header nav div, header nav li { display: inline-block; }
header nav div a, header nav li a { display: inline-block; color: white !important; text-decoration: none; padding: 27px 8px; font-size: 14px; position: relative; font-weight: 300; }
header nav div a::after, header nav li a::after { content: ''; display: block; width: 10px; height: 10px; position: absolute; bottom: 5px; background: white; left: 50%; margin-left: -5px; opacity: 0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }

header nav div a:hover, header nav li a:hover { color: white !important; }
header nav div a:hover::after, header nav li a:hover::after { bottom: 0; opacity: 1; }
header nav ul.lang { display: inline-block; position: relative; padding-left: 30px; margin-left: 15px; }
header nav ul.lang::after { content: ''; display: block; position: absolute; top: 50%; margin-top: -7px; left: 0; height: 14px; border-left: 1px solid #bbb; }
header nav ul.lang a { font-size: 70%; padding: 20px 5px; color: #bbb !important; }
header nav ul.lang a:hover::after { display: none; }
header nav div#head_sns_nav a::after, header nav #head_sns_nav li a::after { content:none;}
header nav div#head_sns_nav a {padding: 20px 8px;}

header.top { background: none; }

body.top { padding-top: 0; }
body.top section { background: white; text-align: center; padding: 100px 0 80px; z-index: 3; }
body.top footer { background: white; position: relative; z-index: 4; }

section h1 { line-height: 130%; text-align: center; margin-bottom: 40px; font-size: 280%; font-weight: 100; }
section p { font-size: 110%; line-height: 180%; }

section#top { height: 700px; padding: 0; background: none; position: relative; background: url(../img/top/main_img_tablet.jpg) no-repeat center; background-size: cover; }
section#top .cont { position: absolute; width: 100%; top: 50%; margin-top: -80px; }
section#top h1 { padding: 0px 0 50px; margin: 0; }

@media screen and (min-width: 581px) {
section#top{background:url(../img/top/video_cover.png) repeat;}
}

section#about { position: relative; z-index: 4; }
section#about div { margin-top: 80px; }
section#about div img { display: block; margin: 0 auto 30px; }
section#about div.top_banner img{margin: 0 auto;}
section#about div.top_banner a:hover{opacity: 0.5;}
section#about .page_link { margin-top: 0; }

.video_play { position: relative; background: white; width: 76px; height: 76px; border-radius: 50%; margin: auto; opacity: 0.75; }
.video_play a { position: absolute; z-index: 1; width: 100%; height: 100%; display: block; text-align: center; text-decoration: none; color: white; padding-top: 90px; font-size: 130%; }
.video_play::after { content: ''; display: block; position: absolute; top: 50%; left: 30px; width: 0; height: 0; margin-top: -13px; border: 13px solid transparent; border-left: 22px solid black; }

section#use { position: relative; background: #252525; padding: 120px 0 100px; color: white; }
section#use img { max-width: 1280px; height: auto; width: 100%; }
section#use h1 { font-size: 180%; /*text-shadow: 5px 0px 20px white;*/ }
section#use li.video p { font-size:80%;padding-top: 5px; color: #aaa; line-height: 160%;}

section#use { position: relative; }
section#use h2 { font-size: 150%; margin: 80px auto 30px; font-weight: 100; }
section#use ul { overflow: hidden; margin: 40px auto; width: 1040px; }
section#use ul li { /*float: left;*/ width: 31.3%; /*margin-right: 3%;*/ margin-bottom: 50px; position: relative; display: inline-block; vertical-align: top; text-align: left; margin-right: 2.5%;}
section#use ul li:nth-child(3n) { margin-right: 0; }
section#use ul div { margin-top: 10px; font-size: 100%; line-height: 130%; }
section#use ul a { display: block; position: relative; }
section#use ul .video_play { top: 50%; position: absolute; left: 50%; margin-left: -38px; margin-top: -38px; transform: scale(0.7); -moz-transform: scale(0.7); -webkit-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); }
section#use ul img { width: 100%; height: auto; }
section#use li a { display: block; height:auto; }
section#use .btn a { display: block; background: #535353; width: 300px; line-height: 80px; color: white; text-decoration: none; margin: auto; font-size: 110%; }
section#use .btn a:hover { background: #333; }
section#use .page_link { top: auto; }


section#event { position: relative; }
section#event h1 + div { position: relative; }
section#event .pdf_btn { margin-top: 40px; }
section#event .pdf_btn:hover { color: white; }
section#event ul { margin: 30px auto; }
section#event li { overflow: hidden; display: table; width: 100%; margin-bottom: 10px; height: 80px; }
section#event li div { display: table-cell; vertical-align: middle; text-align: left; height: 80px; }
section#event li .page_link { width: 60px; position: static; line-height: 100%; }
section#event li a { display: block; text-decoration: none; }
section#event li a:hover, section#event li a:hover .page_link { background: #eee; }

.event_cont .date { color: #B20000; font-weight: 300; font-size: 180%; letter-spacing: -0.03em; width: 255px; padding: 0 0 0 30px; }
.event_cont .logo { width: 225px; }
.event_cont .spot { font-weight: 400; font-size: 110%; width: 270px; }
.event_cont .location { width: 230px; }
.event_cont .event_end,
.event_cont .event_end .date,
.event_cont .event_end .spot{color:#888 !important;}
.event_cont .event_end .page_link { background-image:none;}
.event_cont .thank { color:#B20000; font-weight:500; }

section#news_top { background: black !important; position: relative; }
section#news_top .page_link { top: auto; }
#news_arc li .new { position:absolute; background:#D80000; color:#ffffff; padding:0.5em;z-index:100;}

section#order,section#pamphlet { position: relative; }
section#order::after { top: -100px; bottom: auto; transform: scale(1, -1); -moz-transform: scale(1, -1); -webkit-transform: scale(1, -1); -o-transform: scale(1, -1); -ms-transform: scale(1, -1); }
section#order h2 { font-size: 180%; line-height: 130%; margin-bottom: 40px; font-weight: 100; }
section#order a,
section#showroom .btn,
section#pamphlet a,
section#products_quotation div a { display: block; background: #535353; width: 300px; line-height: 80px; color: white; text-decoration: none; margin: auto; font-size: 110%; }
section#order a:hover,
section#showroom a:hover,
section#pamphlet a:hover,
section#products_quotation div a:hover  { background: #333; }

section#showroom {background: #eee; position: relative; z-index:4;}
section#showroom h2 {font-size: 180%; line-height: 130%; margin-bottom: 40px; font-weight: 100;}
section#showroom img {max-width: 980px;height: auto; width: 100%;}
section#showroom .video { margin: 60px auto 40px auto; }
section#showroom .video a { display: block; position: relative;  max-width: 850px; margin: auto; }
section#showroom .video .video_play { top: 50%; position: absolute; left: 50%; transform: scale(0.7); -moz-transform: scale(0.7); -webkit-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
section#showroom .video img { width: 100%; height: auto; }
section#showroom li a { display: block; height:auto; }

section#pamphlet img {max-width: 600px;height: auto; width: 100%; margin-bottom: 20px;}

.page_link { position: absolute; right: 20px; top: 50%; margin-top: -45px; line-height: 90px; background: url(../img/share/ico_w.svg) no-repeat right center; background-size: 60px 60px; }
.page_link a { font-weight: 300; font-size: 150%; text-decoration: none; color: white; padding-right: 80px; }

.page_link.bl { background: url(../img/share/ico.svg) no-repeat right center; background-size: 60px 60px; }
.page_link.bl a { color: #222; }

.pdf_btn { display: inline-block; margin: 0 10px 20px 0; background: #555; text-align: center; color: white !important; text-decoration: none !important; padding: 0 !important; font-weight: normal !important; font-size: 100%; line-height: 130%; padding: 15px 20px !important; }
.pdf_btn:hover { background: #333; }

/* =============================================
use
================================================ */
.title_area { padding: 20.3% 0; text-align: center; background-size: cover !important; text-shadow: 0px 3px 12px black; color: white; font-weight: 400; font-size: 200%; }
.title_area h1 { margin: 0; }
.title_area img { display: none; }

#use_cont .title_area { background: url(../img/use/use_bg.jpg) no-repeat center; }
#use_cont #principle { background: #252525; position: relative; }
#use_cont #principle ul { text-align: left; }
#use_cont #principle ul b { display: block; font-weight: 400; font-size: 105%; line-height: 130%; margin: 20px auto 5px; }
#use_cont #method { background: #eee; position: relative; }
#use_cont #method ul { justify-content: center; -webkit-justify-content: center; }
#use_cont #method ul b { display: block; font-weight: 300; font-size: 120%; margin: 10px auto; line-height: 130%; }
#use_cont #method ul img { width: 70%; }
#use_cont article { padding: 100px 0 80px; text-align: center; }
#use_cont ul { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-flow: wrap; flex-flow: wrap; -webkit-justify-content: flex-start; justify-content: flex-start; margin: 40px auto 0; }
#use_cont li { width: 31.3%; margin-bottom: 40px; margin-right: 3%; position: relative; }
#use_cont li:nth-child(3n) { margin-right: 0; }
#use_cont li a { display: block; /*position: absolute; width: 100%; height: 72.5%;*/ }
#use_cont #scene li a {color:#fff; text-decoration: none;}
#use_cont #scene li a:hover {opacity: 0.5}
#use_cont li img { width: 100%; height: auto; }
#use_cont li p { font-size: 85%; }
#use_cont #cont { position: relative; }
#use_cont #cont h2 { font-size: 150%; margin: 80px auto 30px; font-weight: 100; }
#use_cont #cont ul { overflow: hidden; margin: 40px auto; width: 1040px; }
#use_cont #cont ul li { float: left; width: 31.3%; margin-right: 3%; margin-bottom: 50px; position: relative; }
#use_cont #cont ul li:nth-child(3n) { margin-right: 0; }
#use_cont #cont ul div { margin-top: 10px; font-size: 100%; line-height: 130%; }
#use_cont #cont ul a { display: block; position: relative; }
#use_cont #cont ul .video_play { top: 50%; position: absolute; left: 50%; margin-left: -38px; margin-top: -38px; transform: scale(0.7); -moz-transform: scale(0.7); -webkit-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); }
#use_cont #cont ul img { width: 100%; height: auto; }
#use_cont #cont li a { display: block; height:auto; }
#use_cont #cont .btn a { display: block; background: #535353; width: 300px; line-height: 80px; color: white; text-decoration: none; margin: auto; font-size: 110%; }
#use_cont #cont .btn a:hover { background: #333; }

/*==================================================
use under_page
====================================================*/
#use_cont .main_img img {margin-bottom: 3em; max-width: 1040px; width: 100%;}
#use_cont .lead {font-size: 150%; margin-bottom: 3em;}
#use_cont .sec_title span {font-size: 130%}
#use_cont .use_point {max-width: 680px;margin: 0 auto; border: solid 2px #fff; padding: 2em;}
#use_cont h2,
#picup h3{font-size: 160%;font-weight: 600; margin-bottom: 1.5em; line-height: 150%; }
#use_cont .use_point ol {font-size: 120%; }
#use_cont .use_point ol li { width: 100%; list-style: disc!important; margin-left: 2em; margin-right: 0; text-align: left; margin-bottom: 1em;}
#use_cont .use_point ol li span {color: #ffd21f;}
#picup .result { padding: 1em; display: inline-block; font-size: 160%;font-weight: 600; color: #ffd21f; border: solid 2px #ffd21f; margin-bottom: 1em;}
#picup .result span {color: #fff;}
#picup h2,
#news_top h2 {line-height: 130%; text-align: center;  margin-bottom: 40px;  font-size: 280%; font-weight: 100;}
#picup h2 + div {padding: 0.5em 1em ; display: inline-block;background: #ffd21f;font-size: 160%;font-weight: 600; color:#000; margin-bottom: 2em;}
#picup .picupBox {max-width: 1040px; width: 100%; margin: 0 auto;}
#picup .boxL {float: left; width: 40%;}
#picup .boxL img {margin-bottom: 1em; max-width: 360px;}
#picup .boxL span { font-size: 90%; text-align: left;}
#picup .boxR {float: right;width: 58%; text-align: left;}
#picup .boxR p {margin-bottom: 1.5em;}
#picup .name {font-size: 120%;font-weight: 600; color: #ffd21f; margin-bottom: 0.5em; line-height: 150%;}
#picup a {color: #fff;}
#news_top .more-btn {margin: 0 auto; padding: 0.5em 0; border: 2px solid #fff; width: 200px; cursor:pointer; text-align: center;  }
#news_top .more-list {padding-bottom: 4em;}
#news_top h2 + p {text-align: center; margin-bottom: 2em;}
#use_cont.others #picup h2{font-size: 160%;font-weight: 600; margin-bottom: 0.5em; line-height: 150%; text-align: left;}
#use_cont.others ul {padding: 0; margin: 0;}
#use_cont.others ul li {width: 100%; list-style: disc!important; margin-left: 1em; margin-right: 0; text-align: left; margin-bottom: 1em; line-height: 150%;}
#use_cont.others ul li span {color: #ffd21f;}
#use_cont.others h4 {margin-bottom: 2em;}
#use_cont.others h3 {padding: 0.5em 1em; display: inline-block; font-size: 100%;font-weight: 600; border: solid 2px #fff; margin-bottom: 1.5em;}
#use_cont.others .picupBox {margin-bottom: 5em;}


/* =============================================
technology_cont
================================================ */
#technology_cont .title_area { background: url(../img/technology/technology_bg.jpg) no-repeat center; }
#technology_cont article { padding: 100px 0 80px; text-align: center; }
#technology_cont #principle { position: relative; }
#technology_cont #principle ul { text-align: left; overflow: hidden; margin: 50px auto; }
#technology_cont #principle ul li { float: left; width: 45%; margin: 0 2.5%; }
#technology_cont #principle ul img { width: 100%; height: auto; }
#technology_cont #principle ul p { margin: 20px auto 0; font-size: 85%; }
#technology_cont #method { position: relative; }
#technology_cont #method ul li { overflow: hidden; margin-bottom: 30px; }
#technology_cont #method ul li img { float: right; width: 500px; height: auto; }
#technology_cont #method ul li div { float: left; width: 40%; text-align: left; }
#technology_cont #method ul li b { display: block; font-weight: 100; font-size: 150%; position: relative; padding-left: 120px; padding-top: 10px; }
#technology_cont #method ul li b span { position: absolute; display: block; color: white; width: 105px; text-align: center; left: 0; z-index: 2; }
#technology_cont #method ul li b::after { content: ""; display: block; background: black; width: 45px; height: 45px; position: absolute; left: 30px; top: 0px; transform: rotate(-21.5deg) skew(50deg) scale(1.2, 0.8); -moz-transform: rotate(-21.5deg) skew(50deg) scale(1.2, 0.8); -webkit-transform: rotate(-21.5deg) skew(50deg) scale(1.2, 0.8); -o-transform: rotate(-21.5deg) skew(50deg) scale(1.2, 0.8); -ms-transform: rotate(-21.5deg) skew(50deg) scale(1.2, 0.8); }
#technology_cont #method ul li strong { display: block; font-weight: 400; font-size: 110%; margin: 30px auto 20px; }
#technology_cont #method ul li p { font-size: 90%; }
#technology_cont #sensor { position: relative; }
#technology_cont #sensor ul { margin-top: 80px; }
#technology_cont #sensor li { font-size: 90%; margin-bottom: 20px; }
#technology_cont #sensor li span { font-weight: 400; font-size: 140%; padding-right: 30px; }

/* =============================================
event
================================================ */
#event_cont .title_area { background: url(../img/event/event_bg.jpg) no-repeat center; }
#event_cont article { padding: 100px 0 80px; text-align: center; }

#event_cont #schedule { background: url(../img/share/gray.jpg) repeat-x bottom center; position: relative; }
#event_cont #schedule table { border-spacing: 0; margin-top: 80px; padding: 0 20px; }
#event_cont #schedule table td, #event_cont #schedule table th { padding: 0 0 50px; text-align: left; vertical-align: top; }
#event_cont #schedule table .date { width: 280px; }
#event_cont #schedule table .location { width: 380px; }
#event_cont #schedule table .location img { display: block; margin-bottom: 15px; }
#event_cont #schedule table .location a { font-weight: 400; font-size: 90%; }
#event_cont #schedule table .location .booth a { font-size: 100%; }
#event_cont #schedule table b { font-weight: 400; font-size: 150%; display: block; line-height: 150%; }
#event_cont #schedule table p { line-height: 150%; }
#event_cont #schedule table b + p { margin: 10px auto 5px; }
#event_cont #schedule table .holl, #event_cont #schedule table .booth, #event_cont #schedule table .thank { font-size: 85%; margin-bottom: 10px; }
#event_cont #schedule table div { margin-top: 20px; word-break: break-all; }
#event_cont #schedule table .speakers{font-size: 85%; margin: 16px 0;}
#event_cont #schedule table .speakers span{display: block; margin-bottom: 10px;}
#event_cont #schedule table .speakers b{font-size: 120%;}
#event_cont #event li{display: block; height: auto;}
#event_cont #event li div { text-align: center;}
#event_cont #event li div.date {width: 400px;font-size:110%; text-align: right; padding:0 20px 0 0;}
#event_cont #event li div.logo {width: 240px;}
#event_cont #event li div.location {width: 400px;font-size:110%; text-align: left; padding-left: 20px;}
#event_cont #event li div.spot{width: 100%;display: block; height: auto; padding-bottom: 30px; line-height: 1.3;}
#event_cont li div.photo {display: block; padding: 15px 60px 40px 60px ; height: auto;}
#event_cont li div.photo img {width: 31%; margin: 0 1% 20px 1%;}


/* =============================================
privacy
================================================ */
#privacy { padding: 100px 0; background: url(../img/share/gray.jpg) repeat-x center bottom;  font-size: 90%;}
#privacy h1 { margin-bottom: 60px; }
#privacy .center { width: 940px; }
#privacy .center div { border-top: solid 1px black; margin-top: 40px; padding-top: 60px; }
#privacy p { line-height: 180%; color: #555; }
#privacy b { display: block; color: #555; font-weight: 400; margin-top: 40px; line-height: 150%; }
#privacy b + p { margin: 20px 0 0 25px; }
#privacy p + p { margin-top: 1em; }
#privacy ul {line-height: 180%; color: #555;padding: 1em 0 ;}
#privacy li {}
#privacy ul > li {margin-bottom: 2em;}
#privacy ul ul {padding: 1em 0 0 1em;}
#privacy h2 {margin-bottom: 1em; font-weight: 400; font-size: 130%;}
#privacy h3 {margin-bottom: 0.5em; font-weight: 400; font-size: 110%;}
#privacy dl { line-height: 180%; color: #555; padding: 1em 0 0 1em; }
#privacy dl li,#privacy ul ul ul li {margin-bottom: 0.5em;}
#privacy dl dt { font-weight: 400; font-size: 110%;}
#privacy dl dd { margin-bottom: 1em;}
#privacy dl ul {padding-top: 0.5em;}
#privacy ul ul ul {line-height: 180%; color: #555; padding-top: 1em;}
#privacy ul.no-margin {margin-bottom: 1em;}
#privacy .no-margin li {margin-bottom: 0.5em;}

/* =============================================
contact
================================================ */
#contact { padding: 100px 0; background: url(../img/share/gray.jpg) repeat-x center bottom; text-align: center; }
#contact h1 { margin-bottom: 60px; }
#contact h2 { font-size: 120%; font-weight: 400; margin-bottom: 20px; }
#contact h2 + p { margin-bottom: 50px; }
#contact .center { width: 940px; }
#contact #form { margin: 20px auto 50px; background: #eee; padding: 40px 0 50px; }
#contact table { margin: auto; border-spacing: 0; width: 800px; line-height: 180%; }
#contact .red { color: #D80000; font-size: 90%; margin: 0; }
#contact th { width: 190px; }
#contact td { width: 610px; }
#contact td span { font-size: 85%; padding-left: 30px; }
#contact td p.red { /*エラーメッセージ非表示*/ display: none; }
#contact td p.red.error_txt { /*エラーメッセージ表示*/ display: block; }
#contact input { width: 400px; padding: 5px; border: solid 1px #eee; }
#contact input[type="checkbox"] { width: auto; }
#contact select { width: auto; padding: 5px; border: solid 1px #eee; }
#contact textarea { width: 600px; padding: 5px; height: 200px; border: solid 1px #eee; }
#contact th, #contact td { padding-top: 20px; text-align: left; vertical-align: top; }
#contact .send { text-align: center; }
#contact .send p { font-size: 90%; margin-bottom: 20px;}
#contact .send button { background: #555; border: none; font-size: 120%; width: 300px; line-height: 80px; color: white; display: inline-block; }
#contact .page_link { position: static; text-align: right; background-size: 30px 30px; margin: 0 10px; line-height: 40px; }
#contact .page_link a { font-weight: normal; font-size: 100%; padding-right: 40px; }

#contact.callus .center { width: 940px; }
#contact.callus table { margin: auto; border-spacing: 0; line-height: 150%; font-size: 90%; }
#contact.callus th, section#company td { padding-bottom: 20px; }
#contact.callus th { text-align: right; padding-right: 20px; width: 250px; }
#contact.callus td { text-align: left; }
#contact.callus td span { font-weight: 400; }

.validetta-bubble { display: inline-block !important; position: static !important; width: auto !important; max-width: 90% !important; padding: 5px 5% !important; }
a.send {	background: #555;border: none;font-size: 120%;width: 300px;line-height: 80px;color: white;display: inline-block;text-decoration: none; margin-top: 2em;}
a.send:hover {background: #333;}

#contact a.send {	background: #a52727;border: none;font-size: 120%;width: 360px;line-height: 80px;color: white;display: inline-block;text-decoration: none; margin-top: 2em;}
#contact a.send:hover {background: #911919;}

/* =============================================
callus
================================================ */
section#callus { padding: 100px 0; background: url(../img/share/gray.jpg) repeat-x center bottom; text-align: center; position: relative; }
section#callus h1 { margin-bottom: 60px; }
section#callus h2 { font-size: 200%; margin-bottom: 60px; }
section#callus h3 { font-size: 140%; margin-bottom: 20px; }
section#callus h3 + p {font-size: 140%;}
section#callus p span { font-size: 80%;}
section#callus .center { width: 940px; }
section#callus table { margin: auto; border-spacing: 0; line-height: 150%; font-size: 90%; }
section#callus th, section#callus td { padding-bottom: 20px; }
section#callus th { text-align: right; padding-right: 20px; width: 250px; }
section#callus td { text-align: left; }
section#callus td span { font-weight: 400; }
#callus .page_link { position: static; text-align: right; background-size: 30px 30px; margin: 0 10px; line-height: 40px; }
#callus .page_link a { font-weight: normal; font-size: 100%; padding-right: 40px; }


/* =============================================
company
================================================ */
section#company { padding: 100px 0; background: url(../img/share/gray.jpg) repeat-x center bottom; text-align: center; position: relative; }
section#company h1 { margin-bottom: 60px; }
section#company .center { width: 940px; }
section#company table { margin: auto; border-spacing: 0; line-height: 150%; font-size: 90%; }
section#company th, section#company td { padding-bottom: 20px; }
section#company th { text-align: right; padding-right: 20px; width: 250px; }
section#company td { text-align: left; }
section#company td span { font-weight: 400; }

/* =============================================
news
================================================ */
section#news { padding: 100px 0; text-align: center; position: relative; background: black; }
section#news h1.sec_title { margin-bottom: 40px; color: white; }
section#news p { margin-bottom: 50px; color: white; }
section#news #news_detail { text-align: left; width: 885px; margin: auto; color: white;}
section#news #news_detail p, section#news #news_detail a { color: white; margin: 30px auto;}
section#news #news_detail a{ word-break: break-all; }
section#news #news_detail h1 { font-size: 180%; color: white; text-align: left; margin-bottom: 40px; }
section#news #news_detail img { max-width: 100%; height: auto; }
section#news #news_detail h2 { font-size: 140%; color: white; text-align: left; margin-bottom: 40px; line-height: 130%;font-weight: 100;}
section#news #news_detail h3 { font-size: 140%; color: white; text-align: left; margin-bottom: 20px; line-height: 130%;font-weight: 100;}
section#news #news_detail ul li { line-height: 160%;}
section#news #news_detail dl,
section#news #news_detail dt{line-height: 160%;font-size: 110%;}
section#news #news_detail dl.rp_dl dt { float: left; display: block; clear: both; min-width: 14%; max-width: 30%; font-weight: 100;}
section#news #news_detail dl.rp_dl dd { float: left; display: block; margin-bottom: 0.5em;}
section#news #news_detail table {}table { border-spacing: 0; line-height: 150%; font-size: 100%; }
section#news #news_detail th, section#news #news_detail td { padding-bottom: 20px; }
section#news #news_detail th { text-align: left; padding-right: 20px; width: 250px; }
section#news #news_detail td { text-align: left; }
section#news #news_detail td span { font-weight: 400; }

ul#news_arc { overflow: hidden; text-align: center; padding: 0; }
ul#news_arc li { width: 29.5%; margin-bottom: 50px; display: inline-block; margin: 0 17px 50px; vertical-align: top; }
ul#news_arc img { width: 100%; height: auto; }
ul#news_arc a { color: white; text-decoration: none; text-align: left; }
ul#news_arc p { margin:10px auto 15px auto; line-height: 130%; }
ul#news_arc .date{ margin: 10px auto; font-size: 80%;}
section#news .page_link, #products_cont #single .page_link, .products_unit_single .p_title_area .page_link, .terms .page_link, #interview_article .page_link { transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); right: auto; left: 20px; top: 115px; margin-top: -25px; background-size: 44px 44px; }
#interview_article .page_link{top: 175px;}
section#news .page_link a, #products_cont #single .page_link a, .products_unit_single .p_title_area .page_link a, .terms .page_link a,#interview_article .page_link a { display: block; height: 50px; width: 50px; padding: 0; }

section#news + div.contact{	padding: 80px 0;background: url(../img/share/gray.jpg) repeat-x center bottom;text-align: center;}
section#news + div.contact a { text-decoration: none;}
iframe.youtube-9-16 {	width: 100%;height: auto;	aspect-ratio: 9 / 16;	}
.inBox > div, .inBox_L, .inBox_R{display:inline-block; vertical-align:top; position:relative;}
.inBox > div img { max-width:100%;}

ul#news-sns_tab { color: #fff; display: inline-block; margin-bottom: 1em;}
ul#news-sns_tab a { color: #fff; display: block; text-decoration: none;}
ul#news-sns_tab li{ width: 200px; padding:0; float: left; border-bottom: solid 1px #fff;cursor:pointer}
ul#news-sns_tab li a{ width: 200px; padding: 16px 0;}
ul#news-sns_tab li.active a {background: #fff; color: #030303}
section#news .content {display: none;}
section#news .content.show {display: block;}
dl#news_sns {color: #fff; text-align: left; line-height: 1.5em;}
dl#news_sns dt{display: block;width: 110px; float: left; padding-top: 4px}
dl#news_sns dd{display: block; margin-bottom: 1.5em; margin-left: 110px;}
dl#news_sns dd p {margin-bottom: 1em;}
dl#news_sns strong {font-weight: 700;}
dl#news_sns dd a{color: #fff; text-decoration: none;}
dl#news_sns dd:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
dl#news_sns a { border-radius: 4px; display: block; float: left; margin-right: 10px; padding: 10px 20px; text-align: center; line-height: 100%;}
dl#news_sns a:after {	content: ''; display: inline-block; width: 28px; height: 28px; background-image: url(../img/arr_new.svg); background-size: contain; vertical-align: middle;}
dl#news_sns a.fb{background: #1877f2;}
dl#news_sns a.ig{background: #CF2E92;}
dl#news_sns a.yt{background: #FF0000;}

/* =============================================
products
================================================ */
body.products_top { padding-top: 125px; }

.products_nav { position: fixed; width: 100%; top: 70px; height: 55px; background: rgba(153, 153, 153, 0.85); text-align: right; z-index: 5; }
.products_nav img { height: 22px; width: auto; margin-bottom: -5px; margin-right: 8px; }
.products_nav a { padding: 17px 20px; color: white; font-size: 95%; text-decoration: none; display: inline-block; }
.products_nav a:first-child { position: absolute; left: 0; padding: 20px 20px; }

#products_cont { background: url(../img/share/gray.jpg) repeat-x center bottom; text-align: center;}
#products_cont .title_area { background: url(../img/products/products_bg.jpg) no-repeat center; position: relative; }
#products_cont .title_area h1 { position: absolute; width: 100%; margin-top: -75px; }
#products_cont .border {border-top: 1px solid #000; border-bottom: 1px solid #000; width: 1040px; padding: 50px 20px; margin: 100px auto 0 auto;}
#products_cont h2 {font-size: 200%; margin-bottom: 40px; font-weight: 100;}
#products_cont h3 {font-size: 180%; margin-top: 120px; margin-bottom: 40px; font-weight: 100;}
#products_cont a { color: black; font-weight: 400; text-decoration: underline; }
#products_cont article { padding: 100px 0 80px; text-align: center; }
#products_cont #top { position: relative; }
#products_cont #top ul { overflow: hidden; text-align: left; width: 70%; margin: 50px auto; }
#products_cont #top li { float: left; width: 50%; text-align: center; margin-bottom: 40px;  position: relative; }
#products_cont #top li.plastic { float: none; width: 50%; text-align: center; margin:0 auto 40px auto; position: relative; }
#products_cont #top li .new {background: #D80000;color: #ffffff;padding: 0.5em; width: 50px; position: absolute;right: 20%; top: 20px;}
#products_cont #top li img { width: 80%; height: auto; margin: auto; }
#products_cont #top li a { text-decoration: none; }
#products_cont #top b { font-size: 115%; display: block; margin: 10px auto; }
/* ↓ #top 空中ディスプレイユニット */
#products_cont #top .unit { overflow: hidden; text-align: left; margin: 100px auto 56px auto;}
#products_cont #top .unit_box {display: flex; margin-bottom: 56px;}
#products_cont #top .unit_boxL {width: 65%; margin-right: 40px;}
#products_cont #top .unit_boxL img {width: 100%; height: auto; display: block;}
#products_cont #top .unit_boxR {width: 35%; display: flex; flex-flow: column; justify-content: space-between;}
#products_cont #top .unit_boxR img {width: 100%; height: auto;}
#products_cont #top .unit .btn {display: block; background: #535353; width: 400px; line-height: 80px; color: white; text-decoration: none; margin: auto; font-size: 110%; text-align: center;}
#products_cont #top .unit .btn:hover {background: #333;}
/* ↑ #top 空中ディスプレイユニット */

#products_cont #single { padding: 100px 0; position: relative; }
#products_cont #single .center { width: 800px; }
#products_cont #single .new {background: #D80000;color: #ffffff;padding: 0.5em; width: 100px; margin: 0 auto;}
#products_cont #single #products_image img { width: 100%; height: auto; }
#products_cont #single #products_image ul { overflow: hidden; }
#products_cont #single #products_image li { width: 32.3%; float: left; margin-left: 1.5%; margin-top: 10px; }
#products_cont #single #products_image li:first-child { margin-left: 0; }
#products_cont #single h1 { margin-bottom: 0px; }
#products_cont #single h2 { font-size: 160%; font-weight: 400; color: #555; }
#products_cont #single h3 { font-size: 190%; font-weight: 400; color: #555; }
#products_cont #single h2 { margin: 20px auto 20px; }
#products_cont #single .detail { background: #eee; padding: 50px 0; margin: 50px auto; text-align: left; color: #555; }
#products_cont #single .detail h3 { margin-bottom: 40px; }
#products_cont #single .detail b { font-weight: 400; font-size: 110%; display: block; margin: 30px auto 20px; }
#products_cont #single .detail p, #products_cont #single .detail td, #products_cont #single .detail th { text-align: left; font-size: 100%; }
#products_cont #single .detail td, #products_cont #single .detail th { line-height: 150%; padding-bottom: 10px; padding-right: 20px; }
#products_cont #single .detail td:first-child, #products_cont #single .detail th { width: 200px; }
#products_cont #single .detail table { border-spacing: 0; }
#products_cont #single .detail table + table { margin-top: 20px; }
#products_cont #single .quantity { margin: 20px auto; }
#products_cont #single .quantity input { width: 65px; margin-left: 15px; }
#products_cont #single .quantity select { font-size: 110%; margin-left: 20px; width: 80px; }
#products_cont #single .cart { text-align: center; }
#products_cont .cart p { margin: 20px auto; }
#products_cont #single .cart input#submit, #products_cont .cart a#quotation { cursor: pointer; background: #555; border: none; text-decoration: none; padding: 0 !important; font-weight: normal !important; font-size: 120%; width: 300px; line-height: 80px; color: white; border: none; display: inline-block; }
#products_cont #single .cart input#submit:hover, #products_cont .cart a#quotation:hover { background: #333; }
#products_cont #contents { background: none; padding: 100px 0; margin: auto; }
#products_cont #contents .form { border: 1px solid #D0D0D0; background-color: #FFF; margin-bottom: 10px; text-align: left; line-height: 150%; font-size: 95%; margin: 20px auto 40px; padding: 10px 0; }

.detailFrame .categoryFrame, .categoryFrame { background: none; width: auto; }
.detailFrame .categoryFrame h1, .categoryFrame h1 { font-size: 180%; line-height: 130%; text-align: center; margin-bottom: 40px; padding: 0; background: none; }

#shipping_method table th, #shipping_method table td, table#shopping-cart th, table#shopping-cart td { font-size: 90%; line-height: 130%; padding: 5px 10px; vertical-align: middle; }
#cart_notice { border: none !important; background-color: #eee !important; font-size: 90%; line-height: 150%; }

#products_quotation h1 {font-size: 180%; line-height: 130%; margin-bottom: 40px; font-weight: 100; }
#products_quotation { padding: 100px 0 80px; text-align: center;}
#products_quotation p { padding-top: 20px;}
#products_quotation p a { color: #fff; text-decoration: none;}

/* ↓ 空中ディスプレイユニットページ */
.products_unit_single {background: url(../img/share/gray.jpg) repeat-x center bottom; text-align: center; padding: 72px 0 56px 0;}
.products_unit_single h2 {font-size: 200%; font-weight: 100;}
.products_unit_single h3 {font-size: 180%; font-weight: 100; margin: 72px 0 40px 0;}
.products_unit_single h4 {font-size: 150%; font-weight: 100;}
/* タイトルエリア */
.products_unit_single .p_title_area {padding: 28px 0 16px 0; position: relative;}
.products_unit_single .p_title_area .page_link {top: 50px;} 
.products_unit_single .p_title_area .unit { overflow: hidden; text-align: left; width: 800px; margin: 50px auto 0 auto;}
.products_unit_single .p_title_area .unit_box {display: flex; margin-bottom: 32px;}
.products_unit_single .p_title_area .unit_boxL {width: 65%; margin-right: 20px;}
.products_unit_single .p_title_area .unit_boxL img {width: 500px; height: auto; display: block;}
.products_unit_single .p_title_area .unit_boxR {width: 35%; display: flex; flex-flow: column; justify-content: space-between;}
.products_unit_single .p_title_area .unit_boxR img {width: 280px; height: auto;}
.products_unit_single .p_title_area .unit h2 {margin: 32px 0;}
.products_unit_single .p_title_area .unit .detail {margin-bottom: 72px;}
.products_unit_single .p_title_area .nav_unit {display: flex; justify-content: space-around;}
.products_unit_single .p_title_area .nav_unit .btn_pagelink {width: 330px;}
.products_unit_single .p_title_area .nav_unit p {font-size: 115%; font-weight: 400; color: #A52727; text-align: center; margin-bottom: 24px;}
.products_unit_single .p_title_area .nav_unit a {color: #fff; background: #555; display: flex; align-items: center; text-decoration: none; font-size: 140%; position: relative; padding: 24px 0 24px 3em;}
.products_unit_single .p_title_area .nav_unit a:hover {background: #333;}
.products_unit_single .p_title_area .nav_unit a::before {position: absolute; content: ''; top: 50%; left: 4%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); display: block; width: 40px; height: 40px; background-image: url(../img/products/unit/icon_pagelink.svg); background-size: contain; background-repeat: no-repeat;}
/* ユニットタイトル */
.products_unit_single .p_unit01_title_bg {color: #fff; background: linear-gradient(90deg, #fff 0%, #fff 50%, #252525 50%, #252525 100%); display: flex;}
.products_unit_single .p_unit02_title_bg {background: linear-gradient(90deg, #252525 0%, #252525 50%, #fff 50%, #fff 100%); color: #fff;}
.products_unit_single .p_unit01_title {width: 800px; padding: 72px 120px; margin: 0 auto; display: flex; text-align: left; background: #252525;}
.products_unit_single .p_unit02_title {width: 800px; padding: 72px 120px; margin: 0 auto; display: flex; text-align: left; background: #252525; flex-direction: row-reverse;}
.products_unit_single .p_unit01_title img {width: 350px; height: auto; margin-right: 32px;}
.products_unit_single .p_unit02_title img {width: 350px; height: auto; margin-left: 32px;}
.products_unit_single .p_unit01_title .p_unit01_title_tx h2, .products_unit_single .p_unit02_title .p_unit02_title_tx h2 {margin-bottom: 24px;} 
.products_unit_single .p_unit01_title .p_unit01_title_tx p, .products_unit_single .p_unit02_title .p_unit02_title_tx p {font-size: 115%;}
/* おすすめ */
.products_unit_single .p_unit_recommend {width: 1040px; margin: 0 auto;}
.products_unit_single .p_unit_recommend_balloon {width: 800px; margin: 0 auto 32px auto; text-align: left; display: flex; justify-content: space-between;}
.products_unit_single .p_unit_recommend_balloon p {border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 24px 0; position: relative;}
.products_unit_single .p_unit_recommend_balloon p:before,.products_unit_single .p_unit_recommend_balloon p:after {content: ""; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.products_unit_single .p_unit_recommend_balloon p:before {border: solid 12px transparent; border-top: solid 12px #000;}
.products_unit_single .p_unit_recommend_balloon p:after {border: solid 14px transparent; border-top: solid 14px #fff; margin-top: -3px;}
.products_unit_single .p_unit_recommend_balloon p span {font-size: 91%; margin-top: 24px; line-height: 150%; display: block;}
.products_unit_single .p_unit_recommend img {margin: 0 auto 64px auto;}
.products_unit_single .p_unit_recommend .p_unit_recommend_border {border: 1px solid #A52727; padding: 32px 80px; display: inline-block;}
.products_unit_single .p_unit_recommend .p_unit_recommend_border p {font-size: 115%;}
.products_unit_single .p_unit_recommend .p_unit_recommend_border p span {font-size: 150%; color: #A52727; margin-top: 16px; display: block;}
/* 特長 */
.products_unit_single .p_unit_feature {width: 800px; margin: 0 auto;}
.products_unit_single .p_unit_feature .feature {position: relative; }
.products_unit_single .p_unit_feature .feature ul li {overflow: hidden; margin-bottom: 40px;}
.products_unit_single .p_unit_feature .feature ul li img {float: right; width: 320px; height: auto;}
.products_unit_single .p_unit_feature .feature ul li div {text-align: left;}
.products_unit_single .p_unit_feature .feature ul li b {display: block; font-weight: 100; font-size: 150%; position: relative; padding-left: 120px; padding-top: 10px;}
.products_unit_single .p_unit_feature .feature ul li b span {position: absolute; display: block; color: white; width: 105px; text-align: center; left: 0; z-index: 2;}
.products_unit_single .p_unit_feature .feature ul li b::after {content: ""; display: block; background: black; width: 45px; height: 45px; position: absolute; left: 30px; top: 0px; transform: rotate(-21.5deg) skew(50deg) scale(1.2, 0.8); -moz-transform: rotate(-21.5deg) skew(50deg) scale(1.2, 0.8); -webkit-transform: rotate(-21.5deg) skew(50deg) scale(1.2, 0.8); -o-transform: rotate(-21.5deg) skew(50deg) scale(1.2, 0.8); -ms-transform: rotate(-21.5deg) skew(50deg) scale(1.2, 0.8);}
.products_unit_single .p_unit_feature .feature ul li strong {display: block; font-weight: 400; font-size: 110%; margin: 30px auto 20px;}
.products_unit_single .p_unit_feature .feature ul li p {font-size: 110%; margin-top: 32px;}
.products_unit_single .p_unit_feature .feature .feature_imgbox {display: flex; width: 360px; height: 240px; float: right;}
.products_unit_single .p_unit_feature .feature .feature_img {text-align: center;}
.products_unit_single .p_unit_feature .feature .feature_img img {width: auto; height: 195px;}
.products_unit_single .p_unit_feature .feature .feature_img p {font-size: 90%; margin-top: 16px; display: inline-block;}
/* 特長 > スライド */
.products_unit_single .p_unit_feature .feature ul li.feature_slide .slide_item {width: 320px; height: 200px; float: right; position: absolute; right: 0;}
.products_unit_single .p_unit_feature .feature .slide_item img {width: 320px; height: auto; margin: 0 auto; object-fit: contain;}
.products_unit_single .p_unit_feature .feature ul li.feature_slide div:last-child {height: 220px;}
/* 特長 > 矢印 */
.products_unit_single .p_unit_feature .feature .feature_slide .prev-arrow,.products_unit_single .p_unit_feature .feature .slide_item .next-arrow {cursor: pointer; outline: none; position: absolute; height: 32px; width: 32px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.products_unit_single .p_unit_feature .feature .slide_item .prev-arrow {left: -42px;}
.products_unit_single .p_unit_feature .feature .slide_item .next-arrow {right: -42px;}
/* 特長 > ドットナビ */
.products_unit_single .p_unit_feature .feature .slide_item .slick-dots {text-align: center; margin: -15px 0 0 0;}
.products_unit_single .p_unit_feature .feature .slide_item .slick-dots li {display:inline-block; margin: 0 6px; padding: 0;}
.products_unit_single .p_unit_feature .feature .slide_item .slick-dots button {color: transparent; outline: none; width:5px; height:5px; display:block; border-radius:50%; background: #CCCCCC; border: none; padding: 0;}
.products_unit_single .p_unit_feature .feature .slide_item .slick-dots button:last-child {display: none;}
.products_unit_single .p_unit_feature .feature .slide_item .slick-dots .slick-active button{background: #333333;}
/* 特長 > 動画 */
.products_unit_single .p_unit_feature .video {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-top: 72px;}
.products_unit_single .p_unit_feature .video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* 利用シーン */
.products_unit_single .p_unit_scene {background: #EEEEEE; margin-top: 72px; padding-bottom: 72px;}
.products_unit_single .p_unit_scene h3 {display: inline-block;}
.products_unit_single .p_unit_scene ul {width: 1040px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin: 0 auto;}
.products_unit_single .p_unit_scene li {width: 320px;}
.products_unit_single .p_unit_scene p {margin-bottom: 16px; text-align: left; font-size: 115%;}
.products_unit_single .p_unit_scene img {width: 100%; height: auto;}
/* 製品一覧 */
.products_unit_single .p_unit_list .scroll_table {width: 800px; margin: 0 auto 48px auto; text-align: left;}
.products_unit_single .p_unit_list .scroll_table table {width: 700px; margin-left: 100px;}
.products_unit_single .p_unit_list .scroll_table .table01 th {font-size: 150%; vertical-align: bottom; font-weight: 100; padding-bottom: 32px; width: 33%;}
.products_unit_single .p_unit_list .scroll_table .table01 img {margin-bottom: 24px;}
.products_unit_single .p_unit_list .scroll_table .table02 th {font-weight: 400; width: 33%;}
.products_unit_single .p_unit_list .scroll_table .table02 td {padding-bottom: 32px; width: 33%;}
/* 製品一覧 > btn */
.products_unit_single .p_unit_list .p_unit_list_btn a {text-decoration: none; display: inline-block;}
.products_unit_single .p_unit_list .p_unit_list_btn01, .products_unit_single .p_unit_list .p_unit_list_btn02 {color: #fff; font-size: 120%; width: 300px; padding: 24px; margin: 0 auto 32px auto;}
.products_unit_single .p_unit_list .p_unit_list_btn01 {background: #535353;}
.products_unit_single .p_unit_list .p_unit_list_btn01:hover {background: #333;}
.products_unit_single .p_unit_list .p_unit_list_btn02 {background: #A52727;}
.products_unit_single .p_unit_list .p_unit_list_btn02:hover {opacity: .5;}
.products_unit_single .p_unit_list .p_unit_list_btn03 {display: inline-block;}
/* ↑ 空中ディスプレイユニットページ */

/* =============================================
products ASKA3D販売代理店
================================================ */
#distributors h2 { font-size: 120%; font-weight: normal; margin-bottom: 40px;}
#distributors h3 { font-size: 160%; font-weight: normal; margin-bottom: 20px;line-height: 130%;}
#distributors h3 span { font-size: 80%;}
#distributors > div {max-width: 800px;width: 90%;margin: 0 auto;}
#distributors div div {margin-bottom: 80px; border-top:1px solid #ededed; padding-top: 60px;} 
#distributors .mb80 {margin-bottom: 80px;} 

/* =============================================
products_unit
================================================ */
#products_unit{ padding: 100px 0; background: url(../img/share/gray.jpg) repeat-x center bottom; }
#products_unit h1 { margin-bottom: 60px; }
#products_unit h2 {font-size: 160%; font-weight: 400; color: #555; line-height: 1.5;}
#products_unit p{margin-bottom: 26px;}

/* =============================================
products_unit_finish
================================================ */
#products_unit_finish{ padding: 100px 0; background: url(../img/share/gray.jpg) repeat-x center bottom; }
#products_unit_finish h1 { margin-bottom: 60px; }
#products_unit_finish h2 {font-size: 160%; font-weight: 400; color: #555; line-height: 1.5;}
#products_unit_finish p{margin-bottom: 26px;}
#products_unit_finish .unit_box{display: flex; justify-content: space-around; align-items: flex-start; border-bottom: solid 1px #555; padding: 40px 0;}
#products_unit_finish .unit_box:first-of-type{border-top: solid 1px #555;}
#products_unit_finish .btn_unit_dl{text-align: center;}
#products_unit_finish .btn_unit_dl a{background-color: #535353; border: none; font-size: 110%; width: 300px; line-height: 80px; color: white; display: inline-block; text-decoration: none; margin:auto; text-align: center;}
#products_unit_finish .btn_unit_dl a:hover{background-color:#333;}

/* =============================================
LP
================================================ */

/* =============================================
whitepaper
================================================ */
#whitepaper{ padding: 100px 0; background: url(../img/share/gray.jpg) repeat-x center bottom; }
#whitepaper .wp_box{display: flex; justify-content: space-between; align-items: flex-start; border-bottom: solid 1px #555; padding: 40px 0;}
#whitepaper .wp_box:first-of-type{border-top: solid 1px #555;}
#whitepaper .wp_text{width: 680px;}
#whitepaper h1 { margin-bottom: 60px; }
#whitepaper h2 {font-size: 160%; font-weight: 400; color: #555; margin-bottom: 16px; line-height: 1.5;}
#whitepaper p{margin-bottom: 26px;}
#whitepaper .link_wp_dl{text-align: right;}
#whitepaper .link_wp_dl a{background-color: #535353; border: none; font-size: 110%; width: 300px; line-height: 80px; color: white; display: inline-block; text-decoration: none; margin:auto; text-align: center;}
#whitepaper .link_wp_dl a:hover{background-color:#333;}
#whitepaper .btn_wp_dl{text-align: center;}
#whitepaper .btn_wp_dl a{background-color: #535353; border: none; font-size: 110%; width: 300px; line-height: 80px; color: white; display: inline-block; text-decoration: none; margin:auto; text-align: center;}
#whitepaper .btn_wp_dl a:hover{background-color:#333;}
#whitepaper .wp_banner{text-align: center;}
#whitepaper .wp_banner a:hover{opacity: 0.5;}
#whitepaper .wp_banner a img{border: 1px solid #fff; display: inline-block; max-width: 600px; width: 100%; margin: 70px auto 0;}

/* =============================================
flating-banner nav_lang
================================================ */
.flexbox {
    display: flex;
	
}
.fw {
    flex-wrap: wrap;
}
#tabMenu {
    position: absolute;
    top: 20%;
    -webkit-transform: translate(0%, -20%);
    -moz-transform: translate(0%, -20%);
    -ms-transform: translate(0%, -20%);
    -o-transform: translate(0%, -20%);
    transform: translate(0%, -20%);
    position: fixed;
    right: -121px;
    width: 170px;
    background-color: rgba(37, 37, 37, 0.85);
    z-index: 20;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border: solid 1px #fff;
}
#tabMenu .flexbox p {
    width: 50px;
    align-self: center;
	position: relative;
}
#tabMenu .flexbox p:before{
	position: absolute;
	content: '';
	top: -0px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	display: block;
	width: 32px;/*幅*/
	height: 32px;
	background-image: url("../img/share/ico_lang.svg");
	background-size: contain;
	background-repeat: no-repeat;
}
#tabMenu .flexbox p span {
    color: #fff;
    display: block;
    font-size: 90%;
    text-align: center;
    font-weight: 300;
    letter-spacing: .1em;
	writing-mode: vertical-rl;
	padding-left: 18px;
	padding-top: 40px;
}

#tabMenu .flexbox ul {
    width: calc(100% - 51px);
    max-width: 120px;
    border-left: 1px solid #fff;
}
#tabMenu .flexbox ul li {
    border-bottom: 1px solid #fff;
    background-color: rgba(37, 37, 37, 0.85);
    list-style: none;
}
#tabMenu .flexbox ul li:last-of-type{
	border-bottom: none;
}
#tabMenu .flexbox ul li a {
    font-size: 13px;
    padding: 12px 0;
    font-weight: 200;
    color: #fff;
    text-align: center;
    display: block;
    text-decoration: none;
}
#tabMenu .flexbox ul li a:hover {
    background-color: #000;
}


/* =============================================
flating-banner link_WP
================================================ */
#floatingbanner{
	display: none;
}
.floating-banner_link_WP{
	position: fixed; right: 20px; bottom:180px; z-index: 10; 
}
.floating-banner_link_WP a{
	font-family: 'Roboto', 'Noto Sans JP', sans-serif;
	background: #a52727;
	border: none;
	font-size: 18px;
	font-weight: 300;
	width: 67px;
	padding: 30px 0 50px;
	line-height: 71px;
	color: #fff;
	display: inline-block;
	writing-mode: vertical-rl;
	text-decoration: none;
	text-align: center;
	position: relative;
}
@-moz-document url-prefix() {
  .floating-banner_link_WP a {
    line-height: 67px;
  }
}
.floating-banner_link_WP a:after{
	position: absolute;
    content: '＞';
    width: 18px;
    height: 18px;
    writing-mode: horizontal-tb;
    bottom: 54px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.floating-banner_link_WP a:hover{
	opacity: 0.5;
}

/* =============================================
seminar_DL
================================================ */
#seminar_DL{ padding: 100px 0; background: url(../img/share/gray.jpg) repeat-x center bottom; text-align: center;}
#seminar_DL h1{margin-bottom: 60px;}
#seminar_DL h2{font-size: 160%; font-weight:400; margin-bottom: 40px; color:#555;line-height: 1.4;}
#seminar_DL .btn_pdf_dl{text-align: center; margin-top: 40px;}
#seminar_DL .btn_pdf_dl a{background-color: #535353; border: none; font-size: 110%; width: 300px; line-height: 80px; color: white; display: inline-block; text-decoration: none; margin:auto; text-align: center;}
#seminar_DL .btn_pdf_dl a:hover{background-color:#333;}


/*==================================================
interview top
===================================*/
section#interview_top{background:black !important; position: relative;}
section#interview_top .page_link{top: auto;}
ul#interview_arc { overflow: hidden; text-align: center; padding: 0; }
ul#interview_arc li { width: 29.5%; margin-bottom: 50px; display: inline-block; margin: 0 17px 50px; vertical-align: top; }
ul#interview_arc img { width: 100%; height: auto; }
ul#interview_arc a { color: white; text-decoration: none; text-align: left; }
ul#interview_arc p { margin:10px auto 15px auto; line-height: 130%; }
ul#interview_arc p span{display: block; padding-top: 8px;}
ul#interview_arc .category{ margin: 0px auto; font-size: 80%; padding-top: 10px;}

#interview_cont{padding: 100px 0 0; box-sizing: border-box;}
#interview_cont .container{padding-left: 20px; padding-right: 20px;}
#interview_cont article{margin-top: -69px; padding-top: 69px; text-align: center; }
#interview_cont article .container{padding: 100px 0px 80px;}
#interview_cont .sec_title{font-size: 200%; margin-bottom: 80px;}

#interview_cont .interview_cont_main{padding: 0px 0 20px; background: url(../img/share/gray.jpg) repeat-x center bottom;}
#interview_cont .nav_interview{max-width: 880px; margin: 0 auto 80px; display: flex; align-items: center; justify-content: space-between;}
#interview_cont .nav_interview .btn_pagelink{width: 31%; height: 60px;}
#interview_cont .nav_interview .btn_pagelink a{color: #fff; background: #555; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-decoration:none; font-size: 120%; position: relative;}
#interview_cont .nav_interview .btn_pagelink a:before{
	position: absolute;
	content: '';
	top: 50%;
    left: 4%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	display: block;
	width: 30px;/*幅*/
	height: 30px;
	background-image: url("../img/interview/icon_pagelink.svg");
	background-size: contain;
	background-repeat: no-repeat;/*画像を繰り返さない*/
}
#interview_cont .nav_interview .btn_pagelink a:hover{background: #333;}

ul.interview_box{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
}
ul.interview_box>li{width: 32%; margin-left: 2%; margin-bottom: 40px;}
ul.interview_box>li:nth-of-type(3n-2){margin-left: 0%;}
ul.interview_box>li.last_line{margin-bottom: 20px;}
ul.interview_box li a{text-decoration:none; color: #fff;}
ul.interview_box li a:hover p{opacity: 0.5;}

ul.interview_box li a p{text-align: left;}
ul.interview_box li img{width: 100%; margin-bottom: 8px;}
ul.interview_tag{margin-top: 8px;}
ul.interview_tag li{width: 100%; text-align: left; margin-bottom: 6px; position: relative; padding-left: 16px; line-height: 1.2;}
ul.interview_tag li:before{
	position: absolute;
	content: '#';
	top: 0;
	left:0;
	display: block;
}
#interview_customer{}

#interview_developer{}
#interview_developer .sec_title{margin-bottom: 60px;}
#interview_developer h3{font-size: 150%; margin-bottom: 32px; line-height: 1.5;}
#interview_developer img{border: solid 1px #f1f1f1;}
#interview_developer .link_developer{max-width: 600px; margin: 48px auto 0;display: flex; flex-direction: column;}
#interview_developer .link_developer a{text-decoration:none; font-size: 110%; position: relative; padding-right: 72px; text-align: left; line-height: 1.5;}
#interview_developer .link_developer a+a{margin-top: 60px;}
#interview_developer .link_developer a:after{
	position: absolute;
	content: '';
	top: 50%;
    right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	display: block;
	width: 60px;/*幅*/
	height: 60px;
	background-image: url("../img/share/ico.svg");
	background-size: contain;
	background-repeat: no-repeat;/*画像を繰り返さない*/}
#interview_developer .link_developer p{margin-top: 60px; text-align: left; position: relative;}
#interview_developer .link_developer p:after{
	position: absolute;
	content: '';
	top: 50%;
    right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	display: block;
	width: 60px;/*幅*/
	height: 60px;
	background-image: url("../img/share/ico.svg");
	background-size: contain;
	background-repeat: no-repeat;/*画像を繰り返さない*/
	opacity: 0.5;
}

#interview_distributors{}

section#interview_cont + div.contact{padding: 80px 0; background: url(../img/share/gray.jpg) repeat-x center bottom; text-align: center;}
section#interview_cont + div.contact .send{margin-top: 0;margin-bottom: 16px;}
section#interview_cont + div.contact .link_txt{line-height: 4;}
section#interview_cont + div.contact a{text-decoration:none;}

/*==================================================
interview under_page
===================================*/
#interview_article{box-sizing: border-box;}
#interview_article .w-100{width: 100%!important;}
#interview_article p.category_title{font-size: 160%; text-align: center; margin-bottom: 30px;}
#interview_article h1{font-size: 180%; line-height: 1.5;}
#interview_article h1 span{font-size: 80%;}
#interview_article h2{font-size: 100%; line-height: 1.5;}
#interview_article .interview_detail_cont h2{font-size: 140%; font-weight: 500; margin-bottom: 40px; padding: 20px 30px; background: #252525; border: 1px solid #fff; color: #fff;}
#interview_article .interview_detail_cont h2 span{font-size: 85%; font-weight: 300; display: block; margin-top: 6px;}
#interview_article h3{font-size: 130%; line-height: 1.5; position: relative; padding-left: 28px; margin-bottom: 24px; font-weight: 600; letter-spacing: 0.05em;}
#interview_article h3:before{
	position: absolute;
	content: 'ー';
	top: 0;
	left:0;
	display: block;
}
#interview_article h3 a{text-decoration:none; padding-bottom: 2px; border-bottom: solid 2px #000; font-weight: 600;}
#interview_article h3 a:hover{border-bottom: solid 2px #777;}
#interview_article p{}
#interview_article p.txt_C{text-align: center;}
#interview_article p span,#interview_article .font_red{color: #a52727; font-weight: 400;}
#interview_article .black p span,#interview_article .font_bg_black,#interview_article .black li span{color: #ffd21f; font-weight: 300;}
#interview_article p span a{color: #a52727; text-decoration:none; border-bottom: solid 1px #a52727;}
#interview_article .black span a{color: #ffd21f; text-decoration:none; border-bottom: solid 1px #ffd21f;}

#interview_article dl{margin-bottom: 24px;}
#interview_article dt,#interview_article dd{line-height: 150%; font-size: 110%;}
#interview_article dd{margin-bottom: 16px; margin-left: 30%;}
#interview_article .interview_info dd{margin-left: 0;}
#interview_article dl.rp_dl dt{
	float: left;
    display: block;
    clear: both;
    min-width: 30%;
    max-width: 40%;
    font-weight: 100;
}
#interview_article .black dd a{color: #fff;
    text-decoration: none;
    line-height: 1.5;
    border-bottom: solid 1px #fff;}

#interview_article .container{}
#interview_article .interview_detail_main,#interview_article .interview_detail_cont{padding: 100px 0;}

#interview_article .interview_main_img{display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 40px;}
#interview_article .interview_main_img img{width: 49%;}
#interview_article .interview_point{margin-top: 16px;}
#interview_article .interview_point ol{list-style-type: decimal; margin-left: 24px; font-size: 130%;}
#interview_article .interview_point li{padding-left: 10px;margin-bottom: 12px;}
#interview_article .interview_point li:last-of-type{margin-bottom: 0;}
#interview_article .interview_point a{color: #fff; text-decoration:none; line-height: 1.5; border-bottom: solid 1px #fff;}
#interview_article .interview_point a:hover{opacity: 0.5;}

#interview_article .interview_detail_sec{margin-bottom: 48px;}
#interview_article .interview_detail_sec:last-of-type{margin-bottom: 0;}
.interview_detail_img + .interview_detail_sec{margin-top: 48px;}
.interview_detail_img + .interview_detail_img{margin-top: 24px;}
#interview_article .interview_detail_sec ul{font-size: 110%; margin: 24px 0;}
#interview_article .interview_detail_sec li{padding-left: 24px; line-height: 1.5; position: relative; margin-bottom: 8px;}
#interview_article .interview_detail_sec li:before{
	position: absolute;
	content: '⚪︎';
	display: block;
    left: 0px;
    top: 0px;
}
#interview_article .interview_detail_sec li:last-of-type{margin-bottom: 0;}

#interview_article .row_box{display: flex; align-items: flex-start; justify-content: space-between;}
#interview_article .row_txt{margin-right: 32px;}
#interview_article .interview_detail_sec .interview_detail_img {width: 30%;}
#interview_article .interview_detail_sec .interview_detail_img img{width: 100%;}

#interview_article .interview_detail_img .row_img{display: flex; align-items: center; justify-content: space-between;}
#interview_article .interview_detail_img .row_img .row_img_box{max-width: 49%;}
#interview_article .interview_detail_img .row_img img{max-width: 100%;}
#interview_article .interview_detail_img p{font-size: 98%;margin-top: 8px;}
#interview_article .interview_detail_img .row_img + .row_img{margin-top: 24px;}

#interview_article .interview_info{padding: 60px 0 48px;}
#interview_article .interview_info_box{display: flex; }
#interview_article .interview_info_img{display: flex; height: 110px; width: auto; margin-right: 24px;}
#interview_article .interview_info_img img{margin-right: 24px;}
#interview_article .interview_info_txt{width: 60%;}
#interview_article .interview_info_txt dl.rp_dl dt{min-width: 12%;}

#interview_article .products_info{padding: 0 0 48px;}
#interview_article .products_info_box{}
#interview_article .products_info_box img{}
#interview_article .products_info_box img.img_aska3d_plate{width: 34.5%;}
#interview_article .products_info_box p{font-size:1.125rem;}
#interview_article .products_info_box p span{ font-weight: 500;}

#interview_article .date {margin-bottom: 1em;}

section#interview_article + div.contact{padding: 80px 0; background: url(../img/share/gray.jpg) repeat-x center bottom; text-align: center; border-top: solid 1px #c8c2c6;}
section#interview_article + div.contact .send{margin-top: 0;margin-bottom: 16px;}
section#interview_article + div.contact .link_txt{line-height: 4;}
section#interview_article + div.contact a{text-decoration:none;}

/*developer 開発者インタビュー*/
#interview_article .interview_developer_main{position: relative; margin-bottom: 40px;}
#interview_article .interview_developer_main p{
	position: absolute;
    left: 100px;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-size: 60px;
    line-height: 0.6em;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
    letter-spacing: 0.08em;
}
#interview_article .interview_developer_main p span{
	font-size: 16px;
    color: #c6c6c6;
    font-weight: normal;
	letter-spacing: 0.08em;
}
#interview_article .interview_developer_main p strong{
	font-size: 24px;
    display: block;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
    letter-spacing: 0.08em;
}