<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/*==============================
 Body
==============================*/
body {
	overflow: hidden;
	font-size: 100%;
	word-wrap: break-word;
	-webkit-overflow-scrolling: touch;
	-webkit-text-size-adjust: none;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #06C;
	text-decoration: none;
}
.pc {
	display: none;
}
br.none {
	display: none;
}

/*==============================
 Header
==============================*/
header {
	position: relative;
	width: 100%;
	clear: both;
}
header h1 {
	width: 100%;
	height: 40px;
	clear: both;
	font: bold 1.4em/40px "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
}
header h1 br {
	display: none;
}
header a.logo {
	position: absolute;
	width: 120px;
	top: 50px;
	left: 1%;
	z-index: 1000;
	text-align: center;
	border-radius: 10px;
	background: rgba(255,255,255,0.9);
}
header a.logo_sp {
	display: none;
}
header a.logo img {
	width: 80px;
	height: 80px;
	display: block;
	margin: 20px;
}
header .inner {
	position: relative;
	width: 100%;
	clear: both;
	padding: 10px 0;
	background: #6FBAC8;
}
header .inner a.back {
	position: absolute;
	width: 140px;
	height: 30px;
	top: 20px;
	left: 10px;
	display: block;
	font-size: 1.2em;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	border: solid 1px #FFF;
	border-radius: 20px;
}

/*==============================
 Common
==============================*/
main {
	position: relative;
	width: 100%;
	clear: both;
	display: block;
}
article {
	clear: both;
	margin: 0 auto;
}
.block {
	position: relative;
	width: 96%;
	max-width: 1200px;
	clear: both;
	display: block;
	margin: 0 auto;
}
h2.title {
	width: 100%;
	clear: both;
	display: block;
	margin: 10px auto;
	font: bold 1.4em/1.6em "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
	color: #FFF;
}
h2.title span {
	display: block;
	margin-bottom: 10px;
	font: normal 1.8em/1em trajan-pro-3, "Times New Roman", Times, "serif";
}

/*==============================
 メインビジュアル
==============================*/
#main_visual {
	position: relative;
	width: 100%;
	clear: both;
	padding-bottom: 30px;
	background: #6FBAC8;
}
#main_visual .mainTitle {
	position: absolute;
	width: 70%;
	top: 3%;
	left: 140px;
}
#main_visual .mainDebut {
	width: 70%;
	clear: both;
	display: block;
	margin: 30px auto;
}
#main_visual a.btnForm {
	width: 40%;
	height: 50px;
	display: block;
	margin: 0 auto;
	padding-left: 20px;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	color: #FFF;
	border: solid 1px #FFF;
	border-radius: 5px;
	background: url("../images/icon_mail_w.png") no-repeat left 15px center;
	background-size: 30px;
	box-sizing: border-box;
}

/*==============================
 特長
==============================*/
#feature {
	width: 100%;
	clear: both;
	padding: 20px 0;
	background: url("../images/feature_bg.png") center center;
}
#feature .featureCopy {
	width: 90%;
	clear: both;
	margin: 0 auto 10px;
	font: bold 1.6em/1.6em "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
	color: #403000;
}
#feature .featureRead {
	width: 90%;
	clear: both;
	margin: 10px auto 0;
	font: normal 1.2em/1.6em "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #403000;
}
#feature ul {
	width: 90%;
	clear: both;
	display: -webkit-flex;
	display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-content: flex-start;
		align-content: flex-start;
		-webkit-align-item: flex-start;
		align-item: flex-start;
		/*-webkit-flex-wrap: wrap;
		flex-wrap: wrap;*/
	margin: 0 auto;
}
#feature ul li {
	width: 32%;
	display: block;
	box-sizing: border-box;
}

