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

/**
 * Noto Sans CJK JP: https://www.google.com/get/noto/#sans-jpan
 * Noto Sans JP: https://fonts.google.com/earlyaccess#Noto+Sans+JP
 */
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  src: local("Noto Sans CJK JP Thin"),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: local("Noto Sans CJK JP Light"),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: local("Noto Sans CJK JP Regular"),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: local("Noto Sans CJK JP Medium"),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: local("Noto Sans CJK JP Bold"),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  src: local("Noto Sans CJK JP Black"),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format('opentype');
}

:root {
	--comp-350: 47.297297297297vw;
    --comp-250: 33.7837837837837vw;
    --comp-200: 27.027027027027vw;
    --comp-195: 26.3513513513513vw;
    --comp-190: 25.6756756756756vw;
    --comp-185: 25vw;
    --comp-180: 24.3243243243243vw;
    --comp-175: 23.6486486486486vw;
    --comp-170: 22.9729729729729vw;
    --comp-165: 22.2972972972972vw;
    --comp-160: 21.6216216216216vw;
    --comp-155: 20.9459459459459vw;
    --comp-150: 20.2702702702702vw;
    --comp-145: 19.5945945945945vw;
    --comp-140: 18.9189189189189vw;
    --comp-135: 18.2432432432432vw;
    --comp-130: 17.5675675675675vw;
    --comp-125: 16.8918918918918vw;
    --comp-120: 16.2162162162162vw;
    --comp-115: 15.5405405405405vw;
    --comp-110: 14.8648648648648vw;
    --comp-105: 14.1891891891891vw;
    --comp-100: 13.5135135135135vw;
    --comp-95: 12.83783783783783vw;
    --comp-90: 12.1621621621621vw;
    --comp-85: 11.48648648648648vw;
    --comp-80: 10.8108108108108vw;
    --comp-75: 10.13513513513513vw;
    --comp-70: 9.459459459459459vw;
    --comp-65: 8.738738738738738vw;
    --comp-60: 8.108108108108108vw;
    --comp-55: 7.432432432432432vw;
    --comp-50: 6.756756756756756vw;
    --comp-45: 6.081081081081081vw;
    --comp-40: 5.405405405405405vw;
    --comp-35: 4.729729729729729vw;
    --comp-30: 4.054054054054054vw;
    --comp-25: 3.378378378378378vw;
    --comp-20: 2.702702702702702vw;
    --comp-15: 2.027027027027027vw;
    --comp-10: 1.351351351351351vw;
    --comp-5: 0.6756756756756756vw;
    
    --comp-32: 4.324324324324324vw;
    --comp-28: 3.783783783783783vw;
    --comp-26: 3.513513513513513vw;
    --comp-24: 3.243243243243243vw;
    --comp-22: 2.972972972972972vw;
    --comp-18: 2.432432432432432vw;
    --comp-16: 2.162162162162162vw;
    --comp-12: 1.621621621621621vw;
    
    --gold: #80581B;
    --mint: #53c3b2;
    --blue: #53a5c3;
    --purple: #bd7dd5;
    --pink: #F98EB6;
	--red: #F98989;
	--green: #5ba570;
	--shiminsyo-font: #F14072;
    --shiminsyo-line: #FFEE00;
	--vividPink: #f757a1;
	--dassai: #d4b16f;
}

/* Barlow */
.barlow {
	font-family: 'Barlow', sans-serif;
}
.barlow_semi_condensed {
	font-family: 'Barlow Semi Condensed', sans-serif;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*:focus {
	outline: none;
}
html, body {
	margin: 0;
	padding: 0;
	color: inherit;
	font-size: 16px;
	font-family: 'Noto Sans JP','メイリオ', Meiryo, sans-serif;
	font-weight: 400;
	/* font-feature-settings: "palt"; */
	background: url(../img/bg.jpg) #f3f3f3;
}
a {
	color: #000;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover {
	text-decoration: none;
}
.hover {
	display: block;
	-webkit-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
.hover:hover {
	opacity: 0.5;
}
#wrap {
	position: relative;
	min-width: 1200px;
	overflow: hidden;
}
img {
	width: 100%;
}
.pl0 {
	padding-left: 0 !important;
}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

img{ max-width: 100%; height: auto;}

@media (min-width: 769px) {
	.only_sp {
		display: none !important;
	}
}

@media (max-width: 768px) {
	#wrap {
		min-width: auto;
	}
	.only_pc {
		display: none !important;
	}
}

/*----------
 header
----------*/
header {
	background-image: url("../img/bg-main-pc.png"), url("../img/bg-pink.jpg");
    background-repeat: no-repeat, repeat;
    background-position: center top;
	background-size: max(1920px, 100%), auto;
    position: relative;
	min-height: 2025px;
}

