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

a:focus{
	outline:none;
}

@-webkit-keyframes opacityFade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .2;
  }
  100% {
    opacity: 1;
  }
}

@keyframes opacityFade {
  0% {
    opacity: 1;
  }
  50% {
    opacity: .2;
  }
  100% {
    opacity: 1;
  }
}






/*PC*/
@media print, screen and (min-width: 600px) {


/*----------------------------------------------------

 イベントバナー

----------------------------------------------------*/
.sponly{
display:none;
}

.pconly{
display:inline-block;
}
.mx-img{
width:auto;
max-width:100%;
height:auto;
}

.ev_ban{
text-align:center;
margin-bottom:60px;
margin-top:-30px;
margin-left:20px;
margin-right:20px;
}

.ev_ban a:focus { outline:none; }

/*----------------------------------------------------

 slider

----------------------------------------------------*/
.slider { width: 100%; margin: 0 auto 50px;}
.slider img{ width: 100%;}

.navBg ul li:nth-of-type(1) a { color: #eb6100;}

.wrapVideo { width: 100%; max-height: calc(100vh - 150px); margin: 0px auto 80px; overflow: hidden;}
.wrapVideo #video { width: 100%; margin: -100px auto;}
/*.wrapVideo #video { width: 100%; margin: -75px auto;}*/
/*.wrapVideo #video source { width: 100%; margin: -100px auto auto;}*/

#main-visual { position: relative;}
#main-visual .scrolldown { position: absolute; right: 80px; width: 180px; height: auto; z-index: 500; transform: rotate(90deg);}

#main-visual .scrolldown a { background: #262c34; text-decoration: none; color: #fff; width: 180px; height: 80px; text-align: center; display: block; position: relative; line-height: 80px;}
#main-visual .scrolldown a small {
  left: 10px;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  position: relative;
  display: inline-block;
  vertical-align: top;
  z-index: 10;
}
#main-visual .scrolldown a:hover { text-decoration: none; background: #999;}

#main-visual .scrolldown small:before,
#main-visual .scrolldown small:after,
#main-visual .scrolldown small span {
  display: block;
  width: 6px;
  height: 100%;
  content: '';
  position: absolute;
  background: 50% 50% no-repeat;
  background-size: contain;
  z-index: 10;
  -webkit-animation-name: opacityFade;
  animation-name: opacityFade;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

#main-visual .scrolldown small:before {
  left: 0;
}

#main-visual .scrolldown small:after {
  left: 5px;
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
}

#main-visual .scrolldown small span {
  left: 10px;
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}

#main-visual .scrolldown {
  text-align: left;
}

#main-visual .scrolldown>span {
  margin-right: 30px;
  padding-left: 20px;
}

#main-visual .scrolldown small:before,
#main-visual .scrolldown small:after,
#main-visual .scrolldown small span {
  background-image: url(../images/common/arr_white.png)
}

/*#main-visual .scrolldown small:before,
#main-visual .scrolldown small:after,
#main-visual .scrolldown small span {
  background-image: url(../arr_white_back.png);
}*/

#main-visual .scrolldown small {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 100%;
  top: 0;
  vertical-align: top;
  margin-right: -20px;
  margin-left: 20px;
}






