@charset "UTF-8";

article{
	z-index: 1;
	position: relative;
}
/*--------------------main--------------------*/
.topMain{
	width: 100%;
	background-image: url(../images/top_main.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	animation: fadein 3s ease-out forwards;
}
.topMain .inner{
	max-width: 1100px;
	margin: 0 auto;
	padding: 135px 0 335px;
}
.topMain h1{
	width: 522px;
	margin-left: 25px;
}

@keyframes fadein {
	0%{
		opacity: 0
	}
	100%{
		opacity: 1
	}
}


/*--------------------top--------------------*/
.topBlock01{
	max-width: 1100px;
	margin: 0 auto 120px;
}
.topBlock01 .txt{
	margin-bottom: 45px;
}
.topBlock01 h2{
	font-size: 30px;
	font-weight: 600;
	color: #066eb2;
	letter-spacing: 0.1em;
	margin-bottom: 35px;
}
.topBlock01 p{
	font-size: 18px;
	line-height: 180%;
	letter-spacing: 0.16em;
}
.topBlock01_1{
	padding: 45px 55px 60px;
	background-color: #a5d9f9;
}
.topBlock01_1 h3{
	font-size: 26px;
	font-weight: 600;
	color: #066eb2;
	text-align: center;
	line-height: 160%;
	letter-spacing: 0.08em;
	margin-bottom: 40px;
}


/*.topBlock02{
	margin-bottom: 50px;
}*/
.topBlock02 .inner,
.topBlock03 .inner{
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
}
.topBlock02_1{
	width: 320px;
	margin-right: 70px;
	/*margin: 0 70px 100px 0;*/
	float: left;
	position: relative;
}
.topBlock02_1:nth-child(3n){
	margin-right: 0;
	/*margin: 0 0 100px 0;*/
}
.topBlock02 .topBlock02_1{
	margin-bottom: 100px;
}
.topBlock02_1 .images{
	margin-bottom: 20px;
}
.topBlock02_1 h3{
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	line-height: 120%;
	letter-spacing: 0.01em;
	margin-bottom: 15px;
}
.topBlock02_1 h3 span{
	font-size: 16px;
}
.topBlock02_1 h4{
	font-size: 15px;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: 0.06em;
	margin-bottom: 5px;
}
.topBlock02_1 p{
	font-size: 14px;
	line-height: 160%;
	letter-spacing: 0.06em;
	padding-bottom: 15px;
}
.topBlock02_1 .btn01{
	margin-left: 155px;
}
.topBlock02_1 .number01,
.topBlock02_1 .number02{
	position: absolute;
	top: -20px;
	left: -20px;
}
.topBlock02_1 .number01{
	width: 65px;
}
.topBlock02_1 .number02{
	width: 190px;
}

/*.topBlock03{
	margin-bottom: -80px;
}*/
.topBlock03 .topBlock02_1{
	margin-bottom: 80px;
}
.topBlock03 h2{
	width: 45%;
	font-size: 26px;
	font-weight: 700;
	color: #066eb2;
	line-height: 120%;
	letter-spacing: 0.05em;
	margin: 0 auto 50px;
	display: flex;
	align-items: center;
}
.topBlock03 h2:before,
.topBlock03 h2:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #066eb2;
  margin:0 0.5em;
}



/*--------------------page--------------------*/
.pageMain{
	width: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	animation: fadein 3s ease-out forwards;
}
#worksSekkei .pageMain{
	background-image: url(../images/sekkei_main.jpg);
}
#worksItai .pageMain{
	background-image: url(../images/itai_main.jpg);
}
#worksGlobal .pageMain{
	background-image: url(../images/global_main.jpg);
}
#worksHotel .pageMain{
	background-image: url(../images/hotel_main.jpg);
}
#worksEigyou .pageMain{
	background-image: url(../images/eigyou_main.jpg);
}
#worksDaiku .pageMain{
	background-image: url(../images/daiku_main.jpg);
}
#worksSekou .pageMain{
	background-image: url(../images/sekou_main.jpg);
}
#worksJimu .pageMain{
	background-image: url(../images/jimu_main.jpg);
}


.mainTit{
	max-width: 1100px;
	margin: 0 auto;
	/*padding: 135px 0 240px;*/
	padding: 135px 0 335px;
}
.mainTit h1{
	width: 522px;
	margin-left: 25px;
}

.pageBlock01{
	max-width: 1100px;
	margin: -90px auto 90px;
	position: relative;
}
.pageBlock01_1{
	padding-left: 95px;
}
.pageBlock01_1 h2{
	font-size: 46px;
	font-weight: 700;
	letter-spacing: 0.15em;
	margin-bottom: 100px;
	position: relative;
	display: inline-block;
}
.pageBlock01_1 h2:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -65px;/*線の上下位置*/
  display: inline-block;
  width: 90px;
  height: 3px;
  /*-webkit-transform: translateX(-50%);
  transform: translateX(-50%);*/
  background-color: #066eb2;
  border-radius: 2px;
}
.pageBlock01_1 h3{
	font-size: 30px;
	font-weight: 700;
	color: #066eb2;
	line-height: 140%;
	letter-spacing: 0.08em;
	margin-bottom: 30px;
}
.pageBlock01_1 p{
	font-size: 18px;
	line-height: 180%;
	letter-spacing: 0.02em;
	padding-bottom: 45px;
}
#worksDaiku .pageBlock01_1 p{
	padding-bottom: 0;
}
#worksSekou .pageBlock01_1 p{
	padding-bottom: 0;
}
.pageBlock01_1 .inner{
	position: relative;
}
.pageBlock01_1 .inner dl{
	width: 320px;
	margin-right: 20px;
	padding: 35px 40px 40px;
	background-color: #e4f1fd;
	float: left;
}
.pageBlock01_1 .inner dl:last-child{
	margin-right: 0;
}
.pageBlock01_1 .inner dt{
	font-size: 25px;
	font-weight: 700;
	color: #066eb2;
	text-align: center;
	line-height: 120%;
	letter-spacing: 0.03em;
	margin-bottom: 25px;
}
.pageBlock01_1 .inner dt span{
	font-size: 18px;
}
.pageBlock01_1 .inner dd{
	font-size: 17px;
	line-height: 160%;
}

.pageBlock01_1 .inner.detail01 dl{
	width: 460px;
	margin-right: 80px;
	/*padding: 55px 40px 40px;
	background-color: #e4f1fd;
	float: left;*/
}
.pageBlock01_1 .inner.detail01 dl:last-child{
	margin-right: 0;
}
/*#worksGlobal .pageBlock01_1 .inner.detail01 dl{
	min-height: 380px;
}*/
.pageBlock01_1 .inner.detail02 dl{
	width: 240px;
	margin-right: 15px;
	padding: 45px 30px 35px;
}
.pageBlock01_1 .inner.detail02 dl:last-child{
	margin-right: 0;
}



/*.pageMenu{
	position: absolute;
	top: 70px;
	left: -10%;
}*/

/*.pagemenu_container{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}*/
.pagemenu_container{
	position: relative;
}
/*.pageMenu{
	position: sticky;
	top: 70px;
	margin-left: 3%;
	float: left;
	z-index: 9;
}*/
/*main {
    background-color: #666;
    padding: 50px 50px 300px;
    position: relative;
}*/
.pageMenu{
	display: none;
	/*width: 20%;
	background-color: #fcc;
	padding: 30px;*/
	position: fixed;
	left: 3%;
	top: 70px;
	z-index: 9;
}
.pageMenu li{
	font-size: 16px;
	font-weight: 500;
	color: #066eb2;
	list-style: disc;
	margin-bottom: 50px;
}
/*.sticky {
	position: sticky;
	top: 70px;
}*/

