@charset "utf-8";
/*=======================================================
	style
=======================================================*/
#hbm .txtCenter {
	text-align: center;
}
/* メインビジュアル */
#hbm .mv {
	width: 100%;
	position: relative;
	text-align: center;
}
#hbm .mv .mv_tt {
	position: absolute;
	bottom: -100px;
	left: 0;
	right: 0;
	margin: 0;
}
#hbm .mv .mv_tt img {
	width: 1000px;
}
#hbm .mv_txt {
	margin: 140px auto 0 auto;
	font-size: 18px;
	line-height: 1.8;
	text-align: center;
}

#hbm .menu .menu_tt {
	width: 600px;
 	margin: 40px auto 0 auto;
 	padding: 10px 0;
}
#hbm .menu .menu_tt h2 {
	margin: 10px 0;
	font-size: 160%;
}
#hbm .menu_rbb .menu_tt h2 {
  padding: 15px 5px;
  margin: 10px -20px;
  border: solid 3px #66bfbf;
  position:relative;
  text-align: center;
  border-radius: 3px;
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #eaf6f6 50%, #eaf6f6 100%);
}
#hbm .menu_rbb .menu_tt h2:after,
#hbm .menu_rbb .menu_tt h2:before {
  content: '';
  position: absolute;
  bottom: -7px;
  background: #66bfbf;
  border: solid 2px #66bfbf;
  width: 25px;
  height: 20px;
  z-index: -1;
}
#hbm .menu_rbb .menu_tt h2:after {
     left: 2px;
     transform: rotate(120deg);
}
#hbm .menu_rbb .menu_tt h2:before {
    right: 2px;
    transform: rotate(60deg);
}
#hbm .menu_txt {
	text-align: center;
	line-height: 180%;
	margin: 40px auto;
}
#hbm .menu_Box {
	display: flex;
	width: 75%;
	margin: 0 auto;
}
#hbm .menu_Box .mB_Cover {
	width: 33%;
	position: relative;
	z-index: 1;
}
#hbm .menu_Box .mB_Cover a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
}
#hbm .menu_Box .mB_Cover:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}
#hbm .menu_Box .mB {
	border: 3px #f76b8a solid;
	background: #f1e3e6;
	margin: 0 5px;
}
#hbm .menu_Box .triangle {
	margin: 5px;
 	width: 0;
 	height: 0;
 	border-left: 120px solid transparent;
 	border-right: 120px solid transparent;
 	border-top: 30px solid #f76b8a;
}
#hbm .menu_Box .scene {
	background: #f76b8a;
	border-radius : 15px;
	width: 95%;
	margin: 10px auto;
	padding: 5px;
	text-align: center;
	box-sizing: border-box;
	font-size: 120%;
	color: #ffffff;
	font-weight: bold;
}
#hbm .menu_Box .mB_txt {
	margin: 10px;
	font-weight: bold;
	min-height: 40px;
}
#hbm .menu_Box .mB_img {
	margin: 10px;
	background: #ffffff;
	text-align: center;
}
#hbm .main_conts {
	width: 100%;
}
#hbm .cont_Cover {
	width: 1000px;
	background: #f1e3e6;
	margin: 80px auto 40px;
	padding: 40px;
	box-sizing: border-box;
}
#hbm .scene_box {
	display: flex;
	margin: 0 auto 40px;
}
#hbm .scene_box .scene_tt {
	width: 70%;
}
#hbm .scene_box .scene_tt h3 {
	width: 240px;
	background: #f76b8a;
	padding: 5px;
	border-radius: 20px;
	font-size: 160%;
	color: #ffffff;
	text-align: center;
	margin-bottom: 40px;
}
#hbm .scene_box .scene_tt p {
	font-size: 160%;
	font-weight: bold;
}
#hbm .scene_box .scene_img {
	width: 30%;
}

#hbm .scene_desc .desc_tt {
	width: 100%;
	height: 60px;
	font-size: 160%;
	color: #ffffff;
	/*font-weight: bold;*/
	background: #f76b8a;
	padding: 15px 0 0 20px;
	box-sizing: border-box;
	margin: 0 auto;
}
#hbm .scene_desc p {
	margin: 40px auto;
	text-align: center;
	line-height: 160%;
}
#hbm .item_Cover {
	width: 95%;
	background: #ffffff;
	border: 5px #f76b8a solid;
	padding: 40px 40px 20px;
	margin: 40px auto;
	box-shadow: 0px 0px 10px 3px rgba(221, 221, 221, 0.5) inset;
	border-radius: 10px;
	box-sizing: border-box;
}
#hbm .item_Cover .ossm {
	width: 400px;
	margin: 0 auto 40px auto;
 	padding: 15px 5px;
 	border: solid 3px #66bfbf;
	text-align: center;
 	border-radius: 30px;
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #eaf6f6 50%, #eaf6f6 100%);
	color: #000000;
	font-size: 120%;
}
#hbm .item_Cover .cate {
	margin: 60px auto 40px auto;
 	display: flex;
 	align-items: center;
 	justify-content: center;
	font-size: 120%;
	color: #66bfbf;
	font-weight: bold;
}
#hbm .item_Cover .cate:before, 
#hbm .item_Cover .cate:after {
  border-top: 1px solid;
  content: "";
  width: 12em;
}
#hbm .item_Cover .cate:before {
  margin-right: 1em;
}
#hbm .item_Cover .cate:after {
  margin-left: 1em;
}

#hbm .item_Cover .att {
	font-size: 80%;
	text-align: left;
}
#hbm .item_link {
	display: block;
	width: 240px;
	border: 1px #000000 solid;
	margin: 10px auto;
	padding: 10px 0;
	color: #f76b8a;
	text-align: center;
}
#hbm .item_link:hover {
	display: block;
	height: auto;
	background: #eaf6f6;
}
#hbm .bnr {
	margin: 80px auto;
	text-align: center;
}

