@charset "UTF-8";

/*----------------
  #titleHeader
----------------*/
#titleHeader {
	margin: 0 auto;
	padding: 60px 0 0;
	font-size: 0;
	text-align: center;
	background: #f1f2f2;
}
#titleHeader h1 {
	margin: 0 auto;
	padding: 12% 0;
}
#titleHeader h1 .jp {
	margin: 0 auto 4%;
    color: #595757;
	font-size: 6vw;
	font-feature-settings: "palt";
	letter-spacing: 0.3em;
	line-height: 1;
	display: block;
}
#titleHeader h1 .en {
	font-size: 3vw;
	font-feature-settings: "palt";
	letter-spacing: 0.2em;
	line-height: 1;
	display: block;
}
/*----------------
  #topicPath
----------------*/
#topicPath {
	margin: 0 auto;
	padding: 1% 0;
	background: url("../../../assets/img/bg_topicpath.png") repeat center center;
    -webkit-background-size: 80%;
    background-size: 80%;
	position: relative;
}
#topicPath .pathList {
	margin: 0 auto;
	width: 94%;
	font-size: 0;
}
#topicPath .pathList>li {
	margin-left: 0.8em;
	color: #595757;
	font-size: 3vw;
	display: inline-block;
	vertical-align: top;
}
#topicPath .pathList>li::before {
	margin-right: 0.8em;
	content: ">";
}
#topicPath .pathList>li:first-child {
	margin-left: 0;
}
#topicPath .pathList>li:first-child::before {
	margin-right: 0;
	content: "";
}
#topicPath .pathList>li a {
	color: #595757;
}

/*----------------
  #contents
----------------*/
#contents {
	margin: 0 auto;
}
#contents #subtitleHeader {
    padding: 14% 0;
}
#contents #subtitleHeader .subtilte {
    margin: 0 auto;
    width: 90%;
	font-size: 4.8vw;
    text-align: left;
    line-height: 1.8;
    letter-spacing: 0.2em;
}
#contents .lnav {
	margin: 6% auto 0;
	width: 92%;
	font-size: 0;
}
#contents .lnav>li {
	margin: 0 1%;
	width: 48%;
	font-size: 3.2vw;
	text-align: center;
	font-feature-settings: "palt";
	letter-spacing: 0.1em;
	line-height: 1;
	display: inline-block;
	vertical-align: top;
}
#contents .lnav>li a {
    padding: 10% 1%;
    border: solid 1px #5b5b5b;
    display: block;
}
#contents h2 {
	margin: 0 auto 8%;
    padding-bottom: 4%;
	font-size: 4.8vw;
	font-feature-settings: "palt";
	letter-spacing: 0.2em;
	line-height: 1.5;
    border-bottom: solid 1px #5b5b5b;
    display: inline-block;
}
#contents h2 .en {
	margin: 2% auto 0;
	color: #656565;
	font-size: 3vw;
	font-weight: bold;
	display: block;
}

/*----------------
  #corpgov_risk
----------------*/
#privacy-p {
	margin: 0 auto;
}
#privacy-p .block {
	margin: 0 auto;
	width: 90%;
}
#privacy-p h3 {
	margin: 0 auto 4%;
	font-size: 4.8vw;
	letter-spacing: 0.2em;
	line-height: 1.4;
}
#privacy-p h3 .num {
	margin: 0 auto 2% 0;
	padding-bottom: 2%;
	width: 2.2em;
	font-family : 'Roboto' , sans-serif ;
	line-height: 1;
	border-bottom: solid 1px #5b5b5b;
	display: block;
}
#privacy-p .txt {
	margin: 0 auto 4vw;
	letter-spacing: 0.2em;
}
#privacy-p .txt.ex {
	margin: 0 auto 4%;
}
#privacy-p .txt a{
	color: #717071;
	text-decoration: underline;
}
#privacy-p .txt li{
	padding-left: 2.3em;
	text-indent: -2.3em;
}
#privacy-p .mini-ttl {
    font-size: 1.6em;;
    margin-top: 10px;
	margin-bottom: 5px;
}

