.blue {
	color: #1FB5C4
}

.pink {
	color: #F8B6C0
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height: 0
}

.clearfix {
	display: inline-block
}

* html .clearfix {
	height: 1%
}

.clearfix {
	display: block
}

p {
	margin: 0;
	padding: 0
}

ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

input,
textarea {
	margin: 0;
	font-size: 100%;
	resize: none
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%
}

dl,
dt,
dd,
th,
td {
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	margin: 0;
	padding: 0;
	clear: both;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
dialog {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

img {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	border: 0;
	max-width: 100%;
	height: auto
}

table img {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	border: 0
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block
}

nav ul {
	list-style: none
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box
}

*:focus {
	outline: none !important
}

label,
select,
button {
	cursor: pointer
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	select::-ms-expand {
		display: none
	}
}

@media screen\0 {
	select::-ms-expand {
		display: none
	}
}

a {
	outline: none;
	transition: 0.3s
}

@media (min-width: 1000px) {
	a:hover {
		text-decoration: none;
		opacity: 0.5
	}
}

a:link,
a:visited,
a:active {
	color: #505C63;
	text-decoration: none
}

.ffN {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.ffM {
	font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif
}

.ffYG {
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "Noto Sans JP", "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif
}

.ffYM {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	white-space: nowrap;
	height: 1px;
	width: 1px;
	overflow: hidden
}

.screen-reader-text:focus {
	background-color: #F1F1F1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759B;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}

.wp-pagenavi {
	margin-top: 100px;
	clear: both;
	text-align: center;
	font-family: "Lato", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 30px;
	letter-spacing: 0;
	font-weight: bold
}

@media (max-width: 999px) {
	.wp-pagenavi {
		margin-top: 60px;
		font-size: 16px;
		font-size: 1.6rem
	}
}

.wp-pagenavi span,
.wp-pagenavi a {
	display: inline-block;
	margin: 0 4px;
	width: 30px;
	height: 30px;
	vertical-align: top;
	color: #505C63
}

@media (max-width: 999px) {

	.wp-pagenavi span,
	.wp-pagenavi a {
		margin: 0 6px 0 6px;
		width: 28px;
		height: 28px;
		line-height: 28px
	}
}

.wp-pagenavi span.current {
	background: #1FB5C4;
	border-radius: 5px;
	color: #FFF;
	text-align: center
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	margin: 0 10px;
	background-color: #E9EFF3;
	background-size: 8px auto;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 5px
}

@media (max-width: 999px) {

	.wp-pagenavi .previouspostslink,
	.wp-pagenavi .nextpostslink {
		margin: 0 15px
	}
}

.wp-pagenavi .previouspostslink {
	background-image: url("../img/common/icon/icon_pagging01.png")
}

.wp-pagenavi .nextpostslink {
	background-image: url("../img/common/icon/icon_pagging02.png")
}

.wp-pagenavi .extend {
	display: none
}

html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	overflow-x: hidden
}

body {
	font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "Noto Sans JP", "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	width: 100%;
	color: #505C63;
	margin: 0;
	padding: 0;
	line-height: 2;
	font-weight: 500;
	letter-spacing: 0.05em;
	height: 100%;
	word-break: break-word;
	overflow-x: hidden;
	background: #FFF
}

@media (max-width: 999px) {
	body {
		line-height: 1.72;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
}

.container {
	max-width: 1050px;
	padding: 0 25px;
	margin: 0 auto;
	width: 100%
}

.container880 {
	max-width: 930px;
	padding: 0 25px;
	margin: 0 auto;
	width: 100%
}

.wcm {
	max-width: 1000px;
	margin: auto
}

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

	.sp,
	.SP {
		display: none !important
	}
}

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

	.pc,
	.PC {
		display: none !important
	}
}

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

	.ip5,
	.IP5 {
		display: none !important
	}
}

.fade {
	opacity: 0;
	-webkit-transition: opacity 0.15s linear;
	-moz-transition: opacity 0.15s linear;
	-ms-transition: opacity 0.15s linear;
	-o-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear
}

.fade.in {
	opacity: 1
}

.collapse {
	display: none
}

.collapse.in {
	display: block
}

tr.collapse.in {
	display: table-row
}

tbody.collapse.in {
	display: table-row-group
}

.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-property: "height, visibility";
	-moz-transition-property: "height, visibility";
	-ms-transition-property: "height, visibility";
	-o-transition-property: "height, visibility";
	transition-property: "height, visibility";
	-webkit-transition-duration: .35s;
	-moz-transition-duration: .35s;
	-ms-transition-duration: .35s;
	-o-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	-ms-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease
}

.modal-open {
	overflow: hidden
}

.modal {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	-webkit-overflow-scrolling: touch;
	outline: 0
}

.modal .close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #FFF;
	opacity: 0.2;
	filter: alpha(opacity=20)
}

.modal .close:hover,
.modal .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	opacity: 0.5;
	filter: alpha(opacity=50)
}

.modal button.close {
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none
}

.modal.fade .modal-dialog {
	-webkit-transform: translate(0, -25%);
	-moz-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%);
	-webkit-transition: transform 0.3s ease-out;
	-moz-transition: transform 0.3s ease-out;
	-ms-transition: transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out
}

.modal.in .modal-dialog {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}

.modal-content {
	position: relative;
	background-color: #FFF;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	-ms-background-clip: padding-box;
	-o-background-clip: padding-box;
	background-clip: padding-box;
	outline: 0
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000
}

.modal-backdrop.fade {
	opacity: 0;
	filter: alpha(opacity=0)
}

.modal-backdrop.in {
	opacity: 0.5;
	filter: alpha(opacity=50)
}

.modal-header {
	padding: 15px;
	border-bottom: 1px solid #E5E5E5
}

.modal-header .close {
	margin-top: -2px
}

.modal-title {
	margin: 0;
	line-height: 1.42857143
}

.modal-body {
	position: relative;
	padding: 15px
}

.modal-footer {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #E5E5E5
}

.modal-footer .btn+.btn {
	margin-left: 5px;
	margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
	margin-left: 0
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto
	}

	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
		-ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
		-o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
	}

	.modal-sm {
		width: 300px
	}
}

@media (min-width: 992px) {
	.modal-lg {
		width: 900px
	}
}

#breadcrumb {
	width: 100%;
	margin-top: 5px
}

@media (max-width: 999px) {
	#breadcrumb {
		margin-top: 12px
	}
}

#breadcrumb .ulbread {
	font-size: 0
}

#breadcrumb .ulbread li {
	position: relative;
	display: inline;
	padding-right: 32px
}

@media (max-width: 999px) {
	#breadcrumb .ulbread li {
		padding-right: 22px
	}
}

#breadcrumb .ulbread li:not(:first-child):before {
	content: "";
	position: absolute;
	left: -20px;
	top: -7px;
	width: 5px;
	height: 5px;
	border-left: 1px solid #505C63;
	border-top: 1px solid #505C63;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg)
}

@media (max-width: 999px) {
	#breadcrumb .ulbread li:not(:first-child):before {
		left: -14px;
		top: -6px;
		width: 4px;
		height: 4px
	}
}

#breadcrumb .ulbread li:last-child {
	padding-right: 0
}

#breadcrumb .ulbread a,
#breadcrumb .ulbread p {
	display: inline;
	color: #505C63;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 20px;
	letter-spacing: 0.05em
}

@media (max-width: 999px) {

	#breadcrumb .ulbread a,
	#breadcrumb .ulbread p {
		font-size: 10px;
		font-size: 1rem;
		line-height: 18px
	}
}

.alignnone {
	margin: 5px 20px 20px 0
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto
}

.alignright {
	float: right;
	margin: 5px 0 20px 20px
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 0
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px
}

a img.alignnone {
	margin: 5px 20px 20px 0
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wp-caption {
	background: #FFF;
	border: 1px solid #F0F0F0;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px
}

.leftCol {
	width: 70%;
	float: left
}

.rightCol {
	width: 30%;
	float: right
}

.cmsContent {
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	word-wrap: break-word;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 30px;
	letter-spacing: .05em
}

@media (max-width: 999px) {
	.cmsContent {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px
	}
}

.cmsContent ul,
.cmsContent ol {
	padding-left: 20px;
	margin-bottom: 20px
}

.cmsContent ul[style*="list-style-type: circle;"] li {
	list-style-type: circle
}

.cmsContent ul[style*="list-style-type: square;"] li {
	list-style-type: square
}

.cmsContent ul li {
	list-style: disc
}

.cmsContent ol[style*="list-style-type: lower-roman;"] li {
	list-style-type: lower-roman
}

.cmsContent ol[style*="list-style-type: lower-alpha;"] li {
	list-style-type: lower-alpha
}

.cmsContent ol[style*="list-style-type: lower-greek;"] li {
	list-style-type: lower-greek
}

.cmsContent ol[style*="list-style-type: upper-alpha;"] li {
	list-style-type: upper-alpha
}

.cmsContent ol[style*="list-style-type: upper-roman;"] li {
	list-style-type: upper-roman
}

.cmsContent ol li {
	list-style-type: decimal
}

.cmsContent p {
	margin-bottom: 30px
}

.cmsContent p:last-child {
	margin-bottom: 0
}

@media (max-width: 999px) {
	.cmsContent p {
		margin-bottom: 20px
	}
}

.cmsContent iframe {
	max-width: 100% !important
}

.cmsContent img {
	max-width: 100%;
	height: auto;
	max-height: 100%;
	width: auto
}

.cmsContent h2 {
	margin: 70px 0 32px;
	background: url("../img/common/other/bg_line.jpg");
	background-size: auto 48px;
	padding: 10px 20px;
	color: #FFF;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
	letter-spacing: .1em;
	font-weight: bold
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.cmsContent h2 {
		padding-top: 11px;
		padding-bottom: 9px
	}
}

@media (max-width: 999px) {
	.cmsContent h2 {
		margin: 44px 0 20px;
		padding: 7px 10px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 26px
	}
}

.cmsContent h3 {
	margin: 52px 0 32px;
	border-bottom: #94CBE9 2px dotted;
	padding: 10px 20px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
	letter-spacing: .1em;
	font-weight: bold
}

@media (max-width: 999px) {
	.cmsContent h3 {
		margin: 30px 0 18px;
		padding: 5px 10px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 26px
	}
}

.cmsContent h4 {
	position: relative;
	margin: 65px 0 25px;
	padding-left: 20px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	letter-spacing: .1em;
	font-weight: bold
}

@media (max-width: 999px) {
	.cmsContent h4 {
		margin: 43px 0 20px;
		padding-left: 12px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px
	}
}

.cmsContent h4:before {
	content: '';
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 0;
	width: 4px;
	background: #1FB5C4
}

@media (max-width: 999px) {
	.cmsContent h4:before {
		top: 0;
		bottom: 0;
		width: 2px
	}
}

.cmsContent blockquote {
	margin-top: 70px;
	border: #1FB5C4 2px solid;
	padding: 24px 30px 24px 33px
}

@media (max-width: 999px) {
	.cmsContent blockquote {
		margin-top: 44px;
		border-width: 1px;
		padding: 13px 20px 13px 20px
	}
}

.cmsContent h5,
.cmsContent h6 {
	font-weight: bold;
}

.cmsContent em {
	position: relative;
	display: inline;
	z-index: 1;
	background-image: url(../img/common/other/bg_em.jpg);
	background-size: 100% 8px;
	background-position: left bottom -2px;
	background-repeat: repeat-x;
	text-decoration: none !important;
	font-weight: normal;
	font-style: normal
}

@media (max-width: 999px) {
	.cmsContent em {
		background-size: 100% 4px;
		background-position: left bottom 1px
	}
}

.cmsContent a {
	color: #1FB5C4;
	text-decoration: underline
}

.cmsContent table {
	border-collapse: collapse;
	min-width: 550px
}

.cmsContent table td,
.cmsContent table th {
	padding: 8px 22px;
	border: 1px solid #9B9B9B;
	text-align: left
}

.cmsContent table th {
	font-weight: 400;
	background-color: #E9E9E9
}

.pagingDt {
	position: relative;
	padding-top: 100px;
	text-align: center
}

@media (max-width: 999px) {
	.pagingDt {
		padding-top: 60px
	}

	.cmsContent .table-scroll,
	.cmsContent .wp-block-table {
		overflow-x: scroll;
		padding-bottom: 20px;
	}
}

.pagingDt a {
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 30px;
	letter-spacing: 0;
	font-weight: bold
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.pagingDt a {
		line-height: 34px
	}
}

@media (max-width: 999px) {
	.pagingDt a {
		font-size: 16px;
		font-size: 1.6rem
	}
}

.pagingDt .list {
	width: 150px;
	height: 30px;
	background: #1FB5C4;
	border-radius: 5px;
	color: #FFF;
	text-align: center
}

@media (max-width: 999px) {
	.pagingDt .list {
		width: 140px
	}
}

@media only screen and (max-width: 350px) {
	.pagingDt .list {
		width: 100px
	}
}

.pagingDt .prev,
.pagingDt .next {
	position: relative;
	padding: 0 35px
}

@media (max-width: 999px) {

	.pagingDt .prev,
	.pagingDt .next {
		padding: 0 22px
	}
}

.pagingDt .prev:before,
.pagingDt .next:before {
	content: '';
	position: absolute;
	right: 12px;
	top: 12px;
	width: 6px;
	height: 6px;
	border-left: 1px solid #505C63;
	border-top: 1px solid #505C63;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg)
}

@media (max-width: 999px) {

	.pagingDt .prev:before,
	.pagingDt .next:before {
		right: 3px
	}
}

.pagingDt .prev:before {
	left: 12px;
	right: auto;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

@media (max-width: 999px) {
	.pagingDt .prev:before {
		left: 3px
	}
}

.palt {
	-webkit-font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
	-ms-font-feature-settings: "palt";
	-o-font-feature-settings: "palt";
	font-feature-settings: "palt"
}

@media (min-width: 1000px) {
	.palt_pc {
		-webkit-font-feature-settings: "palt";
		-moz-font-feature-settings: "palt";
		-ms-font-feature-settings: "palt";
		-o-font-feature-settings: "palt";
		font-feature-settings: "palt"
	}
}

@media (max-width: 999px) {
	.palt_sp {
		-webkit-font-feature-settings: "palt";
		-moz-font-feature-settings: "palt";
		-ms-font-feature-settings: "palt";
		-o-font-feature-settings: "palt";
		font-feature-settings: "palt"
	}
}

.fullImg {
	width: 100%;
	height: auto
}

.w880 {
	max-width: 880px;
	margin: 0 auto
}

.mainsubWrap {
	position: relative;
	width: 100%;
	height: 562px;
	background: url("../img/depression/img_main.jpg") center center no-repeat;
	background-size: cover;
	color: #FFF
}

@media (max-width: 999px) {
	.mainsubWrap {
		height: 180px;
		padding-top: 35px
	}
}

.mainsubWrap:before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 151px;
	height: 191px;
	background: url("../img/common/icon/icon_mv.png") center no-repeat;
	background-size: contain;
	opacity: 0.6
}

@media (max-width: 999px) {
	.mainsubWrap:before {
		width: 61px;
		height: 73px;
		background-image: url("../img/common/icon/icon_mv_sp.png");
		opacity: 1
	}
}

.mainsubWrap:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: url("../img/common/bg_mainsub.png") center top no-repeat;
	background-size: 100% 100%
}

