@charset "utf-8";

.main01_sec {
    clear: both;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 5% 0;
    background-image: url(../images/main_img01-2.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
}
.sec01_text {
    margin: 5% 0 5% 8%;
    padding: 0;
    float: left;
    display: block;
}
.sec01_text h1 {
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 70px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
}
.sec01_text p {
    color: #333333;
    margin: 0 0 20px 0;
    font-size: 18px;
    display: block;
    padding: 0;
    font-weight: bold;
    width: 90%;
    max-width: 650px;
    text-shadow: 2px 2px 2px #FFFFFF;
    line-height: 28px;
}
.sec01_text ul {
    clear: both;
    margin: 0;
    list-style-type: none;
    padding: 0;
    display: block;
    width: 100%;
    max-width: 650px;
}
.sec01_text ul li {
    padding: 0;
    margin: 0 0 0 auto;
    width: 250px;

}
.sec01_text ul li a:link ,.sec01_text ul li a:visited{
    background-color: #fff100;
    color: #000000;
    display: block;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}
.sec01_text ul li a:hover {
    background-color: #CCCCCC;
}
.main02_sec {
    width: 100%;
    background-image: url(../../images/m_img02-3.jpg);
    background-repeat: no-repeat;
    background-position: right top;
    padding: 10% 0;
    margin: 0;
    background-size: cover;
}
.sec02_text {
    margin: 0 0 0 5%;
    padding: 5% 3%;
    width: 35%;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.50) 0%,rgba(255,255,255,0.50) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.50) 0%,rgba(255,255,255,0.50) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.50) 0%,rgba(255,255,255,0.50) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,0.50) 0%,rgba(255,255,255,0.50) 100%);
    text-shadow: 1px 1px 2px #FFFFFF;
}
.sec02_text h1 {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 60px;
    line-height: 60px;
}
.sec02_text h2 {
    text-align: center;
    margin: 20px 0;
    font-size: 22px;
    line-height: 35px;
}

.sec02_text p {
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    line-height: 25px;
}

.sec02_text ul  {
    clear: both;
    margin: 0 auto;
    padding: 0;
    display: block;
    list-style-type: none;
    width: 300px;
}
.sec02_text ul li {

}
.sec02_text ul li a:link  ,.sec02_text ul li a:visited{
    width: 300px;
    display: block;
    text-align: center;
    padding: 5px 0;
    text-decoration: none;
    background-color: #fff100;
    color: #000000;
    margin: 0 auto;
    font-weight: bold;

}
.sec02_text ul li a:hover {
    background-color: #CCCCCC;
}
.main03_sec {
    padding: 10% 0;
    margin: 0;
}
.main03_sec h1 {
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 60px;
    line-height: 60px;
}

