@charset "utf-8";
/* CSS Document */

/*========================
*
*	header
*
========================*/

header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	width: 100%;
	    visibility: inherit;
}

/*========================
*
*	contants
*
========================*/

#main-img {
	width: 100%;
	margin: 0 0 105px;
	position: relative;
}

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

#main-img > p {
	position: absolute;
	right: 45px;
	bottom: 5px;
	color: #FFF;
}

#main-img p.img-text {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 847px;
	/*max-height: 168px;*/
	max-height: 1px;
	padding: 0 10px;
	
}


#contants,
#contants-main{
	max-width: 1100px;
	margin: 0 auto;
}

#contants {
	margin: 50px auto 0;
}

#contants-all,
#contants-nomain-all{
	width: 100%;
}

#contants-nomain-all {
	margin: 50px 0 0;
}



h2 {
	font-size: 33px;
	margin: 0 0 50px;
	text-align: center;
}

div.read {
	text-align: center;
	margin: 0 0 65px;
	line-height: 1.5;
}

.intro-link a {
	display: block;
    width: 300px;
    margin: 0 auto 100px;
    border: 1px solid #000;
    text-align: center;
    padding: 22px 0;
    position: relative;
}

.intro-link a:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*========================
*
*	Business
*
========================*/

.info-box {
	margin: 0 0 90px;
	display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}

.info-box div {
	width: 48%;
}

.info-box img {
	width: 100%;
	height: auto;
}

.info-box h3 {
	margin: 0 0 35px;
	font-size: 28px;
	text-align: left;
	color: #666;
}

.info-box p {
	margin: 0 0 85px;
	line-height: 1.6;
}

.info-box a {
	display: block;
	text-align: center;
	padding: 20px 0;
	position: relative;
	width: 60%;
	font-size: 15px;
	border: 1px solid #000;
	    font-family: Myriad Pro;
}



