* {margin: 0;padding: 0;}
html{font-size:62.5%;}
img{vertical-align: bottom; max-width: 100%;}
li{list-style: none;}
.in-right{text-align: right;}
.in-left{text-align: left;}
.in-center{text-align: center;}
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.medium {font-weight: 500;}
.arial {font-family: arial sans-serif;}
.noto { font-family: 'Noto Sans JP', sans-serif;}
.pc-none {display: none;}
.sp-none {display: block;}
.spMS-none {
	display: inline;
}
.spMS-br {
	display: none;
}
.disc li {list-style: disc inside;}
.f-14 {font-size: 1.4rem;}
.f-16, h5 {font-size: 1.6rem;}
.f-18, h4 {font-size: 1.8rem;}
.f-20 {font-size: 2rem;}
.f-22, h3 {font-size: 2.2rem;}
.f-24 {font-size: 2.4rem;}
.f-26 {font-size: 2.6rem;}
.f-28, h2 {font-size: 2.8rem;}
.f-30 {font-size: 3rem;}
.f-32, h1 {font-size: 3.2rem;}
.f-36 {font-size: 3.6rem;}
.f-38 {font-size: 3.8rem;}
.f-42 {font-size: 4.2rem;}
.f-45 {font-size: 4.5rem;}
.f-70 {font-size: 7rem;}
.f-76 {font-size: 7.6rem;}
.lh-10 {line-height: 1;}
.lh-12 {line-height: 1.2;}
.lh-14 {line-height: 1.4;}
.lh-18 {line-height: 1.8;}
.lh-25 {line-height: 2.5;}
.lh-28 {line-height: 2.8;}
.ls-100 {letter-spacing: 1rem;}
.ls--008 {letter-spacing: -0.08rem;}
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #333;
}

.f-white {color: #fff;}
.f-blue {color: #324D91;}
.f-red {color: #E9482D;}
.f-gray {color: #4F4F4F;}

.btn {
	display: table;
	width: 586px;
	max-width: 586px;
	margin: 0 auto;
	padding: 10px 0;
	text-decoration: none;
	color: #fff;
	text-align: center;
	background: #E9482D url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/icon-arrow-01.svg) 93.5% 50% no-repeat;
	border-radius: 100px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
}

.btn:hover {
	opacity: .75;
}

a, a:link, a:visited {
    text-decoration: none;
}

.flex {
	display: flex;
	justify-content: space-between;
}

.s-15 .pics.flex {
	justify-content: space-around;
}

.inner {
	max-width: 1080px;
	padding: 0 40px;
	margin: 0 auto;
	position: relative;
}

.accel-japan-logo {
	font-weight: bold;
	position: absolute;
	background-color: rgba(255,255,255,.8);
	text-align: center;
	padding: 10px !important;
	z-index: 100;
	border: 2px solid #144293;
	border-radius: 5px;
}

.accel-japan-logo span {
	font-size: 20px;
}

.accel-1 {
	bottom: 20vw;
	left: 0;
}
.accel-2 {
	top: 20vw;
	left: 20vw;
}

.accel-3 {
	top: 50vw;
 right: 5vw;
}

.accel-4 {
	top: 50vw;
 right: 5vw;
}

.accel-5 {
	top: 20vw;
	left: 20vw;
}

body > header .inner.flex {
	align-items: center;
	height: 88px;
}

body > header .inner > img {
	width: 227px;
	height: auto;
}

body > header .inner .flex {
	align-items: flex-end;
	width: 396px;
}


body > header p + p {
	min-height: 30px;
	padding-left: 38px;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/tel_B.png) 0 80% no-repeat;
	background-size: 11%;
}



.s-01 {
	height: 801px;
	position: relative;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-01-bg-01.jpg) 50% 50%;
	background-size: cover;
	overflow: hidden;
}

.s-01 .bg-01 {
	display: table;
	margin: 27px auto 20px;
	padding: 2px 30px;
	background: #A8DDF8;
}

#h1-01 {
	box-sizing: border-box;
	display: block;
	width: calc(100% - 40px);
	max-width: calc(100% - (50% - ((1080px - (233px * 2 + 68px * 2)) / 2)));
	height: 112px;
	position: relative;
	margin: 20px auto 0 0;
	padding-left: calc(50% - ((1080px - (233px * 2 + 68px * 2)) / 2) - 40px);
	border-left: solid transparent calc(40px + 0);
	background: #1B3984;
	line-height: 1.2;
}

#h1-01:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: -68px;
	border-style: solid;
    border-width: 112px 68px 0 0;
    border-color: transparent;
    border-top-color: #1B3984;
}

#h1-01 .normal {
	padding: 0 40px 0 20px;
}

#h1-02 {
	box-sizing: border-box;
	display: block;
	width: calc(100% - 40px);
	max-width: calc(100% - (50% - ((1080px - (233px * 2 + 68px * 2)) / 2)));
	height: 112px;
	position: relative;
	margin: -11px 0 0 auto;
	padding-left: 56px;
	padding-right: calc(50% - ((1080px - (133px * 2 + 68px * 2)) / 2) - 40px);
	border-right: solid transparent calc(40px + 0);
	background: linear-gradient(90deg, #FFFFFF 50%, rgba(255, 255, 255, 0) 81.73%);
}

#h1-02:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: -68px;
	border-style: solid;
    border-width: 0 0 112px 68px;
    border-color: transparent;
    border-bottom-color: #fff;
}

.s-01 .inner.flex {
	max-width: 785px;
	margin-top: 18px;
	padding: 0 0 0 105px;
}

.s-01 .inner.flex > div {
	flex: 1;
}

.s-01 .inner.flex p + p {
	margin-top: 10px;
}

.s-01 .inner.flex .f-white {
	display: inline-block;
	position: relative;
	margin: 0 8px;
	padding: 0 10px;
}

.s-01 .inner.flex .f-white:first-child {
	margin-left: 0;
}

.s-01 .inner.flex .f-white:after {
	content: "";
	display: block;
	width: 100%;
	height: 38px;
	position: absolute;
	top: 3px;
	left: 0;
	background: #F6C927;
	transform: skewX(-30deg);
}

.s-01 .inner.flex .f-white span {
	position: relative;
	z-index: 100;
}

.s-01 .inner.flex > p {
	width: 190px;
	height: 190px;
	margin: -22px 0 0;
	padding: 5px;
	background: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	border-radius: 50%;
}

.s-01 .inner.flex > p > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 188px;
	height: 188px;
	border: 1px solid #E9482D;
	border-radius: 50%;
}

.s-01 .style {
	width: 100%;
	height: 180px;
	position: absolute;
	bottom: 0;
	background: rgba(255,255,255,.8) url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-01-style-01.svg) 50% 80px no-repeat;
	overflow: hidden;
}

.s-01 .style p:first-child {
	margin: 32px 0 12px;
}

.s-01 .hiromi-top {
    width: 33vw;
    position: absolute;
    bottom: 180px;
    left: 0;
}

.top-br {
	display: none;
}



.cv {
	display: flex;
	align-items: center;
	height: 385px;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/cv-bg.jpg) 50% 50%;
	background-size: cover;
}

.cv p:first-child {
	display: table;
	margin: 0 auto 22px;
	padding: 0 34px;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/cv-style-01.svg) no-repeat 0 92%, url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/cv-style-02.svg) no-repeat 100% 92%;
}

.topic {
	background: linear-gradient(122.95deg, rgba(237,249,255,0.3) 36.46%, rgba(71,145,255,0.3) 108.81%);
	padding-bottom: 76px;
}

.topic .title {
	padding-top: 65px;
}

.topic h3 {
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
}

.topic a {
	font-size:20px;
}


.topic ul {
    padding-top: 20px;
    max-width: 800px;
	box-sizing: border-box;
}

.topic ul > div {
	position: relative;
	opacity: 0;
	transition-duration: 1.2s;
}

/*
.topic ul > div .more {
	display: block;
	position: absolute;
	bottom: 0;
	right: -92px;
	color: #fff;
	border: 1px solid #fff;
	padding: 5px 20px;
	transition: .3s;
	z-index: 11; 
}
*/

.topic ul > div .more:hover {
	background: #e9482d;
	border: 1px solid #e9482d; 
}

.topic ul li {
	opacity: 0;
	font-size: 18px;
	padding-top: 10px;
	transition-duration: 1.2s;
	border-bottom: solid thin #333;
   /* text-align:center;*/
}

.topic ul li span {
  margin-right: 20px;
  font-size: 14px;
  padding: 0 8px 1px;
  
  background: #e9482d;
  color: #fff;
}

.topic ul li em {
  font-style: normal;
}

.topic ul li a {
	display: block;
	padding: 10px;
	transition: .3s;
}

.topic ul li a:hover {
	text-decoration: underline;
}

.events {
	display: flex;
	align-items: center;
}

.event {
	display: flex;
}

.event_image {
	width: 40%;
	padding: 20px;
}

.event_image img {
	box-shadow: 0 0 10px rgb(0, 0, 0, 0.3);
}

.event_desc {
	padding: 20px 0 30px;
	width: 60%;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}

.event_date {
	margin-bottom: 10px;
}

.event_btn_wrp {
	display: flex;
	width: 100%;
}

.topic .event-btn {
	border-radius: 5px;
	cursor: pointer;
	width: 100%;
	font-weight: bold;
	text-align: center;
	margin: 5px;
	padding: 5px;
}

.topic .event-btn:hover {
	text-decoration: none;
	opacity: 0.6;
}

.event-btn:first-child {
	background: #F6C927;
	color: #e9482d;
}

.event-btn:last-child {
	background: #e9482d;
	color: #fff;
}

.topic p.event_detail {
	font-size: 14px;
	padding: 20px 0;
}


.s-02 > div {
	position: relative;
	z-index: 100;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-02-bg-01.jpg) no-repeat 50% 0;
	background-size: cover;
	border-bottom: 26px solid #324D91;
}

.s-02 h2 {
	padding: 115px 0 55px;
}

.s-02 ul.list {
	display: table;
	margin: 0 auto -26px;
	padding: 76px 58px;
	line-height: 2.56;
	background: #fff;
	border: 1px solid #4F4F4F;
	border-radius: 5px;
}

