@charset "UTF-8";

/* Collaboration > Landsat
-------------------------------------------------- */

/*-------------Common---------------*/

html {
   overflow-x: hidden; 
}

.pg_collabo_landsat main {
    overflow-x: hidden;
}

.pg_collabo_landsat main {
    font-size: 16px;
    line-height: 2em;
}

.pg_collabo_landsat #l_footer {
    margin-top: 0;
    background-color: #f5f5f2;
}

.pg_collabo_landsat #l_footer .wrp_container {
    /*background-color: #f5f5f2;*/
}

.sec-collabo-heading {
    text-align: center;
}

.sec-collabo-heading h2 {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.5em;
}

.sec-collabo-heading p {
    color: #a4062c;
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
}

.pg_collabo_landsat section.wrp_container {
    margin-top: 90px;
}

.pg_collabo_landsat .wrp_container strong,
.pg_collabo_landsat .wrp_container_full strong {
    color: #2e8b57;
}

@media (max-width: 767px){
    
    .pg_collabo_landsat main {
        overflow-x: hidden;
    }

    .pg_collabo_landsat main {
        font-size: 14px;
        line-height: 2em;
    }

    .pg_collabo_landsat #l_footer {
        margin-top: 0;
        background-color: #f5f5f2;
    }

    .pg_collabo_landsat #l_footer .wrp_container {
        /*background-color: #f5f5f2;*/
    }

    .sec-collabo-heading {
        text-align: center;
    }

    .sec-collabo-heading h2 {
        font-size: 24px;
        font-weight: 400;
        line-height: 1.5em;
    }

    .sec-collabo-heading p {
        color: #a4062c;
        font-size: 14px;
        font-weight: 600;
        margin-top: 0;
    }

    .pg_collabo_landsat section.wrp_container {
        margin-top: 90px;
    }

    .pg_collabo_landsat .wrp_container strong,
    .pg_collabo_landsat .wrp_container_full strong {
        color: #2e8b57;
    }

}


/*-------------Heading---------------*/

.collabo-landsat_main-visual {
    height: 630px;
    /*background: url(/resource/img/collaboration/landsat/pct_main.jpg) no-repeat center top;*/
    position: relative;
}

@media (min-width: 1500px){
    .collabo-landsat_main-visual {
        background-size: 100% auto;
    }
}

.collabo-landsat_main-visual .wrp_container {
    max-width: 1200px;
	padding: 0 15px;
}

.collabo-landsat_main-visual .nav_breadcrumb * {
    color: #333333;
}

.collabo-landsat_main-visual .wrp_heading_bg {
    background: url(/resource/img/collaboration/landsat/pct_main_plant.png) no-repeat left bottom,url(/resource/img/collaboration/landsat/pct_main_bg.png) ;
    position: absolute;
    left: 0;
    right: 56%;
    top: 0;
    bottom: 0;
    width:100%;
}

.collabo-landsat_main-visual .wrp_heading_message {
    position: relative;
}

.collabo-landsat_main-visual .wrp_heading_message .txt_head {
    text-align: left;
    font-size: 18px;
    line-height: 2em;
    margin: 60px 0 0 70px;
}


@media screen and (min-width: 768px) and (max-width: 1024px){
    
    .collabo-landsat_main-visual .wrp_heading_message h1 {
        margin-left: 20px;
    }
    
    .collabo-landsat_main-visual .wrp_heading_message h1 img {
        width: 50%;
        height: auto;
    }
    
    .collabo-landsat_main-visual .wrp_heading_message .txt_head {
        margin: 60px 0 0 20px;
    }
    
}

@media (max-width: 767px){

    .collabo-landsat_main-visual {
        height: 600px;
        background: url(/resource/img/collaboration/landsat/pct_main_sp.jpg) no-repeat right 250px;
        background-size: 100% auto;
        position: relative;
    }

    .collabo-landsat_main-visual .wrp_container {
        max-width: 1200px;
        padding: 0 15px;
    }

    .collabo-landsat_main-visual .nav_breadcrumb * {
        color: #333333;
    }

    .collabo-landsat_main-visual .wrp_heading_bg {
        background: none;
        background: url(/resource/img/collaboration/landsat/pct_main_bg.png) ;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: inherit;
        height: 250px;
    }

    .collabo-landsat_main-visual .wrp_heading_message {
        position: relative;
        padding: 35px 0 0 10px;
    }
    
    .collabo-landsat_main-visual .wrp_heading_message h1 {
        width: 230px;
    }
    
    .collabo-landsat_main-visual .wrp_heading_message h1 img {
        width: 100%;
        height: auto;
    }

    .collabo-landsat_main-visual .wrp_heading_message .txt_head {
        text-align: left;
        font-size: 13px;
        line-height: 2em;
        margin: 20px 0 0 0;
    }

}


