@charset "UTF-8";

*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

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

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

nav ul {
  list-style:none;
}

blockquote, q {
  quotes:none;
}

blockquote::before, blockquote::after,
q::before, q::after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  text-decoration: none;
  color: #000;
}

/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select {
  vertical-align:middle;
}

img{
  max-width: 100%;
  height:auto;
  vertical-align: middle;
}
button{
  background: transparent;
  border: 0;
}
*:focus {
  outline:0;
}

@media screen and (max-width:760px) {
  body {
    font-size: 14px;
  }
}

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

a, a img{
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	}
a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	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;
}
.flex-box.jcSA{ justify-content: space-around; }
.flex-box.fdRR{ flex-direction: row-reverse; }
.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%; margin-bottom:1.3333%;}
.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%; margin-bottom:2%;}
.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%; }
.flex-box.column3::after{
  content:"";
  display: block;
  width:33.33333%;
}
.flex-box.column3::after{
  content:"";
  display: block;
  width:33.3333%;
}
.flex-box.column4::before{
  content:"";
  display: block;
  width:24%;
  order:1;
}
.flex-box.column4::after{
  content:"";
  display: block;
  width:24%;
}
@media (max-width: 760px) {
  .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%; margin-bottom:1.3333%;}
  .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%; margin-bottom:2%;}
  .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%; margin-bottom:2%;}
  .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%; }
}
.flex-itemC{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.f-box::after, .rd-box::after{
  content:"";
  display: block;
  clear: both;
}

.f-box > .single:not(body){
  float: left;
  margin-top: 20px;
}
.f-box.column2>.single{ width: 49%; margin-right: 2%; }
.f-box.column3>.single{ width: 32%; margin-right: 2%; }
.f-box.column4>.single{ width: 22%; margin-right: 4%; }
.f-box.column5>.single{ width: 18%; margin-right: 2.5%; }
.f-box .single:last-child{ margin-right: 0; }

@media screen and (min-width: 761px) {
	.f-box.column2>.single:nth-child(2n), .f-box.column3>.single:nth-child(3n), .f-box.column4>.single:nth-child(4n), .f-box.column5>.single:nth-child(5n){
		 margin-right: 0;
	}
}
@media screen and (max-width: 760px) {
  .f-box.column3>.single, .f-box.column4>.single, .f-box.column5>.single{ width: 49%; margin-right: 2%; }
  .f-box>.single:nth-child(even){ margin-right: 0; }
}
@media screen and (max-width: 760px) {
  .f-box.sp1column>.single{ width: 100%; margin-right:0; margin-bottom: 15px; }
}

@media (max-width: 760px) { .pc{display:none!important;} }
@media (min-width: 761px) { .sp{display:none!important;} }

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

@media print, screen and (min-width: 761px){
.fLpc { float: left; }
.fRpc { float: right; }
.clearfix_pc::after{
  content:"";
  display: block;
  clear: both;
}
}
@media screen and (max-width: 760px){
  .fLsp { float: left; }
  .fRsp { float: right; }
  .clearfix_sp::after{
    content:"";
    display: block;
    clear: both;
  }
}


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

/* List */
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;
  font-family: 'object-fit: cover;'
}
.ofCT {
  object-fit: contain;
  font-family: 'object-fit: contain;'
}

/* Position */
.pR{ position: relative;}
.pA{ position: absolute;}
.pF{ position: fixed;}