#privacy-p .mini-ttl.mb{
    margin-bottom: 4vw;
}
/*----------------
  #corpgov
----------------*/
.privacy-p {
	padding: 14% 0;
	background: #f9f8f8;
}
.privacy-p .block>div {
	margin: 0 auto 14%;
}
.privacy-p .block>div:last-child {
	margin: 0 auto;
}

/*----------------
  #corpgov1
----------------*/
#corpgov1 .hd {
	margin: 0 auto 2%;
	font-size: 3.8vw;
	font-feature-settings: "palt";
	letter-spacing: 0.2em;
	text-align: center;
}
#corpgov1 .img {
	margin: 0 auto;
	font-size: 0;
}
#corpgov1 .img img{
	width: 100%;
}

/*----------------
  #corpgov2
----------------*/
#corpgov2 .pointList {
	margin: 0 auto;
}
#corpgov2 .pointList>li {
	margin: 0 auto 5%;
}
#corpgov2 .pointList>li .hd {
	margin: 0 auto 3%;
	font-size: 4.4vw;
	font-feature-settings: "palt";
	letter-spacing: 0.2em;
	line-height: 1.4;
}

/*----------------
  #corpgov3
----------------*/
#corpgov3 .link {
	margin: 0 auto;
    line-height: 1.4;
}
#corpgov3 .link a {
	color: #717071;
	font-size: 3vw;
	text-decoration: underline;
}

/*----------------
  #risk
----------------*/
#risk {
	padding: 14% 0 6%;
}
#risk .lead {
	margin: 0 auto 10%;
	font-size: 3.5vw;
}
#risk .block>div {
	margin: 0 auto 10%;
}

/*----------------
  #risk1
----------------*/
#risk1 .pointList {
	margin: 0 auto;
}
#risk1 .pointList>li {
	margin: 0 auto 5%;
}
#risk1 .pointList>li .hd {
	margin: 0 auto 3%;
	font-size: 4.4vw;
	font-feature-settings: "palt";
	letter-spacing: 0.2em;
	line-height: 1.4;
}

/*----------------
  #risk2
----------------*/
#risk2 .pointList {
	margin: 0 auto;
}
#risk2 .pointList>li {
	margin: 0 auto 5%;
}
#risk2 .pointList>li .hd {
	margin: 0 auto 3%;
	font-size: 4.4vw;
	font-feature-settings: "palt";
	letter-spacing: 0.2em;
	line-height: 1.4;
}

/*----------------
  #risk9
----------------*/
#risk9 {
	margin: 0 auto;
}

/*----------------
  #linkBlock
----------------*/
#linkBlock {
	margin: 0 auto;
	padding: 5% 0;
	background: #fff;
}
#linkBlock .companyLink {
	margin: 0 auto;
	width: 94%;
	font-size: 0;
}
#linkBlock .companyLink>li {
	margin: 2%;
	width: 46%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