@media (max-width: 999px) {
	.mainsubWrap:after {
		height: 25px;
		background-image: url("../img/common/bg_mainsub_sp.png")
	}
}

.mainsubWrap .h2Wrap {
	position: absolute;
	width: 100%;
	top: 46%;
	transform: translate(0, -50%)
}

@media (max-width: 999px) {
	.mainsubWrap .h2Wrap {
		top: 44%
	}
}

.mainsubWrap .txtjp {
	display: block;
	margin-left: -8px;
	font-size: 40px;
	font-size: 4rem;
	line-height: 56px;
	letter-spacing: .04em;
	text-shadow: 0 5px 20px rgba(111, 123, 129, 0.5)
}

@media (max-width: 999px) {
	.mainsubWrap .txtjp {
		margin-left: 0;
		font-size: 20px;
		font-size: 2rem;
		line-height: 28px;
		letter-spacing: .02em
	}
}

.mainsubWrap .txtjp .textsmall {
	font-size: 30px;
	font-size: 3rem
}

@media (max-width: 999px) {
	.mainsubWrap .txtjp .textsmall {
		font-size: 15px;
		font-size: 1.5rem
	}
}

.mainsubWrap .txten {
	display: block;
	margin-top: 30px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 20px;
	letter-spacing: .4em;
	font-family: "Lato", sans-serif;
	text-shadow: 0 5px 20px rgba(111, 123, 129, 0.5)
}

@media (max-width: 999px) {
	.mainsubWrap .txten {
		margin-top: 5px;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 20px
	}
}

.h3com01 {
	position: relative;
	padding-top: 65px;
	background: url("../img/common/icon/icon_earpiece.png") center top no-repeat;
	background-size: 38px auto;
	text-align: center;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 40px;
	letter-spacing: .05em
}

@media (max-width: 999px) {
	.h3com01 {
		padding-top: 50px;
		font-size: 19px;
		font-size: 1.9rem;
		line-height: 28px
	}
}

.h3com01 .icon {
	position: absolute;
	top: 0;
	left: 50%;
	width: 38px;
	margin-left: -19px
}

.h3com01 .txten,
.h3com01 .text_en {
	display: block;
	padding-top: 12px;
	color: #1FB5C4;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 20px;
	letter-spacing: .3em;
	font-weight: 400;
	font-family: "Lato", sans-serif
}

@media (max-width: 999px) {

	.h3com01 .txten,
	.h3com01 .text_en {
		padding-top: 2px;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 18px
	}
}

.h3com01 .text_des {
	display: inline-block
}

.sidebarWrap {
	float: right;
	width: 170px
}

@media (max-width: 999px) {
	.sidebarWrap {
		float: none;
		width: 100%;
		padding-top: 100px
	}
}

.sidebarWrap .ttl01 {
	border-top: #1FB5C4 2px dotted;
	border-bottom: #1FB5C4 2px dotted;
	height: 58px;
	padding-top: 18px;
	text-align: center;
	color: #1FB5C4;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 20px;
	letter-spacing: .05em;
	font-weight: bold
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.sidebarWrap .ttl01 {
		padding-top: 20px
	}
}

@media (max-width: 999px) {
	.sidebarWrap .ttl01 {
		position: relative;
		height: 55px;
		padding: 16px 30px 0;
		font-size: 17px;
		font-size: 1.7rem
	}

	.sidebarWrap .ttl01:before {
		content: "";
		position: absolute;
		right: 20px;
		top: calc(50% - 6px);
		width: 8px;
		height: 8px;
		border-left: #1FB5C4 1px solid;
		border-top: #1FB5C4 1px solid;
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-o-transform: rotate(225deg);
		transform: rotate(225deg)
	}

	.sidebarWrap .ttl01.ttlcat:not(.active) {
		border-bottom: none
	}

	.sidebarWrap .ttl01.active:before {
		top: calc(50% - 2px);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg)
	}
}

@media (max-width: 999px) {
	.sidebarWrap .navidiv {
		display: none
	}

	.sidebarWrap .navidiv.navishow {
		display: block
	}
}

@media (min-width: 1000px) {
	.sidebarWrap .navidiv {
		display: block !important
	}
}

.sidebarWrap .ulnavi01 {
	padding: 28px 0 75px
}

@media (max-width: 999px) {
	.sidebarWrap .ulnavi01 {
		padding: 25px 15px 72px
	}
}

.sidebarWrap .ulnavi01 li {
	padding-bottom: 25px
}

.sidebarWrap .ulnavi01 li:last-child {
	padding-bottom: 0
}

@media (max-width: 999px) {
	.sidebarWrap .ulnavi01 li {
		padding-bottom: 12px
	}
}

.sidebarWrap .ulnavi01 a {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 20px;
	letter-spacing: .05em
}

.sidebarWrap .ulnavi01 a.active {
	color: #1FB5C4
}

@media (max-width: 999px) {
	.sidebarWrap .ulnavi01 a {
		font-size: 14px;
		font-size: 1.4rem
	}
}

.sidebarWrap .ulnavi01.navidate {
	padding-top: 25px;
	padding-bottom: 0
}

@media (max-width: 999px) {
	.sidebarWrap .ulnavi01.navidate {
		padding-top: 20px
	}
}

.sidebarWrap .ulnavi01.navidate li {
	padding-bottom: 20px
}

@media (max-width: 999px) {
	.sidebarWrap .ulnavi01.navidate li {
		padding-bottom: 10px
	}
}

.sidebarWrap .ulnavi01.navidate a {
	font-family: "Lato", sans-serif;
	font-weight: 400
}

.category-title {
	font-size: 2.2rem;
	font-weight: 600;
	margin-bottom: 10px;
}

.contentWrap {
	float: left;
	width: calc(100% - 170px);
	padding-right: 80px
}

@media (max-width: 999px) {
	.contentWrap {
		float: none;
		width: 100%;
		padding-right: 0
	}
}

.catcomWrap01 {
	padding-top: 96px
}

@media (max-width: 999px) {
	.catcomWrap01 {
		padding-top: 56px
	}
}

.catcomWrap01 .titanchor01 {
	border-top: #1FB5C4 2px dotted;
	border-bottom: #1FB5C4 2px dotted;
	padding: 13px 0 10px;
	text-align: center;
	color: #1FB5C4;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
	letter-spacing: .05em;
	font-weight: bold
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.catcomWrap01 .titanchor01 {
		padding: 16px 0 8px
	}
}

@media (max-width: 999px) {
	.catcomWrap01 .titanchor01 {
		border-width: 2px;
		padding: 6px 0 6px;
		font-size: 17px;
		font-size: 1.7rem
	}
}

.catcomWrap01 .anchordiv {
	padding-top: 48px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media (max-width: 999px) {
	.catcomWrap01 .anchordiv {
		padding-top: 34px
	}
}

.catcomWrap01 .anchordiv .ul01 {
	width: 29.5%
}

.catcomWrap01 .anchordiv .ul02 {
	width: 20.5%
}

.catcomWrap01 .anchordiv .ul03 {
	width: 30.3%
}

.catcomWrap01 .anchordiv .ul04 {
	width: 19.7%
}

.catcomWrap01 .anchordiv .ulsp {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.catcomWrap01 .anchordiv li {
	width: 100%;
	margin-bottom: 19px
}

@media (max-width: 999px) {
	.catcomWrap01 .anchordiv li {
		margin-bottom: 34px;
		width: 50%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		align-items: center
	}
}

.catcomWrap01 .anchordiv a {
	position: relative;
	display: block;
	padding: 3px 10px 0 34px;
	text-decoration: underline;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 28px;
	letter-spacing: 0
}

@media (max-width: 999px) {
	.catcomWrap01 .anchordiv a {
		padding: 3px 10px 0 45px;
		text-decoration: underline;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 17px
	}

	.catcomWrap01 .anchordiv a .small {
		display: block;
		font-size: 11px;
		font-size: 1.1rem
	}
}

.catcomWrap01 .anchordiv a .icon {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 25px;
	margin-top: -14px
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.catcomWrap01 .anchordiv a .icon {
		margin-top: -15px
	}
}

@media (max-width: 999px) {
	.catcomWrap01 .anchordiv a .icon {
		left: 5px;
		width: 30px;
		margin-top: -13px
	}
}

.catcomWrap01 .anchordiv .text_des {
	display: inline-block;
	text-decoration: underline
}

@media (max-width: 999px) {
	.catcomWrap01 .anchordiv .text_des {
		display: block;
		font-size: 11px;
		font-size: 1.1rem;
		-webkit-font-feature-settings: "palt";
		-moz-font-feature-settings: "palt";
		-ms-font-feature-settings: "palt";
		-o-font-feature-settings: "palt";
		font-feature-settings: "palt"
	}
}

.imgcms {
	display: block;
	position: relative;
	overflow: hidden;
	background-color: #E9EFF3;
	background-size: cover;
	background-position: center center;
	transition: 0.3s
}

.imgcms img {
	position: solute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	opacity: 0
}

.imgcms.imgcms-230x160 {
	position: relative
}

.imgcms.imgcms-230x160:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 69.56522%
}

.imgcms.imgcms-230x160>.content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.c-titlebg {
	background: url(../img/first/bg_line.png) no-repeat;
	background-size: cover;
	color: #FFF;
	font-size: 20px;
	font-size: 2rem;
	line-height: 38px;
	letter-spacing: .05em;
	font-weight: bold;
	padding: 6px 20px;
	text-align: center
}

@media (max-width: 999px) {
	.c-titlebg {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 19px;
		letter-spacing: .025em;
		padding: 11px 20px
	}
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.c-titlebg {
		padding: 9px 20px 3px
	}
}

.c-template01 .txtexpl01 {
	padding-top: 44px;
	text-align: justify
}

@media (max-width: 999px) {
	.c-template01 .txtexpl01 {
		padding-top: 24px
	}
}

.c-template01 .box01 {
	padding: 35px 25px 0
}

@media (max-width: 999px) {
	.c-template01 .box01 {
		padding-top: 58px
	}
}

.c-template01 .box01 .txten {
	position: relative;
	padding-top: 52px;
	text-align: center;
	color: #F6EFFE;
	font-size: 80px;
	font-size: 8rem;
	line-height: 80px;
	letter-spacing: .55em;
	font-weight: 400;
	font-family: "Lato", sans-serif;
	white-space: nowrap
}

@media (max-width: 999px) {
	.c-template01 .box01 .txten {
		padding-top: 27px;
		font-size: 35px;
		font-size: 3.5rem;
		line-height: 40px;
		letter-spacing: .3em
	}
}

.c-template01 .box01 .txten:before {
	content: '';
	position: absolute;
	top: 0;
	left: calc(50% - 35px);
	width: 72px;
	height: 72px;
	background: url("../img/common/icon/ico_maintitle.png") center top no-repeat;
	background-size: contain
}

@media (max-width: 999px) {
	.c-template01 .box01 .txten:before {
		left: calc(50% - 17px);
		width: 35px;
		height: 35px
	}
}

.c-template01 .box01 .txtjp {
	padding-top: 54px;
	text-align: center;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 40px;
	letter-spacing: .05em
}

@media (max-width: 999px) {
	.c-template01 .box01 .txtjp {
		padding-top: 25px;
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 25px
	}
}

@media only screen and (max-width: 350px) {
	.c-template01 .box01 .txtjp {
		font-size: 16px;
		font-size: 1.6rem
	}
}

.c-template01 .box02 {
	position: relative;
	margin-top: 80px;
	padding: 50px 25px 75px;
	background: #F9F9F9
}

@media (max-width: 999px) {
	.c-template01 .box02 {
		margin-top: 45px;
		padding-top: 40px;
		padding-bottom: 45px
	}
}

.c-template01 .box02 .txth4 {
	position: relative;
	padding: 35px 0 60px;
	text-align: center;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 40px;
	letter-spacing: .05em
}

@media (max-width: 999px) {
	.c-template01 .box02 .txth4 {
		padding: 0 0 130px;
		text-align: center;
		font-size: 19px;
		font-size: 1.9rem;
		line-height: 25px
	}
}

.c-template01 .box02 .txth4:before {
	content: '';
	position: absolute;
	background-size: contain;
	background-position: left top;
	background-repeat: no-repeat
}

.c-template01 .box02 .txth4:after {
	content: '';
	position: absolute;
	background-size: contain;
	background-position: left bottom;
	background-repeat: no-repeat
}

@media (max-width: 999px) {
	.c-template01 .box02 .txth4:after {
		display: none
	}
}

.c-template01 .box02 .txth4 .txten {
	display: block;
	padding-top: 6px;
	color: #CFB1F3;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 28px;
	letter-spacing: .5em;
	font-weight: 400;
	font-family: "Lato", sans-serif
}

@media (max-width: 999px) {
	.c-template01 .box02 .txth4 .txten {
		padding-top: 3px;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 20px
	}
}

.c-template01 .box02 .txt01 {
	padding-bottom: 37px
}

@media (max-width: 999px) {
	.c-template01 .box02 .txt01 {
		padding: 0 15px 25px
	}
}

.c-template01 .box02 .ul01 li {
	position: relative;
	margin: 0 0 15px 30px;
	background: #FFF;
	border-right: #F6EFFE 5px solid;
	border-bottom: #F6EFFE 5px solid;
	border-radius: 5px;
	height: 120px;
	padding: 15px 0 10px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center
}

@media (max-width: 999px) {
	.c-template01 .box02 .ul01 li {
		margin: 0 0 25px 0;
		border-width: 3px;
		border-radius: 3px;
		height: auto;
		padding: 30px 13px 21px
	}
}

.c-template01 .box02 .ul01 .txtcase {
	position: absolute;
	top: calc(50% - 30px);
	left: -30px;
	width: 60px;
	height: 60px;
	background: #CFB1F3 url("../img/common/txt_case.png") center 10px no-repeat;
	background-size: 31px auto;
	border-radius: 50%;
	padding-top: 20px;
	text-align: center;
	color: #FFF;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 28px;
	letter-spacing: .05em;
	font-weight: 500;
	font-family: "Oswald", sans-serif
}

@media (max-width: 999px) {
	.c-template01 .box02 .ul01 .txtcase {
		position: absolute;
		top: 30px;
		left: 13px;
		width: 50px;
		height: 50px;
		background-size: 31px auto;
		padding-top: 20px;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 24px;
		letter-spacing: .1em
	}
}

.c-template01 .box02 .ul01 .text01 {
	position: relative;
	width: 205px;
	padding-left: 8px;
	text-align: center;
	color: #CFB1F3;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 28px;
	letter-spacing: .05em;
	font-weight: bold
}

@media (max-width: 999px) {
	.c-template01 .box02 .ul01 .text01 {
		width: 100%;
		padding-left: 70px;
		padding-top: 13px;
		text-align: left;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 28px
	}
}

.c-template01 .box02 .ul01 .text01:before {
	content: "";
	position: absolute;
	right: 0;
	top: calc(50% - 6px);
	width: 12px;
	height: 12px;
	background: url("../img/common/icon/icon_2arrow.png") center no-repeat;
	background-size: contain
}

@media (max-width: 999px) {
	.c-template01 .box02 .ul01 .text01:before {
		display: none
	}
}

.c-template01 .box02 .ul01 .text02 {
	width: calc(100% - 205px);
	padding: 0 50px 0 30px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 28px;
	letter-spacing: .05em
}

@media (max-width: 999px) {
	.c-template01 .box02 .ul01 .text02 {
		width: 100%;
		padding: 30px 0 0;
		text-align: justify;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px
	}
}

.c-template01 .box02 .ul02Wrap {
	position: relative;
	background: #FFF;
	border-right: #F6EFFE 5px solid;
	border-bottom: #F6EFFE 5px solid;
	border-radius: 5px;
	padding: 30px 0 25px
}

@media (max-width: 999px) {
	.c-template01 .box02 .ul02Wrap {
		border-radius: 3px;
		padding: 15px 15px 0 15px
	}
}

.c-template01 .box02 .btndiv {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end
}

@media (max-width: 999px) {
	.c-template01 .box02 .btndiv {
		padding-right: 5px
	}
}

.c-template01 .box02 .btndiv .text01 {
	width: 320px;
	margin-left: 20px;
	padding: 5px 10px 5px;
	background: url("../img/common/bg_line.jpg");
	background-size: auto 50px;
	border-radius: 25px;
	text-align: center;
	color: #FFF;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 40px;
	letter-spacing: .05em;
	font-weight: bold
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.c-template01 .box02 .btndiv .text01 {
		padding-top: 8px;
		padding-bottom: 2px
	}
}

@media (max-width: 999px) {
	.c-template01 .box02 .btndiv .text01 {
		width: 100%;
		margin-left: 0;
		background-size: auto 40px;
		border-radius: 20px;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px
	}
}

.c-template01 .box02 .btndiv .small {
	font-size: 18px;
	font-size: 1.8rem
}

.c-template01 .box02 .ul02 {
	padding-top: 6px
}

@media (max-width: 999px) {
	.c-template01 .box02 .ul02 {
		padding-top: 0
	}
}

.c-template01 .box02 .ul02 li {
	position: relative;
	border-top: #E1CDFB 2px dotted;
	padding: 25px 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center
}

@media (max-width: 999px) {
	.c-template01 .box02 .ul02 li {
		padding: 20px 0
	}
}

.c-template01 .box02 .ul02 li:before {
	content: '';
	position: absolute;
	top: 15px;
	bottom: 15px;
	right: calc(328 / 880 * 100%);
	width: 2px;
	border-right: #E1CDFB 2px dotted
}

@media (max-width: 999px) {
	.c-template01 .box02 .ul02 li:before {
		display: none
	}
}

.c-template01 .box02 .ul02 li:first-child {
	border-top: none
}

.c-template01 .box02 .ul02 li:first-child .text02,
.c-template01 .box02 .ul02 li:first-child .text03 {
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
	letter-spacing: .05em;
	font-weight: bold
}

@media (max-width: 999px) {

	.c-template01 .box02 .ul02 li:first-child .text02,
	.c-template01 .box02 .ul02 li:first-child .text03 {
		padding-left: 15px;
		text-align: left;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px
	}
}

.c-template01 .box02 .ul02 li:first-child .text03 {
	padding-left: 28px
}

@media (max-width: 999px) {
	.c-template01 .box02 .ul02 li:first-child .text03 {
		padding-left: 10px
	}
}

.c-template01 .box02 .ul02 .text01 {
	position: relative;
	width: calc(225 / 880 * 100%);
	padding-left: 25px;
	color: #CFB1F3;
	font-size: 20px;
	font-size: 2rem;
	line-height: 28px;
	letter-spacing: .05em;
	font-weight: bold
}

@media (max-width: 999px) {
	.c-template01 .box02 .ul02 .text01 {
		width: 90px;
		padding-left: 0;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 20px
	}
}

.c-template01 .box02 .ul02 .text01:before {
	content: "";
	position: absolute;
	right: 0;
	top: calc(50% - 6px);
	width: 12px;
	height: 12px;
	background: url("../img/common/icon/icon_2arrow.png") center no-repeat;
	background-size: contain
}

@media (max-width: 999px) {
	.c-template01 .box02 .ul02 .text01:before {
		display: none
	}
}

.c-template01 .box02 .ul02 .text02 {
	width: calc(325 / 880 * 100%);
	padding-left: 40px
}

@media (max-width: 999px) {
	.c-template01 .box02 .ul02 .text02 {
		width: calc(100% - 90px);
		padding-left: 0
	}
}

.c-template01 .box02 .ul02 .text03 {
	width: calc(330 / 880 * 100%);
	padding-left: 42px
}

@media (max-width: 999px) {
	.c-template01 .box02 .ul02 .text03 {
		width: calc(100% - 90px);
		padding-left: 0
	}
}

.c-template01 .box02 .ul02 .dot {
	position: relative;
	margin-bottom: 8px;
	padding-left: 23px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 24px;
	letter-spacing: .05em
}

@media (max-width: 999px) {
	.c-template01 .box02 .ul02 .dot {
		margin-bottom: 7px;
		padding-left: 15px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 20px;
		letter-spacing: 0
	}
}

.c-template01 .box02 .ul02 .dot:before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
	color: #CFB1F3;
	font-weight: bold
}

