@charset "UTF-8";
/*
Theme Name: Emanon Premium child
Theme URI: https://wp-emanon.jp/emanon-premium/
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Premiumnの子テーマです。
Template: emanon-premium
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options
*/


a, a:hover, a:visited, a:active, a:focus {
    text-decoration: none !important;
}

/* 画像 */
.article-header__thumbnail > img {
	border-radius: 8px;
}
.wp-block-image {
	margin-top: 40px !important;
}
.header-menu .sub-menu .menu-item a {
    font-size: 0.9rem;
}
.triangle {
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  bottom: 8px;
  right: 8px;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #fff;
}
@media screen and (min-width: 600px) {
  .home .u-narrow-width__center,
  .home .u-narrow-width__left {
  	max-width: 700px;
    margin-top: 2rem;
  }
}
.u-row-cont-center {
    justify-content: right;
}
.header-eyecatch__image {
  text-align: right;
  width: 232px;
  position: absolute;right: 60px;top: -90px;
}
.header-eyecatch__item {
    top: 77%;
}
.c-section-widget__title {
	font-size: 1.8rem;
}
@media screen and (max-width: 600px) {
  .header-eyecatch__image {
    text-align: right;
    width: 150px;
    position: absolute;
    right: 19px;
    top: -14px;
  }
}

/***** table ******/
table, table th, table td {
  border: 4px solid #ebf0f1 !important;
}
table td.column-1 {
  width: 22%;
}
.normal_table table tr td:first-child {
  width: 22%;
}
@media screen and (max-width: 599px) {
	table td.column-1 {
	  width: 100%;
		background: #ebf0f1 !important;
	}
	table tbody td.column-2 {
	  text-align: left;
	}
	.tablepress-responsive-stack-phone tbody td:first-child {
    border-top: none !important;
	}
	.normal_table table tr td:first-child {
	  width: 30%;
	}
}

/****************************
 *
 * layout調整
 *
****************************/
.home #contents {
    background: none;
}
#contents {
    background: url("images/common/page_bg.png") center top no-repeat;
    background-size: contain;
}
.epb-background__wrapper.is-style-epb-fixed-radius__0.is-style-epb-fixed-radius__up-bottom {
    background: transparent !important;
}
.foot_cta .epb-background__wrapper.is-style-epb-fixed-radius__0.is-style-epb-fixed-radius__up-bottom {
    background: #333 !important;
}
@media screen and (min-width: 1200px) {
.home .one-col .l-content__main {
    width: 1180px !important;
  }
.one-col .l-content__main {
    width: 900px !important;
  }
}
@media screen and (max-width: 600px) {
  /* .home #contents {
      margin-top: 2rem;
  } */
}

/****************************
 *
 * common
 *
****************************/
h1 {
    text-align: center;
}
.article-body ul:not([class*="wp-block-"]) li:not(.contents-outline__item),
.article-body ol:not([class*="wp-block-"]) li:not(.contents-outline__item) {
	line-height: 1.6;
  margin: .15rem auto;
}
.epb-balloon__text {
    font-size: 16px !important;
}

.header-menu .sub-menu {
    min-width: 230px;
}

/****************************
 *
 * home
 *
****************************/

.home .c-section-widget__title {
  font-size: 1.4rem;
  letter-spacing: 0;
  font-weight: 500 !important;
}
.home .c-section-widget__sub-title {
  color: #FFF !important;
  font-size: 1.1rem;
  background: #00A491;
  margin-top: .6rem;
  border-radius: 30px;
  padding: .2rem 1rem;
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 1200px) {
  .home .c-section-widget__title {
  	font-size: 1.6rem;
  }
  .home .c-section-widget__sub-title {
    color: #FFF !important;
  	font-size: 1.3rem;
  	background: #00A491;
  	margin-top: .6rem;
  	border-radius: 3px;
  	padding: .2rem 1rem;
    font-weight: 500;
  }
}
.home .c-section-widget__lead {
	line-height: 1.8;
}

@media screen and (min-width: 600px) {
  /***** ヘッダーニュース ******/
  .header-news {
  	margin-top: 55px;
  	margin-bottom: 0;
  }
  .home .u-narrow-width__center,
  .home .u-narrow-width__left {
    margin-top: 0;
  }
}

