@charset "utf-8";
/* ----------------------------------------
common
---------------------------------------- */
.main__container {
	position: relative;
}

.main__container.bg {
	background: #f8f8f9;
}

.main__container.bg2 {
	background: #eff0f1;
}

.main__container.bg3 {
	background: #f6f6f7;
}

.main__container.bg4 {
	background: #f0f0f1;
}

.main__container.bg5 {
	background: #e7e6e6;
}

.main__container.bg6 {
	background: #EFECED;
}

.common-textStyle1 {
	font-size: 20px;
	text-align: center;
}

.common-textStyle2 {
	font-size: 24px;
	text-align: center;
	margin: 0 0 2em;
}

.common-textStyle3 {
	font-size: 14px;
	text-align: center;
	margin: 0 0 3em;
}

.common-textStyle3 span {
	display: inline-block;
	position: relative;
}

.common-textStyle3 span:after {
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background: #66686d;
	position: absolute;
	bottom: 4px;
	left: 0;
}

.common-textStyle4 {
	font-size: 30px;
	text-align: center;
	font-weight: 300;
	margin: 0 0 1.6em;
}

.common-textStyle5 {
	text-align: center;
	line-height: 2.5em;
}

@media all and (max-width: 559px) {
	.common-textStyle1 {
		font-size: 18px;
	}

	.common-textStyle2 {
		font-size: 20px;
		margin: 0 0 1.5em;
	}

	.common-textStyle4 {
		font-size: 24px;
		margin: 0 0 1.3em;
	}
}

@media all and (max-width: 374px) {
	.common-textStyle1 {
		font-size: 16px;
	}
}

/* ----------------------------------------
content bg
---------------------------------------- */
.content__bg img {
	max-width: none;
	width: 100%;
}

/* ----------------------------------------
concept
---------------------------------------- */
.concept-header {
	background-image: url(../images/concept/title_bg.jpg?3);
}

.concept-content1 {
	padding: 95px 0 71px;
}

.concept-content2 {
	padding: 72px 0 42px;
	background: #efeced;
}

.concept-content3 {
	padding: 80px 0 40px;
}

.concept-content2__logo {
	text-align: center;
	margin: 0 0 68px;
}

.concept__text1 {
	margin: 0 0 2em;
}

.concept__text2 {
	text-align: center;
	line-height: 2.5;
	margin: 0 0 2.1em;
}

.concept__text4 {
	margin: 0 0 1.5em;
}

.concept__text5 {
	text-align: center;
	line-height: 2;
	margin: 0 0 2.1em;
}

.concept__text6 {
	margin: 0 0 1.3em;
}

@media all and (max-width: 768px) {
	.concept-header {
		background-image: url(../images/concept/title_bg_sp.jpg?2);
	}
}

@media all and (max-width: 559px) {
	.concept-content1 {
		padding: 45px 0 16px;
	}
	
	.concept-content2 {
		padding: 48px 0 15px;
	}
	
	.concept-content3 {
		padding: 45px 0 15px;
	}
	
	.concept-content2__logo {
		margin: 0 0 40px;
	}

	.concept-content2__logo img {
		width: 120px;
	}
	
	.concept__text1 {
		margin: 0 0 1.4em;
	}
	
	.concept__text2 {
		text-align: center;
		line-height: 2.28;
		margin: 0 0 2.4em;
	}
	
	.concept__text4 {
		margin: 0 0 1.5em;
	}
	
	.concept__text5 {
		line-height: 2.28;
		margin: 0 0 2.3em;
	}
	
	.concept__text6 {
		margin: 0 0 1.3em;
	}
}

/* ----------------------------------------
brand
---------------------------------------- */
.brand-header {
	background-image: url(../images/brand/title_bg.jpg?2);
}

.brand-contents1 {
	padding: 100px 0 75px;
}

.brand__text1 {
	margin: 0 0 2em;
}

.brand__text2 {
	text-align: center;
	line-height: 2.5;
}

.brand-contents2 {
	padding: 0 0 96px;
}

.second-brand__list {
	flex-wrap: wrap;
	justify-content: space-between;
}

.second-brand__list li {
	width: calc(50% - 10px);
	margin: 0 0 20px;
}

.second-brand__list__title {
	font-size: min(3vw,24px);
	text-align: center;
	padding: .5em 0;
	background: #f7f7f7;
}

@media all and (max-width: 559px) {
	.brand-header {
		background-image: url(../images/brand/title_bg_sp.jpg);
	}

	.brand-contents1 {
		padding: 45px 0 32px;
	}

	.brand-contents2 {
		padding: 0 0 50px;
	}

	.brand__text1 {
		margin: 0 0 1.3em;
	}

	.brand__text2 {
		line-height: 2.2;
	}

	.second-brand__list {
		padding: 0 20px;
	}

	.second-brand__list li {
		width: 100%;
		margin: 0;
	}

	.second-brand__list li + li {
		margin-top: 18px;
	}

	.second-brand__list__title {
		font-size: 16px;
		padding: .4em 0;
	}
}

/* ----------------------------------------
products
---------------------------------------- */
.products-header {
	background-image: url(../images/products/title_bg.jpg?2);
}

.products-content1 {
	padding: 50px 0 120px;
}

.products__cats {
	justify-content: space-between;
	margin: 0 0 76px;
}

.products__cats li {
	flex: 1;
}

.products__cats li + li {
	margin-left: 28px;
}

.products__cats li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 18px;
	text-align: center;
	line-height: 1;
	padding-bottom: .4em;
	letter-spacing: 0;
	border-bottom: 1px solid #e5dfe0;
}

.products__flex__1,
.products__flex__2 {
	width: 50%;
	box-sizing: border-box;
}

.products__flex__2 img {
	max-width: none;
	width: 100%;
}

.products__flex__1 {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 40px;
	background: #fff;
}

.products__flex-wrap .products__flex:nth-child(even) .products__flex__1 {
	background: #f1eeec;
}

.products__flex__1__text {
	font-size: 14px;
	margin: 0 0 .6em;
}

.products__flex__1__type {
	font-size: 28px;
	margin: 0 0 .3em;
}

.products__flex__1__btns {
	width: 100%;
	justify-content: center;
}

.products__flex__1__btns.between {
	justify-content: space-between;
}

.products__flex__1__btns li {
	width: 100%;
	max-width: 260px;
	font-size: min(1.4vw,16px);
}

.products__flex__1__btns li + li {
	margin-left: 10px;
}

.products__flex__1__btns li a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #53555a;
}

.products__flex__1__btns li a:before {
	display: block;
	content: "";
	width: 6px;
	height: 6px;
	border-top: 1px solid #53555a;
	border-right: 1px solid #53555a;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%) rotate(45deg);
}

@media all and (max-width: 768px) {
	.products__cats {
		flex-wrap: wrap;
	}

	.products__cats li {
		flex: unset;
		width: calc(100% / 4 - 10px);
		margin: 0 0 20px;
	}
	
	.products__cats li + li {
		margin-left: 0;
	}

	.products__cats li a {
		font-size: 14px;
		line-height: 1.14;
	}

	.products__flex {
		max-width: 500px;
		flex-direction: column-reverse;
		margin: auto;
	}

	.products__flex + .products__flex {
		margin-top: 16px;
	}
	
	.products__flex__1,
	.products__flex__2 {
		width: 100%;
	}
	
	.products__flex__1 {
		padding: 22px 22px 45px;
	}

	.products__flex__1__text {
		font-size: 13px;
		margin: 0 0 .2em;
	}
	
	.products__flex__1__type {
		font-size: 22px;
		margin: 0 0 1.1em;
	}
	
	.products__flex__1__btns {
		flex-direction: column;
		justify-content: center!important;
		align-items: center;
	}
	
	.products__flex__1__btns li {
		width: 100%;
	}

	.products__flex__1__btns li + li {
		margin: 20px 0 0;
	}
	
	.products__flex__1__btns li a {
		font-size: 16px;
		height: 33px;
	}
}

@media all and (max-width: 559px) {
	.products-header {
		background-image: url(../images/products/title_bg_sp.jpg);
	}
	
	.products-content1 {
		padding: 50px 0 50px;
	}
	
	.products__cats {
		margin: 0 0 40px;
	}
}

@media all and (max-width: 374px) {
	.products__cats li a {
		font-size: 12px;
	}

	.products__flex__1 {
		padding: 22px 20px 45px;
	}
}

/* ----------------------------------------
raub
---------------------------------------- */
.raub-header {
	background-image: url(../images/brand/raub/title_bg.jpg?2);
}

.raub-content1 {
	padding: 90px 0 78px;
}

.raub-content1__title2 {
	font-size: 20px;
	text-align: center;
	margin: 0 0 1.6em;
}

.raub-content1__text {
	text-align: center;
	line-height: 2.25;
}

.raub-content2 {
	padding: 0 0 120px;
}

.brand-detail__flex-wrap .brand-detail__flex:nth-child(odd) {
	flex-direction: row-reverse;
}

.brand-detail__flex__1 {
	width: calc(100% - 330px);
	padding: 42px 30px 30px 10%;
	box-sizing: border-box;
	overflow: hidden;
}

.brand-detail__flex__1.wht {
	background: #fff;
}

.brand-detail__flex__1.gry {
	background: #eae9e9;
}

.brand-detail__flex__1.bge {
	background: #f5f3ee;
}

.brand-detail__flex__2 {
	width: 330px;
}

.brand-detail__flex__2 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.brand-detail__flex__1__title {
	font-size: 20px;
	margin: 0 0 .7em;
}

.brand-detail__flex__1__title span {
	display: inline-block;
	padding: 0 0 .2em;
	position: relative;
}

