@charset "UTF-8";

fieldset{ margin:0; padding:0; border:0; }
.prodlist{ margin:0; padding:1px  0 0; list-style-type:none; display:flex; flex-flow:wrap; justify-content:space-between; }
.prodlist li{ position:relative; margin:20px 0 0 0; padding:10px 10px 55px; width:48%; border:1px solid #999; box-sizing:border-box; border-radius:2px; }
.prodlist a.pht{ position:relative; display:block; width:100%; aspect-ratio: 1 / 1; overflow:hidden; }
.prodlist a.pht img{ width:100%; height:100%; object-fit:cover; }
.prodlist .bun{ padding:10px 5px 0; font-size:0.9rem; line-height:150%; font-weight:bold; }
.prodlist a.btn{ display:block; position:absolute; bottom:15px; left:50%; padding:5px 0; width:60%; font-size:0.8rem; line-height:100%; border-radius:13px; transform:translateX(-50%); text-decoration:none; text-align:center; }

.deftab{ margin-top:15px; }
.deftab .th_left span{ margin-left:5px; font-size:0.7rem; font-weight:bold; color:#b30; }
.deftab input[type="text"],.deftab textarea,.deftab select{ font-family:"Noto Sans CJK JP Subset","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","メイリオ",sans-serif; }

.nn1{ margin:30px 0 0; padding:0; font-size:0.85rem; line-height:175%; }
input.mtxt4{ width:50%; font-size:1.2rem; line-height:175%; }
.nn2{ margin:0; padding:10px 0 5px; font-size:0.75rem; line-height:150%; color:#063; }
.nn2 sup{ font-size:0.6rem; }
.nn3{ padding:60px 0 0; font-size:0.8rem; line-height:150%; }
.nn4{ margin:0; padding:10px 0 0px; font-size:0.85rem; line-height:150%; }
.nn4 span{ color:#004d95; cursor:pointer; }
.nn4 span > span:last-of-type{ text-decoration:underline; }
.nn4 span > span:first-of-type{ margin:0 2px; font-size:0.6rem; }

.hx7{ position:relative; margin:20px 0 0; padding:0 0 5px 16px; font-size:1.3rem; line-height:100%; color:#174; }
.hx7:before{ position:absolute; top:0; left:0; width:0; height:26px; content:""; border-left:5px solid #174; }
.hx8{ margin:0; padding:0 0 10px; font-size:1.5rem; line-height:150%; color:#174; }
.hx9{ font-size:0.8rem; line-height:150%; }
.hx10{ font-size:1.2rem; line-height:150%; }

input.mtxt4{ width:50%; font-size:1.2rem; line-height:175%; }
textarea.mtxt0{ width:100%; display:block; box-sizing:border-box; }
.button1{ position:relative; display:block; margin:40px 0 0; padding:0; width:100%; height:60px; border:0; border-radius:30px; text-align:center; font-size:1.1rem; font-weight:bold; cursor:pointer; }
.button2{ margin:50px 0 0; width:150px; height:35px; background-color:#f9f9f9; border:1px solid #999; cursor:pointer; }
#formsita{ padding:15px 0 0; display:none; }
#formsita a{ color:#004d95; }
select.mfsel{ width:90%; }
input.iptyp10{ width:90%; font-size:1rem; line-height:175%; border:0; outline:0; }

.hxz1{ position:relative; margin:5px 0 30px; padding:0 0 0 40px; font-size:2rem; line-height:100%; }
.hxz1:before{ position:absolute; top:6px; left:0; width:29px; height:29px; content:""; background:#174; }
.p01{ line-height:200%; }
.prodwak{ position:relative; margin:25px 0 0; padding:10px; flex-flow:wrap; align-items:flex-start; justify-content:space-between;  border:2px solid #00823e; border-radius:3px; }
.prodwak:after{ content:""; display:block; }
.prodwak .pht{ float:left; margin:0 4% 5px 0; width:20%; max-width:110px; aspect-ratio: 1 / 1; overflow:hidden; }
.prodwak .pht img{ width:100%; height:100%; object-fit:cover; }
.prodwak .bun{ flex:1; font-size:0.9rem; line-height:190%; }
.prodwak .bun .m1{ padding:0px 0 8px; font-size:1.3rem; line-height:150%; font-weight:bold; }
.prodwak .bun .m1 span{ font-size:1rem; line-height:150%; }
.prodwak .bun .m2 br{ display:none; }
.prodwak .bun .m4{ display:block; margin:10px 0 0 auto; width:150px; text-decoration:none; text-align:center; font-size:0.85rem; line-height:26px; border-radius:18px; }
.prodwak .bun .m5{ position:relative; display:block; margin:10px 0 0 auto; width:150px; text-decoration:none; text-align:center; font-size:0.85rem; line-height:32px; border-radius:3px; }
.prodwak .bun .m5:after{ position:absolute; top:50%; right:2px; width:0; height:0; border-width:5px; border-style:solid; border-color:transparent transparent transparent #fff; content:""; transform:translateY(-50%); }

.mmm1{ padding:30px 0 0; font-size:1.3rem; line-height:150%; display:flex; flex-flow:wrap; align-items:flex-end; align-items:center; }
.mmm1 .m1{ padding-right:20px;font-weight:bold; }
.mmm1 .m2{ padding-right:20px; font-size:1rem; }
.mmm1 .m3{ padding:2px 0 0; font-size:0.8rem; line-height:150%; }
h4.h401{ margin:0; padding:30px 0 0; font-size:1.3rem; line-height:150%; }

.keisanwak{ position:relative; margin:10px 0 0; padding:11px; border:1px dashed #999; border-radius:3px; }
#notc{ padding:10px 0 5px; color:#c30; font-weight:bold; font-size:0.9rem; line-height:150%; display:none; }
.keisanwak h4{ margin:0; padding:0; font-size:1rem; line-height:150%; }
.keisanwak .wrp{ flex-flow:wrap; align-items:flex-start; }
.keisanwak .wrp ul{ margin:0; padding:0 0 10px; flex-basis:70%; list-style-type:none; display:flex; flex-flow:wrap; justify-content:space-between; }
.keisanwak .wrp li{ margin:0; padding:0; flex-basis:32%; }
.keisanwak .wrp .m1{ font-size:1rem; line-height:200%; }
.keisanwak .wrp input{ display:block; margin:0; padding:0 10px; width:100%; height:70px; font-size:2rem; border:3px solid #00823e; border-radius:3px; box-sizing:border-box; font-family:"Noto Sans CJK JP Subset","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","メイリオ",sans-serif; }
.keisanwak .wrp > div{ flex-basis:30%; padding:0 0 0 50px; box-sizing:border-box; color:#063; }
.keisanwak .wrp > div input{ border:1px solid #00823e; background-color:#eef4ec; }
#u1_4{ display:block; margin:0; padding:0 10px; width:100%; font-size:2rem; border-radius:3px; box-sizing:border-box; border:1px solid #00823e; background-color:#eef4ec; line-height:65px; height:70px; }
#u1_4 sup{ font-size:0.9rem; line-height:30px; }
.keisanwak .wrp .m2{ padding:3px 0 0; font-size:0.7rem; line-height:125%; }
.keisanwak .wrp .m2 sup{ font-size:0.6rem; }
.keisanwak .m3{ padding:10px 0 0; font-size:0.7rem; line-height:150%; }
.keisanwak .m4{ position:relative; }
.keisanwak .m4 img{ position:absolute; top:50%; left:-30px; width:20px; height:31px; transform:translateY(-50%); }

#kekka_mae img{ width:99%; max-width:450px; }

.goukei{ margin:0; padding:20px 20px 0px; background-color:#00823e; color:#fff; border-radius:5px; }
.goukei > div{ flex-flow:wrap; justify-content:space-between; }
.goukei .nm{ flex:1; }
.goukei .nm .m1{ font-size:1.3rem; }
.goukei .nm .m2{ font-size:1rem; white-space:nowrap; }
.goukei .pri{ width:100%; padding:5px 0 20px; font-size:3rem; line-height:100%; font-weight:bold; text-align:right; white-space:nowrap; }
.goukei .pri .s03{ font-size:1.5rem; }
.goukei .pri .s04{ font-size:0.7rem; }

.haitatuwak{ margin:20px 0 0; padding:15px 20px; background-color:#e0eede; font-size:0.85rem; line-height:190%;  box-sizing:border-box; border-radius:5px; }
.haitatuwak .pdflnk{ padding:5px 0 0; display:flex; flex-flow:wrap; justify-content:flex-start; }
.haitatuwak .pdflnk a,.haitatuwak .pdflnk p{ position:relative; display:inline-block; padding:0 3px 0 28px; color:#004d95; }
.haitatuwak .pdflnk a:before,.haitatuwak .pdflnk p:before{ content:""; position:absolute; top:4px; left:0; width:19px; height:22px; background-image:url(/hpdata/svg/pdf.png); background-position:left top; background-repeat:no-repeat; background-size:100%; }
.haitatuwak .pdflnk div{ font-size:0.7rem; }

.mo2{ display:inline-block; margin:0; padding:30px 0 15px; font-size:1.15rem; line-height:200%; }
.mo2 img{ margin:25px auto 0; width:150px; }
.errbox{ margin:20px 0 0; padding:10px 20px; background:#f9f8f5; border:1px solid #d9d8d5; font-size:0.9rem; line-height:175%; }
.errbox strong{ color:#b30; }

#youbi{ position:relative; width:100%; font-size:0.8rem; line-height:22px; }
#youbi ul{ position:absolute; top:1px; left:1px; margin:0; padding:0; list-style-type:none; display:none; flex-flow:no-wrap; text-align:center; z-index:10; background:#f3f2ee; visibility:hidden; max-width:100%; }
#youbi li{ margin:0; padding:0; flex:1; border-left:1px solid #999; border-bottom:1px solid #999; box-sizing:border-box; }
#youbi li:nth-of-type(1){ border-left:0; }

#htcldr{ width:100%; height:350px; overflow-x:hidden; overflow-y:scroll; border:1px solid #999; box-sizing:border-box; }
.hcdr{ margin:0; padding:0; list-style-type:none; width:100%; box-sizing:border-box; }
.hcdr > li{ margin:0; padding:5px 0; flex:1; border-top:1px solid #999; box-sizing:border-box; display:flex; flex-flow:wrap; align-items:center; }
.hcdr > li.tp{ border-top:0; }
.hcdr > li.non{ display:none; }
.hcdr > li.m0,.hcdr > li.m2,.hcdr > li.m4{ background-color:#f3f2ee; }
.hcdr p{ display:block; margin:0; padding:0 9px 0px 0; font-size:1.2rem; line-height:175%; width:83px; font-weight:bold; box-sizing:border-box; text-align:right; }
.hcdr > li:nth-of-type(7) p{ color:#045ea3; }
.hcdr > li:nth-of-type(1) p,.hcdr > li.sk p{ color:#c30; }
.hcdr .wdy{ margin-left:3px; font-size:0.8rem; font-weight:normal; }
.hcdr .mt{ font-size:0.9rem; }
.hcdr ul{ margin:0; padding:3px 10px 3px 0; width:calc(100% - 165px); list-style-type:none; font-size:0.7rem; line-height:100%; display:flex; flex-flow:wrap; }
.hcdr ul > li{ position:relative; margin:0; padding:3px 0 3px 21px; box-sizing:border-box; }
.hcdr ul > li:before{ position:absolute; top:3px; left:5px; width:15px; content:"〇"; color:#174; text-align:center; }
.hcdr ul > li.x{ color:#999; }
.hcdr ul > li.x:before{ content:"X"; color:#c30; }

.hcdr div{ margin:0; padding:0; font-size:0.8rem; line-height:24px; width:60px; box-sizing:border-box; text-align:center; background: #174; color:#fff; border-radius:12px; cursor:pointer; }
.hcdr > li.m2  div,.hcdr > li.m4  div{ background-color:#be913a; }
.hcdr > li.m2  ul > li:before,.hcdr > li.m4  ul > li:before{ color:#ad8029; }
.hcdr > li.m2  ul > li.x:before,.hcdr > li.m4  ul > li.x:before{ color:#c30; }

.claendar_head ul{ margin:0; padding:0 0px 10px 0; list-style-type:none; font-size:0.7rem; line-height:100%; display:flex; flex-flow:wrap; justify-content:flex-end; }
.claendar_head li{ position:relative; margin:0; padding:3px 0 3px 20px; }
.claendar_head li:before{ position:absolute; top:3px; left:5px; width:15px; content:"〇"; font-weight:bold; text-align:center; }
.claendar_head li.x:before{ content:"X"; color:#c30; }
#haisou_day{ position:relative; width:100%; }
#shokyo{ position:absolute; top:0; right:0; width:25px; height:25px; font-size:1rem; line-height:25px; text-align:center; cursor:pointer; z-index:10; display:none; }

a.sitalink{ margin:25px auto 15px; display:block; width:150px; }
a.sitalink img{ margin:0; width:150px; }

@media screen and (min-width: 450px) {
  .hcdr p{ width:85px; }
  .hcdr ul{ width:calc(100% - 180px); }
  .hcdr div{ width:80px; line-height:22px; border-radius:11px; }
  #notc{ position:absolute; top:2px; left:120px; width:calc(100% - 130px); }
}
@media screen and (min-width: 550px) {
  #youbi ul{ display:flex; }
  #htcldr{ height:500px; }
  .hcdr{ display:flex; flex-flow:wrap; border:0; }
  .hcdr:first-of-type{ margin-top:22px; }
  .hcdr > li{ display:block; border-left:1px solid #999; }
  .hcdr > li:nth-of-type(1){ border-left:0; }
  .hcdr > li.non{ display:block; }
  .hcdr p{ padding:0 9px 5px 0; font-size:1.2rem; line-height:125%; width:100%; }
  .hcdr > li.non p{ opacity:0.3; }
  .hcdr .wdy{ display:none; }
  .hcdr .mt{ font-size:1.2rem; }
  .hcdr ul{ display:block; width:100%; }
  .hcdr div{ margin:5px auto; width:90%; max-width:80px; }
  .prodlist{ justify-content:flex-start; }
  .prodlist li{ margin:20px 2% 0 0; width:32%; }
  .prodlist li:nth-of-type(3n){ margin-right:0; }
}
@media screen and (min-width: 620px) {
  .keisanwak .wrp{ display:flex; }
  .goukei > div{ display:flex; }
  .goukei .pri{ padding-top:20px; width:320px; }
  .button1{ width:300px; }
  .keisanwak .m3{ padding:0; }
}
@media print,screen and (min-width: 768px) {
  input.mtxt4{ width:200px; border:1px solid #bbb; font-size:1.07rem; line-height:175%; }
  .button1{ width:400px; height:70px; border-radius:35px; }
  .button2{ width:200px; height:35px; }
  select.mfsel{ font-size:1.07rem; width:90%; max-width:300px; height:40px; }
  #notc{ top:6px; left:140px; width:calc(100% - 150px);}
  .prodlist li{ margin:20px 2% 0 0; width:23%; }
  .prodlist li:nth-of-type(3n){ margin-right:2%; }
}
@media screen and (min-width: 800px) {
  #htcldr{ height:400px; }
  .hcdr ul{ display:flex; }
  .hcdr ul > li{ flex-basis:49%; }
  .hcdr div:after,span.sentakumoji:after{ content:"する"; }
  .prodwak:after{ display:none; }
  .prodwak{ padding:15px; display:flex; }
  .prodwak .pht{ float:none; }
  .prodwak .bun .m4{ position:absolute; top:8px; right:10px; }
  .prodwak .bun .m5{ position:absolute; top:8px; right:10px; }
  .keisanwak{ padding:15px; }
  .goukei .pri{ width:400px; }
  .goukei .pri .s04{ font-size:1rem; }
}
@media screen and (min-width: 1070px) {
  .prodwak .bun .m2 br{ display:inline; }
  .prodlist li{ position:relative; margin:20px 20px 0 0; width:calc(20% - 16px); }
  .prodlist li:nth-of-type(3n){ margin-right:20px; }
  .prodlist li:nth-of-type(5n){ margin-right:0; }
}