@charset "UTF-8";
/* ****************************************************
history of bug fix(refactoring)
- 2018-06-15
  - Modified width
- 2018-07-13
  - Change font weight
  - Change color
  - Refactoring an anchor tag
- 2018-07-18
  - Change value
- 2017-07-23
  - Add Style
- 2017-07-26
  - Refactoring
***************************************************** */

a.colorlink {
	color: #00BEFF;
	text-decoration: none;
}
a.colorlink:hover {
	color: rgba(7,145,58,1);
	text-decoration: underline;
}

.imgbox {
	width: 100%;
	padding-top: 2%;
	padding-bottom: 2%;
}
.imgbox img {
	width: 100%;
}
.imgbox_m {
	display: none;
}
.width60 {
	width: 60%;
}
.width50 {
	width: 50%;
}
.width40 {
	width: 40%;
}
.width33 {
	width: 33%;
}


.breadcrumb {
	width: 90%;
	margin: 0 auto;
	padding-top: 1%;
	padding-bottom: 1%;
}
.breadcrumb p {
	font-size: 70%;
	color: rgba(226,28,90,1);
}
.breadcrumb p.linker {
	display: inline;
}
.breadcrumb p.linker span.arrow {
	padding-left: 1em;
	padding-right: 1em;
	font-weight: normal;
	color: #CCC;
}
.breadcrumb p.linker a {
	font-weight: normal;
	text-decoration: none;
	color: #CCC;
}
.breadcrumb p.linker a:hover {
	color: rgba(226,28,90,1);
	text-decoration: underline;
}


.mainimage {
	width: 90%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}
.mainimage .caption {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 95%;
	height: 50%;
}
.mainimage .caption h2 {
	width: 60%;
	font-size: 4vw;
	font-weight: 800;
	line-height: 120%;
	color: #02536c;
	margin-bottom: 2%;
}
.mainimage .caption p {
	width: 60%;
	font-size: 1.6vw;
	font-weight: 300;
	line-height: 140%;
	color: #02536c;
}
.caption_white {
	color: #ffffff!important;
}
.caption_whiteshadow {
	color: #ffffff!important;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
	0px 8px 13px rgba(0,0,0,0.1),
	0px 18px 23px rgba(0,0,0,0.1);
}
.mainimage .photo_wide {
	width: 100%;
}
.mainimage .photo_wide img {
	width: 100%;
}
.mainimage .photo_m {
	display: none;
}

@media screen and (max-width: 767px) {

}

.subnavi {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 90%;
	max-width: 1080px;
	margin: 0 auto;
	height: 2em;
	padding: 0;
	position: relative;
}
.subnavi ul {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	list-style: none;
}
.subnavi ul.flexstart {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	padding: 0;
	list-style: none;
	width: 100%;
	height: 2em;
	margin: 0 auto;
}
.subnavi ul li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	flex: auto;
	text-align: center;
	font-size: 90%;
	font-weight: 400;
}
.longbox {
	width: 120%!important;
}
.tab_comfort {
	border-left: 1px solid #CCC;
	background-color: #FFF;
}
.spacer {
	width: 10%!important;
	border-top: none!important;
	border-right: none!important;
}
.spacer:first-child {
	border-left: none!important;
}
.subnavi ul li:last-child {
	border-right: 1px solid #CCC;
}
.subnavi ul li a {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: auto;
	height: 100%;
	text-align: center;
	line-height: 2.2em;
	font-size: 100%;
	font-weight: 400;
	color: #999;
	text-decoration: none;
}
.subnavi ul li a:hover {
	color: #FFF;
	background-color: rgba(226,28,90,1);
	border-bottom: 1px solid #333;
	text-decoration: none;
}
.subnavi ul li a.active {
	color: #FFF;
	background-color: rgba(226,28,90,1);
	border-bottom: none;
}
.subnavi ul li a h3 {
	font-size: 105%;
	font-weight: 400;
	line-height: 110%;
	margin-top: 0.4em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.subnavi ul li a h3 span.en {
	font-size: 114%;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	color: #000;
}
.subnavi ul li a h3 span.jp {
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	font-size: 72%;
	color: #434343;
}
.subnavi ul li a h3 span.jp {
}
.subnavi ul li a:hover h3 span.en {
	color: #FFF!important;
}
.subnavi ul li a:hover h3 span.jp {
	color: #FFF!important;
}
@media (max-width: 799px) {
	.subnavi {
		height: auto;
		margin: 0 auto;
		margin-top: 5%;
		margin-bottom: 2%;
		border: none;
	}
	.subnavi ul {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 0;
		margin: 0;
		border-top: 1px solid #CCC;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
	}
	.subnavi ul.flexstart {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		padding: 0;
		margin: 0 auto;
		height: auto;
		list-style: none;
	}
	.tab_comfort {
		width: 100%!important;
	}
	.spacer {
		display: none!important;
	}
	.subnavi ul li {
		width: 100%;
		font-size: 90%;
		border: none;
		border-bottom: 1px solid #CCC;
	}
	.subnavi ul li:last-child {
		border-right: none;
	}
	.subnavi ul li a {
		display: block;
		width: 100%;
		text-align: center;
		color: #CCC;
		text-decoration: none;
		background: #FFF;
	}
	.subnavi ul li a:hover {
		color: #FFF;
		background-color: #666;
	}
	.subnavi ul li a.active {
		color: #FFF;
		border-bottom: none;
		background-color: #666;
	}
}


.pagetitle {
	width: 90%;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 7%;
	position: relative;
	border-bottom: 1px solid #DDD;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right 0 top 2em;
}
.pagetitle .breadcrumb {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	margin-bottom: 6%;
	background: none;
}
.pagetitle .breadcrumb p {
	font-size: 70%;
	color: #006cbf;
}
.pagetitle .breadcrumb p.linker {
	display: inline;
}
.pagetitle .breadcrumb p.linker span.arrow {
	padding-left: 1em;
	padding-right: 1em;
	font-weight: normal;
	color: #CCC;
}
.pagetitle .breadcrumb p.linker a {
	font-weight: normal;
	text-decoration: none;
	color: #CCC;
}
.pagetitle .breadcrumb p.linker a:hover {
	color: #006cbf;
	text-decoration: underline;
}
.pagetitle .inner {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 4%;
	position: relative;
}
.pagetitle .inner h1 {
	font-weight: 300;
	font-size: 200%;
	line-height: 120%;
}
.pagetitle .inner h1.en {
	font-family: 'Lato', sans-serif;
	font-size: 300%;
	font-weight: 300;
	line-height: 120%;
}
.pagetitle .inner h1 span {
	display: block;
	font-size: 50%;
	color: #999999;
}
.pagetitle .inner h2 {
	font-weight: 200;
	font-size: 90%;
	line-height: 120%;
	margin-bottom: 3%;
}
.pagetitle .inner .btnbox3 {
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 20%;
}
.pagetitle .inner .btnbox3 a.button {
	margin: 0!important;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	background-color: #333;
	color: #FFF;
	text-decoration: none;
	behavior: url('PIE.htc');/* for IE */
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.pagetitle .inner .btnbox3 a.button:hover {
	text-decoration: none;
}
.pagetitle .inner .btnbox3 a.button span.icon {
	width: 7%;
	margin-right: 1%;
}
.pagetitle .inner .btnbox3 a.button span.icon img {
	width: 100%;
}
.pagetitle .inner .btnbox3 a.button span.text {
	font-size: 80%;
	font-weight: 500;
	line-height: 1em;
	text-align: left;
}
.pagetitle .inner .btnbox3 a.button span.telno {
	font-family: 'Lato', sans-serif;
	font-size: 120%;
	font-weight: 500;
	line-height: 1em;
	margin-left: 2%;
}
.telbtn {
	display: none;
}



@media screen and (max-width: 767px) {
	.pagetitle {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		margin-bottom: 10%;
		position: relative;
		border-bottom: 1px solid #DDD;
		background-repeat: no-repeat;
		background-size: auto 350px;
		background-position: right -202px top -30px;
	}
	.pagetitle .breadcrumb {
		width: 90%;
		margin: 0 auto;
		padding: 0;
		margin-bottom: 7%;
		background: none;
	}
	.pagetitle .breadcrumb p {
		font-size: 75%;
		color: #B0443F;
	}
	.pagetitle .breadcrumb p.linker {
		display: inline;
	}
	.pagetitle .breadcrumb p.linker span.arrow {
		padding-left: 0.5em;
		padding-right: 0.5em;
		font-weight: normal;
		color: #999;
	}
	.pagetitle .breadcrumb p.linker a {
		font-weight: normal;
		text-decoration: none;
		color: #999;
	}
	.pagetitle .breadcrumb p.linker a:hover {
		color: #B0443F;
		text-decoration: underline;
	}
	.pagetitle .inner {
		position: relative;
		width: 90%;
		margin: 0 auto;
		margin-bottom: 7%;
	}
	.pagetitle .inner h1 {
		font-weight: 300;
		font-size: 150%;
		line-height: 120%;
	}
	.pagetitle .inner h2 {
		font-weight: 200;
		font-size: 100%;
		line-height: 120%;
		margin-bottom: 5%;
	}
	.pagetitle .inner .btnbox3 {
		display: none;
	}
	.telbtn {
		display: block;
	}
}




.topcaption {
	width: 90%;
	margin: 0 auto;
}
.topcaption h2 {
	font-family: 'Lato', sans-serif;
	font-size: 220%;
	font-weight: 400;
	color: #02536c;
	margin-bottom: 2%;
}
.topcaption p {
	font-size: 120%;
	font-weight: 400;
	line-height: 160%;
	margin-bottom: 1em;
}
.topcaption p:last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.topcaption {
		width: 90%;
		margin: 0 auto;
	}
	.topcaption h2 {
		font-family: 'Lato', sans-serif;
		font-size: 180%;
		font-weight: 400;
		color: #02536c;
		margin-bottom: 2%;
	}
	.topcaption p {
		font-size: 100%;
		font-weight: 400;
		line-height: 160%;
		margin-bottom: 1em;
	}
	.topcaption p:last-child {
		margin-bottom: 0;
	}
}


.headlinebox {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 10%;
}
.headlinebox .item {
	width: 100%;
	margin-bottom: 5%;
}
.headlinebox .item:last-child {
	margin-bottom: 0;
}
.headlinebox .item h2 {
	font-family: 'Lato', sans-serif;
	font-size: 2.9vw;
	font-weight: 400;
	color: #02536c;
	margin-bottom: 2%;
}
.headlinebox .item p {
	font-size: 1.3vw;
	font-weight: 300;
	margin-bottom: 2%;
}
.headlinebox .item p:last-child {
	margin-bottom: 0;
}
.headlinebox .item .readmore {
	height: 1.2em;
	text-align: center;
	padding-left: 1.5em;
	padding-right: 1.5em;
	behavior: url(border-radius.htc);
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border: 2px solid #999999;
	font-size: 90%;
	font-weight: 300;
	line-height: 1.2em;
	color: #999999;
}
.headlinebox .item .readmore:hover {
	border: none;
	background-color: #333333;
	color: #ffffff;
	text-decoration: none;
}

@media screen and (max-width: 767px) {
	.headlinebox {
		width: 90%;
		margin: 0 auto;
		margin-bottom: 10%;
	}
	.headlinebox .item {
		width: 100%;
		margin-bottom: 10%;
	}
	.headlinebox .item:last-child {
		margin-bottom: 0;
	}
	.headlinebox .item h2 {
		font-family: 'Lato', sans-serif;
		font-size: 7vw;
		font-weight: 400;
		color: #02536c;
		margin-bottom: 2%;
	}
	.headlinebox .item p {
		font-size: 4vw;
		font-weight: 300;
		margin-bottom: 5%;
	}
	.headlinebox .item p:last-child {
		margin-bottom: 0;
	}
	.headlinebox .item .readmore {
		height: 1.2em;
		text-align: center;
		padding-left: 1.5em;
		padding-right: 1.5em;
		behavior: url(border-radius.htc);
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		-moz-border-radius-bottomright: 10px;
		-moz-border-radius-bottomleft: 10px;
		border: 2px solid #999999;
		font-size: 90%;
		font-weight: 300;
		line-height: 1.2em;
		color: #999999;
	}
	.headlinebox .item .readmore:hover {
		border: none;
		background-color: #333333;
		color: #ffffff;
		text-decoration: none;
	}
}


.cabinet {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 5%;
	border-bottom: 1px solid #cccccc;
}
.cabinet:last-child {
	border-bottom: none;
}
.cabinet h2 {
	font-family: 'Lato', sans-serif;
	font-size: 240%;
	font-weight: 400;
	color: #02536c;
	margin-bottom: 5%;
}
.cabinet .appeal {
	width: 100%;
	margin-bottom: 8%;
}
.cabinet .appeal p {
	font-size: 120%;
	font-weight: 400;
	line-height: 160%;
	margin-bottom: 1em;
}
.cabinet .appeal p:last-child {
	margin-bottom: 0;
}
.cabinet .contents {
	width: 100%;
	margin-bottom: 5%;
}
.cabinet .contents .blocktitle {
	margin-bottom: 3%;
}
.cabinet .contents .blocktitle span {
	font-size: 140%;
	font-weight: 400;
	color: #02536c;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #02536c;
}
.cabinet .contents .blocktitle span a {
}
.cabinet .contents .blocktitle span a:hover {
	color: rgba(226,28,90,1);
	text-decoration: none;
}
.cabinet .contents p {
	font-weight: 300;
	line-height: 160%;
	margin-bottom: 1em;
}
.cabinet .contents h3 {
	margin-bottom: 3%;
}
.cabinet .contents h3 .product {
	font-family: 'Lato', sans-serif;
	font-size: 160%;
	font-weight: 400;
	color: #02536c;
	padding-bottom: 0.2em;
	border-bottom: 1px solid #02536c;
}
.cabinet .contents h3 .alert {
	font-size: 100%;
	font-weight: 300;
	color: #02536c;
	margin-left: 2em;
}

.cabinet .contents .numsection {
	width: 100%;
	margin-bottom: 3%;
}
.cabinet .contents .numsection h4 {
	font-size: 120%;
	font-weight: 400;
	line-height: 140%;
	margin-bottom: 2%;
}
.cabinet .contents .numsection h4 a {
	color: rgba(226,28,90,1);
	text-decoration: underline;
	margin-left: 0.2em;
	margin-right: 0.2em;
}
.cabinet .contents .numsection p {
	font-size: 90%;
	font-weight: 300;
	line-height: 150%;
	margin-bottom: 1em;
}
.cabinet .contents .numsection p.innerproductname {
	font-size: 100%;
	font-weight: 400;
	line-height: 150%;
	margin-bottom: 1em;
}
.cabinet .contents .numsection .photo {
	width: 15%;
	margin-bottom: 2%
}
.cabinet .contents .numsection .photo img {
	width: 100%;
}
.cabinet .contents .numsection ul.step {
	list-style: decimal;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1.5em;
}
.cabinet .contents .numsection ul.step li {
	font-size: 110%;
	font-weight: 300;
	line-height: 150%;
	margin-bottom: 1em;
}
.cabinet .contents .numsection ul.step li a {
	color: rgba(226,28,90,1);
	text-decoration: underline;
	margin-left: 0.2em;
	margin-right: 0.2em;
}
.cabinet .contents .numsection a.readmore {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 20%;
	border: 1px solid #333;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	behavior: url(border-radius.htc);
	font-size: 100%;
	font-weight: 400;
	line-height: 120%;
	color: #999;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 2%;
}
.widebtn {
	width: 40%!important;
}
.cabinet .contents .numsection a.readmore:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: rgba(226,28,90,1);
	border-color: rgba(226,28,90,1);
}
.cabinet .contents .numsection .caution {
	margin-top: 3%;
}
.cabinet .contents .numsection .caution .cautionhd {
	width: 6em;
	border: 1px solid #999;
	font-size: 90%;
	font-weight: 600;
	line-height: 120%;
	padding: 0.2%;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-bottom: 1%;
	text-align: center;
}
.cabinet .contents .numsection .caution p {
	font-size: 90%!important;
	font-weight: 300!important;
	line-height: 140%!important;
}

