/* CSS Document */

/* �E�F�u�t�H���g�g�p����ۂ͉��L������������
@import url(http://fonts.googleapis.com/css?family=Droid+Serif);
 */

html { height:100%; }
body { height:100%; margin:0; font-size:14px; color: #000000; background: #FFFFFF; padding: 0; line-height: 180%; /*word-break:break-all;*/ text-align: justify; text-justify: inter-ideograph; font-feature-settings: "pkna" 1; }
body img { width: 100%; height: auto; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
body { font-size: 12px; line-height: 160%; padding: 0; }
}
body, textarea { font-family: 'Noto Serif JP', serif; font-weight: 500; }
/*�����̏ꍇ body, textarea { font-family :YuMincho, Yu Mincho, '������', serif; font-weight: 400; } */
/* body, textarea { font-family :YuGothic, 'Yu Gothic', sans-serif; font-weight: 400; } */

/* ������������ */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


/* ��荞�݉��� */
.cl_l { clear: left; }
.cl_r { clear: right; }
.cl_both { clear:both; }


/* h�^�O�Ȃǂ̎w�� */
h1 { display:block; font-style:normal; font-size:10pt; font-weight:normal; margin:0px; text-align:center; }
h1 img { width:auto; height:73px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
h1 { display:block; font-style:normal; font-size:10pt; font-weight:normal; margin:0px; text-align:center; }
h1 img { width:auto; height:40px; padding:5px 0; }
}
h2 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h3 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h4 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h5 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }


/* ul,li,p�^�O�̎w�� */
ul,li {
	list-style:none;
	margin:0;
	padding:0;
}

p { margin:0; }


