@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Imperial+Script&display=swap');
/* 20250917 */
/* nav */
body.home #wrapper {
background: transparent;
}
body.home .headerContents{
position:static;
bottom:0;
left:0;
}
#nav{
width: 100%;
}
body.home #nav{
background: #000; 
}
#nav ul{
width:100%;
}
body.home #nav ul{
display:flex;
justify-content:center;
flex-wrap: wrap;
background: #000;
text-align:left;
margin: 0 auto;
}
#nav ul li,
body.home #nav ul li{
font-weight:400;
font-family: 'Noto Sans JP', sans-serif;
margin: .4em .8em .5em;
font-size: clamp(14px, 3vw, 16px);
}
@media screen and (min-width:768px) {
#nav ul li,
body.home #nav ul li{
margin: .1em 1em;
font-size: 0.875rem;
}
}
#nav ul li a.
body.home #nav ul li a {
color:#FFF; 
}
#nav ul li a:hover,
body.home #nav ul li a:hover {
color:#FFF; 
}
body.home #nav ul li::before {
content: none;
}
/* concept */
body.page-id-2 #wrapper {
background: url("../images/concept/concept_bg.png") no-repeat center bottom;
background-size: cover;
}
#concept {
background:none;
}
#concept .concept__contents {
padding-top:5.7%;
padding-bottom:0;
width:85%;
}
@media screen and (min-width:768px) {
body.page-id-2{
background: none;
}
#concept .concept__contents {
width:75.5%;
}
}
@media screen and (min-width:768px) {
body.page-id-2 #wrapper{
background: url("../images/concept/concept_bg.png") no-repeat center top;
background-size: 100% auto;
padding-bottom: 50px;
}
#concept {
aspect-ratio: 0;
background:none;
}
#concept .concept__contents {
display:block;
}
}
#concept .logo {
margin: 0 0 3em;
text-align: left;
width: 100%;
}
#concept .logo img {
width:70%;
}
@media screen and (min-width:768px) {
#concept .logo {
width: 80%;
}
#concept .logo img {
width:58%;
}
}
#concept .concept__contents p {
margin: 0 0 2em;
text-align: left;
font-family: 'Noto Sans JP', sans-serif;
font-weight:500;
font-size: 0.725rem;
line-height:1.8;
color:#231815;
}
@media screen and (min-width:768px) {
#concept .concept__contents p {
margin: 0 0 2.1%;
font-size: 0.825rem;
line-height:1.8;
}
}
body.page-id-2 #footer {
margin:20% auto 0;
}
@media screen and (min-width:768px) {
body.page-id-2 #footer {
margin:0 auto;
}
}
/* profile */
body.post-type-archive-profile_ #contents .profile dl, body.post-type-archive-profile #contents .profile dl, body.single-profile_ #contents .profile dl, body.single-profile #contents .profile dl {
width: 80%; 
margin: 0 auto 10%;
}
@media screen and (min-width:768px) {
body.post-type-archive-profile_ #contents .profile dl, body.post-type-archive-profile #contents .profile dl, body.single-profile_ #contents .profile dl, body.single-profile #contents .profile dl {
width: 31%; 
margin: 0 auto 3%;
}
}
body.post-type-archive-profile_ #contents .profile .name,
body.post-type-archive-profile #contents .profile .name{
font-family: "Imperial Script", cursive;
font-weight: 400;
font-style: normal;
font-size:66px;
}
body.post-type-archive-profile_ #contents .profile dl dd,
body.post-type-archive-profile #contents .profile dl dd,
body.single-profile_ #contents .profile dl dd,
body.single-profile #contents .profile dl dd{
margin-top:0;
}

/* nightingale */
body.page-id-322 .mainContents,
body.page-id-342 .mainContents,
body.page-id-332 .mainContents{
width:100%;
position:relative;
}
body.page-id-322 .nightingale_sm,
body.page-id-342 .nightingale_sm,
body.page-id-332 .nightingale_sm{
width:100%;
}
body.page-id-322 .nightingale_sm img,
body.page-id-342 .nightingale_sm img,
body.page-id-332 .nightingale_sm img,
body.page-id-322 .visual img,
body.page-id-342 .visual img,
body.page-id-332 .visual img{
width:100%;
}
body.page-id-322 .visual,
body.page-id-342 .visual,
body.page-id-332 .visual{
display:none;
}
@media screen and (min-width:768px) {
body.page-id-322 .nightingale_sm,
body.page-id-342 .nightingale_sm,
body.page-id-332 .nightingale_sm{
display:none;
}
body.page-id-322 .visual,
body.page-id-342 .visual,
body.page-id-332 .visual{
display:block;
}
}
/* nightingale-nav */
.nightingaleContents{
position:absolute;
top:1em;
left:0;
width:100%;
margin:0 auto;
}
@media screen and (min-width:768px) {
.nightingaleContents{
top:auto;
bottom:1em;
}
}
.nightingaleContents #l-nav ul{
display:flex;
justify-content:center;
flex-wrap: wrap;
text-align:left;
width:100%;
margin: 0 auto;
}
.nightingaleContents #l-nav ul li{
margin: .7em .6em .5em;
color:#211611;
font-family: "Noto Serif JP", serif;
font-weight:600;
font-size: clamp(13px, 3vw, 15px);
}
@media screen and (min-width:768px) {
.nightingaleContents #l-nav ul li{
margin: 0 1em;
}
}

.nightingaleContents #l-nav ul li a {
color:#211611;
}
.nightingaleContents #l-nav ul li a:hover {
color:#000;
transition: color 0.5s;
}