.info-box a:after {
	content: "";
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.info-box a.txt {
	display: inline;
	text-align: left;
	padding:0;
	position: relative;
	width: auto;
	font-size: 16px;
	border: none;
	font-family: 游ゴシック体, "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	border-bottom: #000 1px dotted;
}
.info-box a.txt:after {
	display: none;
	position: relative;
}

section {
	padding-top: 70px;
}

article {
    padding-top: 70px;
    margin-top:-70px;
}

/*------------------------------
	hotels_golf 
------------------------------*/

.tab-btn {
	max-width: 805px;
	margin: 0 auto 30px;
}

.tab-btn ul {
	font-size: 0;
	border-bottom: 1px solid #000;
}

.tab-btn ul li {
	width: 50%;
	color: #999;
	text-align: center;
	padding: 10px 0;
	font-size: 16px;
	display: inline-block;
	cursor: pointer;
}

.tab-btn ul li.active-tab {
	background: #999;
	color: #FFF;
}

.tab-btn ul li:hover {
	background: #999;
	color: #FFF;
}

.refineby {
	max-width: 805px;
	margin: 0 auto 40px;
}

.refineby > div {
	display: none;
}

.refineby > div div {
	display: none;
}

.refineby ul {
	font-size: 0;
	text-align: center;
}

.refineby ul li {
	display: inline-block;
	vertical-align: top;
	border-bottom: 3px solid #999;
	padding: 5px 0;
	color: #999;
	font-size: 16px;
}
	

.refineby ul li p {
	width: 100%;
	display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
	font-size: 16px;
	cursor: pointer;
}

.refineby ul li img {
	width: 100%;
	height: auto;
}

.refineby .brand ul li {
	width: 10%;
	margin: 0 5% 0 0;
}

.refineby .brand ul li:last-child {
	margin: 0;
}

.refineby .brand ul li p {
	height: 65px;
}

.refineby .brand ul li p span {
	display: none;
}

.refineby .area ul {
	text-align: center;
}

.refineby .area ul li {
	    width: 10%;
    margin: 0 5% 0 0;
}

.refineby .area ul li:hover,
.refineby .area ul li p.ontext{
	color: #000;
}



.tab-cont {
	width: 100%;
	margin: 0 0 95px;
}

.tab-cont ul {
	font-size: 0;
}

.tab-cont ul li {
	display: inline-block;
}

/*.tab-cont-iner {
	font-size: 0;
	display:-ms-grid;
    display:grid;
    -ms-grid-columns:auto auto auto;
    grid-template-columns:auto auto auto;
}*/
.tab-cont-iner {
    display: -ms-grid;
    /* display: grid; */
    -ms-grid-columns: auto auto auto;
    /* grid-template-columns: auto auto auto; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tab-cont-iner article {
	width: 31%;
	background: #EDEDE8;
	margin: 0 1% 2% 1%;
	padding: 0 0 15px 0;
}

.tab-cont-iner article img {
	width: 100%;
	height: auto;
	margin: 0 0 15px;
}

.tab-cont-iner article dd {
	padding: 0 15px 0 15px;
}

.tab-cont-iner article dd a {
	font-size: 20px;
    border-bottom: 1px dashed #000;
    padding: 0 0 5px;
    display: inline;
    line-height: 2;
}

.tab-cont-iner article dd a:hover {
	border-bottom: none;
}

.tab-cont-iner article dd a i {
	font-size: 16px;
    padding: 0 0 0 10px;
}

.tab-cont-iner article dd p {
	line-height: 1.6;
}

.tab-cont-iner article dd p:nth-of-type(1) {
	margin: 18px 0 0 0;
}

.is-animated {
  animation: .6s zoom-in;
}

@keyframes zoom-in {
  0% {
   transform: scale(.1);
  } 
  100% {
    transform: none;
  }
}

.brand-hotel div {
	text-align: center;
	margin: 0 0 50px;
}

.brand-hotel ul {
	font-size: 0;
	margin: 0 0 80px 0;
	text-align: center;
	width: 100%;
}

.brand-hotel ul li {
	display: inline-block;
	vertical-align: middle;
	width: 6%;
	margin: 0 6% 0 0;
}

.brand-hotel ul li:last-child {
	margin: 0;
}

.brand-hotel ul li img {
	width: 100%;
	height: auto;
}

.hotel-caution {
	width: 96%;
	margin: 0 auto;
	line-height: 1.3;
	padding: 0 0 0 15px;
	text-indent: -8px;
}

/*------------------------------
	restaurant
------------------------------*/

h3.img-tit {
	text-align: center;
	margin: 0 0 55px;
}

h3.img-tit img {
	max-width: 100%;
	height: auto;
}

h3.img-tit + p {
	text-align: center;
	margin: 0 0 60px;
}

.restaurant-cont {
	margin: 0 0 95px;
	display:-ms-grid;
    display:grid;
    -ms-grid-columns:auto auto auto;
    grid-template-columns:auto auto auto;
}

.restaurant-cont article {
	background: #EDEDE8;
	margin: 0 8% 8% 0;
	padding: 0 0 15px 0;
}

.restaurant-cont article:nth-of-type(3n) {
	margin: 0 0 8% 0;
}

.restaurant-cont article img {
	width: 100%;
	height: auto;
	margin: 0 0 15px;
}

.restaurant-cont article img + p {
	font-size: 20px;
	margin: 0 0 5px;
	padding: 0 0 0 15px;
}

.restaurant-cont article dl {
	padding: 0 15px 0 15px;
}

.restaurant-cont article dt {
	margin: 0 0 18px;
	font-size: 20px;
	line-height: 2;
}

.restaurant-cont article dt a {
	font-size: 20px;
    border-bottom: 1px dashed #000;
    padding: 0 0 5px;
    display: inline;
    
}

.restaurant-cont article dt a:hover {
	border-bottom: none;
}

.restaurant-cont article dd li {
	margin: 0 0 10px;
}

.restaurant-cont article a i {
    font-size: 16px;
    padding: 0 0 0 10px;
}


/* IE grid */
.restaurant-cont article:nth-of-type(1) {
	-ms-grid-column:1; grid-column:1; -ms-grid-row:1; grid-row:1;
}
.restaurant-cont article:nth-of-type(2) {
	-ms-grid-column:2; grid-column:2; -ms-grid-row:1; grid-row:1;
}
.restaurant-cont article:nth-of-type(3) {
	-ms-grid-column:3; grid-column:3; -ms-grid-row:1; grid-row:1;
}
.restaurant-cont article:nth-of-type(4) {
	-ms-grid-column:1; grid-column:1; -ms-grid-row:2; grid-row:2;
}
.restaurant-cont article:nth-of-type(5) {
	-ms-grid-column:2; grid-column:2; -ms-grid-row:2; grid-row:2;
}
.restaurant-cont article:nth-of-type(6) {
	-ms-grid-column:3; grid-column:3; -ms-grid-row:2; grid-row:2;
}
/* /IE grid */

/*------------------
*	レストラン項目少バージョン
--------------------*/
.restaurant-three {
	font-size: 0;
	margin: 0 0 80px 0;
}

.restaurant-three h3.img-tit {
	max-height: 60px;
}

.restaurant-three h3.img-tit + p {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 1.3;
    text-align: left;
    height: 60px;
}

.restaurant-three > div {
	display: inline-block;
	vertical-align: top;
}

.restaurant-three > div section article {
	 background: #EDEDE8;
    /*margin: 0 8% 8% 0;*/
    padding: 0 0 15px 0;
}

.restaurant-three article img {
    width: 100%;
    height: auto;
    margin: 0 0 15px;
}

.restaurant-three div.restaurant-one {
	width: 31.68%;
	margin: 0 1.5% 0 0;
}

.restaurant-three div.restaurant-two {
	width: 66%;
}

.restaurant-three div.restaurant-two section {
	font-size: 0;
}

.restaurant-three div.restaurant-two section article {
	display: inline-block;
	vertical-align: top;
	width: 48%;
}

.restaurant-three div.restaurant-two section article:nth-of-type(1) {
	margin: 0 1% 0 0;
}

.restaurant-three div.restaurant-two section article:nth-of-type(2) {
	margin: 0 0 0 1%;
}

.restaurant-three article img + p {
    font-size: 20px;
    margin: 0 0 5px;
    padding: 0 0 0 15px;
}

.restaurant-three article dl {
    padding: 0 15px 0 15px;
}

.restaurant-three article dt {
    margin: 0 0 18px;
    font-size: 20px;
    line-height: 2;
}

.restaurant-three article dt a, .txt-link {
    font-size: 20px;
    border-bottom: 1px dashed #000;
    padding: 0 0 5px;
    display: inline;
}

.restaurant-three article a i {
    font-size: 16px;
    padding: 0 0 0 10px;
}

.restaurant-three article dd li {
    margin: 0 0 10px;
	font-size: 16px;
}

/*保育所 20191030*/
.gray-bg-inner .nursery {
    background:#EDEDE8!important;
	width: 100%;
max-width: 750px;
margin: 0 auto;
display: table;
table-layout: fixed;
padding: 0;
color: #000;
    line-height: 1.6;
}
.white-bg-his .nursery {
	width: 100%;
    max-width: 750px;
    margin: 0 auto;
    text-align: left;
    line-height: 1.6;
}
.white-bg-his .nursery img {
width: 100%;
}
.nursery .cont {
	display: table-row;
    table-layout: fixed;
    width: 100%;
color: #000!important;
/*background: #EDEDE8!important;*/
}
.nursery > div div {
	display: table-cell;
    padding: 10px 20px;
	border-top: 1px solid #ccc;
}
.nursery > div:last-child div {
    border-bottom: 1px solid 
    #ccc;
}
.nursery > div div:nth-of-type(1) {
    background: #d8d7c5;
	color: #000!important;
    width: 110px;
}
.nursery > div div:nth-of-type(2) {
    background: #EDEDE8;
    width: auto;
	color: #000!important;
}
.dot-border {
border-bottom: dotted 3px #fff;
padding: 1.5rem 0;
}
.dot-border:first-of-type{
padding-top: 0;
}
.dot-border:last-of-type{
border-bottom: none;
padding-bottom: 0;
}
.dot-border dt {
width: 10rem;
margin: 0!important;
float: left;
clear: left;
padding-left: 3rem;
}
.dot-border dd {
padding-left: 10rem;
}

.schedule_wrap {
display: inline-block!important;
padding-bottom: 1rem;
border-bottom: 2px solid #d5d5d5;
}
.schedule {
width: 49%;
float: left;
}
.schedule:last-of-type{
float: right;
}
.schedule th{
background: #edede8;
text-align: center;
padding: 5px;
}
.schedule dl {
margin-top: 10px;
}
.schedule dt {
padding-left: 10px;
float: left;
width: 3.5rem;
margin-bottom: 5px;
text-align: right;
}
.schedule dd {
padding-right: 10px;
padding-left: 4.5rem;
margin-bottom: 5px;
}

ul.list{padding-left: 1rem;
}
ul.list li {
list-style: disc;
}

/*========================
*
*	Company
*
========================*/

.white-bg {
	background: #FFF;
	width: 100%;
	padding: 0 20px;
}

.white-bg-his {
	background: #FFF;
	width: 100%;
	padding: 65px 20px;
}

.white-bg-inner,
.white-bg-history{
	max-width: 750px;
	margin: 0 auto 100px;
	display: table;
	table-layout: fixed;
}

.white-bg-inner > div,
.white-bg-history > div{
	display: table-row;
	table-layout: fixed;
	width: 100%;
}

.white-bg-inner > div:last-child div,
.white-bg-history > div:last-child div {
	border-bottom: 1px solid #ccc;
}

.white-bg-inner > div div,
.white-bg-history > div div{
	display: table-cell;
	padding: 10px 20px;
}

.white-bg-inner > div:nth-of-type(odd) div:nth-of-type(1),
.white-bg-history > div:nth-of-type(odd) div:nth-of-type(1){
	background: #dcdcd3;
}
.white-bg-inner > div:nth-of-type(odd) div:nth-of-type(2),
.white-bg-history > div:nth-of-type(odd) div:nth-of-type(2) {
	background: #edede8;
}

.white-bg-inner > div:nth-of-type(even) div:nth-of-type(1),
.white-bg-history > div:nth-of-type(even) div:nth-of-type(1){
	background: #edede8;
}
.white-bg-inner > div:nth-of-type(even) div:nth-of-type(2),
.white-bg-history > div:nth-of-type(even) div:nth-of-type(2){
	background: #FFF;
}

.white-bg-inner > div div:nth-of-type(1) {
	width: 120px;
}

.white-bg-history > div div:nth-of-type(1) {
	width: 217px;
	text-align: right;
}

.white-bg-inner > div div:nth-of-type(2),
.white-bg-history > div div:nth-of-type(2){
	width: auto;
}

.white-bg-inner > div div p,
.white-bg-history > div div p{
	margin: 0 0 10px;
	line-height: 1.5;
}
.white-bg-inner > div div p span {
	font-weight:bold;
	margin: 20px 0 0px;
}

.white-bg-inner > div div p:last-child,
.white-bg-history > div div p:last-child{
	margin: 0;
}

.white-bg-inner > div div span {
	display: block;
	margin: 0 0 20px;
}

.white-bg-inner > div div span img {
	width: 87%;
	height: auto;
	margin: 0 0 5px;
}

.white-bg-inner > div div span em.map {
	display: inline-block;
}

.white-bg-inner > div div span em.map a {
	border-bottom: 1px dashed #000;
	padding: 0 0 5px;
}

.white-bg-inner > div div > ul li {
	line-height: 1.6;
	margin: 0 0 10px;
	padding: 0px 0 0 21px;
    text-indent: -10px;
}

.white-bg-inner > div div > ul li i {
	padding: 0 6px 0 0;
}

.white-bg-inner > div div > ul li a {
	border-bottom: 1px dashed #000;
   padding: 0 4px 5px;
}

.white-bg-inner > div div > ul li a i {
	padding: 0 0 0 15px;
}

.white-bg-inner > div div > dl dt {
	float: left;
	clear: both;
}

.white-bg-inner > div div > dl dd {
	padding: 0 0 0 130px;
	margin: 0 0 17px;
}

.white-bg-inner > div div > dl dd li {
	margin: 0 0 16px;
}

.white-bg-inner > div div > p a {
	display: inline-block;
	background: #878587;
	color: #FFF;
	position: relative;
	padding: 5px 10px 5px 20px;
	margin: 0 35px 0 0;
}
.white-bg-inner > div div > p a.none {
	display: inline-block;
	background: none;
	color: inherit;
	position: relative;
	padding: 0;
	margin: 0;
}

.white-bg-inner > div div > p a:before {
	content: "";
	display: block;
	position: absolute;
	left: 3px;
	top: 12px;
	    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	width: 10px;
	height: 10px;
}
.white-bg-inner > div div > p a.none:before {
	content: "";
	display: block;
	position: absolute;
	left: 3px;
	top: 12px;
	border-top: none;
    border-right: none;
    -webkit-transform: none;
    transform: none;
	width: 0;
	height: 0;
}


/* 20190222 */

.history-list {
	max-width: 750px;
    margin: 0 auto 100px;
	table-layout: fixed;
}

.history-list article {
	display: table;
	margin: 0 0 20px;
	width: 100%;
	line-height: 1.3;
}

.history-list article p,
.history-list article dl {
	display: table-cell;
	vertical-align: top;
}

.history-list article p {
	width: 20%;
	border-bottom: 1px solid #000;
	padding: 10px 0;
}

.history-list article dl {
	width: 76%;
	padding: 0 0 0 4%;
	position: relative;
}

.history-list article dl:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #BBBBBB;
	bottom: 0;
	right: 0;
}

.history-list article dl dt {
	float: left;
	clear: both;
	padding: 10px 0;
}

.history-list article dl dd {
	padding: 10px 0 10px 15px;
    border-left: 1px solid #BBBBBB;
    margin: 0 0 20px 50px;
}

.history-list article dl dd li {
	margin: 0 0 10px;
}


/* /20190222 */


.gray-bg {
	background: #EDEDE8;
	width: 100%;
	padding: 65px 20px;
}

.gray-bg-inner {
	max-width: 750px; 
	margin: 0 auto;
}

.gray-bg-inner div {
	background: #999;
	padding: 7px 0 7px 15px;
	margin: 0 0 20px;
	color: #FFF;
}

.gray-bg-inner dt {
	font-weight: bold;
	margin: 0 0 12px;
}

.gray-bg-inner dd {
    margin: 0 0 20px;
    line-height: 1.5;
}

.gray-bg-inner dd i {
	padding: 0 5px 0 20px;
}

/*========================
*
*	Recruit
*
========================*/

.recruit-notice {
	margin: 0 0 60px;
}

.recruit-notice > p {
	font-size: 25px;
	margin: 0 0 20px;
	text-align: center;
}

.recruit-notice dl {
	max-width: 900px;
	margin: 0 auto;
}

.recruit-notice dt {
	float: left;
    clear: both;
    margin: 0 0 10px 0;
    line-height: 1.3;
    padding: 3px 0 0;
}

.recruit-notice dd {
	padding: 0 0 0 110px;
    margin: 0 0 10px 0;
    line-height: 1.3;
}

.recruit-notice dd p {
	margin: 0 0 10px;
}

.recruit-notice dd a {
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #000;
}

.recruit-notice dd a:hover {
	border-bottom: none;
}

.recruit-notice dd span {
	padding: 0 0 0 15px;
    position: relative;
    display: inline-block;
    margin: 0 0 0 10px;
}

.recruit-notice dd span:before {
	content: "";
    position: absolute;
	left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.recruit-type {
	font-size: 0;
	margin: 0 0 100px;
}

.recruit-type > div {
	display: inline-block;
	vertical-align: top;
	width: 45%;
	margin: 0 5% 0 0;
	font-size: 16px;
}

.recruit-type > div:nth-of-type(2) {
	margin: 0 0 0 5%;
}

.recruit-type > div h2 {
	font-size: 33px;
	text-align: center;
	margin: 0 0 30px;
}

.recruit-type > div div {
	line-height: 1.5;
	margin: 0 0 70px;
}

.recruit-type > div p {
	width: 75%;
	margin: 0 auto 30px;
}

.recruit-type > div p:last-child {
	margin: 0 auto;
}

.recruit-type > div p a {
	display: block;
	width: 100%;
	border: 1px solid #000;
    text-align: center;
    padding: 22px 0;
    position: relative;
}

.recruit-type > div p a:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.recruit-bana {
	max-width: 959px;
	margin: 0 auto 100px;
}

.recruit-bana img {
	width: 100%;
	height: auto;
}

.recruit-contact > p a.link {
	text-decoration:underline;
	text-decoration-style:dotted;
}
.recruit-contact > p span.bold {
	font-weight:bold;
}

.mt20 { margin-top:20px!important; }
.mt40 { margin-top:40px!important; }
.mb100 { margin-bottom:100px!important; }

span.btn {
	display:block;
	width:100%;
	text-align:center;
}
.btn > a {
	display:inline-block;
	width:250px;
	text-align:center;
	background-color:#898989;
	color:#fff;
	font-weight:bold;
	padding:15px;
	margin:20px auto;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

.workarea {
	border-bottom:#000 1px solid;
}

/*========================
*
*	new-sogo
*
========================*/

#recruit h2{
	margin-bottom:30px;
}
#recruit h3{
	font-size: 33px;
	color:#666666;
	text-align: center;
    margin: 0 0 35px;
}
#recruit h3 + p{
	text-align:center;
	margin-bottom:30px;
}
/*.career-employment{
	max-width: 740px;
}*/
.career-employment > div div:nth-of-type(2){
	line-height:1.5;
}
#recruit .career-employment > div div.divide:nth-of-type(2) dl{
	display:table;
    border-top: 1px solid #ccc;
	margin: 0 -20px;
    padding: 10px 20px;
}
#recruit .career-employment > div div.divide:nth-of-type(2) dt{
	width:30%;
	display:table-cell;
}
#recruit .career-employment > div div.divide:nth-of-type(2) dd{
	display:table-cell;
   /* width: 450px;*/
   width: 70%;
}
#recruit .career-employment > div div.divide:nth-of-type(2) dd span.indent{
	display:block;
	text-indent: -7px;
    padding-left: 14px;
}
#recruit .career-employment > div div.divide:nth-of-type(2) dl.first{
    border-top: none;
	margin: 0;
	padding:0 0 10px;
}
#recruit .career-employment > div div.divide:nth-of-type(2) dl.last{
	padding-bottom:0;
}
#recruit .fa-circle{
	font-size:14px;
	font-style:normal;
}
#recruit .adopt{
	max-width: 750px;
    margin: 0 auto;
}
#recruit .adoptbox{
	max-width:480px;
	background:#D8D7C5;
	text-align:center;
	margin:0 auto 40px;
	padding:15px 10px;
	position:relative;
}
#recruit .adoptbox:after{
	content:url(../../recruit/img/icon-arrow-bottom.png);
	width:28px;
	height:16px;
	position:absolute;
	bottom:-30px;
	left:0;
	right:0;
	margin:auto;
}
#recruit .adoptbox p{
	line-height:2;
}
#recruit .adoptbox p.stit{
	font-size:18px;
}
#recruit .adoptbox.end{
	margin-bottom:0;
}
#recruit .adoptbox.end:after{
	content:"";
}
#recruit .white-bg.mt100{
	margin-top:100px;
}
#recruit .system{
	max-width: 740px;
    margin: 0 auto 100px;
}
#recruit .system h4{
	background:#D8D7C5;
	padding:8px 8px 5px;
}
#recruit .system ul{
	margin-bottom:30px;
}
#recruit .system li{
	margin-top:20px;
	line-height:1.5;
	text-indent: -6px;
    padding-left: 12px;
}
#recruit .system .indent{
    text-indent: -17px;
    padding-left: 12px;
}
#recruit .system .case{
	display: block;
    text-indent: -48px;
    padding-left: 40px;
}
/*========================
*
*	new-hotel
*
========================*/
#recruit .career-employment > div div.department:nth-of-type(2) dt{
	float:left;
}
#recruit .career-employment > div div.department:nth-of-type(2) dd{
	overflow:hidden;
}
#recruit .career-employment > div div:nth-of-type(2) ul.indent li{
	display:block;
	text-indent: -7px;
    padding-left: 14px;
}
#recruit .career-employment > div div:nth-of-type(2) table th{
	width: 225px;
	display:inline-block;
	text-align:left;
	text-indent: -7px;
    padding-left: 14px;
}
#recruit .career-employment > div div:nth-of-type(2) table td{
	width: 145px;
	display:inline-block;
	text-align:center;
}
#recruit .hoteladopt .adoptbox{
	max-width: 470px;
}