.s-02 ul.list li {
	padding-left: 38px;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/icon-check-01.svg) no-repeat 0 18px;
}

.s-02 ul.worry {
	position: relative;
	padding: 24px 0 30px;
	background: #324D91;
}

.s-02 ul.worry:before {
    content: "";
    display: block;
    width: 2px;
    height: 22px;
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    background: #fff;
}


.s-02 ul.worry:after {
	content: "";
	display: block;
	width: 74px;
	height: 32px;
	position: absolute;
	bottom: -32px;
	left: calc(50% - 37px);
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-02-style-03.svg) no-repeat 50% 0;
}

.s-02 ul.worry li {
	display: table;
	margin: 0 auto;
	position: relative;
}

.s-02 ul.worry li:before, .s-02 ul.worry li:after {
	content: "";
	display: block;
	width: 23px;
	height: 50px;
	position: absolute;
	top: 16px;
	left: -45px;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-02-style-01.svg);
}

.s-02 ul.worry li:after {
	top: auto;
	left: auto;
	bottom: 16px;
	right: -36px;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-02-style-02.svg);
}



.s-03 {
	padding: 82px 0 78px;
}

.s-03 p:first-child {
	margin-bottom: 18px;
}

.s-03 h2 {
	display: table;
	position: relative;
	z-index: 10;
	margin: 40px auto -38px;
	padding: 6px 57px;
	background: #324D91;
}

.s-03 .img {
	overflow: hidden;
	height: 676px;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-03-bg-01.jpg) no-repeat 50% 50%;
	background-size: cover;
}

.s-03 .img > p {
	display: table;
	margin: 92px auto 0;
}

.s-03 .txt-01, .s-03 .txt-02 {
	box-sizing: border-box;
	max-width: 920px;
	margin: 0 auto;
}

.s-03 .txt-01 {
	margin-top: 56px;
	padding: 6px 0;
	background: #838383;
}

.s-03 .txt-02 {
	padding: 25px 30px;
	background: #F0F0F0;
}



.s-04 {
	padding: 85px 0 102px;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-04-bg-01.png) no-repeat 50% 50%;
	background-size: cover;
}

.s-04 h2 {
	display: table;
	margin: 0 auto 48px;
	border-bottom: 3px double #3A2C99;
}

.s-04 .flex {
	max-width: 1080px;
	margin: 0 auto;
	padding: 0 40px;
}

.s-04 .flex > div {
	box-sizing: border-box;
	width: 32%;
	padding: 50px 35px;
	background: #fff;
	border-radius: 5px;
	box-shadow: 4px 6px 18px rgba(0, 0, 0, 0.15);
}

.s-04 .flex h3 {
	margin: 46px 0 26px;
}

.s-04 .flex .in-right {
	margin-top: 18px;
}

.s-05 {
	overflow: hidden;
	height: 900px;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/img_02/pc_people_s01.png) no-repeat 50% 50%;
	background-size: cover;
	position: relative;
}

.s-05 p {
	margin: 525px 0 0;
	padding: 47px 0;
	background: rgba(255,255,255,.8);
}



.s-06 {
	padding: 131px 0 100px;
	background: #F0F0F0 url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-06-bg-01.jpg) no-repeat 50% 0;
}

.s-06 h2 {
	display: table;
	margin: 0 auto;
	position: relative;
}

.s-06 h2:before {
	content: "";
	display: block;
	width: 98%;
	height: 30px;
	position: absolute;
	left: 5px;
	bottom: 0;
	background: rgba(246,201,39,.5);
}

.s-06 .contents {
	max-width: 920px;
	margin: 0 auto;
	padding: 0 40px;
}

.s-06 h2 span {
	position: relative;
	z-index: 10;
}

.s-06 .offset {
	display: table;
	margin: 170px 0 208px;
	position: relative;
}

.s-06 .offset:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: -8px;
	left: -8px;
	background: rgba(255,255,255,.8);
}

.s-06 .offset span {
	display: block;
	position: relative;
	z-index: 10;
	padding: 20px 30px;
	border: 1px solid #324D91;
}

.s-06 h3 {
	position: relative;
	margin: 112px 0 24px;
	padding: 0 0 22px;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-06-style-01.svg) no-repeat 100% 100%;
}

.s-06 h3.in-right {
	padding: 0 0 26px;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-06-style-02.svg) no-repeat 0% 100%;
}

.s-06 h3 span {
	display: block;
	position: absolute;
	top: -4px;
	left: 217px;
	line-height: 1;
}

.s-06 h3.in-right span {
	left: 189px;
}

.s-06 .box {
	margin: 44px 0 0;
	padding: 45px 0;
	background: #fff;
}

.s-06 .box img {
	max-width: 100%;
	margin: 0 auto;
}



.closing {
	overflow: hidden;
	position: relative;
	height: 900px;
}

.closing h2 {
	display: table;
	position: relative;
	z-index: 10;
	margin: 489px auto -22px;
	padding: 6px 44px;
	background: #324D91;
}

.closing > div {
	padding: 47px 0;
	background: rgba(255,255,255,.8);
}

.closing > div p {
	display: table;
	margin: 0 auto;
}

.view_area_9 {
	position: relative;
}


.s-07 .closing {
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/img_02/pc_people_s02.png) no-repeat 50% 50%;
    background-size: cover;
}

.s-07 .closing + div {
	position: relative;
	margin-bottom: 32px;
	padding: 85px 0 55px;
	background: #324D91;
}

.s-07 .closing + div:before {
	content: "";
	display: block;
	width: 2px;
	height: 49px;
	position: absolute;
	top: 0;
	left: calc(50% - 1px);
	background: #fff;
}

.s-07 .closing + div:after {
	content: "";
    display: block;
    width: 74px;
    height: 32px;
    position: absolute;
    bottom: -32px;
    left: calc(50% - 37px);
    background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-02-style-03.svg) no-repeat 50% 0;
}



.s-08 {
	padding: 80px 0 111px;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-08-bg-01.jpg) no-repeat 50% 0;
}

.s-08 h2 span.f-38 {
	padding: 0 12px;
	background: linear-gradient(0deg, rgba(246,201,39,0.5) 45%, rgba(255,255,255,0) 45%);
}

.s-08 h3 {
	margin: 132px 0 48px;
	position: relative;
}

.s-08 h3:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	background: #144293;
}

.s-08 .contents > div:first-child h3 {
	margin-top: 62px;
}

.s-08 h3 + h4 {
	margin: 0 0 76px;
}

.s-08 .left {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: calc(100% - 40px);
	max-width: calc(100% - (50% - ((1080px - (242px * 2)) / 2)));
	height: 172px;
	position: relative;
	margin: 30px auto 0 0;
	padding-left: calc(50% - ((1080px - (242px * 2)) / 2) - 30px);
	padding-right: 200px;
	border-left: solid transparent calc(30px + 0);
	background: #E2EFFA;
	border-radius: 0 200px 200px 0;
}

.s-08 .right {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	width: calc(100% - 40px);
	max-width: calc(100% - (50% - ((1080px - (242px * 2)) / 2)));
	height: 172px;
	position: relative;
	margin: 30px 0 0 auto;
	padding-right: calc(50% - ((1080px - (242px * 2)) / 2) - 30px);
	padding-left: 200px;
	border-left: solid transparent calc(30px + 0);
	background: #E2EFFA;
	border-radius: 200px 0 0 200px;
}

.s-08 .left p {
	position: relative;
	z-index: 10;
}

.s-08 .right p {
	position: relative;
	z-index: 10;
}

.s-08 .left img {
	position: absolute;
	top: 10px;
	right: 10px;
}

.s-08 .right img {
	position: absolute;
	top: 10px;
	left: 10px;
}

.s-08 .contents > div:nth-child(1) .left {
	padding-right: 184px;
}

.s-08 .contents > div:nth-child(2) .right {
	padding-left: 206px;
}

.s-08 .contents > div:nth-child(2) .left {
	padding-right: 258px;
}

.s-08 .box {
	box-sizing: border-box;
	max-width: 920px;
	margin: 50px auto 0;
	padding: 40px 30px;
	background: #F0F0F0;
}

.s-08 .box > div:first-child {
	box-sizing: border-box;
	height: 290px;
	padding: 62px 0 0 99px;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-08-bg-02.jpg) no-repeat;
}

.s-08 h5 {
	display: table;
	margin: 0 0 30px;
	padding: 0 0 0 4px;
	background: linear-gradient(0deg, rgba(246,201,39,0.5) 45%, rgba(255,255,255,0) 45%);
}

.s-08 .box .flex {
	align-items: center;
}

.s-08 .box .flex:nth-child(even) {
	margin: 38px 0 25px;
}

.s-08 .box .flex > div:first-child {
	width: 210px;
}

.s-08 .box .flex > div:last-child {
	flex: 1;
	padding: 0 0 0 18px;
}

.s-08 .box .flex p.f-white {
	padding: 4px 0;
	background: #333;
}

.s-08 .contents > div:last-child h4 {
	margin-bottom: 46px;
}

.s-08 .contents > div:last-child h4 + p {
	display: table;
	margin: 0 auto 48px;
	padding: 26px 92px;
	background: #E2EFFA;
	border-radius: 100px;
}

.s-08 .contents > div:last-child p:last-child {
	display: table;
	margin: 62px auto 0;
	padding: 24px 58px;
	background: #333;
}

.view_area_11 {
	position: relative;
}

.s-09 .closing {
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/img_02/pc_people_s03.png) no-repeat 50% 50%;
    background-size: cover;
}



.s-10 {
	padding: 95px 0 70px;
}

.s-10 .inner {
	max-width: 1000px;
}

.s-10 h2 {
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-10-bg-01.svg) no-repeat 50% 47%;
}

.s-10 .box {
	margin: 20px 0 80px;
	padding: 80px 70px 100px;
	background: rgba(246,201,39,.2);
}

.s-10 .box header {
	padding: 30px;
	background: #fff;
}

.s-10 .box .flex:first-child h3 {
	margin: -54px 0 0 -54px;
}

.s-10 .box:nth-child(odd) .flex:first-child > h3 {
	margin: -54px -54px 0 0;
}

.s-10 .box:nth-child(even) .flex:first-child > p:nth-child(2) {
	margin: 0 50px;
}

