/* CSS Document */
/* Mobile */
/* =============================================
share
================================================ */
.pc { display: none; }

.mb { display: block!important; }

body { background: white; min-width: 100%; padding-top: 50px; }

.center { width: 90%; padding-left: 0; padding-right: 0; }

a:hover img { opacity: 1; filter: alpha(opacity=100); }

footer { height: auto; min-width: 100%; padding: 20px 0 50px; }
footer .logo { margin: 30px auto 40px; }

nav#foot_nav { background: #222; text-align: center; margin: 0 5%; padding: 10px 0; }
nav#foot_nav div { display: block; }
nav#foot_nav div a { display: block; color: white !important; padding: 15px 5%; }
nav#foot_nav div a::after { display: none; }

#foot_sub_nav { margin-bottom: 30px; }
#foot_sub_nav div { margin-bottom: 15px; }
#foot_sub_nav a { display: block; padding: 0px 20px; }

#toTop { position: static; width: 100%; margin-bottom: 20px; }
#toTop a { height: 60px; }

input, textarea { max-width: 90%; }

/* =============================================
top
================================================ */
header { background: #252525; width: 100% !important; min-width: 100%; z-index: 999; height: auto; overflow: visible; }
header h1.logo { width: auto; height: auto; margin-left: 2%; float: none; }
header h1.logo object { display: none; }
header h1.logo a img:first-child { display: inline-block;}
header h1.logo img { height: 50px; width: auto;}
header h1.logo img:last-child { width: auto; height: 20px; }
header h1.logo a { display:block; }
header nav { display: none; float: none; position: fixed; z-index: 999; background: #222; width: 100%; padding: 20px 0; text-align: center; margin: auto; }
header nav div { display: block; }
header nav div a { display: inline-block; padding: 15px 5%; }
header nav div a::after { display: none; }
header nav div#head_sns_nav div,
header nav div#head_sns_nav div a { display: inline-block; padding:10px }
header nav ul.lang { padding-top: 20px; padding-left: 0; margin-left: 0;}
header nav ul.lang::after { display: none; }
header #sp_nav { position: absolute; right: 0; height: 50px; z-index: 9999; top: 0; width: 15%; }
header #sp_nav div { height: 50%; top: 25%; display: block; position: relative; }
header #sp_nav div span { width: 25px; height: 2px; display: block; background: #fff; position: absolute; left: 50%; top: 50%; margin-left: -20px; transition: all 0.3s; }
header #sp_nav div .top { transform: translateY(-8px) scale(1); -moz-transform: translateY(-8px) scale(1); -webkit-transform: translateY(-8px) scale(1); -o-transform: translateY(-8px) scale(1); -ms-transform: translateY(-8px) scale(1); }
header #sp_nav div .middle { background: none; position: relative; }
header #sp_nav div .middle:before, header #sp_nav div .middle:after { transition: all 0.3s; content: ""; width: 25px; height: 2px; background: #fff; display: block; transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); position: absolute; }
header #sp_nav div .bottom { transform: translateY(8px) scale(1); -moz-transform: translateY(8px) scale(1); -webkit-transform: translateY(8px) scale(1); -o-transform: translateY(8px) scale(1); -ms-transform: translateY(8px) scale(1); }
header #sp_nav.open .top { transform: translateY(0px) scale(0); -moz-transform: translateY(0px) scale(0); -webkit-transform: translateY(0px) scale(0); -o-transform: translateY(0px) scale(0); -ms-transform: translateY(0px) scale(0); }
header #sp_nav.open .bottom { transform: translateY(0px) scale(0); -moz-transform: translateY(0px) scale(0); -webkit-transform: translateY(0px) scale(0); -o-transform: translateY(0px) scale(0); -ms-transform: translateY(0px) scale(0); }
header #sp_nav.open .middle:before { transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
header #sp_nav.open .middle:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }

header.top { background: #252525 !important; }

body.top section { padding: 60px 5% 50px; }

section h1 { font-size: 200%; }
section p { font-size: 95%; line-height: 180%; }

section#top { height: auto; padding: 0 0 87.5%; margin-top: 50px; min-height: auto; background: url(../img/top/main_img.jpg) no-repeat center; background-size: 100% auto; }
section#top .cont { position: absolute; width: 100%; bottom: 15%; top: auto; }
section#top h1 { padding: 0px 0 20px; display: none; }
section#top h1 img { width: 60%; height: auto; }
section#top .video_play { width: 100%; padding: 0 0 70%; border-radius: 0; top: 50px; opacity: 0; }

section#use { padding: 60px 5% 50px; }
section#use h1 { font-size: 150%; }

section#use ul { width: 100%; }
section#use ul li { width: 100%; margin-bottom: 40px; margin-right: 0; }
section#use ul li:nth-child(3n) { margin-right: 0%; }
section#use ul li:nth-child(2n) { margin-right: 0; }
section#use ul .video_play { transform: scale(0.5); -moz-transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); }

section#event { padding: 60px 0 50px; width: 100%; }
section#event h1 + div { width: 90%; margin: auto; }
section#event ul { width: 100%; }
section#event li { height: auto; display: block; margin-bottom: 0; padding: 20px 5%; width: 90%; position: relative; background: #eee; }
section#event li div { height: auto; display: block; margin: 0 0 10px; width: auto !important; text-align: left; }
section#event li .date { text-align: left; margin-bottom: 20px; }
section#event li .page_link { top: 50%; margin: -15px 0 0; right: 5%; position: absolute; background: none; }
section#event li:nth-child(2n) { background: white; }
section#event li a:hover, section#event li a:hover .page_link { background: none; }

.event_cont .date { padding-left: 0; font-size: 150%; }

section#news_top ul#news_arc { width: 100%; display: block; }
section#news_top ul#news_arc li { width: 100%; margin-left: 0; }

section#order h2 { font-size: 150%; }
section#order a { width: 90%; }

.page_link { position: static; margin-top: 30px; line-height: 130%; background-position: top center; }
.page_link a { display: block; padding-right: 0; text-align: center; padding-top: 75px; font-size: 120%; }

.page_link.bl { background-position: top center; }

#wrapper { display: none; }

/* =============================================
use
================================================ */
.title_area { padding: 0; font-size: 180%; }
.title_area img { display: block; width: 100%; height: auto; }

#use_cont article { padding: 60px 5% 50px; text-align: center; }
#use_cont ul { width: 100%; display: block; margin: 40px auto 0; }
#use_cont li { width: 100%; margin-bottom: 40px; margin-right: 0; }
#use_cont li:nth-child(2n) { margin-right: 0; }
#use_cont li a { /*display: none;*/ }
#use_cont #principle ul b { margin: 10px auto 5px; }
#use_cont #method ul b { margin: 0 auto; }

#use_cont #cont ul { width: 100%; }
#use_cont #cont ul li { width: 100%; margin-bottom: 40px; margin-right: 0; }
#use_cont #cont ul li:nth-child(3n) { margin-right: 0%; }
#use_cont #cont ul li:nth-child(2n) { margin-right: 0; }
#use_cont #cont ul .video_play { transform: scale(0.5); -moz-transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); }

/*==================================================
use under_page
====================================================*/
#use_cont .main_img img {margin-bottom: 2em;}
#use_cont .sec_title {font-size: 170%;}
#use_cont .lead {font-size: 130%;text-align: left; margin-bottom: 2em;}
#use_cont .sec_title span {font-size: 130%}
#use_cont .use_point {padding: 1em;}
#use_cont h2 {font-size: 120%; margin-bottom: 1em;}
#use_cont .use_point ol li { font-size: 90% ;width: 96%; margin-left: 1em; padding-right:2em; line-height: 150%; margin-bottom: 0.5em;}
#use_cont h2,
#picup h3{font-size: 140%; margin-bottom: 1em; }

#picup .result { padding: 0.5em;  font-size: 120%; margin-bottom: 1em;}
#picup h2,
#news_top h2 {font-size: 170%; margin-bottom: 2em;}
#picup .picupBox {max-width: 1040px; width: 100%; margin: 0 auto;}
#picup .boxL img {margin-bottom: 2em;width: 100%;}
#picup .boxL,
#picup .boxR {float: none; width: 100%;}
#picup .name {font-size: 100%;}

#news_top .more-list {	padding-bottom: 1em;}


/* =============================================
technology_cont
================================================ */
#technology_cont article { padding: 60px 5% 50px; }
#technology_cont #principle ul { margin: 30px auto; width: 100%; }
#technology_cont #principle ul li { float: none; width: 100%; margin: 0 auto 30px; }
#technology_cont #principle ul img { width: 100%; height: auto; }
#technology_cont #method ul { width: 100%; }
#technology_cont #method ul li img, #technology_cont #method ul li div { float: none; width: 100%; }

/* =============================================
event
================================================ */
#event_cont article { padding: 60px 5% 50px; }
#event_cont #cont h2 { margin: 80px auto 30px; }
#event_cont #cont ul { width: 100%; }
#event_cont #cont ul li { margin-bottom: 20px; width: 49%; margin-right: 2%; }
#event_cont #cont ul li:nth-child(3n) { margin-right: 2%; }
#event_cont #cont ul li:nth-child(2n) { margin-right: 0; }
#event_cont #cont ul div { font-size: 80%; }
#event_cont #cont ul .video_play { transform: scale(0.5); -moz-transform: scale(0.5); -webkit-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5); }
#event_cont #schedule table { padding: 0px; display: block; width: 100%; }
#event_cont #schedule table td, #event_cont #schedule table th, #event_cont #schedule table tr, #event_cont #schedule table tbody { display: block; width: 100% !important; }
#event_cont #schedule table td, #event_cont #schedule table th { padding-bottom: 20px; }
#event_cont #schedule table tr { margin-bottom: 40px; }
#event_cont #schedule table .img img { width: 100%; height: auto; }
#event_cont li div.photo img {width: 100%;margin: 0;}
#event_cont #event li div.date ,
#event_cont #event li div.location  {width: 100%;text-align: center; padding:0;}
#event_cont li div.photo {padding: 0;}
#event_cont #event li div.spot{padding-bottom: 0;}

/* =============================================
privacy
================================================ */
#privacy { padding: 60px 0; }
#privacy h1 { margin-bottom: 40px; }
#privacy .center { width: 90%; }
#privacy .center div { border-top: solid 1px black; margin-top: 30px; padding-top: 40px; }
#privacy b { margin-top: 30px; }
#privacy b + p { margin: 15px 0 0; }
#privacy ul + p { margin-top: 30px; }

/* =============================================
contact
================================================ */
#contact { padding: 60px 0; }
#contact p { margin-left: 5%; margin-right: 5%; }
#contact h1 { margin-bottom: 40px; }
#contact .page_link a { padding: 30px 0 0; margin-top: 30px; }
#contact .center { width: 100%; }
#contact table { width: 90%; display: block; }
#contact th, #contact td, #contact tbody, #contact tr { display: block; width: 100%; }
#contact input, #contact textarea { max-width: 95% !important; }
#contact th, #contact td { padding-top: 20px; text-align: left; vertical-align: top; }
#contact td { padding-top: 0; }

/* =============================================
callus
================================================ */
section#callus { padding: 60px 0; }
section#callus .center { width: 90%; }
section#callus h1 { margin-bottom: 40px; }
section#callus .center { width: 90%; }
section#callus tbody, section#callus table, section#callus tr, section#callus th, section#callus td { display: block; width: 100%; text-align: left !important; }
section#callus th, section#callus td { padding-bottom: 20px; }
section#callus th { padding: 0 0 5px; font-weight: 400; }
#callus .page_link a { padding: 30px 0 0; margin-top: 30px; }

/* =============================================
company
================================================ */
section#company { padding: 60px 0; }
section#company .center { width: 90%; }
section#company h1 { margin-bottom: 40px; }
section#company .center { width: 90%; }
section#company tbody, section#company table, section#company tr, section#company th, section#company td { display: block; width: 100%; text-align: left !important; }
section#company th, section#company td { padding-bottom: 20px; }
section#company th { padding: 0 0 5px; font-weight: 400; }

/* =============================================
news
================================================ */
section#news { padding: 60px 0; }
section#news #news_detail { width: 100%; }

ul#news_arc { display: block; }
ul#news_arc li { width: 47%; margin: 0 0 30px; }
ul#news_arc li:nth-child(2n) { margin-left: 4.5%; }
ul#news_arc a { color: white; text-decoration: none; text-align: left; }
ul#news_arc p { margin: 15px auto; line-height: 130%; }
ul#news-sns_tab li{ width: 160px; padding:0;}
ul#news-sns_tab li a{ width: 160px; padding: 14px 0;  font-size: 90%}

#products_cont #single .page_link, .terms .page_link, section#news .page_link{ position: absolute; top: 76px; background-size: 37px 37px; width: 37px; height: 42px; }

dl#news_sns dt{width: 100%; float: none; }
dl#news_sns dd{margin-left: 0;}
dl#news_sns a { display: block; float: none; margin-right: 0; padding: 2px 0px; width: 180px; font-size: 80%; margin-bottom: 8px;}

/*video*/
#news .video-container, .instagram-container { max-width: 680px; }
#news .video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; }
#news .instagram { position: relative; padding-bottom: 120%; padding-top: 30px; height: 0; overflow: hidden; }
#news .video iframe, .video object, .video embed, .instagram iframe, .instagram object, .instagram embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
section#news #news_detail img{max-width: 100%!important;}
section#news #news_detail table.mb_w_100{width: 100%!important;}
.inBox > div, .inBox_L, .inBox_R{ width:100% !important;}
.inBox  .pc { display: none; }
.inBox  .sp { display: block!important; }

/* =============================================
products
================================================ */
body.order_top { padding-top: 50px; }

.order_nav { position: fixed; width: 100%; top: 50px; text-align: right; z-index: 998; height: 60px; }
.order_nav img { display: block; margin: 0 auto 4px; height: 20px; width: auto; }
.order_nav span { font-size: 75%; }
.order_nav a { padding: 10px 10px; color: white; font-size: 95%; text-decoration: none; display: inline-block; }
.order_nav a:first-child { position: absolute; left: 0; padding: 0 10px; line-height: 60px; }

/* #products_cont { padding-top: 60px; } */
#products_cont .title_area h1 { margin-top: 0; position: static; }
#products_cont article { padding: 60px 5% 50px; }
#products_cont .border {border-top: 1px solid #000; border-bottom: 1px solid #000; width: 90%; padding: 32px 20px; margin: 60px auto 0 auto;}
#products_cont h3 {margin-top: 80px;}
#products_cont #top ul { margin: 30px auto; width: 90%; }
#products_cont #top li { width: 48.5%; margin-bottom: 30px; }
#products_cont #top li img { width: 100%; }
#products_cont #top li:nth-child(2n) { margin-left: 3%; }
#products_cont #top li.plastic .new {padding: 0.5em; width: 50px; position: absolute;right: -10%; top: 0;}
/* ↓ #top 空中ディスプレイユニット */
#products_cont #top .unit {width: 90%; margin: 60px auto; }
#products_cont #top .unit_box {display: block; margin-bottom: 40px;}
#products_cont #top .unit_boxL {width: 100%; margin: 0 0 4% 0;}
#products_cont #top .unit_boxR {width: 100%; display: flex; flex-flow: nowrap; justify-content: space-between;}
#products_cont #top .unit_boxR img {width: 48%; height: auto;}
#products_cont #top .unit .btn {width: 80%; line-height: 2; padding: .5em;}
/* ↑ #top 空中ディスプレイユニット */

#products_cont #single { padding: 0; }
#products_cont #single .center { width: 100%; }
#products_cont #single h2, #products_cont #single h3 { font-size: 160%; }
#products_cont #single .detail { padding: 40px 5%; margin: 50px auto; }
#products_cont #single .detail h3 { margin-bottom: 30px; }
#products_cont #single .quantity select { width: auto; }
#products_cont #contents { padding: 60px 0; }
#products_cont #contents .form { padding: 20px 5%; width: 80%; }
#products_cont #contents .form table, #products_cont #contents .form th, #products_cont #contents .form td, #products_cont #contents .form tr, #products_cont #contents .form tbody { display: block; width: 100%; }
#products_cont #contents .form input { margin-top: 10px; }

/* ↓ 空中ディスプレイユニットページ */
.products_unit_single {padding: 48px 0;}
.products_unit_single h2 {font-size: 150%;}
.products_unit_single h3 {font-size: 150%; margin: 48px 0 32px 0;}
/* タイトルエリア */
.products_unit_single .p_title_area {padding: 16px 0 0 0;}
.products_unit_single .p_title_area .page_link {position: absolute; top: 0; left: 5%;} 
.products_unit_single .p_title_area .unit {width: 90%; margin: 32px auto 0 auto;}
.products_unit_single .p_title_area .unit_box {display: block; margin-bottom: 24px;}
.products_unit_single .p_title_area .unit_boxL {width: 100%; margin: 0 0 4% 0;}
.products_unit_single .p_title_area .unit_boxL img {width: 100%;}
.products_unit_single .p_title_area .unit_boxR {width: 100%; display: flex; flex-flow: nowrap; justify-content: space-between;}
.products_unit_single .p_title_area .unit_boxR img {width: 48%; height: auto;}
.products_unit_single .p_title_area .unit h2 {margin: 24px 0; line-height: 150%;}
.products_unit_single .p_title_area .unit .detail {margin-bottom: 42px;}
.products_unit_single .p_title_area .nav_unit {display: block;}
.products_unit_single .p_title_area .nav_unit .btn_pagelink {width: 90%; margin: 0 auto 24px auto;}
.products_unit_single .p_title_area .nav_unit .btn_pagelink:last-child {margin-bottom: 0;}
.products_unit_single .p_title_area .nav_unit p {margin-bottom: 16px;}
.products_unit_single .p_title_area .nav_unit a {font-size: 120%; position: relative; padding: 16px 0 16px 3.5em;}
.products_unit_single .p_title_area .nav_unit a::before {left: 6%;}
/* ユニットタイトル */
.products_unit_single .p_unit01_title_bg {background: #252525;}
.products_unit_single .p_unit02_title_bg {background: #252525;}
.products_unit_single .p_unit01_title {width: 80%; padding: 40px; display: block; background: none;}
.products_unit_single .p_unit02_title {width: 80%; padding: 40px; display: block; background: none;}
.products_unit_single .p_unit01_title img {width: 100%; margin-right: 0; margin-bottom: 16px;}
.products_unit_single .p_unit02_title img {width: 100%; margin-left: 0; margin-bottom: 16px;}
.products_unit_single .p_unit01_title .p_unit01_title_tx h2, .products_unit_single .p_unit02_title .p_unit02_title_tx h2 {margin-bottom: 16px;} 
.products_unit_single .p_unit01_title .p_unit01_title_tx p, .products_unit_single .p_unit02_title .p_unit02_title_tx p {font-size: 110%;}
/* おすすめ */
.products_unit_single .p_unit_recommend {width: 100%;}
.products_unit_single .p_unit_recommend .pc {display: none;}
/* おすすめ > スライド */
.products_unit_single .p_unit_recommend .slide_item {width: 90%; padding: 0 19%; margin: 0 auto;}
.products_unit_single .p_unit_recommend .slide_item p {margin-bottom: 13px;}
.products_unit_single .p_unit_recommend .slide_item img {margin: 0;}
/* おすすめ > 矢印 */
.products_unit_single .p_unit_recommend .slide_item .prev-arrow,.products_unit_single .p_unit_recommend .slide_item .next-arrow {cursor: pointer; outline: none; position: absolute; height: 32px; width: 32px; top: 40%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.products_unit_single .p_unit_recommend .slide_item .prev-arrow {left: 0;}
.products_unit_single .p_unit_recommend .slide_item .next-arrow {right: 0;}
/* おすすめ > ドットナビ */
.products_unit_single .p_unit_recommend .slide_item .slick-dots {text-align: center; margin: 12px 0 0 0;}
.products_unit_single .p_unit_recommend .slide_item .slick-dots li {display:inline-block; margin: 0 6px; padding: 0;}
.products_unit_single .p_unit_recommend .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_recommend .slide_item .slick-dots button:last-child {display: none;}
.products_unit_single .p_unit_recommend .slide_item .slick-dots .slick-active button{background: #333333;}
/* おすすめ > border */
.products_unit_single .p_unit_recommend img {width: 100%; margin: 0 auto 48px auto;}
.products_unit_single .p_unit_recommend .p_unit_recommend_border {padding: 24px 16px; width: 80%;}
.products_unit_single .p_unit_recommend .p_unit_recommend_border p {line-height: 150%;}
.products_unit_single .p_unit_recommend .p_unit_recommend_border p span {font-size: 120%;}
/* 特長 */
.products_unit_single .p_unit_feature {width: 90%; margin: 0 auto;}
.products_unit_single .p_unit_feature .feature ul li {margin-bottom: 32px; display: flex; flex-wrap: wrap-reverse;}
.products_unit_single .p_unit_feature .feature ul li img {width: 100%;}
.products_unit_single .p_unit_feature .feature ul li p {margin: 24px 0;}
.products_unit_single .p_unit_feature .feature .feature_imgbox {display: flex; width: 100%;}
.products_unit_single .p_unit_feature .feature .feature_img img {width: 105%; height: auto;}
/* 特長 > スライド */
.products_unit_single .p_unit_feature .feature ul li.feature_slide .slide_item {width: 94%; height: auto; padding: 0 5%; margin: 0 auto; position: relative;}
.products_unit_single .p_unit_feature .feature ul li.feature_slide .slide_item img {height: auto; margin: 0;}
.products_unit_single .p_unit_feature .feature ul li.feature_slide div:last-child {height: auto;} 
/* 特長 > 矢印 */
.products_unit_single .p_unit_feature .feature ul li.feature_slide .slide_item .prev-arrow,.products_unit_single .p_unit_feature .feature ul li.feature_slide .slide_item .next-arrow {cursor: pointer; outline: none; position: absolute; height: 32px; width: 32px; top: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.products_unit_single .p_unit_feature .feature ul li.feature_slide .slide_item .prev-arrow {left: -10px; z-index: 99;}
.products_unit_single .p_unit_feature .feature ul li.feature_slide .slide_item .next-arrow {right: -10px;}
/* 特長 > ドットナビ */
.products_unit_single .p_unit_feature .feature ul li.feature_slide .slide_item .slick-dots {margin: 6px 0 0 0;}
/* 特長 > 動画 */
.products_unit_single .p_unit_feature .video {margin-top: 40px;}
/* 利用シーン */
.products_unit_single .p_unit_scene {margin-top: 48px; padding-bottom: 48px;}
.products_unit_single .p_unit_scene .pc {display: none;}
.products_unit_single .p_unit_scene ul {width: 80%; grid-template-columns: repeat(6, 1fr); gap: 0;}
.products_unit_single .p_unit_scene .slide_item li {width: 90%; margin: 0 auto;}
/* 利用シーン > 矢印 */
.products_unit_single .p_unit_scene .slide_item .prev-arrow,.products_unit_single .p_unit_scene .slide_item .next-arrow {cursor: pointer; outline: none; position: absolute; height: 32px; width: 32px; top: 55%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.products_unit_single .p_unit_scene .slide_item .prev-arrow {left: -5%; z-index: 99;}
.products_unit_single .p_unit_scene .slide_item .next-arrow {right: -5%;}
/* 利用シーン > ドットナビ */
.products_unit_single .p_unit_scene .slide_item ul.slick-dots {text-align: center; margin: 16px auto 0 auto; width: 90px;}
.products_unit_single .p_unit_scene .slide_item .slick-dots li {display:inline-block; padding: 0;}
.products_unit_single .p_unit_scene .slide_item .slick-dots button {color: transparent; outline: none; width:5px; height:5px; display:block; border-radius:50%; background: #CCCCCC; border: none; padding: 0; margin: 0 auto;}
.products_unit_single .p_unit_scene .slide_item .slick-dots button:last-child {display: none;}
.products_unit_single .p_unit_scene .slide_item .slick-dots .slick-active button{background: #333333;}
/* 製品一覧 */
.products_unit_single .p_unit_list {width: 90%; margin: 0 auto;}
.products_unit_single .p_unit_list p {margin-bottom: 16px;}
.products_unit_single .p_unit_list .scroll_table {width: 100%; margin-bottom: 56px; overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none;}
.products_unit_single .p_unit_list .scroll_table table {width: 560px; margin-left: 0;}
/* 製品一覧 > btn */
.products_unit_single .p_unit_list .p_unit_list_btn01, .products_unit_single .p_unit_list .p_unit_list_btn02 {width: 80%; margin-bottom: 24px;}
/* ↑ 空中ディスプレイユニットページ */

/* =============================================
products_unit
================================================ */
#products_unit h2 {font-size: 140%;}
/* =============================================
products_unit_finish
================================================ */
#products_unit_finish h2 {font-size: 140%; margin-bottom: 20px;}
#products_unit_finish .unit_box{display: block;}

/* =============================================
whitepaper
================================================ */
#whitepaper h2{font-size: 140%;}
#whitepaper .wp_box{flex-direction: column;}
#whitepaper .wp_img{margin-bottom: 16px; width: 100%;}
#whitepaper .wp_img img{width: 100%;}
#whitepaper .wp_text{width: 100%;}
#whitepaper .link_wp_dl{text-align: center;}

/* =============================================
flating-banner
================================================ */
.floating-banner_link_WP{
	position: fixed; bottom: 0; right: auto; z-index: 10; 
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
/*	display: flex; justify-content: center;*/
	width: 100%; max-width: 100%;
	padding: 10px 0;
	text-align: center;
}
.floating-banner_link_WP a{
	background: #a52727;
	border: none;
	font-size: 16px;
	width: 300px;
	line-height: 60px;
	color: #fff;
	display: inline-block;
	writing-mode: horizontal-tb;
	text-decoration: none;
	text-align: center;
	padding: 0;
}
.floating-banner_link_WP a:after{
	bottom:auto;
	left: auto;
	transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
	right: 20px;
}

/* =============================================
seminar_DL
================================================ */
#seminar_DL{padding: 60px 0 50px;}
#seminar_DL h1{margin-bottom: 40px;}
#seminar_DL h2{font-size: 130%;}
#seminar_DL p{text-align: left;}


/*==================================================
interview top
===================================*/
section#interview_top ul#interview_arc { width: 100%; display: block; }
section#interview_top ul#interview_arc li { width: 100%; margin-left: 0; }
section#interview_top ul#interview_arc li:last-of-type{margin-bottom: 0;}

#interview_cont{padding: 60px 0 0;}
#interview_cont article{margin-top: -49px; padding-top: 49px;}
#interview_cont article .container{padding: 60px 20px;}
#interview_cont .sec_title{font-size: 160%;}

#interview_cont .nav_interview{flex-direction: column; margin: 0 auto 30px;}
#interview_cont .nav_interview .btn_pagelink{max-width: 335px; width: 100%; margin-bottom: 10px;}
/* #interview_cont .nav_interview .btn_pagelink a{} */
#interview_cont .sec_title{margin-bottom: 40px;}
ul.interview_box{flex-direction: column;}
ul.interview_box>li{width: 100%; margin-left: 0; margin-bottom: 20px;}
ul.interview_box>li.last_line:last-of-type{margin-bottom: 0;}
ul.tag li{font-size: 95%;}

#interview_developer img{width: 100%;}
#interview_developer .link_developer a+p{margin-top: 40px;}
/*==================================================
interview under_page
===================================*/
#interview_article .page_link { position: absolute; top: 96px; background-size: 37px 37px; width: 37px; height: 42px; }
#interview_article h1{font-size: 150%;text-align: left; padding-top: 0px;}
/* #interview_article h2{} */
#interview_article .interview_detail_cont h2{font-size: 130%;}
#interview_article .interview_point ol{font-size: 110%;}
#interview_article h3{font-size: 110%;}
#interview_article p.category_title{font-size: 140%;}
#interview_article p.txt_C{text-align: left;}
#interview_article .interview_detail_img img{width: 100%;}
#interview_article .interview_info_box{display: block;}
#interview_article .interview_info_img{justify-content: flex-start; margin-bottom: 32px;}
#interview_article .interview_info_txt{width: 100%;}
#interview_article dl.rp_dl dt{float: inherit; max-width: 100%; margin-bottom: 8px;}
#interview_article dd{margin-left: 0;}

#interview_article .interview_detail_main, #interview_article .interview_detail_cont{padding: 60px 0;}
#interview_article .interview_detail_sec{margin-bottom: 32px;}
.interview_detail_img + .interview_detail_sec{margin-top: 32px;}
#interview_article .interview_detail_img p{font-size: 95%;}
#interview_article .interview_detail_img .row_img{flex-direction: column;}
#interview_article .interview_detail_img .row_img .row_img_box{max-width: 100%;}
#interview_article .interview_detail_img .row_img .row_img_box:first-of-type{margin-bottom: 24px;}
#interview_article .interview_detail_sec ul{font-size: 95%;}

#interview_article .interview_main_img{flex-direction: column;}
#interview_article .interview_main_img img{width: 100%;}
#interview_article .interview_main_img img + img{margin-top: 8px;}

#interview_article .interview_info_txt dl.rp_dl dt.pc{display: none;}

section#interview_article + div.contact{padding: 60px 0;}

#interview_article .row_box{flex-direction: column;}
#interview_article .row_txt{margin-right: 0px;}
#interview_article .row_box .interview_detail_img{width: 100%; max-width: 240px; margin-top: 32px;}

#interview_article .products_info_box img{width: 100%; height: auto;}
#interview_article .products_info_box img.img_aska3d_plate{width: 60%;}

/*developer 開発者インタビュー*/
#interview_article .interview_developer_main p{
	position: static;
    font-size: 44px;
    line-height: 0.5em;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
}
#interview_article .interview_developer_main p span{font-size:0.75rem;}
#interview_article .interview_developer_main p strong{font-size:1.125rem;}