header .logoList{
    display: flex;
    justify-content: flex-start;
    gap: 30px;
    position: absolute; 
    top: 30px;
    left: 30px;
}

header .inner {
    padding: 90px 0 77px;
	width: 1200px;
	margin: auto;
}

header .ttl{
    width: 832px;
    margin: 0 auto 50px;
}

header .ttl img {
	display: block;
    width: 100%;
    height: 100%;
}

header .campaignBnr{
	width: 740px;
	margin: 70px auto 60px;
}

header .campaignBnr a{
	display: block;
	transition: all ease 0.7s;
}

header .campaignBnr a:hover{
	opacity: 0.7;
}

header .mainLead{
    color: #fff;
    font-weight: bold;
    font-size: 20px; text-align: center; 
    line-height: 2;
    margin: 0 auto 70px;
	letter-spacing: 0.1em;
}

header .mainIll{
    margin: 0 auto 100px;
}

header .mainIll img{
    display: block;
    width: 800px;
    margin: 0 auto;
}

header .scroll{
    width: 68px;
    margin: 0 auto 70px;
}

@media (min-width: 1920px) {
    header {
        background-size: cover, auto;
    }
}

@media (max-width: 768px) {
header {
	background-image: url("../img/bg-main-sp.png"), url("../img/bg-pink.jpg");
    background-repeat: no-repeat, repeat;
    background-position: center top;
	background-size: cover, auto;
	min-height: 0;
}
    
header .logoList{
    display: flex;
    justify-content: flex-start;
    gap: var(--comp-30);
    position: absolute; 
    top: var(--comp-30);
    left: var(--comp-30);
    flex-wrap: wrap;
}

header .logoList li{
    width: 100%;
    pointer-events: none;
}
    
header .logoList li img{
    width: auto;
    height: var(--comp-50);
}
    
header .inner {
    padding: var(--comp-350) 0 var(--comp-80);
	width: 100%;
	margin: auto;
}
    
header .ttl{
    width: 100%;
    margin: 0 auto var(--comp-200);
}

header .ttl img {
	display: block; 
    margin: 0 auto;
	width: 97.2972972972972%;
}

header .campaignBnr{
	width: 91.081081081081%;
	margin: 80px auto 60px;
}

header .mainLead{
    color: #fff;
    font-weight: bold;
    font-size: var(--comp-24); text-align: center; 
    line-height: 2;
    margin: 0 auto var(--comp-55);
}
header .mainIll{
    margin: 0 auto var(--comp-80);
}

header .mainIll img{
    display: block;
    width: 100%;
    margin: 0 auto;
}

header .scroll{
    width: 9.189189189189189vw;
    margin: 0 auto var(--comp-70);
}
}

/*----------
 hd_nav
----------*/
#hd_nav {
	display: none;
}
#toggle {
	display: none;
}

@media (max-width: 768px) {
	#toggle {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		width: 60px;
		height: 60px;
		cursor: pointer;
		-webkit-transition: background .5s ease-out;
		-o-transition: background .5s ease-out;
		transition: background .5s ease-out;
		background: #fff;
		z-index: 1001;
	}
	#toggle span {
		display: block;
		position: absolute;
		left: 15px;
		width: 30px;
		height: 3px;
		-webkit-transition: opacity .4s ease-out,transform .4s ease-out;
		-o-transition: opacity .4s ease-out,transform .4s ease-out;
		transition: opacity .4s ease-out,transform .4s ease-out;
		background: #302223;
	}
	#toggle span:nth-child(1) {
		top: 18.5px;
	}
	#toggle span:nth-child(2) {
		top: 28.5px;
	}
	#toggle span:nth-child(3) {
		top: 39px;
	}
	.toggle_nav_on #toggle span:nth-child(1) {
		-webkit-transform: translateY(10px) rotate(-45deg);
		-ms-transform: translateY(10px) rotate(-45deg);
		-o-transform: translateY(10px) rotate(-45deg);
		transform: translateY(10px) rotate(-45deg);
	}
	.toggle_nav_on #toggle span:nth-child(2) {
		opacity: 0;
	}
	.toggle_nav_on #toggle span:nth-child(3) {
		-webkit-transform: translateY(-10px) rotate(45deg);
		-ms-transform: translateY(-10px) rotate(45deg);
		-o-transform: translateY(-10px) rotate(45deg);
		transform: translateY(-10px) rotate(45deg);
	}
	#hd_nav {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background: #fff;
		opacity: 0;
		z-index: -1;
	}
	.toggle_nav_on #hd_nav {
		-webkit-transition: opacity .4s ease-out;
		-o-transition: opacity .4s ease-out;
		transition: opacity .4s ease-out;
		opacity: 1;
		z-index: 1000;
	}
    #hd_nav .innerNavi{
        min-height: 100vh;
        padding-bottom: 20px;
        box-sizing: border-box;
    }
	#hd_nav .pranList {
        max-width: 310px;
		display: block;
        margin: 0 auto;
        width: 80%;
	}
	#hd_nav .pranList li:not(:last-child) {
		margin-bottom: 10px;
	}
	#hd_nav .pranList li a {
        display: block;
		position: relative;
		font-weight: bold;
		text-decoration: none;
	}
    #hd_nav .tabList{ 
        padding-top: 80px; 
        background: var(--vividPink);
        display: flex;
        justify-content: center;
        margin-bottom: 40px;
    }
    #hd_nav .tabList li{ 
        max-width: 150px;
        width: calc((80% - 10px) / 2);
    }
    #hd_nav .tabList li:first-child{ 
        margin-right: 10px;
    }
    #hd_nav .tabList li a{ 
        display: block;
        position: relative;
    }
    #hd_nav .tabList li a img{ 
        display: block;
    }
    #hd_nav .tabList li a .on{ 
        position: absolute;
        opacity: 0;
        top: 0;
        left: 0;
        z-index: 2;
    }
    #hd_nav .tabList li a .off{ 
        position: relative;
    }
    #hd_nav .tabList li.active a .on{ 
        opacity: 1;
    }
}