.brand-detail__flex-wrap .brand-detail__flex:nth-child(even) .brand-detail__flex__1__title span {
	display: block;
}

.brand-detail__flex__1__title span:before {
	display: block;
	content: "";
	width: calc(100% + 100px);
	height: 1px;
	background: #53555a;
	position: absolute;
	bottom: 0;
	right: 0;
}

.brand-detail__flex-wrap .brand-detail__flex:nth-child(even) .brand-detail__flex__1__title span:before {
	right: auto;
	left: 0;
}

.brand-detail__flex__1__catch {
	font-size: 20px;
	margin: 0 0 1.3em;
}

.brand-detail__flex__1__text {
	font-size: 15px;
	line-height: 2;
	margin: 0 0 1.8em;
}

@media all and (max-width: 768px) and (min-width: 751px) {
	.brand-detail__flex__1 {
		padding: 30px 20px 0 40px;
	}

	.brand-detail__flex-wrap .brand-detail__flex:nth-child(odd) .brand-detail__flex__1__title span:before {
		width: calc(100% + 40px);
	}

	.brand-detail__flex__1__catch {
		font-size: 18px;
	}

	.brand-detail__flex__1__text {
		font-size: 14px;
	}
}

@media all and (max-width: 750px) {
	.brand-detail__flex {
		flex-direction: column-reverse!important;
	}

	.brand-detail__flex + .brand-detail__flex {
		margin-top: 16px;
	}

	.brand-detail__flex__1,
	.brand-detail__flex__2 {
		width: 100%;
	}
	
	.brand-detail__flex__1 {
		padding: 22px 30px 42px;
	}
	
	.brand-detail__flex__1__title {
		font-size: 18px;
		padding: 0 0 .5em;
		border-bottom: 1px solid #53555a;
	}
	
	.brand-detail__flex__1__title span {
		border: none!important;
	}

	.brand-detail__flex__1__title span:before {
		display: none!important;
	}
	
	.brand-detail__flex__1__catch {
		font-size: 18px;
	}
}

@media all and (max-width: 559px) {
	.raub-header {
		background-image: url(../images/brand/raub/title_bg_sp.jpg);
	}
	
	.raub-content1 {
		padding: 40px 0 30px;
	}
	
	.raub-content1__title2 {
		font-size: 14px;
		margin: 0 0 2.2em;
	}
	
	.raub-content1__text {
		text-align: left;
		padding: 0 1em;
	}
	
	.raub-content2 {
		padding: 0 0 50px;
	}
}

@media all and (max-width: 374px) {
	.brand-detail__flex__1 {
		padding: 22px 20px 42px;
	}
}

/* ----------------------------------------
brand common
---------------------------------------- */
.brand-content1 {
	padding: 90px 0 76px;
}

.brand-content2 {
	padding: 91px 0;
}

.brand-content1__title {
	font-size: 30px;
	text-align: center;
	margin: 0 0 1.9em;
}

/*
.brand-content1__title2 {
	font-size: 20px;
	text-align: center;
	margin: 0 0 1.6em;
}
*/

.brand-content1__text {
	text-align: center;
	line-height: 2.25;
}

.brand-content__list__wrap {
	margin: 40px 0 0;
	padding: 40px 20px;
	border-top: 1px solid #53555a;
	border-bottom: 1px solid #53555a;
	display: flex;
	justify-content: center;
}

.brand__product-flex-title {
	font-size: 24px;
	text-align: center;
	margin: 0 0 70px;
}

.brand__product-flex-title span {
	display: block;
	font-size: 14px;
}

.brand-content1__lists {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 2em;
	list-style: none;
}
.brand-content1__lists li:not(:last-of-type){
	margin-bottom: 5px;
}

.brand-content1__gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 25px;
	margin: 2em auto;
}

.brand__product-flex {
	justify-content: space-between;
	align-items: center;
}

.brand__product-flex + .brand__product-flex {
	margin-top: 100px;
}

.brand__product-flex__1 {
	width: 250px;
	text-align: center;
}

.brand__product-flex__2 {
	width: calc(100% - 250px - 45px);
	letter-spacing: .02em;
}

.brand__product-flex__product {
	font-size: 18px;
	margin: 0 0 .5em;
}
.brand__product-flex__product__note {
	font-size: 14px;
	margin: 0;
}

.brand__product-flex__product span {
	font-size: 12px;
	margin-left: 1em;
	background: rgba(255,255,255,0.50);
	padding: 0 5px;
	border: 1px solid #bdb7bc;
}

.brand__product-flex__cap {
	margin: 0 0 10px;
}

.brand__product-flex__text,
.brand__product-flex__list,
.brand__product-flex__notes {
	line-height: 2;
	font-size: 14px;
}

.brand__product-flex__list li {
	list-style: "・";
	margin-left: 1em;
}

.brand__product-flex__notes {
	margin: 2em 0 0;
}

.brand_product-flex__ec {
	display: table;
	background: #C3C4C3;
    padding: 4px 10px;
    color: white;
    font-size: 14px;
    letter-spacing: .05em;
}

.common--support {
	padding: 0 0 100px;
	background: #f0f0f1;
}

.brand__closeLink {
	justify-content: space-between;
}

.brand__closeLink li {
	width: calc(50% - 20px);
}

.brand__closeLink li a {
	justify-content: space-between;
	height: 100%;
	padding: 2px 2px 2px 0;
	background: #EAE9E9;
	box-sizing: border-box;
}

.brand__closeLink li.fulbeaute a {
	background: #DDD9CF;
}

.brand__closeLink li.homecare a {
	background: #DDD7D8;
}

.brand__closeLink__img {
	width: 120px;
	padding: 13px 15px;
	box-sizing: border-box;
}

.brand__closeLink__img > div {
	width: 100%;
	height: 100%;
}

