@charset "UTF-8";
@import "commonitems.css";

/* news */
.type-post { background: #fff; }

/* #topimg */
#topimg {
	border: #747474 solid 1px;
	font-family:"游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 0 auto 75px;
	text-align: left;
	width: 1056px;
	height: 440px;
}

#business #topimg {
	background: url(../../images/top_02.jpg) left top no-repeat;
	background-size: 1058px auto;
}
#crs #topimg {
	background: url(../../images/top_03.jpg) left top no-repeat;
	background-size: 1058px auto;
}
#recruit #topimg {
	background: url(../../images/top_recruit.jpg) left top no-repeat;
	background-size: 1058px auto;
}

#topimg .container {
	margin: 15px 0 0 45px;
}

#topimg .catchy {
	color: #6f84b2;
	font-size: 46px;
	line-height: 1.5;
	margin-bottom: 40px;
}
#business #topimg .catchy span.first {
	display: inline-block;
	/* margin-left: -30px;*/
}
#business #topimg .catchy span.last {
	/* letter-spacing: -25px; */
}
#recruit #topimg .catchy {
	margin-bottom: 25px;
}
#topimg .lead {
	color: #000;
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 60px;
}
#recruit #topimg .lead {
	margin-bottom: 50px;
}



/* #content */
#content {
	width: 916px;
	margin: 65px auto 0;
}
article {
	margin-top: 65px;
	text-align: center;
}

article h2 {
	background: url(../images/bg_h2.png) left top no-repeat;
	color: #6f84b2;
	font-family:"游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 18px;
	line-height: 1;
	margin-bottom: 70px;
	letter-spacing: 10px;
	padding: 27px 20px 0;
	height: 45px;
	text-align: left;
}

#content section,
article section {
	width: 800px;
	margin: 0 auto 96px;
	text-align: left;
}
#content section h3,
article section h3 {
	background-image: -moz-linear-gradient( 0deg, rgb(101,133,181) 0%, rgb(35,50,71) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(101,133,181) 0%, rgb(35,50,71) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(101,133,181) 0%, rgb(35,50,71) 100%);
	color: #fff;
	font-family:"游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 15px;
	font-weight: normal;
	margin-bottom: 70px;
	padding: 4px 14px 0;
	letter-spacing: 8px;
	height: 26px;
}
#content section h3 {
	margin-bottom: 56px;
}
#content section h3 small,
article section h3 small {
	display: inline-block;
	font-size: 13px;
	letter-spacing: 6px;
	margin: 0 0 0 20px;
	letter-spacing: 10px;
}
#content section p,
article section p {
	margin-bottom: 1.5em;
}

article .section {
	width: 916px;
	margin: 0 auto 90px;
}
article .section li {
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);
	background-image: -moz-linear-gradient( 0deg, rgb(101,133,181) 0%, rgb(35,50,71) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(101,133,181) 0%, rgb(35,50,71) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(101,133,181) 0%, rgb(35,50,71) 100%);
	color: #fff;
	font-family:"游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	float: left;
	display: block;
	width: 388px;
	min-height: 330px;
	margin: 0 35px;
}
article .section h3 {
	font-size: 20px;
	margin: 34px auto 20px;
	font-weight: normal;
	letter-spacing: 8px;
	line-height:1;
}
article .section figure {
	margin-bottom: 20px;
}
article .section p {
	font-size: 14px;
	text-align: left;
	margin:0 60px;
}


/* hotel*/
.sec_hotel:not(:last-child) { margin-bottom:30px; border-bottom:1px dotted #333; }

.sec_hotel_logo,
.sec_hotel_txt { float:left; }
.sec_hotel_logo { margin-right:10px; }
.sec_hotel_txt { width:350px; }
.sec_hotel_photo { float:right; }


/* #business #recruit */
#business section .txtbox,
#recruit section .txtbox {
	clear: both;
	width: 730px;
	margin: 0 35px 15px;
}
#business section .txtbox .txt,
#recruit section .txtbox .txt {
	float: left;
	width: 460px;
}
#business section .txtbox h4,
#recruit section .txtbox h4 {
	font-size: 16px;
	margin-bottom: 30px;
	font-family:"游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#business section .txtbox p,