/*-------------Outline---------------*/

.sec_collabo_outline {
    background: url(/resource/img/collaboration/landsat/bg_profile.jpg) no-repeat center bottom;
    background-size: 100% auto;
    padding: 0 0 310px;
}

.sec_collabo_outline > .inner {
    max-width: 1170px;
    padding: 0 15px;
    margin: auto;
}

.txt_lead_collabo {
    text-align: center;
}

.txt_lead_collabo h2 {
    color: #333333;
}

.txt_lead_collabo p {
    margin-top: 35px;
}

.txt_lead_collabo a,
.txt_lead_collabo strong {
    color: #a4062c !important;
}

.txt_lead_collabo a {
    text-decoration: underline;
    font-weight: 500;
}

.txt_lead_collabo a:hover {
    text-decoration: none;
    overflow-x: hidden;
}

.sec_collabo_outline > .inner .chart {
    margin-top: 100px;
}

.sec_collabo_outline .profile {
    margin-top: 120px;
}

.sec_collabo_outline .profile > * {
    box-sizing: border-box;
    width: 50%;
    float: left;
}

.sec_collabo_outline .profile .profile_text {
    width: 60%;
    padding: 0 0 0 60px;
}

.sec_collabo_outline .profile .profile_text h3 {
    max-width: 323px;
    padding-right: 35px;
}

.sec_collabo_outline .profile .profile_text dl {
    font-weight: bold;
    margin-top: 40px;
    padding-right: 35px;
}

.sec_collabo_outline .profile .profile_text dt {
    font-size: 18px;
    line-height: 1.67em;
}

.sec_collabo_outline .profile .profile_text dd {
    font-size: 32px;
    line-height: 1.67em;
}

.sec_collabo_outline .profile .profile_text p {
    margin-top: 10px;
}

.sec_collabo_outline .profile .profile_text ul {
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 35px;
}

.sec_collabo_outline .profile .profile_text p + ul {
    margin-top: 10px;
}

.sec_collabo_outline .profile .profile_text li {
    list-style: disc outside;
    padding: 5px 0;
}

.sec_collabo_outline .profile .profile_text p.txt-appeal {
    font-size: 24px;
    line-height: 1.5em;
    color: #ffffff !important;
    background-color: #2e8b57;
    background: rgb(46,139,87);
    background: linear-gradient(90deg, rgba(46,139,87,1) 0%, rgba(46,139,87,1) 70%, rgba(255,255,255,1) 100%);
    padding: 5px 8px;
    margin-top: 0;
}

.sec_collabo_outline .profile .profile_text p strong {
    color: #ffffff !important;
    /*
    font-size: 24px;
    line-height: 1.5em;
    color: #ffffff !important;
    background-color: #2e8b57;
    padding: 5px 8px;
    */
}

.sec_collabo_outline .profile .profile_text p.txt_note {
    padding-right: 35px;
}

.sec_collabo_outline .profile .profile_photo {
    width: 40%;
    position: relative;
    padding: 105px 0 0;
    /*
    position: absolute;
    right: 0;
    */
}
.sec_collabo_outline .profile .profile_photo > div:nth-child(1) {
    width: 57.78%;
}
.sec_collabo_outline .profile .profile_photo > div:nth-child(2) {
    width: 66.32%;
    position: absolute;
    right: 0;
    top: 0;
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    
    .sec_collabo_outline .profile .profile_text {
        width: 60%;
        padding: 0 30px 0 0;
    }
    .sec_collabo_outline .profile .profile_text p.txt-appeal {
        font-size: 20px;
        background: rgb(46,139,87);
    }    
}

