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

/*

/*--------------------
共通
--------------------*/
.sub-title {
	line-height: 200%;
	font-size: 1.5rem;
}
.owakare-bg {
	display: block;
    padding: 60px 0 0 0;
	background-color: #EDEDED;
	position: relative;
}

.bg-white {
	display: block;
	background-color: rgba(255,255,255,1.00);
	position: relative;
	padding: 0px 35px;
}
.space {
	padding-bottom: 10px;
}

.border{
	margin: 25px 0 30px 0;
	border-top: 1px solid #ADADAD;
}
.text-owakare-01 {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
	line-height: 190%;
}

.text-owakare-02 {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
    line-height: 190%;
    padding: 0 15px;
}

.other-text {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
	line-height: 40px;
}
.box-owakare-02 {
	margin: 30px 0px 20px;
	padding: 0 15px;
}
.small-text {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.0rem;
	text-align: left;
	line-height: 20px;
}

.plan-text {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
	text-align: left;
	line-height: 40px;
}
.large-text {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.4rem;
	letter-spacing: 0.1rem;
	line-height: 2.0rem;
}
.bold {
 font-weight: 500;
}

hr.line01{
	border-top: 5px solid #EDEDED;
	margin: 0px;
	padding: 0px;
}

.color-b {
	color: #A6CBDB;
}

.color-b2 {
	color: #247FA8;
}

.position-center {
	display: block;
	text-align: center;
}


@media screen and (max-width:768px) {
	.sub-title {
	line-height: 190%;
	font-size: 1.0rem;
}
	.owakare-bg {
    padding: 12px 0 0 0;
}
	.bg-white {
	padding: 0px 15px;
}
	.text-owakare-01 {
	font-size: 1.0rem;
}

.text-owakare-02 {
	font-size: 1.0rem;
}
	.space {
	padding-bottom: 20px;
}
	.other-text {
	font-size: 1.0rem;
	line-height: 26px;
}
	.box-owakare-01 {
	padding-left: 15px;
	display: block;
}
}

@media screen and (max-width:767px) {
	.other-text {
	line-height: 190%;
}
	.box-owakare-03 {
	padding: 0 15px;	
	}
	.text-owakare-01 {
    font-size: 1.0rem;
}
	.text-owakare-02 {
    font-size: 1.0rem;
}
	.bg-white {
    padding: 0;
}
.large-text {
	font-size: 1.35rem;
}	
.plan-text {
	font-size: 1.0rem;
	line-height: 190%;
}
}

/*----------------------------------------------------------
タブ設定
----------------------------------------------------------*/

/*タブメニュー*/
#owakare .tab-wrap01 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	border: none;
	border-bottom: solid 3px #008285;
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
	list-style: none;
	padding-left: 10px;
	justify-content:center;
}
#owakare .tab-wrap02 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	border: none;
	border-top: solid 3px #008285;
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
	list-style: none;
	padding-left: 10px;
	justify-content:center;
}
#owakare .tab-wrap01 a,
#owakare .tab-wrap02 a {
	/*flex: auto;*/
	background-color: #E6E6E6;
	border-radius: 0px;
	border: none;
	margin: 0 4px;
	text-align: center;
	/*padding: 20px 0;*/
	color: #000;
	background-color: none;
	text-decoration: none;
	width: 25%;
}
#owakare .tab-wrap01 a li, #owakare .tab-wrap02 a li {
	padding: 15px 0;
	letter-spacing: 0;
}
.tab-wrap01 a li::before, .tab-wrap02 a li::before {
	display: inline-block;
	margin: 0 10px;
	color: #008285;
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: bold;
}
#owakare .tab-wrap01 a li.active, #owakare .tab-wrap01 a li:hover, #owakare .tab-wrap02 a li.active, #owakare .tab-wrap02 a li:hover {
	background-color: #85CBBF;
	color: #FFF;
	border: none;
	border-radius: 0px;
}
#owakare .tab-wrap01 a:hover li::before, #owakare .tab-wrap02 a:hover li::before {
	color: #FFF;
}
#owakare .tab-wrap01 a li.active::before {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	font-weight: bold;
	color: #FFF;
}
#owakare .tab-wrap02 a li.active::before {
	font-family: "Font Awesome 5 Free";
	content: "\f106";
	font-weight: bold;
	color: #FFF;
}


