@charset "utf-8";
/* CSS Document */
/*  PC 1200px レスポンシブル設定は600px～ 1em = 16px */

#TECHNICAL section:nth-child(even){background: #ebebeb;}

#TECHNICAL  h2{font-weight: bold;}

/* 技術情報 -------------------------------------------------------------------*/
#TECHNICAL article{background: /*#bcedb6 rgba(33,109,63,0.2)*/ rgba(33,109,63,0.1); border-bottom: 1px solid #ddd;}
#TECHNICAL #Menu{position: absolute; width: 250px; background: rgba(33,109,63,0.0); color: #222;}
#TECHNICAL #Menu.fixed{position: fixed; z-index: 999; top:100px;}
#TECHNICAL #Menu.fixed_bottom{position: fixed; z-index: 99; bottom:220px;}

#TECHNICAL #Detail{width: calc(100% - 250px); margin-left: 250px; background: #FFF; border-bottom: 1px solid #ddd;}

#TECHNICAL #Menu dl{width: 90%; margin: 20px auto;}
#TECHNICAL #Menu dl dt{text-align: left; font-weight: bold; font-size: 1.2em; margin-bottom: 0.5em;}
#TECHNICAL #Menu dl dd{text-align: left; font-weight: bold; font-size: 1.0em; position: relative; padding-left: 1em; margin-bottom: 0.2em;}
#TECHNICAL #Menu dl dd:before{content: "・"; position: absolute; left: 0;}
#TECHNICAL #Menu dl dd ul{margin: 0.5em auto 1em 1em;}
#TECHNICAL #Menu dl dd ul li{list-style: disc; font-weight: normal; font-size: 0.8em;}
#TECHNICAL #Menu dl dd a{color: #222;}


#TECHNICAL #Detail{width: calc(100% - 250px - 40px); padding: 50px 20px;}
#TECHNICAL #Detail .btn{display: block; padding: 10px 6px; background: #555; border-radius: 6px; transition : all 0.5s;}
#TECHNICAL #Detail .btn:hover{background: #116333; cursor: pointer;}

#TECHNICAL #Detail .btn a{position: relative; padding-left: 16px; color: #FFF; }
#TECHNICAL #Detail .btn a:before{content: ""; position: absolute; left: 0px; top:calc(50% - 6px); width: 0; height: 0; 
border-left: 10px solid #FFF; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}

@media screen and (max-width: 750px) {
    #TECHNICAL #Menu{display: none;}
    #TECHNICAL #Detail{width: calc(100% - 40px); margin-left: 0px;}
}

/* 技術情報 */
#TECHNICAL #Detail #detail_section_01{padding: 70px 0;}
#TECHNICAL #Detail #detail_section_01 h1{}
#TECHNICAL #Detail #detail_section_01 p{font-size: 1.4em;}
#TECHNICAL #Detail #detail_section_01 div{width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin-top: 30px;}
#TECHNICAL #Detail #detail_section_01 div ul{width: 40%;}
#TECHNICAL #Detail #detail_section_01 div ul li{text-align: center; width: 80%; margin: 1em auto;}
#TECHNICAL #Detail #detail_section_01 div ul li a{ }
#TECHNICAL #Detail #detail_section_01 div p{width: calc(60% - 30px); display: flex; margin-right: 30px;}
#TECHNICAL #Detail #detail_section_01 div p img{width: 50%; height: auto;}

@media screen and (max-width: 750px) {
    #TECHNICAL #Detail #detail_section_01{padding: 70px 0;}
    #TECHNICAL #Detail #detail_section_01 div ul{width: 100%;}
    #TECHNICAL #Detail #detail_section_01 div p{width: 100%;}
}


/* HASHIBAが選ばれる理由 */
#TECHNICAL #Detail #detail_section_02{padding: 70px 0 200px;}
#TECHNICAL #Detail #detail_section_02 h2{margin-bottom: 10px; font-weight: bold;}
#TECHNICAL #Detail #detail_section_02 h2 +  p{margin-bottom: 30px;}

#TECHNICAL #Detail #detail_section_02 ul{display: flex; width: 100%; justify-content: space-around; margin: auto;}
#TECHNICAL #Detail #detail_section_02 ul li{margin: 1px; width: calc(100% / 6);}
#TECHNICAL #Detail #detail_section_02 ul li img{margin: 1px; width: 100%; height: auto;}

#TECHNICAL #Detail #detail_section_02 ul li img:hover{cursor: pointer;}

#TECHNICAL #Detail #detail_section_02 .circle{position: relative; z-index: 1; border-radius:50%; width: 400px; height: 400px; background:linear-gradient(to right, #48bb4f, #5b9bd5); margin: 170px auto 0;}
#TECHNICAL #Detail #detail_section_02 .circle:before{position: absolute; top:0; left:0; z-index: -1; border-radius:50%; box-sizing: border-box; padding: 5px; width: 100%; height: 100%; background: #FFF; background-clip: content-box; content: "";}

#TECHNICAL #Detail #detail_section_02 .circle .circle_logo{position: absolute; width: 270px; height: auto;
top:calc(50% - 135px); left:calc(50% - 135px);}

#TECHNICAL #Detail #detail_section_02 .circle dl{transition : all 0.7s; width: 270px;}
#TECHNICAL #Detail #detail_section_02 .circle dl dt{text-align: center;}
#TECHNICAL #Detail #detail_section_02 .circle dl dt div{width: 130px; height: 30px; border-radius:6px; display: flex; justify-content: center; align-items: center; margin: auto auto 4px; padding: 4px 0 0;}
#TECHNICAL #Detail #detail_section_02 .circle dl dt div img{width: 90px; height: auto;}
#TECHNICAL #Detail #detail_section_02 .circle dl dd{text-align: center;}
#TECHNICAL #Detail #detail_section_02 .circle dl dd img{margin: auto; width: 200px; height: 100px; object-fit: cover;}

#TECHNICAL #Detail #detail_section_02 .circle dl:nth-child(1){position: absolute; top:-110px; left: 67px;}
#TECHNICAL #Detail #detail_section_02 .circle dl:nth-child(1) dt div{background: #5b9bd5;}

#TECHNICAL #Detail #detail_section_02 .circle dl:nth-child(2){position: absolute; top:0px; left: 330px;}
#TECHNICAL #Detail #detail_section_02 .circle dl:nth-child(2) dt div{background: #70ad47;}

