@charset "utf-8";

/*---------------------------------------------------------------------------------------------
-------------------------------------- page_introduce -------------------------------------------
-----------------------------------------------------------------------------------------------*/


/*----VOICE---*/

#voice {
	margin: 0 auto;
	padding: 65px 0 30px;
	width: 100%;
	text-align: center;
}

#voice .title {
	margin-bottom: 35px;
}

#voice .main_copy {
	margin-bottom: 15px;
	font-size: 24px;
	line-height: 100%;
}

#voice .main_read {
	margin-bottom: 60px;
	font-size: 16px;
	line-height: 160%;
}

#voice .voice_list {
	background: url(../images/introduce/voice/bg_list.gif) repeat;
	margin-bottom: 60px;
	padding: 40px 0 45px;
	text-align: left;
}

#voice .voice_list .list_inner {
	margin: 0 auto;
	width: 1100px;
	font-size: 16px;
	line-height: 160%;
}

#voice .voice_list .list_inner .inner_ttl {
	margin-bottom: 30px;
	color: #a3762b;
	font-size: 30px;
	line-height: 100%;
	letter-spacing: 0.1em;
}

#voice .voice_list .list_inner .voice_body {
	float: right;
	width: 787px;
}

#voice .voice_list .list_inner .voice_body dl {
	background: #ffffff;
	margin: 0 0 15px;
	padding: 20px;
}

#voice .voice_list .list_inner .voice_body dt {
	margin-bottom: 15px;
	padding: 0 0 15px;
	font-size: 14px;
	line-height: 100%;
	border-bottom: 1px solid #CCCCCC;
}

#voice .voice_list .list_inner .voice_body dt span {
	display: inline-block;
	width: 38px;
	color: #e1200f;
	font-size: 30px;
	line-height: 100%;
}

#voice .voice_list .list_inner .voice_body dd {
	font-size: 16px;
	line-height: 160%;
}

#voice .voice_list .list_inner .voice_body dd span {
	display: inline-block;
	margin-bottom: 5px;
	padding: 7px 10px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	line-height: 100%;
}

#voice .voice_list .list_inner .voice_body dd span.stfc01 {
	background: #E1200F;
}

#voice .voice_list .list_inner .voice_body dd span.stfc02 {
	background: #888888;
}

#voice .voice_list .list_inner .voice_body dd span.stfc01 {
	background: #E1200F;
}

#voice .box_reason {
	margin: 0 auto 60px;
	width: 1100px;
	clear: both;
}

#voice .box_reason .reason_img {
	float: left;
	width: 278px;
}

#voice .box_reason .reason_text {
	float: right;
	padding: 24px 20px;
	width: 746px;
	font-size: 16px;
	text-align: left;
	line-height: 160%;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

#voice .box_reason .reason_copy {
	margin-bottom: 20px;
	font-size: 30px;
	line-height: 150%;
	letter-spacing: 0.1em;
}

#voice .page_top {
	float: none;
	margin: 0 auto;
	width: 1100px;
	padding: 40px 0 0;
	text-align: right;
	clear: both;
}


/*サイドメニューカレント部分オープン*/

#side_menu dl#acMenu06 dt span {
	background: url(../images/introduce/voice/icon_open.png) no-repeat right center;
	display: block;
	padding: 19px 0;
}

#side_menu dl#acMenu06 dt span.active {
	background: url(../images/introduce/voice/icon_close.png) no-repeat right center;
}

#side_menu dl#acMenu06 dd {
	display: block;
	padding: 19px 0 4px;
	border-top: 1px solid #CCCCCC;
}


/*----STORY---*/

#story {
	margin: 0 auto;
	padding: 0 0 30px;
	width: 100%;
	text-align: center;
}

#story .title {
	margin-bottom: 35px;
}

#story .main_box {
	background-image: url(../images/introduce/story/bg_copy.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0 auto;
	padding: 55px 0 0;
	width: 100%;
	height: 220px;
	color: #ffffff;
}