/*==============================
 ギャラリー
==============================*/
#gallery {
	width: 100%;
	clear: both;
	padding: 20px 0;
	background: url("../images/gallery_bg.png");
}
#gallery h2.title {
	color: #403000;
}
#gallery .slide {
	width: 100%;
	clear: both;
	display: block;
	overflow: hidden;
	margin: 0 auto 15px;
	text-align: center;
}
#gallery .slide ul.bxslider {
	position: relative;
	width: 100%;
	clear: both;
	display: block;
	text-align: center;
}
#gallery .slide ul.bxslider li {
	text-align: center;
}
#gallery .slide ul.bxslider li img {
	width: 90%;
	margin: 0 auto;
	border: solid 5px #FFF;
}
#gallery .slide ul.bxslider li .caption {
	width: 100%;
    clear: both;
	padding: 10px 0;
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: center;
}
#gallery ul.bx-pager {
	width: 80%;
	clear: both;
	display: -webkit-flex;
	display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-content: flex-start;
		align-content: flex-start;
		-webkit-align-item: flex-start;
		align-item: flex-start;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	margin: 0 auto;
	text-align: center;
}
#gallery ul.bx-pager li {
	width: 18%;
	display: block;
	margin: 1%;
	cursor: pointer;
}
#gallery ul.bx-pager li img {
	width: 100%;
	object-fit: contain;
	object-position: 50% 50%;
	font-family: 'object-fit: contain; object-position: 50% 50%;'/*IE/Edge対応*/
}

/*==============================
 概要
==============================*/
#outline {
	width: 100%;
	clear: both;
	display: -webkit-flex;
	display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-content: flex-start;
		align-content: flex-start;
		-webkit-align-item: flex-start;
		align-item: flex-start;
		/*-webkit-flex-wrap: wrap;
		flex-wrap: wrap;*/
	background: url("../images/outline_bg.jpg") no-repeat left top #FBF9EE;
	background-size: 55% auto;
}
#outline h2.title {
	color: #403000;
}
#outline .outlineBlock {
	width: 90%;
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
}
#outline .outlineBlock dl.outlineList {
	width: 60%;
	clear: both;
	display: -webkit-flex;
	display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-content: center;
		align-content: center;
		-webkit-align-item: center;
		align-item: center;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	margin: 0 auto;
	padding: 10px 0;
}
#outline .outlineBlock dl.outlineList dt,
#outline .outlineBlock dl.outlineList dd {
	padding: 15px 0;
	font-size: 1em;
	line-height: 1.6em;
	border-top: solid 1px #CCC;
}
#outline .outlineBlock dl.outlineList dt {
	width: 30%;
}
#outline .outlineBlock dl.outlineList dd {
	width: 70%;
}
#outline .outlineBlock h3 {
	width: 100%;
	clear: both;
	padding: 5px 0;
	font-size: 1.2em;
	line-height: 1.4em;
}
#outline .outlineBlock table {
	width: 100%;
	clear: both;
	border-top: solid 1px #333;
	border-left: solid 1px #333;
	background: #FFF;
	box-sizing: border-box;
}
#outline .outlineBlock table th,
#outline .outlineBlock table td {
	padding: 10px 5px;
	font-size: 1em;
	line-height: 1.4em;
	text-align: center;
	border-bottom: solid 1px #333;
	border-right: solid 1px #333;
}
#outline .outlineBlock table th {
	color: #FFF;
}
#outline .outlineBlock table .Blue {
	background: #0085B2;
}
#outline .outlineBlock table .darkBlue {
	background: #00698C;
}
#outline .outlineBlock table .lightBlue {
	text-align: left;
	background: #F4FAFB;
}
#outline .outlineBlock .note {
	width: 100%;
	clear: both;
	padding: 5px 0;
	font-size: 0.8em;
	line-height: 1.6em;
}

/*==============================
 アクセス
==============================*/
#access {
	width: 100%;
	clear: both;
	display: -webkit-flex;
	display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-content: flex-start;
		align-content: flex-start;
		-webkit-align-item: flex-start;
		align-item: flex-start;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
}
#access .accessBlock {
	width: 100%;
	height: 400px;
	clear: both;
	padding: 20px 0;
	background: url("../images/access_bg.jpg") no-repeat center center;
	background-size: cover;
	box-sizing: border-box;
}
#access .accessBlock address {
	width: 100%;
	clear: both;
	font: bold 1.4em/1.6em "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align: center;
	color: #FFF;
}
#access .accessBlock address a {
	color: #FFF;
}
#access iframe {
	width: 100%;
	height: 300px;
}

