@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/****************************
** PC、タブレット横用
*****************************/
/* 固定ページ記事タイトル非表示 */
.type-page h1 {
	display: none;
}
/* ヘッダー */
#header {
	padding: 0px 0px 0px 5%;
}
#header .logo .site-name-text {
	font-size: 1.875vw; /*ブラウザの横幅に対する相対的な値となり、1vwはブラウザの横幅の1%に相当 */
	font-weight: 700;　/*#1087対応（おすず）*/
}
/* グローバルナビメニュー */
#navi {
	padding: 0px 5% 2.5vw 0px;
}
#navi .navi-in > .menu-header .item-label{
	font-size: 1.5625vw;
	padding: 1.25vw 0px 1.25vw 0px;
}

/*
 * ヘッダーボタンのジャンプ先の位置調整は「外観 > カスタマイズ > 追加CSS」に記述しています
*/

/* ヘッダー（モバイル版）、トップ画面、VALUE、MISSION、VISION、SERVICEの表示・非表示 */
.img-top-box {
	display: block;	/*!important削除対応（かすみちゃん）*/
	margin: auto;
	overflow: hidden;
}
.h-mbl, .img-top-box-mobile, .entry-mission-mobile, .entry-value-mobile, .img-mission-mobile, .entry-vision-mobile, .img-vision-mobile, .entry-message-text-mobile, .entry-service-mobile1, .entry-service-mobile2, .entry-service-mobile3, .entry-service-mobile4, .entry-service-mobile5, .entry-service-mobile6 {
	display: none !important;
}
/* ページのコンテンツの余白を削除 */
.main, .entry-content, .content, .content-in, .entry-content cf {
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
	width: 100%;
}

/*フッターの上部のmarginをpaddingに変更 #1236対応（かすみちゃん）*/
.body .article{
        padding-bottom: 1.8em;
        margin-bottom: 0;
}

.main {
    border: 0px solid transparent;  /*#1095対応（かすみちゃん）*/
}

.date-tags {
    margin-bottom: 0;
}

/* #1098,#1099対応（おすず）各ブロックの各種設定 */
body {
    color: #000000;
    font-family: font-family: Lato,"Noto Sans JP","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/* #1087対応（おすず）*/
.entry-content{
    font-weight:300;
}
#post-9>.entry-content{
    font-weight:400;
}

/* 各ブロックの各種設定 */
.img-top {
        width: 130%;
/*1073対応（かすみちゃん）START*/
        animation-name: marquee;
        animation-duration: 10s;
        animation-timing-function: linear;
        animation-iteration-count: 1;
}

@keyframes marquee {
        0% { translate: -10%; }
        100% { translate: 0%; }
}
/*1073対応（かすみちゃん）END*/

