@charset "utf-8";

.dreamhands_navi {z-index: 296;position: relative;}
.sub_nav {z-index: 1001;}

body {font-family: "HondaGlobalFontJP-Regular", sans-serif !important;font-weight: normal;}
body #contents {width: 100% !important;min-width: 100% !important;}
img {vertical-align: bottom;}
#navir {background-color: #f8f8f8;}
#dreamhands_wrapper {text-align: center;background-color: #FFF;position: relative;}
#dreamhands_wrapper section {width: 100%;margin: 0;padding: 0;position: relative;}
#dreamhands_wrapper section .inner {max-width: 1080px;width: 92%;margin: 0 auto;padding: 120px 0;position: relative;z-index: 101;text-align: center;}
#dreamhands_wrapper section .inner h1 {font-size: 36px;line-height: 1.3;font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;font-weight: normal;font-feature-settings: "palt";margin: 0;padding: 0;}
#dreamhands_wrapper section .inner h2 {font-size: 32px;line-height: 1.3;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;font-weight: normal;font-feature-settings: "palt";margin: 0 0 80px 0;padding: 0;}
#dreamhands_wrapper section .inner h2 span.subTitle {font-size: 20px;font-family: 'HondaGlobalFontJP-Regular', sans-serif !important;/*font-weight: bold;*/margin-top: 40px;display: block;}
#dreamhands_wrapper section .inner p {font-size: 16px;line-height: 1.8;font-family: "HondaGlobalFontJP-Regular", sans-serif !important;font-weight: normal;font-feature-settings: "palt";letter-spacing: 0.05em;margin: 0;padding: 0;color: #555;}
#dreamhands_wrapper section .inner p span.bold {font-family: 'HondaGlobalFontJP-Bold', sans-serif !important;font-weight: normal;}
#dreamhands_wrapper section .inner p.caution {text-align: left;color: #c00;font-size: 14px;line-height: 1.7;}
/* main */
#dreamhands_wrapper section#main {}
#dreamhands_wrapper section#main .inner {}
/* lead */
#dreamhands_wrapper section#lead {background-color: #f8f8f8;}
#dreamhands_wrapper section#lead .inner {}
#dreamhands_wrapper section#lead .inner h1 {margin-bottom: 60px;}
#dreamhands_wrapper section#lead .inner p {line-height: 2.0;}
/* column */
#dreamhands_wrapper section#column {}
#dreamhands_wrapper section#column .inner {}
#dreamhands_wrapper section#column .inner h2 {}
#dreamhands_wrapper section#column .inner p {}

.pc{display: block !important;}
.sp{display: none !important;}
#dreamhands_wrapper .inner p.m20 {margin-top: 20px;}


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

@media screen and (max-width: 1024px) {
.wrapper {min-width: 100% !important;}
}

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

#dreamhands_wrapper {margin-top: 0px;}
#dreamhands_wrapper section .inner {width: 90%;padding: 12vw 0;}
#dreamhands_wrapper section .inner h1 {font-size: 7.2vw;line-height: 1.3;}
#dreamhands_wrapper section .inner h2 {font-size: 5.6vw;margin-bottom: 8vw;}
#dreamhands_wrapper section .inner h2 span.subTitle {font-size: 4vw;margin-top: 40px;}
#dreamhands_wrapper section .inner p {font-size: 4.0vw;letter-spacing: 0.06em;line-height: 2.0;}
/* lead */
#dreamhands_wrapper section#lead .inner h1 {margin-bottom: 8vw;}
#dreamhands_wrapper section#lead .inner p {line-height: 2.0;text-align: left;}
.pc{display: none !important;}
.sp{display: block !important;}
	
.sub_nav_area {padding: 0px !important;}
}