@charset "utf-8";
/*------------------------------------------------------------
	lineup
------------------------------------------------------------*/
.sec01 {
	margin-bottom: 67px;
	padding: 72px 0 0;
	position: relative;
	background-color: #f4f4f5;
}
.sec01 .head-line01 {
	margin-bottom: 20px;
}
.sec01 .head-line01 .pho {
	font-size: 3rem;
}
.sec01 .photo-box {
	text-align: center;
}
.sec01 .photo-box img {
	width: 1300px;
}
.sec01 .slideBox {
	margin: 0 auto;
	width: 1300px;
	position: relative;
}
.sec01 .slideBox .arrowList li {
	position: absolute;
	left: 10px;
	top: 50%;
	cursor: pointer;
	transform: translateY(-50%);
}
.sec01 .slideBox .arrowList .next {
	left: auto;
	right: 10px;
}
.sec01 .inn {
	position: relative;
}
.sec01 .link {
	position: absolute;
	left: 0;
	bottom: 62px;
	width: auto;
	text-align: center;
}
.sec01 .inn01 .link {
	left: auto;
	right: 25.5%;
}
.sec01 .inn02 .link {
	left: 35%;
}
.sec01 .inn03 .link {
	left: auto;
	right: 13%;
}
.sec01 .link a {
	padding: 7px 14px 0;
	display: inline-block;
	border-top: 1px solid #231815;
}
.sec02 .photo-box {
	margin: 0 -90px 0 40px;
	width: 505px;
	box-sizing: border-box;
}
.sec02 .text-box {
	margin-top: 10px;
	width: 586px;
}
.sec02 .text-box .mark-ul {
	margin-bottom: 72px;
	padding-right: 30px;
	text-align: center;
}
.sec02 .text-box .mark-ul span {
	display: block;
}
.sec02 .text-box .mark-ul li {
	width: 166px;
	font-size: 1.8rem;
}
.sec02 .text-box .mark-ul li .ttl {
	margin-bottom: 10px;
	font-size: 2.8rem;
}
.sec02 .text-box .mark-ul li .pho {
	margin-bottom: 25px;
}
.sec02 .text-box .mark-ul li img {
	width: 79px;
}
.sec02 .text-box .mark-ul li .txt {
	line-height: 1.15;
	height: 31px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sec03 {
	margin: -150px 0 45px;
}
.sec03 .text-ul {
	margin: -40px 0 55px;
}
.sec03 .text-ul li {
	margin: 40px 46px 0 0;
	padding: 38px 45px;
	width: 319px;
	height: 412px;
	position: relative;
	border-radius: 42px;
	box-sizing: border-box;
	background-color: #f4f4f5;
}
.sec03 .text-ul li a {
	display: block;
}
.sec03 .text-ul li:nth-child(3n) {
	margin-right: 0;
}
.sec03 .text-ul li .ttl {
	position: relative;
	font-size: 1.8rem;
	font-weight: 400;
}
.sec03 .text-ul li .ttl span {
	margin-top: 10px;
	display: block;
}
.sec03 .text-ul li .pho {
	position: absolute;
	left: 140px;
	top: 88px;
}
.sec03 .text-ul li .pho img {
	max-width: inherit;
}
.sec03 .text-ul li p {
	position: absolute;
	bottom: 28px;
	left: 0;
	width: 100%;
	text-align: center;
}
.sec03 .text-ul li:nth-child(4n) {
	margin-right: 0;
	padding: 60px 10px 10px 250px;
	width: 100%;
	height: 185px;
}
.sec03 .text-ul li:nth-child(4n) h3 {
	margin-bottom: 5px;
}
.sec03 .text-ul li:nth-child(4n) .pho {
	top: 0;
	left: auto;
	right: 109px;
}
.sec03 .text-ul li:nth-child(4n) p {
	position: static;
	text-align: left;
}
.sec03 .title {
	margin-bottom: 4px;
	font-size: 2.93rem;
	font-weight: 400;
}
.sec03 .tab-box {
	margin-bottom: 23px;
}
.sec03 .tab-box table {
	width: 100%;
	border-collapse: collapse;
	border-left: 1px solid rgba(35,24,21,0.25);
	border-bottom: 1px solid rgba(35,24,21,0.25);
}
.sec03 .tab-box th,
.sec03 .tab-box td {
	padding: 1px 0;
	font-size: 1.6rem;
	text-align: center;
	vertical-align: middle;
	box-sizing: border-box;
	border-right: 1px solid rgba(35,24,21,0.25);
	border-top: 1px solid rgba(35,24,21,0.25);
}
.sec03 .tab-box th {
	width: 14%;
	font-weight: 400;
}
.sec03 .tab-box th:nth-child(5) {
	width: auto;
}
.sec03 .tab-box td {
	padding: 5px 0;
	height: 61px;
}
.sec03 .tab-box td span {
	font-weight: 900;
}
.sec03 .tab-box td small {
	line-height: 1.2;
	display: block;
}
.sec03 .tab-box .tr-style td {
	padding: 1px 0;
	height: auto;
}
.sec03 .ttl01 {
	margin-bottom: 4px;
	font-size: 1.9rem;
	font-weight: 900;
}
.sec03 .txt-ul {
	margin: 12px 0 7px 12px;
}
.sec03 .txt-ul li {
	margin-bottom: 8px;
	padding-left: 1.5em;
	text-indent: -1em;
	font-size: 1.6rem;
	line-height: 1.4;
}
.sec03 .txt-ul li span {
	margin: 4px 0 2px;
	display: block;
	font-weight: 900;
}
.sec03 .text-box p {
	line-height: 1.3;
}
.sec04 .sec04-bg {
	padding-top: 85px;
	background: url(../img/lineup/photo07.jpg) no-repeat center top -320px / cover;
}
.sec04 .sec04-bg .com-ul li .r-box {
	background: url(../img/lineup/bg01.jpg) no-repeat center top / cover;
}
.sec04 .sec04-bg .com-ul li:last-child .l-box {
	border-bottom: 1px solid #000;
}
.sec04 .img-box {
	margin-bottom: 78px;
	align-items: center;
}
.sec04 .img-box .photo-box {
	width: 408px;
	text-align: right;
}
.sec04 .img-box .photo-box span {
	margin-bottom: 3px;
	display: block;
	color: #fff;
	font-size: 1rem;
}
.sec04 .img-box .text-box {
	padding-bottom: 50px;
	width: 446px;
}
.sec04 .img-box .text-box .head-line03 {
	color: #fff;
}
.sec04 .inner {
	margin: 0 auto 96px;
	width: 610px;
}
.sec04 .inner .com-btn__box .link-ul li {
	width: 140px;
}
.sec04 .inner .com-btn__box .link-ul li a {
	padding: 3px 0;
	font-size: 1.3rem;
}
.sec05 {
	padding: 50px 0 140px;
	background-color: #000;
}
.sec05 .content {
	width: 1180px;
}
.sec05 .head-line03 {
	margin: 0 40px 50px;
	color: #fff;
}
.sec05 .head-line03 span {
	margin-bottom: 5px;
}
.sec05 .text-box {
	margin-bottom: 8px;
	padding: 192px 0;
	position: relative;
}
.sec05 .text-box .photo-box {
	position: absolute;
	left: 48px;
	top: -19px;
}
.sec05 .text-box .inn {
	margin: 0 0 0 auto;
	width: 660px;
	position: relative;
	z-index: 2;
}
.sec05 .text-box .pho {
	margin-bottom: 3px;
}
.sec05 .text-box p {
	color: #fff;
	line-height: 1.75;
}
.sec05 .text-box .ttl {
	color: #fff;
	font-size: 4.5rem;
}
.sec05 .text-box01 {
	margin: -50px 0 114px;
	padding-bottom: 0;
}
.sec05 .text-box01 .inn {
	margin: 0 auto;
	width: 920px;
}
.sec05 .text-box01 .photo-box {
	position: absolute;
	left: auto;
	right: 50px;
	top: -50px;
}
.sec05 .com-btn {
	position: relative;
	z-index: 3;
}
.sec06 {
	background-color: #000;
}
.sec06 .head-line03 {
	margin-bottom: 30px;
	color: #fff;
}
.sec06 .head-line03 span {
	margin-bottom: 6px;
	padding-bottom: 10px;
	line-height: 1.1;
}
.sec06 .box01 {
	position: relative;
}
.sec06 .box01 .inn {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
}
.sec06 .box01 .title {
	margin: 0 auto;
	padding-bottom: 20px;
	width: 1200px;
	font-weight: 500;
	font-size: 3.6rem;
	text-align: right;
	line-height: 1.45;
}
.sec06 .box01 .title .pho {
	display: block;
}
.sec06 .box01 .title .ctr {
	display: inline-block;
	text-align: center;
}
.sec06 .com-ul {
	margin-bottom: 0;
}
.sec06 .com-ul li {
	padding-top: 56px;
	display: block;
	background-color: #323333;
}
.sec06 .com-ul li .inn {
	margin: 0 auto;
	width: 1020px;
	align-items: center;
}
.sec06 .com-ul .l-box,
.sec06 .com-ul .r-box {
	width: auto;
}
.sec06 .com-ul .l-box {
	width: 630px;
}
.sec06 .com-ul .r-box {
	padding-left: 60px;
	width: 310px;
	box-sizing: border-box;
	background-color: transparent;
}
.sec06 .com-ul .r-box > div {
	margin-left: 0;
}
.sec06 .com-ul li:nth-child(2n) .r-box > div {
	margin-right: 0;
}
.sec06 .com-ul .r-box .title {
	padding-bottom: 70px;
}
.sec06 .com-ul .r-box .title .en01 {
	margin-bottom: 10px;
}
.sec06 .com-ul .r-box .title .jp {
	line-height: 1.1;
}
.sec06 .com-ul li:nth-child(2n - 1) .l-box {
	order: 3;
}
.sec06 .com-ul li:nth-child(2n) .r-box {
	order: 3;
}
.sec06 .com-ul li:nth-child(2n) {
	background-color: #000;
}
.sec06 .com-ul li:nth-child(2) {
	padding: 85px 0 20px;
}
.sec06 .com-ul li:nth-child(2) .inn {
	width: 980px;
	align-items: flex-start;
}
.sec06 .com-ul li:nth-child(2) .l-box {
	margin-left: 30px;
	width: 440px;
}
.sec06 .com-ul li:nth-child(2) .r-box {
	margin-top: 20px;
	padding-left: 0;
	width: 330px;
}
.sec06 .com-ul li:nth-child(2) .r-box .title {
	margin-bottom: 55px;
	padding-bottom: 0;
}
.sec06 .com-ul li:nth-child(2) .r-box .pho {
	margin-bottom: 42px;
	text-align: center;
}
.sec06 .com-ul li .r-box .com-btn {
	width: 150px;
}
.sec06 .com-ul li .r-box .com-btn a {
	padding: 4px;
	font-size: 1.3rem;
}
.sec06 .com-ul li:nth-child(3) {
	padding: 85px 0 60px;
	align-items: flex-start;
}
.sec06 .com-ul li:nth-child(3) .l-box {
	width: 460px;
	text-align: center;
}
.sec06 .com-ul li:nth-child(3) .l-box img {
	width: 325px;
}
.sec06 .com-ul li:nth-child(3) .r-box {
	padding-top: 40px;
	width: 440px;
}
.sec06 .com-ul li:nth-child(3) .r-box .title {
	margin-bottom: 48px;
	padding-bottom: 0;
}
.sec06 .com-ul li:nth-child(3) .r-box .txt01 {
	margin-bottom: 80px;
	font-size: 2.5rem;
	line-height: 1.35;
}
.sec07 {
	padding-top: 150px;
	background-color: #000;
}
.sec07 .head-line03 {
	margin: 0 -25px 30px;
	color: #fff;
}
.sec07 .img-box .photo-box,
.sec07 .img-box .text-box {
	width: 50%;
}
.sec07 .img-box .text-box {
	padding-top: 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
}
.sec07 .img-box .text-box p {
	text-align: center;
	width: 100%;
	font-size: 3.6rem;
}
.sec07 .img-box .text-box .title {
	margin-bottom: 26px;
	font-size: 4.7rem;
	font-weight: 900;
	line-height: 1.45;
}
.sec07 .img-box .photo-box {
	position: relative;
}
.sec07 .img-box .photo-box span {
	margin: 5px 0 0 15px;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	transform: translateY(-50%);
}
.sec07 .com-ul {
	margin-bottom: 0;
}
.sec07 .com-ul .r-box {
	background-color: transparent;
}
.sec07 .com-ul .r-box .txt {
	line-height: 1.38;
}
.sec07 .com-ul .r-box > div {
	padding-bottom: 20px;
	height: 200px;
	box-sizing: border-box;
}
.sec08 {
	padding-top: 154px;
	background-color: #000;
}
.sec08 .head-line03 {
	margin-bottom: 30px;
	color: #fff;
	line-height: 1.2;
}
.sec08 .head-line03 span {
	margin-bottom: 12px;
	line-height: 1.4;
}
.sec08 .text {
	margin: 0 -17px 66px;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.4;
}
.sec08 .photo-box {
	margin-bottom: 70px;
	text-align: center;
}
.sec08 .text-ul {
	margin: 0 -23px 65px;
	color: #fff;
}
.sec08 .text-ul > li {
	width: 510px;
}
.sec08 .text-ul .ttl {
	margin-bottom: 4px;
	padding: 2px 20px;
	font-size: 2.1rem;
	font-weight: 700;
	background-color: #8b8b8a;
}
.sec08 .text-ul .sub-ul {
	font-size: 1.8rem;
}
.sec08 .text-ul .sub-ul li {
	margin-bottom: 4px;
	padding: 4px 20px;
	line-height: 1.3;
	background-color: #515151;
}
.sec08 .com-btn {
	margin-bottom: 0;
}
.sec09 {
	padding: 170px 0 76px;
	background-color: #000;
}
.sec09 .head-line03 {
	margin: 0 -25px 35px;
	color: #fff;
	line-height: 1.2;
}
.sec09 .head-line03 span {
	margin-bottom: 12px;
	padding-bottom: 5px;
	line-height: 1.3;
}
.sec09 .com-ul {
	margin-bottom: 0;
}
.sec09 .com-ul .r-box {
	background-color: transparent;
}
.sec09 .com-ul li:first-child .r-box {
	border-top: 1px solid #fff;
}
.sec09 .com-ul .r-box .title {
	margin-bottom: 10px;
	line-height: 1.1;
}
.sec09 .com-ul .r-box .txt {
	line-height: 1.38;
}
.sec09 .com-ul .r-box > div {
	padding-bottom: 0;
	height: auto;
	box-sizing: border-box;
}
.sec09 .com-ul li .r-box .com-btn {
	margin: 40px auto 0;
	width: 150px;
}
.sec09 .com-ul li .r-box .com-btn a {
	padding: 4px;
	font-size: 1.3rem;
}
@media all and (max-width: 767px) {
	.sec01 {
		margin-bottom: 30px;
		padding: 22px 0 0;
	}
	.sec01 .head-line01 .pho {
		font-size: 2rem;
	}
	.sec01 .photo-box img {
		width: 100%;
	}
	.sec01 .slideBox {
		width: auto;
	}
	.sec01 .slideBox .arrowList li {
		width: 30px;
	}
	.sec01 .link {
		bottom: 10px;
	}
	.sec01 .link a {
		padding: 4px 10px 0;
		font-size: 1.2rem;
	}
	.sec02 .img-box {
		display: block;
	}
	.sec02 .photo-box {
		margin: 0;
		width: auto;
		text-align: center;
	}
	.sec02 .photo-box img {
		width: 50%;
		max-width: 350px;
	}
	.sec02 .text-box {
		margin-top: 10px;
		width: auto;
	}
	.sec02 .text-box .mark-ul {
		margin-bottom: 30px;
		padding-right: 0;
	}
	.sec02 .text-box .mark-ul li {
		width: auto;
		flex: 1;
		font-size: 1.3rem;
	}
	.sec02 .text-box .mark-ul li .ttl {
		margin-bottom: 10px;
		font-size: 1.7rem;
	}
	.sec02 .text-box .mark-ul li .pho {
		margin-bottom: 15px;
	}
	.sec02 .text-box .mark-ul li img {
		width: 70px;
	}
	.sec03 {
		margin: 0 0 25px;
	}
	.sec03 .text-ul {
		margin: 0 0 25px;
		display: block;
	}
	.sec03 .text-ul li {
		margin: 0 auto 20px;
		padding: 38px;
		width: auto;
		max-width: 400px;
		height: 400px;
		overflow: hidden;
	}
	.sec03 .text-ul li:last-child {
		margin-bottom: 0;
	}
	.sec03 .text-ul li .ttl {
		font-size: 1.5rem;
	}
	.sec03 .text-ul li .ttl span {
		margin-top: 5px;
	}
	.sec03 .text-ul li .pho {
		top: 88px;
		left: auto;
		right: 0;
	}
	.sec03 .text-ul li:nth-child(3n) {
		margin-right: auto;
	}
	.sec03 .text-ul li:nth-child(3) .pho {
		right: 70px;
	}
	.sec03 .text-ul li .pho img {
		max-width: inherit;
	}
	.sec03 .text-ul li p {
		position: absolute;
		bottom: 28px;
		left: 0;
		width: 100%;
		text-align: center;
	}
	.sec03 .text-ul li:nth-child(4n) {
		margin-right: auto;
		padding: 100px 38px 60px;
		width: 100%;
		height: 200px;
	}
	.sec03 .text-ul li:nth-child(4n) .ttl {
		margin-bottom: 5px;
	}
	.sec03 .text-ul li:nth-child(4n) .ttl img {
		width: 140px;
	}
	.sec03 .text-ul li:nth-child(4n) .pho {
		top: 0;
		left: auto;
		right: 9px;
		width: 200px;
	}
	.sec03 .text-ul li:nth-child(4n) .pho img {
		width: 100%;
	}
	.sec03 .title {
		margin-bottom: 15px;
		font-size: 1.8rem;
	}
	.sec03 .tab-box {
		margin-bottom: 23px;
		overflow: auto;
	}
	.sec03 .tab-box table {
		width: 920px;
	}
	.sec03 .ttl01 {
		margin-bottom: 10px;
		font-size: 1.5rem;
		font-weight: 700;
	}
	.sec03 .txt-ul {
		margin: 12px 0 7px;
	}
	.sec03 .txt-ul li span {
		font-weight: 700;
	}
	.sec04 .sec04-bg {
		padding-top: 35px;
		background: url(../img/lineup/photo07.jpg) no-repeat center top / 100% auto;
	}
	.sec04 .img-box {
		margin-bottom: 78px;
		display: block;
	}
	.sec04 .img-box .photo-box {
		margin-bottom: 25px;
		width: auto;
		text-align: center;
	}
	.sec04 .img-box .photo-box img {
		width: 40%;
		max-width: 150px;
	}
	.sec04 .img-box .text-box {
		padding-bottom: 0;
		width: auto;
	}
	.sec04 .inner {
		margin: 0 auto 96px;
		width: auto;
	}
	.sec04 .inner .com-btn__box .link-ul {
		justify-content: center;
	}
	.sec04 .inner .com-btn__box .link-ul li {
		margin-top: 10px;
	}
	.sec04 .inner .com-btn__box .link-ul li a {
		padding: 3px 0;
		font-size: 1.3rem;
	}
	.sec04 .sec04-bg {
		background-position: center top;
	}
	.sec04 .sec04-bg .com-ul li .r-box {
		background: rgba(0,0,0,0.8) !important;
	}
	.sec05 {
		padding: 30px 0 40px;
	}
	.sec05 .content {
		width: auto;
	}
	.sec05 .head-line03 {
		margin: 0 0 50px;
	}
	.sec05 .text-box {
		margin-bottom: 0;
		padding: 100px 0 50px;
	}
	.sec05 .text-box .photo-box {
		position: absolute;
		left: 20px;
		top: -19px;
		width: 240px;
	}
	.sec05 .text-box .inn {
		margin: 0;
		width: auto;
	}
	.sec05 .text-box .pho {
		margin-bottom: 3px;
	}
	.sec05 .text-box .pho img {
		width: 80px;
	}
	.sec05 .text-box p {
		letter-spacing: 0;
	}
	.sec05 .text-box .ttl {
		margin-bottom: 5px;
		font-size: 2.8rem;
	}
	.sec05 .text-box01 {
		margin: 0 0 20px;
		padding-bottom: 0;
	}
	.sec05 .text-box01 .inn {
		margin: 0;
		width: auto;
	}
	.sec05 .text-box01 .photo-box {
		left: 48px;
		top: -19px;
	}
	.sec06 .head-line03 {
		margin-bottom: 30px;
	}
	.sec06 .box01 .photo {
		position: relative;
		width: 200%;
		left: 50%;
		transform: translateX(-50%);
	}
	.sec06 .box01 .title {
		width: 100%;
		font-size: 2rem;
	}
	.sec06 .box01 .title .ctr {
		width: 100%;
	}
	.sec06 .box01 .title .pho img {
		width: 100%;
		max-width: 300px;
	}
	.sec06 .com-ul {
		margin-bottom: 0;
	}
	.sec06 .com-ul li {
		padding-top: 40px;
		padding-bottom: 0 !important;
		display: block;
	}
	.sec06 .com-ul li .inn {
		margin: 0;
		width: auto;
		display: block;
	}
	.sec06 .com-ul .l-box,
	.sec06 .com-ul .r-box {
		width: auto;
	}
	.sec06 .com-ul .l-box {
		width: auto;
		text-align: center;
	}
	.sec06 .com-ul .l-box img {
		width: 80%;
		max-width: 400px;
	}
	.sec06 .com-ul .r-box {
		padding-left: 0;
		width: auto;
		display: block;
	}
	.sec06 .com-ul .r-box .inn {
		display: block;
	}
	.sec06 .com-ul .r-box .title {
		padding-bottom: 20px;
	}
	.sec06 .com-ul .r-box .title .en01 {
		margin-bottom: 5px;
	}
	.sec06 .com-ul .r-box .title .jp {
		line-height: 1.1;
	}
	.sec06 .com-ul li:nth-child(2) {
		padding: 25px 0 20px;
	}
	.sec06 .com-ul li:nth-child(2) .inn {
		width: auto;
	}
	.sec06 .com-ul li:nth-child(2) .l-box {
		margin-left: 0;
		width: auto;
	}
	.sec06 .com-ul li:nth-child(2) .r-box {
		margin-top: 0;
		padding-left: 0;
		width: auto;
	}
	.sec06 .com-ul li:nth-child(2) .r-box .title {
		margin-bottom: 20px;
		padding-bottom: 0;
	}
	.sec06 .com-ul li:nth-child(2) .r-box .pho {
		margin-bottom: 42px;
		text-align: center;
	}
	.sec06 .com-ul li:nth-child(2) .r-box .pho img {
		width: 70%;
		max-width: 300px;
	}
	.sec06 .com-ul li:nth-child(3) {
		padding: 35px 0;
		display: block;
	}
	.sec06 .com-ul li:nth-child(3) .l-box {
		width: auto;
	}
	.sec06 .com-ul li:nth-child(3) .l-box img {
		width: 200px;
	}
	.sec06 .com-ul li:nth-child(3) .r-box {
		padding-top: 0;
		width: auto;
	}
	.sec06 .com-ul li:nth-child(3) .r-box .title {
		margin-bottom: 20px;
		padding-bottom: 0;
	}
	.sec06 .com-ul li:nth-child(3) .r-box .txt01 {
		margin-bottom: 30px;
		font-size: 1.8rem;
	}
	.sec07 {
		padding-top: 40px;
	}
	.sec07 .head-line03 {
		margin: 0 0 20px;
	}
	.sec07 .img-box {
		display: block;
	}
	.sec07 .img-box .photo-box,
	.sec07 .img-box .text-box {
		width: auto;
	}
	.sec07 .img-box .text-box {
		padding-top: 22px;
	}
	.sec07 .img-box .text-box p {
		font-size: 1.8rem;
	}
	.sec07 .img-box .text-box .title {
		margin-bottom: 10px;
		font-size: 2rem;
		font-weight: 700;
	}
	.sec07 .img-box .photo-box span {
		margin: 0;
		left: 50%;
		width: 250px;
		transform: translate(-50%,-50%);
	}
	.sec07 .com-ul li {
		display: block;
	}
	.sec07 .com-ul .r-box > div {
		padding-bottom: 20px;
		height: auto;
	}
	.sec08 {
		padding-top: 50px;
	}
	.sec08 .head-line03 {
		margin-bottom: 20px;
	}
	.sec08 .head-line03 span {
		margin-bottom: 10px;
	}
	.sec08 .text {
		margin: 0 0 30px;
		font-size: 1.5rem;
	}
	.sec08 .photo-box {
		margin-bottom: 70px;
	}
	.sec08 .text-ul {
		margin: 0 0 65px;
		display: block;
	}
	.sec08 .text-ul > li {
		margin-bottom: 10px;
		width: auto;
	}
	.sec08 .text-ul > li:last-child {
		margin-bottom: 0;
	}
	.sec08 .text-ul .ttl {
		margin-bottom: 4px;
		padding: 2px 10px;
		font-size: 1.8rem;
	}
	.sec08 .text-ul .sub-ul {
		font-size: 1.5rem;
	}
	.sec08 .text-ul .sub-ul li {
		padding: 4px 10px;
	}
	.sec09 {
		padding: 50px 0 0;
	}
	.sec09 .head-line03 {
		margin: 0 0 35px;
		line-height: 1.2;
	}
	.sec09 .com-ul {
		margin-bottom: 0;
	}
	.sec09 .com-ul .r-box {
		padding-bottom: 20px;
		background-color: transparent;
	}
	.sec09 .com-ul li .r-box .com-btn {
		margin: 40px auto 0;
		width: 150px;
	}
	.sec09 .com-ul li .r-box .com-btn a {
		padding: 4px;
		font-size: 1.3rem;
	}
}


.com-ul {
	margin-bottom: 30px;
}
.com-ul li {
	display: flex;
}
.com-ul li .l-box,
.com-ul li .r-box {
	width: 50%;
}
.com-ul li:nth-child(2n) .l-box {
	order: 2;
}
.com-ul li .r-box {
	color: #fff;
	display: flex;
	align-items: center;
	/* background-color: rgba(0,0,0,0.7); */
}
.com-ul li .r-box > div {
	padding-bottom: 49px;
	margin-left: 100px;
	width: 455px;
	font-size: 1.6rem;
}
.com-ul li:nth-child(2n) .r-box {
	justify-content: flex-end;
}
.com-ul li:nth-child(2n) .r-box > div {
	margin: 0 100px 0 0;
}
.com-ul li .r-box .title {
	margin-bottom: 2px;
	font-weight: 700;
	line-height: 1.4;
}
.com-ul li .r-box .title span {
	display: block;
}
.com-ul li .r-box .title .en01 {
	color: #f3eb33;
	font-size: 2.2rem;
	font-weight: 400;
}
.com-ul li .r-box .title .jp {
	font-size: 4.5rem;
}
.com-ul li .r-box .note {
	margin-top: 24px;
	font-size: 1.3rem;
}
@media all and (max-width: 767px) {
	.com-ul {
		margin-bottom: 20px;
	}
	.com-ul li {
		display: block;
	}
	.com-ul li .l-box,
	.com-ul li .r-box {
		width: auto;
	}
	.com-ul li .r-box {
		justify-content: flex-start;
	}
	.com-ul li .r-box > div {
		padding: 25px 20px 30px;
		width: auto;
		font-size: 1.4rem;
	}
	.com-ul li .r-box .title .en01 {
		font-size: 1.8rem;
	}
	.com-ul li .r-box .title .jp {
		font-size: 2.5rem;
	}
	.com-ul li .r-box .note {
		margin-top: 24px;
		font-size: 1.3rem;
	}
	.com-ul li .r-box > div {
		margin-left: 0;
	}
	.com-ul li:nth-child(2n) .r-box {
		justify-content: start;
	}
	.com-ul li:nth-child(2n) .r-box > div {
		margin-right: 0;
	}
}