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

#humberger-menu {
	display:none;
}

@media screen and (max-width:1300px){
#headerIn {
	width:100%;
}
section:not(#top_slide) {
    width: 98%;
    margin: 0px 1% 50px;
}
section#contact {
    width: 100%;
    margin: 0px;
}
section h2 {
    width: 98%;
	margin:70px 1% 50px;
}
#top_copy_box p {
    width: 96%;
    margin: 20px 1% 30px;
}
#top_copy_box>p {
	background: rgba(255,255,255,0.7);
}
#footer_right {
	width:100%;
}
.example_list p,
.example_use p {
	width:98%;
	margin: 0 1% 30px;
}
.example_list ul {
	width:98%;
	margin: 0 1% 30px;
}
.kaigyo_pc {
	display:none;
}
}
@media screen and (max-width:1245px){
.strength_page br {
	display:none;
}
}
@media screen and (max-width:1200px){
/*==================================
              top_page
==================================*/
.top_main_img {
    background-position: top;
    height: 70vh;	
}
.top_main_img h2 {
    top: 40%;
}
.technology_box {
	background-size:auto 100%;
}
.technology_copy p {
    width:auto;
}
#contact {
	background-size:auto 100%;
}
/*==================================
              facility
==================================*/
.machine_box {
    width:auto;
}
.machine_list table {
	display:block;
	margin:0 auto 20px;
}
.facility_info {
	float:none;
    display: block;
    width: auto;
    height: auto;
}
.facility_video {
    float: none;
    width: 500px;
	margin:0 auto;
}
.shirring_machine.machine_list table ,
.vibroshears_machine.machine_list table {
	float:none;
	width:454px;
}
}
@media screen and (max-width:1150px){
#humberger-menu {
	display:block;
}
.navi_right {
	display:none;
}
}
@media screen and (max-width:1100px){
.example_box, .facility_box, .technology_box {
	background-size:auto 100%;
}
#stock ul {
	width:98%;
}
#main .stock_parts ul li {
    width: 98%;
    padding: 15px 1%;
}
#free ul {
	width:98%;
}
#technology ul {
    width: 98%;
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
	justify-content: center;
}
#technology ul li {
    width: 280px;
	margin:0px 1%;
}
.new_facility {
	width:98%;
}
.new_facility ul {
	width:98%;
}
.facility_list ul {
	width:98%;
}
.company_message .box {
	width:98%;
	margin:50px 1% 40px;
}
#contact_list .chuui-jikou {
	width:98%;
}
.kojinjyouhou {
	width:98%;
}
.example_use ul {
    width: 90%;
}
.example_use ul li {
    width: 32%;
}
}
@media screen and (max-width:1000px){
/*==================================
              top_page
==================================*/
#top_copy_box .view_more_link p {
	padding:0;
	background:none;
}
}
@media screen and (max-width:900px){
.company_list table {
	width:98%;
}
.company_access iframe,
.contact_info iframe {
	width:98%;
}
.contact_info p {
    margin: 10px auto 30px;
}
#contact_list table {
	width:98%;
}
#contact_list table th, #contact_list table td {
	display:block;
	width:94%;
	padding:15px 3%;
}
.contact_page .contact_tel {
	width:100%;
	background-size: auto 100%;
}
.example_use ul {
    width: 66%;
}
.example_use ul li {
    width: 48%;
}
}
@media screen and (max-width:800px){
.example_copy, .facility_copy, .technology_copy {
    width: 80%;
}
.example_copy br {
	display:none;
}
#footer_left {
    width: 80%;
}
.add_tel {
    width: 80%;
}
/*==================================
              example
==================================*/
.example_use ul {
    width: 85%;
	margin:0 auto 30px;
}
.example_list ul li {
    width: 45%;
}
}
@media screen and (max-width:767px){
#navi1,
.navi_right,
.only_pc,
#main .contact_box .only_pc,
#main .contact_info .only_pc {
	display:none;
}
.only_sp,
.sp_menu {
	display:block;
}
#wrapper,
#header,
#headerIn,
#contents,
#contact_tel ,
#footer {
	width:100%;
}
#wrapper {
	overflow:hidden;
}
.top_main_img {
    background-size:auto 100%;
}
section h2 {
    margin: 50px auto 20px;
}
.contact_box {
    width: 80%;
    margin: 70px auto;
    padding: 5%;
    background: rgba(255,255,255,0.95);
}
.contact_box li:nth-of-type(1) {
	margin-bottom:20px;
}
.contact_box li {
    width: 100%;
}
#footer_right ul {
	-webkit-flex-wrap: wrap;          /* Safari etc. */
	-ms-flex-wrap    : wrap;          /* IE10        */
	flex-wrap        : wrap;
}
#footer_right ul li {
    width: max-content;
    padding: 5px 3%;
    margin: 10px 0;
}
.ttl_en {
	display:block;
    margin: 0;
}
section h3 {
    padding: 15px 0 15px 30px;
}
/*==================================
              top_page
==================================*/
.navi_right ul li {
    margin: 0 3px;
}
#strength_list ul {
    display:block;
}
#strength_list ul li {
    width: 90%;
	margin:0 auto;
}
.technology_copy {
    width:80%;
    margin: 0 auto;
}
.technology_copy p {
    width:auto;
}
.top_main_img h2 {
    top: 30%;
	width:90%;
}
#top_copy_box {
    background-position: bottom;
}
.s-right2-text, .s-img-comment {
	font-size:14vw;
}
.s-right2-sub {
	font-size:10vw;
}
.company_message .box {
	padding : 3%;
}
#message_h2 {
	margin:0px 1% 50px;
}
ul.infiniteslide li {
	width:35%;
}
/*==================================
              strength
==================================*/
.strength_page section h2 {
    margin: 50px 1% 50px;
}
#main .stock_parts ul li img {
    width:100%;
}
#speed ul {
    display:block;
	margin:0 auto 30px;
}
/*==================================
              facility
==================================*/
.facility_list {
    padding:0 0 20px;
}
.facility_list h3 {
    margin: 20px auto 30px;
}
section:not(#top_slide) {
    margin: 0 auto;
}
/*==================================
              technology
==================================*/
.technology_page .facility_list table,
.technology_page .facility_list table tr {
	display:block;
    width:auto;
	margin:0 auto;
	padding:10px;
}
.technology_page .facility_list table tbody {
	display:block;
}
.technology_page .facility_list table tr {
	display:block;
	padding:0;
}
.technology_page .facility_list table th,
.technology_page .facility_list table td  {
	display:block;
    width:auto;
}
/*==================================
              company
==================================*/
.company_list table th, .company_list table td {
	display:block;
	width:100%;
	box-sizing:border-box;
}
}

