@charset "UTF-8";
/* CSS Document */


/*	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	behavior: url("/css/PIE.htc");*/


/*top*/
.vi {
	background:url(../img/top/vi_pc.png) no-repeat center center;
	height:677px;
}
.vi h2 {
	text-align:center;
	padding:348px 0 0;
}
.vi p {
	display:none;
}

.mv{
    position: relative;
    width: 100%;
}

.mv img {
    width: 100%;
    height: auto;
}

.map{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}

.map p{
	margin: 0 10px;
}

.map .map-ttl{
	display: inline-block;
	position: relative;
	line-height: 1.4;
	margin-top: 15px;
	padding: 0 45px;
	color: #000000;
	font-size: 20px;
	font-weight: 600;
}

.map img {
	width: 450px;
}


.cta {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	margin: 20px auto 50px auto;

}

.cta-button{
	font-size: 18px;
	font-weight: bold;
	color: #FF7416;
	padding: 10px;
	border: 2px  solid #FF7416;
}

/*アコーディオン始め*/
.accordion  {
  margin: 30px auto;
  max-width: 1100px;
  padding: 0px 20px;
}

.accordion-ttl {
  position: relative;
  border: none;
  display: block;
  list-style: none;
  width: 100%;
  cursor: pointer;
  background: #ffffff;
  border: 2px solid #FF7416;
  margin: 0px 10px;
  padding: 1.4em 1.6em 1.4em;
  line-height: 1.6em;
  color: #FF7416;
}

summary.accordion-ttl::-webkit-details-marker {
  display:none;
}

.accordion-ttl :after {
  content: "▼";
  position: absolute;
  top: calc(50% - 0.5em);
  right: 20px;
  line-height: 1;
  padding: 0;
  pointer-events: none;
}

.accordion::details-content {
  opacity: 0;
  block-size: 0;
  transition: .3s;
  transition-property: display, opacity, block-size, padding;
  transition-behavior: allow-discrete;
  line-height: 1.6em;
}

.accordion .accordion-cont {
  width: 100%;
  padding: 1.4em 1.6em 1.4em;
}

.accordion .accordion-cont .cont-h2 {
  font-size: 22px;
  border-bottom: 1px solid #000000;
  padding-right: 30px;
}

.accordion .accordion-cont .cont-fee {
  font-size: 18px;
}

.accordion .accordion-cont > *:first-of-type {
  margin-top: 0;
}

.accordion .accordion-cont > *:last-of-type {
  margin-bottom: 0;
}

.accordion[open]::details-content {
  opacity: 1;
  block-size: auto;
  block-size: calc-size(auto, size);
}

.accordion[open] .accordion-content {
  padding: 1.4em 2em 1.4em 3em;
}

.accordion[open] .accordion-title:after {
  content: "-";
}
/*アコーディオン終わり*/

/*フォーム*/
/* フォーム全体のスタイル */
.sec-form{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	margin: 50px auto ;
}

.g-form{
	width: 680px;
	height: 2265px; 
}

form {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
    max-width: 600px;
    padding: 20px;
    border: 2px solid orange;
}

/* ラベルのスタイル */
label {
    font-weight: bold;
    display: block;
    margin-top: 10px;
}