#switch{
	width: 100%;
	position: relative;
}
.switchBtn{
	margin-bottom: 15px;
	position: relative;
}
.switchBtn h3{
	width: 50%;
	font-size: 18px;
	font-weight: 500;
	line-height: 100%;
	float: left;
}
.switchBtn div{
	width: 50%;
	font-size: 16px;
	font-weight: 500;
	text-align: right;
	line-height: 100%;
	padding-top: 3px;
	float: right;
}
/*.switchBtn div span{
	color: #066eb2;
}*/
.switchBtn div span:hover{
	/*text-decoration: underline;*/
	cursor: pointer;
}
.switchBtn div span img{
	width: 10px;
	margin-left: 5px;
	vertical-align: middle;
}

.a_btn,
.d_btn{
	/*width: 150px;*/
	color: #fff;
	letter-spacing: 0.10em;
	padding: 3px 15px 3px 25px;
	background: linear-gradient(90deg, rgb(119, 183, 229), rgb(0, 77, 161));
	/*background-image: url(../images/common/icon_arrow02.png);
	background-repeat: no-repeat;
	background-position: center right;*/
	border-radius: 100px!important;
	cursor: pointer;
}
.b_btn,
.c_btn{
	opacity: 0;
	pointer-events: none;
}

.pageBlock02,
.pageBlock02A,
.pageBlock02B{
	margin-bottom: 80px;
	padding: 90px 0 70px;
	background-image: url(../images/flow_bg00.png);
	background-repeat: no-repeat;
	background-position: center center;
	/*background-size: cover;*/
	background-size: 100% 100%;
}
.pageBlock02A{
	width: 100%;
	opacity: 1;
	position: absolute;
	/*display: block;*/
	transition-duration: 0.6s;
	pointer-events: auto;/* マウスイベントをオン */
}
.pageBlock02A.active{
	width: 100%;
	/*margin-bottom: 170px !important;*/
    opacity: 0;
	/*display: none;*/
    pointer-events: none;
}
.pageBlock02B{
	width: 100%;
	/*margin-bottom: 170px;*/
	margin-bottom: 0;
    opacity: 0;
	position: static;
	/*display: none;*/
	transition-duration: 0.6s;
    pointer-events: none;
}
.pageBlock02B.active{
	width: 100%;
	margin-bottom: 100px;
	opacity: 1;
	/*display: block;*/
	transition-duration: 0.6s;
	pointer-events: auto;
	/*z-index: 10;*/
}

.pageBlock02 .inner,
.pageBlock02A .inner,
.pageBlock02B .inner{
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
}
.pageBlock02_1{
	width: 550px;
	float: left;
}
.pageBlock02_1 h2{
	width: 485px;
	margin-bottom: 50px;
}
.pageBlock02A .pageBlock02_1 h2,
.pageBlock02B .pageBlock02_1 h2{
	margin-bottom: 15px;
}

.pageBlock02_1 p{
	width: 350px;
	font-size: 14px;
	line-height: 160%;
	margin-left: 150px;
	padding-bottom: 20px;
}
.flow01,
.flow02{
	background-image: url(../images/flow_bg04.png);
	background-repeat: repeat-y;
	background-size: 100% auto;
}
.flowTit{
	height: 36px;
	margin-bottom: 12px;
	padding: 10px 0 0 45px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.flow01 .flowTit{
	background-image: url(../images/flow_bg01.png);
}
.flow02 .flowTit{
	background-image: url(../images/flow_bg02.png);
}
.flow03 .flowTit{
	background-image: url(../images/flow_bg03.png);
}
.flowTit dt{
	width: 110px;
	font-size: 21px;
	font-weight: 700;
	color: #a59e82;
	float: left;
}
.flowTit dd{
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin-left: 110px;
}
.pageBlock02_2{
	width: 500px;
	margin-top: 60px;
	float: right;
}

.pageBlock03,
.pageBlock05{
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.pageBlock03{
	margin-bottom: 90px;
}
.pageBlock05{
	margin-bottom: 110px;
}
.pageBlock03 .tit,
.pageBlock05 .tit{
	margin-bottom: 35px;
}
.pageBlock03 .tit dt,
.pageBlock05 .tit dt{
	width: 297px;
	margin-bottom: 15px;
}
.pageBlock03 .tit dd,
.pageBlock05 .tit dd{
	margin-left: 100px;
}
.pageBlock03 .tit dd h2,
.pageBlock05 .tit dd h2{
	font-size: 24px;
	font-weight: 800;
	color: #066eb2;
	letter-spacing: 0.02em;
}
.pageBlock03 .inner,
.pageBlock05 .inner{
	padding: 50px 70px 30px;
	-moz-border-radius:10px!important;
	-webkit-border-radius:10px!important;
	border-radius:10px!important;
}
.pageBlock03 .inner{
	background-color: #e4f1fd;
}
.pageBlock05 .inner{
	background-color: #f0f2eb;
}
.pageBlock03 .inner dl,
.pageBlock05 .inner dl{
	margin-bottom: 40px;
}
.pageBlock03 .inner dt,
.pageBlock05 .inner dt{
	font-size: 18px;
	font-weight: 500;
	color: #066eb2;
	text-align: left;
	letter-spacing: 0.03em;
	margin-bottom: 20px;
	padding-left: 40px;
	background-image: url(../images/bg_line01.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 40px auto;
	/*display: flex;
	align-items: center;*/
}
/*.pageBlock03 .inner dt:before {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
}
.pageBlock03 .inner dt:before {
	margin-left: -0.4em;
	background: #066eb2;
}*/
.pageBlock03 .inner dd h3,
.pageBlock05 .inner dd h3{
	font-size: 26px;
	font-weight: 700;
	line-height: 140%;
	letter-spacing: 0.08em;
}
.pageBlock03 .inner p,
.pageBlock05 .inner p{
	font-size: 18px;
	line-height: 170%;
	letter-spacing: 0.02em;
	padding-bottom: 35px;
}
.pageBlock03 .inner p:first-of-type,
.pageBlock05 .inner p:first-of-type{
	width: 600px;
}
.pageBlock03 .images{
	width: 577px;
	position: absolute;
	top: -12px;
	right: -45px;
}
.pageBlock05 .images{
	width: 577px;
	position: absolute;
	top: -12px;
	right: -45px;
}

.pageBlock04{
	max-width: 1100px;
	margin: 0 auto 90px;
	padding: 70px 100px 90px;
	-moz-border-radius:15px!important;
	-webkit-border-radius:15px!important;
	border-radius:15px!important;
	background-color: #4d9ae0;
	position: relative;
}
.pageBlock04 .txt{
	text-align: center;
	padding-bottom: 40px;
	/*margin-bottom: 45px;*/
}
.pageBlock04_3 .txt{
	padding-bottom: 0;
}
.pageBlock04_1 .txt{
	border-bottom: 1px solid #fff;
}
.pageBlock04_1 .txt h2{
	width: 482px;	
}
.pageBlock04_3 .txt h2{
	width: 200px;	
}
.pageBlock04 .txt h2{
	margin: 0 auto 90px;
	/*margin-left: auto;
	margin-right: auto;
	margin-bottom: 90px;*/
	position: relative;
	display: inline-block;
}
.pageBlock04 .txt h2:before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -45px;
	display: inline-block;
	width: 90px;
	height: 1px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
	border-radius: 2px;
}
.pageBlock04 .txt h3{
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	line-height: 140%;
	letter-spacing: 0.12em;
	margin-bottom: 30px;
}
.pageBlock04_3 .txt h3{
	margin-bottom: 20px;
}
.pageBlock04 .txt h4{
	font-size: 20px;
	font-weight: 600;
	line-height: 160%;
	margin-bottom: 5px;
}
.pageBlock04 .txt p{
	font-size: 18px;
	line-height: 160%;
}
.pageBlock04_3 .txt p{
	padding-bottom: 50px;
}
.pageBlock04_1{
	margin-bottom: 75px;
}
.pageBlock04_2,
.pageBlock04_2B{
	padding: 40px 0;
	border-bottom: 1px solid #fff;
	position: relative;
}
.pageBlock04_2L{
	width: 420px;
	font-weight: 600;
	color: #fff;
	padding-top: 5px;
	float: left;
}
.pageBlock04_2L dt{
	font-size: 22px;
	line-height: 100%;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
}
.pageBlock04_2B .pageBlock04_2L dt{
	margin-bottom: 10px;
}
.pageBlock04_2L dd{
	font-size: 24px;
	line-height: 160%;
	letter-spacing: 0.08em;
}
.pageBlock04_2R{
	width: 420px;
	margin-right: 20px;
	float: right;
}
.pageBlock04_2R p{
	font-size: 16px;
	line-height: 170%;
	text-align: justify;
}
.pageBlock04_2B .pageBlock04_2R p{
	font-size: 18px;
}

.pageBlock04_4{
	padding: 45px 0 30px 190px;
	border: 1px solid #fff;
}
#worksItai .pageBlock04_4{
	padding: 45px 0 30px 350px;
}
#worksJimu .pageBlock04_4{
	padding: 45px 0 30px 110px;
}

