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


.layout-concept p {
    text-align: center;
}

/* mod_slidelink */

.mod_slidelink{
 position:relative;
}
.mod_slidelink .slidebtn {
  position:absolute;
  bottom:0px;
  left:0px;
  width:100%;
	height: 56px;
	margin-bottom: -28px;
}

.mod_slidelink .slidebtn a {
	width:200px;
	height: 56px;
	margin: 0px auto;
	display: block;
	text-indent: -999999px;
	background-image: url("../../images/job/btn-open.svg");
	background-position: center bottom;
background-repeat: no-repeat;
	background-size: auto 100%;
}

.mod_slidelink  h6 .open {
	background-image: url("../../images/job/btn-close.svg");
}

.mod_slidelink  h6 .close {
	background-image: url("../../images/job/btn-open.svg");
}

.mod_slidelink_panel_entry{
  display:none;
}


/* contents */

.contents::before {
	display: none;
}

.contents01 {
	padding: 60px;
	position: relative;
    transition: .5s;
}


/* layout01 */

.layout01 {
	padding: 30px;
	margin-top: 60px;
}

#job01 .title_contents3::before {
	background-image: url("../../images/job/icon-title01.svg");
}

#job02 .title_contents3::before {
	background-image: url("../../images/job/icon-title02.svg");
}

#job03 .title_contents3::before {
	background-image: url("../../images/job/icon-title03.svg");
}

#job04 .title_contents3::before {
	background-image: url("../../images/job/icon-title04.svg");
}

#job05 .title_contents3::before {
	background-image: url("../../images/job/icon-title05.svg");
}

#job06 .title_contents3::before {
	background-image: url("../../images/job/icon-title06.svg");
}


/* layout02 */

.layout02 ul {
	display: flex;
  justify-content: space-between;
flex-wrap: wrap;
	gap:15px 1.5%;
}

.layout02 ul li {
	width: 32.3%;
}

.layout02 ul li a {
color: #FFF;
line-height: 1.2;
font-weight: 500;
	display: block;
	border-radius: 60px;
	text-align: left;
	padding: 20px 50px;
	background-color: #343B43;
	position: relative;
}

.layout02 ul li a::after {
	content: "";
	position: absolute;
right: 25px;
top: 0px;
background-position: right center;
background-repeat: no-repeat;
	background-size: auto 15px;
	width: 15px;
	height: 100%;
}

.layout02 ul li:nth-child(1) a::after {
	background-image: url("../../images/job/icon-link01.svg");
}

.layout02 ul li:nth-child(2) a::after {
	background-image: url("../../images/job/icon-link02.svg");
}

.layout02 ul li:nth-child(3) a::after {
	background-image: url("../../images/job/icon-link03.svg");
}

.layout02 ul li:nth-child(4) a::after {
	background-image: url("../../images/job/icon-link04.svg");
}

.layout02 ul li:nth-child(5) a::after {
	background-image: url("../../images/job/icon-link05.svg");
}

.layout02 ul li:nth-child(6) a::after {
	background-image: url("../../images/job/icon-link06.svg");
}

/* layout03 */

.layout03 {
	display: flex;
  justify-content: space-between;
flex-wrap: wrap;
	align-items: center;
	margin-bottom: 60px;
}


.layout03 .box-detail {
	width: 500px;
}

.layout03 .box-tag {
	padding: 30px 0px;
}

.layout03 .box-img {
	flex: 1;
	padding-left: 60px;
}

.layout03 h3 {
	font-size: 29px;
line-height: 1.5;
letter-spacing: 0.05em;
font-weight: 500;
}

#job01 .layout03 h3 {
color: #50A0FE;
}

#job02 .layout03 h3 {
color: #9AA1FF;
}

#job03 .layout03 h3 {
color: #38BDF9;
}

#job04 .layout03 h3 {
color: #FCC200;
}

#job05 .layout03 h3 {
color: #FF98A8;
}

#job06 .layout03 h3 {
color: #57B7B5;
}

.layout03 ul {
	display: flex;
  justify-content: flex-start;
flex-wrap: wrap;
	gap:7px;
}

.layout03 ul li {
	font-size: 14px;
color: #FFF;
line-height: 1.2;
font-weight: 500;
	padding: 8px 15px;
	background-color: #B5C4D3;
	border-radius: 60px;
}

.layout03 ul li::before {
	content: "#";
	display: inline-block;
	padding-right: 5px;
}

/* layout04 */

.layout04 .box {
	border-radius: 10px;
	padding: 60px;
}

#job01 .layout04 .box {
	background-color: #F7FBFF;
}

#job02 .layout04 .box {
	background-color: #F5F5FF;
}

#job03 .layout04 .box {
	background-color: #F2FBFF;
}

#job04 .layout04 .box {
	background-color: #FFFCF3;
}

#job05 .layout04 .box {
	background-color: #FFFAFA;
}

#job06 .layout04 .box {
	background-color: #F2FAF9;
}

.layout04 .box:not(:last-child) {
	margin-bottom: 35px;
}

.layout04 .box-text {
	margin-bottom: 60px;
}

.layout04 .box-works {
	margin-bottom: 40px;
	position: relative;
	min-height: 310px;
}

.layout04 .box-works::before {
	content: "";
	position: absolute;
right: 0px;
top: 0px;
background-position: right top;
background-repeat: no-repeat;
	background-size: auto 100%;
	width: 480px;
	height: 310px;
}

