/* equipment
***************************************************************/
img.lazyload {
  width: 100%;
  display: block;
}

/* page title
***************************************************************/
.w_pageTitle.lazyloaded  {
    background-image: url(../img/equipment/std0.jpg);
}

.page_ttl_bottom {
    width: 100%;
    padding: 60px 0 0;
    text-align: center;
}

.page_ttl_bottom h2 {
    font-size: 19px;
    letter-spacing: 0.19em;
}

@media all and (min-width: 681px) {}

@media all and (max-width:680px) {
    .page_ttl_bottom {
        padding: 30px 5% 10px;
    }

    .page_ttl_bottom h2 {
        font-size: 15px;
        line-height: 1.4;
    }
}

@media all and (max-width:370px) {}

/* page_tab
***************************************************************/
.page_tab{
    width: 900px;
    /*height: 87px;*/
    margin: 60px auto 0;
}
.page_tab ul{
    display: flex;
    flex-wrap: wrap;
    height: 100%;
}
.page_tab ul li{
    width: calc(100% / 4);
    height: 97px;
    position: relative;
}
.page_tab ul li a{
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #4c4948;
    text-align: center;
    line-height: 1.5em;
    position: relative;
    display: block;
    padding-top: 15px;
}
.page_tab ul li + li + li + li + li a{
    padding-top: 35px;
}
.page_tab ul li.tab01 a{
    padding-top: 0;
}
.page_tab ul li a::after{
    content: "";
    position: absolute;
    width: 13px;
    height: 7px;
    left: 50%;
    margin-left: -6.5px;
    bottom: 25px;
    background: url(../img/making_flow/w_f_method/arrow.svg);
    background-size: 13px 7px;
    transition: 0.3s ease;
}
.page_tab ul li + li + li + li + li a::after{
    bottom: 5px;
}

@media all and (min-width: 681px) {
    /*.page_tab ul li a:hover{
        background-color: #eee;
    }*/
    .page_tab ul li a:hover::after{
        bottom: 20px;
    }
    .page_tab ul li + li + li + li + li a:hover::after{
        bottom: 0;
    }
    .page_tab ul li.tab_line1::before{
        content: "";
        width: 1px;
        height: 87px;
        background-color: #6e7175;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
    }
    .page_tab ul li.tab_line2::before{
        content: "";
        width: 1px;
        height: 87px;
        background-color: #6e7175;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 1;
    }
    .page_tab ul li.tab_line3::after{
        content: "";
        width: 270px;
        height: 1px;
        background-color: #6e7175;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .page_tab ul li.tab_line4::after{
        content: "";
        width: 260px;
        height: 1px;
        background-color: #6e7175;
        position: absolute;
        left: 10px;
        bottom: 0;
    }
    .page_tab ul li.tab_line5::after{
        content: "";
        width: 270px;
        height: 1px;
        background-color: #6e7175;
        position: absolute;
        right: 0;
        bottom: 0;
    }
}