/* 入力フィールドのスタイル */
input, select {
    width: 100%;
    padding: 8px;
    margin-top: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

/* ラジオボタンとチェックボックスのスタイル */
input[type="radio"], input[type="checkbox"] {
    margin-right: 5px;
}

/* 送信ボタンのスタイル */
button {
    width: 100%;
    padding: 10px;
    margin-top: 15px;
    background-color: orange;
    border: none;
    color: white;
    font-weight: bold;
    cursor: pointer;
    border-radius: 5px;
}

button:hover {
    background-color: darkorange;
}

/*フォーム終わり*/

@media screen and (min-width: 1600px) {
.vi {
	background:url(../img/top/vi_pc.png) no-repeat center top;
	background-size:cover;
}
}
@media screen and (max-width: 768px) {
	.vi {
		background:none;
		height:auto;
	}
	.vi h2 {
		display:none;
	}
	.vi p {
		display:block;
	}
	.g-form{
		width: 95%;
		height: 2300px;
	}
	.accordion-ttl{
		width: 95%;
	}
	.accordion .accordion-cont{
		width: 95%;
		padding: 0px 0px;
		margin: 0px 10px;
	}
}
.top_what {
	padding:80px 0;
}
.top_what h2 {
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:4.2rem;
	line-height:1.1;
	color:#01315d;
	text-align:center;
	margin:0 0 10px;
	-webkit-text-transform: uppercase;
       -moz-text-transform: uppercase;
         -o-text-transform: uppercase;
        -ms-text-transform: uppercase;
            text-transform: uppercase;
}
.top_what h3 {
	font-size:2.2rem;
	line-height:1.1;
	text-align:center;
	margin:0 0 35px;
}
.top_what p {
	width:700px;
	margin:0 auto;
	font-size:1.6rem;
	text-align:center;
}
@media screen and (max-width: 768px) {
.top_what {
	padding:10.4166vw 0;
}
.top_what h2 {
	font-size:9.375vw;
	margin:0 0 1.3020vw;
}
.top_what h3 {
	font-size:4.9479vw;
	margin:0 0 4.5572vw;
}
.top_what p {
	width:92%;
	font-size:4.1666vw;
}
}

.top_message {
	position:relative;
	margin:0 0 90px;
}
.top_message .bg {
	position:relative;
	background:url(../img/top/message_bg.png) no-repeat center center;
	height:410px;
	padding:120px 0 0;
}
@media screen and (min-width: 1600px) {
.top_message .bg {
	background:url(../img/top/message_bg.png) no-repeat center top;
	background-size:cover;
}
}
.top_message .bg h2 {
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:4.8rem;
	line-height:1.1;
	color:#FFF;
	text-align:center;
	margin:0 0 10px;
	-webkit-text-transform: uppercase;
       -moz-text-transform: uppercase;
         -o-text-transform: uppercase;
        -ms-text-transform: uppercase;
            text-transform: uppercase;
}
.top_message .bg h3 {
	font-size:2.2rem;
	font-weight:bold;
	line-height:1.1;
	color:#FFF;
	text-align:center;
}
.top_message .box {
	position:relative;
	top:-100px;
	background:#FFF;
	width:960px;
	margin:0 auto -100px;
	padding:50px 0 0;
}
.top_message .box h4 {
	font-size:2.6rem;
	font-weight:bold;
	line-height:1.1;
	text-align:center;
	margin:0 0 20px;
}
.top_message .box .comment {
	width:690px;
	margin:0 auto 20px;
	font-size:1.6rem;
	text-align:center;
}
.top_message .box .btn {
	text-align:center;
}
.top_message .box .btn a {
	display:inline-block;
	background:#000000;
	color:#FFF;
	font-size:1.6rem;
	line-height:1.1;
	padding:20px 80px;
}
.top_message .box .btn a:hover {
	text-decoration:none;
	opacity:0.65;
	filter: alpha(opacity=65);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=65)";  /* ie 8 */
	-moz-opacity:0.65;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.65;              /* Safari 1.x */
	zoom:1;
}
@media screen and (max-width: 768px) {
.top_message {
	position:relative;
	margin:0 0 11.7187vw;
}
.top_message .bg {
	position:relative;
	background:url(../img/top/message_bg.png) no-repeat center center;
	background-size:cover;
	height:auto;
	padding:26.0416vw 0;
}
.top_message .bg h2 {
	font-size:10.4166vw;
	margin:0 0 1.3020vw;
}
.top_message .bg h3 {
	font-size:4.9479vw;
}
.top_message .box {
	position:relative;
	top:0;
	background:#FFF;
	width:92%;
	margin:0 auto;
	padding:6.5104vw 0 0;
}
.top_message .box h4 {
	font-size:5.9895vw;
	margin:0 0 2.6041vw;
}
.top_message .box .comment {
	width:96%;
	margin:0 auto 2.6041vw;
	font-size:4.1666vw;
}
.top_message .box .btn {
	text-align:center;
}
.top_message .box .btn a {
	display:block;
	font-size:4.1666vw;
	padding:2.6041vw 0;
	text-align:center;
}
}

