@charset "UTF-8";
/* PC */
@media screen and (min-width: 768px),print {
.abc{position: relative;}
.backk{background: url('../images/workstyle/contentsmain-back01.png')no-repeat top center; }

#contentsmain {margin: 0 auto 118px;position: relative;background: url('../images/company/contentsmain-back01.png')no-repeat top center;padding: 111px 0 0;}
#contentsmain .inner-Box1 {margin: 0 auto 233px;position: relative;width: 1100px;}
#contentsmain .inner-Box1 h2.f-geo {font-size: 72px;line-height: 1.6;font-weight: 600;letter-spacing: 7.2px;margin-bottom: 99px;position: relative;text-align: center;color: #fff;}
#contentsmain .inner-Box1 ul{}
#contentsmain .inner-Box1 ul li {position: relative;border-radius: 20px;background: #FFF;height: 220px;padding: 55px 0 0 345px;margin-bottom: 24px;}
#contentsmain .inner-Box1 ul li:nth-child(3n) { margin-right: 0px; }
#contentsmain .inner-Box1 h3 {font-size: 39px;line-height: 1.6;font-weight: 700;letter-spacing: 7.8px;margin-bottom: 0px;position: absolute;width: 200px;top: 73px;left: 86px;}
#contentsmain .inner-Box1 h3 span.f-geo { color: #1D00F8; font-size: 10px; letter-spacing: 1.6px; display: block; position: relative; top: -6px; }
#contentsmain .inner-Box1 p.ltext {font-size: 26px;line-height: 55px;font-weight: 700;letter-spacing: 2.6px;margin-bottom: 30px;position: relative;}
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;text-align: center;padding-bottom: 90px;}
#contentsmain .inner-Box2 figure.img {position: relative;top: 0;left: -45px;}
#contentsmain .inner-Box2 figure.img img{  }

#contents01 { margin: 0 auto; position: relative; }
#contents01 h2.f-geo {font-size: 57px;line-height: 1.6;font-weight: 600;letter-spacing: 9.12px;margin-bottom: 0px;position: relative;text-align: center;}
#contents01 h3 {font-size: 20px;line-height: 1.6;font-weight: 700;letter-spacing: 4px;margin-bottom: 39px;position: relative;text-align: center;}
#contents01 .inner-Box1 {margin: 0 auto 70px;position: relative;width: 1100px;background: #ffff;padding: 50px 0 52px 0;}
#contents01 .inner-Box1 table{border-top: #E9E9E9 1px solid;width: 800px;margin: 0 auto;font-size: 16px;letter-spacing: 0.8px;line-height: 26px;}
#contents01 .inner-Box1 table th {border-bottom: #E9E9E9 1px solid;padding: 22px 22px 22px 149px;width: 316px;}
#contents01 .inner-Box1 table td {border-bottom: #E9E9E9 1px solid;padding: 22px 22px 22px 0px;}
#contents01 .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;padding-bottom: 60px;}
#contents01 .inner-Box2 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents01 .inner-Box2 ul li {position: relative;width: 520px;}
#contents01 .inner-Box2 ul li:nth-child(2n) {right: -61px;}
#contents01 .inner-Box2 h4 {font-size: 30px;line-height: 1.6;font-weight: 700;letter-spacing: 6px;margin-bottom: 7px;position: relative;}
#contents01 .inner-Box2 iframe{width: 520px;height: 262px;margin-bottom: -2px;}
#contents01 .inner-Box2 p.maptext {font-size: 16px;line-height: 2;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 55px;position: relative;}