.pageBlock04_4 li{
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	line-height: 160%;
	letter-spacing: 0.05em;
	list-style: disc;
	margin-bottom: 20px;
}
.pageBlock04_4 li span{
	font-size: 20px;
}
.pageBlock04_4 li.fl{
	margin-right: 70px;
	float: left;
}

.pageBlock06{
	width: 100%;
	padding: 70px 0 95px;
	background-color: #e4f1fd;
}
.pageBlock06 .txt{
	text-align: center;
	margin-bottom: 45px;
}
.pageBlock06 .txt h2{
	width: 440px;
	margin: 0 auto 50px;
}
.pageBlock06 .txt p{
	font-size: 18px;
	line-height: 170%;
	letter-spacing: 0.05em;
}
.pageBlock06 .inner{
	max-width: 1150px;
	margin: 0 auto;
	padding: 20px 25px 45px;
	background-color: #fff;
	-moz-border-radius:15px!important;
	-webkit-border-radius:15px!important;
	border-radius:15px!important;
}
.pageBlock06 .images p{
	font-size: 12px;
	text-align: right;
	line-height: 100%;
	letter-spacing: 0.08em;
	padding-top: 20px;
}



/*--------------------job_intro--------------------*/
.job_intro{
	text-align: center;
	margin-bottom: 120px;
	padding-top: 80px;
	background-color: #fff;
	position: relative;
	z-index: 20;
}
.job_intro h2{
	width: 522px;
	margin: 0 auto 50px;
}
.job_intro .thumb{
	width: 320px;
	margin-right: 30px;
	margin-left: 30px;
	position: relative;
}
.job_intro .thumb a{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.job_intro .thumb:hover{
	opacity: 0.5;
	transition-duration: 0.8s;
}
.job_intro .thumb dt{
	margin-bottom: 15px;
}
.job_intro .thumb dd{
	font-size: 16px;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: 0.05em;
}
.job_intro .thumb dd span{
	font-size: 14px;
}
.job_intro .slick-arrow:before{
	content:""!important;
	width: 100%!important;
	height: 100%!important;
	position: absolute;
	top: 0;
	left: 0;
}
.job_intro .slick-prev,
.job_intro .slick-next{
	width: 23px;
	height: 33px;
	top: 40%;
}
.job_intro .slick-prev{
	left: 7.0%;
}
.job_intro .slick-next{
	right: 7.0%;
}
.job_intro .slick-next:before{
	background-image: url(../images/slider_arrow01R.png);
	background-repeat: no-repeat;
	background-size: 23px 33px;
	background-position: center;
}
.job_intro .slick-prev:before{
	background-image: url(../images/slider_arrow01L.png);
	background-repeat: no-repeat;
	background-size: 23px 33px;
	background-position: center;
}
.job_intro .slick-dotted.slick-slider {
	margin-bottom: 0 !important;
}
.job_intro .slider-dots {
    width: 320px;
    margin: 0 auto;
    padding: 40px 0 0;
    text-align: center;
    list-style: none;
}
.job_intro .slider-dots li {
    display: inline-block;
    width: calc(13% - 8px);/* プログレスバーの横幅はスライドの枚数に合わせて調整してください */
    margin: 0 2px;
}
.job_intro .slider-dots button {
    position: relative;
    width: 100%;
    height: 4px;
    border: 0;
    background-color: #cbe0ef;
    font-size: 0;
}
.job_intro .slider-dots button:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 0%;
    height: 100%;
}
.job_intro .slider-dots .slick-active button:after {
    background-color: #73c0ef;
    animation: progress 3.5s linear forwards;
}
@keyframes progress {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}