/*----------
 cts
----------*/
#cts {
	
}

@media (max-width: 768px) {
	#cts {

	}
}

/*----------
 work
----------*/
#work{
    width: 920px;
    margin: 0 auto;
}
#work h2{
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 1.4;
    margin: 0 auto 30px;
}
#work .workText{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 1.75;
    margin: 0 auto 30px;
}
#work .box {
	position: relative;
	border-radius: 10px;
	background: #fff;
}
#work .box:nth-of-type(1) {
	padding: 50px 0 70px;
}
#work .box:nth-of-type(2) {
	padding: 25px 0;
}
#work .box:not(:last-child) {
	margin-bottom: 10px;
}
#work .img01 {
	position: absolute;
	top: 50px;
	left: 55px;
	width: 100px;
}
#work .img02 {
	position: absolute;
	top: 25px;
	right: 30px;
	width: 162px;
}
#work .txt {
	font-size: 1.125rem;
	line-height: 1.6;
	width: 560px;
	margin: 0 auto 30px;
}
#work .apptxt {
	font-size: 1.125rem;
	line-height: 1.6;
	width: 860px;
	margin: 40px auto 5px;
    text-align: center;
}
#work .txt .under_line {
	color: var(--shiminsyo-font);
	background: linear-gradient(transparent 66%, var(--shiminsyo-line) 33%);
}
#work .btn {
	width: 460px;
	margin: 0 auto 10px;
}
#work .txtLink {
	font-size: 1.125rem;
	line-height: 1.6;
	width: 860px;
	margin: 15px auto 20px;
    text-align: center;
}

#work .txtLink:last-child {
	margin-bottom: 0;
}

#work .note {
	color: #303030;
	font-size: 0.875rem;
	text-align: center;
}
#work .list {
	width: 590px;
	margin: auto;
}

@media (max-width: 768px) {
    #work{
        width: 90%;
        margin: 0 auto;
    }
    #work h2{
        color: #fff;
        font-size: var(--comp-50);
        font-weight: bold;
        text-align: center;
        line-height: 1.2;
        margin: 0 auto var(--comp-40);
    }
    #work .workText{
        color: #fff;
        font-size: var(--comp-24);
        font-weight: bold;
        text-align: center;
        line-height: 1.75;
        margin: 0 auto var(--comp-40);
    }
    #work .box {
        position: relative;
        border-radius: var(--comp-20);
        background: #fff;
    }
    #work .box:nth-of-type(1) {
        padding: 32.432432432432432342vw 0 var(--comp-55);
    }
    #work .box:nth-of-type(2) {
        padding: 25px 0;
    }
    #work .box:not(:last-child) {
        margin-bottom: 10px;
    }
    #work .img01 {
        position: absolute;
        top: var(--comp-50);
        left: 35.135135135135vw;
        width: 20.2702702702702702vw;
    }
    #work .img02 {
        position: absolute;
        top: var(--comp-60);
        right: var(--comp-20);
        width: 21.89189189189189189vw;
    }
    #work .txt {
        font-size: var(--comp-28);
        line-height: 1.6;
        width: 80vw;
        margin: 0 auto var(--comp-50);
    }
    #work .apptxt {
        font-size: var(--comp-28);
        line-height: 1.6;
        width: 80vw;
        margin: var(--comp-50) auto var(--comp-30);
        text-align: left;
    }
    #work .txtLink {
        font-size: var(--comp-28);
        line-height: 1.6;
        width: 80vw;
        margin: var(--comp-20) auto var(--comp-30);
        text-align: center;
    }
    #work .txt .under_line {
        color: var(--shiminsyo-font);
        background: linear-gradient(transparent 66%, var(--shiminsyo-line) 33%);
    }
    #work .btn {
        width: 80vw;
        margin: 0 auto var(--comp-20);
    }
    #work .note {
        color: #303030;
        font-size: var(--comp-12);
        text-align: center;
    }
    #work .list {
        width: 80vw;
        margin: auto;
    }
}

