@charset "utf-8";

/*=====================================
common.css
=====================================*/

.leadBlock:after,
.unitBlock:after,
.boxStyle01:after {
	clear: both;
	display: block;
	content: "";
}

/*-------------------------------------
 title
-------------------------------------*/

/* level1
-------------------------------------*/
.ttlStyleA01 {
	margin: 0 0 20px 0;
	color: #063a77;
	font-size: 40px;
	font-weight: bold;
	text-align: center;
}

/* level2
-------------------------------------*/
.ttlStyleB01 {
	margin: 0 0 40px 0;
	color: #063a77;
	font-size: 42px;
	font-weight: bold;
	text-align: center;
}
.ttlStyleB02 {
	margin: 0 0 30px 0;
	padding: 65px 0 0 0;
	color: #063a77;
	font-size: 38px;
	font-weight: bold;
	text-align: center;
	background: url(/common/images/icn_title01.png) no-repeat center top / 46px auto;
}
.ttlStyleB03 {
	margin: 0 0 40px 0;
	padding: 0 0 70px 0;
	color: #063a77;
	font-size: 46px;
	font-weight: bold;
	text-align: center;
	background: url(/common/images/icn_title01.png) no-repeat center bottom / 46px auto;
}
.ttlStyleB04 {
	margin: 0 0 30px 0;
	padding: 70px 0 0 0;
	color: #9c8e63;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	background: url(/common/images/icn_title01.png) no-repeat center top / 46px auto;
}

/* level3
-------------------------------------*/
.ttlStyleC01 {
	margin: 0 0 40px 0;
	padding: 12px 20px;
	color: #cdbd8a;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	background: #063a77;
}
.ttlStyleC02 {
	margin: 0 0 30px 0;
	padding: 0 0 5px 3px;
	color: #063a77;
	font-size: 34px;
	font-weight: bold;
	border-bottom: 4px solid #b8a569;
}

/* level4
-------------------------------------*/
.ttlStyleD01 {
	margin: 0 0 20px 0;
	padding: 0 0 0 20px;
	color: #063a77;
	font-size: 32px;
	font-weight: bold;
	border-left: 4px solid #b8a569;
}
.ttlStyleD01 .note {
	font-size: 16px;
}

/* level5
-------------------------------------*/
.ttlStyleE01 {
	margin: 0 0 30px 0;
	color: #063a77;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
}


/*-------------------------------------
 block
-------------------------------------*/


.unitBlock {
	padding: 0 0 40px 0;
}
.unitBlock p {
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 2.1;
}

.unitGroup {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 0 30px 0;
}
.unitGroup .date {
	margin: 0 20px 0 0;
}


.contactBlock {
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
}
.contactBlock .title {
	margin: 0 0 2px 0;
	font-size: 15px;
	font-weight: bold;
}
.contactBlock p {
	margin: 0 0 30px 0;
	font-size: 13px;
}
.contactBlock .tel {
	color: #9c8e63;
	font-size: 46px;
	font-family: 'Libre Baskerville', serif;
}
.contactBlock .tel:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 34px;
	margin-right: 15px;
	vertical-align: middle;
	background: url(/common/images/icn_tel.png) no-repeat 0 0 / 24px auto;
}


/*-------------------------------------
 clm
-------------------------------------*/
.clmList01 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -40px 0 0;
}
.clmList01 .clm {
	width: 50%;
	padding: 0 40px 30px 0;
}
.clmList01 .card {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 20px 20px 30px 20px;
	background: #fff;
}
.clmList01 .card .title {
	font-size: 30px;
	font-weight: bold;
}
.clmList01 .card .subtitle {
	font-weight: bold;
}
.clmList01 .card p {
	margin: 0 0 25px 0;
	font-size: 16px;
	line-height: 1.7;
}
.clmList01 .card .btn {
	margin-top: auto;
}
.clmList01 .card .slide {
	min-height: 0%;
	padding: 15px 0 25px 0;
}
.clmList01 .card .slide li {
	vertical-align: bottom;
}
.clmList01 .slide .slick-dots {
	display: flex;
	margin: 10px -10px 0 0;
}
.clmList01 .slide .slick-dots li {
	width: 25%;
	padding: 0 10px 0 0;
}
.clmList01 .slide .slick-dots li img {
	cursor: pointer;
}


.clmList02 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -60px 0 0;
}
.clmList02 .clm {
	width: 50%;
	padding: 0 60px 30px 0;
}


/*-------------------------------------
 lead
-------------------------------------*/
.leadStyle01 {
	margin: 0 0 60px 0;
	color: #063a77;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 22px;
	font-weight: bold;
	line-height: 2;
	text-align: center;
}
.leadStyle01 p {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	line-height: 2;
}
.leadStyle02 {
	margin: 0 0 40px 0;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 2.1;
	text-align: center;
}
.leadStyle03 {
	padding: 0 0 90px 0;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;
	text-align: center;
}
.leadStyle03 .title {
	padding: 40px 0 45px 0;
	color: #063a77;
	font-size: 46px;
}
.leadStyle03 p {
	margin: 0 0 20px 0;
	color: #063a77;
	font-size: 22px;
	line-height: 2;
}



/*-------------------------------------
 box
-------------------------------------*/
.boxStyle01 {
	position: relative;
	margin: 0 0 50px 0;
	padding: 30px 40px 40px;
	border-top: 4px solid #b8a569;
	background: #fff;
}
.boxStyle01:before {
	content: "";
	position: absolute;
	top: -4px;
	left: 50%;
	display: block;
	width: 26px;
	height: 28px;
	margin-left: -13px;
	background: url(/common/images/icn_box01.png) no-repeat 0 0 / 26px auto;
}
.boxStyle01 .boxInner {
	margin: 0 0 30px 0;
}
.boxStyle01 .boxInner:after {
	content: "";
	clear: both;
	display: block;
}
.boxStyle01 .btn {
	margin-top: 30px;
}

.boxStyle02 {
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	border: 3px solid #fff;
}
.boxStyle02 .title {
	padding: 10px 15px;
	color: #063a77;
	font-size: 22px;
	font-weight: bold;
	background: #fff;
}
.boxStyle02 .item {
	padding: 15px 17px;
	color: #585858;
	font-size: 17px;
}
.boxStyle02 .item p {
	line-height: 1.6;
}

.boxStyle03 {
	position: relative;
	margin: 0 0 50px 0;
	padding: 30px 40px 40px;
	border-top: 4px solid #b8a569;
}
.boxStyle03:before {
	content: "";
	position: absolute;
	top: -4px;
	left: 50%;
	display: block;
	width: 26px;
	height: 28px;
	margin-left: -13px;
	background: url(/common/images/icn_box01.png) no-repeat 0 0 / 26px auto;
}


/*-------------------------------------
 btn
-------------------------------------*/
.btn {
	text-align: center;
}
.btn a,
.btn .desabled {
	position: relative;
	display: inline-block;
	width: 100%;
	max-width: 426px;
	padding: 20px 50px;
	color: #b8a569;
	font-size: 17px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	text-decoration: none;
	background-repeat: no-repeat;
}
.btnStyle01 a {
	border: 3px solid #063a77;
	background-image: url(/common/images/icn_btn01.png);
	background-position: right 21px center;
	background-size: 29px auto;
	background-color: #063a77;
}
.btnStyle02 a {
	border: 3px solid #063a77;
	background-image: url(/common/images/icn_btn01.png);
	background-position: right 21px center;
	background-size: 29px auto;
	background-color: #fff;
}
.btnStyle03 a {
	border: 2px solid #063a77;
	background-image: url(/common/images/icn_btn02.png);
	background-position: right 25px center;
	background-size: 29px auto;
	background-color: #fff;
}
.btnStyle04 a {
	border: 2px solid #063a77;
	background-image: url(/common/images/icn_btn04.png);
	background-position: right 22px center;
	background-color: #fff;
}
.btnStyle04.disabled a {
	border-color: #bbb;
	color: #bbb;
	background-image: url(/common/images/icn_btn06.png);
	pointer-events: none;
}
.btnStyle05 a {
	max-width: inherit;
	font-size: 23px;
	line-height: 94px;
	border: 4px solid #063a77;
	background-image: url(/common/images/icn_btn04_sp.png);
	background-position: right 22px center;
	background-size: 36px auto;
	background-color: #fff;
}
.btnStyle06 a {
	max-width: inherit;
	font-size: 17px;
	line-height: 52px;
	border: 2px solid #9c8e63;
	background-image: url(/common/images/icn_btn03.png);
	background-position: right 22px center;
	background-color: #063a77;
}

.btnPdf a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 25px;
	display: block;
	width: 33px;
	height: 36px;
	margin-top: -18px;
	background: url(/common/images/icn_btn_pdf.png) no-repeat 0 0 / 33px auto;
}
.btnPlan a {
	border: 2px solid #063a77;
	background-image: url(/common/images/icn_btn02.png);
	background-position: right 25px center;
	background-size: 29px auto;
	background-color: #fff;
}
.btnPlan a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 25px;
	display: block;
	width: 35px;
	height: 30px;
	margin-top: -15px;
	background: url(/common/images/icn_btn_list.png) no-repeat 0 0 / 35px auto;
}
.btnCalendar a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 23px;
	display: block;
	width: 45px;
	height: 42px;
	margin-top: -18px;
	background: url(/common/images/icn_btn_calendar.png) no-repeat 0 0 / 45px auto;
}
.btnWeb a {
	max-width: 876px;
	font-size: 26px;
	font-weight: bold;
	border: 3px solid #063a77;
	background-image: url(/common/images/icn_btn01.png);
	background-position: right 21px center;
	background-size: 29px auto;
	background-color: #063a77;
}
.btnWeb a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 25px;
	display: block;
	width: 47px;
	height: 43px;
	margin-top: -20px;
	background: url(/common/images/icn_btn_web.png) no-repeat 0 0 / 47px auto;
}
.btnGuide a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 26px;
	display: block;
	width: 45px;
	height: 36px;
	margin-top: -18px;
	background: url(/common/images/icn_btn_guide.png) no-repeat 0 0 / 45px 36px;
}
.btnFaq a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 25px;
	display: block;
	width: 39px;
	height: 45px;
	margin-top: -22px;
	background: url(/common/images/icn_btn_faq.png) no-repeat 0 0 / 39px 45px;
}
.btnApplication a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 26px;
	display: block;
	width: 47px;
	height: 43px;
	margin-top: -18px;
	background: url(/common/images/icn_btn_web_on.png) no-repeat 0 0 / 47px auto;
}
.btnStyle04.btnApplication.disabled a:before {
	background-image: url(/common/images/icn_btn_web_on_2.png) ;
}
.btnStyle05.btnApplication a:before {
	left: 28px;
	width: 66px;
	height: 60px;
	margin-top: -24px;
	background-size: auto;
}
.btnApplication .desabled {
	color: #063a77;
	border: 2px solid #063a77;
	background-color: #fff;
}
.btnRequest a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 24px;
	display: block;
	width: 36px;
	height: 37px;
	margin-top: -19px;
	background: url(/common/images/icn_btn_request.png) no-repeat 0 0 / 36px auto;
}
.btnStyle05.btnRequest a:before {
	left: 34px;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	background-size: auto;
}
.btnMail a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 24px;
	display: block;
	width: 42px;
	height: 37px;
	margin-top: -18px;
	background: url(/common/images/icn_btn_mail.png) no-repeat 0 0 / 42px auto;
}
.btnFlag a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 1.6;
}


