@charset "utf-8";
/***********************************************************************************************************************
* 基本構造 スマホ優先構造
***********************************************************************************************************************/
.pc{display: none !important;}
.content {
    opacity: 0;
}
.loading {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}
.loading img{
	left: 50%;
    margin: -30px;
    position: absolute;
    top: 50%;
}
.red{
	color: #e31515;
}

.bold{
	font-weight:bold;
}

/*TOP PAGE
------------------------------------------------------------------------------*/
#main-visual img{
	width: 100%;
}
#top-copy{
	box-sizing: border-box;
	height: 110px;
	position: relative;
	padding: 0 8px;
}
#top-copy img{
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: -28px;
	max-width: 347px;
	width: 100%;
	z-index: 1;
}
#top-global-menu{
	padding-bottom: 10px;
}
#top-global-menu ul{
	margin: -30px auto 0;
	max-width: 300px;
	position: relative;
}
#top-global-menu ul li{
	margin-bottom: 30px;
}
#top-global-menu ul li figure{
	margin-bottom: 13px;
}
#top-global-menu ul li figure img{
	width: 100%;
}
#top-global-menu ul li h2{
	color: #ff1794;
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 8px;
	text-align: center;
}
#top-global-menu ul li h3{
	background: #000;
	color: #fff;
	font-size: 1.1rem;
	font-weight: bold;
	margin: 0 auto 15px;
	padding: 2px 0 3px;
	text-align: center;
	width: 100px;
}
#top-global-menu ul li p{
	font-size: 1.3rem;
	margin: 0 auto 15px;
}
#top-global-menu ul li a{
	display: block;
	text-align: center;
}
#top-global-menu ul li a img{
	/*width: 81px;*/
}
#top-global-menu ul li span{
	display: block;
	text-align: center;
}
/*FOOTER
------------------------------------------------------------------------------*/
footer{}
footer #foot-entry{
	background: #2278e8;
	margin: 0 auto;
	padding: 20px 0 25px;
	position: relative;
	z-index: 1;
}
footer #foot-entry h2 {
	color: #fff;
	font-size: 2.6rem;
	text-align: center;
}
footer #foot-entry p {
	color: #fff;
	font-size: 1.4rem;
	margin-bottom: 20px;
	text-align: center;
}
footer #foot-entry .btn{
	background: #fbde3f;
	border-radius: 5px;
	color: #5a4201;
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	max-width: 300px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}
footer #foot-entry span.btn{
	opacity: 0.5;
}
footer #foot-entry #pagetop{
	bottom: -8px;
	position: absolute;
	right: 0;
}

footer #foot-entry #pagetop img{
	width: 102px;
}
footer #foot-bottom{
	background: #000;
	color: #fff;
	height: 100px;
	margin: 0 auto;
	padding: 15px 0 0;
	position: relative;
	z-index: 2;
}
footer #foot-bottom .wrap{
	background: url("/recruit/common/images/foot-logo-sp.png") no-repeat 15px 50%;
	background-size: 58px auto;
	margin: 0 auto 15px;
	max-width: 300px;
	min-height: 44px;
}
footer #foot-bottom h2{
	display: inline-block;
	font-size: 1.2rem;
	font-weight: 200;
	margin: 10px 0 5px 83px;
}
footer #foot-bottom a{
 color:#fff;
}
footer #foot-bottom .address{
	display: inline-block;
	font-size: 0.9rem;
	margin-left: 83px;
}
footer #foot-bottom .copyright{
	font-size: 0.9rem;
	text-align: center;
}
/*下層ページ
------------------------------------------------------------------------------*/
header{
	border-top: 5px solid #2278e8;
}
header h2{
	padding: 23px 0;
	text-align: center;
}
header h2 strong{
	color: #000;
	display: block;
	font-size: 3.0rem;
	font-weight: bold;
	margin: 0 auto 15px;
	text-align: center;
}
header h2 span{
	background: #000;
	color: #fff;
	display: block;
	font-size: 1.1rem;
	font-weight: bold;
	margin: 6px auto 0;
	padding: 3px 0 4px;
	text-align: center;
	width: 95px;
}
footer{
	padding-bottom: 70px;
}
.top-page footer{
	padding-bottom: 0;
}
footer nav{
	background: #fff;
	border-top: 5px solid #2278e8;
	bottom: 0;
	height: 70px;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 3;
}
footer nav ul{
	overflow: hidden;
	position: relative;
	width: 100%;
}
footer nav ul li{
	border-right: 1px solid #2278e8;
	box-sizing: border-box;
	display: table;
	height: 70px;
	float: left;
	text-align: center;
	width: 16.666%;
}
footer nav ul li:last-child{
	border-right: none;
}
footer nav ul li span{
	color: #d3d3d3;
	font-size: 1.1rem;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}
footer nav ul li a{
	color: #5a4201;
	font-size: 1.0rem;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}
