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


/* 
	for PC
	
*****************************************************/
@media screen and (min-width:801px){
	
	#top header {margin-top: 20px; width: 100%; position: absolute; z-index: 10;}
	#top header h1 {color: #fff;}
	#top .fv_wrap {position: relative; z-index: 1; min-width: 1180px; font-feature-settings: "palt";-moz-font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}
	#top .fv_wrap h2 {width: 1000px; font-size: 30px; line-height: 50px; letter-spacing: 0.26em; font-weight: bold; color: #fff; text-align: left; position: absolute; top: 25%; left: 40px; margin-top: -60px;}
	#top .fv_wrap .lead {width: 1000px; font-size: 17px; line-height: 30px; letter-spacing: 0.26em; color:#fff; text-align: left; position: absolute; top: 25%; left: 40px; padding-top: 50px;}
	#top section.news_wrap h3 {width: 298px; margin: 0 auto; padding: 40px 0;}
	#top section.news_wrap dl {font-size: 16px; line-height: 25px; letter-spacing: 0.1em; width: 100%; background: #000; color: #fff; margin-bottom: 2px; min-height: 50px;}
	#top section.news_wrap dl dt {font-weight: bold; width: 210px; min-height: 50px; background: url("../images/top/topics_date_bg.png") center left no-repeat; float: left;}
	#top section.news_wrap dl dt,#top section.news_wrap dl dd {padding: 13px 20px;}
	#top footer {margin-top: 0px;}
	
	#company main h1 img {width: 209px;}
	#company main dl {font-size: 16px; line-height: 30px; letter-spacing: 0.1em; width: 900px; margin: 0 auto; border-bottom: 1px solid #000;}
	#company main dl,#company main dl dt,#company main dl dd {box-sizing: border-box;}
	#company main dl dt {font-weight: bold; color: #ff4e00; width: 140px; float: left;}
	#company main dl dt,#company main dl dd {padding: 20px 0; border-top: 1px solid #000;}
	#company main dl dt:nth-child(1),#company main dl dd:nth-child(2) {padding: 0 0 20px; border-top: none;}
	#company main dl dd {margin-left: 140px;}
	#company main dl dd iframe {width: 760px; height: 275px;}
	#company main dl.history {border-bottom: none; width: 760px;}
	#company main dl.history:last-child:after{content:''; clear:none; display:block;}
	#company main dl.history dt {border-top: none; font-weight: normal; color: #000; padding: 0; margin: 0;}
	#company main dl.history dd {border-top: none; padding: 0; margin: 0; margin-left: 140px;}
	#company main article {width: 800px; margin: 0 auto; font-feature-settings: "palt";-moz-font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}
	#company main article .lead {font-size: 16px; line-height: 30px; letter-spacing: 0.15em; text-align: center;}
	#company main article h2 {font-size: 30px; font-weight: bold; text-align: center; margin-top: 76px; position: relative; margin-bottom: 40px;}
	#company main article h2:after {content: ""; width: 40px; height: 2px; display: block; background: #000; position: absolute; top:50px; left: 50%; margin-left: -20px;}
	
	#service main h1 img {width: 174.5px;}
	#service main section {height: 470px; padding: 0 40px; margin-bottom: 40px; position: relative;}
	#service main section figcaption {height: 90.5px; position: absolute;}
	#service main section article {width: 420px; display: block; background: rgba(255,255,255,0.85); position: absolute; font-feature-settings: "palt";-moz-font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}
	#service main section article h2 {font-size: 20px; line-height: 30px; font-weight: bold; letter-spacing: 0.1em; text-align: center; color: #000; padding-top: 65px;}
	#service main section article p {font-size: 16px; line-height: 30px; letter-spacing: 0.12em; color: #000; padding: 20px 60px;}
	#service main section.wrap01 {height: 600px;}
	#service main section.wrap01 figure {width: 100%; height: 600px; background: url("../images/service/bg01.jpg") top center no-repeat; background-size: cover;}
	#service main section.wrap01 figcaption {width: 63px; top: 85px; left: 80px;}
	#service main section.wrap01 article {height: 470px; top: 100px; right: 80px;}
	#service main section.wrap02 {height: 600px;}
	#service main section.wrap02 figure {width: 100%; height: 600px; background: url("../images/service/bg02.jpg") top center no-repeat; background-size: cover;}
	#service main section.wrap02 figcaption {width: 78px; top: 40px; right: 80px;}
	#service main section.wrap02 article {height: 450px; top: 75px; left: 80px;}
	#service main section.wrap03 {height: 600px;}
	#service main section.wrap03 figure {width: 100%; height: 600px; background: url("../images/service/bg03.jpg") top center no-repeat; background-size: cover;}
	#service main section.wrap03 figcaption {width: 78px; top: 40px; left: 80px;}
	#service main section.wrap03 article {height: 300px; top: 135px; right: 80px;}
	
	#recruit main h1 img {width: 179px;}
	#recruit main article {width: 1100px; margin: 0 auto; font-feature-settings: "palt";-moz-font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}
	#recruit main article .lead {font-size: 16px; line-height: 30px; letter-spacing: 0.15em; text-align: left;}
	#recruit main article h2 {font-size: 30px; font-weight: bold; text-align: center; margin-top: 76px; position: relative; margin-bottom: 40px;}
	#recruit main article h2:after {content: ""; width: 40px; height: 2px; display: block; background: #000; position: absolute; top:50px; left: 50%; margin-left: -20px;}
	#recruit main article h3 {font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 10px;}
	#recruit main article p {font-size: 16px; letter-spacing: 0.12em; text-align: center; margin-bottom: 60px;}
	#recruit main article ul {font-feature-settings: "palt";-moz-font-feature-settings: "palt";-webkit-font-feature-settings: "palt"; text-align: justify;}
	#recruit main article ul li {width: 100%; padding:15px 25px; font-size: 16px; line-height: 30px; letter-spacing: 0.1em; background: #f0f0f0; margin-bottom: 3px;}
	#recruit main article dl {font-size: 16px; line-height: 30px; letter-spacing: 0.1em; width: 1100px; margin: 0 auto; border-left: 1px solid #000; border-right: 1px solid #000;}
	#recruit main article dl:nth-child(even) {background: #f0f0f0;}
	#recruit main article dl:last-child {border-bottom: 1px solid #000;}
	#recruit main article dl,#recruit main article dl dt,#recruit main article dl dd {box-sizing: border-box;}
	#recruit main article dl dt {font-weight: bold; width: 200px; float: left;}
	#recruit main article dl dt,#recruit main article dl dd {padding: 15px 30px; border-top: 1px solid #000;}
	#recruit main article dl dd {margin-left: 200px; border-left: 1px solid #000;}
	
}

