@charset "UTF-8";
/*
 * sp.css
 *
 */

#humberger-menu,
.only_sp {
	display:none;
}

@media screen and (max-width:1548px){
/*==================================
            全ページ共通
==================================*/	
.navi_page ul li {
	width:20%;
}
.navi_page ul li a {
	width:auto;
}
.navi_page ul li p {
	font-size: 12px;
}
.scroll {
	display:none;
}
}

@media screen and (max-width:1360px){
/*==================================
            全ページ共通
==================================*/		
#headerIn h1 a img {
	width:600px;
	height:auto;
}
.menber_ttl {
	font-size: 20px;
}
.ikcs_top_page #headerIn h1 a img {
	width:250px;
	height:auto;
}	
}

@media screen and (max-width:1300px){
/*==================================
            全ページ共通
==================================*/		
#contents .contact_tel {
	padding:0;
    background-size:auto 100%;
}
#contents .contact_tel .box {
    width: 80%;
}
}

@media screen and (max-width:1210px){
/*==================================
              toppage
==================================*/		
.ph_info ul {
	width: auto;
}
.film_info {
	width:90%;
	margin:30px auto;
}
.soudan_bnr img {
	width:90%;
	height:auto;
}
.copy_box {
  width:85%;
}
.pdf_box {
  width:90%;
}
.pdf_data,
.movie_data {
  width:auto;
    margin: 0 auto;
    padding: 10px;
}    
}

@media screen and (max-width:1160px){
/*==================================
            全ページ共通
==================================*/	
.only_sp {
	display:block;
}
.only_pc {
	display:none;
}
.facility_video.only_pc {
	display:block;
}	
.home #contents {
	width:100%;
}
.box {
	width:auto;
}
.copy_box p,
.copy_box {
	width:90%;
	margin:0 auto;
	padding:10px;
	box-sizing:border-box;	
}
.after_box {
	display:none;
	width: auto;
	height: auto;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin: 30px 10px 0;
	padding: 20px;
	border: #666 solid 2px;
	background-color:#fff;
}
.after_box table {
	width: 1000px;
	margin: 20px auto;
	border-collapse: inherit;
}
.shop_list table th, .shop_list table td {
	border-bottom: solid 1px #acacac;
}
.shop_list {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}
.scroll {
	display: block;
	color:#1d2a73;
	text-align:left;
	font-weight:bold;
}
.shop_list {
	background-size:auto 100%;
}
.shop_list .box {
	width:90%;
	padding:30px 20px;
}
.shop_list h2 img {
	margin: 0 auto 10px;
}
#headerIn h1 a img {
	width: 400px;
	height: auto;
}
.navi_page nav {
    width:95%;
}
/*==================================
              toppage
==================================*/
.ph_info .en_about {
	font-size: 18px;
}
.promise_info ul {
	width: auto;
}
.box_left {
	background: rgba(255,255,255,0.8);
}
.dealer {
	width:90%;
}
.info_box {
	width:auto;
    padding: 10px;
} 
.lgs_product_list {
	width: 85%;
}
.lgs_product ul li p {
	width: 100%;
	padding: 10px 0;
}	
/*==================================
              privacy
==================================*/
.privacy_info {
	width:90%;
}
}

@media screen and (max-width: 1150px){
.lgs_product_list {
  width: 84%;
}
#main .video-js {
	width: 95%;
	height: 300px;
}
}

@media screen and (max-width:1100px){
/*==================================
            全ページ共通
==================================*/		
.navi_right {
	display:none;
}
#humberger-menu {
	display:block;
}
.company_link p {
	font-size:14px;	
	text-align:center;
}
#footerNav ul {
	width: 90%;
}
.navi_page nav {
	font-size:15px;
}
  
/*==================================
              toppage
==================================*/
.product_link {
	width: 200px;
	height: 151px;
}
/*==================================
            sitemap_page
==================================*/
.sitemap_link {
	padding: 50px;
}
}

@media screen and (max-width: 987px){
.lgs_product_list {
  width: 80%;
}
.inst_box .copy_box {
    width: 100%;
    padding: 10px;    
}    
.inst_info p {
    width: 100%;
    padding: 10px;    
}	
}

