@charset "UTF-8";

p {
	color: #000;
}

img {
	width: 100%;
	vertical-align: bottom;
}

.bread {
	background-color: #F6F6F6;
	margin-top: 68px;
}

.bread ul {
	display:flex;
	margin: 0;
	padding: .75rem 1.5rem;
}

.bread ul li {
	font-size: .75rem;
	list-style-type: none;
	margin-right: .5em;
}

.bread ul li:after {
	content:'>';
	position: relative;
	margin-left: .5em;
}

.bread ul li:last-child {
	margin-right: 0;
}
.bread ul li:last-child:after {
	content:'';
	margin-left: 0;
}


.share_btns {
	display: flex;
	justify-content: center;
	margin-top: 3rem;
}

.share_btns .btn {
	display: block;
	width: 100px;
	border-radius: 4px;
	margin: 0;
	padding: 0;
}

.share_btns .btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	color: #FFF;
	font-size: .875rem;
	text-decoration: none;
	padding: 8px 0;
}

.share_btns .btn--twitter {
	background-color: #1DA1F2;
	box-shadow: 0px 4px 0px #1F7799;
	margin-right: 1rem;
}

.share_btns .btn--twitter a:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../naikakufu/images/icon_twitter.svg);
	margin-right: .25rem;
}

.share_btns .btn--facebook a:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background-image: url(../naikakufu/images/icon_facebook.svg);
	margin-right: .5rem;
}

.share_btns .btn--facebook {
	background-color: #1877F2;
	box-shadow: 0px 4px 0px #355885;
}

.footer__share_btns {
	display: flex;
	justify-content: center;
}
.footer__share_btn a {
	display: block;
	width: 24px;
	height: 24px;
	border: none;
	padding: 0;
	margin: 0 .5rem;
}

.footer__share_btn a:hover {
	background: transparent;
    border-color: none;
    opacity: .5;
}



.fv {
	background: #FFFAF0;
	padding: 5rem 1.5rem 2rem;
	background-image: url(../img/article_fv__bg--left.png);
	background-repeat: no-repeat;
	background-position: left top 2.5rem;
}

.fv__inner {
	width: 876px;
	margin: 0 auto;
}

.fv__logo {
	width: 125px;
}

.fv__title p {
	color: #2E2E3B;
	font-size: 1.5rem;
	line-height: 1.5;
	margin-bottom: 0;
}

.introduction {
	background: #FFF;
	padding: 2rem 1.5rem 6rem;
	background-image: url(../naikakufu/images/intro_bg.svg);
	background-repeat: no-repeat;
	background-position: left bottom 4rem;
	background-size: 60% auto;
}

.introduction p {
	color: #222d39;
}

.introduction__title h1 {
	color: #2e2e3b;
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 1.5rem;
}

.introduction a , .main a {
	color: #222d39;
	text-decoration: underline;
}

.introduction__image {
	margin-bottom: 1rem;
}

.introduction__image figcaption {
	color: #333;
	font-size: .625rem;
	line-height: 2.5;
}

.introduction__txt p {
	font-size: .875rem;
	line-height: 2.15;
}

.main {
	background: #FFFAF0;
	padding: 3rem 1.5rem 2rem;
	box-sizing: border-box;
}

.main p {
	color: #222d39;
	margin: 0;
}

h2 {
	color: #222D39;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 2;
	border-left: 4px solid #FFa014;
	padding: 2px 0 2px 12px;
	margin-bottom: 3rem;
}

.intro__txt {
	margin-top: -1.5rem;
	margin-bottom: 1.5rem;
}

.main .question , .main .answer {
	display: flex;
	flex-direction: column;
	margin-bottom: 1.5rem;
}

.main .question p {
	font-size: .94rem;
	font-weight: 700;
	line-height: 1.8;
}

.main .question__name p {
	margin: 0;
}

.main .answer p {
	font-size: .94rem;
	line-height: 2;
}

