@charset "utf-8";

/* CSS Document */
.p-tab {
	margin-bottom: 9.375%;
}

@media screen and (max-width: 767px) {
	#contents .p-contents {
		width: 94.6666667%;
		margin-left: auto;
		margin-right: auto;
		max-width: none;
	}
}

#contents .sec_main {
	background-color: rgba(123, 183, 214, 0.2);
	display: inline-block;
	padding-bottom: 6.25%;
	margin-bottom: 12.5%;
}

#contents .sec_main .h2_sub {
	color: #000;
	font-size: 2.4rem;
	margin-top: calc(2.4rem * -1 / 2);
	margin-bottom: 2.3958333%;
	text-align: center;
}

#contents h2 {
	margin-bottom: 6.25%;
	color: #000;
	font-size: 3.2rem;
	font-weight: normal;
	text-align: center;
	letter-spacing: 3px;
}

#contents h2>span {
	position: relative;
	display: inline-block;
}

#contents h2>span::after {
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 2px;
	content: "";
	background: #7bb7d6;
}

#contents h2>span>strong {
	color: #7bb7d6;
}

#contents h2>span>strong>span {
	font-size: 6rem;
}

@media screen and (max-width: 767px) {
	#contents h2 {
		font-size: 19px;
		font-size: 5.06666vw;
	}

	#contents h2>span>strong>span {
		font-size: 40px;
		font-size: 10.6666vw;
	}

	#contents .sec_main .h2_sub {
		margin-top: calc(4.53333vw * -1 / 2);
		margin-bottom: 7%;
		font-size: 17px;
		font-size: 4.53333vw;
	}
}

#contents .sec_main .sec_inner {
	width: 87.5%;
	margin: 0 auto;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#contents .sec_main .sec_inner>div {
	width: 32.142857142%;
	padding: 4.761904761% 0;
	background-color: #fff;
}

#contents .sec_main_ttl {
	height: 9rem;
	color: #7bb7d6;
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.384;
	text-align: center;
}

#contents .sec_main_ttl.row1 {
	padding-top: calc(2.6rem * 1.384 / 2);
}

#contents .sec_main_txt {
	width: 81.48148%;
	height: 7rem;
	margin: 0 auto;
	font-size: 1.6rem;
	line-height: 1.6;
}

#contents .sec_main ul {
	width: 81.48148%;
	margin: 0 auto;
}

#contents .sec_main ul li {
	font-size: 0;
	margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
	#contents .sec_main .sec_inner {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 83.098591549%;
	}

	#contents .sec_main .sec_inner>div {
		width: 100%;
		margin-bottom: 8%;
	}

	#contents .sec_main .sec_inner>div:nth-of-type(3) {
		margin-bottom: 0;
	}

	/*	#contents .sec_main_ttl.row1 {
		padding-top: 0;
	}*/
	#contents .sec_main_ttl {
		height: auto;
		padding-top: calc(2.6rem * 1.384 / 2);
		margin-bottom: 6.45%;
		font-size: 18px;
		font-size: 4.8vw;
	}

	#contents .sec_main_txt {
		height: auto;
		margin-bottom: 6.45%;
		font-size: 12px;
		font-size: 3.2vw;
		text-align: center;
	}

	#contents .sec_main ul {
		width: 67.796610169%;
	}

	#contents .sec_main ul li {
		margin-bottom: 5%;
	}
}



#contents .p-new_lineup h2 {
	margin-bottom: 9.583333%;
	color: #000;
	font-size: 4.6rem;
	font-weight: normal;
	text-align: center;
	letter-spacing: 3px;
}

#contents .p-new_lineup h2>span::after {
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 2px;
	content: "";
	background: #000;
}

@media screen and (max-width: 767px) {
	#contents .p-new_lineup h2 {
		font-size: 32px;
		font-size: 8.533vw;
	}
}

#contents .lineup_info {
	background: #F3F3F3;
	padding: 7.7% 6.25% 6.25%;
	margin-bottom: 12.5%;
}

#contents .lineup_info>div {
	width: 50%;
}

#contents .lineup_info>div:nth-of-type(1) {
	padding: 0 4.761904761%;
}

#contents .lineup_info__l h3 {
	font-size: 3.2rem;
	margin-bottom: 7.6%;
	color: #000;
}

