@charset "utf-8";
/* CSS Document */
.beroad_keub{
	background-color: #000;
	padding:20px;
}
.beroad_keub p{
	color:#fff;
    font-family: "Sawarabi Mincho";
	font-weight: 100;
}
.beroad_container img{
	width: 80%;
	margin:auto;
}

/* grid指定 */
.beroad_container {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1.5fr 0.3fr 0.3fr 1.5fr;
  grid-template-rows: auto;
}

.item2 {
  grid-column: 2 / 5;
}
.item3 {
  grid-column: 1 / 5;
}
.item5 {
  grid-column: 2 / 5;
}
.item6 {
  grid-column: 4 / 5;
}
.item7 {
  grid-column: 1 / 3;
  grid-row: 4 / 5;
}
.item9 {
  grid-column: 2 / 5;
}
.item11 {
  grid-column: 1 / 3;
}
.item12 {
  grid-column: 3 / 5;
}
.item13 {
  grid-column: 4 / 5;
  grid-row: 7 / 8;
}
.item14 {
  grid-column: 1 / 3;
  grid-row: 7 / 8;
}
.beroad_keub_main{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
}
.beroad_keub_mainrogo {
	margin-top:100px;
	width: 80%;
}

.beroad_keub h3{
    font-family: "Sawarabi Mincho";
	font-weight: 100;
	color:#fff;
	font-size:23px;
	text-align: center;
	border-bottom:solid 1px #fff;
	margin:0px;
	padding:0px;
}
.beroad_keub_text{
	color:#fff;
    font-family: "Sawarabi Mincho";
	font-weight: 100;
	font-size:15px;
	text-align: center;
	line-height: 2;
}
.beroad_keub_box{
    display: flex;
	flex-wrap: wrap;
	justify-content:space-around;
}

.beroad_keub_left_text h4{
	font-family: "Sawarabi Mincho";
	font-weight: 100;
	font-size:23px;
	color: #fff;
	margin: 0px;
}
.beroad_keub_left_text p{
	font-family: "Sawarabi Mincho";
	font-weight: 100;
	font-size:14px;
	color: #fff;
	margin:0px;
	line-height: 1.7;
}
.beroad_keub_a p{
	font-size:16px;
	margin-bottom:5px;
	margin-top:10px;
}
.beroad_komidasi{
	margin:0px;
	font-family: "Sawarabi Mincho";
	font-weight: 100;
	font-size:15px;
	color: #fff;
}

.beroad_keub_right_text h4{
	font-family: "Sawarabi Mincho";
	font-weight: 100;
	font-size:23px;
	color: #fff;
	margin: 0px;
	text-align: right;
}
.beroad_keub_right_text p{
	font-family: "Sawarabi Mincho";
	font-weight: 100;
	font-size:14px;
	color: #fff;
	margin:0px;
	line-height: 1.7;
	text-align: right;
}

.beroad_keub_cap_box{
	border: solid 1px #fff;
	padding:10px;
	margin:10px;
}
.beroad_keub_cap_box_main img{
	width: 130px;
	float:left;
	margin-left:10px;
	margin-right: 20px;
}
.beroad_keub_cap_box_main_title{
	font-size:19px;
	margin:0;
}
.beroad_keub_cap_box_sub_title{
	font-size:13px;
	margin:0;
}
.beroad_keub_cap_box_text_1{
	font-size:18px;
	text-align: center;
}
.beroad_keub_cap_box_text_2{
	font-size:12px;
	float:none;	
	text-align: center;
	margin:0px;
}

@media screen and (max-width: 798px){
	
.beroad_keub_right_text h4{
   text-align: left;		
}
.beroad_keub_right_text p{
	text-align: left;
}
.beroad_container {
	width: 100%;
    grid-template-columns: 1fr;
    grid-template-rows:auto ;
}
.item1 {
	width: 100%;
    grid-column: 1;
    grid-row: auto;
}	
.item2 {
		width: 100%;
    grid-column: 1;
    grid-row: auto;
}
.item3 {
		width: 100%;
    grid-column: 1;
    grid-row: auto;
}
.item4 {
		width: 100%;
    grid-column: 1;
    grid-row: auto;
}
.item5 {
		width: 100%;
    grid-column: 1;
    grid-row: auto;
}
.item6 {
		width: 100%;
    grid-column: 1;
    grid-row: auto;
}
.item7 {
		width: 100%;
    grid-column: 1;
    grid-row: auto;
}
.item8 {
		width: 100%;
    grid-column: 1;
    grid-row: auto;
}
.item9 {
    grid-column: 1;
    grid-row: auto;
}
.item10 {
    grid-column: 1;
    grid-row: auto;
}
.item11 {
    grid-column: 1;
    grid-row: auto;
}
.item12 {
    grid-column: 1;
    grid-row: auto;
}
.item13 {
    grid-column: 1;
    grid-row: auto;
}
.item14 {
    grid-column: 1;
    grid-row: auto;
}

.beroad_keub_mainrogo {
	width: 100%;
	text-align: center;
}
.beroad_keub_mainrogo img{
	width: 90%;
}
.beroad_keub_mainimg{
	text-align: center;	
}
.beroad_keub_mainimg img{
	width: 90%;
	
}
.beroad_keub{
		float:none;
}
.beroad_keub_cap{
	flex-wrap: wrap;
	justify-content:space-around;
}
}