@charset "utf-8";

/*=========================================================================================================================================================*/
/* Default font(s) and text size
/*=========================================================================================================================================================*/
html
{	font-size: 16px;
	line-height: 1.6em;
}

body
{	background-color: #FFF;
	width: 100%;
	min-width: 320px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	color: #4C4C4C;
	font-size: inherit;
	line-height: inherit;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	word-wrap: break-word;
}

html[lang=en] body
{	text-align: left;
}

body,
.sans-serif,
.gothic
{	font-family: Garamond, "EB Garamond", serif
}

.serif,
.mincho,
.times
{	font-family: "Times New Roman", Times, serif;
}

@media screen and (max-width: 599px)
{	html
	{	font-size: 14px;
	}
}

@media screen and (max-width: 399px)
{	html
	{	font-size: 13px;
	}
}

/*==========================================================================================================================================================*/
/* Base tags - Redefinition */
/*==========================================================================================================================================================*/
h1, h2, h3, h4, h5, h6, p,
div,
img, a,
ol, ul, li, dl, dt, dd,
table, tbody, tfoot, thead, tr, th, td,
span, small, strong, em,
b, i, u,
iframe, object, button,
input[type=text], input[type=password], textarea,
select, option,
form, sub, sup, address, blockquote, time
{	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	line-height: 1.6em;
	color: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	text-indent: 0;
}
a,
span, small, strong, em,
b, i, u
{	line-height: inherit;
}

::before, ::after
{	text-indent: 0;
}

/*==========================================================================================================================================================*/
/* Tag-specific */
/*==========================================================================================================================================================*/


/* Links - may or may not want to define default colors depending on design */
/*==========================================================================================================================================================*/
a, button, label,
input[type=checkbox], input[type=radio], input[type=submit],
[onclick]
{	cursor: pointer;
}

a:not([href]):not([onclick]),
button:not([onclick])
{	cursor: default;
}
input[type=text][onclick],
input[type=password][onclick]
{	cursor: text;
}

button, input[type=submit]
{	-webkit-appearance: none;
	-webkit-border-radius: 0;
}

a
{	color: inherit;
	text-decoration: none;
}

a:hover
{	text-decoration: none;
}

p a,
.text-link a, a.text-link
{	color: #0071BC;
}

p a:hover,
.text-link a:hover, a.text-link:hover,
label:hover
{	color: #0091DC;
	text-decoration: underline;
}

.img-link a:hover,
a.img-link:hover
{	opacity: 0.75;
}

