/*================================================================================

media query mixin

================================================================================*/
/* common color
----------------------------------------------------------------------------*/
/*    google font on web
--------------------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Marcellus&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap");
/*    google font on server
--------------------------------------------------------------------------------*/
/*    icomoon
--------------------------------------------------------------------------------*/
/*    custom
--------------------------------------------------------------------------------*/
.product .mainArea { margin-top: 60px; margin-bottom: 50px; }
@media screen and (max-width: 768px) { .product .mainArea { margin-top: 100px; margin-bottom: 40px; } }
.product .mainArea .c-title { text-align: center; }
.product .mainArea .mainImg { margin-bottom: 50px; }
@media screen and (max-width: 768px) { .product .mainArea .mainImg { margin-bottom: 20px; } }
.product .mainArea .read { text-align: center; line-height: 2; }
@media screen and (max-width: 768px) { .product .mainArea .read { text-align: left; } }
.product .pro-sec01 { margin-bottom: 80px; }
@media screen and (max-width: 768px) { .product .pro-sec01 { margin-bottom: 60px; } }
.product .pro-sec01 .block { clear: both; }
.product .pro-sec01 .block + .block { padding-top: 60px; }
@media screen and (max-width: 768px) { .product .pro-sec01 .block + .block { padding-top: 40px; } }
.product .pro-sec01 .proList { padding-right: 40px; overflow: hidden; }
@media screen and (max-width: 768px) { .product .pro-sec01 .proList { padding-right: 0; } }
.product .pro-sec01 .proList .proList_item { width: 50%; margin-right: 40px; float: left; -webkit-box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.1) inset; }
@media screen and (max-width: 768px) { .product .pro-sec01 .proList .proList_item { width: 100%; margin-right: 0; float: none; } }
.product .pro-sec01 .proList .proList_item:nth-child(2n) { margin-right: -80px; }
@media screen and (max-width: 768px) { .product .pro-sec01 .proList .proList_item:nth-child(2n) { margin-right: 0; } }
.product .pro-sec01 .proList .proList_item:nth-child(n+3) { margin-top: 40px; }
@media screen and (max-width: 768px) { .product .pro-sec01 .proList .proList_item:nth-child(n+3) { margin-top: 0; } }
@media screen and (max-width: 768px) { .product .pro-sec01 .proList .proList_item:nth-child(n+2) { margin-top: 20px; } }
.product .pro-sec01 .proList .proList_item .txt { font-size: 24px; font-weight: bold; text-align: center; position: relative; padding: 20px; }
@media screen and (max-width: 768px) { .product .pro-sec01 .proList .proList_item .txt { font-size: 20px; padding: 15px; text-align: left; } }
.product .pro-sec01 .proList .proList_item .txt::before, .product .pro-sec01 .proList .proList_item .txt::after { content: ""; position: absolute; top: 50%; }
.product .pro-sec01 .proList .proList_item .txt::before { width: 30px; height: 2px; right: 20px; background: #000; }
.product .pro-sec01 .proList .proList_item .txt::after { right: 20px; width: 10px; height: 2px; background: #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; }
.product .pro-sec01 .proList + .c-stitle02 { margin-top: 40px; display: inline-block; }
@media screen and (max-width: 768px) { .product .pro-sec01 .proList + .c-stitle02 { margin-top: 25px; } }

/*# sourceMappingURL=product.css.map */