@charset "UTF-8";
/*=====================================================================================
*
*
* functions
*
*
======================================================================================*/
/*===================================================================
*
*
*
====================================================================*/
/*===================================================================
*
*
*
====================================================================*/
/*===================================================================
*
*
*
====================================================================*/
/*============================================================================
*
* 
*
============================================================================*/
/*============================================================================
*
* 
*
============================================================================*/
/*============================================================================
*
* 
*
============================================================================*/
/*============================================================================
*
* 
*
============================================================================*/
/*============================================================================
*
* 
*
============================================================================*/
/*============================================================================================================================================
*
* resetCss
*
============================================================================================================================================*/
html {
  color: #000;
  background: #FFF;
}

body, figure, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

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

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

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

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input, textarea, select {
  *font-size: 100%;
}

legend {
  color: #000;
}

body, html {
  width: 100%;
  height: 100%;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}

.clearfix {
  display: inline-block;
}

.clearfix {
  display: block;
}

/* End hide from IE-mac */
a {
  text-decoration: none;
}

button {
  border: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  background: none;
}

img {
  vertical-align: middle;
}

* {
  box-sizing: border-box;
}

input {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
}

/*========================================================================================================================================================================================================================
*
*
*
* 追加Setting
*
*
*
========================================================================================================================================================================================================================*/
/*============================================================================
*
* 
*
============================================================================*/
.pc {
  display: block;
}

.pci {
  display: inline-block;
}

.sp {
  display: none;
}

.spi {
  display: none;
}

@media screen and (max-width: 768px) {
  .sp {
    display: block;
  }
  .spi {
    display: inline-block;
  }
  .pc {
    display: none;
  }
  .pci {
    display: none;
  }
}

/*============================================================================
*
* 
*
============================================================================*/
@media screen and (max-width: 768px) {
  .swi {
    width: 100%;
    height: auto;
    max-height: auto;
  }
}

/*============================================================================
*
* 
*
============================================================================*/
.wrapperImg1100 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1100 .pci {
  position: relative;
  left: 50%;
  margin-left: -550px;
}

.wrapperImg1105 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1105 .pci {
  position: relative;
  left: 50%;
  margin-left: -552.5px;
}

.wrapperImg1110 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1110 .pci {
  position: relative;
  left: 50%;
  margin-left: -555px;
}

.wrapperImg1115 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1115 .pci {
  position: relative;
  left: 50%;
  margin-left: -557.5px;
}

.wrapperImg1120 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1120 .pci {
  position: relative;
  left: 50%;
  margin-left: -560px;
}

.wrapperImg1125 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1125 .pci {
  position: relative;
  left: 50%;
  margin-left: -562.5px;
}

.wrapperImg1130 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1130 .pci {
  position: relative;
  left: 50%;
  margin-left: -565px;
}

.wrapperImg1135 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1135 .pci {
  position: relative;
  left: 50%;
  margin-left: -567.5px;
}

.wrapperImg1140 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1140 .pci {
  position: relative;
  left: 50%;
  margin-left: -570px;
}

.wrapperImg1145 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1145 .pci {
  position: relative;
  left: 50%;
  margin-left: -572.5px;
}

.wrapperImg1150 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1150 .pci {
  position: relative;
  left: 50%;
  margin-left: -575px;
}

.wrapperImg1155 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1155 .pci {
  position: relative;
  left: 50%;
  margin-left: -577.5px;
}

.wrapperImg1160 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1160 .pci {
  position: relative;
  left: 50%;
  margin-left: -580px;
}

.wrapperImg1165 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1165 .pci {
  position: relative;
  left: 50%;
  margin-left: -582.5px;
}

.wrapperImg1170 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1170 .pci {
  position: relative;
  left: 50%;
  margin-left: -585px;
}

.wrapperImg1175 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1175 .pci {
  position: relative;
  left: 50%;
  margin-left: -587.5px;
}

