@charset "utf-8";

body{
	margin:0px;
	padding:0px;
	font-family: 'Noto Sans JP', sans-serif;
}

a:link{text-decoration: none;}

a:hover img{
  opacity:.5;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
 }

p{line-height: 2!important;letter-spacing: 0.05em;font-family: 'Noto Sans JP', sans-serif!important;}
.z1{z-index: 10 !important;}
.z2{z-index: 20 !important;}

/*==================common==================*/
.clear{clear: both;}
.pc { display: block!important;}
.sp { display: none !important; }
.pc2 { display: inline !important;}
.sp2 { display: none !important; }
.xl { display: none!important;}
.lg { display: inline !important;}
.md { display: none !important; }
.sm { display: none !important; }
.imgc{display: block; margin:0 auto!important;}
.bor{border-radius: 20px;}
ul.lidisc{padding: 0 0 0 20px;margin: 0;}
ul.lidisc li{list-style: disc;margin: 0 0 10px;font-family: 'Noto Sans JP', sans-serif!important;}

.marker{background:linear-gradient(transparent 70%, #ffff66 60%);}
.markerp{background: linear-gradient(transparent 60%, #f8ebfd 60%);}
.wrap{position: relative;}
.flbox{
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width:1500px){
.xl { display: block!important;}
.lg { display: none!important;}
}

@media screen and (max-width:780px){
.pc2 { display: none !important;}
.sp2 { display: inline !important; }
.lg { display: none !important;}
.md { display: inline !important; }
.sm { display: none !important; }
 }

@media screen and (max-width:480px){
.pc { display: none !important; }
.sp { display: inline!important; }
.lg { display: none !important;}
.md { display: none !important; }
.sm { display: inline !important; }
	
p{font-size: 15px!important;}
}

.line3 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	text-align: center;
}

/*==================header==================*/
header {
	margin-bottom: 0;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999;
	font-weight: 700!important;
	background: #fff;
	box-shadow: 0 2px 10px 0 rgba(45,45,45,0.36);
}

@media screen and (max-width:1024px){
header {
    margin-bottom: 0;
    width: 100%;
    height: 80px;
}
}

@media screen and (max-width:480px){
header {
	height: 66px!important;
	background-color: #fff;
	box-shadow: 0 2px 10px 0 rgba(45,45,45,0.36);
}
}


/*==================toku==================*/

#particles-js{ 
	position:absolute;
	z-index:-1;
	width: 100%;
	height: 100%;
}

.bbr{}

.bgtype{
	border-radius:20px;
	display: flex;
	flex-wrap: wrap;
}
.typein{
	padding: 1em;
	width : calc(100% / 4) ;
	box-sizing: border-box;
}
@media screen and (max-width: 480px) {
	.bbr{border-bottom: solid 1px #ccc;}
	.typein{
		padding: 1em;
		width : 100%;
	}
}


.typein2{
	padding: 1em;
	width : calc(100% / 2) ;
	box-sizing: border-box;
}
@media screen and (max-width: 480px) {
	.typein2{
		padding: 1em;
		width : 100%;
	}
}

/*==================inview==================*/

.up {
	overflow: hidden;
	position: relative;
	opacity: 0;
	bottom: -50px;
}
.upstyle{
	opacity: 1;
	bottom: 0px;
	transition: 1s 0.3s;
}
.left {
	overflow: hidden;
	position: relative;
	opacity: 0;
	left: -200px;
}
.leftstyle{
	opacity: 1;
	left: 0px;
	transition: 1s 0.3s;
}
.right {
	overflow: hidden;
	position: relative;
	opacity: 0;
	right: -200px;
}
.rightstyle{
	opacity: 1;
	right: 0px;
	transition: 1s 0.3s;
}

/*==================footer==================*/

footer {margin: 0!important;
	padding: 0;}

ul.foottx{
	margin: 0;
	padding: 0;
}
ul.foottx a{color: #333;}
ul.foottx a:hover{color: #45a7cb!important;}

ul.foottx li {
	margin: 0!important;
	padding: 0;
	float: left;
	list-style: none;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center!important;
	color:#333333;
		font-family: 'Noto Sans JP', sans-serif!important;
;
}

@media screen and (max-width:480px){
footer {
	display: block;
	margin:0;
	position: fixed;
    bottom:0;
	width:100%;
	padding:0;
    z-index: 9999;
}


    
#copyright {
	font-size: 11px;
	padding: 0 0 80px;
}

ul.foottx li {
    margin: 0!important;
	padding: 0;
	float: left;
	list-style: none;
	font-size: 10px;
	letter-spacing: 1px;
	text-align: center!important;
}
}


#footel{
	position: relative;
	padding:12px 0;
	margin:0;
	width:100%;
	font-weight:normal;
    color:#fff;
	background: #83745e;
	z-index: 999999!important;
}
@media screen and (max-width:480px){
#footel {
	z-index: 9999;
	margin:0;
	position: fixed;
    bottom:0;
	width:100%;
	padding:0;
	background-color: rgba(0,0,0,0);
}
}


/*==================back top==================*/

.s-back-to-top {
	position: fixed;
	z-index: 99;
  right: 0;
  bottom: 0;
  display: block;
  width: 3rem;
  height: 3rem;
  background: #83745e;
  text-align: center;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-back-to-top:before {
  display: block;
  font-size: 0.75rem;
  font-style: normal;
  font-family: themify;
	font-weight: bold;
  color: #fff!important;
  line-height: 3rem;
  content: "\e627";
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-back-to-top:hover {
  background: #ecd78f;
}

.s-back-to-top:hover:before {
  color: #ecd78f;
}

.s-back-to-top:focus, .s-back-to-top:hover {
  text-decoration: none;
}

@media (max-width: 480px) {
.s-back-to-top {
  position: relative;
	width: 100%;
  right: 0;
  height: 100%;
	bottom: 0!important;
	opacity: 1!important;
	}
.s-back-to-top:before {
	position: absolute;
  display: block;
  font-size: 0.75rem;
  font-style: normal;
  font-family: themify;
  color: #fff;
  line-height: 0;
  content: "\e627";
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
}

#sidenet{
	margin:0;
	padding:0;
	opacity: 0.95;
    z-index: 9999!important;
}

#net1 {
	right:0;
	position: fixed;
	z-index: 9999!important;
	top: 180px;
}
#net2 {
	right:0;
	position: fixed;
	z-index: 9999!important;
	top: 265px;
}
@media screen and (max-width:480px){
	#sidenet,#net1,#net2{display: none;}
}



/*==================Button==================*/
.s-btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: none;
  white-space: nowrap;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-btn:focus, .s-btn:hover {
  text-decoration: none;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.s-btn.focus {
  text-decoration: none;
}

.s-btn:active, .s-btn.active {
  background-image: none;
  outline: 0;
}

.s-btn.disabled, .s-btn:disabled,
fieldset[disabled] .s-btn {
  cursor: not-allowed;
  opacity: .65;
}

.s-btn__element--left, .s-btn__element--right {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}

/* Sizes
------------------------------ */
.s-btn-xs {
  font-size: 0.75rem;
  font-weight: 400;
  padding: 0.5rem 1.25rem;
}

.s-btn-sm {
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0.75rem 1.25rem;
}

.s-btn-md {
  font-size: 0.8125rem;
  font-weight: 400;
  padding: 1rem 2.5rem;
}

.s-btn-icon-md {
  font-size: 1rem;
  padding: 0.9375rem 1.5625rem 0.75rem;
}

/* Styles
------------------------------ */
.btn-main-bg {
  color: #fff!important;
  background: #5a77a1;
  border-width: 0.0625rem;
  border-style: solid;
  border-color: #274b7f;
	transition-duration: 300ms;
}
.btn-main-bg:focus, .btn-main-bg:hover {
  color: #6a5964!important;
  background: #fff;
  border-color: #6a5964;
}

.btn-main-bg-o {
    color: #fff!important;
    background: #83745e;
    border: 0.0625rem solid #83745e;
    transition-duration: 300ms;
}
.btn-main-bg-o:focus, .btn-main-bg-o:hover {
  color: #83745e!important;
  background:#d8bd39;
  border-color: #d8bd39;
}


/*==================yokosla==================*/

#pic{
	position: relative;
	clear:both;
	margin:0;
	padding:0;
	width:100%;
}

#pic ul,#pic li {
	float:left;
	list-style: none;
	margin: 0;
	padding:0;
}
#pic li img{
	max-width: 350px!important;
	height: 300px!important;
}