.s-10 .box:nth-child(odd) .flex:first-child > p:nth-child(1) {
	margin: 0 50px 0 0;
}

.s-10 .box .flex:first-child > p img {
	margin: -3px 0 0;
}

.s-10 .box .flex:first-child > div {
	flex: 1;
}

.s-10 .box .flex:first-child > div p:first-child {
	display: table;
	margin: 0 0 10px;
	padding: 3px 10px;
	background: #F0F0F0;
	border: 1px solid #324D91;
}

.s-10 .box header h4 {
	margin: 24px 0 15px;
	position: relative;
}

.s-10 .box header h4:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	background: #333;
}

.s-10 .box header h4 span {
	padding-right: 15px;
	position: relative;
	z-index: 10;
	background: #fff;
}

.s-10 .box dl.flex {
	margin-top: 25px;
}

.s-10 .box dl.flex dt {
	padding: 5px 0;
	background: #767676;
}

.s-10 .box dl.flex dd {
	padding: 5px 0;
	background: #E9E9E9;
}

.s-10 .box dl.flex dt:nth-child(1) {
	width: 26.25%;
}

.s-10 .box dl.flex dd:nth-child(2) {
	width: 19.25%;
	margin-right: 3%;
}

.s-10 .box dl.flex dt:nth-child(3) {
	width: 19.25%;
}

.s-10 .box dl.flex dd:nth-child(4) {
	width: 32.25%;
}

.s-10 .box > h4 {
	margin: 50px 0 32px;
	padding: 5px 0;
	background: #fff;
	border: 1px solid #333;
}

.s-10 .box > h4 + p {
	margin-bottom: 40px;
}

.s-10 .list {
	margin: 62px -30px 0;
	padding: 25px 30px 45px;
	background: #fff;
}

.s-10 .list h4 {
	display: table;
	margin: -47px auto 20px;
	padding: 5px 186px;
	background: #324D91;
	border-radius: 6px;
}

.s-10 .box + p {
	margin: -56px 0 36px;
	padding-bottom: 50px;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-10-bg-02.png) no-repeat 50% 100%;
}

.s-10 .box + p + p {
	display: table;
	margin: 0 auto 50px;
	padding: 0 10px;
	background: linear-gradient(0deg, rgba(246,201,39,0.5) 45%, rgba(255,255,255,0) 45%);
}

.s-10 > .inner > p:last-child {
	margin: 50px 0 0;
}

.view_area_14 {
	position: relative;
}

.s-11 {
	height: 589px;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/img_02/s-11-bg-01_pc.png) no-repeat 50% 50%;
	background-size: cover;
}

.s-11 p {
	padding: 116px 0 0;
}



.s-12 {
	padding: 189px 0 175px;
	background: linear-gradient(122.95deg, rgba(237,249,255,0.3) 36.46%, rgba(71,145,255,0.3) 108.81%);

}

.s-12 .inner {
	max-width: 920px;
}

.s-12 h2 .medium {
	display: inline-block;
	margin: 0 0 30px;
	padding: 0 40px 16px;
	border-bottom: 3px double #2FD7ED;
}

.s-12 h2 .f-38 {
	padding: 0 20px;
	background: linear-gradient(0deg, rgba(246,201,39,0.5) 45%, rgba(255,255,255,0) 45%);
}

.s-12 h2 + p {
	display: table;
	margin: 23px auto calc(47px + 85px);
	padding: 4px 40px;
	background: #fff;
	border: 1px solid #333;
}

.s-12 .box {
	box-sizing: border-box;
	position: relative;
	padding: 6px 30px 40px;
	background: #fff;
	border: 1px solid;
	border-image: linear-gradient(180deg, #2FE2ED 0%, #2F80ED 100%);
	border-image-slice: 1;
	box-shadow: 4px 6px 18px rgba(0, 0, 0, 0.15);
}

.s-12 .box:nth-child(n+2) {
	margin: 162px 0 0;
}

.s-12 .box:after {
	content: "";
	display: block;
	width: 32px;
	height: 65px;
	position: absolute;
	left: calc(50% - 16px);
	bottom: -65px;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-12-arrow-01.png);
}

.s-12 .box:last-child:after {
	display: none;
}

.s-12 h3 {
	margin: 0 -24px 0;
	padding: 16px 0;
	background: #E2EFFA;
}

.s-12 h3 img {
	position: absolute;
	top: -85px;
	left: calc(50% - 51px);
}

.s-12 dt {
	display: flex;
	align-items: center;
	margin: 48px 0 22px;
}

.s-12 dt img {
	margin: 0 18px -3px 0;
}

.s-12 dl + p {
	margin: 38px 0 0;
}



.s-13 {
	padding: 0 0 81px;
}

.s-13 .inner {
	max-width: 829px;
}

.s-13 h2 {
	margin: 0 0 121px;
	position: relative;
	padding: 32px 0;
	background: #324D91;
}

.s-13 h2:after {
    content: "";
    display: block;
    width: 74px;
    height: 32px;
    position: absolute;
    bottom: -32px;
    left: calc(50% - 37px);
    background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-02-style-03.svg) no-repeat 50% 0;
}

.s-13 li {
	position: relative;
	margin: 40px 0 40px 26px;
	padding: 26px 0 26px 64px;
	background: #FDF4D4;
	border-radius: 5px;
}

.s-13 li:first-child {
	margin: 0 0 -15px 26px;
}

.s-13 li:last-child {
	margin: -15px 0 0 26px;
}

.s-13 .time {
	position: absolute;
	top: calc(50% - 52px);
	left: -53px;
}

.s-13 .img-01 {
	position: absolute;
	top: -42px;
	right: 82px;
}

.s-13 .img-02 {
	position: absolute;
	top: -35px;
	right: 330px;
}

.s-13 .img-03 {
	position: absolute;
	top: 23px;
	right: 95px;
}

.s-13 ul + p {
	margin-top: 57px;
}



.s-14 {
	padding: 41px 0 58px;
	background: #F0F0F0;
}

.s-14 h2 + p {
	margin: 32px 0 42px;
}

.s-14 p:last-child {
	width: 601px;
	height: 107px;
	margin: 14px auto 0;
	padding: 4px 0 0;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-14-style-01.svg) no-repeat;
}

.s-14 img {
	max-width: 100%;
	margin: 0 auto;
}




.s-15 {
	padding: 120px 0;
}

.s-15 .inner {
	max-width: 1000px;
}

.s-15 .box {
	padding: 50px 39px;
	border: 1px solid #333;
}

.s-15 h2 {
	margin: 0 0 35px;
	padding: 9px 0;
	background: #E2EFFA;
}

.s-15 h3.office {
	margin: 0 0 45px;
	position: relative;
}

.s-15 h3.office:after {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	background: #333;
}

.s-15 h3.office span {
	display: block;
	max-width: 600px;
	position: relative;
	z-index: 10;
	margin: 0 auto;
	background: #fff;
}

.s-15 .office_content_header {
	margin: 0 auto 35px;
	width: 920px;
    height: 372px;
}

.s-15 .office_content_header img {
    width: inherit;
	height: inherit;
    object-fit: cover;
}

.s-15 .office_content_header iframe {
	width: 100%;
	height: 100%;
}

.s-15 .box img {
	max-width: 100%;
}

.s-15 .box.not-it img {
	width: 400px;
}

.s-15 .box img.manager_image {
    width: 400px;
    height: 400px;
    object-fit: cover;
    object-position: center top;
}

.s-15 .box .not-it figure {
	margin: 0 auto;
	width: 400px;
    height: 100%;
}

.s-15 .box .not-it figure img.not-it_office_map {
    width: inherit;
    height: inherit;
}

.s-15 .box .inner {
	max-width: 880px;
	padding: 0 30px;
}

.s-15 .box h3.inner.comment_heading {
	padding: 10px 30px 15px;
}

.s-15 .info {
	margin: 31px 0 0;
}

.s-15 .info div {
	margin: 25px 0 0;
	padding: 25px 0 0;
	border-top:  1px solid #333;
}

.s-15 .pics {
	margin: 45px 0 0;
}

.s-15 .pics figure {
	width: 31.52173913%;
}

.s-15 .pics figure.two-pictures {
	width: 47%;
}

.s-15 .pics figure.one-picture {
	width: 75%;
}

.s-15 .message {
	margin: 79px 0 0;
}

.s-15 .message div:first-child {
	width: 53.37995338%;
}

.s-15 .message div:last-child {
	width: 46.62004662%;
}

.s-15 .message h3 {
	margin: 0 30px 0 -69px;
	padding: 72px 0;
	background: #E9482D;
}

.s-15 .message div:first-child p {
	margin: 50px 0 0 25px;
	border-bottom: 1px solid #E9482D;
}

.s-15 .message + p.inner {
	margin: 51px 0 0;
}

.s-15 h3.office:not(:first-of-type) {
	margin: 115px 0 45px;
}

.s-15 .not-it {
	margin: 80px 0 0;
}

.s-15 .not-it .flex div:last-child {
	width: 48.636363636%;
}

.s-15 .not-it .flex + h3 {
	margin-top: 52px;
}

.s-15 .btn {
	max-width: 100%;
	width: 100%;
	margin: 25px 0 0;
	padding: 12px 0; 
}



.s-16 {
	padding: 0 0 120px;
}

.s-16 h2 {
	margin: 0 0 119px;
	position: relative;
	padding: 19px 0;
	background: #324D91;
}

.s-16 h2:after {
    content: "";
    display: block;
    width: 74px;
    height: 32px;
    position: absolute;
    bottom: -32px;
    left: calc(50% - 37px);
    background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-02-style-03.svg) no-repeat 50% 0;
}

.s-16 .inner {
	max-width: 1000px;
}

.s-16 .box {
	padding: 50px 39px;
	border: 1px solid #333;
}

.s-16 h3 {
	margin: 0 0 35px;
	padding: 9px 0;
	background: #E2EFFA;
}

.s-16 .flex {
	flex-wrap: wrap;
}

.s-16 li {
	width: 25%;
	line-height: 2.2;
}



.s-17 {
	padding: 90px 0;
	background: #F0F0F0;
}

.s-17 .inner {
	max-width: 920px;
}

.s-17 h3 {
	margin: 31px 0 24px;
	position: relative;
}

.s-17 h3:after {
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	background: #333;
}

