@charset "utf-8";
@media screen and (max-width : 768px){

	br { display: none;}
	br.sp {display: block;}

	img { width: 100%;}


	.section {
		margin-bottom: 50px;
	}
	#contents_area .section:first-child {
		margin-top: 50px;
	}
	.section.gray {
		padding: 50px 0;
		background: #f0f0f0;
	}

	/* section */
	.section h3 {
		margin: 0 25px 30px;
		font-size: 23px;
		text-align: center;
	}

	.section h3 span {
		width: 160px;
		padding: 0 0 10px;
		border-bottom: 3px solid #444;
		display: inline-block;
		white-space: nowrap;
	}

	.block {
		margin: 0 0 38px;
	}

	.block .block_copy {
		font-size: 23px;
		line-height: 32px;
		margin: 0 20px 20px;
	}

	.block_inner {
		margin: 0 15px;
	}

	.link {
		margin: 0 20px 20px;
		font-size: 16px;
		line-height: 24px;
		text-align: center;
	}

	.link a {
		color: #0064a1;
	}

	.link a:after{
		content: '';
		width: 20px;
		height: 20px;
		display: inline-block;
		background-image:url(/ACCESS/auto-archive/n-one/2025/common/img/parts_ico_btn_detail_arrow.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 20px 20px;
		position: relative;
		top: 4px;
		right: -5px;
	}

	.box_flex {
		margin: 0 0 15px;
		background-color: #fff;
	}

	.box_flex.simulation {
		background-color: #ffeada;
	}

	.box_flex.style_book {
		background-color: #f0fdf4;
	}

	.box_flex.dailyluxe,
	.block .box_flex.coordinate {
		background-color: #e3effe;
	}

	.box_flex.macaron-color {
		background-color: #e1ddf9;
	}

	.box_flex.ModuloX {
		background-color: #d2d2d2;
	}

	#contents_area .block_inner a {
		color: #444;
	}

	.block_inner .link span {
		color: #0064a1;
	}

	.block_inner .link span:after{
		content: '';
		width: 20px;
		height: 20px;
		display: inline-block;
		background-image:url(/ACCESS/auto-archive/n-one/2025/common/img/parts_ico_btn_detail_arrow.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 20px 20px;
		position: relative;
		top: 4px;
		right: -5px;
	}

	.box_flex .box {
		padding: 15px;
	}

	.box_flex .box h4 {
		margin: 0 0 15px;
		font-size: 18px;
		line-height: 24px;
		font-weight: bold;
	}

	.box_flex .box .copy {
		min-height: 4em;
		margin: 0 0 15px;
		font-size: 18px;
		line-height: 25px;
	}

	.box_flex .box > *:last-child {
		margin-bottom: 0;
	}

	.block:last-child {
		margin-bottom: 75px;
	}

	#special_blocks {
		margin-top: 75px;
	}


	/* 下部注意書き */
	#section_caution {
		line-height: 1.5;
	}
}