@media screen and (max-width:865px){
    .info_page iframe {
        width: 100%;
    }

}

@media screen and (max-width:835px){
.inst_info, .inst_box img {
  display:block;
    margin: 0 auto;
}
.link_btn a {
  margin: 20px auto 0;
}
.info_page .copy_box {
  width: 100%;
}      
}

@media screen and (max-width:822px){
/*==================================
            contact_page
==================================*/  
.inst_info, .inst_box img {
  display: block;
} 
}

@media screen and (max-width:800px){
/*==================================
            全ページ共通
==================================*/	
#contents .machine_box.only_pc {
	display:none;
}
#contents .machine_box.only_sp {
	display:block;
}
.machine_box.only_pc {
  display: none;
}
}

@media screen and (max-width: 794px){
.lgs_product_list {
  width: 75%;
}
.lgs_product ul {
  width: 100%;
}	
}

@media screen and (max-width:768px){
/*==================================
          全ページ共通
==================================*/
#wrapper {
  overflow: hidden;
}   
#contents,
#main,
section,
footer,
#footer_box {
	width:100%;
}
#contents .only_sp, .only_sp {
    display: block;
}
#contents .only_pc, .only_pc {
    display:none;
}
#menuToggle p {
	font-size:12px;
	font-weight:bold;
	color:#fff;
}
section h2 {
	line-height: 3em;
}	
.box {
	width:90%;
	margin:0 auto;
	padding:20px 0;
}
.company_info ul {
	display:block;
	width: 90%;
	margin:0 auto 30px;
}
.company_info ul li {
	width:auto;
}
.navi_page nav {
  width: 100%;
}    
.footer_logo a img {
	width:320px;
}
#footerNav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 20px 0;
	width: 95%;
}
#footerNav li:first-of-type, #footerNav li:nth-of-type(1), #footerNav li:nth-of-type(3), #footerNav li:nth-of-type(5), #footerNav li:nth-of-type(7), #footerNav li:nth-of-type(9) {
	border-left: 1px solid #fff;
}
#footerNav li:nth-of-type(7) ,#footerNav li:nth-of-type(8), #footerNav li:nth-of-type(9) {
	border-bottom:1px solid #fff;
}
#footerNav li:nth-of-type(4) {
	width:50%;
	border-bottom: none;	
}
#footerNav li:nth-of-type(5) {
	border-bottom:none;	
}
#footerNav li {
	width: 50%;
	margin: 0;
 	 padding: 0;
	border-top: 1px solid #fff;
	text-align: left;
	box-sizing: border-box;
	font-size:14px;
}
#footerNav li a {
	display: block;
	padding: 15px;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}