.displaypc{
	display:block;
}
.displaysp{
	display:none;
}
/*========================
*
*	internship
*
========================*/
#recruit .internship-area{
	max-width:860px;
	margin:0 auto 100px;
}
#recruit .internship-area .summary{
	text-align:center;
	line-height:2;
	margin-bottom:135px;
}
#recruit .internship-area .summary dt{
	font-size:18px;
	margin-top:35px;
	font-weight: bold;
}
#recruit .internship-area .summary dt:first-child{
	margin-top:0;
}
#recruit .internship-area .business{
	margin-top:40px;
}
#recruit .internship-area .business .indent{
	text-indent: -7px;
    padding-left: 14px;
}
#recruit .internship-area .business{
	display:table;
}
#recruit .internship-area .business.marketing{
	margin-top:15px;
}
#recruit .internship-area .business dt{
	width:220px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	background:#D8D7C5;
	-webkit-transform: translate(30px, 0) scale(1) skewX(-20deg);
    transform: translate(30px, 0) scale(1) skewX(-20deg);
}
#recruit .internship-area .business dt span{
	display:block;
	-webkit-transform: translate(0, 0) scale(1) skewX(20deg);
    transform: translate(0, 0) scale(1) skewX(20deg);
    
}
#recruit .internship-area .business dd{
	display:table-cell;
	line-height:2;
	padding-left:80px;
}
#recruit .internship-area .business dd span{
	font-size:18px;
}
#recruit .headsup{
	text-align:center;
	margin-top:30px;
}
#recruit .plans{
	text-align:center;
}
#recruit .plans article{
	display: inline-block;
    margin: 50px auto 0;
}
#recruit .plans article h3{
	margin-bottom:0;
}
#recruit .plans article p{
	text-align:right;
}

