@charset "UTF-8";
#beltbnr {
 display: none;
}
.h_bar{
  display: none;
}
#mainArea{
    letter-spacing: 0;
    line-height: 2;
    overflow: hidden;
    margin: 0 auto;
    font-weight: 400;
    font-style: normal;
	 font-size: 1.2rem;
}
.bnr_ {
	width: 900px;
	margin: 0 auto;
}
.f-ja {
    font-family: yu-gothic-pr6n, sans-serif;
    font-style: normal;
}
.f-m {
	font-family: superior-title, serif;
}
.f-f {
    font-family: futura-pt, sans-serif;
	font-weight: 400;
    font-style: normal;
}
#mainArea{
    letter-spacing: 0;
    line-height: 2;
    overflow: hidden;
    margin: 0 auto;
    font-weight: 400;
    font-style: normal;
	font-size: 1.3rem;
    background: linear-gradient(#bbc7d6 0%, rgba(233, 235, 237, 0.96) 34.15%, rgba(191, 202, 216, 1) 67.94%, rgba(240, 240, 240, 0.96) 100%);
}
section {
   width: 820px;
   margin: 3em auto 8em;
}
.section-inner {
	margin: 0 auto 5.5em;
}
.lead {
	width: 660px;
    margin: 3em auto 4em;
    font-size: 1.3rem;
    font-weight: 400;
    font-style: normal;
}
.name {
    font-size: 1.8rem;
    margin-top: 2rem;
    font-variation-settings: "wght" 450;
}
/*///*/
.menu_ {
    margin: 3em auto 3em;
    padding: 2em 0;
    background: #ffffffb5;
	border-top: solid 1px #3D3D3D;
	border-bottom: solid 1px #3D3D3D;
}
.menu_inner {
    width: 380px;
    margin: 0 auto;
}
.menu_btn {
    width: 42%;
    display: inline-block;
}
.menu_btn:nth-child(odd){
	margin: 0 10% 0 0;
}
/*///*/
.profileArea {
	position: relative;
	width: 500px;
	margin: 9em auto 11em;
}
.profileArea-inner {
	width: 82%;
    margin: 0 auto;
    padding: 2em 0 0;
}
.profile-back {
    top: 0%;
    right: 0;
    position: absolute;
    width: 12%;
}
h3 {
    display: block;
    font-size: 3.8rem;
    line-height: 1.0;
    color: #222222;
    font-weight: 500;
    margin-bottom: -1px;
}
h3 span {
    display: block;
    font-size: 1.8rem;
    margin-bottom: 8px;
}
h4 {
    display: block;
    font-size: 2.6rem;
    letter-spacing: .8px;
	line-height: 1.5;
    color: #222222;
    border-bottom: solid 1px #3D3D3D;
    margin-bottom: 1em;
    font-variation-settings: 'wght' 300;
}
h4 span {
    font-size: 1.3rem;
	margin-left: 10px;
}
h5{
	font-size: 1.5rem;
	margin-bottom: -0.5em;
}
.po-r {position: relative;}
.icon_ {
	position: absolute;
	width: 18%;
	top: -3%;
	left: -4%;
}
.spec {
	width: 94%;
    margin: 0 auto 4.5em;
    padding: 1.5em 2em;
    background: #ffffffb5;
}
.spec p {
    font-size: 1.4rem;
}
.item_Area {
    width: 48%;
	display: inline-block;
	vertical-align: middle;
}
.item-img {
	width: 92%;
    margin: 0 auto 3em;
    display: block;
}
.text_Area {
    width: 43%;
    display: inline-block;
	vertical-align: middle;
}
.m-r {margin-right: 8%;}
.check {margin: 0 0 3.2em;}
.check-inner {
	margin-bottom: 0.6em;
}
.check-inner img {
	width: 17px;
	margin-right: 3px;
}
.rmp-img {
	margin-bottom: 1.5em;
}
.text-img {
    margin: 3.5em 0 2em;
}
.img-2 {
	width: 49%;
	display: inline-block;
    margin-bottom: 2em;
}
.img-2:nth-child(odd){
	margin-right: 1%
}
/*///*/
.crditArea_ {
    margin: 2em auto 0;
}
.crdit {
    margin-bottom: 15px;
}
.button_crdit {
	width: 69%;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.8;
    font-size: 95%;
}
.button_crdit span {
    background: #ffffffa8;
    padding: 1px 3px;
}
.button_ {
    width: 76px;
    height: 37px;
    border: solid 1px #3D3D3D;
    background: #3D3D3D;
    text-align: center;
    transition: 1s;
    vertical-align: middle;
    display: inline-block;
    color: #fff;
    line-height: 2.8;
    text-decoration: none;
    font-size: 1.3rem;
    letter-spacing: 1px;
    font-family: futura-pt, sans-serif;
}
.button_:hover{
    background: #fff0;
	border: solid 1px #222;
	color: #3D3D3D !important; 
	transition : .3s;
}
/*////*/
.button_all {
    width: 100%;
    height: 48px;
    border: solid 1px #3D3D3D;
    background: #3D3D3D;
    text-align: center;
    transition: 1s;
    vertical-align: middle;
    display: block;
    margin: 3.5em auto 0;
    color: #fff;
    line-height: 48px;
    font-size: 1.5rem;
    letter-spacing: 1px;
    font-weight: 400;
    text-decoration: none;
}
.button_all:hover{
    background: #fff0;
	border: solid 1px #3D3D3D;
	color: #3D3D3D !important; 
	transition : .3s;
}
/*////*/
.button_all2 {
    width: 460px;
    height: 48px;
    border: solid 1px #3D3D3D;
    background: #0ff0;
    text-align: center;
    transition: 1s;
    vertical-align: middle;
    display: block;
    margin: 0 auto 5em;
    color: #3D3D3D;
    line-height: 48px;
    font-size: 1.5rem;
    font-weight: 400;
    text-decoration: none;
}
.button_all2:hover{
    background: #3D3D3D;
	border: solid 1px #3D3D3D;
	color: #fff !important; 
	transition : .3s;
}

/*///*/
.comment_ {
	display: block;
    margin: 4em auto 5em
}
/*////*/
.fade {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 1.5s, transform 1s;
}
.fade.active {
	opacity: 1;
	transform: translateY(0px);
}