.tokkou-title {
  display: flex;
  position: relative;
  width: 100%;
  height: auto;
  color: white;
  font-size: calc(100vw / 31.3);
  justify-content: flex-start;
  align-items: center;
}

.tokkou-title img {
  width: calc(100vw / 12);
  height: calc(100vw / 12);
  z-index: 2;
  border-radius: 50%;
}

.tokkou-title .tokkou-ttl-text {
  display: flex;
  position: absolute;
  left: calc(100vw / 26.6);
  z-index: 1;
  width: calc(100% - 100vw / 26.6);
  height: calc(100vw / 16.36);
  padding-left: calc(100vw / 18);
  box-sizing: border-box;
  background-image: -webkit-linear-gradient(0deg, #a4bbf8 0%, rgba(164, 187, 248, 0.8) 70%, rgba(164, 187, 248, 0) 100%);
  background-image: -moz-linear-gradient(0deg, #a4bbf8 0%, rgba(164, 187, 248, 0.8) 70%, rgba(164, 187, 248, 0) 100%);
  background-image: -o-linear-gradient(0deg, #a4bbf8 0%, rgba(164, 187, 248, 0.8) 70%, rgba(164, 187, 248, 0) 100%);
  background-image: linear-gradient(90deg, #a4bbf8 0%, rgba(164, 187, 248, 0.8) 70%, rgba(164, 187, 248, 0) 100%);
  align-items: center;
}

.tokkou-title .tokkou-ttl-text span {
  text-shadow: #67779d calc(100vw / 360) 0px, #67779d calc(100vw / -360) 0px, #67779d 0px calc(100vw / -360), #67779d 0px calc(100vw / 360), #67779d calc(100vw / 360) calc(100vw / 360), #67779d calc(100vw / -360) calc(100vw / 360), #67779d calc(100vw / 360) calc(100vw / -360), #67779d calc(100vw / -360) calc(100vw / -360), #67779d calc(100vw / 360) calc(100vw / 360), #67779d calc(100vw / -720) calc(100vw / 360), #67779d calc(100vw / 720) calc(100vw / -360), #67779d calc(100vw / -720) calc(100vw / -360), #67779d calc(100vw / 360) calc(100vw / 720), #67779d calc(100vw / -360) calc(100vw / 720), #67779d calc(100vw / 360) calc(100vw / -720), #67779d calc(100vw / -360) calc(100vw / -720);
}

.tokkou-main-wrapper {
  display: flex;
  width: 100%;
  margin-bottom: calc(100vw / 15);
  align-items: center;
}

.tokkou-main-wrapper--no-skill {
  margin-bottom: 0;
}

.tokkou-img {
  display: flex;
  width: 47%;
  justify-content: center;
  align-items: center;
}

.tokkou-img img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.tokkou-img--no-para {
  width: auto;
  margin: 0 auto;
}

.tokkou-img--no-para img {
  max-height: calc(100vw / 1.7);
}

.tokkou-img--card {
  padding-left: 3%;
  box-sizing: border-box;
}

.tokkou-para-wrapper {
  display: flex;
  width: 50%;
  margin-left: 3%;
  flex-flow: column;
  align-items: center;
}

.para-inner-wrapper {
  z-index: 1;
  width: 100%;
  height: auto;
  margin-top: calc(100vw / -37);
  padding: calc(100vw / 16) calc(100vw / 180) calc(100vw / 18);
  border: solid calc(100vw / 240) #d0ac49;
  border-radius: calc(100vw / 48);
  box-sizing: border-box;
  background-color: white;
}

.para-content-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  height: calc(100vw / 22);
  margin-bottom: calc(100vw / 22);
  padding: 0 calc(100vw / 36);
  box-sizing: border-box;
  font-weight: bold;
  justify-content: center;
}

.para-content-wrapper:last-child {
  margin-bottom: 0;
}

.para-content-wrapper::after {
  position: absolute;
  bottom: calc(100vw / 120 * -1);
  width: 100%;
  height: calc(100vw / 160);
  content: "";
}

.para-content-wrapper .para-content-item {
  display: flex;
  width: 100%;
  height: 100%;
  font-size: calc(100vw / 37.5);
  align-items: center;
}

.para-content-wrapper .para-content-item .para-content-icon {
  width: calc(100vw / 20);
  height: calc(100vw / 22);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.para-content-wrapper .para-content-item .para-content-name {
  width: 100%;
  min-width: calc(100vw / 18);
  max-width: calc(100vw / 5.4);
}

.para-content-wrapper .para-content-item .para-content-num {
  width: 100%;
  max-width: calc(100vw / 10);
  font-size: calc(100vw / 24.8);
  text-align: right;
}

.para-content--passion::after {
  background-image: -moz-linear-gradient(0deg, rgba(237, 91, 75, 0) 0%, rgba(237, 91, 75, 0.90196) 30%, rgba(237, 91, 75, 0.9) 50%, rgba(237, 91, 75, 0.90196) 70%, rgba(237, 91, 75, 0) 100%);
  background-image: -webkit-linear-gradient(0deg, rgba(237, 91, 75, 0) 0%, rgba(237, 91, 75, 0.90196) 30%, rgba(237, 91, 75, 0.9) 50%, rgba(237, 91, 75, 0.90196) 70%, rgba(237, 91, 75, 0) 100%);
  background-image: -o-linear-gradient(0deg, rgba(237, 91, 75, 0) 0%, rgba(237, 91, 75, 0.90196) 30%, rgba(237, 91, 75, 0.9) 50%, rgba(237, 91, 75, 0.90196) 70%, rgba(237, 91, 75, 0) 100%);
  background-image: linear-gradient(90deg, rgba(237, 91, 75, 0) 0%, rgba(237, 91, 75, 0.90196) 30%, rgba(237, 91, 75, 0.9) 50%, rgba(237, 91, 75, 0.90196) 70%, rgba(237, 91, 75, 0) 100%);
}

.para-content--passion .para-content-item .para-content-icon {
  background-image: url("../img/passion-icon.png");
}

.para-content--happy::after {
  background-image: -moz-linear-gradient(0deg, rgba(255, 182, 65, 0) 0%, rgba(255, 182, 65, 0.90196) 30%, rgba(255, 182, 65, 0.9) 50%, rgba(255, 182, 65, 0.90196) 70%, rgba(255, 182, 65, 0) 100%);
  background-image: -webkit-linear-gradient(0deg, rgba(255, 182, 65, 0) 0%, rgba(255, 182, 65, 0.90196) 30%, rgba(255, 182, 65, 0.9) 50%, rgba(255, 182, 65, 0.90196) 70%, rgba(255, 182, 65, 0) 100%);
  background-image: -o-linear-gradient(0deg, rgba(255, 182, 65, 0) 0%, rgba(255, 182, 65, 0.90196) 30%, rgba(255, 182, 65, 0.9) 50%, rgba(255, 182, 65, 0.90196) 70%, rgba(255, 182, 65, 0) 100%);
  background-image: linear-gradient(90deg, rgba(255, 182, 65, 0) 0%, rgba(255, 182, 65, 0.90196) 30%, rgba(255, 182, 65, 0.9) 50%, rgba(255, 182, 65, 0.90196) 70%, rgba(255, 182, 65, 0) 100%);
}

.para-content--happy .para-content-item .para-content-icon {
  background-image: url("../img/happy-icon.png");
}

.para-content--relax::after {
  background-image: -moz-linear-gradient(0deg, rgba(80, 216, 138, 0) 0%, rgba(80, 216, 138, 0.90196) 30%, rgba(80, 216, 138, 0.9) 50%, rgba(80, 216, 138, 0.90196) 70%, rgba(80, 216, 138, 0) 100%);
  background-image: -webkit-linear-gradient(0deg, rgba(80, 216, 138, 0) 0%, rgba(80, 216, 138, 0.90196) 30%, rgba(80, 216, 138, 0.9) 50%, rgba(80, 216, 138, 0.90196) 70%, rgba(80, 216, 138, 0) 100%);
  background-image: -o-linear-gradient(0deg, rgba(80, 216, 138, 0) 0%, rgba(80, 216, 138, 0.90196) 30%, rgba(80, 216, 138, 0.9) 50%, rgba(80, 216, 138, 0.90196) 70%, rgba(80, 216, 138, 0) 100%);
  background-image: linear-gradient(90deg, rgba(80, 216, 138, 0) 0%, rgba(80, 216, 138, 0.90196) 30%, rgba(80, 216, 138, 0.9) 50%, rgba(80, 216, 138, 0.90196) 70%, rgba(80, 216, 138, 0) 100%);
}

.para-content--relax .para-content-item .para-content-icon {
  background-image: url("../img/relax-icon.png");
}

.para-content--cool::after {
  background-image: -moz-linear-gradient(0deg, rgba(38, 196, 255, 0) 0%, rgba(38, 196, 255, 0.90196) 30%, rgba(38, 196, 255, 0.9) 50%, rgba(38, 196, 255, 0.90196) 70%, rgba(38, 196, 255, 0) 100%);
  background-image: -webkit-linear-gradient(0deg, rgba(38, 196, 255, 0) 0%, rgba(38, 196, 255, 0.90196) 30%, rgba(38, 196, 255, 0.9) 50%, rgba(38, 196, 255, 0.90196) 70%, rgba(38, 196, 255, 0) 100%);
  background-image: -o-linear-gradient(0deg, rgba(38, 196, 255, 0) 0%, rgba(38, 196, 255, 0.90196) 30%, rgba(38, 196, 255, 0.9) 50%, rgba(38, 196, 255, 0.90196) 70%, rgba(38, 196, 255, 0) 100%);
  background-image: linear-gradient(90deg, rgba(38, 196, 255, 0) 0%, rgba(38, 196, 255, 0.90196) 30%, rgba(38, 196, 255, 0.9) 50%, rgba(38, 196, 255, 0.90196) 70%, rgba(38, 196, 255, 0) 100%);
}

.para-content--cool .para-content-item .para-content-icon {
  background-image: url("../img/cool-icon.png");
}

.para-content--pride::after {
  background-image: -moz-linear-gradient(0deg, rgba(131, 108, 255, 0) 0%, rgba(131, 108, 255, 0.90196) 30%, rgba(131, 108, 255, 0.9) 50%, rgba(131, 108, 255, 0.90196) 70%, rgba(131, 108, 255, 0) 100%);
  background-image: -webkit-linear-gradient(0deg, rgba(131, 108, 255, 0) 0%, rgba(131, 108, 255, 0.90196) 30%, rgba(131, 108, 255, 0.9) 50%, rgba(131, 108, 255, 0.90196) 70%, rgba(131, 108, 255, 0) 100%);
  background-image: -o-linear-gradient(0deg, rgba(131, 108, 255, 0) 0%, rgba(131, 108, 255, 0.90196) 30%, rgba(131, 108, 255, 0.9) 50%, rgba(131, 108, 255, 0.90196) 70%, rgba(131, 108, 255, 0) 100%);
  background-image: linear-gradient(90deg, rgba(131, 108, 255, 0) 0%, rgba(131, 108, 255, 0.90196) 30%, rgba(131, 108, 255, 0.9) 50%, rgba(131, 108, 255, 0.90196) 70%, rgba(131, 108, 255, 0) 100%);
}

.para-content--pride .para-content-item .para-content-icon {
  background-image: url("../img/pride-icon.png");
}

.tokkou-skill {
  width: 100%;
}

.tokkou-text-common {
  width: 100%;
  margin-bottom: calc(100vw / 36);
  padding-left: 12%;
  box-sizing: border-box;
  font-size: calc(100vw / 32.7);
  line-height: calc(100vw / 32 * 1.5);
}

.tokkou-text-common:last-child {
  margin-bottom: 0;
}

.tokkou-list-wrapper {
  display: flex;
  width: 100%;
  height: auto;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tokkou-list-wrapper::before {
  display: block;
  width: calc(100vw / 5.625);
  order: 1;
  content: "";
}

.tokkou-list-wrapper::after {
  display: block;
  width: calc(100vw / 5.625);
  content: "";
}

.tokkou-list-wrapper img {
  width: calc(100vw / 5.625);
  height: calc(100vw / 15);
  margin-bottom: 3%;
}

.tokkou-list-wrapper img:nth-last-child(-n+4) {
  margin-bottom: 0;
}

.tokkou-grow-wrapper {
  width: 100%;
  padding-left: 3%;
  box-sizing: border-box;
}

.tokkou-grow-wrapper:first-child {
  margin-bottom: calc(100vw / 20);
}

.tokkou-grow-wrapper .tokkou-grow-ul {
  width: 100%;
  padding-top: calc(100vw/ 36);
  padding-left: 9%;
  box-sizing: border-box;
}

.tokkou-grow-wrapper .tokkou-grow-ul .tokkou-grow-li {
  display: flex;
  list-style: none;
  margin-bottom: calc(100vw / 38);
  font-weight: bold;
  font-size: calc(100vw / 34);
  align-items: center;
}

.tokkou-grow-wrapper .tokkou-grow-ul .tokkou-grow-li .grow-li-ttl-wrapper {
  display: flex;
  width: auto;
  min-width: calc(100vw / 2.8);
  margin-right: calc(100vw / 18);
  font-size: calc(100vw / 25);
}

.tokkou-grow-wrapper .tokkou-grow-ul .tokkou-grow-li .grow-li-ttl-wrapper .grow-li-ttl-name {
  width: auto;
  min-width: calc(100vw / 5);
}

.tokkou-grow-wrapper .tokkou-grow-ul .tokkou-grow-li .grow-li-ttl-wrapper .grow-li-ttl-num {
  margin-left: calc(100vw / 48);
}

.tokkou-grow-wrapper .tokkou-grow-ul .tokkou-grow-li .grow-li-text {
  width: 100%;
}

.tokkou-grow-wrapper .tokkou-grow-ul .tokkou-grow-li:last-child {
  margin-bottom: 0;
}

.event-wrapper {
  width: 100%;
}

event-content-title img {
  width: calc(100vw / 12);
  height: calc(100vw / 12);
  border-radius: 50%;
}