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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




	
	
/* anc
--------------------- */
#anc {
	width: 100%;
	padding: 0 5% 40px 5%;
}
	#anc ul {
	}
		#anc ul li {
			display: table;
			width: 23.5%;
			margin-right: 2%;
			margin-bottom: 2%;
		}
		#anc ul li:nth-child(4n) {
			margin-right: 0;
		}
			#anc ul li a {
				display: table-cell;
				vertical-align: middle;
				padding: 0 20px;
				height: 60px;
				line-height: 1.4em;
				text-align: center;
				background: #fff url(https://piccin0301.itembox.design/item/piccin/img/ac_arrow_open.png) no-repeat 95% center;
				border: solid 1px #ddd;
				transition: 0.3s;
				-webkit−transition: 0.3s;
			}
			#anc ul li a:hover {
				background: #e4c1c3 url(https://piccin0301.itembox.design/item/piccin/img/ac_arrow_open.png) no-repeat 95% center;
				border: solid 1px #e4c1c3;
			}




	
	
/* free
--------------------- */
.free #contents .inner {
	width: 100%;
	padding-bottom: 40px;
}
.free #contents .marketing {
	width: 100%;
	padding: 30px 5% 20px 5%;
}
.free #contents .head {
	width: 100%;
	padding: 0 5% 20px 5%;
}


.free #contents .h2_head {
	font-size: 143%;
	font-weight: 500;
	background: #fff0f0;
	padding: 12px 20px;
	margin-bottom: 20px;
}


.free #contents .h2_tit {
	font-size: 143%;
	font-weight: 500;
	color: #c66067;
	border-bottom: solid 1px #ddd;
	margin-bottom: 20px;
	padding-bottom: 10px;
}


.free #contents .txt {
	color: #737373;
	padding-bottom: 30px;
}


.free #contents table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 30px;
}
	.free #contents table.usually_table th {
		width: 200px;
		background: #eeeeee;
		border: solid 1px #ddd;
		font-weight: 500;
		text-align: center;
		padding: 15px;
	}
	.free #contents table.usually_table td {
		background: #fff;
		border: solid 1px #ddd;
		font-weight: 500;
		padding: 15px;
	}
		.free #contents table td.usually_table p.mb {
			margin-bottom: 10px;
		}


.free #contents .cell {
	padding-bottom: 30px;
}
.free #contents .cell:nth-last-child(1) {
	padding-bottom: 0;
}
	.free #contents .cell h3 {
		font-size: 115%;
		font-weight: 500;
		margin-bottom: 5px;
	}

	.free #contents .cell .red {
		color: #c66067;
	}


	.free #contents .cell p img {
		max-width: 600px;
	}	

	.free #contents .cell p {
		line-height: 1.8rem;
		color: #737373;
			}
	.free #contents .cell p.mb {
		margin-bottom: 30px;
	}
		.free #contents .cell p img.credit {
			width: 353px; 
		}
		.free #contents .cell p a {
			text-decoration: underline;
		}
		.free #contents .cell p a:hover {
			color: #c66067;
		}

	.free #contents .cell ul.annotation {
		font-size: 86%;
		color: #737373;
		padding-left: 15px;
	}
		.free #contents .cell ul.annotation li {
			text-indent: -15px;
					}

	.free #contents .cell ul.list {
		color: #737373;
	}
		.free #contents .cell ul.list li {
			position: relative;
			padding-left: 12px;
		}
		.free #contents .cell ul.list li:before {
			content: "";
			width: 8px;
			height: 8px;
			background: #dcdcdc;
			border-radius: 50%;
			position: absolute;
			top: 9px;
			left: 0;
		}