/*---------- イントロダクション ----------*/
.lead{
	color: #af4600;
	font-size: 2.2rem;
	font-weight: bold;
	margin: 0 auto 30px;
	text-align: center;
}
.lead + p{
	font-size: 1.4rem;
	line-height: 2.0em;
	margin-bottom: 100px;
	text-align: center;
}
.introduction-wrap{}
.introduction-wrap ul.img-list{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 15px;
}
.introduction-wrap ul.img-list li{
	margin-right: 3px;
	width: -webkit-calc((100% - 30px) / 3);
	width: calc((100% - 30px) / 3);
}
.introduction-wrap ul.img-list li:last-child{
	margin-right: 0;
}
.introduction-wrap ul.img-list li img{
	width: 100%;
}
.introduction-wrap>p{
	background: url("/recruit/common/images/bg-yellow.png") repeat 0 0;
	background-size: 1px 4.5px;
	color: #af4600;
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: -40px;
	text-align: center;
}
.introduction-wrap> ul + p{
	color: #af4600;
	padding: 65px 0;
}
.introduction-wrap> p{
	padding: 30px 0 65px;
}
.introduction-wrap>h2{
	background: #2278e8;
	border-radius: 50%;
	color: #fff;
	display: table;
	height: 96px;
	font-size: 1.3rem;
	margin: -48px auto 0;
	text-align: center;
	width: 96px;
}
.introduction-wrap>h2 span{
	display: table-cell;
	vertical-align: middle;
}
.introduction-wrap>div{
	margin: 30px 35px 90px;
}
.introduction-wrap>div h3{
	color: #af4600;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 20px;
}
.introduction-wrap>div h4{
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 15px;
}
.introduction-wrap>div p{
	font-size: 1.3rem;
	margin-bottom: 25px;
}
.introduction-wrap>div figure{}
.introduction-wrap>div figure img{
	border-radius: 3px;
	width: 100%;
}
.introduction-wrap ul.system-list{
	margin: 30px 15px 40px;
}
.introduction-wrap ul.system-list li{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 25px;
}
.introduction-wrap ul.system-list li figure{
	width: 150px;
}
.introduction-wrap ul.system-list li figure img{
	border-radius: 3px;
	width: 100%;
}
.introduction-wrap ul.system-list li div{
	width: -webkit-calc(100% - 165px);
	width: calc(100% - 165px);
}
.introduction-wrap ul.system-list li div h3{
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.introduction-wrap ul.system-list li div p{
	font-size: 1.3rem;
}
/*---------- インタビュー ----------*/
.interview-lead{
	font-size: 1.4rem;
	text-align: left;
	margin: 0 15px;
    width: 96%;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
}
.interview-list{
	margin-bottom: 98px;
}
.interview-list ul li{
	background: url("/recruit/common/images/bg-yellow.png") repeat 0 0;
	background-size: 1px 4.5px;
	width: 100%;
}
.interview-list ul li div{
	text-align: center;
	margin: 0 auto;
	position: relative;
}
.interview-list ul li div > img{
	width: 100%;
}
.interview-list ul li:nth-child(1) div > img{
	margin-top: -60px;
}
.interview-list ul li:nth-child(2) div > img{
	margin-top: -60px;
}
.interview-list ul li:nth-child(3) div > img{
	margin-top: -60px;
}
.interview-list ul li:nth-child(4) div > img{
	margin-top: -60px;
}
.interview-list ul li:nth-child(1) div img,
.interview-list ul li:nth-child(3) div img{
	display: inline-block;
}
.interview-list ul li:nth-child(2) div img{
	display: inline-block;
	text-align: right;
}
.interview-list ul li:nth-child(4) div img{
	display: inline-block;
	text-align: right;
}
.interview-list ul li div a{
	display: block;
	width: 44%
}
.interview-list ul li div a img{
	width: 100%;
}
.interview-list ul li div .mitamura{
	position: absolute;
	left: 15px;
    bottom: -50px;
}
.interview-list ul li div .kita{
	position: absolute;
    right: 15px;
    bottom: -50px;
}
.interview-list ul li div .kimura{
	position: absolute;
    right: 15px;
    bottom: -50px;
}
.interview-list ul li div .watanabe{
	position: absolute;
	left: 15px;
    bottom: -50px;
}
.interview-list ul li div .motoyama{
	position: absolute;
    right: 15px;
    bottom: -50px;
}
.interview-list ul li div .fujisawa{
	position: absolute;
	right: 15px;
    bottom: -50px;
}
.interview-list ul li div .takao{
	position: absolute;
    right: 15px;
    bottom: -50px;
}
.interview-list ul li div .saika{
	position: absolute;
    left: 15px;
    bottom: -50px;
}
	
.interview-list ul li div .ochi{
	position: absolute;
    left: 15px;
    bottom: -50px;
}
.interview-list ul li div .yahata{
	position: absolute;
    right: 15px;
    bottom: -50px;
}


.interview-list ul li:nth-child(1){
	margin-top: 100px;
}
.interview-list ul li:nth-child(2){
	margin-top: 150px;
}
.interview-list ul li:nth-child(3){
	margin-top: 150px;
}
.interview-list ul li:nth-child(4){
	margin-top: 150px;
}
/*---------- インタビュー:キャスト ----------*/
.profile-top{
	background: url("/recruit/interview/images/main-bg-sp.png") 50% 50% / 100% auto no-repeat,url("/recruit/common/images/bg-yellow.png") 100% 0 / 1px 4.5px repeat;
	margin-top: 60px;
	text-align: left;
	width: 100%;
}
.profile-top h1{
	margin: 0 15px;
    width: 96%;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
}
.profile-top h1 img{
	margin-top: -40px;
}
.profile-top.watanabe h1 img{
	margin-top: -48px;
}
.profile-top.fujisawa h1 img{
	margin-top: -50px;
}
.profile-top h1 img{
	width: 100%;
}
.profile-contents{
	margin: 38px 38px 0;
}
.profile-contents h2{
	color: #af4600;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}
.profile-contents > p{
	color: #666666;
	font-size: 1.1rem;
	margin-bottom: 50px;
	text-align: left;
}
.profile-contents > ul li{
	margin-bottom: 40px;
}
.profile-contents > ul li h3{
	color: #af4600;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 15px;
}
.profile-contents > ul li h4{
	color: #000000;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 15px;
	line-height:1.5em;
}
.profile-contents > ul li p{
	font-size: 1.3rem;
	margin-bottom: 30px;
}
.profile-contents > ul li figure{
}
.profile-contents > ul li figure img{
	border-radius: 3px;
	width: 100%;
}
.profile-contents nav{
	margin: 70px auto 40px;
}
.profile-contents nav ul{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-end;
}
.profile-contents nav ul li{
	margin-bottom: 20px;
	padding: 0 13px;
}
/* .profile-contents nav ul li:nth-of-type(1){
	margin-left: -20px;
} */
	/*---------- 採用ストーリー ----------*/
.story-lead{
	font-size: 1.4rem;
	text-align: left;
	margin: 0 15px;
    width: 96%;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
}
.story-header{
	margin: 0 15px;
	width: 96%;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
}
.story-header p{
	font-size: 1.2rem;
	margin-bottom: 30px;
}
.story-chart{
	margin: 0 15px 30px;
}
.story-chart figure{
	margin-bottom: 25px;
}
.story-chart figure img{
	width: 100%;
}
.story-chart .btn{
	background: #00a0eb;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin:0 auto;
	padding: 12px 0;
	text-align: center;
	width: 80%;
}
.story-chart .btn::before{
	background: url("/recruit/story/images/btn-ico.png") no-repeat 0 3px;
	background-size: 20px auto;
	content: "";
	display: inline-block;
	height: 23px;
	margin-right: 6px;
	vertical-align: -3px;
	width: 20px;
}
.story-recruit .story-recruit-header{
	background: url("/recruit/common/images/bg-yellow.png") repeat 0 0;
	background-size: 1px 4.5px;
	box-sizing: border-box;
	padding: 30px 8px 100px;
	text-align: center;
}
.story-recruit h1{
	color: #af4600;
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 15px;
}
.story-recruit > .story-recruit-tab{
	margin: -75px 15px 23px;
}
.story-recruit > div .tab{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	/*justify-content: space-between;*//*4つの時*/
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.story-recruit > div .tab li{
	background: #ff8a00;
	color: #fff;
  	cursor: pointer;
	font-size: 1.3rem;
	font-weight: bold;
	height: 36px;
	line-height: 36px;
	margin-right: 3px;
	text-align: center;
	vertical-align: bottom;
  	width: -webkit-calc(25% - 3px);
	width: calc(25% - 3px);
}
/*.story-recruit > div .tab li:nth-child(3){
	font-size: 1.0rem;
	height: 32px;
	line-height:1.2em;
	padding-top: 4px;
}*/
.story-recruit > div .tab li:hover{
	background: #ff8a00;
	color: #fff;
}
.story-recruit > div .tab li:last-child{
	margin-right: 0;
}
.story-recruit > div .tab li.active{
	background: #fbd53f;
	color: #2278e8;
	cursor: auto;
	font-size: 1.5rem;
	height: 50px;
	line-height: 50px;
}
/*.story-recruit > div .tab li:nth-child(3).active{
	font-size: 1.3rem;
	height: 42px;
	line-height:1.4em;
	padding-top: 8px;
}*/
.story-recruit > div .area{
	background: #fbd53f;
	padding-bottom: 22px;
	position: relative;
}
.story-recruit > div .area > div h2{
	font-size: 1.8rem;
	font-weight: bold;
	padding: 20px 0 15px;
	text-align: center;
}
.story-recruit > div .area > div table{
	margin: 0 20px;
}
.story-recruit > div .area > div table tr{
	background: #fff;
	border-bottom: 3px solid #fbd53f;
}

.story-recruit > div .area > div table tr th{
	color: #2278e8;
	display: block;
	font-size: 1.5rem;
	line-height: 1.6em;
	padding: 15px;
	text-align: left;
}
.story-recruit > div .area > div table tr td{
	display: block;
	font-size: 1.3rem;
	line-height: 1.6em;
	padding: 0 15px 15px;
}

/*Pickupエリア*/
.story-recruit > div .area > div table tr.pickuparea{
	background: #fff;
	border: 4px solid #ff0000;
}
.story-recruit > div .area > div table tr.pickuparea td{
	padding:20px;
}

.story-recruit > div .area > div table tr.pickuparea td p.pickup-title{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px
}

.story-recruit > div .area > div table tr.pickuparea td p.pickup-copy{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom: 1px solid #c5c5c5;
}

.story-recruit > div .area > div table tr.pickuparea td div.conditions{
	float:left;
	width:50%;
}

.story-recruit > div .area > div {
  display: none;
}
.story-recruit > div .area > div.show {
  display: block;
}

.pickup-link-area::after {
    content: "";
    display: table;
    clear: both;
}

.story-recruit > div .area > div.show div.pickup-link-area {
  width:840px;
  margin:10px auto 30px auto;
}

.story-recruit > div .area >div.show  div.pickup-link-area a.pickup-link{
  background:#fff;
  width:43%;
  min-height:110px;
  float:left;
  display:block;
  border:solid 3px #ff0000;
  font-size: 1.4rem;
  color:#000;
  padding:15px 25px 15px 15px;
  text-decoration:none;
  /* アイコン配置のためにrelativeを追加 */
    position: relative;

}

.story-recruit > div .area >div.show  div.pickup-link-area a.pickup-link span{
  font-size: 1.6rem;
  font-weight:bold;
  display:block;
  margin-bottom:5px
}

.story-recruit > div .area >div.show  div.pickup-link-area a.column1{
  margin-right:25px;
}

/* リンク1つ目（左側）の margin-left をリセット */
.story-recruit > div .area > div.show div.pickup-link-area a.pickup-link.column1 {
    margin-left: 0;
}

/* 擬似要素で赤い三角形を生成 */
.story-recruit > div .area > div.show div.pickup-link-area a.pickup-link::after {
    content: ''; /* 擬似要素には content が必須 */
    position: absolute; /* 親要素のリンクに対して絶対配置 */
    right: 10px; /* 右端から10pxの位置に配置 */
    top: 50%; /* 上から50%の位置に配置 */
    transform: translateY(-50%); /* 垂直方向の中央揃え */
    
    /* CSSで三角形を生成 */
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 0 8px 10px; /* 上下8px、左10pxで三角形を作成 */
    border-color: transparent transparent transparent #ff0000; /* 透明, 透明, 透明, 赤 の順 */
}

.story-recruit .closed img{
	width: 149px;
}
.story-recruit .closed{
	color: #e31515;
	position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 999;
}
.story-recruit .closed_table td{
	opacity: 0.2;
	}

.story-recruit .soon img{
	width: 149px;
}
.story-recruit .soon2 img{
	width: 149px;
}
.story-recruit .soon{
	color: #e31515;
	position: absolute;
    top: 40px;
    left: 60%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 999;
}

.story-recruit .soon2{
	color: #e31515;
	position: absolute;
    top: 550px;
    left: 60%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 999;
}
	
.story-recruit a {
    color: #ff1795;
    text-decoration: underline;
}
.story-recruit .hottab {
	position:relative;
}
.story-recruit .hoticon {
	width: 70px;
	height: 70px;
	position:absolute;
	top: -45px;
	left: 120px;
}
	
/*---------- エントリー ----------*/
.contact-content{
	margin: 35px 15px;
}
.contact-lead{
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 30px;
}
.contact-info{
	margin-bottom: 30px;
}
.contact-info h1{
	background: #2278e8;
	color: #fff;
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 8px;
	padding: 8px 0;
	text-align: center;
}
.contact-info p{
	font-size: 1.6rem;
}
.contact-info span{
	display: block;
	font-size: 2.4rem;
	font-weight: bold;
	margin-top: 8px;
}
.contact-box{
	border: 4px solid #fbde3f;
	padding: 20px 30px;
}
.contact-box h2{
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}
.contact-box .form-tbl{
	border-top: 1px solid #e5e5e5;
	width: 100%;
}
.contact-box .form-tbl tr:first-child th{
	padding-top: 15px;
}
.contact-box .form-tbl th{
	display: block;
	font-size: 1.6rem;
	margin-bottom: 8px;
	text-align: left;
	width: 100%;
}
.contact-box .form-tbl th.middle{
	vertical-align: middle;
}
.contact-box .form-tbl td{
	border-bottom: 1px solid #e5e5e5;
	display: block;
	font-size: 1.6rem;
	margin-bottom: 15px;
	padding-bottom: 15px;
	text-align: left;
	width: 100%;
}
.contact-box .form-tbl td .select-box{
	position: relative;
	width: 100%;
}
.contact-box .form-tbl td .select-box.select-box-year{
	display: inline-block;
	width: 25%;
}
.contact-box .form-tbl td .select-box::after {
    content: "";
    position: absolute;
    right: 1em;
    top: 50%;
    width: 0px;
    height: 0px;
    margin-top: -5px;
    border: 6px solid transparent;
    border-top: 10px solid #333;
}
.contact-box .form-tbl td .select{
	background: #e5e5e5;
	border: none;
	border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	height: 35px;
	line-height: 35px;
	padding: 0 1em;
	width: 100%;
}
.contact-box .form-tbl td .input{
	background: #e5e5e5;
	border: none;
	border-radius: 3px;
	box-sizing: border-box;
	height: 35px;
	line-height: 35px;
	padding: 0 1em;
	width: 100%;
}
.contact-box .form-tbl td .textarea{
	background: #e5e5e5;
	border: none;
	border-radius: 3px;
	box-sizing: border-box;
	height: 200px;
	line-height: 35px;
	padding: 1em;
	width: 100%;
}

.contact-box .form-tbl td .input.input-year{
	width: 40%;
	margin-bottom:10px;
}
.contact-box .form-tbl td span{
	font-size: 1.4rem;
	margin-right: 5px;
}
.form-tbl input[type="radio"]{
	height: 16px;
	vertical-align: -3px;
	width: 16px;
}
.form-tbl input[type="checkbox"]{
	height: 16px;
	width: 16px;
}
.form-tbl .checkbox-list span{
	vertical-align: 3px;
}
.form-tbl .exm{
	font-size: 1.2rem;
	margin-top: 5px;
}
.policy_box{
	background: #e5e5e5;
	border-radius: 3px;
	margin-bottom: 12px;
	padding: 15px 8px 15px 15px;
}
.policy_box .policy_box_inner{
	height: 140px;
	padding-right: 8px;
	overflow-y: auto;
}
.policy_box .policy_box_inner p,
.policy_box .policy_box_inner li{
	font-size: 1.2rem;
	margin-bottom: 10px;
}
.policy_box .policy_box_inner li:last-child{
	margin-bottom: 0;
}
.btn-yellow{
	background: #fbde3f;
	border: none;
	border-radius: 3px;
	color: #5a4201;
	height: 50px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 50px;
	width: 100%;
}
.btn-gray{
	background: #c8c8c8;
	border: none;
	border-radius: 3px;
	color: #000;
	height: 30px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	width: 100%;
}
.btn-yellow + .btn-gray{
	margin-top: 10px;
}
.complete-comment{
	border-top: 1px solid #e5e5e5;
	font-size: 1.4rem;
	line-height: 1.8em;
	padding: 15px 0 30px;
	text-align: center;
}
#breadcrumbs{
	border-top: 1px solid #e5e5e5;
	padding: 8px 0;
}
#breadcrumbs ul{
	padding: 0 15px;
}
#breadcrumbs ul li{
	color: #000;
	display: inline-block;
	font-size: 1.2rem;
	white-space:nowrap;
}
#breadcrumbs ul li a{
	color: #7e7e7e;
}
#breadcrumbs ul li:before {
	content: ">";
	padding: 0 5px;
	
}
#breadcrumbs ul li:first-child:before {
	content: "";
	padding: 0;
}
/*---------- 園の紹介 ----------*/
.profile_linformation{
	width: 96%;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    margin: 0 auto 30px;
}
.profile_linformation h3{
	color: #f6aa00;
	font-size: 1.8rem;
	font-weight: bold;
    margin: 0 auto 5px;
    text-align: center;
}
.profile_linformation p{
	font-size: 1.2rem;
    margin: 0 auto 10px;
    text-align: center;
}
.profile_linformation div img{
	display: block;
	margin-bottom: 10px;
	width: 100%;
}
.profile_linformation a{
	display: block;
	color: #ff1795;
	font-size: 1.2rem;
	text-decoration: underline;
	text-align: center;
}
.profile_linformation .year{
	font-size:10pt; 
	margin-top:-10px;
}
.profile_local_nav{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 96%;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    margin: 0 auto 50px;
}
.profile_local_nav li{
	border-radius: 6px;
	width: 24%;
}
.profile_local_nav li a{
	background: url("/recruit/profile/images/link_btn.png") no-repeat right 50% bottom 10px;
	background-size: 16px auto;
	color: #fff;
	display: block;
	font-size: 1.4rem;
	padding: 12px 0 30px;
	text-align: center;
	width: 100%;
}
.profile_local_nav li:nth-of-type(1){
	background: #ebc000;
}
.profile_local_nav li:nth-of-type(2){
	background: #e44141;
}
.profile_local_nav li:nth-of-type(3){
	background: #368ccf;
	}
