@charset "utf-8";

p.caution {text-indent: -1em !important;padding-left: 1em !important;}

#dreamhands_wrapper section#lead .inner .img {width: 88%;margin: 80px auto 0 auto;}


/* column */
#dreamhands_wrapper section#column .inner {max-width: 1080px;}
#dreamhands_wrapper section#column .inner.line {border-top: solid 1px #ccc;}
#dreamhands_wrapper section#column .inner .detail {width: 100%;margin-top: 60px;margin-bottom: 0px;}
#dreamhands_wrapper section#column .inner .detail p {text-align: left;}
#dreamhands_wrapper section#column .inner .detail p.caution {margin-top: 20px;}
#dreamhands_wrapper section#column .inner .detail h3 {width: 100%;font-size: 20px;line-height: 1.3;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-weight: bold;margin: 0 0 30px 0;padding: 0;color: #555;text-align: left;}

#dreamhands_wrapper section#column .inner .detail ul {display: flex;flex-flow: row wrap;justify-content: space-between;margin-top: 60px;}
#dreamhands_wrapper section#column .inner .detail ul li {width: 47.8%;}

#dreamhands_wrapper section#column .inner .video {width: 800px;margin: 0 auto;}
#dreamhands_wrapper section#column .inner h3.video_title {width: 100%;font-size: 24px;line-height: 1.3;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-weight: bold;margin: 0 0 30px 0;padding: 0;color: #555;text-align: center;}
#dreamhands_wrapper section#column .inner .video a {opacity: 1.0;transition: 0.5s;}
#dreamhands_wrapper section#column .inner .video a:hover {opacity: 0.7;transition: 0.5s;}
.test:hover{opacity: 0.5;transition: 0.5s;}


@media screen and (max-width: 768px) {

#dreamhands_wrapper section#column .inner .detail {margin-top: 8vw;}
#dreamhands_wrapper section#column .inner .detail p.caution {margin-top: 2.6vw;}
#dreamhands_wrapper section#column .inner .detail h3 {font-size: 4.8vw;line-height: 1.5;margin: 0 0 4vw 0;}

#dreamhands_wrapper section#column .inner .detail ul {display: flex;flex-flow: row wrap;justify-content: space-between;margin-top: 8vw;gap: 8vw;}
#dreamhands_wrapper section#column .inner .detail ul li {width: 100%;}

#dreamhands_wrapper section#column .inner .video {width: 100%;margin: 0 auto;}
#dreamhands_wrapper section#column .inner h3.video_title {font-size: 5.0vw;margin: 0 0 4vw 0;}
}