@charset "utf-8";

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

/* column */
#dreamhands_wrapper section#column .inner {max-width: 920px;}
#dreamhands_wrapper section#column .inner .detail {width: 100%;margin-bottom: 120px;}
#dreamhands_wrapper section#column .inner .detail h3 {width: 100%;font-size: 20px;line-height: 1.3;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;margin: 0;padding: 8px 24px;color: #FFF;background-color: #333;text-align: left;box-sizing: border-box;}
#dreamhands_wrapper section#column .inner .detail p {text-align: left;}


#dreamhands_wrapper section#column .inner .detail.box01 p {padding: 16px 24px;text-align: left;}
#dreamhands_wrapper section#column .inner .detail.box01 p.caution {padding: 0;margin-top: 20px;margin-left: 260px;}
#dreamhands_wrapper section#column .inner .detail.box01 ul {display: flex;flex-flow: row wrap;justify-content: space-between;}
#dreamhands_wrapper section#column .inner .detail.box01 ul li {background-color: #f8f8f8;margin-bottom: 10px;}
#dreamhands_wrapper section#column .inner .detail.box01 ul li:nth-child(2n+1) {width: 20%;}
#dreamhands_wrapper section#column .inner .detail.box01 ul li:nth-child(2n+2) {width: 79%;}
#dreamhands_wrapper section#column .inner .detail.box01 ul li:nth-child(2n+1) p {text-align: center;}
#dreamhands_wrapper section#column .inner .detail.box01 ul li:nth-child(2n+2) p {text-align: left;}
#dreamhands_wrapper section#column .inner .detail.box01 ul li:nth-child(3),
#dreamhands_wrapper section#column .inner .detail.box01 ul li:nth-child(4),
#dreamhands_wrapper section#column .inner .detail.box01 ul li:nth-child(7),
#dreamhands_wrapper section#column .inner .detail.box01 ul li:nth-child(8),
#dreamhands_wrapper section#column .inner .detail.box01 ul li:nth-child(11),
#dreamhands_wrapper section#column .inner .detail.box01 ul li:nth-child(12) {background-color: #e9e9e9;}


#dreamhands_wrapper section#column .inner .detail.box02 ul {display: flex;flex-flow: row wrap;justify-content: space-between;}
#dreamhands_wrapper section#column .inner .detail.box02 ul li {height: 160px;border: solid 4px #555;width: 30%;position: relative;border-radius: 16px;}
#dreamhands_wrapper section#column .inner .detail.box02 ul li h3 {display: inline-block;font-size: 24px;line-height: 1.3;margin: 0;padding: 5px 12px;color: #555;background-color: #FFF;text-align: center;box-sizing: border-box;position: absolute;top: 0%;left: 50%;transform: translate(-50%, -55%);width: auto;white-space: nowrap;}
#dreamhands_wrapper section#column .inner .detail.box02 ul li p {width: 100%;font-size: 14px;line-height: 1.8;margin: 0;padding: 0px;text-align: center;box-sizing: border-box;position: absolute;top: 52%;left: 0%;transform: translate(0%, -50%);}
#dreamhands_wrapper section#column .inner .detail.box02 ul li:nth-child(1)::after {content: "";display: inline-block;width: 50px;height: 50px;background-image: url('../images/arrow_pc.png');background-position: center;background-size: contain;position: absolute;top: 50%;right: -17%;transform: translate(0%, -50%);z-index: 102;}
#dreamhands_wrapper section#column .inner .detail.box02 ul li:nth-child(2)::after {content: "";display: inline-block;width: 50px;height: 50px;background-image: url('../images/arrow_pc.png');background-position: center;background-size: contain;position: absolute;top: 50%;right: -17%;transform: translate(0%, -50%);z-index: 102;}

#dreamhands_wrapper section#column .inner .detail.box03 {margin-bottom: 0px;}
#dreamhands_wrapper section#column .inner .detail.box03 ul {display: flex;flex-flow: row wrap;justify-content: space-between;gap:40px;}
#dreamhands_wrapper section#column .inner .detail.box03 ul li {width: 47.8%;border: solid 4px #555;position: relative;border-radius: 16px;box-sizing: border-box;padding-bottom: 30px;}
#dreamhands_wrapper section#column .inner .detail.box03 ul li h3 {display: inline-block;font-size: 20px;line-height: 1.7;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;/*font-weight: bold;*/margin: 0;padding: 15px;color: #FFF;background-color: #555;text-align: center;box-sizing: border-box;border-radius: 4px 4px 0px 0px;}
#dreamhands_wrapper section#column .inner .detail.box03 ul li p {width: 86%;margin: 30px auto 0 auto;}
#dreamhands_wrapper section#column .inner .detail.box03 ul li .link {width: 86%;margin: 30px auto 0 auto;background-color: #555;border-radius: 50px;position: relative;opacity: 1.0;transition: 0.5s;}
#dreamhands_wrapper section#column .inner .detail.box03 ul li .link:hover {opacity: 0.7;transition: 0.5s;}
#dreamhands_wrapper section#column .inner .detail.box03 ul li .link p {width: 100%;line-height: 3.4;margin: 0;text-align: center;color: #FFF;}