.wrapperImg1180 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1180 .pci {
  position: relative;
  left: 50%;
  margin-left: -590px;
}

.wrapperImg1185 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1185 .pci {
  position: relative;
  left: 50%;
  margin-left: -592.5px;
}

.wrapperImg1190 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1190 .pci {
  position: relative;
  left: 50%;
  margin-left: -595px;
}

.wrapperImg1195 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1195 .pci {
  position: relative;
  left: 50%;
  margin-left: -597.5px;
}

.wrapperImg1200 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1200 .pci {
  position: relative;
  left: 50%;
  margin-left: -600px;
}

.wrapperImg1205 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1205 .pci {
  position: relative;
  left: 50%;
  margin-left: -602.5px;
}

.wrapperImg1210 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1210 .pci {
  position: relative;
  left: 50%;
  margin-left: -605px;
}

.wrapperImg1215 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1215 .pci {
  position: relative;
  left: 50%;
  margin-left: -607.5px;
}

.wrapperImg1220 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1220 .pci {
  position: relative;
  left: 50%;
  margin-left: -610px;
}

.wrapperImg1225 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1225 .pci {
  position: relative;
  left: 50%;
  margin-left: -612.5px;
}

.wrapperImg1230 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1230 .pci {
  position: relative;
  left: 50%;
  margin-left: -615px;
}

.wrapperImg1235 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1235 .pci {
  position: relative;
  left: 50%;
  margin-left: -617.5px;
}

.wrapperImg1240 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1240 .pci {
  position: relative;
  left: 50%;
  margin-left: -620px;
}

.wrapperImg1245 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1245 .pci {
  position: relative;
  left: 50%;
  margin-left: -622.5px;
}

.wrapperImg1250 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1250 .pci {
  position: relative;
  left: 50%;
  margin-left: -625px;
}

.wrapperImg1255 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1255 .pci {
  position: relative;
  left: 50%;
  margin-left: -627.5px;
}

.wrapperImg1260 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1260 .pci {
  position: relative;
  left: 50%;
  margin-left: -630px;
}

.wrapperImg1265 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1265 .pci {
  position: relative;
  left: 50%;
  margin-left: -632.5px;
}

.wrapperImg1270 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1270 .pci {
  position: relative;
  left: 50%;
  margin-left: -635px;
}

.wrapperImg1275 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1275 .pci {
  position: relative;
  left: 50%;
  margin-left: -637.5px;
}

.wrapperImg1280 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1280 .pci {
  position: relative;
  left: 50%;
  margin-left: -640px;
}

.wrapperImg1285 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1285 .pci {
  position: relative;
  left: 50%;
  margin-left: -642.5px;
}

.wrapperImg1290 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1290 .pci {
  position: relative;
  left: 50%;
  margin-left: -645px;
}

.wrapperImg1295 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1295 .pci {
  position: relative;
  left: 50%;
  margin-left: -647.5px;
}

.wrapperImg1300 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1300 .pci {
  position: relative;
  left: 50%;
  margin-left: -650px;
}

.wrapperImg1305 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1305 .pci {
  position: relative;
  left: 50%;
  margin-left: -652.5px;
}

.wrapperImg1310 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1310 .pci {
  position: relative;
  left: 50%;
  margin-left: -655px;
}

.wrapperImg1315 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1315 .pci {
  position: relative;
  left: 50%;
  margin-left: -657.5px;
}

.wrapperImg1320 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1320 .pci {
  position: relative;
  left: 50%;
  margin-left: -660px;
}

.wrapperImg1325 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1325 .pci {
  position: relative;
  left: 50%;
  margin-left: -662.5px;
}

.wrapperImg1330 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1330 .pci {
  position: relative;
  left: 50%;
  margin-left: -665px;
}

.wrapperImg1335 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1335 .pci {
  position: relative;
  left: 50%;
  margin-left: -667.5px;
}

.wrapperImg1340 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1340 .pci {
  position: relative;
  left: 50%;
  margin-left: -670px;
}

