@charset "utf-8";
.br-sp{display: block!important;}

.header_top_area {
  display: none;
}

.hd0_menu_wrap {
  display: none;
}

.nx-breadcrumb {
  padding-left: 10px;
}

.beginners_ok_area {
  padding: 0 10px;
}

a.startup_guid_download_btn {
  font-size: 16px;
  padding: 15px 0;
  margin-bottom: 40px;
}

p.beginners_ok_area_text, p.celf_movie_area_text, p.celf_tips_area_text, p.touch_and_understand_text, p.celf_help_text, p.sub_text, p.contentsText {
  font-size: 13px;
  padding: 0 10px;
}

p.beginners_ok_area_text {
  text-align: center;
}

p.celf_tips_area_text br, p.touch_and_understand_text br {
  display: none;
}

h3.green_big_title {
  font-size: 20px;
  margin-bottom: 15px;
  padding: 0 10px;
}

.beginners_tab_select ul li {
  padding: 10px 9px 3px;
  width: 23%;
  margin: 0 1%;
  min-height: 115px;
  font-size: 12px;
  line-height: 120%;
}

.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;
  width: 38px;
  height: 42px;
  margin: 0 auto 3px;
  background-size: cover;
}

.sample_app_download {
  width: 96%;
  margin: 0 2% 20px;
  padding: 0 10px 10px;
}

.sample_app_download span:first-child {
  padding: 10px 0 20px;
}

.sample_app_download span:nth-child(2) {
  font-size: 22px;
  margin-bottom: 20px;
}

a.sample_app_download_btn {
  width: 260px;
}

.movie_box {
  width: 96%;
  background-color: #fff;
  border: dashed 2px #ccc;
  float: left;
  padding: 30px;
  margin: 0 2% 50px;
}

.movie_box span.number {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 30px;
  border-radius: 30px;
  left: 0;
  top: -30px;
}

.movie_box span {
  font-size: 20px;
  color: #49BA00;
}

.movie_box span.video_title {
  font-weight: bold;
  margin-bottom: 10px;
}

.movie_box img {
  border: solid 10px #ccc;
}

.mov_box{
  padding:0 10px;
}

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

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

.celf_tips_area {
  padding: 0 10px;
}

a.one_arrow_link_btn {
  padding: 10px 0;
  margin-bottom: 30px;
}

.celf_help_movie {
  padding: 0 10px 50px;
  text-align: center;
}

.celf_help_movie p {
  font-size: 13px;
}

.page-contents-title {
  padding: 0 10px;
}

#priceArea {
  padding: 0 10px;
}

.price_free, .price_cloud, .price_On-premises{
  width: 100%;
  margin-bottom: 15px;
}

.price_free_plan {
  padding: 10px 0;
}

.price_free_plan span:last-child, .price_cloud_plan span:nth-child(2), .price_On-premises_plan span:nth-child(2) {
  font-size: 30px;
  line-height: 100%;
}
.price_On-premises .line_through{
  text-decoration: line-through;
}
.price_table_area {
  padding: 0 10px;
}

.price_cloud_text {
  font-size: 13px;
}

.page-contents-title p {
  font-size: 14px;
}

a.two_arrow_link_btn, a.one_arrow_link_btn, a.two_arrow_link_btn_nomagin {
  font-size: 18px
}

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: 5px 12px;
  border-left: none;
  border-right: none;
}

table.green_table tbody tr td {
  width: 100%;
  float: left;
}

table.green_table tbody tr td:first-child {
  border-right: 0;
}


.dashed_gray_box {
  width: 90%;
  margin: 0 5% 20px;
  padding: 10px;
}

.dashed_gray_box span {
  width: 40px;
  height: 40px;
  line-height: 35px;
  font-size: 20px;
  border-radius: 20px;
  left: 0;
  top: -20px;
}

.dashed_gray_box .dashed_gray_box_icon {
  width: 60px;
  padding-top: 20px;
  margin-right: 10px;
}

.dashed_gray_box p {
  font-size: 14px;
}

a.two_arrow_link_btn {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  margin-bottom: 5%;
  letter-spacing: 0;
  font-size: 16px;
}

.solid_gray_border_bg-grayline {
  width: 90%;
  margin: 0 auto 15px;
  padding: 10px;
}

dd.Recommend_text span {
  border-radius: 14px;
  padding: 0 10px;
  margin-right: 5px;
  margin-bottom: 5px;
}

#offline_seminar_link,
#web_seminar_link {
    outline: none;
}
section#offline_seminar.LightGreen_bg {
    margin: 0 -100%;
    padding: 0 100%;
    width: initial;
}

section#offline_seminar.LightGreen_bg h3 {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
section#offline_seminar.LightGreen_bg div {
    width: 90%;
}
.seminar_link {
    overflow: hidden;
    margin-bottom: 24px;
}
.seminar_link .seminar_link_left {
    margin: 0 0 24px;
}
.seminar_link .seminar_link_right {
}
.seminar_link .seminar_link_left a span,
.seminar_link .seminar_link_right a span,
.seminar_link .seminar_link_center a span {
    display: inline-block;
    background-color: #53C609;
    color: #fff;
    width: 70%;
    padding: 10px 0;
    border-radius: 50px;
    position: relative;
}
/*
.seminar_link .seminar_link_left a span:after,
.seminar_link .seminar_link_right a span:after {
    content: "▼";
    position: relative;
    right: -3%;
}
*/
.seminar_link .seminar_link_left a:hover,
.seminar_link .seminar_link_right a:hover {
    text-decoration: none;
    opacity: .8;
}
.offline_seminar_imgarea {
    margin: auto;
    color: #49BA00;
}
.offline_seminar_imgarea .offline_seminar_imgpost {
    width: 60% !important;
    margin: 0 auto 20px;
}
.offline_seminar_imgarea .offline_seminar_imgbox {
    width: 100% !important
}
.offline_seminar_imgarea .desc {
    width: 100% !important;
    text-align: left;
}
.offline_seminar_imgarea .desc .title {
    width: 100% !important;
    margin-top: 5px !important;
}
.offline_seminar_imgarea a {
    color: #49BA00 !important;
}

.offline_seminar_link_btn_box {
    margin: auto;
}
.offline_seminar_link_btn {
    display: block;
    text-align: center;
    margin: 24px auto ;
    background-color: #53C609;
    color: #fff !important;
    width: 100%;
    font-size: 16px;
    padding: 15px 0;
}
.offline_seminar_link_btn:hover {
    text-decoration: none;
    opacity: .8;
}
.offline_seminar_link_btn:after {
    content: " >";
}

.seminer_box dl.big-list-option dt.smpwidthmax,
.seminer_box dl.big-list-option dd.smpwidthmax, .seminer_box dl.big-list-option dt.widthmax, .seminer_box dl.big-list-option dd.widthmax {
  width: 100%;
}

dl.big-list-child_option dt.dt_smpajast { padding-bottom: 33px; }

.seminer_box dl.big-list-option dt {
  margin-bottom: 5px;
}

.big-list-child_option {
  margin-top: 10px;
}

.big-list-child_option dt, .big-list-child_option dd {
  padding: 5px 0;
}

.big-list-child_option dd {
  margin-bottom: 5px;
}

ul.seminer_list_area li {
  margin-bottom: 5px;
}

.seminer_environment {
  padding: 15px 10px;
}

.seminer_text_box p {
  padding: 0 10px;
  font-size: 14px;
}

span.seminer_format {
  width: 100%;
  padding: 5px 10px;
  margin-bottom: 5px;
}

span.seminer_time {
  width: 100%;
  display: block;
  margin-bottom: 5px;
  text-align: center;
}

a.seminer_app_btn {
  width: 100%;
  display: block;
  margin-bottom: 12px;
  padding: 7px 0;
  text-align: center;
}

.page_usecase_title {
  padding: 0 15px;
}

.page_usecase_titleArea {
  padding-bottom: 20px;
}


.usecase_completeImg {
  width: 100%;
  box-sizing: border-box;
  float: left;
  padding: 0 10px;
}

.usecase_completeImg span {
  margin-bottom: 20px;
}

.usecase_sub_area {
  margin-bottom: 10px;
}

.free_trial_area {
  width: 96%;
  margin: 30px 2%;
}

.celf_merit_area_stepbox {
  width: 98%;
  border: dashed 2px #ccc;
  padding: 10px 30px;
  margin: 0 auto 50px;
}

.celf_merit_area h3 {
  margin-bottom: 40px;
}

.celf_merit_area_stepbox span {
  width: 50px;
  height: 50px;
  line-height: 44px;
  font-size: 30px;
  border-radius: 30px;
  left: 0;
  top: -25px;
}

.celf_merit_area_stepbox p {
  font-size: 14px;
}

.recommended_for_area ul {
  padding: 0 10px;
  list-style-type: none;
}

.celf_easy_area_iconArea {
  width: 96%;
  margin: 0 2% 20px;
}

ul.supports_content {
  padding: 0 10px 40px;
}

ul.support_tab {
  display: table;
}

ul.support_tab li {
  display: table-cell;
  vertical-align: middle;
  width: 48%;
  margin: 0 1%;
  padding: 20px 10px;
  min-height: 95px;
}

.support_content_area p {
  font-size: 14px;
}

ul.support_news_list {
  padding: 10px;
  margin: 0 10px;
}

ul.support_news_list li {
  margin-bottom: 10px;
}

span.category_type {
    display: inline-block;
    background-color: #53C609;
    color: #fff;
    width: 90px;
    text-align: center;
    font-size: 12px;
    margin-left: 10px;
    font-weight: bold;
    padding: 1px 0;
}

span.category_type.cate_seminar_month{
    background-color: #21B4EE;
}

span.category_type.cate_case {
    background-color: #ef8312;
}

ul.support_news_list a {
  display: block;
  width: 100%;
}

h5.support_item_title {
  text-align: left;
}

.description{
    text-align: center;
}

p.support_rss {
    margin: 10px;
}

p.support_news-archive {
  padding-right: 10px;
}

p.support_news-archive a {
  padding: 5px;
}

h3.supports_sub_title {
  padding: 0 10px
}

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

table.green_table_support tbody tr td {
  width: 100%;
  float: left;
}

table.phase_table {
  display: none;
}

table.phase_table-sub tbody tr th {
	line-height: 1.2em;
	border: solid 1px #fff;
	padding: 8px 3px;
	color: #575757;
}

table.phase_table-sub tbody tr td {
  border: solid 1px #fff;
  font-size: 13px;
}

table.phase_table-sub{
	width: 100%;
}

table.phase_table img {
  width: 100%;
}

a.content_centerTextLink {
  margin-bottom: 20px;
}

.img_supportperiod {
  width: 100%;
  max-width: 360px;
  margin: 0 auto 30px;
  display: block;
}

.img_supportperiod img {
  width: 100%;
}

.position_baseArea {
 /* height: 370px;*/
/*	 height: 87vw;*/
	 height: 110vw;
}

.hyodoru_position {
  width: 150px;
  left: 3%;
  bottom: 25%;
  z-index: 100;
}

.support_version_info img {
  width: 100%;
}

.main_catch_position {
  width: 270px;
  right: 2%;
  top: 4%;
  z-index: 10;
}

/*.main_trial_position {
  left: 21%;
  bottom: 96px;
  font-size: 20px;
  padding: 10px 30px;
  border-radius: 30px;
} 20181022　▽修正*/

.main_trial_position {
  left: 21vw;
/*  bottom: 22vw;*/
  bottom: 45vw;
  /*font-size: 20px;*/
  padding: 10px 30px;
  border-radius: 30vw;
	width: 55vw;
}

.main_trial_position p {
  /*font-size: 14px;*/
	font-size: 3.3vw;
  line-height: 150%;
}

.toppage_contents_area span.left_conter, .celf_app_area span.left_conter, .easy_maiking span.left_conter {
  width: 50px
}

.downContents_btn {
  width: 100%;
}

.downContents_btn {
  width: 80%;
  left: 10%;
  padding-bottom: 10px;
}

.downContents_btn span {
  font-size: 18px;
}

.downContents_btn_01,
.rpaLink_btn{
	top: 33vw;
	width: 30vw;
	font-size: 2.5vw;
	line-height: 2;
	border-radius: 1vw;
}

.downContents_btn_01{
	left: 11vw;
	box-shadow: 0 0.3vw #007f41;
}
.rpaLink_btn{
	right: 10vw;
	box-shadow: 0 0.3vw #595959;
}



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

img.main_visual_small {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 2%;
}

img.main_visual_medium {
  display: none;
}

img.main_visual_large {
  display: none;
}


.toppage_newslist_title {
  padding: 10px;
  border-bottom: 1px solid #53C609;
}

.toppage_newslist_title a {
  color: #fff;
  padding: 0 10px;
  border-radius: 14px;
}

.toppage_contents_area {
  padding: 20px 10px;
}

.toppage_contents_area img {
  width: 100%;
}

.toppage_workstyle_area {
  padding-top: 0!important;
  margin-bottom: 10px;
}

.toppage_workstyle_area .solid_gray_border_bg-grayline {
  padding: 15px;
}

.toppage_workstyle_area h3 {
  margin-bottom: 20px;
  color: #49ba00;
  font-size: 24px;
  line-height: 100%;
}

.toppage_workstyle_area a {
  display: inline-block;
}

.toppage_workstyle_area img {
  box-shadow: 5px 5px #00cad7;
}

.toppage_workstyle_area p {
  font-size: 14px!important;
  padding: 20px 0 15px;
  margin: 0!important;
}

.topborder-line img {
  max-width: 33px
}

.ticker {
  width: 100%;
}

.ticker span {
  margin-right: 10px;
}

.ticker ul li a {
  display: block;
}

.ticker ul {
  box-sizing: border-box;
  padding: 3px 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block;
}

.ticker ul li {
  width: 97%;
  float: left;
  margin-left:3%;
  margin-bottom: 5px;
}

.toppage_bracket_text {
  font-size: 24px;
}

.celf_app_area, .easy_maiking {
  padding: 30px 10px 0;
  float: left;
  margin-bottom: 30px;
}

.easy_maiking {
  width: 100%;
}

.easy_maiking span.check {
  font-size: 16px;
}

.easy_maiking_step img {
  width: 90%;
  display: block;
  margin: 0 auto;
}

.easy_maiking_step div {
  margin-bottom: 10px;
}

.easy_maiking_cellIMG {
  display: none;
}

.whiteCell_bg .toppage_contents_area {
  float: left;
  border: solid 3px #94DD4E;
  margin: 0 10px 20px;
  padding-top: 0;
  width: 95%;
  box-sizing: border-box;
}

.whiteCell_bg .toppage_contents_area h4 {
  font-size: 20px;
}

