@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 {
}
.vi h2 {
	text-align:center;
}
.vi p {
	display:none;
}
.vi h2 img ,
.vi p img {
	max-width:none;
	width:100%;
}


.top_banner{
	text-align: center;
	margin: 10px auto;
}

.topBannerBox img {
	max-width: 600px;
}

.topBannerBox{
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
}

.top_banner h2 {
	font-family: sans-serif;
	font-size:3.5rem;
	font-weight: 600;
	line-height:1.1;
	color:#ff7416;
	text-align:center;
	margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
	.topBannerBox img {
		max-width: 100%;
		margin: 0px auto;
	}
	
	.topBannerBox{
		margin: 0px 15px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 15px;
	}

	.top_banner h2 {
		font-family: sans-serif;
		font-size:2.5rem;
		font-weight: 600;
		line-height:1.1;
		color:#ff7416;
		text-align:center;
		margin-bottom: 20px;
	}		
}

@media screen and (max-width: 768px) {
	.vi {
	}
	.vi h2 {
		display:none;
	}
	.vi p {
		display:block;
	}
}

.top_staff {
	padding:80px 0 70px;
}
.top_staff h2 {
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:4.8rem;
	line-height:1.1;
	color:#ff7416;
	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:#3e5699;
}
.top_staff .box_in section.pink h4 {
	background:#f095a8;
}
.top_staff .box_in section.green h4 {
	background:#85b24a;
}
.top_staff .box_in section.purple h4 {
	background:#B34AA3;
}
.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;
	-webkit-text-transform: uppercase;
       -moz-text-transform: uppercase;
         -o-text-transform: uppercase;
        -ms-text-transform: uppercase;
            text-transform: uppercase;
}
@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.25vw;
	color:#FFF;
	font-size:1vw/*1.6rem*/;
	width:100%;
}
@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(70,93,157,0.8);
}
.top_staff .box_in section.pink .comment {
	background:rgba(212,64,95,0.8);
}
.top_staff .box_in section.green .comment {
	background:rgba(92,152,11,0.8);
}
.top_staff .box_in section.purple .comment {
	background:rgba(147,87,152, 0.8);
}
.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:14.3229vw 0;
}
.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:3.9062vw 0;
	font-size:4.1666vw;
}
}
.top_banner {
	padding:70px 0 30px;
}
.top_banner ul:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.top_banner li {
	float:left;
	width:50%;
}
.top_banner li img {
	max-width:none;
	width:100%;
}

