@charset "utf-8";
/*##########################################################*/
/*  Japhic Page Style       																*/
/*    Ver:0.01               																*/
/*    Date:2016/04/24        																*/
/*##########################################################*/
/*##################################################*/
/*  For PC Style       															*/
/*##################################################*/
/* 共通 */
header {
	background-color:#000000;
}
#contents {
	margin-top:74px;
}
#contents .content-wrap {
	max-width:1000px;
	margin-left: auto;
	margin-right: auto;
}
#main-title #page-title,
#main-contents section .h1-sec-title,
#main-contents section .margin-wrap {
	margin-left:10px;
	margin-right:10px;
}

/* ページタイトル */
#main-title #japhic-page-title-bg {
	background-image: url(../../business/img/japhic01-ph31.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#main-title #page-title {
	color:#FFFFFF;
}
#main-title #page-title .h1-title-en {
	padding-top:85px;
	font-size:36px;
}
#main-title #page-title h1 {
	padding-top:5px;
	padding-bottom:70px;
	font-size:24px;
}

/* メインコンテンツ */
/* 共通 */
#main-contents .section-bg {
	background-color:#f2f2f2;
}
#main-contents .h1-sec {
	padding-top:50px;
	padding-bottom:50px;
}
#main-contents .h1-sec .h1-sec-lead {
	line-height:2.0;
}

#main-contents section .h2-sec {
	margin-top:60px;
} 
#main-contents section .h2-sec h2 {
	padding:10px 20px;
	font-size:20px;
	font-weight:bold;
	line-height:1.2;
	background-color:#d7d7d7;
	color:#333333;
}
#main-contents section .h2-sec .h2-sec-data {
	margin-top:30px;
}
#main-contents section .h2-sec .h2-sec-data p,
#main-contents section .h2-sec .h2-sec-data li,
#main-contents section .h2-sec .h2-sec-data dt,
#main-contents section .h2-sec .h2-sec-data dd {
	line-height:2.0;
}
#main-contents section .h2-sec .h2-sec-data img {
	width:100%;
	height:auto;
}
#main-contents section .h2-sec .h2-sec-data .flow-img {
	margin-top:30px;
	text-align:center;
}
#main-contents section .h2-sec .h2-sec-data .flow-img img {
	max-width:894px;
}

#main-contents section .h2-sec .h2-sec-data .h3-sec {
	margin-top:30px;
}
#main-contents section .h2-sec .h2-sec-data .h3-sec:first-child {
	margin-top:0;
}
#main-contents section .h2-sec .h2-sec-data .h3-sec h3 {
	font-size:18px;
	font-weight:bold;
	line-height:1.2;
	text-indent: -1em;
	margin-left: 1em;
}
#main-contents section .h2-sec .h2-sec-data .h3-sec h3:before {
	content:"●";
	font-weight:bold;
	color:#009ae4;
}
#main-contents section .h2-sec .h2-sec-data .h3-sec .h3-sec-data {
	margin-top:10px;
	margin-left:1em;
	margin-right:1em;
}
#main-contents section .h2-sec .h2-sec-data .h3-sec .h3-sec-data .right-img {
	float:right;
	margin-left:20px;
}

#main-contents section .h2-sec .h2-sec-data .h3-sec .h3-sec-data .h3-sec-list > .list-title {
	margin-top:10px;
	font-weight:bold;
}
#main-contents section .h2-sec .h2-sec-data .h3-sec .h3-sec-data .h3-sec-list > ul {
	margin-left:1em;
}
#main-contents section .h2-sec .h2-sec-data .h3-sec .h3-sec-data .h3-sec-list > ul > li {
	text-indent: -1em;
	margin-left: 1em;
}
#main-contents section .h2-sec .h2-sec-data .h3-sec .h3-sec-data .h3-sec-list > ul > li:before {
	content:"・";
}

/* 個人情報保護に関する現状 */
#main-contents section #state .h2-sec-data .h3-sec .h3-sec-data .right-img {
	max-width:199px;
}

/* 第三者認証制度の活用 */
#main-contents section #util .h2-sec-data .h3-sec .h3-sec-data .right-img {
	max-width:207px;
}

/* 各制度の紹介 */
#main-contents section #intro .h2-sec-data .h2-sec-table {
	margin-top:10px;
	margin-left:1em;
	margin-right:1em;
}
#main-contents section #intro .h2-sec-data .h2-sec-table table {
	width: 100%;
	border-top: 1px solid #B5B5B5;
	border-left: solid 1px #B5B5B5;
	font-size:14px;
}
#main-contents section #intro .h2-sec-data .h2-sec-table table th,
#main-contents section #intro .h2-sec-data .h2-sec-table table td {
	padding:10px 5px;
	border-right:solid 1px #B5B5B5;
	border-bottom:solid 1px #B5B5B5;
}
#main-contents section #intro .h2-sec-data .h2-sec-table table th {
	text-align: center;
	background-color: rgba(197,219,223,1.00);
}
#main-contents section #intro .h2-sec-data .h2-sec-table table th h3 {
	font-size:14px;
	font-weight:bold;
	line-height:1.2;
	text-indent: -1em;
	margin-left: 1em;
}
#main-contents section #intro .h2-sec-data .h2-sec-table table td {
	line-height:2.0;
	text-align:left;
}

