/*

Foxegraph - Multipurpose landing page template
Copyright 2018  www.mutationmedia.net
Created by : mutationthemes

*/

/* Table of Content ==================================================

1.Preloader
2.Site wrapper
3.Header
4.Video cover
5.Get app
6.Faq
7.Clients
8.Footer
9.Modal
10.To the top
11.Miscellaneous
12.Mediaqueries


/*Preloader*/

.loader {
    background: #ffffff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.loader-inner {
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.loading-spinner {
    width: 7.5rem;
    height: 7.5rem;
    animation: spinner-rotate 2s ease-in-out infinite;
    -webkit-animation: spinner-rotate 2s ease-in-out infinite;
    -moz-animation: spinner-rotate 2s ease-in-out infinite;
    -ms-animation: spinner-rotate 2s ease-in-out infinite;
    -o-animation: spinner-rotate 2s ease-in-out infinite;
}

.spinner {
    animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
    -webkit-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
    -moz-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
    -ms-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
    -o-animation: spinner-color 8s ease-in-out infinite, spinner-dash 2s ease-in-out infinite;
    stroke-linecap: round;
}

@keyframes spinner-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: trotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
}

@keyframes spinner-color {

    0%,
    100% {
        stroke: #0075d5;
    }

}

@keyframes spinner-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 90, 200;
        stroke-dashoffset: -35px;
    }

    100% {
        stroke-dasharray: 90, 200;
        stroke-dashoffset: -125px;
    }
}

/*End preloader*/

/*Site wrapper*/

.wrapper {
    position: relative;
    background-color: #ffffff;
}

.wrapper,
.header,
footer {
    margin: 0 auto;
    max-width: 1900px;
}

/*End site wrapper*/

/* Hero Section*/

.header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1040;
    background-color: #ffffff;
    border-bottom: 1px solid rgba(147, 159, 169, 0.2);
}

.navbar-expand-lg .navbar-logo {
    display: flex !important;
    align-items: center;
    /*justify-content: space-between;*/
    /* width:7.7rem;*/
}

.header-navbar {
    /* padding:0;*/
}

.navbar-expand-lg .navbar-nav .nav-link {
    color: #000;
    position: relative;
    font-weight: bolder;
    display: block;
    font-family: "Hiragino Sans","Helvetica Neue",Arial,Meiryo,sans-serif;
}


.play-but {
    color: #0075d5;
    font-weight: 400;
}

.play-but:hover .play-icon:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.play-icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 3.75rem;
    height: 3.75rem;
    font-size: 0.8125rem;
}

.play-icon:before {
    display: inline-block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 40px #e0e2e4;
}

.play-icon-inner {
    color: #0075d5;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: 0.0625rem;
}

/* End hero Section*/

/* Video cover*/