@media screen and (max-width: 768px) {
.top_banner {
	padding:7.8125vw 0 5.2083vw;
}
.top_banner li {
	float:none;
	width:100%;
	text-align:center;
}
.top_banner li img {
	max-width:none;
	width:100%;
}
}
.top_work {
	position:relative;
	background:url(../img/top/work_bg.png) no-repeat center center;
	height:410px;
	padding:140px 0 0;
	margin:0 0 145px;
}
@media screen and (min-width: 1600px) {
.top_work {
	position:relative;
	background:url(../img/top/work_bg.png) no-repeat center center;
	background-size:cover;
	height:410px;
	padding:140px 0 0;
	margin:0 0 145px;
}
}
@media screen and (max-width: 768px) {
.top_work {
	position:relative;
	background:url(../img/top/work_bg_sp.png) repeat center center;
	height:auto;
	padding:7.8125vw 0 0;
	margin:0 0 15.625vw;
}
}
.top_work h2 {
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:4.8rem;
	line-height:1.1;
	text-align:center;
	color:#FFF;
	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 h3 {
	font-size:2.0rem;
	font-weight:bold;
	line-height:1.1;
	text-align:center;
	color:#FFF;
}
.top_work .box {
	position:absolute;
	top:290px;
	right:0;
	left:0;
	width:1100px;
	margin:0 auto;
	background:#FFF;
	padding:55px 0 0;
	text-align:center;
}
.top_work .box p {
	text-align:center;
	font-size:1.8rem;
	margin:0 0 30px;
}
.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;
	margin:0 20px 0 0;
	width:240px;
}
.top_work .box ul li:last-child {
	margin:0;
}
.top_work .box ul li a {
	display:block;
	background:#000000;
	line-height:1.1;
	padding:30px 0;
	color:#FFF;
	text-decoration:none;
	font-size:1.8rem;
}
.top_work .box ul li a span {
	display:inline-block;
	margin:0 1em 0 0;
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:2.6rem;
	color:#ff7416;
	-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 h2 {
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:10.4166vw;
	line-height:1.1;
	text-align:center;
	color:#FFF;
	margin:0 0 1.3020vw;
	-webkit-text-transform: uppercase;
       -moz-text-transform: uppercase;
         -o-text-transform: uppercase;
        -ms-text-transform: uppercase;
            text-transform: uppercase;
}
.top_work h3 {
	font-size:4.6875vw;
	font-weight:bold;
	line-height:1.1;
	text-align:center;
	color:#FFF;
}
.top_work .img {
	width:92%;
	margin: 0 auto 2.6041vw;
	padding:7.8125vw 0 0;
}
.top_work .box {
	position: relative;
	top: inherit;
	right:0;
	left:0;
	width:100%;
	margin:0 auto;
	background:#FFF;
	padding:5.2083vw 2.6041vw;
	text-align:center;
}
.top_work .box p {
	text-align:center;
	font-size:4.6875vw;
	margin:0 0 3.9062vw;
}
.top_work .box ul {
	display:block;
	text-align:center;
	font-size:0;
}
.top_work .box ul li {
	display:block;
	text-align:center;
	font-size:0;
	margin:0 auto 3.9062vw;
	width:92%;
}
.top_work .box ul li:last-child {
	margin:0 auto;
}
.top_work .box ul li a {
	display:block;
	background:#000000;
	line-height:1.1;
	padding:3.9062vw 5.2083vw;
	color:#FFF;
	text-decoration:none;
	font-size:4.6875vw;
	text-align:left;
}
.top_work .box ul li a span {
	display:inline-block;
	margin:0 1em 0 0;
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:6.7708vw;
	color:#ff7416;
	-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;
}
}
.top_black {
	padding:0 0 100px;
}
.top_black:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.top_black section {
	float:left;
	width:50%;
	height:19.375vw;
	padding:5.3125vw 0 0;
	text-align:center;
	line-height:1.1;
}
.top_black section:first-child {
	background:url(../img/top/black_bg01.png) no-repeat center center;
	background-size:cover;
}
.top_black section:nth-child(2) {
	background:url(../img/top/black_bg02.png) no-repeat center center;
	background-size:cover;
}
.top_black section:nth-child(3) {
	background:url(../img/top/black_bg03.png) no-repeat center center;
	background-size:cover;
}
.top_black section:nth-child(4) {
	background:url(../img/top/black_bg04.png) no-repeat center center;
	background-size:cover;
}
.top_black section:nth-child(5) {
	background:url(../img/top/black_bg05.png) no-repeat center center;
	background-size:cover;
}
.top_black section:last-child {
	background:url(../img/top/black_bg06.png) no-repeat center center;
	background-size:cover;
}
.top_black section h2 {
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:2.5vw;
	color:#FFF;
	margin:0 0 0.9375vw 0;
	text-align:center;
	-webkit-text-transform: uppercase;
       -moz-text-transform: uppercase;
         -o-text-transform: uppercase;
        -ms-text-transform: uppercase;
            text-transform: uppercase;
}
.top_black section h3 {
	font-size:1.0625vw;
	font-weight:bold;
	color:#FFF;
	margin:0 0 1.25vw 0;
	text-align:center;
}
.top_black section p {
	text-align:center;
}
.top_black section p a {
	display:inline-block;
	padding:0.9375vw 3.125vw;
	background:#ff8416;
	color:#FFF;
	font-size:1vw;
}
.top_black 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_black {
	padding:0 0 13.0208vw;
}
.top_black:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.top_black section {
	float:none;
	width:100%;
	height:auto;
	padding:13.0208vw 0;
	text-align:center;
	line-height:1.1;
}
.top_black section:first-child {
	background:url(../img/top/black_bg01.png) no-repeat center center;
	background-size:cover;
}
.top_black section:nth-child(2) {
	background:url(../img/top/black_bg02.png) no-repeat center center;
	background-size:cover;
}
.top_black section:nth-child(3) {
	background:url(../img/top/black_bg03.png) no-repeat center center;
	background-size:cover;
}
.top_black section:nth-child(4) {
	background:url(../img/top/black_bg04.png) no-repeat center center;
	background-size:cover;
}
.top_black section:nth-child(5) {
	background:url(../img/top/black_bg05.png) no-repeat center center;
	background-size:cover;
}
.top_black section:last-child {
	background:url(../img/top/black_bg06.png) no-repeat center center;
	background-size:cover;
}
.top_black section h2 {
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:7.8125vw;
	color:#FFF;
	margin:0 0 2.6041vw 0;
	text-align:center;
	-webkit-text-transform: uppercase;
       -moz-text-transform: uppercase;
         -o-text-transform: uppercase;
        -ms-text-transform: uppercase;
            text-transform: uppercase;
}
.top_black section h3 {
	font-size:5.2083vw;
	font-weight:bold;
	color:#FFF;
	margin:0 0 2.6041vw 0;
	text-align:center;
}
.top_black section p {
	text-align:center;
}
.top_black section p a {
	display:inline-block;
	padding:3.9062vw 7.8125vw;
	background:#ff8416;
	color:#FFF;
	font-size:4.6875vw;
}
.top_black 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;
}
}


