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

/*======================================
ALL
=======================================*/

.m10b {
	margin: 0 0 10px;
	}
.m20b {
	margin: 0 0 20px;
	}
.m30b {
	margin: 0 0 30px;
	}		


/*--ロゴ部分--*/
.site-branding .site-description {
    line-height: 2.6em;
}


a img:hover {
  opacity: 0.6;
  transition: 0.5s;
}

/*-- トップページ　タイトル --*/
h1.entry-title  {
    font-size: 40px !important;
    font-family: Avenir, "Helvetica neue", Helvetica, YuGothic, "Yu Gothic", "Hiragino Sans", ヒラギノ角ゴシック, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-weight: 500;
}
.header__branding {
    padding: 30px 0;
}

/*-- 本文 --*/
.entry-content {
    font-size: 15px !important;
	 color: #333 !important;
}

/*-- 日付削除 --*/
.entry__meta {
    display: none;
}

/*-- ヘッダタイトル --*/
h3.widget-title {
    font-size: 30px !important;
    font-family: Avenir, "Helvetica neue", Helvetica, YuGothic, "Yu Gothic", "Hiragino Sans", ヒラギノ角ゴシック, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: 500;	
}

/*-- 記事タイトル リンク --*/
h2.su-post-title a {
    font-size: 22px !important;
    color: #333;
    text-decoration: none;
    font-weight: normal;
    font-family: Avenir, "Helvetica neue", Helvetica, YuGothic, "Yu Gothic", "Hiragino Sans", ヒラギノ角ゴシック, メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/*-- コメント欄削除 --*/
#comments {
    display: none;
}
.su-post-comments-link {
    display: none;
}

/*-- area調整 --*/
.so-widget-sow-editor {
    padding: 0 0 50px;
}

/*--mainphotoの調整--*/
.site__content {
    margin-top: 0;
}
.entry-header {
	margin: 30px 0 50px;
}

/*--パンくず削除--*/
.breadcrumbs {
    display: none;
}

/*--wordpressコピーライト削除--*/
.footer-poweredby {
    display: none;
}

/*-- フッタータイトル--*/
#footer h2.widget-title {
	font-size: 18px;
	font-weight: normal;
}

/*--ハンバーガー＆フッター SNSアイコン--*/
header .foot-info {
	display: none;
}
.foot-info {
	padding: 0 0 20px;
}
.foot-info .sns_icon {
	margin: 0;
	padding: 0;
	display: -webkit-flex;
	display: -moz-flex;
	justify-content: center;
}
.foot-info .sns_icon li {
	list-style: none;
}
.foot-info .sns_icon li a {
	text-decoration: none;
	display: inline-block;
}
.foot-info .sns_icon li a span {
	display: none;
}
.foot-info .sns_icon li a::before {
   font-family: "Font Awesome 5 Brands";
   font-weight: 500;
   font-size: 2em;
   margin: 20px;
   color: #fff;	
	transition : all 0.5s ease 0s;	
}
.foot-info .sns_icon li a:hover::before {
	color: #a39b8d;	
}

.foot-info ul.sns_icon > li.instagram a::before {
   content: "\f16d";
}
.foot-info ul.sns_icon > li.twitter a::before {
   content: "\f099";
}
.foot-info ul.sns_icon > li.facebook a::before {
   content: "\f082";
}
.foot-info ul.sns_icon > li.line a::before {
   content: "\f3c0";
}
.foot-info ul.sns_icon > li.youtube a::before {
   content: "\f167";
}

/*--フッター用　記事リンク--*/
.ys-post-list ul {
	border-bottom: 1px dotted #666;
}
.ys-post-list ul li {
	border-top: 1px dotted #666;
	padding: 10px 0;
}

/*--フッター用　連絡先--*/
.footer-widget__column {
	font-size: 14px;
}

/*--フッター用　外部リンク--*/
#footer .so-widget-sow-editor {
	padding: 0!important;
}
#footer #footer-navi ul {
	padding: 0;
}
#footer #footer-navi ul li {
	padding: 8px 0;
	line-height: 1.4em;
	list-style: none;
	font-size: 14px;
}
#footer #footer-navi a,
#footer .footer-nav ul li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
	color:#fff!important;
}
#footer #footer-navi  a::after,
#footer .footer-nav ul li a::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #ffffff;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}
#footer #footer-navi a:hover::after,
#footer .footer-nav ul li a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

#footer .footer-nav__menu {
    justify-content: left;
	line-height: 2em;	
}
#footer .footer-nav ul#menu-global-navi li {
    margin: 0 10px 0 0;
}

/*--フッター用　コピーライト--*/
#footer .footer-main {
    padding-bottom: 0;
}
#footer .site-info {
	background: #000;
	padding: 20px;
	margin: 30px 0 0 0;
}
#footer .site-info p {
	font-size: 12px!important;
}

/*---フッター　ページトップへ戻る--*/
.grecaptcha-badge {
    bottom: 70px!important;
    z-index: 100;
}
#back-to-top {
    bottom: 0;
    right: 0;
	zoom: 120%;
}
#back-to-top .back-to-top__content {
	background:#a39b8d;
	 transition : all 0.3s ease 0s;
}
#back-to-top .back-to-top__content:hover {
	background:#352f26;
	 transition : all 0.3s ease 0s;
}