/*----------
 menu
----------*/
#menu {
	color: #252525;
}
#menu .inner {
	padding: 0 0 100px;
}
#menu .catch {
	color: #000;
	font-size: 1.375rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 40px;
}
#menu .txt {
	font-size: 1rem;
	text-align: center;
}
#building_nav{
    background: var(--vividPink);
}
#building_nav ul{
    padding-top: 40px;
    width: 1140px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
#building_nav ul li{
    width: 560px;
}
#building_nav ul li a{
    display: block;
    position: relative;
}
#building_nav ul li a img{
    display: block;
}
#building_nav ul li a img.on{
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
    transition: opacity 0.5s;
    z-index: 2;
}
#building_nav ul li a img.off{
    position: relative;
}
#building_nav ul li.active a img.on{
    opacity: 1;
}
#global_nav {
	padding: 30px 0;
	margin-bottom: 45px;
	background: #fff;
}
#global_nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 1140px;
	margin: auto;
    gap: 20px;
}
#global_nav.width-min ul{
	width: 880px;
}
#global_nav ul li {
	width: 270px;
}
#global_nav .subcategory_btn{
    margin-top: 20px;
}
#global_nav .subcategory_btn p{
    width: 380px;
    margin: 20px auto 0;
}
#global_nav .subcategory_btn p:first-child{
    margin-top: 0;
}

@media (min-width: 769px) {
#building_nav ul li a:hover{
    opacity: 1;
}
#building_nav ul li a:hover img.on{
    opacity: 1;
}
}

@media (max-width: 768px) {
	#menu .inner {
		padding: 0 0 40px;
	}
	#menu .catch {
		font-size: 0.875rem; /* 14px */
		margin-bottom: 40px;
	}
	#menu .txt {
		font-size: 0.75rem; /* 12px */
		line-height: 1.75;
	}
    #building_nav{
        background: var(--vividPink);
    }
    #building_nav ul{
        padding-top: 40px;
        width: 310px;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
    }
    #building_nav ul li{
        width: 150px;
    }
    #building_nav ul li a{
        display: block;
        position: relative;
    }
    #building_nav ul li a img{
        display: block;
    }
    #building_nav ul li a img.on{
        position: absolute;
        opacity: 0;
        top: 0;
        left: 0;
        transition: opacity 0.5s;
        z-index: 2;
    }
    #building_nav ul li a img.off{
        position: relative;
    }
    #building_nav ul li.active a img.on{
        opacity: 1;
    }
	#global_nav {
		padding: 30px 0;
		margin-bottom: 45px;
		background: #fff;
	}
	#global_nav ul {
		flex-wrap: wrap;
		justify-content: center;
		width: 310px;
		margin: auto;
        gap: 10px;
	}

	#global_nav.width-min ul{
		width: 310px;
	}

	#global_nav ul li {
        width: 45%;
		max-width: 150px;
	}
    #global_nav .subcategory_btn{
        margin-top: 10px;
    }
    #global_nav .subcategory_btn p{
        width: 310px;
        margin: 10px auto 0;
    }
    #global_nav .subcategory_btn p:first-child{
        margin-top: 0;
    }
}

/*----------
 sec
----------*/
[id^="sec"] {
	color: #000;
}
[id^="sec"] .inner {
	width: 1140px;
	padding: 0 0 100px;
	margin: auto;
}
#secWoman .inner {
	padding: 0 0 20px;
}
#pdfBtn{
    width: 1140px;
    margin: 0 auto 140px;
}
#pdfBtn .ttl{
    color: #368dad;
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px;
}
#pdfBtn p:not([class]){ 
	width: min(100%, 370px);
	margin: 0 auto;
}
#linkBnr{
    width: 1140px;
    margin: 0 auto 140px;
}
#linkBnr .ttl{
    color: #368dad;
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px;
}
#linkBnr ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#linkBnr ul li{
    width: 555px;
}
#linkBnr ul li a{
    text-decoration: none;
}
#linkBnr ul li img{
    width: 100%;
    display: block;
}
#linkBnr ul li .text{
    margin-top: 15px;
    text-align: center;
}
#wrap ul.bnrBox{
	margin:40px auto 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#wrap ul.bnrBox li{
    width: 555px;
}
#wrap ul.bnrBox li a{
    text-decoration: none;
	transition: all ease 0.7s;
}
#wrap ul.bnrBox li a:hover{
	opacity: 0.7;
}
#wrap ul.bnrBox li img{
    width: 100%;
    display: block;
}
#wrap ul.bnrBox li .text{
    margin-top: 15px;
    text-align: center;
}
#secNote .inner {
	padding: 0 0 60px;
}
[id^="sec"] .ttl_wrap {
	position: relative;
	margin-bottom: 30px;
}
#secdassai .ttl_decoration{
	width: 192px;
	margin: 0 auto 10px;
}
#secdassai .ttl_wrap {
	border-bottom: 5px solid var(--dassai);
}
#sec3000 .ttl_wrap {
	border-bottom: 5px solid var(--mint);
}
#sec4000 .ttl_wrap {
	border-bottom: 5px solid var(--green);
}
#sec5000 .ttl_wrap {
	border-bottom: 5px solid var(--blue);
}
#sec6000 .ttl_wrap {
	border-bottom: 5px solid var(--purple);
}
#secReserved .ttl_wrap {
	border-bottom: 5px solid var(--red);
}
#secTakeout .ttl_wrap {
	border-bottom: 5px solid var(--pink);
}
[id^="sec"] .ttl {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	font-size: 42px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	width: 380px;
	height: 70px;
	margin: auto;
}
#secdassai .ttl,
#secReserved .ttl {
	font-size: 1.75rem;
}