.s-17 h3 span {
	display: block;
	max-width: 420px;
	position: relative;
	z-index: 10;
	margin: 0 auto;
	background: #F0F0F0;
}

.s-17 .map {
	padding: 6px 27px 0;
	background: #fff;
}

.s-17 .btn {
	margin: 53px auto 22px;
	padding: 29px 0;
}



.s-18 .closing {
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-18-bg-01.jpg) no-repeat 50% 50%;
}

.s-18 .txt {
	box-sizing: border-box;
	display: block;
	width: calc(100% - 40px);
	height: 70px;
	max-width: calc(100% - (50% - ((1080px - (233px * 2 + 26px * 2)) / 2)));
	position: absolute;
	top: 126px;
	left: calc(50% - 168px);
	margin: 0 0 0 auto;
	padding: 9px 10px;
	padding-right: calc(50% - ((1080px - (133px * 2 + 26px * 2)) / 2) - 40px);
	border-right: solid transparent calc(40px + 0);
	background: #fff;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

.s-18 .txt:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: -26px;
	border-style: solid;
    border-width: 0 0 70px 26px;
    border-color: transparent;
    border-bottom-color: #fff;
    
}


#form.contact_us {
	background: #f0f0f0;
}

#form.contact_us .contact_us-tit {
	padding-top: 90px;
	padding-bottom: 35px;
}

#form.contact_us .contact_us-tit h2 span > span {
	font-size: 14px;
	display: block;
}

#form.contact_us div.form-wrapper {
	padding-bottom: 20px;
}

#form.contact_us table {
	border-collapse: collapse;
}

#form.contact_us tr:not(:last-of-type) {
	border-bottom: .1px solid #333;
}

#form.contact_us th, #form.contact_us td {
	border-bottom: unset;
}

#form.contact_us a {
	color: #333;
}

.animates {
	opacity: 1 !important; 
}
@media screen and (max-width: 1280px){
.view_area_2 .medium {
	color: white;
		text-align: right;
    }
}

@media screen and (max-width: 750px){
	.topic ul li {
		font-size: 14px;
	}
	
	.topic ul {
		width: 100%;
	}

	.topic a {
		font-size:14px;
	}
	
	.event {
		display: block;
	}

	.event_image {
		width: 50%;
		margin: auto;
		padding: 10px 0;
	}

	.event_desc {
	  	width: initial;
	}

	#form.contact_us .contact_us-tit {
		padding-top: 40px;
		padding-bottom: 0;
	}

	#form.contact_us .contact_us-tit h2 span > span {
		font-size: 12px;
	}
}

@media screen and (min-width: 769px){
	#form.contact_us th, #form.contact_us td {
		color: #333;
	}
}

.s-19 {
	padding: 40px 0 162px;
}

.s-19 .inner {
	max-width: 880px;
}

.s-19 table {
	width: 100%;
	margin: 8px auto 0;
	border-collapse: collapse;
}

.s-19 td {
	padding: 24px 0;
	font-size: 1.8rem;
	font-weight: 500;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}

.s-19 td:first-child {
	width: 21%;
}

.s-19 tr:last-child td {
	border-bottom: none;
}

.s-19 span {
	display: inline-block;
	padding-left: 1.8rem;
}ia



.s-20 {
	padding: 100px 0;
	background: #F0F0F0;
}

.s-20 .inner {
	max-width: 860px;
}

.s-20 .flex {
	flex-wrap: wrap;
}

.s-20 .flex > div {
	box-sizing: border-box;
	width: 48.255813953%;
	margin: 0 0 3.488372094%;
	padding: 50px 30px 43px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 4px 6px 18px rgba(0, 0, 0, 0.15);
}

.s-20 h2 {
	padding: 8px 0;
	background: #324D91;
}

.s-20 p.img {
	width: fit-content;
	margin: 0 auto;
}

.s-20 .flex + p {
	margin: 15px 0 0;
}

.pagetop {
	position: fixed;
	bottom: 100px;
	right: -180px;
	padding: 10px;
	width: 90px;

	background-color: rgba(50, 77, 145, .9);
	color: #fff;
	border: solid 3px #fff;

	cursor: pointer;
	z-index: 999;
	clip-path: polygon(0% 25px, 25px 0%, 100% 0%, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0% 100%);
	
	transition: .7s;
}

.pagetop.show {
	right: 30px;
}

.pagetop span {
	display: inline-block;
	padding-left: 38px;
}
.pagetop::before {
	content: "";

	display: block;
	position: absolute;
	width: 30px;
	height: 30px;
	left: 12px;
	top: 21px;
	
	background-color: #fff;
	clip-path: polygon(25% 100%, 25% 45%, 0% 45%, 50% 0%, 100% 45%, 75% 45%, 75% 100%);
}
	
.footer {
	padding: 60px 60px 124px;
}

.footer p {
	line-height: 3;
}

.footer a {
	color: #333;
	text-decoration: none;
}

.fixed_footer {
	position: fixed;
	bottom: -75px;
	width: 100%;
	margin: auto;
	transition: .3s;
	background-color: #e5e5e5;
	padding: 10px 0;
	z-index: 999;
	transition: .7s;
}

.fixed_footer.show {
	bottom: 0;
}


.fixed_footer .group {
	display: flex;
	justify-content: center;
	/* font-family: "toppan-bunkyu-midashi-go-std",sans-serif; */
	font-weight: 900;
	font-style: normal;
}

.fixed_footer .group > div {
	position: relative;
	width: 307px;
	transition: .04s;
}

.fixed_footer .group > div:active {
	box-shadow: none;
	transform: translateY(1px);
}

.fixed_footer .group > div a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.fixed_footer .tel {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	padding: 10px 15px;
	margin-right: 50px;
	box-shadow: 0 3px 0 #92A5CA;
	border-radius: 5px;
	font-size: 1.36em;
	white-space: nowrap;
	line-height: 1;
	background-color: #324D91;
	/* background-image: linear-gradient(180deg, #6b819d 0, #034067 99%); */
	color: #fff;
}

.hiromi-footer {
    position: absolute;
	bottom: -150px;
	height: 120px;
	width: 256px;
	left: 0;
}

.hiromi-footer img {
	height: 100%;
}

.hiromi-footer p {
	color: black;
	text-align: center;
    float: right;
    position: absolute;
    bottom: 0;
	margin: 5px;
    left: 75px;
    background-color: white;
    font-size: 12px;
    font-weight: bold;
	padding: 5px;
	border-radius: 5px;
	border: 2px solid #144293;
}

.hiromi-footer span {
	font-size: 16px;
}


.fixed_footer .tel > p {
	padding-left: 14px;
	font-size: .5em;
}

.fixed_footer .tel .tel_num {
	padding-top: 5px;
	margin: auto;
	min-height: 30px;
	padding-left: 25px;
	background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/tel_W.png) 0 40% no-repeat;
	background-size: 7%;
}

.fixed_footer .tel .tel_num > p {
	display: inline-block;
}

.fixed_footer .tel .num {
    font-weight: 900;
    font-style: normal;
}

.fixed_footer .tel .time {
    font-size: .5em;
    text-align: right;
    margin-top: 2px;
}

.fixed_footer .to_content {
	padding: 15px 20px;
	border-radius: 5px;
	box-shadow: 0 3px 0 #ad0000;
	font-size: 1.43em;
	text-align: center;
	background-color: #E9482D;
	/* background-image: linear-gradient(180deg, #ebdfda 0%, #d90404 99%); */
	color: #fff;
}

.fixed_footer .to_content .small {
    font-size: .73em;
}

body #chatplusview #eye_catcher .button-hide {
	top: 2px;
	right: 9px;
	font-size: 12px;
}

body #chatplusview.float.closed #outline #eye_catcher {
	top: unset;
}





