@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto;position: relative;background: url('../images/company/contentsmain-back01.jpg')no-repeat top center;height: 1168px;padding: 50px 0 0;}
#contentsmain h2 {font-size: 5rem;line-height: 1.68;font-weight: 900;letter-spacing: 0rem;margin-bottom: 100px;position: relative;text-align: center;}
#contentsmain h2 span {display: block;font-size: 2rem;margin-top: -14px;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1200px;padding-right: 600px;}
#contentsmain .inner-Box h3 {font-size: 3.2rem;line-height: 1.68;font-weight: 900;letter-spacing: 0rem;margin-bottom: 40px;position: relative;}
#contentsmain .inner-Box figure.photo {position: absolute;top: 0;right: 0;}
#contentsmain .inner-Box figure.photo img{  }
#contentsmain .inner-Box figure.photo::before{position: absolute;content: "代表取締役　遠藤　義之";font-size: 2rem;font-weight: 900;bottom: -50px;right: 0;}
#contentsmain .inner-Box p.text {font-size: 1.6rem;line-height: 2;font-weight: 500;letter-spacing: 0rem;margin-bottom: 30px;position: relative;}

#contents01 {margin: 0 auto 150px;position: relative;background: url('../images/company/contents01-back01.jpg')no-repeat top center;padding: 240px 0 0;}
#contents01 .inner-Box {margin: 0 auto;position: relative;text-align: center;width: 1200px;}
#contents01 h2 {font-size: 5rem;line-height: 1.68;font-weight: 900;letter-spacing: 0rem;margin-bottom: 100px;position: relative;text-align: center;}
#contents01 h2 span {display: block;font-size: 2rem;margin-top: -14px;}
#contents01 .inner-Box figure.img {position: relative;top: 0;left: 0;width: 484px;margin: 0 auto 40px;}
#contents01 .inner-Box figure.img img{  }
#contents01 .inner-Box h3 {font-size: 2.6rem;line-height: 1.68;font-weight: 700;letter-spacing: 0rem;margin-bottom: 60px;position: relative;}
#contents01 .inner-Box 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;margin-bottom: 50px;}
#contents01 .inner-Box ul li {position: relative;width: 370px;height: 188px;box-shadow: 0px 3px 6px #00000029;border-radius: 10px;margin-right: 35px;padding: 14px 0 0;}
#contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box ul li:nth-child(1)::before,#contents01 .inner-Box ul li:nth-child(2)::before{ content: ""; width: 12px; height: 12px; display: block; border-radius: 50%; background: #5C6251; position: absolute; bottom: 0; right: -23px; } 

#contents01 .inner-Box ul li:nth-child(1) h4{ color: #ED6B01; }
#contents01 .inner-Box h4 {font-size: 2.3rem;line-height: 1.68;font-weight: 900;letter-spacing: 0rem;margin-bottom: 17px;position: relative;}
#contents01 .inner-Box h4 span {font-size: 4.1rem;}
#contents01 .inner-Box h4::before{ content: ""; display: block; width: 30px; height: 2px; background: #000; position: absolute; left: 50%; bottom: 0;  transform: translateX(-50%);}
#contents01 .inner-Box p.litext { font-size: 1.6rem; line-height: 1.7; font-weight: 500; letter-spacing: 0rem; margin-bottom: 30px; position: relative; }
#contents01 .inner-Box p.text {font-size: 1.6rem;line-height: 2.3;font-weight: 500;letter-spacing: 0rem;margin-bottom: 30px;position: relative;}

#contents02 {margin: 0 auto 150px;position: relative;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 890px;}
#contents02 h2 {font-size: 5rem;line-height: 1.68;font-weight: 900;letter-spacing: 0rem;margin-bottom: 100px;position: relative;text-align: center;}
#contents02 h2 span {display: block;font-size: 2rem;margin-top: -14px;}
#contents02 .inner-Box table{  }
#contents02 .inner-Box table th {width: 220px;text-align: right;padding: 10px 50px 10px 0;border-bottom: 1px solid #ccc;}
#contents02 .inner-Box table td {border-bottom: 1px solid #ccc;padding: 20px 0;}
#contents02 .inner-Box table td p{position: relative;padding: 0 0 0 90px;}
#contents02 .inner-Box table td p span.ccname{position: absolute;top: 0;left: 0;}
#contents02 .inner-Box table td a{ text-decoration: underline;}

