@charset "UTF-8";

table.recruit dl {display:flex; flex-wrap:wrap;}
table.recruit dl dt {width:5em;}
table.recruit dl dd {width:calc(100% - 6em);}

/*********************************
 * ～900
 *********************************/

@media screen and (max-width:900px){
  
  .contents {width:100%;}
  main h2,
  * + .ptxt,
  .area1,
  .area2,
  .area3 {width:90%; margin-left:auto; margin-right:auto;}
  
	.contents > .ptxt:nth-child(1) {margin-top:0; padding:1.5em; background:#f0f7ff;}
  .contents > .ptxt:nth-child(1) p {line-height:1.6;}
  .contents > .ptxt:nth-child(1) span {display:block; padding-bottom:0.5em; color:#0347a3; font-size:120%; font-weight:800; text-align:center;}

  table.recruit {width:100%; border-top:1px solid #7f7f7f;}
  table.recruit th {width:9em; padding:0.5em 1em; border:1px solid #ddd; vertical-align:top;}
  table.recruit td {padding:0.5em 1em; border:1px solid #ddd;}
  table.recruit tr:nth-child(even) th,
	table.recruit tr:nth-child(even) td {background:#fafafa;}
  
  .recruit_contact {display:block; width:100%; margin:2em auto 0 auto; padding-bottom:2em; border:2px solid #0347a3; border-radius:6px;}
	.recruit_contact .ttl {width:90%; margin:0 auto; padding:1.2em 0 0.8em 0; border-bottom:2px solid #0347a3; color:#0347a3; font-weight:600; text-align:center;}
	.recruit_contact .tel {margin:0.3em 0 0 0; font-size:180%; font-weight:800; text-align:center;}
	.recruit_contact .tel span {padding:0 0 0 1.4em;  background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5IDEuMzIybDIuODQ0LTEuMzIyIDQuMDQxIDcuODg5LTIuNzI0IDEuMzQyYy0uNTM4IDEuMjU5IDIuMTU5IDYuMjg5IDMuMjk3IDYuMzcyLjA5LS4wNTggMi42NzEtMS4zMjggMi42NzEtMS4zMjhsNC4xMSA3LjkzMnMtMi43NjQgMS4zNTQtMi44NTQgMS4zOTZjLS41OTguMjczLTEuMjE1LjM5OS0xLjg0Mi4zOTctNS42NDktLjAxOS0xMi4wODYtMTAuNDMtMTIuMTMzLTE3LjMzLS4wMTYtMi40MDcuNzQ1LTQuMzg3IDIuNTktNS4zNDh6bTEuOTMgMS4yNzRsLTEuMDIzLjUwNGMtNS4yOTQgMi43NjIgNC4xNzcgMjEuMTg1IDkuNjQ4IDE4LjY4NmwuOTcyLS40NzQtMi4yNzEtNC4zODMtMS4wMjYuNTAxYy0zLjE2MyAxLjU0Ny04LjI2Mi04LjIxOS01LjA1NS05LjkzOGwxLjAwNy0uNDk4LTIuMjUyLTQuMzk4em0xNS40OCAxNC40MDRoLTF2LTEzaDF2MTN6bS0yLTJoLTF2LTloMXY5em00LTFoLTF2LTdoMXY3em0tNi0xaC0xdi01aDF2NXptLTItMWgtMXYtM2gxdjN6bTEwIDBoLTF2LTNoMXYzem0tMTItMWgtMXYtMWgxdjF6Ii8+PC9zdmc+') left center no-repeat; background-size:auto 1em;}
	.recruit_contact .note {margin:-0.5em 0 0 0; font-size:80%; font-weight:600; text-align:center;}
	.recruit_contact .btn {margin:1em 0 0 0; font-size:90%; font-weight:600; text-align:center;}
	.recruit_contact .btn a {position:relative; padding:0.5em 3em 0.6em 3em; border:1px solid #b6b6b6; color:#000; transition:0.3s;}
	.recruit_contact .btn a:hover {opacity:0.8;}
	.recruit_contact .btn a::after {position:absolute; display:block; content:''; width:0.4em; height:0.4em; border:1px solid #000; border-bottom:0; border-left:0; right:1em; top:42%; transform:rotate(45deg);}

}



/*********************************
 * 901～
 *********************************/

@media screen and (min-width:901px) {

  .contents {width:100%; max-width:none;}
  main h2,
  * + .ptxt,
  .area1,
  .area2,
  .area3 {width:91%; max-width:980px; margin-left:auto; margin-right:auto;}  
  
	.contents > .ptxt:nth-child(1) {margin:0; padding:2em calc((100% - 980px) / 2) 2em calc((100% - 980px) / 2 + 520px); background:#f0f7ff url("../images/recruit_bg.jpg") center center no-repeat; background-size:cover;}
  .contents > .ptxt:nth-child(1) p {line-height:1.6;}
  .contents > .ptxt:nth-child(1) span {display:block; padding-bottom:0.5em; color:#0347a3; font-size:120%; font-weight:800;}

  table.recruit {width:100%; border-top:1px solid #7f7f7f;}
  table.recruit th {width:30%; padding:0.5em 0.5em 0 1.5em; border:1px solid #ddd; vertical-align:top;}
  table.recruit td {padding:0.5em 1.5em 0.5em 1.5em; border:1px solid #ddd;}
  table.recruit tr:nth-child(even) th,
	table.recruit tr:nth-child(even) td {background:#fafafa;}
  
  .recruit_contact {display:block; width:70%; margin:4em auto 0 auto; padding-bottom:2em; border:3px solid #0347a3; border-radius:6px;}
	.recruit_contact .ttl {width:80%; margin:0 auto; padding:1.4em 0 1em 0; border-bottom:3px solid #0347a3; color:#0347a3; font-size:110%; font-weight:600; text-align:center; line-height:1.4;}
	.recruit_contact .tel {margin:0.5rem 0 0 0; font-size:180%; font-weight:800; text-align:center;}
	.recruit_contact .tel span {padding:0 0 0 1.4em;  background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5IDEuMzIybDIuODQ0LTEuMzIyIDQuMDQxIDcuODg5LTIuNzI0IDEuMzQyYy0uNTM4IDEuMjU5IDIuMTU5IDYuMjg5IDMuMjk3IDYuMzcyLjA5LS4wNTggMi42NzEtMS4zMjggMi42NzEtMS4zMjhsNC4xMSA3LjkzMnMtMi43NjQgMS4zNTQtMi44NTQgMS4zOTZjLS41OTguMjczLTEuMjE1LjM5OS0xLjg0Mi4zOTctNS42NDktLjAxOS0xMi4wODYtMTAuNDMtMTIuMTMzLTE3LjMzLS4wMTYtMi40MDcuNzQ1LTQuMzg3IDIuNTktNS4zNDh6bTEuOTMgMS4yNzRsLTEuMDIzLjUwNGMtNS4yOTQgMi43NjIgNC4xNzcgMjEuMTg1IDkuNjQ4IDE4LjY4NmwuOTcyLS40NzQtMi4yNzEtNC4zODMtMS4wMjYuNTAxYy0zLjE2MyAxLjU0Ny04LjI2Mi04LjIxOS01LjA1NS05LjkzOGwxLjAwNy0uNDk4LTIuMjUyLTQuMzk4em0xNS40OCAxNC40MDRoLTF2LTEzaDF2MTN6bS0yLTJoLTF2LTloMXY5em00LTFoLTF2LTdoMXY3em0tNi0xaC0xdi01aDF2NXptLTItMWgtMXYtM2gxdjN6bTEwIDBoLTF2LTNoMXYzem0tMTItMWgtMXYtMWgxdjF6Ii8+PC9zdmc+') left center no-repeat; background-size:auto 1em;}
	.recruit_contact .note {margin:-0.5em; font-size:80%; font-weight:600; text-align:center;}
	.recruit_contact .btn {margin:1.5em 0 0 0; font-size:90%; font-weight:600; text-align:center;}
	.recruit_contact .btn a {position:relative; padding:0.5em 3em 0.6em 3em; border:1px solid #b6b6b6; color:#000; transition:0.3s;}
	.recruit_contact .btn a:hover {opacity:0.8;}
	.recruit_contact .btn a::after {position:absolute; display:block; content:''; width:0.4em; height:0.4em; border:1px solid #000; border-bottom:0; border-left:0; right:1em; top:42%; transform:rotate(45deg);}

}