#contents .lineup_info__l .h3_sub {
	margin-bottom: 9.0476%;
	font-size: 1.6rem;
	line-height: 2;
}

#contents .lineup_info__l ul {
	width: 64.705882352%;
	margin: 0;
}

#contents .lineup_info__l ul li {
	font-size: 0;
	margin-bottom: 1.2rem;
}

#contents .lineup_info__r ul {
	clear: both;
	width: 100%;
}

#contents .lineup_info__r ul li {
	padding: 3.809523809% 7.142857142%;
	border-bottom: 1px solid #c6c9c5;
}

#contents .lineup_info__r ul li:first-child {
	padding-top: 0;
}

#contents .lineup_info__r ul li:last-child {
	border-bottom: none;
}

#contents .lineup_info__r dl {
	display: -webkit-flex;
	display: flex;
}

#contents .lineup_info__r dl dt {
	width: calc(100% / 3);
	font-size: 1.6rem;
	font-weight: bold;
}

#contents .lineup_info__r dl dt>span {
	font-weight: normal;
}

#contents .lineup_info__r dl dd {
	width: calc(100% / 3 * 2);
}

#contents .lineup_info__r dl dd p {
	font-size: 1.6rem;
}

#contents .lineup_info__r dl dd p>strong {
	font-size: 3.4rem;
}

#contents .lineup_info__r dl dd p>span {
	font-size: 2.6rem;
	font-weight: bold;
}

#contents .lineup_info__r ul li:first-child dd p:nth-of-type(1) {
	margin-bottom: 1.6rem;
}

@media screen and (max-width: 767px) {
	#contents .lineup_info {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 7.7% 11.267605633% 6.25%;
		margin-bottom: 16.90140845%;
	}

	#contents .lineup_info>div {
		width: 100%;
	}

	#contents .lineup_info>div:nth-of-type(1) {
		padding: 0 0 18.181818%;
	}

	#contents .lineup_info__l h3 {
		font-size: 20px;
		font-size: 5.3333vw;
		margin-bottom: 7.6%;
		text-align: center;
	}

	#contents .lineup_info__l .h3_sub {
		font-size: 12px;
		font-size: 3.2vw;
		margin-bottom: 9.0476%;
		text-align: center;
	}

	#contents .lineup_info__l ul {
		width: 100%;
		margin: 0 auto;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	#contents .lineup_info__l ul li {
		font-size: 0;
		margin-bottom: 0;
		width: 47.2727272%;
	}

	#contents .sec_03 .lineup_info__l ul li:last-child {
		margin: 4.5454545% auto 0;
	}

	#contents .lineup_info__r ul li {
		padding: 3.809523809% 3.636363636%;
		border-bottom: 1px solid #c6c9c5;
	}

	#contents .lineup_info__r dl dt {
		width: calc(230 / 550 * 100%);
		font-size: 14px;
		font-size: 3.7333vw;
		line-height: 1.4;
	}

	#contents .lineup_info__r dl dd {
		width: calc(320 / 550 * 100%);
	}

	#contents .lineup_info__r dl dd p {
		font-size: 14px;
		font-size: 3.7333vw;
		line-height: 1.4;
	}

	#contents .lineup_info__r dl dd p>strong {
		font-size: 22px;
		font-size: 5.8666vw;
	}

	#contents .lineup_info__r dl dd p>span {
		font-size: 18px;
		font-size: 4.8vw;
	}
}


#contents .p-new_lineup h4 {
	margin-bottom: 9.583333%;
	color: #000;
	font-size: 3.4rem;
	font-weight: normal;
	text-align: center;
	line-height: 1.1;
	letter-spacing: 3px;
}

#contents .p-new_lineup h4>span {
	position: relative;
	display: inline-block;
	font-size: 1.6rem;
}

#contents .p-new_lineup h4>span::after {
	position: absolute;
	left: calc(100% / 2 - 30px);
	bottom: -1.8rem;
	width: 60px;
	height: 2px;
	content: "";
	background: #000;
}

#contents .p-new_lineup .h4_sub {
	margin-bottom: 3.5416666%;
	font-size: 1.6rem;
	line-height: 1.8;
	text-align: center;
}