#dreamhands_wrapper section#column .inner .detail.box03 ul li .link::after {content: "";display: inline-block;width: 16px;height: 16px;background-image: url('../../common/images/icon_blank_wh.svg');background-position: center;background-size: contain;position: absolute;top: 50%;right: 8%;transform: translate(0%, -50%);z-index: 102;}
/*#dreamhands_wrapper section#column .inner .detail.box03 ul li .link::after {line-height: 0;content: url("../../common/images/icon_blank_wh.svg");position: absolute;top: 50%;right: 8%;transform: translate(0%, -50%);z-index: 102;}*/
/*#dreamhands_wrapper section#column .inner .detail.box03 ul li .link:hover::after {line-height: 0;content: url("../../common/images/icon_blank_wh.svg");}*/
#dreamhands_wrapper section#column .inner .detail.box03 ul li .link a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 103;}

.test:hover{opacity: 0.5;transition: 0.5s;}
#dreamhands_wrapper section .inner a {color: #c00;opacity: 1.0;transition: 0.5s;}
#dreamhands_wrapper section .inner a:hover {color: #c00;opacity: 0.5;transition: 0.5s;}

@media screen and (max-width: 1024px) {
#dreamhands_wrapper section#column .inner .detail.box03 ul {gap:30px;}
}
@media screen and (max-width: 768px) {
#dreamhands_wrapper section .inner h2 span.subTitle {font-size: 4vw;margin-top: 30px;}
#dreamhands_wrapper section#column .inner .detail {width: 100%;margin-bottom: 20vw;}
#dreamhands_wrapper section#column .inner .detail h3 {width: 100%;font-size: 20px;line-height: 1.3;padding: 8px 24px;}
#dreamhands_wrapper section#column .inner .detail.box01 p {font-size: 3.4vw;padding: 3vw 5vw;box-sizing: border-box;}
#dreamhands_wrapper section#column .inner .detail.box01 p.caution {margin-top: 20px;margin-left: 0px;}
#dreamhands_wrapper section#column .inner .detail.box01 ul li {margin-bottom: 10px;position: relative;}
#dreamhands_wrapper section#column .inner .detail.box01 ul li:nth-child(2n+1) {width: 30%;}
#dreamhands_wrapper section#column .inner .detail.box01 ul li:nth-child(2n+2) {width: 68%;}
#dreamhands_wrapper section#column .inner .detail.box01 ul li p {/*position: absolute;top: 50%;left: 0%;transform: translate(0%, -50%);width: 100%;*/}
#dreamhands_wrapper section#column .inner .detail.box01 ul li:nth-child(2n+1) p {text-align: center;position: absolute;top: 50%;left: 0%;transform: translate(0%, -50%);width: 100%;}

#dreamhands_wrapper section#column .inner .detail.box02 ul {gap: 20vw;}
#dreamhands_wrapper section#column .inner .detail.box02 ul li {height: auto;width: 100%;}
#dreamhands_wrapper section#column .inner .detail.box02 ul li h3 {font-size: 24px;padding: 5px 12px;}
#dreamhands_wrapper section#column .inner .detail.box02 ul li p {font-size: 14px;position: initial;top: 0%;left: 0%;transform: translate(0, 0);padding: 6vw 2vw 4vw 2vw;}
#dreamhands_wrapper section#column .inner .detail.box02 ul li:nth-child(1)::after {top: auto;right: auto;transform: translate(-50%, 0%);bottom: -14vw;left: 50%;background-image: url('../images/arrow_sp.png');width: 8vw;height: 8vw;}
#dreamhands_wrapper section#column .inner .detail.box02 ul li:nth-child(2)::after {top: auto;right: auto;transform: translate(-50%, 0%);bottom: -14vw;left: 50%;background-image: url('../images/arrow_sp.png');width: 8vw;height: 8vw;}

#dreamhands_wrapper section#column .inner .detail.box03 {margin-bottom: 0px;}
#dreamhands_wrapper section#column .inner .detail.box03 ul {gap:10vw;}
#dreamhands_wrapper section#column .inner .detail.box03 ul li {width: 100%;padding-bottom: 8vw;}
#dreamhands_wrapper section#column .inner .detail.box03 ul li h3 {font-size: 20px;line-height: 1.7;padding: 15px;}
#dreamhands_wrapper section#column .inner .detail.box03 ul li p {margin: 8vw auto 0 auto;}
#dreamhands_wrapper section#column .inner .detail.box03 ul li .link {margin: 8vw auto 0 auto;}
#dreamhands_wrapper section#column .inner .detail.box03 ul li .link:hover {opacity: 1;}
#dreamhands_wrapper section#column .inner .detail.box03 ul li .link::after {content: "";display: inline-block;width: 16px;height: 16px;background-image: url('../../common/images/icon_blank_wh.svg');background-position: center;background-size: contain;position: absolute;top: 50%;right: 8%;transform: translate(0%, -50%);z-index: 102;}
	
}