.profile_local_nav li:nth-of-type(4){
	background: #258b1b;
}
.profile_amami{
	background: url("/recruit/profile/images/amami_bg.png") repeat-x 0 0;
}
.profile_amamikita{
	background: url("/recruit/profile/images/amamikita_bg.png") repeat-x 0 0;
}
.profile_matsubara{
	background: url("/recruit/profile/images/matsubara_bg.png") repeat-x 0 0;
}
.profile_terra{
	background: url("/recruit/profile/images/terra_bg.png") repeat-x 0 0;
}
.profile_amami h2,
.profile_amamikita h2,
.profile_terra h2,
.profile_matsubara h2{
	border-radius: 50%;
	color: #fff;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3rem;
	height: 96px;
	margin: 0 auto 30px;
	text-align: center;
	width: 96px;
}
.profile_amami h2{
	background: #ebc000;
}
.profile_amamikita h2{
	background: #e44141;
}
.profile_matsubara h2{
	background: #368ccf;
}
.profile_terra h2{
	background: #258b1b;
}

.profile_amami .introduction,
.profile_amamikita .introduction,
.profile_terra .introduction,
.profile_matsubara .introduction{
	margin: 0 15px 35px;
	width: 96%;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
}
.profile_amami .introduction figure,
.profile_amamikita .introduction figure,
.profile_amamikita .terra figure,
.profile_matsubara .introduction figure{
	width: 100%;
}
.profile_amami .introduction figure img,
.profile_amamikita .introduction figure img,
.profile_terra .introduction figure img,
.profile_matsubara .introduction figure img{
	width: 100%;
}
.profile_amami .introduction > div,
.profile_amamikita .introduction > div,
.profile_terra .introduction > div,
.profile_matsubara .introduction > div{
	margin-top: 15px;
	width: 100%;
}
.profile_amami h3,
.profile_amamikita h3,
.profile_terra h3,
.profile_matsubara h3{
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 15px;
}
.profile_amami p,
.profile_amamikita p,
.profile_terra p,
.profile_matsubara p{
	font-size: 1.3rem;
}
.profile_amami .message,
.profile_amamikita .message,
.profile_terra .message,
.profile_matsubara .message{
	margin: 0 15px 30px;
	width: 96%;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
}
.profile_amami .message p,
.profile_amamikita .message p,
.profile_terra .message p,
.profile_matsubara .message p{
	margin-bottom: 25px;
}
.profile_amami .message p img,
.profile_amamikita .message p img,
.profile_terra .message p img,
.profile_matsubara .message p img{
	float: right;
	width: 130px;
}
.profile_amami .message ul,
.profile_amamikita .message ul,
.profile_terra .message ul,
.profile_matsubara .message ul{
	clear: both;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.profile_amami .message ul li,
.profile_amamikita .message ul li,
.profile_terra .message ul li,
.profile_matsubara .message ul li{
	width: 33.333%;
}
.profile_amami .message ul li img,
.profile_amamikita .message ul li img,
.profile_terra .message ul li img,
.profile_matsubara .message ul li img{
	width: 100%;
}
.profile_amami .link,
.profile_amamikita .link,
.profile_terra .link,
.profile_matsubara .link{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 15px 60px;
	width: 96%;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
}
.profile_amami .link li,
.profile_amamikita .link li,
.profile_terra .link li,
.profile_matsubara .link li{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	align-items: flex-end;
	margin: 0 8px;
}
.profile_amami .link li img,
.profile_amamikita .link li img,
.profile_terra .link li img,
.profile_matsubara .link li img{
	width: 100%;
}
/* =================================================
===================== INITIATIVE ============ */
#top_initiative{
	margin: 10px auto 60px;
	max-width: 300px;
}
#top_initiative .bnr{
	margin: 0 auto 35px;
	width: 100%;
}
#top_initiative .bnr a{
	background: url("/wp/wp-content/themes/rissei/common/images/bnr_initiative.jpg") no-repeat 0 0;
	background-size: cover;
	border-radius: 3px;
	display: block;
	height: auto;
	padding-top: 35%;
	position: relative;
	text-align: left;
	width: 100%;
}
#top_initiative .bnr div{
	position: absolute;
	top: 50%;
	left: 15px;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#top_initiative .bnr h3{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height:30px;
}
#top_initiative .bnr p{
	color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:10px;
	line-height:15px;
}
#top_initiative .bnr .sp{
	display: block;
}
#top_initiative .bnr .link{
	position: absolute;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 15px;
}
/***********************************************************************************************************************
* デバイス横サイズ768px以上（SPではない場合）
***********************************************************************************************************************/
@media screen and (min-device-width: 768px){
.pc{display: block !important;}
.sp{display: none !important;}
#main-visual{
	background: url("/recruit/common/images/main-visual-bg-pc-blue.png") no-repeat 0 50%;
	background-size: cover;
	margin: 0 auto;
	text-align: center;
}
#main-visual img{
	max-width: 1400px;
}
#top-copy{
	height: 150px;
	padding: 0;
}
#top-copy img{
	top: -45px;
	max-width: 693px;
	width: 693px;
}
#top-global-menu{
	padding-bottom: 20px;
}
#top-global-menu > ul{
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	margin: 0 auto;
	max-width: 980px;
	width: 100%;
}
#top-global-menu > ul li{
	margin-bottom: 60px;
	width: 48%;
	max-width: 463px;
}
#top-global-menu > ul li figure{
	margin-bottom: 11px;
}
#top-global-menu > ul li figure img{
	width: 100%;
}
#top-global-menu > ul li h2{
	font-size: 2.4rem;
	margin-bottom: 10px;
}
#top-global-menu > ul li h3{
	font-size: 1.2rem;
	margin: 0 auto 25px;
	padding: 5px 0 6px;
	width: 115px;
}
#top-global-menu > ul li p{
	font-size: 1.4rem;
	margin: 0 auto 25px;
}
#top-global-menu > ul li a img{
	width: 200px;
}
/*FOOTER
------------------------------------------------------------------------------*/
footer {
	background: #00a0eb;
	padding-bottom: 0;
}
footer #foot-entry{
	padding: 40px 0 35px;
}
footer #foot-entry h2 {
	font-size: 3.0rem;
}
footer #foot-entry p {
	color: #fff;
	font-size: 1.4rem;
	margin-bottom: 20px;
}
footer #foot-entry .btn{
	border-radius: 6px;
	font-size: 2.0rem;
	max-width: 460px;
	padding: 24px 0 25px;
	width: 460px;
}
footer #foot-entry #pagetop{
	right: 50px;
}
footer #foot-entry #pagetop img{
	width: 224px;
}
footer #foot-bottom{
	height: 103px;
	padding: 34px 0 0;
}
footer #foot-bottom #foot-bottom-inner{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0 auto;
	width: 980px;
}