.layout04 .w01a::before {
	background-image: url("../../images/job/img03.jpg");
}

.layout04 .w01b::before {
	background-image: url("../../images/job/img04.jpg");
}

.layout04 .w02a::before {
	background-image: url("../../images/job/img06.jpg");
}

.layout04 .w02b::before {
	background-image: url("../../images/job/img07.jpg");
}

.layout04 .w03a::before {
	background-image: url("../../images/job/img09.jpg");
}

.layout04 .w03b::before {
	background-image: url("../../images/job/img10.jpg");
}

.layout04 .w03c::before {
	background-image: url("../../images/job/img11.jpg");
}

.layout04 .w03d::before {
	background-image: url("../../images/job/img12.jpg");
}

.layout04 .w04a::before {
	background-image: url("../../images/job/img14.jpg");
}

.layout04 .w05a::before {
	background-image: url("../../images/job/img15.jpg");
}

.layout04 .w05b::before {
	background-image: url("../../images/job/img16.jpg");
}

.layout04 .w05c::before {
	background-image: url("../../images/job/img17.jpg");
}

.layout04 .w05d::before {
	background-image: url("../../images/job/img18.jpg");
}

.layout04 .w06a::before {
	background-image: url("../../images/job/img20.jpg");
}

.layout04 .box-works .box-inner {
	position: relative;
}

.layout04 .box-skil .box-inner {
	background-color: #FFF;
	border-radius: 10px;
	padding: 60px;
	text-align: center;
	border-style : solid;
border-width : 5px;
}

#job01 .layout04 .box-skil .box-inner {
border-color : #DBECFF;
}

#job02 .layout04 .box-skil .box-inner {
border-color : #DEE0FE;
}

#job03 .layout04 .box-skil .box-inner {
border-color : #B3E6FD;
}

#job04 .layout04 .box-skil .box-inner {
border-color : #FEE595;
}

#job05 .layout04 .box-skil .box-inner {
border-color : #FFD0D7;
}

#job06 .layout04 .box-skil .box-inner {
border-color : #B3DFDD;
}

.layout04 h3 {
	font-size: 32px;
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 500;
	text-align: center;
	padding-bottom: 25px;
	margin-bottom: 30px;
	border-bottom-style : solid;
border-width : 1px;
}

#job01 .layout04 h3 {
border-color : #BBD7E4;
}

#job02 .layout04 h3 {
border-color : #C2C4E8;
}

#job03 .layout04 h3 {
border-color : #BBDEE4;
}

#job05 .layout04 h3 {
border-color : #EFBBC4;
}

.layout04 h5 {
	font-size: 22px;
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 500;
	border-left-style : solid;
border-width : 4px;
	padding-left: 15px;
	margin-bottom: 20px;
}

#job01 .layout04 h5 {
border-color : #50A0FE;
}

#job02 .layout04 h5 {
border-color : #9AA1FF;
}

#job03 .layout04 h5 {
border-color : #38BDF9;
}

#job04 .layout04 h5 {
border-color : #FCC200;
}

#job05 .layout04 h5 {
border-color : #FF98A8;
}

#job06 .layout04 h5 {
border-color : #57B7B5;
}

.layout04 .box-skil ul li {
    line-height: 1.8;
    text-align: left;
    text-indent: -16px;
    margin-left: 16px;
}

.layout04 .box-skil ul li::before {
    content: "・";
}

.layout04 .box-works ul {
	width: 50%;
}

.layout04 .box-works ul li {
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 500;
	background-color: #FFF;
	padding: 15px 15px;
	padding-left: 45px;
	border-radius: 5px;
	position: relative;
	box-shadow: 0px 0px 10px rgba(80,160,254,0.15);
}

#job04 .layout04 .box-works ul li {
	box-shadow: 0px 0px 10px rgba(154,117,0,0.15);
}

#job05 .layout04 .box-works ul li {
	box-shadow: 0px 0px 10px rgba(255,208,215,0.15);
}

#job06 .layout04 .box-works ul li {
	box-shadow: 0px 0px 10px rgba(179,223,221,0.15);
}

.layout04 .box-works ul li:not(:last-child) {
	margin-bottom: 10px;
}

.layout04 .box-works ul li::before {
	content: "";
	position: absolute;
left: 20px;
top: 0px;
background-position: left center;
background-repeat: no-repeat;
	background-size: auto 14px;
	width: 14px;
	height: 100%;
}

#job01 .layout04 .box-works ul li::before {
	background-image: url("../../images/job/icon-list01.svg");
}

#job02 .layout04 .box-works ul li::before {
	background-image: url("../../images/job/icon-list02.svg");
}

#job03 .layout04 .box-works ul li::before {
	background-image: url("../../images/job/icon-list03.svg");
}

#job04 .layout04 .box-works ul li::before {
	background-image: url("../../images/job/icon-list04.svg");
}

#job05 .layout04 .box-works ul li::before {
	background-image: url("../../images/job/icon-list05.svg");
}

#job06 .layout04 .box-works ul li::before {
	background-image: url("../../images/job/icon-list06.svg");
}


.sp-view {
	display: none;
}

/*---br�Ǘ�--*/
/*---�X�}�z�����s--*/
@media screen and (max-width: 480px) {
.pc-br{display:none;}
.tb-br{display:none;}
.sp-br{display:block;}
}