@charset "UTF-8";

/* -----------------------------------------------
Table of Contents (common css)
--------------------------------------------------
0. Foundation
	 0-1. Reset
	 0-2. Base
	 0-3. Config
1. Layout
	 1-1. #l-document
	 1-2. #l-header
	 1-3. #l-container
				1-3-1. #l-main
				1-3-2. #l-sub
	 1-4. #l-footer
	 1-5. #l-navGlobal
	 1-6. pageHeader
	 1-7. layoutType
2. Object
	 2-1. Component a.k.a Module
				2-1-1.  Wrap     [wrp-***]
				2-1-2.  Box      [box-***]
				2-1-3.  Table    [tbl-***]
				2-1-4.  Headings [hdg-lv*]
				2-1-5.  Nav      [nav-***]
				2-1-6.  List     [lst-***]
				2-1-7.  Button   [btn-***]
				2-1-8.  Anchor   [acr-***]
				2-1-9.  Text     [txt-***]
				2-1-10. Icon     [icn-***]
				2-1-11. Label    [lbl-***]
				2-1-12. Form     [frm-***]
				2-1-13. Error    [err-***]
				2-1-14. Panel    [pnl-***]
				2-1-15. Media    [mda-***]
				2-1-16. UI
	 2-2. Utility
				2-2-1. clearfix
				2-2-2. margin,padding [mb10,pt20]
				2-2-3. Object-Oriented CSS
				2-2-4. Grid System [grid-***]
				2-2-5. CSS Animation [act-***]
				2-2-6. WebFont
	 2-3. State [is-***]
	 2-4. OverLayerConfig [z-index]
	 2-5. Project

-------------------------------------------------- */

/* -----------------------------------------------
 [0. Foundation]
-------------------------------------------------- */

/* 0-1. Reset
-------------------------------------------------- */
html{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body{
	margin: 0;
	padding: 0;
}
a{
	background-color: transparent;
}
a:focus{
	outline: thin dotted;
}
a:active,
a:hover{
	outline-width: 0;
}
html,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,em,img,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article,aside,footer,header,small,nav,section,figure,figcaption,main{
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: baseline;
	list-style: none;
	background-color: transparent;
	outline: none;
}
audio,canvas,progress,video{
	display: inline-block;
}
audio:not([controls]){
	display: none;
	height: 0;
}
progress{
	vertical-align: baseline;
}
template,
[hidden]{
	display: none;
}
ul,ol{
	list-style-type: none;
}
table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	line-height: 1;
	vertical-align: baseline;
	outline: none;
}
a img{
	border: none;
	outline: none;
}
sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
hr{
	box-sizing: content-box;
	height: 0;
}
dt,dd,li,
th,td,
input,textarea{
	text-align: left;
	vertical-align: top;
}
button{
	border: none;
}
input,textarea,button{
	margin: 0;
	padding: 0;
}
input{
	border: 1px solid #dad7d3;
	height: auto;
	padding: 2px 5px;
}
textarea{
	border: 1px solid #dad7d3;
	height: 78px;
/*	resize: none;*/
}
button,label{
	background-color: transparent;
	cursor: pointer;
}
button,select{
	text-transform: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
input[disabled]{
	cursor: default;
}
input[type="checkbox"],
input[type="radio"]{
	box-sizing: content-box;
	padding: 0;
}
input[type="search"]{
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
textarea{
	overflow: auto;
	vertical-align: top;
}
:focus{
	outline: none;
}

/* 0-2. Base
-------------------------------------------------- */
html{
	overflow-y: scroll;
	font-size: 100%;
	/*visibility: hidden;*/ /* as WebFont */
}
html.wf-active{
	/*visibility: visible;*/ /* as WebFont */
}
body{
/*	font-feature-settings : "palt";*/
	font-family: "游ゴシック", "YuGothic","Roboto Regular","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
}
html,body{

}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: bold;
	font-family: 'Ryumin Regular KL', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho",serif;
}
table{
	width: 100%;
}
input,textarea,button{
	font-family: "游ゴシック", "YuGothic","Roboto Regular","ヒラギノ角ゴ ProN W3","HiraKakuProN-W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","helvetica","arial",sans-serif;
	font-size: 100%;
}
strong{
	font-weight: bold;
}
em{
	font-weight: bold;
}
.ie9 .gradient{
	filter: none;
}
a[href="tel"]{
	color: #000;
}


/* 0-3. Config
-------------------------------------------------- */
body{
	font-size: 16px;
	color: #000;
	background-color: #fff;
}
@media only screen and (max-width:767px){
	body {
		font-size: 12px;
	}
}
a,
a:link{
	color: #000;
	text-decoration: none;
	transition: all .3s ease;
}
a:visited{
}
a:hover,
a:active{
	opacity: 0.7;
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.4;
}
p{
	line-height: 1.7;
}
dt,dd,li,
th,td,
input,
textarea,
button{
	line-height: 1.6;
}
input{
	font-size: 16px;
	box-sizing: border-box;
}
select{
	display: block;
}
textarea{
	width: 100%;
	display: block;
	font-size: 16px;
	box-sizing: border-box;
}

section,h1,h2,h3,h4,h5,h6,p,a,dt,dd,li,th,td,input,select,textarea,button {
	font-family: Ryumin Regular KL,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho",serif;
}
#l-main section,#l-main h1,#l-main h2,#l-main h3,#l-main h4,#l-main h5,#l-main h6{
	line-height: 1.8;
}
#l-header section,#l-header h1,#l-header h2,#l-header h3,#l-header h4,#l-header h5,#l-header h6,#l-header p,
#l-header a,#l-header dt,#l-header dd,#l-header li,#l-header th,#l-header td,#l-header input,#l-header select,#l-header textarea,#l-header button,
#l-footer section,#l-footer h1,#l-footer h2,#l-footer h3,#l-footer h4,#l-footer h5,#l-footer h6,#l-footer p,
#l-footer a,#l-footer dt,#l-footer dd,#l-footer li,#l-footer th,#l-footer td,#l-footer input,#l-footer select,#l-footer textarea,#l-footer button,
#l-main.renewal section,#l-main.renewal h1,#l-main.renewal h2,#l-main.renewal h3,#l-main.renewal h4,#l-main.renewal h5,#l-main.renewal h6,#l-main.renewal p,
#l-main.renewal a,#l-main.renewal dt,#l-main.renewal dd,#l-main.renewal li,#l-main.renewal th,#l-main.renewal td,
#l-main.renewal input,#l-main.renewal select,#l-main.renewal textarea,#l-main.renewal button{
	letter-spacing: 0.1em;
}


/* -----------------------------------------------
 [1. Layout]
-------------------------------------------------- */
/* 1-1. #l-document
-------------------------------------------------- */

