@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 700px) {
.sp{display:none;}
.flex-box{
    display: flex;
    flex-flow: wrap;
}
.wrap-m {
    width: 96%;
}
.lead-m {
    font-size: 17px;
    font-size: 1.7rem;
}

/*===================================================
table(全頁共通)
===================================================*/
/*basic-table SP時全て縦長*/
table.basic-table th {
    display: table-cell;
}
table.basic-table td {
    display: table-cell;
    padding: 1rem;
}
table.basic-table.type-03 th {
    display: table-cell;
    width: 100%;
    height: 50px;
}

/*===================================================
header min-width: 700px
===================================================*/
.sp.header-wrap {
    display: block;
}

/*===================================================
tab　社員座談会 min-width: 700px
===================================================*/
#recruit .crosstalk .wrap-qa{
    max-width: 900px;
    margin: auto;
    justify-content: space-between;
}


}

/*ipad pro以上*/
@media screen and (min-width: 1024px) {
/*===================================================
共通スタイル
===================================================*/
.pc{display: block;}
.container {
    max-width: 1040px;
}
.wrap-m {
	max-width:960px;
}
#recruit main {
    padding-top: 0;
}
#recruit section{
    clear: both;
}
/*
===================================================
見出し、フォント　トップと下層の共通 要件書参照
===================================================
*/
.lead-m {
    font-size: 18px;
    font-size: 1.8rem;
}
.lead-s {
    font-size: 16px;
    font-size: 1.6rem;
}

/*------------------------------
ヘッダー ※変更不可
------------------------------*/
/*min-width700用の打消し*/
.sp.header-wrap {
    display:none;
}

/*////////////////
Gナビ(全頁共通)
////////////////*/
nav.gNav {
	background-color: #52B119;
    height: 36px;
    border-bottom: 1px solid #52B119;
}
ul.gNavMenu {
    width: 1040px;
    margin: 0px auto;
}
ul li.gNavMenu_item{
    font-size: 16px;
    font-size: 1.6rem;
    float: left;
    line-height: 2.3;
}
li.gNavMenu_item span.on{
    border-bottom: 4px solid #FFFFFF;
    padding-bottom: 2px;
}
li.gNavMenu_item:hover {
    -webkit-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    background-color: rgba(255, 255, 255, 0.3);
}
li.gNavMenu_item a:link,
li.gNavMenu_item a:visited {
	color: #fff;
    padding-left: 15px;
    border-left: 1px solid rgba(122, 201, 67, 0);
    border-right: 1px solid #FFFFFF;
    padding-right: 15px;
    text-decoration: none;
    line-height: 1.8;
    -webkit-transition: background .3s ease-in-out;
}
li.gNavMenu_item.last a{
    border-right:none;
}

/*===================================================
table(全頁共通)
===================================================*/
table.basic-table ul li {
    line-height: 1.2;
}
table.basic-table ul li p {
    margin: 1% 0 4%;
}

}




/*・・・ココカラ採用情報・・・*/
/*===================================================
採用トップページmin-width: 700px
===================================================*/
@media screen and (min-width: 700px) {
#recruit h2.h2ttl-common {
    font-size: 28px;
    font-size: 2.8rem;
}
#recruit h2.h2ttl-top {
	 /*IE*/
    background-image: none;
	border-bottom: none;
    font-size: 28px;
}
#recruit #top-rinen .zinbutu {
    width: 100%;
}
#recruit #top-rinen .bg-box {
    padding: 40px 0;
    width: 49%;
    margin-bottom: 10px;
}
#recruit #top-rinen .bg-box:last-child {
    width: 99%;
    padding: 40px;
}
#recruit #three-strength .contain-box {
    padding: 4rem 5rem;
}
#recruit #three-strength dt {
        padding-bottom: 0;
        max-width: 64px;
        width: 10%;
        padding-top: 3px;
}
#recruit #three-strength dl {
    padding: 0;
    display: flex;
    margin-bottom: 1rem;
}
#recruit #three-strength dd {
	font-size: 16px;
	line-height: 1.4;
}
#recruit #top-tuyomi h3 {
    font-size: 24px;
    font-size: 2.4rem;
}
#recruit #top-tuyomi #well-being ul li {
    font-size: 16px;
    text-indent: -25px;
}
#recruit .page-link a {
    line-height: 2;
}
#recruit #banner .box-wrap {
    display: flex;
    justify-content: space-evenly;
}
#recruit #banner ul li.bnr img {
    width: auto;
    height: auto;
    padding: 0 1%;
}
#recruit .box-wrap.mini, 
#recruit .mikeiken .box-wrap.mini {
    display: flex;
}
#recruit .box-wrap.mini li,#recruit .mikeiken .box-wrap.mini li {
    max-width: 100%;
}
#recruit .box-wrap.gra{
    max-width: 700px;
}
#recruit #top-tuyomi .box-wrap.gra li img{
    max-width: 180px;
    min-width: 180px;
}