.easy_maiking span.check::before {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

.easy_maiking span.textindent {
  text-indent: -25px;
  padding-left: 25px;
}

.toppage_bannerArea {
  padding: 0 10px;
}

.section_app_icon div.bigIcon {
  width: 96%;
  padding: 10px;
  margin: 0 2% 3%;
}

.section_app_icon div.smallIcon {
  width: 29.333%;
  margin: 0 2% 2%;
  min-height: 127px;
}

a.case_news_btn,
a.usecase_btn {
  width: 80%;
  margin: 20px 10%;
  display: block;
  padding: 12px;
  float: left;
}

img.top_icon_light {
  width: 53px;
}

.common_footer_link_btn {
  margin-bottom: 10px;
}

.common_footer_seciton {
  width: 96%;
  margin: 0 2% 50px;
}

.celf_usecase_list {
  width: 96%;
  padding: 15px 10px;
  margin: 0 2%;
  margin-bottom: 15px;
  float: left;
}

.celf_usecase_list span {
  position: absolute;
  right: 0;
  top: -12px;
  width: 72px;
  height: 72px;
  padding-top: 24px;
  border-radius: 36px;
}

.celf_usecase_list a {
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 10px 0;
  padding: 10px 0;
  background-color: #53c609;
  color: #fff;
}

.celf_help_movie_area img {
  display: block;
  margin-top: 40px;
  width: 100%;
}

.celf_help_movie img {
  width: 100%;
}

.smpleftarea {
  width: 30%;
  float: left;
  margin-bottom: 10px;
}

.smprightarea {
  width: 70%;
  float: left;
  text-align: left;
  margin-bottom: 10px;
}

.smprightarea h5 {
  margin-bottom: 10px;
  margin-top: 10px;
}

.smprightarea p {
  margin: 0;
}

.celf_usecase_are h3, .celf_usecase_are h4 {
  padding: 0 10px;
}

h6.casefile_footerPoint {
  margin-bottom: 10px;
}

.celf_usecase_are p {
  padding: 0 10px 0 0;
}

.celf_usecase_are p br {
  display: none;
}

.celf_usecase_are p.subtext {
  padding: 0 10px;
}

.celf_easy_area_iconArea {
  width: 90%;
  margin: 0 5% 5%;
  padding-bottom: 10px;
  border-radius: 10px;
}

.celf_easy_start_area span {
  display: block;
  font-size: 18px;
  padding: 10px;
  margin-bottom: 10px;
}

.celf_easy_start_area a {
  width: 90%;
  margin: 0 auto;
  padding: 10px 0;
  font-size: 16px;
}

.common_footer_link {
  padding: 0 10px;
}

.common_footer_link_btn {
  width: 48%;
  min-height: 170px;
  margin: 0 1%;
  float: left;
}

/* rpa/special01/ */

.common_footer_link_btn_rpa {
  width: 48%;
  min-height: 170px;
  margin: 0 1%;
  float: left;
}

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

.common_footer_link_btn_rpa span:nth-child(2){
  height: 50%;
}

.common_footer_link_btn_rpa img{
  width: 100%;
}

.common_footer_link_btn_rpa .onelist {
  height: 50px;
  line-height: 50px;
}

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

/* end */

.common_footer_link_btn .onelist {
  height: 50px;
  line-height: 50px;
}

.common_footer_link_btn span:nth-child(2) {
  height: 50px;
}

.common_footer_link_btn br {
  display: none;
}

.celf_tips_movie img {
  width: 100%;
}

.usecase_sub_area a {
  margin: 0 15px;
}

a.usecase_other_caselink_btn {
  margin: 0 10px;
}

.page_usecase_title h2.casefile02_icon::before {
  width: 56px;
  height: 46px;
  margin-right: 10px;
}

.page_usecase_title h2.casefile01_icon::before, .page_usecase_title h2.casefile09_icon::before {
  width: 56px;
  height: 46px;
}

.page_usecase_title p::before {
  width: 22px;
  height: 29px;
  margin-right: 10px;
}

.free_trial_area h3, .free_trial_area p {
  padding: 0 15px;
}

.free_trial_area.case_introduction_area {
  height: auto;
	width: 100%;
	margin: 0;
}

.free_trial_area.case_introduction_area .case_introduction_sub_area {
    padding: 0 30px 0;
}

.free_trial_area.case_introduction_area .case_introduction_sub_area .case_introduction_img_area {
  margin-bottom: 15px;
}

.free_trial_area.case_introduction_area .case_introduction_sub_area p {
  font-size: 18px;
  color: #575757;
  font-weight: bold;
  margin-bottom: 15px;
}

.free_trial_area.case_introduction_area .case_introduction_sub_area p.sub_text {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 0;
}

.free_trial_area.case_introduction_area .usecase_other_caselink_btn {
  width: 90%;
  margin: 25px auto 35px;
}

.free_trial_area.case_introduction_area .usecase_other_caselink_btn::after {
  content: none;
}

h3.nobr br {
  display: none;
}

#animation_celf .animation_celf01{
	position: relative;
	display: inline-block;
	width: 60%;
	text-align: left;
	margin-left: 40%;
	font-size: 22px;
}

#animation_celf .animation_celf01:before{
	content: "";
	display: inline-block;
	background-image: url(/wp-content/uploads/2017/06/animation-01.png);
	width: 50%;
	height: 115px;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 16px;
	left: -60%;
}

#animation_celf .animation_celf02{
	width: 18%;
	display: inline-block;
	margin: auto 1%;
	font-size: 16px;
}

#animation_celf .animation_celf03{
	width: 58%;
	display: inline-block;
}

#animation_celf .animation_celf04{
	width: 18%;
	display: inline-block;
	margin: auto 1%;
}

#animation_celf .animation_celf05{
	position: relative;
	font-size: 16px;
	text-align: center;
	width: 100%;
	margin-top: .5em;
}

#animation_celf .animation_celf_txt{
	font-size: 16px;
	text-align: center;
	width: 100%;
}

#animation_celf .animation_celf05:after{
	content: "";
	background-image: url(/wp-content/uploads/2017/06/animation-05.png);
	background-repeat: no-repeat;
	margin-left: 5px;
	width: 1em;
	height: 1em;
	background-size: contain;
	position: absolute;
}

/*
worksstyle page
*/

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

.page-wide-content h3.greenlabel,
.page-wide-content h3.greenlabel_rpa{
  color: #49ba00;
  text-align: center;
}

.page-wide-content h3.greenlabel_rpa{
  font-size: 1.3em;
}

.page-wide-content h4.green-title {
  font-size: 20px;
  color: #49ba00;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 0;
}

.page-wide-content .sub-caption {
  text-align: center;
}

.page-wide-content .sub-caption span {
  color: #49ba00;
  font-size: 15px;
  line-height: 100%;
}

.workstyle-head-sub-caption {
  display: inline-block;
  margin-bottom: 20px;
  font-size: 14px;
  color: #fff;
  line-height: 100%;
}

.page-wide-content hr.pointLine {
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #c8c8c8;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  height: 5px;
}

.page-wide-content p {
  font-size: 14px;
  padding-left: 15px;
  padding-right: 15px;
}

.workstyle-section-top {
  padding-top: 50px;
}

h1.workstyle-kerning {
  letter-spacing: -1px;
  font-weight: bold;
}

h2.workstyle-title {
  font-size: 21px;
  padding-left: 15px;
  padding-right: 15px;
}

h3.workstyle-pdf-title {
  font-size: 15px;
  line-height: 200%;
}

h3.workstyle-kerning {
  letter-spacing: -1px;
  margin-top: 0;
  line-height: 170%;
}

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

section.workstyle-area p {
  margin-bottom: 18px;
}

.workstyle-sub-yellow {
  text-align: center;
}

.workstyle-sub-yellow span {
  display: inline-block;
  font-size: 20px;
  background: linear-gradient(transparent 60%, #ff0 0%);
}

.workstyle-sub-top {
  margin-top: 30px;
  text-align: center;
}

.workstyle-sub-top span {
  color: #49BA00;
  font-size: 14px;
}

.workstyle-sub-caption {
  font-size: 20px!important;
  line-height: 200%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 100px;
}

.workstyle-img-area {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  padding: 0 10px;
}

.workstyle-img-area img {
  width: 100%;
}

.worksstyle-demo {
  width: 100%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 20px;
}

.worksstyle-demo ul {
  list-style-type: disc;
  margin: 0;
  padding-right: 40px;
}

.worksstyle-demo .bg-glay {
  width: 100%;
  float: left;
  background-color: #eee;
  padding: 30px 10px 20px;
}

.worksstyle-demo .bg-glay p {
  margin: 0 0 15px;
  font-size: 22px;
  text-align: center;
  line-height: 100%;
}

.worksstyle-demo .bg-green {
  width: 100%;
  float: left;
  padding: 10px;
  background-color: #d9f7c5;
  text-align: center;
}

.worksstyle-demo .bg-green p {
  padding: 0 28px 10px;
  margin: 0;
  font-size: 15px;
  text-align: left;
}


.worksstyle-demo-center {
  margin-left: 0;
  margin-right: 0;
}

.worksstyle-demo .down-arrow {
  float: left;
  width: 100%;
  text-align: center;
  padding: 13px 0;
}

.workstyle-textarea {
  width: 100%;
  float: left;
}

p.textarea-bigtext {
  font-size: 20px;
}

.workstyle-pdf-area .w50 {
  width: 100%;
  float: left;
}

.workstyle-pdf-area h4 {
  color: #49ba00;
  font-size: 20px;
}

.workstyle-pdf-area img {
  max-width: 70%;
}

.workstyle-pdf-area p.download-btn a {
  display: inline-block;
  background-color: #53c609;
  color: #fff;
  padding: 10px 70px;
}

.free-download-btn {
  display: block;
  width: 90%;
  padding: 10px;
  margin: 0 auto;
  background-color: #53c609;
  color: #fff!important;
  text-align: center;
}

.free-download-btn-bg-white {
  display: block;
  width: 90%;
  padding: 10px;
  margin: 0 auto;
  border: solid 2px #53c609;
  background-color: #fff;
  color: #53c609!important;
  text-align: center;
}

/* workstyle page end */
/* Parther page */
.parther_join_top {
  margin-top: 30px;
}

.partner_join .kagikakko::before,
.partner_join .kagikakko::after {
  display: none;
}

.partner_join br {
  display: none;
}

.partner_join p {
  padding: 0 10px;
}

.partner_system_area .img_area {
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 10px 10px 0 0;
  margin-bottom: 20px;
  padding: 30px 0;
  font-size: 22px;
  line-height: 120%;
}
.partner_system_area h3.img_areaH3 {
  color: #fff;
  margin-bottom: 0;
}
.partner_system_area p{
	padding: 0 10px;
}

.partner_system_area .img_area span {
  margin-bottom: 10px
}
.partner_system_area .img_area span img {
  padding-bottom: 20px;
}
.partner_system_area .img_area span::after {
  display: block;
  content: "";
  width: 50px;
  height: 3px;
  margin: 0 auto 20px;
  background-color: #fff;
}
.partner_system_area p{
  padding: 0 10px;
}
.partner_system_area .img_area img {
  width: 80px;
}
/*.partner_system_area .img_area br {
  display: none;
}*/
.partner_system_box {
  display: block;
  border: 2px solid #94DD4E;
  border-radius: 13px;
  margin-bottom: 25px;
}
.partner_system_area .img_area img{
  width: 23%;
}
.partner_system_box p {
  font-size: 14px;
  line-height: 150%;
}

ul.partner_tab li {
  width: 32%;
  /*height: 91px;*/
  float: left;
  padding: 10px 0;
  margin: 0;
  font-size: 12px;
  line-height: 140%;
}

ul.partner_tab li:nth-child(2) {
  margin-left: 2%;
  margin-right: 2%;
}

ul.partner_tab li span {
  display: none;
}
ul.partner_tab li span.height_adj {
  display: inline;
}
.partner_merit_point {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 20px;
}

.partner_merit_point dl {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0;
  padding: 0 10px;
}

.partner_merit_point dt {
  float: left;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  padding-bottom: 15px;
}

.partner_merit_point span.merit_point_img {
  width: 160px;
  height: 160px;
  margin: 0 auto;
  line-height: 160px;
}

.partner_merit_point dt img {
  width: 60%;
}

.partner_merit_point dd {
  float: left;
  width: 100%;
}

.partner_merit_point dd h5 {
  margin: 10px 0;
}

.partner_merit_point dd span {
  padding: 5px 18px;
  border-radius: 20px;
  line-height: 100%;
  font-size: 1.2rem;
}

.partner_merit_point p {
  padding: 0;
  margin: 0;
}

.parther_recruitment {
  width: 100%;
  padding: 10px
}

.parther_recruitment h4 {
  font-size: 24px;
}

.parther_recruitment p {
  font-size: 12px;
}

.parther_recruitment .green_bg_link {
  display: inline-block;
  width: 90%;
  padding: 10px 0;
  margin-bottom: 30px;
  font-size: 18px;
}

.border_dotted_box {
  padding: 20px 10px;
}

.border_dotted_box ul {
  margin-bottom: 15px;
}

.border_dotted_box ul li {
  text-align: left;
}

.parther_table {
  margin: 0;
}

.sp_mb_adj50 {
  margin-bottom: 50px;
}

.sp_mb_adj70 {
  margin-bottom: 70px;
}


/* Funtion page*/
.function_area_title br {
  display: inline-block;
}
.function_area_title br.sp_only {
  display: inline-block;
}
.function_area_title p {
  padding: 0 10px;
}
.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 {
  width: 50%;
}
.page_innner_link ul li p {
  font-size: 12px;
}
section.function_area {
  padding: 50px 10px 25px;
}

section.function_area h5{
  font-size: 18px;
}
section.function_area p {
  font-size: 14px;
}

.list_icon_box p {
  font-size: 24px!important;
}

.function_last_text {
  padding-top: 70px;
}

.function_last_text p {
  text-align: center;
  font-size: 12px!important;
}

.function_pdf_download h4, .price_area_link h4 {
  font-size: 24px;
}
.price_area_link {
  padding: 0;
}
.price_area_link h4 {
  margin-bottom: 12px;
}
.price_area_link a {
  display: inline-block;
  padding: 10px 0;
  width: 90%;
}

.function_pdf_download {
  margin-top: 50px;
}
.function_pdf_download br {
  display: inline-block;
}
.function_pdf_download a {
  display: inline-block;
  padding: 10px 0;
  width: 100%;
}

.price_area_link br {
  display: inline-block;
}

.price_rpa_option_area{
	width: 100%;
	padding: 0 10px;
}

.price_rpa_link_btn{
	display: block;
	text-align: center;
	margin: 20px auto;
	padding: 15px 0;
	width: 90%;
	background-color: #53C609;
	color: #fff !important;
	font-size: 14px;
}

.price_rpa_option_text{
	padding: 20px 0 0;
	margin: 0 15px;
}

/* END Funtion page*/

#inquiry{
	padding: 0 1em;
}

#inquiry .inquiry_box{
	width:100%;
}

#inquiry .inquiry_box p:last-child{
	position:relative;
}

#inquiry .inquiry_box p:last-child img{
	display:block;
	margin:36px auto 80px !important;
}


#func_tb2 table.general tbody th.ivpage-table:first-child  {
    width: 100%;
}

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

seminer news page

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

ul.seminar_news_list {
    list-style-type: none;
    padding: 20px 20px 0;
    margin-bottom: 0;
}
ul.seminar_news_list li {
    margin-bottom: 40px;
}
ul.seminar_news_list li:last-child {
    margin-bottom: 0;
}
ul.seminar_news_list li .meta_box {
}
ul.seminar_news_list li .meta_box .category_box {
    width: 20%;
    margin-bottom: 10px;
}
span.category_area,
span.seminar_type {
    display: inline-block;
    background-color: #53C609;
    color: #fff;
    width: 90px;
    text-align: center;
    font-size: 12px;
    margin-left: 10px;
    font-weight: bold;
    padding: 1px 0;
}
.category_box span.category_area {
    margin-left: 0;
    display: inline-block;
    background-color: #53C609;
    color: #fff;
    width: 80px;
    text-align: center;
    padding: 2px 0;
}
.sp_inf span.category_area {
    display: inline-block;
    background-color: #53C609;
    color: #fff;
    width: 80px;
    text-align: center;
    font-size: 12px;
    margin-left: 10px;
    font-weight: bold;
    padding: 1px 0;
}
span.category_red {
    display: inline-block;
    color: #d05d62;
    width: 80px;
    text-align: center;
    border: solid 1px #d05d62;
    margin-top: 10px;
	margin-left: 10px;
    font-size: 12px;
}
.sp_inf span.category_red {
    display: inline-block;
    color: #d05d62;
    width: 80px;
    text-align: center;
    font-size: 12px;
    padding: 1px 0;
}
ul.seminar_news_list li .meta_box h4 {
    margin-top: 0;
    font-size: 20px;
    width: 100%;
    color: #53C609;
    margin-bottom: 15px;
}
ul.seminar_news_list li .content_box {
    margin-bottom: 20px;
    position: relative;
}
ul.seminar_news_list li .content_box .data_line_box {
}
ul.seminar_news_list li .content_box .data_line_box .data_line {
    border-bottom: solid 1px #ccc;
    width: 100%;
    margin-right: 40px;
    padding: 5px 0;
}
ul.seminar_news_list li .content_box .data_line_box .data {
    display: block;
}
ul.seminar_news_list li .content_box .data_line_box .data_detail {
    display: block;
}
ul.seminar_news_list li .content_box .data_img_box {
    text-align: center;
}
.seminar_link .seminar_link_detail {
    text-align: center;
    padding-bottom: 24px;
    border-bottom: solid 1px #ccc;
}
.seminar_link .seminar_link_detail a:hover {
    text-decoration: none;
    opacity: .8;
}
.seminar_link .seminar_link_detail a span{
    display: inline-block;
    background-color: #53C609;
    color: #fff;
    width: 100%;
    padding: 5px 0;
    border-radius: 50px;
    position: relative;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}