.entry-h2 {
	font-size: 50px;
	margin-bottom: 0 !important;
}
/*!important削除対応（かすみちゃん）*/
#id-mission, #id-vision, #id-entry-service-box {
	margin-bottom: 15em;
}
.entry-company-text {
	margin-bottom: 5em;	/*!important削除対応（かすみちゃん）*/
	font-size: 16px;
	line-height: 40px;/*#1087対応（おすず）*/
}
.entry-mission, .entry-vision, .img-value, .entry-value, .entry-separator {
	margin: 0 auto;
	width: 75%;
}
.entry-mission, .entry-vision, .entry-value {
	font-size: max(1.25vw, 18px); /*#1087対応（おすず）*/
}
.entry-message-text {
	font-size: clamp(10px, 1.25vw, 25px);
}
/* SERVICEブロックの設定 */
.entry-service1 { background: #FF8C0066; }
.entry-service2 { background: #FF8C0033; }
.entry-service3 { background: #F36C2166; }
.entry-3column-title {
	margin: 1.5vw
}
.entry-3column-text {
	font-size: clamp(12px, 1.25vw, 20px); /*#1085対応（おすず）*/
	line-height:1.448;　/*#1085対応（おすず）*/
}
/* COMPANY文面 */
.parent {
	display: grid;
    grid-template-columns: 38% 62%;
    /* grid-template-rows: repeat(5, 1fr);　#1085対応（おすず）*/
    grid-column-gap: 5vw;
    grid-row-gap: 0px;
    width: 75%;
    margin: 0 auto;
}
.div1 { grid-area: 1 / 1 / 2 / 2; margin: 1% 0; }
.div2 { grid-area: 1 / 2 / 2 / 3; margin: 1% 0; }
.div3 { grid-area: 2 / 1 / 3 / 2; margin: 1% 0; }
.div4 { grid-area: 2 / 2 / 3 / 3; margin: 1% 0; }
.div5 { grid-area: 3 / 2 / 4 / 3; margin: 0 0 1% 0; }
.div6 { grid-area: 4 / 1 / 5 / 2; margin: 1% 0; }
.div7 { grid-area: 4 / 2 / 5 / 3; margin: 1% 0; }
.div8 { grid-area: 5 / 1 / 6 / 2; margin: 1% 0; }
.div9 { grid-area: 5 / 2 / 6 / 3; margin: 1% 0; }

/*#1087対応（おすず）*/
.div3, .div4, .div5{
    line-height: 30px;
}

/* フッター */
.footer {
	margin-top: 0px;
}

/*#1098対応(おすず)*/        
.navi-footer-in a {        
        font-size: clamp(21px, 2.03vw, 31px);
}        
/*#1085対応（おすず）*/
.navi-footer-in>.menu-footer li {
    width: 340px;
}

.copyright {
	font-size: clamp(19px, 1.875vw, 29px);　/*#1085対応（おすず）*/
}

/************************
* Privacy Policy のページ
*************************/
.entry-h2-PrivacyPolicy {
/*	margin-top: 10%;*/
	padding: 10% 0 0;
}
.entry-separator-contact, entry-text-PrivacyPolicy {
	margin: 0 auto;
	width: 75%;
}
.entry-text-PrivacyPolicy, .entry-text2-PrivacyPolicy {
	margin: 0 auto;
	width: 65%;
	font-size: clamp(10px, 1.17vw, 18px);　/*#1085対応（おすず）*/
	line-height: 1.86;　/*#1085対応（おすず）*/
}

/************************
* Contact
*************************/
.entry-h2-contact {
/*	margin-top: 10%;*/
	padding: 10% 0 0;
}
.entry-separator-contact {
	margin: 0 auto;
	width: 75%;
}

/************************
* Contact Form 7
*************************/
.wpcf7-form-control.form-control {
	width: auto;
	max-width: 100%;
}
/* フォームを中央に配置・背景色指定 */
.wpcf7-form {
	max-width: 64%; /* figma指定の 820px は全長 1280px の約64% */
	margin-left: auto;
	margin-right: auto;
	padding: 15px 20px;
	border-radius: 5px;
}
/* 名前、メール、タイトル、問い合わせ内容入力欄 */
.entry-name, .entry-email, .entry-subject, .entry-message {
	margin: 50px 0px 0px; /* 上 左右 下 */
}
.wpcf7 label[for="namefield"], label[for="emailfield"], label[for="subjectfield"], label[for="messagefield"] {
	font-size: 90%;
	font-size: 20px;      /*1087対応（おすず）*/
}
/* 文字数上限カウンター */
.cf7-right {
	float: right; /* 右寄せ */
	padding-top: min(1.5vw, 10px);
	font-size: 12px;
	color: red;
	margin-bottom: 0;	/*!important削除対応（かすみちゃん）*/
}
.wpcf7 input[name="your-name"], input[name="your-email"], input[name="your-subject"] {
        /*1089対応（かすみちゃん）*/
        height: 50px;
        /*1101対応（かすみちゃん）*/
        font-size: 100%;
        margin: 10px 0px 0px; /* 上 左右 下 */
        font-family: font-family: Lato,"Noto Sans JP","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;  /*1098対応（おすず）*/
}
.wpcf7 textarea[name="your-message"] {
	height: 300px;
	margin: 10px 0px 0px; /* 上 左右 下 */
	font-family: font-family: Lato,"Noto Sans JP","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;  /*1098対応（おすず）*/
}
/* 送信ボタン */
.submit-btn {
	text-align: center;
	margin: 100px 0px 0px; /* 上 左右 下 */
}
.wpcf7 input[type="submit"] {
	width: 200px;
	margin: 0 auto;
	font-size: 22px;/*1087対応（おすず）*/
	color: #ffffff;
	background: #F36C21;
	border-radius: 6px;
	font-weight: 600;/*1087対応（おすず）*/
}
.wpcf7 input[type="submit"]:hover { /* マウスを乗せたとき */
    background-color:#f2d500;
    color: #fff;
}
/* 送信ボタン押下時に動作する"読み込み処理中マーク"を非表示 */
span.wpcf7-spinner {
    display: none;
}
/* 必須マーク */
.wpcf7-form small.text-danger {
    color: #fff !important;
    background-color: #dc3545;
    font-size: 75%;
    padding: 0.1em 0.3em;
    margin-left: 0.5em;
}


/****************************
** 1024px以下　タブレット縦用
*****************************/
@media screen and (max-width: 1024px){
  /*必要ならばここにコードを書く*/
	
	/* デフォルトで設定されている値を調整 */
	.navi-in > .menu-header, .navi-in .menu-pc {
		display: flex;
	}
	/* 疑似ヘッダー */
	#header-container {
		position: fixed !important; /*スクロール時に追従する*/
		width: 100% !important;
	}
}


/****************************
** 834px以下　スマートフォン横用
*****************************/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
	/* デフォルトで設定されている値を調整 */
	.navi-in > .menu-header, .navi-in .menu-pc  {
		display: flex;
	}
	.header div.header-in {
		min-height: 0;
	}
	.header-container-in.hlt-top-menu {
		flex-direction: row;
	}
	.main {
		/* display: flex !important; */
		padding: 0 !important;
	}
	/* 疑似ヘッダー */
	#header-container {
		position: fixed !important; /*スクロール時に追従する*/
		width: 100% !important;
	}
}