#recruit .application{
	max-width: 860px;
    margin: 0 auto 100px;
	text-align:center;
	line-height:2;
}
#recruit .application .fonteighteen span{
	font-size:18px;
}
#recruit .application .top20{
	margin-top:20px;
}

/*------------------------------
	career
------------------------------*/

.career-employment, .nursery {
	max-width: 750px;
    margin: 0 auto 100px;
    display: table;
    table-layout: fixed;
}

.career-employment > div {
	display: table-row;
    table-layout: fixed;
    width: 100%;
}

.career-employment > div div {
	display: table-cell;
    padding: 10px 20px;
	border-top: 1px solid #ccc;
}

.career-employment > div:last-child div {
	border-bottom:  1px solid #ccc;
}

.career-employment > div div:nth-of-type(1) {
	background: #EDEDE8;
	width: 110px;
}

.career-employment > div div:nth-of-type(2) {
	background: #FFF;
	width: auto;
}

.career-employment > div div p {
	margin: 0 0 10px;
    line-height: 1.5;
}

.wanted-job {
	max-width: 750px;
	margin: 0 auto;
}

.wanted-hotel {
	border-left: 10px solid #999;
	padding: 0 0 0 20px;
	margin: 50px 0 20px;
}

.wanted-hotel:first-child {
	margin: 0 0 20px;
}