@media (max-width: 1199px) {
.service-contents-wrap .service-description-wrap-01 {
	border: 1px solid #65A5C1;
	height: 665px;
}
.service-description-wrap-01 .accordion-container,  .service-description-wrap-02 .accordion-container {
	overflow: hidden;
	/* height: calc(470px - 0.767px); 開く前に見えている部分の高さ */
	max-height: 470px; /* 開く前に見えている部分の高さ */
}
.tab-wrap01 a,  .tab-wrap02 a {
	flex: 0 0 220px;
}
.tab-wrap01, .tab-wrap02 {
	font-size: 1.1rem;
	padding-left: 15px;
}
}

@media (max-width:1119px) {
.tab-wrap01 a, .tab-wrap02 a {
	flex: 0 0 220px;
}
}

@media (max-width:991px) {
.service-contents-wrap .service-description-wrap-01 {
	height: 645px;
}
.service-description-wrap-01 .accordion-container,  .service-description-wrap-02 .accordion-container {
	height: calc(297px - 0.933px); /* 開く前に見えている部分の高さ */
}
.tab-wrap01 a, .tab-wrap02 a {
	flex: 1 0 45%;
	margin: 2px 2px;
}
.tab-wrap01, .tab-wrap02 {
	padding-left: 0;
	border-bottom: none;
	border-top: none;
	margin-bottom: 0;
}
}

@media (max-width:992px) {
.info-tab-wrap {
	border: none;
}
.info-tab-wrap li {
	flex: 1 1 284px;
	margin: 1px;
}
.info-tab-wrap li:first-child {
	flex: 1 1 100%;
}
}

@media (min-width: 768px) {
.service-description-wrap-01 label {
	display: none;
}
}

@media (max-width:767px) {
.service-description-wrap-01 .service-name,  .service-description-wrap-02 .service-name {
	height: auto;
}
.tab-wrap01, .tab-wrap02 {
	padding: 0 10px;
	font-size: 1.0rem;
}
#owakare .tab-wrap01 a,
#owakare .tab-wrap02 a {
	width: 25%;
}
/*.tab-wrap01 a,
.tab-wrap02 a {
	flex: 1 1 50%;
	margin: 1px 0;
}*/
.tab-wrap01 a li,
.tab-wrap02 a li {
	padding: 10px 0;
}

.service-contents-wrap {
	border: none;
	padding: 0;
}
.service-contents-wrap .service-description-wrap-01 {
	height: auto;
}
.service-contents-wrap .service-description-wrap-01,  .service-contents-wrap .service-description-wrap-02 {
	padding: 15px;
	margin: 25px 10px;
}
.service-name {
	font-size: 1.2rem;
	margin: 20px 0 20px;
}
.service-description {
	font-size: 1.0rem;
	line-height: 20px;
}
.service-description-wrap-01 label,  .service-description-wrap-02 label {
	height: 0; /* グラデーションの高さ */
}
.service-description-wrap-01 label:after,  .service-description-wrap-02 label:after {
	content: "商品説明"; /* ラベルの文字 */
	font-size: 1.1rem;
	padding: 15px 0;
	bottom: 0;
	left: 0;
}
.service-description-wrap-01 label:before,  .service-description-wrap-02 label:before {
	font-family: "Font Awesome 5 Free";
	content: "\f067";
	color: #fff;
	font-size: 1.2rem;
	position: absolute;
	bottom: 15px;
	left: 20px;
	z-index: 1;
}
.service-description-wrap-01 .accordion-container,  .service-description-wrap-02 .accordion-container {
	height: 35px; /* 開く前に見えている部分の高さ */
}
.service-description-wrap-01 input:checked + label:after,  .service-description-wrap-02 input:checked + label:after {
	content: "とじる";
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.1rem;
	padding: 15px 0;
}
.service-description-wrap-01 input:checked ~ .accordion-container  .service-description-wrap-02 input:checked ~ .accordion-container {
	height: auto;
	padding-bottom: 40px; /* とじるボタンのbottomからの位置 */
}
	#owakare .box-owakare-01 {
	padding-left: 15px;
	display: block;
}
}
/*--------------------------------------
プランのご案内詳細ページ
--------------------------------------*/
/* 背景のグレー */
#owakare .owakare-bg {
	display: block;
    padding: 60px 0 0 0;
	background-color: #EDEDED;
	position: relative;/*text-align: center;*/
}
/* 背景の白 */
#owakare .bg-white {
	display: block;
	background-color: rgba(255,255,255,1.00);
	position: relative;
	padding: 0px 15px;
}
#owakare .space {
	padding-bottom: 10px;
}
#owakare .sub-title {
	line-height: 200%;
	font-size: 1.5rem;
}
/* 通常文字*/
#owakare .plan-text {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.1875rem;
	text-align: left;
	line-height: 40px;
}
#owakare .large-text {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.428rem;
	letter-spacing: 0.1rem;
	line-height: 2.125rem;
}
#owakare .text-owakare-01 {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
	line-height: 190%;
}
#owakare .text-owakare-02 {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.18rem;
    line-height: 190%;
    padding: 0 15px;
}
/* 内容の説明の黒文字小 */
#owakare .small-text {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.0rem;
	text-align: left;
	line-height: 20px;
}

