@charset "UTF-8";

@media all and (min-width: 769px) {

	.lineupPage .comfortableDetail01 {
		width: 100%;
		padding: 0 0 80px; 
	}
	
	.lineupPage .comfortableDetail01 .wrap {
		max-width: 1160px;
		margin: 0 auto;
	}
	
	.lineupPage .comfortableDetail01 .wrap > .title {
		border-left: 10px solid #4C5870;
		font-size: 24px;
		font-weight: 600;
		padding-left: 30px;
		margin-bottom: 40px; 
	}
	
	.lineupPage .comfortableDetail01 .wrap .subtitle {
		font-size: 19px;
		line-height: 36px;
		font-weight: 600;
		background: url(../images/lineup/comfortable/icon-check.png) left center no-repeat;
		background-size: 16px 15px;
		margin-bottom: 34px; 
		padding-left:0;
	}
	
	.lineupPage .comfortableDetail01 .wrap .block01 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		/*padding-bottom: 60px;
		border-bottom: 1px solid rgba(76, 88, 112, 0.3);*/
		margin-bottom: 80px;
	}
	
	.lineupPage .comfortableDetail01 .wrap .block01 .detail {
		width: 44.1%;
	}

	.lineupPage .comfortableDetail01 .wrap .block01 .detail .text {
		font-size: 16px;
		line-height: 36px;
	}

	.lineupPage .comfortableDetail01 .wrap .block01 .detail .text span {
		font-size: 30px;
	}
	
	.lineupPage .comfortableDetail01 .wrap .block01 .detail .caution {
		font-size: 12px;
		line-height: 22px;
		margin-bottom: 28px;
	}

	.lineupPage .comfortableDetail01 .wrap .block01 .pct {
		width: 50.9%;
	}

	.lineupPage .comfortableDetail01 .wrap .block02 {
		margin-bottom: 60px;
	}

	.lineupPage .comfortableDetail01 .wrap .block02 .pct {
		text-align: center;
		padding: 0 0 10px;
	}

	.lineupPage .comfortableDetail01 .wrap .block02 .pct img {
		width: 100%;
		max-width: 1078px;
	}

	.lineupPage .comfortableDetail01 .wrap .block02 .caution {
		font-size: 12px;
		line-height: 22px;
		margin-bottom: 28px;
	}

	.lineupPage .comfortableDetail01 .wrap .block03 {
		margin-bottom: 80px;
	}

	.lineupPage .comfortableDetail01 .wrap .block03 .box {
		position: relative;
		text-align: center;
		width: 918px;
		padding: 30px 0;
		border: 1px solid #4C5870;
		margin: 0 auto;
	}

	.lineupPage .comfortableDetail01 .wrap .block03 .box .title {
		position: absolute;
		top: -15px;
		left: 303px;
		display: block;
		text-align: center;
		width: 312px;
		font-size: 19px;
		font-weight: 600;
		background-color: #fff;
	}

	.lineupPage .comfortableDetail01 .wrap .block03 .box p {
		font-size: 16px;
		line-height: 36px;
	}

	.lineupPage .comfortableDetail01 .wrap .block04 {
		text-align: center;
		padding-bottom: 60px;
		border-bottom: 1px solid rgba(76, 88, 112, 0.3);
		margin-bottom: 60px;
	}

	.lineupPage .comfortableDetail01 .wrap .block04 .title {
		position: relative;
		display: inline-block;
		font-size: 19px;
		font-weight: 600;
		margin-bottom: 30px;
	}

	.lineupPage .comfortableDetail01 .wrap .block04 .title::before {
		position: absolute;
		left: -42px;
		top: 50%;
		content: "";
		width: 31px;
		height: 1px;
		background-color: #4C5870;
	}

	.lineupPage .comfortableDetail01 .wrap .block04 .title::after {
		position: absolute;
		right: -42px;
		top: 50%;
		content: "";
		width: 31px;
		height: 1px;
		background-color: #4C5870;
	}

	.lineupPage .comfortableDetail01 .wrap .block04 .list {
		text-align: left;
		width: 855px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto;
	}

	.lineupPage .comfortableDetail01 .wrap .block04 .list ul:nth-of-type(1) {
		width: 55.6%;
	}

	.lineupPage .comfortableDetail01 .wrap .block04 .list ul:nth-of-type(2) {
		width: 43.2%;
	}

	.lineupPage .comfortableDetail01 .wrap .block04 .list ul li {
		font-size: 16px;
		line-height: 24px;
		padding-left: 12px;
		background: url(../images/lineup/comfortable/icon-list.png) left 8px no-repeat;
		background-size: 9px;
		margin-bottom: 10px;
	}

	.lineupPage .comfortableDetail01 .wrap .block05 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding-bottom: 0;
		border-bottom: none;
		margin-bottom: 60px;
	}

	.lineupPage .comfortableDetail01 .wrap .block05 .detail {
		width: 41.4%;
	}

	.lineupPage .comfortableDetail01 .wrap .block05 .detail .text {
		font-size: 16px;
		line-height: 36px;
	}

	.lineupPage .comfortableDetail01 .wrap .block05 .detail .text span {
		font-size: 30px;
	}

	.lineupPage .comfortableDetail01 .wrap .block05 .detail .caution {
		font-size: 12px;
		line-height: 22px;
		margin-bottom: 28px;
	}

	.lineupPage .comfortableDetail01 .wrap .block05 .pct {
		width: 50%;
	}

	.lineupPage .comfortableDetail01 .wrap .block05 .pct img {
		width: 100%;
	}

	.lineupPage .comfortableDetail01 .wrap .block06 .text {
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 50px;
	}

	.lineupPage .comfortableDetail01 .wrap .block06 .text span {
		font-size: 30px;
	}

	.lineupPage .comfortableDetail01 .wrap .block06 .text small {
		font-size: 12px;
		margin-left: 20px;
	}

	.lineupPage .comfortableDetail01 .wrap .block06 ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.lineupPage .comfortableDetail01 .wrap .block06 ul li {
		width: 48%;
	}

	.lineupPage .comfortableDetail01 .wrap .block06 ul li .ctitle {
		display: inline-block;
		font-size: 16px;
		line-height: 1.1;
		padding: 5px;
		border: 1px solid #4C5870;
		margin-bottom: 10px;
	}

	.lineupPage .comfortableDetail01 .wrap .block06 ul li .clead {
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 27px;
	}

	.lineupPage .comfortableDetail01 .wrap .block06 ul li .pct img {
		width: 100%;
	}

	.lineupPage .comfortableDetail01 .wrap .block06 ul li:nth-of-type(2) .pct {
		width: 80%;
		margin-bottom: 20px;
	}
	

	.lineupPage .comfortableDetail03 {
		width: 100%;
		padding: 0 0 80px;
	}

	.lineupPage .comfortableDetail03 .wrap {
		max-width: 1160px;
		margin: 0 auto;
	}

	.lineupPage .comfortableDetail03 .wrap .block01 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 80px;
	}

	.lineupPage .comfortableDetail03 .wrap .block01 .pct {
		width: 46.5%;
	}

	.lineupPage .comfortableDetail03 .wrap .block01 .pct img {
		width: 100%;
	}

	.lineupPage .comfortableDetail03 .wrap .block01 .detail {
		width: 51.5%;
	}

	.lineupPage .comfortableDetail03 .wrap .block01 .detail .title {
		border-left: 10px solid #4C5870;
		font-size: 24px;
		font-weight: 600;
		padding-left: 30px;
		margin-bottom: 40px;
	}

	.lineupPage .comfortableDetail03 .wrap .block01 .detail .subtitle {
		font-size: 19px;
		font-weight: 600;
		line-height: 36px;
		margin-bottom: 30px;
	}

	.lineupPage .comfortableDetail03 .wrap .block01 .detail .text {
		font-size: 16px;
		line-height: 1.7;
	}

	.lineupPage .comfortableDetail03 .wrap .block02 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 80px;
	}

	.lineupPage .comfortableDetail03 .wrap .block02 .detail {
		width: 50%;
	}

	.lineupPage .comfortableDetail03 .wrap .block02 .detail .subtitle {
		font-size: 19px;
		font-weight: 600;
		line-height: 36px;
		margin-bottom: 30px;
	}

	.lineupPage .comfortableDetail03 .wrap .block02 .detail .text {
		font-size: 16px;
		line-height: 1.7;
	}

	.lineupPage .comfortableDetail03 .wrap .block02 .pct {
		width: 44.8%;
	}

	.lineupPage .comfortableDetail03 .wrap .block02 .pct img {
		width: 100%;
	}

	.lineupPage .comfortableDetail03 .wrap .block03 {
		text-align: center;
	}

	.lineupPage .comfortableDetail03 .wrap .block03 ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.lineupPage .comfortableDetail03 .wrap .block03 ul li:nth-of-type(1) {
		width: 31.9%;
	}

	.lineupPage .comfortableDetail03 .wrap .block03 ul li:nth-of-type(2) {
		width: 65.9%;
	}

	.lineupPage .comfortableDetail03 .wrap .block03 ul li img {
		width: 100%;
	}

	.lineupPage .comfortableDetail03 .wrap .block03 ul li .caption {
		font-size: 16px;
		line-height: 30px;
		padding-top: 20px;
	}

	.block07 .flexBox {
		display: flex;
		justify-content: space-between;
		margin-bottom: 80px;
	}
	
	.block07 .flexBox > div {
		width: 32%;
		text-align: center;
	}

	.block07 .flexBox div img {
		width: 100%;
	}
	
	
	
	
}