/*----------------------------------------------------*/
@media only screen and (max-width: 1115px) {

/*--------------------main--------------------*/
.topMain{
	/*width: 100%;
	background-image: url(../images/top_main.jpg);
	background-repeat: no-repeat;*/
	background-position: top -60px center;
	background-size: 240% auto;
	/*background-size: cover;*/
	/*animation: fadein 3s ease-out forwards;*/
	margin-top: 85px;
}
.topMain .inner{
	width: 92%;
	/*margin: 0 auto;*/
	padding: 60px 0 200px;
}
.topMain h1{
	width: 70%;
	margin-left: 0;
}


/*--------------------top--------------------*/
.topBlock01{
	width: 92%;
	margin: 0 auto 100px;
}
/*.topBlock01 .txt{
	margin-bottom: 45px;
}*/
.topBlock01 h2{
	font-size: 28px;
	/*font-weight: 600;
	color: #066eb2;
	letter-spacing: 0.1em;
	margin-bottom: 35px;*/
}
.topBlock01 p{
	font-size: 16px;
	line-height: 170%;
	letter-spacing: 0.15em;
}
.topBlock01_1{
	padding: 30px 25px 40px;
	/*background-color: #a5d9f9;*/
}
.topBlock01_1 h3{
	font-size: 24px;
	/*font-weight: 600;
	color: #066eb2;
	text-align: center;
	line-height: 160%;
	letter-spacing: 0.08em;*/
	margin-bottom: 30px;
}

.topBlock02 .inner,
.topBlock03 .inner{
	width: 92%;
	/*margin: 0 auto;
	position: relative;*/
}
.topBlock02_1{
	width: 31%;
	margin-right: 3.5%;
	/*float: left;
	position: relative;*/
}
.topBlock02_1:nth-child(3n){
	margin-right: 0;
}
.topBlock02 .topBlock02_1{
	margin-bottom: 80px;
}
.topBlock02_1 .images{
	margin-bottom: 15px;
}
.topBlock02_1 h3{
	font-size: 16px;
	/*font-weight: 500;
	text-align: center;
	line-height: 120%;
	letter-spacing: 0.01em;*/
	margin-bottom: 10px;
}
.topBlock02_1 h3 span{
	font-size: 14px;
}
/*.topBlock02_1 h4{
	font-size: 15px;
	font-weight: 500;
	line-height: 120%;
	letter-spacing: 0.06em;
	margin-bottom: 5px;
}*/
/*.topBlock02_1 p{
	font-size: 14px;
	line-height: 160%;
	letter-spacing: 0.06em;
	padding-bottom: 15px;
}*/
.topBlock02_1 .btn01{
	margin-left: 40px;
}
.topBlock02_1 .number01,
.topBlock02_1 .number02{
	position: absolute;
	top: -15px;
	left: -15px;
}
.topBlock02_1 .number01{
	width: 40px;
}
.topBlock02_1 .number02{
	width: 125px;
}

.topBlock03{
	margin-bottom: 10px;
}
.topBlock03 .topBlock02_1{
	margin-bottom: 60px;
}
.topBlock03 h2{
	width: 80%;
	font-size: 24px;
	/*font-weight: 700;
	color: #066eb2;
	line-height: 120%;
	letter-spacing: 0.05em;*/
	margin: 0 auto 40px;
	/*display: flex;
	align-items: center;*/
}
/*.topBlock03 h2:before,
.topBlock03 h2:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #066eb2;
  margin:0 0.5em;
}*/


/*--------------------page--------------------*/
.pageMain{
	/*width: 100%;
	background-repeat: no-repeat;*/
	background-position: top -60px center;
	background-size: 240% auto;
	/*background-size: cover;*/
	/*animation: fadein 3s ease-out forwards;*/
	margin-top: 85px;
}
.mainTit{
	width: 92%;
	/*margin: 0 auto;*/
	padding: 60px 0 200px;
}
.mainTit h1{
	width: 70%;
	margin-left: 0;
}

.pageBlock01{
	width: 92%;
	margin: -60px auto 70px;
	/*position: relative;*/
}
.pageBlock01_1{
	padding-left: 0;
}
.pageBlock01_1 h2{
	font-size: 40px;
	/*font-weight: 700;
	letter-spacing: 0.15em;*/
	margin-bottom: 85px;
	/*position: relative;
	display: inline-block;*/
}
.pageBlock01_1 h2:before {
	/*content: '';
	position: absolute;
	left: 0;*/
	bottom: -50px;
	/*display: inline-block;
	width: 90px;
	height: 3px;
	background-color: #066eb2;
	border-radius: 2px;*/
}
.pageBlock01_1 h3{
	font-size: 28px;
	/*font-weight: 700;
	color: #066eb2;
	line-height: 140%;
	letter-spacing: 0.08em;*/
	margin-bottom: 25px;
}
.pageBlock01_1 p{
	font-size: 16px;
	/*line-height: 180%;
	letter-spacing: 0.02em;
	padding-bottom: 45px;*/
}
/*.pageBlock01_1 .inner{
	position: relative;
}*/
.pageBlock01_1 .inner dl{
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
	padding: 30px 30px 30px;
	/*background-color: #e4f1fd;*/
	float: none;
}
.pageBlock01_1 .inner dl:last-child{
	margin-right: 0;
	margin-bottom: 0;
}
.pageBlock01_1 .inner dt{
	font-size: 22px;
	/*font-weight: 700;
	color: #066eb2;
	text-align: center;
	line-height: 120%;
	letter-spacing: 0.05em;*/
	margin-bottom: 15px;
}
.pageBlock01_1 .inner dt span{
	font-size: 17px;
}
.pageBlock01_1 .inner dd{
	font-size: 17px;
	line-height: 170%;
}

.pageBlock01_1 .inner.detail01 dl{
	width: 100%;
	margin-right: 0;
}
.pageBlock01_1 .inner.detail01 dl:last-child{
	margin-right: 0;
	margin-bottom: 0;
}
/*#worksGlobal .pageBlock01_1 .inner.detail01 dl{
	min-height: auto;
}*/
.pageBlock01_1 .inner.detail02 dl{
	width: 100%;
	margin-right: 0;
	padding: 30px 30px 30px;
}
/*.pageBlock01_1 .inner.detail02 dl:last-child{
	margin-right: 0;
}*/


/*.pagemenu_container{
	position: relative;
}
.pageMenu{
	display: none;
	position: fixed;
	left: 3%;
	top: 70px;
	z-index: 9;
}
.pageMenu li{
	font-size: 16px;
	font-weight: 500;
	color: #066eb2;
	list-style: disc;
	margin-bottom: 50px;
}*/

/*#switch{
	width: 100%;
	position: relative;
}
.switchBtn{
	margin-bottom: 15px;
	position: relative;
}
.switchBtn h3{
	width: 50%;
	font-size: 18px;
	font-weight: 500;
	line-height: 100%;
	float: left;
}
.switchBtn div{
	width: 50%;
	font-size: 16px;
	font-weight: 500;
	text-align: right;
	line-height: 100%;
	padding-top: 3px;
	float: right;
}
.switchBtn div span{
	color: #066eb2;
}
.switchBtn div span:hover{
	text-decoration: underline;
	cursor: pointer;
}
.b_btn,
.c_btn{
	opacity: 0;
	pointer-events: none;
}*/

.pageBlock02,
.pageBlock02A,
.pageBlock02B{
	margin-bottom: 80px;
	padding: 50px 0 50px;
	background-color: #f0f2eb;
	background-image: none;
	/*background-image: url(../images/flow_bg00.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;*/
}
/*.pageBlock02A{
	width: 100%;
	opacity: 1;
	position: absolute;
	transition-duration: 0.6s;
	pointer-events: auto;
}
.pageBlock02A.active{
	width: 100%;
    opacity: 0;
    pointer-events: none;
}*/
.pageBlock02B{
	/*width: 100%;*/
	margin-bottom: 0px !important;
	padding: 50px 0 0 !important; 
	/*opacity: 0;
	position: static;
	transition-duration: 0.6s;
	pointer-events: none;*/
}
.pageBlock02B.active{
	margin-bottom: 80px !important;
	padding: 50px 0 50px !important; 
}

.pageBlock02 .inner,
.pageBlock02A .inner,
.pageBlock02B .inner{
	width: 92%;
	/*margin: 0 auto;
	position: relative;*/
}
.pageBlock02_1{
	width: 90%;
	margin: 0 auto;
	float: none;
}
.pageBlock02_1 h2{
	width: 485px;
	margin: 0 auto 40px;
}

.pageBlock02A .pageBlock02_1 h2,
.pageBlock02B .pageBlock02_1 h2{
	margin: 0 auto 15px;
}

.pageBlock02_1 p{
	width: 70%;
	/*font-size: 14px;
	line-height: 160%;*/
	margin-left: 22%;
	/*padding-bottom: 20px;*/
}
/*.flow01,
.flow02{
	background-image: url(../images/flow_bg04.png);
	background-repeat: repeat-y;
	background-size: 100% auto;
}*/
/*.flowTit{
	height: 36px;
	margin-bottom: 12px;
	padding: 10px 0 0 45px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}*/
/*.flow01 .flowTit{
	background-image: url(../images/flow_bg01.png);
}
.flow02 .flowTit{
	background-image: url(../images/flow_bg02.png);
}
.flow03 .flowTit{
	background-image: url(../images/flow_bg03.png);
}*/
/*.flowTit dt{
	width: 110px;
	font-size: 21px;
	font-weight: 700;
	color: #a59e82;
	float: left;
}
.flowTit dd{
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin-left: 110px;
}*/
.pageBlock02_2{
	width: 65%;
	margin: 40px auto;
	float: none;
}

.pageBlock03,
.pageBlock05{
	width: 100%;
	/*margin-left: auto;
	margin-right: auto;
	position: relative;*/
}
.pageBlock03{
	margin-bottom: 60px;
}
.pageBlock05{
	margin-bottom: 60px;
}
.pageBlock03 .tit,
.pageBlock05 .tit{
	width: 92%;
	margin: 0 auto 50px;
	z-index: 10;
	position: relative;
}
.pageBlock03 .tit dt,
.pageBlock05 .tit dt{
	width: 297px;
	margin-bottom: 15px;
}
.pageBlock03 .tit dd,
.pageBlock05 .tit dd{
	margin-left: 100px;
}
.pageBlock03 .tit dd h2,
.pageBlock05 .tit dd h2{
	font-size: 24px;
	font-weight: 800;
	color: #066eb2;
	letter-spacing: 0.02em;
}
.pageBlock03 .inner,
.pageBlock05 .inner{
	width: 92%;
	margin: 0 auto;
	padding: 80px 40px 10px;
	/*-moz-border-radius:10px!important;
	-webkit-border-radius:10px!important;
	border-radius:10px!important;*/
}
/*.pageBlock03 .inner{
	background-color: #e4f1fd;
}
.pageBlock05 .inner{
	background-color: #f0f2eb;
}*/
.pageBlock03 .inner dl,
.pageBlock05 .inner dl{
	margin-bottom: 40px;
	z-index: 10;
	position: relative;
}
/*.pageBlock03 .inner dt,
.pageBlock05 .inner dt{
	font-size: 18px;
	font-weight: 500;
	color: #066eb2;
	text-align: left;
	letter-spacing: 0.03em;
	margin-bottom: 20px;
	padding-left: 40px;
	background-image: url(../images/bg_line01.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 40px auto;
}*/
.pageBlock03 .inner dd h3,
.pageBlock05 .inner dd h3{
	font-size: 25px;
	/*font-weight: 700;
	line-height: 140%;
	letter-spacing: 0.08em;*/
}
.pageBlock03 .inner p,
.pageBlock05 .inner p{
	font-size: 17px;
	line-height: 180%;
	letter-spacing: 0.02em;
	padding-bottom: 30px;
}
.pageBlock03 .inner p:first-of-type,
.pageBlock05 .inner p:first-of-type{
	width: 100%;
}
.pageBlock03 .images{
	width: 50%;
	position: absolute;
	top: 53px;
	right: 0;
	z-index: 5;
}
.pageBlock05 .images{
	width: 50%;
	position: absolute;
	top: 53px;
	right: 0;
	z-index: 5;
}

.pageBlock04{
	width: 92%;
	margin: 0 auto 60px;
	padding: 50px 40px 40px;
	/*-moz-border-radius:15px!important;
	-webkit-border-radius:15px!important;
	border-radius:15px!important;
	background-color: #4d9ae0;
	position: relative;*/
}
.pageBlock04 .txt{
	/*text-align: center;*/
	padding-bottom: 35px;
}
/*.pageBlock04_1 .txt{
	border-bottom: 1px solid #fff;
}*/
.pageBlock04_3 .txt{
	padding-bottom: 0;
}
.pageBlock04_1 .txt h2{
	width: 70%;
}
.pageBlock04_3 .txt h2{
	width: 30%;	
}
.pageBlock04 .txt h2{
	margin: 0 auto 60px;
	/*position: relative;
	display: inline-block;*/
}
.pageBlock04 .txt h2:before {
	/*content: '';
	position: absolute;
	left: 50%;*/
	bottom: -30px;
	/*display: inline-block;
	width: 90px;
	height: 1px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
	border-radius: 2px;*/
}
.pageBlock04 .txt h3{
	font-size: 22px;
	/*font-weight: 600;
	color: #fff;
	line-height: 140%;
	letter-spacing: 0.12em;*/
	margin-bottom: 25px;
}
/*.pageBlock04_3 .txt h3{
	margin-bottom: 20px;
}*/
/*.pageBlock04 .txt h4{
	font-size: 20px;
	font-weight: 600;
	line-height: 160%;
	margin-bottom: 5px;
}*/
.pageBlock04 .txt p{
	font-size: 17px;
	line-height: 170%;
}
.pageBlock04_3 .txt p{
	padding-bottom: 40px;
}
.pageBlock04_1{
	margin-bottom: 50px;
}
.pageBlock04_2,
.pageBlock04_2B{
	padding: 30px 0;
	/*border-bottom: 1px solid #fff;
	position: relative;*/
}
.pageBlock04_2L{
	width: 100%;
	/*font-weight: 600;
	color: #fff;*/
	margin-bottom: 20px;
	padding-top: 0;
	float: none;
}
.pageBlock04_2L dt{
	font-size: 28px;
	line-height: 100%;
	/*letter-spacing: 0.1em;*/
	margin-bottom: 5px;
}
.pageBlock04_2B .pageBlock04_2L dt{
	margin-bottom: 5px;
}
.pageBlock04_2L dd{
	font-size: 26px;
	line-height: 160%;
	letter-spacing: 0.08em;
}
.pageBlock04_2R{
	width: 100%;
	margin-right: 0;
	float: none;
}
/*.pageBlock04_2R p{
	font-size: 16px;
	line-height: 170%;
	text-align: justify;
}*/
.pageBlock04_2B .pageBlock04_2R p{
	font-size: 16px;
}
.pageBlock04_4{
	padding: 25px 25px 15px;
	/*border: 1px solid #fff;*/
}
#worksItai .pageBlock04_4{
	padding: 25px 25px 15px;
}
#worksJimu .pageBlock04_4{
	padding: 25px 25px 15px;
}

