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

main {
	margin-bottom: 8rem;
}

.pankuzu_wrap {
	max-width: 1200px;
	margin: 0 auto 3rem;
	padding-top: .5em;
}

.arrow_text {
	position: relative;
	padding-left: 3rem;
	font-size: 1.6rem;
	font-family: sans-serif;
	margin-bottom: 5px;
	display: block;
}

.arrow_text::before {
	position: absolute;
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	top: 50%;
	left: 0.5rem;
	transform: translateY(-50%) rotate(-45deg);
}

/*予約方法テーブル*/

table {
	border-collapse: collapse;
	width: 1025px;
	margin: 0 auto;
	table-layout: fixed;
}

th,
td {
	border: 1px solid #000;
	padding: 4px;
	text-align: center;
	font-size: 14px;
}

th {
	background-color: #ffffff;
}

.left-align {
	text-align: left;
	padding-left: 8px;
}

.rotate {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
}

.no_row {
	width: 10px !important;
}

.nowrap {
	white-space: nowrap;
}

.h2 {
	text-align: center;
	font-size: min(2.8rem, 6.5vw);
	max-width: 1116px;
	margin: 0 auto;
	background-color: #d0e3e5;
	color: #00aa9e;
	border-bottom: 2px solid #00aa9e;
	padding: 2rem 0 1rem;
}

.h2_wrap {
	max-width: 1116px;
	margin: 0 auto;
}

.h3_wrap {
	margin: 3.5rem auto 4rem;
}

.h3 {
	color: #333;
	font-size: min(2rem, 6vw);
	margin-bottom: 1rem;
	position: relative;
	text-indent: 1em;
}

.h3 {
	text-indent: 1em;
}

.h3::before {
	content: "◼︎";
	font-size: 120%;
	width: 20px;
	height: 20px;
	position: absolute;
	color: #00aa9e;
	left: -24px;
	top: 1px;
}

.content_inner {
	max-width: 1025px;
	margin: 0 auto;
}

hr.dot {
	width: 100%;
	border: none;
	border-top: 2px dotted #00aa9e;
	margin: 3rem 0;
}

.mv_area {
	height: 216px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
}

.h1 {
	font-size: min(4rem, 8vw);
	font-weight: bold;
	color: #fff;
	letter-spacing: .5em;
	text-align: center;
	z-index: 1;
}


.mv_filter {
	position: relative;
}