/*===================================================
フォトギャラリー min-width: 700px
===================================================*/
#recruit .photobox {
    display: flex;
}
#recruit .office .office-photo {
    width: calc(99%/2);
}
#recruit .office .office-photo {
    margin-right: 1rem;
}
#recruit .office .office-photo:nth-child(even) {
    margin-right: 0;
}
/*===================================================
募集要項 requirement min-width: 700px
===================================================*/
#recruit .requirement-mynavi_box{
    display: flex;
    justify-content: flex-start;
}
#recruit .requirement .mynavi_btn {
    margin-left: 0;
    margin-right: 2rem;
}
#recruit .requirement .menu-link a{
    font-size: 1.6rem;
}
#recruit .requirementtable {
    margin: 85px auto 20px;
    padding-top: 30px;
}
#recruit .requirementtable th{
    padding:10px 3em 10px 16px;
    text-align: left;
    word-break: keep-all;
}
#recruit .requirementtable td{
    padding: 16px;
    line-height:1.8;
}	
#recruit .requirementtable td span{
	padding-left:20px;
}	
#recruit .requirement #entry {
	position:inherit;
	text-align:center;
	margin-bottom:80px;
}
#recruit .requirement .menu-link li a:link,.requirement .menu-link li a:visited {
    padding: 40px;
}
#recruit .requirement .menu-link li a::after {
    right: 30px;
}
h2.requirement-ttl{
    padding: 30px;
    margin: 80px 0;
}
/*===================================================
社員インタビュートップ min-width: 700px
===================================================*/
#recruit #interview-TOP .main-copy {
    font-size: 24px;
    font-size: 2.4rem;
    margin-top: 24px;
}
#recruit .entryform .rec-announce {
    padding: 50px;
}
#recruit .rec-mynavilink-box{
    display: flex;
    justify-content: space-evenly;
}

/*//////////////////////////////
女性採用ページ
//////////////////////////////*/
#recruit .for-women h3.h3-fw-ttl {
    font-weight: 800;
    font-size: 28px;
    font-size: 2.8rem;
}
#recruit .for-women .inerview .introduce h3 {
    font-size: 32px;
    font-size: 3.2rem;
}
#recruit .for-women .btn .p-btn-ttl {
    width: 96%;
}
#recruit .for-women .btn .arrow {
    width: 4%;
}
#recruit .for-women .btn-box {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
}
#recruit .inerview .introduce .appeal {
    max-width: 600px;
}
#recruit .for-women .box-wrap li {
    width: 33%;
    margin-bottom: 3em;
    max-width: 209px;
}
#recruit .for-women .btn-box .btn-color-pink {
    max-width: 100%;
    padding: 20px 2em;
}
#recruit .for-women .fw-interview-box img {
    max-width: 448px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/*------------------------------
fw-work 女性の働きやすさを追求
------------------------------*/
#recruit .for-women .fw-work .flex-box {
    justify-content: center;
}
#recruit .for-women .fw-work .fw-work-box-list {
    width: 45%;
    padding: 0;
    align-items: stretch;
    display: grid;
    background-color: #FFFFFF;
    margin: 0 10px 10px;
}
#recruit .for-women .fw-work .fw-work-box-list .text-box p.ttl {
    font-size: 24px;
    font-size: 2.4rem;
}
#recruit .for-women .fw-work .fw-work-box-list .text-box p {
    font-size: 16px;
    font-size: 1.6rem;
}
#recruit .for-women .fw-work .lead p{
    text-align: center;
    font-size: 20px;
    font-size: 2.0rem;
}
/*------------------------------
fw-interview インタビュー
------------------------------*/
#recruit .for-women .fw-interview .name {
    display: block;
    font-size: 24px;
    font-size: 2.4rem;
}
#recruit .for-women .fw-interview .message{
    font-size: 16px;
    font-size: 1.6rem;
}
#recruit .for-women .fw-interview .lead p{
    text-align: center;
    font-size: 20px;
    font-size: 2.0rem;
}
#recruit .for-women .fw-interview .detail{
    font-size: 16px;
    font-size: 1.6rem;
}
#recruit .for-women .fw-interview .fw-interview-box {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/*------------------------------
fw-cloth 女性の服装について
------------------------------*/
#recruit .for-women .fw-cloth .img-box{
    margin-left: auto;
    margin-right: auto;
}
/*------------------------------
fw-career-support 女性のキャリア支援
------------------------------*/
#recruit .for-women .fw-career-support .lead p{
    font-size: 20px;
    font-size: 2.0rem;
    max-width: 910px;
}
#recruit .for-women .fw-career-support .career-support-box-list {
    width: 50%;
    padding: 0 2em;
}
#recruit .for-women .fw-career-support .career-support-box {
    justify-content: center;
    margin-top: 48px;
}
#recruit .for-women .fw-career-support .career-support-bdr-box {
    width: 100%;
    max-width: 714px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6rem;
    display: flex;
}
#recruit .for-women .fw-career-support .career-support-bdr-box .text-box {
    margin: auto;
}
#recruit .for-women .fw-career-support .career-support-box-list .ttl {
    font-size: 24px;
    font-size: 2.4rem;
}
#recruit .for-women .fw-career-support .career-support-box02 {
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}
#recruit .for-women .fw-career-support .career-support-img img {
    max-width: 700px;
    margin-right: auto;
    margin-left: auto;
    display: block;
}
#recruit .for-women .career-support-box02-list .ttl {
    font-size: 20px;
    font-size: 2.0rem;
    margin-bottom: 3rem;
}
#recruit .for-women .career-support-box02-list .text-box p {
    font-size: 20px;
    font-size: 2.0rem;
}
#recruit .for-women .fw-career-support .career-support-bdr-box p {
    font-size: 16px;
    font-size: 1.6rem;
}
#recruit .for-women .fw-career-support .career-support-box-list span {
    font-size: 16px;
    font-size: 1.6rem;
}

