header{ background-color: #fff; border-bottom: 1px solid #ccc;}
.header-container{width: 100%; max-width: 1200px; margin: 0 auto;}
.header-container{color:#000;background-color: #fff; border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;}

.header-inner{padding: 0 1%;}

/*FLEX　左右表示*/
.header-flex{display: flex; flex-flow: row;justify-content: space-between;  background-color: #fff;}
.header-left{}
.header-right{}
.header-left-inner{height: 70px; background-color: #fff;display: flex;align-items: center;}
.header-right-inner{height: 70px; background-color: #fff;display: flex;align-items: flex-end;}


/*display: flex;align-items:*/

/*Footer*/
footer{}
footer{border-top: 1px solid #ccc;background-color: #fff;}
.footer-container{width: 100%; max-width: 1200px;margin: 0 auto;}
.footer-container{background-color: #fff; border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;}
.footer-inner{padding: 0 1%; text-align: center;}
.copy{padding: 100px 0;}/*Test用*/
/*Footer*/

/*Nav*/
nav{}
.global-container{width: 100%;max-width: 1200px; margin: 0 auto;}
/*.nav-inner{padding: 0 1%;}*/
.global-inner {margin: 0;padding: 0; list-style-type: none; display: flex; flex-flow: row;}
.global-inner li{border-left: 1px dotted #ccc;border-right: 1px dotted #ccc;}
.global-inner li a{text-decoration: none; color: #000;display: block; padding: 15px 40px;}
.global-inner li a:hover{background-color: #b6b9bf;}
/*Nav*/

/*contets 900*/
.content-container{margin: 0 auto; width: 100%; max-width: 900px;}
.content-container{border-left: 1px dotted #ccc; border-right: 1px dotted #ccc;}
.content-inner{padding: 0 1%;}

/*-------*/

.align-center{text-align: center;}
.align-left{text-align: left;}
.flex{display: flex;}
.row{flex-flow: row;}
.l-1em{padding-left: 1em;}
.a-set a{text-decoration: none ; color: #000;}
/*TEST用　スペース*/
.space20{padding-top: 20px;}
.space50{padding-top: 50px;}
.space10{padding-top: 10px;}
/*以下　適宜対応*/
.main-container{margin: 0 auto; width: 100%; max-width: 1200px; background-color: #f00;}
.main-inner{padding: 0 1%;background-color: #0f0;}
.top-img{padding: 60px 0;text-align: center;  background-color: #b6b9bf;}


/*サンプル　NEWS用*/
h1 {padding: 0; margin: 0;}
.news-box{border: 1px solid #000; border-radius: 10px; margin: 0 auto;width: 100%; max-width: 600px;}
.news-box-inner{padding: 10px 20px;}
.news-box a{text-decoration: none; color: #000;}
.news-box a:hover{opacity: 0.5;}

.news-box-detail{border: 1px solid #000; border-radius: 10px; margin: 0 auto;width: 100%;}
.news-box-detail-inner{padding: 10px 20px;line-height: 1.8;}

/*サンプル　コンテンツ1*/
.content-box{margin: 0 auto;width: 100%; max-width: 600px;text-align: left;}