#contents03 {margin: 0 auto 210px;position: relative;}
#contents03 .inner-Box {margin: 0 auto;position: relative;width: 1200px;}
#contents03 h2 {font-size: 5rem;line-height: 1.68;font-weight: 900;letter-spacing: 0rem;margin-bottom: 50px;position: relative;text-align: center;}
#contents03 h2 span {display: block;font-size: 2rem;margin-top: -14px;}
#contents03 .inner-Box 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;}
#contents03 .inner-Box ul li { position: relative; width: 49%; margin-right: 2%;}
#contents03 .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contents03 .inner-Box h3 {font-size: 2.6rem;line-height: 1.68;font-weight: 700;letter-spacing: 0rem;margin-bottom: 0px;position: relative;text-align: center;}
#contents03 .inner-Box iframe{width: 100%;height: 320px;}


}
@media screen and (max-width: 1650px) {


}
@media screen and (max-width: 767px) {


  #contentsmain {position: relative;background: url('../images/company/contentsmain-back01.jpg')no-repeat top center;padding: 12.08vw 0 0;background-size: auto 100%;}
  #contentsmain h2 {font-size: 7.49vw;line-height: 1.68;font-weight: 900;letter-spacing: 0.0vw;margin-bottom: 11.15vw;position: relative;text-align: center;}
  #contentsmain h2 span {display: block;font-size: 4.83vw;margin-top: -3vw;}
  #contentsmain .inner-Box {margin: 0 4vw;position: relative;padding-bottom: 15vw;}
  #contentsmain .inner-Box h3 {font-size: 6.33vw;line-height: 1.68;font-weight: 900;letter-spacing: 0.0vw;margin-bottom: 3.66vw;position: relative;}
  #contentsmain .inner-Box figure.photo {position: relative;top: 0;right: 0;margin-bottom: 16vw;}
  #contentsmain .inner-Box figure.photo img{  }
  #contentsmain .inner-Box figure.photo::before{position: absolute;content: "代表取締役　遠藤　義之";font-size: 3.83vw;font-weight: 900;bottom: -11vw;right: 0;}
  #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 2;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;}
  
  #contents01 {margin: 0 auto 20.23vw;position: relative;background: url('../images/company/contents01-back01.jpg')no-repeat top center;padding: 34.97vw 0 0;background-size: 100% auto;}
  #contents01 .inner-Box {margin: 0 4vw;position: relative;text-align: center;}
  #contents01 h2 {font-size: 7.49vw;line-height: 1.68;font-weight: 900;letter-spacing: 0.0vw;margin-bottom: 11.15vw;position: relative;text-align: center;}
  #contents01 h2 span {display: block;font-size: 4.83vw;margin-top: -3vw;}
  #contents01 .inner-Box figure.img {position: relative;top: 0;left: 0;margin: 0 17vw 9.66vw;}
  #contents01 .inner-Box figure.img img{  }
  #contents01 .inner-Box h3 {font-size: 4.48vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 8.49vw;position: relative;}
  #contents01 .inner-Box 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;margin: 0 0vw 12.08vw;}
  #contents01 .inner-Box ul li {position: relative;height: 45.41vw;width: 100%;box-shadow: 0.0vw 0.72vw 1.45vw #00000029;border-radius: 2.42vw;padding: 3.38vw 0 0;}
  #contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents01 .inner-Box ul li:nth-child(1)::before,#contents01 .inner-Box ul li:nth-child(2)::before{content: "";width: 2.9vw;height: 2.9vw;display: block;border-radius: 50%;background: #5C6251;position: absolute;bottom: -1.6vw;left: 50%;transform: translateX(-50%);} 
  
  #contents01 .inner-Box ul li:nth-child(1) h4{ color: #ED6B01; }
  #contents01 .inner-Box h4 {font-size: 5.26vw;line-height: 1.68;font-weight: 900;letter-spacing: 0.0vw;margin-bottom: 4.11vw;position: relative;}
  #contents01 .inner-Box h4 span {font-size: 9.3vw;}
  #contents01 .inner-Box h4::before{ content: ""; display: block; width: 7.25vw; height: 0.48vw; background: #000; position: absolute; left: 50%; bottom: 0;  transform: translateX(-50%);}
  #contents01 .inner-Box p.litext { font-size: 3.86vw; line-height: 1.7; font-weight: 500; letter-spacing: 0.0vw; margin-bottom: 7.25vw; position: relative; }
  #contents01 .inner-Box p.text {font-size: 3.86vw;line-height: 2.3;font-weight: 500;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;text-align: left;}
  
  #contents02 {margin: 0 auto 14.23vw;position: relative;}
  #contents02 .inner-Box {margin: 0 4vw;position: relative;}
  #contents02 h2 {font-size: 7.49vw;line-height: 1.68;font-weight: 900;letter-spacing: 0.0vw;margin-bottom: 11.15vw;position: relative;text-align: center;}
  #contents02 h2 span {display: block;font-size: 4.83vw;margin-top: -3vw;}
  #contents02 .inner-Box table{font-size: 3.6vw;}
  #contents02 .inner-Box table th {text-align: right;padding: 2.42vw 3vw;border-bottom: 0.24vw solid #ccc;display: block;width: 100%;text-align: center;background: #f8f8f8;}
  #contents02 .inner-Box table td {border-bottom: 0.24vw solid #ccc;padding: 4.83vw 4vw;display: block;width: 100%;}
  #contents02 .inner-Box table td p{position: relative;}
  #contents02 .inner-Box table td p span.ccname{position: relative;top: 0;left: 0;display: block;}

  #contents02 .inner-Box table td a.bl{ text-decoration: underline;}

  #contents03 {margin: 0 auto 12.72vw;position: relative;}
  #contents03 .inner-Box {margin: 0 4vw;position: relative;}
  #contents03 h2 {font-size: 7.49vw;line-height: 1.68;font-weight: 900;letter-spacing: 0.0vw;margin-bottom: 11.15vw;position: relative;text-align: center;}
  #contents03 h2 span {display: block;font-size: 4.83vw;margin-top: -3vw;}
  #contents03 .inner-Box 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;}
  #contents03 .inner-Box ul li {position: relative;width: 100%;margin-bottom: 8vw;}
  #contents03 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
  #contents03 .inner-Box h3 {font-size: 5.38vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.0vw;margin-bottom: 3vw;position: relative;text-align: center;}
  #contents03 .inner-Box iframe{width: 100%;height: 77.29vw;}



}