/*======================================
Shortcodes Ultimate 
=======================================*/

/*-- ショートコードの修正 --*/

.su-posts-default-loop .su-post {
  margin-bottom: 1em !important;
  line-height: 2 !important;
}
.su-posts-default-loop .su-post-thumbnail {
  width: 100% !important;
  height: auto !important;
}
.su-posts-default-loop .su-post-thumbnail img {
  max-width: 100% !important;
  max-height: 100% !important;
  border-radius: 5px !important;
}
.su-posts-default-loop h2.su-post-title {
  margin: 10px 0 0 0 !important;
}
.su-posts-default-loop .su-post-meta {
  display: none;
}
.su-posts-default-loop .su-post-excerpt {
  display: none;
}

/*======================================
ナビ
=======================================*/

/*-- ナビの背景回りこみ防止 --*/
#global-nav {
	z-index: 99999;
}
/*-- ナビの高さ調整 --*/
.global-nav {
	padding: 58px 0 50px 0 !important;
}

/*-- スマホ ハンバーガー調整 --*/
.global-nav__btn {
	position: absolute;
	top: 31px;
	right: 15px;
	border: 0;
	background: 0;
	padding: 5px 0;
	outline: none;
	z-index: 999999;
}

/*--グローバルナビ 2階層目--*/
.global-nav__menu .sub-menu {
    visibility: hidden;
    z-index: var(--z-index-global-nav-sub-menu);
    position: absolute;
    top: 100%;
    left: 0;
    margin-left: 0;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    transition: opacity .3s,background-color .3s;
}
.global-nav__menu .sub-menu a {
    padding: 20px 40px;
	 transition : all 0.5s ease 0s;	
}
.global-nav__menu .sub-menu a:hover {
	background: #a39b8d;
	color: #fff;
}
.global-nav__menu .sub-menu a:before {
    margin-right: 0;
    content: "";
    transition: all .3s;
}
.global-nav__menu .sub-menu a:hover:before, .global-nav__menu .sub-menu a:hover:before {
  margin-left: 0;
	
}

/*--グローバルナビ 外部リンク--*/
ul#global-nav__menu li#menu-item-1181 a,
ul#global-nav__menu li#menu-item-1176 a,
ul#global-nav__menu li#menu-item-1177 a {    
	border-bottom: 1px solid #fff;
	padding: 0 25px 0 0;
}
ul#global-nav__menu li#menu-item-1181 a:hover,
ul#global-nav__menu li#menu-item-1176 a:hover,
ul#global-nav__menu li#menu-item-1177 a:hover {    
	border-bottom: 1px solid #a39b8d;
}
ul#global-nav__menu li#menu-item-1181 a::before,
ul#global-nav__menu li#menu-item-1176 a::before,
ul#global-nav__menu li#menu-item-1177 a::before {    
	content: '\f35d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	right: 0;
	position:absolute;
}
.svg-inline--fa.fa-w-18 {
	display: none;
}


/*======================================
コンテンツ
=======================================*/

/*--よくあるご質問--*/
.su-service-title {
    color: #333;
    font-weight: normal !important;
    line-height: 2em !important;
    padding: 10px 0 0 0;
}
.su-service {
    margin: 0;
}
.sui-question {
    padding: 0px 0 0 0;
}
.sui-exclamation {
    padding: 14px 0 0 0;
    color: orange !important;
}

/*--フォームボタン--*/
.wpcf7-submit {
	border: 5px solid orange !important;
	background: orange !important;
	border-radius: 5px;
	margin: 0 auto !important;
	display: block;
	padding: 15px 50px !important;
	font-size: 16px;
}
.wpcf7-submit:hover {
	border: 5px solid #292b2c !important;
	background: #999 !important;
	color: #fff !important;
}


/*--詳細はこちらボタン--*/
.button-detail {
	overflow: hidden;
	_zoom: 1;
  }

.button-detail a {
	border: 5px solid orange !important;
	background: orange !important;
	border-radius: 5px;
	margin: 0 auto !important;
	display: block;
	padding: 15px 50px !important;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	line-height: 1.2em;
  }
.button-detail a:hover {
	border: 5px solid #292b2c !important;
	background: #999 !important;
	color: #fff !important;
  }
/*--イベント終了・待機中--*/
.button-detail {
	margin: 30px auto;
	background:#bbb;
	border-radius: 5px;
	display: block;
	float: left;
	font-size: 14px;	
	color: #fff;
	font-weight: normal;
	text-align: center;
	line-height: 1.2em !important;
  }
@media only screen and (max-width: 767px) {
.button-detail a {
	float: none;
	margin: 0 auto;
}
.button-detail {
	float: none;
	margin: 20px auto 40px;
}
}

/*--募集無し--*/
.no-recruitment {
background-color: #ECECEC;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
	padding: 80px 0;
	border-radius: 5px;
}

/*--スタッフインタビュー用バナーナビ--*/
iframe.staff-interview-iframne {
	width: 100%;
	height: 1200px;
	border: none;
}

