@charset "UTF-8";
/* CSS Document */
@import url("01_default.css");
@import url("02_basic.css");
@import url("03_grid.css");

nav ul,
nav li{list-style:none; margin:0; padding:0;}


/* 共通クラス 
----------------------*/
img.auto{width:auto; max-width:100%; height:auto;}

.hide{display:none;}

.fl_left{float:left;}
.fl_right{float:right;}

.al_center{text-align:center;}
.al_left{text-align:left;}
.al_right{text-align:right;}

.clear{clear:both;}

.nowrap{white-space:nowrap;}

.caution{color:#;}

.serif{font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

/* wordpress 固定ページ編集用 */
.algn_center{text-align:center;}
.algn_left{text-align:left;}
.algn_right{text-align:right;}
.aligncenter,
.alignleft,
.alignright{display:block; text-align:center; margin:auto auto 1.8em;}

.border_bottom{border-bottom: solid 1px #999; padding-bottom:24px;}
	@media (min-width: 768px) {
		.alignleft{float:left; margin-right:50px; margin-bottom:50px;}
		.alignright{float:right; margin-left:50px; margin-bottom:50px;}
	}



/*============================================
   レイアウト：
   外枠（.container ~max-width:1100px）
============================================== */
html {
	border-top: solid 9px #000;
	background:#000;
}
body {
	border-top: solid 4px #b79879;
	background:#fff;
	text-align:center;
}

.container {
	margin-right: auto;
	margin-left: auto;
	padding-left:15px;
	padding-right:15px;
}
.container.home{
	max-width:1104px;
}
.container.pages{
	max-width:950px;
}
.container:before,
.container:after{
	display: table;
	content: " ";
}
.container:after{
	clear: both;
}

/*------------------------------------
　ヘッダー
-------------------------------------*/
#header_area{text-align:left; padding:0;}

	#page_header{float:left; width:calc(100% - 70px);}
		#page_header h1{margin:0; padding:0 0 0 15px; height:70px; line-height:70px;}
			#page_header img{width:100%; height:auto; max-width:267px;}
		
	.navbar-toggle{float:right; padding:0 15px 0 0; height:70px; line-height:70px; font-size:25px; color:#333;}
		
	#header_nav{clear:both;}
		#header_nav ul{}
			#header_nav li{border-bottom:dotted 1px #999;}
				#header_nav a{display:block; padding:10px 15px; color:#333; background:#eee;}
				#header_nav a:hover{color:#bbb;}
@media (min-width: 768px) {
	#header_area{padding:30px 15px 38px;}
	
		#page_header{float:none; width:100%; margin-bottom:40px;}
			#page_header h1{padding:0; height:auto; line-height:1;}
			
		.navbar-toggle{display:none;}
	
		#header_nav{display:block;}
			#header_nav ul{display:table; width:100%; text-align:center; border-left:solid 1px #ccc;}
				#header_nav li{border-bottom:none; border-right:solid 1px #ccc; display:table-cell; font-size:17px;}
					#header_nav a{background:none; padding:10px;}
}
/*------------------------------------
　フッター
-------------------------------------*/
#page_footer{background:#000; color:#fff; padding:20px 0;}
	#page_footer a{color:#fff; text-decoration:none;}
	#page_footer a:hover{color:#ccc;}
	#f_nav{text-align:left;}
		#f_nav a{display:block; padding:5px 15px;}
		#f_nav a:hover{}
	#cr{line-height:1.3em; margin-top:30px;}

#pagetop {
    position: fixed;
    bottom: 10px;
    right: 10px;
}
	#pagetop a {
		text-decoration: none;
		display: block;
		width: 30px;
		height: 30px;
		background: #b79879;
		color: #fff;
		font-size: 20px;
		line-height: 30px;
		text-align: center;
	}


@media (min-width: 768px) {
#page_footer{padding:20px 0;}
	#f_nav{text-align:center;}
		#f_nav li{display:inline-block; padding:0 15px; line-height:1; border-right:solid 1px #fff;}
		#f_nav li:last-child{border-right:none;}
		#f_nav a{display:inline; padding:5px;}
		#f_nav a:hover{}
	#cr{line-height:1.3em; margin-top:30px;}
	
	#pagetop {
		bottom: 20px;
		right: 20px;
	}	#pagetop a {
			width: 50px;
			height: 50px;
			font-size: 40px;
			line-height: 50px;
		}
	}
	
	
/*==================================================================

　コンテンツエリア

====================================================================*/
#main_img{margin:0 auto 74px; background:#eee;}
	#main_img img{width:100%; height:auto;}