.wrapperImg1345 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1345 .pci {
  position: relative;
  left: 50%;
  margin-left: -672.5px;
}

.wrapperImg1350 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1350 .pci {
  position: relative;
  left: 50%;
  margin-left: -675px;
}

.wrapperImg1355 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1355 .pci {
  position: relative;
  left: 50%;
  margin-left: -677.5px;
}

.wrapperImg1360 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1360 .pci {
  position: relative;
  left: 50%;
  margin-left: -680px;
}

.wrapperImg1365 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1365 .pci {
  position: relative;
  left: 50%;
  margin-left: -682.5px;
}

.wrapperImg1370 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1370 .pci {
  position: relative;
  left: 50%;
  margin-left: -685px;
}

.wrapperImg1375 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1375 .pci {
  position: relative;
  left: 50%;
  margin-left: -687.5px;
}

.wrapperImg1380 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1380 .pci {
  position: relative;
  left: 50%;
  margin-left: -690px;
}

.wrapperImg1385 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1385 .pci {
  position: relative;
  left: 50%;
  margin-left: -692.5px;
}

.wrapperImg1390 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1390 .pci {
  position: relative;
  left: 50%;
  margin-left: -695px;
}

.wrapperImg1395 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1395 .pci {
  position: relative;
  left: 50%;
  margin-left: -697.5px;
}

.wrapperImg1400 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1400 .pci {
  position: relative;
  left: 50%;
  margin-left: -700px;
}

.wrapperImg1405 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1405 .pci {
  position: relative;
  left: 50%;
  margin-left: -702.5px;
}

.wrapperImg1410 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1410 .pci {
  position: relative;
  left: 50%;
  margin-left: -705px;
}

.wrapperImg1415 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1415 .pci {
  position: relative;
  left: 50%;
  margin-left: -707.5px;
}

.wrapperImg1420 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1420 .pci {
  position: relative;
  left: 50%;
  margin-left: -710px;
}

.wrapperImg1425 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1425 .pci {
  position: relative;
  left: 50%;
  margin-left: -712.5px;
}

.wrapperImg1430 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1430 .pci {
  position: relative;
  left: 50%;
  margin-left: -715px;
}

.wrapperImg1435 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1435 .pci {
  position: relative;
  left: 50%;
  margin-left: -717.5px;
}

.wrapperImg1440 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1440 .pci {
  position: relative;
  left: 50%;
  margin-left: -720px;
}

.wrapperImg1445 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1445 .pci {
  position: relative;
  left: 50%;
  margin-left: -722.5px;
}

.wrapperImg1450 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1450 .pci {
  position: relative;
  left: 50%;
  margin-left: -725px;
}

.wrapperImg1455 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1455 .pci {
  position: relative;
  left: 50%;
  margin-left: -727.5px;
}

.wrapperImg1460 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1460 .pci {
  position: relative;
  left: 50%;
  margin-left: -730px;
}

.wrapperImg1465 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1465 .pci {
  position: relative;
  left: 50%;
  margin-left: -732.5px;
}

.wrapperImg1470 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1470 .pci {
  position: relative;
  left: 50%;
  margin-left: -735px;
}

.wrapperImg1475 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1475 .pci {
  position: relative;
  left: 50%;
  margin-left: -737.5px;
}

.wrapperImg1480 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1480 .pci {
  position: relative;
  left: 50%;
  margin-left: -740px;
}

.wrapperImg1485 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1485 .pci {
  position: relative;
  left: 50%;
  margin-left: -742.5px;
}

.wrapperImg1490 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1490 .pci {
  position: relative;
  left: 50%;
  margin-left: -745px;
}

.wrapperImg1495 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1495 .pci {
  position: relative;
  left: 50%;
  margin-left: -747.5px;
}

.wrapperImg1500 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1500 .pci {
  position: relative;
  left: 50%;
  margin-left: -750px;
}