.home section {
	width: 100%;
	padding: 30px 0;
	box-sizing: border-box;
}
.navi_page {
	display: none;
}	
.navi_page ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin:0 auto;
	padding: 20px 0;
	width: 95%;
}
.navi_page ul li {
	width: 50%;
	margin: 0;
	padding: 0;
	text-align: left;
	box-sizing: border-box;
	font-size: 14px; 	
}
.navi_page ul li {
	width: 50%;
	margin: 0;
	padding: 0;
	text-align: left;
	box-sizing: border-box;
	font-size: 14px;
    border: #000 solid 1px;
}
.navi_page ul li:first-of-type,
.navi_page ul li:nth-child(2), 
.navi_page ul li:nth-child(3)  {
    border-bottom:none;
}
.navi_page ul li:first-of-type,
.navi_page ul li:nth-child(3)  {
    border-right:none;
}     
.navi_page ul li a {
	display: block;
	padding: 15px 10px;
	color: #000;
	text-decoration: none;
	font-weight: 600;
}
.navi_page ul li img {
	display:block;
	margin:0 auto;
}
.navi_page ul li:last-of-type a,
.navi_page ul li a {
  border-right:none;
  border-left:none;  
}
#main .top_qa_box {
  padding: 50px;
  background-size: auto 100%;
}	
.top_qa_box .link_btn a {
	margin:0 auto;
}
.navi_page ul li a::before {
  content: '\f105';
  left: 0;
  margin: 0 10px 0 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: relative;
  color: #000;
}    
 #footerNav ul li a::before {
  content: '\f105';
  left: 0;
  margin: 0 10px 0 0;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: relative;
  color: #000;
}    
 #footerNav ul li a::before {
  color: #fff;
}
.sitemap_link {
  padding: 30px 10px;
  width: 90%;
}
.privacy_info {
  width: 90%;
  margin: 40px auto 0;
}
#main .cp_qa_list {
    margin: 40px auto;
}
.inst_info {
    width: 90%;
}
.inst_info p {
    text-align: justify;
}
#system_menu ul {
    display: block;
}
#system_menu ul li {
    margin: 0 auto 10%;
}    
#system_menu ul li p {
    padding: 0;
}
#system_menu ul li {
    width: auto;
}
.top_qa_box .copy_box {
    width: auto;
}
.facility_video h4 {
    width: auto;
}	
.machine_box iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}
.top_system_info input {
    width: 90%;
	height: 30px;
}
.top_system_info button {
    padding: 4% 0;
}	
 .about_box img {
    width: 100%;
    padding: 10px 0;
    margin: 0;
}
.about_box.top_img  .copy_box {
  padding: 20px 0;
}
.about_box .copy_box {
  padding: 20px 0;
}
.about_box h2 img {
  width: auto;
  height:30px ;
}
#sp_link_menu {
	padding: 10px 0;
	background-color: #000;
}	
#sp_link_menu ul li {
	display: block;
	width: 80%;
	margin: 0 auto;
}	
#sp_link_menu ul li a {
	display: block;
}
#sp_link_menu ul li:nth-child(1) a,
#sp_link_menu ul li:nth-child(2) a, 
#sp_link_menu ul li:nth-child(3) a	{
    margin: 10px 5px;    
	padding:7px 10px;
    line-height: 1.3em;
    color: #fff;
	font-weight: bold;
	text-align: center;
}
#sp_link_menu ul li:nth-child(1) a {	
    background-color: #674ee6;
    border: 3px solid #907df1;    
}	
#sp_link_menu ul li:nth-child(2) a {	
    background-color: #00b3ba;
    border: 3px solid #42dfe5;    
}
#sp_link_menu ul li:nth-child(3) a {
	padding: 18px 0;
    background-color: #064dcf;
    border: 3px solid #79a8ff;   
}
#main .about_box {
	padding: 0;	
}	
.about_box.merit .copy_box {
	padding: 10PX;
}
.about_merit dl dd img,
.about_merit dl dd p {
	display: block;
	width: 100%;
}	

/*==================================
                ikcs
==================================*/	

.ikcs .menber_ttl {
	margin: 0 2% 2%;
    display: block;
}
.ikcs .navi_page ul {
	padding: 0;
}	
.ikcs .navi_page ul li a::before {
	color: #fff;
}
.ikcs .navi_page ul li {
	border: none;
    border-bottom: #fff solid 1px;
}
.ikcs .navi_page nav li a {
	border-left: none;
}	
.ikcs .navi_page ul li:last-of-type {
	border-right: none;
    border-bottom: none;	
}
.ikcs .navi_page ul li:last-of-type a {
	border-right: none;	
}	
.ikcs .pdf_info {
	width: auto;
	margin: 10px auto 0;
}	
.ikcs .pdf_right,
.ikcs .pdf_left {
	width: auto;
	display: block;
}
.ikcs .pdf_left {
	margin: 10px auto 0;
}
.ikcs .manual_pdf {
	display: block;
	margin: 0 auto 20px;
}
.ikcs .copy_box {
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
	padding: 5% 2% 7%;
}
.ikcs .footer_logo a img {
    width: 200px;
  }
.ikcs #footerNav {
	display: none;
}
.ikcs #footer_box {
    padding: 5px 0 0;
}
.ikcs #headerIn {
  width: auto;
}
.ikcs #headerIn h1 {
  margin: 0 auto;
	text-align: center;
}	
}	
	
