@charset "utf-8";
#dreamhands_wrapper section .inner {padding: 120px 0 0 0;}
#dreamhands_wrapper section .inner.bgg {background-color: #f0f0f0;max-width: 100%;width: 100%;padding: 120px 0;margin-top: 120px;}

p.caution {text-indent: -1em !important;padding-left: 1em !important;}
#dreamhands_wrapper section .inner h1 span.subTitle {font-size: 24px;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;margin-bottom: 12px;/*font-weight: bold;*/display: block;font-weight: normal;}

/* 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;padding-bottom: 120px;}
#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::before {content: "";width: 100%;border-bottom: solid 1px #555;display: block;position: absolute;top: 12px;left: 0;}

/* column */
#dreamhands_wrapper section#column .inner .detail {width: 100%;margin-bottom: 0px;}
#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 .article {width: 100%;border: solid 4px #333;border-radius: 20px;}
#dreamhands_wrapper section#column .inner .detail .article h3 {width: 96%;font-size: 23px;line-height: 1.3;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;margin: 16px auto 50px auto;padding: 10px 24px;color: #FFF;background-color: #333;text-align: center;box-sizing: border-box;border-radius: 10px 10px 0 0;}
#dreamhands_wrapper section#column .inner .detail .article  p {font-size: 17px;}
#dreamhands_wrapper section#column .inner .detail .article  p.heading {font-size: 22px;}
	
#dreamhands_wrapper section#column .inner .detail .article .mass01 {width: 96%;margin: 0 auto;display: flex;flex-flow: row-reverse wrap;justify-content: space-between;margin-bottom: 50px;}
#dreamhands_wrapper section#column .inner .detail .article .mass01 div {width: 48%;margin: 0;padding: 0;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass01 div:nth-child(1) {width: 38%;}
#dreamhands_wrapper section#column .inner .detail .article .mass01 div:nth-child(2) {width: 60%;}
#dreamhands_wrapper section#column .inner .detail .article .mass01 div p {position: absolute;top: 50%;left: 0%;transform: translate(0%, -50%);}

#dreamhands_wrapper section#column .inner .detail .article .mass02 {width: 96%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 50px;}
#dreamhands_wrapper section#column .inner .detail .article .mass02 div {width: 49%;margin: 0;padding: 0;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass02 div p {position: absolute;top: 50%;left: 5%;transform: translate(0%, -50%);}

#dreamhands_wrapper section#column .inner .detail .article .mass03 {width: 96%;margin: 0 auto;display: flex;flex-flow: row-reverse wrap;justify-content: space-between;margin-bottom: 50px;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass03 div {width: 48%;margin: 0;padding: 0;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass03 div:nth-child(1) {width: 60%;}
#dreamhands_wrapper section#column .inner .detail .article .mass03 div:nth-child(2) {width: 58%;position: absolute;top: 0;right: 0;}

	
#dreamhands_wrapper section#column .inner .detail .article .mass04 {width: 96%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 50px;}	
#dreamhands_wrapper section#column .inner .detail .article .mass04 div {width: 100%;margin: 0;padding: 0;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass04 div:nth-child(1) {margin-bottom: 50px;}
#dreamhands_wrapper section#column .inner .detail .article .mass04 div p {text-align: center;}

#dreamhands_wrapper section#column .inner .detail .article .mass05 {width: 96%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 50px;}
#dreamhands_wrapper section#column .inner .detail .article .mass05 div {width: 48%;margin: 0;padding: 0;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass05 div:nth-child(1) {width: 60%;}
#dreamhands_wrapper section#column .inner .detail .article .mass05 div:nth-child(2) {width: 38%;}
#dreamhands_wrapper section#column .inner .detail .article .mass05 div p {position: absolute;top: 50%;left: 0%;transform: translate(0%, -50%);}