div.staff-interview-nav ul {
    display: flex;
	flex-wrap: wrap;
	padding: 0;
}
div.staff-interview-nav ul li {
    width: calc((100% - 45px) / 4 );
	margin-bottom: 50px;
	margin-right: 15px;
	position: relative;
	list-style: none;
}
div.staff-interview-nav ul li:nth-child(4n) {
    margin-right: 0;
  }
div.staff-interview-nav ul li img {
    width: 100%;
    margin-bottom: 4px;
  }
div.staff-interview-nav ul li a {
	text-decoration: none;
    color: #333;
    font-family: Avenir,Helvetica neue,Helvetica,YuGothic,Yu Gothic,Hiragino Sans,ヒラギノ角ゴシック,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,sans-serif;
    letter-spacing: .1em;
    line-height: 1.7;
  }
div.staff-interview-nav ul li h3 {
   font-weight: normal;
	font-size: 20px;
	padding: 0;
	margin: 5px 0;
  }


/*======================================
スマホサイト
=======================================*/

@media only screen and (max-width: 1100px) {
/*-- テンプレートロゴ調整 --*/
.site-header {
    padding: 18px 0 10px;
}
/*--グローバルナビ--*/
header .foot-info {
	display: block;
}	
.global-nav__toggle.is-open+.global-nav {
	z-index: 500;
}
.site-header button {
	zoom: 120%;
	z-index: 600;	
}
.global-nav__container {
    padding: 0;
}
.global-nav__menu>.menu-item {
	padding: 0;
	margin: 0;
}
.global-nav__menu>.menu-item>a {
    line-height: 1.0;
	padding: 20px;
	border-top: 1px solid #444;
}
.global-nav__menu .sub-menu a:before {
    margin-right: 0.5em;
    content: "";
    transition: all .3s;
}

ul#global-nav__menu li#menu-item-1181 a,
ul#global-nav__menu li#menu-item-1177 a {    
    line-height: 1.0;
	padding: 20px;
	border-top: 1px solid #444;
	border-bottom: none;
	background:#222;
}
ul#global-nav__menu li#menu-item-1181 a::before,
ul#global-nav__menu li#menu-item-1176 a::before,
ul#global-nav__menu li#menu-item-1177 a::before {    
	right: 20px;
}
.global-nav__menu .sub-menu {
    position: relative;
    text-align: left;
	padding: 0 0 20px;
}
.global-nav__menu .sub-menu li a {
	padding: 10px 30px;
}	
#global-nav__menu {
	margin: 0 auto 50px;
}
	
/*--フッター用 SNSアイコン--*/	
.foot-info {
	zoom: 90%;
}
	
/*--スタッフインタビュー用バナーナビ--*/
iframe.staff-interview-iframne {
	width: 100%;
	height: 1500px;
	border: none;
}
div.staff-interview-nav ul li {
    width: calc((100% - 15px) / 2 );
	margin-bottom: 30px;
	margin-right: 15px;
	position: relative;
	list-style: none;
}
div.staff-interview-nav ul li:nth-child(3n) {
    margin-right: 15px;
  }
div.staff-interview-nav ul li:nth-child(2n) {
    margin-right: 0;
  }
div.staff-interview-nav ul li a {
	font-size: 12px;
  }
div.staff-interview-nav ul li h3 {
	font-size: 18px;
  }	
    
}

@media only screen and (max-width: 1100px) {
/*--ナビゲーション　デザイン修正--*/
#global-nav {
	padding: 58px 0 50px 0 !important;
}
#global-nav a {
	padding: 0.8em 1.5em;
	border-top: 1px dotted #666;
}
#global-nav ul li ul li {
	font-size: 11px;
	padding: 0 0 0 2.2em;
}
	
/*--mainphotoの調整--*/
.entry-header {
	margin: 0 0 20px;
}
/*-- area調整 --*/
.so-widget-sow-editor {
    padding: 0 0 0;
}
/*-- トップページ　タイトル --*/
h1.entry-title  {
    font-size: 24px !important;
}
/*-- ヘッダタイトル --*/
h3.widget-title {
    font-size: 24px !important;
}
/*-- 記事タイトル リンク --*/
h2.su-post-title a {
    font-size: 14px !important;
}
/*--よくあるご質問--*/
.su-service-title {
    display: block;
    margin-bottom: 0.5em;
    color: #333;
    font-weight: normal !important;
    padding: 10px 0 0 0;
    font-size: .9em !important;
    line-height: 2em !important;
}
}


/*======================================
iPad調整
=======================================*/

@media screen and (min-width: 481px) and (max-width: 1100px) {

	/*--スタッフインタビュー用バナーナビ--*/
iframe.staff-interview-iframne {
	height: 1500px;
}
	div.staff-interview-nav ul li {
    width: calc((100% - 30px) / 3 );
	margin-bottom: 50px;
	margin-right: 15px;
	position: relative;
	list-style: none;
}
div.staff-interview-nav ul li:nth-child(2n) {
    margin-right: 15px;
  }
div.staff-interview-nav ul li:nth-child(3n) {
    margin-right: 0;
  }

}