@charset "UTF-8";
#beltbnr {
 display: none;
}
.h_bar{
  display: none;
}
#mainArea{
    letter-spacing: 0;
    line-height: 2;
    overflow: hidden;
    margin: 0 auto;
    font-family: yu-gothic-pr6n, sans-serif;
    font-weight: 400;
    font-style: normal;
	background: #ebf2f1;
}
.bnr_ {
	width: 900px;
	margin: 0 auto;
}
section {
   margin: 7em auto 10em;
	position: relative;
}
.left{
  text-align: left;
}
.center{
  text-align: center;
}
.f-n {
    font-family: noto-sans-cjk-jp, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.lead {
    width: 86%;
    font-size: 1.3rem;
    margin: 2em auto 6em;
	text-align: center;
}
h3{
	font-family: futura-pt, sans-serif;
    color: #111;
    font-weight: 500;
    text-align: center;
    font-size: 3.0rem;
	margin: 0 0 1em;
}
/*///*/
.menu_ {
    width: 100%;
    margin: 0 auto;
    padding: 2em 0;
    border-top: 2px solid #111;
    border-bottom: 2px solid #111;
}
.menu_inner {
	width: 340px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.menu_inner a {
	text-decoration: none;
}
.menu_cate {
	width: 160px;
    display: block;
    margin: 0em auto 2em;
}
.menu_btn {
	width: calc(100% / 2);
    margin: 0em auto;
	padding: 0 2%;
}
.item_no {
    width: 70px;
	margin: 0 auto;
}
/*///*/
.item_Area {
	width: 50%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.item_Area img {
	position: relative;
	z-index: 3;
}
/*///*/
.crditArea_ {
	width: 90%;
    margin: 0 auto;
    padding: 0% 0% 20%;
}
.crdit {
    margin-bottom: 15px;
}
.img_area {
	display: block;
    margin: 0 0 3em;
}
.text_area {
	display: inline-block;
    width: 41%;
    margin: 0 auto;
    font-size: 1.3rem;
    vertical-align: middle;
}
/*///*/
.comment_ {
	display: block;
    margin: 2em auto 4em;
    font-size: 1.3rem;
}
/*///*/
.img-c img {
	width: 100%;
	-webkit-backface-visibility: hidden;
}
/*////*/
.button_crdit {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.8;
	margin: 0 0 2em;
}
.button_ {
    width: 100%;
    height: 52px;
    border: solid 1px #111;
    background: #111;
    text-align: center;
    transition: 1s;
    vertical-align: middle;
    display: block;
	margin: 0 auto;
	color: #fff;
	line-height: 51px;
	font-size: 1.5rem;
    letter-spacing: 1px;
    font-weight: 400;
	text-decoration: none;
	font-family: futura-pt, sans-serif;
}
.button_:hover{
    background: #ebf2f1;
	border: solid 2px #111;
	color: #111 !important; 
	transition : .3s;
}
/*///*/
.js-marker {
  display: inline;
  position: relative;
  background-image: linear-gradient(90deg, #111, #111);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 5%;
  transition: all 1s ease-in-out;
  font-weight: bold;
  font-size: 1.5rem;
   line-height: 1.8;
   z-index: 2;
	font-family: noto-sans-cjk-jp, sans-serif;
}
.js-marker.inview {
  background-size: 100% 5%;
}
/*///*/
.js-marker-tate {
  display: inline;
  position: relative;
  background-image: linear-gradient(90deg, #111, #111);
  background-repeat: repeat-y;
  background-position: top right;
  background-size: 5% 0%;
  transition: all 1s ease-in-out;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.8;
  z-index: 2;
  font-family: noto-sans-cjk-jp, sans-serif;
}
/* 発火時 */
.js-marker-tate.inview-tate {
  background-size: 5% 1%;
}
.anime-tx {
  display: block;
  width: 100%;
  overflow: hidden;
}
.anime-tx__content {
  display: inline-block;
  color: #fff;
  line-height: 2.0;
  padding-right: 100%;
  white-space: nowrap;
  animation: animate-banner 240s linear infinite;
}
/* バナー内の要素をすべて選択 */
.anime-tx__content > * {
  display: inline-block;
}
/* 横にスクロールさせるアニメーション */
@keyframes animate-banner {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
.fuchidori {
   font-family: futura-pt, sans-serif;
    color: #ebf2f1;
    font-weight: 500;
    font-size: 80px;
    text-shadow:
           1px 1px 0px #b2b2b2, -1px -1px 0px #b2b2b2,
          -1px 1px 0px #b2b2b2,  1px -1px 0px #b2b2b2,
           1px 0px 0px #b2b2b2, -1px  0px 0px #b2b2b2,
           0px 1px 0px
}
.midashi {
	position: absolute;
    left: 11%;
    top: 4%;
    z-index: 4;
}
.haikei {
	position: absolute;
    z-index: 0;
    top: -17%;
}
.tate {
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.button_link {
	width: 420px;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.content__ {
	width: 840px;
	margin: 0 auto;
}
.m-r {
	margin-right: 8%;
}