@charset "utf-8";
/*---------------------------

Common

---------------------------*/
body, h1, h2, h3, h4, h5, h6, p {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 500;
}

body.custom-background {
  background-image: none;
}

a {
  cursor:pointer
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

p {
  line-height: 1.8;
}

.mt0 { margin-top: 0; }
.mt10 { margin-top: 10px!important; }
.mt20 { margin-top: 20px!important; }
.mt30 { margin-top: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mt50 { margin-top: 50px!important; }

.mb0 { margin-bottom: 0; }
.mb10 { margin-bottom: 10px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb40 { margin-bottom: 40px!important; }
.mb50 { margin-bottom: 50px!important; }
.mb100 { margin-bottom: 100px; }
.mb200 { margin-bottom: 200px; }
.mb300 { margin-bottom: 300px; }

.pd5{
  padding: 5px;
}

.pd10{
  padding: 10px;
}

.pd20{
  padding: 20px;
}

.txtWh{
  color: #fff !important;
}

.txtGr{
  color: #49ba00 !important;
}

.bgGr{
  background: #49ba00 !important;
}

.bgYe{
  background: #F9FF10 !important;
}

.txtCenter{
  text-align: center !important;
}

.txtLeft{
  text-align: left!important;
}

.font20px {
  font-size: 20px;
}

.br-sp { display:none; }

.menu-toggle {
  top: 10%;
}

.headerwrap {
  background-color: #E7E7E7;
}

body .w3eden a:hover,
body .w3eden a:focus{
  color:#00a73c;
}

.hd0_menu .topsearch {
  float: left;
}

.header_top_area_Contents {
  max-width: 1000px;
  margin: 0 auto;
}

.header_top_area {
  display: inline-block;
  float: right;
  height: auto;
  overflow: hidden;
}

.headerinnerwrap {
  max-width: 1000px;
}

ul.nav-container, .nav-container > ul {
  padding: 0;
}

.hd0_menu .screen-reader-text{
  padding-top: 10px;
}

.topheadermenu {
  float: right;
  font-weight: normal;
}

.headerwrap .navbar {
  margin-right: 0;
  padding-right: 0;
}

.header_top_area div {
  width: 180px;
  float: left;
}

.header_usecase_btn, div.header_support_btn{
  float: left;
  text-align: center;
  padding: 0 5px;
}

div.header_free_trial_btn, div.header_brochure_btn, div.header_contact_btn, div.header_community_btn {
  float: left;
  text-align: center;
  width: 160px;
}


.header_usecase_btn::before {
  display: inline-block;
  content: "";
  width: 18px;
  height: 18px;
  background-image: url(/wp-content/uploads/2017/04/header_beginner_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.header_usecase_btn a, .header_support_btn a, .header_brochure_btn a, .header_free_trial_btn a, .header_contact_btn a, .header_community_btn a {
  display: inline-block;
  padding: 2px 11px;
  text-decoration: none;
}

.header_usecase_btn a { color: #006837; }

.header_support_btn { background-color: #E7E7E7; }
.header_support_btn a { color: #006837; }

.header_brochure_btn { background-color: #21B4EE; }
.header_brochure_btn a { color: #fff; }

.header_free_trial_btn { background-color: #F9FF10; }
.header_free_trial_btn a { color: #6BC911; }

.header_contact_btn { background-color: #ff8a3d; }
.header_contact_btn a { color: #fff; }

.header_community_btn { background-color: #239e0b; }
.header_community_btn a { color: #fff; }

.font-color-green {
  color: #53C609;
}

.text-align__center {
  text-align: center;
}

.addpage {
  display: table;
  height: auto;
  overflow: hidden;
  background-color: #94DD4E;
  background-image: url(/wp-content/uploads/2017/04/page_original_title_bg.gif);
  background-repeat: repeat;
  background-position: top center;
}

#page {
  overflow-x: hidden; /*not working with position sticky*/
}

#page .nx-breadcrumb {
  max-width: 1000px;
  margin: 20px auto;
  float: none;
  padding: 0;
}

.nx-breadcrumb {
  padding-left: 0;
}

.nx-breadcrumb a {
  color: #00a73c!important;
}

.addpage .titlebar {
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}

.addpage h1 {
  width: 100%;
  text-align: center;
  letter-spacing: .6rem;
  line-height: 100%;
  margin: 0;
  padding: 0;
}

.nav-container li a {
  font-weight: normal;
  padding: 39px 15px;
}

.fixeddiv .nav-container > ul > li > a {
  padding: 26px 14px;
}

.site-main {
  padding-top: 0;
}

.content-area {
	padding: 0;
  margin-top: 25px !important;
}

.page-contents-title {
  text-align: center;
}

.page-contents-title h2 {
  color: #49BA00;
  letter-spacing: .4rem;
}

.page-contents-title p {
  font-size: 16px;
  letter-spacing: .2rem;
}

.page-contents-title hr {
  background-image: none;
  background-color: #E6E6E6;
}

hr.pointLine {
  background-image: none;
  background-color: #E6E6E6;
}

p.contentsText { text-align: center; }

p.toppage_bracket_text {
  text-align: center;
  color: #53C609;
}

h3.bracket_title, h4.bracket_title {
  text-align: center;
  color: #49BA00;
  letter-spacing: .4rem;
}

p.toppage_bracket_text::before, h3.bracket_title::before, h4.bracket_title::before {
  content: "[　"
}

p.toppage_bracket_text::after, h3.bracket_title::after, h4.bracket_title::after {
  content: "　]"
}

h2.green_big_title, h3.green_big_title, h4.green_big_title {
  color: #49BA00;
  text-align: center;
}

h3.green_big_title, h4.green_big_title {
  color: #49BA00;
  letter-spacing: .4rem;
}

a.two_arrow_link_btn {
  font-weight: bold;
}

a.two_arrow_link_btn, a.one_arrow_link_btn, a.two_arrow_link_btn_nomagin {
  background-color: #53C609;
  color: #fff!important;
  width: 80%;
  margin: 0 auto;
  padding: 10px 0;
  font-size: 24px;
}

a.two_arrow_link_btn, a.two_arrow_link_btn_nomagin {
  display: block;
  text-align: center;
  letter-spacing: .3rem;
}
a.two_arrow_link_btn:hover, a.one_arrow_link_btn:hover, a.two_arrow_link_btn_nomagin:hover {
  opacity: .8;
  text-decoration: none;
}

a.two_arrow_link_btn::before, a.two_arrow_link_btn_nomagin::before {
  content: "≫ "
}

a.two_arrow_link_btn::after, a.two_arrow_link_btn_nomagin::after {
  content: " ≪";
}

a.one_arrow_link_btn {
  display: block;
  background-color: #53C609;
  color: #fff!important;
  text-align: center;
}

a.one_arrow_link_btn::after {
  content: " >";
}

.dashed_gray_box {
  box-sizing: border-box;
  position: relative;
  display: table;
  border: dashed 2px #B3B3B3;
  padding: 30px;
  margin-bottom: 20px;
}

.dashed_gray_box span {
  position: absolute;
  display: block;
  text-align: center;
  background-color: #fff;
  color: #49BA00;
  border: solid 2px #49BA00;
}

.dashed_gray_box .dashed_gray_box_icon {
  float: left;
}

.dashed_gray_box p {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.solid_gray_border_bg-grayline {
  width: 100%;
  height: auto;
  overflow: hidden;
  border: solid 1px #ccc;
  text-align: center;
  background-image: url(/wp-content/uploads/2017/04/trial_use_infomation_bg.gif);
  background-repeat: repeat;
  background-position: top center;
}

.solid_gray_border_bg-grayline h4 {
  color: #999999;
}

.gray_bg {
  background-color: #F2F2F2;
  text-align: center;
}

dl.big-list-option {
  width: 100%;
  margin: 0;
}

dl.big-list-option dt {
  color: #49BA00;
  width: 26%;
  float: left;
  text-align: left;
}

dl.big-list-option dt::before {
  content: "[ "
}

dl.big-list-option dt::after {
  content: " ]"
}

dl.big-list-option dd {
  width: 74%;
  float: left;
  text-align: left;
  font-size: 16px;
}

dl.big-list-child_option {
  box-sizing: border-box;
  color: #000;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0;
}

dl.big-list-child_option dt {
  box-sizing: border-box;
  border-bottom: solid 1px #cccccc;
  color: #000;
}

dl.big-list-child_option dt::before, dl.big-list-child_option dt::after {
  content: none;
}

dl.big-list-child_option dd {
  border-bottom: solid 1px #cccccc
}

table.green_table {
  width: 100%;
  border: none;
}

table.green_table ul {
  list-style-position: inside;
  padding: 0;
  margin: 0;
}

table.green_table tbody tr td:first-child,
table.green_table tbody tr td:last-child,
table.green_table_support tbody tr td:first-child, table.green_table_support tbody tr td:last-child {
  padding: 10px 20px;
}

table.green_table tbody tr td:first-child {
  background-color: #AEEA60;
  border-right: solid #fff 2px;
  border-bottom: solid #fff 2px;
}

table.green_table tbody tr td:last-child {
  background-color: #DCF2C4;
  border-bottom: solid #fff 2px;
  border-left: solid #fff 2px;
}

a.price-suportlink {
  display: block;
  text-align: center;
  text-decoration: underline;
  color: #49BA00!important;
}

a.price-suportlink:hover{
  opacity: .7;
}

.price_tableTitle {
  font-size: 24px;
  margin-top: 60px;
  color: #53C609;
  text-align: center;
}

.partner_solution_img {
  width: 100%;
  padding: 20px;
}

.partner_solution_img img {
  width: 100%;
}

ul.point_number_list {
  margin-left: 0;
  padding-left: 0;

}
ul.point_number_list li {
  list-style-type: decimal;
  list-style-position: inside;
}

ul.point_square_list {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
}

a.celf_use_more_info {
  display: block;
  background-color: #53C609;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  padding: 10px 0;
}

a.celf_use_more_info:hover {
  opacity: .8;
  text-decoration: none;
}

.pagination {
  margin-top: 20px;
  text-align: center;
}

.pagination span, .pagination a {
  margin: 0 10px;
}

.pagination span.current {
  display: inline-block;
  padding: 6px 15px;
  border: solid 1px #53C609;
  background-color: #53C609;
  color: #fff;
}

.pagination a {
  border: solid 1px #ccc;
  display: inline-block;
  padding: 6px 15px;
  text-decoration: none;
}

.pagination a:hover {
  border: solid 1px #53C609;
  background-color: #53C609;
  color: #fff;
  text-decoration: none;
}



/*---------------------------

top page

---------------------------*/
#main_visual {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  /*background-image: url(/wp-content/uploads/2017/04/celf_top_kv.jpg);*/
  background-repeat: no-repeat;
  background-size: cover;
}

.position_baseArea {
  position: relative;
  width: 100%;
  z-index: 100;
}

.hyodoru_position, .main_catch_position, .main_trial_position {
  position: absolute;
}

.hyodoru_position img, .main_catch_position img {
  width: 100%;
}

#animation_celf{
  position: relative;
}

#animation_celf .animation_celf01{
  font-size: 30px;
}

#animation_celf .animation_celf01{
  color: #53c609;
  font-weight: bold;
}

#animation_celf a:hover img{
  opacity:.8;
}

#animation_celf .animation_celf05{
  color: #53C609;
  font-weight: bold;
}

#animation_celf .animation_celf_txt{
  font-weight: bold;
}

.main_trial_position {
  color: #6BC911;
  background-color: #F9FF10;
  text-align: center;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 6px 0 #000;
  /*position:relative;*/
}

.main_rpa_position{
  width: 30%;
  position: absolute;
  top: -56%;
  right: -5%;
  z-index: 11;

}
.main_rpa_position:hover{
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
}


.main_trial_position a{
  display: block;
  width: 100%;
  height: 100%;
}

.main_trial_position a:hover{
  text-decoration: none;
}

.main_trial_position:hover{
  background-color: #fcff81;
}

.main_trial_position p {
  margin: 0;
  padding: 0;
  font-weight: bold;
}

.downContents_btn {
  position: absolute;
  text-align: center;
  color: #fff;
  background-color: #53C609;
  bottom: 0;
}

.downContents_btn a {
  display: block;
  color: #fff;
}

.downContents_btn a:hover {
  text-decoration: none;
}

.downContents_btn span {
  display: block;
  text-align: center;
}

.downContents_btn_01,
.rpaLink_btn{
  position: absolute;
  text-align: center;
  color: #fff;
}
.downContents_btn_01:hover,
.rpaLink_btn:hover{
  opacity: 0.8;
}


.downContents_btn_01{
  background-color: #53C609;
  box-shadow: 0 3.5px #007f41;
}

.rpaLink_btn{
  background-color: #a6a6a6;
  box-shadow: 0 3.5px #595959;
}


.downContents_btn_01 a,
.rpaLink_btn a{
  display: block;
  color: #fff;
}

.downContents_btn_01 a:hover,
.rpaLink_btn a:hover{
  text-decoration: none;
}

.downContents_btn_01 span,
.rpaLink_btn span{
  display: block;
  text-align: center;
}


.toppage_newslist {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.toppage_newslist_title a {
  display: inline-block;
  color: #fff;
  background-color: #53C609;
  text-decoration: none;
}

.toppage_newslist, .toppage_newslist a, .ticker a {
  color: #53C609;
}

.ticker {
  float: left;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.ticker ul {
  width: 100%;
  position: static;
  padding-left: 20px;
  list-style-type: none;
  border-left: solid 1px #53C609;
}
@media screen and (max-width:1000px) {
  .ticker ul {
    border-left: none
  }
}


.ticker ul li {
  width: 100%;
  /*  display: none; */
}

.toppage_contents_area {
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.toppage_contents_area span.left_conter, .celf_app_area span.left_conter, .easy_maiking span.left_conter {
  position: absolute;
  top: 0;
  left: 0;
}

.toppage_contents_area .left_conter img, .celf_app_area .left_conter img, .easy_maiking .left_conter img {
  width: 100%;
}

.provide_CELF {
  box-sizing: border-box;
  background-color: #94DD4E;
  border-radius: 10px;
  color: #fff;
}

.provide_CELF img {
  width: 100%;
}

.topborder-line {
  width: 100%;
  float: left;
  border-top: solid 3px #94DD4E;
  text-align: center;
}
.section_app_icon div.bigIcon, .section_app_icon div.smallIcon {
  border-radius: 10px;
  box-shadow: 6px 6px 0 #53C609;
}

.celf_usecase_list {
  position: relative;
  box-sizing: border-box;
  float: left;
  border: dashed 2px #ccc;
}

.celf_usecase_list a:hover {
  text-decoration: none;
  opacity: .8;
}

.celf_usecase_are span a::after {
  content: " >"
}

section, .celf_app_area {
  width: 100%;
  height: auto;
  overflow: hidden;
}

section.LightGreen_bg {
  background: #D8F7C4;
  height: auto;
  overflow: hidden;
}

section.whiteCell_bg {
  background-image: url(/wp-content/uploads/2017/04/white_cell_bg.gif);
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.section_app_icon {
  width: 100%;
}

.section_app_icon div {
  background: #fff;
  float: left;
}

img.top_icon_light {
  width: 53px;
}

.section_app_icon div.bigIcon,
.section_app_icon div.smallIcon {
  text-align: center;
}

.section_app_icon div.bigIcon:hover,
.section_app_icon div.smallIcon:hover {
  opacity: .8;
}

.section_app_icon div.bigIcon img {
  width: 100%;
}

.section_app_icon div.bigIcon a:hover {
  text-decoration: none;
  opacity: .8;
}

.section_app_icon div img {
  display: block;
  margin: 0 auto;
}

.section_app_icon span {
  width: 100%;
  display: block;
}

.section_app_icon span img {
  width: 100%;
}

a.case_news_btn,
a.usecase_btn {
  display: inline-block;
  background-color: #53C609;
  margin: 0 auto;
  color: #fff;
  text-decoration: none;
}

p.case_news_btn{
  display: block;
  background-color: #53C609;
  width: 80%;
  margin: 40px auto 10px;
  padding: 19px 0;
  color: #fff;
  text-decoration: none;
  text-align: center;
}

a.case_news_btn:hover,
a.usecase_btn:hover,
a.excel-template_merit_btn:hover,
a.excel-template_how-to-use_btn:hover,
.downloads-form a.btn-large:hover,
p.case_news_btn:hover{
  text-decoration: none;
  opacity: .8;
}

.celf_app_area {
  position: relative;
  text-align: center;
}

.easy_maiking {
  position: relative;
}

.easy_maiking_step {
  text-align: center;
}

.rpa_release h3,
.easy_maiking h3 {
  text-align: center;
  color: #53C609;
}

.easy_maiking span.check {
  color: #53C609;
  display: block;
  text-align: left;
}

.easy_maiking span.check::before {
  display: inline-block;
  content: "";
  background-image: url(/wp-content/uploads/2017/04/easy_making_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.easy_maiking .easy_maiking_cellIMG {
  position: absolute;
}

.easy_maiking .easy_maiking_cellIMG img {
  width: 100%;
}

.easy_maiking p {
  text-align: center;
}



.toppage_contents_area h2, .celf_app_area h3, .toppage_contents_area h4 {
  color: #53C609;
}

.toppage_bannerArea {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 30px;
}

.toppage_bannerArea div a {
  display: block;
}

.toppage_bannerArea div {
  margin-bottom: 20px;
}

.toppage_bannerArea img {
  width: 100%;
}

.two_minutes_video_ttl{
  color: #53C609;
  font-size: 28px;
  line-height: 175%;
  text-align: center;
}

.two_minutes_video {
  position: relative;
  width: 100%;
  max-width:667px;
  /*! min-height:393px; */
  margin:30px auto;
}

.two_minutes_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width:700px;
  max-height: 393px;
  box-shadow: 6px 6px 0px 0px #bfeb94;
}

.two_minutes_video a:hover img{
  opacity: .8;
}

.toppage_case_area h3{
  text-align: center;
  color: #49ba00;
}

/*---------------------------

celf user page

---------------------------*/
.beginners_tab_select ul {
  list-style-type: none;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.beginners_tab_select ul li {
  float: left;
  border-top: solid 2px #86DB00;
  border-right: solid 2px #86DB00;
  border-left: solid 2px #86DB00;
  border-radius: 10px 10px 0 0;
  text-align: center;
}

.beginners_tab_select a:hover {
  opacity: .8;
  text-decoration: none;
}

.beginners_tab_select a.icon01::before,
.beginners_tab_select a.icon02::before,
.beginners_tab_select a.icon03::before,
.beginners_tab_select a.icon04::before {
  display: block;
  content: "";
  background-repeat: no-repeat;
}

.beginners_tab_select a.icon01::before {
  background-image: url(/wp-content/uploads/2017/04/celf_user_icon01.png);
}

.beginners_tab_select a.icon02::before {
  background-image: url(/wp-content/uploads/2017/04/celf_user_icon02.png);
}

.beginners_tab_select a.icon03::before {
  background-image: url(/wp-content/uploads/2017/04/celf_user_icon03.png);
}

.beginners_tab_select a.icon04::before {
  background-image: url(/wp-content/uploads/2017/04/celf_user_icon04.png);
}

.sample_app_download {
  box-sizing: border-box;
  background-color: #fff;
  float: left;
}

.sample_app_download span {
  text-align: center;
}

span.smple_app_title_pink { color: #f4708f; }
span.smple_app_title_blue { color: #225593; }
span.smple_app_title_green { color: #338b5f; }

.sample_app_download span:first-child {
  display: block;
  text-align: center;
}

.sample_app_download span:nth-child(2) {
  display: block;
  font-weight: bold;
}

.sample_app_download img {
  display: inline-block;
  margin: 0 auto;
}

.sample_app_download a.sample_app_download_btn {
  width: 92%;
  display: block;
  margin: 0 auto;
  padding: 10px 36px 10px 12px;
  background: #53C609 url(/wp-content/uploads/cmn_images/icn-dl-white.png) 95% center no-repeat;
  color: #fff;
  font-size: 15px;
  letter-spacing: -.5px;
  text-decoration: none;
  text-align: left;
  transition: all .2s linear;
}

a.startup_guid_download_btn {
  display: inline-block;
  width: 100%;
  text-align: center;
  background-color: #53C609;
  color: #fff;
}

a.startup_guid_download_btn:hover {
  text-decoration: none;
}

a.startup_guid_com_btn {
  color: #53c609!important;
  display: inline-block;
  text-decoration: underline;
  margin: 0 auto;
}

/*a.startup_guid_com_btn:hover {
color: #00a73c;
}*/

a.startup_guid_com_btn:hover {
  text-decoration: none;
}

.celf_easy_start_area a {
  display: block;
}

.celf_movie_area {
  max-width: 1000px;
  text-align: center;
}

.celf_tips_area, .touch_and_understand {
  text-align: center;
}

.celf_tips_movie{
  max-width: 720px;
  margin: 0 auto;
  display: block;
}

.celf_tips_area .download_link_btn {
  background: #53C609 url(/wp-content/uploads/cmn_images/icn-dl-white.png) 95% center no-repeat;
  transition: all .2s linear;
}

a.one_arrow_link_btn.download_link_btn::after {
  content: none;
}

.movie_box {
  box-sizing: border-box;
  position: relative;
  display: table;
  border: dashed 2px #B3B3B3;
  padding: 30px;
  margin-bottom: 20px;
}

.movie_box span.number {
  position: absolute;
  display: block;
  text-align: center;
  background-color: #fff;
  color: #49BA00;
  border: solid 2px #49BA00;
}

.movie_box a {
  display: block;
}

.movie_box a:hover {
  opacity: .8;
}

.movie_box span.video_title {
  display: block;
  text-align: center;
}

.movie_box img {
  width: 100%;
}

.mov_box .mov_box_ttl{
  margin-bottom:20px;
  font-size:20px;
}

.mov_box .mov_box_video{
  margin-bottom:70px;
}

.mov_box a:hover img {
  opacity: .8;
}

.celf_tips_movie a:hover {
  opacity: .8;
}

.celf_usecase_are span a:hover {
  opacity: .8;
}

/*---------------------------

Trial page

---------------------------*/

img.trial_down_arrow {
  display: block;
  margin: 0 auto 20px;
}


/*---------------------------

seminer page

---------------------------*/
.seminar_page .page-contents-title a:hover img{
  opacity:.8;
}

.seminer_main_visual {
  width: 100%;
  background-color: #34BA99;
  text-align: center;
}

.seminer_main_visual {
  margin-bottom: 24px;
}

.seminer_environment {
  padding: 15px 0 35px;
  margin-bottom: 60px;
}

.seminer_text_box {
  text-align: center;
}

ul.seminer_list_area {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
}

ul.seminer_list_area li {
  width: 100%;
  float: left;
}

span.seminer_format {
  display: inline-block;
  text-align: center;
  border: solid 1px #53C609;
  color: #53C609;
  background-color: #fff;
  border-radius: 25px;
  padding: 5px 0;
  font-size: 16px;
  font-weight: 500;
}

span.seminer_time {
  font-size: 16px;
}

dd.Recommend_text span {
  display: inline-block;
  text-align: center;
  background-color: #9EE21A;
  color: #fff;
}

a.seminer_app_btn {
  display: inline-block;
  background-color: #53C609;
  color: #fff!important;
  text-align: center;
  float: right;
  font-size: 16px;
  font-weight: 500;
}

a.seminer_app_btn:hover {
  text-decoration: none;
  opacity: .8;
}


.seminer_app_btn_box a.seminer_app_btn {
  padding: 10px 70px;
  margin-bottom: 40px;
}

.seminer_app_btn_box {
  margin: 0 auto;
  display: inline-block;
}



/*---------------------------

Price page

---------------------------*/
#priceArea {
  height: auto;
  overflow: hidden;
}
.price_free, .price_cloud, .price_On-premises{
  display: table;
  text-align: center;
  float: left;
}

.price_free_title {
  padding-top: 7px;
  border-radius: 7px 7px 0 0;
  background-color: #88D832;
  color: #fff;
}

.price_cloud_title {
  border-radius: 7px 7px 0 0;
  background-color: #70C420;
  color: #fff;
}

.price_On-premises_title {
  border-radius: 7px 7px 0 0;
  background-color: #5AAF00;
  color: #fff;
}

.price_free_plan, .price_cloud_plan, .price_On-premises_plan {
  padding-top: 10px;
  padding-bottom: 10px;
}

/*2021/03/25 add css*/
.priceTax{
  display: inline-block !important;
  font-size: 20px;
  margin-bottom: -6px!important;
}


.price_free_contents, .price_cloud_contents, .price_On-premises_contents {
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
}

.price_free_contents, .price_cloud_contents, .price_On-premises_contents {
  padding-top: 3px;
}

.price_free_plan, .price_cloud_plan, .price_On-premises_plan {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #DCF2C4;
}

.price_free_plan span, .price_cloud_plan span, .price_On-premises_plan span {
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
  letter-spacing: .1rem;
}

.price_free_plan small, .price_cloud_plan small, .price_On-premises_plan small {
  display: block;
  font-weight: bold;
  margin-top: 5px;
}

.price_free_title span, .price_cloud_title span, .price_On-premises_title span {
  width: 100%;
  display: block;
  text-align: center;
}

.price_cloud_contents .price_cloud_plan:nth-child(2),
.price_On-premises_contents .price_On-premises_plan:nth-child(2)  {
  margin-top: 3px;
}

.price_free_plan span::before {
  content: "";
  background-color: #fff;
  height: 2px;
}

.price_free_plan span:nth-child(2), .price_cloud_plan span:nth-child(2), .price_On-premises_plan span:nth-child(2) {
  font-weight: bold;
  color: #49BA00;
  line-height: 100%;
  letter-spacing: .2rem;
}

.price_free_text, .price_cloud_text, .price_On-premises_text {
  text-align: left;
  padding: 20px;
  font-size: 16px;
  font-weight: 300;
}

.price_free_text p, .price_cloud_text p, .price_On-premises_text p {
  margin-bottom: 0;
}

.price_cloud_text span {
  font-weight: bold;
}

.price_free_text a {
  display: block;
  width: 100%;
  padding: 10px 0;
  margin: 20px 0 0;
  text-align: center;
  background-color: #53C609;
  color: #fff!important;
}

.price_free_text a:hover {
  text-decoration: none;
  opacity: .8;
}

.price_trial_free_btn {
  font-weight: bold;
}

.price_rpa_option{
  background-color: #5AAF00;
  color: #fff;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 10px;
  border-radius: 7px 7px 0 0;
}
.price_rpa_option p{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0;
}

.price_rpa_option_price{
  text-align: center;
  background-color: #DCF2C4;
  width: 100%;
  margin: 0 auto;
  padding-top: 8px;
  padding-bottom: 10px;
  font-weight: bold;
}

.price_rpa_option_price dt{
  font-size: 18px;
}
.price_rpa_option_price dd{
  margin:0 0 5px;
  line-height: 2.5em;
}

.price_rpa_option_price span:first-child{
  color: #49BA00;
  font-size: 28px;
}
.price_rpa_option_price span:nth-child(2){
  padding-left: 17px;
  padding-right: 17px;
}

.price_rpa_option_text{
  padding: 20px 20px 0;
}
.price_rpa_option_text dd{
  margin: 5px 8px;
  font-weight: normal;
  line-height: 1.2em;
  color: #7f7f7f;
}

.price_rpa_option_text .dd_first{
  margin-bottom: 25px;
  font-weight: bold;
}

.price_rpa_option_contents{
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding-top:3px;
}

.price_rpa_option_area{
  margin-bottom: 100px;
}

a.price_rpalink{
  color: #53c609;
}

a.price_rpalink:hover{
  opacity: 0.7;
  text-decoration: none;
}

a.price-suportlink_dl{
  text-decoration: none;
}

/*---------------------------

Support page

---------------------------*/
.supports_sub_title {
  color: #53C609;
  text-align: center;
}

ul.support_news_list {
  list-style-type: none;
  border: dashed 2px #B3B3B3;
}

ul.support_news_list a {
  /*  color: #000!important;*/
  font-weight: 400;
}

ul.support_news_list a:hover {
  text-decoration: none;
  color: #ccc!important;
}

p.support_rss {
  float: left;
}

p.support_news-archive {
  width: 100%;
  text-align: right;
}

p.support_news-archive a {
  text-decoration: underline;
}

p.support_news-archive a:hover {
  opacity: .8;
}

p.support_news-archive a::after {
  content: " >"
}

.support_tab_area,
.partner_tab_area {
  width: 100%;
  border-bottom: solid  3px #53C609;
  background-color: #fff;
}

.support_content_area {
  padding-bottom: 40px;
}

ul.support_tab,
ul.partner_tab {
  width: 100%;
  height: auto;
  overflow: hidden;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.support_tab li,
ul.partner_tab li {
  text-align: center;
  border-radius: 10px 10px 0 0;
  border-top: solid 3px #CCCCCC;
  border-right: solid 3px #CCCCCC;
  border-left: solid 3px #CCCCCC;
  color: #ccc;
}

ul.partner_tab li span {
  display: block;
  color: #575757;
}

ul.support_tab li:nth-child(1) {
  float: left;
}

ul.support_tab li:nth-child(2) {
  float: right;
}

ul.support_tab li.support_select,
ul.partner_tab li.partner_select {
  text-align: center;
  color: #000;
  border-radius: 10px 10px 0 0;
  border-top: solid 3px #53C609;
  border-right: solid 3px #53C609;
  border-left: solid 3px #53C609;
}

ul.support_tab li:hover {
  cursor : pointer;
}

ul.supports_content {
  list-style-type: none;
  background-color: #fff;
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
}

li.support_tab_hide {
  display: none;
}

/*2023/10/04 add css*/
ul.support_list li {
	list-style-type: disc;
}

.support_item_title {
  display: block;
  width: 100%;
  border-left: solid 7px #53C609;
  font-weight: bold;
  padding-left: 20px;
  font-size: 18px;
}

.networkImg { float: left; margin-bottom: 20px }

.site-header .search-form {
  position: relative;
  right: auto;
  bottom: auto;
}

.site-header .headerinnerwrap .search-form {
  top: auto;
  bottom: auto;
}

.site-header.fixeddiv .headerinnerwrap .search-form {
  margin-top: -4px;
}

.site-header.fixeddiv .search-form .search-field {
  margin-top: 0px;
}

.hd0_menu .search-form {
  position: absolute;
  right: 20px;
  bottom: 8px;
}

.hd0_menu .search-form {
  top: 0;
  bottom: auto;
  margin-top: 4px;
  position: relative;
  right: auto;
  /* right: 30px; */
}

.search-form .search-submit {
  display: none;
}


.hd0_menu .search-form .search-field {
  margin-top: 0px;
}

.hd0_menu .searchico {
  top: 7px;
}

.sample_app_download img, .celf_tips_area_text img {
  width: 100%;
}

a.content_centerTextLink {
  display: block;
  text-align: center;
  font-size: 16px;
}

a.content_centerTextLink:hover {
  opacity: .8;
}

a.celf_price_link {
  color: #53c609;
}

table.green_table_support {
  width: 100%;
}

table.green_table_support tbody tr td:first-child {
  background-color: #AEEA60;
  border-right: solid #fff 2px;
  border-bottom: solid #fff 2px;
}

table.green_table_support tbody tr td:last-child {
  background-color: #DCF2C4;
  border-bottom: solid #fff 2px;
  border-left: solid #fff 2px;
}

table.green_table_support ul {
  margin: 0;
  list-style-type: disc;
}

table.phase_table, table.phase_table thead tr td, table.phase_table tbody tr td {
  padding: 0;
  vertical-align: middle;
  border: none;
}

table.phase_table tr.phase_level td {
  text-align: center;
  color: #fff;
  border-left: solid 3px #fff;
}

tr.phase_level td:nth-child(2) { background-color: #AEEAA4; border-right: solid 3px #fff; }
tr.phase_level td:nth-child(3) { background-color: #81D674; border-right: solid 3px #fff; }
tr.phase_level td:nth-child(4) { background-color: #3EBA2B; border-right: solid 3px #fff; }

table.phase_table tr.phase_year td {
  text-align: right;
  border-left: solid 3px #fff;
}

b.margin_top_20 {
  display: block;
  margin-top: 20px;
}

tr.phase_year td:nth-child(2) { border-right: solid 3px #fff; }
tr.phase_year td:nth-child(3) { border-right: solid 3px #fff; }
tr.phase_year td:nth-child(4) { border-right: solid 3px #fff; }
tr.phase_year td span {
  width: 100%;
  display: block;
  padding-right: 10px;
}

span.right-border_one { border-right: solid 3px #AEEAA4; }
span.right-border_two { border-right: solid 3px #81D674; }
span.right-border_three { border-right: solid 3px #3EBA2B; }


table.phase_table-sub tbody tr th {
  width: 20%;
  padding: 10px 5px;
  background-color: #AEEA60;
  text-align: center;
  vertical-align: middle;
  font-weight: 400;
  border: #fff solid 2px;
  line-height: 28px;
}

table.phase_table-sub tbody tr td {
  padding: 8px 5px;
  background-color: #DCF2C4;
  text-align: center;
  vertical-align: middle;
  border: #fff solid 2px;
}

ul.version_update_list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.networkImg {
  float: left;
}

.networkImg img {
  width: 100%;
}

p.networkText {
  width: 100%;
  text-align: left;
  float: left;
}

ul.souce_code_link {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.souce_code_link li a {
  color: #666666;
  font-size: 14px;
}


/**
* 20220516 奉行クラウドお知らせページtable.phase_table-sub
* ----------------------------------------------------------------------------
*/
table.four_col_phase_table-sub tbody tr th {
  width: 20%;
  padding: 10px 5px;
  background-color: #AEEA60;
  text-align: center;
  vertical-align: middle;
  font-weight: 400;
  border: #fff solid 2px;
  line-height: 28px;
}

table.four_col_phase_table-sub tbody tr th:nth-child(1) {
  width: 3%;
}

table.four_col_phase_table-sub tbody tr th:nth-child(2) {
  width: 10%;
}

table.four_col_phase_table-sub tbody tr th:nth-child(4) {
  width: 10%;
}

table.four_col_phase_table-sub tbody tr td {
  padding: 8px 5px;
  background-color: #DCF2C4;
  text-align: center;
  vertical-align: middle;
  border: #fff solid 2px;
}

/* end */
/*---------------------------

usecase page

---------------------------*/
.recommend_casefile_are {
  background-color: #d9f7c5;
  height: auto;
  overflow: hidden;
}

.celf_usecase_are {
  text-align: center;
}

.celf_usecase_are .celf_usecase_list {
  background-color: #fff;
  text-align: center;
}

.celf_usecase_are h2, .celf_usecase_are h3, .celf_usecase_are h4 {
  color: #53C609;
}

.celf_usecase_list span {
  display: inline-block;
  background-color: #4aba00;
  line-height: 100%;
  color: #fff;
}

.celf_usecase_list h5 {
  margin: 0 0 20px 0;
  font-weight: bold;
}

.celf_usecase_list h5.title-pink { color: #f5708f; }
.celf_usecase_list h5.title-darkblue { color: #235594; }
.celf_usecase_list h5.title-red { color: #ff3d00; }
.celf_usecase_list h5.title-purple { color: #6d67c9; }
.celf_usecase_list h5.title-lightgreen { color: #33d889; }
.celf_usecase_list h5.title-blue { color: #0063be; }
.celf_usecase_list h5.title-orange { color: #f27910; }
.celf_usecase_list h5.title-lightblue { color: #06d0e8; }
.celf_usecase_list h5.title-darkgreen { color: #328b5f; }

h5.scene__list--item--lv5.title-cs_01 { color: #F4708F; }
h5.scene__list--item--lv5.title-cs_02 { color: #225593; }
h5.scene__list--item--lv5.title-cs_03 { color: #338B5F; }
h5.scene__list--item--lv5.title-cs_07 { color: #0063BE; }
h5.scene__list--item--lv5.title-cs_11 { color: #B3404A; }
h5.scene__list--item--lv5.title-cs_16 { color: #6C67C8; }
h5.scene__list--item--lv5.title-cs_18 { color: #1E842C; }
h5.scene__list--item--lv5.title-cs_19 { color: #06CFE7; }
h5.scene__list--item--lv5.title-cs_20 { color: #A3A313; }
h5.scene__list--item--lv5.title-cs_24 { color: #ecc411; }
h5.scene__list--item--lv5.title-cs_25 { color: #870CC1; }
h5.scene__list--item--lv5.title-cs_31 { color: #F17910; }
h5.scene__list--item--lv5.title-cs_34 { color: #66B49D; }
h5.scene__list--item--lv5.title-cs_35 { color: #F8B64C; }
h5.scene__list--item--lv5.title-cs_36 { color: #4DA1F5; }
h5.scene__list--item--lv5.title-cs_37 { color: #0071BC; }
h5.scene__list--item--lv5.title-cs_38 { color: #4E901E; }
h5.scene__list--item--lv5.title-cs_39 { color: #ce77b9; }
h5.scene__list--item--lv5.title-cs_40 { color: #aabb00; }
h5.scene__list--item--lv5.title-cs_41 { color: #9e6107; }

.celf_usecase_list img {
  width: 100%;
}

.casefile_footerPoint {
  color: #53c609;
}


.usecase_container section {
  /* float: left; */
}
.page_usecase_titleArea {
  /*background-image: url(/wp-content/uploads/2017/04/page_title_bg.png);
  background-repeat: repeat;*/
  background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #e8ffd9 25%, #e8ffd9 50%,
    #fff 50%, #fff 75%,
    #e8ffd9 75%, #e8ffd9
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 20px 20px;
  height: auto;
  overflow: hidden;
}

.page_usecase_title {
  position: relative;
}

.page_usecase_obj-bg {
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  z-index: 0;
}

/* 利用ケース 画像リスト */
.page_usecase_titleArea .usecase_01 {
  background-image: url(/wp-content/uploads/2017/04/page_usecase_obj-bg_01.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  position: absolute;
}

.page_usecase_titleArea .usecase_02 {
  background-image: url(/wp-content/uploads/2017/04/page_usecase_obj-bg_02.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  position: absolute;
}

.page_usecase_titleArea .usecase_09 {
  background-image: url(/wp-content/uploads/2021/01/page_usecase_obj-bg_09.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 737px auto;
  position: absolute;
}

.celf_merit_area, .recommended_for_area, .recommended_for_area, .system_build_img, .free_trial_area, .celf_easy_area, .celf_easy_start_area {
  text-align: center;
}

.celf_merit_area h3, .recommended_for_area h3, .system_build_img h3, .celf_easy_area h3 {
  color: #53C609;
}

.celf_merit_area h3::before, .recommended_for_area h3::before, .system_build_img h3::before, .celf_easy_area h3::before { content: "[ " }

.celf_merit_area h3::after, .recommended_for_area h3::after, .system_build_img h3::after, .celf_easy_area h3::after { content: " ]]" }

.page_usecase_title h2, .page_usecase_title h3 {
  color: #49BA00;
}

.page_usecase_title h2::before {
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.page_usecase_title h2.casefile01_icon, .page_usecase_title h3, .page_usecase_title p {
  z-index: 100;
}

.page_usecase_title h2.casefile01_icon::before {
  background-image: url(/wp-content/uploads/2017/04/casefile01_icon.png);
}

.page_usecase_title h2.casefile02_icon::before {
  background-image: url(/wp-content/uploads/2017/04/casefile02_icon.png);
}

.page_usecase_title h2.casefile09_icon::before {
  background-image: url(/wp-content/uploads/2017/04/casefile09_icon.png);
}

/*
.page_usecase_title p {
  background-color: #49BA00;
  color: #fff;
  text-decoration: none;
}

.page_usecase_title p::before {
  display: inline-block;
  content: "";
  background-image: url(/wp-content/uploads/2017/07/page_usecase_title_sample_appicon.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.page_usecase_title p {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  padding: 10px;
  margin: 0 auto;
  border: solid 2px #53c609;
  background-color: #fff;
  color: #53c609 !important;
}
*/

/*2021/02/18 add css*/

.page_usecase_title p {
  display: inline-block;
}
.page_usecase_titleArea_workflow .page_usecase_title .daownload_link::before {
  display: inline-block;
  content: "";
  width: 22px;
  height: 26px;
  margin-right: 9px;
  margin-top:0;
  background-image: url(/wp-content/uploads/2021/01/icn-dl-green.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.page_usecase_title .daownload_link {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  padding: 10px;
  margin: 0 auto;
  border: solid 2px #53c609;
  background-color: #fff;
  color: #53c609 !important;
}

.page_usecase_title .daownload_link:hover{
  text-decoration: none;
  opacity: .8;
}

@media (min-width: 1000px) {
  .page_usecase_titleArea_workflow .page_usecase_title .daownload_link::before {
    display: inline-block;
    content: "";
    width: 28px;
    height: 26px;
    margin-right: 9px;
    margin-top: -3px;
    background-image: url(/wp-content/uploads/2021/01/icn-dl-green.png);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
  }
  .page_usecase_title .daownload_link {
    width: 345px;
    font-size: 22px;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    margin: 0 auto;
    border: solid 2px #53c609;
    background-color: #fff;
    color: #53c609 !important;
  }
}
/*2021/02/18 add css end*/
.celf_merit_area_stepbox {
  position: relative;
  text-align: center;
}

.celf_merit_area_stepbox span {
  position: absolute;
  color: #49BA00;
  background: #fff;
  border: solid 2px #49BA00;
  text-align: center;
}

.recommended_for_area ul {
  text-align: left;
  list-style-type: none;
  padding: 0;
}

.recommended_for_area ul li {
  position: relative;
}

.recommended_for_area ul li::before {
  content: "・";
  position: absolute;
  left: 0;
}

.recommended_for_area span {
  display: block;
}

.recommended_for_area .end {
  margin: 0;
}

span.completeImg_title {
  font-weight: bold;
  display: block;
  width: 100%;
}

.usecase_completeImg {
  height: auto;
  overflow: hidden;
}

.usecase_completeImg img,
.usecase_completeImg span {
  display: block;
  width: 100%;
  text-align: center;
  float: left;
}

.free_trial_area {
  width: 100%;
  height: auto;
  overflow: hidden;
  border: 1px solid #D7EABB;
  background-position: top center;
  background-image: url(/wp-content/uploads/2017/04/white_cell_bg.gif);
}

.free_trial_area.case_introduction_area {
  background-image: none;
  background-color: #d8f7c4;
  border: 0;
  max-width: 100vw;
}

.free_trial_area h3 {
  color: #53C609;
}

.free_trial_area p {
  color: #000;
  font-weight: 300;
}
.usecase_icon_area {
  width: 100%;
  float: left;
}

.usecase_sub_area span {
  display: block;
  text-align: center;
}

.usecase_sub_area a {
  display: block;
  background-color: #53C609;
  color: #fff;
  text-decoration: none;
  padding: 10px 0;
  margin-top: 10px;
  font-weight: 500;
}

/*
a.usecase_other_caselink_btn {
display: block;
text-align: center;
margin: 0 auto;
padding: 10px 0;
background-color: #53C609;
color: #fff;
}
*/

a.usecase_other_caselink_btn {
  display: block;
  text-align: center;
  margin: 0 auto;
  padding: 10px 0;
  background-color: #fff;
  color: #53C609;
  border: solid 2px #53C609;
}

.free_trial_area.case_introduction_area .usecase_other_caselink_btn{
  background-color: #53C609;
  color: #fff;
  border: 0;
}

a.usecase_other_caselink_btn::after {
  content: " >"
}

.system_build_img img {
  width: 100%;
}

.celf_easy_area {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.celf_easy_area_iconArea {
  float: left;
  background-color: #d8f7c4;
  box-shadow: 6px 6px 0 #53C609;
}

.celf_easy_area_iconArea span {
  display: block;
  width: 100%;
  text-align: center;
}

.celf_easy_area_iconArea img {
  width: 100%;
}

.celf_easy_start_area {
  color: #53C609;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.celf_easy_start_area span {
  display: block;
  font-weight: bold;
  line-height: 100%;
}

.celf_easy_start_area a {
  color: #fff;
  background-color: #53C609;
  font-weight: bold;
}

.celf_easy_start_area a::before { content: "≫ "}
.celf_easy_start_area a::after { content: " ≪"}

.common_footer_seciton {
  margin-bottom: 50px;
}

hr.gray_hr_line {
  width: 100%;
  height: 3px;
  margin: 70px 0;
  background-color: #E6E6E6;
  background-image: none;
}

.toppage_bannerArea hr.gray_hr_line {
  float: left;
}

.common_footer_link.case_rpa .common_footer_link_btn span:nth-child(2) {
  background-color: #20B4EE;
  font-size: 16px;

}

.common_footer_link_btn {
  display: table;
}

.common_footer_link_btn a {
  opacity: .8;
}

.common_footer_link h5 {
  color: #53C609;
  text-align: center;
  font-weight: bold;
}

.common_footer_link_btn img {
  width: 100%;
}

.common_footer_link_btn span {
  display: table-cell;
  width: 100%;
  float: left;
  text-align: center;
  vertical-align: middle;
}

.common_footer_link_btn span:nth-child(2) {
  background-color: #94DD4E;
  font-weight: 500;
  color: #fff;
}

.solution p.rgst {
  font-size: 12px;
}

.casefile_03_link a img{
  max-width:80%;
}

.casefile_03_link a:hover img{
  opacity: .8;
  text-decoration: none;
}

.media .media-body .rpa_execution_btn strong a{
  padding: 10px 3em;
  color: #fff;
  background-color: #53c609;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 15px;
  text-decoration:none;
}

.media .media-body div strong a:hover{
  opacity:.8;
}
.trial_img img{
  max-width: 80%;
}

/* partner page */
.partner_join {
  text-align: center;
}
.partner_join h2,
.partner_join h3,
.partner_join h4 {
  color: #49ba00;
}

.partner_join .kagikakko::before {
  content: "［　"
}

.partner_join .kagikakko::after {
  content: "　］"
}

.partner_system_box {
  text-align: center;
  color: #fff;
}
.partner_system_box p {
  color: #575757;
}

.partner_system_area {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.partner_system_area .img_area {
  background: #94dd4e;
}

.partner_system_area .img_area span {
  width: 100%;
  display: block;
}

.border_dotted_box {
  border: 1px dotted #ccc;
  text-align: center;
}

.border_dotted_box ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.border_dotted_box span {
  display: block;
}
.border_dotted_box span a, .parther_recruitment a {
  display: inline-block;
  text-decoration: none;
  padding: 2px;
  border-bottom: 1px solid #53c609;
  color: #53c609;
}

.border_dotted_box span a:hover, .parther_recruitment a:hover {
  text-decoration: none;
  opacity: .8;
}

.partner_merit_point {
  text-align: left;
}
.partner_merit_point span.merit_point_img {
  display: block;
  border: none;
  background: #94dd4e;
  border-radius: 10px;
}

.partner_merit_point dd h5 {
  color: #49ba00;
  margin: 0;
}

.partner_merit_point span {
  display: inline-block;
  border: 1px solid #333;
}

.parther_recruitment h4 {
  color: #53c609;
}

.parther_recruitment .green_bg_link {
  background: #53c609;
}

.parther_recruitment a.green_bg_link {
  color: #fff;
  text-decoration: none;
}

.parther_recruitment a.green_bg_link:hover {
  text-decoration: none;
}
/* END partner page */


/*---------------------------

trial page

---------------------------*/

.trial_rpa_campaign{
  border: 3px solid #53c609;
  padding: 40px 15px 50px;
  margin-top: 70px;
}

p.trial_rpa_campaign_beforetext{
  font-size: 20px;
  margin: 0;
  letter-spacing:.1rem;
}

.trial_rpa_campaign h4{
  letter-spacing:.2rem;
  font-size: 27px;
  margin-top: 18px;
  margin-bottom: 30px;
}

p.trial_rpa_campaign_text{
  line-height: 1.5em;
  font-size: 14px;
  margin-top: 35px;
  font-weight: normal;
  color: #888888;
  letter-spacing:.1rem;
}

a.two_arrow_link_btn.trial_free_trial_btn{
  margin-top: 50px;
}

.trial_rpa_campaign a.price-suportlink{
  margin-bottom: 0px;
}

/* END trial page */

/* Funtion page*/
.function_area_title {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.function_area_title h2 {
  color: #49BA00;
}

.page_innner_link ul {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
  list-style-type: none;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
}

.page_innner_link ul li {
  box-sizing: border-box;
  text-align: center;
}

.page_innner_link ul li:hover a img,
.page_innner_link ul li:hover a p{
  text-decoration: none;
  opacity:.8;
}

.page_innner_link ul li img {
  width: 65px;
}

.page_innner_link ul li p {
  color: #575757;
}

.list_icon_box {
  text-align: center;
  margin: 20px 0;
}

.list_icon_box img {
  width: 130px;
}

section.function_area {
  max-width: 1000px;
  margin: 0 auto;
  border-top: 3px solid #ccc;
  outline: none;
}

section.function_area h5 {
  color: #49BA00;
  margin-bottom: 5px;
}

section.function_area ul {
  list-style-type: disc;
  margin: 0;
  padding-left: 20px;
}
.function_last_text p {
  text-align: right;
  font-style: 12px;
}
.function_pdf_download, .price_area_link {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}
.function_pdf_download h4, .price_area_link h4 {
  color: #49BA00;
  font-weight: bold;
}

.function_pdf_download a, .price_area_link a {
  background:#49BA00;
  color: #fff!important;
}

.price_area_link a::after {
  content: " >"
}

.page_innner_link a, .function_pdf_download a:hover, .price_area_link a:hover {
  text-decoration: none;
  opacity: .8;
}
.function_pdf_download br, .price_area_link br {
  display: none;
}
/* END Funtion page*/

/* clearfix
------------------------------------------*/
.clearfix:after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix{
  min-height: 1px;
}

* html .clearfix{
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* END clearfix */


.fa-chevron-circle-right::before {
  content: "\f138";
  font-size: 1.2em;
  color: #00a73c;
}


/*---------------------------

rpa page

---------------------------*/
.title_rpa_res{
  width: 650px;
  margin: 0 auto 50px;
  min-height: 95px;
}

.title_rpa_res h2 {
  display: block;
  font-size: 35px;
  font-weight: bold;
  line-height: 1.5em;
  color: #53c609;
}

.title_rpa_res p{
  display: none
}


.content_rpa{
  color: #7f7f7f;
}

.section_rpa_sol .rgst{

}

.section_rpa_merit h4{
  line-height: 2em;
  margin-bottom: 0;
}

.section_rpa_merit dt{
  padding: 5px 0px;
  width: 5.5em;
  text-align: center;
  font-size: 18px;
  border: 1px solid #dfdfdf;
  float: left;
  margin-right: 20px;
  color: #575757;
}

.section_rpa_merit dd{
  font-size: 15px;
}



.section_rpa_merit .rps_merit_second_child{
  background-color: #dfdfdf;
}

.content_rpa .text_red{
  color: #c00000;
  font-size: 15px;
}

.content_rpa .text_red2{
  color: #e2041b;
}

.section_rpa_merit .text_green{
  color: #00a73c;
  font-size: 15px;
}

.content_rpa .text_green{
  color: #00a73c;
}

.content_rpa .text_green_2 a{
  color: #53c609;
}
.rpa_linktext_sp01{
  font-size: 30px;
  color: #53c609;
  text-align: center;
  font-weight: bold;
}

.rpa_linktext_sp01 img {
  width: 14%;

}

table.rpa span{
  font-weight: bold;
}

table.rpa{
  background-color: #e8e8e8;
  color: #575757;
  font-size: 18px;
  border: none;
  border-collapse:collapse;
}

table.rpa .font_s{
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0px;
}

table.rpa .font_l{ /* add 20190924 */
  font-size: 20px;
}

.underline{ /* add 20190924 */
  text-decoration: underline;
}

table.rpa th{
  font-weight: bold;
  background-color: #9f9f9f;
  color: #fff;
  padding: 15px 20px;
}

table.rpa td{
  padding: 10px 20px;
}

table.rpa th:last-child{
  background-color: #5b5b5b;
}


table.rpa .odd{
  background-color: #cecece;
}

table.rpa td:first-child{
  font-weight: bold;
}

.section_rpa_movie p {
  text-align: center;
}

.section_rpa_movie p.rpa_contract_condition {
  text-align: left;
}

.section_rpa_movie h4{
  border-left: 7px solid #7f7f7f;
  padding: 0.3em 0.5em;
}
.section_rpa_movie h5{
  margin-top: 30px;
  margin-bottom: 10px;
}


.section_rpa_movie .section_rpa_movie_contents {
  width: 45%;
  margin-bottom: 30px;
}

.section_rpa_movie .section_rpa_movie_contents.rpa_movie_left {
  float: left;
  margin-right: 2.5%;
}

.section_rpa_movie .section_rpa_movie_contents.rpa_movie_right {
  float: right;
}

.section_rpa_movie_demo {
  display: inline-block;
}

.section_rpa_movie .box_shadow{
  box-shadow: 6px 6px #94DD4E;
}

.section_rpa_movie img {
  width: 450px;
  margin: 0 auto;
}

@media screen and (max-width:999px) {
  .section_rpa_movie img {
    width: 100%;
    max-width: 450px;
    height: auto;
  }
}

.section_rpa_movie dl{
  margin: 0;
}

.section_rpa_movie dt{
  padding: 5px 10px;
  width: 5em;
  text-align: center;
  font-size: 18px;
  border: 1px solid #bfbfbf;
  color: #575757;
}

.section_rpa_movie .section_rpa_movie_second_child{
  background-color: #bfbfbf;
}

.section_rpa_movie dd{
  font-size: 16px;
  margin-top: 8px;
}

a.rps_suportlink{
  text-decoration: underline;
}

.rpa_link_btn{
  display: block;
  text-align: center;
  margin: 40px auto;
  padding: 10px 0;
  background-color: #53C609;
  color: #fff !important;
  width: 480px;
  font-size: 20px;
}

a.rpa_link_btn:hover{
  opacity: 0.7;
  text-decoration: none;
}

.seminar_link_btn{
  background: #00a73c;
  border: none;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  padding: 11px 24px 11px;
  text-decoration: none;
}

a.seminar_link_btn:hover{
  background: #333333;
  color: #fff;
  text-decoration: none;
}

.content_rpa a.opacity:hover{
  opacity: 0.7;
}

.content_rpa p.mb_0{
  margin-bottom: 0px;
}

.section_rpa_movie_demo a:hover{
  opacity: 0.6;
}

.section_rpa_movie_hover:hover{
  opacity: 0.6;
}

.section_rpa_movie_hover{
  width: 667px;
  margin-right: auto;
  margin-left: auto;
}

.content_rpa .section_rpa_trial h3,
.content_rpa .section_rpa_diff h3,
.content_rpa .section_rpa_mainfunction h3,
.content_rpa .section_rpa_robotaction h3,
.content_rpa .section_rpa_requirement h3 {
  background-color: #7f7f7f;
  color: #fff;
  padding: 6px 10px;
  text-align: left;
  margin-top: 3em;
  border-left: 7px solid #7f7f7f;
}

.content_rpa .section_rpa_mainfunction .mainfunction_1 .support_item_title {
  margin-top: 22px;
}

.section_rpa_robotaction li,
.section_rpa_requirement li {
  list-style-type: none;;
}


/* END rpa page */

/*---------------------------

pra_special01_page

---------------------------*/


.rpa_special01_page h2{
  font-size: 38px;
  color: #49BA00;
  text-align: center;
  margin: 100px 0 50px;
  line-height: 1.8em;
}

.rpa_special01_page h3.textarea-bigtext{
  font-size: 24px;
}

.rpa_special01_page h2 span{
  display: block;
}

.rpa_sp01_img{
  width: 616px;
  margin: 50px auto 0;
}

.rpa_sp01_img p{
  margin-bottom: 10px;
}


.rpa_special01_page .page-wide-content{
  margin-bottom: 0;
}

.rpa_special01_page table{
  width: 100%;
  background-color: #fff;
  font-size: 16px;
  margin-top: 40px;
}

.rpa_special01_page td{
  background-color: #DCF2C4;
}


.rpa_special01_page table td:first-child{
  background-color: #AEEA60;
  font-weight: bold;
}

.rpa_special01_page table tr:first-child{
  background-color: #5AAF00;
  color: #fff;
  font-size: 18px;
}

.rpa_special01_page table tr:first-child th{
  padding: 20px 15px;
}

.rpa_special01_page table th,
.rpa_special01_page table td{
  border: 2px solid #fff;
  padding: 15px;
}

.rpa_sp01_point_content{
  margin-top: 90px;
}

.rpa_sp01_list{
  width: 100%;
  font-size: 17px;
  background-color: #D8F7C4;
  border-radius: 5px;
  padding: 30px 35px 20px;
  /*border: 1px solid #ccc;*/
  margin-top: 40px;
}

.rpa_sp01_list a{
  color: #575757;
}

.rpa_sp01_list a:hover{
  opacity: .7;
  color: #575757;
  text-decoration: none;
}

.rpa_sp01_list h3{
  margin: 0px;
}

.rpa_sp01_list ul{
  line-height: 1.8em;
}

.rpa_sp01_category li{
  list-style-type: disc;
}

.rpa_sp01_category_point li{
  list-style-type:circle;
}

.rpa_sp01_image{
  width: 100%;
}

.rpa_sp01_mainimage{
  width: 100%;
}

.rpa_special01_page .page-wide-content_last{
  margin-bottom: 80px;
}

.rpa_3point{
  width: 800px;
  display: block;
  margin: 0 auto;

}


/* END rpa_special page */

/*---------------------------

install_page

---------------------------*/


.install_page .install_rpa table{
  /*	width: 600px;*/
  background-color: #fff;
}

.install_page .install_rpa table,
.install_page .install_rpa table th,
.install_page .install_rpa table td{
  border: 1px solid #b8b8b8;
}


.install_page .install_rpa table th,
.install_page .install_rpa table td{
  padding: 10px;
}

.install_page .install_rpa table th{
  background-color: #DCF2C4;
}



.install_page .install_rpa table th:nth-child(1) {
  width: 15%;
}


.install_page .install_rpa table th:nth-child(2) {
  width: 17%;
}

.install_page table thead a.blue02-bld{
  color: #2d60ac;
}

.install_page table thead a.blue02-bld:hover{
  opacity: .7;
}


.install_page .install_text_red{
  color: #c00000;
}

.install_page table thead a.install_text_red{
  color: #c00000;
}

.install_page table thead a.install_text_red:hover{
  opacity: .7;
}


.install_page .install_kome{
  font-size: 14px;
  line-height: 1.5em;
}

.inst_dl_btn{
  padding: 5px 20px;
  background-color: #53C609;
  display: block;
}

#rpa_option,
#rpa_inst{
  margin-top: -80px;
  padding-top: 80px;
}

.install_page .install_rpa h3{
  background-color: #ccc;
  padding: 5px 10px;
  margin-top: 0;
}

.install_rpa table .td_green{
  background-color: #DCF2C4;
}

a.inst_opt:hover{
  opacity: .7;
}

.rpa_sp01_category_point{
  font-weight: normal;
}

.extension strong a{
  padding: 10px 5em;
  color: #fff;
  background-color: #53c609;
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 15px;
  text-decoration:none;
}

ul.rpa-old-ver-list {
  padding: 0;
  margin-top: 50px;
  margin-bottom: 0;
}

ul.rpa-old-ver-list li {
  list-style: none;
  display: inline;
  margin-right: 10px;
}

ul.rpa-old-ver-list li:first-child {
  font-size: 13px;
}

.extension.float-left {
  float: left;
  width: 30%;
  /* margin-right: 10%; */
}

.rpa-old {
  float: right;
  width: 70%;
}

.w3eden .btn-primary {
  background-color: #53c609;
  color: #FFFFFF;
}

.w3eden .btn-primary:hover {
  background-color: #53c609;
}

/* END install_page */

/*---------------------------

top page

---------------------------*/

a.top_opt:hover{
  opacity: .7;
  text-decoration:none;
}

a.top_rpa_link{
  width: 454px;
  padding: 19px 0;
  margin: 40px auto 0;
  font-size: 20px;
  line-height: 100%;
  background-color:#53C609;
  color: #fff;
  text-align: center;
  display: block;
}

.rpa_release{
  position:relative;
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 50px;
}

.toppage_workstyle_area img{
  width: 100%;
}

.toppage_workstyle_area .top_rpa_special{
  float: left;
  width: 400px;
  margin-right: 30px;
}

.toppage_workstyle_area .top_celf_workstyle{
  float: left;
  width: 400px;
}

.toppage_workstyle_area  .top_feature_area{
  width: 830px;
  margin: 0 auto;
}

.toppage_workstyle_area  .top_feature_area p{
  text-align: left;
}

/* END top page */

/*---------------------------

申込書類ダウンロード

---------------------------*/

.user_policy_contents_title p{
  line-height: 1.8em;
}


.user_policyArea{
  height: auto;
  overflow: hidden;
}

.user_policy_tableArea{
  padding-top: 50px;
}

.user_policy_table{
  width: 100%;
  border: none;
  background-color: #fff;
  line-height: 1.5;
}

.user_policy_table p{
  margin: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em
}

.user_policy_table th,
.user_policy_table td{
  padding: 25px;
  vertical-align: middle;
}

.user_policy_table th{
  background-color: #5AAF00;
  border-right: solid #fff 2px;
  border-bottom: solid #fff 2px;
  color: #fff;
  font-size: 17px;
  text-align: center;
}

.user_policy_table th img{
  display: block;
  margin: 0 auto;
}

.user_policy_table .td_border{
  border-bottom: solid #575757 1px;
}

.entry-content .user_policy_table a{
  text-decoration: underline;
  color: #575757;
}
.entry-content a.user_policy_partnerlink{
  color: #53C609;
}

.entry-content a.user_policy_partnerlink:hover{
  opacity: .7;
  text-decoration: none;
}
.entry-content .user_policy_table a:hover{
  opacity: .7;
}

.user_policy_tableArea dd{
  line-height: 1.2em;
  margin: 5px 8px;
  font-weight: normal;
}

.download_tableArea dd span{
  text-decoration: underline;
}

/* END 申込書類ダウンロード */

/*---------------------------

solution

---------------------------*/

.solution.sol000 h3{
  border: none;
  font-weight: bold;
  margin-bottom: 30px;
  margin-top: 85px;
  font-size: 25px;
}

.sol_system_contents,
.sol_apps_contents{
  width: 95%;
  margin: 40px auto 0;
}

.sol000_main{
  text-align: center;
}

.sol_apps_contents p,
.sol_system_contents p{
  width: 100%
}

.sol000_main dl{
  width: 100%;
  margin: 0;
}

.sol000_main dt{
  border-bottom: 1px solid #333;
  font-size: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.sol000_main dd{
  font-size: 16px;
  padding-top: 5px;
}


.sol000_bnr{
  border: 1px solid #B1B1B1;
}

.sol_apps_contents,
.sol_system_contents {
  position: relative;
}

.sol_apps_contents a,
.sol_system_contents a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent:-999px;
}

.sol_apps_contents:hover{
  opacity: 0.7;
}
.sol_system_contents:hover{
  opacity: 0.7;
}

.sol_step {
  text-align: center;
}

.sol_step_flame {
  display: inline-block;
  width: 280px;
  height: 250px;
  margin: 10px 25px 70px;
}

.caption_text_blue {
  font-size: 18px;
  font-weight: bolder;
  width: 100%;
  text-align: center;
  color: #1e73be;
}

ul.sol_service {
  padding: 0 10px 0 !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

ul.sol_service li {
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}

ul.sol_service li.step {
  width: 150px;
  height: 100px;
  margin: 0 5px 0;
  border: 2px solid #1e73be;
  border-radius: 10px;
}

p.sol_service {
  display: flex;
  /* flex-direction: row; */
  align-items: center;
  justify-content: center;
}

/* END solution */
/*---------------------------

導入事例一覧　case_news

---------------------------*/
ul.case_news_list{
  padding: 0;
}

ul.case_news_list li a{
  text-decoration: none;
  color: #575757;
  height: 100%;
}

ul.case_news_list li a:visited{
  color: #575757;
}

ul.case_news_list li{
  list-style-type: none;
  border: solid 2px #53C609;
  margin-bottom: 50px;
}

ul.case_news_list li h4{
  font-size: 19px;
  color: #53C609;
  margin-top: 0;
}

ul.case_news_list li span.category_celf,
ul.case_news_list li span.category_rpa{
  padding: 3px 8px;
  color: #FFFFFF;
  font-weight: bold;
  margin-right: 10px;
  font-size: 12.5px;
}

ul.case_news_list li span.category_celf{
  background-color: #53C609;
}

ul.case_news_list li span.category_rpa{
  background-color: #bfbfbf;
}

ul.case_news_list li:hover{
  box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
  /* transform: scale(1.05,1.05);*/
}

/* 導入事例一覧　case_news */


/*---------------------------

サービス一覧　service

---------------------------*/
ul.service_list{
  padding: 0;
}

ul.service_list li a{
  text-decoration: none;
  color: #575757;
  height: 100%;
}

ul.service_list li a:visited{
  color: #575757;
}

ul.service_list li{
  list-style-type: none;
  border: solid 2px #53C609;
  margin-bottom: 50px;
}

ul.service_list li h4{
  font-size: 19px;
  color: #53C609;
  margin-top: 0;
}

ul.service_list li span.category_celf,
ul.service_list li span.category_rpa{
  padding: 3px 8px;
  color: #FFFFFF;
  font-weight: bold;
  margin-right: 10px;
  font-size: 12.5px;
}

ul.service_list li span.category_celf{
  background-color: #53C609;
}

ul.service_list li span.category_rpa{
  background-color: #bfbfbf;
}

ul.service_list li:hover{
  box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
  /* transform: scale(1.05,1.05);*/
}
.service_list li a div .none {
  display: none;
}

/* サービス一覧　service */

/*---------------------------

Top page RPA video

---------------------------*/
.toppage_rpa_video_main span.left_conter {
  position: absolute;
  top: 0;
  left: 0;
}

.toppage_rpa_video_main h3 {
  text-align: left;
  color: #53C609;
}

.toppage_rpa_video_main p {
  text-align: block;
}

.toppage_rpa_video_main {
  position: relative;
}

.toppage_rpa_video img{
  width: 100%;
}

.toppage_rpa_video .top_rpa_video01 {
  float: left;
  width: 460px;
  margin-right: 80px;
}

.toppage_rpa_video .top_rpa_video02 {
  float: left;
  width: 460px;
}

.toppage_rpa_video .top_video_area {
  width: 1000px;
  margin: 0 auto;
}

.toppage_rpa_video .top_video_area p {
  text-align: center;
}

a.top_rpa_video_link {
  width: 400px;
  padding: 12px 0;
  margin: auto 0;
  font-size: 18px;
  line-height: 100%;
  background-color: #53C609;
  color: #fff;
  text-align: center;
  display: block;
  border-radius: 50px;
  background: url(/wp-content/themes/i-max/images/play-button-red.png) 10% 50% no-repeat #53C609;
}

.rpa_video00_des {
  float: left;
  width: 50%;
}

.rpa_video00_des h3 {
  font-size: 36px;
  margin-top: 0;
}

.content_rpa h3.rpa_page_title {
  text-align: left;
  color: #53C609;
  padding: 0;
  border-left: none;
  margin-top: 20px;
  margin-top: 0;
  background: none;
}

.top_rpa_video00 {
  float: right;
  width: 50%;
}


.rpapage_rpa_video_main h3 {
  font-size: 30px;
  color: #53c609 !important;
  text-align: center;
  font-weight: bold;
}

.rpapage_rpa_video_main p img{
  width: 100%;
}

.rpapage_video {
  width: 98%;
  margin: 0 auto;
}


.top_rpa_video00 a:hover, .top_rpa_video01 a:hover, .top_rpa_video02 a:hover {
  opacity: 0.8;
}

.rpapage_video a:hover {
  opacity: 0.8;
}


/* END Top page RPA video */


li#menu-item-2843{
  display: none;
}


/*---------------------------

RPA page layout change

---------------------------*/

.content_rpa h3 {
  color: #7f7f7f;
}


/* END RPA page layout change */

/* ----20181108追加-------------------- */

.mainfunction_img {
  margin: 0 auto;
  text-align: center;
}

.mainfunction_2_title {
  width: 100%;
  position: relative;
}

.NEW_icon_green {
  float: left;
  width: 60px;
  height: 60px;
  margin-right: 2%;
  vertical-align: bottom;
  text-align: center;
  background-color: #6ac603;
  border-radius: 30px;
  position: absolute;
  top: 20%;
  left: 0;
}
.NEW_icon_green p {
  line-height: 60px;
  color: #fff;
}
.mainfunction_2_title h4 {
  float: left;
  width: 80%;
  margin-left: 70px;
}

.rpapage_rpa_video_main h5 {
  text-align: center;
}

/* ----20181112追加-------------------- */

.rpa_local_nav ul.rpa_local_nav_list li a {
  font-size: 18px;
}

.rpa_local_nav ul.rpa_local_nav_list li a:hover {
  text-decoration: none;
  opacity: 0.7;
}

/* ----20181115追加-------------------- */

.user_beginning_column{
  padding: 0;
  padding-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none;
}

.user_beginning_column .br-pc{
  display: inline-block;
}

.user_beginning_column .beginner_rpa_video02{
  margin-bottom: 166px;
}

.user_beginning_column .beginner_rpa_video02.mb68{
  margin-bottom: 68px;
}

.user_beginning_column li{
  width: 310px;
  float: left;
  padding: 0 25px;
}

.user_beginning_column li:nth-child(2){
  border-left: 2px solid #333;
}

.user_beginning_column li:nth-child(3){
  border-left: 2px solid #333;
}

.user_beginning_column h4{
  position: relative;
  color:#fff;
  background-color: #a6a6a6;
  text-align: center;
  margin-top: 0;
  width: 94%;
  line-height: 36px;
  font-size: 15px;
  letter-spacing: -.5px;
}

.user_beginning_column h4:after{
  content: "";
  width: 0;
  height: 0;
  border-top: solid 18px transparent;
  border-right: solid 18px transparent;
  border-bottom: solid 18px transparent;
  border-left: solid 18px #a6a6a6;
  position: absolute;
  right: -36px
}

.user_beginning_column dl{
  margin: 0;
}

.user_beginning_column dt a:before{
  content: '';
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 7px;
  height: 7px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(45deg);
  transition: right 0.2s;
}

.user_beginning_column dt a:hover:before {
  right: 15px;
}

.user_beginning_column dd{
  margin-bottom: 10px;
}

.user_beginning_column dd+dd{
  margin-bottom: 10px;
}

.user_beginning_column dd .large-button.downloads-form,
.user_beginning_column dd .large-button.downloads-noform,
.user_beginning_column dd .large-button.downloads-web {
  padding: 0 0 17px;
}

.user_beginning_column .user_beginning_seminar a{
  display: block;
  color: #fff;
  background-color: #f5a600;
  padding: 14px 32px;
  margin-bottom: 10px;
  width: 100%;
  line-height: 1.5;
  font-size: 15px;
  margin-top: 25px;
}

.user_beginning dt a,
.user_beginning dt p{
  display: block;
  color: #fff;
  background-color: #49BA00;
  margin-bottom: 10px;
  border-radius: 3px;
  width: 100%;
  padding: 10px 0;
  line-height: 2.3;
  font-size: 15px;
  margin-top: 25px;
  letter-spacing: -.5px;
  transition: all .2s linear;
  position: relative;
  text-align: center;
}

.user_beginning dt a:hover{
  opacity: 0.8;
  text-decoration: none;
}

/*.user_beginning_column .user_beginning_line{
margin-top: 20px;
} */

.user_beginning_column .user_beginning_line span{
  padding: 5px 10px;
  border: 1px solid #000;
}

.user_beginning_column img{
  width: 100%;
  box-shadow: 0 0 4px #9f9f9f;
}

.user_beginning_column a img:hover{
  opacity: 0.8;
}

.beginner_dl_btn{
  text-align: center;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,f2f2f2+35,a3a3a3+100 */
  background: rgb(242,242,242); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(242,242,242,1) 35%, rgba(163,163,163,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 35%,rgba(163,163,163,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(242,242,242,1) 35%,rgba(163,163,163,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#a3a3a3',GradientType=0 ); /* IE6-9 */
}

.beginner_dl_btn{
  margin: 10px;
  width: 75%;
  border-radius: 4.5px;
  line-height: 2;
  font-size: 14px;
  border: 2px solid #333;
}

.beginner_dl_btn a{
  text-decoration: none;
  color: #333;
  width: 100%;
  height: 100%;
  display: inline-block;
  line-height: 2.8;
  font-size: 18px;
}

.beginner_dl_btn a:hover{
  text-decoration: none;
}
.beginner_dl_btn:hover{
  box-shadow: 2px 2px 4px #9f9f9f;
}
.highlighter {
  background: linear-gradient(transparent 50%, #fff900 50%);
}
.text_white {
  color: #fff;
}
.text_orange {
  color: #ff8000;
}
.text_green2 {
  color: #49ba00;
}
.circle-number {
  display: inline-block;
  padding: 10px;
  margin-right: 10px;
  background: #49ba00;
  border-radius: 20px;
  line-height: 0.5;
  font-size: 16px;
  color: #fff;
}
.arrow-bottom {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: 0 10px;
  border-bottom: 4px solid #53C609;
  border-right: 4px solid #53C609;
  transform: rotate(45deg);
}
.pt10 {
  padding-top: 10px;
}
.font16px {
  font-size: 16px;
}

/* 2020601_改行非表示追加 */
.case_news_list li a div .none {
  display: none;
}
/* 20200601_導入事例h2行間変更追加 */
#post-9068 .introduction_example_title h2 {
  line-height: 160%
}
/* end */

/**
* 20200612 downloads page button 追加
* ----------------------------------------------------------------------------
*/

.large-button.downloads-form,
.large-button.downloads-noform,
.large-button.downloads-web {
  padding: 17px 0;
  font-size: 16px;
  position: relative;
}

.large-button.downloads-form.intro.info a,
.intro.info .large-button.downloads-noform a,
.intro.info .large-button.downloads-web a{
  font-size: 10px;
}

.large-button.downloads-form a,
.large-button.downloads-noform a,
.large-button.downloads-web a {
  background: url(/wp-content/uploads/cmn_images/icn-dl-white.png) 95% center no-repeat;
  border: none;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  padding: 11px 30px 11px 5px;
  text-align: center;
  text-decoration: none;
  transition: all .2s linear;
  width: 100%;
}

.large-button.downloads-form.intro a,
.intro .large-button.downloads-noform a,
.intro .large-button.downloads-web a{
  width: 16em;
  margin-right:5px;
}

.large-button.downloads-form.intro.info a,
.intro.info .large-button.downloads-noform a,
.intro.info .large-button.downloads-web a{
  background-size: 10%;
}


.large-button.downloads-web a {
  background: none;
  padding: 11px 50px;
  position: relative;
}

#downloads-block .large-button.downloads-web a:before {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%) rotate(45deg);
  transition: border 0.3s;
}

.large-button.downloads-form a {
  background-color: #00a73c;
}

.large-button.downloads-noform a,
.large-button.downloads-web a {
  background-color: #21b4ee;
}

.large-button.downloads-noform a:hover,
.large-button.downloads-noform a:hover,
.large-button.downloads-web a:hover {
  opacity: 0.7;
}

.large-button.downloads-form.downloads-form-beginner,
.large-button.downloads-noform.downloads-noform-beginner{
  width: 84%;
  margin: 0 auto;
}

.large-button.downloads-form.downloads-form-beginner a,
.large-button.downloads-noform.downloads-noform-beginner a {
  padding: 8px 16px;
  font-size: 15px;
  background-size: 20px auto;
}

#downloads-block hr{
  background-image: none;
}

.category_product-introduction,
.category_white-paper,
.category_case-studies,
.category_how-to-use{
  padding: 3px 8px;
  color: #FFFFFF;
  font-weight: bold;
  margin-right: 10px;
  font-size: 12.5px;
}

.category_product-introduction{
  background-color: #bfbfbf;
}

.category_white-paper{
  background-color: #F29736;
}

.category_case-studies{
  background-color: #21B4EE;
}

.category_product-introduction{
  background-color: #7d7b6d;
}

.category_how-to-use{
  background-color: #575757;
}

#downloads-block .wp-block-column .wp-block-image img {
  border:1px solid 575757;
  height: auto;
  width: 100%;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #downloads-block .wp-block-column .wp-block-item:nth-child(1) img {
    width: 80%;
  }


}
/* end */

/**
* 20200707 table.phase_table-sub .odd 追加
* ----------------------------------------------------------------------------
*/

table.phase_table-sub tbody tr td.odd {
  background-color:#d3f9a5;
}

/* end */


/**
* 20220516 奉行クラウドお知らせページtable.phase_table-sub
* ----------------------------------------------------------------------------
*/

table.four_col_phase_table-sub tbody tr td.odd {
  background-color:#d3f9a5;
}

/* end */
/*---------------------------



/**
* 20200727 .excel-template_download_btn 追加
* ----------------------------------------------------------------------------
*/

a.two_arrow_link_btn.excel-template_download_btn {
  background-color:#21b4ee;
}
.etm-content-inner a.two_arrow_link_btn.excel-template_download_btn {
  margin: 0 auto;
}
/* end */

/**	
* 20200806 .excel-template_merit_btn .excel-template_how-to-use_btn 追加	
* ----------------------------------------------------------------------------	
*/	
.etm-content-inner .wrap-etm-expbtn{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.etm-content-inner a.excel-template_merit_btn,
.etm-content-inner a.excel-template_how-to-use_btn{
  width: 48%;
  padding: 12px 24px 8px;
  border-radius: 4px;
  display: inline-block;
  color: #FFF;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  transition: all .2s linear;
}
.etm-content-inner a.excel-template_merit_btn:active,
.etm-content-inner a.excel-template_how-to-use_btn:active {
  transform: translateY(4px);
  border-bottom: none;
}
.etm-content-inner a.excel-template_merit_btn{
  color: #00a73c;
  background-color: #F9FF10;
  border-bottom: 4px solid #c5ca00;
}
.etm-content-inner a.excel-template_how-to-use_btn {
  color: #fff;
  background-color: #21b4ee;
  border-bottom: 4px solid #008fc7;
}
.etm-content-inner a.excel-template_how-to-use_btn img {
	width: 30px;
}
.icon-excel-template_how-to-use_btn{
  width: 24px;
}

@media screen and (max-width: 999px){
  .etm-content-inner a.excel-template_merit_btn,
  .etm-content-inner a.excel-template_how-to-use_btn{
    font-size: 20px; 
    line-height: 2;
  }
}

@media screen and (max-width: 600px){
  .etm-content-inner .wrap-etm-expbtn{
    width: 100%;
    display: block;
  }
  .etm-content-inner a.excel-template_merit_btn,
  .etm-content-inner a.excel-template_how-to-use_btn{
    width: 100%;
  }
  .etm-content-inner a.excel-template_merit_btn{
    margin-bottom: 24px;
  }
}	
.etm-ttl {	
  display: block;	
  margin-top: 0;	
  margin-bottom: 0.3em;	
  font-size: 2.286em;	
  font-weight: bold;	
  line-height: 1.5;	
  color: #46b900	
}	
.etm-ttl .underLine {	
  background: linear-gradient(transparent 80%, #fcee21 80%)	
}	
.etm-detail-copy {	
  margin-bottom: 0.5em;	
  font-size: 1.286em;	
  font-weight: bold;	
  line-height: 1.5;	
  color: #46b900	
}	
.etm_celf, .etm_seminar {	
  margin-bottom: 7.143em	
}	
.etm_celf .etm-detail-copy {	
  font-size: 1.286em	
}	
.etm_celf .etm-ttl {	
  margin-bottom: 0.8em	
}	
.etm_celf .solid_gray_border_bg-grayline {	
  padding: 3.571em	
}	
/*2021/02/19 add css*/
.scene-management-content{
  width: 1000px;
  margin: 0 auto;
}
.scene-management-content .etm_celf .solid_gray_border_bg-grayline .etm_celf_list li:first-child {	
  width: 30%;	
  margin-right: 2.143em;	
}	
.scene-management-content .etm_celf .solid_gray_border_bg-grayline .etm_celf_list li:first-child img {	
  max-width: inherit;
}	
.scene-management-content .etm_celf .solid_gray_border_bg-grayline .etm_celf_list li:last-child {	
  width: 70%;
}	
/*2021/02/19 add css end*/
.etm_celf .solid_gray_border_bg-grayline .etm_celf_list {	
  display: flex;	
  align-items: center;	
  width: 100%;	
  margin: 0;	
  padding: 0;	
  overflow: hidden;	
  list-style: none	
}	
.etm_celf .solid_gray_border_bg-grayline .etm_celf_list li:first-child {	
  width: 27.2%;	
  margin-right: 2.143em;	
  padding: 1.429em;	
  background: #fff	
}	
.etm_celf .solid_gray_border_bg-grayline .etm_celf_list li:first-child img {	
  max-width: 197px	
}	
.etm_celf .solid_gray_border_bg-grayline .etm_celf_list li:last-child {	
  width: 72.8%	
}	
.etm_celf .solid_gray_border_bg-grayline .etm_celf_list li:last-child p {	
  margin-bottom: 0;	
  font-size: 16px;	
  text-align: left	
}	
@media screen and (max-width: 999px) {	
  /*2021/02/19 add css*/
  .scene-management-content{
    width: 96%;
  }
  .scene-management-content .etm_celf .solid_gray_border_bg-grayline .etm_celf_list li:first-child {	
    width: 30%;	
    margin-right: 0;
    padding: 1.429em;
  }	
  .scene-management-content .etm_celf .solid_gray_border_bg-grayline .etm_celf_list li:first-child img {	
    width: 100%;
  }	
  .scene-management-content .etm_celf .solid_gray_border_bg-grayline .etm_celf_list li:last-child {	
    width: 100%;
  }	
  /*2021/02/19 add css end*/
  .etm_celf .solid_gray_border_bg-grayline {	
    width: 100%	
  }	
  .etm_celf .solid_gray_border_bg-grayline .etm_celf_list {	
    display: flex;	
    align-items: center;	
    flex-direction: column	
  }	
  .etm_celf .solid_gray_border_bg-grayline .etm_celf_list li:first-child {	
    width: 30%;	
    margin-right: 0;	
    margin-bottom: 1.143em	
  }	
  .etm_celf .solid_gray_border_bg-grayline .etm_celf_list li:last-child {	
    width: 100%;	
    margin-bottom: 0.625em	
  }	
  .etm_celf .solid_gray_border_bg-grayline .text-align__center a {	
    margin-bottom: 0	
  }	
}	
@media screen and (max-width: 600px) {	
  /*2021/02/19 add css*/
  .scene-management-content .etm_celf .solid_gray_border_bg-grayline .etm_celf_list li:first-child {	
    width: 60%;	
  }	
  .scene-management-content .etm-ttl {
    font-size: 2em;
  }
  /*2021/02/19 add css end*/
  .etm-content-inner a.excel-template_merit_btn, .etm-content-inner a.excel-template_how-to-use_btn {	
    font-size: 12px;	
    display: block;	
    width: 85%;	
    margin: 10px auto;	
  }	
  .etm-content-inner a.excel-template_how-to-use_btn {	
    background-position: 95% center	
  }	
  .etm_celf, .etm_seminar {	
    margin-bottom: 4.286em	
  }	
  .etm_celf .etm-detail-copy {	
    font-size: 16px	
  }	
  .etm_celf .etm-ttl {	
    margin-bottom: 0.875em	
  }	
  .etm_celf .solid_gray_border_bg-grayline {	
    padding: 3em	
  }	
  .etm_celf .solid_gray_border_bg-grayline .etm_celf_list li:first-child {	
    width: 100%	
  }	
  .etm_celf .solid_gray_border_bg-grayline .etm_celf_list li:last-child {	
    width: 100%;	
    margin-bottom: 0	
  }	
  .etm_celf .solid_gray_border_bg-grayline .etm_celf_list li:last-child p {	
    font-size: 14px	
  }	
  .etm_celf .btn a {	
    margin-left: 0;	
    margin-right: 0;	
    width: 100%	
  }	
}	
/* end */	
.font24px {	
  font-size: 24px	
}	
.marker_yellow_hoso {	
  background: linear-gradient(transparent 60%, #ffff66 60%);	
}

a.price-suportlink_dl.textlink {	
  text-decoration: underline;	
}	
.lity-image img {	
  margin: auto;	
}	
#nextpage {	
  background: #D8F7C4;	
  font-size: 17px;	
  margin: 0 0 25px;	
  padding: 10px;	
  text-align: center;	
}

/*2021/03/29 add css scene*/
.scene__list{
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding:0;
  list-style: none;
}
.scene__list--item{
  position: relative;
  width: calc((100% - 4%) /3);
  margin-right: 2%;
  margin-bottom: 20px;
  padding: 20px;
  border: dashed 2px #ccc;
}
.scene__list--item:last-child{
  margin-right: 0;
}
.scene__list--item--lv5{
  font-size: 23px;
  margin-top: 0;
  margin-bottom: 10px;
}
.scene__list--item--txTol{
  color: #ff6600;
}
.scene__list--item--txt{
  margin-bottom: 0;
}
.scene__btn{
  position: relative;
  margin-top: 50px;
}
.scene__btn--link{
  padding: 20px 30px;
  width: 80%;
  margin: 0 auto;
  display: block;
  text-align: center;
  background-color: #53c609;
  color: #fff !important;
  font-size: 16px;
}
.scene__btn--link:hover{
  text-decoration: none;
  opacity: .8;
  color: #fff;
}
.scene__btn--link--img{
  position: absolute;
  top:-5px;
  left: 20px;
  width: 112px;
  height: 140px;
  z-index: 1;
  overflow: auto;
}
.scene__btn--link .scene__btn--link--bold{
  display: initial;
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}
.scene__list--btn01--link{
  margin-top: 10px;
  padding: 10px;
  display: block;
  text-align: center;
  border: 1px solid #53c609;
  color: #53c609;
  font-size: 16px;
} 
.scene__list--btn02--link{
  margin-top: 10px;
  padding: 10px;
  display: block;
  text-align: center;
  background-color: #53c609;
  color: #fff !important;
  font-size: 16px;
} 
.scene__list--btn01--link:hover{
  text-decoration: none;
  opacity: .8;
  color: #53c609;
}
.scene__list--btn02--link:hover{
  text-decoration: none;
  opacity: .8;
  color: #fff;
}
.scene__list--number{
  margin-bottom: 0;
  padding-top: 16px;
  position: absolute;
  top:-20px;
  right: -10px;
  width: 70px;
  height: 70px;
  background: #ff6600;
  color: #fff;
  border-radius: 50%;
  line-height: 1.2;
}


.title-pink {
  color: #f5708f;
}
.title-darkblue {
  color: #235594;
}
.title-red {
  color: #ff3d00;
}
.title-purple {
  color: #6d67c9;
}
.title-lightgreen {
  color: #33d889;
}
.title-blue {
  color: #0063be;
}
.title-orange {
  color: #f27910;
}
.title-lightblue {
  color: #06d0e8;
}
.title-darkgreen {
  color: #328b5f;
}

h5.scene__list--item--lv5.title-cs_01 { color: #F4708F; }
h5.scene__list--item--lv5.title-cs_02 { color: #225593; }
h5.scene__list--item--lv5.title-cs_03 { color: #338B5F; }
h5.scene__list--item--lv5.title-cs_07 { color: #0063BE; }
h5.scene__list--item--lv5.title-cs_11 { color: #B3404A; }
h5.scene__list--item--lv5.title-cs_16 { color: #6C67C8; }
h5.scene__list--item--lv5.title-cs_18 { color: #1E842C; }
h5.scene__list--item--lv5.title-cs_19 { color: #06CFE7; }
h5.scene__list--item--lv5.title-cs_20 { color: #A3A313; }
h5.scene__list--item--lv5.title-cs_24 { color: #ecc411; }
h5.scene__list--item--lv5.title-cs_25 { color: #870CC1; }
h5.scene__list--item--lv5.title-cs_31 { color: #F17910; }
h5.scene__list--item--lv5.title-cs_34 { color: #66B49D; }
h5.scene__list--item--lv5.title-cs_35 { color: #F8B64C; }
h5.scene__list--item--lv5.title-cs_36 { color: #4DA1F5; }
h5.scene__list--item--lv5.title-cs_37 { color: #0071BC; }
h5.scene__list--item--lv5.title-cs_38 { color: #4E901E; }



@media screen and (max-width:999px) {
  .scene__list{
    padding: 0 20px;
  }
  .scene__list--item:nth-child(2n){
    margin-right: 2%;
  }
  .scene__list--item:nth-child(3n){
    margin-right: 0;
  }
  .scene__list--item:last-child{
    margin-right: 0;
  }
  .scene__list--item--lv5{
    font-size: 18px;
  }
  .scene__list--item--txTol{
    color: #ff6600;
  }
  .scene__list--item--txt{
    margin-bottom: 0;
  }
  .scene__btn{
    position: relative;
    margin-top: 50px;
    padding: 0 20px;
  }
  .scene__btn--link{
    padding: 20px;
    width: 90%;
  }
  .scene__btn--link:hover{
    text-decoration: none;
    opacity: .8;
    color: #fff;
  }
  .scene__btn--link--img{
    display: none;
  }
  .scene__btn--link .scene__btn--link--bold{
    font-size: 16px;
  }
}
@media screen and (max-width: 600px) {
  .scene__list{
    display: flex;
    flex-direction: column;
  }
  .scene__list--item{
    width:100%;
    margin-right:0;
  }
  .scene__list--item:nth-child(2n){
    margin-right: 0;
  }
  .scene__list--itemSp{
   display: flex; 
  }
  .scene__list--itemSp--item:first-child{
    width: 30%;
  }
  .scene__list--itemSp--item:last-child{
    width: 70%;
  }
  .scene__list--item--lv5{
    font-size: 18px;
    margin-top: 0;
    text-align: left;
  }
  .scene__list--item--txTol{
    text-align: left;
  }
  .scene__list--item--txt{
    text-align: left;
    margin-bottom: 0;
  }
  .scene__btn{
    position: relative;
    margin-top: 30px;
  }
  .scene__list--number{
    margin-bottom: 0;
    padding: 10px 0 0 0 !important;
    position: absolute;
    top:-10px;
    right: -10px;
    width: 60px;
    height: 60px;
  }
}
/* end */	

/*2021/03/29 add css sns btn*/
.sns_botton .twitter{
  background: #1d9bf0;
}
.sns_botton .fb{
  margin-right: 0 !important;
  background: #1877f2;
}
.sns_botton .twitter a,.sns_botton .fb a{
  padding: 15px;
  display: block;
  color: #fff;
}
.sns_botton .twitter a:hover,.sns_botton .fb a:hover{
  text-decoration: none;
  opacity: 0.8;
}
@media screen and (max-width: 600px) {
  ul.sns_botton{
    margin: 40px 0px 40px 0px !important;
    padding: 0 20px !important;
  }
  .sns_botton .twitter{
    width: 100%;
    text-align: center;
  }
  .sns_botton .fb{
    width: 100%;
    margin-top: 10px;
    text-align: center;
    margin-right: 0 !important;
  }
}

/*2021/04/07 add css*/
.newIcon{
  display: inline-block;
  margin-bottom: 0;
  padding: 5px;
  font-size: 16px;
  background: #ff6600;
  color: #fff !important;
}
.newIcon+p{
  display: inline-block;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: bold;
}


@media screen and (max-width: 600px) {
  .newIcon{
    display: inline-block;
    padding: 5px 5px 5px 5px;
    background: #ff6600;
    color: #fff;
  }
  .newIcon+p{
    padding: 0 !important;
  }
	
  .addpage h1 {
    line-height: 125%;
  }
}

.txt_strong{
  font-weight: bold;
  background: linear-gradient(transparent 60%, #ffffa7 40%);
}

@media screen and (max-width: 999px) {
  .m_trial_btn_pc {
    display: none !important;
  }
}
.m_trial_btn_sp {
  display: none !important;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 350px;
  width: 90%;
}
.m_trial_btn_sp a {
  height: 100%;
  background-color: #f3fd01;
  font-weight: bold;
  font-size: 21px;
  border-radius: 50px;
  box-shadow: 0 6px 0 #319100;
  width: 100%;
  max-width: 100%;
  padding: 5px 45px;
  letter-spacing: 0.2rem;
  color: #319100;
  display: inline-block;
  text-align: center;
  line-height: 1.5;
}
.m_trial_btn_sp span {
  font-size: 1.5vw;
  letter-spacing: normal;
}
@media screen and (max-width: 999px) {
  .m_trial_btn_sp {
    display: inline-table !important;
  }
}

@media screen and (max-width: 600px) {
  .m_trial_btn_sp a {
    font-size: 17px;
    padding: 12px 15px;
    letter-spacing: normal;
  }
  .m_trial_btn_sp span {
    font-size: 3.2vw;
  }
}

.pn-banner {
	margin: min(2.4vw, 24px) 0;
	max-width: 1000px;
	position: relative;
}

.pn-banner-img-sp {
	display: none;
}

.pn-banner-text-container {
	left: min(3.2vw, 32px);
	position: absolute;
	top: min(2.2vw, 22px);
}

.pn-banner-text {
	color: #383838;
	font-family: "Noto Sans JP", sans-serif;
	font-size: min(1.8vw, 18px);
	font-weight: 700;
	line-height: 100%;
  margin-bottom: 0 !important;
}

.pn-banner-text span {
	color: #00B050;
	font-size: min(1.8vw, 18px);
	font-weight: 700;
	line-height: 100%;
}

.pn-banner-title {
	color: #00B050;
	font-family: "Noto Sans JP", sans-serif;
	font-size: min(3.9vw, 39px);
	font-weight: 700;
	line-height: 100%;
	margin-top: min(0.8vw, 8px);
  margin-bottom: 0 !important;
}

.pn-banner-link-container {
	bottom: min(0.2vw, 2px);
	position: absolute;
	right: min(0.2vw, 2px);
}

.pn-banner-link {
	background-color: #0E9347;
	border-radius: 4px 0 5px 0;
	color: #FFFFFF !important;
	display: inline-block;
	font-weight: 700;
	padding: min(0.7vw, 7px) min(4.1vw, 41px) min(0.9vw, 9px) min(2vw, 20px);
	position: relative;
	text-decoration: none;
	transition: 0.3s;
}

.pn-banner-link::after {
	background: url(../images/partner-network/pn-banner-vector.png) no-repeat center center/contain;
	content: "";
	height: min(2vw, 20px);
	position: absolute;
	right: min(1.7vw, 17px);
	top: 50%;
	transform: translateY(-50%);
	width: min(1.4vw, 14px);
}

.pn-banner-link:hover {
	background-color: #FFFFFF;
	color: #0E9347 !important;
	text-decoration: none !important;
}

.pn-banner-link:hover::after {
	background: url(../images/partner-network/pn-banner-vector-hover.png) no-repeat center center/contain;
}

@media (max-width: 767px) {
  .pn-banner-img-pc {
    display: none;
  }
  
  .pn-banner-img-sp {
    display: block;
  }
  
  .pn-banner-text-container {
    display: none;
  }
  
  .pn-banner-link-container {
    bottom: 4.776119403vw;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
    width: 59.7014925373vw;
  }
  
  .pn-banner-link {
    border-radius: 4px;
    font-size: 4.776119403vw;
    line-height: normal;
    padding: 1.447761194vw 15.5223880597vw 2.3164179104vw;
    width: 59.7014925373vw;
  }
  
  .pn-banner-link::after {
    height: 4.776119403vw;
    right: 2.447761194vw;
    width: 3.5820895522vw;
  }
  
  }



/*** web-api, turquoise 20240703 add ***/
/* text */
#web-api-page, #turquoise-page, #dx-page {
	font-weight: 500;
  }
#web-api-page p, #turquoise-page p, #dx-page p {
  font-size: 20px;
}
#turquoise-page .text30 {
  font-size: 30px;
  line-height: 1.3;
}
#turquoise-page .text26, #dx-page .text26 {
  font-size: 26px;
}
#dx-page .text22 {
  font-size: 22px;
}
#web-api-page .text16, #turquoise-page .text16, #dx-page .text16 {
  font-size: 16px;
}
#web-api-page .text14 {
  font-size: 14px;
}
#web-api-page .text-orange {
  font-size: 32px;
  color: #ef8c16;
  border-bottom: 2px solid #ef8c16;
  line-height: 1.2;
  display: inline-block;
  margin-top: 20px;/* 調整後削除 */
}
#web-api-page .text-green, #turquoise-page .text-green, #dx-page .text-green {
  color: #00b050;
}
#web-api-page .web-api-info span {
  font-size: 36px;
}
#turquoise-page .font-bold {
  font-weight: 700;
}
#turquoise-page .text-space2 {
	letter-spacing: 2px;
  }
#web-api-page .text-line-green {
  font-size: 20px;
  color: #00b050;
  border: 1px solid #00b050;
  padding: 2px 20px;
  margin: 20px 0 10px 0;
}
#web-api-page h2 .web-api-h2-en, #dx-page .dx-h2-en {
  display: inline-block;
  position: relative;
  color: #333;
  font-size: 14px;
}
#web-api-page h2 .web-api-h2-en:before, #dx-page .dx-h2-en:before {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 1px;
  background-color: #000000;
}
#web-api-page h2 .web-api-h2-jp, #dx-page .dx-h2-jp {
  color: #2f9e23;
  margin-top: 20px;
  font-size: 32px;
  letter-spacing: 4px;
}
#web-api-page h3 span {
  background: #00b050;
  color: #fff;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
}
#web-api-page h3 {
  color: #00b050;
  font-size: 24px;
  font-weight: normal;
}

/* box / bg */
#web-api-page .bg-green, #dx-page .bg-green {
  background: #00b050;
  color: #ffffff;
  font-weight: bold;
  padding: 5px;
  margin-top: 20px;/* 調整後削除 */
}
.turquoise-features, #web-api-page .flex-row  {
  display: flex;
  justify-content: space-around;
}
#web-api-page .flex-row {
  justify-content: space-between;
}
#web-api-page .flex-row ul {
  margin: 0 40px 0 0;
  padding: 0;
}
#web-api-page .line-green, #turquoise-page .line-green, .turquoise-features>div, #dx-page .line-green {
  overflow: hidden;
  background: #ffffff;
  border: 2px solid #00b050;
  padding: 10px 4%;
  border-radius: 12px;
  text-align: center;
}
#turquoise-page .line-green {
  width: 80%;
  margin: 50px auto 10px; 
}
#web-api-page .line-green, #dx-page .line-green {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 40px 2% 0 10%;
}
#dx-page .line-green { 
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  width: 85%;
  margin: 0 auto 60px;
  padding: 15px 1px 15px 4%;
  border-radius: 15px;
}
#web-api-page .line-green {
	border-radius: 0 0 10px 10px;
}
#web-api-page .line-green>div {
  align-self: flex-start;
}
#dx-page .line-lr-white {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.turquoise-features>div{
	padding: 15px 2%;
	width: 29%;
	line-height: 1.4;
	align-content: center;
	font-size: 18px;
	color: #00b050;
}
.web-api-mv, .dx-mv {
  width: 100%;
  height: 350px;
  background-image: url(/wp-content/uploads/2024/06/webapi_mv_bg.jpg);
  background-size: cover;
  background-position: center;
}
 .dx-mv {
  height: 360px;
  background-image: url(/wp-content/uploads/2024/06/dx-mv-bg.png);
}
.web-api-outer-green, .dx-outer-green, .dx-outer-gray {
  background: #effceb;
  padding: 10px 0 30px;
  overflow: hidden;
}
 .dx-outer-gray {
  background: #f0f0f0;
  /*display: flex;
  justify-content: space-between;
  position: relative;*/
}
.web-api-outer-line, .dx-outer-line {
  padding: 10px 0 30px;
  overflow: hidden;
  text-align: center;
  background-image: url(/wp-content/uploads/2024/06/webapi_price_bg.png)
}
.turquoise-outer-blue {
  background: #e9faff;
  padding: 15px 0 10px;
  overflow: hidden;
  }
.web-api-inner, .dx-inner {
  margin: 20px auto 40px;
  max-width: 1000px;
  font-size: 20px !important;
}
.turquoise-inner {
  max-width: 1000px;
  text-align: center;
  margin: 50px auto;
}
.web-api-bg-white {
  background: #fff;
  padding: 5px 4%;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  /*position: relative;*/
}
.dx-bg-white {
  background: #fff;
  padding: 20px;
  overflow: hidden;
  border-radius: 12px;
}
.dx-about-waku {
  display: flex;
  justify-content: space-between;
}
.dx-about-bg-white {
  overflow: hidden;
  width: 31%;
}
.dx-about-text {
  background: #fff;
  padding: 5px 25px 10px;
  font-size: 16px !important;
}
.turquoise-bg-white {
  background: #fff;
  padding: 5px 4%;
  overflow: hidden;
  margin-top: 30px;
  text-align: center;
  }
.web-api-bg-white-content-L, .web-api-bg-white-content-R {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.web-api-bg-white-content-R {
  width: 46%;
}
.web-api-info {
  width: 80%;
  border: solid 2px #e5881f;
  color: #e5881f;
  text-align: center;
  margin: 20px auto;
  line-height: 1.5;
  padding: 5px;
}

/* image */
.web-api-info-image img {
  width: 80%;
}
#web-api-page .line-green img {
  width: 75%;
  margin-top: -40px;
}
.turquois-image75 {
  width: 75%;
  margin-top: 25px;
}
.dx-info-image {
  width: 30%;
}

/* margin / padding /position */
#turquoise-page .margin-b0, #dx-page .margin-b0 {
  margin-bottom: 0;
}
#turquoise-page .margin-b20 {
	margin-bottom: 20px;
  }
#turquoise-page .margin-t0 {
  margin-top: 0;
}
#web-api-page .margin-t10, #turquoise-page .margin-t10 {
  margin-top: 0px;
}
#web-api-page .margin-t20, #turquoise-page .margin-t20, #dx-page .margin-t20 {
  margin-top: 20px;
}
#web-api-page .margin-t50, #turquoise-page .margin-t50, #dx-page .margin-t50  {
  margin-top: 50px;
}
#web-api-page h2, #dx-page h2, .web-api-info-image, .web-api-center, .turquoise-center, .dx-center {
  text-align: center;
}
.web-api-right, .dx-right {
  text-align: right;
}
.dx-left {
  text-align: left;
}

/*table*/
.table-web-api, .table-dx {
  border-collapse: collapse;
  max-width: 700px;
  overflow: hidden;
  max-width: 1000px;
  width: 100%;
  font-size: 16px;
  margin: 50px 0 10px;
  border: 1px solid #3AA250;
}
.table-dx {
  margin: 30px 0;
  border-radius: 15px 15px 0 0;
}
.table-web-api tr, .table-dx tr {
  background-color: #effceb;
}
.table-web-api tr:nth-child(even) {
  background-color: #fff;
}
.table-web-api th, .table-web-api td {
  padding: 10px;
  text-align: right;
}
.table-web-api thead th, .table-dx th {
  background-color: #3AA250;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 15px 5px;
}
.table-dx tbody {
  border: 3px solid #3AA250;
}
.table-dx th {
  font-size: 20px;
  vertical-align: middle;
  padding: 25px 0;
}
.table-dx td {
  padding: 15px 5px;
  border: 2px solid #3AA250;
  background-color: #ffffff;
  vertical-align: middle;
}
.table-dx td ul {
  padding-left: 25px;
}
.table-dx td ul li {
  list-style: disc;
}

/* parts */
.web-api-bt, .turquoise-bt, .dx-bt, .staff-service-bt {
  background-color: #3AA250;
  border-radius: min(0.625vw, 8px);
  letter-spacing: 2px;
  color: #FFFFFF !important;
  display: inline-block;
  width: 460px;
  font-size: min(1.40625vw, 18px);
  font-weight: 700;
  line-height: normal;
  padding: min(1.875vw, 24px) min(5.546875vw, 30px);
  position: relative;
  text-decoration: none;
  transition: 0.3s;
  margin-top: 40px;/* 調整後削除 */
}
.web-api-bt {
  width: 600px;
}
.dx-bt {
  background-color: #f3981e;
  width: 400px;
}
.staff-service-bt {
  margin: 20px auto;
  display: block;
  text-align: center;
}
.web-api-bt::after, .turquoise-bt::after, .dx-bt::after, .staff-service-bt::after {
  background: url(../images/renewal-20240226/footer-above-button-vector.png) no-repeat center center / contain;
  content: "";
  height: min(2.5vw, 32px);
  position: absolute;
  right: min(0.9375vw, 12px);
  top: 50%;
  transform: translateY(-50%);
  width: min(2.5vw, 32px);
}
#turquoise-page .turquoise-hcs-text {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 10px;
}
#dx-page .width30 {
  width: 30%;
}
#turquoise-page .turquoise-hcs-logo {
  width: 40%;
}
#dx-page .width65 {
  width: 65%;
}
.turquoise-arrow, .table-dx th.width10 {
  width: 10%;
}
#web-api-page .float-l, #dx-page .float-l {
  float: left;
}
#dx-page .float-r {
  float: right;
}
#dx-page .clear-lr {
  clear: both;
}
.sp-show {
  display: none;   
}

@media (max-width: 767px) {
  .sp-show  {
    display: block;
  }
  .sp-none {
    display: none !important;   
  }
  .sp-text-left {
	text-align: left;
  }
  .web-api-mv {
    height:unset;
  }
  #dx-page {
    margin-top: -14px;
  }
  .dx-mv {
    background-image: url(/wp-content/uploads/2024/06/dx-mv-bg-sp.png);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #dx-page .dx-h2-jp {
    font-size: 30px;
    letter-spacing: 2px;
  }
  #web-api-page h3, #dx-page h3 {
    font-size: 20px;
  }
  #turquoise-page .text30 {
	font-size: 26px;
  }
  #turquoise-page .text26 {
	font-size: 22px;
  } 
  #web-api-page p, #turquoise-page p {
    font-size: 16px;
  }
  #web-api-page .text14 {
    text-align: left;
    line-height: 1.2;
    font-size: 12px;
  }
  #turquoise-page .sp-text12, #dx-page .sp-text12 {
    font-size: 12px;
  } 
  #web-api-page .text-orange {
    font-size: 26px;
  }
  .web-api-info, .dx-info {
    width: 94%;
    margin-top: 0;
  }
  .web-api-info span {
    font-size: 22px;
  }
  .dx-outer-gray {
    padding-bottom: 0;
  }
  .web-api-inner, .dx-inner, .turquoise-inner {
    margin-left: 5%;
    margin-right: 5%;
  }
  .web-api-bg-white, .turquoise-bg-white, .turquoise-features, .dx-about-waku {
    flex-direction: column;
  }
  .turquoise-features>div {
	  width: 90%;
    margin-left: 5%;
  }
  .web-api-bt, .turquoise-bt, .dx-bt, .staff-service-bt {
	padding: 20px 25px 20px 10px;
    line-height: 1.2;
    width: 94%;
    font-size: 14px;
    margin-top: 30px;
    border-radius: 6px;
    /*letter-spacing: 0;*/
  }
  .web-api-bt::after, .turquoise-bt::after, .staff-service-bt::after {
    height: min(4vw, 32px);
    right: min(2vw, 12px);
    width: min(4vw, 32px);
  }
  .turquois-image75 {
	margin-left: 12.5%;
  }
  .turquoise-arrow {
	width: 20%;
  }
  .sp-margin-t20 {
	margin-top: 20px;
  }
  .sp-margin-b20, .turquoise-bt {
    margin-bottom: 20px !important;
  }
  .sp-margin-b0 {
    margin-bottom: 0 !important;
  }
  .web-api-bg-white-content-L, .web-api-bg-white-content-R, .web-api-info-image img, .web-api100.turquoise100, .dx-sp100, .dx-about-bg-white {
    width: 100% !important;
  }
  #turquoise-page .line-green {
    width: 90%;
  }
  #turquoise-page .turquoise-hcs-logo, #dx-page .dx-info-image {
    width: 80%;
  }
  .table-web-api {
    border-radius: 0;
    text-align: center;
  }
  .table-web-api thead {
    display:none;
  }
  .table-web-api tr {
    background-color: #fff;
  }
  .table-web-api th, .table-web-api td {
    display: block;
    text-align: center;
    border: 0;
    border-bottom: 1px solid #3AA250;
    padding: 5px 4%;
  }
  .table-web-api tbody th{
    background: #3AA250;
    color:#fff;
  }
  .table-web-api td::before{
    content: attr(data-label);
    /*background-color: #effceb;*/
    font-weight: bold;
    display: inline-block;
    padding: 4px;
    font-size: 12px;
  }
  .table-web-api td.sp-loght-green-bg {
    background-color: #3AA250;
    color: #ffffff;
    font-weight: bold;    
  }
  .table-dx {
    font-size: 14px;
    line-height: 1.8;
  }
  .table-dx tbody {
    border: 2px solid #3AA250;
  }
  .table-dx th.width10 {
    width: 1.5em;
    line-height: 1;
  }
  .table-dx th, #dx-page .table-dx .text22 {
    font-size: 16px;
    padding: 10px 0;
  }
  .table-dx td, .table-dx td ul {
    padding: 0;
    margin: 0 5px;
  }
  .table-dx td {
    border: 1px solid #3AA250;
  }
  .table-dx td ul li {
    list-style: none;
    padding: 10px 0;
    text-align: left;
  }
  #web-api-page .text-line-green {
    padding: 5px;
    margin: 10px auto 5px auto;
    font-size: 16px;
    width: 100%;
    text-align: center;
    padding-bottom: 0;
  }
  #web-api-page .line-green {
    padding: 40px 4% 0 4%;
    font-size: 16px;
  }
  #web-api-page .line-green img {
    display: none;
  }
  #dx-page .line-green {
    padding: 40px 5% 0 5%;
    flex-direction: column;
    width: 100%;
  }
  #web-api-page .sp-flex-col {
    flex-direction: column;
  }
  #web-api-page .flex-row ul {
    margin: 0 0 0 10px;
  }
}


/*** staff-service 20240710 add ***/
.staff-service-title-flex {
  display: flex;
  justify-content: space-between;
}
.staff-service-title-flex img {
  max-width: 350px;
}
.staff-service-title {
  color: #00B050 !important;
  font-size: 30px !important;
  font-weight: 700;
  line-height: 150%;
  margin-top: min(1.25vw, 16px);
  text-decoration-color: #FFEA88;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 0.2em;
  text-underline-offset: -0.1em;
}

.h3-staff-service {
  font-size: 25px !important;
  padding: 10px !important;
  font-weight: 700 !important;
}
.margin-t20 {
  margin-top: 20px;
}
.staff-service-box {
  font-size: 18px;
  overflow: hidden;
  background: #ffffff;
  border: 2px solid #00b050;
  padding: 5px 2%;
  border-radius: 12px;
  width: 80%;
  min-width: 660px;
  margin: 80px auto 20px;
}
.staff-service-box img {
  width: 20%;
  margin-right: 10%;
}
.staff-service-flex {
  display: flex;
  justify-content: center;
}

@media (max-width: 767px) {
  .staff-service-title {
    font-size: 24px !important;
    text-align: center;
  }
  .staff-service-title-flex img {
    max-width: unset;
    width: 90%;
    margin-left: 5%;
  }
  .h3-staff-service {
    font-size: 20px !important;
  }
  .staff-service-box {
    min-width: unset;
    width: 90%;
    font-size: 15px;
    padding: 0 5%;
    text-align: center;
    margin-bottom: 0;
  }
  .staff-service-title-flex, .staff-service-flex {
    flex-direction: column;
  }
  .staff-service-box img {
    width: 70%;
    margin: 0 auto;
  }
  .sp-marginL10 {
    margin-left: 10px !important;
  }
}

/*** downloads margin-padding 20240614 add ***/
#downloads-block .wp-block-columns {
  margin-bottom: 0;
}
#downloads-block .btn.btn-primary {
    margin: 0 1em;
}
#downloads-block h2.green_big_title {
	margin-bottom: 0;
  margin-top: 50px;
}
#downloads-block .width100 {
  width: 100%;
}
.large-button.downloads-form, .large-button.downloads-noform, .large-button.downloads-web {
  padding: 10px 0;
}