@charset "UTF-8";

/*CONTENT*/
.top {
  margin-top: 16vw;
  /*padding-top: 16vw;*/
  position: relative;
}

@media print,
screen and (min-width: 1025px) {
  .top {
    background-size: cover;
    background-position: center;
    height: 17.81vw;
    margin-top: 1.82vw;
    padding-top: 0;
  }
}

@media print,
screen and (min-width: 1025px) {
  .top img {
    display: none;
  }
}

@media print,
screen and (min-width: 1025px) {

  .top>div,
  .top>div>div {
    background-size: cover;
    background-position: center;
    height: 17.81vw;
    margin-top: 1.82vw;
  }
}

.top div.ccm-block,
.top div.ccm-add-block,
.top div.ccm-area {
  height: 3vw;
}

.top-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: inline-block;
  padding: 4vw 0;
  font-size: 5.5vw;
  background: rgba(246, 145, 102, 0.8);
  color: #fff;
  text-align: center;
  width: 40vw;
}

@media print,
screen and (min-width: 1025px) {
  .top-title {
    font-size: 2.15vw;
    padding: 1vw 0;
    width: 22.5vw;
  }
}

.content h2 {
	font-size: 5.33vw;
	font-weight: bold;
	color: #f69166;
	margin-top: 5.33vw;
}

@media print,
screen and (min-width: 1025px) {
	.content h2 {
		font-size: 1.04vw;
		margin-top: 2.08vw;
	}
}

.content h3 {
	font-size: 4vw;
	font-weight: bold;
	color: #f69166;
	margin-top: 5vw;
	padding-bottom: 2.5vw;
	border-bottom: 1px solid;
}

@media print,
screen and (min-width: 1025px) {
	.content h3 {
		font-size: 0.9vw;
		margin-top: 2vw;
		padding-bottom: 0.3vw;
	}
}

.content h4 {
	color: #490c0c;
	font-size: 3.8vw;
	font-weight: bold;
	margin-top: 5vw;
	padding-left: 4vw;
	border-left: 6px solid;
}

@media print,
screen and (min-width: 1025px) {
	.content h4 {
		font-size: 0.85vw;
		margin-top: 2vw;
		padding-left: 0.5vw;
	}
}

.content p {
	font-size: 3.73vw;
	margin-top: 3.73vw;
}

@media print,
screen and (min-width: 1025px) {
	.content p {
		font-size: 0.83vw;
		margin-top: 1.04vw;
	}
}