@charset "utf-8";

@import url("reset.css");

/* -------------------------------
   BASE
------------------------------- */

/* margin */
.mt-60 {margin-top:-60px!important;}
.mt-50 {margin-top:-50px!important;}
.mt-40 {margin-top:-40px!important;}
.mt-30 {margin-top:-30px!important;}
.mt-20 {margin-top:-20px!important;}
.mt-10 {margin-top:-10px!important;}
.mt0 {margin-top:0!important;}
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mt60 {margin-top:60px!important;}
.mt70 {margin-top:70px!important;}

/* float */
.left { float:left;}
.right { float:right;}
.fNone { float:none!important;}
.clear { clear:both; }

/* align */
.tLeft { text-align:left!important;}
.tCenter { text-align:center!important;}
.tRight { text-align:right!important;}
.vTop { vertical-align:top!important;}
.vMiddle { vertical-align:middle!important;}
.vBottom { vertical-align:bottom!important;}

.nowrap { white-space:nowrap; }

/* color */
.blue { color:#144398;}
.red { color:#A30035;}
.green { color:#AEC533;}
.pink { color:#EA609E;}

/* text */
.normal { font-weight:normal; }
.bold { font-weight:bold; }
.f10 { font-size:10px!important;}
.f11 { font-size:11px!important;}
.f12 { font-size:12px!important;}
.f13 { font-size:13px!important;}
.f15 { font-size:15px!important;}
.f16 { font-size:16px!important;}
.f18 { font-size:18px!important;}
.f24 { font-size:24px!important;}
.lh10 { line-height:1!important;}
.lh12 { line-height:1.2!important;}
.lh15 { line-height:1.5!important;}
.lh18 { line-height:1.8!important;}
.lh20 { line-height:2!important;}
.gothic { font-family:Arial,Verdana,Helvetica,Roboto,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Meiryo,'游ゴシック','Yu Gothic',sans-serif;}
.serif { font-family:Georgia,'Times New Roman','ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','游明朝','Yu Mincho',HG明朝B,'ＭＳ Ｐ明朝','ＭＳ 明朝',serif;}

.mincho { font-family:'Times New Roman','游明朝','Yu Mincho','ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ヒラギノ明朝 Pro','Hiragino Mincho Pro','HG明朝B','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;}

/* color */
.block { display:block!important;}
.inline { display:inline!important;}
.inlineBlock { display:inline-block!important;}

/* link */
a {color: #333;text-decoration:underline;}
a:hover {color: #333;text-decoration:none;}

/* transition */
.transition05 {
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	transition-duration:0.5s;
}


/* -------------------------------
   common
------------------------------- */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	background:#FFF;
}
body {
	line-height:1.5;
	background:#FFF;
	color: #4C2222;
	font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Meiryo,'游ゴシック','Yu Gothic',sans-serif;
	font-feature-settings : "palt";
}
.hide {
	display: none;
}


/* -------------------------------
   header
------------------------------- */

body:not(#home) #header {
	border-bottom: 4px solid #4C2222;
}
#hTop {
	background: #E5E6E8;
	overflow: hidden;
}
#siteTit {
	font-weight: normal;
}
#gNav li a {
	text-decoration: none;
}


/* -------------------------------
   footer
------------------------------- */

#footer {
	border-top: 1px solid #FFF;
}
#fBottom li a {
	color: #4C2222;
	text-decoration: none;
}
#fBottom li a:before {
	display: inline-block;
	content: '';
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 5px solid #4C2222;
	margin-right: 5px;
	vertical-align: middle;
}
#fNav li:last-child a {
	display: block;
	border: 1px solid #E4E6E7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/* -------------------------------
   side
------------------------------- */



/* -------------------------------
   contents
------------------------------- */

