@charset "utf-8";

/*=====================================================================================*/
@media screen and (max-width:960px) {
    .heading{font-size:3rem;}
}

/*=====================================================================================*/
@media screen and (max-width:1300px) {
    #g-nav ul{display: block; padding: 0;}
    #g-nav ul li a{padding:6px 15px;}
}

/*=====================================================================================*/
@media screen and (max-width:1200px) {}
@media screen and (max-width:768px) {
    #header h1{top:9px; transform: translateX(-70%);}
    #header ul#utility-navi li span{display:none;}
    #header ul#utility-navi li a{width: 70px; height: 70px; padding: 0;}
    #header ul#utility-navi li img {width: 45%; margin: 17px 0 0 0px;}
}

@media screen and (max-width:530px) {
    #header h1{font-size: 1rem; top:14px; transform: translateX(-50%);}
    /*#g-nav ul li:last-child{display: block;}*/
    #header ul#utility-navi li:first-child{display: none;}
}


/*=====================================================================================*/
@media screen and (max-width:1200px) {
/*    #lead .lead{right: 2.5%;} */
    #news{width:60%;}
}

@media screen and (max-width:960px) {
/*    #lead .lead{right: 3%;}*/
#lead h1.heading{right: 1%; top:330px; font-size: 7rem;}
#lead h1 rt{font-size: 1rem;}
#lead h2.heading{right: 1%; top:220px; font-size: 2rem;}
#lead h2.heading span{font-size: 2.2rem;}
#lead h3.lead{right:5%; font-size: 8rem;}
#lead h3.lead span{font-size: 2rem;}
    #news{position: relative; padding: 15px;}
    #news li time{display: block;}
    #news li span{display: block;}
}

@media screen and (max-width:768px) {
    #slider-area {width: 100%;/*74%;*/    height: 90vh; left: 0;}
    #slider-area #slider{height: 90vh;}
    #lead{padding:100px 0 0 0;}
/*    #lead .lead{right:7%; top:260px;} */
#lead h1.heading{right: 1%; top:380px; font-size: 5rem;}
#lead h1 rt{font-size: 1rem;}
#lead h2.heading{right: 1%; top:270px; font-size: 2rem;}
#lead h2.heading span{font-size: 2rem;}
#lead h2 br{display:block;}
#lead h3.lead{right:5%; font-size: 7rem;}
#lead h3.lead span{font-size: 2rem;}
    #news{width:100%; bottom:0/*-200px*/;}
}

@media screen and (max-width:550px) {
/*    #lead .lead {right:5%;} */
#lead h1.heading{right: 0.5%; top:380px; font-size: 4rem;}
#lead h1 rt{font-size: 1rem;}
#lead h2.heading{right: 0.5%; top:270px; font-size: 1.5rem;}
#lead h2.heading span{font-size: 1.8rem;}
#lead h2 br{display:block;}
#lead h3.lead{right:10%; font-size: 5rem;}
#lead h3.lead span{font-size: 2rem;}
}

@media screen and (max-width:400px) {
#lead h1.heading{right: 0.5%; top:400px; font-size: 3.5rem;}
#lead h1 rt{font-size: 1rem;}
#lead h2.heading{right: 0.5%; top:330px; font-size: 1.2rem;}
#lead h2.heading span{font-size: 1.8rem;}
#lead h2 br{display:block;}
#lead h3.lead{right:10%; font-size: 5rem;}
#lead h3.lead span{font-size: 2rem;}
}

@media screen and (max-width:350px) {
/*    #lead .lead {right:2%;} */
}


/*=====================================================================================*/
@media screen and (max-width:960px) {
    #concept{padding: 220px 18px 0;}
}

@media screen and (max-width:768px) {
    #concept{padding: 380px 18px 0;}
    #concept h3 br{display:block;}
    #concept p{font-size:1em;}
}


/*=====================================================================================*/
@media screen and (max-width:960px) {
#service header{width:100%;}
#service .service-area{width:90%; left:5%; padding: 80px 20px 30px 20px;}
#service .service-area ul li{width:43%; padding: 0 0 5% 0;}
#service header p br{/*display:block;*/}

.btnlinestretches{font-size:1rem;}
}

@media screen and (max-width:768px) {
#service header h2{font-size: 1.8rem; margin: 0 0 10px 0;}
#service header h2 span{font-size: 1rem; display:block;}
}

@media screen and (max-width:550px) {
#service .service-area{width:100%; left:0;}
.btnlinestretches{font-size:0.88rem;}
}

@media screen and (max-width:400px) {
/*#service .service-area{width:100%; left:0; font-size: 0.9rem;}*/
}

/*=history-sub====================================================================================*/
@media screen and (max-width:1025px) {
#history-sub001{padding:35px 35px;}
#history-sub001 h2 {font-size:1.4em;}
#history-sub001 h2 span{font-size: 0.8em;}
.history-sub001-img{padding: 0;}
.history-sub001-content{padding: 0;}
}

@media screen and (max-width:768px) {
#history-sub001{padding: 25px 25px;}
#history-sub001 h2 {font-size:1.3em;}
.history-sub001-area{display: block;}
.history-sub001-img,
.history-sub001-content{width:100%; margin: 0 auto 22px;}
}

@media screen and (max-width:500px) {
history-sub001{padding: 25px 25px;}
#history-sub001 h2 {text-align: center;}
#history-sub001 h2 span{display:block;}
}