.wanted-hotel p:nth-of-type(1) {
	font-size: 20px;
	line-height: 1.3;
	font-weight: bold;
	margin: 0 0 15px;
}

.wanted-hotel span {
	display: block;
	margin: 0 0 15px;
	font-size: 16px;
	font-weight: normal;
}

.wanted-job > dl > dt {
	background: #FFF;
	position: relative;
	border-top: 1px solid #EDEDE8;
	padding: 10px 12px 10px 31px;
	cursor: pointer;
}

.wanted-job > dl > dt:before {
	content: "";
	position: absolute;
	left: 5px;
	top: 14px;
	display: block;
	border-right: 10px solid transparent;
    border-top: 10px solid #000;
    border-left: 10px solid transparent;
}

.wanted-job > dl > dt.openjpb:before {
	content: "";
	position: absolute;
	left: 5px;
	top: 14px;
	display: block;
	border-right: 10px solid transparent;
	border-top: none;
  border-bottom: 10px solid #000;
  border-left: 10px solid transparent;
}

.wanted-job > dl > dt span {
	color: #A32035;
}

.wanted-job > dl > dd {
	padding: 15px;
	line-height: 1.5;
	display: none;
}

.wanted-job > dl > dd p {
	margin: 0 0 15px;
}

.wanted-job > dl > dd dt {
	float: left;
	background: #FFF;
	border: 1px solid #000;
	padding: 5px;
}

