/******************************************
background
******************************************/
.bg-primary {
  background: #002e73;
}

.bg-secondary {
  background: #1f5fa9;
}

.bg-gray {
  background: #f1f1f1;
}

.bg-white {
  background: #fff;
}

/******************************************
border
******************************************/
/*color*/
.border-primary {
  border: 1px solid #948a54;
}
.border-bottom {
  border-bottom: 1px solid #666;
}
.border-left {
  border-left: 1px solid #666;
}
.border-right {
  border-right: 1px solid #666;
}
.border-top {
  border-top: 1px solid #666;
}
/******************************************
fit image
******************************************/
.d-block{
	display: block;
}
.fit-img{
	height: auto;
	width: 100%;
}
.fit-max-img{
	height: auto;
	max-width: 100%;
}

/******************************************
height
******************************************/
@media screen and (min-width: 769px) {
  .min-height150 {
    min-height: 150px;
  }

  .min-height200 {
    min-height: 200px;
  }

  .min-height250 {
    min-height: 250px;
  }
}
/******************************************
margin
******************************************/
/*margin*/
.m5 {
  margin-bottom: 5rem;
}

.m4 {
  margin-bottom: 4rem;
}

.m3 {
  margin-bottom: 3rem;
}

.m2 {
  margin-bottom: 2rem;
}

.m1 {
  margin-bottom: 1rem;
}

/*margin pc only*/
@media screen and (min-width: 769px) {
  .m5-pc {
    margin-bottom: 5rem;
  }

  .m4-pc {
    margin-bottom: 4rem;
  }

  .m3-pc {
    margin-bottom: 3rem;
  }

  .m2-pc {
    margin-bottom: 2rem;
  }

  .m1-pc {
    margin-bottom: 1rem;
  }
}
/*margin sp only*/
@media screen and (max-width: 768px) {
  .m5-sp {
    margin-bottom: 5rem;
  }

  .m4-sp {
    margin-bottom: 4rem;
  }

  .m3-sp {
    margin-bottom: 3rem;
  }

  .m2-sp {
    margin-bottom: 2rem;
  }

  .m1-sp {
    margin-bottom: 1rem;
  }
}
/*margin-bottom*/
.mb5 {
  margin-bottom: 5rem;
}

.mb4 {
  margin-bottom: 4rem;
}

.mb3 {
  margin-bottom: 3rem;
}

.mb2 {
  margin-bottom: 2rem;
}

.mb1 {
  margin-bottom: 1rem;
}

/*margin-bottom pc only*/
@media screen and (min-width: 769px) {
  .mb5-pc {
    margin-bottom: 5rem;
  }

  .mb4-pc {
    margin-bottom: 4rem;
  }

  .mb3-pc {
    margin-bottom: 3rem;
  }

  .mb2-pc {
    margin-bottom: 2rem;
  }

  .mb1-pc {
    margin-bottom: 1rem;
  }
}
/*margin-bottom sp only*/
@media screen and (max-width: 768px) {
  .mb5-sp {
    margin-bottom: 5rem;
  }

  .mb4-sp {
    margin-bottom: 4rem;
  }

  .mb3-sp {
    margin-bottom: 3rem;
  }

  .mb2-sp {
    margin-bottom: 2rem;
  }

  .mb1-sp {
    margin-bottom: 1rem;
  }
}
/*margin-left*/
.ml5 {
  margin-left: 5rem;
}

.ml4 {
  margin-left: 4rem;
}

.ml3 {
  margin-left: 3rem;
}

.ml2 {
  margin-left: 2rem;
}

.ml1 {
  margin-left: 1rem;
}

/*margin-left pc only*/
@media screen and (min-width: 769px) {
  .ml5-pc {
    margin: 5rem auto;
  }

  .ml4-pc {
    margin: 4rem auto;
  }

  .ml3-pc {
    margin: 3rem auto;
  }

  .ml2-pc {
    margin: 2rem auto;
  }

  .ml1-pc {
    margin: 1rem auto;
  }
}
/*margin-left sp only*/
@media screen and (max-width: 768px) {
  .ml5-sp {
    margin: 5rem auto;
  }

  .ml4-sp {
    margin: 4rem auto;
  }

  .ml3-sp {
    margin: 3rem auto;
  }

  .ml2-sp {
    margin: 2rem auto;
  }

  .ml1-sp {
    margin: 1rem auto;
  }
}
/*margin-right*/
.mr5 {
  margin-right: 5rem;
}

.mr4 {
  margin-right: 4rem;
}

.mr3 {
  margin-right: 3rem;
}

