@charset "utf-8";

/* ============================================================== parts */
/* ------------------------ page title */
.page_head .wfx            {margin-bottom:0.2em;padding:1em;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}
.page_head_inner           {padding:0.5em 0;max-width:560px;margin:0 auto;background:rgba(255,255,255,0.5);text-align:center;}
.page_head_inner p         {font-weight:bold;}
.page_head_inner span      {display:block;}
.page_head_sub             {font-size:75%;}
.page_head_ttl             {font-size:120%;}
.page_head_en              {font-size:75%;}
@media screen and (min-width: 768px){
	.page_head .wfx            {padding:2.4em 1em;}
	.page_head_inner           {padding:1.2em 0;}
	.page_head_inner p span    {line-height:130%;}
	.page_head_sub             {font-size:110%;}
	.page_head_ttl             {font-size:230%;}
	.page_head_en              {font-size:110%;}
}
/* ------------------------ topic path */
.topic_path                {font-size:75%;margin-bottom:1em;padding:0 0.5em;}
.topic_path .wfx           {max-width:1100px;}
.topic_path span           {display:inline-block;white-space:nowrap;}
.topic_path a,
.topic_path i              {display:inline-block;text-decoration:none;color:#5f5f5f;}
.topic_path span:not(:last-child):after     {content:"\003E";display:inline-block;margin:0 0.5em;}
@media screen and (min-width: 768px){
	.topic_path                {font-size:75%;text-align:left;margin-bottom:2em;}
}

/* ============================================================== index */
/* ------------------------ index mv */
@media screen and (min-width: 768px){
	.idx_mv                    {margin-bottom:1em;}
}
/* ------------------------ index news */
.idx_news                  {padding:1em 0.5em;}
.idx_news .wfx             {max-width:950px;}
.idx_news_ttl              {font-size:120%;font-weight:bold;color:#48b119;margin-bottom:0.5em;letter-spacing:0.1em;}
.idx_news_set dl           {font-size:87.5%;border-bottom:1px dotted rgba(0,80,255,0.2);margin-bottom:1em;padding-bottom:1em;}
.idx_news_set dt           {color:#444;font-weight:bold;}
.idx_news_set dd a         {color:#00599a;text-decoration:none;display:inline-block;}

@media screen and (min-width: 768px){
	.idx_news                  {padding:3em 0.5em;}
	.idx_news_ttl              {font-size:140%;margin-bottom:1em;}
	.idx_news_set dl           {display:flex;margin-bottom:1.5em;padding-bottom:1.5em;}
	.idx_news_set dt           {width:6em;}
	.idx_news_set dd           {flex:1;}
}

/* ------------------------ index menu */
.idx_menu                  {padding:30px 0;background:url("../img/img-recruit/idx_menu_bg.jpg");}
.idx_menu .wfx             {padding-top:15%;max-width:450px;text-align:center;}
.idx_menu_set              {padding:0 1.5em;margin-bottom:1em;position:relative;}
.idx_menu_set a            {display:block;}
.idx_menu_ttl              {position:absolute;z-index:3;width:57%;transition:0.3s;}
.idx_menu_photo            {position:relative;z-index:2;border:5px solid #fff;box-shadow:1px 1px 2px rgba(0,0,0,0.5);background:#fff;}
.idx_menu_photo img        {transition:0.3s;}
.idx_menu_fig              {position:absolute;}
.idx_menu_1                    {margin-bottom:10%;}
.idx_menu_1 .idx_menu_ttl      {left:0;top:-20%;}
.idx_menu_1 .idx_menu_photo    {margin-bottom:5px;}
.idx_menu_1 .idx_menu_fig_1    {top:-22%;right:30px;width:30%;}
.idx_menu_1 .idx_menu_fig_2    {top:12%;left:-1%;width:15%;z-index:4;}
.idx_menu_2                    {margin-bottom:20%;}
.idx_menu_2 .idx_menu_ttl      {right:1%;bottom:-5%;}
.idx_menu_2 .idx_menu_txt      {margin-bottom:5px;}
.idx_menu_3                    {margin-bottom:20%;}
.idx_menu_3 .idx_menu_ttl      {left:0;top:-24%;}
.idx_menu_3 .idx_menu_fig      {bottom:-7%;left:0;width:17%;z-index:4;}
.idx_menu_4                    {margin-bottom:20%;}
.idx_menu_4 .idx_menu_ttl      {left:0;top:-24%;}
.idx_menu_4 .idx_menu_fig      {bottom:0;right:0;width:30%;z-index:4;}
.idx_menu_5 .idx_menu_ttl      {left:0;top:-24%;}
.idx_menu_5 .idx_menu_fig_1    {bottom:0;left:0;width:30%;z-index:4;}
.idx_menu_5 .idx_menu_fig_2    {bottom:0;right:0;width:20%;z-index:4;}

@media screen and (min-width: 768px){
	.idx_menu .wfx             {max-width:1000px;padding-top:100px;padding-bottom:60px;}
	.idx_menu_set              {max-width:470px;width:48%;}
	.idx_menu_set a:hover .idx_menu_ttl       {transform:rotate(14deg);}
	.idx_menu_set a:hover .idx_menu_photo img {opacity:0.8;}
	.idx_menu_1                    {float:left;margin-bottom:100px;}
	.idx_menu_2                    {float:right;margin-bottom:180px;margin-top:100px;}
	.idx_menu_3                    {float:left;margin-bottom:160px;}
	.idx_menu_3 .idx_menu_ttl      {left:-3%;top:-20%;}
	.idx_menu_3 .idx_menu_fig      {bottom:-7%;left:-4%;}
	.idx_menu_4                    {float:right;margin-bottom:0;}
	.idx_menu_4 .idx_menu_ttl      {left:-3%;top:-20%;}
	.idx_menu_5                    {float:left;margin-bottom:0;}
	.idx_menu_5 .idx_menu_ttl      {left:-3%;top:-20%;}
	.idx_menu_5 .idx_menu_fig_2    {right:-10%;width:22%;}
}
/* ------------------------ index contact */
.idx_contact               {padding:20px 0.5em 0;}
.idx_contact .wfx          {max-width:1000px;}
.idx_contact_btn           {text-align:center;margin-bottom:1.5em;}
.idx_contact_btn a         {display:inline-block;max-width:454px;}
.idx_contact_box           {margin-bottom:1.5em;}
.idx_contact_head          {color:#354475;margin-bottom:1em;}
.idx_contact_ttl           {font-weight:bold;}
.idx_contact_ttl span      {display:block;}
.idx_contact_ttl .ja       {font-size:20px;line-height:125%;}
.idx_contact_ttl .en       {font-size:12px;}
.idx_contact_txt           {font-size:13px;}
.idx_contact_txt span      {display:block;}
.idx_contact_lst           {display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:10px;}
.idx_contact_lst li        {width:calc((100% - 5px) / 2);position:relative;margin-bottom:5px;}
.idx_contact_lst li a      {color:#354475;background:#dfe7f3;display:flex;width:100%;height:100%;align-items:center;text-decoration:none;transition:0.3s;}
.idx_contact_lst li a:hover{background:#e6edf9;}
.idx_contact_lst li a > div{width:100%;text-align:center;padding-bottom:0.5em;}
.idx_contact_lst li figure {display:block;margin:25px auto 10px;width:30%;max-width:64px;}
.idx_contact_lst_ttl       {margin-bottom:10px;text-align:center;}
.idx_contact_lst li p      {color:#222;font-size:62.5%;text-align:left;margin:0 1em;}

.idx_contact_box_2 .idx_contact_head      {color:#c47230;}
.idx_contact_box_2 .idx_contact_lst li a  {color:#c47230;background:#f0f3df;}
.idx_contact_box_2 .idx_contact_lst li a:hover{background:#f6f9e6;}
.idx_contact_box_2 .idx_contact_lst li a p {color:#222;}

@media screen and (min-width: 768px){
	.idx_contact               {padding-top:80px;}
	.idx_contact_btn           {margin-bottom:4em;}
	.idx_contact_box           {margin-bottom:4em;}
	.idx_contact_head          {display:flex;margin-bottom:1.5em;}
	.idx_contact_txt           {padding-left:50px;position:relative;}
	.idx_contact_txt:before    {background:#354475;content:"";display:block;position:absolute;left:23px;top:3px;width:2px;height:40px;transform:rotate(30deg);}
/*	.idx_contact_lst li        {width:calc((100% - 15px) / 4);}*/
	.idx_contact_lst li        {width:calc((100% - 15px) / 3);}
		.idx_contact_lst li a > div{padding-bottom:1.5em;}
	.idx_contact_lst li figure {margin:30px auto 20px;}
	.idx_contact_lst_ttl       {font-size:18px;}
	.idx_contact_lst li p      {font-size:80%;margin:0 1.5em;}

	.idx_contact_box_2 .idx_contact_txt:before {background:#c47230;}
}

/* ============================================================== voice index */
.voice_idx                 {padding:0 0.5em;margin-bottom:30px;}
.voice_idx .wfx            {max-width:1000px;}
.voice_idx_lead            {text-align:center;margin:2em 0;}
.voice_idx_lead span       {display:block;}
.voice_idx_lead span i     {display:inline-block;}
.voice_idx_lst             {display:flex;flex-wrap:wrap;}
.voice_idx_lst:after       {content:"";display:block;clear:both;height:0;font-size:0;}
.voice_idx_lst li          {width:calc((100% - 0.5em) / 2);margin-right:0.5em;margin-bottom:0.5em;position:relative;}
.voice_idx_lst li:nth-of-type(2n) {margin-right:0;}
.voice_idx_lst li a        {display:block;width:100%;height:100%;position:relative;}
.voice_idx_lst li figure   {display:block;background:#fff;}
.voice_idx_lst li p        {font-size:50%;position:absolute;background:rgba(0,0,0,0.8);color:#fff;display:flex;height:5em;align-items:center;bottom:0;left:0;width:100%;}
.voice_idx_lst li p span   {width:100%;text-align:center;display:block;overflow:hidden;}
.voice_idx_lst li p span i {display:block;white-space:nowrap;}
.voice_idx_lst li .big     {font-size:180%;}

.voice_idx_lst li img      {transition:0.2s;}
.voice_idx_lst li a:hover img     {opacity:0.8;}

@media screen and (min-width: 420px){
	.voice_idx_lst li p        {font-size:75%;}
}
@media screen and (min-width: 600px){
	.voice_idx_lst li:nth-of-type(2n),
	.voice_idx_lst li          {width:calc((100% - 1em) / 3);margin-right:0.5em;}
	.voice_idx_lst li:nth-of-type(3n) {margin-right:0;}
}
@media screen and (min-width: 768px){
	.voice_idx_lead            {margin:3em 0;}
	.voice_idx_lst li:nth-of-type(2n),
	.voice_idx_lst li:nth-of-type(3n),
	.voice_idx_lst li          {width:calc((100% - 3em) / 4);margin-right:1em;margin-bottom:1em;}
/*	.voice_idx_lst li          {width:calc((100% - 3em) / 3);margin-right:1em;margin-bottom:1em;}*/
	.voice_idx_lst li:nth-of-type(4n) {margin-right:0;}
	.voice_idx_lst li p        {font-size:75%;}
}

/* ============================================================== voice */
.voice_head                {margin-bottom:1em;}
.voice_head_ttl            {text-align:right;padding-right:1em;}
.voice_head_ttl span       {display:inline-block;background:#4589c9;color:#fff;text-align:center;padding:0.2em 1em;border-radius:0 0 10px 10px;}
.voice_head_ttl span i     {display:block;}
.voice_head_ttl span i:nth-of-type(1)  {font-size:10px;}
.voice_head_ttl span i:nth-of-type(2)  {font-size:18px;}

.voice                     {margin-bottom:1em;padding:0 0.5em;}
.voice .wfx                {max-width:1000px;}
.voice_ttl                 {font-size:23px;line-height:135%;margin-bottom:0.5em;color:#80c36c;}
.voice p                   {margin-bottom:1em;}
.voice_fig                 {margin-bottom:1em;}

@media screen and (min-width: 768px){
	.voice_head_ttl            {padding-right:2em;}
	.voice_head_ttl span       {padding:0.2em 2em;}
	.voice_head span i:nth-of-type(1)  {font-size:13px;}
	.voice_head span i:nth-of-type(2)  {font-size:25px;}
	.voice                     {margin-bottom:2em;}
	.voice_ttl                 {margin-bottom:1em;}
	.voice p                   {margin-bottom:2em;}
	.voice_fig                 {width:40%;max-width:430px;margin-bottom:2em;}
	.voice_fig_fl              {float:left;margin-right:2em;}
	.voice_fig_fr              {float:right;margin-left:2em;}
}

/* ------------------------ policy */
.policy_ttl {
    margin-bottom: 0em;
}
.policy_ttl {
    font-size: 20px;
    line-height: 135%;
    margin-bottom: 0.5em;
    color: #51933e;
	border-bottom: solid 2px;
}


/* ------------------------ kakomi */
.kakomi                    {margin:0 auto 0.5em;padding:0 0.5em;}
.kakomi .wfx               {padding:0;background:#fff;border:5px solid #4589c9;max-width:1000px;}
.kakomi_ttl span           {background:#4589c9;color:#fff;font-weight:bold;display:block;}
.kakomi_fig                {text-align:center;margin:1em 1em 0;}
.kakomi p                  {font-size:87.5%;margin:1em;}

@media screen and (min-width: 768px){
	.kakomi                    {margin-bottom:60px;}
	.kakomi_fig_fr             {float:right;margin:-1em 2em 2em;width:30%;max-width:240px;}
	.kakomi_ttl span           {display:inline-block;padding:0.2em 1em;border-radius:0 0 5px 0;}
	.kakomi p                  {font-size:100%;margin:2em 1em 2em 2em;}
}