/*-------------------------------------
 list
-------------------------------------*/
.arwList01 {
	padding: 25px 0;
	border-top: 1px dashed #8a8989;
}
.arwList01 li {
	margin: 0 0 15px 0;
	padding: 0 0 0 40px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.6;
	background: url(/common/images/icn_btn01.png) no-repeat 0 8px / 29px auto;
}



/*-------------------------------------
 table
-------------------------------------*/
.tblStyle01 {
	width: 100%;
	margin: 0 0 40px 0;
	color: #403d3d;
	font-family: 'Noto Sans JP', sans-serif;
	border-collapse: separate;
	border-spacing: 3px;
}
.tblStyle01 caption {
	padding: 10px 0 0 0;
	font-size: 16px;
	text-align: right;
	caption-side: bottom;
}
.tblStyle01 caption img {
	margin: 0 5px;
}
.tblStyle01 th {
	width: 200px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #cbdfec;
}
.tblStyle01 .head th {
	width: auto;
	padding: 27px 5px;
	font-size: 16px;
	background: #ebe5d0;
}
.tblStyle01 .head th:first-child {
	background: none;
}
.tblStyle01 th .note {
	font-size: 14px;
	font-weight: normal;
}
.tblStyle01 td {
	padding: 21px 17px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #fff;
}
.tblStyle01 td.type {
	padding: 10px 17px;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
}
.tblStyle01 .bgc td {
	background: #f8f8f8;
}
.tblStyle01 td .icn {
	margin: 0 0 0 5px;
}
.tblStyle01 td .icn img {
	width: 16px;
	margin-right: 4px;
	vertical-align: middle;
}

.tblStyle02 {
	width: 100%;
	margin: 0 0 40px 0;
	color: #403d3d;
	font-family: 'Noto Sans JP', sans-serif;
	border-collapse: separate;
	border-spacing: 3px;
}
.tblStyle02 caption {
	padding: 10px 0 0 0;
	font-size: 16px;
	text-align: right;
	caption-side: bottom;
}
.tblStyle02 th {
	width: 100px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background: #cbdfec;
}
.tblStyle02 .head th {
	width: auto;
	padding: 27px 5px;
	font-size: 16px;
	background: #ebe5d0;
}
.tblStyle02 .note {
	font-size: 14px;
	font-weight: normal;
}
.tblStyle02 .bold {
	font-size: 18px;
	font-weight: bold;
}
.tblStyle02 td {
	padding: 10px 17px;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	background: #fff;
}
.tblStyle02 .bgc td {
	background: #f8f8f8;
}

.tblStyle03 {
	width: 100%;
	margin: 0 0 40px 0;
	color: #403d3d;
	font-family: 'Noto Sans JP', sans-serif;
	border-collapse: separate;
	border-spacing: 3px;
}
.tblStyle03 caption {
	padding: 10px 0 0 0;
	font-size: 16px;
	text-align: right;
	caption-side: bottom;
}
.tblStyle03 th {
	width: 160px;
	padding: 10px 17px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	background: #cbdfec;
}
.tblStyle03 th a {
	text-decoration: underline;
}
.tblStyle03 .head th {
	width: auto;
	padding: 27px 5px;
	font-size: 18px;
	text-align: center;
	background: #ebe5d0;
}
.tblStyle03 .note {
	font-size: 14px;
	font-weight: normal;
}
.tblStyle03 .bold {
	font-size: 18px;
	font-weight: bold;
}
.tblStyle03 td {
	padding: 10px 17px;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	background: #f8f8f8;
}


/*-------------------------------------
 img
-------------------------------------*/
.imgL {
	float: left;
	max-width: 560px;
	margin: 5px 60px 10px 0;
}
.imgR {
	float: right;
	max-width: 560px;
	margin: 5px 0 10px 60px;
}
.imgC {
	margin: 0 0 35px 0;
	text-align: center;
}

.imgList01 {
	display: flex;
	flex-wrap: wrap;
	margin-right: -60px;
}
.imgList01 li {
	width: 50%;
	padding: 0 60px 30px 0;
}

figcaption {
	padding: 5px 0 0 0;
	font-size: 16px;
	font-family: 'Noto Sans JP', sans-serif;
	text-align: left;
}















/*-------------------------------------
 plan
-------------------------------------*/
.planLead {
	/*padding: 0 0 45px 0;*/
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.planLead .title {
	margin: 0 0 30px 0;
	padding: 65px 0 0 0;
	color: #9c8e63;
	font-size: 36px;
	font-weight: 600;
	text-align: center;
	background: url(/common/images/icn_title01.png) no-repeat center top / 46px auto;
}
.planLead p {
	margin: 0 0 40px 0;
	color: #403d3d;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.9;
}

.planList01,
.planList02 {
	padding: 0 0 10px 0;
}
.planList01 .clm,
.planList02 .clm {
	position: relative;
	margin: 0 0 40px 0;
	background: #fff;
}
.planList01 .clm a,
.planList02 .clm a {
	display: flex;
	text-decoration: none;
}
.planList01 .clm figure,
.planList02 .clm figure {
	order: -1;
	width: 748px;
}
.planList01 .clm figure img,
.planList02 .clm figure img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.planList01 .clm .item,
.planList02 .clm .item {
	position: relative;
	width: 432px;
	padding: 65px 20px 20px 20px;
	flex-shrink: 0;
	text-align: center;
}
.planList01 .clm .item:before,
.planList02 .clm .item:before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 26px;
	height: 28px;
	margin-left: -13px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 26px auto;
}
.planList01 .clm .title,
.planList02 .clm .title {
	margin: 0 0 35px 0;
	color: #b8a569;
	font-size: 28px;
	font-weight: bold;
}
.planList01 .clm p,
.planList02 .clm p {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.9;
}

.planList01 {
	margin: 130px 0 120px 0;
	background: rgba(6,58,119,0.9);
}
.planList01 .clm:last-child {
	bottom: -100px;
	margin: -90px 0 0 0;
}
.planList01 .clm:first-child {
	top: -90px;
	bottom: 0;
	margin: 0 0 -50px 0;
}
.planList01 .clm .item:before {
	background-image: url(/common/images/icn_box01.png);
}
.planList01 .clm p {
	color: #2f3740;
}
.planList02 .clm .item {
	background: #063a77;
}
.planList02 .clm .item:before {
	background-image: url(/common/images/icn_box02.png);
}
.planList02 .clm p {
	color: #fff;
}
.planList02 .clm figure {
	margin: 0;
}


.planDetail {
	margin: 0 0 20px 0;
	padding: 20px 0;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.9;
	border-top: 1px solid #8a8989;
	border-bottom: 1px solid #8a8989;
}

.planTravel {
	padding: 40px 0 0 0;
	border-top: 1px solid #8a8989;
}
.planTravel li {
	position: relative;
	display: flex;
	padding: 0 0 15px 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
}
.planTravel li:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 96px;
	bottom: 0;
	display: block;
	width: 2px;
	height: 100%;
	background-color: #bcbab8;
}
.planTravel li.b02:before {
	left: 95px;
	width: 4px;
	background-color: #063a77;
}
.planTravel li.b03:before {
	left: 95px;
	width: 4px;
	background-color: #9c8e63;
}
.planTravel li:last-child:before {
	display: none;
}
.planTravel li .red {
	color: #a30000;
}
.planTravel li .time {
	width: 98px;
	padding: 0 16px 0 0;
	flex-shrink: 0;
	text-align: right;
}
.planTravel li .item {
	position: relative;
	padding: 0 0 0 20px;
}
.planTravel li .item:before {
	content: "";
	position: absolute;
	left: -10px;
	top: 4px;
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 4px solid #b8a569;
	background-color: #fff;
}
.planTravel li .title {
	margin: 0 0 10px 0;
}
.planTravel li .note {
	margin: 0 0 10px 0;
	font-size: 17px;
	font-weight: 300;
}
.planTravel li .title + .note {
	margin-top: -7px;
}
.planTravel li .balloon {
	position: relative;
	display: table;
	margin: 0 0 10px 0;
	padding: 10px 15px;
	border-radius: 5px;
	background-color: #fff;
}
.planTravel li .balloon:after {
	content: "";
	position: absolute;
	top: 10px;
	left: -12px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 12px 5px 0;
	border-color: transparent #fff transparent transparent;
}
.planTravel li .balloon .dt {
	font-size: 19px;
}
.planTravel li .balloon .dd {
	font-size: 17px;
	font-weight: 300;
}
.planTravel li .balloon.c02 {
	color: #fff;
	background-color: #063a77;
}
.planTravel li .balloon.c02:after {
	border-color: transparent #063a77 transparent transparent;
}
.planTravel li .balloon.c03 {
	color: #fff;
	background-color: #9c8e63;
}
.planTravel li .balloon.c03:after {
	border-color: transparent #9c8e63 transparent transparent;
}


/*-------------------------------------
 news
-------------------------------------*/
.newsTab {
	margin: 0 0 30px 0; 
}
.newsTab ul {
	display: flex;
}
.newsTab ul li {
	margin: 0 15px 0 0;
	padding: 3px 15px;
	cursor: pointer;
	color: #403d3d;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	border-radius: 3px;
	background: #efece7;
}
.newsTab ul li.current {
	color: #fff;
	background: #063a77;
}


