/*-------------------------フォントサイズ等の指定*/ 
body{
  font-family: 'Baskerville', "YuGothic","Yu Gothic",'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 90%;
  text-align: left;
  height:100%;
  padding: 0;
  margin: auto;
}

/*-------------------------wrapperの指定*/ 
#wrapper {
  text-align: left;
  width:100%;
  margin: 0 auto;
  padding: 0;
}

/*-------------------------headerの指定*/ 
#header {
  height: 112px;
  margin: 0;
  padding: 0;
}

/*-------------------------header_innerの指定*/ 
#header_inner {
  padding: 16px;
  margin: 0 auto;
  max-width: 1400px;
  border: 0;
  outline: 0;
  height: 80px;
}

/*-------------------------header_topの指定*/ 
#header_top {
    margin: 0;
    position: relative;
    max-width: 100%;
    border: 0;
    padding: 0;
    outline: 0;
    height: 66px;
}


/*-------------------------header_area1の指定*/ 
#header_area1 {
  height: 80px;
  float: left; 
  width:20%;
  margin: 0;
  padding: 0;
}

/*-------------------------header_area2の指定*/ 
#header_area2 {
  height: 80px;
  float: left; 
  width:60%;
  margin: 0;
  padding: 0;
}

/*-------------------------header_area2の指定*/ 
#brand_logo {
  text-align: center; 
}

/*-------------------------header_area3の指定*/ 
#header_area3 {
  height: 80px;
  float: right;
  text-align:right;
  width:20%;
  margin: 0;
  padding: 0;
}


/*-------------------------contentsの指定*/ 
#contents {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
}

.contents_wrapper{
    
}


/*-------------------------menu_areaの指定*/ 
#menu_area {
  text-align: center; 
}

/*-------------------------breadcrumbs の指定*/ 
.breadcrumbs {
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    color: gray;
}

/*-------------------------p の指定*/
p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

/*-------------------------title の指定*/
.title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-left: 15px;
}

/*-------------------------hタグ関連 の指定*/
h1 {
    font-size: 2.0rem;
    /*margin: 0.67em 0;*/
}
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h1, h2, h3, h4, h5, h6, button, .u-fftime {
    font-family: 'Baskerville', 'YuGothic','Yu Gothic','ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

*, *::before, *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    font-weight: bold;
}


/*-------------------------subtitle の指定*/
.subtitle {
    font-size: 1.5rem;
    margin: 1.0rem 0 0 2.5rem;
    font-weight: bold;
}

/*-------------------------text関連 の指定*/
.text1{
    margin-left: 2.5rem;
}

.text2{
    margin-left: 3.5rem;
}



/*-------------------------footerの指定*/
#footer {
  text-align: center;
  width: 100%;
  height: 200px;
  margin: 0;
  padding: 0.5em 0;
  background: silver;
}


/*-------------------------footer_area1の指定*/ 
#footer_area1 {
  width: 60%;
  height: 20px;
  margin-top:20px;
  margin-bottom:30px;
  margin-left:auto;
  margin-right: auto;
  float:center;
  position:relative;
}

/*-------------------------footer_area2の指定*/ 
#footer_area2 {
  width: 30%;
  height: 50px;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:auto;
  margin-right: auto;
  float:center;
  position:relative;
}