@media screen and (max-width: 1024px) {
    body {
        width: 100%;
        overflow-x: hidden;
    }
}
@media screen and (max-width: 1024px) {
    body h1 {
        font-size: 24px;
    }
}
@media screen and (max-width: 768px) {
    body h1 {
        margin-bottom: -50px;
    }
}
@media screen and (max-width: 320px) {
    body h1 {
        font-size: 20px;
    }
}
@media screen and (max-width: 768px) {
    body h2 {
        font-size: 35px;
    }
}
@media screen and (max-width: 640px) {
    body h2 {
        font-size: 30px;
    }
}
@media screen and (max-width: 480px) {
    body h2 {
        font-size: 25px;
    }
}
@media screen and (max-width: 320px) {
    body h2 {
        font-size: 22px;
    }
}
@media screen and (max-width: 480px) {
    body #wrapper #header > div {
        padding: 0 20px;
    }
}
@media screen and (max-width: 768px) {
    body #wrapper #header > div nav {
        position: absolute;
        top: -260px;
        -webkit-transition: 0.3s ease;
        transition: 0.3s ease;
        position: fixed;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        background: rgba(47, 47, 47, 0.95);
        z-index: 999;
        padding: 16.6vw 5.3vw;
        display: block;
    }
}
@media screen and (max-width: 1024px) {
    body #wrapper #introduction .commonInner {
        padding-right: 50px;
        padding-left: 50px;
    }
}
@media screen and (max-width: 640px) {
    body #wrapper #introduction .commonInner {
        padding-right: 30px;
        padding-left: 30px;
    }
}
@media screen and (max-width: 480px) {
    body #wrapper #introduction .commonInner {
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media screen and (max-width: 480px) {
    body #wrapper .commonContent {
        padding: 30px 0;
    }
}
@media screen and (max-width: 1024px) {
    body #wrapper .commonContent .commonInner {
        padding-right: 50px;
        padding-left: 50px;
    }
}
@media screen and (max-width: 640px) {
    body #wrapper .commonContent .commonInner {
        padding-right: 30px;
        padding-left: 30px;
    }
}
@media screen and (max-width: 480px) {
    body #wrapper .commonContent .commonInner {
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media screen and (max-width: 1024px) {
    body #wrapper .consul_info .commonInner > p {
        font-size: 18px;
    }
}
@media screen and (max-width: 480px) {
    body #wrapper .consul_info .commonInner > p {
        max-width: 100%;
        margin-bottom: 30px;
        font-size: 15px;
    }
}
@media screen and (max-width: 480px) {
    body #wrapper .consul_info .commonInner > p > span {
        display: inline;
        text-align: left;
    }
}
@media screen and (max-width: 768px) {
    body #wrapper .consul_info .commonInner > p > span > span {
        display: block;
    }
}
@media screen and (max-width: 480px) {
    body #wrapper .consul_info .commonInner > p > span > span {
        display: inline;
    }
}
@media screen and (max-width: 480px) {
    body #wrapper .consul_info .commonInner ul li {
        width: 50%;
    }
}
@media screen and (max-width: 768px) {
    body #wrapper .consul_info .commonInner ul li img {
        width: 40%;
    }
}
@media screen and (max-width: 640px) {
    body #wrapper .consul_info .commonInner ul li img {
        width: 50%;
    }
}
@media screen and (max-width: 480px) {
    body #wrapper .consul_info .commonInner ul li img {
        width: 40%;
    }
}
@media screen and (max-width: 640px) {
    body #wrapper .message_info {
        padding: 100px 50px;
    }
}
@media screen and (max-width: 480px) {
    body #wrapper .message_info {
        padding: 80px 25px;
    }
}
@media screen and (max-width: 640px) {
    body #wrapper .message_info .commonInner {
        padding: 0;
    }
}
@media screen and (max-width: 320px) {
    body #wrapper .message_info h2 {
        font-size: 22px;
    }
}
@media screen and (max-width: 1024px) {
    body #wrapper .message_info h2 > span {
        display: block;
    }
}
@media screen and (max-width: 480px) {
    body #wrapper .message_info h2 > span > span {
        display: block;
    }
}
@media screen and (max-width: 1024px) {
    body footer #footerInner {
        margin: 0 60px;
    }
}
@media screen and (max-width: 480px) {
    body footer #footerInner {
        margin: 0;
    }
}
@media screen and (max-width: 480px) {
    body footer #footerInner nav ul a {
        padding: 5px 1em;
    }
}
@media screen and (max-width: 480px) {
    body footer #footerInner .secondNav {
        padding: 0 20px;
    }
}
@media screen and (max-width: 768px) {
    .buttom.arrow::after {
        right: 1em;
    }
}
@media screen and (max-width: 768px) {
    .menuOpen {
        display: block;
        z-index: 999;
    }
}
@media screen and (max-width: 768px) {
    #message #wrapper #introduction,
    #outline #wrapper #introduction,
    #policy #wrapper #introduction,
    #service #wrapper #introduction {
        height: 250px;
    }
}
@media screen and (max-width: 640px) {
    #message #wrapper #introduction,
    #outline #wrapper #introduction,
    #policy #wrapper #introduction,
    #service #wrapper #introduction {
        height: 180px;
    }
}
@media screen and (max-width: 768px) {
    #top #wrapper #introduction .mainVisual {
        display: block;
    }
}
@media screen and (max-width: 960px) {
    #top #wrapper #introduction .mainVisual li:last-child {
        text-align: right;
        width: 50%;
    }
}
@media screen and (max-width: 768px) {
    #top #wrapper #introduction .mainVisual li:last-child {
        width: 100%;
        margin-top: -150px;
    }
}
@media screen and (max-width: 640px) {
    #top #wrapper #introduction .mainVisual li:last-child {
        margin-top: -90px;
    }
}
@media screen and (max-width: 480px) {
    #top #wrapper #introduction .mainVisual li:last-child {
        margin-top: 20px;
        text-align: center;
    }
}
@media screen and (max-width: 1024px) {
    #top #wrapper #introduction .mainVisual h1 {
        margin-bottom: 50px;
    }
}
@media screen and (max-width: 480px) {
    #top #wrapper #introduction .mainVisual h1 {
        text-align: center;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 960px) {
    #top #wrapper #introduction .mainVisual h1 span {
        display: block;
        white-space: nowrap;
    }
}
@media screen and (max-width: 480px) {
    #top #wrapper #introduction .mainVisual h1 .appVer {
        margin-bottom: 15px;
    }
}
@media screen and (max-width: 320px) {
    #top #wrapper #introduction .mainVisual h1 .appVer {
        font-size: 18px;
    }
}
@media screen and (max-width: 480px) {
    #top #wrapper #introduction .mainVisual .buttom {
        margin: auto;
    }
}
@media screen and (max-width: 960px) {
    #top #wrapper #introduction .mainVisual img {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    #top #wrapper #introduction .mainVisual img {
        width: 50%;
    }
}
@media screen and (max-width: 320px) {
    #top #wrapper #introduction .mainVisual img {
        width: 60%;
    }
}
@media screen and (max-width: 480px) {
    #top #wrapper .tool_info .commonInner ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media screen and (max-width: 768px) {
    #top #wrapper .tool_info .commonInner ul li {
        width: 32%;
        padding: 20px;
    }
}
@media screen and (max-width: 640px) {
    #top #wrapper .tool_info .commonInner ul li {
        padding: 15px;
    }
}
@media screen and (max-width: 480px) {
    #top #wrapper .tool_info .commonInner ul li {
        width: 100%;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 768px) {
    #top #wrapper .tool_info .commonInner ul li .buttom {
        min-width: auto;
    }
}
@media screen and (max-width: 768px) {
    #top #wrapper .tool_info .commonInner ul li h3 {
        line-height: 1.5em;
    }
}
@media screen and (max-width: 480px) {
    #top #wrapper .tool_info .commonInner ul li img {
        width: 30%;
    }
}
@media screen and (max-width: 768px) {
    #top #wrapper .service_info h2 span {
        display: block;
    }
}
@media screen and (max-width: 640px) {
    #message .messageBox p {
        width: 100%;
    }
}
@media screen and (max-width: 320px) {
    #message .messageBox p img[alt="代表者サイン"] {
        height: 70px;
    }
}
@media screen and (max-width: 640px) {
    #message .messageBox p img[alt="代表者イメージ"] {
        right: 0;
        width: 35%;
    }
}
@media screen and (max-width: 480px) {
    #message .messageBox p img[alt="代表者イメージ"] {
        bottom: -30px;
    }
}
@media screen and (max-width: 768px) {
    #service .service_info span {
        display: block;
    }
}
@media screen and (max-width: 768px) {
    #service #tool_info_wrap > li > dl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media screen and (max-width: 768px) {
    #service #tool_info_wrap > li > dl .tool_info_detailColumn,
    #service #tool_info_wrap > li > dl .tool_info_titleColumn {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    #service #tool_info_wrap > li > dl .tool_info_titleColumn dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 320px) {
    #service #tool_info_wrap > li > dl .tool_info_titleColumn dl {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media screen and (max-width: 768px) {
    #service #tool_info_wrap > li > dl .tool_info_titleColumn dl dt {
        margin-right: 30px;
    }
}
@media screen and (max-width: 320px) {
    #service #tool_info_wrap > li > dl .tool_info_titleColumn dl dt {
        margin: auto;
    }
}
@media screen and (max-width: 768px) {
    #service #tool_info_wrap > li > dl .tool_info_titleColumn dl dt h3 img {
        width: 100%;
    }
}
@media screen and (max-width: 320px) {
    #service #tool_info_wrap > li > dl .tool_info_titleColumn dl dt h3 img {
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
    #service #tool_info_wrap > li > dl .tool_info_titleColumn dl dd {
        width: calc(100% - 80px);
    }
}
@media screen and (max-width: 320px) {
    #service #tool_info_wrap > li > dl .tool_info_titleColumn dl dd {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    #service #tool_info_wrap > li > dl .tool_info_titleColumn dl dd a.buttom {
        margin: 0;
    }
}
@media screen and (max-width: 320px) {
    #service #tool_info_wrap > li > dl .tool_info_titleColumn dl dd a.buttom {
        margin: auto;
    }
}
@media screen and (max-width: 480px) {
    #service #tool_info_wrap > li > dl .tool_info_detailColumn .tool_cap {
        width: 90%;
    }
}
#service #tool_info_wrap #limgraph_info .info_detail_list dl {
    width: 49%;
}
@media screen and (max-width: 1024px) {
    #service #tool_info_wrap #visiongraph_info .list_type_check dl {
        width: 31%;
    }
}
@media screen and (max-width: 480px) {
    #service #tool_info_wrap #visiongraph_info .list_type_check dl {
        width: 100%;
    }
}
@media screen and (max-width: 1024px) {
    #service #tool_info_wrap #visiongraph_info .list_type_check dt {
        line-height: 1.5em;
        height: 52px;
        vertical-align: middle;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media screen and (max-width: 480px) {
    #service #tool_info_wrap #visiongraph_info .list_type_check dt {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: auto;
    }
}
@media screen and (max-width: 480px) {
    #service #tool_info_wrap #visiongraph_info .list_type_check dt span {
        display: inline;
    }
}
@media screen and (max-width: 480px) {
    #outline .outline_table dt {
        min-width: 120px;
        padding: 16px 5px 14px;
    }
}
@media screen and (max-width: 768px) {
    #outline .outline_table dd:nth-child(4),
    #outline .outline_table dt:nth-child(3) {
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
    #outline .outline_table dd {
        min-width: calc(100% - 120px);
        padding: 16px 5px 14px;
    }
}
@media screen and (max-width: 480px) {
    #policy #wrapper #introduction::before {
        height: 180px;
    }
}
/*# sourceMappingURL=responsive.min.css.map */