#recruit section .txtbox p {
	font-size: 13px;
	line-height: 1.9;
	text-indent: 1em;
}

#recruit section .txtbox table p,
#recruit section .txtbox p.txt_manager_lead { text-indent:0; }

#recruit section .txtbox p.txt_manager_lead { float:left; width:520px; }

#business section dl,
#recruit section dl {
	float: left;
	width: 355px;
	margin: 0 22px 70px;
}
#business section dl,
#restaurant section dl {
	width: 369px;
	margin: 0 15px 35px;
}
#business section dl dt,
#restaurant section dl dt {
	font-weight: bold;
	margin-bottom: 15px;
}
#business section dl dd,
#restaurant section dl dd  {
	font-size: 12px;
	display: table;
}
#business section dl dd figure,
#business section dl dd p,
#restaurant section dl dd figure,
#restaurant section dl dd p  {
	display: table-cell;
	vertical-align: top;
}
#business section dl dd figure,
#restaurant section dl dd figure  {
	width: 175px;
}
#business section dl dd p,
#restaurant section dl dd p  {
	width: 194px;
	line-height: 1.9;
}
#business section dd strong,
#restaurant section dd strong {
	display: inline-block;
	margin-right: 5px;
}
#business section dl dd .more,
#restaurant section dl dd .more  {
	font-family:"游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	display: block;
	text-align: right;
	text-decoration: underline;
	letter-spacing: 3px;
}
#hotel section dt,
#hotel section dd strong {
	color:#a9243a;
}
#restaurant section dt,
#restaurant section dd strong {
	color:#e0ad00;
}

/* aside */
aside {
	font-size: 12px;
	margin: auto;
}
aside.voice {
	background-color:#c7d3e2;
	color: #6585b5;
	display: table;
	width: 622px;
}
aside.voice p,
aside.voice figure {
	display: table-cell;
	vertical-align: top;
}
aside.voice p {
	padding: 15px 55px 0 20px;
	line-height: 1.9;
}
aside.voice p.name {
	font-size: 14px;
	width: 136px;
	vertical-align: bottom;
	padding: 15px 0;
	line-height: 1.7;
}
aside.voice p.name small {
	font-size: 12px;
}
aside.voice figure {
	width: 151px;
	padding: 15px;
}

aside.link {
	border: #7a838e solid 1px;
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.2);
	background-image: -moz-linear-gradient( 0deg, rgb(101,133,181) 0%, rgb(35,50,71) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(101,133,181) 0%, rgb(35,50,71) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(101,133,181) 0%, rgb(35,50,71) 100%);
	color: #fff;
	font-family:"游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	width: 530px;
	min-height: 164px;
}
aside.link figure {
	float: right;
	width: 213px;
	margin: 18px 20px 0 0;
}
aside.link h4,
aside.link p {
	float: left;
	width: 257px;
}
aside.link h4 {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 6px;
	line-height:1;
	margin: 30px 20px;
	text-align: center;
}
aside.link p {
	font-size: 12px;
	margin: 0 20px;
}

/* .more */
article .section .more,
aside.link .more {
	text-align: right;
	color: #fff;
	display: block;
	text-decoration: underline;
	letter-spacing: 3px;
}
article .section .more a:link,
article .section .more a:visited,
article .section .more a:hover,
article .section .more a:active {
	color: #fff;
}