/*==============================
 フォーム
==============================*/
#form {
	width: 90%;
	clear: both;
	margin: 0 auto;
}
#form .text,
#form .thanks {
	width: 100%;
	clear: both;
	padding: 20px 0;
	font-size: 1em;
	line-height: 1.6em;
	text-align: center;
}
#form dl {
	width: 100%;
	clear: both;
	float: left;
	padding: 10px 0;
	border-top: solid 1px #CCC;
}
#form dl a {
	text-decoration: underline;
}
#form dl dt {
	position: relative;
	width: 100%;
	clear: both;
	padding: 5px 0;
	font-size: 1.2em;
	line-height: 1.6em;
	box-sizing: border-box;
}
#form dl dt .must {
	width: 36px;
	height: 24px;
	display: inline-block;
	margin-left: 10px;
	font-size: 0.8em;
	line-height: 24px;
	text-align: center;
	color: red;
	border: solid 1px red;
}
#form dl dt .note,
#form dl dd .note {
	margin-top: 5px;
	font-size: 0.8em;
	line-height: 1.4em;
	color: #666;
}
#form dl dd {
	width: 100%;
	clear: both;
	padding: 5px 0;
	font-size: 1.2em;
	line-height: 1.6em;
}
#form dl dd .error {
	margin-left: 5px;
	font-size: 1em;
	line-height: 1.2em;
	color: red;
}
#form dl dd input.ip01,
#form dl dd input.ip02,
#form dl dd input.ip03,
#form dl dd input.ip04,
#form dl dd input.ip05 {
	padding: 5px;
	box-sizing: border-box;
}
#form dl dd input.ip01 {
	width: 60%;
}
#form dl dd input.ip02 {
	width: 100%;
}
#form dl dd input.ip03 {
	width: 25%;
}
#form dl dd input.ip04 {
	width: 20%;
}
#form dl dd input.ip05 {
	width: 10%;
}
#form dl dd textarea {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}
#form dl dd.check {
	text-align: center;
}
#form dl dd input[type=checkbox] {
	display: inline-block;
}
#form label {
	width: 90%;
	display: block;
	margin: 5px auto;
	padding: 0;
}
#form select {
	width: 50%;
}
#form .privacy {
	width: 100%;
	float: left;
	clear: both;
	font-size: 1em;
	line-height: 1.6em;
}
#form .btn_send {
	width: 100%;
	clear: both;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}
#form .btn_confirm {
	width: 100%;
	clear: both;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}

/*確認画面へ進むボタン用*/
.mw_wp_form_input .btn input {
	background: url(../images/contact/btn_confirm.png) no-repeat #333;
	width: 300px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	color: #FFF;
}
.mw_wp_form_confirm .btn input {
/*送信ボタン用*/
	background: url(../images/contact/btn_send.png) no-repeat #333;
	width: 200px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	color: #FFF;
}
#submitback {
	width: 100%;
	text-align: center;
	clear: both;
}

/*戻るボタン用*/
#submitback input {
	background: url(../images/contact/btn_back.png) no-repeat #333;
	width: 200px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
#form .btn_back a {
	width: 40%;
	height: 50px;
	clear: both;
	display: block;
	margin: 20px auto;
	padding: 10px 0;
	font-size: 1.6em;
	line-height: 50px;
	text-align: center;
	color: #999;
	border-radius: 25px;
	background: #CCC;
}

/*プライバシーポリシー*/
#form .privacy_area {
	width: 100%;
	height: 360px;
	clear: both;
	overflow: auto;
	margin: auto 0;
	padding: 20px;
	border: solid 5px #EEE;
	box-sizing: border-box;
}
#form .privacy_area h3 {
	width: 100%;
	clear: both;
	margin: 0 auto;
	font-size: 1.4em;
	line-height: 1.2em;
	text-align: center;
}