#owakare .under-border {
	text-align: center;
	font-size: 1.9rem;
	letter-spacing: 0.6rem;
	display: block;
	width: 100%;
	margin-top: 35px;
	padding: 0 15px;
	font-weight: 600;
}

#owakare .under-border::after {
    content: '';
    display: block;
    width: 100%;
    margin: 20px auto 40px auto;
    background-color: #008285;
    white-space: nowrap;
    height: 1px;
}

/*#owakare .under-border {
	font-size: 1.9rem;
	text-align: center;
	font-weight: 600;
}
#owakare .under-border::before {
	content: '';
	display: block;
	max-width: unset;
	margin: 50px 0 -50px 0;
	background-color: #7bb2cb;
	height: 1px;
}*/
/* アコーディオン部分 */
#owakare ul {
	font-family: "ryo-gothic-plusn", sans-serif;
	list-style-type: none;
}
.window {
	margin: 0 0px 0px;
}
.window a {
	display: block;
}
.window .child {
	display: none;
	margin: 0 0 -1px;
	padding: 0;
	background: #fff;
}
.window .child .menu {
	background: #eaeaea;
	color: #5e5e5e;
}
.window .child .menu:hover {
	background: #d0d0d0;
}
.window .child > li {
	margin: 4px 0;
	padding: 0 16px;
	border-bottom: 1px dotted #dddddd;
}
.window .child > li:last-child {
	border-bottom: 0;
}
/* 右端の開閉記号 */
#owakare .switch .menu::after {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -1.1rem;
	content: '+';
	font-size: 1.5rem;
	font-weight: bold;
	transform: rotate(-180deg);
	transition: all, 0.3s;
}
#owakare .switch .menu span {
	display: inline;
}
#owakare .switch .menu.active span {
	display: none;
}
#owakare .switch .menu.active::after {
	top: 50%;
	right: 22px;
	margin-top: -0.6rem;
	content: '—';
	transform: translate(0, 10%);
	transform: rotate(0deg);
	font-size: 0.8rem;
}
/* 階層1*/
#owakare .child01 {
	background-color: #ebf5f8;
	padding: 0px 15px 20px;
	text-align: left;
}
/* 階層2*/
#owakare .child02 {
	padding: 15px;
	text-align: left;
}
#owakare .menu {
	position: relative;
	padding: 15px;
}
#owakare .window05 .child > li {
	border-bottom: 0;
}
#owakare .window05 .menu {
	background: #ebf5f8;
	color: #008285;
}
#owakare .window05 .menu:hover {
	background: #ebf5f8;
	text-decoration: none;
}
#owakare .window06 .menu {
	/*	background: #efefef;*/
	color: rgba(36,127,168,0.6);
	padding: 15px;
}
#owakare .accordion {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.1875rem	;
	color: #008285;
	line-height: 2.125rem;
	margin-bottom: 0;
}
#owakare .s-padding {
	margin: 0 10px 0;
}
#owakare .frame {
	display: block;
	padding: 15px;
	background-color: #ECF5F5;
	/*border: solid 1px #CACACA;*/
	height: 100%;
}
/*--------------------------------------
　　その他のサービス
--------------------------------------*/
#owakare table.other {
	font-family: "ryo-gothic-plusn", sans-serif;