.pageBlock04_4 ul{
	margin-left: 25px;
}
.pageBlock04_4 li{
	font-size: 18px;
	/*font-weight: 600;
	color: #fff;*/
	line-height: 160%;
	letter-spacing: 0.05em;
	/*list-style: disc;*/
	margin-bottom: 10px;
}
.pageBlock04_4 li span{
	font-size: 16px;
}

.pageBlock06{
	/*width: 100%;*/
	padding: 50px 0 65px;
	/*background-color: #e4f1fd;*/
}
.pageBlock06 .txt{
	text-align: center;
	margin-bottom: 45px;
}
.pageBlock06 .txt h2{
	/*width: 440px;*/
	margin: 0 auto 30px;
}
.pageBlock06 .txt p{
	width: 90%;
	font-size: 17px;
	/*line-height: 170%;
	letter-spacing: 0.05em;*/
	margin: 0 auto;
}
.pageBlock06 .inner{
	width: 92%;
	/*margin: 0 auto;*/
	padding: 15px 20px 25px;
	/*background-color: #fff;
	-moz-border-radius:15px!important;
	-webkit-border-radius:15px!important;
	border-radius:15px!important;*/
}



/*--------------------job_intro--------------------*/
.job_intro{
	/*text-align: center;*/
	margin-bottom: 80px;
	padding-top: 60px;
	/*background-color: #fff;
	position: relative;
	z-index: 20;*/
}
.job_intro h2{
	width: 450px;
	margin: 0 auto 40px;
}
.job_intro .thumb{
	width: 100%;
	margin-right: 15px;
	margin-left: 15px;
}
/*.job_intro .thumb a{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.job_intro .thumb:hover{
	opacity: 0.5;
	transition-duration: 0.8s;
}*/
.job_intro .thumb dt{
	margin-bottom: 10px;
}
.job_intro .thumb dd{
	font-size: 15px;
	/*font-weight: 500;
	line-height: 140%;
	letter-spacing: 0.05em;*/
}
.job_intro .thumb dd span{
	font-size: 13px;
}
/*.job_intro .slick-arrow:before{
	content:""!important;
	width: 100%!important;
	height: 100%!important;
	position: absolute;
	top: 0;
	left: 0;
}
.job_intro .slick-prev,
.job_intro .slick-next{
	width: 23px;
	height: 33px;
	top: 40%;
}
.job_intro .slick-prev{
	left: 7.0%;
}
.job_intro .slick-next{
	right: 7.0%;
}
.job_intro .slick-next:before{
	background-image: url(../images/slider_arrow01R.png);
	background-repeat: no-repeat;
	background-size: 23px 33px;
	background-position: center;
}
.job_intro .slick-prev:before{
	background-image: url(../images/slider_arrow01L.png);
	background-repeat: no-repeat;
	background-size: 23px 33px;
	background-position: center;
}
.job_intro .slick-dotted.slick-slider {
	margin-bottom: 0 !important;
}*/
.job_intro .slider-dots {
	/*width: 280px;
	margin: 0 auto;*/
	padding: 30px 0 0;
	/*text-align: center;
	list-style: none;*/
}
/*.job_intro .slider-dots li {
    display: inline-block;
    width: calc(18% - 8px);
    margin: 0 2px;
}
.job_intro .slider-dots button {
    position: relative;
    width: 100%;
    height: 4px;
    border: 0;
    background-color: #cbe0ef;
    font-size: 0;
}
.job_intro .slider-dots button:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 0%;
    height: 100%;
}
.job_intro .slider-dots .slick-active button:after {
    background-color: #73c0ef;
    animation: progress 3.5s linear forwards;
}
@keyframes progress {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}*/



}