/* 制度の違い */
#main-contents section #diff .h2-sec-data .h3-sec .h3-sec-data .h3-sec-list dl {
	margin-top:30px;
	width:100%;
	font-size:0;
}
#main-contents section #diff .h2-sec-data .h3-sec .h3-sec-data .h3-sec-list dl dt,
#main-contents section #diff .h2-sec-data .h3-sec .h3-sec-data .h3-sec-list dl dd {
	display:inline-block;
	font-size:16px
}
#main-contents section #diff .h2-sec-data .h3-sec .h3-sec-data .h3-sec-list dl dt {
	margin-top:5px;
	width:34%;
}
#main-contents section #diff .h2-sec-data .h3-sec .h3-sec-data .h3-sec-list dl dt img {
	max-width:306px;
}
#main-contents section #diff .h2-sec-data .h3-sec .h3-sec-data .h3-sec-list dl dd {
	margin-top:30px;
	margin-left:0px;
	width:60%;
	width:-webkit-calc(100% - 34%);
	width:calc(100% - 34%);
}
#main-contents section #diff .h2-sec-data .h3-sec .h3-sec-data .h3-sec-list dl dd ul li {
	text-indent: -1em;
	margin-left: 1em;
}
#main-contents section #diff .h2-sec-data .h3-sec .h3-sec-data .h3-sec-list dl dd ul li:before{
	content:"・";
}

/* JAPHICマークの特徴 */
#main-contents section #feature .h2-sec-data .feature-catch {
	font-size:20px;
	font-weight:bold;
}
#main-contents section #feature .h2-sec-data .h2-sec-table {
	margin-top:10px;
	margin-left:1em;
	margin-right:1em;
}
#main-contents section #feature .h2-sec-data .h2-sec-table table {
	width: 100%;
	border-top: 1px solid #B5B5B5;
	border-left: solid 1px #B5B5B5;
	font-size:14px;
}
#main-contents section #feature .h2-sec-data .h2-sec-table table th,
#main-contents section #feature .h2-sec-data .h2-sec-table table td {
	padding:10px 5px;
	border-right:solid 1px #B5B5B5;
	border-bottom:solid 1px #B5B5B5;
}
#main-contents section #feature .h2-sec-data .h2-sec-table table th {
	text-align: center;
	background-color: rgba(197,219,223,1.00);
}
#main-contents section #feature .h2-sec-data .h2-sec-table table td h3 {
	font-size:14px;
	line-height:1.2;
}
#main-contents section #feature .h2-sec-data .h2-sec-table table td {
	line-height:2.0;
	text-align:left;
}

/* 審査申請費用 */
#main-contents section #cost .h2-sec-data .h3-sec .h3-sec-data .h3-sec-table {
	margin-top:10px;
}
#main-contents section #cost .h2-sec-data .h3-sec .h3-sec-data table {
	width: 100%;
	border-top: 1px solid #B5B5B5;
	border-left: solid 1px #B5B5B5;
	font-size:14px;
}
#main-contents section #cost .h2-sec-data .h3-sec .h3-sec-data table th,
#main-contents section #cost .h2-sec-data .h3-sec .h3-sec-data table td {
	padding:5px 0;
	border-right:solid 1px #B5B5B5;
	border-bottom:solid 1px #B5B5B5;
	text-align:center;
}
#main-contents section #cost .h2-sec-data .h3-sec .h3-sec-data .table-exp {
	margin-top:10px;
	margin-left:1em;
	font-size:14px;
}
#main-contents section #cost .h2-sec-data .h3-sec .h3-sec-data .table-exp p {
	line-height:1.4;
}
#main-contents section #cost .h2-sec-data .h3-sec .h3-sec-data .table-exp .exp-title {
	font-weight:bold;
}

/* 取得による付帯メリット */
#main-contents section #merit .h2-sec-data .right-img {
	float:right;
	max-width:129px;
	margin-left:20px;
}
#main-contents section #merit .h2-sec-data .merit-title {
	margin-top:20px;
	font-weight:bold;
}
#main-contents section #merit .h2-sec-data .merit-text {
	margin-left:1em;
}
#main-contents section #merit .h2-sec-data .merit-exp {
	margin-top:20px;
}

/* バナー */
#main-contents .company-banner {
	margin-top:50px;
	text-align:center;
}
#main-contents .company-banner img {
	max-width:626px;
	width:80%;
	height:auto;
	padding:20px 5%;
	border:solid 1px #B5B5B5;
}

/*##################################################*/
/*  For Mini PC Style  															*/
/*##################################################*/
@media (max-width:1020px){
	/*################### Common div ###################*/
}

/*##################################################*/
/*  For Tablet Style   															*/
/*##################################################*/
@media (max-width:800px){
	/*################### Common div ###################*/
	/* 共通 */
	#contents {
	margin-top:45px;
	}
}

/*##################################################*/
/*  For S-Phone Style   														*/
/*##################################################*/
@media (max-width : 480px){
	/*################### Common div ###################*/
	#main-title #page-title .h1-title-en {
		padding-top:15px;
		font-size:24px;
	}
	#main-title #page-title h1 {
		padding-bottom:20px;
		font-size:16px;
	}

	/* 共通 */
	#main-contents section .h2-sec .h2-sec-data .h3-sec .h3-sec-data .right-img,
	#main-contents section #merit .h2-sec-data .right-img {
		display:none;
	}

	/* JAPHICマークの特徴 */
	#main-contents section #feature .h2-sec-data .feature-catch {
		font-size:16px;
	}
	/* 制度の違い */
	#main-contents section #diff .h2-sec-data .h3-sec .h3-sec-data .h3-sec-list dl dt,
	#main-contents section #diff .h2-sec-data .h3-sec .h3-sec-data .h3-sec-list dl dd {
		display:block;
		width:100%;
	}
	#main-contents section #diff .h2-sec-data .h3-sec .h3-sec-data .h3-sec-list dl dt {
		text-align:center;
	}
	#main-contents section #diff .h2-sec-data .h3-sec .h3-sec-data .h3-sec-list dl dd {
		margin-top:10px;
	}

	/* 審査申請費用 */
	#main-contents section #cost .h2-sec-data .h3-sec .h3-sec-data table {
		font-size:10px;
	}
}