.wrapperImg1505 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1505 .pci {
  position: relative;
  left: 50%;
  margin-left: -752.5px;
}

.wrapperImg1510 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1510 .pci {
  position: relative;
  left: 50%;
  margin-left: -755px;
}

.wrapperImg1515 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1515 .pci {
  position: relative;
  left: 50%;
  margin-left: -757.5px;
}

.wrapperImg1520 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1520 .pci {
  position: relative;
  left: 50%;
  margin-left: -760px;
}

.wrapperImg1525 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1525 .pci {
  position: relative;
  left: 50%;
  margin-left: -762.5px;
}

.wrapperImg1530 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1530 .pci {
  position: relative;
  left: 50%;
  margin-left: -765px;
}

.wrapperImg1535 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1535 .pci {
  position: relative;
  left: 50%;
  margin-left: -767.5px;
}

.wrapperImg1540 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1540 .pci {
  position: relative;
  left: 50%;
  margin-left: -770px;
}

.wrapperImg1545 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1545 .pci {
  position: relative;
  left: 50%;
  margin-left: -772.5px;
}

.wrapperImg1550 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1550 .pci {
  position: relative;
  left: 50%;
  margin-left: -775px;
}

.wrapperImg1555 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1555 .pci {
  position: relative;
  left: 50%;
  margin-left: -777.5px;
}

.wrapperImg1560 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1560 .pci {
  position: relative;
  left: 50%;
  margin-left: -780px;
}

.wrapperImg1565 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1565 .pci {
  position: relative;
  left: 50%;
  margin-left: -782.5px;
}

.wrapperImg1570 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1570 .pci {
  position: relative;
  left: 50%;
  margin-left: -785px;
}

.wrapperImg1575 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1575 .pci {
  position: relative;
  left: 50%;
  margin-left: -787.5px;
}

.wrapperImg1580 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1580 .pci {
  position: relative;
  left: 50%;
  margin-left: -790px;
}

.wrapperImg1585 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1585 .pci {
  position: relative;
  left: 50%;
  margin-left: -792.5px;
}

.wrapperImg1590 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1590 .pci {
  position: relative;
  left: 50%;
  margin-left: -795px;
}

.wrapperImg1595 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1595 .pci {
  position: relative;
  left: 50%;
  margin-left: -797.5px;
}

.wrapperImg1600 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1600 .pci {
  position: relative;
  left: 50%;
  margin-left: -800px;
}

.wrapperImg1605 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1605 .pci {
  position: relative;
  left: 50%;
  margin-left: -802.5px;
}

.wrapperImg1610 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1610 .pci {
  position: relative;
  left: 50%;
  margin-left: -805px;
}

.wrapperImg1615 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1615 .pci {
  position: relative;
  left: 50%;
  margin-left: -807.5px;
}

.wrapperImg1620 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1620 .pci {
  position: relative;
  left: 50%;
  margin-left: -810px;
}

.wrapperImg1625 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1625 .pci {
  position: relative;
  left: 50%;
  margin-left: -812.5px;
}

.wrapperImg1630 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1630 .pci {
  position: relative;
  left: 50%;
  margin-left: -815px;
}

.wrapperImg1635 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1635 .pci {
  position: relative;
  left: 50%;
  margin-left: -817.5px;
}

.wrapperImg1640 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1640 .pci {
  position: relative;
  left: 50%;
  margin-left: -820px;
}

.wrapperImg1645 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1645 .pci {
  position: relative;
  left: 50%;
  margin-left: -822.5px;
}

.wrapperImg1650 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1650 .pci {
  position: relative;
  left: 50%;
  margin-left: -825px;
}

.wrapperImg1655 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1655 .pci {
  position: relative;
  left: 50%;
  margin-left: -827.5px;
}

.wrapperImg1660 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1660 .pci {
  position: relative;
  left: 50%;
  margin-left: -830px;
}

.wrapperImg1665 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1665 .pci {
  position: relative;
  left: 50%;
  margin-left: -832.5px;
}