.mv_filter::after {
	content: "";
	background: rgba(0, 128, 152, .42);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.lodging .mv_area {
	background: url(../img/lodging/mv_bg.jpg)center/cover no-repeat;
}

.sport .mv_area {
	background: url(../img/sport/mv_bg.jpg)center/cover no-repeat;
}

.meal .mv_area {
	background: url(../img/meal/mv_bg.jpg)center/cover no-repeat;
}

.conference .mv_area {
	background: url(../img/conference/mv_bg.jpg)center/cover no-repeat;
}

.officer .mv_area {
	background: url(../img/officer/mv_bg.jpg)center/cover no-repeat;
}

.room .mv_area {
	background: url(../img/lodging/room/mv_bg.jpg)center/cover no-repeat;
}



/*===============================*/
/*===============================*/
/*========  よくある質問  ==========*/
/*===============================*/

.qa_q {
	font-size: 1.8rem;
	font-weight: bold;
	margin-left: 25px;
	margin-bottom: 2rem;
	position: relative;
}

.qa_q::before {
	content: "";
	width: 25px;
	height: 25px;
	background: url(../img/contact/icon_q.png)center/cover no-repeat;
	position: absolute;
	left: -30px;
	top: -2px;
}

.qa_a {
	margin-left: 115px;
	margin-bottom: 2rem;
	position: relative;
}

.qa_a::before {
	content: "";
	width: 25px;
	height: 25px;
	background: url(../img/contact/icon_a.png)center/cover no-repeat;
	position: absolute;
	left: -30px;
	top: -2px;
}

.qa_a__link {
	border-bottom: 1px solid;
}

/*===============================*/
/*===============================*/
/*========    お問合せ   ==========*/
/*===============================*/



.contact_inner {
	max-width: 667px;
	margin: 5rem auto 8rem;
}

.contact__tel-area {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1rem;
}

.contact__tel-img {
	width: 25px;
	height: 34px;
	margin-right: 1rem;
}

.contact__tel-link {
	font-size: min(3.8rem, 8vw);
	color: #00aa9e;
}

.contact_dl {
	border-bottom: 1px solid #00aa9e;
	justify-content: flex-start;
	padding: 2rem 1rem 2rem 3rem;
}

.contact dl:first-of-type {
	border-top: 1px solid #00aa9e;
}

.contact_dt {
	width: 51%;
	font-weight: bold;
}

.contact_dd {
	color: #00aa9e;
	font-weight: bold;
	align-self: center;
}

.contact_dt__list {
	position: relative;
}

.contact_dt__list::before {
	content: "●";
	color: #00aa9e;
	width: 10px;
	height: 10px;
	position: absolute;
	top: -1px;
	left: -20px;
}

/*===============================*/
/*===============================*/
/*======    連泊のお客様へ   =======*/
/*===============================*/

.stay .content_inner {
	padding-left: 2rem;
}

.seat-change__tr,
.seat-change__th,
.seat-change__td {
	border: 1px solid #333;
	text-align: center;
}

.seat-change {
	width: 79%;
}

.seat-change__th {
	padding: 5px 15px;
	width: calc(100%* 1 / 7);
}

.seat-change__td {
	padding: 15px 13px;
	font-size: 1.5rem;
	font-weight: bold;
}

.seat-change__td.change {
	background-color: #fffF8e;
	color: #00aa9e;
}

/*===============================*/
/*===============================*/
/*=========    宿泊   ===========*/
/*===============================*/

.ls2 {
	letter-spacing: 2rem;
}

.lodging_banner_area {
	margin-bottom: 8rem;
}

.lodging_banner_area__img {
	margin-bottom: 1rem;
}

.attention {
	max-width: 1116px;
	margin: 1rem auto;
}

.heya {
	justify-content: space-between;
	max-width: 1116px;
	margin: 2rem auto 0;
}

.card {
	width: calc((100% - 126px) / 3);
	position: relative;
	min-height: 445px;
	height: auto;
	padding-bottom: 1rem;
	border-bottom: 1px solid;
	border-left: 1px solid;
	box-sizing: border-box;
	line-height: 1.5;
	letter-spacing: -0.1rem;
}

.card__ttl {
	font-size: min(2.2rem, 6vw);
	color: #00aa9e;
	text-align: center;
	margin-top: 1.5rem;
}

.card__txt {
	padding: 0 1em;
	line-height: 1.5;
	font-size: 1.5rem;
}

.card__link {
	display: inline-block;
	border-bottom: 1px solid #000;
	width: fit-content;
	position: absolute;
	bottom: 2rem;
	font-size: 1.5rem;
	margin: 0 1em;
}

.card__link:hover {
	color: #c8437b;
	border-bottom: 1px solid #c8437b;
}

.h2_caption {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.lodging_enteme {
	max-width: 985px;
	margin: 2rem auto;
}

.lodging_enteme .flex_box {
	align-items: center;
}

.add_fee {
	margin: 1.5rem 0 2rem;
	background-color: #c8437b;
	color: #fff;
	padding: 0 1rem;
	font-size: 1.3rem;
}

.bar {
	display: flex;
	justify-content: space-between;
	margin-bottom: 2.5rem;
	border-top: 1px solid;
}

.bar__img {
	width: 33%;
}

.bar_rigbox {
	width: 65%;
}

.bar_rigbox__ttl {
	font-size: min(2.2rem, 6vw);
	color: #00aa9e;
	margin: 1.5rem 1rem 2rem 0;
}

.bar_rigbox_ophours {
	margin: 1rem 0;
}

.bar_rigbox_ophours__list {
	position: relative;
	padding-left: 2rem;
}

.bar_rigbox_ophours__list::before {
	content: "●";
	color: #00aa9e;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
}

.bar_rigbox__txt--attention {
	font-size: 1.4rem;
	line-height: 1.5;
	text-indent: -1rem;
	padding: 1rem;
}

.bar_rigbox__price {
	font-size: min(2.2rem, 5vw);
}

.bar_rigbox__midashi {
	background-color: #d0e3e5;
	padding: 0 1rem;
	font-size: 1.5rem;
	margin-right: 1rem;
}

.w_985 {
	max-width: 985px;
	margin: 4.5rem auto 0;
}

.panel {
	width: calc((100% - 100px) / 3);
	margin-bottom: 3rem;
	margin-right: 5rem;
}

.panel:nth-of-type(3n) {
	margin-right: 0;
}


.panel__ttl {
	font-size: 2rem;
	color: #00aa9e;
	margin: 1rem 0;
}

.lodging_link_area {
	margin: 3.5rem 0 10rem;
}

.lodging_link_inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 5rem;
}

.lodging_link_jalan__link,
.sport_link_area__link--center {
	margin: 0 auto !important;
	display: block !important;
}

.btn2 {
	background-color: #808080;
	padding: 1rem 4rem;
	display: inline-block;
	width: 30%;
	color: #fff;
	text-align: center;
	margin: .3rem;
	position: relative;
	z-index: 1;
}

.btn2::after {
	position: absolute;
	content: "";
	display: block;
	width: 1rem;
	height: 1rem;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #fff;
	top: 50%;
	right: 1.5rem;
	transform: translateY(-50%) rotate(-45deg);
}

.btn2::before {
	background: #00aa9e;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	transform: scale(0, 1);
	transform-origin: left top;
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
	z-index: -1;
}

.btn2:hover::before {
	transform: scale(1, 1);
}

/*===============================*/
/*===============================*/
/*=========   スポーツ  ===========*/
/*===============================*/

.h1_wrap {
	flex-direction: column;
}

.h1_caption {
	color: #fff;
	font-size: min(2.8rem, 5vw);
	margin-top: 3rem;
	z-index: 1;
	font-weight: bold;
	text-align: center;
}

.h2_caption {
	text-align: center;
}

.card_wrap {
	max-width: 1116px;
	margin: 0 auto;
}

.card_wrap .card {
	margin-right: 63px;
	margin-bottom: 2rem;
	margin-top: 2rem;
}

.card_wrap .card:nth-of-type(3n) {
	margin-right: 0;
}

.card_ttl-wrap {
	align-items: center;
	justify-content: center;
	letter-spacing: -0.1rem;
}

.category {
	font-size: 1.5rem;
	background-color: #00aa9e;
	padding: 0 1rem;
	color: #fff;
	margin: 1.5rem 0 0 1rem;
}

.sport_link_area {
	margin-top: 3rem;
}

.sport_link_area__inner {
	justify-content: center;
}

.sport_link_area__link {
	margin-top: .5rem;
}

.for_free {
	justify-content: center;
	max-width: 985px;
	margin: 1rem auto 10rem;
}

.card2 {
	width: calc((100% - 130px) / 3);
	margin: 0 2.5rem;
}

.card2__link {
	border-bottom: 1px solid;
	margin-top: 1rem;
	font-size: 1.5rem;
	margin: 0 1em;
}

.card2__link:hover {
	border-bottom: 1px solid #c8437b;
	color: #c8437b;
}

.reserv {
	font-size: 1.6rem;
	background-color: #c8437b;
	color: #fff;
	padding: 0.3rem 1rem;
	margin-bottom: .5em;
	margin-left: 1rem;
}

/*===============================*/
/*===============================*/
/*=========   会議室  ===========*/
/*===============================*/


.conference table,
td,
th {
	border: 1px solid #595959;
	border-collapse: collapse;
	padding: 1rem;
	font-weight: bold;
}

.conference table {
	width: 100%;
	text-align: center;
	margin-bottom: 4rem;
}

.conference th {
	font-size: 1.8rem;
}

.conference td {
	font-size: 2rem;
}

.conference .table_even {
	vertical-align: middle;
}

.conference .table_hour {
	font-weight: normal;
	font-size: 1.6rem;
	line-height: 1;
}

.thin {
	font-weight: normal;
}

.conference .table__ttl-area {
	justify-content: right;
}

.table__ttl--gr {
	font-weight: bold;
	color: #00aa9e;
}

.conference .content_inner {
	padding-left: 2rem;
	margin: 8rem auto;
	text-indent: 1.5em;
}

.bb {
	border-bottom: 1px solid;
}

.conference_price .attention {
	margin-left: -.5rem;
}

.kuromaru,
.grmaru {
	position: relative;
}

.kuromaru::before,
.grmaru::before {
	content: "●";
	position: absolute;
	left: -20px;
}

.grmaru::before {
	color: #00aa9e;
}

.equipment_inner,
.table_attention {
	padding-left: 2.5em;
}

.equipment__list,
.table_attention__list {
	text-indent: 0;
}

.list-container {
	display: flex;
	justify-content: space-between;
}

.bold {
	font-weight: bold;
	;
}

.note__txt {
	margin-bottom: .5rem;
}

.note_inner {
	list-style-type: auto;
	padding-left: 1em;
	margin-left: 20px;
}

.link_area__inner {
	justify-content: center;
}

.note__list span {
	margin-left: -20px;
}

/*===============================*/
/*===============================*/
/*=========   お食事  ===========*/
/*===============================*/

.meal .mv_filter::after {
	background: rgba(150, 123, 64, .42);
}

.col_lef {
	width: 50%;
	padding-right: 2rem;
}

.col_lef_bottom {
	justify-content: space-between;
}

.col_lef_bottom__img {
	width: 48%;
	margin-top: 1.5rem;
}

.cap_fle .col_lef_bottom__img {
	width: 100%;
}

.cap_fle>div {
	width: 48%;
}

.juju_inner {
	margin: 2rem auto;
}

.square {
	position: relative;
}

.square::before {
	content: "◼︎";
	font-size: 120%;
	width: 20px;
	height: 20px;
	position: absolute;
	color: #00aa9e;
	left: -18px;
	top: 0;
}

.col_rig {
	padding-left: 2rem;
}

.col_rig_openhour {
	padding: 2rem 0 2rem 1em;
}

.col_rig_openhour__menu {
	margin: 2rem 0 .5rem;
}

.col_rig_openhour__txt {
	margin-bottom: 1rem;
	font-size: 1.5rem;
}

.col_rig_openhour__menu.kuromaru::before {
	color: #808080;
}

.only {
	font-size: 1.6rem;
	background-color: #c8437b;
	color: #fff;
	padding: 0.3rem 1rem;
	margin-bottom: .5em;
	margin-left: 1rem;
}

.col_rig_openhour__link.btn2 {
	width: 85%;
}

.meal .card2 .card__ttl {
	text-align: left;
	margin-bottom: 1rem;
}

.meal .card2 dl {
	padding-left: 1em;
}

.meal .card2 .card__txt {
	padding: 0;
}

.meal .card2__link {
	display: inline-block;
	margin: 1em 0;
}

.seasonal_inner {
	justify-content: space-between;
}

.party_inner .card2,
#seasonal .card2 {
	width: calc((100% - 160px) / 3);
	margin: 2rem 0 0;
}