/*----------------------------------------------------*/
@media only screen and (max-width: 767px) {

/*--------------------main--------------------*/
.topMain{
	background-image: url(../images/top_main_sp.jpg);
	background-position: top center;
	background-size: 100% auto;
	margin-top: 60px;
}
.topMain .inner{
	padding: 12% 0 80%;
}
.topMain h1{
	width: 100%;
	/*margin-left: 0;*/
}


/*--------------------top--------------------*/
.topBlock01{
	width: 100%;
	margin: 0 auto 12%;
}
.topBlock01 .txt{
	width: 92%;
	margin: 0 auto 8%;
}
.topBlock01 h2{
	font-size: 5.6vw;
	/*font-weight: 600;
	color: #066eb2;*/
	letter-spacing: 0.06em;
	margin-bottom: 6%;
}
.topBlock01 p{
	font-size: 3.6vw;
	line-height: 165%;
	letter-spacing: 0.1em;
}
.topBlock01_1{
	padding: 7% 4% 7%;
}
.topBlock01_1 h3{
	font-size: 4.4vw;
	line-height: 100%;
	letter-spacing: 0.04em;
	margin-bottom: 7%;
}

/*.topBlock02 .inner,
.topBlock03 .inner{
	width: 92%;
}*/
.topBlock02{
	margin-bottom: 5%;
}
.topBlock02_1{
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	float: none;
}
.topBlock02_1:nth-child(3n){
	margin-right: auto;
	/*margin-right: 0;*/
}
.topBlock02 .topBlock02_1{
	margin-bottom: 13%;
}
.topBlock02_1 .images{
	margin-bottom: 5%;
}
.topBlock02_1 h3{
	font-size: 4.0vw;
	line-height: 120%;
	letter-spacing: 0.01em;
	margin-bottom: 4%;
}
.topBlock02_1 h3 span{
	font-size: 3.8vw;
}
.topBlock02_1 h4{
	font-size: 3.8vw;
	/*font-weight: 500;*/
	line-height: 120%;
	letter-spacing: 0.05em;
	margin-bottom: 3%;
}
.topBlock02_1 p{
	font-size: 3.6vw;
	line-height: 150%;
	letter-spacing: 0.05em;
	padding-bottom: 2%;
}
.topBlock02_1 .btn01{
	width: 50%;
}
.topBlock02_1 .btn01{
	margin-left: 50%;
}
.topBlock02_1 .number01,
.topBlock02_1 .number02{
	position: absolute;
	top: -15px;
	left: -15px;
}
.topBlock02_1 .number01{
	width: 45px;
}
.topBlock02_1 .number02{
	width: 130px;
}

.topBlock03{
	margin-bottom: 7%;
}
.topBlock03 .topBlock02_1{
	margin-bottom: 11%;
}
.topBlock03 h2{
	width: 92%;
	font-size: 4.8vw;
	line-height: 120%;
	letter-spacing: 0.04em;
	margin: 0 auto 7%;
}


/*--------------------page--------------------*/
.pageMain{
	background-image: url(../images/sekkei_main_sp.jpg);
	background-position: top center;
	background-size: 100% auto;
	margin-top: 60px;
	margin-bottom: 4%;
}
#worksSekkei .pageMain{
	background-image: url(../images/sekkei_main_sp.jpg);
}
#worksItai .pageMain{
	background-image: url(../images/itai_main_sp.jpg);
}
#worksGlobal .pageMain{
	background-image: url(../images/global_main_sp.jpg);
}
#worksHotel .pageMain{
	background-image: url(../images/hotel_main_sp.jpg);
}
#worksEigyou .pageMain{
	background-image: url(../images/eigyou_main_sp.jpg);
}
#worksDaiku .pageMain{
	background-image: url(../images/daiku_main_sp.jpg);
}
#worksSekou .pageMain{
	background-image: url(../images/sekou_main_sp.jpg);
}
#worksJimu .pageMain{
	background-image: url(../images/jimu_main_sp.jpg);
}

.mainTit{
	padding: 12% 0 80%;
}
.mainTit h1{
	width: 100%;
	/*margin-left: 0;*/
}

