@charset "utf-8";
body {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
body {
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #01479D;
}
.navbar {
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
.navbar {
	margin-bottom: 5px;
}
h1, h2, h3, h4 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.beyond-top-message img:hover, .product03 img:hover {
  opacity: 0.7;
}

/* 文字カラ― */
.txt-blue {
	color: #00326D;
}
.txt-red {
	color: #FF0000;
}
.txt-black {
	color: #333333;
}
.txt-blueb {
	color: #00326D;
	font-weight: 500;
}

/* 画像下 */
.img-under6 {
	padding-bottom: 6px;
}
.img-under15 {
	padding-bottom: 15px;
}
.img-under30 {
	padding-bottom: 30px;
}
.img-under50 {
	padding-bottom: 50px;
}
/* rowボックス上下 */
.row-topunder10 {
	padding-bottom: 10px;
	padding-top: 10px;
}
.row-topunder1530 {
	padding-bottom: 30px;
	padding-top: 15px;
}
.row-top15 {
	padding-top: 15px;
}

/* rowボックス下 */
.row-under6 {
	padding-bottom: 6px;
}
.row-under10 {
	padding-bottom: 10px;
}
.row-under15 {
	padding-bottom: 15px;
}
.row-under20 {
	padding-bottom: 20px;
}
.row-under30 {
	padding-bottom: 30px;
}
.row-under50 {
	padding-bottom: 50px;
}

/* colボックス */
.col-top15 {
	padding-top: 15px;
}
.col-top30 {
	padding-top: 30px;
}
.col-under5 {
	padding-bottom: 5px;
}
.col-under6 {
	padding-bottom: 6px;
}
.col-under10 {
	padding-bottom: 10px;
}
.col-under15 {
	padding-bottom: 15px;
}
.col-under20 {
	padding-bottom: 20px;
}
.col-under30 {
	padding-bottom: 30px;
}
.col-under50 {
	padding-bottom: 50px;
}
/* rowボックスパディングゼロ */
.row-box-padzero {
	margin-right: 0px;
	margin-left: 0px;
}
/* colボックスパディングゼロ */
.col-box-padzero {
	padding-right: 0px;
	padding-left: 0px;
}
.col-box-padallzero {
	padding: 0px;
}
.col-box-rightzero {
	padding-right: 0px;
}
.col-box-leftzero {
	padding-left: 0px;
}
.col-box-rightno {
	padding-right: -15px;
}
.col-box-leftno {
	padding-left: -15px;
}
.col-box-marginzero {
	margin-right: 0px;
	margin-left: 0px;
}
/* ページタイトルバー */
.beyond-main-bar {
	background-color: #A59562;
	margin-bottom: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
}
/* コピー文字詰め */
.beyond-sec-copy-space {
	letter-spacing: -0.8em;
}

.beyond-contents {
	background-color: #FFFFFF;
	margin-bottom: 0px;
}
.beyond-copy {
	font-size: 16px;
	line-height: 26px;
}

.beyond-contents-xs {
	background-color: #F2F2F2;
	margin-bottom: 20px;
}
.beyond-cate-contents {
	background-color: #FFFFFF;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 60px;
}
/* フッター・コピーライト */
.beyond-footer {
	background-color: #707070;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.footer {
	color: #FFF;
	background-color: #707070;
	padding-top: 15px;
	padding-bottom: 15px;
}
.footer a {
	color: #FFFFFF;
}
.footer a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.youtube iframe{
  width: 100%;
}

/* 文章1文字下げ */
p.indentback{
	padding-left:1em;
	text-indent:-1em;
}
/* googleマップ */
.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* ページトップボタン */
.pagetop {
	display: none;
	position: fixed;
	bottom: 3px;
	right: 15px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #01479D;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}

/* 1200px以上でもコンテナを1000に */
@media (min-width:1200px){.container{width:1000px}}


/* ブレイクポイント 992px以上 */
@media (min-width: 992px) {

/* TOPメイン背景 */
.beyond-top-bk-main {
	height: 550px;
	background-size: cover;
	background-image: url(../img/labobeyond_mainimg_xs.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	position: relative;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.main-logo {
	padding-top: 5px;
}
.main-lobo {
	padding-top: 5px;
}
/* TOPセカンド背景 */
.beyond-sec-main {
	margin-bottom: 0px;
	padding-bottom: 0px;
	height: 350px;
	background-size: cover;
	background-image: url(../img/labobeyond_secimg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	position: relative;
}
.beyond-sec-ttl {
	padding-top: 40px;
}
.beyond-sec-copy {
	margin-left: 25px;
	font-size: 18px;
	line-height: 30px;
	font-weight: 500;

}
/* TOPサード背景 */
.beyond-third-main {
	margin-bottom: 0px;
	padding-bottom: 0px;
	height: 700px;
	background-size: cover;
	background-image: url(../img/labobeyond_thirdimg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	position: relative;
}
.beyond-third-ttl {
	font-size: 28px;
	font-weight: 700;
	color: #00489D;
	line-height: 34px;
	padding-top: 20px;
}
/* ヘッダ・本サイトリンク */
.header-link {
	padding-top: 20px;

}
/* TOPカテゴリー */
.beyond-cate-ttl {
	background-color: #01479D;
	color: #FFFFFF;
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	padding-top: 50px;
	padding-right: 15px;
	padding-bottom: 50px;
	padding-left: 15px;
}
.beyond-cate-sub {
	background-color: #EAEAEA;
	color: #01479D;
	font-size: 16px;
	font-weight: 500;
	height: 260px;
	line-height: 28px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}


}

/* ブレイクポイント 991px以下共通 */
@media (max-width: 991px) {

/* 各要素 */

}

/* ブレイクポイント 768px以上-991px以下 */
@media (min-width: 768px) and (max-width: 991px) {

/* TOPメイン背景 */
.beyond-top-bk-main {
	margin-bottom: 0px;
	padding-bottom: 0px;
	height: 450px;
	background-size: cover;
	background-image: url(../img/labobeyond_mainimg_xs.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	position: relative;
}
.main-logo {
	padding-top: 5px;
}
.main-lobo {
	padding-top: 30px;
}
/* TOPセカンド背景 */
.beyond-sec-main {
	margin-bottom: 0px;
	padding-bottom: 0px;
	height: 250px;
	background-size: cover;
	background-image: url(../img/labobeyond_secimg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	position: relative;
}
.beyond-sec-ttl {
	padding-top: 10px;
}
.beyond-sec-copy {
	font-weight: 500;
	line-height: 26px;
}
/* TOPサード背景 */
.beyond-third-main {
	margin-bottom: 0px;
	padding-bottom: 0px;
	height: 500px;
	background-size: cover;
	background-image: url(../img/labobeyond_thirdimg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	position: relative;
}
.beyond-third-ttl {
	font-size: 24px;
	font-weight: 700;
	color: #00489D;
	line-height: 28px;
	padding-top: 10px;
}
/* ヘッダ・本サイトリンク */
.header-link {
	padding-top: 20px;

}

/* TOPカテゴリー */
.beyond-cate-ttl {
	background-color: #01479D;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.beyond-cate-sub {
	background-color: #EAEAEA;
	padding: 15px;
	color: #01479D;
	font-weight: 500;
	height: 236px;
	line-height: 24px;
}



}

/* ブレイクポイント 768px以上 */
@media (min-width: 768px) {

/* 各要素 */

}

/* ブレイクポイント 767px以下共通 */
@media (max-width: 767px) {

/* TOPメイン背景 */
.beyond-top-bk-main {
	margin-bottom: 0px;
	padding-bottom: 0px;
	height: 300px;
	background-size: cover;
	background-image: url(../img/labobeyond_mainimg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	position: relative;
}
.main-logo {
	padding-top: 5px;
}
.main-lobo {
	padding-top: 5px;
}
/* TOPセカンド背景 */
.beyond-sec-main {
	margin-bottom: 0px;
	padding-bottom: 0px;
	background-size: cover;
	background-image: url(../img/labobeyond_secimg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	position: relative;
	height: 200px;
}
.beyond-sec-copy {
	font-weight: 500;
}
/* TOPサード背景 */
.beyond-third-main {
	margin-bottom: 0px;
	padding-bottom: 0px;
	height: 400px;
	background-size: cover;
	background-image: url(../img/labobeyond_thirdimg_xs.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	position: relative;
}
.beyond-third-ttl {
	font-size: 20px;
	font-weight: 700;
	color: #00489D;
	line-height: 24px;
}
/* ヘッダ・本サイトリンク */
.header-link {
	padding-top: 5px;

}

/* TOPカテゴリー */
.beyond-cate-ttl {
	background-color: #01479D;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.beyond-cate-sub {
	background-color: #EAEAEA;
	padding: 15px;
	color: #01479D;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 20px;
}


}

/* ブレイクポイント 600px以上-767px以下 */
@media (min-width: 600px) and (max-width: 767px) {

/* 各要素 */

}

/* ブレイクポイント 599px以下 */
@media (max-width: 599px) {

/* 各要素 */

/* TOP改行無効 */
.top-main-subcopy br {
    display: none;
}

}
/*@media only screen and (max-width: 767px) {
  .rec-band-catch br {
    display: none;
  }
}*/