/*------------------------------
fw-other その他の手厚い福利厚生
------------------------------*/
#recruit .for-women .fw-other .lead{
    font-size: 30px;
    font-size: 3.0rem;
    text-align: center;
    max-width: 803px;
    margin-bottom: 4rem;
}
#recruit .for-women .fw-other .lead p{
    font-size: 24px;
    font-size: 2.4rem;
}
#recruit .for-women .fw-other .btn-box {
    width: 50%;
    padding: 0 1em;
}
#recruit .for-women .fw-other .btn-box-wrap {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 8rem;
}
#recruit .for-women .fw-other .other-welfare {
    max-width: 763px;
    margin: auto;
}
#recruit .for-women .fw-other .other-welfare .btn-box {
    display: grid;
    justify-content: center;
    width: 33%;
    padding: 0.5em;
}
#recruit .for-women .fw-other .fw-gradation {
    height: 30rem;
}
#recruit .for-women .fw-other .btn-box .btn-color-pink02 {
    font-size: 20px;
    font-size: 2.0rem;
}
#recruit .for-women .fw-other h3 {
    margin-bottom: 4rem;
}
/*------------------------------
fw-sns SNSボタンリスト
------------------------------*/
#recruit .for-women .btn-box-wrap {
    justify-content: center;
}
#recruit .for-women .fw-sns .btn-box{
    width: 33%;
    padding: 0 1em;
}
#recruit .for-women .btn-box .btn.btn-color-white-s {
    padding: 1em 3em;
}
    
/*===================================================
エントリーアイコン　採用共通 700px
===================================================*/
#recruit #top-entry a {
    font-size: 28px;
}
    

}/*===採用情報 min700pxココまで=================================================*/



/*ipad pro以上*/
@media screen and (min-width: 1024px) {
#recruit #container {
    padding-top: 0;
}
#recruit h2.h2ttl-common {
    margin: 0;
    width: fit-content;
    margin-top: 24px;
}
#recruit .bnr img {
    width: auto;
    max-width: 100%;
    margin: 0 auto 8px;
    text-align: center;
    display: block;
}