/***** ストーリー ******/
.home .article-body .storyBox {

}
.home .article-body .storyBox .wp-block-emanon-premium-blocks-panel {
  padding-bottom: 0px !important;
}

/***** サービス ******/
.home .article-body .serviceBox h3 {
	margin: .5rem 0 2rem 0;
  position: relative;
  margin-bottom: 2em;
  font-weight:bold;
}
.home .article-body .serviceBox h3::before {
  content: '';
  position: absolute;
  bottom: -20px;
  display: inline-block;
  width: 20px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
}
@media screen and (max-width: 600px) {
  .home .epb-column-sp-6 .epb-panel__wrapper {
  	padding: 15px !important;
    border-radius: 5px !important;
  }
  .home .article-body .serviceBox h3 {
    font-size: 19px !important;
  }
}

/***** 採用情報 ******/
.home .recruit_intro {
  text-align: center;
}
.home .recruit_intro h3 {
  font-size: 1.5rem;
  letter-spacing: 0;
  background: #EDE436;
  font-weight: 600 !important;
  text-align: center;
  border-radius: 50px;
  display: inline-block;
  padding: .6rem 4.5rem;
  margin-bottom: .5rem;
  line-height: 1.5;
  margin-top: 8px;
}
.article-body h3:not([class*="wp-block-"]):not(.epb-advance-headling__text) {
	margin-top: 18px;
}
.home .recruit_intro p {
  letter-spacing: 0;
  font-size: 1.3rem;
  color: #00A491 !important;
  font-weight: 700 !important;
}
.home .article-body .recruitBox h3 {
	margin: .5rem 0 2rem 0;
  position: relative;
  margin-bottom: 3em;
  font-size: 20px;
  font-weight:bold;
}
.home .article-body .recruitBox h3::before {
  content: '';
  position: absolute;
  bottom: -25px;
  display: inline-block;
  width: 30px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
}
.home .article-body .recruitBox .recruit01 {
  padding-bottom: 90px !important;
  background: url(/wp-content/uploads/2021/12/recruit01_img.png) no-repeat center bottom;
  background-color: #ebf0f1;
  background-size: 90px;
}
.home .article-body .recruitBox .recruit02 {
  padding-bottom: 90px !important;
  background: url(/wp-content/uploads/2021/12/recruit02_img.png) no-repeat center bottom;
  background-color: #ebf0f1;
  background-size: 90px;
}
.home .article-body .recruitBox .recruit03 {
  padding-bottom: 90px !important;
  background: url(/wp-content/uploads/2021/12/recruit03_img.png) no-repeat center bottom;
  background-color: #ebf0f1;
  background-size: 90px;
}
.home .article-body .recruitBox .wp-block-columns .epb-panel {
  height: auto;
}

@media screen and (max-width: 600px) {
  .home .recruit_intro h3 {
    font-size: 1.3rem;
    background: #EDE436;
    border-radius: 50px;
    padding: .6rem 1rem;
  }
  .home .recruit_intro p {
    font-size: 1.15rem;
  }
}

/***** スライド ******/
.article-body .slideBox .epb-l-content__main {
  max-width: 100% !important;
}
.article-body .slideBox ul.slider {
  width: 100%;
  display: flex;
  margin: auto;
}
.article-body .slideBox ul.slider li {
  height: auto;
  margin: 0 9px;
}
.article-body .slideBox ul.slider li img {
  object-fit: cover;
  margin: 0;
}
.article-body ul.slider {
	margin-left: 0 !important;
}

@media screen and (min-width: 600px) {
  .home .c-section-widget__title {
  	font-size: 1.7rem;
  }
  .home .c-section-widget__sub-title {
    letter-spacing: 0;
  	font-size: 1.6rem;
  	background: #00A491;
  	color: #FFF !important;
  	margin-top: 1rem;
  	border-radius: 50px;
  	font-weight: 500;
  	padding: .2rem 0;
  }
  .home .c-section-widget__lead {
  	line-height: 1.9;
  }
}

.article-body h2:not([class*="wp-block-"]):not(.epb-advance-headling__text) {
	margin-top: 56px;
	line-height: 1.6;
  color: #FFF;
  background: #00a491;
  border-radius: 5px;
  padding: .5rem 1rem;
}
.wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright {
    display: table;
    width: 100% !important;
}

