html {
	scroll-behavior: smooth;
}
body{
	margin:0px;
	padding:0px;
	font-family: 'Noto Sans JP', sans-serif;
	overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight:normal;}
p{ margin:0px; padding:0px;}
a{ text-decoration:none; -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
a:hover, a:focus, a:active{ outline:none; text-decoration:none;}
input:hover, input:focus, input:active{ outline:none;}
ul{ margin:0px; padding:0px;}
ul li{ list-style-type:none;}
img{ border:0px; vertical-align: middle; -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
.pull-left{ float:left;}
.pull-right{ float:right;}
.clearfix{ clear:both; overflow:hidden;}
.wrapper{ margin:0px auto;}
.container{ max-width:1124px;}

@-webkit-keyframes animate-block-gorizantal-2{50%{-webkit-transform:translateX(5px);transform:translateX(5px)}
0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes animate-block-gorizantal-2{50%{-webkit-transform:translateX(5px);transform:translateX(5px)}
0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
}

.common-title-hp{ text-align:center; position:relative; }
.common-title-hp h2{ font-size:30px; line-height:40px; color:#424242; letter-spacing:4.5px; font-weight:700; }
.common-title-hp p{ font-size:20px; line-height:30px; color:#f6b37f; letter-spacing:3px; font-weight:700; text-transform:uppercase; padding-top:5px; }

.common-btn-hp{ color:#F8F8F8; min-width:210px; background:#00ACBA; border:1px solid #00ACBA; border-radius:8px; display:inline-block; padding:8px 32px; font-size:16px; line-height:32px; font-weight:700; position:relative; text-align:center; }
.common-btn-hp:hover{ color:#fff; opacity:0.6; }

/*--------------- HEADER_START --------------*/
#header{ padding:0px; margin:0px;  position:absolute; width:100%; top:0; z-index:9999;}
#header:after{ content:''; width:100%; height:165px; background: -moz-linear-gradient(top,  rgba(0,0,0,0.45) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom,  rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ position:absolute; left:0; top:0; }
.header-in-hp{ display: flex; align-items: center; height:100px; position:relative; z-index:1; }
.logo-hp{ float:left; padding:0px 0px 0 0px; width: 250px; }
.logo-hp img{ margin:15px 0 0 -36px; }

.navigation{ width:calc(100% - 250px);  display:flex; align-items: center; flex-direction: column-reverse; align-items: flex-end; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.dropdown-submenu {   position: relative; padding:5px 0; }
.dropdown-submenu a::after { transform: rotate(-90deg);   position: absolute;  right: 6px;   top: .8em;}
.dropdown-submenu .dropdown-menu {top: 0;  left: 100%;  margin-left: .1rem;  margin-right: .1rem;}
.navbar{ padding:0px; }
.navbar-nav .nav-item{ font-size: 16px; line-height: 30px; display:inline-block; padding:0 0 0 0; vertical-align:middle; position:relative; }
.navbar-nav .nav-link{ color: #fff !important; padding:35px 21px !important; display:block; position:relative; }
.navbar-nav .nav-link:after{ content:'/'; position:absolute; right:-3px; color:#fff; font-size: 16px; line-height: 30px; }
.navbar-nav .nav-link:hover{  color:#000 !important; }

.logo-for-mobile-hp{ display:none; }

.trial-main-hp{ padding-left:19px; }
.trial-btn-hp{ display:inline-block; background:#f0883f; border-radius:30px; padding:7px 16px 7px 22px; font-size:16px; color:#fff; font-weight:700; line-height:40px; }
.trial-btn-hp:hover{ color:#fff; opacity:0.9; }
.trial-btn-hp img{ vertical-align:middle; margin:-5px 0 0 9px; }

.navbar-nav .nav-link.contact-hp .top-name-hp{ font-size:12px; line-height:12px; font-family: 'Yu Mincho Demibold'; }
.navbar-nav .nav-link.contact-hp .bottom-name-hp{ font-size:20px; line-height:20px; color:#CFF9FF; }
.navbar-nav .nav-item.dropdown{ }
.navbar-nav .nav-item.dropdown .nav-link{ }
.navbar-nav .dropdown-menu{ border:0px; border-radius:0px; margin:0px; padding:0px 0px; background:rgba(255,255,255,0.7);  } 
.navbar-nav .dropdown-item{ font-size:16px; line-height:30px; color:#1B224C !important; font-weight:400; position:relative; padding:8px 15px; }
.navbar-nav .dropdown-toggle::after{ border-top: 6px solid; border-right: 6px solid transparent; border-bottom: 0; border-left: 6px solid transparent; margin: -2px 0px 0 10px; vertical-align: middle; }

.mobile-menu-icon-hp{ margin:0px; padding:0px; float:right; display:none;  width:50px; height:50px; text-align:center; cursor:pointer; background:#f0883f; border-radius:100%; }
.menu-toggle-btn{ margin:14px auto; cursor:pointer; width:28px; padding:0; position:relative; z-index:999999999; }
.menu-toggle-btn span{ background:#fff; display:block; width:28px; height:2px; border-radius:0px; margin-bottom:8px; -webkit-transition: all 0.5s linear; transition: all 0.3s linear;}
.menu-toggle-btn span:last-child{ margin-bottom:0px;}
.menu-toggle-btn.open span:nth-child(1), .menu-toggle-btn.open span:nth-child(3){ transform: translate(0px, 10px) rotate(-45deg) scalex(1.3); margin:0;}
.menu-toggle-btn.open span:nth-child(2){ height:0; margin:0;}
.menu-toggle-btn.open span:nth-child(3){ transform: translate(0px, 8px) rotate(45deg) scalex(1.3);}
/*.overlay-mobile-menu-hp{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.6); z-index: 999; display:none; } 
.menu-text-hp{ font-size:10px; color:#fff; font-weight:700; line-height: 7px; margin: 0 0 0 -5px; position:absolute; top:25px; }
.menu-toggle-btn.open .menu-text-hp{  }*/
/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain{ margin:0px; padding:0px 0 0 0; }

.banner-block-hp{ height:762px; overflow:hidden; }
.banner-block-in-hp{}
.banner-middle-hp{ padding:260px 0 0 0; }
.banner-left-hp{ width:56%; float:left; }
.banner-left-hp h1{ font-size:48px; line-height:60px; color:#424242; font-weight:900; letter-spacing:4.8px; text-shadow:0 0 16px rgba(255,255,255,1), 0 0 16px rgba(255,255,255,1), 0 0 16px rgba(255,255,255,1), 0 0 16px rgba(255,255,255,1); }
.banner-left-hp p{ padding:30px 0 30px 50px; font-size:28px; line-height:50px; letter-spacing:2.1px; font-weight:500; color:#424242; text-shadow:0 0 16px rgba(255,255,255,1), 0 0 16px rgba(255,255,255,1), 0 0 16px rgba(255,255,255,1), 0 0 16px rgba(255,255,255,1); }
.banner-left-hp p span{ font-size:38px; line-height:50px; font-weight:900; letter-spacing:2.85px; }
.banner-left-hp p span.orange-hp{ color:#e99315; }
.banner-btn-hp .trial-btn-hp{ font-size:24px; padding:10px 20px 10px 46px; }
.banner-right-hp{ width:44%; float:right; }
.banner-right-hp img{ margin:0 0 0 -80px; }

.grasis-block-hp{ background:#fff; padding:125px 0 125px 0; }
.grasis-block-in-hp{}
.grasis-middle-hp{}
.grasis-left-hp{ width:462px; float:left; }
.grasis-left-hp img{ margin:0 0 0 -40px;}
.grasis-right-hp{ width:calc(100% - 462px); float:right; padding:40px 0 0 0; }
.grasis-right-hp h2{ font-size:30px; line-height:42px; color:#f0883f; font-weight:700; letter-spacing:4.5px; }
.grasis-right-hp p{ font-size:29px; line-height:42px; color:#424242; letter-spacing:1.5px; padding:15px 0 0 0; }

.reasons-block-hp{ background:#fef6ee; padding:150px 0 133px 0; }
.reasons-block-in-hp{}
.reasons-title-hp{ text-align:center; }
.reasons-title-hp h2{ font-size:30px; line-height:40px; color:#424242; font-weight:700; letter-spacing:4.5px; }
.reasons-title-hp h2 br.hide-mob-hp{ display:none; }
.reasons-title-hp h2 span.green-hp{ color:#3cb9ba; }
.reasons-title-hp h2 span.orange-hp{ color:#f0883f; }
.reasons-middle-hp{ padding:50px 47px 0 47px; }
.reasons-box-hp{ background:#fff; display:flex; align-items:center; padding:50px; border-radius: 20px; margin-bottom:30px; box-shadow:0px 5px 11px rgba(0,0,0,0.1); }
.reasons-img-hp{ width:333px; }
.reasons-img-hp img{ width:100%; }
.reasons-info-hp{ width:calc(100% - 333px); padding-left:25px; padding-right:0px; }
.reasons-point-hp{ font-family: 'Roboto', sans-serif; font-size:22px; line-height:39px; font-weight:500; color:#424242; text-transform:uppercase; }
.reasons-point-hp img{ margin:-4px 0 0 10px; vertical-align:middle; }
.reasons-info-hp h3{ font-size:26px; line-height:34px; color:#424242; font-weight:700; letter-spacing:1.3px; padding-top:20px; }
.reasons-info-hp h3 span{ color:#3cb9ba; }
.reasons-info-hp p{ font-size:16px; line-height:35px; color:#424242; letter-spacing:0.6px; padding-top:10px; }
.reasons-box-reverse-hp{ flex-direction: row-reverse; }
.reasons-box-reverse-hp .reasons-info-hp{ padding-right:25px; padding-left:0px; }
.right-align-hp{}
.right-align-hp .reasons-info-hp{ text-align:right; }
.right-align-hp .reasons-info-hp h3 span{ color:#f0883f; }
.right-align-hp .reasons-info-hp p{ text-align:justify; }
.reasons-box-blue-hp .reasons-info-hp h3 span{ color:#3f85c7; }

.trial-block-hp{ background:url(../images/trial_back.png) no-repeat center center; background-size:cover; padding:126px 0 100px 0; }
.trial-block-in-hp{}
.trial-middle-hp{ text-align:center; }
.trial-btn-main-hp{}
.trial-btn-big-hp{ display:inline-block; background:#fff; font-size:28px; line-height:40px; color:#f0883f; font-weight:700; letter-spacing:2.8px; padding:30px 100px; min-width:550px; border-radius:50px; position:relative; box-shadow:0 0 30px rgba(122,122,124,0.35); }
.trial-btn-big-hp img{ position:absolute; right:33px; }
.trial-btn-big-hp:hover{ color:#f0883f; opacity:0.9; }
.trial-details-hp{ font-size:16px; line-height:35px; color:#fff; letter-spacing:1.6px; padding:55px 0 0 0; }


.plan-block-hp{ padding:130px 0 100px 0; }
.plan-block-in-hp{}
.plan-middle-hp{ padding:60px 50px 0 50px; }
.plan-table-pp{ border:2px solid #dcdcdc; border-radius:13px; overflow:hidden; background:#fff; }
.plan-left-pp{ width:190px; border-right:1px solid #dcdcdc; float:left; }
.plan-left-title-pp{ height:60px; padding:5px 5px 5px 12px; border-bottom:2px solid #dcdcdc; display:flex; align-items:center; font-size:16px; color:#585656; line-height:24px; letter-spacing:0.8px; }
.plan-left-title-pp:last-child{ border-bottom:0; }
.plan-left-title-pp:nth-child(odd){ background:#fef6ee; }
.plan-right-pp{ width:calc(100% - 190px); float:left; }
.plan-right-in-pp{ display:flex; }
.plan-part-pp{ width:20%; border-right:1px solid #dcdcdc; }
.plan-part-pp:last-child{ border-right:0px; }
.plan-top-title-pp{ height:92px; border-bottom:2px solid #dcdcdc; font-size:18px; line-height:24px; color:#f0883f; font-weight:700; text-align:center; display:flex; align-items:center; justify-content: center; letter-spacing:2.7px; }
.plan-top-title-pp .value-pp{ font-family: 'Roboto', sans-serif; font-size:22px; line-height:22px; letter-spacing:0.22px; padding-right:3px; vertical-align:middle; }
.plan-top-title-pp .month-pp{ letter-spacing:0.45px; }
.plan-top-title-pp .price-pp{ font-size:13px; letter-spacing:0.65px; line-height:15px; font-weight:400; }
.plan-right-title-pp{ font-family: 'Roboto', sans-serif; justify-content: center; text-align:center; font-size:21px; line-height:15px; font-weight:700; color:#424142; }
.currency-pp{ font-size:13px; font-weight:500; }
.currency-old-pp{ font-size:13px; color:#424142; letter-spacing:0.65px; font-weight:400; }
.plan-top-title-green-pp{ color:#3db0b0; }
.plan-top-title-blue-pp{ color:#3c7eba; }
.plan-top-title-black-pp{ color:#424142; }
.plan-right-part-pp{ color:#f0883f; font-size:18px; }

.flow-block-hp{ padding:130px 0; background:#f8f6f7; }
.flow-block-in-hp{}
.title-setting-hp{ text-align:right; padding:10px 15px 0 0; }
.flow-middle-hp{ padding:50px 50px 0 50px; }
.flow-box-hp{ width:calc(33.33% - 47px); margin-right:70px; background:#fff; min-height:434px; float:left; border-radius:15px; padding:25px 19px; position:relative; box-shadow:0 0 10px rgba(203,203,203,0.2); }
.flow-box-hp:nth-child(3n){ margin-right:0; }
.flow-box-hp:after{ content:''; position:absolute; background:url(../images/flow_arrow.png) no-repeat center center; background-size:100%; width:39px; height:100px; right:-56px; top:calc(50% - 50px); }
.flow-box-hp:nth-child(3n):after{ display:none; }
.flow-step-hp{ display:inline-block; background:#f0883f;  font-family: 'Roboto', sans-serif;  font-size:14px; line-height:30px; font-weight:700; color:#fff; padding:9px 13px 7px 15px; border-radius:10px; letter-spacing:0.7px; }
.flow-step-hp span{ font-size:30px; vertical-align:middle; padding-left:6px; letter-spacing:1.5px; }
.flow-img-hp{ padding:40px 0 0 0; text-align:center; }
.flow-img-hp img{ max-width:100%; }
.flow-name-hp{ font-size:22px; line-height:30px; color:#424242; font-weight:700; letter-spacing:1.1px; text-align:center; padding:30px 0 0 0; }
/*--------------- CONTAIN_END --------------*/

/*--------------- FOOTER_START --------------*/
#footer{ margin:0px; padding:0; background:#f8f6f7; }
.footer-top-hp{ padding:100px 0 45px 0; }
.footer-inner-hp{}
.footer-middle-hp{}
.footer-logo-hp{ text-align:center; }
.footer-logo-hp img{ max-width:100%; }
.footer-links-hp{ padding-top:70px; }
.footer-links-hp ul{ text-align:center; }
.footer-links-hp ul li{ display:inline-block; vertical-align:middle; font-size:16px; line-height:30px; letter-spacing:0.8px; padding:0 25px; }
.footer-links-hp ul li a{ color:#585656; }
.footer-links-hp ul li a:hover{ color:#000; }
.footer-bottom-hp{ background:#eeeeed;  }
.copyright-hp{ text-align:center; letter-spacing:0.7px; font-size:14px; color:#605c5b; line-height:20px; padding:10px 0; }
/*--------------- FOOTER_END --------------*/