#secTakeout .ttl {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	font-size: 1.75rem;
    width: auto;
    max-width: 450px;
}
[id^="sec"] .ttl .en {
	font-size: 32px;
}
[id^="sec"] .ttl .sub {
	display: block;
	font-size: 1rem;
	margin-bottom: 5px;
}
#secdassai .ttl {
	background: var(--dassai);
}
#sec3000 .ttl {
	background: var(--mint);
}
#sec4000 .ttl {
	background: var(--green);
}
#sec5000 .ttl {
	background: var(--blue);
}
#sec6000 .ttl {
	background: var(--purple);
}
#secReserved .ttl {
	background: var(--red);
}
#secTakeout .ttl {
	background: var(--pink);
}
[id^="sec"] .store {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
[id^="sec"] .store > li {
	position: relative;
	border-radius: 10px;
	width: 555px;
	margin-bottom: 40px;
	background: #fff;
}
[id^="sec"] .store .hd01 a {
    text-align: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #fff;
	font-size: 2.125rem;
	font-weight: bold;
	text-decoration: none;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 90px;
}
/*[id^="sec"] .store .la-salsa .hd01 a {
	font-size: 1.4rem; /* 26px 
}*/
[id^="sec"] .store .hard-rock .hd01 a {
	font-size: 1.4rem; /* 26px */
}
[id^="sec"] .store .kayabaya .hd01 a {
	font-size: 1.4rem; /* 26px */
}
[id^="sec"] .store .dapaidang .hd01 a {
	font-size: 1.4rem; /* 26px */
}
[id^="sec"] .store .la-salsa .hd01 a {
    font-size: 1.4rem; /* 26px */
}
[id^="sec"] .store .chopped-salad-day .hd01 a {
	font-size: 1.4rem; /* 26px */
}
#secdassai .store .hd01 a {
	background: var(--dassai);
}
#sec3000 .store .hd01 a {
	background: var(--mint);
}
#sec4000 .store .hd01 a {
	background: var(--green);
}
#sec5000 .store .hd01 a {
	background: var(--blue);
}
#sec6000 .store .hd01 a {
	background: var(--purple);
}
#secReserved .store .hd01 a {
	background: var(--red);
}
#secTakeout .store .hd01 a {
	background: var(--pink);
}
[id^="sec"] .store .hd01 .sub {
	display: block;
	font-size: 0.875rem;
	font-weight: normal;
	text-align: center;
	margin-top: 10px;
}
[id^="sec"] .store .in {
	padding: 20px 30px 40px;
}
[id^="sec"] .store .floor {
	font-size: 1rem;
	margin-bottom: 10px;
}
[id^="sec"] .store .phone {
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 20px;
}
[id^="sec"] .store .flex {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 25px;
	background: #fff6dc;
}
[id^="sec"] .store .img {
	width: 240px;
}
[id^="sec"] .store .txt {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 255px;
	padding: 12px 15px;
}
[id^="sec"] .store .hd02 {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 5px;
    font-feature-settings: "palt";
}
[id^="sec"] .store .wodori .hd02 {
	font-size: 1.5rem; /* 24px */
}
[id^="sec"] .store .sub {
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.4;
}
[id^="sec"] .store .note {
	font-size: 0.75rem; /* 14px */
	line-height: 1.4;
    font-feature-settings: "palt";
}
[id^="sec"] .store .price {
	color: #d10000;
	font-weight: bold;
	margin-top: auto;
}
[id^="sec"] .store .price .black {
	color: #1a1a1a;
}
[id^="sec"] .store .number {
	font-size: 2rem; /* 48px */
}
[id^="sec"] .store .en {
	font-size: 1.1rem; /* 20px */
}
[id^="sec"] .store .menu {
	font-size: 0.875rem; /* 14px */
	line-height: 1.7;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d2d2d2;
}

