/*================================================================================

chiye css

================================================================================*/

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


/* section-visual
--------------------------------------------------------------------------------*/

.section-visual {
	position: relative;
}

.section-visual .inner {
	position: initial;
	width: 100%;
	height: 100vh;
	background: url(/assets/toiwa/img/chiye_main.jpg) no-repeat bottom center;
	background-size: cover;
}

.section-visual .logo {
	width: 200px;
	/* padding: 135px 0 400px; */
	/* margin: 0 auto; */
	position: absolute;
	bottom: 160px;
	left: 50%;
	margin-left: 340px;
}


@media screen and (max-width: 768px) {
	
	.section-visual {
		position: relative;
		padding-bottom: 80px;
	}

	.section-visual .inner {
		position: initial;
		width: 100%;
		height: 100vh;
		background: url(/assets/toiwa/img/chiye_main_sp.jpg) no-repeat bottom center;
		background-size: cover;
	}

	.section-visual .logo {
		width: 140px;
		/* padding: 150px 0 0; */
		bottom: inherit;
		margin: auto;
		left: 0;
		right: 0;
		top: 100px;
	}

}





/* parts
--------------------------------------------------------------------------------*/

.-chiye {
	color: #666;
	font-family: 'Noto Sans JP', sans-serif;
	background: #ededed;
}

.-chiye .l-header .header_links .humburger .burger-lines span {
	background: #fff;
}

.-chiye .l-header .header_links.-active .humburger .burger-lines span {
	background: #fff;
}
.-chiye .l-header .header_links .nav{
	padding: 80px 40px 40px;
}
@media screen and (max-width: 768px) {
	.-chiye .l-header .header_links .nav{
		padding: 60px 30px 30px;
/*		opacity: 0;*/
/*		transition:.5s;*/
	}
	.-chiye .l-header .header_links.-active .nav{
/*		opacity: 1;*/
/*		transition:.5s;*/
	}
}

.-chiye p {
	font-size: 14px;
	line-height: 2;
	letter-spacing: 1px;
}

.textWrap{
	color: #fff;
	position: absolute;
	bottom: 180px;
	left:50%;
	margin-left: -520px;
	text-align: left;
	width: 710px;
}
.title1 {
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 20px;
	text-align: left;
	margin-left: -10px;
}
@media screen and (max-width: 768px) {
	.section-visual .textWrap{
		width: calc(100% - 40px);
		position: relative;
		top: inherit;
		bottom: inherit;
		left: inherit;
		right: inherit;
		color: #000;
		margin:auto;
		margin-top: 30px;
	}
	
	.section-visual .title1 {
		font-size: 18px;
		/*		padding-top: 300px;*/
		margin-left: 0;
		text-align: center;
	}
}

.title2 {
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 1px;
	text-align: center;
	margin-bottom: 40px;
}

.title2 span {
    border-bottom: 1px solid #666;
    padding: 0 20px 10px;
}

.block + .block {
	margin-top: 80px;
}

.block .list {
	display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
	align-items: center;
}

.block .list > li.img {
	-webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
	flex-basis: 460px;
    margin-right: 20px;
}

.block .list > li.text {
	-webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.block .list.-reverse > li.img {
	-webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
	margin-right: 0;
	margin-left: 20px;
}

.block .list.-reverse > li.text {
	-webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.-chiye .section-news .newsList .newsList_item {
	text-align: center;
}

.-chiye .section-news .newsList .newsList_item a {
	color: #666;
}

.-chiye .section-news .newsList .newsList_item a::after {
	border-color: #666;
}


@media screen and (max-width: 768px) {
	
	.-chiye p {
		font-size: 12px;
	}

	.title1 {
		font-size: 18px;
	}

	.title2 {
		font-size: 18px;
		margin-bottom: 30px;
	}

	.block + .block {
		margin-top: 60px;
	}

	.block .list {
		display: block;
	}

	.block .list > li.img {
		flex-basis: auto;
		margin-right: 0;
		margin-bottom: 20px;
	}

	.block .list > li.text {
		
	}

	.block .list.-reverse > li.img {
		margin-left: 0;
	}

	.block .list.-reverse > li.text {
		
	}

}




