@charset "UTF-8";

/* -------------------------------------
products
------------------------------------- */
.product_content {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:130px 30px;
  padding-top:137px;
  padding-bottom:120px;
}
.product_item-wrap {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  /*gap:130px 30px;*/
  width:100%;
}
.item-imgbk {
  width:calc((100% - 30px)/2);
  max-width:500px;
}
.imgframe {
  border:1px solid #efefef;
  margin-bottom:37px;
  overflow: hidden;
}
.imgframe img {
  display:block;
    transition: 0.2s;
}
.imgframe:hover img {
    scale: 1.1;
}
.item-txtbk {
  width:calc((100% - 30px)/2);
}
.drawing_list >*:not(:last-child) {
  margin-bottom:10px;
}
.drawing_list a {
  color:#646464;
  font-size:20px;
  font-weight:500;
  letter-spacing:0.08em;
  line-height:1.2;
  display:inline-block;
  padding:5px 30px 5px 0;
  transition:all 0.3s;
}
.drawing_list a:hover {
  opacity:0.7;
}
.drawing_list a span {
  color:#073582;
  position:relative;
}
.drawing_list a span::before {
  content:"";
  width:100%;
  height:1px;
  background-color:#073582;
  position:absolute;
  bottom:-2px;
}
.drawing_list a span::after {
  content:"";
  width:20px;
  height:20px;
  background:url(../imgs/products/icon-link.svg) 0 0 no-repeat;
  margin-left:10px;
  position:absolute;
  left:100%;
  top:50%;
  transform:translateY(-50%);
}

.itemn_name {
  color:#073582;
  font-size:31px;
  font-family: m-plus-1c, sans-serif;
  font-weight: 700;
  line-height:1.4;
  margin-bottom:15px;
}

.product_note {
  color:#073582;
  font-size:31px;
  font-family: m-plus-1c, sans-serif;
  font-weight: 500;
  text-align:center;
  line-height:1.5;
  width:100%;
  background-color:#cdd7e6;
  border-radius:79px;
  padding:45px 20px;
}
.product_note span {
  display:inline-block;
}



@media screen and (max-width: 1440px) {
/* -------------------------------------

------------------------------------- */


}


@media screen and (max-width: 1260px) {
.itemn_name {
  font-size:clamp(18px,2.46vw,31px);
}

.product_note {
  font-size:clamp(15px,2.46vw,31px);
}


}

@media screen and (max-width: 1050px) {


}

@media screen and (max-width: 980px) {
.product_content {
    gap: min(13.3vw,130px) 30px;
}
.imgframe {
    margin-bottom: 25px;
}
.itemn_name {
    margin-bottom: 7px;
}

.drawing_list a {
  font-size:clamp(14px,2vw,20px);
}



}

@media screen and (max-width: 920px) {
}

@media screen and (max-width: 880px) {




}

@media screen and (max-width: 820px) {




}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 700px) {
}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 600px) {
.product_content {
  flex-direction:column;
  align-items:center;
}
.product_item-wrap {
  flex-direction:column;
}
.item-imgbk {
  width:100%;
}
.item-txtbk {
  width:100%;
}

.product_note {
    border-radius: 50px;
    padding: 30px 20px;
}


}

@media screen and (max-width: 500px) {



}

@media screen and (max-width: 400px) {


}
@media screen and (max-width: 360px) {


}

@media screen and (max-width: 320px) {

}

@media screen and (min-width: 769px) {
 
}