/*===================================================
ヘッダー min-width: 1024px
===================================================*/
#recruit header{
	width:100%;
	z-index:10;
}
#recruit header .wrap-m{
	position:relative;
	max-width:1000px;
	margin:0 auto;
	border-radius: 0;
}
#recruit header h1 img {
    max-width: 200px;
}
#recruit header a:hover {
	opacity:0.8;
}
#recruit header p.contact{
	 float:right;
 }
 #recruit header .tab-btn{
	position:absolute;
	width:117px;
    z-index: 20;
	top:0;
	right:0;
}
#recruit header .tab-btn02{
	position:absolute;
	width:117px;
    z-index: 20;
	top:0;
	right:121px;
}
/*===================================================
Gナビ min-width: 1024px
===================================================*/
/******2018年2月15日改修******/
#recruit nav.gNav{
	background-color: rgba(0,0,0,0.7);
	height: 36px;
    width: 100%;
	border: none;
}
#recruit ul.gNavMenu{
    max-width: 1080px;
    width: 100%;
  margin:0 auto;
  display:table;
  table-layout:fixed;
  text-align:center;
  background: none;
}
#recruit li.gNavMenu_item {
    width: calc(100%/8);
    display: table-cell;
    flex-wrap: wrap-reverse;
    float: unset;
}
#recruit li.gNavMenu_item:first-child {
    width: 5%;
    max-width: 36px;
}
#recruit li.gNavMenu_item span.on{
	border-bottom: #FFFF 3px solid;
}
#recruit li.gNavMenu_item a{
	    border: none;
	padding: 0;
	display:block;
	height: 36px;
	line-height:36px;
	font-size:16px;
	-webkit-transition:background .3s ease-in-out;
	transition:background .3s ease-in-out;
}
#recruit li.gNavMenu_item.entry{
	background-color:#d04032;
	opacity: 1;
    width: 11%;
}
#recruit li.gNavMenu_item a:hover{
	background-color:#333333;
}
#recruit li.gNavMenu_item.entry a:hover{
	background-color:#7eba5e;
	opacity: 1!important;
}
#recruit li.gNavMenu_item a:link,
#recruit li.gNavMenu_item a:visited{
	color:#fff;
	text-decoration:none;
}

/*******************************
トップコンテンツ min-width: 1024px
*******************************/
#recruit h2.h2ttl-top {
    font-size: 36px;
    margin: 3rem auto;
}
#recruit #banner .box-wrap li {
    margin-right: 16px;
}
#recruit #banner .box-wrap li.bnr {
    margin-bottom: 0;
}
#recruit #banner .box-wrap li:last-child {
    margin-right: 0;
}
#recruit #banner ul li.bnr img {
    width: auto;
    height: auto;
    padding: 0;
}

/*******************************
ミネルバの求める人物像 min-width: 1024px
*******************************/
#recruit #top-rinen {
    background-size: 60%;
}
#recruit #top-rinen {
    background-position-y: -2px;
}
#recruit #top-rinen .zinbutu {
    padding: 10px 0 40px;
    margin: 0 auto;
}
#recruit #top-rinen .zinbutu li {
    font-size: 20px;
    font-size: 2.0rem;
    margin: 0 auto 10px;
}

/*******************************
経営理念 min-width: 1024px
*******************************/
/*行動指針十カ条*/
#recruit #top-rinen .houshin li {
    font-size: 16px;
    line-height: 2.4;
}
#recruit #top-rinen h3.h3ttl-top {
    font-size: 24px;
    font-size: 2.4rem;
}
#recruit #top-rinen .bg-box .eng {
    font-size: 20px;
    font-size: 2.0rem;
}
#recruit #top-rinen .bg-box p {
    font-size: 18px;
    font-size: 1.8rem;
}

/*******************************
ミネルバ税理士法人では社員の資格取得支援の応援をしています。 min-width: 1024px
*******************************/
#recruit #shikaku dl {
    padding: 0;
    display: flex;
    margin-bottom: 1rem;
}
#recruit #shikaku dt{
	padding-bottom: 0;
	max-width: 64px;
	width: 10%;
    padding-top: 3px;
}
#recruit #shikaku dd {
	font-size: 16px;
	line-height: 1.4;
}
#recruit #top-tuyomi #shikaku .text {
    padding: 5rem 3rem 2rem;
}
/*******************************
ミネルバの強み min-width: 1024px
*******************************/
#recruit #top-tuyomi {
    padding: 2rem 0 80px;
    margin-top: 5rem;
}
#recruit #top-tuyomi .text {
    padding: 3rem 3rem 2rem;
}
#recruit #shikaku .fukidashi {
    margin-top: -83px;
}