@media screen and (max-width: 1079px) {
	.pc-none {display: block;}
	.sp-none {display: none;}
	iframe {max-width: 100%;}
	
	body .f-14 {font-size: calc((14 / 750) * 100vw);}
	body .f-16 {font-size: calc((16 / 750) * 100vw);}
	body .f-18 {font-size: calc((18 / 750) * 100vw);}
	body .f-20 {font-size: calc((20 / 750) * 100vw);}
	body .f-22 {font-size: calc((22 / 750) * 100vw);}
	body .f-24, .btn.f-20 {font-size: calc((24 / 750) * 100vw);}
	body .f-26 {font-size: calc((26 / 750) * 100vw);}
	body .f-28 {font-size: calc((28 / 750) * 100vw);}
	body .f-30, .cv .f-26 {font-size: calc((30 / 750) * 100vw);}
	body .f-32 {font-size: calc((32 / 750) * 100vw);}
	body .f-34 {font-size: calc((34 / 750) * 100vw);}
	.btn .f-30 {
		font-size: calc((26 / 750) * 100vw);
	}
	body .f-36 {font-size: calc((36 / 750) * 100vw);}
	body .f-42 {font-size: calc((42 / 750) * 100vw);}
	body .f-45 {font-size: calc((45 / 750) * 100vw);}
	body .f-70 {font-size: calc((70 / 750) * 100vw);}
	body .f-76 {font-size: calc((76 / 750) * 100vw);}
	
	.btn {
		width: calc((586 / 750) * 100vw);
		background-position: 96% 50%;
		background-size: calc((45 / 750) * 100vw) calc((28.8 / 750) * 100vw);
	}
	
	.inner {
		padding: 0 4vw;
	}
	
	
	
	body > header .inner.flex {
		height: 12.666666667vw;
	}
	
	body > header .inner > img {
		width: 38.266666667vw;
	}
	
	
	body > header .inner .flex {
		flex-direction: column;
		width: auto;
	}
	
	body > header .inner .flex p {
		box-sizing: border-box;
		width: 100%;
		text-align: center;
	}
	
	body > header p + p {
		min-height: auto;
		margin-bottom: .533333333vw;
		padding-left: 5vw;
		background-size: 3.8vw auto;
		background-position-y: 70%;
	}
	
	
	
	
	
	.s-01 {
		height: calc((1040 / 750) * 100vw);
		background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-01-bg-01-sp.jpg) 50% 0 no-repeat;
		background-size: cover;

	}
	
	.s-01 > p:nth-child(1) {
		width: calc((580 / 750) * 100vw);
		margin: 4.8vw auto 3.866666667vw;
		padding: calc((5 / 750) * 100vw) 0;
	}
	
	.s-01 > p:nth-child(2) {
		margin: 0 auto;
		width: 62vw;
	}
	
	#h1-01 {
		max-width: calc(100% - (50% - ((84vw - (9.333333333vw * 2)) / 2)));
		height: calc((154 / 750) * 100vw);
		margin-top: calc((39 / 750) * 100vw);
		padding-top: calc((15 / 750) * 100vw);
	}
	
	#h1-01:after {
		right: calc((-70 / 750) * 100vw);
		border-width: calc((154 / 750) * 100vw) calc((70 / 750) * 100vw) 0 0;
	}
	
	#h1-01 .normal {
		padding: 0;
	}
	
	#h1-02 {
		max-width: calc(100% - (50% - ((84vw - (9.333333333vw * 2)) / 2)));
		height: calc((154 / 750) * 100vw);
		margin-top: calc((-30 / 750) * 100vw);
		padding-left: calc((36 / 750) * 100vw);
		padding-top: calc((16 / 750) * 100vw);
		background: linear-gradient(90deg, #FFFFFF 50%, rgba(255, 255, 255, 55) 100%);
	}
	
	#h1-02:after {
		left: calc((-70 / 750) * 100vw);
		border-width: 0 0 calc((154 / 750) * 100vw) calc((70 / 750) * 100vw);
	}
	
	.s-01 .inner.flex {
		width: 88%;
		margin: calc((24 / 750) * 100vw) auto 0;
		padding: 0;
	}
	
	.s-01 .inner.flex .f-white {
		margin: 0 calc((-6 / 750) * 100vw) calc((13 / 750) * 100vw) 0;
		padding: 0 calc((15 / 750) * 100vw);
	}
	
	.s-01 .inner.flex p + p {
		margin: 0;
	}
	
	.s-01 .inner.flex .f-white:after {
		width: 90%;
		left: 5%;
		height: calc((38 / 750) * 100vw);
		top: calc((2 / 750) * 100vw);
		transform: skewX(-20deg);
	}
	
	.s-01 .inner.flex > p {
		box-sizing: border-box;
		position: relative;
		z-index: 10;
		width: calc((200 / 750) * 100vw);
		height: calc((200 / 750) * 100vw);
		padding: calc((6 / 750) * 100vw);
	}
	
	.s-01 .inner.flex > p > span {
		box-sizing: border-box;
		width: 100%;
		height: 100%;
	}
	
	.s-01 .style {
		height: calc((180 / 750) * 100vw);
		background-position: 50% calc((86 / 750) * 100vw);
		background-size: calc((547 / 750) * 100vw) calc((71 / 750) * 100vw);
	}

	/*ここから追加要素*/
	.s-01 .hiromi-top {
		bottom:calc((180 / 750) * 139vw);
		width: 42vw;
	}

	.s-01 .inner .medium {
		text-align: right;
	}

	.s-01 .circle {
		display: none;
	}

	
	.s-01 .style p:first-child {
		margin: calc((26 / 750) * 100vw) 0;
	}
	
	.top-br {
		display: block;
	}
	
	.cv {
		height: calc((385 / 750) * 100vw);
		background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/cv-bg-sp.jpg) no-repeat 50% 50%;
		background-size: cover;
	}
	
	.cv p:first-child {
		margin-bottom: calc((24 / 750) * 100vw);
		background-position: 0 50%, 100% 50%;
		background-size: 6.5%, 6.5%;
	}
	
	
	
	.s-02 h2 {
		font-size: calc((36 / 750) * 100vw);
		padding: calc((109 / 750) * 100vw) 0 calc((59 / 750) * 100vw);
	}
	
	.s-02 ul.list {
		padding: calc((40 / 750) * 100vw) calc((30 / 750) * 100vw);
	}
	
	.s-02 ul.list li {
		margin-top: calc((28 / 750) * 100vw);
		padding-left: calc((50 / 750) * 100vw);
		font-size: calc((26 / 750) * 100vw);
		line-height: 1.6;
		background-position: 0 calc((10 / 750) * 100vw);
		background-size: calc((24 / 750) * 100vw) calc((20 / 750) * 100vw);
	}
	
	.s-02 ul.list li:first-child {
		margin-top: 0;
	}
	
	.s-02 ul.worry:before {
		width: 1px;
		height: calc((22 / 750) * 100vw);
	}
	
	.s-02 ul.worry li:before, .s-02 ul.worry li:after {
		width: calc((23 / 750) * 100vw);
		height: calc((50 / 750) * 100vw);
		background-size: calc((23 / 750) * 100vw) calc((50 / 750) * 100vw);
	}
	
	.s-02 ul.worry li:before {
		top: calc((16 / 750) * 100vw);
		left: calc((-45 / 750) * 100vw);
	}
	
	.s-02 ul.worry li:after {
		bottom: calc((16 / 750) * 100vw);
		right: calc((-36 / 750) * 100vw);
	}
	
	.s-02 ul.worry:after {
		width: calc((76 / 750) * 100vw);
		height: calc((33 / 750) * 100vw);
		bottom: calc((33 / 750) * -100vw);
		left: calc(50% - ((76 / 750) * 100vw / 2));
		background-size: calc((76 / 750) * 100vw) calc((33 / 750) * 100vw);
	}
	
	
	
	.s-03 {
		padding: calc((105 / 750) * 100vw) 0 calc((100 / 750) * 100vw);
	}
	
	.s-03 > p:first-child {
		margin-bottom: calc((18 / 750) * 100vw);
		font-size: calc((20 / 750) * 100vw);
	}
	
	.s-03 > p:nth-child(2) img {
		width: calc((363 / 750) * 100vw);
		height: auto;
	}
	
	.s-03 > h2 {
		margin: calc((40 / 750) * 100vw) auto calc((33 / 750) * -100vw);
		padding: calc((7 / 750) * 100vw) calc((57 / 750) * 100vw);
		font-size: calc((26 / 750) * 100vw);
	}
	
	.s-03 .img {
		height: calc((880 / 750) * 100vw);
	}
	
	.s-03 .img > p {
		margin-top: calc((51 / 750) * 100vw);
	}
	
	.s-03 .img img {
		width: calc((630 / 750) * 100vw);
		height: calc((701 / 750) * 100vw);
	}
	
	.s-03 .txt-01, .s-03 .txt-02 {
		width: calc((630 / 750) * 100vw);
		font-size: calc((26 / 750) * 100vw);
	}
	
	.s-03 .txt-01 {
		margin-top: calc((50 / 750) * 100vw);
	}
	
	.s-03 .txt-02 {
		padding: calc((40 / 750) * 100vw) calc((26 / 750) * 100vw);
		font-size: calc((24 / 750) * 100vw);
	}
	
	
	
	.s-04 {
		padding: calc((85 / 750) * 100vw) 0 calc((100 / 750) * 100vw);
	}
	
	.s-04 h2 {
		margin-bottom: calc((66 / 750) * 100vw);
		font-size: calc((42 / 750) * 100vw);
	}
	
	.s-04 .flex {
		flex-direction: column;
		padding: 0 calc((60 / 750) * 100vw);
	}
	
	.s-04 .flex > div {
		width: 100%;
		border-radius: calc((5 / 750) * 100vw);
		
		margin-top: calc((50 / 750) * 100vw);
		padding: calc((50 / 750) * 100vw) calc((30 / 750) * 100vw) calc((40 / 750) * 100vw);
	}
	
	.s-04 .flex > div:first-child {
		margin-top: 0;
	}
	
	.s-04 .flex img {
		width: calc((200 / 750) * 100vw);
		height: calc((200 / 750) * 100vw);
	}
	
	.s-04 .flex h3 {
		margin: calc((41 / 750) * 100vw) 0 calc((30 / 750) * 100vw);
		font-size: calc((30 / 750) * 100vw);
		text-align: center;
	}
	
	.s-04 .flex .f-22 {
		font-size: calc((26 / 750) * 100vw);
	}
	
	.s-04 .flex .f-14 {
		margin-top: calc((12 / 750) * 100vw);
		font-size: calc((20 / 750) * 100vw);
	}
	
	
	
	.s-05 {
		height: calc((800 / 750) * 100vw); 
		background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/img_02/sp_people_s01.png) no-repeat 50% 50%;
		background-size: cover;
	}
	
	.s-05 p {
		margin-top: calc((490 / 750) * 100vw);
		padding: calc((40 / 750) * 100vw) calc((50 / 750) * 100vw);
		font-size: calc((36 / 750) * 100vw);
	}
	
	
	
	.s-06 {
		padding: calc((110 / 750) * 100vw) 0 calc((100 / 750) * 100vw);
		background: #F0F0F0 url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-06-bg-01-sp.jpg) no-repeat 50% 0;
		background-size: 100% auto;
	}
	
	.s-06 h2 {
		font-size: calc((42 / 750) * 100vw);
		text-align: center;
	}
	
	.s-06 h2:before {
		display: none;
	}
	
	.s-06 h2 span {
		background: linear-gradient(0deg, rgba(246,201,39,0.5) 45%, rgba(255,255,255,0) 45%);
	}
	
	.s-06 .contents {
		padding: 0 calc((60 / 750) * 100vw);
	}
	
	.s-06 .offset {
		width: calc((405 / 750) * 100vw);
		margin: calc((217 / 750) * 100vw) 0 calc((192 / 750) * 100vw) calc((-20 / 750) * 100vw);
	}
	
	.s-06 .offset span {
		padding: calc((35 / 750) * 100vw) calc((16 / 750) * 100vw);
	}
	
	.s-06 .f-22 {
		font-size: calc((26 / 750) * 100vw);
	}
	
	.s-06 h3 {
		font-size: calc((36 / 750) * 100vw);
		margin: calc((72 / 750) * 100vw) 0 calc((41 / 750) * 100vw);
		padding-bottom: calc((18 / 750) * 100vw);
	}
	
	.s-06 h3.in-right {
		margin-top: calc((118 / 750) * 100vw);
		padding-bottom: calc((22 / 750) * 100vw);
	}
	
	.s-06 h3:nth-child(even) {
		margin-right: calc((-60 / 750) * 100vw);
		background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-06-style-01-sp.svg) no-repeat 100% 100%;
		background-size: calc((600 / 750) * 100vw) calc((46 / 750) * 100vw);
	}
	
	.s-06 h3:nth-child(odd) {
		margin-left: calc((-60 / 750) * 100vw);
		background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-06-style-02-sp.svg) no-repeat 0% 100%;
		background-size: calc((588 / 750) * 100vw) calc((49.52 / 750) * 100vw);
	}
	
	.s-06 h3 span {
		top: calc((-4 / 750) * 100vw);
	}
	
	.s-06 h3.in-right span {
		top: calc((-46 / 750) * 100vw);
	}
	
	.s-06 h3:nth-child(even) span {
		left: calc((190 / 750) * 100vw);
	}
	
	.s-06 h3:nth-child(odd) span {
		left: calc((215 / 750) * 100vw);
	}
	
	.s-06 h3:nth-child(2) img {
		width: calc((57.29 / 750) * 100vw);
		height: auto;
	}
	
	.s-06 h3:nth-child(5) img {
		width: calc((64.08 / 750) * 100vw);
		height: auto;
	}
	
	.s-06 h3:nth-child(8) img {
		width: calc((66.67 / 750) * 100vw);
		height: auto;
	}
	
	.s-06 .box {
		margin-top: calc((46 / 750) * 100vw);
		padding: 0;
	}
	
	
	
	.closing {
		height: calc((800 / 750) * 100vw);
	}
	
	.closing h2 {
		margin: calc((384 / 750) * 120vw) auto calc((-27 / 750) * 100vw);
		padding: calc((7 / 750) * 100vw) calc((16 / 750) * 100vw);
		font-size: calc((30 / 750) * 100vw);
	}
	
	.closing > div {
		padding: calc((56 / 750) * 100vw) calc((50 / 750) * 100vw) calc((36 / 750) * 100vw);
	}
	
	.closing > div p {
		font-size: calc((36 / 750) * 100vw);
	}
	
	
	
	.s-07 .closing {
		background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/img_02/sp_people_s02.png) no-repeat 50% 50%;
		background-size: cover;
	}
	
	.s-07 .closing + div {
		margin-bottom: calc((33 / 750) * 100vw);
		padding: calc((82 / 750) * 100vw) 0 calc((44 / 750) * 100vw);
	}
	
	.s-07 .closing + div:before {
		width: 1px;
		height: calc((49 / 750) * 100vw);
	}
	
	.s-07 .closing + div:after {
		width: calc((76 / 750) * 100vw);
	    height: calc((33 / 750) * 100vw);
	    bottom: calc((33 / 750) * -100vw);
	    left: calc(50% - ((76 / 750) * 100vw / 2));
	    background-size: calc((76 / 750) * 100vw) calc((33 / 750) * 100vw);
	}
	
	.closing > div p {
		font-size: calc((36 / 750) * 100vw);
	}
	
	
	
	.s-08 {
		padding: calc((66 / 750) * 100vw) 0 calc((100 / 750) * 100vw);
		background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-08-bg-01-sp.png) no-repeat;
		background-size: cover;
	}
	
	.s-08 h2 {
		font-size: calc((36 / 750) * 100vw);
	}
	
	.s-08 h2 .f-38 {
		font-size: calc((42 / 750) * 100vw);
	}
	
	.s-08 h2 .f-42 {
		font-size: calc((46 / 750) * 100vw);
	}
	
	.s-08 h3 {
		margin: calc((50 / 750) * 100vw) 0 !important;
	}
	
	.s-08 .contents h3 img {
		width: calc((130 / 750) * 100vw);
		height: auto;
	}
	
	.s-08 h3 + h4 {
		margin: 0 0 calc((36 / 750) * 100vw);
		font-size: calc((30 / 750) * 100vw);
	}
	
	.s-08 .right {
		max-width: calc(100% - (50% - ((1080px - (200px * 2)) / 2)));
		height: calc((170 / 750) * 100vw);
		padding-left: calc((168 / 750) * 100vw) !important;
		padding-right: 0;
	}
	
	.s-08 .contents > div:nth-child(3) .right {
		padding-left: calc((160 / 750) * 100vw) !important;
	}
	
	.s-08 .right p, .s-08 .left p {
		font-size: calc((26 / 750) * 100vw);
	}
	
	.s-08 .right p .f-26, .s-08 .left p .f-26 {
		font-size: calc((30 / 750) * 100vw);
	}
	
	.s-08 .right img {
		top: calc((10 / 750) * 100vw);
		left: calc((10 / 750) * 100vw);
	}
	
	.s-08 .left {
		height: calc((170 / 750) * 100vw);
		max-width: calc(100% - (50% - ((1080px - (200px * 2)) / 2)));
		padding-right: calc((162 / 750) * 100vw) !important;
		padding-left: 0;
	}
	
	.s-08 .contents > div:nth-child(2) .left {
		padding-right: calc((246 / 750) * 100vw) !important;
	}
	
	.s-08 .contents > div:nth-child(2) .left p {
		text-align: left;
	}
	
	.s-08 .contents > div:nth-child(3) .left {
		padding-right: calc((184 / 750) * 100vw) !important;
	}
	
	.s-08 .left img {
		top: calc((10 / 750) * 100vw);
		right: calc((10 / 750) * 100vw);
	}
	
	.s-08 .contents div > img {
		height: calc((150 / 750) * 100vw);
	}
	
	.s-08 .box {
		width: calc((690 / 750) * 100vw);
		margin-top: calc((51 / 750) * 100vw);
		padding: calc((40 / 750) * 100vw) calc((30 / 750) * 100vw);
	}
	
	.s-08 .box > div:first-child {
		height: calc((330 / 750) * 100vw);
		padding: calc((38 / 750) * 100vw) calc((30 / 750) * 100vw);
		background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-08-bg-02-sp.jpg) no-repeat;
		background-size: cover;
	}
	
	.s-08 h5 {
		margin-bottom: calc((31 / 750) * 100vw);;
		font-size: calc((30 / 750) * 100vw);
		background: none;
	}
	
	.s-08 h5 span {
		background: linear-gradient(0deg, rgba(246,201,39,0.5) 45%, rgba(255,255,255,0) 45%);
	}
	
	.s-08 h5 + p {
		calc((26 / 750) * 100vw);
	}
	
	.s-08 .box .flex {
		align-items: flex-start;
	}
	
	.s-08 .box .flex > div:first-child {
		width: calc((157.67 / 750) * 100vw);
	}
	
	.s-08 .box .flex > div:first-child p {
		padding: calc((2 / 750) * 100vw) 0;
	}
	
	.s-08 .box .flex p.f-22 {
		font-size: calc((26 / 750) * 100vw);
	}
	
	.s-08 .contents > div:last-child h4 {
		margin-bottom: calc((44 / 750) * 100vw);
	}
	
	.s-08 .contents > div:last-child h4 + p {
		margin-bottom: calc((49 / 750) * 100vw);
		padding: calc((25 / 750) * 100vw) calc((40 / 750) * 100vw);
		font-size: calc((26 / 750) * 100vw);
	}
	
	.s-08 .contents > div:last-child h4 + p + p img {
		width: calc((550 / 750) * 100vw);
	}
	
	.s-08 .contents > div:last-child p:last-child {
		box-sizing: border-box;
		width: calc((630 / 750) * 100vw);
		margin-top: calc((45 / 750) * 100vw);
		padding: calc((20 / 750) * 100vw) calc((84 / 750) * 100vw);
	}
	
	
	
	.s-09 .closing {
		background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/img_02/sp_people_s03.png) no-repeat 50% 50%;
		background-size: cover;
	}
	
	
	
	.s-10 {
		padding: calc((91 / 750) * 100vw) 0 calc((78 / 750) * 100vw);
	}
	
	.s-10 .inner {
		width: calc((630 / 750) * 100vw);
	}
	
	.s-10 h2 {
		display: table;
		margin: 0 auto;
		font-size: calc((30 / 750) * 100vw);
	}
	
	.s-10 h2 .f-36 {
		font-size: calc((40 / 750) * 100vw);
	}
	
	.s-10 h2 .f-32 {
		font-size: calc((36 / 750) * 100vw);
	}
	
	.s-10 .box {
		margin: 0 0 calc((40 / 750) * 100vw);
		padding: calc((45 / 750) * 100vw) calc((30 / 750) * 100vw);
	}
	
	.s-10 .box.box:nth-child(odd) {
		margin-bottom: calc((50 / 750) * 100vw);
	}
	
	.s-10 h2 + .box {
		margin-top: calc((70 / 750) * 100vw);
	}
	
	.s-10 .box header {
		padding: calc((20 / 750) * 100vw) calc((24 / 750) * 100vw) calc((30 / 750) * 100vw);
	}
	
	.s-10 .box .flex:first-child > h3 {
		width: calc((112 / 750) * 100vw);
		height: auto;
		margin: calc((-30 / 750) * 100vw) 0 0 calc((-34 / 750) * 100vw);
	}
	
	.s-10 .box .flex > h3 img {
		margin: 0 !important;
	}
	
	.s-10 .box:nth-child(even) .flex:first-child > p:nth-child(2) {
		width: calc((90 / 750) * 100vw);
		margin: 0 calc((15 / 750) * 100vw);
	}
	
	.s-10 .box .flex:first-child > div {
		display: flex;
	}
	
	.s-10 .box .flex:first-child > div p:first-child {
		width: calc((100 / 750) * 100vw);
		margin-right: calc((22 / 750) * 100vw);
		padding: calc((5 / 750) * 100vw) 0;
		text-align: center;
		font-size: calc((24 / 750) * 100vw);
	}
	
	.s-10 .box .flex:first-child > div p:last-child {
		flex: 1;
		font-size: calc((22 / 750) * 100vw);
	}
	
	.s-10 .box .flex:first-child > div p:last-child .f-16 {
		font-size: calc((20 / 750) * 100vw);
	}
	
	.s-10 .box:nth-child(odd) .flex:first-child > h3 {
		width: calc((112 / 750) * 100vw);
		height: auto;
		margin: calc((-30 / 750) * 100vw) calc((-34 / 750) * 100vw) 0 0;
	}
	
	.s-10 .box:nth-child(odd) .flex:first-child > p:first-child {
		width: calc((90 / 750) * 100vw);
		margin: 0 calc((15 / 750) * 100vw) 0 0;
	}
	
	.s-10 .box:nth-child(odd) .flex:first-child > div p:last-child {
		margin-right: calc((15 / 750) * 100vw);
	}
	
	.s-10 .box header h4 {
		margin: calc((18 / 750) * 100vw) 0 calc((14 / 750) * 100vw);
		font-size: calc((26 / 750) * 100vw);
	}
	
	.s-10 .box header h4 + p {
		font-size: calc((24 / 750) * 100vw);
	}
	
	.s-10 .box dl.flex {
		margin-top: calc((24 / 750) * 100vw);
	}
	
	.s-10 .box dt, .s-10 .box dt {
		font-size: calc((22 / 750) * 100vw);
	}
	
	.s-10 .box > h4 {
		display: table;
		margin: calc((28 / 750) * 100vw) auto calc((20 / 750) * 100vw);
		padding: calc((5 / 750) * 100vw) calc((15 / 750) * 100vw);
		font-size: calc((26 / 750) * 100vw);
	}
	
	.s-10 .box > h4 + p {
		font-size: calc((26 / 750) * 100vw);
		margin-bottom: 0;
		padding-bottom: calc((20 / 750) * 100vw);
	}
	
	.s-10 .list {
		margin: calc((24 / 750) * 100vw) 0 0;
		padding: calc((58 / 750) * 100vw) calc((25 / 750) * 100vw) calc((48 / 750) * 100vw);
	}
	
	.s-10 .list h4 {
		margin: calc((-76 / 750) * 100vw) auto calc((31 / 750) * 100vw);
		padding: calc((5 / 750) * 100vw) calc((40 / 750) * 100vw);
		border-radius: 3px;
	}
	
	.s-10 .list li {
		padding-left: calc((28 / 750) * 100vw);
		text-indent: calc((-28 / 750) * 100vw);
	}
	
	.s-10 .box + p {
		margin: calc((50 / 750) * 100vw) 0 calc((60 / 750) * 100vw);
		padding-bottom: calc((50 / 750) * 100vw);
		font-size: calc((36 / 750) * 100vw);
		background-size: calc((126 / 750) * 100vw) calc((26 / 750) * 100vw);
	}
	
	.s-10 .box + p + p {
		font-size: calc((30 / 750) * 100vw);
		margin-bottom: calc((60 / 750) * 100vw);
	}
	
	.s-10 > .inner > p:last-child {
		margin-top: calc((50 / 750) * 100vw)
	}
	
	
	
	.s-11 {
		height: calc((589 / 750) * 100vw); 
		background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/img_02/s-11-bg-01_sp.png) no-repeat;
		background-size: cover;
	}
	
	.s-11 p {
		padding-top: calc((111 / 750) * 100vw);
	}
	
	.s-11 p img {
		width: calc((422 / 750) * 100vw);
	}
	
	
	
	.s-12 {
		padding: calc((207 / 750) * 100vw) 0 calc((100 / 750) * 100vw);
	}
	
	.s-12 h2 {
		font-size: calc((26 / 750) * 100vw);
	}
	
	.s-12 h2 .medium {
		margin-bottom: calc((33 / 750) * 100vw);
		padding: 0 0 calc((6 / 750) * 100vw);
	}
	
	.s-12 h2 .f-28 {
		font-size: calc((32 / 750) * 100vw);
	}
	
	.s-12 h2 .f-38 {
		padding: 0;
		font-size: calc((42 / 750) * 100vw);
	}
	
	.s-12 h2 .f-42 {
		font-size: calc((46 / 750) * 100vw);
	}
	
	.s-12 h2 + p {
		margin: calc((20 / 750) * 100vw) auto calc(((115) / 750) * 100vw);
	}
	
	.s-12 .box {
		padding: calc((4 / 750) * 100vw) calc((29 / 750) * 100vw) calc((39 / 750) * 100vw);
	}
	
	.s-12 h3 {
		margin: 0 calc((-25 / 750) * 100vw);
		padding: calc((16 / 750) * 100vw) 0 calc((10 / 750) * 100vw);
		font-size: calc((26 / 750) * 100vw);
	}
	
	.s-12 h3 span {
		font-size: calc((32 / 750) * 100vw);
	}
	
	.s-12 h3 img {
		width: calc((102 / 750) * 100vw);
		top: calc((-82 / 750) * 100vw);
		left: calc(50% - calc((51 / 750) * 100vw));
	}
	
	.s-12 dt {
		margin: calc((41 / 750) * 100vw) 0 calc((22 / 750) * 100vw);
		font-size: calc((26 / 750) * 100vw);
	}
	
	.s-12 dt img {
		width: calc((46 / 750) * 100vw);
		margin: 0 calc((15 / 750) * 100vw) 0 0;
	}
	
	.s-12 dd {
		font-size: calc((24 / 750) * 100vw);
	}
	
	.s-12 dl + p {
		margin: calc((18 / 750) * 100vw) 0 0;
		font-size: calc((20 / 750) * 100vw);
	}
	
	.s-12 .box:after {
		width: calc((32 / 750) * 100vw);
		height: calc((55 / 750) * 100vw);
		left: calc(50% - calc((32 / 750) * 100vw) / 2);
		bottom: calc((-55 / 750) * 100vw);
		background-position: 50% 100%;
		background-size: cover;
	}
	
	.s-12 .box:nth-child(n+2) {
		margin-top: calc((150 / 750) * 100vw);
	}
	
	
	
	.s-13 {
		padding: 0 0 calc((94 / 750) * 100vw);
	}
	
	.s-13 h2 {
		margin: 0 0 calc((62 / 750) * 100vw);
		padding: calc((22 / 750) * 100vw) 0;
		font-size: calc((36 / 750) * 100vw);
	}
	
	.s-13 h2:after {
		width: calc((74.31 / 750) * 100vw);
		height: calc((27.17 / 750) * 100vw);
		left: calc(50% - (74.31 / 750) * 100vw / 2);
		bottom: calc((-27.17 / 750) * 100vw);
		background-position: 50% 100%;
		background-size: cover;
	}
	
	.s-13 .inner {
		padding: 0 calc((60 / 750) * 100vw);
	}
	
	.s-13 li {
		margin: calc((50 / 750) * 100vw) 0 calc((50 / 750) * 100vw) calc(((105 / 2) / 750) * 100vw);
		padding: calc((20 / 750) * 100vw) calc((50 / 750) * 100vw) calc((20 / 750) * 100vw) calc((66 / 750) * 100vw);
	}
	
	.s-13 li:first-child {
		margin: calc((50 / 750) * 100vw) 0 calc((50 / 750) * 100vw) calc(((105 / 2) / 750) * 100vw);
	}
	
	.s-13 li:last-child {
		margin: calc((50 / 750) * 100vw) 0 calc((50 / 750) * 100vw) calc(((105 / 2) / 750) * 100vw);
		padding-right: calc((180 / 750) * 100vw);
	}
	
	
	.s-13 li .f-26 {
		font-size: calc((30 / 750) * 100vw);
	}
	
	.s-13 li .f-20 {
		font-size: calc((24 / 750) * 100vw);
	}
	
	.s-13 .time {
		width: calc((105 / 750) * 100vw);
		top: calc(50% - ((105 / 2) / 750) * 100vw);
		left: calc((-105 / 750) * 100vw / 2);
	}
	
	.s-13 li:first-child .time , .s-13 li:last-child .time {
		top: calc((20 / 750) * 100vw);
	}
	
	.s-13 .img-01 {
		width: calc((123 / 750) * 100vw);
		top: calc((-73 / 750) * 100vw);
		left: calc((419 / 750) * 100vw);
	}
	
	.s-13 .img-02 {
		width: calc((90.52 / 750) * 100vw);
		top: calc((-34 / 750) * 100vw);
		left: calc((382 / 750) * 100vw);
	}
	
	.s-13 .img-03 {
		width: calc((98 / 750) * 100vw);
		top: calc((44 / 750) * 100vw);
		left: calc((449 / 750) * 100vw);
	}
	
	.s-13 ul + p {
		margin-top: calc((22 / 750) * 100vw);
		font-size: calc((20 / 750) * 100vw);
		text-align: left;
	}
	
	
	
	.s-14 {
		padding: calc((81 / 750) * 100vw) 0 calc((104 / 750) * 100vw);
	}
	
	.s-14 h2 {
		font-size: calc((42 / 750) * 100vw);
	}
	
	.s-14 h2 + p {
		margin: calc((36 / 750) * 100vw) 0 calc((73 / 750) * 100vw);
	}
	
	.s-14 img {
		width: calc((630 / 750) * 100vw);
	}
	
	.s-14 .f-22 {
		font-size: calc((26 / 750) * 100vw);
	}
	
	.s-14 p:last-child {
		width: calc((600 / 750) * 100vw);
		height: calc((129 / 750) * 100vw);
		background-size: calc((600 / 750) * 100vw) calc((129 / 750) * 100vw);
		font-size: calc((36 / 750) * 100vw);
	}
	
	
	
	.s-15 {
		padding: calc((100 / 750) * 100vw) 0 calc((64 / 750) * 100vw);
	}
	
	.s-15 .box {
		padding: calc((71 / 750) * 100vw) calc((30 / 750) * 100vw) calc((55 / 750) * 100vw);
	}
	
	.s-15 h2 {
		margin-bottom: calc((31 / 750) * 100vw);
		padding: calc((11 / 750) * 100vw) 0;
		font-size: calc((36 / 750) * 100vw);
	}
	
	.s-15 h3.office {
		margin: 0 0 calc((36 / 750) * 100vw);
		font-size: calc((26 / 750) * 100vw);
	}
	
	.s-15 h3.office span {
		width: calc((548 / 750) * 100vw);
	}
	
	.s-15 .office_content_header {
		margin: 0 auto calc((26 / 750) * 100vw);
		width: 100%;
        height: auto;
	}

    .s-15 .office_content_header img {
        width: inherit;
        height: inherit;
    }

	.s-15 .office_content_header iframe {
		height: 300px;
	}

	.s-15 .box.not-it img {
		width: 100%;
	}
	
	.s-15 .box img.manager_image {
		height: auto;
	}

	.s-15 .box .inner {
		padding: 0 calc((40 / 750) * 100vw);
	}
	
	.s-15 .box .inner .flex:first-child {
		flex-direction: column;
	}
	
	.s-15 .f-18 {
		font-size: calc((22 / 750) * 100vw);
	}
	
	.s-15 .box .inner .flex:first-child > div:last-child {
		margin: calc((20 / 750) * 100vw) 0 0;
	}
	
	.s-15 .info {
		margin: calc((10 / 750) * 100vw) 0 0;
	}
	
	.s-15 .info div {
		margin-top: calc((20 / 750) * 100vw);
		padding-top: calc((20 / 750) * 100vw);
	}
	
	.s-15 .pics {
		margin-top: calc((41 / 750) * 100vw);
	}
	
	.s-15 .pics figure {
		width: 33.333333333%;
	}
	
	.s-15 .message {
		margin-top: calc((84 / 750) * 100vw);
	}
	
	.s-15 .message div:first-child {
		width: 46%;
	}
	
	.s-15 .message div:last-child {
		width: 54%;
	}
	
	.s-15 .message h3 {
		margin: 0 calc((15 / 750) * 100vw) 0 calc((-70 / 750) * 100vw);
		padding: calc((60 / 750) * 100vw) calc((23 / 750) * 100vw) calc((60 / 750) * 100vw) calc((70 / 750) * 100vw);
		text-align: left;
	}
	
	.s-15 .message div:first-child p {
		margin: calc((40 / 750) * 100vw) 0 0;
		font-size: calc((22 / 750) * 100vw);
	}
	
	.s-15 .message div:first-child p .f-22 {
		font-size: calc((26 / 750) * 100vw);
	}
	
	.s-15 .message + p.inner {
		margin-top: calc((35 / 750) * 100vw);
		font-size: calc((26 / 750) * 100vw);
	}
	
	.s-15 h3.office:not(:first-of-type) {
		margin: calc((98 / 750) * 100vw) 0 calc((35 / 750) * 100vw);
	}
	
	.s-15 img, .s-15 iframe {
		width: 100%;
	}
	
	.s-15 .not-it {
		margin-top: calc((64 / 750) * 100vw);
	}
	
	.s-15 .not-it .flex {
		flex-direction: column;
	}
	
	.s-15 .not-it .flex > div {
		width: 100% !important;
	}
	
	.s-15 .not-it .f-22 {
		font-size: calc((26 / 750) * 100vw);
		text-align: center;
	}
	
	.s-15 .btn {
		margin-top: calc((42 / 750) * 100vw);
		font-size: calc((34 / 750) * 100vw);
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
	}
	
	.s-15 .not-it .flex + h3 {
		margin-top: calc((73 / 750) * 100vw);
	}
	
	.s-16 {
		padding: 0 0 calc((100 / 750) * 100vw);
	}
	
	.s-16 h2 {
		margin-bottom: calc((47 / 750) * 100vw);
		padding: calc((18 / 750) * 100vw) 0;
	}
	
	.s-16 h2:after {
		width: calc((74.31 / 750) * 100vw);
	    height: calc((27.17 / 750) * 100vw);
	    left: calc(50% - (74.31 / 750) * 100vw / 2);
	    bottom: calc((-27.17 / 750) * 100vw);
	    background-position: 50% 100%;
	    background-size: cover;
	}
	
	.s-16 .box {
		padding: calc((70 / 750) * 100vw) calc((70 / 750) * 100vw);
	}
	
	.s-16 h3 {
		margin-bottom: calc((42 / 750) * 100vw);
		padding: calc((11 / 750) * 100vw) 0;
		font-size: calc((36 / 750) * 100vw);
	}
	
	.s-16 .flex {
		padding: 0 calc((40 / 750) * 100vw);
	}
	
	.s-16 li {
		width: 50%;
	}
	
	
	
	.s-17 {
		padding: calc((100 / 750) * 100vw) 0 calc((92 / 750) * 100vw);
	}
	
	.s-17 .inner {
		padding: 0 calc((48 / 750) * 100vw);
	}
	
	.s-17 h2 {
		font-size: calc((36 / 750) * 100vw);
	}
	
	.s-17 h3 {
		margin: calc((58 / 750) * 100vw) 0 calc((27 / 750) * 100vw);
		font-size: calc((26 / 750) * 100vw);
	}
	
	.s-17 h3 span {
		width: calc((416 / 750) * 100vw);
	}
	
	.s-17 iframe {
		height: calc((406 / 750) * 100vw);
	}
	
	.s-17 .btn {
		margin: calc((68 / 750) * 100vw) auto calc((16 / 750) * 100vw);
		padding: calc((33 / 750) * 100vw) 0;
	}
	
	.s-17 .btn img {
		width: calc((399 / 750) * 100vw);
	}
	
	
	
	.s-18 .closing {
		background: url(https://dd-career.com/wp-content/themes/dd-career/img/it-hachioji/lp_itex/s-18-bg-01-sp.jpg) no-repeat;
		background-size: cover;
	}
	
	.s-18 .txt {
		height: calc((70 / 750) * 100vw);
		padding: calc((6 / 750) * 100vw) calc((6 / 750) * 100vw) calc((6 / 750) * 100vw) calc((12 / 750) * 100vw);
		top: calc((340 / 750) * 100vw);
		left: calc(50% - calc((170 / 750) * 100vw));
		font-size: calc((36 / 750) * 100vw);
	}
	
	.s-18 .txt:after {
		left: calc((-26 / 750) * 100vw);
		border-width: 0 0 calc((70 / 750) * 100vw) calc((26 / 750) * 100vw);
	}
	
	.s-18 .closing h2 {
		margin-top: calc((460 / 750) * 100vw);
	}
	
	
	
	.s-19 {
		padding: calc((89 / 750) * 100vw) 0 calc((94 / 750) * 100vw);
	}
	
	.s-19 td {
		padding: calc((22 / 750) * 100vw) 0;
		font-size: calc((22 / 750) * 100vw);
	}
	
	
	
	.s-20 {
		padding: calc((100 / 750) * 100vw) 0 calc((93 / 750) * 100vw);
	}
	
	.s-20 .inner {
		width: calc((550 / 750) * 100vw);
		margin: 0 auto;
	}
	
	.s-20 .flex {
		flex-direction: column;
	}
	
	.s-20 .flex > div {
		width: 100%;
		margin: 0 auto calc((60 / 750) * 100vw);
		padding: calc((50 / 750) * 100vw) calc((30 / 750) * 100vw);
	}
	
	.s-20 .f-26 {
		font-size: calc((30 / 750) * 100vw);
	}
	
	.s-20 .f-22 {
		font-size: calc((26 / 750) * 100vw);
	}
	
	.s-20 .flex + p {
		margin: 0;
		font-size: calc((20 / 750) * 100vw);
	}
	
	
	
	.footer {
		padding: calc((80 / 750) * 100vw);
		padding-bottom: 89px;
	}
	
	.footer .f-18 {
		font-size: calc((22 / 750) * 100vw);
	}
	
	.footer .f-14 {
		font-size: calc((18 / 750) * 100vw);
	}

	.accel-japan-logo {
		font-size: 10px;
		padding: 5px !important;
	}

	.accel-japan-logo span{
		font-size: 12px;
	}
	
	.accel-1 {
		bottom: 25vw;
		left: 0;
	}
	.accel-2 {
		top: 37vw;
		left: 7vw;
	}
	
	.accel-3 {
		top: 8vw;
	 right: 5vw;
	}
	
	.accel-4 {
		top: 20vw;
	 right: 0vw;
	}
	
	.accel-5 {
		top: 55vw;
		left: 5vw;
	}

	.hiromi-footer p {
		font-size: 8px;
	}

	.hiromi-footer p span{
		font-size: 10px;
	}
}