#TECHNICAL #Detail #detail_section_02 .circle dl:nth-child(3){position: absolute; top:230px; left: 330px;}
#TECHNICAL #Detail #detail_section_02 .circle dl:nth-child(3) dt div{background: #48bb4f;}

#TECHNICAL #Detail #detail_section_02 .circle dl:nth-child(4){position: absolute; top:370px; left: 67px;}
#TECHNICAL #Detail #detail_section_02 .circle dl:nth-child(4) dt div{background: #70ad47;}

#TECHNICAL #Detail #detail_section_02 .circle dl:nth-child(5){position: absolute; top:230px; left: -190px;}
#TECHNICAL #Detail #detail_section_02 .circle dl:nth-child(5) dt div{background: #54cccd;}

#TECHNICAL #Detail #detail_section_02 .circle dl:nth-child(6){position: absolute; top:0px; left: -210px;}
#TECHNICAL #Detail #detail_section_02 .circle dl:nth-child(6) dt div{background: #4dc58d;}

@media screen and (max-width: 1100px) {
    #TECHNICAL #Detail #detail_section_02{padding: 70px 0 70px;}
    #TECHNICAL #Detail #detail_section_02 .circle{background:none;}
    #TECHNICAL #Detail #detail_section_02 .circle:before{background:none;}
    #TECHNICAL #Detail #detail_section_02 .circle .circle_logo{display: none;}
    
    #TECHNICAL #Detail #detail_section_02 .circle{width: 100%; height: auto; display: flex; flex-wrap: wrap; margin: 30px auto 0;}
    #TECHNICAL #Detail #detail_section_02 .circle dl{width: 40%; margin: auto auto 20px;}
    #TECHNICAL #Detail #detail_section_02 .circle dl dt{height: 90px;}
    #TECHNICAL #Detail #detail_section_02 .circle dl:nth-child(1){position: relative; top:0; left: 0;}
    #TECHNICAL #Detail #detail_section_02 .circle dl:nth-child(2){position: relative; top:0; left: 0;}
    #TECHNICAL #Detail #detail_section_02 .circle dl:nth-child(3){position: relative; top:0; left: 0;}
    #TECHNICAL #Detail #detail_section_02 .circle dl:nth-child(4){position: relative; top:0; left: 0;}
    #TECHNICAL #Detail #detail_section_02 .circle dl:nth-child(5){position: relative; top:0; left: 0;}
    #TECHNICAL #Detail #detail_section_02 .circle dl:nth-child(6){position: relative; top:0; left: 0;}
}
@media screen and (max-width: 450px) {
    #TECHNICAL #Detail #detail_section_02 .circle dl{width: 90%; margin: auto auto 20px;}
    #TECHNICAL #Detail #detail_section_02 .circle dl dt{height: auto;}
    
}



/* 各分野における */
#TECHNICAL #Detail #detail_section_03{padding: 50px 0;}
#TECHNICAL #Detail #detail_section_03 h2{margin-bottom: 30px; font-weight: bold;}
#TECHNICAL #Detail #detail_section_03 h3{text-align: center;}
#TECHNICAL #Detail #detail_section_03 p{font-size: 1.2em; font-weight: bold;}

#TECHNICAL #Detail #detail_section_03 .case_studies_1{display: flex; justify-content:center; position: relative; margin-bottom: 120px; flex-wrap: wrap;}

#TECHNICAL #Detail #detail_section_03 .case_studies_1 .back_img{z-index: 1; width:100%; height: 320px; object-fit: cover; object-position: top;}
#TECHNICAL #Detail #detail_section_03 .case_studies_1 dl{width: 43%; z-index: 3; margin: 50px 0 0;}
#TECHNICAL #Detail #detail_section_03 .case_studies_1 img{width: 8%; height: auto;  z-index: 3; margin: 50px 5px 0;}
/*#TECHNICAL #Detail #detail_section_03 .case_studies_1 p{position: absolute; color: red; font-weight: bold; bottom: -50px; font-size: 1.6em; z-index: 3;}*/

#TECHNICAL #Detail #detail_section_03 .case_studies_1 dl dt{text-align: left; background: #deebf7; font-weight: bold; font-size: 1.1em; padding: 10px;}
#TECHNICAL #Detail #detail_section_03 .case_studies_1 dl:nth-child(4) dt{background: #fff2cc;}

#TECHNICAL #Detail #detail_section_03 .case_studies_1 dl dd{text-align: left; background: #FFF; padding: 10px;}
#TECHNICAL #Detail #detail_section_03 .case_studies_1 dl dd ul{margin-left: 2em;}
#TECHNICAL #Detail #detail_section_03 .case_studies_1 dl dd ul li{list-style: disc;}


#TECHNICAL #Detail #detail_section_03 .case_studies_2{margin-bottom: 100px;}
#TECHNICAL #Detail #detail_section_03 .case_studies_2{background-image: url("./img/tech_008.jpg"); z-index: 1; background-repeat: no-repeat; background-position: right; position: relative; background-size:cover; padding: 20px 20px;}
#TECHNICAL #Detail #detail_section_03 .case_studies_2:after{content: ""; width: 100%; height: 100%; background: rgba(255,255,255,0.7); position: absolute; z-index: 2; top:0; left: 0;}
#TECHNICAL #Detail #detail_section_03 .case_studies_2 h3{position: relative; z-index: 3; border: 1px solid #FFF; padding: 10px; margin-bottom: 20px;}

#TECHNICAL #Detail #detail_section_03 .case_studies_2 p{position: relative; z-index: 3;font-weight: bold; text-align: left; width: fit-content; margin: auto auto 30px; font-size: 1.0em;}
#TECHNICAL #Detail #detail_section_03 .case_studies_2 dl{position: relative; z-index: 3; width: fit-content; margin:auto; font-weight: bold;}
#TECHNICAL #Detail #detail_section_03 .case_studies_2 dl dt{font-size: 1.4em; text-align: left;}
#TECHNICAL #Detail #detail_section_03 .case_studies_2 dl dd{font-size: 1.2em; text-align: left; position: relative; text-indent: -1em; padding-left: 2em;}
#TECHNICAL #Detail #detail_section_03 .case_studies_2 dl dd:before{content: "・";}


