/* --------------------------------------
 ** SC00 // Common
   ----------------------------------- */
section.main-section {padding: 85px 0; overflow: hidden;}
.main-tit h1 {font-size: 42px; text-align: center; display: block; margin: -5px 0 50px 0; padding: 5px 0 0 0; color: #303030;}
.main-tit h1::before {content: url(../mainpage/sc00_titbg.png); margin-right: -50px;}
.main-section p {color: #838282; line-height: 1.4; word-break: keep-all;}
.btn-arrow {display: block; width: 100%; text-align: left;}
.btn-arrow span {font-size: 17px; font-weight: bold; color: #424242;}
.btn-arrow span::after {content: ''; background: url(../mainpage/sc00_morebtn-bg.png) repeat-x center center; width: 10px; height: 10px; display: inline-block; margin-left: 10px;   -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
         transition: all .2s ease-in-out;
}
.btn-arrow::after {content: ''; background: url(../mainpage/sc00_morebtn.png) no-repeat top right; width: 9px; height: 10px; display: inline-block;}
a:hover .btn-arrow span::after, .btn-arrow:hover span::after {width: 75px;   -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
         transition: all .2s ease-in-out;
}


/* --------------------------------------
 ** SC01 // BOARD AREA
   ----------------------------------- */
section.sc01-board {overflow: hidden; height: 70px; border-bottom: 1px solid #ddd;}
.sc01-board .board-news:last-child .sc01-tit {padding-left: 25px;}
.sc01-board .board-news:first-child {border-right: 1px solid #ddd;}
.sc01-board .board-news .sc01-tit {float: left; width: 20%; line-height: 70px; font-size: 20px; font-weight: bold;}
.sc01-board .board-news .sc01-contents {float: left; width: 80%;}
.sc01-board .board-news .sc01-contents .main_notice {animation: board-rolling 9.5s infinite; position: relative; animation-delay: 2.5s;}
.sc01-board td[width="1%"] {display: none;}
.sc01-board td:last-child {color: #a8a7a7;}
.sc01-board .board_output_1_tr, .sc01-board .board_output_9_tr { line-height: 70px;}
.sc01-board .bd_out1 a {font-size: 15px !important;}

@keyframes board-rolling {
0% {top:0px;}
15% {top:-70px;}
25% {top:-70px;}
40% {top:-140px;}
50% {top:-140px;}
65% {top:-210px;}
75% {top:-210px;}
90% {top:0px;}
100% {top:0px;}
}

/* --------------------------------------
 ** SC02 // PRODUCT
   ----------------------------------- */
section.main-section.sc02 { background: url(../mainpage/sc02_bg.png) no-repeat left bottom; }
.sc02 .sc02-slide .row {overflow: hidden;}
.sc02 .sc02-slide .main_gallery  {/*animation: gallery-rolling 13s infinite;*/ position: relative; animation-delay: 3s;}
.sc02 .sc02-slide .main_gallery .board_output_gallery_img {padding: 0px 10px;float: left; width: 100%; text-align: center;}
.sc02 .sc02-slide .main_gallery .board_output_gallery_img .board_output_imgs {border: 1px solid #ddd; width: 280px; height: 280px; object-fit: cover;}
.sc02 .sc02-slide .main_gallery .board_output_gallery_subject {padding: 15px 0; font-size: 15px; color: #5e5e5e;}

.sc02 .sc02-list {
  display:flex; justify-content:space-between;
  flex-wrap:wrap;
}
.sc02 .sc02-list .sc02-item {
  width:23%;
}
.sc02 .sc02-list .sc02-item img {
  width:100%;
}
.sc02 .sc02-list .sc02-item a p {
  padding: 10px 0px;
  color:#666;
  text-align:center;
}
@keyframes gallery-rolling {
0% {left:0px;}
10% {left:-300px;}
20% {left:-300px;}
30% {left:-600px;}
40% {left:-600px;}
50% {left:-900px;}
60% {left:-900px;}
70% {left:-1200px;}
80% {left:-1200px;}
90% {left:0px;}
100% {left:0px;}
}
@media screen and (max-width: 767px) {
    .sc02 .sc02-list{ 
      padding:0 20px;
    }
  .sc02 .sc02-list .sc02-item  {
    width:100%;
  }
}

/* --------------------------------------
 ** SC03 // ABOUT
   ----------------------------------- */
section.main-section.sc03 {background: url(../mainpage/sc03_bg.jpg) no-repeat top left;}
.sc03 .sc03-textbox {float: left; width: 50%; box-sizing: border-box; padding-left: 20%; padding-right: 5%;}
.sc03 .sc03-textbox h1 {}
.sc03 .sc03-textbox p {margin-bottom: 50px; line-height: 1.8;}
.sc03 img {border-top-left-radius: 60px; width: 50%; float: left;}


/* --------------------------------------
 ** SC04 // ICON MENU
   ----------------------------------- */
section.main-section.sc04 {}
.sc04 .sc04-list {}
.sc04 .sc04-list li {}
.sc04 .sc04-list .sc04-list-contents {padding: 15px; background: #fff; border-radius: 10px;   -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
         transition: all .2s ease-in-out;
}
.sc04 .sc04-list .sc04-list-contents:hover h2, .sc04 .sc04-list .sc04-list-contents:hover p {color: #153a7a;   -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
         transition: all .2s ease-in-out;
}
.sc04 .sc04-list .sc04-list-contents img {float: left; margin-right: 15px; margin: 10px 15px 70px 0;}
.sc04 .sc04-list .sc04-list-contents h2 {font-size: 21px; color: #424242;}
.sc04 .sc04-list .sc04-list-contents p {padding: 15px 0;}

/* --------------------------------------
 ** SC05 // LOGO AREA
   ----------------------------------- */
section.main-section.sc05 {padding: 10px 0; border-top: 1px solid #ddd;}
.sc05 .sc05-list {}
.sc05 .sc05-list li {}
.sc05 .sc05-list li img {width: 100%;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
    .sc01-board td:last-child {display: none;}
    .sc01-board .board-news {border:none; border-bottom: 1px solid #ddd; height: 70px; overflow: hidden;}
    .section.sc01-board {height: 140px;}
    .sc01-board .board-news:last-child .sc01-tit {padding-left: 0;}
    .sc01-board .board-news .sc01-contents .main_notice  {animation: none;}
    .sc02 .sc02-slide .main_gallery .board_output_gallery_img {padding-left: 40px;}
    .sc03 img {display: none;}
    .sc03 .sc03-textbox {float: none; width: 100%; padding: 0 20px;}
    .sc03 .sc03-textbox .btn-arrow {text-align: center;}
    .sc04 .sc04-list .sc04-list-contents p {padding: 10px 0;}
    .main-section p {word-break: break-all;}
    .sc04 .sc04-list .sc04-list-contents {border-bottom: 1px solid #ddd; margin-bottom: 15px;}
    .sc04 ul li:last-child .sc04-list .sc04-list-contents {border-bottom: none;}
    
.sc02 .sc02-slide .main_gallery  {animation: none;}
    
@keyframes gallery-rolling-mo {
0% {left:0px;}
10% {left:-340px;}
20% {left:-340px;}
30% {left:-680px;}
40% {left:-680px;}
50% {left:-1020px;}
60% {left:-1020px;}
70% {left:-1360px;}
80% {left:-1360px;}
90% {left:0px;}
100% {left:0px;}
}
    
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}