@media all and (max-width: 680px) {
    .page_tab{
        width: auto;
        height: auto;
        margin-top: 20px;
        padding: 0 5%;
    }
    .page_tab ul{
        flex-wrap: wrap;
        position: relative;
    }
    .page_tab ul::before {
        content: '';
        width: 12px;
        height: 12px;
        background: #fff;
        position: absolute;
        top: calc(50% - 6px);
        left: calc(50% - 6px);
        z-index: 10;
        pointer-events: none;
    }
    .page_tab ul li{
        height: 65px;
    }
    .page_tab ul li:nth-of-type(even) {
        border-left: 1px solid #6e7175;
    }
    .page_tab ul li.tab01{
        width: calc(100% / 2);
    }
    .page_tab ul li.tab01 br{
    }
    .page_tab ul li.tab02{
        width: calc(100% / 2);
    }
    .page_tab ul li.tab03{
        width: calc(100% / 2);
        margin-top: 14px;
    }
    .page_tab ul li:not(:last-child):not(:nth-last-of-type(2)).tab01::before,
    .page_tab ul li:not(:last-child):not(:nth-last-of-type(2)).tab02::before{
        content: "";
        width: 100%;
        height: 1px;
        background-color: #6e7175;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .page_tab ul li.tab_line4::after,
    .page_tab ul li.tab_line6::after{
        content: "";
        width: 1px;
        height: 100%;
        background-color: #6e7175;
        position: absolute;
        right: 0;
        top: 0;
    }
    .page_tab ul li a{
        font-size: 13px;
        padding-top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 0;
    }
    .page_tab ul li.tab01 a,
    .page_tab ul li.tab02 a{
        padding-bottom: 17px;
    }
    .page_tab ul li + li + li + li + li a{
      padding-top: 0;
    }
    .page_tab ul li a::after{
        content: "";
        position: absolute;
        width: 9px;
        height: 5px;
        left: 50%;
        margin-left: -4.5px;
        bottom: 5px;
        background: url(../img/making_flow/w_f_method/arrow.svg);
        background-size: 9px 5px;
        transition: 0.3s ease;
        bottom: 12px;
    }
    .page_tab ul li.btm1 a,
    .page_tab ul li.btm1 a{
        padding-bottom: 3px;
    }
    .page_tab ul li.btm1 a::after{
        bottom: 4px;
    }
}

@media all and (max-width: 370px) {}


/* コンテンツ共通
***************************************************************/
.con_wrap{
  padding-top: 60px;
  text-align: justify;
}
.con_inner{
  width: 1120px;
  height: auto;
  padding: 60px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #4c4948;
  background-color: #f5f5f5;
}
.con_inner + .con_inner{
  margin-top: 100px;
}

/* flex */
.con_inner .flex {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
}
.con_inner .flex.center {
  justify-content: center;
}
.con_inner .flex1 .in1 {
  width: 480px;
}
.con_inner .flex1 .in2 {
  width: 500px;
}
.con_inner .flex2 .in1 {
  width: 480px;
}
.con_inner .flex2 .in2 {
  width: 480px;
}
.con_inner .flex4 .in1 {
  width: 570px;
}
.con_inner .flex4 .in2 {
  width: 390px;
}
.con_inner .flex3 {
  flex-flow: wrap;
}
.con_inner .flex3::after {
  content: "";
  width: 31%;
  display: block;
}
.con_inner .flex3 > li {
  width: 31%;
}
.con_inner .flex3.vertical {
  display: block;
  margin-top: 25px;
  position: relative;
  z-index: 0;
}
.con_inner .flex3_2 {
  flex-flow: wrap;
}
.con_inner .flex3_2::after {
  content: "";
  width: 31%;
  display: block;
}
.con_inner .flex3_2 > li {
  width: 31%;
}
.con_inner .flex3_2 > li:nth-child(4),
.con_inner .flex3_2 > li:nth-child(5) {
  width: 48.25%;
}
.con_inner .flex3_2 > li:nth-child(4) .i_p1,
.con_inner .flex3_2 > li:nth-child(5) .i_p1 {
  width: 35%;
}
.con_inner .flex3_2 > li:nth-child(4) .i_img1,
.con_inner .flex3_2 > li:nth-child(5) .i_img1 {
  width: 61%;
}
.con_inner .flex3_2.vertical {
  display: block;
  margin-top: 25px;
  position: relative;
  z-index: 0;
}
.con_inner .itemList > li.type2 .i_box1 {
  display: block;
  margin-top: -5px;
}
.con_inner .itemList > li.type2 .i_p1 {
  width: 100%;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.7;
  text-align: center;
}
.con_inner .itemList > li.type2 .i_p1.left {
  text-align: left;
}
.con_inner .itemList > li.type2 .i_img1 {
  width: 181px;
  margin: 7px auto 0;
}
.con_inner .flex3.vertical.type2 {
  padding: 22px 27px 26px 15px;
}
.con_inner .flex3.vertical.type2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 402px;
  height: 100%;
  background: #fff;
  z-index: -1;
}
.con_inner .itemList.type2 > li .i_tit1 {
  font-size: 15px;
}
.con_inner .itemList.vertical.type2 > li .i_img1 {
  width: 47%;
}
.con_inner .itemList.vertical.type2 > li .i_p1 {
  width: 50%;
}
.con_inner .itemList.vertical > li.type2 .i_p1 {
  width: 100%;
}
.con_inner .itemList.vertical > li.type2 .i_img1 {
  width: 344.5px;
  margin-top: 15px;
}

.con_inner .itemList > li.type3 {
  display: flex;
  justify-content: space-between;
}
.con_inner .itemList > li.type3 >div {
  width: 46%;
}
.con_inner .itemList > li.type3 .i_box1 {
  display: block;
}
.con_inner .itemList > li.type3 .i_tit1 {
  margin-bottom: 4px;
}
.con_inner .itemList.vertical > li.type3 .i_p1 {
  width: 100%;
}
.con_inner .itemList.vertical > li.type3 .i_img1 {
  width: 100%;
  margin-top: 6px;
}

