@charset "utf-8";
html {
  font-size: 62.5%;
}

body {
  color: #333;
  font-family: "YuGothic Medium","Yu Gothic Medium","游ゴシック Medium","游ゴシック体 Medium",YuGothic,"Yu Gothic","游ゴシック","游ゴシック体","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-feature-settings : "palt";
  -moz-osx-font-smoothing: grayscale;
}

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

.body {
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}

/*hamburger用*/
@media screen and (max-width:1080px) {
  .is-overlay {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: fixed;
  }
}

.service-link-button1 {
  font-size: 15px;
  background-color: #FFEB57;
  border-radius: 25px;
  border: 2px solid #111;
  overflow: hidden;
  padding: 12px 50px;
  font-weight: bold;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  width: 150px;
  display: block;
  z-index: 200;
  text-align: center;
}

.service-link-button2 {
  font-size: 15px;
  background-color: #FFEB57;
  border-radius: 25px;
  border: 2px solid #111;
  overflow: hidden;
  padding: 12px 50px;
  font-weight: bold;
  margin-top: -30px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  width: 150px;
  display: block;
  z-index: 200;
  text-align: center;
}

.service-link-button4 {
  font-size: 22px;
  background-color: #FFEB57;
  border-radius: 50px;
  border: 2px solid #111;
  overflow: hidden;
  padding: 20px 70px;
  font-weight: bold;
  margin-top: -30px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  width: 220px;
  display: block;
  z-index: 200;
  text-align: center;
}

.service-link-button5 {
  font-size: 22px;
  background-color: #FFEB57;
  border-radius: 50px;
  border: 2px solid #111;
  overflow: hidden;
  padding: 20px 70px;
  font-weight: bold;
  margin-top: 100px;
  margin-bottom: 100px;
  margin-left: auto;
  margin-right: auto;
  width: 220px;
  display: block;
  z-index: 200;
  text-align: center;
}

.scrollArea{
	height: 200px;
	overflow: auto;
}
/*スクロールバーの横幅指定*/
.scrollArea::-webkit-scrollbar {
    width: 15px;
}
/*スクロールバーの背景色・角丸指定*/
.scrollArea::-webkit-scrollbar-track {
  border-radius: 10px;
	background: #f2f2f2;
}
/*スクロールバーの色・角丸指定*/
.scrollArea::-webkit-scrollbar-thumb {
  border-radius: 10px;
	background:#707070;
}