@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("https://fonts.googleapis.com/css?family=Barlow+Condensed|Montserrat");
html, body {
  margin: 0;
  padding: 0;
}

#breadcrumbs {
  display: none;
}

#internshipwrap {
  position: relative;
}

.isAnimate {
  opacity: 0;
}

.design_sketch .sketch_main h1 small, .design_sketch .sketch_main aside, .design_sketch .sketch_main .scrolldown {
  opacity: 0;
  -webkit-transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 2.2s;
  transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 2.2s;
}

.design_sketch {
  margin: 0;
  padding: 0;
  background-color: #fff;
  /*font-family: $fNoto; 202511change*/
  font-family: 'HondaGlobalFontJP-Regular', sans-serif;
  font-weight: normal;
  -webkit-transition: background-color .5s ease;
  transition: background-color .5s ease;
}

@media screen and (min-width: 737px), print {
  .design_sketch {
    width: 100%;
    min-width: 980px;
  }
  .design_sketch .spshow {
    display: none;
  }
}

@media screen and (max-width: 736px) {
  .design_sketch .pcshow {
    display: none;
  }
}

.design_sketch * {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.5em;
}

.design_sketch.colorChange {
  background-color: #33a187;
  color: #fff;
}

.design_sketch .sketch_main {
  position: relative;
  background-position: bottom 0 left 50%;
  color: white;
  /* アニメーション設定 */
}

.design_sketch .sketch_main.show * {
  opacity: 1;
}

.design_sketch .sketch_main.show::after {
  opacity: 1;
}

.design_sketch .sketch_main::after {
  display: block;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
}

.design_sketch .sketch_main h1 {
  z-index: 1;
  position: relative;
  text-align: center;
  -webkit-perspective: 2000px;
          perspective: 2000px;
}

.design_sketch .sketch_main h1 strong,
.design_sketch .sketch_main h1 small {
  display: block;
  background-repeat: no-repeat;
  line-height: 1em;
}

.design_sketch .sketch_main h1 strong img,
.design_sketch .sketch_main h1 small img {
  width: 100%;
}

.design_sketch .sketch_main h1 small {
  margin: 0 auto;
  overflow: hidden;
  background-image: url(../image/sketch_hd_logo.png);
  background-size: contain;
  text-indent: -9999px;
}

.design_sketch .sketch_main h1 strong {
  margin: 0 auto;
  overflow: hidden;
  -webkit-transform: rotateX(12deg) rotateY(10deg) rotateZ(-3deg);
          transform: rotateX(12deg) rotateY(10deg) rotateZ(-3deg);
  background-image: url(../image/sketch_main_txt_01.svg);
  background-size: contain;
  text-indent: -9999px;
  opacity: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 2.2s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 2.2s;
  transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 2.2s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 2.2s;
  transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 2.2s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 2.2s;
  transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 2.2s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 2.2s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 2.2s;
}

.design_sketch .sketch_main h1 strong.show {
  -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
          transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  opacity: 1;
}

.design_sketch .sketch_main aside {
  z-index: 1;
  position: absolute;
}

.design_sketch .sketch_main aside dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.design_sketch .sketch_main aside dl a {
  color: white;
}

.design_sketch .sketch_main aside dl dd {
  line-height: 0;
}

.design_sketch .sketch_main aside dl dt {
  overflow: hidden;
  background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGcAAAAWCAYAAADdP4KdAAADj0lEQVRoge1Z7XHaQBDdY/w/dBDcAa4gcgdKBcEdyBWYDnAqACqQO4BUAB3IHYAr2MySVbI89k4S2I49ozejGcTdfu/t3p3IgpmHzFww84qZd/wPG2aeMXNGDpg5V5r6GXnzepwJZh5DQGIQ548hqFOY6waxRzcM1Lni7BURDVtQZzq3xxvjStk/QGD2RLQgohci+kJEORHZUrXoA/MO0D5jscOyRX/mTZi50mcIY31ZewNIWcNAbEMIWxQVQliEEK6J6CaEsP+sBn8mDLSEWYxxZVj0gXk/DHSVWIdLYPrt8AfAQFX4CapIqavPNn2Q/jf0/BJDmWryzoZADrJzc26q9N0NtJ6xZqpDZfjI+9SZP9KxUt8zo7/InDs0mdpRGd5FqoSnoPzQxmgyq+yV6j5Un23A1klUpDJPofSMcYITQ2wnOG+gm8P8zIx5Olcd+G88nRoCk/LTznOytaXhsH+SWGh4ahVtWmylU6gcmQXwx+sjthkJwfGQmbnoyAoy9iCzQ2CKuNgj4C1KFxRNSowSGbeBuV5w5urE3HHGBOiHjjFDCNDEjGFwdnoOy2DeCOYVZmyS0inhE4vKyJ3ifWRDcJD2aKxJF6sQOleQJ4JTOo62mEVk1YrKk4HcKcxzdQF+Vq9K6exj+1vp8QB+dtXsnAqCeo3NmEWb6tNuI6bOrYB4bsYbbwigVK5gLG9x6ZoKTuy2PFWeEY33hcAvlmA2oexKdW1J2XR1wt2BHDyZeal3cDVeZYutjrVZ+6zP6LVkAN8YfnXk9xL5H8+MZ+MQHF1CkjnLEMJJVBVfHWNfAz8Mj3UI4bZ+0Wy+5J7O6ii87y7Ud2v0+YaDWqoymH826kPoTLP0QctXUde8ek9ORNgwu2ZaDHZ1IM+LMg/4TbA36fnK7Vct+GVQtkRX3AavO2vsKNgVTbu11j0HdoSVOaThFrhzz9G52CtL1bfUd/fsleCHfayKbP2nQNe559R3a49tldOaeml5sFia37KKZBu5I6L0Xr89vkMfyLV31ivGy/gU7oDfSEuZXeXbRHtojUNZCyHcE5HU+qcGQvnIdu19UjgXIQRZ+vcO+V4de1FpUF1vE3wWOt6Wn/SxmwS/xy78krLwD62dY6exrWOfCwxNbcCJ4trD6v7yrEbieK4ZKLIOPAydZONf+baUefIieoqO8gg/oTni2RWgs9jzlPCRyK1Xlyv3yKYQ1r8BBOMzFtWiItcAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: cover;
  text-indent: -9999px;
}

.design_sketch .sketch_main .scrolldown {
  z-index: 1;
  position: absolute;
  bottom: 0;
  width: 30px;
  height: 280px;
  overflow: hidden;
}

.design_sketch .sketch_main .arrowWrap {
  width: 500px;
  height: 50px;
  -webkit-transform: rotate(-90deg) translate(-120px, -225px);
          transform: rotate(-90deg) translate(-120px, -225px);
}

.design_sketch .sketch_main .arrowWrap .arrowInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.design_sketch .sketch_main .arrowWrap .arrowInner p,
.design_sketch .sketch_main .arrowWrap .arrowInner .arrow {
  display: inline-block;
}

.design_sketch .sketch_main .arrowWrap .arrowInner .arrow {
  position: relative;
  width: 140px;
  height: 1px;
  margin-right: 20px;
}

.design_sketch .sketch_main .arrowWrap .arrowInner .arrow:before {
  position: absolute;
  width: 140px;
  height: 1px;
  background-color: #eee;
  -webkit-animation: arrowRed 1.5s ease 0s infinite normal;
          animation: arrowRed 1.5s ease 0s infinite normal;
  content: '';
}

.design_sketch .sketch_main .arrowWrap .arrowInner .arrow:after {
  position: absolute;
  width: 140px;
  height: 1px;
  background-color: #eee;
  -webkit-animation: arrowBlue 1.5s ease 0.1s infinite normal;
          animation: arrowBlue 1.5s ease 0.1s infinite normal;
  content: '';
}

.design_sketch .sketch_intro {
  color: white;
}

.design_sketch .sketch_intro h2 {
  margin: 0 auto;
  background-position: top 0 left 0;
  background-repeat: no-repeat;
}

.design_sketch .sketch_intro h2 strong, .design_sketch .sketch_intro h2 small {
  display: block;
}

.design_sketch .sketch_intro h2 strong {
  background-repeat: no-repeat;
}

.design_sketch .sketch_intro .translucence {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 1;
  position: relative;
  border-radius: 10px;
  background-color: rgba(15, 15, 15, 0.6);
  -webkit-box-shadow: 0px 20px 58.8px 1.2px rgba(15, 15, 15, 0.6);
          box-shadow: 0px 20px 58.8px 1.2px rgba(15, 15, 15, 0.6);
  text-align: center;
}

.design_sketch .sketch_intro .translucence-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 60px;
}

@media screen and (max-width: 736px) {
  .design_sketch .sketch_intro .translucence-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 13px;
  }
}

.design_sketch .sketch_intro .translucence-flex.close {
  margin-top: 50px;
  /*margin-bottom: 50px;*/
  margin-bottom: 30px;
}

@media screen and (max-width: 736px) {
  .design_sketch .sketch_intro .translucence-flex.close {
    margin-top: 25px;
    margin-bottom: 40px;
  }
}

.design_sketch .sketch_intro .translucence-flex .head {
  font-size: 20px;
}

@media screen and (max-width: 736px) {
  .design_sketch .sketch_intro .translucence-flex .head {
    font-size: 15px;
    text-align: left;
  }
}

.design_sketch .sketch_intro .translucence-flex .body {
  width: 380px;
}

@media screen and (max-width: 736px) {
  .design_sketch .sketch_intro .translucence-flex .body {
    width: 100%;
  }
}

.design_sketch .sketch_intro .translucence-flex .body p {
  margin: 0;
  font-size: 20px;
  text-align: left;
}

@media screen and (max-width: 736px) {
  .design_sketch .sketch_intro .translucence-flex .body p {
    font-size: 15px;
  }
}

.design_sketch .sketch_intro .translucence-flex .body p + p {
  margin-top: 50px;
}

@media screen and (max-width: 736px) {
  .design_sketch .sketch_intro .translucence-flex .body p + p {
    margin-top: 15px;
  }
}