.c-template01 .box02 .ul02 .dot:last-child {
	margin-bottom: 0
}

@media (max-width: 999px) {
	.c-template01 .box02 .colsp01 .ul02 .text03 {
		display: none
	}

	.c-template01 .box02 .colsp02 {
		margin-top: 25px
	}

	.c-template01 .box02 .colsp02 .ul02 .text02 {
		display: none
	}
}

.c-template01 .box03 {
	padding-top: 72px
}

@media (max-width: 999px) {
	.c-template01 .box03 {
		padding-top: 45px
	}
}

.c-template01 .box03 .txth5 {
	position: relative;
	height: 140px;
	padding: 66px 0 20px;
	border-bottom: #E1CDFB 2px solid;
	padding-left: 326px;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 40px;
	letter-spacing: .05em
}

.c-template01 .box03 .txth5 .text01 {
	position: absolute;
	top: 0;
	left: 60px;
	width: 243px;
	height: 108px;
	background: url("../img/common/bg_message.png") center top no-repeat;
	background-size: contain;
	padding: 30px 20px 30px 42px;
	text-align: left;
	color: #CFB1F3;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 20px;
	letter-spacing: .05em;
	font-weight: bold
}

@media (max-width: 999px) {
	.c-template01 .box03 .txth5 {
		height: auto;
		padding: 83px 0 22px;
		border-bottom-width: 1px;
		padding-left: 0;
		text-align: center;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 25px
	}

	.c-template01 .box03 .txth5 .text01 {
		top: 0;
		left: calc(50% - 75px);
		width: 150px;
		height: 67px;
		padding: 17px 20px 15px 28px;
		text-align: left;
		font-size: 10px;
		font-size: 1rem;
		line-height: 13px
	}
}

.c-template01 .box03 .ul01 {
	padding: 48px 0 30px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-bottom: #E1CDFB 2px solid
}

@media (max-width: 999px) {
	.c-template01 .box03 .ul01 {
		padding: 28px 0 5px;
		border-bottom-width: 1px
	}
}

.c-template01 .box03 .ul01 li {
	width: 50%;
	padding: 0 38px
}

@media (max-width: 999px) {
	.c-template01 .box03 .ul01 li {
		width: 100%;
		padding: 0 15px
	}
}

.c-template01 .box03 .ul01 .text01 {
	margin-bottom: 12px;
	background: url("../img/common/icon/icon_check.jpg") left 2px no-repeat;
	background-size: 18px auto;
	padding-left: 30px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 26px
}

@media (max-width: 999px) {
	.c-template01 .box03 .ul01 .text01 {
		margin-bottom: 17px;
		background-position: left 4px;
		background-size: 13px auto;
		padding-left: 23px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 20px
	}
}

.c-template01 .box04 {
	padding: 0 25px
}

.c-template01 .box04 .ul02 {
	padding-top: 58px
}

@media (max-width: 999px) {
	.c-template01 .box04 .ul02 {
		padding-top: 42px
	}
}

.c-template01 .box04 .ul02 li {
	padding-bottom: 83px
}

.c-template01 .box04 .ul02 li:last-child {
	padding-bottom: 0
}

@media (max-width: 999px) {
	.c-template01 .box04 .ul02 li {
		padding-bottom: 41px
	}
}

.c-template01 .box04 .ul02 .txth5 {
	background: url("../img/common/icon/icon_h501.png") left 10px no-repeat;
	background-size: 16px auto;
	border-bottom: #E1CDFB 3px dotted;
	padding: 0 0 15px 35px;
	color: #CFB1F3;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 40px;
	letter-spacing: .05em;
	font-weight: bold
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.c-template01 .box04 .ul02 .txth5 {
		padding-top: 4px
	}
}

@media (max-width: 999px) {
	.c-template01 .box04 .ul02 .txth5 {
		background-position: left 5px;
		background-size: 12px auto;
		border-bottom-width: 2px;
		padding: 0 0 10px 20px;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 25px
	}
}

.c-template01 .box04 .ul02 .text01 {
	padding-top: 32px
}

@media (max-width: 999px) {
	.c-template01 .box04 .ul02 .text01 {
		padding-top: 15px
	}
}

.c-template02 {
	padding: 150px 25px 0
}

@media (max-width: 999px) {
	.c-template02 {
		padding-top: 65px
	}
}

@media (max-width: 999px) {
	.c-template02 .h3com01 {
		background-size: 28px auto;
		background-position: center 10px
	}
}

.c-template02 .txtexpl01 {
	padding-top: 58px;
	text-align: justify
}

@media (max-width: 999px) {
	.c-template02 .txtexpl01 {
		padding-top: 36px
	}
}

.c-template02 .ul01 {
	padding-top: 83px
}

@media (max-width: 999px) {
	.c-template02 .ul01 {
		padding-top: 44px
	}
}

.c-template02 .ul01 li {
	padding-bottom: 90px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between
}

.c-template02 .ul01 li:last-child {
	padding-bottom: 0
}