/* 
	for SP
	
*****************************************************/
@media screen and (max-width:800px){
	
	#top .fv_wrap {font-feature-settings: "palt";-moz-font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}
	#top .fv_wrap h2 {font-size: 5.15625vw; line-height: 8.125vw; color: #fff; font-weight: bold; letter-spacing: 0.15em; text-align: center; padding-top: 20.1875vw;}
/*
	#top .fv_wrap .lead {font-size: 3.75vw; line-height: 6.25vw; color: #fff; letter-spacing: 0.15em; text-align: center; padding-top: 4.6875vw;}
*/
	#top section.news_wrap h3 {width: 46.5625vw; margin: 0 auto; padding: 7vw 0;}
	#top section.news_wrap dl {width: 90.625vw; margin: 0 auto 2px; color: #fff; padding: 3.125vw;}
	#top section.news_wrap dl:nth-child(even) {background: #000;}
	#top section.news_wrap dl:nth-child(odd) {background: #333;}
	#top section.news_wrap dl dt {font-size: 4.0625vw; font-weight: bold;}
	#top section.news_wrap dl dd {font-size: 3.75vw; line-height: 6.25vw;}

	
	#company main h1 img {width: 32.65625vw;}
	#company main dl {width: 90.625vw; margin: 0 auto; font-feature-settings: "palt";-moz-font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}
	#company main dl dt {font-size: 3.90625vw; line-height: 5.46875vw; letter-spacing: 0.1em; font-weight: bold; color: #ff4e00;}
	#company main dl dd {font-size: 3.90625vw; line-height: 5.46875vw; letter-spacing: 0.1em;}
	#company main dl dt,#company main dl dd {padding: 0;}
	#company main dl dd {border-bottom: 1px solid #000; padding-bottom: 3.125vw; margin-bottom: 3.125vw;}
	#company main dl dd:last-child {margin-bottom: 0;}
	#company main dl dd iframe {width: 90.625vw; height: 44.53125vw;}
	#company main dl.history dt {font-weight: normal; color: #000; width: 30vw; float: left;}
	#company main dl.history dd {border-bottom: none; margin-left: 30vw; width: 60.625vw; padding-bottom: 0; margin-bottom: 0;}
	#company main article {width: 90.625vw; margin: 0 auto; font-feature-settings: "palt";-moz-font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}
	#company main article .lead {font-size: 3.90625vw; line-height: 6.25vw; letter-spacing: 0.15em; text-align: justify;}
	#company main article h2 {font-size: 6.25vw; font-weight: bold; text-align: center; margin-top: 11.875vw; position: relative; margin-bottom: 9.375vw;}
	#company main article h2:after {content: ""; width: 6.25vw; height: 2px; display: block; background: #000; position: absolute; top:10.9375vw; left: 50%; margin-left: -3.125vw;}
	
	#service main h1 img {width: 27.265625vw;}
	#service main section {width: 90.625vw; margin: 0 auto 6.25vw; position: relative;}
	#service main section figure {width: 100%; height: 73.4375vw;}
	#service main section figcaption { position: absolute; top: 3.125vw; left: 3.125vw;}
	#service main section article {width: 90.625vw; background: #fff; padding: 4.6875vw; color: #000; font-feature-settings: "palt";-moz-font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}
	#service main section article h2 {font-size: 5.3125vw; line-height: 7.03125vw; font-weight: bold; text-align: center; letter-spacing: 0.1em; margin-bottom: 1.5625vw;}
	#service main section article p {font-size: 3.90625vw; line-height: 6.25vw; letter-spacing: 0.1em; text-align: justify;}

	#service main section.wrap01 figure {background: url("../images/service/bg01.jpg") top center no-repeat; background-size: auto 75.625vw;}
	#service main section.wrap01 figcaption {width: 9.84375vw; height: 14.140625vw;}
	#service main section.wrap02 figure {background: url("../images/service/bg02.jpg") top center no-repeat; background-size: auto 73.625vw;}
	#service main section.wrap02 figcaption {width: 12.1875vw; height: 14.140625vw;}
	#service main section.wrap03 figure {background: url("../images/service/bg03.jpg") bottom center no-repeat; background-size: auto 85.625vw;}
	#service main section.wrap03 figcaption {width: 12.1875vw; height: 14.140625vw;}
	
	#recruit main h1 img {width: 27.96875vw;}
	#recruit main article {width: 90.625vw; margin: 0 auto; font-feature-settings: "palt";-moz-font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}
	#recruit main article .lead {font-size: 3.90625vw; line-height: 6.25vw; letter-spacing: 0.15em; text-align: justify;}
	#recruit main article h2 {font-size: 6.25vw; font-weight: bold; text-align: center; margin-top: 11.875vw; position: relative; margin-bottom: 9.375vw;}
	#recruit main article h2:after {content: ""; width: 6.25vw; height: 2px; display: block; background: #000; position: absolute; top:10.9375vw; left: 50%; margin-left: -3.125vw;}
	#recruit main article h3 {font-size: 4.6875vw; line-height: 6.25vw; font-weight: bold; text-align: center; margin-bottom: 10px;}
	#recruit main article h3 + p {font-size: 3.90625vw; letter-spacing: 0.12em; text-align: center; margin-bottom: 10.9375vw;}
	#recruit main article ul {font-feature-settings: "palt";-moz-font-feature-settings: "palt";-webkit-font-feature-settings: "palt"; text-align: justify;}
	#recruit main article ul li {width: 100%; padding:3.125vw; font-size: 3.90625vw; line-height: 6.25vw; letter-spacing: 0.15em; background: #f0f0f0; margin-bottom: 3px;}
	
	#recruit main article dl {width: 90.625vw; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; font-feature-settings: "palt";-moz-font-feature-settings: "palt";-webkit-font-feature-settings: "palt"; text-align: justify;}
	#recruit main article dl:last-child {border-bottom: 1px solid #000;}
	#recruit main article dl dt,#recruit main article dl dd {padding: 1.5625vw 3.125vw; font-size: 3.90625vw; line-height: 5.46875vw; letter-spacing: 0.1em;}
	#recruit main article dl dt {background: #f0f0f0; font-weight: bold;}
	
}

.wrapper {
  position: relative;
}
.heading {
  position: absolute;
  left: 18px;
  color: #FFF;
}
video {
  max-width: 100%;/* はみ出ないように */
}