.top_work {
	position:relative;
	margin:0 0 90px;
}
.top_work .bg {
	position:relative;
	background:url(../img/top/work_bg.png) no-repeat center center;
	height:410px;
	padding:120px 0 0;
}
@media screen and (min-width: 1600px) {
.top_work .bg {
	background:url(../img/top/work_bg.png) no-repeat center top;
	background-size:cover;
}
}
.top_work .bg h2 {
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:4.8rem;
	line-height:1.1;
	color:#FFF;
	text-align:center;
	margin:0 0 10px;
	-webkit-text-transform: uppercase;
       -moz-text-transform: uppercase;
         -o-text-transform: uppercase;
        -ms-text-transform: uppercase;
            text-transform: uppercase;
}
.top_work .bg h3 {
	font-size:2.2rem;
	font-weight:bold;
	line-height:1.1;
	color:#FFF;
	text-align:center;
}
.top_work .box {
	position:relative;
	top:-100px;
	background:#FFF;
	width:960px;
	margin:0 auto -100px;
	padding:50px 0 0;
	text-align:center;
}
.top_work .box .comment {
	width:690px;
	margin:0 auto 20px;
	font-size:1.6rem;
	text-align:center;
}
.top_work .box ul {
	display:inline-block;
	text-align:center;
	font-size:0;
}
.top_work .box ul li {
	display:inline-block;
	text-align:center;
	font-size:0;
	padding:0 10px;
}
.top_work .box ul li a {
	display:block;
	background:#000000;
	color:#FFF;
	font-size:1.6rem;
	line-height:1.1;
	padding:20px 80px;
}
.top_work .box ul li a span {
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:2.4rem;
	color:#2085be;
	margin:0 0.5em 0 0;
	-webkit-text-transform: uppercase;
       -moz-text-transform: uppercase;
         -o-text-transform: uppercase;
        -ms-text-transform: uppercase;
            text-transform: uppercase;
}
.top_work .box ul li a:hover {
	text-decoration:none;
	opacity:0.65;
	filter: alpha(opacity=65);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=65)";  /* ie 8 */
	-moz-opacity:0.65;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.65;              /* Safari 1.x */
	zoom:1;
}
@media screen and (max-width: 768px) {
.top_work {
	position:relative;
	margin:0 0 11.7187vw;
}
.top_work .bg {
	position:relative;
	background:url(../img/top/work_bg.png) no-repeat center center;
	background-size:cover;
	height:auto;
	padding:26.0416vw 0;
}
.top_work .bg h2 {
	font-size:10.4166vw;
	margin:0 0 1.3020vw;
}
.top_work .bg h3 {
	font-size:4.9479vw;
}
.top_work .box {
	position:relative;
	top:0;
	background:#FFF;
	width:92%;
	margin:0 auto;
	padding:6.5104vw 0 0;
}
.top_work .box .comment {
	width:100%;
	margin:0 auto 2.6041vw;
	font-size:4.1666vw;
	text-align:center;
}
.top_work .box ul {
	display:block;
}
.top_work .box ul li {
	display:block;
	padding:0;
	margin:0 0 2.6041vw;
}
.top_work .box ul li:last-child {
	display:block;
	padding:0;
	margin:0;
}
.top_work .box ul li a {
	font-size:4.1666vw;
	padding:2.6041vw 0;
}
.top_work .box ul li a span {
	font-size:6.25vw;
}
}