/*==================================
             contact
==================================*/    
table.formTable td, table.formTable th {
  padding: 10px;
  width: 100%;
  display: block;
}
table.formTable th {
  padding: 20px 10px 10px;
}
table.formTable td {
  padding: 0 10px 20px;
}      
}

@media screen and (max-width:650px){
/*==================================
          全ページ共通
==================================*/
.menber_ttl {
	display:block;
	margin:0 auto;
	padding:0 0 20px 20px;	
}
#headerIn h1 {
  margin: 20px 0 0 20px;
}
   
}

@media screen and (max-width:630px){
/*==================================
          全ページ共通
==================================*/
#headerIn h1 img {
	width:400px;
	height:auto;
}
}

@media screen and (max-width:600px) {
/*==================================
           toppage
==================================*/      
.link_btn br {
    display: block;
}
.copy_box {
    width:90%;
}
.top_member_box a {
    vertical-align: top;
    margin: 0 auto 10px;
    font-size: 16px;
}
.pdf_link a {
    font-size: 16px;
}
.pdf_data h5 {
  font-size: 18px;
}    
}

@media screen and (max-width:586px) {
/*==================================
           toppage
==================================*/      
.comment {
  width: 100%;
}
#main.comment {
    width: 100%;
}
}

@media screen and (max-width: 578px){
.lgs_product ul li .lgs_product_list, .lgs_product ul li img {
	display:block;
}
.lgs_product ul li img {
	margin: 0 auto;
	width: 200px;
	height: auto;
}
.lgs_product_list {
	width: 90%;
	margin: 20px auto 0;
}
.lgs_product ul li a {
  text-decoration: none;
}
#main .video-js {
	width: 100%;
	height: 240px;
}	
}

@media screen and (max-width:572px) {
/*==================================
            contact_page
==================================*/      

#formWrap .contact_info {
  text-align: left;
}
.lgs_product p {
	text-align: left;	
	}	
}

@media screen and (max-width:504px){
/*==================================
          全ページ共通
==================================*/
#headerIn h1 a img {
    width: 250px;
    margin: 0 auto;
}
#headerIn h1 {
    padding: 10px;
    width: 300px;
    text-align: right;
}	
.menber_ttl {
	font-size:18px;
	margin: 0 20px 20px;
}
#menuToggle {
	top: 25px;
	left: 20px;
}
.copy_box {
   width: 95%;
}
.copy_box iframe {
    height: 550px;
} 
.copy_box p	{
   width: 100%;		
}
.pdf_data_left, .pdf_data_right, .required_info_left, .required_info_right
{
  display:block;
}
.pdf_data_left {
  margin: 20px auto;
}
.pdf_data_right {
  width: 90%;
  margin: 0 auto 0;
}
.required {
  padding: 0 20px;
}
.required ul {
  margin: 30px 0;
}
.required_info_left {
  margin: 10px auto;
}
 /*==================================
          contact
==================================*/   
#formWrap textarea {
    width: 95%;
}
#formWrap {
  width: 95%;
  padding: 0;
}

