@charset "utf-8";
/* CSS Document */

.c-kv__product ,.patent__container * {
  word-break: break-all;
  box-sizing: border-box
}
.c-kv__product ,.patent__container {
  font-size: 62.5%
}
.c-kv__product ,.patent__container  {
  font-size: 1.6rem;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #000
}

/* -------- patent kv -------- */
.ky-motif {
	position: absolute;
	z-index: 0;
	top:0;
	right: 0;
}
.ky-motif img {
	max-width: 100%;
}
.c-kv__productImg img {
	max-width: 100%;
}
@media screen and (max-width: 767.9px) {
	.ky-motif {
		width: 90px;
	}
/*.ky-motif img {
	max-width: 80%;
}*/
	.c-kv__productImg {
		width: 100%;
		max-width: 290px;
	}
}

/* -------- patent content -------- */
.patent__container {
	position: relative;
    width: 100%;
    padding: 60px 0 0;
}
.content {
    width: 100%;
    max-width: calc(1200px - 10px);
    margin: 0 auto;
	padding: 0 10px;
}
.patent__title {
    font-size: 1.875rem;
    font-weight: 700;
	text-align: center;
}
.patent-inner {
    width: 100%;
    max-width: calc(1200px - 100px);
    margin: 0 auto;
	padding: 60px 0
}
.top-inner-p {
	width: 100%;
    max-width: calc(1200px - 200px);
    margin: 0 auto;
}
.top-inner-p p {
	font-size: 1.0625rem;/* 1.125rem */
	text-align: justify;
}
.top-inner-p p {
	margin-bottom: 40px;
}
.top-inner-p p:last-child {
	margin-bottom: 0;
}
.top-btn-area {
	margin-top: 60px;
	padding-left: 5%;
	padding-right: 5%;
	width: 100%;
}
.custom___style a:not(.c-button):not(.default-style-none) {
	color: transparent;
    font-weight: 700;
}
.top-btn-area a {
	max-width: 600px;
	min-height: 80px;
	margin: 0 auto;
	padding: 5px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	font-size: 1.6rem!important;
	font-weight: normal!important;
	color: #fff!important;
	cursor: pointer;
	text-align: center;
}
.top-btn-area a:hover {
	opacity: 0.8!important;
	text-decoration: none!important;
}

.user-btn-color a {
	background-color: #0064d2;
}
.partner-btn-color a {
	background-color: #FA9628;
}

.note-area {
	width: 100%;
	margin-top: 100px;
	padding-top: 40px;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 50px;
	background-color: #f7f9fa;
}
@media screen and (max-width: 767.9px) {
.note-area {
	margin-top: 60px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	background-color: #f7f9fa;
}
}
.text-block {
	width: 100%;
}
.text-block p {
	margin: 0;
	font-size: 1.0625rem;
	text-align: justify;
}
.text-block p {
	margin-bottom: 40px;
}
.text-block p:last-child {
	margin-bottom: 0;
}
.text-block p span {
	display: block;
	font-size: 1.1875rem;
	font-weight: bold;
}

.img-size a img {
	max-width: 100%;
}

.none-pc {
	display: none;
}
.none-sp {
	display: block;
}
@media screen and (max-width: 767.9px) {
.none-pc {
	display: block;
}
.none-sp {
	display: none;
}
}