/* 1-2. #l-header
-------------------------------------------------- */
.header {
	position: fixed;
	padding: 34px 80px 0 73px;
	background: #fff;
	transition: all 0.3s ease;
	left: 0;
	right: 0;
	top: 0;
	z-index: 100;
}
.header:after {
	content: "";
	display: block;
	clear: both;
}
.header a {
	transition: all 0.3s ease;
}
.header a:hover {
	opacity: 0.7;
}
.header__sitelogo {
	float: left;
	font-size: 0;
    line-height: 1;
}
.header__sitelogo img {
	transition: all 0.3s ease;
	max-width: 107px;
	margin-top: 12px;
	vertical-align: baseline;
}
.header__sitelogo a {
	display: inline-block;
}
.header__content {
	float: right;
	margin-top: -10px;
}
.header__content:after,
.header__nav:after {
	content: "";
	display: block;
	clear: both;
}
.header__content__inner.__is-pc {
	padding-top: 28px;
	transition: all 0.3s ease;
}
.header__language {
	font-size: 0;
	text-align: right;
	position: absolute;
	top: 24px;
	right: 80px;
	transition: all 0.3s ease;
}
.header__language li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 1px;
}
.header__language li a {
	display: block;
	font-size: 14px;
	text-align: center;
	background: #f3f3f3;
	padding: 3px 20px;
}
.nav-global {
	display: table;
	margin-top: 25px;
	float: left;
	transition: all 0.3s ease;
}
.nav-global > li {
	display: table-cell;
	vertical-align: top;
	padding: 0 25px;
}
.nav-global > li > a,
.nav-global > li > span {
	display: block;
	text-align: center;
	font-size: 18px;
	padding-bottom: 25px;
	cursor: pointer;
	line-height: 1;
}
.header__search {
	display: inline-block;
	float: right;
	margin: 24px 0 0 22px;
	font-size: 20px;
	line-height: 1;
	box-sizing: border-box;
	transition: all 0.3s ease;
}
.header__search i{
	cursor: pointer;
	padding-bottom: 24px;
}
.header__search__content form{
	max-width: 800px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	border: 1px solid #6f7274;
}
.header__search__content form:after{
	content: "\f002";
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 45px;
	font-size: 24px;
	color: #444;
	pointer-events: none;
}
.header__search__input{
	color: #000;
	font-size: 18px !important;
	font-family: Ryumin Regular KL,serif !important;
	width: 100%;
	padding: 15px 30px 15px;
	border: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.header__search__submit{
	width: 120px;
	height: 100%;
	background-color: #eee;
	border: 0;
	position: absolute;
	top: 1px;
	bottom: 1px;
	right: 1px;
	border-radius: 0;
	padding: 0;
	transition: all .3s ease;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.header__search__submit:hover{
	opacity: 0.7;
}
.header__search .header__mmenu{
	padding: 106px 0 51px;
}
.header__search .header__mmenu__close{
	right: 15px;
	top: -76px;
}

.header.is-fixed {
	padding-top: 19px;
}
.header.is-fixed .header__sitelogo img {
	max-width: 107px;
	margin-top: 0;
}
.header.is-fixed .nav-global > li > a,
.header.is-fixed .nav-global > li > span {
	font-size: 16px;
	font-family: Ryumin Regular KL,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho",serif !important;
}
.header.is-fixed .nav-global {
	margin-top: 20px;
}
.header.is-fixed .header__language {
	top: -28px;
}
.header.is-fixed .header__search {
	margin-top: 17px;
}
.header.is-fixed .header__mmenu {
	top: 70px;
}
.header.is-fixed .header__content__inner.__is-pc {
	padding-top: 0;
}

@media only screen and (max-width: 1239px) {
	.header {
		padding: 34px 20px 0;
	}
	.header__language {
		right: 20px;
	}
	.nav-global > li {
		padding: 0 12px;
	}
	.nav-global > li > a,
	.nav-global > li > span {
		font-size: 16px;
		padding-bottom: 27px;
	}
	.header.is-fixed .nav-global > li > a,
	.header.is-fixed .nav-global > li > span {
		padding-bottom: 25px;
	}
}
@media only screen and (max-width: 959px) {
	.header__sitelogo img {
		max-width: 102px;
	}
}
@media only screen and (max-width: 767px) {
	.header,
	.header.is-fixed {
		padding: 14px 16px 15px 15px;
		min-height: 55px;
		box-sizing: border-box;
		z-index: 101;
	}
	.header__sitelogo img,
	.header.is-fixed .header__sitelogo img {
		margin-top: 3px;
		max-width: 73px;
	}
	.header__content {
		margin-top: -5px;
	}
	.header__content__inner.__is-pc {
		display: none;
	}
	.header__hamburger {
		cursor: pointer;
	}
	.header__hamburger a {
		display: block;
		font-size: 30px;
		color: #000;
		line-height: 1;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}
	.header__hamburger a:before {
		content: "\f0c9";
		font-weight: 300;
		font-family: "Font Awesome 5 Pro";
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		line-height: 1;
	}
	.header__hamburger.is-opened a:before {
		content: "\f00d";
	}
	.header__content__inner.__is-sp {
		position: absolute;
		top: 55px;
		left: 0;
		right: 0;
		background: rgba(0,0,0,0.85);
		color: #fff;
		display: none;
		padding: 20px 15px 30px;
		max-height: calc(100vh - 55px);
		box-sizing: border-box;
		overflow-y: scroll;
	}
	.header__content__inner-wrap {
		height: 100%;
	}
	.header__search {
		display: block;
		float: none;
		margin: 0 0 30px;
		position: relative;
		padding-bottom: 0;
	}
	.header__search:before {
		content: "\f002";
		font-family: "Font Awesome 5 Pro";
		font-weight: 400;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		line-height: 1;
		display: block;
		position: absolute;
		color: #fff;
		pointer-events: none;
		font-size: 14px;
		right: 20px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.header__search__input[type="text"] {
		width: 100%;
		/*font-family: Ryumin Regular KL,serif !important;*/
		font-family: 'Ryumin Regular KL', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho",serif !important;;
		border: 1px solid #6f7274 !important;
		background: rgba(255,255,255,0.05);
		color: #fff;
		font-size: 16px !important;
		padding: 9px 50px 9px 23px;
	}
	.header__search__input::placeholder{
		color: #fff;
		font-size: 16px;
	}
	.header__search__input::-webkit-input-placeholder{
		color: #fff;
		font-size: 16px;
	}
	.header__search__input::-moz-placeholder{
		color: #fff;
		font-size: 16px;
	}
	.header__search__input:-ms-input-placeholder{
		color: #fff;
		font-size: 16px;
	}
	.header__search__input::-ms-input-placeholder{
		color: #fff;
		font-size: 16px;
	}
	.header__search__input:-moz-placeholder{
		color: #fff;
		font-size: 16px;
	}
	.header__search__submit {
		opacity: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 50px;
		font-size: 0;
		border: 0;
		background: 0;
	}
	.header__language {
		text-align: center;
		position: static;
	}
	.header__language li a {
		font-size: 11px;
		color: #fff;
		background: rgba(255,255,255,0.1);
		padding: 2px 12px;
	}
	.header__link {
		margin-bottom: 30px;
	}
	.header__link__item {
		border-bottom: 1px solid #6f7274;
	}
	.header__link__title a {
		display: block;
		color: #fff;
		font-size: 13px;
		letter-spacing: 0.04em;
		padding: 20px 0;
	}
	.header__link__title a.js-accordion:before {
		content: "\f067";
		font-family: "Font Awesome 5 Pro";
		font-weight: 300;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		line-height: 1;
		color: #939597;
		margin-right: 1em;
	}
	.header__link__title.is-opened a.js-accordion:before {
		content: "\f068";
	}
	.header__link__top a {
		display: block;
		background: rgba(255,255,255,0.1);
		font-size: 13px;
		padding: 16px 20px;
		color: #fff;
	}
	.header__link__top a i,
	.header__link__title a i {
		color: #939597;
		font-size: 0.6em;
		vertical-align: middle;
		margin-right: 1em;
		position: relative;
		top: -0.2em;
	}
	.header__link ul {
		padding-top: 15px;
	}
	.header__link li {
		padding-left: 3em;
		margin-bottom: 30px;
	}
	.header__link li a {
		display: inline-block;
		line-height: 1.5;
		font-size: 12px;
		outline: none;
		color: #fff;
	}
	.header__link li a[target="_blank"] {
		padding-right: 16px;
		background: url(/assets/img/common/icn-external01.png) no-repeat top 0.25em right;
		background-size: 7px auto;
	}
	.header__link__sub {
		margin: -10px 0 0;
		padding-top: 20px;
		font-size: 0;
		position: relative;
	}
	.header__link__sub:before {
		content: "";
		display: block;
		pointer-events: none;
		position: absolute;
		top: 0;
		left: 12px;
		right: 12px;
		border-top: 1px dashed #6f7274;
	}
	.header__link__sub ul {
		padding-top: 0;
	}
	.header__link__sub li {
		margin: 0;
		display: inline-block;
		vertical-align: middle;
		width: 50%;
		padding: 0 12px;
		box-sizing: border-box;
		padding-left: 3em;
	}
	.header__link__sub li a {
		font-size: 11px;
		padding: 0 2.5em 20px;
		display: inline-block;
	}
	.header__link__item-col {
		font-size: 0;
	}
	.header__link__item-col .header__link__title {
		display: inline-block;
		vertical-align: middle;
		width: 33.3333333%;
	}
	.header__link__item-col .header__link__title a i {
		margin-right: 2.5em;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1239px){
	.header__search__content form{
		max-width: 100%;
	}
}
@media only screen and (min-width: 768px) {
	.header__content__inner.__is-sp {
		display: none !important;
	}
}

/*mega menu*/
.header__mmenu {
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	background-color: rgba(49, 49, 49, 0.9);
	padding:  95px 0 47px;
	overflow: hidden;
	display: none;
}
.nav-global li.is-hovered .header__mmenu {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.header__mmenu .wrp-container {
	position: relative;
}
.header__mmenu__close {
	position: absolute;
	right: 6px;
	top: -66px;
}
.header__mmenu__close span {
	display: block;
	width: 34px;
	height: 34px;
	background: url("/assets/img/common/icn-close-mmenu01.png") no-repeat center;
	cursor: pointer;
	transition: all 0.3s ease;
}
.header__mmenu__close span:hover {
	opacity: 0.7;
}

/* header__mmenu__brands */
.header__mmenu a[target="_blank"]:after{
	content: "";
	background: url(/assets/img/common/icn-external01.png) no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	right: 7px;
	bottom: 9px;
}
.header__mmenu__link-sub li{
	border-bottom: dashed 1px #6f7274;
	position: relative;
}
.header__mmenu__link-sub li a{
	display: block;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.08em;
	padding: 14px 15px;
	text-align: left;
}
.header__mmenu__link-sub li a[target="_blank"]:after{
	right: 15px;
	bottom: 23px;
}
.header__mmenu__brands .grid-col{
	width: 20%;
	margin-top: 20px;
}
.header__mmenu__brands .grid-col--4 .header__mmenu__brands__item{
	padding: 30px 0 24px;
}
.header__mmenu__brands .grid-col .header__mmenu__brands__item{
	padding: 23px 0 11px;
}
.header__mmenu__brands .is-new:before{
	top: 0;
	left: 0;
}
.header__mmenu__brands .grid-col .is-new:before {
	width: 53px;
	height: 23px;
	line-height: 23px;
	font-size: 12px;
}
.nav-global > li .header__mmenu__brands__item{
	display: flex;
	justify-content: center;
	width: 100%;
	background: #fff;
	position: relative;
}
.nav-global > li .header__mmenu__brands__item span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 0 20px;
	text-align: center;
}
.nav-global > li .header__mmenu__brands__item .img-wrapper {
	width: 100%;
}
.nav-global > li .header__mmenu__brands__item.brands-pikowash img {
	max-height: 50px;
}
.nav-global > li .header__mmenu__brands__item.brands-ondo img {
	max-height: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1239px){
	.header__mmenu__brands .grid-col--4{
		width: 33.3333333333%;
	}
	.nav-global > li .header__mmenu__brands__item span{
		padding: 0 10px;
	}
}
@media only screen and (max-width:959px){
	.header__mmenu__brands .grid-col{
		padding: 0 5px;
		margin-top: 10px;
	}
	.header__mmenu__link-sub li:last-child {
		border-bottom: 0;
	}
}

/* header__mmenu__link */
.header__mmenu__content{
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.08em;
}
.header__mmenu__content .grid-col--2{
	padding-left: 20px;
	padding-right: 4px;
}
.header__mmenu__content .grid-col--10{
	padding-left: 21px;
	padding-right: 3px;
}
.header__mmenu__link{}
.header__mmenu__link li{
	width: 20%;
}
.header__mmenu__link li a{
	color: #fff;
	padding: 15px 0 14px 16px;
	display: block;
	position: relative;
	text-align: left;
	font-size: 16px;
	border-bottom: 1px solid #6f7274;
	word-break: break-all;
}
.header__mmenu__link a[target="_blank"]:after {
	display: none;
}
.header__mmenu__link a[target="_blank"] span{
	background: url(/assets/img/common/icn-external01.png) no-repeat top 0.35em right;
	display: inline-block;
	padding-right: 23px;
}
.header__mmenu__link li a i{
	font-size: 10px;
	color: #ccc;
	display: block;
	font-style: normal;
}
.header__mmenu__link-top{
	display: table;
	width: 100%;
	height: 100%;
	background-color: rgba(111, 114, 116, 0.3);
}
.header__mmenu__link-top a{
	display: table-cell;
	vertical-align: middle;
	padding-left: 16px;
	color: #fff;
}
.header__mmenu__link-top--01 a{
	padding-top: 15px;
	padding-bottom: 12px;
}
.header__mmenu__brands + .header__mmenu__link{
	margin-top: 10px;
}

@media (min-width: 768px) and (max-width: 1239px){
	.header__mmenu__content .grid-col--2{
		padding-left: 12px;
		padding-right: 12px;
	}
	.header__mmenu__content .grid-col--10{
		padding-left: 12px;
		padding-right: 12px;
	}
	.header__mmenu__close{
		right: 15px;
	}
	.header__mmenu__link li a{
		font-size: 13px;
		padding-left: 0;
	}
}

@media (min-width: 768px) and (max-width: 1239px){
	.header__mmenu__link-top{
		margin-bottom: 15px;
	}
	.header__mmenu__link-top a{
		padding: 15px;
	}
	.header__mmenu__link li a{
		padding-left: 10px;
	}
	.header__mmenu__close{
		right: 20px;
	}
	.header__mmenu__link-top--01 a{
		padding-top: 15px;
		padding-bottom: 15px;
		margin-bottom: 0;
	}
}

/* 1-3. #l-container
-------------------------------------------------- */
#l-container{
	margin-top: 120px;
}
@media only screen and (max-width: 767px) {
	#l-container{
		margin-top: 55px;
	}
}


/* 1-3-1. #l-main
-------------------------------------------------- */
#l-main{

}


/* 1-3-2. #l-sub
-------------------------------------------------- */


/* 1-4. #l-footer
-------------------------------------------------- */
.footer {
	background: #313131;
	color: #fff;
	padding: 60px 0 30px;
}
.footer .wrp-container {
	position: relative;
}
.footer a {
	color: #fff;
	transition: all 0.3s ease;
}
.footer a:hover {
	opacity: 0.7;
}
.footer__top {
	margin-bottom: 65px;
}
.footer__sitelogo {
	font-size: 0;
}
.footer__sitelogo img {
	vertical-align: baseline;
}
.footer__sitelogo a {
	display: inline-block;
}
.footer__middle {
	margin-bottom: 60px;
}
.footer__link__title {
	border-bottom: 1px solid #525557;
}
.footer__link__title a {
	display: block;
	padding: 20px 0 17px;
}
.footer__link__title i {
	color: #7a7e80;
	font-size: 0.6em;
	vertical-align: middle;
	margin-right: 1em;
	position: relative;
	top: -0.2em;
}
.footer__link__top {
	display: none;
}
.footer__link__top a {
	display: block !important;
	background: #464646;
	font-size: 13px;
	padding: 18px 20px;
}
.footer__link__top a i {
	color: #7a7e80;
	font-size: 0.6em;
	vertical-align: middle;
	margin-right: 1em;
	position: relative;
	top: -0.2em;
}
.footer__link__content {
	padding-top: 27px;
}
.footer__link__content ul {
	margin-left: 0;
}
.footer__link__content li {
	line-height: 1;
	margin-bottom: 17px;
	padding-left: 13px;
}
.footer__link__content a {
	display: inline-block;
	line-height: 1.5;
	font-size: 14px;
	outline: none;
}
.footer__link__content a[target="_blank"] {
	padding-right: 19px;
	background: url("/assets/img/common/icn-external01.png") no-repeat top 0.25em right;
	background-size: 7px auto;
}
.footer__link__content a i{
	font-size: 10px;
	color: #ccc;
	display: inline-block;
	font-style: normal;
}
.footer__link__sub {
	font-size: 0;
	margin: 10px -12px 0;
	position: relative;
	padding-top: 23px;
}
.footer__link__sub:before {
	content: "";
	display: block;
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 12px;
	right: 12px;
	border-top: 1px dashed #525557;
}
.footer__link__sub li {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	padding: 0 12px;
	box-sizing: border-box;
}
.footer__link__sub li a {
	display: inline-block;
	font-size: 14px;
	padding: 0 1em;
}
.footer__link__social {
	margin-top: 11px;
}
.footer__link__social a {
	font-size: 32px;
	color: #959899;
}
.footer__bottom {
	border-top: 1px solid #525557;
	margin-bottom: 46px;
	padding-top: 25px;
}
.footer__bottom:after {
	content: "";
	display: block;
	clear: both;
}
.footer__sitemap {
	float: left;
}
.footer__sitemap li {
	display: inline-block;
	vertical-align: middle;
	padding: 0 18px;
}
.footer__sitemap li:first-child {
	padding-left: 0;
}
.footer__sitemap li a {
	display: block;
	font-size: 14px;
}
.footer__language {
	float: right;
	font-size: 0;
	margin-top: 5px;
}
.footer__language li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 1px;
}
.footer__language li a {
	display: block;
	font-size: 14px;
	text-align: center;
	background: #3c3c3c;
	padding: 4px 20px;
}
.footer__contact {
	position: absolute;
	right: 15px;
	top: -12px;
	width: 262px;
}
.footer__contact .btn {
	border: 1px solid #525557;
	background: none;
	max-width: 262px;
	padding: 16px 0;
}
.footer__contact .btn:hover {
	border: 1px solid #fff;
	color: #000;
	background: #fff;
	opacity: 1;
}
.footer__copyright {
	font-size: 12px;
	text-align: center;
	letter-spacing: 0.04em;
}
@media only screen and (max-width: 959px) {
	.footer__sitelogo {
		text-align: center;
	}
	.footer__link__item-sp {
		font-size: 0;
	}
	.footer__link__item-sp .footer__link__title,
	.footer__link__item-sp .footer__link__social {
		display: inline-block;
		vertical-align: middle;
		width: 25%;
	}
	.footer__link__item-sp .footer__link__social {
		width: 20%;
		margin-left: 5%;
		text-align: right;
		margin-top: 0;
	}
	.footer__sitemap,
	.footer__language {
		float: none;
	}
	.footer__contact {
		position: static;
		width: auto;
		margin-bottom: 22px;
	}
	.footer__link__title a {
		font-size: 16px;
	}
	.footer__link__title a.is-visibleSp {
		display: none !important;
	}
	.footer__bottom {
		text-align: center;
		border-top: 0;
		padding-top: 0;
	}
	.footer__sitemap {
		margin-bottom: 25px;
	}
	.footer__link__item-sp .footer__link__title {
		border-bottom: 0;
	}
	.footer__link__item {
		border-bottom: 1px solid #525557;
		padding-bottom: 20px;
	}
	.footer__link__item-sp {
		border-bottom: 1px solid #525557;
		padding-bottom: 0;
	}
	.footer__language {
		margin-top: 0;
	}
}
@media only screen and (max-width: 767px) {
	.footer {
		padding: 40px 0 20px;
	}
	.footer__top {
		margin-bottom: 20px;
	}
	.footer__sitelogo img {
		max-width: 259px;
	}
	.footer__link__item {
		padding-bottom: 0;
	}
	.footer__middle {
		margin-bottom: 40px;
	}
	.footer__link__title {
		border-bottom: 0;
	}
	.footer__link__title a {
		font-size: 13px;
		padding: 17px 0 17px;
	}
	.footer__link__title a.is-visibleSp {
		display: block !important;
	}
	.footer__link__title a.js-accordion:before {
		content: "\f067";
		font-family: "Font Awesome 5 Pro";
		font-weight: 300;
		-webkit-font-smoothing: antialiased;
		display: inline-block;
		font-style: normal;
		font-variant: normal;
		text-rendering: auto;
		line-height: 1;
		color: #7a7e80;
		margin-right: 1em;
	}
	.footer__link__title.is-opened {
		border-bottom: 1px solid #464646;
	}
	.footer__link__title.is-opened a.js-accordion:before {
		content: "\f068";
	}
	.footer__link__top {
		display: block;
	}
	.footer__link__content {
		padding-top: 0;
	}
	.footer__link__content.is-active {
		border-bottom:
	}
	.footer__link__content ul {
		padding-top: 15px;
	}
	.footer__link__content .grid-col--6 + .grid-col--6 ul {
		padding-top: 0;
	}
	.footer__link__content ul:after {
		content: "";
		display: block;
		clear: both;
	}
	.footer__link__content li {
		padding-left: 2.8em;
		margin-bottom: 30px;
		width: 50%;
		box-sizing: border-box;
		float: left;
	}
	.footer__link__content a {
		font-size: 12px;
	}
	.footer__link__content a[target="_blank"]{
		padding-right: 14px;
	}
	.footer__link__sub {
		margin: -10px 0 0;
		padding-top: 10px;
	}
	.footer__link__sub ul {
		padding-top: 10px;
	}
	.footer__link__sub li {
		margin-bottom: 0;
	}
	.footer__link__sub li a {
		font-size: 12px;
		padding: 0 3em 20px;
	}
	.footer__link__social a {
		font-size: 21px;
		padding-right: 16px;
	}
	.footer__bottom {
		margin-bottom: 38px;
	}
	.footer__contact .btn {
		font-size: 12px;
		max-width: 168px;
		padding: 11px 0;
	}
	.footer__link__item-sp .footer__link__title i {
		margin-right: 8px;
	}
	.footer__sitemap {
		margin-bottom: 12px;
	}
	.footer__sitemap li {
		display: block;
		padding: 0;
		margin-bottom: 6px;
		text-align: center;
	}
	.footer__sitemap li a {
		font-size: 10px;
		display: inline-block;
	}
	.footer__language li a {
		font-size: 11px;
		padding: 2px 12px;
	}
	.footer__copyright {
		font-size: 10px;
	}
}
@media only screen and (min-width: 768px) {
	.footer__link__content {
		display: block !important;
	}
	.footer__link__title a.is-visibleTablet {
		display: block !important;
	}
}