.mr2 {
  margin-right: 2rem;
}

.mr1 {
  margin-right: 1rem;
}

/*margin-right pc only*/
@media screen and (min-width: 769px) {
  .mr5-pc {
    margin-right: 5rem;
  }

  .mr4-pc {
    margin-right: 4rem;
  }

  .mr3-pc {
    margin-right: 3rem;
  }

  .mr2-pc {
    margin-right: 2rem;
  }

  .mr1-pc {
    margin-right: 1rem;
  }
}
/*margin-right sp only*/
@media screen and (max-width: 768px) {
  .mr5-sp {
    margin-right: 5rem;
  }

  .mr4-sp {
    margin-right: 4rem;
  }

  .mr3-sp {
    margin-right: 3rem;
  }

  .mr2-sp {
    margin-right: 2rem;
  }

  .mr1-sp {
    margin-right: 1rem;
  }
}
/*margin-top*/
.mt5 {
  margin-top: 5rem;
}

.mt4 {
  margin-top: 4rem;
}

.mt3 {
  margin-top: 3rem;
}

.mt2 {
  margin-top: 2rem;
}

.mt1 {
  margin-top: 1rem;
}

/*margin-top pc only*/
@media screen and (min-width: 769px) {
  .mt5-pc {
    margin-top: 5rem;
  }

  .mt4-pc {
    margin-top: 4rem;
  }

  .mt3-pc {
    margin-top: 3rem;
  }

  .mt2-pc {
    margin-top: 2rem;
  }

  .mt1-pc {
    margin-top: 1rem;
  }
}
/*margin-top sp only*/
@media screen and (max-width: 768px) {
  .mt5-sp {
    margin-top: 5rem;
  }

  .mt4-sp {
    margin-top: 4rem;
  }

  .mt3-sp {
    margin-top: 3rem;
  }

  .mt2-sp {
    margin-top: 2rem;
  }

  .mt1-sp {
    margin-top: 1rem;
  }
}
/*margin vertical*/
.mv5 {
  margin: 5rem auto;
}

.mv4 {
  margin: 4rem auto;
}

.mv3 {
  margin: 3rem auto;
}

.mv2 {
  margin: 2rem auto;
}

.mv1 {
  margin: 1rem auto;
}

/*margin-vertical pc only*/
@media screen and (min-width: 769px) {
  .mv5-pc {
    margin: 5rem auto;
  }

  .mv4-pc {
    margin: 4rem auto;
  }

  .mv3-pc {
    margin: 3rem auto;
  }

  .mv2-pc {
    margin: 2rem auto;
  }

  .mv1-pc {
    margin: 1rem auto;
  }
}
/*margin-vertical sp only*/
@media screen and (max-width: 768px) {
  .mv5-sp {
    margin: 5rem auto;
  }

  .mv4-sp {
    margin: 4rem auto;
  }

  .mv3-sp {
    margin: 3rem auto;
  }

  .mv2-sp {
    margin: 2rem auto;
  }

  .mv1-sp {
    margin: 1rem auto;
  }
}
/*margin-horizon*/
.mh5 {
  margin: auto 5rem;
}

.mh4 {
  margin: auto 4rem;
}

.mh3 {
  margin: auto 3rem;
}

.mh2 {
  margin: auto 2rem;
}

.mh1 {
  margin: auto 1rem;
}

/*margin-horizon pc only*/
@media screen and (min-width: 769px) {
  .mh5-pc {
    margin: auto 5rem;
  }

  .mh4-pc {
    margin: auto 4rem;
  }

  .mh3-pc {
    margin: auto 3rem;
  }

  .mh2-pc {
    margin: auto 2rem;
  }

  .mh1-pc {
    margin: auto 1rem;
  }
}
/*margin-horizon sp only*/
@media screen and (max-width: 768px) {
  .mh5-sp {
    margin: auto 5rem;
  }

  .mh4-sp {
    margin: auto 4rem;
  }

  .mh3-sp {
    margin: auto 3rem;
  }

  .mh2-sp {
    margin: auto 2rem;
  }

  .mh1-sp {
    margin: auto 1rem;
  }
}
/******************************************
padding
******************************************/
/*padding*/
.p5 {
  padding: 5em;
}

.p4 {
  padding: 4em;
}

.p3 {
  padding: 3em;
}

.p2 {
  padding: 2em;
}

.p1 {
  padding: 1em;
}