.brand__closeLink__img img {
	width: 100%;
	max-width: none;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.brand__closeLink__container {
	width: calc(100% - 120px);
	height: 100%;
	margin-left: auto;
	padding: 20px 40px 25px 20px;
	box-sizing: border-box;
	background: #fff;
	position: relative;
}

.brand__closeLink__container:after {
    content: "";
    width: 23px;
    height: 23px;
    border-top: 1px solid #EAE9E9;
    border-right: 1px solid #EAE9E9;
    transform: translateY(-50%) rotate(45deg) skew(5deg, 5deg);
    position: absolute;
    top: 50%;
    right: 15px;
}

.brand__closeLink__container__title {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #EAE9E9;
}

.brand__closeLink li.fulbeaute .brand__closeLink__container:after,
.brand__closeLink li.fulbeaute .brand__closeLink__container__title {
	border-color: #DDD9CF;
}

.brand__closeLink li.homecare .brand__closeLink__container:after,
.brand__closeLink li.homecare .brand__closeLink__container__title {
	border-color: #DDD7D8;
}

.brand__closeLink__container__text {
	font-size: 14px;
}

@media all and (max-width: 1059px) {
	.brand__closeLink {
		flex-direction: column;
		max-width: 500px;
		margin: 0 auto;
	}
	
	.brand__closeLink li {
		width: 100%;
		letter-spacing: .03em;
	}

	.brand__closeLink li + li {
		margin-top: 20px;
	}
}

@media all and (max-width: 768px) {
	

	.brand-content1__text {
		text-align: left;
		max-width: 500px;
		margin: 0 auto;
		padding: 0 1em;
	}
}

@media all and (max-width: 559px) {
	.brand-content1 {
		padding: 42px 0 35px;
	}

	.brand-content2 {
		padding: 45px 0 32px;
	}

	.brand-content1__title {
		font-size: 20px;
		margin: 0 0 1.6em;
	}

/*
	.brand-content1__title2 {
		font-size: 16px;
		margin: 0 0 1.5em;
	}
*/

	.brand-content1__text {
/*
		font-size: 13.5px;
		line-height: 2.37;
*/
		text-align: left;
	}

	.brand-content__list__wrap {
		padding: 35px 20px;
	}

	.brand__product-flex-title {
		margin: 0 0 40px;
	}
	
	.brand__product-flex {
		flex-direction: column;
	}
	
	.brand__product-flex + .brand__product-flex {
		margin-top: 70px;
	}
	
	.brand__product-flex__1 {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		min-height: 175px;
		margin: 0 0 25px;
	}

	.brand__product-flex__1-3 {
		margin: 0 0 50px;
	}

	.brand__product-flex__1-4 {
		margin: 0 0 40px;
	}
	
	.brand_product-flex__ec {
		margin: 1.5em auto 1em;
		font-size: 16px;
	}
	
	.brand__product-flex__2 {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
	
	
/*
	.brand__product-flex__product {
		font-size: 14px;
		margin: 0 0 2px;
	}
	
	.brand__product-flex__product__note,
	.brand__product-flex__cap {
		font-size: 12px;
	}
*/
	.brand__product-flex__text,
	.brand__product-flex__list,
	.brand__product-flex__notes {
		font-size: 15px;
	}
	
	.brand__product-flex__list li {
		list-style: "・";
		margin-left: 1em;
	}
	
	.brand__product-flex__notes {
		font-size: 14px;
		margin: 2em 0 0;
	}
	
	.brand__product-flex-title span {
		font-weight: 400;
	}

	.brand-content1__gallery {
		grid-template-columns: 1fr;
		text-align: center;
		max-width: 250px;
		margin-left: auto;
		margin-right: auto;
	}

	.brand__closeLink__img {
		width: 80px;
		padding: 8px 10px;
	}

	.brand__closeLink__container {
		width: calc(100% - 80px);
		padding: 15px 35px 15px 15px;
	}
	
	.brand__closeLink__container:after {
		width: 18px;
		height: 18px;
	}
	
	.brand__closeLink__container__title {
		font-size: 13px;
		margin: 0 0 5px;
		padding: 0 0 3px;
	}
	
	.brand__closeLink__container__text {
		font-size: 10px;
		white-space: nowrap;
	}
}

@media all and (max-width: 374px) {
/*
	.brand-content1__title2 {
		font-size: 14px;
	}
*/

	.brand-content1__text {
		font-size: 12px;
	}

	.brand__closeLink__container {
		width: calc(100% - 60px);
		padding: 5px 25px 7px 12px;
	}
	
	.brand__closeLink__container:after {
		width: 13px;
		height: 13px;
		right: 10px;
	}
	
	.brand__closeLink__container__title {
		font-size: 11px;
	}
	
	.brand__closeLink__container__text {
		transform: scale(.9);
		transform-origin: left top;
	}
}
 
/* ----------------------------------------
everron
---------------------------------------- */
.everron-header {
	background-image: url(../images/brand/everron/title_bg.jpg?2);
}
.everron__btn {
	margin-top: 2em;
}
.everron__btn a {
	display: table;
	padding: 5px 1em;
	font-size: 20px;
	line-height: 1.6;
	text-align: center;
	margin: 0 auto;
	border: 1px solid;
	background: transparent;
	transition: all .3s linear;
}

@media all and (max-width: 559px) {
	.everron-header {
		background-image: url(../images/brand/everron/title_bg_sp.jpg);
	}
	.everron__btn a {
		font-size: 16px;
	}
	
}
 
/* ----------------------------------------
sojat-henna
---------------------------------------- */
.sojat-henna-header {
	background-image: url(../images/brand/sojat-henna/title_bg.jpg);
}

.page269 .brand-content__list__wrap {
	margin-bottom: 40px;
}

.page269 .brand-content1__text {
	text-align: left;
}

.brand-content1__text2 {
	line-height: inherit;
	border: 1px solid #53555a;
	padding: 1.1em;
}

@media all and (max-width: 559px) {
	.everron-header {
		background-image: url(../images/brand/sojat-henna/title_bg_sp.jpg);
	}
}

/* ----------------------------------------
raub system treatment
---------------------------------------- */
.raub-treatment-header {
	background-image: url(../images/brand/raub/treatment/title_bg.jpg?2);
}

.raub-treatment-content2 {
	padding: 90px 0;
}

.raub-treatment-content3 {
	padding: 80px 0 120px;
	background: #f0f0f1;
}

.brand-content__list li {
	line-height: 1.87;
	padding-left: 26px;
	position: relative;
}

.brand-content__list li:before {
	content: "●";
	font-size: 13px;
	color: #bdb7bc;
	position: absolute;
	top: 3px;
	left: 0;
}

.brand-content__list li + li {
	margin-top: 1em;
}

.raub-lineup__title {
	text-align: center;
	margin: 0 0 95px;
}

.raub-lineup__title-h1 {
	font-size: 30px;
	margin: 0 0 .1em;
}

.raub-lineup__title-h2 {
	font-size: 20px;
}

.raub-lineup__container-wrap {
	position: relative;
	z-index: 1;
}

.raub-lineup__container-wrap:before {
	content: "";
	width: 1px;
	height: 100%;
	background: #53555a;
	position: absolute;
	top: 0;
	left: 164px;
	z-index: -1;
}

.raub-lineup__container {
	min-height: 240px;
	padding: 0 100px;
	background: #fff;
	align-items: center;
}

.raub-lineup__container + .raub-lineup__container {
	margin-top: 80px;
}

.raub-lineup__container__step {
	width: 128px;
	height: 240px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.raub-lineup__container__step > * {
	width: 100%;
	text-align: center;
}

.raub-lineup__container__step__title {
	font-size: 20px;
	line-height: 1;
	margin: 0 0 3px;
}

.raub-lineup__container__step__num {
	font-size: 50px;
	font-weight: 200;
	margin: 0 0 5px;
}

.raub-lineup__container__step__text {
	padding: 1px 0;
	background: #e7e6e6;
}

.raub-lineup__container__image {
	width: 270px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	padding-top: 25px;
}

.raub-lineup__container__detail {
	width: calc(100% - 270px - 128px);
	padding: 15px 0;
}

.raub-lineup__container__detail__title {
	font-size: 20px;
	padding-bottom: .2em;
	margin: 0 0 .8em;
	border-bottom: 1px solid #53555a;
}

.raub-lineup__container__detail__product {
	font-size: 18px;
	margin: 0 0 3px;
}

.raub-lineup__container__detail__cap {
	margin: 0 0 12px;
}

.raub-lineup__container__detail__text {
	line-height: 1.8;
	font-size: 14px;
}

@media all and (max-width: 980px) {
	.raub-lineup__container-wrap:before {
		left: 50%;
	}

	.raub-lineup__container {
		max-width: 400px;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto;
		padding: 20px 20px 25px;
	}
	
	.raub-lineup__container + .raub-lineup__container {
		margin-top: 30px;
	}
	
	.raub-lineup__container__step {
		width: 104px;
		height: 125px;
		padding-top: 5px;
	}

	.raub-lineup__container__step__title {
		font-size: 16px;
		margin: 0 0 6px;
	}
	
	.raub-lineup__container__step__num {
		font-size: 40px;
	}
	
	.raub-lineup__container__step__text {
		font-size: 13px;
	}
	
	.raub-lineup__container__image {
		width: calc(100% - 104px);
		justify-content: flex-end;
		padding: 7px 15px 0 30px;
		box-sizing: border-box;
	}
	
	.raub-lineup__container__detail {
		width: 100%;
		padding: 25px 9px 0;
	}
	
	.raub-lineup__container__detail__title {
		font-size: 18px;
	}
	
	.raub-lineup__container__detail__product {
		font-size: 16px;
		margin: 0 0 20px;
	}
	
	.raub-lineup__container__detail__text {
		font-size: 15px;
	}
}

@media all and (max-width: 559px) {
	.raub-treatment-header {
		background-image: url(../images/brand/raub/treatment/title_bg_sp.jpg);
	}

	.raub-treatment-content2 {
		padding: 45px 0 50px;
	}
	
	.raub-treatment-content3 {
		padding: 40px 0 50px;
	}
	
	.brand-content__list li {
		line-height: 1.78;
	}
	
	.brand-content__list li + li {
		margin-top: 2em;
	}
	
	.raub-lineup__title {
		margin: 0 0 40px;
	}
	
	.raub-lineup__title-h1 {
		font-size: 26px;
		margin: 0;
	}
	
	.raub-lineup__title-h2 {
		font-size: 18px;
	}
	
	
	
}

/* ----------------------------------------
raub home care
---------------------------------------- */
.raub-homecare-header {
	background-image: url(../images/brand/raub/homecare/title_bg.jpg?2);
}

.raub-homecare-content2 {
	padding: 91px 0 78px;
	background: #e7e6e6;
}

.raub-homecare-content3 {
	padding: 100px 0 125px;
	background: #f0f0f1;
}

.raub-homecare-content4 {
	padding: 0 0 120px;
	background: #f0f0f1;
}

@media all and (max-width: 559px) {
	.raub-homecare-header {
		background-image: url(../images/brand/raub/homecare/title_bg_sp.jpg);
	}
	
	.raub-homecare-content2 {
		padding: 45px 0 35px;
	}
	
	.raub-homecare-content3 {
		padding: 50px 0 85px;
	}

	.raub-homecare-content4 {
		padding: 0 0 75px;
	}
}

/* ----------------------------------------
raub fulbeaute
---------------------------------------- */
.raub-fulbeaute-header {
	background-image: url(../images/brand/raub/fulbeaute/title_bg.jpg?2);
}

.raub-fulbeaute-content2 {
	padding: 90px 0;
	background: #e7e6e6;
}

.raub-fulbeaute-fragrance {
	padding: 50px 50px 60px;
	background: #ffffff;
	margin-top: 100px;
}

.raub-fulbeaute-content4 {
	padding: 95px 0 110px;
	background: #f0f0f1;
}

.raub-fulbeaute-content5 {
	padding: 105px 0 140px;
	background: #f0f0f1;
}

.raub-fulbeaute-fragrance__inner {
	max-width: 595px;
	margin: 0 auto;
}

.raub-fulbeaute-fragrance__title {
	font-size: 24px;
	text-align: center;
	margin: 0 0 1em;
	letter-spacing: .1em;
}

.raub-fulbeaute-fragrance__body {
	font-size: 14px;
	line-height: 1.8;
}

.raub-fulbeaute-fragrance__profBox {
	position: relative;
	margin: 30px 0 0;
	padding-top: 30px;
}
.raub-fulbeaute-fragrance__profBox::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
	height: 2px;
	background: #e7e6e6;
}

.raub-fulbeaute-fragrance__profBox_name {
	margin-bottom: 5px;
}
.raub-fulbeaute-fragrance__profBox_name:not(:first-of-type) {
	margin-top: 20px;
}

.raub-fulbeaute-fragrance__profBox_text {
	font-size: 12px;
}


@media all and (max-width: 559px) {
	.raub-fulbeaute-header {
		background-image: url(../images/brand/raub/fulbeaute/title_bg_sp.jpg);
	}
	
	.raub-fulbeaute-content2 {
		padding: 45px 0 50px;
	}
	
	.raub-fulbeaute-fragrance {
		padding: 24px 20px 30px;
	}
	
	.raub-fulbeaute-content4 {
		padding: 43px 0 77px;
	}
	
	.raub-fulbeaute-content5 {
		padding: 43px 0 77px;
	}
}

@media all and (max-width: 374px) {
	.raub-fulbeaute-fragrance__text {
		font-size: 13px;
	}
}

/* ----------------------------------------
aqua herb color
---------------------------------------- */
.aqua-header {
	background-image: url(../images/brand/aqua_herb_color/title_bg.jpg?3);
}

.aqua-content2 {
	padding: 90px 0 100px;
}


.aqua-content3 {
	padding: 100px 0 105px;
	background: #f0f0f1;
}

.aqua__list li + li {
	margin: .6em 0 0;
}

.aqua__products-wrap {
	text-align: center;
}

.aqua__products {
	display: inline-block;
	text-align: left;
}

.aqua__products__container + .aqua__products__container {
	margin-top: 95px;
}

.aqua__products__container {
	display: table;
	width: 100%;
	max-width: 415px;
	margin: 0 auto;
}

.aqua__products__container__images {
	margin: 0 0 22px;
}

.aqua__products__container__images li + li {
	margin-left: 27px;
}

.aqua__products__container__details__title {
	font-size: 18px;
}

@media all and (max-width: 559px) {
	.aqua-header {
		background-image: url(../images/brand/aqua_herb_color/title_bg_sp.jpg?2);
	}

	.aqua-content2 {
		padding: 45px 0 50px;
	}
	
	.aqua-content3 {
		padding: 60px 0 85px;
	}
	
	.aqua__products {
		display: block;
	}
	
	.aqua__products__container + .aqua__products__container {
		margin-top: 80px;
	}
	
	.aqua__products__container__images {
		margin: 0 0 22px;
		padding: 0 10px;
	}

	.aqua__products__container__images li {
		width: 64px;
	}
	
	.aqua__products__container__images li + li {
		margin-left: 20px;
	}
	
/*
	.aqua__products__container__details__title {
		font-size: 14px;
	}

	.aqua__products__container__details__cap {
		font-size: 12px;
	}
*/
}

/* ----------------------------------------
le lumina
---------------------------------------- */
.lelumina-header {
	background-image: url(../images/brand/le_lumina/title_bg.jpg?2);
}

.lelumina-content2 {
	padding: 91px 0;
}

.lelumina-content3 {
	padding: 100px 0 120px;
	background: #f0f0f1;
}

@media all and (max-width: 559px) {
	.lelumina-header {
		background-image: url(../images/brand/le_lumina/title_bg_sp.jpg);
	}
	
	.lelumina-content2 {
		padding: 45px 0 40px;
	}
	
	.lelumina-content3 {
		padding: 50px 0 75px;
	}
}

/* ----------------------------------------
alpha
---------------------------------------- */
.alpha-header {
	background-image: url(../images/brand/alpha/title_bg.jpg?2);
}

.alpha-content2 {
	padding: 90px 0 120px;
	background: #f0f0f1;
}

@media all and (max-width: 559px) {
	.alpha-header {
		background-image: url(../images/brand/alpha/title_bg_sp.jpg);
	}

	.alpha-content2 {
		padding: 50px 0 78px;
	}
}

/* ----------------------------------------
magic
---------------------------------------- */
.magic-header {
	background-image: url(../images/brand/magic/title_bg.jpg?2);
}

.magic-content2 {
	padding: 90px 0  100px;
}

.magic-content3 {
	padding: 90px 0 120px;
	background: #f0f0f1;
}

.magic-content4 {
	text-align: center;
	padding: 65px 0 70px;
	background: url(../images/brand/magic/everron_bg.jpg) no-repeat center / cover;
}

.magic-content4__title {
	font-size: 20px;
	margin: 0 0 1.1em;
}

.magic-content4__title2 {
	font-size: 20px;
	margin: 0 0 2px;
}

.magic-content4__text {
	line-height: 2.18;
}

.magic-content4__btn a {
	display: block;
	width: 100%;
	max-width: 310px;
	font-size: 30px;
	line-height: 1.6;
	text-align: center;
	margin: 0 auto;
	border: 1px solid #fff;
	background: transparent;
	transition: all .3s linear;
}

@media screen and (min-width: 769px) {
	.magic-content4__btn a:hover {
		background: rgba(255,255,255,.2);
	}
}

@media all and (max-width: 559px) {
	.magic-header {
		background-image: url(../images/brand/magic/title_bg_sp.jpg);
	}
	
	.magic-content2 {
		padding: 47px 0 50px;
	}
	
	.magic-content3 {
		padding: 50px 0 78px;
	}
	
	.magic-content4 {
		padding: 35px 0 50px;
		background: url(../images/brand/magic/everron_bg_sp.jpg) no-repeat center / cover;
	}
	
	.magic-content4__title {
		font-size: 16px;
		margin: 0 0 .9em;
	}
	
	.magic-content4__title2 {
		font-size: 16px;
		margin: 0 0 2px;
	}
	
	.magic-content4__text {
		font-size: 12px;
		line-height: 1.66;
		margin: 0 0 1.8em;
	}
	
	.magic-content4__btn a {
		font-size: 20px;
		padding: .4em 0;
	}
}

 
/* ----------------------------------------
wiqo
---------------------------------------- */
.wiqo-header {
	background-image: url(../images/brand/drsiries/wiqo/title_bg@2x.jpg);
}
.wiqo-header .header__title {
	font-size: 38px;
}
.wiqo-header .header__title  span {
	font-size: 40px;
}
.wiqo-content1 .brand-content1__title span {
    font-size: 18px;
}
.wiqo-content2 {
	background-color: white;
}
.wiqo-content2 .brand-content1__text {
	margin-bottom: 40px;
}
.wiqo-content2__subtitle {
	font-size: 20px;
	border-top: 1px solid #97ccb9;
	border-bottom: 1px solid #97ccb9;
	text-align: center;
	padding: 10px;
	margin-bottom: 50px;
	margin-top: 80px;
}
.wiqo-content2__sub-inner {
	max-width: 530px;
	margin: 0 auto;
}
.wiqo-figure {
	text-align: center;
	margin-bottom: 50px;
}
.wiqo-figure figcaption {
	font-size: 14px;
	margin-top: 1em;
	text-align: left;
}
.wiqo-content2 .brand-content__list {
	margin-bottom: 1em;
}
.wiqo-content2 .brand-content__list li {
    font-size: 18px;
}
.wiqo-content2 .brand-content__list li:before {
	color: #97ccb9;
}
.brand-content__note {
	font-size: 14px;
}
.wiqo-content3__title span {
	font-size: 20px;
}
.inner--container.qa {
    max-width: 1000px;
}
.brand-qa-list .qa {
	background-color: white;
	padding: 30px 1em;
}
.brand-qa-list .qa dt,
.brand-qa-list .qa dd {
	max-width: 800px;
	margin: 0 auto;
}
.brand-qa-list .qa dt {
	text-indent: -1.5em;
    padding-left: 1.5em;
	font-size: 20px;
	padding-bottom: .7em;
	margin-bottom: .7em;
	border-bottom: 1px solid #53555a;
	font-family: 'Noto Serif JP', serif;
	box-sizing: border-box;
}
.brand-qa-list .qa dt::before {
	content: "Q. ";
}
@media all and (max-width: 559px) {

	.wiqo-header {
		background-image: url(../images/brand/drsiries/wiqo/title_bg_sp@2x.jpg);
	}
	.wiqo-header .header__title {
		font-size: 25px;
	}
	.wiqo-header .header__title span {
		font-size: 28px;
	}
	.wiqo-content2 .brand-content__list li {
		font-size: 16px;
		margin-top: 1em!important;
	}
	.brand-qa-list .qa dt {
		font-size: 16px;
	}
}


/* ----------------------------------------
会員限定 member
---------------------------------------- */
.wiqo-content_login {
	background-color: white;
}

.member-login {
	border: 1px solid #53555a;
	background-color: #f3f3f3;
	max-width: 700px;
	margin: 0 auto;
}
.member-login__title {
    text-align: center;
    font-size: 20px;
    letter-spacing: .05em;
    font-weight: 500;
    background: #53555a;
    color: white;
	padding: 0.5em;
}
.member-login__text {
	padding: 1.5em;
}
.member-login__text a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
    max-width: 230px;
	padding: 0.5em;
	border: 1px solid;
	text-align: center;
	background: white;
}
.member-login__btn {
	display: flex;
	gap: 30px;
	justify-content: center;
}

.page-container {
	padding: 80px 0;
}
.page-maintextArea {
	margin-bottom: 80px;
}
.page-mamber-name {
	display: table;
	padding: .5em 1em;
	margin: 0 auto 2em;
	font-size: 20px;
	border-bottom: 1px solid;
}
.page-maintext {
	text-align: center;
}

.member__dataArea {
	max-width: 700px;
	margin: 0 auto;
}
.member__data_cate {
	font-size: 18px;
}
.member__data_title {
}

.member__dataArea dl {
	margin-bottom: 70px;
}
.member__dataArea dt {
	padding: .7em 0;
	margin-bottom: 1.5em;
	border-top: 1px solid;
	border-bottom: 1px solid;
}
.member__dataArea iframe {
	display: table;
	margin: 0 auto;
}
.member__dataArea a {
	text-decoration: underline;
}
.member__dataArea .iframe_wrap {
	aspect-ratio: 16 / 9;
}
.member__dataArea iframe {
	width: 100%;
  	height: 100%;
}

/*wp-member*/
#wpmem_login .link-text:nth-last-child(-n+2) {
	display: none;
}

