@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?vdcbsh#icomoon');
  src:  url('../fonts/icomoon.eot?vdcbsh#icomoon#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?vdcbsh#icomoon') format('truetype'),
    url('../fonts/icomoon.woff?vdcbsh#icomoon') format('woff'),
    url('../fonts/icomoon.svg?vdcbsh#icomoon#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon-arrow-right-circle:before {
  content: "\e900";
}
.icon-white_arrow-right-circle:before {
  content: "\e901";
  color: #fff;
}
.icon-arrow-right:before {
  content: "\e90a";
}
.icon-font-ars:before {
  content: "\e90d";
}
.icon-play3:before {
  content: "\ea1c";
}
@font-face {
  font-family: 'NotoSansJP Thin';
  font-style: normal;
  font-weight: 100;
  src: url(../fonts/NotoSansCJKjp-Thin.woff2) format('woff2'),
       url(../fonts/NotoSansCJKjp-Thin.woff) format('woff'),
       url(../fonts/NotoSansCJKjp-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'NotoSansJP Light';
  font-style: normal;
  src: url(../fonts/NotoSansCJKjp-Light.woff2) format('woff2'),
       url(../fonts/NotoSansCJKjp-Light.woff) format('woff'),
       url(../fonts/NotoSansCJKjp-Light.otf) format('opentype');
}
@font-face {
  font-family: 'NotoSansJP Medium';
  font-style: normal;
  src: url(../fonts/NotoSansCJKjp-Medium.woff2) format('woff2'),
       url(../fonts/NotoSansCJKjp-Medium.woff) format('woff'),
       url(../fonts/NotoSansCJKjp-Medium.otf) format('opentype');
	letter-spacing: .01em;
}
@font-face {
  font-family: 'NotoSansJP Bold';
  font-style: normal;
  src: url(../fonts/NotoSansCJKjp-Bold.woff2) format('woff2'),
       url(../fonts/NotoSansCJKjp-Bold.woff) format('woff'),
       url(../fonts/NotoSansCJKjp-Bold.otf) format('opentype');
	letter-spacing: .01em;
}
@font-face {
  font-family: 'NotoSansJP Black';
  font-style: normal;
  src: url(../fonts/NotoSansCJKjp-Black.woff2) format('woff2'),
       url(../fonts/NotoSansCJKjp-Black.woff) format('woff'),
       url(../fonts/NotoSansCJKjp-Black.otf) format('opentype');
}
header nav ul li a,header nav ul li:after{
	font-family: 'NotoSansJP Thin',"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
}
.section-title,.section-subtitle,
.section.sale .sale_header h2,
.cv-btn a{
	font-family: 'NotoSansJP Black',"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
	line-height: 1.25;
}
h1{
	font-weight: bold;
}
h1 strong,.section-title .color-gr,.numeric,
.inner.qa-sheet dt:before,.inner.qa-sheet dd:before{
	font-family:Arial Bold, Helvetica, "sans-serif";
}
.numeric{
	display: inline-block;
	transform: scaleX(1.12);
	padding: 0 .125em;
}
h1 strong,.section-title .color-gr{
	display: inline-block;
	transform: translateY(.075em);
	font-size:122%;
}
h1 strong,.section-title strong.color-gr{
	font-weight: 600;
}
.line1,
.merit .list-wrap .article h3,
.flex-box h3,
.mtb-body .th,.mtb-body .td{
	font-family: 'NotoSansJP Bold',"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
}
.bilbord .bottoms a,
.whats .list-wrap .article h3,
.whats .list-wrap .article .box .big,
.btn a,
.caption,
.point-title,
.whats .tbl .box h4,
.merit .list-wrap .article h4,
.merit .list-wrap .article h5,
.section.sale .box.box-brd h4,
.section.purch .box h4,.bilbord a.btn-link,
.section.purch .pc-flex .item h3{
	font-family: 'NotoSansJP Medium',"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
}
.section-title small,
.sale .sale_header h3,
.tb-body .th,.tb-body .td .td-col strong{
	font-family: 'NotoSansJP Light',"繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
}
.bilbord .bottoms a:after,
.btn a:after{
	display: inline-block;
	content: "\e90a";
	font-family: 'icomoon';
	transform:translate(.5em,.25em) rotate(90deg);
}
.bilbord .bottoms a.what:after{
	display: block;
	transform:translate(0,.25em) rotate(90deg);
}
.bilbord a.btn-link{
	display: block;
	padding: .75em 1em;
	max-width: 23em;
	margin: 1em auto;
	background-color: #e7eee7;
	color: #248b39;
	text-decoration: none;
	border:1px solid #248b39;
	box-sizing: border-box;
	border-radius: .25em;
}
.bilbord a.btn-link:after{
	display: inline-block;
	margin-left: .5em;
	content: "\e90a";
	font-family: 'icomoon';
}
header nav ul li:after{
	display: inline-block;
	margin-left:.5em;
	color: #999;
	content: " ";
	width:1px;
	height:1em;
	border-left:1px solid #999;
	transform: translateY(.125em);
}
header nav ul li:last-child:after,
header nav ul.ones li.sale:after{
	content: none;
}
@media (max-width: 480px){
	header nav ul li{
		height: 100%;
		display:flex;
	}
	header nav ul li:after{
		content: none;
	}
	header nav ul li a{
		box-sizing: border-box;
		text-align: center;
		font-size: 3.3vw;
		border-left:1px solid #ccc;
	}
	header nav ul li:first-child a{
		border-left: none;
	}
}
.whats .text a:after{
	display: inline-block;
	content: "\e90d";
	font-family: 'icomoon';
	transform-origin: center center;
	transform: rotate(90deg);
	transition:transfprm .3s linear;
	margin:.5em 0 -.5em .5em;
}
.whats .text a.open:after{
	transform: rotate(-90deg);
}