.con_inner .flex3.vertical > li {
  width: 100%;
}
.con_inner .flex5 {
  width: 700px;
  margin: 0 auto;
  border: 1px solid #4c4948;
}
.con_inner .flex5 .in1 {
  width: 63%;
  padding: 30px;
}
.con_inner .flex5 .in2 {
  width: 37%;
}
.con_inner .con_note {
  font-size: 10px;
  letter-spacing: 0;
  line-height: 1.3;
  margin-top: 10px;
}

/* contents */
.con_inner .note {
  font-size: 14px;
  text-align: center;
  margin: 25px 0 -30px;
}
.con_inner h3{
  font-size: 33px;
  text-align: center;
  letter-spacing: 0.19em;
  line-height: 1em;
  font-weight: normal;
}
.con_inner .tit_type1 {
  font-size: 20px;
  display: flex;
  align-items: center;
  color: #fff;
  background-color: #4C4948;
  padding: 15px 10px 15px 15px;
  line-height: 1;
  letter-spacing: 0.1em;
}
.con_inner .tit_type1 .jpn {
  min-width: 46px;
}
.con_inner .tit_type1 .eng {
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid #fff;
  line-height: 1.4;
}
.con_inner .tit_type1 .eng.ls0 {
  letter-spacing: 0;
}
.con_inner .tit_type1 .tag {
  color: #4C4948;
  background-color: #fff;
  font-size: 14px;
  letter-spacing: 0.05em;
  padding: 3px 8px;
  margin-left: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.con_inner .tit_type2 {
  font-size: 21px;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin-top: 25px;
}
.con_inner .tit_type2.tit_line2 {
  display: flex;
  align-items: center;
  height: 71px;
}
.con_inner .p1 {
  font-size: 15px;
  letter-spacing: 0.03em;
  margin-top: 18px;
}
.con_inner .p2 {
  font-size: 16px;
  font-weight: 700;
  margin-top: 15px;
}
.con_inner .img1 {
  margin-top: 10px;
}
.con_inner .img2 {
  margin-top: 30px;
}
.con_inner .img3 {
  margin-top: 20px;
}
.con_inner .img4 {
  width: 70.662%;
  margin: 20px auto 0;
}
.con_inner .img5 {
  width: 68.797%;
  margin: 20px auto 0;
}
.con_inner .itemList > li:nth-of-type(1n + 4) {
  margin-top: 40px;
}
.con_inner .itemList > li .i_tit1 {
  font-size: 16.5px;
  letter-spacing: 0.05em;
  font-weight: 500;
  text-align: center;
  margin-bottom: 10px;
}
.con_inner .itemList > li .i_tit1.ls0 {
  letter-spacing: 0;
}
.con_inner .itemList > li .i_tit1 .sml {
  font-size: 12px;
}
.con_inner .itemList > li .i_box1 {
  display: flex;
  justify-content: space-between;
}
.con_inner .itemList > li .i_box1.noFlex {
  display: block;
}
.con_inner .itemList.vertical > li .i_box1.noFlex .i_p1,
.con_inner .itemList.vertical > li .i_box1.noFlex .i_img1 {
  width: 100%;
}
.con_inner .itemList.vertical > li .i_box1.noFlex .i_p1 {
  margin-top: 23px;
}
.con_inner .itemList > li .i_p1 {
  width: 53%;
  font-size: 13px;
  line-height: 1.9;
  letter-spacing: 0.05em;
  color: #6E7175;
}
.con_inner .itemList > li .i_img1 {
  width: 43%;
}
.con_inner .itemList > li .i_box1.type2 .i_p1 {
  width: calc(100% - 47.557% - 4%);
}
.con_inner .itemList > li .i_box1.type2 .i_img1 {
  width: 47.557%;
}
.con_inner .itemList.vertical > li:nth-of-type(1n + 2),
.con_inner .itemList.vertical > li:nth-of-type(1n + 4) {
  margin-top: 35px;
}
.con_inner .itemList.vertical > li .i_p1 {
  width: 42%;
}
.con_inner .itemList.vertical > li .i_p1.sml {
  width: 38%;
}
.con_inner .itemList.vertical > li .i_img1 {
  width: 55%;
}

@media all and (min-width: 681px) {
  .con_inner .tit_type1.hm_type1 {
    height: 114px;
  }
  .con_inner .tit_type1.hm_type2 {
    height: 86px;
  }

  /* flex */
  .con_inner .flex2.type2 .in1 {
    width: 470px;
    position: relative;
  }
  .con_inner .flex2.type2 .in1::after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: #4C4948;
    position: absolute;
    right: -29px;
    top: 0;
  }
  .con_inner .flex2.type2 .in2 {
    width: 470px;
  }
}

