@charset "UTF-8";
/* CSS Document */

/*----------------------------------------------------
	common
----------------------------------------------------*/

a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

.main_title_first_part {
    border-left: 20px solid #008000;
    margin: 0 auto;
    padding: 0 0 0 5px;
}

.main_title_second_part {
    color: #fff;
    font-size: 20px;
    font-size: 1.5rem;
    font-weight: 100;
    padding: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008000+0,ffffff+100 */
    background: #008000; /* Old browsers */
    background: -moz-linear-gradient(left,  #008000 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #008000 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #008000 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.breadcrumb {
    font-size: 8px;
    font-size: 0.8rem;
}

.h2title {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #51a458;
    border-bottom: 2px solid #51a458;
    padding: 0 0 10px;
    text-align:left;
}

.h3title {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 15px 10px;
    color: #fff;
    font-weight: bold;
    background: #fff;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    color: #000;
}

.h4title {
    font-size: 12px;
    font-size: 1.2rem;
    border-bottom: 1px solid #006400;
    text-align: left;
    padding: 15px;
    color: #006400;
    font-weight: bold;
    margin: 50px 0 0;
}

.careerbox {
    background: #e98022;
}

.sub_t p {
    border-bottom: 1px solid #006400;
    padding: 30px 0 20px;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
}

.sub_title {
    border-left: 20px solid #006400;

    margin: 0 auto;
    padding: 0 0 0 5px;
}

/*----------------------------------------------------
	recruit
----------------------------------------------------*/

.recruit .wrap > p  {
    padding: 20px 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
}

.recruit .cf .box {
    background: #e9e6b2;
    text-align: center;
    margin:0pt;
    padding:0pt;
}


.recruit .cf .box > p {
    color: #fff;
    padding: 20px 0;
    font-size: 12px;
    font-size: 1.2rem;
}

.recruit .cf .box p.m1 {
    background: #e98022;

}

.recruit .cf .box p.m2 {
    background: #2a5e8e;
}

.recruit .cf .box .inner {
    background: #fff;

    font-size: 10pt;
    padding: 10px;
    box-sizing: border-box;
    margin: 10px 10px;
    line-height: 1.8;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4) inset;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4) inset;
}

/*----------------------------------------------------
	privacy
----------------------------------------------------*/

.privacy dl {
    padding: 20px 0 50px;
}

.privacy dl dt {
    padding: 0 0 10px;
    font-weight: bold;
}

.privacy dl dd,
.privacy p {
    padding: 10px 0 0;
    font-size: 10px;
    font-size: 0.8rem;
    line-height: 1.8;
    color:black;
}

.privacy p:last-child {
    padding: 10px 0 50px;
}

/*----------------------------------------------------
	sitemap
----------------------------------------------------*/

.sitemap ul li {
    margin: 0 0 20px;
    border-left: 10px solid #008000;
    padding: 0 0 0 5px;
}

.sitemap ul li a {
    text-align:left;
    display: block;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008000+0,ffffff+100 */
    background: #008000; /* Old browsers */
    background: -moz-linear-gradient(left,  #008000 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #008000 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #008000 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008000', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    color: #fff;
    padding: 15px 10px;

}

.sitemap ul li a span {
    color: #000;
    font-weight: bold;
    float: right;
}

.sitemap ul li.sub {
    margin: 0 0 20px 30px;
}

.sitemap ul li.sub a {
    background: #fff;
    border-left: 1px solid #008000;
    border-right: 1px solid #008000;
    border-top: 1px solid #008000;
    border-bottom: 1px solid #008000;
    color: #008000;

}

/*----------------------------------------------------
	rules
----------------------------------------------------*/

.rules dl {
    padding: 10px 0;
}

.rules dl dt {
    text-align: left;
    padding: 0 0 10px;
    font-weight: bold;
}

.rules dl dd,
.rules p {
    text-align: left;
    padding: 5px 0 0;
    font-size: 10px;
    font-size: 0.8rem;
    line-height: 1.8;
}

.nopadding {
    padding: 0;
    margin: 1pt;
}

/*----------------------------------------------------
	contact
----------------------------------------------------*/

.contact p {
    padding: 20px 0 50px;
    line-height: 1.8;
}

.contact h2 {
    font-size: 10px;
    font-size: 1.0rem;
    font-weight: bold;
    color: #51a458;
    border-bottom: 2px solid #51a458;
    padding: 0 0 10px;
}

/*----------------------------------------------------
	contents
----------------------------------------------------*/

.contents .tb > div {
    vertical-align: top !important;
}

.contents .btn1 {
    border: 1px solid #51a458;
    padding: 10px 0;
    margin: 0 0 20px;
}

.contents .btn1 > div {
    padding: 0 10px;
}

.contents .btn1 div a span {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 5px 0 0;
}


.contents .arrow {
    text-align: center;
    padding: 10% 0;
    background: url(../img/arrow1.png) no-repeat center;
    border-bottom: 1px solid #006400;
}

.contents .arrow p {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
}

.contents .alert {
    text-align: center;
}


.contents .box:nth-child(1) {
    padding: 0 10px 0 0;
}

.contents .box:nth-child(2) {
    padding: 0 0 0 10px;
}

.contents .box:nth-child(3) {
    padding: 0 0 0 20px;
}
.contents .box .title {
    background: #51a458;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    padding: 15px 0;
}


.contents .box > div {
    border: 1px solid #51a458;
    padding: 20px;
}

.contents .box > div b {
    text-align: center;
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;

}

.contents .box > div b span {
    font-size: 20px;
    font-size: 2.0rem;
    color: #51a458;
    font-weight: bold;
    border-bottom: 3px solid #ffff00;
}

.contents .box > div p {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 15px 5px;
    line-height: 1.5;
    min-height: 135px;
}

.contents .alert {
    padding: 30px 0 0;
}

.contents .alert .lines-on-sides {
    font-size: 25px;
    font-size: 2.5rem;
    font-weight: bold;

    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center; /* for no-flexbox browsers */
}

.contents .alert .lines-on-sides:before,
.contents .alert .lines-on-sides:after {
    border-top: 1px solid;
    content: "";
    display: inline; /* for IE */
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex: 1;
    flex-grow: 1;
}

.contents .alert .lines-on-sides:before {
    margin-right: 0.5em;
}

.contents .alert .lines-on-sides:after {
    margin-left: 0.5em;
}


.contents .btn2 {
    border: 1px solid #51a458;
    padding: 10px 0;
    margin: 30px 0 0;
}

.contents .btn2 .tb > div {
    padding: 0 10px;
}

.contents .btn2 .tb:first-child {
    margin: 0 0 10px;
}

.contents .btn2 .tb:first-child > div p {

    padding: 10px 0 0;

    text-align: center;
}

.contents .btn2 div a span {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 5px 0 0;
}


.contents .reason .tt {
    text-align: center;
    font-size: 20px;
    font-size: 2.0rem;

/*    background: url(../images/img15.png) no-repeat left 30px center; */
    min-height: 200px;

}

.contents .reason .tt p {
    font-weight: bold;
}

.contents .reason .tt p span {
    color: #006400;
    font-weight: bold;
}



#reason1,
#reason2,
#reason3 {
    padding: 50px 0 0;
}

