.intro-area .intro-inner{position:relative;max-width:none;margin-bottom:7.5vw}.intro-area .intro-inner:before{content:'';position:absolute;width:170%;height:100%;margin:0 -70%;background-color:rgba(0,197,251,0.13);-webkit-transform-origin:right top;transform-origin:right top;-webkit-transform:rotate(-3.5deg);transform:rotate(-3.5deg)}@media screen and (max-width: 600px){.intro-area .intro-inner:before{width:300%;height:100%;margin:0 -150%}}.intro-area .intro-inner>.d-box{padding:10.7vw 0}@media screen and (min-width: 1200px){.intro-area .intro-inner>.d-box{padding:120px 0}}.intro-area .intro-inner>.d-box>.d-box-title{background-image:url(../images/intro/intro-title.png)}.intro-area .intro-inner>.d-box>.d-box-body{padding:0 4%}@media screen and (min-width: 601px){.intro-area .intro-inner>.d-box>.d-box-body{padding:0}}.intro-area .intro-overview{color:#271d00}@media screen and (min-width: 993px){.intro-area .intro-overview{max-width:1000px;margin:0 auto;padding:0 100px}}.intro-area .intro-overview-title{margin:0 -4vw;text-align:center;line-height:2;font-size:4.9vw;font-family:"FOT-筑紫Aオールド明朝 Pr6 B", sans-serif}@media screen and (min-width: 993px){.intro-area .intro-overview-title{font-size:43px}}.intro-area .intro-overview-text_1{margin-top:6.7vw;font-size:3.2vw;font-family:"FOT-筑紫Aオールド明朝 Pr6 B", sans-serif}@media screen and (min-width: 993px){.intro-area .intro-overview-text_1{margin-top:60px;font-size:24px}}.intro-area .intro-overview-text_2{margin-top:6.7vw;font-size:3.5vw;font-family:"FOT-筑紫Aオールド明朝 Pr6 B", sans-serif}@media screen and (min-width: 993px){.intro-area .intro-overview-text_2{margin-top:60px;font-size:26px}}.intro-area .intro-overview .font-img{display:inline-block;overflow:hidden;text-indent:-9999px;line-height:0;vertical-align:text-bottom;padding-bottom:1em;background-position:center;background-size:contain;background-repeat:no-repeat}.intro-area .intro-overview .font-img.text-logo{width:calc(1em * 3.5);margin-bottom:-.1em;font-size:170%;background-image:url(../images/common/logo-hinatazaka.png)}.intro-area .intro-overview .marker-yellow{background:linear-gradient(transparent 60%, #d2f96a 0%)}.intro-area .intro-overview .color-pink{color:#f9388f}.intro-area .intro-overview .color-orange{color:#ffa500}.intro-area .intro-overview .color-blue{color:#8c19f3}.intro-area .intro-overview .size-smaller{font-size:95%}@media screen and (min-width: 993px){.intro-area .intro-overview .size-smaller{font-size:98%}}.intro-area .intro-overview .size-bigger{font-size:125%}@media screen and (min-width: 993px){.intro-area .intro-overview .size-bigger{font-size:115%}}