/****************************
 *
 * service
 *
****************************/
table#tablepress-5 td.column-1 {
  width: 32%;
}
table#tablepress-5 td.column-1 {
  background: #fff6f6;
}
.article-body h2 {
  margin-top: 3.5rem;
}
@media screen and (max-width: 599px) {
	table#tablepress-5 td.column-1 {
	  width: 100%;
	}
}

/****************************
 *
 * story
 *
****************************/
.story_ttl {
  margin-top: -30px !important;
}
.story_ttl .epb-background__wrapper, .story_box {
  background: transparent !important;
}
.article-body .storyIndex_box h2 {
  background: none !important;
  color: #333 !important;
  padding-left: 0 !important;
  margin-top: 0 !important;
}
.article-body .storyIndex_box .story04 {
  background: url(http://localhost:10014/wp-content/uploads/2021/12/story04_icn.png) no-repeat center 20px;
  background-size: 91px;
}
.article-body .storyIndex_box .story03 {
  background: url(http://localhost:10014/wp-content/uploads/2021/12/story02_icn.png) no-repeat center 20px;
  background-size: 91px;
}
.article-body .storyIndex_box .story02 {
  background: url(http://localhost:10014/wp-content/uploads/2021/12/story03_icn.png) no-repeat center 20px;
  background-size: 91px;
}
.article-body .storyIndex_box p {
  margin-top: 0 !important;
}
.article-body .storyIndex_box .wp-block-column {
  border: 6px solid #ebf0f1;
  border-radius: 10px;
}

/****************************
 *
 * story個別ページ
 *
****************************/
.story_pagettl {
  background-image: url(images/story/story_ttl_bg1.png), url(images/story/story_ttl_bg2.png);
  background-position: left 140px top 20px, right 140px top 20px;
  background-size: 135px auto, 135px auto;
  background-repeat: no-repeat, no-repeat;
}
@media screen and (max-width: 599px) {
	.story_pagettl {
	  background-position: left 0 top 20px, right 0 top 20px;
	  background-size: 100px auto, 100px auto;
	}
}

/****************************
 *
 * foot_cta
 *
****************************/
.foot_cta {
  margin-top: 4rem;
}
.foot_cta h3 {
  border-radius: 50px;
}
.foot_cta .cta_tel:before {
  content: '☎';
  color: #FFF;
  margin-right: 5px;
}

/****************************
 *
 * recruit
 *
****************************/
p.occupation {
  border-radius: 30px !important;
  width: 400px;
  font-weight: 600;
}
.btn_essential {
  margin-left: 20px;
}
.feature_box {
  background: url(images/recruit/feature_txt.svg) no-repeat left top;
  background-size: 415px;
  padding-top: 70px;
  margin-top: 90px !important;
}
ul.recruit_list {
  border: 6px solid #ecf1f2;
  border-radius: 10px;
  padding: 1rem;
  margin-left: 0 !important;
}
.feature_box ul.recruit_list {
  width: 475px;
}
ul.recruit_list li {
  list-style-position: outside;
  margin-left: 1rem !important;
}
@media screen and (min-width: 1200px) {
  .epb-broken-grid__media--s {
      width: 88% !important;
  }
}
.environment_box {
  background: url(images/recruit/environment_txt.svg) no-repeat right top;
  background-size: 730px;
  padding-top: 70px;
  margin-top: 90px !important;
	margin-bottom: 100px !important;
}
.peaple_box {
  background: url(images/recruit/peaple_txt.svg) no-repeat center 80px;
  background-size: 585px;
  padding-top: 70px;
  margin-top: 40px !important;
}
.peaple_box .wp-block-image {
  margin-top: 0 !important;
}
.messege_box {
  background: url(images/recruit/message_txt.svg) no-repeat center 80px;
  background-size: 760px;
  padding-top: 70px;
  margin-top: 80px !important;
  border-radius: 20px;
}
.recruit_ctaBox {
  background-image: url(images/recruit/cta_img1.png), url(images/recruit/cta_img2.png);
  background-position: left 180px top 20px, right 190px top 20px;
  background-size: 225px auto, 215px auto;
  background-repeat: no-repeat, no-repeat;
  margin-top: 130px !important;
  margin-bottom: -40px !important;
}

@media screen and (max-width: 599px) {
	p.occupation {
	  width: 100%;
	}
	.feature_box {
		background-position: center top;
	  background-size: 85%;
	  padding-top: 70px !important;
	  margin-top: 50px !important;
	}
	.feature_box ul.recruit_list {
	  width: 100%;
	}
	.mv .wp-block-emanon-premium-blocks-button.btn_essential {
		justify-content: center;
		margin-left: 0;
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.environment_box {
		background-position: center top;
	  background-size: 100%;
	  padding-top: 47px !important;
	  margin-top: 50px !important;
	}
	.peaple_box {
		background-position: center 90px;
	  background-size: 90%;
	  padding-top: 50px !important;
	  margin-top: 20px !important;
	}
	.messege_box {
		background-position: center 90px;
	  background-size: 90%;
	  margin-top: 20px !important;
		padding: 45px 20px 45px 20px !important;
	}
	.recruit_ctaBox {
	  background-image: url(images/recruit/cta_img2.png), url(images/recruit/cta_img1.png) ;
	  background-position: center 0px top 0px, center 0px top 0px;
	  background-size: 120px auto, 125px auto;
	  margin-top: 80px !important;
	  margin-bottom: -40px !important;
		padding-top: 170px;
	}
	.recruit_ctaBox .epb-l-content__main>* {
	  margin-top: 20px !important;
	}
}

/****************************
  インタビュー
****************************/
.interview_box .wp-block-image {
  margin-top: 0 !important;
}

.feature_ttl_right {
	background: url(images/recruit/feature_ttl_bg.png) no-repeat;
	background-position: right 70px top 80px;
  background-size: 225px;
  padding-top: 70px;
  margin-top: 40px !important;
}
.feature_ttl_left {
	background: url(images/recruit/feature_ttl_bg.png) no-repeat;
	background-position: left 60px top 130px;
  background-size: 225px;
  padding-top: 70px;
  margin-top: 40px !important;
}
.epb-faq__answer__body>* {
    margin-top: 1.5rem;
}
.epb-faq__question__body[data-fontweight="normal"] {
    font-weight: bold;
}
@media screen and (max-width: 599px) {
	.feature_ttl_right, .feature_ttl_left {
		background-position: right 10px top 140px;
	  background-size: 200px;
	  margin-top: 20px !important;
	}
	.feature_ttl_left {
		background-position: right 10px bottom 0px;
	  background-size: 200px;
	  margin-top: 20px !important;
	}
}


/****************************
 *
 * form
 *
****************************/
form p {
  margin-bottom: 1.5rem;
	line-height: 2;
}
form p span {
  margin-top: 10px;
	line-height: 2;
}
.must {
	background: #FF1A00;
}
/* 任意マーク */
.free {
	background: #999;
}
.must,
.free {
	color: #FFF;
	border-radius: 3px;
	font-size: 12px;
	margin-right: 10px;
	padding: 2px 10px;
	letter-spacing: 0.2em;
}
/* フォーム入力項目 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea  {
	 width: 100%;
	 padding: 8px 15px;
	 margin-right: 10px;
	 margin-top: 10px;
	 border: 1px solid #ddd;
	 border-radius: 3px;
}
/* 送信ボタン */
input.sub-btn {
	width: 300px;
	height: 60px;
	background: #F90;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #ffae13;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
/* 送信ボタンホバー */
input.sub-btn:hover{
	background: #FFF;
	color: #F90;
}
form .center {
	text-align:center;
}
form p span.small {
	font-size: 14px;
	line-height: 1.4;
	color: #666;
	margin-top: 0;
}


.epb-buttons>.epb-button.epb-btn-margin-sp-m {
    margin-right: 0 !important;
}
@media only screen and (min-width: 600px){
	.epb-buttons>.epb-button.epb-btn-margin-sp-m {
	    margin-right: 28px !important;
	}
}

.hamburger-close-menu {
    margin-bottom: 20px !important;
}

ol.dx_list {
    list-style: decimal outside;
    margin-left: 1rem;
    margin-top: 1rem !important;
}
.dx_list li {
    margin: 1rem 0;
}