/*=history-sub====================================================================================*/
@media screen and (max-width:1025px) {
#history-sub002{padding:35px 35px;}
#history-sub002 h2 {font-size:1.4em;}
#history-sub002 h2 span{font-size: 0.8em;}
.history-sub002-img{padding: 0;}
.history-sub002-content{padding: 0;}
}

@media screen and (max-width:768px) {
#history-sub002{padding: 25px 25px;}
#history-sub002 h2 {font-size:1.3em;}
.history-sub002-area{display: block;}
.history-sub002-img,
.history-sub002-content{width:100%; margin: 0 auto 22px;}
}

@media screen and (max-width:500px) {
history-sub002{padding: 25px 25px;}
#history-sub002 h2 {text-align: center;}
#history-sub002 h2 span{display:block;}
}


/*=history-sub====================================================================================*/
@media screen and (max-width:1025px) {
#history-sub003{padding:35px 35px;}
#history-sub003 h2 {font-size:1.4em;}
#history-sub003 h2 span{font-size: 0.8em;}
.history-sub003-img{padding: 0;}
.history-sub003-content{padding: 0;}
}

@media screen and (max-width:768px) {
#history-sub003{padding: 25px 25px;}
#history-sub003 h2 {font-size:1.3em;}
.history-sub003-area{display: block;}
.history-sub003-img,
.history-sub003-content{width:100%; margin: 0 auto 22px;}
}

@media screen and (max-width:500px) {
history-sub003{padding: 25px 25px;}
#history-sub003 h2 {text-align: center;}
#history-sub003 h2 span{display:block;}
}


/*=history-sub====================================================================================*/
@media screen and (max-width:1025px) {
#history-sub004{padding:35px 35px;}
#history-sub004 h2 {font-size:1.4em;}
#history-sub004 h2 span{font-size: 0.8em;}
.history-sub004-img{padding: 0;}
.history-sub004-content{padding: 0;}
}

@media screen and (max-width:768px) {
#history-sub004{padding: 25px 25px;}
#history-sub004 h2 {font-size:1.3em;}
.history-sub004-area{display: block;}
.history-sub004-img,
.history-sub004-content{width:100%; margin: 0 auto 22px;}
}

@media screen and (max-width:500px) {
history-sub004{padding: 25px 25px;}
#history-sub004 h2 {text-align: center;}
#history-sub004 h2 span{display:block;}
}


/*=history-sub====================================================================================*/
@media screen and (max-width:1025px) {
#history-sub005{padding:35px 35px;}
#history-sub005 h2 {font-size:1.4em;}
#history-sub005 h2 span{font-size: 0.8em;}
.history-sub005-img{padding: 0;}
.history-sub005-content{padding: 0;}
}

@media screen and (max-width:768px) {
#history-sub005{padding: 25px 25px;}
#history-sub005 h2 {font-size:1.3em;}
.history-sub005-area{display: block;}
.history-sub005-img,
.history-sub005-content{width:100%; margin: 0 auto 22px;}
}

@media screen and (max-width:500px) {
history-sub005{padding: 25px 25px;}
#history-sub005 h2 {text-align: center;}
#history-sub005 h2 span{display:block;}
}


/*=history-sub====================================================================================*/
@media screen and (max-width:1025px) {
#history-sub006{padding:35px 35px;}
#history-sub006 h2 {font-size:1.4em;}
#history-sub006 h2 span{font-size: 0.8em;}
.history-sub006-img{padding: 0;}
.history-sub006-content{padding: 0;}
}

@media screen and (max-width:768px) {
#history-sub006{padding: 25px 25px;}
#history-sub006 h2 {font-size:1.3em;}
.history-sub006-area{display: block;}
.history-sub006-img,
.history-sub006-content{width:100%; margin: 0 auto 22px;}
}

@media screen and (max-width:500px) {
history-sub006{padding: 25px 25px;}
#history-sub006 h2 {text-align: center;}
#history-sub006 h2 span{display:block;}
}

/*=message====================================================================================*/
@media screen and (max-width:1025px) {
#message{padding:35px 35px;}
#message h2 {font-size:1.4em;}
#message h2 span{font-size: 1em;}
.message-img{padding: 0;}
.message-content{padding: 0;}
}

@media screen and (max-width:768px) {
#message{padding: 25px 25px;}
#message h2 {font-size:1.3em;}
#message h2 span{font-size: 1em;}
.message-area{display: block;}
.message-img{width:80%; margin: 18px auto;}
.message-content{width:100%; margin: 0 auto 22px;}
.message-box{display: block;}
.message-box .btn{padding: 10px; display: block;}
}



/*=====================================================================================*/
@media screen and (max-width:1115px) {
#footer .footer-r,
#footer .footer-l{width:100%;}

#footer .footer-l .footer-contact,
#footer #copyright{height: inherit; padding: 40px 0;}
#footer .footer-link{text-align: center; font-size: 0.88em;}
}

@media screen and (max-width:768px) {
#footer .footer-r{padding:50px 30px;}
#footer .footer-r_con{padding: 30px 22px 70px; font-size: 0.88em;}
    /*#footer .footer-link{display: none;}*/
#footer #page-top{width:60px; height: 60px;}
}




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


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

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


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

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

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

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


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

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

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

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


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

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