.top_btn {
	margin:0 0 100px;
}
.top_btn:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.top_btn section {
	float:left;
	width:50%;
	height:310px/*19.375vw*/;
	/*padding:5.9375vw 0 0;*/
	padding:95px 0 0;
	color:#FFF;
	line-height:1.1;
}
.top_btn section:first-child {
	background:url(../img/top/btn_bg01.png) no-repeat center center;
	background-size:cover;
}
.top_btn section:nth-child(2) {
	background:url(../img/top/btn_bg02.png) no-repeat center center;
	background-size:cover;
}
.top_btn section:nth-child(3) {
	background:url(../img/top/btn_bg03.png) no-repeat center center;
	background-size:cover;
}
.top_btn section:last-child {
	background:url(../img/top/btn_bg04.png) no-repeat center center;
	background-size:cover;
}
.top_btn section h2 {
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:4.0rem/*2.5vw*/;
	margin:0  0 1.25vw 0;
	text-align:center;
	-webkit-text-transform: uppercase;
       -moz-text-transform: uppercase;
         -o-text-transform: uppercase;
        -ms-text-transform: uppercase;
            text-transform: uppercase;
}
.top_btn section h3 {
	font-size:1.7rem/*1.0625vw*/;
	font-weight:bold;
	margin:0 0 1.875vw 0;
	text-align:center;
}
.top_btn section p {
	text-align:center;
}
.top_btn section p a {
	display:inline-block;
	background:#0f6ed9;
	padding:17px 55px;
	color:#FFF;
	font-size:1.4rem;
}
.top_btn section p a:hover {
	text-decoration:none;
	opacity:0.65;
	filter: alpha(opacity=65);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=65)";  /* ie 8 */
	-moz-opacity:0.65;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.65;              /* Safari 1.x */
	zoom:1;
}
@media screen and (max-width: 768px) {
.top_btn {
	margin:0 0 13.0208vw;
}
.top_btn section {
	float:none;
	width:100%;
	height:auto;
	padding:10.4166vw 0;
}
.top_btn section h2 {
	font-size:9.375vw;
	margin:0 0 2.6041vw 0;
}
.top_btn section h3 {
	font-size:4.4270vw;
	margin:0 0 2.6041vw 0;
}
.top_btn section p a {
	display:block;
	width:90%;
	margin:0 auto;
	padding:2.6041vw 0;
	text-align:center;
	font-size:3.6458vw;
}
}
.top_staff {
	padding:0 0 110px;
}
.top_staff h2 {
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:4.8rem;
	line-height:1.1;
	color:#01315d;
	text-align:center;
	margin:0 0 10px;
	-webkit-text-transform: uppercase;
       -moz-text-transform: uppercase;
         -o-text-transform: uppercase;
        -ms-text-transform: uppercase;
            text-transform: uppercase;
}
.top_staff h3 {
	font-size:2.0rem;
	font-weight:bold;
	line-height:1.1;
	margin:0 0 40px;
	text-align:center;
}
.top_staff .box_in {
}
.top_staff .box_in:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.top_staff .box_in section {
	position:relative;
	float:left;
}
.top_staff .box_in section .img {
	position:relative;
}
.top_staff .box_in section .img img {
	max-width:none;
	width:100%;
}
.top_staff .box_in section h4 {
	position: absolute;
	top:0;
	left:0;
	/*width:150px;*/
	width:9.375vw;
	color:#FFF;
	text-align:center;
	/*font-size:1.6rem;*/
	font-size:1vw;
	line-height:1.1;
	/*padding:10px 0;*/
	padding:0.625vw 0;
}
@media screen and (max-width: 1040px) {
.top_staff .box_in section h4 {
	position: absolute;
	top:0;
	left:0;
	width:150px;
	color:#FFF;
	text-align:center;
	font-size:1.6rem;
	line-height:1.1;
	padding:10px 0;
}
}
.top_staff .box_in section.blue h4 {
	background:#043c70;
}
.top_staff .box_in section.pink h4 {
	background:#f35a7a;
}
.top_staff .box_in section.green h4 {
	background:#85b24a;
}
.top_staff .box_in section.seibi h4:first-letter ,
.top_staff .box_in section.eigyou h4:first-letter {
	margin:0 1em 0 0;
}
.top_staff .box_in section dl {
	position:absolute;
	/*left:30px;*/
	left:1.875vw;
	/*bottom:100px;*/
	bottom:6.25vw;
}
@media screen and (max-width: 1040px) {
.top_staff .box_in section dl {
	position:absolute;
	/*left:30px;→left:15px;*/
	left:1.4423vw;
	/*bottom:130px;*/
	bottom:9.6153vw;
}
}
.top_staff .box_in section dl dt {
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:3.125vw/*5.0rem*/;
	line-height:1.1;
	color:#FFF;
	/*margin:0 0 5px;*/
	margin:0 0 0.3125vw;
}
@media screen and (max-width: 1040px) {
.top_staff .box_in section dl dt {
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:4.8076vw/*5.0rem*/;
	line-height:1.1;
	color:#FFF;
	/*margin:0 0 5px;*/
	margin:0 0 0.4807vw;
}
}
.top_staff .box_in section dl dd {
	font-size:1.125vw;
	line-height:1.1;
	color:#FFF;
}
.top_staff .box_in section .comment {
	position:absolute;
	left:0;
	bottom:0;
	/*padding:20px 30px;*/
	padding:1.25vw 1.875vw;
	color:#FFF;
	font-size:1vw/*1.6rem*/;
}
@media screen and (max-width: 1040px) {
.top_staff .box_in section .comment {
	position:absolute;
	left:0;
	bottom:0;
	/*padding:20px 30px;→padding:20px 15px;*/
	padding:1.9230vw 1.4423vw;
	color:#FFF;
	font-size:1.3461vw/*1.6rem→1.4rem*/;
}
}
.top_staff .box_in section.blue .comment {
	background:rgba(4,60,112,0.6);
}
.top_staff .box_in section.pink .comment {
	background:rgba(219,49,83,0.6);
}
.top_staff .box_in section.green .comment {
	background:rgba(92,152,11,0.6);
}
.top_staff .btn {
	text-align:center;
	padding:30px 0 0;
}
.top_staff .btn a {
	display:inline-block;
	background:#000000;
	padding:20px 60px;
	color:#FFF;
	font-size:1.6rem;
}
.top_staff .btn a:hover {
	text-decoration:none;
	opacity:0.65;
	filter: alpha(opacity=65);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=65)";  /* ie 8 */
	-moz-opacity:0.65;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.65;              /* Safari 1.x */
	zoom:1;
}
@media screen and (max-width: 768px) {
.top_staff {
	padding:0 0 14.3229vw;
}
.top_staff h2 {
	font-size:10.4166vw;
	margin:0 0 1.3020vw;
}
.top_staff h3 {
	font-size:5.2083vw;
	margin:0 0 5.2083vw;
}
.top_staff .box_in section h4 {
	position: absolute;
	top:0;
	left:0;
	/*width:150px;*/
	width:40%;
	/*font-size:1.6rem;*/
	font-size:4.1666vw;
	line-height:1.1;
	/*padding:10px 0;*/
	padding:1.3020vw 0;
}
.top_staff .box_in section dl {
	position:absolute;
	/*left:30px;*/
	left:2.6041vw;
	/*bottom:100px;*/
	bottom:19.5312vw;
}
.top_staff .box_in section dl dt {
	font-size:13.0208vw/*5.0rem*/;
	/*margin:0 0 5px;*/
	margin:0 0 1.3020vw;
}
.top_staff .box_in section dl dd {
	font-size:4.6875vw;
}
.top_staff .box_in section .comment {
	position:absolute;
	left:0;
	bottom:0;
	/*padding:20px 30px;*/
	padding:2.6041vw 3.9062vw;
	color:#FFF;
	font-size:4.1666vw/*1.6rem*/;
}
.top_staff .btn {
	text-align:center;
	padding:3.9062vw 0 0;
}
.top_staff .btn a {
	display:block;
	width:90%;
	margin:0 auto;
	text-align:center;
	padding:2.6041vw 0;
	font-size:4.1666vw;
}
}




