@charset "utf-8";

@media screen and (max-width : 768px) {

	.m_head {
		margin-bottom: 12px;
	}

	.m_head h2 {
		margin-top: 10px;
		font-size: 3.8vw;
	}

	#main .pic_full {
		padding: 0 15px;
		max-width: 100%;
	}

	#main .pic_full img {
		max-width: 100%;
	}

	.section {
		margin-bottom: 18px;
		padding: 0 15px;
	}

	.section .pic_visual {
		position: relative;
		margin-bottom: 14px;
		text-align: center;
	}

	.section .pic_visual img {
		width: 100%;
		height: auto;
	}

	.section_column {
		margin: 18px 0 24px;
	}

	.section_column .caption {
		font-size: 3.2vw;
		font-family: var(--font-light);
		line-height: 1.4;
	}

	.section_column .c_tit {
		display: inline-flex;
		margin-bottom: 16px !important;
	}

	.section_column .c_tit .no {
		display: inline-block;
		margin-bottom: 0;
		width: 44px;
		height: 44px;
		border-radius: 50%;
		background-color: #cc3333;
		color: #FFF;
		text-align: center;
		font-family: 'Futura', sans-serif;
		line-height: 1.8;
		vertical-align: top;
	}

	.section_column .c_tit .no p {
		padding: 6px;
		font-size: 10px;
		font-family: var(--font-light);
	}

	.section_column .c_tit .no span {
		font-size: 16px;
		line-height: 0;
	}

	.section_column .c_tit h3 {
		padding: 5px 0 0 12px;
		font-size: 4.4vw;
		font-family: var(--font-bold);
	}

	.section_column .tit_leftarr {
		margin-bottom: 14px;
		padding-left: 6vw;
		background: url(../image/arr_right.png) no-repeat left center;
		background-size: 16px auto;
		color: #e40615;
		font-size: 4vw;
		font-family: var(--font-bold);
		line-height: 1.5;
	}

	.section_column .tit_leftline {
		margin: 18px 0 12px;
		padding-left: 2vw;
    	border-left: 3px solid #e40615;
		color: #e40615;
		font-size: 3.9vw;
	}

	.section_column .desc.pl {
		padding-left: 11px;
	}

	.section_column .check_list {
		display: inline-block;
		margin: 22px 9.6% -12px;
		width: 80.5%;
	}

	.section_column .check_list li {
		float: left;
		margin-left: 12px;
		width: calc(50% - 6px);
	}

	.section_column .check_list li:nth-child(2n+1) {
		margin-left: 0;
	}

	.section_column .check_list li img {
		max-width: 100%;
	}

	.section_column .check_list li .name {
		margin: 5px 0 10px;
		text-align: center;
		font-size: 2.2vw;
		white-space: nowrap;
		line-height: 1;
	}

	.section_column .sec_block {
		display: inline-block;
		margin-top: 8px;
		width: 100%;
	}

	.section_column .sec_block .col_left {
		float: left;
		width: 55%;
	}

	.section_column .sec_block .col_left,
	.section_column .sec_block .col_right {
		margin-bottom: 0 !important;
	}

	.section_column .sec_block .col_left h4 {
		margin: 6px 0 8px;
		color: #e40615;
		font-size: 3.8vw;
	}

	.section_column .sec_block .col_right {
		float: right;
		padding-left: 12px;
		width: 40%;
	}

    .section_column .row {
        display: flex;
        flex-wrap: wrap;
    }

	hr {
		border-top: 1px solid #b3b3b3;
		border-bottom: none;
		margin-top: 12px;
	}

	.section_column.check_1 {
		margin-top: 0;
	}

	.section_column.check_1 .sec_block:not(first-child) {
		margin-top: 0;
	}

	.section_column.check_2 .row {
		margin: 10px 0 20px;
	}

	.section_column.check_2 .row .col {
		margin-bottom: 0;
		width: calc(50% - 4.5px);
	}

	.section_column.check_2 .row .col:not(:first-child) {
		margin-left: 9px;
	}

	.section_column.check_2 .row .col .pic {
		margin-bottom: 6px;
	}

	.section_column.check_3 .row {
		margin: 14px 0 32px;
	}

	.section_column.check_3 .row .col {
		margin-bottom: 0;
		width: calc(32.5% - 4px);
	}

	.section_column.check_3 .row .col:not(:first-child) {
		margin-left: 8px;
	}

	.section_column.check_3 .row .col .pic {
		margin-bottom: 4px;
	}

	.section_column.check_3 .row .col .caption {
		text-align: center;
		font-size: 2.4vw;
		line-height: 1.5;
	}

	.section_column.check_3 .row .col .caption span {
		display: block;
		font-size: 1.9vw;
	}

	.section_column.check_3 hr {
		margin-top: 28px;
	}

	.section_column.check_4 .caption {
		font-size: 3.2vw;
		line-height: 1.6;
	}

	.section_column.check_4 .tit_leftline {
		margin: 24px 0 6px;
	}

	.section_column.check_4 .sec_block {
		margin: 0 0 10px;
	}

	.section_column.check_4 .sec_block .col_left {
		padding-left: 10px;
		width: 51%;
	}

	.section_column.check_4 .sec_block .col_right {
		padding-left: 6px;
		width: 43%;
	}

	.section_column.check_5 .c_tit {
		margin-bottom: 14px;
	}

	.section_column.check_5 .tit_leftarr {
		margin: 20px 0 2px;
	}

	.section_column.check_5 .tit_leftarr.pt {
		padding-top: 4vw;
	}

	.section_column.check_5 .tit_leftarr.clean {
		margin-top: 26px;
	}

	.section_column.check_5 .txt_red {
		margin: 32px 0 14px;
		font-size: 3.8vw;
		line-height: 1.3;
	}

	.section_column.check_5 .pic {
		margin-bottom: -8px;
	}

	.section_column.check_5 .block {
		display: inline-block;
		margin-bottom: 0;
	}

	.section_column.check_5 .block .left {
		float: left;
		margin-top: 4px;
		width: 63.4%;
	}

	.section_column.check_5 .block .right {
		float: right;
		margin: 8px 0 0;
		width: 36.6%;
	}
}