/*==============================
サイトポリシー／個人情報保護方針
==============================*/
#policy {
	width: 100%;
	clear: both;
	padding-bottom: 20px;
}
#policy .date,
#form .privacy_area .date {
	width: 100%;
	float: right;
	clear: both;
	margin-top: 20px;
	font-size: 1em;
	line-height: 1.6em;
	padding-bottom: 20px;
	text-align: right;
}
#policy .text,
#form .privacy_area .text {
	width: 100%;
	clear: both;
	margin: 20px 0;
	padding: 0;
	font-size: 1.2em;
	line-height: 1.6em;
	text-align: left;
	border: none;
}
#policy .text2,
#form .privacy_area .text2 {
	width: 100%;
	clear: both;
	margin-bottom: 20px;
	font-size: 1em;
	line-height: 1.6em;
}
#policy .subject,
#form .privacy_area .subject {
	width: 100%;
	clear: both;
	margin-bottom: 5px;
	padding: 10px 0 5px 0;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.2em;
}
#policy .text a,
#policy .text2 a {
	color: #03C;
	text-decoration: underline;
}
#policy .text a:hover,
#policy .text2 a:hover {
	color: #CCC;
}
#policy dl,
#form .privacy_area dl {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 20px;
	border: none;
}
#policy dl dt,
#form .privacy_area dl dt {
	width: 2%;
	float: left;
	font-size: 1.1em;
	line-height: 1.6em;
	text-align: right;
}
#policy dl dd,
#form .privacy_area dl dd {
	width: 97%;
	float: right;
	font-size: 1.1em;
	line-height: 1.6em;
}
#policy dl ul,
#form .privacy_area dl ul {
	width: 95%;
	float: right;
	clear: both;
	margin-top: 10px;
}
#policy dl ul li,
#form .privacy_area dl ul li {
	float: left;
	clear: both;
	margin-bottom: 5px;
	font-size: 1.1em;
	line-height: 1.4em;
	list-style-position: outside;
	list-style-type: disc;
}
#policy dl.privacy_contact,
#form .privacy_area dl.privacy_contact {
	width: 49%;
	display: block;
	margin-top: 20px;
}
#policy dl.fl,
#form .privacy_area dl.fl {
	float: left;
	clear: left;
}
#policy dl.fr,
#form .privacy_area dl.fr {
	float: right;
	clear: right;
}
#policy dl.privacy_contact h3,
#form .privacy_area dl.privacy_contact h3 {
	width: 100%;
	margin-bottom: 5px;
	padding: 10px 0;
	font-size: 1.1em;
	line-height: 1.4em;
	background: #E5EAF1;
	text-align: center;
	border: none;
}
#policy dl.privacy_contact dt,
#form .privacy_area dl.privacy_contact dt {
	width: 100%;
	padding: 5px 0;
	font-size: 1.4em;
	line-height: 1.4em;
	text-align: center;
}
#policy dl.privacy_contact dd,
#form .privacy_area dl.privacy_contact dd {
	width: 100%;
	margin-bottom: 5px;
	padding: 5px 0;
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: center;
}

/*==============================
Footer
==============================*/
footer {
	width: 100%;
	clear: both;
}
footer a {
	color: #333;
 	text-decoration: none;
}
footer a:hover {
	color: #000;
 	text-decoration: none;
}
footer #page-top{
	position: fixed;
	width: 100px;
	right: 40px;
	bottom: 70px;
	z-index: 10000;
	border-radius: 50px;
	background: rgba(0,0,0,0.25);
}
footer .contact {
	width: 100%;
	clear: both;
	margin: auto 0;
	padding: 20px 0 0;
	background: #6FBAC8;
}
footer .contact .contact_block {
	position: relative;
	width: 60%;
	clear: both;
	display: -webkit-flex;
	display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-content: flex-start;
		align-content: flex-start;
		-webkit-align-item: flex-start;
		align-item: flex-start;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	margin: 0 auto;
	padding: 20px 0 0;
}
footer .contact dl.contact_box {
	position: relative;
	width: 100%;
	display: block;
	padding: 10px 0;
	text-align: center;
	letter-spacing: normal;
	color: #FFF;
	border-top: solid 1px #FFF;
}
footer .contact dl.contact_box a.tel {
	width: 100%;
	clear: both;
	margin: 0 auto;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	color: #FFF;
}
footer .contact dl.contact_box a.tel span {
	font-size: 0.6em;
}
footer .contact dl.contact_box a.btn_web {
	width: 70%;
	height: 50px;
	clear: both;
	display: block;
	margin: 0 auto;
	padding-left: 20px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	color: #6FBAC8;
	border-radius: 5px;
	background: url("../images/icon_mail.png") no-repeat left 20px center #FFF;
	background-size: 30px;
	box-sizing: border-box;
}
footer .contact dl.contact_box dt {
	width: 100%;
	height: 30px;
	clear: both;
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 30px;
}
footer .contact dl.contact_box dt img {
	width: 30px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
footer .contact dl.contact_box dd {
	width: 100%;
	clear: both;
	padding: 10px 0;
	font-size: 1em;
	line-height: 1.6em;
}
footer .copyright {
	width: 100%;
	clear: both;
	padding: 10px 0;
	font-size: 0.8em;
	line-height: 1em;
	text-align: center;
	color: #666;
}</pre></body></html>