/*******************************
1日の流れ min-width: 1024px
*******************************/
#recruit #top-flow .oneday-box {
    display: flex;
    flex-wrap: wrap;
}
#recruit #top-flow .oneday:nth-child(even) {
    margin-right: 0;
}
#recruit #top-flow .oneday{
    width: calc(97%/2);
    margin-right: 3%;
    margin-bottom: 40px;
}
#recruit #top-flow .oneday img{
    padding-right: 0.5rem;
}
#recruit #top-flow .lead{
    width: 260px;
    margin-bottom: 20px;
	font-size: 0.88em;
}
#recruit #top-flow .oneday .inner-box{
    display: flex;
    flex-wrap: nowrap;
}
    
/*===================================================
福利厚生 welfare min-width: 1024px
===================================================*/
#recruit .welfare ul.welfarebox{
    margin: 30px 0;
    overflow: hidden;
    cursor: pointer;
    height: 100%;
    display: flex;
    flex-flow: wrap;
}
#recruit .welfare ul.welfarebox li h4 {
    height: 100%;
    padding: 12rem 0;
}
#recruit .welfare ul.welfarebox li{
    float: left;
    width: calc(100% / 3);
    height: 333.333333333333px;
    color: #FFF;
    text-align: center;
}
#recruit .welfare figure {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 333.33333333px;
    margin: 0 auto;
    top: -343px;
    left: 0;
    bottom: 0;
    right: 0;
}
#recruit .welfare figcaption {
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    -webkit-transition: .7s;
    transition: .7s;
    opacity: 0;
    display: table;
}
#recruit .welfare figure:hover figcaption {
	opacity: 1;
}
#recruit .welfare figcaption p {
    padding: 1rem;
    display: table-cell;
    line-height: 1.8;
    vertical-align: middle;
}
#recruit .welfare ul.welfarebox .more-list {
    border: solid 1px #fff;
    color: #FFFFFF;
}
#recruit p.read{
	padding-bottom:20px;
	font-size:26px;
	font-weight:900;
}

/*//////////////////////////////
女性採用ページ
//////////////////////////////*/
#recruit .for-women .btn-box {
    max-width: 100%;
}

#recruit .for-women .inerview .introduce .kv {
    margin-top: 24px;
    margin-left: -24px;
}
#recruit .for-women .inerview .introduce .kv img{
    margin-left: 0;
    margin-right: auto;
    max-width :63%;
}
#recruit .for-women .inerview .introduce .name {
    top: -4em;
    padding: 16px 1%;
    width: 45%;
}
#recruit .for-women .inerview .introduce .appeal {
    top: 10em;
    width: 45%;
}
#recruit .for-women .inerview .introduce {
    padding-bottom: 0;
}

/*------------------------------
fw-cloth 女性の服装について
------------------------------*/
#recruit .for-women .fw-cloth .img-box{
    width: 50%;
}
#recruit .for-women .fw-cloth .text-box {
    width: 50%;
    padding: 2rem 5rem;
}
#recruit .for-women .fw-cloth .flex-box {
    flex-direction: row-reverse;
}
#recruit .for-women .fw-cloth .lead{
    padding: 2rem;
}
/*------------------------------
fw-interview インタビュー
------------------------------*/
#recruit .for-women .fw-interview .name {
    font-size: 28px;
    font-size: 2.8rem;
}
#recruit .for-women .fw-interview .detail{
    font-size: 20px;
    font-size: 2.0rem;
}
#recruit .for-women .fw-interview .fw-interview-box {
    margin-left: auto;
    margin-right: auto;
    margin-top: 64px;
    display: flex;
    align-items: center;
}
#recruit .for-women .fw-interview .fw-interview-box .btn-box .btn-color-pink {
    max-width: 340px;
}
#recruit .for-women .fw-interview .message {
    text-align: left;
}
#recruit .for-women .fw-interview .fw-interview-box .img-box{
    width: 50%;
}
#recruit .for-women .fw-interview .fw-interview-box .text-box{
    width: 50%;
}
/*------------------------------
fw-career-support 女性のキャリア支援
------------------------------*/
#recruit .for-women .fw-career-support .career-support-box02 {
    max-width: 1200px;
}
#recruit .for-women .fw-career-support .career-support-box02 .wrap-m{
    max-width: 900px;
}
#recruit .for-women .fw-career-support .career-support-box-list .img-box {
    width: 50%;
}
#recruit .for-women .fw-career-support .career-support-box-list .text-box {
    width: 50%;
    display: inline-grid;
    padding: 1em;
    justify-items: start;
    align-items: center;
    align-content: center;
}
#recruit .for-women .fw-career-support .career-support-box-list .ttl {
    text-align: left;
}
#recruit .for-women .fw-career-support .career-support-img {
    margin-right: auto;
    margin-left: auto;
}
#recruit .for-women .fw-career-support .career-support-box02-list.first {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
#recruit .for-women .fw-career-support .career-support-box02-list {
    width: 50%;
    padding: 0 1%;
    max-width: 563px;
}
#recruit .for-women .fw-career-support .career-support-box02 .flex-box{
    justify-content: space-between;
}
#recruit .for-women .fw-career-support .career-support-box-list {
    padding: 0;
}