.card__ttl--small {
	color: #00aa9e;
	margin-bottom: -1.5rem;
	margin-top: 1.5rem;
}

.party_inner {
	justify-content: space-around;
}

.party_plan {
	justify-content: center;
	max-width: 985px;
	margin: 3rem auto 0;
}

.dli-arrow-down {
	display: inline-block;
	vertical-align: middle;
	color: #00aa9e;
	line-height: 1;
	position: relative;
	width: 0.1em;
	height: 1em;
	background: currentColor;
	margin-left: 4em;
}

.dli-arrow-down::before {
	content: '';
	width: 0.65em;
	height: 0.65em;
	border: 0.1em solid currentColor;
	border-top: 0;
	border-right: 0;
	transform: rotate(-45deg);
	transform-origin: bottom left;
	position: absolute;
	left: 50%;
	bottom: -0.05em;
	box-sizing: border-box;
}

.party_plan__price {
	margin-top: 1rem;
}

.party_plan__price--new {
	color: #00aa9e;
	font-size: 1.6rem;
	display: block;
}

.meal_note__inner {
	padding-left: 1em;
	margin-top: 2.5rem;
}

.meal_note__list {
	text-indent: 1em;
}

.kome {
	position: relative;
	font-size: 1.5rem;
}

.kome::before {
	content: "※";
	position: absolute;
	left: -20px;
	top: 0;
}

/*===============================*/
/*===============================*/
/*=========   お部屋  ===========*/
/*===============================*/

.gray_wrap {
	background: #c7caca;
	padding-bottom: 2.5rem;
}

.anchor_link_area {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-evenly;
}

.anchor_link {
	background-color: #00aa9e;
	color: #fff;
	min-width: 320px;
	padding: .5em;
	text-align: center;
	font-size: min(2.7rem, 8vw);
}

.room__block {
	margin-top: -2rem;
	padding-top: 10rem;
}

.room_inner {
	display: flex;
	justify-content: space-between;
}

.room .col_lef {
	width: 55%;
}

.room .col_rig {
	width: 45%;
}

.room .col_rig__txt .kome {
	padding-left: 1em;
}

.room .col_rig__txt .kome::before {
	left: 0;
}

.txt_link_wrap {
	display: block;
	align-items: center;
}

.col_lef img {
	padding-bottom: 1rem;
}

.col_lef_bottom_rig {
	margin: 0 auto;
}

#wa .col_lef_bottom_rig {
	margin-right: 1rem;
	width: 45%;
}

.room .col_rig dl {
	display: flex;
	flex-wrap: wrap;

}

.room .col_rig__ttl {
	padding: 1rem 0;
	width: 18%;
	box-sizing: border-box;
	position: relative;
}

.room .col_rig__txt {
	padding: 1rem;
	width: 82%;
	box-sizing: border-box;
	line-height: 1.5em;
}

.txt_link {
	color: #c8437b;
	border-bottom: 1px solid #c8437b;
}

.txt_link:hover {
	color: #808080;
	border-bottom: 1px solid #808080;
}

.h4 {
	font-size: min(2.2rem, 5vw);
	font-weight: bold;
	text-indent: 1em;
	padding-left: 1em;
	margin-bottom: 1rem;
}

.room .square::before {
	left: -28px;
}

.room .h4 {
	padding-left: inherit;
}

.room_price__price {
	font-size: min(2rem, 5vw);
	font-weight: bold;
}

.room_price__note {
	padding-left: 20px;
}

.room_price__note--big {
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 1rem;
}

.room_price__note--big.kuromaru::before {
	left: -21px;
}

.room_price--new {
	color: #00aa9e;
}

.room_price__ttl {
	width: 14%;
}

.room .square::before,
.room .round::before {
	color: #00aa9e;
}

.room_link_inner__link.btn2 {
	background-color: #a28b6f;
	width: 40%;
}

.room .col_lef_bottom_lef {
	width: 49%;
}

.room .col_lef_top_bottom {
	display: flex;
	justify-content: space-between;
}

.room .col_lef_top_bottom__img {
	width: 49%;
}

.room .room_price__txt {
	width: 86%;
}

.room_price__price2 {
	display: flex;
	letter-spacing: -0.01rem;
}

.room_price__caption {
	text-indent: 20px;
}

.room_price__caption.kuromaru::before {
	left: -20px;
}

.room_price {
	margin-bottom: 5.5rem;
}

.room_table--blue {
	color: #00aa9e;
}

.room_noline {
	text-align: right;
	border: none;
	padding: 0rem;
	font-weight: normal;
}

.room table {
	width: 100%;
}

/*===============================*/
/*===============================*/
/*======    プライバシー   =======*/
/*===============================*/

.privacy_base_lead {
	text-indent: 1em;
}

.privacy_base_inner {
	padding: 0 1em 0 3em;
}

.privacy ol li {
	list-style-type: auto;
}

.privacy_purpose_inner {
	padding: 0 1em 0 2em;
}

.privacy__txt {
	padding: 0 1em;
}

.privacy_reception {
	display: flex;
	padding-left: 1em;
	margin-top: 1rem;
}

/*===============================*/
/*===============================*/
/*======    運営組織   =======*/
/*===============================*/

.organization dl {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.organization__ttl {
	font-size: 2rem;
	font-weight: bold;
	margin: 4.5rem 2rem;
}

.organization__txt {
	margin: 4.5rem 2rem;
}

.organization__txt a {
	border-bottom: 1px solid;
}


.organization__ttl.square::before {
	left: -25px;
	top: 1px;
}

.organization__name {
	font-size: 2rem;
	font-weight: bold;
}

/*===============================*/
/*===============================*/
/*======    キャンセル   =======*/
/*===============================*/

.cancel_area {
	padding-top: 7rem;
}

.cancel .anchor_link {
	font-size: 1.8rem;
}

.cancel__tel-area img {
	width: 22px;
	height: 22px;
	margin-right: 1rem;
}

.cancel__tel-area {
	display: flex;
	font-size: min(2.6rem, 7vw);
	margin-left: 3rem;
	font-weight: bold;
}

.cancel__tel-area a {
	color: #00aa9e;
}

.cancel__txt {
	margin-top: 2rem;
}

.cancel_tel-flex {
	justify-content: center;
	margin: 1rem 0;
	padding: 1rem 0;
	border-top: 2px solid #00aa9e;
	border-bottom: 2px solid #00aa9e;
}

.cancel_attention {
	font-size: 1.5rem;
}

.cancel table {
	margin: 1rem auto;
	text-align: center;
	vertical-align: middle;
	min-width: 75%;
}

.cancel th,
.cancel td {
	vertical-align: middle;
}

.cancel th {
	background-color: #eaf6ee;
}

.cancel .komidashi {
	background-color: #f5f8e7;
}

.cancel #meal {
	margin-top: -4rem;
}