[id^="sec"] .store .menu:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

[id^="sec"] .store .menu span {
	display: inline-block;
	/*margin-right: 10px;*/
}
[id^="sec"] .store .benefit {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	/* padding: 12px 0; */
	margin-bottom: 10px;
}
[id^="sec"] .store .benefit .icon {
	-webkit-flex: 0 0 70px;
	-ms-flex: 0 0 70px;
	flex: 0 0 70px;
	z-index: 1;
}
[id^="sec"] .store .benefit p {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	line-height: 1.4;
	padding: 10px 20px 10px 40px;
	margin-left: -30px;
	background: #ffe59e;
}
[id^="sec"] .store .list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
[id^="sec"] .store .list {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
[id^="sec"] .store .list li {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 5px;
}
[id^="sec"] .store .list li:not(:last-child) {
	padding-right: 15px;
}
[id^="sec"] .store .list .reception .icon {
	width: 50px;
}
[id^="sec"] .store .list .reserved .icon {
	width: 50px;
}
[id^="sec"] .store .list .private .icon {
	width: 50px;
}
[id^="sec"] .store .list .woman .icon {
	width: 25px;
}
[id^="sec"] .store .list .kinen .icon {
	width: 25px;
}
[id^="sec"] .store .list .kitsuen .icon {
	width: 25px;
}
[id^="sec"] .store .list .bunen .icon {
	width: 25px;
}
[id^="sec"] .store .list .lo .icon {
	width: 50px;
}
[id^="sec"] .store .list p {
	font-size: 1rem;
	line-height: 1.5;
	padding-left: 5px;
	max-width: calc(100% - 50px);
}
[id^="sec"] .store .taisaku {
	padding-top: 20px;
	margin-top: 20px;
	line-height: 1.6;
	border-top: 1px solid #d2d2d2;
}
[id^="sec"] .store .taisaku.no-bdr {
	padding-top: 0;
	border-top: none;
}
[id^="sec"] .store .taisaku .icon {
	width: 90px;
	margin-bottom: 10px;
}

[id^="sec"] .store .link {
	padding-top: 20px;
	margin-top: 20px;
	line-height: 1.6;
	border-top: 1px solid #d2d2d2;
}

[id^="sec"] .store .menu + .link {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}

[id^="sec"] .store .link.nobdr {
	padding-top: 0;
	margin-top: 0;
	line-height: 1.6;
	border-top: none;
}
[id^="sec"] .store .link li{
	width: 370px;
    margin: 0 auto 10px;
}
[id^="sec"] .store .link li:last-child{
	margin-bottom: 0;
}


#secNote .txt {
	font-size: 0.875rem; /* 14px */
	line-height: 2;
}
@media (max-width: 768px) {
	[id^="sec"] .inner {
		width: 100%;
		padding: 0 20px 50px;
		margin: auto;
	}
	#secWoman .inner {
		padding: 0 20px 10px;
	}
	#pdfBtn{
		width: calc(100% - 40px);
		margin: 0 auto 50px;
	}
	#pdfBtn .ttl{
		color: #368dad;
        font-size: 24px;
        text-align: center;
        margin-bottom: 20px;
		line-height: 1.6;
	}
	#pdfBtn p:not([class]){ 
		width: min(100%, 275px);
		margin: 0 auto;
	}
    #linkBnr{
        width: calc(100% - 40px);
        margin: 0 auto 50px;
    }
    #linkBnr .ttl{
        color: #368dad;
        font-size: 24px;
        text-align: center;
        margin-bottom: 20px;
    }
    #linkBnr ul{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 30px;
    }
    #linkBnr ul li{
        width: 100%;
    }
    #linkBnr ul li a{
        text-decoration: none;
    }
    #linkBnr ul li img{
        width: 100%;
        display: block;
    }
    #linkBnr ul li .text{
        margin-top: 15px;
        text-align: center;
        font-size: 12px;
    }
	
#wrap ul.bnrBox{
	margin: 20px auto 0;
    width: 335px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}