.wanted-job > dl > dd dl {
	overflow: hidden;
}

.wanted-job > dl > dd dd {
	padding: 0 0 0 85px;
}

.wanted-job > dl > dd dd li,
.wanted-job ul li {
	line-height: 1.6;
    margin: 0 0 10px;
    padding: 0px 0 0 21px;
    text-indent: -7px;
}

.wanted-job > p {
	margin: 15px 0 0;
}

.wanted-job > p span {
	color: #A32035;
}

.recruit-contact {
	max-width: 775px;
	margin: 0 auto;
}

.recruit-contact p {
	line-height: 2;
	margin: 0 0 50px;
}

.recruit-contact dl {
	max-width: 600px;
	margin: 0 auto;
}

.recruit-contact dl dt {
	font-size: 20px;
	margin: 0 0 18px;
	font-weight: bold;
}

.recruit-contact dl dd li {
	margin: 0 0 15px;
}

.recruit-contact dl dd li span:nth-of-type(2) {
	padding: 0 20px;
}

/*========================
*
*	inquiry
*
========================*/

.inquiry-info {
	max-width: 750px;
	margin: 0 auto 90px;
}

.inquiry-info p, .nursery p {
	line-height: 1.6;
	margin: 0 0 30px;
}

.inquiry-info div {
	border:  8px solid #edede8;
	padding: 25px;
	margin: 0 0 90px;
	line-height: 1.6;
}

.contactform {
	max-width: 750px;
	margin: 0 auto;
}

.contactform dt {
	font-size: 20px;
	border-left: 8px solid #999;
	padding: 0 0 0 10px;
	margin: 0 0 18px;
}

.contactform dt span {
	color: #b2272d;
	padding: 0 0 0 20px;
}

.contactform dd {
	margin: 0 0 60px;
}

.contactform dd input,
.contactform dd textarea{
	background: #FFF;
	border: 1px solid #999;
	border-radius: 5px;
	width: 100%;
	font-size: 16px;
	padding: 15px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.contactform dd input:focus,
.contactform dd textarea:focus {
	box-shadow: 0 0 7px #1abc9c;
	border: 1px solid #1abc9c;
}

.contactform dd textarea {
	min-height: 150px;
}

.custom {
	position: relative;
}

.custom input {
	 -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.custom input, .custom label {
    -webkit-transition: all .2s;
    transition: all .2s;
}

.custom label {
    position: absolute;
    top: 1em;
    left: 1em;
    color: #aaa;
    line-height: 1;
}

.custom input:focus + label {
	top:  -1em;
}

.contactform dd.hearf input {
	width: 50%;
}

.contactform button {
	background: #999;
	color: #FFF;
	text-align: center;
	font-size: 27px;
	padding: 25px 0;
	width: 400px;
	margin: 0 auto;
	cursor:  pointer;
	border-radius: 5px;
	display: block;
	border: 2px solid #999;
	-webkit-transition: all .5s;
    transition: all .5s;
}

.contactform button:hover {
	background: #FFF;
	color: #999;
}

.tel-contact {
	max-width: 750px;
	margin: 0 auto;
	text-align: center;
	line-height: 1.6;
}

.tel-contact > p {
	margin: 0 0 30px;
}

.tel-contact dt {
	font-size: 20px;
	margin: 0 0 10px;
}

.tel-contact dd {
	font-size: 20px;	
}

.tel-contact dd p {
	font-size: 16px;
}

/*========================
*
*	press
*
========================*/

.presstab-tit {
	font-size: 25px;
	text-align: center;
	margin: 0 0 30px;
	color: #666666;
}

#press .news-area{
	/*max-width:850px;*/
	max-width:940px;
	margin:105px auto 100px;
}
#press h3{
	font-size: 33px;
	color:#666666;
	text-align: center;
    margin: 0 0 50px;
}