/*------------------------------
fw-other その他の手厚い福利厚生
------------------------------*/
#recruit .for-women .fw-other .lead p{
    font-size: 30px;
    font-size: 3.0rem;
}
#recruit .for-women .fw-other .fw-gradation {
    height: 35rem;
    max-width: 1390px;
    right: -4rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 8rem;
}
#recruit .for-women .fw-other .fw-other-bdr-box {
    bottom: 6rem;
    margin-top: 16rem;
    padding: 4rem 0;
    right: 5rem;
}

/*------------------------------
fw-work 女性の働きやすさを追求
------------------------------*/
#recruit .for-women .fw-work .fw-work-box-list {
    width: 31%;
    max-width: 460px;
}
#recruit .for-women .fw-work .flex-box {
    bottom: 10rem;
    position: relative;
    margin-top: 1rem;
}
#recruit .for-women .fw-work .fw-gradation {
    padding: 2rem 0;
    margin-top: 12rem;
}
/*===================================================
所長メッセージ .message min-width: 1024px
===================================================*/
#recruit .message #diversity{
	background:#f5f7f9 url(../../images/recruit/message/whitebg.png) repeat-y;
	background-position:left 0;
}
#recruit .message #headline, #recruit .message #diversity, #recruit .message #dream{
	width:100%;
	position:relative;
	background:#f5f7f9 url(../../images/recruit/message/whitebg.png) repeat-y;
	background-position:right 0;
}
#recruit .message #headline .inner{ padding-bottom:130px;}
#recruit .message #diversity .meee-ttl img{ vertical-align:middle;}
#recruit .message #headline .contens, #recruit .message #diversity .contens, #recruit .message #dream .contens{
    max-width: 760px;
	margin:50px 0 100px;
	padding:30px;
	z-index:10000;
}
#recruit .message .message-bdr{
	padding:50px;
	border-right:2px solid #bbc0cc;
	border-bottom:2px solid #bbc0cc;
}
#recruit .message #headline .mess-image01 {
    position: relative;
}
#recruit .message #headline .mess-image01 img {
    position: absolute;
    bottom: -46px;
    left: -75px;
}
#recruit .message #headline:after {
    content: url(../../images/recruit/message/sen.png);
    display: block;
    position: absolute;
    top: 800px;
    right: 0;
    left: 54%;
    z-index: 0;
    overflow: hidden;
}
#recruit h3.mess-image03 img {
    padding-top: 40px;
    margin-left: 80px;
    display: block;
}
#recruit .message .ttl-bg2 img {
        width: auto;
}
#recruit .ttl-bg2{
	margin-top:-200px;
}

/*#diversity*/
#recruit .message #diversity .ttl-bg2 {
    display: block;
}
#recruit .message #diversity h3.mess-image02 {
    position: relative;
    margin-left: auto;
    margin-right: 0;
    width: 30%;
}
#recruit .message #diversity:after {
    content: url(../../images/recruit/message/square01.png);
    display: block;
    position: absolute;
    top: 750px;
    right: 85%;
    overflow: hidden;
}
/*ドリーム*/
#recruit .message #dream .ttl-bg2 {
    display: block;
}

#recruit .message #dream:after {
    content: url(../../images/recruit/message/square02.png);
    display: block;
    position: absolute;
    top: 750px;
    left: 85%;
    overflow: hidden;
}
/*===================================================
募集要項 requirement min-width: 1024px
===================================================*/
#recruit .requirementtable th{
    width: 18%;
}
#recruit .requirementtable td {
    border-bottom: 1px solid #F1F1F1;
}

/*===================================================
エントリー min-width: 1024px
===================================================*/
#recruit form#mailformpro label.mfp_checked {
    padding: 0;
    border: none;
    background-color: unset;
}
#recruit form#mailformpro label.mfp_not_checked {
    padding: 0;
    border: none;
}
#recruit #mailformpro {
    margin-bottom: 10%;
}

