html {
	min-height: 1020px;
	overflow-y: scroll;
	zoom: 1;
}
html:before, html:after {
	content: "";
	display: table
}
html:after {
	clear: both
}
html body {
	-webkit-overflow-scrolling: touch
}
html .right-box {
	float: none;
	min-height: 800px;
	margin-left: 150px;
	position: relative;
	padding-top: 80px;
}
@media screen and (max-width:766px) {
	html .right-box {
		margin-left: 0;
		padding: 0 20px
	}
}
html .right-box .lang-box {
	text-align: right;
	max-width: 850px;
	margin-bottom: 50px;
}
@media screen and (max-width:766px) {
	html .right-box .lang-box {
		margin-top: 130px;
		margin-bottom: 0
	}
}
html .right-box .lang-box a {
	color: #ccc
}
html .right-box .lang-box a.active {
	color: #666
}
html .right-box .lang-box a.active:hover {
	color: #ccc
}
html .right-box .lang-box a:hover {
	color: #666
}
html .right-box .box {
	zoom: 1;
	margin-bottom: 120px;
    padding-right: 20px;
}
html .right-box .box:before, html .right-box .box:after {
	content: "";
	display: table
}
html .right-box .box:after {
	clear: both
}
html .right-box .box .in-left {
	float: left;
	width: 130px;
	border-right: solid 1px #000;
	font-size: 14px;
	letter-spacing: .5px;
	color: #000;
}
@media screen and (max-width:766px) {
	html .right-box .box .in-left {
		float: none;
		width: 100%;
		border-right: none;
		border-bottom: solid 1px #000;
		padding-bottom: 20px;
		margin-bottom: 20px
	}
}
html .right-box .box .in-right {
	float: none;
	margin-left: 200px;
	max-width: 850px;
	font-size: 15px;
}
html .right-box .box .in-right p {
	padding-bottom: 20px
}
@media screen and (max-width:766px) {
	html .right-box .box .in-right {
		margin-left: 0;
		width: 100%
	}
}
html .right-box .box .in-right p {
	max-width: 650px;
	letter-spacing: .5px;
	line-height: 28px
}
html .right-box .box .in-right img {
	width: 100%;
	margin: 50px 0
}
@media screen and (max-width:766px) {
	html .right-box .box01 {
		margin-top: 60px
	}
}
html .right-box .box02 dl {
	margin-bottom: 45px;
}
html .right-box .box02 dl dt {
	color: #000;
	font-size: 17px;
	margin-bottom: 10px;
	letter-spacing: .3px
}
html .right-box .box02 dl dd {
	line-height: 22px;
	letter-spacing: .5px
}
html .right-box #contact {
	margin-top: 0;
	padding-top: 50px
}
html .right-box .box03 .in-right img {
	max-width: 640px
}
html .right-box .box03 p.maplink {
	display: inline-block;
	border: solid 1px #000;
	padding: 3px 9px;
	margin-bottom: 50px
}
html .right-box .box03 p.maplink:hover a {
	color: #999
}
html .right-box .box04 .in-left {
	min-height: 290px;
}
@media screen and (max-width:766px) {
	html .right-box .box04 .in-left {
		min-height: 0
	}
}

html .right-box .box04 .in-right {
	position: relative;
	max-width: 650px;
}
html .right-box .box04 .in-right ul {
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between  ;
}
html .right-box .box04 .in-right ul:after {
    content: "";
    display: block;
	width: calc(33% - 22.5px);
    height: 0;
}

@media screen and (max-width:766px) {
	html .right-box .box04 .in-right ul {
		float: none;
		padding-top: 20px
	}
}

html .right-box .box04 .in-right ul li {
	line-height: 1.5;
	letter-spacing: .5px;
    margin-bottom:40px;
	width: calc(33% - 20px);
}

@media screen and (max-width:766px) {
	html .right-box .box04 .in-right ul li {
		margin-bottom:30px;		
		width: calc(50% - 15px);
	}	
}

html .right-box .box04 .in-right ul li .profile__photo {
	padding: 0;
}

html .right-box .box04 .in-right ul li .profile__photo img {
    width:100%;
    height:auto;
    margin:0;
}

html .right-box .box04 .in-right ul li .profile__title {
	font-size: 10px;
	line-height: 12px;
	margin-top: 20px;
	padding-bottom: 8px;
}

html .right-box .box04 .in-right ul li .profile__name {
    font-size: 14px;
}

@media screen and (max-width:766px) {
	html .right-box .box04 .in-right .img-box .text {
		width: 230px;
		margin: auto
	}
}
html .right-box .box04 .in-right .img-box .text .part {
	font-size: 10px;
	line-height: 12px;
	margin-top: 37px;
	padding-bottom: 8px;
}
@media screen and (max-width:766px) {
	html .right-box .box04 .in-right .img-box .text .part {
		margin-top: 17px
	}
}
html .right-box .box04 .in-right .img-box .text .name {
	font-size: 14px;
	padding-bottom: 30px;
}
@media screen and (max-width:766px) {
	html .right-box .box04 .in-right .img-box .text .name {
		padding-bottom: 0
	}
}
html .right-box .box04 .in-right .img-box .text .comment {
	font-size: 12px;
}
@media screen and (max-width:766px) {
	html .right-box .box04 .in-right .img-box .text .comment {
		margin: 0;
		padding: 0
	}
}
@media screen and (max-width:414px) {
	html .right-box .box04 .in-right .img-box .text .comment {
		padding-top: 0;
		margin-left: 0
	}
}
html .right-box .box04 .in-right .img-box.fix {
	position: fixed;
}
@media screen and (max-width:766px) {
	html .right-box .box04 .in-right .img-box.fix {
		top: 100px;
		left: 0
	}
}
@media screen and (max-width:766px) {
	html .right-box .in-right.add ul {
		padding-top: 460px
	}
}
@media screen and (max-width:414px) {
	html .right-box .in-right.add ul {
		padding-top: 270px
	}
}
html .right-box .in-right.add .img-box {
	display: block !important
}