/*===============================*/
/*===============================*/
/*======    予約方法   =======*/
/*===============================*/

#date,
#pay,
#reserve {
	margin-top: -5em;
	padding-top: 5em;
}

.reservation .anchor_link {
	font-size: 1.8rem;
}

.reserve_h2 {
	margin-bottom: 50px;
}

.reserve_link_area {
	justify-content: space-between;
	margin: 3rem auto 7rem;
	max-width: 1116px;
}

.reserve_link_area .btn2 {
	width: 40%;
}

.reserv_link_area2 {
	max-width: 1116px;
	margin: 3rem auto;
	display: flex;
	justify-content: center;
}

.reserv_link2 {
	background-color: #00aa9e;
	color: #fff;
	min-width: 320px;
	padding: .5em;
	text-align: center;
	margin-bottom: 1rem;
	margin-right: 1rem;
}

.h3-2-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px solid #00aa9e;
	margin-bottom: 1rem;

}


.h3-2 {
	font-size: min(2.3rem, 5.5vw);
	color: #00aa9e;
	border-bottom: 2px solid #00aa9e;
	padding-left: 5.5rem;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	position: relative;
}


.h3-2-3 {
	border-bottom: none;
	margin-bottom: 0;
}


.reserve-button {
	height: 27px;
	margin-top: 12px;
	margin-bottom: 0.5rem;
	background-color: #00aa9e;
	color: #fff;
	padding: 1rem 1rem;
	text-decoration: none;
	border-radius: 4px;
	font-size: 1.5rem;
	white-space: nowrap;
}


.h3-2.tel::before {
	background: url(../img/common/icon_tel.png)center/cover no-repeat;
	content: "";
	width: 33px;
	height: 44px;
	position: absolute;
	left: 10px;
	bottom: 5px;
}

.h3-2.web::before {
	background: url(../img/common/pc_icon.png)center/cover no-repeat;
	content: "";
	width: 42px;
	height: 44px;
	position: absolute;
	left: 5px;
	bottom: 5px;
}

.reserve_flex {
	justify-content: space-between;
}

.reservation .reserv {
	margin-left: inherit;
	padding: .3rem 2rem 0;
	display: inline-block;
}

.reserve_web-inner {
	margin-top: 3rem;
	margin-bottom: 3rem;
	padding-left: 4em;
}

.reserve_web-inner .square::before {
	scale: 2;
	left: -25px;
}

.reserve__banner-link {
	display: block;
	margin-top: 2rem;
	width: 609px;
}

.reserve__banner-link--jalan {
	width: 422px;
	display: block;
	margin-top: 2rem;
}

.reserve__link {
	font-size: min(2.3rem, 5.5vw);
	margin-bottom: 1rem;
	display: inline;
}

.reservation ol {
	position: relative;
	margin-left: 3em;
	padding: 0 10px 0 6px;
	list-style: none;
	font-weight: bold;
	counter-reset: li;

}

.reservation ol li {
	position: relative;
	margin: 12px 20px 0 24px;
	padding: 0;
	line-height: 1.5;
}


.reservation ol>li:before {
	position: absolute;
	font-weight: bold;
	counter-increment: li;
	content: counter(li) "";
	left: -40px;
	top: 4px;
	color: #fff;
	width: 31px;
	height: 31px;
	font-size: 18px;
	text-align: center;
	box-sizing: border-box;
	font-weight: bold;
	line-height: 1;
	background: #00aa9e;
	padding: 6px 0;
}

.reserve_list-area {
	position: relative;
}

.reserve_list-area::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	color: #00aa9e;
	line-height: 1;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 20px solid #00aa9e;
	border-bottom: 0;
	position: absolute;
	left: 42px;
	top: 114px;
}

.reserve_list-area::after {
	content: "";
	display: inline-block;
	border: 2px dashed #00aa9e;
	height: 60px;
	position: absolute;
	left: 50px;
	top: 49px;
}

.reserve_list-area_2::after {
	content: "";
	display: inline-block;
	border: 2px dashed #00aa9e;
	height: 60px;
	position: absolute;
	left: 50px;
	top: 49px;
}

.reserve_list-area_2 {
	position: relative;
	display: flex;
}

.reserve_list-area_2::before {
	display: none;
	content: "";
	vertical-align: middle;
	color: #00aa9e;
	line-height: 1;
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-top: 20px solid #00aa9e;
	border-bottom: 0;
	position: absolute;
	left: 42px;
	top: 114px;
}

.reserve_list-area_2::after {
	display: none;
	content: "";
	border: 2px dashed #00aa9e;
	height: 60px;
	position: absolute;
	left: 50px;
	top: 49px;
}



.reserve__tel {
	font-size: min(2.7rem, 7vw);
	display: block;
	margin-top: 1rem;
}

.reserve_submit {
	margin-top: 3rem;
	margin-left: 1em;
}

.reserve_submit__link {
	display: inline-block;
	border-bottom: 1px solid;
}

.reserve_submit-to {
	margin-top: 3rem;
}

.reserve_submit-to dl {
	margin-bottom: 1rem;
}

.reserve_submit-to dt {
	width: 10%;
}

.reserve_submit-to__mail {
	border-bottom: 1px solid;
}

.reserve_date__table {
	width: 1025px;
}

.reserve_date__table th,
.reserve_date__table td {
	vertical-align: middle;
	text-align: center;
	padding: 1rem;
}

.reserve_date__table th {
	background-color: #eaf6ee;
}

.reserve_date__table .row_header {
	text-align: left;
}

.reserve_pay__txt {
	padding-left: 1em;
	margin-bottom: 2rem;
}

.reserve_pay__h3 {
	margin-top: 1rem;
}

.reservation .col-row_th {
	background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #999 50%, #999 calc(50% + 0.5px), transparent calc(50% + 1px));
	position: relative;
}

.col_th {
	position: absolute;
	left: 10px;
	bottom: 10px;
}

.row_th {
	position: absolute;
	right: 10px;
	top: 10px;
}

.txt_indent {
	text-indent: -1em;
	padding-left: 1em;
}

.reserve_submit-to__link {
	margin-top: 3rem;
	display: inline-block;
	border-bottom: 1px solid;
}


/*===============================*/
/*===============================*/
/*======    アクセス   =======*/
/*===============================*/

.access__img {
	width: 80%;
	margin: 0 auto;
}

.access_way__img {
	width: 90%;
}

.access_way {
	margin-left: 9rem;
}

.access_car__list {
	text-indent: 2em;
}