/*----------------------------------------------------

 VISION

----------------------------------------------------*/
.wrapVis {}
.wrapVis { height: 410px; background: #eaf0f5; margin: auto auto 80px;}
.wrapVis .inner { width: 100%; margin: auto;}
.wrapVis .innerR { float: right; width: 590px; margin: 0; text-align: center;}
.wrapVis .innerR p { margin: 20px auto;}
.wrapVis .ttl { margin: 120px auto auto;}
.wrapVis .ttl h2 { color: #eb6100; font-family: Arial, Helvetica, sans-serif; font-size: 65px; line-height: 50px;}
.wrapVis .ttl p { font-size: 20px; margin: 20px auto;}
.wrapVis .innerL { float: left; width: calc(100% - 500px); margin: 0 -90px 0 0; background:url(../images/index/visImg01.png) center right no-repeat; background-size:cover; height: 410px;}

  



/*----------------------------------------------------

 ORIGINAL PRODUCT

----------------------------------------------------*/
.wrapOri { height: 440px; background: #eaf0f5; margin: auto auto 80px;}
.wrapOri .inner { width: 100%; margin: auto;}
.wrapOri .innerR { float: right; width: calc(100% - 590px); height: 410px; margin: 0; background:url(../images/index/oriImg01.png) center center no-repeat; background-size:cover; position: relative;}

.wrapOri .ttl { margin: 80px auto auto;}
.wrapOri .ttl h2 { color: #c4d700; font-family: Arial, Helvetica, sans-serif; font-size: 65px; line-height: 50px; position: relative; z-index: 10;}
.wrapOri .ttl h2 span { margin-left: 150px; position: relative; display: block;}
.wrapOri .ttl p { font-size: 20px; margin: 20px auto;}
.wrapOri .innerL { float: left; width: 500px; margin: 0; padding: 0 0 0 90px; text-align: left;}
.wrapOri .innerL p { margin: 20px auto;}

/*.bnr { text-align: center; margin: -40px 0 40px;}
.bnr a { display: inline-block;}
.bnr a img { width: 100%; height: auto;}
.bnr a .on { display: none;}
.bnr a .off { display: block;}
.bnr a:hover .on { display: block;}
.bnr a:hover .off { display: none;}*/

.bnr { list-style: none; display: flex; justify-content: center; margin: -40px 0 40px;}
.bnr li:nth-child(2n+1) { margin: 0 0 0 20px;}
.bnr li:nth-child(2n+2) { margin: 0 20px 0 80px;}
.bnr li a { display: inline-block;}
.bnr li a img { width: 100%; height: auto;}


/*-------
	追加CSS
	　　　　----*/
	
/*----------------------------------------------------

 Recruitment
	
--------------------------------*/

.wraprec { height: 400px; background: #eaf0f5; margin: auto auto 80px;}
.wraprec .inner { width: 100%; margin: auto;}
.wraprec .innerR { float: right; width: 35%; height: 480px; margin: 0; background:url(../images/index/rec-img01.png) center center no-repeat; background-size:contain; position: relative;}

.wraprec .ttl { margin: 50px auto auto;}
.wraprec .ttl h2 { color: #1f3b8f; font-family: Arial, Helvetica, sans-serif; font-size: 65px; line-height: 50px; position: relative; z-index: 10;}
.wraprec .ttl .heavy { font-weight: bold;}
.wraprec .ttl p { font-size: 15px; margin: 20px auto;}
.wraprec .ttl .orange { color: #fff; background-color: #ce6016; padding: 5px 10px; font-size: 17px; margin: 0 3px;}
.wraprec .innerL { float: left; width: 55%; margin: 0; padding: 0 0 0 90px; text-align: left;}

	.dogbox a img {
		width: 90%;
	}
	@media only screen and (max-width: 900px) {
		.wraprec .innerR { float: right; width: 30%; height: 480px; margin: 0; background:url(../images/index/rec-img01.png) center center no-repeat; background-size:contain; position: relative;}}
/*----------------------------------------------------

 banner

----------------------------------------------------*/
	.wrapban {width: 80%; margin: auto;}
	.wrapban p {color:#1f3b8f; font-weight: bold; text-align: center;margin-bottom: 30px;font-size: 18px;}
	.wrapban div {
		margin-bottom: 50px;
	}
	.wrapban a img {width: 100%;}
	
	.hov:hover {opacity: 0.7; transition: 0.7s;}
/*----------------------------------------------------

 movie

----------------------------------------------------*/
	
.wrapmov {
background: #eaf0f5; margin: auto auto 80px;text-align: center;
	padding: 50px 0;
}
.wrapmov .ttl h2 { color: #1f3b8f; font-family: Arial, Helvetica, sans-serif; font-size: 65px; line-height: 50px; position: relative; z-index: 10; margin-bottom: 10px;}
.wrapmov p {color: #1f3b8f; font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.wrapmov ul {
	width: 90%;
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: auto;
}	
.wrapmov ul li {width: 32%;}
.wrapmov ul li img {width: 100%;}
	
	

	
/*----------------------------------------------------

 DEVELOPMENT

----------------------------------------------------*/
.wrapDev { height: 410px; background: #eaf0f5; margin: auto auto 80px;}
.wrapDev .inner { width: 100%; margin: auto;}
.wrapDev .innerR { float: right; width: 590px; margin: 0; text-align: center;}
.wrapDev .innerR p { margin: 20px auto;}
.wrapDev .ttl { margin: 120px auto auto;}
.wrapDev .ttl h2 { color: #2ea7e0; font-family: Arial, Helvetica, sans-serif; font-size: 65px; line-height: 50px;}
.wrapDev .ttl p { font-size: 20px; margin: 20px auto;}
.wrapDev .innerL { float: left; width: calc(100% - 590px); margin: 0; background:url(../images/index/devImg01.jpg) center center no-repeat; background-size:cover; height: 410px; position: relative;}
.wrapDev .innerL::after { position: absolute; top: 0; right: 0; content: ""; border-top: 410px solid transparent; border-right: 80px solid #eaf0f5; border-bottom: 0 solid #eaf0f5; border-left: 0 solid transparent;}

  



/*----------------------------------------------------

 TECHNOLOGY

----------------------------------------------------*/
.wrapTec { height: 440px; background: #eaf0f5; margin: auto auto 80px; text-align: center; position: relative;}
.wrapTec::before {content: url(../images/index/tecBg01.png); position: absolute; top: -50px; left: -200px;}
.wrapTec::after {content: url(../images/index/tecBg02.png); position: absolute; bottom: -50px; right: -100px;}

.wrapTec .inner { width: 100%; margin: auto;}
.wrapTec .innerR { float: right; width: calc(100% - 590px); height: 410px; margin: 0; background:url(../images/index/tecImg01.png) center center no-repeat; background-size:cover; height: 410px; position: relative;}

.wrapTec .ttl { margin: 120px auto auto;}
.wrapTec .ttl h2 { color: #7e318e; font-family: Arial, Helvetica, sans-serif; font-size: 65px; line-height: 50px; position: relative; z-index: 10;}
.wrapTec .ttl p { font-size: 20px; margin: 20px auto;}
.wrapTec .innerL { float: left; width: 590px; margin: 0; padding: 0; text-align: center; position: relative; z-index: 20;}
.wrapTec .innerL p { margin: 20px auto;}

  



/*----------------------------------------------------

 COMPANY

----------------------------------------------------*/
.wrapCom { height: 410px; margin: auto auto 80px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#31afcc+0,0092db+60,00566e+100 */
background: rgb(49,175,204); /* Old browsers */
background: -moz-linear-gradient(left, rgb(49,175,204) 0%, rgb(0,146,219) 60%, rgb(0,86,110) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgb(49,175,204) 0%,rgb(0,146,219) 60%,rgb(0,86,110) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgb(49,175,204) 0%,rgb(0,146,219) 60%,rgb(0,86,110) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31afcc', endColorstr='#00566e',GradientType=1 ); /* IE6-9 */
}
.wrapCom .inner { width: 100%; margin: auto;}
.wrapCom .innerR { float: right; width: 500px; margin: 0; text-align: center; color: #FFF;}
.wrapCom .innerR p { margin: 20px auto;}
.wrapCom .ttl { margin: 120px auto auto; color: #FFF;}
.wrapCom .ttl h2 { color: #2ea7e0; font-family: Arial, Helvetica, sans-serif; font-size: 65px; line-height: 50px; color: #FFF;}
.wrapCom .ttl p { font-size: 20px; margin: 20px auto; color: #FFF;}
.wrapCom .innerL { float: left; width: calc(100% - 500px); margin: 0; background:url(../images/index/comImg01.png) center right no-repeat; background-size:cover; height: 410px;}

  



/*----------------------------------------------------

 RECRUIT

----------------------------------------------------*/
.wrapRec {}
.wrapRec { height: 410px; background: #f8b62d; margin: auto auto 80px;}
.wrapRec .inner { width: 100%; margin: auto;}
.wrapRec .innerR { float: right; width: calc(100% - 500px); margin: 0; background:url(../images/index/recImg01.png) center center no-repeat; background-size:cover; height: 410px; position: relative;}

.wrapRec .ttl { margin: 120px auto auto;}
.wrapRec .ttl h2 { color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 65px; line-height: 50px; position: relative; z-index: 10;}
.wrapRec .ttl p { color: #FFF; font-size: 20px; margin: 20px auto;}
.wrapRec .innerL { float: left; width: 500px; margin: 0; padding: 0; text-align: center;}
.wrapRec .innerL p { color: #FFF; margin: 20px auto;}

  





/*----------------------------------------------------

 NEWS

----------------------------------------------------*/
.wrapNew { background: url(../images/index/newImg01.jpg) center -150px no-repeat; background-size: cover; margin: auto auto 80px;}
.wrapNew .inner01 { width: 516px; margin: auto; padding: 50px 0; float: left;}
.wrapNew .inner01 .ttl { margin: auto auto 30px; line-height: 30px;}
.wrapNew .inner01 .ttl h2 { color: #003894; font-family: Arial, Helvetica, sans-serif; font-size: 27px; display: inline-block; margin: 0 50px 0 0;}
.wrapNew .inner01 .ttl p { display: inline-block; font-size: 12px;}
.wrapNew .inner01 .ttl p a {}

.wrapNew .inner01 dl { font-size: 14px;}
.wrapNew .inner01 dl dt { width: 100px; float: left; padding: 10px 0; border-top: dotted 1px #666;}
.wrapNew .inner01 dl dd { width: 416px; margin: 0 0 0 100px; padding: 10px 0 10px 0; border-top: dotted 1px #666; }
.wrapNew .inner01 dl dd p { width: 396px; margin: 0; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.wrapNew .inner01 dl dd p a { text-decoration: none; color: #000;}
.wrapNew .inner01 dl dt:first-child { border-top: none;}
.wrapNew .inner01 dl dd:first-child { border-top: none;}
.wrapNew .inner01 dl dt:first-child + dd { border-top: none;}


.wrapNew .inner02 { width: 516px; margin: auto; padding: 50px 0; float: right;}
.wrapNew .inner02 .ttl { margin: auto auto 30px; line-height: 30px;}
.wrapNew .inner02 .ttl h2 { color: #003894; font-family: Arial, Helvetica, sans-serif; font-size: 20px; display: inline-block; margin: 0 50px 0 0;}
.wrapNew .inner02 .ttl p { display: inline-block; font-size: 12px;}
.wrapNew .inner02 .ttl p a {}

.wrapNew .inner02 dl { font-size: 14px;}
.wrapNew .inner02 dl dt { width: 100px; float: left; padding: 10px 0; border-top: dotted 1px #666;}
.wrapNew .inner02 dl dd { width: 416px; margin: 0 0 0 100px; padding: 10px 0 10px 0; border-top: dotted 1px #666; }
.wrapNew .inner02 dl dd p { width: 396px; margin: 0; padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.wrapNew .inner02 dl dd p a { text-decoration: none; color: #000;}
.wrapNew .inner02 dl dt:first-child { border-top: none;}
.wrapNew .inner02 dl dt:first-child + dd { border-top: none;}


#fw-feed-items-scroll-area { background: none !important;}




.rsstc   { font-size: 0.8em !important; background-color: transparent !important; margin: 0; padding: 0 }
.rsstc a { color: #0000ff; text-decoration: none !important;}
.rsstc em  { color: #000000; font-style: normal; font-weight: bold; margin-left: 10px; padding: 0; font-size: 2em;}
.rsstc ul   { background-color: transparent !important; margin: 0; padding: 0 ;border: none !important;}
.rsstc li   { list-style-type: none; padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 5px; border-bottom: 1px dotted #666 !important; }
.rsstc li:last-child   { border-bottom: none !important; }
.rsstc-licence { text-align: right; font-size: 80%;}





}

/*sp*/


	@media only screen and (max-width: 599px) {


/*----------------------------------------------------

 イベントバナー

----------------------------------------------------*/
.ev_ban a:focus { outline:none; }

.sponly{
display:inline-block;
}

.pconly{
display:none;
}

.mx-img{
width:auto;
max-width:100%;
height:auto;
}

.ev_ban{
text-align:center;
margin-bottom:60px;
margin-top:-30px;
margin-left:30px;
margin-right:30px;
}

/*----------------------------------------------------

 slider

----------------------------------------------------*/
.slider { width: 100%; margin: 0 auto 30px;}
.slider img{ width: 100%;}

.navBg ul li:nth-of-type(1) a { color: #eb6100;}

.wrapVideo { width: 100%; height: auto; margin: 0px auto 50px; overflow: visible;}
.wrapVideo #video { width: 100%;  margin: auto;}
/*.wrapVideo #video source { width: 100%; margin: -100px auto auto;}*/




/*----------------------------------------------------

 VISION

----------------------------------------------------*/

.wrapVis {}
.wrapVis { height: auto; background: #eaf0f5; margin: auto auto 80px;}
.wrapVis .inner { width: 100%; margin: auto;}
.wrapVis .innerR { float: none; width: 100%; margin: 0; text-align: center;}
.wrapVis .innerR p { margin: 20px auto; font-size: 15px;}
.wrapVis .ttl { margin: 30px auto auto;}
.wrapVis .ttl h2 { color: #eb6100; font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 50px;}
.wrapVis .ttl p { font-size: 18px; margin: 20px auto;}
.wrapVis .innerL { float: none; width: calc(100% - 0); margin: 0; background:url(../images/index/visImg01Sp.jpg) center right no-repeat; background-size:cover; height: 200px;}




/*----------------------------------------------------

 ORIGINAL PRODUCT

----------------------------------------------------*/

.wrapOri {}
.wrapOri { height: auto; background: #eaf0f5; margin: auto auto 80px;}
.wrapOri .inner { width: 100%; margin: auto;}
.wrapOri .innerL { float: none; width: 100%; margin: 0; text-align: center;}
.wrapOri .innerL p { margin: 20px auto; font-size: 15px;}
.wrapOri .ttl { margin: 30px auto auto;}
.wrapOri .ttl h2 { color: #c4d700; font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 50px;}
.wrapOri .ttl p { font-size: 18px; margin: 20px auto;}
.wrapOri .innerR { float: none; width: calc(100% - 0); margin: 0; background:url(../images/index/oriImg01Sp.jpg) center right no-repeat; background-size:cover; height: 200px;}

/*.bnr { text-align: center; margin: -40px 5% 40px;}
.bnr img { width: 100%; height: auto;}
.bnr a { display: inline-block;}
.bnr a .on { display: none;}
.bnr a .off { display: block;}
.bnr a:hover .on { display: block;}
.bnr a:hover .off { display: none;}*/

.bnr { list-style: none; display: inherit; justify-content: center; margin: -40px 0 40px;}
.bnr li:nth-child(2n+1) { margin: 0 30px 30px;}
.bnr li:nth-child(2n+2) { margin: 0 30px;}
.bnr li a { display: inline-block;}
.bnr li a img { width: 100%; height: auto;}
		

/*----------------------------------------------------

 Recruitment

----------------------------------------------------*/
.wraprec { height: 560px; background: #eaf0f5; margin: auto auto 80px;}
.wraprec .inner { width: 100%; margin: auto;}
.wraprec .innerR { width: 95%; height: 200px; margin: -30px 0 0 5%; background:url(../images/index/rec-img01-sp.png)center no-repeat; background-size:cover; position: relative;}

.wraprec .ttl { margin: 30px auto auto;}
.wraprec .ttl h2 {color: #1f3b8f; font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 50px; position: relative; z-index: 10;}
.wraprec .ttl .heavy { font-weight: bold;}
.wraprec .ttl p { font-size: 12px; margin: 20px auto;}
.wraprec .ttl .orange { color: #fff; background-color: #ce6016; padding: 3px 7px; font-size: 14px; margin: 0 3px;}
.wraprec .innerL {width: 100%; margin: 0; text-align: center;}

	.dogbox a img {
		width: 90%;
	}
		

		
/*----------------------------------------------------

 banner

----------------------------------------------------*/	
	.wrapban {width: 90%; margin: 0 auto 50px auto;}
	.wrapban p {color:#1f3b8f; font-weight: bold; text-align: center;margin-bottom: 30px;font-size: 16px;}
	.wrapban div {
		margin-bottom: 20px;
	}
	.wrapban a img {width: 100%;}
	
	
/*----------------------------------------------------

 movie

----------------------------------------------------*/	
	
.wrapmov {
background: #eaf0f5; margin: auto auto 80px;text-align: center;
	padding: 30px 0;
}
.wrapmov .ttl h2 { color: #1f3b8f; font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 25px; position: relative; z-index: 10; margin-bottom: 5px;}
.wrapmov p {color: #1f3b8f; font-size: 16px; font-weight: bold; margin-bottom: 30px; }
.wrapmov ul {
	width: 90%;
	flex-wrap: wrap;
	list-style: none;
	margin: auto;
}	
.wrapmov ul li {width: 85%; margin: 0 auto 15px auto;}
.wrapmov ul li img {width: 100%;}
		


/*----------------------------------------------------

 DEVELOPMENT

----------------------------------------------------*/
.wrapDev { height: auto; background: #eaf0f5; margin: auto auto 80px;}
.wrapDev .inner { width: 100%; margin: auto;}
.wrapDev .innerR { float: none; width:100%; margin: 0; text-align: center;}
.wrapDev .innerR p { margin: 20px auto;}
.wrapDev .ttl { margin: 30px auto auto;}
.wrapDev .ttl h2 { color: #2ea7e0; font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 30px;}
.wrapDev .ttl p { font-size: 18px; margin: 10px auto;}
.wrapDev .innerL { float: none; width: calc(100% - 0); margin: 0; background:url(../images/index/devImg01Sp.jpg) center center no-repeat; background-size:cover; height: 200px; position: relative;}
.wrapDev .innerL::after {}




/*----------------------------------------------------

 TECHNOLOGY

----------------------------------------------------*/
.wrapTec { margin: auto auto 100px; background: #eaf0f5; text-align: center; position: relative;}
.wrapTec::before {content:""; background:url(../images/index/tecBg01.png) 0 0 no-repeat; position: absolute; top: 0; left: 0; width:50%; height:200px; background-size:100% auto;}
.wrapTec::after {content:""; background:url(../images/index/tecBg02.png) 0 0 no-repeat; position: absolute; bottom: -100px; right: 0; width:50%; height:200px; background-size:100% auto;}

.wrapTec .inner { width: 100%; margin: auto;}
.wrapTec .innerL { float: none; width:100%; margin: 0; text-align: center; position: relative; z-index: 20;}
.wrapTec .innerL p { margin: 20px auto;}
.wrapTec .ttl { margin: 30px auto auto;}
.wrapTec .ttl h2 { color: #7e318e; font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 30px;}
.wrapTec .ttl p { font-size: 18px; margin: 10px auto;}
.wrapTec .innerR { float: none; width: calc(100% - 0); margin: 0; background:url(../images/index/tecImg01Sp.jpg) center center no-repeat; background-size:cover; height: 200px; position: relative;}
.wrapTec .innerR::after {}

/*.wrapTec .ttl { margin: 50px auto 20px; position: relative;}
.wrapTec .ttl h2 { color: #7e318e; font-family: Arial, Helvetica, sans-serif; font-size:30px; line-height: 30px;}
.wrapTec .ttl p { font-size: 18px; margin: 10px auto;}
.wrapTec .inner { width: 100%; margin: auto auto; padding: 10px 0 0; position: relative; z-index: 20;}
.wrapTec .inner::after { content: ""; position: absolute; top: 0; height: 200px; left: 0; background: #eaf0f5; width: 100%; z-index: -1;}
.wrapTec .inner p { margin: 20px auto;}
.wrapTec .inner .img01 { width: 80%; margin: 10px auto -80px;}*/




/*----------------------------------------------------

 COMPANY

----------------------------------------------------*/
.wrapCom { height: auto; margin: auto auto 80px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#31afcc+0,0092db+60,00566e+100 */
background: rgb(49,175,204); /* Old browsers */
background: -moz-linear-gradient(left, rgb(49,175,204) 0%, rgb(0,146,219) 60%, rgb(0,86,110) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgb(49,175,204) 0%,rgb(0,146,219) 60%,rgb(0,86,110) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgb(49,175,204) 0%,rgb(0,146,219) 60%,rgb(0,86,110) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31afcc', endColorstr='#00566e',GradientType=1 ); /* IE6-9 */
}
.wrapCom .inner { width: 100%; margin: auto;}
.wrapCom .innerR { float: none; width:100%; margin: 0; text-align: center; color: #FFF;}
.wrapCom .innerR p { margin: 20px auto;}
.wrapCom .ttl { margin: 30px auto auto; color: #FFF;}
.wrapCom .ttl h2 { color: #2ea7e0; font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 30px; color: #FFF;}
.wrapCom .ttl p { font-size: 18px; margin:10px auto; color: #FFF;}
.wrapCom .innerL { float: none; width: calc(100% - 0); margin: 0; background:url(../images/index/comImg01.jpg) center center no-repeat; background-size:cover; height: 200px; position: relative;}

  



/*----------------------------------------------------

 RECRUIT

----------------------------------------------------*/
.wrapRec {}
.wrapRec { height: auto; background: #f8b62d; color: #FFF; margin: auto auto 80px;}
.wrapRec .inner { width: 100%; margin: auto;}
.wrapRec .innerL { float: none; width: 100%; margin: 0; text-align: center;}
.wrapRec .innerL p { margin: 20px auto; font-size: 15px;}
.wrapRec .ttl { margin: 30px auto auto;}
.wrapRec .ttl h2 { color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 30px; line-height: 50px;}
.wrapRec .ttl p { font-size: 18px; margin: 20px auto;}
.wrapRec .innerR { float: none; width: calc(100% - 0); margin: 0; background:url(../images/index/recImg01Sp.jpg) center right no-repeat; background-size:cover; height: 200px;}



/*.wrapRec .ttl { margin: 0 auto auto; color: #FFF;}
.wrapRec .ttl h2 { font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #f8b62d; text-align:center; z-index: 50; z-index: 5; position:relative;}
.wrapRec .ttl h2::after { font-family: Arial, Helvetica, sans-serif; font-size:30px; color: #FFF;width: 200px; content: "RECRUIT"; height: 80px; text-align:centerz-index: 10; position:absolute; left:50%; margin-left:-100px}
.wrapRec .ttl p { font-size: 20px; margin: 10px auto; color: #FFF;}
.wrapRec .inner { width: 90%; margin: auto auto 80px; padding: 15px 0; background: #f8b62d; border-radius: 30px 0 30px 0;}
.wrapRec .innerL { float: none; width: 100%; margin:0 auto 15px; text-align: center; color: #FFF;}
.wrapRec .innerL p { margin: 10px auto;}

.wrapRec .innerR { background: url(../images/index/recImg01.jpg) center center no-repeat; background-size: cover; width: 92%; height: 200px; margin:0 auto; border-radius: 0 0 30px 0;}
 */ 




/*----------------------------------------------------

 NEWS

----------------------------------------------------*/
.wrapNew { background: url(../images/index/newImg01.jpg) top center no-repeat; background-size: cover; margin: auto auto 80px;}
.wrapNew .inner01 { width: 90%; margin: auto; padding: 20px 0; float: none;}
.wrapNew .inner01 .ttl { margin: auto auto 20px; line-height: 20px;}
.wrapNew .inner01 .ttl h2 { color: #003894; font-family: Arial, Helvetica, sans-serif; font-size: 20px; display: inline-block; margin: 0 50px 0 0;}
.wrapNew .inner01 .ttl p { display: inline-block; font-size: 12px;}
.wrapNew .inner01 .ttl p a {}

.wrapNew .inner01 dl { font-size: 12px;}
.wrapNew .inner01 dl dt { width: 100px; float: left; padding: 10px 0; border-top: dotted 1px #666;}
.wrapNew .inner01 dl dd { width: auto; margin: 0 0 0 100px; padding: 10px 0 10px 0; border-top: dotted 1px #666; }
.wrapNew .inner01 dl dd p { width: auto; margin: 0; padding: 0; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.wrapNew .inner01 dl dd p a { text-decoration: none; color: #000;}
.wrapNew .inner01 dl dt:first-child { border-top: none;}
.wrapNew .inner01 dl dd:first-child { border-top: none;}
.wrapNew .inner01 dl dt:first-child + dd { border-top: none;}


.wrapNew .inner02 { width: 90%; margin: auto; padding: 20px 0; float: none;}
.wrapNew .inner02 .ttl { margin: auto auto 20px; line-height: 20px;}
.wrapNew .inner02 .ttl h2 { color: #003894; font-family: Arial, Helvetica, sans-serif; font-size: 20px; display: inline-block; margin: 0 50px 0 0;}
.wrapNew .inner02 .ttl p { display: inline-block; font-size: 12px;}
.wrapNew .inner02 .ttl p a {}

.wrapNew .inner02 dl { font-size: 12px;}
.wrapNew .inner02 dl dt { width: 100px; float: left; padding: 10px 0; border-top: dotted 1px #666;}
.wrapNew .inner02 dl dd { width: auto; margin: 0 0 0 100px; padding: 10px 0 10px 0; border-top: dotted 1px #666; }
.wrapNew .inner02 dl dd p { width: auto; margin: 0; padding: 0; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.wrapNew .inner02 dl dd p a { text-decoration: none; color: #000;}
.wrapNew .inner02 dl dt:first-child { border-top: none;}
.wrapNew .inner02 dl dt:first-child + dd { border-top: none;}




.rsstc   { font-size: 0.8em !important; background-color: transparent !important; margin: 0; padding: 0 }
.rsstc a { color: #0000ff; text-decoration: none !important;}
.rsstc em  { color: #000000; font-style: normal; font-weight: bold; margin-left: 10px; padding: 0; font-size: 2em;}
.rsstc ul   { background-color: transparent !important; margin: 0; padding: 0 ;border: none !important;}
.rsstc li   { list-style-type: none; padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 5px; border-bottom: 1px dotted #666 !important; }
.rsstc li:last-child   { border-bottom: none !important; }
.rsstc-licence { text-align: right; font-size: 80%;}

	
}