@charset "utf-8";
/* CSS Document */

/* 文字 */
	.dc-lancomeArticle p.note{
		font-size: 13px;
	}
	.dc-lancomeArticle .section01 .section01_iten h2{
		font-size: 20px;
	}
	.dc-lancomeArticle h4,
	.dc-lancomeArticle .h4_style,
	.dc-lancomeArticle .link{
    	font-size: 21px;
	}
	@media screen and (max-width: 800px) {
		.dc-lancomeArticle .section01 .section01_iten h2{
			font-size: 5.5vw;
		}
		.dc-lancomeArticle h4,
		.dc-lancomeArticle .h4_style,
		.dc-lancomeArticle .link{
	    	font-size: 5.5vw;
		}
		.dc-lancomeArticle .section07 p{
			font-size: 12px;
		}
	}

/* all style */
	.dc-lancomeArticle ul,
	.dc-lancomeArticle ul li{
		list-style: none;
	}
	.dc-lancomeArticle h4,
	.dc-lancomeArticle .h4_style{
		display: table;
		margin: 0 auto;
		border: 4px solid #d40651;
		color: #d40651;
		padding: 10px 30px;
		line-height: 1.5;
	    border-radius: 14px;
	}
	.dc-lancomeArticle .link{
		color: #d40651;
		display: table;
		margin: 5% auto;
		width: 65%;
		transform: scale(1);
	    -webkit-transform: scale(1);
	    -moz-transform: scale(1);
	    -ms-transform: scale(1);
	    -o-transform: scale(1);
	    -webkit-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
	}
	.dc-lancomeArticle .link:hover{
		transform: scale(0.9);
	    -webkit-transform: scale(0.9);
	    -moz-transform: scale(0.9);
	    -ms-transform: scale(0.9);
	    -o-transform: scale(0.9);
	    -webkit-transition: all 0.5s ease;
	    -o-transition: all 0.5s ease;
	    transition: all 0.5s ease;
	}
	.dc-lancomeArticle p {
	    color: #000;
	}

/* section01 */
	.dc-lancomeArticle .section01 h1{
		color: #d40651;
	}
	.dc-lancomeArticle .section01 .section01_itenDiv{
		display: flex;
  		flex-wrap: wrap;
  		justify-content: space-between;
	}
	.dc-lancomeArticle .section01 .section01_iten{
		background:#fbeff3;
	    margin: 2% 0;
	    border-radius: 20px;
	    /* width: 32%; */
    	/* display: inline-block; */
	    padding-bottom: 20px;
        width: 32%;
	}
	.dc-lancomeArticle .section01 .section01_iten h2{
		margin: 0;
		color: #FFF;
		background: #d40651;
		display: block;
		border-radius: 20px 20px 0 0;
		padding: 14px 0;
    	line-height: 1.2;
	}
	.dc-lancomeArticle .section01 .section01_iten p{
		padding: 20px;
		text-align: left;
		letter-spacing: -0.5px;
	}
	@media screen and (max-width: 800px) {
		.dc-lancomeArticle .section01{
			text-align: left;
		}
		.dc-lancomeArticle .section01 .section01_iten{
	        width: 100%;
            margin: 7% 0 5% 0;
		}
		.dc-lancomeArticle .section01 .section01_iten p{
			letter-spacing: 0px;
			padding-bottom: 0;
		}

	}