#conH {
	background: url(/img/common/pagetit_bg.jpg) center center no-repeat;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
}
#path li {
	display: inline-block;
}
#path li a {
	color: #4C2222;
}
#path li:last-child a {
	text-decoration: none;
	color: #333;
}
#pagetit {
	text-align: center;
}
#pagetit:after {
	display: block;
	content: '';
	width: 80px;
	height: 4px;
	background: #C80715;
	margin: 16px auto 0 auto;
}
.contactBtn a {
	display: block;
	background: #4C2222;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	width: 172px;
	line-height: 44px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.contactBtn a:before {
	display: inline-block;
	content: '';
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 5px solid #FFF;
	margin-right: 5px;
	vertical-align: middle;
}

.sec {
	overflow: hidden;
}
.sec > h2.tit {
	text-align: center;
	margin-bottom: 20px;
}
.sec > h2.tit:after {
	display: block;
	content: '';
	width: 80px;
	height: 4px;
	background: #C80715;
	margin: 16px auto 0 auto;
}
.sec > h3.tit {
	margin-bottom: 20px;
	border-bottom: 2px solid #E5E6E8;
}
.sec > h3.tit:after {
	display: block;
	content: '';
	width: 60px;
	height: 2px;
	background: #C80715;
	margin: 15px 0 -2px 0;
}

.newsList li {
	border-bottom: 1px solid #E4E6E7;
}
.newsList li a {
	display: block;
	text-decoration: none;
}
.newsList li a:before {
	display: block;
	width: 160px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.noticeList li a:before {
	display: none;
}

.newsList li.catFets a:before {
	content: 'FET SYSTEM INC';
	background: #4C2222;
}
.newsList li.catSelectHotelsGroup a:before {
	content: 'Select Hotels Group';
	background: #362906;
}
.newsList li.catSelectInn a:before {
	content: 'Select Inn';
	background: #2C7A2F;
}
.newsList li.catSelectCity a:before {
	content: 'Select City';
	background: #D41042;
}
.newsList li.catCelecton a:before {
	content: 'Celecton';
	background: #9B9B8C;
}
.newsList li.catKanraku a:before {
	content: '寛楽';
	background: #666666;
}
.newsList li a time {
	color: #666;
}

.listBtn {
	text-align: center;
}
.listBtn a {
	display: block;
	border: 1px solid #4C2222;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	text-decoration: none;
	margin: 0 auto;
}
.listBtn a:after {
	display: inline-block;
	content: '→';
	margin-left: 5px;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	transition-duration:0.5s;
}

.conList a {
	display: block;
	border: 2px solid #4A2020;
	text-decoration: none;
	color: #4A2020;
}
.conList p {
	margin-top: 10px;
}
.conList .tit {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.conList .btn {
	text-align: center;
	font-size: 16px;
	background: #4A2020;
	color: #FFF;
	line-height: 45px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 20px;
}
.conList .btn:after {
	content: url(/img/common/detail_arr.png);
	margin-left: 10px;
	vertical-align: middle;
	margin-right: -20px;
}

.stdTable {
	width: 100%;
}
.stdTable th {
	background: #F5F5F5;
	border: 1px solid #BBB;
	vertical-align: top;
}
.stdTable tr:first-child th {
	border-top: 3px solid #C80715;
}
.stdTable td {
	border: 1px solid #BBB;
}
.stdTable tr:first-child td {
	border-top: 3px solid #4C2222;
}

.wideTable thead th {
	background: #C80715;
	border: 1px solid #FFF;
	color: #FFF;
	text-align: center;
}
.wideTable thead th:first-child {
	background: #FFF;
}
.wideTable tbody th {
	background: #E4E6E7;
	border: 1px solid #FFF;
	vertical-align: top;
}
.wideTable tbody td {
	border: 1px solid #BBB;
	text-align: center;
}
.wideTable2 thead th {
	background: #C80715;
	border: 1px solid #FFF;
	color: #FFF;
	text-align: center;
}
.wideTable2 thead th:first-child {
	background: #FFF;
}
.wideTable2 tbody th {
	background: #E4E6E7;
	border: 1px solid #FFF;
	vertical-align: top;
}
.wideTable2 tbody td {
	border: 1px solid #BBB;
	text-align: center;
}
/* -------------------------------
   home
------------------------------- */

#main {
	position: relative;
}
#main li {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
}
#main li a {
	display: block;
}
.reasonChildSecs section {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow:0px 2px 7px 0px rgba(0,0,0,0.68);
	-moz-box-shadow:0px 2px 7px 0px rgba(0,0,0,0.68);
	-webkit-box-shadow:0px 2px 7px 0px rgba(0,0,0,0.68);
	overflow: hidden;
}
.reasonChildSecs section > a,
.reasonChildSecs section > div {
	background-color: #F6F4F4;
	background-position: center top;
	background-repeat: no-repeat;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	background-size: 100% auto;
	padding-top: calc((200 / 324) * 100%);
	display: block;
	text-decoration: none;
	-moz-transition-duration:0.5s;
	-o-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	transition-duration:0.5s;
}
.reasonChildSecs section a:hover {
	opacity: 0.75;
}
.reasonChildSecs section .tit {
	position: relative;
	text-align: center;
	padding: 30px 20px 20px 20px;
	z-index: 1;
	font-size: 20px;
	background: #FFF;
}
.reasonChildSecs section .tit:before {
	display: block;
	position: absolute;
	content: '';
	background-color: #FFF;
	background-position: center center;
	background-repeat: no-repeat;
	top: 0;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: -1;
}
.reasonChildSecs section .inner {
	background: #F6F4F4;
	color: #333;
	padding: 15px 20px 30px 20px;
}
.reasonChildSecs section:nth-child(1) > a,
.reasonChildSecs section:nth-child(1) > div {
	background-image: url(/img/home/voice.jpg);
}
.reasonChildSecs section:nth-child(1) .tit:before {
	background-image: url(/img/home/icon_voice.png);
}
.reasonChildSecs section:nth-child(2) > a,
.reasonChildSecs section:nth-child(2) > div {
	background-image: url(/img/home/revitalization.jpg);
}
.reasonChildSecs section:nth-child(2) .tit:before {
	background-image: url(/img/home/icon_revitalization.png);
}
.reasonChildSecs section:nth-child(3) > a,
.reasonChildSecs section:nth-child(3) > div {
	background-image: url(/img/home/line.jpg);
}
.reasonChildSecs section:nth-child(3) .tit:before {
	background-image: url(/img/home/icon_line.png);
}

