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

	繝ｪ繧ｻ繝�ヨ

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

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
img {
	max-width: 100%;
	height: auto;
	border: none;
	vertical-align: top;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


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

	繧ｰ繝ｭ繝ｼ繝舌Ν

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

body {
	font-family: "Hiragino Maru Gothic W4 JIS2004", "貂ｸ繧ｴ繧ｷ繝�け", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", "繝｡繧､繝ｪ繧ｪ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	color: #333;
	font-size: 1em;
	line-height: 1.8;
	background-image: url("../images/common/bg.jpg");
	position: relative;
	min-width: 1190px;
}

p { margin-bottom: 30px;}
p:last-child { margin-bottom: 0px;}

a { color: #29A2D9;}
a:hover, a:active { color: #6ECAEA; text-decoration: none;}

/* 譁�ｭ苓｣�｣ｾ */
.fo06 { font-size: 0.6em !important;}
.fo07 { font-size: 0.7em !important;}
.fo075 { font-size: 0.75em !important;}
.fo08 { font-size: 0.8em !important;}
.fo085 { font-size: 0.85em !important;}
.fo09 { font-size: 0.9em !important;}
.fo095 { font-size: 0.95em !important;}
.fo105 { font-size: 1.05em !important;}
.fo11 { font-size: 1.1em !important;}
.fo115 { font-size: 1.15em !important;}
.fo12 { font-size: 1.2em !important;}
.fo13 { font-size: 1.3em !important;}
.fo14 { font-size: 1.4em !important;}
.fo15 { font-size: 1.5em !important;}
.fo16 { font-size: 1.6em !important;}
.fo17 { font-size: 1.7em !important;}
.fo18 { font-size: 1.8em !important;}
.fo21 { font-size: 2.1em !important;}
.fo25 { font-size: 2.5em !important;}

.lh12 { line-height: 1.2;}
.lh14 { line-height: 1.4;}
.lh16 { line-height: 1.6;}
.lh18 { line-height: 1.8;}
.lh20 { line-height: 2;}

.fo_white { color: #FFFFFF;}

/*
 * "繝輔か繝ｳ繝亥錐" licensed under the IPA Font License Agreement v1.0
 * https://www.flopdesign.com/freefont/utsukushi-mincho-font.html
 * http://ipafont.ipa.go.jp/
 * http://ipafont.ipa.go.jp/ipa_font_license_v1.html
 */
@font-face {
	font-family: "Utsukushi";
	src: url(/font/utsukushi.eot);
	src: url(/font/utsukushi.eot?#iefix) format("embedded-opentype"), url(/font/utsukushi.woff) format("woff"), url(/font/utsukushi.otf) format("opentype");
}
.fo_utsukushi { font-family: "Utsukushi", "Times New Roman", "貂ｸ譏取悃", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;}

.fo_noto { font-family: 'Noto Sans JP', sans-serif;}

/* 繝懊ャ繧ｯ繧ｹ */
.container {
	width: 1190px;
	padding: 0px 15px;
	margin: 0px auto;
}

.left { float: left;}
.right { float: right;}

.pos_rel { position: relative;}
.pos_ab { position: absolute;}

.bold { font-weight: bold;}

.ta_center { text-align: center;}
.ta_right { text-align: right;}
.ta_left { text-align: left;}
.ta_right-s_center { text-align: right;}
.ta_left-s_center { text-align: left;}

.back_white { background-color: #fff !important;}

@media (min-width: 861px) {
	.hidden_l { display: none !important;}
}

/* 繝ｪ繧ｹ繝� */
ol { padding-left: 2em;}
ol li { list-style: outside decimal;}

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

/* margin */
.mb00 { margin-bottom: 0px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb80 { margin-bottom: 80px !important;}

.mb40-20 { margin-bottom: 40px !important;}
.mb60-30 { margin-bottom: 60px !important;}
.mb80-40 { margin-bottom: 80px !important;}
.mb100-60 { margin-bottom: 100px !important;}
.mb120-80 { margin-bottom: 120px !important;}

/* clearFix */
.clearFix {
    zoom: 100%;
}
.clearFix:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/* ------------------------
	繝倥ャ繝€繝ｼ
------------------------ */

.header { background: url("../images/common/header_line.png") repeat-x left top; padding-top: 20px;}
.header .logo a { display: inline-block; text-decoration: none; color: #333;}
.header .logo .text01 { font-size: 2.7em; line-height: 1;}
.header .pos_ab { right: 0px; top: 15px;}
.header .pos_ab li { display: inline-block; vertical-align: middle; margin: 0px 2px;}
.header .pos_ab .tel a { display: inline-block; vertical-align: bottom; background: url("../images/common/header_tel.png") no-repeat left 50%; padding-left: 25px; font-size: 1.75em; line-height: 1; text-decoration: none; color: #333;}

.gn { display: flex; justify-content: center;}
.gn a { display: block; text-decoration: none; color: #333; padding: 0px 50px; background-repeat: no-repeat; background-position: center top; padding-top: 32px; border-left: solid 1px #ddd; letter-spacing: 0.03em; transition: 0.3s;}
.gn a:hover { transform: translateY(-5px);}
.gn li:nth-child(1) a { background-image: url("../images/common/gn01.png");}
.gn li:nth-child(2) a { background-image: url("../images/common/gn02.png");}
.gn li:nth-child(3) a { background-image: url("../images/common/gn03.png");}
.gn li:nth-child(4) a { background-image: url("../images/common/gn04.png");}
.gn li:nth-child(5) a { background-image: url("../images/common/gn05.png"); border-right: solid 1px #ddd;}

/* ------------------------
	繝輔ャ繧ｿ繝ｼ
------------------------ */

.footer_nav li { display: inline-block;}
.footer_nav li:after { content: "縲€|縲€";}
.footer_nav li:last-child:after { content: "";}
.footer_nav a { text-decoration: none; color: #333;}
.footer_nav a:hover { text-decoration: underline;}

.footer .back_white { padding-bottom: 15px;}
.footer .back_white:before { content: ""; position: absolute; background: url("../images/common/footer_bg01.png") repeat-x left bottom; height: 26px; width: 100%; left: 0px; top: -26px;}
.footer .bg { background: url("../images/common/footer_bg02.png") no-repeat center 50%; padding: 40px 0px 1px;}
.footer .logo a { display: inline-block; text-decoration: none; color: #333;}
.footer .logo .text01 { font-size: 2.9em; line-height: 1;}
.footer_contact li { display: inline-block; vertical-align: middle; margin: 0px 1% 10px;}
.footer_contact .tel a { display: inline-block; vertical-align: bottom; background: url("../images/common/footer_tel.png") no-repeat left 50%; padding-left: 30px; font-size: 2.3em; font-weight: bold; line-height: 1; text-decoration: none; color: #333;}
.footer_contact .text02 { letter-spacing: -0.03em;}

.footer hr { border: none; background: url("../images/common/header_line.png") repeat-x left top; height: 4px;}

.footer .logo02 { display: inline-block; background: url("../images/top/top_sec01_bg01.png") no-repeat left top, url("../images/top/top_sec01_bg02.png") no-repeat right top; background-size: 200px auto; padding: 15px 240px 0px;}

.pagetop { right: 20px; bottom: 0px; padding-bottom: 20px; z-index: 999;}

/* ------------------------
	繧ｳ繝ｳ繝�Φ繝�
------------------------ */

.under_mainimage { background: url("../images/common/under_mainimage.png") no-repeat center bottom; background-size: cover; height: 354px;}

.pagettl { text-align: center; color: #603813; font-size: 2.5em; line-height: 1.1; background: url("../images/top/top_sec01_bg01.png") no-repeat 80px top, url("../images/top/top_sec01_bg02.png") no-repeat 756px top; min-height: 149px; padding-top: 40px;}

.heading_flower { background: url("../images/top/top_sec03_icon.png") no-repeat center top; padding-top: 50px; font-size: 2.2em; line-height: 1.4; text-align: center;}


/* ------------------------
	繝医ャ繝励�繝ｼ繧ｸ
------------------------ */

.mainimage { background: url("../images/top/mainimage_bg.png") no-repeat center top; height: 538px;}

.top_sec01 { overflow: hidden; padding-bottom: 20px;}
.top_sec01 h2 { font-size: 2.2em; color: #603813; background: url("../images/top/top_sec01_bg01.png") no-repeat left top, url("../images/top/top_sec01_bg02.png") no-repeat right top; min-height: 149px; padding: 40px 0px 50px; margin-bottom: -10px;}
.top_sec01 .box { max-width: 710px; margin: auto; border-radius: 10px; padding: 20px 30px;}
.top_sec01 dl { display: table; width: 100%;}
.top_sec01 dt, .top_sec01 dd { display: table-cell; vertical-align: middle;}
.top_sec01 dt { width: 8.5em; border-right: solid 2px #ccc;}
.top_sec01 dd { padding: 10px 0px 10px 30px;}
.top_sec01 .img01 { left: -210px; top: 140px;}
.top_sec01 .img02 { right: -260px; top: 170px;}
.top_sec01 .img03 { left: -80px; bottom: -10px;}
.top_sec01 .img04 { right: -135px; bottom: -15px;}

.top_sec02 ul { display: flex; justify-content: space-between; align-items: stretch;}
.top_sec02 li { width: 355px; border-radius: 15px;}
.top_sec02 .pos_ab { top: -30px; left: 50%; transform: translateX(-50%);}
.top_sec02 h2 { font-size: 2em; padding: 40px 10px 10px; border-top-left-radius: 13px; border-top-right-radius: 13px;}
.top_sec02 .box_inner { padding: 25px 28px;}
.top_sec02 li:nth-child(1) { border: solid 2px #ea9aa6;}
.top_sec02 li:nth-child(1) h2 { background-color: #ea9aa6;}
.top_sec02 li:nth-child(2) { border: solid 2px #84c8d3;}
.top_sec02 li:nth-child(2) h2 { background-color: #84c8d3;}
.top_sec02 li:nth-child(3) { border: solid 2px #f6ae54;}
.top_sec02 li:nth-child(3) h2 { background-color: #f6ae54;}

.top_sec03 { overflow: hidden;}
.top_sec03 h2 { font-size: 2.2em;}
.top_sec03 .left { width: 710px;}
.top_sec03 .right { margin: -60px -80px auto 0px;}
.top_sec03 .left dl { display: table; width: 100%; border-bottom: dotted 1px #ccc; padding-bottom: 10px; margin-bottom: 10px;}
.top_sec03 .left dt, .top_sec03 .left dd { display: table-cell; vertical-align: top;}
.top_sec03 .left dt { width: 8em; position: relative;}
.top_sec03 .left dt .pos_ab { top: -20px; left: 0px;}

.top_sec03 .box { border-radius: 13px; padding: 20px 30px;}
.top_sec03 .box dl { display: table; width: 100%;}
.top_sec03 .box dt, .top_sec03 .box dd { display: table-cell; vertical-align: middle;}
.top_sec03 .box dt { width: 11em; border-right: solid 2px #ccc;}
.top_sec03 .box dd { padding: 10px 0px 10px 30px;}
.top_sec03 .box .img01 { right: 0px; top: -150px;}


/* ------------------------
	about
------------------------ */

.about_sec01 .box { width: 710px; border-radius: 12px; padding: 35px 8%; margin: auto;}
.about_sec01 dl { display: table; width: 100%; margin-bottom: 5px;}
.about_sec01 dt, .about_sec01 dd { display: table-cell; vertical-align: top; border-bottom: dotted 1px #ccc; padding-bottom: 3px;}
.about_sec01 dt { width: 7em;padding-left: 0.5em;}
.about_sec01 .img01 { left: -335px; top: -10px;}
.about_sec01 .img02 { right: -140px; top: -10px;}

.about_sec02 ul { display: flex; flex-wrap: wrap; margin: 0px -1%;}
.about_sec02 li { width: 31.3333%; margin: 0px 1% 40px;}
.about_sec02 li figure > div { max-width: 355px; display: inline-block; border-radius: 10px; overflow: hidden;}


/* ------------------------
	access
------------------------ */

.access_sec01 { max-width: 1020px; margin: auto; margin-top: -30px;}
.access_sec01 .box { max-width: 990px; margin: auto;}
.access_sec01 .box .left { width: 600px;}
.access_sec01 .box .right { margin-top: -40px;}
.access_sec01 .map iframe { width: 100%; height: 555px; vertical-align: bottom;}
.access_sec01 .btn_area .pos_ab { top: -30px; left: 210px;}


/* ------------------------
	letter
------------------------ */

.letter_sec01 { overflow: hidden; padding-top: 30px; margin-top: -60px;}
.letter_sec01 .box01 p { max-width: 600px; margin: auto;}
.letter_sec01 .img01 { left: -80px; top: -30px;}
.letter_sec01 .img02 { right: -90px; top: -30px;}
.letter_sec01 .img03 { right: 100px; top: 10px;}
.letter_sec01 ul { display: flex; justify-content: center; flex-wrap: wrap;}
.letter_sec01 li { width: 295px; margin: 0px 2% 30px;}
.letter_sec01 li a { display: inline-block; background: url("../images/letter/letter_icon.png") no-repeat 15px 50% #fff; border: solid 2px #f6ae54; border-radius: 5px; width: 100%; text-decoration: none; color: #333; padding: 18px 10px 18px 50px;}


/* ------------------------
	contact
------------------------ */

.contact_sec01 { margin-top: -30px;}
.contact_sec01 .btn_area { padding: 0px 21%;}