.newsList {
	margin: 0 0 55px 0;
}
.newsList ul {
	display: table;
	width: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	border-collapse: collapse;
	border-top: 1px solid #063a77;
}
.newsList ul li {
	display: table-row;
	border-bottom: 1px solid #063a77;
}
.newsList ul li > div {
	display: table-cell;
	padding: 22px 0;
	vertical-align: top;
}
.newsList ul li .date {
	width: 115px;
	padding-right: 20px;
	color: #8a8989;
}
.newsList ul li .tag {
	width: 90px;
	padding: 25px 20px 0 0;
}

.newsBlock {
	padding: 0 0 60px 0;
}
.newsBlock p {
	line-height: 1.8;
}
.newsBlock img {
	height: auto;
}
.newsBlock table {
	width: 100%;
	margin: 0 0 40px 0;
	color: #403d3d;
	font-family: 'Noto Sans JP', sans-serif;
	border-collapse: separate;
	border-spacing: 3px;
}
.newsBlock table th {
	width: 220px;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	background: #cbdfec;
}
.newsBlock table td {
	padding: 21px 17px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	background: #fff;
}


/*-------------------------------------
 blog
-------------------------------------*/
.blogList {
	margin: 0 0 55px 0;
}
.blogList ul {
	font-family: 'Noto Sans JP', sans-serif;
	border-top: 1px solid #063a77;
}
.blogList ul li {
	display: flex;
	padding: 25px 0;
	line-height: 1.9;
	border-bottom: 1px solid #063a77;
}
.blogList ul li figure {
	width: 230px;
	margin: 0 20px 0 0;
	flex-shrink: 0;
}
.blogList ul li .date {
	padding: 5px 0 0 0;
	color: #8a8989;
}


/*-------------------------------------
 concept
-------------------------------------*/

/* concept
-------------------------------------*/
.conceptCatch {
	display: flex;
	align-items: center;
	padding: 30px 0;
}
.conceptCatch h1 {
	padding: 0 0 0 98px;
}
.conceptCatch .item {
	width: 415px;
	margin-left: auto;
}
.conceptCatch .item p {
	padding: 8px 0;
	color: #063a77;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.9;
}

.conceptVisual {
	margin: -40px 0 90px 0;
}

.conceptLead {
	padding: 0 0 80px 0;
}
.conceptLead .title {
	margin: 0 0 40px 0;
	padding: 0 0 70px 0;
	color: #063a77;
	font-size: 46px;
	font-weight: bold;
	text-align: center;
	background: url(/common/images/icn_title01.png) no-repeat center bottom / 46px auto;
}
.conceptLead p {
	color: #063a77;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.9;
}

.conceptClm {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -50px 0 0;
}
.conceptClm .clm {
	width: 50%;
	padding: 0 50px 50px 0;
}
.conceptClm .clm p {
	padding: 15px 0 0 0;
}

.conceptBlock {
	padding: 0 0 80px 0;
}
.conceptBlock .imgL,
.conceptBlock .imgR {
	position: relative;
}
.conceptBlock .imgL img,
.conceptBlock .imgR img {
	max-width: none;
}
.conceptBlock .imgL img {
	margin-left: -280px;
}

/* design
-------------------------------------*/
.designFacility {
	padding: 0 0 110px 0;
	text-align: center;
}
.designFacility .train {
	border: 2px solid #b8a569;
	background: #fff;
}
.designFacility .facility {
	position: relative;
}
.designFacility .facility .dots {
	margin: 0 0 20px 0;
}
.designFacility .facility .dots ul {
	display: flex;
	flex-direction: row-reverse;
	margin: 0;
	padding: 0;
	justify-content:center;
}
.designFacility .facility .dots ul li {
	padding: 0 5px;
	text-align: center;
}
.designFacility .facility .dots ul li span {
	display: block;
	padding: 8px 15px 5px 15px;
	cursor: pointer; 
	color: #9c8e63;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	border: 2px solid #9c8e63;
	background: #fff;
}
.designFacility .facility .dots ul li span em {
	font-size: 25px;
}
.designFacility .facility .dots ul li.slick-active span {
	color: #fff;
	background: #9c8e63;
}

.designFacility .facility .slides {
	position: relative;
	padding: 50px 20px;
	border: 2px solid #b8a569;
	background: #fff;
}
.designFacility .facility .slides a {
	outline: none;
}
.designFacility .facility .slides img {
	margin: 0 auto;
}
.designFacility .facility .slides p {
	color: #063a77;
	font-weight: bold;
}
.designFacility .facility .slides .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 10;
	width: 30px;
	height: 60px;
	margin-top: -30px;
	cursor: pointer;
	outline: none;
	text-indent: -9999px;
	border: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #f3f3f3;
}
.designFacility .facility .slides .slick-prev {
	left: 23px;
	background-image: url(/common/images/icn_prev02.png);
}
.designFacility .facility .slides .slick-next {
	right: 23px;
	background-image: url(/common/images/icn_next02.png);
}


.designGallery .clm {
	display: flex;
	margin: 0 0 110px 0;
}
.designGallery .clm .item {
	position: relative;
	width: 560px;
	margin: 0 0 0 60px;
	padding: 35px 0 0 0;
	border-top: 4px solid #b8a569;
	order: 10;
}
.designGallery .clm .item:before {
	content: "";
	position: absolute;
	top: -4px;
	left: 50%;
	display: block;
	width: 26px;
	height: 28px;
	margin-left: -13px;
	background: url(/common/images/icn_box01.png) no-repeat 0 0 / 26px auto;
}
.designGallery .clm .title {
	margin: 0 0 30px 0;
	color: #063a77;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
}
.designGallery .clm p {
	margin: 0 0 40px 0;
	font-size: 20px;
	line-height: 2.3;
}

.designGallery .clm .slide,
.designGallery .clm figure {
	width: 560px;
	flex-shrink: 0;
}
.designGallery .clm .slide li {
	vertical-align: bottom;
}
.designGallery .clm .slick-dots {
	display: flex;
	margin: 10px -10px 0 0;
}
.designGallery .clm .slick-dots li {
	width: 25%;
	padding: 0 10px 0 0;
}
.designGallery .clm .slick-dots li img {
	cursor: pointer;
}
.designGallery .clm .slick-list {
	overflow: visible;
}


.designGallery .clm.platinum .item {
	margin: 0 60px 0 0;
	order: 0;
}
.designGallery .clm.platinum .slide img {
	max-width: none;
}
.designGallery .clm.platinum .slick-dots li img {
	max-width: 100%;
}


.designGallery .clm.family .item {
	padding: 0;
	border-top: none;
}
.designGallery .clm.family .item:before {
	display: none;
}
.designGallery .clm.family .title {
	margin: 0 0 20px 0;
	padding: 4px;
	font-size: 26px;
	border: 1px solid #b8a569;
}


.designGalleryBus .clm:nth-child(even) .item {
	margin: 0 60px 0 0;
	order: 0;
}


.designVisualBus {
	margin: 0 0 60px 0;
	text-align: center;
}



/* partner
-------------------------------------*/
.partnerList {
	padding: 0 0 60px 0;
}
.partnerList ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -12px 0 0;
}
.partnerList ul li {
	width: 33.333%;
	padding: 0 12px 12px 0;
}
.partnerList ul li.w50p {
	width: 50%;
}

.partnerBox {
	margin: 0 0 50px 0;
	padding: 50px;
	background: #fff;
}
.partnerBox:after {
	content: "";
	clear: both;
	display: block;
}
.partnerBox .name {
	margin: 0 0 45px 0;
	line-height: 1.2;
}
.partnerBox .name span {
	display: inline-block;
	vertical-align: middle;
}
.partnerBox .name .ja {
	margin: 0 10px 0 0;
	font-size: 45px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
}
.partnerBox .name .en {
	color: #9c8e63;
	font-size: 22px;
	font-family: "Times New Roman", Times, serif;
}
.partnerBox .pic {
	float: left;
	width: 340px;
	margin: 0 50px 0 -50px;
}
.partnerBox .link {
	padding: 10px 0 0 0;
	text-align: right;
}
.partnerBox .link a {
	display: inline-block;
	padding: 0 43px 0 0;
	color: #063a77;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 17px;
	font-weight: bold;
	background: url(/common/images/icn_arw03.png) no-repeat right 2px / 30px auto;
}
.partnerBox .item {
	overflow: hidden;
}
.partnerBox .item h3 {
	margin: 0 0 25px 0;
	color: #063a77;
	font-size: 28px;
	font-weight: bold;
}
.partnerBox .item h4 {
	margin: 0 0 5px 0;
	color: #9c8e63;
	font-size: 22px;
	font-weight: bold;
}
.partnerBox .item p {
	margin: 0 0 20px 0;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 20px;
	font-weight: bold;
}
.partnerBox .profile {
	margin: 0 0 40px 0;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.9;
}


/* reception
-------------------------------------*/
.receptionPhoto {
	margin: 0 0 55px 0;
}
.receptionPhoto ul {
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	margin: 0 -30px 0 0;
}
.receptionPhoto ul li {
	width: 33.333%;
	padding: 0 30px 30px 0;
}
.receptionPhoto ul li p {
	padding: 8px 0 0 0;
	font-size: 14px;
}
.receptionPhoto ul li a {
	color: #063a77;
}
.receptionList {
	margin: 0 0 55px 0;
}
.receptionList ul {
	color: #403d3d;
	border-top: 1px solid #063a77;
}
.receptionList ul li {
	display: flex;
	align-items: center;
	padding: 15px 0;
	line-height: 1.9;
	border-bottom: 1px solid #063a77;
}
.receptionList ul li figure {
	width: 560px;
	margin: 0 40px 0 0;
	flex-shrink: 0;
}
.receptionList ul li .title {
	padding: 0 0 25px 0;
	color: #063a77;
	font-size: 28px;
	font-weight: bold;
}
.receptionList ul li .title a {
	color: #063a77;
}
.receptionList ul li p {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
}

.receptionFlag {
	margin: 0 0 50px 0;
	text-align: center;
}
.receptionFlag figure {
	margin: 0 0 30px 0;
}

.receptionPrepare dl {
	display: table;
	width: 100%;
	margin: 0 0 40px 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	border: 1px solid #cdbd8a;
}
.receptionPrepare dl dt {
	display: table-cell;
	padding: 20px 20px 20px 30px;
	white-space: nowrap;
	vertical-align: middle;
	border-right: 1px solid #cdbd8a;
	background: #fff;
}
.receptionPrepare dl dd {
	display: table-cell;
	width: 100%;
	padding: 20px;
	vertical-align: middle;
}