#wrap ul.bnrBox li{
    width: 100%；
}
#wrap ul.bnrBox li a{
    text-decoration: none;
	transition: all ease 0.7s;
}
#wrap ul.bnrBox li img{
    width: 100%;
    display: block;
}
#wrap ul.bnrBox li .text{
        margin-top: 15px;
        text-align: center;
        font-size: 12px;
}
	#secNote .inner {
		padding: 0 20px 30px;
	}
	[id^="sec"] .ttl_wrap {
		margin-bottom: 20px;
	}
	#secdassai .ttl_decoration{
		width: 120px;
		margin: 0 auto 10px;
	}
	#secWoman .ttl_wrap .note {
		bottom: -30px;
		font-size: 0.625rem; /* 10px */
	}
	[id^="sec"] .ttl {
		font-size: 21px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		width: 260px;
		height: 35px;
	}
	#secdassai .ttl,
	#secReserved .ttl {
		font-size: 1.2rem;
	}
    #secTakeout .ttl {
        font-size: 0.875rem;
        width: auto;
        max-width: 260px;
    }
    #secHealthy .ttl {
        font-size: 0.875rem;
    }
	[id^="sec"] .ttl .en {
		font-size: 16px;
	}
	[id^="sec"] .ttl .sub {
		display: block;
		font-size: 0.5rem;
		margin-bottom: 2px;
	}
	#secWoman .ttl {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	[id^="sec"] .store {
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	[id^="sec"] .store > li {
		border-radius: 5px;
		width: 335px;
		margin-bottom: 20px;
	}
	[id^="sec"] .store .hd01 a {
		font-size: 1.375rem; /* 22px */
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		height: 50px;
        box-sizing: border-box;
        padding: 0 5px;
	}
/*	[id^="sec"] .store .la-salsa .hd01 a {
		font-size: 0.8125rem; /* 13px 
	}*/
    [id^="sec"] .store .kome-raku .hd01 a {
        font-size: 0.9rem; /* 26px */
    }
    [id^="sec"] .store .hard-rock .hd01 a {
        font-size: 0.8125rem; /* 26px */
    }
    [id^="sec"] .store .kayabaya .hd01 a {
        font-size: 0.8125rem; /* 26px */
    }
    [id^="sec"] .store .dapaidang .hd01 a {
        font-size: 0.8125rem; /* 26px */
    }
    [id^="sec"] .store .la-salsa .hd01 a {
        font-size: 0.8125rem; /* 26px */
    }
    [id^="sec"] .store .dai-dai .hd01 a {
        font-size: 1rem; /* 26px */
    }
    [id^="sec"] .store .chopped-salad-day .hd01 a {
        font-size: 0.8125rem; /* 26px */
    }
	[id^="sec"] .store .hd01 .sub {
		display: block;
		font-size: 0.5625rem; /* 9px */
		font-weight: normal;
		text-align: center;
		margin-top: 5px;
	}
	[id^="sec"] .store .in {
		padding: 15px;
	}
	[id^="sec"] .store .floor {
		font-size: 0.75rem; /* 12px */
		margin-bottom: 5px;
	}
	[id^="sec"] .store .phone {
		font-size: 1rem; /* 16px */
		margin-bottom: 10px;
	}
	[id^="sec"] .store .flex {
		margin-bottom: 15px;
	}
	[id^="sec"] .store .img {
		width: 150px;
	}
	[id^="sec"] .store .txt {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 155px;
		padding: 7px 10px;
	}
	[id^="sec"] .store .hd02 {
		font-size: 0.8rem; /* 16px */
		margin-bottom: 5px;
	}
	[id^="sec"] .store .wodori .hd02 {
		font-size: 0.625rem; /* 12px */
	}
	[id^="sec"] .store .sub {
		font-size: 0.625rem; /* 10px */
		font-weight: bold;
	}
	[id^="sec"] .store .note {
		font-size: 0.4375rem; /* 7px */
	}
    [id^="sec"] .store .price {
        color: #d10000;
        font-weight: bold;
        margin-top: auto;
        font-size: 0.8rem;
    }
    [id^="sec"] .store .price .black {
        color: #1a1a1a;
    }
	[id^="sec"] .store .number {
		font-size: 1.2rem; /* 26px */
	}
	[id^="sec"] .store .en {
		font-size: 0.8125rem; /* 13px */
	}
	[id^="sec"] .store .menu {
		font-size: 0.6875rem; /* 11px */
		padding-bottom: 15px;
		margin-bottom: 10px;
	}
	[id^="sec"] .store .menu:last-child {
		border-bottom: 0;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	[id^="sec"] .store .benefit {
		position: relative;
		/* padding: 12px 0; */
		margin-bottom: 10px;
	}
	[id^="sec"] .store .benefit .icon {
		-webkit-flex: 0 0 50px;
		-ms-flex: 0 0 50px;
		flex: 0 0 50px;
	}
	[id^="sec"] .store .benefit p {
		font-size: 0.625rem; /* 10px */
		padding: 5px 10px 5px 20px;
		margin-left: -10px;
	}
	[id^="sec"] .store .list li {
		margin-bottom: 5px;
	}
	[id^="sec"] .store .list li:not(:last-child) {
		padding-right: 10px;
	}
	[id^="sec"] .store .list .reception .icon {
		width: 35px;
	}
	[id^="sec"] .store .list .reserved .icon {
		width: 35px;
	}
	[id^="sec"] .store .list .private .icon {
		width: 35px;
	}
	[id^="sec"] .store .list .woman .icon {
		width: 22.5px;
	}
	[id^="sec"] .store .list .kinen .icon {
		width: 22.5px;
	}
	[id^="sec"] .store .list .kitsuen .icon {
		width: 22.5px;
	}
	[id^="sec"] .store .list .bunen .icon {
		width: 22.5px;
	}
	[id^="sec"] .store .list .lo .icon {
		width: 35px;
	}
	[id^="sec"] .store .taisaku {
		padding-top: 10px;
		margin-top: 10px;
		border-top: 1px solid #d2d2d2;
	}
    [id^="sec"] .store .taisaku.no-bdr {
        padding-top: 0;
        border-top: none;
    }
	[id^="sec"] .store .taisaku .icon {
		width: 65px;
		margin-bottom: 10px;
	}
	[id^="sec"] .store .taisaku p {
		font-size: 0.625rem; /* 10px */
	}
	[id^="sec"] .store .list p {
		font-size: 0.6875rem; /* 11px */
		padding-left: 5px;
		max-width: calc(100% - 35px);
	}
    [id^="sec"] .store .link {
		padding-top: 15px;
		margin-top: 10px;
		border-top: 1px solid #d2d2d2;
    }
	[id^="sec"] .store .menu + .link {
		border-top: none;
		padding-top: 0;
		margin-top: 0;
	}
    [id^="sec"] .store .link.nobdr {
        padding-top: 0;
        margin-top: 0;
        line-height: 1.6;
        border-top: none;
    }
    [id^="sec"] .store .link li{
        width: 90%;
        margin: 0 auto 10px;
    }
    [id^="sec"] .store .link li:last-child{
        margin-bottom: 0;
    }

	#secNote .txt {
		font-size: 0.75rem; /* 12px */
		line-height: 2;
	}
}

