/* CSS Document */
/*==============================	
feature/index.html
==============================*/
/*----------------------------------------
featMain
----------------------------------------*/
#feature #featMain {
	background:url(../../company/feature/img/feature_main_bg.jpg) center center no-repeat;
	height:530px;
	position:relative;
	background-size:cover;
}
#feature #featMain h1 {
	background:url(../../company/feature/img/feature_main_txt.png) 0 0 no-repeat;
	width:212px;
	height:453px;
	position:absolute;
	left:calc(50% - 106px);
	top:33px;
	text-indent:-10000px;
}

/*----------------------------------------
featNav
----------------------------------------*/
#feature #featNav {
	width:704px;
	margin:45px auto 0 auto;
	height:190px;
}
#feature #featNav ul li {
	width:190px;
	float:left;
	margin-right:67px;
	background:url(../img/arw_btm.png) center bottom 12px no-repeat;
	background-size:6px auto;
}
#feature #featNav ul li:last-child {
	margin-right:0;
}
#feature #featNav ul li a {
	border:3px #d1bd85 solid;
	display:block;
	text-align:center;
	line-height:1.5;
	text-decoration:none;
	box-sizing:border-box;
	padding-top:103px;
	height:190px;
	background-position:center top 22px;
	background-repeat:no-repeat;
	background-size:62px auto;
	
	transition:background-color 0.4s ease;
}
#feature #featNav ul li:nth-child(1) a {
	background-image:url(../../company/feature/img/feature_01_ttl_ico.png);
}
#feature #featNav ul li:nth-child(2) a {
	background-image:url(../../company/feature/img/feature_02_ttl_ico.png);
}
#feature #featNav ul li:nth-child(3) a {
	background-image:url(../../company/feature/img/feature_03_ttl_ico.png);
}

#feature #featNav ul li a:hover {
	background-color:rgba(209,189,133,0.2);
}

/*----------------------------------------
feat title
----------------------------------------*/
#feature .featArea h2 {
	padding-top:125px;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:78px auto;
}
#feature .featArea h3 {
	font-size:22px;
	margin-top:35px;
	font-weight:normal;
	letter-spacing:3px;
}
#feature .featArea p {
	font-size:14px;
	margin-top:30px;
}
#feature .featArea h4 {
	font-size:24px;
	line-height:1.4;
	margin-top:60px;
	color:#baa977;
	font-weight:normal;
	letter-spacing:5px;
}
#feature .featArea figure {
	margin-top:15px;
}
#feature .featArea figure img {
	display:inline;
}


/*----------------------------------------
feat01
----------------------------------------*/
#feature #feat01 {
	text-align:center;
	background:#f7f6f2 url(../../company/feature/img/feature_01_bg.png) center bottom no-repeat;
	padding-bottom:55px;
	padding-top:40px;
	margin-top:57px;
}
#feature #feat01 h2 {
	background-image:url(../../company/feature/img/feature_01_ttl_ico.png);
}

/*light box
----------------------------------------*/
#feature #feat01 nav {
	position:relative;
	width:740px;
	padding-left:55px;
	margin:50px auto 0 auto;
}
#feature #feat01 nav div {
	width:130px;
	height:190px;
	float:left;
	margin-right:55px;
}
#feature #feat01 nav div a {
	display:block;
	text-decoration:none;
	font-size:18px;
	outline:none;
}
#feature #feat01 nav div span {
	display:block;
}
/*icon*/
#feature #feat01 nav div span:nth-child(1) {
	display:table-cell;
	height:110px;
	vertical-align:middle;
	/*background-color:#ccc;*/
	line-height:1.0;
}
#feature #feat01 nav div span:nth-child(1) img {
	width:100%;
	height:auto;
}
/*text*/
#feature #feat01 nav div span:nth-child(2) {
	line-height:1.2;
	margin-top:7px;
}
/*read more*/
#feature #feat01 nav div span:nth-child(3) {
	margin-top:5px;
}
/* read more btn icon*/
#feature #feat01 .btReadMore.brown:before{	background-image:url(../img/btReadMore_brown_plus.svg);}
#feature #feat01 .btReadMore.brown:after{	background-image:url(../img/btReadMore_brown_plus.svg);}

/*modal contents
----------------------------------------*/
.modal {
	min-width:100%;
}
.modal section {
	text-align:center;
	padding:40px;
}
.modal section h1 {
	font-size:32px;
	line-height:1.3;
	font-weight:normal;
	color:#253754;
}
.modal section h1 strong {
	font-size:125%;
	font-weight:normal;
}
.modal section .modalTxt {
	text-align:left;
	font-size:14px;
	margin-top:1.5em;
}
.modal section .modalFig {
	margin-top:1.5em;
}
/* read more btn icon*/
.modal .btReadMoreTrigger {
	position:absolute;
	bottom:25px;
	left:calc(50% - 47px);
	cursor:pointer;
}
.modal .btReadMore.brown:before{	background-image:url(../img/btClose_brown_minus.svg);}
.modal .btReadMore.brown:after{	background-image:url(../img/btClose_brown_minus.svg);}

.modal .btReadMore.brown{ width:94px;}

/*----------------------------------------
feat02
----------------------------------------*/
#feature #feat02 {
	text-align:center;
	padding-bottom:95px;
	padding-top:40px;
	margin-top:65px;
}
#feature #feat02 h2 {
	background-image:url(../../company/feature/img/feature_02_ttl_ico.png);
}

/*----------------------------------------
feat03
----------------------------------------*/
#feature #feat03 {
	text-align:center;
	background:#f7f6f2;
	padding-bottom:55px;
	padding-top:40px;
}
#feature #feat03 h2 {
	background-image:url(../../company/feature/img/feature_03_ttl_ico.png);
}