#picbtn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	z-index:1!important;
}



/*==================info==================*/ 

.mhours {
	width: 100%;
	margin: 0 auto 10px;
	font-weight: bold;
}
.mhours th {
	padding:10px 4px;
	word-break: break-all;
	text-align: center;
	font-weight: bold;
	font-size: 18px!important;
	color: #fff;
	letter-spacing: .1em;
	background:#a7a28d;
}
.mhours td {
	padding:10px 4px;
	word-break: break-all;
	text-align: center;
	font-size: 18px!important;
	border-bottom: 1px solid #fff;
	color: #a7a28d;
	font-weight: bold;
	background:#f9f5ee;
}
@media only screen and (max-width: 480px) {
	.mhours th {
		padding:10px 2px;
		font-size: 14px!important;
        letter-spacing: -0.05em;
	}
	.mhours td {
		padding:10px 2px;
		font-size: 14px!important;
        letter-spacing: -0.05em;
	}
}

/*==================Mida==================*/

.stf{
	position: relative;
	padding: .5em .75em;
	background-color: #83745e;
	color: #fff;
    font-weight: bold;
	font-family: 'Shippori Mincho', serif !important;
	line-height: inherit;
}
.stf::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 10px solid #83745e;
}
.stfc1{background-color: #ac9166;}
.stfc1::after {border-top: 10px solid #ac9166;}
.stfc2{background-color: #a7a28d;}
.stfc2::after {border-top: 10px solid #a7a28d;}

.st4{
	position: relative;
	color: #fff;
	padding:0.2em 0.2em 0.2em 1.4em;
	background: #a7a28d;
	letter-spacing: .05em;
	line-height: inherit;
	font-family: 'Shippori Mincho', serif !important;
}
.st4::after {
	 position: absolute;
	 top: 50%;
	 left:0;
	 transform:translateY(-50%);
	 content: '';
	 width: 1em;
	 height:2px;
	 background-color:#fff;
}
.st4bg4{background-color: #b79646;}

.stf3 {
     text-align: center;
     position: relative;
     padding:5px;
background:#83745e;
color: #fff;
    font-weight: bold;
    font-family: 'Shippori Mincho', serif!important;
}
.stf3::before,
.stf3::after {
     position: absolute;
     top: 100%;
     left:50%;
     transform:translateX(-50%);
     content: '';
     border: 14px solid transparent;
     border-top: 10px solid #83745e;
}
.stf3bg1{background-color: #9A9075;}
.stf3bg1::after{border-top: 10px solid #9A9075;}

.bg-color-sub0 .txtbox {background-color: #fff !important;}

table.case{
	margin:0 auto 15px;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#fff;
	empty-cells:show;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	font-family: 'Noto Sans JP', sans-serif!important;

}
.case th{
	font-size:12px;
	letter-spacing:1px;
	padding:1.5em 1.2em;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	color:#333;
	background-color: #f6f6f6;
	vertical-align: middle;
}
.case td{
	font-size:12px;
	color:#333;
	padding:1.5em 1.2em;
	background-color:#fff;
	border-bottom:solid 1px #ccc;
	border-right:solid 1px #ccc;
	vertical-align: middle;
}
@media only screen and (max-width:480px){
	table{
		border-collapse:collapse;
	}

	.case td,.case th{
		width:100%;
		display:block;
		padding:10px;
	}
}

.tkbg {
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 0!important;
}
.tkbg::before {
	content: "";
	z-index: -1;
	display: block;
	position: absolute;
	top: 0;
	width: 0%;
	height: 100%;
	transition: width 2s;
	transition-delay: 0s;
}
.tkbg1,.tkbg2,.tkbg3 {
	background:#a7a28d;
    background-blend-mode: multiply;
}

.tkbg1::before {
	left: 0;
	background: url("../img/topc/re2.webp") no-repeat center / auto,rgba(90,119,162,0.9);
    background-blend-mode: multiply;
}
.tkbg2::before {
	right: 0;
	background: url("../img/topc/re3.webp") no-repeat center / auto,rgba(90,119,162,0.9);
    background-blend-mode: multiply;
}

.tkbg3::before {
	right: 0;
	background: url("../img/topc/re3.webp") no-repeat center / auto,rgba(90,119,162,0.9);
    background-blend-mode: multiply;
}

.tkbg1.delay::before,.tkbg2.delay::before,.tkbg3.delay::before{
	width: 60%!important;
}

@media screen and (max-width:820px){
	.tkbg1::before {
		background: url("../img/topc/re2.webp") no-repeat center / cover,rgba(90,119,162,0.9);
        background-blend-mode: multiply;
	}
	.tkbg2::before {
		background: url("../img/topc/re3.webp") no-repeat center / cover,rgba(90,119,162,0.9);
        background-blend-mode: multiply;
	}
	.tkbg3::before {
		background: url("../img/topc/re3.webp") no-repeat center / cover,rgba(90,119,162,0.9);
        background-blend-mode: multiply;
	}

	.tkbg1.delay::before,.tkbg2.delay::before,.tkbg3.delay::before{
		width: 100%!important;
		height: 200px;
	}
}

@media screen and (max-width:480px){
	.tkbg1::before {
		background: url("../img/topc/re2.webp") no-repeat center / cover,rgba(90,119,162,0.9);
        background-blend-mode: multiply;
	}
	.tkbg2::before {
		background: url("../img/topc/re3.webp") no-repeat center / cover,rgba(90,119,162,0.9);
        background-blend-mode: multiply;
	}
	.tkbg3::before {
		background: url("../img/topc/re3.webp") no-repeat center / cover,rgba(90,119,162,0.9);
        background-blend-mode: multiply;
	}

	.tkbg1.delay::before,.tkbg2.delay::before,.tkbg3.delay::before{
		width: 100%!important;
		height: 160px;
	}
}

.breadcrumb {
  font-size: 12px;
  padding: 10px 16px;
  background: #f9f9f9;
  border-radius: 8px;
  overflow-x: auto;
  white-space: nowrap;
}

.breadcrumb ol {
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  padding: 0;
  margin: 0;
}

.breadcrumb li {
  display: flex;
  align-items: center;
}

.breadcrumb li + li::before {
  content: "›";
  margin: 0 6px;
  color: #999;
}

.breadcrumb a {
  text-decoration: none;
  color: #0073aa;
  transition: color 0.2s ease;
}

.breadcrumb a:hover {
  color: #005b8f;
}