@media (max-width: 999px) {
	.c-template02 .ul01 li {
		padding-bottom: 44px;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.c-template02 .ul01 .txtdiv {
	width: 50%
}

@media (max-width: 999px) {
	.c-template02 .ul01 .txtdiv {
		order: 2;
		width: 100%
	}
}

.c-template02 .ul01 .imgWrap {
	position: relative;
	width: calc(50% + 24px);
	margin-right: -96px;
	padding-top: 5px
}

@media (max-width: 999px) {
	.c-template02 .ul01 .imgWrap {
		width: 100% !important;
		max-width: 255px;
		margin: 0 auto !important;
		padding-top: 40px;
		text-align: center
	}
}

.c-template02 .ul01 .imgdiv {
	position: relative
}

.c-template02 .ul01 .imgdiv:before {
	content: '';
	position: absolute;
	right: -20px;
	bottom: -50px;
	width: 130px;
	height: 130px;
	background: url("../img/common/icon_treatment01.png") center no-repeat;
	background-size: contain;
	opacity: 0.8
}

@media (max-width: 999px) {
	.c-template02 .ul01 .imgdiv:before {
		right: -8px;
		bottom: -8px;
		width: 68px;
		height: 68px
	}
}

.c-template02 .ul01 .txth4 {
	position: relative;
	margin: 0 10px 0 -30px;
	padding: 5px 30px 5px;
	background: url("../img/common/bg_line.jpg");
	background-size: auto 50px;
	border-radius: 25px;
	color: #FFF;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 40px;
	letter-spacing: .05em;
	font-weight: bold
}

.c-template02 .ul01 .txth4:before {
	content: '';
	position: absolute;
	top: 50%;
	bottom: -17px;
	left: 45%;
	right: -55px;
	background: #F7F0FE;
	border-radius: 21px;
	z-index: -1
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.c-template02 .ul01 .txth4 {
		padding: 7px 30px 3px
	}
}

@media (max-width: 999px) {
	.c-template02 .ul01 .txth4 {
		margin: 0 15px 0 0;
		width: calc(100% - 15px);
		padding: 7px 20px 7px;
		border-radius: 20px;
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 26px
	}

	.c-template02 .ul01 .txth4:before {
		top: 10px;
		bottom: -8px;
		left: 28%;
		right: -15px;
		border-radius: 20px
	}
}

.c-template02 .ul01 .text01 {
	padding-top: 60px
}

@media (max-width: 999px) {
	.c-template02 .ul01 .text01 {
		padding-top: 36px
	}
}

.c-template02 .ul01 li:nth-child(2n) .txtdiv {
	order: 2;
	padding: 43px 3px 0 0
}

@media (max-width: 999px) {
	.c-template02 .ul01 li:nth-child(2n) .txtdiv {
		padding: 0
	}
}

.c-template02 .ul01 li:nth-child(2n) .imgWrap {
	width: calc(50% + 30px);
	margin-left: -96px;
	margin-right: 0
}

.c-template02 .ul01 li:nth-child(2n) .imgWrap:before {
	left: 0;
	right: auto;
	bottom: -30px;
	background-image: url("../img/common/icon_treatment02.png")
}

.c-template02 .ul01 li:nth-child(2n) .imgdiv:before {
	left: 20px;
	right: auto;
	bottom: -30px;
	background-image: url("../img/common/icon_treatment02.png")
}

@media (max-width: 999px) {
	.c-template02 .ul01 li:nth-child(2n) .imgdiv:before {
		left: 8px;
		bottom: -18px
	}
}

.c-template02 .ul02 {
	padding-top: 120px
}

@media (max-width: 999px) {
	.c-template02 .ul02 {
		padding-top: 40px
	}
}

.c-template02 .ul02 li {
	padding-bottom: 83px
}

.c-template02 .ul02 li:last-child {
	padding-bottom: 0
}

@media (max-width: 999px) {
	.c-template02 .ul02 li {
		padding-bottom: 41px
	}
}

.c-template02 .ul02 .txth5 {
	background: url("../img/common/icon/icon_h501.png") left 10px no-repeat;
	background-size: 16px auto;
	border-bottom: #E1CDFB 3px dotted;
	padding: 0 0 15px 35px;
	color: #CFB1F3;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 40px;
	letter-spacing: .05em;
	font-weight: bold
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.c-template02 .ul02 .txth5 {
		padding-top: 4px
	}
}

@media (max-width: 999px) {
	.c-template02 .ul02 .txth5 {
		background-position: left 5px;
		background-size: 12px auto;
		border-bottom-width: 2px;
		padding: 0 0 10px 20px;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 25px
	}
}

.c-template02 .ul02 .text01 {
	padding-top: 22px
}

@media (max-width: 999px) {
	.c-template02 .ul02 .text01 {
		padding-top: 15px
	}
}

.c-template02 .daycarebox {
	position: relative;
	display: block;
	margin-top: 92px;
	background: url("../img/common/img_daycare.jpg") center no-repeat;
	background-size: auto 100%;
	height: 240px;
	padding: 72px 0 0 75px;
	color: #FFF;
	transition: 0.3s
}

.c-template02 .daycarebox:before {
	content: '';
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 5px;
	right: 5px;
	border: #FFF 2px solid
}

@media (max-width: 999px) {
	.c-template02 .daycarebox {
		margin-top: 44px;
		height: 120px;
		background-size: cover;
		padding: 36px 0 0 38px
	}

	.c-template02 .daycarebox:before {
		top: 3px;
		bottom: 3px;
		left: 3px;
		right: 3px;
		border-width: 1px
	}
}

.c-template02 .daycarebox .txten {
	display: block;
	background: url("../img/common/icon/icon_daycare.png") left center no-repeat;
	background-size: 37px auto;
	padding-left: 58px;
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 50px;
	letter-spacing: .05em;
	font-weight: 400;
	font-family: "Lato", sans-serif
}

@media (max-width: 999px) {
	.c-template02 .daycarebox .txten {
		background-size: 18px auto;
		padding-left: 30px;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 25px
	}
}

.c-template02 .daycarebox .txtjp {
	display: block;
	padding-top: 18px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
	letter-spacing: .05em
}

@media (max-width: 999px) {
	.c-template02 .daycarebox .txtjp {
		padding-top: 8px;
		font-size: 9px;
		font-size: .9rem;
		line-height: 16px
	}
}

@media only screen and (min-width: 1025px) {
	.c-template02 .daycarebox:hover {
		background-size: auto 110%
	}
}

.c-template02 .alertbox {
	margin-top: 30px;
	background: #F6EFFE;
	border-radius: 35px;
	padding: 21px 35px
}

@media (max-width: 999px) {
	.c-template02 .alertbox {
		margin-top: 25px;
		border-radius: 0;
		padding: 20px 15px
	}
}

.c-template02 .alertbox .text_alert01 {
	text-align: center;
	color: #FE4343;
	font-size: 20px;
	font-size: 2rem;
	line-height: 28px;
	letter-spacing: .05em;
	font-weight: bold
}

@media (max-width: 999px) {
	.c-template02 .alertbox .text_alert01 {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 25px
	}
}

@media only screen and (max-width: 350px) {
	.c-template02 .alertbox .text_alert01 {
		font-size: 14px;
		font-size: 1.4rem
	}
}

.c-template02 .alertbox .text_alert01 .icon {
	display: inline-block;
	background: url("../img/common/icon/icon_alert.png") left center no-repeat;
	background-size: 29px auto;
	padding-left: 50px
}

@media (max-width: 999px) {
	.c-template02 .alertbox .text_alert01 .icon {
		background-size: 23px auto;
		background-position: center top;
		padding-left: 0;
		padding-top: 33px
	}
}

.c-template02 .alertbox .text_alert01 .line {
	position: relative;
	display: inline-block
}

.c-template02 .alertbox .text_alert01 .line:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #FFABA6
}

@media (max-width: 999px) {
	.c-template02 .alertbox .text_alert01 .line:before {
		bottom: 2px;
		height: 1px;
		background: #FE4343
	}
}

.c-template02 .alertbox .text_alert02 {
	padding-top: 25px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 24px;
	letter-spacing: .05em
}

@media (max-width: 999px) {
	.c-template02 .alertbox .text_alert02 {
		padding-top: 20px
	}
}

.c-template03 {
	padding: 150px 25px 0
}

@media (max-width: 999px) {
	.c-template03 {
		padding-top: 74px
	}
}

.c-template03 .h3com01 {
	background-size: 53px auto
}

@media (max-width: 999px) {
	.c-template03 .h3com01 {
		background-size: 28px auto
	}
}

.c-template03 .txtexpl01 {
	padding-top: 58px
}

@media (max-width: 999px) {
	.c-template03 .txtexpl01 {
		padding-top: 37px
	}
}

.c-template03 .stepbox {
	max-width: 700px;
	margin: 0 auto;
	padding-top: 97px
}

@media (max-width: 999px) {
	.c-template03 .stepbox {
		max-width: 100%;
		padding-top: 63px
	}
}

.c-template03 .stepbox .ul01 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between
}

@media (max-width: 999px) {
	.c-template03 .stepbox .ul01 {
		margin: 0 -10px
	}
}

.c-template03 .stepbox .ul01 li {
	position: relative;
	width: calc(330 / 700 * 100%);
	background: #FFF9FA;
	border-radius: 5px;
	padding: 30px 28px 30px 30px
}

@media (max-width: 999px) {
	.c-template03 .stepbox .ul01 li {
		width: 100%;
		min-height: 300px;
		padding: 0 15px 25px 15px;
		margin-bottom: 66px
	}

	.c-template03 .stepbox .ul01 li:last-child {
		margin-bottom: 0
	}
}

.c-template03 .stepbox .ul01 li:before {
	content: '';
	position: absolute;
	top: -50px;
	right: calc(100% - 38px);
	width: 282px;
	height: 524px;
	background: url("../img/common/img_step01.png") left center no-repeat;
	background-size: 100% auto
}

@media (max-width: 999px) {
	.c-template03 .stepbox .ul01 li:before {
		top: auto;
		bottom: 0;
		right: -15px;
		width: 115px;
		height: 246px;
		background-size: 130px auto
	}
}

.c-template03 .stepbox .ul01 .txth4 {
	background: url("../img/common/bg_step01.jpg");
	background-size: auto 46px;
	border-radius: 23px;
	padding: 3px 5px 3px;
	text-align: center;
	color: #FFF;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 40px;
	letter-spacing: .05em;
	font-weight: bold
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.c-template03 .stepbox .ul01 .txth4 {
		padding: 8px 5px 0
	}
}

@media (max-width: 999px) {
	.c-template03 .stepbox .ul01 .txth4 {
		margin: -20px -5px;
		border-radius: 20px;
		padding: 5px 5px 5px;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 30px
	}
}

.c-template03 .stepbox .ul01 .stepdiv {
	padding-top: 20px
}

.c-template03 .stepbox .ul01 .stepdiv .steprow {
	padding-bottom: 34px
}

.c-template03 .stepbox .ul01 .stepdiv .steprow:last-child {
	padding-bottom: 0
}

@media (max-width: 999px) {
	.c-template03 .stepbox .ul01 .stepdiv {
		padding-top: 46px;
		padding-left: 0
	}

	.c-template03 .stepbox .ul01 .stepdiv .steprow {
		padding-bottom: 22px
	}
}

.c-template03 .stepbox .ul01 .text01 {
	border-bottom: #F8B6C0 2px dotted;
	padding-bottom: 7px;
	color: #F8B6C0;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
	letter-spacing: .05em;
	font-weight: 400;
	font-family: "Lato", sans-serif
}

@media (max-width: 999px) {
	.c-template03 .stepbox .ul01 .text01 {
		border-width: 2px;
		padding-bottom: 7px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 20px
	}
}

.c-template03 .stepbox .ul01 .text02 {
	padding-top: 14px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
	letter-spacing: .05em;
	font-weight: bold
}

@media (max-width: 999px) {
	.c-template03 .stepbox .ul01 .text02 {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 20px
	}
}

.c-template03 .stepbox .ul01 .text03 {
	padding-top: 8px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 26px
}

@media (max-width: 999px) {
	.c-template03 .stepbox .ul01 .text03 {
		padding-top: 6px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px
	}
}

@media (min-width: 1000px) {
	.c-template03 .stepbox .ul01 .text03 {
		margin-right: -15px
	}
}

@media (max-width: 999px) {
	.c-template03 .stepbox .ul01 li:nth-child(1) .stepdiv {
		padding-right: 70px
	}
}

.c-template03 .stepbox .ul01 li:nth-child(2) {
	background: #F3FBFF
}

.c-template03 .stepbox .ul01 li:nth-child(2):before {
	right: auto;
	left: calc(100% - 38px);
	width: 297px;
	height: 517px;
	background-image: url("../img/common/img_step02.png")
}

@media (max-width: 999px) {
	.c-template03 .stepbox .ul01 li:nth-child(2):before {
		left: -15px;
		width: 130px;
		height: 240px;
		background-size: 140px auto;
		background-position: right center
	}
}

@media (max-width: 999px) {
	.c-template03 .stepbox .ul01 li:nth-child(2) .stepdiv {
		padding-left: 76px
	}
}

.c-template03 .stepbox .ul01 li:nth-child(2) .txth4 {
	background-image: url("../img/common/bg_step02.jpg")
}

.c-template03 .stepbox .ul01 li:nth-child(2) .text01 {
	color: #1FB5C4;
	border-color: #1FB5C4
}

.c-template03 .stepbox .pointdiv {
	padding-top: 47px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center
}

@media (max-width: 999px) {
	.c-template03 .stepbox .pointdiv {
		padding-top: 42px
	}
}

.c-template03 .stepbox .pointdiv .txtpoint01 {
	width: 177px;
	text-align: center;
	color: #CFB1F3;
	text-decoration: underline;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 30px;
	letter-spacing: .05em;
	font-weight: bold;
	font-family: "Lato", sans-serif
}

@media (max-width: 999px) {
	.c-template03 .stepbox .pointdiv .txtpoint01 {
		width: 92px;
		text-align: left;
		font-size: 19px;
		font-size: 1.9rem;
		line-height: 20px
	}
}

.c-template03 .stepbox .pointdiv .txtpoint02 {
	width: calc(100% - 177px);
	font-size: 21px;
	font-size: 2.1rem;
	line-height: 31px;
	letter-spacing: .05em
}

@media (max-width: 999px) {
	.c-template03 .stepbox .pointdiv .txtpoint02 {
		width: calc(100% - 92px);
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px
	}
}

.c-template03 .box02 {
	padding-top: 95px
}

@media (max-width: 999px) {
	.c-template03 .box02 {
		padding-top: 70px
	}
}

.c-template03 .box02 .txth5 {
	background: url("../img/common/bg_line.jpg");
	background-size: auto 50px;
	border-radius: 25px;
	padding: 5px 35px 5px;
	color: #FFF;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 40px;
	letter-spacing: .05em;
	font-weight: bold
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.c-template03 .box02 .txth5 {
		padding: 8px 35px 2px
	}
}

@media (max-width: 999px) {
	.c-template03 .box02 .txth5 {
		border-radius: 20px;
		padding: 7px 5px 7px;
		text-align: center;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 26px
	}
}

@media only screen and (max-width: 370px) {
	.c-template03 .box02 .txth5 {
		font-size: 15px;
		font-size: 1.5rem
	}
}

@media only screen and (max-width: 350px) {
	.c-template03 .box02 .txth5 {
		font-size: 14px;
		font-size: 1.4rem
	}
}

.c-template03 .box02 .txtWrap {
	padding-top: 42px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between
}

@media (max-width: 999px) {
	.c-template03 .box02 .txtWrap {
		padding-top: 30px
	}
}

.c-template03 .box02 .ul01 {
	width: calc(530 / 880 * 100%)
}

@media (max-width: 999px) {
	.c-template03 .box02 .ul01 {
		width: 100%;
		order: 2;
		padding-top: 28px
	}
}

.c-template03 .box02 .ul01 li {
	position: relative;
	margin-bottom: 8px;
	padding-left: 38px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px
}

.c-template03 .box02 .ul01 li:before {
	content: '・';
	position: absolute;
	top: 0;
	left: 14px;
	color: #CFB1F3;
	font-weight: bold
}

@media (max-width: 999px) {
	.c-template03 .box02 .ul01 li {
		position: relative;
		margin-bottom: 17px;
		padding-left: 18px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 20px
	}

	.c-template03 .box02 .ul01 li:before {
		left: -4px;
		font-size: 13px;
		font-size: 1.3rem
	}
}

.c-template03 .box02 .imgdiv {
	width: calc(350 / 880 * 100%);
	padding: 8px 10px 0 0
}

@media (max-width: 999px) {
	.c-template03 .box02 .imgdiv {
		width: 100%;
		padding: 0
	}
}

.c-template03 .linkbox {
	padding-top: 78px
}

@media (max-width: 999px) {
	.c-template03 .linkbox {
		padding-top: 50px
	}
}

.c-template03 .linkbox .ul01 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between
}

.c-template03 .linkbox .ul01 li {
	width: calc(410 / 880 * 100%)
}

@media (max-width: 999px) {
	.c-template03 .linkbox .ul01 li {
		width: 100%;
		padding-bottom: 48px
	}

	.c-template03 .linkbox .ul01 li:last-child {
		padding-bottom: 0
	}
}

.c-template03 .linkbox .ul01 .text01 {
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
	letter-spacing: .05em
}

@media (max-width: 999px) {
	.c-template03 .linkbox .ul01 .text01 {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 20px
	}
}

.c-template03 .linkbox .ul01 a {
	position: relative;
	display: block;
	margin-top: 14px;
	height: 130px;
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	transition: 0.3s
}

.c-template03 .linkbox .ul01 a:before {
	content: '';
	position: absolute;
	top: 5px;
	bottom: 5px;
	left: 5px;
	right: 5px;
	border: #FFF 2px solid
}

@media only screen and (min-width: 1025px) {
	.c-template03 .linkbox .ul01 a:hover {
		background-size: auto 110%
	}
}