#recruit .consent {
	text-align:center;
}
#recruit #submit {
    text-align: center;
    margin-bottom: 60px;
}
#recruit .consent {
    margin: 32px auto;
    text-align: center;
}
#recruit .textcolor {
	color:#d04032;
}
#recruit .mess {
    height: 194px !important;
    width: 100% !important;
    border: 1px solid #c9c9c9 !important;
    font-size: 105%;
    color: #505050;
    align: left;
    overflow-y: auto;
    _overflow-y: hidden;
}

#recruit.memberpage{background-color:#f3f0f0;}
#recruit.memberpage h2 {
    background-color: none;
}

/*===================================================
THANKS min-width: 1024px
===================================================*/
#recruit.thanks h3{
margin-top: 30px;
	font-size:25px;
	font-weight:normal;
	padding-left:30px;
	line-height:30px;
	background:url(../../images/recruit/office/h3.png) no-repeat;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
#recruit.thanks p{
	height: 420px;
	margin:30px;
}
#recruit #container.entry {
    height: 438px;
}
#recruit header .catch {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}

/*===================================================
社員インタビュートップ min-width: 1024px
===================================================*/
/*背景*/
#recruit #interview-TOP #topimage{
    background: url(../../images/recruit/bg.jpg), no-repeat top left;
    background-size: cover;
    padding: 60px 0 90px;
    z-index: 0;
    position: relative;
}
#recruit #interview-TOP #topimage::before {
    content: '';
    background-color: rgb(255 255 255 / 70%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
}
#recruit #interview-TOP .eng-copy {
    font-size: 20px;
}
#recruit #interview-TOP .entry {
    margin: 0 auto 48px;
}
#recruit #interview-TOP .membersbox {
    margin-top: 30px;
    max-width: 959px;
    margin-left: auto;
    margin-right: auto;
}
#recruit #interview-TOP .membersbox ul.members {
    justify-content: center;
}
#recruit #interview-TOP .membersbox ul.members li {
    width: 33.333%;
}

/*===================================================
社員インタビュー
===================================================*/
#recruit .inerview{
	background:url(../../images/recruit/member/intro-bg.png) repeat-x;
}
	
#recruit .inerview-kv {
	max-width: 815px;	
}

/*紹介文.introduce*/
#recruit .inerview .introduce{
    width: 100%;
    position: relative;
    padding-bottom: 40px;
    padding-top: 40px;
}
#recruit .inerview .introduce h3 {
    color: #000000;
    font-size: 48px;
    font-weight: 800;
    border-bottom: unset;
    background-image: unset;
    padding: 0;
    letter-spacing: 1px;
    height: auto;
    margin: 32px auto;
}
#recruit .inerview .introduce .appeal{
    width: 50%;
    padding: 30px;
    position: absolute;
    top: 270px;
    right: 0;
}
#recruit .inerview .introduce .appeal.n06 {
    width: 62%;
}
#recruit .inerview .introduce .appeal.n06 p {
    font-size: 16px;
    font-size: 1.6rem;
}
#recruit .inerview .introduce .appeal p {
	font-size:20px;
    font-size: 2.0rem;
}
#recruit .inerview .introduce .name {
    width: 50%;
    padding: 24px 1%;
    position: absolute;
    top: 64px;
    right: 0;
}
#recruit .inerview .introduce .name p {
    color: #d04032;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 600;
    text-align: center;
}
#recruit .inerview .introduce .mark img {
    right: -36px;
    top: -40px;
    max-width: 60px;
}
#recruit .inerview .qa {
    margin: 0 auto;
    width: 96%;
}
#recruit .inerview #thread.contents {
    margin-top: 16px;
}
#recruit .inerview .qa h3.question {
    font-size: 18px;
    font-size: 1.8rem;
}
#recruit .inerview .answer{
    max-width: 900px;
    margin: auto;
}
#recruit .inerview .answer p {
    font-size: 16px;
    font-size: 1.6rem;
}
#recruit .inerview #memberimg-bottom img {
    margin: 0 auto;
    display: block;
    width: 50%;
}

/*NEXT SP用 打ち消し*/
#recruit .inerview #spnext {
    display: none;
}