.wrapperImg1670 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1670 .pci {
  position: relative;
  left: 50%;
  margin-left: -835px;
}

.wrapperImg1675 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1675 .pci {
  position: relative;
  left: 50%;
  margin-left: -837.5px;
}

.wrapperImg1680 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1680 .pci {
  position: relative;
  left: 50%;
  margin-left: -840px;
}

.wrapperImg1685 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1685 .pci {
  position: relative;
  left: 50%;
  margin-left: -842.5px;
}

.wrapperImg1690 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1690 .pci {
  position: relative;
  left: 50%;
  margin-left: -845px;
}

.wrapperImg1695 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1695 .pci {
  position: relative;
  left: 50%;
  margin-left: -847.5px;
}

.wrapperImg1700 {
  overflow: hidden;
  width: 100%;
  text-align: left !important;
}

.wrapperImg1700 .pci {
  position: relative;
  left: 50%;
  margin-left: -850px;
}

/*==============================================================================================
*
*   
*
==============================================================================================*/
.autoFrame {
  position: relative !important;
  height: 0 !important;
  padding-top: 56.25% !important;
  overflow: hidden !important;
  z-index: 10;
}

.autoFrame iframe {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/*============================================================================
*
* 
*
============================================================================*/
.bounceScroll {
  cursor: pointer;
  animation-fill-mode: both !important;
  animation-iteration-count: infinite !important;
  animation: bounceScroll 1.7s;
  animation-timing-function: ease-in-out;
}

@keyframes bounceScroll {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(13px);
  }
  100% {
    transform: translateY(0px);
  }
}

.bounceScroll_hard {
  cursor: pointer;
  animation-fill-mode: both !important;
  animation-iteration-count: infinite !important;
  animation: bounceScroll_hard 1.7s;
  animation-timing-function: ease-in-out;
}

@keyframes bounceScroll_hard {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(21px);
  }
  100% {
    transform: translateY(0px);
  }
}

.bounceScroll_left {
  cursor: pointer;
  animation-fill-mode: both !important;
  animation-iteration-count: infinite !important;
  animation: bounceScroll_left 1.7s;
  animation-timing-function: ease-in-out;
}

@keyframes bounceScroll_left {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0px);
  }
}

.bounce_right {
  cursor: pointer;
  animation-fill-mode: both !important;
  animation-iteration-count: infinite !important;
  animation: bounce_right 1.7s;
  animation-timing-function: ease-in-out;
}

@keyframes bounce_right {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0px);
  }
}

.bounce_left {
  cursor: pointer;
  animation-fill-mode: both !important;
  animation-iteration-count: infinite !important;
  animation: bounce_left 1.7s;
  animation-timing-function: ease-in-out;
}

@keyframes bounce_left {
  0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(0px);
  }
}

