@charset "UTF-8";
header{
 height: 360px;
 background: url("../img/offering_img/bg_pagetitle.jpg") center center no-repeat;
 background-size: cover;
}
@media print, screen and (min-width:768px) {
 header{
 height: 450px;
}
}
#sec01, #sec02, #sec03{
 padding: 40px 0;
}

@media print, screen and (min-width:768px) {
 #sec01, #sec02, #sec03{
 padding: 70px 0;
}
}

/* ----------------------------------------------------------------anchor_link*/
.anchor_link{
 margin-bottom: 30px;
}
.anchor_link ul li:not(:last-child){
 margin-bottom: 10px;
}
.anchor_link ul li a{
 display: block;
 text-align: center;
 text-decoration: none;
 color: #fff;
 background: #0bac8b;
 padding: 10px;
 transition: all 0.5s;
}
.anchor_link ul li a:hover{
 opacity: 0.6;
}
@media print, screen and (min-width:992px) {
 .anchor_link ul{
  display: flex;
  justify-content: center;
  align-items: flex-start;
 }
 .anchor_link ul li{
  width: calc(100% / 3 - 10px);
 }
 .anchor_link ul li:not(:last-child){
 margin-bottom: 0;
  margin-right: 15px;
}
}

.ph_box a:hover{
 opacity: 0.6;
}
/* ----------------------------------------------------------------sec01*/
#sec01 .sec ul li{
 margin-bottom: 30px;
}
#sec01 .sec ul li .ph_box{
 margin-bottom: 20px;
}
#sec01 .sec ul li .ph_box img{
 width: 100%;
 height: auto;
}
#sec01 .sec ul li .tx_box{
 text-align: left;
}
#sec01 .sec ul li .tx_box h5{
 font-family: "NotoSansBold";
 font-size: 20px;
}
#sec01 .sec ul li .tx_box .product_num{
 margin-bottom: 10px;
}
#sec01 .sec ul li .tx_box .prod_detail{
 margin-bottom: 20px;
}
#sec01 .sec ul li .btn_contact a{
 display: block;
 text-align: center;
 text-decoration: none;
 color: #fff;
 background: #0bac8b;
 padding: 10px;
 transition: all 0.5s;
}
#sec01 .sec ul li .btn_contact a:hover{
 opacity: 0.6;
}
@media print, screen and (min-width:768px){
 #sec01 .sec ul{
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
 }
 #sec01 .sec ul li{
  width: calc(100% / 2 - 15px);
 }
 #sec01 .sec ul li:not(:nth-child(2n)){
  margin-right: 30px;
 }
}
@media print, screen and (min-width:992px){
 
 #sec01 .sec ul li{
  width: calc(100% / 3 - 15px);
 }
 #sec01 .sec ul li:not(:nth-child(2n)){
  margin-right: 0;
 }
 #sec01 .sec ul li:not(:nth-child(3n)){
  margin-right: 22px;
 }
}
/* ----------------------------------------------------------------sec03*/