/* -----------------------------------------------------------
   #headline
   ----------------------------------------------------------- */
/* h1 */
#headline h1.t_ttl_privacy { font-size: 50px;}

@media only screen and (max-width: 738px) {
#headline h1.t_ttl_privacy { font-size: 25px;}
}
@media only screen and (max-width: 320px) {
#headline h1.t_ttl_privacy { font-size: 22px;}
}


/* -----------------------------------------------------------
   #privacy
   ----------------------------------------------------------- */

#privacy {padding: 90px 5%;position: relative; z-index: 1;}

@media only screen and (max-width: 960px) {
#privacy {padding: 80px 5%; }
}
@media only screen and (max-width: 738px) {
#privacy {padding: 70px 5% ; }
}

/* .privacyArea */
#privacy .privacyArea { position: relative; padding: 95px 5%; z-index: 1; text-align: center;}
#privacy .privacyArea:before { position: absolute; top: 7px; right: 7px; bottom: 7px; left: 7px; content: ""; border: #111 1px solid; z-index: -1;}
#privacy .privacyArea:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; border: #111 3px solid; z-index: -1;}
/* .deco */
#privacy .privacyArea .deco_t_l { position: absolute; top: -4px; left: -4px; height: 80px; width: 150px; background: url(../images/company/deco_t_l.png) top left no-repeat; background-size: contain; z-index: 2;}
#privacy .privacyArea .deco_t_r { position: absolute; top: -4px; right: -4px; height: 80px; width: 150px; background: url(../images/company/deco_t_r.png) top right no-repeat; background-size: contain; z-index: 2;}
#privacy .privacyArea .deco_b_l { position: absolute; bottom: -4px; left: -4px; height: 80px; width: 150px; background: url(../images/company/deco_b_l.png) bottom left no-repeat; background-size: contain; z-index: 2;}
#privacy .privacyArea .deco_b_r { position: absolute; bottom: -4px; right: -4px; height: 80px; width: 150px; background: url(../images/company/deco_b_r.png) bottom right no-repeat; background-size: contain; z-index: 2;}
#privacy .privacyArea .deco_t_c {width: 150px; height: 23px; background: url(../images/company/deco_t_c.png) top center no-repeat;  background-size: contain; display: inline-block; position: absolute; top: -9px; left: 50%; -webkit-transform: translate(-50%, 0);transform: translate(-50%, 0); z-index:2; text-align:center; z-index: 2;}
#privacy .privacyArea .deco_b_c {width: 150px; height: 23px; background: url(../images/company/deco_b_c.png) top center no-repeat;  background-size: contain; display: inline-block; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translate(-50%, 0);transform: translate(-50%, 0); z-index:2; text-align:center; z-index: 2;}

@media only screen and (max-width: 960px) {
#privacy .privacyArea { padding: 85px 5%;}
}

@media only screen and (max-width: 738px) {
#privacy .privacyArea { padding: 75px 8.5%; }
#privacy .privacyArea:before { top: 5px; right: 5px; bottom: 5px; left: 5px; }
#privacy .privacyArea:after { border: #111 2px solid;}
/* .deco */
#privacy .privacyArea .deco_t_l { top: -3px; left: -3px; height: 50px; width: 94px; }
#privacy .privacyArea .deco_t_r { top: -3px; right: -3px; height: 50px; width: 94px;}
#privacy .privacyArea .deco_b_l { bottom: -3px; left: -3px; height: 50px; width: 94px; }
#privacy .privacyArea .deco_b_r { bottom: -3px; right: -3px; height: 50px; width: 94px; }
#privacy .privacyArea .deco_t_c {width: 120px; height: 18px; top: -6px;}
#privacy .privacyArea .deco_b_c {width: 120px; height: 18px; bottom: -6px;}
}

/* h3 */
#privacy .privacyArea h3.jp { display: inline-block; margin: 0 auto; padding: 0 25px; font-size: 30px; font-family: 'Droid Serif','Shippori Mincho B1', serif; font-weight: 600; letter-spacing: 0.1em; line-height: 1.7; text-indent: 0.1em; position: relative; z-index: 1;}
#privacy .privacyArea h3:before { position: absolute; top: 0; bottom: 0; left: 0; width: 5px; content: ""; border-top:#111 1px solid; border-bottom:#111 1px solid; border-left: #111 1px solid; z-index: -1;}
#privacy .privacyArea h3:after { position: absolute; top: 0; bottom: 0; right: 0; width: 5px; content: ""; border-top:#111 1px solid; border-bottom:#111 1px solid; border-right: #111 1px solid; z-index: -1;}