.design_sketch .sketch_intro .translucence a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*font-weight: bold;*/
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  border-color: white;
  background-color: white;
  color: black;
  /*font-family: $fMixd; 202511change*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
  text-decoration: none;
  opacity: 0.902;
}

.design_sketch .sketch_intro .translucence a:after {
  display: block;
  position: absolute;
  background-image: url("../image/internship_main_arrow_01.svg");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

.design_sketch .sketch_intro .translucence a.to_form.disable {
  opacity: 0.4;
  pointer-events: none;
}

.design_sketch .sketch_intro .translucence input {
  display: none;
}

.design_sketch .sketch_intro .translucence input:checked + label:after {
  border: 0.26em solid black;
}

.design_sketch .sketch_intro .translucence label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1em;
  padding-left: 1.4em;
  font-size: 15px;
}

.design_sketch .sketch_intro .translucence label:before {
  display: block;
  position: absolute;
  top: 0em;
  left: 0.10em;
  border: 0.5em solid white;
  border-radius: 1em;
  background-color: white;
  content: "";
}

.design_sketch .sketch_intro .translucence label:after {
  display: block;
  position: absolute;
  top: 0.26em;
  left: 0.0em;
  border: 0;
  border-radius: .8em;
  background-color: black;
  content: "";
  -webkit-transition: all 0.01s;
  transition: all 0.01s;
}

.design_sketch .sketch_appeal {
  color: white;
}

.design_sketch .sketch_appeal h2, .design_sketch .sketch_appeal h3, .design_sketch .sketch_appeal p {
  margin: 0 auto;
}

.design_sketch .sketch_appeal h3 strong, .design_sketch .sketch_appeal h3 span, .design_sketch .sketch_appeal h3 small {
  display: block;
  line-height: 1em;
  text-align: center;
}

.design_sketch .sketch_appeal figure img {
  width: 100%;
}

.design_sketch .sketch_photo {
  color: white;
}

.design_sketch .sketch_photo h2, .design_sketch .sketch_photo h3, .design_sketch .sketch_photo p, .design_sketch .sketch_photo figure {
  margin: 0 auto;
}

.design_sketch .sketch_photo h3 strong, .design_sketch .sketch_photo h3 span, .design_sketch .sketch_photo h3 small {
  display: block;
  line-height: 1em;
  text-align: center;
}

.design_sketch .sketch_photo figure img {
  display: block;
  width: 100%;
}

.design_sketch .sketch_mission {
  max-width: 902px;
  margin: 0 auto;
  padding-right: 4px;
  color: white;
}

.design_sketch .sketch_mission .list {
  padding-top: 10px;
  padding-left: 20px;
}

@media screen and (max-width: 736px) {
  .design_sketch .sketch_mission .list {
    padding-left: 10px;
  }
}

.design_sketch .sketch_mission .list p {
  font-size: 24px;
}

@media screen and (max-width: 736px) {
  .design_sketch .sketch_mission .list p {
    padding-left: 1em;
    font-size: 4.4vw;
    text-indent: -1em;
  }
}

@media screen and (max-width: 736px) {
  .design_sketch .sketch_mission .caution {
    padding-top: 30px;
    font-size: 12px;
  }
}

.design_sketch .sketch_mission h3 {
  margin: 0 auto;
}

.design_sketch .sketch_mission h3 strong, .design_sketch .sketch_mission h3 span, .design_sketch .sketch_mission h3 small {
  display: block;
  line-height: 1em;
  text-align: center;
}

.design_sketch .sketch_mission .intro_mission {
  text-align: center;
}

.design_sketch .sketch_mission .intro_mission figure {
  position: relative;
}

.design_sketch .sketch_mission .intro_mission figure img {
  width: 100%;
}

.design_sketch .sketch_mission .intro_mission ul {
  margin-top: 18px;
  padding-left: 5px;
  font-size: 15px;
  letter-spacing: -0.045em;
  list-style: none;
  text-align: left;
}

.design_sketch .sketch_mission .intro_mission ul li {
  padding-left: -1em;
  line-height: 2.1em;
  text-indent: 1em;
}

.design_sketch .sketch_mission .intro_mission ul li:before {
  display: inline-block;
  position: relative;
  top: 0px;
  left: -32px;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  content: '・';
}

.design_sketch .sketch_mission .icon_title {
  background-image: url(../image/icon/ico_regulation.svg);
  background-repeat: no-repeat;
}

.design_sketch .sketch_mission .icon_title span {
  display: inline-block;
  border-bottom: 1px solid #fff;
}

.design_sketch .sketch_mission .regulation_theme dd.white_box {
  background-color: #fff;
  color: #33a187;
}

.design_sketch .sketch_mission .regulation .coloumn2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.design_sketch .sketch_mission .regulation .txt_central {
  text-align: center;
}

.design_sketch .sketch_flow {
  color: white;
}

.design_sketch .sketch_flow h3 {
  margin: 0 auto;
}

.design_sketch .sketch_flow h3 strong, .design_sketch .sketch_flow h3 span, .design_sketch .sketch_flow h3 small {
  display: block;
  line-height: 1em;
  text-align: center;
}

.design_sketch .sketch_flow .waku {
  border-radius: 7px;
  background-color: rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0px 27px 39.2px 0.8px rgba(29, 3, 3, 0.2);
          box-shadow: 0px 27px 39.2px 0.8px rgba(29, 3, 3, 0.2);
}

.design_sketch .sketch_flow_procedure li {
  list-style: none;
}

.design_sketch .sketch_flow_procedure li:before {
  display: block;
  margin: 0 auto;
  background-image: url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAADMCAYAAAABK+H5AAAFD0lEQVR4nO2dS4sdRRSAv4Q4RB2jQkQFFeKMgo9EcaWCgggSs3Uz/8Jtli51pZKgjnFwYXwlKigYRRF8oMZVzBUVMRrRiBnGRRLz0HGwpCbV156+1X2r+tStbuF80DDTr/NNTVfVqVpUrTPG0JKLgQeAe4CtwHXAJveqU8DPwFfAJ8B7wJk2YdoIXg88DDwEXBT4zFngdeBJ4MeoaFYw8NhojHnUGPOXaY999jH3rqC4oXIzxphDArEq9l2zqQTvMMYcTyhXcNy9uzH+uG9wFvgMuCLquwlnCbgbOFL3RJPghcDnwG0TkisYAHcC53wX1zc8+EgGOcs2F8tLXQnOAN8CF2QQtPwN3Oz7V9eV4M6McrhYO30XfCV4CfCb6ylyYnuaq4E/yjF9JbijAzlczB3Vkz7B+/P4eBmJ7RPc1o2bP7ZPcCaPi5eR2D7BTf5nszASu6mh7gU+wVMdio3E9gn+kMfFy0hsn+CgGzd/bJ/gB3lcvIzE7lNXZ8ctV4V0dfaGV/J5DXm5KkdDumUz6W8yp1u3AN9XL9S1gzYve3zyXkOe8MkRkPIfzNA325p7l/sGR2jqSc65wfnSBOWWXAyvHAFdnf1XbwcW07utvnN704hulcCBux1kH044Jj6ccuBeHBvdtMWyQGx5UlMf5eMGY8weY8yZCLGzxpjn3LNR8doIFse0MWYuQG7O3dsqjmR+cPgZj7m+TvLy/2XC2itUUIoKSlFBKSooRQWlqKAUFZSiglJUUIoKSlFBKSooRQWlqKAUFZSiglJUUIoKSlFBKSooRQWlqKAUFZSiglJUUIoKSlFBKSooRQWlqKAUFZSiglJUUIoKSlFBKSooRQWlqKAUFZSiglJUUIoKSlFBKSooRQWlqKAUFZSiglJUUIoKSlFBKSooRQWlqKAUFZSiglJUUIoKSlFBKSoopfeCdu23F90Sj5f1wKfMCeDoBrdnw4PA5f1xG7LfluCU2wXjxp5IFRwDbrXf4DKwtx9Oa9gHnCzWH7wW+KlHlcZK3QR8Vwj9AhzoWKrMR1aOSok93bnWf+wqfiovMbnerYm6pVu31a1r7OLtK1RK8B9gvjuvIfOFHJ61gDcDvwJTHcn96Srs78WJaq21F17L7zVkX1mOmmaly8qyu3qibh3Wgdt7KScHXU6whrqGuYtSfMp3sq4Ep93C7dMT1zrPotspa7l6oa4ETwMvZBAr2OOTY8yS41szbSKw4jqHY76LTcmBTcE+nZzXkDfq5AjIXnJUlsYY45Z7nnI9y+bkWucZjNsLalwJ2g93IbFUmZGGuUrIgtlbXJaTOpm1g6Jrxm20FxL0KPBuOq8hCyG7AIaWSurKYlO7Z0JuDBU84BLJVLwzdsOASMHUyeyugHtWiVlV/kpXitJk9ogbgwcFjqmZi67Vl7I7VI4W22Le64aEbTntUvoToc/Htm0fA18LBPfGyNGy8W3b5JiYylHQZuuFS132EZvMfgjcFxusTQmeBF5q8Vx06dGyBC23A4ci7l8zWxBD2wTgS7enZyjzbeQQZiihlcXOFjzbNohEcH91FqCGkdmCXIK2ZJ4PuG9sUtqEdIeXWTfRWPeHemcLYpBmybbjf7/hune2IKcgDZXFJhevSl+eQvDtmmS2drYghhSCK06mei5JgptqpLZQKa3G2YIYUgnambA3S78nG2SlHOsWUgOXuSRhQ0JBK/VFiqalTIqtuMrMAW81bZAXBfAvSHO9ZwxYqsAAAAAASUVORK5CYII=");
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}

.design_sketch .sketch_flow_procedure li:first-child dl {
  padding-top: 0;
}

.design_sketch .sketch_flow_procedure li:first-child::before {
  display: none;
}

.design_sketch .sketch_flow_procedure li dl dt {
  /*font-weight: bold;*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
  text-align: center;
}

.design_sketch .sketch_flow_procedure li dl dt:before {
  display: block;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

.design_sketch .sketch_flow_procedure li dl dt.mypage:before {
  background-image: url(../image/insternship_flow_icon_01.svg);
}

.design_sketch .sketch_flow_procedure li dl dt.entry:before {
  background-image: url("data:img/png;base64,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");
}

.design_sketch .sketch_flow_procedure li dl dt.join:before {
  background-image: url("data:img/png;base64,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");
}

.design_sketch .sketch_flow_procedure li dl dt.result:before {
  background-image: url("data:img/png;base64,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");
}

.design_sketch .sketch_applicationguidelines {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.design_sketch .sketch_applicationguidelines.colorChange {
  background-color: #33a187;
  color: #fff;
}

.design_sketch .sketch_applicationguidelines.colorChange .btn_googlemap {
  border-color: #fff !important;
  background-color: #33a187;
}

.design_sketch .sketch_applicationguidelines h2, .design_sketch .sketch_applicationguidelines h3 {
  margin: 0 auto;
}

.design_sketch .sketch_applicationguidelines .outline {
  margin: 0 auto;
}

.design_sketch .sketch_applicationguidelines h3 strong, .design_sketch .sketch_applicationguidelines h3 span, .design_sketch .sketch_applicationguidelines h3 small {
  display: block;
  line-height: 1em;
  text-align: center;
}

.design_sketch .sketch_applicationguidelines .outline {
  list-style: none;
}

.design_sketch .sketch_applicationguidelines .outline li:first-of-type dl {
  padding-top: 0;
}

.design_sketch .sketch_applicationguidelines .outline dt {
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
}

.design_sketch .sketch_applicationguidelines .outline dd > ul {
  list-style: none;
}

.design_sketch .sketch_applicationguidelines .outline dd > ul li {
  padding-left: 1em;
  text-indent: -1em;
}

.design_sketch .sketch_applicationguidelines .outline dd li,
.design_sketch .sketch_applicationguidelines .outline dd p {
  font-weight: 500;
}

.design_sketch .sketch_applicationguidelines .outline dd li a,
.design_sketch .sketch_applicationguidelines .outline dd p a {
  color: #e33b44;
}

.design_sketch .sketch_applicationguidelines .outline .btn_googlemap {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 120px;
  overflow: hidden;
  background-color: #33a187;
  background-image: url(../image/sketch_applicationguidelines_txt_gmap_01.svg);
  background-position: top 50% left 50%;
  background-repeat: no-repeat;
  color: white;
  /*font-weight: bold;*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
  text-decoration: none;
  text-indent: -9999px;
  -webkit-transition: background-color .8s ease, color .8s ease;
  transition: background-color .8s ease, color .8s ease;
}

.design_sketch .sketch_applicationguidelines .outline .btn_googlemap img {
  -webkit-filter: brightness(100);
          filter: brightness(100);
}

.design_sketch .sketch_entry {
  background-color: #000;
  color: white;
}

.design_sketch .sketch_entry h3 {
  margin: 0 auto;
  padding: 0 6.66667vw;
}

.design_sketch .sketch_entry .sns_area {
  margin: 0 auto;
}

.design_sketch .sketch_entry h3 strong,
.design_sketch .sketch_entry h3 span,
.design_sketch .sketch_entry h3 small {
  display: block;
  line-height: 1em;
  text-align: center;
}

.design_sketch .sketch_entry p {
  text-align: center;
}

.design_sketch .sketch_entry p input {
  display: none;
}

.design_sketch .sketch_entry p input:checked + label:after {
  border: 0.26em solid black;
}

.design_sketch .sketch_entry p label {
  display: inline-block;
  position: relative;
  padding-left: 1.6em;
}

.design_sketch .sketch_entry p label:before {
  display: block;
  position: absolute;
  top: 0.20em;
  left: 0.10em;
  border: 0.5em solid white;
  border-radius: 1em;
  background-color: white;
  content: "";
}

.design_sketch .sketch_entry p label:after {
  display: block;
  position: absolute;
  top: 0.2em;
  left: 0.0em;
  border: 0;
  border-radius: .8em;
  background-color: black;
  content: "";
  -webkit-transition: all 0.01s;
  transition: all 0.01s;
}

.design_sketch .sketch_entry .to_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #33a187;
  color: white;
  /*font-weight: bold;*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.design_sketch .sketch_entry .to_form.disable {
  opacity: 0.4;
  pointer-events: none;
}

.design_sketch .sketch_entry .sns_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.design_sketch .sketch_entry .sns_area a {
  display: block;
  color: white;
  text-align: center;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.design_sketch .sketch_entry .sns_area a span {
  /*font-weight: bold;*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
}

.design_sketch .sketch_entry .sns_area a:before {
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

.design_sketch .sketch_entry .sns_area a[href^="https://www.facebook.com"]:before {
  background-image: url("/jp/jobs/design/img/logo_fb.png");
}

.design_sketch .sketch_entry .sns_area a[href^="https://twitter.com"]:before {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  background-image: url("/jp/jobs/design/img/logo_x.png");
}

.design_sketch .sketch_entry .sns_area a:hover {
  opacity: 0.6;
}

.design_sketch .sketch_entry .covid-19 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 650px;
  margin: 0 auto;
  margin-top: 25px;
  padding-top: 25px;
  border-top: 2px dotted #fff;
  text-align: center;
}

.design_sketch .sketch_entry .covid-19 dt {
  margin-bottom: 15px;
  font-size: 18px;
}

.design_sketch .sketch_entry .covid-19 dd {
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 2em;
}

.design_sketch .sketch_entry .covid_check {
  margin-bottom: .5em;
}

.design_sketch .covid_check input[type=checkbox] {
  display: none;
}

.design_sketch .covid_check input[type=checkbox]:checked + label:after {
  left: auto;
  border-top: none !important;
  border-left: none !important;
}

.design_sketch .covid_check label {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  width: auto;
  padding: 0;
}

.design_sketch .covid_check label::before {
  display: block;
  position: absolute;
  top: 50% !important;
  left: 7px;
  margin-top: -7px;
  border: 1px solid #cbd0c7;
  border-radius: 0 !important;
  background: #fff;
  content: '';
}

.design_sketch .covid_check label::after {
  display: block !important;
  position: absolute;
  top: 50% !important;
  left: 6px !important;
  width: 4px !important;
  height: 8px !important;
  margin-top: -6px !important;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-right: 3px solid #e72d26 !important;
  border-bottom: 3px solid #e72d26 !important;
  border-radius: 0 !important;
  background: none !important;
  content: '';
  opacity: 0;
}

.design_sketch .covid_check input[type=checkbox]:checked + label::after {
  opacity: 1;
}

@media screen and (max-width: 736px) {
  .design_sketch .sketch_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: calc(100vh - 45px - 55px);
    background-color: #33a187;
  }
  .design_sketch .sketch_main::after {
    height: calc(100vh - 45px - 95px);
    background-image: url("../image/sketch_main_bg_01_sp.jpg");
    background-position: top 0 left 50%;
  }
  .design_sketch .sketch_main .wrap {
    position: relative;
    top: -87px;
    width: 100%;
  }
  .design_sketch .sketch_main .shareon dt {
    margin-bottom: 2.66667vw;
  }
  .design_sketch .sketch_main h1 small {
    width: 42.66667vw;
    height: 7.86667vw;
    background-size: contain;
  }
  .design_sketch .sketch_main h1 strong {
    width: 78vw;
    height: 32.8vw;
    margin-top: 4vw;
    background-image: url(../image/sketch_main_txt_01_sp.svg);
    background-size: contain;
  }
  .design_sketch .sketch_main .translucence {
    position: absolute;
    top: 51.33333vw;
    right: 0;
    left: 0;
    width: 71.46667vw;
    margin: auto;
    padding: 6.66667vw 7.46667vw 18.66667vw;
    -webkit-box-shadow: 0px 27px 39.2px 0.8px rgba(29, 3, 3, 0.2);
            box-shadow: 0px 27px 39.2px 0.8px rgba(29, 3, 3, 0.2);
  }
  .design_sketch .sketch_main .translucence dl > div {
    margin-bottom: 8.53333vw;
  }
  .design_sketch .sketch_main .translucence dl > div:last-of-type tr:nth-of-type(2) {
    display: none;
  }
  .design_sketch .sketch_main .translucence .limited,
  .design_sketch .sketch_main .translucence dl + p {
    margin-bottom: 1.4em;
  }
  .design_sketch .sketch_main .translucence .limited strong,
  .design_sketch .sketch_main .translucence dl + p strong {
    font-size: 11px;
  }
  .design_sketch .sketch_main .translucence .limited span,
  .design_sketch .sketch_main .translucence dl + p span {
    font-size: 11px;
  }
  .design_sketch .sketch_main .translucence .limited small,
  .design_sketch .sketch_main .translucence dl + p small {
    font-size: 11px;
  }
  .design_sketch .sketch_main .translucence dt {
    margin-bottom: 2.66667vw;
  }
  .design_sketch .sketch_main .translucence dt span {
    font-size: 14px;
  }
  .design_sketch .sketch_main .translucence dt small {
    font-size: 10px;
  }
  .design_sketch .sketch_main .translucence dd p {
    padding-left: 2.66667vw;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.26667vw;
  }
  .design_sketch .sketch_main .translucence dd p strong {
    font-size: 10px;
  }
  .design_sketch .sketch_main .translucence dd p span {
    font-size: 13px;
  }
  .design_sketch .sketch_main .translucence input:checked + label:after {
    left: 0.35em;
  }
  .design_sketch .sketch_main .translucence label {
    padding-right: 0;
    padding-left: 3.73333vw;
    font-size: 11px;
  }
  .design_sketch .sketch_main .translucence a {
    width: 42.93333vw;
    height: 9.06667vw;
    margin-top: 4vw;
  }
  .design_sketch .sketch_main .translucence a:after {
    right: 4.8vw;
    width: 3.6vw;
    height: 1.06667vw;
  }
  .design_sketch .sketch_main .translucence a span {
    letter-spacing: 0.53333vw;
  }
  .design_sketch .sketch_main .translucence p {
    font-size: 2.93333vw;
    letter-spacing: 0.26667vw;
  }
  .design_sketch .sketch_main .translucence table th {
    padding-right: 1.6vw;
    /*font-weight: bold;*/
    font-family: 'HondaGlobalFontJP-Bold', sans-serif;
    font-size: 13px;
    font-weight: normal;
  }
  .design_sketch .sketch_main .translucence table td {
    font-size: 12px;
  }
  .design_sketch .sketch_main .translucence .covid_check {
    text-align: center;
  }
  .design_sketch .sketch_main .translucence .covid_check label {
    padding-right: 0;
  }
  .design_sketch .sketch_main .translucence .covid_check label:after {
    left: 4px !important;
    margin-top: -8px !important;
  }
  .design_sketch .sketch_main .translucence .covid-19 {
    width: 100%;
    margin: 5.33333vw auto 0;
    border-top: 2px dotted #fff;
  }
  .design_sketch .sketch_main .translucence .covid-19 dt {
    margin-bottom: 0;
    padding: 5.33333vw 0;
    font-size: 3.46667vw;
  }
  .design_sketch .sketch_main .translucence .covid-19 dd {
    margin-bottom: 5.33333vw;
    font-size: 3.46667vw;
    text-align: left;
  }
  .design_sketch .sketch_main .translucence .covid-19 dd small {
    font-size: 3.2vw;
  }
  .design_sketch .sketch_main aside {
    top: 5.33333vw;
    right: 6.66667vw;
  }
  .design_sketch .sketch_main aside dl a img {
    height: 21.5px;
  }
  .design_sketch .sketch_main aside dl dd {
    margin-left: 10px;
  }
  .design_sketch .sketch_main aside dl dt {
    width: 51.5px;
    height: 11px;
    margin-right: 4px;
    background-size: cover;
  }
  .design_sketch .sketch_main .scrolldown {
    bottom: 32vw;
    left: 4vw;
    height: 73.33333vw;
  }
  .design_sketch .sketch_intro h3,
  .design_sketch .sketch_intro p {
    margin: 0 auto;
  }
  .design_sketch .sketch_intro h2 {
    margin: 0 auto;
    padding: 0 5.6vw 0 6.66667vw;
  }
  .design_sketch .sketch_intro h2 small {
    font-size: 13px;
  }
  .design_sketch .sketch_intro h2 strong {
    width: 83.6vw;
    height: 56.53333vw;
    margin-top: 6.66667vw;
    overflow: hidden;
    background-image: url(../image/sketch_intro_txt_01_sp.svg);
    background-position: top 0 left 0;
    background-size: contain;
    font-size: 50px;
    line-height: 55px;
    text-indent: -9999px;
  }
  .design_sketch .sketch_intro h3 {
    margin-top: 6.66667vw;
    padding: 0 6.66667vw;
    font-size: 16px;
    letter-spacing: 0.04em;
    line-height: 28px;
  }
  .design_sketch .sketch_intro p {
    margin-top: 4.66667vw;
    font-size: 12px;
    line-height: 24px;
  }
  .design_sketch .sketch_intro .translucence {
    width: 77.33333vw;
    margin: -60vw auto 26.66667vw;
    padding: 7.33333vw 4vw 9.33333vw;
  }
  .design_sketch .sketch_intro .translucence dl > div {
    margin-bottom: 1.2em;
  }
  .design_sketch .sketch_intro .translucence dl > div:last-of-type tr:nth-of-type(2) {
    display: none;
  }
  .design_sketch .sketch_intro .translucence .limited,
  .design_sketch .sketch_intro .translucence dl + p {
    margin-bottom: 0.6em;
    text-align: left;
  }
  .design_sketch .sketch_intro .translucence .limited strong,
  .design_sketch .sketch_intro .translucence dl + p strong {
    font-size: 13px;
  }
  .design_sketch .sketch_intro .translucence .limited span,
  .design_sketch .sketch_intro .translucence dl + p span {
    font-size: 12px;
  }
  .design_sketch .sketch_intro .translucence .limited small,
  .design_sketch .sketch_intro .translucence dl + p small {
    font-size: 11px;
  }
  .design_sketch .sketch_intro .translucence dt {
    margin-bottom: 0.4em;
    line-height: 1.0em;
  }
  .design_sketch .sketch_intro .translucence dt span {
    /*font-weight: bold;*/
    font-family: 'HondaGlobalFontJP-Bold', sans-serif;
    font-size: 16px;
    font-weight: normal;
  }
  .design_sketch .sketch_intro .translucence dt small {
    font-size: 10px;
  }
  .design_sketch .sketch_intro .translucence dd p * {
    line-height: 1.0em;
  }
  .design_sketch .sketch_intro .translucence dd p strong {
    font-size: 13px;
  }
  .design_sketch .sketch_intro .translucence dd p span {
    font-size: 16px;
  }
  .design_sketch .sketch_intro .translucence dd p small {
    font-size: 11px;
  }
  .design_sketch .sketch_intro .translucence p.remit {
    text-align: center;
  }
  .design_sketch .sketch_intro .translucence p.remit strong {
    font-size: 13px;
  }
  .design_sketch .sketch_intro .translucence p.remit span {
    font-size: 16px;
  }
  .design_sketch .sketch_intro .translucence p.remit small {
    font-size: 11px;
  }
  .design_sketch .sketch_intro .translucence input:checked + label:after {
    left: 0.35em;
  }
  .design_sketch .sketch_intro .translucence label {
    font-size: 12px;
  }
  .design_sketch .sketch_intro .translucence a {
    width: 50.66667vw;
    height: 9.06667vw;
    margin-top: 4vw;
    padding-right: 5.33333vw;
  }
  .design_sketch .sketch_intro .translucence a:after {
    right: 4.8vw;
    width: 3.6vw;
    height: 1.06667vw;
  }
  .design_sketch .sketch_intro .translucence table th {
    padding-right: 1.6vw;
    /*font-weight: bold;*/
    font-family: 'HondaGlobalFontJP-Bold', sans-serif;
    font-size: 13px;
    font-weight: normal;
  }
  .design_sketch .sketch_intro .translucence table td {
    font-size: 12px;
  }
  .design_sketch .sketch_intro .translucence .covid_check {
    text-align: center;
  }
  .design_sketch .sketch_intro .translucence .covid_check label {
    padding-right: 0;
  }
  .design_sketch .sketch_intro .translucence .covid_check label:after {
    left: 4px !important;
    margin-top: -8px !important;
  }
  .design_sketch .sketch_intro .translucence .covid-19 {
    width: 100%;
    margin: 5.33333vw auto 0;
    border-top: 2px dotted #fff;
  }
  .design_sketch .sketch_intro .translucence .covid-19 dt {
    margin-bottom: 0;
    padding: 5.33333vw 0;
    font-size: 3.46667vw;
  }
  .design_sketch .sketch_intro .translucence .covid-19 dd {
    margin-bottom: 5.33333vw;
    font-size: 3.46667vw;
    text-align: left;
  }
  .design_sketch .sketch_intro .translucence .covid-19 dd small {
    font-size: 3.2vw;
  }
  .design_sketch .sketch_appeal {
    padding-top: 22.66667vw;
  }
  .design_sketch .sketch_appeal h2, .design_sketch .sketch_appeal h3, .design_sketch .sketch_appeal p {
    padding: 0 6.66667vw;
  }
  .design_sketch .sketch_appeal h3 {
    padding: 0 1.33333vw;
  }
  .design_sketch .sketch_appeal h3 small {
    font-size: 13px;
  }
  .design_sketch .sketch_appeal h3 strong {
    margin-top: 4.53333vw;
    font-size: 27px;
    letter-spacing: -0.03em;
    line-height: 36px;
  }
  .design_sketch .sketch_appeal h3 span {
    margin-top: 2.66667vw;
    font-size: 19px;
  }
  .design_sketch .sketch_appeal h3 + p {
    margin-top: 7.73333vw;
    font-size: 11px;
    line-height: 24px;
  }
  .design_sketch .sketch_appeal figure {
    margin-top: 6.66667vw;
    background: url(../image/sketch_appeal_img_01_sp.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
  }
  _:-ms-lang(x)::-ms-backdrop, .design_sketch .sketch_appeal figure {
    display: block;
    height: 80vw;
    overflow: hidden;
    background: url(../image/sketch_appeal_img_01.jpg) center no-repeat;
    background-size: auto 80vw;
    text-indent: -9999px;
  }
  .design_sketch .sketch_appeal figure img {
    height: 80vw;
    opacity: 0;
  }
  .design_sketch .sketch_photo {
    padding-top: 31.2vw;
  }
  .design_sketch .sketch_photo h2, .design_sketch .sketch_photo h3, .design_sketch .sketch_photo p, .design_sketch .sketch_photo figure {
    padding: 0 6.66667vw;
  }
  .design_sketch .sketch_photo h3 small {
    font-size: 13px;
  }
  .design_sketch .sketch_photo h3 strong {
    margin-top: 4.53333vw;
    font-size: 27px;
    line-height: 36px;
  }
  .design_sketch .sketch_photo h3 span {
    margin-top: 4vw;
    font-size: 20px;
    letter-spacing: 0.4vw;
  }
  .design_sketch .sketch_photo h3 + p {
    margin-top: 7.73333vw;
  }
  .design_sketch .sketch_photo figure {
    margin-top: 7.73333vw;
  }
  .design_sketch .sketch_photo figure .spshow {
    display: none;
  }
  .design_sketch .sketch_photo figure img {
    display: block;
    width: 100%;
  }
  .design_sketch .sketch_photo figure .cloumn2_sp {
    width: 100%;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    vertical-align: top;
  }
  .design_sketch .sketch_photo figure .mt10_sp {
    margin-top: 10px;
  }
  .design_sketch .sketch_photo figure .cloumn4_sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .design_sketch .sketch_photo figure .cloumn4_sp img {
    -ms-flex-item-align: start;
        align-self: flex-start;
    width: calc(50% - 5px);
    margin-top: 10px;
  }
  .design_sketch .sketch_mission {
    padding: 22.93333vw 5.33333vw 0;
  }
  .design_sketch .sketch_mission h3 {
    padding: 0 6.66667vw;
  }
  .design_sketch .sketch_mission h3 small {
    font-size: 13px;
  }
  .design_sketch .sketch_mission h3 strong {
    margin-top: 4.53333vw;
  }
  .design_sketch .sketch_mission h3 span {
    margin-top: 3.46667vw;
    font-size: 20px;
    letter-spacing: 0.4vw;
  }
  .design_sketch .sketch_mission h3 + .waku {
    margin-top: 7.73333vw;
  }
  .design_sketch .sketch_mission .intro_mission {
    padding-top: 8vw;
  }
  .design_sketch .sketch_mission .intro_mission h4 {
    font-size: 33.5px;
    line-height: 1.37313em;
  }
  .design_sketch .sketch_mission .intro_mission h4 span {
    font-size: 33.5px;
    line-height: 1.37313em;
  }
  .design_sketch .sketch_mission .intro_mission h4 + p {
    padding: 2.25em 0;
  }
  .design_sketch .sketch_mission .intro_mission p {
    font-size: 12px;
    line-height: 1.91667em;
  }
  .design_sketch .sketch_mission .intro_mission figure {
    width: 86.4vw;
    height: 53.33333vw;
    margin: 0 auto;
    overflow: hidden;
  }
  .design_sketch .sketch_mission .intro_mission figure img {
    display: block;
    position: absolute;
    top: -3.4vw;
    left: -16.8vw;
    width: 120vw;
  }
  .design_sketch .sketch_mission .intro_mission figure + p {
    padding: 2.25em 0 5.41667em;
  }
  .design_sketch .sketch_mission .intro_mission ul {
    margin-top: 4.8vw;
    padding-left: 3.33333vw;
    text-align: left;
  }
  .design_sketch .sketch_mission .intro_mission ul li {
    padding-left: 0.5em;
    font-size: 12px;
    line-height: 1.875;
    text-indent: -0.1em;
  }
  .design_sketch .sketch_mission .intro_mission ul li:before {
    display: inline-block;
    position: relative;
    top: 0px;
    left: -1em;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    content: '・';
  }
  .design_sketch .sketch_mission .icon_title {
    margin-top: 10.13333vw;
    padding-left: 9.6vw;
    background-position: top 0 left 0;
    background-size: contain;
    font-size: 4.13333vw;
    letter-spacing: 0.26667vw;
  }
  .design_sketch .sketch_mission .icon_title span {
    /*font-weight: bold;*/
    font-family: 'HondaGlobalFontJP-Bold', sans-serif;
    font-size: 3.73333vw;
    font-weight: normal;
  }
  .design_sketch .sketch_mission .regulation_title {
    padding-top: 4.53333vw;
  }
  .design_sketch .sketch_mission .regulation_title strong {
    font-size: 4.4vw;
  }
  .design_sketch .sketch_mission .regulation_title + p {
    padding-top: 5.33333vw;
    font-size: 12px;
    line-height: 1.91667em;
  }
  .design_sketch .sketch_mission .regulation {
    padding: 10.66667vw 5.33333vw 16vw;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
  }
  .design_sketch .sketch_mission .regulation_example {
    padding-top: 5.33333vw;
  }
  .design_sketch .sketch_mission .regulation_example dt {
    font-size: 16px;
  }
  .design_sketch .sketch_mission .regulation_example dd {
    padding-top: 5.33333vw;
    padding-bottom: 8vw;
  }
  .design_sketch .sketch_mission .regulation_example dd figure {
    width: 72.26667vw;
    height: 79.73333vw;
    margin: 0 auto;
    background-image: url(../image/sketch_mission_img_02_sp.png);
    background-repeat: no-repeat;
    background-size: cover;
  }
  .design_sketch .sketch_mission .regulation_example dd figure img {
    width: 0;
    opacity: 0;
  }
  .design_sketch .sketch_mission .regulation_theme {
    padding-top: 10.66667vw;
  }
  .design_sketch .sketch_mission .regulation_theme dt.midashi {
    padding-bottom: 5.33333vw;
    /*font-weight: bold;*/
    font-family: 'HondaGlobalFontJP-Bold', sans-serif;
    font-size: 17px;
    font-weight: normal;
  }
  .design_sketch .sketch_mission .regulation_theme dt.list_title {
    padding-bottom: 2.66667vw !important;
  }
  .design_sketch .sketch_mission .regulation_theme dt.list_title ~ dd {
    margin-top: 0.5em;
  }
  .design_sketch .sketch_mission .regulation_theme dd {
    font-size: 12px;
  }
  .design_sketch .sketch_mission .regulation_theme dd.white_box {
    padding: 8vw 5.33333vw;
  }
  .design_sketch .sketch_mission .regulation_theme dd.white_box * {
    font-size: 12px;
    font-weight: 500;
  }
  .design_sketch .sketch_mission .regulation_theme dd.white_box .coloumn2 {
    padding-top: 2.08333em;
  }
  .design_sketch .sketch_mission .regulation_theme dd.white_box .coloumn2 div {
    width: 50%;
  }
  .design_sketch .sketch_mission .regulation_theme dd.white_box .coloumn2 div dt {
    padding-bottom: 0.41667em;
  }
  .design_sketch .sketch_mission .regulation_theme dd.white_box .coloumn2 div img {
    width: auto;
  }
  .design_sketch .sketch_mission .regulation_theme dd.white_box .coloumn2 div img[src$="ico_mission_size.svg"] {
    width: 10.66667vw;
    height: 14.4vw;
  }
  .design_sketch .sketch_mission .regulation_theme dd.white_box .coloumn2 div img[src$="ico_mission_file.svg"] {
    width: 13.33333vw;
    height: 13.33333vw;
  }
  .design_sketch .sketch_mission .regulation_theme dd.white_box .coloumn2 div figcaption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 2.6em;
    padding-top: 0.8em;
  }
  .design_sketch .sketch_mission .waku {
    margin: 0 6.66667vw;
    padding: 56vw 0;
    font-size: 11.73333vw;
  }
  .design_sketch .sketch_flow {
    padding-top: 22.13333vw;
    padding-bottom: 34.66667vw;
  }
  .design_sketch .sketch_flow h3 {
    padding: 0 6.66667vw;
  }
  .design_sketch .sketch_flow h3 small {
    font-size: 13px;
  }
  .design_sketch .sketch_flow h3 strong {
    margin-top: 4.53333vw;
  }
  .design_sketch .sketch_flow h3 span {
    margin-top: 2.66667vw;
    font-size: 20px;
    letter-spacing: 0.4vw;
  }
  .design_sketch .sketch_flow h3 + .waku {
    margin-top: 7.73333vw;
  }
  .design_sketch .sketch_flow .waku {
    margin: 0 6.66667vw;
    padding: 5.33333vw 9.33333vw 9.33333vw;
  }
  .design_sketch .sketch_flow_procedure li {
    padding-top: 2vw;
  }
  .design_sketch .sketch_flow_procedure li:before {
    width: 1.33333vw;
    height: 6.8vw;
  }
  .design_sketch .sketch_flow_procedure li dl {
    padding-top: 5.33333vw;
  }
  .design_sketch .sketch_flow_procedure li dl dt {
    padding-bottom: 2vw;
    font-size: 16px;
    line-height: 21.5px;
  }
  .design_sketch .sketch_flow_procedure li dl dt:before {
    margin: 0 auto 4.66667vw;
  }
  .design_sketch .sketch_flow_procedure li dl dt.mypage:before {
    width: 13.33333vw;
    height: 13.33333vw;
  }
  .design_sketch .sketch_flow_procedure li dl dt.entry:before {
    width: 12.53333vw;
    height: 10.8vw;
  }
  .design_sketch .sketch_flow_procedure li dl dt.join:before {
    width: 16.53333vw;
    height: 12.93333vw;
  }
  .design_sketch .sketch_flow_procedure li dl dt.result:before {
    width: 19.46667vw;
    height: 12vw;
  }
  .design_sketch .sketch_flow_procedure li dl dd {
    font-size: 12px;
    line-height: 20px;
  }
  .design_sketch .sketch_applicationguidelines {
    padding-top: 14.66667vw;
    padding-bottom: 16.8vw;
  }
  .design_sketch .sketch_applicationguidelines h2, .design_sketch .sketch_applicationguidelines h3 {
    padding: 0 6.66667vw;
  }
  .design_sketch .sketch_applicationguidelines .outline {
    padding: 0 5.6vw 0 6.4vw;
  }
  .design_sketch .sketch_applicationguidelines h3 small {
    font-size: 13px;
  }
  .design_sketch .sketch_applicationguidelines h3 strong {
    margin-top: 4.53333vw;
  }
  .design_sketch .sketch_applicationguidelines h3 span {
    margin-top: 2.66667vw;
    font-size: 19px;
  }
  .design_sketch .sketch_applicationguidelines h3 + p {
    margin-top: 7.73333vw;
  }
  .design_sketch .sketch_applicationguidelines .outline {
    padding-top: 11.73333vw;
    padding-bottom: 13.6vw;
  }
  .design_sketch .sketch_applicationguidelines .outline dl {
    padding-top: 8vw;
  }
  .design_sketch .sketch_applicationguidelines .outline dt {
    margin-bottom: 3.2vw;
    font-size: 15px;
  }
  .design_sketch .sketch_applicationguidelines .outline dd li,
  .design_sketch .sketch_applicationguidelines .outline dd p {
    font-size: 12px;
    line-height: 17px;
  }
  .design_sketch .sketch_applicationguidelines .outline dd li a,
  .design_sketch .sketch_applicationguidelines .outline dd p a {
    font-size: 12px;
  }
  .design_sketch .sketch_applicationguidelines .outline .btn_googlemap {
    width: 41.33333vw;
    margin-top: 3.73333vw;
    margin-bottom: 2.66667vw;
    padding: 0.56em 3.6em;
    border-radius: 23px;
    background-size: auto 3.2vw;
    font-size: 12px;
  }
  .design_sketch .sketch_applicationguidelines .outline .btn_googlemap img {
    height: 3.06667vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .upload li {
    padding-top: 0.5em;
  }
  .design_sketch .sketch_applicationguidelines .outline .pt10 {
    padding-top: 5px;
  }
  .design_sketch .sketch_applicationguidelines .outline .capacity {
    padding-top: 3.46667vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .bigger {
    padding-bottom: 5.33333vw;
    font-size: 3.73333vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .work {
    padding-top: 6.13333vw;
    padding-bottom: 2.4vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .seminarcont {
    padding-top: 4.66667vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .seminarcont dd > p {
    line-height: 5.46667vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .entry p {
    font-size: 3.73333vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .privacy {
    padding-top: 5.33333vw;
    padding-bottom: 1.86667vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .capacity {
    padding-top: 7.2vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .capacity dd > ul > li {
    line-height: 5.46667vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .day > dt {
    margin-bottom: 0;
  }
  .design_sketch .sketch_applicationguidelines .outline .day > dd > p {
    font-size: 4vw;
    font-size: 12px;
    line-height: 5.33333vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .day > dd > p span {
    padding-top: 0.53333vw;
    font-size: 3.2vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .day > dd > p:last-child {
    padding-top: 1.86667vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .hall {
    padding-top: 6.93333vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .hall > dd > p {
    line-height: 5.6vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .apply {
    padding-top: 5.33333vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .apply dt {
    padding-bottom: 1.33333vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .apply .work_detail {
    line-height: 5.6vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .apply .example {
    padding-left: 3em;
    text-indent: -3em;
  }
  .design_sketch .sketch_applicationguidelines .outline .remit {
    padding-top: 6.66667vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .other li {
    line-height: 5.46667vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .other dt {
    margin-bottom: 4.4vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .other p {
    line-height: 5.33333vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .contact {
    padding-top: 9.06667vw;
  }
  .design_sketch .sketch_applicationguidelines .outline .contact p {
    line-height: 5.6vw;
  }
  .design_sketch .sketch_entry {
    padding-top: 17.6vw;
    padding-bottom: 25.33333vw;
  }
  .design_sketch .sketch_entry h3 small {
    font-size: 13px;
  }
  .design_sketch .sketch_entry h3 strong {
    margin-top: 8vw;
    font-size: 17px;
  }
  .design_sketch .sketch_entry h3 span {
    margin-top: 2.66667vw;
    font-size: 20px;
  }
  .design_sketch .sketch_entry h3 + p {
    margin-top: 6.4vw;
  }
  .design_sketch .sketch_entry p input:checked + label:after {
    top: 0.42em;
    left: 0.35em;
  }
  .design_sketch .sketch_entry p label {
    font-size: 12px;
  }
  .design_sketch .sketch_entry p.finishCopy {
    margin-bottom: 8vw;
    color: #c00;
    /*font-weight: bold;*/
    font-family: 'HondaGlobalFontJP-Bold', sans-serif;
    font-weight: normal;
    /*201906 千葉追加 終了時コピー*/
  }
  .design_sketch .sketch_entry .to_form {
    width: 80vw;
    height: 16.53333vw;
    margin: 6.66667vw auto 13.33333vw;
    border-radius: 4px;
    font-size: 20px;
  }
  .design_sketch .sketch_entry .sns_area a {
    line-height: 5.33333vw;
  }
  .design_sketch .sketch_entry .sns_area a span {
    font-size: 12px;
  }
  .design_sketch .sketch_entry .sns_area a:before {
    width: 8.93333vw;
    height: 8.8vw;
    margin: 0 auto 2.66667vw;
  }
  .design_sketch .sketch_entry .covid-19 {
    width: 68.66667vw;
    margin: 5.33333vw auto 0;
    padding-top: 0;
    border-top: 2px dotted #fff;
  }
  .design_sketch .sketch_entry .covid-19 dt {
    margin: 5.33333vw auto 4vw;
    font-size: 3.46667vw;
  }
  .design_sketch .sketch_entry .covid-19 dd {
    margin-bottom: 5.33333vw;
    font-size: 3.46667vw;
    line-height: 5.86667vw;
    text-align: left;
  }
  .design_sketch .sketch_entry .covid-19 dd p {
    margin-bottom: 1.33333vw;
    font-size: 3.2vw;
  }
  .design_sketch .sketch_entry .covid-19 dd p strong {
    font-size: 3.2vw;
  }
  .design_sketch .sketch_entry .covid_check label:after {
    left: 4px !important;
    margin-top: -8px !important;
  }
}

@media screen and (min-width: 737px), print {
  .design_sketch .sketch_main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: calc(100vh - 168px);
    background-color: #33a187;
  }
  .design_sketch .sketch_main::after {
    height: calc(100vh - 168px);
    background-image: url("../image/sketch_main_bg_01.jpg");
    background-position: bottom 0 left 50%;
  }
  .design_sketch .sketch_main .wrap {
    position: relative;
    top: -98px;
    margin: 0 auto;
  }
  .design_sketch .sketch_main h1 {
    padding-right: 20px;
  }
  .design_sketch .sketch_main h1 small {
    width: 354px;
    height: 59px;
  }
  .design_sketch .sketch_main h1 strong {
    width: 63vw;
    min-width: 900px;
    max-width: 1210px;
    margin-top: 35px;
    margin-left: 11px;
  }
  .design_sketch .sketch_main .translucence {
    position: absolute;
    right: 0;
    bottom: -397px;
    left: 0;
    width: 36.5vw;
    min-width: 500px;
    height: auto;
    margin: 0 auto;
    padding: 33px 50px 83px;
    border-radius: 10px;
  }
  .design_sketch .sketch_main .translucence dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
  }
  .design_sketch .sketch_main .translucence dl > div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .design_sketch .sketch_main .translucence dl > div:nth-of-type(2) {
    margin-left: 43px;
  }
  .design_sketch .sketch_main .translucence dt {
    margin-left: 9px;
    letter-spacing: .04em;
  }
  .design_sketch .sketch_main .translucence dt span {
    font-size: 19px;
  }
  .design_sketch .sketch_main .translucence dt small {
    font-size: 12px;
  }
  .design_sketch .sketch_main .translucence dd p {
    margin-top: 12px;
    padding-left: 9px;
    font-size: 16px;
    letter-spacing: 0.12em;
  }
  .design_sketch .sketch_main .translucence dd p strong {
    font-size: 14px;
  }
  .design_sketch .sketch_main .translucence dd p span {
    font-size: 17px;
  }
  .design_sketch .sketch_main .translucence p {
    font-size: 14px;
    letter-spacing: 0.12em;
  }
  .design_sketch .sketch_main .translucence a {
    width: 188px;
    height: 40px;
    margin-top: 17px;
  }
  .design_sketch .sketch_main .translucence a:after {
    right: 17px;
    width: 17px;
    height: 5px;
  }
  .design_sketch .sketch_main .translucence a:hover::after {
    -webkit-animation: arrow-rotate 0.6s cubic-bezier(0.6, 0, 0, 1);
            animation: arrow-rotate 0.6s cubic-bezier(0.6, 0, 0, 1);
  }
  .design_sketch .sketch_main .translucence a span {
    font-size: 18px;
    letter-spacing: 0.1em;
  }
  .design_sketch .sketch_main .translucence .limited {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 1.6875em;
  }
  .design_sketch .sketch_main .translucence .limited strong {
    font-size: 14px;
  }
  .design_sketch .sketch_main .translucence .limited span {
    font-size: 17px;
  }
  .design_sketch .sketch_main .translucence input:checked + label:after {
    left: 0.34em;
  }
  .design_sketch .sketch_main .translucence label {
    margin-top: 30px;
    font-size: 14px;
    letter-spacing: 0.05em;
  }
  .design_sketch .sketch_main .translucence table th {
    padding-right: 12px;
    /*font-weight: bold;*/
    font-family: 'HondaGlobalFontJP-Bold', sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-align: right;
  }
  .design_sketch .sketch_main .translucence table td {
    font-size: 17px;
    letter-spacing: .04em;
    line-height: 1.2em;
  }
  .design_sketch .sketch_main .translucence table tr:last-child th, .design_sketch .sketch_main .translucence table tr:last-child td {
    padding-top: 7px;
  }
  .design_sketch .sketch_main .translucence table tr:last-child th {
    padding-right: 0;
    font-size: 14px;
  }
  .design_sketch .sketch_main aside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    right: 37px;
    bottom: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: auto;
    padding-bottom: 130px;
  }
  .design_sketch .sketch_main aside dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse nowrap;
            flex-flow: column-reverse nowrap;
  }
  .design_sketch .sketch_main aside dl a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .design_sketch .sketch_main aside dl a:hover {
    opacity: 0.6;
  }
  .design_sketch .sketch_main aside dl a img {
    width: 35px;
  }
  .design_sketch .sketch_main aside dl dd[data-sns="fb"] {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-bottom: 15px;
  }
  .design_sketch .sketch_main aside dl dd[data-sns="tw"] {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-bottom: 40px;
  }
  .design_sketch .sketch_main aside dl dd[data-sns="tw"] a img {
    width: 25px;
  }
  .design_sketch .sketch_main aside dl dd[data-sns="tw"] a:hover {
    opacity: 0.6;
  }
  .design_sketch .sketch_main aside dl dt {
    width: 62px;
    height: 14px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    background-size: contain;
  }
  .design_sketch .sketch_main .scrolldown {
    bottom: 60px;
    left: 109px;
  }
  .design_sketch .sketch_main .arrowWrap .arrowInner p {
    /*font-weight: bold;*/
    font-family: 'HondaGlobalFontJP-Bold', sans-serif;
    font-size: 14px;
    font-weight: normal;
  }
  .design_sketch .sketch_intro .wrap_pc {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 0 80px;
    padding-right: 80px;
    padding-left: 80px;
  }
}

@media screen and (min-width: 737px) and (min-width: 980px), print and (min-width: 980px) {
  .design_sketch .sketch_intro .wrap_pc {
    padding-left: calc(80px + -39 * (100vw - 980px) / 300);
  }
}

@media screen and (min-width: 737px) and (min-width: 1280px), print and (min-width: 1280px) {
  .design_sketch .sketch_intro .wrap_pc {
    padding-left: 41px;
  }
}

@media screen and (min-width: 737px) and (min-width: 980px), print and (min-width: 980px) {
  .design_sketch .sketch_intro .wrap_pc {
    padding-right: calc(80px + -40 * (100vw - 980px) / 300);
  }
}

@media screen and (min-width: 737px) and (min-width: 1280px), print and (min-width: 1280px) {
  .design_sketch .sketch_intro .wrap_pc {
    padding-right: 40px;
  }
}

@media screen and (min-width: 737px), print {
  .design_sketch .sketch_intro h2 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin: 0 75px 0 22px;
    margin-right: 50px;
    padding-right: 0;
  }
}

@media screen and (min-width: 737px) and (min-width: 980px), print and (min-width: 980px) {
  .design_sketch .sketch_intro h2 {
    margin-right: calc(50px + 22 * (100vw - 980px) / 940);
  }
}

@media screen and (min-width: 737px) and (min-width: 1920px), print and (min-width: 1920px) {
  .design_sketch .sketch_intro h2 {
    margin-right: 72px;
  }
}

@media screen and (min-width: 737px), print {
  .design_sketch .sketch_intro h2 + div {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
  .design_sketch .sketch_intro h2 small {
    font-size: 18px;
  }
  .design_sketch .sketch_intro h2 strong {
    width: 574px;
    width: 344.4px;
    height: 375px;
    height: 225px;
    margin-top: 38px;
    margin-left: 3px;
    overflow: hidden;
    background-image: url(../image/sketch_intro_txt_01.svg);
    background-size: contain;
    font-size: 90px;
    line-height: 97px;
    text-indent: -9999px;
  }
}

@media screen and (min-width: 737px) and (min-width: 980px), print and (min-width: 980px) {
  .design_sketch .sketch_intro h2 strong {
    width: calc(344.4px + 229.6 * (100vw - 980px) / 420);
  }
}

@media screen and (min-width: 737px) and (min-width: 1400px), print and (min-width: 1400px) {
  .design_sketch .sketch_intro h2 strong {
    width: 574px;
  }
}

@media screen and (min-width: 737px) and (min-width: 980px), print and (min-width: 980px) {
  .design_sketch .sketch_intro h2 strong {
    height: calc(225px + 150 * (100vw - 980px) / 420);
  }
}

@media screen and (min-width: 737px) and (min-width: 1400px), print and (min-width: 1400px) {
  .design_sketch .sketch_intro h2 strong {
    height: 375px;
  }
}

@media screen and (min-width: 737px), print {
  .design_sketch .sketch_intro h3 {
    padding-top: 100px;
    font-size: 19px;
    font-size: 19px;
    letter-spacing: -0.01em;
    line-height: 42px;
  }
}

@media screen and (min-width: 737px) and (min-width: 980px), print and (min-width: 980px) {
  .design_sketch .sketch_intro h3 {
    font-size: calc(19px + 4 * (100vw - 980px) / 300);
  }
}

@media screen and (min-width: 737px) and (min-width: 1280px), print and (min-width: 1280px) {
  .design_sketch .sketch_intro h3 {
    font-size: 23px;
  }
}

@media screen and (min-width: 737px), print {
  .design_sketch .sketch_intro h3 span {
    font-size: 1.3913em;
  }
  .design_sketch .sketch_intro h3:last-child {
    padding-top: 37px;
  }
  .design_sketch .sketch_intro h3 strong {
    font-size: 30px;
    letter-spacing: 0.03em;
  }
  .design_sketch .sketch_intro p {
    margin-top: 20px;
    padding-right: 16px;
    font-size: 14px;
    line-height: 28px;
  }
  .design_sketch .sketch_intro .translucence {
    width: 700px;
    height: auto;
    margin: -200px auto 100px;
    padding: 35px 50px 50px;
    border-radius: 10px;
  }
  .design_sketch .sketch_intro .translucence dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1em;
  }
  .design_sketch .sketch_intro .translucence dl > div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .design_sketch .sketch_intro .translucence dl > div:nth-of-type(2) {
    margin-left: 43px;
  }
  .design_sketch .sketch_intro .translucence dl + p {
    margin-bottom: 2em;
    vertical-align: middle;
  }
  .design_sketch .sketch_intro .translucence dl + p span {
    font-size: 20px;
  }
  .design_sketch .sketch_intro .translucence dl + p strong {
    font-size: 20px;
  }
  .design_sketch .sketch_intro .translucence dt {
    margin-bottom: 22px;
    letter-spacing: .04em;
  }
  .design_sketch .sketch_intro .translucence dt span {
    /*font-weight: bold;*/
    font-family: 'HondaGlobalFontJP-Bold', sans-serif;
    font-size: 20px;
    font-weight: normal;
  }
  .design_sketch .sketch_intro .translucence dt small {
    font-size: 12px;
  }
  .design_sketch .sketch_intro .translucence dd p {
    margin: 10px auto;
  }
  .design_sketch .sketch_intro .translucence dd p strong {
    font-size: 20px;
    line-height: 2.2;
  }
  .design_sketch .sketch_intro .translucence dd p span {
    font-size: 20px;
  }
  .design_sketch .sketch_intro .translucence dd p small {
    font-size: 15px;
  }
  .design_sketch .sketch_intro .translucence a {
    /*margin-top: 35px;*/
    width: 188px;
    height: 40px;
    padding-right: 20px;
  }
  .design_sketch .sketch_intro .translucence a:after {
    right: 17px;
    width: 17px;
    height: 5px;
  }
  .design_sketch .sketch_intro .translucence a:hover::after {
    -webkit-animation: arrow-rotate 0.6s cubic-bezier(0.6, 0, 0, 1);
            animation: arrow-rotate 0.6s cubic-bezier(0.6, 0, 0, 1);
  }
  .design_sketch .sketch_intro .translucence .limited {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left;
  }
  .design_sketch .sketch_intro .translucence .limited strong {
    font-size: 14px;
  }
  .design_sketch .sketch_intro .translucence .limited span {
    font-size: 18px;
    line-height: 2;
  }
  .design_sketch .sketch_intro .translucence input:checked + label:after {
    left: 0.3em;
  }
  .design_sketch .sketch_intro .translucence label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 1em;
    padding-left: 1.4em;
  }
  .design_sketch .sketch_intro .translucence label:before {
    display: block;
    position: absolute;
    top: 0em;
    left: 0.10em;
    border: 0.5em solid white;
    border-radius: 1em;
    background-color: white;
    content: "";
  }
  .design_sketch .sketch_intro .translucence label:after {
    display: block;
    position: absolute;
    top: 0.24em;
    left: 0.0em;
    border: 0;
    border-radius: .8em;
    background-color: black;
    content: "";
    -webkit-transition: all 0.01s;
    transition: all 0.01s;
  }
  .design_sketch .sketch_intro .translucence table th {
    padding-right: 12px;
    /*font-weight: bold;*/
    font-family: 'HondaGlobalFontJP-Bold', sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-align: right;
  }
  .design_sketch .sketch_intro .translucence table td {
    font-size: 17px;
    letter-spacing: .04em;
    line-height: 1.2em;
  }
  .design_sketch .sketch_intro .translucence table tr:last-child th, .design_sketch .sketch_intro .translucence table tr:last-child td {
    padding-top: 7px;
  }
  .design_sketch .sketch_intro .translucence table tr:last-child th {
    padding-right: 0;
    font-size: 14px;
  }
  .design_sketch .sketch_intro .translucence .covid-19 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 25px;
    padding-top: 25px;
    border-top: 2px dotted #fff;
  }
  .design_sketch .sketch_intro .translucence .covid-19 dt {
    font-size: 18px;
  }
  .design_sketch .sketch_intro .translucence .covid-19 dd {
    margin-bottom: 25px;
    font-size: 18px;
    line-height: 2em;
  }
  .design_sketch .sketch_intro .translucence .covid_check {
    margin-bottom: 15px;
  }
  .design_sketch .sketch_appeal {
    padding-top: 318px;
  }
  .design_sketch .sketch_appeal .wrap_pc {
    width: 100%;
    max-width: 1190px;
    margin: 0 auto;
  }
  .design_sketch .sketch_appeal h2, .design_sketch .sketch_appeal h3, .design_sketch .sketch_appeal p {
    padding: 0 50px;
  }
  .design_sketch .sketch_appeal h3 small {
    padding-right: 7px;
    font-size: 18px;
  }
  .design_sketch .sketch_appeal h3 strong {
    margin-top: 30px;
    padding-right: 5px;
    font-size: 44px;
    line-height: 56px;
  }
  .design_sketch .sketch_appeal h3 + p {
    margin-top: 22px;
    font-size: 14px;
    line-height: 28px;
  }
  .design_sketch .sketch_appeal figure {
    margin-top: 45px;
    padding: 0 49px 0 44px;
  }
  .design_sketch .sketch_photo {
    padding-top: 254px;
    padding-right: 20px;
  }
  .design_sketch .sketch_photo h3 {
    padding-left: 22px;
    letter-spacing: 0.08em;
  }
  .design_sketch .sketch_photo h3 small {
    font-size: 17px;
    letter-spacing: 0.05em;
  }
  .design_sketch .sketch_photo h3 strong {
    margin-top: 30px;
    padding-left: 10px;
    font-size: 32px;
    line-height: 55px;
  }
  .design_sketch .sketch_photo h3 span {
    margin-top: 17px;
    padding-right: 3px;
    font-size: 26px;
  }
  .design_sketch .sketch_photo figure {
    width: 100%;
    max-width: 1700px;
    margin-top: 57px;
    padding-left: 9px;
  }
  .design_sketch .sketch_photo figure .spshow {
    display: none;
  }
  .design_sketch .sketch_photo figure .flex2_col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .design_sketch .sketch_photo figure .flex2_col > .fl2_w75 {
    width: calc(75% - 10px);
  }
  .design_sketch .sketch_photo figure .flex2_col > .fl2_w50 {
    width: calc(50% - 10px);
  }
  .design_sketch .sketch_photo figure .flex2_col > .fl2_w25 {
    width: calc(25% - 10px);
  }
  .design_sketch .sketch_photo figure .flex2_col .mb20 {
    margin-bottom: 20px;
  }
  .design_sketch .sketch_photo figure .flex2_col .mr20 {
    margin-right: 20px;
  }
  .design_sketch .sketch_photo figure .flex2_row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .design_sketch .sketch_photo figure .pb_20 {
    padding-bottom: 20px;
  }
  .design_sketch .sketch_photo figure .cloumn2 {
    width: 100%;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    vertical-align: top;
  }
  .design_sketch .sketch_photo figure .cloumn2 .cl2_w75 {
    width: 75%;
  }
  .design_sketch .sketch_photo figure .cloumn2 .cl2_w50 {
    width: 50%;
  }
  .design_sketch .sketch_photo figure .cloumn2 .cl2_w25 {
    width: 25%;
  }
  .design_sketch .sketch_photo figure .cloumn2 .mb20 {
    margin-bottom: 20px;
  }
  .design_sketch .sketch_photo figure .cloumn2 img {
    display: block;
  }
  .design_sketch .sketch_photo figure .cloumn4 {
    width: 100%;
    padding-top: 18px;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
    vertical-align: top;
  }
  .design_sketch .sketch_photo figure .cloumn4 .cl4_w25 {
    width: 25%;
  }
  .design_sketch .sketch_photo figure .cloumn4 img {
    display: block;
  }
  .design_sketch .sketch_photo figure img {
    width: 100%;
    line-height: 0;
    vertical-align: bottom;
  }
  .design_sketch .sketch_mission {
    padding-top: 215px;
  }
  .design_sketch .sketch_mission h3 {
    padding: 0 55px 0 56px;
  }
  .design_sketch .sketch_mission h3 small {
    font-size: 18px;
  }
  .design_sketch .sketch_mission h3 strong {
    margin-top: 36px;
    font-size: 32px;
    line-height: 55px;
  }
  .design_sketch .sketch_mission h3 span {
    margin-top: 15px;
    padding-right: 3px;
    font-size: 26px;
    letter-spacing: 0.05em;
  }
  .design_sketch .sketch_mission h3 + .waku {
    margin-top: 50px;
  }
  .design_sketch .sketch_mission .intro_mission {
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 23px;
  }
  .design_sketch .sketch_mission .intro_mission h4 {
    font-size: 52px;
  }
  .design_sketch .sketch_mission .intro_mission h4 span {
    padding-bottom: 0.1em;
    border-bottom: 1px solid #fff;
    font-size: 52px;
  }
  .design_sketch .sketch_mission .intro_mission h4 + p {
    padding: 48px 1em;
  }
  .design_sketch .sketch_mission .intro_mission p {
    font-size: 18px;
    font-weight: 300;
    line-height: 2em;
  }
  .design_sketch .sketch_mission .intro_mission figure {
    margin: 0 auto;
  }
  .design_sketch .sketch_mission .intro_mission figure img {
    width: 99.5%;
  }
  .design_sketch .sketch_mission .intro_mission figure + p {
    padding: 3em 0 6.22222em;
  }
  .design_sketch .sketch_mission .icon_title {
    margin-top: 71px;
    margin-left: 3px;
    padding-left: 43px;
    background-position: top 0 left 0;
    background-size: auto 90%;
  }
  .design_sketch .sketch_mission .icon_title span {
    padding-bottom: 3px;
    /*font-weight: bold;*/
    font-family: 'HondaGlobalFontJP-Bold', sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 28px;
  }
  .design_sketch .sketch_mission .regulation {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 80px);
    max-width: 1100px;
    margin: 0 auto;
    padding: 62px 108px 100px;
    border: 2px solid white;
  }
  .design_sketch .sketch_mission .regulation_title {
    padding-top: 34px;
    padding-left: 2px;
  }
  .design_sketch .sketch_mission .regulation_title strong {
    font-size: 24px;
    line-height: 38px;
  }
  .design_sketch .sketch_mission .regulation_title + p {
    padding-top: 16px;
    font-size: 18px;
    line-height: 2em;
  }
  .design_sketch .sketch_mission .regulation_example {
    padding-top: 36px;
  }
  .design_sketch .sketch_mission .regulation_example dt {
    font-size: 18px;
  }
  .design_sketch .sketch_mission .regulation_example dd {
    text-align: center;
  }
  .design_sketch .sketch_mission .regulation_example dd figure {
    width: 555px;
    margin: 0 auto;
  }
  .design_sketch .sketch_mission .regulation_example dd figure img {
    width: 100%;
    text-rendering: optimizeSpeed;
  }
  .design_sketch .sketch_mission .regulation_theme {
    padding-top: 36px;
  }
  .design_sketch .sketch_mission .regulation_theme:last-of-type {
    padding-top: 76px;
  }
  .design_sketch .sketch_mission .regulation_theme dt.midashi {
    padding-bottom: 14px;
    /*font-weight: bold;*/
    font-family: 'HondaGlobalFontJP-Bold', sans-serif;
    font-size: 22px;
    font-weight: normal;
  }
  .design_sketch .sketch_mission .regulation_theme dt.list_title ~ dd {
    margin-top: 0.5em;
    font-weight: 100;
  }
  .design_sketch .sketch_mission .regulation_theme dd {
    font-size: 16px;
  }
  .design_sketch .sketch_mission .regulation_theme dd.white_box {
    padding: 34px 42px;
  }
  .design_sketch .sketch_mission .regulation_theme dd.white_box * {
    font-size: 16px;
  }
  .design_sketch .sketch_mission .regulation_theme dd.white_box .coloumn2 {
    padding: 30px 30px 0;
  }
  .design_sketch .sketch_mission .regulation_theme dd.white_box .coloumn2 div {
    width: 50%;
  }
  .design_sketch .sketch_mission .regulation_theme dd.white_box .coloumn2 div dt {
    padding-bottom: 18px;
  }
  .design_sketch .sketch_mission .regulation_theme dd.white_box .coloumn2 div img {
    width: auto;
  }
  .design_sketch .sketch_mission .regulation_theme dd.white_box .coloumn2 div img[src$="ico_mission_size.svg"] {
    width: 48px;
    height: 65px;
  }
  .design_sketch .sketch_mission .regulation_theme dd.white_box .coloumn2 div img[src$="ico_mission_file.svg"] {
    width: 60px;
    height: 60px;
  }
  .design_sketch .sketch_mission .regulation_theme dd.white_box .coloumn2 div figcaption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 2.6em;
    padding-top: 0.8em;
  }
  .design_sketch .sketch_mission ul {
    padding-top: 15px;
    padding-left: 50px;
  }
  .design_sketch .sketch_mission ul li {
    font-size: 24px;
  }
  .design_sketch .sketch_mission ul li::marker {
    font-size: 16px;
  }
  .design_sketch .sketch_mission .caution {
    margin-top: 40px;
    font-size: 16px;
  }
  .design_sketch .sketch_flow {
    padding-top: 182px;
    padding-bottom: 217px;
  }
  .design_sketch .sketch_flow h3 small {
    font-size: 18px;
  }
  .design_sketch .sketch_flow h3 strong {
    margin-top: 36px;
    font-size: 32px;
    line-height: 55px;
  }
  .design_sketch .sketch_flow h3 span {
    margin-top: 15px;
    font-size: 26px;
    letter-spacing: 0.045em;
  }
  .design_sketch .sketch_flow .waku {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-width: 1102px;
    margin: 40px auto 0;
    padding: 58px 50px 50px 51px;
  }
  .design_sketch .sketch_flow_procedure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .design_sketch .sketch_flow_procedure li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    width: 33%;
    height: 100%;
    margin-left: 60px;
  }
  .design_sketch .sketch_flow_procedure li:before {
    position: absolute;
    top: 38%;
    left: -43px;
    width: 8px;
    height: 43px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .design_sketch .sketch_flow_procedure li:first-child {
    margin-left: 0;
  }
  .design_sketch .sketch_flow_procedure li dl dt {
    min-height: 126px;
    font-size: 20px;
    line-height: 44px;
  }
  .design_sketch .sketch_flow_procedure li dl dt:before {
    margin: 0 auto 22px;
  }
  .design_sketch .sketch_flow_procedure li dl dt.mypage:before {
    width: 64px;
    height: 64px;
  }
  .design_sketch .sketch_flow_procedure li dl dt.entry:before {
    width: 60px;
    height: 64px;
  }
  .design_sketch .sketch_flow_procedure li dl dt.join:before {
    width: 90px;
    height: 64px;
  }
  .design_sketch .sketch_flow_procedure li dl dt.result:before {
    width: 82px;
    height: 64px;
  }
  .design_sketch .sketch_flow_procedure li dl dd {
    font-size: 14px;
    line-height: 28px;
  }
  .design_sketch .sketch_applicationguidelines {
    padding-top: 110px;
    padding-bottom: 137px;
  }
  .design_sketch .sketch_applicationguidelines.colorChange .btn_googlemap:hover {
    background-image: url(../image/sketch_applicationguidelines_txt_gmap_01_hover.svg);
  }
  .design_sketch .sketch_applicationguidelines h2, .design_sketch .sketch_applicationguidelines h3 {
    padding: 0 50px;
  }
  .design_sketch .sketch_applicationguidelines .outline {
    width: 100%;
    max-width: 1050px;
  }
  .design_sketch .sketch_applicationguidelines h3 small {
    font-size: 18px;
  }
  .design_sketch .sketch_applicationguidelines h3 strong {
    margin-top: 36px;
    font-size: 32px;
    line-height: 55px;
  }
  .design_sketch .sketch_applicationguidelines h3 span {
    margin-top: 16px;
    font-size: 26px;
    letter-spacing: 0.05em;
  }
  .design_sketch .sketch_applicationguidelines .outline {
    padding: 73px 0 53px 30px;
  }
  .design_sketch .sketch_applicationguidelines .outline dl {
    display: table;
    padding-top: 38px;
  }
  .design_sketch .sketch_applicationguidelines .outline dt {
    display: table-cell;
    width: 240px;
    font-size: 16px;
    text-align: right;
  }
  .design_sketch .sketch_applicationguidelines .outline dd {
    display: table-cell;
    padding-left: 75px;
    letter-spacing: 0.04em;
  }
  .design_sketch .sketch_applicationguidelines .outline dd li,
  .design_sketch .sketch_applicationguidelines .outline dd p {
    font-size: 14px;
    line-height: 2em;
  }
  .design_sketch .sketch_applicationguidelines .outline dd li a,
  .design_sketch .sketch_applicationguidelines .outline dd p a {
    font-size: 14px;
  }
  .design_sketch .sketch_applicationguidelines .outline .btn_googlemap {
    margin-top: 15px;
    padding: 0.6em 2.4em;
    border: 1px solid #33a187;
    border-radius: 2em;
    background-size: auto 12px;
    font-size: 12px;
    line-height: 1.2em;
  }
  .design_sketch .sketch_applicationguidelines .outline .btn_googlemap img {
    height: 12px;
  }
  .design_sketch .sketch_applicationguidelines .outline .btn_googlemap:hover {
    background-color: white;
    background-image: url(../image/sketch_applicationguidelines_txt_gmap_01_hover.svg);
    color: #33a187;
  }
  .design_sketch .sketch_applicationguidelines .outline .btn_googlemap:hover img {
    -webkit-filter: none;
            filter: none;
  }
  .design_sketch .sketch_applicationguidelines .outline .pt10 {
    padding-top: 0.8em;
  }
  .design_sketch .sketch_applicationguidelines .outline .day > dd {
    padding-left: 82px;
  }
  .design_sketch .sketch_applicationguidelines .outline .day > dd > p {
    font-size: 17px;
    line-height: 1.6em;
  }
  .design_sketch .sketch_applicationguidelines .outline .day > dd > p > span {
    font-size: 14px;
  }
  .design_sketch .sketch_applicationguidelines .outline .hall {
    padding-top: 36px;
  }
  .design_sketch .sketch_applicationguidelines .outline .hall dd {
    padding-left: 82px;
  }
  .design_sketch .sketch_applicationguidelines .outline .hall a + p {
    margin-top: 20px;
  }
  .design_sketch .sketch_applicationguidelines .outline .capacity {
    padding-top: 33px;
  }
  .design_sketch .sketch_applicationguidelines .outline .bigger {
    padding-bottom: 1em;
    font-size: 18px;
  }
  .design_sketch .sketch_applicationguidelines .outline .seminarcont {
    padding-top: 38px;
  }
  .design_sketch .sketch_applicationguidelines .outline .work {
    padding-top: 28px;
    padding-bottom: 4px;
  }
  .design_sketch .sketch_applicationguidelines .outline .upload li {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
  .design_sketch .sketch_applicationguidelines .outline .entry p {
    font-size: 17px;
  }
  .design_sketch .sketch_applicationguidelines .outline .other li {
    line-height: 2em;
  }
  .design_sketch .sketch_applicationguidelines .outline .privacy {
    padding-top: 1.9em;
    padding-bottom: 0;
  }
  .design_sketch .sketch_applicationguidelines .outline .privacy a {
    padding-bottom: 5px;
    border-bottom: 1px #c00 solid;
    letter-spacing: 0.05em;
    text-decoration: none;
  }
  .design_sketch .sketch_applicationguidelines .outline .apply {
    padding-top: 35px;
  }
  .design_sketch .sketch_applicationguidelines .outline .apply dd > p.bigger {
    padding-bottom: 11px;
  }
  .design_sketch .sketch_applicationguidelines .outline .remit {
    padding-top: 34px;
  }
  .design_sketch .sketch_applicationguidelines .outline .contact {
    padding-top: 45px;
  }
  .design_sketch .sketch_applicationguidelines .option {
    display: -ms-grid;
    display: grid;
    width: 100%;
    max-width: 870px;
    margin: 0 auto;
  }
  .design_sketch .sketch_entry {
    padding-top: 130px;
    padding-bottom: 156px;
  }
  .design_sketch .sketch_entry h3 small {
    font-size: 18px;
  }
  .design_sketch .sketch_entry h3 strong {
    margin-top: 8px;
    font-size: 22px;
    letter-spacing: -0.02em;
    line-height: 44px;
  }
  .design_sketch .sketch_entry h3 span {
    font-size: 26px;
    letter-spacing: 0.06em;
    line-height: 2.5em;
  }
  .design_sketch .sketch_entry h3 + p {
    margin-top: 26px;
  }
  .design_sketch .sketch_entry p input:checked + label:after {
    top: 0.45em;
    left: 0.33em;
  }
  .design_sketch .sketch_entry p label {
    font-size: 15px;
  }
  .design_sketch .sketch_entry p.finishCopy {
    margin-bottom: 30px;
    color: #c00;
    /*font-weight: bold;*/
    font-family: 'HondaGlobalFontJP-Bold', sans-serif;
    font-size: 22px;
    font-weight: normal;
    /*201906 千葉追加 終了時コピー*/
  }
  .design_sketch .sketch_entry .to_form {
    width: 550px;
    height: 110px;
    margin: 35px auto 60px;
    border: 1px solid #33a187;
    border-radius: 7px;
    font-size: 30px;
  }
  .design_sketch .sketch_entry .to_form:hover {
    background-color: #000;
  }
  .design_sketch .sketch_entry .sns_area {
    width: 400px;
    margin: 0 auto;
  }
  .design_sketch .sketch_entry .sns_area a span {
    font-size: 14px;
  }
  .design_sketch .sketch_entry .sns_area a:before {
    width: 40px;
    height: 40px;
    margin: 0 auto 10px;
  }
  .design_sketch .sketch_entry .sns_area a:hover {
    -webkit-filter: grayscale(0.4);
            filter: grayscale(0.4);
  }
  .design_sketch .sketch_others {
    padding-top: 100px;
    padding-bottom: 70px;
  }
  .design_sketch .sketch_others .chk {
    padding: 0;
  }
  .design_sketch .sketch_others .chk a h4 {
    width: 282px;
    padding-bottom: 18px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
  .design_sketch .sketch_others .chk a h4:before {
    height: 36px;
    margin-bottom: 25px;
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .design_sketch .sketch_others .chk a h4 img {
    width: 250px;
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .design_sketch .sketch_others .chk a p {
    padding-top: 16px;
    /*font-weight: bold;*/
    font-family: 'HondaGlobalFontJP-Bold', sans-serif;
    font-size: 16px;
    font-weight: normal;
    -webkit-transition: all 1s;
    transition: all 1s;
  }
  .design_sketch .sketch_others .chk a:hover h4::after {
    -webkit-transform: scale(1.37589, 1);
            transform: scale(1.37589, 1);
  }
}

@media screen and (min-width: 737px) and (max-width: 1100px) {
  .design_sketch .sketch_intro h2 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .design_sketch .sketch_photo figure .flex2_col > .fl2_w75 {
    width: calc(75% - 5px);
  }
  .design_sketch .sketch_photo figure .flex2_col > .fl2_w50 {
    width: calc(50% - 5px);
  }
  .design_sketch .sketch_photo figure .flex2_col > .fl2_w25 {
    width: calc(25% - 5px);
  }
  .design_sketch .sketch_photo figure .flex2_col .mb20 {
    margin-bottom: 20px;
  }
  .design_sketch .sketch_photo figure .cloumn2 {
    padding-bottom: 10px;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
  .design_sketch .sketch_photo figure .cloumn4 {
    padding-top: 10px;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
}

.design_sketch #pageTop {
  display: none;
  position: fixed;
  right: 20px;
  bottom: 20px;
}

.design_sketch #pageTop a {
  display: block;
  width: 31px;
  height: 105px;
}

@media screen and (min-width: 737px), print {
  .design_sketch #pageTop a img {
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
  }
  .design_sketch #pageTop a:hover img {
    opacity: .4;
  }
}

@-webkit-keyframes arrowRed {
  0% {
    -webkit-transform: translate3d(0px, 0%, 0) scale(1, 1);
            transform: translate3d(0px, 0%, 0) scale(1, 1);
  }
  100% {
    -webkit-transform: translate3d(-69px, 0%, 0) scale(0.01, 1);
            transform: translate3d(-69px, 0%, 0) scale(0.01, 1);
  }
}

@keyframes arrowRed {
  0% {
    -webkit-transform: translate3d(0px, 0%, 0) scale(1, 1);
            transform: translate3d(0px, 0%, 0) scale(1, 1);
  }
  100% {
    -webkit-transform: translate3d(-69px, 0%, 0) scale(0.01, 1);
            transform: translate3d(-69px, 0%, 0) scale(0.01, 1);
  }
}

@-webkit-keyframes arrowBlue {
  0% {
    -webkit-transform: translate3d(69px, 0%, 0) scale(0.01, 1);
            transform: translate3d(69px, 0%, 0) scale(0.01, 1);
  }
  5% {
    -webkit-transform: translate3d(69px, 0%, 0) scale(0.01, 1);
            transform: translate3d(69px, 0%, 0) scale(0.01, 1);
  }
  100% {
    -webkit-transform: translate3d(0, 0%, 0) scale(1, 1);
            transform: translate3d(0, 0%, 0) scale(1, 1);
  }
}

@keyframes arrowBlue {
  0% {
    -webkit-transform: translate3d(69px, 0%, 0) scale(0.01, 1);
            transform: translate3d(69px, 0%, 0) scale(0.01, 1);
  }
  5% {
    -webkit-transform: translate3d(69px, 0%, 0) scale(0.01, 1);
            transform: translate3d(69px, 0%, 0) scale(0.01, 1);
  }
  100% {
    -webkit-transform: translate3d(0, 0%, 0) scale(1, 1);
            transform: translate3d(0, 0%, 0) scale(1, 1);
  }
}

@-webkit-keyframes arrow-rotate {
  0% {
    background-position: 0 center;
    opacity: 1;
  }
  40% {
    background-position: 17px center;
    opacity: .2;
  }
  41% {
    background-position: 17px center;
    opacity: 0;
  }
  59% {
    background-position: -17px center;
    opacity: 0;
  }
  60% {
    background-position: -17px center;
    opacity: .2;
  }
  100% {
    background-position: 0 center;
    opacity: 1;
  }
}

@keyframes arrow-rotate {
  0% {
    background-position: 0 center;
    opacity: 1;
  }
  40% {
    background-position: 17px center;
    opacity: .2;
  }
  41% {
    background-position: 17px center;
    opacity: 0;
  }
  59% {
    background-position: -17px center;
    opacity: 0;
  }
  60% {
    background-position: -17px center;
    opacity: .2;
  }
  100% {
    background-position: 0 center;
    opacity: 1;
  }
}

.mission_ttl {
  /*font-weight: bold;*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
}

@media screen and (min-width: 737px), print {
  .mission_ttl {
    margin-bottom: 55px;
    font-size: 18px;
  }
}

@media screen and (max-width: 736px) {
  .mission_ttl {
    margin-bottom: 10.66667vw;
    padding-right: 6.66667vw;
    font-size: 3.73333vw;
  }
}

@media screen and (min-width: 737px), print {
  .mission_ttl span {
    font-size: 28px;
  }
}

@media screen and (max-width: 736px) {
  .mission_ttl span {
    font-size: 5.6vw;
  }
}

@media screen and (min-width: 737px), print {
  .mission_regulation {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 736px) {
  .mission_regulation {
    margin-bottom: 13.33333vw;
    padding-right: 6.66667vw;
  }
}

.mission_regulation dt {
  background: url(../image/icon/ico_regulation.svg) left center no-repeat;
  /*font-weight: bold;*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
}

@media screen and (min-width: 737px), print {
  .mission_regulation dt {
    min-height: 28px;
    margin-bottom: 20px;
    padding-left: 45px;
    background-size: 33px 28px;
    font-size: 17px;
  }
}

@media screen and (max-width: 736px) {
  .mission_regulation dt {
    min-height: 3.73333vw;
    margin-bottom: 2.66667vw;
    padding-left: 9.6vw;
    background-size: 7.06667vw 6vw;
    font-size: 3.73333vw;
  }
}

.mission_regulation dt span {
  display: inline-block;
  border-bottom: 1px solid #fff;
}

.mission_regulation dd ul {
  list-style-type: none;
}

.mission_regulation dd ul li {
  line-height: 2;
}

@media screen and (min-width: 737px), print {
  .mission_regulation dd ul li {
    font-size: 15px;
  }
}

@media screen and (max-width: 736px) {
  .mission_regulation dd ul li {
    font-size: 3.2vw;
  }
}

.mission_regulation dd ul li::before {
  display: inline-block;
  content: '・';
}

.mission_sample {
  background-color: #fdebed;
  color: #33a187;
}

@media screen and (max-width: 736px) {
  .mission_sample {
    width: 150.13333vw;
  }
}

.mission_sample_ttl {
  /*font-weight: bold;*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
}

@media screen and (min-width: 737px), print {
  .mission_sample_ttl {
    margin-bottom: 25px;
    font-size: 20px;
  }
}

@media screen and (max-width: 736px) {
  .mission_sample_ttl {
    margin-bottom: 6.66667vw;
    padding-right: 6.66667vw;
    font-size: 4.26667vw;
  }
}

.mission_sample_header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: none;
}

@media screen and (min-width: 737px), print {
  .mission_sample_header {
    padding: 30px 100px;
  }
}

@media screen and (max-width: 736px) {
  .mission_sample_header {
    padding: 6.66667vw 7.33333vw;
  }
}

.mission_sample_header p {
  line-height: 1.78;
}

@media screen and (min-width: 737px), print {
  .mission_sample_header p {
    font-size: 14px;
  }
}

@media screen and (max-width: 736px) {
  .mission_sample_header p {
    font-size: 3.2vw;
  }
}

.mission_sample_header p span {
  /*font-weight: bold;*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
}

@media screen and (min-width: 737px), print {
  .mission_sample_header p span {
    font-size: 18px;
  }
}

@media screen and (max-width: 736px) {
  .mission_sample_header p span {
    font-size: 3.73333vw;
  }
}

.mission_sample_body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #33a187;
}

@media screen and (min-width: 737px), print {
  .mission_sample_body {
    min-height: 440px;
    margin-bottom: 25px;
    padding: 40px 80px 55px;
    padding: 80px;
  }
}

@media screen and (min-width: 737px) and (min-width: 980px), print and (min-width: 980px) {
  .mission_sample_body {
    padding: calc(80px + 20 * (100vw - 980px) / 300);
  }
}

@media screen and (min-width: 737px) and (min-width: 1280px), print and (min-width: 1280px) {
  .mission_sample_body {
    padding: 100px;
  }
}

@media screen and (max-width: 736px) {
  .mission_sample_body {
    min-height: 86.66667vw;
    margin-bottom: 2.66667vw;
    padding: 7.33333vw 6.66667vw 8vw;
  }
}

.mission_sample_body > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mission_sample_body > dl > div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

@media screen and (min-width: 737px), print {
  .mission_sample_body > dl > div {
    width: 300px;
  }
}

@media screen and (max-width: 736px) {
  .mission_sample_body > dl > div {
    width: 61.33333vw;
  }
}

.mission_sample_body > dl > div:nth-of-type(n+3) {
  margin-top: 50px;
}

.mission_sample_body > dl > div.box {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

@media screen and (min-width: 737px), print {
  .mission_sample_body > dl > div.box {
    width: 390px;
  }
}

@media screen and (max-width: 736px) {
  .mission_sample_body > dl > div.box {
    width: 72vw;
  }
}

.mission_sample_body > dl > div.box > dt {
  margin-bottom: 8px;
}

.mission_sample_body > dl > div.box > dd {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 32px 0;
  border: 1px solid #ee6571;
  line-height: 2;
}

.mission_sample_body > dl > div > dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 5px;
  background-position: left center;
  background-repeat: no-repeat;
  /*font-weight: bold;*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
}

@media screen and (min-width: 737px), print {
  .mission_sample_body > dl > div > dt {
    min-height: 40px;
    font-size: 16px;
  }
}

@media screen and (max-width: 736px) {
  .mission_sample_body > dl > div > dt {
    min-height: 8.26667vw;
    font-size: 3.46667vw;
  }
}

_:-ms-lang(x)::-ms-backdrop, .mission_sample_body > dl > div > dt {
  height: 40px;
}

.mission_sample_body > dl > div > dt.concept {
  background-image: url(../image/icon/ico_concept.svg);
}

@media screen and (min-width: 737px), print {
  .mission_sample_body > dl > div > dt.concept {
    padding-left: 45px;
    background-size: 30px 39px;
  }
}

@media screen and (max-width: 736px) {
  .mission_sample_body > dl > div > dt.concept {
    padding-left: 8.66667vw;
    background-size: 6.4vw 8.26667vw;
  }
}

.mission_sample_body > dl > div > dt.idea {
  background-image: url(../image/icon/ico_idea.svg);
}

@media screen and (min-width: 737px), print {
  .mission_sample_body > dl > div > dt.idea {
    padding-left: 40px;
    background-size: 31px 24px;
  }
}

@media screen and (max-width: 736px) {
  .mission_sample_body > dl > div > dt.idea {
    padding-left: 9.33333vw;
    background-size: 6.66667vw 5.06667vw;
  }
}

.mission_sample_body > dl > div > dt.layout {
  background-image: url(../image/icon/ico_layout.svg);
}

@media screen and (min-width: 737px), print {
  .mission_sample_body > dl > div > dt.layout {
    padding-left: 42px;
    background-size: 29px 32px;
  }
}

@media screen and (max-width: 736px) {
  .mission_sample_body > dl > div > dt.layout {
    padding-left: 9.33333vw;
    background-size: 6.13333vw 6.8vw;
  }
}

.mission_sample_body > dl > div > dt.package {
  background-image: url(../image/icon/ico_package.svg);
}

@media screen and (min-width: 737px), print {
  .mission_sample_body > dl > div > dt.package {
    padding-left: 40px;
    background-size: 27px 28px;
  }
}

@media screen and (max-width: 736px) {
  .mission_sample_body > dl > div > dt.package {
    padding-left: 8.66667vw;
    background-size: 5.73333vw 6vw;
  }
}

.mission_sample_body > dl > div > dt.size {
  background-image: url(../image/icon/ico_size.svg);
}

@media screen and (min-width: 737px), print {
  .mission_sample_body > dl > div > dt.size {
    padding-left: 50px;
    background-size: 43px 22px;
  }
}

@media screen and (max-width: 736px) {
  .mission_sample_body > dl > div > dt.size {
    padding-left: 10vw;
    background-size: 8.4vw 4.26667vw;
  }
}

@media screen and (min-width: 737px), print {
  .mission_sample_body > dl > div > dd {
    font-size: 14px;
  }
}

@media screen and (max-width: 736px) {
  .mission_sample_body > dl > div > dd {
    font-size: 3.2vw;
  }
}

.mission_sample_body > dl > div > dd ul {
  list-style-type: none;
}

.mission_sample_body > dl > div > dd ul li {
  line-height: 2;
}

@media screen and (min-width: 737px), print {
  .mission_sample_body > dl > div > dd ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 736px) {
  .mission_sample_body > dl > div > dd ul li {
    font-size: 3.2vw;
  }
}

.mission_sample_body > dl > div > dd ul li::before {
  display: inline-block;
  content: '・';
}

@media screen and (min-width: 737px), print {
  .mission_note {
    font-size: 15px;
  }
}

@media screen and (max-width: 736px) {
  .mission_note {
    margin-top: 4.66667vw;
    padding-right: 6.66667vw;
    font-size: 3.2vw;
  }
}

@media screen and (min-width: 737px), print {
  .grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (min-width: 737px), print {
  .grid__header {
    padding-bottom: 25px;
  }
}

@media screen and (min-width: 737px), print {
  .grid__header.calendar {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
    padding-right: 10px;
  }
}

@media screen and (min-width: 737px), print {
  .grid__header.map {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
  }
}

@media screen and (max-width: 736px) {
  .grid__header.map {
    margin-top: 13.33333vw;
  }
}

.grid__ttl {
  text-align: center;
}

.grid__ttl h4 {
  line-height: 1em;
}

@media screen and (min-width: 737px), print {
  .grid__ttl h4 {
    padding-bottom: 17px;
    font-size: 22px;
  }
}

@media screen and (max-width: 736px) {
  .grid__ttl h4 {
    padding-bottom: 3.33333vw;
    font-size: 17px;
  }
  .grid__ttl h4 + p {
    padding-bottom: 3.33333vw;
  }
}

.grid__ttl p {
  line-height: 1em;
}

.grid__ttl p small {
  /*font-weight: bold;*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
}

@media screen and (min-width: 737px), print {
  .grid__ttl p small {
    font-size: 14px;
  }
}

@media screen and (max-width: 736px) {
  .grid__ttl p small {
    font-size: 12px;
  }
}

.grid__img {
  text-align: center;
}

@media screen and (min-width: 737px), print {
  .grid__img img {
    height: 40px;
    margin-bottom: 23px;
  }
}

@media screen and (max-width: 736px) {
  .grid__img {
    padding-bottom: 4vw;
  }
  .grid__img img {
    height: 10.26667vw;
  }
}

.grid__btn {
  text-align: center;
}

@media screen and (min-width: 737px), print {
  .grid__btn.calendar01 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 4;
    padding-right: 9px;
  }
  .grid__btn.calendar02 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    grid-row: 5 / 6;
  }
  .grid__btn.map {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1 / 3;
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3 / 4;
  }
}

.grid__btn a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 7px;
  background-color: #33a187;
  color: white;
  /*font-weight: bold;*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
  text-decoration: none;
}

@media screen and (min-width: 737px), print {
  .grid__btn a {
    width: 300px;
    height: 65px;
    border: 1px solid #33a187;
    font-size: 19px;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
  }
  .grid__btn a img {
    height: 18px;
  }
  .grid__btn a:hover {
    border-color: #33a187;
    background-color: transparent;
    color: #33a187;
  }
  .grid__btn a:hover img {
    -webkit-filter: brightness(0);
            filter: brightness(0);
  }
  .grid__btn a + .btn_tit {
    margin-top: 20px;
  }
}

@media screen and (max-width: 736px) {
  .grid__btn a {
    width: 58.4vw;
    height: 12.8vw;
    font-size: 15px;
  }
  .grid__btn a img {
    height: 4.26667vw;
  }
  .grid__btn a + .btn_tit {
    margin-top: 2.66667vw;
  }
}

.colorChange .grid__btn a {
  background-color: #fff;
  color: #33a187;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.colorChange .grid__btn a:hover {
  border-color: #fff;
  background-color: #33a187;
  color: #fff;
}

.grid__btn_ttl {
  text-align: center;
}

@media screen and (min-width: 737px), print {
  .grid__btn_ttl {
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 736px) {
  .grid__btn_ttl {
    padding-bottom: 1.33333vw;
  }
}

@media screen and (min-width: 737px), print {
  .grid__btn_ttl.calendar01 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2 / 3;
  }
}

@media screen and (min-width: 737px), print {
  .grid__btn_ttl.calendar02 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    grid-row: 4 / 5;
    padding-top: 20px;
  }
}

@media screen and (max-width: 736px) {
  .grid__btn_ttl.calendar02 {
    padding-top: 2.66667vw;
  }
}

aside.aside {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 737px), print {
  aside.aside {
    gap: 0 80px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 70px;
  }
}

@media screen and (max-width: 736px) {
  aside.aside {
    gap: 6.66667vw 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (min-width: 737px), print {
  aside .aside__header {
    padding-bottom: 25px;
  }
}

@media screen and (max-width: 736px) {
  aside .aside__header.map {
    margin-top: 9.33333vw;
  }
}

aside .aside__ttl {
  text-align: center;
}

aside .aside__ttl h4 {
  line-height: 1em;
}

@media screen and (min-width: 737px), print {
  aside .aside__ttl h4 {
    padding-bottom: 20px;
    font-size: 22px;
  }
}

@media screen and (max-width: 736px) {
  aside .aside__ttl h4 {
    padding-bottom: 3.33333vw;
    font-size: 17px;
  }
  aside .aside__ttl h4 + p {
    padding-bottom: 6.66667vw;
  }
}

aside .aside__ttl p {
  line-height: 1em;
}

aside .aside__ttl p small {
  /*font-weight: bold;*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
}

@media screen and (min-width: 737px), print {
  aside .aside__ttl p small {
    font-size: 14px;
  }
}

@media screen and (max-width: 736px) {
  aside .aside__ttl p small {
    font-size: 12px;
  }
}

aside .aside__img {
  text-align: center;
}

@media screen and (min-width: 737px), print {
  aside .aside__img img {
    height: 40px;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 736px) {
  aside .aside__img {
    padding-bottom: 4vw;
  }
  aside .aside__img img {
    height: 10.26667vw;
  }
}

aside .aside__btn {
  text-align: center;
}

aside .aside__btn a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 7px;
  background-color: #33a187;
  color: white;
  /*font-weight: bold;*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
  text-decoration: none;
}

@media screen and (min-width: 737px), print {
  aside .aside__btn a {
    width: 300px;
    height: 65px;
    border: 1px solid #33a187;
    font-size: 19px;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
  }
  aside .aside__btn a img {
    height: 18px;
  }
  aside .aside__btn a:hover {
    border-color: #33a187;
    background-color: transparent;
    color: #33a187;
  }
  aside .aside__btn a:hover img {
    -webkit-filter: brightness(0);
            filter: brightness(0);
  }
  aside .aside__btn a + .btn_tit {
    margin-top: 20px;
  }
}

@media screen and (max-width: 736px) {
  aside .aside__btn a {
    width: 58.4vw;
    height: 12.8vw;
    font-size: 15px;
  }
  aside .aside__btn a img {
    height: 4.26667vw;
  }
  aside .aside__btn a + .btn_tit {
    margin-top: 2.66667vw;
  }
}

.colorChange aside .aside__btn a {
  background-color: #fff;
  color: #33a187;
  -webkit-transition: background .5s ease;
  transition: background .5s ease;
}

.colorChange aside .aside__btn a:hover {
  border-color: #fff;
  background-color: #33a187;
  color: #fff;
}

@media screen and (min-width: 737px), print {
  aside .aside__btn + p {
    padding-top: 25px;
  }
}

@media screen and (max-width: 736px) {
  aside .aside__btn + p {
    padding-top: 6.66667vw;
  }
}

aside .aside__btn_ttl {
  text-align: center;
}

@media screen and (min-width: 737px), print {
  aside .aside__btn_ttl {
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 736px) {
  aside .aside__btn_ttl {
    padding-bottom: 1.33333vw;
    font-size: 3.2vw;
  }
}

.download {
  text-align: center;
}

@media screen and (min-width: 737px), print {
  .download {
    margin-bottom: 74px;
    padding-right: 6px;
  }
}

@media screen and (max-width: 736px) {
  .download {
    margin-bottom: 18.66667vw;
    padding-right: 4vw;
  }
}

.download a {
  display: inline-block;
  border-bottom: 2px solid #000;
  background: url(../image/icon/ico_download.svg) no-repeat;
  color: #000;
  /*font-weight: bold;*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
  text-decoration: none;
}

@media screen and (min-width: 737px), print {
  .download a {
    padding: 0 10px 5px 45px;
    background-position: 15px calc(50% - 3px);
    background-size: 22px 22px;
    font-size: 19px;
  }
}

@media screen and (max-width: 736px) {
  .download a {
    padding: 3px 11px 5px 40px;
    background-position: 12px calc(50% - 3px);
    background-size: 19px 19px;
    font-size: 4.26667vw;
    letter-spacing: 0.13333vw;
  }
}

.colorChange .download a {
  border-color: #fff;
  color: #fff;
}

.add_fadein.fadeIn {
  -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
  display: block !important;
  animation: fadeIn 1.5s ease 0s 1 normal;
}

.top_btn {
  text-align: center;
}

@media screen and (min-width: 737px), print {
  .top_btn {
    margin: 20px auto 100px;
  }
}

@media screen and (max-width: 736px) {
  .top_btn {
    margin: 13.33333vw auto;
  }
}

.top_btn a {
  position: relative;
  border-radius: 40px;
  color: #000;
  /*font-weight: bold;*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
  text-decoration: none;
  -webkit-transition: .5s ease all;
  transition: .5s ease all;
}

@media screen and (min-width: 737px), print {
  .top_btn a {
    padding: 12px 60px;
    border: 3px solid #000;
    font-size: 20px;
  }
}

@media screen and (max-width: 736px) {
  .top_btn a {
    padding: 2.4vw 11.33333vw;
    border: 0.4vw solid #000;
    font-size: 3.73333vw;
  }
}

.top_btn a::before {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
  background: url(/jp/jobs/design/img/process_arrow_b.svg) no-repeat;
  content: '';
}

@media screen and (min-width: 737px), print {
  .top_btn a::before {
    left: 17px;
    width: 15px;
    height: 14px;
  }
}

@media screen and (max-width: 736px) {
  .top_btn a::before {
    left: 3.33333vw;
    width: 2.93333vw;
    height: 2.66667vw;
  }
}

@media screen and (min-width: 737px), print {
  .top_btn a:hover {
    background: #000;
    color: #fff;
  }
  .top_btn a:hover::before {
    background: url(/jp/jobs/design/img/process_arrow_w.svg) no-repeat;
  }
}

@media screen and (min-width: 737px), print {
  .aside__header {
    padding-bottom: 25px;
  }
}

@media screen and (max-width: 736px) {
  .aside__header.map {
    margin-top: 9.33333vw;
  }
}

.aside__flex {
  gap: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 20px;
}

@media screen and (max-width: 736px) {
  .aside__flex {
    gap: 30px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.aside__flex span {
  display: block;
  padding-bottom: 25px;
}

@media screen and (max-width: 736px) {
  .aside__flex span {
    padding-bottom: 10px;
    font-size: 11px;
    text-align: center;
  }
}

.aside__ttl {
  text-align: center;
}

.aside__ttl h4 {
  line-height: 1em;
}

@media screen and (min-width: 737px), print {
  .aside__ttl h4 {
    padding-bottom: 20px;
    font-size: 22px;
  }
}

@media screen and (max-width: 736px) {
  .aside__ttl h4 {
    padding-bottom: 3.33333vw;
    font-size: 17px;
  }
  .aside__ttl h4 + p {
    padding-bottom: 6.66667vw;
  }
}

.aside__ttl p {
  line-height: 1em;
}

.aside__ttl p small {
  /*font-weight: bold;*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
}

@media screen and (min-width: 737px), print {
  .aside__ttl p small {
    font-size: 14px;
  }
}

@media screen and (max-width: 736px) {
  .aside__ttl p small {
    font-size: 12px;
  }
}

.aside__img {
  text-align: center;
}

@media screen and (min-width: 737px), print {
  .aside__img img {
    height: 40px;
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 736px) {
  .aside__img {
    padding-bottom: 4vw;
  }
  .aside__img img {
    height: 10.26667vw;
  }
}

.aside__btn {
  text-align: center;
}

.aside__btn a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 7px;
  background-color: #33a187;
  color: white;
  /*font-weight: bold;*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
  text-decoration: none;
}

@media screen and (min-width: 737px), print {
  .aside__btn a {
    width: 300px;
    height: 65px;
    border: 1px solid #33a187;
    font-size: 19px;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
  }
  .aside__btn a img {
    height: 18px;
  }
  .aside__btn a:hover {
    border-color: #33a187;
    background-color: transparent;
    color: #33a187;
  }
  .aside__btn a:hover img {
    -webkit-filter: brightness(0);
            filter: brightness(0);
  }
  .aside__btn a + .btn_tit {
    margin-top: 20px;
  }
}

@media screen and (max-width: 736px) {
  .aside__btn a {
    width: 58.4vw;
    height: 12.8vw;
    font-size: 15px;
  }
  .aside__btn a img {
    height: 4.26667vw;
  }
  .aside__btn a + .btn_tit {
    margin-top: 2.66667vw;
  }
}

.colorChange .aside__btn a {
  background-color: #fff;
  color: #33a187;
  -webkit-transition: background .5s ease;
  transition: background .5s ease;
}

.colorChange .aside__btn a:hover {
  border-color: #fff;
  background-color: #33a187;
  color: #fff;
}

@media screen and (min-width: 737px), print {
  .aside__btn + p {
    padding-top: 25px;
  }
}

@media screen and (max-width: 736px) {
  .aside__btn + p {
    padding-top: 6.66667vw;
  }
}

.aside__btn_ttl {
  /*font-weight: bold;*/
  font-family: 'HondaGlobalFontJP-Bold', sans-serif;
  font-weight: normal;
  text-align: center;
}

@media screen and (max-width: 736px) {
  .aside__btn_ttl {
    padding-bottom: 1.33333vw;
    font-size: 3.2vw;
  }
}

/*202503add*/
.hondadesign-logo {
  padding: 30px 0 0px;
  text-align: center;
}

.hondadesign-logo a img {
  height: 30px;
}

#internshipwrap main {
  padding-top: 0px;
}

@media screen and (max-width: 736px) {
  .hondadesign-logo {
    padding: 30px 0 0;
  }
  .hondadesign-logo a img {
    width: 60vw;
  }
}

@media screen and (min-width: 737px), print {
  .add_googlemaps202405 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .add_googlemaps202405 li {
    padding: 0;
    text-indent: 0;
  }
  .add_googlemaps202405 li p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .add_googlemaps202405 li p span {
    font-size: 14px;
  }
}

@media screen and (max-width: 736px) {
  .add_googlemaps202405 li p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .add_googlemaps202405 li p span {
    font-size: 12px;
  }
}