.receptionStep ul {
	display: flex;
	margin: 0 -65px 0 0;
}
.receptionStep ul li {
	width: calc(33.333% - 65px);
	margin: 0 65px 0 0;
	background: #fff;
}
.receptionStep ul li p {
	display: flex;
	align-items: center;
	height: 100px;
	padding: 0 30px;
	font-size: 18px;
	font-weight: 500;
	background: #f8f8f8;
}
.receptionStep ul li figure {
	padding: 20px 0 30px 0;
	text-align: center;
}


/*-------------------------------------
 guidance
-------------------------------------*/
.guidanceCase .title,
.guidanceFlow .title {
	position: relative;
	margin: -30px -40px 0 -40px;
	padding: 55px 0 25px 0;
	color: #063a77;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	border-top: 4px solid #b8a569;
}
.guidanceCase .title:before,
.guidanceFlow .title:before {
	content: "";
	position: absolute;
	top: -4px;
	left: 50%;
	display: block;
	width: 26px;
	height: 28px;
	margin-left: -13px;
	background: url(/common/images/icn_box01.png) no-repeat 0 0 / 26px auto;
}
.guidanceCase p,
.guidanceFlow p {
	color: #403d3d;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 2.2;
	text-align: center;
}
.guidanceCase ul li,
.guidanceFlow ul li {
	color: #403d3d;
	font-family: 'Noto Sans JP', sans-serif;
}

.guidanceCase {
	display: flex;
	margin: 0 -40px 40px 0;
}
.guidanceCase > div {
	width: calc(50% - 40px);
	margin: 0 40px 0 0;
	padding: 30px 40px 40px 40px;
	background: #fff;
}

.guidanceWeb p {
	padding: 20px 0;
}
.guidancePost {
	margin-left: auto;
}
.guidancePost p {
	padding: 0 0 25px 0;
}
.guidancePost .contact {
	font-family: 'Noto Sans JP', sans-serif;
	text-align: center;
}
.guidancePost .contact .title {
	margin: 0;
	padding: 22px 0 2px 0;
	font-size: 20px;
	font-weight: bold;
	border-top: 1px solid #dfdfdf;
}
.guidancePost .contact .title:before {
	display: none;
}
.guidancePost .contact p {
	margin: 0 0 25px 0;
	padding: 0;
	font-size: 16px;
}
.guidancePost .contact .tel {
	color: #9c8e63;
	font-size: 46px;
	font-family: 'Libre Baskerville', serif;
}
.guidancePost .contact .tel:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 34px;
	margin-right: 15px;
	vertical-align: middle;
	background: url(/common/images/icn_tel.png) no-repeat 0 0 / 24px auto;
}

.guidancePost .note {
	padding: 30px 0 35px 0;
	border-top: 1px solid #dfdfdf;
}
.guidancePost .note li {
	margin: 0 0 0 20px;
	list-style: disc;
	color: #585858;
	font-size: 17px;
	line-height: 1.7;
}

/* 
-------------------------------------*/
.guidanceFlow {
	position: relative;
	margin: 0 0 50px 0;
	padding: 30px 40px 20px 40px;
	background: #fff;
}
.guidanceFlow:after {
	content: "";
	position: absolute;
	bottom: -30px; left: 50%;
	margin-left: -55px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 30px 55px 0 55px;
	border-color: #cdbd8a transparent transparent transparent;
}
.guidanceFlow:last-child {
	margin-bottom: 10px;
}
.guidanceFlow.guidanceFlowArwNone:after,
.guidanceFlow:last-child:after {
	display: none;
}
.guidanceFlow p {
	margin: 0 0 20px 0;
}

.guidanceFlow .list {
	margin: -15px 0 20px 0;
	letter-spacing: -0.5em;
	text-align: center;
}
.guidanceFlow .list li {
	display: inline-block;
	padding: 0 35px 0 38px;
	letter-spacing: normal;
	vertical-align: top;
	background: url(/common/images/icn_arw01.png) no-repeat 0 7px / 26px auto;
}
.guidanceFlow .list li:after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 24px;
	margin-left: 7px;
	vertical-align: bottom;
	background: url(/common/images/icn_pdf01.png) no-repeat 0 0;
}

.guidanceFlow .note {
	padding: 30px 0 20px 0;
	border-top: 1px solid #dfdfdf;
}
.guidanceFlow .note li {
	padding: 0 0 0 1em;
	color: #585858;
	font-size: 17px;
	line-height: 1.6;
	text-indent: -1em;
}

.guidanceBtn {
	margin: 0 -12px;
	letter-spacing: -0.5em;
	text-align: center;
}
.guidanceBtn li {
	display: inline-block;
	width: calc(50% - 24px);
	margin: 0 12px;
	letter-spacing: normal;
	vertical-align: top;
}
	
/*210308 hokkaido*/
.guidanceWeb .subtitle {
    margin: 0;
    padding: 22px 0 2px 0;
    font-size: 20px;
    font-weight: bold;
    border-top: 1px solid #dfdfdf;
    color: #063a77;
    text-align: center;
}
.guidanceWeb .btn + .subtitle{
	margin-top: 26px;
}
.guidancePost .btn + .btn,
.guidanceWeb .btn + .btn{
	margin-top: 1em;	
}
.guidanceWeb p {
	font-size: 16px;
}
.guidanceWeb .subtitle + p {
	padding-top: 0;
}
.guidanceWeb .btn + p {
	margin-top: 0.5em;
}
.guidanceFlow.noArrow::after{
	display: none;
}
@media screen and (max-width: 960px){
	.guidanceWeb .subtitle {
		font-size: 13px;
	}
	.guidanceWeb p {
		font-size: 12px;
	}
}



/*-------------------------------------
 faq
-------------------------------------*/
.faqAnchor ul {
	margin: 0 0 -100px 0;
	letter-spacing: -0.5em;
	text-align: center;
}
.faqAnchor ul li {
	display: inline-block;
	width: 50%;
	max-width: 450px;
	padding: 0 12px;
	letter-spacing: normal;
	vertical-align: top;
}
.faqAnchor ul li a {
	border: 2px solid #b8a569;
	color: #fff;
	background-image: url(/common/images/icn_btn05.png);
	background-position: right 33px center;
	background-color: #b8a569;
}
.faqAnchor ul li a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 25px;
	display: block;
	width: 39px;
	height: 45px;
	margin-top: -22px;
	background: url(/common/images/icn_btn_faq.png) no-repeat 0 0 / 39px 45px;
}

.faqList {
	border-top: 1px solid #063a77;
}
.faqList .faq {
	line-height: 1.8;
	border-bottom: 1px solid #063a77;
}
.faqList .faq .mark {
	width: 50px;
	padding: 0 5px;
	flex-shrink: 0;
	font-family: 'Libre Baskerville', serif;
	font-size: 30px;
	font-weight: normal;
	line-height: 1.4;
}
.faqList .faq .qline {
	position: relative;
	display: flex;
	padding: 20px 65px 20px 0;
	cursor: pointer;
	color: #063a77;
	font-size: 22px;
	font-weight: bold;
}
.faqList .faq .qline:before {
	content: "";
	display: block;
	position: absolute;
	top: 25px;
	right: 25px;
	width: 31px;
	height: 31px;
	background: url(/common/images/icn_plus01.png) no-repeat center center / 18px 18px #efece7;
}
.faqList .faq .qline.open:before {
	background-image: url(/common/images/icn_minus01.png);
}
.faqList .faq .qline .mark {
	margin-top: -7px;
	color: #9c8e63;
}
.faqList .faq .aline {
	position: relative;
	display: flex;
	padding: 20px 0 20px 10px;
	color: #403d3d;
	font-family: 'Noto Sans JP', sans-serif;
	background: #fff;
}
.faqList .faq .aline .mark {
	margin-top: -3px;
	color: #063a77;
}