#story .main_copy {
	margin-bottom: 15px;
	font-size: 30px;
	line-height: 100%;
}

#story .main_read {
	margin-bottom: 60px;
	font-size: 20px;
	line-height: 160%;
}

#story .flow_story {
	margin: 0 auto 55px;
	width: 1100px;
}

#story .flow_story li {
	float: left;
	/*
	margin-right: 10px;
	width: 175px;*/
	margin-right: 8px;
	width: 155px;
	
}

#story .flow_story li.last {
	margin-right: 0;
}

#story .flow_story li a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
}

#story .story_inner {
	margin: 0 auto;
	width: 1100px;
}

#story .story_inner .archive_ttl {
	margin-bottom: 30px;
	color: #a3762b;
	font-size: 30px;
	text-align: left;
	line-height: 100%;
}

#story .story_inner .archive_ttl span {
	display: inline-block;
	margin-left: 20px;
	color: #000000;
	font-size: 18px;
}

#story .back_top {
	padding: 10px 0 70px;
	font-size: 15px;
}

#story .list_box li .list_detail span.text {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 166%;
}

#story .btn_all_story {
	margin: 20px 0 60px;
}

#story .grid_box {
	padding-bottom: 10px;
	border-top: 0;
}

#story .detail_body {
	background-image: none;
	background-color: #FFFFFF;
	text-align: left;
}

#story .detail_body .archive_ttl {
	margin-bottom: 30px;
	font-size: 30px;
	line-height: 100%;
}

#story .detail_body .archive_ttl span {
	display: inline-block;
	font-size: 20px;
}

#story .box_point {
	background-image: url(../images/introduce/story/bg_dot.jpg);
	background-repeat: repeat;
	float: left;
	margin: 0 22px 22px 0;
	width: 352px;
}

#story .box_point a {
	text-decoration: none;
}

#story .box_point a:hover {
	opacity: 0.5;
}

#story .box_point:nth-child(3n+1) {
	margin: 0 0 22px 0;
}

#story .box_point_inner {
	background-image: url(../images/introduce/story/arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 20px;
	width: 312px;
}

#story .box_point_inner dl {
	margin: 0;
	padding: 0;
	width: 267px;
	color: #ffffff;
}

#story .box_point_inner dt {
	background-image: url(../images/introduce/story/line.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0 0 10px;
	padding: 0 0 12px;
	font-size: 22px;
	line-height: 100%;
}
#story .box_point_inner dt h4{
    font-weight: normal;
}
#story .box_point_inner dd {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

#story .story_inner .txtBtn_black01 a{
    font-size: 16px;
}
/*----STORY（詳細）---*/

#story .grid_box .grid_num {
	font-size: 18px;
}

#story .text_title {
	margin-bottom: 25px;
	clear: both;
}

#story .box_prof {
	margin-bottom: 55px;
	width: 374px;
	font-size: 16px;
	line-height: 150%;
}

#story .box_prof.women {
	float: left;
}

#story .box_prof.man {
	float: right;
}

#story .box_prof .prof_ttl {
	margin-bottom: 15px;
	padding: 7px 0 15px 50px;
	font-size: 28px;
	line-height: 100%;
	border-bottom: 1px solid #A97B3C;
}

#story .box_prof.women .prof_ttl {
	background: url(../images/introduce/story/ico_women.jpg) no-repeat left top;
}

#story .box_prof.man .prof_ttl {
	background: url(../images/introduce/story/ico_man.jpg) no-repeat left top;
}

#story .box_prof .prof_read {
	margin-bottom: 10px;
	color: #a97b3c;
	font-size: 16px;
	font-weight: 700;
	line-height: 150%;
	letter-spacing: 0.1em;
}

#story .box_prof .prof_text01 {
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}

#story .box_prof .prof_text02 {
	margin-bottom: 10px;
	letter-spacing: 0.1em;
}

#story .box_prof .prof_more {
	font-size: 14px;
	letter-spacing: 0.05em;
}

