.d-contentsWrap{width:100%}@media(max-width: 600.98px){.d-contentsWrap{background-position:10% center;background-size:5% auto}}.d-contentsWrap [class*=-img] img{display:block;width:100%}.d-contentsWrap button{font-family:inherit;color:inherit}.d-main{width:100%}@media(min-width: 993px){.d-main a{transition:opacity .5s ease}.d-main a:hover{opacity:.6}}.intro-area{width:100%;padding:60px 0;margin:0 auto}@media(max-width: 992.98px){.intro-area{padding:50px 0}}.intro-area__inner{width:100%;max-width:1000px;padding:0 20px;margin:0 auto}@media(max-width: 992.98px){.intro-area__inner{width:100%;max-width:100%;padding:0 5.4%;margin:0 auto}}.intro-area .intro-box{word-break:break-all}.intro-area .intro-box .intro-title{position:relative;width:100%;max-width:350px;margin:0 auto;-webkit-filter:drop-shadow(0px 5px 10px #012864);filter:drop-shadow(0px 5px 10px #012864)}.is-invert .intro-area .intro-box .intro-title,.intro-area .intro-box .is-invert .intro-title{-webkit-filter:drop-shadow(0px 5px 20px #5c1a0d);filter:drop-shadow(0px 5px 20px #5c1a0d)}@media(max-width: 992.98px){.intro-area .intro-box .intro-title{width:84%}}.intro-area .intro-box .intro-title span{font-size:0;text-indent:-9999px;white-space:nowrap;display:block;padding-top:22.8571428571%;background-repeat:no-repeat;background-position:center;background-size:contain}.is-switched .intro-area .intro-box .intro-body .is-inactive.theme-wrap{display:block;transform-origin:left bottom;-webkit-animation-name:fadeInactiveBackMedium;animation-name:fadeInactiveBackMedium;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-delay:.25s;animation-delay:.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeInactiveBackMedium{60%{opacity:0}70%{top:-13px;left:-164px;max-height:0;opacity:0;transform:rotate(-3deg)}100%{top:-13px;left:-164px;display:none;max-height:0;opacity:0;transform:rotate(-3deg)}}@keyframes fadeInactiveBackMedium{60%{opacity:0}70%{top:-13px;left:-164px;max-height:0;opacity:0;transform:rotate(-3deg)}100%{top:-13px;left:-164px;display:none;max-height:0;opacity:0;transform:rotate(-3deg)}}.is-switched .intro-area .intro-box .intro-body .is-inactive.theme--invert.theme-wrap{-webkit-animation-name:fadeInactiveBackInvert;animation-name:fadeInactiveBackInvert}@-webkit-keyframes fadeInactiveBackInvert{60%{opacity:0}70%{top:-13px;left:186px;max-height:0;opacity:0;transform:rotate(3deg)}100%{top:-13px;left:186px;display:none;max-height:0;opacity:0;transform:rotate(3deg)}}@keyframes fadeInactiveBackInvert{60%{opacity:0}70%{top:-13px;left:186px;max-height:0;opacity:0;transform:rotate(3deg)}100%{top:-13px;left:186px;display:none;max-height:0;opacity:0;transform:rotate(3deg)}}.is-switched .intro-area .intro-box .intro-body .is-inactive.theme-wrap .switch-element--active{-webkit-animation-name:fadeInactiveFrontMedium;animation-name:fadeInactiveFrontMedium;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeInactiveFrontMedium{99%{opacity:0;transform:translate(-100px, -100px) rotate(-10deg)}100%{opacity:0;transform:translate(-10000px, -10000px) rotate(-10deg)}}@keyframes fadeInactiveFrontMedium{99%{opacity:0;transform:translate(-100px, -100px) rotate(-10deg)}100%{opacity:0;transform:translate(-10000px, -10000px) rotate(-10deg)}}.is-switched .intro-area .intro-box .intro-body .is-inactive.theme-wrap .switch-element--active.theme--invert{-webkit-animation-name:fadeInactiveFrontInvert;animation-name:fadeInactiveFrontInvert}@-webkit-keyframes fadeInactiveFrontInvert{99%{opacity:0;transform:translate(100px, -100px) rotate(10deg)}100%{opacity:0;transform:translate(10000px, -10000px) rotate(10deg)}}@keyframes fadeInactiveFrontInvert{99%{opacity:0;transform:translate(100px, -100px) rotate(10deg)}100%{opacity:0;transform:translate(10000px, -10000px) rotate(10deg)}}.is-switched .intro-area .intro-box .intro-body .is-active.theme-wrap{-webkit-animation-name:fadeActiveBack;animation-name:fadeActiveBack;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeActiveBack{0%{max-height:0;opacity:0}33%{max-height:0;opacity:0}80%{max-height:none}100%{max-height:none;opacity:1}}@keyframes fadeActiveBack{0%{max-height:0;opacity:0}33%{max-height:0;opacity:0}80%{max-height:none}100%{max-height:none;opacity:1}}.intro-area .intro-box .intro-title span{background-image:url(/hisui/images/intro/intro-title.svg)}.intro-area .intro-box .intro-body{position:relative;z-index:0;margin-top:50px}@media(max-width: 992.98px){.intro-area .intro-box .intro-body{margin-top:40px}}.intro-area .intro-box .intro-body .theme-wrap{position:relative;cursor:pointer}.intro-area .intro-box .intro-body .theme-wrap.is-inactive{display:none}.intro-area .intro-box .intro-body .theme-wrap .switch-element--inactive{position:absolute;top:11px;width:100%;height:100%;border-radius:3px}.intro-area .intro-box .intro-body .theme-wrap .switch-element--inactive.theme--invert{left:96px;background-color:#be6754;transform:rotate(3deg);transform-origin:left top;-webkit-animation-name:swingInvert;animation-name:swingInvert;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@media(max-width: 992.98px){.intro-area .intro-box .intro-body .theme-wrap .switch-element--inactive.theme--invert{top:2.5%;left:29%}}@-webkit-keyframes swingInvert{0%{transform:rotate(3deg)}20%{transform:rotate(3deg)}25%{transform:rotate(2.7deg)}30%{transform:rotate(2.5deg)}50%{transform:rotate(2.5deg)}70%{transform:rotate(2.5deg)}75%{transform:rotate(2.7deg)}80%{transform:rotate(3deg)}100%{transform:rotate(3deg)}}@keyframes swingInvert{0%{transform:rotate(3deg)}20%{transform:rotate(3deg)}25%{transform:rotate(2.7deg)}30%{transform:rotate(2.5deg)}50%{transform:rotate(2.5deg)}70%{transform:rotate(2.5deg)}75%{transform:rotate(2.7deg)}80%{transform:rotate(3deg)}100%{transform:rotate(3deg)}}.intro-area .intro-box .intro-body .theme-wrap .switch-element--inactive.theme--medium{left:-44px;left:-74px;background-color:#3476a8;transform:rotate(-3deg);transform-origin:right top;-webkit-animation-name:swingMedium;animation-name:swingMedium;-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@media(max-width: 992.98px){.intro-area .intro-box .intro-body .theme-wrap .switch-element--inactive.theme--medium{top:2.8%;left:-23.4%}}@-webkit-keyframes swingMedium{0%{transform:rotate(-3deg)}20%{transform:rotate(-3deg)}25%{transform:rotate(-2.7deg)}30%{transform:rotate(-2.5deg)}50%{transform:rotate(-2.5deg)}70%{transform:rotate(-2.5deg)}75%{transform:rotate(-2.7deg)}80%{transform:rotate(-3deg)}100%{transform:rotate(-3deg)}}@keyframes swingMedium{0%{transform:rotate(-3deg)}20%{transform:rotate(-3deg)}25%{transform:rotate(-2.7deg)}30%{transform:rotate(-2.5deg)}50%{transform:rotate(-2.5deg)}70%{transform:rotate(-2.5deg)}75%{transform:rotate(-2.7deg)}80%{transform:rotate(-3deg)}100%{transform:rotate(-3deg)}}.intro-area .intro-box .intro-body .theme-wrap .switch-element--inactive .name{position:absolute;bottom:0;padding:0 20px 16px;font-family:"MatisseVPro-DB","Yu Mincho Light","YuMincho","Yu Mincho","游明朝体","ヒラギノ明朝 ProN","Hiragino Mincho ProN",sans-serif;font-size:16px;font-weight:600;line-height:1.2;color:#fff}@media(max-width: 992.98px){.intro-area .intro-box .intro-body .theme-wrap .switch-element--inactive .name{padding:0 4.5% 12px;font-size:14px}}.intro-area .intro-box .intro-body .theme-wrap .switch-element--inactive .name:after,.intro-area .intro-box .intro-body .theme-wrap .switch-element--inactive .name:before{display:inline-block;width:8px;height:8px;margin-left:5px;border-top:1px solid;border-right:1px solid}@media(max-width: 992.98px){.intro-area .intro-box .intro-body .theme-wrap .switch-element--inactive .name:after,.intro-area .intro-box .intro-body .theme-wrap .switch-element--inactive .name:before{width:6px;height:6px}}.intro-area .intro-box .intro-body .theme-wrap .switch-element--inactive .name--medium{left:0}.intro-area .intro-box .intro-body .theme-wrap .switch-element--inactive .name--medium:before{margin-right:8px;content:"";transform:rotate(-135deg)}.intro-area .intro-box .intro-body .theme-wrap .switch-element--inactive .name--invert{right:0}.intro-area .intro-box .intro-body .theme-wrap .switch-element--inactive .name--invert:after{margin-right:8px;content:"";transform:rotate(45deg);transform-origin:right bottom}.is-before-open-invert .intro-area .intro-box .intro-body .theme-wrap{cursor:auto}.is-before-open-invert .intro-area .intro-box .intro-body .theme-wrap .switch-element{pointer-events:none}.is-before-open-invert .intro-area .intro-box .intro-body .theme-wrap .switch-element .name{display:none}.is-before-open-invert .intro-area .intro-box .intro-body .theme-wrap .switch-element a{pointer-events:auto}.intro-area .intro-box .intro-body__inner{position:relative;z-index:1;padding:60px 0;cursor:auto;border-radius:3px}@media(max-width: 992.98px){.intro-area .intro-box .intro-body__inner{padding:50px 0}}.intro-area .intro-box .intro-body__inner:after{position:absolute;right:-2px;bottom:-2px;width:90px;height:90px;content:"";background-repeat:no-repeat;background-position:right bottom;background-size:contain}@media(max-width: 992.98px){.intro-area .intro-box .intro-body__inner:after{width:45px;height:45px}}.intro-area .intro-box .intro-body__inner--medium{background-image:url(/hisui/images/common/bg-change-medium.png)}.intro-area .intro-box .intro-body__inner--medium:after{right:-2px;bottom:-2px;background-image:url(/hisui/images/common/bg-change-medium-corner.png);background-position:right bottom}.intro-area .intro-box .intro-body__inner--invert{background-image:url(/hisui/images/common/bg-change-invert.png)}.intro-area .intro-box .intro-body__inner--invert:after{bottom:-2px;left:-2px;background-image:url(/hisui/images/common/bg-change-invert-corner.png);background-position:left bottom}.intro-area .intro-box .intro-body__inner .intro-text{width:79%;max-width:615px;margin:0 auto}@media(max-width: 992.98px){.intro-area .intro-box .intro-body__inner .intro-text{width:88%}}.intro-area .intro-box .intro-body__inner .intro-text>div{background-repeat:no-repeat;background-position:center;background-size:contain;padding-bottom:208.1300813008%;font-size:0;background-image:url(/hisui/images/intro/intro-img-pc.png)}@media(max-width: 992.98px){.intro-area .intro-box .intro-body__inner .intro-text>div{padding-bottom:440.3389830508%;background-image:url(/hisui/images/intro/intro-img-sp.png)}}.intro-area .intro-box .intro-body__inner .intro-text>div.--invert{padding-bottom:218.3739837398%;background-image:url(/hisui/images/intro/intro-img-pc-invert.png)}@media(max-width: 992.98px){.intro-area .intro-box .intro-body__inner .intro-text>div.--invert{padding-bottom:405.0847457627%;background-image:url(/hisui/images/intro/intro-img-sp-invert.png)}}.intro-area .intro-box:after{display:block;height:14px;margin-top:30px;font-size:0;content:"“Introduction” ends.";background-image:url(/hisui/images/intro/intro-ends.svg);background-repeat:no-repeat;background-position:right top;background-size:contain}