@media all and (max-width: 768px) {
	.lineupPage .comfortableDetail01 {
		padding: 0 20px 30px;
	}

	.lineupPage .comfortableDetail01 .wrap > .title {
		border-left: 5px solid #4C5870;
		font-size: 16px;
		line-height: 28px;
		font-weight: 600;
		padding-left: 15px;
		margin-bottom: 45px;
	}

	.lineupPage .comfortableDetail01 .wrap .subtitle {
		font-size: 14px;
		line-height: 25px;
		font-weight: 600;
		background: url(../images/lineup/comfortable/icon-check.png) left 7px no-repeat;
		background-size: 12px 10px;
		margin-bottom: 20px;
		padding-left: 0;
	}

	.lineupPage .comfortableDetail01 .wrap .block01 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 50px;
	}

	.lineupPage .comfortableDetail01 .wrap .block01 .detail {
		margin-bottom: 30px;
	}

	.lineupPage .comfortableDetail01 .wrap .block01 .detail .text {
		font-size: 12px;
		line-height: 23px;
	}

	.lineupPage .comfortableDetail01 .wrap .block01 .detail .text span {
		font-size: 23px;
	}

	.lineupPage .comfortableDetail01 .wrap .block01 .detail .caution {
		font-size: 9px;
		line-height: 15px;
		margin-bottom: 15px;
	}

	.lineupPage .comfortableDetail01 .wrap .block01 .pct img {
		width: 100%;
	}

	.lineupPage .comfortableDetail01 .wrap .block02 {
		margin-bottom: 60px;
	}

	.lineupPage .comfortableDetail01 .wrap .block02 .pct img {
		width: 100%;
	}

	.lineupPage .comfortableDetail01 .wrap .block02 .caution {
		font-size: 9px;
		line-height: 15px;
		margin-bottom: 28px;
	}

	.lineupPage .comfortableDetail01 .wrap .block03 {
		margin-bottom: 40px;
	}

	.lineupPage .comfortableDetail01 .wrap .block03 .box {
		position: relative;
		text-align: center;
		padding: 25px 0;
		border: 1px solid #4C5870;
		margin: 0 auto;
	}

	.lineupPage .comfortableDetail01 .wrap .block03 .box .title {
		position: absolute;
		top: -8px;
		left: calc(50% - 102px);
		display: block;
		text-align: center;
		width: 205px;
		font-size: 13px;
		font-weight: 600;
		background-color: #fff;
	}

	.lineupPage .comfortableDetail01 .wrap .block03 .box p {
		font-size: 12px;
		line-height: 23px;
	}

	.lineupPage .comfortableDetail01 .wrap .block04 {
		text-align: center;
		padding-bottom: 45px;
		border-bottom: 1px solid rgba(76, 88, 112, 0.3);
		margin-bottom: 50px;
	}

	.lineupPage .comfortableDetail01 .wrap .block04 .title {
		position: relative;
		display: inline-block;
		font-size: 13px;
		line-height: 23px;
		font-weight: 600;
		margin-bottom: 15px;
	}

	.lineupPage .comfortableDetail01 .wrap .block04 .title::before {
		position: absolute;
		left: -42px;
		top: 50%;
		content: "";
		width: 31px;
		height: 1px;
		background-color: #4C5870;
	}

	.lineupPage .comfortableDetail01 .wrap .block04 .title::after {
		position: absolute;
		right: -42px;
		top: 50%;
		content: "";
		width: 31px;
		height: 1px;
		background-color: #4C5870;
	}

	.lineupPage .comfortableDetail01 .wrap .block04 .list {
		text-align: left;
	}

	.lineupPage .comfortableDetail01 .wrap .block04 .list ul li {
		font-size: 12px;
		line-height: 20px;
		padding-left: 20px;
		background: url(../images/lineup/comfortable/icon-list.png) left 6px no-repeat;
		background-size: 8px;
		margin-bottom: 5px;
	}

	.lineupPage .comfortableDetail01 .wrap .block05 {
		margin-bottom: 50px;
	}

	.lineupPage .comfortableDetail01 .wrap .block05 .detail {
		margin-bottom: 22px;
	}

	.lineupPage .comfortableDetail01 .wrap .block05 .detail .text {
		font-size: 12px;
		line-height: 23px;
	}

	.lineupPage .comfortableDetail01 .wrap .block05 .detail .caution {
		font-size: 12px;
		line-height: 22px;
		margin-bottom: 28px;
	}

	.lineupPage .comfortableDetail01 .wrap .block05 .pct img {
		width: 100%;
	}

	.lineupPage .comfortableDetail01 .wrap .block06 .text {
		font-size: 12px;
		line-height: 23px;
		margin-bottom: 20px;
	}

	.lineupPage .comfortableDetail01 .wrap .block06 .text span {
		font-size: 18px;
	}

	.lineupPage .comfortableDetail01 .wrap .block06 .text small {
		display: block;
		font-size: 9px;
	}

	.lineupPage .comfortableDetail01 .wrap .block06 ul li:nth-of-type(1) {
		margin-bottom: 40px;
	}

	.lineupPage .comfortableDetail01 .wrap .block06 ul li .ctitle {
		display: inline-block;
		font-size: 12px;
		line-height: 1.1;
		padding: 3px 6px;
		border: 1px solid #4C5870;
		margin-bottom: 8px;
	}

	.lineupPage .comfortableDetail01 .wrap .block06 ul li .clead {
		font-size: 12px;
		line-height: 23px;
		margin-bottom: 10px;
	}

	.lineupPage .comfortableDetail01 .wrap .block06 ul li .pct {
		margin-bottom: 20px;
	}

	.lineupPage .comfortableDetail01 .wrap .block06 ul li .pct img {
		width: 100%;
	}


	.lineupPage .comfortableDetail03 {
		padding: 0 20px 50px;
	}

	.lineupPage .comfortableDetail03 .wrap .block01 {
		display: flex;
		flex-flow: column-reverse;
		margin-bottom: 50px;
	}

	.lineupPage .comfortableDetail03 .wrap .block01 .detail .title {
		border-left: 5px solid #4C5870;
		font-size: 16px;
		line-height: 28px;
		font-weight: 600;
		padding-left: 15px;
		margin-bottom: 27px;
	}

	.lineupPage .comfortableDetail03 .wrap .block01 .detail .subtitle {
		font-size: 13px;
		font-weight: 600;
		line-height: 25px;
		margin-bottom: 15px;
	}

	.lineupPage .comfortableDetail03 .wrap .block01 .detail .text {
		font-size: 12px;
		line-height: 23px;
	}

	.lineupPage .comfortableDetail03 .wrap .block01 .pct img {
		width: 100%;
	}

	.lineupPage .comfortableDetail03 .wrap .block02 {
		margin-bottom: 50px;
	}

	.lineupPage .comfortableDetail03 .wrap .block02 .detail {
		margin-bottom: 30px;
	}

	.lineupPage .comfortableDetail03 .wrap .block02 .detail .subtitle {
		font-size: 13px;
		font-weight: 600;
		line-height: 25px;
		margin-bottom: 15px;
	}

	.lineupPage .comfortableDetail03 .wrap .block02 .detail .text {
		font-size: 12px;
		line-height: 23px;
	}

	.lineupPage .comfortableDetail03 .wrap .block02 .pct img {
		width: 100%;
	}

	.lineupPage .comfortableDetail03 .wrap .block03 {
		text-align: center;
	}

	.lineupPage .comfortableDetail03 .wrap .block03 ul li:nth-of-type(1) {
		margin-bottom: 16px;
	}

	.lineupPage .comfortableDetail03 .wrap .block03 ul li img {
		width: 100%;
	}

	.lineupPage .comfortableDetail03 .wrap .block03 ul li .caption {
		font-size: 12px;
		line-height: 23px;
		padding-top: 12px;
	}
	
	.block07 .flexBox {
		margin-bottom: 40px;
	}
	
	.block07 .flexBox > div {
		width: 100%;
		text-align: center;
		margin-bottom: 2rem;
	}

	.block07 .flexBox div img {
		width: 90%;
		margin: 0 auto 0.6rem;
	}
	
	.block07 .flexBox div.text {
		font-size: 12px;
	}
	




}