.main .answer__name p {
	color: #FFA014;
	font-weight: 700;
}

.main .image {
	margin-bottom: 2rem;
}

.main .image figcaption {
	color: #999;
	font-size: .75rem;
	line-height: 1.6em;
}

.matome__title {
	color: #222D39;
	font-size: 1.125rem;
	line-height: 2;
	border-left: 4px solid #FFa014;
	padding: 2px 0 2px 12px;
	margin-bottom: 1rem;
}

.matome__txt p {
	font-size: .94rem;
	line-height: 2;
	margin-bottom: 1.5rem;
}

.corp {
	padding: 1.5rem .625rem 4rem;
}

.btn_area {
	display: flex;
	justify-content: space-between;
	margin-bottom: 2.25rem;
}
.btn_area .btn {
	width: 48%;
	padding: 0;
}
.btn_area .dmeo_banner_btn {
	width: 100%;
	font-size: .75rem;
}
.corp__midashi p {
	font-size: .94rem;
	font-weight: 700;
	line-height: 2.4;
	padding-left: .5rem;
	margin-bottom: .25rem;
}

.corp__info {
	background-color: #F2F2F2;
	padding: 2rem 1.25rem 2rem;
	box-sizing: border-box;
}

.corp__info__image {
	margin-bottom: 1.25rem;
}

.corp__info__name p {
	margin-bottom: 1rem;
}

.corp__info__link ul {
	padding: 0;
	margin: 0;
}

.corp__info__link ul li {
	font-size: .75rem;
	list-style-type: none;
}

.corp__info__link ul li a {
	color: #2856B1;
}


.footer_btn {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 999;
	background-color: #FFFAF0;
    width: 100%;
    padding: .5rem 4%;
    box-sizing: border-box;
}

.footer_btn .btn_area {
	margin-bottom: 0;
}

/* header footer */
        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: 174px;
        }

        .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: none;
            /* 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 50px;
        }
        .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;
       }
        @media (min-width: 576px) and (max-width:1200px) {
	        .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;
	        }
        }
     
/* pc */
@media (min-width: 751px) {

.share_btns {
	display: flex;
	justify-content: flex-end;
	margin-top: 3rem;
}


.fv {
	padding: 6.5rem 2.5rem 2rem;
	background-image: url(../img/article_fv__bg--left.png) ,url(../img/article_fv__bg--right.png);
	background-repeat: no-repeat;
	background-position: left top 2.25rem , right bottom;
}

.introduction {
	width: 867px;
	margin: 0 auto;
	padding: 3rem 0 4.5rem;
	background-image: none;
}

.introduction__title {
	font-size: 25px;
	margin-bottom: 2rem;
}

.introduction__image figcaption {
	font-size: 13px;
}

.introduction__txt p {
	font-size: 1rem;
}

.main {
	padding: 4rem 0;
}

.main__inner {
	width: 867px;
	margin: 0 auto;
}

.main h2 {
	font-size: 22px;
	margin-bottom: 2.5rem;
}

.main .question, .main .answer {
    flex-direction: row;
}

.main .answer {
	margin-bottom: 3.5rem;
}

.question__name , .answer__name {
	width: 10rem;
}

.question__txt , .answer__txt {
	flex: 1;
}

.main .question p , .main .answer p {
	font-size: 1rem;
}

.main .image {
	margin-bottom: 4rem;
}

.matome__title p {
	font-size: 22px;
	font-weight: 700;
}

.matome__txt p {
	font-size: 1rem;
}

.corp {
	width: 840px;
	margin: 0 auto;
	padding: 4rem 0;
}

.corp__info {
	display: flex;
}

.corp__info__image {
	width: 280px;
	margin-right: 4rem;
}

.corp__info__name p {
	font-size: 22px;
}

.corp__info__link ul li {
	font-size: .875rem;
}

.footer_btn .btn_area {
	width: 480px;
	margin: 0 auto;
}

}