@charset "UTF-8";
body{position: relative;}
.c-content{overflow:hidden;font-family:YakuHanJP,'Noto Sans JP',sans-serif}
.container-fluid { padding-bottom:0; }
.c-content img { max-width:100%;height:auto;vertical-align:bottom; }
.main_visual{background-color: #a1b7cd;}
.main_visual_bg {background: url(/fa/topics/2023/07_laser/assets/img/img_main_bg.jpg) no-repeat top center;max-width: 1440px;margin: 0 auto;background-size: cover;}
.main_inner{padding: 15px 2.5% 3.334%;}
.main_heading_wrap{display: flex;justify-content: space-between;}
.main_heading{width: 44.5%;padding-top: 4.65%;padding-left: 11%;}
.main_image{width: 56%;}
.link_list{display: flex;position: relative;}
.link_wrap{width: 88%;max-width: 1200px;margin-top:-13.5%;margin-right: auto;margin-left: auto;}
.link_list:nth-of-type(1){width: 76%;margin-top:9.9%;}
.link_list:nth-of-type(1) li{width: 50%;}
.link_list:nth-of-type(1) li:nth-child(1){left: -0.6%;margin-top: -2.1%;}
.link_list:nth-of-type(1) li:nth-child(2){left: -7.2%;margin-top: 1%;}
.link_list:nth-of-type(1) li:nth-child(3){margin-top: 4.3%;left: -13.8%;}
.link_list:nth-of-type(2){width: 50.5%;margin-left: 49.5%;margin-top: -33%;}
.link_list li {position: relative;}
.link_list:nth-of-type(2) li:nth-child(1){margin-top: -1.7%;left: 11%;}
.link_list:nth-of-type(2) li:nth-child(2){left: 1%;margin-top: 3.3%;}
.link_list:nth-of-type(2) li{width: 50%}
.link_list li a img{ display: inline-block;transition: .3s;}
.link_list li a {display: block;}
.link_list li a img:hover{transform: scale(1.1);z-index: 2;position: relative;}
.main_text_wrap{display: flex;justify-content: center;align-items: flex-end;width: 100%;margin-top: 5.606%;}
.main_text{font-size: 300%;color: #fff;font-weight: bold;top: -11px;position: relative;}
.inner_area{max-width: 1130px;margin: 0 auto;padding: 6% 0 9.1%;}
.sub_heading{font-size: 342.88%;}
.sub_heading em{font-size: 138%;color: #E60012;}
.sub_lead_text{font-size: 258%;}
.product_image{margin-top: 25px;margin-bottom: 26px;}
.product_image.bg_wrap{background: #d8dde3;padding: 3.01% 3.72%;margin-top: 28px;}
.image_wrap{display: flex;margin-top: 30px;}
.image_title{font-size: 186%;}
.caption{text-align: center;font-size: 186%;margin-top: 12px;position: relative;left: 26px;}
.image_wrap .col:nth-child(1){width: 42%;position: relative;}
.image_wrap .col:nth-child(2){position: relative;width: 43.23%;margin-left: 13.3%;}
.image_wrap .col .image_after{position: relative;}
.image_wrap .col .image_after:before{content: "";content: "";position: absolute;left: -26.4%;background: url(/fa/topics/2023/07_laser/assets/img/arw_right.jpg)no-repeat center center;width: 102px;height: 93px;top: 30%;}
.text{font-size: 186%;line-height: 1.65em;}
.download_btn_area{text-align: center;margin-top: 55px;}
.upgrade_technology_area, .operators_area, .gxf_series_area{background-color: #d8dde3;}
.series_inner{text-align: center;padding: 3.85% 0 4.1%;}
.series_title{font-size: 543%;letter-spacing: 5px;}
.series_lead_text{font-size: 286%;font-weight: bold;}
.gxf_series_area .product_image{margin-top: 10px;}
.gxf_series_area .product_image img{position: relative;left: 16px;}
.gxf_series_area .text{position: relative;margin-top: -92px;}
.gxf_series_area .product_image{background: linear-gradient( to bottom, #d8dde3 36%, #ebeff2 36% 48%, #d8dde3 70% 73%);}
.case_study_area{text-align: center;padding: 5% 0 4%;}
.case_border{max-width: 460px;margin: 0 auto;font-size: 415%;font-weight: bold;border: 2px solid #009149;box-sizing: border-box;min-height: 113px;display: flex;align-items: center;justify-content: center;position: relative;}
.case_border:after {content: "";position: absolute;left: 50%;bottom: -31px;background: url(/fa/topics/2023/07_laser/assets/img/arw_dwn.png)no-repeat center center;background-size: 22px 31px;width: 22px;height: 31px;transform: translateX(-50%);}
.sol_text{font-size: 286%;font-weight: bold;margin-top: 30px;}
.sol_text + .download_btn_area{margin-top: 15px;}
.download_btn_area a{transition: all .25s ease-out;}
.download_btn_area a:hover{opacity: .7;}

.follow_btn img{width:100%;max-width: 200px;box-shadow: 2px 2px 4px rgba(0,0,0,0.4);}
.follow_btn {position: fixed;right: 64px;z-index: 2;-webkit-transition: opacity .3s,visibility .3s;-o-transition: opacity .3s,visibility .3s;transition: opacity .3s,visibility .3s;visibility: visible;opacity: 1;bottom: 16px;}
.follow_btn.is_hide {visibility: hidden;opacity: 0;}
.follow_btn_wrap{position: relative;display: block;}
.follow_btn_wrap:before {content: "";position: absolute;width: 100%;height: 200px;background-color:#fff;display: block;top: 0;-webkit-transition: opacity .25s ease-out;-o-transition: opacity .25s ease-out;transition: opacity .25s ease-out;opacity: 0.01;}
.follow_btn_wrap:hover::before{opacity: .3;}
.close_btn span {display: none;}
.close_btn::after {content: "×";color: #FFF;background-color: rgba(32,32,32,0.8);display: block;width: 32px;height: 32px;border-radius: 16px;position: absolute;top: 8px;right: 8px;text-align: center;font-size: 20px;font-weight: bold;line-height: 32px;cursor: pointer;transition: all 0.2s;}
.close_btn:hover::after {color: #000;background-color: rgba(222,222,222,0.8);}
@media only screen and (min-width:768px) and (max-width:1300px){
.c-content { font-size:1.138vw; }
.main_logo{width: 40%;}
.image_wrap .col .image_after:before {content: "";position: absolute;background: url(/fa/topics/2023/07_laser/assets/img/arw_right.jpg)no-repeat center center;width: 75px;height: 73px;top: 25%;background-size: 75px 73px;}
}

@media (min-width:768px) {
.sp_only { display:none !important; }
}

@media only screen and (max-width:767px){
.container-fluid { padding-bottom:0; }
.pc_only { display:none !important; }
.main_inner {padding: 20px 15px 12px;}
.main_visual_bg {background: url(/fa/topics/2023/07_laser/assets/img/img_main_bg_sp.jpg) no-repeat top center;background-size: cover;padding-bottom: 0;}
.main_text{font-size: 100%;top: 0;margin-right: 2%;margin-bottom: 0.6%;}
.main_logo{width: 40%;}
.main_image{width: 57%;margin-right: -15px;}
.main_heading_wrap{align-items: center;}
.main_heading {width: 67.5%;padding-top: 0;padding-left: 0;}
.link_wrap{width: 94%;max-width: 100%;margin-top:4%;}
.link_list:nth-of-type(1){width: 100%;margin-top:0;}
.link_list:nth-of-type(1) li{width: 33.33%;}
.link_list:nth-of-type(1) li:nth-child(1){left: -1.5%;margin-top: -2.1%;}
.link_list:nth-of-type(1) li:nth-child(2){left: -2.6%;margin-top: 1.8%;}
.link_list:nth-of-type(1) li:nth-child(3){margin-top: 5.5%;left: -3.7%;}
.link_list:nth-of-type(2){width: 100%;margin-left: 0;margin-top: 0;}
.link_list:nth-of-type(2) li:nth-child(1){margin-top: -16%;left: 7.1%;}
.link_list:nth-of-type(2) li:nth-child(2){left: -10.6%;margin-top: -12.2%;}
.link_list:nth-of-type(2) li{width: 50%}
.link_list li a img:hover{transform: none;}
.link_list:nth-of-type(1) li a{width: 120%;}
.link_list:nth-of-type(2) li a{width: 80%;}
.main_text_wrap{margin-top: 0;}
.sub_heading {font-size: 171.5%;}
.sub_heading em {letter-spacing: -3px;}
.sub_lead_text {font-size: 128.6%;}
.text {font-size: 100%;}
.series_title {font-size: 193%;letter-spacing:  0.08em;}
.series_lead_text {font-size: 100%;}
.case_border {max-width: 174px;font-size: 157.5%;min-height: 44px;}
.case_border:after {bottom: -24px;background-size: 16px 17px;}
.sol_text {font-size: 135.8%;margin-top: 14px;}
.inner_area {padding: 24px 0 30px;}
.product_image {margin-top: 16px;margin-bottom: 16px;}
.product_image.bg_wrap {background: #d8dde3;padding: 10px 10px;margin-top: 11px;margin-bottom: 14px;}
.image_title {font-size: 78.6%;}
.image_wrap {margin-top: 7px;}
.caption {font-size: 71.6%;margin-top: 0;left: 0;}
.image_wrap .col .image_after:before {left: -38px;width: 33px;height: 30px;top: 30%;background-size: 33px 30px;}
.download_btn_area {margin-top: 25px;}
#labor_saving .inner_area{padding-bottom: 40px;}
#labor_saving .download_btn_area {margin-top: 18px;}
.series_inner {text-align: center;padding: 28px 0 32px;}
.gxf_series_area .product_image img {position: relative;left: 0;max-width: 300px;}
.gxf_series_area .text {position: relative;margin-top: -25px;}
.sol_text + .download_btn_area {margin-top: 11px;}
.case_study_area {text-align: center;padding: 40px 0 30px;}

.follow_btn_wrap:before {height: 100%;}
.follow_btn img{max-width: 160px;}
.follow_btn{right: 8px;bottom: 65px;}
}

@media only screen and (max-width:320px){
.gxf_series_area .product_image img {max-width: 305px;}
.image_wrap .col .image_after:before {width: 33px;height: 30px;top: 30%;background-size: 30px 25px;}
.main_text {font-size: 90%;}
.main_logo {width: 35%;}
}