.contents .reason .tt p {
    font-size: 30px;
    font-size: 3.0rem;
    line-height: 1.5;
}

.contents .reason p {
    text-align: left;
    font-size: 10px;
    font-size: 1.0rem;
    line-height: 1.5;
}


.contents .reason .rule p {
    text-align: center;
    font-weight: bold;
    padding: 30px 0;
}

.contents .reason h4+p {
    padding: 10px;
    background: #eef2e4;
    margin: 20px 0 0
}

.contents .reason .box > div {
    padding: 0;
}

.contents .reason .box > div a {
    display: block;
    background: url(../img/arrow2.png) no-repeat center bottom 10px;
    padding: 20px 20px 40px;
    line-height: 1.5;
    min-height: 290px;
}

.contents .reason .box > div a img {
    width: 100%;
}


.contents_slide .bx-wrapper {
    border: 1px solid #ccc;
}

.contents .area01 {
    padding: 30px 0 0;
}

.contents .area01 .f_l,
.contents .area01 .f_r {
    border: 1px solid #ccc;
    box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px 2px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px 2px;
    -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px 2px;
    padding: 20px;
}

.contents .area01 .block01 {
    text-align: left;
    color:black;
    background: url(../images/arrow3.png) no-repeat right center;
}

.contents .area01 .block01 b {
    font-weight: bold;
    font-size: 12px;
    font-size: 1.2rem;
    color: #006400;
}

.contents .area01 .block01 p {

    font-weight: bold;
    font-size: 10px;
    font-size: 1.0rem;
    padding: 15px 0 0;
    text-align: center;
}

.contents .area01 .block02 p {
    text-align: left;
    font-size: 8px;
    font-size: 0.8rem;
    color:black;
}


.contents .area01 .block02 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4) inset;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4) inset;

    padding: 15px;
    margin: 20px 0 0;

    line-height: 1.5;
}

.contents .area01 .block02 b {
    padding: 5px 0;
    display: block;
}


.contents .area02 .block {
    border: 1px solid #ccc;
    box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px 2px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px 2px;
    -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px 2px;
    float: left;
    padding: 10px;
    margin: 0 0px 0 0;
}

.contents .area02 .block img {
}

.contents .area02 .block .box01 {
    background: url(../images/arrow3.png) no-repeat right center;
}

.contents .area02 .block .box01 p {
    font-weight: bold;
    font-size: 20px;
    font-size: 2.0rem;
    color: #006400;

    padding: 15px 10px 35px;
}

.contents .area02 .block01 {
}

.contents .area02 .block02 {
}

.contents .reason .img {
    padding: 20px 0 0;
}


.contents .area03  {
    border: 1px solid #ccc;
    box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px 2px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px 2px;
    -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px 2px;
    padding: 20px;
    margin: 30px auto 0;
}

.contents .area03 .block01 {
}

.contents .area03 .block01 p {
    color: #006400;
    font-weight: bold;
    font-size: 15px;
    font-size: 1.5rem;
    padding: 10px 0 0;
    text-align: center;
}

.contents .area03 .block02 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4) inset;
    -webkit-box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4) inset;

    padding: 15px;
    margin: 20px 0 0;

    line-height: 1.5;
    min-height: 166px;
}

.contents .area03 .block02 b {
    padding: 5px 0;
    display: block;
}

/*----------------------------------------------------
	slider
----------------------------------------------------*/

.bxslider .s1 {
    position: absolute;
    width: 450px;
    height: 300px;
    background:  rgba(255,255,255,0.8);
    top: 12px;
    left: 30px;
}

.bxslider .tt {

}

.bxslider p {
    line-height: 1.5;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #006400;
}




.bannerContent {
    border: 1px solid #ccc;
    box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px 2px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px 2px;
    -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px 2px;
    padding: 20px;
    color: #008000;
    font-size: 16px;
    font-size: 1.6rem;

    margin: 50px 0 0;
}

.bannerContent .f_l p{
    font-size:1.0rem;
}

.bannerContent b {
    font-size: 13px;
    font-size: 1.3rem;
    display: block;
}