@charset "utf-8";

/* lead */
#dreamhands_wrapper section#lead .inner .detail {width: 100%;margin-top: 80px;position: relative;}
#dreamhands_wrapper section#lead .inner .detail .flow {width: 90%;margin: 40px auto 0 auto;}
#dreamhands_wrapper section#lead .inner .detail .heading {font-size: 20px;line-height: 1.3;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;margin: 0;padding: 0 30px;background-color: #f8f8f8;color: #555;text-align: center;display: inline-block;z-index: 103;position: relative;}
#dreamhands_wrapper section#lead .inner .detail .heading span {font-size: 16px;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;margin-top: 10px;display: block;}
#dreamhands_wrapper section#lead .inner .detail::before {content: "";width: 100%;border-bottom: solid 1px #555;display: block;position: absolute;top: 12px;left: 0;}
#dreamhands_wrapper section#lead .inner .detail .nop {font-size: 80px;line-height: 1.3;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;font-weight: bold;letter-spacing: 0.15em;margin: 30px 0 0 0;padding: 0 0 0 0.4em;color: #555;text-align: center;position: relative;}
#dreamhands_wrapper section#lead .inner .detail .nop span {font-size: 28px;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;position: relative;bottom: 0;}

/* column */
#dreamhands_wrapper section#column .inner .detail {width: 100%;max-height: 60vh;height: 600px;/*overflow-y: scroll;*/}
#dreamhands_wrapper section#column .inner .detail h3 {width: 100%;font-size: 20px;line-height: 1.4;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;margin: 0;padding: 10px 24px;color: #FFF;background-color: #333;text-align: left;box-sizing: border-box;}
#dreamhands_wrapper section#column .inner .detail p {font-size: 15px;padding: 16px 24px;text-align: left;}
#dreamhands_wrapper section#column .inner .detail ul {display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 80px;}
#dreamhands_wrapper section#column .inner .detail ul li {border-bottom: solid 1px #d7d7d7;}
#dreamhands_wrapper section#column .inner .detail ul li:nth-child(3n+1) {width: 23%;}
#dreamhands_wrapper section#column .inner .detail ul li:nth-child(3n+2) {width: 60%;}
#dreamhands_wrapper section#column .inner .detail ul li:nth-child(3n+3) {width: 17%;}
#dreamhands_wrapper section#column .inner .detail ul li:nth-child(3n+1) p {font-weight: bold;}
#dreamhands_wrapper section#column .inner .detail ul li:nth-child(3n+3) p {text-align: right;}

#dreamhands_wrapper section#column .inner .detail::-webkit-scrollbar {
  width: 14px; /* 横幅 */
}

#dreamhands_wrapper section#column .inner .detail::-webkit-scrollbar-thumb {
  background: #ccc; /* ハンドルの色 */
}

#dreamhands_wrapper section#column .inner .detail::-webkit-scrollbar-track {
  background: #f0f0f0; /* 背景色 */
}

@media screen and (max-width: 768px) {
	
/* lead */
#dreamhands_wrapper section#lead .inner .detail {width: 100%;margin-top: 80px;position: relative;}
#dreamhands_wrapper section#lead .inner .detail .flow {width: 90%;margin: 40px auto 0 auto;}
#dreamhands_wrapper section#lead .inner .detail .heading {font-size: 20px;line-height: 1.3;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;margin: 0;padding: 0 30px;background-color: #f8f8f8;color: #555;text-align: center;display: inline-block;z-index: 103;position: relative;}
#dreamhands_wrapper section#lead .inner .detail .heading span {font-size: 16px;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;margin-top: 10px;display: block;}
#dreamhands_wrapper section#lead .inner .detail::before {content: "";width: 100%;border-bottom: solid 1px #555;display: block;position: absolute;top: 12px;left: 0;}
#dreamhands_wrapper section#lead .inner .detail .nop {font-size: 15vw;line-height: 1.3;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;font-weight: bold;letter-spacing: 0.03em;margin: 30px 0 0 0;padding: 0 0 0 0.0em;color: #555;text-align: center;position: relative;}
#dreamhands_wrapper section#lead .inner .detail .nop span {font-size: 28px;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;position: relative;bottom: -0.5vw;left: 0.5vw;font-size: 7vw;}

/* column */
#dreamhands_wrapper section#column .inner {width: 100%;}
#dreamhands_wrapper section#column .inner .detail {width: 100%;}
#dreamhands_wrapper section#column .inner .detail h3 {font-size: 20px;line-height: 1.3;padding: 2vw 5vw;}
#dreamhands_wrapper section#column .inner .detail p {padding: 0 5vw;}
#dreamhands_wrapper section#column .inner .detail ul li {border-bottom: none;}
#dreamhands_wrapper section#column .inner .detail ul li:nth-child(3n+1) {width: 100%;padding-top: 5vw;}
#dreamhands_wrapper section#column .inner .detail ul li:nth-child(3n+2) {width: 100%;padding-top: 2vw;}
#dreamhands_wrapper section#column .inner .detail ul li:nth-child(3n+3) {width: 100%;padding-top: 2vw;padding-bottom: 5vw;border-bottom: solid 1px #d7d7d7 !important;}
#dreamhands_wrapper section#column .inner .detail ul li:nth-child(3n+3) p {text-align: left;}

	
}