.main03_sec h2 {
    padding: 0;
    text-align: center;
    line-height: 35px;
    margin: 0;
    font-size: 22px;
}
.main03_sec .buffproduct {
    margin: 5% auto 1% auto;
    width: 95%;
    display: block;
}
.buffproduct ul  {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none;
}
.buffproduct ul li {
    width: 25%;
    display: block;
    float: left;
    margin: 0;
    text-align: center;
    font-size: 25px;
    padding: 0;
    font-weight: bold;
}
.buffproduct ul li img {
    width: 98%;
    margin: 10px auto 0 auto;
    max-width: 397px;
    display: block;
}
.buffproduct ul li a:link ,.buffproduct ul li a:visited{
    display: block;
    text-decoration: none;
    padding: 10px 0;
    color: #000000;
}
.buffproduct ul li a:hover {
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 32.12%,rgba(219,219,219,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 32.12%,rgba(219,219,219,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 32.12%,rgba(219,219,219,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 32.12%,rgba(219,219,219,1.00) 100%);
}



.main03_sec ul.bufful {
    clear: both;
    margin: 0 auto;
    padding: 0;
    display: block;
    width: 95%;
    list-style-type: none;

}
.main03_sec .bufful li {
    margin: 0 0 0 auto;
    display: block;
    width: 300px;
}
.main03_sec ul.bufful a:link ,.main03_sec ul.bufful a:visited{
    display: block;
    text-align: center;
    padding: 5px 0;
    background-color: #fff100;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
.main03_sec ul.bufful a:hover {
    background-color: #CCC;
}

.main04_sec {
    width: 100%;
    background-image: url(../images/m_img04.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 15% 0;
    margin: 0;
    background-size: cover;
}
.sec04_text {
    margin: 0 0 0 auto;
    padding: 0;
    width: 55%;
}
.sec04_text h1 {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 60px;
    line-height: 60px;
}
.sec04_text h2 {
    text-align: center;
    font-size: 22px;
    margin: 20px auto;
    line-height: 35px;
    width: 100%;
    max-width: 500px;
}

.sec04_text p {
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    line-height: 25px;
}
.sec04_text ul.poli01   {
    clear: both;
    margin: 0 auto;
    padding: 0;
    display: block;
    list-style-type: none;
    width: 350px;
}
.sec04_text ul.poli01 li {

}
.sec04_text ul.poli01 li a:link , .sec04_text ul.poli01 li a:visited{
    width: 300px;
    display: block;
    text-align: center;
    padding: 5px 0;
    text-decoration: none;
    background-color: #fff100;
    color: #000000;
    margin: 0 auto;
    font-weight: bold;

}
.sec04_text ul.poli01 li a:hover {
    background-color: #CCCCCC;
}
.sec04_text ul.poli02   {
    clear: both;
    margin: 10px auto 0 auto;
    padding: 0;
    display: block;
    list-style-type: none;
    width: 350px;
}
.sec04_text ul.poli02 li {

}
.sec04_text ul.poli02 li a:link , .sec04_text ul.poli02 li a:visited{
    width: 300px;
    display: block;
    text-align: center;
    padding: 5px 0;
    text-decoration: none;
    background-color: #b4b3b3;
    color: #000000;
    margin: 0 auto;
    font-weight: bold;

}
.sec04_text ul.poli02 li a:hover {
    background-color: #666666;
    color: #FFFFFF;
}
.main05_sec {
    width: 100%;
    background-image: url(../images/m_img05.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 23% 0 5%;
    margin: 0;
    background-size: cover;
}
.main05_sec .qa {
    margin: 0;
    width: 40%;
    text-align: center;
    min-width: 350px;
}
.main05_sec h1 {
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 60px;
    line-height: 60px;
    color: #FFFFFF;
}

.main05_sec h2 {
    padding: 0;
    text-align: center;
    line-height: 30px;
    margin: 0 0 20px 0;
    font-size: 22px;
    color: #FFFFFF;
}
.qa ul {
    margin: 0 auto;
    padding: 0;
    display: block;
    width: 350px;
}
.qa ul li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.qa ul li a:link, .qa ul li a:visited {
    display: block;
    background-color: #fff100;
    color: #000000;
    padding: 5px 0;
    font-weight: bold;
    text-decoration: none;
    margin: 0 auto;
    width: 300px;
}
.qa ul li a:hover {
    background-color: #CCCCCC;
}
.qa h2 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}


.qa p {
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    color: #FFFFFF;
    line-height: 1.5em;
}



.main06_sec {
    padding: 5% 0;
    margin: 0;
}
.main06_sec h1 {
    text-align: center;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 60px;
    line-height: 60px;
}

.main06_sec h2 {
    padding: 0;
    text-align: center;
    line-height: 35px;
    margin: 0;
    font-size: 22px;
}
.recruit {
    width: 100%;
    margin: 40px auto 0 auto;
    max-width: 1500px;
}
.recruit .recbox {
    width: 33.3%;
    max-width: 500px;
    float: left;
    text-align: center;
}
.recruit .recbox img {
    width: 100%;
    margin: 0 0 20px 0;
    display: block;
}
.recruit .recbox p {
    margin: 0;
    font-weight: bold;
    font-size: 18px;
}
.recruit .recbox .big {
    font-size: 20px;
}

.recbox ul.view   {
    padding: 0;
    display: block;
    margin: 10px auto 0 auto;
    list-style-type: none;
}
.recbox ul.view li {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
}
.recbox ul.view li a:link ,.recbox ul.view li a:visited{
    margin: 0 auto;
    display: block;
    padding: 5px;
    width: 150px;
    color: #000000;
    text-decoration: none;
    background-color: #FFF100;
    font-weight: bold;
}
.recbox ul.view li a:hover {
    background-color: #CCCCCC;
}
.main07_sec {
    padding: 2% 5%;
    margin: 0;
    width: 90%;
}
.main07_sec h1 {
    padding: 0;
    margin: 0;
}
.main07_sec iframe {
    width: 100%;
    display: block;
}
.main08_sec {
    padding: 2% 5%;
    margin: 0;
    width: 90%;
}
.main08_sec img {
    margin: 0 auto;
    width: 100%;
    display: block;

}
.main08_sec ul {
    padding: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 1465px;
    list-style-type: none;
}
.main08_sec ul li.b_bana {
    margin: 0 0 20px 0;
    width: 100%;
    display: block;
}
.main08_sec ul li.s_bana01 {
    width: 49%;
    margin: 0 1% 15px 0;
    float: left;
    max-width: 718px;
}
.main08_sec ul li.s_bana02 {
    float: right;
    width: 49%;
    max-width: 718px;
}
.main08_sec ul a:link, .main08_sec ul a:visited {
    border: 2px solid #000000;
    display: block;
}
.main08_sec ul a:hover {
    border: 2px solid #FF0000;
}








@media (max-width:1280px){
.main01_sec {
    background-repeat: no-repeat;
    padding: 0 0 5% 0;
    background-size: contain;

}
.sec01_text {
    margin: 5% 0 5% 3%;
}

.sec01_text h1 {
    font-size: 55px;
}
.sec01_text p {
    font-size: 16px;
    line-height: 25px;
}

.main02_sec {
    background-position: left 100%;
    background-size: cover;
}
.main04_sec {
    background-size: cover;
    padding: 10% 0;
}
.main05_sec {
    background-size: cover;
    background-position: left 100%;
}
.main05_sec .qa {
    width: 48%;
}
.qa h2 {
    width: 95%;
}


}
@media (max-width:1000px){



}
@media (max-width:800px){

.sec01_text {
    margin: 0 auto;
    padding: 0 0 10% 0;
    width: 95%;
    float: none;
}
.sec01_text ul li {
    margin: 0;
}

.main02_sec {
    padding: 0;
}

.sec02_text {
    padding: 10% 0;
    width: 100%;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.40) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.40) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.40) 100%);
    margin: 0;
    background-image: linear-gradient(180deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.40) 100%);
}
.sec04_text {
    padding: 10% 0;
    width: 100%;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.40) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.40) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.40) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,0.40) 0%,rgba(255,255,255,0.40) 100%);
}