#feature #feat03 figure {
	max-width:1276px;
	margin-left:auto;
	margin-right:auto;
}
#feature #feat03 figure img {
	width:100%;
	height:auto;
}






/*==========================================================================================	
for SMARTPHONE
==========================================================================================*/

@media screen and (max-width: 480px) {

/*==============================	
feature/index.html
==============================*/
/*----------------------------------------
featMain
----------------------------------------*/
#feature #featMain {
	background:url(../../company/feature/img/feature_main_bg_sp.jpg) center center no-repeat;
	height:265px;
	background-size:cover;
}
#feature #featMain h1 {
	background-size:cover;
	width:106px;
	height:226px;
	left:calc(50% - 53px);
	top:16px;
}

/*----------------------------------------
featNav
----------------------------------------*/
#feature #featNav {
	width:92%;
	margin:45px auto 0 auto;
	height:auto;
}
#feature #featNav ul li {
	width:32%;
	float:left;
	margin-right:2%;
	background:url(../img/arw_btm.png) center bottom 6px no-repeat;
	background-size:3px auto;
}
#feature #featNav ul li:last-child {
	margin-right:0;
}
#feature #featNav ul li a {
	border:2px #d1bd85 solid;
	display:block;
	text-align:center;
	line-height:1.2;
	text-decoration:none;
	box-sizing:border-box;
	padding-top:60px;
	height:106px;
	background-position:center top 10px;
	background-repeat:no-repeat;
	background-size:35px auto;
	
	font-size:11px;
}

/*----------------------------------------
feat title
----------------------------------------*/
#feature .featArea h2 {
	padding-top:70px;
	background-size:50px auto;
}
#feature .featArea h2 img {
	width:auto;
	height:23px;
}
#feature .featArea h3 {
	font-size:17px;
	margin-top:18px;
	letter-spacing:2px;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
#feature .featArea p {
	font-size:14px;
	margin-top:30px;
}
#feature .featArea h4 {
	font-size:18px;
	line-height:1.4;
	margin-top:30px;
	color:#baa977;
	font-weight:normal;
	letter-spacing:2px;
}
#feature .featArea figure {
	margin-top:15px;
}
#feature .featArea figure img {
	display:inline;
}


/*----------------------------------------
feat01
----------------------------------------*/
#feature #feat01 {
	text-align:center;
	background-image:none;
	padding-bottom:50px;
	padding-top:40px;
	margin-top:57px;
}
#feature #feat01 #feat01bgSp {
	background:#f7f6f2 url(../../company/feature/img/feature_01_bg_sp.png) center bottom no-repeat;
	background-size:contain;
	padding-bottom:20px;
}



#feature #feat01 h2 {
	background-image:url(../../company/feature/img/feature_01_ttl_ico.png);
}

/*light box
----------------------------------------*/
#feature #feat01 nav {
	position:relative;
	width:90%;
	padding-left:0px;
	margin:20px auto 0 auto;
}
#feature #feat01 nav div {
	width:50%;
	height:180px;
	float:left;
	margin-right:0px;
	box-sizing:border-box;
}

/*border*/
#feature #feat01 nav div:nth-child(odd) {
	background:url(../../company/feature/img/feature_01_ico_dot.png) center bottom no-repeat, url(../../company/feature/img/feature_01_ico_dot.png) right center no-repeat;
	background-size:90% 1px, 1px 90%;
}
#feature #feat01 nav div:nth-child(even) {
	background:url(../../company/feature/img/feature_01_ico_dot.png) center bottom no-repeat;
	background-size:90% 1px;
}


#feature #feat01 nav div a {
	width:130px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	text-decoration:none;
	font-size:16px;
	outline:none;
}
#feature #feat01 nav div span {
	display:block;
}

/*icon*/
#feature #feat01 nav div span:nth-child(1) {
	display:table-cell;
	height:105px;
	vertical-align:bottom;
	line-height:1.0;
}
#feature #feat01 nav div span:nth-child(1) img {
	width:90%;
	height:auto;
}
/*text*/
#feature #feat01 nav div span:nth-child(2) {
	line-height:1.2;
	margin-top:7px;
}
/*read more*/
#feature #feat01 nav div span:nth-child(3) {
	margin-top:5px;
}
/* read more btn icon*/
#feature #feat01 .btReadMore.brown:before{	background-image:url(../img/btReadMore_brown_plus.svg);}
#feature #feat01 .btReadMore.brown:after{	background-image:url(../img/btReadMore_brown_plus.svg);}

/*modal contents
----------------------------------------*/
.modal {
	min-width:100%;
}
.modal section {
	text-align:center;
	padding:30px;
}
.modal section h1 {
	font-size:21px;
	line-height:1.3;
	font-weight:normal;
	color:#253754;
}
.modal section h1 strong {
	font-size:130%;
	font-weight:normal;
}
.modal section .modalTxt {
	text-align:left;
	font-size:14px;
	margin-top:1.5em;
	line-height:1.5;
}
.modal section .modalFig {
	margin-top:1.5em;
}



/*----------------------------------------
feat02
----------------------------------------*/
#feature #feat02 {
	text-align:center;
	padding-bottom:30px;
	padding-top:20px;
	margin-top:20px;
}
#feature #feat02 h2 {
	background-image:url(../../company/feature/img/feature_02_ttl_ico.png);
}

/*----------------------------------------
feat03
----------------------------------------*/
#feature #feat03 {
	text-align:center;
	background:#f7f6f2;
	padding-bottom:55px;
	padding-top:20px;
}
#feature #feat03 h2 {
	background-image:url(../../company/feature/img/feature_03_ttl_ico.png);
}




}