@charset "utf-8";
/* ===================================================
	Plan CSS
====================================================== */
#main_tit { padding: 250px 0 200px; background: url(../../plan/img/title.jpg)no-repeat; background-size: cover;}
#main_tit h2 { display: table; margin: 0 auto; min-width: 210px; padding: 35px 30px; text-align: center; background: #fff; font-size: 30px; letter-spacing: 2px;}

@media screen and (max-width: 600px) {
    #main_tit { padding: 140px 0 100px; background-position: center;}
    #main_tit h2 { font-size: 26px;}
    #main_tit h2 span { font-size: 12px;}
}

section { font-size: 16px; }


/* ---------------------------------------------------
    #lead
------------------------------------------------------ */
#lead h3 { padding: 70px 0 30px; text-align: center; font-size: 40px;}
#lead h3+p { text-align: center; padding: 0 0 40px; font-size: 16px;}
#lead .tel-link { display: block; width: 770px; margin: 0 auto; padding: 20px 100px; text-align: center; font-size: 18px; background-color: #dcb194; box-sizing: border-box; border-radius: 50px;}
#lead .tel-link span { font-size: 34px;}
#lead .tel-link > span { padding: 0 0 0 70px; vertical-align: sub; }
#lead .tel-link span span { font-size: 20px;}
#lead .tel-link+p { padding: 20px 0 70px; text-align: center; color: #944f06;}
#lead+ul { display: flex; width: 800px; max-width: 86%; margin: 0 auto 80px; }
#lead+ul li { width: 49%; margin: 0 2% 0 0; border: 1px solid #adadad; font-size: 18px; box-sizing: border-box; background: url(../../plan/img/cnav_arrow.png)no-repeat center bottom 15px;}
#lead+ul li:hover { opacity: 0.7;}
#lead+ul li span { display: block; font-size: 16px;}
#lead+ul li a { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; padding: 10px 0 30px; box-sizing: border-box; }
#lead+ul li a:hover { text-decoration: none;}
#lead+ul li a br.sp { display: none;}
#lead+ul li:last-child { margin: 0;}

@media screen and (max-width: 600px) {
	#lead { width: 94%; margin: 0 auto;}
	#lead h3 { padding: 35px 0 15px; font-size: 24px;}
    #lead h3 br { display: none;}
	#lead h3+p { padding: 0 0 20px;}
	#lead .tel-link { width: 430px; max-width: 100%; padding: 10px 0; font-size: 16px;}
	#lead .tel-link > span { display: block; padding: 0; font-size: 22px;}
	#lead .tel-link span span { font-size: 18px;}
	#lead .tel-link+p { padding: 20px 0 30px; text-align: left;}
	#lead+ul { display: block; margin: 0 auto 40px;}
	#lead+ul li { width: 100%; margin: 0 2% 20px 0; font-size: 16px;}
	#lead+ul li:nth-of-type(even) { margin: 0 0 20px; }
	#lead+ul li span { font-size: 14px;}
	#lead+ul li a { padding: 10px 0 30px; }
	#lead+ul li a br.sp { display: inline;}
}