footer #foot-bottom #foot-bottom-inner a{
	color:#fff;
}
footer #foot-bottom .wrap{
	background: url("/recruit/common/images/foot-logo-pc.png") no-repeat 0 50%;
	background-size: 69px auto;
	margin: 0;
	max-width: 100%;
	min-height: 52px;
}
footer #foot-bottom h2{
	display: block;
	font-size: 1.4rem;
	margin: 10px 0 10px 86px;
}
footer #foot-bottom .address{
	display: block;
	font-size: 1.2rem;
	margin-left: 86px;
}
footer #foot-bottom .copyright{
	font-size: 1.2rem;
	line-height: 69px;
	text-align: right;
}
/*下層ページ
------------------------------------------------------------------------------*/
header{
	border-top: none;
}
header h1{
	background: url("/recruit/common/images/header-row-bg.png") no-repeat 0 0;
	background-size: cover;
	text-align: center;
}
header h1 img{
	margin-bottom: -14px;
    margin-top: 18px;
}
header nav{
	margin: 0 auto;
	text-align: center;
}
header nav ul{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin: 0 auto;
	width: 880px;
}
header nav ul li{
	color: #ff1795;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 20px 0 95px;
}
header nav ul li a{
	color: #5a4201;
}

header nav ul li.none{
	color:#d3d3d3;
}
header h2{
	padding: 0;
	text-align: center;
}
header h2 strong{
	font-size: 4.0rem;
	margin: 0 auto 20px;
}
header h2 span{
	font-size: 1.6rem;
	margin: 10px auto 0;
	padding: 6px 0 7px;
	width: 182px;
}
footer nav{
	display: none;
}
/*---------- イントロダクション ----------*/
.lead{
	font-size: 3.6rem;
	margin: 90px auto 50px;
}
.lead + p{
	font-size: 18px;
	line-height: 2.0em;
	margin-bottom: 100px;
	text-align: center;
}
.introduction-wrap{}
.introduction-wrap ul.img-list{
	margin: 0 auto;
	width: 980px;
}
.introduction-wrap ul.img-list li{
	margin-right: 10px;
	width: 320px;
}
.introduction-wrap>p{
	background: url("/recruit/common/images/bg-yellow.png") repeat 0 0;
	background-size: 2px 9px;
	font-size: 2.2rem;
	margin-top: -112px;
}
.introduction-wrap> ul + p{
	padding: 150px 0 110px;
}
.introduction-wrap> p{
	padding: 30px 0 110px;
}
.introduction-wrap>h2{
	height: 138px;
	font-size: 1.8rem;
	margin: -69px auto 0;
	width: 138px;
}
.introduction-wrap>h2 span{
	display: table-cell;
	vertical-align: middle;
}
.introduction-wrap>div{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 35px auto 70px;
	width: 980px;
}