/*padding pc only*/
@media screen and (min-width: 769px) {
  .p5-pc {
    padding: 5em;
  }

  .p4-pc {
    padding: 4em;
  }

  .p3-pc {
    padding: 3em;
  }

  .p2-pc {
    padding: 2em;
  }

  .p1-pc {
    padding: 1em;
  }
}
/*padding sp only*/
@media screen and (max-width: 768px) {
  .p5-sp {
    padding: 5em;
  }

  .p4-sp {
    padding: 4em;
  }

  .p3-sp {
    padding: 3em;
  }

  .p2-sp {
    padding: 2em;
  }

  .p1-sp {
    padding: 1em;
  }
}
/*padding-bottom*/
.pb5 {
  padding-bottom: 5em;
}

.pb4 {
  padding-bottom: 4em;
}

.pb3 {
  padding-bottom: 3em;
}

.pb2 {
  padding-bottom: 2em;
}

.pb1 {
  padding-bottom: 1em;
}

/*padding-bottom pc only*/
@media screen and (min-width: 769px) {
  .pb5-pc {
    padding-bottom: 5em;
  }

  .pb4-pc {
    padding-bottom: 4em;
  }

  .pb3-pc {
    padding-bottom: 3em;
  }

  .pb2-pc {
    padding-bottom: 2em;
  }

  .pb1-pc {
    padding-bottom: 1em;
  }
}
/*padding-bottom sp only*/
@media screen and (max-width: 768px) {
  .pb5-sp {
    padding-bottom: 5em;
  }

  .pb4-sp {
    padding-bottom: 4em;
  }

  .pb3-sp {
    padding-bottom: 3em;
  }

  .pb2-sp {
    padding-bottom: 2em;
  }

  .pb1-sp {
    padding-bottom: 1em;
  }
}
/*padding-left*/
.pl5 {
  padding-left: 5em;
}

.pl4 {
  padding-left: 4em;
}

.pl3 {
  padding-left: 3em;
}

.pl2 {
  padding-left: 2em;
}

.pl1 {
  padding-left: 1em;
}

/*padding-left pc only*/
@media screen and (min-width: 769px) {
  .pl5-pc {
    padding-left: 5em;
  }

  .pl4-pc {
    padding-left: 4em;
  }

  .pl3-pc {
    padding-left: 3em;
  }

  .pl2-pc {
    padding-left: 2em;
  }

  .pl1-pc {
    padding-left: 1em;
  }
}
/*padding-left sp only*/
@media screen and (max-width: 768px) {
  .pl5-sp {
    padding-left: 5em;
  }

  .pl4-sp {
    padding-left: 4em;
  }

  .pl3-sp {
    padding-left: 3em;
  }

  .pl2-sp {
    padding-left: 2em;
  }

  .pl1-sp {
    padding-left: 1em;
  }
}
/*padding-right*/
.pr5 {
  padding-right: 5em;
}

.pr4 {
  padding-right: 4em;
}

.pr3 {
  padding-right: 3em;
}

.pr2 {
  padding-right: 2em;
}

.pr1 {
  padding-right: 1em;
}

/*padding-right pc only*/
@media screen and (min-width: 769px) {
  .pr5-pc {
    padding-right: 5em;
  }

  .pr4-pc {
    padding-right: 4em;
  }

  .pr3-pc {
    padding-right: 3em;
  }

  .pr2-pc {
    padding-right: 2em;
  }

  .pr1-pc {
    padding-right: 1em;
  }
}
/*padding-right sp only*/
@media screen and (max-width: 768px) {
  .pr5-sp {
    padding-right: 5em;
  }

  .pr4-sp {
    padding-right: 4em;
  }

  .pr3-sp {
    padding-right: 3em;
  }

  .pr2-sp {
    padding-right: 2em;
  }

  .pr1-sp {
    padding-right: 1em;
  }
}
/*padding-top*/
.pt5 {
  padding-top: 5em;
}

.pt4 {
  padding-top: 4em;
}

.pt3 {
  padding-top: 3em;
}

.pt2 {
  padding-top: 2em;
}

.pt1 {
  padding-top: 1em;
}

/*padding-top pc only*/
@media screen and (min-width: 769px) {
  .pt5-pc {
    padding-top: 5em;
  }

  .pt4-pc {
    padding-top: 4em;
  }

  .pt3-pc {
    padding-top: 3em;
  }

  .pt2-pc {
    padding-top: 2em;
  }

  .pt1-pc {
    padding-top: 1em;
  }
}
/*padding-top sp only*/
@media screen and (max-width: 768px) {
  .pt5-sp {
    padding-top: 5em;
  }

  .pt4-sp {
    padding-top: 4em;
  }

  .pt3-sp {
    padding-top: 3em;
  }

  .pt2-sp {
    padding-top: 2em;
  }

  .pt1-sp {
    padding-top: 1em;
  }
}
/*padding-horizon*/
.ph5 {
  padding: 0 5em;
}

