@charset "UTF-8";
/*---------------------------------------------------------
---------------------------------------------------------*/

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 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;
  }

.lh-12{
    line-height: 1.2;
}
  
@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:1rem;}
.fs-15{font-size:1.1rem;}
.fs-16{font-size:1.2rem;}
.fs-18{font-size:1.4rem;}
.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;}
.line-h-12{line-height: 1.2;}
@media screen and (max-width: 640px) {
.sp-fs-1{font-size:1rem !important;}
.sp-fs-12{font-size:.8rem !important;}
.sp-fs-13{font-size:1.3rem !important;}
.sp-fs-14{font-size:1.4rem !important;}
.sp-fs-15{font-size:1rem !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;}
.fc-wam-green{color:#007240;}

/*---------------------------------------------------------
文字揃え
---------------------------------------------------------*/
.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-700,.w-600,.w-500{
    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-700{max-width:700px;}
.w-600{max-width:600px;}
.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-box60{width:60%;}
.pct-box40{width:40%;}
.f-box-none li{width:50%;}
.align-items-c{align-items: center;}
.flexWrap{flex-wrap: wrap;}
img{max-width:100%;}
.kadomaru-12{border-radius: 12px;}

@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{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: none;
  margin: 0;
  padding: 0;
}
.list01 li {
  text-indent: -.5em;
  padding-left: 1em;
}
.list01 li:before {
  content: "・"; /* 空の要素作成 */
  width: 5px; /* 幅指定 */
  height: 5px; /* 高さ指定 */
  display: inline-block; /* インラインブロックにする */
  position: relative;
  padding-right:2px;
}

.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;
}