.buffproduct ul li {
    margin: 0 0 10px 0;
    width: 50%;
}


.main04_sec {
    padding: 0;
    background-size: cover;
}
.sec04_text {
    padding: 10% 0;
}
.sec04_text p {
    font-size: 18px;
}

.main05_sec .qa {
    margin: 0 auto;
    padding: 10% 0;
    width: 100%;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.30) 0%,rgba(255,255,255,0.30) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.30) 0%,rgba(255,255,255,0.30) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.30) 0%,rgba(255,255,255,0.30) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,0.30) 0%,rgba(255,255,255,0.30) 100%);
}

.main05_sec {
    padding: 0;
    background-size: cover;
}
.main05_sec h1 {
    color: #000000;
}
.main05_sec h2 {
    color: #000000;
}
.main05_sec p {
    color: #000000;
    font-size: 18px;
}

.main07_sec {
    padding: 10% 3%;
    width: 94%;
}

.brinhe {
    display: inherit;
}
.main08_sec ul li.b_bana {
    margin: 0 0 10px 0;
}

.main08_sec ul li.s_bana01 {
    width: 100%;
    margin: 0 0 10px 0;
    float: none;
}
.main08_sec ul li.s_bana02 {
    margin: 0 0 10px 0;
    float: none;
    width: 100%;
}
}
@media (max-width:500px){

.sec01_text h1 {
    font-size: 30px;
    line-height: 35px;
}

.sec01_text p {
    font-size: 12px;
    line-height: 18px;
    margin: 0 auto 20px auto;
    width: 98%;
}
.sec01_text p br.brnone  {
    display: none;
}
.sec01_text ul li a:link, .sec01_text ul li a:visited {
    font-size: 13px;
    width: 180px;
    padding: 5px 0;
    line-height: 15px;
}



.sec02_text h1 {
    font-size: 30px;
    line-height: 35px;
    display: block;

}
.sec02_text h2 {
    font-size: 13px;
    line-height: 18px;
}
.sec02_text p {
    font-size: 12px;
    line-height: 18px;
}
.sec02_text ul li a:link, .sec02_text ul li a:visited {
    font-size: 13px;
    line-height: 15px;
    padding: 5px 0;
    margin: 0 auto;
    width: 180px;
}

.main03_sec h1 {
    margin: 0;
    font-size: 30px;
    line-height: 35px;
}
.main03_sec h2 {
    font-size: 13px;
    line-height: 18px;
}
.main03_sec ul.bufful a:link, .main03_sec ul.bufful a:visited {
    margin: 0 0 0 auto;
    font-size: 13px;
    padding: 5px 0;
    line-height: 15px;
    width: 180px;
}


.buffproduct ul {
    margin: 0 auto;
    width: 90%;
}

.buffproduct ul li {
    width: 100%;
    font-size: 15px;
    line-height: 18px;

}
.buffproduct ul li img {
    margin: 0 auto;
}


.sec04_text h1 {
    font-size: 30px;
    line-height: 35px;
}
.sec04_text h2 {
    font-size: 13px;
    line-height: 18px;
    width: 95%;
}
.sec04_text p {
    font-size: 12px;
    line-height: 18px;
}
.sec04_text ul.poli01 li a:link, .sec04_text ul.poli01 li a:visited {
    font-size: 13px;
    padding: 5px 0;
    margin: 0 auto;
    line-height: 15px;
    width: 300px;
}
.sec04_text ul.poli02 li a:link, .sec04_text ul.poli02 li a:visited {
    margin: 0 auto;
    width: 300px;
    font-size: 13px;
    padding: 5px 0;
    line-height: 15px;
}


.main05_sec h1 {
    font-size: 30px;
    line-height: 35px;
}
.main05_sec h2 {
    font-size: 13px;
    line-height: 18px;
}
.main05_sec p  {
    font-size: 12px;
    line-height: 18px;
}
.qa ul li a:link, .qa ul li a:visited {
    font-size: 13px;
    margin: 0 auto;
    padding: 5px 0;
    line-height: 15px;
    width: 300px;
}

.main06_sec h1 {
    font-size: 30px;
    line-height: 35px;
}
.recbox ul.view li a:link, .recbox ul.view li a:visited {
    margin: 0 auto;
    padding: 5px 0;
    width: 180px;
    font-size: 13px;
    line-height: 15px;
}

.main07_sec h1 {
    font-size: 30px;
    margin: 0 0 5px 0;
    line-height: 30px;
}


}