/*============================================================================
*
* 
*
============================================================================*/
.bounceBtn {
  visibility: visible !important;
  animation-fill-mode: both !important;
  -webkit-animation-fill-mode: both !important;
  -webkit-animation-iteration-count: infinite !important;
  animation-iteration-count: infinite !important;
  -webkit-animation: bounceBtn 1.8s;
  animation: bounceBtn 1.8s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@keyframes bounceBtn {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  25% {
    transform: scale(1.015);
  }
  40% {
    transform: scale(0.94);
  }
  50% {
    transform: scale(1.015);
  }
  60% {
    transform: scale(0.97);
  }
  70% {
    transform: scale(1.01);
    opacity: 1;
  }
  80% {
    transform: scale(0.98);
  }
  90% {
    transform: scale(1.005);
  }
  100% {
    transform: scale(1);
  }
}

.bounceBtn_hard {
  display: block;
  animation-fill-mode: both !important;
  -webkit-animation-fill-mode: both !important;
  -webkit-animation-iteration-count: infinite !important;
  animation-iteration-count: infinite !important;
  -webkit-animation: bounceBtn_hard 1.8s;
  animation: bounceBtn_hard 1.8s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@keyframes bounceBtn_hard {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  25% {
    transform: scale(1.05);
  }
  40% {
    transform: scale(0.85);
  }
  50% {
    transform: scale(1.05);
  }
  60% {
    transform: scale(0.93);
  }
  70% {
    transform: scale(1.03);
    opacity: 1;
  }
  80% {
    transform: scale(0.95);
  }
  90% {
    transform: scale(1.01);
  }
  100% {
    transform: scale(1);
  }
}

.bounceBtn_mvoie {
  display: block;
  animation-fill-mode: both !important;
  -webkit-animation-fill-mode: both !important;
  -webkit-animation-iteration-count: infinite !important;
  animation-iteration-count: infinite !important;
  -webkit-animation: bounceBtn_mvoie 2.1s;
  animation: bounceBtn_mvoie 2.1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@keyframes bounceBtn_mvoie {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  25% {
    transform: scale(1.05);
  }
  40% {
    transform: scale(0.85);
  }
  50% {
    transform: scale(1.05);
  }
  60% {
    transform: scale(0.93);
  }
  70% {
    transform: scale(1.03);
    opacity: 1;
  }
  80% {
    transform: scale(0.95);
  }
  90% {
    transform: scale(1.01);
  }
  100% {
    transform: scale(1);
  }
}

/*==============================================================================================
*
*   
*
==============================================================================================*/
.aniamteLine {
  height: 150px;
  width: 3px;
  vertical-align: bottom;
  overflow: hidden;
}

.aniamteLine:before {
  content: "";
  display: block;
  vertical-align: top;
  height: 100%;
  width: 1px;
  background: #FFFFFF;
  animation-fill-mode: both !important;
  animation-iteration-count: infinite !important;
  animation: animateLineKey 2.4s;
  animation-timing-function: ease-in-out;
}

@media screen and (max-width: 768px) {
  .aniamteLine {
    height: 100px;
  }
}

@keyframes animateLineKey {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(100%);
  }
  50.0001% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}

/*============================================================================
*
* 
*
============================================================================*/
@keyframes puyon {
  0% {
    transform: scale(1, 1);
  }
  17% {
    transform: scale(1.13, 1.13);
  }
  23% {
    transform: scale(0.88, 0.88);
  }
  29% {
    transform: scale(1.08, 1.08);
  }
  35% {
    transform: scale(0.94, 0.94);
  }
  41% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}

.puyon {
  animation: puyon 2.5s ease-out 0s 1;
  animation-iteration-count: infinite;
  cursor: pointer;
}

@keyframes puyon_small {
  0% {
    transform: scale(1, 1);
  }
  17% {
    transform: scale(1.04, 1.04);
  }
  23% {
    transform: scale(0.93, 0.93);
  }
  29% {
    transform: scale(1.03, 1.03);
  }
  35% {
    transform: scale(0.97, 0.97);
  }
  41% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}

.puyon_small {
  animation: puyon_small 2.5s ease-out 0s 1;
  animation-iteration-count: infinite;
  cursor: pointer;
}

/*==============================================================================================
*
*   
*
==============================================================================================*/
.standFlash {
  animation-fill-mode: both !important;
  animation-iteration-count: infinite !important;
  animation: standFlashKey 0.9s;
}

@keyframes standFlashKey {
  0% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  60.001% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/*==============================================================================================
*
*   
*
==============================================================================================*/
.animateFlash {
  animation-fill-mode: both !important;
  animation-iteration-count: infinite !important;
  animation: animateFlashKey 1.9s;
}

@keyframes animateFlashKey {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*======================================================================================================
*
*
* 
* JS関連
*
* 
*
======================================================================================================*/
/*======================================================================================================
*
*
* 
*
======================================================================================================*/
.kit-HamburgerMenu {
  position: fixed;
  z-index: 800000;
  cursor: pointer;
  padding: 20px;
  right: 0;
  top: 0;
}

.kit-HamburgerMenu span {
  display: block;
  width: 18px;
  height: 1px;
  margin-bottom: 4px;
  background: #000000;
  transition: all 300ms ease-out;
}

.kit-HamburgerMenu span:last-child {
  margin-bottom: 0;
}

.kit-HamburgerMenu.active span:nth-child(1) {
  transform: translateY(5px) rotate(-45deg);
}

.kit-HamburgerMenu.active span:nth-child(2) {
  opacity: 0;
}

.kit-HamburgerMenu.active span:nth-child(3) {
  transform: translateY(-5px) rotate(45deg);
}

.kit-HamburgerMenu.active span {
  background: #FFFFFF !important;
}

.kit-HamburgerContent {
  z-index: 790000;
  background: rgba(0, 0, 0, 0.9);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #FFFFFF;
  text-align: center;
  display: none;
}

.kit-HamburgerContent.active {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.kit-HamburgerContent .logo {
  position: absolute;
  left: 15px;
  top: 15px;
}

@media screen and (max-width: 768px) {
  .kit-HamburgerContent .logo {
    transform: scale(0.85);
    transform-origin: top left;
  }
}

.kit-HamburgerContent ul {
  opacity: 0;
}

.kit-HamburgerContent ul li {
  padding: 15px;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 5px;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  .kit-HamburgerContent ul li {
    font-size: 15px;
    padding: 13px 0;
    margin-bottom: 7px;
  }
}

.kit-HamburgerContent ul li:last-child {
  margin-bottom: 0;
}

.kit-HamburgerContent ul li.border {
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin-top: 15px;
}

/*======================================================================================================
*
*
* 
*
======================================================================================================*/
.kit-middleFixedBg {
  position: relative;
  overflow: hidden;
}

.kit-middleFixedBg .kit-middleFixedBgItem {
  z-index: -1;
  position: absolute;
  height: 100vh;
  width: 100%;
}

.kit-middleFixedBg .kit-middleFixedBgItem.fixed {
  position: fixed;
  bottom: 0;
}

.kit-middleFixedBg .kit-middleFixedBgItem.bottom {
  position: absolute;
  bottom: 0;
}

/*======================================================================================================
*
*
* 
* レイアウトのみ
*
* 
*
======================================================================================================*/
/*==============================================================================================
*
* QaSection
*
==============================================================================================*/
#QaSection {
  position: relative;
  z-index: 2;
  background: #FFFFFF;
}

#QaSection h2 {
  text-align: center;
  margin-bottom: 30px;
}

#QaSection li {
  background: #f5f5f5;
  padding: 30px;
  margin-bottom: 10px;
}

#QaSection li:last-child {
  margin-bottom: 0;
}

#QaSection li .box {
  position: relative;
}