.introduction-wrap>div.box2{
	margin: 35px auto 240px;
}

.introduction-wrap>div.box3{
	margin: 35px auto 140px;
}

.introduction-wrap>div .txt{
	width: 460px;
}
.introduction-wrap>div h3{
	font-size: 2.4rem;
	margin-bottom: 30px;
}
.introduction-wrap>div h4{
	font-size: 1.8rem;
}
.introduction-wrap>div p{
	font-size: 1.6rem;
	margin-bottom: 25px;
}
.introduction-wrap>div figure{
	width: 476px;
}
.introduction-wrap>div figure img{
	border-radius: 6px;
}
.introduction-wrap ul.system-list{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 45px auto 170px;
	width: 980px;
}
.introduction-wrap ul.system-list li{
	display: block;
	margin-bottom: 0;
}
.introduction-wrap ul.system-list li figure{
	margin-bottom: 18px;
	width: 300px;
}
.introduction-wrap ul.system-list li figure img{
	border-radius: 6px;
}
.introduction-wrap ul.system-list li div{
	width: 300px;
}
.introduction-wrap ul.system-list li div h3{
	font-size: 1.8rem;
	margin-bottom: 20px;
}
.introduction-wrap ul.system-list li div p{
	font-size: 1.6rem;
}
/*---------- インタビュー ----------*/
.interview-lead{
	font-size: 16px;
	margin-top: 55px;
	text-align: center
}
.interview-list{
	margin-bottom: 130px;
	padding-bottom: 0;
}
.interview-list ul li{
	background: url("/recruit/common/images/bg-yellow.png") repeat 100% 0;
	background-size: 1px 4.5px;
	width: 100%;
}
.interview-list ul li div{
	position: relative;
	margin: 0 auto;
	max-width: 840px;
	width: 100%
}
.interview-list ul li:nth-child(1) div > img{
	margin-top: -160px;
}
.interview-list ul li:nth-child(2) div > img{
	margin-top: -180px;
}
.interview-list ul li:nth-child(3) div > img{
	margin-top: -180px;
				}