/*
id-401 会員登録
id-399 会員ログイン
id-382 会員プロフィール
*/
#wpmem_msg, .wpmem_msg {
	padding: 1em;
	box-sizing: border-box;
	margin: 0 auto 2em;
}
.id-401 .page-content,
.id-399 .page-content,
.id-382 .page-content {
	padding: 80px 0;
	max-width: 700px;
	margin: 0 auto;
}
#wpmem_login, #wpmem_msg, #wpmem_reg, .wpmem_reg {
    width: 100%;
	background-color: #ececec;
	padding: 30px;
}
#wpmem_login {
	margin-bottom: 50px;
}
#wpmem_login legend, #wpmem_reg legend {
	margin-bottom: 1.5em;
}
#wpmem_login input[type=text] {
	width: 100%;
}
#wpmem_login input[type="submit"],
#wpmem_msg input[type="submit"],
#wpmem_reg input[type="submit"],
.wpmem_reg input[type="submit"] {
	background-color: #bdb7bc;
	padding: .7em;
	width: 200px;
	border: 0;
	cursor: pointer;
	outline: 0;
}
#wpmem_login .button_div, #wpmem_reg .button_div {
	margin-bottom: 1.5em;
}
#wpmem_login .link-text a,
#wpmem_msg .link-text a,
#wpmem_reg .link-text a,
.wpmem_reg .link-text a{
	text-decoration: underline;
}
#wpmem_login input, #wpmem_msg input, #wpmem_reg input, .wpmem_msg input {
	box-sizing: border-box;
}
#wpmem_login, #wpmem_reg {
    color: inherit;
	box-sizing: border-box;
}


