@charset "UTF-8";
/* fields
---------------------------------------------------------*/
.fields { clear: both; }

.fields:before, .fields:after { display: table; content: ''; }

.fields:after { clear: both; }

/* region
---------------------------------------------------------*/
.region { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative; float: left; }

.size1 { width: 100%; }

.size2 { width: 50%; }

.size3 { width: 33.333333%; }

.size4 { width: 25%; }

.size5 { width: 20%; }

.size1of3 { width: 33.333333%; }

.size2of3 { width: 66.666666%; }

.size1of4 { width: 25%; }

.size3of4 { width: 75%; }

.size1of5 { width: 20%; }

.size2of5 { width: 40%; }

.size3of5 { width: 60%; }

.size4of5 { width: 80%; }

@media screen and (min-width: 769px) and (max-width: 1199px) { .region { float: left; } }

@media screen and (max-width: 768px) { .fields.stay-float .region { float: left; }
  .fields.stay-float .size1 { width: 100%; }
  .fields.stay-float .size2 { width: 50%; }
  .fields.stay-float .size3 { width: 33.333333%; }
  .fields.stay-float .size4 { width: 25%; }
  .fields.stay-float .size5 { width: 20%; }
  .fields.stay-float .size1of3 { width: 33.333333%; }
  .fields.stay-float .size2of3 { width: 66.666666%; }
  .fields.stay-float .size1of4 { width: 25%; }
  .fields.stay-float .size3of4 { width: 75%; }
  .fields.stay-float .size1of5 { width: 20%; }
  .fields.stay-float .size2of5 { width: 40%; }
  .fields.stay-float .size3of5 { width: 60%; }
  .fields.stay-float .size4of5 { width: 80%; }
  .region { float: none; }
  .size1 { width: 100%; }
  .size2 { width: 100%; }
  .size3 { width: 100%; }
  .size4 { width: 100%; }
  .size5 { width: 100%; }
  .size1of3 { width: 100%; }
  .size2of3 { width: 100%; }
  .size1of4 { width: 100%; }
  .size3of4 { width: 100%; }
  .size1of5 { width: 100%; }
  .size2of5 { width: 100%; }
  .size3of5 { width: 100%; }
  .size4of5 { width: 100%; } }

/* block modules - mainly used with .fields
---------------------------------------------------------*/
.side05 { padding-left: 5px; padding-right: 5px; }

.side10 { padding-left: 10px; padding-right: 10px; }

.side15 { padding-left: 15px; padding-right: 15px; }

.side20 { padding-left: 20px; padding-right: 20px; }

.side25 { padding-left: 25px; padding-right: 25px; }

.side30 { padding-left: 30px; padding-right: 30px; }

.side35 { padding-left: 35px; padding-right: 35px; }

.side40 { padding-left: 40px; padding-right: 40px; }

.side45 { padding-left: 45px; padding-right: 45px; }

.side50 { padding-left: 50px; padding-right: 50px; }

.block05 { margin-left: -5px; }

.block05 > .region { margin-left: 5px; }

.block10 { margin-left: -10px; }

.block10 > .region { margin-left: 10px; }

.block15 { margin-left: -15px; }

.block15 > .region { margin-left: 15px; }

.block20 { margin-left: -20px; }

.block20 > .region { margin-left: 20px; }

.block25 { margin-left: -25px; }

.block25 > .region { margin-left: 25px; }

.block30 { margin-left: -30px; }

.block30 > .region { margin-left: 30px; }

.block35 { margin-left: -35px; }

.block35 > .region { margin-left: 35px; }

.block40 { margin-left: -40px; }

.block40 > .region { margin-left: 40px; }

.block45 { margin-left: -45px; }

.block45 > .region { margin-left: 45px; }

.block50 { margin-left: -50px; }

.block50 > .region { margin-left: 50px; }

.box02 { margin-left: -4px; }

.box02 > .region { padding-left: 4px; }

.box03 { margin-left: -4px; }

.box03 > .region { padding-left: 4px; }

.box04 { margin-left: -4px; }

.box04 > .region { padding-left: 4px; }

.box05 { margin-left: -5px; }

.box05 > .region { padding-left: 5px; }

.box10 { margin-left: -10px; }

.box10 > .region { padding-left: 10px; }

.box15 { margin-left: -15px; }

.box15 > .region { padding-left: 15px; }

.box20 { margin-left: -20px; }

.box20 > .region { padding-left: 20px; }

.box25 { margin-left: -25px; }

.box25 > .region { padding-left: 25px; }

.box30 { margin-left: -30px; }

.box30 > .region { padding-left: 30px; }

.box35 { margin-left: -35px; }

.box35 > .region { padding-left: 35px; }

.box40 { margin-left: -40px; }

.box40 > .region { padding-left: 40px; }

.box45 { margin-left: -45px; }

.box45 > .region { padding-left: 45px; }

.box50 { margin-left: -50px; }

.box50 > .region { padding-left: 50px; }

.space05 { margin-top: 5px; margin-bottom: 5px; }

.space10 { margin-top: 10px; margin-bottom: 10px; }

.space15 { margin-top: 15px; margin-bottom: 15px; }

.space20 { margin-top: 20px; margin-bottom: 20px; }

.space25 { margin-top: 25px; margin-bottom: 25px; }

.space30 { margin-top: 30px; margin-bottom: 30px; }

.space35 { margin-top: 35px; margin-bottom: 35px; }

.space40 { margin-top: 40px; margin-bottom: 40px; }

.space45 { margin-top: 45px; margin-bottom: 45px; }

.space50 { margin-top: 50px; margin-bottom: 50px; }

@media screen and (max-width: 768px) { .side05 { padding-left: 5px; padding-right: 5px; }
  .side10, .side15, .side20, .side25, .side30, .side35, .side40, .side45, .side50 { padding-left: 10px; padding-right: 10px; }
  .block05, .block10, .block15, .block20, .block25, .block30, .block35, .block40, .block45, .block50 { margin-left: 0; }
  .block05 > .region, .block10 > .region, .block15 > .region, .block20 > .region, .block25 > .region, .block30 > .region, .block35 > .region, .block40 > .region, .block45 > .region, .block50 > .region { margin-left: 0px; } }

/* layout modules
---------------------------------------------------------*/
.middle-text { width: 100%; min-height: 100%; display: table-cell; vertical-align: middle; }

.middle-block-parent { white-space: nowrap; }

.middle-block { width: 50%; display: inline-block; vertical-align: middle; }

.listing { height: auto; list-style: none; margin: 0; padding: 0; }

.listing li { line-height: 1.8em; padding-left: 20px; position: relative; }

.listing li:before { content: '・'; position: absolute; left: 0; }

.in-block { display: inline-block; }

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

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

.al-center { text-align: center; }

.pc { display: inherit !important; }

.sp { display: none !important; }

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