.interview-list ul li:nth-child(4) div > img{
	margin-top: -180px;
}
.interview-list ul li div > img {
    width: auto;
}
.interview-list ul li:nth-child(1) div img,
.interview-list ul li:nth-child(3) div img{
	display: inline-block;
}
.interview-list ul li:nth-child(2) div img{
	display: inline-block;
	text-align: right;
}
.interview-list ul li:nth-child(4) div img{
	display: inline-block;
	text-align: right;
}
.interview-list ul li div a{
	display: block;
}
.interview-list ul li div a img {
    width: auto;
}
.interview-list ul li div .mitamura{
	position: absolute;
	left: -45px;
    bottom: 40px;
}
.interview-list ul li div .kita{
	position: absolute;
    right: -70px;
    bottom: 40px;
}

.interview-list ul li div .kimura{
	position: absolute;
    right: -110px;
    bottom: 40px;
}
.interview-list ul li div .watanabe{
	position: absolute;
	left: -40px;
    bottom: 45px;
}
.interview-list ul li div .motoyama{
	position: absolute;
    right: 0;
    bottom: 45px;
}
.interview-list ul li div .fujisawa{
	position: absolute;
	right: -75px;
    bottom: 45px;
}
.interview-list ul li div .takao{
	position: absolute;
    right: -120px;
    bottom: 45px;
}
.interview-list ul li div .saika{
	position: absolute;
    left: -10px;
    bottom: 45px;
}
.interview-list ul li div .ochi{
	position: absolute;
    left: -10px;
    bottom: 45px;
}
.interview-list ul li div .yahata{
	position: absolute;
    right: -70px;
    bottom: 40px;
}
.interview-list ul li:nth-child(1){
	margin-top: 215px;
}
.interview-list ul li:nth-child(2){
	margin-top: 300px;
}
.interview-list ul li:nth-child(3){
	margin-top: 260px;
}
.interview-list ul li:nth-child(4){
	margin-top: 260px;
}
/*---------- インタビュー:キャスト ----------*/
.profile-top{
	background: url("/recruit/interview/images/main-bg-pc.png") 50% 50% / 1400px auto no-repeat,url("/recruit/common/images/bg-yellow.png") 100% 0 / 2px 9px repeat;
	margin-top: 140px;
	text-align: left;
	width: 100%;
}
.profile-top h1{
	padding-left: 0;
	margin:0 auto;
	width: 1018px;
}
.profile-top h1 img{
	margin-bottom: 0;
	margin-top: -106px;
}
.profile-top.watanabe h1 img{
	margin-bottom: 0;
	margin-top: -125px;
}
.profile-top.fujisawa h1 img{
	margin-bottom: 0;
	margin-top: -140px;
}
.profile-contents{
	margin: 60px auto 0;
	width: 980px;
}
.profile-contents h2{
	font-size: 1.8rem;
	margin-bottom: 20px;
}
.profile-contents > p{
	font-size: 1.4rem;
	margin-bottom: 70px;
	text-align: center;
}
.profile-contents > ul li{
	overflow: hidden;
	position: relative;
	margin-bottom: 60px;
}
.profile-contents > ul li:nth-child(odd) figure{
	float: left;
}
.profile-contents > ul li:nth-child(odd) div{
	float: right;
}
.profile-contents > ul li:nth-child(even) figure{
	float: right;
}
.profile-contents > ul li:nth-child(even) div{
	float: left;
}
.profile-contents > ul li div{
	width: 476px;
}

.profile-contents > ul li .one{
	width: 980px;
}

.profile-contents > ul li h3{
	font-size: 2.4rem;
	margin-bottom: 30px;
}
.profile-contents > ul li h4{
	font-size: 1.8rem;
	line-height:1.5em;
}
.profile-contents > ul li p{
	font-size: 1.6rem;
	margin-bottom: 0;
}
.profile-contents > ul li figure{
	width: 476px;
}
.profile-contents nav{
	margin: 80px auto 120px;
	width: 570px;
}
.profile-contents nav ul {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	/*margin: 0 -36px 0 -24px;*/
	letter-spacing: normal;
	width: 600px;
}
.profile-contents nav ul li{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-bottom: 0;
	padding: 0;
	vertical-align: bottom;
	width: auto;
}
.profile-contents nav ul li:nth-of-type(1){
	margin-left: 0;
}
/*---------- 採用ストーリー ----------*/
.story-header{
	margin: -20px auto 0;
	max-width: 980px;
	width: 100%;
}
.story-header p{
	font-size: 1.6rem;
	margin-top: 55px;
	margin-bottom: 75px;
	text-align: center
}
.story-chart{
	margin: 0 auto 70px;
	max-width: 981px;
}
.story-chart figure{
	margin-bottom: 25px;
	margin-top: -25px;
}
.story-chart figure img{
	width: 100%;
}
.story-recruit .story-recruit-header{
	background: url("/recruit/common/images/bg-yellow.png") repeat 0 0;
	background-size: 2px 9px;
	/*padding: 75px 0 155px;*/
}
.story-recruit h1{
	font-size: 3.6rem;
	margin-bottom: 45px;
}
.story-recruit h1 + p{
	font-size: 1.8rem;
	line-height: 1.8em;
	text-align: center;
	margin: 0 auto;
	max-width: 980px;
}
.story-recruit > .story-recruit-tab{
	margin: -114px auto 70px;
	width: 980px;
}
.story-recruit > div .tab{
	margin: 0 24px;
}
.story-recruit > div .tab li{
	font-size: 1.8rem;
	height: 60px;
	line-height: 60px;
	margin-right: 4px;
  	width: 230px;
}
/*.story-recruit > div .tab li:nth-child(3){
	font-size: 1.8rem;
	height: 60px;
	line-height: 60px;
	padding-top: 0;
}*/
.story-recruit > div .tab li.active{
	font-size: 2.4rem;
	height: 80px;
	line-height: 80px;
}
/*.story-recruit > div .tab li:nth-child(3).active{
	font-size: 2.1rem;
	height: 80px;
	line-height: 80px;
	padding-top: 0;
}*/
.story-recruit > div .area{
	padding-bottom: 75px;
}
.story-recruit > div .area > div h2{
	font-size: 2.0rem;
	padding: 40px 0 15px;
}
.story-recruit > div .area > div table{
	margin: 0 70px;
	width: 840px;
}
.story-recruit > div .area > div table tr th{
	display: table-cell;
	font-size: 1.6rem;
	padding: 25px 0 25px 20px;
	vertical-align: middle;
	width: 125px;
}
.story-recruit > div .area > div table tr td{
	display: table-cell;
	font-size: 1.4rem;
	padding: 25px 20px 25px 0;
	vertical-align: middle;
					}