.press-tabbox {
	margin: 0 0 50px;
}

.tab-btnbox {
	display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

/*.tab-btnbox > div {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
}*/

.tab-btnbox > div:nth-of-type(1) {
	width: 50px;
	padding: 10px 0;
	position: relative;
}

.tab-btnbox > div:nth-of-type(1):after {
	content: "：";
	display: block;
	position: absolute;
	right: 2px;
	top: 11px;
	width: 15px;
}

.tab-btnbox > div:nth-of-type(2) {
	 -webkit-flex: 1;
  	flex: 1;
}

.tab-btnbox > div:nth-of-type(2) ul {
	font-size: 0;
}

.tab-btnbox > div:nth-of-type(2) ul li {
	display: inline-block;
	border: 1px solid #494949;
	/*padding: 10px 20px;*/
	font-size: 16px;
	margin: 0 5px 10px 0;
	/*cursor: pointer;*/
}

.tab-btnbox > div:nth-of-type(2) ul li:last-child {
	margin: 0 0 10px 0;
}

.tab-btnbox > div:nth-of-type(2) ul li input {
	display: none;
}

.tab-btnbox > div:nth-of-type(2) ul li label {
	display: block;
	width: 100%;
	text-align: center;
	padding: 10px 20px;
	cursor: pointer;
}

.tab-btnbox > div:nth-of-type(2) ul li label:hover {
	background: #C7C7C7;
}

.tab-btnbox > div:nth-of-type(2) ul li input[type="checkbox"]:checked + label {
	background: #C7C7C7;
}

.tab-btnbox > div:nth-of-type(2) ul li i {
	margin: 0 0 0 5px;
}

/*.tab-btnbox > div:nth-of-type(2) ul li:hover {
	background: #C7C7C7;
}*/

/*.tab-btnbox > div:nth-of-type(2) ul li.on-tab {
	background: #C7C7C7;
}*/


.tab-btnbox > div:nth-of-type(2) p {
	margin: 30px 0;
	text-align: center;
	cursor: pointer;
	font-size: 25px;
}

.tab-btnbox > div:nth-of-type(2) ul.hide-tab{
	display: none;
}

/*#chbox [class*="hidden-"] {display: none;}*/

.js_target{
  display: none;
}
.js_target.js_selected{
  display: block;
}

/*#press .news-contents{
	display:table;
}
#press .year{
	width:110px;
	display:table-cell;
	vertical-align:top;
}

#press .year li {
	margin: 0 0 15px;
}

#press .year a{
	display:block;
	font-size:18px;
	color:#B2B2B2;
}
#press .year a.active-on{
	color:#000000;
}
#press .news{
	display:table-cell;
}*/

#press .news {
	max-width: 850px;
	margin: 0 auto;
}

#press .news li div:first-child{
	float:left;
}
#press .news li div:last-child{
	margin-left: 130px;
	margin-bottom:20px;
	line-height:1.5;
}
#press .news li div:last-child span{
	display:inline-block;
	color:#ffffff;
	line-height:1;
	background:#999999;
	margin-bottom:5px;
	padding:4px 5px 3px;
}

.press-info div {
	display: inline-block;
	vertical-align: middle;
}

.press-info div.el_searchResult {
	margin: 0 15px 0 0;
}

.press-info div.bl_selectBlock_release {
	width: 120px;
    padding: 10px 0;
    background: #959595;
    color: #FFF;
    text-align: center;
    border: 1px solid #959595;
	cursor: pointer;
}

.press-info div.bl_selectBlock_release:hover {
	background: #FFF;
	color: #959595;
	border: 1px solid #959595;
}

/*========================
*
*	topics
*
========================*/

.slid-po {
	position: relative;
}

.slid-po p {
	position: absolute;
	right: 5%;
	bottom: 5%;
	color: #FFF;
	font-size: 12px;
}

.slick-dots li button:before {
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    content: '•';
    content: "";
    text-align: center;
    opacity: 1;
    background: none;
    border: 2px solid #666;
    border-radius: 10px;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
	 background: #666;
}

.slick-dots li.slick-active button:before {
    opacity: 1;
    background: #666;
}