/* Images - these settings are suitale for responsive design and scaling
/*==========================================================================================================================================================*/
img
{	max-width: 100%;
	height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.emoji
{	display: inline;
}

/* Lists */
/*==========================================================================================================================================================*/
ol, ul, li,
dl, dt, dd
{	list-style: none;
	list-style-type: none;
}

/* Tables */
/*==========================================================================================================================================================*/
table
{	border-spacing: 0;
	empty-cells: show;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

table tr th, table tr td
{	word-wrap: break-word;
	vertical-align: top;
}

/* Inputs */
/*==========================================================================================================================================================*/
input[type=text], input[type=password], textarea, select
{	box-sizing: border-box;
	border: 1px solid;
	font-size: 16px;
}

input[type=checkbox], input[type=radio]
{	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

textarea
{	max-width: 100%;
	resize: vertical;
}

/* text input/textarea */
.input-holder-caption
{	position: relative;
	overflow: hidden;
	text-align: left;
}

.input-holder-caption > .fr
{	padding-left: 0.5em;
}
.input-holder-caption > .fl
{	padding-right: 0.5em;
}

/* */
.input-holder
{	overflow: hidden;
	padding: 1px;
	box-sizing: border-box;
}

.input-holder > input,
.input-holder > textarea,
.input-holder > select
{	width: 100%;
	display: block;
}

/* */
.name-inputs
{}

.name-inputs > div
{	display: inline-block;
	vertical-align: top;
	width: 49%;
	margin-right: 2%;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}
.name-inputs > div:nth-child(2n)
{	margin-right: 0;
}
.name-inputs > div > p
{	float: left;
	min-width: 2em;
	text-align: left;
	margin-right: 0.5em;
}


/* */
.phone-inputs > div
{	display: inline-block;
	vertical-align: top;
	width: 6em;
	max-width: 33.3333%;
	max-width: calc(100% / 3);
	box-sizing: border-box;
	padding-right: 1em;
	position: relative;
}
.phone-inputs > div::after
{	content: "-";
	line-height: 1.2em;
	width: 1em;
	right: 0;
	top: 50%;
	margin-top: -0.6em;
	position: absolute;
	text-align: center;
}
.phone-inputs > div:nth-child(3n)::after
{	content: none;
}
.phone-inputs > div > input
{	width: 100%;
	display: block;
}

/* select/option */
.date-select
{}
.date-select > div
{	display: inline-block;
	vertical-align: top;
}
.date-select > div:not(:last-child)
{	margin-right: 1%;
}
.date-select > div:nth-child(1)
{	max-width: 38%;
}
.date-select > div:nth-child(2)
{	max-width: 30%;
}
.date-select > div:nth-child(3)
{	max-width: 30%;
}

.date-select > div > select
{	display: inline-block;
	vertical-align: middle;
	margin-right: 0.25em;
}

/* radio/checkbox */
.multi-inputs
{}
.multi-inputs > div
{	display: inline-block;
	vertical-align: top;
}
.multi-inputs > div:not(:last-child)
{	margin-right: 1em;
}

.multi-inputs > div > label
{	display: inline-block;
}

.multi-inputs.use-mt
{	margin-top: -1em;
}
.multi-inputs.use-mt > div
{	margin-top: 1em;
}

/* HTML5 resets */
/*=========================================================================================================================================================*/
header, main, footer,
nav, aside,
figure, figcaption,
section, article,
address
{	display: block;
	padding: 0;
	margin: 0;
}

/*=========================================================================================================================================================*/
/*=========================================================================================================================================================*/
/* Common formatting */
/*=========================================================================================================================================================*/
/*=========================================================================================================================================================*/
.items2 > li,
.items2 > div,
.items3 > li,
.items3 > div,
.items4 > li,
.items4 > div
{	display: inline-block;
	vertical-align: top;
	margin-right: 2%;
	box-sizing: border-box;
}

.items2 > li,
.items2 > div
{	width: 49%;
}
.items2.full-width > li,
.items2.full-width > div
{	width: 50%;
	margin-right: 0;
}

.items3 > li,
.items3 > div
{	width: 32%;
}
.items3.full-width > li,
.items3.full-width > div
{	width: 33.3333%;
	width: calc(100% / 3);
	margin-right: 0;
}

.items4 > li,
.items4 > div
{	width: 23.5%;
}

.items2 > li:nth-child(2n),
.items2 > div:nth-child(2n),
.items3 > li:nth-child(3n),
.items3 > div:nth-child(3n),
.items4 > li:nth-child(4n),
.items4 > div:nth-child(4n)
{	margin-right: 0;
}

.items2:not(.no-margin) > li:nth-child(n+3),
.items2:not(.no-margin) > div:nth-child(n+3),
.items3:not(.no-margin) > li:nth-child(n+4),
.items3:not(.no-margin) > div:nth-child(n+4),
.items4:not(.no-margin) > li:nth-child(n+5),
.items4:not(.no-margin) > div:nth-child(n+5)
{	margin-top: 2%;
}

@media screen and (max-width: 799px)
{	.items2:not(.leave) > li,
	.items2:not(.leave) > div,
	.items2.full-width:not(.leave) > li,
	.items2.full-width:not(.leave) > div,
	.items3:not(.leave) > li,
	.items3:not(.leave) > div,
	.items3.full-width:not(.leave) > li,
	.items3.full-width:not(.leave) > div,
	.items4:not(.leave) > li,
	.items4:not(.leave) > div
	{	display: block;
		vertical-align: baseline;
		margin-right: auto;
		margin-left: auto;
		width: auto;
	}
	.items2:not(.leave) > li:nth-child(n+3),
	.items2:not(.leave) > div:nth-child(n+3),
	.items3:not(.leave) > li:nth-child(n+4),
	.items3:not(.leave) > div:nth-child(n+4),
	.items4:not(.leave) > li:nth-child(n+5),
	.items4:not(.leave) > div:nth-child(n+5)
	{	margin-top: 0;
	}
	.items2:not(.no-margin):not(.leave) > li:not(:last-child),
	.items2:not(.no-margin):not(.leave) > div:not(:last-child),
	.items3:not(.no-margin):not(.leave) > li:not(:last-child),
	.items3:not(.no-margin):not(.leave) > div:not(:last-child),
	.items4:not(.no-margin):not(.leave) > li:not(:last-child),
	.items4:not(.no-margin):not(.leave) > div:not(:last-child)
	{	margin-bottom: 20px;
	}

	.items4.leave.leave2 > li,
	.items4.leave.leave2 > div
	{	width: 49%;
	}
	.items4.leave.leave2 > li:nth-child(4n),
	.items4.leave.leave2 > div:nth-child(4n)
	{	margin-right: 2%;
	}
	.items4.leave.leave2 > li:nth-child(2n),
	.items4.leave.leave2 > div:nth-child(2n)
	{	margin-right: 0;
	}
	.items4.leave.leave2:not(.no-margin) > li:nth-child(n+3),
	.items4.leave.leave2:not(.no-margin) > div:nth-child(n+3)
	{	margin-top: 2%;
	}
}

/*=========================================================================================================================================================*/
/*=========================================================================================================================================================*/
/* Bullet lists */
/*=========================================================================================================================================================*/
/*=========================================================================================================================================================*/
ul.bullet-list-text:not(:last-child),
ul.bullet-list-link:not(:last-child),
ul.triangle-list-text:not(:last-child),
ul.triangle-list-link:not(:last-child),
ul.arrow-list-text:not(:last-child),
ul.arrow-list-link:not(:last-child)
{	margin-bottom: 20px;
}

ul.bullet-list-text > li,
ul.bullet-list-link > li > a
{	padding-left: 1em;
	text-indent: -1em;
	box-sizing: border-box;
}

ul.bullet-list-text.use-margin > li:not(:last-child)
{	margin-bottom: 20px;
}


ul.bullet-list-text.same-line > li
{	display: inline-block;
	vertical-align: top;
}

ul.bullet-list-text.same-line > li:not(:last-child)
{	margin-right: 1em;
}

ul.bullet-list-link > li > a
{	display: block;
}

ul.bullet-list-text > li::before,
ul.bullet-list-link > li > a::before
{	background-color: currentColor;
	content: "";
	width: 0.6em;
	height: 0.6em;
	margin: 0 0.2em;
	display: inline-block;
	border-radius: 50%;
}

ul.bullet-list-text.no-icon > li::before,
ul.bullet-list-link.no-icon > li > a::before,
ul.bullet-list-text > li.no-icon::before,
ul.bullet-list-link > li.no-icon > a::before
{	content: none;
}

/* dots */
ul.bullet-list-text.gold-dot > li::before,
ul.bullet-list-link.gold-dot > li > a::before,
ul.bullet-list-text > li.gold-dot::before,
ul.bullet-list-link > li.gold-dot > a::before
{	background-color: #B09B7C;
}

ul.bullet-list-text.pink-dot > li::before,
ul.bullet-list-link.pink-dot > li > a::before,
ul.bullet-list-text > li.pink-dot::before,
ul.bullet-list-link > li.pink-dot > a::before
{	background-color: #FFB8B8;
}

/* triangle */
/* ================================= */
ul.triangle-list-text > li,
ul.triangle-list-link > li > a
{	padding-left: 1em;
	text-indent: -1em;
	box-sizing: border-box;
}
ul.triangle-list-link > li > a
{	display: block;
}
ul.triangle-list-text > li::before,
ul.triangle-list-link > li > a::before
{	content: "";
	border-left: 0.5em solid currentColor;
	border-top: 0.4em solid transparent;
	border-bottom: 0.4em solid transparent;
	margin-right: 0.25em;
	margin-left: 0.25em;
	display: inline-block;
	vertical-align: 0.1em;
	box-sizing: border-box;
}

ul.triangle-list-text > li.no-icon::before,
ul.triangle-list-link > li.no-icon > a::before
{	content: none;
}

/* arrow */
/* ================================= */
ul.arrow-list-text > li,
ul.arrow-list-link > li > a
{	padding-left: 1em;
	text-indent: -1em;
	box-sizing: border-box;
}
ul.arrow-list-link > li > a
{	display: block;
}
ul.arrow-list-text > li::before,
ul.arrow-list-link > li > a::before
{	content: "";
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-radius: 0;
	margin-left: 0;
	margin-right: 0.5em;
	width: 0.5em;
	height: 0.5em;
	display: inline-block;
	vertical-align: 0.1em;
	box-sizing: border-box;
}

ul.arrow-list-text > li.no-icon::before,
ul.arrow-list-link > li.no-icon > a::before
{	content: none;
}

/* */
ul.bullet-list-link > li > a:hover,
ul.triangle-list-link > li > a:hover,
ul.arrow-list-link > li > a:hover
{	background-color: #EEE;
}

/*=========================================================================================================================================================*/
/*=========================================================================================================================================================*/
/* Numeric lists */
/*=========================================================================================================================================================*/
/*=========================================================================================================================================================*/
ol.numeric-list
{	counter-reset: counter0;
}
ol.numeric-list > li
{	padding-left: 1.5em;
	text-indent: -1.5em;
	counter-increment: counter0;
}

ol.numeric-list > li:not(:last-child)
{	margin-bottom: 0.8em;
}

ol.numeric-list > li::before
{	content: counter(counter0) ".";
	display: inline-block;
	min-width: 1.5em;
	text-align: right;
	box-sizing: border-box;
	padding-right: 0.5em;
}

ol.numeric-list > li:nth-child(1):nth-last-child(n+10),
ol.numeric-list > li:nth-child(2):nth-last-child(n+9),
ol.numeric-list > li:nth-child(3):nth-last-child(n+8),
ol.numeric-list > li:nth-child(4):nth-last-child(n+7),
ol.numeric-list > li:nth-child(5):nth-last-child(n+6),
ol.numeric-list > li:nth-child(6):nth-last-child(n+5),
ol.numeric-list > li:nth-child(7):nth-last-child(n+4),
ol.numeric-list > li:nth-child(8):nth-last-child(n+3),
ol.numeric-list > li:nth-child(9):nth-last-child(n+2),
ol.numeric-list > li:nth-child(n+10)
{	padding-left: 2em;
	text-indent: -2em;
}
ol.numeric-list > li:nth-child(1):nth-last-child(n+10)::before,
ol.numeric-list > li:nth-child(2):nth-last-child(n+9)::before,
ol.numeric-list > li:nth-child(3):nth-last-child(n+8)::before,
ol.numeric-list > li:nth-child(4):nth-last-child(n+7)::before,
ol.numeric-list > li:nth-child(5):nth-last-child(n+6)::before,
ol.numeric-list > li:nth-child(6):nth-last-child(n+5)::before,
ol.numeric-list > li:nth-child(7):nth-last-child(n+4)::before,
ol.numeric-list > li:nth-child(8):nth-last-child(n+3)::before,
ol.numeric-list > li:nth-child(9):nth-last-child(n+2)::before,
ol.numeric-list > li:nth-child(n+10)::before
{	min-width: 2em;
}

/*=========================================================================================================================================================*/
/*=========================================================================================================================================================*/
/* Pagination (general) */
/*=========================================================================================================================================================*/
/*=========================================================================================================================================================*/
.pagination
{	text-align: center;
	overflow: hidden;
	padding: 1px 0;
	font-size: 1em;
	line-height: 1.4em;
}

.pagination a
{	background-color: #E0E0E0;
	line-height: inherit;
}

.pagination a:hover
{	background-color: #F0F0F0;
}

.pagination > a,
.pagination > ol,
.pagination > ol > li
{	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	line-height: inherit;
}

.pagination > ol > li > a
{	display: block;
}

.pagination > ol > li > a.current
{	background-color: #EEE;
}

/*=========================================================================================================================================================*/
/*=========================================================================================================================================================*/
/* Buttons (general) */
/*=========================================================================================================================================================*/
/*=========================================================================================================================================================*/
.btns
{	text-align: center;
	margin: 0 auto;
}

.btns:not(:last-child)
{	margin-bottom: 20px;
}

.btns > a,
.btns > button
{	background-color: #E0E0E0;
	display: inline-block;
	vertical-align: top;
	padding: 15px 35px 15px 15px;
	color: #323644;
	width: 200px;
	max-width: 48%;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}
.btns > a:hover,
.btns > button:hover
{	background-color: #F0F0F0;
}

.btns > a:not(:last-child),
.btns > button:not(:last-child)
{	margin-right: 4%;
}

.btns > a:only-child,
.btns > button:only-child
{	width: 400px;
	max-width: 100%;
}

/* max-size */
.btns.max-size > a,
.btns.max-size > button
{	width: 48%;
}
.btns.max-size > a:only-child,
.btns.max-size > button:only-child
{	width: 100%;
}

/* auto-size */
.btns.auto-size > a,
.btns.auto-size > button
{	width: auto;
}
.btns.auto-size > a:only-child,
.btns.auto-size > button:only-child
{	width: auto;
}

/* arrow */
.btns > a::after,
.btns > button::after
{	content: "";
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	width: 0.5em;
	height: 0.5em;
	margin-top: -0.25em;
	position: absolute;
	right: 15px;
	top: 50%;
	box-sizing: border-box;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 2;
}

/* no-icon */
.btns > a.no-icon,
.btns > button.no-icon
{	padding-right: 15px;
}

.btns > a.no-icon::after,
.btns > button.no-icon::after
{	content: none;
}

@media screen and (max-width: 799px)
{	.btns.smt-break > a,
	.btns.smt-break > button
	{	display: block;
		width: auto;
		max-width: none;
		margin: 0 auto 20px;
	}
	.btns.smt-break > a:last-child,
	.btns.smt-break > button:last-child
	{	margin-bottom: 0;
	}
}

/*=========================================================================================================================================================*/
/*=========================================================================================================================================================*/
/* Buttons (general) */
/*=========================================================================================================================================================*/
/*=========================================================================================================================================================*/
.box
{	background-color: #F2F2F2;
	padding: 15px;
}

.box:not(:last-child)
{	margin-bottom: 20px;
}

/*=========================================================================================================================================================*/
/*=========================================================================================================================================================*/
/* Other common */
/*=========================================================================================================================================================*/
/*=========================================================================================================================================================*/
.iframe-holder
{	background-color: #AAA;
	padding-top: 50%;
	position: relative;
}

.iframe-holder > iframe
{	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/* */
.b-ib b
{	display: inline-block;
}

.p-mb p:not(:last-child),
.oh-mb > .oh:not(:last-child)
{	margin-bottom: 20px;
}

small
{	font-size: 0.8em;
}

/* width */
.w100percent
{	width: 100%;
}

/* */
.max1200px,.max1100px,
.max1000px,.max900px,.max800px,.max700px,.max600px,.max500px,.max400px,.max300px,.max250px,.max200px,.max150px,.max100px,
.max75px,.max50px
{	margin-left: auto;
	margin-right: auto;
}

.max1200px
{	max-width: 1200px;
}
.max1100px
{	max-width: 1000px;
}
.max1000px
{	max-width: 1000px;
}
.max900px
{	max-width: 1000px;
}
.max800px
{	max-width: 800px;
}
.max700px
{	max-width: 700px;
}
.max600px
{	max-width: 600px;
}
.max500px
{	max-width: 500px;
}
.max400px
{	max-width: 400px;
}
.max300px
{	max-width: 300px;
}
.max250px
{	max-width: 250px;
}
.max200px
{	max-width: 200px;
}
.max150px
{	max-width: 150px;
}
.max100px
{	max-width: 100px;
}
.max75px
{	max-width: 75px;
}
.max50px
{	max-width: 50px;
}

/* min-widths */
.min1em
{	min-width: 1em;
	display: inline-block;
}
.min2em
{	min-width: 2em;
	display: inline-block;
}
.min3em
{	min-width: 3em;
	display: inline-block;
}
.min4em
{	min-width: 4em;
	display: inline-block;
}
.min5em
{	min-width: 5em;
	display: inline-block;
}

/* MT */
.mt0
{	margin-top: 0 !important;
}
.mt5
{	margin-top: 5px !important;
}
.mt10
{	margin-top: 10px !important;
}
.mt15
{	margin-top: 15px !important;
}
.mt20
{	margin-top: 20px !important;
}
.mt30
{	margin-top: 30px !important;
}
.mt40
{	margin-top: 40px !important;
}

/* MB */
.mb0
{	margin-bottom: 0 !important;
}
.mb5
{	margin-bottom: 5px !important;
}
.mb10
{	margin-bottom: 10px !important;
}
.mb15
{	margin-bottom: 15px !important;
}
.mb20
{	margin-bottom: 20px !important;
}
.mb30
{	margin-bottom: 30px !important;
}
.mb40
{	margin-bottom: 40px !important;
}

/* MLR */
.mlr0,.mrl0
{	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* PT */
.pt0
{	padding-top: 0 !important;
}
/* PB */
.pb0
{	padding-bottom: 0 !important;
}

/* */
.tl
{	text-align: left !important;
}
.tc
{	text-align: center !important;
}
.tr
{	text-align: right !important;
}

/* */
.oh
{	overflow: hidden;
}

/* */
.fl
{	float: left;
}
.fr
{	float: right;
}

/* */
.indent1
{	padding-left: 1em;
	text-indent: -1em;
}
.indent2
{	padding-left: 2em;
	text-indent: -2em;
}
.indent3
{	padding-left: 3em;
	text-indent: -3em;
}
.indent4
{	padding-left: 4em;
	text-indent: -4em;
}
.indent5
{	padding-left: 5em;
	text-indent: -5em;
}

/* */
.indent-input
{	padding-left: 25px;
	text-indent: -25px;
}
.indent-input input[type=checkbox],
.indent-input input[type=radio]
{	width: 20px;
	display: inline-block;
	margin: 0 5px 0 0;
	text-indent: 0;
}

.bold
{	font-weight: bold;
}
.italic
{	font-style: italic;
}



/* Device display classes */
/*=========================================================================================================================================================*/
.force-inline
{	display: inline;
}
.force-block
{	display: block;
}
.force-inline-block, .ib
{	display: inline-block;
}

/* --- */
.pc, .pc-block
{	display: block;
}
.pc-inline
{	display: inline;
}
.pc-inline-block
{	display: inline-block;
}
.smt, .smt-block, .smt-inline, .smt-inline-block
{	display: none;
}

@media screen and (max-width: 799px)
{	.pc, .pc-block, .pc-inline, .pc-inline-block
	{	display: none;
	}
	.smt, .smt-block, .smt-force-block
	{	display: block;
	}
	.smt-inline, .smt-force-inline
	{	display: inline;
	}
	.smt-inline-block, .smt-force-inline-block
	{	display: inline-block;
	}
}

/*=========================================================================================================================================================*/
/*=========================================================================================================================================================*/
/*=========================================================================================================================================================*/
/* common.css */
/*=========================================================================================================================================================*/
/*=========================================================================================================================================================*/
/*=========================================================================================================================================================*/
body
{	background-color: #f6f0e2;
}

h1 
{	background-color: #705C4F;
	text-align: center;
	color: #F5F0E2;
}

/* ============================= */
main
{	padding: 30px 10px;
}

main section:not(:last-child)
{	margin-bottom: 60px;
}

#main-content
{	background-color: #FFF;
	max-width: 1000px;
	margin: 0 auto;
	border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
	padding: 20px;
}

/* ============================= */
#application-progress
{	margin: 0 auto 30px;
}

#application-progress > div
{	background-color: #FFF;
	width: 24.25%;
	margin-right: 1%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #000;
	text-align: center;
	padding: 5px;
}

#application-progress > div:nth-child(4n)
{	margin-right: 0;
}

#application-progress > div:nth-child(n+5)
{	margin-top: 10px;
}

#application-progress > div.current
{	background-color: #FF4500;
	color: #FFF;
}

/* ============================= */
.midasi1
{	text-align: center;
	font-size: 2em;
	line-height: 1.4em;
	font-weight: bold;
}

.midasi1:not(:last-child)
{	margin-bottom: 20px;
}

/* */
.midasi2
{	background-color: #604C3F;
	padding: 5px 10px;
	color: #FFF;
	font-size: 1.5em;
	line-height: 1.4em;
	text-align: center;
}

.midasi2:not(:last-child)
{	margin-bottom: 30px;
}

/* */
.midasi3
{	background-color: #F2F2F2;
	padding: 5px 10px;
	font-size: 1.2em;
	line-height: 1.4em;
	text-align: center;
}

.midasi3:not(:last-child)
{	margin-bottom: 20px;
}

/* */
.midasi4
{	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: bold;
}

.midasi4:not(:last-child)
{	margin-bottom: 2px;
}

/* ============================= */
.red-text
{	color: #FF4500;
}

/* ============================= */
.btns > a
{	font-size: 1.2em;
	padding-top: 10px;
	padding-bottom: 10px;
}

.btns > a.orange
{	background-color: #FF4500;
	color: #FFF;
}
.btns > a.orange:hover
{	background-color: #FF6520;
}

/* ============================= */
.plan-month-navi-wrap
{	font-size: 0.925em;
	margin: 0 auto 20px;
}

.plan-month-navi
{	text-align: center;
	padding: 0 10px;
	overflow: auto;
	border-bottom: 2px solid #444;
}

.plan-month-navi ol
{}

.plan-month-navi ol > li
{	width: 8.333%;
	width: calc(100% / 12);
	display: inline-block;
	vertical-align: bottom;
	box-sizing: border-box;
	padding: 0 2px;
	white-space: normal;
}

.plan-month-navi ol > li a
{	background-color: #F2F2F2;
	display: block;
	padding: 3px;
	border-radius: 2px 2px 0 0;
}
.plan-month-navi ol > li a:hover,
.plan-month-navi ol > li a.current
{	background-color: #444;
	color: #FFF;
}

/* ============================= */
.plan-calendar-guide
{	margin: 0 auto 20px;
	text-align: center;
}

.plan-calendar-guide > div
{	display: inline-block;
	vertical-align: middle;
}

.plan-calendar-guide > div:not(:last-child)
{	margin-right: 10px;
}

/* ============================= */
.plan-calendar
{}

.plan-calendar th,
.plan-calendar td
{	width: 14.285%;
	width: calc(100% / 7);
	border: 2px solid #FFF;
	position: relative;
	background-clip: padding-box;
}

.plan-calendar th
{	background-color: #EDD9BD;
	text-align: center;
	font-weight: bold;
	padding: 5px;
}
.plan-calendar td,
.plan-calendar-guide > div.ok-alt::after,
.schedule-time-list > li p.ok-alt::after
{	background-color: #F5F3EC;
}

/* --- */
.plan-calendar td:empty
{	background-color: #444;
	color: #FFF;
}

.plan-calendar td .caption
{	position: absolute;
	top: 50%;
	margin-top: 1.25em;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight: bold;
}

.plan-calendar td .caption,
.plan-calendar td .smt-icon,
.plan-calendar-guide > div.ok-alt::after,
.schedule-time-list > li p.ok-alt::after
{	color: #6CC6E4;
}

.plan-calendar td.full,
.plan-calendar-guide > div.ng-alt::after,
.schedule-time-list > li p.ng-alt::after
{	background-color: #F9D6DD;
}

.plan-calendar td.full .caption,
.plan-calendar td.full .smt-icon,
.plan-calendar-guide > div.ng-alt::after,
.schedule-time-list > li p.ng-alt::after
{	color: #E28FA1;
}

.plan-calendar td.finished,
.plan-calendar td.closed,
.plan-calendar-guide > div.ng-alt2::after,
.schedule-time-list > li p.ng-alt2::after
{	background-color: #999;
}

.plan-calendar td.finished .caption,
.plan-calendar td.finished .smt-icon,
.plan-calendar td.closed .caption,
.plan-calendar td.closed .smt-icon,
.plan-calendar-guide > div.ng-alt2::after,
.schedule-time-list > li p.ng-alt2::after
{	color: #606060;
}


/* */
.plan-calendar td > a,
.plan-calendar td > div
{	padding: 5px;
	position: relative;
	min-height: 100px;
	display: block;
}

.plan-calendar td > a:hover
{	background-color: #EFE8D8;
}

.plan-calendar td h6
{	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
}

/* */
.plan-calendar td .smt-icon
{	font-size: 1.25em;
	display: none;
}


/* */
.plan-calendar td .schedule-time-list
{	text-align: center;
}

/* */
.schedule-time-list
{}

.schedule-time-list > li p
{	display: block;
	padding: 5px;
}

.schedule-time-list > li p span
{	display: inline-block;
}

.plan-calendar-guide > div::after,
.schedule-time-list > li p::after,
.plan-calendar td .smt-icon
{	font-family: "Lucida Console", Monaco, monospace;
	font-weight: bold;
	text-align: center;
}

.plan-calendar-guide > div::after,
.schedule-time-list > li p::after
{	display: inline-block;
	vertical-align: middle;
	font-size: 0.9em;
	line-height: 1em;
	padding: 0.25em;
	width: 1em;
	margin-left: 5px;
}

.plan-calendar-guide > div.ok::after,
.schedule-time-list > li p.ok::after,
.plan-calendar-guide > div.ok-alt::after,
.schedule-time-list > li p.ok-alt::after
{	content: "O";
}

.plan-calendar-guide > div.ok::after,
.schedule-time-list > li p.ok::after
{	background-color: #6CC6E4;
	color: #FFF;
}

.plan-calendar-guide > div.ng::after,
.schedule-time-list > li p.ng::after,
.plan-calendar-guide > div.ng-alt::after,
.schedule-time-list > li p.ng-alt::after,
.plan-calendar-guide > div.ng-alt2::after,
.schedule-time-list > li p.ng-alt2::after
{	content: "X";
}
.plan-calendar-guide > div.ng::after,
.schedule-time-list > li p.ng::after
{	background-color: #CCC;
	color: #FFF;
}

/* ============================= */
.schedule-popup
{	background-color: #FFF;
	padding: 5px;
}

.schedule-popup .schedule-time-list
{	text-align: center;
}
.schedule-popup .schedule-time-list > li
{	display: inline-block;
	width: 90px;
	padding: 2px;
	max-width: 50%;
	text-align: center;
	box-sizing: border-box;
}
.schedule-popup .schedule-time-list > li > a,
.schedule-popup .schedule-time-list > li > div
{	display: block;
	padding: 5px;
	border: 1px solid #CCC;
	border-radius: 2px;
}
.schedule-popup .schedule-time-list > li > a:hover
{	background-color: #EFE8D8;
}

.schedule-popup .schedule-time-list > li p span
{	display: block;
}

/* ============================= */
.option-popup
{	background-color: #FFF;
	padding: 5px;
	overflow: hidden;
}

.option-popup figure
{	float: left;
	width: 45%;
	margin-right: 20px;
}
.option-popup figure img
{	width: 100%;
}

/* ============================= */
.application-form
{	border: 1px solid #E3D9C9;
	border-top-width: 0;
}

.application-form:not(:last-child)
{	margin-bottom: 40px;
}


.application-form input[type=text],
.application-form input[type=password],
.application-form select,
.application-form textarea
{	font-size: 16px;
}

.application-form textarea
{	min-height: 8.2em;
}

.application-form option
{	padding: 0 4px;
}


/* */
.application-form th,
.application-form td
{	padding: 10px 15px;
	border-bottom: 1px solid;
	text-align: left;
	overflow: hidden;
}

.application-form tr:last-child th,
.application-form tr:last-child td
{	border-bottom-width: 0;
}

.application-form th
{	background-color: #E3D9C9;
	width: 30%;
	border-bottom-color: #FFF;
}

.application-form th p
{	padding-right: 1.5em;
	position: relative;
}

.application-form th.req p::after
{	content: "\002605";
	color: #FF4500;
	position: absolute;
	right: 0;
	top: 0;
}

.application-form td
{	background-color: #FFF;
	width: 70%;
	border-bottom-color: #E3D9C9;
}

.application-form.option-ver th
{	width: 20%;
}

.application-form.option-ver td
{	width: 80%;
}

/* ============================= */
.pricing-table
{}

.pricing-table:not(:last-child)
{	margin-bottom: 20px;
}

.pricing-table th,
.pricing-table td
{	border-bottom: 1px solid;
	padding: 10px;
}

.pricing-table tr:last-child th,
.pricing-table tr:last-child td
{	border-bottom-width: 0;
}

.pricing-table th
{	background-color: #E3D9C9;
	width: 25%;
	border-bottom-color: #FFF;
}
.pricing-table td.text
{	background-color: #FFF;
	width: 65%;
	border-bottom-color: #E3D9C9;
}
.pricing-table td.price
{	background-color: #F2F2F2;
	width: 10%;
	border-bottom-color: #FFF;
	text-align: right;
	font-weight: bold;
}

.pricing-table tfoot th,
.pricing-table tfoot td
{	font-size: 1.1em;
}
.pricing-table tfoot th,
.pricing-table tfoot td.text,
.pricing-table tfoot td.price
{	background-color: transparent;
}

.pricing-table tfoot td.text,
.pricing-table tfoot td.price
{	border: 1px solid #000;
}
.pricing-table tfoot td.text
{	border-right: 0;
	font-weight: bold;
}

.pricing-table tfoot td.price
{	border-left: 0;
}

/* ============================= */
.option-style
{	overflow: hidden;
}

.option-style:not(:last-of-type)
{	padding-bottom: 15px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 15px;
}

.option-style > figure
{	float: left;
	width: 160px;
	margin-right: 15px;
}
.option-style > figure img
{	width: 100%;
}

/* */
.option-list
{	overflow: hidden;
}

.option-list > ul
{	overflow: hidden;
}

.option-list > ul > li
{	padding: 5px;
}

.option-list > ul > li:not(:last-child)
{	border-bottom: 1px solid #CCC;
}

.option-list > ul > li > div
{	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	position: relative;
}

.option-list > ul > li > div.l
{	width: 70%;
	text-align: left;
	padding-right: 10px;
}

.option-list > ul > li > div.l .btns > a
{	font-size: 0.95em;
	border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.option-list > ul > li > div.r
{	width: 30%;
	text-align: right;
}

.option-list > ul > li > div.r p,
.option-list > ul > li > div.r a
{	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
}
.option-list > ul > li > div.r p:not(:last-child)
{	padding-right: 0.5em;
}

.option-list > ul > li > div.r a
{	background-color: #FF4500;
	text-align: center;
	padding: 3px 8px;
	font-size: 0.9em;
	line-height: 1.2em;
	color: #FFF;
	border-radius: 5px;
}

.option-list > ul > li > div.r a:hover
{	background-color: #FF6520;
}

/* ====================== */
#apply-privacy
{	overflow: hidden;
}

#apply-privacy ol > li:not(:last-child)
{	margin-bottom: 20px;
}

/*=========================================================================================================================================================*/
@media screen and (max-width: 1023px)
{	#application-progress
	{	font-size: 0.95em;
	}
	
	.plan-month-navi ol > li a b
	{	display: block;
	}
	
	.option-style > figure
	{	width: 120px;
	}
}

/*=========================================================================================================================================================*/
@media screen and (max-width: 799px)
{	main
	{	padding-left: 5px;
		padding-right: 5px;
	}
	
	main section:not(:last-child)
	{	margin-bottom: 40px;
	}

	.box
	{	padding: 10px;
	}

	#main-content
	{	padding: 10px;
	}

/* */
	.plan-month-navi:not(:last-child)
	{	margin-bottom: 10px;
	}

	.plan-month-navi ol
	{	white-space: nowrap;
	}
	.plan-month-navi ol > li
	{	width: auto;
	}
	.plan-month-navi ol > li a
	{	padding-left: 15px;
		padding-right: 15px;
	}

/* */
	.plan-calendar td > a,
	.plan-calendar td > div
	{	min-height: 60px;
	}
	.plan-calendar td .schedule-time-list,
	.plan-calendar td .caption
	{	display: none;
	}
	
	.plan-calendar td .smt-icon
	{	display: block;
	}

/* */
	.application-form,
	.application-form tbody,
	.application-form tr,
	.application-form th,
	.application-form td
	{	display: block;
		width: auto;
	}
	
	.application-form th,
	.application-form td
	{	padding: 10px;
	}
	
	.application-form.option-ver th,
	.application-form.option-ver td
	{	width: auto;
	}

/* */
	.pricing-table,
	.pricing-table tbody,
	.pricing-table tfoot,
	.pricing-table tr,
	.pricing-table th
	{	display: block;
		width: auto;
	}
	.pricing-table th
	{	border-bottom: none;
	}

	.pricing-table td
	{	display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		border-bottom: none;
		border-top: 1px solid #CCC;
	}
	.pricing-table th ~ td
	{	border-top: none;
	}
	
	.pricing-table td.text
	{	width: 82%;
	}
	.pricing-table td.price
	{	width: 18%;
	}
	
	.pricing-table tfoot td.text,
	.pricing-table tfoot td.price
	{	border: none;
	}
	
	
	.pricing-table tfoot
	{	border: 1px solid #000;
	}
	.pricing-table tfoot th:empty
	{	display: none;
	}

/* */
	.option-popup figure
	{	float: none;
		width: auto;
		margin: 0 auto 20px;
	}

/* */
	#application-progress
	{	margin-bottom: 20px;
	}

	#application-progress > div
	{	width: 32.3333%;
		width: calc(97% / 3);
		margin-right: 1.5%;
	}

	#application-progress > div:nth-child(4n)
	{	margin-right: 1.5%;
	}
	#application-progress > div:nth-child(3n)
	{	margin-right: 0;
	}

	#application-progress > div:nth-child(n+4)
	{	margin-top: 10px;
	}
}

/*=========================================================================================================================================================*/
@media screen and (max-width: 599px)
{	main section:not(:last-child)
	{	margin-bottom: 30px;
	}

/* */
	.midasi1
	{	font-size: 1.6em;
	}

/* */
	.midasi2
	{	font-size: 1.3em;
	}
	.midasi2:not(:last-child)
	{	margin-bottom: 20px;
	}

/* */
	.midasi3
	{	font-size: 1.1em;
	}
	
/* */
	.pricing-table td.text
	{	width: 75%;
	}
	.pricing-table td.price
	{	width: 25%;
	}

/* */
	.option-style > figure
	{	float: none;
		width: auto;
		max-width: 240px;
		margin: 0 auto 20px;
	}

/* */
	#application-progress > div
	{	width: 49%;
		margin-right: 2%;
	}
	#application-progress > div:nth-child(4n)
	{	margin-right: 2%;
	}
	#application-progress > div:nth-child(3n)
	{	margin-right: 2%;
	}
	#application-progress > div:nth-child(2n)
	{	margin-right: 0;
	}
	#application-progress > div:nth-child(n+3)
	{	margin-top: 10px;
	}
}

/*=========================================================================================================================================================*/
@media screen and (max-width: 399px)
{	.schedule-popup .schedule-time-list > li
	{	width: 80px;
	}
	
	.application-form .date-select p
	{	display: block;
	}

/* */
	.pricing-table td.text
	{	width: 72%;
	}
	.pricing-table td.price
	{	width: 28%;
	}

/* */
	.option-list > ul > li > div.l
	{	width: 65%;
		
	}
	.option-list > ul > li > div.r
	{	width: 35%;
	}
}