@charset "UTF-8";
#beltbnr {
 display: none;
}
.h_bar{
  display: none;
}
#mainArea{
   width: 960px;	
  letter-spacing: 0;
  line-height: 2;
  margin: 0 auto;
  padding: 0 0 5%;
  overflow: hidden;
}
.top-img {
    width: 900px;
    margin: 0 auto;
}
.lead {
   width: 86%;
    font-size: 1.3rem;
    margin: 8% auto 14%;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
section {
  margin: 5em 0em;
}
.in-blc{
  display: inline-block;
}
.center{
  text-align: center;
}
.f-12 {
  font-size: 1.2rem;
}
.f-13 {
  font-size: 1.3rem;
}
.hr_ {
	margin: 7% 0 0;
    border-bottom: 1px solid #222 !important;
}
.f-y {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}
.b-bl {
	background: #e0f6fc;
	position: relative;
        padding: 0 9%;
}
.about-img {
	display: inline-block;
    width: 48%;
    margin-right: 6%;
    padding: 10% 0;
}
.about-title-img {
	position: absolute;
    width: 420px;
    top: -2%;
    left: 29%;
}
.title-img {
	display: block;
        width: 350px;
    margin: 0 auto 10%;
	-webkit-backface-visibility: hidden;
}
h3 {
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
        font-weight: 800;
        font-size: 1.9rem;
	text-align: center;
	line-height: 1.6;
	margin: 0 0 5%;
}
.img-Area {
       display: inline-block;
       width: 44%;
       margin-right: 9%;
      vertical-align: middle;
}
.marker {
	background: linear-gradient(transparent 50%, #e0f6fc 50%);
}
.cap-area {
	display: inline-block;
        width: 45%;
        margin: 0 auto;
        font-size: 1.3rem;
        vertical-align: middle;
}
.cap-area2 {
	display: inline-block;
        width: 43%;
        margin-right: 7%;
        font-size: 1.2rem;
        vertical-align: middle;
}
.item-img {
	width: 100%;
	margin: 0 auto;
	display: block;
}
.item-img2 {
	display: inline-block;
        width: 48%;
        vertical-align: middle;
}
.variation {
	width: 100%;
        margin: 12% auto 0%;
}
.border-area {
	border-right: 1px solid #222;
        border-left: 1px solid #222;
        margin: 6% 6%;
        padding: 4% 6%;
}
/*///*/
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.img-c img {
	width: 100%;
	-webkit-backface-visibility: hidden;
}
/*///*/
.credit {
    display: inline-block;
    width: 66%;
    vertical-align: middle;
    font-size: 1.2rem;
    line-height: 1.8;
}
/*////*/
.btn_ {
    width: 88px;
    text-align: left;
    line-height: 2.8;
    display: inline-block;
    vertical-align: middle;
}
.btn_ a {
	width: 100%;
    border: 1px solid #111;
    color: #fff;
    background-color: #111;
    text-align: center;
    padding: 0px;
    font-size: 1.2rem;
	letter-spacing: 1px;
    transition: all 0.3s ease 0s;
    display: inline-block;
    text-decoration: none;
	font-family: "Arial";
}
.btn_ a:hover {
    color: #111 !important;
    background-color: #fff;
    border: 1px solid #111;
}
/*////*/
.btn_all {
    width: 450px;
    text-align: left;
    line-height: 4;
    display: block;
    vertical-align: middle;
    margin: 8em auto 6em;
}
.btn_all a {
    width: 100%;
    border: 1px solid #111;
    color: #fff;
    background-color: #111;
    text-align: center;
    padding: 0px;
    font-size: 1.4rem;
    letter-spacing: 1px;
    font-weight: 400;
    transition: all 0.3s ease 0s;
    display: inline-block;
    text-decoration: none;
}
.btn_all a:hover {
    color: #111 !important;
    background-color: #fff;
    border: 1px solid #111;
}