#hbm .tbl_Cover {
	margin: 40px auto;
}
#hbm .item_tbl {
	display: table;
	width: 100%;
	margin: 0 auto;
}
#hbm .item_tbl .row {
	display:table-row;
}
#hbm .item_tbl .cell {
	display:table-cell;
	width:50%;
	text-align: center;
}
#hbm .item_tbl .cell p {
	margin: 20px auto 0;
	color: #364f6b;
	line-height: 120%;
	text-align: center;	
}

#hbm .item_tbl_1 {
	display: table;
	width: 50%;
	margin: 20px auto;
}
#hbm .item_tbl_1 .row {
	display:table-row;
}
#hbm .item_tbl_1 .cell {
	display:table-cell;
	width: 100%;
	text-align: center;
}
#hbm .item_tbl_1 .cell p {
	margin: 20px auto 0;
	color: #364f6b;
	line-height: 120%;
	text-align: center;	
}
#hbm .item_tbl_1 .cell img {
	width: 50%;
}

/* ===========================================
	MediaQueries
=========================================== */
/* PC----------------------------- */
@media screen and (min-width: 768px){
  #hbm .smp{display:none!important;}
}
/* スマホ----------------------------- */
@media screen and (max-width: 767px){
	#brand_wrap.brand_wrap_btm{padding-bottom: 40px;}
	#hbm .pc{display:none!important;}
	#hbm { width: 100%; margin: 0 auto;}

#hbm img {
	width:100%;
	max-width: 100%;
	height: auto;
}
#hbm .mv .mv_tt {
	position: absolute;
	bottom: -80px;
	left: 0;
	right: 0;
	margin: 0;
}
#hbm .mv_txt {
	margin: 100px auto 0 auto;
	font-size: 18px;
	line-height: 1.8;
	text-align: center;
	width: 98%;
}
#hbm .mv_txt img {
		width: 100%;
} 
#hbm .menu .menu_tt {
	width: 95%;
 	margin: 20px auto 0 auto;
 	padding: 10px 0;
}

#hbm .menu_txt {
	text-align: left;
	line-height: 180%;
	margin: 40px auto;
}
#hbm .menu_Box {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: center;
}
#hbm .menu_Box .mB_Cover {
	width: 50%;
}
#hbm .menu_Box .mB {
	border: 3px #f76b8a solid;
	background: #f1e3e6;
	margin: 0 5px;
}
#hbm .menu_Box .triangle {
	margin: 5px auto 20px auto;
 	width: 0;
 	height: 0;
 	border-style: solid;
 	border-width: 30px 20vw 0 20vw;
 	border-color: #f76b8a transparent transparent transparent;
}

#hbm .cont_Cover {
	width: 100%;
	background: #f1e3e6;
	padding: 40px 15px;
	box-sizing: border-box;
	margin: 40px auto;
}
#hbm .scene_box {
	display: flex;
	margin: 0 auto 40px;
}
#hbm .scene_box .scene_tt {
	width: 70%;
	margin-right: 20px;
}
#hbm .scene_box .scene_tt h3 {
	width: 70%;
	background: #f76b8a;
	padding: 5px;
	border-radius: 20px;
	font-size: 140%;
	color: #ffffff;
	text-align: center;
	margin-bottom: 20px;
}
#hbm .scene_box .scene_tt p {
	font-size: 140%;
	font-weight: bold;
}
#hbm .scene_box .scene_img {
	width: 30%;
}

#hbm .scene_desc .desc_tt {
	width: 100%;
	height: auto;
	font-size: 140%;
	color: #ffffff;
	background: #f76b8a;
	padding: 10px 40px 10px 20px;
	box-sizing: border-box;
	margin: 0 auto;
}
#hbm .scene_desc p {
	margin: 40px auto;
	text-align:  left;
	line-height: 160%;
}
#hbm .item_Cover {
	width: 100%;
	background: #ffffff;
	border: 5px #f76b8a solid;
	padding: 40px 10px 0;
	margin: 40px auto;
	box-shadow: 0px 0px 10px 3px rgba(221, 221, 221, 0.5) inset;
	border-radius: 10px;
	box-sizing: border-box;
}
#hbm .item_Cover .ossm {
	width: 90%;
	margin: 0 auto 40px auto;
 	padding: 15px 5px;
 	border: solid 3px #66bfbf;
	text-align: center;
 	border-radius: 30px;
    background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #eaf6f6 50%, #eaf6f6 100%);
	color: #000000;
	font-size: 120%;
}
#hbm .item_Cover .cate {
	margin: 60px auto 40px auto;
 	display: flex;
 	align-items: center;
 	justify-content: center;
	font-size: 120%;
	color: #66bfbf;
	font-weight: bold;
}
#hbm .item_Cover .cate:before, 
#hbm .item_Cover .cate:after {
  border-top: 1px solid;
  content: "";
  width: 4em;
}
#hbm .item_Cover .item_Box1 {
	width: 50%;
	margin: 0 auto 20px;
	text-align: center;
}
#hbm .item_link {
	display: block;
	width: 95%;
	border: 1px #000000 solid;
	margin: 10px auto;
	padding: 10px 0;
	color: #f76b8a;
	text-align: center;
}
#hbm .item_link:hover {
	display: block;
	height: auto;
	background: #eaf6f6;
}
#hbm .bnr {
	margin: 40px auto 80px auto;
	text-align: center;
}
#hbm .item_tbl_1 .cell img {
	width: 100%;
}
	
}