@charset "utf-8";
@import "fonts.css";


/*#index #gnav {display: none;}
#index #spHeader .comClear {display: none;}
#index #spHeader nav {display: none;}
#index #spHeader {display: none;}
#index #contents {display: none;}
#index footer {display: none;} */

#index #logol {width:100%;height:100%;position:absolute;z-index:100;background:url(//cdn1.beams.co.jp/special/highbasic/common/image/logo_main.png) no-repeat center center #FFF;}
#index #logo {width:100%;height:100%;position:absolute;z-index:100;background:url(//cdn1.beams.co.jp/special/highbasic/common/image/logo_main.png) no-repeat center center;}
#index h2 {font-family: 'Lusitana', serif;font-size:2.4em;color: #000;font-weight: normal;}

#index .indWrapA01{width:1024px; margin:0 auto;}
#index .indWrapA02{background:url(//cdn1.beams.co.jp/special/highbasic/common/image/index/bg_01.jpg) no-repeat center center; height:600px; position:relative; margin:85px 0 0;/* background-size:100% auto; */background-attachment:fixed;}
#index .indWrapA02 h2 {padding:265px 0 0; background:url(//cdn1.beams.co.jp/special/highbasic/common/image/bg_tit_01.png) no-repeat center bottom;}
#index .indWrapA02 h2 span {padding-bottom:16px;display:block;color:#FFFFFF;}
#index .indWrapA03{background:url(//cdn1.beams.co.jp/special/highbasic/common/image/index/bg_02.jpg) no-repeat center center; height:600px; position:relative; margin:110px 0 0;/* background-size:100% auto; */background-attachment:fixed;}
#index .indWrapA03 h2{padding:265px 0 0; background:url(//cdn1.beams.co.jp/special/highbasic/common/image/bg_tit_01.png) no-repeat center bottom;}
#index .indWrapA03 h2 span {padding-bottom:16px;display:block;color:#FFFFFF;}
#index .indWrapA04{background:url(//cdn1.beams.co.jp/special/highbasic/common/image/index/bg_03.jpg) no-repeat center center; height:600px; position:relative; margin:110px 0 0;/* background-size:100% auto; */background-attachment:fixed;}
#index .indWrapA04 h2{padding:265px 0 0; background:url(//cdn1.beams.co.jp/special/highbasic/common/image/bg_tit_01.png) no-repeat center bottom;}
#index .indWrapA04 h2 span {padding-bottom:16px;display:block;color:#FFFFFF;}
#index .indWrapA05{background:url(//cdn1.beams.co.jp/special/highbasic/common/image/index/bg_04.jpg) no-repeat center bottom; height:600px; position:relative; margin:110px 0 0;background-size:100% auto;background-attachment:fixed;}

#index .readmore a:hover {opacity: .6;}

.bgstretcher-area {
  text-align: left;
}
.bgstretcher {
  overflow: hidden;
  width: 100%;
  position: fixed;
  z-index: 1;
}
.bgstretcher,
.bgstretcher ul,
.bgstretcher li {
  left: 0;
  top: 0;
}
.bgstretcher ul,
.bgstretcher li {
  position: absolute;
}
.bgstretcher ul,
.bgstretcher li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.bgstretcher {
  _position: absolute;
}

#mainimage {
	width: 100%;
	height: 2000px;
}

.pcbr {display: block;}
.spbr {display: none;}

@media screen and (max-width:768px){
/*#index #spHeader {display: none;}
#index #spHeader .comClear {display: block;}
#index #spHeader nav {display: block;}
#index #gnav {display: none !important;}
#index #contents {display: none;}
#index footer {display: none;}
#index header {display: block;} */
img {max-width: inherit; height:inherit; width/***/:inherit;}

#index #logol {background-size:140% auto;}
#index #logo {background-size:140% auto;}

#index .indWrapA01{width:100%;}
#index .indWrapA01.mt85 {margin-top:30px !important;}
#index .indWrapA01 h2 {margin-bottom:40px;}
#index .indWrapA01 h2 span {font-size:.8em;}

#index .indWrapA02{height:260px; margin:54px 0 0;background:url(//cdn1.beams.co.jp/special/highbasic/common/image/index/bg_01.jpg) no-repeat center center;background-size:100% auto;}
#index .indWrapA02 h2{padding:96px 0 0;background:url(//cdn1.beams.co.jp/special/highbasic/common/image/bg_tit_01.png) no-repeat center bottom;background-size:100% 36px;}
#index .indWrapA02 h2 span {padding-bottom:4px;font-size:.8em;}

#index .indWrapA03{height:260px; margin:55px 0 0;background:url(//cdn1.beams.co.jp/special/highbasic/common/image/index/bg_02.jpg) no-repeat center center;background-size:100% auto;}
#index .indWrapA03 h2{padding:96px 0 0;background:url(//cdn1.beams.co.jp/special/highbasic/common/image/bg_tit_01.png) no-repeat center bottom;background-size:100% 36px;}
#index .indWrapA03 h2 span {padding-bottom:4px;font-size:.8em;}

#index .indWrapA04{height:260px; margin:55px 0 0;background:url(//cdn1.beams.co.jp/special/highbasic/common/image/index/bg_03.jpg) no-repeat center center;background-size:100% auto;}
#index .indWrapA04 h2{padding:96px 0 0;background:url(//cdn1.beams.co.jp/special/highbasic/common/image/bg_tit_01.png) no-repeat center bottom;background-size:100% 36px;}
#index .indWrapA04 h2 span {padding-bottom:4px;font-size:.8em;}

#index .indWrapA05{height:260px; margin:55px 0 0;background:url(//cdn1.beams.co.jp/special/highbasic/common/image/index/bg_04.jpg) no-repeat center center;background-size:100% auto;}

#index .indWrapA01 .comTxBace {margin: 0 16px;text-align: left;}

#index .readmore img {width: 105px;}

.pcbr {display: none;}
.spbr {display: block;}

}