/* RESET */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
	font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	color: #333;
	font-weight:500;
}
.indexPage {
	
}


body{
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
    animation: fadeIn 2.5s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}



article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}



blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

ul {
	list-style-type:none;
}
ol {
	list-style-type:decimal;
}



.forPC {
	display:block !important;
}
.forSP {
	display:none !important;
}



h1 img {
	width:100%;
	height:auto;
}


.pattern {
	position: absolute;
    top: 48%;
    left: 10%;
    z-index: 50;
    font-size: 1.4vw;
    color: #ffffff;
    line-height: 1.4;
    font-weight: 500;
    letter-spacing: 0.1em;
}
.indexPage .pattern {
	display:none;
}

.pattern img {
	margin-top:0.8em;
}
#topimg h1 {
	position: absolute;
    top: 53%;
    left: 10%;
    font-size: 4.3vw;
    color: #fff;
    letter-spacing: 0.5vw;
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
}
.indexPage #topimg h1 {
	display:none;
}
#topimg h1 img {
	width:44vw;
	height:auto;
}


.informationBtn {
	float:left;
}
.informationBtn ul {
	list-style-type: none;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.informationBtn ul li {
	display:inline-block;
	margin-right:5px;
}

.topImageBnr {
    position: absolute;
    top: 10%;
    right:15%;
    width: 200px;
}
.topImageBnr ul li {
    margin-bottom: 10px;
}
.topImageBnr ul li a {
    display: block;
    width: 140px;
    height: 40px;
    background: rgba(255,255,255,0.7);
    line-height: 40px;
    padding: 0 0 0 1em;
    font-size: 90%;
    font-weight: bold;
    color: #333333;
	text-decoration:none;
	position:relative;
	transition:all 0.4s ease;
}
.topImageBnr ul li a::after {
	position:absolute;
	top:0;
	left:100%;
    content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 10px;
	border-color: transparent transparent transparent #ffffff;
	opacity:0.7;
	transition:all 0.4s ease;
}
.topImageBnr ul li:hover a {
	text-indent:0.8em;
}



.topImageBnr01 a::before {
    content: '\f073';
    font-family: FontAwesome;
    padding: 0 0 0 0;
    margin: 0 0.8em 0 0;
    font-size: 130%;
    color: #00ad95;
}
.topImageBnr02 a::before {
    content: '\f05a';
    font-family: FontAwesome;
    padding: 0 0 0 0;
    margin: 0 0.8em 0 0;
    font-size: 130%;
    color: #f5b2b2;
}
.topImageBnr03 a::before {
    content: '\f238';
    font-family: FontAwesome;
    padding: 0 0 0 0;
    margin: 0 0.8em 0 0;
    font-size: 130%;
    color: #46c4db;
}



/* モーダル */
.modal_trigger {
  margin: 100px auto;
  /*
  display: -webkit-box;
  display: flex;
  */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal_trigger li {
  border: 1px solid;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px;
  color: #216518;
  max-width: 100px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.modal_trigger li::before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #216518;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  position: absolute;
  left: -20px;
  top: 100%;
  z-index: -1;
  opacity: 0;
}

.modal_trigger li:hover {
  color: #fff;
}

.modal_trigger li:hover::before {
  -webkit-animation: slideRightBg ease .2s forwards;
          animation: slideRightBg ease .2s forwards;
}

.modal_trigger li + li {
  margin-left: 20px;
}

@-webkit-keyframes slideRightBg {
  0% {
    opacity: 0;
    left: -50%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes slideRightBg {
  0% {
    opacity: 0;
    left: -50%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

.modal_box, .modal_boxPC {
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.modal_bg, .modal_bgPC {
  height: 100%;
  width: 100%;
}

.modal_inner {
    background-color: #f4f4f6;
    left: 35%;
    position: absolute;
    top: 10%;
    padding: 3em 2em 2em;
    width: 30vw;
    box-sizing: border-box;
}

.modal_close, .modal_closePC {
  cursor: pointer;
  position: absolute;
  right: 10px;
    top: 10px;
    font-size: 1.5rem;
}

.modal_block h3 {
	background:#46C4DB;
	color:#ffffff;
	margin-bottom: 0.5em;
    font-size: 1.2vw;
    text-align: center;
    line-height: 1.4;
	padding:0.5em 1em;
}
.modal_block h3::before {
    font-family: "FontAwesome";
    content: "\f095";
    margin-right: 0.8em;
    display: inline-block;
    transform: scale(1.5, 1.5);
}
.modal_block dl {
	overflow:hidden;
	margin:1.5em 0 0 0;
}
.modal_block dt {
	width: 30%;
    font-size: 1.2vw;
    float: left;
    padding: 0.4em;
    background: #aaaaaa;
    color: #ffffff;
    text-align: center;
}
.modal_block dd {
	width:60%;
	font-size:2.2vw;
	float:right;
	font-family:Arial, Helvetica, "sans-serif";
	font-weight: bold;
}
.modal_block p {
	font-size: 1.0vw;
    margin: 0.5em 0 0 0;
}
.modal_boxPC h1 {
	position:fixed;
	top: 12px;
    left: 25px;
	z-index: 555;
}


.fix {
	position:fixed;
	top:26px;
	right:20px;
	z-index:100;
	text-align:center;
}
.site-header .modal_btnPC {
	cursor: pointer;
    height: 24px;
    width: 39px;
    float: right;
    background: url(../images/menu.svg) no-repeat;
    margin-top: 5px;
}
.bnr_login {
	margin-top:20px;
}
.bnr_enter {
	margin-top:10px;
}
.bnr_login img, .bnr_enter img {
	width:50px;
	height:50px;
}
.modal_btnPC img {
	width:72px;
	height:auto;
}

.indexPage .site-header {
	width:100%;
	height:56vw;
	position:relative;
/*
	background:url("../images/slide001.jpg") no-repeat;
	background-size:contain;
*/
}
.strength .site-header {
	width:100%;
	height:42vw;
	position:relative;
	background:url("../images/cat_strength.jpg") no-repeat;
	background-size: cover;
}
.work .site-header {
	width:100%;
	height:42vw;
	position:relative;
	background:url("../images/cat_work.jpg") no-repeat;
	background-size: cover;
}
.business .site-header {
	width:100%;
	height:42vw;
	position:relative;
	background:url("../images/cat_business.jpg") no-repeat;
	background-size: cover;
}
.movie .site-header {
    width: 100%;
    height: 42vw;
    position: relative;
    background: url(../images/cat_movie.jpg) no-repeat;
    background-size: cover;
}
.privacy .site-header {
    width: 100%;
    height: 42vw;
    position: relative;
    background: url(../images/cat_privacy.jpg) no-repeat;
    background-size: cover;
}
.message .site-header {
    width: 100%;
    height: 42vw;
    position: relative;
    background: url(../images/cat_message.jpg) no-repeat;
    background-size: cover;
}
.outline .site-header {
    width: 100%;
    height: 42vw;
    position: relative;
    background: url(../images/cat_outline.jpg) no-repeat;
    background-size: cover;
}
.education .site-header {
    width: 100%;
    height: 42vw;
    position: relative;
    background: url(../images/cat_education.jpg) no-repeat;
    background-size: cover;
}
.welfare .site-header {
    width: 100%;
    height: 42vw;
    position: relative;
    background: url(../images/cat_welfare.jpg) no-repeat;
    background-size: cover;
}
.student .site-header {
    width: 100%;
    height: 42vw;
    position: relative;
    background: url(../images/cat_student.jpg) no-repeat;
    background-size: cover;
}
.form_student .site-header,.form_student_confirm .site-header,.form_student_send .site-header {
    width: 100%;
    height: 42vw;
    position: relative;
    background: url(../images/cat_student.jpg) no-repeat;
    background-size: cover;
}

.formBox input.jobcheckbox {
	width:2em;
}

.career .site-header, .career001 .site-header, .career002 .site-header, .career003 .site-header, .career004 .site-header {
    width: 100%;
    height: 42vw;
    position: relative;
    background: url(../images/cat_career.jpg) no-repeat;
    background-size: cover;
}
.internship .site-header {
    width: 100%;
    height: 42vw;
    position: relative;
    background: url(../images/cat_internship.jpg) no-repeat;
    background-size: cover;
}
.form_intern .site-header, .form_intern_confirm .site-header, .form_intern_send .site-header {
    width: 100%;
    height: 42vw;
    position: relative;
    background: url(../images/cat_internship.jpg) no-repeat;
    background-size: cover;
}
.inquiry .site-header {
    width: 100%;
    height: 42vw;
    position: relative;
    background: url(../images/cat_inquiry.jpg) no-repeat;
    background-size: cover;
}

.project01 .site-header {
    width: 100%;
    height: 42vw;
    position: relative;
    background: url(../images/cat_project01.jpg) no-repeat;
    background-size: cover;
}
.project02 .site-header {
    width: 100%;
    height: 42vw;
    position: relative;
    background: url(../images/cat_project02.jpg) no-repeat;
    background-size: cover;
}
.project03 .site-header {
    width: 100%;
    height: 42vw;
    position: relative;
    background: url(../images/cat_project03.jpg) no-repeat;
    background-size: cover;
}
.people .site-header {
    width: 100%;
    height: 42vw;
    position: relative;
    background: url(../images/cat_people.jpg) no-repeat;
    background-size: cover;
}
.interview header::after {
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background: linear-gradient( 195deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 60%, rgba(255,255,255,1) 100%);
	z-index:1;
}
.interview01 .site-header {
    width: 100%;
    height: 56.7vw;
    position: relative;
    background: url(../images/cat_interview01.jpg) no-repeat;
    background-size: 100%;
}
.interview02 .site-header {
    width: 100%;
    height: 56.7vw;
    position: relative;
    background: url(../images/cat_interview02.jpg) no-repeat;
    background-size: 100%;
}
.interview03 .site-header {
    width: 100%;
    height: 56.7vw;
    position: relative;
    background: url(../images/cat_interview03.jpg) no-repeat;
    background-size: 100%;
}
.interview04 .site-header {
    width: 100%;
    height: 56.7vw;
    position: relative;
    background: url(../images/cat_interview04.jpg) no-repeat;
    background-size: 100%;
}
.interview05 .site-header {
    width: 100%;
    height: 56.7vw;
    position: relative;
    background: url(../images/cat_interview05.jpg) no-repeat;
    background-size: 100%;
}
.interview06 .site-header {
    width: 100%;
    height: 56.7vw;
    position: relative;
    background: url(../images/cat_interview06.jpg) no-repeat;
    background-size: 100%;
}
.interview07 .site-header {
    width: 100%;
    height: 56.7vw;
    position: relative;
    background: url(../images/cat_interview07.jpg) no-repeat;
    background-size: 100%;
}
.interview08 .site-header {
    width: 100%;
    height: 56.7vw;
    position: relative;
    background: url(../images/cat_interview08.jpg) no-repeat;
    background-size: 100%;
}


/* 20230906 */
.interview11 .site-header {
    width: 100%;
    height: 56.7vw;
    position: relative;
    background: url(../images/cat_interview11.jpg) no-repeat;
    background-size: 100%;
}
.interview12 .site-header {
    width: 100%;
    height: 56.7vw;
    position: relative;
    background: url(../images/cat_interview12.jpg) no-repeat;
    background-size: 100%;
}
.interview13 .site-header {
    width: 100%;
    height: 56.7vw;
    position: relative;
    background: url(../images/cat_interview13.jpg) no-repeat;
    background-size: 100%;
}
.interview14 .site-header {
    width: 100%;
    height: 56.7vw;
    position: relative;
    background: url(../images/cat_interview14.jpg) no-repeat;
    background-size: 100%;
}
.interview15 .site-header {
    width: 100%;
    height: 56.7vw;
    position: relative;
    background: url(../images/cat_interview15.jpg) no-repeat;
    background-size: 100%;
}

section.int11_01.sliding {
    padding-top: 56.7vw;
    background: url(../images/cat_interview11.jpg) no-repeat;
    background-size: 100%;
}
section.int12_01.sliding {
    padding-top: 56.7vw;
    background: url(../images/cat_interview12.jpg) no-repeat;
    background-size: 100%;
}
section.int13_01.sliding {
    padding-top: 56.7vw;
    background: url(../images/cat_interview13.jpg) no-repeat;
    background-size: 100%;
}
section.int14_01.sliding {
    padding-top: 56.7vw;
    background: url(../images/cat_interview14.jpg) no-repeat;
    background-size: 100%;
}
section.int15_01.sliding {
    padding-top: 56.7vw;
    background: url(../images/cat_interview15.jpg) no-repeat;
    background-size: 100%;
}













.site-header .logo {
	position:absolute;
	top:20px;
	left: 20px;
	z-index:10;
	background:url("../images/logo.svg") no-repeat;
}
.site-header .logo h1, .others header .logo h1 {
	text-indent: -9999px;
	width:520px;
	height:50px;
}
.site-header .logo h1 a, .others header .logo h1 a {
	display:block;
	width: 100%;
    height: 50px;
}

.site-header .menuBox {
	position: absolute;
    top: 27px;
    right: 30px;
    width: 497px;
    height: 36px;
    text-align: right;
	z-index: 3;
}
.site-header.transform {
    background: rgba(255,255,255,0.8);
    padding: 20px;
	position:fixed;
	top:0;
	left:0;
	height:90px;
	box-sizing: border-box;
	margin-bottom:80px;
	z-index:500;
	overflow: hidden;
}

.indexPage .site-header {
    width: 100%;
    height: 56vw;
    position: relative;
}
.indexPage .site-header.transform .headerBox {
    background: rgba(255,255,255,0.8);
    padding: 20px;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:90px;
	box-sizing: border-box;
	margin-bottom:80px;
	z-index:500;
	overflow: hidden;
}

.site-header.transform .logo {
	position:absolute;
	top:20px;
	left: 20px;
	z-index:10;
	background:url("../images/logo_b.svg") no-repeat;
}

.site-header.transform .modal_btnPC, .others header .modal_btnPC  {
	cursor: pointer;
	height: 24px;
    width: 39px;
	float:right;
	background:url("../images/menu.svg") no-repeat;
	margin-top: 5px;
}
.site-header.transform .menuBox {
	position:fixed;
	top: 27px;
    right: 30px;
    width: 497px;
    height: 36px;
    text-align: right;
}

.site-header .scroll {
	position: absolute;
    bottom: 4.8vw;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 8;
}
.site-header .scroll::after {
	content: '';
    width: 1px;
    height: 3.7vw;
    border-left: 1px solid #fff;
    position: absolute;
    bottom: -4.5vw;
    left: 50%;
}
.site-header.transform .scroll {
	display:none;
}

#messageSec.sliding {
	margin-top:0;/*62vw*/
}
.slick-slider {
    position: absolute !important;
    top: 0;
    left: 0;
}

.slideBnr {
    margin: 0 auto 0;
    width: 100%;
    height: auto;
    padding: 0 0;
}
.slideBnr li.slick-slide {
    margin: 0 0;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    height: 56vw;
    overflow: hidden;
}
.slideBnr li img {
    height: auto;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.4s ease;
}

.site-header.transform .slideBnr, .site-header.transform .scroll_down {
    display: none;
}
header.transform h1.pageH1, .others header.transform hr, header.transform p.pageLead {
    display: none;
}
.indexPage .site-header.transform .slideBnr {
    display: block;
}
.indexPage header.transform h1.pageH1, .indexPage header.transform p.pageLead {
    display: block;
}



.scroll p {
    width: 100%;
	text-align: center;
	font-size:12px;
}
.scroll p a {
    text-decoration: none;
	color:#FFFFFF;
	letter-spacing: 0.2em;
}


section.topPageMessage {
	margin:150px auto 0;
	width:1000px;
}
section.topPageMessage h2 {
	font-size: 34px;
    width: 450px;
    margin: 0 auto 34px;
    padding: 0 0 0 0.2em;
    background: linear-gradient(transparent 35%, #FFF14B 35%);
    height: 45px;
    text-align: center;
}
.topPageMessage p {
	line-height: 3.0;
	font-size:16px;
	text-align:center;
}
#messageSec {
	position:relative;
}


section.toAbout {
	margin:auto;
	background:url("../images/bg_toabout.png") no-repeat;
	padding-top:245px;
	width:1366px;/*1366px*/

}

section.toAbout .sectionInner {
	width:1000px; /* 1000px */
	margin:auto;
	padding-bottom: 0;
}
h2.h2ToAbout {
	font-family: futura-pt, sans-serif;
	font-size:176px;
	font-weight:300;
	color:rgba(198,198,198,0.54);
	position:relative;
	margin-bottom:30px;
}
h2.h2ToAbout span {
	font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-size:26px;
	font-weight:bold;
	color:#000;
	position:absolute;
	bottom: 15px;
	left:0;
}

.aboutTxt {
	width: 460px;
	line-height:2.0;
	color:#fff;
	z-index: 10;
}
.aboutTxt p {
	line-height: 3.0;
	width:100%;
    margin: 0 auto;
    color: #000;
	font-size:16px;
}
.search_about {
	position:absolute;
	top:32vw;
	left:0;
	width:100%;
	z-index: 10;
}
.search_about img {
	margin:0 auto;
	width:620px;
	display: block;
}
img.bg_toabout {
	transition:all 0.4s ease;
}
img.bg_toabout:hover {
	transform: scale(1.2, 1.2);
}

section.toAbout {
	position:relative;
	margin-bottom: 100px;
}

ul.toAboutDetail {
	margin-top:27px;
	width:295px;
	padding:0 0 0 0;
}
ul.toAboutDetail li {
	border-bottom:1px solid #E3E3E3;
}
ul.toAboutDetail li:last-child {
	border-bottom:none;
}
ul.toAboutDetail li a {
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	padding: 18px 0;
	display:block;
	background:url("../images/bg_list.svg") no-repeat;
	background-position:top 18px right;
}

.memberBox {
	width:100%;/* 1000px */
	margin: 0 auto 0;
}
h2.h2ToPeople {
	font-family: futura-pt, sans-serif;
	font-size:176px;
	font-weight:300;
	color:rgba(198,198,198,0.54);
	position:relative;
	margin-bottom:30px;
	text-align:center;
}
h2.h2ToPeople span {
	font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-size:26px;
	font-weight:bold;
	color:#000;
	position:absolute;
	bottom: 15px;
	left:0;
	text-align:center;
	width: 100%;
}

.peopleTxt {
	width: 460px;
	line-height:2.0;
	color:#fff;
    margin: 0 auto;
}
.peopleTxt p {
	line-height: 3.0;
	width:100%;
    color: #000;
	font-size:16px;
	text-align:center;
}
.peopleTxt p.toInterview {
    width: 100%;
    text-align: center;
	margin:20px auto;
}
.peopleTxt p.toInterview a {
    line-height: 3.0;
    color: #000;
    font-size: 20px;
	text-decoration:none;
	background: url(../images/bg_list.svg) no-repeat;
    background-position: top 7px right;
	padding-right:40px;
}

.memberList {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-top:72px;
}
.slick-slider.memberList {
	position: relative !important;
    width: 100%;
    overflow: hidden;
    height: 45vw;
}
.members {
	margin-bottom:60px;
	position: relative;
	float:left;
	box-sizing: border-box;
	padding:0 1vw ;
}
.members figure {
	width:100%;
}
.members figure img {
	width:100%;
	height:auto;
}


.indexPage .members:nth-child(5) {
	margin-left:0;
}
.indexPage .members:nth-child(7) {
	margin-right:0;
}

.members:nth-child(even) {
	margin-top:52px;
}
p.peopleDetail {
	color:#fff;
	font-size:min(1vw,16px);
	font-weight:bold;
	box-sizing:border-box;
	padding:15px;
	background:#0086F8;
	width:min(13.5vw, 185px); /* 185px */
	height:100px;
	margin:-68px auto 0;
	position: relative;
	line-height:1.4;
}
p.peopleDetail::after {
	content:'';
	width:35px;
	height:4px;
	background:url("../images/arrow.svg") no-repeat;
	display:block;
	position:absolute;
	top:47px;
	right:7px;
}
p.peopleDetail span {
	color:#fff;
	font-size:13px;
	font-weight:normal;
	margin-top:10px;
	display:block;
}

section.toProject {
	background:url("../images/bg_toproject.jpg") no-repeat;
	background-position:top 90px left;
	background-size:cover;
}
section.toProject .sectionInner {
    width: 100%;
    margin: 0 auto 100px;
    height: 650px;
}
h2.h2ToProject {
	font-family: futura-pt, sans-serif;
	font-size:176px;
	font-weight:300;
	color:rgba(198,198,198,0.54);
	position:relative;
	margin-bottom:30px;
	text-align:center;
}
h2.h2ToProject span {
	font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-size:26px;
	font-weight:bold;
	color:#fff;
	position:absolute;
	bottom: 15px;
	left:0;
	text-align:center;
	width: 100%;
}
.projectTxt p {
	line-height: 2.4;
	width:460px;
    color: #fff;
	font-size:16px;
	text-align:center;
	margin:auto;
}
ul.toProjectList {
	width:860px;
	height:38px;
	margin:54px auto;
	box-sizing:border-box;
	border-left:1px solid #FFFFFF;
	display: flex;
}
ul.toProjectList li {
	display:inline-block;
	margin:auto;
	border-right:1px solid #FFFFFF;
	box-sizing:border-box;
	width:346px ;
}
ul.toProjectList li:first-child {
	width:160px ;
}

ul.toProjectList li a {
	line-height:38px;
	display:block;
	text-align:center;
	color:#fff;
	text-decoration:none;
	box-sizing:border-box;
	position:relative;
	width:100%;
}
ul.toProjectList li:last-child a, ul.toProjectList li:nth-child(2) a {
	line-height:1.4;
	display:block;
	text-align:left;
	padding:0 0 0 2.8em;
	margin-top: -4px;
}
.toProject figure {
	width:1000px;
	margin:auto;
}
ul.toProjectList li a::after {
	content:'';
	width:18px;
	height:18px;
	background:url("../images/arrow2.svg") no-repeat;
	display: inline-block;
	position:absolute;
	top:10px;
	right:20px;
}
ul.toProjectList li:nth-child(2) a::after, ul.toProjectList li:nth-child(3) a::after {
	top:14px;
}




section.toEnv {
	width:100%;
	margin:0 auto;
	background:url("../images/bg_toenv.png") no-repeat;
	padding-top: 280px;
	background-position: top center;
	padding-bottom: 90px;
}
section.toEnv .sectionInner {
	width:1000px;
}
.toEnv ul.toAboutDetail {
    margin-top: 27px;
    width: 295px;
    padding: 0 0 0 0;
	margin-left:560px;
}

h2.h2ToEnviroment {
	font-family: futura-pt, sans-serif;
	font-size:176px;
	font-weight:300;
	color:rgba(198,198,198,0.54);
	position:relative;
	margin-bottom:30px;
	text-align:center;
	letter-spacing: -14px;
}
h2.h2ToEnviroment span {
	font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-size:26px;
	font-weight:bold;
	color:#000;
	position:absolute;
	bottom: 15px;
	left:0;
	text-align:center;
	width: 100%;
	letter-spacing: 0;
	margin-left:110px;
}

.enviromentTxt {
	width: 460px;
    line-height: 2.0;
    color: #000;
    margin: 0 0 0 560px;
}
.enviromentTxt p {
	line-height: 3.0;
	width:100%;
    color: #000;
	font-size:16px;
	text-align:left;
}

.toCompany {
	margin:430px 0 100px 0;
	width:1000px;
}
h2.h2ToCompany, .education section .sectionInner h2.h2ToCompany {
	font-family: futura-pt, sans-serif;
	font-size:176px;
	font-weight:300;
	color:rgba(198,198,198,0.54);
	position:relative;
	margin-bottom:30px;
	display: block;
	border:none;
	padding-bottom: 0;

}
.toRecruit h2.h2ToCompany, .education section .sectionInner h2.h2ToCompany {
    font-family: futura-pt, sans-serif;
    font-size: 176px;
    font-weight: 300;
    color: rgba(198,198,198,0.54);
    position: relative;
    margin-bottom: 30px;
    display: block;
    border: none;
    padding-bottom: 0;
	text-align:center;
}

h2.h2ToCompany span {
	font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-size:26px;
	font-weight:bold;
	color:#000;
	position:absolute;
	bottom: 15px;
	left: 0;
}
.toRecruit h2.h2ToCompany span {
	width:100%;
	text-align:center;
}

.companyTxt {
	width: 460px;
    line-height: 2.0;
    color: #000;
}
.companyTxt p {
	line-height: 3.0;
	width:100%;
    color: #000;
	font-size:16px;
	text-align:left;
}
.toEnv .toCompany ul.toAboutDetail {
    margin-top: 27px;
    width: 295px;
    padding: 0 0 0 0;
	margin-left:0;
}

section.toRecruit {
	width:100%;
	margin:0 auto;
	background:url("../images/bg_recruit.svg") no-repeat;
	padding-top: 120px;
	background-position: top 80px center;
	padding-bottom:240px;
}
section.toRecruit .sectionInner {
	width:1000px;
}
.toRecruit ul.toAboutDetail {
    margin-top: 27px;
    width: 295px;
    padding: 0 0 0 0;
	margin-left:560px;
}

h2.h2ToRecruit {
	font-family: futura-pt, sans-serif;
	font-size:176px;
	font-weight:100;
	color:rgba(198,198,198,0.54);
	position:relative;
	margin-bottom:30px;
	text-align:center;
	letter-spacing: -14px;
}
h2.h2ToRecruit span {
	font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-size:26px;
	font-weight:bold;
	color:#000;
	position:absolute;
	bottom: 15px;
	left:0;
	text-align:center;
	width: 100%;
	letter-spacing: 0;
	margin-left:110px;
}
ul.toRecruitDetail {
	width:100%;
	display: flex;
    justify-content: space-between;
	margin-top:120px;
}
ul.toRecruitDetail li {
	width:310px;
	height:83px;
}
ul.toRecruitDetail li a {
	display:block;
	color:#fff;
	text-decoration:none;
	background:url("../images/bg_rec_btn.png") no-repeat;
	width: 100%;
    height: 100%;
    line-height: 83px;
	padding:0 0 0 1em;
}













img.compinfo {
	position:absolute;
	right:0;
	bottom: -7.8vw;
}

section.toOur {
	width:100%;
	background:url("../images/bg_our.svg") no-repeat;
	background-size: 100%;
	min-height:500px;
	margin:180px 0;
	position:relative;
	padding-top:120px;
}
#ourSec.active {
	height:1000px;
}

.toOur h2 {
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    text-align: center;
    color: #283034;
    font-size: 77px;
    z-index: 10;
}
.toOurInner {
	width:980px;
	margin:0 auto;
	background:#fff;
	box-sizing:border-box;
	padding:48px 136px;
}
.toOur p {
    line-height: 2.0;
    width: 709px;
    margin: 0 auto 30px;
}
p.sub {
	font-size:20px;
	font-weight:bold;
	width:100%;
	text-align:center;
	margin-bottom:40px;
}
/*
figure.hideImg {
	display:none;
	background: #fff;
    width: 980px;
    text-align: center;
    margin: 0 auto 30px;
    padding-bottom: 50px;
}
*/
img.trgBtn {
	cursor:pointer;
}
img.trgBtn.active {
	display:none;
}
.toggleBox {
	position:absolute;
	top: 410px;
	left:0;
	width:100%;
	text-align:center;
}

.uzaBox {
	background: #fff;
    width: 980px;
    text-align: center;
    margin: 0 auto 30px;
    padding-bottom: 120px;
	position:relative;
}
.uzaBox a {
	position:absolute;
	top:0;
	left:0;
	width: 980px;
	height:100%;
}
.uzaBox figure img {
	height:0;
	width:0;
	tramsition:all 2.4s ease;
}	
.uzaBox figure.on_hover img {
	height:auto;
	background: #fff;
    width: 709px;
    text-align: center;
    margin: 0 auto 30px;
    padding-bottom: 50px;
}







.toPeople {
	position:relative;
	width:1366px;
	height: 700px;
	overflow:hidden;
	padding:0 0 0 0;	
}
.toPeople:after {
	position: absolute;
    content: "";
    display: block;
	width:1366px;
    height: 100%;
    top: 0;
	background:url("../images/bg_topeople.png") no-repeat;
	background-size:1328px;
	transition:all 0.4s ease;

}
.toPeople:hover:after {
	background:url("../images/bg_topeople_on.png") no-repeat;
	background-size:1328px;
}

.toPeople h2 {
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    top: 540px;
    left: 193px;
    width: 100%;
    color: #283034;
    font-size: 77px;
    z-index: 10;
}
.toPeople h2 span.violet {
    color: #721F64;
}
.toPeopleInner {
    position: absolute;
    top: 630px;
    left: 62px;
    width: 980px;
	box-sizing:border-box;
	padding:0 0 0 0;
}
.toPeople p {
    line-height: 2.0;
    width: 709px;
    margin: 0 auto 30px;
}


.toPeople p.sub {
	text-align:left;
}
.viewMoreBox {
	position:absolute;
	top:536px;
	left:909px;
	z-index: 10;
}


a.viewmore {
	width:262px;
	height:68px;
	background:#283034;
	line-height:68px;
	color:#fff;
	display:block;
	border-radius:4px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size:13px;
	cursor: pointer;
	position:relative;
	padding:0 23px;
	letter-spacing: 0.1em;
	text-decoration:none;
}
a.viewmore img {
	float: right;
    margin-top: 24px;
}
a.viewmore:before {
  content: '';
  position: absolute;
  left: 0;
  top: 64px;/*テキストからの距離*/
  width: 0%;/*初期状態では下線非表示*/
  height: 4px;/*下線の高さ*/
  background: #f07989;/*下線の色*/
  z-index: 200;
  transition: all 0.4s;/*アニメーション速度*/
	border-radius:0 0 4px 4px
}
.toPeople:hover a.viewmore {
  background:rgba(40,48,52,0.9);
}
.toPeople:hover a.viewmore:before {
  width: 100%;
}

p.toPeopleOuter {
	margin:0 0 0 195px;
	width:624px;
	line-height: 2.0;
}

section.toEnvironment {
	width:980px;
	margin:140px auto;
}
.toEnvironment h2 {
    font-family: 'Montserrat', sans-serif;
    width: 100%;
	text-align:center;
    color: #283034;
    font-size: 77px;
    z-index: 10;
}
.toEnvironment h2 span.violet {
    color: #721F64;
}
.toEnvironment p.sub {
    margin-top:20px;
}
.learnBox {
	display: flex;
	justify-content:space-between;
}
.learn {
	width:284px;
}
.learn figure {
	margin-bottom:40px;
}
.learn h3 {
	width:100%;
	text-align:center;
	font-size:17px;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
}
p.learnSub {
	width:100%;
	text-align:center;
	color:#97A2AD;
    font-family: 'Montserrat', sans-serif;
	font-size:15px;
}
p.learnTxt {
	font-size:13px;
	line-height:2.0;
	margin-top: 30px;
    margin-bottom: 20px;
}
.learnBox .viewMoreBox {
	position:static;
	margin:0 0 0 0;
}
#learn03 p.learnTxt {
    margin-bottom: 46px;
}
.learnBox a.viewmore {
    width: 284px;
    height: 52px;
	box-sizing: border-box;
	line-height: 52px;
	text-decoration: none;
}
#learn01 a.viewmore:before {
    content: '';
    position: absolute;
    left: 0;
    top: 48px;
    width: 0%;
    height: 4px;
    background: #37C1B0;
    z-index: 200;
    transition: all 0.4s;
    border-radius: 0 0 4px 4px;
}
#learn02 a.viewmore:before {
    content: '';
    position: absolute;
    left: 0;
    top: 48px;
    width: 0%;
    height: 4px;
    background: #30A2D9;
    z-index: 200;
    transition: all 0.4s;
    border-radius: 0 0 4px 4px;
}
#learn03 a.viewmore:before {
    content: '';
    position: absolute;
    left: 0;
    top: 48px;
    width: 0%;
    height: 4px;
    background: #F8B364;
    z-index: 200;
    transition: all 0.4s;
    border-radius: 0 0 4px 4px;
}

.viewMoreBox:hover a.viewmore {
  background:rgba(40,48,52,0.9);
}
#learn01:hover a.viewmore:before,
#learn02:hover a.viewmore:before,
#learn03:hover a.viewmore:before
{
  width: 100%;
}

.learn a.viewmore img {
    float: right;
    margin-top: 18px;
}
























.catch {
	position: absolute;
    top: 32vw;
    left: 13vw;
    width: 46vw;
    height: auto;
    z-index: 8;
}
.catch img {
	width:100%;
	height:auto;
}

header video {
	position:absolute;
	top: 0;
    left: 10vw;
    height: auto;
    width: 90vw;
    z-index: 1;
}
#wrapper_youtube {
	position:relative;
	width:100%;
	height:100%;
}


#video_ctl {
    position: absolute;
    top:0;
    left:0;
	height: 100%;
    width: 100%;
    cursor: pointer;
    z-index: 7;
}
#video_ctl.start {
	background:url("../images/v_start.png") no-repeat;
}


#youtube-area {
	position: absolute;
    top: 0;
    left: 0;
    height: 64VW;
    width: 100vw;
    z-index: 1;
}
#sound {
	position: absolute;
    bottom: 20vw;
    right: 27vw;
    width: 100px;
    height: 20px;
    z-index: 5;
	cursor: pointer;
}
.soundOff::after {
	content: 'SOUND OFF';
	font-size:100%;
	color:#fff;
	font-family: acumin-pro-condensed;
	letter-spacing: 1px;
}
.soundOn::after {
	content: 'SOUND ON';
	font-size:100%;
	color:red;
	font-family: acumin-pro-condensed;
	letter-spacing: 1px;
}


/* YOUTUBEモーダル */
#modalYoutubePC {
	width:100%;
	height:100%;
}
#modalYoutubeBoxPC {
	width:100% !important;
	height:100% !important;
	position: relative;
}




.modal_triggerYT {
    position:absolute;
    top: 20vw;
    right: 30vw;
    z-index: 100;
    text-align: center;
}
/* モーダル */
.modal_triggerYT {
  margin: 100px auto;
  /*
  display: -webkit-box;
  display: flex;
  */
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.modal_triggerYT li {
  border: 1px solid;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px;
  color: #216518;
  max-width: 100px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.modal_triggerYT li::before {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  background: #216518;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  position: absolute;
  left: -20px;
  top: 100%;
  z-index: -1;
  opacity: 0;
}

.modal_triggerYT li:hover {
  color: #fff;
}

.modal_triggerYT li:hover::before {
  -webkit-animation: slideRightBg ease .2s forwards;
          animation: slideRightBg ease .2s forwards;
}

.modal_triggerYT li + li {
  margin-left: 20px;
}

@-webkit-keyframes slideRightBg {
  0% {
    opacity: 0;
    left: -50%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes slideRightBg {
  0% {
    opacity: 0;
    left: -50%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

.modal_boxYT, .modal_boxYT {
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.modal_bgYT {
  background-color: #000000;
  height: 100%;
  width: 100%;
}

.modal_innerYT {
    background-color: #000;
    left: 0;
    position: absolute;
    top: 0;
    padding: 3em 2em 2em;
    width: 100%;
	height:100%;
    box-sizing: border-box;
}

.modal_closeYT {
  cursor: pointer;
  position: absolute;
  right: 10px;
    top: 10px;
    font-size: 1.5rem;
	color: #fff;
}
.modal_blockYT {
	width:100%;
	height:100%;
}
.modal_blockYT h3 {
	background:#46C4DB;
	color:#ffffff;
	margin-bottom: 0.5em;
    font-size: 1.2vw;
    text-align: center;
    line-height: 1.4;
	padding:0.5em 1em;
}
.modal_blockYT h3::before {
    font-family: "FontAwesome";
    content: "\f095";
    margin-right: 0.8em;
    display: inline-block;
    transform: scale(1.5, 1.5);
}
.modal_blockYT dl {
	overflow:hidden;
	margin:1.5em 0 0 0;
}
.modal_blockYT dt {
	width: 30%;
    font-size: 1.2vw;
    float: left;
    padding: 0.4em;
    background: #aaaaaa;
    color: #ffffff;
    text-align: center;
}
.modal_blockYT dd {
	width:60%;
	font-size:2.2vw;
	float:right;
	font-family:Arial, Helvetica, "sans-serif";
	font-weight: bold;
}
.modal_blockYT p {
	font-size: 1.0vw;
    margin: 0.5em 0 0 0;
}
.modal_areaYT {
	width:100%;
	height:100%;
}
.modal_areaYT iframe {
	width:100%;
	height:100%;
}


header nav {
	position:absolute;
	top:30px;
	left:0;
	width:100%;
}
header nav ul {
	width:1018px;
	height:60px;
	margin:0 auto;
	background:#fff;
	border-radius:8px;
}
header nav ul {
    border: 1px solid #efefef;
    box-shadow: 0 0 10px 0 #efefef;
}

header nav ul li {
	float:left;
}
header nav ul li:first-child img {
	margin-top:-5px;
}
header nav ul li a {
	line-height: 1.2;
    padding: 21px 0 21px 2em;
    text-decoration: none;

    height: 18px;
    display: block;
    font-size: 0.9rem;
    color: #000;
    font-weight: bold;
    letter-spacing: 0.1em;
}
header nav ul li:first-child a {
    padding: 23px 2em 21px 2.5em;
}
header nav ul li a::after {
	content:'|';
    margin-left:2.4em;
}
header nav ul li.contact a::after, header nav ul li:nth-child(5) a::after, header nav ul li:first-child a::after {
    content: '';
    margin-left: 0;
}
header nav ul li:first-child a {
    border-right: none;
}
header nav ul li:first-child a, header nav ul li.contact a, header nav ul li:nth-child(2) a {
    border-left: none;
}
header nav ul li.contact {
	background: #C02727;
    float: right;
    border-radius: 0 8px 8px 0;
}
header nav ul li.contact a {
    padding: 21px 2.2em;
    text-decoration: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	color:#fff;
}


header nav ul li.contact a img {
	width:18px;
	height:auto;
	margin-right:7px;
}
/*
header nav ul li.contact a::before {
    content: '\f003';
    font-family: FontAwesome;
    padding: 0 0 0 0;
    margin: 0 0.5em 0 0;
    font-weight: normal;
}
*/


.headerContent {
    width: 1200px;
	margin:0 auto;
	position:relative;
	height:100px;
}
.headerContent h1 {
	position:absolute;
	top:16px;
	left:0;
    width: 350px;
	height:78px;
	margin:0 auto;
}
.headerContent h1 img {
    width: 342px;
	height:autox;
}

.headerCtl {
	width: 560px;
    height: 100px;
    position: absolute;
    right: 0;
    top: 15px;
}
.indexPage header h1.pageH1 {
    position: absolute;
    top: 13vw;
    left: 12.2vw;
    font-size: 30px;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.1em;
    z-index: 5;
	width:25.3vw;
	height:auto;
}
h1 img {
    width: 100%;
    height: auto;
}


.topBody {
	width:100%;
	margin:0 auto 0;
	z-index:15;
	overflow: hidden;
}
.topBody.sliding {
    margin: 0 auto 0;
    padding-top: 10vw;
	/*
    background: url("../images/slide001.jpg") no-repeat;
    background-size: 100%;
	*/
}	
.toMessage {
	margin: 50px 260px 0;
	position:relative;
}
.messageImg {
	position: absolute;
    top: 10.5em;
    right: 10.7em;
	width: 265px;	
} 
.toMessage a  {
    text-decoration: none;
	display:flex;
}
.toMessage a .message {
	font-family: acumin-pro-condensed;
	font-weight: bold;
	font-style: normal;
    font-size: 145px;
    letter-spacing: 18px;
    color:#f4f4f4; /* #57515114 */
	opacity:0.8;
    transform: scale(1.2, 1.2);
    display: block;
	margin-right: 0.7em;
}
.toMessage a:hover .message {
	animation: color-change 0.5s forwards ease;
}
@keyframes color-change {
  0%{
    color:#EAEAEA;
  }
	
  100%{
    color:#E60000;
	opacity:0.2;
  }	
}

p.angles span {
	display:inline-block;
}

.toMessage a .angle01,
.toMessage a .angle02,
.toMessage a .angle03,
.toMessage a .angle04,
.toMessage a .angle05
{
	opacity:0;
	transition:all .3s ease;
	display:inline-block;
}
.toMessage a:hover .angle01,
.toMessage a:hover .angle02,
.toMessage a:hover .angle03,
.toMessage a:hover .angle04,
.toMessage a:hover .angle05
{
	opacity:1.0;
}


.toMessage a .angle00 {margin-top: 9.5em;}
.toMessage a:hover .angle00 {transform: translate(-2em,5em);transform:scale(1,1);}

.toMessage a .angle01 {	transform: translateX(-2em);margin-top: 8.7em;}
.toMessage a:hover .angle01 {transform: translateX(-3em);}

.toMessage a .angle02 {	transform: translateX(-2.5em);margin-top: 8.7em;}
.toMessage a:hover .angle02 {transform: translateX(-2em);}

.toMessage a .angle03 {	transform: translateX(-2.5em);margin-top: 8.7em;}
.toMessage a:hover .angle03 {transform: translateX(-1em);}

.toMessage a .angle04 {	transform: translateX(-2.5em);margin-top: 8.7em;}
.toMessage a:hover .angle04 {transform: translateX(0);}

.toMessage a .angle05 {	transform: translateX(-2.5em);margin-top: 8.7em;}
.toMessage a:hover .angle05 {transform: translateX(1em);}

.toMessage a .angle00
{
	opacity:1.0;
	transition:all .4s ease;
}
.toMessage a:hover .angle00
{
	opacity:0;
}


.toFeature {
	margin: 335px 0 0 790px;
}
.toBusiness {
	margin: 495px 0 0 270px;
}
.toJobs {
	margin: 670px 0 0 790px;
}



.button-4{
	width: 147px;
    height: 37px;
  background:#000;
  float:left;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
}
.button-4 a{
	font-family: acumin-pro-condensed;
	font-style: normal;
	letter-spacing: 0.1em;
    font-size: 95%;
  color:#fff;
  text-decoration:none;
  line-height:37px;
  transition:all .3s ease;
  z-index:2;
  position:relative;
	display: block;	
}
.eff-4{
  width:147px;
  height:37px;
  left:-147px;
  background:#E60000;
  position:absolute;
  transition:all .3s ease;
  z-index:1;

}
.button-4:hover .eff-4{
  left:0;
}
.button-4:hover a{
  color:#fff;
}


.information {
	overflow:hidden;
	width:980px;
	margin: 2em auto 0;
}
.information h2 {
    font-family: "acumin-pro-condensed";
    font-weight: bold;
    font-style: normal;
    font-size: 280%;
    color: #000;
    letter-spacing: 4px;
}
.information h2 span {
    font-family: 'Noto Serif JP';
    font-size: 48%;
    letter-spacing: 1px;
    line-height: 1.0;
    color: #E60000;
    display: block;
    margin-top: 0.3em;
}
.information figure {
	width:462px;
	height:293px;
	overflow:hidden;
}
.infoBox img {
	width:100%;
	height:auto;
	transition: all .3s ease;
}
.infoBox a:hover img  {
	transform: scale(1.1,1.1);
}
.infoBox {
	display:flex;
	justify-content: space-between;
    flex-wrap: wrap;
	margin:2em 0;
}
.infoInner p {
    font-family: 'Noto Serif JP';
	font-size:125%;
	letter-spacing:0.1em;
	margin-top:0.5em;
}
.infoInner p img {
	width:12px;
	height:auto;
	margin-left:1em;
}
.infoInner a {
    text-decoration:none;
	color:#000;
}
.button-5{
	width: 470px;
    height: 80px;
  background:#000;
  float:left;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
}
.button-5 a{
	font-family: 'Noto Serif JP';
	font-style: normal;
	letter-spacing: 0.1em;
    font-size: 130%;
  color:#fff;
  text-decoration:none;
  line-height:80px;
  transition:all .3s ease;
  z-index:2;
  position:relative;
	display: block;
}
.eff-5{
  width:470px;
  height:80px;
  left:-470px;
  background:#E60000;
  position:absolute;
  transition:all .3s ease;
  z-index:1;
}
.button-5:hover .eff-5{
  left:0;
}
.button-5:hover a{
	  color:#fff;
}
.button-5 img {
	width:12px;
	height:auto;
	position:absolute;
	top:32px;
	right:7px;
	z-index:9;
}
.toYoukou {
	margin-top:3.5em;
	display:flex;
	justify-content: center;
	margin-bottom:3.5em;
}
.toYoukou2 {
	display:flex;
	justify-content: space-between;
    flex-wrap: wrap;
	margin:2em 0;
}


.toIhiran {
	margin:1em 0;
}
.toIhiran a {
	background: #000;
    text-decoration: none;
    padding: 0.5em 0.5em;
    display: block;
    font-size: 0.9rem;
    text-align: center;
    color: #fff;
    width: 100px;
    margin: 0 auto;
    font-family: arial;
    font-weight: bold;
	font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
}

section.working {
	width:100%;
	text-align:center;	
	padding: 75px 0 0;
}

section.recruitBox {
	width: 100%;
    text-align: center;
    padding: 100px 0 0;
    background: linear-gradient(#F3F3F3 50%, white 50%);
    height: 740px;
    margin-top: -50px;
}
.recruitBoxInner {
	width:1100px;
	height:445px;	
	margin:0 auto;
	background:url(../images/bg_recruit.png) no-repeat;
	padding-top: 110px;
}
section.recruitBox h2 span, section.brands h2 span {
    color: #fff;
}
section.recruitBox p.leadTxt, section.brands p.leadTxt {
    color: #fff;
}
.recruitBoxInner p.readMore a {
	color: #fff;
    padding: 0 0;
    border: 1px solid #fff;
    background: rgba(255,255,255,0.2);
    margin: 2.7em auto 0;
    text-align: center;
    width: 345px;
    height: 56px;
    line-height: 56px;
    display: block;
    text-decoration: none;
	font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
}

section.brands {
	width:100%;
	height:41vw;
	text-align:center;	
	padding: 0 0 0;
	background:url(../images/bg_brands.png) no-repeat #F3F3F3;
    background-size:contain;
	margin-top: -190px;
    padding: 96px 0 0;
	position:relative;
}
section.brands p.leadTxt {
	position: absolute;
    bottom: 20%;
    font-size: 1.4rem;
    line-height: 1.8;
    font-weight: bold;
    text-align: center;
    left: 0;
    width: 100%;
}
section.shops {
	width:100%;
	background:#F3F3F3;	
	padding-bottom:25px;
}
.shopsInner {
	width:1220px;
	margin:0 auto;
	padding:60px 64px 0;	
	box-sizing:border-box;
	background:#ffffff;	
}
.shopsInner dl {
	overflow:hidden;
	padding-bottom:50px;
	border-bottom:1px dotted #ccc;
	margin-bottom:50px;
}
.shopsInner dl dt {
	float:left;
}
.shopsInner dl dd {
	float:right;
}
.shopsInner dl:last-child {
	border-bottom:none;
}
section.aboutUs {
	width:100%;
	background:#ffffff;	
	margin-bottom: 50px;
}
.aboutUsInner {
	width:1100px;
	margin:0 auto;
	padding:60px 0;	
	box-sizing:border-box;
	text-align:center;
}

.aboutUsInner ul {
	display: flex;	
	flex-wrap: no-wrap; 
	margin-top:50px;
}

.aboutUsInner ul li {
	margin-right:30px;
	text-align:center;

	width:345px;
	height:345px;
}
li.h3_about_01 a {
	background:url(../images/fig01.png)	no-repeat;
}
li.h3_about_02 a {
	background:url(../images/fig02.png)	no-repeat;
}
li.h3_about_03 a {
	background:url(../images/fig03.png)	no-repeat;
}
.aboutUsInner ul li a {
	text-decoration:none;
	display:block;
	width:345px;
	height:280px;
	padding-top:120px;
	box-sizing: border-box;
	position:relative;
	font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
}
.aboutUsInner ul li a span {
	display:block;
	margin-top:1em;	
	color:#fff;
	font-size: 1rem;
}
.aboutUsInner ul li a::after {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #000;
    color: #fff;
    content: 'READ MORE';
    padding: 0.5em 1.5em;
    font-size: 75%;
    font-weight: bold;
}

span.aboutTxt {
	text-align: left;
    line-height: 1.6;
    margin-top: 0.8em;
    display: block;
    font-size: 86%;
    font-weight: bold;
}

.companyInfo dl {
	width:830px;
	overflow:hidden;
	border-bottom:1px solid #000;
	margin:0 auto 1em;
	padding-bottom:1em;
	font-size:90%;
}
.companyInfo dl:last-child {
	border-bottom:none;
}
.companyInfo dt {
	width:243px;
	float:left;
	padding-left:0.5em;
	line-height:1.6;
}
.companyInfo dd {
	width: 560px;
	float:right;
	line-height:1.6;
}
.companyInfo img {
	width:100%;
	height:auto;	
}

span.yoseyose {
	letter-spacing: 0.1em;
}


/* 採用情報 */
.others.cat_recruit section.slideBnrBox {
    background: linear-gradient(white 50%, #F3F3F3 50%);
    padding-top: 15vw;
    margin-top: -10vw;
	padding-bottom: 1.5vw;
}
.others.cat_recruit section ul.slick-dots {
    margin:2em 0 0 0;
}
.others section.recruitFlow {
	text-align:center;	
}
.others section.recruitFlow img {
	margin-top:4em;
}
.others section.recruitBottom {
	width: 100%;
    background: #F3F3F3;
    padding-top: 100px;
    margin-top: 100px;
    padding-bottom: 60px;
    margin-bottom: 0;
}
.recruitBottomInner {
	width:1100px;
	margin:0 auto;
}
.others section .recruitBottomInner ul {
	overflow:hidden;
    list-style-type: none;
    padding-left: 0;
    margin: 0.5em 0 2em 0;
}

.others section .recruitBottomInner ul li {
    margin-bottom: 0.4em;
    font-size: 100%;
	line-height:1.0;
	width:528px;
	float:left;
}
.others section .recruitBottomInner ul li:last-child {
	float:right;
}
.recruitBottomInner ul li img {
	width:100%;
	height:auto;
}
.recruitBottomInner ul li a {
	display:block;
	position:relative;
	color:#fff;
}
.recruitBottomInner h4 {
	position:absolute;
	top:40%;
	left:0;
	width:100%;
	text-align:center;
	font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size: 2rem;
	letter-spacing:0.1em;

}
.recruitBottomInner span {
	font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-size: 0.9rem;
	display:block;
}
.recruitBottomInner ul li a::after {
    position: absolute;
    bottom: 0.2em;
    right: 0;
    background: #000;
    color: #fff;
    content: 'READ MORE ■';
    padding: 0.5em 1.5em;
    font-size: 75%;
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
}

/* お問い合わせ */
.others section.contactContent {
	width:1000px;
	margin:0 auto;
}
.others section.contactContent p.leadTxt {
    text-align:center;
	margin-top:70px;
}
.others.cat_contact_confirm section.contactContent p.leadTxt {
    margin-bottom: 70px;
}
.naiyouCheck {
	width:620px;
	margin:2em auto;
	overflow:hidden;
}
.naiyouCheck label {
	width:35%;
	margin-right:5%;
	margin-bottom:1em;
	float:left;
}
.naiyouCheck label.even {
	margin-right:0;
	width:53%;
	float:right;
}






/* エントリー */
.radio-input{
  display: none;
}
.radio-input + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
  position: relative;
}
.radio-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.naiyouCheck .radio-input + label::before{
  top: 0;
}
.radio-input:checked + label{
  color: #d01137;
}
.radio-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #d01137;
  border-radius: 50%;
}
.naiyouCheck .radio-input:checked + label::after{
  top: 3px;
}


/* インタビュー */
section.people01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}
section.people01.sliding {
    padding-top: 41.5vw;
    background: url(../images/cat_people.jpg) no-repeat;
    background-size: 100%;
}

section.people02 {
    width: 1366px;
    background: url(../images/bg_people02.jpg) no-repeat;
	background-position: top 350px left;
    background-size: 993px;
	margin:0 auto;
}
section.people02 .sectionInner {
    width:873px;
    margin:0 auto;
}

.tabBox {
	width:518px;
	height:240px;
	background:#EFF2F7;
	padding:20px 100px;
	box-sizing: border-box;
	margin:74px auto 94px;
	position: relative;
}
.tabBox h3 {
	width: 100%;
    position: absolute;
    top: 61px;
    left: 100px;
    line-height: 38px;
    font-size: 14px;
    font-weight: bold;
    color: #008AFF;
}
.tabBox h3 a {
	display:block;
	color:#fff;
	font-size:15px;
	line-height:27px;
	text-align:center;
	background:#008AFF;
	width:100%;
	text-decoration:none;
	border-radius:4px;
}

.tabBtn00 {
	position:absolute;
	top:20px;
	left:102px;
}
.tabBtn01 {
	position:absolute;
	top:65px;
	left:183px;
}
.tabBtn02 {
	position:absolute;
	top:65px;
	left: 258px;
}
.tabBtn03 {
	position:absolute;
	top:105px;
	left:183px;
}
.tabBtn04 {
	position:absolute;
	top:105px;
	left: 273px;
}
.tabBtn05 {
	position:absolute;
	top:144px;
	left:183px;
}
.tabBtn06 {
	position:absolute;
	top:144px;
	left:243px;
}
.tabBtn07 {
	position:absolute;
	top:144px;
	left:302px;
}
.tabBtn08 {
	position:absolute;
	top:183px;
	left:183px;
}
.tabBtn09 {
	position:absolute;
	top:183px;
	left:243px;
}


ul.tabNav li {
    display: inline-block;
}
.tabNav li a {
	background: #008AFF;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    box-sizing: border-box;
    padding: 5px 5px;
    margin-right: 7px;
    margin-bottom: 10px;
    display: inline-block;
	box-sizing: border-box;
	border:1px solid #008AFF;
}
.tabNav li.active a {
	background: #fff;
    color: #008AFF;
    text-decoration: none;
    font-size: 15px;
    box-sizing: border-box;
    padding: 5px 5px;
    margin-right: 7px;
    margin-bottom: 10px;
    display: inline-block;
	box-sizing: border-box;
	border:1px solid #008AFF;
}
.tabNav li:first-child a {
	width:314px;
	text-align:center;
}



.tabs_content .members {
    width: 258px;
    margin-bottom: 110px;
    position: relative;
	padding: 0 0;
}
.tabs_content .memberList::after {
    content: "";
    display: block;
    width: 258px;
}

.tabs_content .members:nth-child(even) {
    margin-top:0;
}
.tabs_content .members img {
    width: 100%;
    height:auto;
}
















/* pageHead */
p.pageCat {
	position:absolute;
	top:15.7vw;
	left:0;
	width:100%;
	text-align:center;
}
.privacy p.pageCat {
	display:none;
}
p.pageCat span {
	padding:0.5em 2em;/* 0.5em 12em */
	font-size:1vw;
	font-weight:bold;
	color:#0086F8;
	position: relative;
	z-index: 2;
}
p.pageCat span::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	transform:skewX(-15deg);
	z-index: -1;
}
h1.pageTtl {
	position:absolute;
	top:19vw;/* 21vw */
	left:0;
	width:100%;
	text-align:center;
	font-size:3.3vw;
	color:#fff;
	font-weight:bold;
	line-height: 1.4;
}
.career h1.pageTtl {
    position: absolute;
    top: 21vw;
    left: 0; /* 39.5vw */
    width: 100%; /* 20vw */
    text-align: center;
    font-size: 3.3vw;
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
    margin: auto;
}
p.tuika {
	position: absolute;
    top: 25.5vw;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 2.3vw;
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.1vw;
}

/* 三祐の事業 */
section.business01 .sectionInner {
	width:100%;
	background-size:100%;
	padding-top:100px;
}
section.business01.sliding {
	padding-top:41.5vw;
	background:url(../images/cat_business.jpg) no-repeat;
	background-size:100%;
}

section.business01 h2, section.business02 h2, section.business03 h2, section.business04 h2, section.business05 h2, section.business06 h2
, section.business07 h2{
    font-size: 26px;
    font-weight: bold;
    color: #0086F8;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
    margin: 92px auto 40px;
}
.business .sectionInner {
    width: 1000px;
    margin: 0 auto;
}
.hani {
	width:1000px;
	height:579px;
	background:url("../images/bg_hani.jpg") no-repeat;
	position:relative;
}
.hani dl {
	width:82px;
	height:82px;
	}
.hani dl dt {
	background:url("../images/bg_hani_dt.svg") no-repeat;
	width:82px;
	height:82px;
	cursor: pointer;
}
.hani dl:hover dt {
	background:url("../images/bg_hani_dt_on.svg") no-repeat;
	width:82px;
	height:82px;
	cursor: pointer;
}
.hani dl dd {
	display:none;
	transition: all 0.4s ease;
    width: 235px;
    height: auto;
    box-sizing: border-box;
    border: 3px solid #0086F8;
    background: #E8F5FD;
    padding: 15px 12px 8px;
    border-radius: 6px;
    position: relative;
    margin: 15px 0 0 -65px;

}
.hani dl dd::before {
	content: '';
    display: block;
    position: absolute;
    top: -25px;
    left: 100px;
    width: 25px;
    height: 25px;
    background: url(../images/bg_tiangle.svg) no-repeat;
    background-size: 62px;
    background-position: top center;
}
.hani dl:hover dd {
	display:block;

}
.hani dl dd span.setsumei {
	font-size:14px;
	line-height:1.6;
	text-align:justify;
}

.hani dl dd h4 {
	font-size:17px;
	font-weight:bold;
	color:#0086F8;
	margin-bottom:10px;
	width:100%;
	text-align:center;
}
#hani01 {
	position:absolute;
	top:88px;
	left:152px;
}
#hani02 {
	position:absolute;
	top:154px;
	left:768px;
}
#hani03 {
	position:absolute;
	top:248px;
	left:585px;
}
#hani04 {
	position:absolute;
	top: 320px;
    left: 378px;
}
#hani05 {
	position:absolute;
	position: absolute;
    top: 440px;
    left: 65px;
}
#hani06 {
	position:absolute;
	position: absolute;
    top: 320px;
    left: 10px;
}
.others.business section p {
    font-size: 16px;
    line-height: 2.0;
    text-align:justify;
}
.business04 figure {
	margin:50px auto 0;
	width:654px;
}
section.business05 {
	width: 1366px;
    height: 1240px;
    margin: -140px auto 0;
    overflow: hidden;
    background: url(../images/bg_business05.png) no-repeat;
    padding-top: 140px;
}
section.business05 .sectionInner {
	width:1000px;
	margin:auto;
	overflow:hidden;
}
section.business05 .projectContent {
    width: 550px;
    float: right;
    margin-top: 150px;
    margin-right: 0;
}
.business .projectContent h3 {
    font-size: 23px;
    font-weight: bold;
    color: #0086F8;
    margin-bottom: 35px;
}
.proSample {
	background:#E2E7EB;
	box-sizing: border-box;
	padding:30px 30px 10px;
	overflow:hidden;
}
.proSample ul li {
	font-size:16px;
	line-height:1.6;
	margin-bottom:30px;
}
.proSample ul li::before {
	content: '■';
    color: #0086F8;
    font-size: 9px;
    margin-right: 10px;
    display: block;
    float: left;
    margin-top: 5px;
	margin-bottom: 0.8em;
}
.others section .projectContent p.motto {
	margin-top:-20px;
}
.others section .projectContent p.motto a {
    text-decoration:none;
	font-size:16px;
    font-weight: bold;
	color:#0086F8;
	background:url("../images/bg_motto.svg") bottom 7px right no-repeat;
	width:110px;
	display:inline-block;
	margin-left:20px;
}
.business06 figure {
    margin: 50px auto 0;
    width: 793px;
}

section.business06 {
	margin-top:-200px;
}

section.business07 {
	width: 1366px;
    height: 1260px;
    margin: -140px auto 0;
    overflow: hidden;
    background: url(../images/bg_business07.png) no-repeat;
    padding-top: 140px;
}
section.business07 .sectionInner {
	width:1000px;
	margin:auto;
	overflow:hidden;
}
section.business07 .projectContent {
    width: 550px;
    float: right;
    margin-top: 150px;
    margin-right: 0;
}















/* 仕事紹介 */
section.work01 .sectionInner {
	width:100%;
	background-size:100%;
	padding-top:100px;
}
section.work01.sliding {
	padding-top:41.5vw;
	background:url(../images/cat_work.jpg) no-repeat;
	background-size:100%;
}
section.work01 h2, section.work02 h2, section.work03 h2, section.work09 h2, section.work15 h2 {
    font-size: 26px;
    font-weight: bold;
    color: #0086F8;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
    margin: 92px auto 67px;
}
section.work02 figure {
	text-align:center;
}
.workInnerLink {
	width:700px;
	margin:70px auto;
	display:flex;
	justify-content: space-between;
}
.workInnerLink li {
	width:220px;
}
.workInnerLink li a {
	display:block;
	width:220px;
	height:auto;
	padding:1.2em 0 0.1em;
	line-height:1.0;
	box-sizing: border-box;
	text-decoration:none;
	background:#0086F8;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	box-shadow:0 3px 6px rgba(0,0,0,0.16);
}
.workInnerLink li a::after {
    content: '\f107';
	display:block;
    font-family: FontAwesome;
    margin-top:0.2em;
	font-size:16px;
}

section.work03 {
    width: 1366px;
    height: 1157px;
    margin: 0 auto;
    background: url(../images/bg_work03.jpg) no-repeat;
    margin-top: 100px;
    padding-top: 100px;
    background-position: top 60px left;
}
section.work04 {
    width: 1366px;
    height: 1157px;
    margin: 0 auto;
    background: url(../images/bg_work04.png) no-repeat;
    margin-top: -290px;
    padding-top: 100px;
    background-position: top 60px left;
}
section.work05 {
    width: 1366px;
    height: 1157px;
    margin: 0 auto;
    background: url(../images/bg_work05.png) no-repeat;
    margin-top: -290px;
    padding-top: 100px;
    background-position: top 60px left;
}
section.work06 {
    width: 1366px;
    height: 1157px;
    margin: 0 auto;
    background: url(../images/bg_work06.png) no-repeat;
    margin-top: -290px;
    padding-top: 100px;
    background-position: top 60px left;
}
section.work07 {
    width: 1366px;
    height: 1157px;
    margin: 0 auto;
    background: url(../images/bg_work07.png) no-repeat;
    margin-top: -290px;
    padding-top: 100px;
    background-position: top 60px left;
}
section.work08 {
    width: 1366px;
    height: 1157px;
    margin: 0 auto;
    background: url(../images/bg_work08.png) no-repeat;
    margin-top: -290px;
    padding-top: 100px;
    background-position: top 60px left;
}
section.work09 {
    width: 1366px;
    height: 1157px;
    margin: 0 auto;
    background: url(../images/bg_work09.png) no-repeat;
    margin-top: -150px;
    padding-top: 110px;
    background-position: top 160px left;
	padding-bottom: 100px;
}
section.work10 {
    width: 1366px;
    height: 1157px;
    margin: 0 auto;
    background: url(../images/bg_work10.png) no-repeat;
    margin-top: -290px;
    padding-top: 100px;
    background-position: top 60px left;
}
section.work11 {
    width: 1366px;
    height: 1157px;
    margin: 0 auto;
    background: url(../images/bg_work11.png) no-repeat;
    margin-top: -290px;
    padding-top: 100px;
    background-position: top 60px left;
}
section.work12 {
    width: 1366px;
    height: 1157px;
    margin: 0 auto;
    background: url(../images/bg_work12.png) no-repeat;
    margin-top: -290px;
    padding-top: 100px;
    background-position: top 60px left;
}
section.work13 {
    width: 1366px;
    height: 1157px;
    margin: 0 auto;
    background: url(../images/bg_work13.png) no-repeat;
    margin-top: -290px;
    padding-top: 100px;
    background-position: top 60px left;
}
section.work14 {
    width: 1366px;
    height: 1157px;
    margin: 0 auto;
    background: url(../images/bg_work14.png) no-repeat;
    margin-top: -290px;
    padding-top: 100px;
    background-position: top 60px left;
}
section.work15 {
    width: 1366px;
    height: 1157px;
    margin: 0 auto;
    background: url(../images/bg_work15.png) no-repeat;
    margin-top: -150px;
    padding-top: 110px;
    background-position: top 160px left;
	padding-bottom: 100px;
}
section.work16 {
    width: 1366px;
    height: 1157px;
    margin: 0 auto;
    background: url(../images/bg_work16.png) no-repeat;
    margin-top: -290px;
    padding-top: 100px;
    background-position: top 60px left;
}
section.work17 {
    width: 1366px;
    height: 1157px;
    margin: 0 auto;
    background: url(../images/bg_work17.png) no-repeat;
    margin-top: -290px;
    padding-top: 100px;
    background-position: top 60px left;
}
section.work03 .sectionInner, section.work09 .sectionInner, section.work15 .sectionInner {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}
section.work03 .projectContent, section.work09 .projectContent, section.work15 .projectContent {
    width: 509px;
    float: right;
	margin-top:120px;
}
section.work05 .projectContent, section.work07 .projectContent, section.work11 .projectContent, section.work13 .projectContent
, section.work17 .projectContent{
    width: 509px;
    float: right;
	margin-top:230px;
}
section.work04 .projectContent, section.work06 .projectContent, section.work08 .projectContent, section.work10 .projectContent, section.work12 .projectContent,
section.work14 .projectContent, section.work16 .projectContent
{
    width: 509px;
    float: left;
	margin-top:400px;
}


.work section.work03 h2 {
    margin: 0 auto 67px;
}
.work .projectContent h3 {
    font-size: 35px;
    font-weight: bold;
    color: #0086F8;
    margin-bottom: 30px;
}
.others section p.h3Sub {
    font-size: 14px;
    line-height: 2.0;
    margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom:1px dashed #000;
}
.work .projectContent h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.others section p.nagareTxt  {
    font-size: 14px;
    line-height: 2.0;
    margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom:1px dashed #000;
}
.others section .projectContent p {
    line-height: 2.0;
}
















/* 三祐の3つの強み */
section.strength01 .sectionInner {
	width:100%;
	height:1060px;
	background:url(../images/bg_strength01.png) no-repeat top center;
	background-size:2200px;
	padding-top:100px;
}
section.strength01.sliding {
	padding-top:41.5vw;
	background:url(../images/cat_strength.jpg) no-repeat;
	background-size:100%;
}
.others section p.pageIntro {
	font-size:16px;
	width:662px;
	margin:auto;
	line-height:3.0;
	text-align: justify;
}
.strength p.pageIntro {
	color:#fff;
}
figure.strength002 {
	width:1000px;
	margin:0 auto;
}
figure.strength002 img {
	width:1000px;
	margin:72px auto 0;
}

section.strength02 {
	width:100%;
}
section.strength02 .sectionInner {
	width:1000px;
	margin:auto;
}
.strength02 h2 {
	background:url("../images/bg_str01.svg") no-repeat;
	background-size:119px;
	height:123px;
	font-size:26px;
	font-weight:bold;
	color:#0086F8;
	padding:44px 0 0 60px;
	display: inline-block;
}
.strength02 h2::after {
	content:'';
	display:block;
	border-top:1px solid #000;
	margin-top:22px;
}
.others section p.jiman {
	font-size: 34px;
    line-height: 1.4;
    margin: -65px 0 90px 58px;
    letter-spacing: 2px;
    font-weight: 400;
}
.others section p.jiman span {
	background: linear-gradient(transparent 35%, #FFF14B 35%);
	display:inline-block;
	height: 40px;
}

.strFig {
	width:600px;
	margin:auto;
}
.others section p.jimanDetail {
	width:876px;
	margin:70px auto 0;
	line-height:2.6;

}


section.strength03 {
	width: 1366px;
    background: url(../images/bg_strength03.svg) no-repeat;
    background-size: 100%;
    padding-top: 14vw; /* 17.3vw */
    padding-bottom: 30vw;
    margin: auto;
}
section.strength03 .sectionInner {
	width:1000px;
	margin:auto;
}
.strength03 h2 {
	background:url("../images/bg_str02.svg") no-repeat;
	background-size:165px;
	height:123px;
	font-size:26px;
	font-weight:bold;
	color:#0086F8;
	padding:44px 0 0 60px;
	display: inline-block;
}
.strength03 h2::after {
	content:'';
	display:block;
	border-top:1px solid #000;
	margin-top:22px;
}

.grouthFlow {
	width:520px;
	margin:90px auto;
}
.grouthFlow dl {
	width:100%;
	box-sizing: border-box;
	border:2px solid #0086F8;
	padding:10px 17px;
	background:#fff;
	margin-bottom:20px;
	position:relative;
}
.grouthFlow dl:after {
	position:absolute;
	bottom:-10px;
	left:250px;
	content:'';
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #0084f8 transparent transparent transparent;
}
.grouthFlow dl:last-child:after {
	display:none;
}
.grouthFlow dl dt {
	font-size:16px;
	color:#0086F8;
	display:inline-block;
}
.grouthFlow dl dd {
	width:100%;
	font-size:16px;
	line-height:1.6;
	color:#585858;
	margin-top:10px;
	letter-spacing: 0.1em;
}

.programs figure {
	margin-top:30px;
	margin-bottom:30px;
}

.syougenBox {
	margin:90px 0;
}
dl.syougen {
	overflow:hidden;
	width:847px;
	margin:0 auto 40px;
}
dl.syougen dt {
	font-size:13px;
	font-weight:bold;
	color:#0086F8;
	width:153px;
	float:left;
	text-align:center;
}
dl.syougen dt img {
	margin-bottom:5px;
}
dl.syougen dd {
	font-size: 14px;
    width: 640px;
    height: 138px;
    background: #fff;
    float: right;
    padding: 25px 22px;
    box-sizing: border-box;
    line-height: 2.0;
    position: relative;
    margin-top: 8px;
}

dl.syougen dd h4 {
	font-size:18px;
	font-weight:bold;
	color:#0086F8;
	margin-bottom:20px;
	line-height:1.0;
}
dl.syougen dd::before {
	content: '';
    position: absolute;
    top: 60px;
    left: -20px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 20px solid #fff;
}

section.strength04 {
	width:100%;
	margin-top: -13vw;
}
section.strength04 .sectionInner {
	width:1000px;
	margin:auto;
}
.strength04 h2 {
	background:url("../images/bg_str03.svg") no-repeat;
	background-size:168px;
	height:123px;
	font-size:26px;
	font-weight:bold;
	color:#0086F8;
	padding:44px 0 0 60px;
	display: inline-block;
}
.strength04 h2::after {
	content:'';
	display:block;
	border-top:1px solid #000;
	margin-top:22px;
}
.programs {
	width:878px;
	margin:0 auto;
}
.programs h3 {
	font-size:22px;
	font-weight:bold;
	margin-bottom:20px;
}
.programs dl {
	overflow:hidden;
	padding-bottom:15px;
	border-bottom:1px solid #B9B9B9;
	margin-bottom:15px;
}
.programs dl dd {
	float:left;
	width:644px;
	display:flex;
	background:#EFF2F7;
	height:150px;
}
.programs dl:nth-child(odd) dd {
	background:#fff;
}
.programs dl dt {
	float:right;
	width:219px;
}
.programs dl dd h4 {
	width:233px;
	font-size:18px;
	font-weight:bold;
	color:#008AFF;
	line-height:1.4;
	padding:50px 0;
	text-align:center;
}
.programs dl dd span {
	width:410px;
	font-size:14px;
	line-height:1.8;
	padding:40px 15px;
}
.programs dl:nth-child(5) dd h4 {
	padding:65px 0 0;
}
.programs dl:nth-child(5)  {
	border-bottom:none;
	margin-bottom:55px;
}
.others section .programs p {
    font-size: 16px;
    line-height: 2.4;
    margin-bottom: 1em;
}

section.strength05 {
	width:100%;
	margin-top:130px;
}
section.strength05 .sectionInner {
	width:1000px;
	margin:auto;
}
.strength05 h2 {
	font-size: 26px;
    font-weight: bold;
    color: #0086F8;
    display: block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
    margin: auto;
    width: 270px;
}

ul.kanren {
	width:1000px;
	display: flex;
    justify-content: space-between;
	margin-top:70px;
	margin-bottom:30px;
}
ul.kanren li {
	background:#2573F0;
}
ul.kanren li a {
	width:328px;
	height:220px;
	position:relative;
	color:#fff;
}
ul.kanren li a span {
	width:328px;
	height:45px;
	position:absolute;
	bottom:0;
	left:0;
	background:url("../images/bg_kanren.svg") no-repeat;
	color:#fff;
	line-height:45px;
	text-align:center;
}
ul.kanren li a img {
	opacity:0.8;
}

/* movie */
section.movie01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}
section.movie01.sliding {
    padding-top: 41.5vw;
    background: url(../images/cat_movie.jpg) no-repeat;
    background-size: 100%;
}
section.movie02, section.movie03 {
    width: 100%;
    margin-top: 130px;
}
section.movie02 .sectionInner, section.movie03 .sectionInner {
    width: 1000px;
	height: 800px;
    margin: auto;
	position: relative;
}
.movie section.movie02 h2, .movie section.movie03 h2 {
    font-size: 26px;
    font-weight: bold;
    color: #0086F8;
    display: block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
    margin: auto;
    width: 270px;
	line-height:1.4;
}
.YouTubeBox {
    width: 100%;
	margin-top:55px;
}
.YouTubeBox iframe {
    width: 980px;
    height: 551px;
    margin: 0 auto;
    display: block;
}
.others.movie section p.jimanDetail {
    width: 1000px;
    margin: 35px auto 0;
    line-height: 2.6;
}


/* プライバシーポリシー */
section.privacy01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}
section.privacy01.sliding {
    padding-top: 41.5vw;
    background: url(../images/cat_privacy.jpg) no-repeat;
    background-size: 100%;
}
section.privacy02, section.privacy03 {
    width: 100%;
    margin-top: 130px;
}
section.privacy02 .sectionInner {
    width: 787px;
    margin: auto;
	position: relative;
}
.privacy section.privacy01 h2 {
    font-size: 26px;
    font-weight: bold;
    color: #0086F8;
    display: block;
    text-align: center;
    margin: auto auto 37px;
    width: 522px;
}


section.privacy01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}

section.privacy02 {
    width: 787px;
    margin:112px auto 0;
}
.privacy section.privacy02 h3 {
    font-size: 16px;
    font-weight: bold;
    color: #0086F8;
    margin-bottom: 16px;
}
.ulDouble  {
	display:flex;
}
.ulDouble ul {
	list-style-type:disc;
	list-style-position: outside;
	margin-left:2em;
	margin-right:45px;
}
.ulDouble ul li {
	font-size:16px;
	margin-bottom:15px;
}
.privacy hr {
	width:100%;
	border:none;
	border-top:1px solid #B9B9B9;
	margin:45px 0;
}

section.privacy03 {
    width: 787px;
    margin:80px auto 50px;
}
section.privacy03 .sectionInner {
    width: 100%;
    padding:33px 0 20px;
	box-sizing:border-box;
	background:#EFF2F7;
	text-align:center;
}
section.privacy03 h2 {
    font-size: 19px;
    font-weight: bold;
    color: #0086F8;
    margin-bottom: 25px;
}
.others section.privacy03 p {
    font-size: 14px;
    line-height:2.0;
}
.others section.privacy03 p strong {
    font-size: 17px;
    font-weight:bold;
}

/* トップメッセージ */
section.message01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}
section.message01.sliding {
    padding-top: 41.5vw;
    background: url(../images/cat_message.jpg) no-repeat;
    background-size: 100%;
}
section.message02 {
    width: 1366px;
    margin: 0 auto;
	padding-top:180px;
	background:url("../images/bg_message02.png") no-repeat;
	overflow: hidden;
}
section.message02 .sectionInner {
    width: 874px;
    margin: auto;
	position: relative;
}
.message section.message01 h2 {
    font-size: 34px;
    font-weight: bold;
    color: #000;
    display: block;
    text-align: center;
    margin: auto auto 37px;
    width: 596px;

}
.message section.message01 h2 span {
	background: linear-gradient(transparent 35%, #FFF14B 35%);
	margin-bottom:18px;
	display: inline-block;
}


section.message01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}

.others section.message02 p {
    font-size: 16px;
    line-height: 2.6;
    margin-bottom: 55px;
}
.others section.message02 p.textBlue {
    font-size: 16px;
	font-weight:bold;
	color:#008AFF;
    line-height: 2.6;
    margin-bottom: 40px;
}
.others section.message02 p.sig {
    font-size: 14px;
	font-weight:bold;
	float:right;	
}
.others section.message02 p.sig span {
    font-size: 18px;

}
section.message03 {
    width: 100%;
    margin-top: 130px;
}
section.message03 .sectionInner {
    width: 1000px;
    margin: auto;
}
.message03 h2 {
    font-size: 26px;
    font-weight: bold;
    color: #0086F8;
    display: block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
    margin: auto;
    width: 270px;
}
.message03 ul.kanren {
    width: 328px;
    display: flex;
    justify-content: space-between;
	margin:auto;
    margin-top: 70px;
    margin-bottom: 30px;
}


/* 教育・研修制度 */
section.education01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}
section.education01.sliding {
    padding-top: 41.5vw;
    background: url(../images/cat_education.jpg) no-repeat;
    background-size: 100%;
}
section.education02 {
    width: 100%;
    background-size: 100%;
    margin-top: 160px;
}
section.education02 .sectionInner {
    width: 1000px;
	margin:0 auto;
}
section.education03 {
    width: 100%;
    background-size: 100%;
    margin-top: 160px;
}
section.education03 .sectionInner {
    width: 1000px;
	margin:0 auto;
}
.h2Box {
	width:100%;
	text-align:center;
}
.education section .sectionInner h2 {
	font-size: 26px;
    font-weight: bold;
    color: #0086F8;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
    margin: auto;
}

.eduSampleBox {
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
	margin-top:70px;
	width:100%;
}
section.education04 .eduSampleBox, section.education06 .eduSampleBox {
    justify-content:space-between;
}
.eduSample {
	width:495px;
	margin-right:10px;
	margin-bottom:10px;
	box-sizing: border-box;
	padding:19px;
	background:#EFF2F7;
	border:1px solid #008AFF;
}
.eduSample:nth-child(even) {
	margin-right:0;
}
.eduSample h3 {
	font-size: 18px;
    font-weight: bold;
    color: #0086F8;
    margin-bottom:18px;
	letter-spacing: 1px;
}
.others section .eduSample p {
	font-size: 16px;
    margin-bottom:12px;
	line-height:1.8;
}
section.education04 {
    width: 1366px;
    background-size: 100%;
    margin:-48px auto 0;
	background:url("../images/bg_education04.svg") no-repeat;
	background-size:100%;
	padding-top:303px;
	padding-bottom:398px;
}
section.education04 .sectionInner {
    width: 1000px;
	margin:0 auto;
}

section.education04 .eduSample {
	background:#fff;
}
section.education05 {
    width: 1366px;
    margin:-78px auto 0;
}
section.education05 .sectionInner {
    width: 1000px;
	margin:0 auto;
}

section.education06 {
    width: 1366px;
    background-size: 100%;
    margin:0 auto 0;
	background:url("../images/bg_education06.svg") no-repeat;
	background-size:100%;
	padding-top:303px;
	padding-bottom:398px;
}
section.education06 .sectionInner {
    width: 1000px;
	margin:0 auto;
}

section.education06 .eduSample {
	background:#fff;
}

p.mb2em {
	margin-bottom:4.4em !important;
}
p.mb40px {
	margin-bottom:40px !important;
}

section.education07 {
    width: 100%;
}
section.education07 .sectionInner {
    width: 1000px;
	margin:0 auto;
}
.education section.education07 .sectionInner h2 {
    font-size: 26px;
    font-weight: bold;
    color: #0086F8;
    display: block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
    margin: auto;
    width: 270px;
}
.education07 ul.kanren {
    width: 328px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    margin-top: 70px;
    margin-bottom: 30px;
}

/* インタビュー */
section.int01_01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}
section.int01_01.sliding {
    padding-top: 56.7vw;
    background: url(../images/cat_interview01.jpg) no-repeat;
    background-size: 100%;
}
section.int02_01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}
section.int02_01.sliding {
    padding-top: 56.7vw;
    background: url(../images/cat_interview02.jpg) no-repeat;
    background-size: 100%;
}
section.int03_01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}
section.int03_01.sliding {
    padding-top: 56.7vw;
    background: url(../images/cat_interview03.jpg) no-repeat;
    background-size: 100%;
}
section.int04_01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}
section.int04_01.sliding {
    padding-top: 56.7vw;
    background: url(../images/cat_interview04.jpg) no-repeat;
    background-size: 100%;
}
section.int05_01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}
section.int05_01.sliding {
    padding-top: 56.7vw;
    background: url(../images/cat_interview05.jpg) no-repeat;
    background-size: 100%;
}
section.int06_01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}
section.int06_01.sliding {
    padding-top: 56.7vw;
    background: url(../images/cat_interview06.jpg) no-repeat;
    background-size: 100%;
}
section.int07_01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}
section.int07_01.sliding {
    padding-top: 56.7vw;
    background: url(../images/cat_interview07.jpg) no-repeat;
    background-size: 100%;
}
section.int08_01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}
section.int08_01.sliding {
    padding-top: 56.7vw;
    background: url(../images/cat_interview08.jpg) no-repeat;
    background-size: 100%;
}


.interview p.pageCat {
    position: absolute;
    top: 11.9vw;
    left: 13.4vw;
    width: auto;
    text-align: center;
}
.interview p.pageCat span {
    padding: 0.5em 1em;
    font-size: 1vw;
    font-weight: bold;
    color:#fff ;
    position: relative;
    z-index: 5;
}
.interview p.pageCat span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0086F8;
    transform: skewX(-15deg);
    z-index: -1;
}
.interview h1.pageTtl {
    position: absolute;
    top: 15vw;
    left: 13.4vw;
    width: 43vw;
    text-align: left;
    font-size: 2.6vw; /* 3.3vw */
    color: #0086F8;
    font-weight: bold;
	line-height:1.6;
	letter-spacing: 0.1em;
	text-shadow: 2px 2px 5px rgb(255 255 255 / 90%),-2px -2px 5px rgb(255 255 255 / 90%)
		
		
		;
}
p.spec {
    position: absolute;
    top: 35vw;
    left: 13.4vw;
    line-height: 1.6;
    font-size: 1.2vw;
	z-index: 2;
	text-shadow: 2px 2px 10px #fff, -2px -2px 10px #fff;
}
p.interviewName {
    position: absolute;
    top: 39.5vw;
    left: 13.4vw;
    line-height: 1.6;
    font-size: 2vw;
	font-weight:bold;
    color: #0086F8;
	letter-spacing: 0.2em;
	z-index: 2;
	text-shadow: 2px 2px 10px #fff, -2px -2px 10px #fff;
}

section.interviewSec01 {
	width: 100%;
}
section.interviewSec01 .sectionWrap {
	width: 1366px;
    margin: -7vw auto 0;
    position: relative;
    z-index: 5;
}


section.interviewSec03 {
	width: 1366px;
    margin: -150px auto 0;
    position: relative;
    z-index: 5;
}
section.interviewSec01 .sectionInner, section.interviewSec03 .sectionInner {
	width:100%;
	background:url("../images/bg_interviewsec01.svg") no-repeat;
	background-position:top right;
	background-size:993px;
	overflow: hidden;
}
section.interviewSec02 {
	width: 1366px;
    margin: -180px auto 0;
    position: relative;
    z-index: 6;
}
section.interviewSec02 .sectionInner {
	width:100%;
	background:url("../images/bg_interviewsec02.svg") no-repeat;
	background-position: top 165px left;
	background-size:993px;
	overflow: hidden;
	padding-bottom: 300px;
}

section.interviewSec01 .intBlock, section.interviewSec03 .intBlock {
	width:1183px;
	float:left;
	overflow: hidden;
}
section.interviewSec02 .intBlock {
	width:1183px;
	float:right;
	overflow: hidden;
}
section.interviewSec01 .intBlock figure {
	width:586px;
	float:left;
	margin-top: 180px;
}
section.interviewSec02 .intBlock figure {
	width:586px;
	float:right;
	margin-top: 0;
}
section.interviewSec03 .intBlock figure {
	width:586px;
	float:left;
	margin-top: 280px;
}
section.interviewSec01 .intBlock .intText {
	width:495px;
	float:right;
	margin-top: 110px;
}
section.interviewSec02 .intBlock .intText {
	width:495px;
	float:left;
	margin-top: 180px;
}
section.interviewSec03 .intBlock .intText {
	width:495px;
	float:right;
	margin-top: 205px;
}
.others.interview section h2 {
    color: #000;
    line-height: 1.9;
    font-size: 34px;
    font-weight: normal;
	margin-bottom:40px;
}
.others.interview section p {
    color: #000;
    line-height: 2.2;
    font-size: 16px;
    font-weight: normal;
	margin-bottom:40px;
	letter-spacing:0.1em;
}
.interview .members, .interview01 .members, .interview02 .members, .interview03 .members, .interview04 .members, .interview05 .members, .interview06 .members, .interview07 .members, .interview08 .members {
    /*
	width: 228px;
	*/
    margin-bottom: 60px;
    position: relative;
}
.interview .members figure {
	width:100%;
}
.interview .members figure img {
	width:100%;
	height:auto;
}
/*
.interview .members:nth-child(even) {
    margin-top: 0;
}
.interview .members:nth-child(5) {
    margin-left: 124px;
}
.interview .members:nth-child(7) {
    margin-right: 124px;
}
*/

.others.interview section p.peopleDetail {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 15px;
    background: #0086F8;
    width: 185px;
    height: 100px;
    margin: -68px auto 0;
    position: relative;
    line-height: 1.4;
}
section.interviewSec04 {
	
}
.others.interview section.interviewSec04 h2 {
    font-size: 26px;
    font-weight: bold;
    color: #0086F8;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 12px;
    margin: 92px auto 0;
	letter-spacing: 0.1em;
}
.others.interview section h2.h2ToCompany {
    font-family: futura-pt, sans-serif;
    font-size: 176px;
    font-weight: 100;
    color: rgba(198,198,198,0.54);
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    display: block;
    border: none;
    padding-bottom: 0;
	line-height:1;
}


/* プロジェクトストーリー */
section.project01_01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}
section.project01_01.sliding {
    padding-top: 41.5vw;
    background: url(../images/cat_project01.jpg) no-repeat;
    background-size: 100%;
}
section.project02_01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}
section.project02_01.sliding {
    padding-top: 41.5vw;
    background: url(../images/cat_project02.jpg) no-repeat;
    background-size: 100%;
}
section.project03_01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}
section.project03_01.sliding {
    padding-top: 41.5vw;
    background: url(../images/cat_project03.jpg) no-repeat;
    background-size: 100%;
}
.proMemBox {
	width:792px;
	margin:0 auto;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.proMemBox h2 {
    font-size: 26px;
    font-weight: bold;
    color: #0086F8;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
    margin:92px auto 67px;
}
.proMemBox dl {
	width:224px;
}
.proMemBox dl dd {
	margin-top:20px;
	text-align:center;
	font-size:27px;
}
.proMemBox dl dd span {
	margin-top:15px;
	font-size:14px;
	display:block;
	line-height:1.8;
}

.proMem {
	width:787px;
	margin:auto;
	overflow:hidden;
}
.proMem figure {
	width:224px;
	float:left;
}
.proMem figure img {
	width:100%;
	height:auto;
}
.proMemDetail {
	width:530px;
	float:right;
}
.proMemDetail h3 {
	font-size: 27px;
    margin: 5px auto 15px;
	font-weight:normal;
}
p.bosyo {
	font-size: 14px;
    margin: 0 auto 32px;
	font-weight:bold;
}
p.keireki {
	font-size: 14px;
    margin: 0 auto 30px;
	font-weight:bold;
	background:#F3F6F9;
	box-sizing: border-box;
	padding:1em;
}
p.keireki {
	font-size: 13px;
    line-height:1.6;
	font-weight:normal;
}
p.keireki strong {
	font-size: 15px;
	display:block;
    margin: 0 auto 10px;
	font-weight:bold;
}


section.project01_02 {
    width: 1366px;
	height:1157px;
    margin:0 auto;
	background:url("../images/bg_project01_02.jpg") no-repeat;
	margin-top:180px;
}
section.project01_02 .sectionInner {
    width: 1300px;/* 1000px */
    margin:0 auto;
	overflow:hidden;
}
section.project01_02 h2, section.project01_03 h2, section.project01_04 h2 {
	font-size: 34px;
    width: 100%;
    margin: 0 auto 125px;
    text-align:center;
	font-weight:normal;
	line-height: 1.4;
}
section.project01_02 h2 span, section.project01_03 h2 span, section.project01_04 h2 span {
    background: linear-gradient(transparent 48%, #FFF14B 48%);
}
.projectContent {
	width:495px;
	float:right;
}
.project01_03 .projectContent {
	width:495px;
	float:left;
}
.projectContent h3 {
    font-size: 36px;
    font-weight: bold;
    color: #0086F8;
	margin-bottom:90px;
}
.projectContent h3 span {
    font-size: 24px;
}
.projectContent h3 span.naiyou {
    font-size: 22px;
    display: block;
    float: right;
    margin: 8px 0 0 0;
	width: 450px;
	line-height:1.6;
	letter-spacing: 1px;

}
.projectContent dl {
	width:100%;
	display: flex;
	margin-bottom:35px;
}
.projectContent dl dt {
	width:65px; 
	font-size:14px;
	font-weight:bold;
	line-height:1.8;
}
.projectContent dl dd {
	width:430px; 
	font-size:14px;
	line-height:1.8;
	text-align:justify;
}

section.project01_03 {
    width: 1366px;
	height: 1280px;
    margin:0 auto;
	background:url("../images/bg_project01_03.jpg") no-repeat;
	background-position:top 100px center;
	margin-top:180px;
}


.project02 section.project01_02 {
    background: url(../images/bg_project02_02.jpg) no-repeat;
}
.project03 section.project01_02 {
    background: url(../images/bg_project03_02.jpg) no-repeat;
}
.project02 section.project01_03 {
	background:url("../images/bg_project02_03.jpg") no-repeat;
}
.project03 section.project01_03 {
	background:url("../images/bg_project03_03.jpg") no-repeat;
}
.project02 section.project01_04 {
    background: url(../images/bg_project02_04.jpg) no-repeat;
}
.project03 section.project01_04 {
    background: url(../images/bg_project03_04.jpg) no-repeat;
}


section.project01_03 .sectionInner {
    width: 1000px;
    margin:0 auto;
	overflow:hidden;
}

section.project01_04 {
    width: 1366px;
	height:1157px;
    margin:0 auto;
	background:url("../images/bg_project01_04.jpg") no-repeat;
	margin-top:0;
}
section.project01_04 .sectionInner {
    width: 1300px;/* 1000px */
    margin:0 auto;
	overflow:hidden;
}

.project ul.kanren {
    justify-content: center;
}
.project ul.kanren li {
    margin-right:5px;
    margin-left:5px;	
}

section.project03_01 h2 {
    font-size: 34px;
    width: 100%;
    margin: 0 auto 50px;
    text-align: center;
    font-weight: 500;
}
section.project03_01 h2 span {
    background: linear-gradient(transparent 48%, #FFF14B 48%);
}
.rekisiii {
	width:824px;
	margin:50px auto;
}
.rekisiii dl {
	width:100%;
	background:#F3F6F9;
	text-align:center;
	margin-bottom:1.5em;
	position:relative;
}
.rekisiii dl::after {
	content:'';
	width:1px;
	height:53px;
	border-left:2px dashed #0086F8;
	position:absolute;
	top:80%;
	left:49%;
}
.rekisiii dl:last-child::after {
	display:none;
}
.rekisiii dl dt {
	width:100%;
	background: linear-gradient(#ffffff 65%, transparent 35%);
	font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size:61px;
	color:#0086F8;
}
.rekisiii dl dt span {
	width:100%;
	font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
    font-weight: 700;
    font-style: normal;
	font-size:22px;
	color:#0086F8;
}
.rekisiii dl dd {
	width:100%;
    font-weight: bold;
    font-style: normal;
	font-size:24px;
	padding:0.8em 0 1.8em;
	line-height: 1.4;
}
.project03 section.project01_02 {
    width: 1366px;
    height: 1100px;
    margin: 0 auto;
    background: url(../images/bg_project03_02.jpg) no-repeat;
    margin-top: -70px;
    padding-top: 260px;
}
.project03 .projectContent {
	width: 690px; /* 432px */
    float: right;
}
.project03 .projectContent h3 {
    font-size: 25px;
    font-weight: bold;
    color: #0086F8;
    margin-bottom: 30px;
	line-height:1.4;
}
.project03 section.project01_03 {
    width: 1366px;
    height: 760px;
    margin: 0 auto;
    background: url(../images/bg_project03_03.png) no-repeat;
    background-position: top 100px center;
    margin-top: -240px;
	padding-top: 530px;
}
.project03 .project01_03 .projectContent {
	width: 432px;
    float: left;
}

.project03 section.project01_04 {
    width: 1366px;
    height: 1050px;
    margin: 0 auto;
    background: url(../images/bg_project03_04.png) no-repeat;
    margin-top: -200px;
	padding-top:250px;
}
section.project03_05 {
    margin-top: 100px
    
}
section.project03_05 h2 {
    font-size: 34px;
    width: 100%;
    margin: 0 auto 50px;
    text-align: center;
    font-weight: 500;
	line-height:1.8;
}
section.project03_05 h2 span {
    background: linear-gradient(transparent 48%, #FFF14B 48%);
}








section.project01_05 {
    width: 100%;
    margin-top: 130px;
}
section.project01_05 .sectionInner {
    width: 1000px;
    margin: auto;
}
.kanrenLinkBox h2 {
    font-size: 26px;
    font-weight: bold;
    color: #0086F8;
    display: block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
    margin: auto;
    width: 270px;
}

/* 中途採用情報 INDEX */
section.career01 {
    width: 100%;
}
section.career01 .sectionInner {
    width: 1000px;
	margin:0 auto;
    background-size: 100%;
    padding-top: 100px;
}
section.career01.sliding {
    padding-top: 41.5vw;
    background: url(../images/cat_career.jpg) no-repeat;
    background-size: 100%;
}
section.career02 {
    width: 100%;
}
section.career01 h2 {
    font-size: 26px;
    font-weight: bold;
    color: #0086F8;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 14px;
    margin: 0 auto 67px;
	line-height: 1.4;
}
section.career02 h2 {
    font-size: 26px;
    font-weight: bold;
    color: #0086F8;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
    margin: 92px auto 67px;
	line-height: 1.4;
}
.others section p.preH2, .career001 section p.preH2, .career002 section p.preH2, .career003 section p.preH2, .career004 section p.preH2 {
    font-size: 26px;
    font-weight: bold;
    color: #0086F8;
	margin:92px 0 0;
	line-height: 1.6;
}



/* 中途採用情報 個別記事 */
.career h3 {
    font-size: 17px;
    font-weight: bold;
    margin: auto;
	width:848px;
}
.career h3::before {
    content: '■';
    color: #008AFF;
    font-size: 10px;
    margin-right: 10px;
	float:left;
	margin-top:4px;
}
.career dl.gaiyou {
    width: 848px;
	margin:auto;
    overflow: hidden;
    padding: 36px 0;
    border-bottom: 1px solid #B9B9B9;
    box-sizing: border-box;
}
.career .message03 ul.kanren, .career001 .message03 ul.kanren, .career002 .message03 ul.kanren, .career003 .message03 ul.kanren, .career004 .message03 ul.kanren {
    width: 665px;
    display: flex;
    justify-content: center;
    margin: auto;
    margin-top: 70px;
    margin-bottom: 30px;
    gap:20px;
}



/* フォーム */
.formBox {
	width:848px;
	margin:auto;
}
.formBox dl.gaiyou {
    padding: 36px 0 33px;
}
dl.gaiyou.last-child {
    border-bottom:none;
}
.formBox dl.gaiyou dt {
    width: 38%;
    padding-top:6px;
}
.formBox.confirm dl.gaiyou dt {
    width: 38%;
    padding-top: 0;
}
.formBox dl.gaiyou:nth-child(3) dt, .formBox dl.gaiyou:nth-child(4) dt {
    padding-top:1px;
}
.formBox.confirm dl.gaiyou:nth-child(3) dt, .formBox.confirm dl.gaiyou:nth-child(4) dt {
    padding-top: 0;
}

.formBox dl.gaiyou dt.hissu::before {
    content: "必須";
    color: #ffffff;
    display: block;
    background: #008AFF;
    float: left;
    padding: 0.2em 0.4em 0.2em 0.5em;
    font-size: 13px;
    font-weight:bold;
	letter-spacing: 0.3em;
	text-align:center;
	margin-right:2em;
	margin-top:-2px;
}
.formBox dl.gaiyou dt.ninni::before {
    content: "任意";
    color: #808077;
    display: block;
    background: #EBEBEB;
    float: left;
    padding: 0.2em 0.4em 0.2em 0.5em;
    font-size: 13px;
    font-weight:bold;
	letter-spacing: 0.3em;
	text-align:center;
	margin-right:2em;
	margin-top:-2px;
}
.formBox dl.gaiyou.koumoku label {
	margin-right:2em;
}

label.small {
	width: 50px;
    text-align: center;
    display: inline-block;
}
label.midium {
	width: 120px;
    text-align: left;
    display: inline-block;
}

.formBox dl.gaiyou dd {
    width: 60%;
}

.formBox input, .formBox select, .formBox textarea {
    border: 1px solid #DEDEDE;
    padding: 8px;
    box-sizing: border-box;
	outline: none;
}
.formBox input {
    margin-left:0.5em;
	font-size:14px;
}
.formBox input.baby {
    width:50px;
	margin-right:1em;
}
.formBox input.small {
    width:175px;
	margin-right:1em;
}
.formBox input.midium {
    width:300px;
	margin-right:1em;
	margin-bottom:10px;
}
.formBox input.large {
    width:280px;
	margin-right: 1em;
	margin-bottom:10px;
}
.mt10 {
	margin-top:10px;
}
input[type="radio"],input[type="checkbox"]{
  position: relative;
  top: -3px;
}
label {
	font-weight:bold;
}
.mr10 {margin-right:10px}
.mr20 {margin-right:20px}
.mr30 {margin-right:30px}

select {
	margin-bottom:10px;
}
.kenyuNaiyouBox {
	margin-bottom:30px;
}
.kenyuNaiyou {
	background:#EFF2F7;
	box-sizing: border-box;
	padding:14px;
	margin:10px 0;
	width:466px;
}

.kenyuNaiyou h5 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:1em;
	border-bottom:1px solid #000;
}
.kenyuNaiyou h5::before {
    content: "■";
    font-size: 10px;
    color: rgb(0, 138, 255);
    margin-right: 8px;
}
.others section .kenyuNaiyou p {
	font-size:13px;
	line-height:2.0;
    margin-bottom: 1em;
}

textarea {
	width:460px;
	height:150px;
}

.others section p.goryousyou {
	font-size:12px;
	line-height:2.0;
	width:577px;
	margin:50px auto;
}
.others section p.osusumi {
	font-size:14px;
	line-height:2.0;
	width:577px;
	margin:50px auto;
}








.btnBox {
	width:100%;
	margin:30px auto 0;	
	/*
	display:flex;
	justify-content: center;
	*/
}

.inquiryBtn, input.inquiryBtn {
	color: #fff;
    font-size: 17px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 1.5em 0;
    background: linear-gradient( 
214deg, rgba(0,138,255,1) 0%, rgba(0,75,216,1) 100%);
    width: 350px;
    height: 100px;
    margin: 0 auto 0;
    position: relative;
    line-height: 1.4;
    text-align: center;
    display: block;
    text-decoration: none;
	border:none;
	cursor: pointer;
	font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
}
.inquiryBtn::after, input.inquiryBtn::after {
    content: '';
    width: 35px;
    height: 4px;
    background: url(../images/arrow.svg) no-repeat;
    display: block;
    position: absolute;
    top: 47px;
    right: 7px;
}
.inquiryBtn.historyBack, input.inquiryBtn.historyBack {
    padding: 2em 6em 2em 1em !important;
	letter-spacing: 0.5em;
}
.formBox input.modoruBtn {
	color: #000;
    font-size: 17px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 0 0;
    background: #ebebeb;
    width: 175px;
    height: 50px;
    margin: 0 auto 0;
    position: relative;
    line-height: 50px;
    text-align: center;
    display: block;
    text-decoration: none;
    border: none;
    cursor: pointer;
    margin-top: 20px;
	font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
}

.inquiryBtn.historyBack::after, input.inquiryBtn.historyBack::after {
    display:none;
}



.checkbox-input{
  display: none;
}
.checkbox-parts{
  padding-left: 20px;
  position:relative;
  position:relative;
}
.checkbox-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
}
.checkbox-input:checked + .checkbox-parts{
  color: #d01137;
}
.checkbox-input:checked + .checkbox-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #d01137;
  border-right: 3px solid #d01137;
}











/* インターンシップ情報 */
section.inquiry01 {
    width: 100%;
}
section.inquiry01 .sectionInner {
    width: 1000px;
	margin:0 auto;
    background-size: 100%;
    padding-top: 100px;
}
section.inquiry01.sliding {
    padding-top: 41.5vw;
    background: url(../images/cat_inquiry.jpg) no-repeat;
    background-size: 100%;
}
section.inquiry02 {
    width: 100%;
}




/* インターンシップ情報 */
section.internship01 {
    width: 100%;
}
section.internship01 .sectionInner {
    width: 1000px;
	margin:0 auto;
    background-size: 100%;
    padding-top: 100px;
}
section.internship01.sliding {
    padding-top: 41.5vw;
    background: url(../images/cat_internship.jpg) no-repeat;
    background-size: 100%;
}
section.internship02 {
    width: 100%;
}
section.internship02 .sectionInner {
    width: 848px;
	margin:0 auto;
    background-size: 100%;
    padding-top: 100px;
}
section.internship01 h2, section.internship02 h2, section.inquiry01 h2 {
    font-size: 26px;
    font-weight: bold;
    color: #0086F8;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
    margin:92px auto 67px;
}

.tokuchoBox {
	display:flex;
	justify-content: space-between;
	width:100%;
	margin:50px auto;
}
.tokuchoBox dl {
	width:295px;
}
.tokuchoBox dl dt {
	overflow:visible;
	position:relative;
}
.tokuchoBox dl dt img {
	width:100%;
	height:auto;
}
.tokuchoBox dl dt span {
	position:absolute;
	top:-55px;
	left:0;
	font-size:140px;
	color:#90CCFF;
	display:block;
	font-family: futura-pt, sans-serif;
    font-weight: 300;
	font-style: normal;
}
.tokuchoBox dl dd {
	font-size:22px;
	line-height:1.6;
	color:#0086F8;
	margin-top:10px;
	text-align:center;
}
.internship .gaiyou h5 {
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #000;
	display:inline-block;
	margin-bottom: 10px;
}
.internship .gaiyou h5::before, .form_intern .gaiyou h5::before {
	content:'■';
	font-size:10px;
	color:#008AFF;
	margin-right:8px;
}
.internship p.kochiraBtn a {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 1.5em 0;
    background: linear-gradient(
214deg, rgba(0,138,255,1) 0%, rgba(0,75,216,1) 100%);
    width: 350px;
    height: 100px;
    margin: 0 auto 0;
    position: relative;
    line-height: 1.4;
    text-align: center;
    display: block;
    text-decoration: none;
}
.internship .message03 ul.kanren {
    width: 665px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    margin-top: 70px;
    margin-bottom: 30px;
}




/* 新卒採用情報 */
section.student01 {
    width: 100%;
}
section.student01 .sectionInner, section.student02 .sectionInner {
    width: 848px;
	margin:0 auto;
    background-size: 100%;
    padding-top: 100px;
}
section.student01.sliding {
    padding-top: 41.5vw;
    background: url(../images/cat_student.jpg) no-repeat;
    background-size: 100%;
}

section.student01 h2, section.student02 h2 {
    font-size: 26px;
    font-weight: bold;
    color: #0086F8;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
    margin: -8px auto 67px;
    padding-top: 100px;
}
.student01 .workInnerLink {
    width: 460px;
    margin: 70px auto;
    display: flex;
    justify-content: space-between;
}
.student01 ul.workInnerLink li::before {
    display:none;
}
.student02 ul li::before {
    content: '■';
    color: #008AFF;
    font-size: 10px;
    margin-right: 10px;
}
.others section p.kochiraBtn, .internship section p.kochiraBtn, .student section p.kochiraBtn {
    margin:100px 0 50px;
}
p.kochiraBtn a {
	color: #fff;
    font-size: 17px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 0 0;
    background: linear-gradient(214deg, rgba(0,138,255,1) 0%, rgba(0,75,216,1) 100%);
    width: 350px;
    height: 100px;
    margin: 0 auto 0;
    position: relative;
    line-height: 100px;
    text-align: center;
    display: block;
    text-decoration: none;
}
p.kochiraBtn a::after {
    content: '';
    width: 35px;
    height: 4px;
    background: url(../images/arrow.svg) no-repeat;
    display: block;
    position: absolute;
    top: 47px;
    right: 7px;
}

.student .message03 ul.kanren {
    width: 665px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    margin-top: 70px;
    margin-bottom: 30px;
}
.student ul {
	list-style-type:none;
}
.student01 ul li::before {
	content:'■';
	color:#008AFF;
	font-size:10px;
	margin-right:10px;
	
}
.kibouBox {
	margin-top:1em;
}



/* 会社概要・沿革 */
section.outline01 {
    width: 100%;
}
section.outline01 .sectionInner {
    width: 848px;
	margin:0 auto;
    background-size: 100%;
    padding-top: 100px;
}
section.outline01.sliding {
    padding-top: 41.5vw;
    background: url(../images/cat_outline.jpg) no-repeat;
    background-size: 100%;
}

section.outline01 h2, section.outline02 h2 {
    font-size: 26px;
    font-weight: bold;
    color: #0086F8;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
    margin:92px auto 67px;
}

dl.gaiyou {
	width:100%;
	overflow:hidden;
	padding:36px 0;
	border-bottom:1px solid #B9B9B9;
	box-sizing: border-box;
}
dl.gaiyou:last-child {
	border-bottom:none;
	padding-bottom:0;
}
.student01 dl.gaiyou.last-child, .student02 dl.gaiyou.last-child {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom: 100px;
}
dl.gaiyou dt {
	width:200px;
	float:left;
	font-size:16px;
	font-weight:bold;
	color:#008AFF;
	line-height:1.8;
}
dl.gaiyou dd {
	width:646px;
	float:right;
	font-size:16px;	
	line-height:1.8;	
}
section.outline02 {
    width: 1366px;
	margin:0 auto;
	background:url("../images/bg_enkaku.svg") no-repeat;
	padding-top:260px;
	background-size:1366px;
	padding-bottom: 390px;
}
section.outline02 .sectionInner {
    width: 848px;
	margin:0 auto;
}

.others section p.thankU {
    font-size: 14px;
    line-height: 1.6;
	width:520px;
	margin: 0 auto 1em;
} 
.others section p.iiwake, .student section p.iiwake {
    font-size: 14px;
    line-height: 1.6;
    width:100%;
	text-align:center;
	margin:60px auto 30px;
}



































/*　下層共通　*/
.catImg {
	width:100%;
	height:32vw;
	margin-top: 65px;
	position:relative;
}
.interview .catImg {
    width: 100%;
    height: 47vw;
    margin-top: 105px;
    position: relative;
	background:url("../images/bg_int_main.svg") no-repeat;
	background-position: right -5vw bottom;
}
.catImg img {
	width:100%;
	height:auto;
	z-index: 7;
	position:relative;
}
.interview .catImg img {
	width:96vw;
	height:auto;
	z-index: 7;
	position:relative;
}
.catImg h1 {
	position:absolute;
	font-size:5.9vw;
	font-family: 'Montserrat', sans-serif;
	z-index:7;
}
/* 各ページのメイン画像 */
.interview .catImg h1 {
    position: absolute;
    font-size: 5.1vw;
    font-family: 'Montserrat', sans-serif;
    z-index: 8;
    top: 25vw;
    left: 10vw;
	text-shadow: 0 0 30px rgba(255,255,255,0.7) ;
}
.education .catImg h1 {
	top: 22.5vw;
	left:15vw;	
}
.people .catImg h1 {
	top: 27.8vw;
	left:15vw;	
}
.career .catImg h1 {
    top: 27.6vw;
    left: 15vw;
}


p.jobCategory {
	position:absolute;
	top:31.4vw;
	left:10vw;
	z-index:8;
	font-size:12px;
	color:#fff;
	padding:1em 1.4em;
	border-radius:6px;
}
.jobCat01 {
	background:#37C1B0;
}
.jobCat02 {
	background: rgba(48,162,217,0.9);
}
.jobCat03 {
	background: rgba(248,179,100,1.0);
}
.jobCat04 {
	background: #F07989;
}
.jobCat05 {
	background: #D89DC5;
}


section#q01 {
	background:url("../images/bg_int_q01.svg") no-repeat;
	width: 100%;
    padding-top: 120px;
    background-size: 100%;
    background-position: top -0.5vw left -10.8vw;
	position:relative;
	margin-bottom: 0;
}
section#q01 .sectionInner {
	width: 83.5vw;
	margin:0 0 0 0;
	box-sizing: border-box;
	background:#fff;
	padding: 70px 0 70px 12vw;
}

.others section p.qNumber {
	color:#721F64;
	font-size:16px;
	font-family: 'Montserrat', sans-serif;
	padding-bottom:0.2em;
	border-bottom:3px solid #721F64;
	font-weight:bold;
	display:inline-block;
	margin-bottom:35px;
}

.others section#q01 p.qAnswer {
	width: 39vw;	
}
section#q01 img {
	position: absolute;
    top: 265px;
    left: 55vw;
	/*
    width: 31vw;
    height: auto;
	*/
}
section#q01 img.bg_int_q01_add {
	position:absolute;
	top:240px;
	left:80vw;
	width:85px;
	height:auto;
}

section#q02 {
	width: 100%;
    background-size: 100%;
    background-position: top left;
	position:relative;
	padding-top:90px;
}
section#q02 .sectionInner {
	width: 980px;
	margin:0 auto;
	box-sizing: border-box;
	background:#fff;
	padding: 60px 108px 97px;
}
section#q02 img.bg_int_q02 {
	position:absolute;
	top:0;
	left:5vw;
	width:210px;
	height:auto;
}
section#q02 img.bg_int_q02_add {
	position:absolute;
	top:150px;
	right:7.5vw;
	width:173px;
	height:auto;
}
section#q03 {
	width: 100%;
    background-size: 100%;
    background-position: top -1.5vw left -10.8vw;
	position:relative;
	margin-bottom: 0;
	margin-bottom:90px;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, section#q03 {
	height:500px;
	}
}


section#q03 .sectionInner {
	width: 87vw;
	margin:0 0 0 0;
	box-sizing: border-box;
	background:#fff;
	padding: 70px 12vw 8vw 440px;

	margin-left:calc(calc(100% - 980px) / 2 );

}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, section#q03 .sectionInner {
	position:absolute;
	top:0;
	right:0;
	}
}

section#q03 img {
	position: absolute;
    top: 155px;
    left: 10vw;
    width: 31vw;
    height: auto;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, section#q03 img {
    left: -5vw;
	width:453px;
	height:301px;
	}
}



section#q04 {
	width: 100%;
    background-size: 100%;
    background-position: top left;
	position:relative;
	margin-top:0;
}
section#q04 .sectionInner {
	width: 980px;
	margin:0 auto;
	box-sizing: border-box;
	background:#fff;
	padding: 60px 108px 97px;
	z-index: 3;
    position: relative;
}

section#toPeopleSlideBox {
	width:100%;
	margin-top:200px;
	padding-top:0;
	position:relative;
	z-index: 2;
}
section#toPeopleSlideBox h2 {
	width:980px;
	margin:0 auto;
	text-align:left;
	font-size:50px;
	font-weight:bold;
	font-family: 'Montserrat', sans-serif;
}
.slideBnr2 {
	margin-top:50px;
}
section#toPeopleSlideBox .slick-prev {
    position: absolute;
    top: -90px !important;
    left: 89vw !important;
}
section#toPeopleSlideBox .slick-next {
    position: absolute;
    top: -90px !important;
    left: 94vw !important;
}
p.hitonimodoru {
	position:absolute;
	top: 40px;
	right:12vw;
}
p.hitonimodoru a {
	color:#283034;
	font-weight:bold;
}

.slideFace {
	/*
	width:315px !important;
	*/
	height:410px !important;
	position:relative;
	margin-bottom:30px;
}
.slideFace a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5;
}
.faceBox:after {
    content: "";
    display: block;
    width: 315px;
    height: 0;
}
.slideFace figure {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:300px;
	height:300px;
	box-shadow: 15px 15px #fff;
	transition:all 0.3s ease;
}

.slideFace dl {
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	transition:all 0.4s ease;
	z-index:2;
	height:35px;
}
.slideFace dl dt {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:35px;
}
.slideFace dl dd {
	margin-top:300px;
	color:#283034;
	text-align:left;
}
.slideFace span.syozoku {
	font-size:12px;
	line-height:1.4;
	display:none;
	font-size:12px;
}
.slideFace span.initial {
	font-size:20px;
	/* font-family: 'Montserrat', sans-serif; */
	font-weight:700;
	display:block;
	margin-top:10px;
	margin-bottom:5px;
}
.slideFace span.nyusya {
	font-size:12px;
	margin-left:-0.5em;
}
.slideFace.job01 dl {
	background:rgba(55,193,176,1.0);
	border-radius:0 0 10px 0;
	width:220px;
}
.slideFace.job02 dl {
	background:rgba(48,162,217,1.0);
	border-radius:0 0 10px 0;
	width:220px;
}
.slideFace.job03 dl {
	background:rgba(248,179,100,1.0);
	border-radius:0 0 10px 0;
	width:216px;
}
.slideFace.job04 dl {
	background:rgba(240,147,131,1.0);
	border-radius:0 0 10px 0;
	width:216px;
}
.slideFace.job05 dl {
	background:rgba(216,157,197,1.0);
	border-radius:0 0 10px 0;
	width:216px;
}






/* 各ページのウザい装飾画像 */
.interview article {
	position:relative;
}
.interview article img {
	width:100%;
}

img.bg_int_all_add01 {
	position: absolute;
    top: calc(1500px + 50vw);
    right: 5vw;
    z-index: 0;
}
img.bg_int_all_add02 {
	position: absolute;
    top: calc(1670px + 50vw);
    left: 5vw;
    z-index: 10;
}
img.bg_int_all_add03 {
	position: absolute;
    top: calc(2090px + 50vw);
    left: 5vw;
    z-index: 1;
}
img.bg_int_all_add04 {
	position: absolute;
    top: calc(2140px + 50vw);
    right: -0.5vw;
    z-index: 1;
}
img.bg_int_all_add05 {
	position: absolute;
    top: calc(2730px + 50vw);
    left: 2.8vw;
    z-index: 1;
}
.bosyuIchiranBox {
	width:904px;
	margin:50px auto;
	display:flex;
	flex-wrap: wrap;
}
.bosyu {
	width:417px;
	margin-bottom:50px;
	margin-right:70px;
}
.bosyu:nth-child(even) {
	margin-right:0;
}
.bosyu h4 {
    font-size: 26px;
    font-weight: bold;
	width:100%;
	text-align:center;
}
.bosyu:nth-child(even) {
	float:right;
}
.bosyu dl {
	width:100%;
	overflow: hidden;	
	height: 130px;
	background:#EFF2F7;
	padding:36px 30px;
	box-sizing: border-box;
	margin-top: -12px;
}
.bosyu dl dt {
	width:30%;
	float:left;
	border-right:1px solid #D0D9E6;
	height:49px;
	line-height:49px;
}
.bosyu dl dt::before {
    content: '■';
    font-size: 10px;
    color: #008AFF;
    margin-right: 8px;
	float: left;
}
.bosyu dl dd {
	width:65%;
	float:right;
	height:49px;
	line-height:1.4;
	box-sizing: border-box;
	font-size:16px;
	display: flex;
  justify-content: center;
  align-items: center;
}
.bosyu p a {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    box-sizing: border-box;
    padding: 1em 0 0 1.5em;
    background: linear-gradient( 
214deg, rgba(0,138,255,1) 0%, rgba(0,75,216,1) 100%);
    width: 237px;
    height: 62px;
    margin: -30px auto 0;
    position: relative;
    line-height: 1.4;
    text-align: left;
    display: block;
    text-decoration: none;
}
.bosyu p a::after {
    content: '';
    width: 35px;
    height: 4px;
    background: url(../images/arrow.svg) no-repeat;
    display: block;
    position: absolute;
    top: 26px;
    right: 10px;
}



/* FAQ */

section#faq01 {
	margin-bottom:190px;
}
section#faq01 .sectionInner {
	width:1092px;
	margin: 50px auto;
}

.faq .catImg {
    width: 100%;
    height: 235px;
    margin-top: 65px;
    position: relative;
}
.faq .catImg h1 {
    position: absolute;
    font-size: 80px;
    font-family: 'Montserrat', sans-serif;
    z-index: 7;
    top: 87px;
    left: 0;
    width: 100%;
    text-align: center;
}
.faq .catImg::after {
    content: '';
	display:none;
}
.others.faq .h1Sub {
    color: #283034;
    font-size: 20px;
    position: absolute;
    top: 173px;
    left: 0;
    z-index: 7;
    width: 100%;
    text-align: center;
}
.faqBox {
	width:100%;
	box-sizing:border-box;
	padding:54px;
	background:#fff;
	margin-bottom:55px;
	position:relative;
}

.others.faq section h2 {
    font-size: 20px;
    font-weight: bold;
	margin-bottom:17px;
	color:#721F64;
}

.others.faq section p {
	font-size:14px;
	color:#4C5055;
	line-height:2.0;
	width:880px;
}
span.faqNumber {
	position:absolute;
	top:-25px;
	right:28px;
	font-size:40px;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	color:#721F64;
}

/*  */
.requirement .catImg {
    width: 100%;
    height: 235px;
    margin-top: 65px;
    position: relative;
}
.requirement .catImg h1 {
    position: absolute;
    font-size: 70px;
    font-family: 'Montserrat', sans-serif;
    z-index: 7;
    top: 87px;
    left: 0;
    width: 100%;
    text-align: center;
}
.requirement .catImg::after {
    content: '';
	display:none;
}
.others.requirement .h1Sub {
    color: #283034;
    font-size: 20px;
    position: absolute;
    top: 190px;
    left: 0;
    z-index: 7;
    width: 100%;
    text-align: center;
	letter-spacing:0.1em;
}
section#rec01 {
	margin-bottom:90px;
}
section#rec01 .sectionInner {
    width: 1092px;
    margin: 50px auto 0;
	box-sizing:border-box;
	background:#fff;
	padding: 74px 97px 100px;
}
.others.requirement section h2 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 42px;
	width:100%;
	text-align:center;
}
.others.requirement table {
	border-top:1px solid #ddd;
	margin:0 auto;
	width:100%;
	font-size:15px;
}
.others.requirement table tr {
	
}
.others.requirement table th {
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.others.requirement table td {
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.others.requirement table th {
	padding:42px 30px;
	background:#F7F8FA;
}
.others.requirement table td {
	padding:42px 52px;
}
.fontBold {
	font-weight:bold;
}

.youkouTableBox > dl {
	overflow:hidden;
	margin:0 auto;
	width:100%;
	font-size:15px;
	border-top:1px solid #ddd;
	box-sizing: border-box;
	background:#F7F8FA;
}
.youkouTableBox > dl:last-child {
	border-bottom:1px solid #ddd;
}
.youkouTableBox > dl > dt {
	float:left;
	padding:42px 30px;
	width:21%;
	border-right:1px solid #ddd;
	box-sizing: border-box;
	height:auto;
	font-size:16px;
	font-weight:bold;
}
.youkouTableBox > dl > dd {
	float:right;
	padding:42px 48px;
	width:79%;
	box-sizing: border-box;
	background:#fff;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .youkouTableBox > dl > dd {
	padding:42px 40px;
	}
}

.youkouTableBox > dl > dd > dl {
	overflow:hidden;
	margin:0 auto 5px;
	width:100%;
}

.youkouTableBox > dl > dd > dl > dt {
	float:left;
	width:24%;
}
.youkouTableBox > dl > dd > dl > dd {
	float:right;
	width:76%;
}
.youkouTableBox > dl > dd > dl.inDlTop {
	margin-top:15px;
}
section#rec02 {
	margin-top:0;
    width: 100%;
}
section#rec02 .sectionInner {
    width: 900px;
    margin: 0 auto 100px;
	box-sizing:border-box;

}
.others section#rec02 p.catLead {
    width: 900px;
	margin: 0 auto 40px;
	text-align:center;
	font-size:15px;
	border-bottom: none;
    padding-bottom: 0;
	line-height:2.2;
}
.toEntryBox {
	display: flex;
    justify-content: space-between;
}





.others h1 span.violet {
    color: #721F64;
}
.others .h1Sub {
	color:#283034;
	font-size:20px;
	position:absolute;
	top: 35.5vw;
	left:15vw;
	z-index:7;
}
.catImg::after {
	content:'';
	position:absolute;
	top:98%;
	left:0;
	width:55.2vw;
	height:9.6vw;
	background:#fff;
	z-index:5;
}
.interview .catImg::after {
    content: '';
    position: absolute;
    top: 28vw;
    left: 0;
    width: 46vw;
    height: 15vw;
    background: #fff;
    z-index: 7;
}
.others section p.catLead {
	width:980px;
	margin:0 auto 100px;
	border-bottom:2px solid #DDDDDD;
	padding-bottom:100px;
	font-size:15px;
}
.others.career section p.catLead {
    width: 980px;
    margin: 200px auto 100px;
    border-bottom: 2px solid #DDDDDD;
    padding-bottom: 100px;
}

#preTraining {
	background:url("../images/bg_edu01.svg") no-repeat;
	background-size:contain;
	margin-top: 200px;
    background-position: top 80px left -50px;
}
.sectionInner {
	width:980px;
	margin:0 auto;
}


.ofuda {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.ofuda dl {
	width:470px;
	height:157px;
	background:#fff;
	border-radius:4px;
	box-sizing: border-box;
	padding:1em 1.4em;
	margin-bottom:30px;
}
.ofuda dl dt {
	float:left;
	width:65%;	
}
.ofuda dl dt h5 {
	font-size:20px;
	margin-bottom:30px;
}
.ofuda dl dt span {
	font-size:14px;	
	line-height:1.8;
}
.ofuda dl dd {
	float:right;
	width:30%;
}
.ofuda dl dd img {
	width:100%;
	height:auto;
}

.ofuda dl.tokubetsu dt {
	float:left;
	width:50%;	
} 
.ofuda dl.tokubetsu dd {
	float:right;
	width:40%;
}

#postTraining {
	background:url("../images/bg_edu02.svg") no-repeat;
	background-size:240px;
	margin-top: 100px;
    background-position: top right;
}

.ofuda3Box {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ofuda3 {
	width:306px;
	padding:30px 25px;
	box-sizing:border-box;
	background:#fff;
	margin-bottom:30px;
}
.ofuda3 h5 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
}
#urami01 {
	background-image: linear-gradient(135deg, #30A2D9 10px, transparent 0);
}
#urami02 {
	background-image: linear-gradient(135deg, #D89DC5 10px, transparent 0);
}
#urami03 {
	background-image: linear-gradient(135deg, #F8B364 10px, transparent 0);
}
#urami04 {
	background-image: linear-gradient(135deg, #F07989 10px, transparent 0);
}
#urami05 {
	background-image: linear-gradient(135deg, #37C1B0 10px, transparent 0);
}
#urami06 {
	background-image: linear-gradient(135deg, #AF60A1 10px, transparent 0);
}
.mt60 {
	margin-top:60px;
}

/* 人を知る */


section#toInterview {
	width:100%;
	background:url("../images/bg_people01.svg") no-repeat;
	background-position:top 20px center;
	margin-top:250px;
	padding-bottom: 90px;
}
section#toInterview .sectionInner {
	width:1010px;
	margin:0 auto;
}
.others section#toInterview h2 {
    font-size: 70px;
    font-weight: bold;
	font-family: 'Montserrat', sans-serif;
    margin-bottom: 15px;
	width:100%;
	text-align:center;
}

.others section h2 span.violet {
	color:#721F64;
}

.others section#toInterview p.h2Sub {
    font-size: 18px;
	font-weight:bold;
    margin-bottom: 22px;
	width:100%;
	text-align:center;
}
.others section p.sectionLead {
    font-size: 14px;
    line-height: 1.4;
	width:100%;
	text-align:center;
}

.faceBox {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top:50px;
}
.face {
	width:315px;
	height:315px;
	position:relative;
	margin-bottom:30px;
}
.faceBox:after {
    content: "";
    display: block;
    width: 315px;
    height: 0;
}
.face figure {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:300px;
	height:300px;
	box-shadow: 15px 15px #fff;
	transition:all 0.3s ease;
}
.face:hover figure {
	box-shadow: 0 0 #fff;
}
.face dl {
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	transition:all 0.4s ease;
	z-index:2;
	height:35px;
}
.face dl dt {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:35px;
}
.face dl dd {
	display:none;
	transition:all 0.4s ease;
	color:#fff;
	position:relative;
}

span.syozoku {
	font-size:12px;
	line-height:1.4;
	display:block;
	font-size:12px;
	display:none;
}
span.initial {
	font-size:36px;
	/* font-family: 'Montserrat', sans-serif; */
	font-weight:700;
	display:block;
	margin-top:15px;
	margin-bottom:17px;
}
span.nyusya {
	font-size:12px;
}
.face.job01 dl {
	background:rgba(55,193,176,1.0);
	border-radius:0 0 10px 0;
	width:220px;
}
.face.job02 dl {
	background:rgba(48,162,217,1.0);
	border-radius:0 0 10px 0;
	width:220px;
}
.face.job03 dl {
	background:rgba(248,179,100,1.0);
	border-radius:0 0 10px 0;
	width:216px;
}
.face.job04 dl {
	background:rgba(240,147,131,1.0);
	border-radius:0 0 10px 0;
	width:216px;
}
.face.job05 dl {
	background:rgba(216,157,197,1.0);
	border-radius:0 0 10px 0;
	width:216px;
}
.face:hover dl {
	width:300px;
	height:300px;
	box-sizing:border-box;
	padding-top:70px;
}
.btnMore {
	position:absolute;
	bottom:15px;
	right:15px;
	display:none;
	transition:all 0.4s ease;
	z-index:10;
	width:138px;
	height:33px;
}
.btnMore a {
	display:block;
	padding:0 1.4em 0 1.7em;
	box-sizing: border-box;
	line-height:33px;
	text-decoration:none;
	color:#fff;
	background:#283034;
	font-family: 'Montserrat', sans-serif;
	font-size:11px;
	letter-spacing: 0.2em;
	font-weight:bold;
	border-radius:8px 0 0 0;
}
.btnMore a img {
	float:right;
	width:16px;
	height:auto;
	margin-top:9px;
}
.face:hover .btnMore {
	display:block;
}
.face:hover dl dt {
	padding-top:5px;
	line-height:1.0;
}
.face:hover dl dd {
	display:block;
	margin-top:15px;
}
.face:hover dl dd a {
	position:absolute;
	width:300px;
	height:300px;
	display:block;
	margin:-100px 0 0 0;
}

.face.job01:hover dl {
	background:rgba(55,193,176,0.9);
}
.face.job02:hover dl {
	background:rgba(48,162,217,0.9);
}
.face.job03:hover dl {
	background:rgba(248,179,100,0.9);
}
.face.job04:hover dl {
	background:rgba(240,147,131,0.9);
}
.face.job05:hover dl {
	background:rgba(216,157,197,0.9);
}


section#toProject {
	background:url("../images/bg_people02.svg") no-repeat;
	background-position:bottom left;
	width:100%;
	height:840px;
	margin-bottom: 30px;
}
section#toProject .sectionInner {
	width:100%;
}
.others section#toProject h2 {
	width:980px;
    font-size: 70px;
    font-weight: bold;
    margin:0 auto 27px;
	font-family: 'Montserrat', sans-serif;
}
.others section#toProject p.h2Sub {
    font-size: 18px;
	font-weight:bold;
	width:980px;
    margin:0 auto 22px;
}
.others section#toProject p.sectionLead {
    font-size: 14px;
    line-height: 1.4;
    width: 100%;
    text-align: left;
	width:980px;
    margin:0 auto 0;
}
.slideProject {
	margin-top:60px;
}
section#toDiscuss {
	background:url("../images/bg_people03.svg") no-repeat;
	background-position:top center;
	width:100%;
	height: 650px;
	padding-top:85px;
}
section#toDiscuss .sectionInner {
	width:980px;
	position:relative;
}
section#toDiscuss .sectionInner figure {
	position:absolute;
	top: 50px;
	left:273px;
}
.others section#toDiscuss h2 {
    font-size: 70px;
    font-weight: bold;
    margin-bottom: 27px;
	font-family: 'Montserrat', sans-serif;
	position:relative;
	z-index:5;
}
.others section#toDiscuss p.h2Sub {
    font-size: 18px;
    margin-bottom: 22px;
	font-weight:bold;
}
.others section#toDiscuss p.sectionLead {
    font-size: 14px;
    line-height: 1.4;
    width: 100%;
    text-align: left;
}
section#toDiscuss .viewMoreBox {
    position: absolute;
    top: 310px;
    left: 0;
    z-index: 10;
	width:222px;
	height:52px;
}
section#toDiscuss .viewMoreBox a.viewmore {
	width:222px;
	height:52px;
    background: #283034;
    line-height: 52px;
    color: #fff;
    display: block;
    border-radius: 4px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    padding: 0 23px;
    letter-spacing: 0.1em;
	box-sizing: border-box;
	text-decoration:none;
}
section#toDiscuss .viewMoreBox a.viewmore  img {
    float: right;
    margin-top: 18px;
}
section#toDiscuss .viewMoreBox a.viewmore:before {
    content: '';
    position: absolute;
    left: 0;
    top: 48px;
    width: 0;
    height: 4px;
    background: #F8B364;
    z-index: 200;
    transition: all 0.4s;
    border-radius: 0 0 4px 4px;
}
section#toDiscuss .viewMoreBox:hover a.viewmore {
  background:rgba(40,48,52,0.9);
}
section#toDiscuss .viewMoreBox:hover a.viewmore:before {
  width: 100%;
}

/* 会社制度・環境 */
.support .catImg h1 {
    top: 28vw;
    left: 15vw;
}
section#sup01 {
    background: url(../images/bg_support_all.svg) no-repeat;
    background-size: 1531px;
    margin-top: 200px;
    background-position: top 40px center;
	padding-bottom: 120px;
}
dl.seido {
	overflow:hidden;
	padding:30px 40px;
	width:100%;
	height:167px;
	box-sizing: border-box;
	margin-bottom:40px;
	background:#fff;
}
dl.seido248 {
	height:248px;
}
dl.seido > dt {
	float:left;
	width:730px;
	font-size:14px;
	line-height:1.6;
}
dl.seido > dd {
	float:right;
	width:120px;
}
dl.seido > dd > img {
	width:100%;
	height:auto;
}
dl.seido > dd > img.sup02 {
	width:90%;
	height:auto;
}
.others.support section h3 {
    font-size: 23px;
    border-left: none;
    padding-left: 0;
    margin-bottom: 16px;
	line-height:1.0;
}

.fukuri {
	margin-top:156px;
}
dl.dtInner {
	margin-top:15px;
	overflow:hidden;
}
dl.dtInner dt {
	width:110px;
	height:78px;
	float:left;
	background:#BCC2C9;
	color:#fff;
	padding:1em 0;
	text-align:center;
	box-sizing: border-box;
	position:relative;
	font-size: 15px;
}
dl.dtInner dt::after {
	content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 39px 0 39px 10px;
    border-color: transparent transparent transparent #bcc2c9;
    position: absolute;
    top: 0;
    right: -10px;
}
dl.dtInnerWline {
	border-top:3px dashed #E2E2E2;
	padding-top: 15px;
}
dl.dtInnerWline dt {
	width:84px;
	height:40px;
	line-height:40px;
	float:left;
	background:#BCC2C9;
	color:#fff;
	padding:0 0;
	text-align:center;
	box-sizing: border-box;
	position:relative;
	font-size: 15px;
	margin-top: 3px;
}
dl.dtInnerWline dt::after {
	content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 10px;
    border-color: transparent transparent transparent #bcc2c9;
    position: absolute;
    top: 0;
    right: -10px;
}
dl.dtInner dd {
	width: 430px;
    float: right;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-right: 150px;
}
dl.dtInnerWline dd {
	width: 570px;
    float: right;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-right: 50px;
}
.others section dl.dtInner ul {
    list-style-type: none;
    list-style-position: outside;
    padding-left: 0;
    margin: 0 0 2em 0;
	width:105px;
	
}
.others section dl.dtInner ul:nth-child(2) {
	width:150px;	
}
.others section dl.dtInner ul:nth-child(3) {
	width:135px;	
}
.others section dl.dtInner ul li::before {
    font-family: "FontAwesome";
    content: "\f111";
    color: #721F64;
    margin-right: 10px;

}

dl.seido > dd.seidoDD12, dl.seido > dd.seidoDD14 {
	padding-top:50px;
}





/* プロジェクトストーリー */

.project .catImg {
    width: 100%;
    height: 37.7vw;
    margin-top: 10.6vw;
    position: relative;
}
.project .catImg h1 {
    position: absolute;
    font-size: 4.4vw;
    font-family: 'Montserrat', sans-serif;
    z-index: 7;
    top: -2.2vw;
    left: 0;
    width: 100%;
    text-align: center;
}
.others.project  .h1Sub {
    color: #283034;
    font-size: 1.2vw;
    position: absolute;
    top: 3vw;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 7;
}
img.cat_project_sub {
	width: 49vw;
    height: auto;
    position: absolute;
    top: 12.4vw;
    left: 26.5vw;
}
img.projectMemberPic {
	width: 23.2vw;
    height: auto;
    position: absolute;
    top: 11.4vw;
    left: 38.8vw;
    text-align: center;
}
.memIntroBox {
	width:18.5vw;
	height:6.7vw;
	background:#fff;
	box-sizing: border-box;
	padding:1.5vw;
	position:absolute;	
	z-index: 8;
	border-radius:6px;

}
.memIntroBox p.proMemSyozoku {
	font-size:0.95vw;
	color:#6A7784;
	margin-bottom:1vw;
}
.memIntroBox p.proMemName {
	font-size:1.5vw;
	font-family: 'Raleway', sans-serif;
    letter-spacing: 0.1em;
}
.memIntroBox p.proMemName span {
	font-size:0.95vw;
	letter-spacing: normal;
	color:#6A7784;
	margin-left:5px;
	font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
}
.memIntroBoxLeft {
	top: 32.8vw;
	left:20vw;
}
.memIntroBoxRight {
	top: 32.8vw;
	right:19.5vw;
	width:18.5vw;
	height:6.7vw;
	border-radius:6px;
}

.memIntroBoxLeftShadow {
	content: '';
    position: absolute;
	top: 33.3vw;
	left:20.4vw;
    width: 18.5vw;
    height: 6.7vw;
    border-radius: 6px;
    background:rgba(217,217,217,0.4);
    z-index: 1;
}
.memIntroBoxRightShadow {
	content: '';
    position: absolute;
	top: 33.3vw;
	right:19.1vw;
    width: 18.5vw;
    height: 6.7vw;
    border-radius: 6px;
    background:rgba(217,217,217,0.4);
    z-index: 1;
}

.project .catImg::after {
display:none;
}
.projectTop {
	width:980px;
	margin:200px auto 100px;
	padding-bottom:60px;
	border-bottom:2px solid #DDDDDD;
}
.projectTop p.projectNumero {
	font-size:16px;
	font-family: 'Montserrat', sans-serif;
	font-weight:700;
	background:#fff;
	width:108px;
	height:26px;
	line-height:26px;
	margin:0 auto;
	text-align:center;
}
.project .projectTop h1 {
	color:#721F64;
	font-size:32px;
	font-weight:900;
	margin:15px 0 37px;
	text-align:center;
}
p.projectTopLead {
	width:709px;
	margin:0 auto;
	color:#4C5055;
	font-size:14px;
	line-height:2.0;
}
section#pro01 {
    width: 100%;
	height: 33vw;
    padding-top: 120px;
    background-size: 100%;
    background-position: top -0.5vw left -10.8vw;
    position: relative;
    margin-bottom: 0;
}
section#pro01 .sectionInner {
    width: 54.7vw;
    position:absolute;
	top:0;
	left:0;
    box-sizing: border-box;
    background: #fff;
    padding: 50px 0 45px 13.5vw;
	z-index:5;
}

.others section#pro01 p.qAnswer {
    width: 36.9vw;
	position:relative;
}
section#pro01 img {
    position: absolute;
    top: 50px;
    left: 44vw;
    width: 53vw;
    height: auto;
    z-index: 1;
}
section#pro01 img.bg_pro_add01 {
	position: absolute;
    top: inherit;
    bottom: -80px;
    left: -140px;
    width: 124px;
    height: auto;
}

.others section#pro01 h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 27px;
}


section#pro02 {
    width: 100%;
    height: 42vw;
    position: relative;
    margin-bottom: 0;
}
section#pro02 .sectionInner {
    width: 54.7vw;
    position:absolute;
	top: 50px;
	right:0;
    box-sizing: border-box;
    background: #fff;
    padding: 70px 0 45px 4.5vw;
	z-index:5;
}
.others section#pro02 p.qAnswer {
    width: 36.9vw;
}
section#pro02 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 53vw;
    height: auto;
    z-index: 1;
}
.others section#pro02 h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 27px;
}

section#pro03 {
    width: 1092px;
	height: 45vw;
	position:relative;
    margin:0 auto 100px;
	overflow: visible;
}
section#pro03 .sectionInner {
    width: 980px;
    position:absolute;
	top: 310px;
	right:56px;
    box-sizing: border-box;
    background: #fff;
    padding: 37px 56px 45px;
	z-index:5;
}
.others section#pro03 p.qAnswer {
    width: 100%;
	position:relative;
}
section#pro03 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 1;
}
section#pro03 img.bg_pro_add04 {
	position: absolute;
    top: inherit;
    left: inherit;
    bottom: -120px;
    right: -250px;
    width: 217px;
    height: auto;
    z-index: 0;
}

.others section#pro03 h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 27px;
	text-align: center;
}
.others section#pro03 p.qNumber {
    color: #721F64;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    padding-bottom: 0.2em;
    border-bottom: 3px solid #721F64;
    font-weight: bold;
    display: block;
    text-align: center;
    margin: 0 auto 36px;
    width: 102px;
}

section#pro04 {
    width: 100%;
	height: 33vw;
    padding-top: 120px;
    background-size: 100%;
    background-position: top -0.5vw left -10.8vw;
    position: relative;
    margin-bottom: 0;
	overflow:visible;
}
section#pro04 .sectionInner {
    width: 54.7vw;
    position:absolute;
	top:0;
	left:0;
    box-sizing: border-box;
    background: #fff;
    padding: 50px 0 45px 13.5vw;
	z-index:5;
}
.others section#pro04 p.qAnswer {
    width: 36.9vw;
	position:relative;
}
section#pro04 img {
    position: absolute;
    top: 50px;
    left: 44vw;
    width: 53vw;
    height: auto;
    z-index: 1;
}
section#pro04 img.bg_pro_add05 {
    position: absolute;
    top: inherit;
    bottom: -105px;
    left: -150px;
    width: 115px;
    height: auto;
    z-index: 1;
}
.others section#pro04 h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 27px;
}

section#pro05 {
    width: 100%;
    height: 42vw;
    position: relative;
    margin-bottom: 0;
	overflow:visible;
}
section#pro05 .sectionInner {
    width: 54.7vw;
    position:absolute;
	top: 50px;
	right:0;
    box-sizing: border-box;
    background: #fff;
    padding: 70px 0 45px 4.5vw;
	z-index:5;
}
.others section#pro05 p.qAnswer {
    width: 36.9vw;
	position:relative;
}
section#pro05 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 53vw;
    height: auto;
    z-index: 1;
}
section#pro05 img.bg_pro_add06  {
    position: absolute;
    top: inherit;
    left: inherit;
    bottom: -80px;
    right: -150px;
    width: 136px;
    height: auto;
    z-index: 1;
}
.others section#pro05 h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 27px;
}

section#pro067 {
    width: 980px;
	margin: 0 auto 90px;
    overflow:hidden;
	position: relative;
    z-index: 5;
}
section#pro067 .sectionInner {
    width: 470px;
    box-sizing: border-box;
    background: #fff;
    padding: 50px 45px;
	float:left;
}
section#pro067 .sectionInner:last-child {
	float:right;
}
.others section#pro067 h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 27px;
}

section#pro08 {
    width: 100%;
	height: 33vw;
    padding-top: 120px;
    background-size: 100%;
    background-position: top -0.5vw left -10.8vw;
    position: relative;
    margin-bottom: 0;
	overflow:visible;
}
section#pro08 .sectionInner {
    width: 54.7vw;
    position:absolute;
	top:0;
	left:0;
    box-sizing: border-box;
    background: #fff;
    padding: 50px 0 45px 13.5vw;
	z-index:5;
}
.others section#pro08 p.qAnswer {
    width: 36.9vw;
	position:relative;
}
section#pro08 img {
    position: absolute;
    top: 50px;
    left: 44vw;
    width: 53vw;
    height: auto;
    z-index: 1;
}
section#pro08 img.bg_pro_add09 {
	position: absolute;
    top: inherit;
    left: inherit;
    bottom: -110px;
    left: -180px;
    z-index: 7;
	width:171px;
	height:auto;
}
.others section#pro08 h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 27px;
}

.others.project section#toProject {
    position: relative;
	background:url("../images/bg_pro_toother.svg") no-repeat;
	background-position:top 10vw left 10vw;
	background-size:90vw;
}
.others.project section#toProject h2 {
    width: 980px;
    font-size: 50px;
    font-weight: bold;
    margin: 0 auto 27px;
    font-family: 'Montserrat', sans-serif;
}
.project p.hitonimodoru {
    position: absolute;
    top: 20px;
    right: 21vw;
}
.project article {
	position:relative;
}

/*
section#pro01 img.bg_pro_add01 {
	position: absolute;
	top:inherit;
    bottom: 0; 
    left: 45px;
    z-index: 7;
	width:124px;
	height:auto;
}
*/

img.bg_pro_add02 {
	position:absolute;
    top: calc(600px + 78vw);
    right: 45px;
	z-index:7;
}
img.bg_pro_add03 {
	position: absolute;
    top: calc(600px + 112vw);
    left: 45px;
    z-index: 1;
}
/*
img.bg_pro_add04 {
	position: absolute;
    top: calc(600px + 160vw);
    right: 0.5vw;
    z-index: 1;
}

img.bg_pro_add05 {
	position: absolute;
    top: calc(600px + 201vw);
    left: 45px;
    z-index: 7;
}

img.bg_pro_add06 {
	position: absolute;
    top: calc(970px + 220vw);
    right: 6.5vw;
    z-index: 7;
}
*/
img.bg_pro_add07 {
	position: absolute;
    top: calc(970px + 222vw);
    left: 45px;
    z-index: 0;
}

img.bg_pro_add08 {
	position: absolute;
    top: calc(1050px + 250vw);
    right: 7.5vw;
    z-index: 0;
}

/*
img.bg_pro_add09 {
	position: absolute;
    top: calc(1200px + 280vw);
    left: 45px;
    z-index: 7;
}
*/

/* 座談会 */
.discussion .catImg h1 {
    top: 22.5vw;
    left: 15vw;
}
.discussionTop {
    width: 980px;
    margin: 200px auto 0;
    padding-bottom: 60px;
    border-bottom: 2px solid #DDDDDD;
}
.discussion .discussionTop h1 {
    color: #721F64;
    font-size: 32px;
    font-weight: 900;
    margin: 15px 0 37px;
    text-align: center;
}
.discussionTop p.discussionNumero {
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    background: #fff;
    width: 172px;
    height: 26px;
    line-height: 26px;
    margin: 0 auto;
    text-align: center;
}
p.discussionTopLead {
    width: 709px;
    margin: 0 auto;
    color: #4C5055;
    font-size: 14px;
    line-height: 2.0;
}


.discussionMemberBox {
	overflow:hidden;
	width:980px;
	height:560px;
	margin:0 auto 70px;
	position:relative;
}
.discussionMemberBox h2 {
	font-size:80px;
	color:#EAEAEA;
	text-align:center;
	width:100%;
	position:absolute;
	top:74px;
	left:0;
	font-family: 'Montserrat', sans-serif;
}
.discussionMemberBox img {
	position:absolute;
	top: 100px;
    left: 255px;
	z-index:5;
}
.disMemInfoBox {
	width:285px;
	border-bottom:5px solid #BCC2C9;
	padding-bottom:30px;
	box-sizing: border-box;
}
.disMemInfoBoxleft {
	position:absolute;
	top:200px;
	left:30px;
}
.disMemInfoBoxRight {
	position:absolute;
	top:200px;
	right:30px;
	padding-left:80px;
}
span.blues, span.reds, span.greens, span.oranges {
	font-size:12px;
	color:#6A7784;
	display:block;
	width:37px;
	height:21px;
	line-height:21px;
	color:#fff;
	text-align:center;
	border-radius:4px;
	margin-bottom:12px;
}
span.blues {
	background:#30A2D9;
}
span.reds {
	background:#F07989;
}
span.greens {
	background:#37C1B0;
}
span.oranges {
	background:#F8B364;
}
span.disMemSyozoku  {
	font-size:12px;
	color:#6A7784;
	margin-bottom:12px;	
	display:block;	
}
p.disMemName {
	font-size:20px;
	font-weight:bold;
	font-family: 'Railway', sans-serif;
	margin-bottom:24px;
}
p.disMemName span {
	font-size:12px;
	color:#6A7784;
	font-weight:normal;
}
.videoBox {
	width:980px;
	margin: 80px auto 40px;
}
.videoBox iframe {
	width:980px;
	height:551px;
}
section#discus01 {
    width: 100%;
    padding-top: 120px;
	background:url("../images/bg_discus_add01.svg") no-repeat;
    background-size: 228px;
    background-position: top 80px right;
    position: relative;
    margin-bottom: 80px;
	overflow:visible;
}
section#discus01 .sectionInner {
    width: 100%;
    margin-left: 10%;
    box-sizing: border-box;
    background: #fff;
    padding: 70px 0 45px 10%;
    z-index: 0;
    position: relative;
}
img.bg_discus_add02 {
	position: absolute;
    top: 30px;
    right: 15vw;
    width: 86px;
    height: auto;
}
img.bg_discus_add03 {
	position: absolute;
    bottom: -150px;
    left: -150px;
    width: 232px;
    height: auto;
}
.others section#discus01 p.qNumber {
    color: #721F64;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    padding-bottom: 0.2em;
    border-bottom: 3px solid #721F64;
    font-weight: bold;
    display: block;
    margin:0 auto 30px;
    width: 82px;
}
.others section#discus01 h2 {
    font-size: 24px;
    font-weight: bold;
    margin:0 auto 30px;
    width: 825px;
	text-align:center;
}
.sectionInnerInner {
	width:825px;
	margin:0 0 0 0;
}

.others section#discus01 p.qAnswer {
    font-size: 14px;
    line-height: 2.2;
    text-align: justify;
	margin-bottom:50px;
}
.others section#discus01 p.qAnswer strong {
	font-weight:bold;
	color:#283034;
}


section#discus02 {
    width: 100%;
    background-size: 100%;
    background-position: top -0.5vw left -10.8vw;
    padding-bottom: 0;
	position:relative;
	overflow:visible;
}
img.bg_discus_add05 {
	position: absolute;
    bottom: -90px;
    right: -50px;
    width: 300px;
    height: auto;
}
section#discus02 .sectionInner {
    width: 90%;
    margin-left: 0;
    box-sizing: border-box;
    background: #fff;
    padding: 70px 0 45px 20%;
    z-index: 5;
    position: relative;
}

section#discus02 .sectionInnerInner {
    width: 87%;
}

img.bg_discus_add04 {
	position: absolute;
    top: 30px;
    left: 40px;
    width: 115px;
    height: auto;
}
.others section#discus02 p.qNumber {
    color: #721F64;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    padding-bottom: 0.2em;
    border-bottom: 3px solid #721F64;
    font-weight: bold;
    display: block;
    margin:0 auto 30px;
    width: 82px;
}
.others section#discus02 h2 {
    font-size: 24px;
    font-weight: bold;
    margin:0 auto 30px;
    width: 100%;
	text-align:center;
}


section#discus03 {
    width: 100%;
    background-size: 100%;
    background-position: top -0.5vw left -10.8vw;
    margin-bottom: 80px;
	position:relative;
	overflow:visible;
}
img.bg_discus_add06 {
	position: absolute;
    top: 120px;
    left: -20px;
    width: 180px;
    height: auto;
}
img.bg_discus_add07 {
	position: absolute;
    bottom: -150px;
    right: -50px;
    width: 232px;
    height: auto;
}
section#discus03 .sectionInner {
    width: 100%;
	margin-left:10%;
    box-sizing: border-box;
    background: #fff;
    padding: 70px 0 45px 10%;
    z-index: 5;
}
.others section#discus03 p.qNumber {
    color: #721F64;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    padding-bottom: 0.2em;
    border-bottom: 3px solid #721F64;
    font-weight: bold;
    display: block;
    margin:0 auto 30px;
    width: 82px;
}
.others section#discus03 h2 {
    font-size: 24px;
    font-weight: bold;
    margin:0 auto 30px;
    width: 825px;
	text-align:center;
}
.sectionInnerInner {
	width: 68%;
	margin:0 0 0 0;
}

.others section#discus03 p.qAnswer {
    font-size: 14px;
    line-height: 2.2;
    text-align: justify;
	margin-bottom:50px;
}
.others section#discus03 p.qAnswer strong {
	font-weight:bold;
	color:#283034;
}


.discussion p.hitonimodoru {
    position:static;
    width:100%;
	text-align:center;
	margin:100px auto;
}































/* 採用メッセージ */
.message header {
	background:url("../images/message_main.jpg") no-repeat;
	background-size:contain;
}
.message header h2 {
	position: absolute;
    top: 26.5vw;
    left: 8.5vw;
    font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
    font-size: 10.6vw;
    letter-spacing: 1.2vw;
    color:rgba(87,81,81,0.078) ; /*  #57515114 */
    transform: scale(1.2, 1.2);
    display: block;
    margin-right: 0.7em;
}

.message header span img {
	width:100%; /* 19.5vw */
}
.message .otherBody {
	background: url(../images/bg_message.jpg) no-repeat;
    background-size: 1366px;
    margin-top: -4.5vw;
    padding-top: 5.5vw;
    padding-bottom: 5.5vw;
}
.message h3 {
	font-family: 'Noto Serif JP';
    font-size: 160%;
    letter-spacing: 2.4px;
    line-height: 2.2;
    margin-bottom: 1.5em;
}

p.pLeft {
	padding-right:490px;
	overflow:hidden;
	margin-bottom:3em;
}
p.pRight {
	padding-left:490px;
}
img.sig {
	float:right;
	margin-top:1em;
}
.message .scroll {
    position: absolute;
    bottom: -28vw;
    right: 36px;
    width: 1vw;
    height: auto;
    z-index: 8;
}



/* 特徴 */
.feature header {
	background:url("../images/feature_main.jpg") no-repeat;
	background-size:contain;
}
.feature header h2 {
	position: absolute;
    top: 26.5vw;
    left: 8.5vw;
    font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
    font-size: 10.6vw;
    letter-spacing: 1.2vw;
    color:rgba(87,81,81,0.078) ; /*  #57515114 */
    transform: scale(1.2, 1.2);
    display: block;
    margin-right: 0.7em;
}
.feature header span {
	position:absolute;
	top: 26.2vw;
	left:14.4vw;
	display:block;
	width:144px;
}
.feature header span img {
	width:10.2vw; /* 10.2vw */
	height:auto;
}
p.ftLead {
	width:642px;
	margin: 4em auto 17em;
	line-height:2.4;
	text-align: center;
}

.feature .otherBody {
	background: url(../images/bg_feature.jpg) no-repeat;
    background-size: 1366px;
    margin-top: -18vw;
    padding-top: 18vw;
    padding-bottom: 5.5vw;
}
.features {
	overflow:hidden;
	box-shadow: 0 0 10px #ccc;
	margin-bottom:4em;
	background:#fff;
	width:100%;
	box-sizing:border-box;
	padding:70px 58px 40px;
	position:relative;
}
.features::before {
	content:'';
	display:block;
	width:100%;
	height:10px;
	background:#E60000;
	position: absolute;
    top: -4px;
    left: 0;
}


.feature .scroll {
    position: absolute;
    bottom: -35vw;
    right: 36px;
    width: 1vw;
    height: auto;
    z-index: 8;
}
.features h3 {
	font-size:160%;
	text-align:center;
	margin-bottom:2.8em;
	letter-spacing:0.1em;
}
.ftLeft {
	width:425px;
	float:left;
}
.ftLeft p {
	line-height:1.8;
	font-family: 'Noto Sans JP';
	font-size:90%;
	letter-spacing: 0;
	margin-bottom:0;
}
.ftRight {
	width:417px;
	float:right;
}
.ftRight img {
	width:100%;
	height:auto;
}

.nextPage {
	display:flex;
	justify-content: flex-end;
}
.nextPage a {
	display:block;
	width:211px;
	height:auto;
}
.nextPage img {
	width:100%;
	height:auto;
}





.memberIntroBox {
	font-family: 'Noto Sans JP';
	width:808px;
	margin:50px auto 100px;
	display:flex;
	justify-content: space-between;
}
.memberIntro {
	width:363px;

}
.memberIntroBox h5 {
	font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
    font-size: 240%;
    letter-spacing: 2px;
}
p.namae {
	font-size:100%;
	font-weight:bold;
	margin-bottom:0.5em;
}
p.team, p.coment {
	font-size:80%;
	line-height:2.0;
	margin-bottom:1.5em;	
}
p.coment {
	border-top:1px solid #000;
	padding-top:1.5em;
}

.projectInfo {
	font-family: 'Noto Sans JP';
    width: 808px;
    margin: 60px auto;
}
.projectInfo h5 {
	font-size:105%;
	border-bottom:1px solid #000;
	padding-bottom:0.2em;
	margin-bottom:1.6em;
}
.projectInfo h6 {
	font-size:90%;
	margin-bottom:0.6em;
}
.projectInfo p {
	font-size:75%;
}
figure.soukanzu {
	width:73%;
	margin:0 auto;
}
figure.soukanzu img {
	width:100%;
	height:auto;
}
figure.projectFlow {
	width:100%;
	margin:0 auto;
}
figure.projectFlow img {
	width:100%;
	height:auto;
}

.strong2 {
	margin-top:0.3em;
	display: inline-block;
}

.project section.zureBox {
	width:1366px;
	margin:0 auto 6em;
	overflow:hidden;
}

section.zureBox h3 {
	margin-bottom:1em;
	text-align:left;
}
.mem1186R {
	width:1186px;
	float:right;
	overflow:hidden;
}
.mem1186R-L {
	width:400px;
	box-sizing:border-box;
	float:left;
}
.mem1186R-R {
	width:683px;
	float:right;
}
.mem1186R-R img {
	width:100%;
	height:auto;
}
.mem1186R h3 {
	margin-bottom:1em;
}
.mem1186R h3 span {
	font-size:160%;
	border-bottom:2px solid #E60000;
	line-height:2.0;
	font-weight:500;
	letter-spacing:1px;
}
.mem1186R p {
	font-family: 'Noto Sans JP';
	font-size: 85%;
    line-height: 1.8;
}

.mem1186R-L figure {
	display: flex;
	justify-content: space-between;
	margin-top:1.5em;
}
.mem1186R-L figure img {
	width:203px;
	height:auto;
}
.mem1186R-L figure p {
	align-self: flex-end;
}

.mem1186L {
	width:1186px;
	float:left;
	overflow:hidden;
	margin-top:8.5em;
}
.mem1186L-R {
	width:400px;
	box-sizing:border-box;
	float:right;
}
.mem1186L-L {
	width:683px;
	float:left;
}
.mem1186L-L img {
	width:100%;
	height:auto;
}
.mem1186L h3 {
	margin-bottom:1em;
}
.mem1186L h3 span {
	font-size:160%;
	border-bottom:2px solid #E60000;
	line-height:2.0;
	font-weight:500;
	letter-spacing:1px;
}
.mem1186L p {
	font-family: 'Noto Sans JP';
	font-size: 85%;
    line-height: 1.8;
}
.mem1186L-L figure {
	display: flex;
	justify-content: space-between;
	margin-top:1.5em;
}
.mem1186L-L figure img {
	width:203px;
	height:auto;
}
.mem1186L-L figure p {
	align-self: flex-end;
}


.nazoImg {
	width:100%;
	margin-bottom:6.5em;
}
.nazoImg img {
	width:100%;
	height:auto;
	margin:2.6em 0;
}


.zureMigi {
	width:1186px;
	float:right;
	overflow:hidden;
}
.zureMigi-L {
	width:400px;
	box-sizing:border-box;
	float:left;
}
.zureMigi-R {
	width:683px;
	float:right;
}
.zureMigi-R img {
	width:100%;
	height:auto;
}
.zureMigi h3 span {
	font-size:160%;
	border-bottom:2px solid #E60000;
	line-height:2.0;
	font-weight:500;
	letter-spacing:1px;
}
.zureMigi p {
	font-family: 'Noto Sans JP';
	font-size: 85%;
    line-height: 1.8;
}

.zureMigi-L figure {
	display: flex;
	justify-content: space-between;
	margin-top:1.5em;
}
.zureMigi-L figure img {
	width:203px;
	height:auto;
}
.zureMigi-L figure p {
	align-self: flex-end;
}

.zureHidari {
	width:1186px;
	float: left;
	overflow:hidden;
	margin-top: 8.5em;
}
.zureHidari-L {
	width:683px;
	box-sizing:border-box;
	float:left;
}
.zureHidari-L img {
	width:100%;
	height:auto;
}
.zureHidari-R {
	width:400px;
	float:right;
}

.zureHidari h3 span {
	font-size:160%;
	border-bottom:2px solid #E60000;
	line-height:2.0;
	font-weight:500;
	letter-spacing:1px;
}
.zureHidari p {
	font-family: 'Noto Sans JP';
	font-size: 85%;
    line-height: 1.8;
}

.zureHidari-R figure {
	display: flex;
	justify-content: space-between;
	margin-top: 5.4em;
}
.zureHidari-R figure img {
	width:203px;
	height:auto;
}
.zureHidari-R figure p {
	align-self: flex-end;

}


.others section.zureBox p {
	text-align:justify;
}
.others section.zureBox figure p {
	font-size: 80%;
}

.movieBox {
	width:100%;
	position:relative;
	margin-top: 10em;
}
.project .movieBox {
    width: 100%;
    position: relative;
    margin-top: 5.5em;
}
.movieBox img {
	width:100%;
	height:auto;
}
.movieBox h3 {
	position:absolute;
	top: -25px;
    left: 195px;
	font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
    font-size: 240%;
    letter-spacing: 2px;
}


.recommend {
	width:1160px;
	margin:7em auto;
	position:relative;
}
.prev {
	position:absolute;
	top:115px;
	left:0;
}
.next {
	position:absolute;
	top:115px;
	right:0;
}

.recommend h3 {
	font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
    font-size: 100%;
	border-bottom:1px solid #000;
	margin:0 auto 2em;
	text-align:center;
	padding-bottom:0.2em;
	letter-spacing:1px;
	width:980px;
}
.recommendInner {
	width:980px;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
	
}

.linkLeft, .linkRight {
	width: 400px;
}
.linkCenter {
	width: 38px;
}
.linkLeft dl, .linkRight dl {
	overflow:hidden;
}
.linkLeft dl dt {
	float:left;
	width:100px;
	height:130px;
	position:relative;
}
.linkLeft dl dd {
	float:right;
	width: 300px;
	box-sizing:border-box;
	padding-top:40px;
	padding-left:7px;
}
.linkLeft.toProject dl dd {
	float:right;
	width: 300px;
	box-sizing:border-box;
	padding-top:25px;
	padding-left:7px;
}
.linkRight.toProject dl dd {
	float:right;
	width: 300px;
	box-sizing:border-box;
	padding-top:25px;
	padding-left:7px;
}
.linkLeft dl dt img {
	width:100px;
	height:100px;
	position:absolute;
	top:30px;
	left:0;
	z-index:5;
}
.linkLeft span.interviewNumber {
	position:absolute;
	top:0;
	left:0;
	font-size:260%;
	font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
	z-index:10;
}
.linkLeft span.intervierTtl {
	position:absolute;	
	top:18px;
	right:0;
	font-size:70%;
	font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
	z-index:10;
}
.linkLeft.toProject span.intervierTtl {
	position: absolute;
    top: 15px;
    left: 0;
    font-size: 90%;
    font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
    z-index: 10;
    letter-spacing: 0.1em;
}
.linkRight.toProject span.intervierTtl {
	position: absolute;
    top: 15px;
    left: 0;
    font-size: 90%;
    font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
    z-index: 10;
    letter-spacing: 0.1em;
}


.linkLeft dl dd {
	text-align:left;
}
.linkRight dl dd {
	text-align:right;
}






/* 仕事 */
.works header {
	background:url("../images/works_main.jpg") no-repeat;
	background-size:contain;
}
.works header h2 {
	position: absolute;
    top: 26.5vw;
    left: 8.5vw;
    font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
    font-size: 10.6vw;
    letter-spacing: 1.2vw;
    color:rgba(87,81,81,0.078) ; /*  #57515114 */
    transform: scale(1.2, 1.2);
    display: block;
    margin-right: 0.7em;
}
.works header span {
	position:absolute;
	top: 26.2vw;
	left:14.4vw;
	display:block;
	width:142px;
}
.works header span img {
	width:10.2vw;
}
p.busLead {
	width:642px;
	margin: 4em auto 10em;
	line-height:2.4;
}

.works .otherBody {
	background: url(../images/bg_works.jpg) no-repeat;
    background-size: 1366px;
    margin-top: -15vw;
    padding-top: 15vw;
    padding-bottom: 5.5vw;
}
.works .otherBodyInner {
    width: 100%;
}

.works .scroll {
    position: absolute;
    bottom: -35vw;
    right: 36px;
    width: 1vw;
    height: auto;
    z-index: 8;
}

.works p.busLead {
    width: 960px;
    margin: 2em auto 8.5em;
    line-height: 2.0;
}
h3.othersH3 {
    width: 100%;
    margin: 2em auto 0.5em;
    text-align: center;
	font-size:180%;
	letter-spacing:0.1em;
}

.feature h3.othersH3 {
    line-height:1.4;
	margin-bottom:4em;
}


.worksGrap {
	width:100%;
	margin:0 0;
}
.worksGrap img {
	width:100%;
	height:auto;
}
.dual {
    width:986px;
	margin:8.5em auto 1em;
	display:flex;
	justify-content: space-between;
    flex-wrap: wrap;
}
.dual h3 {
    font-size: 180%;
    text-align: center;
    margin-bottom: 1em;
    letter-spacing: 0.1em;
}
.dualLelt, .dualRight {
	width:490px;
}
.flowBox {
	width:490px;
	box-sizing: border-box;
	border:1px solid #D3D3D3;
	padding:18px 20px;
	background:#fff;
	font-family: 'Noto Sans JP';
	position: relative;
	margin-bottom:30px;
}
.flowBox::after {
	content:'';
	background:url("../images/yajirushi.svg") no-repeat;
	position:absolute;
	top:100%;
	left:45%;
	width:38px;
	height:24px;
}
.dualLelt .flowBox:last-child::after,
.dualRight .flowBox:last-child::after {
	display:none;
}



.flowBox h4 {
	position:relative;
}
.flowBox h4.toggle {
    width: 100%;
    height: auto;
    position:static;
    display: block;
}
.flowBox .toggle::after {
    font-family: "FontAwesome";
    content: "\f107";
    color: #E70101;
    font-size: 1.5rem;
    float: right;
    margin-right: 0;
    margin-top: -0.2em;
}
.flowBox .active::after {
    font-family: "FontAwesome";
    content: "\f106";
    color: #E70101;
    font-size: 1.5rem;
    float: right;
    margin-right: 0;
    margin-top: -0.2em;
	
}
span.flowBoxNo {
	font-family: acumin-pro-condensed;
    font-style: normal;
	font-size:120%;
	color:#E70101;
	margin-right:1.5em;
	letter-spacing:0.1em;
}
.flowBox p {
	border-top:1px solid #D3D3D3;
	font-size:68%;
	line-height:1.8;
	display:none;
	margin-top:0.8em;
	padding-top:0.8em;
}
.worksFeature {
	width:980px;
	margin:8em auto;
}

.worksFeature .features dl {
	overflow:hidden;
	margin-bottom:2em;
}
.worksFeature .features dt {
	float:right;
	width:424px;
}
.worksFeature .features dd {
	float:left;
	width:458px;
}
.worksFeature .features dd img {
	width:100%;
	height:auto;
}
.worksFeature .features {
    padding: 40px 35px 20px;
}
.worksFeature .features h3 {
    font-size: 100%;
    text-align: left;
    margin-top: 4.5em;
	margin-bottom:1em;
    letter-spacing: 0;
	color:#E70101;
	border-bottom:1px solid #d4d4d4;
	padding-bottom:1em;
}
.worksFeature .features h4 {
	font-size:100%;
	color:#000;
	border:none;
	font-family: 'Noto Serif JP';
	margin-bottom:0.3em;
	margin-top:2em;
}


/* 人事メッセージ */
.personnel header {
	background:url("../images/personnel_main.jpg") no-repeat;
	background-size:contain;
}
.personnel header h2 {
	position: absolute;
    top: 26.5vw;
    left: 8.5vw;
    font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
    font-size: 10.6vw;
    letter-spacing: 1.2vw;
    color:rgba(87,81,81,0.078) ; /*  #57515114 */
    transform: scale(1.2, 1.2);
    display: block;
    margin-right: 0.7em;
}
.personnel header span {
	position: absolute;
    top: 31.5vw;
    left: 14vw;
    display: block;
    color: #D3080B;
    font-size: 210%;
    font-family: 'Noto Serif JP';
    font-weight: 700;
    letter-spacing: 0.1em;
}
.personnel header span img {
	width:10.2vw;
}
p.busLead {
	width:642px;
	margin: 4em auto 10em;
	line-height:2.4;
}

.personnel .otherBody {
	background: url(../images/bg_personnel.jpg) no-repeat;
    background-size: 1366px;
    margin-top: -15vw;
    padding-top: 15vw;
    padding-bottom: 5.5vw;
}
.personnel .otherBodyInner {
    width: 980px;
}

.personnel .scroll {
    position: absolute;
    bottom: -35vw;
    right: 36px;
    width: 1vw;
    height: auto;
    z-index: 8;
}

.personnel p.busLead {
    width: 100%;
    margin: 2em auto 2em;
    line-height: 2.0;
	text-align: justify;
}

.personnel h3.othersH3 {
    width: 100%;
    margin: 2.5em auto 2em;
    text-align: center;
    font-size: 160%;
    letter-spacing: 0.1em;
	line-height:2.0;
}
.personnel h4 {
	font-size: 125%;
	margin-bottom:1.5em;
	letter-spacing:0.1em;
}
.personnel h4 span {
	padding-bottom:0.1em;	
    border-bottom: 1px solid #C62B2B;
}
.personnelDual {
	overflow:hidden;
	margin-bottom:3em;
}
.personnelDualLeft {
	width:481px;
	float:left;
}
.personnelDualRight {
	width:470px;
	float:right;
	text-align:center;
}
.personnelDualRight img {
	width:100%;
	height:auto;
}
.personnelDualRight p {
	font-family: 'Noto Sans JP';
	font-weight:bold;
	font-size:105%;
}
.personnelDualRight p span {
	font-family: 'Noto Sans JP';
	font-weight:normal;
	font-size:90%;
	margin-left:1em;
}

.personnelDual2 {
	overflow:hidden;
	margin-top:6em;
	margin-bottom:3.5em;
}
.personnelDual2Left {
	width:290px;
	float:left;
	text-align:center;
}
.personnelDual2Right {
	width:650px;
	float:right;

}
.personnelDual2Left img {
	width:100%;
	height:auto;
}
.personnelDual2Left p {
	font-family: 'Noto Sans JP';
	font-weight:bold;
	font-size:105%;
}
.personnelDual2Left p span {
	font-family: 'Noto Sans JP';
	font-weight:normal;
	font-size:90%;
	margin-left:1em;
}




/* 募集要項 */
.requirements header {
	background:url("../images/requirements_main.jpg") no-repeat;
	background-size:contain;
}
.requirements header h2 {
	position: absolute;
    top: 26.5vw;
    left: 8.5vw;
    font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
    font-size: 10.6vw;
    letter-spacing: 1.2vw;
    color:rgba(87,81,81,0.078) ; /*  #57515114 */
    transform: scale(1.2, 1.2);
    display: block;
    margin-right: 0.7em;
}
.requirements header span {
	position: absolute;
    top: 31.5vw;
    left: 14vw;
    display: block;
    color: #D3080B;
    font-size: 210%;
    font-family: 'Noto Serif JP';
    font-weight: 700;
    letter-spacing: 0.1em;
}
.requirements header span img {
	width:10.2vw;
}

.requirements .otherBody {
	background: url(../images/bg_requirements.jpg) no-repeat;
    background-size: 1366px;
    margin-top: -16vw;
    padding-top: 18vw;
    padding-bottom: 5.5vw;
}
.requirements .otherBodyInner {
    width: 980px;
}

.requirements .scroll {
    position: absolute;
    bottom: -35vw;
    right: 36px;
    width: 1vw;
    height: auto;
    z-index: 8;
}

.requirements p.busLead {
    width: 100%;
    margin: 2em auto 4em;
    line-height: 2.2;
    text-align: center;
    font-size: 120%;
}

.requirements .features dl {
	overflow:hidden;
	width:755px;
	margin:0 auto;
}
.requirements .features dl dt {
	width:278px;
	float:left;
}
.requirements .features dl dt img {
	width:100%;
	height:auto;
}
.requirements .features dl dd {
	width:450px;
	float:right;
	font-family: 'Noto Sans JP';
	font-size:80%;
	padding-top:1em;
	height:106px;
	line-height:1.8;
	border-bottom:1px solid #D4D4D4;
	box-sizing:border-box;
}
.requirements .features dl:last-child dd {
	border-bottom:none;
}

.salary {
	display:flex;
	justify-content: space-between;
    flex-wrap: wrap;
	width:782px;
	margin: 0 auto 3em;
}
.salaryLeft, .salaryRight {
	width:323px;
}

.requirements .salary dl {
	overflow:hidden;
	width:100%;
	margin-top:2em;
}
.requirements .salary dl dt {
	width:97px;
	float:left;
	font-family: 'Noto Sans JP';
	font-size:70%;
	text-align:center;
}
.requirements .salary dl dt img {
	width:100%;
	height:auto;
	margin-bottom:0.2em;
}
.requirements .salary dl dd {
	width:170px;
	float:right;
	margin-right:26px;
	padding:0 0 0 0;
	text-align:center;
	line-height:1.0;
	font-size:95%;
}
span.kyuryo {
	font-family: acumin-pro-condensed;
    font-weight: bold;
	color:#E80000;
	font-size:320%;
	line-height:1.0;
	margin-right:0.1em;
	letter-spacing:1px;
}
span.yen {
	color:#E80000;
}


.requirements .features dl.youkou {
	overflow:hidden;
	width:782px;
	margin-top:1.5em;
	border-bottom: 1px solid #D4D4D4;
	padding:0 0 1.5em;
}
.requirements .features dl.youkou:last-child {
	border-bottom: none;
}
.requirements .features dl.youkou dt {
	font-family: 'Noto Sans JP';
	width:213px;
	float:left;
	color:#E80000;
	font-size:85%;
	font-weight:bold;
    line-height: 1.8;
}
.requirements .features dl.youkou dd {
	font-family: 'Noto Sans JP';
	width:569px;
	float:right;
	font-size:85%;
	border:none;
	padding:0 0 0 0;
	height: auto;
    line-height: 1.8;
}


/* 人材育成 */
.training header {
	background:url("../images/training_main.jpg") no-repeat;
	background-size:contain;
}
.training header h2 {
	position: absolute;
    top: 26.5vw;
    left: 8.5vw;
    font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
    font-size: 10.6vw;
    letter-spacing: 1.2vw;
    color:rgba(87,81,81,0.078) ; /*  #57515114 */
    transform: scale(1.2, 1.2);
    display: block;
    margin-right: 0.7em;
}
.training header span {
	position: absolute;
    top: 31.5vw;
    left: 14vw;
    display: block;
    color: #D3080B;
    font-size: 210%;
    font-family: 'Noto Serif JP';
    font-weight: 700;
    letter-spacing: 0.1em;
}
.training header span img {
	width:10.2vw;
}

.training .otherBody {
	background: url(../images/bg_training.jpg) no-repeat;
    background-size: 1366px;
    margin-top: -16vw;
    padding-top: 18vw;
    padding-bottom: 0;
}
.training .otherBodyInner {
    width: 1366px;
}

.training .scroll {
    position: absolute;
    bottom: -35vw;
    right: 36px;
    width: 1vw;
    height: auto;
    z-index: 8;
}

.training p.busLead {
    width: 100%;
    margin: 1.5em auto 8em;
    line-height: 2.2;
	text-align: center;
	font-size: 120%;
}

.training .mem1186R-L {
    width: 455px;
    box-sizing: border-box;
    float: left;
}
.trainingFeature {
    width: 980px;
    margin: 8em auto;
}
.training .features h3 {
    font-size: 160%;
    text-align: center;
    margin-bottom: 2em;
    letter-spacing: 0.1em;
}
.training .leadBox {
	width:980px;
	margin:0 auto;
}
.training .zureBox h4, .training .leadBox h4 {
    font-size: 125%;
    margin-bottom: 1.5em;
    letter-spacing: 0.1em;
}
.training .zureBox h4 span, .training .leadBox h4 span {
    padding-bottom: 0.1em;
    border-bottom: 1px solid #C62B2B;
}
.trgFlowBox {
	display:flex;
	justify-content: space-between;
    flex-wrap: wrap;
	margin-top:4.5em;
}
.trgFlowBoxLeft,
.trgFlowBoxRight
{
	width:417px;
}

.training .features {
    padding: 70px 50px 40px;
}
.training .features figure {
    text-align:center;
}
.training .features figure img.ttlImg {
    width:323px;
    margin-bottom: 2em;
}
.training .features h4 {
    font-family: 'Noto Sans JP';
    color: #E60000;
    border-bottom: none;
    padding-bottom: 0;
	margin-top:2em;
    margin-bottom: 0.5em;
    font-size: 100%;
	font-weight:normal;
}
.training .features p {
    text-align:justify;
	font-family: 'Noto Sans JP';
	font-size:80%;
	line-height:1.8;
	letter-spacing:0;
}
.training .features p.serif {
    text-align: justify;
    font-family: 'Noto Serif JP';
    font-size: 90%;
    line-height: 2.0;
    letter-spacing: 0;
}
.training .features ul {
    font-family: 'Noto Sans JP';
	list-style-type:disc;
	list-style-position: outside;
	margin-left:1.2em;
	width: 95%;
}
.training .features ul li {
    margin-bottom:1em;
	line-height:1.4;
	font-size:85%;
}
.others.training section.leadBox p {
    line-height: 2.0;
}

.trgFlowBox.semame  {
    width:683px;
	margin:0 auto;
}
.trgFlowBox.semame .trgFlowBoxLeft, 
.trgFlowBox.semame .trgFlowBoxRight {
    width:50%;
}


table.trainingSystem {
    font-family: 'Noto Sans JP';
	border:2px solid #E60000;
	box-sizing: border-box;
	width:100%;
}
table.trainingSystem th {
	background:#E60000;
	color:#fff;
	font-weight:normal;
	padding:0.5em;
	font-size:90%;	
}
table.trainingSystem tr.tr02 td,
table.trainingSystem tr.tr03 td,
table.trainingSystem tr.tr04 td,
table.trainingSystem tr.tr05 td
{
	border-bottom:1px solid #000;
	border-right:1px solid #000;	
}
table.trainingSystem tr.tr02 td:last-child,
table.trainingSystem tr.tr03 td:last-child,
table.trainingSystem tr.tr04 td:last-child,
table.trainingSystem tr.tr05 td:last-child
{
	border-right:none;	
}
table.trainingSystem tr.tr01 th {
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
table.trainingSystem tr.tr02 th, table.trainingSystem tr.tr03 th {
	border-bottom:1px dotted #ccc;
}

table.trainingSystem td {
	border:1px solid #fff;
	padding:1em 0.5em;
	font-size:80%;
	line-height:1.4;
}
table.trainingSystem td.narrow {
	padding:0.8em 0.5em;
}

table.trainingSystem th, table.trainingSystem td {
	vertical-align:middle;
}
table.trainingSystem tr.tr01 th {
	padding:1em 0;
}
table.trainingSystem tr.tr02 th {
	padding:3em 0;
}
table.trainingSystem tr.tr03 th , table.trainingSystem tr.tr05 th {
	padding:1.5em 0.5em;
}
table.trainingSystem tr.tr01 th {
	width:40px;
}
table.trainingSystem tr.tr04 td, table.trainingSystem tr.tr06 td {
	text-align:center;
}

.features figure.ikusei img {
    width: 302px;
	height:auto;
    margin:auto;
}

.jobStepBox {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.jobStep {
	width:414px;
	font-family: 'Noto Sans JP';
}
.training .features .jobStep h4 {
    font-family: 'Noto Sans JP';
    color: #E60000;
    border-bottom: 1px solid #E60000;
    padding-bottom: 0.4em;
    margin-bottom: 1.4em;
    font-size: 105%;
}
.jobStep dl {
	overflow:hidden;
	margin-bottom:1.5em;
	font-size:80%;
	line-height:1.8;	
}
.jobStep dl dt {
    color: #E60000;
	width:2%;
	float:left;
}
.jobStep dl dd {
	width:95%;
	float:right;

	text-align:justify;

}


/* 福利厚生 */
section.welfare01.sliding {
    padding-top: 41.5vw;
    background: url(../images/cat_welfare.jpg) no-repeat;
    background-size: 100%;
}
section.welfare01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 100px;
}
section.welfare02, section.welfare03, section.welfare04 {

}
section.welfare02 .sectionInner, section.welfare03 .sectionInner, section.welfare04 .sectionInner {
    width: 100%;
    padding-top: 0;
}

section.welfare01 h2, section.welfare02 h2, section.welfare03 h2, section.welfare04 h2 {
    font-size: 26px;
    font-weight: bold;
    color: #0086F8;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
    margin: 92px auto 67px;
}
.welfareExBox {
	width:1000px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.welfareExBox::after{
	content:"";
	display: block;
	width:326px;
}
.welfareEx {
	width:326px;
	height:147px;
	box-sizing: border-box;
	border:1px solid #008AFF;
	background:#EFF2F7;
	padding:20px;
	margin-bottom:10px;
}
.welfareEx.ikuji, .welfareEx.kaigo, .welfareEx.return {
	height:200px;
}
.welfareEx h3 {
    font-size: 16px;
    font-weight: bold;
    color: #008AFF;
    margin-bottom:10px;
	line-height:1.6;
}
.welfareEx h3::before {
	content: '●';
    margin-right: 3px;
    margin-bottom: 0.5em;
    display: block;
    float: left;
}

.ikujiBnrBox {
	width:550px;
	margin:50px auto;
	background:#F5F5F5;
	padding:23px 30px;
	box-sizing: border-box;
	position:relative;
}
.ikujiBnrBox::before {
	position:absolute;
	top: -15px;
	left:266px;
	content:'';
	width: 0;
	height: 0;
	border-right: 13px solid transparent;
	border-left: 13px solid transparent;
	border-bottom: 17px solid #F5F5F5;
}


.ikujiBnrBox ul {
	width:100%;
	margin:auto;
	display:flex;
	justify-content: space-between;
}
.ikujiBnrBox ul li {
	width:150px;
}












/* トップページ　真ん中バナー */

.topBnr li {
	height:100px;
	box-sizing:border-box;
	margin-bottom:10px;
}

.topBnr li dl {
	overflow:hidden;
	position:relative;
	height: 100px;
}
.topBnr li dl dt {
	width: 60px;
    height: 100px;
    box-sizing: border-box;
    text-align: center;
    padding: 12px 20px;
    position: absolute;
    top: 0;
    left: 0;
}
.topBnr li.bnr001 dl dt {
    background: #3bd1bf;
}
.topBnr li.bnr002 dl dt {
    background: #c98fde;
}
.topBnr li.bnr003 dl dt {
    background: #769dd6;
}
.topBnr li.bnr004 dl dt {
    background: #a5d4ad;
}

.topBnr li dl dt::after {
	content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 100px 50px 0 0;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 59px;
}
.topBnr li.bnr001 dl dt::after {
    border-color: #3bd1bf transparent transparent transparent;
}
.topBnr li.bnr002 dl dt::after {
    border-color: #c98fde transparent transparent transparent;
}
.topBnr li.bnr003 dl dt::after {
    border-color: #769dd6 transparent transparent transparent;
}
.topBnr li.bnr004 dl dt::after {
    border-color: #a5d4ad transparent transparent transparent;
}




.topBnr li dl dd {
	color:#ffffff;
	font-size:1.3rem;
	font-weight:700;
	text-align:center;
	width: 265px;
    position: absolute;
    top: 0;
    right: 50px;
    height: 100px;
	 padding-top:1.5em;
}
.topBnr li.bnr001 dl dd {
	 background: rgb(159,217,246);
    background: linear-gradient(90deg, rgba(159,217,246,1) 0%, rgba(59,209,191,1) 100%);
}
.topBnr li.bnr002 dl dd {
	 background: rgb(159,217,246);
    background: linear-gradient(90deg, rgba(245,178,178,1) 0%, rgba(201,143,222,1) 100%);
}
.topBnr li.bnr003 dl dd {
	 background: rgb(159,217,246);
    background: linear-gradient(90deg, rgba(199,176,223,1) 0%, rgba(118,157,214,1) 100%);
}
.topBnr li.bnr004 dl dd {
	 background: rgb(159,217,246);
    background: linear-gradient(90deg, rgba(215,231,175,1) 0%, rgba(165,212,173,1) 100%);
}


.topBnr li dl dd span {
	display:block;
	font-size:0.8rem;
	margin-top:0.4em;
	font-weight:normal;
}
.topBnr li dl dd::after {
	content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 0 50px 20px;
    position: absolute;
    top: 0;
    right: -20px;
}
.topBnr li.bnr001 dl dd::after {
    border-color: transparent transparent transparent #3dd1c0;
}
.topBnr li.bnr002 dl dd::after {
    border-color: transparent transparent transparent #c98fde;
}
.topBnr li.bnr003 dl dd::after {
    border-color: transparent transparent transparent #769dd6;
}
.topBnr li.bnr004 dl dd::after {
    border-color: transparent transparent transparent #a5d4ad;
}

.topBnr li {
	 box-sizing:border-box;
}

.topBnr li dt::before {
    margin-bottom: 0.2em;
    display: block;
    font-size: 300%;
	width:76px;
	height:76px;
	line-height:76px;
	border:2px solid #ededed;
	box-sizing:border-box;
	background:#ffffff;
	border-radius: 50%;
	position: absolute;
	z-index:5000;
}
.topBnr li.bnr001 dt::before {
    font-family: "FontAwesome";
    content: "\f007";
    color: #3bd1bf;
}
.topBnr li.bnr002 dt::before {
    font-family: "FontAwesome";
    content: "\f236";
    color: #c98fde;	
}
.topBnr li.bnr003 dt::before {
    font-family: "FontAwesome";
    content: "\f0f1";
    color: #769dd6;	
}
.topBnr li.bnr004 dt::before {
    font-family: "FontAwesome";
    content: "\f0fa";
    color: #a5d4ad;	
}





.indexPage section .recruitBoxInner h2, .indexPage section .brandsInner h2 {
	font-size:280%;
	color:#fff;
}

.aboutUsInner h3 {
	font-size:200%;
	font-weight:normal;
	margin-bottom: 0.7em;
	font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
	color:#fff;
	letter-spacing: 2px;
}


.indexPage section.slideBnrBox h2, .indexPage section .aboutUsInner h2 {
	font-size:280%;
}



.working hr, .slideBnrBox hr, section.brands hr, section.aboutUs hr {
	width:45px;
	margin:0 auto 1.5em;
	border:none;
	border-top:2px solid #C02827;
}
p.leadTxt {
	font-size: 0.9rem;
    line-height: 1.8;
    font-weight: bold;
}



/* トップページのスライドバナー */
section.slideBnrBox {
	width:100%;
	padding: 0 0 0;
	background:#000 ;
	margin-top: 0;
	text-align:center;
}
section.slideBnrBox div {
    margin: 0 auto 0;
}
.slideBnr {
    margin: 0 auto 0;
    width: 100%;
	height:auto;
	padding:0 0;
}

.slideBnr li.slick-slide {
	margin: 0 0;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    height: 56.2vw;
    overflow: hidden;
}
.slideBnr li img {
    height: auto;
    width: 100%;
    position:absolute;
	top:0;
	left:0;
	z-index:1;
	transition:all 0.4s ease;
}
.slideBnr li:hover img.silideImg {
    transform: scale(1.1);
}
.slideBnr li img.waterm {
	position:absolute;
	left: 40vw;
    top: 21vw;
	z-index:5;
	width: 35%;
	height:auto;
}

.slideBnr li h4 {
	position:absolute;
	left: 3vw;
    top: 25.8vw;
	font-size: 1.5vw;
	font-weight:bold;
	font-family: 'Montserrat', sans-serif;
	z-index: 5;
    color: #fff;
}
.slideBnr li h4::after {
	content: '';
    border-top: 2px solid #fff;
    width: 3.7vw;
    display: block;
    float: right;
    margin-left: 1vw;
    margin-top: 1.2vw;
} 

.slideBnr li span {
	position:absolute;
	left: 3vw;
    top: 28.5vw;
	font-size: 1.6vw;
	font-weight:bold;
	z-index: 5;
    color: #fff;
}
.slick-prev{
	position:absolute;
	top: 40% !important;
    left: 5% !important;
}
.slick-next {
	position:absolute;
	top: 40% !important;
    right: 5% !important;

}
.slick-prev, .slick-next {
    width: 55px !important;
    height: 55px !important;
	z-index:3;
}
.slideBnr .slick-prev, .slick-next {
    display:none;
}

.slick-prev:before, .slick-next:before {

    font-size: 40px;
    line-height: 1;
    opacity: .75;
    color: #D1D1D1;
	border-radius:50%;
}
.slick-next:before {
	font-family: "FontAwesome" !important;
    content: '' !important;
    font-size:30px !important;
	line-height:55px !important;
    display: inline-block;
	background:url("../images/bg_btn_next.png") no-repeat;
	background-size:55px;
	color:#000;
	width:55px !important;
	height:55px !important;
	text-align:center !important;
	padding-left:5px !important;
	box-sizing:border-box;
	transition:all 0.4s ease;
}



.slick-prev:before {
	font-family: "FontAwesome" !important;
    content: '' !important;
    font-size:30px !important;
	line-height:55px !important;
    display: inline-block;
	background:url("../images/bg_btn_prev.png") no-repeat;
	background-size:55px;
	color:#000;
	width:55px !important;
	height:55px !important;
	text-align:center !important;
	padding-right:5px !important;
	box-sizing:border-box;
	transition:all 0.4s ease;
}

.slick-next:hover:before , .slick-prev:hover:before {

}


.slideBnr li a {
    position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	z-index:5;
}
.tabPro {
	position:absolute;
	top:125px;
	left:0;
	background:#000;
	width:187px;
	height:64px;
	z-index:3;
	padding:20px 8px;
	box-sizing: border-box;
	font-family: acumin-pro-condensed;
    font-weight: bold;
	color:#fff;
	font-size:1.4rem;
	letter-spacing:0.1em; 
}
.tabInt {
	position:absolute;
	top:125px;
	left:0;
	background:#000;
	width:170px;
	height:64px;
	z-index:3;
	padding:6px 8px;
	box-sizing: border-box;
	font-family: acumin-pro-condensed;
    font-weight: bold;
	color:#fff;	
	font-size:1.4rem;
	letter-spacing:0.1em; 
}
.tabInt span {
	display:block;
	text-align:left;
	font-family: 'Noto Sans JP';
	font-weight:normal;
	font-size:60%;
	margin-top:0.7em;
	letter-spacing:0;
	padding-left:0.5em;
}


.others span.number {
    top: -40px;
}



.slick-prev:before,
.slick-next:before {
    color: #f3f3f3 !important;

}

.slick-dots {
    display:none !important;
}




nav ul.firstDeg > li:nth-child(3) ul.secondDeg {
	width:300px;
}
nav .secondDeg > ul > li {
	margin:0.8em 0;
}
nav .secondDeg > ul > li > a {
	color:#333333;
	padding:0.4em 1em;
	text-align:left;
	font-size:85%;
	display:block;
	text-decoration:none;
}
nav .secondDeg > ul > li > a::before {
	font-family: "FontAwesome";
    content: "\f105";
    margin-right: 0.8em;
    transform: scale(1.5, 1.0);
    display: inline-block;
}


nav ul.firstDeg > li.gnav01 > a {
	background: url(../images/bg_gnav01.png) no-repeat;
    background-size: 40px;
    background-position: 78px 12px;
    padding: 55px 0 0 0;
}
nav ul.firstDeg > li.gnav01:hover > a {
    background: url(../images/bg_gnav01_on.png) no-repeat;
    background-size: 40px;
    background-position: 78px 12px;
    padding: 55px 0 0 0;
}


nav ul.firstDeg > li.gnav02 > a::before {
	font-family: "FontAwesome";
    content: "\f007";
    margin-bottom: 0.2em;
	color:#5dd5ab;
	display: block;
	font-size: 200%;
}
nav ul.firstDeg > li.gnav03 > a::before {
	font-family: "FontAwesome";
    content: "\f0f1";
    margin-bottom: 0.2em;
	color:#5dd5ab;
	display: block;
	font-size: 200%;
}
nav ul.firstDeg > li.gnav04 > a::before {
	font-family: "FontAwesome";
    content: "\f0f8";
    margin-bottom: 0.2em;
	color:#5dd5ab;
	display: block;
	font-size: 190%;
}
nav ul.firstDeg > li.gnav05 > a::before {
	font-family: "FontAwesome";
    content: "\f0f0";
    margin-bottom: 0.2em;
	color:#5dd5ab;
	display: block;
	font-size: 200%;
	transform:scale(1.0,1.1) ;
}
nav ul.firstDeg > li.gnav06 > a::before {
	font-family: "Font Awesome 5 Free";
    content: "\f500";
    margin-bottom: 0.2em;
	color:#5dd5ab;
	display: block;
	font-size: 190%;
	font-weight:900;
}


.otherMenu {
	width:190px;
	float:right;
	overflow:hidden;
}
.otherMenuL {
	float:left;
	width:70px;
	border-left:1px solid #dedede;
	box-sizing:border-box;
}
.otherMenuL a {
	display:block;
	height:43px;
	line-height:43px;
	color:#333333;
	font-size:85%;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	border-bottom:1px solid #dedede;
	box-sizing:border-box;
	transition:all 0.4s ease;
}
.otherMenuL a:hover {
	background:#ff9933;
	color:#ffffff;
}
.otherMenuL a:last-child {
	border-bottom:none;
}

.otherMenuR {
	float:right;
	width:120px;
}
.otherMenuR a {
	color:#ffffff;
	background:#ff9933;
    line-height: 86px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	transition:all 0.4s ease;
}
.otherMenuR a:hover {
	color:#ff9933;
	background:#ffffff;
	border-left: 1px solid #dedede;
}


.petitInfo {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:60px;
	
}
.petitInfo dl {
	/*
	width:fit-content;
	height:60px;
	margin:0 auto;
	*/
	display: flex;
    justify-content: center;
}


.petitInfo dl dt {
	color:#ffffff;
	background:#ff981e;
	line-height:60px;
	text-align:center;
	float:left;
	width:136px;
}
.petitInfo dl dd {
	float:left;
	padding:0 2em;
	height:60px;
	line-height:60px;
	background:#ffffff;
	font-size: 90%;
}
.petitInfo dl dd a {
	text-decoration:none;
}
.petitInfo dl dd span.catIcon {
	width:115px;
	border:1px solid #ff981e;
	text-align:center;
	padding:0.2em 0;
	display:block;
	float:left;
	color:#ff981e;
	font-size:80%;
	line-height:1.0;
	margin-top: 22px;
	margin-right:2em;
}
.cat-rec {
	letter-spacing:20px;
	text-indent:20px;
}



section.points, section.news,section.recomendRecruit {
	background:#ffffff;
}
section.products, section.recomendTech {
	background:#f4f4f6;
}
section .sectionBody {
	width:1200px;
	margin:0 auto;
}
section.news .sectionBody {
	width:870px;
	margin:0 auto;
}


.ex1 {
	/*
    display: flex;
	*/
	/*
    justify-content: space-between;
	*/
	margin-bottom:28px;
}
.ex1 div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 285px;
    height: 150px;
    border:1px solid #ff981e;
	box-sizing: border-box;
	margin:0 20px 28px 0;
	float:left;
	text-align:center;
}
.ex1 div:nth-child(4n) {
	margin:0 0 0 0;
}

.ex1 div span {
	line-height:1.8;
	color:#ff981e;
	font-weight:bold;
}


.imgList img {
	width:100%;
	height:auto;
}
.modal_btn {
	cursor:pointer;
}
.modal_btn:hover {
	background:#ff981e;
}
.modal_btn:hover span {
	color:#ffffff;
}


.modal_block {
	overflow:auto;
	position:relative;
/* IE, Edge 対応 */
    -ms-overflow-style: none;
    /* Firefox 対応 */
    scrollbar-width: none;
	
	background: #fff;
    width: 55.6vw;
    float: right;
    height: 100%;
}
.modal_block::-webkit-scrollbar {
  /* Chrome, Safari 対応 */  
    display:none;
}


.modal_block figure {
	float:left;
	width:70%;
	height: 30vw;
}
.modal_block img {
	width:100%;
	height:auto;
}



.products ul {
	overflow: hidden;
}
.products ul li {
	width:calc(100% / 3) ;
	float:left;
	text-align:center;
}
.products ul li figure {
	width:100%;
	height:280px;
	overflow:hidden;
	margin-bottom:2em;
}
.products ul li figure img {
	transform:scale(1.2,1.2);
}
.products h3 img {
	margin:auto;
}
.products h3 span {
	display:block;
	color:#333;
	font-size:100%;
	font-weight:normal;
	margin-top:1em;
}
.toDetail {
	margin-top:1.2em;
}
.toDetail a {
	color: #ffffff;
    background: url(../images/arrow_detail.png) 77% 58% no-repeat #ff981e;
    border-radius: 26px;
    width: 260px;
    height: 52px;
    line-height: 52px;
    display: block;
	margin: 0 auto;
	text-decoration:none;
	transition:all 0.4s ease;
}
.toDetail a:hover {
	color: #ff981e;
    background: url(../images/arrow_detail_ora.png) 77% 59% no-repeat #ffffff;
	border:1px solid #ff981e;
	box-sizing: border-box;
}
.grandInfo {
	width:100%;
	overflow:hidden;	
}
.grandInfo dl {
	display: block;
    border-top: 1px solid #dedede;
    padding: 1.4em 0.5em 1.2em;
    overflow: hidden;
}

.grandInfo dl dt {
	text-align:left;
	float:left;
	width: 220px;
}
.grandInfo dl dd {
	float: left;
    padding: 0 0 0 0;
    margin-left: 2em;
    width: 600px;
}
.grandInfo dl dd a {
	font-size: 90%;
	line-height:1.4;
	text-decoration:none;
}
.grandInfo dl dt span.catIcon {
	width: 110px;
    border: 1px solid #ff981e;
    text-align: center;
    padding: 0.2em 0;
    display: block;
    float: right;
    color: #ff981e;
    font-size: 80%;
    line-height: 1.0;
    box-sizing: border-box;
}

.toIchiran a {
	color: #ff981e;
    background: url(../images/arrow_detail_ora.png) 77% 56% no-repeat #ffffff;
    border-radius: 26px;
    width: 260px;
    height: 52px;
    line-height: 52px;
    display: block;
    margin: 1.5em auto;
    text-decoration: none;
    transition: all 0.4s ease;
	border:1px solid #ff981e;
	text-align:center;
	font-size:85%;
}
.toIchiran a:hover {
	color: #ffffff;
    background: url(../images/arrow_detail.png) 77% 59% no-repeat #ff981e;
	border:1px solid #ff981e;
}








footer {
	width:100%;
	margin:0 0 0 0;
	padding-top:75px;
}
.footerCont {
	width:1000px;
	margin:0 auto;
	overflow: hidden;
}


.footerLinkBox {
	display:flex;
	justify-content: space-between;
	margin-bottom:50px;
	width:540px;
	float:right;
}
#footerLink01 {
	width:251px;
}
#footerLink02 {
	width:245px;
	overflow:hidden;
}
#footerLink03 {
	width:245px;
}
#footerLink04 {
	width:228px;
}

.footerLink a {
	text-decoration:none;
	color:#fff;
}
.footerLink h4 {
	color: #000;
    font-weight: bold;
    font-size: 16px;/* 14px */
	border-bottom:1px solid #707070;
	padding-bottom:5px;
}
.footerLink p {
	color:#707D8B;
	font-size:12px;
	line-height:1.2;
	margin:10px 0 15px;
}
.footerLink ul li {
	font-size:12px;
	color:#fff;
	line-height:2.0;
}
.footerLink p a {
	color:#707D8B;
	font-size:12px;
}
.footerLink ul li a {
	font-size:16px;/* 14px */
	color:#008AFF;
	line-height:1.6;
}

#footerLink02 ul, #footerLink03 ul  {
	margin-top: 8px;
	margin-bottom:25px;
}

.footerLogo {
	position:relative;
	width:420px;
	float:left;
}
.footerLogo img {
	margin-bottom:50px;
}
.footerLogo p {
	font-size:16px;/* 12px */
	color:#000;
	line-height:2.0;
	margin-bottom:10px;
}
.toCorp {
	position:absolute;
	top:70px;
	right:0;
}
.toCorp a {
	color:#fff;
	font-size:12px;
	text-decoration:none;
}
.toCorp a::after {
    content: '\f08e';
    font-family: FontAwesome;
    margin-left: 0.5em;
}
.rights {
	width:100%;
	background:#000;
	color:#fff;
	text-align:center;
}
.rights p {
	color:#fff;
	font-size:10px;
	height:50px;
	line-height:50px;
}





#back-top {
    position: fixed;
    bottom: 33px;
    right: 40px;
	z-index: 400;
}
#back-top a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    transition: all 1s ease 0s;
    font-size: 80%;
    font-weight: bold;
    line-height: 1.1;

    height: 32px;
    width: 32px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all 0.7s;
    padding-top: 10px;
}







/* 下層ページ */

article {
	
}

.others #topimg h1 {
    position: absolute;
    top: 49%;
    left: 0;
    font-size: 2.2vw;
    color: #fff;
    letter-spacing: 0.1em;
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    width: 100%;
}
.others #topimg h1 span {
	display: block;
    font-size: 0.9rem;
    font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
    margin-top: 1.3em;
}






p.introTxt {
	width:100%;
	text-align:center;	
	font-weight:bold;
}

.LRBox {
	overflow:hidden;
	margin-top: 90px;
}
.others section .LRBox .left p {
	margin-top:1em;
	text-align: justify;
}
.LRBox .left {
	float:left;
	width: 520px;
}
.LRBox .right {
	width:528px;
	float:right;
}
.LRBox .right img {
    width: 100%;
    height:auto;
}
.LRBox h3 {
	text-align: left;
    color: #C02727;
    font-size: 120%;
    margin-bottom: 0.6em;
}
.others .LRBox hr {
    width: 100%;
    margin: 2em auto;
    border: none;
    border-top: 1px dotted #C8C8C8;
}


.others section p {
	font-size:16px;
	line-height:1.6;
	margin-bottom:1em;	
}
.others section .LRBox .right p {
	font-size:90%;
	text-align:justify;
}





.others section ul.catList {
	list-style-type:none;
	overflow:hidden;
	margin:1em 0 1em 0;
	display:flex;
	flex-wrap: wrap;
    padding-left:0;	
}
.others section ul.catList li {
	width:25%;
	margin: 0 0 0.5em 0;
	box-sizing:border-box;
	padding:0.5em 0.8em;
}
.others section ul.catList li a {
	box-sizing: border-box;
    padding: 0.8em 0;
    border: 1px solid #ccc;
    display: block;
    text-align: center;
    line-height: 1.2;
    text-decoration: none;
    color: #333;
    background: #d7ede9;
	font-size: 90%;
}



.breadCrumb {
	margin: 0 auto;
    background: #ffffff;
    width: 100%;
}
.breadCrumb ul {
    width:1200px;
	margin:0 auto;
}
.breadCrumb ul li {
    display: inline-block;
    font-size: 80%;
}
.breadCrumb ul li a {
    display: inline-block;
	font-size:100%;
	color:#333333;
	text-decoration:none;
	height: 62px;
    line-height: 62px;
}
.breadCrumb ul li a::after {
    content: '\f054';
    font-family: FontAwesome;
    margin-left: 0.5em;
	color: #999999;
}
.breadCrumb ul li.home::before {
    font-family: "FontAwesome";
    content: "\f015";
    margin-right: 0.3em;
    color: #1bae94;
}


















.others footer {
	margin-top:0;
}


.footPageTop {
	background:#ffffff;
	width:100%;
	height:74px;
	transition:all 0.4s ease;
}

.footPageTop a {
	width: 1150px;
    text-align: right;
    font-size: 0.8rem;
    color: #999999;
    margin: 0 auto;
    display: block;
    text-decoration: none;
    line-height: 74px;
	overflow: hidden;
	position: relative;
	transition:all 0.4s ease;
}
.footPageTop span {
	position: absolute;
    top: 28px;
    right: 65px;
    display: block;
    text-align: center;
    box-sizing: border-box;
    color: #999999;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all 0.7s;
    border: 1px solid #999999;
	transition:all 0.4s ease;
}
.footPageTop span:before {
    color: #999999;
    font-family: "FontAwesome";
    content: "\f106";
    font-size: 0.8rem;
    display: block;
	margin-top: -29px;
}
.footPageTop:hover a {
	color: #ff981e;
	animation: hurueru .4s  infinite;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(0px, 2px) rotateZ(0deg)}
    50% {transform: translate(0px, 0px) rotateZ(0deg)}
    75% {transform: translate(0px, 4px) rotateZ(0deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}

.footPageTop:hover span {
	border: 1px solid #ff981e;
}
.footPageTop:hover span:before {
    color: #ff981e;
}


.petitInfo ul {
    display: flex;
    justify-content: center;
}
.petitInfo ul li {
    width:200px;
	height:62px;
	float:left;
}
.petitInfo ul li a {
    display:block;
	text-align:center;
	line-height:62px;
	background:#ffffff;
	text-decoration:none;
	color:#333333;
	transition:all 0.4s ease;
	font-size: 0.92rem;
}
.petitInfo ul li.current a, .petitInfo ul li:hover a  {
	background:#ff981e;
	color:#ffffff;
}
















.red {
	color:red !important;	
}
img.alignleft {
    float: left;
    margin-right: 1.5em;
	margin-bottom:1em;
}
img.alignright {
    float: right;
    margin-left:  1.5em;
	margin-bottom:1em;
}





/*　お知らせ　*/

section.postBody {
	width:700px;
	margin:0 auto;
}
.others.news section h2 {
	text-align:left;
	font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
	font-size: 160%;
	padding: 0;
    line-height: 1.4;
}
.others section.postBody hr {
    width: 45px;
    margin: 28px 0;
    text-align:left;
}

section.postBody figure {
	width:100%;
	margin:2em 0;
}
section.postBody figure img {
	width:100%;
	height:auto;
}

section.postLink {
	width:660px;
	margin:6em auto 5em;
}
.others section.postLink ul {
	list-style-type:none;
	display:flex;
	justify-content: center;
	padding-left: 0
}
.others section.postLink ul li {
	width:30%;
}
.others section.postLink ul li.toList {
	width:40%;
}

.others section.postLink ul li a {
	text-align:center;
	display:block;
	text-decoration:none;
	color:#333;
	box-sizing: border-box;
}
.others section.postLink ul li.prev a {
	border-right:1px solid #333;
}
.others section.postLink ul li.next a {
	border-left:1px solid #333;
}
.others section.postLink ul li.prev a::before {
    font-family: "FontAwesome";
    content: "\f053";
    margin-right: 2em;
}
.others section.postLink ul li.next a::after {
    font-family: "FontAwesome";
    content: "\f054";
    margin-left: 2em;
}

.others.news section.postList {
	width:700px;
	margin:6em auto 5em;
	overflow:hidden;
}
.others.news section.postList dl {
	overflow:hidden;
	margin-bottom:2em;
}
.others.news section.postList dl dt {
	width:45%;
	float:left;
}
.others.news section.postList dl dd {
	width:45%;
	float:right;
	padding-top:2em;
}
.others.news section.postList dl dd span {
	display:block;
	margin-bottom:1em;
}
.others.news section.postList dl dd span.postCat {
	background:#959494;
	padding:0.5em;
	display:inline-block;
}
p.postCat {
	background:#B5B5B6;
	padding:0.5em 1em;
	display:inline-block;
	margin-bottom:0.5em;
}
.others.news section.postList dl dd span.date {
	color:#959494;
	margin-bottom:1.5em;
}
.others.news section.postList dl dd span.postTtl {
	padding-left: 0.5em;
    line-height: 1.4;
}
.others.news section.postList dl dd a {
	text-decoration:none;
	color:#333;
}

.others.news section.postList dl dt figure {
	width:100%;
}
.others.news section.postList dl dt figure img{
	width:100%;
	height:auto;
}


table.restInfo th {
	border-right:1px solid #333;
}
table.restInfo tr:nth-child(2) {
	border-top:1px solid #333;
	border-bottom:1px solid #333;	
}
table.restInfo th, table.restInfo td {
	padding:0.5em 1em;
	line-height:1.4;
	font-size:90%;
}
table.restInfo th {
	padding-left:0;
	text-align:left;
	white-space: nowrap;
}
table.restInfo td {
	padding-right:0;
}


.sloganBox {
	width:730px;
	margin:3em auto;
	display:flex;
	flex-wrap:wrap;
}
.slogan {
	width:360px;
	height:100px;
	margin:0 auto 2em;
	position:relative;

}
.slogan p {
	position:absolute;
	top:38px;
	left:44px;

}
.slogan p.sloganNum {
	position:absolute;
	top:0;
	left:0;
	font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
	font-size:400%;
	color:#F2F2F2;
	margin:0 0 0 0;
	line-height:1.0;
}

section.policy {
	width:1000px;
	margin:0 auto 6em;
}
section.policy h3 {
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 0.5em;
    text-align: left;
	color:#C02727;
}
section.policy p {
    margin-bottom: 2em;
	line-height:2.0;
}
section.policy ol {
    list-style-type: decimal;
	list-style-position: outside;
	margin-left:1.2em;
    margin-bottom: 2em;
}
section.policy ol li {
	line-height:2.0;
	font-size: 90%;
}
section.policy ol li span {
	font-size: 80%;
}


.others.cat_sitemap .content {
	width:1056px;
    margin: 70px auto;
}
.others.cat_sitemap hr {
    width: 45px;
    margin: 28px auto;
    border: none;
    border-top: 2px solid #C02827;
}
section.sitemapBody {
	width:1056px;
	margin:0 auto 6em;
	display:flex;
	flex-wrap: wrap;
}
.links {
	text-align:left;
	border-right:1px solid #ccc;
	width:264px;
	box-sizing: border-box;
	padding:15px 22px;
}
.links:last-child {
	border-right:none;
}
section .links  h3 {
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 1em;
    text-align: left;
	color:#C02727;
}
.others section .links ul {
	list-style-type:none;
	padding-left: 0;
}
.others section .links > ul > li::before {
	font-family: "FontAwesome";
    content: "\f04b";
    margin-right: 0.4em;
	color:#C02727;
	font-size:90%;
	transform: scale(0.7, 1);
	display: inline-block;
}
.others section .links ul li a {
	text-decoration:none;
	font-size:90%;
	color:#000;
}

.others section .links ul li ul.toInterview {
	margin-left:1em;
	margin-bottom:0.5em;
	margin-top:0;
}
.others section .links ul li ul.toInterview li {
	display:inline-block;
	margin-right: 1em;
}
.others section .links ul li ul.toInterview li a {
	color:#C02727;
}

.others section .links > ul > li.syain::before {
	font-family: "FontAwesome";
    content: "\f0c8";
    margin-right: 0.4em;
	color:#C02727;
	font-size:80%;
	transform: scale(0.8, 1);
	display: inline-block;
}

/* モーダルメニュー */
ul.childMenu {
    display: none;
	margin:1.2em 0 0.5em;
}
ul.childMenu li {
    margin-bottom: 1.2em;
}
ul.childMenu li a {
    font-size: 70%;
    text-decoration: none;
    color: #fff;
}
ul.modal_menu > li {
    width: 400px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    padding: 1.5em 0 1em;
    font-family: 'Noto Serif JP';
    color: #fff;
    font-size: 2.2vh;
    margin: 0 auto;
}
ul.modal_menu > li > div.toggle {
    width: 400px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    padding: 0 0 0;
    font-family: 'Noto Serif JP';
    color: #fff;
    font-size: 100%;
    margin: 0 auto;
	height: inherit;
	cursor: pointer;
}






ul.modal_menu > li > a {
    font-family: 'Noto Serif JP';
    text-decoration: none;
    color: #fff;
    font-size: 100%;
    display: block;
}
ul.modal_menu > li span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
	color:#fff;
	opacity:0.3;
	width: 100%;
    font-size: 4.5vh;
    letter-spacing: 0.1em
}
ul.modal_menu > li > div.toggle > span {
    display: block;
    position: absolute;
    top: -0.6em;
    left: 0;
    font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
    color: #fff;
    opacity: 0.3;
    width: 100%;
    font-size: 4.5vh;
    letter-spacing: 0.1em;
}

.modal_menu .toggle {
    width: 40px;
    height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal_menu .toggle::after {
    font-family: "FontAwesome";
    content: "\f107";
    color: #fff;
    font-size: 1rem;
    float: right;
    margin-right: 0;
    top: -0.5vw;
    position: absolute;
    right: 0;
}
.modal_menu .active::after {
    font-family: "FontAwesome";
    content: "\f106";
    color: #fff;
    font-size: 1rem;
    float: right;
    margin-right: 0;
    margin-top: 0;
	position: absolute;
    top: -0.5vw;
    right: 0;
}

.modal_inner {
    background:rgba(0,0,0,0.3);
	background-position: top center;
    background-size: contain;
    left: 0;
    position: absolute;
    top: 0;
    padding: 3em 1em 2em;
    width: 100%;
    box-sizing: border-box;
}
.modal_inner {
    left: 0;
    position: absolute;
    top: 0;
    padding: 0 0 0;
    width: 100%;
    box-sizing: border-box;
	/*
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	*/
    height: 100%;
}
.modal_close, .modal_closePC {
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 2rem;
    color: #fff;
}
.linkBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 50px;
    margin: 0.5em auto;
    position: fixed;
    top: 46px;
    right: 20px;
}
.linkBox img {
	width: 50px;
    height: auto;

}	
.linkBox .bnr_login {
	margin-top:0.5em;
	width:180px;
	text-align:right;
}
.linkBox .bnr_enter {
	margin-top:0.5em;
	width:180px;
	text-align:left;
}

.intYouTube {
	width:100%;
	height:auto;
}
.intYouTube iframe {
	width:100%;
	height:768px;
}

.gloNavBox {
	width: 100%;
	margin:auto;
	display:flex;
	justify-content: space-between;
	padding: 7.3vw 7.8vw 0 7.8vw;
    box-sizing: border-box;
}

.gloNavBox .footerLink {
	width: 245px;
    overflow: hidden;
	text-align: left;
}

.gloNavBox .footerLink ul {
    margin-top: 8px;
    margin-bottom: 1em;
	overflow: hidden;
}	


.gloNavBox a {
	color:#fff;
	text-decoration:none;
}
#gloNavLink01 {
	width:264px;
}
#gloNavLink02 {
	width:400px;
}
#gloNavLink03 {
	width:245px;
	height: 135px;
}
#gloNavLink04 {
	width:170px;
	height: 135px;
}
.gloNavLink {
	text-align:left;
}

.gloNavBox h4 {
    color: #000;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #707070;
    padding-bottom: 5px;
}
.modal_block .gloNavBox p {
    font-size: 12px;
    margin: 10px 0 20px 0;
    color: #707D8B;
}
.modal_block .gloNavBox p a {
    color: #707D8B;
    font-size: 12px;
	margin:0 0 0 0;
	line-height:1.0;
}
.gloNavBox ul li {
    line-height:2.0;
    color: #fff;
    font-size: 12px;
}
.gloNavBox ul li a {
    font-size: 14px;
    color: #008AFF;
    line-height: 1.6;
}

.gloNavLink01Box, #gloNavLink02, #gloNavLink03, #gloNavLink04 {
	margin-bottom:50px;
	border-left:1px solid #82909F;
	padding-left:20px;
}
#gloNavLink02 ul {
	float:left;
	margin-right:30px;
}

.modal_block ul.toRecruitDetail {
    width: 47.4vw;
    display: flex;
    justify-content: space-between;
    margin:60px auto 0;
}
.modal_block ul.toRecruitDetail li {
    width: 15.3vw;
    height: 4.7vw;
}
.modal_block ul.toRecruitDetail li a {
    display: block;
    color: #fff;
    text-decoration: none;
    background: url(../images/bg_rec_btn.png) no-repeat;
    width: 100%;
    height: 100%;
    line-height:4.2vw;
    padding: 0 0 0 1.5em;
	font-size: 1vw;
    background-size: 15.3vw;
    text-align: left;
}

ul.toRecruitDetail.forSP {
	display:none;
}

.mt50 {
	margin-top:3em !important;
}
.formError::before {
	content:'';
    padding-top: 100px;
    margin-top:-100px;
	display:block;
	width:100px;
	height:30px;
} 
.kochira_btn {
    cursor: pointer;
	text-decoration: underline;
	font-weight:bold;
	color:#0000ee;
}
.kochira_box {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.kochira_bg {
    background-color: rgba(30, 30, 30, 0.9);
    height: 100%;
    width: 100%;
}
.kochira_close {
    cursor: pointer;
    position: absolute;
    right: 22%;
    top: 10%;
    font-size: 2rem;
    color: #333;
    z-index: 1;
}
.kochira_block {
	background-color: #f4f4f6;
    left: 25%;
    position: absolute;
    top: 10%;
    padding: 2em;
    width: 50%;
}
.formBox .kochira_block dl.gaiyou {
    padding:0 0 3em;
}
.formBox .kochira_block dl.gaiyou dt {
    width: 100%;
	float:none;
	font-size:18px;
	margin-bottom:1em;
	text-align:center;
}
.formBox .kochira_block dl.gaiyou dd {
    width: 100%;
	float:none;
}

.formBox dl.gaiyou dd dl {
    border-bottom:none;
}
.formBox dl.gaiyou dd dl.dlChild dt {
    width: 100%;
	float:none;
    padding-top: 6px;
	margin-bottom:0.5em;
}
.formBox dl.gaiyou dd dl.dlChild dd {
    width: 100%;
	float:none;
}
.tumetume {
	letter-spacing: -0.1em;
}
.others section dl.gaiyou p {
    margin-bottom: 0;
}


section.interviewSec04 .sectionInner {
	width:100%;
}
.others.interview section.interviewSec04 h2 a {
    font-size: 26px;
    font-weight: bold;
    color: #0086F8;
    text-align: center;
    letter-spacing: 0.1em;
	text-decoration:none;
}
















/* ■■■ スマホ　タブレットサイズ　■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
@media screen and (max-width:1024px){

.forPC, .uzaBox {
	display:none !important;
}
.forSP {
	display:block !important;
}
	
.gloNavBox .footerLink ul {
    display:none;
}		
/* SPトップ */	
	
.indexPage header h1.pageH1 {
    position: absolute;
    top: 86vw;
    left: 8vw;
    z-index: 5;
    width: 63.2vw;
    height: 17.3vw;	
}
.headerBox, .indexPage .site-header.transform .headerBox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    width: 100%;
    height: 17.3vw;	
	display:block;
}
#fixHead.whiteBack {
	background: rgba(255,255,255,0.9);	
}	
	
	
/*	
.site-header.transform .headerBox {
	background: rgba(255,255,255,0.9);

}
.indexPage .site-header.transform .headerBox  {
    height: 17.3vw;
}
*/	
	
.topPageMessage p {
    line-height: 2.4;
    font-size: 3.7VW;
    text-align: left;
	width:88vw;
	margin:2em auto;
}	
	
	
.informationBtn {
    display: none;
}
section.topPageMessage {
    margin: 0 auto 0;
    width: 100%;
}	
section.topPageMessage h2 {
    font-size: 9vw;
	font-weight:500;
    width: 78vw;
    margin: 0 auto 0;
    padding: 0 0 0 0.2em;
    background: none;
    height: auto;
	line-height: 1.6;
}
section.topPageMessage h2 span {
    background: linear-gradient(transparent 35%, #FFF14B 35%);
	letter-spacing: 0.6vw;
}	
	
.modalLogo {
	position: absolute;
    left: 0;
    top: 0;
    width: 81vw;
    height: 11.8vw;
    z-index: 10;
    background: url(../images/logo_sp.svg) no-repeat #fff;
    background-size: 77vw;
    /* padding: 4vw 0 0 4vw; */
    background-position: top 4vw left 4vw;
}	
.modal_block ul.toRecruitDetail {
    width: 82vw;
    display: block;
    margin: 8vw auto 0;
}
.modal_block ul.toRecruitDetail li {
    width: 100%;
    height: 17.3vw;
}
.modal_block ul.toRecruitDetail li a {
    display: block;
    color: #fff;
    text-decoration: none;
    background: url(../images/bg_rec_btn_sp.png) no-repeat;
    width: 100%;
    height: 100%;
    line-height: 17.3vw;
    padding: 0 0 0 1.5em;
    font-size: 4.5vw;
    background-size: 15.3vw;
    text-align: left;
	background-size: 82vw;
    background-position: top left;
}	
.modal_boxPC h1 {
    position: fixed;
    top: 4vw;
    left: 4vw;
    z-index: 555;
	width: 49vw;
}	
.modal_close, .modal_closePC {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 2rem;
    color: #fff;
    width: 19vw;
	height:11.8vw;
	background: #fff;
	padding: 2vw 4vw 0 0;
}	
.modal_close, .modal_closePC img {
    width: 100%;
	height:auto;
}	
.modal_closePC img {
    width: 5.6vw;
	height:auto;
}		
	
.modal_block {
    overflow: auto;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none;
    background: #fff;
    width: 100vw;
    float: none;
    height: 100%;
}	
.modal_inner {
    background-image: none;
    left: 0;
    position: absolute;
    top: 0;
    padding: 0 0 0;
    width: 100%;
    box-sizing: border-box;
}	
.gloNavBox {
    width: 100%;
    margin: auto;
    display: block;
	padding-top: 20vw;
}
.gloNavBox .footerLink {
    width: 100%;
    overflow: hidden;
    text-align: left;
}
.gloNavBox .footerLink h4.toggle  {
    cursor: pointer;
} 


	
#gloNavLink01, #gloNavLink02, #gloNavLink03, #gloNavLink04 {
    width: 100%;
}	
#gloNavLink02 {
    overflow: hidden;
}	
#gloNavLink04 {
    height:auto;
}	
	
.site-header .menuBox, .site-header.transform .menuBox {
    position: absolute;
    top: 2vw;
    right: 2vw;
    width: 40%;
    height: 16vw;
    text-align: right;
	z-index: 500;
}
.informationBtn img {
	width:10vw;
	height:auto;
}	
.site-header .logo {
    position: absolute;
	width: 77vw;
	background-size: 100%;
    top: 4vw;
    left: 4vw;
    z-index: 10;
    background: url(../images/logo_sp.svg) no-repeat;
	background-size:77vw;
}	
.site-header .logo h1, .others header .logo h1 {
    text-indent: -9999px;
    width: 77vw;
    height: 10vw;
}
	
.site-header .logo h1 a, .others header .logo h1 a {
    display: block;
    width: 77vw;
    height: 10vw;
}	
.site-header .modal_btnPC, .site-header.transform .modal_btnPC, .others header .modal_btnPC {
    cursor: pointer;
    height: 12.5vw;
    width: 11.5vw;
    float: right;
    background: url(../images/menu_sp.svg) no-repeat;
	background-position: top 2vw center;
	background-size:7.2vw;
}	
.topBody {
    width: 100%;
    margin: 0 auto 0;
    padding-top: 0;
    background-image: none;
    z-index: 15;
}	
	
/* ウザいアニメ */	
.degsp000 {
	position:absolute;
	top: 0;
    right: 89vw;
    z-index: 80;
	width:44px;
	height:430vw;
}	
.degsp001 {
	position: absolute;
    top: 226vw;
    left: -40vw;
    z-index: 50;
    width: 79.7vw;
    height: 430vw;
}
.degsp002 {
	position: absolute;
    top: 310vw;
    right: -1vw;
    z-index: 90;
    width: 11.7vw;
    height: auto;
}	
.degsp003 {
	position: absolute;
    top: 326.5vw;
    right: -1vw;
    z-index: 90;
    width: 19.8vw;
    height: auto;
}		
.degsp004 {
	position: absolute;
    top: 338vw;
    right: 23vw;
    z-index: 91;
    width: 14.8vw;
    height: auto;
}	
.degsp005 {
	position: absolute;
    top: 350vw;
    right: 23vw;
    z-index: 91;
    width: 14.8vw;
    height: auto;
}	
	
	
	
#messageSec.sliding {
    margin-top: 0;
}	
#messageSec {
    position: relative;
    height: auto;
}	
section.message {
    margin: 0 auto 0;
    width: 100%;
}	
.deg01 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
}	
section .deg01  h2 {
    text-align: left;
    position: absolute;
    top: 11vw;
    left: 8vw;
}	
section .deg01  h2 img {
    width:52.8vw;
	height:auto;
}
img.message_lead {
    position: absolute;
    top: 31vw;
    left: 8vw;
	width:76.3vw;
	height:auto;
}

	
	

.indexPage .site-header {
    width: 100%;
    height: 216.5vw;
    position: relative;
    background: none;
	margin-bottom: 0;
}
.site-header .scroll {
    position: absolute;
    bottom: 18vw;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 8;
}
.site-header .scroll::after {
    content: '';
    width: 1px;
    height: 15vw;
    border-left: 1px solid #fff;
    position: absolute;
    bottom: -18vw;
    left: 50%;
}
/*	
.site-header.transform {
    background: rgba(255,255,255,1.0);

}
*/
.site-header.transform .menuBox {
    /* position: fixed; */
    /* top: 27px; */
    /* right: 30px; */
    /* width: 497px; */
    /* height: 36px; */
    /* text-align: right; */
}	
	
	
/*
.site-header.transform .logo {
    position: absolute;
    top: 4vw;
    left: 4vw;
	width:49vw;
    z-index: 10;
    background: url(../images/logo_b_sp@2x.png) no-repeat;
    background-size: 100%;
}	
.site-header.transform .modal_btnPC, .others header .modal_btnPC {
    cursor: pointer;
    height: 12.5vw;
    width: 11.5vw;
    float: right;
    background: url(../images/menu_b_sp.svg) no-repeat;
    margin-top: 10px;
}	
.site-header.transform .menuBox {
    position: fixed;
    top: 4vw;
    right: 4vw;
    width: 40%;
    height: 16vw;
    text-align: right;
}	
*/	
section.toAbout {
    position: relative;
    margin-bottom: 0;
    width: 100%;
    height: 250vw;
	padding-top: 0;
	background: url(../images/bg_toabout_sp.svg) no-repeat;
}
section.toAbout .sectionInner {
    width: 100%;
    margin: auto;
	padding-top: 25vw;
}
h2.h2ToAbout, h2.h2ToPeople, h2.h2ToProject, h2.h2ToEnviroment, h2.h2ToCompany {
    font-family: futura-pt, sans-serif;
    font-size: 13.3vw;
    font-weight: 300;
    color: rgba(198,198,198,0.54);
    position: relative;
    margin-bottom: 30px;
	letter-spacing:normal;
}
	
h2.h2ToAbout span, h2.h2ToPeople span, h2.h2ToProject span, h2.h2ToEnviroment span, h2.h2ToCompany span {
    font-size: 5.3vw;
    position: absolute;
    bottom: -1vw;
    left: 0;
    width: 100%;
	margin-left: 0;
}	
.toAboutImage:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 155vw;
    top: 0;
    background: url(../images/bg_toabout_sp@2x.png) no-repeat;
    background-size: cover;
    transition: all 0.4s ease;

}	
.toAboutImage {
    position: relative;
    width: 100%;
    height: 155vw;
    overflow: hidden;
}	
.toAboutImage:hover {
	background-size:120%;	
}	
.search_about {
    position: absolute;
    top: 103vw;
    left: 10%;
    width: 80%;
    z-index: 5;
}
.search_about img {
    width: 100%;
    height:auto;
}
a.btn_search_about {
    position: absolute;
    top: 103vw;
    left: 71.7vw;	
	width:20.3vw;
	height:12vw;
    z-index: 10;	
}		
.aboutTxt, .peopleTxt  {
    position: static;
    width: 100%;
    z-index: 10;
}	
.aboutTxt p, .peopleTxt p, .projectTxt p, .enviromentTxt p, .companyTxt p {
    line-height: 2.4;
    color: #000;
    width: 88%;
    margin: 0 auto;
    text-align: left;
    font-size: 3.7vw;
}
.companyTxt p {
    width: 89%;
	letter-spacing: -0.1em;
}	
.projectTxt p {
    color: #fff;
}
ul.toAboutDetail {
    margin: 12vw auto 0;
    width: 78vw;
    padding: 0 0 0 0;
}	
ul.toAboutDetail li a {
    font-size: 4.5vw;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    padding: 4.5vw 0;
    display: block;
    background: url(../images/bg_list.svg) no-repeat;
    background-position: top 4.5vw right 0.1vw;
    background-size: 4.8vw;
}	
figure.topFigSP {
	width:100vw;	
}
figure.topFigSP img {
	width:100%;
	height:auto;
}	
.memberBox {
    width: 100%;
    margin: 30vw auto 0;
	height: 220vw;
}	
	
.memberList {
	display: block;
	margin:10vw 0 0;
}
	
.slick-slide.members {
	/*
	width:70vw !important;
	padding:0 15vw !important;

	width:auto !important;
		*/
	position: relative;
	box-sizing: border-box;
	margin:0 1vw;
}
.slick-slide.members:nth-child(even) {
	margin-top:15vw;
}	
	
.indexPage .members:nth-child(5), .interview .members:nth-child(5) {
    margin-left: 0;
}
.indexPage .members:nth-child(7), .interview .members:nth-child(7) {
    margin-right: 0;
}	
	
	
.slick-slide.members p.peopleDetail {
    color: #fff;
    font-size: 4.2vw;
    font-weight: bold;
    box-sizing: border-box;
    padding: 4vw;
    background: #0086F8;
    width: 49vw;
    height: 26.4vw;
    margin: -15vw auto 0;
    position: relative;
    line-height: 1.4;
    top: unset;
}
.slick-slide.members p.peopleDetail::after {
    content: '';
    width: 9.3vw;
    height: 1.1vw;
    background: url(../images/arrow.svg) no-repeat;
    display: block;
    position: absolute;
    top: 12.5vw;
    right: 1.8vw;
	background-size:9.3vw;
}
.slick-slide.members p.peopleDetail span {
    color: #fff;
    font-size: 3.4vw;
    font-weight: normal;
    margin-top: 2.6vw;
    display: block;
}	
.slick-slide.members figure {
	width:100%;	
}	
.slick-slide.members figure img {
	width:100%;
	height:auto;
}	
	
	
section.toProject {
    background: url(../images/bg_toproject_sp@2x.jpg) no-repeat;
    background-position: top left;
    background-size: 100%;
	height:257.6vw;
	padding-top: 13vw;
}	
ul.toProjectList {
    width: 78vw;
    height: auto;
    margin: 13vw auto 0;
    box-sizing: border-box;
    border-left: none;
    display: block;
}
ul.toProjectList li {
    display: inline-block;
    margin: auto;
    border-right: none;
    border-bottom: 1px solid #FFFFFF;
    box-sizing: border-box;
    width: 100%;
}	
ul.toProjectList li:first-child {
    width: 100%;
}	
ul.toProjectList li a {
    font-size: 4.5vw;
	line-height:1.6;
    display: block;
    text-align: left;
    color: #fff;
    text-decoration: none;
    box-sizing: border-box;
    position: relative;
	padding:0.8em 0;
}
ul.toProjectList li:last-child a, ul.toProjectList li:nth-child(2) a {
    line-height: 1.4;
    display: block;
    text-align: left;
	padding:0.8em 0;
    margin-top: 0;
}
ul.toProjectList li:last-child {
    border-bottom: none;
}	
ul.toProjectList li a::after {
    content: '';
    width: 4.8vw;
    height: 4.8vw;
    background: url(../images/arrow2.svg) no-repeat;
    display: inline-block;
    position: absolute;
    top: 1.1em;
    right: 0;
	background-size: 4.8vw;
}	
	
ul.toProjectList li:nth-child(2) a::after, ul.toProjectList li:nth-child(3) a::after {
	top:1.6em;
}	
	
ul.toProjectList li:nth-child(2) a::after {
    right: 0;
}	
	
section.toEnv .sectionInner {
    width: 100%;
}	
.enviromentTxt {
    width: 100%;
    line-height: 2.0;
    color: #000;
    margin: 0 0 0 0;
}
.toEnv ul.toAboutDetail {
    margin-top: 13vw;
    width: 78vw;
    padding: 0 0 0 0;
    margin:13vw auto 0;
}	
section.toEnv {
    width: 100%;
    height: 510vw;
    margin: 0 auto;
    background: url(../images/bg_toenv_sp@2x.jpg) no-repeat;
    padding-top: 28vw;
    background-position: top left;
    padding-bottom: 0;
	background-size:100%;
}	
.toCompany {
    margin: 150vw 0 0 0;
    width: 100%;
    height: 263.5vw;
	background:url(../images/bg_tocompany_sp@2x.jpg) no-repeat;
	background-size:100%;	
	padding-top:25vw;
}
.companyTxt {
    width: 100%;
    line-height: 2.0;
    color: #000;
    margin: 0 0 0 0;
}	
.toEnv .toCompany ul.toAboutDetail {
    width: 78vw;
    padding: 0 0 0 0;
    margin: 13vw auto 0;
}	
.toRecruit h2.h2ToCompany, .education section .sectionInner h2.h2ToCompany, .others.interview section h2.h2ToCompany,
.project.others section.toRecruit h2	
	{
    font-family: futura-pt, sans-serif;
    font-size: 13.3vw;
    font-weight: 300;
    color: rgba(198,198,198,0.54);
    position: relative;
    margin-bottom: 30px;
    letter-spacing: normal;
	text-align: center;
	line-height: 1.0;
	padding:0 0 0 0;
}	
section.toRecruit {
    width: 100%;
    margin: 10vw auto 0;
    background: url(../images/bg_recruit_sp.png) no-repeat;
	background-size:100%;
    padding-top: 3.6vw;
    background-position: top center;
    padding-bottom: 1vw;
}	
section.toRecruit .sectionInner {
    width: 100%;
}	
ul.toRecruitDetail {
    width: 82%;
    display: block;
    margin:16vw auto;
}	
ul.toRecruitDetail li {
    width: 100%;
    height: 16.3vw;
	margin-bottom:2vw;
}	
ul.toRecruitDetail li a {
    display: block;
    color: #fff;
    text-decoration: none;
    background: url(../images/bg_rec_btn_sp.png) no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    line-height: 16.3vw;
    padding: 0 0 0 1em;
    font-size: 4.5vw;
    box-sizing: border-box;
    background-position: top left;
}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.toAboutImage h2 {
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    top: 36vw;
    left: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 11.5vw;
    z-index: 10;
}	
img.compinfo {
    position: absolute;
    right: 0;
    bottom: -2.8vw;
    width: 90vw;
}
	
section.toOur {
    width: 100%;
    background: url(../images/bg_our_sp.svg) no-repeat;
    background-size: 148vw;
	background-position:top left -41vw;
    min-height: 140vw;
	height: 140vw;
    margin: 0 0;
    position: relative;
    padding-top: 33vw;
}
.toOurInner {
    width: 84%;
    margin: 0 auto;
    background: #fff;
    box-sizing: border-box;
    padding: 5vw 5vw 10vw;
}	
.toOur h2 {
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    top: 25.5vw;
    left: 0;
    width: 100%;
    text-align: center;
    color: #283034;
    font-size: 12vw;
    z-index: 10;
}	
.toOur p {
    line-height: 2.0;
    width: 100%;
    margin: 0 auto 30px;
}	
p.sub {
    font-size: 4.6vw;
	letter-spacing: 0.1em;
}	
.toOur p {
    line-height: 2.2;
    width: 100%;
    margin: 0 auto 30px;
    font-size: 82%;
}	
.toggleBox {
    position: absolute;
    top: 105vw;
    left: 8%;
    width: 84%;
    text-align: center;
}	
figure.hideImg {
    display: none;
    background: #fff;
    width: 100%;
    text-align: center;
    margin: 0 auto 30px;
    padding:0 5% 30px;
	box-sizing: border-box;
}	
figure.hideImg img {
	width:100%;
	height:auto;
}
	

	
#ourSec.active {
    height: 450vw;
}	
	
.toPeople {
    margin: 20vw 0 0 0;
    width: 100%;
	height: 120vw;
}	
.toPeople h2 {
    font-family: 'Montserrat', sans-serif;
    position: absolute;
    top: 93vw;
    left: 8vw;
    width: 100%;
    color: #283034;
    font-size: 11vw;
    z-index: 10;
    text-align: left;
}	
.toPeopleInner {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 0 0;
}	
.toPeople:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/bg_topeople_sp@2x.png) no-repeat;
    background-size: 100%;
    transition: all 0.4s ease;
}	
.toPeople:hover:after {
	background:url("../images/bg_topeople_sp_on@2x.png") no-repeat;
    background-size: 100%;
}	
p.toPeopleOuter {
    margin: 0 auto;
    width: 84%;
    line-height: 2.0;
    font-size: 82%;
}	
.toPeople p.sub {
    text-align: left;
    position: absolute;
    top: 87%;
    left: 8vw;
    width: 92%;
    z-index: 5;
}
.viewMoreBox.forSP {
    margin:8vw 0 0 8vw;
	position:static;
	height:16vw;
	line-height:16vw;
}	
.viewMoreBox.forSP a.viewmore {
    width: 84vw;
	height:16vw;
    background: #283034;
    line-height:16vw;
    color: #fff;
    display: block;
    border-radius: 4px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    ont-size: 4vw;
    cursor: pointer;
    position: relative;
    padding: 0 23px;
    letter-spacing: 0.1em;
    text-decoration: none;
	box-sizing: border-box;
}	
.viewMoreBox.forSP a.viewmore img {
    float: right;
    margin-top: 5.6vw;
}	
	
section.toEnvironment {
    width: 100%;
    margin: 140px auto;
}	
.toEnvironment h2 {
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    color: #283034;
    font-size: 11vw;
    z-index: 10;
    text-align: center;
    margin-bottom: 0;
}	
.learnBox {
    display: block;
    width: 84%;
    margin: 0 auto;
}	
.learn {
    width: 100%;
	margin-bottom:20vw;
}	
.learn figure {
    width: 60vw;
	margin:0 auto 5.5vw;
}	
.learn figure img {
    width: 100%;
	height:auto;
}		
p.learnTxt {
    font-size: 82%;
    line-height: 2.0;
    margin-top: 5vw;
    margin-bottom: 20px;
}	
.learnBox .viewMoreBox {
    position: static;
    margin: 0 0 0 0;
	height: 16vw;
}	
.learnBox .viewMoreBox a.viewmore {
    width: 84vw;
    height: 16vw;
    background: #283034;
    line-height: 16vw;
    color: #fff;
    display: block;
    border-radius: 4px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    ont-size: 4vw;
    cursor: pointer;
    position: relative;
    padding: 0 23px;
    letter-spacing: 0.1em;
    text-decoration: none;
    box-sizing: border-box;
}	
	
	
	
	
	
	
	
	
	
	
	
	
	

	

header nav {
	display:none;
}
.headerSP {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:14vw;
	background:#fff;
	z-index: 100;
	box-shadow: 0px 3px 8px -5px #333;
}
.headerSP a {
	text-decoration:none;
}	
.headerSP h1 {
	font-family: futura-pt-bold, sans-serif;
    line-height: 14vw;
    font-size: 4.2vw;
    color: #000;
    margin-left: 4vw;
    letter-spacing: 0.1vw;
}	
	
#topimg {
    position: relative;
    overflow: hidden;
    background-size: cover;
    width: 100%;
	/*
    height: 152vw;
	*/
	margin-top: 14vw;
}	
#topimg img {
	/*
    width: auto;
    height: 100%;
    transform: -40vw;
    margin-left: -78vw;
	*/
    width: 100%;
    height: auto;
}	

.footLinkBox {
    width: 100%;
    padding-top:0;
}
.footAddresBody {
    width: 92%;
    margin: 0 auto;
}
.footAddresBody img {
    width: 60%;
    height: auto;
    margin: 1em auto 0;
}
.footAddresBody p {
    font-size: 85%;
    margin-top: 5px;
    line-height: 1.4;
    margin-bottom: 1em;
}

section.information {
    width: 100%;
	padding: 2em 0 1em;
	margin: 10vw auto 2vw;
}
section.infoSecond {
	margin: 2vw auto 2vw !important;
}
.information h3 {
    text-align: left;
    font-weight: bold;
    margin-bottom: 1em;
    font-size: 90%;
}

.infomationBox {
    width: 100%;
	overflow: visible;
}
.informationBoxL, .informationBoxR {
    float: none;
    width: 80%;
    margin: 2em auto;
    overflow: hidden;
    border-right: none;
}
.informationBoxR dl dt, .informationBoxL dl dt {
    float: none;
    width: 100%;
    font-size: 90%;
    box-sizing: border-box;
    padding-left: 0;
    color: #969696;
	margin-bottom:0.5em;
}
.informationBoxR dl dd, .informationBoxL dl dd {
    float: none;
    width: 100%;
    font-size: 90%;
}

	
.topBnr li {
	width: 49%;
    height: 10vw;
    float: left;
    margin-bottom: 0.5em;
}
.topBnr li:nth-child(even) {
	float:right;
}


.toIhiran {
	position: inherit;	
   width: 100%;
}
.toIhiran a {
    background: #000;
    text-decoration: none;
    padding: 0.8em 4em;
}
.toIhiran span.forSP {
		display:inline;
	}	


.topBnr li dl {
    height: 10vw;
}
.topBnr li dl dt {
    width: 12vw;
    height: 10vw;
    padding: 1vw 2vw;
}
.topBnr li dt::before {
    margin-bottom: 0.2em;
    width: 8vw;
    height: 8vw;
    line-height: 8vw;
    border: none;
	font-size: 6vw;
	z-index: 2;
}
.topBnr li dl dt::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40vw 12vw 0 0;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 3vw;
}


.topBnr li dl dd {
    color: #ffffff;
    font-size: 3vw;
    font-weight: 700;
    text-align: center;
    width: 30vw;
    position: absolute;
    top: 0;
    right: 6vw;
    height: 8vw;
    padding-top: 3.5vw;
}

.topBnr li dl dd span {
    display: none;
}
.topBnr li dl dd::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5vw 0 5vw 2vw;
    position: absolute;
    top: 0;
    right: -2vw;
}







.footLinkColumn {
    width: 100%;
    float: none;
    margin: 0 0 0 0;
}


header::before {
    display: none;
}




.modal_block dd {
    font-size: 6vw;
}
.modal_block dt {
    font-size: 3vw;
}
.detail p {
    line-height: 1.4;
    font-size: 3.2vw;
}






.topImageBnr {
    position: absolute;
    top: 100%;
    right: 0;
    width: 96%;
}
.topImageBnr ul  {
   width:96%;
   margin:0 auto;
}
.topImageBnr ul li {
    margin-bottom: 0;
    float: left;
    width: 33%;
}
.topImageBnr01 a::before , .topImageBnr02 a::before, .topImageBnr03 a::before {
    margin: 0 0.4em 0 0;
}
.topImageBnr ul li a {
    display: block;
    width: 100%;
    height: auto;
    background: none;
    line-height: 40px;
    padding: 0 0 0 0;
    font-size: 3.5vw;
}
.topImageBnr ul li a::after {
	display:none;
}
.topImageBnr ul li:hover a {
	text-indent:0;
}



header.forSP {
	width:100%;
	height: 16vw;
    padding-top: 2vw;
	box-sizing: border-box;
	position:relative;
}


.headInquiry {
	position: absolute;
    top: 0;
    right: 0;
    width: 16vw;
    height: 16vw;
    background:none;
}
.headInquiry a {
	color: #ffffff;
    text-align: center;
    display: block;
    line-height: 44px;
	font-size: 120%;
}
.mailBtn {
    position: absolute;
    top: 1vw;
    right: 14vw;
    width: 9vw;
    height: 8vw;
    border-left: 1px solid #ccc;
    padding: 4vw 0 0 4vw;
}
.mailBtn img {
    width:5vw;			
}
#menuButton {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 14vw;
    height: 14vw;
    z-index: 3;
    background: #C02727;
}
#menuButton span {
    display: block;
    background: #fff;
    width: 8vw;
    height: 1.1vw;
    position: absolute;
    left: 3vw;
}

#menuButton span.menuTxt {
    font-size: 2.8vw;
    color: #00ad93;
    position: absolute;
    display: block;
    top: 8vw;
    left: 3vw;
    text-align: left;
    width: 100%;
    background: none;
}
#menuButton span:first-child {
    top: 4vw;
}
#menuButton span:nth-child(2) {
    top: 6.3vw;
}
#menuButton span:nth-child(3) {
    top: 8.6vw;
}
.sp-menu {
    display: none;
    position: absolute;
    top: 14vw;
    left: 0;
    z-index: 100;
    background: rgba(0,0,0,0.7);
    width: 100%;
	padding: 1em;
    box-sizing: border-box;
}
#menuButton.active span:first-child {
    -webkit-transform: translateY(2vw) rotate(45deg);
    -moz-transform: translateY(2vw) rotate(45deg);
    -ms-transform: translateY(2vw) rotate(45deg);
    transform: translateY(2vw) rotate(45deg);
}

#menuButton.active span:nth-child(2) {
    opacity: 0;
}

#menuButton.active span:nth-child(3) {
    -webkit-transform: translateY(-2.5vw) rotate(-45deg);
    -moz-transform: translateY(-2.5vw) rotate(-45deg);
    -ms-transform: translateY(-2.5vw) rotate(-45deg);
    transform: translateY(-2.5vw) rotate(-45deg);
}

.sp-menu > ul {
	background:#ffffff;
	border: 1px solid #00ad93;
	border-bottom: none;
}
.sp-menu > ul > li {
    width: 100%;
	box-sizing: border-box;
	position:relative;
}
.sp-menu > ul > li a {
    padding: 0.7em 4%;
    color: #333333;
    display: block;
    position: relative;
	background:#ffffff;
	border-bottom: 1px solid #00ad93;
	text-decoration:none;
	font-size: 90%;
}
.sp-menu > ul > li.theEnd {
	overflow:hidden;
}

.sp-menu > ul > li.theEnd a {
	border-bottom:none;
	width:50%;
	float:left;
	box-sizing:border-box;
	border-right: 1px solid #ff981d;
	text-align:center;
}
.sp-menu > ul > li.theEnd a:last-child {
	float:right;
	border-right: none;
}

.sp-menu > ul > li > .toggle {
    width: 40px;
    height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sp-menu > ul > li > .toggle::after {
    content: '＋';
    font-size: 90%;
    transition: all .4s;
	color:#00ad93;
}
.sp-menu > ul > li > .active::after  {
    content: '−';
}


.sp-menu > ul > li > ul {
    display: none;
	width:100%;
}


.sp-menu > ul > li > ul > li {
	
}
.childMenu ul > li a {
    background:#00ad94;;
	color:#ffffff;
	border-bottom: 1px dotted #ffffff;
	text-indent: 1em;
}
.childMenu ul > li:last-child a {
	border-bottom: none;
} 

.childMenu ul > li a::after {
    content: '\f105';
    font-family: 'FontAwesome';
    font-weight: bold;
    float: right;
}
.childMenu {
	display:none;	
}
.childMenu h3 {
	padding:0.5em;
	font-weight:normal;	
	font-size:90%;
	border-bottom: 1px solid #00ad93;
	background: #c2f3e1;
	text-indent: 1.5em;
}
.childMenu h3.toggle::after {
	content:'+';
	float:right;
	margin-right:3vw;
	color: #00ad93;
}
.childMenu h3.active::after {
	content:'-';
	float:right;
	margin-right:3vw;
	color: #00ad93;
}
.childMenu ul {
	display:none;	
}

.pattern {
   position: absolute;
    top: 58vw;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 50;
    font-size: 5vw;
    color: #ffffff;
    line-height: 2.2;
	font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
}
#topimg h1 {
    position: absolute;
    top: 54%;
    left: 0;
    font-size: 8.3vw;
    color: #fff;
    letter-spacing: 0.5vw;
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    width: 100%;
}
.pattern img {
    margin-top: 0.8em;
    width: 20vw;
}

section .sectionBody {
    width: 92%;
    margin: 0 auto;
}


.ex1 div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 49%;
    height: 80px;
    border: 1px solid #ff981e;
    box-sizing: border-box;
    margin: 0 1% 10px 0;
    float: left;
    text-align: center;
}

.ex1 div:nth-child(even) {
    margin: 0 0 10px 1%;
    float: right;
}
.ex1 div span {
    line-height: 1.4;
    color: #ff981e;
    font-weight: bold;
    font-size: 65%;
}



main section {
    padding: 0 0 0;
    margin-bottom: 3em;
}

section h2 {
    text-align: center;
    margin-bottom: 2em;
}


.modal_trigger {
    margin: 40px auto;
}

.others section h3 {
    font-size: 120%;
    margin-top: 0;
}

section.news .sectionBody {
    width: 100%;
    margin: 0 auto;
}
.grandInfo {
    width: 86%;
    margin:0 auto;
}
.grandInfo dl {
    padding: 1em 0 0.8em;
}
.grandInfo dl dt {
    text-align: left;
    float: none;
    width: 100%;
	margin-bottom: 0.5em;
	text-indent: 1em;
}
.grandInfo dl dd {
    text-align: left;
    float: none;
    width: 100%;
	margin-left: 0;
}
.grandInfo dl dt span.catIcon {
    width: 66px;
    border: 1px solid #ff981e;
    text-align: center;
    padding: 0.2em 0;
    display: block;
    float: right;
    color: #ff981e;
    font-size: 70%;
    line-height: 1.0;
    box-sizing: border-box;
	margin-right:50%;
}
.cat-rec {
    letter-spacing: 10px;
    text-indent:10px;
}
.toIchiran a {
    color: #ff981e;
    background: url(../images/arrow_detail_ora.png) 85% 58% no-repeat #ffffff;
    border-radius: 26px;
    width: 44%;
    height: 26px;
    line-height: 26px;
    display: block;
    margin: 1.5em auto;
    text-decoration: none;
    transition: all 0.4s ease;
    border: 1px solid #ff981e;
    text-align: center;
    font-size: 0.7rem;
	background-size: 10%;
}

















footer {
    width: 100%;
    padding: 10vw 0 0;
    margin: 0 0 0 0;
}
.footerBody {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 0;
}
.footerCont {
    width: 82%;
    margin: 0 auto;
}
.footerLinkBox {
    display: block;
    width: 100%;
    padding-bottom: 44px;
    border-bottom: none;
    margin:0 auto 0;
}
#footerLink02 ul {
    float: none;
    margin-right: 0;
	width:100%;
}
.footerLink p {
    color: #707D8B;
    font-size: 4vw;
    line-height: 1.2;
    margin: 10px 0 8vw;
}
#footerLink02 {
    width: 100%;
    overflow: hidden;
    margin-bottom: 0;
}
.footerLink ul li a {
    font-size: 4vw;
    line-height: 1.6;
}
#footerLink03 {
    width: 100%;
}	
#footerLink04 {
    width: 100%;
    margin-top: 0;
}	
.rights img {
    width: 20%;
    background: #ffffff;
    text-align: center;
	margin:0 auto;
}
.footerLink h4 {
    font-weight: bold;
    font-size: 3.7vw;
}
.gloNavBox .footerLink h4 {
    font-weight: bold;
    font-size: 3.7vw;
	margin-top: 1.8em;
}
.gloNavBox .footerLink h4.spOnlyToggle::after {
    content: '\f078';
    font-family: 'FontAwesome';
    font-weight: normal;
    float: right;
    margin-right: 0;
    color: #0086F8;
    font-size: 5.5vw;
    margin-top: -1vw;
}
.gloNavBox .footerLink h4.active::after {
    content: '\f077';
    font-family: 'FontAwesome';
    font-weight: bold;
    float: right;
    margin-right: 0;
	color:#0086F8;
    font-size: 5.5vw;
    margin-top: -1vw;
}	
.gloNavBox ul li {
    width:48%;
	float:left;
	line-height:3.0;
}
.gloNavBox ul li:nth-child(even) {
	float:right;
}	
	
.gloNavBox ul li.mindanao {
    width:100%;
}		
	
.footerLogo {
    position: relative;
    width: 100%;
    margin: 0 auto;
	float:none;
}	
.rights {
    width: 100%;
    text-align: center;
    padding: 0 0 0 0;
    margin-top: 0;
	position:static;
}
.toCorp {
    position: static;
    top: inherit;
    right: inherit;
    margin: 7vw 0;
    text-align: center;
}
.copyright {
    font-size: 60%;
    margin-top: 2.5em;
}
#back-top {
	display:none;
    position: fixed;
    bottom: 30px;
    right: 10px;
    z-index: 8888;
}
footer ul.toRecruitDetail.forSP {
    width: 82vw;
    display: block;
    margin: 10vw auto 20vw;
}

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

.detail {
    background: #ffffff;
    padding: 1em;
    position: static;
    width: 100%;
    z-index: 50;
	box-sizing: border-box;
}
.detail h3 {
    margin-bottom: 1.5em;
	font-size: 90%;
}
.detail p {
    line-height: 1.4;
    font-size: 2.5vw;
}



.others #topimg {
    height: 30vw;
	background-color: #ffffff;
}
.others #topimg.catTop {
    height: 66vw;
	background-color: #ffffff;
}

.others #topimg img {
    width: 100%;
    height: auto;
    transform: translateY(0);
}
.others #topimg h1.pattern {
    position: absolute;
    top: auto;
    left: 0;
    font-size: 4vw;
    background: rgba(255,255,255,0.8);
    padding: 1em;
    color: #459889;
    text-shadow: none;
    bottom: 0;
    margin: 0 0 0 0;
	box-sizing:border-box;
	text-align:left;
}
.others #topimg h1.pattern span {
    font-size: 1vw;
    display: inline-block;
    margin-top: 0.5em;
    text-align: center;
    float: right;
    margin-right: 1vw;
}


.breadCrumb {
    width: 92%;
    margin: 0 auto;
}
.breadCrumb ul li {
    font-size: 70%;
    height: 31px;
    line-height: 31px;
}
.breadCrumb ul li a {
    font-size: 100%;
    height: 31px;
    line-height: 31px;
}


.others .content {
    padding: 0 0;
    width: 100%;
    background: #f9f9f9;
}
.contentBody {
    width: 92%;
    margin: 0 auto;
    overflow: hidden;
}

main {
    width: 100%;
    float: none;
}
aside {
	display:none;	
}
.others section ul.catList li {
    width: 50%;
    margin: 0 0 0.5em 0;
    box-sizing: border-box;
    padding: 0.5em 0.2em;
}


.others section h3 {
    font-size: 105%;
}




.others section h2 {
	font-size: 120%;
    padding: 1em 1em;
    margin: 0 0 1em 0;
    font-weight: bold;
    background: #ffffff;
    box-sizing: border-box;
    border-left: 5px solid #5dd5ab;
    text-align: left;
}
.others section h2 span {
    font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
    color: #333333;
    font-size: 0.8rem;
    font-weight: normal;
    display: block;
    margin-top: 0.7em;
}



.others section ul.catList li a {
    font-size: 80%;
	padding: 0.8em 0.8em;
}
.others section p, .others section ul li {
    font-size: 90%;
}


img.alignright {
    width: 40%;
}
img.alignleft {
    width: 40%;
}



.others section .sectionBody {
    width: 100%;
    overflow: hidden;
}

ul.catItemList {
    background:#ffffff;
}
ul.catItemList li {
    width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 2.5em;
}
ul.catItemList li figure {
    width: 100%;
    height: 66vw;
    overflow: hidden;
    margin-bottom: 2em;
}
ul.catItemList h3 {
    font-size: 1.5rem;
}

ul.catItemList .toDetail a {
    width: 40%;
}
.about ul.catItemList li:nth-child(4) ,
.technology ul.catItemList li:nth-child(4) {
    margin-left: 0;
}


.petitInfo {
    position: absolute;
    bottom: 3.5vw;
    left: 0;
    width: 100%;
    height: auto;
}
.petitInfo ul {
    display: block;
    justify-content: center;
    width: 94%;
    margin: 0 auto;
}
.petitInfo ul li {
    width: calc(100% / 3);
    height: 36px;
    float: left;
}
.petitInfo ul li a {
    display: block;
    text-align: center;
    line-height: 36px;
    background: #ffffff;
    text-decoration: none;
    color: #333333;
    transition: all 0.4s ease;
    font-size: 0.7rem;
}

.overviewDL dl {
    width: 92%;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    border-top: 1px solid #eeeeee;
    border-left: 1px solid #eeeeee;
    margin-left: 0;
    background: #ffffff;
    margin: 0 auto;
    font-size: 0.6rem;
}
.overviewDL dl dt {
    float: left;
    width: 18%;
    box-sizing: border-box;
    background: #ffffff;
    padding: 0.5em 0.5em;
    line-height: 1.8;
}
.overviewDL dl dd {
    float: right;
    width: 82%;
    box-sizing: border-box;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    background: #ffffff;
    padding: 0.5em 1em;
    line-height: 1.8;
}

.overviewDLBox::after {
    content: '';
	display:none;
}

.philosophy .recomendBox {
    position: relative;
    width: 100%;
    margin: 0 auto 2em;
    padding-top: 2em;
	height: auto;
	overflow: hidden;
}
.philosophy .recomendBox .detail {
    width: 80%;
    margin: 0 auto 0;
    position: static;
}
.philosophy .recomendBox figure {
    position: static;
}

.philosophy .recomendBox .detail h3 {
    margin: 0 auto 1em;
}
.syakun .detail p, .rinen .detail p {
    line-height: 1.8;
    font-size: 90%;
    width: 90%;
    margin: 0 auto 1.5em;
}


p.toInqioryBtn a {
    width: 60%;
    height: 40px;
    line-height: 30px;
    font-size: 100%;
}

.deposition .recomendBox {
	position: relative;
    width: 100%;
    margin: 0 auto 2em;
    padding-top: 2em;
    height: auto;
    overflow: hidden;
}
.deposition .detail {
    width: 80%;
    margin: 0 auto 0;
    position: static;
	padding: 2em 1em;
}
.deposition .detail p {
    line-height: 1.8;
    font-size: 90%;
    width: 90%;
    margin: 0 auto 1.5em;
}
.deposition .detail h3 {
    margin: 0 auto 1em;
}
.deposition .recomendBox figure {
    z-index: 5;
    position: static;
    margin-top:1em;
}
.deposition .recomendBox img {
    margin-bottom: 0.5em;
}






.others.greeting #topimg img {
    width: 100%;
    height: auto;
    transform: translate(-10vw,-13vw) scale(1.4,1.4);
}


.innerLink {
    width: 92%;
    margin: 0 auto;
}
.innerLink ul li {
    float: left;
    width: 49%;
    height: 50px;
    margin: 0 1% 0.5em 0;
}
.mapBox {
    position: static;
    width: 100%;
    height: auto;
    margin: 2em auto 2em;
    overflow: hidden;
}
.mapBox .address {
    position: static;
    width: 100%;
    height: auto;
    background: #ffffff;
    z-index: 5;
    box-sizing: border-box;
    padding: 2em 1.5em;
}
.mapBox .gmap {
    position: static;
    width: 100%;
    height: 200px;
    z-index: 4;
    overflow: hidden;
}
.mapBox .gmap iframe {
    width: 100%;
    height: 500px;
    margin-top: -130px;
}
.mapBox figure {
    position: static;
    width: 100%;
    height: auto;
    z-index: 5;
    overflow: hidden;
}






.footLink {
    margin-bottom: 0;
}

.footLinkColumn {
	position:relative;
}
.footLinkColumn div.toggle {
	width: 40px;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
	padding-top: 0.85em;
    padding-bottom: 0.6em;
}
.footLinkColumn div.toggle::after {
    content: '＋';
    font-size: 90%;
    transition: all .4s;
    color: #00ad93;
}
.footLinkColumn div.active::after {
    content: '−';
    font-size: 90%;
}
.footLinkColumn ul {
    display:none;
}


section.slideBnrBox {
    width: 100%;
    padding: 0 0;
}




.footLinkColumn h4 {
	border:none;
    border-top: 1px dotted #00ad95;
    margin-bottom: 0;
}
.footLink:last-child {
    border-bottom: 1px dotted #00ad95;
}


.footLinkColumn ul li {
    line-height: 1.2;
    margin: 0.6em 0;
}
.footAddress {
    border-bottom: none;
}

/*
.slideBnr li:hover a span {
	position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(7,64,86,0.6);
    width: 100%;
    height: 4.5vw;
    line-height: 4.5vw;
    text-align: center;
}
*/










.footLinkBox .childMenu {
    border-top: 1px dotted #00ad93;
}
.footLinkBox .childMenu h3 {
	padding: 0.5em;
    font-weight: normal;
    font-size: 90%;
    border-bottom: 1px dotted #00ad93;
    background: #c2f3e1;
    text-indent: 1.5em;
}
.footLinkColumn ul {
    margin-left: 0;
}
.footLinkColumn ul li {
    line-height: 1.2;
    margin: 0 0;
}
.footLinkColumn ul li a {
    font-size: 85%;
    color: #333333;
    text-decoration: none;
    display: block;
	padding: 0.5em;
	color:#ffffff;
	text-indent: 0.3em;
}
.footLinkColumn .childMenu ul > li a::after {
    content: '\f105';
    font-family: 'FontAwesome';
    font-weight: bold;
    float: right;
    margin-right: 0.7em;
}

.others .content {
    padding: 1em 0;
}



section.slideBnrBox {
    margin-top: 100vw;
}
.slideBnrBox p.leadTxt {
	width:80%;
	margin:0 auto;
	text-align:left;
	}	
section.recruitBox {
    width: 100%;
    text-align: center;
    padding: 0 0 0;
    background: linear-gradient(#F3F3F3 50%, white 50%);
    height: auto;
    margin-top: 2em;
}	
section.recruitBox {
	display:none;
}	
section.brands {
    
}	
.shopsInner {
    width: 84%;
    margin: -50px auto;
    padding: 0 0 0;
    box-sizing: border-box;
    background: #f3f3f3;
}	
.aboutUsInner {
    width: 94%;
    margin: 0 auto;
    padding: 60px 0 0;
    box-sizing: border-box;
    text-align: center;
}
.aboutUsInner p.leadTxt {
    width: 80%;
    margin: 0 auto;
    text-align: justify;
}	
section.brands p.leadTxt {
    position: absolute;
    bottom: 10%;	
}
.shopsInner dl dt, .shopsInner dl dd {
    float: none;
}	

section.brands {
    width: 100%;
    padding: 0 0 4em;
    background: #F3F3F3;
    margin-top: 0;
    position: relative;
	height: auto;
}	
.brandsInner {
	width: 100%;
    height: 160vw;
    text-align: center;
    padding: 0 0 0;
    background: url(../images/bg_brands_sp.jpg) no-repeat #F3F3F3;
    background-position: top;
    background-size: cover;
    margin-top: 0;
    padding: 20vw 0 0;
    position: relative;	
}	
.shopsSP {
	width: 84%;
    margin: -35px auto 0;
    position: relative;
		
}
.shopsSP img {
	width:100%;
	height:auto;
		
}	
.aboutUsInner ul {
    display: block;
}
.aboutUsInner ul li {
    margin-right: 0;
    text-align: center;
    width: 100%;
    height: auto;
    padding-bottom: 3em;
}	
li.h3_about_01 a {
    background: url(../images/fig01_sp.jpg) no-repeat;
	background-size:cover;
}
li.h3_about_02 a {
    background: url(../images/fig02_sp.jpg) no-repeat;
	background-size:cover;
}
li.h3_about_03 a {
    background: url(../images/fig03_sp.jpg) no-repeat;
	background-size:cover;
}
.aboutUsInner ul li a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 80vw;
    padding-top: 34vw;
    box-sizing: border-box;
    position: relative;
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
}	
.aboutUsInner ul li a::after {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #000;
    color: #fff;
    content: 'READ MORE ■';
    padding: 1em 1.5em;
    font-size: 85%;
    font-weight: bold;
}	
span.aboutTxt {
    text-align: left;
    line-height: 2.0;
    margin-top: 0.8em;
    display: block;
    font-size: 88%;
    font-weight: bold;
    width: 86%;
    margin: 1em auto;
}	
	
.footInner {
    width: 100%;
	background:#000;
	padding-top: 1em;
}
.footNavSP  {
	margin-top:1em;
	list-style-type:none;
	width:80%;
	margin:0 auto;	
	}		
.footNavSP li {
	
	}	
.footNavSP li a {
	color: #fff;
    text-decoration: none;
    padding: 1.5em 0;
    border-bottom: 1px solid #fff;
    display: block;
}		
.footNavSP li a::after {
	font-family: "FontAwesome";
    content: "\f105";
    margin-right: 0.4em;
    transform: scale(1.0, 1.5);
    display: inline-block;
	float:right;
	font-size:140%;
}		
.footNavSP li:last-child a {
    border-bottom: none;
}	
.corpLogo {
    margin-top: 50px;
    text-align: center;
    font-size: 75%;
}
p.copyright {
    color: #fff;
    font-size: 0.2rem;
}
ul.endNav {
    display: none;
}
	
.informationBoxR dl dd a, .informationBoxL dl dd a {
    line-height: 1.6;
}
.informationBoxR dl, .informationBoxL dl {
    border-bottom: 1px dotted #000;
}
	
	
	
.interview header {
    height: 14vw;
}	
.catchTxt {
    position: absolute;
    bottom:inherit;
    left: 0;
    background: #202020;
    padding: 3vw 5em 3vw 9vw;
    top: 98%;
	width: 100%;
	box-sizing: border-box;
}	
.interviewTop h1 {
    position: absolute;
    top: 5.7vw;
    left: 9vw;
    letter-spacing: 0.3vw;
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #C02727;
    font-size: 5.5vw;
}	
p.spec {
    position: absolute;
    top: 13vw;
    left: 9vw;
    line-height: 1.6;
    font-size: 2vw;
    letter-spacing: 0.1em;
}	
p.prof {
    position: absolute;
    top: 22vw;
    left: 9vw;
    line-height: 1.6;
    font-size: 2vw;
    letter-spacing: 0.1em;
    font-weight: bold;
}	
p.prof span {
    letter-spacing: 0.2vw;
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 7vw;
    margin-left: 0.6em;
}	
.catchTxt p {
    letter-spacing: 0.2vw;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 4vw;
    line-height: 2;
    font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
}
section.interviewContent {
    overflow: hidden;
    width: 80%;
    margin: 0 auto;
}	
.interviewL, .interviewR {
    width: 100%;
    float: none;
}
.interviewL {
	padding-top: 8vw;	
}

.others section.interviewContent h2 {
	border-left: none;
    font-size: 4.5vw;
    padding: 0 0 0 0;
    margin: 2em 0;
	background:none;
}
.others section.interviewContent hr {
    width: 12vw;
    margin: 28px auto;
    border: none;
    border-top: 2px solid #C02827;
}	
.others section h2 {
    font-size: 10vw;
    border-left: none;
    text-align: center;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    color: #000;
    letter-spacing: 1px;
	background: none;
}	
.slideBnrBox p.leadTxt {
    text-align: left;
}
.interview .slideBnrBox p.leadTxt {
    text-align: center;
}	
.others section ul {
	padding-left:0;	
}	
.others section {
    margin-bottom: 0;
}
.others section p.sukuro-rusitene {
	background:#EDEDED;
	font-size:3.7vw;
	font-weight:bold;
	padding:0.2em 0;
	text-align :center;
	width:100%;
	margin:10vw 0 0;
}	
.others .content {
    margin: 0 auto 0;
}	
.others section.path {
    width: 100%;
    background: none;
    padding: 0 0 0 0;
}
	
.others #topimg img {
    width: 100%;
    height: auto;
    transform: translateY(0);
    margin-left: 0;
}
.others #topimg h1 {
    position: absolute;
    top: 24%;
    left: 0;
    font-size: 8vw;
    color: #fff;
    letter-spacing: 0.1em;
    font-family: futura-pt-bold, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    width: 100%;
}
.others #topimg h1 span {
    display: block;
    font-size: 0.8rem;
    font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
    margin-top: 1em;
}	
.others section.recruitFlow {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}	
.others section.recruitFlow img {
    width: 100%;
}	

.recruitBottomInner {
    width: 100%;
    margin: 0 auto;
}	
.others section.recruitBottom {
    padding-top: 4em;
    margin-top: 0;
	padding-bottom: 1em;
}	
.others section .recruitBottomInner ul {
    overflow: hidden;
    list-style-type: none;
    padding-left: 0;
	width:80%;
    margin: 0.5em auto 2em auto;
}	
.others section .recruitBottomInner ul li {
    margin-bottom: 0.4em;
    font-size: 100%;
    line-height: 1.0;
    width: 100%;
    float: none;
}	
.recruitBottomInner h4 {
    font-size: 1.1rem;
}	
.recruitBottomInner span {
    font-size: 0.6rem;
    margin-top: 0.6em;
}	
	
/* メッセージ */
section.messageMain {
    width: 80%;
    margin: 0 auto;
}
.others section.messageMain p.president {
    float:none;
    margin: 2.5em 0 0 0;
	text-align:right;
}	
section.messageMain h3 {
    letter-spacing: 0;	
}	

/* 会社情報 */	
.companyInfo dl {
    width: 80%;
    margin:0 auto;
}
.companyInfo dt, .companyInfo dd {
    width: 100%;
    float: none;
}	
.companyInfo dt {
	padding-left:0;
	padding-top:1em;
	font-weight:bold;
}		

/* インタビュー */
.others.interview .content {
    margin: 4em auto 0;
}
	

	
/* エントリー */	
.others section.contactContent {
    width: 80%;
    margin: 0 auto;
}
.formBox dl {
    overflow: hidden;
    clear: both;
    margin-bottom: 1em;
    border-bottom: 1px solid #777777;
    padding-bottom: 2em;
    font-size: 90%;
	padding-top: 1em;
}	
.formBox dl dt {
    float: none;
    width: 100%;
    height: auto;
    line-height: 1.4;
	margin-bottom:1.5em;
	font-weight:bold;
}
.formBox dl dd {
    width: 100%;
    float: none;
    line-height: 1.4;
}	
input.medium {
    width: 100%;
    padding: 1em;
    box-sizing: border-box;
}
.formBox dl dt span {
    float: right;
    margin: 0 0 0 0;
    line-height: 20px;
    text-align: center;
    padding: 0.3em 0.3em 0.4em 0.7em;
    font-size: 85%;
    letter-spacing: 0.4em;
}
.inquiryBtn, input.inquiryBtn {
    padding: 1em 1em 1em 3.2em !important;
}	
.inquiryBtn::after, input.inquiryBtn::after {
    content: '\f054';
    font-family: FontAwesome;
    margin-left: 1em;
}	
input.smallmid {
    width: 35%;
}
	
/* お問い合わせ */	
.naiyouCheck {
    width: 100%;
    margin: 2em auto;
    display: block;
}	
.naiyouCheck label {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
    display: block;
	font-size: 85%;
}	
.naiyouCheck label:nth-child(even) {
    margin-right: 0;
    width: 100%;
	line-height: 1.4;
}
.checkbox-parts::before {
    top: -1px;
}
.checkbox-parts {
    padding-left: 2em;
}
.inquiryBtn.historyBack, input.inquiryBtn.historyBack {
    padding: 1em 2em 1em 2em !important;
    letter-spacing: 0;
    font-size: 90%;
}
.inquiryBtn.historyBack::before, input.inquiryBtn.historyBack::before {
    content: '\f053';
    font-family: FontAwesome;
    margin-right: 1em;
}
.inquiryBtn, input.inquiryBtn {
    padding: 1em 1em 1em 1em !important;
    font-size: 90%;
}	
	
	
/* 募集要項 */	
.innerLink {
    width: 92%;
    margin: 1em auto;
}
.innerLink a img {
    border: 1px solid #000;
    box-sizing: border-box;
    width: 90%;
}	
.others.cat_recruit_info .content {
    width: 100%;
    margin: 2em auto;
	background:#fff;
}
.others.cat_recruit_info section {
    width: 80%;
    margin: 2em auto;
    background: #fff;
    margin-bottom: 0;
}
	
	
.others section.recruitInfo h2 {
	margin-top: -14vw;
    padding-top: 14vw;
}		
.recruitInfo h2 img {
    margin: 0 auto 1em;
}	
.recruitInfo dl {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #000;
    margin: 0 auto 1em;
    padding-bottom: 1em;
    font-size: 90%;
}	
.recruitInfo dt {
    width:100%;
    float: none;
    padding-left: 0;
    line-height: 1.6;
	font-weight:bold;
	margin-bottom:0.5em;
}	
.recruitInfo dd {
    width:100%;
    float: none;
}	
.recruitInfo h2 img {
	width:100%;
	height:auto;
}
.recruitInfoBottom a {
    width: 100%;
}	
	
.others section.messageBottom {
    padding-bottom:0;
}
	
	
/* お知らせ */	
	.others.news section.postList {
    width: 80%;
    margin: 1em auto 1em;
    overflow: hidden;
}
.others.news section.postList dl dt {
    width: 100%;
    float: none;
}
.others.news section.postList dl dd {
    width: 100%;
    float: none;
	padding-top: 0.5em;
}	
.others.news section.postList dl dd span {
    display: block;
    margin-bottom: 0.5em;
}
.others.news section.postList dl dd span.postTtl {
    padding-left: 0;
    line-height: 1.4;
}
.others.news section.postList dl dd span.date {
    margin-bottom: 0.5em;
}
	
	
section.postLink {
    width: 90%;
    margin: 0.5em auto 0.5em;
	padding-bottom:0;
}
section.postBody {
    width: 88%;
    margin: 0 auto;
}	
	
.others section.postLink ul {
    margin:0 0 0 0;
}	
.others section.postLink ul li a {
    padding: 0 0.5em;
	font-size:80%;
}	
.others section.postLink ul li.prev a::before {
    margin-right: 0.5em;
}	
.others section.postLink ul li.next a::after {
    margin-left: 0.5em;
}	
	
	
	
	
	
.informationBoxLInner, .informationBoxRInner {
    height: auto;
    overflow-y: scroll;
    max-height: 284px;
}
	
section.policy {
    width: 80%;
    margin: 0 auto 0;
}	
section.policy p.introTxt {
    text-align:left;
}	
.others section.policy h3 {
    font-size: 105%;
    line-height: 1.4;
}	
	
	
	
	

.others.cat_sitemap .content {
  width: 100%;
    margin: 0 auto;
}
section.sitemapBody {
    width: 90%;
    margin: 0 auto 6em;
    display: block;
    padding:0 0 0 0;	
}
.links {
    text-align: left;
    border-right:none;
    width: 90%;
    box-sizing: border-box;
    padding: 0 0 0 10%;
}	
	

.others.cat_business section {
	width:90%;
    margin: 0 auto 0;
}	
.sloganBox {
    width: 100%;
    margin: 1em auto;
    display: block;
}
.LRBox {
    width: 90%;
    margin: 0 auto;
    margin-top: 2em;
	
}	
.LRBox .left, .LRBox .right {
    float: none;
    width: 100%;
}	
.slogan {
    width: 100%;
    height: 25vw;
    margin: 0 auto 1em;
    position: relative;
}	
	
.others .LRBox hr {
    margin: 1em auto;
}	
.others.cat_business section h3 {
    font-size: 100%;
    margin-top: 0;
}
	
	
.others section .links ul li ul.toInterview li {
    margin-right: 2em;
}	
	
	
.radio-input + label::before {
    top: 0;
}
.radio-input:checked + label::after {
    top: 3px;
}
.checkbox-parts::before {
    top: 0;
}	
.checkbox-input:checked + .checkbox-parts::after {
    top: -4px;	
}	
	
.naiyouCheck label.even {
    float: left;
}	
	
body {
	margin-top: -14vw;
    padding-top: 14vw;		
}
	
	
	
	
	
	
.topBody {
    width: 100%;
    min-height: auto;
    margin: 0 auto 0;
	z-index: 1;
}
.toMessage {
    margin: 0 0 0;
    position: relative;
}	
.toMessage a .message {
    font-size: 18vw;
    letter-spacing: 2px;
    margin-right: 0;
    width: 100%;
    transform: scale(1.2, 1.1);
}
.messageImg {
    position: absolute;
    top: 9vw;
    left: 35vw;
    width: 40vw;
}
	
.angle00 img, .angle01 img, .angle02 img, .angle03 img, .angle04 img, .angle05 img {
	display:none;	
}

.topBody.sliding {
    margin: 0 auto 0;
    padding-top: 0;
	background: none;
}	
p.toMessage {
    margin: 5vw 2vw 0;
    position: relative;
    width: 100%;
    text-align: center;
	line-height: 1.0;
}	
	

		


.button-4 {
    width: 37vw;
    height: 9vw;
    background: #000;
    float: left;
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
}
.button-4.floatR {
	float:right;
	margin-right: 5vw;
}	
.eff-4 {
    width: 37vw;
    height: 9vw;
    left: -37vw;
    background: #E60000;
    position: absolute;
    transition: all .3s ease;
    z-index: 1;
}	
.button-4 a {
    font-family: acumin-pro-condensed;
    font-style: normal;
    letter-spacing: 0.1em;
    font-size: 3vw;
    color: #fff;
    text-decoration: none;
    line-height: 9vw;
    transition: all .3s ease;
    z-index: 2;
    position: relative;
}	
	
	
.information figure {
    width: 90vw;
    height: 60vw;
}	
.infoBox {
    display: block;
    margin: 0 auto 2em;
    width: 90%;
}	
.infoInner p {
    font-family: 'Noto Serif JP';
    font-size: 90%;
    letter-spacing: 0.1em;
    margin-top: 0;
}
.infoInner p img {
    width: 2vw;
    height: auto;
    margin-left: 1em;
}	
.button-5 {
    width: 90%;
    height: 20vw;	
}
.button-5 a {
    line-height: 20vw;	
}
.toYoukou2 {
    margin: 2em auto;
    width: 90%;
}	
.toYoukou2 .button-5 {
    width: 100%;
    margin-bottom:0.5em;
}
	
section.information h2 {
	text-align: left;
    width: 90%;
    margin: 0 auto 1em;	
}
	

	
	
.fix {
    position: fixed;
    top: 8vw;
    right: 5vw;
    z-index: 100;
    text-align: center;
}	
.scroll {
    position: absolute;
    bottom: -10vw;
    right: 26px;
    width: 1vw;
    height: auto;
    z-index: 8;
}	
.scroll img {
	width:5px;
	height:auto;
}	
	
	
.message .otherBody {
    width: 100%;
    background: url(../images/bg_message_sp.jpg) no-repeat;
    background-size: contain;
    margin-top: -4.5vw;
    padding-top: 5.5vw;
    padding-bottom: 3vw;	
}	
.otherBodyInner {
    width: 100%;
	box-sizing:border-box;
	padding: 0 0 0;
}	
.message h3 {
    font-family: 'Noto Serif JP';
    font-size: 100%;
    letter-spacing: 2px;
    line-height: 1.6;
    margin-bottom: 1.5em;
}	
p.pLeft {
    padding-right: 0;
    overflow: hidden;
    margin-bottom: 1em;
}	
p.pRight {
    padding-left: 0;
}	
	
	
.business .otherBody {
    background: url(../images/bg_business.jpg) no-repeat;
    background-size: contain;
    margin-top: -5vw;
    padding-top: 5vw;
    padding-bottom: 5.5vw;
	width: 100%;
}	
p.busLead {
    width: 90%;
    margin: 4em auto 4em;
    line-height: 1.8;
}	
.busGrap {
    width: 89%;
    margin: 0 auto 4em;
}	
p.ftLeadBus {
    width: 100%;
    margin: 1em auto 2em;
    line-height: 1.6;
}	
.features {
    overflow: hidden;
    box-shadow: 0 0 10px #ccc;
    margin:0 auto 4em;
    background: #fff;
    width: 90%;
    box-sizing: border-box;
    padding: 3em 1.5em 2em;
    position: relative;
}	
.busSample {
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}	
.samples, .samples:nth-child(2), .samples3 {
    width: 100%;
	margin-bottom:1.5em;
}	
.busNetSample figure {
    width: 31%;
}	
	
.feature .otherBody {
    background: url(../images/bg_feature.jpg) no-repeat;
    background-size: contain;
    margin-top: -18vw;
    padding-top: 18vw;
    padding-bottom: 5.5vw;
	width:100%;
}	
p.ftLead {
    width: 90%;
    margin: 4em auto 4em;
    line-height: 1.8;
}	
.ftLeft, .ftRight {
    width: 100%;
    float: none;
	margin-bottom:1.5em;
}	
.features h3 {
    line-height:1.4;
    margin-bottom: 1em;
}	
	
	

	
.project .otherBody {
    background: url(../images/bg_project.jpg) no-repeat;
    background-size: 100%;
    margin-top: -13.2vw;
    padding-top: 17.5vw;
    padding-bottom: 5.5vw;
    width: 100%;
}	
p.ProLead {
    width: 90%;
    margin: 0 auto 2.8em;
    font-size: 140%;
    color: #000;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.1em;
}	
p.ProLeadSub {
    width: 90%;
    margin: 0.5em auto 0.5em;
    font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
    font-size: 1.3vw;
    line-height: 1.0;
}	
h3.proH3_713 {
    width: 90%;
    margin: 0 auto 3.2em;
    text-align: center;
}	
p.pro762 {
    width: 90%;
    margin: 0 auto 9em;
    font-size: 98%;
    line-height: 2.4;
}	
.memberIntroBox {
    font-family: 'Noto Sans JP';
    width: 90%;
    margin: 50px auto 100px;
    display: flex;
    justify-content: space-between;
}	
h3.proH3_713 span {
    color: #fff;
    background: #000;
    line-height: 2.2;
    font-size: 120%;
    padding: 0.1em 0.5em 0.2em;
}	
img.project_member {
    position: absolute;
    top: -24px;
    left: 27VW;
    width: 40VW;
    height: auto;
}	
.memberIntroBox {
    font-family: 'Noto Sans JP';
    width: 90%;
    margin: 20px auto 100px;
    display: flex;
    justify-content: space-between;
}	
p.team, p.coment {
    font-size: 70%;
    line-height: 2.0;
    margin-bottom: 1.5em;
}
p.team {
    letter-spacing:0;
}		
.memberIntro {
    width: 48%;
}

.project section.zureBox {
    width: 100%;
    margin: 0 auto 2em;
    overflow: hidden;
}
.mem1186R {
    width: 90%;
    float: none;
    overflow: hidden;
    margin: 0 auto;
}	
.mem1186R h3 span {
    font-size: 120%;
    border-bottom: 2px solid #E60000;
    line-height: 2.0;
    font-weight: 500;
    letter-spacing: 1px;
}	
.mem1186R-L {
    width: 100%;
    box-sizing: border-box;
    float: none;
}	
.mem1186R-R {
    width: 100%;
    float: none;
}	
	
.mem1186L {
    width: 100%;
    float: none;
    overflow: hidden;
    margin-top: 2.5em;
}
.mem1186L-L {
    width: 90%;
    float: none;
	margin:0 auto;
}	
.mem1186L h3 span {
    font-size: 120%;
    border-bottom: 2px solid #E60000;
    line-height: 2.0;
    font-weight: 500;
    letter-spacing: 1px;
}	
.mem1186L-R {
    width: 90%;
    float: none;
    overflow: hidden;
    margin: 0 auto;
}	
.zureMigi {
    width: 100%;
    float: none;
    overflow: hidden;
}	
.zureMigi-L {
    width: 90%;
    float: none;
    overflow: hidden;
    margin: 0 auto;
}	
.zureMigi-R {
    width: 90%;
    float: none;
    overflow: hidden;
    margin: 0 auto;
}	
	
.zureHidari {
    width: 100%;
    float: none;
    overflow: hidden;
    margin-top: 3.5em;
}	
.zureHidari-L {
    width: 90%;
    float: none;
    overflow: hidden;
    margin: 0 auto;
}	
.zureHidari-R {
    width: 90%;
    float: none;
    overflow: hidden;
    margin: 0 auto;
}	
.zureHidari h3 span {
    font-size: 120%;
    border-bottom: 2px solid #E60000;
    line-height: 2.0;
    font-weight: 500;
    letter-spacing: 1px;
}	
.recommend {
    width: 90%;
    margin: 3em auto;
    position: relative;
}
.recommendInner {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}	
.recommend h3 {
    font-family: acumin-pro-condensed;
    font-weight: bold;
    font-style: normal;
    font-size: 100%;
    border-bottom: 1px solid #000;
    margin: 0 auto 2em;
    text-align: center;
    padding-bottom: 0.2em;
    letter-spacing: 1px;
    width: 100%;
}	
	
	
.linkLeft, .linkRight {
    width: 45%;
}	
.linkCenter {
    width: 10%;
}		
.linkLeft dl dt, .linkLeft dl dd {
    float: none;
}	
.linkRight dl dt {
    float: right;
}	
.linkLeft dl dd img, .linkRight dl dd img {
	width:80%;
	height:auto;
}	
.linkLeft dl dd, .linkRight dl dd {
	width:100%;
	padding-top:0.5em;
	display:block;
}
.linkLeft.toProject dl dd {
    float: right;
	width:100%;
    box-sizing: border-box;
	padding-top:0.5em;
    padding-left: 0;
}
.linkRight.toProject dl dd {
    float: right;
	width:100%;
    box-sizing: border-box;
	padding-top:0.5em;
    padding-left: 0;
	padding-right:0;
}
.linkRight.toProject span.person {
    margin-bottom: 0.5em;
}
.toProject span.syozoku {
    padding-left: 0;
}
.toProject span.person {
    padding-left: 0;
	margin-bottom: 0.5em;
}	
.linkRight dl dd {
	text-align:right;		
}	
.mem1186R-L figure img {
    width: 110px;
    height: 110px;
}	
.zureHidari-R figure img {
    width: 110px;
    height: 110px;
}	
.zureHidari-R figure {
    display: flex;
    justify-content: space-between;
    margin-top: 1.4em;
}	
.nazoImg {
    width: 100%;
    margin-bottom: 2.5em;
}	
	
.movieBox h3 {
    position: absolute;
    top: -25px;
    left: 35%;	
}	
	

.people .otherBody {
    background: url(../images/bg_people_all_sp.jpg) repeat;
    background-size: contain;
    margin-top: 0;
    padding-top: 35vw;
	width:100%;
}	
.peopleDetail {
    position: absolute;
    top: 35vw;
    right: 0;
    width: 100%;
	padding:0 5%;
	box-sizing:border-box;
}	
p.detailHead {
    margin-left: 40vw;
	height:auto;
}
p.detailName {
    margin-left: 40vw;
}	
p.detailNameJ {
    margin-left: 40vw;
}
p.detailSpec {
    margin-left: 40vw;
}	
.detailHead img {
    display: inline-block;
    width: 50px;
    margin-left: 3em;
	height: 10px;
}	
.detailHeadNo {
    line-height: 27px;
}	
.people p.pro762 {
    line-height: 1.8;
	margin: 0 auto 2em;
}
.people .movieBox {
    margin-bottom:3em;
    margin-top: 4em;
}
.people .mem1186L {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 2em;
}	
	
	
	
.linkBox {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
	position:static;
}	
.linkBox img {
	width:18vw;
	height:auto;

}	
.linkBox .bnr_login {
	margin-top:0.5em;
	width:47%;
	text-align:right;
}
.linkBox .bnr_enter {
	margin-top:0.5em;
	width:47%;
	text-align:left;
}	
	
	
ul.modal_menu > li {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    padding: 1.2em 0 0.5em;
    font-family: 'Noto Serif JP';
    color: #fff;
    font-size: 130%;
    margin: 0 auto;
}	
	
	
.works .otherBody {
    background: url(../images/bg_works.jpg) no-repeat;
    background-size: 100%;
    margin-top: -15vw;
    padding-top: 15vw;
    padding-bottom: 5.5vw;
	width: 100%;
}	
h3.othersH3 {
    width: 100%;
    margin: 2em auto 0.5em;
    text-align: center;
    font-size: 120%;
    letter-spacing: 0.1em;
}	
	
.works p.busLead {
    width: 90%;
    margin: 2em auto 2em;
    line-height: 2.0;
}	
.dual {
    width: 90%;
    margin: 2em auto 1em;
    display: block;
}	
.dualLelt, .dualRight {
    width: 100%;
}	
.flowBox {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #D3D3D3;
    padding: 18px 20px;
    background: #fff;
    font-family: 'Noto Sans JP';
    position: relative;
    margin-bottom: 30px;
}	
span.flowBoxNo {
    margin-right: 0.5em;
}
.flowBox h4 {
    font-size:90%;
}	
.flowBox .toggle::after {
    margin-top: -0.1em;
}	
.worksFeature {
    width: 100%;
    margin: 2em auto;
}
.worksFeature .features dt,
.worksFeature .features dd	
	{
    float: none;
    width: 100%;
}	
.worksFeature .features h3 {
    margin-top: 0.5em;
}
.works .scroll {
    position: absolute;
    bottom: -35vw;
    right: 2vw;
    width: 1vw;
    height: auto;
    z-index: 8;
}	
	
.personnel header span {
    font-size: 4vw;	
}	
.personnel .otherBody {
    background: url(../images/bg_personnel.jpg) no-repeat;
    width: 100%;
    margin-top: -15vw;
    padding-top: 15vw;
    padding-bottom: 5.5vw;
}	
.personnel .otherBodyInner {
    width: 100%;
}	
.personnel h3.othersH3 {
    width: 100%;
    margin: 2em auto 2em;
    text-align: center;
    font-size: 120%;
    letter-spacing: 0.1em;
    line-height: 2.0;
}
.personnel h4 {
    font-size: 110%;
}	
	
	
.personnelDualLeft ,
.personnelDualRight	
	{
    width: 100%;
    float: none;
}	
.personnel p.busLead {
    width: 90%;
    margin: 2em auto 2em;
    line-height: 2.0;
    text-align: justify;
}	
.personnelDualRight p,
.personnelDual2left p	
	{
    font-family: 'Noto Sans JP';
    font-weight: bold;
    font-size: 90%;
}	
.personnelDual2 {
    overflow: hidden;
    margin-top: 2em;
    margin-bottom: 3.5em;
}	
.personnelDual2Left,
.personnelDual2Right	
	{
    width: 100%;
    float: none;
}	
.personnel .scroll {
    position: absolute;
    bottom: -35vw;
    right: 2vw;
    width: 1vw;
    height: auto;
    z-index: 8;
}
.feature .scroll {
    position: absolute;
    bottom: -35vw;
    right: 2vw;
    width: 1vw;
    height: auto;
    z-index: 8;
}
.business .scroll {
    position: absolute;
    bottom: -35vw;
    right: 2vw;
    width: 1vw;
    height: auto;
    z-index: 8;
}	
	
.faq .scroll {
    position: absolute;
    bottom: -35vw;
    right: 2vw;
    width: 1vw;
    height: auto;
    z-index: 8;
}	
.faq header span {
    font-size: 100%;
}	
.faq .otherBody {
    background: url(../images/bg_faq.jpg) no-repeat;
    background-size: contain;
    margin-top: -38vw;
    padding-top: 40vw;
    padding-bottom: 5.5vw;
    width: 100%;	
}	

.faq .otherBodyInner {
    width: 90%;
}	
.faqs {
    margin-top: 2em;
}	
.faq p.busLead {
    text-align: left;
}	
span.faqBoxNo {
    font-size: 110%;
	margin-right: 0.3em;
}	
span.faqBoxTtl {
    font-size: 90%;
	line-height:1.4;
}	
.faqBox .toggle::after,
.faqBox .active::after	
	{
    font-size: 120%;
    margin-top: 0;
}	
.faqBox {
    padding: 1.4em 0 0;
    margin-bottom: 1.4em;
}	
.faqBox p {
    padding: 1em 1em 0;
}	

	
.requirements .otherBody {
    width: 100%;
}	
.requirements .otherBodyInner {
    width: 100%;
}	
.requirements header span {
    font-size: 100%;	
}	
.requirements p.busLead {
	width:90%;
    margin: 1.5em auto 2em;
}	
.requirements .features dl {
    overflow: hidden;
    width: 100%;
    margin: 0 auto 1em;
}	
.requirements .features dl dt {
    width: 100%;
    float: none;
}	
.requirements .features dl dd {
    width: 100%;
    float: none;
	height:auto;
	border:none;
}	
	
.salary {
    display: block;
    width: 100%;
    margin: 0 auto 1em;
}	
.salaryLeft, .salaryRight {
    width: 100%;
}	
.salaryLeft img, .salaryRight img {
	width:100%;
	height:auto;
}
	
.requirements .features dl.youkou {
    overflow: hidden;
    width: 100%;
    margin-top: 1.5em;
    border-bottom: 1px solid #D4D4D4;
    padding: 0 0 1.5em;
}	
.requirements .features dl.youkou dt,
.requirements .features dl.youkou dd 	
	{
    width: 100%;
    float: none;
}	
	
	
.training .otherBody {
    width: 100%;
}
.training .otherBodyInner {
    width: 100%;
}	
.training p.busLead {
    margin: 1.5em auto 3em;
	width: 90%;
}	
.training .mem1186R-L {
    width: 100%;
    float: none;
}	
.trainingFeature {
    width: 100%;
    margin: 2em auto;
}	
.training .features {
    padding: 2em 1em;
	width: 90%;
    margin: 2em auto;
	box-sizing: border-box;
}
.trgFlowBox {
    display: block;
    margin-top: 0;
}	
.trgFlowBoxLeft, .trgFlowBoxRight {
    width: 100%;
}	
.training .features figure img.ttlImg {
    width: 100%;
	height:auto;
    margin-bottom: 1em;
	margin-top:0;
}	
.training .features p {
    margin-bottom: 3em;
}	
	
.welfare .otherBody {
    width: 100%;
}	
.welfare .otherBodyInner {
    width: 100%;
}
.welfare p.busLead {
	width:90%;
    margin: 1.5em auto 3em;
}	
.welfare .features {
    padding:2em 1em;
}	
.welfareSample {
    width: 50%;
    font-family: 'Noto Sans JP';
}	
.welfareSample h4 {
    font-size: 85%;
}	
.welfare header span {
    font-size: 100%;
}	
ul.teate {
    width: 100%;
    margin: 0 auto 2em;
}	
ul.teate li {
    width: 49%;
    height: 91px;
    margin-bottom: 0.5em;
}		
ul.teate li:last-child, ul.teate li:nth-child(3) {
    height: 91px;
    line-height: 1.4;
    padding-top: 2em;
    box-sizing: border-box;
}	
ul.club {
    width: 100%;
}	
ul.club li {
    width: 48%;
    height: auto;
    text-align: center;
    font-size: 80%;
    color: #E60000;
    font-family: 'Noto Sans JP';
}	
ul.club li img {
    width: 100%;
}		
.welfare .scroll {
    position: absolute;
    bottom: -35vw;
    right: 2vw;
    width: 1vw;
    height: auto;
    z-index: 8;
}
	
	
	
video {
	width:100%;
	height:auto;
}
.intmigi {
	width:90%;
    height: auto;
    margin:0 auto;
    position:static;
}	
.intmigi-L, .intmigi-R {
	width:100%;
    box-sizing: border-box;
    position:static;
}	
.inthidari {
	width:90%;
    height: auto;
    margin:0 auto;
    position:static;
}	
.inthidari-L, .inthidari-R {
	width:100%;
    box-sizing: border-box;
    position:static;
}	
.intmigi img, .inthidari img {
	width:100%;
	height:auto;
}
.intmigi h3 span {
    font-size: 110%;
    border-bottom: 2px solid #E60000;
    line-height: 2.0;
    font-weight: 500;
    letter-spacing: 1px;
}
.inthidari h3 span {
    font-size: 110%;
    border-bottom: 2px solid #E60000;
    line-height: 2.0;
    font-weight: 500;
    letter-spacing: 1px;
}
.people .recommend {
	width: 90%;
    margin: 2em auto 4em;
    position: relative;
}	
	
.next {
    position: absolute;
    top: 105%;
    right: 0;
}
.prev {
    position: absolute;
    top: 105%;
    left: 0;
}	
	
p.detailName {
    margin-top: 1.2em;
    font-size: 7vw;
    letter-spacing: 1px;
}	
	
.interviewtop .otherBody {
    background: url(../images/bg_interviewtop.jpg) no-repeat;
    background-size: 100vw;
	background-position: left 18vw;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 5.5vw;
    height: 449vw;
    width: 100%;
}	
.interviewtop .otherBodyInner {
    width: 100%;
}
.interviewtop p.busLead {
    width: 90%;
    margin: 5vw auto 5vw;
    line-height: 1.8;
    text-align: center;
    font-size: 90%;
    height: 32vw;
}
section.int001 {
    margin: 0 0 0 0;
    position: relative;
    width: 100%;
    height: 50vw;
}	
section.int001 .peopleDetail {
    position: absolute;
    top: 0;
    left: 45vw;
    width: 50vw;
}
.interviewtop .detailHead img {
    display: inline-block;
    width: 20vw;
    margin-left: 0;
}
.others.interviewtop section p.detailSpec {
    font-size: 60%;
	margin-bottom: 0;
}	
p.detailName {
    margin-top: 0;	
}
section.int002 {
    margin: 0 0 0 0;
    position: relative;
    width: 100%;
    height: 50vw;
}	
section.int002 .peopleDetail {
    position: absolute;
    top: 0;
    left: 0;
    width: 50vw;
}	
.others.interviewtop section p.detailHead {
    margin-left:0;
}
p.detailName {
    margin-left:0;
}	
p.detailNameJ {
    margin-left:0;
}	
p.detailSpec {
    margin-left:0;
}	
.interviewtop span.detailHeadImg {
    margin-right: 0;
}	
.others.interviewtop section p.detailName {
    margin-top:-1.5vw;
}	



.indexPage .logo {
    position: absolute;
    top: 4vw;
    left: 4vw;
    width: 77vw;
    height: auto;
    z-index: 10;
}
.site-header.transform .logo {
    position: absolute;
    top: 4vw;
    left: 4vw;
    width: 77vw;
    z-index: 10;
	background: url(../images/logo_sp.svg) no-repeat;
	background-size: 77vw;
}	
section.topMessage {
	height: 55vw;
	position:relative;
}		
.button-4.toMess {
	position: absolute;
    top: 25vw;
    right: 5vw;
}
.toMessage a {
    text-decoration: none;
    display: block;
}	
	
p.proTtl {
    width: 100%;
    margin: 0 auto 0.5em;
    font-size: 105%;
    text-align: center;
}	

.message .otherBodyInner {
    width: 90%;
    margin:0 auto;
	padding-bottom: 5em;
}

article {
    overflow: hidden;
}	

	
table.trainingSystem th {
	font-size:80%;	
}	
	
img.sage {
    margin-top: 0;
}	
figure.soukanzu {
    width: 100%;
    margin: 0 auto;
}	
	
.ancImgBox {
	position:relative;
	width:90vw;
	height:90vw;
}	
a.item01 {
	position: absolute;
	top:20vw;
	right:5vw;
	width:20vw;
	height:30vw;

}	
a.item02 {
	position: absolute;
	top:20vw;
	left:5vw;
	width:20vw;
	height:30vw;
}	
a.item03 {
	position: absolute;
	bottom:5vw;
	left:25vw;
	width:40vw;
	height:25vw;
}	
	
.feature .features {
    width:90%;
	margin:0 auto 4em;
}	
.features h3 {
    font-size: 140%;	
}	
.business .features {
    width:90%;
	margin:0 auto 4em;
}	
	
dl.gaiyou dt {
    width: 40%;
}
dl.gaiyou dd {
    width: 55%;
}
.personnelDual {
	width:90%;
    margin:0 auto 3em;
}	
.personnel h4 {
	width:90%;
    font-size: 110%;
    margin:0 auto 1em;
}	
p.welfareLead {
    letter-spacing: 0;
}	
	
	
.modal_triggerYT {
    position:absolute;
    top: 50vw;
    right: 40vw;
    z-index: 100;
    text-align: center;
}	
	
	
header video {
	position:absolute;
	top: 0;
    left: -100vw; /* 95 282 */
    width: 282vw;
    height: 192vw;
    z-index: 1;
}	
#sound {
    position: absolute;
    bottom: 20vw;
    right: 0;
    width:auto;
    height: 20px;
    z-index: 5;
    cursor: pointer;
    left: 0;
    text-align: center;
}
	
.indexPage .bgLeft img {
    width: 100%;
    height: auto;
    margin-left: -2vw;
}	
	
	
.message figure.president {
	width:100%;
}	
.message figure.president img {
	width:100%;
	height:auto;
}		
	
	
	
	
.message header span img {
	width:19.5vw; /* 19.5vw */
	height:auto;
}
.feature header span img {
	width:10.2vw; /* 10.2vw */
	height:auto;
}	
	
	
ul.modal_menu > li > div.toggle {
    width: 100%;
}	
.toggle::after {
    top: -0.5em;
}
.active::after {
    top: -0.5em;	
}	
	
	
.button-5 img {
    width: 12px;
    height: auto;
    position: absolute;
    top: 8vw;
    right: 7px;
    z-index: 100;
}	
.slideBnr li.slick-slide {
    height: 191.2vw;
}	
.tabPro, .tabInt {
	top:35vw;
}
.others.interviewtop section p.detailHead {
    width: 40vw;
}	
	
	
.interviewtop .button-4 {
    width: 30vw;
    height: 6vw;
    background: #000;
    float: left;
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
	margin-top:0.4em;
}	
.interviewtop .button-4 a {
    font-family: acumin-pro-condensed;
    font-style: normal;
    letter-spacing: 0.1em;
    font-size: 3vw;
    color: #fff;
    text-decoration: none;
    line-height: 5.5vw;
    transition: all .3s ease;
    z-index: 2;
    position: relative;
}	
.interviewtop .eff-4 {
    width: 30vw;
    height: 6vw;
    left: -30vw;
    background: #E60000;
    position: absolute;
    transition: all .3s ease;
    z-index: 1;
}	
	
.modal_menu .toggle::after, .modal_menu .active::after {
    top: -2.5vw;	
}	
	
.modal_menu {
	font-size:90%;	
}	
ul.modal_menu > li span {
    top: 0.2em;	
}	
.training header span {
    font-size: 120%;
}	
.people p.detailHead {
    margin-left: 45vw;
	height: 30px;
    line-height: 30px;
	margin-bottom:1em;
}	
	
.training .leadBox {
    width: 90%;
    margin: 0 auto;
}	
.jobStep {
    width: 100%;
}	

.features figure.bus003Special {
    width: 100%;
    margin: 0 auto 4em;
}	
.footerLogo p {
    font-size: 3.2vw;
    color: #000;
    line-height: 2.0;
    margin-bottom: 5.3vw;
}	
.footerLogo img {
	width:65.6vw;
	height:auto;
    margin-bottom: 13.3vw;
}
.footerLink h4 {
    padding-bottom: 1.3vw;
}	
	
/* WORK */	
section.work01.sliding {
    padding-top: 0;
    background:none;
}	
.work .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url(../images/cat_work_sp@2x.jpg) no-repeat;
    background-size: 100vw;
}
p.pageCat {
    position: absolute;
    top: 21vw;
    left: 0;
    width: 100%;
    text-align: center;
}	
p.pageCat span {
    padding: 0.5em 2em;
    font-size: 3.7vw;
    font-weight: bold;
    color: #0086F8;
    position: relative;
    z-index: 2;
}	
h1.pageTtl {
    position: absolute;
    top: 31.5vw;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 7.4vw;
    color: #fff;
    font-weight: bold;
    line-height: 1.2; /* 20211026 1.4 */
}
section.work01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 15vw;
}	
.others section p.pageIntro {
    font-size: 3.7vw;
    width: 88vw;
    margin: 0 auto 15vw;
    line-height: 2.4;
    text-align: justify;
}	
.sectionInner {
    width: 88%;
    margin: 0 auto;
}	
.others section h2, .internship section h2, .student section h2 {
    font-size:6.9vw;
    border-left: none;
    text-align: center;
    padding: 0 0 0.8em 0;
    margin: 0 0 0 0;
    color: #0086F8;
    letter-spacing: 1px;
    background: none;
	line-height: 1.4;
}
.internship section h2, .student section h2 {
    font-size:6.9vw;
    border-left: none;
    text-align: center;
    padding: 17.3vw 0 0.8em 0;
    margin: -17.3vw 0 0 0;
    color: #0086F8;
    letter-spacing: 1px;
    background: none;
	line-height: 1.4;
}	
.internship section h2, .student section h2 {
    font-size: 6.4vw;
}	
section.work02 figure {
    text-align: center;
	margin:15vw 0 0;
	overflow-x:scroll;
	height: 115.3vw;
}
.workInnerLink {
    width: 88%;
    margin: 12vw auto;
    display: block;
}	
.workInnerLink li {
    width: 100%;
	margin-bottom:2.5vw;
}	
.workInnerLink li a {
    display: block;
    width: 100%;
    height: 16vw;
    padding: 0 0 0;
    line-height: 16vw;
    box-sizing: border-box;
    text-decoration: none;
    background: #0086F8;
    color: #fff;
    font-size: 3.7vw;
    font-weight: bold;
    text-align: center;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
	position:relative;
}	
.workInnerLink li a::after {
    content: '\f107';
    display: block;
    font-family: FontAwesome;
    margin-top: 0;
    font-size: 4.2vw;
    position: absolute;
    bottom: -5vw;
    left: 0;
    width: 100%;
    text-align: center;
}	
section.work03, section.work05, section.work07, section.work09, section.work11, section.work13, section.work15, section.work17 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: none;
    margin-top: -20vw;
    padding-top: 20vw;
}	
section.work03 .sectionInner, section.work09 .sectionInner, section.work15 .sectionInner {
    width: 88%;
    margin: 0 auto;
    overflow: visible;
}	
section.work03 .projectContent, section.work09 .projectContent, section.work15 .projectContent {
    width: 100%;
    float: none;
    margin-top: 0;
}
.work section.work03 h2, .work section.work09 h2, .work section.work15 h2 {
    margin: 0 auto 20vw;
}	
.work .projectContent h3 {
    font-size: 6.4vw;
    font-weight: bold;
    color: #0086F8;
    margin-bottom: 7vw;
    text-align: center;
}	
.others section p.h3Sub {
    font-size: 3.7vw;
    line-height: 2.0;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px dashed #000;
}	
.work .projectContent h4 {
    font-size: 4.8vw;
    font-weight: bold;
    margin-bottom: 3vw;
}	
.others section p.nagareTxt {
    font-size: 3.7vw;
    line-height: 2.0;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px dashed #000;
}	
.others section p, .others section ul li {
    font-size: 3.7vw;
}	
.internship .gaiyou h5 {
    font-size: 3.7vw;
}	
.internship .gaiyou h5::before {
    content: '■';
    font-size: 2.6vw;
    color: #008AFF;
    margin-right: 2.1px;
}	
figure.contentImg {
	width: 100vw;
    margin: 5vw 0 5vw -6vw;
}	
figure.contentImg img {
	width:100%;
	height:auto;
}		
section.work04, section.work06, section.work08, section.work10, section.work12, section.work14, section.work16 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: none;
    margin-top: -40vw;
    padding-top: 50vw;
}	
section.work04 .projectContent, section.work06 .projectContent, section.work08 .projectContent, section.work10 .projectContent, section.work12 .projectContent, section.work14 .projectContent, section.work16 .projectContent {
    width: 100%;
    float: none;
    margin-top: 0;
}	
section.work05 .projectContent, section.work07 .projectContent, section.work11 .projectContent, section.work13 .projectContent, section.work17 .projectContent {
    width: 100%;
    float: none;
    margin-top: 0;
}	
section.work09, section.work15 {
    padding-bottom: 0;
}	
section.strength05 .sectionInner {
    width: 100%;
    margin: auto;
}
.others section.kanrenWoMiru h2, .project.others section.kanrenWoMiru h2 {
    display: inline-block;
    border-bottom: 1px solid #000;
	font-size: 6.2vw;
    border-left: none;
    text-align: center;
    padding: 0 0 0.8em 0;
	margin-left: 7.5vw;
	color: #0086F8;
	font-weight: bold;
	width: 72vw;
    margin-left: 8vw !important;
}
ul.kanren {
    width: 86vw;
    display: block;
    margin:10vw auto;
}	
ul.kanren li {
    margin-bottom:3vw;
}
ul.kanren li a img {
    width:100%;
	height:auto;
}	
ul.kanren li a span {
    width: 100%;
    height: 12vw;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/bg_kanren.svg) no-repeat;
    color: #fff;
    line-height:12vw;
    text-align: center;
	background-size:106%;
	font-size:4.1vw;
	background-position:top -0.3vw center;
}
.toRecruit h2.h2ToCompany span, .project.others section.toRecruit h2 span {
    width: 100%;
    text-align: center;
	font-size: 5.3vw;
	font-weight: bold;
}	
.others section.kanrenWoMiru {
    margin-bottom: 30vw;
}	

/* STRENGTH */	
.strength .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url(../images/cat_strength_sp@2x.jpg) no-repeat;
    background-size: 100vw;
}	
section.strength01.sliding {
    padding-top: 0;
    background: none;
}	
section.strength01 {
    width:100%;
}		
section.strength01 .sectionInner {
    width: 100%;
	height:383.6vw;
    background: url(../images/bg_strength01_sp@2x.png) no-repeat;
    background-size: 100%;
    padding-top: 19.5vw;
}	
figure.strength002 {
    width: 78vw;
    margin: 0 auto;
}	
figure.strength002 img {
    width: 100%;
	height:auto;
    margin: 0 auto 0;
}	
.strength.others section p.pageIntro {
    margin: 0 auto 7vw;
}	
section.strength02 .sectionInner, section.strength03 .sectionInner, section.strength04 .sectionInner, section.strength05 .sectionInner, section.strength06 .sectionInner {
    width: 88%;
    margin: auto;
}
.others section.strength02 h2 {
    background: url(../images/bg_str01.svg) no-repeat;
    background-size: 32vw;
    height: 34.1vw;
    font-size: 6.9vw;
    font-weight: bold;
    color: #0086F8;
    padding: 15vw 0 0 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    text-indent: 0.8em;
}
.others section p.jiman {
    font-size: 6.4vw;
    line-height: 1.4;
    margin: -4.5vw auto 10vw;
    letter-spacing: 0.1em;
    font-weight: 400;
    width: 78vw;
}	
.strFig {
    width: 78vw;
    margin: auto;
}	
.strFig img {
    width:100%;
    height:auto;
}	
.others section p.jimanDetail {
    width: 100%;
    margin: 10vw auto 0;
    line-height: 2.6;
	font-size:3.7vw;
}	

section.strength03 {
    width: 100%;
    background: url(../images/bg_strength03_sp.svg) no-repeat;
    background-size: 100%;
    padding-top: 35vw;
    padding-bottom: 30vw;
    margin: auto;
	height:390vw;
}	

.others section.strength03 h2 {
    background: url(../images/bg_str02.svg) no-repeat;
    background-size: 44vw;
    height: 34.1vw;
    font-size: 6.9vw;
    font-weight: bold;
    color: #0086F8;
    padding: 15vw 0 0 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    text-indent: 0.8em;
}	
.others section p.jiman span {
    display: inline;
    height: auto;
}
.grouthFlow {
	width:100%;
	margin:10vw auto;
}
.grouthFlow dl {
	width:100%;
	box-sizing: border-box;
	border:1px solid #0086F8;
	padding:2.6vw 3vw;
	background:#fff;
	margin-bottom:7vw;
	position:relative;
}
.grouthFlow dl:after {
	position:absolute;
	bottom:-6vw;
	left:40vw;
	content:'';
	border-style: solid;
	border-width: 3vw 3vw 3vw;
	border-color: #0084f8 transparent transparent transparent;
}
.grouthFlow dl:last-child:after {
	display:none;
}
.grouthFlow dl dt {
	font-size:4.2vw;
	color:#0086F8;
	display:inline-block;
}
.grouthFlow dl dd {
	width:100%;
	font-size:3.2vw;
	line-height:1.6;
	color:#585858;
	margin-top:5vw;
	letter-spacing: 0;
}

.programs figure {
	margin-top:10vw;
	margin-bottom:10vw;
	width:100%;
}	
.programs figure img {
	width:100%;
	height:auto;
}	
	
.syougenBox {
    margin: 10vw 0;
}	
dl.syougen {
    overflow: hidden;
    width: 100%;
    margin: 0 auto 10vw;
}	
dl.syougen dt {
    font-size: 4.8vw;
    font-weight: bold;
    color: #0086F8;
    width: 58vw;
	margin:auto;
    float: none;
    text-align: center;
}	
dl.syougen dt img {
    width: 100%;
	height:auto;
	margin-bottom:3vw;
}	
dl.syougen dd {
    font-size: 3.7vw;
    width: 100%;
    height: auto;
    background: #fff;
    float: right;
    padding:4vw 5vw;
    box-sizing: border-box;
    line-height: 2.0;
    position: relative;
    margin-top: 10vw;
}
dl.syougen dd h4 {
    font-size: 4.8vw;
    font-weight: bold;
    color: #0086F8;
    margin-bottom: 3vw;
    line-height: 1.6;
}	
dl.syougen dd::before {
    content: '';
    position: absolute;
    top: -7.3vw;
    left: 45%;
    width: 0;
    height: 0;
    border-right: 3vw solid transparent;
    border-left: 3vw solid transparent;
    border-bottom: 6vw solid #fff;	
}	
	
.others section.strength04 h2 {
    background: url(../images/bg_str03.svg) no-repeat;
    background-size: 44vw;
    height: 34.1vw;
    font-size: 6.9vw;
    font-weight: bold;
    color: #0086F8;
    padding: 15vw 0 0 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    text-indent: 0.8em;
}	
.strength02 h2::after, .strength03 h2::after, .strength04 h2::after {
    content: '';
    display: block;
    border-top: 1px solid #000;
    margin-top: 5vw;
}	
.others section h3 {
    font-size:5.8vw;
}
.programs {
    width: 100%;
    margin: 0 auto;
}	
.programs h3 {
    font-weight: bold;
    margin-bottom: 10vw;
	text-align:center;
}	
.programs dl dt {
    display:none;
}	
.programs dl dd {
    float: none;
    width: 100%;
    display: block;
    background: #EFF2F7;
    height: auto;
	box-sizing: border-box;
	padding:5vw 5vw 0;
}	
.programs dl dd span {
    width: 100%;
    font-size: 3.7vw;
    line-height: 1.8;
    padding:0 0 0 0;
}	
.programs dl dd h4 {
    width: 100%;
    font-size:4.8vw;
    font-weight: bold;
    color: #008AFF;
    line-height: 1.6;
    padding: 0 0;
    text-align: center;
	margin-bottom:8vw;
}	
.programs dl dd img {
    width: 88vw;
    height:auto;
	margin:5vw 0 0 -6vw;
}	
.others section .programs p {
    font-size: 3.7vw;
    line-height: 2.4;
    margin-bottom: 1em;
}	
.programs dl:nth-child(5) {
    border-bottom: none;
    margin-bottom: 8vw;
}	
	
	
/* BUSINESS */	
.business .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url(../images/cat_business_sp@2x.jpg) no-repeat;
    background-size: 100vw;
}	
section.business01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 15vw;
}	
section.business01.sliding {
    padding-top: 0;
    background: none;
}
.others section.business03 {
	margin-top:50vw;	
}	
.business .sectionInner {
    width: 100%;
    margin: 0 auto;
}	
.hani {
    width: 100%;
    height: 58vw;
    background: url(../images/bg_hani.jpg) no-repeat;
	background-size:100%;
    position: relative;
	margin:20vw auto;
}
.hani dl {
    width: 8.2vw;
    height: 8.2vw;
}	
.hani dl dt, .hani dl:hover dt {
    background: url(../images/bg_hani_dt.svg) no-repeat;
    width: 8.2vw;
    height: 8.2vw;
	background-size:9.6vw;
    cursor: pointer;
}	
.hani dl dt.active {
	background:url("../images/bg_hani_dt_on.svg") no-repeat;
    width: 8.2vw;
    height: 8.2vw;
	background-size:9.6vw;
	cursor: pointer;
}	
.hani dl dd::before {
    content: '';
    display: block;
    position: absolute;
    top: -6.8vw;
    left: 39vw;
    width: 8vw;
    height: 6.8vw;
    background: url(../images/bg_tiangle.svg) no-repeat;
    background-size: 16vw;
    background-position: top center;
}	
.hani dl dd h4 {
    font-size: 4.5vw;
    font-weight: bold;
    color: #0086F8;
    margin-bottom: 5vw;
    width: 100%;
    text-align: center;
}	
.hani dl dd span.setsumei {
    font-size: 3.7vw;
    line-height: 1.6;
    text-align: justify;
}	
	

.hani dl dd {
    transition:none;
    width: 88vw;
    height: auto;
    box-sizing: border-box;
    border: 3px solid #0086F8;
    background: #E8F5FD;
    padding: 5vw;
    border-radius: 6px;
    position: relative;
}
.hani dl:hover dd {
	display:none;

}	
#hani01 {
    position: absolute;
    top: 11vw;
    left: 16vw;
}	
.hani dl#hani01 dd {
    margin: 35vw 0 0 -10vw;
}	
#hani02 {
    position: absolute;
    top: 14.5vw;
    left: 78vw;
}	
.hani dl#hani02 dd {
    margin: 31.5vw 0 0 -72vw;
}	
#hani03 {
    position: absolute;
    top: 25vw;
    left: 58vw;
}	
.hani dl#hani03 dd {
    margin: 21vw 0 0 -52vw;
}	
#hani04 {
    position: absolute;
    top: 33vw;
    left: 38vw;
}	
.hani dl#hani04 dd {
    margin: 13vw 0 0 -32vw;
}		
#hani05 {
    position: absolute;
    top: 44vw;
    left: 7vw;
}	
.hani dl#hani05 dd {
    margin: 2vw 0 0 -1vw;
}	
#hani06 {
    position: absolute;
    top: 33vw;
    left: 1vw;
}	
.hani dl#hani06 dd {
    margin: 13vw 0 0 5vw;
}	
.others.business section p {
    font-size: 3.7vw;
    width:88vw;
	margin: 7vw auto 15vw;
}	
.business04 figure {
    margin: 5vw auto 0;
    width: 88vw;
}	
.business04 figure img {
    width: 100%;
	height:auto;
}	
section.business05 {
    width: 100%;
    height: auto;
    margin: 15vw auto 0;
    overflow: hidden;
    background: none;
    padding-top: 0;
}	
section.business05 .sectionInner {
    width: 88%;
    margin: auto;
    overflow: visible;
}	
section.business05 .projectContent {
    width: 100%;
    float: none;
    margin-top: 5vw;
    margin-right: 0;
}	
.business.others section .projectContent h3 {
    font-size: 6.4vw;
    font-weight: bold;
    color: #0086F8;
    margin-bottom: 7vw;
	text-align:center;
}	
.proSample {
    background: #E2E7EB;
    box-sizing: border-box;
    padding: 7vw;
    overflow: hidden;
}	
.proSample ul li {
    font-size: 4.2vw;
    line-height: 1.6;
    margin-bottom: 7vw;
}
.proSample ul li::before {
    content: '■';
    color: #0086F8;
    font-size: 2.4vw;
    margin-right: 2.2vw;
    display: block;
    float: left;
    margin-top: 1.3vw;
	margin-bottom: 0.2em;
}	
	
section.business06 {
    margin-top: 10vw;
}	
.others.business section p.motto {
    font-size: 3.7vw;
    width: auto;
    margin: -5vw 0 0;
}	
.others section .projectContent p.motto a {
    text-decoration: none;
    font-size: 4.5vw;
    font-weight: bold;
    color: #0086F8;
    background: url(../images/bg_motto.svg) bottom 1.9vw left 6em no-repeat;
    padding-right: 9vw;
	background-size: 4.8vw;
	width: 50vw;
    display: inline-block;
    margin-left: 5vw;
}	
figure.busProImg {
	width:100vw;
	margin: 5vw 0 0 -6vw;
}	
figure.busProImg img {
	width:100%;
	height:auto;
}	
.business06 figure {
    margin: 10vw auto 0;
	width:88%;
	margin: 5vw auto 0;
}	
.business06 figure  img {
	width:100%;
	height:auto;
}	
section.business07 {
    width: 100%;
    height: auto;
    margin: 10vw auto 0;
    overflow: hidden;
    background: none;
    padding-top: 0;
}	
section.business07 .sectionInner {
    width: 88%;
    margin: auto;
    overflow: visible;
}	
section.business07 .projectContent {
    width: 100%;
    float: none;
    margin-top: 5vw;
    margin-right: 0;
}	
	
/* INTERVIEW */	
.interview header::after {
    display:none;
}	
.interview .site-header {
    width: 100%;
    height: 190vw;
}	
.interview01 .site-header {
    position: relative;
    background: url(../images/cat_interview01sp@2x.jpg) no-repeat;
    background-size: 100%;
}
.interview02 .site-header {
    position: relative;
    background: url(../images/cat_interview02sp@2x.jpg) no-repeat;
    background-size: 100%;
}
.interview03 .site-header {
    position: relative;
    background: url(../images/cat_interview03sp@2x.jpg) no-repeat;
    background-size: 100%;
}
.interview04 .site-header {
    position: relative;
    background: url(../images/cat_interview04sp@2x.jpg) no-repeat;
    background-size: 100%;
}
.interview05 .site-header {
    position: relative;
    background: url(../images/cat_interview05sp@2x.jpg) no-repeat;
    background-size: 100%;
}
.interview06 .site-header {
    position: relative;
    background: url(../images/cat_interview06sp@2x.jpg) no-repeat;
    background-size: 100%;
}
.interview07 .site-header {
    position: relative;
    background: url(../images/cat_interview07sp@2x.jpg) no-repeat;
    background-size: 100%;
}
.interview08 .site-header {
    position: relative;
    background: url(../images/cat_interview08sp@2x.jpg) no-repeat;
    background-size: 100%;
}	
	
	
	
	
	
	
	
section.int01_01.sliding, section.int02_01.sliding, section.int03_01.sliding, section.int04_01.sliding, section.int05_01.sliding, section.int06_01.sliding, section.int07_01.sliding, section.int08_01.sliding {
    padding-top: 0;
    background: none;
}	
	
.interview h1.pageTtl {
    position: absolute;
    top: 110vw;
    left: 5vw;
    width: 90vw;
    text-align:left;
    font-size: 6.8vw;
    color: #0086F8;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 0;
    text-shadow: none;
}	
.interview.interview06 h1.pageTtl, .interview.interview08 h1.pageTtl, .interview.interview01 h1.pageTtl {
    font-size: 6vw;
	line-height: 1.6;
}	
.interview.interview04 h1.pageTtl {
    font-size: 6.4vw;
}		
p.spec {
    position: absolute;
    top: 155vw;
    left: 6vw;
    line-height: 1.6;
    font-size: 3.7vw;
    letter-spacing: 0.1em;
}	
p.interviewName {
    position: absolute;
    top: 178vw;
    left: 6vw;
    line-height: 1.6;
    font-size: 4.8vw;
    font-weight: bold;
    color: #0086F8;
    letter-spacing: 0.2em;
}	
.interview p.pageCat {
    position: absolute;
    top: 17vw;
    left: 8vw;
    width: auto;
    text-align: center;
}	
.interview p.pageCat span {
    padding: 0.5em 1.5em;
    font-size: 2.6vw;
    font-weight: bold;
    color: #fff;
    position: relative;
    z-index: 5;
}
section.interviewSec01 {
    width: 100%;
	margin-top:15vw;
}	
section.interviewSec01 .sectionWrap {
    width: 100%;
    margin: 0 auto 0;
    position: relative;
    z-index: 5;
}	
section.interviewSec01 .sectionInner, section.interviewSec03 .sectionInner {
    width: 100%;
    background: none;
    overflow: hidden;
	padding-top:0;
}	
section.interviewSec01 .intBlock, section.interviewSec03 .intBlock {
    width: 88%;
    float: none;
    overflow: visible;
	margin:auto;
}	
section.interviewSec01 .intBlock figure, section.interviewSec02 .intBlock figure, section.interviewSec03 .intBlock figure {
    width: 100vw;
    float: none;
    margin:-5vw 0 0 -6vw;
}
section.interviewSec01 .intBlock figure img, section.interviewSec02 .intBlock figure img, section.interviewSec03 .intBlock figure img {
    width: 100%;
    height:auto;
}	
section.interviewSec01 .intBlock .intText, section.interviewSec03 .intBlock .intText {
    width: 100%;
    float: none;
    margin-top: 0;
}	
.others.interview section.interviewSec04 h2 {
    font-size: 6.9vw;	
}	
.others.interview section h2 {
    color: #000;
    line-height: 1.9;
    font-size: 6.6vw;
    font-weight: normal;
    margin-bottom: 0;
	text-align:left;
}
.others.interview section p {
    color: #000;
    line-height: 2.2;
    font-size: 3.7vw;
    font-weight: normal;
    margin-bottom: 11vw;
    letter-spacing: 0.1em;
}	
section.interviewSec02 {
    width: 100%;
    margin: 10vw auto 0;
    position: relative;
    z-index: 6;
}	
section.interviewSec02 .sectionInner {
    width: 100%;
    background: none;
    overflow: visible;
    padding-bottom: 0;
}
section.interviewSec02 .intBlock {
    width: 88%;
    float: none;
    overflow: visible;
	margin:auto;
}	
section.interviewSec02 .intBlock .intText {
    width: 100%;
    float: none;
    margin-top: 0;
}	
section.interviewSec03 {
    width: 100%;
    margin: 10vw auto 0;
    position: relative;
    z-index: 5;
}	
section.interviewSec04 {
	margin-bottom:30vw;
}
section.interviewSec04 .sectionInner {
	width:100%;
}		
	
.others.interview section p.peopleDetail {
    color: #fff;
    font-size: 3.8vw;
    font-weight: bold;
    box-sizing: border-box;
    padding: 4vw;
    background: #0086F8;
    width: 49vw;
    height: 26.4vw;
    margin: -15vw auto 0;
    position: relative;
    line-height: 1.4;
	box-sizing: border-box;
}	
	
	
	
	
	
/* PROJECT */	
.project01 .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url(../images/cat_project01sp@2x.jpg) no-repeat;
    background-size: cover;
}
.project02 .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url(../images/cat_project02sp@2x.jpg) no-repeat;
    background-size: cover;
}	
.project03 .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url(../images/cat_project03sp@2x.jpg) no-repeat;
    background-size: cover;
}		
	
section.project03_01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 15vw;
}	
section.project01_01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 15vw;
}	
section.project01_01.sliding, section.project02_01.sliding, section.project03_01.sliding {
    padding-top: 0;
    background: none;
}	
.proMemBox {
    width: 88%;
    margin: 0 auto;
    display: block;
}	
.proMemBox h2 {
    font-size: 6.9vw;
    font-weight: bold;
    color: #0086F8;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 5vw;
    margin: 5vw auto 15vw;
}	
.proMem {
    width: 100%;
    margin: auto;
    overflow: hidden;
}	
.proMem figure {
    width: 60%;
    float: none;
	margin:auto;
}	
.proMem figure img {
    width: 100%;
    height:auto;
}		
.proMemDetail {
    width: 100%;
    float: none;
	margin-top: 5vw;
}	
.proMemDetail h3 {
    font-size: 7.2vw;
    margin: 5vw 0 3vw;
    font-weight: normal;
}	
p.bosyo {
    font-size: 3.7vw;
    margin: 0 auto 8vw;
    font-weight: bold;
}	
p.keireki {
    font-size: 3.4vw;
    line-height: 1.6;
    font-weight: normal;
}
p.keireki strong {
    font-size: 4vw;
    display: block;
    margin: 0 auto 1vw;
    font-weight: bold;
}	
section.project01_02, section.project01_03, section.project01_04 {
    width:100%;
    height: auto;
    margin: 0 auto;
    background: none;
    margin-top: 10vw;
}	
section.project01_02 .sectionInner, section.project01_03 .sectionInner, section.project01_04 .sectionInner {
    width: 88%;
    margin: 0 auto;
    overflow: visible;
}	
.project.others section h2 {
    font-size: 7.2vw;
    border-left: none;
    text-align: left;
    padding: 0 0 0.8em 0;
    margin: 0 0 0 0;
    color: #000;
    letter-spacing: 1px;
    background: none;
	line-height:1.6;
	font-weight:normal;
}	
.project.others section h2 span {
    font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
    color: #333333;
    font-size: 7.2vw;
    font-weight: normal;
    display: inline;
    margin-top: 0.7em;
}	
.projectContent, .project01_03 .projectContent, .project01_04 .projectContent {
    width: 100%;
    float: none;
}	
.others section .projectContent p {
    font-size: 3.7vw;
    text-align:justify;
}
.others.project section .projectContent h3 {
    font-size: 9.6vw;
    font-weight: bold;
    color: #0086F8;
    margin-bottom: 20vw;
}	
	
.projectContent h3 span.naiyou {
    font-size: 5.8vw;
    display: block;
    float: right;
    margin: 2vw 0 5vw 0;
    width: 100%;
    line-height: 1.6;
    letter-spacing: 1px;
}
.projectContent figure {
	width:100vw;
	margin:0 0 0 -6vw;
}	
.projectContent figure img {
	width:100%;
	height:auto;
}		
section.project01_05 .sectionInner {
	width:88%;
    margin: auto;
}	
.project.others section.project03_01 h2 {
    font-size: 7.2vw;
    border-left: none;
    text-align: center;
    padding: 0 0 0.8em 0;
    margin: 0 auto 0;
    color: #000;
    letter-spacing: 1px;
    background: none;
    line-height: 1.6;
    font-weight: bold;
	width:90.4vw;
}	
.project.others section.project03_01 h2 span {
    font-weight: bold;
}	
.rekisiii {
    width: 100%;
    margin: 7vw auto;
}	
.rekisiii dl dt {
    font-size: 16.2vw;
}	
.rekisiii dl dt span {
    font-size: 5.8vw;
}	
.rekisiii dl dd {
    font-size: 6vw;
    padding: 0.8em 0 1.8em;
    line-height: 1.4;
}	
.project03 section.project01_02 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: none;
    padding-top: 0;
}
.project03 .projectContent {
    width: 100%;
    float: none;
}	
.others.project03 section .projectContent h3 {
    font-size: 6.6vw;
    font-weight: bold;
    color: #0086F8;
    margin: 7vw 0;
}	
.project03 section.project01_03, .project03 section.project01_04 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: none;
    margin-top: 5vw;
    padding-top: 0;
}	
.project03 .project01_03 .projectContent {
    width: 100%;
    float: none;
}	
.project03 .project01_02 .projectContent figure, .project03 .project01_04 .projectContent figure {
    width: 94vw;
    margin: 0 0 0 -6vw;
}	
.project03 .project01_03 .projectContent figure {
    width: 94vw;
    margin: 0 6vw 0 0;
}	
.project.others section.project03_05 h2 {
    font-size: 7.2vw;
    border-left: none;
    text-align: center;
    padding: 0 0 0.8em 0;
    margin: 0 auto 0;
    color: #000;
    letter-spacing: 1px;
    background: none;
    line-height: 1.6;
    font-weight: bold;
    width: 90.4vw;
}	
.project.others section.project03_05 h2 span {
    font-weight: bold;
}	
	
.project02 section.project01_02 {
    background: none;
}
.project03 section.project01_02 {
    background: none;
}
.project02 section.project01_03 {
    background: none;
}
.project03 section.project01_03 {
    background: none;
}
.project02 section.project01_04 {
    background: none;
}
.project03 section.project01_04 {
    background: none;
}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/* MOVIE */	
.movie .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url(../images/cat_movie_sp@2x.jpg) no-repeat;
    background-size: cover;
}	
section.movie01 .sectionInner {
    width: 100%;
    background-size: 100%;
    padding-top: 15vw;
}		
section.movie01.sliding {
    padding-top: 0;
    background:none;
}	
section.movie02, section.movie03 {
    width: 100%;
    margin-top: 10vw;
}	
section.movie02 .sectionInner, section.movie03 .sectionInner {
    width: 88%;
    height: auto;
    margin: auto;
    position: relative;
}	
.others.movie section p.jimanDetail {
    width: 100%;
    margin: 7vw auto 0;
    line-height: 2.6;
}	
.movie section.movie02 h2, .movie section.movie03 h2 {
    font-size: 6.8vw;
    font-weight: bold;
    color: #0086F8;
    display: block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 4.2vw;
    margin: auto;
    width: 72vw;
}
.YouTubeBox {
    width: 100vw;
    margin:15vw 0 0 -6vw;
}	
.YouTubeBox img {
	width:100%;
	height:auto;
}	
.YouTubeBox iframe {
    width: 100%;
    height: 56vw;
    margin: 0 auto;
    display: block;
}	
	
/* PEOPLE */	
.people .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url(../images/cat_people_sp@2x.jpg) no-repeat;
    background-size: cover;
}
	
section.people01 .sectionInner {
    width: 100%;
    background: none;
    padding-top: 15vw;
}	
section.people01.sliding {
    padding-top: 0;
    background: none;
}	
section.people02 {
    width: 100%;
    background: none;
    margin: 0 auto;
}
section.people02 .sectionInner {
    width: 100%;
    margin: 0 auto;
}	
.tabBox {
    width: 100%;
    height: 60vw;
    background: #EFF2F7;
    padding: 5.3vw 6vw;
    box-sizing: border-box;
    margin: -5vw auto 8vw;
    position: relative;
}	
.tabNav li:first-child a {
    width: 84vw;
    text-align: center;
}	
.tabBtn00 {
    position: absolute;
    top: 5.3vw;
    left: 8vw;
}	
.tabNav li a {
    background: #008AFF;
    color: #fff;
    text-decoration: none;
    font-size: 4vw;
    box-sizing: border-box;
    padding: 1.3vw 1.3vw;
    margin-right: 0.6vw;
    margin-bottom: 2.6vw;
    display: inline-block;
	box-sizing: border-box;
	border:1px solid #008AFF;
}
.tabNav li.active a {
    background: #fff;
    color: #008AFF;
    text-decoration: none;
    font-size: 4vw;
    box-sizing: border-box;
    padding: 1.3vw 1.3vw;
    margin-right: 0.6vw;
    margin-bottom: 2.6vw;
    display: inline-block;
	box-sizing: border-box;
	border:1px solid #008AFF;
}	
.others section .tabBox h3 {
    width: 100%;
    position: absolute;
    top: 16.2vw;
    left: 8vw;
    line-height: 10.6vw;
    font-size: 3.7vw;
    font-weight: bold;
    color: #008AFF;
}	
.tabBtn01 {
    position: absolute;
    top: 17.3vw;
    left: 30vw;
}	
.tabBtn02 {
    position: absolute;
    top: 17.3vw;
    left: 50vw;
}	
.tabBtn03 {
    position: absolute;
    top: 27vw;
    left: 30vw;
}	
.tabBtn04 {
    position: absolute;
    top: 27vw;
    left: 54vw;
}	
.tabBtn05 {
    position: absolute;
    top: 38.7vw;
    left: 30vw;
}	
.tabBtn06 {
    position: absolute;
    top: 38.7vw;
    left: 46vw;
}	
.tabBtn07 {
    position: absolute;
    top: 38.7vw;
    left: 62vw;
}	
.tabBtn08 {
    position: absolute;
    top: 48.8vw;
    left: 30vw;
}	
.tabBtn09 {
    position: absolute;
    top: 48.8vw;
    left: 46vw;
}	
	
.people .memberList {
    display: block;
    margin: 0 0 0;
}	
.tabs_content .members {
    width: 68.8vw;
	height:115vw;
    margin: auto;
    position: relative;
	float:none;
}	
.people p.peopleDetail {
    color: #fff;
    font-size: 4.2vw;
    font-weight: bold;
    box-sizing: border-box;
    padding: 4vw;
    background: #0086F8;
    width: 49.3vw;
    height: 26.4vw;
    margin: -50vw auto 0;
    position: relative;
    line-height: 1.4;
}	
p.peopleDetail span {
    color: #fff;
    font-size: 3.4vw;
    font-weight: normal;
    margin-top: 2.6vw;
    display: block;
}	
p.peopleDetail::after {
    content: '';
    width: 9.3vw;
    height: 1.1vw;
    background: url(../images/arrow.svg) no-repeat;
	background-size:9.3vw;
    display: block;
    position: absolute;
    top: 12.5vw;
    right: 1.8vw;
}	
section.message03 .sectionInner {
    width: 88%;
    margin: auto;
}	
.message03 ul.kanren {
    width: 86vw;
    display: block;
    margin: 10vw auto;
}	
	
/* MESSAGE */	
.message .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url(../images/cat_message_sp@2x.jpg) no-repeat;
    background-size: cover;
}
	
section.message01 .sectionInner {
    width: 100%;
    background: none;
    padding-top: 15vw;
}	
section.message01.sliding {
    padding-top: 0;
    background: none;
}		
.message section.message01 h2 {
    font-size: 7.4vw;
    font-weight: bold;
    color: #000;
    display: block;
    text-align: center;
    margin: auto auto 0;
    width: 90%;
}	
.message.others section.message01 h2 span {
    font-size: 7.4vw;
    font-weight: bold;
	margin-bottom: 0;
}
section.message02 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
    background: none;
    overflow: hidden;
}	
section.message02 .sectionInner {
    width: 88%;
    margin: auto;
    position: relative;
}	
section.message03 {
    width: 100%;
    margin-top: 10vw;
}	
.message section p {
    position: static;
    width: 84vw;
    font-size: 3.7vw;
    line-height: 2.3;
}	
.others section.message02 p {
    font-size: 3.7vw;
    line-height: 2.6;
    margin-bottom: 7vw;
}	
.others section.message02 p.textBlue {
    font-size: 4.2vw;
    font-weight: bold;
    color: #008AFF;
    line-height: 2.6;
    margin-bottom: 5vw;
}	
.others section.message02 p.sig {
    font-size: 3.7vw;
    font-weight: bold;
    float: right;
	width:auto;
}	
.others section.message02 p.sig span {
    font-size: 4.8vw;
}	
.message02 figure {
	width:100vw;
	margin:0 0 0 -6vw;
}
.message02 figure img {
	width:118vw;
	height:auto;
	margin:0 0 0 -18vw;
}	
	
/* OUTLINE */	
.outline .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url(../images/cat_outline_sp@2x.jpg) no-repeat;
    background-size: cover;
}
	
section.outline01 .sectionInner {
    width: 100%;
    background: none;
    padding-top: 15vw;
	margin-top:10vw;
}	
section.outline01.sliding {
    padding-top: 0;
    background: none;
}	
	
.others section.outline01  {
    margin-bottom:30vw;
}		
	
dl.gaiyou {
    width: 88%;
    overflow: hidden;
    padding: 9vw 0;
    border-bottom: 1px solid #B9B9B9;
    box-sizing: border-box;
	margin:auto;
}	
dl.gaiyou.theFirst {
    margin-top:10vw;
}		
dl.gaiyou dt {
    width: 100%;
	float:none;
	font-size:3.7vw;
	font-weight:bold;
	margin-bottom:2vw;
}	
dl.gaiyou dd {
    width: 100%;
	float:none;
    font-size: 3.7vw;
    line-height: 1.8;
}	
section.outline02 {
    width: 100%;
    margin: 0 auto;
    background: none;
    padding-top: 0;
    padding-bottom: 0;
}	
section.outline02 .sectionInner {
    width: 100%;
    margin: 0 auto;
}	
section.outline02 dl.gaiyou {
    padding: 5vw 0;
}	
	
/* EDUCATION */	
.education .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url(../images/cat_education_sp@2x.jpg) no-repeat;
    background-size: cover;
}
	
section.education01 .sectionInner {
    width: 100%;
    background: none;
    padding-top: 15vw;
	margin-top:0;
}	
section.education01.sliding {
    padding-top: 0;
    background: none;
}			
section.education02 {
    width: 100%;
    margin-top: 10vw;
}	
section.education02 .sectionInner {
    width: 88%;
    margin: 0 auto;
}	
.education02 figure {
	margin-bottom:35vw;
	width:100%;
}	 
.education02 figure img {
	width:100%;
	height:auto;
}		
section.education03, section.education04, section.education05, section.education06 {
    width: 100%;
    margin-top: 10vw;
	margin-bottom: 25vw;
}	
section.education03 .sectionInner, section.education04 .sectionInner, section.education05 .sectionInner, section.education06 .sectionInner {
    width: 88%;
    margin: 0 auto;
}	
.education section .sectionInner h2 {
    font-size: 6.9vw;
    font-weight: bold;
    color: #0086F8;
    display: inline-block;
    text-align: center;
    border-bottom: 1px solid #000;
    padding-bottom: 5.5vw;
    margin: auto;
}	
.education section.education07 .sectionInner h2 {
    display: inline-block;
    border-bottom: 1px solid #000;
    font-size: 6.9vw;
    border-left: none;
    text-align: center;
    padding: 0 0 0.8em 0;
    margin-left: 0;
    color: #0086F8;
    font-weight: bold;
    width: 72vw;
    margin-left: 8vw !important;
}	
.eduSampleBox {
    display: block;
    margin-top: 7vw;
    width: 100%;
}	
.eduSample {
    width: 100%;
    margin-right: 0;
    margin-bottom: 7vw;
    box-sizing: border-box;
    padding: 5vw;
    background: #EFF2F7;
    border: 1px solid #008AFF;
}	
.others section .eduSample h3{
    font-size:4.8vw;
	margin-bottom:4.8vw;
}		
.others section .eduSample p {
    font-size: 3.7vw;
    margin-bottom: 3vw;
    line-height: 1.8;
}	
.eduSample img {
	width:100%;
	height:auto;
}	
	
section.education04 {
    width: 100%;
    margin: 0 auto 25vw;
    background:none;
    padding-top: 0;
    padding-bottom: 0;
}
section.education06 {
    width: 100%;
    margin: 0 auto 25vw;
    background:none;
    padding-top: 0;
    padding-bottom: 0;
}	
section.education07 .sectionInner {
    width: 88%;
    margin: 0 auto;
}	
.education07 ul.kanren {
    width: 86vw;
    display: block;
    margin: 10vw auto;
}	
	
/* WELFARE */	
.welfare .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url(../images/cat_welfare_sp@2x.jpg) no-repeat;
    background-size: cover;
}
	
section.welfare01 .sectionInner {
    width: 100%;
    background: none;
    padding-top: 15vw;
	margin-top:0;
}	
section.welfare01.sliding {
    padding-top: 0;
    background: none;
}				
.welfareExBox {
    width: 88%;
    margin: 10vw auto;
    display: block;
}	
.welfareEx {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    border: 1px solid #008AFF;
    background: #EFF2F7;
    padding: 5.3vw;
    margin-bottom: 3vw;
}	
.welfareEx.ikuji {
    height: auto;
}	
.welfareEx h3::before {
    margin-bottom: 0.2em;
}	
.others section .welfareEx h3 {
    font-size: 4.8vw;
}	
.welfareEx.theLast  {
    margin-bottom: 18vw;
}		
.ikujiBnrBox {
    width: 100%;
    margin: 15vw auto;
    background: #F5F5F5;
    padding: 7.4vw 0;
    box-sizing: border-box;
    position: relative;
}	
.ikujiBnrBox ul {
    width: 88%;
    margin: auto;
}	
.ikujiBnrBox::before {
    position: absolute;
    top: -3.5vw;
    left: 47%;
    content: '';
    width: 0;
    height: 0;
    border-right: 3.5vw solid transparent;
    border-left: 3.5vw solid transparent;
    border-bottom: 3.9vw solid #F5F5F5;
}	
.ikujiBnrBox ul li {
    width: 28vw;
	margin-bottom:0;
}	
.ikujiBnrBox ul li img {
    width: 100%;
	height:auto;
}		
	
	
/* INTERNSHIP */	
.internship .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url(../images/cat_internship_sp@2x.jpg) no-repeat;
    background-size: cover;
}
	
section.internship01 .sectionInner {
    width: 100%;
    background: none;
    padding-top: 15vw;
	margin-top:0;
}	
section.internship01.sliding {
    padding-top: 0;
    background: none;
}				
.tokuchoBox {
    display: block;
    width: 78%;
    margin: 20vw auto;
}	
.tokuchoBox dl {
    width: 100%;
	margin-bottom:20vw;
}	
.tokuchoBox dl dd {
    font-size: 5.8vw;
    line-height: 1.6;
    color: #0086F8;
    margin-top: 2.6vw;
    text-align: center;
}	
.tokuchoBox dl dt span {
    position: absolute;
    top: -14.6vw;
    left: 0;
    font-size: 37.3vw;
    color: #90CCFF;
    display: block;
    font-family: futura-pt, sans-serif;
    font-weight: 300;
    font-style: normal;
}	
section.internship02 .sectionInner {
    width: 88%;
    margin: 0 auto;
    padding-top: 10vw;
}	
section.internship02 h2 {
	display:block;	
}	
.internship dl.gaiyou {
    width: 100%;
}
.internship p.kochiraBtn a {
    color: #fff;
    font-size: 4.5vw;
    font-weight: bold;
    box-sizing: border-box;
    padding: 1.5em 0;
    background: linear-gradient( 
214deg, rgba(0,138,255,1) 0%, rgba(0,75,216,1) 100%);
    width: 100%;
    height: 26.6vw;
    margin: 0 auto 0;
    position: relative;
    line-height: 1.4;
    text-align: center;
    display: block;
    text-decoration: none;
}	
p.kochiraBtn a::after {
    content: '';
    width: 10vw;
    height: 2vw;
    background: url(../images/arrow.svg) no-repeat;
    background-size: 10vw;
    display: block;
    position: absolute;
    top: 12.5vw;
    right: 2vw;
}
.internship .message03 ul.kanren {
    width: 100%;
    display: block;
    margin: auto;
    margin-top: 10vw;
    margin-bottom: 30px;
}	
	
/* STUDENT */	
.student .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url(../images/cat_student_sp@2x.jpg) no-repeat;
    background-size: cover;
}
	
section.student01 .sectionInner {
    width: 100%;
    background: none;
    padding-top: 15vw;
	margin-top:0;
}	
section.student01.sliding {
    padding-top: 0;
    background: none;
}
section.student02 {
    margin-top:30vw;;
}	
section.student01 .sectionInner, section.student02 .sectionInner {
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
}	
.others section p.iiwake, .student section p.iiwake {
    font-size: 3.7vw;
    line-height: 1.6;
    width: 88%;
    text-align: left;
    margin:10vw auto;
}	
.others section p.kochiraBtn, .internship section p.kochiraBtn, .student section p.kochiraBtn {
    margin: 30vw auto 20vw;
	width:88%;
}	
p.kochiraBtn a {
    color: #fff;
    font-size: 4.5vw;
    font-weight: bold;
    box-sizing: border-box;
    padding: 0 0;
    background: linear-gradient(
214deg, rgba(0,138,255,1) 0%, rgba(0,75,216,1) 100%);
    width: 100%;
    height: 26.6vw;
    margin: 0 auto 0;
    position: relative;
    line-height: 26.6vw;
    text-align: center;
    display: block;
    text-decoration: none;
}	
.student .message03 ul.kanren {
    width: 100%;
    display: block;
    margin: auto;
    margin-top: 10vw;
    margin-bottom: 30px;
}	
.student01 .workInnerLink {
    width: 88%;
    margin: 10vw auto;
    display: block;
}	
	
/* CAREER */	
.career .site-header, .career001 .site-header, .career002 .site-header, .career003 .site-header, .career004 .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url(../images/cat_career_sp@2x.jpg) no-repeat;
    background-size: cover;
}
	
section.career01 .sectionInner {
    width: 100%;
    background: none;
    padding-top: 15vw;
	margin-top:0;
}	
section.career01.sliding {
    padding-top: 0;
    background: none;
}	
.career h1.pageTtl {
    position: absolute;
    top: 34vw;
    left: 26vw;
    width: 48vw;
    text-align: center;
    font-size: 7.4vw;
    color: #fff;
    font-weight: bold;
    line-height: 1.2;
    margin: auto;
}
.bosyuIchiranBox {
    width: 100%;
    margin: 11vw auto;
    display: block;
}	
.bosyu {
    width: 88%;
    margin:0 auto 20vw;
}
.bosyu h4 {
    font-size: 6.9vw;
    font-weight: bold;
    width: 100%;
    text-align: center;
}	
.bosyu dl {
    width: 100%;
    overflow: hidden;
    height: 34.6vw;
    background: #EFF2F7;
    padding: 9.6vw 8vw;
    box-sizing: border-box;
    margin-top: -3.2vw;
	margin-bottom:25vw;
}	
.bosyu dl dt {
    width: 38%;
    float: left;
    border-right: 1px solid #D0D9E6;
    height: 13vw;
    line-height: 13vw;
	font-size:3.7vw;
}	
.bosyu dl dd {
    width: 60%;
    float: right;
    height: 13vw;
    line-height: 1.4;
    box-sizing: border-box;
    font-size: 3.4vw;
	display: flex;
    justify-content: space-between;
    flex-direction: column;
    justify-content: center;
}	
.bosyu p a {
    color: #fff;
    font-size: 4.5vw;
    font-weight: bold;
    box-sizing: border-box;
    padding: 1em 0 0 1.5em;
    background: linear-gradient( 
214deg, rgba(0,138,255,1) 0%, rgba(0,75,216,1) 100%);
    width: 63.2vw;
    height: 16.5vw;
    margin: -34vw auto 0;
    position: relative;
    line-height: 1.4;
    text-align: left;
    display: block;
    text-decoration: none;
}	
.bosyu p a::after {
    content: '';
    width: 9.3vw;
    height: 1.1vw;
    background: url(../images/arrow.svg) no-repeat;
	background-size:9.9vw;
    display: block;
    position: absolute;
    top: 6.9vw;
    right: 2.6vw;
}	
.bosyu:nth-child(even) {
    float: none;
}	
.bosyu:nth-child(even) {
    margin-right: auto;
}	
p.tuika {
    position: absolute;
    top: 45vw;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 3.7vw;
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 0.1vw;
}	
.others section p.preH2, .career001 section p.preH2, .career002 section p.preH2, .career003 section p.preH2, .career004 section p.preH2 {
    font-size: 6.9vw;
    font-weight: bold;
    color: #0086F8;
    margin: 0 0 0;
    line-height: 1.6;
}	
.career .message03 ul.kanren, .career001 .message03 ul.kanren, .career002 .message03 ul.kanren, .career003 .message03 ul.kanren, .career004 .message03 ul.kanren {
    width: 100%;
    display: block;
    margin: auto;
    margin-top: 10vw;
    margin-bottom: 10vw;
}	
	
	
/* INQUIRY */	
.inquiry .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url(../images/cat_inquiry_sp@2x.jpg) no-repeat;
    background-size: cover;
}
	
section.inquiry01 .sectionInner {
    width: 100%;
    background: none;
    padding-top: 15vw;
	margin-top:0;
}	
section.inquiry01.sliding {
    padding-top: 0;
    background: none;
}		
section.inquiry01 .sectionInner {
    width: 88%;
    background: none;
    padding-top: 15vw;
    margin: 0 auto;
}	
.formBox {
    width: 100%;
    margin: auto;
}	
.formBox dl.gaiyou {
    padding: 10vw 0 5vw;
	width:100%;
}	
.formBox dl.gaiyou dt, .formBox.confirm dl.gaiyou dt {
    width: 100%;
    padding-top: 0;
	margin-bottom:5vw;	
}	
.formBox dl.gaiyou dd {
    width: 100%;
}	
.formBox input.small {
    width: 46vw;
    margin-right: 1em;
	margin-bottom:3vw;
	-webkit-appearance:none;
	border-radius: 0;
}
.formBox input.baby {
    width:13.3vw;
	margin-right:1em;
	-webkit-appearance:none;
	border-radius: 0;
}	
label.small {
    width: 8vw;
    text-align: center;
    display: inline-block;
}	
.formBox input.large, .formBox input.midium {
    width: 100%;
    margin-right: 0;
    margin-bottom: 3vw;
	margin-left:0;
	-webkit-appearance:none;
	border-radius: 0;
}	
.formBox input.radio {
    width: 4vw;
}

.my-radio {
  position: relative;
  display: block; 
  margin: 0 0;
    padding-left: 6vw;
  cursor: pointer;
  user-select: none;
}
/* inputは非表示にする */
.my-radio input {
  display: none;
}
/* 常に表示する枠線の円 */
.radio-mark {
  position: absolute;
  top: 1vw;
  left: 0;
  height: 4.8vw; /* 大きさ */
  width: 4.8vw; /* 大きさ */
  border: solid 2px #d4dae2; /* 線 */
  border-radius: 50%;
  box-sizing: border-box;
}
/* 選択時に重ねる円 */
.radio-mark:after {
  content: "";
  position: absolute;
  background: #2e80ff; /* 色 */
  border-radius: 50%;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  opacity: 0; /* 透明にしておく */
}
/* 選択時に重ねた円の透明を解除 */
.my-radio input:checked + .radio-mark:after {
  opacity: 1;
}	
	
	
	
	
.formBox label {
    font-weight: normal;
	float: left;
    margin-right: 3vw;
}
	
.formBox input {
	font-size:3.7vw;
}		
.formBox input, .formBox select, .formBox textarea {
    border: 1px solid #DEDEDE;
    padding: 8px;
    box-sizing: border-box;
    outline: none;
	width:100%;
	box-sizing:border-box;
	font-size: 3.7vw;
}	
.formBox textarea {
		-webkit-appearance:none;
	border-radius: 0;
}	

.inquiryBtn, input.inquiryBtn {
    color: #fff;
    font-size: 4.5vw;
    font-weight: bold;
    box-sizing: border-box;
    padding: 1.5em 0;
    background: linear-gradient( 
214deg, rgba(0,138,255,1) 0%, rgba(0,75,216,1) 100%);
    width: 100%;
    height: 26.6vw;
    margin: 0 auto 0;
    position: relative;
    line-height: 1.4;
    text-align: center;
    display: block;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
}	
.inquiryBtn::after, input.inquiryBtn::after {
    content: '';
    width: 9.3vw;
    height: 1.1vw;
    background: url(../images/arrow.svg) no-repeat;
	background-size:9.3vw;
    display: block;
    position: absolute;
    top: 12.5vw;
    right: 3vw;
}	
.formBox dl.gaiyou dt.hissu::before {
    content: "必須";
    color: #ffffff;
    display: block;
    background: #008AFF;
    float: left;
    padding: 0.2em 0.4em 0.2em 0.5em;
    font-size: 3.4vw;
    font-weight: bold;
    letter-spacing: 0.3em;
    text-align: center;
    margin-right: 2em;
    margin-top: -0.8vw;
}	
.formBox dl.gaiyou dt.ninni::before {
    content: "任意";
    color: #808077;
    display: block;
    background: #EBEBEB;
    float: left;
    padding: 0.2em 0.4em 0.2em 0.5em;
    font-size: 3.4vw;
    font-weight: bold;
    letter-spacing: 0.3em;
    text-align: center;
    margin-right: 2em;
    margin-top: -0.8vw;
}	
.formBox input.modoruBtn {
    color: #000;
    font-size: 4.5vw;
    font-weight: bold;
    box-sizing: border-box;
    padding: 0 0;
    background: #ebebeb;
    width: 46.6vw;
    height: 13.3vw;
    margin: 0 auto 0;
    position: relative;
    line-height: 13.3vw;
    text-align: center;
    display: block;
    text-decoration: none;
    border: none;
    cursor: pointer;
    margin-top: 8vw;
    font-family: 'Noto Sans CJK JP','Noto Sans Japanese','Noto Sans JP','Noto SansJP',Meiryo,"メイリオ","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
}	
	
.others section p.thankU {
    font-size: 3.7vw;
    line-height: 1.6;
    width: 100%;
    margin: 0 auto 1em;
}	
.others section p.goryousyou {
    font-size: 3.2vw;
    line-height: 2.0;
    width: 88%;
    margin: 10vw auto;
}	
.others section p.osusumi {
    font-size: 3.7vw;
    line-height: 2.0;
     width: 88%;
    margin: 10vw auto;
}	
label.midium {
    width: 28vw;
    text-align: left;
    display: inline-block;
}	
label.midium.gakunen {
    width: 9vw;
}		
	
.form_intern .site-header, .form_intern_confirm .site-header, .form_intern_send .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url("../images/cat_internship_sp@2x.jpg") no-repeat;
    background-size: cover;
}	
section.internship01 .sectionInner {
    width: 88%;
    background: none;
    padding-top: 15vw;
    margin: 0 auto;
}	

.others.form_intern section p.thankU {
    font-size: 3.7vw;
    line-height: 1.6;
    width: 100%;
    margin: 7vw auto 1em;
}	
	
.form_student .site-header, .form_student_confirm .site-header, .form_student_send .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url(../images/cat_student_sp@2x.jpg) no-repeat;
    background-size: cover;
}	
section.student01 .sectionInner {
    width: 88%;
    background: none;
    padding-top: 15vw;
    margin: 0 auto;
}
section.student02 .sectionInner {
    width: 100%;
    background: none;
    padding-top: 15vw;
    margin: 0 auto;
}	
.others.form_student section p.thankU {
    margin: 10vw auto 1em;
}	
	

	
	
	
/* PRIVACY */	
.privacy .site-header {
    width: 100%;
    height: 61.3vw;
    position: relative;
    background: url(../images/cat_privacy_sp@2x.jpg) no-repeat;
    background-size: cover;
}
	
section.privacy01 .sectionInner {
    width: 100%;
    background: none;
    padding-top: 15vw;
	margin-top:0;
}	
section.privacy01.sliding {
    padding-top: 0;
    background: none;
}	
section.privacy01 .sectionInner {
    width: 88%;
    background: none;
    padding-top: 15vw;
    margin-top: 0;
}	
.privacy section.privacy01 h2 {
    font-size: 6.9vw;
    font-weight: bold;
    color: #0086F8;
    display: block;
    text-align: center;
    margin: auto auto 4vw;
    width: 100%;
}	
section.privacy02 {
    width: 100%;
    margin: 10vw auto 0;
}	
	
section.privacy02 .sectionInner {
    width: 88%;
    margin: auto;
    position: relative;
}	
.ulDouble {
    display: block;
}	
.privacy section.privacy02 h3 {
    font-size: 3.7vw;
    font-weight: bold;
    color: #0086F8;
    margin-bottom: 6vw;
}	
.ulDouble ul li {
    margin-bottom: 4vw;
}	
.privacy hr {
    width: 100%;
    border: none;
    border-top: 1px solid #B9B9B9;
    margin: 12vw 0;
}	
section.privacy03 {
    width: 100%;
    margin: 20vw auto;
}	
.others section.privacy03 h2 {
    font-size: 5vw;
    border-left: none;
    text-align: center;
    padding: 0 0 0.8em 0;
    margin: 0 0 0 0;
    color: #0086F8;
    letter-spacing: 1px;
    background: none;
    line-height: 1.4;
}	
section.privacy03 .sectionInner {
    width: 100%;
    padding: 8vw 0 5.3vw;
    box-sizing: border-box;
    background: #EFF2F7;
    text-align: center;
}	
.others section.privacy03 p {
    font-size: 3.7vw;
    line-height: 2.0;
}	
.others section.privacy03 p strong {
    font-size: 4.5vw;
    font-weight: bold;
}	
.message03 h2 {
    width: 88vw;
	margin-left: 0 !important;
}	
	
	
	
	
	
html.is-fixed,
html.is-fixed body {

    height: 100%;
    overflow: hidden;
}	
.site-header.transform {
    margin-bottom: 0;
}	
	
span.tumetume {
	letter-spacing: 0;	
}	
span.gyugyu, .gyugyu {
	letter-spacing: -0.1vw !important;		
}
	
	
.kochira_close {
    cursor: pointer;
    position: absolute;
    right: 8%;
    top: 10%;
    font-size: 2rem;
    color: #333;
    z-index: 1;
}
.kochira_block {
	background-color: #f4f4f6;
    left: 5%;
    position: absolute;
    top: 10%;
    padding: 0.5em;
    width: 90%;
    box-sizing: border-box;
	height: 80%;
    overflow-y: scroll;
}	
.formBox .kochira_block dl.gaiyou dt {
    margin-top: 1em;
}	

	
.form_intern h1.pageTtl, .form_intern_confirm h1.pageTtl, .form_intern_send h1.pageTtl {
    width: 60vw;
    text-align: center;
    font-size: 7.4vw;
	left:20vw;
}	
	
	
.peopleTxt p.toInterview a {
    line-height: 3.0;
    color: #000;
    font-size: 4.5vw;
	text-decoration:none;
	background: url(../images/bg_list.svg) no-repeat;
    background-position: top 5px right;
	padding-right:40px;
}
	
	
.interview11 .site-header {
    position: relative;
    background: url(../images/cat_interview11sp@2x.jpg) no-repeat;
    background-size: 100%;
}
.interview12 .site-header {
    position: relative;
    background: url(../images/cat_interview12sp@2x.jpg) no-repeat;
    background-size: 100%;
}	
.interview13 .site-header {
    position: relative;
    background: url(../images/cat_interview13sp@2x.jpg) no-repeat;
    background-size: 100%;
}		
.interview14 .site-header {
    position: relative;
    background: url(../images/cat_interview14sp@2x.jpg) no-repeat;
    background-size: 100%;
}		
.interview15 .site-header {
    position: relative;
    background: url(../images/cat_interview15sp@2x.jpg) no-repeat;
    background-size: 100%;
}		
	
.slick-prev{
	position:absolute;
	top: 80% !important;
    left: 30% !important;
}
.slick-next {
	position:absolute;
	top: 80% !important;
    right: 30% !important;

}	
.slick-slider.memberList {
    position: relative !important;
    width: 100%;
    overflow: hidden;
    height: 162vw;
}	
	
.others.interview section.interviewSec04 h2 a  {
    font-size: 6.2vw;
    color: #0086F8;
    font-weight: bold;
 
}	
.interview  .slick-slider.memberList {
    position: relative !important;
    width: 100%;
    overflow: hidden;
    height: 150vw;
}	
	
.interview section.interviewSec04 {
    margin-bottom: 0;
}	
	
.memberList .slick-prev, .memberList .slick-next {
    top: 90% !important;
}
	
.indexPage .memberList .slick-prev, .indexPage .memberList .slick-next {
    top: 80% !important;
}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
} 






@media screen and (max-width:320px){
.interviewtop p.busLead {
    font-size: 3.8vw;	
    height: 29vw;
}
.others.interviewtop section p.detailNameJ {
    margin-bottom:0;
}
section.int001 {
    height: 48vw;
}	
section.int001 .peopleDetail {
    width: 60vw;
}	
section.int004 {
    height: 49vw;
}	
section.int005 {
	margin: 0 0 0 0;
    height: 50vw;
}	
section.int006 {
    margin: 0 0 0 0;
}	
	
}