#TECHNICAL #Detail #detail_section_03 .case_studies_3{display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
#TECHNICAL #Detail #detail_section_03 .case_studies_3 div{width: calc(30% - 0px); padding: 0px 0px; background-size:cover; margin-bottom: 30px; font-weight: bold;}
#TECHNICAL #Detail #detail_section_03 .case_studies_3 div:nth-child(1){background-image: url("./img/tech_009.jpg");}
#TECHNICAL #Detail #detail_section_03 .case_studies_3 div:nth-child(2){background-image: url("./img/tech_010.jpg");}
#TECHNICAL #Detail #detail_section_03 .case_studies_3 div:nth-child(3){background-image: url("./img/tech_011.jpg");}
#TECHNICAL #Detail #detail_section_03 .case_studies_3 div:nth-child(4){background-image: url("./img/tech_012.jpg");}
#TECHNICAL #Detail #detail_section_03 .case_studies_3 div:nth-child(5){background-image: url("./img/tech_013.jpg");}
#TECHNICAL #Detail #detail_section_03 .case_studies_3 div:nth-child(6){background-image: url("./img/tech_014.jpg");}


#TECHNICAL #Detail #detail_section_03 .case_studies_3 div h4{font-size: 1.2em; font-weight: bold; background: rgba(0,0,0,0.1); padding-top: 10px; margin-top: 30px;}
#TECHNICAL #Detail #detail_section_03 .case_studies_3 div dl{margin: auto auto 30px; background: rgba(0,0,0,0.1); padding-bottom: 10px;}
#TECHNICAL #Detail #detail_section_03 .case_studies_3 div dl dt{font-weight: bold;}

#TECHNICAL #Detail #detail_section_03 .case_studies_3 h3{margin: 30px auto; text-align: center;}

#TECHNICAL #Detail #detail_section_03 .case_studies_3 div img{width: 100%;  height: auto; object-fit: cover;}

#TECHNICAL #Detail #detail_section_03 .case_studies_3 div.processing{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around;}
#TECHNICAL #Detail #detail_section_03 .case_studies_3 div.processing div{width: 45%; background: none;}
#TECHNICAL #Detail #detail_section_03 .case_studies_3 div.processing div img{position: relative; top:8px;}
/*#TECHNICAL #Detail #detail_section_03 .case_studies_3 div.processing div:last-child{width: 60%;}*/

#TECHNICAL #Detail #detail_section_03 .case_studies_3 div.processing div p{background: #333; color: #FFF; padding: 4px 0;}
#TECHNICAL #Detail #detail_section_03 .case_studies_3 div.processing div dl{width: calc(100% - 40px); padding: 20px;}
#TECHNICAL #Detail #detail_section_03 .case_studies_3 div.processing div dl dt{font-weight: bold; font-size: 1.2em; margin-bottom: 10px;}



/* ハシバ独自の精密石膏鋳造 */
#TECHNICAL #Detail #detail_section_04{padding: 70px 0;}
#TECHNICAL #Detail #detail_section_04 h1{}
#TECHNICAL #Detail #detail_section_04 p{font-size: 1.4em;}
#TECHNICAL #Detail #detail_section_04 div.intro{width: 100%; display: flex; flex-wrap: wrap; align-items: center; margin: 30px auto 70px;}
#TECHNICAL #Detail #detail_section_04 div.intro ul{width: 40%;}
#TECHNICAL #Detail #detail_section_04 div.intro ul li{text-align: center; width: 80%; margin: 1em auto;}
#TECHNICAL #Detail #detail_section_04 div.intro ul li a{ }
#TECHNICAL #Detail #detail_section_04 div.intro p{width: 60%; display: flex;}
#TECHNICAL #Detail #detail_section_04 div.intro p img{width: 50%; height: auto;}

@media screen and (max-width: 750px) {
    #TECHNICAL #Detail #detail_section_04 div.intro ul{width: 100%;}
    #TECHNICAL #Detail #detail_section_04 div.intro p{width: 100%;}
}


/* ハシバ独自の精密石膏鋳造 石膏鋳造で解決　*/
.solve_outline{width: 100%; background: #FFF; padding: 70px 0 30px;}
@media screen and (min-width: 750px) {
    #TECHNICAL #Detail #detail_section_04 div.solve{width: 100%; display: flex; /*flex-wrap: wrap;*/ margin: auto auto 70px;
    background-image: url("./img/tech_018.png"); background-size:97% auto; justify-content: space-between; background-repeat: no-repeat; height: 400px; align-items: flex-start;}
    #TECHNICAL #Detail #detail_section_04 div.solve div{background: #f2f2f2; border: 1px solid #dfdfdf; border-top: 7px solid #90d051; width: calc(19% - 20px); padding: 10px 20px; }
    #TECHNICAL #Detail #detail_section_04 div.solve div h4{line-height: 120%; margin-bottom: 10px;}
    #TECHNICAL #Detail #detail_section_04 div.solve div ul{/*width: 100%;*/ font-size: 0.7em; width: fit-content; text-align: left; margin: auto auto 10px;}
    #TECHNICAL #Detail #detail_section_04 div.solve div ul li{list-style: disc;}
    #TECHNICAL #Detail #detail_section_04 div.solve div{position: relative; margin-top: 160px; /*height: 190px;*/ min-height: 190px;}
    #TECHNICAL #Detail #detail_section_04 div.solve div p{position: absolute; color: red; font-size: 1.1em; font-weight: bold; transform:rotate(-15deg); right: 10px; bottom: 15px;}
    #TECHNICAL #Detail #detail_section_04 div.solve div:nth-child(3){margin-left: 80px;}
}
@media screen and (max-width: 750px) {
    #TECHNICAL #Detail #detail_section_04 div.solve{width: 100%; display: flex; flex-wrap: wrap; margin: auto auto 70px; justify-content: center;}
    #TECHNICAL #Detail #detail_section_04 div.solve div{background: #f2f2f2; border: 1px solid #dfdfdf; border-top: 7px solid #90d051; width: calc(45% - 30px); padding: 20px; margin: 10px 5px;}
    #TECHNICAL #Detail #detail_section_04 div.solve div h4{line-height: 120%; margin-bottom: 10px;}
    
    #TECHNICAL #Detail #detail_section_04 div.solve div ul{/*width: 100%;*/ font-size: 0.7em; width: fit-content; text-align: left; margin: auto auto 20px;}
    #TECHNICAL #Detail #detail_section_04 div.solve div ul li{list-style: disc;}
    #TECHNICAL #Detail #detail_section_04 div.solve div{position: relative;}
    #TECHNICAL #Detail #detail_section_04 div.solve div p{position: absolute; color: red; font-size: 1.1em; font-weight: bold; transform:rotate(-15deg); right: 10px; bottom: 15px;}
}
@media screen and (max-width: 750px) {
    #TECHNICAL #Detail #detail_section_04 div.solve div{width: calc(80% - 30px);}
    
    
}

