@charset "utf-8";
/* patent CSS
------------------------------------ */

.section-passion .passion-inner .info {
	width: 60%;
	float: right;
	line-height: 2.3125;
	letter-spacing: 0.025em;
	margin-top: -9px;
	margin-right: 7%;
}

.section-passion .passion-inner .info .title {
	line-height: 1.428571428571429;
	letter-spacing: 0.025em;
}

.section-passion .passion-inner .thumb {
	width: 28%;
	float: left;
	margin-right: 5%;
}

.section-passion .passion-inner .thumb img {
	display: block;
	width: 100%;
}

.section-passion .cm-btn {
	display: block;
	margin: 0 auto;
}

@media (max-width: 870px) {
	.section-passion .passion-inner {
		width: 90%;
		margin: 0 auto;
	}

	.section-passion .passion-inner .info {
		width: 100%;
		float: none;
		margin: 0 0 30px;
	}
	.section-passion .passion-inner .info .title {
		line-height: 1.428571428571429;
		letter-spacing: 0.025em;
	}
	.section-passion .passion-inner .thumb {
		width: auto;
		max-width: 500px;
		float: none;
		margin: 0 auto 30px;
	}
}

.sub-title {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
}

.sub-title .number {
	font-family: 'Gentium Basic', serif;
}

.ul-passion {
	/*margin: 0 -35px;*/
	padding-top: 20px;
}
.sec01-01 .ul-passion .li-itembox {
	width: 50%;
	box-sizing: border-box;
	position: relative;	
}
.sec01-01 .ul-passion .li-itembox:nth-child(2n-1) {
	padding: 0 3% 0 0;
}
.sec01-01 .ul-passion .li-itembox:nth-child(2n) {
	padding: 0 0 0 3%;
}

.sec01-01 .ul-passion .li-itembox .box-txt {
	padding: 20px 10px 20px 20px;
}

.ul-passion .li-itembox .box-txt .txt-title {
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: bold;
	position: relative;
}

.ul-passion .li-itembox .box-txt .txt-title::before {
	content: "";
	position: absolute;
	left: -20px;
	top: 50%;
	height: 3px;
	width: 10px;
	margin-top: -2px;
	background: #000;
}

.ul-passion .li-itembox .box-txt .stxtbox {
	width: 100%;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.ul-passion .li-itembox .box-txt .btn-material {
	width: 100%;
	background-color: #727019;
	padding: 12px 20px;
	color: #fff;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.img-material {
	width: 100%;
	overflow: hidden;
}

.img-material img {
	width: 50%;
	float: left;
}

.container.sec-commitment {
	padding-left: 0;
	padding-right: 0;
}
.sec01-02 {
	padding-left: 3%;
	clear: left;
}

.sub-title.sub-title-line {
	position: relative;
	margin-top: 40px;
}

.sub-title.sub-title-line::before {
	content: '';
	position: absolute;
	left: 50%;
	top: -40px;
	height: 40px;
	width: 1px;
	background: #000;
}

.sec01-02 .passion-inner {
	width: 100%;
	display: table;
	table-layout: auto;
}

.sec01-02 .passion-inner .ul-passion {
	width: 50%;
	display: table-cell;
	table-layout: auto;
	vertical-align: top;
	padding-right: 40px;
}

.sec01-02 .passion-inner .ul-passion .li-itembox .box-txt {
	padding: 20px 10px 10px 20px;
}

.img-flow {
	width: 50%;
	padding-top: 50px;
	display: table-cell;
	table-layout: auto;
	vertical-align: top;
}

.img-flow img {
	width: 100%;
}

.img-flow-sp {
	display: none;
}

@media (max-width: 1199px) {
	.sec01-02 .passion-inner .ul-passion {
		width: 60%;
		padding-right: 20px;
	}
	.sec01-02 .passion-inner .ul-passion .li-itembox {
		margin-bottom: 10px;
	}
	.img-flow {
		width: 40%;
	}
}

@media (max-width: 990px) {
	.sec01-02 .passion-inner .ul-passion {
		width: 65%;
		padding-right: 20px;
	}
	.sec01-02 .passion-inner .ul-passion .li-itembox {
		margin-bottom: 10px;
	}
	.img-flow {
		width: 40%;
	}
}

@media (max-width: 768px) {
	.sec01-01 .ul-passion .li-itembox {
		width: 100%;
		padding: 0 0;
	}
	.sec01-01 .ul-passion .li-itembox .box-txt {
		padding: 20px 0 20px 0;
	}
	.ul-passion .li-itembox .box-txt .txt-title {
		margin-left: 20px;
	}
	.ul-passion {
		margin: 0 ;
	}
	.img-material img {
		width: 100%;
		float: none;
	}
	.sec01-02 {
		padding-left: 0;
	}
	.sec01-02 .passion-inner .ul-passion {
		width: 100%;
		margin: 0;
		padding-right: 0;
		float: none;
	}
	.sec01-02 .passion-inner .ul-passion .li-itembox {
		margin-bottom: 0;
	}
	
	.sec01-01 .ul-passion .li-itembox:nth-child(2n-1),
	.sec01-01 .ul-passion .li-itembox:nth-child(2n) {
		padding: 0;
	}
	.sec01-02 .passion-inner .ul-passion .li-itembox .box-txt {
		padding: 20px 0 10px 0;
	}
	.img-flow {
		display: none;
	}
	.img-flow-sp {
		display: block;
		padding: 0 0 20px 0;
	}
	.img-flow-sp img {
		width: 100%;
	}
}

.movie-wrap {
	max-width: 850px;
	margin: 0 auto 100px;
}

.movie-wrap .movie-box {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	z-index: 10;
}

.movie-wrap .movie-box iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

@media (max-width: 768px) {
	.movie-wrap {
		max-width: 100%;
	}
}




@media (max-width: 1350px) {}

@media (max-width: 1199px) {}

@media (max-width: 990px) {}

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

@media (max-width: 640px) {}

@media (max-width: 480px) {}