@media (max-width: 767px){

    .sec_collabo_outline {
        background: url(/resource/img/collaboration/landsat/bg_profile.jpg) no-repeat center bottom;
        padding: 0 0 50px;
    }

    .sec_collabo_outline > .inner {
        max-width: 1170px;
        padding: 0 15px;
        margin: auto;
    }

    .txt_lead_collabo {
        text-align: center;
    }

    .txt_lead_collabo h2 {
        color: #333333;
    }

    .txt_lead_collabo p {
        margin-top: 20px;
        text-align: left;
    }
    
    .txt_lead_collabo h2 br ,
    .txt_lead_collabo p br {
        display: none;
    }

    .txt_lead_collabo a,
    .txt_lead_collabo strong {
        color: #a4062c !important;
    }

    .txt_lead_collabo a {
        text-decoration: underline;
        font-weight: 500;
    }

    .txt_lead_collabo a:hover {
        text-decoration: none;
    }

    .sec_collabo_outline > .inner .chart {
        margin-top: 40px;
    }

    .sec_collabo_outline .profile {
        margin-top: 60px;
    }

    .sec_collabo_outline .profile > * {
        box-sizing: border-box;
        width: auto;
        float: none;
    }

    .sec_collabo_outline .profile .profile_text {
        width: auto;
        padding: 0;
    }

    .sec_collabo_outline .profile .profile_text {
        padding: 0;
    }

    .sec_collabo_outline .profile .profile_text h3 {
        max-width: 200px;
    }

    .sec_collabo_outline .profile .profile_text dl {
        font-weight: bold;
        margin-top: 20px;
    }

    .sec_collabo_outline .profile .profile_text dt {
        font-size: 14px;
        line-height: 1.67em;
    }

    .sec_collabo_outline .profile .profile_text dd {
        font-size: 18px;
        line-height: 1.67em;
    }

    .sec_collabo_outline .profile .profile_text p {
        margin-top: 10px;
    }
    
    .sec_collabo_outline .profile .profile_text p.txt_note {
        font-size: 11px;
        line-height: 1.67em;
    }

    .sec_collabo_outline .profile .profile_text ul {
        margin-top: 20px;
        padding-left: 20px;
    }

    .sec_collabo_outline .profile .profile_text li {
        list-style: disc outside;
        padding: 5px 0;
    }
    
    .sec_collabo_outline .profile .profile_text p.txt-appeal {
        font-size: 15px;
        line-height: 1.5em;
        color: #ffffff !important;
        background-color: #2e8b57;
        background: rgb(46,139,87);
        padding: 5px 8px;
        margin-top: 0;
    }  
    
    .sec_collabo_outline .profile .profile_text li strong {
        font-size: 17px;
        line-height: 1.5em;
        padding: 4px 6px;
    }
    
    .sec_collabo_outline .profile .profile_photo {
        width: auto;
        position: relative;
        padding: 50px 0 0;
        margin-top: 30px;
    }
    .sec_collabo_outline .profile .profile_photo > div:nth-child(1) {
        width: 57.78%;
    }
    .sec_collabo_outline .profile .profile_photo > div:nth-child(2) {
        width: 66.32%;
        position: absolute;
        right: 0;
        top: 0;
    }
}


/*-------------Award---------------*/
.sec_collabo_award {
    margin: -162px 0 0;
}
.sec_collabo_award strong {
    color: #a4062c !important;
}

.sec_collabo_award .lst_menu li {
    padding: 1px 0 0 1px;
    position: relative;
}

.sec_collabo_award .lst_menu li a {
    display: block;
    position: relative;
}

.sec_collabo_award .lst_menu li a img {
    width: 100%;
}
.sec_collabo_award .lst_menu li a:hover {
    color: #333333;
}

.sec_collabo_award .lst_menu li a:hover img {
    opacity: 0.7;
}

.sec_collabo_award .lst_menu li span {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.33em;
    padding: 3px 8px;
}

.sec_collabo_award .lst_menu li dl {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.33em;
    padding: 3px 8px;
    width: auto;
    max-width: 220px;
}

.sec_collabo_award .lst_menu li dl dt {
    width: 2em;
    color: #a4062c;
    float: left;
    clear: both;
}

.sec_collabo_award .lst_menu li dl dd {
    margin: 0 0 0 2.7em;
}

.sec_collabo_award .txt_note {
    font-size: 13px;
    text-indent: -1em;
    margin: 0 0 0 1em;
}

@media (max-width: 767px){

    .sec_collabo_award {
        margin: 0;
    }
    .sec_collabo_award strong {
        color: #a4062c !important;
    }
    .sec_collabo_award .lst_menu li {
        padding: 1px 0 0 1px;
        position: relative;
    }
    
    .sec_collabo_award .lst_menu li.grid_3 {
        width: 50%;
        height: auto;
        float: left;
    }

    .sec_collabo_award .lst_menu li span {
        position: absolute;
        right: 0;
        bottom: 0;
        background-color: #ffffff;
        font-size: 9px;
        font-weight: 400;
        line-height: 1.33em;
        padding: 2px 5px;
    }
    
    .sec_collabo_award .lst_menu li dl {
        position: absolute;
        right: 0;
        bottom: 0;
        background-color: #ffffff;
        font-size: 9px;
        font-weight: 400;
        line-height: 1.25em;
        padding: 2px 5px;
        width: auto;
        max-width: 150px;
    }
    
    .sec_collabo_award .lst_menu li dt ,
    .sec_collabo_award .lst_menu li dd {
        line-height: 1.25em;
    }

}


