@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500&display=swap");
html { -ms-scroll-chaining: none; -webkit-text-size-adjust: none; height: 100%; overflow-y: scroll; overscroll-behavior: none; }

body { bottom: 0; font-family: 'Noto Sans JP', sans-serif; font-weight: 400; left: 0; position: relative; right: 0; top: 0; }

@-webkit-keyframes slide_anime { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(30px); transform: translateX(30px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

@keyframes slide_anime { 0% { -webkit-transform: translateX(0); transform: translateX(0); }
  50% { -webkit-transform: translateX(30px); transform: translateX(30px); }
  100% { -webkit-transform: translateX(0); transform: translateX(0); } }

.bl_section_designer { background: -webkit-gradient(linear, left top, left bottom, from(#FFEE00), color-stop(49%, #FFEE00), color-stop(49%, #EDEDF1), to(#EDEDF1)); background: linear-gradient(180deg, #FFEE00 0%, #FFEE00 49%, #EDEDF1 49%, #EDEDF1 100%); padding: 150px 0 7.5%; }

@media screen and (max-width: 768px) { .bl_section_designer { background: -webkit-gradient(linear, left top, left bottom, from(#FFEE00), color-stop(34%, #FFEE00), color-stop(34%, #EDEDF1), to(#EDEDF1)); background: linear-gradient(180deg, #FFEE00 0%, #FFEE00 34%, #EDEDF1 34%, #EDEDF1 100%); padding: 25% 0 10%; } }

@media screen and (max-width: 768px) { .bl_section_designer .ly_main_inner { width: 91%; } }

.bl_section_designer_ttl { position: relative; }

.bl_section_designer_ttl::after { -webkit-transform: translateX(-50%); background-color: #1A1A1A; bottom: -149%; content: ''; display: block; height: 1px; left: 50%; position: absolute; transform: translateX(-50%); width: 33px; }

@media screen and (max-width: 768px) { .bl_section_designer_ttl::after { bottom: -136%; } }

.bl_section_designer_ttl_img { margin: 0 auto 5%; width: 12%; }

@media screen and (max-width: 768px) { .bl_section_designer_ttl_img { margin: 0 auto 13%; width: 33%; } }

.bl_section_designer_photo { left: -13px; margin: 0 auto 4.5%; position: relative; width: 61%; }

@media screen and (max-width: 768px) { .bl_section_designer_photo { left: auto; margin: 0 auto 2%; width: 90%; } }

.bl_section_designer_txt { font-family: 'Noto Sans JP', sans-serif; font-size: 13px; letter-spacing: 0.08rem; line-height: 2.7; text-align: center; }

@media screen and (max-width: 768px) { .bl_section_designer_txt { letter-spacing: 0.01rem; line-height: 2.5; margin-bottom: 9%; } }