/*work*/
.work {
}
.work .page_ttl {
	background:url(../img/work/page_ttl.png) no-repeat center center;
}
@media screen and (min-width: 1600px) {
.work .page_ttl {
	background:url(../img/work/page_ttl.png) no-repeat center top;
	background-size:cover;
}
}
@media screen and (max-width: 768px) {
.work .page_ttl {
	background:url(../img/work/page_ttl.png) no-repeat center top;
	background-size:cover;
}
}



.work .box {
	position:relative;
}
.work .box section {
	position:relative;
	margin:0 0 70px;
	height:492px;
}
.work .box section:last-child {
	margin:0;
}
.work .box section.box01 {
	background:url(../img/work/bg01.png) no-repeat center center;
}
.work .box section.box02 {
	background:url(../img/work/bg02.png) no-repeat center center;
}
.work .box section.box03 {
	background:url(../img/work/bg03.png) no-repeat center center;
}
.work .box section.box04 {
	background:url(../img/work/bg04.png) no-repeat center center;
}
.work .box section.box05 {
	background:url(../img/work/bg05.png) no-repeat center center;
}
.work .box section .box_in {
	position: relative;
	width: 1100px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 80px;
}
.work .box section .box_in:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.work .box section .box_in h3 {
	position: absolute;
	top: -31px;
	left: 0;
	z-index: 10;
	width: 180px;
	height: 180px;
	line-height: 1.1;
	color: #FFF;
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	padding: 55px 0 0;
}
.work .box section .box_in h3 span {
	display:block;
	text-align:center;
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:2.4rem;
	font-weight:bold;
	margin:0 0 10px;
}
.work .box section.box01 .box_in h3 {
	background:#85b24a;
}
.work .box section.box02 .box_in h3 {
	background:#f684a4;
}
.work .box section.box03 .box_in h3 {
	background:#ff7416;
}
.work .box section.box04 .box_in h3 {
	background:#3e5699;
}
.work .box section.box05 .box_in h3 {
	background:#41595F;
}
.work .box section .box_in .img {
	float:left;
}
.work .box section .box_in .box_in_r {
	float:right;
	width:450px;
	padding:55px 0 0;
}
.work .box section .box_in .box_in_r h4 {
	font-size:2.2rem;
	font-weight:bold;
	line-height:1.5;
	margin:0 0 30px;
}
.work .box section .box_in .box_in_r .com {
	margin:0 0 35px;
}
.work .box section .box_in .box_in_r .btn {
	text-align:right;
}
.work .box section .box_in .box_in_r .btn a {
	display:inline-block;
	text-decoration:none;
	padding:25px 35px;
	line-height:1.1;
	color:#FFF;
	font-size:1.6rem;
}
.work .box section.box01 .box_in .box_in_r .btn a {
	background:#85b24a;
}
.work .box section.box02 .box_in .box_in_r .btn a {
	background:#f684a4;
}
.work .box section.box03 .box_in .box_in_r .btn a {
	background:#ff7416;
}
.work .box section.box04 .box_in .box_in_r .btn a {
	background:#3e5699;
}
.work .box section.box05 .box_in .box_in_r .btn a {
	background:#41595F;
}
.work .box section .box_in .box_in_r .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) {
.work {
}
.work .box {
	position:relative;
}
.work .box section {
	position:relative;
	margin:0 0 7.8125vw;
	height:auto;
}
.work .box section:last-child {
	margin:0;
}
.work .box section.box01 {
	background:url(../img/work/bg01_sp.png) repeat center center;
}
.work .box section.box02 {
	background:url(../img/work/bg02_sp.png) repeat center center;
}
.work .box section.box03 {
	background:url(../img/work/bg03_sp.png) repeat center center;
}
.work .box section.box04 {
	background:url(../img/work/bg04_sp.png) repeat center center;
}
.work .box section.box05 {
	background:url(../img/work/bg05_sp.png) repeat center center;
}
.work .box section .box_in {
	position:relative;
	width:92%;
	margin:0 auto;
	padding:5.2083vw 0;
}
.work .box section .box_in:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.work .box section .box_in h3 {
	position: relative;
	top: inherit;
	left:inherit;
	z-index:10;
	width:100%;
	height:auto;
	line-height:1.1;
	color:#FFF;
	text-align:left;
	font-size:5.2083vw;
	font-weight:bold;
	padding:3.9062vw 5.2083vw;
	margin:0 0 2.6041vw;
}
.work .box section .box_in h3 span {
	display: inline-block;
	text-align:left;
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:6.25vw;
	font-weight:bold;
	margin:0 1em 0 0;
}
.work .box section.box01 .box_in h3 {
	background:#85b24a;
}
.work .box section.box02 .box_in h3 {
	background:#f684a4;
}
.work .box section.box03 .box_in h3 {
	background:#ff7416;
}
.work .box section.box04 .box_in h3 {
	background:#3e5699;
}
.work .box section.box05 .box_in h3 {
	background:#41595F;
}
.work .box section .box_in .img {
	float:none;
	text-align:center;
	margin:0 0 3.9062vw;
}
.work .box section .box_in .box_in_r {
	float:none;
	width:100%;
	padding:0;
}
.work .box section .box_in .box_in_r h4 {
	font-size:5.7291vw;
	font-weight:bold;
	line-height:1.5;
	margin:0 0 3.9062vw;
}
.work .box section .box_in .box_in_r .com {
	margin:0 0 3.9062vw;
}
.work .box section .box_in .box_in_r .btn {
	text-align: center;
}
.work .box section .box_in .box_in_r .btn a {
	display:block;
	text-decoration:none;
	padding:5.2083vw 0;
	width:80%;
	margin:0 auto;
	text-align:center;
	line-height:1.1;
	color:#FFF;
	font-size:4.166vw;
}
.work .box section.box01 .box_in .box_in_r .btn a {
	background:#85b24a;
}
.work .box section.box02 .box_in .box_in_r .btn a {
	background:#f684a4;
}
.work .box section.box03 .box_in .box_in_r .btn a {
	background:#ff7416;
}
.work .box section.box04 .box_in .box_in_r .btn a {
	background:#3e5699;
}
.work .box section.box05 .box_in .box_in_r .btn a {
	background:#3e5699;
}
.work .box section .box_in .box_in_r .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;
}
}



		   /*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;
}
}






/*event*/