/* section02 */
	.dc-lancomeArticle .section02 ul,
	.dc-lancomeArticle .section03 ul,
	.dc-lancomeArticle .section04 ul,
	.dc-lancomeArticle .section05 ul,
	.dc-lancomeArticle .section06 ul{
		display: flex;
  		flex-wrap: wrap;
  		justify-content: space-between;
  		padding: 0;
  		margin: 0;
  		justify-content: center;
	}
	.dc-lancomeArticle .section02 ul li,
	.dc-lancomeArticle .section03 ul li,
	.dc-lancomeArticle .section04 ul li,
	.dc-lancomeArticle .section05 ul li,
	.dc-lancomeArticle .section06 ul li{
		width: 48%;
	    margin-bottom: 6%;
    	border-bottom: 1px solid #CCC;
    	padding-bottom: 5%;
	    margin-top: 5%;
	    padding-left: 15px;
    	padding-right: 15px;
	}
	.dc-lancomeArticle .section02 ul li:last-of-type,
	.dc-lancomeArticle .section02 ul li:nth-last-of-type(2),
	.dc-lancomeArticle .section03 ul li:last-of-type,
	.dc-lancomeArticle .section03 ul li:nth-last-of-type(2),
	.dc-lancomeArticle .section04 ul li:last-of-type,
	/* .dc-lancomeArticle .section04 ul li:nth-last-of-type(2), */
	.dc-lancomeArticle .section05 ul li:last-of-type,
	.dc-lancomeArticle .section05 ul li:nth-last-of-type(2),
	.dc-lancomeArticle .section06 ul li:last-of-type,
	.dc-lancomeArticle .section06 ul li:nth-last-of-type(2){
		/* border-bottom: 0; */
	    margin-top: 4%;
	}
	.dc-lancomeArticle .section02 p.note,
	.dc-lancomeArticle .section03 p.note,
	.dc-lancomeArticle .section04 p.note,
	.dc-lancomeArticle .section05 p.note,
	.dc-lancomeArticle .section06 p.note{
		text-align: center;
		color: #000;
	}
	.dc-lancomeArticle .section03 .h4_style,
	.dc-lancomeArticle .section04 .h4_style,
	.dc-lancomeArticle .section05 .h4_style{
		margin: 4% auto 7% auto;
	}
	.dc-lancomeArticle .section03 ul li div,
	.dc-lancomeArticle .section04 ul li div,
	.dc-lancomeArticle .section05 ul li div,
	.dc-lancomeArticle .section06 ul li div{
		border-radius: 20px;
		overflow: hidden;
	    margin-bottom: 20px;
	}
	@media screen and (max-width: 800px) {
		.dc-lancomeArticle .section02 ul li,
		.dc-lancomeArticle .section03 ul li,
		.dc-lancomeArticle .section04 ul li,
		.dc-lancomeArticle .section05 ul li,
		.dc-lancomeArticle .section06 ul li{
			width: 100%;
			padding-left: 0;
    		padding-right: 0;
		}
	}
/* section07 */
	
	/* table */
		.table-scroll {
			position: relative;
			margin: auto;
			overflow: hidden;
		}
		.table-wrap {
			width: 100%;
			overflow: auto;
		}
		.table-scroll table {
			width: 100%;
			margin: auto;
			border-collapse: separate;
			border-spacing: 0;
		    text-align: center;
		}
		.table-scroll th,
		.table-scroll td {
			padding: 1.5% 0;
			border-bottom: 0.5px solid #b1b1b1;
			color: #000;
			white-space: nowrap;
			vertical-align: middle;
		}
		.clone {
			position: absolute;
			top: 0;
			left: 0;
			pointer-events: none;
		}
		.clone th,
		.clone td {
			visibility: hidden;
		}
		.clone td,
		.clone th {
			border-color:transparent;
		}
		.clone tbody th {
			visibility:visible;
		}
		.clone .fixed-side {
			border-bottom: 0.5px solid #b1b1b1;
			visibility:visible;
		}
		.clone thead,
		.clone tfoot{
			background:transparent;
		}
		@media screen and (min-width: 751px) {
			.fixed-side{
				width: 280px;
			}
		}
		@media screen and (max-width: 750px) {
			.table-scroll table {
				width: 100%;
			}
			.table-scroll th,
			.table-scroll td {
				border-bottom: 1px solid #b1b1b1;
				padding: 2.5% 0;
			}
			.clone .fixed-side {
				/* background:#000; */
				border-bottom: 1px solid #b1b1b1;
				/* width: 100px; */
			}
			.fixed-side{
				width: 200px;
			}
		}