@charset "UTF-8";

.sec_kv .ttl{
	margin-left: -.04em;
}

.sec_kv .box{
	padding: 5vw 5vw 5vw 5.6vw;
	position: relative;
	margin: -1.5vw 0 0 11vw;


}


.sec_kv .ttl{
	font-size: 12.4vw;
	line-height: 0.95;
}


@media screen and (min-width: 1600px)  {
	.sec_kv .img{
		height: 680px;
	}
}


@media screen and (max-width: 1024px)  {
	.sec_kv .img{
		height: 420px;
	}
}

@media screen and (min-width: 769px)  {
	.sec_kv .img{
		width: 82.5%;
	}
}

@media screen and (max-width: 767px){
.sec_kv {
    padding: calc(60px + 10.5%) 0 7.55%;
}

.sec_kv .box{
	position: absolute;
}

.sec_kv .ttl{
	font-size: 15.6vw;
}
}

.wrap{
  /* max-width: 1024px; */
  width: 88%;
}

@media screen and (max-width: 1280px)  {
  .wrap{
    width: 94%;
    max-width: 1024px;
  }
}
@media screen and (max-width: 767px){
.wrap {
    width: 85%;
}

.sec_kv .box{
	margin: 0;
}
}




/* potision
--------------------------------*/
.sec_potision .txt{
	margin-top: 25px;
}
.sec_potision .img{
	text-align: center;
	margin-top: 65px;
	width: 44vw;
	margin: 65px auto 0 auto;
}
@media screen and (max-width: 1280px) {
	.sec_potision .img{
		max-width: 542px;
	}
}
@media screen and (max-width: 768px) {
	.sec_potision .txt{
		margin-top: 9%;
	}
	.sec_potision .img{
		margin-top: 6%;
		width: 100%;
	}
	.sec_potision .sp_block{
		display: flex;
		flex-direction: column-reverse;
	}
}

.ttl_sec .sp2{
	display: none!important;
}

@media screen and (max-width: 768px) {
	.ttl_sec{
		font-size: 4.9vw;
	}
	.ttl_sec .sp2{
		display: block!important;
	}

	.ttl_sec .sp{
		display: none!important;
	}
}



/* corporate
--------------------------------*/
.sec_corporate .table{
	margin-top: 70px;
}
.sec_corporate .table .green{
	color: #4AFF88;
}
.sec_corporate .table ul li{
	padding-left: .5em;
	text-indent: -.5em;
	line-height: 2.3;
}
.sec_corporate .table .space{
	display: inline-block;
	width: .5em;
}
.sec_corporate .table .logo,
.sec_corporate .table .map{
	margin-top: 25px;
}
.sec_corporate .table iframe{
	border: 0;
	filter: grayscale(50%);
	-webkit-filter: grayscale(50%)
}

.table_type2 table tr:first-child th{
	width: 23%;
}

.table_type2 table tr:first-child td{
	padding: 26px 130px 34px 20px;
}

.table_type2 table tr th{
	line-height: 1.7;
}

.table_type2 table td{
	padding: 26px 130px 24px 20px;
}

@media screen and (max-width: 767px) {
	.sec_corporate .table{
		margin-top: 10%;
	}
	.sec_corporate .table .logo,
	.sec_corporate .table .map{
		margin-top: 3%;
	}
	.sec_corporate .table .logo{
		width: 29vw;
	}
	.sec_corporate .table .map iframe{
		width: 100%;
		height: 65vw;
	}

	.table_type2 table tr:first-child th{
		width: 35%;
	}

	.table_type2 table td{
		padding: 3.5% 0;
	}

	.table_type2 table tr:first-child td{
		padding: 3.5% 0;
	}

	.table_type2 table tr th{
		line-height: 2.15;
	}
}

/* taisei
--------------------------------*/
.sec_taisei .flex{
	display: flex;
	justify-content: space-between;
}

.sec_taisei .flex .img{
	width: 34%;
}

.sec_taisei .flex .left{
	width: 58%;
}