.cabinet .contents .numsection .innerflexbox {
	width: 98%;
	overflow: hidden;
	margin-left: 2%;
	margin-bottom: 3%;
}
.cabinet .contents .numsection .innerflexbox .item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	float: left;
	width : 23%;
	margin-right: 2%;
	padding: 1%;
	border: 1px solid #ccc;
}
.cabinet .contents .numsection .innerflexbox .item:nth-child(3n) {
	margin-right: 0;
}
.cabinet .contents .numsection .innerflexbox .item .model {
	font-size: 90%;
	font-weight: 600;
	color: #02536c;
	text-align: center;
}
.cabinet .contents .numsection .innerflexbox .item .photo {
	width: 70%;
	margin: 0 auto;
}
.cabinet .contents .numsection .innerflexbox .item .photo img {
	width: 100%;
}
.cabinet .contents .numsection .innerflexbox .item .name {
	font-size: 90%;
	font-weight: 400;
	color: #02536c;
	text-align: center;
}
.cabinet .contents .numsection .innerflexbox .item .description {
	font-size: 90%;
	font-weight: 300;
	margin-bottom: 0.1em!important;
}
.cabinet .contents .numsection .innerflexbox .item a {
	font-size: 80%;
	font-weight: 300;
	text-decoration: underline;
}

.innerdl {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 98%;
	margin-left: 2%;
}
.innerdl .line {
	margin-bottom: 0.5%;
	overflow: hidden;
}
.innerdl .line .head {
	float: left;
	font-size: 90%;
	font-weight: 600;
	width: 15%;
}
.innerdl .line .description {
	float: left;
	width: 83%;
	margin-left: 2%;
	font-size: 90%;
	font-weight: 300;
	line-height: 140%;
}


.cabinet .contents .point {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 98%;
	margin-left: 2%;
	margin-top: 3%;
	margin-bottom: 5%;
}
.cabinet .contents .point .item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	line-height: 120%;
	margin-bottom: 1em;
}
.cabinet .contents .point .item .head {
	font-weight: 600;
	width: 15%;
}
.cabinet .contents .point .item .description {
	width: 85%;
	margin-left: 2em;
	font-weight: 300;
	line-height: 140%;
}
.cabinet .contents .point .item .head2 {
	font-weight: 600;
	width: 40%;
}
.cabinet .contents .point .item .description2 {
	width: 60%;
	margin-left: 2em;
	font-weight: 300;
	line-height: 160%;
}


.cabinet .contents .point_inner {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	width: 98%;
	margin-left: 2%;
	margin-top: 3%;
	margin-bottom: 5%;
}
.cabinet .contents .point_inner .item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	line-height: 120%;
	margin-bottom: 1em;
}
.cabinet .contents .point_inner .item .head {
	font-size: 90%;
	font-weight: 600;
	width: 25%;
}
.cabinet .contents .point_inner .item .description {
	width: 75%;
	margin-left: 2em;
	font-size: 90%;
	font-weight: 300;
	line-height: 140%;
}

.cabinet .contents .subproduct {
	width: 98%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	font-size: 100%;
	line-height: 120%;
	margin-bottom: 4%;
}
.cabinet .contents .subproduct .head {
	font-family: 'Lato', sans-serif;
	font-size: 150%;
	font-weight: 300;
	color: #02536c;
	width: 40%;
}
.cabinet .contents .subproduct .description {
	width: 60%;
	margin-left: 2em;
	font-weight: 300;
}

.cabinet .contents .qaindex {
	width: 100%;
	margin-top: 5%;
	margin-bottom: 5%;
	border: 1px solid #ccc;
	background-color: rgba(226,28,90,0.1);
	background-color: rgba(0, 0, 0, 0.02);
	padding: 2%;
}
.cabinet .contents .qaindex li {
	width: 100%;
	margin-bottom: 1em;
	overflow: hidden;
}
.cabinet .contents .qaindex li span.q {
	float: left;
	width: 5%;
	font-family: 'Lato', sans-serif;
	font-size: 100%;
	font-weight: 300;
	line-height: 140%;
	color: #e21c5a;
}
.cabinet .contents .qaindex li span.headline {
	float: right;
	width: 95%;
	margin-left: 0%;
}
.cabinet .contents .qaindex li span.headline a {
	font-size: 85%;
	font-weight: 300;
	line-height: 140%;
	text-decoration: underline;
}
.cabinet .contents .qaindex li span.headline a:hover {
	color: #e21c5a;
}

.cabinet .contents .qabody {
	width: 100%;
	margin-top: 5%;
	margin-bottom: 5%;
}
.cabinet .contents .qabody .item {
	margin-bottom: 3%;
	padding: 2%;
	border: 1px solid #ccc;
}
.cabinet .contents .qabody .item .question {
	padding-bottom: 0.2em;
	border-bottom: 1px solid #ccc;
	margin-bottom: 2%;
	overflow: hidden;
}
.cabinet .contents .qabody .item .question .no {
	float: left;
	width: 7%;
	font-family: 'Lato', sans-serif;
	font-size: 120%;
	font-weight: 600;
	line-height: 140%;
	color: #e21c5a;
}
.cabinet .contents .qabody .item .question .title {
	float: right;
	width: 93%;
	font-size: 100%;
	font-weight: 400;
	line-height: 140%;
}
.cabinet .contents .qabody .item .answer {
	overflow: hidden;
}
.cabinet .contents .qabody .item .answer .ahd {
	float: left;
	width: 7%;
	font-family: 'Lato', sans-serif;
	font-size: 100%;
	font-weight: 600;
	line-height: 140%;
	color: #999;
}
.cabinet .contents .qabody .item .answer .ans {
	float: right;
	width: 93%;
	font-size: 100%;
	font-weight: 300;
	line-height: 140%;
}
.cabinet .contents .qabody .item .answer .ans a {
	text-decoration: underline;
	margin-left: 0.2em;
	margin-right: 0.2em;
	color: #e21c5a;
}

.cabinet .contents .fig {
	width: 100%;
	margin-top: 3%;
	margin-bottom: 2%;
}
.width70 {
	width: 70%!important;
}
.width60 {
	width: 60%!important;
}
.width50 {
	width: 50%!important;
}
.padding0 {
	padding-bottom: 0!important;
}


.cabinet .contents .fig img {
	width: 100%;
}


.cabinet .contents .value {
	width: 100%;
	margin-bottom: 2%;
}
.cabinet .contents .value .headline {
	font-size: 110%;
	font-weight: 600;
	margin-bottom: 0.5em;
}
.cabinet .contents .value .description {
	font-weight: 300;
}


.cabinet .valueicons {
	width: 100%;
	margin-bottom: 5%;
}
.cabinet .valueicons .line {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}
.cabinet .valueicons .line .icon {
	width : calc(100% / 13) ;
	min-width: 8%;
	margin-right: 1%;
	margin-bottom: 1%;
}
.cabinet .valueicons .line .icon::nth-child(12n) {
	margin-right: 0;
}
.cabinet .valueicons .line .icon img {
	width: 100%;
}


.cabinet .flexcabinet {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}
.cabinet .flexcabinet .item {
	width: 30%;
	margin-right: 5%;
}
.cabinet .flexcabinet .item:nth-child(3n) {
	margin-right: 0;
}
.cabinet .flexcabinet .item .pict {
	width: 40%;
	margin: 0 auto;
	margin-bottom: 2%;
}
.cabinet .flexcabinet .item .pict img {
	width: 100%;
}
.cabinet .flexcabinet .item .title {
	font-size: 120%;
	font-weight: 300;
	text-align: center;
	margin-bottom: 2em;
}
.cabinet .flexcabinet .item .value {
	font-size: 110%;
	font-weight: 600;
	text-align: center;
	color: #02536c;
	margin-bottom: 1em;
}
.cabinet .flexcabinet .item .caption {
	font-size: 100%;
	font-weight: 300;
	line-height: 140%;
}

