@charset "utf-8";
/* Company */
.mv-bg{background: url("../img/company/mv.jpg") no-repeat center center/cover;}

.company-group{margin-bottom: 120px;}
.company-group:last-of-type{margin-bottom: 0;}

.company-nav{display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 60px;}
.company-nav a{width: 23.4%; height: 60px; font-weight: 500; font-size: 1.4rem; line-height: 1.2; display: flex; justify-content: center; align-items: center; border: 1px solid #1F9042; color: #1F9042; text-align: center; padding: 0 5px;}
.company-nav a:hover,
.company-nav a.is-active{background: #1F9042; color: #fff;}
.company-nav a:not(:last-child){margin-right: 25px;}

@media (max-width: 767px){
    .company-group{margin-bottom: 80px;}
    
    .company-nav{margin-bottom: 30px; flex-direction: column; align-items: center;}
    .company-nav a{width: min(80vw, 280px); margin: 0 0 2%; height: 50px;}
    .company-nav a:not(:last-child){ margin-right: 0;}
    .company-nav a:last-child{margin-bottom: 0;}
}


/* policy */
.mission{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin-bottom: 85px;}
.mission-img{width: 39.26%;}
.mission-img img{height: auto;}
.mission-cont{width: 60.74%; padding: 0 0 0 6%;}
.mission .m-tit4{text-align: left;}
.mission-txt{font-size: 3rem; font-weight: 500; line-height: 1.75;}
.mission-txt2{font-size: 1.8rem; font-weight: 500; line-height: 1.75; margin-top: 1em;}

.csr{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; border: 1px solid #E6E6E6; padding: 30px 0; margin: 0 0 120px;}
.csr-img{width: 54%; padding: 0 30px; text-align: center;}
.csr-txt{width: 46%; padding: 0 30px 0 0;}

@media (max-width: 1023px){
    .mission-txt{font-size: 2.3vw;}
}

@media (max-width: 767px){
    .mission{margin-bottom: 50px;}
	.mission .m-tit4{text-align: center;}
	
    .mission-img{width: 100%; text-align: center;}
    .mission-cont{width: 100%; order: -1; padding: 0 0 20px;}
    .mission-txt{font-size: 2.2rem;}
    .mission-txt2{font-size: 1.6rem;}
	
    .csr{padding: 20px; margin: 0 0 60px;}
    .csr-img{width: 100%; padding: 0 0 20px; text-align: center;}
    .csr-txt{width: 100%; padding: 0;}
}

/* message */
.message-head{display: flex; justify-content: center; align-items: center; margin: 0 0 40px;}
.message-head .m-tit4{text-align: left;}
.message-photo{margin: 0 60px 0 0;}
.message-info{font-size: 1.4rem;}
.message-name{font-size: 2.4rem; font-weight: 500;}
.message-btn{width: 180px; margin: 20px 0 0 0;}
.message-btn a{display: block; background: #989898; color: #fff; font-weight: 500; font-family: 'Josefin Sans', sans-serif; position: relative; padding: 8px 0 6px; text-align: center; letter-spacing: 0.1em; transition: .3s;}
.message-btn a:after{content: ''; position: absolute; top: 15px; right: 20px; border: solid #fff; border-width: 0 1px 1px 0; display: inline-block; padding: 2px; transform: rotate(-45deg);}
.message-btn a:hover{background: #1F9042;}
.message-txt{font-size: 2.2rem; font-weight: 600;}
.message-desc{font-size: 1.8rem;}
.message-desc p{padding: 2em 0 0 0;}

@media (max-width: 767px){
	.message-head{margin: 0 0 25px;}
	.message-photo{margin: 0 20px 0 0; width: 150px;}
	.message-name{font-size: min(6vw,2.4rem);}
	.message-btn{width: 130px; margin: 12px 0 0 0;}
	.message-btn a:after{right: 10px;}
	.message-txt{font-size: 1.9rem;}
	.message-desc{font-size: 1.6rem;}
	.message-desc p{padding: 1em 0 0 0;}
}

/* profile */
.profile-tbl{width: 100%;}
.profile-tbl th,
.profile-tbl td{vertical-align: top;}
.profile-tbl th{width: 210px; border-top: 1px solid #479D63; padding: 30px 0; font-size: 1.8rem; font-weight: 500;}
.profile-tbl td{border-top: 1px solid #D8D8D8; padding: 30px 0 30px 30px;}

.profile-tbl_list{display: flex; flex-wrap: wrap;}
.profile-tbl_list li{margin-right: 2em;}

.company-logo{display: flex; justify-content: center; flex-wrap: wrap; align-items: center; max-width: 900px; margin: 0 auto; width: 100%;}
.company-logo li{margin: 40px 30px 0;}

@media (max-width: 767px){
	#profile .m-tit4.f-en{margin-bottom: 20px;}
    .profile-tbl,
    .profile-tbl tbody,
    .profile-tbl tr,
    .profile-tbl th,
    .profile-tbl td{width: 100%; display: block;}
    .profile-tbl th{padding: 10px 0; font-size: 1.8rem;}
    .profile-tbl td{padding: 0 0 20px; border: none;}
    .profile-tbl_list li{margin-right: 0;}
    .profile-tbl th{position: relative;}
    .profile-tbl th::after{position: absolute; content: ""; width: 80%; height: 1px; background: #D8D8D8; top: -1px;right: 0;}

	.company-logo{width: 100%;}
    .company-logo li{margin: 30px 20px 0;}
}

/* intro */
.intro-box{display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 0 70px;}
.intro-box:last-of-type{margin: 0;}
.intro-img{width: 31.5%;}
.intro-cont{width: 64.2%;}
.intro-pos{font-size: 1.4rem;}
.intro-name{font-size: 2.4rem; font-weight: 500; margin: 0 0 5px;}
.intro-desc{font-size: 1.2rem;}
.intro-desc p{padding: 0 0 1em;}

@media (max-width: 767px){
    .intro-box{margin: 0 0 50px;}
    .intro-img{width: 100%; text-align: center; margin: 0 0 15px}
    .intro-cont{width: 100%;}
    .intro-pos{text-align: center;}
    .intro-name{text-align: center;}
}