@charset "UTF-8";
/* PC */
@media screen and (min-width: 481px) {
  img.btn_fixed {
    position: fixed;
    width: 60px;
    height: 200px;
    right: 0;
    top: 100px;
    margin: 0;
  }
  img.btn_fixed2 {
    position: fixed;
    width: 60px;
    height: 200px;
    right: 0;
    top: 330px;
    margin: 0;
  }
  /*-------------
undermain
-------------*/
  .banner_box {
    width: 100%;
    height: 120px;
    margin: 3% 0 2% 0;
  }
  p.case_detail {
    font-size: 20px;
    font-weight: 700;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    position: relative;
    top: 30px;
    left: 26px;
    color: #555;
  }
  p.case_detail2 {
    font-size: 20px;
    font-weight: 700;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    position: relative;
    top: 40px;
    left: 26px;
    color: #555;
  }
  p.case {
    font-size: 20px;
    font-weight: 700;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    position: relative;
    top: 60px;
    left: 26px;
    color: #555;
  }
  .title_underlayer1 {
    border-bottom: solid 1px #b9b9b9;
    font-size: 18px;
    margin: 3% 0 0 0;
    font-weight: 600;
  }
  /*-------------
side
-------------*/
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
  .left {
    width: 200px;
    display: inline-block;
  }
  .right {
    width: 750px;
    float: right;
    margin: 0 0 0 46px;
    padding: 0 0 0 0;
    display: inline-block;
  }
  .sidelist {
    width: 200px;
  }
  .sidelist li {
    width: 200px;
    margin: 0 0 2% 0;
    border-bottom: dotted 1px #b1b1b1;
  }
  .sidelist li:first-child {
    width: 200px;
    border: none;
  }
  .sidelist li:nth-child(2) {
    width: 200px;
    border: none;
  }
  .sidelist li:nth-child(3) {
    width: 200px;
    border: none;
  }
  .sidelist li:nth-child(9) {
    width: 200px;
    margin: 10% 0 2% 0;
    border: none;
  }
  .sidelist li:nth-child(13) {
    width: 200px;
    margin: 10% 0 2% 0;
    border: none;
  }
  .sidelist li:nth-child(17) {
    width: 200px;
    margin: 10% 0 2% 0;
    border: none;
  }
  .sidelist li:nth-child(21) {
    width: 200px;
    margin: 20% 0 2% 0;
    border: none;
  }
  .sidelist li:nth-child(22) {
    width: 200px;
    border: none;
  }
  .sidelist li:nth-child(23) {
    width: 200px;
    border: none;
  }
  .sidelist li:nth-child(24) {
    width: 200px;
    border: none;
  }
  .sidelist li:nth-child(25) {
    width: 200px;
    border: none;
  }
  .sidelist li:nth-child(26) {
    width: 200px;
    border: none;
  }
  .sidelist li a {
    font-size: 14px;
  }
  .arrow_side {
    font-size: 14px;
    font-weight: 600;
    padding: 0 0 0 2%;
    color: #9e9e9e;
  }
  /*-------------
reason
-------------*/
  .gray_box {
    width: 100%;
    margin: 0 0 5% 0;
    padding: 0 0 3% 0;
    background-color: #f2f2f2;
  }
  .list_gray_box {
    width: 100%;
  }
  .list_gray_box li:first-child {
    margin: 0 4% 0 0;
  }
  .list_gray_box li {
    width: 46.5%;
    float: left;
  }
  .title_reason {
    width: 80%;
    padding: 0 0 0 3%;
    display: inline-block;
    font-size: 21px;
    line-height: 30px;
    font-weight: 600;
    vertical-align: text-top;
    text-shadow:
      white 2px 0px 2px, white -2px 0px 2px, white 0px -2px 2px, white -2px 0px 2px, white 2px 2px 2px, white -2px 2px 2px, white 2px -2px 2px, white -2px -2px 2px, white 1px 2px 2px, white -1px 2px 2px, white 1px -2px 2px, white -1px -2px 2px, white 2px 1px 2px, white -2px 1px 2px, white 2px -1px 2px, white -2px -1px 2px, white 1px 1px 2px, white -1px 1px 2px, white 1px -1px 2px, white -1px -1px 2px;
  }
  .title_reason2 {
    width: 80%;
    padding: 0 0 0 3%;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    vertical-align: text-top;
    text-shadow:
      white 2px 0px 2px, white -2px 0px 2px, white 0px -2px 2px, white -2px 0px 2px, white 2px 2px 2px, white -2px 2px 2px, white 2px -2px 2px, white -2px -2px 2px, white 1px 2px 2px, white -1px 2px 2px, white 1px -2px 2px, white -1px -2px 2px, white 2px 1px 2px, white -2px 1px 2px, white 2px -1px 2px, white -2px -1px 2px, white 1px 1px 2px, white -1px 1px 2px, white 1px -1px 2px, white -1px -1px 2px;
  }
  .gray_box_main {
    padding: 2% 8% 0 8%;
  }
  .reason_main_text {
    margin: 3% 0 0 0;
    font-size: 11px;
    font-weight: 600;
  }
  /*-------------
case
-------------*/
  .h2_case {
    width: 98%;
    margin: 0 0 0 0;
    padding: 0 0 0 2%;
    font-size: 18px;
    background-color: #f9f9f9;
  }
  .h2_case span {
    margin: 0 1% 0 0;
    border-left: solid 5px #d2ff00;
  }
  .yellow_back {
    width: 94%;
    margin: 1% 0 0 0;
    padding: 3%;
    background-color: #ffffdd;
    font-size: 13px;
    font-weight: 600;
  }
  .list_case {
    width: 100%;
    margin: 3% 0 0 0;
    padding: 0 0 0 0;
  }
  .list_case li {
    width: 30%;
    min-height: 255px;
    margin: 0 0 3% 0;
    display: inline-block;
    float: left;
  }
  .list_case li:nth-child(2) {
    width: 30%;
    margin: 0 5%;
    display: inline-block;
    float: left;
  }
  .list_case li:nth-child(5) {
    width: 30%;
    margin: 0% 5%;
    display: inline-block;
    float: left;
  }
  .list_case li:nth-child(8) {
    width: 30%;
    margin: 0% 5%;
    display: inline-block;
    float: left;
  }
  .list_case li:nth-child(11) {
    width: 30%;
    margin: 0% 5%;
    display: inline-block;
    float: left;
  }
  .list_case li:nth-child(14) {
    width: 30%;
    margin: 0% 5%;
    display: inline-block;
    float: left;
  }
  .list_case li img {
    max-width: 100%;
  }
  .list_case li table {
    width: 100%;
  }
  .list_case li table th {
    max-width: 100%;
    border-bottom: dotted 1px #a0a0a0;
  }
  .list_case li table td {
    max-width: 100%;
    border-bottom: dotted 1px #a0a0a0;
  }
  .table_case_detail {
    width: 100%;
    margin: 5% 0 3% 0;
    border-collapse: collapse;
  }
  .table_case_detail th {
    width: 13%;
    padding: 0 0 0 2%;
    text-align: left;
    background-color: #f9f9f9;
    border: solid 1px #d8d8d8;
  }
  .table_case_detail td {
    background-color: #fff;
    border: solid 1px #d8d8d8;
  }
  img.case_detail_img1 {
    max-width: 98%;
    border: solid 1px red;
  }
  .case_detail_list1 {
    width: 49%;
    margin: 0 0 5% 0;
    padding: 0 0 0 0;
    display: inline-block;
    float: right;
  }
  .case_detail_list1 li {
    width: 49%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
  }
  .case_detail_list1 li:hover {
    width: 49%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: solid 1px red;
  }
  .case_detail_list1 li:first-child {
    width: 49%;
    margin: 0 1% 0 0;
    padding: 0 0 0 0;
    float: left;
  }
  .case_detail_list1 li:nth-child(3) {
    width: 49%;
    margin: 0 1% 0 0;
    padding: 0 0 0 0;
    float: left;
  }
  .table_case_detail2 {
    width: 100%;
    margin: 5% 0 0 0;
    padding: 0 0 0 0;
    border: 1px solid #000;
    border-collapse: collapse;
  }
  /*.table_case_detail2 th:first-child {
    width: 13%;
    margin: 0 0 0 0;
    padding: 0 0 0 2%;
    background-color: #001738;
    color: #fff;
    text-align: left;
  }*/
  .table_case_detail2 th {
    margin: 0;
    background-color: #001738;
    color: #fff;
    text-align: center;
    border: 1px solid #fff;
  }
  .table_case_detail2 td {
    margin: 0;
    border: 1px solid #000;
    /*background-color: #e2eeff;*/
    /*color: #fff;*/
    text-align: center;
  }
  /*.table_case_detail2 tr:nth-child(3) td {
    margin: 0 0 0 0;
    padding: 0 0 0 2%;
    background-color: #f7f7f7;
    color: #fff;
    text-align: left;
  }
  .table_case_detail2 tr:nth-child(5) td {
    margin: 0 0 0 0;
    padding: 0 0 0 2%;
    background-color: #f7f7f7;
    color: #fff;
    text-align: left;
  }
  .table_case_detail2 tr:nth-child(7) td {
    margin: 0 0 0 0;
    padding: 0 0 0 2%;
    background-color: #f7f7f7;
    color: #fff;
    text-align: left;
  }
  .table_case_detail2 tr:nth-child(9) td {
    margin: 0 0 0 0;
    padding: 0 0 0 2%;
    background-color: #f7f7f7;
    color: #fff;
    text-align: left;
  }*/
  .case_detail_list2 {
    width: 100%;
    margin: 5% 0 0 0;
    padding: 0 0 0 0;
  }
  .case_detail_list2 li {
    width: 24%;
    margin: 0 1.3% 2% 0;
    display: inline-block;
    float: left;
  }
  .case_detail_list2 li:nth-child(4) {
    width: 24%;
    margin: 0 0 2% 0;
    display: inline-block;
    float: left;
  }
  .case_detail_list2 li:nth-child(8) {
    width: 24%;
    margin: 0 0 2% 0;
    display: inline-block;
    float: left;
  }
  .case_detail_list_box {
    background-color: #616161;
  }
  .case_detail_list_box table {
    color: #fff;
  }
  .case_detail_list_box th {
    color: #fff;
    border-bottom: 1px dashed #fff;
  }
  .case_detail_list_box td {
    color: #fff;
    line-height: 18px;
  }
  /*-------------
faq
-------------*/
  .h2_faq {
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
  }
  .text_under_h2_faq {
    width: 100%;
    margin: 3% auto 5% auto;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
  }
  .main_title_faq {
    width: 98%;
    padding: 0 0 0 2%;
    border-left: solid 5px #d2ff00;
    border-bottom: dotted 1px #b9b9b9;
  }
  .category {
    width: 100%;
    margin: 3% 0 10% 0;
    padding: 0 0 0 0;
  }
  .category li {
    width: 25%;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .faq_table {
    width: 100%;
    margin: 3% 0 3% 0;
  }
  .faq_table th {
    width: 50%;
    padding: 1% 0 1% 3%;
    text-align: left;
  }
  .faq_table td {
    padding: 1% 0 1% 3%;
    text-align: left;
  }
  /*-------------
article
-------------*/
  .list_article {
    width: 100%;
    margin: 0 0 0 0;
    padding: 2% 0 2% 0;
    border-bottom: dotted 1px #b9b9b9;
  }
  .list_article li:first-child {
    width: 24%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
  }
  .list_article li:nth-child(2) {
    width: 67%;
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0 2% 0 2%;
  }
  .list_article li span {
    font-size: 13px;
    font-weight: 600;
  }
  .list_article li img {
    max-width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .list_article li a {
    color: #0018ff;
    font-weight: 600;
  }
  /*-------------
article2
-------------*/
  .h2_article {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 18px;
    line-height: 30px;
    border-bottom: solid 1px #b9b9b9;
  }
  .yellow_back2 {
    width: 94%;
    margin: 1% 0 3% 0;
    padding: 3%;
    background-color: #ffffdd;
    font-size: 13px;
    line-height: 37px;
    font-weight: 600;
  }
  .yellow_back3 {
    width: 85%;
    margin: 1% 7% 3% 6%;
    padding: 0 0 0 2%;
    background-color: #ffffdd;
    font-size: 13px;
    line-height: 37px;
    font-weight: 600;
  }
  .h2_article span {
    border-left: solid 5px #212121;
    margin: 0 2% 0 0;
  }
  .gray_box2 {
    width: 100%;
    margin: 0 0 5% 0;
    padding: 0 0 3% 0;
    background-color: #f2f2f2;
  }
  .list_gray_box2 {
    width: 100%;
    margin: 3% 0 0 0;
  }
  .list_gray_box2 li:first-child {
    margin: 0 0 0 6%;
  }
  .list_gray_box2 li {
    width: 44.5%;
    float: left;
  }
  .list_gray_box2 li img {
    max-width: 100%;
  }
  .redback {
    padding: 1%;
    color: #fff;
    font-weight: 600;
    background-color: #c30d0d;
  }
  .text_topics {
    width: 97%;
    font-size: 13px;
    padding: 2% 0 0 3%;
  }
  .text_topics2 {
    width: 94%;
    font-size: 13px;
    padding: 2% 3% 0 3%;
  }
  .text_topics3 {
    width: 94%;
    font-size: 13px;
    font-weight: 600;
    padding: 2% 0 0 6%;
  }
  /*-------------
multi_forming
-------------*/
  .h2_multi_forming {
    width: 100%;
    margin: 0 auto;
    padding: 1% 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    border-top: solid 2px #b9b9b9;
    border-bottom: solid 2px #b9b9b9;
  }
  .text_multi_forming1 {
    width: 95%;
    margin: 3% 2.5% 0 2.5%;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
  }
  .list_multi_forming {
    width: 100%;
    margin: 3% 0 0 0;
    padding: 0 0 0 0;
  }
  .list_multi_forming li {
    width: 24%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: inline-block;
  }
  .list_multi_forming li p {
    width: 100%;
    margin: 1% auto 0 auto;
    padding: 0 0 0 0;
    text-align: center;
    color: #fff;
    background-color: #001738;
    font-weight: 600;
  }
  .list_multi_forming li img {
    max-width: 100%;
  }
  .red_text {
    width: 100%;
    margin: 3% auto 0 auto;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #fe0000;
  }
  .h3_multi_forming {
    width: 98%;
    margin: 3% 0 3% 0;
    padding: 0 0 0 2%;
    border-left: solid 5px #d2ff00;
    border-bottom: dotted 1px #b9b9b9;
  }
  .text_multi_forming2 {
    margin: 3% 0 0 0;
    font-weight: 600;
  }
  .list_multi_forming2 {
    width: 100%;
    margin: 3% 0 0 0;
    padding: 0 0 0 0;
  }
  .list_multi_forming2 li {
    width: 50%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: inline-block;
    float: left;
  }
  .title_step {
    width: 100%;
    margin: 3% 0 2% 0;
    font-size: 23px;
    font-weight: 600;
    border-bottom: dotted 1px #b9b9b9;
    line-height: 43px;
  }
  .text_multi_forming3 {
    width: 70%;
    float: left;
    margin: 0 2% 5% 0;
    font-weight: 600;
  }
  .zoom {
    width: 70%;
    background-color: #00b0b2;
    color: #fff;
  }
  img.forming_machine_img {
    max-width: 100%;
    margin: 5% 0 0 0;
  }
  .table_multi_forming {
    width: 50%;
    margin: 5% 0 0 3%;
    padding: 0 0 0 0;
    border-collapse: collapse;
    display: inline-table;
    float: right;
  }
  .table_multi_forming th {
    margin: 0 0 0 0;
    padding: 0 0 0 3%;
    text-align: left;
    background-color: #001738;
    color: #fff;
    border: solid 1px #cccccc;
  }
  .table_multi_forming td {
    margin: 0 0 0 0;
    padding: 0 0 0 3%;
    border: solid 1px #cccccc;
  }
  .text_product_detail {
    float: right;
    margin: 2% 18% 0 0%;
  }
  .text_product_detail a {
    color: #ff0000;
    font-weight: 600;
  }
  /*-------------
ewuipment
-------------*/
  .list_equipment2 {
    margin: 3% 0 0 5%;
  }
  .list_equipment2 li {
    float: left;
  }
  .list_equipment2 li:nth-child(2) {
    margin: 7% 2% 0 2%;
  }
  .list_equipment2 li p {
    width: 100%;
    margin: 0 auto 0 auto;
    background-color: #001738;
    text-align: center;
    color: #fff;
  }
  /*-------------
flow
-------------*/
  .h2_flow_contact {
    width: 100%;
    margin: 0 auto;
    padding: 1% 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    border-bottom: solid 2px #b9b9b9;
  }
  /*-------------
trivia
-------------*/
  .h2_trivia {
    width: 100%;
    margin: 0 auto;
    padding: 1% 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
  }
  .trivia_text {
    width: 100%;
    margin: 0 auto;
    padding: 1% 0;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
  }
  .box_gray_trivia {
    width: 96%;
    margin: 3% 0 3% 0;
    padding: 3% 2% 3% 2%;
    background-color: #f2f2f2;
  }
  .box_trivia {
    width: 100%;
    margin: 3% 0 0 0;
  }
  .box_trivia li {
    float: left;
    font-weight: 600;
    margin: 0 0 3% 0;
  }
  .box_trivia li:nth-child(2) {
    margin: 0 21% 3% 21%;
  }
  .box_trivia li:nth-child(5) {
    margin: 0 21% 3% 21%;
  }
  /*-------------
virtual
-------------*/
  .h2_virtual {
    width: 100%;
    margin: 0 auto;
    padding: 1% 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
  }
  .list_virtual {
    width: 100%;
    margin: 3% 0 0 0;
    padding: 0 0 0 0;
  }
  .list_virtual li {
    width: 30%;
    margin: 0 0 3% 0;
    display: inline-block;
    float: left;
  }
  .list_virtual li:nth-child(2) {
    width: 30%;
    margin: 0 5%;
    display: inline-block;
    float: left;
  }
  .list_virtual li:nth-child(5) {
    width: 30%;
    margin: 0% 5%;
    display: inline-block;
    float: left;
  }
  .list_virtual li:nth-child(8) {
    width: 30%;
    margin: 0% 5%;
    display: inline-block;
    float: left;
  }
  .list_virtual li:nth-child(11) {
    width: 30%;
    margin: 0% 5%;
    display: inline-block;
    float: left;
  }
  .list_virtual li:nth-child(14) {
    width: 30%;
    margin: 0% 5%;
    display: inline-block;
    float: left;
  }
  .list_virtual li img {
    max-width: 100%;
  }
  .list_virtual table {
    width: 100%;
  }
  .list_virtual table th {
    max-width: 98%;
    padding: 0 0 0 2%;
    border-left: solid 5px #a0a0a0;
    border-bottom: dotted 1px #a0a0a0;
  }
  .list_virtual li table td {
    max-width: 100%;
    border-bottom: dotted 1px #a0a0a0;
  }
  /*-------------
press
-------------*/
  .text_press1 {
    font-weight: 600;
    margin: 2% 0 3% 0;
  }
  .press_list1 {
    width: 100%;
    margin: 0% 0 3% 0;
    padding: 0 0 0 0;
    display: inline-block;
  }
  .press_list1 li {
    width: 24%;
    margin: 0 1.3% 0 0;
    padding: 0 0 0 0;
    float: left;
  }
  .press_list1 li:last-child {
    width: 24%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .press_list1 li img {
    max-width: 100%;
  }
  .press_list1 li p {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 1% 0 1% 0;
    background-color: #0014d1;
    color: #fff;
    text-align: center;
  }
  .text_press2 {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    margin: 2% auto 3% auto;
    text-align: center;
    color: #ff0000;
  }
  img.press_main {
    max-width: 100%;
    margin: 3% 0 3% 0;
  }
  .list2_title {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 2px dotted #d4d4d4;
  }
  .press_list2 {
    width: 100%;
    margin: 3% 0 3% 0;
    padding: 0 0 0 0;
    display: inline-block;
  }
  .press_list2 li {
    width: 30%;
    margin: 0 5% 2% 0;
    padding: 0 0 0 0;
    float: left;
  }
  .press_list2 li:nth-child(3n) {
    width: 30%;
    margin: 0 0 2% 0;
    padding: 0 0 0 0;
  }
  .press_list2 li img {
    max-width: 100%;
  }
  .press_list2 li p {
    width: 100%;
    height: 83px;
    margin: 0 auto 0 auto;
    padding: 1% 0 1% 0;
    background-color: #d4d4d4;
    text-align: center;
    font-weight: 600;
  }
  /*-------------
contact
-------------*/
  .contact_table {
    width: 100%;
  }
  /*.contact_table span {
    color: #ff0000;
    padding: 2% 3%;
    border: solid 1px #ff0000;
    float: right;
  }*/
  .contact_table th {
    width: 30%;
    margin: 0 0 0 0;
    padding: 5px 0 5px 20px;
    border-bottom: dotted #b9b9b9 1px;
    text-align: left;
  }
  .contact_table td {
    margin: 0 0 0 0;
    padding: 10px 0 10px 30px;
    border-bottom: dotted #b9b9b9 1px;
  }
  form td input#name1, #name2, #ruby1, #ruby2 {
    width: 40%;
    height: 25px;
    border: none;
    background-color: #f3f3f3;
  }
  form td input#company_name, #mail, #tel, #fax, #postcode {
    width: 90%;
    height: 25px;
    border: none;
    background-color: #f3f3f3;
  }
  form td input#address, #address2, #address3 {
    width: 70%;
    margin: 0.5% 0;
    height: 25px;
    border: none;
    background-color: #f3f3f3;
  }
  form td #comment {
    width: 95%;
    height: 200px;
    margin: 5% 0 0 0;
    padding: 5px 0 0 10px;
    border: none;
    background-color: #e9e9e9;
  }
  form #formEnd {
    margin: 40px 0 150px 120px;
  }
  form #formEnd button {
    margin: 0 5px 0;
    border: 0;
    background-color: #fff;
  }
  form #formEnd button:hover {
    opacity: 0.5;
  }
  .thanks {
    font-size: 20px;
    font-weight: 600;
  }
  ruby {
    ruby-position: under;
  }
  ruby rb {
    width: 87%;
    display: inline-block;
    text-align: left;
    line-height: 15px;
  }
  /*-------------
va_ve
-------------*/
  .text_va_ve {
    width: 63%;
    float: left;
    font-size: 14px;
    line-height: 20px;
  }
  .img_va_ve {
    width: 35%;
    float: right;
  }
  .va_ve_main {
    width: 100%;
    margin: 10px 0;
  }
}
@media screen and (min-width:1024px) and (max-device-width:1200px) {}
@media screen and (min-width:540px) and (max-device-width:1023px) {
  .right {
    width: 70%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: inline-block;
  }
  img.banner {
    max-width: 100%;
  }
  img.man {
    max-width: 100%;
  }
  /*-------------
reason
-------------*/
  .list_gray_box img {
    max-width: 100%;
  }
  .gray_box_main img {
    max-width: 100%;
  }
  /*-------------
multi_forming
-------------*/
  .list_multi_forming2 img {
    max-width: 100%;
  }
}
@media screen and (min-width:320px) and (max-device-width:539px) {
  /*-------------
undermain
-------------*/
  .banner_box {
    width: 100%;
    margin: 3% 0 2% 0;
  }
  .banner_box img {
    max-width: 100%;
  }
  .title_underlayer1 {
    border-bottom: solid 1px #b9b9b9;
    font-size: 14px;
    margin: 3% 0 0 0;
    padding: 0 0 0 2%;
    font-weight: 600;
  }
  /*-------------
side
-------------*/
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .right {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: inline-block;
  }
  /*-------------
reason
-------------*/
  .gray_box {
    width: 100%;
    margin: 0 0 5% 0;
    padding: 0 0 3% 0;
    background-color: #f2f2f2;
  }
  img.nunmber_left {
    max-width: 15%;
  }
  img.reason_main_img {
    max-width: 100%;
  }
  .list_gray_box {
    width: 100%;
  }
  .list_gray_box li:first-child {
    margin: 0 4% 0 0;
  }
  .list_gray_box li {
    width: 46.5%;
    float: left;
  }
  .list_gray_box li img {
    max-width: 100%;
  }
  .title_reason {
    width: 80%;
    padding: 0 0 0 3%;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    font-weight: 600;
    vertical-align: text-top;
    text-shadow:
      white 2px 0px 2px, white -2px 0px 2px, white 0px -2px 2px, white -2px 0px 2px, white 2px 2px 2px, white -2px 2px 2px, white 2px -2px 2px, white -2px -2px 2px, white 1px 2px 2px, white -1px 2px 2px, white 1px -2px 2px, white -1px -2px 2px, white 2px 1px 2px, white -2px 1px 2px, white 2px -1px 2px, white -2px -1px 2px, white 1px 1px 2px, white -1px 1px 2px, white 1px -1px 2px, white -1px -1px 2px;
  }
  .title_reason2 {
    width: 80%;
    padding: 0 0 0 3%;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    vertical-align: text-top;
    text-shadow:
      white 2px 0px 2px, white -2px 0px 2px, white 0px -2px 2px, white -2px 0px 2px, white 2px 2px 2px, white -2px 2px 2px, white 2px -2px 2px, white -2px -2px 2px, white 1px 2px 2px, white -1px 2px 2px, white 1px -2px 2px, white -1px -2px 2px, white 2px 1px 2px, white -2px 1px 2px, white 2px -1px 2px, white -2px -1px 2px, white 1px 1px 2px, white -1px 1px 2px, white 1px -1px 2px, white -1px -1px 2px;
  }
  .gray_box_main {
    padding: 2% 8% 0 8%;
  }
  .reason_main_text {
    margin: 3% 0 0 0;
    font-size: 11px;
    font-weight: 600;
  }
  /*-------------
case
-------------*/
  .h2_case {
    width: 98%;
    margin: 0 0 0 0;
    padding: 0 0 0 2%;
    font-size: 18px;
    background-color: #f9f9f9;
  }
  .h2_case span {
    margin: 0 1% 0 0;
    border-left: solid 5px #d2ff00;
  }
  .yellow_back {
    width: 94%;
    margin: 1% 0 0 0;
    padding: 3%;
    background-color: #ffffdd;
    font-size: 10px;
    font-weight: 600;
  }
  .list_case {
    width: 100%;
    margin: 3% 0 0 0;
    padding: 0 0 0 0;
  }
  .list_case li {
    width: 48%;
    margin: 0 0 5% 0;
    display: inline-block;
    float: left;
  }
  .list_case li:nth-child(2n) {
    width: 48%;
    margin: 0 0 5% 4%;
    display: inline-block;
    float: left;
  }
  .list_case li img {
    max-width: 100%;
  }
  .list_case li table {
    width: 100%;
  }
  .list_case li table th {
    max-width: 100%;
    border-bottom: dotted 1px #a0a0a0;
  }
  .list_case li table td {
    max-width: 100%;
    border-bottom: dotted 1px #a0a0a0;
  }
  .table_case_detail {
    width: 100%;
    margin: 5% 0 3% 0;
    border-collapse: collapse;
  }
  .table_case_detail th {
    width: 20%;
    padding: 0 0 0 2%;
    text-align: left;
    background-color: #f9f9f9;
    border: solid 1px #d8d8d8;
  }
  .table_case_detail td {
    background-color: #fff;
    border: solid 1px #d8d8d8;
  }
  img.case_detail_img1 {
    max-width: 98%;
    border: solid 1px red;
  }
  .case_detail_list1 {
    width: 100%;
    margin: 0 0 5% 0;
    padding: 0 0 0 0;
    display: inline-block;
  }
  .case_detail_list1 li {
    width: 45%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
  }
  .case_detail_list1 li:hover {
    width: 45%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: solid 1px red;
  }
  .case_detail_list1 li:first-child {
    width: 49%;
    margin: 0 1% 0 0;
    padding: 0 0 0 0;
    float: left;
  }
  .case_detail_list1 li:nth-child(3) {
    width: 49%;
    margin: 0 1% 0 0;
    padding: 0 0 0 0;
    float: left;
  }
  .table_case_detail2 {
    width: 100%;
    margin: 5% 0 0 0;
    padding: 0 0 0 0;
    border: 1px solid #000;
    border-collapse: collapse;
  }
  /*.table_case_detail2 th:first-child {
    width: 13%;
    margin: 0 0 0 0;
    padding: 0 0 0 2%;
    background-color: #001738;
    color: #fff;
    text-align: left;
  }*/
  .table_case_detail2 th {
    margin: 0;
    background-color: #001738;
    color: #fff;
    text-align: center;
  }
  .table_case_detail2 td {
    margin: 0;
    border: 1px solid #000;
    /*background-color: #e2eeff;*/
    /*color: #fff;*/
    text-align: center;
  }
  /*.table_case_detail2 tr:nth-child(3) td {
    margin: 0 0 0 0;
    padding: 0 0 0 2%;
    background-color: #f7f7f7;
    color: #fff;
    text-align: left;
  }
  .table_case_detail2 tr:nth-child(5) td {
    margin: 0 0 0 0;
    padding: 0 0 0 2%;
    background-color: #f7f7f7;
    color: #fff;
    text-align: left;
  }
  .table_case_detail2 tr:nth-child(7) td {
    margin: 0 0 0 0;
    padding: 0 0 0 2%;
    background-color: #f7f7f7;
    color: #fff;
    text-align: left;
  }
  .table_case_detail2 tr:nth-child(9) td {
    margin: 0 0 0 0;
    padding: 0 0 0 2%;
    background-color: #f7f7f7;
    color: #fff;
    text-align: left;
  }*/
  .case_detail_list2 {
    width: 100%;
    margin: 5% 0 0 0;
    padding: 0 0 0 0;
  }
  .case_detail_list2 li {
    width: 48%;
    margin: 0 1.3% 2% 0;
    display: inline-block;
    float: left;
  }
  .case_detail_list2 li:nth-child(2n) {
    width: 48%;
    margin: 0 0 2% 2%;
    display: inline-block;
  }
  .case_detail_list_box {
    background-color: #616161;
  }
  .case_detail_list_box table {
    color: #fff;
  }
  /*-------------
faq
-------------*/
  .h2_faq {
    width: 100%;
    margin: 0 auto 0 auto;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
  }
  .text_under_h2_faq {
    width: 100%;
    margin: 3% auto 5% auto;
    text-align: center;
    font-size: 10px;
    line-height: 30px;
    font-weight: 600;
  }
  .main_title_faq {
    width: 98%;
    padding: 0 0 0 2%;
    border-left: solid 5px #d2ff00;
    border-bottom: dotted 1px #b9b9b9;
  }
  .category {
    width: 100%;
    margin: 3% 0 10% 0;
    padding: 0 0 0 0;
  }
  .category li {
    width: 25%;
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .category li img {
    max-width: 100%;
  }
  .faq_table {
    width: 100%;
    margin: 3% 0 3% 0;
  }
  .faq_table th {
    width: 50%;
    padding: 1% 0 1% 3%;
    text-align: left;
  }
  .faq_table td {
    padding: 1% 0 1% 3%;
    text-align: left;
  }
  /*-------------
article
-------------*/
  .list_article {
    width: 100%;
    margin: 0 0 0 0;
    padding: 2% 0 2% 0;
    border-bottom: dotted 1px #b9b9b9;
  }
  .list_article li:first-child {
    width: 24%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    float: left;
  }
  .list_article li:nth-child(2) {
    width: 67%;
    display: inline-block;
    margin: 0 0 0 0;
    padding: 0 2% 0 2%;
  }
  .list_article li span {
    font-size: 13px;
    font-weight: 600;
  }
  .list_article li img {
    max-width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .list_article li a {
    color: #0018ff;
    font-weight: 600;
  }
  /*-------------
article2
-------------*/
  .h2_article {
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 15px;
    line-height: 30px;
    border-bottom: solid 1px #b9b9b9;
  }
  .yellow_back2 {
    width: 94%;
    margin: 1% 0 3% 0;
    padding: 3%;
    background-color: #ffffdd;
    font-size: 13px;
    line-height: 37px;
    font-weight: 600;
  }
  .yellow_back3 {
    width: 85%;
    margin: 1% 7% 3% 6%;
    padding: 0 0 0 2%;
    background-color: #ffffdd;
    font-size: 13px;
    line-height: 37px;
    font-weight: 600;
  }
  .h2_article span {
    border-left: solid 5px #212121;
    margin: 0 2% 0 0;
  }
  .gray_box2 {
    width: 100%;
    margin: 0 0 5% 0;
    padding: 0 0 3% 0;
    background-color: #f2f2f2;
  }
  .list_gray_box2 {
    width: 100%;
    margin: 3% 0 0 0;
  }
  .list_gray_box2 li:first-child {
    margin: 0 0 0 6%;
  }
  .list_gray_box2 li {
    width: 44.5%;
    float: left;
  }
  .list_gray_box2 li img {
    max-width: 100%;
  }
  .redback {
    padding: 1%;
    color: #fff;
    font-weight: 600;
    background-color: #c30d0d;
  }
  .text_topics {
    width: 97%;
    font-size: 13px;
    padding: 2% 0 0 3%;
  }
  .text_topics2 {
    width: 94%;
    font-size: 13px;
    padding: 2% 3% 0 3%;
  }
  .text_topics3 {
    width: 94%;
    font-size: 13px;
    font-weight: 600;
    padding: 2% 0 0 6%;
  }
  /*-------------
multi_forming
-------------*/
  .h2_multi_forming {
    width: 100%;
    margin: 0 auto;
    padding: 1% 0;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    border-top: solid 2px #b9b9b9;
    border-bottom: solid 2px #b9b9b9;
  }
  .text_multi_forming1 {
    width: 95%;
    margin: 3% 2.5% 0 2.5%;
    text-align: center;
    font-size: 10px;
    font-weight: 600;
  }
  .list_multi_forming {
    width: 100%;
    margin: 3% 0 0 0;
    padding: 0 0 0 0;
  }
  .list_multi_forming li {
    width: 24%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: inline-block;
  }
  .list_multi_forming li p {
    width: 100%;
    margin: 1% auto 0 auto;
    padding: 0 0 0 0;
    text-align: center;
    color: #fff;
    background-color: #001738;
    font-weight: 600;
  }
  .list_multi_forming li img {
    max-width: 100%;
  }
  .red_text {
    width: 100%;
    margin: 3% auto 0 auto;
    text-align: center;
    font-size: 13px;
    line-height: 30px;
    font-weight: 600;
    color: #fe0000;
  }
  .h3_multi_forming {
    width: 98%;
    font-size: 13px;
    margin: 3% 0 3% 0;
    padding: 0 0 0 2%;
    border-left: solid 5px #d2ff00;
    border-bottom: dotted 1px #b9b9b9;
  }
  .text_multi_forming2 {
    margin: 3% 0 0 0;
    padding: 0 1% 0 1%;
    font-weight: 600;
  }
  .list_multi_forming2 {
    width: 100%;
    margin: 3% 0 0 0;
    padding: 0 0 0 0;
  }
  .list_multi_forming2 li {
    width: 48%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: inline-block;
    float: left;
  }
  .list_multi_forming2 li:nth-child(2n) {
    margin: 0 0 0 4%;
  }
  .list_multi_forming2 li img {
    max-width: 100%;
  }
  .title_step {
    width: 100%;
    margin: 3% 0 2% 0;
    font-size: 15px;
    font-weight: 600;
    border-bottom: dotted 1px #b9b9b9;
    line-height: 29px;
  }
  .title_step img {
    max-width: 25%;
  }
  img.img_step {
    max-width: 56%;
    margin: 3% 22%;
  }
  .text_multi_forming3 {
    width: 98%;
    margin: 0 0 0 0;
    padding: 0 1%;
    font-weight: 600;
  }
  .text_multi_forming3 img {
    max-width: 60%;
    margin: 0 20%;
  }
  .zoom {
    width: 70%;
    background-color: #00b0b2;
    color: #fff;
  }
  img.forming_machine_img {
    max-width: 59%;
    margin: 5% 20.5% 0 20.5%;
  }
  .table_multi_forming {
    width: 90%;
    margin: 5% 5% 0 5%;
    padding: 0 0 0 0;
    border-collapse: collapse;
    display: inline-table;
  }
  .table_multi_forming th {
    margin: 0 0 0 0;
    padding: 0 0 0 3%;
    text-align: left;
    background-color: #001738;
    color: #fff;
    border: solid 1px #cccccc;
  }
  .table_multi_forming td {
    margin: 0 0 0 0;
    padding: 0 0 0 3%;
    border: solid 1px #cccccc;
  }
  .text_product_detail {
    float: right;
    margin: 2% 18% 0 0%;
  }
  .text_product_detail a {
    color: #ff0000;
    font-weight: 600;
  }
  /*-------------
press
-------------*/
  img.main_img_press {
    max-width: 100%;
  }
  /*-------------
ewuipment
-------------*/
  .list_equipment2 {
    width: 100%;
    margin: 3% 0 0 0;
  }
  .list_equipment2 li {
    width: 42%;
    float: left;
  }
  .list_equipment2 li:nth-child(2) {
    width: 3%;
    margin: 7% 5% 0 5%;
  }
  .list_equipment2 li p {
    width: 100%;
    margin: 0 auto 0 auto;
    background-color: #001738;
    text-align: center;
    color: #fff;
  }
  .list_equipment2 li img {
    max-width: 100%;
  }
  /*-------------
flow
-------------*/
  .h2_flow_contact {
    width: 100%;
    margin: 0 auto;
    padding: 1% 0;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    border-bottom: solid 2px #b9b9b9;
  }
  /*-------------
trivia
-------------*/
  .h2_trivia {
    width: 100%;
    margin: 0 auto;
    padding: 1% 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
  }
  .trivia_text {
    width: 100%;
    margin: 0 auto;
    padding: 1% 0;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
  }
  .box_gray_trivia {
    width: 96%;
    margin: 3% 0 3% 0;
    padding: 3% 2% 3% 2%;
    background-color: #f2f2f2;
  }
  .box_trivia {
    width: 100%;
    margin: 3% 0 0 0;
  }
  .box_trivia li {
    font-weight: 600;
    margin: 0 0 3% 0;
  }
  /*-------------
virtual
-------------*/
  .h2_virtual {
    width: 100%;
    margin: 0 auto;
    padding: 1% 0;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
  }
  .list_virtual {
    width: 100%;
    margin: 3% 0 0 0;
    padding: 0 0 0 0;
  }
  .list_virtual li {
    width: 30%;
    margin: 0 0 3% 0;
    display: inline-block;
    float: left;
  }
  .list_virtual li:nth-child(2) {
    width: 30%;
    margin: 0 5%;
    display: inline-block;
    float: left;
  }
  .list_virtual li:nth-child(5) {
    width: 30%;
    margin: 0% 5%;
    display: inline-block;
    float: left;
  }
  .list_virtual li:nth-child(8) {
    width: 30%;
    margin: 0% 5%;
    display: inline-block;
    float: left;
  }
  .list_virtual li:nth-child(11) {
    width: 30%;
    margin: 0% 5%;
    display: inline-block;
    float: left;
  }
  .list_virtual li:nth-child(14) {
    width: 30%;
    margin: 0% 5%;
    display: inline-block;
    float: left;
  }
  .list_virtual li img {
    max-width: 100%;
  }
  .list_virtual table {
    width: 100%;
  }
  .list_virtual table th {
    max-width: 98%;
    padding: 0 0 0 2%;
    border-left: solid 5px #a0a0a0;
    border-bottom: dotted 1px #a0a0a0;
  }
  .list_virtual li table td {
    max-width: 100%;
    border-bottom: dotted 1px #a0a0a0;
  }
  /*-------------
press
-------------*/
  .text_press1 {
    font-weight: 600;
    margin: 2% 0 3% 0;
  }
  .press_list1 {
    width: 100%;
    margin: 0% 0 3% 0;
    padding: 0 0 0 0;
    display: inline-block;
  }
  .press_list1 li {
    width: 48%;
    margin: 0 0% 0 2%;
    padding: 0 0 0 0;
    float: left;
  }
  .press_list1 li img {
    max-width: 100%;
  }
  .press_list1 li p {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 1% 0 1% 0;
    background-color: #0014d1;
    color: #fff;
    text-align: center;
  }
  .text_press2 {
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    margin: 2% auto 3% auto;
    text-align: center;
    color: #ff0000;
  }
  img.press_main {
    max-width: 100%;
    margin: 3% 0 3% 0;
  }
  .list2_title {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 2px dotted #d4d4d4;
  }
  .press_list2 {
    width: 100%;
    margin: 3% 0 3% 0;
    padding: 0 0 0 0;
    display: inline-block;
  }
  .press_list2 li {
    width: 48%;
    margin: 0 0% 2% 2%;
    padding: 0 0 0 0;
    float: left;
  }
  .press_list2 li img {
    max-width: 100%;
  }
  .press_list2 li p {
    width: 100%;
    height: 83px;
    margin: 0 auto 0 auto;
    padding: 1% 0 1% 0;
    background-color: #d4d4d4;
    text-align: center;
    font-size: 10px;
    font-weight: 600;
  }
  /*-------------
contact
-------------*/
  .contact_table {
    width: 100%;
  }
  /*.contact_table span {
    color: #ff0000;
    padding: 2% 3%;
    border: solid 1px #ff0000;
    float: right;
  }*/
  .contact_table th {
    width: 30%;
    margin: 0 0 0 0;
    padding: 5px 0 5px 20px;
    border-bottom: dotted #b9b9b9 1px;
    text-align: left;
    font-size: 10px;
  }
  .contact_table td {
    font-size: 10px;
    margin: 0 0 0 0;
    padding: 10px 0 10px 30px;
    border-bottom: dotted #b9b9b9 1px;
  }
  form td input#name1, #name2, #ruby1, #ruby2 {
    width: 33%;
    height: 25px;
    border: none;
    background-color: #f3f3f3;
  }
  form td input#company_name, #mail, #tel, #fax, #postcode {
    width: 90%;
    height: 25px;
    border: none;
    background-color: #f3f3f3;
  }
  form td input#address, #address2, #address3 {
    width: 70%;
    margin: 0.5% 0;
    height: 25px;
    border: none;
    background-color: #f3f3f3;
  }
  form td #comment {
    width: 95%;
    height: 200px;
    margin: 5% 0 0 0;
    padding: 0 0 0 10px;
    border: none;
    background-color: #e9e9e9;
  }
  form #formEnd {
    margin: 0 0 0 0;
  }
  form #formEnd img {
    max-width: 100%;
  }
  form #formEnd button {
    width: 100%;
    margin: 3% 0;
    border: 0;
    background-color: #fff;
  }
  form #formEnd button:hover {
    opacity: 0.5;
  }
  .thanks {
    font-size: 20px;
    font-weight: 600;
  }
  ruby {
    ruby-position: under;
  }
  ruby rb {
    width: 87%;
    display: inline-block;
    text-align: left;
    line-height: 15px;
  }
  .banner_box {
    display: none;
  }
}