/* 1-5. #l-navGlobal
-------------------------------------------------- */
#l-navGlobal{

}


/* 1-6. pageHeader
-------------------------------------------------- */



/* 1-7. layoutType
-------------------------------------------------- */



/* -----------------------------------------------
 [2. Object]
-------------------------------------------------- */

/* 2-1. Component a.k.a Module
-------------------------------------------------- */
/*2-1-1.  Wrap     [wrp-***]*/
.wrp-container {
	max-width: 1200px;
	padding: 0 15px;
	margin: 0 auto;
}

/*2-1-2.  Box      [box-***]*/
.box-main-visual .slick-prev,
.box-main-visual .slick-next{
	display: none !important;
}
.box-main-visual .slick-dots{
	bottom: 22px;
	right: 70px;
	text-align: right;
}
.box-main-visual .slick-dotted.slick-slider{
	margin-bottom: 0;
}
.box-main-visual .slick-dots li{
	width: 80px;
	height: 5px;
	margin: 0 10px;
}
.box-main-visual .slick-dots li button{
	width: 80px;
	height: 5px;
	padding: 0;
}
.box-main-visual .slick-dots button:before{
	content: "";
	width: 80px;
	height: 5px;
	background: #fff;
	opacity: 0.3 !important;
}
.box-main-visual .slick-dots li.slick-active button:before{
	opacity: 1 !important;
	background: #000;
}
.box-main-visual .slick-dots li:hover button:before{
	opacity: 1 !important;
}
@media only screen and (max-width:767px){
	.box-main-visual .slick-dots li{
		width: 40px;
		height: 3px;
		margin: 0 5px;
	}
	.box-main-visual .slick-dots li button,
	.box-main-visual .slick-dots button:before{
		width: 40px;
		height: 3px;
	}
	.box-main-visual .slick-dots{
		bottom: 3px;
		right: 10px;
	}
}
@media only screen and (min-width:560px) and (max-width:960px){
	.box-main-visual .slick-dots{
		bottom: 0;
		right: 0;
	}
	.box-main-visual .slick-dots li,
	.box-main-visual .slick-dots button:before{
		width: 50px;
	}
}
.box-article__title{
	font-size: 28px;
	letter-spacing: 0.07em;
	text-align: center;
	margin-bottom: 7px;
}
.box-article__info{
	line-height: 1.75;
	font-size: 16px;
	letter-spacing: 0.07em;
}
.lst-article{
	max-width: 1548px;
	margin: 0 auto;
}
.box-article__button{
	display: block;
	margin-top: 25px;
	text-align: center;
}
.box-article__button .btn{
	max-width: 210px;
	padding: 15px 0 14px;
	letter-spacing: -0.02em !important;
}
.box-article__image{
	line-height: 0;
	font-size: 0;
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
}
.box-article__content{
	background: #f8f8f8;
	padding: 30px 40px 37px;
	display: block;
}
.box-article__inner{
	position: relative;
	z-index: 2;
}
@media only screen and (max-width: 767px){
	.lst-article li + li {
		margin-top: 28px;
	}
}
@media only screen and (max-width:767px){
	.box-article__title{
		font-size: 20px;
	}
	.box-article__button{
		margin-top: 16px;
	}
	.box-article__info{
		font-size: 12px;
		line-height: 1.75;
	}
	.box-article__content{
		padding: 16px 18px 23px;
	}
}
@media only screen and (min-width: 560px) and (max-width: 960px) {
	.lst-article li:first-child {
		margin-bottom: 28px;
	}
}

.box-article--main{
	position: relative;
	padding-top: 520px;
	margin-top: 97px;
}
.box-article--main:before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 600px;
	background: #04091d url("/assets/img/rd/rd-bg-main01.jpg") no-repeat top center;
	background-size: auto 600px;
}
.box-article--main .box-article__content{
	padding: 65px 25px 64px;
}
.box-article--main .box-article__info{
	font-size: 18px;
	line-height: 1.8;
	letter-spacing: 0.08em;
	text-align: center;
}
.box-article--main .box-article__title{
	font-size: 40px;
	letter-spacing: 0;
	line-height: 0.8125;
	margin-bottom: 33px;
}
.box-article--main .box-article__button {
	margin-top: 32px;
}
.box-article--main .btn{
	padding: 15px 0 14px;
}
@media only screen and (max-width:767px){
	.box-article--main{
		position: relative;
		padding-top: 248px;
		margin-top: 43px;
	}
	.box-article--main:before{
		height: 288px;
		background: #04091d url("/assets/img/rd/rd-bg-main01-sp.jpg") no-repeat top center;
		background-size: auto 288px;
	}
	.box-article--main .wrp-container{
		padding: 0 16px;
	}
	.box-article--main .box-article__content{
		padding: 28px 20px 28px;
	}
	.box-article--main .box-article__title{
		font-size: 20px;
		margin-bottom: 16px;
		line-height: 1.1;
	}
	.box-article--main .box-article__info{
		font-size: 12px;
		line-height: 1.75;
		letter-spacing: 0.1em;
		text-align: left;
	}
	.box-article__button .btn{
		font-size: 16px;
		/*max-width: 112px;*/
		max-width: 200px;
		padding: 20px 0;
		display: inline-block;
	}
	.box-article--main .box-article__button{
		margin-top: 24px;
	}
}
.box-article--col {
	border: 1px solid rgba(193,194,194,0.8);
	padding: 30px 0 39px;
}
.box-article--col .box-article__title {
	margin-bottom: 21px;
}
.box-article--col .box-article__inner {
	display: table;
	width: 100%;
}
.box-article--col .box-article__image,
.box-article--col .box-article__content {
	display: table-cell;
	vertical-align: top;
}
.box-article--col .box-article__image {
	width: 272px;
}
.box-article--col .box-article__image img {
	position: relative;
	left: -1px;
}
.box-article--col .box-article__content {
	background: none;
	padding: 12px 40px 0;
}
.box-article--col .box-article__button {
	margin-top: 24px;
}
@media only screen and (max-width:767px){
	.box-article--col {
		padding: 20px 15px 24px;
	}
	.box-article--col .box-article__title {
		margin-bottom: 11px;
	}
	.box-article--col .box-article__image {
		width: 43.516%;
	}
	.box-article--col .box-article__content {
		padding: 0 0 0 23px;
	}
	.box-article--col .box-article__content__inner {
		position: relative;
		top: -0.3em;
	}
	.box-article--col .box-article__button {
		margin-top: 10px;
	}
}

.box-lead{
	margin-top: 26px;
}
.txt-lead{
	font-size: 18px;
	line-height: 1.8;
	text-align: center;
	letter-spacing: 0.07em;
}
@media only screen and (max-width:767px){
	.box-lead{
		margin-top: 35px;
	}
	.txt-lead{
		font-size: 16px;
		line-height: 2;
		text-align: left;
		padding: 0 20px;
	}
}

.box-notice {
	padding: 30px;
	margin: 50px 30px;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 105%;
	line-height: 1.8;
}
.box-notice p {
	line-height: 1.8;
}