border: #fff 1.5px solid;
	width: 100%;
	background: #fff;
}
#owakare table.other th {
	padding: 16px;
	background-color: #ECF5F5;
	border-bottom: #c9c9c9 1px solid;
	width: 20%;
}
#owakare table.other td {
	border: none;
	border-bottom: #c9c9c9 1px solid;
	padding: 15px;
	width: 80%;
}
#owakare table.other tr:last-child th,
#owakare table.other tr:last-child td {
	border-bottom: none;
}



#owakare .other-text {
	font-family: "ryo-gothic-plusn", sans-serif;
	font-size: 1.1875rem;
	line-height: 40px;
}

#owakare .other-service-wrap {
	display: inline-block;
	width: 100%;
}

#owakare .other-service-wrap .service-wrap03 .flex-right ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 20px;
	margin: 0;
}

#owakare .other-service-wrap .service-wrap03 .flex-right ul li {
	flex: 1 1 200px;
	padding-top: 10px;
	font-family: "ryo-gothic-plusn", sans-serif;
}

/*--------------------------------------
　　細かい調整
--------------------------------------*/

#owakare .text-center {
	text-align: center;
}
#owakare .box-owakare-02 {
	margin: 30px 0px 20px;
	padding: 0 15px;
}
#owakare .color-b {
	color: #85CBBF;
}
#owakare .color-bg-b {
 bgcolor:  color: #85CBBF;
}
#owakare .bold {
 font-weight: 500;
}
#owakare .color-b2 {
	color: #008285;
}
#owakare .p-none {
	padding: 0px;
}
#owakare hr.line01{
	border-top: 5px solid #EDEDED;
	margin: 0px;
	padding: 0px;
}
#owakare .position-center {
	display: block;
	text-align: center;
}

/*--------------------- 表示領域 ---------------------*/
@media screen and (min-width:991px) {

}

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

@media screen and (max-width:768px) {
	#owakare .sub-title {
	line-height: 190%;
	font-size: 1rem;
}
#owakare .child01 {
	padding: 0px 20px 20px;
}
#owakare .window {
	margin: 0 15px 0 15px;
}
#owakare .p-none {
	margin-bottom: 20px;
}	
#owakare-detail {
	font-size: 1rem;
	line-height: 2.1rem;
}
#owakare-detail ul li::before {
	width: 1.0rem;
	height: 1.0rem;
	margin: 0.3rem 0 0 0;
}
#owakare .window05 .menu {
	text-align: left;
}
#owakare .accordion {
	font-size: 1.1rem;
	line-height: 190%;
	font-weight: 600;
}
	#owakare a:link .accordion {
		text-decoration: none;
}
/*#owakare .space {
	padding: 0px 0 20px 0;
}*/
#owakare .tab-wrap01,
	#owakare .tab-wrap02 {
		border: none;
	font-size: 1.0rem;
}
#owakare .box-owakare-02 {
	border-top: #ededed 2px solid;
	padding-top: 20px;
	margin: 0 0px 20px 0;
}	
#owakare .box-owakare-02.js-autoheight-r {
	border-top: none;
}	
#owakare .owakare-bg {
    padding: 12px 0 0 0;
}
	