/*interview*/
.interview {
}
.interview .page_ttl {
	background:url(../img/interview/page_ttl.png) no-repeat center center;
	margin:0 0 20px;
}
@media screen and (min-width: 1600px) {
.interview .page_ttl {
	background:url(../img/interview/page_ttl.png) no-repeat center top;
	background-size:cover;
}
}
@media screen and (max-width: 768px) {
.interview .page_ttl {
	background:url(../img/interview/page_ttl.png) no-repeat center top;
	background-size:cover;
	margin:0 0 2.6041vw;
}
}
.interview .interview_name {
	display:table;
	border-collapse: collapse;
}
.interview .interview_name dt ,
.interview .interview_name dd {
	display: table-cell;
	vertical-align:top;
	background:#082c66;
	color:#FFF;
	line-height:1.1;
}
.interview .interview_name dt img {
	display:none;
}
.interview .interview_name dd span {
	display:inline-block;
}
.interview .interview_name dd span > span {
	display:block;
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:6.0rem;
	margin:0 0 10px;
	-webkit-text-transform: uppercase;
       -moz-text-transform: uppercase;
         -o-text-transform: uppercase;
        -ms-text-transform: uppercase;
            text-transform: uppercase;
}
.interview .interview_name dd span > em {
	display:block;
	font-size:3.8rem;
}
@media screen and (min-width: 1600px) {
.interview .interview_name.human01 dt {
	width:59vw;
	height:550px;
	background:url(../img/interview/staff_main_img01.png) no-repeat center top;
	background-size:cover;
}
.interview .interview_name.human01 dd {
	width:41vw;
	height:550px;
	padding:280px 0 0 90px;
}
}
@media screen and (max-width: 1600px) {
.interview .interview_name.human01 dt {
	width:59vw;
}
.interview .interview_name dt img {
	display:block;
}
.interview .interview_name.human01 dd {
	width:41vw;
	padding:17.5vw 0 0 5.625vw;
}
.interview .interview_name dd span > span {
	font-size:3.75vw;
	margin:0 0 0.625vw;
}
.interview .interview_name dd span > em {
	display:block;
	font-size:2.375vw;
}
}
@media screen and (max-width: 768px) {
.interview .interview_name {
	display:block;
}
.interview .interview_name dt ,
.interview .interview_name dd {
	display:block;
}
.interview .interview_name.human01 dt {
	width:100%;
}
.interview .interview_name dt img {
	display:block;
}
.interview .interview_name.human01 dd {
	width:100%;
	padding:3.75vw 5.625vw;
}
.interview .interview_name dd span > span {
	font-size:7.5vw;
}
.interview .interview_name dd span > em {
	font-size:4.5vw;
}
}
.interview .interview_box {
	margin:0 0 50px;
}
.interview .interview_box section {
	margin:0 0 40px;
}
.interview .interview_box section:last-child {
	margin:0;
}
.interview .interview_box section:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.interview .interview_box section .interview_box_in {
	width:540px;
}
.interview .interview_box section.interview_right .interview_box_in {
	float:left;
}
.interview .interview_box section.interview_middle .interview_box_in {
	width:100%;
}
.interview .interview_box section.interview_left .interview_box_in {
	float:right;
}
.interview .interview_box section .interview_box_in h2 {
	/*display:table;
	border-collapse: collapse;
	min-height:60px;*/
	margin:0 0 30px;
}
.interview .interview_box section .interview_box_in h2:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.interview .interview_box section .interview_box_in h2 span ,
.interview .interview_box section .interview_box_in h2 em {
	/*display:table-cell;
	vertical-align:middle;*/
	float:left;
}
.interview .interview_box section .interview_box_in h2 span {
	background:#082c66;
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:3.0rem;
	width:60px;
	height:60px;
	line-height:60px;
	color:#FFF;
	text-align:center;
	margin:0 20px 0 0;
	-webkit-text-transform: uppercase;
       -moz-text-transform: uppercase;
         -o-text-transform: uppercase;
        -ms-text-transform: uppercase;
            text-transform: uppercase;
}
.interview .interview_box section .interview_box_in h2 em {
	/*padding:0 0 0 20px;*/
	width:460px;
	padding:1em 0 0;
}
.interview .interview_box section.interview_right .img {
	float:right;
}
.interview .interview_box section.interview_left .img {
	float:left;
}
.interview .other_interview {
}
.interview .other_interview h2 {
	display:block;
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:4.8rem;
	color:#01315d;
	line-height:1.1;
	text-align:center;
	margin:0 0 10px;
	-webkit-text-transform: uppercase;
       -moz-text-transform: uppercase;
         -o-text-transform: uppercase;
        -ms-text-transform: uppercase;
            text-transform: uppercase;
}
.interview .other_interview h3 {
	display:block;
	font-size:2.0rem;
	line-height:1.1;
	text-align:center;
	margin:0 0 40px;
}
.interview .other_interview .box {
}
.interview .other_interview .box:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.interview .other_interview .box section {
	position:relative;
	float:left;
	width:320px;
}
.interview .other_interview .box section a {
	position:relative;
	display:block;
}
.interview .other_interview .box section a h4 {
	position: absolute;
	top:0;
	left:0;
	width:160px;
	text-align:center;
	padding:10px 0;
	color:#FFF;
	line-height:1.1;
}
.interview .other_interview .box section a h4.seibi {
	background:#043c70;
}
.interview .other_interview .box section a h4.jimu {
	background:#f35a7a;
}
.interview .other_interview .box section a h4.eigyou {
	background:#85b24a;
}
.interview .other_interview .box section a h4 span {
	display:inline-block;
}
.interview .other_interview .box section a:hover h4 {
	opacity:0.65;
	filter: alpha(opacity=65);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=65)";  /* ie 8 */
	-moz-opacity:0.65;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.65;              /* Safari 1.x */
	zoom:1;
}
.interview .other_interview .box section a h4.seibi span:first-letter ,
.interview .other_interview .box section a h4.eigyou span:first-letter {
	letter-spacing:0.5em;
}
.interview .other_interview .box section a .img {
	position:relative;
}
.interview .other_interview .box section a dl {
	position: absolute;
	left:30px;
	bottom:30px;
	line-height:1.1;
}
.interview .other_interview .box section a dl dt {
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:5.0rem;
	color:#FFF;
	margin:0 0 5px;
}
.interview .other_interview .box section a dl dd {
	font-size:1.8rem;
	color:#FFF;
}
@media screen and (max-width: 768px) {
.interview .interview_box {
	margin:0 0 6.5104vw;
}
.interview .interview_box section {
	margin:0 0 5.2083vw;
}
.interview .interview_box section .interview_box_in {
	width:100%;
}
.interview .interview_box section.interview_right .interview_box_in {
	float:none;
	margin:0 0 5.2083vw;
}
.interview .interview_box section.interview_left .interview_box_in {
	float:none;
	margin:0 0 5.2083vw;
}
.interview .interview_box section .interview_box_in h2 {
	/*min-height:15.625vw;*/
	margin:0 0 3.9062vw;
}
/*.interview .interview_box section .interview_box_in h2 span {
	font-size:7.8125vw;
	width:15.625vw;
}*/
.interview .interview_box section .interview_box_in h2 span {
	background:#082c66;
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:7.8125vw;
	width:10.4166vw;
	height:10.4166vw;
	line-height:10.4166vw;
	color:#FFF;
	text-align:center;
	margin:0 2.6041vw 0 0;
	-webkit-text-transform: uppercase;
       -moz-text-transform: uppercase;
         -o-text-transform: uppercase;
        -ms-text-transform: uppercase;
            text-transform: uppercase;
}
.interview .interview_box section .interview_box_in h2 em {
	/*padding:0 0 0 20px;*/
	width:73vw;
	padding:0.5em 0 0;
}
/*.interview .interview_box section .interview_box_in h2 em {
	padding:0 0 0 2.6041vw;
}*/
.interview .interview_box section.interview_right .img {
	float:none;
	text-align:center;
}
.interview .interview_box section.interview_left .img {
	float:none;
	text-align:center;
}
.interview .other_interview h2 {
	font-size:8.5937vw;
	margin:0 0 1.3020vw;
}
.interview .other_interview h3 {
	font-size:5.2083vw;
	margin:0 0 5.2083vw;
}
.interview .other_interview .box section {
	width:50%;
	margin:0 0 2.6041vw;
}
.interview .other_interview .box section:nth-child(2n) {
}
.interview .other_interview .box section:nth-child(2n+1) {
	clear:both;
}
.interview .other_interview .box section:nth-last-child(-n+2) {
	margin-bottom:0;
}
.interview .other_interview .box section a h4 {
	width:80%;
	padding:1.3020vw 0;
}
.interview .other_interview .box section a .img {
	text-align:center;
}
.interview .other_interview .box section a dl {
	left:3.9062vw;
	bottom:3.9062vw;
}
.interview .other_interview .box section a dl dt {
	font-size:5.2083vw;
	margin:0 0 0.6510vw;
}
.interview .other_interview .box section a dl dd {
	font-size:3.9062vw;
}
}