/*-------------------------------------
 calendar
-------------------------------------*/
.calendarList .clm {
	padding: 0 23px;
}
.calendarList .date {
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	font-size: 21px;
	text-align: center;
}
.calendarList .date .year {
	padding: 0 5px 0 0;
	font-family: 'Libre Baskerville', serif;
	font-weight: normal;
}
.calendarList .date em {
	padding: 0 5px;
	font-family: 'Libre Baskerville', serif;
	font-size: 36px;
	font-weight: normal;
}
.calendarList .month {
	margin: 0 0 5px 0;
	color: #8a8989;
	font-family: 'Libre Baskerville', serif;
	font-size: 13px;
	text-align: center;
}
.calendarList .calendar {
	display: flex;
	flex-direction: column;
}
.calendarList .calendar .row {
	position: relative;
	display: flex;
	align-items: stretch;
	flex: 1 1 0%;
	min-height: 150px;
	margin: 0 -3px 0 0;
}
.calendarList .calendar .cell {
	width: calc(14.285% - 3px);
	flex: 1 1 0%;
	margin: 0 3px 0 0;
}
.calendarList .calendar .week {
	position: relative;
	display: flex;
	align-items: stretch;
	width: 100%;
}
.calendarList .calendar .week .cell {
	padding: 5px 0;
	font-family: 'Noto Serif JP', serif;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
}
.calendarList .calendar .grid {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.calendarList .calendar .grid .cell {
	border-top: 3px solid #ccc;
	background: #f8f8f8;
}
.calendarList .calendar .grid .cell:first-child,
.calendarList .calendar .grid .cell:last-child{
	background: #efefef;
}
.calendarList .calendar .day {
	padding: 0 5px;
	font-family: 'Libre Baskerville', serif;
	font-size: 18px;
	text-align: right;
}
.calendarList .calendar .day.off {
	color: #ccc;
}
.calendarList .calendar .event {
	position: relative;
	display: flex;
	align-items: stretch;
	width: 100%;
	padding: 28px 0 0 0;
}
.calendarList .calendar .event .cell {
}
.calendarList .calendar .event .cell .ev {
	position: relative;
	min-height: 20px;
	margin: 0 0 4px 0;
}
.calendarList .calendar .event .cell .bar {
	display: block;
	position: relative;
	top: 0;
	left: 10px;
	z-index: 100;
	padding: 2px 5px 4px 5px;
	color: #fff;
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
	overflow: hidden;
}
.calendarList .bg1 {
	background-color: #b8a569;
}
.calendarList .bg2 {
	text-align: center;
	background-color: #063a77;
}
.calendarList .bg3 {
	background-color: #b8a569;
}
.calendarList .calendar .event .cell .bar.wd1 {
	width: calc(100% - 19px);
}
.calendarList .calendar .event .cell .bar.wd2 {
	width: calc(200% - 16px);
}
.calendarList .calendar .event .cell .bar.wd3 {
	width: calc(300% - 13px);
}
.calendarList .calendar .event .cell .bar.wd4 {
	width: calc(400% - 10px);
}
.calendarList .calendar .event .cell .bar.wd5 {
	width: calc(500% - 7px);
}
.calendarList .calendar .event .cell .bar.wd6 {
	width: calc(600% - 3px);
}
.calendarList .calendar .event .cell .bar.wd7 {
	width: calc(700% - 2px);
}

.calendarList .legend ul {
	display: table;
	margin: 20px 0 0 0;
}
.calendarList .legend ul li {
	display: table-row;
	font-size: 13px;
}
.calendarList .legend ul li span {
	display: table-cell;
	padding: 0 0 10px 0;
	vertical-align: top;
}
.calendarList .legend ul li .bar {
	display: inline-block;
	min-width: 106px;
	margin-right: 5px;
	padding: 2px 0;
	color: #fff;
	font-size: 12px;
	vertical-align: middle;
}
.calendarList .slick-arrow {
	position: absolute;
	top: 3px;
	z-index: 10;
	width: 30px;
	height: 60px;
	cursor: pointer;
	outline: none;
	text-indent: -9999px;
	border: none;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #f3f3f3;
}
.calendarList .slick-prev {
	left: 23px;
	background-image: url(/common/images/icn_prev02.png);
}
.calendarList .slick-next {
	right: 23px;
	background-image: url(/common/images/icn_next02.png);
}



/*-------------------------------------
 page
-------------------------------------*/
.pageList {
	margin: 0 0 30px 0;
}
.pageList ul {
	letter-spacing: -0.5em;
	text-align: center;
}
.pageList ul li {
	display: inline-block;
	margin: 0 4px 8px 4px;
	letter-spacing: normal;
	vertical-align: middle;
}
.pageList ul li a,
.pageList ul li span {
	display: block;
	width: 33px;
	color: #403d3d;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 33px;
	text-align: center;
	border-radius: 3px;
	background: #efece7;
}
.pageList ul li .current {
	color: #fff;
	background: #063a77;
}
.pageList ul li .dots {
	width: auto;
	color: #8a8989;
	background: none;
}
.pageList ul li .prev,
.pageList ul li .next {
	width: auto;
}
.pageList ul li .prev {
	margin: 0 11px 0 0;
	padding: 0 18px 0 13px;
}
.pageList ul li .next {
	margin: 0 0 0 11px;
	padding: 0 13px 0 18px;
}


.pageLink {
	display: flex;
	padding: 50px 0 80px 0;
	color: #063a77;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 17px;
	font-weight: 500;
}
.pageLink a {
	display: inline-block;
	color: #063a77;
	background-repeat: no-repeat;
	background-size: 30px 24px;
}
.pageLink .next {
	margin-left: auto;
}
.pageLink .next a {
	padding: 0 42px 0 0;
	background-image: url(/common/images/icn_next01.png);
	background-position: right center;
}
.pageLink .prev a {
	padding: 0 0 0 42px;
	background-image: url(/common/images/icn_prev01.png);
	background-position: left center;
}


/*-------------------------------------
 banner
-------------------------------------*/
.bannerBlock {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9;
	padding: 15px 10px;
	background: rgba(0,0,0,0.8);
}







/*-------------------------------------
 common
-------------------------------------*/
.tag div {
	min-width: 90px;
	padding: 1px 3px;
	color:  #fff;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
	text-align: center;
	background: #ccc;
}
.tag .tagTour {
	background: #063a77;
}
.tag .tagNewest {
	background: #b8a569;
}
.tag .tagLocal {
	background: #574b6a;
}

.bgC01 {
	background: #efece7;
}
.bgC02 {
	
}

.noteStyle01 {
	color: #8a8989;
	font-size: 16px;
}





.fltL { float: left !important; }
.fltR { float: right !important; }
.alignL { text-align: left !important; }
.alignR { text-align: right !important; }
.alignC { text-align: center !important; }
.valignT { vertical-align: top !important; }
.valignM { vertical-align: middle !important; }
.valignB { vertical-align: bottom !important; }
.bold { font-weight: bold !important; }
.fontXS { font-size: 0.7em !important; }
.fontS { font-size: 0.8em !important; }
.fontM { font-size: 1em !important; }
.fontL { font-size: 1.2em !important; }
.fontXL { font-size: 1.5em !important; }
.fontXXL { font-size: 2em !important; }

.sup {
	font-size: 0.8em;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
.sub {
	font-size: 0.8em;
	vertical-align: bottom;
	position: relative;
	top: 0.1em;
}


.w5p { width: 5%; }
.w10p { width: 10%; }
.w15p { width: 15%; }
.w20p { width: 20%; }
.w25p { width: 25%; }
.w30p { width: 30%; }
.w35p { width: 35%; }
.w40p { width: 40%; }
.w45p { width: 45%; }
.w50p { width: 50%; }
.w55p { width: 55%; }
.w60p { width: 60%; }
.w65p { width: 65%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w100p { width: 100%; }


.w50 { width: 50px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w300 { width: 300px; }
.w400 { width: 400px; }
.w500 { width: 500px; }
.w600 { width: 600px; }


.mgnT0 { margin-top:0px !important; }
.mgnT5 { margin-top:5px !important; }
.mgnT10 { margin-top:10px !important; }
.mgnT15 { margin-top:15px !important; }
.mgnT20 { margin-top:20px !important; }
.mgnT25 { margin-top:25px !important; }
.mgnT30 { margin-top:30px !important; }
.mgnT35 { margin-top:35px !important; }
.mgnT40 { margin-top:40px !important; }
.mgnT50 { margin-top:50px !important; }
.mgnT60 { margin-top:60px !important; }
.mgnT5em { margin-top:5em !important; }

.mgnB0 { margin-bottom:0px !important; }
.mgnB5 { margin-bottom:5px !important; }
.mgnB10 { margin-bottom:10px !important; }
.mgnB15 { margin-bottom:15px !important; }
.mgnB20 { margin-bottom:20px !important; }
.mgnB25 { margin-bottom:25px !important; }
.mgnB30 { margin-bottom:30px !important; }
.mgnB35 { margin-bottom:35px !important; }
.mgnB40 { margin-bottom:40px !important; }
.mgnB50 { margin-bottom:50px !important; }
.mgnB60 { margin-bottom:60px !important; }
.mgnB5em { margin-bottom:5em !important; }

.mgnL0 { margin-left:0px !important; }
.mgnL5 { margin-left:5px !important; }
.mgnL10 { margin-left:10px !important; }
.mgnL15 { margin-left:15px !important; }
.mgnL20 { margin-left:20px !important; }
.mgnL25 { margin-left:25px !important; }
.mgnL30 { margin-left:30px !important; }
.mgnL35 { margin-left:35px !important; }
.mgnL40 { margin-left:40px !important; }
.mgnL50 { margin-left:50px !important; }
.mgnL60 { margin-left:60px !important; }

.mgnR0 { margin-right:0px !important; }
.mgnR5 { margin-right:5px !important; }
.mgnR10 { margin-right:10px !important; }
.mgnR15 { margin-right:15px !important; }
.mgnR20 { margin-right:20px !important; }
.mgnR25 { margin-right:25px !important; }
.mgnR30 { margin-right:30px !important; }
.mgnR35 { margin-right:35px !important; }
.mgnR40 { margin-right:40px !important; }
.mgnR50 { margin-right:50px !important; }
.mgnR60 { margin-right:60px !important; }

.pdg0 { padding:0px !important; }
.pdg5 { padding:5px !important; }
.pdg10 { padding:10px !important; }
.pdg15 { padding:15px !important; }
.pdg20 { padding:20px !important; }
.pdg25 { padding:25px !important; }
.pdg30 { padding:30px !important; }
.pdg35 { padding:35px !important; }
.pdg40 { padding:40px !important; }
.pdg50 { padding:50px !important; }
.pdg60 { padding:60px !important; }

.pdgT0 { padding-top:0px !important; }
.pdgT5 { padding-top:5px !important; }
.pdgT10 { padding-top:10px !important; }
.pdgT15 { padding-top:15px !important; }
.pdgT20 { padding-top:20px !important; }
.pdgT25 { padding-top:25px !important; }
.pdgT30 { padding-top:30px !important; }
.pdgT35 { padding-top:35px !important; }
.pdgT40 { padding-top:40px !important; }
.pdgT50 { padding-top:50px !important; }
.pdgT60 { padding-top:60px !important; }

.pdgB0 { padding-bottom:0px !important; }
.pdgB5 { padding-bottom:5px !important; }
.pdgB10 { padding-bottom:10px !important; }
.pdgB15 { padding-bottom:15px !important; }
.pdgB20 { padding-bottom:20px !important; }
.pdgB25 { padding-bottom:25px !important; }
.pdgB30 { padding-bottom:30px !important; }
.pdgB35 { padding-bottom:35px !important; }
.pdgB40 { padding-bottom:40px !important; }
.pdgB50 { padding-bottom:50px !important; }
.pdgB60 { padding-bottom:60px !important; }

.pdgL0 { padding-left:0px !important; }
.pdgL5 { padding-left:5px !important; }
.pdgL10 { padding-left:10px !important; }
.pdgL15 { padding-left:15px !important; }
.pdgL20 { padding-left:20px !important; }
.pdgL25 { padding-left:25px !important; }
.pdgL30 { padding-left:30px !important; }
.pdgL35 { padding-left:35px !important; }
.pdgL40 { padding-left:40px !important; }
.pdgL50 { padding-left:50px !important; }
.pdgL60 { padding-left:60px !important; }

.pdgR0 { padding-right:0px !important; }
.pdgR5 { padding-right:5px !important; }
.pdgR10 { padding-right:10px !important; }
.pdgR15 { padding-right:15px !important; }
.pdgR20 { padding-right:20px !important; }
.pdgR25 { padding-right:25px !important; }
.pdgR30 { padding-right:30px !important; }
.pdgR35 { padding-right:35px !important; }
.pdgR40 { padding-right:40px !important; }
.pdgR50 { padding-right:50px !important; }
.pdgR60 { padding-right:60px !important; }


.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-table;
	min-height:1%;
}
/* \*/
html .clearfix{
	* height:1%;
}
.clearfix{
	display:block;
}
/* */

.clear {
	clear: both;
}


















































/*-------------------------------------------------------------------
 Media Queries
-------------------------------------------------------------------*/


/* SP layout
-------------------------------------------------------------------*/
@media screen and (max-width: 960px) {

/*-------------------------------------
 title
-------------------------------------*/

/* level1
-------------------------------------*/
.ttlStyleA01 {
	margin: 0 0 10px 0;
	font-size: 26px;
}

/* level2
-------------------------------------*/
.ttlStyleB01 {
	margin: 0 0 15px 0;
	font-size: 24px;
}
.ttlStyleB02 {
	margin: 0 0 10px 0;
	padding: 40px 0 0 0;
	font-size: 24px;
	background-size: 29px auto;
}
.ttlStyleB03 {
	margin: 0 0 25px 0;
	padding: 0 0 45px 0;
	font-size: 24px;
	background-size: 29px auto;
}
.ttlStyleB04 {
	margin: 0 0 20px 0;
	padding: 45px 0 0 0;
	font-size: 22px;
	background-size: 29px auto;
}

/* level3
-------------------------------------*/
.ttlStyleC01 {
	margin: 0 -10px 20px -10px;
	padding: 7px 10px;
	font-size: 17px;
}
.ttlStyleC02 {
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	font-size: 16px;
	border-bottom: 3px solid #b8a569;
}

/* level4
-------------------------------------*/
.ttlStyleD01 {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	font-size: 16px;
	border-left: 3px solid #b8a569;
}

/* level5
-------------------------------------*/
.ttlStyleE01 {
	margin: 0 0 20px 0;
	font-size: 18px;
}


/*-------------------------------------
 block
-------------------------------------*/


.unitBlock p {
	line-height: 1.9;
}


.contactBlock .title {
	margin: 0 0 5px 0;
	font-size: 13px;
}
.contactBlock p {
	margin: 0 0 20px 0;
	font-size: 12px;
}
.contactBlock .tel {
	font-size: 37px;
}
.contactBlock .tel:before {
	width: 18px;
	height: 25px;
	margin-right: 11px;
	background-size: 18px 25px;
}

.newsBlock {
	padding: 0 0 40px 0;
}



/*-------------------------------------
 clm
-------------------------------------*/
.clmList01 {
	flex-direction: column;
	margin: 0;
}
.clmList01 .clm {
	width: 100%;
	padding: 0 0 30px 0;
}
.clmList01 .card {
	padding: 12px 15px 20px 15px;
}
.clmList01 .card .title {
	font-size: 19px;
}
.clmList01 .card .subtitle {
	font-size: 13px;
}
.clmList01 .card p {
	margin: 0 0 20px 0;
	font-size: 10px;
}
.clmList01 .card .slide {
	padding: 10px 0 15px 0;
}
.clmList01 .slide .slick-slide img {
	width: 100%;
}
.clmList01 .slide .slick-dots {
	margin: 7px -7px 0 0;
}
.clmList01 .slide .slick-dots li {
	padding: 0 7px 0 0;
}


.clmList02 {
	flex-direction: column;
	margin: 0;
}
.clmList02 .clm {
	width: 100%;
	padding: 0 0 30px 0;
}


/*-------------------------------------
 lead
-------------------------------------*/
.leadStyle01 {
	margin: 0 0 30px 0;
	font-size: 15px;
	line-height: 1.6;
	text-align: left;
}
.leadStyle01 p {
	line-height: 1.6;
}
.leadStyle02 {
	margin: 0 0 40px 0;
	line-height: 1.8;
}
.leadStyle03 {
	padding: 0 0 60px 0;
}
.leadStyle03 .title {
	padding: 20px 0;
	font-size: 30px;
}
.leadStyle03 p {
	font-size: 15px;
}



/*-------------------------------------
 box
-------------------------------------*/
.boxStyle01 {
	margin: 0 -10px 10px -10px;
	padding: 30px 10px 25px 10px;
	border-top: 3px solid #b8a569;
}
.boxStyle01:before {
	top: -3px;
	width: 17px;
	height: 18px;
	margin-left: -9px;
	background-size: 17px 18px;
}

.boxStyle02 {
	border: 2px solid #fff;
}
.boxStyle02 .title {
	padding: 7px 12px;
	font-size: 14px;
}
.boxStyle02 .item {
	padding: 10px 13px;
	font-size: 13px;
}
.boxStyle02 .item p {
	line-height: 1.6;
}

.boxStyle03 {
	margin: 0 -10px 10px -10px;
	padding: 30px 10px 5px 10px;
	border-top: 3px solid #b8a569;
}
.boxStyle03:before {
	top: -3px;
	width: 17px;
	height: 18px;
	margin-left: -9px;
	background-size: 17px 18px;
}


/*-------------------------------------
 btn
-------------------------------------*/

.btn a,
.btn .desabled {
	max-width: 298px;
	padding: 10px 35px;
	font-size: 15px;
}
.btnStyle01 a {
	border: 2px solid #063a77;
	background-position: right 12px center;
	background-size: 23px 8px;
	background-color: #fff;
}
.btnStyle02 a {
	border: 2px solid #063a77;
	background-position: right 12px center;
	background-size: 23px 8px;
}
.btnStyle03 a {
	border: 2px solid #063a77;
	background-position: right 12px center;
	background-size: 22px 14px;
}
.btnStyle04 a {
	background-image: url(/common/images/icn_btn04_sp.png);
	background-position: right 12px center;
	background-size: 23px 7px;
}
.btnStyle05 a {
	border: 2px solid #063a77;
	background-image: url(/common/images/icn_btn04_sp.png);
	background-position: right 12px center;
	background-size: 23px 7px;
}
.btnStyle06 a {
	border: 2px solid #9c8e63;
	background-position: right 12px center;
	background-size: 23px 7px;
}

.btnPdf a:before {
	left: 15px;
	width: 23px;
	height: 25px;
	margin-top: -13px;
	background-size: 23px 25px;
}
.btnPlan a {
	background-position: right 12px center;
	background-size: 22px 14px;
}
.btnPlan a:before {
	left: 16px;
	width: 25px;
	height: 21px;
	margin-top: -10px;
	background-size: 25px 21px;
}
.btnCalendar a:before {
	left: 15px;
	width: 32px;
	height: 30px;
	margin-top: -13px;
	background-size: 32px 30px;
}
.btnWeb a {
	width: 100%;
	max-width: 325px;
	padding: 10px 35px;
	font-size: 16px;
	line-height: 1.3;
	border: 2px solid #063a77;
	background-position: right 12px center;
	background-size: 23px 8px;
}
.btnWeb a:before {
	left: 16px;
	width: 33px;
	height: 30px;
	margin-top: -14px;
	background-size: 33px 30px;
}
.btnGuide a:before {
	left: 16px;
	width: 32px;
	height: 26px;
	margin-top: -13px;
	background-size: 32px 26px;
}
.btnFaq a:before {
	left: 15px;
	width: 28px;
	height: 32px;
	margin-top: -16px;
	background-size: 28px 32px;
}
.btnApplication a:before,
.btnStyle05.btnApplication a:before {
	left: 15px;
	width: 33px;
	height: 30px;
	margin-top: -12px;
	background-size: 33px 30px;
}
.btnRequest a:before,
.btnStyle05.btnRequest a:before {
	left: 15px;
	width: 25px;
	height: 25px;
	margin-top: -12px;
	background-size: 25px 25px;
}
.btnMail a {
	padding: 4px 35px;
	line-height: 1.3;
}
.btnMail a:before {
	left: 14px;
	width: 30px;
	height: 26px;
	margin-top: -13px;
	background-size: 30px 26px;
}
.btnFlag a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 1.5;
}


/*-------------------------------------
 list
-------------------------------------*/
.arwList01 {
	padding: 20px 0;
}
.arwList01 li {
	margin: 0 0 15px 0;
	padding: 0 0 0 30px;
	background-position: 0 7px;
	background-size: 19px 7px;
}


/*-------------------------------------
 table
-------------------------------------*/
.tblStyle01 {
	margin: 0 0 30px 0;
}
.tblStyle01 caption {
	font-size: 12px;
}
.tblStyle01 caption img {
	width: 16px;
	margin: 0 3px;
}
.tblStyle01 th {
	width: 20%;
	font-size: 12px;
}
.tblStyle01 .head th {
	padding: 10px 5px;
	font-size: 12px;
}
.tblStyle01 th .note {
	font-size: 11px;
}
.tblStyle01 td {
	padding: 10px 5px;
	font-size: 13px;
}
.tblStyle01 td.type {
	padding: 10px 5px;
	font-size: 12px;
}
.tblStyle01 td .icn img {
	width: 11px;
	margin-right: 4px;
}

.tblStyle02 {
	margin: 0 0 30px 0;
}
.tblStyle02 caption {
	font-size: 12px;
}
.tblStyle02 th {
	width: 10%;
	font-size: 12px;
}
.tblStyle02 .head th {
	padding: 10px 5px;
	font-size: 12px;
}
.tblStyle02 .note {
	font-size: 11px;
}
.tblStyle02 td {
	padding: 10px 5px;
	font-size: 12px;
}
.tblStyle02 .bold {
	font-size: 13px;
}

.tblStyle03 {
	margin: 0 0 30px 0;
}
.tblStyle03 caption {
	font-size: 12px;
}
.tblStyle03 th {
	width: 20%;
	padding: 10px 5px;
	font-size: 12px;
}
.tblStyle03 .head th {
	padding: 10px 5px;
	font-size: 12px;
}
.tblStyle03 .note {
	font-size: 11px;
}
.tblStyle03 td {
	padding: 10px 5px;
	font-size: 12px;
}
.tblStyle03 .bold {
	font-size: 13px;
}

.tblScroll {
	margin: 0 0 30px 0;
	overflow-x: auto;
	overflow-y: hidden;
}
.tblScroll table {
	width: 180vw;
	max-width: 1000px;
}


/*-------------------------------------
 img
-------------------------------------*/
.imgL {
	max-width: 47%;
	margin: 5px 20px 10px 0;
}
.imgR {
	max-width: 47%;
	margin: 5px 0 10px 20px;
}
.imgC {
	margin: 0 0 25px 0;
}
.imgList01 {
	margin-right: -20px;
}
.imgList01 li {
	width: 50%;
	padding: 0 20px 25px 0;
}

figcaption {
	padding: 3px 0 0 0;
	font-size: 11px;
}



/*-------------------------------------
 plan
-------------------------------------*/
.planLead .title {
	margin: 0 0 25px 0;
	padding: 45px 0 0 0;
	font-size: 22px;
	line-height: 1.6;
	background-size: 29px auto;
}
.planLead p {
	margin: 0 0 25px 0;
	font-size: 15px;
	line-height: 1.7;
}
.planLead figure {
	margin: 0 -10px;
}

.planList01,
.planList02 {
	padding: 0;
}
.planList02 .clm,
.planList01 .clm {
	margin: 0 0 30px 0;
}
.planList01 .clm a,
.planList02 .clm a {
	flex-direction: column;
}
.planList01 .clm figure,
.planList02 .clm figure {
	order: inherit;
	width: auto;
}
.planList01 .clm .item,
.planList02 .clm .item {
	width: auto;
	padding: 28px 20px 18px 20px;
}
.planList01 .clm .item:before,
.planList02 .clm .item:before {
	width: 17px;
	height: 18px;
	margin-left: -9px;
	background-size: 17px 18px;
}
.planList01 .clm .title,
.planList02 .clm .title {
	margin: 0 0 10px 0;
	font-size: 19px;
}
.planList01 .clm p,
.planList02 .clm p {
	font-size: 14px;
}

.planList01 {
	margin: 60px 0;
}
.planList01 .clm:last-child {
	bottom: -30px;
	margin: -30px 0 0 0;
}
.planList01 .clm:first-child {
	top: -30px;
	bottom: 0;
	margin: 0;
}

.planDetail {
	margin: 0;
	padding: 10px 0;
	line-height: 1.6;
}


.planTravel {
	padding: 25px 0 0 0;
}
.planTravel li {
	padding: 0 0 15px 0;
	font-size: 13px;
}
.planTravel li:before {
	top: 2px;
	left: 71px;
	width: 2px;
}
.planTravel li.b02:before {
	left: 70px;
	width: 4px;
}
.planTravel li.b03:before {
	left: 70px;
	width: 4px;
}
.planTravel li .time {
	width: 72px;
	padding: 0 12px 0 0;
}
.planTravel li .item {
	position: relative;
	padding: 0 0 0 20px;
}
.planTravel li .item:before {
	left: -7px;
	top: 2px;
	width: 14px;
	height: 14px;
	border: 3px solid #b8a569;
}
.planTravel li .note {
	font-size: 13px;
}
.planTravel li .balloon {
	padding: 10px;
}
.planTravel li .balloon:after {
	left: -9px;

	border-width: 4px 9px 4px 0;
}
.planTravel li .balloon .dt {
	font-size: 14px;
}
.planTravel li .balloon .dd {
	font-size: 12px;
}


/*-------------------------------------
 news
-------------------------------------*/
.newsTab {
	margin: 0 0 20px 0;
}
.newsList ul {
	display: block;
}
.newsTab ul li {
	margin: 0 12px 0 0;
	padding: 3px 10px;
	font-size: 15px;
}

.newsList {
	margin: 0 0 30px 0;
}
.newsList ul li {
	display: block;
	padding: 15px 0;
}
.newsList ul li > div {
	display: inline-block;
	width: auto;
	padding: 0;
}
.newsList ul li .tag {
	width: auto;
	padding: 0;
}
.newsList ul li .title {
	display: block;
	padding: 10px 0 0 0;
}

.newsBlock {
	padding: 0 0 40px 0;
}
.newsBlock table td {
	margin: 0 0 30px 0;
}
.newsBlock table td th {
	width: 20%;
	font-size: 12px;
}
.newsBlock table td {
	padding: 10px 5px;
	font-size: 13px;
}


/*-------------------------------------
 blog
-------------------------------------*/
.blogList {
	margin: 0 0 30px 0;
}
.blogList ul li {
	padding: 15px 0;
	line-height: 1.6;
}
.blogList ul li figure {
	width: 48%;
	max-width: 168px;
	margin: 0 12px 0 0;
}
.blogList ul li .date {
	padding: 0;
}



/*-------------------------------------
 concept
-------------------------------------*/

/* concept
-------------------------------------*/
.conceptCatch {
	flex-direction: column;
	padding: 10px 0 30px 0;
}
.conceptCatch h1 {
	padding: 0 0 30px 0;
	text-align: center;
}
.conceptCatch h1 img {
	max-width: 197px;
}
.conceptCatch .item {
	width: auto;
	margin-left: 0;
	text-align: center;
}
.conceptCatch .item p {
	font-size: 15px;
}

.conceptVisual {
	margin: -10px 0 70px 0;
}

.conceptLead {
	padding: 0 0 50px 0;
}
.conceptLead .title {
	margin: 0 0 25px 0;
	padding: 0 0 45px 0;
	font-size: 24px;
	background-size: 29px auto;
}
.conceptLead p {
	font-size: 15px;
}

.conceptClm {
	display: block;
	margin: 0;
}
.conceptClm .clm {
	width: auto;
	padding: 0 0 50px 0;
}
.conceptClm .clm figure {
	margin: 0 -10px;
}

.conceptBlock {
	padding: 0 0 50px 0;
}
.conceptBlock .imgL,
.conceptBlock .imgR {
	float: none;
	max-width: inherit;
	margin: 0 -10px 15px -10px;
}
.conceptBlock .imgL img,
.conceptBlock .imgR img {
	max-width: 100%;
}
.conceptBlock .imgL img {
	margin-left: 0;
}

/* design
-------------------------------------*/
.designFacility {
	padding: 0 10px 30px 10px;
}
.designFacility .train {
	margin: 0 -10px;
}
.designFacility .facility {
	max-width: 710px;
	margin: 0 auto;
	padding: 0;
	background: none;
}
.designFacility .facility ul {
	display: flex;
	margin: 0 -5px 5px 0;
	padding: 0;
}
.designFacility ul li {
	width: 12.5%;
	padding: 0 5px 0 0;
	text-align: center;
}
.designFacility ul li a {
	display: block;
	padding: 5px 0 3px 0;
	color: #9c8e63;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	border: 2px solid #9c8e63;
	background: #fff;
}
.designFacility ul li a em {
	display: block;
	font-size: 18px;
}
.designFacility p {
	margin: 0 0 5px 0;
}


.designGallery .clm {
	flex-direction: column;
	margin: 0 0 30px 0;
}
.designGallery .clm .item {
	width: auto;
	margin: 0 -10px;
	padding: 25px 10px 0 10px;
	border-top: 3px solid #b8a569;
	order: 0;
}
.designGallery .clm .item:before {
	top: -3px;
	width: 17px;
	height: 18px;
	margin-left: -9px;
	background-size: 17px 18px;
}
.designGallery .clm .title {
	margin: 0 0 10px 0;
	font-size: 18px;
}
.designGallery .clm p {
	margin: 0 0 20px 0;
	font-size: 14px;
	line-height: 1.9;
}
.designGallery .clm .slide,
.designGallery .clm figure {
	width: 100%;
	margin: 0 0 25px 0;
}
.designGallery .clm .slick-dots {
	margin: 7px -7px 0 0;
}
.designGallery .clm .slick-dots li {
	padding: 0 7px 0 0;
}

.designGallery .clm.platinum .item {
	margin: 0 -10px;
}
.designGallery .clm.platinum .slide img {
	max-width: 100%;
}


.designGallery .clm.family .item {
	padding: 0 10px;
}
.designGallery .clm.family .title {
	margin: 0 0 10px 0;
	padding: 4px;
	font-size: 16px;
}


.designGalleryBus .clm:nth-child(even) .item {
	margin: 0 -10px;
}

/* partner
-------------------------------------*/
.partnerList {
	max-width: 750px;
	margin: 0 auto;
	padding: 0 0 50px 0;
}
.partnerList ul {
	display: flex;
	flex-direction: column;
	margin: 0 -10px;
}
.partnerList ul li {
	width: 100%;
	padding: 0 0 6px 0;
}
.partnerList ul li.w50p {
	width: 100%
}

.partnerBox {
	margin: 0 0 30px 0;
	padding: 25px 15px 15px 15px;
}
.partnerBox .name {
	margin: 0 0 20px 0;
	text-align: center;
}
.partnerBox .name span {
	display: block;
}
.partnerBox .name .ja {
	margin: 0;
	font-size: 31px;
}
.partnerBox .name .en {
	margin: 2px 0 5px 0;
	font-size: 15px;
}
.partnerBox .pic {
	float: none;
	width: auto;
	margin: 0 0 20px 0;
	text-align: center;
}
.partnerBox .pic img {
	width: 238px;
}
.partnerBox .link {
	padding: 15px 0 0 0;
	text-align: left;
}
.partnerBox .link a {
	padding: 0 0 0 30px;
	font-size: 13px;
	background-position: left top;
	background-size: 23px 17px;
}
.partnerBox .item h3 {
	font-size: 20px;
}
.partnerBox .item h4 {
	font-size: 15px;
}
.partnerBox .item p {
	margin: 0 0 15px 0;
	font-size: 13px;
	line-height: 2;
}
.partnerBox .profile {
	margin: 0 0 40px 0;
	font-size: 13px;
}


/* reception
-------------------------------------*/
.receptionPhoto {
	margin: 0 0 30px 0;
}
.receptionPhoto ul {
	display: block;
	max-width: 560px;
	margin: 0 auto;
}
.receptionPhoto ul li {
	width: auto;
	padding: 0 0 30px 0;
}
.receptionPhoto ul li p {
	font-size: 13px;
}
.receptionList {
	margin: 0 0 30px 0;
}
.receptionList ul li {
	flex-direction: column;
}
.receptionList ul li figure {
	width: auto;
	margin: 0 0 15px 0;
	text-align: center;
}
.receptionList ul li .title {
	padding: 0 0 10px 0;
	font-size: 20px;
	text-align: center;
}

.receptionFlag {
	margin: 0 0 20px 0;
}
.receptionFlag figure {
	margin: 0 0 20px 0;
}

.receptionPrepare dl dt {
	padding: 15px 10px;
}
.receptionPrepare dl dd {
	padding: 15px 10px;
}

.receptionStep ul {
	flex-direction: column;
	margin: 0;
}
.receptionStep ul li {
	width: auto;
	margin: 0 0 30px 0;
}
.receptionStep ul li p {
	height: 80px;
	padding: 0 20px;
	font-size: 16px;
}


/*-------------------------------------
 guidance
-------------------------------------*/
.guidanceCase .title,
.guidanceFlow .title {
	width: auto;
	margin: -15px -15px 0 -15px;
	padding: 25px 10px 12px 10px;
	font-size: 18px;
	border-top: 3px solid #b8a569;
	order: 0;
}
.guidanceCase .title:before,
.guidanceFlow .title:before {
	top: -3px;
	width: 17px;
	height: 18px;
	margin-left: -9px;
	background-size: 17px 18px;
}
.guidanceCase p,
.guidanceFlow p {
	font-size: 13px;
	text-align: left;
}

.guidanceCase {
	display: block;
	margin: 0;
}
.guidanceCase > div {
	width: auto;
	margin: 0 0 25px 0;
	padding: 15px 15px 30px 15px;
}
	
.guidanceCase p span{
	font-size: 0.9em;
}

.guidanceWeb p {
	padding: 15px 0;
}
.guidancePost p {
	padding: 0 0 20px 0;
}
.guidancePost .contact .title {
	font-size: 13px;
}
.guidancePost .contact p {
	margin: -5px 0 20px 0;
	font-size: 12px;
	text-align: center;
}
.guidancePost .contact .tel {
	font-size: 37px;
}
.guidancePost .contact .tel:before {
	width: 18px;
	height: 25px;
	margin-right: 11px;
	background-size: 18px 25px;
}

.guidancePost .note {
	padding: 15px 0 25px 0;
}
.guidancePost .note li {
	font-size: 13px;
}

/* 
-------------------------------------*/
.guidanceFlow {
	margin: 0 0 35px 0;
	padding: 15px 15px 20px 15px;
}
.guidanceFlow:after {
	bottom: -20px;
	margin-left: -38px;
	border-width: 20px 38px 0 38px;
}
.guidanceFlow p {
	margin: 0;
}

.guidanceFlow .list {
	margin: 5px 0 0 0;
	text-align: left;
}
.guidanceFlow .list li {
	display: block;
	padding: 0 0 8px 26px;
	font-size: 13px;
	background-position: 0 4px;
	background-size: 18px auto;
}
.guidanceFlow .list li:after {
	width: 9px;
	height: 12px;
	margin-left: 5px;
	vertical-align: middle;
	background-size: 9px 12px;
}

.guidanceFlow .note {
	margin: 15px 0 0 0;
	padding: 20px 0 0 0;
}
.guidanceFlow .note li {
	font-size: 13px;
}

.guidanceBtn {
	margin: -10px 0;
}
.guidanceBtn li {
	display: block;
	width: auto;
	margin: 0;
	padding: 10px 0;
}

/*-------------------------------------
 faq
-------------------------------------*/
.faqAnchor ul {
	display: flex;
	margin: 0 -5px -80px -5px;
}
.faqAnchor ul li {
	padding: 0 5px;
}
.faqAnchor ul li a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 7px 20px 7px 10px;
	color: #b8a569;
	font-size: 14px;
	line-height: 1.3;
	text-align: left;
	background-image: url(/common/images/icn_btn05_sp.png);
	background-position: right 10px center;
	background-size: 7px 16px;
	background-color: #fff;
}
.faqAnchor ul li a:before {
	display: none;
}

.faqList .faq {
	line-height: 1.5;
}
.faqList .faq .mark {
	width: 35px;
	margin-top: -3px;
	padding: 0 4px;
	font-size: 21px;
	line-height: 1.2;
}
.faqList .faq .qline {
	padding: 20px 30px 20px 0;
	font-size: 16px;
}
.faqList .faq .qline:before {
	top: 20px;
	right: 0;
	width: 22px;
	height: 22px;
	background-size: 13px 13px;
}
.faqList .faq .qline .mark {
	margin-top: -3px;
}
.faqList .faq .aline {
	padding: 12px 0 12px 8px;
	line-height: 1.8;
}
.faqList .faq .aline .mark {
	margin-top: 0;
}


/*-------------------------------------
 calendar
-------------------------------------*/
.calendarList .clm {
	padding: 0;
}
.calendarList .date {
	font-size: 16px;
}
.calendarList .date em {
	font-size: 28px;
}
.calendarList .month {
	font-size: 11px;
}
.calendarList .calendar .week .cell {
	font-size: 14px;
}
.calendarList .calendar .row {
	min-height: 100px;
	margin: 0 -2px 0 0;
}
.calendarList .calendar .grid .cell {
	border-top: 3px solid #ccc;
	margin: 0 2px 0 0;
}
.calendarList .calendar .day {
	padding: 0 3px;
	font-size: 13px;
}
.calendarList .calendar .event {
	padding:  22px 0 0 0;
}
.calendarList .calendar .event .cell {
	margin: 0 2px 0 0;
}
.calendarList .calendar .event .cell .ev {
	min-height: 15px;
	margin: 0 0 3px 0;
}

.calendarList .calendar .event .cell .bar {
	left: 5px;
	padding: 1px 3px 3px 3px;
	font-size: 10px;
	line-height: 11px;
}
.calendarList .calendar .event .cell .bar.wd1 {
	width: calc(100% - 10px);
}
.calendarList .calendar .event .cell .bar.wd2 {
	width: calc(200% - 8px);
}
.calendarList .calendar .event .cell .bar.wd3 {
	width: calc(300% - 6px);
}
.calendarList .calendar .event .cell .bar.wd4 {
	width: calc(400% - 4px);
}
.calendarList .calendar .event .cell .bar.wd5 {
	width: calc(500% - 2px);
}
.calendarList .calendar .event .cell .bar.wd6 {
	width: calc(600% - 0px);
}
.calendarList .calendar .event .cell .bar.wd7 {
	width: calc(700% + 2px);
}

.calendarList .legend ul li {
	font-size: 12px;
}
.calendarList .legend ul li .bar {
	min-width: 100px;
	font-size: 11px;
}

.calendarList .slick-arrow {
	top: 0;
	width: 20px;
	height: 55px;
	background-size: 8px 13px;
}
.calendarList .slick-prev {
	left: 0;
	background-image: url(/common/images/icn_prev02_sp.png);
}
.calendarList .slick-next {
	right: 0;
	background-image: url(/common/images/icn_next02_sp.png);
}





/*-------------------------------------
 page
-------------------------------------*/
.pageList ul li {
	margin: 0 3px 6px 3px;
}
.pageList ul li a,
.pageList ul li span {
	width: 28px;
	font-size: 15px;
	line-height: 28px;
}
.pageList ul li .prev {
	margin: 0 9px 0 0;
	padding: 0 14px 0 10px;
}
.pageList ul li .next {
	margin: 0 0 0 9px;
	padding: 0 10px 0 14px;
}


.pageLink {
	padding: 20px 0 50px 0;
	font-size: 13px;
}
.pageLink a {
	background-size: 23px 17px;
}
.pageLink .next a {
	padding: 0 32px 0 0;
}
.pageLink .prev a {
	padding: 0 0 0 32px;
}






/*-------------------------------------
 common
-------------------------------------*/
.tag div {
	min-width: 70px;
	font-size: 11px;

}




.noteStyle01 {
	font-size: 12px;
}






}






/* mobile layout
-------------------------------------------------------------------*/
@media screen and (max-width: 480px) {



}





/* PC layout
-------------------------------------------------------------------*/
@media screen and (min-width: 961px) {

a:hover {
	color: #8a8989;
	text-decoration: none;
}
.btn a,
.card a,
.planList01 .clm a,
.planList02 .clm a,
.clmList01 .slide .slick-dots li img,
.pageList ul li a,
.pageLink a,
.calendarList .slick-arrow,
.calendarList .calendar .event .cell .bar,
.designFacility .facility .slides .slick-arrow {
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	backface-visibility: hidden;
	text-decoration: none;
}
.card a:hover,
.planList01 .clm a:hover,
.planList02 .clm a:hover,
.clmList01 .slide .slick-dots li img:hover,
.pageList ul li a:hover,
.pageLink a:hover,
.calendarList .calendar .event .cell .bar:hover {
	opacity: 0.7;
}


.btnStyle01 a:hover {
	background-color: #fff;
}
.btnStyle02 a:hover,
.btnStyle03 a:hover,
.btnPlan a:hover {
	background-color: #063a77;
}
.btnStyle04 a:hover,
.btnStyle05 a:hover {
	color: #b8a569;
	background-color: #063a77;
}
.btnStyle06 a:hover {
	color: #063a77;
	background-color: #9c8e63;
}
.btnPdf a:hover:before {
	background-image: url(/common/images/icn_btn_pdf_on.png);
}
.btnCalendar a:hover:before {
	background-image: url(/common/images/icn_btn_calendar_on.png);
}
.btnPlan a:hover:before {
	background-image: url(/common/images/icn_btn_list_on.png);
}
.btnWeb a:hover {
	color: #063a77;
	background-image: url(/common/images/icn_btn01_on.png);
	background-color: #b8a569;
}
.btnWeb a:hover:before {
	background-image: url(/common/images/icn_btn_web_on.png);
}
.btnGuide a:hover:before {
	background-image: url(/common/images/icn_btn_guide_on.png);
}
.btnFaq a:hover:before {
	background-image: url(/common/images/icn_btn_faq_on.png);
}
.btnApplication a:hover:before {
	background-image: url(/common/images/icn_btn_web.png);
}
.btnRequest a:hover:before {
	background-image: url(/common/images/icn_btn_request_on.png);
}
.btnMail a:hover:before {
	background-image: url(/common/images/icn_btn_mail_on.png);
}
.faqAnchor ul li a:hover {
	color: #063a77;
	background-image: url(/common/images/icn_btn05_on.png);
	background-color: #fff;
}

.calendarList .slick-prev:hover,
.designFacility .facility .slides .slick-prev:hover {
	background-image: url(/common/images/icn_prev03.png);
	background-color: #063a77;
}
.calendarList .slick-next:hover,
.designFacility .facility .slides .slick-next:hover {
	background-image: url(/common/images/icn_next03.png);
	background-color: #063a77;
}


}



