@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;
}
.lead {
    width: 900px;
    font-size: 1.4rem;
    text-align: center;
    margin: 5em auto 8em;
}
section {
    margin: 0em auto 10em;
    width: 880px;
}
.bnr_ {
    display: block;
	width: 900px !important;
	margin: 0 auto;
}
.center{
  text-align: center;
}
.f-12 {
  font-size: 1.2rem;
}
.f-y {
	font-family: yu-gothic-pr6n, sans-serif;
	font-weight: 400;
    font-style: normal;
}
.item_no {
    width: 72px;
	margin: 0 auto 2em;
}
/*///*/
.item_Area {
    display: inline-block;
    vertical-align: middle;
    width: 51%;
    position: relative;
}
.cursive {
	width: 50% !important;
    right: -2%;
    bottom: -2%;
    position: absolute;
}
/*///*/
.crditArea_ {
    width: 40%;
	display: inline-block;
    vertical-align: middle;
}
.m-r {
    margin-right: 8%;
}
.crdit {
    margin-bottom: 15px;
}
.img_area {
	display: block;
    margin: 0 0 3em;
}
.text_area {
	display: inline-block;
    width: 40%;
    font-size: 1.3rem;
    vertical-align: middle;
}
/*///*/
.comment_ {
	display: block;
    margin: 4em auto 3em;
    font-size: 1.3rem;
}
/*///*/
.img-c img {
	width: 100%;
	-webkit-backface-visibility: hidden;
}
/*////*/
.button_crdit {
	width: 57%;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.8;
}
.button_ {
    width: 120px;
    height: 42px;
    border: solid 2px #111;
    background: #fff;
    text-align: center;
    transition: 1s;
    vertical-align: middle;
    display: inline-block;
	text-decoration: none;
	line-height: 40px;
	letter-spacing: 1px;
}
.button_:hover{
    background: #111;
	border: solid 2px #111;
	color: #fff !important; 
	transition : .3s;
}
/*///*/
.button_all {
    width: 460px;
    height: 55px;
    border: solid 1px #111;
    background: #111;
    text-align: center;
    transition: 1s;
    vertical-align: middle;
    display: block;
	margin: 0 auto;
	color: #fff;
	line-height: 55px;
	font-size: 1.3rem;
    letter-spacing: 1px;
    font-weight: 400;
	text-decoration: none;
}
.button_all:hover{
    background: #fff;
	border: solid 2px #111;
	color: #111 !important; 
	transition : .3s;
}
/* アニメーション設定 */
.scr-target {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    /* アニメーションのループ回数 - infiniteで無限ループ */
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.scr-target[class*='fadeIn'],
.scr-target[class*='zoom'] {
    opacity: 0;
}
/* フェードイン */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.anime__fadeIn.is-active {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}