#QaSection li .box .icon {
  width: 33px;
  height: 33px;
  border-radius: 33px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  position: absolute;
}

#QaSection li .box h3, #QaSection li .box p {
  padding-left: 40px;
}

#QaSection li .box h3 {
  font-size: 21px;
  line-height: 1.5em;
  padding-top: 1px;
  font-weight: 500;
}

#QaSection li .box p {
  padding-top: 5px;
}

#QaSection li .box p a {
  color: #559a1a;
  text-decoration: underline;
}

#QaSection li .box.answer {
  margin-top: 13px;
}

#QaSection li .box.answer p {
  font-weight: 300;
}

@media screen and (max-width: 768px) {
  #QaSection li {
    padding: 20px 15px;
  }
  #QaSection li:last-child {
    margin-bottom: 0;
  }
  #QaSection li .box {
    position: relative;
  }
  #QaSection li .box .icon {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin-right: 8px;
    font-size: 13px;
  }
  #QaSection li .box h3, #QaSection li .box p {
    padding-left: 36px;
  }
  #QaSection li .box h3 {
    font-size: 18px;
  }
  #QaSection li .box p {
    font-size: 14px;
  }
  #QaSection li .box.answer {
    margin-top: 13px;
  }
}

/*====================================================================================
*
*
*   
*
*
=====================================================================================*/
.setYoutube_container {
  position: relative;
  /*-----切り替え系-----*/
  /*-----cssAnimat-----*/
}