.pageBlock01{
	/*width: 92%;*/
	margin: 0 auto 12%;
}
/*.pageBlock01_1{
	padding-left: 0;
}*/
.pageBlock01_1 h2{
	font-size: 8.0vw;
	letter-spacing: 0.15em;
	margin-bottom: 60px;
}
.pageBlock01_1 h2:before {
	bottom: -35px;
	width: 65px;
	height: 2px;
}
.pageBlock01_1 h3{
	font-size: 4.8vw;
	line-height: 140%;
	letter-spacing: 0.05em;
	margin-bottom: 5%;
}
.pageBlock01_1 p{
	font-size: 3.6vw;
	line-height: 180%;
	letter-spacing: 0.02em;
	padding-bottom: 8%;
}
.pageBlock01_1 .inner dl{
	/*width: 100%;
	margin-right: 0;*/
	margin-bottom: 5%;
	padding: 7% 6% 6%;
	/*float: none;*/
}
/*.pageBlock01_1 .inner dl:last-child{
	margin-right: 0;
	margin-bottom: 0;
}*/
.pageBlock01_1 .inner dt{
	font-size: 4.6vw;
	line-height: 120%;
	letter-spacing: 0.08em;
	margin-bottom: 4%;
}
.pageBlock01_1 .inner dt span{
	font-size: 3.8vw;
}
.pageBlock01_1 .inner dd{
	font-size: 3.6vw;
	line-height: 180%;
}

/*.pageBlock01_1 .inner.detail01 dl{
	width: 100%;
	margin-right: 0;
}
.pageBlock01_1 .inner.detail01 dl:last-child{
	margin-right: 0;
	margin-bottom: 0;
}
#worksGlobal .pageBlock01_1 .inner.detail01 dl{
	min-height: auto;
}*/
.pageBlock01_1 .inner.detail02 dl{
	/*width: 100%;
	margin-right: 0;*/
	padding: 5% 6% 6%;
}

.switchBtn{
	margin-bottom: 4%;
}
.switchBtn h3{
	/*width: 50%;*/
	font-size: 3.8vw;
	/*font-weight: 500;
	line-height: 100%;
	float: left;*/
}
.switchBtn div{
	/*width: 50%;*/
	font-size: 3.6vw;
	/*font-weight: 500;
	text-align: right;
	line-height: 100%;*/
	padding-top: 2px;
	/*float: right;*/
}
.switchBtn div span img{
	width: 8px;
	margin-left: 5px;
	/*vertical-align: middle;*/
}
.a_btn,
.d_btn{
	/*color: #fff;*/
	letter-spacing: 0.08em;
	padding: 2px 10px 2px 18px;
	/*background: linear-gradient(90deg, rgb(119, 183, 229), rgb(0, 77, 161));
	border-radius: 100px!important;
	cursor: pointer;*/
}

.pageBlock02,
.pageBlock02A,
.pageBlock02B{
	margin-bottom: 14%;
	padding: 10% 0 8%;
	/*background-color: #f0f2eb;
	background-image: none;*/
}
.pageBlock02B{
	/*margin-bottom: 40%;*/
	margin-bottom: 0px !important;
	padding: 10% 0 0 !important;
}
.pageBlock02B.active{
	margin-bottom: 12% !important;
	padding: 10% 0 8% !important;
}

.pageBlock02 .inner,
.pageBlock02A .inner,
.pageBlock02B .inner{
	width: 92%;
}
.pageBlock02_1{
	width: 100%;
	/*margin: 0 auto;
	float: none;*/
}
.pageBlock02_1 h2{
	width: 100%;
	margin: 0 auto 8%;
}
.pageBlock02A .pageBlock02_1 h2,
.pageBlock02B .pageBlock02_1 h2{
	margin: 0 auto 3%;
}
.pageBlock02_1 p{
	width: 72%;
	font-size: 3.2vw;
	line-height: 150%;
	margin-left: 25%;
	padding-bottom: 3%;
}
/*.flow01,
.flow02{
	background-image: url(../images/flow_bg04.png);
	background-repeat: repeat-y;
	background-size: 100% auto;
}*/
.flowTit{
	height: auto;
	margin-bottom: 2%;
	padding: 2% 0 2% 8%;
	/*background-repeat: no-repeat;
	background-size: 100% 100%;*/
}
.flowTit dt{
	width: 21%;
	font-size: 4.2vw;
	/*font-weight: 700;
	color: #a59e82;
	float: left;*/
}
.flowTit dd{
	font-size: 3.8vw;
	/*font-weight: 700;*/
	letter-spacing: 0.05em;
	margin-left: 21%;
}
.pageBlock02_2{
	width: 90%;
	margin: 3% auto;
	/*float: none;*/
}

/*.pageBlock03,
.pageBlock05{
	width: 100%;
}*/
.pageBlock03{
	margin-bottom: 10%;
}
.pageBlock05{
	margin-bottom: 12%;
}
.pageBlock03 .tit,
.pageBlock05 .tit{
	width: 92%;
	margin: 0 auto 17%;
	/*z-index: 10;
	position: relative;*/
}
.pageBlock03 .tit dt,
.pageBlock05 .tit dt{
	width: 60%;
	margin-bottom: 2%;
}
.pageBlock03 .tit dd,
.pageBlock05 .tit dd{
	margin-left: 18%;
}
.pageBlock03 .tit dd h2,
.pageBlock05 .tit dd h2{
	font-size: 4.0vw;
	/*font-weight: 800;
	color: #066eb2;*/
	letter-spacing: 0.04em;
}
.pageBlock03 .inner,
.pageBlock05 .inner{
	/*width: 92%;
	margin: 0 auto;*/
	padding: 15% 4% 4%;
}
.pageBlock03 .inner dl,
.pageBlock05 .inner dl{
	margin-bottom: 8%;
	/*z-index: 10;
	position: relative;*/
}
.pageBlock03 .inner dt,
.pageBlock05 .inner dt{
	font-size: 3.2vw;
	/*font-weight: 500;
	color: #066eb2;
	text-align: left;*/
	letter-spacing: 0.02em;
	margin-bottom: 5%;
	padding-left: 30px;
	/*background-image: url(../images/bg_line01.png);
	background-repeat: no-repeat;
	background-position: left center;*/
	background-size: 30px auto;
}
.pageBlock03 .inner dd h3,
.pageBlock05 .inner dd h3{
	font-size: 5.4vw;
	/*font-weight: 700;*/
	line-height: 140%;
	letter-spacing: 0.04em;
}
.pageBlock03 .inner p,
.pageBlock05 .inner p{
	font-size: 3.5vw;
	line-height: 180%;
	letter-spacing: 0.02em;
	padding-bottom: 6%;
}
/*.pageBlock03 .inner p:first-of-type,
.pageBlock05 .inner p:first-of-type{
	width: 100%;
}*/
.pageBlock03 .images{
	width: 70%;
	position: absolute;
	top: 95px;
	/*right: 0;
	z-index: 5;*/
}
.pageBlock05 .images{
	width: 70%;
	position: absolute;
	top: 95px;
	/*right: 0;
	z-index: 5;*/
}