.story-recruit > div .area > div table tr td .access_kitaho{
	text-align:right;
	margin-right: 55px;
}
					
.story-recruit .sp-img {
        display: none;
    }
		
.select-box::after {
    -webkit-user-select: none;
    user-select: none;
    -webkit-pointer-events: none;
    pointer-events: none;
}
.story-recruit .closed img{
	width: 298px;
}
.story-recruit .closed{
    top:102px;
}
.story-recruit .soon img{
	width: 298px;
}
.story-recruit .soon{
    top:80px;
}
.story-recruit .soon2 img{
	width: 298px;
}
.story-recruit .soon2{
    top:410px;
}
.story-recruit a {
    color: #ff1795;
    text-decoration: underline;
}
/*---------- エントリー ----------*/
.contact-content{
	margin: 60px auto 50px;
	width: 980px;
}
.contact-lead{
	line-height: 2.0em;
	margin-bottom: 40px;
	text-align: center;
}
.contact-info{
	display: table;
	margin: 0 auto 40px;
}
.contact-info h1{
	display: table-cell;
	margin-bottom: 0;
	padding: 0;
	vertical-align: middle;
	width: 330px;
}
.contact-info p{
	display: table-cell;
	padding: 8px 0 8px 35px;
	vertical-align: middle;
}
.contact-info span{
	margin-top: 8px;
}
.contact-box{
	border: 8px solid #fbde3f;
	padding: 40px 60px;
}
.contact-box h2{
	margin-bottom: 30px;
}
.contact-box .form-tbl{
	border-top: 1px solid #e5e5e5;
	width: 100%;
}
.contact-box .form-tbl tr:first-child th{
	padding-top: 15px;
}
.contact-box .form-tbl th{
	border-bottom: 1px solid #e5e5e5;
	display: table-cell;
	margin-bottom: 0;
	padding: 15px 0;
	width: 200px;
}
.contact-box .form-tbl td{
	display: table-cell;
	margin-bottom: 0;
	padding: 15px 0;
	text-align: left;
	width: 660px;
}
.contact-box .form-tbl td .select-box{
	position: relative;
	width: 300px;
}
.contact-box .form-tbl td .select-box.select-box-year{
	display: inline-block;
	width: 80px;
}
.contact-box .form-tbl td .select-box::after {
    content: "";
    position: absolute;
    right: 1em;
    top: 50%;
    width: 0px;
    height: 0px;
    margin-top: -5px;
    border: 6px solid transparent;
    border-top: 10px solid #333;
}
.contact-box .form-tbl td .select-box.disabled::after {
    border-top-color: #b5b5b5; /* グレーアウト時の矢印色 */
}
.contact-box .form-tbl td .select{
	border-radius: 6px;
	padding: 0 1em;
	width: 100%;
}
.contact-box .form-tbl td .input{
	border-radius: 6px;
	padding: 0 1em;
	width: 50%;
}
.contact-box .form-tbl td .input.input-address{
	width: 450px;
}
.contact-box .form-tbl td .input.input-phone{
	width: 200px;
}
.contact-box .form-tbl td .input.input-year{
	width: 90px;
}
.contact-box .form-tbl td span{
	font-size: 1.6rem;
}
.form-tbl input[type="radio"]{
	height: 16px;
	width: 16px;
}
.form-tbl input[type="checkbox"]{
	height: 20px;
	width: 20px;
}
.form-tbl .checkbox-list{
	margin-bottom: 25px;
}
.form-tbl .checkbox-list span{
	margin-left: 8px;
}
.form-tbl .exm{
	margin-top: 10px;
}
.policy_box{
	border-radius: 6px;
	margin-bottom: 24px;
	padding: 30px 15px 30px 30px;
}
.policy_box .policy_box_inner{
	height: 140px;
	padding-right: 8px;
	overflow-y: auto;
}
.policy_box .policy_box_inner p,
.policy_box .policy_box_inner li{
	font-size: 1.4rem;
	margin-bottom: 10px;
}
.policy_box .policy_box_inner li:last-child{
	margin-bottom: 0;
}
.btn-area{
	margin-top: 55px;
	text-align: center;
}
.btn-yellow{
	border-radius: 6px;
	height: 70px;
	font-size: 2.4rem;
	line-height: 70px;
	width: 460px;
}
.btn-gray{
	border-radius: 6px;
	height: 50px;
	font-size: 1.8rem;
	line-height: 50px;
	width: 460px;
}
.complete-comment{
	font-size: 1.6rem;
	margin-bottom: -10px;
	padding: 30px 0 0;
}
.btn-yellow + .btn-gray{
	margin-top: 20px;
}
#breadcrumbs{
	padding: 15px 0;
}
#breadcrumbs ul{
	margin: 0 auto;
	padding: 0;
	width: 980px;
}
/*---------- 園の紹介 ----------*/
.profile_linformation{
	width: 100%;
	max-width: 980px;
    margin: 70px auto 80px;
}
.profile_linformation h3{
	font-size: 3.6rem;
    margin: 0 auto 15px;
}
.profile_linformation p{
	font-size: 1.6rem;
    margin: 0 auto 20px;
}
.profile_linformation div{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 20px;
}
.profile_linformation div span{
	display: block;
	width: 48.4%;
}
.profile_linformation div img{
	margin-bottom: 0;
	width: 100%;
}
.profile_linformation a{
	display: block;
	color: #ff1795;
	font-size: 1.6rem;
	text-decoration: underline;
	text-align: center;
}
.profile_linformation a:hover{
	text-decoration: none;
}
.profile_local_nav{
	max-width: 980px;
	margin: 75px auto 100px;
	width: 100%;
}
.profile_local_nav li{
	height: 90px;
	line-height: 90px;
	max-width: 24%;
}
.profile_local_nav li a{
	background: url("/recruit/profile/images/link_btn.png") no-repeat right 25px top 50%;
	background-size: 22px auto;
	color: #fff;
	display: block;
	font-size: 1.6rem;
	padding: 0;
	text-align: center;
	width: 100%;
}
.profile_local_nav li:nth-of-type(1){
	background: #ebc000;
}
.profile_local_nav li:nth-of-type(2){
	background: #e44141;
}
.profile_local_nav li:nth-of-type(3){
	background: #368ccf;
}
.profile_local_nav li:nth-of-type(4){
	background: #258b1b;
}
.profile_amami{
	background: url("/recruit/profile/images/amami_bg.png") repeat-x 0 0;
}
.profile_amamikita{
	background: url("/recruit/profile/images/amamikita_bg.png") repeat-x 0 0;
}
.profile_matsubara{
	background: url("/recruit/profile/images/matsubara_bg.png") repeat-x 0 0;
}
.profile_terra{
	background: url("/recruit/profile/images/terra_bg.png") repeat-x 0 0;
}
.profile_amami h2,
.profile_amamikita h2,
.profile_terra h2,
.profile_matsubara h2{
	border-radius: 50%;
	color: #fff;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	align-items: center;
	justify-content: center;
	font-size: 1.8rem;
	height: 137px;
	margin: 0 auto 30px;
	text-align: center;
	width: 137px;
}
.profile_amami h2{
	background: #ebc000;
}
.profile_amamikita h2{
	background: #e44141;
}
.profile_matsubara h2{
	background: #368ccf;
}
.profile_terra h2{
	background: #258b1b;
}
.profile_amami .introduction,
.profile_amamikita .introduction,
.profile_terra .introduction,
.profile_matsubara .introduction{
	margin: 0 auto;
	max-width: 980px;
	width: 100%;
}
.profile_terra .introduction,
.profile_matsubara .introduction{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
.profile_amami .introduction > div,
.profile_terra .introduction > div,
.profile_amamikita .introduction > div{
	margin-top: 90px;
	width: 100%;
}
.profile_amami .introduction > div > img,
.profile_terra .introduction > div > img,
.profile_amamikita .introduction > div > img{
	float: right;
	margin-top: -60px;
	margin-left: 3%;
}
.profile_amami h3,
.profile_amamikita h3,
.profile_terra h3,
.profile_matsubara h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
.profile_amami p,
.profile_amamikita p,
.profile_terra p,
.profile_matsubara p{
	font-size: 16px;
}
.profile_amami .message,
.profile_amamikita .message,
.profile_terra .message,
.profile_matsubara .message{
	clear: both;
	margin: 35px auto 30px;
	max-width: 980px;
	min-height: 178px;
	width: 100%;
}
.profile_terra .introduction.introduction_terra figure,
.profile_matsubara .introduction.introduction_matsubara figure{
	order: 2;
	margin-left: 3%;
	max-width: 476px;
	width: 50%;
}
.profile_terra .introduction.introduction_terra > div,
.profile_matsubara .introduction.introduction_matsubara > div{
	order: 1;
	margin-top: 90px;
	width: 50%;
}
.profile_amami .message{
	background: url("/recruit/profile/images/amami_img02.jpg") no-repeat right 40px bottom 120px;
}
.profile_amamikita .message{
	background: url("/recruit/profile/images/amamikita_img02.jpg") no-repeat right 40px bottom 140px;
}
.profile_matsubara .message{
	background: url("/recruit/profile/images/matsubara_img02.jpg") no-repeat right 40px bottom 140px;
}
.profile_terra .message{
	background: url("/recruit/profile/images/terra_img02.jpg") no-repeat right 40px bottom 140px;
}
.profile_amami .message p,
.profile_amamikita .message p,
.profile_terra .message p,
.profile_matsubara .message p{
	min-height: 8em;
	margin-bottom: 25px;
	width: 70%;
}
.profile_amami .message p img,
.profile_amamikita .message p img,
.profile_terra .message p img,
.profile_matsubara .message p img{
	display: none;
}
.profile_amami .message ul,
.profile_amamikita .message ul,
.profile_terra .message ul,
.profile_matsubara .message ul{
  	-ms-flex-wrap: nowrap;
  	flex-wrap: nowrap;
}
.profile_amami .message ul li,
.profile_amamikita .message ul li,
.profile_terra .message ul li,
.profile_matsubara .message ul li{
	width: auto;
}
.profile_amami .message ul li img,
.profile_amamikita .message ul li img,
.profile_terra .message ul li img,
.profile_matsubara .message ul li img{
	width: auto;
}
.profile_amami .link,
.profile_amamikita .link,
.profile_terra .link,
.profile_matsubara .link{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto 130px;
	max-width: 980px;
	width: 100%;
}
.profile_amami .link li,
.profile_amamikita .link li,
.profile_terra .link li,
.profile_matsubara .link li{
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin: 0 45px;
}
/* =================================================
===================== INITIATIVE ============ */
	#top_initiative{
		margin: 40px 0 80px;
		max-width: 100%;
	}
	#top_initiative .temp_title_01 {
	    text-align: center;
	    margin-bottom: 40px;
	}
	#top_initiative .bnr{
		max-width: 1000px;
		margin: 0 auto 40px;
		width: 100%;
	}
	#top_initiative .bnr a{
		background: url("/wp/wp-content/themes/rissei/common/images/bnr_initiative.jpg") no-repeat 0 0;
		background-size: 100% auto;
		border-radius: 6px;
		display: block;
		height: 300px;
		padding-top: 0;
		position: relative;
		text-align: left;
		width: 100%;
	}
	#top_initiative .bnr div{
	  position: relative;
	  left: 53px;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
	}
	#top_initiative .bnr h3{
		color: #fff;
		font-size: 35px;
		font-weight: bold;
		line-height: 100%;
		margin-bottom: 10px;
	}
	#top_initiative .bnr p{
		color: #fff;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 18px;
		line-height: 100%;
	}
	#top_initiative .bnr .sp{
		display: none;
	}
	#top_initiative .bnr .link{
	  position: absolute;
	  right: 35px;
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
	  width: 32px;
	}
			}
			
/***********************************************************************************************************************
* デバイス横サイズ768以下（SP用）
***********************************************************************************************************************/
@media screen and (max-width: 480px) {
/* 768pxまでの幅の場合に適応される */
				
.story-recruit .hottab {
	position:relative;
}
.story-recruit .hoticon {
	width: 40px;
	height: 40px;
	position:absolute;
	top: -30px;
	left:35px;
}
.profile_linformation .year{
	font-size:10pt; 
	margin-top:-5px;
}
					
.story-recruit .pc-img {
            display: none;
        }
.story-recruit .sp-img {
            display: block;
        }
     
.story-recruit > div .area > div.show div.pickup-link-area {
	width:78%;
  margin:10px 20px 30px 20px;
}

.story-recruit > div .area >div.show  div.pickup-link-area a.pickup-link{
  width:100%;
  margin-bottom:10px;
}

.story-recruit > div .area >div.show  div.pickup-link-area a.column1{
  margin-right:0;
}
   
 .story-recruit > div .area > div table tr.pickuparea td{
	padding:15px;
	overflow:hidden;
}       
.story-recruit > div .area > div table tr.pickuparea td div.conditions{
	width:100%;
}