/****************************
** 480px以下　スマートフォン縦用
*****************************/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	/*#1104対応（名人）*/
	.wp-container-core-columns-is-layout-1.wp-container-core-columns-is-layout-1{
		margin: 0;
	}

	#container {
		background: #FFF;
	}
	
	/*#1087対応（おすず）*/
	.entry-content{
		font-size: 14px;
	}
	/*#1087対応（おすず）*/
	#post-9>.entry-content{
		font-weight:300;
	}
	
	/* ヘッダー、区切り線を非表示 */
	#header, #navi, .entry-separator {
		display: none;
	}
	#main {
		padding: 0 !important;
	}
	:where(body .is-layout-flex) {
		gap: 0 !important;
	}
	/* ヘッダー（モバイル版）、トップ画面、VALUE、MISSION、VISION、SERVICEの表示・非表示 */
	.img-top-box, .img-value, .entry-value, .entry-mission, .entry-vision, .entry-message-text, .entry-service-box {
		display: none !important;
	}
	.img-top-box-mobile, .entry-mission-mobile, .img-mission-mobile, .entry-vision-mobile, .img-vision-mobile, .entry-message-text-mobile {
		display: block !important;
	}
	/* 親要素でflex指定 */
	.entry-value-mobile, .entry-service-mobile1, .entry-service-mobile2, .entry-service-mobile3, .entry-service-mobile4, .entry-service-mobile5, .entry-service-mobile6 {
		display: flex !important;
	}
	/* 疑似ヘッダー */
	.h-mbl {
		display: flex !important; /* display:blockだと、blockが優先され、flexが効かなくなる */
		flex-direction: row;
		margin-top: 0%;
		background: #FFF;
		position: sticky; /*スクロール時に追従する*/
		top: 0; /*スクロール時に追従する*/
		z-index: 100; /* 重なり順を一番上にする */
	}
	/* 疑似ヘッダーの大きさ */
	.header-mobile-left, .header-mobile-right {
		line-height: 82px;
		height: 82px;
	}
	
	/*#1075(対応(おすず)*/                
	.header-mobile-left::after {        
		position   : absolute;        
		content    : "";                
		bottom     : 0px;                
		right      : 0px;                
		height     : 100%;                
		width      : 100%;                
		background : #FF8C00;                
		clip-path: polygon(80% 0, 100% 0, 100% 100%, 70% 100%);                
	}

	/* 疑似ヘッダー左ブロックのテキスト */
	.header-mobile-text {
		font-size: 18px;
		 font-weight: 700; /*#1085対応（おすず）*/
		padding: 0px 0px 0px 10%;
	}
	/* 疑似ヘッダー右ブロック（ハンバーガーメニュー） */
	.hamburger {
		display: flex;
		height: 82px;
		justify-content: center;
		align-items: center;
		padding: 0 20px;
		background: #FF8C00;
		position: relative;
	}
	/* ここから下がハンバーガーメニューに関するCSS */
		/* チェックボックスを非表示にする */
		.drawer_hidden {
			display: none;
		}
		/* ハンバーガーアイコンの設置スペース */
		.drawer_open {
			position: absolute;
			/*right: 65%; おすず*/
			z-index: 100; /* 重なり順を一番上にする */
			cursor: pointer;
			display: block;
		    top:50%; /*#1075対応（おすず）*/
			left:50%;
		}
		/* ハンバーガーメニューのアイコン */
		.drawer_open span, .drawer_open span:before, .drawer_open span:after {
			content: '';
			display: block;
			height: 3px;
			width: 25px;
			border-radius: 3px;
			background: #FF8C00; /*#1075対応（おすず）*/
			transition: 0.5s; 
			position: absolute; /*#1075対応（おすず）*/
			left: 50%; /*#1075対応（おすず）*/
			transform:translate(-50%, -50%); /*#1075対応（おすず）*/
		}
		/*ハンバーガーメニューアイコンの背景（〇）#1075対応（おすず）*/
		.drawer_open_back {
			content: '';
			display: block;
			height: 45px;
			width: 45px;
			border-radius: 50px;
			background: #ffffff;
		}

		/* 三本線の一番上の棒の位置調整 */
		.drawer_open span:before {
			bottom: 5px;　/*#1075対応(おすず)*/
		}
		/* 三本線の一番下の棒の位置調整 */
		.drawer_open span:after {
			top: 8px;
		}
		/* アイコンがクリックされたら真ん中の線を透明にする */
		#drawer_input:checked ~ .drawer_open span {
			background: rgba(255, 255, 255, 0);
		}
		/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
		#drawer_input:checked ~ .drawer_open span::before {
			bottom: 0;
			transform: rotate(45deg);
			background:#ffffff; /*#1075対応(おすず)*/
		}
		#drawer_input:checked ~ .drawer_open span::after {
			top: 0;
			transform: rotate(-45deg);
			background:#ffffff; /*#1075対応(おすず)*/
		}
		/* メニューのデザイン*/
		.nav_content {
			width: 50%;
			height: 100%;
			position: fixed;
			top: 0%;
			left: 100%; /* メニューを画面の外に飛ばす */
			z-index: 99;
			background: #ff8c00;
			transition: .5s;
			text-align: center;
			padding-top: 20px;
			font-weight: 500;/*#1075対応（おすず）*/
		}
		/* メニュー黒ポチを消す */
		.nav_list {
			list-style: none;
		}
		.nav_item a {
			color: #fff;
			text-decoration: none;
		}
		/* アイコンがクリックされたらメニューを表示 */
		#drawer_input:checked ~ .nav_content {
			left: 50%;
		}
		/*#1065対応(おすず)*/
		/*事業内容へのジャンプ先の位置調整*/
		#h2-service::before {
			height: 76px;
			margin: -76px 0 0;
		}
		/*会社情報へのジャンプ先の位置調整*/
		#h2-company::before {
			height: 76px;
			margin: -76px 0 0;
		}
	/* ハンバーガーメニューCSSはここまで */
	/* 各ブロックの下余白設定 */
	.entry-mission, .entry-vision, .entry-value, .entry-message-text, .entry-service-box-mobile, .entry-company-text {
		margin-bottom: 5em !important;
	}
	.wp-block-columns, .img-vision-mobile {
/*		margin-bottom: 0 !important;	*/
	}
	/* タイトル（MISSION、VISION、VALUE）の文字サイズ調整 */
	.fz-30px {
		font-size: 30px;
	}
	/* 縦向き表示にする設定 */
	.reversebox {
		flex-direction: column;
	}
	.entry-service-mobile1, .entry-service-mobile2, .entry-service-mobile3, .entry-service-mobile4, .entry-service-mobile5, .entry-service-mobile6 {
		flex-wrap: nowrap;
	}
	/* 子要素に縦向きの際の並び順を指定（MISSION） */
	.reversebox-order1 {
		order: 2;
	}
	.reversebox-order2 {
		order: 1;
	}
	/* MESSAGE、SERVICE、COMPANYの調整 */
	.wp-block-cover .wp-block-cover__inner-container {
		width: 75%;
		height: 80%;
	}

	.entry-message-text-mobile {
		margin: 0 auto;
		width: 75%;
		font-size: 13px;
		margin-bottom: 5em !important;
	}
	.entry-h2 {
		font-size: 30px;
		margin-bottom: 1.5em !important;
		font-weight: 300;/*#1085対応（おすず）*/
	}
	/* SERVICE */
	/* 疑似ヘッダーのカラムでmargin-bottom:0 !important;を設定しているためmargin-topで代替 */
	.entry-service-mobile2, .entry-service-mobile3, .entry-service-mobile4, .entry-service-mobile5, .entry-service-mobile6 {
		margin-top: 10px;
	}
	/*#1110対応（おすず)*/
	.column3-mobile1-right, .column3-mobile2-left, .column3-mobile5-right { background: #FF8C0066; }
	.column3-mobile4-left  { background: #FF8C0033; }
	.column3-mobile3-right, .column3-mobile6-left{ background: #F36C2166; }

	/* 画像枠と文面枠の高さ調整 */
	.column3-mobile1-left, .column3-mobile1-right, .column3-mobile1-img, .column3-mobile1-right-in {
		display: flex;
		vertical-align: top; /* 枠を上端に揃える */
		line-height: 5.85vw; /* 文面の高さを指定 */
		height: 55.2vw; /* 画像の高さを指定 */
	}
	.column3-mobile2-left, .column3-mobile2-right, .column3-mobile2-img, .column3-mobile2-left-in {
		display: flex;
		vertical-align: top; /* 枠を上端に揃える */
		line-height: 5.85vw; /* 文面の高さを指定 */
		height: 55.5vw; /* 画像の高さを指定 */
	}
	.column3-mobile3-left, .column3-mobile3-right, .column3-mobile3-img, .column3-mobile3-right-in {
		display: flex;
		vertical-align: top; /* 枠を上端に揃える */
		line-height: 4.65vw; /* 文面の高さを指定 */
		height: 56.2vw; /* 画像の高さを指定 */
	}
	.column3-mobile4-left, .column3-mobile4-right, .column3-mobile4-img, .column3-mobile4-left-in {
		display: flex;
		vertical-align: top; /* 枠を上端に揃える */
		line-height: 5.85vw; /* 文面の高さを指定 */
		height: 55vw; /* 画像の高さを指定 */
	}
	.column3-mobile5-left, .column3-mobile5-right, .column3-mobile5-img, .column3-mobile5-right-in {
		display: flex;
		vertical-align: top; /* 枠を上端に揃える */
		line-height: 6.55vw; /* 文面の高さを指定 */
		height: 54vw; /* 画像の高さを指定 */
	}
	.column3-mobile6-left, .column3-mobile6-right, .column3-mobile6-img, .column3-mobile6-left-in {
		display: flex;
		vertical-align: top; /* 枠を上端に揃える */
		line-height: 6.13vw; /* 文面の高さを指定 */
		height: 57.2vw; /* 画像の高さを指定 */
	}
	/* 文面（タイトル） */
	.column3-mobile-title1, .column3-mobile-title2, .column3-mobile-title3, .column3-mobile-title4, .column3-mobile-title5, .column3-mobile-title6 {
		font-size: clamp(11px, 3.7vw, 16px);
		padding: 20px 20px 0;
		font-weight: 350; /*＃1075対応（おすず）*/
	}
	/* 文面（本文） */
	.column3-mobile-text1, .column3-mobile-text2, .column3-mobile-text3, .column3-mobile-text4, .column3-mobile-text5, .column3-mobile-text6 {
		font-size: clamp(7px, 2.9vw, 12px);
		padding: 10px 20px;
		line-height: 1.666;  /*＃1075対応（おすず）*/
	}
	/* COMPANY */
	/* 疑似ヘッダーのカラムでmargin-bottom:0 !important;を設定しているためmargin-topで代替 */
	#h2-company {
		margin-top: 5em;
	}
	.parent {
    	grid-template-columns: 20% 80%;
		grid-column-gap: 8vw;
	}
	.entry-company-text {
		font-size: 13px;　/*#1087対応（おすず）*/
	}

	/*＃1075対応（おすず）*/
	.div3, .div4, .div5{
		line-height: 25px;
	}

	/* フッター（コピーライト） */
	.copyright {
		font-size: 2.5vw;
	}

	/*#1085対応（おすず）*/
	.navi-footer-in a {        
		font-size: 16px;
	}
	/************************
	* CONTACT
	*************************/
	/* タイトルの文字サイズ調整 */
	.fz-48px {
		font-size: 30px;
	}
	/************************
	* Contact Form 7のCSS
	*************************/
	/* フォームを中央に配置・背景色指定 */
	.wpcf7-form {
		max-width: 75%;
		margin-left:auto;
		margin-right:auto;
		padding: 0;
		border-radius: 5px;
	}

	/*＃1075対応（おすず）*/
	.wpcf7 input[type="submit"] {
		font-size: 15px;
	}
	/*1075対応（おすず）*/
	.wpcf7 label[for="namefield"], label[for="emailfield"], label[for="subjectfield"], label[for="messagefield"] {
		line-height: 20.27px;
		font-size: 14px;
	}

	/************************
	* Privacy Policy のページ
	*************************/
	/*＃1085対応（おすず）*/
	.entry-text-PrivacyPolicy, .entry-text2-PrivacyPolicy {
		line-height: 22px;
		font-size: clamp(8px, 2.5vw, 16px);
		margin: 0 10%;
		width: auto;
	}
	
}

/* プライバシポリシー用20250517 */
#privacy{
    max-width: 1200px;
    margin: auto;
}
#privacy h2{
    font-size: 48px;
    text-align: center;
    background-color:rgba(0,0,0,0);
}
#privacy h3{
    margin-top: 40px;
    margin-bottom: 10px;
    font-size:24px;
    border:none;
    padding-left:0;
}
#privacy ol li, 
#privacy ul li{
    list-style: none;
}
#privacy .underline-line {
    width: 100%;
    height: 4px;
    background: #ff8c00;
    margin-bottom: 40px;
}
#privacy #main-area{
    margin-bottom: 100px;
}
#privacy tr,
#privacy td{
	background-color: rgba(0,0,0,0);
	border: none;
}
#privacy table{
	margin-left: 40px;
	width: 60%;
}
#privacy #history-area{
    display: flex;
    text-align: right;
    justify-content: flex-end;
}

@media screen and (max-width: 1279px){
	#privacy{
		margin-right: 5%;
    margin-left: 5%;
	}
  #privacy h2 {
		font-size: 32px;
	}
	#privacy h3 {
		font-size:20px;
    margin-top: 40px;
    margin-bottom: 0px;
  }
	#privacy table{
		width:80%;
  }
	#privacy table td{
		font-size: 18px;		
	}
}
@media screen and (max-width: 767px){
	#privacy{
  	margin-right: 10%;
    margin-left: 10%;
  }
	#privacy h2 {
  	font-size:24px;
	}
  #privacy h3 {
		font-size: 16px;
		margin-top: 20px;
  	margin-bottom: 0px;
	}
	#privacy ol, 
	#privacy ul{
		padding-left:14px;	
	}
	#privacy table{
		margin-left: 14px;
		width:90%;
  }
	#privacy table td{
		font-size:14px;		
	}
}