@media (max-width: 374px) {
	[id^="sec"] .store > li {
		width: 87.5vw;
	}
	[id^="sec"] .store .img {
		width: 39.0625vw;
	}
	[id^="sec"] .store .txt {
		width: 39.0625vw;
	}
}

/*----------
 corona
----------*/
#corona {
	color: #323232;
	background: url(../img/corona_bg_pc.png) no-repeat bottom center;
	background-size: cover;
}
#corona  .inner {
	width: 920px;
	padding: 90px 0 50px;
	margin: auto;
}
#corona  .ttl {
	color: #368dad;
	font-size: 30px;
	text-align: center;
	margin-bottom: 40px;
}
#corona  .txt {
	font-weight: bold;
	text-align: center;
	line-height: 1.75;
	margin-bottom: 35px;
}
#corona  [class^="img"] img {
	width: 100%;
}
#corona  .img01 {
	margin-bottom: 30px;
}
#corona  .img02 {
	margin-bottom: 30px;
}
#corona  .list {
	font-size: 14px;
	text-align: center;
	margin-bottom: 30px;
}
#corona  .list li:not(:last-child) {
	margin-bottom: 10px;
}
#corona  .en {
	color: #368dad;
	font-size: 20px;
	text-align: center;
	margin-bottom: 15px;
}
#corona  .catch {
	color: #368dad;
	font-size: 24px;
	text-align: center;
	line-height: 1.5;
}

@media (max-width: 768px) {
	#corona {
		background: url(../img/corona_bg_sp.png) no-repeat bottom center;
		background-size: cover;
	}
	#corona  .inner {
		width: 100%;
		padding: 50px 20px 35px;
	}
	#corona  .ttl {
		font-size: 24px;
		line-height: 1.2;
		margin-bottom: 20px;
	}
	#corona  .txt {
		font-size: 12px;
		margin-bottom: 15px;
	}
	#corona  .img01 {
		margin-bottom: 25px;
	}
	#corona  .img02 {
		margin-bottom: 15px;
	}
	#corona  .list {
		font-size: 12px;
		line-height: 1.6;
		margin-bottom: 20px;
	}
	#corona  .list li:not(:last-child) {
		margin-bottom: 5px;
	}
	#corona  .en {
		font-size: 15px;
		line-height: 1.4;
		margin-bottom: 10px;
	}
	#corona  .catch {
		font-size: 18px;
	}
}

/*----------
 top
----------*/
#pagetop {
	position: fixed;
	right: 50px;
	bottom: 50px;
	width: 70px;
}

@media (max-width: 768px) {
	#pagetop {
		position: fixed;
		right: 25px;
		bottom: 25px;
		width: 40px;
	}
}

/*----------
 footer
----------*/
footer {
	color: #6b6b6b;
	padding: 30px 0;
	background: #e5e5e5;
}
#copy {
	font-size: 0.875rem; /* 14px */
	text-align: center;
}

@media (max-width: 768px) {
	footer {
		padding: 25px 0;
	}
	#copy {
		font-size: 0.625rem; /* 10px */
	}
}