/*NEXTサムネイル PC用*/
#recruit .inerview .nextbtn.pc {
    margin-top: 64px;
}
#recruit .inerview .thumbnail.nextthum .member.person {
	background:url(../../images/recruit/member/next_circle.png) no-repeat;
}
#recruit .inerview .nextbtn .next img {
    width: auto;
}
#recruit .inerview .nextbtn .memberlist.nextlist {
    display: flex;
    width: 80%;
    justify-content: space-evenly;
    margin-right: 0;
    margin-left: auto;
}
#recruit .inerview .member {
	border-radius: 50%;
	overflow: hidden;
	opacity:1.0;
	position: relative;
	z-index: 1;
}
#recruit .inerview .memberlist p img{
	text-align:center;
	position:absolute;
	top:280px;
	right:61px;
	z-index:100;
}

#recruit .inerview .thumbnail a{ display:block; cursor:pointer; }

#recruit .inerview .thumbnail.nextthum {
	width: 150px;
}
#recruit .inerview .member.person {
	width: 149px;
	height: 149px;
}
#recruit .inerview .memberbg.nextbg {
    border: 7px solid #FFF;
    position: relative;
    bottom: 145px;
}
#recruit .inerview .memberbg.nextbg img {
    width: 134px;
    height: 134px;
}

#recruit .inerview a:hover .member{
	transition: .3s ease-in-put;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	opacity:0;
}
#recruit .inerview .memberbg img {
	transition: .3s ease-in-put;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	z-index: 0;
	opacity:0;
	width: 303px;
	height: 303px;
	border-radius: 50%;
}
#recruit .inerview a:hover .memberbg img{
	opacity:1.0;
	transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
}

/*===================================================
PC　社員座談会 min-width: 1024px
===================================================*/
#recruit .crosstalk{
background:url(../../images/recruit/member/intro-bg.png) repeat-x;
}
/*紹介文.introduce*/
#recruit .crosstalk .introduce{
    width: 100%;
    position: relative;
    padding-bottom: 40px;
    padding-top: 40px;
}
#recruit .crosstalk .introduce h3 {
    color: #000000;
    font-size: 48px;
    font-weight: 800;
    border-bottom: unset;
    background-image: unset;
    padding: 0;
    letter-spacing: 1px;
    height: auto;
    margin: 32px auto;
}
#recruit .crosstalk .introduce .appeal{
    width: 50%;
    padding: 30px;
    position: absolute;
    top: 300px;
    right: 0;
    max-width: 480px;
}
#recruit .crosstalk .introduce .appeal.n06 {
    width: 62%;
}
#recruit .crosstalk .introduce .appeal.n06 p {
    font-size: 16px;
    font-size: 1.6rem;
}
#recruit .crosstalk .introduce .appeal p {
	font-size:20px;
    font-size: 2.0rem;
}
#recruit .crosstalk .introduce .name {
    width: 50%;
    padding: 24px 1%;
    position: absolute;
    top: 64px;
    right: 0;
    max-width: 480px;
}
#recruit .crosstalk .introduce .name p {
    color: #d04032;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 600;
    text-align: center;
}
#recruit .crosstalk .introduce .mark img {
    right: -36px;
    top: -40px;
    max-width: 60px;
}
#recruit .crosstalk .qa {
    margin: 0 auto;
}
#recruit .crosstalk #thread.contents {
    margin-top: 16px;
}
#recruit .crosstalk .qa h3.question {
    font-size: 18px;
    font-size: 1.8rem;
}
#recruit .crosstalk .answer{
    max-width: 900px;
    margin: auto;
}
#recruit .crosstalk .answer p {
    font-size: 16px;
    font-size: 1.6rem;
}
#recruit .crosstalk #con01.member {
    margin-bottom: 50px;
    }
    
#recruit .crosstalk #con01.member .detail-box.flex-box {
    max-width: 180px;
}
}

/*===================================================
PC　社員座談会 min-width: 1400px
===================================================*/
@media screen and (min-width: 1400px) {
#recruit .crosstalk .introduce .name {
    width: 50%;
    padding: 24px 1%;
    top: 64px;
    max-width: 540px;
}
#recruit .crosstalk .introduce .appeal {
    width: 50%;
    padding: 30px;
    top: 300px;
    max-width: 540px;
}
}

@media screen and (min-width: 1600px) {
#recruit .for-women .inerview .introduce .kv img{
    max-width: 790px;
}
}


/*大き目PC*/
@media screen and (max-width: 768px) {
#recruit #shishin ul {
    margin: 40px auto;
    max-width: 480px;
    width: 80%;
}
}