#owakare table.other {
border: none;
	font-size: 1.0rem;
}
#owakare table.other th {
	padding: 5px 10px;
	border-bottom: none;
	display: block;
	width: 100%;
	text-align: left;
}
#owakare table.other td {
	border: none;
	display: block;
	width: 100%;
}
	#owakare .other-text {
	line-height: 190%;
}
	#owakare .under-border {
	font-size: 1.5rem;
    letter-spacing: normal;
	margin: 30px 0 15px;
}

#owakare .under-border::after {
    width: 25%;
}
	#owakare .box-owakare-03 {
	padding: 0 15px;	
	}
	#owakare .text-owakare-01 {
    font-size: 1.0rem;
}
		#owakare .text-owakare-02 {
    font-size: 1.0rem;
}
	#owakare .bg-white {
    padding: 0;
}
#owakare .large-text {
	font-size: 1.35rem;
}	
#owakare .plan-text {
	font-size: 1.0rem;
	line-height: 190%;
}
#owakare .other-service-wrap .service-wrap03 .flex-right ul li {
	padding: 0 0 5px 0;
}	
}	


/*------------------------
お別れの会・偲ぶ会 - お料理
------------------------*/
#menu .title-wrap01 .border-title{
	text-align: center;
	font-size: 2.2rem;
	display: block;
	width: 100%;
	margin-bottom: 20px;
	line-height: 170%;
	font-weight: 700;
}

#menu .title-wrap01 .border-title::before{
	content: '';
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 10px auto 30px auto;
	background-color: #DE6977;
	white-space: nowrap;
	height: 1px;
}

#menu .under-border {
	text-align: center;
	font-size: 1.9rem;
	letter-spacing: 0.3rem;
	display: block;
	width: 100%;
	margin-top: 35px;
	padding: 0;
	font-weight: 600;
}

#menu .under-border::after {
    content: '';
    display: block;
    width: 100%;
    margin: 20px auto 40px auto;
    background-color: #DE6977;
    white-space: nowrap;
    height: 1px;
}

#menu .syoukadou-wrap {
	font-family: "ryo-gothic-plusn", sans-serif;
    background: #FCF3F4;
    margin: 0 0 50px 25px;
    position: relative;
    overflow: hidden;
}

#menu .syoukadou-wrap table {
    margin: 0 25px;
}

#menu .syoukadou-wrap td:nth-child(2n+1) {
    font-weight: 600;
    width: 25%;
}
#menu .syoukadou-wrap td {
    padding: 17px 0 17px 0;
    line-height: 35px;
	vertical-align: top;
}

#menu .syoukadou-wrap tr {
    border-bottom: solid 1px #CCCCCC;
    font-size: 1.1rem;
}

#menu .syoukadou-wrap label::after {
    content: "続きを読む";
    font-size: 1.1rem;
    padding: 15px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    background-color: #95989A;
    width: 100%;
    text-align: center;
}

#menu .syoukadou-wrap input:checked + label:after{
    content: "とじる";
    font-size: 1.1rem;
    padding: 15px 0;
}

#menu .syoukadou-wrap label:before{
    font-family: "Font Awesome 5 Free";
	content: "\f067";
    color: #fff;
    font-size: 1.2rem;
    position: absolute;
    bottom: 15px;
    right: 20px;
    z-index: 1;
}


#menu .syoukadou-wrap input:checked + label::before{
    font-family: "Font Awesome 5 Free";
    content: "\f068";
    color: #fff;
    font-size: 1.2rem;
    position: absolute;
    bottom: 15px;
    right: 20px;
    z-index: 1;
}

#menu .syoukadou-wrap input{
    display: none;
}

#menu .syoukadou-wrap input:checked ~ .syoukadou-table{
    height: auto;
	max-height: none;
    padding-bottom: 70px; /* とじるボタンのbottomからの位置 */
}

#menu .syoukadou-table{
    height: 403px; /* 開く前に見えている部分の高さ */
}

#menu .menu-number{
    color: #fff;
    background: #DE6977;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 1.2rem;
	margin-left: 20px;
    text-align: center;
	display: inline-block;
}

#menu .tax-text{
    font-size: 1.3rem;
}

#menu .family-set{
   text-align: center;
}


#menu .family-set img{
   width: 97.5%;
}