/*-------------Interview---------------*/
.wrp_interview {
    margin: 70px 0 0;
    position: relative;
}
.wrp_interview_1 {
    margin: 70px 0 0;
}

.wrp_interview_2 {
    margin: 140px 0 0;
}
.wrp_interview_3 {
    margin: 70px 0 0;
}

.wrp_interview_text {
    background-color: #f5f5f5;
    padding: 70px;
}

.wrp_interview_photo {
    position: absolute;
    width: 47.01%;
}

.wrp_interview_1 .wrp_interview_text {
    margin: 0 19.66% 0 0;
    padding-left: 5.98%;
    padding-right: 34.19%;
}

.wrp_interview_1 .wrp_interview_photo {
    right: 0;
    top: 70px;
}

.wrp_interview_2 .wrp_interview_text {
    margin: 0 0 0 19.66%;
    padding-left: 34.19%;
    padding-right: 5.98%;
}

.wrp_interview_2 .wrp_interview_photo {
    left: 0;
    top: 70px;
}

.wrp_interview_3 .wrp_interview_text {
    margin: 0 0 0 19.66%;
    padding-left: 34.19%;
    padding-right: 5.98%;
}

.wrp_interview_3 .wrp_interview_photo {
    left: 0;
    top: 70px;
}


.wrp_interview > div h3 {
    font-size: 21px;
    font-weight: 600;
    line-height: 1.67em;
    color: #333333;
    position: relative;
    padding: 0 0 18px;
}

.wrp_interview > div h3:after {
    position: absolute;
    content: "";
    width: 67px;
    height: 1px;
    left: 0;
    bottom: 0;
    background-color: #2e8b57;
}

.wrp_interview > div h3 + p {
    margin-top: 28px;
}

.wrp_interview > div p + h3 {
    margin-top: 50px;
}

.collabo_interview_photo {
    position: relative;
    height: 520px;
}

.collabo_interview_photo img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 35px;
}

@media screen and (min-width: 768px) and (max-width: 1024px){

    .wrp_interview {
        margin: 70px 0 0;
        position: relative;
    }
    .wrp_interview_1 {
        margin: 70px 0 0;
    }

    .wrp_interview_2 {
        margin: 80px 0 0;
    }
    .wrp_interview_3 {
        margin: 70px 0 0;
    }

    .wrp_interview_text {
        background-color: #f5f5f5;
        padding: 70px;
    }

    .wrp_interview_photo {
        position: absolute;
        width: 40%;
    }

    .wrp_interview_1 .wrp_interview_text {
        margin: 0 19.66% 0 0;
        padding-left: 3%;
        padding-right: 24%;
    }

    .wrp_interview_1 .wrp_interview_photo {
        right: 0;
        top: 70px;
    }

    .wrp_interview_2 .wrp_interview_text {
        margin: 0 0 0 19.66%;
        padding-left: 24%;
        padding-right: 3%;
    }

    .wrp_interview_2 .wrp_interview_photo {
        left: 0;
        top: 70px;
    }

    .wrp_interview_3 .wrp_interview_text {
        margin: 0 0 0 19.66%;
        padding-left: 24%;
        padding-right: 3%;
    }

    .wrp_interview_3 .wrp_interview_photo {
        left: 0;
        top: 70px;
    }


    .wrp_interview > div h3 {
        font-size: 21px;
        font-weight: 600;
        line-height: 1.67em;
        color: #333333;
        position: relative;
        padding: 0 0 18px;
    }

    .wrp_interview > div h3:after {
        position: absolute;
        content: "";
        width: 67px;
        height: 1px;
        left: 0;
        bottom: 0;
        background-color: #2e8b57;
    }

    .wrp_interview > div h3 + p {
        margin-top: 28px;
    }

    .wrp_interview > div p + h3 {
        margin-top: 50px;
    }

    .collabo_interview_photo {
        position: relative;
        height: 400px;
    }

    .collabo_interview_photo img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: auto;
        height: 400px;
    }
    
}

