@charset "UTF-8";

html {
  font-size: 62.5%;
}

* {
  margin: 0;
  padding: 0;
}

body {
  color: #303030;
  line-height: 1.8;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Noto Sans JP", Meiryo, メイリオ, sans-serif;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

@media screen and (min-width: 801px) {
  body{
    font-size: 1.6rem;
  }
}

/* Other Useful */
.tex_none {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.clear_link img {
	transition: opacity 0.3s ease-out;
}
.clear_link:hover img {
	opacity:0.8;
	text-decoration: none;
}

.fwB { font-weight: bold; }
.fw900 { font-weight: 900; }

.taC { text-align: center; }
.taL { text-align: left; }
.taR { text-align: right; }

.red { color: #cc0000; }
.blue { color: #0000cc; }
.black { color: #333; }
.white { color: #fff; }
.orange { color: #eb6100; }
.purple { color: #ae5da1; }
.brown { color: #a84200; }
.aqua { color: #00a0e9; }
.green { color: #009944; }

.jus { text-align: justify; }
.nowrap { white-space: nowrap; }

/* Background Color */
.bgBlack { background-color: #000; }
.bgWhite { background-color: #fff; }
.bgGray { background-color: #E8E8E8; }
.bgRed { background-color: #ff0000; }
.bgblue { background-color: #0000cc; }
.bgorange { background-color: #eb6100; }
.bgpurple { background-color: #ae5da1; }
.bgbrown { background-color: #a84200; }
.bgaqua { background-color: #63bde6; }
.bggreen { background-color: #87d4a9; }

/* Line height */
.lh100 { line-height: 100%; }
.lh110 { line-height: 110%; }
.lh120 { line-height: 120%; }
.lh130 { line-height: 130%; }
.lh140 { line-height: 140%; }
.lh150 { line-height: 150%; }
.lh160 { line-height: 160%; }
.lh170 { line-height: 170%; }

/* display */
.inline { display: inline!important; }
.block { display: block!important; }
.inblock { display: inline-block!important; }
.dT { display: table; }
.dTC { display: table-cell; }

.flex_box {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.jcSA { justify-content: space-around; }
.jcSB { justify-content: space-between; }
.jcC { justify-content: center; }
.jcFS { justify-content: flex-start; }
.jcFE { justify-content: flex-end; }
.fdRR { flex-direction: row-reverse; }
.fdRR { flex-direction: row-reverse; }
.aiC { align-items: center; }
.aiFS { align-items: flex-start; }
.aiFE { align-items: flex-end; }
.aiB { align-items: baseline; }
.aiS { align-items: stretch; }
.flC { flex-flow: column; }

.flex_box > .row1 { flex:0 0 10%; max-width: 10%; }
.flex_box > .row13 { flex:0 0 13%; max-width: 13%; }
.flex_box > .row15 { flex:0 0 15%; max-width: 15%; }
.flex_box > .row18 { flex:0 0 18%; max-width: 18%; }
.flex_box > .row2 { flex:0 0 20%; max-width: 20%; }
.flex_box > .row24 { flex:0 0 24%; max-width: 24%; }
.flex_box > .row25 { flex:0 0 25%; max-width: 25%; }
.flex_box > .row3 { flex:0 0 30%; max-width: 30%; }
.flex_box > .row32 { flex:0 0 32%; max-width: 32%; }
.flex_box > .row33 { flex:0 0 33.33333%; max-width: 33.33333%; }
.flex_box > .row4 { flex:0 0 40%; max-width: 40%; }
.flex_box > .row49 { flex:0 0 49%; max-width: 49%; }
.flex_box > .row5 { flex:0 0 50%; max-width: 50%; }
.flex_box > .row6 { flex:0 0 60%; max-width: 60%; }
.flex_box > .row66 { flex:0 0 66.66666%; max-width: 66.66666%; }
.flex_box > .row7 { flex:0 0 70%; max-width: 70%; }
.flex_box > .row75 { flex:0 0 75%; max-width: 75%; }
.flex_box > .row8 { flex:0 0 80%; max-width: 80%; }
.flex_box > .row9 { flex:0 0 90%; max-width: 90%; }

@media screen and (min-width: 801px) {
  .flex_box > .row1-pc { flex:0 0 10%; max-width: 10%; }
  .flex_box > .row13-pc { flex:0 0 13%; max-width: 13%; }
  .flex_box > .row15-pc { flex:0 0 15%; max-width: 15%; }
  .flex_box > .row18-pc { flex:0 0 18%; max-width: 18%; }
  .flex_box > .row2-pc { flex:0 0 20%; max-width: 20%; }
  .flex_box > .row24-pc { flex:0 0 24%; max-width: 24%; }
  .flex_box > .row25-pc { flex:0 0 25%; max-width: 25%; }
  .flex_box > .row3-pc { flex:0 0 30%; max-width: 30%; }
  .flex_box > .row32-pc { flex:0 0 32%; max-width: 32%; }
  .flex_box > .row33-pc { flex:0 0 33.33333%; max-width: 33.33333%; }
  .flex_box > .row4-pc { flex:0 0 40%; max-width: 40%; }
  .flex_box > .row49-pc { flex:0 0 49%; max-width: 49%; }
  .flex_box > .row5-pc { flex:0 0 50%; max-width: 50%; }
  .flex_box > .row6-pc { flex:0 0 60%; max-width: 60%; }
  .flex_box > .row66-pc { flex:0 0 66.66666%; max-width: 66.66666%; }
  .flex_box > .row7-pc { flex:0 0 70%; max-width: 70%; }
  .flex_box > .row75-pc { flex:0 0 75%; max-width: 75%; }
  .flex_box > .row8-pc { flex:0 0 80%; max-width: 80%; }
  .flex_box > .row9-pc { flex:0 0 90%; max-width: 90%; }
	.flex_box > .row10-pc { flex: 0 0 100%; max-width: 100%; }
}
@media screen and (max-width: 800px) {
  .flex_box > .row1-sp { flex:0 0 10%; max-width: 10%; }
  .flex_box > .row13-sp { flex:0 0 13%; max-width: 13%; }
  .flex_box > .row15-sp { flex:0 0 15%; max-width: 15%; }
  .flex_box > .row18-sp { flex:0 0 18%; max-width: 18%; }
  .flex_box > .row2-sp { flex:0 0 20%; max-width: 20%; }
  .flex_box > .row24-sp { flex:0 0 24%; max-width: 24%; }
  .flex_box > .row25-sp { flex:0 0 25%; max-width: 25%; }
  .flex_box > .row3-sp { flex:0 0 30%; max-width: 30%; }
  .flex_box > .row32-sp { flex:0 0 32%; max-width: 32%; }
  .flex_box > .row33-sp { flex:0 0 33.33333%; max-width: 33.33333%; }
  .flex_box > .row4-sp { flex:0 0 40%; max-width: 40%; }
  .flex_box > .row49-sp { flex:0 0 49%; max-width: 49%; }
  .flex_box > .row5-sp { flex:0 0 50%; max-width: 50%; }
  .flex_box > .row6-sp { flex:0 0 60%; max-width: 60%; }
  .flex_box > .row66-sp { flex:0 0 66.66666%; max-width: 66.66666%; }
  .flex_box > .row7-sp { flex:0 0 70%; max-width: 70%; }
  .flex_box > .row75-sp { flex:0 0 75%; max-width: 75%; }
  .flex_box > .row8-sp { flex:0 0 80%; max-width: 80%; }
  .flex_box > .row9-sp { flex:0 0 90%; max-width: 90%; }
	.flex_box > .row10-sp { flex: 0 0 100%; max-width: 100%; }
}
@media screen and (max-width: 800px) { .pc { display: none!important; } }
@media screen and (min-width: 801px) { .sp { display: none!important; } }

/* Float */
.fL { float: left; }
.fR { float: right; }
.clearfix::after {
  content:"";
  display: block;
  clear: both;
}

@media screen and (min-width: 801px) {
  .fL-pc { float: left; }
  .fR-pc { float: right; }
  .clearfix-pc::after {
    content:"";
    display: block;
    clear: both;
  }
}
@media screen and (max-width: 800px) {
  .fL-sp { float: left; }
  .fR-sp { float: right; }
  .clearfix-sp::after {
    content:"";
    display: block;
    clear: both;
  }
}


@media screen and (max-width: 800px) {
  table.sp-table td, table.sp-table th {
    display: block;
    width: 100%;
  }
}

/* List */
.dT > li { display: table-cell; }
li { list-style: none; }
.disc { list-style-type: disc; margin-left: 25px; }
.disc li { list-style: disc; }
.decimal { list-style-type: decimal; margin-left: 25px; }
.decimal li { list-style: decimal; }
.circle { list-style-type: circle; margin-left: 25px; }
.circle li { list-style: circle; }

/*  ofject-fit */
.ofCV { object-fit: cover; }
.ofCT { object-fit: contain; }

/* Position */
.pR { position: relative; }
.pA { position: absolute; }
.pF { position: fixed; }
.layout_center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.layout_centerY {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.layout_centerX {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}


/* Margin */
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.m25 { margin: 25px; }
.m30 { margin: 30px; }
.m35 { margin: 35px; }
.m40 { margin: 40px; }
.m45 { margin: 45px; }
.m50 { margin: 50px; }

.ma0 { margin: 0 auto; }
.ma5 { margin: 5px auto; }
.ma10 { margin: 10px auto; }
.ma15 { margin: 15px auto; }
.ma20 { margin: 20px auto; }
.ma25 { margin: 25px auto; }
.ma30 { margin: 30px auto; }
.ma35 { margin: 35px auto; }
.ma40 { margin: 40px auto; }
.ma45 { margin: 45px auto; }
.ma50 { margin: 50px auto; }

.mtb0 { margin-top: 0; margin-bottom: 0; }
.mtb5 { margin-top: 5px; margin-bottom: 5px; }
.mtb10 { margin-top: 10px; margin-bottom: 10px; }
.mtb15 { margin-top: 15px; margin-bottom: 15px; }
.mtb20 { margin-top: 20px; margin-bottom: 20px; }
.mtb25 { margin-top: 25px; margin-bottom: 25px; }
.mtb30 { margin-top: 30px; margin-bottom: 30px; }
.mtb35 { margin-top: 35px; margin-bottom: 35px; }
.mtb40 { margin-top: 40px; margin-bottom: 40px; }
.mtb45 { margin-top: 45px; margin-bottom: 45px; }
.mtb50 { margin-top: 50px; margin-bottom: 50px; }

.mrl0 { margin-left: 0; margin-right: 0; }
.mrl5 { margin-left: 5px; margin-right: 5px; }
.mrl10 { margin-left: 10px; margin-right: 10px; }
.mrl15 { margin-left: 15px; margin-right: 15px; }
.mrl20 { margin-left: 20px; margin-right: 20px; }
.mrl25 { margin-left: 25px; margin-right: 25px; }
.mrl30 { margin-left: 30px; margin-right: 30px; }
.mrl35 { margin-left: 35px; margin-right: 35px; }
.mrl40 { margin-left: 40px; margin-right: 40px; }
.mrl45 { margin-left: 45px; margin-right: 45px; }
.mrl50 { margin-left: 50px; margin-right: 50px; }

.mt { margin-top: 0; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }

.mb { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }

.ml { margin-left: 0; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }

.mr { margin-right: 0; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }

@media screen and (min-width: 801px) {
  .m5-pc { margin: 5px; }
  .m10-pc { margin: 10px; }
  .m15-pc { margin: 15px; }
  .m20-pc { margin: 20px; }
  .m25-pc { margin: 25px; }
  .m30-pc { margin: 30px; }
  .m35-pc { margin: 35px; }
  .m40-pc { margin: 40px; }
  .m45-pc { margin: 45px; }
  .m50-pc { margin: 50px; }

  .ma0-pc { margin: 0 auto; }
  .ma5-pc { margin: 5px auto; }
  .ma10-pc { margin: 10px auto; }
  .ma15-pc { margin: 15px auto; }
  .ma20-pc { margin: 20px auto; }
  .ma25-pc { margin: 25px auto; }
  .ma30-pc { margin: 30px auto; }
  .ma35-pc { margin: 35px auto; }
  .ma40-pc { margin: 40px auto; }
  .ma45-pc { margin: 45px auto; }
  .ma50-pc { margin: 50px auto; }

  .mtb0-pc { margin-top: 0; margin-bottom: 0; }
  .mtb5-pc { margin-top: 5px; margin-bottom: 5px; }
  .mtb10-pc { margin-top: 10px; margin-bottom: 10px; }
  .mtb15-pc { margin-top: 15px; margin-bottom: 15px; }
  .mtb20-pc { margin-top: 20px; margin-bottom: 20px; }
  .mtb25-pc { margin-top: 25px; margin-bottom: 25px; }
  .mtb30-pc { margin-top: 30px; margin-bottom: 30px; }
  .mtb35-pc { margin-top: 35px; margin-bottom: 35px; }
  .mtb40-pc { margin-top: 40px; margin-bottom: 40px; }
  .mtb45-pc { margin-top: 45px; margin-bottom: 45px; }
  .mtb50-pc { margin-top: 50px; margin-bottom: 50px; }

  .mrl0-pc { margin-left: 0; margin-right: 0; }
  .mrl5-pc { margin-left: 5px; margin-right: 5px; }
  .mrl10-pc { margin-left: 10px; margin-right: 10px; }
  .mrl15-pc { margin-left: 15px; margin-right: 15px; }
  .mrl20-pc { margin-left: 20px; margin-right: 20px; }
  .mrl25-pc { margin-left: 25px; margin-right: 25px; }
  .mrl30-pc { margin-left: 30px; margin-right: 30px; }
  .mrl35-pc { margin-left: 35px; margin-right: 35px; }
  .mrl40-pc { margin-left: 40px; margin-right: 40px; }
  .mrl45-pc { margin-left: 45px; margin-right: 45px; }
  .mrl50-pc { margin-left: 50px; margin-right: 50px; }

  .mt-pc { margin-top: 0; }
  .mt5-pc { margin-top: 5px; }
  .mt10-pc { margin-top: 10px; }
  .mt15-pc { margin-top: 15px; }
  .mt20-pc { margin-top: 20px; }
  .mt25-pc { margin-top: 25px; }
  .mt30-pc { margin-top: 30px; }
  .mt35-pc { margin-top: 35px; }
  .mt40-pc { margin-top: 40px; }
  .mt45-pc { margin-top: 45px; }
  .mt50-pc { margin-top: 50px; }

  .mb-pc { margin-bottom: 0; }
  .mb5-pc { margin-bottom: 5px; }
  .mb10-pc { margin-bottom: 10px; }
  .mb15-pc { margin-bottom: 15px; }
  .mb20-pc { margin-bottom: 20px; }
  .mb25-pc { margin-bottom: 25px; }
  .mb30-pc { margin-bottom: 30px; }
  .mb35-pc { margin-bottom: 35px; }
  .mb40-pc { margin-bottom: 40px; }
  .mb45-pc { margin-bottom: 45px; }
  .mb50-pc { margin-bottom: 50px; }

  .ml-pc { margin-left: 0; }
  .ml5-pc { margin-left: 5px; }
  .ml10-pc { margin-left: 10px; }
  .ml15-pc { margin-left: 15px; }
  .ml20-pc { margin-left: 20px; }
  .ml25-pc { margin-left: 25px; }
  .ml30-pc { margin-left: 30px; }
  .ml35-pc { margin-left: 35px; }
  .ml40-pc { margin-left: 40px; }
  .ml45-pc { margin-left: 45px; }
  .ml50-pc { margin-left: 50px; }

  .mr-pc { margin-right: 0; }
  .mr5-pc { margin-right: 5px; }
  .mr10-pc { margin-right: 10px; }
  .mr15-pc { margin-right: 15px; }
  .mr20-pc { margin-right: 20px; }
  .mr25-pc { margin-right: 25px; }
  .mr30-pc { margin-right: 30px; }
  .mr35-pc { margin-right: 35px; }
  .mr40-pc { margin-right: 40px; }
  .mr45-pc { margin-right: 45px; }
  .mr50-pc { margin-right: 50px; }
}

@media screen and (max-width: 800px) {
  .m5-sp { margin: 5px; }
  .m10-sp { margin: 10px; }
  .m15-sp { margin: 15px; }
  .m20-sp { margin: 20px; }
  .m25-sp { margin: 25px; }
  .m30-sp { margin: 30px; }
  .m35-sp { margin: 35px; }
  .m40-sp { margin: 40px; }
  .m45-sp { margin: 45px; }
  .m50-sp { margin: 50px; }

  .ma0-sp { margin: 0 auto; }
  .ma5-sp { margin: 5px auto; }
  .ma10-sp { margin: 10px auto; }
  .ma15-sp { margin: 15px auto; }
  .ma20-sp { margin: 20px auto; }
  .ma25-sp { margin: 25px auto; }
  .ma30-sp { margin: 30px auto; }
  .ma35-sp { margin: 35px auto; }
  .ma40-sp { margin: 40px auto; }
  .ma45-sp { margin: 45px auto; }
  .ma50-sp { margin: 50px auto; }

  .mtb0-sp { margin-top: 0; margin-bottom: 0; }
  .mtb5-sp { margin-top: 5px; margin-bottom: 5px; }
  .mtb10-sp { margin-top: 10px; margin-bottom: 10px; }
  .mtb15-sp { margin-top: 15px; margin-bottom: 15px; }
  .mtb20-sp { margin-top: 20px; margin-bottom: 20px; }
  .mtb25-sp { margin-top: 25px; margin-bottom: 25px; }
  .mtb30-sp { margin-top: 30px; margin-bottom: 30px; }
  .mtb35-sp { margin-top: 35px; margin-bottom: 35px; }
  .mtb40-sp { margin-top: 40px; margin-bottom: 40px; }
  .mtb45-sp { margin-top: 45px; margin-bottom: 45px; }
  .mtb50-sp { margin-top: 50px; margin-bottom: 50px; }

  .mrl0-sp { margin-left: 0; margin-right: 0; }
  .mrl5-sp { margin-left: 5px; margin-right: 5px; }
  .mrl10-sp { margin-left: 10px; margin-right: 10px; }
  .mrl15-sp { margin-left: 15px; margin-right: 15px; }
  .mrl20-sp { margin-left: 20px; margin-right: 20px; }
  .mrl25-sp { margin-left: 25px; margin-right: 25px; }
  .mrl30-sp { margin-left: 30px; margin-right: 30px; }
  .mrl35-sp { margin-left: 35px; margin-right: 35px; }
  .mrl40-sp { margin-left: 40px; margin-right: 40px; }
  .mrl45-sp { margin-left: 45px; margin-right: 45px; }
  .mrl50-sp { margin-left: 50px; margin-right: 50px; }

  .mt-sp { margin-top: 0; }
  .mt5-sp { margin-top: 5px; }
  .mt10-sp { margin-top: 10px; }
  .mt15-sp { margin-top: 15px; }
  .mt20-sp { margin-top: 20px; }
  .mt25-sp { margin-top: 25px; }
  .mt30-sp { margin-top: 30px; }
  .mt35-sp { margin-top: 35px; }
  .mt40-sp { margin-top: 40px; }
  .mt45-sp { margin-top: 45px; }
  .mt50-sp { margin-top: 50px; }

  .mb-sp { margin-bottom: 0; }
  .mb5-sp { margin-bottom: 5px; }
  .mb10-sp { margin-bottom: 10px; }
  .mb15-sp { margin-bottom: 15px; }
  .mb20-sp { margin-bottom: 20px; }
  .mb25-sp { margin-bottom: 25px; }
  .mb30-sp { margin-bottom: 30px; }
  .mb35-sp { margin-bottom: 35px; }
  .mb40-sp { margin-bottom: 40px; }
  .mb45-sp { margin-bottom: 45px; }
  .mb50-sp { margin-bottom: 50px; }

  .ml-sp { margin-left: 0; }
  .ml5-sp { margin-left: 5px; }
  .ml10-sp { margin-left: 10px; }
  .ml15-sp { margin-left: 15px; }
  .ml20-sp { margin-left: 20px; }
  .ml25-sp { margin-left: 25px; }
  .ml30-sp { margin-left: 30px; }
  .ml35-sp { margin-left: 35px; }
  .ml40-sp { margin-left: 40px; }
  .ml45-sp { margin-left: 45px; }
  .ml50-sp { margin-left: 50px; }

  .mr-sp { margin-right: 0; }
  .mr5-sp { margin-right: 5px; }
  .mr10-sp { margin-right: 10px; }
  .mr15-sp { margin-right: 15px; }
  .mr20-sp { margin-right: 20px; }
  .mr25-sp { margin-right: 25px; }
  .mr30-sp { margin-right: 30px; }
  .mr35-sp { margin-right: 35px; }
  .mr40-sp { margin-right: 40px; }
  .mr45-sp { margin-right: 45px; }
  .mr50-sp { margin-right: 50px; }
}

/* Padding */
.p { padding: 0; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p25 { padding: 25px; }
.p30 { padding: 30px; }
.p35 { padding: 35px; }
.p40 { padding: 40px; }
.p45 { padding: 45px; }
.p50 { padding: 50px; }

.ptb0 { padding-top: 0; padding-bottom: 0; }
.ptb5 { padding-top: 5px; padding-bottom: 5px; }
.ptb10 { padding-top: 10px; padding-bottom: 10px; }
.ptb15 { padding-top: 15px; padding-bottom: 15px; }
.ptb20 { padding-top: 20px; padding-bottom: 20px; }
.ptb25 { padding-top: 25px; padding-bottom: 25px; }
.ptb30 { padding-top: 30px; padding-bottom: 30px; }
.ptb35 { padding-top: 35px; padding-bottom: 35px; }
.ptb40 { padding-top: 40px; padding-bottom: 40px; }
.ptb45 { padding-top: 45px; padding-bottom: 45px; }
.ptb50 { padding-top: 50px; padding-bottom: 50px; }

.prl0 { padding-left: 0; padding-right: 0; }
.prl5 { padding-left: 5px; padding-right: 5px; }
.prl10 { padding-left: 10px; padding-right: 10px; }
.prl15 { padding-left: 15px; padding-right: 15px; }
.prl20 { padding-left: 20px; padding-right: 20px; }
.prl25 { padding-left: 25px; padding-right: 25px; }
.prl30 { padding-left: 30px; padding-right: 30px; }
.prl35 { padding-left: 35px; padding-right: 35px; }
.prl40 { padding-left: 40px; padding-right: 40px; }
.prl45 { padding-left: 45px; padding-right: 45px; }
.prl50 { padding-left: 50px; padding-right: 50px; }

.pt { padding-top: 0; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }

.pb { padding-bottom: 0; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }

.pl { padding-left: 0; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.pl45 { padding-left: 45px; }
.pl50 { padding-left: 50px; }

.pr { padding-right: 0; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }
.pr45 { padding-right: 45px; }
.pr50 { padding-right: 50px; }

@media screen and (min-width: 801px) {
  .p-pc { padding: 0; }
  .p5-pc { padding: 5px; }
  .p10-pc { padding: 10px; }
  .p15-pc { padding: 15px; }
  .p20-pc { padding: 20px; }
  .p25-pc { padding: 25px; }
  .p30-pc { padding: 30px; }
  .p35-pc { padding: 35px; }
  .p40-pc { padding: 40px; }
  .p45-pc { padding: 45px; }
  .p50-pc { padding: 50px; }

  .ptb0-pc { padding-top: 0; padding-bottom: 0; }
  .ptb5-pc { padding-top: 5px; padding-bottom: 5px; }
  .ptb10-pc { padding-top: 10px; padding-bottom: 10px; }
  .ptb15-pc { padding-top: 15px; padding-bottom: 15px; }
  .ptb20-pc { padding-top: 20px; padding-bottom: 20px; }
  .ptb25-pc { padding-top: 25px; padding-bottom: 25px; }
  .ptb30-pc { padding-top: 30px; padding-bottom: 30px; }
  .ptb35-pc { padding-top: 35px; padding-bottom: 35px; }
  .ptb40-pc { padding-top: 40px; padding-bottom: 40px; }
  .ptb45-pc { padding-top: 45px; padding-bottom: 45px; }
  .ptb50-pc { padding-top: 50px; padding-bottom: 50px; }

  .prl0-pc { padding-left: 0; padding-right: 0; }
  .prl5-pc { padding-left: 5px; padding-right: 5px; }
  .prl10-pc { padding-left: 10px; padding-right: 10px; }
  .prl15-pc { padding-left: 15px; padding-right: 15px; }
  .prl20-pc { padding-left: 20px; padding-right: 20px; }
  .prl25-pc { padding-left: 25px; padding-right: 25px; }
  .prl30-pc { padding-left: 30px; padding-right: 30px; }
  .prl35-pc { padding-left: 35px; padding-right: 35px; }
  .prl40-pc { padding-left: 40px; padding-right: 40px; }
  .prl45-pc { padding-left: 45px; padding-right: 45px; }
  .prl50-pc { padding-left: 50px; padding-right: 50px; }

  .pt-pc { padding-top: 0; }
  .pt5-pc { padding-top: 5px; }
  .pt10-pc { padding-top: 10px; }
  .pt15-pc { padding-top: 15px; }
  .pt20-pc { padding-top: 20px; }
  .pt25-pc { padding-top: 25px; }
  .pt30-pc { padding-top: 30px; }
  .pt35-pc { padding-top: 35px; }
  .pt40-pc { padding-top: 40px; }
  .pt45-pc { padding-top: 45px; }
  .pt50-pc { padding-top: 50px; }

  .pb-pc { padding-bottom: 0; }
  .pb5-pc { padding-bottom: 5px; }
  .pb10-pc { padding-bottom: 10px; }
  .pb15-pc { padding-bottom: 15px; }
  .pb20-pc { padding-bottom: 20px; }
  .pb25-pc { padding-bottom: 25px; }
  .pb30-pc { padding-bottom: 30px; }
  .pb35-pc { padding-bottom: 35px; }
  .pb40-pc { padding-bottom: 40px; }
  .pb45-pc { padding-bottom: 45px; }
  .pb50-pc { padding-bottom: 50px; }

  .pl-pc { padding-left: 0; }
  .pl5-pc { padding-left: 5px; }
  .pl10-pc { padding-left: 10px; }
  .pl15-pc { padding-left: 15px; }
  .pl20-pc { padding-left: 20px; }
  .pl25-pc { padding-left: 25px; }
  .pl30-pc { padding-left: 30px; }
  .pl35-pc { padding-left: 35px; }
  .pl40-pc { padding-left: 40px; }
  .pl45-pc { padding-left: 45px; }
  .pl50-pc { padding-left: 50px; }

  .pr-pc { padding-right: 0; }
  .pr5-pc { padding-right: 5px; }
  .pr10-pc { padding-right: 10px; }
  .pr15-pc { padding-right: 15px; }
  .pr20-pc { padding-right: 20px; }
  .pr25-pc { padding-right: 25px; }
  .pr30-pc { padding-right: 30px; }
  .pr35-pc { padding-right: 35px; }
  .pr40-pc { padding-right: 40px; }
  .pr45-pc { padding-right: 45px; }
  .pr50-pc { padding-right: 50px; }
}

@media screen and (max-width: 800px) {
  .p-sp { padding: 0; }
  .p5-sp { padding: 5px; }
  .p10-sp { padding: 10px; }
  .p15-sp { padding: 15px; }
  .p20-sp { padding: 20px; }
  .p25-sp { padding: 25px; }
  .p30-sp { padding: 30px; }
  .p35-sp { padding: 35px; }
  .p40-sp { padding: 40px; }
  .p45-sp { padding: 45px; }
  .p50-sp { padding: 50px; }

  .ptb0-sp { padding-top: 0; padding-bottom: 0; }
  .ptb5-sp { padding-top: 5px; padding-bottom: 5px; }
  .ptb10-sp { padding-top: 10px; padding-bottom: 10px; }
  .ptb15-sp { padding-top: 15px; padding-bottom: 15px; }
  .ptb20-sp { padding-top: 20px; padding-bottom: 20px; }
  .ptb25-sp { padding-top: 25px; padding-bottom: 25px; }
  .ptb30-sp { padding-top: 30px; padding-bottom: 30px; }
  .ptb35-sp { padding-top: 35px; padding-bottom: 35px; }
  .ptb40-sp { padding-top: 40px; padding-bottom: 40px; }
  .ptb45-sp { padding-top: 45px; padding-bottom: 45px; }
  .ptb50-sp { padding-top: 50px; padding-bottom: 50px; }

  .prl0-sp { padding-left: 0; padding-right: 0; }
  .prl5-sp { padding-left: 5px; padding-right: 5px; }
  .prl10-sp { padding-left: 10px; padding-right: 10px; }
  .prl15-sp { padding-left: 15px; padding-right: 15px; }
  .prl20-sp { padding-left: 20px; padding-right: 20px; }
  .prl25-sp { padding-left: 25px; padding-right: 25px; }
  .prl30-sp { padding-left: 30px; padding-right: 30px; }
  .prl35-sp { padding-left: 35px; padding-right: 35px; }
  .prl40-sp { padding-left: 40px; padding-right: 40px; }
  .prl45-sp { padding-left: 45px; padding-right: 45px; }
  .prl50-sp { padding-left: 50px; padding-right: 50px; }

  .pt-sp { padding-top: 0; }
  .pt5-sp { padding-top: 5px; }
  .pt10-sp { padding-top: 10px; }
  .pt15-sp { padding-top: 15px; }
  .pt20-sp { padding-top: 20px; }
  .pt25-sp { padding-top: 25px; }
  .pt30-sp { padding-top: 30px; }
  .pt35-sp { padding-top: 35px; }
  .pt40-sp { padding-top: 40px; }
  .pt45-sp { padding-top: 45px; }
  .pt50-sp { padding-top: 50px; }

  .pb-sp { padding-bottom: 0; }
  .pb5-sp { padding-bottom: 5px; }
  .pb10-sp { padding-bottom: 10px; }
  .pb15-sp { padding-bottom: 15px; }
  .pb20-sp { padding-bottom: 20px; }
  .pb25-sp { padding-bottom: 25px; }
  .pb30-sp { padding-bottom: 30px; }
  .pb35-sp { padding-bottom: 35px; }
  .pb40-sp { padding-bottom: 40px; }
  .pb45-sp { padding-bottom: 45px; }
  .pb50-sp { padding-bottom: 50px; }

  .pl-sp { padding-left: 0; }
  .pl5-sp { padding-left: 5px; }
  .pl10-sp { padding-left: 10px; }
  .pl15-sp { padding-left: 15px; }
  .pl20-sp { padding-left: 20px; }
  .pl25-sp { padding-left: 25px; }
  .pl30-sp { padding-left: 30px; }
  .pl35-sp { padding-left: 35px; }
  .pl40-sp { padding-left: 40px; }
  .pl45-sp { padding-left: 45px; }
  .pl50-sp { padding-left: 50px; }

  .pr-sp { padding-right: 0; }
  .pr5-sp { padding-right: 5px; }
  .pr10-sp { padding-right: 10px; }
  .pr15-sp { padding-right: 15px; }
  .pr20-sp { padding-right: 20px; }
  .pr25-sp { padding-right: 25px; }
  .pr30-sp { padding-right: 30px; }
  .pr35-sp { padding-right: 35px; }
  .pr40-sp { padding-right: 40px; }
  .pr45-sp { padding-right: 45px; }
  .pr50-sp { padding-right: 50px; }
}

/* Width */
.w5per { width: 5%; }
.w10per { width: 10%; }
.w15per { width: 15%; }
.w20per { width: 20%; }
.w25per { width: 25%; }
.w30per { width: 30%; }
.w35per { width: 35%; }
.w40per { width: 40%; }
.w45per { width: 45%; }
.w50per { width: 50%; }
.w55per { width: 55%; }
.w60per { width: 60%; }
.w65per { width: 65%; }
.w70per { width: 70%; }
.w75per { width: 75%; }
.w80per { width: 80%; }
.w85per { width: 85%; }
.w90per { width: 90%; }
.w95per { width: 95%; }
.w100per { width: 100%; }

@media screen and (min-width: 801px) {
  .w5per-pc { width: 5%; }
  .w10per-pc { width: 10%; }
  .w15per-pc { width: 15%; }
  .w20per-pc { width: 20%; }
  .w25per-pc { width: 25%; }
  .w30per-pc { width: 30%; }
  .w35per-pc { width: 35%; }
  .w40per-pc { width: 40%; }
  .w45per-pc { width: 45%; }
  .w48per-pc { width: 48%; }
  .w50per-pc { width: 50%; }
  .w55per-pc { width: 55%; }
  .w60per-pc { width: 60%; }
  .w65per-pc { width: 65%; }
  .w70per-pc { width: 70%; }
  .w75per-pc { width: 75%; }
  .w80per-pc { width: 80%; }
  .w85per-pc { width: 85%; }
  .w90per-pc { width: 90%; }
  .w95per-pc { width: 95%; }
}

@media screen and (max-width: 800px) {
  .w5per-sp { width: 5%; }
  .w10per-sp { width: 10%; }
  .w15per-sp { width: 15%; }
  .w20per-sp { width: 20%; }
  .w25per-sp { width: 25%; }
  .w30per-sp { width: 30%; }
  .w35per-sp { width: 35%; }
  .w40per-sp { width: 40%; }
  .w45per-sp { width: 45%; }
  .w48per-sp { width: 48%; }
  .w50per-sp { width: 50%; }
  .w55per-sp { width: 55%; }
  .w60per-sp { width: 60%; }
  .w65per-sp { width: 65%; }
  .w70per-sp { width: 70%; }
  .w75per-sp { width: 75%; }
  .w80per-sp { width: 80%; }
  .w85per-sp { width: 85%; }
  .w90per-sp { width: 90%; }
  .w95per-sp { width: 95%; }
}