@media all and (max-width:680px) {
  .con_wrap{
    padding: 40px 5% 0;
  }
  .con_inner{
    width: 100%;
    height: auto;
    padding: 30px 20px;
  }
  .con_inner + .con_inner{
    margin-top: 25px;
  }

  /* flex */
  .con_inner .flex {
    display: block;
    margin-top: 25px;
  }
  .con_inner .flex1 .in1 {
    width: 100%;
  }
  .con_inner .flex1 .in2 {
    width: 100%;
    margin-top: 20px;
  }
  .con_inner .flex2 .in1 {
    width: 100%;
  }
  .con_inner .flex2 .in2 {
    width: 100%;
    margin-top: 20px;
  }
  .con_inner .flex2.type2 .in2 {
    margin-top: 30px;
  }
  .con_inner .flex4 .in1 {
    width: 100%;
  }
  .con_inner .flex4 .in2 {
    width: 100%;
    margin-top: 20px;
  }
  .con_inner .flex3::after {
    display: none;
  }
  .con_inner .flex3 > li {
    width: 100%;
  }
  .con_inner .itemList > li.type2 .i_p1 {
    width: 100%;
    font-size: 13px;
  }
  .con_inner .itemList > li.type2 .i_img1 {
    width: 61%;
  }
  .con_inner .flex3.vertical.type2 {
    padding: 22px 15px 26px;
  }
  .con_inner .flex3.vertical.type2::before {
    width: 100%;
  }

  .con_inner .itemList > li.type3 >div {
    width: 47%;
  }
  
  .con_inner .flex3_2::after {
    display: none;
  }
  .con_inner .flex3_2 > li {
    width: 100%;
  }
  .con_inner .flex3_2 > li:nth-child(4),
  .con_inner .flex3_2 > li:nth-child(5) {
    width: 100%;
  }
  .con_inner .flex3_2 > li:nth-child(4) .i_box1,
  .con_inner .flex3_2 > li:nth-child(5) .i_box1 {
    flex-wrap: wrap;
  }
  .con_inner .flex3_2 > li:nth-child(4) .i_p1,
  .con_inner .flex3_2 > li:nth-child(5) .i_p1 {
    order: 2;
    width: 100%;
    margin-top: 6px;
  }
  .con_inner .flex3_2 > li:nth-child(4) .i_img1,
  .con_inner .flex3_2 > li:nth-child(5) .i_img1 {
    order: 1;
    width: 100%;
  }
  .con_inner .itemList > li .i_box1.type2 .i_p1 {
    width: 100%;
  }
  .con_inner .itemList > li .i_box1.type2 .i_img1 {
    width: 100%;
  }
  .con_inner .itemList.vertical > li .i_box1.noFlex .i_p1 {
    margin-top: 7px;
  }
  .con_inner .flex3_2.vertical {
    display: block;
    margin-top: 25px;
    position: relative;
    z-index: 0;
  }

  .con_inner .itemList.vertical > li.type2 .i_p1 {
    width: 100%;
  }
  .con_inner .itemList.vertical > li.type2 .i_img1 {
    width: 100%;
    margin-top: 12px;
  }

  .con_inner .flex5 {
    width: 100%;
    border: none;
  }
  .con_inner .flex5 .in1 {
    width: 100%;
    padding: 0;
  }
  .con_inner .flex5 .in2 {
    width: 200px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
  }
  .con_inner .con_note {
    margin-top: 20px;
  }

  /* contents */
  .con_inner .note {
    font-size: 12px;
    margin: 20px 0 -5px;
  }
  .con_inner h3{
    font-size: 20px;
    line-height: 1.5em;
    letter-spacing: 0.15em;
  }
  .con_inner .tit_type1 {
    font-size: 12px;
    padding: 10px;
    letter-spacing: 0.05em;
  }
  .con_inner .tit_type1 .jpn {
    min-width: 28px;
  }
  .con_inner .tit_type1 .eng {
    padding-left: 12px;
    margin-left: 12px;
  }
  .con_inner .tit_type1 .tag {
    font-size: 10px;
    padding: 1px 5px;
    margin-left: 10px;
  }
  .con_inner .tit_type2 {
    font-size: 14px;
    margin-top: 18px;
  }
  .con_inner .tit_type2.tit_line2 {
    display: block;
    height: auto;
  }
  .con_inner .p1 {
    font-size: 13px;
    margin-top: 15px;
  }
  .con_inner .p2 {
    font-size: 13px;
    letter-spacing: 0.05em;
    margin-top: 15px;
  }
  .con_inner .img1 {
    margin-top: 10px;
  }
  .con_inner .img2 {
    margin-top: 20px;
  }
  .con_inner .img3 {
    margin-top: 15px;
  }
  .con_inner .itemList > li:nth-of-type(1n + 2),
  .con_inner .itemList > li:nth-of-type(1n + 4) {
    margin-top: 30px;
  }
  .con_inner .itemList > li .i_box1 {
    align-items: center;
  }
  .con_inner .itemList > li .i_tit1 {
    font-size: 15px;
    margin-bottom: 8px;
    letter-spacing: 0.05em;
  }
  .con_inner .itemList > li .i_p1 {
    font-size: 12px;
    line-height: 1.5;
  }
  .con_inner .itemList.vertical > li .i_p1.sml {
    width: 42%;
  }
}

