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

#contentsmain {margin: -34px auto 0 auto;position: relative;background: url('../images/company/contentsmain-back01.png')no-repeat top center;padding: 183px 0 1px;color: #fff;}
#contentsmain h2 {text-align: center;margin-bottom: 160px;}
#contentsmain h2 span{  }
#contentsmain h2 img {  }
#contentsmain .inner-Box1 {margin: 0 auto 164px;position: relative;width: 1100px;padding: 0 0 0 340px;}
#contentsmain .inner-Box1 span.e-text{font-size: 50px;position: absolute;font-weight: 300;letter-spacing: 0;top: -10px;left: 0;}
#contentsmain .inner-Box1 h3 {font-size: 49px;line-height: 1.65;font-weight: 500;letter-spacing: 6.37px;margin-bottom: 68px;position: relative;}
#contentsmain .inner-Box1 h3 span {color: #FFCC00;}
#contentsmain .inner-Box1 p.text {font-size: 24px;line-height: 2.58;font-weight: 300;letter-spacing: 1.92px;margin-bottom: 45px;position: relative;margin-right: 40px;}

#contentsmain .inner-Box2 {margin: 0 auto 196px;position: relative;width: 1100px;padding: 0 0 0 340px;}
#contentsmain .inner-Box2 span.e-text{font-size: 40px;position: absolute;font-weight: 300;letter-spacing: 0;top: -2px;left: 0;}
#contentsmain .inner-Box2 h3 {font-size: 49px;line-height: 1.65;font-weight: 500;letter-spacing: 6.37px;margin-bottom: 68px;position: relative;}
#contentsmain .inner-Box2 h3 span {color: #FFCC00;}
#contentsmain .inner-Box2 p.text {font-size: 24px;line-height: 2.58;font-weight: 300;letter-spacing: 1.92px;margin-bottom: 45px;position: relative;margin-right: 40px;}
#contentsmain .inner-Box2 p.text span { color: #FFCC00; }
#contentsmain .inner-Box2 .photo01{position: absolute;top: 246px;left: 0;}

#contentsmain .inner-Box3 {margin: 0 auto 252px;position: relative;width: 1100px;padding: 6px 0 0 340px;}
#contentsmain .inner-Box3 span.e-text{font-size: 40px;position: absolute;font-weight: 300;letter-spacing: 0;top: -2px;left: 0;}
#contentsmain .inner-Box3 ul{display: block;}
#contentsmain .inner-Box3 ul li {position: relative;margin-bottom: 88px;}
#contentsmain .inner-Box3 h4 {font-size: 30px;line-height: 1.4;font-weight: 500;letter-spacing: 3.6px;margin-bottom: 9px;position: relative;}
#contentsmain .inner-Box3 h4 span.f-en2 {position: absolute;top: -48px;left: -161px;font-size: 140px;color: #fff;opacity: 0.1;font-weight: 300;}
#contentsmain .inner-Box3 p.ltext {font-size: 20px;line-height: 1.94;font-weight: 300;letter-spacing: 1.2px;margin-bottom: 30px;position: relative;}

#contents01 {margin: 0 auto 147px;position: relative;background: url('../images/company/contents01-back01.png')no-repeat top center;padding: 294px 0 0;}
#contents01 .inner-Box1 {margin: 0 auto 130px;position: relative;width: 1100px;}
#contents01 .inner-Box1 h2 {font-size: 78px;line-height: 1.4;font-weight: 300;letter-spacing: 0px;margin-bottom: 21px;position: relative;}
#contents01 .inner-Box1 table{width: 100%;border-top: #707070 1px solid;}
#contents01 .inner-Box1 table th {border-bottom: #707070 1px solid;text-align: left;padding: 34px 14px;width: 245px;font-weight: 500;}
#contents01 .inner-Box1 table td {border-bottom: #707070 1px solid;padding: 34px 14px;font-weight: 400;}
#contents01 .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;}
#contents01 .inner-Box2 h2 {font-size: 78px;line-height: 1.4;font-weight: 300;letter-spacing: 0px;margin-bottom: 21px;position: relative;}
#contents01 .inner-Box2 iframe{border: 1px solid #707070!important;width: 1100px;height: 598px;margin-bottom: 12px;}
#contents01 .inner-Box2 p.maptext {font-size: 18px;line-height: 1.94;font-weight: 400;letter-spacing: 1.08px;margin-bottom: 30px;position: relative;text-align: right;padding: 0 40px 0 0;}
#contents01 .inner-Box2 p.maptext a {  }
#contents01 .inner-Box2 p.maptext a:hover {  }
#contents01 .inner-Box2 span.map {display: block;line-height: 1;position: absolute;top: 5px;right: 0;}
#contents01 .inner-Box2 span.map img {  }

}
@media screen and (min-width: 768px) and (max-width: 1450px) {


}