.pageBlock04{
	/*width: 92%;*/
	margin: 0 auto 12%;
	padding: 10% 4% 8%;
}
.pageBlock04 .txt{
	padding-bottom: 7%;
}
.pageBlock04_3 .txt{
	padding-bottom: 0;
}
.pageBlock04_1 .txt h2{
	width: 100%;
}
.pageBlock04_3 .txt h2{
	width: 41%;	
}
.pageBlock04 .txt h2{
	margin: 0 auto 50px;
}
.pageBlock04 .txt h2:before {
	bottom: -25px;
	width: 60px;
}
.pageBlock04 .txt h3{
	font-size: 4.2vw;
	line-height: 140%;
	letter-spacing: 0.1em;
	margin-bottom: 5%;
}
.pageBlock04_3 .txt h3{
	margin-bottom: 3%;
}
.pageBlock04 .txt h4{
	font-size: 3.8vw;
	/*font-weight: 600;
	line-height: 160%;*/
	margin-bottom: 2%;
}
.pageBlock04 .txt p{
	font-size: 3.6vw;
	line-height: 160%;
}
.pageBlock04_3 .txt p{
	padding-bottom: 8%;
}
.pageBlock04_1{
	margin-bottom: 9%;
}
.pageBlock04_2,
.pageBlock04_2B{
	padding: 7% 0;
}
.pageBlock04_2L{
	/*width: 100%;*/
	margin-bottom: 5%;
	/*padding-top: 0;
	float: none;*/
}
.pageBlock04_2L dt{
	font-size: 4.8vw;
	line-height: 100%;
	letter-spacing: 0.1em;
	margin-bottom: 2%;
}
.pageBlock04_2B .pageBlock04_2L dt{
	margin-bottom: 2%;
}
.pageBlock04_2L dd{
	font-size: 4.9vw;
	line-height: 160%;
	letter-spacing: 0.05em;
}
/*.pageBlock04_2R{
	width: 100%;
	margin-right: 0;
	float: none;
}*/
.pageBlock04_2R p{
	font-size: 3.6vw;
	line-height: 160%;
	/*text-align: justify;*/
}
.pageBlock04_2B .pageBlock04_2R p{
	font-size: 3.6vw;
}
.pageBlock04_4{
	padding: 6% 2% 2%;
}
#worksItai .pageBlock04_4{
	padding: 6% 2% 2%;
}
#worksJimu .pageBlock04_4{
	padding: 6% 2% 2%;
}

.pageBlock04_4 ul{
	margin-left: 20px;
}
.pageBlock04_4 li{
	font-size: 3.8vw;
	line-height: 130%;
	letter-spacing: 0.05em;
	margin-bottom: 4%;
}
.pageBlock04_4 li span{
	font-size: 3.3vw;
}
.pageBlock04_4 li.fl{
	margin-right: 16%;
	float: left;
}

.pageBlock06{
	padding: 10% 0 15%;
}
.pageBlock06 .txt{
	width: 92%;
	text-align: center;
	margin: 0 auto 8%;
}
.pageBlock06 .txt h2{
	width: 88%;
	margin: 0 auto 7%;
}
.pageBlock06 .txt p{
	width: 100%;
	font-size: 3.6vw;
	line-height: 170%;
	letter-spacing: 0.05em;
	/*margin: 0 auto;*/
}
.pageBlock06 .inner{
	width: 92%;
	padding: 5% 2% 8%;
}
.pageBlock06_2{
	margin-bottom: 5%;
}
.pageBlock06_3_1,
.pageBlock06_3_2,
.pageBlock06_3_3,
.pageBlock06_3_4,
.pageBlock06_3_5,
.pageBlock06_3_6{
	width: 92%;
	margin: 0 auto 5%;
}
.pageBlock06_1 .images{
	margin-bottom: 3%;
}
/*.pageBlock06_1 .txt{
	width: 100%;
	text-align: left;
	margin-bottom: 3%;
	position: relative;
}*/
.pageBlock06_1 .txt{
	width: 100%;	
	text-align: left;
	margin-bottom: 5%;
	padding: 4% 3.5%;
	background-color: #f0f2eb;
}
.pageBlock06_1 .txt p{
	font-size: 3.3vw;
	line-height: 150%;
}
.pageBlock06_1 .txt dt{
	font-size: 3.1vw;
	margin-bottom: 1%;
}
.pageBlock06_1 .txt dd{
	font-size: 3.3vw;
	line-height: 150%;
	padding: 3% 4%;
	background-color: #f0f2eb;
}
.pageBlock06_3L{
	width: 49%;
	margin-right: 1%;
	float: left;
}
.pageBlock06_3R{
	width: 49%;
	margin-left: 1%;
	float: right;
}
.pageBlock06_arrow{
	width: 9%;
	margin: 0 auto;
}
.pageBlock06_3_1 .txt span{	color: #54cc9f; }
.pageBlock06_3_2 .txt span{	color: #b4cb49; }
.pageBlock06_3_3 .txt span{	color: #ddc626; }
.pageBlock06_3_4 .txt span{	color: #d3a044; }
.pageBlock06_3_5 .txt span{	color: #dc7049; }
.pageBlock06_3_6 .txt span{	color: #dc4848; }

.pageBlock06_3_1 .txt dd{
	min-height: 30vw;
}
.pageBlock06_3_2 .txt dd,
.pageBlock06_3_3 .txt dd,
.pageBlock06_3_4 .txt dd,
.pageBlock06_3_5 .txt dd{
	min-height: 20vw;
}
.pageBlock06_3_6 .note{
	font-size: 2.8vw;
	text-align: right;
	line-height: 100%;
	letter-spacing: 0.05em;
}

.pageBlock06_3_7{
	width: 92%;
	margin: 3% auto 0;
	padding: 2%;
	background-color: #a59e82;
}
.pageBlock06_3_7 p{
	font-size: 3.6vw;
	font-weight: 600;
	color: #fff;
	text-align: center;
	line-height: 150%;
}


/*--------------------job_intro--------------------*/
.job_intro{
	margin-bottom: 15%;
	padding-top: 12%;
}
.job_intro h2{
	width: 90%;
	margin: 0 auto 8%;
}
/*.job_intro .thumb{
	width: 100%;
	margin-right: 15px;
	margin-left: 15px;
}*/
.job_intro .thumb dt{
	margin-bottom: 3%;
}
.job_intro .thumb dd{
	font-size: 4.0vw;
	line-height: 120%;
	letter-spacing: 0.05em;
}
.job_intro .thumb dd span{
	font-size: 3.4vw;
}
/*.job_intro .slick-arrow:before{
	content:""!important;
	width: 100%!important;
	height: 100%!important;
	position: absolute;
	top: 0;
	left: 0;
}*/
.job_intro .slick-prev,
.job_intro .slick-next{
	width: 15px;
	height: 22px;
	top: 40%;
}
.job_intro .slick-prev{
	left: 5.5%;
}
.job_intro .slick-next{
	right: 5.5%;
}
.job_intro .slick-next:before{
	background-size: 15px 22px;
}
.job_intro .slick-prev:before{
	background-size: 15px 22px;
}
/*.job_intro .slick-dotted.slick-slider {
	margin-bottom: 0 !important;
}*/
.job_intro .slider-dots {
	/*width: 280px;*/
	width: 80%;
	/*margin: 0 auto;*/
	padding: 5% 0 0;
	/*text-align: center;
	list-style: none;*/
}
.job_intro .slider-dots li {
    /*display: inline-block;*/
    width: calc(13% - 8px);
    /*margin: 0 2px;*/
}
.job_intro .slider-dots button {
    /*position: relative;
    width: 100%;*/
    height: 3px;
    /*border: 0;
    background-color: #cbe0ef;
    font-size: 0;*/
}
/*.job_intro .slider-dots button:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 0%;
    height: 100%;
}
.job_intro .slider-dots .slick-active button:after {
    background-color: #73c0ef;
    animation: progress 3.5s linear forwards;
}
@keyframes progress {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}*/



}