.access_car_inner ul {
	margin-bottom: 3rem;
}

.access .h3-2 {
	border-bottom: inherit;
	margin-bottom: 1rem;
}

.access_car__list.kuromaru::before {
	color: #00aa9e;
}

.access_park__txt {
	padding-left: 1em;
}

.access .h3-2.access_car::before {
	background: url(../img/access/icon_car.png) center / cover no-repeat;
	content: "";
	width: 40px;
	height: 25px;
	position: absolute;
	left: 5px;
	bottom: 10px;
}

.access .h3-2.access_train::before {
	background: url(../img/access/icon_train.png) center / cover no-repeat;
	content: "";
	width: 27px;
	height: 28px;
	position: absolute;
	left: 12px;
	bottom: 10px;
}

/*===============================*/
/*===============================*/
/*======    お知らせ   =======*/
/*===============================*/

.info .h2 {
	margin-bottom: 5rem;
}

.info .info_item {
	padding-top: 1em;
	padding-bottom: 1em;
	margin: 10px 0 10px 10px;
}

.info .info_item:hover {
	transition-duration: .3s;
	box-shadow: 3px 3px 0 #00aa9e;
	transform: translateY(-3px);
}

.info .info_item:not(:last-of-type) {
	border-bottom: 1px solid #a1e0db;
}

.info .info_item a {
	display: flex;
	align-items: center;
}

.info .info_item .new_icon_wrap {
	width: 84px;
}

.info .info_item .date {
	width: 112px;
	margin-left: 20px;
}

.info .pagination {
	text-align: center;
}

.info .p_navi ul {
	display: flex;
	justify-content: center;
}

.info .p_navi a,
.info .p_navi span {
	display: inline-block;
	margin: 8px 4px;
	text-decoration: none;
	width: 4rem;
	height: 5rem;
	padding: 18px 0;
	box-sizing: border-box;
	color: #899a96;
	border: 1px solid #899a96;
	line-height: 1;
}

/*===============================*/
/*===============================*/
/*======    お知らせ 詳細  =======*/
/*===============================*/

.detail .content_inner {
	padding: 3rem 6rem;
	box-shadow: 0 0 6px #aaa;
}

.detail .title {
	border-bottom: 2px solid #00aa9e;
	margin-bottom: 2rem;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.5;
}

.detail .info-detail__linkarea {
	margin: 2em 0;
}

.detail .gallery-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	margin: 1em 0 3em;
}

.detail .gallery-img {
	width: calc(100% / 3 - 20px);
	margin-right: 10px;
}

.detail .gallery-img:nth-of-type(3n) {
	margin-right: 0;
}

.detail .btn2 {
	margin: 0 auto 5rem;
	display: block;
}

/*===============================*/
/*===============================*/
/*====== トヨタ労連とそのご家族  =======*/
/*===============================*/

.officer .schedule_area {
	border: 35px solid #f7edc7;
	padding: 5rem 3.5rem 0;
	position: relative;
	margin-top: 10rem;
}

.officer .schedule_area::before {
	content: "";
	width: 305px;
	height: 90px;
	background: url(../img/officer/schedule_ttl.png) center/contain no-repeat;
	position: absolute;
	top: -100px;
	left: 0;
}

.officer .schedule_area::after {
	content: "";
	width: 78px;
	height: 60px;
	background: url(../img/officer/tree01.png) center/contain no-repeat;
	position: absolute;
	top: -70px;
	right: 2rem;
}

.officer .schedule_month-box {
	padding: 4rem 4rem 0;
}

.officer .schedule_month-box:first-of-type {
	padding: 0 4rem;
}

.officer .schedule_month_lef {
	position: relative;
}

.officer .schedule_month_rig__img {
	width: 49%;
	margin-bottom: 1rem;
}

.officer .flex_1-2 .left-col {
	width: calc(100% / 3 - 2rem);
	padding-right: 2rem;
}

.officer .schedule_month_lef__ttl {
	display: block;
	text-align: left;
	margin-bottom: 1rem;
	position: relative;
	left: -1em;
}

.officer .schedule_month_lef__ttl span {
	position: relative;
	right: .5em;
	font-size: min(2.4rem, 5.5vw);
	color: #00aa9e;
}

.officer .schedule_month_lef__ttl span::before {
	content: "";
	width: 77px;
	height: 77px;
	background: url(../img/officer/maru.png) center/contain no-repeat;
	position: absolute;
	z-index: -1;
	top: -25px;
	right: -10px;
}

.officer .schedule_month_lef__ttl span.m_12 {
	top: -2em;
}

.officer .schedule_month_lef__ttl b.m_b {
	display: inline-block;
}


.officer .schedule_month_lef__img {
	width: 70%;
	position: absolute;
	bottom: 0;
}

.officer .schedule_kugiri {
	border-bottom: 2px dotted #f1c528;
}

.officer .member_area {
	width: 100vw;
	background-color: #e2ebe6;
	padding-bottom: 8rem;
}

main.officer {
	margin-bottom: 0;
}

.officer .member_txt {
	width: 270px;
	margin-top: 4rem;
}

.officer .member_img {
	width: 35%;
	margin-left: 3rem;
}

.officer .member_wrap {
	max-width: 1055px;
	margin: 0 auto;
	position: relative;
}

.officer .member_wrap::before {
	content: "";
	width: 262px;
	height: 74px;
	background: url(../img/officer/member_ttl.png)center/contain no-repeat;
	position: absolute;
	top: -3rem;
	left: 0;
}

.officer .member_flex {
	display: flex;
	justify-content: center;
	padding-top: 2rem;
}

.officer .member_msg_area {
	position: relative;
}

.officer .member_msg_area::before {
	content: "";
	width: 150px;
	height: 153px;
	background: url(../img/officer/tree02.png)center/cover no-repeat;
	position: absolute;
	top: -11rem;
	left: -17rem;
}

.officer .member_msg__img {
	width: 78px;
	height: auto;
	background: url(../img/officer/tree03.png)center/contain no-repeat;
	margin-left: 7rem;
}

.officer .member_recruit {
	margin-top: 5rem;
	padding: 1rem 2rem;
	border-top: 2px solid;
	border-bottom: 2px solid;
}

.officer .h1 {
	line-height: 1.2;
	letter-spacing: inherit;
}

.officer .member_recruit__ttl {
	font-weight: bold;
	font-size: 2rem;
	margin-bottom: 1rem;
}

.officer .member_recruit__ttl {
	padding-left: 2rem;
}

.officer .schedule_attention {
	text-align: right;
	position: relative;
	bottom: -3rem;
}

.officer .no_event {
	border-top: 2px dotted #00aa9e;
	border-bottom: 2px dotted #00aa9e;
	margin-top: 6rem;
	padding: 4.5rem 0;
}

.officer .now_event {
	display: flex;
	margin-top: 6rem;
	padding-bottom: 3rem;
	border-bottom: 2px dotted #00aa9e;
}

.officer .now_event__ttl {
	width: 20%;
	padding-right: 2rem;
}

.officer .now_event_content-lef {
	width: 60%;
}

.officer .now_event_content-rig {
	width: 45%;
}