/*work*/
.event {
}
.event .page_ttl {
	background:url(../img/event/page_ttl.png) no-repeat center center;
}
@media screen and (min-width: 1600px) {
.event .page_ttl {
	background:url(../img/event/page_ttl.png) no-repeat center top;
	background-size:cover;
}
}
@media screen and (max-width: 768px) {
.event .page_ttl {
	background:url(../img/event/page_ttl.png) no-repeat center top;
	background-size:cover;
}
}



.event .box {
	position:relative;
}
.event .box section {
	position:relative;
	margin:0 0 70px;
	height:492px;
}
.event .box section:last-child {
	margin:0;
}
.event .box section.box01 {
	background:url(../img/work/bg01.png) no-repeat center center;
}
.event .box section.box02 {
	background:url(../img/work/bg02.png) no-repeat center center;
}
.event .box section.box03 {
	background:url(../img/work/bg03.png) no-repeat center center;
}
.event .box section.box04 {
	background:url(../img/work/bg04.png) no-repeat center center;
}
.event .box section.box05 {
	background:url(../img/work/bg05.png) no-repeat center center;
}
.event .box section .box_in {
	position: relative;
	width: 1100px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 80px;
}
.event .box section .box_in:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.event .box section .box_in h3 {
	position: absolute;
	top: -31px;
	left: 0;
	z-index: 10;
	width: 180px;
	height: 180px;
	line-height: 1.1;
	color: #FFF;
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	padding: 55px 0 0;
}
.event .box section .box_in h3 span {
	display:block;
	text-align:center;
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:2.4rem;
	font-weight:bold;
	margin:0 0 10px;
}
.event .box section.box01 .box_in h3 {
	background:#85b24a;
}
.event .box section.box02 .box_in h3 {
	background:#f684a4;
}
.event .box section.box03 .box_in h3 {
	background:#ff7416;
}
.event .box section.box04 .box_in h3 {
	background:#3e5699;
}
.event .box section.box05 .box_in h3 {
	background:#41595F;
}
.event .box section .box_in .img {
	float:left;
}
.event .box section .box_in .box_in_r {
	float:right;
	width:450px;
	padding:55px 0 0;
}
.event .box section .box_in .box_in_r h4 {
	font-size:2.2rem;
	font-weight:bold;
	line-height:1.5;
	margin:0 0 30px;
}
.event .box section .box_in .box_in_r .com {
	margin:0 0 35px;
}
.event .box section .box_in .box_in_r .btn {
	text-align:right;
}
.event .box section .box_in .box_in_r .btn a {
	display:inline-block;
	text-decoration:none;
	padding:25px 35px;
	line-height:1.1;
	color:#FFF;
	font-size:1.6rem;
}
.event .box section.box01 .box_in .box_in_r .btn a {
	background:#85b24a;
}
.event .box section.box02 .box_in .box_in_r .btn a {
	background:#f684a4;
}
.event .box section.box03 .box_in .box_in_r .btn a {
	background:#ff7416;
}
.event .box section.box04 .box_in .box_in_r .btn a {
	background:#3e5699;
}
.event .box section.box05 .box_in .box_in_r .btn a {
	background:#41595F;
}
.event .box section .box_in .box_in_r .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) {
.event {
}
.event .box {
	position:relative;
}
.event .box section {
	position:relative;
	margin:0 0 7.8125vw;
	height:auto;
}
.event .box section:last-child {
	margin:0;
}
.event .box section.box01 {
	background:url(../img/work/bg01_sp.png) repeat center center;
}
.event .box section.box02 {
	background:url(../img/work/bg02_sp.png) repeat center center;
}
.event .box section.box03 {
	background:url(../img/work/bg03_sp.png) repeat center center;
}
.event .box section.box04 {
	background:url(../img/work/bg04_sp.png) repeat center center;
}
.event .box section.box05 {
	background:url(../img/work/bg05_sp.png) repeat center center;
}
.event .box section .box_in {
	position:relative;
	width:92%;
	margin:0 auto;
	padding:5.2083vw 0;
}
.event .box section .box_in:after {
   content: " ";
   font-size: 0.1rem;
   display: block;
   clear: both;
   line-height: 0;
   height: 0;
   visibility: hidden;
}
.event .box section .box_in h3 {
	position: relative;
	top: inherit;
	left:inherit;
	z-index:10;
	width:100%;
	height:auto;
	line-height:1.1;
	color:#FFF;
	text-align:left;
	font-size:5.2083vw;
	font-weight:bold;
	padding:3.9062vw 5.2083vw;
	margin:0 0 2.6041vw;
}
.event .box section .box_in h3 span {
	display: inline-block;
	text-align:left;
	font-family: 'Raleway', sans-serif; font-weight:700;
	font-size:6.25vw;
	font-weight:bold;
	margin:0 1em 0 0;
}
.event .box section.box01 .box_in h3 {
	background:#85b24a;
}
.event .box section.box02 .box_in h3 {
	background:#f684a4;
}
.event .box section.box03 .box_in h3 {
	background:#ff7416;
}
.event .box section.box04 .box_in h3 {
	background:#3e5699;
}
.event .box section.box05 .box_in h3 {
	background:#41595F;
}
.event .box section .box_in .img {
	float:none;
	text-align:center;
	margin:0 0 3.9062vw;
}
.event .box section .box_in .box_in_r {
	float:none;
	width:100%;
	padding:0;
}
.event .box section .box_in .box_in_r h4 {
	font-size:5.7291vw;
	font-weight:bold;
	line-height:1.5;
	margin:0 0 3.9062vw;
}
.event .box section .box_in .box_in_r .com {
	margin:0 0 3.9062vw;
}
.event .box section .box_in .box_in_r .btn {
	text-align: center;
}
.event .box section .box_in .box_in_r .btn a {
	display:block;
	text-decoration:none;
	padding:5.2083vw 0;
	width:80%;
	margin:0 auto;
	text-align:center;
	line-height:1.1;
	color:#FFF;
	font-size:4.166vw;
}
.event .box section.box01 .box_in .box_in_r .btn a {
	background:#85b24a;
}
.event .box section.box02 .box_in .box_in_r .btn a {
	background:#f684a4;
}
.event .box section.box03 .box_in .box_in_r .btn a {
	background:#ff7416;
}
.event .box section.box04 .box_in .box_in_r .btn a {
	background:#3e5699;
}
.event .box section.box05 .box_in .box_in_r .btn a {
	background:#3e5699;
}
.event .box section .box_in .box_in_r .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;
}
}