img{
	height: auto;
}
.top-visual{
	position: relative;
	margin-bottom: 100px;
}

.title-back{
  width: 100%;
  min-width: 1920px;
  display: block;
}
.title-img{
  position: absolute;
  top: 41%;
  right: 60.3%;
  max-width: 269px;
}

.contents-box,
.bottom-btn{
  position: relative;
  max-width: 770px;
  width: 90%;
  margin: 0 auto 50px;
}
.contents-text{
  line-height: 2;
  font-size: 16px;
  letter-spacing: 1px;
}

.blue{
	color: #08549b;
	font-weight: bold;
	padding: 2.5% 0;
}
.profile{
	color: #5a9ce0;
	box-sizing: border-box;
  margin-bottom: 100px;
  text-align: center;
}
.profile img{
  width: 100%;
}
.profile div{
  display: inline-block;
  width: 45%;
  vertical-align: text-bottom;
}
.profile div:first-child{
  font-size: 0;
  margin-right: 9%;
}

.bottom-btn img{
	display: inline-block;
	width: 47%;
}

.md{
  display: block;
}
.sm{
  display: none;
}

@media only screen and (min-width: 920px){
  .bottom-btn a img.md{
    display: inline-block !important;
  }

  .sm{
    display: none !important;
  }
}
@media only screen and (max-width: 920px){
  .md{
    display: none !important;
  }
  .sm{
    display: block !important;
  }
  .bottom-btn a img.sm{
    display: inline-block !important;
  }


	.top-visual{
		margin-bottom: 15%;
	}
	/* .top-image{
    width: 209%;
    margin-left: -55%;
	}
	.top-text2{
    bottom: 5%;
    right: -54%;
    width: 90%;
	} */
  
	.title-back{
		width: 209%;
		min-width: unset;
		margin: 0;
	}
	.title-img{
		width: 43.5%;
		top: 39%;
		left: 10%;
		/* *0.675 */
		min-width: 181.6px;
	}
  .contents-box{
    width: 85%;
    margin-bottom: 20%;
  }
  /* .title-img{
    margin-bottom: 10%;
		max-width: 271px;
    width: 55.6%;
  } */
  .profile img{
    max-width: 381px;
  }
	.profile div{
    width: 100%;
	} 
  .profile div:first-child{
    margin-right: 0;
    margin-bottom: 5%;
  }
  .bottom-btn{
    width: 100%;
    line-height: 0;
    margin-bottom: 5%;
  }
  .bottom-btn img{
    display: inline-block;
    width: 85%;
    margin-bottom: 4%;
  }
}