#menu .menu-detail{
    text-align: left;
    padding-left: 15px;
    margin-top: 14px;
    font-size: 1.3rem;
    line-height: 2.3rem;
}

#menu .syoukadou-menu-detail{
    text-align: left;
    font-size: 1.5rem;
	font-weight: 600;
    display: inline-block;
    margin: 25px 0 10px 11px;
}

#menu .syoukadou-menu-detail .tax-text{
    font-weight: normal;
}

#menu .makunouchi-text{
    color: #DE6977;
    text-align: left;
}

#menu .bnr-wrap{
    text-align: center;
    padding: 50px 0 100px 0;
}

@media screen and (min-width:769px) {
	#menu .menu-icon img{
		display: inline-block !important;
	}
}
@media screen and (max-width:991px) {
	#menu .syoukadou-wrap {
    margin: 0 0 25px 0;
}
}

@media screen and (min-width:769px) and (max-width:991px){
	#course + .owakare-bg .bg-white{
		margin-bottom: 50px;
	}
}

@media screen and (max-width:768px) {
#menu .syoukadou-wrap label::after {
    content: "メニューをみる";
    font-size: 1.1rem;
    padding: 15px 0;
    position: absolute;
    bottom: 0;
    left: 0;
}
	
#menu .syoukadou-wrap input:checked ~ .syoukadou-table{
    height: auto;
	max-height: none;
    padding-bottom: 70px; /* とじるボタンのbottomからの位置 */
}

#menu .syoukadou-table{
    height: 55px; /* 開く前に見えている部分の高さ */
}


#menu .title-wrap01 .border-title{
	font-size: 1.3rem;
}
	#menu .title-wrap01 .border-title::before{
	max-width: 175px;
	margin: 10px auto 25px auto;
}
	#menu .under-border {
	font-size: 1.2rem;
	letter-spacing: normal;
	margin: 30px 0 15px;
}

#menu .under-border::after {
    width: 25%;
	margin: 10px auto 30px auto;
}
	#menu .menu-number{
    padding: 3px 8px;
	margin: 20px 0 0 10px;
}
}


/* 料理形式選択 */
#menu .menu-box {
    display: flex;
    margin-bottom: 50px;
}

#menu .menu-box a {
    font-size: 1.2rem;
    float: left;
    width: 50%;
    border: solid 1px #C4C4C4;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

#menu .menu-box .menu-icon p{
    color: black;
    padding: 0 10px 0 10px;
}


#menu .menu-box a:nth-child(2n) {
    margin: 0 10px;
}

#menu .menu-icon {
    display: table;
}

#menu .menu-icon p,
#menu .menu-icon img,
#menu .menu-icon i{
    display: table-cell;
    vertical-align: middle;
}

#menu .menu-icon img{
    padding: 9px 0 9px 0;
}
#menu .menu-icon i{
    color: #DE6977;
}
@media screen and (max-width:768px) {
	#menu .owakare-bg .container{
		width: auto;
	}
	#menu .menu-box,.bottom-img{
		width: 96%;
    	margin-right: auto;
    	margin-left: auto;
		float: none;
	}
	#menu .menu-box a{
		background: #de69773d;
    	border: none;
    	float: none;
    	width: 49%;
    	margin: 0 0.5% 0 0.5%;
		/*justify-content: left;*/
	}
	#menu .menu-box a:nth-child(2n){
		margin: 0 0.5% 0 0.5%;
	}
	#menu .menu-icon{
		width: 80%;
	}
	#menu .menu-box .menu-icon p{
		font-size: 14px;
    	padding: 16px 10px 16px 0px;
	}
	#menu span.text-sp{
		font-size: 12px;
	}
	#menu .sp-box{
		width: 90%;
    	margin: 0 auto;
    	float: none;
	}
	#course + .owakare-bg{
		padding: 0;
    	border-top: 1px solid #adadad;
    	border-bottom: 1px solid #adadad;
	}
}

@media screen and (max-width:375px) {
	#menu .menu-box .menu-icon p{
    	padding: 11px 10px 11px 0px;
	}
}