@media screen and (max-width: 767px) {
	#contents .p-new_lineup h4 {
		margin-bottom: 11%;
		font-size: 25px;
		font-size: 6.6666vw;
		line-height: 1.1;
	}

	#contents .p-new_lineup h4>span {
		font-size: 11px;
		font-size: 2.93333vw;
	}

	#contents .p-new_lineup .h4_sub {
		margin-bottom: 8.169%;
		font-size: 12px;
		font-size: 3.2vw;
		line-height: 2.3;
	}
}


#contents .p-lineup {
	clear: both;
	width: 100%;
	margin-bottom: 10.4166666%;
}

@media screen and (max-width: 767px) {
	#contents .p-lineup {
		width: 88.732394366%;
		margin: 0 auto 25%;
	}
}



#contents .p-lineup .item_list {
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 8.4375%;
	margin-top: 4.1666666%;
}

@media screen and (max-width: 767px) {
	#contents .p-lineup .item_list {
			{
			margin-top: 15.873015873%;
		}
	}
}

#contents .p-lineup .item_list2 {
	width: 48.958333333%;
	margin-left: auto;
	margin-right: auto;
}


#contents .p-lineup .item_list>div {
	width: 22.91666666%;
}

#contents .p-lineup .item_list2>div {
	width: 46.808510638%;
}

#contents .p-lineup .item_list>div p {
	margin-bottom: 6.36363636%;
}

.p-lineup__mainimg {
	margin-bottom: 1.31313131%;
}

#contents .item_img {}

#contents .item_new {
	color: #c24949;
	font-size: 1.8rem;
}

#contents .item_name {
	font-size: 1.6rem;
}

#contents .item_name>strong {
	font-size: 1.8rem;
}

#contents .item_optn {
	margin-bottom: 0;
	font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
	#contents .p-lineup .item_list {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 0;
	}

	#contents .p-lineup .item_list2 {
		width: 100%;
	}

	#contents .p-lineup .item_list2>div,
	#contents .p-lineup .item_list>div {
		width: 46.825396825%;
		margin-bottom: 12.38095238%
	}

	#contents .sec_03 .p-lineup .item_list>div:last-child {
		margin-left: auto;
		margin-right: auto;
	}

	#contents .p-lineup .item_list>div p {
		margin-bottom: 6.779661016%;
	}

	#contents .item_new {
		font-size: 13px;
		font-size: 3.4666vw;
	}

	#contents .item_name {
		font-size: 12px;
		font-size: 3.2vw;
	}

	#contents .item_name>strong {
		font-size: 13px;
		font-size: 3.4666vw;
	}

	#contents .item_optn {
		margin-bottom: 0;
		font-size: 10px;
		font-size: 2.6666vw;
	}
}

#contents .p-lineup .other_list {
	width: 56.25%;
	margin: 0 auto;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#contents .p-lineup.lineup_02 .other_list,
#contents .p-lineup.lineup_03 .other_list {
	-webkit-justify-content: center;
	justify-content: center;
}

#contents .p-lineup .other_list>div:nth-of-type(1) {
	width: 55.5555555%;
}

#contents .p-lineup.lineup_02 .other_list>div,
#contents .p-lineup.lineup_03 .other_list>div,
#contents .p-lineup .other_list>div:nth-of-type(2) {
	width: 33.3333333%;
}

#contents .p-lineup .other_list>div .other_txt {
	margin-top: 11px;
	font-size: 1.38rem;
	line-height: 1.428;
}

#contents .p-lineup .other_list>div .other_txt>span {
	display: block;
	padding-top: 0.5em;
}

#contents .p-lineup .other_list>div:nth-of-type(1) .other_txt {
	text-align: right;
}

#contents .p-lineup.lineup_02 .other_list>div .other_txt,
#contents .p-lineup.lineup_03 .other_list>div .other_txt {
	text-align: left;
}

@media screen and (max-width: 767px) {
	#contents .p-lineup .other_list {
		width: 100%;
	}

	#contents .p-lineup .other_list>div:nth-of-type(1) {
		width: 57.142857142%;
	}

	#contents .p-lineup.lineup_02 .other_list>div,
	#contents .p-lineup.lineup_03 .other_list>div,
	#contents .p-lineup .other_list>div:nth-of-type(2) {
		width: 34.285714285%;
	}

	#contents .p-lineup .other_list>div .other_txt {
		font-size: 8px;
		font-size: 2.1vw;
	}
}