html,body { margin:0; padding:0; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }
img { vertical-align:middle; }
body * { box-sizing: border-box; }

header { width:100%; display:flex; justify-content: space-between; align-items: center;  }
h1 { text-align:center; width:33%; }
header div { width:33%;  }
header div img { width:100%; height: auto; }
header div:last-child { padding-left:48px; font-size:24px; }

/* */
.flexBox { display:flex; justify-content: space-between; }


/* 運営店舗 */
section#OwnedStore { background-color:#de5718; padding:24px 0; text-align:center; }
section#OwnedStore h2 { color:#FFF; }
section#OwnedStore ul { display:flex; justify-content: center; list-style-type:none; margin:0; padding:0;  }
section#OwnedStore li { margin:0 16px; }

a#cgl { width:90%; max-width:688px; margin:32px auto; text-align:left; background:#f5f1df url("images/bn_cgl_bk.png") no-repeat right 0; border-radius:16px; overflow:hidden; display:flex; justify-content: space-between; align-items: center; text-decoration:none; color:#231815; }
a#cgl div:last-child { padding-right:38px; }

/* 会社概要 */
section#Company { padding:24px 0; text-align:center; }
section#Company h3 { color:#de5718; font-size:32px; }
section#Company .flexBox { width:90%; max-width:800px; margin:0 auto; }
section#Company .flexBox div { width:100%; }
section#Company h4 { background-color:#f5f1df; color:#673b1b; border-left:12px solid #673b1b; text-align:left; padding-left:12px;}

section#Company dl { display:flex; justify-content: space-between; flex-wrap:wrap; text-align:left; }
section#Company dt { width:30%; margin:0; padding:0; }
section#Company dd { width:70%; margin:0; padding:0; font-size:14px; }

/* */
section#contact { background-color:#f5f1df; text-align:center; padding:24px 0;  }
section#contact dl { display:flex; justify-content: space-between; flex-wrap:wrap; text-align:left; width:90%; max-width:1000px; margin:0 auto; }
section#contact dt { width:30%; margin:0; padding:0 0 8px 0; }
section#contact dd { width:70%; margin:0; padding:0 0 8px 0; }
section#contact dd input[type="text"], section#contact dd input[type="email"]  { width:100%; padding:4px;  }
section#contact dd textarea { width:100%; height:6em; padding:4px; }

/* */
footer { background-color:#de5718; color:#FFF; text-align:center; padding:16px 0; }
footer a { color:#FFF; text-decoration:none; }
footer ul { display:flex; justify-content: center; list-style-type:none; margin:0 0 16px 0; padding:0; }
footer li { margin:0; padding:0 12px; border-right:1px solid #FFF; }
footer li:first-child { border-left:1px solid #FFF; }
footer img { margin-bottom:16px; }


@media screen and (max-width: 548px) {

	header { display:block; text-align:center; }
	h1, header div { width:100%; }
	
	section#OwnedStore ul { display:block; }
	section#OwnedStore li { margin:16px 0; }

	a#cgl { display:block; background-image:none; overflow:hidden; }
	a#cgl img { width:100%; }
	a#cgl div:last-child { padding-right:0; text-align:center; }

	section#Company .flexBox { display:block; }
	section#Company .flexBox div { width:100%; }

	footer ul { display:block;  }

}