@media screen and (max-width:420px){
/*==================================
          全ページ共通
==================================*/
.navi_page ul li a {
	padding: 15px 5px;
}
.navi_page ul li:nth-child(4) a,
#footerNav li:nth-child(4) a {
	font-size:13px;
	padding:16px 6px;
}
.navi_page ul {
	display:block;
	border:1px solid #000;
	padding:0;
	margin:20px auto;
}
.navi_page ul li {
	width: 100%;
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:1px solid #000;
}  
.navi_page ul li:nth-child(2), .navi_page ul li:nth-child(4), .navi_page ul li:nth-child(5) {
	border-right:none;
}
.navi_page li:nth-of-type(4) {
	border-bottom:none;
}
.navi_page ul li:nth-child(5) {
	border-top:none;    
	border-bottom: none;
}      
.navi_page li:last-of-type {
	border-bottom: 1px solid #000;
}
.navi_page ul li a {
	padding:15px;
}
.navi_page ul li:last-of-type a {
  border-right:none;
}
.navi_page ul li:nth-child(4) a,
#footerNav li:nth-child(4) a {
	font-size:14px;
	padding:15px
}
.navi_page ul li:first-of-type, .navi_page ul li:nth-child(2), .navi_page ul li:nth-child(3),.navi_page ul li:nth-child(4) {
  border-bottom: solid 1px #000;
} 
#footerNav {
    padding: 30px 0;
}    
#footerNav ul {
	padding:0;
	border:1px solid #fff;
}
#footerNav ul li {
	width: 100%;
	border-left:none !important;
	border-right:none !important;
	border-bottom:none !important;
} 
#footerNav li {
	width:100%;
}
#footerNav li:first-of-type {
	border-top:none;
}    
#footerNav li:nth-of-type(4) {
	width: 100%;
}
#footerNav li:nth-of-type(4) {
	border-bottom:none;
}    
/*==================================
            top_page
==================================*/
.top_copy_box {
	background-position: 200% 10%;
}
.dealer {
	width: 80%;
	margin: 0 auto;
	padding: 20px;
}
.dealer_info h2 {
	text-align:left;
}
/*==================================
                faq
==================================*/
.faq_link {
	display:block;
	width:200px;
	margin:0 auto;
}
.faq_link li {
	margin:20px auto;
}
.attention p {
	text-align: left;
}
.faq_page .shop_list .box {
	width: 100%;
	padding:0;
}
.faq_page .after_box {
	width: 75%;
	margin:30px auto;
}
/*==================================
          member_login
==================================*/
.login_info p {
	width:300px;
	text-align:left;
}
.privacy_info h2 img {
	width: 100%;	
	height: auto;
}
.about_box .copy_box {
  padding: 30px 10px;
}
.top_sys_box .box {
  padding: 3% 3% 0;
}
.manual_link {
  display: block;
}
.manual_link li {
  margin: 2%;
}
  #main .top_qa_box {
    padding: 35px;
  }	
  #contents .contact_tel .box {
    width: 80%;
}
}

@media screen and (max-width:380px){
/*==================================
          全ページ共通
==================================*/
.page_top {
	padding: 92px 0 90px;
}
#headerIn h1 a img {
	width: 220px;
	margin: 0 auto;
}
#slide_wrapp .slide_item img {
	height: 60vh;
}
#slide_wrapp li p {
	top: 260px;
}
#menuToggle {
	top: 15px;
	right: 15px;
}
 
.home #contents {
	margin:0 auto;
}

.menber_ttl {
	margin:0 10px 10px;
	font-size:18px;
}
section h3 {
	width: 100%;
	font-size:16px;
	text-align:left;
}
.copy_box {
	width: 100%;
	padding: 30px 20px;
	box-sizing: border-box;
}
.copy_box p {
	width:100%;
	margin: 0 auto;
	padding:0;
}
#contents .contact_tel {
	padding: 0;
}

/*==================================
              toppage
==================================*/
.link_btn a {
	width:auto;
}

#main .top_copy_box {
	padding:20px 10px 30px;
}
section h2 {
	font-size:17px;
}
#contents .contact_tel .box {
  width: 90%;
}
#contents .contact_tel {
	background-position:50% 50%;
	background-size:auto 100%;
}	
#contents .contact_tel .dot_bg {
	padding: 30px 0;
}
#main .contact_tel h3 {
	text-align:left;
	font-size:20px;
}
#main .contact_tel h3 br {
	display:none;
}
.pdf_box {
	width:auto;
	margin: 30px auto;
}
.pdf_box h4 {
	text-align:left;
}
.pdf_data {
	width:auto;
	margin: 20px auto;
	padding: 0 10px;
}
.pdf_info {
	width:auto;
}
.top_member_box li::before {
	vertical-align:top;
}
.top_member_box a {
	width:90%;
	margin:0 auto 20px;
	vertical-align:top;
}
#main .cp_qa_list {
	width:auto;
	margin:30px auto;
	padding:0;
}
#shop {
	margin: 0 auto 30px;
}
.about_box .copy_box {
  padding: 30px 10px;
}
}