/* �t�H���g�̎w�� */
.bold { font-weight:bold; }
.textblue { color:#007cc4; }
.textblue_b { color:#007cc4; font-weight:bold; }
.textgreen { color:#34AE42; }
.textgreen_b { color:#34AE42; font-weight:bold; }
.textorange { color:#F8B934; }
.textorange_b { color:#F8B934; font-weight:bold; }
.textred { color:#db0000; }
.textred_b { color:#db0000; font-weight:bold; }
.textpink { color:#d25b7f; }
.textpink_b { color:#d25b7f; font-weight:bold; }
.textpurple { color:#CC0199; }
.textpurple_b { color:#CC0199; font-weight:bold; }

.size6 { font-size:8px; }
.size8 { font-size:10px; }
.size10 { font-size:12px; }
.size12 { font-size:14px; }
.size14 { font-size:16px; }


/* �E�F�u�t�H���g�̎w�� */
.noto-serif-jp { font-family: 'Noto Serif JP', serif; }
.mplusrounded { font-family: 'M PLUS Rounded 1c', sans-serif; }
.kosugimaru { font-family: 'Kosugi Maru', sans-serif; }
/* //�E�F�u�t�H���g�̎w�� */


/* �r���Ȃ� */
.dashed_line { border-bottom: 1px dotted #343434; margin:10px 0px 10px 0px; }
.solid_line_orenge { border-bottom: 1px solid #EA5532; margin:10px 0px 15px 0px; }
.solid_line_blue { border-bottom: 1px solid #32BCF8; margin:10px 0px 15px 0px; }
.solid_line_green { border-bottom: 1px solid #45B035; margin:10px 0px 15px 0px; }
.solid_line_gray01 { border-bottom: 1px solid #B2B2B2; margin:14px 0px 14px 0px; }
.solid_line_purple { border-bottom: 1px solid #BE0089; margin:10px 0px 0px 0px; }
.solid_line_purple01 { border-bottom: 1px solid #BE0089; margin:14px 0px 14px 0px; }


/* �摜�̃����N */
a img { border-style:none; }


/* �摜�̗]���΍� */
img {
   vertical-align:bottom
}


/* �摜�T�C�Y */
img { width:100%; height:auto; image-rendering: auto; }


/* ie�ɓK�p */
img {
    width: inherit\9;
    max-width: 100%\9;
    height: auto\9;
}

/* hr�̐ݒ� */
hr.style-one {    border: 0;    height: 1px;    background: #999;    background-image: -webkit-linear-gradient(left, #ccc, #999, #ccc);    background-image:    -moz-linear-gradient(left, #ccc, #999, #ccc);    background-image:     -ms-linear-gradient(left, #ccc, #999, #ccc);    background-image:      -o-linear-gradient(left, #ccc, #999, #ccc);}


/* �y�[�W�S�̂̃e�L�X�g�����N */
a:link { color:#000000; text-decoration:underline; }
a:visited { color:#000000; text-decoration:underline; transition: 1.0s ; }
a:active { color:#93b8c3; text-decoration:underline; transition: 1.0s ; }
a:hover { color:#93b8c3; text-decoration:underline; transition: 1.0s ; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
a:link { color:#000000; text-decoration:underline; }
a:visited { color:#000000; text-decoration:underline; }
a:active { color:#93b8c3; text-decoration:underline; }
a:hover { color:#93b8c3; text-decoration:underline; }
}


/* �p���������X�g */
.breadcrumbsWrap{
  width: 100%;
  margin: auto;
  font-size: 14px;
  color: #000000;
  margin-top: 10px;
  white-space: nowrap;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.breadcrumbs{
  display: flex;
  align-items: center;
}
.breadcrumbs .home{
    color: #000000;
}
.breadcrumbs .arrow{
  display: inline-block;
  content: '';
  width: 6px;
  height: 6px;
  border-top: solid 1.5px #000000;
  border-right: solid 1.5px #000000;
  margin-right: 10px;
  margin-left: 10px;
  transform: rotate(45deg);
}
@media screen and (min-width: 0px) and (max-width: 768px)  {
.breadcrumbsWrap{
  width: 100%;
  margin: auto;
  font-size: 12px;
  color: #000000;
  margin-top: 10px;
  white-space: nowrap;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.breadcrumbs{
  display: flex;
  align-items: center;
}
.breadcrumbs .home{
    color: #000000;
}
.breadcrumbs .arrow{
  display: inline-block;
  content: '';
  width: 6px;
  height: 6px;
  border-top: solid 1.5px #000000;
  border-right: solid 1.5px #000000;
  margin-right: 10px;
  margin-left: 10px;
  transform: rotate(45deg);
}
}


/* ���[�f�B���O */
#loading {
 width: 100%;
 height: 100%;
 margin: 0;
 background: #fff;/*�O���O���̔w�i�𔒂�*/
 opacity: 1.0;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 99999; /*�Ƃ肠������ԑO�ʂɏo��悤��*/
}
#loading img {
 position:absolute;
 top:50%;
 left:52%;
 width:30px;
 height:30px;
 margin-top:-30px;/*�O���O����^�񒆂ɂ��邽�߂ɁA�摜�̍������}�C�i�X��*/
 margin-left:-30px;/*�O���O����^�񒆂ɂ��邽�߂ɁA�摜�̕����}�C�i�X��*/
}
@media screen and (min-width: 0px) and (max-width: 768px)  {
#loading {
 width: 100%;
 height: 100%;
 margin: 0;
 background: #fff;/*�O���O���̔w�i�𔒂�*/
 opacity: 1.0;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 99999; /*�Ƃ肠������ԑO�ʂɏo��悤��*/
}
#loading img {
 position:absolute;
 top:50%;
 left:55%;
 width:40px;
 height:40px;
 margin-top:-40px;/*�O���O����^�񒆂ɂ��邽�߂ɁA�摜�̍������}�C�i�X��*/
 margin-left:-40px;/*�O���O����^�񒆂ɂ��邽�߂ɁA�摜�̕����}�C�i�X��*/
}
}
/* //���[�f�B���O */


/* �w�b�h���j���[ */
#headbox { width:100%; display:block; position:relative; background:#FFFFFF; top: 0; z-index: 2000; }

header {
    display: none;
    width:1200px;
	padding:0;
	margin:30px auto;
  }
@media screen and (min-width: 0px) and (max-width: 767px)  {
#headbox { width:100%; display:block; height:50px; position: fixed; background:#FFFFFF; top: 0; z-index: 80000; }

header {
    display: block;
    width: 100%;
	padding:0;
	margin:0 auto;
  }

#headlogo { width:100%; margin:0 auto; position:relative; text-align:center; }
#headlogo img { width:auto; height:35px; padding:10px 0 0; }
}
/* //�w�b�h���j���[ */


/* PC�i�r�Q�[�V���� */
#pcnavibox {
	width: 282px;
    padding: 0 0 20px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 8000;
	background:rgba(255,255,255,1.00);
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}
#k-headimgbox01 #pcnavibox {
	width: 100%;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 8000;
}
ul#navi {
	display:block;
	padding:5px 0;
	text-align:center;
	font-size:14px;
	font-weight:400;
	color: #000000;
	}
ul#navi li { display:block; margin: 3px 0; }
ul#navi li:after { width: 8em; margin: 0 auto; content: ""; display: block; border-bottom: 1px solid #000000; }
ul#navi li:first-child:after { width: 6em; margin: 0 auto; content: ""; display: none; border-bottom: 1px solid #000000; }
ul#navi li:last-child:after { width: 6em; margin: 0 auto; content: ""; display: none; border-bottom: 1px solid #000000; }
ul#navi li img { display:block; width: 144px; height: auto; margin: 10px auto; }
ul#navi li ul { display:inline-block; vertical-align: middle; }
ul#navi li ul li { display:block; margin: 0; }
ul#navi li ul li:after { width: 6em; margin: 0 auto; content: ""; display: none; border-bottom: 1px solid #000000; }
ul#navi li ul li:nth-child(1) { font-size: 12px; font-weight: bold; letter-spacing: 0.1em; line-height: 180%; }
ul#navi li ul li:nth-child(2) { font-size: 10px; font-weight: 500; letter-spacing: -0.04em; line-height: 180%; }

ul#navi a:link { color:#000000; text-decoration:none; margin:10px 0 0 0; transition:1.0s; vertical-align: middle; }
ul#navi a:visited { color:#000000; text-decoration:none; transition: 1.0s; }
ul#navi a:active { color:rgba(58,58,58,1.0); text-decoration:none; transition: 1.0s; }
ul#navi a:hover { color:rgba(58,58,58,1.0); text-decoration:none; margin:10px 0 0 0; transition: 1.0s; }

ul#navi li a:after  {
	content: "";
	display: block;
	left: 3px;
	width: 5px;
	height: 5px;
	margin: 0 auto;
	border-top: 4px solid #000000;
	border-right: 4px solid #000000;
	-webkit-transform: rotate(-315deg);
	transform: rotate(-315deg);
	opacity: 0;
	vertical-align: middle;
	transition:1.0s;
}
ul#navi li a:hover:after  {
	content: "";
	display: block;
	left: 3px;
	width: 5px;
	height: 5px;
	margin: 0 auto;
	border-top: 4px solid rgba(58,58,58,1.0);
	border-right: 4px solid rgba(58,58,58,1.0);
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
	opacity: 1;
	vertical-align: middle;
	transition:0.5s;
}
ul#navi li:nth-child(1) a:after  {
	content: "";
	display: block;
	left: 3px;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-top: 0 solid #000000;
	border-right: 0 solid #000000;
	-webkit-transform: rotate(-315deg);
	transform: rotate(-315deg);
	opacity: 0;
	vertical-align: middle;
	transition:1.0s;
}
ul#navi li:nth-child(1) a:hover:after  {
	content: "";
	display: block;
	left: 0;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-top: 0 solid rgba(58,58,58,1.0);
	border-right: 0 solid rgba(58,58,58,1.0);
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
	opacity: 1;
	vertical-align: middle;
	transition:0.5s;
}
ul#wpnavi {
	display:block;
	padding:5px 0;
	text-align:center;
	font-size:14px;
	font-weight:400;
	color: #000000;
	}
ul#wpnavi li { display:block; margin: 3px 0; }
ul#wpnavi li:after { width: 8em; margin: 0 auto; content: ""; display: block; border-bottom: 1px solid #000000; }
ul#wpnavi li:first-child:after { width: 6em; margin: 0 auto; content: ""; display: none; border-bottom: 1px solid #000000; }
ul#wpnavi li:last-child:after { width: 6em; margin: 0 auto; content: ""; display: none; border-bottom: 1px solid #000000; }
ul#wpnavi li img { display:block; width: 144px; height: auto; margin: 10px auto; }
ul#wpnavi li ul { display:inline-block; vertical-align: middle; }
ul#wpnavi li ul li { display:block; margin: 0; }
ul#wpnavi li ul li:after { width: 6em; margin: 0 auto; content: ""; display: none; border-bottom: 1px solid #000000; }
ul#wpnavi li ul li:nth-child(1) { font-size: 12px; font-weight: bold; letter-spacing: 0.1em; line-height: 180%; }
ul#wpnavi li ul li:nth-child(2) { font-size: 10px; font-weight: 500; letter-spacing: -0.04em; line-height: 180%; }

ul#wpnavi a:link { color:#000000; text-decoration:none; margin:10px 0 0 0; transition:1.0s; vertical-align: middle; }
ul#wpnavi a:visited { color:#000000; text-decoration:none; transition: 1.0s; }
ul#wpnavi a:active { color:rgba(58,58,58,1.0); text-decoration:none; transition: 1.0s; }
ul#wpnavi a:hover { color:rgba(58,58,58,1.0); text-decoration:none; margin:10px 0 0 0; transition: 1.0s; }

ul#wpnavi li a:after  {
	content: "";
	display: block;
	left: 3px;
	width: 9px;
	height: 9px;
	margin: 0 auto;
	border-top: 4px solid #000000;
	border-right: 4px solid #000000;
	-webkit-transform: rotate(-315deg);
	transform: rotate(-315deg);
	opacity: 0;
	vertical-align: middle;
	transition:1.0s;
}
ul#wpnavi li a:hover:after  {
	content: "";
	display: block;
	left: 3px;
	width: 9px;
	height: 9px;
	margin: 0 auto;
	border-top: 4px solid rgba(58,58,58,1.0);
	border-right: 4px solid rgba(58,58,58,1.0);
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
	opacity: 1;
	vertical-align: middle;
	transition:0.5s;
}
ul#wpnavi li:nth-child(1) a:after  {
	content: "";
	display: block;
	left: 3px;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-top: 0 solid #000000;
	border-right: 0 solid #000000;
	-webkit-transform: rotate(-315deg);
	transform: rotate(-315deg);
	opacity: 0;
	vertical-align: middle;
	transition:1.0s;
}
ul#wpnavi li:nth-child(1) a:hover:after  {
	content: "";
	display: block;
	left: 0;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-top: 0 solid rgba(58,58,58,1.0);
	border-right: 0 solid rgba(58,58,58,1.0);
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
	opacity: 1;
	vertical-align: middle;
	transition:0.5s;
}
.leftbannerwrap01 { width: 144px; margin: 0 auto; padding: 0 0 10px; }
@media screen and (min-width: 0px) and (max-width: 767px)  {
ul#navi { display:none; }
ul#wpnavi { display:none; }
}
/* //PC�i�r�Q�[�V���� */


/* �o�i�[�i���ʁj */
.bannerbox01 { width: 208px; margin: 25px auto 0; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.bannerbox01 { width: 50%; margin: 20px auto 0; }
}
/* �o�i�[�i���ʁj */


/* �y�[�W�g�b�v */
#pagetop { display: block; margin:0 40px; text-align:right; padding: 40px 0 0; }
#pagetop img { width:63px; height:auto; }
#cmspagetop { display: block; margin:0 40px; text-align:right; padding: 0; }
#cmspagetop img { width:63px; height:auto; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#pagetop { width:96%; margin:0 auto; text-align:right; padding: 10px 0 0; }
#pagetop img { width:auto; height:20px; }
#cmspagetop { width:96%; margin:0 auto; text-align:right; padding: 0; }
#cmspagetop img { width:auto; height:20px; }
}
/* //�y�[�W�g�b�v */


/* SNS */
#snswrap01 { border-top: 1px solid #000000; padding: 15px 0; }
#snswrap02 { display: table; margin: 0 auto; }
.snsiconwrap01 { display: table-cell; padding: 0 100px; vertical-align: middle; }
.snsiconwrap01:nth-child(1) { width: 60px; }
.snsiconwrap01:nth-child(2) { width: 96px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#snswrap01 { border-top: 1px solid #000000; padding: 15px 0; }
#snswrap02 { display: table; margin: 0 auto; }
.snsiconwrap01 { display: table-cell; padding: 0; text-align: center; vertical-align: middle; }
.snsiconwrap01:nth-child(1) { width: 50%; }
.snsiconwrap01:nth-child(2) { width: 50%; }
.snsiconwrap01 img { width: 50%; }
}
/* //SNS */


/* ���ʐݒ�Ȃǁi���т╶�������Ȃǁj */
.in-parallel01 { display: inline-block; padding: 0 20px 0 0; }
.in-parallel01:last-child { padding: 0; }
.in-parallel01:before { content: "-"; display: inline-block; }


.indent01 { display:block; text-indent:-1em; padding-left:1em; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.in-parallel01 { display: block; padding: 0; }
.in-parallel01:last-child { padding: 0; }
.in-parallel01:before { content: "-"; display: inline-block; }


.indent01 { display:block; text-indent:-1em; padding-left:1em; }
}
/* ���ʐݒ�Ȃǁi���т╶�������Ȃǁj */


/* PC�X�}�z�\���؂�ւ� */
.pconly01 { display: inline-block; }
.sponly01 { display: none; }
.spnone01 { display: block; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.pconly01 { display: none; }
.sponly01 { display: inline-block; }
.spnone01 { display: none !important; }
}
/* //PC�X�}�z�\���؂�ւ� */


/* ���s�ݒ� */
.break:before {
    content: "\A";
	white-space: pre;
}
.pcno-break:before {
    content: "";
	white-space: pre;
}
.spno-break:before {
    content: "\A";
	white-space: pre;
}
@media screen and (min-width: 0px) and (max-width: 768px)  {
.break:before {
    content: "\A";
	white-space: pre;
}
.pcno-break:before {
    content: "\A";
	white-space: pre;
}
.spno-break:before {
    content: "";
	white-space: pre;
}
}
/* //���s�ݒ� */


/* �ӂ���ƕ\�� */
.fadeIn_up {
  opacity: 0;
  transform: translate(0, 10%);
  transition: 1.5s;
}
.fadeIn_up.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_left {
  opacity: 0;
  transform: translate(-10%, 0);
  transition: 1.5s;
}
.fadeIn_left.is-show {
  transform: translate(0, 0);
  opacity: 1;
}

.fadeIn_right {
  opacity: 0;
  transform: translate(10%, 0);
  transition: 1.5s;
}
.fadeIn_right.is-show {
  transform: translate(0, 0);
  opacity: 1;
}
/* //�ӂ���ƕ\�� */


/* tel�C�x���g�΍� */
a[href^="tel:"] {
    pointer-events: none;
	text-decoration: none;
}
@media screen and (min-width: 0px) and (max-width: 768px)  {
a[href^="tel:"] {
    pointer-events: none;
	text-decoration: underline;
}
}
/* //tel�C�x���g�΍� */


/* ���������� */
.indent00-05 { text-indent: -0.5em; padding: 0 0 0 0.5em; }
.indent00-08 { text-indent: -0.8em; padding: 0 0 0 0.8em; }
.indent00-09 { text-indent: -0.9em; padding: 0 0 0 0.9em; }
.indent01-01 { text-indent: -1em; padding: 0 0 0 1em; }
.indent01-03 { text-indent: -1.3em; padding: 0 0 0 1.3em; }
.indent01-036 { text-indent: -1.36em; padding: 0 0 0 1.36em; }
.indent01-04 { text-indent: -1.4em; padding: 0 0 0 1.4em; }
.indent01-05 { text-indent: -1.5em; padding: 0 0 0 1.5em; }
.indent01-06 { text-indent: -1.6em; padding: 0 0 0 1.6em; }
.indent01-08 { text-indent: -1.8em; padding: 0 0 0 1.8em; }
.indent02-01 { text-indent: -2.0em; padding: 0 0 0 2.0em; }
.indent02-05 { text-indent: -2.5em; padding: 0 0 0 2.5em; }
.indent03-01 { text-indent: -3.0em; padding: 0 0 0 3.0em; }
.indent04-01 { text-indent: -4.0em; padding: 0 0 0 4.0em; }
.indent05-01 { text-indent: -5.0em; padding: 0 0 0 5.0em; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.indent00-05 { text-indent: -0.5em; padding: 0 0 0 0.5em; }
.indent00-08 { text-indent: -0.8em; padding: 0 0 0 0.8em; }
.indent01-01 { text-indent: -1em; padding: 0 0 0 1em; }
.indent01-03 { text-indent: -1.3em; padding: 0 0 0 1.3em; }
.indent01-05 { text-indent: -1em; padding: 0 0 0 1em; }
.indent01-08 { text-indent: -1.8em; padding: 0 0 0 1.8em; }
}
/* //���������� */


/* ���S�A�j���[�V�����̐ݒ� */
.animate__animated {
    /* 1�b�x��ăA�j������ */
    animation-delay: 1s;
    /* 3��J��Ԃ� infinite���w�肷��Ɩ������[�v
    animation-iteration-count: 3;*/
}
/* //���S�A�j���[�V�����̐ݒ� */


/*---------------------------------
  �A���J�[�ʒu�ݒ�
---------------------------------*/
#link01,
#link02,
#link03,
#link04,
#link05,
#link06,
#link07,
#link08,
#link09,
#link10 {
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 767px) {
#link01,
#link02,
#link03,
#link04,
#link05,
#link06,
#link07,
#link08,
#link09,
#link10 {
	margin: -50px 0 0;
	padding: 50px 0 0;
}
}