.seminar_link .seminar_link_detail a span:after {
    content: " >";
}
.t_a_right {
    margin-bottom: 0;
}
/*---------------------------

trial page

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

.trial_rpa_campaign{
	border: 3px solid #53c609;
	padding: 30px 15px 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.trial_rpa_campaign h4{
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 30px;
}

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

rpa page

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

.sp_w{
	width: 90%;
	margin: 0 auto;
}

p.content_rpa_des,.section_rpa_sol p,.section_rpa_merit dd,
.content_rpa .text_red,.section_rpa_merit .text_green,.section_rpa_movie p,
.section_rpa_movie dd,.section_rpa_trial p{
	font-size: 14px;
}
#rpa_table_res table{
	font-size: 15px;
}

.section_rpa_sol rgsr{
	font-size: 12px;
}

.content_rpa h3{
	text-align: center;
	padding: 15px 5px;
	margin-bottom: 40px;
}

.section_rpa_meri dl{
	margin-top: 20px;
	margin-bottom: 50px;
}

.section_rpa_merit dt{
	width: 100%;
	margin-bottom: 20px;
	margin-top: 10px;
}

.section_rpa_movie h4{
	font-size: 16px;
}

.section_rpa_movie h5{
	font-size: 15px;
}

.section_rpa_movie_demo{
	width: 100%;
	float: none;
}

.section_rpa_movie_demo p{
	text-align: center;
}

.section_rpa_movie dl{
	float: none;
	width: 100%;
}

.section_rpa_movie dt{
	width: 100%;
	margin-top: 20px;
}

.rpa_link_btn{
	width: 100%;
	font-size: 15px;
}

#rpa_table_res td{
	background-color: #e8e8e8;
}
table.rpa .odd{
	background-color: #e8e8e8;
}

p.rpa_linktext_sp01{
	font-size: 18px;
	margin-bottom: 10px;
}

.br-sp {
	display: none;
}

.section_rpa_merit .rpa_merit_detail .rpa_merit_detail_right {
    float: none;
}

.section_rpa_merit .rpa_merit_detail .rpa_merit_detail_left {
    float: none;
}

.section_rpa_merit .rpa_merit_detail .text {
    width: 100%;
    margin: 20px 0;
}

.section_rpa_merit .rpa_merit_detail.no-border {
    border-bottom: dotted 1px #b6b6b6;
}

.section_rpa_merit .rpa_merit_detail .image {
    width: auto;
}

.content_rpa .section_rpa_movie h3 {
	margin-bottom: 0;
}

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


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


.section_rpa_movie .section_rpa_movie_contents {
    width: 100%;
}

.content_rpa .rpa_page_video .rpapage_rpa_video_main h3 {
    margin-bottom: 0;
}


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

rpa_special_page

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

.rpa_special01_page h2{
	font-size: 21px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 40px 0 20px;
}

.rpa_sp01_img{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
.rpa_sp01_mainimage{
	margin-top: 40px;
}

.rpa_sp01_list{
	width: 90%;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
	font-size: 15px;
}

.rpa_sp01_list ul{
	padding-left: 20px;
}

.rpa_special01_page table{
	width: 90%;
	margin: 40px auto 0;
	font-size: 14px;
}

.rpa_special01_page table tr{
    display: block;
    margin-bottom: 20px;
	border:none;
}

.rpa_special01_page table td{
    display: block;
	padding: 0;
	border:none;
	margin-left: 20px;
	margin-right: 20px;
}

.rpa_special01_page table tr:first-child{
	display: none;
}

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

.rpa_special01_page table td:before {
    background-color: #AEEA60;
    font-weight: bold;
    display: block;
}

/* contentでタイトルを追加 */
.rpa_special01_page table td:nth-of-type(2):before { content: "課題";}
.rpa_special01_page table td:nth-of-type(3):before { content: "RPA導入後";}

.rpa_special01_page h3.textarea-bigtext{
	font-size: 18px;
	margin-left: 15px;
	margin-right: 15px;
}

.rpa_sp01_point_content{
	margin-top: 30px;
}

.section_rpa_movie_hover{
	width: 100%;
}

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

install_page

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

.install_page{
	padding: 0 10px;
}

.install_page .install_rpa table{
	width: 100%;
}

.install_page h3{
	font-size: 18px;
}

.extension.float-left {
    width: 53%;
}

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



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

rpa page

---------------------------*/
.title_rpa_res{
	width: 100%;
	margin: 0 auto 40px;
	background: url(/wp-content/uploads/cmn_images/RPA_img_title_bear.png) center right no-repeat;
}

.title_rpa_res h2{
	font-size: 16px;
}

.title_rpa_res h2 span{
	font-size: 30px;
	line-height: 1.5em;
}

.rpa_tool,
.rpa_3point{
	width: 90%;
}

.rpa_tool{
	display: block;
	margin: 0 auto;
}


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

top page

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

.easy_maiking{
	margin-bottom: 0px;
}

.rpa_release{
	width: 100%;
	padding: 0px 10px;
}

.toppage_workstyle_area img{
	box-shadow: none;
}

.toppage_workstyle_area  .top_feature_area{
	width: 100%;
	margin: 0 auto;
}

.toppage_workstyle_area .top_rpa_special{
	float: none;
	width: 100%;
}

.toppage_workstyle_area .top_celf_workstyle{
	float: none;
	width: 100%;
}

a.top_rpa_link{
	width: 90%;
}

.toppage_case_area{
	padding-top: 60px;
}

.toppage_case_area h3{
	font-size: 5.8vw;
}

.toppage_case_area ul.case_news_list{
	margin-bottom: 0;
	margin-top: 0;
}

.toppage_case_area ul.case_news_list li{
	margin-bottom: 20px;;
}

.toppage_case_area ul.case_news_list li:last-child{
	margin-bottom: 0;
}

a.case_news_btn{
	margin-bottom: 60px;
}

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

申込書類ダウンロード

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

.user_policy_contents_title{
	padding-top: 40px;
}

.user_policy_tableArea{
	padding: 10px;
}

.user_policy_table span{
	display: block;
}

.user_policy_table th, .user_policy_table td{
	padding: 15px;
}

.user_policy_table th{
	width: 40%;
	font-size: 14px;
}

.user_policy_table p{
	font-size: 14px;
}

.user_policy_tableArea dl{
	margin: 0 10px;
}
.main_rpa_position{
left:70%;
}

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

solution

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

.sol000 .page-contents-title {
	margin-top: 30px;
}

.sol000 .page-contents-title p{
	font-size: 16px;
}

.sol000 .page-contents-title a{
	font-size: 16px;
}

.sol_system_contents p,
.sol_apps_contents p{
	margin-bottom: 10px;
}

ul.sol_service {
  flex-direction: column;
  /* justify-content: space-between; */
  align-items: center;
}

ul.sol_service li.arrow {
  transform: rotate(90deg);
}

ul.sol_service li.step {

}

p.sol_service {
  flex-direction: column;
}

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

導入事例一覧　case_news

---------------------------*/
ul.case_news_list {
    margin: 35px auto;
    width:85%;
}

ul.case_news_list li{
	margin-top: 0;
}

ul.case_news_list li a{
	display: block;
	padding: 25px;
}

ul.case_news_list li:hover{
    box-shadow: none;
   /* transform: scale(1.05,1.05);*/
}



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

導入事例

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

.introduction_example_title h2 {
      letter-spacing: 0.2rem;
      font-size: 22px;
}

.introduction_example_box {
  margin-top: 50px;
}

.introduction_example_box h3 {
  background-color: #6ac603;
  color: #fff;
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 18px;
}

.introduction_example_box .introduction_example_sub_box {
  border: solid 3px #6ac603;
  padding: 30px;
  overflow: hidden;
  margin: 0 10px;
}

.introduction_example_box .introduction_example_sub_box .introduction_example_img_box img {
  margin-top: 0 !important;
}

.introduction_example_box .introduction_example_sub_box .introduction_example_txt_box {
  width: 100%;
}

.introduction_example_box .introduction_example_sub_box .introduction_example_txt_box p {
  margin: 0;
  padding: 10px 0;
  border-bottom: dotted 1px #575757;
  font-weight: bold;
  font-size: 18px;
}

.introduction_example_box .introduction_example_sub_box .introduction_example_txt_box p:last-child {
  border-bottom-style: none;
}

.introduction_example_column_box {
  margin: 20px 0;
  padding: 0 10px;
}

.introduction_example_column_box h4 {
  text-align: center;
  margin-bottom: 30px;
  line-height: 1.6em;
  font-size: 20px;
}

.introduction_example_column_box p {
  margin-bottom: 0;
}

.introduction_example_column_box .introduction_img {
  margin-bottom: 20px;
  text-align: center;
}

.introduction_example_column_box .flex_reverse .introduction_img {
  margin-right: 0;
  text-align: center;
}

.introduction_example_column_box .introduction_img figure {
  display: inline-block;
}

.introduction_example_column_box .introduction_img figure img {
  margin-bottom: 6px;
}

.introduction_example_column_box .introduction_img figure figcaption {
  text-align: center;
  line-height: 1.2em;
  width: 179px;
  margin: auto;
}

.introduction_example_column_box .introduction_img figure figcaption span {
  display: block;
  padding-top: 5px;
}

.introduction_example_column_box .introduction_column {
  padding-right: 0;
}

.introduction_example_column_box .flex_reverse .introduction_column {
  padding-left: 0;
}

.illust_box {
  border: solid 1px #bfbfbf;
  margin: 40px 10px 0;
  padding: 0 10px;
}

.illust_box h4 {
  text-align: center;
}

.introduction_example_column_box.two_img .introduction_img figure {
  display: inherit;
  text-align: center;
}

.introduction_example_column_box.two_img .introduction_img figure:first-child {
  margin-bottom: 20px;
}

.introduction_example_column_box.two_img .introduction_column {
  width: 100%;
  margin-bottom: 30px;
}

.illust_sub_box.clear {
  margin: 0 0 30px;
  text-align: center;
}

.illust_sub_box.clear img {
  margin: 0 auto !important;
  float: none !important;
  width: 100%;
}

.illust_sub_box.clear img:first-child {
  margin-bottom: 30px !important;
}

.introduction_example_box.company_information {
  margin: 50px 0;
}

.introduction_example_box.company_information .introduction_example_sub_box .introduction_example_txt_box {
  width: 100%;
  padding-left: 0;
}

.introduction_example_box.company_information .introduction_example_sub_box .introduction_example_txt_box .line {
  margin: 0;
  padding: 10px 0;
  border-bottom: dotted 1px #575757;
  font-size: 16px;
}

.introduction_example_box.company_information .introduction_example_sub_box .introduction_example_txt_box .line span {
  display: table-cell;
  vertical-align: top;
}

.introduction_example_box.company_information .introduction_example_sub_box .introduction_example_txt_box .line span:nth-of-type(2) {
  padding-left: 15px
}

.introduction_example_box.company_information .introduction_example_sub_box .introduction_example_txt_box .line span:first-of-type {
  width: 35%;
  position: relative;
}

.introduction_example_box.company_information .introduction_example_sub_box .introduction_example_txt_box .line span:first-of-type::after {
  content: "：";
  position: absolute;
  right: 0;
}


.introduction_example_box.company_information .introduction_example_sub_box .introduction_example_txt_box .line ul {
  display: table-cell;
  vertical-align: top;
  list-style-type: none;
  margin: 0;
  padding-left: 15px;
}

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

Top page RPA video

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

.toppage_rpa_video_main span.left_conter {
    width: 50px;
}

.toppage_rpa_video {
    padding-top: 0 !important;
    margin-bottom: 10px;
}

.toppage_rpa_video h4 {
    margin-bottom: 20px;
    color: #49ba00;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
}

.toppage_rpa_video a {
    display: inline-block;
}

.toppage_rpa_video img {
    box-shadow: 5px 5px #00cad7;
}

.toppage_rpa_video p {
    font-size: 14px !important;
    padding: 20px 0 15px;
    margin: 0 !important;
}

.toppage_rpa_video_main {
    width: 100%;
}

.toppage_rpa_video_main {
    padding: 30px 10px 0;
    float: left;
    margin-bottom: 30px;
}

.content_rpa h3 {
    text-align: center;
    padding: 15px 5px;
    margin-bottom: 40px;
}

.toppage_rpa_video {
    padding-left: 30px;
    padding-right: 30px;
}

.toppage_rpa_video img {
    box-shadow: none;
}

.toppage_rpa_video .top_video_area, .rpa_page_video .toppage_rpa_video .top_video_area {
    width: 100%;
    margin: 0 auto;
}

.toppage_rpa_video .top_rpa_video01, .rpa_page_video .toppage_rpa_video .top_rpa_video01 {
    float: none;
    width: 100%;
}

.toppage_rpa_video .top_rpa_video02, .rpa_page_video .toppage_rpa_video .top_rpa_video02 {
    float: none;
    width: 100%;
}

.content_rpa h3.rpa_page_title {
    padding: 10px 0;
    margin: 10px 0;
    text-align: center;
}

.rpa_video00_des {
    float: none;
    width: 100%;
    text-align: center;
}

a.top_rpa_video_link {
    text-align: center;
    display: inline-block;
}

p.rpa_rel_des {
    text-align: center;
}

a.top_rpa_video_link {
    width: 90%;
    font-size: 14px;
    background: url(/wp-content/themes/i-max/images/play-button-red.png) 5% 50% no-repeat #53C609;
    background-size: 7%;
}

a.top_rpa_link {
    width: 90%;
}

.rpa_video00_des {
    float: none;
    width: 100%;
}

.top_rpa_video00 {
    float: none;
    width: 100%;
    margin-top: 30px;
}

.toppage_rpa_video_main h3 {
    text-align: center;
}

.toppage_rpa_video_main {
    text-align: center;
}


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

.rpa_local_nav ul.rpa_local_nav_list {
    list-style: none;
	  padding: 10px 0;
}

.rpa_local_nav ul.rpa_local_nav_list li {
    display: block;
    margin: 3px;
/*    border: 3px solid #6ac603;   */
	font-size: 22px;
	font-weight: 600;
	text-align: center;
}

.rpa_local_nav ul.rpa_local_nav_list li a {
	  display: block;
		padding: 3px 30px;
    background-color: #6ac603;
		color: #fff;
}

.rpa_local_nav {
	display: block;
	margin: 20px 0;
}

/* ----20181109追加分---------------------------------- */

#section_rpa_mainfunction h4 {
  margin-top: 30px;
}


/* ----20181115追加分終了------------------------------ */
.user_beginning_column{
	padding-bottom: 0;
}

.user_beginning_column .br-pc{
	display:none;
}

.user_beginning_column .beginner_rpa_video02 {
	margin-bottom: 0;
}

.user_beginning_column li{
	width: 100%;
	padding-bottom: 50px;
}

.user_beginning_column li:nth-child(2) {
	border-left: none;
	border-right: none;
	height: auto;
}

.user_beginning_column h4{
	font-size: 20px 20px 10px;
	line-height: 44px;
}

.user_beginning_column h4::after {
	border-top: solid 22px transparent;
	border-right: solid 22px transparent;
	border-bottom: solid 22px transparent;
	border-left: solid 22px #a6a6a6;
	position: absolute;
	right: -44px;
}

.user_beginning_column dt{
	margin-top: 35px;
}

.beginner_dl_btn{
	line-height: 2.8;
	font-size: 20px;
}


/* Line Stamp Banner 20190117　追加 */

.line_stamp_sticker_box {
    margin: 18px 0;
	text-align: center;
}

.line_stamp_sticker_box a.line_stamp_sticker_link:hover {
	opacity: 0.7;
}

.line_stamp_sticker_box a.line_stamp_sticker_link,
.line_stamp_sticker_box a.celf_campus_link {
}

.line_stamp_sticker_box a.celf_campus_link:hover {
	opacity: 0.7;
}

.line_banner_box {
    padding: 0 10px 30px 10px;
	display: block;
	margin: 0 auto;
    width: 100%;
}

.line_banner_box a.line_banner_link:hover {
	opacity: 0.7;
}


.line_banner_box a.line_banner_link img.line_banner {
    margin: 0 auto;
}


/* ----Seminar Detail Page---------------------------------- */
	.ai_seminar_program_table {
		margin: 0 auto;
		text-align: left;
		background: #ececec;
		text-transform: none;
	}

	.ai_seminar_program_table tbody tr th {
		width: 100%;
		padding: 5px 10px;
		background: #ececec;
		color: #000;
		display: block;
		text-transform: none;
	}

	.ai_seminar_program_table tbody tr td {
		width: 100%;
		padding: 5px 10px;
		display: block;
		text-transform: none;
	}

	td.p-intro-time.first {
    	background: #ececec;
    	color: #000;
    	text-align: left;
    	font-weight: 600;
		font-size: 16px;
	}

	.ai_seminar_program_table tbody tr:nth-child(1) {
		border-bottom: solid 1px #fff;
	}

	.ai_seminar_program_table tbody tr.p-title-box {
	}

	.ai_seminar_program_table tbody tr th.p-title {
		color: #fff;
    	font-size: 16px;
	}

	.ai_seminar_program_table tbody tr td.p-time {
		background: #ec427c;
		color: #fff;
		text-align: left;
		font-weight: 600;
    	font-size: 16px;
	}

	.ai_seminar_program_table tbody tr th.p-title.first {
		background: #ec427c;
	}

	.ai_seminar_program_table tbody tr th.p-title.second {
		background: #38de3f;
	}

	.ai_seminar_program_table tbody tr th.p-title.third {
		background: #18579e;
	}

	.ai_seminar_program_table tbody tr td.p-time {
		color: #fff;
		text-align: left;
		font-weight: 600;
	}

	.ai_seminar_program_table tbody tr td.p-time.first {
		background: #ec427c;
	}

	.ai_seminar_program_table tbody tr td.p-time.second {
		background: #38de3f;
	}

	.ai_seminar_program_table tbody tr td.p-time.third {
		background: #18579e;
	}

	.ai_seminar_program_table tbody tr th.p-speaker {
		color: #000;
		font-weight: 600;
		font-size: 16px;
	}

	.ai_seminar_program_table tbody tr td.p-detail {
		color: #000;
		text-align: left;
	}

	.ai_seminar_program_table tbody tr th.p-sub-title {
    	font-size: 16px;
    	font-weight: 600;
    	color: #505050;
	}

	.ai_seminar_program_table tbody tr td.p-sub-time {
		text-align: left;
    	font-size: 16px;
    	font-weight: 600;
    	color: #505050;

	}

.ai-seminar-sponser ul {
    list-style: none;
    text-align: center;
    padding: 10px;
}


.ai-seminar-sponser ul li {
    display: block;
    text-align: center;
    padding: 20px;
    width: 50%;
    margin: 0 auto;
}