/* 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 (min-width: 761px) {
  .m5PC { margin:5px; }
  .m10PC { margin:10px; }
  .m15PC { margin:15px; }
  .m20PC { margin:20px; }
  .m25PC { margin:25px; }
  .m30PC { margin:30px; }
  .m35PC { margin:35px; }
  .m40PC { margin:40px; }
  .m45PC { margin:45px; }
  .m50PC { margin:50px; }

  .ma0PC { margin: 0 auto; }
  .ma5PC { margin: 5px auto; }
  .ma10PC { margin: 10px auto; }
  .ma15PC { margin: 15px auto; }
  .ma20PC { margin: 20px auto; }
  .ma25PC { margin: 25px auto; }
  .ma30PC { margin: 30px auto; }
  .ma35PC { margin: 35px auto; }
  .ma40PC { margin: 40px auto; }
  .ma45PC { margin: 45px auto; }
  .ma50PC { margin: 50px auto; }

  .mtb0PC { margin-top: 0; margin-bottom: 0; }
  .mtb5PC { margin-top: 5px; margin-bottom: 5px; }
  .mtb10PC { margin-top: 10px; margin-bottom: 10px; }
  .mtb15PC { margin-top: 15px; margin-bottom: 15px; }
  .mtb20PC { margin-top: 20px; margin-bottom: 20px; }
  .mtb25PC { margin-top: 25px; margin-bottom: 25px; }
  .mtb30PC { margin-top: 30px; margin-bottom: 30px; }
  .mtb35PC { margin-top: 35px; margin-bottom: 35px; }
  .mtb40PC { margin-top: 40px; margin-bottom: 40px; }
  .mtb45PC { margin-top: 45px; margin-bottom: 45px; }
  .mtb50PC { margin-top: 50px; margin-bottom: 50px; }

  .mrl0PC { margin-left: 0; margin-right: 0; }
  .mrl5PC { margin-left: 5px; margin-right: 5px; }
  .mrl10PC { margin-left: 10px; margin-right: 10px; }
  .mrl15PC { margin-left: 15px; margin-right: 15px; }
  .mrl20PC { margin-left: 20px; margin-right: 20px; }
  .mrl25PC { margin-left: 25px; margin-right: 25px; }
  .mrl30PC { margin-left: 30px; margin-right: 30px; }
  .mrl35PC { margin-left: 35px; margin-right: 35px; }
  .mrl40PC { margin-left: 40px; margin-right: 40px; }
  .mrl45PC { margin-left: 45px; margin-right: 45px; }
  .mrl50PC { margin-left: 50px; margin-right: 50px; }

  .mtPC { margin-top:0; }
  .mt5PC { margin-top:5px; }
  .mt10PC { margin-top:10px; }
  .mt15PC { margin-top:15px; }
  .mt20PC { margin-top:20px; }
  .mt25PC { margin-top:25px; }
  .mt30PC { margin-top:30px; }
  .mt35PC { margin-top:35px; }
  .mt40PC { margin-top:40px; }
  .mt45PC { margin-top:45px; }
  .mt50PC { margin-top:50px; }

  .mbPC { margin-bottom:0; }
  .mb5PC { margin-bottom:5px; }
  .mb10PC { margin-bottom:10px; }
  .mb15PC { margin-bottom: 15px; }
  .mb20PC { margin-bottom: 20px; }
  .mb25PC { margin-bottom: 25px; }
  .mb30PC { margin-bottom: 30px; }
  .mb35PC { margin-bottom: 35px; }
  .mb40PC { margin-bottom: 40px; }
  .mb45PC { margin-bottom: 45px; }
  .mb50PC { margin-bottom: 50px; }

  .mlPC { margin-left:0; }
  .ml5PC { margin-left:5px; }
  .ml10PC { margin-left:10px; }
  .ml15PC { margin-left:15px; }
  .ml20PC { margin-left:20px; }
  .ml25PC { margin-left:25px; }
  .ml30PC { margin-left:30px; }
  .ml35PC { margin-left:35px; }
  .ml40PC { margin-left:40px; }
  .ml45PC { margin-left:45px; }
  .ml50PC { margin-left:50px; }

  .mrPC { margin-right:0; }
  .mr5PC { margin-right:5px; }
  .mr10PC { margin-right:10px; }
  .mr15PC { margin-right:15px; }
  .mr20PC { margin-right:20px; }
  .mr25PC { margin-right:25px; }
  .mr30PC { margin-right:30px; }
  .mr35PC { margin-right:35px; }
  .mr40PC { margin-right:40px; }
  .mr45PC { margin-right:45px; }
  .mr50PC { margin-right:50px; }
}

@media (max-width: 760px) {
  .m5SP { margin:5px; }
  .m10SP { margin:10px; }
  .m15SP { margin:15px; }
  .m20SP { margin:20px; }
  .m25SP { margin:25px; }
  .m30SP { margin:30px; }
  .m35SP { margin:35px; }
  .m40SP { margin:40px; }
  .m45SP { margin:45px; }
  .m50SP { margin:50px; }

  .ma0SP { margin: 0 auto; }
  .ma5SP { margin: 5px auto; }
  .ma10SP { margin: 10px auto; }
  .ma15SP { margin: 15px auto; }
  .ma20SP { margin: 20px auto; }
  .ma25SP { margin: 25px auto; }
  .ma30SP { margin: 30px auto; }
  .ma35SP { margin: 35px auto; }
  .ma40SP { margin: 40px auto; }
  .ma45SP { margin: 45px auto; }
  .ma50SP { margin: 50px auto; }

  .mtb0SP { margin-top: 0; margin-bottom: 0; }
  .mtb5SP { margin-top: 5px; margin-bottom: 5px; }
  .mtb10SP { margin-top: 10px; margin-bottom: 10px; }
  .mtb15SP { margin-top: 15px; margin-bottom: 15px; }
  .mtb20SP { margin-top: 20px; margin-bottom: 20px; }
  .mtb25SP { margin-top: 25px; margin-bottom: 25px; }
  .mtb30SP { margin-top: 30px; margin-bottom: 30px; }
  .mtb35SP { margin-top: 35px; margin-bottom: 35px; }
  .mtb40SP { margin-top: 40px; margin-bottom: 40px; }
  .mtb45SP { margin-top: 45px; margin-bottom: 45px; }
  .mtb50SP { margin-top: 50px; margin-bottom: 50px; }

  .mrl0SP { margin-left: 0; margin-right: 0; }
  .mrl5SP { margin-left: 5px; margin-right: 5px; }
  .mrl10SP { margin-left: 10px; margin-right: 10px; }
  .mrl15SP { margin-left: 15px; margin-right: 15px; }
  .mrl20SP { margin-left: 20px; margin-right: 20px; }
  .mrl25SP { margin-left: 25px; margin-right: 25px; }
  .mrl30SP { margin-left: 30px; margin-right: 30px; }
  .mrl35SP { margin-left: 35px; margin-right: 35px; }
  .mrl40SP { margin-left: 40px; margin-right: 40px; }
  .mrl45SP { margin-left: 45px; margin-right: 45px; }
  .mrl50SP { margin-left: 50px; margin-right: 50px; }

  .mtSP { margin-top:0; }
  .mt5SP { margin-top:5px; }
  .mt10SP { margin-top:10px; }
  .mt15SP { margin-top:15px; }
  .mt20SP { margin-top:20px; }
  .mt25SP { margin-top:25px; }
  .mt30SP { margin-top:30px; }
  .mt35SP { margin-top:35px; }
  .mt40SP { margin-top:40px; }
  .mt45SP { margin-top:45px; }
  .mt50SP { margin-top:50px; }

  .mbSP { margin-bottom:0; }
  .mb5SP { margin-bottom:5px; }
  .mb10SP { margin-bottom:10px; }
  .mb15SP { margin-bottom: 15px; }
  .mb20SP { margin-bottom: 20px; }
  .mb25SP { margin-bottom: 25px; }
  .mb30SP { margin-bottom: 30px; }
  .mb35SP { margin-bottom: 35px; }
  .mb40SP { margin-bottom: 40px; }
  .mb45SP { margin-bottom: 45px; }
  .mb50SP { margin-bottom: 50px; }

  .mlSP { margin-left:0; }
  .ml5SP { margin-left:5px; }
  .ml10SP { margin-left:10px; }
  .ml15SP { margin-left:15px; }
  .ml20SP { margin-left:20px; }
  .ml25SP { margin-left:25px; }
  .ml30SP { margin-left:30px; }
  .ml35SP { margin-left:35px; }
  .ml40SP { margin-left:40px; }
  .ml45SP { margin-left:45px; }
  .ml50SP { margin-left:50px; }

  .mrSP { margin-right:0; }
  .mr5SP { margin-right:5px; }
  .mr10SP { margin-right:10px; }
  .mr15SP { margin-right:15px; }
  .mr20SP { margin-right:20px; }
  .mr25SP { margin-right:25px; }
  .mr30SP { margin-right:30px; }
  .mr35SP { margin-right:35px; }
  .mr40SP { margin-right:40px; }
  .mr45SP { margin-right:45px; }
  .mr50SP { 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 (min-width: 761px) {
  .pPC { padding:0; }
  .p5PC { padding:5px; }
  .p10PC { padding:10px; }
  .p15PC { padding:15px; }
  .p20PC { padding:20px; }
  .p25PC { padding:25px; }
  .p30PC { padding:30px; }
  .p35PC { padding:35px; }
  .p40PC { padding:40px; }
  .p45PC { padding:45px; }
  .p50PC { padding:50px; }

  .ptb0PC { padding-top: 0; padding-bottom: 0; }
  .ptb5PC { padding-top: 5px; padding-bottom: 5px; }
  .ptb10PC { padding-top: 10px; padding-bottom: 10px; }
  .ptb15PC { padding-top: 15px; padding-bottom: 15px; }
  .ptb20PC { padding-top: 20px; padding-bottom: 20px; }
  .ptb25PC { padding-top: 25px; padding-bottom: 25px; }
  .ptb30PC { padding-top: 30px; padding-bottom: 30px; }
  .ptb35PC { padding-top: 35px; padding-bottom: 35px; }
  .ptb40PC { padding-top: 40px; padding-bottom: 40px; }
  .ptb45PC { padding-top: 45px; padding-bottom: 45px; }
  .ptb50PC { padding-top: 50px; padding-bottom: 50px; }

  .prl0PC { padding-left: 0; padding-right: 0; }
  .prl5PC { padding-left: 5px; padding-right: 5px; }
  .prl10PC { padding-left: 10px; padding-right: 10px; }
  .prl15PC { padding-left: 15px; padding-right: 15px; }
  .prl20PC { padding-left: 20px; padding-right: 20px; }
  .prl25PC { padding-left: 25px; padding-right: 25px; }
  .prl30PC { padding-left: 30px; padding-right: 30px; }
  .prl35PC { padding-left: 35px; padding-right: 35px; }
  .prl40PC { padding-left: 40px; padding-right: 40px; }
  .prl45PC { padding-left: 45px; padding-right: 45px; }
  .prl50PC { padding-left: 50px; padding-right: 50px; }

  .ptPC { padding-top:0; }
  .pt5PC { padding-top:5px; }
  .pt10PC { padding-top:10px; }
  .pt15PC { padding-top:15px; }
  .pt20PC { padding-top:20px; }
  .pt25PC { padding-top:25px; }
  .pt30PC { padding-top:30px; }
  .pt35PC { padding-top:35px; }
  .pt40PC { padding-top:40px; }
  .pt45PC { padding-top:45px; }
  .pt50PC { padding-top:50px; }

  .pbPC { padding-bottom:0; }
  .pb5PC { padding-bottom:5px; }
  .pb10PC { padding-bottom:10px; }
  .pb15PC { padding-bottom: 15px; }
  .pb20PC { padding-bottom: 20px; }
  .pb25PC { padding-bottom: 25px; }
  .pb30PC { padding-bottom: 30px; }
  .pb35PC { padding-bottom: 35px; }
  .pb40PC { padding-bottom: 40px; }
  .pb45PC { padding-bottom: 45px; }
  .pb50PC { padding-bottom: 50px; }

  .plPC { padding-left:0; }
  .pl5PC { padding-left:5px; }
  .pl10PC { padding-left:10px; }
  .pl15PC { padding-left:15px; }
  .pl20PC { padding-left:20px; }
  .pl25PC { padding-left:25px; }
  .pl30PC { padding-left:30px; }
  .pl35PC { padding-left:35px; }
  .pl40PC { padding-left:40px; }
  .pl45PC { padding-left:45px; }
  .pl50PC { padding-left:50px; }

  .prPC { padding-right:0; }
  .pr5PC { padding-right:5px; }
  .pr10PC { padding-right:10px; }
  .pr15PC { padding-right:15px; }
  .pr20PC { padding-right:20px; }
  .pr25PC { padding-right:25px; }
  .pr30PC { padding-right:30px; }
  .pr35PC { padding-right:35px; }
  .pr40PC { padding-right:40px; }
  .pr45PC { padding-right:45px; }
  .pr50PC { padding-right:50px; }
}

@media (max-width: 760px) {
  .pSP { padding:0; }
  .p5SP { padding:5px; }
  .p10SP { padding:10px; }
  .p15SP { padding:15px; }
  .p20SP { padding:20px; }
  .p25SP { padding:25px; }
  .p30SP { padding:30px; }
  .p35SP { padding:35px; }
  .p40SP { padding:40px; }
  .p45SP { padding:45px; }
  .p50SP { padding:50px; }

  .ptb0SP { padding-top: 0; padding-bottom: 0; }
  .ptb5SP { padding-top: 5px; padding-bottom: 5px; }
  .ptb10SP { padding-top: 10px; padding-bottom: 10px; }
  .ptb15SP { padding-top: 15px; padding-bottom: 15px; }
  .ptb20SP { padding-top: 20px; padding-bottom: 20px; }
  .ptb25SP { padding-top: 25px; padding-bottom: 25px; }
  .ptb30SP { padding-top: 30px; padding-bottom: 30px; }
  .ptb35SP { padding-top: 35px; padding-bottom: 35px; }
  .ptb40SP { padding-top: 40px; padding-bottom: 40px; }
  .ptb45SP { padding-top: 45px; padding-bottom: 45px; }
  .ptb50SP { padding-top: 50px; padding-bottom: 50px; }

  .prl0SP { padding-left: 0; padding-right: 0; }
  .prl5SP { padding-left: 5px; padding-right: 5px; }
  .prl10SP { padding-left: 10px; padding-right: 10px; }
  .prl15SP { padding-left: 15px; padding-right: 15px; }
  .prl20SP { padding-left: 20px; padding-right: 20px; }
  .prl25SP { padding-left: 25px; padding-right: 25px; }
  .prl30SP { padding-left: 30px; padding-right: 30px; }
  .prl35SP { padding-left: 35px; padding-right: 35px; }
  .prl40SP { padding-left: 40px; padding-right: 40px; }
  .prl45SP { padding-left: 45px; padding-right: 45px; }
  .prl50SP { padding-left: 50px; padding-right: 50px; }

  .ptSP { padding-top:0; }
  .pt5SP { padding-top:5px; }
  .pt10SP { padding-top:10px; }
  .pt15SP { padding-top:15px; }
  .pt20SP { padding-top:20px; }
  .pt25SP { padding-top:25px; }
  .pt30SP { padding-top:30px; }
  .pt35SP { padding-top:35px; }
  .pt40SP { padding-top:40px; }
  .pt45SP { padding-top:45px; }
  .pt50SP { padding-top:50px; }

  .pbSP { padding-bottom:0; }
  .pb5SP { padding-bottom:5px; }
  .pb10SP { padding-bottom:10px; }
  .pb15SP { padding-bottom: 15px; }
  .pb20SP { padding-bottom: 20px; }
  .pb25SP { padding-bottom: 25px; }
  .pb30SP { padding-bottom: 30px; }
  .pb35SP { padding-bottom: 35px; }
  .pb40SP { padding-bottom: 40px; }
  .pb45SP { padding-bottom: 45px; }
  .pb50SP { padding-bottom: 50px; }

  .plSP { padding-left:0; }
  .pl5SP { padding-left:5px; }
  .pl10SP { padding-left:10px; }
  .pl15SP { padding-left:15px; }
  .pl20SP { padding-left:20px; }
  .pl25SP { padding-left:25px; }
  .pl30SP { padding-left:30px; }
  .pl35SP { padding-left:35px; }
  .pl40SP { padding-left:40px; }
  .pl45SP { padding-left:45px; }
  .pl50SP { padding-left:50px; }

  .prSP { padding-right:0; }
  .pr5SP { padding-right:5px; }
  .pr10SP { padding-right:10px; }
  .pr15SP { padding-right:15px; }
  .pr20SP { padding-right:20px; }
  .pr25SP { padding-right:25px; }
  .pr30SP { padding-right:30px; }
  .pr35SP { padding-right:35px; }
  .pr40SP { padding-right:40px; }
  .pr45SP { padding-right:45px; }
  .pr50SP { 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: 761px){
  .w5perPC { width:5%; }
  .w10perPC { width:10%; }
  .w15perPC { width:15%; }
  .w20perPC { width:20%; }
  .w25perPC { width:25%; }
  .w30perPC { width:30%; }
  .w35perPC { width:35%; }
  .w40perPC { width:40%; }
  .w45perPC { width:45%; }
  .w48perPC { width:48%; }
  .w50perPC { width:50%; }
  .w55perPC { width:55%; }
  .w60perPC { width:60%; }
  .w65perPC { width:65%; }
  .w70perPC { width:70%; }
  .w75perPC { width:75%; }
  .w80perPC { width:80%; }
  .w85perPC { width:85%; }
  .w90perPC { width:90%; }
  .w95perPC { width:95%; }
}

@media screen and (max-width: 760px){
  .w5perSP { width:5%; }
  .w10perSP { width:10%; }
  .w15perSP { width:15%; }
  .w20perSP { width:20%; }
  .w25perSP { width:25%; }
  .w30perSP { width:30%; }
  .w35perSP { width:35%; }
  .w40perSP { width:40%; }
  .w45perSP { width:45%; }
  .w48perSP { width:48%; }
  .w50perSP { width:50%; }
  .w55perSP { width:55%; }
  .w60perSP { width:60%; }
  .w65perSP { width:65%; }
  .w70perSP { width:70%; }
  .w75perSP { width:75%; }
  .w80perSP { width:80%; }
  .w85perSP { width:85%; }
  .w90perSP { width:90%; }
  .w95perSP { width:95%; }
}