@media only screen and (max-width: 960px) {
#privacy .privacyArea h3.jp {padding: 0 20px;font-size: 25px;line-height: 1.6;}
}
@media only screen and (max-width:738px) {
#privacy .privacyArea h3.jp {padding: 0 14px 0 15px;font-size: 18px;letter-spacing: 0.075em;}
}

#privacy .content_area { margin: 45px auto 0; padding: 0 7.5%; max-width: 950px; position: relative; z-index: 1; text-align:left;}

@media only screen and (max-width: 960px) {
#privacy .content_area { margin: 35px auto 0;padding: 0 2.5%;}
}
@media only screen and (max-width: 738px) {
#privacy .content_area { margin: 25px auto 0;padding: 0;}
}

#privacy .list_area {margin: 45px 0 0; padding: 45px 0 0; border-top: #111 1px dotted;}
#privacy .list_box { }
#privacy .list_box+.list_box { margin: 30px 0 0;}
#privacy .list_box .txt_area {margin: 5px 0 0; padding: 0 0 0 25px;}
#privacy .list_box .txt_privacy { padding: 0 0 0 25px;font-size: 15px; font-family: 'Droid Serif','Shippori Mincho B1', serif; font-weight: 600; letter-spacing: 0.05em; line-height: 25px; position: relative; z-index: 1;}
#privacy .list_box .txt_privacy:before { position: absolute; top: 0; left: 0; font-size: 1.05em; font-family: 'Libre Baskerville', serif; font-weight: 400; z-index: 0;content: ""; vertical-align: 0;}
#privacy .list_box:nth-child(1) .txt_privacy:before{content: "1."}
#privacy .list_box:nth-child(2) .txt_privacy:before{content: "2."}
#privacy .list_box:nth-child(3) .txt_privacy:before{content: "3."}
#privacy .list_box:nth-child(4) .txt_privacy:before{content: "4."}
#privacy .list_box:nth-child(5) .txt_privacy:before{content: "5."}
#privacy .list_box:nth-child(6) .txt_privacy:before{content: "6."}
#privacy .list_box:nth-child(7) .txt_privacy:before{content: "7."}
#privacy .list_box:nth-child(8) .txt_privacy:before{content: "8."}

@media only screen and (max-width: 960px) {
#privacy .list_area {margin: 40px 0 0; padding: 40px 0 0;}
#privacy .list_box+.list_box { margin: 25px 0 0;}
#privacy .list_box .txt_privacy {padding: 0 0 0 22px;line-height: 22px;}
#privacy .list_box .txt_area {padding: 0 0 0 22px;}
}
@media only screen and (max-width: 738px) {
#privacy .list_area {margin: 35px 0 0; padding: 35px 0 0;}
#privacy .list_box .txt_privacy {padding: 0 0 0 20px;font-size: 15.5px; line-height: 20px;}
#privacy .list_box .txt_area {padding: 0 0 0 20px;}
}	
	

/* ul.list_privacy */
#privacy ul.list_privacy { margin: 5px 0 0; padding: 0 0 0 1.5em; list-style: circle; font-size: 15px; font-weight: 400; line-height: 2; letter-spacing: 1px; position: relative; z-index: 1; }
#privacy ul.list_privacy li { margin:1px 0 0; }
#privacy ul.list_privacy li:first-child { margin:0; }

@media only screen and (max-width: 738px) {
#privacy ul.list_privacy { margin: 5px 0 0; font-size: 14px; line-height: 1.7; }
#privacy ul.list_privacy li { margin:2px 0 0; }
}

/* dl.dl_list_privacy */
dl.dl_list_privacy { margin: 5px 0 0; font-size: 0; line-height: 1;}
dl.dl_list_privacy .dl_list_box {margin: 0;}
dl.dl_list_privacy .dl_list_box+.dl_list_box {margin: 5px 0 0;}
dl.dl_list_privacy dt {width: 135px;}
dl.dl_list_privacy dt,
dl.dl_list_privacy dd {display: inline-block;font-size: 15px; font-weight: 370;line-height: 1.7;letter-spacing: 0.05em;}

@media only screen and (max-width: 738px) {
dl.dl_list_privacy { margin: 5px 0 0; }
dl.dl_list_privacy .dl_list_box {margin: 0;}
dl.dl_list_privacy .dl_list_box+.dl_list_box {margin: 5px 0 0;}
dl.dl_list_privacy dt {width: 125px;}
}
@media only screen and (max-width: 640px) {
dl.dl_list_privacy dt,
dl.dl_list_privacy dd {width: 100%;display: block;}
}