#story .box_prof dl {
	margin: 0;
	padding: 0;
}

#story .box_prof dt {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 14px;
	text-align: right;
	cursor: pointer;
}

#story .box_prof dt span {
	text-decoration: underline;
}

#story .box_prof dd {
	display: none;
	margin: 0;
	padding: 0;
}

#story .box_prof dd .btn_close {
	font-size: 14px;
	text-align: right;
	cursor: pointer;
}

#story .box_prof dd .btn_close span {
	text-decoration: underline;
}

#story .story_title {
	margin-bottom: 15px;
	font-size: 30px;
	line-height: 100%;
	letter-spacing: 0.1em;
}

#story .story_copy {
	background: #E3D6BF;
	margin-bottom: 25px;
	padding: 12px 16px;
	font-size: 24px;
	line-height: 100%;
	letter-spacing: 0.05em;
	clear: both;
}

#story .story_text {
	float: left;
	padding: 0 0 30px;
	width: 612px;
}

#story .story_text.long {
	float: none;
	padding: 0 0 30px;
	width: 100%;
}

#story .story_text.right {
	float: right;
	padding: 0 0 30px;
	width: 612px;
}

#story .story_text p {
	margin-bottom: 13px;
}

#story .story_img {
	float: right;
	width: 150px;
}

#story .story_img.left {
	float: left;
	width: 150px;
}

#story .story_imgR {
	padding-left: 20px;
	width: 240px;
	height: auto;
}

#story .story_imgL {
	padding-right: 20px;
	width: 240px;
	height: auto;
}

#story .box_concierge {
	padding: 35px 55px;
	letter-spacing: 0.1em;
	border: 2px solid #A3762B;
	clear: both;
}

#story .box_concierge .concierge_ttl {
	margin-bottom: 30px;
	padding: 0 0 25px;
	color: #a3762b;
	font-size: 28px;
	line-height: 100%;
	border-bottom: 1px solid #A3762B;
}

#story .box_concierge .concierge_ttl span {
	display: inline-block;
	padding: 0 0 0 22px;
	color: #000000;
	font-size: 14px;
}

#story .box_concierge .concierge_copy {
	margin-bottom: 20px;
	font-size: 23px;
	line-height: 130%;
}

#story .box_concierge .concierge_detail {
	padding: 10px 0 0 20px;
}

#story .box_concierge .concierge_img {
	float: left;
	width: 100px;
}

#story .box_concierge .concierge_prof {
	float: right;
	padding: 15px 0 0;
	width: 536px;
	font-size: 14px;
	line-height: 120%;
}

#story .box_concierge .concierge_prof_post {
	margin-bottom: 5px;
	color: #a3762b;
	line-height: 100%;
}

#story .box_concierge .concierge_prof_name {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 100%;
}

#story .btn_all_list {
	padding: 20px 0 70px;
	text-align: center;
}

#story .page_top {
	float: none;
	margin: 0 auto;
	width: 1100px;
	padding: 40px 0 0;
	text-align: right;
	clear: both;
}

#story .tag_label {
	background: #a2803b url(/images/introduce/story/bg_tag.jpg) repeat;
	color: #FFFFFF;
	padding: 3px 4px;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
	width: auto;
	display: inline;
	margin: 0 4px 5px 0;
	white-space: nowrap;
}

#story .storyTxt01 {
	display: table;
	width: 100%;
	vertical-align: top;
	margin-bottom: 30px;
}

#story .storyTxt01inner {
	display: table-cell;
	vertical-align: top;
}

#story .btnWire .txtBtn_red01{
    width:50%;
    margin: 0 auto;
}
#story .btnWire .txtBtn_red01 a{
    margin: 0;
    font-size: 26px;
    
}
a:hover img.imgover {
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}

#introduce_top {
    margin: 0 auto 60px;
    width: 1270px;
}
#introduce_top h2 {
    line-height: 0;
}
#introduce_top img{
    vertical-align: bottom;
}