#contentsbottom {margin: 0 auto -70px;position: relative;padding: 90px 0 0;width: 1100px;}
#contentsbottom .inner-Box1 {margin: 0 auto 139px;position: relative;}
#contentsbottom h2.f-geo {font-size: 57px;line-height: 1.6;font-weight: 600;letter-spacing: 9.12px;margin-bottom: 0px;position: relative;text-align: center;}
#contentsbottom h3 {font-size: 20px;line-height: 1.6;font-weight: 700;letter-spacing: 4px;margin-bottom: 47px;position: relative;text-align: center;}
#contentsbottom .inner-Box1 ul{ margin: 0 0 0 305px; position: relative; }
#contentsbottom .inner-Box1 ul::before{content: "";background: #000;width: 1px;height: 513px;position: absolute;left: -51px;top: 18px;}
#contentsbottom .inner-Box1 ul li { position: relative; }
#contentsbottom .inner-Box1 p.hytext {font-size: 16px;line-height: 2;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 32px;position: relative;padding: 0 0 0 89px;}
#contentsbottom .inner-Box1 p.hytext::before{content: '';position: absolute;top: 8px;left: -60px;width: 18px;height: 18px;background: #000;border-radius: 50%;}
#contentsbottom .inner-Box1 p.hytext span.yer {position: absolute;top: 0;left: 0;}
#contentsbottom .inner-Box2 {margin: 0 auto;position: relative;width: 1040px;}
#contentsbottom .inner-Box2 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-top: 12px;}
#contentsbottom .inner-Box2 ul li {margin: 0 40px 40px 0;}
#contentsbottom .inner-Box2 ul li:nth-child(2),#contentsbottom .inner-Box2 ul li:nth-child(5),#contentsbottom .inner-Box2 ul li:nth-child(8) { margin-right: 0px; }
#contentsbottom .inner-Box2 ul li figure {  }
#contentsbottom .inner-Box2 ul li a {  }
#contentsbottom .inner-Box2 ul li a:hover {  }

}
/* SP */
@media screen and (max-width: 767px) {
	.abc{position: relative;}
	.backk{background: url('../images/workstyle/contentsmain-back01.png')repeat top center;background-size: 300% auto;margin-bottom: 13.7vw;}

	#contentsmain {margin: 0 auto 7.6vw;position: relative;background: url('../images/company/sp-contentsmain-back01.png')no-repeat top center;padding: 14.11vw 0 0;background-size: 100% auto;}
	#contentsmain .inner-Box1 {margin: 0 auto 10.28vw;position: relative;}
	#contentsmain .inner-Box1 h2.f-geo {font-size: 10.87vw;line-height: 1.6;font-weight: 600;letter-spacing: 1.09vw;margin-bottom: 8.91vw;position: relative;text-align: center;color: #fff;}
	#contentsmain .inner-Box1 ul{ margin: 0 4vw; }
	#contentsmain .inner-Box1 ul li {position: relative;border-radius: 4.83vw;background: #FFF;margin-bottom: 7.1vw;padding: 9.1vw 0 3.6vw;}
	#contentsmain .inner-Box1 ul li:nth-child(3n) { margin-right: 0.0vw; }
	#contentsmain .inner-Box1 h3 {font-size: 7.25vw;line-height: 1.6;font-weight: 700;letter-spacing: 1.45vw;margin-bottom: 5.4vw;position: relative;text-align: center;}
	#contentsmain .inner-Box1 h3 span.f-geo { color: #1D00F8; font-size: 2.42vw; letter-spacing: 0.39vw; display: block; position: relative; top: 0vw; }
	#contentsmain .inner-Box1 p.ltext {font-size: 4.83vw;line-height: 2;font-weight: 700;letter-spacing: 0.48vw;margin: 0 8.2vw 7.25vw 9vw;position: relative;}
	#contentsmain .inner-Box2 {margin: 0 4vw;position: relative;text-align: center;padding-bottom: 5.74vw;}
	#contentsmain .inner-Box2 figure.img {position: relative;top: 0;left: 0vw;}
	#contentsmain .inner-Box2 figure.img img{  }
	
	#contents01 { margin: 0 4vw; position: relative; }
	#contents01 h2.f-geo {font-size: 7.25vw;line-height: 1.6;font-weight: 600;letter-spacing: 0.36vw;margin-bottom: 0.0vw;position: relative;text-align: center;}
	#contents01 h3 {font-size: 4.83vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.97vw;margin-bottom: 7.42vw;position: relative;text-align: center;}
	#contents01 .inner-Box1 {margin: 0 auto 11.41vw;position: relative;background: #ffff;padding: 8.08vw 0 12.56vw 0;}
	#contents01 .inner-Box1 table{border-top: #E9E9E9 0.24vw solid;margin: 0 4vw;font-size: 3.86vw;letter-spacing: 0.19vw;line-height: 6.28vw;width: 84vw;}
	#contents01 .inner-Box1 table th { display: block; width: 100%; padding: 4.9vw 4.9vw 0.8vw 6.1vw; }
	#contents01 .inner-Box1 table td {border-bottom: #E9E9E9 0.24vw solid;display: block;width: 100%;padding: 0vw 6vw 4.3vw;}
	#contents01 .inner-Box2 {margin: 0 4vw;position: relative;padding-bottom: 14.49vw;}
	#contents01 .inner-Box2 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
	#contents01 .inner-Box2 ul li {position: relative;}
	#contents01 .inner-Box2 ul li:nth-child(2n) {right: 0vw;}
	#contents01 .inner-Box2 h4 {font-size: 6.28vw;line-height: 1.6;font-weight: 700;letter-spacing: 1.26vw;margin-bottom: 2.79vw;position: relative;}
	#contents01 .inner-Box2 iframe{height: 63.29vw;width: 83.57vw;margin-bottom: 0vw;}
	#contents01 .inner-Box2 p.maptext {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 6.29vw;position: relative;}
	
	
	#contentsbottom {margin: 0 auto 0vw;position: relative;}
	#contentsbottom .inner-Box1 {margin: 0 auto 33.57vw;position: relative;}
	#contentsbottom h2.f-geo {font-size: 7.25vw;line-height: 1.6;font-weight: 600;letter-spacing: 0.36vw;margin-bottom: 0.0vw;position: relative;text-align: center;}
	#contentsbottom h3 {font-size: 4.83vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.97vw;margin-bottom: 9.65vw;position: relative;text-align: center;}
	#contentsbottom .inner-Box1 ul{margin: 0 0 0 28vw;position: relative;}
	#contentsbottom .inner-Box1 ul::before{content: "";background: #000;height: 140vw;position: absolute;left: -20.1vw;top: 4.35vw;width: 1px;}
	#contentsbottom .inner-Box1 ul li { position: relative; }
	#contentsbottom .inner-Box1 p.hytext {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.19vw;margin-bottom: 7.73vw;position: relative;}
	#contentsbottom .inner-Box1 p.hytext::before{content: '';position: absolute;top: 2.33vw;left: -22.4vw;width: 4.35vw;height: 4.35vw;background: #000;border-radius: 50%;}
	#contentsbottom .inner-Box1 p.hytext span.yer {position: absolute;top: 0;left: -15.2vw;}
	#contentsbottom .inner-Box2 {margin: 0 11.4vw;position: relative;}
	#contentsbottom .inner-Box2 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-top: 2.9vw;}
	#contentsbottom .inner-Box2 ul li {margin: 0 0vw 9.66vw 0;}
	#contentsbottom .inner-Box2 ul li figure {  }
	#contentsbottom .inner-Box2 ul li a {  }
	#contentsbottom .inner-Box2 ul li a:hover {  }




}