#dreamhands_wrapper section#column .inner .detail .article .mass06 {width: 96%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 50px;}
#dreamhands_wrapper section#column .inner .detail .article .mass06 div {width: 48.5%;margin: 0;padding: 0;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass06 div:nth-child(1) .fukidashi {width: 209px;position: absolute;top: -70px;left: 90px;}
#dreamhands_wrapper section#column .inner .detail .article .mass06 div:nth-child(2) .fukidashi {width: 209px;position: absolute;top: -30px;right: 40px;}

#dreamhands_wrapper section#column .inner .detail .article .mass07 {width: 96%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 50px;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass07 div {width: 48%;margin: 0;padding: 0;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass07 div:nth-child(1) {width: 38%;}
#dreamhands_wrapper section#column .inner .detail .article .mass07 div:nth-child(2) {width: 60%;}
#dreamhands_wrapper section#column .inner .detail .article .mass07  p.heading {font-size: 20px;position: absolute;top: 50%;left: 3%;transform: translate(0%, -50%);}

#dreamhands_wrapper section#column .inner .detail .article .mass08 {width: 96%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 50px;}
#dreamhands_wrapper section#column .inner .detail .article .mass08 div {width: 48.5%;margin: 0;padding: 0;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass08 div:nth-child(1) .fukidashi {width: 209px;position: absolute;top: -40px;left: -60px;}
#dreamhands_wrapper section#column .inner .detail .article .mass08 div:nth-child(2) .fukidashi {width: 209px;position: absolute;bottom: -30px;left: 15px;}

#dreamhands_wrapper section#column .inner .detail .article .mass09 {width: 96%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 50px;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass09 div {width: 100%;margin: 0;padding: 0;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass09  p.heading {font-size: 24px;font-weight: bold;}
#dreamhands_wrapper section#column .inner .detail .article .mass09 div:nth-child(1) {margin-bottom: 50px;}
#dreamhands_wrapper section#column .inner .detail .article .mass09 div p {text-align: center;}


#dreamhands_wrapper section#column .inner .detail .article3 {width: 100%;border: solid 4px #f8f8f8;border-radius: 20px;margin-bottom: 120px;}
#dreamhands_wrapper section#column .inner .detail .article3 ul {width: 92%;margin: 0 auto 50px auto;display: flex;flex-flow: row wrap;justify-content: space-between;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article3 ul li {width: 48%;margin: 0;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article3 h2 {margin: 50px 0;}
#dreamhands_wrapper section#column .inner .detail .article3 h3 {font-size: 20px;line-height: 1.6;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;margin: 0 0 15px 0;padding: 0;color: #333;background-color: transparent;}
#dreamhands_wrapper section#column .inner .detail .article3 li .img {width: 220px;float: right;clear: both;margin: 16px 0 0px 20px;}
#dreamhands_wrapper section#column .inner .detail .article3 li .space {float: right;height: 11em;}
#dreamhands_wrapper section#column .inner .detail .article3 li .img p {text-align: right;}
#dreamhands_wrapper section#column .inner .detail .article3 li p span {display: block;font-size: 14px;margin: 15px 0 0 0;}
.test:hover{opacity: 0.5;transition: 0.5s;}
#dreamhands_wrapper section#column .inner.bgg .detail { max-width: 920px;width: 92%;margin: 0 auto;}

#dreamhands_wrapper section#column .inner .detail .b {width: 60%;margin: 15px auto 50px auto;background-color: #555;border-radius: 6px;}
#dreamhands_wrapper section#column .inner .detail .b p {color: #fff;display: inline-block;line-height: 2.4;}


@media screen and (max-width: 1400px) {
#dreamhands_wrapper section .inner {padding:8vw 0 0 0;}
#dreamhands_wrapper section .inner.bgg {padding: 8vw 0;margin-top: 8vw;}
}