.page_ttl{background:#f0ede8; padding:15px 0; font-size:18px; margin:0; line-height:1.1em; font-weight:normal; letter-spacing:8px;}

/* main 
----------------------------*/
#main.home{margin-bottom:100px;}
#main.pages{}

@media (min-width: 768px) {
	.page_ttl{padding:25px 0; font-size:20px;}
	#main.pages{}
}


/*
　トップページ
------------------------------------------------------------------------------*/
#home_menu{font-size:20px;}
	#home_menu .col-sm-4{margin-bottom:45px;}
	#home_menu .col-sm-4:last-child{margin-bottom:0;}
		#home_menu a{color:#333;}
		#home_menu a:hover{opacity:0.7;}
		#home_menu img{max-width:100%; height:auto; margin-bottom:8px;}
@media (min-width: 768px) {
	#home_menu .col-sm-4{margin-bottom:0;}
}

	
/*
　会社概要
------------------------------------------------------------------------------*/
.container.pages.company{text-align:left; margin-top:50px; margin-bottom:75px;}
	#company_info{margin-bottom:75px;}
		#company_info dt{border-bottom:solid 1px #d4cfc1; padding:5px 0;}
		#company_info dd{margin-bottom:15px; padding:5px 0;}
		
#profile_wrapper{background:#f5f3f0; padding:25px 15px; overflow:hidden;}
	#profile_wrapper h3{text-align:center; margin:0 0 15px; font-size:20px; color:#000;}
	#profile_wrapper .img{text-align:center; padding:0 20px;}
	#profile_wrapper .txt:last-child{margin-bottom:0;}
@media (min-width: 768px) {
	#company_info{overflow:hidden; margin-top:-1px;}
		#company_info dt{padding:15px 0; float:left; border-bottom:none; border-top:solid 1px #d4cfc1; width:25%; clear:both; padding-left:30px;}
		#company_info dd{padding:15px 0; float:left; border-top:solid 1px #d4cfc1; width:75%; margin-bottom:0;}
		
	#profile_wrapper{padding:25px 50px 70px;}
		#profile_wrapper h3{margin:0 0 40px;}
		#profile_wrapper .innr{padding:0 0 0 310px; overflow:hidden;}
			#profile_wrapper .img{float:left; padding:0; margin:0 0 0 -310px;}
			#profile_wrapper p:nth-child(2){margin-top:15px;}
}


/*
　女性向けセミナー
------------------------------------------------------------------------------*/
.container.pages.seminar{margin-bottom:100px;}

.seminar_lead{background:#000; color:#fff; border-radius:13px; text-align:left; padding:30px 15px; margin-bottom:30px;}
	.seminar_lead p{margin:0;}
	
#under70{text-align:left; margin-top:60px;}
	#under70 h3{color:#000; font-size:35px; font-weight:bold; padding:0; line-height:1.1em;}
		#under70 h3 .sub{font-size:16px; padding-right:1em;}
		
	.under70_case h4{font-size:20px; vertical-align:middle; margin-bottom:20px;}
		.under70_case h4 img{margin-right:8px;}
	.under70_case .col-sm-6{text-align:center; margin-bottom:30px;}
		.under70_case img{max-width:100%; height:auto;}
		
	.under70_case#makeup,
	.under70_case#fashion{margin-bottom:50px;}
	
	.under70_case#voice{}
		.under70_case#voice .voice_wrapper{overflow:hidden; padding-bottom:50px; margin-bottom:50px; border-bottom:solid 1px #ccc;}
		.under70_case#voice .voice_wrapper:last-child{padding-bottom:0; margin-bottom:0; border-bottom:none;}
			.under70_case#voice .voice_wrapper h5{font-size:20px;}
			.under70_case#voice .voice_wrapper .lead{color:#9c8265; margin-bottom:0.8em;}
			.under70_case#voice .voice_wrapper .img{margin-bottom:0; padding:0 20px;}
@media (min-width: 768px) {
	.seminar_lead{max-width:800px; margin:0 auto 50px; padding:30px 60px; margin-bottom:40px;}
	
	#under70 h3{margin-bottom:30px;}
	#under70{margin-top:75px;}
		.under70_case h4{margin-bottom:40px;}
		
		.under70_case#makeup{padding:0 70px; margin-top:50px; margin-bottom:85px;}
			.under70_case#makeup h4{margin-left:-70px;}
			
		.under70_case#fashion{padding:0 90px; margin-bottom:135px;}
			.under70_case#fashion h4{margin-left:-90px;}

		.under70_case#voice .voice_wrapper{padding-left:350px;}
			.under70_case#voice .voice_wrapper .innr_right{width:100%; float:right;}
			.under70_case#voice .voice_wrapper .img{float:left; margin-left:-350px; width:300px; padding:0;}
}
	
/*
　代表プロフィール（メッセージ）
------------------------------------------------------------------------------*/
.txt.name{font-weight:bold; font-size:1.1em;}

	
/*
　講演実績・メディア
------------------------------------------------------------------------------*/
.container.pages.media{text-align:left; margin-top:50px; margin-bottom:75px;}
	.media_content{margin-bottom:75px;}
		.container.pages.media h3{border-left:solid 8px #b79879; margin:0 0 20px; padding:3px 0 3px 12px;}
		table.media_info{width:100%;}
			.media_info tr td{line-height:1.3em;}
			.media_info tr td:first-child{padding:10px 0 10px 21px;}
			.media_info tr td:last-child{padding:10px 20px 10px 20px;}
			.media_info tr:nth-child(odd) td{background:#f5f3f0;}
		ul.salon{}
			.salon li{margin-bottom:15px; line-height:1.4em;}
@media (min-width: 768px) {
		.container.pages.media h3{padding:10px 0 10px 22px; margin-bottom:35px;}
			.media_info tr td:first-child{padding:13px 0 13px 31px; width:25%;}
			.media_info tr td:last-child{padding:13px 20px 13px 20px; width:75%;}
}

/*
　プライバシー
------------------------------------------------------------------------------*/
.container.pages.privacy{text-align:left; margin-top:50px; margin-bottom:75px;}
	.privacy_content{margin-bottom:50px;}
	.container.pages.privacy h3{border-left:solid 8px #b79879; margin:0 0 20px; padding:3px 0 3px 12px;}
	.container.pages.privacy h4{color:#b79879;}
@media (min-width: 768px) {
	.privacy_content{padding:0 50px;}
}
@media (min-width: 992px) {
	.privacy_content{padding:0 100px;}
}


/*
　お問い合せ
------------------------------------------------------------------------------*/
.container.pages.contact{text-align:left; margin-top:50px; margin-bottom:75px;}

/* 問い合せ内容選択 */
.contact_topics{display:none;}
.form_selector_wrapper{
	display:inline-block;
	position:relative;
	overflow:hidden;
	width:250px;
	border:1px solid #888;
	border-radius:3px;
	vertical-align:middle;
	background:#fff;
	webkit-box-shadow:0 -1px 1px 0px rgba(200,200,200,0.8) inset;
	-moz-box-shadow:0 -1px 1px 0px rgba(200,200,200,0.8) inset;
	box-shadow:-1px -1px 1px 0px rgba(200,200,200,0.8) inset;
}
	.form_selector_wrapper:before{
		display:inline-block;
		width:8%;
		position:absolute;
		z-index:1;
		top:0;
		right:5px;
		font-family:FontAwesome;
		color:#666;
		font-size:24px;
		line-height:36px;
		font-weight:bold;
	}
	.form_selector{
		-webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; background:none; border:none;
		display:block;
		width:100%;
		height:38px;
		line-height:38px;	
		font-size:16px;
		padding:0 0 0 5px;
		margin:0;
		position:relative;
		z-index:10;
		cursor:pointer;
	}
	.fw_normal{font-weight:normal;}

.contact_formInnr{}
	.contact_formInnr h3{margin:20px 0; font-size:1.3em;}
	.contact_dl{margin:0;}
		.contact_dd{margin-bottom:0.7em;}
			.contact_formInnr input[type="text"],
			.contact_formInnr input[type="tel"],
			.contact_formInnr input[type="email"],
			.contact_formInnr textarea{padding:5px; width:100%; margin:0 auto; box-sizing:border-box;}
	.contact_formInnr input[type="submit"]{display:block; padding:8px 50px; margin:0 auto 3em;}
.screen-reader-response[role = "alert"]{color:#f00; margin-bottom:1em;}
.finish_message{display:none; margin-bottom:80px;}
	.finish_message .completed{border:solid 3px #c06; padding:8px 30px; margin-bottom:1.5em;}
	.finish_message .txt{padding:0 1.3em 0 1.3em; text-indent:-1.3em;}

/* 送信完了時 */
.sent .contact_formInnr{display:;}
.sent .finish_message{display:block;}

.wpcf7 .screen-reader-response ul{display:none;}
.wpcf7 .wpcf7-not-valid-tip{display:block; text-align:left; color:#F00;}
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors{display:none;}
@media (min-width: 768px) {
	.container.pages.contact{padding:0 50px;}
}
@media (min-width: 992px) {
	.container.pages.contact{padding:0 100px;}
}