#topics article{
	text-align: center;
	line-height:2;
	margin-bottom:100px;
}
#topics article h3{
	font-size: 33px;
	line-height:1.5;
	color:#666666;
    margin: 0 0 30px;
}
#topics h4{
	font-size:23px;
	color:#999999;
	margin-bottom:15px;
}
#topics .concept-area{
	max-width:960px;
	text-align:center;
	margin:0 auto 80px;
}
#topics .concept-area .imgbox{
	width:100%;
	display:inline-block;
}
#topics .concept-area .imgbox img{
	width:32.813%;
	margin-left:0.7%;
}
#topics .concept-area .imgbox img:first-child{
	margin-left:0;
}
#topics .concept-area p{
	line-height:2;
}
#topics .concept-area .txt_desc{
	margin-top:50px;
}
#topics .concept-area .txt_desc02{
	margin-top:40px;
}
#topics .date{
	max-width:740px;
	margin:0 auto 90px;
}
#topics .date h4{
	border-bottom:solid 1px #000000;
	padding: 0 0 10px 10px;
	margin-bottom:0;
}
#topics .date li{
	border-bottom:solid 1px #999999;
	line-height:1.3;
	padding: 10px;
}
#topics .date li dt{
	width:95px;
	float:left;
}
#topics .date li dd{
	overflow:hidden;
}
#topics .date li:last-child{
	border-bottom:none;
}
/*========================
*
*	security
*
========================*/
#security .security-contents{
	max-width: 750px;
    margin: 0 auto 100px;
	line-height:1.5;
}
#security ol.security {
    margin: 30px 0 0;
    line-height: 1.5em;
    padding-left: 25px;
}
#security ol.security li{
	list-style-type: decimal;
	margin-bottom:10px;
}

#security ol.security li ul.upper-alpha li {
	list-style-type: none;
}


#security h2{
	margin: 50px 0 35px;
}
#security h3 {
    font-size: 33px;
    color: #666666;
    text-align: center;
    margin: 50px 0 35px;
}

.security-adj {
	padding: 0 0 0 30px;
}
/*========================
*
*	20250619 idsecurity
*
========================*/
#idsecurity .mt10 {
	margin-top: 10px;
}
#idsecurity .mt20 {
	margin-top: 20px;
}
#idsecurity .mt30 {
	margin-top: 30px;
}
#idsecurity .mb10 {
	margin-bottom: 10px;
}
#idsecurity .mb20 {
	margin-bottom: 20px;
}
#idsecurity .mb30 {
	margin-bottom: 30px;
}
#idsecurity p.tar {
	text-align: right;
}
#idsecurity .security-contents{
	max-width: 750px;
    margin: 0 auto 100px;
	line-height:1.5;
}
#idsecurity section {
	margin: 0 auto 80px;
	padding: 0;
}
#idsecurity section h2 {
    font-size: 33px;
    margin: 0 0 50px;
    text-align: center;
}
#idsecurity ol.security {
    margin: 30px 0 0 20px;
}
#idsecurity ol.security li {
	list-style: decimal;
	line-height: 160%;
	margin-bottom: 8px;
}

#idsecurity ul > li {
	list-style: none!important;
	text-indent:-1em;
	padding-left:1em;
}
#idsecurity ul.parenth {
	margin-left: 1em;
}
#idsecurity ul.parenth > li {
	list-style: none!important;
	text-indent: -2.6em;
    padding-left: 1em;
}



/*ツールチップ*/
.tooltip {
display: inline-block;
border-bottom: 1px dotted;
background: #fcf0c1;
padding: 1px 4px;
}
/*ツールチップ内容*/
.tooltip span {
display: none;
text-align: left;
}
.tooltip:hover {
position: relative;
}
.tooltip:hover span{
display: block;
position: absolute;
top: -180px;
left: -170px;
background: #fcf0c1;
width: 19rem;
padding: 10px;
z-index: 100;
font-size: 85%;
}
/* ツールチップフキダシ部 */
.tooltip span:before{
    content:''; 
    display:block; 
    position:absolute;                         /* relativeからの絶対位置 */
    height:0; 
    width:0; 
    bottom:-10px; 
    right:30px;
    border:10px transparent solid; 
    border-right-width:0; 
    border-left-color:#fcf0c1;
    transform:rotate(200deg);            /* 傾きをつける */
    -webkit-transform:rotate(200deg);
    -o-transform:rotate(200deg);
    z-index:100;
}


/* 
*
** width:1200px DOWN
*
*/

@media screen and (max-width:1100px) { 
	
/*========================
*
*	contants
*
========================*/

#contants,
#contants-main{
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 20px;
}
	
	#contants {
		margin: 50px auto 0;
	}
}


/* 
*
** width:850 DOWN
*
*/
@media screen and (max-width:850px) { 
/*========================
*
*	Business
*
========================*/
	
/*------------------
*	レストラン項目少バージョン
--------------------*/
	.restaurant-three > div {
    display: block;
    vertical-align: top;
	margin: 0 0 30px 0;
}
	
	.restaurant-three div.restaurant-one {
    width: 49%;
    margin: 0 auto 60px auto;
}
	
	.restaurant-three div.restaurant-two {
    width: 100%;
}
	
	.restaurant-three div.restaurant-two section article {
    display: inline-block;
    vertical-align: top;
    width: 49%;
}	
}



/* idsecurity */

dl.contact {
	display:flex;
	flex-wrap:wrap;
	margin-top:.5em;
}
dl.contact dt {
	float:left;
	width:320px;
}
dl.contact dd {
	float:left;
	width:430px;
}

dl.contact::after {
  content: "";
  display: block;
  clear: both;
}

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

dl.contact {
	display:block;
	flex-wrap:nowrap;
}
dl.contact dt {
	float:none;
	width:100%;
}
dl.contact dd {
	float:none;
	width:100%;
	padding-left:1em;
	margin-bottom:.5em;
}	
}

ul.caution li {
	text-indent:-1em;
	padding-left:1em;
}
a.link {
	border-bottom: #000 1px dashed;
}

.ml30 { margin-left: 30px!important; }