@media (max-width: 999px) {
	.c-template03 .linkbox .ul01 a {
		margin-top: 10px;
		height: 120px;
		background-size: cover
	}
}

.c-template03 .linkbox .ul01 .text02 {
	color: #FFF;
	font-size: 36px;
	font-size: 3.6rem;
	line-height: 50px;
	letter-spacing: .05em;
	font-weight: 400;
	font-family: "Lato", sans-serif;
	background-position: left center;
	background-repeat: no-repeat
}

@media (max-width: 999px) {
	.c-template03 .linkbox .ul01 .text02 {
		font-size: 25px;
		font-size: 2.5rem;
		line-height: 30px
	}

	.c-template03 .linkbox .ul01 .text02 .small {
		font-size: 20px;
		font-size: 2rem
	}
}

.c-template03 .linkbox .ul01 .blog a {
	background-image: url("../img/common/img_blog.jpg")
}

.c-template03 .linkbox .ul01 .blog .text02 {
	padding: 0 17px 0 52px;
	background-image: url("../img/common/icon/icon_blog.png");
	background-size: 31px auto
}

@media (max-width: 999px) {
	.c-template03 .linkbox .ul01 .blog .text02 {
		padding: 0 0 0 40px;
		background-size: 23px auto
	}
}

.c-template03 .linkbox .ul01 .qa a {
	background-image: url("../img/common/img_qa.jpg")
}

.c-template03 .linkbox .ul01 .qa .text02 {
	padding: 0 12px 0 62px;
	background-image: url("../img/common/icon/icon_qa.png");
	background-size: 39px auto
}

@media (max-width: 999px) {
	.c-template03 .linkbox .ul01 .qa .text02 {
		padding: 0 5px 0 42px;
		background-size: 29px auto
	}
}

.titcatcom {
	border-bottom: #E9EFF3 2px solid;
	padding-bottom: 8px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	color: #1FB5C4
}

@media (max-width: 999px) {
	.titcatcom {
		border-width: 1px;
		padding-bottom: 5px
	}
}

.titcatcom .text_jp {
	width: 50%;
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 44px;
	letter-spacing: 0;
	font-weight: bold
}

@media (max-width: 999px) {
	.titcatcom .text_jp {
		padding-left: 4px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px
	}
}

.titcatcom .text_en {
	width: 50%;
	padding: 8px 5px 0 0;
	text-align: right;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	letter-spacing: .3em;
	font-weight: 400;
	font-family: "Lato", sans-serif
}

@media (max-width: 999px) {
	.titcatcom .text_en {
		padding: 3px 0 0;
		font-size: 11px;
		font-size: 1.1rem;
		line-height: 15px
	}
}

.titcatcom02 {
	border-bottom: #E9EFF3 1px solid;
	padding-bottom: 10px
}

.titcatcom02 .date {
	padding-right: 13px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 20px;
	letter-spacing: .05em;
	font-weight: 400;
	font-family: "Lato", sans-serif
}

@media (max-width: 999px) {
	.titcatcom02 .date {
		font-size: 11px;
		font-size: 1.1rem;
		line-height: 16px
	}
}

.titcatcom02 .catitem {
	position: relative;
	display: inline-block;
	margin-right: 13px;
	min-width: 137px;
	padding: 0 8px;
	text-align: center;
	color: #1FB5C4;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 20px;
	letter-spacing: 0;
	font-weight: bold
}

.titcatcom02 .catitem:last-child {
	margin-right: 0
}

.titcatcom02 .catitem:before {
	content: '[';
	position: absolute;
	top: 0;
	left: 0
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.titcatcom02 .catitem:before {
		top: -3px
	}
}

.titcatcom02 .catitem:after {
	content: ']';
	position: absolute;
	top: 0;
	right: 0
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.titcatcom02 .catitem:after {
		top: -3px
	}
}

@media (max-width: 999px) {
	.titcatcom02 .catitem {
		margin-right: 10px;
		min-width: 110px;
		padding: 0 8px;
		font-size: 10px;
		font-size: 1rem;
		line-height: 16px
	}
}

.ulcom01 {
	padding-top: 65px
}

@media (max-width: 999px) {
	.ulcom01 {
		padding-top: 42px
	}
}

.ulcom01 li {
	border-top: #E9EFF3 1px solid
}

.ulcom01 li:last-child {
	border-bottom: #E9EFF3 1px solid
}

.ulcom01 a {
	position: relative;
	display: block;
	padding: 35px 80px 31px 75px;
	color: #262626;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
	letter-spacing: .05em;
	font-weight: bold
}

@media (max-width: 999px) {
	.ulcom01 a {
		padding: 20px 30px 18px 42px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px
	}
}

.ulcom01 a .icon {
	position: absolute;
	top: 35px;
	left: 25px;
	width: 20px
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.ulcom01 a .icon {
		top: 32px
	}
}

@media (max-width: 999px) {
	.ulcom01 a .icon {
		top: 20px;
		left: 10px;
		width: 17px
	}
}

.ulcom01 a .arrow {
	position: absolute;
	right: 40px;
	top: 43px;
	width: 8px;
	height: 8px;
	border-left: 2px solid #1FB5C4;
	border-top: 2px solid #1FB5C4;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg)
}

@media (max-width: 999px) {
	.ulcom01 a .arrow {
		right: 10px;
		top: 29px;
		width: 6px;
		height: 6px
	}
}

.ulcom02 a {
	border-bottom: #1FB5C4 2px dotted;
	padding: 50px 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center
}

@media (max-width: 999px) {
	.ulcom02 a {
		padding: 30px 0
	}
}

.ulcom02 li:first-child a {
	padding-top: 0
}

.ulcom02 .imgdiv {
	width: 230px
}

@media (max-width: 999px) {
	.ulcom02 .imgdiv {
		width: calc(135 / 325 * 100%)
	}
}

.ulcom02 .imgcms {
	border-radius: 5px
}

@media (max-width: 999px) {
	.ulcom02 .titcatcom02 {
		line-height: 18px;
		padding-bottom: 0;
		border: none
	}
}

.ulcom02 .txtdiv {
	width: calc(100% - 230px);
	padding: 7px 0 0 50px
}

@media (max-width: 999px) {
	.ulcom02 .txtdiv {
		width: calc(190 / 325 * 100%);
		padding: 7px 0 0 28px
	}
}

.ulcom02 .title {
	margin-top: 23px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
	letter-spacing: .05em;
	font-weight: bold
}

@media (max-width: 999px) {
	.ulcom02 .title {
		margin-top: 8px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 21px;
		letter-spacing: .05em;
		font-weight: 500
	}
}

@media only screen and (max-width: 350px) {
	.ulcom02 .title {
		margin-top: 3px;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 18px
	}
}

.ulcom03 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between
}

.ulcom03 li {
	width: calc(340 / 750 * 100%);
	padding-top: 96px
}

.ulcom03 li:nth-child(1),
.ulcom03 li:nth-child(2) {
	padding-top: 0
}

@media (max-width: 999px) {
	.ulcom03 li {
		width: 100%;
		padding-top: 0
	}
}

.ulcom03 a {
	display: block
}

@media (max-width: 999px) {
	.ulcom03 a {
		border-bottom: #1FB5C4 2px dotted;
		padding: 30px 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		align-items: center
	}
}

.ulcom03 .imgdiv {
	width: 100%
}

@media (max-width: 999px) {
	.ulcom03 .imgdiv {
		width: calc(135 / 325 * 100%)
	}
}

.ulcom03 .imgcms {
	position: relative
}

.ulcom03 .imgcms:before {
	display: block;
	content: " ";
	width: 100%;
	padding-top: 64.70588%
}

.ulcom03 .imgcms>.content {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

@media (max-width: 999px) {
	.ulcom03 .imgcms {
		position: relative
	}

	.ulcom03 .imgcms:before {
		display: block;
		content: " ";
		width: 100%;
		padding-top: 74.07407%
	}

	.ulcom03 .imgcms>.content {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0
	}
}

.ulcom03 .txtdiv {
	width: 100%;
	padding-top: 23px
}

@media (max-width: 999px) {
	.ulcom03 .txtdiv {
		width: calc(190 / 325 * 100%);
		padding: 5px 0 0 28px
	}
}

@media (max-width: 999px) {
	.ulcom03 .titcatcom02 {
		line-height: 18px;
		padding-bottom: 5px
	}
}

@media (min-width: 1000px) {
	.ulcom03 .titcatcom02 .date {
		font-size: 16px;
		font-size: 1.6rem
	}
}

@media (max-width: 999px) {
	.ulcom03 .titcatcom02 .date {
		display: block
	}
}

.ulcom03 .titcatcom02 .catitem {
	min-width: auto;
	padding: 0
}

.ulcom03 .titcatcom02 .catitem:before,
.ulcom03 .titcatcom02 .catitem:after {
	display: none
}

@media (min-width: 1000px) {
	.ulcom03 .titcatcom02 .catitem {
		font-size: 14px;
		font-size: 1.4rem
	}
}

.ulcom03 .title {
	margin-top: 23px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
	letter-spacing: .05em;
	font-weight: bold
}

@media (max-width: 999px) {
	.ulcom03 .title {
		margin-top: 8px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 21px;
		letter-spacing: .05em;
		font-weight: 500
	}
}

@media only screen and (max-width: 350px) {
	.ulcom03 .title {
		margin-top: 3px;
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 18px
	}
}

.detailcomdiv01 {
	padding-top: 115px
}

@media (max-width: 999px) {
	.detailcomdiv01 {
		padding-top: 41px
	}
}

.detailcomdiv01 .titcatcom02 {
	padding-bottom: 12px
}

@media (max-width: 999px) {
	.detailcomdiv01 .titcatcom02 {
		padding-left: 5px;
		padding-bottom: 3px
	}
}

.detailcomdiv01 .titcatcom02 .date {
	padding-right: 22px;
	font-size: 16px;
	font-size: 1.6rem
}

@media (max-width: 999px) {
	.detailcomdiv01 .titcatcom02 .date {
		padding-right: 10px;
		font-size: 11px;
		font-size: 1.1rem
	}
}

.detailcomdiv01 .titcatcom02 .catitem {
	min-width: auto;
	padding: 0 11px;
	font-size: 16px;
	font-size: 1.6rem
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

	.detailcomdiv01 .titcatcom02 .catitem:before,
	.detailcomdiv01 .titcatcom02 .catitem:after {
		top: -5px
	}
}

@media (max-width: 999px) {
	.detailcomdiv01 .titcatcom02 .catitem {
		padding: 0 10px;
		font-size: 14px;
		font-size: 1.4rem
	}
}

.detailcomdiv01 .title {
	padding-top: 50px;
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 44px;
	letter-spacing: .05em;
	font-weight: bold
}

@media (max-width: 999px) {
	.detailcomdiv01 .title {
		padding-top: 20px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 25px
	}
}

.detailcomdiv01 .imgdiv {
	padding: 53px 0 17px
}

@media (max-width: 999px) {
	.detailcomdiv01 .imgdiv {
		padding: 20px 0 7px
	}
}

.detailcomdiv01 .cmsContent {
	padding-top: 35px
}

@media (max-width: 999px) {
	.detailcomdiv01 .cmsContent {
		padding-top: 13px
	}
}

.c-ulsymptoms01 {
	padding-top: 77px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between
}

@media (max-width: 999px) {
	.c-ulsymptoms01 {
		padding-top: 27px
	}
}

.c-ulsymptoms01 .itemdiv {
	width: 23.8%;
	height: 315px;
	margin-top: 18px;
	border: #1FB5C4 2px solid;
	border-radius: 4px;
	background-color: #FFF;
	background-repeat: no-repeat;
	padding: 26px 12px;
	transition: 0.3s
}

@media (max-width: 999px) {
	.c-ulsymptoms01 .itemdiv {
		width: 100%;
		height: 100px;
		margin-top: 15px;
		border-width: 1px;
		border-radius: 2px;
		padding: 25px 12px
	}
}

.c-ulsymptoms01 .textcheck {
	position: relative;
	padding-left: 25px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 22px;
	letter-spacing: 0;
	font-weight: bold
}

@media (max-width: 999px) {
	.c-ulsymptoms01 .textcheck {
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 24px
	}
}

@media only screen and (max-width: 350px) {
	.c-ulsymptoms01 .textcheck {
		font-size: 11px;
		font-size: 1.1rem
	}
}

.c-ulsymptoms01 .textcheck:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 14px;
	height: 14px;
	border: #E9EFF3 1px solid
}

@media (max-width: 999px) {
	.c-ulsymptoms01 .textcheck:before {
		width: 12px;
		height: 12px;
		top: 6px
	}
}

.c-ulsymptoms01 .textcheck:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	width: 14px;
	height: 12px;
	background: url("../img/top/icon_check.png") center no-repeat;
	background-size: 14px auto;
	transition: 0.3s;
	opacity: 0
}

@media (max-width: 999px) {
	.c-ulsymptoms01 .textcheck:after {
		opacity: 1;
		top: 5px;
		background-size: 13px auto
	}
}

.c-ulsymptoms01 .li01 {
	background-size: 187px auto;
	background-position: center bottom 35px
}

@media (max-width: 999px) {
	.c-ulsymptoms01 .li01 {
		background-size: 122px auto;
		background-position: right -30px top 5px
	}
}

.c-ulsymptoms01 .li02 {
	background-size: 124px auto;
	background-position: center bottom 39px
}

@media (max-width: 999px) {
	.c-ulsymptoms01 .li02 {
		background-size: 75px auto;
		background-position: right 15px top 15px
	}
}

.c-ulsymptoms01 .li03 {
	background-size: 120px auto;
	background-position: center bottom 35px
}

@media (max-width: 999px) {
	.c-ulsymptoms01 .li03 {
		background-size: 68px auto;
		background-position: right 25px top 15px
	}
}

.c-ulsymptoms01 .li04 {
	background-size: 182px auto;
	background-position: center bottom 35px
}

@media (max-width: 999px) {
	.c-ulsymptoms01 .li04 {
		background-size: 100px auto;
		background-position: right -5px top 15px
	}
}

.c-ulsymptoms01 .li05 {
	background-size: 197px auto;
	background-position: center bottom 45px
}

@media (max-width: 999px) {
	.c-ulsymptoms01 .li05 {
		background-size: 128px auto;
		background-position: right -20px top 10px
	}
}

.c-ulsymptoms01 .li06 {
	background-size: 103px auto;
	background-position: center bottom 25px
}

@media (max-width: 999px) {
	.c-ulsymptoms01 .li06 {
		background-size: 68px auto;
		background-position: right 20px top
	}
}