.video-cover {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video-cover.rounded .bg-image {
    border-radius: 0.375rem;
}

.video-cover .bg-image {
    z-index: 1;
    transition: opacity 0.2s ease;
}

.video-cover .play-but {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-cover .play-but .play-icon:before {
    box-shadow: none;
}

.embed-responsive {
    background: #000000;
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.video-cover .background-img {
    z-index: 1;
}

.video-cover.show-video .play-but,
.video-cover.show-video .background-img {
    opacity: 0 !important;
    pointer-events: none;
    z-index: 0;
}

/* End video cover*/

/* Get app*/

.h-min {
    min-height: 19.5625rem;
    height: 19.5625rem;
}

.app-dark {
    max-height: 44rem;
}

/* End get app*/

/*Faq*/

.card-collapse {
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.accordion-arrow {
    color: #152a49;
    transition: 0.3s ease-in-out;
}

.accordion-arrow-inner {
    font-size: .875rem;
}

.collapsed .accordion-arrow {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.accordion-body {
    color: #646f79;
    padding: 0 1.5rem 1.5rem 1.5rem;
}

.accordion-collapse-btn {
    font-size: 1.25rem;
    padding: 0.75rem 1.5rem;
    white-space: inherit;
}

.accordion-header {
    padding: 0;
    background-color: transparent;
    transition: 0.3s ease-in-out;
    border: none;
}

/* End faq*/

/* Footer*/

footer .footer-logo {
    width: 6.7rem;
    max-width: 100%;
}

/* End footer*/

/* Modal*/

.divider-holder {
    overflow: hidden;
}

.divider {
    position: relative;
    display: inline-block;
    font-size: 0.75rem;
    color: rgba(100, 111, 121, .6)
}

.divider:before,
.divider:after {
    width: 13.438rem;
    height: .0625rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    background-color: #e0e2e4;
    content: "";
}

.divider:after {
    margin-left: .6875rem;
    left: 100%;
}

.divider:before {
    margin-right: .6875rem;
    right: 100%;
}

.btn-facebook {
    color: #fff;
    background-color: #4267b2;
    border-color: #4267b2;
}

.btn-facebook:hover {
    color: #fff;
    background-color: #365899;
    border-color: #315182;
}

.btn-twitter {
    color: #fff;
    background-color: #1da1f2;
    border-color: #1da1f2;
}

.btn-twitter:hover {
    color: #fff;
    background-color: #0095e0;
    border-color: #0588c9;
}

/* End modal*/

/*To the top*/

.scroll-to-top:not(.active) {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    pointer-events: none;
}

.scroll-to-top.active:hover {
    transform: translate3d(0, -5px, 0);
    -webkit-transform: translate3d(0, -5px, 0);
    -moz-transform: translate3d(0, -5px, 0);
    color: #fff;
    background-color: #016dc5;
    border-color: #0165b7;
}

.scroll-to-top {
    position: fixed;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #0075d5;
    border: 1px solid #0075d5;
    text-align: center;
    right: 2.875rem;
    bottom: 3.6875rem;
    padding-top: .3rem;
    z-index: 100;
    color: #ffffff;
    border-radius: 0.25rem;
}

.scroll-top-top .top-icon {
    font-size: .875rem;
}

/*End to the top*/

/*Miscellaneous*/

::-moz-selection {
    background: #152a49;
    color: #ffffff;
}

p,
.text-grey {
    /*color: #646f79;*/
}

.merit_2 {
    background-image: url(../assets/img/merit_bg.png);
    padding: 0px 0 50px 0;
    margin-top: 23px;
}

.merit_2_1 {
    background-image: url(../assets/img/merit_bg.png);
    padding: 80px 0 50px 0;
    margin-top: -23px;
}

.merit_3 {
    background-image: url(../assets/img/merit_bg.png);
    padding: 80px 0 50px 0;
    /*margin-top: -23px;*/
}

.graph {
    padding: 6rem 0;
    background-position: center bottom;
    background-repeat: repeat-x;
    position: absolute;
    bottom: -1px;
    width: 100%;
}

.graph-azure {
    /*background-image: url(../assets/svg/graph-azure.svg);*/
}

.graph-light {
}

.bg-pattern {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.background-img img {
    display: none;
}

.background-img {
    width: 100%;
    height: 100%;
}

.background-img {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #ffffff;
    background-image: none;
    background-origin: padding-box;
    background-position: 50% 50% !important;
    background-repeat: repeat;
    background-size: cover !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.background-img-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.gradient-overlay:before {

    background-repeat: repeat-x;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: "";
}

.gradient-overlay-azure:before {
    background-image: linear-gradient(150deg, rgba(0, 117, 213, 0.9) 10%, #0075d5 50%);
}

.gradient-overlay-white:before {
    background-image: linear-gradient(60deg, rgba(255, 255, 255, 0.99) 30%, rgba(255, 255, 255, 0.01) 60%);
}

.max-width-lg {
    max-width: 6rem;
}

.max-width-md {
    max-width: 5rem;
}

.max-width-sm {
    max-width: 3.7rem;
}

.avatar-md {
    width: 5rem;
    height: 5rem;
}

.avatar-sm {
    width: 3rem;
    height: 3rem;
}

.avatar-lg {
    width: 7rem;
    height: 7rem;
}

h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a,
.h1 > a,
.h2 > a,
.h3 > a,
.h4 > a,
.h5 > a,
.h6 > a {
    color: #152a49;
    font-weight: 400;
}

a,
::before {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}

.slide-in_inner h1 {
	font-size: 24px;
	font-weight: bold;
}

.text-azure {
    color: #0075d5;

}

.text-blue-alt {
    color: #333342;
}

.client-icon-color {
    color: #a5adb4;
}

.shadow-lg {
    box-shadow: 0 10px 40px 10px rgba(139, 151, 160, 0.175) !important;
}

.shadow-md {
    box-shadow: 0 10px 30px 10px rgba(139, 151, 160, 0.175) !important;
}


.shadow-sm {
    box-shadow: 0 10px 20px 10px rgba(139, 151, 160, 0.175) !important;
}

.font-size-12 {
    font-size: .75rem;
}

.font-size-13 {
    font-size: .8125rem;
}

.font-size-14 {
    font-size: .875rem;
}

.font-size-15 {
    font-size: .9375rem;
}

.font-size-40 {
    font-size: 2.5rem;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-700 {
    font-weight: 700;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.form .form-icon {
    min-width: 3rem;
    font-size: 0.8125rem;
    position: relative;
}

.form .form-icon-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.badge {
    color: #f5f8fb;
    background-color: #0075d5;
    padding: .75rem 1.25rem;
    display: inline-block;
    font-weight: 400;
    border-radius: 6.75rem;
}

section,
.section {
    position: relative;
    overflow: hidden;
    width: 100%;
}

section.hero {
    padding-top: 12rem;
    padding-bottom: 0;
	background-color: #0C59A6;
}

section.function {
    padding-top: 13rem;
    padding-bottom: 1rem;
    background-image: url(../assets/img/bg.png);
}

section.standards {
    padding-top: 12rem;
    padding-bottom: 3rem;
    background-image: url(../assets/img/bg.png);
}

section.high-features {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-image: url(../assets/img/bg.png);
}

section.force {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-image: url(../assets/img/bg.png);
}

section.fee {
    padding-top: 13rem;
    /*padding-bottom: 3rem;*/
    background-image: url(../assets/img/fee_bg.png);
    background-repeat: no-repeat;
}

section.look-into-img {
    padding-top: 2rem;
    padding-bottom: 2rem;
    background-image: url(../assets/img/fee_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

section.contact {
    padding-top: 8rem;
    padding-bottom: 17rem;
}

div[class*="col-"].space-one-bottom-lg,
.space-one-bottom-lg {
    padding-bottom: 8.125rem;
}

div[class*="col-"].space-one-top-lg,
.space-one-top-lg {
    padding-top: 8.125rem;
}

div[class*="col-"].space-double-lg,
.space-double-lg {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

div[class*="col-"].space-one-bottom-md,
.space-one-bottom-md {
    padding-bottom: 6.125rem;
}

div[class*="col-"].space-one-top-md,
.space-one-top-md {
    padding-top: 6.125rem;
}

div[class*="col-"].space-double-md,
.space-double-md {
    padding-top: 6.125rem;
    padding-bottom: 6.125rem;
}

div[class*="col-"].space-one-bottom-sm,
.space-one-bottom-sm {
    padding-bottom: 4.125em;
}

div[class*="col-"].space-one-top-sm,
.space-one-top-sm {
    padding-top: 4.125em;
}

div[class*="col-"].space-double-sm,
.space-double-sm {
    padding-top: 4.125em;
    padding-bottom: 4.125em;
}

.bg-azure {
    background-color: #0075d5;
}

.bg-azure-light {
    background-color: rgba(0, 117, 214, .05);
}

.bg-gray {
    background-color: #f5f8fb;
}

.indent {
    text-indent: -999px;
    display: none;
}

/*End Miscellaneous*/


/*Mediaqueries*/


.btn-navbar-toggler {
    margin-top: 1.375rem;
    margin-bottom: 1.375rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 10px 13px;
    color: #333342;
    font-size: 1rem;

}

@media (max-width: 991px) {
    .navbar-expand-lg .btn-nav {
        padding-top: 1rem;
        padding-bottom: 1.375rem;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .navbar-expand-lg .btn-nav {
        padding-left: 1rem;
    }

    .navbar-expand-lg .header-navbar-nav {
        -ms-flex-align: center;
        align-items: center;
			justify-content: center;
        padding-top: 0;
        padding-bottom: 0;
        margin-left: auto;
			width: 100%;

    }
	    .navbar-expand-lg .header-navbar-nav li {
				/* width: calc( 100% / 5 ); */
	}
	    .navbar-expand-lg .header-navbar-nav li:last-child {
				border-right: 1px solid;
	}
    .navbar-expand-lg .header-navbar-nav .nav-link {
        /*padding-top: 1.375rem;
        padding-bottom: 1.375rem;*/
			text-align: center;
    }
}

@media (max-width: 800px) {
    .cell-safe{
        width: 70% !important;
    }

    .safe-service {
        
    }

    .safe-service-title {
        margin: 0 auto 20px auto !important;
        font-size: 1.3rem !important;
    }

    .cell-many-title {
        font-size: 1.2rem !important;
    }

    .easy-safe {
        font-size: 1.3rem !important;
    }

    section.force {
        padding-top: 1rem !important;
    }

    .Grids-phone {
        display: block !important;
        padding: 0 15px !important;
    }

    .Grid-cell-img {
        margin: 0 auto !important;
        width: 100% !important;
    }

    .Grid-provide-cell {
        font-size: 1.2rem !important;
        width: 100% !important;
    }

    .Grid-cell {
        margin-bottom: 40px !important;
    }

    .Grid-cell-two {
        margin-bottom: 40px !important;
    }

    .Grid {
        display: block !important;
        padding: 0 15px;
    }

    .Grid-reason-img {
        width: 100% !important;
        height: 200px !important;
    }

    .cell-reason {
        height: auto !important;
        width: 100% !important;
    }

    .high-features {
    }

    .Grid-force-cell {
        margin-bottom: 20px !important;
    }

    .Grid-force-img {
        width: 100% !important;
    }

    .cell-list {
        display: block !important;
        padding: 0 15px !important;
    }

    .cell-many {
        width: 100% !important;
        padding-left: 0px !important;
        margin-top: 20px !important;
    }

    .cell-list-img {
        width: 100% !important;
    }

    .navbar-button {
        display: none !important;
    }

    .fee {
    }

    .fun-intro {
        font-size: 1.2rem !important;
    }

    .fee-logo-start {
        margin: 40px auto 40px auto !important;
    }

    .part-together {
    }

    .v-pic-center {
        top: 36.5% !important;
    }

    .part-phone-recheck {
        margin-top: -17px !important;
    }

    .part-recheck {
    }

    .part-recheck-title {
        margin: 50px auto !important;
    }

    .part-recheck-text {
        font-size: 1rem !important;
    }

    .part-two-pic {
        height: 150px !important;
    }

    .arrow_down {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .part-three-recheck {
        margin: 20px auto !important;
    }

    .part-system-title {
        width: 95% !important;
        font-size: 1.2rem !important;
        margin-top: -117px !important;
        margin-bottom: 60px !important;
        line-height: 1.8rem !important;
        padding: 4px 0 !important;
    }

    .part-system-title1 {
        font-size: 0.9rem !important;
    }

    .system-right {
        font-size: 1rem !important;
    }

    .mycss {
        margin-top: 20px !important;
        display: block !important;
    }

    .mycss li {
        padding: 0 10px !important;
    }

    .system-li {
        width: 160px !important;
        height: 160px !important;
    }

    .system-li-detail {
        font-size: 1rem !important;
    }

    .system-detail{
        padding-left: 10px!important;
    }

    .system-details {
        font-size: 1.2rem !important;
    }

    .system-details1 {
        font-size: 0.8rem !important;
    }

    .system-zero {
        font-size: 4rem !important;
        margin-top: 0!important;
			margin-bottom: 0;
    }

    section.fee {
        background-size: 100% 30% !important;
        padding-top: 2rem !important;
    }

    .fee-bg-size {
        /* margin-top: 20px !important;*/
    }

    .feeBackgroud {
        width: 100% !important;
        height: 100% !important;
        margin-top: 20px;
    }

    .company-people {

    }

    .company {
        width: 45% !important;
        position: absolute;
        right: 0;
        padding-top: 7px !important;
    }

    .company-text {
        font-size: 1rem !important;
        font-family: " 游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .company-detail {
        align-items: start !important;
    }

    .company-con {
        left: 47px !important;
        top: 0px !important;
        font-size: 1rem !important;
        line-height: 1rem !important;
    }

    .company-details {
        padding-left: 80px !important;
        text-align: inherit !important;
    }

    .company-zero {
        font-size: 12rem !important;
        z-index: 1030 !important;
    }

    .company-left {
        font-size: 1rem !important;
        line-height: 1.5rem !important;
    }

    .company-right {
        font-size: 1.4rem !important;
        line-height: 2rem !important;
    }

    .company-button {
        margin-top: 9px !important;
    }

    .company-but {
        width: 120px !important;
        height: 30px !important;
        font-size: 0.8rem !important;
    }

    .fee-card {
        width: 80% !important;
        z-index: 1030;
    }

    .collapse.show {
        text-align: left !important;
        height: 100vh;
    }

    .navbar-nav .nav-link {
        border-left: 0px !important;
        border-right: 0px !important;
    }

    p {
        /*overflow: hidden;*/
        /*左右アニメーションで画面からはみ出る際に出る横スクロールバーを隠す*/
    }

    /*全共通*/
    .slide-in {
        overflow: hidden;
        display: inline-block;
    }

    .slide-in_inner {
        display: inline-block;
    }

    /*左右のアニメーション*/
    .rightAnime {
        opacity: 0;
        /*事前に透過0にして消しておく*/
    }

    .slideAnimeLeftRight {
        animation-name: slideTextX100;
        animation-duration: 0.8s;
        animation-fill-mode: forwards;
        opacity: 0;
    }

    @keyframes slideTextX100 {
        from {
            transform: translateX(-100%);
            /*要素を左の枠外に移動*/
            opacity: 0;
        }

        to {
            transform: translateX(0);
            /*要素を元の位置に移動*/
            opacity: 1;
        }
    }

    .slideAnimeRightLeft {
        animation-name: slideTextX-100;
        animation-duration: 0.8s;
        animation-fill-mode: forwards;
        opacity: 0;
    }


    @keyframes slideTextX-100 {
        from {
            transform: translateX(100%);
            /*要素を右の枠外に移動*/
            opacity: 0;
        }

        to {
            transform: translateX(0);
            /*要素を元の位置に移動*/
            opacity: 1;
        }
    }

    .navbar-expand-lg .navbar-logo {
        justify-content: space-between !important;
    }

    .class-pic {
        width: 100% !important;
    }

    .class-pic-login {
        width: 100% !important;
    }

    .part-checked {
        font-size: 1rem !important;
    }

    .part-check {
        margin: 20px auto !important;
    }

    .part-class {
        margin: 30px auto !important;
    }

    .merit1-pic {
        width: 100% !important;
    }

    .merit1-pics {
        width: 100% !important;
    }

    .merit2-pics {
        width: 100% !important;
    }

    .merit2-pic {
        width: 100% !important;
    }

    .logo-picture {
        width: 45% !important;
    }

    .logo-detail {
        font-size: 0.6rem !important;
        display: none !important;
    }

    .home-logo {
        display: flex !important;
        justify-content: space-between !important;
    }

    .navbar {
        padding: 0 0 0 0 !important;
    }

    .navbar-detail-button {
        display: block !important;
    }

    .navbar-brand {
        padding-top: 0.2rem !important;
        padding-bottom: 0.2rem !important;
    }

    .nav-link {
        border-left: 0px !important;
        border-right: 0px !important;
        border-top: 1px solid #cbcbcb !important;
    }

    .button-detail {
        width: 100px !important;
        height: 28px !important;
    }

    .button-details {
        width: 140px !important;
        height: 28px !important;
        margin: 0 10px !important;
    }

    section.hero {
        padding-top: 4.5rem !important;
        padding-bottom: 1rem !important;
    }

    .home-title {
        justify-content: normal !important;
        margin: 0px auto 0 auto !important;
    }

    .home-title-whole {
        margin: 0 auto !important;
        width: 60% !important;
    }

    .home-title1 {
        font-size: 1.3rem !important;
    }

    .home-title2 {
        font-size: 1.3rem !important;
    }

    .home-title3 {
        font-size: 1rem !important;
    }

.home-pic {
    width: auto;
    padding: 15px 15px 15px 15px;
}

    .home-pic-detail {
        width: 100% !important;
    }

    .total-name {
        font-size: 1.3rem !important;
    }

    .total-number {
        font-size: 2rem !important;
    }

    .total-name1 {
        font-size: 1.3rem !important;
    }

    .scroll-logo ul li {
        width: 240px !important;
        height: 100px !important;
    }

    .part-one-title {
        font-size: 1.1rem !important;
        margin: 30px auto 10px auto !important;
        text-align: center !important;
        /*padding: 0 15px!important;*/
    }

    .part-one-detail {
        font-size: 0.9rem !important;
        /*padding: 0 15px !important;*/
        width: 95% !important;
        text-align: center !important;
    }

    .part-one-button {
        margin: 30px auto 30px auto !important;
    }

    .part-button-detail {
        width: 380px !important;
        height: 38px !important;
    }

    .part-two {
        margin: 40px auto !important;
    }

    .part-two-title {
        line-height: 1.3rem !important;
        font-size: 1rem !important;
        width: 55% !important;
        padding: 15px 0px !important;
    }

    .part-two-detail {
        margin: 20px auto 0 auto !important;
    }

    .d-flex {
        justify-content: center !important;
    }

    .part-text-detail {
        font-size: 0.8rem !important;
        line-height: 0.5rem !important;
    }

    .p-5 {
        padding: 0.6rem 0 0 0 !important;
    }

    h5,
    .h5 {
        font-size: 1rem !important;
    }

    .part-three {
        margin: 25px auto 0 auto !important;
    }

    .part-three-pic {
        width: 8% !important;
    }

    .merit_2 {
        padding: 50px 0 20px 0 !important;
        margin-top: -17px !important;
    }

    h3,
    .h3 {
        font-size: 1.2rem !important;
    }

    .part-three-solu1 {
        margin: 30px auto 30px auto !important;
        padding: 0 15px !important;
    }

    .part-three-left {
        width: auto !important;
    }

    .part-left-title {
        font-size: 1rem !important;
    }

    h4,
    .h4 {
        font-size: 1.1rem !important;
    }

    .part-left-text {
        font-size: 1.1rem !important;
    }

    .img-fluid {
        max-width: 100%;
    }

    .part-bottom-pic {
        width: 100% !important;
    }

    .part-three-top {
        margin-top: -13px !important;
    }

    .part-three-topPic {
        width: 8% !important;
    }

    .part-four {
        margin: 40px auto 20px auto !important;
        font-size: 1.3em !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .part-four-text {
        width: 100% !important;
    }

    .part-four-title {
        display: block !important;
        justify-content: normal !important;
        margin: 0 auto 40px auto !important;
    }

    .part-five {
        margin: 6px auto !important;
        width: 66% !important;
        font-size: 0.9rem !important;
    }

    .part-five-detail {
        margin: 55px auto !important;
        width: 59% !important;
    }

    .part-five-whole {
        padding: 0 8px !important;
    }

    .part-five-blue {
        width: 80px !important;
        height: 40px !important;
    }

    .part-five-white {
        width: 80px !important;
        height: 40px !important;
    }

    .part-five-content {
        font-size: 0.4rem !important;
    }

    .part-merit {
        font-size: 1.2em !important;
        margin: 40px auto 10px auto !important;
    }

    .part-point-title {
        font-size: 0.9rem !important;
    }

    .part-merit-text {
        font-size: 1rem !important;
    }

    .part-point {
        margin: 30px auto 30px auto !important;
        display: block !important;
    }

    .part-point-left {
        width: 100% !important;
        padding-right: 10px !important;
    }

    .part-point-pic {
        width: 100% !important;
        height: 100% !important;
    }

    .part-point-img {
        width: 100% !important;
    }

    .part-point-right {
        width: 100% !important;
        padding-left: 10px !important;
    }

    .space-double-lg {
        padding-top: 3rem !important;
        padding-bottom: 0rem !important;
    }

    .part-merit3-detail {
        margin: 30px auto !important;
    }

    .part-six {
        font-size: 1.2rem !important;
    }

    .part-six-logo {
        margin: 30px auto 30px auto !important;
    }

    .part-eight-pic {
        width: 100% !important;
        margin: 20px auto !important;
    }

    .bottom-logo {
        width: 40% !important;
    }

    .bottom-text {
        font-size: 0.8rem !important;
    }

    .part-seven {
        padding-bottom: 30px !important;
    }

    .part-eight {
        display: block !important;
    }

    .part-eight-right {
        font-size: 0.4rem !important;
    }

    .part-eight-title {
        margin-top: 20px !important;
    }

    .part-eight-right {
        width: 100% !important;
        padding-left: 0px !important;
    }

    .graph {
        width: 150%;
    }

    .display-4 {
        font-size: 3rem;
    }

    section.hero {
        padding-top: 11rem;
        padding-bottom: 14rem;
    }

    section.contact {
        padding-bottom: 15rem;
    }

    .right-button {
        top: 200px !important;
        bottom: 50px !important;
        display: none !important;
    }

    .section_merit {
    }

    .merit_2 {
    }

    .space-double-lg {
    }

    .part-merit2 {
        padding: 30px 0px 20px 0;
    }

    .right-button1 {
        height: 120px !important;
    }

    .right-button3 {
        height: 120px !important;
    }

    .part-twos {
    }

    .part-three1 {
        display: none !important;
    }

    .part-three2 {
        background-image: url(../assets/img/merit_bg.png);
    }

    .reference-check {
    }

    .scroll-to-top {
        right: 1rem !important;
    }

    /*漫画でわかる */
    .tel {
        font-size: 1.2rem !important;
    }

    section.function {
        padding-top: 5rem !important;
        padding-bottom: 1rem !important;
    }

    .merit_2_1 {
        padding: 30px 0 50px 0 !important;
    }

    .standards {
        margin-top: 20px !important;
    }

    .two-buttons {
        padding: 0px !important;
        margin: 20px auto !important;
    }

    .part-button-details {
        width: 180px !important;
        height: 40px !important;
    }

    .part-system-content {
        font-size: 0.8rem !important;
    }

}

@media (min-width: 576px) and (max-width: 700px) {
    .look-into-img{
        display: none!important;
    }
    .scroll-features {
        overflow-y: hidden !important;
    }

    .cell-safe{
        width: 70% !important;
    }

    .safe-service {
        display: none !important;
    }

    .Grid {
        display: block !important;
        padding: 0 15px !important;
    }

    .Grids-phone {
        display: block !important;
        padding: 0 15px !important;
    }

    .Grid-cell-img {
        margin: 0 auto !important;
    }

    .Grid-provide-cell {
        width: 100% !important;
    }

    .Grid-cell {
        margin-bottom: 40px !important;
    }

    .Grid-cell-two {
        margin-bottom: 40px !important;
    }

    .high-features {
        display: none !important;
    }

    .Grid-cell-reason {
        margin-bottom: 40px !important;
    }

    .cell-reason{
        width: 100% !important;
    }

    .Grid-reason-img {
        width: 300px !important;
        height: 200px !important;
        margin: 0 auto !important;
    }

    .Grid-force-img {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .cell-list {
        display: block !important;
        padding: 0 15px !important;
    }

    .cell-list-img {
        width: 100% !important;
        height: 300px !important;
    }

    .cell-many {
        width: 100% !important;
        padding-left: 0px !important;
    }

    .part-system-title {
        width: 80% !important;
        font-size: 1.2rem !important;
        margin-top: -105px !important;
        padding: 4px 0 !important;
        margin-bottom: 20px !important;
    }

    .part-system-title1 {
        font-size: 1.2rem !important;
    }

    .part-system-content {
        font-size: 1rem !important;
    }

    .system-right {
        font-size: 1rem !important;
    }

    .feeBackgroud {
        width: 60% !important;
        height: 297px !important;
    }

    .company {
        width: 35% !important;
    }

    .company-people {
        left: 53% !important;
        top: 210px !important;
    }

    .company-detail {
        margin-top: 15px !important;
    }

    .company-details {
        padding-left: 50px !important;
        text-align: initial !important;
    }

    .company-text {
        font-size: 1rem !important;
        font-family: " 游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
        margin-top: 20px !important;
    }

    .company-zero {
        font-size: 10rem !important;
    }

    .company-con {
        left: 38px !important;
        font-size: 0.8rem !important;
        line-height: 0.9rem !important;
    }

    .company-left {
        font-size: 1rem !important;
    }

    .company-right {
        font-size: 1.2rem !important;
        line-height: 1.7rem !important;
    }

    .company-button {
        margin-top: 0px !important;
    }

    .company-but {
        width: 200px !important;
        height: 40px !important;
    }

    .look-into {
        display: none !important;
    }

    .part-together {
        display: none !important;
    }

    .class-pic-login {
        margin-bottom: 20px !important;
    }

    .col-md-6 {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .part-recheck-title {
        margin: 4.5% auto !important;
    }

    .login-step {
        font-size: 1rem !important;
    }

    .part-recheck {
        display: none !important;
    }

    .part-three-recheck {
        margin: 20px auto 0 auto !important;
    }

    .arrow_down {
        display: none !important;
    }

    .v-center {
        left: 35% !important;
        top: 45% !important;
    }

    .v-center1 {
        left: 30% !important;
        top: 45% !important;
    }

    .v-pic-center {
        left: 55% !important;
        top: 50% !important;
    }

    .part-phone-recheck {
        margin: -23px auto 0 auto;
    }

    .phone-button {
        display: none;
    }

    .container {
        max-width: 767px !important;
    }

    reference-check1 {
        display: none !important;
    }

    .reference-detail {
        display: block !important;
        padding: 0 15px !important;
    }

    .slideAnimeRightLeft {
        width: 100% !important;
        padding-left: 0px !important;
    }

    .solutions-detail {
        padding: 0 15px !important;
    }

    .merit-point1 {
        display: block !important;
        padding: 0 15px !important;
    }

    .merit1-pic {
        width: 100% !important;
    }

    .merit1-pics {
        width: 100% !important;
    }

    .merit2-pics {
        width: 100% !important;
    }

    .merit2-pic {
        width: 100% !important;
    }

    .img-fluid {
        width: 60% !important;
    }

    .img-fluid-check {
        width: 100% !important;
    }

    .part-class {
        margin: 50px auto !important;
    }

    .class-pic {
        margin-right: 15px !important;
    }

    .class-pic-login {
        margin-right: 15px !important;
    }

    .navbar-brand {
        padding-top: 0.3rem !important;
        padding-bottom: 0.1rem !important;
    }

    .nav-link {
        border-left: 0px !important;
        border-right: 0px !important;
    }

    .logo-picture {
        width: 40% !important;
    }

    .logo-detail {
        width: 100% !important;
    }

    .home-logo {
        justify-content: space-between !important;
    }

    .navbar-detail-button {
        display: block !important;
    }

    .navbar-button {
        margin: 20px auto !important;
        display: flex;
        justify-content: space-between;
    }

    .button-detail {
        width: 180px !important;
    }

    .button-details {
        width: 200px !important;
        margin: 0 10px !important;
    }

    .home-title1 {
        font-size: 1.8rem !important;
    }

    .home-title2 {
        font-size: 1.8rem !important;
    }

    .home-title3 {
        font-size: 1.4rem !important;
    }

    .home-pic-detail {
        width: 80% !important;
    }

    section.hero {
        padding-bottom: 0.2rem !important;
    }

    .home-title {
        margin: 40px auto !important;
    }

    .home-title-whole {
        width: 60% !important;
        margin: 30px auto !important;
        padding-left: 20px !important;
    }

    .home-pic {
        justify-content: center !important;
        display: flex !important;
    }

    .home-pic-detail {
        width: 84% !important;
    }

    .total-name {
        font-size: 1.6rem !important;
    }

    .total-number {
        font-size: 2.4rem !important;
    }

    .part-one-detail {
        width: 90% !important;
    }

    .part-two {
        margin: 50px auto !important;
    }

    .part-two-title {
        padding: 15px 0 !important;
        font-size: 0.8rem !important;
        line-height: 1.2rem !important;
        width: 25% !important;
    }

    .part-two-detail {
        margin: 20px auto !important;
    }

    .d-flex {
        justify-content: center !important;
    }

    h3,
    .h3 {
        font-size: 1.5em !important;
    }

    .part-one-title {
        font-size: 1.5em !important;
    }

    .part-three-solu1 {
        padding: 0 15px !important;
    }

    .part-three-left {
        width: 60% !important;
        padding-right: 10px !important;
    }

    .part-bottom-pic {
        width: 60% !important;
        margin-right: 15px !important;
    }

    .card-img-top {
        width: 100% !important;
    }

    .part-four-text {
        width: 100% !important;
    }

    .part-point-left {
        width: 60% !important;
        padding-right: 20px !important;
    }

    .part-point-pic {
        width: 100% !important;
        height: 100% !important;
    }

    .part-point-right {
        width: 60% !important;
        padding-right: 20px !important;
    }

    .part-point-img {
        width: 100% !important;
    }

    .card {
        flex-direction: initial !important;
    }

    .p-5 {
        padding: 0.1rem 10px !important;
        width: 100% !important;
    }

    .space-double-lg {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .bottom-logo {
        width: 100% !important;
    }

    .part-text-detail {
        line-height: 15px !important;
    }

    .card-img-top1 {
        width: 100% !important;
    }

    .part-point-right {
        padding-left: 20px !important;
    }

    .text-center {
        display: flex !important;
    }

    .part-three-text {
        padding-left: 20px !important;
    }

    .part-seven {
        padding-bottom: 30px !important;
    }

    .part-eight-right {
        margin: 40px auto 0 auto !important;
    }

    .part-five {
        font-size: 1rem !important;
        width: 48% !important;
        margin: 20px auto !important;
    }

    .part-five-detail {
        margin: 80px auto !important;
        width: 60% !important;
    }

    .part-five-whole {
        padding: 0 10px !important;
    }

    .part-five-blue {
        width: 110px !important;
        height: 60px !important;
    }

    .part-five-white {
        width: 110px !important;
        height: 60px !important;
    }

    .part-five-content {
        font-size: 1rem !important;
    }

    .part-twos1 {
        display: none !important;
    }

    .part-three1 {
        background-image: url(../assets/img/merit_bg.png);
    }

    .part-three2 {
        display: none !important;
    }

    .reference-check1 {
        display: none !important;
    }

    .merit_2 {
        display: none !important;
    }

    .merit_5 {
        display: none !important;
    }

    .section_merit {
        display: none !important;
    }
}

@media (min-width: 701px) and (max-width: 768px) {
    .look-into-img{
        display: none!important;
    }
    .Grid {
        display: block !important;
        padding: 0 15px !important;
    }

    .safe-service {
        display: none !important;
    }

    .Grids-phone {
        display: block !important;
        padding: 0 15px !important;
    }

    .Grid-cell-img {
        margin: 0 auto !important;
    }

    .Grid-provide-cell {
        width: 100% !important;
    }

    .Grid-cell {
        margin-bottom: 40px !important;
    }

    .Grid-cell-two {
        margin-bottom: 40px !important;
    }

    .high-features-phone {
        display: none !important;
    }

    .Grid-cell-reason {
        margin-bottom: 40px !important;
    }

    .Grid-reason-img {
        width: 300px !important;
        height: 200px !important;
        margin: 0 auto !important;
    }

    .cell-reason{
        width: 100% !important;
    }

    .Grid-force-img {
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .cell-list {
        display: block !important;
        padding: 0 15px !important;
    }

    .cell-list-img {
        width: 100% !important;
        height: 300px !important;
    }

    .cell-many {
        width: 100% !important;
        padding-left: 0px !important;
    }

    .Grids {
        padding-left: 10px !important;
    }

    .Grid-cell-safe {
        flex: 0 0 9.5% !important;
    }

    .Grid-safe-img {
        width: 60px !important;
        height: 60px !important;
    }

    .part-system-title {
        width: 80% !important;
        font-size: 1.2rem !important;
        margin-top: -100px !important;
        padding: 4px 0 !important;
        margin-bottom: 20px !important;
    }

    .part-system-title1 {
        font-size: 1.2rem !important;
    }

    .part-system-content {
        font-size: 1rem !important;
    }

    .feeBackgroud {
        width: 55% !important;
    }

    .fee-bg-size {
        padding: 0 15px !important;
    }

    .company {
        width: 40% !important;
    }

    .company-details {
        padding-left: 100px !important;
    }

    .company-people {
        left: 48% !important;
    }

    .rest-assured {
        padding: 0 15px !important;
    }

    .mycss {
        display: none !important;
    }

    .look-into {
        display: none !important;
    }

    .part-recheck {
        display: none !important;
    }

    .part-three-recheck {
        margin: 20px auto 0 auto !important;
    }

    .arrow_down {
        display: none !important;
    }

    .v-center {
        left: 30% !important;
        top: 45% !important;
    }

    .v-center1 {
        left: 23% !important;
        top: 45% !important;
    }

    .v-pic-center {
        left: 50% !important;
        top: 50% !important;
    }

    .part-phone-recheck {
        margin: -23px auto 0 auto;
    }

    .part-togethers {
        display: none !important;
    }

    .phone-button {
        display: none;
    }

    .container {
        max-width: 767px !important;
    }

    .slideAnimeRightLeft {
        width: 100% !important;
        padding-right: 0px !important;
    }

    .slideAnimeLeftRight {
        width: 100% !important;
    }

    .img-fluid {
        width: 60% !important;
        margin-left: 15px !important;
    }

    .solutions-detail {
        padding: 0 15px !important;
    }

    .reference-detail {
        display: block !important;
        padding: 0 15px !important;
    }

    .merit-point1 {
        padding: 0 15px !important;
    }

    .merit1-pic {
        width: 55% !important;
        padding-left: 15px !important;
    }

    .merit1-pics {
        width: 55% !important;
        padding-left: 15px !important;
    }

    .merit2-pics {
        width: 55% !important;
        padding-left: 15px !important;
    }

    .merit2-pic {
        width: 55% !important;
        padding-left: 15px !important;
    }

    .part-class {
        margin: 50px auto !important;
    }

    .class-pic {
        margin-right: 15px !important;
    }

    .class-pic-login {
        margin-right: 15px !important;
        margin-bottom: 20px !important;
    }


    .part-bottom-pic {
        margin-right: 15px !important;
    }

    .img-fluid-check {
        width: 100% !important;
    }


    .navbar-brand {
        padding-top: 0.3rem !important;
        padding-bottom: 0.1rem !important;
    }

    .nav-link {
        border-left: 0px !important;
        border-right: 0px !important;
    }

    .logo-picture {
        width: 40% !important;
    }

    .logo-detail {
        width: 100% !important;
    }

    .home-logo {
        justify-content: space-between !important;
    }

    .navbar-detail-button {
        display: block !important;
    }

    .navbar-button {
        margin: 20px auto !important;
        display: flex;
        justify-content: space-between !important;
    }

    .button-detail {
        width: 180px !important;
    }

    .button-details {
        width: 200px !important;
        margin: 0 10px !important;
    }

    .home-title1 {
        font-size: 1.8rem !important;
    }

    .home-title2 {
        font-size: 1.8rem !important;
    }

    .home-title3 {
        font-size: 1.4rem !important;
    }

    .home-pic-detail {
        width: 80% !important;
    }

    section.hero {
        padding-bottom: 0.2rem !important;
    }

    .home-title {
        margin: 40px auto !important;
    }

    .home-title-whole {
        width: 60% !important;
        margin: 30px auto !important;
        padding-left: 20px !important;
    }

    .home-pic {
        justify-content: center !important;
        display: flex !important;
    }

    .total-name {
        font-size: 1.6rem !important;
    }

    .total-number {
        font-size: 2.4rem !important;
    }

    .part-one-detail {
        width: 90% !important;
    }

    .part-two {
        margin: 69px auto !important;
    }

    .part-two-title {
        /*padding: 15px 40px !important;*/
        font-size: 0.8rem !important;
        line-height: 1.2rem !important;
        width: 25% !important;
    }

    .part-two-detail {
        margin: 20px auto !important;
    }

    .d-flex {
        justify-content: center !important;
    }

    h3,
    .h3 {
        font-size: 1.5em !important;
    }

    .part-one-title {
        font-size: 1.5em !important;
    }

    .part-three-solu1 {
        padding: 0 15px !important;
    }

    .part-three-left {
        width: 60% !important;
        padding-right: 10px !important;
    }

    .part-bottom-pic {
        width: 60% !important;
    }

    .card-img-top {
        width: 100% !important;
    }

    .part-four-text {
        width: 100% !important;
    }

    .part-five {
        margin: 20px auto !important;
        width: 46% !important;
        font-size: 1.3rem !important;
    }

    .part-five-detail {
        margin: 100px auto !important;
        width: 60% !important;
    }

    .part-five-whole {
        padding: 0 10px !important;
    }

    .part-five-blue {
        width: 150px !important;
        height: 70px !important;
    }

    .part-five-white {
        width: 150px !important;
        height: 70px !important;
    }

    .part-five-content {
        font-size: 16px !important;
    }

    .part-point-left {
        width: 60% !important;
        padding-right: 20px !important;
    }

    .part-point-pic {
        width: 100% !important;
        height: 100% !important;
    }

    .part-point-right {
        width: 60% !important;
        padding-right: 20px !important;
    }

    .part-point-img {
        width: 100% !important;
    }

    .card {
        flex-direction: initial !important;
    }

    .p-5 {
        padding: 0.1rem 10px !important;
        width: 100% !important;
    }

    .space-double-lg {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .bottom-logo {
        width: 100% !important;
    }

    .part-text-detail {
        line-height: 15px !important;
    }

    .card-img-top1 {
        width: 100% !important;
    }

    .part-point-right {
        padding-left: 20px !important;
    }

    .text-center {
        display: flex !important;
    }

    .part-three-text {
        padding-left: 20px !important;
    }

    .part-seven {
        padding-bottom: 30px !important;
    }

    .part-eight-right {
        margin: 40px auto 0 auto !important;
    }

    .part-twos1 {
        display: none !important;
    }

    .part-three1 {
        background-image: url(../assets/img/merit_bg.png);
    }

    .part-three2 {
        display: none !important;
    }

    .reference-check1 {
        display: none !important;
    }

    .merit_3 {
        display: none !important;
    }

    .merit_5 {
        display: none !important;
    }

    .section_merit1 {
        display: none !important;
    }
}

@media (min-width: 769px) and (max-width: 886px) {
    .look-into-img{
        display: none!important;
    }
    .high-features-phone {
        display: none !important;
    }

    .safe-service {
        display: none !important;
    }

    .Grids-phone {
        display: block !important;
        padding: 0 15px !important;
    }

    .Grid-cell-img {
        margin: 0 auto !important;
    }

    .Grid-provide-cell {
        width: 100% !important;
    }

    .Grid {
        padding: 0 15px !important;
    }

    .Grid-cell {
        margin-bottom: 40px !important;
    }

    .Grid-cell-two {
        margin-bottom: 40px !important;
    }

    .Grid-cell-safe {
        flex: 0 0 10% !important;
    }

    .Grid-safe-img {
        width: 69px !important;
        height: 69px !important;
    }

    .Grids {
        padding-left: 8px !important;
    }

    .Grid-cell-reason {
        flex: 0 0 26% !important;
        padding-left: 8px !important;
    }

    .Grid-reason-img {
        width: 179px !important;
    }

    .Grid-force-cell {
        flex: 0 0 25% !important;
        padding-left: 4px !important;
    }

    .Grid-force-img {
        width: 180px !important;
    }

    .cell-list {
        padding: 0 15px !important;
    }

    .cell-list-img {
        width: 50% !important;
    }

    .cell-many {
        width: 60% !important;
    }


    .part-system-title {
        width: 60% !important;
        font-size: 1.2rem !important;
        margin-top: -115px !important;
        padding: 4px 0 !important;
        margin-bottom: 45px !important;
        line-height: 1.8rem !important;
    }

    .part-system-title1 {
        font-size: 1.2rem !important;
    }

    .part-system-content {
        font-size: 1rem !important;
    }

    .feeBackgroud {
        width: 60% !important;
    }

    .fee-bg-size {
        padding: 0 15px !important;
    }

    .company {
        width: 30% !important;
    }

    .company-details {
        padding-left: 100px !important;
    }

    .rest-assured {
        padding: 0 15px !important;
    }

    .part-togethers {
        display: none !important;
    }

    .look-into {
        display: none !important;
    }

    .part-phone-recheck {
        display: none !important;
    }

    .part-three-recheck {
        margin: 20px auto 0px auto !important;
    }

    .class-pic {
        width: 100% !important;
    }

    .class-pic-login {
        width: 100% !important;
    }

    .d3 {
        display: none !important;
    }

    .phone-button {
        display: none;
    }

    .container {
        max-width: 767px !important;
    }

    .slideAnimeRightLeft {
        width: 100% !important;
        padding-right: 0px !important;
    }

    .img-fluid {
        width: 100% !important;
        margin-left: 15px !important;
    }

    .solutions-detail {
        padding: 0 15px !important;
    }

    .reference-detail {
        padding: 0 15px !important;
    }

    .merit-point1 {
        padding: 0 15px !important;
    }

    .merit1-pic {
        width: 60% !important;
    }

    .merit1-pics {
        width: 60% !important;
        margin-left: 15px !important;
    }

    .merit2-pics {
        width: 60% !important;
        margin-left: 15px !important;
    }

    .merit2-pic {
        width: 60% !important;
    }

    .merit3-pic {
        width: 100% !important;
    }

    .img-fluid {
        width: 60% !important;
    }

    .img-fluid-check {
        width: 60% !important;
    }


    .card {
        display: block !important;
    }

    .navbar-brand {
        padding-top: 0.3rem !important;
        padding-bottom: 0.1rem !important;
    }

    .nav-link {
        border-left: 0px !important;
        border-right: 0px !important;
    }

    .logo-picture {
        width: 40% !important;
    }

    .logo-detail {
        width: 100% !important;
    }

    .home-logo {
        justify-content: space-between !important;
    }

    .navbar-detail-button {
        display: block !important;
    }

    .navbar-button {
        margin: 20px auto !important;
        display: flex;
        justify-content: space-between !important;
    }

    .button-detail {
        width: 180px !important;
    }

    .button-details {
        width: 200px !important;
        margin: 0 10px !important;
    }

    .home-title1 {
        font-size: 1.8rem !important;
    }

    .home-title2 {
        font-size: 1.8rem !important;
    }

    .home-title3 {
        font-size: 1.4rem !important;
    }

    .home-pic-detail {
        width: 80% !important;
    }

    section.hero {
        padding-bottom: 0.2rem !important;
    }

    .home-title {
        margin: 40px auto !important;
    }

    .home-title-whole {
        width: 60% !important;
        margin: 40px auto !important;
        padding-left: 50px !important;
    }

    .home-pic {
        justify-content: center !important;
        display: flex !important;
    }

    .total-name {
        font-size: 1.6rem !important;
    }

    .total-number {
        font-size: 2.4rem !important;
    }

    .part-one-detail {
        width: 90% !important;
    }

    .part-two {
        margin: 69px auto !important;
    }

    .part-two-title {
        /* padding: 15px 40px !important;*/
        font-size: 1rem !important;
        line-height: 1.2rem !important;
        width: 25% !important;
    }

    .part-two-detail {
        margin: 20px auto !important;
    }

    .d-flex {
        justify-content: center !important;
    }

    h3,
    .h3 {
        font-size: 1.5em !important;
    }

    .part-one-title {
        font-size: 1.5em !important;
    }

    .part-three-solu1 {
        padding: 0 15px !important;
    }

    .part-three-left {
        width: 60% !important;
        padding-right: 10px !important;
    }

    .card-img-top {
        width: 100% !important;
    }

    .part-four-text {
        width: 100% !important;
    }

    .part-five {
        margin: 25px auto !important;
        width: 47% !important;
        font-size: 1.3rem !important;
    }

    .part-five-detail {
        margin: 115px auto !important;
        width: 60% !important;
    }

    .part-five-whole {
        padding: 0 10px !important;
    }

    .part-five-blue {
        width: 150px !important;
        height: 70px !important;
    }

    .part-five-white {
        width: 150px !important;
        height: 70px !important;
    }

    .part-five-content {
        font-size: 16px !important;
    }

    .part-point-left {
        width: 60% !important;
        padding-right: 20px !important;
    }

    .part-point-pic {
        width: 100% !important;
        height: 100% !important;
    }

    .part-point-right {
        width: 60% !important;
        padding-right: 20px !important;
    }

    .part-point-img {
        width: 100% !important;
    }

    .p-5 {
        padding: 0.1rem 10px !important;
        width: 100% !important;
    }

    .space-double-lg {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .bottom-logo {
        width: 100% !important;
    }

    .part-text-detail {
        line-height: 15px !important;
    }

    .card-img-top1 {
        width: 100% !important;
    }

    .part-point-right {
        padding-left: 20px !important;
    }

    .text-center {
        display: block !important;
    }

    .part-bottom-pic {
        width: 100% !important;
    }

    .part-three-text {
        padding-left: 20px !important;
    }

    .part-seven {
        padding-bottom: 30px !important;
    }

    .part-eight-right {
        margin: 40px auto 0 auto !important;
    }

    .part-twos1 {
        display: none !important;
    }

    .part-three1 {
        background-image: url(../assets/img/merit_bg.png);
    }

    .part-three2 {
        display: none !important;
    }

    .reference-check1 {
        display: none !important;
    }

    .merit_3 {
        display: none !important;
    }

    .merit_5 {
        display: none !important;
    }

    .section_merit1 {
        display: none !important;
    }
}

@media (min-width: 887px) and (max-width: 991px) {
    .look-into-img{
        display: none!important;
    }
    .high-features-phone {
        display: none !important;
    }

    .safe-service {
        display: none !important;
    }

    .Grid-provide-cell {
        width: 100% !important;
    }

    .Grids-phone {
        display: block !important;
        padding: 0 15px !important;
    }

    .Grid {
        padding: 0 15px !important;
    }

    .Grid-cell-img {
        margin: 0 auto 0 auto !important;
    }

    .Grid-cell {
        margin-bottom: 40px !important;
    }

    .Grid-cell-two {
        margin-bottom: 40px !important;
    }

    .Grid-cell-safe {
        flex: 0 0 10% !important;
    }

    .Grids {
        padding-left: 8px !important;
    }

    .Grid-cell-reason {
        flex: 0 0 24% !important;
        padding-left: 8px !important;
    }

    .Grid-force-cell {
        flex: 0 0 25% !important;
        padding-left: 4px !important;
    }

    .Grid-force-img {
        width: 210px !important;
    }

    .cell-list {
        padding: 0 15px !important;
    }

    .cell-list-img {
        width: 50% !important;
    }

    .cell-many {
        width: 60% !important;
    }

    .part-system-title {
        width: 60% !important;
        font-size: 1.2rem !important;
        margin-top: -110px !important;
        padding: 10px 0 !important;
        margin-bottom: 40px !important;
        line-height: 1.8rem !important;
    }

    .part-system-title1 {
        font-size: 1.2rem !important;
    }

    .part-system-content {
        font-size: 1rem !important;
    }

    .company {
        width: 30% !important;
    }

    .company-details {
        padding-left: 80px !important;
    }

    .rest-assured {
        padding: 0 15px !important;
    }

    .part-togethers {
        display: none !important;
    }

    .look-into {
        display: none !important;
    }

    .part-recheck {
        display: none !important;
    }

    .arrow_down {
        display: none !important;
    }

    .part-phone-recheck {
        margin: -23px auto 0 auto !important;
    }

    .part-three-recheck {
        margin: 10px auto !important;
    }

    .phone-button {
        display: none;
    }

    .container {
        max-width: 943px !important;
    }

    .slideAnimeRightLeft {
        width: 100% !important;
        padding-right: 0px !important;
    }

    .img-fluid {
        width: 100% !important;
    }

    .solutions-detail {
        padding: 0 15px !important;
    }

    .reference-detail {
        padding: 0 15px !important;
    }

    .merit-point1 {
        padding: 0 15px !important;
    }

    .merit1-pic {
        width: 60% !important;
    }

    .merit1-pics {
        width: 60% !important;
        margin-left: 15px !important;
    }

    .merit2-pics {
        width: 60% !important;
        margin-left: 15px !important;
    }

    .merit2-pic {
        width: 60% !important;
    }

    .merit3-pic {
        width: 100% !important;
    }

    .part-bottom-pic {
        width: 100% !important;
    }

    .img-fluid {
        width: 60% !important;
        margin-left: 15px !important;
    }

    .img-fluid-check {
        width: 60% !important;
    }

    .merit-point1 {
        padding: 0 15px !important;
    }

    .navbar-detail-button {
        display: block !important;
    }

    .logo-detail {
        width: 100% !important;
    }

    .home-logo {
        justify-content: space-between !important;
    }

    .nav-link {
        border-left: 0px !important;
        border-right: 0px !important;
    }

    .navbar-button {
        display: flex !important;
        justify-content: space-between !important;
        margin: 0px auto 10px auto !important;
    }

    .navbar-brand {
        padding-top: 0.3rem !important;
        padding-bottom: 0.3rem !important;
    }

    .button-detail {
        width: 150px !important;
        height: 35px !important;
        font-size: 0.6rem !important;
    }

    .button-details {
        margin: 0 10px !important;
        width: 200px !important;
        height: 35px !important;
        font-size: 0.6rem !important;
    }

    .home-title {
        margin: 40px auto !important;
    }

    .home-pic {
        display: flex !important;
        justify-content: center !important;
    }

    .home-title-whole {
        padding-left: 150px !important;
    }

    .home-pic-detail {
        width: 89% !important;
    }

    .home-title1 {
        font-size: 1.8rem !important;
    }

    .home-title2 {
        font-size: 1.8rem !important;
    }

    .home-title3 {
        font-size: 1.6rem !important;
    }

    section.hero {
        padding-bottom: 0.1rem !important;
        padding-top: 10rem !important;
    }

    .total-name {
        font-size: 1.5rem !important;
    }

    .total-number {
        font-size: 2.2rem !important;
    }

    .total-name1 {
        font-size: 1.5rem !important;
    }

    .part-one-detail {
        width: 80% !important;
    }

    .part-two {
        margin: 70px auto !important;
    }

    .part-two-title {
        font-size: 1rem !important;
        line-height: 1.4rem !important;
        width: 25% !important;
    }

    .part-two-detail {
        margin: 20px auto !important;
    }

    .part-three {
        margin: 30px auto 0 auto !important;
    }

    .part-three-solu1 {
        padding: 0 15px;
    }

    .part-three-left {
        width: 100% !important;
    }

    .col-md-6 {
        /*max-width: 100% !important;*/
        flex: 0 0 32% !important;
    }

    .row {
        display: flex !important;
        justify-content: center !important;
    }

    .part-four-text {
        width: 100% !important;
    }

    .part-four-title {
        margin: 0 auto 60px auto !important;
    }

    .part-five {
        margin: 40px auto !important;
        width: 54% !important;
        font-size: 1.4rem !important;
    }

    .part-five-detail {
        margin: 135px auto !important;
        width: 64% !important;
    }

    .part-five-whole {
        padding: 0 10px !important;
    }

    .part-five-blue {
        width: 150px !important;
        height: 70px !important;
    }

    .part-five-white {
        width: 150px !important;
        height: 70px !important;
    }

    .part-five-content {
        font-size: 14px !important;
    }

    .part-point-left {
        width: 50% !important;
        padding-right: 20px !important;
    }

    .part-point-pic {
        width: 100% !important;
        height: 100% !important;
    }

    .part-point-img {
        width: 100% !important;
    }

    .part-point-right {
        width: 50% !important;
        padding-left: 20px !important;
    }

    .space-double-lg {
        padding-top: 0.3rem !important;
        padding-bottom: 0.3rem !important;
    }

    .bottom-logo {
        width: 100% !important;
    }

    .part-twos1 {
        display: none !important;
    }

    .part-three1 {
        background-image: url(../assets/img/merit_bg.png);
    }

    .part-three2 {
        display: none !important;
    }

    .reference-check1 {
        display: none !important;
    }

    .merit_3 {
        display: none !important;
    }

    .merit_5 {
        display: none !important;
    }

    .section_merit1 {
        display: none !important;
    }

}

@media (min-width: 992px) and (max-width: 1200px) {
    .look-into-img{
        display: none!important;
    }
    .high-features-phone {
        display: none !important;
    }

    .safe-service-phone {
        display: none !important;
    }

    .Grid {
        padding: 0 15px !important;
    }

    .Grid-cell {
        flex: 0 0 48% !important;
    }

    .Grid-cell-two {
        flex: 0 0 48% !important;
    }

    .Grid-cell-safe {
        flex: 0 0 10% !important;
    }

    .Grids {
        padding-left: 14px !important;
    }

    .Grid-cell-reason {
        flex: 0 0 24% !important;
        padding-left: 8px !important;
    }

    .Grid-force-cell {
        flex: 0 0 25% !important;
        padding-left: 4px !important;
    }

    .cell-list {
        padding: 0 15px !important;
    }

    .cell-list-img {
        width: 50% !important;
    }

    .cell-many {
        width: 60% !important;
    }

    .navbar-phone-button {
        display: none !important;
    }

    .button-detail {
        width: 120px !important;
    }

    .part-recheck-title {
        margin: 2% auto !important;
    }

    .part-recheck-text {
        font-size: 1.3rem !important;
    }

    .part-system-title {
        width: 60% !important;
        font-size: 1.2rem !important;
        margin-top: -110px !important;
        padding: 20px 0 !important;
        margin-bottom: 30px !important;
        line-height: 2rem !important;
    }

    .part-system-title1 {
        font-size: 1.2rem !important;
    }

    .part-system-content {
        font-size: 1rem !important;
    }

    .company-details {
        padding-left: 100px !important;
    }

    .part-togethers {
        display: none !important;
    }

    .look-into {
        display: none !important;
    }

    .part-phone-recheck {
        display: none !important;
    }

    .phone-button {
        display: none;
    }

    .part-three1 {
        background-image: url(../assets/img/merit_bg.png);
    }

    .home-title-whole {
        width: 35% !important;
        margin: 50px auto !important;
    }

    .home-title1 {
        font-size: 2rem !important;
    }

    .home-title2 {
        font-size: 2rem !important;
    }

    .home-pic-detail {
        width: 80% !important;
    }

    section.hero {
        padding-bottom: 0rem !important;
    }

    .part-one-detail {
        width: 80% !important;
    }

    .part-two {
        margin: 35px auto !important;
    }

    .part-two-title {
        line-height: 1.5rem !important;
        /*padding: 20px 60px !important;*/
        font-size: 1.2rem !important;
        width: 25% !important;
    }

    .card-img-top1 {
        height: 60% !important;
        width: 100% !important;
    }

    .img-fluid {
        max-width: 100% !important;
    }

    .part-three-solu1 {
        padding: 0 15px !important;
    }

    .part-three-left {
        width: 100% !important;
        padding-right: 20px !important;
    }

    .part-three-img {
        display: flex;
        justify-content: end;
    }

    .part-four-text {
        width: 50% !important;
        padding: 0 0 0 20px !important;
    }

    .part-five {
        margin: 20px auto !important;
        font-size: 1.5rem !important;
        width: 54% !important;
    }

    .part-five-detail {
        margin: 125px auto !important;
        width: 61% !important;
    }

    .part-five-whole {
        padding: 0 10px !important;
    }

    .part-five-blue {
        width: 200px !important;
        height: 100px !important;
    }

    .part-five-white {
        width: 200px !important;
        height: 100px !important;
    }

    .part-point-left {
        padding-right: 20px !important;
    }

    .part-point-pic {
        width: 50% !important;
    }

    .part-point-right {
        padding-left: 20px !important;
    }

    .part-point-img {
    }

    .part-twos1 {
        display: none !important;
    }

    .part-three2 {
        display: none !important;
    }

    .reference-check1 {
        display: none !important;
    }

    .section_merit1 {
        display: none !important;
    }

    .merit_3 {
        display: none !important;
    }

    .merit_5 {
        display: none !important;
    }


    section.function {
        padding-top: 14rem !important;
    }

}

@media (min-width: 1201px) and (max-width: 1600px) {
    .look-into-img{
        display: none!important;
    }
    .high-features-phone {
        display: none !important;
    }

    .safe-service-phone {
        display: none !important;
    }

    .Grid-cell {
        flex: 0 0 28% !important;
    }

    .Grid-cell-two {
        flex: 0 0 28% !important;
    }

    .Grid-cell-safe {
        flex: 0 0 7% !important;
    }

    .Grid-cell-reason {
        flex: 0 0 18% !important;
        padding-left: 20px !important;
    }

    .Grid-force-cell {
        flex: 0 0 18% !important;
        padding-left: 13px !important;
    }

    .part-recheck-title {
        margin: 3% auto !important;
    }

    .part-system-title {
        width: 60% !important;
        font-size: 1.2rem !important;
        margin-top: -100px !important;
        padding: 30px 0 !important;
        margin-bottom: 20px !important;
        line-height: 2.2rem !important;
    }

    .part-system-title1 {
        font-size: 1.4rem !important;
    }

    .part-system-content {
        font-size: 1.2rem !important;
    }

    .company-details {
        padding-left: 80px !important;
    }

    .part-togethers {
        display: none !important;
    }

    .part-phone-recheck {
        display: none !important;
    }

    .look-into {
        display: none !important;
    }

    .phone-button {
        display: none;
    }

    .part-two {
        margin: 90px auto !important;
    }

    .part-two-title {
        font-size: 1.4rem !important;
        line-height: 2rem !important;
        width: 25% !important;
    }

    .part-five {
        margin: 50px auto !important;
        width: 60% !important;
        font-size: 1.8rem !important;
    }

    .part-five-detail {
        margin: 170px auto !important;
        width: 63.5% !important;
    }

    .part-five-whole {
        padding: 0 10px !important;
    }

    .part-five-blue {
        width: 220px !important;
        height: 120px !important;
    }

    .part-five-white {
        width: 220px !important;
        height: 100px !important;
    }

    .part-twos1 {
        display: none !important;
    }

    .part-three2 {
        display: none !important;
    }

    .reference-check1 {
        display: none !important;
    }

    .section_merit1 {
        display: none !important;
    }

    .merit_3 {
        display: none !important;
    }

    .merit_5 {
        display: none !important;
    }
}

@media (max-width: 1880px) {
}

@media (min-width: 1200px) {
    .look-into-img{
        display: none!important;
    }
    .high-features-phone {
        display: none !important;
    }

    .safe-service-phone {
        display: none !important;
    }

    .Grid-force-cell {
        flex: 0 0 15% !important;
        padding-left: 14px !important;
    }

    .part-system-title {
        width: 60% !important;
        font-size: 1.2rem !important;
        margin-top: -60px !important;
        padding: 30px 0 !important;
        margin-bottom: 20px !important;
        line-height: 3rem !important;
    }

    .part-system-title1 {
        font-size: 1.6rem !important;
    }

    .part-system-content {
        font-size: 1.4rem !important;
    }

    #closeNavbarContent {
        display: none;
    }

    .part-togethers {
        display: none !important;
    }

    .part-phone-recheck {
        display: none !important;
    }

    .look-into {
        display: none !important;
    }

    .phone-button {
        display: none;
    }

    .part-twos1 {
        display: none !important;
    }

    .part-three1 {
        background-image: url(../assets/img/merit_bg.png);
    }

    .part-three2 {
        display: none !important;
    }

    .reference-check1 {
        display: none !important;
    }

    .section_merit1 {
        display: none !important;
    }

    .merit_3 {
        display: none !important;
    }

    .merit_5 {
        display: none !important;
    }
}

/* 追加 */
	/* .part-eight-right {
    font-family: "Hiragino Sans","Helvetica Neue",Arial,Meiryo,sans-serif;		
		justify-content: flex-start !important;
		width: 70% !important;
	} */
/* .part-eight-right > div {
    width: 33% !important;
} */
.part-eight-right a {
	color: #fff;
}
.part-eight-right a:hover {
	text-decoration: underline;
}
.company-button {
	position: relative;
	cursor: pointer;
}
.company-button a {
    display: block;
    width: 100%;
}
.company-but {
    width: 100% !important;
    display: block;
}
.mycss li {
    list-style: none;
    float: left;
    padding: 0;
    max-width: 240px;
    margin: 10px;
	box-sizing: border-box;
}
.plan-txt {
	margin-top: 18px;
}
.plan-tdb {
background: #fff;
box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.24);
	margin: 15px 0;
	padding: 5px;
}
.plan-tdb table {
	
}
.plan-tdb table th, .plan-tdb table td {
    font-family: "Hiragino Sans","Helvetica Neue",Arial,Meiryo,sans-serif;;
    font-weight: 500;
    font-size: 18px;
    text-align: left;
    color: #333;
    padding: 10px 0 10px 10px;
}
.plan-tdb table th {
	padding-right: 10px;
}
.mycss {
	padding: 0;
}
.step-cnt {
	width: auto;
}
.step-cnt ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.step-cnt ul li {
	position: relative;
	width: 640px;
border-radius: 12px;
background: #fff;
box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.24);
	padding: 20px;
	margin-bottom: 60px;
	font-weight: bold;

}
.step-cnt ul li:after {
	width: 30px;
	height: 26px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -44px;
	margin: auto;
	content: url("../assets/img/flow_icon.png");
}
.step-cnt ul li span {
	color: #0092e5;
}
.step-cnt ul li:last-child:after {
	display: none;
}
.part-three-recheck {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 1140px;
    margin: -350px auto 0 auto;
    position: relative;
    z-index: 10;
}
.part-two-pic {
    width: 100%;
    height: auto;
}
.part-three-recheck {
    margin: -160px auto 0 auto;
    position: relative;
    z-index: 10;
}
    .navbar-button {
			display: block;
}

p, .text-grey {
    color: #111;
    font-size: 1.1rem;
    line-height: 1.6;
	margin-bottom: 1em;
}
.part-two-text,
.cell-reason-text {
	font-size: 1.1rem !important;
}
/* セキュリティ */
.Grid-cell-img {
	width: 90%;
	margin-bottom: 10px;
}
.Grid-cell-img img {
	max-width: 100%;
	height: auto;
	min-height: 290px;
	max-height: 290px;
}
.Grid-reason-img {
	width: 198px;
}
.Grid-reason-img img {
	max-width: 100%;
	height: 132px;
}

.cell-list-img {
	width: 333px;
}
.cell-list-img img {
	max-width: 100%;
	height: auto;
}

/* contact */
h2.ttl {
	margin: 90px auto 60px;
	padding: 0;	
font-family: "Hiragino Sans","Helvetica Neue",Arial,Meiryo,sans-serif;;
font-weight: 900;
font-size: 36px;
letter-spacing: 0.1em;
text-align: center;
color: #333;	
}
.contact-cnt {
	width: 1280px;
	margin: 0 auto;
}
.contact-cnt figure {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.contact-cnt figure img {
	margin: 0 60px 0 0;
}
.contact-cnt figure h3 {
font-family: "Hiragino Sans","Helvetica Neue",Arial,Meiryo,sans-serif;;
font-weight: 900;
font-size: 24px;
letter-spacing: 0.1em;
text-align: left;
color: #333;	
}

.contact-cnt figure p {
font-family: "Hiragino Sans","Helvetica Neue",Arial,Meiryo,sans-serif;;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 24.5px;
text-align: left;
color: #333;
	
}
.contact-cnt figure p.blue-txt {
font-family: "Hiragino Sans","Helvetica Neue",Arial,Meiryo,sans-serif;;
font-weight: 900;
font-size: 14px;
letter-spacing: 0.1em;
line-height: 24.5px;
text-align: left;
color: #0092e5;	
}
.contact-form {
	width: 1080px;
	margin: 40px auto 100px;
	padding: 80px 0;
border-radius: 12px;
background: #fff;
box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.24);	
}
.cnt1080 {
	width: 1080px;
	margin: 40px auto 100px;
	padding: 0;
	text-align: left;
}
.cnt1080 p {
	text-align: left;
}
.cnt840 {
	width: 840px;
	margin: 80px auto 100px;
}

.contact-form h2.ttl {
	margin-top: 0;
}
.required-txt p {
font-family: "Hiragino Sans","Helvetica Neue",Arial,Meiryo,sans-serif;;
font-weight: normal;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 28px;
text-align: center;
color: #333;
}
.required,
.must {
width: 36px ;
height: 31px ;
border-radius: 4px ;
background: #002076 ;
	padding: 3px ;

font-family: "Hiragino Sans","Helvetica Neue",Arial,Meiryo,sans-serif; ;
font-weight: 900 ;
font-size: 14px ;
text-align: left ;
color: #fff ;
	text-shadow:none ;
	border: none ;
	box-shadow: none ;
}
.must {
    float: none;
    margin-right: 0;
    margin-left: auto;
    font-size: 12px;
    line-height: 2;
    padding: 3px 5px;
    width: auto;
}
.contact-tbl {
	width: 840px;
	margin: 0 auto;
}
form#mailformpro dl dt {
    float: left;
    width: 220px;
    clear: both;
    padding: 10px 0px 10px 20px;
    border-top: solid 1px #CCC;
    margin: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
font-family: "Hiragino Sans","Helvetica Neue",Arial,Meiryo,sans-serif;;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #333;
	margin-right: 30px;
	
}
.part-eight-right {
    padding-top: 120px;
    margin-left: 100px;
}
.part-eight {
    align-items: flex-start;
}
.contact-li {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.footer-nav ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
}
.footer-nav ul li {
	width: 270px;
}
.footer-nav ul li a {
	position: relative;
}
.footer-nav ul li a:before {
	content: "- ";
}
.part-five-blue img {
	max-width: 100%;
	height: 100%;
	vertical-align: bottom;
}
.part-five-content a {
	color: #152a49;
}
.right-button3 a {
	color: #fff;
}
.company-tbl table {
	width: 100%;
}
.company-tbl th {
	width: 200px;
}
.company-tbl th,
.company-tbl td {
    padding: 10px 0px 10px 20px;
    border-top: solid 1px #CCC;
    margin: 0px;
    font-family: "Hiragino Sans","Helvetica Neue",Arial,Meiryo,sans-serif;;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-align: left;
    color: #333;
}
.company-tbl td p {
    font-family: "Hiragino Sans","Helvetica Neue",Arial,Meiryo,sans-serif;;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.1em;
    text-align: left;
    color: #333;

}
.trade-tbl th {
	background-color: #eee;
}
.trade-tbl th,
.trade-tbl td {
	padding: 20px 0 20px 20px;
}
.trade-tbl tr:first-child th,
.trade-tbl tr:first-child td {
	border-top: none;
}
.trade-tbl th {
	border-bottom: 1px solid #fff;
}
/* qa */
.qa-contents {
}
.qa-box {
    margin-top: 24px;
}
.qa-q {
    position: relative;
}
.qa-a {
	margin-bottom: 40px;
}

.q-pc-text {
    color: #172D59;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
    padding: 0 40px 0 60px;
    font-size: 18px;
    position: relative;
}
.q-pc-text::before {
    position: absolute;
    content: "Q";
    top: -7px;
    left: 0;
    font-size: 24px;
    font-family: "Roboto", sans-serif;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: #124B9C;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.qa-a-text {
    color: #333;
    font-size: 16px;
    line-height: 1.6875;
    letter-spacing: 0.05em;
    font-weight: 400;
    margin-top: 29px;
    padding: 25px 14px 0 60px;
    border-top: 1px solid #b2c1d5;
    position: relative;
}
.qa-a-text::before {
    position: absolute;
    content: "A";
    top: 18px;
    left: 0;
    font-size: 24px;
    font-family: "Roboto", sans-serif;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: #e0481d;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
/* 利用規約 */
.terms-cnt {
		
}
.terms-cnt h2 {
	font-size: 1.3rem;
	font-family: "Hiragino Sans","Helvetica Neue",Arial,Meiryo,sans-serif;
}
.terms-cnt p {
	font-size: 1rem;
	font-family: "Hiragino Sans","Helvetica Neue",Arial,Meiryo,sans-serif;
}

/* TOP調整 */
*,body {
	line-height: 1.6;
}
.reference-detail {
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 1140px;
    margin: 0 auto;	
}
.reference-detail figure img {
	margin-bottom: 20px;
}
.pc-br {
	display: block;
}
.sp-br {
	display: none;
}
.button-details.header-details-btn {
	background-color: #E64E19;
}
.iso-icon {
	width: 150px;
	text-align: center;
	margin: 0 auto 0;
}
.iso-icon img {
	max-width: 100%;
	height: auto;
}
.part-nine address {
	display: block;
}
#footer {
    flex-direction: column;
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 0;
}

@media (max-width: 800px) {
	body {
		min-width: inherit;
	}
	.pc-br {
	display: none;
}
.sp-br {
	display: block;
}
	.top-about {
    margin-top: 40px;
}
	.wrap {
		width: auto;
		height: auto;
		padding: 0 15px;
	}
.contact-cnt,
.contact-form,
.contact-tbl,
	.cnt1080 {
	width: auto;
	margin: 0 auto;
}
.contact-cnt figure {
    display: block;
}	
h2.ttl {
    margin: 45px auto 30px;
    font-size: 26px;
}	
.contact-cnt figure img {
    margin: 0 0 15px 0;
    width: auto;
    max-width: 100%;
    height: auto;
}	
.contact-form {
    margin: 20px auto 50px;
    padding: 40px 15px;
    box-shadow: inherit;
    border: 1px solid #666;
    border-radius: 0;
}	
	.required-txt p {
		text-align: left;
	}
form#mailformpro dl dt {
    float: none;
    width: auto;
    padding: 10px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    margin-right: 0;
}	
	.mailform input,
	.mailform textarea {
		max-width: 100%;
	margin-bottom: 5px;
	}
	.mailform textarea {
		height: 200px;
	}
	form#mailformpro dl dd {
    padding: 0 0 10px 0;
    font-size: 14px;
}	
	.submit-check {
	}
	.submit-check .must {
		margin-left: 0;
	}
form#mailformpro label {
    white-space:inherit;
}	
	.reference-detail {
		display: block !important;
		padding: 0 15px;
	}	
	.reference-detail img {
		max-width: 100%;
		height: auto;
	}
	.slide-in.rightAnime.slideAnimeRightLeft {
		width: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}	
	.reference-check {
		margin-bottom: 30px !important;
	}
.section_merit {
	width: auto;
	padding-bottom: 70px;
}	
.merit-point1 {
    display: flex;
	flex-direction: column;
    margin: 30px auto 25px auto !important;
    padding: 0 15px;
    align-items: flex-start;
}	
.merit-point1 img {
	max-width: 100%;
	height: auto;
	margin-top: 15px;
	}
	.section_merit .merit-point1:nth-of-type(3) img,
	.merit_2 .merit-point1:nth-of-type(3) img {
		order: 2;
	}
.part-two-detail {
    padding-right: 0 !important;
    padding-left: 0 !important;
    max-width: inherit !important;
}	
	.select-effect br {
		display: none;
	}
.part-eight-right {
    padding-top: 0;
    margin-left: 0;
}
.footer-nav ul li {
    width: auto;
	display: block;
}	
.footer-nav ul li a {
	display: block;
	font-size: 16px;
	}
.footer-nav ul {
    display: block;
    margin: 0;
    padding: 0;
}
.bottom-text {
    font-size: 14px !important;
}	
	.part-eight-right {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
	}	
	.part-three-bottom {
		margin: 10px auto 30px !important;
	}
	.part-three-bottom .row {
		display: block !important;
		margin: 0 !important;
		padding: 0 !important;
	}	
.Grid-cell-img img {
    max-width: 100%;
    height: auto;
    min-height: inherit;
    max-height: inherit;
}	
.mb-4, .my-4 {
    width: auto;
    padding: 0;
}	
.Grids {
	flex-wrap: wrap;
	justify-content: flex-start !important;
	padding: 0 15px;
}	
.Grid-cell-safe {
    flex: inherit;
    width: calc( ( 100% - 10px ) / 2 );
	margin-right: 10px;
}
.Grid-cell-safe:nth-child(2n) {
	margin-right: 0;
	}
	.Grid-safe-img {
		width: auto !important;
	}
.cell-safe {
    width: auto !important;
    text-align: center;
}
.Grid-reason-img {
    height: auto !important;
}	
.Grid-reason-img img {
    height: auto;
}
.Grid-cell-reason {
    margin-bottom: 20px;
}
	.cloud-reason {
		margin: 15px auto 40px !important;
	}	
section.fee {
    background-size: 100% auto !important;
    padding-top: 4rem !important;
}	
.company {
    width: 100% !important;
    position: relative;
    right: 0;
    padding-top: 0 !important;
	padding: 0 15px;
}	
	.fee-bg-size {
    display: block !important;
    justify-content: center !important;
    margin-top: 0 !important;		
	}	
	.company-text {
		width: auto;
		display: block;
		padding: 0 15px;
	}	
	.company-text br {
display: none;
	}
.company-zero {
    font-size: 6rem !important;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 35px;
    bottom: 0;
}
.company-details {
    padding-left: 0;
    text-align: inherit !important;
}	
	.company-people {
	top: auto !important;
  left: auto !important;
  right: 0 !important;
  bottom: 0 !important;	
	}	
.company-detail {
    display: block;
    justify-content: space-evenly;
    align-items: inherit;
    margin-top: 0;
}	
.company-content {
    display: block;
    align-items: center;
    margin: 0;
    padding: 0;
}	
	.company-left br {
		display: none;
	}
.company-button {
    z-index: 10000;
}	
.company-left {
    margin: 25px 0 0 0;
}	
.part-two-detail {
    padding: 0 15px !important;
}
	.part-two-detail .d-flex {
		padding: 0;
	}	
.part-three-pic {
    width: 30% !important;
}	
	.part-together {
		padding: 0 15px;
	}	
	.part-check {
		text-align: left !important;
	}
	.part-check br {
		display: none;
	}	
.part-system-title {
    width: auto !important;
    font-size: 1.2rem !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1.8rem !important;
    padding: 4px 0 !important;
    margin: 0 auto;
}	
.part-system {
	position: relative;
	display: block;
    margin: 0px auto;
    width: 100%;
	border: 1px solid #666;
	margin-bottom: 15px;
}	
.mycss li {
    list-style: none;
    float: none;
    max-width: inherit;
    margin: 0 0 20px 0;
    padding: 0 !important;
    box-sizing: border-box;
}	
.system-li {
    margin: 0 auto 20px;
}	
.fee-logo-start {
    margin: 40px auto 40px auto !important;
    padding: 0 15px;
}	
	.step-cnt ul li {
		width: auto;
	}
	.part-check {
		text-align: center;
		padding: 0;
	}
	.part-recheck .part-check {
		padding: 0 15px;
	}
	.company-tbl {
		width: auto;
		height: auto;
		padding: 0 15px;
		margin-top: 40px;
	}
.company-tbl th {
	width: auto;
}
.company-tbl th,
.company-tbl td {
	display: block;
	padding-left: 0;
	padding-right: 0;
}
.company-tbl td p {

}	
.trade-tbl th,
.trade-tbl td {
	display: block;
	padding-left: 15px;
	border: none;
	}
.qa-box {
    margin-top: 40px;
    padding: 0 15px;
}	
	.terms-cnt {
		width: auto;
		padding: 40px 15px 0;
	}	
	
}




/*End mediaqueries*/