<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*---------------------------------------------------------
---------------------------------------------------------*/
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 62.5%;
  vertical-align: baseline;
}

html {
  line-height: 1;
  font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
}
/* bodyのフォントサイズを1.6em（16px）に設定 */
body {
font-size: 1.6em;
font-family: 'Noto Sans JP', sans-serif;
}

ol, ul {
  list-style: none;
}

p, li,span,th,td,dd,dt,a{
font-size: 1.8rem;/* 18px */
line-height:1.8;
}
@media screen and (max-width: 640px) {
p, li,span,th,td,dd,dt,a{
font-size: 1.6rem;/* 16px */
}
}

@media screen and (max-width: 360px) {
/* 360pxまでの幅の場合に適応される */
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 {
  font-size: 50%;
}
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}
a{
    text-decoration: none;
    color: #333;
}
a img:hover {
  filter: alpha(opacity=70);
  -webkit-transition: 0.3s;
  opacity: 0.7;
  transition: 0.3s;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

.none {
  display: none;
}
.tab_only {
    display: none !important;
  }
  
@media screen and (min-width:641px) and ( max-width:820px) {
/*　画面サイズが768pxから820pxまではここを読み込む　*/
.tab_only {
    display: block !important;
  }
}

@media screen and (min-width: 640px) {
  .sp_only {
    display: none !important;
  }
}
@media screen and (max-width: 640px) {
  .pc_only {
    display: none !important;
  }
}
/*---------------------------------------------------------
文字サイズ
---------------------------------------------------------*/
.fs-1{font-size:1rem;}
.fs-12{font-size:1.2rem;}
.fs-13{font-size:1.3rem;}
.fs-14{font-size:1.4rem;}
.fs-15{font-size:1.5rem;}
.fs-16{font-size:1.6rem;}
.fs-18{font-size:1.8rem;}
.fs-20{font-size:2rem;}
.fs-24{font-size:2.4rem;}
.fs-28{font-size:2.8rem;}
.fs-32{font-size:3.2rem;}
.fs-36{font-size:3.6rem;}
.fs-40{font-size:4rem;}

.fw{font-weight:bold;}

@media screen and (max-width: 640px) {
.sp-fs-1{font-size:1rem !important;}
.sp-fs-12{font-size:1.2rem !important;}
.sp-fs-13{font-size:1.3rem !important;}
.sp-fs-14{font-size:1.4rem !important;}
.sp-fs-15{font-size:1.5rem !important;}
.sp-fs-16{font-size:1.6rem !important;}
.sp-fs-18{font-size:1.8rem !important;}
.sp-fs-20{font-size:2rem !important;}
.sp-fs-24{font-size:2.4rem !important;}
.sp-fs-28{font-size:2.8rem !important;}
.sp-fs-32{font-size:3.2rem !important;}
.sp-fs-36{font-size:3.6rem !important;}
.sp-fs-40{font-size:4rem !important;}
}

/*---------------------------------------------------------
文字色
---------------------------------------------------------*/
.fc-red{color:#da1c24;}
.fc-green{color:#006f4f;}
.fc-l-yellow{color:#ffff00;}
.fc-black{color:#000;}
.fc-blue{color:#0265ad;}
.fc-white {
    color: #fff;
}

/*---------------------------------------------------------
文字揃え
---------------------------------------------------------*/
.t-c {
  text-align: center;
}
.t-r {
  text-align: right;
}
.t-l {
  text-align: left;
}

@media screen and (max-width: 640px) {
  .sp_t-c {
    text-align: center !important;
  }

  .sp_t-l {
    text-align: left !important;
  }

  .sp_t-r {
    text-align: right !important;
  }
  .imgfull {
    margin-left: -10px;
    margin-right: -10px;
  }
}



/*---------------------------------------------------------
幅・画像
---------------------------------------------------------*/
.w-1200, .w-1000,.w-1400,.w-800,.w-500,.w-95{
    width:95%;
    margin:0 auto;
    padding:0;
}
.w-1400{max-width:1400px;}
.w-1200{max-width:1200px;}
.w-1000{max-width:1000px;}
.w-800{max-width:800px;}
.w-500{max-width:500px;}

.img-w80{width:80%;display: block;margin-left: auto;margin-right: auto;}
.img-w60{width:60%;display: block;margin-left: auto;margin-right: auto;}
.img-w50{width:50%;display: block;margin-left: auto;margin-right: auto;}
.img-w30{width:30%;display: block;margin-left: auto;margin-right: auto;}

.f-box,.f-box-none{display: flex;}
.f-box li,.f-box-none li{padding:2%;}
.text-box{width:70%;}
.pct-box{width:30%;}
.text-box50{width:50%;}
.text-box2-culum{width:45%;}
.pct-box50{width:50%;}
.text-box46{width:46%;}
.text-box60{width:60%;}
.pct-box40{width:40%;}
.cul-3,.cul-3-cul{width:30%;}
.f-box-none li{width:50%;}
.align-items-c{align-items: center;}
.flexWrap{flex-wrap: wrap;}
img{max-width:100%;}

@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */

}

@media screen and (max-width: 640px) {
/* 640pxまでの幅の場合に適応される */
.f-box{flex-direction: column;}
.text-box,.pct-box,.text-box50,.pct-box50,.text-box60,.pct-box40,.text-box46,.cul-3-cul{width:100%;}
.text-box,.text-box50,.text-box60{order: 2;}
.pct-box,.pct-box50,.pct-box40{order: 1;}
.f-box li{padding:2% 0;}
img{
display: block;
margin-left: auto;
margin-right: auto;
max-width:100%;
}
.img-w30{width:50%;}
.img-w80{width:80%;display: block;margin-left: auto;margin-right: auto;}
.img-sp-w80{width:80%;display: block;margin-left: auto;margin-right: auto;}
.img-sp-w60{width:60%;display: block;margin-left: auto;margin-right: auto;}
.img-sp-w50{width:50%;display: block;margin-left: auto;margin-right: auto;}
}

/*---------------------------------------------------------
余白
---------------------------------------------------------*/
.m-1{margin:1rem;} .m-2{margin:2rem;} .m-3{margin:3rem;} .m-4{margin:4rem;} .m-5{margin:5rem;}
.mt-1{margin-top:1rem;} .mt-2{margin-top:2rem;} .mt-3{margin-top:3rem;} .mt-4{margin-top:4rem;} .mt-5{margin-top:5rem;}
.mb-1{margin-bottom:1rem;} .mb-2{margin-bottom:2rem;} .mb-3{margin-bottom:3rem;} .mb-4{margin-bottom:4rem;} .mb-5{margin-bottom:5rem;} 
.ml-1{margin-left:1rem;} .ml-2{margin-left:2rem;}
.mr-1{margin-right:1rem;} .mr-2{margin-right:2rem;} 

.p-1{padding:1rem;} .p-2{padding:2rem;} .p-3{padding:3rem;} .p-4{padding:4rem;} .p-5{padding:5rem;}
.pt-1{padding-top:1rem;} .pt-2{padding-top:2rem;} .pt-3{padding-top:3rem;} .pt-4{padding-top:4rem;} .pt-5{padding-top:5rem;} 
.pb-1{padding-bottom:1rem;} .pb-2{padding-bottom:2rem;} .pb-3{padding-bottom:3rem;} .pb-4{padding-bottom:4rem;} .pb-5{padding-bottom:5rem;} 
.pl-1{padding-left:1rem;} .pl-2{padding-left:2rem;} 
.pr-1{padding-right:1rem;} .pr-2{padding-right:2rem;} 

@media screen and (max-width: 640px) {
/* 640pxまでの幅の場合に適応される */
.m-1{margin:.5rem;} .m-2{margin:1rem;} .m-3{margin:1.5rem;} .m-4{margin:2rem;} .m-5{margin:2.5rem;}
.mt-1{margin-top:.5rem;} .mt-2{margin-top:1rem;} .mt-3{margin-top:1.5rem;} .mt-4{margin-top:2rem;} .mt-5{margin-top:2.5rem;}
.mb-1{margin-bottom:.5rem;} .mb-2{margin-bottom:1rem;} .mb-3{margin-bottom:1.5rem;} .mb-4{margin-bottom:2rem;} .mb-5{margin-bottom:2.5rem;} 
.ml-1{margin-left:.5rem;} .ml-2{margin-left:1rem;}
.mr-1{margin-right:.5rem;} .mr-2{margin-right:1rem;} 

.p-1{padding:.5rem;} .p-2{padding:1rem;} .p-3{padding:1.5rem;} .p-4{padding:2rem;} .p-5{padding:2.5rem;}
.pt-1{padding-top:.5rem;} .pt-2{padding-top:1rem;} .pt-3{padding-top:1.5rem;} .pt-4{padding-top:2rem;} .pt-5{padding-top:2.5rem;} 
.pb-1{padding-bottom:.5rem;} .pb-2{padding-bottom:1rem;} .pb-3{padding-bottom:1.5rem;} .pb-4{padding-bottom:2rem;} .pb-5{padding-bottom:2.5rem;} 
.pl-1{padding-left:.5rem;} .pl-2{padding-left:1rem;} 
.pr-1{padding-right:.5rem;} .pr-2{padding-right:1rem;} 

.sp-pt-1{padding-top:.5rem;}.sp-pt-2{padding-top:1rem;} .sp-pt-3{padding-top:1.5rem;} .sp-pt-4{padding-top:2rem;} .sp-pt-5{padding-top:2.5rem;} 
.sp-pb-1{padding-bottom:.5rem;} .sp-pb-2{padding-bottom:1rem;} .sp-pb-3{padding-bottom:1.5rem;} .sp-pb-4{padding-bottom:2rem;} .sp-pb-5{padding-bottom:2.5rem;} 

}


/*---------------------------------------------------------
文字装飾
---------------------------------------------------------*/
.mark{
    font-weight:900;
    color:#da1c24;
    background: linear-gradient(transparent 70%, #ffef92 0%);
}

/*---------------------------------------------------------
リスト
---------------------------------------------------------*/
.list01 {
  list-style: disc;
  margin: 0;
  padding-left: 2rem;
}

.list04 {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list04 li {
  text-indent: -.5em;
  padding-left: 1em;
}
.list04 li:before {
  content: "\203B"; /* 空の要素作成 */
  width: 5px; /* 幅指定 */
  height: 5px; /* 高さ指定 */
  display: inline-block; /* インラインブロックにする */
  position: relative;
  padding-right:2px;
}


/*---------------------------------------------------------
 ページトップ
---------------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 200px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background:rgba(0,111,79,0.4);
    text-decoration: none;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    display: block;
    text-decoration: none;
}
#page-top a:hover {
    text-decoration: none;
    background:rgba(0,111,79,0.2);
	color: rgba(0,111,79,1);
}

/*---------------------------------------------------------
fixedメニュー
---------------------------------------------------------*/
#btn-bottom {
    display: block;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
   background: rgba(255,255,255,0.95); 
    z-index: 999;
    padding:0;
        border-top: 2px solid #eee;
    box-shadow: 5px 10px 20px rgb(0 0 0 / 45%);
}

@media screen and (max-width: 1440px) {
/* 1440pxまでの幅の場合に適応される */

}
@media screen and (max-width: 1024px) {
/* 1024pxまでの幅の場合に適応される */

}
@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

}
@media screen and (max-width: 600px) {
/* 600pxまでの幅の場合に適応される */
#page-top {
    bottom: 150px;
}
#btn-bottom {
    height: 55px;
    padding: 0.5rem 0;
}
#btn-bottom .yoyaku a{
line-height: 50px;
}
}

/*footer fixedボタン*/
.bottomArea{
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.bottomArea li{
    width: 48%;
    margin: 0 1%;
}
.bottom-txt{
text-align:center;
font-weight:700;
margin-bottom: 1rem;
font-size: 3rem;
}
.btn-bottom-line a, .btn-bottom-tel a{
    display: block;
    margin: 0 auto;
	font-weight:900;
    text-align: center;
	height: 70px;
    line-height: 70px;
	font-size:3rem;
    border-radius: 20px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    text-decoration: none;
}

.btn-bottom-line a:active,  .btn-bottom-tel a:active{
  border-bottom: solid 2px #fd9535;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

.btn-bottom-line a{
    background: #00B900;
	color: #fff;
	border: 1px solid #00B900;
}
.btn-bottom-line a:hover {
background: #fff;
	color: #00B900;
}
.btn-bottom-tel a{
    background: #fed104;
	color:#000;
	border: 1px solid #fed104;
}

.btn-bottom-tel a:hover {
background: #fff;
	color: #fed104;
}

@media screen and (max-width: 600px) {
/* 600pxまでの幅の場合に適応される */
.bottomArea{
height:55px;
}

.btn-bottom-line a,.btn-bottom-tel a{
	font-size:1.75rem;
}
.bottom-txt{
	font-size:1.5rem;
}
}

/*---------------------------------------------------------
フッター
---------------------------------------------------------*/
footer{
	padding-bottom: 100px;
}

footer img{
max-width:300px;
}
footer p{
	color:#fff;
}
.footer-box{
background: #007440;
border-bottom: 9px solid #fac44c;
padding: 2rem 1rem 1rem;
}
.copyright{
font-size:1.4rem;
margin:1rem 0 0;
}
@media screen and (max-width: 640px) {
/* 640pxまでの幅の場合に適応される */
footer{
padding-bottom: 70px;
}
footer img{
max-width:200px;
}
.footer-box{
border-bottom: 7px solid #fac44c;
padding: 2rem 1rem 1rem;
}
.copyright{
font-size:1rem;
}
}
</pre></body></html>