.c-ulsymptoms01 .li07 {
	background-size: 111px auto;
	background-position: center bottom 15px
}

@media (max-width: 999px) {
	.c-ulsymptoms01 .li07 {
		background-size: 77px auto;
		background-position: right 15px top 10px
	}
}

.c-ulsymptoms01 .li08 {
	background-size: 129px auto;
	background-position: center bottom 30px
}

@media (max-width: 999px) {
	.c-ulsymptoms01 .li08 {
		background-size: 79px auto;
		background-position: right 25px top 15px
	}
}

@media only screen and (min-width: 1025px) {
	.c-ulsymptoms01 .itemdiv:hover .textcheck:after {
		opacity: 1
	}

	.c-ulsymptoms01 .li01:hover {
		background-image: url("../img/top/img_0401_hover.jpg") !important;
		background-size: 194px auto;
		background-position: center bottom 35px
	}

	.c-ulsymptoms01 .li02:hover {
		background-image: url("../img/top/img_0402_hover.jpg") !important;
		background-size: 132px auto;
		background-position: center bottom 39px
	}

	.c-ulsymptoms01 .li03:hover {
		background-image: url("../img/top/img_0403_hover.jpg") !important;
		background-size: 142px auto;
		background-position: center bottom 35px
	}

	.c-ulsymptoms01 .li04:hover {
		background-image: url("../img/top/img_0404_hover.jpg") !important;
		background-size: 213px auto;
		background-position: center bottom 35px
	}

	.c-ulsymptoms01 .li05:hover {
		background-image: url("../img/top/img_0405_hover.jpg") !important;
		background-size: 199px auto;
		background-position: center bottom 45px
	}

	.c-ulsymptoms01 .li06:hover {
		background-image: url("../img/top/img_0406_hover.jpg") !important;
		background-size: 104px auto;
		background-position: center bottom 25px
	}

	.c-ulsymptoms01 .li07:hover {
		background-image: url("../img/top/img_0407_hover.jpg") !important;
		background-size: 112px auto;
		background-position: center bottom 15px
	}

	.c-ulsymptoms01 .li08:hover {
		background-image: url("../img/top/img_0408_hover.jpg") !important;
		background-size: 110px auto;
		background-position: center bottom 30px
	}
}

.imgparallax01 {
	height: 300px;
	overflow: hidden
}

@media (max-width: 999px) {
	.imgparallax01 {
		height: 150px
	}
}

.imgparallax01 .imgdiv {
	display: none
}

@media only screen and (min-width: 1025px) {
	.imgparallax01 .imgdiv {
		display: block;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: fixed;
		height: 300px
	}
}

.imgparallax01 .imgipad {
	display: none
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.imgparallax01 .imgipad {
		background-size: 100% auto !important;
		display: block
	}
}

#footer {
	background: #FFF;
	padding-top: 146px
}

#footer .logo {
	max-width: 315px;
	margin: 0 auto;
}

#footer .sns {
	max-width: 300px;
	margin: 50px auto;
	display: flex;
	align-items: flex-end;
	gap: 50px;
	font-size: 12px;
	line-height: 1.2;
	text-align: center;
}

#footer .sns div {
	margin-bottom: 10px;
	word-break: keep-all;
}

#footer .ftbox01 {
	max-width: 640px;
	margin: 0 auto;
	padding-bottom: 60px
}

@media (max-width: 999px) {
	#footer {
		padding-top: 98px
	}

	#footer .ftbox01 {
		max-width: 100%;
		padding-bottom: 23px
	}
}

@media (max-width: 640px) {
	#footer .logo {
		max-width: 280px;
	}

	#footer .sns {
		max-width: 250px;
		gap: 20px;
	}

	#footer .sns div img {
		max-height: 60px;
	}
}

#footer .ftbox01 .tb01 {
	margin-top: 50px;
	background: #F7FAFC;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 30px;
	letter-spacing: .05em
}

@media (max-width: 999px) {
	#footer .ftbox01 .tb01 {
		margin-top: 34px;
		font-size: 10px;
		font-size: 1rem;
		line-height: 18px
	}
}

#footer .ftbox01 .tb01 th {
	background: #1FB5C4;
	height: 45px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-weight: bold
}

@media (max-width: 999px) {
	#footer .ftbox01 .tb01 th {
		height: 32px;
		font-size: 13px;
		font-size: 1.3rem
	}
}

#footer .ftbox01 .tb01 th:first-child {
	border-radius: 6px 0 0 0
}

@media (max-width: 999px) {
	#footer .ftbox01 .tb01 th:first-child {
		border-radius: 3px 0 0 0
	}
}

#footer .ftbox01 .tb01 th:last-child {
	border-radius: 0 6px 0 0;
	text-align: left;
	padding-left: 10px
}

@media (max-width: 999px) {
	#footer .ftbox01 .tb01 th:last-child {
		border-radius: 0 3px 0 0;
		text-align: left;
		padding-left: 5px
	}
}

#footer .ftbox01 .tb01 td {
	width: 42px;
	height: 50px;
	border-bottom: #E9EFF3 1px solid;
	text-align: center;
	vertical-align: middle;
	font-weight: bold
}

@media (max-width: 999px) {
	#footer .ftbox01 .tb01 td {
		width: 20px;
		height: 30px
	}
}

@media only screen and (max-width: 350px) {
	#footer .ftbox01 .tb01 td {
		width: 18px
	}
}

#footer .ftbox01 .tb01 td:nth-child(1) {
	width: 110px;
	padding-left: 30px;
	text-align: left;
	font-weight: 500
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	#footer .ftbox01 .tb01 td:nth-child(1) {
		padding-top: 4px
	}
}

@media (max-width: 999px) {
	#footer .ftbox01 .tb01 td:nth-child(1) {
		width: 65px;
		padding-left: 15px;
		font-size: 11px;
		font-size: 1.1rem
	}
}

@media only screen and (max-width: 370px) {
	#footer .ftbox01 .tb01 td:nth-child(1) {
		font-size: 9px;
		font-size: .9rem
	}
}

@media only screen and (max-width: 350px) {
	#footer .ftbox01 .tb01 td:nth-child(1) {
		width: 45px;
		padding-left: 5px;
		font-size: 8px;
		font-size: .8rem
	}
}

#footer .ftbox01 .tb01 td:nth-child(2) {
	width: calc(100% - 503px);
	padding-right: 47px;
	text-align: right;
	font-size: 10px;
	font-size: 1rem;
	font-weight: 500
}

@media (max-width: 999px) {
	#footer .ftbox01 .tb01 td:nth-child(2) {
		width: calc(100% - 235px);
		padding-right: 10px
	}
}

@media only screen and (max-width: 350px) {
	#footer .ftbox01 .tb01 td:nth-child(2) {
		width: calc(100% - 205px);
		padding-right: 5px;
		font-size: 9px;
		font-size: .9rem
	}
}

#footer .ftbox01 .tb01 td:last-child {
	width: 58px;
	text-align: left;
	padding-left: 10px
}

@media (max-width: 999px) {
	#footer .ftbox01 .tb01 td:last-child {
		width: 30px;
		padding-left: 5px
	}
}

#footer .ftbox01 .tb01 tr:last-child td {
	border-bottom: none
}

#footer .ftbox01 .tb01 .time {
	font-size: 16px;
	font-size: 1.6rem;
	font-family: "Lato", sans-serif;
	font-weight: 400
}

@media (max-width: 999px) {
	#footer .ftbox01 .tb01 .time {
		font-size: 10px;
		font-size: 1rem
	}
}

@media only screen and (max-width: 370px) {
	#footer .ftbox01 .tb01 .time {
		font-size: 8px;
		line-height: 10px
	}
}

#footer .ftbox01 .txt01 {
	padding-top: 26px
}

@media (max-width: 999px) {
	#footer .ftbox01 .txt01 {
		font-size: 10px;
		font-size: 1rem;
		line-height: 14px;
		letter-spacing: .04em
	}
}

@media (max-width: 999px) {
	#footer .ftbox01 .txt01 .row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		padding-bottom: 8px
	}
}

@media (max-width: 999px) {
	#footer .ftbox01 .txt01 .blue {
		width: 22px
	}
}

@media (max-width: 999px) {
	#footer .ftbox01 .txt01 .textblue {
		width: calc(100% - 22px)
	}
}

#footer .ftbox02 {
	padding: 57px 0;
	background: url("../img/common/bg_ft01.jpg");
	background-size: 1280px auto
}

@media (max-width: 999px) {
	#footer .ftbox02 {
		padding: 30px 0;
		background-image: url("../img/common/bg_ft01_sp.jpg");
		background-size: 375px auto
	}
}

#footer .ftbox02 .ul01 {
	max-width: 900px;
	margin: 0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between
}

#footer .ftbox02 .ul01 li {
	width: 420px;
	text-align: center
}

@media (max-width: 999px) {
	#footer .ftbox02 .ul01 li {
		width: 100%;
		padding-bottom: 30px
	}

	#footer .ftbox02 .ul01 li:last-child {
		padding-bottom: 0
	}
}

#footer .ftbox02 .ul01 .txt01 {
	display: inline-block;
	padding-left: 25px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
	letter-spacing: .04em;
	font-weight: bold
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	#footer .ftbox02 .ul01 .txt01 {
		padding-top: 8px
	}
}

@media (max-width: 999px) {
	#footer .ftbox02 .ul01 .txt01 {
		padding-left: 25px;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 15px
	}
}

#footer .ftbox02 .ul01 .btn01 {
	display: block;
	width: 100%;
	height: 80px;
	margin-top: 29px;
	background-color: #FFF;
	border: #1FB5C4 2px solid;
	border-radius: 40px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	color: #1FB5C4;
	font-size: 30px;
	font-size: 3rem;
	line-height: 40px;
	letter-spacing: .04em;
	font-weight: bold
}

@media (max-width: 999px) {
	#footer .ftbox02 .ul01 .btn01 {
		max-width: 295px;
		margin: 0 auto;
		height: 55px;
		margin-top: 8px;
		border-radius: 28px;
		font-size: 30px;
		font-size: 3rem;
		line-height: 40px;
		letter-spacing: .04em;
		font-weight: bold
	}
}

#footer .ftbox02 .ul01 .txtnum {
	padding-left: 8px;
	font-family: "Lato", sans-serif
}

@media (max-width: 999px) {
	#footer .ftbox02 .ul01 .txtnum {
		padding-left: 0;
		font-size: 25px;
		font-size: 2.5rem;
		line-height: 30px
	}
}

#footer .ftbox02 .ul01 .txttime {
	padding-left: 10px;
	text-align: left;
	color: #505C63;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 18px;
	letter-spacing: .04em;
	font-weight: bold;
	transition: 0.3s
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	#footer .ftbox02 .ul01 .txttime {
		padding-top: 5px
	}
}

@media (max-width: 999px) {
	#footer .ftbox02 .ul01 .txttime {
		padding-left: 0;
		padding-top: 4px;
		text-align: center;
		font-size: 10px;
		font-size: 1rem;
		line-height: 28px
	}
}

@media only screen and (max-width: 350px) {
	#footer .ftbox02 .ul01 .txttime {
		font-size: 9px;
		font-size: .9rem;
		letter-spacing: 0
	}
}

#footer .ftbox02 .ul01 .tel .txt01 {
	background: url("../img/common/icon/icon_tel.svg") left center no-repeat;
	background-size: 12px auto
}

@media (max-width: 999px) {
	#footer .ftbox02 .ul01 .tel .txt01 {
		background-position: 6px center;
		background-size: 9px auto
	}
}

#footer .ftbox02 .ul01 .contact .txt01 {
	padding-left: 50px;
	background: url("../img/common/icon/icon_computer.svg") 12px center no-repeat;
	background-size: 24px auto
}

@media (max-width: 999px) {
	#footer .ftbox02 .ul01 .contact .txt01 {
		padding-left: 40px;
		background-position: 14px center;
		background-size: 18px auto
	}
}

#footer .ftbox02 .ul01 .contact .btn01 {
	background: #FFF url("../img/common/icon/icon_contact02.png") right 33px center no-repeat;
	background-size: 13px auto
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	#footer .ftbox02 .ul01 .contact .btn01 {
		padding-top: 10px
	}
}

@media (max-width: 999px) {
	#footer .ftbox02 .ul01 .contact .btn01 {
		background-position: right 20px center;
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 30px
	}
}

@media only screen and (min-width: 1025px) {
	#footer .ftbox02 .ul01 .contact .btn01:hover {
		background-image: url("../img/common/icon/icon_contact.png")
	}
}

@media only screen and (min-width: 1025px) {
	#footer .ftbox02 .ul01 .btn01:hover {
		opacity: 1;
		background-color: #1FB5C4;
		color: #FFF
	}

	#footer .ftbox02 .ul01 .btn01:hover .txttime {
		color: #FFF
	}

	#footer .ftbox02 .ul01 .btn01:hover .txttime .blue {
		color: #FFF
	}
}

#footer .ftbox03 {
	position: relative;
	padding: 70px 0 63px
}

#footer .ftbox03:before {
	content: '';
	position: absolute;
	bottom: 0;
	height: 300px;
	width: 100%;
	background: #F7FAFC url("../img/common/bg_ft02.jpg") center top no-repeat;
	background-size: 100% auto;
	z-index: -1
}

@media (max-width: 999px) {
	#footer .ftbox03 {
		padding: 35px 0 15px
	}

	#footer .ftbox03:before {
		height: 150px;
		background-image: url("../img/common/bg_ft02_sp.jpg")
	}
}

#footer .ftbox03 .txt01 {
	position: relative;
	margin-bottom: 10px;
	background: url("../img/common/icon/icon_map.svg") left center no-repeat;
	background-size: 18px auto;
	padding-left: 48px;
	color: #1FB5C4;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 30px;
	letter-spacing: .3em;
	font-weight: bold;
	font-family: "Lato", sans-serif
}

#footer .ftbox03 .txt01:before {
	content: '';
	position: absolute;
	top: 46%;
	left: 310px;
	right: 0;
	height: 2px;
	background: #1FB5C4;
}

@media (max-width: 999px) {
	#footer .ftbox03 .txt01 {
		margin-bottom: 3px;
		background-size: 10px auto;
		padding-left: 18px;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 20px
	}

	#footer .ftbox03 .txt01:before {
		top: 46%;
		left: 167px;
		height: 1px
	}
}

#footer .ftbox03 .rowdiv {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 20px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 28px;
	letter-spacing: .05em
}

@media (max-width: 999px) {
	#footer .ftbox03 .rowdiv {
		padding-top: 20px;
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 19px
	}
}

