@charset "UTF-8";
#main {
  width: 1104px;
  margin: auto;
  line-height: 1.2;
  font-size: 21px;
  color: #4b4b4b;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
}
/*
共通項目
*/
#bom h2 {
  text-align: center;
  font-size: 1.2em;
}
#bom p {
  margin-top: 1em;
}
#bom section {
  margin-top: 5rem;
}
#bom a {
  color: #4b4b4b;
  text-decoration: none;
}
/*ｈ1*/
#bom h1{
	font-size: 70px;
	margin: 7.5px 0
}
#bom article {
  display: flex;
  justify-content: space-between;
  margin-bottom: 3em;
}
#bom article div {
  text-align: center;
  line-height: 1.7;
}
#bom article div p {
	font-size: 26px;
	margin: 20px 0;
}
/*
リンク集
*/
#bom nav {
  display: flex;
  justify-content: space-around;
  text-align: center;
  margin: 0 0 2rem;
}
#bom nav a {
  width: 300px;
  height: 300px;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
  padding-top: 0rem;
}
#bom nav a:hover {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .3);
}
#bom .menu01 {
  background-image: url("/webImg/html/member/bom/img/menu01.png");
}
#bom .menu02 {
  background-image: url("/webImg/html/member/bom/img/menu02.png");
}
#bom .menu03 {
  background-image: url("/webImg/html/member/bom/img/menu03.png");
}
/*
BOM一括検索機能とは
*/
#bom .red {
  color: #cc0000;
}
/*
お得情報
*/
#bom .otoku {
  background: #cc0000;
  color: #fff;
  padding: 1.5rem 1rem 1.5rem;
}

#bom #function div {
  display: flex;
  justify-content: space-around
}
#bom #function {
     margin: 5rem 0 7rem;
}
#bom #function p {
     margin-top: 2em;
}
#bom #function p {
  display: flex;
  justify-content: space-around
}
#bom #function a:hover {
  border-bottom: solid 3px #20196f;
}
#bom #video {
  text-align: center;
}
#bom #video iframe {
  margin-top: 2em;
}