@charset "UTF-8";

#header{
    /*fixedで上部固定*/
	position: fixed;
	height: 70px;
	width:100%;
    z-index: 999;/*最前面へ*/
	/*以下はレイアウトのためのCSS*/
	display: flex;
	justify-content: space-between;
	align-items: center;
	color:#fff;
	text-align: center;
}

.header--bg {
	background-color: #FFFAF0;
}

/*　上に上がる動き　*/

#header.UpMove{
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
    opacity: 1;
	transform: translateY(0);
  }
  to {
    opacity: 0;
	transform: translateY(-100px);
  }
}

/*　下に下がる動き　*/

#header.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 0;
	transform: translateY(-100px);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}

/* 以下は検証用のレイアウトのための CSS*/

nav ul{
list-style: none;
display: flex;
justify-content: center;
}

nav ul li a{
text-decoration: none;
padding:10px;
}

.case_study_item img {
	width: 100%;
}
        p, .case_study_item p {
            color: #677294;
            color: #5b5b5a;
            color: #6b6b6a;
        }
        .ctn-preloader .animation-preloader .spinner {
            animation: spinner 1s infinite linear;
            border-radius: 50%;
            border: 3px solid rgba(0, 0, 0, 0.2);
            border-top-color: #ffa014;
            height: 9em;
            margin: 0 auto 3.5em auto;
            width: 9em;
        }
        .txt-loading .letters-loading{
                color: #Ffa014;
                background: -webkit-linear-gradient(20deg,#ffa014, #ffa014, #612e93);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
        }
        .ctn-preloader p {
            color: #ffa014;
        }
        .navbar-brand {
            width: auto;
        }
        .navbar-brand img {
            width: 174px;
            height: auto;
        }
        .banner_area {
            background: #fff9e7;
            background: #fffaf0;
        }
        .banner_text img {
            width: 330px;
            margin-bottom: 20px;
            
        }
        .p_midashi {
	        display: block;
	        color: #ffa014;
	        line-height: 1.5em;
        }
        .p_caution {
	        color: #aaa;
	        font-size: 12px;
	        font-weight: 400;
	        line-height: 1em;
			margin-top: 0.5em;
        }
        .price_casset {
	        display: flex;
	       }
	    .price {
		    display: flex;
		    align-items: center;
		    justify-content: space-between;
		}
		.price_content .price_item .p_list {
			margin-bottom: 0;
			padding-bottom: 0;
		}
        @media (max-width: 576px) {
            .banner_text img {
                width: 280px;
                margin-bottom: 20px;
            }
        }
        .banner_text h2, .section_title h2 {
            color: #2e2e3b;
        }
        .demo_features_area .section_title h2, .banner_text h2, .section_title h2  {
            font-size: 32px;
        }
        .demo_features_area .col-lg-4 {
            padding-right: 40px;
            padding-left: 40px;
        }
        .dmeo_banner_btn {
            font-size: 15px;
            box-shadow: 0px 20px 50px 0px rgba(255, 160, 20, 0.3);
            /* font-weight: bold;
            background: rgb(255,200,20); */
            /* background: linear-gradient(30deg, rgba(255,200,20,1) 0%, rgba(255,160,20,1) 55%, rgba(97,46,147,1) 100%); */
            /* background: linear-gradient(30deg,rgba(255,160,20,1) 0%, rgba(97,46,147,1) 100%); */
            /* background: linear-gradient(30deg,rgba(255,160,20,1) 0%,rgba(255,160,20,1) 30%, rgba(97,46,147,1) 100%); */
        }
        .dmeo_banner_btn, .tracking_btn {
            color: #333;
            font-weight: bold;
            height: auto;
            padding: 4px;
            text-align: center;
            background: linear-gradient(to right top, #ffa014, #ffa014, #612e93);
            background: linear-gradient(to right top, #ffa014, #ffa014, #ffa014, #612e93);
            /* background: linear-gradient(to right top, #ffa014, #612e93); */
        }
        .dmeo_banner_btn:hover , .tracking_btn:hover , .dmeo_banner_btn_inner:hover{
            background: inherit;
            background-color: #ffa014;
            /* background-color: #fffaf0; */
        }
        .menu_one .tracking_btn .er_btn:hover {
            background: #fff;
            background-color: #ffa014;
            /* background-color: #fffaf0; */
            /* background: linear-gradient(to right top, #ffa014, #ffa014, #ffa014, #612e93); */
            color: #fff;
        }
        .er_btn, .btn_hover, .dmeo_banner_btn {
            transition: none;
        }
        .dmeo_banner_btn_inner, .tracking_btn_inner {
            border-radius: 25px;
            padding: 5%;
            background-color: #FFF;
        }
        .dmeo_banner_btn {
            width: 210px;
        }
        .tracking_btn {
            margin-left: 10px;
            width: auto;
            border-radius: 25px;
            font-weight: bold;
        }
        .tracking_btn_inner {
            color: #333;
            font-weight: bold;
            background-color: #FFF;
        }
        .menu_one  .tracking_btn .er_btn{
            font-size: 13px;
        }
        .menu_toggle .hamburger-cross span{
            background: #ffa014; 
        }
        .section_title h2 span {
            color: #ffa014;
        }
        #landing_page ul li a.active {
            color: #ffa014;
        }
        .menu > .nav-item > .nav-link:before {
            background: #ffa014;
        }
        .menu_toggle .hamburger span {
            background: #ffa014;
        }
        .demo_features_area .features_item .content h3 {
            color: #222d39;
        }
        .demo_features_area .features_item .content p {
            text-align: left;
        }
        .s_features_item.s_features_item_two .s_features_content .learn_btn:hover, .price_btn, .s_subcribes .btn-submit, .f_widget.about-widget .f_list li a:hover, .f_widget .widget-wrap p a:hover, .footer_bottom a, .menu > .nav-item:hover .nav-link, .menu > .nav-item.active .nav-link, .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text:hover, .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link, .footer_bottom a:hover {
            color: #ffa014;
        }
        .features_item img {
            max-width: 100%;
        }
        .faq_content .tab-pane .card .card-header .btn {
            color: #ffa014;
        }
        .price_content_two .price_item .p_list li .ti-check {
            color: #ffa014;
            font-weight: bold;
        }
        .price_content .price_item .p_list li .ti-close {
            color: #ccc;
        }
        .demo_features_area {
            background-color: #fff;
        }
        .software_featured_area_three {
            position: relative;
        }
        .detail_icon{
            width: 75%;
        }
        .software_featured_item p {
            text-align: left;
        }
        .detail_background_top {
            position: absolute;
            top: -50px;
            left: -300px;
            width: 40%;
            opacity: 0.3;
            /* z-index: -10; */
        }
        .detail_background_down {
            position: absolute;
            top: 500px;
            right: -30px;
            width: 45%;
            opacity: 0.3;
            z-index: -10;
        }
        .ustomize img{
            position: absolute;
            top: -30px;
            width: 100%;
            opacity: 0.1;
            z-index: -10;
        }
        .software_featured_item .s_icon .icon {
            position: absolute;
            top: 0;
            right: -5%;
            transform: inherit;
            margin-top: auto;
            width: 50%;
            z-index: -1;
            opacity: 0.5;
        }
        .faq_content .tab-pane .card {
            border-bottom: 1px solid #e6e8ee;
        }
        .price_content .price_item {
            text-align: center;
            background-color: white;
            box-shadow: 0px 4px 6px 0px rgba(0, 11, 40, 0.1);
            padding: 50px 50px 40px;
            border: 1px solid #fff;
            position: relative;
            overflow: hidden;
            transition: all 0.2s linear;
            cursor: default;
        }
        .price_content .price_item .price sub {
            color: #6b6462;
        }
        .price_content .price_item .price {
            border-bottom: 1px solid #e6e8ec;
        }
        .price_content .price_item .price--first {
            border-bottom: none !important;
            padding-bottom: 0;
            margin-bottom: -10px;
        }

        .price_content .price_item .p_list li {
            color: #6b6462;
        }
        .footer_part{
            padding: 140px 0px 120px;
        }
        .footer_part .f_fdp_logo{
           width: 60%; 
        }
        footer h2 br {
            display: inline;
        }
        .nav-links {
            display: block;
            margin-top: 60px;
            text-align: center;
            list-style: none;
            padding-inline-start: 0;
        }  
        .nav-links__item{
            display: inline-flex;
            margin-top: 12px;
            margin-right: 32px;
            list-style: none
        }
        .footer_part .nav-links__link{
            font-size: 13px;
            font-weight: 400;   
            color: #fff;
            border: none;
            padding: 0px 10px;
            display: inline-block;
            border-radius: 25px;
            transition: none;
            z-index: 2;
            line-height: 1;
        }
        .global-footer__copyright{
            margin-top:20px;
            font-size: 11px;
            margin-left: 10px;
             color: #fff;
        }
        .footer_part .nav-links a:hover {
            background: none;
            border-color: transparent;
            color: #fff;
            text-decoration: underline;
        }
       .footer_shap_1, .footer_shap_2{
           z-index: -1;
       }
       .case_study_item__arrow  {
	       text-align: right;
	       margin-top: .75rem;
	       margin-bottom: .25rem;
       }
       .case_study_item__arrow a{
	       position: relative;
		   display: inline-block;
		   padding: 0 20px 0 0;
		   color: #ffa014;
		   font-size: 11px;
		}
		.case_study_item__arrow a::before{
		    content: '';
		    position: absolute;
		    bottom: 2px;
		    left:0; 
		    background:#ffa014;
		    width: 100%;
		    height: 1px;
		    transition: all .5s;
		}
		
		.case_study_item__arrow a::after{
		    content: '';
		    position: absolute;
		    bottom: 6px;
		    right:0;
		    width: 12px;
		    height:1px;
		    background:#ffa014;
		    transform: rotate(35deg);
		    transition: all .3s;
		}
		.footer_btn {
			position: fixed;
			bottom: 0;
			left: 0;
			background-color: #FFFAF0;
			width: 100%;
			padding: 1rem 0;
			z-index: 999;
		}
		.footer_btn__inner {
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 1.25rem;
			font-weight: 700;
			padding: 0 2rem;
		}
		.footer_btn__txt {
			margin-right: 2rem;
		}
		.footer_btn__inner span {
			color: #ffa014;
		}
		.footer_btn__inner p {
			color: #000;
			font-size: 20px;
		}
		.footer_btn__inner .dmeo_banner_btn {
			box-shadow: none;
		}
       @media (max-width: 991px) {
	       	.navbar__menu {
		       	display: flex;
		       	align-items: center;
	       	}
            .menu_one .tracking_btn {
                padding-left: 4px;
                padding-right: 4px;
                display: inline-block;
                margin-bottom: 0px;
            }
        }
        @media (min-width: 576px) and (max-width:1200px) {
	        .case_study_item__description p {
		        height: 8rem;
	        }
	        .price_casset {
		        display: flex;
		       }
		    .price {
			    flex-flow: column;
			}
        }
        @media (min-width: 1000px) {
	        .price--last {
		        padding-bottom: 48px !important;
	        }
	    }
        @media (min-width: 1551px) {
	        .price {
		        padding-left: 20px !important;
				padding-right: 20px !important;
	        }
        }
        @media (max-width: 400px) {
	       .footer_btn__inner {
				font-size: .75rem;
				padding: 0 .5rem;
			}
			.footer_btn__txt {
				margin-right: 1rem;
			}
			.footer_btn__inner p {
				font-size: .75rem;
			}
			.footer_btn__inner .dmeo_banner_btn {
				width: 130px;
				font-size: .75rem;
			}
        }

	.navbar {
		width: 100%;
	}
	.navbar-collapse {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		margin: 0 !important;
		z-index: 9998;
		transition: all 0.3s linear;
	}
	.show {
		top: 70px;
	}
	.collapse__btn {
		display: flex;
		padding: 0 30px 30px;
		
	}
	.collapse__btn .tracking_btn:first-child {
		margin-left: 0 !important;
	}
	.navbar-nav {
		text-align: left;
	}
	.navbar-toggler {
		z-index: 9999;
	}
	.only_pc {
		display: none;
	}
	.only_sp {
		display: block;
	}
	.software_featured_area_three__sub_area , .plan__sub_area, .detail__sub_area {
		margin: 60px auto 0;
	}
	.software_featured_area_three__sub_area .section_title , .plan__sub_area .section_title, .detail__sub_area .section_title  {
		 margin-bottom: 0;
	}
	.software_featured_area_three__sub_area p , .plan__sub_area p, .detail__sub_area p {
		margin-bottom: 2rem;
	}
	.software_featured_area_three__sub_area .dmeo_banner_btn, .plan__sub_area .dmeo_banner_btn, .detail__sub_area .dmeo_banner_btn  {
		box-shadow: none;
	}
	.plan {
		background: #fffaf0;
	}
	.price_content .price_item {
		padding-top: 20px;
	}
	.price_content .price_item:hover {
		border: 1px solid #fff;
		box-shadow: 0px 4px 6px 0px rgba(0, 11, 40, 0.1);
	}
	
	@media screen and (min-width:992px) {
		.case_study_item__description p {
			height: 6rem;
		}
		.only_sp {
			display: none;
		}
		.only_pc {
			display: block;
		}
		.navbar {
			width: 100%;
		}
		.navbar-collapse {
			position: relative;
		}
		.menu_one .container-fluid {
			padding-right: 35px !important;
		}
		.collapse__btn {
		padding: 0;
		}

        .price_content .price_item {
			padding: 30px 25px 40px;
		}
	}
	
 
    .price_item__image {
		width: 60%;
		margin: 0 auto;
	}
	.price_item__image img {
		width: 100%;
	}
	.p_list li span {
		color: #ccc;
	}
	.case_study_item {
		box-shadow: 0px 4px 6px 0px rgba(0, 11, 40, 0.1);
	}
	.case_study_item .text {
		background: #fffaf0;
	}
	.case_study_item:hover .text {
		box-shadow: none;
		background: #fffaf0;
	}
	.case_study_item__description p {
		font-weight: 700;
		line-height: 1.6;
		margin-bottom: 15px;
        color: #222d39;
        font-size: 16px;
	}
	.case_study_item__title h3 {
		color: #ffa014;
		font-weight: 700;
		margin-bottom: 10px;
        font-size: 16px;
	}
    
	.case_study_item h3:hover {
	    color: #ffa014;
	}
	.case_study_item__txt {
		height: 180px;
	}
	.case_study_item__txt p {
		font-size: 13px;
		line-height: 1.6;
	}
	.faq_area {
		background: #fffaf0;
	}
	@media (max-width: 450px) {
		.navbar__menu .tracking_btn {
			margin-left: 0 !important; 
		}
		.navbar__menu .tracking_btn .er_btn {
			font-size: 11px;
			padding: 4px 12px;
		}
		.menu_one .tracking_btn {
			padding: 4px;
			margin-left: 28px;
		}
		.banner_text h2 {
		    line-height: 44px;
		    margin-bottom: 12px;
		}
		.section_title {
			margin-bottom: 48px;
		}
		.section_title h2 {
			font-size: 28px;
		}
		.features_item img {
			width: 65%;
		}
		.features_item--02 img {
			width: 75%;
		}
		.software_featured_area_three .section_title {
			margin-bottom: 16px;
		}
		/* .demo_features_area .features_item--02 .content h3 {
		 	margin-top: -24px;
		} */
		.demo_features_area .features_item .content {
            padding-top: 32px;
            margin: auto 20px;
		}
		.demo_features_area .features_item {
		    margin-bottom: 64px;
		}   
		.software_featured_item  {
			margin-bottom: 48px;
		}
		.software_featured_item h3 {
            margin: 10px auto 15px;
            font-size: 20px;
		}
        .detail_icon {
            width: 65%;
        }
        .software_featured_item p {
            margin: auto 20px;
            font-size: 16px;
        }
        .software_featured_area_three__sub_area p, .detail__sub_area p{
            /* margin-bottom: 2rem; */
            margin: auto 20px 2rem;
            text-align: left;
        }
        .plan__sub_area p {
            /* margin-bottom: 2rem; */
            margin: auto 5px 2rem;
            text-align: left;
        }                      
        .detail_background_top {
            position: absolute;
            top: -30px;
            left: -150px;
            width: 80%;
            opacity: 0.3;
        }
        .detail_background_down {
            position: absolute;
            top: 1400px;
            right: -100px;
            width: 80%;
            opacity: 0.3;
            z-index: -10;
        }
		.plan__sub_area .detail__sub_area{
			margin-top: 32px;
		}
		.price_content .price_item {
			padding-bottom: 0;
		}
		.price_content .price_item .price {
			padding: 8px 0 16px;
		}
		.price_item__image--02 {
			margin-top: -24px;
		}
		.case_study_item__description {
			text-align: left;
        }
		.case_study_item__title h3 {
			font-size: 18px;
        }
        .case_study_item__description p {
            line-height: 1.5;
        }
        .tab-content.faq_content{
            margin: auto 20px;
        }
        .nav-links__item {   
            display: inline-flex;
        margin-top: 0px;
        margin-right: -5px;
        list-style: none;
        border-right: 1px solid #fff;
        }
	}


/* bnr_area */
.bnr {
    background-color: #fffaf0;
    padding: 72px 0 120px;
}
.bnr .section_title {
    margin-bottom: 48px;
}
.bnr__one {
    display: flex;
    width: 100%;
    max-width: 960px;
    background-color: #FFF;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: 0px 4px 6px 0px rgb(0 11 40 / 10%);
    padding: 50px 50px 40px;
    border: 1px solid #fffaf0;
}

.bnr__one__image {
    width: 40%;
}

.bnr__one__image img {
    width: 100%;
}

.bnr__one__txt {
    flex: 1;
}

.bnr__one__txt__title {
    font-size: 1.5rem;
    font-weight: 700;
}

@media (max-width: 991px) {
    .bnr__one {
        width: 90%;
        flex-direction: column;
        padding: 50px 50px 40px;
    }
    .bnr__one__image  {
        width: 75%;
        margin-bottom: 2rem;
    }
    .bnr__one__txt__title {
        text-align: center;
    }
}