.section-movie {
	padding: 60px 0;
	background: #f8f8f8;
}
.lst-movie__title {
	margin-bottom: 10px;
}
.lst-movie__content {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.lst-movie__content iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
@media only screen and (max-width: 959px) {
	.lst-movie__title {
		font-size: 14px;
	}
}
@media only screen and (max-width: 767px) {
	.section-movie {
		padding: 30px 0;
	}
	.lst-movie__title {
		font-size: 12px;
	}
}
@media only screen and (max-width: 639px) {
	.lst-movie__item {
		width: 100% !important;
		margin-bottom: 30px;
	}
}


.box-system {
	max-width: 1546px;
	margin: 0 auto;
	padding: 0 16px;
	text-align: center;
}
.box-system__top {
	position: relative;
	z-index: 1;
	display: inline-block;
	width: 100%;
	max-width: 512px;
	padding-bottom: 511px;
}
.box-system__top img {
	max-width: 512px;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.4s ease;
}
.box-system__list {
	margin-top: -170px;
}
@media only screen and (min-width: 960px) and (max-width:1239px){
	.box-system__top {
		max-width: 400px;
		padding-bottom: 397px;
	}
	.box-system__top img {
		max-width: 400px;
	}
	.box-system__list {
		margin-top: -135px;
	}
}
@media only screen and (max-width:959px){
	.box-system__top {
		max-width: 32.446vw;
		padding-bottom: 32.383vw;
	}
	.box-system__top img {
		max-width: 32.446vw;
	}
	.box-system__list {
		margin-top: -10.773vw;
	}
}
@media only screen and (max-width:959px){
	.box-notice {
		text-align: left;
		padding: 20px;
	}
}
@media only screen and (max-width:767px){
	.box-system__top {
		max-width: 231px;
		padding-bottom: 231px;
	}
	.box-system__top img {
		max-width: 231px;
	}
	.box-system__list {
		margin-top: -80px;
	}
}

.nav-inpage{
	border: 1px solid #cdcece;
	padding: 50px 65px;
	margin: 209px 0 103px;
}
.nav-inpage__title{
	font-size: 32px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 25px;
	letter-spacing: 0.07em;
}
.nav-inpage__top {
	background: #f8f8f8;
	display: block;
	position: relative;
	letter-spacing: 0.05em;
}
.nav-inpage__top a {
	padding: 14px 26px 13px;
	display: block;
}
.nav-inpage__top a i{
	font-size: 0.6em;
	padding-right: 17px;
	position: relative;
	top: -0.3em;
}
.nav-inpage__top  span{
	margin-left: 0.5em;
}
.lst-inpage:after{
	content: "";
	display: block;
	clear: both;
}
.lst-inpage li{
	display: inline-block;
	position: relative;
	padding-left: 35px;
	float: left;
	width: 20.5%;
	box-sizing: border-box;
	border-bottom: 1px solid #cdcece;
}
.lst-inpage li:nth-child(1),
.lst-inpage li:nth-child(6n) {
	width: 17.5%;
}
.lst-inpage li:nth-child(5n) {
	width: 21%;
}
.lst-inpage li a{
	padding: 16px 0 13px;
	display: block;
	letter-spacing: 0.07em;
}
.lst-inpage li a span {
	position: relative;
	padding-left: 23px;
	display: block;
}
.lst-inpage li a i{
	font-size: 0.6em;
	padding-right: 17px;
	position: absolute;
	top: 0.82em;
	left: 0;
}
@media only screen and (min-width:960px) and (max-width:1239px){
	.nav-inpage {
		padding: 50px 30px;
	}
}
@media only screen and (min-width:768px) and (max-width:959px){
	.lst-inpage li,
	.lst-inpage li:nth-child(1),
	.lst-inpage li:nth-child(6n),
	.lst-inpage li:nth-child(5n) {
		width: 33.3333333%;
	}
	.nav-inpage {
		padding: 50px 30px;
	}
}
@media only screen and (max-width:767px){
	.nav-inpage {
		padding: 25px 18px 28px;
		margin: 80px 0 52px;
	}
	.nav-inpage__title {
		font-size: 18px;
		letter-spacing: 0;
	}
	.nav-inpage__top {
			margin-bottom: 5px;
	}
	.nav-inpage__top a {
		padding: 6px 14px;
	}
	.nav-inpage__top a i {
		padding-right: 5px;
	}
	.lst-inpage li,
	.lst-inpage li:nth-child(1),
	.lst-inpage li:nth-child(6n),
	.lst-inpage li:nth-child(5n) {
		width: 50%;
	}
	.lst-inpage {
		margin: 0 -4px;
		-ms-display: flex;
		-moz-display: flex;
		-webkit-display: flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.lst-inpage li {
		padding: 0 4px;
		border-bottom: 0;
	}
	.lst-inpage li:nth-child(1){
		-moz-order: 1;
		-webkit-order: 1;
		order: 1;
	}
	.lst-inpage li:nth-child(2){
		-moz-order: 3;
		-webkit-order: 3;
		order: 3;
	}
	.lst-inpage li:nth-child(3){
		-moz-order: 5;
		-webkit-order: 5;
		order: 5;
	}
	.lst-inpage li:nth-child(4){
		-moz-order: 7;
		-webkit-order: 7;
		order: 7;
	}
	.lst-inpage li:nth-child(5){
		-moz-order: 2;
		-webkit-order: 2;
		order: 2;
	}
	.lst-inpage li:nth-child(6){
		-moz-order: 4;
		-webkit-order: 4;
		order: 4;
	}
	.lst-inpage li:nth-child(7){
		-moz-order: 6;
		-webkit-order: 6;
		order: 6;
	}
	.lst-inpage li a {
		padding: 15px 0 14px 19px;
		letter-spacing: 0;
		line-height: 1;
		border-bottom: 1px solid rgba(125,125,125,0.3);
	}
	.lst-inpage li a span {
		padding-left: 12px;
	}
	.lst-inpage li a i {
		padding-right: 8px;
		top: 0.52em;
	}
}
@media only screen and (max-width: 479px){
	.nav-inpage {
		padding-left: 10px;
		padding-right: 10px;
	}
	.nav-inpage__top a {
		padding: 6px 5px;
	}
	.lst-inpage li a {
		padding: 15px 0 14px 10px;
	}
}


/*2-1-3.  Table    [tbl-***]*/



/*2-1-4.  Headings [hdg_lv*]*/
.hdg-lv1{
	font-size: 56px;
	text-align: center;
	padding-top: 45px;
}
.hdg-lv2{
	position: relative;
	text-align: center;
	margin-bottom: 85px;
	font-size: 34px;
	font-weight: normal;
}
.hdg-lv2:after{
	position: absolute;
	content: "";
	height: 40px;
	width: 1px;
	bottom: -48px;
	left: 50%;
	background-color: #ff5400;
}
@media only screen and (max-width:767px){
	.hdg-lv1{
		font-size: 28px;
		padding-top: 20px;
	}
	.hdg-lv2{
		font-size: 27px;
		margin-bottom: 40px;
	}
	.hdg-lv2:after{
		height: 20px;
		bottom: -21px;
	}
}


/*2-1-5.  Nav      [nav-***]*/
.nav-breadcrumb {
	margin-top: 40px;
	border-top: 1px solid #e6e6e6;
}
.nav-breadcrumb ul{
	padding: 18px 0 15px;
}
.nav-breadcrumb li{
	display: inline-block;
	font-size: 14px;
	font-weight: normal!important;
	line-height: 1.857;
	letter-spacing: 0.1em!important;
	color: #000!important;
	position: relative;
	padding: 0 15px;
	vertical-align: middle;
}
.nav-breadcrumb li:first-child{
	padding-left: 0;
}
.nav-breadcrumb li:after{
	content: "\f105";
	display: inline-block;
	color: #000!important;
	font-family: "Font Awesome 5 Pro";
	right: -5px;
	position: absolute;
	top: 0;
}
.nav-breadcrumb li:last-child:after{
	display: none;
}
@media only screen and (max-width:767px){
	.nav-breadcrumb li{
		font-size: 12px;
		padding: 0 5px;
	}
	.nav-breadcrumb{
		margin-top: 14px;
		margin-bottom: 0;
	}
	.nav-breadcrumb ul{
		padding: 6px 0 27px;
	}
	.nav-breadcrumb li:after{
		right: -3px;
	}
}
/*2-1-6.  List     [lst-***]*/
.lst-news {}
.lst-news li{
	border-bottom: solid 1px #e6e6e6;
	font-size: 16px;
	line-height: 2;
	display: table;
	width: 100%;
}
.lst-news li a{
	display: block;
	padding: 17px 0 15px;
}
.lst-news__date{
	display: table-cell;
	width: 12.5%;
	vertical-align: top;
	color: #555;
	padding: 20px 40px 15px 0;
}
.lst-news__txt{
	color: #000;
	display: table-cell;
	vertical-align: top;
	font-size: 20px;
}
@media only screen and (max-width:767px){
	.lst-news li{
		font-size: 12px;
	}
	.lst-news li a{
		line-height: 1.5;
		padding: 17px 0 17px;
	}
	.lst-news__date{
		padding-right: 40px;
		padding: 15px 40px 15px 0;
	}
	.lst-news__txt {
		font-size: 16px;
	}
}

.lst-about__item{
	line-height: 0;
}
.lst-about__item__txt{
	background: #fff;
	padding: 20px;
	font-size: 20px;
	line-height: 1.3;
	text-align: center;
	position: relative;
}
.lst-about__item__txt:before{
	content: "\f054";
	font-family: "Font Awesome 5 Pro";
	font-size: 14px;
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
}
.lst-about__item a{
	display: block;
}
@media only screen and (max-width:959px){
	.lst-about__item{
		max-width: 686px;
		float: none !important;
		margin: 0 auto 20px;
	}
	.lst-about__item__img{
		text-align: center;
	}
}
@media only screen and (max-width:767px){
	.lst-about__item{
		margin-bottom: 20px;
	}
	.lst-about__item__txt{
		font-size: 16px;
		padding: 15px 0 12px;
	}
	.lst-about__item__txt:before{
		font-size: 13px;
		left: 18px;
	}
}

.lst-brand {
	display: block;
	text-align: center;
	font-size: 0;
}
.lst-brand li{
	display: inline-block;
	font-size: 0;
	vertical-align: middle;
	margin-bottom: 50px;
}
.lst-brand li.lst-brand__row01 {
	padding: 0 5px;
}
.lst-brand li.lst-brand__row02 {
	margin-bottom: 45px;
	padding: 0 10px;
}
.lst-brand li.lst-brand__row03{
	padding: 0 25px;
}
.lst-brand li.brand-goto {
	margin-right: -14px;
}
.lst-brand li.brand-plosion {
	margin-left: -11px;
}
.lst-brand li.brand-style {
	margin-left: -18px;
}
.lst-brand li.brand-bc {
	padding: 0 5px 0 55px;
}
.lst-brand li.block{
	display: block;
	margin-bottom: 0;
	padding: 0;
}
.lst-brand li > a {
	display: table;
}
.lst-brand li.lst-brand__row01 > a {
	width: 233px;
}
.lst-brand li.lst-brand__row02 > a {
	width: 150px;
}
.lst-brand li.lst-brand__row03 > a {
	width: 180px;
}
.lst-brand li.lst-brand__row03.brand-dokirei > a {
	width: 160px;
}
.lst-brand li > a span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.lst-brand li.brand-refa img {
	height: 50px;
	margin-left: 50px;
}
.lst-brand li.brand-ondo img {
	height: 26px;
}
.lst-brand li.brand-mdna img {
	height: 50px;
}
.lst-brand li.brand-plosion img {
	height: 72px;
}
.lst-brand li.brand-style img {
	height: 46px;
}
.lst-brand li.brand-caxaup img {
	margin-top: -8px;
	margin-right: -20px;
}
.lst-brand li.brand-period img {
	margin-top: -17px;
}
.lst-brand li.brand-obleu img {
	margin-top: -8px;
}
.lst-brand li.brand-mask img {
	height: 30px;
}
.lst-brand li.brand-dokirei img {
	height: 28px;
}
.lst-brand li.brand-pikowash img {
	height: 60px;
	margin-left: -65px;
}
@media only screen and (max-width: 1239px) {
	.lst-brand li.lst-brand__row02 > a {
		width: 110px;
	}
	.lst-brand li.brand-ondo img {
		height: 20px;
	}
	.lst-brand li.brand-mdna img {
		height: 40px;
	}
	.lst-brand li.brand-plosion img {
		height: 65px;
	}
	.lst-brand li.brand-style img {
		height: 40px;
	}
	.lst-brand li.brand-bc {
		padding: 0 5px 0 25px;
	}
}
@media only screen and (max-width:959px){
	.lst-brand li.lst-brand-col3-sp {
		margin-bottom: 40px;
	}
	.lst-brand li.lst-brand__row02 {
		margin-bottom: 40px;
		padding: 0 7px;
	}
	.lst-brand li.brand-goto {
		margin-right: 5px;
	}
}
@media only screen and (max-width:767px){
	/*.lst-brand {
		max-width: 311px;
		margin: 0 auto;
	}
	.lst-brand li {
		width: 50%;
		box-sizing: border-box;
	}
	.lst-brand li.lst-brand-col3-sp {
		width: 33.3333333%;
	}
	.lst-brand li.lst-brand__row01,
	.lst-brand li.lst-brand__row02{
		margin-bottom: 35px;
		padding: 0;
	}
	.lst-brand li.lst-brand__row01 > a,
	.lst-brand li.lst-brand__row02 > a{
		width: auto;
		margin: 0 auto;
	}
	.lst-brand li.brand-caxaup img,
	.lst-brand li.brand-period img,
	.lst-brand li.brand-obleu img {
		margin: 0;
	}
	.lst-brand li.brand-refa img {
		height: 30px;
	}
	.lst-brand li.brand-sixpad img {
		height: 22px;
	}
	.lst-brand li.brand-newpeace img {
		height: 20px;
	}
	.lst-brand li.brand-bc img {
		height: 37px;
	}
	.lst-brand li.brand-mdna img {
		height: 34px;
	}
	.lst-brand li.brand-kirala img {
		height: 32px;
	}
	.lst-brand li.brand-plosion img {
		height: 61px;
	}
	.lst-brand li.brand-style img {
		height: 34px;
	}
	.lst-brand li.brand-pao img {
		height: 25px;
	}
	.lst-brand li.brand-inbeaute img {
		height: 19px;
	}
	.lst-brand li.brand-caxaup img {
		height: 14px;
	}
	.lst-brand li.brand-obleu img {
		height: 14px;
	}
	.lst-brand li.brand-taikan img {
		height: 13px;
	}
	.lst-brand li.brand-liplu img {
		height: 14px;
	}
	.lst-brand li.brand-period img {
		height: 32px;
	}*/
	.lst-brand li.brand-goto {
		margin-right: 0;
	}
	.lst-brand li.brand-newpeace img {
		height: 20px;
	}
	.lst-brand li.brand-ondo img {
		height: 20px;
	}
	.lst-brand li.brand-goto img {
		height: 23px;
	}
	.lst-brand {
		max-width: 303px;
		margin: 0 auto;
		-ms-display: flex;
		-moz-display: flex;
		-webkit-display: flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.lst-brand li {
		width: 50%;
		box-sizing: border-box;
	}
	.lst-brand li.block {
		display: none;
	}
	.lst-brand li.brand-mask {
		order: 8;
	}
	.lst-brand li.brand-dokirei {
		order: 9;
	}
	.lst-brand li.brand-pikowash {
		order: 10;
		margin: 0 auto 35px;
	}
	.lst-brand li.brand-style {
		order: 7;
	}
	.lst-brand li.brand-pao {
		order: 6;
	}
	.lst-brand li.lst-brand__row01{
		margin-bottom: 40px;
		padding: 0;
	}
	.lst-brand li.lst-brand-col3-sp {
		width: 33.3333333%;
	}
	.lst-brand li.lst-brand__row01 > a,
	.lst-brand li.lst-brand__row02 > a,
	.lst-brand li.lst-brand__row03 > a {
		width: auto;
		margin: 0 auto;
	}
	.lst-brand li.lst-brand__row02{
		margin-bottom: 35px;
		padding: 0;
	}
	.lst-brand li.lst-brand__row03{
		margin-bottom: 35px;
		padding: 0;
	}
	.lst-brand li.lst-brand-col3-sp {
		margin-bottom: 36px;
	}
	.lst-brand li.lst-brand__row02 > a{
		width: auto;
	}
	.lst-brand li.brand-refa img {
		height: 38px;
		margin-left: 0;
	}
	.lst-brand li.brand-sixpad img {
		height: 27px;
		width: auto;
	}
	.lst-brand li.brand-bc img {
		height: 39px;
	}
	.lst-brand li.brand-mdna img {
		height: 34px;
	}
	.lst-brand li.brand-plosion img {
		height: 55px;
		margin-left: 17px;
	}
	.lst-brand li.brand-style img {
		height: 30px;
		margin-left: 35px;
	}
	.lst-brand li.brand-pao img {
		height: 23px;
		margin-left: 0;
	}
	.lst-brand li.brand-caxaup img,
	.lst-brand li.brand-period img,
	.lst-brand li.brand-obleu img {
		margin: 0;
	}
	.lst-brand li.brand-mask img {
		height: 20px;
		margin-left: 35px;
	}
	.lst-brand li.brand-dokirei img {
		height: 20px;
	}
	.lst-brand li.brand-pikowash img {
		height: 45px;
		margin-top: -12px;
		margin-left: 0;
	}
	.lst-brand li.brand-goto > a span {
		padding: 0 18px;
	}
}

.lst-product > li{
	padding-bottom: 24px;
}
.lst-product > li > a{
	display: block;
	cursor: pointer;
}
.lst-product__item{
	display: block;
}
.lst-product__img{
	font-size: 0;
	text-align: center;
	border: 1px solid #e8e8e8;
	box-sizing: border-box;
}
.lst-product__img:before {

}
.lst-product__info{
	padding: 22px 25px;
	background: #f8f8f8;
}
.lst-product__date{
	font-size: 14px;
	color: #7d7d7d;
	line-height: 1;
	letter-spacing: -0.02em;
}
.lst-product__des{
	line-height: 1.75;
	letter-spacing: 0.1em;
}
.lst-product__date + .lst-product__des{
	margin-top: 19px;
}
.lst-product__des + .lst-product__date{
	margin-top: 19px;
}

@media only screen and (max-width:959px){
	.lst-product .grid-col--4{
		width: 50%;
	}
}
@media only screen and (max-width:767px){
	.lst-product li{
		padding-bottom: 7px;
	}
	.lst-product__info{
		padding: 15px 20px 30px;
	}
	.lst-product__date{
		font-size: 12px;
		letter-spacing: 0.04em;
	}
	.lst-product__des{
		line-height: 1.5;
		letter-spacing: 0.04em;
	}
	.lst-product__date + .lst-product__des{
		margin-top: 8px;
	}
	.lst-product__des + .lst-product__date{
		margin-top: 8px;
	}
}

.lst-system {
	margin: 0 -1px !important;
}
.lst-system li {
	padding: 0 1px;
}
.lst-system li a {
	display: block;
	position: relative;
	text-align: center;
	color: #fff;
	height: 623px;
}
.lst-system li a.creation {
	background: url('/assets/img/company/business-bg-strategy01.jpg') no-repeat center;
	background-size: cover;
}
.lst-system li a.technology {
	background: url('/assets/img/company/business-bg-strategy02.jpg') no-repeat center;
	background-size: cover;
}
.lst-system li a.branding {
	background: url('/assets/img/company/business-bg-strategy03.jpg') no-repeat center;
	background-size: cover;
}
.lst-system li a.marketing {
	background: url('/assets/img/company/business-bg-strategy04.jpg') no-repeat center;
	background-size: cover;
}
.lst-system li a span {
	display: block;
}
.lst-system__content {
	position: absolute;
	left: 0;
	right: 0;
	top: 142px;
}
.lst-system__title {
	font-size: 48px;
	margin-bottom: 10px;
}
.lst-system__text {
	font-size: 20px;
	line-height: 1.8;
}
.lst-system__button {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 80px;
}
.lst-system__button .btn {
	border: 1px solid #fff;
	background: transparent;
	display: inline-block;
	max-width: 210px;
	padding: 14px 0;
}
.lst-system li a:hover .lst-system__button .btn {
	background: #fff;
	color: #000;
}
@media only screen and (min-width: 960px) and (max-width:1239px){
	.lst-system li a {
		height: 484px;
	}
	.lst-system__title {
		font-size: 34px;
	}
	.lst-system__text {
		font-size: 13px;
	}
	.lst-system__button .btn {
		max-width: 170px;
		font-size: 14px;
	}
}
@media only screen and (max-width:959px){
	.lst-system {
		margin: 0 -2px !important;
	}
	.lst-system li {
		padding: 0 2px;
		margin-bottom: 4px;
	}
	.lst-system li a {
		height: 39.480vw;
	}
	.lst-system__content {
		top: 8.999vw;
	}
	.lst-system__title {
		font-size: 3.042vw;
		margin-bottom: 0.634vw;
	}
	.lst-system__text {
		font-size: 1.267vw;
	}
	.lst-system__button {
		bottom: 5.070vw;
	}
	.lst-system__button .btn {
		max-width: 13.308vw;
		padding: 0.887vw 0;
		font-size: 1.014vw;
	}
}
@media only screen and (max-width:767px){
	.lst-system li a {
		height: 274px;
	}
	.lst-system li a.creation {
		background: url('/assets/img/company/business-bg-strategy01-sp.jpg') no-repeat center;
		background-size: cover;
	}
	.lst-system li a.technology {
		background: url('/assets/img/company/business-bg-strategy02-sp.jpg') no-repeat center;
		background-size: cover;
	}
	.lst-system li a.branding {
		background: url('/assets/img/company/business-bg-strategy03-sp.jpg') no-repeat center;
		background-size: cover;
	}
	.lst-system li a.marketing {
		background: url('/assets/img/company/business-bg-strategy04-sp.jpg') no-repeat center;
		background-size: cover;
	}
	.lst-system__content {
		top: 72px;
	}
	.lst-system__title {
		font-size: 20px;
		margin-bottom: 8px;
	}
	.lst-system__text {
		font-size: 10px;
	}
	.lst-system__button {
		bottom: 40px;
	}
	.lst-system__button .btn {
		max-width: 112px;
		padding: 6px 0;
		font-size: 12px;
	}
}

/*2-1-7.  Button   [btn-***]*/
.btn{
	position: relative;
	border: 1px solid #000;
	line-height: 1;
	display: inline-block;
	width: 100%;
	max-width: 336px;
	padding: 23px 0;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
	background-color: #fff;
	transition: all .3s ease;
}
.btn:hover{
	background-color: #000;
	color: #fff;
}
.cont6 .btn{
	border: none;
	text-align: left;
}
.cont6 .btn:hover{
	background-color: transparent;
	color: #000;
	opacity: 0.6;
}


.btn--type01{
	width: 100%;
	max-width: 100%;
	border-color: #c1c2c2;
	padding: 31px 31px 30px;
	transition: all .3s ease;
	font-size: 20px;
	text-align: left;
	white-space: nowrap;
}
.btn--type01 small{
	font-size: 16px;
	color: #666;
	margin-left: 37px;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0.08em;
	position: relative;
	top: -0.1em;
}
.btn--type01 i {
	font-size: 13px;
	color: #7a7e80;
	margin-right: 15px;
	position: relative;
	top: -0.1em;
}
.btn--type01:hover{
	border-color: #000;
	background-color: #000;
	color: #fff;
}
.btn--type01:hover i,
.btn--type01:hover small{
	color: #fff;
}
@media only screen and (min-width:960px) and (max-width: 1239px){
	.btn--type01{
		font-size: 16px;
		padding: 30px 20px;
	}
	.btn--type01 small{
		font-size: 14px;
	}
	.btn--type01 i {
		font-size: 11px;
		margin-right: 10px;
	}
}
@media only screen and (max-width:959px){
	.btn--type01{
		font-size: 14px;
	}
	.btn--type01 small{
		font-size: 12px;
	}
	.section-link--brands .btn--type01 {
		padding: 30px 10px;
		font-size: 12px;
	}
	.section-link--brands .btn--type01 small{
		font-size: 10px;
		margin-left: 10px;
	}
}
@media only screen and (max-width:767px){
	.btn {
		max-width: 223px;
		padding: 17px 0;
		font-size: 13px;
	}
	.btn--type01 {
		/*background: #f8f8f8;*/
		padding: 16px 15px;
		max-width: 100%;
		/*border: 0;*/
	}
	.btn--type01 small{
		margin-left: 20px;
		font-size: 12px;
	}
	.btn--type01 i {
		font-size: 8px;
		margin-right: 9px;
	}
	.lst-link .btn--type01{
		font-size: 16px;
	}
	.lst-link .btn--type01 i {
		font-size: 12px;
		margin-right: 9px;
	}
	.section-link--brands .btn--type01 {
		font-size: 12px;
		margin-left: 5px;
	}
}
@media only screen and (max-width:479px){
	.btn--type01 {
		font-size: 12px;
		line-height: 1.6;
	}
	.btn--type01 small{
		font-size: 14px;
		margin-left: 14px;
		/*float: right;*/
		top: -0.1em;
	}
	.section-link--brands .btn--type01 {
		font-size: 12px;
	}
	.section-link--brands .btn--type01 small {
		font-size: 10px;
		margin-left: 5px;
		/*top: 0.2em;*/
		top: -0.1em;
	}
}

/*2-1-8.  Anchor   [acr-***]*/


/*2-1-9.  Text     [txt-***]*/


/*2-1-10. Icon     [icn-***]*/
.icn-external{
	background: url('/assets/img/common/icn-external01.png') no-repeat;
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 0 0.4em;
}

/*2-1-11. Label    [lbl-***]*/
.is-new:before{
	content: "NEW";
	width: 65px;
	height: 27px;
	line-height: 27px;
	font-size: 14px;
	background-color: #e5e5e5;
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 2;
	text-align: center;
}
@media only screen and (max-width:767px){
	.is-new:before{
		width: 40px;
		height: 15px;
		line-height: 15px;
		font-size: 10px;
	}
}


/*2-1-12. Form     [frm-***]*/
/*::-webkit-input-placeholder{
  color: #000;
}
::-moz-placeholder{
  color: #000;
}
:-ms-input-placeholder{
  color: #000;
}
:-moz-placeholder{
  color: #000;
}*/


/*2-1-13. Error    [err-***]*/


/*2-1-14. Panel    [pnl-***]*/



/*2-1-15. Media    [mda-***]*/



/*2-1-16. UI*/
.fluid-image {
	max-width: 100%;
	height: auto;
}

.js-rollover:hover {
	opacity: 1;
}

.is-fadein {
	opacity: 0;
	transition: all 1.5s;
}
.is-fadein.is-loaded {
	opacity: 1;
}

.delay-5s {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.delay1s {
	-webkit-transition-delay: 1s;
	transition-delay: 1s;
}
.delay1-5s {
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
.delay2s {
	-webkit-transition-delay: 2s;
	transition-delay: 2s;
}




/* 2-2. Utility
-------------------------------------------------- */
/*2-2-1. clearfix [ModernType]*/
#l-header:after,#l-container:after,#l-main:after,#l-sub:after,#l-footer:after,
#l-footer .nav-row:after,
#l-navGlobal:after,
#l-navGlobal > ul:after,
.nav-sub:after,
.clearfix:after,
.nav-relation:after,
.nav-pagenation__inner:after,
.grid-row:after,
.nav-toc:after,
.nav-pageGroup:after,
.mda-withRightTxt:after,
.mda-withLeftTxt:after,
.nav-pageGroup:after,
.box-column:after,
.layout2column #l-container:after,
.wrp-structure__inner:after,
.box-with-pict:after{
	display: block;
	clear: both;
	content: "";
}


/*2-2-2. margin,padding [mb10,pt20]*/
/* margin  */.m0{margin:0!important;}.m5{margin: 5px!important;}.m10{margin: 10px!important;}.m15{margin: 15px!important;}.m20{margin: 20px!important;}.m25{margin: 25px!important;}.m30{margin: 30px!important;}.m35{margin: 35px!important;}.m40{margin: 40px!important;}.m45{margin: 45px!important;}.m50{margin: 50px!important;}.m55{margin: 55px!important;}.m60{margin: 60px!important;}.m65{margin: 65px!important;}.m70{margin: 70px!important;}.m75{margin: 75px!important;}.m80{margin: 80px!important;}.m85{margin: 85px!important;}.m90{margin: 90px!important;}.m95{margin: 95px!important;}.m100{margin: 100px!important;}/* margin-top */.mt0{margin-top:0!important;}.mt5{margin-top: 5px!important;}.mt10{margin-top: 10px!important;}.mt15{margin-top: 15px!important;}.mt20{margin-top: 20px!important;}.mt25{margin-top: 25px!important;}.mt30{margin-top: 30px!important;}.mt35{margin-top: 35px!important;}.mt40{margin-top: 40px!important;}.mt45{margin-top: 45px!important;}.mt50{margin-top: 50px!important;}.mt55{margin-top: 55px!important;}.mt60{margin-top: 60px!important;}.mt65{margin-top: 65px!important;}.mt70{margin-top: 70px!important;}.mt75{margin-top: 75px!important;}.mt80{margin-top: 80px!important;}.mt85{margin-top: 85px!important;}.mt90{margin-top: 90px!important;}.mt95{margin-top: 95px!important;}.mt100{margin-top: 100px!important;}/* margin-right */.mr0{margin-right:0!important;}.mr5{margin-right: 5px!important;}.mr10{margin-right: 10px!important;}.mr15{margin-right: 15px!important;}.mr20{margin-right: 20px!important;}.mr25{margin-right: 25px!important;}.mr30{margin-right: 30px!important;}.mr35{margin-right: 35px!important;}.mr40{margin-right: 40px!important;}.mr45{margin-right: 45px!important;}.mr50{margin-right: 50px!important;}.mr55{margin-right: 55px!important;}.mr60{margin-right: 60px!important;}.mr65{margin-right: 65px!important;}.mr70{margin-right: 70px!important;}.mr75{margin-right: 75px!important;}.mr80{margin-right: 80px!important;}.mr85{margin-right: 85px!important;}.mr90{margin-right: 90px!important;}.mr95{margin-right: 95px!important;}.mr100{margin-right: 100px!important;}/* margin-bottom */.mb0{margin-bottom:0!important;}.mb5{margin-bottom: 5px!important;}.mb10{margin-bottom: 10px!important;}.mb15{margin-bottom: 15px!important;}.mb20{margin-bottom: 20px!important;}.mb25{margin-bottom: 25px!important;}.mb30{margin-bottom: 30px!important;}.mb35{margin-bottom: 35px!important;}.mb40{margin-bottom: 40px!important;}.mb45{margin-bottom: 45px!important;}.mb50{margin-bottom: 50px!important;}.mb55{margin-bottom: 55px!important;}.mb60{margin-bottom: 60px!important;}.mb65{margin-bottom: 65px!important;}.mb70{margin-bottom: 70px!important;}.mb75{margin-bottom: 75px!important;}.mb80{margin-bottom: 80px!important;}.mb85{margin-bottom: 85px!important;}.mb90{margin-bottom: 90px!important;}.mb95{margin-bottom: 95px!important;}.mb100{margin-bottom: 100px!important;}/* margin-left */.ml0{margin-left:0!important;}.ml5{margin-left: 5px!important;}.ml10{margin-left: 10px!important;}.ml15{margin-left: 15px!important;}.ml20{margin-left: 20px!important;}.ml25{margin-left: 25px!important;}.ml30{margin-left: 30px!important;}.ml35{margin-left: 35px!important;}.ml40{margin-left: 40px!important;}.ml45{margin-left: 45px!important;}.ml50{margin-left: 50px!important;}.ml55{margin-left: 55px!important;}.ml60{margin-left: 60px!important;}.ml65{margin-left: 65px!important;}.ml70{margin-left: 70px!important;}.ml75{margin-left: 75px!important;}.ml80{margin-left: 80px!important;}.ml85{margin-left: 85px!important;}.ml90{margin-left: 90px!important;}.ml95{margin-left: 95px!important;}.ml100{margin-left: 100px!important;}.mb200{margin-bottom: 200px!important;}
/* padding */.p0{padding:0!important;}.p5{padding: 5px!important;}.p10{padding: 10px!important;}.p15{padding: 15px!important;}.p20{padding: 20px!important;}.p25{padding: 25px!important;}.p30{padding: 30px!important;}.p35{padding: 35px!important;}.p40{padding: 40px!important;}.p45{padding: 45px!important;}.p50{padding: 50px!important;}.p55{padding: 55px!important;}.p60{padding: 60px!important;}.p65{padding: 65px!important;}.p70{padding: 70px!important;}.p75{padding: 75px!important;}.p80{padding: 80px!important;}.p85{padding: 85px!important;}.p90{padding: 90px!important;}.p95{padding: 95px!important;}.p100{padding: 100px!important;}/* padding-top */.pt0{padding-top:0!important;}.pt5{padding-top: 5px!important;}.pt10{padding-top: 10px!important;}.pt15{padding-top: 15px!important;}.pt20{padding-top: 20px!important;}.pt25{padding-top: 25px!important;}.pt30{padding-top: 30px!important;}.pt35{padding-top: 35px!important;}.pt40{padding-top: 40px!important;}.pt45{padding-top: 45px!important;}.pt50{padding-top: 50px!important;}.pt55{padding-top: 55px!important;}.pt60{padding-top: 60px!important;}.pt65{padding-top: 65px!important;}.pt70{padding-top: 70px!important;}.pt75{padding-top: 75px!important;}.pt80{padding-top: 80px!important;}.pt85{padding-top: 85px!important;}.pt90{padding-top: 90px!important;}.pt95{padding-top: 95px!important;}.pt100{padding-top: 100px!important;}/* padding-right */.pr0{padding-right:0!important;}.pr5{padding-right: 5px!important;}.pr10{padding-right: 10px!important;}.pr15{padding-right: 15px!important;}.pr20{padding-right: 20px!important;}.pr25{padding-right: 25px!important;}.pr30{padding-right: 30px!important;}.pr35{padding-right: 35px!important;}.pr40{padding-right: 40px!important;}.pr45{padding-right: 45px!important;}.pr50{padding-right: 50px!important;}.pr55{padding-right: 55px!important;}.pr60{padding-right: 60px!important;}.pr65{padding-right: 65px!important;}.pr70{padding-right: 70px!important;}.pr75{padding-right: 75px!important;}.pr80{padding-right: 80px!important;}.pr85{padding-right: 85px!important;}.pr90{padding-right: 90px!important;}.pr95{padding-right: 95px!important;}.pr100{padding-right: 100px!important;}/* padding-bottom */.pb0{padding-bottom:0!important;}.pb5{padding-bottom: 5px!important;}.pb10{padding-bottom: 10px!important;}.pb15{padding-bottom: 15px!important;}.pb20{padding-bottom: 20px!important;}.pb25{padding-bottom: 25px!important;}.pb30{padding-bottom: 30px!important;}.pb35{padding-bottom: 35px!important;}.pb40{padding-bottom: 40px!important;}.pb45{padding-bottom: 45px!important;}.pb50{padding-bottom: 50px!important;}.pb55{padding-bottom: 55px!important;}.pb60{padding-bottom: 60px!important;}.pb65{padding-bottom: 65px!important;}.pb70{padding-bottom: 70px!important;}.pb75{padding-bottom: 75px!important;}.pb80{padding-bottom: 80px!important;}.pb85{padding-bottom: 85px!important;}.pb90{padding-bottom: 90px!important;}.pb95{padding-bottom: 95px!important;}.pb100{padding-bottom: 100px!important;}/* padding-left */.pl0{padding-left:0!important;}.pl5{padding-left: 5px!important;}.pl10{padding-left: 10px!important;}.pl15{padding-left: 15px!important;}.pl20{padding-left: 20px!important;}.pl25{padding-left: 25px!important;}.pl30{padding-left: 30px!important;}.pl35{padding-left: 35px!important;}.pl40{padding-left: 40px!important;}.pl45{padding-left: 45px!important;}.pl50{padding-left: 50px!important;}.pl55{padding-left: 55px!important;}.pl60{padding-left: 60px!important;}.pl65{padding-left: 65px!important;}.pl70{padding-left: 70px!important;}.pl75{padding-left: 75px!important;}.pl80{padding-left: 80px!important;}.pl85{padding-left: 85px!important;}.pl90{padding-left: 90px!important;}.pl95{padding-left: 95px!important;}.pl100{padding-left: 100px!important;}


/*2-2-3. Object-Oriented CSS [OOCSS]*/
.__has-pullRight{
	float: right!important;
}
.__has-pullLeft{
	float: left!important;
}
.right{
	/*text-align: right!important;*/
}
.center{
	text-align: center!important;
}
.left{
	text-align: left!important;
}
.top{
	vertical-align: top!important;
}
.middle{
	vertical-align: middle!important;
}
.bottom{
	vertical-align: bottom!important;
}
ul.list li{
	margin-bottom: 6px;
	margin-left: 26px;
	list-style-type: disc!important;
}
ol.list li{
	margin-bottom: 1em;
	margin-left: 23px;
	list-style-type: decimal!important;
}
@media only screen and (max-width:767px){
	.fs90{
		font-size: 90%;
	}
}

/* for RWD */
.fluid-image{
	max-width: 100%;
	height: auto;
}
.full-image{
	width: 100%;
	height: auto;
}
.video-container{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}






/* 2-2-4. Grid System [grid-***] */
.grid-row{
	margin-right: -12px;
	margin-left: -12px;
}
.grid-col,
.grid-col--1,
.grid-col--2,
.grid-col--3,
.grid-col--4,
.grid-col--5,
.grid-col--6,
.grid-col--7,
.grid-col--8,
.grid-col--9,
.grid-col--10,
.grid-col--11,
.grid-col--12{
	position: relative;
	min-height: 1px;
	padding-right: 12px;
	padding-left: 12px;
	float: left;
	box-sizing: border-box;
}
.grid-col--1 {width: 8.33333333333%}
.grid-col--2 {width: 16.6666666667%;}
.grid-col--3 {width: 25%;}
.grid-col--4 {width: 33.3333333333%;}
.grid-col--5 {width: 41.6666666667%;}
.grid-col--6 {width: 50%;}
.grid-col--7 {width: 58.3333333333%;}
.grid-col--8 {width: 66.6666666667%;}
.grid-col--9 {width: 75%;}
.grid-col--10{width: 83.3333333333%;}
.grid-col--11{width: 91.6666666667%;}
.grid-col--12{width: 100%;}


.dirCompany .grid-row,
.dirBusiness .grid-row,
.dirIR .grid-row{
	margin-right: -10px;
	margin-left: -10px;
}
.dirCompany .grid-col,.dirCompany .grid-col--1,.dirCompany .grid-col--2,.dirCompany .grid-col--3,.dirCompany .grid-col--4,.dirCompany .grid-col--5,.dirCompany .grid-col--6,.dirCompany .grid-col--7,.dirCompany .grid-col--8,.dirCompany .grid-col--9,.dirCompany .grid-col--10,.dirCompany .grid-col--11,.dirCompany .grid-col--12,
.dirBusiness .grid-col,.dirBusiness .grid-col--1,.dirBusiness .grid-col--2,.dirBusiness .grid-col--3,.dirBusiness .grid-col--4,.dirBusiness .grid-col--5,.dirBusiness .grid-col--6,.dirBusiness .grid-col--7,.dirBusiness .grid-col--8,.dirBusiness .grid-col--9,.dirBusiness .grid-col--10,.dirBusiness .grid-col--11,.dirBusiness .grid-col--12,
.dirIR .grid-col,.dirIR .grid-col--1,.dirIR .grid-col--2,.dirIR .grid-col--3,.dirIR .grid-col--4,.dirIR .grid-col--5,.dirIR .grid-col--6,.dirIR .grid-col--7,.dirIR .grid-col--8,.dirIR .grid-col--9,.dirIR .grid-col--10,.dirIR .grid-col--11,.dirIR .grid-col--12{
	padding-right: 10px;
	padding-left: 10px;
}
.dirCompany .wrp-categoryFuture .grid-row,
.dirBusiness .wrp-categoryFuture .grid-row,
.dirIR .wrp-categoryFuture .grid-row{
	margin-right: -20px;
	margin-left: -20px;
}
.dirCompany .wrp-categoryFuture .grid-col,.dirCompany .wrp-categoryFuture .grid-col--6,
.dirBusiness .wrp-categoryFuture .grid-col,.dirBusiness .wrp-categoryFuture .grid-col--6,
.dirIR .wrp-categoryFuture .grid-col,.dirIR .wrp-categoryFuture .grid-col--6{
	padding-right: 20px;
	padding-left: 20px;
}

@media only screen and (max-width:767px){
	.grid-row{
		margin-left: -5px;
		margin-right: -5px;
	}
	.grid-col--1, .grid-col--2, .grid-col--3, .grid-col--4, .grid-col--5, .grid-col--6, .grid-col--7, .grid-col--8, .grid-col--9, .grid-col--10, .grid-col--11, .grid-col--12{
		width: 100%;
		padding: 0 5px 0 5px;
	}
	.grid-col--4 .__isSP,
	.grid-col--6 .__isSP{
		width: 50%;
	}
}/* endMedia */

@media only screen and (max-width:767px){
	.grid-colSp--6 {width: 50%;}
}


@media only screen and (min-width:768px) and (max-width:959px){
	.grid-colTablet--6{
		width: 50%;
		position: relative;
		min-height: 1px;
		padding-right: 12px;
		padding-left: 12px;
		float: left;
		box-sizing: border-box;
	}
	.grid-colTablet--12{
		width: 100%;
		position: relative;
		min-height: 1px;
		padding-right: 12px;
		padding-left: 12px;
		float: left;
		box-sizing: border-box;
	}
}/* endMedia */





/* 2-2-5. CSS Animation [act-***] */




/* 2-2-6. WebFont */



/* 2-3. State [is-***]
-------------------------------------------------- */
.is-error{
	background-color: #f9eceb;
}
.is-disabled{
	opacity: 0.3;
}
.is-inline-block span{
	margin-bottom: 10px;
	display: inline-block;
}
.is-visiblePc{
	display: block!important;
}
.is-visibleSp{
	display: none!important;
}
.is-visibleTablet{
	display: none!important;
}
.is-visibleSpSm{
	display: none!important;
}
.is-visibleTabletL{
	display: none!important;
}
@media only screen and (max-width:767px){
	.is-visiblePc{
		display: none!important;
	}
	.is-visibleSp{
		display: block!important;
	}
	.is-visibleTablet{
		display: none!important;
	}
	.is-visibleTabletL{
		display: none!important;
	}
}
@media only screen and (min-width:768px) and (max-width:959px){
	.is-visibleTablet{
		display: block!important;
	}
	.is-visibleTabletL{
		display: none!important;
	}
}
@media only screen and (min-width:960px) and (max-width:1050px){
	.is-visibleTablet{
		display: none!important;
	}
	.is-visibleTabletL{
		display: block!important;
	}

}
@media only screen and (max-width:767px){
	.is-visibleSpSm{
		display: block!important;
	}
}


/* 2-4. OverLayerConfig [z-index]
-------------------------------------------------- */


/* 2-5. Project
-------------------------------------------------- */
.page-top .hdg-lv2 {
	font-size: 40px;
}
@media only screen and (max-width:767px){
	.page-top .hdg-lv2 {
		font-size: 32px;
	}
}
.page-top .box-main-visual {
	overflow: hidden;
}

.page-top .box-main-visual__banner-link {
	display: block;
	text-align: center;
}
.page-top .box-main-visual__banner-link img {
	max-width: 100%;
	width: 100%;
}

.section-product{
	padding: 48px 0 78px;
}
.section-product .hdg-lv2--01{
	font-size: 34px;
	margin-bottom: 88px;
}
.section-product .hdg-lv2--01:after{
	bottom: -56px;
}
.section-product__link{
	padding: 32px 0 83px;
	text-align: center;
}

.section-link--brands{
	background: #f8f8f8;
	padding: 56px 0 0;
}
.section-link__bottom{
	text-align: right;
	padding-top: 55px;
}

@media only screen and (max-width:959px){
	.section-link--brands {
		/*background: #fff;*/
		padding: 35px 0 0;
	}
}
@media only screen and (max-width:767px){
	.section-product{
		padding: 25px 0 0;
	}
	.section-product .hdg-lv2--01{
		font-size: 27px;
		margin-bottom: 45px;
	}
	.section-product .hdg-lv2--01:after{
		bottom: -26px;
	}
	.section-product__link{
		padding: 24px 0 45px;
		text-align: center;
	}
	.section-link__bottom{
		text-align: right;
		padding-top: 30px;
	}
}

@media only screen and (max-width:767px){
	.lst-link li + li{
		margin-top: 15px;
	}
}
.lst-link li{
	position: relative;
}
.lst-link-bottom {
	font-size: 0;
}
.lst-link-bottom li{
	display: inline-block
}
.lst-link-bottom li .btn{
	border: 0;
	/*border-bottom: solid 1px #c1c2c2;*/
	padding: 25px 30px 17px;
	background-color: transparent;
	font-size: 18px;
	color: #999;
}
.lst-link-bottom li + li{
	margin-left: 25px;
}
.lst-link-bottom .btn i{
	font-size: 13px;
	color: #7a7e80;
	margin-right: 15px;
	font-weight: normal;
}

@media only screen and (max-width:767px){
	.lst-link-bottom li .btn{
		padding: 12px 15px;
		font-size: 11px;
	}
	.lst-link-bottom li + li{
		margin-left: 15px;
	}
	.lst-link-bottom .btn i{
		font-size: 8px;
		margin-right: 8px;
	}
}
@media only screen and (min-width:560px) and (max-width:960px){
	.lst-link li:first-child{
		margin-bottom: 20px;
	}

}
/* /index.html
-------------- */

.section-brands{
	background: #f8f8f8;
	text-align: center;
	padding: 0 0 105px;
}
.section-brands__title{
	position: relative;
	margin-bottom: 110px;
	padding: 103px 0 30px 0;
}
.section-brands__title:after{
	position: absolute;
	content: "";
	height: 40px;
	width: 1px;
	bottom: -55px;
	left: 50%;
	background-color: #ff5400;
}
.section-brands .btn{
	text-align: center;
	max-width: 296px;
	margin-top: 53px;
}
@media only screen and (max-width:959px){
	.section-brands .btn{
		margin-top: 0;
	}
}
@media only screen and (max-width:767px){
	.section-brands{
		padding-bottom: 52px;
	}
	.section-brands__title{
		padding: 52px 15px 0;
		margin-bottom: 60px;
	}
	.section-brands__title img {
		max-width: 150px;
		width: 100%;
	}
	.section-brands__title:after{
		height: 20px;
		bottom: -31px;
	}
	.section-brands .btn{
		max-width: 183px;
		font-size: 13px;
		padding: 17px 0;
		margin-top: 4px;
	}
}

.section-new-brand {
	padding: 91px 0 0 0;
}
.lst-new-brand {
	display: flex;
	flex-wrap: wrap;
	line-height: 0;
}
.lst-new-brand__col {
	width: 50%;
}
.lst-new-brand__image {
	width: 100%;
	height: auto;
}
.lst-new-brand__description {
	position: relative;
}
.lst-new-brand__description::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	padding-top: 66.666%;
	background-color: #f8f8f8;
}
.lst-new-brand__description-contents {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	padding: 4.325vw 3.25vw 1.5vw 3.25vw;
	box-sizing: border-box;
}
.lst-new-brand__text {
	position: relative;
	z-index: 99;
	margin-bottom: 20px;
	font-size: 1.8vw;
}
.lst-new-brand__datetime {
	position: relative;
	z-index: 99;
	margin-top: auto;
}
@media only screen and (min-width: 1240px) {
	.lst-new-brand__description-contents {
		padding: 60px 45px 20px 45px;
	}
	.lst-new-brand__text {
		font-size: 22.446px;
	}
}
@media only screen and (max-width:767px){
	.section-new-brand {
		padding: 40px 0 0 0;
	}
}
@media only screen and (max-width:600px){
	.lst-new-brand__col {
		width: 100%;
	}
	.lst-new-brand__description-contents {
		padding: 25px;
		background-color: #f8f8f8;
	}
	.lst-new-brand__description::after {
		padding-top: 0;
	}
	.lst-new-brand__text {
		font-size: 14px;
	}
}



.section-topics{
	padding: 91px 0 78px;
}
.section-topics .hdg-lv2{
	font-size: 48px;
	margin-bottom: 80px;
}
.section-topics .lst-product__info{
	padding: 20px 25px 24px;
}
.section-topics .lst-product__des + .lst-product__date{
	margin-top: 21px;
}
@media only screen and (max-width:767px){
	.section-topics{
		padding: 40px 0 45px;
	}
	.section-topics .hdg-lv2{
		font-size: 32px;
		margin-bottom: 41px;
	}
	.section-topics .hdg-lv2:after{
		height: 20px;
		bottom: -21px;
	}
	.section-topics .lst-product__info{
		padding: 16px 22px 15px;
	}
	.section-topics .lst-product__des + .lst-product__date{
		margin-top: 11px;
	}
}

.section-about{
	background: #f8f8f8;
	padding: 88px 0 105px;
}
.section-about .hdg-lv2{
	margin-bottom: 83px;
}
.section-about .hdg-lv2:after{
	bottom: -51px;
}
@media only screen and (max-width:767px){
	.section-about{
		padding: 43px 0 38px;
	}
	.section-about .hdg-lv2 {
		margin-bottom: 41px;
	}
	.section-about .hdg-lv2:after{
		bottom: -21px;
	}
}

.section-news{
	padding: 93px 0 100px;
	text-align: center;
}
.section-news .wrp-container {
	max-width: 1400px;
}
.section-news .hdg-lv2{
	margin-bottom: 56px;
}
.section-news .btn{
	margin-top: 57px;
	max-width: 296px;
}
@media only screen and (max-width:767px){
	.section-news{
		padding: 43px 0 20px;
	}
	.section-news .hdg-lv2{
		margin-bottom: 20px;
	}
	.section-news .btn{
		margin-top: 39px;
		max-width: 183px;
	}
}

.section-related {
	background: #f8f8f8;
	padding: 88px 0 105px;
}
.lst-related {
	display: flex;
	justify-content: space-between;
}
.lst-related__item {
	width: calc(100% / 2 - 15px);
	background: #fff;
}
.lst-related__link {
	display: flex;
	flex-wrap: wrap;
}
.lst-related__image {
	width: 50%;
}
.lst-related__image > img {
	display: block;
	width: 100%;
	height: auto;
}
.lst-related__text {
	display: flex;
	flex-direction: column;
	align-self: center;
	width: 50%;
	padding: 0 20px;
	box-sizing: border-box;
}
.lst-related__sub-text,.lst-related__main-text {
	display: block;
}
.lst-related__sub-text {
	font-size: 14px;
}
.lst-related__main-text {
	font-size: 18px;
}
@media screen and (max-width: 1239px) {
	.lst-related {
		flex-direction: column;
		max-width: 768px;
		margin: 0 auto;
	}
	.lst-related__item {
		width: 100%;
		margin-bottom: 30px;
	}
	.lst-related__item:last-child {
		margin-bottom: 0;
	}
	.lst-related__text {
		padding: 0 20px;
	}
}
@media screen and (max-width: 767px) {
	.section-related {
		padding: 43px 0 38px;
	}
	.lst-related__sub-text {
		font-size: 11px;
	}
	.lst-related__main-text {
		font-size: 14px;
	}
}
@media screen and (max-width: 639px) {
	.lst-related__item {
		width: 100%;
		max-width: 360px;
		margin: 0 auto 20px;
	}
	.lst-related__link {
		flex-direction: column;
	}
	.lst-related__image {
		width: 100%;
	}
	.lst-related__text {
		width: 100%;
		padding: 10px 15px;
	}
}

.section-button{
	position: relative;
	padding: 109px 0;
}
.section-button .wrp-container{
	padding: 0;
	max-width: 1230px;
}
.section-button ul{
	display: flex;
	justify-content: space-between;
	width: 100%;
}
.section-button ul li{
	width: 588px;
	height: 80px;
	font-weight: lighter;
	padding: 0 15px;
}
.section-button ul li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	font-size: 20px;
	line-height: 1.8;
	color: #333;
	border: 1px solid #333;
	transition: all 0.5s;
}
.section-button ul li a:hover{
	border-color: #000;
	background-color: #000;
	color: #fff;
}
.section-button ul li a span{
	position: relative;
	display: block;
	padding-left: 60px;
}
.section-button ul li a span:before{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	left: 4px;
	top: 50%;
	transform: translateY(-50%);
	border-style: solid;
	border-width: 0 13px 20px 13px;
	border-color: transparent transparent #333 transparent;
	transition: all 0.5s;
}
.section-button ul li a:hover span:before{
	border-color: transparent transparent #FFF transparent;
}
.section-button ul li a span:after{
	position: absolute;
	content: "!";
	left: 15px;
	top: calc(50% + 2px);
	transform: translateY(-50%);
	color: #fff;
	transition: all 0.5s;
	font-size: 14px;
	font-weight: bold;
}
.section-button ul li a:hover span:after{
	color: #000;
}
@media only screen and (max-width:959px){
	.section-button ul li a{
		font-size: 16px;
	}
}
@media only screen and (max-width:767px){
	.section-button{
		padding: 83px 0 36px;
	}
	.section-button .wrp-container{
		padding: 0 20px;
	}
	.section-button ul{
		flex-direction: column;
	}
	.section-button ul li{
		margin-bottom: 16px;
		width: 100%;
		height: 46px;
		padding: 0;
	}
	.section-button ul li a, .section-button ul li a span:after{
		font-size: 13px;
		letter-spacing: 0.04em;
	}
	.section-button ul li a span:before{
		left: 2%;
		border-width: 0px 13px 20px 13px;
	}
	.section-button ul li a span:after{
		left: 2%;
		width: 26px;
		text-align: center;
	}
}
@media only screen and (max-width:479px){
	.section-button ul li a span:before{
		border-width: 0px 8px 12px 8px;
	}
	.section-button ul li a span:after{
		font-size: 10px;
		width: 16px;
	}
	.section-button ul li a span{
		padding-left: 25px;
	}
}

/* /brand/index.html
------------------- */
.box-link{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0 -10px;
}
.box-link li{
	height: 83px;
	width: 588px;
	padding: 0 10px;
}

.section-brand-feature{
	background: #f1f1f1;
	padding: 80px 0;
}
@media only screen and (max-width:767px){
	.section-brand-feature{
		padding: 16px 0;
	}
}

.lst-brand-link li{
	margin-bottom: 25px;
}
.lst-brand-link--lg li {
	margin-bottom: 0;
}
.lst-brand-link li a{
	display: block;
	position: relative;
}
.box-brand__item{
	border: 1px solid  rgb(193, 194, 194);
	position: relative;
	box-sizing: border-box;
	background: #fff;
}
.box-brand__image{
	text-align: center;
	padding: 30px 25px 0;
}
.lst-brand-link--md .box-brand__image,
.lst-brand-link--sm .box-brand__image{
	/*padding-top: 22px;*/
}
.box-brand__content{
	font-size: 16px;
	line-height: 1.75;
	letter-spacing: 0.1em;
}
.lst-brand-link--lg .box-brand__content {
	padding: 20px 25px 15px 25px;
}
.lst-brand-link--md .box-brand__content{
	padding: 10px 25px 15px 25px;
}
.lst-brand-link--sm .box-brand__content{
	font-size: 14px;
	line-height: 1.78;
	padding: 10px 25px 18px 25px;
}
.lst-brand-link a[target="_blank"]:after,
.lst-link a[target="_blank"]:after{
	content: "";
	background: url('/assets/img/common/icn-external01.png') no-repeat;
	width: 12px;
	height: 12px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	background-size: 12px auto;
}
.lst-brand-link a[target="_blank"] .box-brand__content {
	/*padding-right: 50px;*/
	padding-right: 20px;
}
.box-brand__item.brand-newpeace img {
	margin-top: 10px;
}
.box-brand__item.brand-ondo img {
	width: 100%;
	max-width: 150px;
	margin-top: 27px;
}
.box-brand__item.brand-mask img {
	max-width: 190px;
	width: 100%;
	margin-top: 24px;
}
.box-brand__item.brand-dokirei img {
	max-width: 190px;
	width: 100%;
	margin-top: 24px;
}
.box-brand__item.brand-pikowash img {
	max-width: 125px;
	width: 100%;
}
.box-brand__item.brand-plosion img {
	margin-top: -4px;
}
.box-brand__item.brand-period .box-brand__image {
	padding: 14px 0 8px;
}
@media only screen and (max-width:767px){
	.lst-brand-link li,
	.lst-brand-link--lg li {
		margin-bottom: 0;
	}
	.lst-brand-link--lg li + li,
	.lst-brand-link--md li + li {
		margin-top: 16px;
	}
	.lst-brand-link--sm li {
		margin-bottom: 16px;
		margin-top: 0;
		padding: 0 8px;
	}
	.lst-brand-link--sm {
		margin: 0 -8px;
	}
}
@media only screen and (max-width:767px){
	.lst-link a[target="_blank"] span:after{
		display: none;
	}
	.lst-brand-link a[target="_blank"]:after,
	.lst-link a[target="_blank"]:after{
		width: 12px;
		height: 12px;
		background-size: 8px auto;
		right: 6px;
		bottom: 6px;
	}
	.lst-brand-link a[target="_blank"] .box-brand__content {
		padding-right: 8px;
	}
	.box-brand__item {
		display: table;
		width: 100%;
	}
	.lst-brand-link--lg .box-brand__item{
		min-height: 114px;
	}
	.lst-brand-link--md .box-brand__item{
		min-height: 92px;
	}
	.box-brand__image{
		display: table-cell;
		vertical-align: middle;
		padding: 0;
		width: 168px;
		text-align: center;
		font-size: 0;
	}
	.box-brand__content{
		display: table-cell;
		font-size: 11px;
		line-height: 1.9;
		vertical-align: middle;
	}
	.lst-brand-link--lg .box-brand__content,
	.lst-brand-link--md .box-brand__content {
		padding: 15px 8px;
	}
	.lst-brand-link--sm .box-brand__item {
		padding: 10px 15px 10px;
		display: block;
		width: auto;
	}
	.lst-brand-link--sm .box-brand__content,
	.lst-brand-link--sm .box-brand__image {
		display: block;
		width: auto;
	}
	.lst-brand-link--sm .box-brand__content {
		font-size: 11px;
		padding: 0;
		margin-top: 4px;
		line-height: 1.9;
	}
}

.section-brand{
	padding: 80px 0;
}
.section-brand .lst-brand-link + .lst-brand-link{
	margin-top: 55px;
}
@media only screen and (max-width:767px){
	.section-brand {
		padding: 32px 0;
	}
	.section-brand .lst-brand-link + .lst-brand-link {
		margin-top: 32px;
	}
	.section-brands__title__sub{
		margin-bottom: 63px;
	}
	.box-brand__item.brand-plosion img {
		margin-top: 0;
	}
	.box-brand__item.brand-period .box-brand__image {
		padding: 0;
	}
	.box-brand__item.brand-refa img {
		width: 94px;
	}
	.box-brand__item.brand-sixpad img {
		width: 124px;
	}
	.box-brand__item.brand-newpeace img {
		width: 150px;
	}
	.box-brand__item.brand-mask img {
		width: 130px;
		margin-top: 0;
	}
	.box-brand__item.brand-dokirei img {
		width: 130px;
		margin-top: 0;
	}
	.box-brand__item.brand-ondo img {
		width: 100%;
		max-width: 100px;
		margin-top: 0;
	}
	.box-brand__item.brand-bc img {
		width: 104px;
	}
	.box-brand__item.brand-mdna img {
		width: 79px;
	}
	.box-brand__item.brand-plosion img {
		width: 62px;
	}
	.box-brand__item.brand-pao img {
		width: 85px;
	}
	.box-brand__item.brand-style img {
		width: 63px;
	}
	.box-brand__item.brand-goto img {
		width: 110px;
	}
	.box-brand__item.brand-kirala img {
		width: 86px;
	}
	.box-brand__item.brand-inbeaute img {
		width: 102px;
		margin-top: -3px;
	}
	.box-brand__item.brand-caxaup img {
		width: 82px;
		margin-top: -2px;
	}
	.box-brand__item.brand-obleu img {
		width: 71px;
		margin-top: -2px;
	}
	.box-brand__item.brand-taikan img {
		width: 93px;
		margin-top: 2px;
	}
	.box-brand__item.brand-liplu img {
		width: 73px;
		margin-top: 2px;
	}
	.box-brand__item.brand-period img {
		width: 81px;
	}
	.box-brand__item.brand-pikowash img {
		max-width: 85px;
	}
}


/* /rd/index.html
------------------- */
.page-rd .nav-breadcrumb{
	margin-top: 40px;
}
.page-rd .nav-breadcrumb ul {
	padding: 17px 0 23px;
}
.page-rd .hdg-lv2 {
	padding-bottom: 57px;
	margin-bottom: 40px;
}
.page-rd .hdg-lv2:after {
	bottom: 0;
}
.section-rd-intro {
	margin-bottom: 104px;
}
.section-rd-case {
	padding-top: 100px;
}
.section-rd-strategy {
	padding: 0 15px;
}
.section-rd-news {
	padding-top: 96px;
}
.section-rd-news .hdg-lv2 {
	margin-bottom: 11px;
}
.section-rd-news .lst-news li{
	border-bottom: 1px solid #e6e6e6;
}
.section-rd-news .lst-news li a{
	padding: 17px 0 14px;
}
.section-rd-news .lst-news__txt {
	letter-spacing: 0.07em;
}
.box-news__button{
	margin-top: 41px;
	text-align: center;
}
.box-news__button .btn{
	padding: 24px 0 23px;
	max-width: 296px;
}
@media only screen and (max-width:767px){
	.page-rd .nav-breadcrumb{
		margin-top: 15px;
	}
	.page-rd .nav-breadcrumb ul{
		padding: 6px 0 6px;
	}
	.page-rd .hdg-lv2 {
		padding-bottom: 24px;
		margin-bottom: 20px;
	}
	.section-rd-intro {
		margin-bottom: 60px;
	}
	.section-rd-case {
		padding-top: 54px;
	}
	.section-rd-news {
		padding-top: 55px;
	}
	.page-rd .section-rd-news .hdg-lv2 {
		margin-bottom: 1px;
	}
	.section-rd-news .lst-news li a {
		padding: 15px 0 14px;
		line-height: 1.9;
	}
	.box-news__button {
		margin-top: 31px;
	}
	.box-news__button .btn {
		padding: 17px 0;
		max-width: 183px;
	}
}

/* /company/csr/
------------------- */
.page-csr .nav-breadcrumb ul {
	padding: 17px 0 23px;
}
@media only screen and (max-width:767px){
	.page-csr .nav-breadcrumb{
		margin-top: 15px;
	}
	.page-csr .nav-breadcrumb ul{
		padding: 6px 0 6px;
	}
}

/* /company/business-new.html
------------------- */
.page-company-business .hdg-lv2 {
	font-size: 46px;
}
.page-company-business .txt-lead {
	font-size: 18px;
}
.page-company-business .nav-inpage{
	margin-top: 144px;
}
.section-business-system .hdg-lv2 {
	margin-bottom: 70px;
}
.section-business-system .box-lead {
	margin: 25px 0 24px;
}
.section-business-rd {
	background: #f8f8f8;
	padding: 95px 0 104px;
}
.section-business-rd .hdg-lv2 {
	margin-bottom: 76px;
}
.section-business-rd .txt-lead {
	/*font-weight: 500;*/
	line-height: 1.3;
}
.section-business-rd .txt-lead + .txt-lead {
	margin-top: 33px;
}
.section-business-rd .box-article{
	margin-top: 48px;
}
.section-business-rd .box-article__content{
	background: #fff;
	border: solid 1px #cccdcd;
	border-top: 0;
	padding-bottom: 47px;
}
.section-business-rd .box-article__title{
	font-size: 40px;
	margin-top: 8px;
}
.section-business-rd .box-article__info{
	font-size: 18px;
	text-align: center;
	margin-top: 15px;
}
.section-business-rd .box-article__button{
	margin-top: 34px;
}
.page-company-business .nav-breadcrumb ul{
	padding-bottom: 18px;
}
.section-business-system {
	padding: 104px 0;
}
.page-company-business .section-brands__title{
	padding-top: 110px;
}
.page-company-business .section-brands__title__sub{
	font-size: 32px;
	padding-top: 23px;
	margin-bottom: 97px;
	font-weight: 500;
}
.section-business-brands{
	padding-bottom: 103px;
}
.section-business-brands .section-brands__title__sub:after{
	display: none;
}
.section-business-brands .lst-brand li.lst-brand__row01{
	margin-bottom: 57px;
	padding: 0 15px;
}
.section-business-brands .lst-brand li.lst-brand__row02 {
	margin-bottom: 50px;
	padding: 0 15px;
}
.section-business-brands .lst-brand li.lst-brand__row03 {
	padding: 0 20px 0 21px;
}
.section-business-brands .lst-brand li.lst-brand__row01 > a{
	width: 329px;
}
.section-business-brands .lst-brand li.lst-brand__row02 > a{
	width: 150px;
}
.section-business-brands .btn{
	margin-top: 67px;
}
.section-business-brands .lst-brand li.brand-bc {
	margin-left: 35px;
}
.section-business-brands .lst-brand li.brand-pikowash {
	margin-top: -6px;
}
.section-business-brands .lst-brand li.brand-refa img {
	height: 60px;
	margin-left: 120px;
}
.section-business-brands .lst-brand li.brand-sixpad img {
	height: 48px;
}
.section-business-brands .lst-brand li.brand-style img {
	margin-left: 10px;
}
.section-business-brands .lst-brand li.brand-pao img {
	margin-left: 15px;
}
.section-business-brands .lst-brand li.brand-pikowash img {
	height: 75px;
	margin-left: 10px;
}
@media only screen and (min-width:768px) and (max-width:1239px){
	.page-company-business .section-brands__title img {
		max-width: 451px;
	}
	.section-business-brands .lst-brand {
		max-width: 750px;
		margin: 0 auto;
	}
	.section-business-brands .lst-brand li.lst-brand__row02 {
		padding: 0 14px;
	}
	.section-business-brands .lst-brand li.lst-brand__row01 > a {
		width: 179px;
	}
	.section-business-brands .lst-brand li.lst-brand__row02 > a{
		width: 103px;
	}
	.section-business-brands .lst-brand li.lst-brand__row03 > a{
		width: 140px;
	}
	.section-business-brands .lst-brand li.brand-bc {
		margin-left: 10px;
	}
	.section-business-brands .lst-brand li.brand-refa img {
		margin-left: 50px;
		height: 45px;
	}
	.section-business-brands .lst-brand li.brand-sixpad img {
		height: 28px;
	}
	.section-business-brands .lst-brand li.brand-mask img {
		height: 20px;
	}
	.section-business-brands .lst-brand li.brand-dokirei img {
		height: 20px;
	}
	.section-business-brands .lst-brand li.brand-pikowash img {
		height: 50px;
	}
}
@media only screen and (min-width:768px) and (max-width:959px){
	.section-business-rd .box-article__title {
		font-size: 36px;
	}
}
@media only screen and (max-width:959px){
	.section-business-rd .box-article {
		max-width: 686px;
		margin-left: auto;
		margin-right: auto;
	}
	.section-business-brands .lst-brand li.lst-brand__row02 {
		padding: 0 10px;
	}
	.section-business-brands .lst-brand li.brand-goto {
		margin-right: 0;
	}
}
@media only screen and (max-width:767px){
	.page-company-business .hdg-lv2 {
		font-size: 27px;
	}
	.page-company-business .txt-lead {
		font-size: 14px;
		padding: 0;
		text-align: center;
	}
	.page-company-business .nav-inpage {
		margin-top: 71px;
	}
	.section-business-system {
		padding: 46px 0 48px;
	}
	.section-business-system .hdg-lv2 {
		margin-bottom: 34px;
	}
	.section-business-system .box-lead {
		margin-bottom: 12px;
	}
	.section-business-rd {
		padding: 47px 0 50px;
	}
	.section-business-rd .hdg-lv2 {
		margin-bottom: 36px;
	}
	.section-business-rd .txt-lead {
		line-height: 1.75;
	}
	.section-business-rd .txt-lead + .txt-lead {
		margin-top: 26px;
	}
	.section-business-rd .box-article{
		margin-top: 35px;
	}
	.section-business-rd .box-article__content{
		padding: 13px 18px 29px;
	}
	.section-business-rd .box-article__title{
		font-size: 20px;
		margin-top: 8px;
		letter-spacing: 0.01em;
	}
	.section-business-rd .box-article__info{
		font-size: 12px;
		margin-top: 0;
	}
	.section-business-rd .box-article__button{
		margin-top: 13px;
	}
	.page-company-business .nav-breadcrumb ul{
		padding-bottom: 8px;
	}
	.section-business-brands {
		padding-bottom: 57px;
	}
	.section-business-brands .section-brands__title{
		padding: 43px 0 0;
	}
	.section-business-brands .section-brands__title img{
		max-width: 343px;
	}
	.section-business-brands .section-brands__title__sub{
		font-size: 16px;
		padding-top: 8px;
		line-height: 1.25;
		margin-bottom: 41px;
	}
	.section-business-brands .lst-brand li.lst-brand__row01 {
		margin-bottom: 40px;
	}
	.section-business-brands .lst-brand li.lst-brand__row01 > a{
		width: auto;
	}
	.section-business-brands .lst-brand li.lst-brand__row02{
		margin-bottom: 35px;
		padding: 0;
	}
	.section-business-brands .lst-brand li.lst-brand__row03{
		padding: 0;
	}
	.section-business-brands .lst-brand li.lst-brand-col3-sp {
		margin-bottom: 36px;
	}
	.section-business-brands .lst-brand li.lst-brand__row02 > a{
		width: auto;
	}
	.section-business-brands .lst-brand li.brand-bc {
		margin-left: 0;
	}
	.section-business-brands .lst-brand li.brand-style {
		margin-left: 0;
	}
	.section-business-brands .lst-brand li.brand-sixpad img {
		height: 27px;
	}
	.section-business-brands .lst-brand li.brand-refa img {
		margin-left: 0;
		height: 40px;
	}
	.section-business-brands .lst-brand li.brand-newpeace img {
		height: 22px;
	}
	.section-business-brands .lst-brand li.brand-pao img {
		margin-left: 0;
	}
	.section-business-brands .lst-brand li.brand-style img {
		margin-left: 0;
	}
	.section-business-brands .lst-brand li.brand-mask img {
		margin-left: 0;
	}
	.section-business-brands .lst-brand li.brand-pikowash img {
		height: 45px;
		margin-left: 0;
	}
	.section-business-brands .btn{
		margin-top: 4px;
	}
	.section-business-rd .txt-lead {
		text-align: left;
		font-size:14px;
		line-height: 1.8;
	}
}
@media only screen and (max-width:479px){
	.page-company-business .section-brands__title img{
		max-width: 100%;
	}
}
/* /rd/b_w_tech/
------------------- */
.section-link--strategy{
	background: #f8f8f8;
	padding: 71px 0 72px;
}
.section-link--strategy ul li:nth-child(1) span{
	/*letter-spacing: 0.14em;*/
}
.section-link--strategy ul li:nth-child(2) .btn--type01 small{
	letter-spacing: 0.02em;
}
/*body section .lead{
	text-align: center;
	font-size:18px;
	line-height: 1.8;
	letter-spacing: 0.07em;
}*/
@media only screen and (max-width:767px){
	.section-link--strategy{
		padding: 27px 0 27px;
	}
	/*body section .lead{
		text-align: left;
		font-size:14px;
		line-height: 1.8;
	}*/
}

.box-media{
	display: block;
	box-sizing: border-box;
}
.box-media__title{
	font-size: 20px;
	padding: 22px 15px 18px 2.6em;
	text-indent: -0.8em;
	border: solid 1px #bababa;
	border-top: 0;
	background: #fff;
	letter-spacing: 0.16em;
	line-height: 1.3;
}
.box-media__title--en{
	letter-spacing: 0.032em;
	font-size: 18px;
	line-height: 1.4;
}
.box-media__title i{
	font-size: 1rem;
	color: #7a7e80;
	position: relative;
	top: -4px;
	padding-left: 12px;
}
.box-media__title span{
	padding-left: 5px;
}
@media only screen and (max-width:767px){
	.box-media{
		max-width: 100%;
	}
	.box-media__title{
		font-size: 14px;
		padding: 10px 10px 10px 3em;
		text-indent: -1.6em;
		border-top: solid 1px #bababa;
		border-left: 0;
		letter-spacing: 0.16em;
		position: relative;
	}
	.box-media__title--en{
		letter-spacing: 0.032em;
		font-size: 14px;
	}
	.box-media__title i{
		font-size: 12px;
		margin-right: 0;
		top: 0;
		left: 6px;
		/*padding-left: 20px;*/
		position: absolute;
		top: 42.5%;
		left: 20px;
	}
	.box-media__title span{
		padding-left: 6px;
	}
}

.section-research{
	background: #f8f8f8;
	padding: 52px 0 103px;
}
.section-research .wrp-container{
	max-width: 1064px;
}
.section-research__inner{
}
.box-research{
	margin: 0 -8px;
	overflow: hidden;
}
.box-research__item{
	width: 33.33%;
	float: left;
	padding: 0 8px;
	box-sizing: border-box;
}

.section-research__link{
	margin-top: 23px;
}
.section-research__link ul{
	margin: 0 -8px;
	overflow: hidden;
}
.section-research__link ul li{
	width: 33.33%;
	float: left;
	padding: 0 8px;
	box-sizing: border-box;
	padding-left: 0.8em;
	text-indent: -0.8em;
}
.section-research__link ul li a{
	display: block;
	font-size: 20px;
	line-height: 1.3;
	border-bottom: solid 1px #bababa;
	padding: 15px 15px 19px 52px;
}
.section-research__link ul li i{
	color: #7a7e80;
	font-size: 1rem;
	position: relative;
	top: -5px;
	font-weight: 400;
}
.section-research__link ul li a span{
	padding-left: 10px;
}
@media only screen and (max-width:767px){
	.section-research{
		padding: 37px 0 53px;
	}
	.section-research .wrp-container{
		max-width: 100%;
	}
	.section-research .nav-inpage__title{
		margin-bottom: 16px;
	}
	.box-research{
		display: block;
		margin: 0;
	}
	.box-research__item{
		width: 100%;
		padding: 0;
	}
	.box-research__item + .box-research__item{
		margin-top: 5px;
	}
	.box-research__item a{
		width: 100%;
		display: table;
	}
	.box-research__item a p{
		display: table-cell;
		vertical-align: middle;
	}
	.box-research__item .box-media__img{
		width: 32.36%;
	}
	.box-research__item .box-media__title{
		width: 67.64%;
	}

	.section-research__link{
		margin-top: 28px;
	}
	.section-research__link ul{
		display: flex;
		margin: 0 -12px;
	}
	.section-research__link ul li{
		width: 50%;
		padding: 0 12px 0 2em;
		text-indent: -1em;
	}
	.section-research__link ul li a{
		display: block;
		font-size: 14px;
		line-height: 1.3;
		padding: 10px 10px 10px 15px;
	}
	.section-research__link ul li i{
		font-size: 8px;
		top: 0;
		left: 13px;
	}
	.section-research__link ul li a span{
		padding-left: 10px;
	}
}