@charset "utf-8";
/* ================================================================= 
 License : e-TRUST Inc.
 File name : style.css
 Style : style
================================================================= */
/*----------------------------------------------------------------------------title*/
#main_image img {
  width: 100%;
}
/*----------------------------------------------------------------------------common1*/
.spfont3{
  font-size: 30px;
  color: #55b1dc;
  line-height: 2;
}
.news2 {
    padding: 20px;
    overflow-y: scroll;
    height: 150px;
}
#global_header{
  padding-top: 150px;
}
#header{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  margin: 0 auto;
  z-index: 99999;
  background: #fff;
}
.disnone{
  display: none !important;
}
.flex_wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 30px 0;
}
.flex_wrap .box1,.flex_wrap .box2{
  width: calc(100% / 2 - 2%);
}
.news ul li article{
  display: flex;
  border-bottom: 1px dotted #ccc;
}
.news ul li img{
 width: 15%;
 margin:1%;
 height: 100% !important;
}
.news ul li div{
 width: 71%;
 margin:1%;
}
.news ul li span {
  display: block;
}
/*----------------------------------------------------------------------------common2*/
/*----------------------------------------------------------------------------common3*/

@media screen and (max-width: 768px){
/* ================================================================= 
 *
 * tablet size
 *
 * ================================================================= */
/*----------------------------------------------------------------------------title*/
/*----------------------------------------------------------------------------common1*/
#nav_header{
  margin: 0 auto !important;
}
.spfont3{
  font-size: 25px;
}
#header .inner{
  padding-top: 50px !important;
}
#global_header{
  padding-top: 240px !important;
}
.flex_wrap{
  display: block;
}
.flex_wrap .box1,.flex_wrap .box2{
  width: 100%;
}
.flex_wrap .box2{
  margin-top: 20px;
}

.news ul li img{
 width: 25%;
 margin:1%;
}
.news ul li div{
 width: 61%;
 margin:1%;
}

/*----------------------------------------------------------------------------common2*/
/*----------------------------------------------------------------------------common3*/

/* tablet END ###################################################### */
}
@media screen and (max-width: 468px){
/* ================================================================= 
 *
 * smartphone size
 *
 * ================================================================= */
/*----------------------------------------------------------------------------title*/
/*----------------------------------------------------------------------------common1*/
.spfont span{
  font-size: 16px !important;
}
.spfont2 span{
  font-size: 20px !important;
}
.spfont3{
  font-size: 16px;
}
.news ul li article{
  flex-direction: column-reverse;
  border-bottom: 1px dotted #333;
}
.news ul li img{
 width: 90%;
 margin:1% 5% 5% 5%;
}
.news ul li div{
 width: 98%;
 margin-bottom: 10px;
}
.news ul li span {
  display: block;
}
/*----------------------------------------------------------------------------common2*/
/*----------------------------------------------------------------------------common3*/

/* smartphone END ################################################## */
}