#linkBlock .companyLink>li a {
    padding: 5% 2%;
    color: #221815;
    font-size: 3.4vw;
    letter-spacing: 0.2em;
    text-align: center;
    background: #dfe1e2;
    display: block;
    position: relative;
    border-radius: 5px;
}
#linkBlock .companyLink>li a:hover {
    background: #898989;
    color: #fff;
}
/*#bottomNavBlock {
    display: none;
}*/
.link-txt{
	text-decoration: underline;
}
.kakko{
	text-indent: -0.5em;
}
#privacy-p .mini-ttl{
    font-size: 3.9vw;
}
.mb li{
    margin-bottom: 3vw;
}
.mbul{
    margin-bottom: 4vw;
}
@media only screen and (min-width:800px){
	/*----------------
	  #titleHeader
	----------------*/
	#titleHeader {
		padding: 80px 0 0;
	}
	#titleHeader h1 {
		margin: 0 auto;
		padding: 90px 0;
	}
	#titleHeader h1 .jp {
		margin: 0 auto 14px;
		font-size: 35px;
	}
	#titleHeader h1 .en {
		font-size: 14px;
	}
	/*----------------
	  #topicPath
	----------------*/
	#topicPath {
		padding: 10px 20px;
        -webkit-background-size: 500px;
        background-size: 500px;
	}
	#topicPath .pathList {
        width: auto;
		max-width: 1200px;
	}
	#topicPath .pathList>li {
		font-size: 11px;
        line-height: 1;
	}
	#topicPath .pathList>li a:hover {
		opacity: 0.6;
	}

	/*----------------
	  #contents
	----------------*/
    #contents #subtitleHeader {
        padding: 100px 0;
    }
    #contents #subtitleHeader .subtilte {
		width: 1000px;
        font-size: 20px;
    }
    #contents .lnav {
        margin: 40px auto 0;
		width: 1020px;
    }
    #contents .lnav>li {
        margin: 0 10px;
        width: 480px;
        font-size: 18px;
        letter-spacing: 0.2em;
    }
    #contents .lnav>li a {
        padding: 40px 20px;
    }
    #contents .lnav>li a:hover {
        border: solid 1px #939090;
    }
	#contents h2 {
		margin: 0 auto 40px;
        padding-bottom: 20px;
		font-size: 20px;
	}
	#contents h2 .en {
		margin: 10px auto 0;
		font-size: 18px;
	}

	/*----------------
	  #corpgov_risk
	----------------*/
	#privacy-p .block {
		width: 1000px;
	}
	#privacy-p h3 {
		margin: 0 auto 20px;
		font-size: 20px;
	}
	#privacy-p h3 .num {
		margin: 0 auto 10px 0;
		padding-bottom: 10px;
	}
	#privacy-p .txt {
		margin: 0 auto 25px;
	}
	#privacy-p .txt.ex {
		margin: 0 auto 20px;
	}
	#privacy-p .mini-ttl {
		font-size: 16px;
		margin-top: 10px;
	}

	/*----------------
	  #corpgov
	----------------*/
	.privacy-p {
        padding: 100px 0;
	}
	.privacy-p .block>div {
		margin: 0 auto 80px;
	}

	/*----------------
	  #corpgov1
	----------------*/
	#corpgov1 .hd {
		margin: 0 auto 30px;
		font-size: 20px;
	}
	#corpgov1 .img {
		text-align: center;
	}

	/*----------------
	  #corpgov2
	----------------*/
	#corpgov2 .pointList>li {
		margin: 0 auto 50px;
	}
	#corpgov2 .pointList>li .hd {
		margin: 0 auto 20px;
		font-size: 18px;
		line-height: 1;
	}
	#corpgov2 .pointList>li .txt {
		text-align: left;
	}

	/*----------------
	  #corpgov3
	----------------*/
	#corpgov3 .txt {
		margin: 0 auto 20px;
	}
	#corpgov3 .link {
	}
	#corpgov3 .link a {
		font-size: 12px;
	}
	#corpgov3 .link a:hover {
		text-decoration: none;
	}

	/*----------------
	  #risk
	----------------*/
	#risk {
		padding: 100px 0 30px;
	}
	#risk .lead {
		margin: 0 auto 70px;
		font-size: 16px;
	}
	#risk .block>div {
		margin: 0 auto 70px;
	}

	/*----------------
	  #risk1
	----------------*/
	#risk1 .pointList {
		margin: 0 auto;
	}
	#risk1 .pointList>li {
		margin: 0 auto 50px;
	}
	#risk1 .pointList>li .hd {
		margin: 0 auto 20px;
		font-size: 18px;
		line-height: 1;
	}

	/*----------------
	  #risk2
	----------------*/
	#risk2 .pointList>li {
		margin: 0 auto 50px;
	}
	#risk2 .pointList>li .hd {
		margin: 0 auto 20px;
		font-size: 18px;
		line-height: 1;
	}

	/*----------------
	  #linkBlock
	----------------*/
	#linkBlock {
		margin: 0 auto;
		padding: 60px 0;
	}
	#linkBlock .companyLink {
		width: 1200px;
	}
	#linkBlock .companyLink>li {
		margin: 0 10px;
		width: 280px;
	}
	#linkBlock .companyLink>li a {
		padding: 30px 10px;
        font-size: 16px;
        line-height: 1;
        display: block;
        position: relative;
	}
	/*#linkBlock .companyLink>li a:hover {
        color: #1b1b1b;
        background: #f1f2f2;
        border: solid 1px #1b1b1b;
	}*/
	.mbul{
		margin-bottom: 25px;
	}
	#privacy-p .mini-ttl.mb{
		margin-bottom: 25px;
	}
	.mb li{
		margin-bottom:15px;
	}
}