@charset "UTF-8";
@import "../css/fontsize.css";
@import url(https://fonts.googleapis.com/css?family=Sawarabi+Mincho);
/* reset */

html, body, p, div, dl, dt, dd, ol, ul, li, h1,h2,h3,h4,h5,h6,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
	font-weight: normal;
    vertical-align:baseline;
    background:transparent;
}
ul li {list-style:none}
a {
		-webkit-transition: opacity .4s, background .4s, color .4s;
		transition: opacity .4s, background .4s, color .4s;
	}


/* local set */
body {
	padding:0;
	margin:0;
	font-family:Osaka,"ＭＳ Ｐゴシック";
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #EEEEEE;
}
a { color: #4F4F4F;; text-decoration: none}
.top_menu {
	background-image: url(../../top_img/menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
a:hover { text-decoration: underline; color: #CC3399; }
.bg { background-repeat: no-repeat }
.header {
	background-image: url(../img/head_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.menu {
	background-image: url(../img/menu_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
.factory_waku_bg {
	background-image: url(../factory/2_waku_bg.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-bottom: 20px;
}
.tateline {
	background-image: url(../corporate/2_tateline.gif);
	background-repeat: repeat-y;
}
.question {
	font-size: 75%;
	line-height: 160%;
	color: #4F4F4F;
	background-image: url(../agency/3_q_bg.gif);
	background-repeat: no-repeat;
	padding-top: 8px;
	padding-left: 38px;
	padding-bottom: 10px;
}

/*　フッター　*/
.ptop {
	text-align: right;
	margin-bottom: 10px;
}
.ptop a:hover {
	opacity: 0.7;
	}
.footer {
	border-top: 1px #A896CB solid;
}

footer {
	border-top: 1px #A896CB solid;
	overflow: hidden;
	font-size: 11px;
	color: #666;
	padding-bottom: 12px;
}
footer a:hover {
	opacity: 0.7;
}


footer ul {
	width: 820px;
	margin: 15px auto 0;
}
.fot_l {
	float: left;
	width: 230px;
}
.fot_r {
	float: right;
	text-align: right;
	line-height: 1.8em;
}
.fot_r span {
	font-size: 10px;
}

.topfot_l {
	float: left;
	margin-bottom: 25px;
}
.topfot_r {
	float: right;
	font-size: 10px;
}
/*　サブページ　*/
#sub_wrapper2 {
	width: 800px;
	text-align: left;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, '', sans-serif;
	font-weight: normal;
	color: #666;
	margin: 0 auto;
}

/* ボディファンデーション */
.btnbak {
	margin-top: 15px;
	text-align: right;
}
.btnbak a:hover {
		opacity: 0.7;
	}
#sub_wrapper {
	width: 810px;
	text-align: left;
}

.sub_sec {
	margin-bottom: 50px;
}
.sub_sec p {
	line-height: 1.8em;
	font-size: 0.8em;
	margin: 20px 0 30px 10px;
}

/*　コンセプト　*/
.ccpt_area {
	overflow: hidden;
}

.spc_btm {
	margin-bottom: 30px;
}
.ccpt_l {
	float: left;
	width: 420px;
	font-size: 0.8em;
	line-height: 1.8em;
}
.ccpt_l p {
	margin-bottom: 14px;
}
/*　化粧品　*/
.pagetit {
    font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 23px;
    color: #604795;
    text-align: center;
    margin-bottom: 40px;
    padding: 20px 0;
}

.pagetit:after {
    content: "";
    height: 1px;
    width: 60px;
    background: #ccc;
    display: block;
    margin: 5px auto 0;
}
.cosmenavi {
	display: table;
	width: 800px;
	table-layout: fixed;
	margin:30px 0;
	}
.cosmenavi > li {
	display: table-cell;
	}
.cosmenavi > li > a:hover {
	opacity: 0.7;
	}

.catch_area {
	text-align: center;
}

.cf_navi {
	display: table;
	table-layout: fixed;
	margin-top:30px;
	}
.cf_navi > li {
		display: table-cell;
	}
.cf_navi > li > a:hover {
	opacity: 0.7;
	}

.catch_txt {
	margin-top: 40px;
	font-size:20px;
	font-weight: normal;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.8em;
	outline: none;
	margin-bottom: 20px;
}
.catch_subtxt {
	/*margin-top: 20px;*/
	margin-bottom: 25px;
	font-size:14px;
	font-weight: normal;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 2em;
	outline: none;
}
.cosme_feature {
	margin-top: 40px;
}
.feature_list {
	margin: 0 99px 40px;
	text-align: center;
}
.sent_txt {
	overflow: hidden;
	font-size: 0.8em;
	margin-bottom: 60px;
	line-height: 1.8em;
}
.sent_txt h3 {
	margin-bottom: 15px;
}
.subtit {
	line-height: 2em;
}
.sent_l {
	float: left;
	width: 490px;
	line-height: 1.8em;
}
.sent_l2 {
	float: left;
	width: 590px;
	line-height: 1.8em;
}
.sent_l2 p {
	margin-bottom: 14px;
}
.sent_l img {
	margin-top: 40px;
}
.sent_r {
	float: right;
}
.sent_area h4 {
	font-size: 16px;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	/*color: #362468;*/
	color: #382786;
	border-bottom:1px #d5cced solid;
	display: inline;
	padding-bottom: 2px;
	outline: none;
}

.comp_line {
	overflow: hidden;
	margin: 40px 0;
}
.comp_line > li {
	width: 136px;
	margin-right: 30px;
	float: left;
}
.comp_line > li:last-child {
	margin-right: 0px;
}
.comp_name {
	line-height: 1.4em;
	text-align: center;
	color: #d10095;
	font-size: 15px;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-top: 10px;
	outline: none;
}
.comp_name span {
	font-size: 13px;
}
.comp_txt {
	font-size: 12px;
	font-weight: normal;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, '', sans-serif;
	margin-top: 5px;
}
.comp_area {
	overflow: hidden;
	margin-bottom: 50px;
}

.pagetop {
	text-align: right;
}
.cosmoimg {
	background-image: url("../../cosmetics/img/img_water02.gif");
	width:800px;
	height: 374px;
}
.cosmoimg p {
	width: 495px;
	line-height: 1.8em;
}
.chuui {
	font-size: 0.8em;
}

/*サブページ用*/
.catch_txt_add {
	margin-top: 45px;
	color: #7166a4;
	font-size:17px;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	outline: none;
}

.catch_txt_2nd {
	margin-top: 30px;
	color: #30236c;
	font-size:22px;
	font-weight: normal;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	outline: none;
}
.catch_subtxt_2nd {
	text-align: left;
	margin-top: 30px;
	margin-bottom: 80px;
	font-size:14px;
	font-weight: normal;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 2em;
	outline: none;
}
.catch_subtxt_2nd span {
	color: #5b50b8;
	font-weight: bold;
	}
.subtit {
	color: #5b50b8;
	font-size:20px;
	font-weight: normal;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin: 20px 0;
	outline: none;
}

.sent_img {
	float: left;
	margin-right: 20px;
}

/*　製品一覧　*/
.prod h4 {
	font-size: 18px;
	border-bottom:3px #d5cced double;
	border-left:3px #d5cced double;
	display: block;
	padding-left: 15px;
}
.prod {
	overflow: hidden;
}
.prod ul {
	margin-top: 50px;
	overflow: hidden;
}
.prod li {
	float: left;
	width: 380px;
	margin-right: 40px;
	margin-bottom: 30px;
}
.prod li:last-child {
	margin-right: 0;
}
.prod_img {
	float: left;
	width: 200px;
}
.prod_txt {
	font-size: 0.75em;
	font-weight: normal;
	line-height: 1.8em;
	float: right;
	width: 180px;
	color: #666;
}
.prod_txt img {
	margin-bottom: 10px;
}
.prod_txt p {
	margin-bottom: 15px;
}

/*　スペース空け　*/
.spc_top {
	margin-top: 40px;
}

/*　製造工場ページ　*/
.factnavi {
	display: table;
	width: 320px;
	table-layout: fixed;
	margin:30px 0;
	}
.factnavi > li {
	display: table-cell;
	}
.factnavi > li > a:hover {
	opacity: 0.7;
	}
.mnfc_area {
	margin: 70px 0;
	font-size: 14px;
}
.mnfc_area p {
	line-height: 1.8em;
	padding-bottom: 10px;
}
.mnfc_catch {
	color: #f23db6;
	font-size: 18px;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-top: 15px;
	margin-bottom: 16px;
	outline: none;
}
.flow {
	margin: 20px 0;
}
.flow table {
	margin-top: 20px;
}
.flow h4 {
	margin: 15px 0;
}
.factflow {
		display: table;
		width: 800px;
		table-layout: fixed;
		margin-top: 20px;
	}
.factflow > li {
		display: table-cell;
		margin-right:13px;
		width: 149px;
	}
.factflow > li > a:hover {
		opacity: 0.7;
	}
.factflow > li:last-child {
	margin-right: 0;
}
.cosmeflow {
		display: table;
		width: 635px;
		table-layout: fixed;
		margin-top: 20px;
	}
.cosmeflow > li {
		display: table-cell;
		margin-right:13px;
		width: 149px;
	}
.cosmeflow > li > a:hover {
		opacity: 0.7;
	}
.cosmeflow > li:last-child {
	margin-right: 0;
}
.caption {
	text-align: center;
}
.contact_area {
	/*font-size: 0.8em;*/
	width: 185px;
	border: #EB9ED8 3px double;
	margin-top: 15px;
	padding: 10px 0 0 20px;
}
.contact_area a img {
	margin-top: 5px;
}
.contact_area a:hover {
	opacity: 0.7;
}
.co_nm {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}

/* 工場案内 */
.floor_area {
	margin-top: 30px;
	margin-bottom: 80px;
}
.floor_area h3 {
	margin-bottom: 15px;
}
.floor_area p {
	font-size: 0.8em;
	margin-bottom: 50px;
}
.readtxt {
	margin: 50px 0;
	font-size: 14px;
}

/* カレンダー */
.tit_cal {
	font-size: 17px;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #2b1f63;
	position: relative;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 13px;	
}
.tit_cal:before {
	position: absolute;
	left: 0px;
	top:3px;
	content: "";
	width: 3px;
	height: 25px;
	background: -moz-linear-gradient(top,#2b1f62,#f2f1f5);
	background: -webkit-linear-gradient(top,#2b1f62,#f2f1f5);
	background: linear-gradient(top,#2b1f62,#f2f1f5); 
}

/*　企業情報ページ　*/
.corpnavi {
		display: table;
		width: 480px;
		table-layout: fixed;
		margin:30px 0;
}
.corpnavi > li {
		display: table-cell;
}
.corpnavi > li > a:hover {
		opacity: 0.7;
}
.tbl_l {
	float: left;
	width: 400px;
}
.tbl_r {
	float: right;
	width: 400px;
}

.corpinfo {
	overflow: hidden;
	margin-top: 60px;
	margin-bottom: 40px;
}
.corpinfo table {
	font-size: 12px;
	line-height: 1.8em;
	margin-top: 16px;
}
.corpinfo table th,.corpinfo table td {
	padding: 12px;
}
.corpinfo table th {
	background-color:#e4e4fe;
}
.corpinfo table td {
	background-color:#f4f1ff;
}
.img_cent {
	margin: 0 98px;
}
.map_l {
	width: 300px;
	float: left;
}
.map_r {
	width: 500px;
	float: right;
}
.map_l a:hover,
.map_r a:hover {
	opacity: 0.7;
}
/* 採用情報 */
.rcrt_area {
	overflow: hidden;
	margin: 40px 0;
}
.rcrt_l {
	float: left;
	width: 400px;
	font-size: 0.8em;
	line-height: 1.8em;
	padding-right: 10px;
}
.rcrt_l p {
	margin-bottom: 14px;
}
.rcrt_l img {
	margin-top: 5px;
	}
.rcrt_l a:hover {
	opacity: 0.7;
}
/* 募集要項　*/
.essential {
	overflow: hidden;
	margin-top: 60px;
	margin-bottom: 40px;
}
.essential p {
	font-size: 14px;
	margin-left: 62px;
}
.essential table {
	width: 700px;
	font-size: 14px;
	line-height: 1.8em;
	margin: 16px auto 0;
}
.essential table th,.essential table td {
	padding: 12px;
}
.essential table th,
.formarea table.tbl_stl th {
	background-color:#e4e4fe;
}
.essential table td,
.formarea table.tbl_stl td {
	background-color:#f4f1ff;
}
/*　代理店・取扱店募集　*/
.agnc_area {
	overflow: hidden;
	margin-top: 40px;
}
.agnc_area h2 {
	font-size:20px;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.8em;
	outline: none;
	margin-bottom: 20px;
}
.agnc_area h3 {
	margin-top: 40px;
}
.agnc_catch {
	font-size:20px;
	font-weight: normal;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	outline: none;
	margin-bottom: 20px;
	line-height: 1.8em;
}
.agnc_area2 {
	overflow: hidden;
	margin-bottom: 40px;
}
.mnfc_area h3,
.floor_area h3,
.corpinfo h3,
.maparea h3,
.agnc_area h3,
.agnc_area2 h3,
.salon_gallery h3,
.essential h3,
.formarea h3,
.calarea h2 {
	color: #604795;
	font-size:18px;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	border-left: 3px solid;
    border-image: linear-gradient(to bottom, #604795 0%, #e9e8ef 100%);
    border-image-slice: 1;
    padding: 5px 10px;
    margin-bottom: 20px;
    height: 30px;
}
.agc_l {
	float: left;
	width: 500px;
	font-size: 0.8em;
	line-height: 1.8em;
}
.agc_r {
	float: right;
	width: 258px;
}
/* モデルサロン＆ショップ */
.salon_l {
	float: left;
	width: 440px;
}
.salon_l p {
	margin-bottom: 14px;
}
.salon_gallery {
	overflow: hidden;
	margin-bottom: 40px;	
}
.salon_gallery li {
	float: left;
	width: 247px;
	margin-right: 29px;
}
.salon_gallery ul > li:last-child {
	margin-right: 0;
}
.salon_gallery dl {
	font-size: 12px;
	line-height: 1.8em;
}
.salon_gallery dt {
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
}
/*　問い合わせ　*/
.formarea {
	margin-top: 60px;
	margin-bottom: 40px;
}
.formarea p {
	font-size: 0.8em;
	line-height: 1.8em;
}
.formarea table.tbl_stl {
	width: 800px;
	font-size: 14px;
	line-height: 1.8em;
	margin: 16px 0 0;
}
.formarea p span,
.formarea table span {
	color: #ec347b;
}
.spc_btm2 {
	margin-bottom: 50px;
}
.formarea table.tbl_stl th,.formarea table.tbl_stl td {
	padding: 12px 0 12px 20px;
}
.formarea table.tbl_stl td.bgnone {
	background-color:#fff;
	text-align: center;
}
.formarea h3 {
	margin-bottom: 0;
}
.spc_top2 {
	margin-top: 20px;
}
/*　プライバシーポリシー　*/
.prpoarea h2 {
	background: #eeebf5;
	font-size: 16px;
	margin: 12px 0 0;
	padding: 10px 15px;
}
.prpoarea section {
	margin: 30px 0 30px;
}
.prpoarea section img {
	margin-left: 15px;
}
.prpoarea section a:hover {
	opacity: 0.7;
}
.prpoarea p {
	font-size: 0.8em;
	line-height: 1.8em;
	padding: 10px 15px;
}
.prpoarea ol {
	font-size: 0.8em;
	line-height: 1.8em;
	margin-left: 33px;
}
/*　サイトマップ　*/
.stmp_area {
	overflow: hidden;
	margin-top: 40px;
}
.stmp_area section {
	margin-bottom: 40px
}
.stmp_area h2 { 
	font-size: 14px;
	background: #e3cdff;
	margin-bottom: 14px;
	border-radius: 8px 8px 8px 8px;
}
.stmp_area h2 a {
	padding: 8px 14px 7px;
	display: block;
	border-radius: 8px 8px 8px 8px;
}
.stmp_area h2 a:hover {
	background: #c9aeeb;
	text-decoration: none;
	color: #666;
}
.stmp_area ul {
	margin-left: 14px;
}
.stmp_area li {
	font-size: 0.8em;
	line-height: 1.8em;
}
.stmp_area li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f152";
	font-weight: 900;
	padding-right: 5px;
	color: #8770b2;/*アイコンの色*/
}
.stmp_l {
	float: left;
	width: 350px;
}
.stmp_r {
	float: right;
	width: 350px;
}