@media screen and (max-width: 768px) {
#dreamhands_wrapper section .inner {padding: 12vw 0 0 0;}
/* lead */
#dreamhands_wrapper section#lead .inner .detail {margin-top: 6vw;}
#dreamhands_wrapper section#lead .inner .detail .flow {width: 68%;margin: 6vw auto 0 auto;padding-bottom: 12vw;}
#dreamhands_wrapper section#lead .inner .detail .heading {font-size: 4vw;padding: 0 2vw;}
#dreamhands_wrapper section#lead .inner .detail::before {content: "";width: 100%;border-bottom: solid 1px #555;display: block;position: absolute;top: 12px;left: 0;}

/* column */
#dreamhands_wrapper section#column .inner .detail {width: 100%;margin-bottom: 0px;}
#dreamhands_wrapper section#column .inner .detail h3 {width: 100%;font-size: 4vw;padding: 8px 24px;}


#dreamhands_wrapper section#column .inner .detail .article h3 {width: 94%;font-size: 4.2vw;margin: 16px auto 50px auto;padding: 10px 24px;}
#dreamhands_wrapper section#column .inner .detail .article  p {font-size: 3.6vw;text-align: center;}
#dreamhands_wrapper section#column .inner .detail .article  p.heading {font-size: 4.2vw;}
	
#dreamhands_wrapper section#column .inner .detail .article .mass01 {width: 94%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 5vw;}
#dreamhands_wrapper section#column .inner .detail .article .mass01 div {width: 100%;margin: 0;padding: 0;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass01 div:nth-child(1) {width: 100%;}
#dreamhands_wrapper section#column .inner .detail .article .mass01 div:nth-child(2) {width: 100%;margin-top: 4vw;}
#dreamhands_wrapper section#column .inner .detail .article .mass01 div p {position:static;transform: translate(0%, 0%);}

#dreamhands_wrapper section#column .inner .detail .article .mass02 {width: 94%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 5vw;}
#dreamhands_wrapper section#column .inner .detail .article .mass02 div {width: 100%;margin: 0;padding: 0;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass02 div p {position:static;transform: translate(0%, 0%);}
#dreamhands_wrapper section#column .inner .detail .article .mass02 div:nth-child(1) {width: 100%;}
#dreamhands_wrapper section#column .inner .detail .article .mass02 div:nth-child(2) {width: 100%;margin-top: 4vw;}
	
#dreamhands_wrapper section#column .inner .detail .article .mass03 {width: 94%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 5vw;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass03 div {width: 100%;margin: 0;padding: 0;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass03 div:nth-child(1) {width: 100%;}
#dreamhands_wrapper section#column .inner .detail .article .mass03 div:nth-child(2) {width: 100%;position:static;margin-top: 6vw;}
	
#dreamhands_wrapper section#column .inner .detail .article .mass04 {width: 94%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 5vw;}	
#dreamhands_wrapper section#column .inner .detail .article .mass04 div {width: 100%;margin: 0;padding: 0;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass04 div:nth-child(1) {margin-bottom: 5vw;}
#dreamhands_wrapper section#column .inner .detail .article .mass04 div p {text-align: center;}

#dreamhands_wrapper section#column .inner .detail .article .mass05 {width: 94%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 8vw;}
#dreamhands_wrapper section#column .inner .detail .article .mass05 div {width: 100%;margin: 0;padding: 0;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass05 div:nth-child(1) {width: 100%;}
#dreamhands_wrapper section#column .inner .detail .article .mass05 div:nth-child(2) {width: 100%;margin-top: 4vw;}
#dreamhands_wrapper section#column .inner .detail .article .mass05 div p {position: static;transform: translate(0%, 0%);}

#dreamhands_wrapper section#column .inner .detail .article .mass06 {width: 94%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 5vw;}
#dreamhands_wrapper section#column .inner .detail .article .mass06 div {width: 100%;margin: 0;padding: 0;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass06 div:nth-child(1) .fukidashi {width: 54%;position: absolute;top: -6vw;left: 4vw;}
#dreamhands_wrapper section#column .inner .detail .article .mass06 div:nth-child(2) .fukidashi {width: 54%;position: absolute;top: 1vw;right: -4vw;}
#dreamhands_wrapper section#column .inner .detail .article .mass06 div:nth-child(2) {margin-top: 4vw;}
	
#dreamhands_wrapper section#column .inner .detail .article .mass07 {width: 94%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 5vw;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass07 div {width: 100%;margin: 0;padding: 0;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass07 div:nth-child(1) {width: 100%;}
#dreamhands_wrapper section#column .inner .detail .article .mass07 div:nth-child(2) {width: 100%;margin-top: 4vw;}
#dreamhands_wrapper section#column .inner .detail .article .mass07 p.heading {font-size: 4.6vw;line-height: 1.7;position: static;transform: translate(0%, 0%);}

#dreamhands_wrapper section#column .inner .detail .article .mass08 {width: 94%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 5vw;}
#dreamhands_wrapper section#column .inner .detail .article .mass08 div {width: 100%;margin: 0;padding: 0;position: relative;margin-top: 3vw;}
#dreamhands_wrapper section#column .inner .detail .article .mass08 div:nth-child(1) .fukidashi {width: 46%;position: absolute;top: -4vw;left: auto;right: -2vw;}
#dreamhands_wrapper section#column .inner .detail .article .mass08 div:nth-child(2) .fukidashi {width: 46%;position: absolute;bottom: -8vw;left: 5vw;}

#dreamhands_wrapper section#column .inner .detail .article .mass09 {width: 94%;margin: 0 auto;display: flex;flex-flow: row wrap;justify-content: space-between;margin-bottom: 5vw;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass09 div {width: 100%;margin: 0;padding: 0;position: relative;}
#dreamhands_wrapper section#column .inner .detail .article .mass09 p.heading {font-size: 4.6vw;line-height: 1.7;font-weight: bold;margin: 6vw 0 3vw 0;}
#dreamhands_wrapper section#column .inner .detail .article .mass09 div:nth-child(1) {margin-bottom: 5vw;}
#dreamhands_wrapper section#column .inner .detail .article .mass09 div p {text-align: center;}

#dreamhands_wrapper section#column .inner .detail .article3 {margin-bottom: 12vw;}
#dreamhands_wrapper section#column .inner .detail .article3 ul {width: 86%;margin: 0 auto 6vw auto;}
#dreamhands_wrapper section#column .inner .detail .article3 ul li {width: 100%;margin-top: 6vw;}
#dreamhands_wrapper section#column .inner .detail .article3 h2 {margin: 7vw 0 0 0;}
#dreamhands_wrapper section#column .inner .detail .article3 h3 {font-size: 4.6vw;margin: 0 0 2.5vw 0;}
#dreamhands_wrapper section#column .inner .detail .article3 li .img {width: 100%;float: none;margin: 4vw 0 0px 0px;}
#dreamhands_wrapper section#column .inner .detail .article3 li .img p {text-align: left;}
#dreamhands_wrapper section#column .inner .detail .article3 li p span {display: block;font-size: 3.2vw;line-height: 1.5;margin: 2.5vw 0 0 0;}
#dreamhands_wrapper section#column .inner .detail .article3 ul li:nth-child(2) {border-top: solid 1px #ccc;padding-top: 6vw;}	
#dreamhands_wrapper section#column .inner .detail .b {width: 92%;margin: 2.5vw auto 5vw auto;padding: 4vw;box-sizing: border-box;}
#dreamhands_wrapper section#column .inner .detail .b p {color: #fff;display: inline-block;line-height: 1.7;text-indent: -1em !important;padding-left: 1em !important;}
	

#dreamhands_wrapper section#column .inner.bgg .detail {width: 92%;margin: 0 auto;}
#dreamhands_wrapper section .inner.bgg {padding:12vw 0;margin-top: 12vw;}
}