@charset "Shift_JIS";

/**
.pc { display: none;}
.sp { display: block;}
/**/

.breadcrumb {
    padding: 20px 0;
    border-top: 1px solid #f1e9dc;
    border-bottom: 1px solid #f1e9dc;
}

.breadcrumb ul {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.4rem;
    font-weight: 300;
    letter-spacing: .02em;
    color:#888;
}

.breadcrumb ul li a{
	color:#000;
}

.breadcrumb ul li:not(:last-child) a::after,
.breadcrumb ul li:not(:last-child) p::after {
    content: ' �� ';
    display: inline-block;
}

/******************************************************/
#contents {
    color: #333;
	font-family: "RyuminPro", "GaramondPro", serif;
	font-feature-settings: "palt";
    width: 100%;
    margin:0 auto;
}
#contents_inr {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
#contents .inner {
	margin: 0 auto;
	padding: 0px 0px 60px;
}


#c01 {
	width: 100%;
	margin: 0 auto;
}
#c01 .main {
	width: 100%;
	height: calc(100vw * 1.335);
	margin: 0 auto;
	background: url("../images/concept/main.jpg") no-repeat;
	background-size: cover;
}
#c01 .main .cnt {
	width: 60%;
	margin: 0 auto;
	padding-top:  calc(100vw * .06); 
}
#c01 .main .cnt .title {
	width: 90%;
	margin: 0 auto calc(100vw * .05);
}

.caption{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:10px;
}
/**************************************************************************************/
/**************************************************************************************/
/* w1400 Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1300px) {
#pankuzu ul {
    /*width: 31.875vw;
	margin-left: auto;
    margin-right: auto;*/
}

#contents_inr {
	width: 100%;
}


#contents #contents_wrap #caption {
	width: 100vw;
}


}

/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 640px) {


/******************************************************/


.ctxt_catch sup {
	font-size: 65%;
	top: 0.3em;
	margin-left: -0.9em;
	/*margin-right: -0.3em;*/
}


/******************************************************/


#c01 {
	width: 100%;
	margin: 0 auto;
}
#c01 .main {
	width: 100%;
	height: calc(100vw * 1.97);
	margin: 0 auto;
	background: url("../images/concept/main_sp.jpg") no-repeat;
	background-size: cover;
	font-family: "RyuminPro", "GaramondPro", serif;
}
#c01 .main .cnt {
	width: 85%;
	margin: 0 auto;
	padding-top:  calc(100vh * .1); 
}
#c01 .main .cnt .title {
	width: 100%;
	margin: 0 auto calc(100vh * .1);
}
#c01 .main .cnt p {
	font-size: 4vw;
}

#contents #contents_wrap #caption {
	width: 100%;
}



}

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



}