.free #contents .contact_table {
	width: 800px;
	margin: 0 auto 30px auto;
}
	.free #contents .contact_table th {
		width: 200px;
		font-size: 86%;
		font-weight: 500;
		padding: 15px 0;
	}
		.free #contents .contact_table th span {
			font-size: 10px;
			padding-left: 15px;
		}

	.free #contents .contact_table td {
		width: -webkit-calc(100% - 200px);
		width: calc(100% - 200px);
		padding: 15px 0;
	}
		.free #contents .contact_table td .textbox01 {
			width: 49.5%;
			height: 60px;
			border: none;
			padding: 20px;
			line-height: 57px;
			font-size: 14px;
			background: #fafafa;
		}

		.free #contents .contact_table td .textbox02 {
			width: 100%;
			height: 60px;
			border: none;
			padding: 20px;
			line-height: 57px;
			font-size: 14px;
			background: #fafafa;
		}

		.free #contents .contact_table td textarea {
			width: 100%;
			height: 250px;
			border: none;
			padding: 20px;
			font-size: 14px;
			background: #fafafa;
		}

		.free #contents .contact_table td .cp_ipselect {
			overflow: hidden;
			width: 100%;
			text-align: center;
		}
		.free #contents .contact_table td .cp_ipselect select {
			width: 100%;
			padding-right: 1em;
			cursor: pointer;
			text-indent: 0.01px;
			text-overflow: ellipsis;
			border: none;
			outline: none;
			background: transparent;
			background-image: none;
			box-shadow: none;
			-webkit-appearance: none;
			appearance: none;
		}
		.free #contents .contact_table td .cp_ipselect select::-ms-expand {
			display: none;
		}
		.free #contents .contact_table td .cp_ipselect.cp_sl01 {
			position: relative;
			text-align: left;
			background: #fafafa;
		}
		.free #contents .contact_table td .cp_ipselect.cp_sl01::before {
			position: absolute;
			top: 28px;
			right: 20px;
			width: 0;
			height: 0;
			padding: 0;
			content: '';
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
			border-top: 6px solid #666666;
			pointer-events: none;
		}
		.free #contents .contact_table td .cp_ipselect.cp_sl01 select {
			height: 60px;
			font-size: 14px;
			line-height: 60px;
			text-indent: 20px;
			color: #000;
		}


.free #contents .cbtn {
	width: 300px;
	margin: auto;
}
	.free #contents .cbtn input {
		width: 300px;
		height: 60px;
		background: #e4c1c3;
		border: none;
		font-size: 115%;
		cursor: pointer;
		transition: 0.3s;
		-webkit−transition: 0.3s;
	}
	.free #contents .cbtn input:hover {
		color: #fff;
		background: #484848;
	}













/* 1200px */
@media screen and (max-width: 1200px) {







.free #contents .contact_table {
	width: 100%;
}
	.free #contents .contact_table td .textbox01 {
		width: 49%;
	}





}

	







/* max 767px */
@media screen and (max-width: 767px) {




	
	
/* anc
--------------------- */
#anc {
	padding: 0 0 40px 0;
}
	#anc ul {
		border-bottom: solid 1px #ddd;
	}
		#anc ul li {
			width: 50%;
			margin-right: 0;
			margin-bottom: 0;
		}
			#anc ul li a {
				padding: 0 30px;
				font-size: 86%;
				background: #fff url(https://piccin0301.itembox.design/item/piccin/img/ac_arrow_open.png) no-repeat 95% center;
				border-bottom: none;
			}
			#anc ul li:nth-child(2n) a {
				border-right: none;
				border-left: none;
			}




	
	
/* free
--------------------- */
.free #contents .inner {
	padding-bottom: 40px;
}
.free #contents .marketing {
	padding: 30px 5% 10px 5%;
}
.free #contents .head {
	width: 100%;
	padding: 0 5% 0 5%;
}


.free #contents .h2_head {
	font-size: 122%;
}


.free #contents .h2_tit {
	font-size: 122%;
}
	
	
.free #contents table.usually_table th {
	width: 100px;
	font-size: 86%;
		padding: 10px;
}
.free #contents table.usually_table td {
	font-size: 86%;
	padding: 10px;
}


.free #contents .cell h3 {
	font-size: 100%;
}

.free #contents .txt {
	font-size: 93%;
	line-height: 2em;
}

.free #contents .cell p {
	font-size: 93%;
	line-height: 2em;
}
.free #contents .cell p.mb {
	margin-bottom: 20px;
}
	.free #contents .cell p img.credit {
		width: 100%; 
	}

.free #contents .cell ul.annotation {
	font-size: 72%;
	padding-left: 12px;
}
	.free #contents .cell ul.annotation li {
		text-indent: -12px;
	}

.free #contents .cell ul.list li {
	font-size: 93%;
}

.free #contents .btn {
	padding-top: 10px;
}




.free #contents .contact_table {
	margin-bottom: 20px;
}
	.free #contents .contact_table th {
		display: block;
		width: 100%;
		font-size: 86%;
		font-weight: 400;
		padding: 15px 0 0 0;
	}

	.free #contents .contact_table td {
		display: block;
		width: 100%;
		padding: 15px 0;
	}
		.free #contents .contact_table td .textbox01,
		.free #contents .contact_table td .textbox02,
		.free #contents .contact_table td textarea,
		.free #contents .contact_table td .cp_ipselect.cp_sl01 select {
			font-size: 12px;
		}
		.free #contents .contact_table td .textbox01 {
			width: 48.5%;
		}



.free #contents .cbtn {
	width: 80%;
}
	.free #contents .cbtn input {
		width: 100%;
		height: 56px;
		line-height: 56px;
		font-size: 100%;
	}





	








}