.large-button {
    padding: 17px 40px 17px;
    font-size: 20px;
}


/* Community Site Banner 20190613　追加 */

.CSite_banner_box {
    padding: 30px 10px 30px 10px;
	display: block;
	margin: 0 auto;
    width: 100%;
}

.CSite_banner_box img.CSite_banner {
    margin: 0 auto;
}



/*Fix banner*/
.CSite_banner_fix.sticky {
    display: none;
}

/* youtubeリンク画像用
.video_column img{
  width: 20%;
} */

/**
 * 20191111 セミナーページにセミナーバナー追加
 * ----------------------------------------------------------------------------
 */

.seminar_banner_IT {
	margin: 60px 0;
	border: solid 1px #53C609;
    padding: 30px;
}

.seminar_banner_IT img {
	width: 90%;
	display: inline-block;
}

.seminar_banner_IT a:hover {
	opacity: 0.7;
}

p.seminar_banner_IT_title {
	color: #53C609;
    text-align: center;
    font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 1.5;
}


/**
 * 20191212 shigyou page button 追加
 * ----------------------------------------------------------------------------
 */


.large-button.shigyou {
    padding: 17px 0;
    font-size: 16px;
}

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

.large-button.shigyou a:hover {
	opacity: 0.7;
}

.wp-block-image .shigyou-jirei-logo {
	float: none;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

.wp-block-image .shigyou-jirei-text {
	float: none;
	width: 100%;
}

p.shigyou-location {
    text-align: center;
}

.ss_form_btn.large-button.shigyou {
    text-align: center;
}

/* 201912 for 1min */
.rotate{
  transform: rotatez(90deg);
}
.imgBox_wrapper{
  text-align:center;
  image-rendering: -webkit-optimize-contrast;
  margin-bottom: 30px;
  /* width:100%; */
}

p.designation {
    text-align: right
}

/* 201912 for a-force */
.ti_1{
  text-indent: 0;
  padding-left: 1em;
}
.ti_2{
  text-indent: 0;
  padding-left: 2em;
}
.mb_0{
  margin-bottom: 0;
}
ul.dotlist li{
  list-style-type: disc;
  margin-left: 1em;
}
.solution h6{
  margin-top: 60px;
}
/* 201912 for inf191224 */
.imageBox{
  text-align: center;
  width: 100%;
  margin-bottom: 10px;
}
.imageBox img{
  width: auto;
}

/* 20200130_セミナー情報ボタン追加 */

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

/* end */

/* 20200710_目次部分修正 */

.rpa_sp01_list .rpa_sp01_category_point{
  padding-left: 0px;
  margin-left: 20px;
}

/* 20200708_modalwindows */
.modallist{
  display: block;
  width: 100%;
	margin-top: 40px;
}

.modalOpen{
  position: relative;
  width: 80%;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
  border: 3px solid #4aba00;
  border-radius: 30px;
  margin: 15px auto;
  padding: 15px 25px;
  color: #4aba00;
  font-weight: bold;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.modalOpen:hover{
  background-color: #4aba00;
  color: #fff;
}

.modalOpen:hover::before{
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  color: #fff;
}

.modalOpen::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #4aba00;
  border-right: solid 2px #4aba00;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  bottom: 45%;
  right: 15px;
  margin-top: -4px;
}

.modalClose{
  margin: 0 auto;
}

.modal{
  position: fixed;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: 0.3s;
}

.modal,.mask{
  opacity: 0;
  visibility: hidden;
}

.modal.active{
  opacity: 1;
  visibility: visible;
}

.mask.active{
  opacity: 0.7;
  visibility: visible;
}

.mask{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  z-index: 1;
  transition: 0.3s;
}

.modalContents{
  position: relative;
}

.modalClose{
  position: absolute;
  bottom: 102%;
  right: 0;
  border-radius: 50%;
  text-align: center;
  background-color: #fff;
  color: #868686;
  width: 30px;
  height: 30px;
  font-weight: bold;
  line-height: 30px;
  cursor: pointer;
}

/* end */

/* 20200710_RPA_botton追加 */
/* 20200824_link_button追加 */
.link_button,
.rpa_botton{
  display: flex;
  flex-flow: column;
  width: 100%;
	margin: 35px 0;
}

/*a.rpa_botton_item:first-of-type{
  background-color: #f69327;
  box-shadow: 7px 7px #b0610b;
}*/

/*a.rpa_botton_item:nth-of-type(2),
*/
a.rpa_trial{
  background-color: #4aba00;
  box-shadow: 7px 7px #327903;
}

a.rpa_botton_item:first-of-type,
a.link_button_item:first-of-type{
  background-color: #21b4ee;
  box-shadow: 7px 7px #077ead;
}

a.rpa_botton_item:nth-of-type(2),
a.link_button_item:nth-of-type(2){
  background-color: #f69327;
  box-shadow: 7px 7px #b0610b;
}

a.link_button_item,
a.rpa_botton_item,
a.rpa_trial{
  color: #fff;
  font-weight: bold;
  text-align: center;
	font-size: 1.1em;
	margin: 15px 20px;
	letter-spacing: .3rem;
	width: 90%;
	height: auto;
	padding: 18px 0;
	position: relative;
}

a.link_button_item:hover,
a.rpa_botton_item:hover,
a.rpa_trial:hover{
	opacity: .8;
  text-decoration: none;
}

a.link_button_item::before,
a.rpa_botton_item::before{
	content: '';
  width: 7px;
  height: 7px;
  border: 0px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: 40%;
  right: 40px;
  margin-top: -4px;
	position: absolute;
}

a.rpa_trial::before{
  content: '';
  width: 7px;
  height: 7px;
  border: 0px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: 40%;
  right: 15px;
  margin-top: -4px;
	position: absolute;
}

span.bg_orange span.numeric,
span.bg_orange_light span.numeric{
	font-size: 1.2em;
  padding: 0 3px 0 12px;
}

.footer_linkContent{
	display: flex;
  flex-wrap: wrap;
}

.pc_only,
.tablet_only,
.pc_inline,
.tablet_inline,
.pc_only2{
	display: none;
}

.sp_only,
.sp_only2{
  display: block;
}

.sp_inline{
  display: inline-block;
}

.modallist_pc{
  display: none;
}

.modal .modalContents img{
  max-width: 40vh;
}

/* snsボタン */

ul.sns_botton{
list-style: none;
    display: flex;
    width: 100%;
    padding: 0;
    margin: 40px 0px -30px 0px;
    justify-content: center;
    flex-wrap: wrap;
}

li.twitter,
li.fb,
li.pocket,
li.hatena,
li.note{
  padding-right: 5px;
}

li.note{
  margin-right: 30px;
}

.fb_iframe_widget > span {
  vertical-align: baseline !important;
}

.rpa_sp01_list ul.rpa_sp01_category li span.line_yellow{
	background: linear-gradient(transparent 50%, #feff03 50%);
}

.align_Center{
	text-align: center;
}



/* end */

/* ウィズ・コロナ */

.bg_yellow_btn{
	width: 95%;
	margin: 52px auto;
	background-color: #f9ff10;
	border-radius: 55px;
	box-shadow: 0px 8px 0px rgba(0,0,0,0.5);
}

.bg_yellow_btn a.try{
  display: block;
	font-size: 1.6rem;
  padding: 10px;
  color: #49ba00;
  text-align: center;
	font-weight: bold;
}

.bg_yellow_btn a.try:hover,
.Introduction_area .introduction_01 a.txt_Introduction_01:hover,
.Introduction_area .introduction_02 a.txt_Introduction_02:hover{
	opacity: .8;
  text-decoration: none;
}

.management__COVID_app_page{
  margin: 0 auto;
  padding: 0;
}

.management__COVID_app_page h2{
	font-size: 2.1rem;
  color: #49BA00;
  text-align: center;
  margin: 0 0 34px;;
}

img.with_corona_main{
  margin-top: 30px;
}

.bg_orange{
	width: 90%;
	margin: 55px auto 20px;
	background-color: #ff6600;
}

.bg_orange p.try{
	font-size: 1.7rem;
  padding:10px;
  color: #fff;
  text-align: center;
}

.management__COVID_app_page h2{
	font-size: 23px;
  color: #49BA00;
  text-align: center;
  margin: 0;
  line-height: 1.8em;
}

.management__COVID_app_page ul.app_list{
	list-style-type: none;
	font-size: 1.4rem;
  padding: 0 20px;
  margin: 0 auto 52px;
  font-weight: bold;
}

span.color_G{
	color: #49BA00;
}

.management__COVID_app_page .lightorange_bg{
	height: auto;
	background-color: #ff6600;
	overflow: hidden;
	margin: 0 calc(50% - 50vw);
  padding: 4px calc(43vw - 50% + 40px);
  width: 100vw;
}

.management__COVID_app_page section.LightGray_bg{
	height: auto;
  background-color: #f0f0f0;
  overflow: hidden;
  margin: 0 calc(50% - 50vw);
  padding: 4px calc(43vw - 50% + 40px);
  width: 100vw;
}

.management__COVID_app_page section.LightGray_bg .celf_Introduction_area{
	padding:  0;
}

.management__COVID_app_page .lightorange_bg h3.orange_h2{
  text-align: center;
	font-size: 2.1rem;
	color: #fff;
	font-weight: bold;
  margin-top: 100px;
  position: relative;
}

.management__COVID_app_page .lightorange_bg h3.orange_h2::after{
  content:'';
  display: inline-block;
  background: url(https://www.celf.biz/wp-content/uploads/2020/09/anime_01.png) no-repeat;
  width: 40%;
  height: 77px;
  background-size: 50%;
  position: absolute;
  right: 20%;
  bottom: 70%;
}

.management__COVID_app_page .lightorange_bg h3.orange_h2 span.fs_change{
	font-size: 2.9rem;
	font-weight: bold;
	color: #000;
}

.management__COVID_app_page p.examp_task_01 span.fs_change,
.management__COVID_app_page p.examp_task_02 span.fs_change{
	font-size: 2.8rem;
	font-weight: bold;
	color: #000;
	display: contents;
}

.management__COVID_app_page .lightorange_bg .flex_wrap,
.management__COVID_app_page section.management_care .flex_area{
	display: block;
  width: 100%;
  text-align: center;
}

.management__COVID_app_page .lightorange_bg .flex_wrap .flex_contents{
	margin: 0 auto;
}

.management__COVID_app_page .lightorange_bg p.examp_task_01,
.management__COVID_app_page .lightorange_bg p.examp_task_02{
	font-size: 2.1rem;
	text-align: center;
	width: 100%;
	display: flex;
	color: #fff;
  font-weight: bold;
  line-height: normal;
}

.management__COVID_app_page .lightorange_bg p.examp_task_01::before,
.management__COVID_app_page .lightorange_bg p.examp_task_01::after,
.management__COVID_app_page .lightorange_bg p.examp_task_02::before,
.management__COVID_app_page .lightorange_bg p.examp_task_02::after{
	content: "";
  flex-grow: 1;
  height: 2px;
  background: #000;
  display: block;
}

.management__COVID_app_page .lightorange_bg p.examp_task_01::before,
.management__COVID_app_page .lightorange_bg p.examp_task_01::after{
  margin-top: 16px;
}

.management__COVID_app_page .lightorange_bg p.examp_task_02::before,
.management__COVID_app_page .lightorange_bg p.examp_task_02::after{
  margin-top: 29px;
}

img.m_auto{
  margin: 0 auto;
}

.management__COVID_app_page .lightorange_bg p.examp_task_01::before,
.management__COVID_app_page .lightorange_bg p.examp_task_02::before{
	margin-right: 2rem;
}



.management__COVID_app_page .lightorange_bg p.examp_task_01::after,
.management__COVID_app_page .lightorange_bg p.examp_task_02::after{
	margin-left: 2rem;
}

.home_office img.pb_img{
  padding-bottom: 30px;
}

.resolution_wrap{
	display: block;
  margin: 0 auto;
  height: 0;
  width: 228px;
  background-color: #ff6600;
  position: relative;
	top: -25px;
	left: 0;
}

.resolution_wrap::before{
	position: absolute;
  content: "";
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  border: 140px solid transparent;
  border-top: 50px solid #ff6600;
  left: -26px;
  top: 133px;
}

.resolution_wrap::after{
	position: absolute;
  content: "";
  left: 37px;
  top: 20px;
  width: 5px;
  height: 118px;
  border-left: 153px solid #ff6600;
}

.resolution_wrap p.answer{
	position: absolute;
  width: 100%;
	margin: 0;
	color: #000;
  background-color: #fff;
  padding: 8px;
  border: 3px solid #ff6600;
  font-size: 1.9rem;
  font-weight: bold;
  top: 40px;
  left: 0;
	z-index: 1;
  text-align: center;
  line-height: normal;
}

.management__COVID_app_page .lightgreen_bg_management{
	height: auto;
  background-color: #d8f7c4;
  overflow: hidden;
  margin: 0 calc(50% - 50vw);
  padding: 4px calc(44vw - 50% + 40px);
  width: 100vw;
}

p.sub_title_01{
	font-weight: bold;
  font-size: 1.4rem;
  margin: 177px auto 0;
  text-align: center;
}

.management__COVID_app_page p.logomark_text{
	font-size: 2rem;
  font-weight: bold;
  margin: 20px 0 33px;
}

.management__COVID_app_page p.logomark_text img{
  width: 65%;
  vertical-align: -80%;
}

span.fc_g{
	font-size: 2.9rem;
  font-weight: bold;
  color: #49ba00;
}

.management__COVID_app_page .celf_img p.align_left_sp{
  font-size: 1.6rem;
  padding-bottom: 51px;
  text-align: left;
  font-weight: bold;
  margin: 0;
}

.management__COVID_app_page .celf_img p.align_left_sp span.fs_small{
  font-size: 1.3rem;
  font-weight: bold;
  color: #000;
}

.management__COVID_app_page .celf_img p.align_left_sp span{
  font-weight: bold;
  color: #49ba00;
}

section.management_care{
  padding-top: 51px;
  margin: 0 auto;
}

.management_care p.txt_b{
	font-weight: bold;
  text-align: left;
  padding-top: 31px;
  font-size: 1.6rem;
}

.management__COVID_app_page .management_care p.fs_small{
	font-size: 1.1rem;
  padding-bottom: 51px;
}

.management__COVID_app_page .management_care h4.green_big_title{
  margin-top: 0;
}

.management_care span{
	font-weight: bold;
	color: #53c609;
}

.management__COVID_app_page .management_care span.U_line{
  border-bottom: 1px solid #53c609
}

.management__COVID_app_page p.h_line_sp{
  text-align: center;
  padding: 12px 12px;
  background-color: #49ba00;
  margin: 0 15px;
  color: #fff;
  font-size: 1.6rem;
}

.management__COVID_app_page p.h_line_sp span.fs_small_2{
  font-size: 1.3rem;
  color: #fff;
}

.management__COVID_app_page section.management_care .flex_area p.images_title{
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.management__COVID_app_page section.management_care h2.color_B{
  color: #575757;
  margin: 40px 0 20px;
}

/* アコーディオン */
.management__COVID_app_page .management_care .accordion_area{
  width: 92%;
  height: auto;
  text-align: left;
  box-sizing: border-box;
  margin: 20px auto;
  display: block;
  border: 2px solid #49ba00;
}

.management__COVID_app_page .management_care .gray_area{
  background-color: #f0f0f0;
}

.management__COVID_app_page .management_care h5.accordion_trigger{
  font-size: 1.4rem;
  color: #49ba00;
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: 20px 58px 15px 15px;
}

.management__COVID_app_page .management_care ul.accordion_target{
    border-top: 1px solid #49ba00;
    margin: 0;
    padding: 10px;
    list-style-type: none;
}

.management__COVID_app_page .management_care h5.accordion_trigger::before{
  content: '';
  width: 5px;
  height: 5px;
  border: 0;
  border-bottom: solid 2px #49ba00;
  border-right: solid 2px #49ba00;
  position: absolute;
  bottom: 40%;
  right: 5%;
  margin-top: -6px;
  transform: rotate(45deg);
  transition: 0.5s;
}

.management__COVID_app_page .management_care h5.accordion_trigger.open::before{
  content: '';
  width: 5px;
  height: 5px;
  border: 0;
  border-bottom: solid 2px #49ba00;
  border-right: solid 2px #49ba00;
  position: absolute;
  bottom: 40%;
  right: 5%;
  margin-top: -6px;
  transform: rotate(-135deg);
  transition: 0.5s;
}

.management__COVID_app_page .management_care ul.accordion_target li.accordion_contents{
  font-size: 1.4rem;
  padding: 0 5px;
}

/* アコーディオン_end */

.management__COVID_app_page .LightGray_bg h2.PB_sp{
  padding-top: 51px;
}

.management__COVID_app_page .LightGray_bg p.fs_24R{
  font-size: 1.6rem;
  font-weight: bold;
  padding: 31px 0 3px;
  margin: 0;
}

.management__COVID_app_page .LightGray_bg p.txt_left{
  font-size: 1.4rem;
  padding: 0;
}

.management__COVID_app_page .angle_circle p.bg_green_01{
	position: absolute;
  width: 195px;
  margin: 0;
	text-align: center;
  background-color: #49ba00;
	color: #fff;
	border-radius: 34.5px;
  padding: 5px;
  font-size: 2rem;
  font-weight: bold;
  top: 40px;
  left: -20px;
  z-index: 1;
}

.management__COVID_app_page .lightgreen_bg_management p.bold_h4{
  text-align: left;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

.management__COVID_app_page .lightgreen_bg_management p.txt_left{
  padding: 0;
  text-align: left;
  font-weight: bold;
}

.management__COVID_app_page .angle_circle{
	display: block;
  margin: 0 auto;
  height: 0;
  width: 150px;
  background-color: #d8f7c4;
  position: relative;
  top: -25px;
  left: 0;
}

.management__COVID_app_page .angle_circle::before{
	position: absolute;
  content: "";
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  border: 100px solid transparent;
  border-top: 50px solid #F0F0F0;
  left: -23px;
  top: 99px;
}

.management__COVID_app_page .angle_circle::after{
  position: absolute;
  content: "";
  left: 24px;
  top: 15px;
  width: 5px;
  height: 85px;
  border-left: 100px solid #F0F0F0;
}

.management__COVID_app_page .celf_icon_wrap{
	margin: 140px auto 0;
  position: relative;
  width: 100%;
  padding: 0 15px;
}

.management__COVID_app_page .celf_icon_wrap p.celf_area img.icon_float{
	position: absolute;
  right: 25px;
  bottom: 0px;
  width: 15%;
}

.management__COVID_app_page .celf_icon_wrap p.celf_area{
	padding: 10px;
  font-size: 1.6rem;
	border: 2px solid #49ba00;
  font-weight: bold;
  background-color: #F0F0F0;
}

.management__COVID_app_page .celf_icon_wrap p.celf_area span{
	font-weight: bold;
  color: #53c609;
}

.Introduction_area{
	display: block;
  text-align: center;
  width: 100%;
  padding: 0 15px;
  margin-top: 51px;
}

.Introduction_area .introduction_01,
.Introduction_area .introduction_02{
  display: block;
	background-color: #f9ff10;
  width: 100%;
  margin: 0 auto;
  border-radius: 55px;
  box-shadow: 0px 8px 0px rgba(0,0,0,0.5);
}

.Introduction_area .introduction_01{
  margin-bottom: 24px;
}

.Introduction_area .introduction_01 a.txt_Introduction_01,
.Introduction_area .introduction_02 a.txt_Introduction_02{
	color: #49ba00;
  text-align: center;
  padding: 10px 5px;
  font-size: 1.6rem;
  font-weight: bold;
}

.Introduction_area .introduction_01 a.txt_Introduction_01 span.y_box,
.Introduction_area .introduction_02 a.txt_Introduction_02 span.y_box{
  font-size: 1.2rem;
}

/* ここまで_ウィズ・コロナ */

/* 20200901_seminar_type tyep-1 -3 追加 */
span.seminar_type.type-1 {
    background-color: #F9FF10;
	color: #6BC911;
}

span.seminar_type.type-2 {
    background-color: #21B4EE;
}

span.seminar_type.type-3 {
    background-color: #ff8a3d;
}

tr.seminar_news_list td.thumbnail span.seminar_type {
	margin-top: 10px;
	margin-left: 0;
}
/* end */

/* footer_bnr */

.footer_following_bnr{
	display: none;
}

.footer_following_bnr_sp{
  display: block;
  position:fixed;
  bottom:0;
  width:100%;
  padding:5px 0 5px 0;
  text-align:center;
  z-index: 9999;
}

.footer_following_bnr_sp a{
	display:block;
  width:100%;
  text-decoration:none;
}

.floating_banner{
  display: none;
}

/* footer_bnr_end */

#nextpage {
    margin-left: 10px;
	margin-right: 10px;
}


/* 20201005_動画一覧ページ */

/* カテゴリ絞り込み */

.btn-select {
  width: 90%;
  margin: 50px auto 45px;
  position: relative;
  background: #F9FF10;
  border-radius: 6px;
  cursor: pointer; /* IEでcursorがチラついたので */
	background-image: url(../images/triangle_icon.png);
	background-repeat: no-repeat;
	background-position: bottom 20px right 20px;
  text-align: left;
}
.btn-select::after{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50px;
  content: '';
  background-color: #21B4EE;
  background-image: url(../images/triangle_icon.png);
  background-repeat: no-repeat;
  background-position: bottom 17px right 20px;
  border-top-right-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-top-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
}

p.label {
  color: #49ba00;
  position: absolute;
  width: 100%;
  z-index: 1;
	margin-bottom: 0;
	top: 3px;
	left: 5px;
	font-size: 1.8rem;
}

.select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  cursor: pointer;
  width: 100%;
  border: none;
  padding: 11px 20px;
  opacity: 0;
  position: relative;
  z-index: 2;
}

/* IE10以上で矢印を消す */
.select::-ms-expand {
  display: none;
}

/* フォーカス時 */
.select:focus {
  z-index: -1;
  opacity: 1;
}

/* カテゴリ絞り込み_END */

/* おすすめ動画 */

h2.B-L{
	font-size: 2.1rem;
	border-left: 4px solid #49ba00;
	padding-left: 7px;
	color: #49ba00;
	margin-top: 39px;
  margin-left: 20px;
}

p.text_01{
	text-align: left;
  padding: 0 20px;
}

.recommended_movie{
	display: block;
  margin-bottom: 50px;
  padding: 0 20px;
}

.recommended_movie .recommended_box{
	width: 100%;
}

.recommended_movie .recommended_box p.title_area{
	font-size: 1.8rem;
	font-weight: bold;
	padding: 25px 0 15px;
	margin-bottom: 0;
}

.recommended_movie .recommended_box p.category_name{
	width: 49%;
	display: inline-block;
	border-radius: 3px;
  background-color: #F9FF10;
	color: #49ba00;
	text-align: center;
	margin-bottom: 3px;
  font-size: 1.3rem;
  font-weight: bold;
}

.recommended_movie .recommended_box p.detail a{
	display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 1.8rem;
}
.recommended_movie .recommended_box p.detail{
	background-color: #00a73c;
  width: 100%;
  text-align: center;
  border-radius: 25px;
  padding: 6px 0;
	margin-top: 28px;
}

.recommended_movie .recommendedCategory_area{
	display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 10px;
}

.recommended_box img{
  width: 100%;
}

/* おすすめ動画_END */

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 25px;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  padding: 20px 20px 0;
}

/*タブのスタイル*/
.tab_item_01,
.tab_item_02{
  height: 50px;
  border:solid #afafaf;
  border-width:2px 2px 0 2px;
  line-height: 50px;
  font-size: 1.8rem;
  text-align: center;
  color: #afafaf;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
	width: 50%;
	cursor: pointer;
	border-radius: 10px 10px 0 0;
}
.tab_item_01:hover {
  opacity: 0.75;
}

.tab_item_02:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;

  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item_01 {
  background-color: #f29736;
  color: #fff;
	border: none;
}

.tabs input:checked + .tab_item_02 {
  background-color: #009ad7;
  color: #fff;
	border: none;
}

/* タブ切り替え_END */

/* タブ内コンテンツ */

.tab_content_description_01{
	border: solid #f29736;
	border-width: 3px;
}

.tab_content_description_01 h2.warning_note{
	color: #f29736;
	background-color: #fff;
	width: 100%;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: left;
	padding: 24px 20px 13px;
}

.tab_content_description_02{
	border: solid #009ad7;
	border-width: 3px;
}

.tab_content_description_01 .flex_contents_seminar,
.tab_content_description_02 .flex_contents_product{
	display: block;
  padding: 45px 20px 20px;
}

.tab_content_description_01 .flex_contents_seminar .left_area,
.tab_content_description_02 .flex_contents_product .left_area{
  width: 100%;
  margin: 0 auto;
}

.tab_content_description_01 .flex_contents_seminar .left_area img,
.tab_content_description_02 .flex_contents_product .left_area img{
  width: 100%;
}
p.play_time{
	font-weight: bold;
  margin: 10px 0 0;
}

.recommended_box .decoration_red,
.recommended_box .decoration_blue,
.flex_contents_seminar .left_area .deco_orange,
.flex_contents_product .left_area .deco_blue_02{
	display: block;
	position: relative;
}
.recommended_box .decoration_red::after{
	content: ' ';
  position: absolute;
	bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #F29736;
}

.recommended_box .decoration_blue::after{
	content: ' ';
  position: absolute;
	bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #1fb8de;
}
.flex_contents_seminar .left_area .deco_orange::after{
	content: ' ';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 0;
	border: none;
	border-right: 30px solid transparent;
	border-bottom: 30px solid #F29736;
}

.flex_contents_product .left_area .deco_blue_02::after{
	content: ' ';
  position: absolute;
	bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border: none;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #1fb8de;
}

.tab_content_description_01 .list_inner:nth-of-type(odd) div{
	background-color: #fff9f2;
}

.d_none{
	display: none;
}
/* .d_none:nth-of-type(2n-1){
	background-color: #fff9f2;
}
.d_none:nth-of-type(2n){
	background-color: #fff;
} */


.tab_content_description_02 .list_inner:nth-of-type(odd) div{
	background-color: #ecfaff;
}

.right_area{
	margin-top: 15px;
}

.left_area .contents_Category_area{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 10px;
}

.tab_content_description_01 .flex_contents_seminar .right_area,
.tab_content_description_02 .flex_contents_product .right_area{
	width: 100%;
}
.tab_content_description_01 .flex_contents_seminar .left_area a:hover{
  opacity: 0.6;
}
.tab_content_description_02 .flex_contents_product .left_area a:hover{
  opacity: 0.6;
}

.tab_content_description_01 .flex_contents_seminar .left_area p.category,
.tab_content_description_02 .flex_contents_product .left_area p.category{
  color: #49ba00;
  background-color: #F9FF10;
  padding: 0 26px;
  width: 48%;
  text-align: center;
  border-radius: 5px;
	margin: 0 2px 3px;
	font-size: 1.2rem;
	font-weight: bold;
}

.tab_content_description_01 .flex_contents_seminar .right_area p.title,
.tab_content_description_02 .flex_contents_product .right_area p.title{
	color: #575757;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 15px 0 3px 0;
	margin: 0;
}

.tab_content_description_01 .flex_contents_seminar .right_area p.botton,
.tab_content_description_02 .flex_contents_product .right_area p.botton{
	background-color: #00a73c;
  width: 100%;
  text-align: center;
  border-radius: 25px;
	padding: 6px 0;
	margin-bottom: 40px;
}

.tab_content_description_01 .flex_contents_seminar .right_area p.botton a,
.tab_content_description_02 .flex_contents_product .right_area p.botton a{
	display: block;
	width: 100%;
  height: 100%;
	color: #fff;
  font-size: 1.8rem;
}

.tab_content_description_01 .flex_contents_seminar .right_area p.botton a:hover,
.tab_content_description_02 .flex_contents_product .right_area p.botton a:hover,
.recommended_movie .recommended_box p.detail a:hover{
	text-decoration: none;
	opacity: 0.7;
}
/* タブ内コンテンツ＿END */

/* 20201005_動画一覧ページ_end */

/* 20210921 パートナー加入追記 */

.partner_join_content,
.threepoint_content{
	width: 100%;
  margin: 0 auto;
  padding: 0 10px;
}

.img_content{
	width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.partner_btn{
	width: 75%;
}
.partner_btn a.try{
	color: #575757;
  font-size: 1.4rem;
}
p.txtalign_L{
	text-align: left!important;
}
h3.parther_join_h3{
	color: #49ba00;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}
.partner_flexbox{
	display: block;
  width: 100%;
}
.partner_flexbox .p_flex_item,
.partner_flexbox .p_flex_item_sec1{
	width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
.partner_flexbox .p_flex_item{
  background-color: #ecf8e4;
	padding: 20px;
}
.partner_flexbox .p_flex_item:nth-of-type(2n+1){
	margin-right: auto;
}
.partner_flexbox .p_flex_item_sec1:nth-of-type(2n+1){
	margin-right: auto;
}
.partner_flexbox .p_flex_item h4{
	font-size: 15px;
  font-weight: 300;
  border: 1px solid #addb8f;
  color: #46b001;
  background-color: #fff;
  text-align: center;
  padding: 8px 0;
}
.partner_flexbox .p_flex_item h5{
	margin-bottom: 10px;
	text-align: left;
}
.partner_flexbox .p_flex_item p.item_txt{
	font-size: 14px;
  font-weight: 300;
	text-align: left;
}
.partner_flexbox .p_flex_item a.L_btn{
	display: block;
  background-color: #49BA00;
  color: #fff;
  padding: 4px 0;
  width: 110px;
  margin: 0 auto;
}
.partner_join p.bg_G{
	background-color: #5AAF00;
  color: #fff;
  font-size: 19px;
  padding: 6px 0;
}
.partner_flexbox .p_flex_item_sec1{
	padding: 0;
  border: 2px solid #94DD4E;
  border-radius: 10px;
}
.partner_flexbox .p_flex_item_sec1 .icon_h{
	background-color: #CDEDAA;
  padding: 25px 0;
  border-radius: 8px 8px 0 0;
	border-bottom: 2px solid #94DD4E;
}
.partner_flexbox .p_flex_item_sec1 .icon_h h4{
	color: #575757;
  padding-bottom: 0px;
  padding-top: 0;
  margin: 0;
}
.partner_flexbox .p_flex_item_sec1 p.item_txt{
	padding: 20px;
	text-align: left;
}
.partner_infoarea{
	width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/2021/09/partner_bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  position: relative;
}
.partner_infoarea .chara_hyodol01{
	position: absolute;
  width: 100%;
  max-width: 125px;
  bottom: 10px;
  right: calc(50% - 100px);
}
.partner_infoarea h3.h3_image{
  margin: 0 auto 11px;
  padding: 25px 0 0;
  width: 90%;
}
.partner_infoarea .partner_btnY{
	background-color: #f9ff10;
  border-radius: 55px;
  width: 75%;
  padding: 10px 0;
  margin: 25px auto 0;
  box-shadow: 0px 8px 0px rgb(0 0 0 / 50%);
}
.partner_infoarea .partner_btnY a.partner_infobtn{
	text-decoration: none;
  display: block;
  font-size: 1.4rem;
  color: #575757;
  text-align: center;
  font-weight: bold;
}
.partner_infoarea .btn_flex{
	display: block;
  width: 100%;
  margin-top: 25px;
  padding-bottom: 130px;
}
.partner_infoarea .btn_flex .btn_item{
	background-color: #53C609;
  border-radius: 55px;
  width: 75%;
  padding: 10px 0;
  margin: 0 auto 20px;
  box-shadow: 0px 8px 0px rgb(0 0 0 / 50%);
}
.partner_infoarea .btn_flex .btn_item a.touch,
.partner_infoarea .btn_flex .btn_item a.more_btn{
	text-decoration: none;
  display: block;
  color: #fff;
  font-weight: bold;
  font-size: 1.3rem;
  text-align: center;
}
/* 20210921 パートナー加入追記_END */

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

サービス一覧　service

---------------------------*/
ul.service_list {
    margin: 35px auto;
    width:85%;
}

ul.service_list li{
	margin-top: 0;
}

ul.service_list li a{
	display: block;
	padding: 25px;
}

ul.service_list li:hover{
    box-shadow: none;
   /* transform: scale(1.05,1.05);*/
}

section.service_27 {
	background-image: url(/wp-content/uploads/cmn_images/service_mvbg_27_sp.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    height: auto;
    overflow: hidden;
    background-size: cover;
    padding-bottom: 102%;
    position: relative;}

section.service_26text {
    display: table;
    height: 420px;
	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;
    padding-bottom: 25%;
    float: none;
}

section.service_27text {
    display: table;
    height: 420px;
	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;
    padding-bottom: 25%;
    float: none;
}

section.service_28text {
    display: table;
    height: 300px;
	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;
    padding-bottom: 25%;
    float: none;
}


section.service_28{
	background-image: url(/wp-content/uploads/cmn_images/service_mvbg_28_sp.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    height: auto;
    overflow: hidden;
    background-size: cover;
    padding-bottom: 102%;
    position: relative;}

section.service_26{
	background-image: url(/wp-content/uploads/cmn_images/service_mvbg_26_sp.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    height: auto;
    overflow: hidden;
    background-size: cover;
    padding-bottom: 102%;
    position: relative;}


/*
.new_page_usecase_titleArea.service_27 .new_page_usecase_title {
    position: absolute;
    width: 100%;
    height: 83%;
}
*/

.new_page_usecase_titleArea.service_26 .new_page_usecase_title,
.new_page_usecase_titleArea.service_27 .new_page_usecase_title,
.new_page_usecase_titleArea.service_28 .new_page_usecase_title {
    position: absolute;
    width: 100%;
    height: 100%;
}



.intro_message {
padding: 36px 36px 0 36px;
}

h2.intro_title {
/*
    display: inline-block;
*/
    color: #49ba00;
    font-size: 2rem;
    font-weight: bold;
    padding-bottom: 10px;
/*
    border-bottom: 2px solid #49ba00;
*/
    margin-bottom: 40px;
	text-align: center;
}

p.intro_des {
    font-size: 1.6rem;
}

h2.celf_intro_h2 {
    font-size: 2rem;
    text-align: center;
    color: #49ba00;
}

span.celf_title {
    font-weight: bold;
	font-size: 21px;
	color: #49ba00;
}

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

li.celf_intro__list--item {
    margin-bottom: 20px;
    font-size: 1.6rem;
    padding-left: 2em;
    text-indent: -1em;
}

.celf_intro__list--item .fas {
    font-size: 17px;
    color: #49ba00;
    margin-right: 7px;
}

.celf_intro p {
    font-size: 1.6rem;
}

.celf_intro {
padding: 36px;
}


.service_contact .flex_area {
	display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    max-width: 1000px;
    margin: 0 auto;
    padding: 65px 36px 40px 36px;
}

.service_contact .flex_area .flex_content:nth-of-type(2n+1) {
    margin-right: 20px;
}

.service_contact .flex_area .flex_content {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;

    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 1 0 auto;
    padding: 0 25px 5px 25px;
    border-radius: 5px;
	border: solid 3px #6ac603;
}

.service_contact .flex_area .flex_content h3 {
    color: #49ba00;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 0 0 5px 0;
}

.service_contact .flex_area .flex_content .textarea {
    font-weight: bold;
    margin-bottom: 10px;
	text-align: left;
}

.service_contact .flex_area .flex_content .large-button.downloads-form {
	text-align: center;
}

.service_contact .flex_area .flex_content .clickbtn {
    background-color: #00a73c;
    color: #fff;
    text-align: center;
    padding: 20px 10px;
    width: 100%;
    margin: auto auto 20px;
    border-radius: 5px;
    text-decoration: none;
	font-size: 1.6rem;
}


.service_use_contents{
  display: block;
  text-align: center;
  margin: 50px auto;
}
.service_use_contents .app_samp,
.service_use_contents .app_samp_size_s{
  background-color: #fff;
  border: solid 3px #6cb039;
  border-radius: 10px;
  margin-bottom: 25px;
  padding-top: 0;
  padding-bottom: 40px;
}
.service_use_contents .app_samp .img_flexbox{
  margin-top: 23px;
}
.service_use_contents .app_flexarea{
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
}

.service_use_contents .app_samp_size_s .img_flexbox_sub_01{
    margin: 25px auto 15px;
    display: block;
    width: 50%;
    height: 55%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -114px 6px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;}

.service_use_contents .app_samp_size_s .img_flexbox_sub_02{
    margin: 25px auto 15px;
    display: block;
    width: 50%;
    height: 55%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -230px 5px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;}

.service_use_contents .app_samp_size_s .img_flexbox_sub_11{
    margin: 25px auto 15px;
    display: block;
    width: 50%;
    height: 55%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -228px -63px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;}

.service_use_contents .app_samp_size_s .img_flexbox_sub_18{
    margin: 25px auto 15px;
    display: block;
    width: 50%;
    height: 55%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -116px -154px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;}

.service_use_contents .app_samp_size_s .img_flexbox_sub_37{
    margin: 25px auto 15px;
    display: block;
    width: 50%;
    height: 55%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -111px -419px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;}

.service_use_contents .app_samp_size_s .img_flexbox_sub_19{
    margin: 25px auto 15px;
    display: block;
    width: 50%;
    height: 55%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -227px -152px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;}

.service_use_contents .app_samp_size_s .img_flexbox_sub_36{
    margin: 25px auto 15px;
    display: block;
    width: 50%;
    height: 55%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -340px -331px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;}

.service_use_contents .app_samp_size_s .img_flexbox_sub_16{
    margin: 25px auto 15px;
    display: block;
    width: 50%;
    height: 55%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -339px -63px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;}


.service_use_contents .app_samp .subtxt p{
  font-weight: bold;
}
.service_use_contents .SP_flexbox{
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.service_use_contents .use_app_area{
  padding: 0 40px;
}
.service_use_contents .app_samp_size_s{
  width: 43%;
}
.service_use_contents .app_samp_size_s:nth-child(2n+1){
  margin-right: 20px;
}
.service_use_contents .app_samp_size_s .img_flexbox_sub{
  margin-top: 20px;
}
.service_use_contents .app_samp_size_s .subtxt{
  margin-top: 15px;
}
.service_use_contents .app_samp_size_s .subtxt p{
  font-weight: bold;
  line-height: 1.1;
	color: #575757;
}
.service_use_contents .app_samp .subtxt{
  margin-top: 20px;
	color: #575757;
}

.service_use_contents .app_samp_size_s .subtxt p,
.service_use_contents .app_samp .subtxt p{
	color: #575757;
}

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

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

.service_use_contents .app_samp:hover,
.service_use_contents .app_samp_size_s:hover{
    opacity: .8;
}

.service_use_contents .use_app_area h2 {
    font-size: 2rem;
    color: #49ba00;
    line-height: 1.8;
}

.large-button.mail-add  a {
  background: url(/wp-content/uploads/cmn_images/icn-mail-white.png) 95% center no-repeat;
  border: none;
  border-radius: 3px;
  color: #fff;
  display: block;
  padding: 11px 28px;
  text-align: center;
  text-decoration: none;
  transition: all .2s linear;
  width: 100%;
	line-height: 1;
}

.large-button.mail-add {
  padding: 17px 0;
  font-size: 16px;
  position: relative;
}

.large-button.mail-add a span{
	font-size: 12px
}


.large-button.downloads-form-service  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 28px;
  text-align: center;
  text-decoration: none;
  transition: all .2s linear;
  width: 100%;
	line-height: 1;
}

.service_contact .flex_area .flex_content .large-button.downloads-form-service .clickbtn {
    padding: 26px 10px;
}

.large-button.downloads-form-service {
  padding: 0;
  font-size: 16px;
  position: relative;
}

.large-button.downloads-form-service a span{
	font-size: 2px
}

/*20221017 NCS*/

.template-area-container {
    display: flex;
    gap: 2em;
    flex-wrap: nowrap;
    align-items: center;
}

.heading-dlinerbox-b {
    box-sizing: border-box;
    padding: 0.5em !important;
    border: 4px double #043c78;
    border-radius: 15px;
    text-align: center;
    color: #0060AF;
}

.has-medium-font-size {
    line-height: 30px;
}

.has-large-font-size {
    line-height: 50px;
}

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

.has-text-color{
    color:#00a348;
}

.has-background{
    background-color:#fffea8;
}

.ek-underline {
    text-decoration: underline;
}

.wp-block-column {
    padding: 1em;
}


.service-intro .has-medium-font-size strong {
    font-size: 28px;
}

.service-intro .has-medium-font-size mark {
    background-color:rgba(0, 0, 0, 0);
    color:#00a348;
}

.block-border-g {
    border: solid 3px #99CC33;
}

.wp-container-21 {
    display: flex;
    gap: 0;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1.75em;
}

.wp-container-26 .has-medium-font-size {
    font-size: 17px;
}

.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
}

.wp-block-column .wp-container-19 {
    flex-basis: calc(800% - 16px)!important;
    padding: 2em;
    margin-left: 0;
}

.wp-container-27 {
    flex-basis:100%;
}

.service-flow h4 {
    margin-bottom: 10px;
}

.wp-block-image.ncs-bugyou-cloud {
    text-align: center;
}

.solution.sol_0001 {
    margin-top: 30px;
}

.service-intro-2 figure.alignleft.size-full {
/*
    margin: 0.5em 3em 3em 0;
*/
}


.service-intro-2 {
    display: block;
    gap: 0em;
    flex-wrap: nowrap;
    align-items: center;
}

.service-intro-2 p {
    margin-top: 1em;
    margin-bottom: 1em;
}

.wp-container-8.wp-block-column {
    flex-basis: 100%!important;
}

.wrapper90 h2 {
    font-size: 29px;
}

/*20221108 Dropbox*/

.pc-only {
	display: none;
}

.solution.font_large p.font_small {
    font-size: 1.2rem;
}

.solution.font_large p.text-indent {
    margin-left: 3em;
}

.solution.font_large .sol_features.service_before {
    padding: 40px;
    border-radius: 5px;
    border: solid 3px #aaaaaa;
    margin: 20px 20px 40px 20px;
}

.solution.font_large .sol_features.service_before h4 {
    padding: 10px;
    background-color: #aaaaaa;
    color: #fff;
    text-align: center;
}

.solution.font_large .sol_features.service_after {
    padding: 40px;
    border-radius: 5px;
    border: solid 3px #6ac603;
    margin: 20px 20px 40px 20px;
}

.solution.font_large .sol_features.service_after h4 {
    padding: 10px;
    background-color: #6ac603;
    color: #fff;
    text-align: center;
}

.solution.font_large h3.service_sub_title {
    font-size: 3.2rem;
    padding-top: 17px;
    margin-bottom: 30px;
    line-height: 100%;
    color: #fff;
    background-image: url(/wp-content/uploads/cmn_images/casefile_01_header_bg.webp);
    background-repeat: round;
    background-size: cover;
    width: 100%;
    height: 100%;
    min-height: 68px;
    letter-spacing: 2.5px;
    border: none;
    text-align: center;
    font-weight: bold;
}

.solution.font_large h3.service_usecase {
    border: #868686 1px solid;
    color: #666;
    font-weight: normal;
    font-size: 16px;
    padding: 6px 0 4px 7px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 60px 0 0 0;
}

.solution.font_large .sol_features h4.service_usecase_sub {
    font-size: 2rem;
    text-indent: -2.5em;
    margin-left: 2em;
}

.solution.font_large .sol_features ul {
    text-indent: -1.5em;
}

.solution.sol_0001 .service_contact .flex_area .flex_content h3 {
    color: #49ba00;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 20px 0;
    border: none
}

.solution.sol_0001 .service_contact .flex_area .flex_content ul {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    margin-bottom: 30px;
    padding: 0 !important;
}

.solution.sol_0001 .service_contact .flex_area .flex_content ul li {
    width: 100%;
}

.solution.sol_0001 .service_contact .flex_area .flex_content ul li.left {
    margin-right: 30px;
}

.solution.sol_0001 .service_contact .flex_area .flex_content {
    /* width: 100%; */
    max-width: 100%;
    margin-bottom: 20px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 1 0 auto;
    padding: 0 25px 5px 25px;
    border-radius: 5px;
    border: solid 3px #6ac603;
}

.solution.sol_0001 .service_contact .flex_area .flex_content .clickbtn {
    background-color: #00a73c;
    color: #fff;
    text-align: center;
    padding: 20px 10px;
    width: 100%;
    margin: 10px auto 20px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 2rem;
    display: block;
}


/* サービス一覧　service */


/* Toppage_20211220 */
#main_visual_new{
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background-image: url(/wp-content/uploads/cmn_images/toppage_bg_sp.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 122%;
}

/* #main_visual_new h1.new_mv{
	font-size: 1.8rem;
  width: 100%;
  margin: 0 auto;
  color: #1b7304;
  line-height: 2.5;
  letter-spacing: 0.1rem;
  white-space: nowrap;
}
#main_visual_new h1.new_mv span.h1txt{
	background-color: #fff;
  padding:5px 15px;
}
#main_visual_new h1.new_mv span.small_txt{
	font-size: 1.4rem;
}
#main_visual_new h1.new_mv span.ls{
	letter-spacing: -0.05rem;
} */

#main_visual_new h1.new_mv .new_mv_txt{
	color: #1b7304;
	font-size: 4.75vw;
	font-weight: bold;
	line-height: 1.5;
	text-shadow:3px 3px 0 #FFF, -3px -3px 0 #FFF, -3px 3px 0 #FFF, 3px -3px 0 #FFF, 0px 3px 0 #FFF,  0 -3px 0 #FFF, -3px 0 0 #FFF, 3px 0 0 #FFF;
}

#main_visual_new .kv_wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0 24px;
}
#main_visual_new .kv_wrap .mv_ttl{
	width: 100%;
}
/* #main_visual_new .kv_wrap .mv_ttl .mv_ttl_item_01{
	z-index: 6;
}
#main_visual_new .kv_wrap .mv_ttl .hukidashi_wrap{
  margin: 0 auto;
  position: relative;
  width: 100%;
  text-align: center;
} */
#main_visual_new .m_trial_btn{
  position: absolute;
  top: 89%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  margin: 0 auto;

  z-index: 3;
}
#main_visual_new .m_trial_btn a{
  height: 100%;
  background-color: #f3fd01;
  font-weight: bold;
  font-size: 3.3vw;
  border-radius: 35px;
  box-shadow: 0 6px 0 #319100;
  width: 100%;
  min-width: 320px;
  padding: 5px 45px;
  letter-spacing: 0.2rem;
  color: #319100;
  display: inline-block;
  text-align: center;
}
#main_visual_new .m_trial_btn a:hover{
	opacity: 0.7;
	text-decoration: none;
	color: #1d7401;
}
#main_visual_new a.m_trial_btn span.small_txt{
	font-size: 2.6vw;
}
#main_visual_new .kv_wrap .mv_ttl .hukidashi_wrap .chara_box{
  width: 100%;
  position: absolute;
  top: 62%;
  left: 5%;
}
#main_visual_new .kv_wrap .mv_ttl .hukidashi_wrap .chara_box img{
	width: 30%;
}
ul.slider_fade{
	list-style: none;
}
/* 吹き出しアニメーション */
/* #main_visual_new .hukidashi_01{
  position: absolute;
  width: 39vw;
  height: 30vh;
  top: -125px;
  left: -10%;
}
#main_visual_new .hukidashi_02{
	position: absolute;
  width: 38vw;
  height: 20vh;
  top: -140px;
  left: 18%;
}
#main_visual_new .hukidashi_03{
	position: absolute;
  top: -121px;
  left: 22%;
  width: 39vw;
  height: 40vh;
  z-index: 4;
} */
#main_visual_new .hukidashi_01 > li{
  position: absolute;
  top: 40%;
  left: 5%;
  width: 35%;
  background-color: #FFF;
  border: #D4D4D4 solid 4px;
  border-radius: 15px;
}
#main_visual_new .hukidashi_01 > li::before{
  content: '';
  position: absolute;
  display: block;
  z-index: 1;
  border-style: solid;
  border-color: #FFF transparent;
  border-width: 15px 0px 0px 20px;
  bottom: -12px;
  left: 70%;
  margin-left: -63px;
}
#main_visual_new .hukidashi_01 > li::after{
  content: '';
  position: absolute;
  display: block;
  z-index: 0;
  border-style: solid;
  border-color: #D4D4D4 transparent;
  border-width: 17px 0px 0px 30px;
  bottom: -17px;
  left: 62%;
  margin-left: -60px;
}
#main_visual_new .hukidashi_02 > li{
  position: absolute;
  top: 28%;
  left: 40%;
  width: 55%;
  background-color: #FFF;
  border: #D4D4D4 solid 4px;
  border-radius: 15px;
}
#main_visual_new .hukidashi_02 > li::before{
  content: '';
  position: absolute;
  display: block;
  z-index: 1;
  border-style: solid;
  border-color: #FFF transparent;
  border-width: 15px 35px 0px 0px;
  bottom: -9px;
  left: 50%;
  margin-left: -65px;
  transform: skewX(-40deg);
}
#main_visual_new .hukidashi_02 > li::after{
  content: '';
  position: absolute;
  display: block;
  z-index: 0;
  border-style: solid;
  border-color: #D4D4D4 transparent;
  border-width: 15px 35px 0px 0px;
  bottom: -16px;
  left: 53%;
  margin-left: -80px;
  transform: skewX(-40deg);
}
#main_visual_new .hukidashi_03 > li{
  position: absolute;
  top: 69%;
  left: 40%;
  width: 50%;
  background-color: #FFF;
  border: #D4D4D4 solid 4px;
  border-radius: 15px;
}
#main_visual_new .hukidashi_03 > li::before{
  content: '';
  position: absolute;
  display: block;
  z-index: 1;
  border-style: solid;
  border-color: #fff transparent;
  border-width: 18px 35px 0 0px;
  bottom: -12px;
  left: 43%;
  margin-left: -63px;
}
#main_visual_new .hukidashi_03 > li::after{
  content: '';
  position: absolute;
  display: block;
  z-index: 0;
  border-style: solid;
  border-color: #D4D4D4 transparent;
  border-width: 15px 28px 0 0px;
  bottom: -18px;
  left: 43%;
  margin-left: -66px;
}
#main_visual_new .hukidashi_01 > li,
#main_visual_new .hukidashi_02 > li,
#main_visual_new .hukidashi_03 > li{
  font-size: 2.5vw;
  padding: 10px;
  line-height: 1.3;
  list-style: none;
  visibility: hidden;
  opacity: 0;
}
#main_visual_new .hukidashi_01 > li,
#main_visual_new .hukidashi_02 > li,
#main_visual_new .hukidashi_03 > li{
  animation: anime_slider_fade_first 30s 0s infinite;
}