@media only screen and (max-width: 370px) {
	#footer .ftbox03 .rowdiv {
		font-size: 12px;
		font-size: 1.2rem;
		letter-spacing: 0
	}
}

@media only screen and (max-width: 350px) {
	#footer .ftbox03 .rowdiv {
		font-size: 11px;
		font-size: 1.1rem;
		letter-spacing: 0
	}
}

#footer .ftbox03 .address {
	padding-right: 57px;
	letter-spacing: 0.04em
}

@media (max-width: 999px) {
	#footer .ftbox03 .address {
		padding-right: 0
	}
}

#footer .ftbox03 .parking {
	background: url("../img/common/icon/icon_arr01.svg") left 6px no-repeat;
	background-size: 15px auto;
	padding-left: 23px;
	color: #1FB5C4;
	text-decoration: underline;
	font-weight: bold
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	#footer .ftbox03 .parking {
		background-position: left 5px
	}
}

@media (max-width: 999px) {
	#footer .ftbox03 .parking {
		display: block;
		margin-top: 18px
	}
}

#footer .ftbox03 .txtbold {
	display: inline-block;
	height: 28px;
	font-weight: bold;
	padding-right: 8px
}

@media (max-width: 999px) {
	#footer .ftbox03 .txtbold {
		display: block;
		margin-bottom: -3px
	}
}

#footer .ftbox03 .subway {
	padding-right: 44px
}

#footer .ftbox03 .subway .txtbold {
	background: url("../img/common/icon/icon_subway.png") 5px 3px no-repeat;
	background-size: 15px auto;
	padding-left: 33px
}

@media (max-width: 999px) {
	#footer .ftbox03 .subway {
		padding-right: 0;
		padding-bottom: 17px
	}

	#footer .ftbox03 .subway .txtbold {
		background-position: 5px 2px;
		background-size: 12px auto;
		padding-left: 28px
	}
}

#footer .ftbox03 .bus .txtbold {
	background: url("../img/common/icon/icon_bus.png") 0 6px no-repeat;
	background-size: 23px auto;
	padding-left: 33px
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	#footer .ftbox03 .bus .txtbold {
		background-position: 0 6px
	}
}

@media (max-width: 999px) {
	#footer .ftbox03 .bus .txtbold {
		background-position: left 5px;
		background-size: 19px auto;
		padding-left: 30px
	}
}

#footer .ftbox03 .mapdiv {
	margin-top: 30px
}

#footer .ftbox03 .mapdiv iframe {
	width: 100%;
	height: 350px
}

@media (max-width: 999px) {
	#footer .ftbox03 .mapdiv {
		margin-top: 25px
	}

	#footer .ftbox03 .mapdiv iframe {
		height: 190px
	}
}

#footer .ftbox04 {
	background: #F7FAFC;
	padding-top: 20px;
}

#footer .ftbox04 .ulbtn01 {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between
}

#footer .ftbox04 .ulbtn01 a {
	width: 47%;
	height: 140px;
	background-size: cover;
	background-position: left center;
	background-repeat: no-repeat;
	border-radius: 5px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	color: #FFF
}

#footer .ftbox04 .ulbtn01 a.btn01 {
	background-image: url("../img/common/img_ft01.jpg")
}

#footer .ftbox04 .ulbtn01 a.btn02 {
	background-image: url("../img/common/img_ft02.jpg")
}

@media (max-width: 999px) {
	#footer .ftbox04 .ulbtn01 a {
		width: 100%;
		height: 110px;
		border-radius: 3px;
		margin-bottom: 25px
	}

	#footer .ftbox04 .ulbtn01 a:last-child {
		margin-bottom: 0
	}
}

#footer .ftbox04 .ulbtn01 .txtdiv {
	width: 130px;
	margin-right: 40px;
	text-align: center
}

@media (max-width: 999px) {
	#footer .ftbox04 .ulbtn01 .txtdiv {
		width: 90px;
		margin-right: 35px
	}
}

#footer .ftbox04 .ulbtn01 .txt01 {
	display: inline-block;
	padding: 0 15px;
	background: url("../img/common/icon/icon_start.png") left center no-repeat, url("../img/common/icon/icon_start.png") right center no-repeat;
	background-size: 10px auto;
	font-size: 10px;
	font-size: 1rem;
	line-height: 20px;
	letter-spacing: .3em;
	font-weight: bold;
	font-family: "Lato", sans-serif
}

@media (max-width: 999px) {
	#footer .ftbox04 .ulbtn01 .txt01 {
		padding: 0 10px;
		letter-spacing: 0.2em
	}
}

#footer .ftbox04 .ulbtn01 .txt02 {
	padding-top: 6px;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 30px;
	letter-spacing: .1em;
	font-weight: bold
}

@media (max-width: 999px) {
	#footer .ftbox04 .ulbtn01 .txt02 {
		padding-top: 5px;
		font-size: 19px;
		font-size: 1.9rem;
		line-height: 22px
	}
}

#footer .ftbox04 .ulbtn01 .txt03 {
	margin: 15px 0 5px;
	display: block;
	height: 24px;
	border: #FFF 1px solid;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 24px;
	letter-spacing: .04em;
	font-weight: bold;
	transition: 0.3s
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	#footer .ftbox04 .ulbtn01 .txt03 {
		line-height: 27px
	}
}

@media (max-width: 999px) {
	#footer .ftbox04 .ulbtn01 .txt03 {
		margin: 9px 0 5px;
		height: 17px;
		font-size: 10px;
		font-size: 1rem;
		line-height: 15px
	}
}

@media only screen and (min-width: 1025px) {
	#footer .ftbox04 .ulbtn01 a:hover {
		opacity: 1
	}

	#footer .ftbox04 .ulbtn01 a:hover .txt03 {
		background-color: #FFF;
		color: #F8B6C0
	}

	#footer .ftbox04 .ulbtn01 a.btn01:hover {
		background-image: url("../img/common/img_ft01_hover.jpg")
	}

	#footer .ftbox04 .ulbtn01 a.btn02:hover {
		background-image: url("../img/common/img_ft02_hover.jpg")
	}

	#footer .ftbox04 .ulbtn01 a.btn02:hover .txt03 {
		color: #1FB5C4
	}
}

#footer .ftNaviWrap {
	padding: 66px 0 45px;
	background: #F7FAFC
}

@media (max-width: 999px) {
	#footer .ftNaviWrap {
		padding: 33px 0 15px
	}
}

#footer .ftNavi {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

#footer .ftNavi a {
	position: relative;
	display: block;
	margin-bottom: 16px;
	padding-left: 12px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 20px;
	letter-spacing: .05em;
	font-weight: bold
}

#footer .ftNavi a:before {
	content: '';
	position: absolute;
	left: 0;
	top: 9px;
	width: 4px;
	height: 1px;
	background: #1FB5C4
}

@media (max-width: 999px) {
	#footer .ftNavi a {
		margin-bottom: 14px;
		padding-left: 8px;
		font-size: 11px;
		font-size: 1.1rem;
		line-height: 16px
	}

	#footer .ftNavi a:before {
		top: 9px
	}
}

@media (max-width: 999px) {
	#footer .ftNavi .colNavi {
		width: 50% !important
	}
}

#footer .ftNavi .col01 {
	width: 32%
}

@media (max-width: 999px) {
	#footer .ftNavi .col01 {
		order: 2
	}

	#footer .ftNavi .col01 a {
		padding-right: 16px
	}
}

#footer .ftNavi .col02 {
	width: 25%
}

@media (max-width: 999px) {
	#footer .ftNavi .col02 {
		margin-bottom: 30px
	}

	#footer .ftNavi .col02 a {
		padding-right: 16px
	}
}

#footer .ftNavi .col03 {
	width: 26%
}

@media (max-width: 999px) {
	#footer .ftNavi .col03 {
		margin-bottom: 30px
	}
}

#footer .ftNavi .col04 {
	width: 17%
}

@media (max-width: 999px) {
	#footer .ftNavi .col04 {
		order: 2
	}
}

#footer .copyright {
	height: 50px;
	background: #1FB5C4;
	padding-top: 15px;
	color: #FFF;
	text-align: center;
	font-size: 10px;
	font-size: 1rem;
	line-height: 20px;
	letter-spacing: .05em
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	#footer .copyright {
		line-height: 24px
	}
}

#footer .seodiv {
	display: none;
	background: #F7FAFC;
	padding-bottom: 45px;
	text-align: justify;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 22px;
	letter-spacing: .075em
}

@media (max-width: 999px) {
	#footer .seodiv {
		padding-bottom: 20px;
		background: #F7FAFC;
		font-size: 10px;
		font-size: 1rem;
		line-height: 18px;
		letter-spacing: .075em
	}
}

#footer .gototop {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 70px;
	height: 70px;
	background: url("../img/common/btn_gotop.png") center no-repeat;
	background-size: contain;
	opacity: 0;
	visibility: 0;
	cursor: pointer;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	-o-transform: scale(0.7);
	transform: scale(0.7);
	z-index: 90;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}

#footer .gototop.active {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

@media only screen and (min-width: 1025px) {
	#footer .gototop:hover {
		opacity: 0.6
	}
}

@media only screen and (max-width: 1100px) {
	#footer .gototop {
		bottom: 15px;
		right: 15px
	}
}

@media (max-width: 999px) {
	#footer .gototop {
		right: 25px;
		bottom: 25px;
		width: 45px;
		height: 45px
	}

	#footer .gototop.fix {
		bottom: 25px;
		right: 25px
	}
}

.header {
	position: relative;
	left: auto;
	top: auto;
	z-index: 1000;
	width: 100%;
	padding-top: 138px;
	background: #FFF
}

@media (max-width: 999px) {
	.header {
		padding-top: 70px
	}
}


.header .inHeader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 98px;
	margin: 0 auto;
	background: #FFF url("../img/common/bg_header01.jpg") left bottom no-repeat;
	background-size: 130px auto;
	z-index: 99
}


@media (max-width: 999px) {
	.header .inHeader {
		height: 70px;
		background: #FFF url("../img/common/bg_header01.jpg") left top no-repeat;
		background-size: 38px auto
	}
}

.header .logo {
	position: relative;
	z-index: 1;
	max-width: 50%;
	width: 451px;
	margin-left: -20px;
	padding-top: 40px;
	-webkit-transition: 0.3s ease all;
	-moz-transition: 0.3s ease all;
	-ms-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all
}

@media (max-width: 999px) {
	.header .logo {
		max-width: 70%;
		width: 215px;
		margin-left: 0;
		padding-top: 22px
	}
}

.header .rightdiv {
	position: absolute;
	right: 0;
	top: 0;
	width: 90%
}

.header .txth1 {
	padding: 18px 30px 15px;
	text-align: right;
	color: #657075;
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.6;
	letter-spacing: .05em;
	font-weight: bold
}

.header .btndiv {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center
}

.header .btntel {
	background: url("../img/common/icon/icon_tel.svg") left 6px no-repeat;
	background-size: 11px auto;
	padding-left: 22px;
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 30px;
	letter-spacing: .04em;
	font-weight: bold;
	color: #1FB5C4;
	font-family: "Lato", sans-serif
}

.header .btncontact {
	margin-left: 18px;
	width: 218px;
	height: 40px;
	background: #FF9FAE url("../img/common/icon/icon_contact.png") right 30px center no-repeat;
	background-size: 13px auto;
	border-radius: 20px 0 0 20px;
	padding-right: 18px;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 42px;
	letter-spacing: .05em;
	font-weight: bold
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.header .btncontact {
		line-height: 44px
	}
}

@media only screen and (min-width: 1025px) {
	.header .btncontact:hover {
		opacity: 1;
		background-color: #FF758B
	}
}

.fixHeader .layerMenu {
	z-index: 9
}

.layerMenu {
	position: relative;
	padding-bottom: 23px
}

@media (min-width: 1000px) {
	.layerMenu {
		display: block !important;
		margin-top: -8px;
		z-index: 999
	}
}

@media (max-width: 999px) {
	.layerMenu {
		position: fixed;
		left: 0;
		top: 70px;
		z-index: 1000;
		width: 100%;
		height: calc(100% - 70px);
		padding-bottom: 0;
		text-align: left;
		background: #FFF;
		display: none
	}

	.layerMenu .inLayer {
		position: relative;
		height: 100%;
		padding: 0 25px;
		overflow: auto
	}
}

.layerMenu .gNavi {
	position: relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between
}