/* ハシバ独自の精密石膏鋳造 石膏鋳造プロセス　*/
@media screen and (min-width: 1100px) {
    #TECHNICAL #Detail #detail_section_04 div.process{width: 100%; display: flex; flex-wrap: wrap; margin: auto auto 70px; position: relative; height: 530px;}

    #TECHNICAL #Detail #detail_section_04 div.process div h4{width: 100%; height: auto; position: absolute; top:0; left: 0px; font-size: 1.6em;}

    #TECHNICAL #Detail #detail_section_04 div.process div div h5{width: 100%; font-size: 1.2em;}
    #TECHNICAL #Detail #detail_section_04 div.process div div ul{width: fit-content; text-align: left; 
        margin-left: 1em; margin-bottom: 4px; margin-top: 1em;}
    #TECHNICAL #Detail #detail_section_04 div.process div div ul li{list-style: disc; font-size: 0.8em;}
    #TECHNICAL #Detail #detail_section_04 div.process div div p.img_area{display: flex; width: 100%; justify-content: space-between;}
    #TECHNICAL #Detail #detail_section_04 div.process div div p.img_area img{width: 49%; height: auto;}

    
    
    #TECHNICAL #Detail #detail_section_04 div.process div div{width: 180px; height: 160px; border: 3px dotted #aaa; border-radius: 16px; padding: 10px 10px;}

    #TECHNICAL #Detail #detail_section_04 div.process div div:nth-child(2){position: absolute; top:190px; left: 0px; height: 50px; background: #ffffcc;}
    #TECHNICAL #Detail #detail_section_04 div.process div div:nth-child(2) p{font-size: 1em; font-weight: bold;}

    #TECHNICAL #Detail #detail_section_04 div.process div div:nth-child(4){position: absolute; top:50px; left: 230px;}
    #TECHNICAL #Detail #detail_section_04 div.process div div:nth-child(6){position: absolute; top:50px; left: 460px;}
    #TECHNICAL #Detail #detail_section_04 div.process div div:nth-child(8){position: absolute; top:50px; left: 690px;  background: #fff8e5; border-color: #67bb39;}

    #TECHNICAL #Detail #detail_section_04 div.process div div:nth-child(3){position: absolute; bottom:0; left: 110px;  background: #e7f5fe; border-color: #0305fb;}

    #TECHNICAL #Detail #detail_section_04 div.process div div:nth-child(5){position: absolute; bottom:0; left: 340px;}
    #TECHNICAL #Detail #detail_section_04 div.process div div:nth-child(7){position: absolute; bottom:0; left: 570px;}
    #TECHNICAL #Detail #detail_section_04 div.process div div:nth-child(7) img{width: 49%; height: 54px!important; object-fit: cover;}

    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow{width: 98%; height: 10px; background: #90d24d; position: relative; top:280px;}
    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow:after{content: ""; display: block; position: absolute; top:calc(50% - 15px); right: -10px; width: 0; height: 0; border-style: solid;
    border-width: 15px 0 15px 30px;
    border-color: transparent transparent transparent #93d14c;}

    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul{display: flex; margin-left: 90px; margin-top: 40px;}
    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul li{font-size: 0; position: relative;width: 70px; border-bottom: 3px dotted #333; transform:rotate(90deg); }
    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul li:before{content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; border: 6px solid #333; background: #FFF; position: absolute; left: -10px; top:-9px;}

    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul li:after{content: ""; display: block; width: 0px; height: 0px; border-radius: 50%; border: 5px solid #333; background: #333; position: absolute; left: 72px; top:-3px;}
    
    
    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul li:nth-child(1){border-bottom: 3px dotted blue;}
    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul li:nth-child(1):before{border: 6px solid blue;}
    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul li:nth-child(1):after{border: 5px solid blue;  background: blue;}
    
    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul li:nth-child(6){border-bottom: 3px dotted #90d051;}
    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul li:nth-child(6):before{border: 6px solid #90d051;}
    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul li:nth-child(6):after{border: 5px solid #90d051; background: #90d051;}

    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul li:nth-child(1){left: 10px;}
    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul li:nth-child(3){left: 180px;}
    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul li:nth-child(5){left: 340px;}

    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul li:nth-child(2),
    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul li:nth-child(4),
    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul li:nth-child(6){transform:rotate(-90deg); position: absolute; top:-30px;}
    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul li:nth-child(2){left: 220px;}
    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul li:nth-child(4){left: 460px;}
    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow ul li:nth-child(6){left: 690px;}
}
@media screen and (max-width: 1100px) {
    #TECHNICAL #Detail #detail_section_04 div.process{width: 100%; }
    #TECHNICAL #Detail #detail_section_04 div.process div h4{width: 100%;}
    
    #TECHNICAL #Detail #detail_section_04 div.process div div{width: 80%; height: auto; border: 3px dotted #aaa; border-radius: 16px; padding: 10px 10px; margin: auto auto 50px; display: flex; flex-wrap: wrap;}

    #TECHNICAL #Detail #detail_section_04 div.process div div h5{width: 100%; font-size: 1.2em;}
    #TECHNICAL #Detail #detail_section_04 div.process div div ul{width: calc(50% - 1em); text-align: left; margin-left: 1em;}
    #TECHNICAL #Detail #detail_section_04 div.process div div ul li{list-style: disc; font-size: 0.8em;}
    
    #TECHNICAL #Detail #detail_section_04 div.process div div p.img_area{display: flex; width: 50%; justify-content: space-between;}
    #TECHNICAL #Detail #detail_section_04 div.process div div p.img_area img{width: 49%; height: auto;}

    #TECHNICAL #Detail #detail_section_04 div.process div div:nth-child(2) br{display: none;}
    #TECHNICAL #Detail #detail_section_04 div.process div div:nth-child(2){background: #ffffcc; text-align: center;}
    #TECHNICAL #Detail #detail_section_04 div.process div div:nth-child(2) p{margin: auto;}
    #TECHNICAL #Detail #detail_section_04 div.process div div:nth-child(3){background: #e7f5fe; border-color: #0305fb;}
    #TECHNICAL #Detail #detail_section_04 div.process div div:nth-child(8){background: #fff8e5; border-color: #67bb39;}
    
    #TECHNICAL #Detail #detail_section_04 div.process div div:not(:last-child){position: relative;}
    #TECHNICAL #Detail #detail_section_04 div.process div div:not(:last-child):before{position: absolute; bottom:-35px; left: calc(50% - 10px); display: block; content: ""; width: 20px; height: 20px; background: #93d14c;}
    #TECHNICAL #Detail #detail_section_04 div.process div div:not(:last-child):after{position: absolute; bottom:-54px; left: calc(50% - 8px); display: block; content: ""; width: 0px; height: 0px; border-style: solid; transform: rotate(90deg);
    border-width: 16px 0 16px 16px; border-color: transparent transparent transparent #93d14c;}

    #TECHNICAL #Detail #detail_section_04 div.process div.process_flow{display: none;}
}



/* ハシバ独自の精密石膏鋳造 石膏鋳造プロセスv2 202404 add　*/
#TECHNICAL #Detail #detail_section_04 div.process_v2{}
#TECHNICAL #Detail #detail_section_04 div.process_v2{margin-bottom: 50px; position: relative; top:-80px;}
    #TECHNICAL #Detail #detail_section_04 div.process_v2 ul{display: flex; width: calc(100% - 0px); margin: auto 0px;}
    
    #TECHNICAL #Detail #detail_section_04 div.process_v2 ul.top_lst li:nth-child(1){width: 25%;}
    #TECHNICAL #Detail #detail_section_04 div.process_v2 ul.top_lst li:nth-child(2){width: 15%;}
    #TECHNICAL #Detail #detail_section_04 div.process_v2 ul.top_lst li:nth-child(n+3){width: 20%;}
    
    #TECHNICAL #Detail #detail_section_04 div.process_v2 ul.bottom_lst li:nth-child(-n+3){width: 22%;}
    #TECHNICAL #Detail #detail_section_04 div.process_v2 ul.bottom_lst li:nth-child(4){width: 22%;}
    #TECHNICAL #Detail #detail_section_04 div.process_v2 ul.bottom_lst li:nth-child(5){width: 12%;}
    
    #TECHNICAL #Detail #detail_section_04 div.process_v2 ul li{height: 180px;}
    #TECHNICAL #Detail #detail_section_04 div.process_v2 ul li p{display: flex; justify-content:space-around; font-size: 0.8em; font-weight: bold; background: #d9d9d9; height: 30px; align-items: center;}
    #TECHNICAL #Detail #detail_section_04 div.process_v2 ul.bottom_lst li p{position: relative; top:-6px;}
    #TECHNICAL #Detail #detail_section_04 div.process_v2 ul li img{width: 100%; height: 150px; object-fit: cover; margin: 0;}
    
    #TECHNICAL #Detail #detail_section_04 div.process_v2 dl{display: flex; flex-wrap: wrap; width: calc(100% - 0px); margin: auto 0px; font-weight: bold;}
    #TECHNICAL #Detail #detail_section_04 div.process_v2 dl dt{width: 100%; background: #000;}
    #TECHNICAL #Detail #detail_section_04 div.process_v2 dl dt h3{color: #FFF!important; font-size: 1.4em; padding: 10px 0;}
    #TECHNICAL #Detail #detail_section_04 div.process_v2 dl dd{display: flex; justify-content: center; align-items: center;}
    
    #TECHNICAL #Detail #detail_section_04 div.process_v2 .pc dl dd:nth-child(2),
    #TECHNICAL #Detail #detail_section_04 div.process_v2 .pc dl dd:nth-child(4){width: 120px; height: 110px; background: #1f4e79; color: #FFF;}
    #TECHNICAL #Detail #detail_section_04 div.process_v2 .pc dl dd:nth-child(3){width: calc(100% - 240px); background: #FFF; color: #222; line-height: 200%;}
    
    
    #TECHNICAL #Detail #detail_section_04 div.process_v2 .sp dl dd:nth-child(3),
    #TECHNICAL #Detail #detail_section_04 div.process_v2 .sp dl dd:nth-child(4){width: 80px; height: 80px; background: #1f4e79; color: #FFF; border-left: 5px solid #FFF; font-size: 0.8em;}
    #TECHNICAL #Detail #detail_section_04 div.process_v2 .sp dl dd:nth-child(2){width: calc(100% - 170px); background: #FFF; color: #222; line-height: 160%; font-size: 0.9em;}

    #TECHNICAL #Detail #detail_section_04 div.process_v2 .sp{background: #FFF; padding-bottom: 50px;}
    #TECHNICAL #Detail #detail_section_04 div.process_v2 .sp div{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
    
    #TECHNICAL #Detail #detail_section_04 div.process_v2 .sp div img{width: calc(70% - 10px); height: auto; margin-right: 10px;}
    #TECHNICAL #Detail #detail_section_04 div.process_v2 .sp div ul{width: 30%; display: flex; flex-wrap: wrap;}
    #TECHNICAL #Detail #detail_section_04 div.process_v2 .sp div ul li{width: 100%; height: auto; font-weight: bold; font-size: 0.96em; text-align: left; padding-top: 1em; line-height: 100%;}








/* ハシバ独自の精密石膏鋳造 対応材質　*/
#TECHNICAL #Detail #detail_section_04 div.material{width: calc(100% - 40px); display: flex; flex-wrap: wrap; justify-content:center; margin: auto 20px 30px;}
#TECHNICAL #Detail #detail_section_04 div.material dl{width: calc(80% - 40px); background: #FFF; padding: 20px; border:4px solid #797979; border-radius: 10px; text-align: left;}
#TECHNICAL #Detail #detail_section_04 div.material dl dt{font-weight: bold; font-size: 1.2em; color: red;}
#TECHNICAL #Detail #detail_section_04 div.material dl dt small{font-weight: bold;}
#TECHNICAL #Detail #detail_section_04 div.material dl dt:first-child{margin-top: 1em;}
#TECHNICAL #Detail #detail_section_04 div.material dl dd{margin-bottom: 2em; padding-left: 1em;}

#TECHNICAL #Detail #detail_section_04 div.material dl:nth-child(3) dt{color: blue;}
#TECHNICAL #Detail #detail_section_04 div.material p{width: fit-content; text-align: center; padding: 10px 20px; font-weight: bold; background: #ffffcf; border-radius: 6px; margin: 30px auto;}
@media screen and (max-width: 750px) {
    #TECHNICAL #Detail #detail_section_04 div.material dl{width: calc(80% - 40px); margin: auto auto 10px;}
}

/* ハシバ独自の精密石膏鋳造 加工条件　*/
#TECHNICAL #Detail #detail_section_04 div.conditions{width: 100%; margin: auto auto 30px;}
#TECHNICAL #Detail #detail_section_04 div.conditions dl{width: calc(50% - 40px); background: #FFF; padding: 20px; border:4px solid #70ad47; border-radius: 10px; display: flex; flex-wrap: wrap; margin: auto; text-align: left;}
#TECHNICAL #Detail #detail_section_04 div.conditions dl dt{width: 30%;}
#TECHNICAL #Detail #detail_section_04 div.conditions dl dd{width: 70%;}
@media screen and (max-width: 750px) {
    #TECHNICAL #Detail #detail_section_04 div.conditions dl{width: calc(80% - 40px);}
}

#TECHNICAL #Detail #detail_section_04 div.conditions+div{display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 50px;}
#TECHNICAL #Detail #detail_section_04 div.conditions+div dl{width: calc(50% - 40px); padding: 10px 20px; text-align: left;}
#TECHNICAL #Detail #detail_section_04 div.conditions+div dl dt{font-weight: bold;font-size: 1.3em; color: #92c912;}
#TECHNICAL #Detail #detail_section_04 div.conditions+div dl dd{display: flex; flex-wrap: wrap; margin-bottom: 10px;}
#TECHNICAL #Detail #detail_section_04 div.conditions+div dl dd p{width: 100%; font-size: 1.0em; margin-bottom: 10px;}
#TECHNICAL #Detail #detail_section_04 div.conditions+div dl dd img{width: 40%; height: auto; object-fit: cover;}

#TECHNICAL #Detail #detail_section_04 div.conditions+div dl.wide_area{width: calc(90% - 40px); padding: 10px 20px; text-align: left;}





/* 石膏鋳造の種類 精密石膏鋳造*/
#TECHNICAL #Detail #detail_section_05{padding: 70px 20px;}
#TECHNICAL #Detail #detail_section_05 h2{margin-bottom: 20px;}
#TECHNICAL #Detail #detail_section_05 div{margin-bottom: 50px;}
#TECHNICAL #Detail #detail_section_05 div h3{text-align: left;}
#TECHNICAL #Detail #detail_section_05 div h3+p{text-align: left; font-size: 1.2em; margin-bottom: 20px;}
#TECHNICAL #Detail #detail_section_05 div ul{width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 10px;}
#TECHNICAL #Detail #detail_section_05 div ul li{width: 30%; margin-right: 5%;}
#TECHNICAL #Detail #detail_section_05 div ul li:last-child{margin-right: 0;}
#TECHNICAL #Detail #detail_section_05 div ul li img{border-radius: 6px;}
#TECHNICAL #Detail #detail_section_05 div div{border: 1px solid #dadbdb; padding: 20px; background: #FFF; margin-bottom: 10px; border-radius: 6px;}
#TECHNICAL #Detail #detail_section_05 div div p{text-align: left; font-size: 1.0em;}


/* 石膏鋳造の応用*/
#TECHNICAL #Detail #detail_section_06{padding: 70px 20px;}
#TECHNICAL #Detail #detail_section_06 h2{margin-bottom: 20px;}
#TECHNICAL #Detail #detail_section_06 h3{text-align: left;}
#TECHNICAL #Detail #detail_section_06 h3+p{font-size: 1.0em; font-weight: bold; text-align: left;}

#TECHNICAL #Detail #detail_section_06 dl{display: flex; margin-bottom: 20px; align-items: center;}
#TECHNICAL #Detail #detail_section_06 dl dt{width: 430px;}
#TECHNICAL #Detail #detail_section_06 dl dt p{text-align: left;}
#TECHNICAL #Detail #detail_section_06 dl dd{width:calc(100% - 430px); text-align: left;}
#TECHNICAL #Detail #detail_section_06 dl dd img{width: 100%; height: auto; object-fit: cover; margin: auto;}

@media screen and (max-width: 750px) {
    #TECHNICAL #Detail #detail_section_06 dl dt{width: 50%;}
    #TECHNICAL #Detail #detail_section_06 dl dt p br{display: none;}
    #TECHNICAL #Detail #detail_section_06 dl dd{width: 50%;}
}


#TECHNICAL #Detail #detail_section_06 ul{margin: 40px auto 70px; position: relative; width: fit-content;}
#TECHNICAL #Detail #detail_section_06 ul li{font-size: 1.2em; font-weight: bold;}
#TECHNICAL #Detail #detail_section_06 ul li:nth-child(1),
#TECHNICAL #Detail #detail_section_06 ul li:nth-child(2){text-align: left;}

#TECHNICAL #Detail #detail_section_06 ul li:nth-child(3){width: 100px; padding: 10px; text-align: center; 
background: #ebebeb;  border-radius: 6px; position: absolute;}
#TECHNICAL #Detail #detail_section_06 ul li:nth-child(4){width: calc(100% - 270px); height: 10px; background: #90d24d; position: relative; font-size: 0; left: 130px; top:20px;}
#TECHNICAL #Detail #detail_section_06 ul li:nth-child(4):after{content: ""; display: block; position: absolute; top:calc(50% - 15px); right: -10px; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 30px;
border-color: transparent transparent transparent #93d14c;}
#TECHNICAL #Detail #detail_section_06 ul li:nth-child(5){width: 100px; padding: 10px; text-align: center; 
background: #ebebeb; border-radius: 6px; position: absolute; right: 0px; bottom:-38px;}

#TECHNICAL #Detail #detail_section_06 h3#detail_section_06_2 + p +p{text-align: left; margin-top: 30px;}
/* 要調節★ */
@media screen and (max-width: 1100px) {
    #TECHNICAL #Detail #detail_section_06 ul li:nth-child(1),
    #TECHNICAL #Detail #detail_section_06 ul li:nth-child(2){width: 100%; padding-left: 1em; text-indent: -1em;}
}
@media screen and (max-width: 891px) {
   /* #TECHNICAL #Detail #detail_section_06 ul li:nth-child(5){top:67px;}*/
}

#TECHNICAL #Detail #detail_section_06 ul + img{margin-bottom: 50px;}
#TECHNICAL #Detail #detail_section_06 ul + img + h3{margin-bottom: 10px;}
#TECHNICAL #Detail #detail_section_06 div{display: flex; margin: 10px auto;}
#TECHNICAL #Detail #detail_section_06 div img{width: 30%; margin-right: 10px;}
#TECHNICAL #Detail #detail_section_06 div p{width: calc(70% - 10px); text-align:left;}


@media screen and (min-width: 599px) {
    #TECHNICAL #Detail #detail_section_06 .before_after{display: flex; width: 100%; margin: 0 auto;}
    #TECHNICAL #Detail #detail_section_06 .before_after li{width: calc(100% / 3); height: auto;}
    #TECHNICAL #Detail #detail_section_06 .before_after li:nth-child(3) {width: calc(100% / 3); padding: 0; border-radius: 0px; position: relative; background: #fff;}

    #TECHNICAL #Detail #detail_section_06 .before_after li img{width: 100%; height: auto; margin: 0;}
    #TECHNICAL #Detail #detail_section_06 .before_after li img:nth-child(1){padding-left: 0; text-indent: 0;}
    #TECHNICAL #Detail #detail_section_06 .before_after li img:nth-child(2){position: relative; top:-10px;}


    #TECHNICAL #Detail #detail_section_06 .before_after li:nth-child(1),
    #TECHNICAL #Detail #detail_section_06 .before_after li:nth-child(2){width: calc(100% / 3);  padding-left: 0em; text-indent: -0em;}

    #TECHNICAL #Detail #detail_section_06 .before_after li{position: relative;}
    #TECHNICAL #Detail #detail_section_06 .before_after li img.before_after_arrow{position: absolute; top:calc(50% - 40px); left:calc(50% + 70px); width: 80px; height: auto; z-index: 9;}
}
@media screen and (max-width: 600px) {
    #TECHNICAL #Detail #detail_section_06 .before_after{flex-wrap: wrap; margin: auto auto 0px;}
    #TECHNICAL #Detail #detail_section_06 .before_after li{width: 100%; display: flex;}
    #TECHNICAL #Detail #detail_section_06 .before_after li img{width: 50%; }
    #TECHNICAL #Detail #detail_section_06 .before_after li:nth-child(1),
    #TECHNICAL #Detail #detail_section_06 .before_after li:nth-child(2){padding-left: 0em; text-indent: -0em;}
    #TECHNICAL #Detail #detail_section_06 .before_after li:nth-child(3) {width: 100%; padding: 0; border-radius: 0px; position: relative; background: #fff;}

    #TECHNICAL #Detail #detail_section_06 .before_after li{position: relative;}
    #TECHNICAL #Detail #detail_section_06 .before_after li img.before_after_arrow{position: absolute; top:calc(100% - 30px); left:calc(50% - 40px); width: 80px; height: auto; z-index: 9; transform:rotate(90deg); }
}


@media screen and (min-width: 599px) {
    #TECHNICAL #Detail #detail_section_06 .before_after + div{display: flex; flex-wrap: wrap; align-items: flex-start; margin: 0 auto; position: relative; top:-18px; background: #FFF;}
    #TECHNICAL #Detail #detail_section_06 .before_after + div img{width: calc(50% - 10px); height: auto; margin: 20px 10px 0 0;}
    #TECHNICAL #Detail #detail_section_06 .before_after + div img + dl{width: calc(50% - 0px); display: block; }
    #TECHNICAL #Detail #detail_section_06 .before_after + div img + dl dt{width: 100%; margin-bottom: 30px;}
    #TECHNICAL #Detail #detail_section_06 .before_after + div img + dl dt h3{width: 100%; background: #000; color: #FFF; text-align: center; font-size: 1.4em; padding: 10px 0;}
    #TECHNICAL #Detail #detail_section_06 .before_after + div img + dl dd{width: 100%;}
    #TECHNICAL #Detail #detail_section_06 .before_after + div img + dl dd p{width: 100%; font-size: 1.2em;}
    #TECHNICAL #Detail #detail_section_06 .before_after + div img + dl dd ul{margin: 20px auto 70px;}
    #TECHNICAL #Detail #detail_section_06 .before_after + div img + dl dd ul li{font-weight: normal; font-size: 1em; margin-bottom: 1em; text-indent: -1em; padding-left: 1px;}
}
@media screen and (max-width: 600px) {
    #TECHNICAL #Detail #detail_section_06 h3.sp{width: 100%; background: #000; color: #FFF; text-align: center; font-size: 1.4em; padding: 10px 0;}
    #TECHNICAL #Detail #detail_section_06 .before_after + div{display: block; background: #FFF; position: relative; top:-10px; padding: 20px 0 1px; }
    #TECHNICAL #Detail #detail_section_06 .before_after + div img{width: 80%; height: auto; margin: auto auto;}
    #TECHNICAL #Detail #detail_section_06 .before_after + div img + dl{width: 100%; display: block; }
    #TECHNICAL #Detail #detail_section_06 .before_after + div img + dl dt,
    #TECHNICAL #Detail #detail_section_06 .before_after + div img + dl dd{width: calc(100% - 40px); padding: 0 20px; display: block; }
    #TECHNICAL #Detail #detail_section_06 .before_after + div img + dl dd p{width: 100%; font-size: 1.2em; text-align: center;}
    #TECHNICAL #Detail #detail_section_06 .before_after + div img + dl dd ul li{font-weight: normal; font-size: 1em; margin-bottom: 1em; text-indent: -1em; padding-left: 1px; text-align: center;}



}


/* ハシバ独自の精密石膏鋳造 総切削　*/
#TECHNICAL #Detail #detail_section_07{padding: 70px 0 0;}
#TECHNICAL #Detail #detail_section_07 h2{margin-bottom: 20px;}
#TECHNICAL #Detail #detail_section_07 div.total_cutting{display: flex; flex-wrap: wrap; justify-content: center; margin: 20px auto 70px; align-items: flex-start;}
#TECHNICAL #Detail #detail_section_07 div.total_cutting h4{width: 100%; font-size: 1.4em; line-height: 120%; margin-bottom: 20px;}
#TECHNICAL #Detail #detail_section_07 div.total_cutting div{width: calc(50% - 20px); padding: 0 10px;}
#TECHNICAL #Detail #detail_section_07 div.total_cutting div p{width: 100%; font-size: 1.0em; margin-bottom: 10px; text-align: left;}
#TECHNICAL #Detail #detail_section_07 div.total_cutting div ul{width: calc(100% - 40px); background: #e7e6e6; border: 3px solid #2a5a06; border-radius: 10px; padding: 20px; text-align: left;}
#TECHNICAL #Detail #detail_section_07 div.total_cutting div img{width: 100%; height: auto;}

#TECHNICAL #Detail #detail_section_07 div.total_cutting div.img_area{display: flex; flex-wrap: wrap; justify-content: space-between;}
#TECHNICAL #Detail #detail_section_07 div.total_cutting div.img_area img:nth-child(1){width: 100%; height: auto; margin-bottom: 10px;}
#TECHNICAL #Detail #detail_section_07 div.total_cutting div.img_area img:nth-child(2){width: 49%; height: auto;}
#TECHNICAL #Detail #detail_section_07 div.total_cutting div.img_area img:nth-child(3){width: 49%; height: auto;}

/* ハシバ独自の精密石膏鋳造 測定・3Dデータ作成　*/
#TECHNICAL #Detail #detail_section_07 div.data_3d{display: flex; flex-wrap: wrap; justify-content: center; margin: 20px auto 70px;}
#TECHNICAL #Detail #detail_section_07 div.data_3d h4{width: 100%; font-size: 1.4em; line-height: 120%; margin-bottom: 20px;}
#TECHNICAL #Detail #detail_section_07 div.data_3d div{width: calc(50% - 20px); padding: 0 10px;}
#TECHNICAL #Detail #detail_section_07 div.data_3d div p{width: 100%; font-size: 1.0em; margin-bottom: 10px; text-align: left;}
#TECHNICAL #Detail #detail_section_07 div.data_3d div ul{width: calc(100% - 40px); background: #e7e6e6; border: 3px solid #2a5a06; border-radius: 10px; padding: 20px; text-align: left;}
#TECHNICAL #Detail #detail_section_07 div.data_3d div img{width: 100%; height: auto;}

/* ハシバ独自の精密石膏鋳造 その他エンジニアリングサービス　*/
#TECHNICAL #Detail #detail_section_07 div.engineering{display: flex; flex-wrap: wrap; justify-content: center; margin: 20px auto 50px;}
#TECHNICAL #Detail #detail_section_07 div.engineering h4{width: 100%; font-size: 1.4em; line-height: 120%; margin-bottom: 40px;}

#TECHNICAL #Detail #detail_section_07 div.engineering ul.lst1{width: calc(50% - 50px); margin: 0 auto 10px auto ; }
#TECHNICAL #Detail #detail_section_07 div.engineering ul.lst1 li{text-indent: -1em; padding-left: 1em; font-weight: bold; font-size: 1.1em; text-align: left; margin-bottom: 10px;}

#TECHNICAL #Detail #detail_section_07 div.engineering ul.lst2{width: calc(50% - 20px); margin: auto 10px;}
#TECHNICAL #Detail #detail_section_07 div.engineering ul.lst2 li{width: 100%; text-align: left; background: #ebebeb; margin-bottom: 10px;}
#TECHNICAL #Detail #detail_section_07 div.engineering ul.lst2 li{display: flex; align-items: center; }
#TECHNICAL #Detail #detail_section_07 div.engineering ul.lst2 li img{width: auto; height: 90px; }
#TECHNICAL #Detail #detail_section_07 div.engineering ul.lst2 li p{font-size: 1em; padding: 10px;}
#TECHNICAL #Detail #detail_section_07 div.engineering ul.lst2 li:nth-child(2){justify-content: flex-end;}
#TECHNICAL #Detail #detail_section_07 div.engineering ul.lst2 li:nth-child(2) p{order: 1; text-align: right;}
#TECHNICAL #Detail #detail_section_07 div.engineering ul.lst2 li:nth-child(2) img{order: 2;}

@media screen and (max-width: 750px) {
    #TECHNICAL #Detail #detail_section_07 div.engineering ul.lst1{width: 100%; margin-bottom: 10px;}
    #TECHNICAL #Detail #detail_section_07 div.engineering ul.lst2{width: 100%;}
    #TECHNICAL #Detail #detail_section_07 div.engineering ul.lst2 li{/*flex-wrap: wrap;*/}
    #TECHNICAL #Detail #detail_section_07 div.engineering ul.lst2 li:nth-child(2){justify-content:flex-start;}
    #TECHNICAL #Detail #detail_section_07 div.engineering ul.lst2 li:nth-child(2) p{order: 2; text-align: left;}
    #TECHNICAL #Detail #detail_section_07 div.engineering ul.lst2 li:nth-child(2) img{order: 1;}
    
}

/* add */
#TECHNICAL #Detail #detail_section_07 div.total_cutting{display: flex; flex-wrap: wrap; justify-content: center; margin: 20px auto 70px; align-items: flex-start;}

@media screen and (max-width: 600px) {
    #TECHNICAL #Detail #detail_section_03 .case_studies_3 div{width: 48%;}
    
    #TECHNICAL #Detail #detail_section_04 div.conditions+div dl{width: calc(90% - 40px); padding: 10px 20px; text-align: left;}
}

@media screen and (max-width: 700px) {
    #TECHNICAL #Detail #detail_section_07 div.total_cutting div{width: 100%; order: 2;}
    #TECHNICAL #Detail #detail_section_07 div.total_cutting div.img_area{width: 60%; margin-bottom: 20px; order: 1;}
    
    #TECHNICAL #Detail #detail_section_07 div.data_3d div{width: 100%; order: 2;}
    #TECHNICAL #Detail #detail_section_07 div.data_3d div + div{width: 60%; margin-bottom: 20px; order: 1;}
    
}




.img_w100{width: 100%!important; height: auto;}
.c_blue{color: blue;}
.c_red{color: red;}
.c_rgreen{color: #90d051;}
/*
a.anchor{
    display: block;
    padding-top: 200px;
    margin-top: -200px;
}
@media (max-width: 600px) {
    a.anchor{
        display: block;
        padding-top: 50px;
        margin-top: -50px;
    }
}*/
.anchor{padding-top: 60px; margin-top:-60px; display: block;}


@media screen and (max-width: 600px) {
    footer div h2{width: 100%;}
    footer div h2 br.sp{display: none;}
    
    footer div h2 + p{width: 100%; margin-left: 0;}
    footer div h2 + p a br.sp{display: none;}
}