.login_status {
	text-align: center;
}
.login_name {
	display: table;
	margin: 0 auto;
	font-size: 20px;
}
.login_status .to_download {
	display: inline-block;
	border: 1px solid;
	margin: 2em 0;
	padding: 1em 2em;
}
.login_status .to_logout {
	text-decoration: underline;
}
#wpmem_login legend, #wpmem_reg legend {
	line-height: 1.75;
}
@media all and (max-width: 559px) {
	.page-container {
		padding: 50px 0;
	}
	.member-login__btn {
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}
	.page-maintext {
		text-align: left;
	}
	#wpmem_login legend, #wpmem_reg legend {
		font-size: 20px;
	}
	
}


/* ----------------------------------------
for salon
---------------------------------------- */
.salon-container1 {
	padding: 96px 0 5px;
}

/* .salon-container2 {
	padding: 0 0 75px;
} */

.salon-container3 {
	padding: 80px 0 102px;
}

.salon-container5 {
	padding: 50px 0 58px;
	background: #fff;
}

.salon__title2 {
	margin: 0 0 1em;
}

.salon-container2__catalog {
	text-align: center;
	margin: 0 0 30px;
}

.salon__download {
	margin: 0 0 30px;
}

.salon__download a {
	display: block;
	width: 100%;
	max-width: 400px;
	font-size: 20px;
	text-align: center;
	margin: 0 auto;
	padding: .6em 0;
}

.salon__btns {
	max-width: 675px;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
}

.salon__btns li {
	width: calc(50% - 17px);
	margin: 0 0 28px;
}

.salon__btns li a {
	display: block;
	font-size: 20px;
	text-align: center;
	padding: .4em 0;
}

.salon__links {
	justify-content: space-between;
	margin: 52px 0 0;
}

.salon__links.center {
	justify-content: center;
}

.salon__links li {
	width: calc(50% - 10px);
	position: relative;
}

.salon__links__text {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 1;
}

.salon__links__text-title {
	font-size: 30px;
	text-shadow: 0 0 10px rgba(0, 0, 0, .3);
	margin: 0 0 .4em;
}

.salon__links__text-text {
	font-size: 14px;
	text-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.salon-container__btn a {
	font-size: 30px;
	width: 310px;
	padding: .1em 0;
}

.download--btn {
	background: #fff;
	border: 1px solid #53555A;
	position: relative;
}

.download--btn:after {
	content: "";
	width: 14px;
	height: 12px;
	background: url(../images/common/ico_blank_gr.svg) no-repeat left top / contain;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
}

.salon-bg #products {
	background: #E5DFE0;
}

@media all and (max-width: 730px) {
	.salon__download {
		margin: 0 0 20px;
		padding: 0 20px;
	}
	
	.salon__download a {
		padding: 0.5em 15px;
		text-align: left;
		box-sizing: border-box;
	}
	
	.salon__btns {
		align-items: center;
		justify-content: center;
		padding: 0 20px;
	}
	
	.salon__btns li {
		width: 100%;
		text-align: center;
		max-width: 400px;
		margin: 0 0 20px;
	}

	.salon__btns li:nth-child(2) {
		order: 4;
	}

	.salon__btns li:nth-child(3) {
		order: 2;
	}

	.salon__btns li:nth-child(4) {
		order: 5;
	}

	.salon__btns li:nth-child(5) {
		order: 3;
	}

	.salon__btns li:nth-child(6) {
		order: 6;
	}

	.salon__btns li:nth-child(7) {
		order: 7;
	}

	.salon__btns li a {
		padding: .35em 15px;
		text-align: left;
	}
	
	.salon__links {
		flex-direction: column;
		margin: 0;
	}
	
	.salon__links li {
		width: 100%;
	}

	.salon__links li + li {
		margin-top: 20px;
	}

	.salon__links li img {
		max-width: none;
		width: 100%;
	}
	
	.salon__links__text {
		width: 100%;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		z-index: 1;
	}
	
	.salon__links__text-title {
		margin: 0 0 .3em;
	}
	
	.salon-container__btn a {
		font-size: 20px;
		width: calc(100% - 40px);
		max-width: 400px;
		margin: 0 auto;
		padding: .45em 0;
	}
}

@media all and (max-width: 559px) {
	.salon-container1 {
		padding: 42px 0 0;
	}

	.salon-container3 {
		padding: 42px 0 50px;
	}
	
	.salon-container5 {
		padding: 45px 0 50px;
	}
	
	.salon__title2 {
		margin: 0 0 .7em;
	}
	
	.salon-container2__catalog {
		max-width: 275px;
		margin: 0 auto 30px;
		padding: 0 30px;
	}
	
	
	
}

/* ----------------------------------------
movie
---------------------------------------- */
.movie-container1 {
	padding: 85px 0 100px;
}

.movie-container2 {
	padding: 72px 0 52px;
	background: #e5dfe0;
}

.movie__title {
	margin: 0 0 1.9em;
}

.movie__thumb {
	max-width: 640px;
	margin: 50px auto 0;
}

.movie__thumb iframe {
	width: 100%;
	height: 50vw;
	max-height: 360px;
}

.movie__list-wrap {
	margin: 20px 0 0;
}

.movie__list-wrap__title {
	font-size: 30px;
	margin: 0 0 23px;
	border-bottom: 1px solid #53555A;
}

.movie__list {
	flex-wrap: wrap;
}

.movie__list li {
	width: calc(100% / 3 - 20px);
	margin: 0 0 70px;
}

.movie__list li:not(:nth-child(3n)) {
	margin-right: 30px;
}

.movie__list__thumb {
	height: 17vw;
	max-height: 177px;
	overflow: hidden;
	background: #EFECED;
}

.movie__list__thumb iframe {
	width: 100%;
	height: 17vw;
	max-height: 177px;
}

.movie__list__text {
	font-size: 14px;
	padding: 8px 1em;
	background: #EFECED;
}

.movie__list--container-option {
	margin: 0 0 30px;
}

.movie__list--container--select {
	width: 100%;
	max-width: 243px;
	font-size: 17px;
	padding: 3px;
	border-radius: 0;
	background: #EFECED;
	color: inherit;
}

@media all and (max-width: 559px) {
	.movie-container1 {
		padding: 42px 0 50px;
	}
	
	.movie-container2 {
		padding: 42px 0 50px;
	}
	
	.movie__title {
		margin: 0 0 1.2em;
	}
	
	.movie__thumb {
		margin: 30px auto 0;
	}
	
	.movie__list-wrap {
		margin: 40px 0 0;
	}
	
	.movie__list-wrap__title {
		font-size: 24px;
	}
	
	.movie__list li {
		width: 100%;
		margin: 0 0 30px!important;
	}

	.movie__list__thumb {
		height: 50vw;
		max-height: none;
	}
	
	.movie__list__thumb iframe {
		height: 50vw;
		max-height: none;
	}
	
	.movie__list__text {
		font-size: 14px;
		padding: 8px 20px;
	}
	
	.movie__list--container-option {
		margin: 0 0 40px;
	}

}

/* ----------------------------------------
company
---------------------------------------- */
.company-container1 {
	padding: 35px 0 115px;
}

.page__links {
	justify-content: center;
	margin: 0 0 70px;
}

.page__links li {
	width: 100px;
	height: 55px;
	margin: 0 25px;
}

.page__links li a {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	letter-spacing: 0;
	text-align: center;
	border-bottom: 1px solid #e5dfe0;
}

.company__title {
	font-size: 28px;
	margin: 0 0 .1em;
	font-weight: 200;
}

.company__title2 {
	font-size: 18px;
	margin: 0 0 3.8em;
}

.company__dl {
	flex-wrap: wrap;
}

.company__dl + .company__dl {
	margin-top: 2.7em;
}

.company__dl dt,
.company__dl dd {
	font-size: 15px;
	line-height: 2.4;
}

.company__dl dt {
	width: 170px;
}

.company__dl dd {
	width: calc(100% - 170px);
}

.company--profile {
	display: block;
	line-height: 1.75;
}

