@charset "utf-8";
body{
background-image:url(/common/upload/files/company/back3.png);
}
#wcfront_parts-2-16 .wcfront_buttons{
justify-content: space-between;
}
#wcfront_parts-2-17{
margin-bottom:50px;
}
#wcfront_parts-2-17 .unit_link{
background-color:#ffffff;
border-radius: 10px;
position: relative;
}
#wcfront_parts-2-17 .unit_link a{
display: flex;
align-items: center;
padding:15px 30px;
text-decoration: none;
border:2px solid #009EDC;
border-radius: 10px;
}
#wcfront_parts-2-17 .unit_link a img{
width:50%;
}
#wcfront_parts-2-17 .unit_link::after{
position: absolute;
content:"";
right: 20px;
top: 50%;
transform: translateY(-50%);
background-image: url(/common/upload/files/icon/arrow-r2.png);
background-size: 20px 20px;
width: 20px;
height: 20px;
}
#wcfront_parts-2-17 .unit_link p{
margin-left: 20px;
}
#wcfront_parts-2-20 .wcfront_parts--wrap,#wcfront_parts-2-19   .wcfront_table,#wcfront_parts-2-21  .wcfront_parts--wrap,
#wcfront_parts-2-22 .wcfront_hl,
#wcfront_parts-2-24 .custom_html,
#wcfront_parts-2-25 .wcfront_parts--wrap,
#wcfront_parts-2-26 .wcfront_parts--wrap,
#wcfront_parts-2-29 .wcfront_parts--wrap,
#wcfront_parts-2-27 .wcfront_parts--wrap,
#wcfront_parts-2-30  .wcfront_parts--wrap,
#wcfront_parts-2-32  .wcfront_parts--wrap{
background-color: #FFFFFF;
}
#wcfront_parts-2-26 .wcfront_parts--wrap,
#wcfront_parts-2-27 .wcfront_parts--wrap{
padding: 20px 60px 50px 60px;
margin-bottom:50px;
}
#wcfront_parts-2-32  .wcfront_parts--wrap{   
padding: 20px 60px 50px 60px;
margin-bottom: 110px;}
#wcfront_parts-2-20,
#wcfront_parts-2-22,
#wcfront_parts-2-29,
#wcfront_parts-2-30{
scroll-margin-top: 80px;
}
#wcfront_parts-2-19   .wcfront_table{
padding: 0 60px 30px 60px;
}
#wcfront_parts-2-19.parts--table._table2 table tbody tr > *{
border: none;
}
#wcfront_parts-2-19 th{
background:#F0F3F7;
color:#2C2C2C;
border-bottom:#DDDDDD 1px solid !important;
}
#wcfront_parts-2-19 td{
border-bottom:#DDDDDD 1px solid !important;
}
#wcfront_parts-2-21 .wcfront_image-text-h > .parts--unit{
background-color:#FAFAFA; 
margin: 0 20px;
padding: 15px 5px;
flex:auto;
min-height: 100px;
}
#wcfront_parts-2-21 .wcfront_image-text-h{
align-items: stretch ;
height: 100%;
padding-bottom: 40px;
margin-bottom: 50px;
}
#wcfront_parts-2-21 .wcfront_image-text-h .parts--image{
width:20% ;
}
#wcfront_parts-2-21 .parts--text_wrap{
padding-left:0;
}
.wcfront_image-text-h .parts--image img{
padding: 0 20px;
}
#wcfront_parts-2-24 p{
text-align: center;
font-size: 1.8rem;
z-index:1;
position: relative;
}
#wcfront_parts-2-25 .parts--image img{
width: 80%;
max-width: 800px;
margin-top: -20px;
}
#wcfront_parts-2-26 .list_detail{
display: flex;
align-items: center;
margin: 10px 0;
padding: 30px 40px;
background-color: #FAFAFA;
}
#wcfront_parts-2-26 .unit_title{
min-width: 170px;
font-size: 1.4rem;
}
#wcfront_parts-2-26 .unit_text p{
font-size:0.95rem;
}
#wcfront_parts-2-26 .unit_text span{
background-color: #ffffff;
border-radius: 50px;
padding: 10px 10px;
margin: 10px 15px;
width: 270px;
text-align: center;
display: inline-block;
}
#wcfront_parts-2-26.parts--html ul > li{
padding-left:0;
font-size:0.95rem;
}
#wcfront_parts-2-26.parts--html ul > li:before{
content:"";
}
#wcfront_parts-2-27 dl{
display:flex;
align-items: flex-start;
padding:10px 0;
}
#wcfront_parts-2-27 dl dt{
color:#81B589;
padding-right:30px;
margin-right:20px;
position: relative;
width: 130px;
min-width:130px;
}
#wcfront_parts-2-27 dl dt::after{
content:"";
background-color:#D3DEEB;
position: absolute;
right: 4px;
top: 15px;
width: 2px;
height: 100px;
background-size: 10px 10px;
}
#wcfront_parts-2-27 dl dt::before{
content:"";
background-color:#81B589;
position: absolute;
right: 0;
top: 50%;
width: 10px;
height: 10px;
background-size: 10px 10px;
transform: translateY(-50%);
border-radius: 50px;
z-index:1;
}
#wcfront_parts-2-27 dl dt.v2::after{
background-color:#ffffff;
}
#wcfront_parts-2-32 .wcfront_parts--wrap{
z-index: 1;
}
@media(max-width:1200px){
#wcfront_parts-2-20 .wcfront_parts--wrap, #wcfront_parts-2-19 .wcfront_table, #wcfront_parts-2-21 .wcfront_parts--wrap, #wcfront_parts-2-22 .wcfront_hl, #wcfront_parts-2-24 .custom_html, #wcfront_parts-2-25 .wcfront_parts--wrap, #wcfront_parts-2-26 .wcfront_parts--wrap, #wcfront_parts-2-29 .wcfront_parts--wrap, #wcfront_parts-2-27 .wcfront_parts--wrap, #wcfront_parts-2-30 .wcfront_parts--wrap, #wcfront_parts-2-32 .wcfront_parts--wrap{
margin-left: 30px;
margin-right: 30px;
}
}
@media(max-width:1142px){
#wcfront_parts-2-16 .wcfront_buttons{
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
#wcfront_parts-2-16 .parts--unit{
width:40%;
}
#wcfront_parts-2-16 .parts--button a{
width: 100%;
min-width:180px;
}
}
@media(max-width:767px){
#wcfront_parts-2-26 .wcfront_parts--wrap,
#wcfront_parts-2-27 .wcfront_parts--wrap,
#wcfront_parts-2-32  .wcfront_parts--wrap{
padding: 20px 20px 50px 20px;
}
#wcfront_parts-2-19   .wcfront_table{
padding: 0 20px 30px 20px;
}
#wcfront_parts-2-16 .parts--unit{
width:50%;
}
#wcfront_parts-2-21 .wcfront_image-text-h > .parts--unit{
flex-wrap:nowrap;
margin-bottom: 20px;
}
#wcfront_parts-2-21 .wcfront_image-text-h{
flex-direction: column;
}
.wcfront_image-text-h .parts--image{
margin-bottom:0;
width:30% !important;
}
#wcfront_parts-2-24 p{
font-size:1.5rem;
}
#wcfront_parts-2-26 .unit_title{
min-width: 110px;
font-size: 1rem;
text-align: center;
}
#wcfront_parts-2-26 .unit_text span{
font-size:0.8rem;
width: 200px;
margin: 10px 5px;
}
#wcfront_parts-2-26 .list_detail{
margin: 10px 0;
padding: 20px 25px;
flex-direction: column;
}
#wcfront_parts-2-26 .unit_text p
,#wcfront_parts-2-26 li{
font-size: 0.8rem !important;
}
#wcfront_parts-2-27 dl{
font-size:0.9rem;
}
#wcfront_parts-2-27 dl dt{
width: 100px;
min-width: 100px;
padding-right: 0px;
margin-right: 15px;
}
}
@media(max-width:575px){
#wcfront_parts-2-17 .unit_link a{
flex-direction: column;
}
#wcfront_parts-2-17 .unit_link a img{
width:80%;
}
#wcfront_parts-2-17 .unit_link p{
margin-left:0;
font-size:1.3rem;
}
#wcfront_parts-2-19 th{
max-width: 85px;
font-size: 0.8rem;
}
#wcfront_parts-2-19 td{
font-size: 0.8rem;
}
#wcfront_parts-2-21 .wcfront_image-text-h > .parts--unit{
flex-wrap:wrap;
margin:0 0 20px 0;
}
#wcfront_parts-2-21 .wcfront_image-text-h .parts--image{
margin-bottom:20px;
}
#wcfront_parts-2-21 .parts--text{
text-align:center;
font-size: 0.8rem;
}
#wcfront_parts-2-24 p{
font-size:1.2rem;
}
#wcfront_parts-2-26 .unit_text span{
font-size: 0.7rem;
width: 160px;
margin: 10px 0px;
padding: 10px 0px;
}
#wcfront_parts-2-26 .list_detail{
padding: 20px 15px
}
#wcfront_parts-2-27 dl{
font-size: 0.75rem;
}
#wcfront_parts-2-27 dl dt {
width: 85px;
min-width: 85px;
padding-right: 0px;
margin-right: 10px;
}
}
@media(max-width:425px){
#wcfront_parts-2-20 .wcfront_parts--wrap, #wcfront_parts-2-19 .wcfront_table, #wcfront_parts-2-21 .wcfront_parts--wrap, #wcfront_parts-2-22 .wcfront_hl, #wcfront_parts-2-24 .custom_html, #wcfront_parts-2-25 .wcfront_parts--wrap, #wcfront_parts-2-26 .wcfront_parts--wrap, #wcfront_parts-2-29 .wcfront_parts--wrap, #wcfront_parts-2-27 .wcfront_parts--wrap, #wcfront_parts-2-30 .wcfront_parts--wrap, #wcfront_parts-2-32 .wcfront_parts--wrap{
margin-left: 15px;
margin-right: 15px;
}
#wcfront_parts-2-16 .parts--unit{
width:100%;
}
#wcfront_parts-2-17 .unit_link a img{
width:100%;
}
#wcfront_parts-2-17 .unit_link p{
margin-left:0;
font-size:1rem;
}
#wcfront_parts-2-17 .unit_link::after{
right:8px;
}
#wcfront_parts-2-24 p{
font-size:1rem;
}
}
@media(max-width:375px){
#wcfront_parts-2-26 .unit_text span{
width:100%;
}
#wcfront_parts-2-24 p{
font-size:0.9rem;
}
}