@media screen and (max-width: 767px) {
 
    #contentsmain {margin: 13.3vw auto 0 auto;position: relative;background: url('../images/company/sp-contentsmain-back01.png')no-repeat top center;padding: 29.1vw 0 0.24vw;color: #fff;background-size: 100% auto;}
    #contentsmain h2 {text-align: center;margin: 0 4vw 18.45vw;}
    #contentsmain h2 span{  }
    #contentsmain h2 img {  }
    #contentsmain .inner-Box1 {margin: 0 9vw 19.6vw;position: relative;}
    #contentsmain .inner-Box1 span.e-text{font-size: 5.31vw;position: relative;font-weight: 300;letter-spacing: 0;top: 0vw;margin-bottom: 6vw;left: 0;display: block;}
    #contentsmain .inner-Box1 h3 {font-size: 5.07vw;line-height: 1.62;font-weight: 500;letter-spacing: 0.66vw;margin-bottom: 5.83vw;position: relative;}
    #contentsmain .inner-Box1 h3 span {color: #FFCC00;}
    #contentsmain .inner-Box1 p.text {font-size: 3.38vw;line-height: 2.43;font-weight: 300;letter-spacing: 0.14vw;margin-bottom: 7.57vw;position: relative;}
    
    #contentsmain .inner-Box2 {margin: 0 9vw 19.1vw;position: relative;}
    #contentsmain .inner-Box2 span.e-text{font-size: 5.31vw;position: relative;font-weight: 300;letter-spacing: 0;top: 0vw;margin-bottom: 6vw;left: 0;display: block;}
    #contentsmain .inner-Box2 h3 {font-size: 5.07vw;line-height: 1.62;font-weight: 500;letter-spacing: 0.66vw;margin-bottom: 5.83vw;position: relative;}
    #contentsmain .inner-Box2 h3 span {color: #FFCC00;}
    #contentsmain .inner-Box2 p.text {font-size: 3.38vw;line-height: 2.43;font-weight: 300;letter-spacing: 0.14vw;margin-bottom: 7.57vw;position: relative;}
    #contentsmain .inner-Box2 p.text span { color: #FFCC00; }
    #contentsmain .inner-Box2 .photo01{ margin-bottom: 7.8vw; }
    
    #contentsmain .inner-Box3 {margin: 0 9vw 19.4vw;position: relative;}
    #contentsmain .inner-Box3 span.e-text{font-size: 5.31vw;position: relative;font-weight: 300;letter-spacing: 0;top: 0vw;margin-bottom: 10.1vw;left: 0;display: block;}
    #contentsmain .inner-Box3 ul{display: block;}
    #contentsmain .inner-Box3 ul li {position: relative;margin-bottom: 9.26vw;}
    #contentsmain .inner-Box3 h4 {font-size: 4.35vw;line-height: 1.67;font-weight: 500;letter-spacing: 0.35vw;margin-bottom: 3.27vw;position: relative;}
    #contentsmain .inner-Box3 h4 span.f-en2 {position: absolute;top: -8vw;right: -0.6vw;font-size: 16.91vw;color: #fff;opacity: 0.1;font-weight: 300;}
    #contentsmain .inner-Box3 p.ltext {font-size: 3.38vw;line-height: 2.29;font-weight: 300;letter-spacing: 0.14vw;margin-bottom: 7.25vw;position: relative;}
    
    #contents01 {position: relative;background: url('../images/company/sp-contents01-back01.png')no-repeat top center #F7F7F7;padding: 36.31vw 5.1vw 0;background-size: 100% auto;}
    #contents01 .inner-Box1 {margin: 0 auto 15.4vw;position: relative;}
    #contents01 .inner-Box1 h2 {font-size: 9.42vw;line-height: 1.4;font-weight: 300;letter-spacing: 0.0vw;margin-bottom: 4.07vw;position: relative;}
    #contents01 .inner-Box1 table{width: 100%;}
    #contents01 .inner-Box1 table th {text-align: left;padding: 4.21vw 4.08vw;font-weight: 500;display: block;width: 100%;letter-spacing: 0.23vw;background: #fff;}
    #contents01 .inner-Box1 table td {padding: 4.51vw 3.88vw;font-weight: 400;width: 100%;display: block;letter-spacing: 0.23vw;}
    #contents01 .inner-Box2 {position: relative;padding-bottom: 20vw;}
    #contents01 .inner-Box2 h2 {font-size: 9.42vw;line-height: 1.4;font-weight: 300;letter-spacing: 0.0vw;margin-bottom: 4.07vw;position: relative;}
    #contents01 .inner-Box2 iframe{border: 0.54vw solid #707070!important;height: 76vw;margin-bottom: 2.9vw;width: 100%;}
    #contents01 .inner-Box2 p.maptext {font-size: 3.86vw;line-height: 1.94;font-weight: 400;letter-spacing: 0.23vw;margin-bottom: 7.25vw;position: relative;text-align: right;padding: 0 9.06vw 0 0;}
    #contents01 .inner-Box2 p.maptext a {  }
    #contents01 .inner-Box2 p.maptext a:hover {  }
    #contents01 .inner-Box2 span.map {display: block;line-height: 1;position: absolute;top: -0.39vw;right: 0;width: 6.6vw;}
    #contents01 .inner-Box2 span.map img {  }
  
}