@charset "UTF-8";

/*CSSDocument*/


/* html body base
===============================================================*/


/*
html ----------------------------------------------------------*/

*{ margin:0px; padding:0px;}

body{
  color:#000000;
  margin:0;
  padding:0;
  background:#FFFFFF;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  text-align:center;
  font-size:100%;
  -webkit-text-size-adjust: none;
  position:relative;
}

a:link,
a:visited,
a:hover,
a:active { color:#000;text-decoration:none;}

ul{ list-style:none;}

img {
  padding:0px;
  margin:0px;
  vertical-align:bottom;
  max-width: 100%;
  height: auto;
}
a {
  transition: all 0.5s ease-out;
}
a:hover {
  opacity:0.7;
}

/*
html ----------------------------------------------------------*/
.l-wrap {
	padding-top: 130px;
}
.l-inner {
	max-width: 1200px;
	margin: 0 auto;
  padding: 0 20px;
  box-sizing: content-box;
}
@media screen and (max-width: 690px) {
	.l-wrap {
		padding-top: 50px;
	}
}


.l-contents {
  margin-top: 60px;
  padding-bottom: 200px;
}
.l-contentsCol {
  max-width: 1200px;
  margin: 60px auto 0 auto;
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display : flex;
  box-sizing: content-box;
  padding: 0 20px 200px 20px;
}
.l-contentsCol__left {
  width: calc(100% - 360px);
}
.l-contentsCol__right {
  width: 300px;
  margin-left: 60px;
}


.l-sectionFrame {
}
.l-sectionFrame + .l-sectionFrame {
  margin-top: 100px;
}

@media screen and (max-width: 900px) {
  .l-contents {
    margin-top: 60px;
    padding-bottom: 150px;
  }
  .l-contentsCol {
    margin: 60px auto 0 auto;
    display : block;
    padding: 0 20px 150px 20px;
  }
  .l-contentsCol__left {
    width: 100%;
  }
  .l-contentsCol__right {
    width: 100%;
    margin-left: 0;
    display: none;
  }
}
@media screen and (max-width: 690px) {
  .l-contents {
    margin-top: 40px;
    padding-bottom: 100px;
  }
  .l-contentsCol {
    margin: 40px auto 0 auto;
    display : block;
    padding: 0 20px 100px 20px;
  }
}


/* body base
===============================================================*/