#consultingSec #serviceList li {
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
}
#consultingSec #serviceList li a {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.2;
	color: #FFF;
	text-decoration: none;
	background-position: center center;
	background-repeat: no-repeat;
	background: url(/img/common/overlay_grid.png) center center repeat;
	text-shadow:0px 0px 7px #000000;
}
#consultingSec #serviceList li a:after {
	display: block;
	content: '詳しく見る';
	border: 1px solid #FFF;
	font-size: 15px;
	font-weight: normal;
	width: 160px;
	padding: 15px;
	margin: 30px auto 0 auto;
	line-height: 1;
}
#consultingSec #serviceList li:nth-child(1) {
	background-image: url(/img/home/support.jpg);
}
#consultingSec #serviceList li:nth-child(2) {
	background-image: url(/img/home/development.jpg);
}
#consultingSec #serviceList li:nth-child(3) {
	background-image: url(/img/home/management.jpg);
}


/* -------------------------------
   reason
------------------------------- */

#reasonSec {
	overflow: inherit;
}
#reasonVoiceSec {
	padding-top: 0;
}
#reasonVoiceSec h2 {
	text-align: center;
	background: #8DA0AE;
}


/* -------------------------------
   company
------------------------------- */

.mapWrap {
	position: relative;
}
.mapWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* -------------------------------
   recruit
------------------------------- */

.conBnrs li {
	text-align: center;
}
.voiceList li a,
.conBnrs li a {
	text-decoration: none;
	font-size: 18px;
	color: #4A1F1F;
}
.voiceList li figure,
.conBnrs li a figure {
	margin-bottom: 10px;
}

#voiceSec h2 {
	text-align: right;
	font-size: 18px;
}
#voiceSec h2 img {
	margin-bottom: 10px;
}

.checkboxList {
	margin: 0 -10px;
	font-size: 0;
}
.checkboxList li {
	display: inline-block;
	padding: 0 10px;
	font-size: 16px;
}
.checkboxList li input {
	margin-right: 5px;
}

.searchBtn,
.searchBnts {
	text-align: center;
}
.searchBtn button,
.searchBtn a,
.searchBnts button,
.searchBnts a {
	display: block;
	background: #4A1F24;
	color: #FFF;
	line-height: 50px;
	border: none;
	font-size: 16px;
	font-weight: bold;
	width: 280px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	margin: 0 auto;
}

.faqList dt {
	position: relative;
	padding: 5px 40px 20px 40px;
	font-size: 16px;
	border-bottom: 1px dotted #000;
	line-height: 20px;
	cursor: pointer;
}
.faqList dt:nth-child(n+2) {
	margin-top: 40px;
}
.faqList dd {
	display: none;
	position: relative;
	margin-top: 20px;
	padding-left: 40px;
}
.faqList dt:before,
.faqList dd:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	color: #FFF;
	font-weight: bold;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.faqList dt:before {
	content: 'Q';
	background: #4A1F24;
}
.faqList dd:before {
	content: 'A';
	background: #C80715;
}
.faqList dt:after {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: url(/img/recruit/plus.png);
	border: 2px solid #C80715;
	padding: 5px;
	line-height: 16px;
}
.faqList dt.open:after {
	content: url(/img/recruit/minus.png);
}


/* -------------------------------
   library
------------------------------- */

#youtubeWrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
#youtubeWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#galleryList {
	position: relative;
	max-width: 680px;
	width: 100%;
	margin: 20px auto 0 auto;
}
#galleryList ul {
	width: 4500%;
}
#galleryList li {
	float: left;
	width: calc((1% / 45) * 50);
	padding: 0 10px;
}


/* -------------------------------
   news
------------------------------- */

article.sec .inner > *:nth-child(n+2) {
	margin-top: 20px;
}
article.sec .inner > hr {
  clear: both;
}


/* -------------------------------
   blog
------------------------------- */

.blogList li a {
  text-decoration: none;
  line-height:2;
  color: #4C2222;
}
.blogList li figure {
  aspect-ratio: 4/3;
}
.blogList li figure img {
  object-fit:cover;
  width:100%;
  height:100%;
}
.blogList li .tit {
  font-size:1.25rem;
  font-weight:bold;
  margin-bottom:20px;
}
.blogListPager {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:40px;
}
.blogListPager li > * {
  display:block;
  padding:10px 20px;
  border-radius: 10px;
  text-align:center;
}
.blogListPager li .link_page {
  border:1px solid #B6B6B6;;
}
.blogListPager li .current_page {
  background-color:#B6B6B6;
  color: #FFF;
}

#blogDetail img {
  max-width:100%;
  height:auto;
}