@media screen and (max-width:600px){
.example_use ul {
    width: 90%;
}
.example_use ul li {
    width: 47%;
}
}

@media screen and (max-width:600px){
#contact_list textarea,
#contact_list input {
	width:100%;
}
.corner_info .facility_info {
    width:auto;
}
/*==================================
              facility
==================================*/
.facility_info .scroll {
	display:block;
    margin:0 auto 10px;
    padding: 0;
    color: #FF0000;

}
.machine_box {
    width:auto;
}
.machine_list table {
	display:block;
	margin:0 auto 20px;
}
.facility_info {
	float:none;
    display: block;
    width: auto;
    height: auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 30px 10px;
    padding: 10px;
    border: #D3D1D1 solid 2px;
}
.facility_video {
    float: none;
    width: auto;
	margin:0 auto;
}
.shirring_machine.machine_list table,
.shirring_machine.machine_list table {
	width:600px;
}
}
@media screen and (max-width:510px){
.main_img {
	background-size:auto 100%;
	background-position-x: center;
}
.strength_page table {
	width:95%;
}
.stock_parts .small::before {
	content: "\A" ;
	white-space: pre ;
}
.facility_list ul li {
	width:96%;
	margin: 10px 2%;
}
#bending .new_facility>img {
	width:98%;
	height:auto;
}
#punching .new_facility>img {
	width:98%;
	height:auto;
	margin:0 auto 20px;
}
video, #my-video {
	width:98%;
}
.new_facility_info, facility_info {
	width:98%;
}
.other ul li img {
	width:98%;
	height:auto;
	margin:0px 1% 20px;
}
.facility_list  .facility_info table {
	margin:0 auto 20px;
}
}
@media screen and (max-width:400px){
#headerIn h1 {
    margin: 30px auto 30px 10px;
}
#menuToggle {
    top: 38px;
    right: 10px;
}
/*==================================
              example
==================================*/
.example_use ul {
    width: 100%;
	margin:0 auto 30px;
}
.example_use ul li {
    width: 46%;
}
}