@media (max-width: 767px){
	.pagetop {
		bottom: 80px;
	}

	.pagetop.show {
		right: 5%;
	}

	.s-15 .pics {
		flex-direction: column;
	}

	.s-15 .pics figure, 
	.s-15 .pics figure.two-pictures, 
	.s-15 .pics figure.one-picture {
		width: 76.5%;
		margin: 0 auto 30px;
	}

	.s-15 .pics figure:first-of-type {
		margin: 0 auto 20px;
	}

	.fixed_footer {
    	padding: 10px 0 0;
	}

	.fixed_footer .inner {
		padding: 0;
	}

	.fixed_footer .group {
		padding-bottom: 20px;
	}

	.fixed_footer .tel {
		align-items: center;
		margin-right: 20px;
		font-size: 1.35em;
		padding: 6px 15px;
	}

	.fixed_footer .tel > p {
		display: none;
		transform: translateX(-40px);
	}
	
	.fixed_footer .tel .tel_num {
		padding-top: 0;
		padding-left: 18px;
		background-position-y: 20%;
		background-size: 10%;
	}

	.fixed_footer .tel .tel_num > p {
		display: block;
	}

	.fixed_footer .to_content {
		font-size: 1.1em;
		padding: 10px 20px;
	}
}

@media screen and (max-width: 720px){
	.btn .f-30 {
		font-size: calc((34 / 750) * 100vw);
	}
}

@media (max-width: 500px){
	.footer {
		padding-bottom: 60px;
	}

	.fixed_footer {
    	padding: 5px 0 0;
	}

	.fixed_footer .group {
		padding-bottom: 10px;
	}

	.fixed_footer .tel {
		margin-right: 0;
		font-size: 1.15em;
		padding: 6px 10px;
	}

	.fixed_footer .to_content {
		font-size: 1em;
		padding: 8px 15px;
	}
	
}

@media screen and (max-width: 424px){
	.spMS-none {
		display: none;
	}
	.spMS-br {
		display: block;
	}

	.s-01 .inner.flex > p > span {
		line-height: 1.2;
	}
	.fixed_footer .to_content {
		line-height: 1.2;
	}
}

@media (max-width: 382px){
	.footer {
		padding-bottom: 78px;
	}

	.fixed_footer .tel .tel_num {
		padding-left: 20px;
		background-position-y: 26%;
		background-size: 12%;
	}

	.fixed_footer .to_content .small {
		display: block;
	}
}

@media (max-width: 350px){
	.fixed_footer {
		padding: 0;
	}

	.fixed_footer .tel {
		justify-content: center;
	}
}