/* #interview */
#content section#interview h3 {
	margin-bottom: 40px;
}
section#interview li {
	float: left;
	width: 345px;
}
section#interview li.leftbox {
	padding: 0 35px 0 15px;
}
section#interview li.rightbox {
	border-left:#bcbebe solid 1px;
	padding: 0 15px 0 35px;
}
#interview .career {
	font-size: 12px;
	color: #6585b5;
	font-family:"游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin: 20px 0 40px;
}
#interview .name {
	display: table-cell;
    font-size:10px;
	padding: 0 0 0 10px;
	vertical-align:top;
	width: 200px;
}
#interview .name strong {
	font-size: 12px;
}
#interview figure {
	display: table-cell;
	text-align: right;
	width: 160px;
	vertical-align:bottom;
}

#interview #details .txtbox {
	display: table-cell;
	padding: 0 35px 0 15px;
	vertical-align:top;
	width: 360px;
	line-height: 1.9;
}
#interview #details .txtbox h4 {
	font-size: 18px;
	color: #6585b5;
	font-family:"游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom: 15px;
}
#interview #details .txtbox p {
	text-indent: 1em;
	font-size: 12px;
	margin-bottom: 0;
}
#interview #details .name {
	width: 140px;
	padding: 280px 0 0 0;
}
#interview #details figure {
	width: 225px;
	vertical-align:top;
	padding-top:90px;
}





/* #company */
#company section .txtbox  {
	font-family:"游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	display: table-cell;
	padding-top: 0;
	padding-left: 0;
	width: 480px;
}
#company section h4.txtceo  {
	font-family:"游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 24px;
	margin-bottom: 25px;
}
#company section .txtbox p  {
	font-size: 15px;
	margin-bottom: 25px;
	line-height: 1.8;
}
#company section .txtbox .name  {
	font-size: 18px;
	text-align: right;
	margin-bottom: 0;
}
#company section .txtbox .name strong  {
	font-size: 22px;
	font-weight:normal;
	display: inline-block;
	margin-left: 24px;
}
#company section figure  {
	display: table-cell;
	padding:5px 0 0 40px;
	width: 281px;
	vertical-align:top;
}

#company section dl  {
	margin: 0 35px;
}
#company section dl dt  {
	font-size: 19px;
	margin-bottom: 25px;
}
#company section dl dd  {
	border-bottom: #666666 solid 1px;
	font-family:"游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding-bottom: 25px;
	margin-bottom: 25px;
}
#company section dl dd:last-child  {
	border-bottom: none;
}

/* #lineup */
#lineup  {
	margin-bottom: 10px
}
#lineup h3  {
	margin-bottom: 0;
}
#lineup #hotel,
#lineup #restaurant  {
	display: table;
	margin-top: 35px;
}
#lineup h4  {
	color: #fff;
	display: table-cell;
	font-weight: normal;
	width: 130px;
}
#lineup h4 span  {
	display: inline-block;
	width: 7em;
	padding: 0 3px;
	text-align: center;
}
#lineup h5  {
	border-bottom: #666666 solid 1px;
	clear: both;
	ont-weight: normal;
	margin-bottom: 30px;
	padding-bottom: 12px;
}
#lineup #hotel h4 span  {
	background-color: #a9243a;
}
#lineup #hotel h5,
#lineup #hotel h6,
#lineup #hotel strong {
	color: #a9243a;
}
#lineup #restaurant h4 span  {
	background-color: #e0ad00;
}
#lineup #restaurant h5,
#lineup #restaurant h6,
#lineup #restaurant strong  {
	color: #e0ad00;
}

#lineup .rightbox  {
	display: table-cell;
	width: 670px;
	line-height: 2;
}
#lineup .rightbox li  {
	clear: both;
	font-size: 12px;
}
#lineup .rightbox li h6  {
	font-size: 14px;
}
#lineup .rightbox li strong  {
	display: inline-block;
	margin-right: 5px;
}
#lineup .rightbox li img  {
	float: left;
	margin-right: 40px;
	margin-bottom: 30px;
}





#recruit section dl.company_table {
	float:none;
	width:auto;
	margin:10px;
	border-top: 1px solid #DDDDDD;
}

dl.company_table dt,
dl.company_table dd {
	padding: 5px;
	display: block;
}