@media (max-width: 767px){

    .wrp_interview {
        margin: 50px 0 0;
        position: relative;
    }
    .wrp_interview_1 {
        margin: 30px 0 0;
    }

    .wrp_interview_2 {
        margin: 50px 0 0;
    }
    .wrp_interview_3 {
        margin: 50px 0 0;
    }

    .wrp_interview_text {
        background-color: #f5f5f5;
        padding: 20px 15px;
    }

    .wrp_interview_photo {
        position: relative;
        width: auto;
    }

    .wrp_interview_1 .wrp_interview_text {
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .wrp_interview_1 .wrp_interview_photo {
        right: 0;
        top: 10px;
    }

    .wrp_interview_2 .wrp_interview_text {
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .wrp_interview_2 .wrp_interview_photo {
        left: 0;
        top: 10px;
    }

    .wrp_interview_3 .wrp_interview_text {
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    .wrp_interview_3 .wrp_interview_photo {
        left: 0;
        top: 10px;
    }

    .wrp_interview > div h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5em;
        color: #333333;
        position: relative;
        padding: 0 0 13px;
    }

    .wrp_interview > div h3:after {
        position: absolute;
        content: "";
        width: 67px;
        height: 1px;
        left: 0;
        bottom: 0;
        background-color: #2e8b57;
    }

    .wrp_interview > div h3 + p {
        margin-top: 18px;
    }

    .wrp_interview > div p + h3 {
        margin-top: 30px;
    }

    .collabo_interview_photo {
        position: relative;
        height: 200px;
    }

    .collabo_interview_photo img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: auto;
        height: 200px;
    }

}


/*-------------Property---------------*/
.pg_collabo_landsat section.sec_collabo_property {
    margin-top: 0;
    background-color: #f5f5f2;
    padding-bottom: 95px;
}

.sec_collabo_property .inner {
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto;
}

.lst_collabo_property li {
    margin-top: 60px;
}
.lst_collabo_property li + li {
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px #cccccc dashed;
}
.lst_collabo_property li > div {
    float: right;
    box-sizing: border-box;
}

.lst_collabo_property li .grid_info {
    width: 50%;
    padding: 0 20px 0 50px;
}

.lst_collabo_property li .grid_photo {
    width: 50%;
}

.lst_collabo_property .grid_info h3 {
    font-size: 22px;
    line-height: 1.67em;
    font-weight: 400;
}

.lst_collabo_property .grid_info .txt_lead {
    font-size: 32px;
    line-height: 1.5em;
    color: #a4062c;
    text-align: left;
    margin: 12px 0 0;
}

.lst_collabo_property .grid_info dl {
    margin: 20px 0 0;
    line-height: 1.67em;
}

.lst_collabo_property .grid_info dt {
    width: 5.5em;
    clear: both;
    float: left;
    padding: 3px 0 3px 0;
}

.lst_collabo_property .grid_info dd {
    padding: 3px 0 3px 6em;
}

.lst_collabo_property .grid_info .btn {
    margin-top: 30px;
}

@media screen and (min-width: 768px) and (max-width: 1024px){
    .lst_collabo_property li .grid_info {
        width: 50%;
        padding: 0 20px 0 0;
    }    
}

@media (max-width: 767px){

    .pg_collabo_landsat section.sec_collabo_property {
        margin-top: 0;
        background-color: #f5f5f2;
        padding-bottom: 50px;
    }

    .sec_collabo_property .inner {
        max-width: 1170px;
        padding: 0 15px;
        margin: 0 auto;
    }

    .lst_collabo_property li {
        margin-top: 30px;
    }
    .lst_collabo_property li + li {
        margin-top: 30px;
        padding-top: 30px;
    }
    .lst_collabo_property li > div {
        float: none;
        box-sizing: border-box;
    }

    .lst_collabo_property li .grid_info {
        width: auto;
        padding: 20px 0 0 0;
    }

    .lst_collabo_property li .grid_photo {
        width: auto;
    }

    .lst_collabo_property .grid_info h3 {
        font-size: 16px;
        line-height: 1.67em;
        font-weight: 400;
    }

    .lst_collabo_property .grid_info .txt_lead {
        font-size: 18px;
        line-height: 1.5em;
        color: #a4062c;
        text-align: left;
        margin: 10px 0 0;
    }

    .lst_collabo_property .grid_info dl {
        margin: 10px 0 0;
        line-height: 1.67em;
    }

    .lst_collabo_property .grid_info dt {
        width: 5.5em;
        clear: both;
        float: left;
        padding: 3px 0 3px 0;
    }

    .lst_collabo_property .grid_info dd {
        padding: 3px 0 3px 6em;
    }
    
    .lst_collabo_property .grid_info .btn_detail {
        text-align: center;
    }

    .lst_collabo_property .grid_info .btn {
        margin: auto;
        margin-top: 20px;
    }

}