@charset "utf-8";

.container{color: #414a4f;max-width: 1026px;margin: 0 auto;font-size: 100%;line-height: 1.5;margin-top: 30px;padding-right: 13px;padding-left: 13px;}
.header{background-color: #fff;margin-bottom:26px;}
h1,h2,h3,h4,h5,h6 {font-size: inherit;line-height: inherit;font-weight: inherit;margin: 0;}
.header h1{font-size: 0;display: block;}
.header h1 img{max-width:100%;height:auto;}
.slide img{width: 100%;}
.content_title {padding-top:48px;}
.content_title .page_title{position: relative;text-align: center;font-size: 0;}
.content_title .page_title::before {position: absolute;top: 32px;left: 0;display: block;width: 100%;height: 1px;background-color: #cfcfcf;content: '';}
.content_title .page_title img {background-color: #ededed;display: inline-block;position: relative;max-width: 171px;}
.navi_ttl {text-align: center;}
.navi{margin-top: 32px;	display: flex;font-weight: bold;font-size: 0.9375em;flex-wrap: wrap;border-top:1px solid #dadada;}
.navi a:hover{background-color: #ff0000;color:#fff;}
.navi a{text-decoration: none;color:#414a4f;display: flex;justify-content: center;align-items: center;height: 100px;width: 166px;} 
.navi01{width:16.8%;height:100px;display: flex;align-items: center;justify-content: center;border-right: 1px solid #dadada;border-left:1px solid #dadada;}
.navi02,.navi03,.navi04,.navi05,.navi06{width:16.6%;height:100px;display: flex;align-items: center;justify-content: center;border-right:1px solid #dadada;}
.navi03,.navi05 {width: 16.7%;}
.nav_current{background-color: #ededed;border-right:1px solid #ededed;border-left:1px solid #ededed;}
.nav_current p{color:#ff0000;} 
.contents01{background-color: #ededed;}
.product_navi{display: flex;margin-top: 20px;justify-content: center;padding: 0 20px;}
.product_navi01{font-size: 0;margin-right:1px;}
.product_navi01:hover{opacity: 0.5;}
.product_navi01 img{width:100%;}
.product_zu{text-align:center;font-size: 0;}
.product_zu img{max-width: 100%;width: auto;}
/* product */
.swiper-slide {background-color: black;text-align: center;font-size: 0;}
.swiper-slide img{width: auto;max-width: 100%;}
.swiper-button-next:hover {opacity: 0.5;}
.swiper-button-prev:hover {opacity: 0.5;}
.contents02{background-color: #ededed;margin-top: 20px;}
.container.product{margin-bottom: 80px;}
.sub_navi{display: flex;}
.sub_navi_t{font-size: 1.5em;display: flex;align-items: center;justify-content: center;width: 300px;background-color: #ff0000;color:#fff;text-align: center;}
.sub_navi01{line-height: 20px;padding: 30px;color: #FF0000;font-size: 0.93em;}
.sub_navi01 a.current{color: #FF0000!important;}
.sub_navi01 a:first-child {margin-bottom: 10px;display: inline-block;}
.sub_navi01 a:link {color: #414A4F;text-decoration: none;font-weight: normal;display: inline-block;}
.sub_navi01 a{margin-right: 20px;}
.sub_navi01 a:visited {color: #414A4F;text-decoration: none;font-weight: normal;}
.sub_navi01 a:hover{color: #FF0000;text-decoration: none;}
.con{line-height: 20px;padding: 30px 50px;border-top: 1px solid #CCCCCC;}
.content_item{display: flex;}
.top_b_text{line-height: 36px;color: #FF0000;font-size: 1.25em;margin-bottom: 8px;width: 100%;}
.top_b_text.mb_16{margin-bottom: 16px;}
.con_1{max-width: 250px;line-height: 0;}
.con_1 img{width: 250px;}
.con_2{line-height: 1.75;padding-left: 30px;}
.con_3{line-height: 1.75;}
.con_4{float: left;line-height: 28px;width: 100%;font-size: 80%;}
.product_text {text-align: center;font-weight: bold;color: #FF0000; margin-bottom: 30px;padding: 0 40px;}
.content_title {margin-bottom:20px;}
/* pagetop */
.pagetop {visibility: visible;opacity: 1; position: fixed;z-index: 999;right: 24px;bottom: 24px;cursor: pointer;-webkit-transition: opacity 0.3s, visibility 0.3s, background 0.3s;transition: opacity 0.3s, visibility 0.3s, background 0.3s;background: #c00;font-size: 0;}
.pagetop-container {position: relative;}
.pagetop.is-absoluted {position: absolute;bottom: 0;}
.pagetop img {width: 50px;-webkit-transition: all 0.3s;transition: all 0.3s;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);}
.pagetop.is-hidden {visibility: hidden;opacity: 0;}
.pagetop:hover img {-ms-transform: translateY(-4px);transform: translateY(-4px);}
@media only screen and (max-width: 767px){
.pagetop {right: 13px;}
.pagetop img {width: 37px;}}
/* system */
.system{margin-bottom:80px;}
.system .navi01 {border-right:none;}
.system_zu {text-align: center;padding: 0 40px 53px;}
.system_zu img {max-width: 100%;width: auto;}
.system .content_title .page_title img {background-color: #ededed;display: inline-block;position: relative;max-width: 564px;}
.system_text{text-align: center;font-weight: bold;color:#414a4f;margin-bottom:30px;padding:0 40px;}
.system_zu_sp {display: none;}
.contents01.system {margin-bottom:80px;}
.system .content_title {margin-bottom:34px;}
/* safety */
.sub_navi_t {padding: 0 10px;}
.safety .content_title{margin-bottom:34px;}
.safety .content_title .page_title img {max-width: 388px;}
.red_navi01{padding: 0 5px;width:17.9%;background-color: #FF0000;height:50px;display: flex;align-items: center;justify-content: center;}
.red_navi01:not(:last-child){margin-right:1px;}
.red_navi01 a{text-decoration: none;font-size: 0.875em;font-weight: bold;color:#fff;height: 50px;width: 100%;display: flex;align-items: center;justify-content: center;}
.red_navi {display: flex;justify-content: center;margin-bottom:50px;}
.red_navi01:hover{opacity: 0.5;}
.safety_text {padding: 0 50px; margin-bottom:40px;color:#414a4f;}
.safety_title{margin-bottom:40px;font-size:1.25em;}
.safety_lead p {position: relative;padding-left: 16px;}
.safety_lead p > span {	position: absolute;top:0px;left:0px;}
.safety_zu {padding-bottom: 50px;font-size: 0;text-align: center;}
.safety_zu img {max-width: 100%;width: auto;}
.safety_item {line-height: 1.75;}
.safety_box {display: flex;justify-content: center;}
.safety .top_b_text:not(:first-child){margin-top:28px;}
.safety_img p {font-size:0.75em;}
.safety_box.safety_box01 .safety_img:not(:last-child){margin-right:80px;}
.safety_box.safety_box01 .safety_img:first-child{margin-right: 72px;}
.safety_box01 .safety_img img{max-width: 100px;width:auto;}
.safety_img{text-align: center;margin-right: 1px;}
.safety_img img{max-width: 100%;width: auto;}
.container.safety {margin-bottom:80px;}
.safety .nav_current {border-right: 1px solid #ededed;}
.safety .navi02 {border-right: 1px solid #ededed;}
.safety_lead {line-height: 1.75;}
.safety_lead{line-height: 1.75;}
.safety_lead{margin-bottom:20px;}
.sp_only{display: none;}
.mr_106 {margin-right:106px;}
/* experience */
.experience .content_title .page_title img {max-width: 319px;}
.experience .content_title {margin-bottom: 34px;}
.experience_item {padding: 0 50px;color: #414a4f;margin-bottom:36px;}
.experience_text{ padding: 0 50px;color: #414a4f;}
.experience_title {margin-bottom: 40px;font-size: 1.25em;}
.experience_img {text-align: center;}
.experience_img img {max-width: 440px;width: auto;}
.experience_img p {margin-top:6px;}
.experience_zu {padding: 0 50px;color: #414a4f;margin-bottom: 80px;}
.experience_zu .experience_zu_text {margin-bottom:36px;line-height: 1.75;}
.experience_zu_img {text-align: center;display: block;font-size:0;padding-bottom: 50px;}
.experience_zu_img img {max-width: 100%;width: auto;}
.experience_lead p {line-height: 1.75;}
.experience_item p {line-height: 1.75;margin-bottom:28px;}
.experience .navi03 {border-right: 1px solid #ededed;}
/* basic */
@media only screen and (min-width: 768px){
.basic .sub_navi01 a:link:nth-of-type(2){margin-bottom: 6px;}
.basic .sub_navi01 a:link:nth-of-type(3){margin-bottom: 6px;}
}
.basic .con.basic_con04 {padding-bottom: 0px;}
.basic .con {padding-bottom: 40px;}
.basic .red_navi01 a {height: 68px;}
.basic .content_title {margin-bottom: 34px;}
.basic .content_title .page_title img {max-width: 388px;}
.basic .red_navi {padding-bottom:30px;}
.basic .red_navi01 {height: 68px;}
.basic_item {line-height: 1.75;margin-bottom: 16px;}
.basic_img {text-align: center;font-size: 0;line-height: 0;}
.basic_img img {max-width: 100%;width: auto;}
.basic .navi04 {border-right: 1px solid #ededed;}
.basic .sub_navi01 {flex:1;}
.basic .sub_navi01 {padding: 20px;}
.container.basic {margin-bottom:80px;}
/* links */
.links .content_title .page_title img {max-width: 158px;}
.link_wrap {display: flex;flex-wrap: wrap;}
.link_t_s {color: #414a4f;font-size:0.875em;padding:0 5px;}
.link_box {margin-bottom:40px;width: 25%;}
.link_box a:hover{background-color: #FF0000;color:#fff;text-decoration: none;}
.links .navi05 {border-right: 1px solid #ededed;}
.link_box a {color: #414a4f;font-size:1.125em;padding: 0 5px;}
.container.links {margin-bottom: 80px;}
.links .con {border:none;}
@media only screen and (min-width: 768px){
.link_1{order:1}.link_2{order:2}.link_3{order:3}.link_4{order:4}.link_5{order:5}.link_6{order:6}.link_7{order:7}.link_8{order:8}
.link_9{order:9}.link_10{order:10}.link_11{order:11}.link_12{order:12}.link_13{order:13}.link_14{order:14}.link_15{order:15}
}
@media only screen and (max-width: 767px){
/* product */
.sub_navi01 a:first-child {margin-bottom: 6px;}
.header h1 img{max-width:260px;}
.navi a {height: 60px;width: 100%;}
.content_title .page_title img {max-width: 110px;}
.content_title .page_title::before {top: 20px;}
.pc_only {display: none;}
.header figure {max-width:262px;}
.header figure img{width:100%;height: auto;}
.navi {font-size: 0.866666em;margin-bottom: 20px;border-bottom: 1px solid #dadada;}
.navi01 {width:50%;height: 60px;border-bottom: 1px solid #dadada;border-left: 1px solid #dadada;border-right: 1px solid #dadada;}
.navi02, .navi03, .navi04, .navi05, .navi06 {width:50%;height: 60px;border-left: 1px solid #dadada;}
.navi02, .navi03,.navi04{border-bottom: 1px solid #dadada;}
.navi02, .navi04,.navi06{border-left:none;}
.container.product {margin-bottom: 60px;}
.product_text {margin-bottom: 20px;padding: 0 20px;font-size: 0.875em;text-align: left;}
.product_zu img {padding: 0 20px;}
.content_title {margin-bottom: 16px;}
.sub_navi {display: block;}
.sub_navi_t {font-size: 1.0625em;width: 100%;height: 46px;}
.sub_navi01 {height: auto;line-height: 20px;padding: 20px;font-size: 0.75em;}
.content_item {display: block;}
.con {line-height: 20px;padding: 20px;}
.top_b_text {line-height: 1.46;font-size: 1em;}
.con_1 {max-width: 152px;margin: 0 auto 20px;}
.con_1.w_115{width: 115px;}
.con_1.w_125{max-width: 125px;}
.con_1.w_196{max-width: 196px;}
.con_1 img {width: 100%;}
.con_2 {line-height: 1.5;padding-left: 0;font-size: 0.875em;}
.con_3 {line-height: 1.5;font-size: 0.875em;}
.content_title {padding-top: 40px;}
/* system */
.system{margin-bottom:60px;}
.system .nav_current {border-right: 1px solid #dadada;}
.system .navi01{border-right: 1px solid #dadada;}
.contents01.system {margin-bottom:60px;}
.system .content_title .page_title:first-child{display: none;}
.system .content_title .page_title::before:first-child{content: none;}
.system_zu_sp {display: block;}
.system .content_title .system_zu_sp img{max-width: 215px;}
.system .content_title .system_zu_sp:nth-child(3) img {max-width: 298px;width: 100%;}
.system .content_title .system_zu_sp:nth-child(3)::before {content:none;}
.system .content_title {margin-bottom: 16px;}
.system_text {margin-bottom: 20px;padding: 0 20px;font-size: 0.875em;text-align: left;}
.system_zu img {width: 100%;}
.system_zu {padding: 0 20px 24px;}
/* safety */
.container.safety {margin-bottom:60px;}
.red_navi {display: block;margin-bottom: 40px;padding: 0 20px;}
.red_navi01 {width: 100%;height: 32px;}
.red_navi01:not(:last-child){margin-bottom:1px;}
.red_navi01 a {font-size:0.9em;}
.safety_text {padding: 0 20px;margin-bottom: 20px;}
.safety_title {margin-bottom: 24px;font-size:1em;}
.safety_lead p{font-size:0.875em;}
.sp_only{display: block;}
.safety_zu {padding: 0 20px;padding-bottom: 24px;}
.safety_box {flex-wrap: wrap;}
.safety_box.safety_box02 .safety_img:last-child{margin-top:20px;}
.safety_box.safety_box02 .safety_img {width: 31.11vw;}
.safety_box.safety_box03 .safety_img:first-child{width: 100%;margin: 0 auto 20px;}
.safety_box.safety_box03 .safety_img:first-child img {max-width: 135px;}
.safety_box.safety_box03 .safety_img:not(:first-child){width: 31.11vw;}
.safety .content_title .page_title img {max-width: 250px;}
.mr_106 {margin-right: 13.82vw;}
.safety_box.safety_box04 {flex-wrap: nowrap;}
.safety_box.safety_box01{flex-wrap: nowrap;}
.safety_box.safety_box01 .safety_img:not(:last-child){margin-right:10.43vw;}
.safety_box.safety_box01 .safety_img:first-child{margin-right: 9.38vw;}
.safety .nav_current {border-right: 1px solid #dadada;}
.safety .navi02 {border-right: 1px solid #dadada;}
.safety_item {font-size: 0.875em;}
.safety_box.safety_box01 .safety_img img{width: 13.03vw;}
/* experience */
.experience .content_title .page_title img {max-width: 207px;}
.experience_item  {padding: 0 20px;font-size:0.875em;margin-bottom: 14px;}
.experience_item p {line-height: 1.5;margin-bottom:24px;}
.experience_img {margin:0 auto;}
.experience_text {margin-bottom:0;padding: 0 20px;}
.experience_zu .experience_zu_text {margin-bottom: 20px;line-height: 1.5;font-size:0.875em;}
.experience_lead p {line-height: 1.5;font-size:0.875em;}
.experience_zu_img {padding-bottom:28px;}
.experience_zu {padding: 0 20px;}
.experience .navi03 {border-right: 1px solid #dadada;}
.experience .nav_current {border-right: 1px solid #dadada;}
.experience_img img{max-width: 100%;width: auto;}
.experience_title {font-size: 1em;margin-bottom: 20px;}
.experience .content_title {margin-bottom: 20px;}
/* basic */
.basic .content_title .page_title img {max-width: 253px;}
.basic_img img {width: 100%;}
.basic .red_navi01 {height: 32px;}
.basic .navi04 {border-right: 1px solid #dadada;}
.basic .nav_current {background-color: #ededed;border-right: 1px solid #dadada;}
.basic_item {line-height: 1.5;font-size: 0.875em;}
.container.basic {margin-bottom: 60px;}
/* links */
.links .content_title .page_title img {max-width: 99px;}
.links .navi05 {border-right: 1px solid #dadada;}
.links .nav_current {border-right: 1px solid #dadada;}
.link_box {margin-bottom: 40px;width: 50%;}
.link_box a {font-size: 0.9375em;}
.link_t_s {font-size: 0.75em;}
.container.links{margin-bottom: 60px;}
}