@media all and (max-width:370px) {
  .con_inner .tit_type1 {
    font-size: 10px;
    padding: 8px;
  }
  .con_inner .tit_type1 .eng {
    padding-left: 5px;
    margin-left: 5px;
  }
  .con_inner .tit_type2 {
    font-size: 13px;
    letter-spacing: 0.05em;
  }
  .con_inner .p1 {
    font-size: 12px;
    letter-spacing: 0.05em;
  }
  .con_inner .itemList > li .i_tit1 {
    font-size: 13px;
    letter-spacing: 0.05em;
  }
}

/* margin */
.con_inner.mt0 {
  margin-top: 0;
  border-top: none;
}
.con_inner .flex.mt0 {
  margin-top: 0;
}

/* コンテンツ個別
***************************************************************/
/* con1 */
.con1_1 .in1 {
  position: relative;
}
.con1_1 .in1 .h4 {
  width: 520px;
  position: absolute;
  top: -25px;
  left: 0;
}
.con1_1 .in1 .p1 {
  padding-top: 180px;
}
/* con2 */
.con2_3 .in1 .p2 {
  display: flex;
  align-items: center;
}
.con2_3 .in1 .p2 .tobira {
  width: 157px;
  margin-left: 15px;
}
.con2_3 .in1 .img1 {
  width: 305px;
  margin: 30px auto 0;
}
/* con3 */
.con3_2 .in1 .p2 {
  display: flex;
  align-items: center;
}
.con3_2 .img3.type2 {
  width: 266px;
  margin-left: auto;
  margin-right: auto;
}
/* con4 */
.con4_1 .in1 .img3 {
  width: 243px;
  margin-left: auto;
  margin-right: auto;
}
.con4_4 .in1 {
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.con4_4 .in1 .tit_type1 {
  width: 100%;
}
.con4_4 .in1 .in1_1 {
  width: 250px;
}
.con4_4 .in1 .in1_2 {
  width: 210px;
}
.con4_4 .in1 .in1_2 .img3 {
  margin-top: 25px;
}

@media all and (min-width: 681px) {}

@media all and (max-width:680px) {
  /* con1 */
  .con1_1 .in1 .h4 {
    width: 100%;
    position: static;
  }
  .con1_1 .in1 .p1 {
    padding-top: 0;
  }
  /* con2 */
  .con2_3 .in1 .p2 .tobira {
    width: 130px;
  }
  .con2_3 .in1 .img1 {
    width: 100%;
    margin-top: 20px;
  }
  /* con3 */
  .con3_2 .img3.type2 {
    width: 200px;
  }
  /* con4 */
  .con4_1 .in1 .img3 {
    width: 200px;
  }
  .con4_4 .in1 {
    display: block;
  }
  .con4_4 .in1 .in1_1 {
    width: 100%;
  }
  .con4_4 .in1 .in1_2 {
    width: 180px;
    margin-left: auto;
    margin-right: auto;
  }
  .con4_4 .in1 .in1_2 .img3 {
    margin-top: 15px;
  }
}

@media all and (max-width:370px) {}