/*Q&A dl01*/

.question{
	margin:15px 0;
}

.question dt{
	min-height: 28px;
	line-height: 28px;
	padding: 10px 10px 10px 50px;
	background-color: #F0EFEF;
	background-image: url(../img/faq/icon-q.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

.question dd{
	min-height:28px;
	line-height:1.6;
	background:url(../img/faq/icon-a.png) no-repeat 10px 10px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	margin-left: 0px;
}



/*** レスポンシブテーブルデザイン ***/
.company01{
	width: 100%;
	border: 2px solid #104270;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	margin-bottom: 40px;
}
 
.company01 th{
	padding: 15px;
	border-top: solid 1px #ffffff;
	width: 30%;
	overflow: hidden;
	color: #13131e;
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	background-color: #EFF8FE;
}
 
.company01 td{
	padding: 15px;
	text-align: left;
	vertical-align: top;
	color: #595960;
	background-color: #ffffff;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #EFF8FE;
}
 
@media (max-width: 560px){
.company01 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.company01 td{
  display: list-item;
  width: 100%;
  border-top: none !important;
}
}
/*** レスポンシブテーブルデザイン　おわり ***/



/*** レスポンシブテーブルデザイン ***/
.recruit01{
	width: 100%;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	margin-bottom: 60px;
}
 
.recruit01 th{
	padding: 15px;
	width: 30%;
	overflow: hidden;
	color: #13131e;
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	background-color: #F6F6F6;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
 
.recruit01 td{
	padding: 15px;
	text-align: left;
	vertical-align: top;
	color: #595960;
	background-color: #ffffff;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
 
@media (max-width: 560px){
.recruit01 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.recruit01 td{
  display: list-item;
  width: 100%;
  border-top: none !important;
}
}
/*** レスポンシブテーブルデザイン　おわり ***/



/*** レスポンシブテーブルデザイン ***/
.recruit02{
	width: 100%;
	border: 2px solid #d6ceb4;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	margin-bottom: 60px;
}
 
.recruit02 th{
  padding: 15px;
  border-top: solid 1px #ffffff;
  width: 30%;
  overflow: hidden;
  color: #13131e;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #eeece4;
}
 
.recruit02 td{
padding: 15px;
text-align: left;
vertical-align: top;
color: #595960;
background-color: #ffffff;
border-top: dotted 1px #e0dccc;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
 
@media (max-width: 560px){
.recruit02 th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.recruit02 td{
  display: list-item;
  width: 100%;
  border-top: none !important;
}
}
/*** レスポンシブテーブルデザイン　おわり ***/



/* イメージリスト */
#imageList{
	max-width:990px;
	overflow:hidden;
	margin-top:20px;
}

#imageList li{
	width:50%;
	float:left;
	margin-bottom:20px;
	padding:0 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
}

#imageList p{
	line-height:45px;
	text-align:center;
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
	background-color: #333333;
}


.img-responsive{
	width:100%;
	height:auto;
}


/* TABLET */
@media screen and (max-width: 788px){

#imageList li{
	width:50%;
	float:left;
	padding:0 15px;
}
}

/* TABLET */
@media screen and (max-width: 400px){

#imageList li{
	width:100%;
	float:none;
	padding:0 ;
}


}