.sec_taisei .txt{
	margin-top: 20px;
}
.sec_taisei dl dt{
	font-size: 2rem;
	font-weight: 700;
	margin-top: 45px;
}
.sec_taisei dl dd{
	line-height: 1.5;
	margin-top: 18px;
}
.sec_taisei .link {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	max-width: 600px;
}
.sec_taisei .link ul{
	width: 43%
}
.sec_taisei .link ul:nth-child(2n){
	width: 57%;
}
.sec_taisei .link li a{
	color: #4AFF88;
	text-decoration: underline;
	position: relative;
	display: inline-block;
	padding-right: 1.5em;
}
.sec_taisei .link li a::before{
	content: '';
	position: absolute;
	top: .6em;
	right: 0;
	width: 1em;
	height: 1em;
	background: url(../img/common/target.svg) no-repeat center center;
	background-size: 96%;
}
.sec_taisei .link li a:hover{
	text-decoration: none;
}

@media screen and (max-width: 1024px) {
	.sec_taisei .flex .left{
		width: 80%;
	}

	.sec_taisei .txt{
		width: 90%;
	}
}

@media screen and (max-width: 768px) {
	.sec_taisei .flex{
		display: block;
	}
	.sec_taisei .img{
		margin-top: 6%;
	}
	.sec_taisei .txt{
		margin-top: 6%;
		width: 100%;
	}
	.sec_taisei dl dt{
		font-size: 3.1vw;
		margin-top: 12%;
	}
	.sec_taisei dl dd{
		margin-top: 0;
		line-height: 2;
	}
	.sec_taisei dl dd+dt{
		margin-top: 5%;
	}
	.sec_taisei .link ul{
		display: block;
		max-width: 100%;
	}
	.sec_taisei .link ul{
		width: 100%;
		margin-top: 2%;
	}
	.sec_taisei .link ul+ul{
		margin-top: 3%;
	}
	.sec_taisei .link li+li{
		margin-top: 3%;
	}
	.sec_taisei .link li:nth-child(2n){
		width: 100%;
	}

	.sec_taisei .flex .left{
		width: 100%;
	}

	.sec_taisei .flex .img{
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	dd{
		font-size: 3vw;
	}
}

/* values
--------------------------------*/
.sec_values .txt{
	margin-top: 20px;
}
.sec_values dl dt{
	font-weight: 700;
	border-bottom: 1px solid #FFFFFF;
	padding-bottom: .5em;
	position: relative;
	margin-top: 50px;
}
.sec_values dl dt::before{
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	background: #4AFF88;
	z-index: 1;
	width: 218px;
	height: 1px;
}
.sec_values dl dd+dt{
	margin-top: 25px;
}

.sec_values dl dd+dt.mb45{
	margin-top: 45px;
}
.sec_values dl dd table{
	width: 100%;
	border-collapse: collapse;
}
.sec_values dl dd table.mb{
	margin-bottom: 18px;
}
.sec_values dl dd th,
.sec_values dl dd td{
	padding: 20px 0;
	vertical-align: top;
}

.sec_values dl dd td{
	line-height: 2.1;
}


.sec_values dl dd th{
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.48;
	width: 42%;
}
.sec_values dl dd td{
	width: 66%;
}
.sec_values dl dd .slogan{
	text-align: center;
	margin-top: 20px;
}
@media screen and (max-width: 768px) {
	.sec_values .txt{
		margin-top: 6%;
	}
	.sec_values dl dt{
		margin-top: 7%;
	}
	.sec_values dl dt::before{
		width: 10vw;
	}
	.sec_values dl dd+dt{
		margin-top: 6%;
	}
	.sec_values dl dd table.mb{
		margin-bottom: 11%;
	}
	.sec_values dl dd{
		line-height: 1.8;
		margin-top: 0%;
	}
	.sec_values dl dd th,
	.sec_values dl dd td{
		line-height: 1.8;
		padding: 0;
		display: block;
		width: 100%;
	}
	.sec_values dl dd th{
		font-size: 4.4vw;
		margin-top: 2%;
	}
	.sec_values dl dd td{
		margin-top: 2%;
	}
	.sec_values dl dd tr:not(:first-child) th{
		margin-top: 12%;
	}
	.sec_values dl dd .slogan{
		margin-top: 3%;
	}
}