.setYoutube_container .setYoutube_bg {
  background: red;
  position: absolute;
  width: 104%;
  height: 92%;
  top: 4%;
  left: -2%;
}

.setYoutube_container .setYoutube_include {
  position: relative;
  width: 100%;
  background: #000000;
  z-index: 2;
}

.setYoutube_container .setYoutube_include .controller {
  width: 100%;
  height: 100%;
  position: absolute;
}

.setYoutube_container .setYoutube_include .controller .playArea {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 12;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.setYoutube_container .setYoutube_include .controller .playArea .icon {
  z-index: 5;
  position: absolute;
  left: 50%;
  top: 50.3%;
  transform: translate(-50%, -50%) scale(1.2);
}

.setYoutube_container .setYoutube_include .controller .playArea .icon .youtubeIcon {
  display: none;
}

@media screen and (max-width: 768px) {
  .setYoutube_container .setYoutube_include .controller .playArea .icon {
    transform: translate(-50%, -50%) scale(0.9);
  }
}

.setYoutube_container .setYoutube_include .controller .playArea .hamon {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -53%);
}

@media screen and (max-width: 768px) {
  .setYoutube_container .setYoutube_include .controller .playArea .hamon {
    transform: translate(-50%, -53%) scale(0.9);
  }
}

.setYoutube_container .setYoutube_include .controller .playArea .hamon div {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: red;
  border-radius: 50%;
  transform: scale(0);
}

.setYoutube_container .setYoutube_include .controller .thumArea {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}

.setYoutube_container .setYoutube_include .controller .thumArea video {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .setYoutube_container .setYoutube_include .controller .thumArea video {
    width: auto;
    height: 100%;
    position: relative;
  }
}

.setYoutube_container .setYoutube_include .frameWrapper {
  position: relative;
  /*@media screen and (max-width: 768px){
          padding: 20px 0;
        }*/
}

.setYoutube_container.iconType_youtube .setYoutube_include .controller .playArea .icon .originalIcon {
  display: none;
}

.setYoutube_container.iconType_youtube .setYoutube_include .controller .playArea .icon .youtubeIcon {
  display: block;
}

.setYoutube_container.waveType_none .setYoutube_include .controller .playArea .hamon {
  display: none;
}

.setYoutube_container.iconBounce_none .setYoutube_include .controller .playArea .icon .bounceBtn_hard {
  animation: none;
}

.setYoutube_container .hamon .one {
  animation: hamonAnimate 1.8s infinite ease-out;
  animation-delay: 0.35s;
}

.setYoutube_container .hamon .two {
  animation: hamonAnimate 1.8s infinite ease-out;
  animation-delay: 0.65s;
}

@keyframes hamonAnimate {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  80% {
    transform: scale(3.2);
    opacity: 0;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}

/*====================================================================================
*
*
*  
*
*
=====================================================================================*/
#Container {
  width: 900px;
  margin: 0 auto;
  line-height: 1.8;
  padding: 70px 0;
}

@media screen and (max-width: 768px) {
  #Container {
    width: 92%;
    font-size: 14px;
  }
}

#Container h6 {
  font-weight: 900;
  font-size: 27px;
  text-align: center;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  #Container h6 {
    font-size: 23px;
  }
}

#Container b {
  background: #eaeaea;
  display: block;
  padding: 19px;
  line-height: 1;
  border-radius: 8px;
  margin-bottom: 12px;
  margin-top: 35px;
}

@media screen and (max-width: 768px) {
  #Container b {
    font-size: 15px;
  }
}

#Container .indent {
  padding-left: 1.2em;
}