@charset "utf-8";
/* ==================================================
		
		news-events

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

.heading-02 {
    line-height: 1.5384;
    font-size: 2.8rem;
    padding: 0 0px 4px;
    margin: 0 0 20px;
    border-bottom: 1px solid red;
}
.heading-03 {
    line-height: 1.5384;
    font-size: 2.2rem;
    padding: 20px 0px 4px;
    margin: 50px 0 20px;
    border-bottom: 1px solid red;
}

/* --------------------------------------------------
		article-set
-------------------------------------------------- */
.article-set {
 margin-top: -10px;
}
h3.heading-04 {
 font-size: 2em;
 margin: 25px 0 10px;
}
.article-set > p:last-of-type {
 margin: 15px 0 100px;
}
.traningBox {
 display: flex;
 justify-content: space-between;
 margin-top: 15px;
}
.traningBox img {
 width: 49%;
 margin-right: 2%;
}
.traningBox img:last-of-type {
 margin-right: 0;
}
.foot-util-list {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 margin-top: -15px;
}
.foot-util-item-col-2 {
 width: 24%;
 margin-top: 1.5%;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
}
.foot-util-item a.foot-util-item-inner-vertical-center-wrap {
 display: block;
}
.foot-util-item a {
 font-size: 16px;
 height: 120px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 border: 1px solid #e6e6e6;
 text-decoration: none;
 padding: 0 10px 0 20px;
 line-height: 1.4;
 color: #333333;
}
.foot-util-item a:hover {
 color: #ff0000;
}
.foot-util-item-item-quotation .foot-util-item-inner-vertical-center2 {
 padding-left: 0px;
 text-align: center;
 font-size: 0.8em;
}
.foot-util-item-inner-vertical-center2 {
 position: relative;
 top: 50%;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 display: block;
}

/* --------------------------------------------------
		Customer Training Courses
-------------------------------------------------- */
.ctc {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 align-items: flex-start;
}
.ctc .ctc-inner01 {
 width: 32%;
 margin-right: 4%;
}
.ctc .ctc-inner01 .img a:hover {
 transition: opacity 0.3s;
 opacity: 0.8;
}
.ctc .ctc-inner01 .ctcbtn {
 width: 80%;
 margin: 0 auto;
}
.ctc .ctc-inner01 .ctcbtn a {
 color: #333333;
 width: 100%;
 padding: 20px;
 border-radius: 30px;
 background-color: #ffffff;
 font-family: "NotoSans-Regular";
 min-height: 50px;
 font-size: 1.4rem;
 border: solid 1px #6e6e6e;
 margin-top: 20px;
 text-align: center;
 text-decoration: none;
 display: -webkit-inline-box;
 display: -ms-inline-flexbox;
 display: inline-flex;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;
 line-height: 1.2;
}
.ctc .ctc-inner01 .ctcbtn a:hover {
 outline: 0;
 color: #ffffff;
 border: solid 1px #6e6e6e;
 background-color: #6e6e6e;
 -webkit-transition: all 0.3s ;
 transition: all 0.3s ;
}
.ctc .ctc-inner02 {
 width: 64%;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
}
.ctc .ctc-inner02 li {
 width: 43%;
 margin: 0 0 11px 11px;
 text-indent: -11px;
}
.ctc .ctc-inner02 li:nth-child(even) {
 width: 48%;
 margin-left: 6%;
}
.ctc .ctc-inner02 li i {
 color: #dd0000;
 font-size: 1.8rem;
 position: relative;
 top: 4px;
 padding-right: 5px;
}
.ctc .ctc-inner02 li a:link, 
.ctc .ctc-inner02 li a:visited {
 font-size: 1.8rem;
 color: #333333;
 text-decoration: none;
}
.ctc .ctc-inner02 li a:hover {
 text-decoration: underline;
}


@media screen and (max-width: 767px) {
.article-set {
 margin-top: -5px;
}
h3.heading-04 {
 font-size: 1.8em;
 margin: 20px 0 12px;
}
.article-set > p:last-of-type {
 margin: 10px 0 40px 0;
}
.traningBox {
 display: block;
 margin-top: 0;
}
.traningBox img {
 width: 100%;
 margin: 12px 0 0 0;
}
.foot-util-list {
 margin-top: -5px;
}
.foot-util-item-col-2 {
 width: 49%;
 margin: 1.5% 0 0 0;
} 
.foot-util-item a {
 height: 60px;
 font-size: 13px;
}
.foot-util-item a:hover {
 color: #333333;
}

/* --------------------------------------------------
		Customer Training Courses
-------------------------------------------------- */
.ctc {
 display: block;
}
.ctc .ctc-inner01 {
 width: 100%;
 padding-right: 0;
}
.ctc .ctc-inner01 .ctcbtn a {
 padding: 15px;
 font-size: 1.3rem;
}
.ctc .ctc-inner02 {
 width: 100%;
 margin-top: 20px;
}
.ctc .ctc-inner02 li {
 width: 100%;
 margin: 0 0 10px 18px;
 text-indent: -12px;
}
.ctc .ctc-inner02 li:nth-child(even) {
 margin-left: 18px;
 width: 100%;
}
.ctc .ctc-inner02 li i {
 top: 2px;
}
}
/* --------------------------------------------------
		.supportBox
-------------------------------------------------- */
.supportBox {
  width: 95%;
  margin: 0 auto;
}
.supportBox p {
  margin-top: 50px;
}
.supportBox .leftBox {
  float: left;
  width: 900px;
}
.supportBox .rightBox {
  float: right;
}

.fs {
  font-size: 1.7em;
}