@media (max-width: 999px) {
	.layerMenu .gNavi {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.layerMenu .gNavi>li {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 24px;
	letter-spacing: .04em;
	font-weight: bold
}

@media (max-width: 999px) {
	.layerMenu .gNavi>li {
		position: relative;
		width: 100%;
		border-bottom: #E9EFF3 1px solid
	}
}

.layerMenu .gNavi>li>a {
	position: relative;
	display: block;
	background-position: center 10px;
	background-repeat: no-repeat;
	padding: 52px 0 10px;
	position: relative;
	cursor: pointer
}

@media only screen and (min-width: 1025px) {
	.layerMenu .gNavi>li>a:hover {
		opacity: 1;
		background-position: center top
	}
}

@media (max-width: 999px) {
	.layerMenu .gNavi>li>a {
		background: none;
		padding: 10px 0 12px 30px
	}

	.layerMenu .gNavi>li>a:before {
		content: '';
		position: absolute;
		left: 13px;
		top: 50%;
		width: 4px;
		height: 2px;
		background: #1FB5C4
	}
}

@media (min-width: 1000px) {
	.layerMenu .gNavi>li.gNavi01>a {
		background-image: url("../img/common/icon/icon_menu01.svg")
	}

	.layerMenu .gNavi>li.gNavi02>a {
		background-image: url("../img/common/icon/icon_menu02.svg");
		background-size: 25px auto
	}

	.layerMenu .gNavi>li.gNavi03>a {
		background-image: url("../img/common/icon/icon_menu03.svg");
		background-size: 33px auto
	}

	.layerMenu .gNavi>li.gNavi04>a {
		background-image: url("../img/common/icon/icon_menu04.svg")
	}

	.layerMenu .gNavi>li.gNavi05>a {
		background-image: url("../img/common/icon/icon_menu05.svg");
		background-size: 23px auto
	}

	.layerMenu .gNavi>li.gNavi06>a {
		background-image: url("../img/common/icon/icon_menu06.svg");
		background-size: 34px auto
	}

	.layerMenu .gNavi>li.gNavi07>a {
		background-image: url("../img/common/icon/icon_menu07.svg");
		background-size: 30px auto
	}

	.layerMenu .gNavi>li.gNavi08>a {
		background-image: url("../img/common/icon/icon_menu08.svg");
		background-size: 32px auto
	}
}

.layerMenu .gNavi .iconopen {
	display: none
}

@media (max-width: 999px) {
	.layerMenu .gNavi .iconopen {
		position: absolute;
		display: inline-block;
		top: 8px;
		right: 10px;
		color: #1FB5C4;
		font-size: 11px;
		font-size: 1.1rem;
		line-height: 20px;
		letter-spacing: .04em;
		font-weight: bold;
		padding: 5px 20px
	}

	.layerMenu .gNavi .iconopen:before {
		content: "";
		position: absolute;
		right: 8px;
		top: 10px;
		width: 0;
		height: 0;
		border-bottom: 5px solid transparent;
		border-left: 5px solid #1FB5C4;
		border-top: 5px solid transparent;
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.layerMenu .gNavi .iconopen .text_close {
		display: none
	}
}

.layerMenu .gNavi .navSub {
	display: none
}

@media (min-width: 1000px) {
	.layerMenu .gNavi .navSub {
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		padding-top: 23px
	}
}

.layerMenu .gNavi .navSub .linkdiv {
	background: url("../img/common/bg_submenu.jpg");
	background-size: 30px auto;
	padding: 32px 0 12px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media (min-width: 1000px) {
	.layerMenu .gNavi .navSub .linkdiv .col01 {
		width: 50%;
		padding-left: 45px
	}

	.layerMenu .gNavi .navSub .linkdiv .col02 {
		width: 50%;
	}

}

@media (max-width: 999px) {
	.layerMenu .gNavi .navSub .linkdiv {
		background: #F5FCFF;
		margin: 5px 0 20px;
		padding: 21px 0 8px
	}

	.layerMenu .gNavi .navSub .linkdiv .linkcol {
		width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

@media (max-width: 999px) {
	.layerMenu .gNavi .navSub .linkdiv li {
		width: 50%;
		padding-right: 10px
	}

	.layerMenu .gNavi .navSub .linkdiv li:nth-child(2n+1) {
		padding-left: 15px
	}
}

@media only screen and (max-width: 999px) and (max-width: 350px) {
	.layerMenu .gNavi .navSub .linkdiv li:nth-child(2n+1) {
		padding-left: 10px
	}
}

.layerMenu .gNavi .navSub .linkdiv a {
	position: relative;
	display: inline-block;
	margin-bottom: 19px;
	padding-left: 12px;
	color: #FFF;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 20px;
	letter-spacing: .05em;
	font-weight: bold
}

.layerMenu .gNavi .navSub .linkdiv a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 0;
	height: 0;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #FFF;
	border-top: 4px solid transparent
}

.layerMenu .gNavi .navSub .linkdiv a:after {
	content: '';
	position: absolute;
	left: 12px;
	bottom: 2px;
	width: 0;
	height: 1px;
	background: #FFF;
	-webkit-transition: 0.3s ease all;
	-moz-transition: 0.3s ease all;
	-ms-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all
}

@media only screen and (min-width: 1025px) {
	.layerMenu .gNavi .navSub .linkdiv a:hover {
		opacity: 0.9;
		background-position: center top
	}

	.layerMenu .gNavi .navSub .linkdiv a:hover:after {
		width: calc(100% - 12px)
	}
}

@media (max-width: 999px) {
	.layerMenu .gNavi .navSub .linkdiv a {
		margin-bottom: 18px;
		padding-left: 27px;
		color: #505C63;
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 17px;
		letter-spacing: 0;
		font-weight: 500;
		-webkit-font-feature-settings: "palt";
		-moz-font-feature-settings: "palt";
		-ms-font-feature-settings: "palt";
		-o-font-feature-settings: "palt";
		font-feature-settings: "palt"
	}

	.layerMenu .gNavi .navSub .linkdiv a:before {
		content: "";
		position: absolute;
		top: 7px;
		left: 15px;
		width: 4px;
		height: 2px;
		background: #1FB5C4;
		border: none
	}

	.layerMenu .gNavi .navSub .linkdiv a .textsmall {
		display: block;
		font-size: 11px;
		font-size: 1.1rem
	}
}

@media only screen and (max-width: 370px) {
	.layerMenu .gNavi .navSub .linkdiv a {
		font-size: 12px;
		font-size: 1.2rem
	}
}

@media only screen and (max-width: 350px) {
	.layerMenu .gNavi .navSub .linkdiv a {
		font-size: 11px;
		font-size: 1.1rem
	}
}

.layerMenu .gNavi>li.active .iconopen:before {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.layerMenu .gNavi>li.active .iconopen .text_open {
	display: none
}

.layerMenu .gNavi>li.active .iconopen .text_close {
	display: block
}

.layerMenu .close_layer {
	display: none
}

@media (max-width: 999px) {
	.layerMenu .close_layer {
		padding: 12px 0 10px;
		background: #BFBFBF;
		color: #FFF;
		font-weight: bold;
		letter-spacing: 2px;
		text-align: center;
		cursor: pointer
	}
}

.layerOn .layerMenu {
	right: 0
}

.btntel_sp {
	position: absolute;
	top: 20px;
	right: 57px;
	width: 30px;
	height: 30px;
	background: url("../img/common/icon/icon_tel.svg") center no-repeat;
	background-size: 11px auto
}

@media (max-width: 999px) {
	.btn_head {
		padding: 27px 15px
	}
}

@media only screen and (max-width: 999px) and (max-width: 370px) {
	.btn_head {
		padding-left: 0;
		padding-right: 0
	}
}

@media (max-width: 999px) {
	.btn_head a {
		display: block;
		width: 100%;
		height: 45px;
		border: #1FB5C4 2px solid;
		border-radius: 32px;
		padding-top: 5px;
		text-align: center;
		color: #1FB5C4;
		font-size: 20px;
		font-size: 2rem;
		line-height: 30px;
		letter-spacing: .04em;
		font-weight: bold
	}
}

@media only screen and (max-width: 999px) and (max-width: 350px) {
	.btn_head a {
		font-size: 15px;
		font-size: 1.5rem
	}
}

@media (max-width: 999px) {
	.btn_head a.btn_tel {
		font-size: 25px;
		font-size: 2.5rem;
		font-family: "Lato", sans-serif
	}

	.btn_head a.btn_tel .icon {
		display: inline-block;
		padding-left: 23px;
		background: url("../img/common/icon/icon_tel02.png") left center no-repeat;
		background-size: 11px auto
	}
}

@media only screen and (max-width: 999px) and (max-width: 350px) {
	.btn_head a.btn_tel {
		font-size: 20px;
		font-size: 2rem
	}
}

@media (max-width: 999px) {
	.btn_head a.btn_web {
		margin-top: 20px;
		background: url("../img/common/icon/icon_web02.png") right 20px center no-repeat;
		background-size: 12px auto
	}

	.btn_head a.btn_web .icon {
		display: inline-block;
		padding-left: 30px;
		background: url("../img/common/icon/icon_web01.png") left center no-repeat;
		background-size: 16px auto
	}

	.btn_head .text01 {
		padding-top: 10px;
		text-align: center;
		font-size: 10px;
		font-size: 1rem;
		line-height: 14px;
		letter-spacing: .04em;
		font-weight: bold
	}
}

@media only screen and (max-width: 999px) and (max-width: 370px) {
	.btn_head .text01 {
		letter-spacing: 0
	}
}

@media only screen and (max-width: 999px) and (max-width: 350px) {
	.btn_head .text01 {
		font-size: 9px;
		font-size: .9rem
	}
}

.hamberger {
	position: fixed;
	top: 13px;
	right: 12px;
	z-index: 1000;
	width: 50px;
	height: 50px;
	padding: 12px 12px 0 12px;
	line-height: 1;
	font-size: 0;
	text-align: center;
	cursor: pointer;
	display: none
}

.hamberger span {
	display: inline-block;
	width: 25px;
	height: 2px;
	margin-bottom: 7px;
	background: #1FB5C4;
	-webkit-transition: 0.3s ease all;
	-moz-transition: 0.3s ease all;
	-ms-transition: 0.3s ease all;
	-o-transition: 0.3s ease all;
	transition: 0.3s ease all
}

.hamberger.active span {
	width: 28px
}

.hamberger.active .ham {
	-webkit-transform: rotate(36deg) translateY(8px) translateX(3px);
	-moz-transform: rotate(36deg) translateY(8px) translateX(3px);
	-ms-transform: rotate(36deg) translateY(8px) translateX(3px);
	-o-transform: rotate(36deg) translateY(8px) translateX(3px);
	transform: rotate(36deg) translateY(8px) translateX(3px)
}

.hamberger.active .ber {
	-webkit-transform: rotate(-36deg) translateY(-2px) translateX(-2px);
	-moz-transform: rotate(-36deg) translateY(-2px) translateX(-2px);
	-ms-transform: rotate(-36deg) translateY(-2px) translateX(-2px);
	-o-transform: rotate(-36deg) translateY(-2px) translateX(-2px);
	transform: rotate(-36deg) translateY(-2px) translateX(-2px)
}

.hamberger.active .ger {
	display: none
}

@media (max-width: 999px) {
	.hamberger {
		display: block
	}
}

/*  Add Custom CSS here.  */
.cmsContent {
	font-size: 17px;
}

.cmsContent .yarpp-posts {
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
}

.cmsContent .yarpp-post__thumbnail {
	background-color: #e8e8e8;
}

.cmsContent .yarpp-posts__post {
	list-style: none;
	flex-basis: calc(33% - 20px);
	margin-left: 15px;
	margin-bottom: 24px;
}

.cmsContent .manual-related-posts .yarpp-posts__post:nth-of-type(1) .yarpp-post__title::before,
.cmsContent .manual-related-posts .yarpp-posts__post:nth-of-type(2) .yarpp-post__title::before,
.cmsContent .manual-related-posts .yarpp-posts__post:nth-of-type(3) .yarpp-post__title::before {
	content: "疾患編: ";
}

.cmsContent .manual-related-posts .yarpp-posts__post:nth-of-type(4) .yarpp-post__title::before,
.cmsContent .manual-related-posts .yarpp-posts__post:nth-of-type(5) .yarpp-post__title::before,
.cmsContent .manual-related-posts .yarpp-posts__post:nth-of-type(6) .yarpp-post__title::before {
	content: "治療編: ";
}

@media (max-width: 600px) {
	.cmsContent .yarpp-posts__post {
		flex-basis: calc(50% - 20px);
	}

	.cmsContent .yarpp-template-yarpp-template-with-thumbnail .yarpp-posts__post:nth-of-type(3) {
		display: none;
	}
}

.cmsContent .yarpp-post__title {
	line-height: 1.4;
	margin-top: 8px;
	margin-bottom: 16px;
}

.catcomWrap01 {
	padding-top: 0;
}

.catcomWrap01 .anchordiv {
	padding-top: 20px;
}

.catcomWrap01 .anchordiv ul.ulanchor,
.treatment .catcomWrap01 .anchordiv ul.ulanchor {
	width: auto;
}

div.disease_sec01,
div.treatment_sec01 {
	padding-top: 10px;
}

div.disease_de01,
div.treatment_de01 {
	padding-top: 30px;
}

#slide-wrap {
	position: relative;
}

#slide-content {
	position: relative;
	overflow: hidden;
	padding-top: 10px;
}

#slide-content::after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 40px;
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
	background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
}

#slide-btn {
	position: absolute;
	bottom: -1em;
	z-index: 1;
	text-align: center;
	width: 100%;
	color: #1FB5C4;
	text-decoration: underline;
}

#slide-btn::after {
	content: "▼すべてのカテゴリーを見る"
}

#slide-btn.is-show {
	bottom: -2em;
}

#slide-btn.is-show::after {
	content: "▲カテゴリーを閉じる"
}

#slide-btn.is-show+#slide-content::after {
	display: none;
}

.spDesc {
	display: block;
	font-size: 12px;
	text-align: right;
}

.header .logo {
	padding-top: 10px;
}


@media (max-width: 999px) {
	.spDesc {
		font-size: 10px;
		letter-spacing: 0;
	}

	.pagingDt {
		padding-top: 10px;
		padding-bottom: 40px;
	}

	.wp-pagenavi {
		margin-top: 30px;
		margin-bottom: 40px;
	}
}

/* CTA */
.cms-cta {
	padding: 40px;
	background-color: #e3f1f5;
}

.cms-cta__btn {
	display: flex;
	justify-content: space-around;
	margin-bottom: 20px;
}

@media (max-width: 600px) {
	.cms-cta {
		padding: 20px;
		margin: 0 -25px;
	}

	.cms-cta__btn {
		flex-direction: column;
		text-align: center;
	}

	.cms-cta__btn a img {
		max-width: 320px;
		width: 100%;
	}
}

/* 疾患ページに表示するブログ記事 */
.disease-blog-list {
	margin-top: 40px;
	border: 1px solid #6fbde3;
	border-radius: 3px;
	padding: 30px 20px 20px 40px;
}

.disease-blog-list li {
	margin-bottom: 10px;
	list-style-type: disc;
}

.disease-blog-list li::marker,
.disease-blog-list .catitem {
	color: #6fbde3;
}

.disease-blog-list li a {
	display: flex;
}

.disease-blog-list__more {
	text-align: right;
}

.disease-blog-list__more>a {
	color: #1FB5C4;
	text-decoration: underline;
	font-size: 1.1em;
}



@media (max-width: 600px) {
	.disease-blog-list a {
		flex-direction: column;
	}
}

@media (min-width: 600px) {
	.disease-blog-list .date {
		flex-basis: 110px;
		flex-shrink: 0;
	}
}

@media (min-width: 1000px) {
	.c-flex-wrapper {
		display: flex;
		gap: 20px;
	}

	.c-flex-wrapper__1of3 {
		flex-basis: 40%;
		flex-shrink: 0;
	}
}

/* override VK Post Author Display */
.cmsContent #latestEntries li.thumbnailBox .postImage>a img.size-thumbnail {
	transform: translateY(0);
}


.margin-bottom {
	margin-bottom: 35px;
}

.lp-middle {
	display: block;
	margin: 0 auto;
}






/* サンクスページ用css */
.thanks-message {
	text-align: center;
	padding: 50px 0;
  }
  
  .thanks-message .container {
	max-width: 600px;
	margin: 0 auto;
	background-color: #f2f2f2;
	padding: 30px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
  }
  
  .thanks-message h1 {
	color: #333;
	margin-bottom: 20px;
  }
  
  .thanks-message p {
	color: #555;
	margin-bottom: 30px;
  }
  
  .btn-back-home {
	display: inline-block;
	padding: 10px 20px;
	background-color: #1FB5C4;
	color: #fff !important;
	text-decoration: none;
	border-radius: 5px;
  }
  
  .btn-back-home:hover {
	background-color: #17a2b8;
  }