.ph4 {
  padding: 0 4em;
}

.ph3 {
  padding: 0 3em;
}

.ph2 {
  padding: 0 2em;
}

.ph1 {
  padding: 0 1em;
}

/*padding-horizon pc only*/
@media screen and (min-width: 769px) {
  .ph5-pc {
    padding: 0 5em;
  }

  .ph4-pc {
    padding: 0 4em;
  }

  .ph3-pc {
    padding: 0 3em;
  }

  .ph2-pc {
    padding: 0 2em;
  }

  .ph1-pc {
    padding: 0 1em;
  }
}
/*padding-horizon sp only*/
@media screen and (max-width: 768px) {
  .ph5-sp {
    padding: 0 5em;
  }

  .ph4-sp {
    padding: 0 4em;
  }

  .ph3-sp {
    padding: 0 3em;
  }

  .ph2-sp {
    padding: 0 2em;
  }

  .ph1-sp {
    padding: 0 1em;
  }
}
/*padding-vertical*/
.pv5 {
  padding: 5em 0;
}

.pv4 {
  padding: 4em 0;
}

.pv3 {
  padding: 3em 0;
}

.pv2 {
  padding: 2em 0;
}

.pv1 {
  padding: 1em 0;
}

/*padding-vertical pc only*/
@media screen and (min-width: 769px) {
  /*padding vertical*/
  .pv5-pc {
    padding: 5em 0;
  }

  .pv4-pc {
    padding: 4em 0;
  }

  .pv3-pc {
    padding: 3em 0;
  }

  .pv2-pc {
    padding: 2em 0;
  }

  .pv1-pc {
    padding: 1em 0;
  }
}
/*padding-vertical sp only*/
@media screen and (max-width: 768px) {
  /*padding vertical*/
  .pv5-sp {
    padding: 5em 0;
  }

  .pv4-sp {
    padding: 4em 0;
  }

  .pv3-sp {
    padding: 3em 0;
  }

  .pv2-sp {
    padding: 2em 0;
  }

  .pv1-sp {
    padding: 1em 0;
  }
}
/******************************************
text
******************************************/
/*color*/
.text-primary {
  color: #002e73;
  font-size: 1.1rem;
}

.text-red {
  color: #fe0000;
}

.text-white {
  color: #fff;
}

/*font-family*/
.text-gothic {
  font-family: Arial, Helvetica, "sans-serif";
}

.text-serif {
  font-family: Georgia, "Times New Roman", Times, "serif";
}

/*position*/
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

/*size*/
.text-xs {
  font-size: 0.6em;
}

.text-s {
  font-size: 0.8em;
}

.text-m {
  font-size: 1em;
}

.text-l {
  font-size: 2em;
}

.text-xl {
  font-size: 3em;
}

@media screen and (min-width: 769px) {
  .text-xs-pc {
    font-size: 0.6em;
  }

  .text-s-pc {
    font-size: 0.8em;
  }

  .text-m-pc {
    font-size: 1em;
  }

  .text-l-pc {
    font-size: 1.4em;
  }

  .text-xl-pc {
    font-size: 2em;
  }
}
@media screen and (max-width: 768px) {
  .text-xs-sp {
    font-size: 0.6em;
  }

  .text-s-sp {
    font-size: 0.8em;
  }

  .text-m-sp {
    font-size: 1em;
  }

  .text-l-sp {
    font-size: 1.4em;
  }

  .text-xl-sp {
    font-size: 2em;
  }
}
/*weight*/
.text-normal {
  font-weight: normal;
}

.text-bold {
  font-weight: bold;
}

/******************************************
width
******************************************/
.w100 {
  width: 100% !important;
}

.w90 {
  width: 90% !important;
}

.w80 {
  width: 80% !important;
}

.w70 {
  width: 70% !important;
}

.w60 {
  width: 60% !important;
}

.w50 {
  width: 50% !important;
}

.w40 {
  width: 40% !important;
}

.w30 {
  width: 30% !important;
}

.w20 {
  width: 20% !important;
}

.w10 {
  width: 10% !important;
}

/******************************************
display
******************************************/
.pc-only {
  display: inherit!important;
}
@media screen and (max-width: 768px) {
  .pc-only {
    display: none!important;
  }
}

.sp-only {
  display: none!important;
}
@media screen and (max-width: 768px) {
  .sp-only {
    display: inherit!important;
  }
}