.officer .now_event_content-lef__ttl {
	color: #00aa9e;
	font-size: 2.3rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.officer .now_event_content-lef__period {
	color: #333;
	font-weight: bold;
	font-size: 1.8rem;
	text-indent: 1em;
}

.officer .now_event_content-lef__txt {
	padding-left: 3rem;
	margin-top: 2rem;
}

.officer dl {
	display: flex;
	margin-bottom: 3rem;
	font-size: 1.7rem;
	margin-top: 2rem;
}

.officer dt {
	width: 18%;
	font-weight: bold;
}

.officer dd {
	width: 82%;
}

.officer .fee__dd {
	width: 12%;
	text-align: right;
}

.officer dl.fee_dl {
	display: flex;
	margin-bottom: .5rem;
	margin-top: .5rem;
}

.officer dt.fee_dt {
	width: 35%;
}

.officer dd.fee_dd {
	width: 65%;
}

.officerList__inner {
	padding-left: 1em;
}

.officer__list {
	text-indent: 0;
}

.officer .small {
	font-size: 1.5rem;
}

.officer .btn2 {
	margin: 1rem 0;
}

.sp786 {
	display: none;
}

.officer {
	position: relative;
}

.officer::before {
	content: "";
	display: block;
	max-width: 441px;
	max-height: 365px;
	width: 25vw;
	height: 21vw;
	position: absolute;
	top: 130vh;
	right: 0;
	z-index: -1;
	background-image: url(../img/officer/bg_deco.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
}

/*======つどいの丘イベント春の家族記念日　202500412 申込方法の文言リスト=========================*/

.moushikomi_250412 {
	text-indent: -1em;
	padding-left: 1em;
	list-style: none;
}






@media screen and (min-width: 768px) {

	.stay .content_inner p,
	.stay table {
		padding-left: 1em;
		display: block;
	}
}

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

	.sp786 {
		display: block;
	}

	.officer::before {
		display: none;
	}

	.pankuzu_wrap {
		margin-bottom: 20px;
		width: 94%;
	}

	.content_inner {
		max-width: 100%;
	}

	hr.dot {
		margin: 2rem 0;
	}

	main {
		margin-bottom: 3rem;
	}

	.h2 {
		max-width: 100%;
	}

	.officer dd.fee_dd {
		width: 12%;
		text-align: right;
	}



	/*===============================*/
	/*===============================*/
	/*========  よくある質問  ==========*/
	/*===============================*/

	.qa {
		margin: 0 1rem;
	}

	.qa_q {
		font-size: 1.6rem;
		margin-bottom: 1rem;
	}

	.qa_a {
		font-size: 1.5rem;
		margin-left: 25px;
	}

	/*===============================*/
	/*===============================*/
	/*========    お問合せ   ==========*/
	/*===============================*/

	.contact_inner {
		max-width: 100%;
		margin: 3rem auto 2rem;
	}

	.contact_dl {
		border-bottom: 1px solid #00aa9e;
		justify-content: flex-start;
		padding: 2rem 1rem 2rem 3rem;
	}

	.contact_dt {
		width: 100%;
	}

	.contact_dd {
		margin-top: 1rem;
	}

	.contact_dt__list::before {
		top: 0px;
	}

	/*===============================*/
	/*===============================*/
	/*======    連泊のお客様へ   =======*/
	/*===============================*/

	.seat-change__tr,
	.seat-change__th,
	.seat-change__td {
		border: 1px solid #333;
		text-align: center;
	}

	.seat-change {
		width: 100%;
		border-collapse: inherit;
		margin-top: 60px;
		margin-bottom: -60px;
	}

	.seat-change__th {
		display: none;
	}

	.seat-change__td {
		position: relative;
		margin-bottom: 56px;
	}

	.seat-change__td,
	.seat-change__td {
		width: 100%;
		display: block;
		width: calc(100% - 4rem);
	}

	.seat-change__td:first-child::before,
	.seat-change__td:nth-child(2)::before,
	.seat-change__td:nth-child(3)::before,
	.seat-change__td:nth-child(4)::before,
	.seat-change__td:nth-child(5)::before,
	.seat-change__td:nth-child(6)::before,
	.seat-change__td:nth-child(7)::before {
		box-sizing: border-box;
		color: #fff;
		background-color: #00aa9e;
		height: 56px;
		padding: 15px 13px;
		position: absolute;
		width: 100.5%;
		display: block;
		top: -56px;
		left: -0.2%;
		display: block;
		border: 1px solid #00aa9e;
	}

	.seat-change__td:first-child::before {
		content: "1日目";
	}

	.seat-change__td:nth-child(2)::before {
		content: "2日目";
	}

	.seat-change__td:nth-child(3)::before {
		content: "3日目";
	}

	.seat-change__td:nth-child(4)::before {
		content: "4日目";
	}

	.seat-change__td:nth-child(5)::before {
		content: "5日目";
	}

	.seat-change__td:nth-child(6)::before {
		content: "6日目";
	}

	.seat-change__td:nth-child(7)::before {
		content: "7日目";
	}

	/*===============================*/
	/*===============================*/
	/*=========    宿泊   ===========*/
	/*===============================*/

	.lodging_banner_area {
		margin-bottom: 4rem;
	}

	.attention {
		max-width: 100%;
		margin: inherit;
		font-size: 1.5rem;
	}

	.heya {
		max-width: 100%;
	}

	.card {
		width: 100%;
		min-height: 480px;
	}

	.card__link {
		border-bottom: 1px solid #c8437b;
		color: #c8437b;
	}

	.card__ttl {
		text-align: left;
		margin-left: 1.5rem;
	}

	.lodging_enteme {
		max-width: 100%;
		margin: 1rem auto;
	}

	.bar {
		flex-wrap: wrap;
	}

	.bar__img {
		width: 100%;
	}

	.bar_rigbox {
		width: 100%;
	}

	.bar_rigbox__txt--attention {
		padding: inherit;
		padding-left: 1rem;
	}

	.w_985 {
		max-width: 100%;
		margin: 2rem auto 0;
	}

	.panel {
		width: 100%;
		margin-bottom: 2rem;
		margin-right: inherit;
	}

	.panel__ttl {
		font-size: 2rem;
		color: #00aa9e;
		margin: 1rem 0;
	}

	.lodging_link_area {
		margin: 1rem 0 5rem;
	}

	.lodging_link_inner {
		margin-bottom: 2rem;
	}

	.lodging_link_jalan__link {
		margin: 0 auto !important;
		display: block !important;
	}

	.btn2 {
		padding: 1rem 0;
		width: 100%;
	}

	.btn2::after {
		position: absolute;
		content: "";
		display: block;
		width: 1rem;
		height: 1rem;
		border-right: 1px solid #FFF;
		border-bottom: 1px solid #fff;
		top: 50%;
		right: 1.5rem;
		transform: translateY(-50%) rotate(-45deg);
	}

	.btn2::before {
		background: #00aa9e;
		position: absolute;
		top: 0;
		left: 0;
		content: '';
		width: 100%;
		height: 100%;
		transform: scale(0, 1);
		transform-origin: left top;
		transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
		z-index: -1;
	}

	.btn2:hover::before {
		transform: scale(1, 1);
	}

	/*===============================*/
	/*===============================*/
	/*=========   スポーツ  ===========*/
	/*===============================*/

	.h1_caption {
		margin-top: 2rem;
	}

	.h2_caption {
		text-align: left;
	}

	.card_wrap {
		max-width: 100%;
	}

	.card_wrap .card {
		margin-right: inherit;
		margin-top: inherit;
	}

	.sport_link_area {
		margin-top: 1rem;
	}

	.sport_link_area__link {
		margin-top: .5rem;
	}

	.for_free {
		max-width: 100%;
		margin: 1rem auto 4rem;
	}

	.card2 {
		width: 100%;
		margin: 1rem 0;
	}

	.card2__link {
		border-bottom: 1px solid;
		margin-top: 1rem;
		font-size: 1.5rem;
		margin: 0 1em;
	}

	/*===============================*/
	/*===============================*/
	/*=========   会議室  ===========*/
	/*===============================*/


	.conference table,
	.conference td,
	.conference th,
	.conferencetr,
	.conference tbody,
	.conference tr {
		display: block;
		width: 100%;
		overflow: hidden;
		box-sizing: border-box;
	}

	.conference table {
		padding: 0;
	}

	.conference table,
	.conference td,
	.conference th {
		border: none;
	}

	.conference table {
		width: 100%;
		text-align: center;
	}

	.conference th {
		background-color: #00aa9e;
		color: #fff;
	}

	.conference .sp_none {
		display: none;
	}

	.conference td {
		font-size: 1.8rem;
	}

	.conference td:before {
		content: attr(data-label);
		font-size: 1.3rem;
		font-weight: bold;
		color: #999;
		display: block;
	}


	.conference .table_hour,
	.conference .table_head {
		display: none;
	}

	.thin {
		font-weight: normal;
	}

	.table__ttl-area {
		justify-content: flex-start;
	}

	.table__ttl--gr {
		font-weight: bold;
		color: #00aa9e;
	}

	.conference .content_inner {
		padding-left: 0;
		margin: 3rem auto;
		text-indent: 1.5em;
	}

	.equipment_inner,
	.table_attention {
		padding-left: 1.5em;
	}

	.note__txt {
		text-indent: 0;
	}

	.note_inner {
		padding-left: 0;
	}

	/*===============================*/
	/*===============================*/
	/*=========   お食事  ===========*/
	/*===============================*/

	.meal .card {
		min-height: 450px;
	}

	.col_lef {
		width: 100%;
		padding-right: 0;
	}

	.col_rig {
		padding-left: 0;
		margin-top: 2rem;
	}

	.col_rig_openhour__link.btn2 {
		width: 98%;
	}

	.meal .card2 .card__ttl {
		margin-left: 0;
	}

	.meal .card2 .card__txt {
		padding: 0;
	}

	.party_inner .card2,
	#seasonal .card2 {
		width: 100%;
	}

	.party_plan {
		max-width: 100%;
		margin: 1rem auto 0;
	}

	.party_plan__price--new {
		color: #00aa9e;
		font-size: 1.7rem;
		display: block;
	}

	.meal_note__inner {
		margin-top: 1.5rem;
	}

	.meal_note__list {
		text-indent: inherit
	}

	/*===============================*/
	/*===============================*/
	/*=========   お部屋  ===========*/
	/*===============================*/

	.gray_wrap {
		background: inherit;
	}

	.anchor_link_area {
		display: none;
	}

	.room__block {
		margin-top: inherit;
	}

	.room_inner {
		flex-direction: column;
		margin-bottom: 3rem;
	}

	.room .col_lef {
		width: 100%;
	}

	.room .col_rig {
		width: 100%;
	}

	.room .col_rig__ttl {
		font-weight: bold;
		width: 100%;
		background-color: #00aa9e;
		color: #fff;
		padding-left: 1rem;
	}

	.room .col_rig__txt {
		width: 100%;
	}

	.h4 {
		text-indent: inherit;
		padding-left: 20px;
	}

	.room .h4 {
		padding-left: 20px;
	}

	.h4.square::before {
		left: -5px;
	}

	.room_price__note {
		padding-left: 20px;
	}

	.room_price__ttl {
		width: 100%;
	}

	.room .square::before,
	.room .round::before {
		padding-left: 0;
	}

	.room_link_inner__link.btn2 {
		background-color: #a28b6f;
		width: 100%;
	}

	.room .col_lef_bottom_lef {
		width: 49%;
	}

	.room .col_lef_bottom_rig {
		width: 45%;
	}

	.room .col_lef_top_bottom {
		display: flex;
		justify-content: space-between;
	}

	.room .col_lef_top_bottom__img {
		width: 49%;
	}

	.room .room_price__txt {
		width: 100%;
	}

	.room_price__price2 {
		flex-direction: column;
		margin-top: 1rem;
	}

	.room_price__caption {
		text-indent: 20px;
	}

	.room_price__caption.kuromaru::before {
		left: -20px;
	}

	.room_price {
		margin-bottom: 2rem;
	}

	.room table {
		font-size: 1.5rem;
	}

	.room td {
		padding: 1rem 0.5rem;
	}

	.room .room_noline {
		padding-bottom: 0;
	}

	.room_table__ttl {
		width: 45%;
	}


	/*===============================*/
	/*===============================*/
	/*======    プライバシー   =======*/
	/*===============================*/

	.privacy_base_lead {
		text-indent: inherit;
		padding-left: 1em;
	}

	.privacy_base_inner {
		padding: 0 0 0 2em;
	}

	.privacy_purpose_inner {
		padding: 0 0 0 2em;
	}

	.privacy__txt {
		padding: 0 0 0 1em;
	}

	.privacy_reception {
		flex-direction: column;
		padding-left: 1em;
		margin-top: 1rem;
	}

	/*===============================*/
	/*===============================*/
	/*======    運営組織   =======*/
	/*===============================*/

	.organization__ttl {
		margin: 3rem auto;
	}

	.organization__txt {
		margin: 0 auto 3rem;
	}

	/*===============================*/
	/*===============================*/
	/*======    キャンセル   =======*/
	/*===============================*/

	.cancel_area {
		padding-top: 3rem;
	}

	.cancel_area:first-of-type {
		padding-top: inherit;
	}


	.cancel__tel-area {
		margin-left: inherit;
		align-items: center;
	}

	.cancel tbody {
		display: table-row-group;
	}

	.cancel td,
	.cancel th {
		display: table-cell;
		padding: 0.5rem;
	}

	.cancel tr {
		display: table-row;
	}

	.cancel table {
		font-size: 1.3rem;
		min-width: 100%;
	}

	/*===============================*/
	/*===============================*/
	/*======    予約方法   =======*/
	/*===============================*/


	.reserve_link_area {
		justify-content: center;
		margin: 0 auto 2rem;
		max-width: 100%;
		flex-wrap: wrap;
	}

	.reserve_link_area .btn2 {
		width: 94%;
	}

	.reserv_link2 {
		width: 100%;
	}

	.reserve_web-inner {
		margin-top: 1rem;
		margin-bottom: 2rem;
		padding-left: 2em;
	}

	.reservation ol {
		margin-left: 1em;
		padding: 0;
	}

	.reservation .reserv {
		display: block;
	}

	.reservation ol li {
		margin: 12px 0 0 24px;
	}

	.reservation .h3-2.web::before {
		bottom: 15px;
	}

	.reserve_list-area::before {
		display: none;
	}

	.reserve_list-area::after {
		display: none;
	}

	.reserve-button {
		height: 24px;
		margin-top: 12px;
		margin-bottom: 0.5rem;
		background-color: #00aa9e;
		color: #fff;
		padding: 1rem 1rem;
		text-decoration: none;
		border-radius: 4px;
		font-size: 1rem;
		white-space: nowrap;
	}

	.reserve_submit {
		margin-top: 1rem;
		margin-left: 0;
	}

	.reserve_submit__link {
		display: inline;
	}

	.reserve_submit-to {
		margin-top: 1em;
	}

	.reserve_submit-to dl {
		margin-bottom: 1rem;
	}

	.reserve_submit-to dt {
		width: 100%;
		font-weight: bold;
		color: #00aa9e;
	}

	.table-wrap {
		overflow: scroll;
		margin-bottom: 50px;
	}

	.reserve__banner-link {
		width: 100%;
	}

	.notes-wrapper {
		margin-left: 1rem;
	}

	.reserve__banner-link--jalan img {
		display: block;
		width: 70%;
	}

	.reserve__banner-link--jalan{
	width: 100%;
}


	/*===============================*/
	/*===============================*/
	/*======    アクセス   =======*/
	/*===============================*/

	.access__img {
		width: 100%;
	}

	.access_way__img {
		width: 100%;
	}

	.access_car_inner ul {
		margin-bottom: 1rem;
	}

	.access .h3-2 {
		border-bottom: inherit;
		margin-bottom: 2rem;
	}

	/*===============================*/
	/*===============================*/
	/*======    お知らせ   =======*/
	/*===============================*/

	.info .h2 {
		margin-bottom: 2rem;
	}

	.info .info_item {
		padding-top: 20px;
		padding-bottom: 18px;
	}

	.info .category_icon_wrap {
		margin-right: 1rem;
		text-align: center;
	}

	.info .category_icon {
		font-size: 1.4rem;
	}

	.info .text {
		width: 100%;
		margin-top: 14px;
		padding-left: 10px;
		border: 0;
	}

	.info .info_item a {
		flex-wrap: wrap;
	}

	/*===============================*/
	/*===============================*/
	/*======    お知らせ 詳細  =======*/
	/*===============================*/

	.detail .content_inner {
		padding: 1rem;
	}

	.detail .info-detail__linkarea {
		margin: 1em 0;
	}

	.detail .gallery-list {
		margin: inherit;
	}

	.detail .gallery-img {
		width: 100%;
		margin-bottom: 3rem;
		margin-right: 0;
	}

	.detail .btn2 {
		margin: 0 auto 3rem;
	}

	/*===============================*/
	/*===============================*/
	/*====== トヨタ労連とそのご家族  =======*/
	/*===============================*/

	.officer .schedule_area {
		border: 25px solid #f7edc7;
		padding: 3rem 1rem 0;
	}

	.officer .schedule_area::before {
		width: 100%;
		left: -30px;
	}

	.officer .schedule_area::after {
		width: 65px;
		top: -20px;
		right: -25px;
	}

	.officer .schedule_month-box {
		padding: 3rem 0 0;
	}

	.officer .schedule_month-box:first-of-type {
		padding: 0;
	}

	.officer .schedule_month_rig__img {
		width: 100%;
	}

	.officer .flex_1-2 .left-col {
		width: inherit;
		padding-right: 0;
	}

	.officer .schedule_month_lef__ttl {
		text-align: center;
		left: inherit;
	}

	.officer .schedule_month_lef__ttl span {
		right: .5em;
		display: block;
	}

	.officer .schedule_month_lef__ttl span::before {
		width: 44px;
		height: 44px;
		top: -16px;
		right: 55%;
		transform: translateX(50%);
	}

	.officer .schedule_month_lef__txt {
		margin-bottom: 2rem;
	}

	.officer .schedule_month_lef__img {
		display: none;
	}

	.officer .schedule_month_lef__ttl span.m_12 {
		top: inherit;
	}

	[class*="flex_1-"] {
		margin-bottom: 0;
	}


	.officer .member_area {
		padding-bottom: 4rem;
	}

	.officer .member_txt {
		width: 100%;
		margin-top: 4rem;
	}

	.officer .member_img {
		width: 100%;
		margin-left: inherit;
	}

	.officer .member_wrap {
		max-width: 96%;
	}

	.officer .member_flex {
		flex-direction: column;
	}


	.officer .member_msg_area::before {
		display: none;
	}

	.officer .member_msg__img {
		display: none;
	}

	.officer .member_recruit {
		margin-top: 3rem;
	}

	.flex_1-4 {
		flex-direction: column;
	}

	.flex_1-4 .left-col {
		width: 100%;
	}

	.flex_1-4 .right-col {
		width: 100%;
	}

	.officer .member_recruit__ttl {
		padding-left: 0;
	}

	main.officer {
		margin-bottom: 0;
	}

	.officer .schedule_attention {
		text-align: left;
		bottom: 0;
	}

	.officer .no_event {
		margin-top: 3rem;
		padding: 2.5rem 0;
	}

	.officer .now_event {
		margin-top: 3rem;
		flex-direction: column;
	}

	.officer .now_event__ttl {
		display: none;
	}

	.officer .sp_now_event__ttl {
		color: #684f50;
		font-weight: bold;
		background-color: #f1c528;
		display: inline-block;
		position: relative;
		height: 50px;
		/*高さ*/
		line-height: 50px;
		/*高さ*/
		text-align: center;
		padding: 0 30px 0 18px;
		/*文字の左右の余白*/
		font-size: 18px;
		/*文字サイズ*/
		box-sizing: border-box;
		margin-bottom: 2rem;
	}

	.officer .sp_now_event__ttl::after {
		position: absolute;
		content: '';
		width: 0px;
		height: 0px;
		z-index: 1;
		top: 0;
		right: 0;
		border-width: 25px 15px 25px 0px;
		border-color: transparent #fff transparent transparent;
		border-style: solid;
	}

	.officer .now_event_content-lef {
		width: 100%;
	}

	.officer .now_event_content-rig {
		width: 100%;
	}

	.officer .now_event_content-lef__ttl {
		font-size: 2rem;
	}

	.officer .now_event_content-lef__period {
		font-size: 1.6rem;
	}

	.officer .now_event_content-lef__txt {
		padding-left: 0;
		margin-bottom: 2rem;
	}

	.officer dl {
		flex-direction: column;
	}

	.officer dt {
		width: 100%;
		color: #00aa9e;
	}

	.officer dd {
		width: 100%;
	}

	.officer dt.fee_dt {
		width: 100%;
		text-align: left;
	}

	.officer dd.fee_dd {
		width: 100%;
		text-align: right;
	}

	.officer .small {
		font-size: 1.5rem;
	}

	.officer .btn2 {
		margin-top: 3rem;
	}

}