@charset "UTF-8";
/*=============================================================

	Date: 2015-05-07
	CSS Document ：
=============================================================*/

.sp {
	display: none;
}

img {
	height: auto;
	max-width: 100%
}

div.social_cn {
	margin: 15px auto;
	max-width: 920px;;
}

div.social_cn ul {
	float: right;
}

div.social_cn li {
	float: left;
	width: 100px;
}

div.social_cn .sns_fb {
	width: 160px;
}

img {
	vertical-align: bottom;
}

#main_cn {
	margin-top: 20px;
}

div.content_cn {
	max-width: 960px;
	margin: auto;
	padding: 0 20px;
}

div.content_cn p {
	font-size: 1rem;
	line-height: 1.8;
	margin: 0 0 10px;
}

div.content2_cn p {
	float: left;
	margin-right: 10px;
	width: 49.456521739%;
}

div.content2_cn p:last-child {
	float: right;
	width: 455px;
	width: 48.913043478%;
	margin-right: 0;
}

div.content3_cn p {
	float: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	width: 49.456521739%;
}

div.content3_cn p:last-child {
	float: left;
	width: 455px;
	width: 48.913043478%;
}

div.content4_cn p {
	float: left;
	width: 49.456521739%;
}

div.content4_cn p:last-child {
	float: right;
}

div.content_btn_cn {
	text-align: center;
	margin: 50px 0;
}

div.content_cn h2 {
	font-size: 1.1875rem;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 5px;
}

div.content5_cn {
	float: left;
	width: 455px;
	width: 49.456521739%;
}

div.content_cn .content5_cn:first-child {
	width: 465px;
	width: 50.54347823%;
}

div.content_cn .content5_cn:first-child p {
	width: 455px;
	width: 97.849462365%;
}

div.content5_cn p {
	width: 455px;
	width: 100%;
}

/* ---------------------------------

	guide
	
--------------------------------- */

div#guide_cn {
	margin: auto;
	max-width: 960px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
}

div#guide_cn h2 {
	border-bottom: 1px solid #000000;
	font-size: 1.75rem;
	font-weight: bold;
	line-height: 1.0;
	margin: 0 0 20px 0;
	padding: 0 0 8px 0;
}

div#guide_cn h3 {
	border-bottom: 1px dotted #CCCCCC;
	font-size: 1.1875rem;
	font-weight: bold;
	line-height: 1.0;
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
}

div#guide_cn h4 {
	font-size: 0.9375rem;
	font-weight: bold;
}

div.guide_section_cn {
	margin: 0 0 50px 0;
}

div.guide_section_cn p {
	font-size: 1rem;
}

div.guide_section_cn li {
	font-size: 1rem;
	text-indent: -1.0em;
	margin: 0 0 0 1.0em;
}

div.guide_section_cn dl {
	font-size: 1rem;
}

div.guide_section_cn dt {
	font-weight: bold;
	margin: 15px 0 0 0;
}

div.guide_section_cn dd img {
	margin: 15px 0;
}

div.guide_section_cn .mark_cn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0 0 10px;
}

div.guide_section_cn .mark_cn dt {
	width: 100px;
	margin: 0 10px 0 0;
}

div.guide_section_cn .mark_cn dd {
	width: 88%;
}

table.guide_table {
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #AAAAAA;
	width: 100%;
	margin: 20px 0;
}

table.guide_table th,
table.guide_table td {
	padding: 24px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #AAAAAA;
}

table.guide_table td {
	font-size: 1rem;
	word-break: break-all;
}

table.guide_table td p {
	font-size: 100%;
	margin: 0 0 8px;
}

table.guide_table td p span {
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.0;
}

table.guide_table td p a {
	font-weight: bold;
}

table.guide_table td li {
	font-size: 0.875rem;
	margin: 0 0 0 2.0em;
}

table.guide_table td dl {
	font-size: 0.875rem;
}

table.guide_table td dd {
	margin: 0 0 0 1.0em;
}

table.guide_table th {
	background-color: #EEEEEE;
	font-size: 1rem;
	font-weight: bold;
	text-align: left;
	width: 160px;
	white-space: nowrap;
	vertical-align: middle;
}

@media not all and (min-width: 768px) {
	div.social_cn {
		display: none;
	}
	
	div.content_cn {
		width: 100%;
	}

	div.content_cn p {
		font-size: 0.9rem;
	}
	
	div.content2_cn p {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	
	div.content2_cn p:last-child {
		float: none;
		width: 100%;
	}
	
	div.content3_cn p {
		float: none;
		width: 100%;
	}
	
	div.content3_cn p:last-child {
		float: none;
		width: 100%;
	}
	
	div.content4_cn p {
		float: none;
		width: 100%;
	}
	
	div.content4_cn p:last-child {
		float: none;
		width: 100%;
	}
	
	div.content_btn_cn {
		width: 90%;
		margin: 50px auto;
	}
	
	div.content_cn h2 {
		font-size: 1.0625rem;
	}
	
	div.content5_cn {
		float: none;
		width: 100%;
	}
	
	div.content_cn .content5_cn:first-child {
		width: 100%;
	}
	
	div.content_cn .content5_cn:first-child p {
		width: 100%;
	}

	table.guide_table {
		table-layout: fixed;
	}

	table.guide_table th {
	width: 40%;
}

	table.guide_table th,
	table.guide_table td {
	padding: 12px;
}

div#guide_cn h2 {
	font-size: 1.125rem;
}

div#guide_cn h3 {
	font-size: 1rem;
}

div.guide_section_cn p {
	font-size: 0.875rem;
}

div.guide_section_cn li {
	font-size: 0.875rem;
}

div.guide_section_cn dl {
	font-size: 0.875rem;
}

table.guide_table th {
	font-size: 0.875rem;
}

table.guide_table td {
	font-size: 0.875rem;
}

	img {
		width: 100%
	}

	.mark_cn img {
		max-width: 100%;
		width: auto;
	}

	.pc {
		display: none;
	}

	.sp {
		display: block;
	}
}