/*** レスポンシブテーブルデザイン ***/
.shokai{
	width: 100%;
	border: 2px solid #D7D7D7;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	margin-bottom: 40px;
}
 
.shokai th{
	padding: 15px;
	border-top: solid 1px #ffffff;
	width: 30%;
	overflow: hidden;
	color: #13131e;
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	background-color: #EFEFEF;
}
 
.shokai td{
	padding: 15px;
	text-align: left;
	vertical-align: top;
	color: #595960;
	background-color: #ffffff;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
 
@media (max-width: 560px){
.shokai th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.shokai td{
  display: list-item;
  width: 100%;
  border-top: none !important;
}
}
/*** レスポンシブテーブルデザイン　おわり ***/


/*ボックスレスポンシブ001*/
.boxres055 {
	margin-bottom: 20px;
}
.boxres055 img {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
}


@media (max-width: 586px){
.boxres055 {
	min-height:0px ;
}
.boxres055 img{
	width:100%;
	float:none;
	padding:0 ;
}
}



/*ボックスレスポンシブ001*/
.recruitbox001 {
	margin-bottom: 60px;
	min-height: 200px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/recruit/bg01.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 40px;
	padding-top: 30px;
}
.recruitbox001 img {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 20px;
}
.recruitbox001 p.txt01 {
	padding-top: 5px;
	color: #FF6600;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 150%;
	font-weight: bold;
	font-style: italic;
	padding-bottom: 10px;
}
.recruitbox001 p.txt02 {
	padding-top: 5px;
	text-align: center;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

@media (max-width: 788px){
.recruitbox001 {
	min-height:0px ;
}
.recruitbox001 p.txt01 {
	padding-top: 3px;
	text-align: left;
	font-size: 117%;
}
.recruitbox001 p.txt02 {
	padding-top: 3px;
	text-align: center;
}
}


/*ボックスレスポンシブ002*/
.recruitbox002 {
	margin-bottom: 60px;
	min-height: 200px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 40px;
	padding-top: 30px;
}
.recruitbox002 img {
	padding-top: 20px;
	padding-bottom: 20px;
}
.recruitbox002 p.txt01 {
	position: relative;
	padding: 0.6em;
	background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
	background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
	border-radius: 7px;
	font-size: 125%;
	font-weight: bold;
}

.recruitbox002 p.txt01:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #ffebbe;
width: 0;
height: 0;
}

.recruitbox002 p.txt02 {
	padding-top: 20px;
	text-align: left;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

@media (max-width: 788px){
.recruitbox002 {
	min-height:0px ;
}
.recruitbox002 p.txt01 {
	text-align: left;
	font-size: 117%;
}
.recruitbox002 p.txt02 {
	padding-top: 20px;
}
}


/*ボックスレスポンシブ003*/
.recruitbox003 {
	margin-bottom: 60px;
	min-height: 200px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 40px;
	padding-top: 30px;
}
.recruitbox003 img {
	padding-top: 20px;
	padding-bottom: 20px;
	float: right;
	padding-left: 20px;
	margin-right: 20px;
}
.recruitbox003 p.txt01 {
	position: relative;
	padding: 0.6em;
	background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
	background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
	border-radius: 7px;
	font-size: 125%;
	font-weight: bold;
	margin-right: 10px;
	margin-bottom: 20px;
}

.recruitbox003 p.txt01:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #ffebbe;
width: 0;
height: 0;
}

.recruitbox003 p.txt02 {
	padding-top: 20px;
	text-align: left;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

.recruitbox003 p.txt03 {
	width: 500px;
	text-align: center;
	border: 3px solid #F60;
	padding: 10px;
	margin-top: 20px;
	font-size: 150%;
	font-weight: bold;
	color: #F60;
	margin-left: 20px;
}

@media (max-width: 788px){
.recruitbox003 {
	min-height:0px ;
}
.recruitbox003 img {
	width: 80%;
	padding-top: 20px;
	padding-bottom: 10px;
	float: none;
	margin-right: 10%;
	margin-left: 10%;
}
.recruitbox003 p.txt01 {
	text-align: left;
	font-size: 117%;
}
.recruitbox003 p.txt02 {
	padding-top: 20px;
}
.recruitbox003 p.txt03 {
	font-size: 100%;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
}



/*ボックスレスポンシブ004*/
.recruitbox004 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: center bottom;

}
.recruitbox004 img {
	padding-top: 20px;
	padding-bottom: 20px;
	float: right;
	padding-left: 20px;
	margin-right: 20px;
}
.recruitbox004 p.txt01 {
	position: relative;
	padding: 0.6em;
	background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
	background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
	border-radius: 7px;
	font-size: 125%;
	font-weight: bold;
	margin-right: 10px;
	margin-bottom: 20px;
}

.recruitbox004 p.txt01:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #ffebbe;
width: 0;
height: 0;
}

.recruitbox004 p.txt02 {
	padding-top: 20px;
	text-align: left;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

.recruitbox004 p.txt03 {
	width: 500px;
	text-align: center;
	border: 3px solid #F60;
	padding: 10px;
	margin-top: 20px;
	font-size: 150%;
	font-weight: bold;
	color: #F60;
	margin-left: 20px;
}

@media (max-width: 788px){
.recruitbox004 {
	min-height:0px ;
}
.recruitbox004 img {
	width: 80%;
	padding-top: 20px;
	padding-bottom: 10px;
	float: none;
	margin-right: 10%;
	margin-left: 10%;
}
.recruitbox004 p.txt01 {
	text-align: left;
	font-size: 117%;
}
.recruitbox004 p.txt02 {
	padding-top: 20px;
}
.recruitbox004 p.txt03 {
	font-size: 100%;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
}

.square_btn{
	position: relative;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	color: #EE859A;
	transition: .4s;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	letter-spacing: 0.2em;
	background-color: #ECECEC;
	margin: 1%;
	width: 22%;
  }

.square_btn:hover {
    background: #EE859A;
    color: white;
}

@media (max-width: 788px){

.square_btn{
	width: 45%;
	letter-spacing: 0.08em;
	font-size: 75%;
  }
  }



/* イメージリスト */
#imageListrec03{
	max-width: 990px;
	overflow: hidden;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

#imageListrec03 li{
	width:33.3333%;
	float:left;
	margin-bottom:20px;
	padding:0 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
}

#imageListrec03 p{
	line-height: 30px;
	text-align: center;
	color: #FFFFFF;
	font-size: 117%;
	font-weight: normal;
	background-color: #333333;
}


.img-responsive{
	width:100%;
	height:auto;
}


/* TABLET */
@media screen and (max-width: 788px){

#imageListrec03 li{
	width:50%;
	float:left;
	padding:0 15px;
}
}

/* TABLET */
@media screen and (max-width: 400px){

#imageListrec03 li{
	width:100%;
	float:none;
	padding:0 ;
}


}

.stop { background-color: #f39c12;
	color: #ffffff;
	padding: 10px 20px;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	border-radius: 5px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
}