@media all and (max-width: 559px) {
	.company-container1 {
		padding: 47px 0 50px;
	}
	
	.page__links {
		margin: 0 0 40px;
	}
	
	.page__links li {
		height: 45px;
		margin: 0 7px;
	}
/*
	.page__links li a {
		font-size: 14px;
	}
*/
	
	.company__title {
		font-size: 24px;
		text-align: center;
	}
	
	.company__title2 {
		font-size: 15px;
		text-align: center;
		margin: 0 0 3em;
	}

	.company__dl + .company__dl {
		margin-top: 0;
	}
	
	.company__dl dt,
	.company__dl dd {
		width: 100%;
		font-size: 14px;
		line-height: 1.71;
	}

	.company__dl dt {
		font-weight: bold;
	}
	
	.company__dl dd {
		margin: 0 0 1em;
		padding: .5em 0 .9em;
		border-bottom: 1px solid #E5DFE0;
	}

	.company__dl3 dd:last-of-type {
		border: none;
	}

	.company--profile {
		font-size: 12px;
		line-height: 2;
		margin-top: .3em;
	}
}

/* ----------------------------------------
message
---------------------------------------- */
.message-container1 {
	padding: 35px 0 91px;
}

.company__flex {
	margin-top: -27px;
	justify-content: space-between;
}

.company__flex__1 {
	width: calc(100% - 210px - 60px);
}

.company__flex__2 {
	width: 210px;
}

.company__flex__1__text {
	font-size: 15px;
	line-height: 2.2;
	margin: 0 0 2em;
}

@media all and (max-width: 559px) {
	.message-container1 {
		padding: 47px 0 48px;
	}
	
	.company__flex {
		margin-top: 0;
		flex-direction: column-reverse;
	}

	.company__flex__1 {
		padding: 0 2em;
	}
	.company__flex__1,
	.company__flex__2 {
		width: 100%;
		box-sizing: border-box;
	}

	.company__flex__2 {
		text-align: center;
		padding: 0 75px 33px;
	}
	
}

/* ----------------------------------------
history
---------------------------------------- */
.history-container1 {
	padding: 35px 0 110px;
}

.history__dl {
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}

.history__dl:after {
	display: block;
	content: "";
	width: 1px;
	height: 100%;
	background: #53555a;
	position: absolute;
	top: 0;
	left: 80px;
}

.history__dl dt,
.history__dl dd {
	font-size: 15px;
	line-height: 2.4;
}

.history__dl dt:not(:last-of-type),
.history__dl dd:not(:last-of-type) {
	margin: 0 0 2.4em;
}

.history__dl dt {
	width: 80px;
}

.history__dl dd {
	width: calc(100% - 80px - 40px);
}

.history__profile {
	margin: 84px 0 0;
	padding: 36px 40px 49px;
	background: #fff;
}

.history__profile__title {
	margin: 0 0 27px;
}

.history__profile__title-h {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: .05em;
	margin-bottom: 10px;
}

.history__profile__title-h2 {
	font-size: 14px;
}

.history__profile__flex {
	justify-content: space-between;
}

.history__profile__flex__1 {
	width: calc(100% - 230px - 44px);
	font-size: 14px;
	line-height: 1.75;
	letter-spacing: .025em;
}

.history__profile__flex__1 p:not(.m0) {
	margin: 0 0 1.2em;
}

.history__profile__flex__2 {
	width: 230px;
}

@media all and (max-width: 559px) {
	.history-container1 {
		padding: 47px 0 50px;
	}

	.history__dl:after {
		display: none;
	}
	
	.history__dl dt,
	.history__dl dd {
		width: 100%;
		font-size: 14px;
		line-height: 1.71;
	}
	
	.history__dl dt:not(:last-of-type),
	.history__dl dd:not(:last-of-type) {
		margin: 0;
	}

	.history__dl dd {
		margin: 0 0 1em!important;
		padding: .5em 0 .9em;
		border-bottom: 1px solid #E5DFE0;
	}

	.history__dl dd:last-of-type {
		border: none;
	}

	.history__profile {
		margin: 25px 0 0;
		padding: 20px 20px 22px;
	}
	
	.history__profile__title {
		text-align: center;
		margin: 0 0 18px;
	}
	
	.history__profile__title-h {
		font-size: 18px;
		margin: 0 0 5px;
	}

	.history__profile__title-h span {
		display: block;
		font-size: 16px;
	}
	
	.history__profile__flex {
		flex-direction: column-reverse;
		align-items: center;
	}
	
	.history__profile__flex__1 {
		width: 100%;
		letter-spacing: .025em;
	}
	
	.history__profile__flex__1 p:not(.m0) {
		margin: 0 0 1.4em;
	}
	
	.history__profile__flex__2 {
		width: 200px;
		margin: 0 0 20px;
	}
}

@media all and (max-width: 374px) {
	.history__profile__title-h2 {
		font-size: 13px;
	}
}

/* ----------------------------------------
recruit
---------------------------------------- */
.recruit-header {
	background-image: url(../images/recruit/title_bg.jpg);
}

.recruit-container1 {
	padding: 105px 0 80px;
}

.recruit-container2 {
	padding: 0 0 120px;
}

.recruit__text1 {
	margin: 0 0 2em;
}

.recruit__text2 {
	text-align: center;
	line-height: 2.4;
}

.recruit-container__box {
	padding: 85px 30px 100px;
}

.recruit-container__box + .recruit-container__box {
	margin-top: 70px;
}

.recruit-container__box__title {
	font-size: 24px;
/*	padding-bottom: .5em;*/
	margin: 0 -.5em 1em;
/*	border-bottom: 2px solid #53555a;*/
	padding: 0.5em 1em;
	background: #efeced;
}

.recruit-container__box__text {
	margin: 0 0 3.2em;
}

.recruit-container__box__dl-title {
	font-size: 20px;
}

.recruit__dl {
	flex-wrap: wrap;
	margin: 0 0 65px;
	border-top: 1px solid #53555a;
}

.recruit__dl dt,
.recruit__dl dd {
	font-size: 14px;
	padding: .92em 0;
	border-bottom: 1px solid #53555a;
}

.recruit__dl dt {
	width: 168px;
}

.recruit__dl dd {
	width: calc(100% - 168px);
}

.recruit__btn a {
	display: block;
	width: 100%;
	max-width: 310px;
	font-size: 20px;
	text-align: center;
	margin: 0 auto;
	padding: .5em 0;
	border: 1px solid;
}

.recruit__linkBox {
	margin: 0 0 50px;
	padding: 23px 50px 22px 100px;
}

.recruit__linkBox__flex__1 {
	width: 170px;
	font-size: 20px;
}

.recruit__linkBox__flex__2 {
	width: calc(100% - 170px);
}

.recruit__linkBox__flex__list {
	display: flex;
}

.recruit__linkBox__flex__list li {
	max-width: 200px;
	width: 40%;
	border-bottom: 1px solid #E5DFE0;
}

.recruit__linkBox__flex__list li + li {
	margin: 0 0 0 13px;
}

.recruit__linkBox__flex__list li a {
	align-items: center;
	font-size: 14px;
	padding: 5px 0;
}

.recruit__linkBox__flex__list li span.num {
	width: 18px;
	height: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 11px;
	letter-spacing: 0;
	margin-right: 15px;
	border: 1px solid #53555A;
	box-sizing: border-box;
}

.recruit-container__box__title .num {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -3px;
}

.recruit-container__box__title .num span {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 21px;
	letter-spacing: 0;
	line-height: 1;
	margin-right: 20px;
	border: 1px solid #53555A;
	box-sizing: border-box;
}

@media all and (max-width: 950px) {
	.recruit__linkBox {
		padding: 23px 50px 22px 60px;
	}

	.recruit__linkBox__flex__1 {
		width: 110px;
	}
	
	.recruit__linkBox__flex__2 {
		width: calc(100% - 110px);
	}
}

@media all and (max-width: 767px) {
	.recruit__linkBox__flex__list {
		flex-wrap: wrap;
	}

	.recruit__linkBox__flex__list li {
		width: 100%;
		max-width: none;
	}

	.recruit__linkBox__flex__list li + li {
		margin: 5px 0 0;
	}
}

@media all and (max-width: 559px) {
	.recruit-container1 {
		padding: 45px 0 30px;
	}
	
	.recruit-container2 {
		padding: 0 0 50px;
	}
	
	.recruit__text1 {
		margin: 0 0 2em;
	}
	
	.recruit__text2 {
		text-align: left;
		padding: 0 1em;
	}
	
	.recruit-container__box {
		padding: 40px 30px 50px;
	}
	
	.recruit-container__box + .recruit-container__box {
		margin-top: 50px;
	}
	
	.recruit-container__box__title {
		font-size: 18px;
	}
	
	.recruit-container__box__text {
		margin: 0 0 3.2em;
	}
	
	.recruit-container__box__dl-title {
		font-size: 18px;
	}
	
	.recruit__dl {
		margin: 0 0 50px;
	}
	
	.recruit__dl dt,
	.recruit__dl dd {
		width: 100%;
		font-size: 15px;
		word-break: break-all;
	}

	.recruit__dl dt {
		padding: 1.2em 0 0;
		border: none;
		font-weight: bold;
	}

	.recruit__dl dd {
		padding: .5em 0 1em;
	}

	.recruit-container__box__title .num span {
		width: 22px;
		height: 22px;
		font-size: 16px;
		margin-right: 13px;
	}

	.recruit__linkBox {
		padding: 19px 30px 30px;
	}

	.recruit__linkBox__flex__1 {
		width: 62px;
		font-size: 14px;
		padding-top: 6px;
	}
	
	.recruit__linkBox__flex__2 {
		width: calc(100% - 62px);
	}

}

/* ----------------------------------------
	contact
---------------------------------------- */
.contact-container1 {
	padding: 0 0 80px;
}

.inner--container.contact {
	padding: 80px 120px 70px;
}

.inner--container.contact2 {
	padding: 0 120px 70px;
}

.contact__title {
	font-size: 15px;
	margin: 0 0 .3em;
}