#main_visual_new .hukidashi_01 .slider_fade > li:nth-of-type(2){
	animation-delay: 10s;
}
#main_visual_new .hukidashi_01 .slider_fade > li:nth-of-type(3){
	animation-delay: 20s;
}

#main_visual_new .hukidashi_02 .slider_fade > li:nth-of-type(1){
	animation-delay: 4s;
}
#main_visual_new .hukidashi_02 .slider_fade > li:nth-of-type(2){
	animation-delay: 14s;
}
#main_visual_new .hukidashi_02 .slider_fade > li:nth-of-type(3){
	animation-delay: 24s;
}

#main_visual_new .hukidashi_03 .slider_fade > li:nth-of-type(1){
	animation-delay: 8s;
}
#main_visual_new .hukidashi_03 .slider_fade > li:nth-of-type(2){
	animation-delay: 18s;
}
#main_visual_new .hukidashi_03 .slider_fade > li:nth-of-type(3){
	animation-delay: 28s;
}
@keyframes anime_slider_fade_first {
    0% {
        visibility: visible;
        opacity: 0;
    }
    1.66% {
        opacity: 1;
    }
		/* 1.5秒かけてフェードイン完了 */
		20% {
        opacity: 1;
    }
		/* 6秒かけて表示完了 */
		33.33% {
        opacity: 0;
    }
		46.66% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
/* 吹き出しアニメーションend */
section.c_beige{
  background-color: #fcfaea;
}
/* slider */
.top_slider{
  margin: 17px 0 35px;
  position: relative;
}
.top_slider .topbnr_page{
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.top_slider .topbnr_page span{
  margin: 13px 15px 0;
}
.top_slider .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
}
.top_slider .swiper-pagination-bullet-active{
  background: #53C609;
  opacity: 1;
}
@keyframes loop {
  0% {
    transform: translateX(200%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-200%);
  }
}

@keyframes loop3 {
  0% {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-300%);
  }
}
img.t-flex_img{
  width: 100%;
  margin: 0 auto;
}
/* slider_end */
.toppage_flexbox{
  display: none;
}
#resolve_trouble .t-contents_area{
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 40px auto 0;
}
#resolve_trouble .t-contents_area .top_flexarea .txt_area{
  padding: 0 40px;
}
#resolve_trouble .t-contents_area .top_flexarea .txt_area p{
	text-align: left;
}
a.info_btn{
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  width: 100%;
  margin: 0 auto 50px;
  color: #fff;
  background-color: #53c50b;
  padding: 15px 80px;
  text-decoration: none;
  border-radius: 5px;
  letter-spacing: 0.1rem;
}
section.LightGreen_bg .use_contents{
  display: block;
  text-align: center;
  margin: 50px auto;
}
#resolve_trouble .t-contents_area .top_flexarea .txt_area h2,
.use_app_area h2,
.toppage_case_area h2.case_study{
  color: #333;
	font-size: 2.4rem;
}
ul.case_news_list li.border_g h4{
	color: #333;
	font-weight: bold;
	text-align: center;
}
.use_contents .app_samp,
.use_contents .app_samp_size_s{
  background-color: #fff;
  border: solid 3px #6cb039;
  border-radius: 10px;
  margin-bottom: 25px;
  padding-top: 0;
}
.use_contents .app_samp .img_flexbox{
  margin-top: 23px;
}
.use_contents .app_flexarea{
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
}
.use_contents .app_samp .subtxt p{
  font-weight: bold;
}
section.LightGreen_bg .use_contents .SP_flexbox{
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.use_contents .use_app_area{
  padding: 0 40px;
}
.use_contents .app_samp_size_s{
  width: 43%;
}
.use_contents .app_samp_size_s:nth-child(2n+1){
  margin-right: 20px;
}
.use_contents .app_samp_size_s .img_flexbox_sub{
  margin-top: 20px;
}
.use_contents .app_samp_size_s .subtxt{
  margin-top: 15px;
}
.use_contents .app_samp_size_s .subtxt p{
  font-weight: bold;
  line-height: 1.1;
	color: #575757;
}
.use_contents .app_samp .subtxt{
  margin-top: 20px;
	color: #575757;
}

.use_contents .app_samp_size_s .subtxt p,
.use_contents .app_samp .subtxt p{
	color: #575757;
}

/*20220407 追加*/

.use_contents .app_samp a:hover {
    text-decoration: none;
    opacity: .8;
	color: #575757;
}

.use_contents .app_samp_size_s a:hover {
    text-decoration: none;
    opacity: .8;
	color: #575757;
}

.use_contents .app_samp:hover,
.use_contents .app_samp_size_s:hover{
    opacity: .8;
	color: #575757;
}

.circle_area_sp{
  display: block;
  padding: 0 30px;
}
.circle_area_pc{
  display: none;
}
ul.case_news_list li.border_g,
.toppage_case_area .case_list{
	border: solid 2px #6CB039;
}
.toppage_case_area h2.case_study{
  text-align: center;
}
.toppage_case_area .case_list_wrap{
	padding: 0 28px;
  margin: 25px 0;
}
.toppage_case_area .case_list{
  padding: 15px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.toppage_case_area .case_list ul.app_flexarea{
	padding-left: 0;
  flex-wrap: wrap;
  display: flex;
}
.toppage_case_area .case_list ul li{
	list-style: none;
  width: calc(100% / 3);
  padding: 10px 5px 0;
}
section .toppage_info_area{
	position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background-image: url(/wp-content/uploads/cmn_images/info_area_bg_tab.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.toppage_info_area .chara_area_01,
.toppage_info_area .chara_area_02{
	display: none;
}
.toppage_info_area .info_box{
  text-align: center;
  margin: 50px 0;
}
.toppage_info_area .info_box .bnr_box{
  padding: 0 34px;
}
.toppage_info_area .info_box .top_bnr{
  margin-bottom: 25px;
}
.common_footer_link_btn span.flex_center{
	display: flex;
	align-items: center;
	justify-content: center;
  padding: 5px;
}
/* Toppage_20211220_end */


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

Footer SNS 追加　20220217

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

.widget-area ul.sns-widget {
  display: flex;
  justify-content: center;
  list-style: none;
  position: absolute!important;
    margin-top: 20px;
    margin-right: 0;
    width: 100%;
    padding-left: 16px;
}
.widget-area ul.sns-widget li {
  padding-right: 3.0rem;
  justify-content: center
}
.widget-area ul.sns-widget li:last-child {
  padding-right: 0
}
.widget-area ul.sns-widget li a img {
  max-width: 100%;
  height: auto
}

/* Footer SNS 追加　20220217 */

/* 20220307_利用シーン */
/*
.pgcs01,.pgcs02,.pgcs03,.pgcs07,.pgcs11,.pgcs16,.pgcs18,.pgcs19,.pgcs20,.pgcs25,.pgcs31,.pgcs34,.pgcs35,.pgcs36,.pgcs37,.pgcs38 {
	background-image: url(/wp-content/uploads/cmn_images/casefile_00_mvttl_bg_sp.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    height: auto;
    overflow: hidden;
    background-size: cover;
    padding-bottom: 70%;
    position: relative;
}
	
*/
.pgcs01,.pgcs02,.pgcs03,.pgcs07,.pgcs11,.pgcs16,.pgcs18,.pgcs19,.pgcs20,.pgcs25,.pgcs31,.pgcs34,.pgcs35,.pgcs36,.pgcs37,.pgcs38,.pgcs39,.pgcs40,.pgcs41 {
    display: table;
    height: 420px;
	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;
    padding-bottom: 25%;
    float: none;
}

.new_page_usecase_titleArea.pgcs01 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs02 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs03 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs07 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs11 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs16 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs18 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs19 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs20 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs25 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs31 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs34 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs35 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs36 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs37 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs38 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs39 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs40 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs41 .new_page_usecase_title {
    position: absolute;
    width: 100%;
    height: 10%;
}

/*
.pgcs01{
  background-image: url(/wp-content/uploads/cmn_images/casefile_01_mvttl_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: auto;
  overflow: hidden;
  background-size: cover;
  padding-bottom: 102%;
  position: relative;
}

.pgcs02{
	background-image: url(/wp-content/uploads/cmn_images/casefile_02_mvttl_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: auto;
  overflow: hidden;
  background-size: cover;
  padding-bottom: 102%;
  position: relative;
}

.pgcs03{
	background-image: url(/wp-content/uploads/cmn_images/casefile_03_mvttl_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: auto;
  overflow: hidden;
  background-size: cover;
  padding-bottom: 102%;
  position: relative;
}

.pgcs07{
  background-image: url(/wp-content/uploads/cmn_images/casefile_07_mvttl_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: auto;
  overflow: hidden;
  background-size: cover;
  padding-bottom: 102%;
  position: relative;
}

.pgcs11{
  background-image: url(/wp-content/uploads/cmn_images/casefile_11_mvttl_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: auto;
  overflow: hidden;
  background-size: cover;
  padding-bottom: 102%;
  position: relative;
}

.pgcs16{
  background-image: url(/wp-content/uploads/cmn_images/casefile_16_mvttl_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: auto;
  overflow: hidden;
  background-size: cover;
  padding-bottom: 102%;
  position: relative;
}

.pgcs18{
  background-image: url(/wp-content/uploads/cmn_images/casefile_18_mvttl_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: auto;
  overflow: hidden;
  background-size: cover;
  padding-bottom: 102%;
  position: relative;
}

.pgcs19{
  background-image: url(/wp-content/uploads/cmn_images/casefile_19_mvttl_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: auto;
  overflow: hidden;
  background-size: cover;
  padding-bottom: 102%;
  position: relative;
}

.pgcs20{
  background-image: url(/wp-content/uploads/cmn_images/casefile_20_mvttl_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: auto;
  overflow: hidden;
  background-size: cover;
  padding-bottom: 102%;
  position: relative;
}
*/
.pgcs24{
  display: table;
    height: 500px;
    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;
    padding-bottom: 25%;
}
/*
.pgcs25{
  background-image: url(/wp-content/uploads/cmn_images/casefile_25_mvttl_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: auto;
  overflow: hidden;
  background-size: cover;
  padding-bottom: 102%;
  position: relative;
}

.pgcs31{
  background-image: url(/wp-content/uploads/cmn_images/casefile_31_mvttl_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: auto;
  overflow: hidden;
  background-size: cover;
  padding-bottom: 102%;
  position: relative;
}

.pgcs34{
  background-image: url(/wp-content/uploads/cmn_images/casefile_34_mvttl_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: auto;
  overflow: hidden;
  background-size: cover;
  padding-bottom: 102%;
  position: relative;
}

.pgcs35{
  background-image: url(/wp-content/uploads/cmn_images/casefile_35_mvttl_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: auto;
  overflow: hidden;
  background-size: cover;
  padding-bottom: 102%;
  position: relative;
}
*/


section.pgcs24text {
    display: table;
    height: 390px;
	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;
    padding-bottom: 25%;
    float: none;
}

.new_page_usecase_titleArea .new_page_usecase_title{
	position: absolute;
  width: 100%;
  height: 100%;
}


.new_page_usecase_titleArea .new_page_usecase_title.scene-addpage {
    display: table;
    height: 390px;
	overflow: hidden;
    background-image: url(/wp-content/uploads/cmn_images/casefile_24_mvbg.webp);
    background-repeat: no-repeat;
    background-position: 270% 67%;
    background-size: 336px auto;
}

.new_page_usecase_titleArea .new_page_usecase_title.service-mjs {
    display: table;
    height: 420px;
	overflow: hidden;
    background-image: url(/wp-content/uploads/cmn_images/service_mv_27.webp);
    background-repeat: no-repeat;
	background-position: center bottom;
    background-size: 240px auto;
}

.new_page_usecase_titleArea .new_page_usecase_title.service-obc {
    display: table;
    height: 420px;
	overflow: hidden;
    background-image: url(/wp-content/uploads/cmn_images/service_mv_26_2.webp);
    background-repeat: no-repeat;
	background-position: center bottom;
    background-size: 200px auto;
}

.new_page_usecase_titleArea .new_page_usecase_title.service-pca {
    display: table;
    height: 270px;
	overflow: hidden;
    background-image: url(/wp-content/uploads/cmn_images/service_mv_28.webp);
    background-repeat: no-repeat;
	background-position: center bottom;
    background-size: 290px auto;
}



.new_page_usecase_titleArea .casefile_ttl_inner{
	margin-bottom: 15px;
  margin-top: 20px;
  width: 100%;
  padding: 0 5%;
}
.new_page_usecase_titleArea .casefile_ttl_inner .m_trial_btn{
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  margin: 0 auto;
}
.new_page_usecase_titleArea .casefile_ttl_inner .m_trial_btn a{
  height: 100%;
  background-color: #f3fd01;
  font-weight: bold;
  font-size: 5vw;
  border-radius: 35px;
  box-shadow: 0 6px 0 #319100;
  width: 100%;
  min-width: 360px;
  padding: 5px 0;
  letter-spacing: 0.2rem;
  color: #319100;
  display: inline-block;
  text-align: center;
}
.new_page_usecase_titleArea .casefile_ttl_inner .m_trial_btn a{
    width: 70%;
    max-width: 100%;
    font-size: 4vw;
    line-height: 1.1;
}
.new_page_usecase_titleArea .casefile_ttl_inner .m_trial_btn a.single_line_txt{
    line-height: 2;
}

.new_page_usecase_titleArea .casefile_ttl_inner .m_trial_btn a:hover{
    text-decoration: none;
}

.new_page_usecase_titleArea .casefile_ttl_inner .m_trial_btn a span{
font-size: 3.2vw;
	letter-spacing: normal;
}

.new_page_usecase_titleArea .casefile_ttl_inner .m_trial_btn a span.small_txt{
  font-size: 3.5vw;
}
h3.casefile01_h3{
  font-size: 2rem;
  padding: 13px 13px;
  line-height: 100%;
  color: #fff;
  background-image: url(/wp-content/uploads/cmn_images/casefile_01_header_bg_sp.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  margin: 41px auto 28px;
}
h3.casefile01_h3::before,
h3.casefile01_h3::after{
	display: none;
}

h3.casefile01_h3 span {
  font-size: 1rem;
  letter-spacing: normal;
	font-weight: 500;
}

.celf_merit_area{
  padding: 0 36px;
}
.new_celf_merit_area_stepbox{
  width: 100%;
  border: solid 2px #49ba00;
  padding: 15px 15px 15px 30px;
  text-align: left;
  margin-bottom: 25px;
  position: relative;
}
.new_celf_merit_area_stepbox span.casefile_NO{
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 2.4rem;
  letter-spacing: 1px;
  left: -22px;
  top: -18px;
  position: absolute;
  color: #49BA00;
  background: #fff;
  text-align: center;
}
.new_celf_merit_area_stepbox p{
  margin-bottom: 0;
}
.new_celf_merit_area_stepbox p span.marker_yellow{
  color: #eb6e21;
  background: linear-gradient(transparent 60%, #ffffa7 40%);
}
.new_celf_merit_area_stepbox p span.marker_blue{
  color: #061af8;
  background: linear-gradient(transparent 60%, #a1faff 40%);
}
.recommended_for_area .casefile_flex{
	display: block;
  margin-bottom: 50px;
	position: relative;
}
.recommended_for_area .casefile_flex .casefile_flexitem{
	image-rendering: -webkit-optimize-contrast;
}
.recommended_for_area .casefile_flex .casefile_flexitem h4.color_black{
	color: #333;
}
.recommended_for_area .casefile_flex .casefile_flexitem h4{
	color: #49ba00;
}
.recommended_for_area .casefile_flex .mb130{
  margin-bottom: 80px;
}

.recommended_for_area .casefile_flex .casefile_flexitem h4{
	color: #49ba00;
	margin: 0 0 15px;
}

.recommended_for_area .casefile_flex::before{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 25px 0 25px;
  border-color: #f48c06 transparent transparent transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.recommended_for_area .m_trial_btn a{
  height: 100%;
  background-color: #f3fd01;
  font-weight: bold;
  font-size: 17px;
  border-radius: 50px;
  box-shadow: 0 6px 0 #319100;
  width: 100%;
  padding: 12px 15px;
  color: #319100;
  display: inline-block;
  text-align: center;
    line-height: 2;
    letter-spacing: normal;
}
.recommended_for_area .m_trial_btn a span.small_txt{
	display: inline-block;
	font-size: 3.5vw;
}

.recommended_for_area .m_trial_btn a:hover{
    text-decoration: none;
}

.recommended_for_area .m_trial_btn a span{
font-size: 3.2vw;
	letter-spacing: normal;
}

section.Work_image,
section.Casestudy_Info{
  overflow: visible;
}
section.Work_image,
section.Casestudy_Info,
.casefile_movie_area,
.casefile_information{
  padding: 0 36px;
}
section.Casestudy_Info .casestudy_area .casefile01_h3{
  line-height: 120%;
  min-height: 82px;
}
.casestudy_area, .casefile_movie_area, .casefile_information{
	text-align: center;
}
.casestudy_area .casestudy_area_flex{
	display: block;
  width: 100%;
  border: solid 2px #53c50a;
  padding: 20px;
  border-radius: 5px;
}
.casestudy_area .casestudy_area_flex .casestudy_imagearea{
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
}
.casestudy_area .casestudy_area_flex .casestudy_txt{
	width: 100%;
  text-align: left;
}
.casestudy_area .casestudy_area_flex .casestudy_txt p.company{
	font-weight: bold;
	margin-bottom: 0;
  font-size: 1.3rem;
	color: #575757;
}

.casestudy_area .casestudy_area_flex .casestudy_txt p{
	font-size: 1.3rem;
	color: #575757;
	
}
.casestudy_area .casestudy_area_flex .casestudy_txt h4{
	color: #49ba00;
  margin: 10px 0px 20px;
  font-size: 1.6rem;
}


.casestudy_area a {
	text-decoration: none;
}

.casestudy_area .casestudy_area_flex:hover {
    text-decoration: none;
    opacity: .8;
}




.casefile_movie_area .casefile_movie_wrap{
  position: relative;
  padding-bottom: 54.25%;
  height: 0;
  overflow: hidden;
  /*border: solid 2px #49ba00;*/
  width: 100%;
  margin: 0 auto;
}
.casefile_movie_area .casefile_movie_wrap img{
  width: 100%;
}
.casefile_movie_area p{
  font-size: 1.3rem;
  font-weight: bold;
  text-align: left;
}
/* .casefile_movie_area .casefile_movie_wrap iframe{
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */
/* カルーセル */
.casefile_information .swiper-container{
	width: 100%;
  max-width: 280px;
  height: 100%;
  background-color: #53c50a;
}
.swiper_slider_wrapper{
	background-color: #53c50a;
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
.swiper_slider_wrapper .swiper_slider_inner{
	width: 100%;
  max-width: 360px;
  margin: 0 auto;
  position: relative;
}
.casefile_information .swiper-container .swiper-wrapper{
	margin: 20px 0;
}
.casefile_information .swiper-container .swiper-wrapper .swiper-slide{
	background-color: #fff;
	height: 140px;
	display: flex;
  flex-direction: column;
  flex: 1 0 auto;
	border-radius: 10px;
}
.casefile_information .swiper-container .swiper-wrapper .swiper-slide a{
	margin-top: auto;
}
.casefile_information .swiper-container .swiper-wrapper .swiper-slide a:hover{
	text-decoration: none;
  opacity: .8;
}
.casefile_information .swiper-container .swiper-wrapper .swiper-slide a p{
	color: #333333;
	margin-bottom: 86px;
  line-height: 1.4;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide a p:after {
    content: '';
    display: inline-block;
    margin-left: 0px;
    transition: transform 0.3s;
    width: 7px;
    height: 7px;
    border-top: 3px solid #333333;
    border-left: 3px solid #333333;
    transform: rotate(135deg) translateY(-50%);
    top: 72%;
    position: absolute;
    transition: top 0.3s;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_01{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -96px 5px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_02{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -203px 4px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_03{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -321px 4px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_07{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position:-96px -75px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_11{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -210px -63px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_16{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -315px -63px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_18{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -95px -153px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_19{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -202px -152px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_20{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -310px -153px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_24{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -92px -239px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_25{
    margin: 12px auto 15px;
    display: block;
    width: 50%;
    height: 30%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -204px -236px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_31{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -309px -244px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_34{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -90px -330px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_35{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -202px -331px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_36{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -314px -328px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_37{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -90px -416px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_38{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -202px -417px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_39{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -313px -419px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_40{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -96px -504px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_41{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -205px -504px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}





.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img{
	width: 100%;
	margin: 20px auto 10px;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img img{
  width: auto;
}
/* 前ページ、次ページボタン共通のスタイル */
.swiper-button-prev,
.swiper-button-next {
	width: 20px; /* ボタンの幅 */
	height: 20px; /* ボタンの高さ */
	background-size: 20px 20px; /* 背景画像としてのサイズ（＝表示したい画像サイズ） */
	margin-top: -10px; /* 縦中央配置用：ボタンの高さの半分のネガティブマージン（top:50%がすでに設定されている） */
}
/* 次ページボタンのスタイル */
.swiper-button-next {
	background-image: url(/wp-content/uploads/cmn_images/arrow_right.png);
}
/* 前ページボタンのスタイル */
.swiper-button-prev {
	background-image: url(/wp-content/uploads/cmn_images/arrow_right.png);
	transform: scale(-1, 1); /* 左右反転 */
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 0px;
  right: auto
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 0px;
  left: auto
}

h1.casefile01_ttl{
	font-size: 20px;
	line-height: 1.6;
	color: #1b7304;
	font-weight: 900;
	text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;
}

h1.casefile01_ttl span {
	font-size: 26px;
}

h1.casefile01_ttl.cstitle01.scene {
	font-size: 16px;
	line-height: 1.6;
	color: #1b7304;
	font-weight: 900;
	text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;
}

h1.casefile01_ttl.cstitle01.scene span {
	font-size: 12px;
}

/*
.new_page_usecase_titleArea .new_page_usecase_title.casefile-24 {
    display: table;
    height: 500px;
	overflow: hidden;
    background-image: url(/wp-content/uploads/cmn_images/casefile_24_mvbg.webp);
    background-repeat: no-repeat;
	background-position: -230% 55%;
    background-size: 625px auto;
}
*/

/* start 利用シーンmovie_20230214 */
.new_page_usecase_titleArea.pgcs36 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs37 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs19 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs18 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs16 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs11 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs02 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs01 .new_page_usecase_title {
height:18%;
}
.new_page_usecase_titleArea .casefile_ttl_inner .m_trial_btn {
display: inline-table;
top: 71%;
}
.pgcs36, .pgcs37, .pgcs19, .pgcs18, .pgcs16, .pgcs11, .pgcs02, .pgcs01 {
padding-bottom:15%;
}
/* end 利用シーンmovie_20230214 */


@media screen and (max-width: 502px){
h1.casefile01_ttl{
	font-size: 13px;
}
	
h1.casefile01_ttl span {
    font-size: 17px;
}

/*.new_page_usecase_titleArea .new_page_usecase_title.casefile-24 {
    display: table;
    height: 420px;
	overflow: hidden;
    background-image: url(/wp-content/uploads/cmn_images/casefile_24_mvbg.webp);
    background-repeat: no-repeat;
	background-position: 150% 63%;
    background-size: 415px auto;
}*/
    
/* start 利用シーンmovie_20230214 */
.new_page_usecase_titleArea.pgcs36 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs37 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs19 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs18 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs16 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs11 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs02 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs01 .new_page_usecase_title {
height:15%;
}
.new_page_usecase_titleArea .casefile_ttl_inner .m_trial_btn {
display: inline-table;
top: 71%;
}
.pgcs36, .pgcs37, .pgcs19, .pgcs18, .pgcs16, .pgcs11, .pgcs02, .pgcs01 {
padding-bottom:15%;
}
/* end 利用シーンmovie_20230214 */



}

@media screen and (max-width: 376px){
h1.casefile01_ttl.cstitle01.scene {
	font-size: 15px;
}
	
h1.casefile01_ttl.cstitle01.scene span {
    font-size: 12px;
}

/*.new_page_usecase_titleArea .new_page_usecase_title.casefile-24 {
	background-position: 150% 63%;
    background-size: 315px auto;
}*/

}

/* 20220307_利用シーン_end */

/* 20220330_ヘッダーナビ */
.hd0_menu_wrap{
  display: block;
}
div.header_free_trial_btn, div.header_brochure_btn, div.header_contact_btn, div.header_community_btn{
  width: 85px;
  font-size: 10px;
}
.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{
  padding: 0;
}
/* 20220330_ヘッダーナビ_end */

/* 20220330_利用シーンスマホ余白調整 */
.celf_merit_area {
	padding: 0 7%;
}

/* ヘッダーメニュースクロール固定 */
.headerwrap{
  position: fixed;
  z-index: 1000;
  width: 100%;
  box-shadow: 0px 3px 2px 1px rgb(0 0 0 / 6%); 
  }
  #page .hd0_menu_wrap{
    position: fixed;
    z-index: 2000;
    width: 100%;
  }
  #page .site-header{
    margin-top: 36px;
  }
/* kv高さ位置調整 */
#primary #content .mv_inner,
#page .addpage,
#page .usecase_container{
  margin-top: 60px !important;
}
/* kv高さ位置調整_end */
  /* ヘッダーメニュースクロール固定_end */


/* start 利用シーンmovie_20220823 */
.casefile-movie {
  width: 90%;
  position: static ;
  margin: 34% 5% 0 5%;
} 
.casefile-movie-right {
position: relative;
height: 0;
padding: 0 0 56.25%;
overflow: hidden;
width:100%;
margin: 10px 0;
}
.casefile-movie-right iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.new_page_usecase_titleArea.pgcs36 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs37 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs19 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs18 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs16 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs11 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs02 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs01 .new_page_usecase_title {
height:17%;
}
.new_page_usecase_titleArea .casefile_ttl_inner .m_trial_btn {
display:inline-table;
top: 80%;
}
.new_page_usecase_titleArea .casefile_ttl_inner .m_trial_btn a {
font-size: 3vw;
min-width: 310px;
}
.new_page_usecase_titleArea .casefile_ttl_inner .m_trial_btn a span {
font-size: 1.5vw;
}
.pgcs36, .pgcs37, .pgcs19, .pgcs18, .pgcs16, .pgcs11, .pgcs02, .pgcs01  {
	padding-bottom:18%;
}
/* end 利用シーンmovie_20220823 */

/* coloumn nocode 20221208 start */
.blue-text {
    color: #386fc1;
}

h1.nodcode {
    letter-spacing: -1px;
    font-weight: bold;
    line-height: normal;
}
/* coloumn nocode 20221208 end */

/* coloumn index 20221222 start */
.toppage_workstyle_area.column_index p {
    font-size: 14px!important;
    padding: 0px 0 30px;
    margin: 0!important;
}
/* coloumn index 20221222 end */

/* front-page fixed 20230321 start */
#main_visual_new .m_free_docs_btn {
  top: 78%;
}

#main_visual_new .m_free_docs_btn a {
  background-color: #319100;
  color: #fff;
  box-shadow: 0 6px 0 #f3fd01;
  margin-bottom: 1vw;
}

.new_mv {
  margin-bottom: 1rem;
}

#main_visual_new h1.new_mv .new_mv_txt {
font-size: 4.5vw;
margin: 0;
}

.mv_ttl_desc {
background: #fff;
  width: fit-content;
  font-size: 1.5rem;
  font-weight: bold;
  color: #1B7304;
  padding: 0.5rem 1rem;
  margin: 1vw 0;
}

.btn-primary {
display: block;
padding: 10px 0;
width: 550px;
max-width: calc(100% - 4rem);
font-size: 2rem;
background: #73C33C;
color: #fff!important;
text-align: center;
padding: 1rem;
margin: 2rem auto;
}

.btn-primary:hover,
.btn-arrow:hover {
  opacity: 0.7;
  text-decoration: none;
}

.btn-primary.btn-width230 {
	width:230px;
}
.w3eden .float-left,.rpa-old {
	width:100% !important;
}
.rpa-old-ver-list {
	margin-top:0 !important;
}
/* add 20230908 */


.border_none {
border: none!important;
}

.border_none:hover{
box-shadow: none!important;
}

.toppage_case_area ul.case_news_list li {
  margin-top: 4rem;
}

.toppage_case_area ul.case_news_list li .btn-arrow {
display: block;
color: #fff;
background-color: #73C33C;
width: 100%;
font-size: 18px;
font-weight: bold;
text-align: center;
padding: 0.5rem 1rem;
  height: 45px;
}

.btn-arrow span:after {
content: '';
display: inline-block;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
width: 7px;
height: 7px;
transform: rotate(45deg);
transition: right 0.2s;
margin-left: 1rem;
}

.top_case_list_heading {
text-align: center;
font-size: 20px!important;
color: #333!important;
margin: 0;
}

.top_case_list_business {
background-color: #D8F7C4;
font-size: 20px;
font-weight: bold;
text-align: center;
margin: 0;
}

.top_case_list_text {
color: #333;
font-size: 24px;
font-weight: bold;
}

.top_link_area {
gap: 5rem;
}

.top_link_area .t-flex_img {
height: 100%;
object-fit: cover;
}

.case_list_item a {
position: relative;
display: block;
width: fit-content;
max-width: 100%;
margin: auto;
}

.case_list_item a::before {
content: '';
position: absolute;
bottom: 4px;
right: 5px;
display: inline-block;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
width: 5px;
height: 5px;
transform: rotate(45deg);
z-index: 1;
}

.case_list_item a::after {
content: '';
position: absolute;
bottom: 0;
right: 0;
display: inline-block;
width: 15px;
height: 15px;
background-color: #73C33C;
}

.top-apps {
display: grid;
gap: 4rem;
margin-bottom: 2rem;
}

.top-apps__item--head {
font-size: 24px;
font-weight: bold;
color: #207245;
margin-top: 1rem;
}

.top-apps__item {
background-color: rgba(255,255,255,0.4);
border-radius: 10px;
padding: 2rem 1.25rem;
}

.top-apps__children {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
list-style-type: none;
padding: 0;
margin-top: 2rem;
}

.top-apps__child {
  display: flex;
  flex-direction: column;
  border: 3px solid #6CB038;
  border-radius: 8px;
  background-color: #fff;
  padding: 1rem 0;
  min-height: 12rem;
}

.top-apps__child--image {
  height: 45px;
  object-fit: contain;
  margin-bottom: 0.5rem;
}

.top-apps__child--text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
/*  height: 100%;*/
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0;
}

.top-apps__desc {
  color: #333;
  font-size: 15px;
  font-weight: bold;
}

#main_visual_new .kv_wrap .mv_ttl .hukidashi_wrap .chara_box2{
  /*width: 100%;
  position: absolute;
  top: 44%;
  left: 2%;*/
	display: none;
}
#main_visual_new .kv_wrap .mv_ttl .hukidashi_wrap .chara_box2 img{
  width: 30%;
}

ul.case_news_list li.border_g,
.toppage_case_area .case_list{
  border: none;
}

.page-contents-title2 h2 {
    line-height: 200%;
    font-size: 24px;
    color: #49BA00;
    text-align: center;
	letter-spacing: 0;
}

.page-contents-title2 hr, hr.pointLine {
    width: 130px;
    height: 7px;
    margin: 40px auto;
}

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

/* front-page fixed 20230321 end */

/* front-page fixed 20230421 start */
.hukidashi_wrap .casefile-movie {
  width: 77%;
  margin: 5% auto 0;
}


.top_slider .swiper-slide {
	width: 80%;
	height: 80%;
}

/* front-page fixed 20230421 end */

/* sitemap starts */
#sitemap {
    padding: 0 10px;
}

div.sub-section {
    margin-bottom: 3em;
    display: block;
    min-height: 1%;
}
.h-ttl04 {
    background-color: #ecf8e4;
    padding: 0.4em 0.8em;
    font-size: 18px;
    font-weight: 500;
    border-left: 4px solid #49BA00;
}
h2.mB1em {
    margin-bottom: 1em !important;
}

.h-ttl04 a{
	display: block;
}

ul.mark-list {
    position: relative;
    margin: 0;
    padding: 0;
}

ul.mark-list>li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding: 0.2em 1.25em;
    text-indent: 0;
}

ul.mark-list>li a:before {
	content:"\0bb\0020";
}

ul.mark-list>li a.cat_top:before {
	content:"●\0020";
}

ul.mark-list>li ul.mark-list {
	    margin-top: 10px;
}

ul.mark-list>li a{
	display:block;
}

#main_contents2 div.sub-section>*:last-child {
    margin-bottom: 0em!important;
}

.arrow {
    top: 10px;
    position: relative;
    padding-left: 22px;
    margin-left: 10px;
    float: right;
    margin-right: 10px;
}
.arrow::before {
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    background: #00a73c;
    border-radius: 50%;
    top: 50%;
    left: 0;
    margin-top: -10px;
}
.arrow::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: solid 6px transparent;
    border-left: solid 9px #fff;
    top: 50%;
    left: 9px;
    margin-top: -4px;
}

.sub-section-col {
    display: block;
    clear: both;
}

.sub-section-col-left {
    width: 100%;
    margin-right: 0;
}


.sub-section-col-right {
    width: 100%;
    margin-left: 0;
}

/* sitemap ends */

.m_trial_btn.s-adjust-height-l {
	top: 53% !important;
}
.m_trial_btn.s-adjust-height-2l {
	top: 60% !important;
}
.m_trial_btn.s-adjust-height-3l {
	top: 70% !important;
}

/* 20230714 OBC link */
.intro_obc_banner {
	margin: -30px 0 30px 0;
}
.obc_bugyo_flame {
	width: 100%;
	padding: 10px 5%;
	border-radius: 5px;
	border: solid 3px #56bfff;
	text-align: center;
}
h3.obc_bugyo_celf {
	color: #56bfff; 
}
a.obc_bugyo_bt {
	background-color: #2641ae;
    color: #fff;
    text-align: center;
    padding: 12px 8%;
    margin-bottom: 20px;
    border-radius: 38px;
    text-decoration: none;
    line-height: 1.6;
    display: inline-block;
    font-size: 16px;
}