@charset "utf-8";

.remodal { max-width: 1024px; }
.remodal video { width: 100%; height: auto; }

#aside{padding:109px 45px 0 0;}
.bx-wrapper .bx-controls-direction a.disabled{display:block !important;}


/* ------------------------------------------------------------ new_service */
#new_service { padding: 100px 0 0; }
#new_service h2 { margin: 0 0 25px; }
#new_service ul li { float: left; width: calc((100% - 80px) / 5); margin: 0 0 40px 20px; border-radius: 15px; -webkit-border-radius: 15px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; box-shadow: 2px 4px 4px rgba(0,0,0,0.3); }
#new_service ul li:nth-child(5n+1) { clear: both; margin: 0 auto 40px; }
#new_service ul li a { display: block; }
#new_service ul li img { width: 100%; height: auto; }
#new_service ul li h4 { font-size: 12px; line-height: 140%; padding: 10px 15px; height: 70px; display: table-cell; vertical-align: middle;}
#new_service .list_btn { text-align: right; }
#new_service .list_btn a { position: relative; padding: 0 15px 5px 0; letter-spacing: 2px;}
#new_service .list_btn a::before { position: absolute; content: ''; width: 110%; height: 12px; border-bottom: 1px solid #000; border-right: 1px solid #000; transform: skew(45deg); right: 0;
bottom: 0; }


/* ------------------------------------------------------------ campaign */
#campaign { padding: 70px 0; }
#campaign h2 { margin: 0 0 65px; }
#campaign ul li { float: left; width: 252px; margin: 0 0 40px 30px; border-radius: 15px; -webkit-border-radius: 15px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; box-shadow: 2px 4px 4px rgba(0,0,0,0.3); }
#campaign ul li:nth-child(4n+1) { clear: both; margin: 0 auto 40px; }
#campaign ul li a { display: block; }
#campaign ul li img { width: 100%; height: auto; }
#campaign ul li h4 { font-size: 14px; line-height: 20px; padding: 10px 15px; height: 80px; display: table-cell; vertical-align: middle;}
#campaign .list_btn { text-align: right; }
#campaign .list_btn a { position: relative; padding: 0 15px 5px 0; letter-spacing: 2px;}
#campaign .list_btn a::before { position: absolute; content: ''; width: 110%; height: 12px; border-bottom: 1px solid #000; border-right: 1px solid #000; transform: skew(45deg); right: 0;
bottom: 0; }


/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
#aside{padding:40px 0 0;}


/* ------------------------------------------------------------ new_service */
#new_service { padding: 70px 0 0; }
#new_service ul li { width: calc((100% - 15px) / 2); margin: 0 0 30px 15px; }
#new_service ul li:nth-child(5n+1) { clear: initial; margin: 0 0 30px 15px; }
#new_service ul li:nth-child(2n+1) { clear: both; margin: 0 auto 30px; }
#new_service ul li a h4 { font-size: 12px; line-height: 18px; padding: 10px 15px; }
#new_service .list_btn { text-align: right; }
#new_service .list_btn a { padding: 0 25px 5px 0; font-size: 14px; letter-spacing: 2px;}
#new_service .list_btn a::before { width: 110%; right: 7px; }


/* ------------------------------------------------------------ new_service */
#campaign { padding: 70px 0 50px; }
#campaign h2 { margin: 0 0 35px; }
#campaign ul li { float: left; width: calc((100% - 15px) / 2); margin: 0 0 30px 15px; border-radius: 15px; -webkit-border-radius: 15px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow: hidden; position: relative; box-shadow: 2px 4px 4px rgba(0,0,0,0.3); }
#campaign ul li:nth-child(5n+1) { clear: initial; margin: 0 0 30px 15px; }
#campaign ul li:nth-child(2n+1) { clear: both; margin: 0 auto 30px; }
#campaign ul li a { display: block; }
#campaign ul li a img { width: 100%; height: auto; }
#campaign ul li a h4 { font-size: 12px; line-height: 18px; padding: 10px 15px; }
#campaign .list_btn { text-align: right; }
#campaign .list_btn a { padding: 0 25px 5px 0; font-size: 14px; letter-spacing: 2px;}
#campaign .list_btn a::before { width: 110%; right: 7px; }