dl.company_table dt {
	width: 150px;
	float: left;
}

dl.company_table dd {
	margin-left: 160px;
}

dl.company_table dt.year {
	width: 80px;
}

dl.company_table dt.month {
	width: 40px;
}

/* #development*/
#development #content section { margin-bottom:0; }
#development section h4 {  margin-bottom: 12px; font-size: 20px; font-family:"游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }

#development section h4.border { margin-top:30px; padding:6px 3px; border-top:1px solid #000; border-bottom:1px solid #000; font-size:22px; }

#development section dl dt { margin-bottom: 12px; padding:10px 5px; font-size: 16px; background:#818284; color:#fff; font-family:"游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }

#development section h4:before { content:"● "; color:#aa243a; font-size:18px; }
#development section h4.border:before { content:""; }
#development section span { color:#F40307; }

#development section dt span.txt_merit { position:relative; top:-6px; float:right; margin-top:0.5em; padding:5px 4px; background:#fff; border-radius:20px; color:#aa243a; font-size:10px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing:-0.05em; text-align:right; }
#development section dt span.txt_merit.font_ss { margin-top:0.6em; font-size:12px; }

#business #development section dl dd p { display:block; width:auto; }

/*news*/
#news #newslist,
.category-news #newslist { padding:20px; box-shadow:0 2px 3px rgba(0, 0, 0, 0.2); background-color:#ffffff;}
#news section dl,
.category-news dl {
	border-top: #7a7a7a dotted 1px;
	line-height: 1.6;
	padding-top: 8px;
	
	
}
#news section dl dt,
.category-news section dl dt {
	clear: both;
	float: left;
	width: 9em;
}
#news section dl dd,
.category-news section dl dd {
	border-bottom: #7a7a7a dotted 1px;
	padding: 0 0 7px 9em;
	margin-bottom: 8px;
}
#news section dl dd span,
.category-news section dl dd span {
	color: #fff;
	display: block;
	text-align: center;
	width: 7em;
	margin-right: 20px;
	margin-bottom:0.4em;
}
#news section dl dd span.rec,
.category-news section dl dd span.rec {
	background-color: #6585b5;
}
#news section dl dd span.rest,
.category-news section dl dd span.rest {
	background-color: #e0ad00;
}
#news section dl dd span.hotel,
.category-news dl dd span.hotel {
	background-color: #a9243a;
}
#news dl dd span.media,
.category-news dl dd span.media {
	background-color: #1da483;
}
#news dl dd span.other,
.category-news dl dd span.other {
	background-color: #8214a2;
}

/*csr_index*/

.crs_box { margin-bottom:30px; border-bottom:#6585b5 dashed 1px;}


.sec_voice { margin-bottom:60px; padding:20px; border:1px solid #aa243a; }
#content .sec_voice h3 { background-image:none; border-bottom:1px solid #666;
color: #000;
font-family: "游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
font-size: 20px;
font-weight: normal;
margin-bottom: 20px;
padding:0 0 10px 0;
letter-spacing:normal;
height:auto; }

.sec_voice .sec_text { float:left; width:560px; }
.sec_voice .sec_text .txt_question { color:#aa243a; }
.sec_voice .sec_photo { float:right; }

#development section .sec_voice .sec_name span,
.sec_voice .sec_name span { color:#000; font-size:12px; }

/* clearfix */
.section ul,
section .txtbox,
.listbox,
aside.link,
section#interview ul {
	clear: both;
	zoom: 1;
}
.section ul:after,
.section ul:before,
section .txtbox:after,
section .txtbox:before,
.listbox:after,
.listbox:before,
aside.link:after,
aside.link:before,
section#interview ul:after,
section#interview ul:before {
	font-size: 0;
	content: ".";
	display: table;
}
.section ul:after,
section .txtbox:after,
.listbox:after,
aside.link:after,
section#interview ul:after {
	clear: both;
}