.contact__text {
	font-size: 15px;
	line-height: 2.2;
	margin: 0 0 2.3em;
}

.contact__area {
	max-width: 760px;
	margin: 5em auto 0;
}

#contact_form {
	margin: 0 0 50px;
}

.contact_form__table {
	width: 100%;
	border-collapse: collapse;
}

.contact_form__table th,
.contact_form__table td {
	font-size: 15px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding-bottom: 20px;
}

.contact_form__table th {
	width: 210px;
}

.contact_form__table td {
	width: calc(100% - 210px);
}

.required {
	font-size: 14px;
	color: #ff0000;
}

.contact_form__table input[type="text"],
.contact_form__table input[type="email"],
.contact_form__table textarea {
	width: 100%;
	font-size: 16px;
	padding: .7em 5px;
	border: none;
	border-radius: 0;
	outline: none;
	background: #fff;
	border: 1px solid #c9c9c9;
	box-sizing: border-box;
	-webkit-appearance: none;
}

.mw_wp_form .horizontal-item {
	display: block;
}

.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0!important;
}

.contact_form__table textarea {
	height: 195px;
}

.contact_form__table .row1 {
	margin: 0 0 10px;
}

.contact_submit {
	text-align: center;
}

.contact_submit input {
	background-color: transparent;
	border: none;
	border-radius: 0;
	cursor: pointer;
	outline: none;
	appearance: none;
	-webkit-appearance: none;

	width: 100%;
	max-width: 310px;
	font-size: 20px;
	color: #717071;
	font-weight: 300;
	text-align: center;
	padding: 1em 0;
	background: #e5dfe0;
	transition: all 0.3s ease;
}

.contact_submit input:disabled {
	opacity: .5;
	pointer-events: none;
}

.contact_submit input[name="submitBack"] {
	max-width: 200px;
}

.contact_submit input:hover {
	opacity: .7;
}

.contact_submit input + input {
	margin-left: 2%;
}

.form__text {
	font-size: 13px;
}

.privacy-link {
	color: #ff0000;
	text-decoration: underline;
    padding: 0 27px 0 0;
    background: url(../images/contact/ico_privacy.svg) no-repeat right 15px center;
    background-size: 10px auto;
}

.agree {
	letter-spacing: 0;
    padding: 4em 0;
    text-align: center;
}

.agree label input {
    display: none;
}

.agree input+.mwform-checkbox-field-text {
    font-size: 14px;
    background-image: url(../images/contact/ico_check_off.svg);
    background-size: 16.5px auto;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 0 1px 29px;
    cursor: pointer;
}

.agree input:checked+.mwform-checkbox-field-text {
    background-image: url(../images/contact/ico_check.svg);
}

.complete__text {
	font-size: 15px;
	line-height: 2.2;
	margin: 0 0 5.5em;
}

.complete__text p {
	letter-spacing: .03em;
	margin: 0 0 2em;
}


.mw_wp_form_confirm .contact__textwrap {
	display: none;
}

@media screen and (max-width: 768px) {
	.contact_form__table tr,
	.contact_form__table th,
	.contact_form__table td {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 559px) {
	.contact-container1 {
		padding: 0 0 50px;
	}
	
	.inner--container.contact {
		padding: 42px 30px 35px;
	}
	
	.inner--container.contact2 {
		padding: 0 10px 20px;
	}
	
	.contact__title {
		font-size: 15px;
		margin: 0 0 .3em;
	}
	
	.contact__text {
		font-size: 14px;
		line-height: 2;
		margin: 0 0 2em;
	}
	
	.contact__area {
		max-width: 760px;
		margin: 5em auto 0;
	}
	
	#contact_form {
		margin: 0;
	}
	
	.contact_form__table {
		width: 100%;
		border-collapse: collapse;
	}
	
	.contact_form__table th,
	.contact_form__table td {
		font-size: 14px;
	}

	.contact_form__table th {
		padding-bottom: 12px;
	}

	.contact_form__table td {
		padding-bottom: 34px;
	}
	
	.contact_form__table textarea {
		height: 195px;
	}
	
	.contact_submit {
		text-align: center;
	}
	
	.contact_submit input {
		background-color: transparent;
		border: none;
		border-radius: 0;
		cursor: pointer;
		outline: none;
		appearance: none;
		-webkit-appearance: none;
	
		width: 100%;
		max-width: 310px;
		font-size: 20px;
		color: #717071;
		font-weight: 300;
		text-align: center;
		padding: 1em 0;
		background: #e5dfe0;
		transition: all 0.3s ease;
	}
	
	.contact_submit input[name="submitBack"] {
		max-width: 200px;
	}
	
	.contact_submit input:hover {
		opacity: .7;
	}
	
	.contact_submit input + input {
		margin-left: 2%;
	}
	
	.agree {
		padding: 2em 0 2.8em;
	}
	
	.agree label input {
		display: none;
	}
	
	.agree input+.mwform-checkbox-field-text {
		font-size: 14px;
		background-image: url(../images/contact/ico_check_off.svg);
		background-size: 16.5px auto;
		background-position: left center;
		background-repeat: no-repeat;
		padding: 0 0 1px 29px;
		cursor: pointer;
	}
	
	.agree input:checked+.mwform-checkbox-field-text {
		background-image: url(../images/contact/ico_check.svg);
	}
	
	.complete__text {
		font-size: 14px;
		line-height: 2;
		margin: 0 0 3em;
	}
	
	.complete__text p {
		letter-spacing: .03em;
		margin: 0 0 2em;
	}
	
	
	.mw_wp_form_confirm .contact__textwrap {
		display: none;
	}
}

@media all and (max-width: 375px) {
	.inner--container.contact {
		padding: 42px 20px 35px;
	}

	.contact__title {
		font-size: 13px;
	}

	.form__text {
		font-size: 12px;
	}

	.contact__text {
		font-size: 12px;
	}

	.agree input+.mwform-checkbox-field-text {
		font-size: 12px;
	}
}
/* ----------------------------------------
privacy
---------------------------------------- */
.inner--container.privacy {
	padding: 80px 120px 45px;
}

.privacy__box {
	font-size: 15px;
	line-height: 2;
}

.privacy__box + .privacy__box {
	margin-top: 1.9em;
}

.privacy__box dl {
    margin: 0;
}

.privacy__box dd {
    margin: 0 0 2.2em;
}

.privacy__title {
	font-size: 17px;
    font-weight: 500;
	line-height: 1.8;
}

.privacy__title.small {
	font-size: 15px;
	font-weight: 400;
}

.privacy__box a {
    text-decoration: underline;
    color: #717071;
}

@media screen and (max-width: 559px) {
	.inner--container.privacy {
		padding: 45px 30px 18px;
	}
	
	.privacy__box {
		font-size: 14px;
		line-height: 2;
	}

	.privacy__box dd {
		margin: 0 0 2.2em;
	}
	
	.privacy__title {
		font-size: 16px;
		line-height: 1.8;
	}
	
	.privacy__title.small {
		font-size: 14px;
		font-weight: 400;
	}
	
}

@media screen and (max-width: 374px) {
	.privacy__box {
		font-size: 12px;
	}

	.privacy__title {
		font-size: 14px;
	}
}

/* ----------------------------------------
aside
---------------------------------------- */
.side_column {
	width: 290px;
	padding: 40px 30px 0;
	box-sizing: border-box;
}

.side_column__inner {
	padding: 0 0 40px;
}

.side_column__inner__linkBnr {
	display: block;
	border: 1px solid #e4dedf;
	padding: 10px 1em;
	text-align: center;
}

.side_column__inner__linkBnr__title {
    font-size: 22px;
	line-height: 1.5;
	margin-bottom: 5px;
	letter-spacing: .1em;
}

.side_column__inner__linkBnr__text {
	font-size: 12px;
}

.sode_column__inner__title {
	height: 32px;
	display: flex;
	align-items: center;
	font-size: 15px;
	color: white;
	margin: 0 0 15px;
	padding: 0 .8em;
	background: #CFC4C5;
}

.sode_column__category-list li {
	list-style: "・";
	font-size: 14px;
	line-height: 1.85;
	margin-left: .9em;
}

.sode_column__category-list li a {
	color: #717071;
}

.side_column__posts-list li {
	font-size: 14px;
	line-height: 1.53;
	padding: 0 0 12px;
	border-bottom: 1px solid #e2e2e2;
}

.side_column__posts-list li + li {
	margin: 18px 0 0;
}

.select-wrap {
	position: relative;
	cursor: pointer;
}

.select-wrap:after {
	content: "";
	width: 6px;
	height: 6px;
	border-top: 1px solid #231815;
	border-right: 1px solid #231815;
	box-sizing: border-box;
	position: absolute;
	top: calc(50% - 1px);
	right: 12px;
	transform: translateY(-50%) rotate(135deg);
	pointer-events: none;
}

.side_column__select {
	display: block;
	width: 100%;
	color: #717071;
	padding: 8px .6em;
	background: #fff;
	border-color: #CFC4C5;
	border-radius: 0;
	-webkit-appearance: none;
}

.search--box {
	position: relative;
}

#search--field {
	width: 100%;
	font-size: 14px;
	padding: .5em 8px;
	box-sizing: border-box;
	border: 1px solid #CFC4C5;
	border-radius: 0;
	background: #fff;
	-webkit-appearance: none;
}

#search--submit {
	-webkit-appearance: none;
	width: 38px;
	height: 32px;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
	background: none;
	border-radius: 0;
	border: none;
	background: url(../images/common/ico_search.svg) no-repeat center / contain;
	outline: none;
	position: absolute;
	top: 0;
	right: 0;
}