/* Icon */
span.lunch,
span.dinner { display: inline-block; padding: 2px 12px; border-radius: 80px; }
span.lunch { background-color: #f6c2a5;}
span.dinner { background-color: #b6cae3;}

@media screen and (max-width: 600px) {
	span.lunch,span.dinner { font-size: 14px; }
}


/* ---------------------------------------------------
    #sec1
------------------------------------------------------ */
#sec1 { padding: 70px 0 100px; background-color: #efebe4;}
#sec1 section { width: 1100px; max-width: 86%; margin: 0 auto;}
#sec1 h3 { padding: 0 0 25px; font-size: 40px; text-align: center;}
#sec1 h3+dl { display: table; margin: 0 auto 70px; width: 380px;}
#sec1 h3+dl dt,
#sec1 h3+dl dd { display: table-cell; padding: 5px 0; text-align: center;}
#sec1 h3+dl dt { width: 155px; background-color: #e1cf97;}
#sec1 h3+dl dd { background-color: #fff;}
#sec1 section >div { margin: 0 0 60px;}
#sec1 section >div >img { float: left; max-width: 54%;}
#sec1 section >div >div { float: right; width: 450px; max-width: 42%; line-height: 1.8;}
#sec1 section >div >div dt { font-size: 34px; border-bottom: 1px solid #626262;}
#sec1 section >div >div dd { padding: 5px 0 40px; text-align: right; font-size: 26px;}
#sec1 section >div >div dd span { font-size: 20px;}
#sec1 section >div >div p { padding: 0 0 40px;}
#sec1 section >div >div li { padding-left: 0.75em; text-indent: -0.75em; font-size: 14px; color: #944f06;}
#sec1 section >div >div li::before { content: "* "; }
#sec1 section >ul { margin: 0 0 70px; padding: 25px 20px; background-color: #fff;}
#sec1 section >ul li { padding-left: 0.75em; text-indent: -0.75em; font-size: 14px; line-height: 1.8;}
#sec1 section >ul li::before { content: "* "; }
#sec1 section >ul+a { display: block; width: 500px; margin: 0 auto; padding: 30px 0; text-align: center; color: #fff; background-color: #61779e; border-radius: 40px;}
#sec1 section >ul+a:hover { text-decoration: none; opacity: 0.7;}
#sec1 section >ul+a span { padding: 0 95px; background: url(../../plan/img/bnr_arrow.png)no-repeat right  center;}

@media screen and (max-width: 600px) {
    #sec1 section { width: 92%; max-width: none;}
	#sec1 { padding: 30px 0 50px;}
	#sec1 h3 { padding: 0 0 15px; font-size: 26px;}
	#sec1 h3+dl { margin: 0 auto 35px; width: 100%;}
    #sec1 h3+dl dt { width: 40%;}
	#sec1 section >div { margin: 0 0 50px;}
	#sec1 section >div:nth-of-type(2) { margin: 0 0 30px;}
	#sec1 section >div >img,
	#sec1 section >div >div { float: none; width: 100%; max-width: none;}
    #sec1 section >div >img { max-width: 100%;}
	#sec1 section >div >div dt { padding: 10px 0 5px; font-size: 22px;}
	#sec1 section >div >div dt br { display: none;}
	#sec1 section >div >div dd { padding: 0 0 20px; font-size: 20px;}
	#sec1 section >div >div dd span { font-size: 16px;}
	#sec1 section >div >div p { padding: 0 0 20px;}
	#sec1 section >ul { margin: 0 0 30px;}
	#sec1 section >ul+a { max-width: 100%; padding: 15px 0;}
	#sec1 section >ul+a span { padding: 0 20px;}
}


/* ---------------------------------------------------
    #sec2
------------------------------------------------------ */
#sec2 { padding: 80px 0 120px;}
#sec2 section { width: 1100px; max-width: 86%; margin: 0 auto;}
#sec2 h3 { padding: 0 0 40px; font-size: 40px; text-align: center;}
#sec2 h3 span { display: block; font-size: 36px;}
#sec2 .time { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto 70px;}
#sec2 .time dl { display: table; float: left; width: 380px; box-sizing: border-box;}
#sec2 .time dl dt,
#sec2 .time dl dd { display: table-cell; padding: 5px 0; text-align: center;}
#sec2 .time dl dt { width: 155px; background-color: #e1cf97;}
#sec2 .time dl dd { border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; background-color: #fff;}
#sec2 .time li:nth-of-type(2) dl { border-right: 1px solid #b2b2b2;}
#sec2 .plan_wrap { display: flex; justify-content: center;}
.sec2_plan { width: 30%; margin: 0 5% 0 0;}
.sec2_plan:last-child { margin-right: 0; }
.sec2_plan >img { width: 100%;}
.sec2_plan:nth-of-type(3n) { margin: 0;}
.sec2_plan h4 { padding: 15px 0 25px;}
#sec2 .price { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 4px 0; border-top: 1px solid #626262; border-bottom: 1px solid #626262;}
#sec2 .price p { margin-left: auto; font-size: 20px;}
#sec2 .price p span { font-size: 16px;}
#sec2 .price+p { padding: 18px 0 75px; font-size: 12px;}
#sec2 section > a { clear: both;}
.sec2_btn { width: 1050px; max-width: 100%; margin: 0 auto 110px; padding: 20px 0 0;}
.sec2_btn li { float: left; width: 500px; max-width: 47%; background-color: #61779e; text-align: center; border-radius: 50px;}
.sec2_btn li:nth-of-type(2) { float: right; background-color: #3d3d3d;}
.sec2_btn li a { display: block; padding: 35px 0; color: #fff;}
.sec2_btn li span { padding: 0 90px; background: url(../../plan/img/bnr_arrow.png)no-repeat right center;}
.sec2_btn li:hover { opacity: 0.7;}
.sec2_btn li a:hover { text-decoration: none;}

@media screen and (max-width: 640px) {
	#sec2 .time { width: 96%;}
}

@media screen and (max-width: 600px) {
    #sec2 section { width: 92%; max-width: none;}
	#sec2 { padding: 40px 0 60px;}
	#sec2 h3 { font-size: 26px;}
	#sec2 h3 span { font-size: 20px;}
	#sec2 .time { display: block; width: 100%; margin: 0 auto 35px;}
	#sec2 .time li:nth-of-type(1) { margin: 0 0 10px;}
	#sec2 .time li:nth-of-type(1) dl { border-right: 1px solid #b2b2b2;}
	#sec2 .time dl { float: none; margin: 0 auto; width: 100%;}
    #sec2 .time dl dt { width: 40%; }
    #sec2 .plan_wrap { flex-wrap: wrap; justify-content: space-between; }
	.sec2_plan { width: 100%; margin: 0 0 15px;}
    .sec2_plan >img { display: block; margin: 0 auto;}
	.sec2_plan h4 { font-size: 14px; padding: 5px 0 10px;}
    #sec2 .price { padding: 10px 0; }
	#sec2 .price p { font-size: 16px;}
	#sec2 .price p span { font-size: 14px;}
	#sec2 .price+p { padding: 10px 0 30px;}
	.sec2_btn { width: 94%; margin: 0 auto 50px; padding: 0;}
	.sec2_btn li { float: none; width: 100%; max-width: none;}
	.sec2_btn li:nth-of-type(1) { margin: 0 0 10px;}
	.sec2_btn li a { padding: 10px 0;}
	.sec2_btn li span { padding: 0 20px;}
}


/* ---------------------------------------------------
    #sec3
------------------------------------------------------ */
#sec3 { padding: 70px 0 100px; background-color: #1d1c19; color: #fff;}
#sec3 section { width: 1100px; max-width: 86%; margin: 0 auto;}
#sec3 h3 { padding: 0 0 25px; font-size: 40px; text-align: center;}
#sec3 h3+p { padding: 0 0 40px; text-align: center;}
#sec3 section >img:nth-of-type(1) { float: left;}
#sec3 section >img:nth-of-type(2) { float: right;}
#sec3 section >img { max-width: 49%;}
#sec3 section ul { clear: both; padding: 30px 0 50px;}
#sec3 section ul li { line-height: 1.8; padding-left: 0.75em; text-indent: -0.75em;}
#sec3 section ul li::before { content: "* ";}
#sec3 section >a { display: block; width: 500px; margin: 0 auto; padding: 30px 0; text-align: center; color: #000; background-color: #fff;}
#sec3 section >a:hover { text-decoration: none; opacity: 0.7;}
#sec3 section >a span { padding: 0 50px; background: url(../../plan/img/bnr_arrow2.png)no-repeat right  center;}

@media screen and (max-width: 600px) {
	#sec3 { padding: 35px 0 50px;}
    #sec3 section { max-width: none; width: 92%;}
	#sec3 h3 { padding: 0 0 10px; font-size: 26px;}
	#sec3 h3+p { padding: 0 0 20px; text-align: left;}
	#sec3 section ul { padding: 15px 0 25px;}
	#sec3 section >a { padding: 15px 0; max-width: 100%;}
	#sec3 section >a span { padding: 0 20px;}
}


/* ---------------------------------------------------
    #sec_inq
------------------------------------------------------ */
#sec_inq { width: 1100px; max-width: 86%; margin: 0 auto; padding: 80px 0 300px;}
#sec_inq ul { display: flex; justify-content: space-between; }
#sec_inq ul li { display: flex; align-items: center; justify-content: center; box-sizing: border-box; border-radius: 50px;}
#sec_inq ul li:nth-of-type(1) { padding: 10px 0; border: 1px solid #b2b2b2;}
#sec_inq ul li .tel-link { font-size: 18px;}
#sec_inq ul li .tel-link > span { font-size: 34px; padding: 0 0 0 50px;}
#sec_inq ul li .tel-link span span { font-size: 20px;}
#sec_inq ul li:nth-of-type(2) a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 50px; color: #fff; background-color: #61779e; }
#sec_inq ul li:nth-of-type(2):hover { opacity: 0.7;}
#sec_inq ul li:nth-of-type(2) a:hover { text-decoration: none;}
#sec_inq ul li:nth-of-type(2) span { padding: 0 70px; font-size: 18px; background: url(../../plan/img/bnr_arrow.png)no-repeat right  center;}
#sec_inq ul+p { text-align: center; color: #944f06; padding: 35px 0 0;}
#sec_inq ul+p span { text-decoration: underline;}

@media screen and (min-width: 601px) {
    #sec_inq ul li:nth-of-type(1) { width: 62%; }
    #sec_inq ul li:nth-of-type(2) { width: 34%; }
}
@media screen and (max-width: 600px) {
	#sec_inq { padding: 30px 0 100px;}
    #sec_inq ul { display: block;}
	#sec_inq ul li { width: 100%;}
	#sec_inq ul li .tel-link { font-size: 16px;}
	#sec_inq ul li .tel-link > span { display: block; padding: 0; font-size: 20px;}
	#sec_inq ul li:nth-of-type(2) { margin: 20px 0 0;}
	#sec_inq ul li:nth-of-type(2) a { padding: 10px 0;}
	#sec_inq ul li:nth-of-type(2) span { font-size: 16px;}
	#sec_inq ul+p { text-align: left;}
}

section:after,
#sec1 section >div:after,
#sec2 .price:after,
.sec2_btn:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}


/* ---------------------------------------------------
	Update Log
------------------------------------------------------


------------------------------------------------------ */