.cabinet .flexcabinet_text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	margin-bottom: -5%;
	overflow: hidden;
}
.cabinet .flexcabinet_text .item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 30%;
	border: 1px solid #cccccc;
	padding: 2%;
	margin-right: 5%;
	margin-bottom: 5%;
}
.cabinet .flexcabinet_text .item:nth-child(3n) {
	margin-right: 0;
}
.cabinet .flexcabinet_text .item .title {
	font-family: 'Lato', sans-serif;
	font-size: 200%;
	font-weight: 300;
	line-height: 100%;
	letter-spacing: -0.05em;
	color: #999999;
	margin-bottom: 5%;
}
.cabinet .flexcabinet_text .item .value {
	font-size: 110%;
	font-weight: 600;
	color: #02536c;
	margin-bottom: 1em;
}
.cabinet .flexcabinet_text .item .caption {
	font-size: 100%;
	font-weight: 300;
	line-height: 140%;
}

@media screen and (max-width: 767px) {
	.cabinet {
		width: 90%;
		margin: 0 auto;
		padding-bottom: 5%;
		border-bottom: 1px solid #cccccc;
	}
	.cabinet:last-child {
		border-bottom: none;
	}
	.cabinet h2 {
		font-family: 'Lato', sans-serif;
		font-size: 180%;
		font-weight: 400;
		color: #02536c;
		margin-bottom: 5%;
	}
	.cabinet .appeal {
		width: 100%;
		margin-bottom: 10%;
	}
	.cabinet .appeal p {
		font-size: 100%;
		font-weight: 400;
		line-height: 160%;
		margin-bottom: 1em;
	}
	.cabinet .appeal p:last-child {
		margin-bottom: 0;
	}
	.cabinet .contents {
		width: 100%;
		margin-bottom: 20%;
	}
	.cabinet .contents p {
		font-weight: 300;
		line-height: 160%;
		margin-bottom: 1em;
	}
	.cabinet .contents h3 {
		margin-bottom: 5%;
	}
	.cabinet .contents h3 .product {
		font-family: 'Lato', sans-serif;
		font-size: 140%;
		font-weight: 400;
		line-height: 140%;
		color: #02536c;
		padding-bottom: 0.2em;
		border-bottom: 1px solid #02536c;
	}
	.cabinet .contents h3 .alert {
		display: block;
		font-size: 100%;
		font-weight: 300;
		color: #02536c;
		margin: 0;
		margin-top: 2%;
	}

	.cabinet .contents .numsection {
		width: 100%;
		margin-bottom: 10%;
	}
	.cabinet .contents .numsection h4 {
		font-size: 110%;
		font-weight: 400;
		line-height: 140%;
		margin-bottom: 5%;
	}
	.cabinet .contents .numsection h4 a {
		color: rgba(226,28,90,1);
		text-decoration: underline;
		margin-left: 0.2em;
		margin-right: 0.2em;
	}
	.cabinet .contents .numsection p {
		font-size: 90%;
		font-weight: 300;
		line-height: 150%;
		margin-bottom: 1em;
	}
	.cabinet .contents .numsection p.innerproductname {
		font-size: 100%;
		font-weight: 400;
		line-height: 150%;
		margin-bottom: 1em;
	}
	.cabinet .contents .numsection .photo {
		width: 15%;
		margin-bottom: 2%
	}
	.cabinet .contents .numsection .photo img {
		width: 100%;
	}
	.cabinet .contents .numsection ul.step {
		list-style: decimal;
		margin-top: 1em;
		margin-bottom: 1em;
		margin-left: 1.5em;
	}
	.cabinet .contents .numsection ul.step li {
		font-size: 110%;
		font-weight: 300;
		line-height: 150%;
		margin-bottom: 1em;
	}
	.cabinet .contents .numsection ul.step li a {
		color: rgba(226,28,90,1);
		text-decoration: underline;
		margin-left: 0.2em;
		margin-right: 0.2em;
	}
	.cabinet .contents .numsection a.readmore {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		width: 50%;
		border: 1px solid #333;
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
		border-radius: 1em;
		behavior: url(border-radius.htc);
		font-size: 80%;
		font-weight: 400;
		line-height: 120%;
		color: #999;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		margin-bottom: 5%;
	}
	.widebtn {
		width: 40%!important;
	}
	.cabinet .contents .numsection a.readmore:hover {
		text-decoration: none;
		color: #ffffff;
		background-color: rgba(226,28,90,1);
		border-color: rgba(226,28,90,1);
	}
	.cabinet .contents .numsection .caution {
		margin-top: 3%;
	}
	.cabinet .contents .numsection .caution .cautionhd {
		width: 6em;
		border: 1px solid #999;
		font-size: 90%;
		font-weight: 600;
		line-height: 120%;
		padding: 0.2%;
		padding-left: 0.5em;
		padding-right: 0.5em;
		margin-bottom: 1%;
		text-align: center;
	}
	.cabinet .contents .numsection .caution p {
		font-size: 90%!important;
		font-weight: 300!important;
		line-height: 140%!important;
	}

	.cabinet .contents .numsection .innerflexbox {
		width: 98%;
		overflow: hidden;
		margin-left: 2%;
		margin-bottom: 3%;
	}
	.cabinet .contents .numsection .innerflexbox .item {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		float: left;
		width : 23%;
		margin-right: 2%;
		padding: 1%;
		border: 1px solid #ccc;
	}
	.cabinet .contents .numsection .innerflexbox .item:nth-child(3n) {
		margin-right: 0;
	}
	.cabinet .contents .numsection .innerflexbox .item .model {
		font-size: 90%;
		font-weight: 600;
		color: #02536c;
		text-align: center;
	}
	.cabinet .contents .numsection .innerflexbox .item .photo {
		width: 70%;
		margin: 0 auto;
	}
	.cabinet .contents .numsection .innerflexbox .item .photo img {
		width: 100%;
	}
	.cabinet .contents .numsection .innerflexbox .item .name {
		font-size: 90%;
		font-weight: 400;
		color: #02536c;
		text-align: center;
	}
	.cabinet .contents .numsection .innerflexbox .item .description {
		font-size: 90%;
		font-weight: 300;
		margin-bottom: 0.1em!important;
	}
	.cabinet .contents .numsection .innerflexbox .item a {
		font-size: 80%;
		font-weight: 300;
		text-decoration: underline;
	}

	.innerdl {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		width: 98%;
		margin-left: 2%;
	}
	.innerdl .line {
		margin-bottom: 0.5%;
		overflow: hidden;
	}
	.innerdl .line .head {
		float: left;
		font-size: 90%;
		font-weight: 600;
		width: 15%;
	}
	.innerdl .line .description {
		float: left;
		width: 83%;
		margin-left: 2%;
		font-size: 90%;
		font-weight: 300;
		line-height: 140%;
	}


	.cabinet .contents .point {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		width: 98%;
		margin-left: 2%;
		margin-top: 3%;
		margin-bottom: 5%;
	}
	.cabinet .contents .point .item {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		line-height: 120%;
		margin-bottom: 5%;
	}
	.cabinet .contents .point .item .head {
		display: block;
		font-size: 90%;
		font-weight: 600;
		width: 100%;
		margin-bottom: 2%;
	}
	.cabinet .contents .point .item .description {
		display: block;
		width: 100%;
		margin-left: 0;
		font-size: 90%;
		font-weight: 300;
		line-height: 140%;
	}
	.cabinet .contents .point .item .head2 {
		display: block;
		font-size: 90%;
		font-weight: 600;
		width: 100%;
		margin-bottom: 2%;
	}
	.cabinet .contents .point .item .description2 {
		display: block;
		width: 100%;
		margin-left: 0;
		font-size: 90%;
		font-weight: 300;
		line-height: 160%;
	}


	.cabinet .contents .point_inner {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		width: 98%;
		margin-left: 2%;
		margin-top: 3%;
		margin-bottom: 5%;
	}
	.cabinet .contents .point_inner .item {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		line-height: 120%;
		margin-bottom: 5%;
	}
	.cabinet .contents .point_inner .item .head {
		display: block;
		font-size: 90%;
		font-weight: 600;
		width: 100%;
		margin-bottom: 3%;
	}
	.cabinet .contents .point_inner .item .description {
		display: block;
		width: 100%;
		margin-left: 0;
		font-size: 90%;
		font-weight: 300;
		line-height: 140%;
	}

	.cabinet .contents .subproduct {
		width: 98%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		font-size: 100%;
		line-height: 120%;
		margin-bottom: 4%;
	}
	.cabinet .contents .subproduct .head {
		display: block;
		font-family: 'Lato', sans-serif;
		font-size: 120%;
		font-weight: 300;
		color: #02536c;
		width: 100%;
		margin-bottom: 2%;
	}
	.cabinet .contents .subproduct .description {
		display: block;
		width: 100%;
		margin-left: 0;
		font-weight: 300;
	}

	.cabinet .contents .qaindex {
		width: 100%;
		margin-top: 5%;
		margin-bottom: 5%;
		border: 1px solid #ccc;
		background-color: rgba(226,28,90,0.1);
		background-color: rgba(0, 0, 0, 0.02);
		padding: 2%;
	}
	.cabinet .contents .qaindex li {
		width: 100%;
		margin-bottom: 1em;
		overflow: hidden;
	}
	.cabinet .contents .qaindex li span.q {
		float: left;
		width: 5%;
		margin-right: 5%;
		font-family: 'Lato', sans-serif;
		font-size: 90%;
		font-weight: 300;
		line-height: 140%;
		color: #e21c5a;
		padding-top: 0.4em;
	}
	.cabinet .contents .qaindex li span.headline {
		float: right;
		width: 90%;
		margin-left: 0%;
	}
	.cabinet .contents .qaindex li span.headline a {
		font-size: 85%;
		font-weight: 300;
		line-height: 140%;
		text-decoration: underline;
	}
	.cabinet .contents .qaindex li span.headline a:hover {
		color: #e21c5a;
	}

	.cabinet .contents .qabody {
		width: 100%;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	.cabinet .contents .qabody .item {
		margin-bottom: 3%;
		padding: 2%;
		border: 1px solid #ccc;
	}
	.cabinet .contents .qabody .item .question {
		padding-bottom: 0.2em;
		border-bottom: 1px solid #ccc;
		margin-bottom: 2%;
		overflow: hidden;
	}
	.cabinet .contents .qabody .item .question .no {
		float: left;
		width: 10%;
		margin-right: 5%;
		font-family: 'Lato', sans-serif;
		font-size: 120%;
		font-weight: 600;
		line-height: 140%;
		color: #e21c5a;
	}
	.cabinet .contents .qabody .item .question .title {
		float: right;
		width: 85%;
		font-size: 100%;
		font-weight: 400;
		line-height: 140%;
	}
	.cabinet .contents .qabody .item .answer {
		overflow: hidden;
	}
	.cabinet .contents .qabody .item .answer .ahd {
		float: left;
		width: 10%;
		margin-right: 5%;
		font-family: 'Lato', sans-serif;
		font-size: 100%;
		font-weight: 600;
		line-height: 140%;
		color: #999;
	}
	.cabinet .contents .qabody .item .answer .ans {
		float: right;
		width: 85%;
		font-size: 90%;
		font-weight: 300;
		line-height: 140%;
	}
	.cabinet .contents .qabody .item .answer .ans a {
		text-decoration: underline;
		margin-left: 0.2em;
		margin-right: 0.2em;
		color: #e21c5a;
	}

	.cabinet .contents .fig {
		width: 100%;
		margin-top: 3%;
		margin-bottom: 2%;
	}
	.width70 {
		width: 70%!important;
	}
	.width60 {
		width: 60%!important;
	}
	.width50 {
		width: 50%!important;
	}
	.padding0 {
		padding-bottom: 0!important;
	}


	.cabinet .contents .fig img {
		width: 100%;
	}


	.cabinet .contents .value {
		width: 100%;
		margin-bottom: 2%;
	}
	.cabinet .contents .value .headline {
		font-size: 110%;
		font-weight: 600;
		margin-bottom: 0.5em;
	}
	.cabinet .contents .value .description {
		font-weight: 300;
	}


	.cabinet .valueicons {
		width: 100%;
		margin-bottom: 5%;
	}
	.cabinet .valueicons .line {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		-ms-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
	}
	.cabinet .valueicons .line .icon {
		width : calc(100% / 13) ;
		min-width: 8%;
		margin-right: 1%;
		margin-bottom: 1%;
	}
	.cabinet .valueicons .line .icon::nth-child(12n) {
		margin-right: 0;
	}
	.cabinet .valueicons .line .icon img {
		width: 100%;
	}


	.cabinet .flexcabinet {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: flex-start;
		-ms-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
	}
	.cabinet .flexcabinet .item {
		width: 30%;
		margin-right: 5%;
	}
	.cabinet .flexcabinet .item:nth-child(3n) {
		margin-right: 0;
	}
	.cabinet .flexcabinet .item .pict {
		width: 40%;
		margin: 0 auto;
		margin-bottom: 2%;
	}
	.cabinet .flexcabinet .item .pict img {
		width: 100%;
	}
	.cabinet .flexcabinet .item .title {
		font-size: 120%;
		font-weight: 300;
		text-align: center;
		margin-bottom: 2em;
	}
	.cabinet .flexcabinet .item .value {
		font-size: 110%;
		font-weight: 600;
		text-align: center;
		color: #02536c;
		margin-bottom: 1em;
	}
	.cabinet .flexcabinet .item .caption {
		font-size: 100%;
		font-weight: 300;
		line-height: 140%;
	}

	.cabinet .flexcabinet_text {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		-ms-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		margin-bottom: -5%;
		overflow: hidden;
	}
	.cabinet .flexcabinet_text .item {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 30%;
		border: 1px solid #cccccc;
		padding: 2%;
		margin-right: 5%;
		margin-bottom: 5%;
	}
	.cabinet .flexcabinet_text .item:nth-child(3n) {
		margin-right: 0;
	}
	.cabinet .flexcabinet_text .item .title {
		font-family: 'Lato', sans-serif;
		font-size: 200%;
		font-weight: 300;
		line-height: 100%;
		letter-spacing: -0.05em;
		color: #999999;
		margin-bottom: 5%;
	}
	.cabinet .flexcabinet_text .item .value {
		font-size: 110%;
		font-weight: 600;
		color: #02536c;
		margin-bottom: 1em;
	}
	.cabinet .flexcabinet_text .item .caption {
		font-size: 100%;
		font-weight: 300;
		line-height: 140%;
	}
}






.productline {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 5%;
}
.productline h2 {
	margin-bottom: 2%;
}
.productline h2 .en {
	display: block;
	font-family: 'Work Sans', sans-serif;
	font-size: 240%;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -0.05em;
	color: rgba(226,28,90,0.3);
	margin-bottom: 0.3%;
}
.productline h2 .jp {
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 120%;
	font-weight: 300;
	color: #999;
}

.productline .products {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	margin-bottom: -5%;
}
.productline .products .item {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 30%;
	max-width: 30%;
	margin-right: 5%;
	margin-bottom: 5%;
	padding: 2%;
	border: 1px solid #ccc;
}
.productline .products .item:nth-child(3n) {
	margin-right: 0;
}
.productline .products .item .productlogo {
	width: 100%;
	margin-bottom: 2%;
}
.productline .products .item .productlogo img {
	width: 100%;
	margin: 0 auto;
}
.productline .products .item p {
	width: 100%;
	margin: 0 auto;
	font-size: 100%;
	font-weight: 400;
	line-height: 140%;
}



.productappeal {
	width: 100%;
}
.productappeal h2 {
	margin-bottom: 5%;
}
.productappeal h2 .en {
	display: block;
	font-family: 'Work Sans', sans-serif;
	font-size: 380%;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: -0.05em;
	color: rgba(226,28,90,0.3);
	margin-bottom: 0.3%;
}
.productappeal h2 .jp {
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 150%;
	font-weight: 300;
	color: #999;
}
.productappeal .mysql {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	width: 100%;
	margin-bottom: 5%;
}
.productappeal .mysql .photo {
	width: 50%;
}
.productappeal .mysql .photo img {
	width: 100%;
}
.productappeal .mysql .caption {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 50%;
	padding: 2%;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}
.productappeal .mysql .caption h3 {
	font-size: 190%;
	font-weight: 400;
	line-height: 120%;
	margin-bottom: 4%;
}
.productappeal .mysql .caption p {
	width: 80%;
	font-size: 110%;
	font-weight: 400;
	line-height: 140%;
	margin-bottom: 5%;
}
.productappeal .mysql .caption .logo {
	width: 33%;
	margin-bottom: 5%;
}
.productappeal .mysql .caption .logo img {
	width: 100%;
}
.productappeal .mysql .caption a.readmore {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 40%;
	border: 1px solid #333;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	behavior: url(border-radius.htc);
	font-family: 'Lato', sans-serif;
	font-size: 100%;
	font-weight: 400;
	line-height: 120%;
	color: #999;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.productappeal .mysql .caption a.readmore:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: rgba(226,28,90,1);
	border-color: rgba(226,28,90,1);
}

.productappeal .mysqlsolution {
	width: 100%;
	background-color: #666666;
	padding-top: 5%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 10%;
	position: relative;
	margin-bottom: 10%;
}
.productappeal .mysqlsolution h3 {
	font-size: 200%;
	font-weight: 400;
	line-height: 120%;
	color: #ffffff;
	text-align: center;
	margin-bottom: 2%;
}
.productappeal .mysqlsolution p {
	font-size: 100%;
	font-weight: 300;
	line-height: 140%;
	color: #ffffff;
	text-align: center;
	margin-bottom: 5%;
}
.productappeal .mysqlsolution .subproduct {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 90%;
	position: absolute;
	top: 60%;
}
.productappeal .mysqlsolution .subproduct .item {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 40%;
	background-color: #ffffff;
	border: 1px solid #999;
	padding: 2%;
}
.productappeal .mysqlsolution .subproduct .item:hover {
	color: rgba(226,28,90,1);
	text-decoration: none;
}
.productappeal .mysqlsolution .subproduct .item h4 {
	font-size: 150%;
	font-weight: 400;
	line-height: 120%;
	margin-bottom: 8%;
}
.productappeal .mysqlsolution .subproduct .item .logo {
	width: 45%;
	margin-right: 0;
	margin-left: auto;
}
.productappeal .mysqlsolution .subproduct .item .logo img {
	width: 100%;
}

.productappeal .security {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 5%;
}
.productappeal .security .left {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 48%;
	height: 34vh;
	border: 1px solid #999;
	padding: 3%;
	position: relative;
}
.productappeal .security .left:hover {
	color: rgba(226,28,90,1);
	text-decoration: none;
}
.productappeal .security .left h3 {
	display: block;
	font-size: 200%;
	font-weight: 400;
	line-height: 120%;
	margin-bottom: 5%;
}
.productappeal .security .left p {
	display: block;
	font-size: 110%;
	font-weight: 400;
	line-height: 140%;
	margin-bottom: 5%;
}
.productappeal .security .left .logo {
	position: absolute;
	bottom: 5%;
	right: 5%;
	width: 40%;
}
.productappeal .security .left .logo img {
	width: 100%;
}
.productappeal .security .right {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 48%;
	position: relative;
}
.productappeal .security .right .item {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 15vh;
	border: 1px solid #999;
	padding: 3%;
	margin-bottom: 5%;
	position: absolute;
}
.productappeal .security .right .item:hover {
	color: rgba(226,28,90,1);
	text-decoration: none;
}
.productappeal .security .right .item:first-child {
	top: 0;
}
.productappeal .security .right .item:last-child {
	bottom: 0;
	margin: 0;
}
.productappeal .security .right .item h3 {
	display: block;
	font-size: 160%;
	font-weight: 400;
	line-height: 120%;
	margin-bottom: 2%;
}
.productappeal .security .right .item .logo {
	display: block;
	margin-left: auto;
	margin-right: 0;
	width: 30%;
}
.productappeal .security .right .item .logo img {
	width: 100%;
}


.productappeal .communication {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 5%;
	position: relative;
	border: 1px solid #999;
	padding: 3%;
}
.productappeal .communication:hover {
	color: rgba(226,28,90,1);
	text-decoration: none;
}
.productappeal .communication .caption {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 5%;
}
.productappeal .communication .caption h3 {
	display: block;
	width: 40%;
	font-size: 200%;
	font-weight: 400;
	line-height: 120%;
}
.productappeal .communication .caption p {
	display: block;
	width: 60%;
	font-size: 110%;
	font-weight: 400;
	line-height: 140%;
}
.productappeal .communication .logo {
	width: 30%;
	margin-left: auto;
	margin-right: 0%;
	margin-top: auto;
	margin-bottom: 0%;
}
.productappeal .communication .logo img {
	width: 100%;
}


.productappeal .cloudservice {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 5%;
}
.productappeal .cloudservice .left {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 48%;
	border: 1px solid #999;
	padding: 3%;
	position: relative;
}
.productappeal .cloudservice .left:hover {
	color: rgba(226,28,90,1);
	text-decoration: none;
}
.productappeal .cloudservice .left h3 {
	display: block;
	font-size: 180%;
	font-weight: 400;
	line-height: 120%;
	margin-bottom: 5%;
}
.productappeal .cloudservice .left .logo {
	margin-left: auto;
	margin-right: 0%;
	margin-top: auto;
	margin-bottom: 0%;
	width: 50%;
}
.productappeal .cloudservice .left .logo img {
	width: 100%;
}
.productappeal .cloudservice .right {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 48%;
	border: 1px solid #999;
	padding: 3%;
	position: relative;
}
.productappeal .cloudservice .right:hover {
	color: rgba(226,28,90,1);
	text-decoration: none;
}
.productappeal .cloudservice .right h3 {
	display: block;
	font-size: 180%;
	font-weight: 400;
	line-height: 120%;
	margin-bottom: 5%;
}
.productappeal .cloudservice .right .logo {
	margin-left: auto;
	margin-right: 0%;
	margin-top: auto;
	margin-bottom: 0%;
	width: 35%;
}
.productappeal .cloudservice .right .logo img {
	width: 100%;
}


@media screen and (max-width: 767px) {
	.productappeal {
		width: 100%;
	}
	.productappeal h2 {
		margin-bottom: 5%;
	}
	.productappeal h2 .en {
		display: block;
		font-family: 'Work Sans', sans-serif;
		font-size: 300%;
		font-weight: 700;
		line-height: 100%;
		letter-spacing: -0.05em;
		color: rgba(226,28,90,0.3);
		margin-bottom: 2%;
	}
	.productappeal h2 .jp {
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 120%;
		font-weight: 300;
		color: #999;
	}
	.productappeal .mysql {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 3%;
	}
	.productappeal .mysql .photo {
		width: 100%;
	}
	.productappeal .mysql .photo img {
		width: 100%;
	}
	.productappeal .mysql .caption {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		padding: 2%;
		border: 1px solid #999;
	}
	.productappeal .mysql .caption h3 {
		font-size: 190%;
		font-weight: 400;
		line-height: 120%;
		margin-bottom: 4%;
	}
	.productappeal .mysql .caption p {
		width: 80%;
		font-size: 110%;
		font-weight: 400;
		line-height: 140%;
		margin-bottom: 5%;
	}
	.productappeal .mysql .caption .logo {
		width: 33%;
		margin-bottom: 5%;
	}
	.productappeal .mysql .caption .logo img {
		width: 100%;
	}
	.productappeal .mysql .caption a.readmore {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		width: 40%;
		border: 1px solid #333;
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
		border-radius: 1em;
		behavior: url(border-radius.htc);
		font-family: 'Lato', sans-serif;
		font-size: 100%;
		font-weight: 400;
		line-height: 120%;
		color: #999;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		margin-bottom: 5%;
	}
	.productappeal .mysql .caption a.readmore:hover {
		text-decoration: none;
		color: #ffffff;
		background-color: rgba(226,28,90,1);
		border-color: rgba(226,28,90,1);
	}

	.productappeal .mysqlsolution {
		width: 100%;
		background-color: #666666;
		padding-top: 5%;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 10%;
		position: relative;
		margin-bottom: 20%;
	}
	.productappeal .mysqlsolution h3 {
		font-size: 150%;
		font-weight: 400;
		line-height: 120%;
		color: #ffffff;
		text-align: center;
		margin-bottom: 5%;
	}
	.productappeal .mysqlsolution p {
		font-size: 100%;
		font-weight: 300;
		line-height: 140%;
		color: #ffffff;
		text-align: center;
		margin-bottom: 10%;
	}
	.productappeal .mysqlsolution .subproduct {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 100%;
		margin: 0 auto;
		position: static;
	}
	.productappeal .mysqlsolution .subproduct .item {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 5%;
		background-color: #ffffff;
		border: 1px solid #999;
		padding: 2%;
	}
	.productappeal .mysqlsolution .subproduct .item:last-child {
		margin-bottom: 0;
	}
	.productappeal .mysqlsolution .subproduct .item:hover {
		color: rgba(226,28,90,1);
		text-decoration: none;
	}
	.productappeal .mysqlsolution .subproduct .item h4 {
		font-size: 130%;
		font-weight: 400;
		line-height: 120%;
		margin-bottom: 8%;
	}
	.productappeal .mysqlsolution .subproduct .item .logo {
		width: 35%;
		margin-right: 0;
		margin-left: auto;
	}
	.productappeal .mysqlsolution .subproduct .item .logo img {
		width: 100%;
	}

	.productappeal .security {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		width: 100%;
		margin-bottom: 20%;
	}
	.productappeal .security .left {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		height: auto;
		border: 1px solid #999;
		padding: 3%;
		position: relative;
		margin-bottom: 5%;
	}
	.productappeal .security .left:hover {
		color: rgba(226,28,90,1);
		text-decoration: none;
	}
	.productappeal .security .left h3 {
		display: block;
		font-size: 150%;
		font-weight: 400;
		line-height: 120%;
		margin-bottom: 5%;
	}
	.productappeal .security .left p {
		display: block;
		font-size: 100%;
		font-weight: 400;
		line-height: 140%;
		margin-bottom: 5%;
	}
	.productappeal .security .left .logo {
		position: static;
		margin-right: 0;
		margin-left: auto;
		width: 35%;
	}
	.productappeal .security .left .logo img {
		width: 100%;
	}
	.productappeal .security .right {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		position: relative;
	}
	.productappeal .security .right .item {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		height: auto;
		border: 1px solid #999;
		padding: 3%;
		margin-bottom: 5%;
		position: static;
	}
	.productappeal .security .right .item:hover {
		color: rgba(226,28,90,1);
		text-decoration: none;
	}
	.productappeal .security .right .item:first-child {
	}
	.productappeal .security .right .item:last-child {
		margin-right: 0;
		margin-left: auto;
	}
	.productappeal .security .right .item h3 {
		display: block;
		font-size: 150%;
		font-weight: 400;
		line-height: 120%;
		margin-bottom: 2%;
	}
	.productappeal .security .right .item .logo {
		display: block;
		margin-left: auto;
		margin-right: 0;
		width: 35%;
	}
	.productappeal .security .right .item .logo img {
		width: 100%;
	}

	.productappeal .communication {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 5%;
		position: relative;
		border: 1px solid #999;
		padding: 3%;
		margin-bottom: 20%;
	}
	.productappeal .communication:hover {
		color: rgba(226,28,90,1);
		text-decoration: none;
	}
	.productappeal .communication .caption {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		width: 100%;
		margin-bottom: 5%;
	}
	.productappeal .communication .caption h3 {
		display: block;
		width: 100%;
		font-size: 150%;
		font-weight: 400;
		line-height: 120%;
		margin-bottom: 5%;
	}
	.productappeal .communication .caption p {
		display: block;
		width: 100%;
		font-size: 100%;
		font-weight: 400;
		line-height: 140%;
		margin-bottom: 5%;
	}
	.productappeal .communication .logo {
		width: 50%;
		margin-left: auto;
		margin-right: 0;
	}
	.productappeal .communication .logo img {
		width: 100%;
	}

	.productappeal .cloudservice {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 20%;
	}
	.productappeal .cloudservice .left {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		border: 1px solid #999;
		padding: 3%;
		position: relative;
		margin-bottom: 5%;
	}
	.productappeal .cloudservice .left:hover {
		color: rgba(226,28,90,1);
		text-decoration: none;
	}
	.productappeal .cloudservice .left h3 {
		display: block;
		font-size: 150%;
		font-weight: 400;
		line-height: 120%;
		margin-bottom: 5%;
	}
	.productappeal .cloudservice .left .logo {
		margin-left: auto;
		margin-right: 0;
		width: 50%;
	}
	.productappeal .cloudservice .left .logo img {
		width: 100%;
	}
	.productappeal .cloudservice .right {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		border: 1px solid #999;
		padding: 3%;
		position: relative;
	}
	.productappeal .cloudservice .right:hover {
		color: rgba(226,28,90,1);
		text-decoration: none;
	}
	.productappeal .cloudservice .right h3 {
		display: block;
		font-size: 150%;
		font-weight: 400;
		line-height: 120%;
		margin-bottom: 5%;
	}
	.productappeal .cloudservice .right .logo {
		margin-left: auto;
		margin-right: 0;
		width: 35%;
	}
	.productappeal .cloudservice .right .logo img {
		width: 100%;
	}

}

.solutionlist {
	width: 100%;
}
.solutionlist h2 {
	text-align: center;
	margin-bottom: 3%;
}
.solutionlist h2 .en {
	display: block;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 240%;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 0.5%;
}
.solutionlist h2 .jp {
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 120%;
	font-weight: 300;
	color: #999;
}
.solutionlist p {
	font-size: 100%;
	font-weight: 300;
	line-height: 160%;
	margin-bottom: 0.2em;
}

.solutionlist .thumbnail {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.solutionlist .thumbnail .item {
	width: 32%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	margin-right: 2%;
	margin-bottom: 2%;
	padding: 1%;
	border: 1px solid #dddddd;
	border-top: 4px solid #e21c5a;
}
.solutionlist .thumbnail .noitem {
	width: 30%;
	pointer-events: none;
}

.solutionlist .thumbnail .item:hover {
	text-decoration: none!important;
}

.solutionlist .thumbnail .item:nth-child(3n) {
	margin-right: 0;
}
.solutionlist .thumbnail .item .caption {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin-top: 5%;
}
.solutionlist .thumbnail .item .caption h3 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 140%;
	line-height: 100%;
	margin-bottom: 4%;
}
.solutionlist .thumbnail .item .caption h3 .big {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 400%;
	line-height: 1em;
}
.solutionlist .thumbnail .item .caption h3 .small {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 100%;
	line-height: 120%;
}
.solutionlist .thumbnail .item .caption h3 .small .jp {
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 70%;
	line-height: 100%;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	margin-top: 0.2em;
}
.initial_d {
	color: rgba(226,28,90,1)!important;
}
.initial_c {
	color: rgba(42,41,133,1)!important;
}
.initial_r {
	color: rgba(99,173,27,1)!important;
}

.solutionlist .thumbnail .item p {
	font-size: 85%;
	font-weight: 300;
	line-height: 160%;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: left!important;
}
.solutionlist .thumbnail .item p:hover {
	text-decoration: none!important;
	color: #000000!important;
}

@media screen and (max-width: 767px) {
	.solutionlist {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 100%;
		position: relative;
		margin-bottom: 20%;
	}
	.solutionlist .caption {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 90%;
		margin: 0 auto;
		position: relative;
	}
	.solutionlist .caption h2 {
		font-size: 180%;
		font-weight: 400;
		line-height: 120%;
		margin-bottom: 2em;
		text-align: center;
	}
	.solutionlist .caption p {
		font-size: 100%;
		font-weight: 300;
		line-height: 160%;
		text-align: center;
	}
	.solutionlist .thumbnail {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.solutionlist .thumbnail .item {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		margin: 0 auto;
		margin-bottom: 5%;
		padding: 5%;
		border: 1px solid #dddddd;
		border-top: 4px solid #e21c5a;
	}
	.solutionlist .thumbnail .noitem {
		display: none;
	}

	.solutionlist .thumbnail .item:hover {
		text-decoration: none!important;
	}

	.solutionlist .thumbnail .item:nth-child(3n) {
		margin-bottom: 0;
	}
	.solutionlist .thumbnail .item .caption {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		margin-top: 5%;
	}
	.solutionlist .thumbnail .item .caption h3 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		-ms-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		font-family: 'Lato', sans-serif;
		font-weight: 300;
		font-size: 140%;
		line-height: 100%;
		margin-bottom: 4%;
	}
	.solutionlist .thumbnail .item .caption h3 .big {
		font-family: 'Lato', sans-serif;
		font-weight: 300;
		font-size: 300%;
		line-height: 1em;
	}
	.solutionlist .thumbnail .item .caption h3 .small {
		font-family: 'Lato', sans-serif;
		font-weight: 300;
		font-size: 100%;
		line-height: 120%;
	}
	.solutionlist .thumbnail .item .caption h3 .small .jp {
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 400;
		font-size: 70%;
		line-height: 100%;
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
		margin-top: 0.2em;
	}
	.initial_d {
		color: rgba(226,28,90,1)!important;
	}
	.initial_c {
		color: rgba(42,41,133,1)!important;
	}
	.initial_r {
		color: rgba(99,173,27,1)!important;
	}

	.solutionlist .thumbnail .item p {
		font-size: 85%;
		font-weight: 300;
		line-height: 160%;
		margin-top: 1em;
		margin-bottom: 1em;
		text-align: left!important;
	}
	.solutionlist .thumbnail .item p:hover {
		text-decoration: none!important;
		color: #000000!important;
	}
}


.usecase {
	width: 100%;
}
.usecase h2 {
	text-align: center;
	margin-bottom: 3%;
}
.usecase h2 .en {
	display: block;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 240%;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 0.5%;
}
.usecase h2 .jp {
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 120%;
	font-weight: 300;
	color: #999;
}
.usecase p {
	font-size: 100%;
	font-weight: 300;
	line-height: 160%;
	margin-bottom: 0.2em;
}

.usecase .thumbnail {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.usecase .thumbnail .item {
	width: 32%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	padding: 0;
	margin: 0;
	flex-grow: 1;
	position: relative;
}
.usecase .thumbnail .noitem {
	width: 30%;
	pointer-events: none;
}

.usecase .thumbnail .item:hover {
	text-decoration: none!important;
}
.usecase .thumbnail .item:nth-child(3n) {
	margin-right: 0;
}
.usecase .thumbnail .item .photo {
	display: block;
	width: 100%;
}
.usecase .thumbnail .item .photo img {
	width: 100%;
	vertical-align: bottom;
	display: block;
}
.usecase .thumbnail .item .caption {
	display: block;
	position: absolute;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	line-height: 2em;
	padding-right: 5%;
}
.usecase .thumbnail .item .caption h3 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 140%;
	line-height: 2em;
	color: #ffffff;
	text-align: right;
}

.usecase .thumbnail .item p {
	font-size: 85%;
	font-weight: 300;
	line-height: 160%;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: left!important;
}
.usecase .thumbnail .item p:hover {
	text-decoration: none!important;
	color: #000000!important;
}

@media screen and (max-width: 767px) {
	.usecase {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
		width: 100%;
		position: relative;
		margin-bottom: 20%;
	}
	.usecase .caption {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
		width: 90%;
		margin: 0 auto;
		position: relative;
	}
	.usecase .caption h2 {
		font-size: 180%;
		font-weight: 400;
		line-height: 120%;
		margin-bottom: 2em;
		text-align: center;
	}
	.usecase .caption p {
		font-size: 100%;
		font-weight: 300;
		line-height: 160%;
		text-align: center;
	}
	.usecase .thumbnail {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.usecase .thumbnail .item {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-justify-content: flex-start;
		-ms-justify-content: flex-start;
		justify-content: flex-start;
		padding: 0;
		margin: 0;
		margin-right: 0;
		margin-bottom: 5%;
		position: relative;
	}
	.usecase .thumbnail .item .photo {
		display: block;
		width: 100%;
	}
	.usecase .thumbnail .item .photo img {
		width: 100%;
		vertical-align: bottom;
		display: block;
	}
	.usecase .thumbnail .item .caption {
		position: absolute;
		background-color: rgba(0, 0, 0, 0.5);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		margin-top: 0%;
		padding: 3%;
	}
	.usecase .thumbnail .item .caption h3 {
		margin: auto;
		font-size: 90%;
		font-weight: 600;
		line-height: 120%;
		text-align: left;
		color: #ffffff;
	}
	.usecase .thumbnail .item p {
		font-size: 80%;
		font-weight: 300;
		line-height: 160%;
		margin-top: 1em;
		margin-bottom: 1em;
		text-align: left!important;
	}
}


.column {
	width: 100%;
}
.column h2 {
	text-align: center;
	margin-bottom: 3%;
}
.column h2 .en {
	display: block;
	text-align: center;
	font-family: 'Lato', sans-serif;
	font-size: 240%;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 0.5%;
}
.column h2 .jp {
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 120%;
	font-weight: 300;
	color: #999;
}
.column p {
	font-size: 100%;
	font-weight: 300;
	line-height: 160%;
	margin-bottom: 0.2em;
}

.column .thumbnail {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.column .thumbnail .item {
	width: 23%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	border: 1px solid #dddddd;
	padding: 2%;
	margin: 0;
	margin-right: 2%;
	margin-bottom: 2%;
	flex-grow: 1;
	position: relative;
}
.column .thumbnail .noitem {
	width: 23%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	border: none;
	padding: 2%;
	margin: 0;
	margin-right: 2%;
	margin-bottom: 2%;
	flex-grow: 1;
	position: relative;
	pointer-events: none;
}

.column .thumbnail .item:hover {
	text-decoration: none!important;
	color: #000000;
	border-top: 1px solid #e21c5a;
}
.column .thumbnail .item:nth-child(4n) {
	margin-right: 0;
}
.column .thumbnail .noitem:last-child {
	margin-right: 0;
}
.column .thumbnail .item .caption {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
}
.column .thumbnail .item .caption span.date {
	width: 10%;
	font-family: 'Lato', sans-serif;
	font-size: 90%;
	font-weight: 400;
	color: #e21c5a;
}
.column .thumbnail .item .caption h3 {
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-size: 90%;
	line-height: 140%;
	text-align: right;
}
.column .thumbnail .item .caption h3:hover {
	color: #e21c5a;
}
.column .thumbnail .item p {
	font-size: 85%;
	font-weight: 300;
	line-height: 160%;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: left!important;
}
.column .thumbnail .item p:hover {
	text-decoration: none!important;
	color: #000000!important;
}

@media screen and (max-width: 767px) {
	.column {
		width: 100%;
		margin-bottom: 20%;
	}
	.column h2 {
		text-align: center;
		margin-bottom: 3%;
	}
	.column h2 .en {
		display: block;
		text-align: center;
		font-family: 'Lato', sans-serif;
		font-size: 240%;
		font-weight: 300;
		line-height: 120%;
		margin-bottom: 0.5%;
	}
	.column h2 .jp {
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 120%;
		font-weight: 300;
		color: #999;
	}
	.column p {
		font-size: 100%;
		font-weight: 300;
		line-height: 160%;
		margin-bottom: 0.2em;
	}

	.column .thumbnail {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 100%;
		margin: 0 auto;
		position: relative;
	}
	.column .thumbnail .item {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		border: 1px solid #dddddd;
		padding: 2%;
		margin: 0;
		margin-right: 2%;
		margin-bottom: 2%;
		flex-grow: 1;
		position: relative;
	}
	.column .thumbnail .noitem {
		display: none;
	}

	.column .thumbnail .item:hover {
		text-decoration: none!important;
		color: #000000;
		border-top: 1px solid #e21c5a;
	}
	.column .thumbnail .item:nth-child(4n) {
		margin-right: 0;
	}
	.column .thumbnail .noitem:last-child {
		margin-right: 0;
	}
	.column .thumbnail .item .caption {
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
	.column .thumbnail .item .caption span.date {
		width: 10%;
		font-family: 'Lato', sans-serif;
		font-size: 90%;
		font-weight: 400;
		color: #e21c5a;
	}
	.column .thumbnail .item .caption h3 {
		font-family: 'Lato', sans-serif;
		font-weight: 300;
		font-size: 80%;
		line-height: 140%;
		text-align: left;
	}
	.column .thumbnail .item .caption h3:hover {
		color: #e21c5a;
	}
	.column .thumbnail .item p {
		font-size: 85%;
		font-weight: 300;
		line-height: 160%;
		margin-top: 1em;
		margin-bottom: 1em;
		text-align: left!important;
	}
	.column .thumbnail .item p:hover {
		text-decoration: none!important;
		color: #000000!important;
	}
}



.contactslot {
	width: 100vw;
	height: 25vw;
	background-image: url(../images/contactbg.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 2%;
}
.contactslot h2 {
	display: block;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	font-size: 170%;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 4%;
	color: #ffffff;
}
.contactslot .contactinfo {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	width: 80%;
	margin-left: 20%;
}
.contactslot .contactinfo a.contactus {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	width: 35%;
	height: 2.5em;
	border: 2px solid #ffffff;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	behavior: url(border-radius.htc);
	font-family: 'Lato', sans-serif;
	font-size: 2vw;
	font-weight: 400;
	line-height: 100%;
	color: #ffffff;
	padding: 0.5em;
	margin-right: 3%;
}
.contactslot .contactinfo a.contactus:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: rgba(226,28,90,1);
	border-color: rgba(226,28,90,1);
}
.contactslot .contactinfo .telephone {
	width: 62%;
}
.contactslot .contactinfo .telephone .callno {
	width: 70%;
	margin-bottom: 3%;
}
.contactslot .contactinfo .telephone .callno img {
	width: 100%;
}
.contactslot .contactinfo .telephone p {
	font-size: 95%;
	font-weight: 300;
	line-height: 140%;
	color: #ffffff;
}

@media screen and (max-width: 767px) {
	.contactslot {
		width: 100vw;
		height: 100vw;
		background-image: url(../images/contactbg_m.png);
		background-size: cover;
		background-repeat: no-repeat;
		padding: 4%;
		position: relative;
	}
	.contactslot h2 {
		display: block;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		font-size: 130%;
		font-weight: 300;
		line-height: 120%;
		margin-bottom: 4%;
		color: #ffffff;
	}
	.contactslot .contactinfo {
		position: absolute;
		bottom: 5%;
		left: 0;
		right: 0;
		margin: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 80%;
	}
	.contactslot .contactinfo a.contactus {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		width: 80%;
		margin: 0 auto;
		height: 2.5em;
		border: 2px solid #ffffff;
		background-color: #ffffff;
		-moz-border-radius: 0.5em;
		-webkit-border-radius: 0.5em;
		border-radius: 0.5em;
		behavior: url(border-radius.htc);
		font-family: 'Lato', sans-serif;
		font-size: 5vw;
		font-weight: 400;
		line-height: 100%;
		color: #ffffff;
		color: #000000;
		padding: 0.5em;
		margin: 0 auto;
		margin-bottom: 5%;
	}
		.contactslot .contactinfo .telephone {
		width: 100%;
	}
	.contactslot .contactinfo .telephone .callno {
		width: 70%;
		margin: 0 auto;
		margin-bottom: 3%;
	}
	.contactslot .contactinfo .telephone .callno img {
		width: 100%;
	}
	.contactslot .contactinfo .telephone p {
		font-size: 95%;
		font-weight: 300;
		line-height: 140%;
		color: #ffffff;
	}
}


.news {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.news:first-child {
	padding-top: 0;
}
.news:last-child {
	padding-bottom: 0;
}
.news .caption {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
}
.news .caption h2 {
	font-family: 'Lato', sans-serif;
	font-size: 180%;
	font-weight: 600;
	line-height: 120%;
	text-align: center;
}
.news .caption h2 span {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 60%;
	font-weight: 400;
	color: #999;
	margin-left: 2em;
}
.news .caption p {
	font-size: 100%;
	font-weight: 300;
	line-height: 160%;
	margin-bottom: 1em;
	text-align: center;
}
.news .headline {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 5%;
}
.news .headline ul.list {
	width: 100%;
	margin-bottom: 2%;
}
.news .headline ul.list li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 1em;
}
.news .headline ul.list li:last-child {
	margin: 0;
}
.news .headline ul.list li span.date {
	/*width: 10%;*/
        width:180px;  /* 2018-06-15: Modified width */
	font-family: 'Lato', sans-serif;
	font-size: 90%;
	/*font-weight: 400;*/
	/*color: #e21c5a;*/
        font-weight:700; /* 2018-07-13 Change font weight */
        color:#2b5d80; /* 2018-07-13 Change color */
}
.news .headline ul.list li span.title {
	/*width: 88%;*/
        width: calc(100% - 180px); /* 2018-06-15: Modified width */
	font-size: 90%;
	font-weight: 300;
	line-height: 160%;
}

/* 2018-07-13 Refactoring an anchor tag */
.news .headline ul.list li span.title a {
        color:#000;
}

.news .headline ul.list li span.title a:hover {
	/*color: rgba(226,28,90,1);*/
        color:#00a0e9; /* 2018-07-13 Refactoring an anchor tag */
}


/* 2018-06-15: Add "sa-tag" class */
.news .headline ul.list li span .sa-tag {
        display:inline-block;
        margin-left:20px;
        padding:.2em 0;
        width:70px;
        color:#fff;
        font-size:12px;
        text-align:center;
        background:#e61956;
        border-radius:2px;
}
.news .headline ul.list li span .sa-tag.press {background:#73bd42;font-size:10px;}
.news .headline ul.list li span .sa-tag.product {background:#2b5d80;}
.news .headline ul.list li span .sa-tag.seminar {background:#2b5d80;}
.news .headline ul.list li span .sa-tag.report {background:#2b5d80;}


.news .headline ul.list_float {
	width: 100%;
	margin-bottom: 2%;
}
.news .headline ul.list_float li {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	-js-display: flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 3%;
}
.news .headline ul.list_float li:last-child {
	margin: 0;
}
.news .headline ul.list_float li .photo {
	width: 10%;
}
.news .headline ul.list_float li .photo img {
	width: 100%;
}
.news .headline ul.list_float li .data {
	width: 88%;
        color:#000; /* 2018-07-13 Change color */
}
.news .headline ul.list_float li .data:hover {
	/*color: rgba(226,28,90,1);*/
	text-decoration: none;
        color:#00a0e9; /* 2018-07-13 Change color */
}
.news .headline ul.list_float li .data .date {
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 90%;
	font-weight: 400;
	color: #e21c5a;
	margin-bottom: 0.5em;
}
.news .headline ul.list_float li .data .title {
	display: block;
	font-size: 100%;
	font-weight: 300;
	line-height: 160%;
}
.news .headline ul.list_float li .data:hover > .title:hover {
	text-decoration: underline;
}


.news .headline .readall {
	display: block;
	text-align: right;
}
.news .headline .readall a {
	font-size: 80%;
	font-weight: 300;
	padding-bottom: 0.2em;
	color: rgba(226,28,90,1);
	color: #ffffff;
	background-color:  rgba(226,28,90,1);
	text-decoration: none;
	padding: 0.1em;
	padding-left: 1em;
	padding-right: 1em;
}
.news .headline .readall a:hover {
	background-color: #999;
}

@media screen and (max-width: 767px) {
	.news {
		padding-top: 5%;
	}
	.news:first-child {
		padding-top: 0;
	}
	.news:last-child {
		padding-bottom: 0;
	}
	.news .caption {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
		width: 100%;
		max-width: initial;
		max-width: auto;
		margin: 0 auto;
		position: relative;
	}
	.news .caption h2 {
		font-family: 'Lato', sans-serif;
		font-size: 180%;
		font-weight: 600;
		line-height: 120%;
		text-align: center;
	}
	.news .caption h2 span {
		display: block;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 60%;
		font-weight: 400;
		color: #999;
		margin-left: 0;
	}
	.news .caption p {
		font-size: 100%;
		font-weight: 300;
		line-height: 160%;
		margin-bottom: 1em;
		text-align: center;
	}
	.news .headline {
	}
	.news .headline ul.list {
		width: 100%;
		margin-bottom: 2%;
	}
	.news .headline ul.list li {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		margin-bottom: 1em;
	}
	.news .headline ul.list li:last-child {
		margin: 0;
	}
	.news .headline ul.list li span.date {
		display: block;
		font-family: 'Lato', sans-serif;
		font-size: 90%;
		font-weight: 400;
		line-height: 1em;
		color: #e21c5a;
		margin-bottom: 0.5em;
	}
	.news .headline ul.list li span.title {
		display: block;
		width: 100%;
		font-size: 90%;
		line-height: 140%;
	}
	.news .headline ul.list li span.title a {
	}
	.news .headline ul.list li span.title a:hover {
		color: rgba(226,28,90,1);
	}

	.news .headline ul.list_float {
		width: 100%;
		margin-bottom: 2%;
	}
	.news .headline ul.list_float li {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-js-display: flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: 10%;
	}
	.news .headline ul.list_float li:last-child {
		margin: 0;
	}
	.news .headline ul.list_float li .photo {
		width: 20%;
	}
	.news .headline ul.list_float li .photo img {
		width: 100%;
	}
	.news .headline ul.list_float li .data {
		width: 75%;
	}
	.news .headline ul.list_float li .data:hover {
		color: rgba(226,28,90,1);
		text-decoration: none;
	}
	.news .headline ul.list_float li .data .date {
		display: block;
		font-family: 'Lato', sans-serif;
		font-size: 90%;
		font-weight: 400;
		line-height: 1em;
		color: #e21c5a;
		margin-bottom: 0.5em;
	}
	.news .headline ul.list_float li .data .title {
		display: block;
		font-size: 90%;
		font-weight: 300;
		line-height: 140%;
	}
	.news .headline ul.list_float li .data:hover > .title:hover {
		text-decoration: underline;
	}

}


.article {
	width: 100%;
	margin-bottom: 10%;
}
.article h2 {
	font-size: 150%;
	font-weight: 600;
	line-height: 120%;
}
.article h2 .vision {
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 200%;
	font-weight: 300;
	line-height: 120%;
	margin-bottom: 0.5em;
}
.article h2 .vision_j {
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: 100%;
	font-weight: 600;
	line-height: 120%;
}
.article .blockhd {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin-top: 1%;
	margin-bottom: 5%;
}
.article .blockhd .newsdata {
	width: 100%;
	font-size: 90%;
	color: #999999;
}
.article .blockhd .newsdata span {
	font-weight: 300;
	font-size: 95%;
	line-height: 100%;
}
.stdslot {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	position: relative;
	margin-bottom: 0;
	padding-top: 0;
}
.stdslot:first-child {
	padding-top: 0;
}
.stdslot:last-child {
	padding-bottom: 0;
}
.stdslot .caption {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 5%;
}
.stdslot .caption h2 {
	font-size: 130%;
	font-weight: 500;
	line-height: 120%;
	margin-bottom: 3%;
}
.stdslot .caption p {
	font-size: 120%;
	font-weight: 300;
	line-height: 180%;
}
.stdslot .caption .inner {
	margin-left: 1%;
	margin-bottom: 2%;
	overflow: hidden;
}
.stdslot .caption .inner .readmore {
	height: 1.2em;
	text-align: center;
	padding-left: 1.5em;
	padding-right: 1.5em;
	behavior: url(border-radius.htc);
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border: 1px solid #999999;
	font-size: 90%;
	font-weight: 300;
	line-height: 1.2em;
	color: #999999;
	text-decoration: none;
}
.stdslot .caption .inner .readmore:hover {
	border: none;
	background-color: #333333;
	color: #ffffff;
	text-decoration: none;
}
.stdslot .caption h3 {
	font-weight: 120%;
	font-weight: 500;
	line-height: 120%;
	margin-bottom: 1%;
	color: rgba(0,71,157,1);
}
.stdslot .caption .inner p {
	font-size: 90%;
	font-weight: 300;
	line-height: 200%;
}
.floattext {
	float: left;
	width: 70%;
}
.stdslot .caption .photo {
	float: right;
	width: 28%;
	margin-left: 2%;
	margin-bottom: 2%;
}
.stdslot .caption .photo:after {
	content: "";
	clear: both!important;
	display: block;
}
.stdslot .caption .photo img {
	width: 100%;
}
.stdslot .caption .inner p:before {
	content: "";
	clear: both!important;
	display: block;
}
.stdslot .caption .inner ul {
	list-style: disc;
	margin-bottom: 1em;
}
.stdslot .caption .inner ul li {
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}

/* 2017-07-23 Add Style*/
.stdslot .caption [class*=grid-] img {
        max-width:240px;
}

@media screen and (max-width: 767px) {
	.article {
		width: 100%;
		margin-bottom: 10%;
	}
	.article h2 {
		font-size: 130%;
		font-weight: 600;
		line-height: 120%;
		margin-bottom: 10%;
	}
	.article h2 .vision {
		display: block;
		font-family: 'Lato', sans-serif;
		font-size: 160%;
		font-weight: 300;
		line-height: 120%;
		margin-bottom: 0.5em;
	}
	.article h2 .vision_j {
		display: block;
		font-family: 'Lato', sans-serif;
		font-size: 90%;
		font-weight: 600;
		line-height: 120%;
	}
	.article .blockhd {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 90%;
		margin: 0 auto;
		margin-top: 1%;
		margin-bottom: 5%;
	}
	.article .blockhd .newsdata {
		width: 100%;
		font-size: 90%;
		color: #999999;
	}
	.article .blockhd .newsdata span {
		font-weight: 300;
		font-size: 95%;
		line-height: 100%;
	}
	.stdslot {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		position: relative;
		margin-bottom: 20%;
		padding-top: 0;
	}
	.stdslot .caption {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 5%;
	}
	.stdslot .caption h2 {
		font-size: 140%;
		font-weight: 500;
		line-height: 140%;
		margin-bottom: 5%;
	}
	.stdslot .caption p {
		font-size: 100%;
		font-weight: 300;
		line-height: 180%;
	}
	.stdslot .caption .inner {
		margin: 0;
		margin-bottom: 10%;
	}
	.stdslot .caption h3 {
		font-weight: 110%;
		font-weight: 500;
		line-height: 140%;
		margin-bottom: 5%;
		color: rgba(0,71,157,1);
	}
	.stdslot .caption .inner p {
		font-size: 90%;
		font-weight: 300;
		line-height: 200%;
	}
	.floattext {
		float: none;
		width: 100%;
	}
	.stdslot .caption .photo {
		float: none;
		width: 60%;
		margin: 0;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	.stdslot .caption .photo:after {
		content: "";
		clear: both!important;
		display: block;
	}
	.stdslot .caption .photo img {
		width: 100%;
	}
	.stdslot .caption .inner p:before {
		content: "";
		clear: both!important;
		display: block;
	}
}

/*
.tablecabinet_support {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 2%;
}
.tablecabinet_support table {
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.tablecabinet_support table tr {
	border-bottom: 1px dotted #CCC;
}
.tablecabinet_support table tr:last-child {
	border: none;
}
.tablecabinet_support table tr.bordertop {
	border-top: 1px dotted #CCC;
}
.noborder {
	border: none!important;
}

.tablecabinet_support table tr th {
	text-align: left;
	vertical-align: top;
	font-size: 90%;
	font-weight: 400;
	color: #fff;
	background-color: #999;
	padding: 0.3em;
}
.tablecabinet_support table tr th.left {
	text-align: left;
	vertical-align:top;
	font-size: 80%;
	font-weight: 300;
	line-height: 120%;
	color: #000;
	background-color: #f1f1f1;
	padding: 0.3em;
	padding-left: 1em;
	padding-right: 1em;
}
.tablecabinet_support table tr th.wide {
	width: 20%;
}
.tablecabinet_support table tr td {
	text-align: left;
	vertical-align:top;
	font-size: 90%;
	font-weight: 300;
	line-height: 160%;
	padding: 0.3em;
}
.tdcenter {
	text-align: center!important;
}

.tablecabinet_spec {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 2%;
}
.tablecabinet_spec table {
	width: 100%;
	border-bottom: 1px solid #999;
}
.tablecabinet_spec table tr {
	border-top: 1px dotted #999;
}
.tablecabinet_spec table tr th {
	text-align: left;
	vertical-align: top;
	font-size: 90%;
	font-weight: 400;
	color: #fff;
	background-color: #999;
	padding: 0.3em;
}
.tablecabinet_spec table tr th.left {
        text-align:left;
        vertical-align:top;
        font-size:80%;
        font-weight:400;
        line-height:120%;
        color:#000;
        background-color:#f1f1f1;
        padding:0.3em;
        padding-left:1em;
        padding-right:1em;
}
.tablecabinet_spec table tr td {
	text-align: left;
	vertical-align: top;
	font-size: 80%;
	font-weight: 300;
	line-height: 160%;
	padding: 0.3em;
}
*/

/* employment.html */
.tablecabinet_flat {
	width: 80%;
	margin-bottom: 2%;
}
.tablecabinet_flat table {
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.tablecabinet_flat table tr {
	border-top: 1px dotted #999;
}
.tablecabinet_flat table tr:last-child {
	border-top: none;
}
.tablecabinet_flat table tr th {
	text-align: left;
	vertical-align: top;
	font-size: 90%;
	font-weight: 400;
	background-color: #f1f1f1;
	padding: 0.3em;
}
.tablecabinet_flat table tr td {
	text-align: left;
	vertical-align: top;
	font-size: 90%;
	font-weight: 300;
	line-height: 160%;
	padding: 0.3em;
}


/** 2018-07-26 Refactoring
**************************************************** **/
.tablecabinet_support,
.tablecabinet_spec {
        margin-bottom:24px;
        font-family:'Lato', 'Noto Sans JP', sans-serif;
}

.tablecabinet_support table,
.tablecabinet_spec table {
        border-collapse:collapse;
        border-spacing:0;
        width:100%;
        border:1px solid #CCC;
}

.tablecabinet_support table,
.tablecabinet_support table tr,
.tablecabinet_spec table,
.tablecabinet_spec table tr {
        border-bottom:1px solid #CCC;
}

.tablecabinet_support table tr:last-child {
        border:none;
}

.tablecabinet_support table tr th,
.tablecabinet_spec table tr th {
        vertical-align:middle;
        padding:.8em 1em;
        line-height:1.5;
        color:#fff;
        font-size:14px;
        font-weight:700;
        text-align:left;
        background:#2b5d80;
}

.tablecabinet_support table tr th.left,
.tablecabinet_spec table tr th.left {
        vertical-align:middle;
        padding:.5em 1em;
        line-height:1.5;
        color: #000;
        font-size:14px;
        font-weight:400;
        text-align:left;
        background:#e9f0f4;
}

.tablecabinet_support table tr th.wide {
        width: 20%;
}

.tablecabinet_support table tr td,
.tablecabinet_spec table tr td {
        vertical-align:middle;
        line-height:1.5;
        padding:1em;
        font-size:14px;
        font-weight:400;
        text-align:left;
}

.tdcenter {
        text-align: center !important;
}


@media screen and (max-width: 767px) {
/*
	.tablecabinet_support {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 5%;
	}
	.tablecabinet_support table {
		width: 100%;
		border-bottom: 1px solid #ccc;
	}
	.tablecabinet_support table tr {
		border-bottom: 1px dotted #CCC;
	}
	.tablecabinet_support table tr:last-child {
		border: none;
	}
	.tablecabinet_support table tr.bordertop {
		border-top: 1px dotted #CCC;
	}
	.noborder {
		border: none!important;
	}

	.tablecabinet_support table tr th {
		text-align: left;
		vertical-align: top;
		font-size: 80%;
		font-weight: 400;
		color: #fff;
		background-color: #999;
		padding: 0.3em;
	}
	.tablecabinet_support table tr td {
		text-align: left;
		vertical-align: top;
		font-size: 80%;
		font-weight: 300;
		line-height: 160%;
		padding: 0.3em;
	}
	.tdcenter {
		text-align: center!important;
	}

	.tablecabinet_spec {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 2%;
	}
	.tablecabinet_spec table {
		width: 100%;
		border-bottom: 1px solid #999;
	}
	.tablecabinet_spec table tr {
		border-top: 1px dotted #999;
	}
	.tablecabinet_spec table tr th {
		text-align: left;
		vertical-align: top;
		font-size: 90%;
		font-weight: 400;
		color: #fff;
		background-color: #999;
		padding: 0.3em;
	}
	.tablecabinet_spec table tr th.left {
		text-align: left;
		vertical-align: top;
		font-size: 80%;
		font-weight: 400;
		line-height: 120%;
		color: #000;
		background-color: #f1f1f1;
		padding: 0.3em;
		padding-left: 1em;
		padding-right: 1em;
	}
	.tablecabinet_spec table tr td {
		text-align: left;
		vertical-align: top;
		font-size: 80%;
		font-weight: 300;
		line-height: 160%;
		padding: 0.3em;
	}
*/

	.tablecabinet_flat {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 2%;
	}
	.tablecabinet_flat table {
		width: 100%;
		border-bottom: 1px solid #999;
		border: none;
	}
	.tablecabinet_flat table tr {
		border: none;
	}
	.tablecabinet_flat table tr th {
		display: block;
		text-align: left;
		vertical-align: top;
		font-size: 90%;
		font-weight: 400;
		padding: 0.3em;
		margin-bottom: 2%;
	}
	.tablecabinet_flat table tr td {
		display: block;
		text-align: left;
		font-size: 80%;
		font-weight: 300;
		line-height: 160%;
		padding: 0.3em;
		padding-bottom: 1em;
	}
}


.tablesection {
	width: 100%;
	margin-bottom: 3%;
}
.tablecabinet {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 2%;
}
.tablecabinet table {
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.tablecabinet table tr {
	border-bottom: 1px dotted #CCC;
}
.tablecabinet table tr:last-child {
	border: none;
}
.tablecabinet table tr.bordertop {
	border-top: 1px dotted #CCC;
}
.tablecabinet table tr.bordertop2 {
	border-top: none;
}
.buttoncell {
	border: 1px solid #cccccc!important;
	background-color: #f1f1f1!important;
}
.noborder {
	border: none!important;
	border-bottom: none!important;
}
.tablecabinet table tr th {
	width: 25%;
	text-align: right;
	vertical-align: top;
	font-size: 90%;
	color: #999;
	padding: 1em;
}
.tablecabinet table tr th.wide {
	width: 20%;
}
.tablecabinet table tr td {
	text-align: left;
	vertical-align: top;
	font-size: 90%;
	line-height: 160%;
	padding: 1em;
}
.tablecabinet table tr td input {
	border: 1px solid #ddd;
}
.tablecabinet table tr td textarea {
	border: 1px solid #ddd;
}
.tablecabinet table tr td select.mfp {
	font-size: 80%;
}
.tablecabinet table tr td ol {
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.tablecabinet table tr td ol li {
	margin-bottom: 0.5em;
}
.tablecabinet table tr td iframe {
	border: 1px solid #333;
	margin-bottom: 2em;
}
.tablecabinet table tr td .accessmap {
	width: 100%;
}
.tablecabinet table tr td .accessmap img {
	width: 100%;
}
.tablecabinet table tr td p.innerhd {
	text-align: left!important;
	margin-bottom: 0.5em;
	font-weight: bold;
}
.tablecabinet table tr td ul.innerlist {
	margin-bottom: 2%;
}
.tablecabinet table tr td ul.innerlist li {
	margin-left: 1.5em;
	margin-bottom: 0.5em;
	font-size: 90%;
	list-style: disc;
}
.tablecabinet table tr td ul.innerlist_num {

}
.tablecabinet table tr td ul.innerlist_num li {
	list-style: decimal;
	margin-left: 1em;
	margin-bottom: 0.5em;
}
.tablecabinet table tr td ul.innerlist li p.innertext {
	margin-left: 2%;
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 90%;
	line-height: 140%;
}
.tablecabinet table tr td p {
	text-align: left;
}
.tablecabinet table.sitemap {
	width: 95%;
	margin-left: 5%;
}
.tablecabinet table.sitemap tr td {
	text-align: left;
	vertical-align: top;
	font-size: 100%;
	line-height: 160%;
	padding: 1em;
}
.tablecabinet table.sitemap tr td ul.innerlist {

}
.tablecabinet table.sitemap tr td ul.innerlist li {
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}

#mfp_phase_stat {
	display: none;
}



.tablecabinet_outline {
	width: 100%;
	margin: 0 auto;
	margin-bottom: 2%;
}
.tablecabinet_outline table {
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.tablecabinet_outline table tr {
	border-bottom: 1px dotted #CCC;
}
.tablecabinet_outline table tr:last-child {
	border: none;
}
.tablecabinet_outline table tr.bordertop {
	border-top: 1px dotted #CCC;
}
.noborder {
	border: none!important;
}

.tablecabinet_outline table tr th {
	text-align: right;
	vertical-align: top;
	font-size: 90%;
	color: #999;
	padding: 1em;
}
.tablecabinet_outline table tr th.wide {
	width: 20%;
}
.tablecabinet_outline table tr td {
	text-align: left;
	vertical-align: top;
	font-size: 90%;
	line-height: 160%;
	padding: 1em;
}
.tablecabinet_outline table tr td input {
	border: 1px solid #ddd;
}
.tablecabinet_outline table tr td textarea {
	border: 1px solid #ddd;
}
.tablecabinet_outline table tr td select.mfp {
	font-size: 80%;
}
.tablecabinet_outline table tr td ol {
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.tablecabinet_outline table tr td ol li {
	margin-bottom: 0.5em;
}
.tablecabinet_outline table tr td iframe {
	border: 1px solid #333;
	margin-bottom: 2em;
}
.tablecabinet_outline table tr td .accessmap {
	width: 100%;
}
.tablecabinet_outline table tr td .accessmap img {
	width: 100%;
}
.tablecabinet_outline table tr td p.innerhd {
	text-align: left!important;
	margin-bottom: 0.5em;
	font-weight: bold;
}
.tablecabinet_outline table tr td ul.innerlist {
	margin-bottom: 2%;
}
.tablecabinet_outline table tr td ul.innerlist li {
	margin-left: 1.5em;
	margin-bottom: 0.5em;
	font-size: 90%;
	list-style: disc;
}
.tablecabinet_outline table tr td ul.innerlist_num {

}
.tablecabinet_outline table tr td ul.innerlist_num li {
	list-style: decimal;
	margin-left: 1em;
	margin-bottom: 0.5em;
}
.tablecabinet_outline table tr td ul.innerlist li p.innertext {
	margin-left: 2%;
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 90%;
	line-height: 140%;
}
.tablecabinet_outline table tr td p {
	text-align: left;
}
.tablecabinet_outline table.sitemap {
	width: 95%;
	margin-left: 5%;
}
.tablecabinet_outline table.sitemap tr td {
	text-align: left;
	vertical-align: top;
	font-size: 100%;
	line-height: 160%;
	padding: 1em;
}
.tablecabinet_outline table.sitemap tr td ul.innerlist {

}
.tablecabinet_outline table.sitemap tr td ul.innerlist li {
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}

@media (max-width: 767px) {
	.tablecabinet {
		width: 100%;
		margin-bottom: 10%;
	}
	.tablecabinet table {
		width: 100%;
	}
	.tablecabinet table tr {
		border-bottom: 1px dotted #CCC;
	}
	.tablecabinet table tr th {
		display: block;
		text-align: left;
		vertical-align: top;
		font-size: 90%;
		color: #999;
		font-weight: bold;
		padding: 0;
		padding-top: 1em;
		margin-bottom: 0.5em;
		width: 100%;
	}
	.tablecabinet table tr th.wide {
		display: block;
		width: 100%;
	}
	.tablecabinet table tr td {
		display: block;
		text-align: left;
		vertical-align: top;
		font-size: 14px;
		line-height: 160%;
		padding: 0;
		padding-bottom: 1em;
		width: ;
	}
	.tablecabinet table tr td input {
		border: 1px solid #ddd;
	}
	.tablecabinet table tr td input + label{
	  padding-left: 1em;
	}
	.tablecabinet table tr td textarea {
		border: 1px solid #ddd;
	}
	.tablecabinet table tr td .accessmap {
		width: 100%;
	}
	.tablecabinet table tr td .accessmap img {
		width: 100%;
	}
	.tablecabinet table tr td ul.innerlist {
		font-size: 12px;
	}
	.tablecabinet table tr td ul.innerlist li {
		font-size: 90%;
		font-weight: bold;
	}
	.tablecabinet table tr td ul.innerlist li p.innertext {
		margin-left: 2%;
		margin-bottom: 5%;
		font-weight: normal;
		font-size: 90%;
		line-height: 140%;
	}
	.tablecabinet_outline table {
		width: 100%;
	}
	.tablecabinet_outline table tr {
		border-bottom: 1px dotted #CCC;
	}
	.tablecabinet_outline table tr th {
		display: block;
		text-align: left;
		vertical-align: top;
		font-size: 90%;
		color: #999;
		font-weight: bold;
		padding: 0;
		padding-top: 1em;
		margin-bottom: 0.5em;
		width: 100%;
	}
	.tablecabinet_outline table tr th.wide {
		display: block;
		width: 100%;
	}
	.tablecabinet_outline table tr td {
		display: block;
		text-align: left;
		vertical-align: top;
		font-size: 14px;
		line-height: 160%;
		padding: 0;
		padding-bottom: 1em;
	}
	.tablecabinet_outline table tr td input {
		border: 1px solid #ddd;
	}
	.tablecabinet_outline table tr td textarea {
		border: 1px solid #ddd;
	}
	.tablecabinet_outline table tr td .accessmap {
		width: 100%;
	}
	.tablecabinet_outline table tr td .accessmap img {
		width: 100%;
	}
	.tablecabinet_outline table tr td ul.innerlist {
		font-size: 12px;
	}
	.tablecabinet_outline table tr td ul.innerlist li {
		font-size: 90%;
		font-weight: bold;
	}
	.tablecabinet_outline table tr td ul.innerlist li p.innertext {
		margin-left: 2%;
		margin-bottom: 5%;
		font-weight: normal;
		font-size: 90%;
		line-height: 140%;
	}
}


.mapsection {
	width: 100%;
	margin-bottom: 10%;
}
.mapsection h4 {
	font-size: 120%;
	font-weight: 400;
	line-height: 140%;
	margin-bottom: 5%;
}
.mapsection .map {
	width: 100%;
	overflow: hidden;
}
.mapsection .map .google-maps {
	float: left;
	width: 45%;
	margin-right: 5%;
	position: relative;
	padding-bottom: 50%;
	height: 0;
	overflow: hidden;
}
.mapsection .map .google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.mapsection .map .address {
	float: left;
	width: 50%;
}

@media (max-width: 767px) {
	.mapsection {
		width: 100%;
		margin-bottom: 10%;
	}
	.mapsection h4 {
		font-size: 110%;
		font-weight: 400;
		line-height: 140%;
		margin-bottom: 5%;
	}
	.mapsection .map {
		width: 100%;
		overflow: hidden;
	}
	.mapsection .map .google-maps {
		float: left;
		width: 50%;
		margin: 0 auto;
		position: relative;
		padding-bottom: 75%;
		height: 0;
		overflow: hidden;
	}
	.mapsection .map .google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
	.mapsection .map .address {
		float: left;
		width: 50%;
	}


	.cabinet .contents .numsection {
		width: 100%;
		margin-bottom: 10%;
	}
	.cabinet .contents .numsection h4 {
		font-size: 110%;
		font-weight: 400;
		line-height: 140%;
		margin-bottom: 5%;
	}
}


.clear {
	clear: both;
}