@media all and (max-width: 768px) and (min-width: 900px) {
	.side_column {
		width: 210px;
	}
}

@media all and (max-width: 899px) {
	.side_column {
		width: 100%;
		margin-top: 50px;
		padding: 30px 20px 0;
	}

	.side_column__inner.mg {
		padding: 0 0 15px;
	}

	.side_column__select {
		font-size: 16px;
	}

	#search--field {
		font-size: 16px;
	}

	#search--submit {
		height: 36px;
	}
}

@media all and (max-width: 559px) {
	#search--submit {
		height: 40px;
	}
}

/* ----------------------------------------
archive
---------------------------------------- */
.archive__container {
	justify-content: space-between;
}

.posts-container {
	padding: 0 0 70px;
}

.main__column {
	width: calc(100% - 290px - 30px);
	height: 100%;
	padding: 40px 30px 60px;
	box-sizing: border-box;
}

.news__category__list {
	align-items: center;
	justify-content: center;
	margin: -5px 0 55px;
}

.news__category__list li {
	width: 100px;
	font-size: 15px;
	line-height: 1.62;
}

.news__category__list li + li {
	margin-left: 20px;
}

.news__category__list li a {
	display: block;
	color: #717071;
	text-align: center;
	padding: 2px 0;
	background: #fff;
	box-sizing: border-box;
}

.news__category__list li.active a {
	color: #fff;
	background: #afafaf;
}

.tag__title {
	font-size: 15px;
	text-align: center;
	margin: -5px 0 55px;
}

.archive__list li {
	margin: 0 0 40px;
	padding: 0 0 40px;
	border-bottom: 1px solid #e3e3e3;
}

.archive__list .flex {
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
}

.news__image {
	width: 180px;
	height: 124px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.news__text {
	width: calc(100% - 180px - 30px);
	padding-top: 3px;
}

.news__list__title {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	margin: 0 0 1em;
}

.news__list__content {
	font-size: 12px;
	line-height: 1.83;
	color: #717071;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.wp-pagenavi {
    display: flex;
    justify-content: center;
    text-align: center;
	margin: 60px 0 0;
}

.wp-pagenavi>a,
.wp-pagenavi>span {
    line-height: 1;
    color: #231815;
    margin: 0 12px;
    padding: 0;
    border: none;
}

.wp-pagenavi>a {
	text-decoration: underline!important;
}

.wp-pagenavi>a.page,
.wp-pagenavi>span {
    font-size: 16px;
}

.wp-pagenavi>span {
    font-weight: normal!important;
}

.pagenavi .nextpostslink,
.pagenavi .previouspostslink {
    width: 18px;
    height: 18px;
    text-indent: -9999px;
    overflow: hidden;
    margin: 0!important;
	padding: 0 5px;
    background: url(../images/common/next.svg) no-repeat right center;
}

.pagenavi .previouspostslink {
    background: url(../images/common/prev.svg) no-repeat left center;
}

@media all and (max-width: 768px) and (min-width: 900px) {
	.main__column {
		width: calc(100% - 190px - 50px);
	}
}

@media all and (max-width: 899px) {
	.archive__container {
		flex-direction: column;
	}

	.posts-container {
		padding: 0 0 50px;
	}

	.main__column {
		width: 100%;
		padding: 30px 20px 47px;
	}

	.news__category-flex {
		margin: 0 0 20px;
	}

	.news__category-flex__1 {
		width: 123px;
		font-size: 18px;
		padding-top: 5px;
	}

	.news__category-flex__2 {
		width: calc(100% - 123px);
		max-width: 150px;
		position: relative;
	}

	.news__category-flex__2:after {
		content: "▼";
		font-size: 10px;
		color: #717071;
		position: absolute;
		top: 50%;
		right: 13px;
		transform: translateY(-50%) scale(.8);
	}

	.news__category__select {
		width: 100%;
		-webkit-appearance: none;
		border: none;
		background: transparent;
		font-size: 16px;
		color: #717071;
		padding: 3px 0 7px;
		border-radius: 0;
		border-bottom: 1px solid #53555A;
	}

	.tag__title {
		font-size: 14px;
		margin: 0 0 20px;
	}

	.archive__list li {
		margin: 0 0 20px;
		padding: 0 0 16px;
	}
	
	.archive__list a.flex {
		justify-content: space-between;
		align-items: flex-start;
		position: relative;
	}
	
	.news__image {
		width: 125px;
		height: 90px;
	}
	
	.news__text {
		width: calc(100% - 125px - 20px);
		padding-top: 0;
	}
	
	.news__list__title {
		font-size: 14px;
		line-height: 1.57;
		-webkit-line-clamp: 4;
		margin: 0;
	}
	
	.news__list__content {
		display: none;
	}

	.wp-pagenavi {
		margin: 45px 0 0;
	}
	
	.wp-pagenavi>a,
	.wp-pagenavi>span {
		font-size: 14px;
		margin: 0 12px;
	}
}

@media all and (max-width: 374px) {
	.news__image {
		width: 100px;
		height: 70px;
	}
	
	.news__text {
		width: calc(100% - 100px - 15px);
	}

	.news__list__title {
		font-size: 13px;
		-webkit-line-clamp: 3;
	}
	
}

/* ----------------------------------------
single
---------------------------------------- */
.inner--container.post {
	padding: 40px 120px 52px;
}

.post-container {
	padding: 0 0 115px;
}

.main__column.single {
	padding: 40px 50px 25px;
}

.news__data__flex {
	align-items: center;
	font-size: 12px;
	line-height: 1.4;
	margin: 0 0 12px;
	justify-content: flex-start!important;
}

.news__data__flex.archive {
	margin: 0 0 17px;
}

.news__data__flex__date {
	margin: 0 12px 0 0;
}

.news__data__flex__cat span {
	display: inline-block;
	width: 79px;
	font-size: 10px;
	text-align: center;
	border: 1px solid #53555a;
}

.single .news__data__flex__cat span {
/*
	color: #fff;
	background: #AFAFAF;
	border: none;
*/
	border: 1px solid #53555a;
}

.news__data__flex__cat span + span {
	margin-left: 5px;
}

.main__container__title {
	font-size: 20px;
	margin: 1.5em 0 1.5em;
}

.news__thumb {
	text-align: center;
	margin-bottom: 30px;
}

.detail__txt {
	font-size: 15px;
	line-height: 2.2;
	margin: 0 0 3em;
}

.detail__txt > * {
	margin: 0 0 1em;
} 

.detail__txt h2 {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	padding: .3em .5em;
	background: #CFC4C5;
}

.detail__txt h2,
.detail__txt h3 {
	margin: 30px 0 12px;
}

.detail__txt h3 {
	font-size: 16px;
	font-weight: 600;
	padding: .1em 0;
	border-bottom: 2px solid #CFC4C5;
}

.detail__txt h4 {
	position: relative;
	font-size: 16px;
/*	color: #CFC4C5;*/
	font-weight: 400;
	padding-left: 10px;
}
.detail__txt h4::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 100%;
	background: #CFC4C5;
}

.detail__txt + .detail__share {
	margin-top: 5.7em;
}

.detail__txt blockquote {
	font-size: 13px;
	padding-left: 1em;
	margin-left: 1em;
	border-left: 1px solid #CFC4C5;
	line-height: 2;
}

.detail__txt a {
	text-decoration: underline;
}

.detail__share {
	margin: 0 0 15px;
	padding: 14px 0 9px;
	border-top: 1px solid #EEEFF0;
	border-bottom: 1px solid #EEEFF0;
}

.detail__sns__item + .detail__sns__item {
	margin-left: 15px;
}

.detail__tags {
	line-height: 1.3;
	padding: 11px 0;
	border-top: 1px solid #EEEFF0;
}

.detail__tags.archive {
	padding: 14px 0 0;
	border: none;
}

.detail__tags span {
	display: inline-block;
	font-size: 13px;
}

.detail__tags span a {
	color: #A8A0A6;
	letter-spacing: 0;
}

.detail__tags__top {
	margin: -15px 0 30px;
    border-bottom: 1px solid #EEEFF0;
}

.paging {
	margin: 0;
	justify-content: space-between;
}

.paging li {
	width: 30%;
}

.paging li.back {
	text-align: center;
}

.paging li.next {
	text-align: right;
}

.paging li a {
	color: #231815;
	position: relative;
}

.paging li.prev a {
	margin-left: 28px;
}

.paging li.next a {
	margin-right: 28px;
}

.paging li a:before {
	display: block;
	content: "";
	width: 100%;
	height: 1px;
	background: #231815;
	position: absolute;
	bottom: 2px;
	left: 0;
}

.paging li.next a:after,
.paging li.prev a:after {
	display: block;
	content: "";
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
}

.paging li.prev a:after {
	background-image: url(../images/common/prev.svg);
	left: -28px;
}

.paging li.next a:after {
	background-image: url(../images/common/next.svg);
	right: -28px;
}

@media all and (max-width: 559px) {
	.post-container {
		padding: 0 0 50px;
	}
	
	.main__column.single {
		padding: 32px 20px 25px;
	}

	.news__data__flex {
		margin: 0 0 10px;
	}

	.news__data__flex.archive {
		margin: 0 0 10px;
	}

	.news__data__flex__cat span {
		width: 59px;
	}

	.news__data__flex__cat span + span {
		margin: 3px 0 0;
	}

	.main__container__title {
		font-size: 18px;
		margin: 1em 0 1em;
	}
	
	.detail__txt {
		line-height: 1.75;
		padding: 0 10px;
	}
	.detail__tags__top {
		margin-top: -5px;
	}
}

@media all and (max-width: 374px) {
	.news__data__flex {
		font-size: 10px;
	}
}