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

body,h1,h2,h3,h4,p,figure,ul {
	margin: 0;
	padding: 0;
}

body {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-weight: 500;
	line-height: 1.8;
	font-size: clamp(12px, 2.0vw, 16px);
}

h1, h2, h3 {
	line-height: 1.4;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
ul li {
	list-style: none;
}

.display-sp {display:block;}
.display-pc {display:none;}


/* フェードイン用 */
/* 上からフェードイン */
.slide-top {
	opacity: 0;
	transform: translate(0, -20px);
	transition: all 1s ease-out;
 }

/* 下からフェードイン */
.slide-bottom {
	opacity: 0;
	transform: translate(0, 20px);
	transition: all 1s ease-out;
 }

.slide-bottom-a {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 0.5s 0.5s ease-out;
 }
.slide-bottom-b {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 0.5s 0.7s ease-out;
 }
.slide-bottom-c {
	opacity: 0;
	transform: translate(0, 50px);
	transition: all 0.5s 0.9s ease-out;
 }

 /* 左からフェードイン */
.slide-left {
	opacity: 0;
	transform: translate(-50px, 0);
	transition: all 1s ease-out;
 }

/* 右からフェードイン */
.slide-right {
	opacity: 0;
	transform: translate(50px, 0);
	transition: all 1s ease-out;
 }



	


/* ▼▼▼▼▼▼▼▼▼▼ sp ▼▼▼▼▼▼▼▼▼▼ */


header {
	width: 100%;
	height: 65px;
	color: #CFD1DE;
    background: rgba(2,19,36,0.8);
    backdrop-filter: blur(20px) saturate(180%);
	position: fixed;
	top: 0;
	left:0;
	z-index: 100;
	padding: 0;
}
header .header-inner {
	display: flex;
	flex-direction: row;
    width: 100%;
    max-width: 1600px;
    margin: auto;
    align-items: center;
    justify-content: flex-start;
	height: 100%;
}
header .logo {
	display: flex;
	align-items: center;
	height: 100%;
	margin-left: 10px;
}
header .logo img {
	height: 26px;
}
header .header-inner div {
	width: 1275px;
	text-align: right;
}
header .header-inner div a {
	font-size: clamp(10px, 2vw, 16px);
	color: #fff;
	text-decoration: none;
	position: relative;
	top: 15px;
}
header .header-inner div a:hover {
	text-decoration: underline;
}
header .header-inner div a span {
}

.header-inner .inquiry::before {
	display: block;
	background-image: none;
	content: url(http://biz.flakes.jp/img/icon-mail-w.png);
	transform: scale(0.3);
	position: absolute;
	top: -56px;
	left: -15%;
}

.header-inner .regist::before {
	display: block;
	background-image: none;
	content: url(http://biz.flakes.jp/img/icon-regist-w.png);
	transform: scale(0.3);
	position: absolute;
	top: -46px;
	left: 3%;
}

/* -------------------------------------------------- SP k-visual */


.k-visual {
	color: #fff;
	text-align: center;
	position:relative;
	height: calc(100vh - 0px)!important;
	max-width: 2000px;
	background-image: url(http://biz.flakes.jp/img/flakes-sp-kv.webp);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	margin-bottom: 5rem;
}


.k-visual .k-visual-inner {
	width: 100%;
	max-width: 1600px;
	margin: auto;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.k-visual .k-visual-inner .k-visual-inner-contents {
	background: #fff;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem 1rem;
}

.k-visual h2 {margin:0; padding:0;}
.k-visual h2 span {
	font-size: clamp(22px, 4vw, 40px);
	display: block;
}
.k-visual h2 img {
	width: 50%;
}



.scrolldown1 {
	position: absolute;
	left: 50%;
	bottom: 10px;
	height: 50px;
}
.scrolldown1 span {
	position: absolute;
	left: -15px;
	top: -15px;
	color: #fff;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
}
.scrolldown1::after {
	content: "";
	position: absolute;
	top: 0;
	width: 1px;
	height: 30px;
	background: #fff;
	animation: pathmove 1.4s ease-in-out infinite;
	opacity: 0;
}
@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:30px;
		opacity: 1;
	}
	100%{
		height:0;
		top:50px;
		opacity: 0;
	}
}








.concept h2, .item h2, .service h2, .order-flow h2, .feature h2, .service-flow h2, .price h2, .company h2, .main--faq h2  {
	text-align: center;
	font-size:clamp(20px, 3.0vw, 40px);
	font-weight: 900;
	margin: 0 0 1.5rem;
}

/* -------------------------------------------------- SP section */
.concept, .item, .service, .order-flow, .feature, .service-flow  {
	margin: 0 auto 2rem;
}

.regist {max-width: 800px; margin:auto auto 5rem; padding: 1rem;}
.regist a {
	display: block;
	text-align: center;
	background: #021324;
	padding: 1rem;
	color: #eee;
	font-size:clamp(16px, 3.0vw, 36px);
	font-weight: normal;
	color: #eee;
	border-radius: 10px;
	text-decoration: none;
}
.regist a:hover {
	background: #CFD1DE;
}



/* -------------------------------------------------- SP concept */

.concept {
	width: 90%;
	max-width: 1000px;
}
.concept p {
	max-width: 600px;
	margin: auto;
}

/* -------------------------------------------------- SP item */
.item {
	width: 90%;
	max-width: 1000px;
}

.item-furniture {
	background: #EFE7DF;
	border-radius: 15px;
	padding: 2rem 2rem;
	margin-bottom: 3rem;
}
.item-furniture h3 {
	font-size: clamp(20px, 3vw, 30px);
	margin-bottom: 1rem;
}

.item-fashion {
	background: #DFEAEF;
	border-radius: 15px;
	padding: 2rem 2rem;
	margin-bottom: 3rem;
}
.item-fashion h3 {
	font-size: clamp(20px, 3vw, 30px);
	margin-bottom: 1rem;
}

.item-tableware {
	background: #E2EFDF;
	border-radius: 15px;
	padding: 2rem 2rem;
	margin-bottom: 3rem;
}
.item-tableware h3 {
	font-size: clamp(20px, 3vw, 30px);
	margin-bottom: 1rem;
}


.content-brand {
	display: flex;
	flex-direction: column;
	margin-bottom: 3rem;
}
.content-bottom {
	margin-bottom: 0;
}
.content-brand img {
	width: 90%;
	margin: auto auto 2rem;
}

.content-brand-inner {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 0 0 0 0;
	margin: 0 auto;
}
.item-furniture h4 {
	font-size: clamp(16px, 2.5vw, 22px);
	margin-bottom: 1rem;
}

.fi-check{
    display: none;
}
.fi-label{
	width: 50%;
	max-width: 300px;
    display: block;
	margin: 0 auto;
	align-items: center;
    padding: 5px 10px;
	border-radius: 7px;
	text-align: center;
	background: #fff;
}

.fi-label::after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\2b";
	font-size:1.0em;
	margin-left:10px;
	right: 10%;
}


.fi-label span {
	width: 80%;
	margin-left: 5%;
    font-weight: 10;
	font-size: clamp(14px, 2vw, 24px);
	text-align: left;
}

.fi-content{
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility:hidden;
	overflow: hidden;
}

.fi-check:checked + .fi-label + .fi-content{
    height: auto;
    opacity: 1;
    padding: 3rem 10px 0;
    visibility: visible;
	margin-bottom: 2em;
	display: block;
}
.fi-check:checked + .fi-label::after{
    content: "-";
	margin-left:10px;
	font-size:1.0em;
	margin-left:10px;
	right: 10%;
}



.fi-content .fi-content-inner {
	width: 100%;
	max-width: 1300px;
	display: flex;
	flex-direction: column;
	padding-top: 10px;
	margin: 0 auto 5rem auto;
	position: relative;
}
.fi-content .fi-content-inner span {
	background: #EED600;
	color: #fff;
	padding: 0 10px;
	margin: 0 0 1rem 0;
	position: absolute;
	top: 0px;
	left: 0;
    display: inline-block;
}



/* -------------------------------------------------- SP 注文の流れ */
.order-flow {max-width: 1300px;}
.order-flow h2 {text-align: center;}
.order-flow ul {
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	max-width: 1100px;
	margin: auto auto 3rem;
	justify-content: space-around;
}

.order-flow ul li {
	width: 70%;
	max-width: 290px;
	display: flex;
	flex-direction: column;
	border-radius: 30px;
	border: 10px solid #CFD1DE;
	text-align: center;
	padding: 20px;
	margin: 0 0 2rem;
}
.order-flow ul li h3 {
	font-size: clamp(20px, 3vw, 30px);
	border-bottom: 2px solid #666;
	margin-bottom: 2rem;
}
.order-flow ul li img {
	width: 30%;
	margin: auto auto 1rem;
}
.order-flow ul li p {
	text-align: left;
}
.order-flow .order-flow-inner {
	width: 100%;
	max-width: 1000px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
}
.order-flow .order-flow-inner img {
	width: 90%;
	max-width: 600px;
	margin: auto auto 2rem;
	display: block;
}

.order-flow .order-flow-inner p {
	width: 90%;
	padding: 0;
	margin: auto;
}



/* -------------------------------------------------- SP service */
.service {max-width: 1300px;}

.service ul {
	width: 90%;
	margin:2rem auto auto;
	padding:0;
}
.service ul li {
	margin: 0 0 4rem 0;
	list-style: none;
}
.service ul li .service-ct {
	width: 100px;
	text-align: center;
	display: block;
	font-size:clamp(10px, 2.0vw, 16px);
	background: #CFD1DE;
	color: #fff;
	margin: 0 0 10px 0;
}
.service ul li h3 {
	color: #021324;
	padding: 0 0 0 1rem;
	margin:0 0 10px 0;
	font-size:clamp(16px, 2.0vw, 26px);
}
.service ul li p {
	padding: 0 0 0 1rem;
	margin: 0 0 2rem 0;
	font-size:clamp(14px, 2.0vw, 20px);
	line-height: 1.8;
}
.service ul li p.s-header {margin: 0 0 1rem 0;}
.service ul li figure {
	margin: 0;
	text-align: center;
}
.service ul li figure img {
	margin: auto;
	width: 90%;
}


.service ul li ul {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.service ul li ul li {
	display: flex;
	flex-direction: column;
	width: 300px;
}
.service ul li ul li figure {
	width: 100%;
	
}
.service ul li ul li figure img {
	width: 100%;
}

/* ---------- modal */

.md-overlay{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .8;
  z-index: 9999;
}
 
.md-contents{
	display: none;
	position: fixed;
	left: 50%;
	width:95%;
	max-width: 1000px;
	top: calc(6% - -20px);
	height: calc(100vh - 110px);
	overflow: auto;
	transform: translateX(-50%);
	z-index: 10000;
}
 
 
.md-inner{
	padding: 20px 0;	
	background: #fff;	
	width: 100%;
}
.md-inner div {
	width: 100%;
	margin: 0;
}
.md-inner div img {
	width: 90%;
	max-width: 750px;
}
.md-xmark{
	display: block;
  position: fixed;
  top: 34px;
  right: 20px;
  width: 25px;
  height: 22px;
  z-index: 9999;
  cursor: pointer;
}
 
.md-xmark span {
  height: auto;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
}
 
.md-xmark span:nth-of-type(1) {
  top: 0;
  transform: translateY(10px) rotate(-45deg);
}
 
 
.md-xmark span:nth-of-type(2) {
  bottom: 0;
  transform: translateY(-10px) rotate(45deg);
}

.md-btn {
    align-items: center;
    color: #fff;
    background: #3E434B;
    margin: auto;
    cursor: pointer;
	padding: 10px 20px;
	text-decoration: none;
}









/* -------------------------------------------------- SP 特徴 */
.feature {max-width: 900px; }
.feature h2 {text-align: center;}

.feature ul {
	width: 90%;
	margin:auto;
	padding:0;
}
.feature ul li {
	margin: 0 0 4rem 0;
}
.feature ul li h3 {
	color: #021324;
	padding: 0 0 0 0;
	margin:0 0 10px 0;
	font-size:clamp(16px, 2.0vw, 26px);
}
.feature h4 {
	color: #021324;
	padding: 0 0 0 0;
	margin:0 0 10px 0;
	font-size:clamp(14px, 2.0vw, 20px);
	font-weight: normal;
	border-bottom: 1px solid #ddd;
}
.feature ul li ul {
	text-align: center;
	margin: 2rem auto;
}

.feature figure {width: 100%; text-align: center; margin:auto auto 1rem auto;}
.feature figure img {margin:auto;}
.feature p {
	max-width: 600px;
	margin: auto;
	font-size:clamp(14px, 2.0vw, 20px);
	line-height: 1.8;
}






/* -------------------------------------------------- SP サービスの流れ */
.service-flow {max-width: 1300px;}
.service-flow h2 {text-align: center;}
.service-flow ul {
	width: 100%;
	margin:auto;
	padding:0;
}
.service-flow ul li {
	margin: 0 0 0 0;
	padding: 1rem 1rem 1rem 20%;
	position: relative;
	list-style: none;
}
.service-flow ul li::before {
    font-size: 60px;
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.service-flow ul li h3 {
    max-width: 600px;
    width: 85%;
	color: #021324;
	padding: 0 0 0 0;
	margin:0 0 10px auto;
	font-size:clamp(16px, 2.0vw, 26px);
}
.service-flow ul li p {
    max-width: 600px;
    width: 85%;
    margin: 0 0 0 auto;
    font-size: clamp(14px, 2.0vw, 20px);
    line-height: 1.8;
}

.service-flow ul li.no1 {background: #F9F9F9;}
.service-flow ul li.no1::before {
	display: inline-block;
	content: "";
	background-image: url(http://biz.flakes.jp/img/service-flow-01.png);
	width: 100px;
	height: 100px;
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	margin-left: 20px;
}

.service-flow ul li.no2 {background: #F3F3F3;}
.service-flow ul li.no2::before {
	display: inline-block;
	content: "";
	background-image: url(http://biz.flakes.jp/img/service-flow-02.png);
	width: 100px;
	height: 100px;
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	margin-left: 20px;
}

.service-flow ul li.no3 {background: #F9F9F9;}
.service-flow ul li.no3::before {
	display: inline-block;
	content: "";
	background-image: url(http://biz.flakes.jp/img/service-flow-03.png);
	width: 100px;
	height: 100px;
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	margin-left: 20px;
}

.service-flow ul li.no4 {background: #F3F3F3;}
.service-flow ul li.no4::before {
	display: inline-block;
	content: "";
	background-image: url(http://biz.flakes.jp/img/service-flow-04.png);
	width: 100px;
	height: 100px;
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	margin-left: 20px;
}

.service-flow ul li.no5 {background: #F9F9F9;}
.service-flow ul li.no5::before {
	display: inline-block;
	content: "";
	background-image: url(http://biz.flakes.jp/img/service-flow-05.png);
	width: 100px;
	height: 100px;
	background-size: contain;
	vertical-align: middle;
	background-repeat: no-repeat;
	margin-left: 20px;
}
.service-flow a {color:cornflowerblue;}
.service-flow a:hover {text-decoration: underline;}






/* -------------------------------------------------- SP faq */
.main--faq {
	wdith: 95%;
	max-width: 1000px;
	margin: auto;
}

.faqmenu {
	display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: scroll;
    flex-direction: row;
	position: -webkit-sticky;
	position: sticky;
	top:60px;
	background: #fff;
	border-bottom: 1px solid #ddd;
	padding:0;
}
.faqmenu li {
	white-space: nowrap;
	margin: 0 10px;
	padding: 20px 0;
}
.faqmenu li a {
	border: 1px solid #ddd;
	padding:5px 10px;
	background: rgba(248,248,248,1);
}
.faqmenu li a::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f107";
	font-size:.8em;
	margin-right:10px;
}

.anchor {padding: 0 15px; margin-bottom: 2em;}
.anchor::before{
  display: block;
  height: 10rem;
  margin-top: -10rem;
  content: "";
}

.faq-check{
    display: none;
}
.faq-label{
    display: block;
    padding: 10px 15px;
	margin-bottom: 10px;
	background:rgb(240, 240, 242);
	border-radius: 7px;
	font-size: clamp(16px, 2.0vw, 26px);
	color: #666;
}

.faq-label::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\2b";
	font-size:.8em;
	margin-right:10px;
}

.faq-content{
    height: 0px;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility:hidden; 
}
.faq-content p {margin:0; padding-left: 1.5em;}
.faq-content p.pagelink {margin:0; padding-top: 10px;}
.faq-content p.pagelink a {color:#3E434B; margin: 0 5px;}
.faq-content p.pagelink a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f138";
	font-size:.8em;
	margin-right:10px;
}
.faq-content p.externallink a {color: cornflowerblue; margin: 0 5px;}
.faq-content p.externallink a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f138";
	font-size:.8em;
	margin-right:10px;
}
.faq-content p.externallink a::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f08e';
    font-size: .9em;
    margin-left: 5px;
}

.faq-content span.att {color: #ff0000; display: block; font-size: 12px;}
.faq-content span.att::before {content: "※";}
.faq-content h4 {padding-left: 1.5em; margin-bottom:0;}
.faq-content dl {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	padding-left: 1.5em;
} 
.faq-content dl dt {width: 40%;}
.faq-content dl dd {width: 60%; margin:0;}

.faq-check:checked + .faq-label + .faq-content{
    height: auto;
    opacity: 1;
    padding: 5px 10px;
    visibility: visible;
	margin-bottom: 2em;
}
.faq-check:checked + .faq-label::before{
    content: '-';
	margin-right:10px;
	font-size:.8em;
}


/* -------------------------------------------------- SP company */

.company {
	width: 90%;
	max-width: 800px;
    margin: auto;
}
.company table {
	width: 100%;
	text-align: left;
	word-break: break-all;
	margin-bottom: 3rem;
}

.company .__profile th, .main--corporate .__open th {width:200px;}
.company h2 {text-align:center; margin-bottom:20px;}
.company h2 span {display:block; text-align:center; font-size: 10px; letter-spacing: 0.2em; color:#ddd;}

.company tr th {
	width: 30%;
    font-weight: bold;
    background: none;
}
.company  tr td {
    width: auto;
}

.company  tr th, .company tr td {
    padding: 0.75em 0;
    vertical-align: top;

}



/* -------------------------------------------------- SP footer */
footer {background:#3E434B;}	
footer p.logo {text-align:center; margin:auto; padding-top:30px;}
footer p img {width:90px;}


.footer-top ul {
	display: flex;
	width: 100%;
	margin:auto;
	padding: 20px 0 20px;
	justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
	}
.footer-top ul li {
    font-size: 14px;
    margin: 0 10px;
    list-style-type: none;
    width: 50px;
}
.footer-top ul li img {
	width: 100%;
}

.footer-bottom {background:#021324; padding-bottom:10px;}
.footer-bottom ul {
	display: flex;
	width: 100%;
	margin:auto;
	padding: 20px 0 10px;
	justify-content: center;
    flex-direction: column;
	}	
.footer-bottom ul li {
	font-size: 12px;
	margin: 5px 0;
	list-style-type: none;
	text-align:center;
	}
.footer-bottom ul li a {
	color: #CFD1DE;
	text-decoration: none;
	}

.footer-bottom .footer-phone {
	font-size: clamp(16px, 2vw, 18px);
	margin:auto;
	text-align: center;
	color: #CFD1DE;
}
.footer-bottom .footer-phone a {
	color: #CFD1DE;
}

.footer-bottom p {
		font-size: 10px;
		color: #eee;
		text-align:center;
	}








/* ▼▼▼▼▼▼▼▼▼▼ タブレット ▼▼▼▼▼▼▼▼▼▼ */
@media screen and (min-width: 600px) {

/* -------------------------------------------------- TABLET k-visual */

	header .logo img {
		height: 41px;
	}

	
	header .header-inner div a {
		font-size: clamp(10px, 2vw, 16px);
		color: #fff;
		text-decoration: none;
		position: relative;
		top: 0;
	}
	.header-inner .inquiry::before {
		display: inline-block;
		content: "";
		background-image: url(http://biz.flakes.jp/img/icon-mail-w.png);
		width: 20px;
		height: 20px;
		background-size: contain;
		vertical-align: middle;
		background-repeat: no-repeat;
		margin-right: 10px;
		position: relative;
		top: -2px;
		left: 0;
		transform: scale(1);
	}
	
	.header-inner .regist::before {
		display: inline-block;
		content: "";
		background-image: url(http://biz.flakes.jp/img/icon-regist-w.png);
		width: 20px;
		height: 20px;
		background-size: contain;
		vertical-align: middle;
		background-repeat: no-repeat;
		margin-right: 10px;
		position: relative;
		top: -2px;
		left: 0;
		transform: scale(1);
	}
	
	.k-visual {
		background-image: url(http://biz.flakes.jp/img/flakes-pc-kv.webp);
		margin-bottom: 5rem;
	}


	.k-visual .k-visual-inner {}
	.k-visual .k-visual-inner .k-visual-inner-contents {}
	.k-visual h2 {}
	.k-visual h2 span {}
	.k-visual h2 img {width: 50%;}

	
	
	
	.footer-bottom {padding-bottom:20px;}
	.footer-bottom ul {
		display: flex;
		width: 100%;
		margin:auto;
		padding: 40px 0 30px;
		justify-content: center;
		flex-direction: column;
	}	

	.footer-bottom ul {
		display: flex;
		width: 100%; max-width:1600px;
		margin:auto;
		padding: 40px 0 30px;
		justify-content: center;
		flex-wrap: nowrap;
		flex-direction: row;
	}	
	.footer-bottom ul li {
		font-size: 14px;
		margin: 0 30px;
	}
	footer p img {width:125px;}
	.footer-top ul li {
		font-size: 14px;
		margin: 0 10px;
		list-style-type: none;
		width: 81px;
	}

/* ▲▲▲▲▲▲▲▲▲▲ タブレット ▲▲▲▲▲▲▲▲▲▲ */
}








/* ▼▼▼▼▼▼▼▼▼▼ PC ▼▼▼▼▼▼▼▼▼▼ */

@media screen and (min-width: 960px){

	.wrapper.wrapper--column-1 .__inner, .wrapper--product-detail .__inner {max-width: 2000px;}
	
	.display-sp {display:none;}
	.display-pc {display:block;}

	
	
/* -------------------------------------------------- PC header */









/* -------------------------------------------------- pc item */
	.item {
	}

	.item-furniture {}
	.item-furniture h3 {}

	.item-fashion {}
	.item-fashion h3 {}

	.item-tableware {}
	.item-tableware h3 {}


	.content-brand {
		display: flex;
		flex-direction: row;
		margin-bottom: 3rem;
	}

	.content-brand img {
		width: 55%;
	}

	.content-brand-inner {
		width: 45%;
		display: flex;
		flex-direction: column;
		padding: 0 0 0 2rem;
	}
	.item-furniture h4 {
		margin-bottom: 1rem;
	}
	
	.fi-check{
		display: none;
	}
	.fi-label{}

	.fi-label::after{}
	.fi-label span {}
	.fi-content{}
	.fi-check:checked + .fi-label + .fi-content{}
	.fi-check:checked + .fi-label::after{}
	.fi-content .fi-content-inner {}
	.fi-content .fi-content-inner span {}

	
	.order-flow .order-flow-inner p {
		width: 30%;
		padding: 0rem 3rem 3rem;
	}
	
	
	
	
	
/* -------------------------------------------------- PC サービス */
	.service ul {
		width: 90%;
		margin:6rem auto auto ;
		padding:0;
	}
	.service ul li {
		margin: 0 0 4rem 0;
		display: flex;
		flex-wrap: wrap;
	}
	.service ul li p {width: 100%; margin: 0;}

	.service ul li p span {
		width: 150px;
		text-align: center;
		display: block;
		font-size:clamp(10px, 2.0vw, 16px);
		background: #CFD1DE;
		color: #fff;
		margin: 0 0 10px 0;
	}
	.service ul li div.md-overlay {
		width: 100%;		
	}
	.service ul li ul li div .md-contents {
		width: 100%;
	}
	.service ul li ul li div .md-contents .md-inner {
		width: 95%;
	}
	
	.service ul li ul li div .md-contents .md-inner div {
		width: 100%;
	}
	.service ul li div {
		width: 50%;
	}
	.service ul li h3 {
		color: #021324;
		padding: 0 0 0 1rem;
		margin:0 0 10px 0;
	}
	.service ul li div p {
		padding: 0 0 0 1rem;
		margin: 0 0 2rem 0;
	}
	.service ul li figure {
		width: 50%;
		margin: 0;
		text-align: right;
	}
/* -------------------------------------------------- PC 特徴 */
.feature ul {
	width: 90%;
	margin:auto;
	padding:0;
}
.feature ul li {
	margin: 0 0 4rem 0;
}
.feature ul li h3 {
	color: #021324;
	padding: 0 0 0 0;
	margin:0 0 10px 0;
	font-size:clamp(16px, 2.0vw, 26px);
}

.feature ul li ul {
	display: flex;
	width: 100%;
	text-align: center;
	margin: 2rem auto;
	justify-content: space-between;
}
	.feature ul li ul li {
		width: 30%;		
	}
.feature figure {width: 100%; text-align: center; margin:auto auto 1rem auto;}
.feature figure img {margin:auto;}
.feature p {
	max-width: 900px;
	margin: auto 0;
	font-size:clamp(14px, 2.0vw, 20px);
	line-height: 1.8;
}

	
	
/* -------------------------------------------------- SP サービスの流れ */
	.service-flow {max-width: 1300px;  margin:auto auto 10rem;}
	.service-flow h2 {text-align: center;}
	.service-flow ul {
		width: 100%;
		margin:auto;
		padding:0;
	}
	.service-flow ul li {
		margin: 0 0 0 0;
		padding: 1rem 1rem 1rem 20%;
		position: relative;
		list-style: none;
	}
	.service-flow ul li::before {
		font-size: 60px;
		position: absolute;
		top: 50%;
		left: 10%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}

	.service-flow ul li h3 {
		max-width: 600px;
		width: 85%;
		color: #021324;
		padding: 0 0 0 0;
		margin:0 auto 10px 0;
		font-size:clamp(16px, 2.0vw, 26px);
	}
	.service-flow ul li p {
		max-width: 600px;
		width: 85%;
		margin: 0 auto 0 0;
		font-size: clamp(14px, 2.0vw, 20px);
		line-height: 1.8;
	}

	.service-flow ul li.no1 {background: #F9F9F9;}
	.service-flow ul li.no1::before {
		display: inline-block;
		content: "";
		background-image: url(http://biz.flakes.jp/img/service-flow-01.png);
		width: 100px;
		height: 100px;
		background-size: contain;
		vertical-align: middle;
		background-repeat: no-repeat;
		margin-left: 20px;
	}



.service-flow a {color:cornflowerblue;}
.service-flow a:hover {text-decoration: underline;}
	
/* -------------------------------------------------- PC 会社概要 */
	.company tr th {
		width: 25%;
	}

	


	
	


	

	
/* ▲▲▲▲▲▲▲▲▲▲ PC ▲▲▲▲▲▲▲▲▲▲ */
}

/* ▲▲▲▲▲▲▲▲▲▲ 調整 ▲▲▲▲▲▲▲▲▲▲ */
@media screen and (min-width: 1100px){


/* ▲▲▲▲▲▲▲▲▲▲ 調整 ▲▲▲▲▲▲▲▲▲▲ */
}