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

.lg-none{
	display: none;
}


.addpage .titlebar {
  max-width: 1000px;
  height: 200px;
}

.addpage h1 {
  font-size: 44px;
}

.addpage .titlebar h1.entry-title span {
  font-size: 27px;
}

#page .nx-breadcrumb .line_break {
	display: none;
}

#page .nx-breadcrumb .space {
	display: none;
}

.addpage .titlebar h1.entry-title span span.space {
	display: none;
}

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

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

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

.pc_displayNone {
  display: none!important;
}

a.textlink {
  font-size: 16px!important;
  color: #53c609!important;
}

.description{
    display: flex;
    justify-content: space-around;
    width: 1000px;
    margin: 0 auto;
}

.d1,.d2,.d3{
    width: 275px;
    text-align: center;
}

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

Common

---------------------------*/
.entry-content {
  max-width: 1000px;
}

.usecase_container {
  padding: 0;
}

a.two_arrow_link_btn {
  width: 800px;
  padding: 15px 0;
  margin: 90px auto;
  font-size: 30px;
}

a.one_arrow_link_btn {
  width: 400px;
  margin: 0 auto;
  padding: 15px 0;
  font-size: 18px;
}

a.two_arrow_link_btn_nomagin {
  width: 800px;
  padding: 15px 0;
  margin: 0 auto;
  font-size: 30px;
}

.page-contents-title {
  width: 100%;
  font-size: 18px;
}

.page-contents-title h2 {
  line-height: 200%;
  font-size: 40px;
}

.page-contents-title p {
  line-height: 250%;
}

.page-contents-title hr, hr.pointLine {
  width: 130px;
  height: 7px;
  margin: 70px auto;
}

h2.green_big_title, h3.green_big_title {
  line-height: 200%;
  font-size: 40px;
}

h4.green_big_title {
  line-height: 200%;
  font-size: 32px;
  letter-spacing: .1rem;
}

h3.bracket_title {
  width: 100%;
  font-size: 30px;
  margin-bottom: 60px;
}

h4.bracket_title {
  width: 100%;
  font-size: 30px;
  margin-bottom: 60px;
}

p.contentsText { font-size: 18px; }
p.sixteen { font-size: 16px; }

table.green_table tbody tr td:first-child {
  width: 30%;
  vertical-align: top;
  font-size: 16px;
}

table.green_table tbody tr td:last-child {
  width: 75%;
  font-size: 16px;
}

table.green_table_support {
  font-size: 16px;
}

table.green_table_support tbody tr td:first-child {
  width: 33%;
  vertical-align: top;
}

table.green_table_support tbody tr td:last-child {
  width: 67%;
  vertical-align: top;
}

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

Toppage

---------------------------*/
#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%;
}

.position_baseArea {
  max-width: 1000px;
  height: 800px;
  margin: 0 auto;
  /*background-image: url(/wp-content/uploads/2017/04/celf_top_kv_content.png);*/
  background-repeat: no-repeat;
  background-size: cover;
}

img.main_visual_large {
  background-repeat: no-repeat;
  background-size: cover;
}

img.main_visual_medium {
  display: none;
}

img.main_visual_small {
  display: none;
}

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

.hyodoru_position {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}

.main_catch_position {
  right: -50px;
  top: 50px;
}

.main_trial_position {
  width: 420px;
  height: 120px;
  bottom: 150px;
  border-radius: 60px;
  left: 29%;
}

.main_trial_position p {
  padding-top: 25px;
  font-size: 31px;
  line-height: 120%;
}

#animation_celf{
	height: 725px;
}

#animation_celf .animation_celf01{
	position: absolute;
	top: 62px;
	left: 50%;
	font-size: 40px;
	width: 10em;
	margin-left: -4em;
	text-align: center;
	line-height: 175%;
	text-indent: 1em;
}

#animation_celf .animation_celf01:before{
	position: absolute;
	content: "";
	background-image: url(/wp-content/uploads/2017/06/animation-01.png);
	right: 209px;
	top: 12px;
	width: 388px;
	height: 162px;
	background-repeat: no-repeat;
}

#animation_celf .animation_celf02{
	position: absolute;
	top: 305px;
	left: 50%;
	margin-left: -525px;
}

#animation_celf .animation_celf03{
	position: absolute;
	top: 345px;
	left: 50%;
	margin-left: -228.5px;
}

#animation_celf .animation_celf04{
	position: absolute;
	width: 367px;
	top: 305px;
	left: 50%;
	margin-left: 265px;
}

#animation_celf .animation_celf05{
	position: absolute;
	top: 613px;
	font-size: 18px;
	text-align: center;
	width: 100%;
}

#animation_celf .animation_celf_txt{
	position: absolute;
	top:227px;
	font-size: 18px;
	text-align: center;
	width: 100%;
	line-height:1.8;
}

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

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

.downContents_btn {
  width: 320px;
  left: 34%;
  font-size: 20px;
  padding: 10px 0;
}

.downContents_btn_01,
.rpaLink_btn {
	width: 320px;
	top: 335px;
	font-size: 20px;
	padding: 10px 0;
	border-radius: 10px;
}

.downContents_btn_01{
	left: 9.5%;
}

.rpaLink_btn{
	right: 7%;
}

span.line-height-ajast {
  line-height: 100px;
}

.smallIcon a span.line-height-ajast-span {
  line-height: 40px;
}

.toppage_newslist, .celf_app_area {
  max-width: 1000px;
  margin: 0 auto;
}

.toppage_newslist {
  box-sizing: border-box;
  height: auto;
  padding: 10px 0;
}

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

.toppage_newslist_title {
  box-sizing: border-box;
  width: 210px;
  padding-right: 20px;
  float: left;
/*  border-right: solid 1px #53C609; */
  font-size: 16px;
}

.toppage_newslist_title a {
  float: right;
  font-size: 16px;
  border-radius: 16px;
  color: #fff;
  padding: 0 15px;
  text-align: center;
}

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

.toppage_workstyle_area {
  padding-top: 50px!important;
  margin-bottom: 134px;
}

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

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

.toppage_workstyle_area a {
  display: inline-block;
}

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

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

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

.ticker {
  width: 790px;
}

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

.ticker ul li a {
  font-size: 16px;
}

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

.toppage_contents_area {
  padding-top: 80px;
}

.rpa_release h3,
.toppage_contents_area h2, .easy_maiking h3 {
  font-size: 40px;
  line-height: 100%;
}

.toppage_contents_area h2 {
  margin-bottom: 30px;
}


.celf_app_area h3 {
  font-size: 40px;
  line-height: 175%;
}

.toppage_contents_area h2 span {
  font-size: 20px;
}

.toppage_contents_area p {
  font-size: 18px;
  margin-bottom: 50px;
}

.provide_CELF {
  width: 275px;
  height: 275px;
  float: left;
}

.provide_CELF img {
  padding: 25px 0;
}

.provide_CELF p {
  font-size: 20px;
  line-height: 150%;
}

.provide_CELF p.textsmall {
  font-size: 16px;
}

.provide_CELF p::before {
  display: block;
  content: "";
  width: 50px;
  height: 3px;
  margin: 0 auto 20px;
  background-color: #fff;
}

.center-provide_CELF {
  margin: 0 87.5px;
}

.topborder-line {
  margin: 25px 0 0 0;
}

p.toppage_bracket_text {
  width: 100%;
  font-size: 32px;
  font-weight: bold;
  line-height: 100%;
  margin: 70px 0;
}

.partner_solution_img img {
  display: block;
  width: 70%;
  margin: 0 auto;
  margin-bottom: 15px;
}

.celf_app_area {
  padding: 50px 0;
}

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

.celf_app_area p {
  width: 100%;
  float: left;
  font-size: 16px;
  line-height: 220%;
}

.section_app_icon {
  float: left;
  height: auto;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}

.section_app_icon div.bigIcon {
  box-sizing: border-box;
  width: 275px;
  min-height: 275px;
  padding-top: 30px;
  font-size: 17px;
  margin: 0 10px 10px;
}

.section_app_icon div.bigIcon:nth-child(2) {
  margin: 0px 67.5px;
}

.section_app_icon div.smallIcon {
  width: 145px;
  min-height: 145px;
  border-radius: 10px;
}

.section_app_icon div.smallIcon:nth-child(even) {
  margin: 0 25px 5px;
}

.section_app_icon div.smallIcon:last-child {
  margin-right: 0;
}

.smallIcon a {
  display: table;
}

.smallIcon a span {
  display: table-cell;
  width: 100%;
  float: left;
  vertical-align: middle;
  line-height: 150%;
}

.smallIcon a span:last-child {
  height: 50px;
}

a.case_news_btn,
a.usecase_btn {
  width: 454px;
  padding: 19px 0;
  margin-top: 40px;
  font-size: 24px;
  line-height: 100%;
}

.easy_maiking {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 80px;
}

.easy_maiking span.check {
  font-size: 20px;
  line-height: 32px;
}

.easy_maiking span.check:nth-child(1){
  margin-bottom: 10px;
}

.easy_maiking span.check::before {
  width: 32px;
  height: 32px;
  margin-right: 15px;
}

.easy_maiking_step {
  width: 500px;
  margin-bottom: 50px;
}

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

.easy_maiking .easy_maiking_cellIMG {
  width: 1000px;
  right: -55%;
  top: 270px;
}

.easy_maiking p {
  font-size: 16px;
  margin-bottom: 40px;
}

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

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

.toppage_contents_area h4 {
  font-size: 28px;
  line-height: 175%;
}

a.celf_use_more_info {
  width: 454px;
  font-size: 24px;
}

.toppage_bannerArea {
  max-width: 1000px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 50px;
}

.toppage_bannerArea div {
  width: 480px;
  float: left;
}

.toppage_bannerArea div:first-child {
  margin-right: 40px;
}

.toppage_bannerArea div a:hover {
  opacity: .8;
}

.toppage_case_area{
	padding: 80px 0;
}

.toppage_case_area ul.case_news_list li a{
	width: 100%;
	padding: 30px 11%;
}

.toppage_case_area ul.case_news_list li{
	margin-right: 0px;
	width: 29%;
	margin-bottom: 20px;
}

.toppage_case_area ul.case_news_list li:nth-child(-n+2){
	margin-right: 64px;
}

.toppage_case_area h3{
	margin-bottom: 50px;
	font-size: 40px;
}


/* Line Stamp Banner 20190117　追加 */

.line_stamp_sticker_box {
    margin: 14px 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;
}

img.line_stamp_sticker {
    width: 38%;
	margin-right: 10px;
	margin-left: 10px;
}

.line_banner_box {
    padding-bottom: 30px;
	display: block;
	margin: 0 auto;
    width: 50%;
}

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


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

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

/* 20211217_top_css */
/* 20211223_navigation */

ul.nav-container ul a, .nav-container ul ul a{
	width: 236px;
}

/* 20211223_navigation_end */
#main_visual_new{
	position: relative;
  width: 100%;
  overflow: hidden;
  background-image: url(/wp-content/uploads/cmn_images/toppage_bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
	padding-bottom: 26%;
}
#main_visual_new h1.new_mv{
	margin-bottom: 15px;
  margin-top: 0px;
  width: 50%;
}
#main_visual_new h1.new_mv .new_mv_txt{
	color: #1b7304;
	font-size: 2.5vw;
	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%;
}
#main_visual_new .kv_wrap .mv_ttl{
  margin: 0 auto;
	padding-left: 5%;
}
#main_visual_new .kv_wrap .mv_ttl .mv_ttl_item_01{
	width: 100%;
	padding: 25px 0 0;
}
#main_visual_new .kv_wrap .mv_ttl .hukidashi_wrap .chara_box{
	width: 100%;
  position: absolute;
  top: 60%;
  left: 40%;
	z-index: 3;
}
#main_visual_new .kv_wrap .mv_ttl .hukidashi_wrap .chara_box img{
	width: 10%;
}
ul.slider_fade{
	list-style: none;
}
.top_slider{
  display: none;
}
/* 吹き出しアニメーション */
#main_visual_new .hukidashi_01,
#main_visual_new .hukidashi_02,
#main_visual_new .hukidashi_03{
  width: 100%;
}
#main_visual_new .hukidashi_01 > li{
	position: absolute;
  top: 75%;
  left: 11%;
  width: 30%;
  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 40px;
  bottom: -12px;
  left: 30%;
  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: 15px 0px 0px 40px;
  bottom: -17px;
  left: 30%;
  margin-left: -60px;
}
#main_visual_new .hukidashi_02 > li{
	position: absolute;
  top: 37%;
  left: 38%;
  width: 24%;
  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: 25px 25px 0px 0px;
  bottom: -15px;
  left: 35%;
  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: 25px 25px 0px 0px;
  bottom: -28px;
  left: 35%;
  margin-left: -80px;
  transform: skewX(-40deg);
}
#main_visual_new .hukidashi_03 > li{
	position: absolute;
  top: 67%;
  left: 50%;
  width: 20%;
  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: 20px 35px 0 0px;
  bottom: -17px;
  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: 20px 35px 0 0px;
  bottom: -23px;
  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: 1.1vw;
  padding: 8px 15px;
  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_03 > li{
  animation: anime_slider_fade_second 18s 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;
    }
}
/* @keyframes anime_slider_fade_second {
    0% {
        visibility: visible;
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    75% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
} */
/* 吹き出しアニメーションend */

#main_visual_new .m_trial_btn a,
.usecase_container .m_trial_btn a{
	background-color: #f3fd01;
  font-weight: bold;
  font-size: 1.5vw;
  border-radius: 43px;
  box-shadow: 0 6px 0 #319100;
  width: 25%;
  max-width: 410px;
  padding: 4px 20px;
  letter-spacing: 0.2rem;
  color: #319100;
  display: inline-block;
  text-align: center;
}
#main_visual_new .m_trial_btn a span.small_txt,
.usecase_container .m_trial_btn a span.small_txt{
	font-size: 1.1vw;
}
.m_trial_btn a:hover{
	opacity: 0.7;
	text-decoration: none;
	color: #1d7401;
}
a.m_trial_btn span.small_txt{
	font-size: 2rem;
}

.toppage_flexbox{
	display: flex;
  width: 100%;
  justify-content: center;
}
img.t-flex_img{
	width: 270px;
}
section.c_beige{
	background-color: #fcfaea;
}
#resolve_trouble .t-contents_area{
	width: 100%;
  max-width: 1000px;
  margin: 0 auto 80px;
}
#resolve_trouble .t-contents_area .top_flexarea{
  margin-top: 80px;
	align-items: center;
}
#resolve_trouble .t-contents_area .top_flexarea .ilust_circle{
  width: 100%;
	max-width: 333px;
}
#resolve_trouble .t-contents_area .top_flexarea:nth-child(even){
  flex-direction: row-reverse;
}
#resolve_trouble .t-contents_area .align_left{
  text-align: left;
}
#resolve_trouble .t-contents_area .top_flexarea,
.use_contents .app_flexarea,
.toppage_case_area .case_list ul.app_flexarea,
.toppage_info_area .app_flexarea,
.service_use_contents .app_flexarea{
  display: flex;
}
#resolve_trouble .t-contents_area .top_flexarea{
  margin-top: 80px;
}
#resolve_trouble .t-contents_area .top_flexarea .txt_area:nth-of-type(even){
  margin-left: 55px;
}
#resolve_trouble .t-contents_area .top_flexarea .txt_area:nth-of-type(odd){
  margin-right: 55px;
}
#resolve_trouble .t-contents_area .top_flexarea .txt_area h2,
.use_app_area h2,
.toppage_case_area h2.case_study{
  color: #333;
	font-size: 34px;
}
.toppage_case_area h2.case_study{
	text-align: center;
}
#resolve_trouble .t-contents_area .top_flexarea .txt_area p{
  margin-bottom: 35px;
}
.bnr_slider{
	display: none;
}
.use_contents{
	max-width: 1000px;
  margin: 0 auto;
	padding: 50px 0 80px;
	text-align: center;
}
a.info_btn{
  display: block;
  font-size: 2rem;
  font-weight: bold;
  width: 260px;
  color: #fff;
  background-color: #53c50b;
  padding: 15px 80px;
  text-decoration: none;
  border-radius: 5px;
}
a.info_btn:hover{
	opacity: 0.7;
}
.use_app_area{
	margin-top: 80px;
}
.use_contents .app_flexarea{
  margin-top: 20px;
	justify-content: left;
}
.use_contents .app_samp:nth-child(even){
  margin: 0 20px;
}
.use_contents .app_flexarea img:nth-child(even){
  margin: 0 10px;
}
.use_contents .app_samp,
.use_contents .app_samp_size_s{
  background-color: #fff;
  border: solid 3px #6cb039;
  border-radius: 10px;
	display: flex;
	flex-direction: column;
}
.circle_area_sp{
	display: none;
}

.use_contents .app_samp{
	width: 100%;
}
.use_contents .app_samp .img_flexbox{
  margin: 40px auto 15px;
}
.use_contents .app_samp .subtxt{
	margin-top: auto;
}
.use_contents .app_samp_size_s{
	width: 146px;
  padding: 0;
  margin-right: 25px;
}
.use_contents .app_samp_size_s .img_flexbox_sub{
	width: 100%;
  max-width: 45px;
  margin: 25px auto 20px;
}
.use_contents .app_samp_size_s img{
	width: 100%;
	height: 100%;
}
.use_contents .app_samp_size_s:last-child{
	margin-right: 0;
}
.use_contents .app_samp_size_s .subtxt{
	margin-top: auto;
	flex-grow: 1;
}
.use_contents .app_samp_size_s .subtxt p,
.use_contents .app_samp .subtxt p{
	font-weight: bold;
	line-height: 1.5;
	color: #575757;
}

/*20220407 追加*/

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

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


.app_contents{
  margin: 80px auto;
}
.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: 15px;
	flex-wrap: wrap;
  margin:0 0 25px;
}
.toppage_case_area .case_list ul li{
	list-style: none;
	width: calc(100% / 6);
  padding: 25px 0px 0;
}
ul.case_news_list li.border_g,
.toppage_case_area .case_list{
	border: solid 2px #6CB039;
}
ul.case_news_list li.border_g h4{
	color: #333;
	font-weight: bold;
	text-align: center;
}
.case_list ul.app_flexarea li a:hover{
	opacity: 0.7;
}
section .toppage_info_area{
	position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background-image: url(/wp-content/uploads/cmn_images/info_area_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
section .info_box{
	margin: 80px auto;
  justify-content: center;
}
.toppage_info_area .chara_area_01,
.toppage_info_area .chara_area_02{
	width: 100%;
  max-width: 200px;
}
.toppage_info_area .chara_area_01,
.toppage_info_area .chara_area_02,
.toppage_info_area .bnr_box{
	margin-right: 30px;
}
.toppage_info_area .bnr_box{
	width: 100%;
  max-width: 400px;
}
.toppage_info_area .bnr_box a:hover{
	opacity: 0.7;
}
.common_footer_link_btn span.flex_center{
	display: flex;
	align-items: center;
	justify-content: center;
}
/* 20211217_top_css_end */

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

Contents Area

---------------------------*/
.site-main {
  width: 100%;
  max-width: 1000px;
}

.dashed_gray_box {
  width: 100%;
  margin-bottom: 20px;
}

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

.dashed_gray_box span.trial_number {
  width: 70px;
  height: 70px;
  line-height: 65px;
  font-size: 30px;
  border-radius: 35px;
  left: 0;
  top: -30px;
  font-weight: bold;
}

.dashed_gray_box .dashed_gray_box_icon {
  width: 286px;
  padding: 24px 50px 24px 70px;
}

.solid_gray_border_bg-grayline {
  padding: 60px;
}

.solid_gray_border_bg-grayline h4 {
  font-size: 20px;
}

.solid_gray_border_bg-grayline p {
  font-size: 14px;
}

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

seminer page

---------------------------*/
h3.seminer_bracket_title {
  font-size: 23px;
  margin-top: 50px;
  margin-bottom: 30px;
  letter-spacing: .1rem;
}

.seminer_main_visual {
  margin-top: -10px;
  margin-bottom: 50px;
}

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

section#offline_seminar.LightGreen_bg h3 {
    width: 1000px;
}
section#offline_seminar.LightGreen_bg div {
    width: 1000px;
}

.seminar_link {
    overflow: hidden;
    margin-bottom: 35px;
}
.seminar_link .seminar_link_center {
    text-align: center;
    margin: 0 auto;
    width: 50%;
}
.seminar_link .seminar_link_left {
    float: left;
    width: 50%;
}

.seminar_link .seminar_link_right {
    float: right;
    width: 50%;
}
	.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: 360px;
    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-top: 60px;
    overflow: hidden;
    color: #49BA00;
}
.offline_seminar_imgarea .offline_seminar_imgpost {
    width: 320px !important;
    float: left;
    margin-right: 20px;
	margin-bottom: 25px;
}

/*.offline_seminar_imgarea .offline_seminar_imgpost:last-child {
    margin-right: 0;
}
*/
.offline_seminar_imgarea .offline_seminar_imgpost:nth-child(3),
.offline_seminar_imgarea .offline_seminar_imgpost:nth-child(6) {
    margin-right: 0 !important;
}


.offline_seminar_imgarea .offline_seminar_imgbox {
    width: 320px !important;
    height: 180px;
    background-color: #D8F7DF;
}
.offline_seminar_imgarea .desc {
    box-sizing: border-box;
    width: 320px !important;
    text-align: left;
    font-size: 15px;
}
.offline_seminar_imgarea .desc .title {
    width: 320px !important;
    margin-top: 5px;
}
.offline_seminar_imgarea a {
    color: #49BA00 !important;
}

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

.seminer_box {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 80px;
}

.seminer_box dl.big-list-option:first-child {
  margin-bottom: 20px;
}

.seminer_environment h5 {
  font-size: 18px;
  margin: 20px 0;
}

.seminer_environment p {
  font-size: 16px;
  line-height: 250%;
  margin: 0 0 20px;
}

p.seminer_step_text {
  font-size: 17px;
}

.seminer_environment a {
  color: #53C609!important;
  text-decoration: underline;
}

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

.seminer_text_box {
  margin: 40px 0 70px;
}
.seminer_text_box p {
  font-size: 16px;
  line-height: 250%;
}

.seminer_box h4 {
  display: inline-block;
  color: #53C609;
  padding-bottom: 20px;
  border-bottom: solid 5px #ccc;
  margin: 50px 0;
}

dl.big-list-option dt {
  font-size: 18px;
}

dl.big-list-child_option {
  padding-top: 30px;
}

dl.big-list-child_option dt {
  width: 16%;
  font-size: 16px;
  margin-right: 20px;
}

dl.big-list-child_option dd {
  width: 80%;
  font-size: 16px;
}

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

dd.Recommend_text {
  margin-bottom: 40px;
}

dd.Recommend_text span {
  border-radius: 24px;
  padding: 5px 40px;
  font-size: 16px;
}

dd.Recommend_text span:first-child {
  margin-right: 20px;
}

span.seminer_format {
  width: 260px;
  margin-right: 20px;
}

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

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


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

seminer news page

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

ul.seminar_news_list {
    list-style-type: none;
}
ul.seminar_news_list li {
    border-bottom: solid 1px #ccc;
    margin-bottom: 40px;
}
ul.seminar_news_list li .meta_box {
    display: flex;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:         space-between;
}
ul.seminar_news_list li .meta_box .category_box {
    width: 100px;
}
span.category_area/*,
span.seminar_type*/{
    display: inline-block;
    background-color: #53C609;
    color: #fff;
    width: 100px;
    text-align: center;
    font-size: 14px;
    margin-left: 10px;
    font-weight: bold;
    padding: 4px 0;
}
.category_box span.category_area {
    margin-left: 0;
    display: inline-block;
    background-color: #53C609;
    color: #fff;
    width: 100px;
    text-align: center;
    padding: 4px 0;
    font-size: 14px;
    line-height: inherit;
}
span.category_red {
    display: inline-block;
    color: #d05d62;
    width: 100px;
    text-align: center;
    padding: 3px 0;
    border: solid 1px #d05d62;
    margin-top: 10px;
	margin-left: 10px;
}
.sp_inf span.category_red {
    margin-top: 0;
}
ul.seminar_news_list li .meta_box h4 {
    margin-top: 0;
    font-size: 22px;
    width: 820px;
    color: #53C609;
}
ul.seminar_news_list li .content_box {
    display: flex;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:         space-between;
    flex-direction: row-reverse;
    margin-bottom: 35px;
}
ul.seminar_news_list li .content_box .data_line_box {
    width: 100%;
}
ul.seminar_news_list li .content_box .data_line_box .data_line {
    border-bottom: solid 1px #ccc;
    padding: 15px 0;
}
ul.seminar_news_list li .content_box .data_line_box .data {
    display: inline-block;
    width: 90px;
}
ul.seminar_news_list li .content_box .data_img_box {
    margin-left: 40px;
    width: 40%;
    text-align: center;
}
ul.seminar_news_list li .content_box .data_img_box img {

}
.seminar_link .seminar_link_detail {
    text-align: center;
}
.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: 360px;
    padding: 10px 0;
    border-radius: 50px;
    position: relative;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}
.seminar_link .seminar_link_detail a span:after {
    content: " >";
}

.t_a_right {
    margin-bottom: 0;
}

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

celf user page

---------------------------*/
.beginners_ok_area {
  max-width: 1000px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

p.beginners_ok_area_text {
  font-size: 16px;
  line-height: 250%;
  margin-bottom: 50px;
}

a.startup_guid_download_btn {
  width: 520px;
  font-size: 24px;
  padding: 20px 0;
  margin-bottom: 20px;
}

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

a.startup_guid_com_btn {
  font-size: 16px;
  margin-bottom: 50px;
}


.beginners_tab_select ul li {
  width: 235px;
  height: 160px;
}

ul.beginners_tab_select-ul li:nth-child(2) {
  display: block;
  margin: 0 20px;
}

ul.beginners_tab_select-ul li:last-child {
  margin-left: 20px;
}

ul.beginners_tab_select-ul li a {
  display: block;
  padding: 18px 0;
}

ul.beginners_tab_select-ul li a:hover {
  color: #00a73c;
  opacity: .8;
}

.beginners_tab_select ul li {
  display: block;
}

.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: 78px;
  height: 82px;
  margin: 0 auto 15px;
}

.celf_movie_area {
  max-width: 1000px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding: 50px 0;
}

.celf_movie_area .movie_box:nth-child(odd) {
  margin-right: 50px;
  margin-bottom: 50px;
}

.celf_movie_area h3.green_big_title {
  letter-spacing: .1rem;
}

.movie_box {
  box-sizing: border-box;
  width: 475px;
  background-color: #fff;
  border: dashed 2px #ccc;
  float: left;
  padding: 30px;
}

.movie_box span.number {
  width: 60px;
  height: 60px;
  line-height: 55px;
  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;
}

h6.casefile_footerPoint {
  font-size: 24px;
}

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

.celf_tips_area {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  padding: 50px 0;
}

.celf_tips_area h3 {
  margin-bottom: 30px;
  letter-spacing: .1rem;
}

.celf_tips_area img {
  border: solid 10px #ccc;
  margin-bottom: 50px;
  width: 100%;
}

.celf_movie_area p, .celf_tips_area p {
  font-size: 16px;
  line-height: 200%;
}
.celf_tips_area p.celf_tips_area_text {
  margin-bottom: 80px;
  font-size: 18px;
}

.celf_tips_area .one_arrow_link_btn {
  font-size: 24px;
  font-weight: bold;
}

.celf_movie_area p {
  margin-bottom: 50px;
}

.touch_and_understand {
  max-width: 1000px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding: 50px 0 0;
  text-align: center;
}

.touch_and_understand h3 {
  letter-spacing: .1rem;
}

.touch_and_understand p {
  font-size: 16px;
}

.touch_and_understand p.sub_text {
  width: 100%;
  margin-top: 30px;
  float: left;
  text-align: center;
}


.sample_app_download {
  width: 320px;
  height: 320px;
}

.sample_app_download-center {
  margin: 0 20px;
}

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

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

.sample_app_download img {
  padding: 20px;
}

.sample_app_download a {
  width: 260px;
}

a.sample_app_download_btn {
  width: 260px;
  font-size: 16px;
  font-weight: bold;
}

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

.celf_help_movie {
  max-width: 1000px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding: 50px 0;
  text-align: center;
}

.celf_help_movie h3 {
  letter-spacing: .1rem;
}

.celf_help_movie p {
  font-size: 16px;
  line-height: 250%;
}

p.celf_movie_area_text, p.celf_tips_area_text, p.celf_help_text {
  margin-bottom: 50px;
}

p.touch_and_understand_text {
  margin-bottom: 80px;
}

.celf_help_movie a {
  font-size: 16px;
  color: #53c609!important;
  text-decoration: underline;
}

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

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

.celf_help_movie_area::before {
  content: "";
  background-image: url(/wp-content/uploads/2017/04/celf_help_movie_line.png);
  background-repeat: no-repeat;
  display: block;
  width: 50px;
}

.celf_help_movie_area {
  box-sizing: border-box;
  width: 100%;
  margin: 30px 0;
  padding: 20px;
  border: dashed 3px #ccc;
}

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

.user_beginning_column_outside{
	position: relative;
	top: 0;
	left: 152px;
	background-color: #fff;
	padding-top: 1px;
	padding-bottom: 1px;
}

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

Price page

---------------------------*/
#priceArea {
  max-width: 1000px;
  margin-bottom: 60px;
}

#priceArea .price_cloud, #priceArea .price_On-premises {
  margin-top: 20px;
}

.price_free, .price_cloud, .price_On-premises{
  width: 325px;
}

.price_free_contents { height: 670px; }
.price_cloud_contents { height: 670px; }
.price_On-premises_contents { height: 670px; }

.price_cloud_contents,
.price_On-premises_contents{
	position: relative;
}


.price_cloud {
  margin: 0 10px;
}

.price_free_title {
  width: 100%;
  height: 149px;
  padding-top: 32px;
  font-size: 30px;
}

.price_cloud_title, .price_On-premises_title {
  width: 100%;
  height: 129px;
  padding-top: 20px;
  font-size: 30px;
}

.price_free_title img {
  margin-bottom: 10px;
}

.price_free_plan span, .price_cloud_plan span, .price_On-premises_plan {
  font-size: 20px;
}

.price_free_text, .price_cloud_text, .price_On-premises_text {
  line-height: 35px;
}

.price_free_plan span:last-child {
  font-size: 48px;
  line-height: 100%;
}

.price_cloud_plan span:first-child, .price_On-premises_plan span:first-child  {
  font-weight: bold;
}

.price_cloud_plan span:nth-child(2), .price_On-premises_plan span:nth-child(2) {
  font-size: 37px;
}
.price_free_plan small, .price_cloud_plan small, .price_On-premises_plan small {
  font-size: 17px;
}

.price_free_plan {
  padding: 20px 0;
}

.price_free_text a {
  font-size: 18px;
}

h3.price_trial_btn {
  font-size: 37px;
  letter-spacing: .1rem;
}

a.price-suportlink {
  margin: 35px auto 70px;
}

p.price_dl{
	width: 100%;
	position: absolute;
	bottom: 15px;
	left: 0;
	text-align: center;
}

a.price-suportlink_dl{
	margin: 10px auto 10px;
	text-decoration: none;
}

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

.price_trial_free_btn {
  width: 600px;
  padding: 25px 0;
  margin: 70px auto;
  font-size: 30px;
}

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

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


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

Support page

---------------------------*/
.support_tab_area,
.partner_tab_area {
  margin-bottom: 60px;
}

.support_content_area hr.pointLine {
  margin-top: 50px;
  margin-bottom: 50px;
}

h4.helpdesk_support_title {
  letter-spacing: .2rem;
  margin-bottom: 30px;
}

ul.support_tab,
ul.partner_tab {
  max-width: 1000px;
  margin: 0 auto;
}

ul.support_tab li {
  width: 485px;
  padding: 20px 0;
  font-size: 18px;
}

ul.partner_tab li {
  width: 30%;
  height: 97px;
  float: left;
  padding: 20px 0;
  margin: 0;
  font-size: 18px;
}

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

ul.partner_tab li br {
  display: none;
}

ul.partner_tab li span {
  font-size: 12px;
}

ul.partner_tab li span.height_adj {
  font-size: 18px;
  line-height: 57px;
}

ul.support_news_list {
  padding: 30px 45px;
}

ul.support_news_list li {
  padding: 8px 0;
  font-size: 16px;
}

span.category_type {
    display: inline-block;
    background-color: #53C609;
    color: #fff;
    width: 100px;
    text-align: center;
    font-size: 14px;
    margin-left: 10px;
    font-weight: bold;
    padding: 4px 0;
}
span.category_type.cate_seminar_month {
    background-color: #21B4EE;
}

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

ul.support_news_list li a {
  display: inline-block;
  margin-left: 10px;
}

.supports_sub_title {
  display: block;
  font-size: 25px;
  margin-bottom: 40px;
}

.remote_support_title {
  margin-bottom: 20px;
  font-weight: 500;
}

.support_item_title {
  margin-top: 70px;
}

.versionNumber_title, .support_relationship_title {
  font-size: 20px;
  margin-top: 0;
}

.versionNumber_title {
  line-height: 2.5rem;
}

.thirtytwo {
  font-size: 32px;
}

table.phase_table thead tr td:nth-child(1), table.phase_table tbody tr td:nth-child(1) {
  width: 330px;
}

table.phase_table {
  margin: 50px 0;
}

.support_version_info {
  margin-top: 30px;
  margin-bottom: 40px;
}
.support_version_info img {
  width: 600px;
}

.DB_accsece {
  margin-bottom: 50px;
}
/*
table.phase_table-sub tbody tr td span {
  padding: 10px 0;
  margin-bottom: 10px;
  border-bottom: solid 3px #fff;
}

table.phase_table-sub tbody tr td {
  width: 20%;
  padding-bottom: 10px;
  border: solid 3px #fff;
}*/

.about_celf_client {
  font-size: 20px;
}

.networkImg {
  width: 49%;
}

.networkImg-left {
  padding-right: 1%;
}

.networkImg-right {
  padding-left: 1%;
}

.download_text {
  font-size: 16px;
  clear: both;
}

p.networkText {
  padding: 20px;
  margin: 40px 0 30px;
}

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

usecase page

---------------------------*/
.page_usecase_obj-bg {
  min-height: 452px;
}

.page_usecase_titleArea .usecase_01 {
  right: -545px;
  width: 950px;
}

.page_usecase_titleArea .usecase_02 {
  right: -440px;
  width: 737px;
}

.page_usecase_titleArea .usecase_09 {
  right: -430px;
  width: 737px;
}

.celf_usecase_are, .page_usecase_title, .recommended_for_area, .celf_merit_area, .free_trial_area, .celf_easy_area, .system_build_img, .common_footer_link, .page-wide-content, .casestudy_area, .casefile_movie_area, .casefile_information, .intro_message, .celf_intro, .service_contact {
  max-width: 1000px;
  margin: 0 auto;
}

.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: 2.2em;
}

.page-wide-content h4.green-title {
  font-size: 28px;
  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: 24px;
  line-height: 100%;
}

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

.page-wide-content hr.pointLine {
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #c8c8c8;
}

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

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

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

h2.workstyle-title {
  font-size: 32px;
}

h3.workstyle-pdf-title {
  font-size: 32px;
  line-height: 200%;
  margin-bottom: 60px;
}

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

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

.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: 24px;
}

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

.workstyle-img-area {
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}

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

.worksstyle-demo {
  width: 315px;
  float: left;
}

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

.worksstyle-demo ul.one {
  margin-top: 33px;
  padding-left: 80px;
}

.worksstyle-demo ul.three {
  margin-top: 33px;
}

.worksstyle-demo .bg-glay {
  position: relative;
  width: 100%;
  height: 190px;
  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%;
  height: 356px;
  float: left;
  padding: 10px;
  background-color: #d9f7c5;
}

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


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

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

.workstyle-textarea {
  width: 100%;
  float: left;
  padding-top: 30px;
  padding-bottom: 100px;
}

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

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

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

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

a.download-btn:hover, .workstyle-pdf-area p.download-btn a:hover {
  text-decoration: none;
  opacity: .8;
}

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

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

a.free-download-btn {
  font-size: 20px;
}

a.free-download-btn:hover {
  text-decoration: none;
  opacity: .8;
}

.mgtop60 { margin-top: 60px; }
.mgtop80 { margin-top: 80px; }
.mgbottom40 { margin-bottom: 40px; }
.mgbottom60 { margin-bottom: 60px; }

.celf_usecase_list {
  width: 320px;
  height: 425px;
  padding: 20px;
  margin-bottom: 20px;
}

.celf_usecase_are span {
  display: block;
  width: 100%;
  margin: 30px 0;
}

.celf_usecase_are span a {
  text-decoration: underline;
  font-size: 16px;
  color: #53c609;
}

.celf_usecase_are h2 {
  font-size: 38px;
  line-height: 200%;
}

.celf_usecase_are p.subtext {
  font-size: 16px;
  line-height: 200%;
  margin-bottom: 70px;
}

.celf_usecase_are p.subtext_marginbottom {
  font-size: 16px;
  line-height: 200%;
  margin-top: 50px;
  margin-bottom: 60px;
}

.celf_usecase_list span {
  position: absolute;
  left: 0;
  top: -66px;
  width: 72px;
  height: 72px;
  padding-top: 24px;
  border-radius: 36px;
}
.celf_usecase_are h3 {
  font-size: 30px;
  margin: 60px 0 100px;
}

.celf_usecase_are h4 {
  font-size: 30px;
  margin-top: 40px;
}

.celf_usecase_list h5 {
  font-size: 23px;
  margin: 0 0 20px 0;
}

.celf_usecase_list p {
  font-size: 16px;
}

.celf_usecase_list a {
  position: absolute;
  width: 260px;
  padding: 10px 0;
  left: 30px;
  bottom: 20px;
  display: block;
  text-align: center;
  background-color: #53c609;
  color: #fff;
}

a.infomore_btn {
  display: block;
  margin: 30px;
  text-decoration: underline;
}

.celf_usecase_are .center_margin {
  margin: 0 20px;
}

.celf_usecase_are {
  margin-bottom: 50px;
}

.celf_usecase_are a.two_arrow_link_btn {
  margin-bottom: 30px;
}

.page_usecase_title {
  box-sizing: border-box;
  height: 450px;
}

.page_usecase_title h2 {
  font-size: 30px;
  color: #61C620
}

.page_usecase_title h2.casefile01_icon::before { width: 50px; height: 48px; margin-right: 15px; position: absolute;left: 0;top: -2px; }
.page_usecase_title h2.casefile02_icon::before {width: 56px;height: 46px;margin-right: 20px; position: absolute;left: 0;top: -2px;}
.page_usecase_title h2.casefile09_icon::before { width: 38px; height: 48px; margin-right: 20px; margin-top: -9px; }

.page_usecase_title h2.casefile01_icon { margin-top: 73px; padding-left: 70px; }
.page_usecase_title h2.casefile02_icon { margin-top: 73px; padding-left: 80px; }
.page_usecase_title h2.casefile09_icon { margin-top: 73px; }

.page_usecase_title h3 {
  font-size: 40px;
  line-height: 200%;
}

.page_usecase_title p {
  width: 345px;
  font-size: 22px;
}

.celf_merit_area h3, .recommended_for_area h3, .system_build_img h3, .celf_easy_area h3 {
  font-size: 28px;
  margin-bottom: 50px;
  line-height: 100%;
}

.celf_merit_area {
  /* margin-top: 50px; */
	margin-top: 0;
}

.celf_merit_area_stepbox {
  width: 100%;
  border: dashed 2px #ccc;
  padding: 10px 50px;
  margin-bottom: 50px;
}

.celf_merit_area_stepbox h4 {
  font-size: 23px;
}

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

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

.recommended_for_area {
  /* padding: 50px 0; */
  height: auto;
  overflow: hidden;
}

.recommended_for_area ul li {
  font-size: 18px;
  margin-bottom: 20px;
  padding-left: 30px;
}

span.completeImg_title {
  font-size: 24px;
  line-height: 100%;
  padding: 60px 0;
}

.usecase_completeImg {
  width: 450px;
  float: left;
  margin-right: 100px;
}

.usecase_completeImg span {
  padding: 18px 0;
  font-size: 16px;
  line-height: 100%;
}

.usecase_common_area {
  margin: 70px 0;
}

.free_trial_area {
  padding: 40px 0;
}

.free_trial_area h3 {
  font-size: 32px;
  line-height: 100%;
  margin-bottom: 50px;
}

.free_trial_area.case_introduction_area h3 {
  margin-bottom: 20px;
}

.free_trial_area p {
  font-size: 16px;
}

.free_trial_area p.sub_text {
  color: #666666;
  font-weight: 300;
  font-size: 14px;
  margin-bottom: 50px;

}

p.free_trial_box_text {
  font-size: 18px;
}

.usecase_common_area.case_introduction_base_area{
	margin: 70px 0 0;
}

.free_trial_area.case_introduction_area .case_introduction_sub_area {
    padding: 0 60px 0;
    overflow: hidden;
	max-width: 1000px;
	margin: 0 auto;
}

.free_trial_area.case_introduction_area .case_introduction_sub_area .case_introduction_img_area {
  margin-right: 40px;
  float: left;
}

/*.free_trial_area.case_introduction_area .case_introduction_sub_area .case_introduction_img_area img {
  padding-top: 20%;
}*/

.free_trial_area.case_introduction_area .case_introduction_sub_area .case_introduction_txt_area {
  float: left;
  text-align: left;
  width: 69%;
}

.free_trial_area.case_introduction_area .case_introduction_sub_area p {
  font-size: 20px;
  color: #575757;
  font-weight: bold;
}

.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 {
  margin: 30px 60px auto;
  width: 300px;
}

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

p.celf_user_sample_text {
  font-size: 18px;
  margin: 0 0 60px;
}

.usecase_icon_area {
  padding: 0 50px;
}

.usecase_icon_area .end {
  margin-right: 0;
}

.usecase_sub_area {
  width: 280px;
  margin-right: 29px;
  float: left;
}

.usecase_sub_area span:nth-child(2) {
  height: 65px;
  padding: 10px 0;
  line-height: 1.4rem;
}

.usecase_sub_area span.adjustment {
  line-height: 48px;
}

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

a.usecase_other_caselink_btn {
  width: 400px;
  margin-top: 50px;
  font-size: 24px;
  font-weight: bold;
}

.celf_easy_area .end {
  margin-right: 0;
}

.celf_easy_area_iconArea {
  box-sizing: border-box;
  position: relative;
  width: 31.333%;
  float: left;
  padding: 30px 20px;
  border-radius: 10px;
  margin: 0 1% 1%;
}

/*.celf_easy_area_iconArea:nth-child(2) {
  margin-left:0;
}*/

.celf_easy_area_iconArea span:nth-child(2) {
  margin-top: 20px;
  font-size: 16px;
  padding: 0 10px;
}

.celf_easy_start_area {
  margin-top: 70px;
}

.celf_easy_start_area span {
  font-size: 32px;
}

.whiteCell_bg .toppage_contents_area {
  border: solid 3px #94DD4E;
  margin: 50px auto;
  padding-top: 0;
  width: 100%;
  box-sizing: border-box;
}

.celf_easy_start_area a {
  display: block;
  width: 558px;
  margin: 60px auto;
  font-size: 30px;
  padding: 20px 0;
}

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

a.usecase_other_caselink_btn:hover {
  text-decoration: none;
  background-color: #53C609;
  color: #fff;
}

.free_trial_area.case_introduction_area a.usecase_other_caselink_btn:hover {
  text-decoration: none;
  opacity: .8;
}

.common_footer_link h5 {
  font-size: 30px;
  margin-bottom: 50px;
}

.common_footer_link .end {
  margin-right: 0;
}

/* rpa/special01 */

.common_footer_link_btn_rpa {
  width: 175px;
  height: 204px;
  margin-right: 26.666px;
  float: left;
}

.common_footer_link_btn_rpa span:nth-child(2) {
  height: 60px;
  padding-top: 4px;
}

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

.common_footer_link_btn_rpa:hover{
	opacity: .8;
}

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

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

/* end */

.common_footer_link_btn {
  width: 230px;
  height: 204px;
  margin-right: 26.666px;
  float: left;
}

.common_footer_link_btn span:nth-child(2) {
  height: 60px;
  padding-top: 4px;
}

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

.common_footer_link_btn:hover {
  opacity: .8;
}

.page_usecase_title p::before {
  width: 32px;
  height: 29px;
  margin-right: 9px;
  margin-top: -3px;
}

a.content_centerTextLink:hover {
  color: #00a73c;
}

a.content_centerTextLink, .souce_code_link a:hover {
  text-decoration: none;
  opacity: .8;
}

.solution .sol_dl_list{
  display:inline-block;
}

.solution .sol_dl_list li{
  float:left;
  margin-right:25px;
}
.solution .sol_dl_list li:last-child{
  margin-right:0;
}

/*

workstyle page

*/


/* parther page */
.partner_join h2 {
  font-size: 42px;
}
.partner_join h4.celfofficial {
  font-size: 32px;
}
.parther_h3 {
  font-size: 28px;
}
.parther_td {
  line-height: 66px;
}
.partner_system_area {
  max-width: 1000px;
  margin: 0 auto;
	display: flex;
}
.partner_system_area h3.img_areaH3 {
  color: #fff;
}

.partner_system_box {
  width: 30%;
	border: 2px solid #94DD4E;
  border-radius: 13px;
}

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

.partner_system_area p{
	padding: 0 10px;
}

.partner_system_area .img_area span {
  margin-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 .img_area span img {
  padding-bottom: 20px;
}

.partner_system_area .partner_system_box:nth-child(2) {
  margin-left: 5%;
  margin-right: 5%;
}

.border_dotted_box {
  padding: 30px 0;
}

.border_dotted_box li {
  font-size: 17px;
}

.border_dotted_box ul {
  display: inline-block;
  margin: 0 auto 20px;
  text-align: left;
}

.border_dotted_box span a {
  font-size: 17px;
}

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

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

.partner_merit_point dt {
  float: left;
  width: 20%;
  min-height: 180px;
  line-height: 180px;
  vertical-align: middle;
  text-align: center;
}

.partner_merit_point dt img {
  width: 60%;
}

.partner_merit_point dd {
  float: left;
  width: 80%;
  padding-left: 25px;
  margin: 0;
}

.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 {
  margin: 0;
}

.parther_recruitment {
  padding: 30px
}

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

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

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

.parther_recruitment a.green_bg_link:hover {
  opacity: .8;
}

table.parther_table {
  vertical-align: middle;
  font-size: 14px;
}

table.parther_table tr {
  height: 123px;
}

table.parther_table tbody td {
  padding-top: 20px!important;
}

/* END parther page */
/* Funtion page*/
.function_area_title {
  margin-bottom: 110px;
}
.function_area_title h2 {
  font-size: 40px;
}
.function_area_title br.sp_only {
  display: none;
}
.page_innner_link ul {
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}
.page_innner_link ul li {
  width: 130px;
}
section.function_area {
  margin-top: 10px;
  padding-top: 50px
}
section.function_area h5{
  font-size: 22px;
}
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 {
  font-size: 12px!important;
}

.function_pdf_download h4, .price_area_link h4 {
  font-size: 36px;
}
.price_area_link {
  padding: 118px 0 175px;
}

.price_area_link a {
  display: inline-block;
  padding: 10px 0;
  min-width: 450px;
  font-size: 23px;
}

.function_pdf_download {
  margin-top: 100px;
  padding: 10px 0 30px;
}

.function_pdf_download a {
  display: inline-block;
  padding: 10px 0;
  min-width: 250px;
}
/* END Funtion page*/



#inquiry .inquiry_box{
	width: 450px;
	padding-bottom:130px;
}

#inquiry .inquiry_box:first-child{
	margin-right: 100px;
}

#inquiry .fa-chevron-circle-right .br{
	display: block;
	margin-left: 16px;
}

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

trial page

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

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

p.trial_rpa_campaign_text{
	line-height: 1.5em;
	font-size: 14px;
}

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

top page

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

.toppage_workstyle_area img{
	box-shadow: none;
}
/*---------------------------

rpa sp

---------------------------*/
.w45{
width: 45%;
}

.w50{
width:50%;
}

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

申込書類ダウンロード

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

.user_policyArea{
	max-width: 1000px;
	margin-bottom: 60px;
}

.user_policy_tableArea{
	width: 600px;
	margin: 0 auto;
}

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

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

solution

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

.sol000_main{
	text-align: left;
}

.sol_system_contents,
.sol_apps_contents{
	width: 900px;
}

.sol_system_contents p,
.sol_apps_contents p{
	width: 152px;
	margin-right: 20px;
}

.sol000_main dl{
	margin-right: 0;
	width: 728px;
}

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

導入事例一覧　case_news

---------------------------*/
ul.case_news_list li h4{
	display: block;
}


ul.case_news_list li{
	float: left;
	margin-right: 54px;
	width: 293px;
	/*padding: 0px 43px 25px;*/
}

.rpa_special01_page ul.case_news_list li{
	margin-right: 40px;
	width: 45%;
}


ul.case_news_list li a{
	display: block;
	/*width: 293px;*/
	width: 100%;
  padding: 25px 30px 25px;
	/* padding: 25px 49px 25px; */
}

ul li:nth-child(3n) {
	margin-right: 0;
}

.rpa_special01_page ul.case_news_list li:nth-child(2n) {
	margin-right: 0;
}

ul.rpa-old-ver-list li:nth-child(3n) {
  margin-right: 10px;
}


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



/* 導入事例一覧　case_news */


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

導入事例

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

.introduction_example_title h2 {
      letter-spacing: 0.2rem;
}

.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;
}

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

.introduction_example_box .introduction_example_sub_box .introduction_example_img_box {
  float: left;
  padding-right: 20px;
}

.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 {
  float: left;
  width: 75%;
}

.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: 30px 0;
}

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


.flex_reverse {
  display: flex;
  flex-flow: row-reverse;
}

.introduction_example_column_box p {
  margin-bottom: 0;
}

.introduction_example_column_box .introduction_img {
  float: left;
}

.introduction_example_column_box .introduction_img figure {
  display: inline-block;
  vertical-align: text-top;
}

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

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

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

.introduction_example_column_box .introduction_column {
  width: 78%;
  padding-left: 30px;
  padding-right: 0;
  float: right;
}

.introduction_example_column_box .flex_reverse .introduction_column {
  width: 100%;
  padding-right: 30px;
  padding-left: 0;
}

.illust_box {
  border: solid 1px #bfbfbf;
}

.illust_box h4 {
  text-align: center;
}

.introduction_example_column_box.two_img .introduction_img figure:first-child {
  margin-right: 15px;
}

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

.illust_sub_box.clear {
  margin: 0 30px 30px;
}

.illust_sub_box.clear img {
  margin: 0 !important;
}

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

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

.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: 100px;
  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 {
    padding-top: 50px !important;
}

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

.toppage_rpa_video a {
    display: inline-block;
}

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

.toppage_rpa_video_main {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 80px;
    text-align: center;
}

.toppage_rpa_video_main span.left_conter {
    display: block;
}

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

.toppage_rpa_video_main p {
    font-size: 20px;
    margin-bottom: 40px;
}

.rpapage_rpa_video_main {
    padding-top: 0;
}

.solid_gray_border_bg-grayline p.rpa_rel_des {
    text-align: left;
    font-size: 20px;
}

.rpa_rel_des {
    text-align: left;
}

/* ------------------------------- */
/*          20181107追加分          */
/* ------------------------------- */


.install_page .rpa_right {
  margin-left: 10px;
}

/* ------------------------------- */
/*       20181107追加分 end         */
/* ------------------------------- */

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

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

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

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

.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;
}

table.blue_table tbody tr td:first-child {
  border-right: solid #fff 2px;
  border-bottom: solid #fff 2px;
}
table.blue_table tbody tr td:last-child {
  border-left: solid #fff 2px;
  border-bottom: solid #fff 2px;
}

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

.rpapage_rpa_video_main h5{
	margin-top: 30px;
	margin-bottom: 10px;
  text-align: center;
}


.rpapage_rpa_video_main .section_rpa_movie_contents {
	width: 45%;
	margin-bottom: 30px;
  float: left;
}

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

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

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

.section_rpa_merit h3, .section_rpa_movie h3 {
    display: block;
    padding-top: 80px;
    margin-top: -80px;
}

 .section_rpa_mainfunction, .section_rpa_requirement  {
   padding-top: 50px;
   margin-top: -50px;
 }

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



/* ----20181112追加分---------------------------------- */
table.rpa tbody tr td {
  vertical-align: middle;
}

table.blue_table tbody tr td p.text_green {
  margin: 0;
}


/* ----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: 44%;
		padding: 5px 10px;
		background: #ececec;
		color: #000;
		text-transform: none;
	}

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

	.ai_seminar_program_table tbody tr td {
		width: 56%;
		padding: 5px 10px;
		text-transform: none;
	}
        .ai_seminar_program_table {
          width: 100%;
        }
	.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: right;
		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: right;
		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;
	}

	.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: right;
    	font-size: 16px;
    	font-weight: 600;
    	color: #505050;

	}

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


	.ai-seminar-sponser ul li {
    	display: inline-block;
    	text-align: center;
    	padding: 20px;
    	width: 33%;
	}

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

.large-button .btn-size-fix {
	font-size : 2rem;
}

/* Community Site Banner 20190613　追加 */

.CSite_banner_box {
    padding: 40px 0;
	display: block;
	margin: 0 auto;
    width: 50%;
}

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

section.CSite_banner_outer {
    max-width: 1000px;
    margin: 0 auto;
	overflow: visible;
}


/*Fix banner*/
.CSite_banner_fix.sticky {
    float: right;
    postion: -webkit-sticky;
    position: sticky;
    top: 120px;
	margin-top: 40px;
    text-align: right;
	overflow-x: visible;
	z-index: 1000;
	width: 25%;

}

.CSite_banner_fix.sticky a:hover {
    opacity: 0.7;

}


/*JSR 事例ページ*/
.page-contents-title h2 span.h2 {
    font-size: 34px;
}

/* youtubeリンク画像用 */

.video_column img{
  width: 40%;
  margin-bottom:40px;
  box-shadow: 0 0 4px #9f9f9f;
}
/* アップデート情報更新 */
.update.green{
	color: #00a73c;
}
.text-indent{
	margin-left: 1em;
}


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

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

.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 {
	margin-bottom: 30px;
}

.wp-block-image .shigyou-jirei-logo {
	float: left;
	width: 30%;
}

.wp-block-image .shigyou-jirei-text {
	float: right;
	width: 67%;
}

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

p.designation {
    text-align: right
}

.imgBox{
  display:inline-block;
  margin:60px auto;
}
.imgBox.mr{
  margin-right:30px;
}
.imgBox.ml{
  margin-left:30px;
}
.vtTop{
  vertical-align: top;
}

/* 201912 for a-force */
.ti_1{
  text-indent: 1em;
}
.ti_2{
  text-indent: 2em;
}
.mb_0{
  margin-bottom: 0;
}
ul.dotlist li{
  list-style-type: disc;
  margin-left: 1em;
  /* padding-left: 0.5em; */
}
/* 201912 for inf191224 */
/* 2021 change for inf-20210929 */
.chartBox{
  width: 100%;
  vertical-align: top;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.textBox{
/*  display: inline-block; */
  width: 55%;
}
.va_m{
  margin-top: 5%;
}
.imageBox{
/*  display: inline-block; */
  text-align: center;
  vertical-align: top;
  width: 43%;
  margin: 10px auto;
}
.imageBox img{
  width: auto;
}
.imageBox .chartHead{
  color:green;
  margin: 0 0 1.5em 0;
}

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

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

/* end */

/* 20200708_modalwindows */
.modallist_pc{
  display: flex;
  align-items: center;
  justify-content: left;
  flex-wrap: wrap;
  width: 900px;
	margin-left: 150px;
}

.modalOpen{
  position: relative;
  width: 23%;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
  border: 3px solid #4aba00;
  border-radius: 30px;
  margin: 0 10px 40px;
  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: 60%;
  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;
  justify-content:center;
  align-items:flex-start;
  width: 100%;
	margin: 87px 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.link_button_item,
a.rpa_botton_item,
a.rpa_trial{
  color: #fff;
  font-weight: bold;
  text-align: center;
	font-size: 1.5em;
	margin: 0 20px;
	letter-spacing: .3rem;
	width: 460px;
	height: auto;
	padding: 18px 0;
	position: relative;
}

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;
  letter-spacing: 0;

}

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,
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: 40px;
  margin-top: -4px;
	position: absolute;
}

.rpa_sp01_point_content h3.point_h3{
	border: 2px solid #f69327;
	width: 100%;
}

.rpa_sp01_point_content h3.point_h3 span.h3_text{
	padding-left: 25px;
	vertical-align: middle;
}

/* .rpa_sp01_point_content h3.point_h3 span.bg_orange,
.rpa_sp01_point_content h3.point_h3 span.bg_orange_light{
  font-style: italic;
  margin-right: 10px;
  font-size: 1em;
  letter-spacing: 0.1em;
}

.rpa_sp01_point_content h3.point_h3 span.bg_orange{
	padding: 12px 15px 9px 15px;
	background-color: #f69327;
	color: #fff;
}

.rpa_sp01_point_content h3.point_h3 span.bg_orange_light{
	padding: 12px 15px 9px 15px;
	background-color: #fff2e3;
	color: #f69327;
	border-right: 2px solid #f69327;
}

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

.footer_linkContent{
	display: flex;
  justify-content: center;
  align-items: center;
}

.sp_only,
.sp_inline,
.tablet_only,
.tablet_inline,
.sp_only2 {
  display: none;
}

.pc_only,
.pc_only2{
	display: block;
}

.pc_inline{
	display: inline-block;
}

/* snsボタン */

ul.sns_botton{
	list-style: none;
	display: flex;
	justify-content: flex-end;
}

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

ul.sns_botton li.twitter,
ul.sns_botton li.fb,
ul.sns_botton li.pocket,
ul.sns_botton li.hatena{
	margin-right: 10px;
}

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

.align_Center{
	text-align: center;
}

/* ウィズ・コロナ */

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

.bg_yellow_btn{
	width: 90%;
	margin: 106px auto 96px;
	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: 2.9rem;
  padding: 13px 0px;
  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 h2{
	font-size: 38px;
  color: #49BA00;
  text-align: center;
  margin: 55px 0;
  line-height: 1.8em;
}

.management__COVID_app_page ul.app_list{
	list-style-type: none;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 43px;
	padding-left: 47px;
}

span.color_G{
	color: #49BA00;
}

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

.management__COVID_app_page section.lightorange_bg h3.orange_h2{
	padding-left: 115px;
	font-size: 3.8rem;
	font-weight: bold;
	color: #fff;
	margin-top: 79px;
	background: url(https://www.celf.biz/wp-content/uploads/2020/09/anime_01.png) no-repeat;
	background-position: right 80px bottom 0px;
	width: 100%;
	height: 77px;
}

/* .management__COVID_app_page .lightorange_bg h3.orange_h2::before{
	content: '';
  display: inline-block;
  background-size: 30%;
  position: absolute;
  right: -15%;
  bottom: -20%;
} */

.management__COVID_app_page section.lightorange_bg h3.orange_h2 span.fs_change{
	font-size: 4.8rem;
	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: 3.8rem;
	font-weight: bold;
	color: #000;
	display: contents;
}

.management__COVID_app_page section.lightorange_bg .flex_wrap,
.management__COVID_app_page section.management_care .flex_area{
	display:-webkit-box;
  display:-ms-flexbox;
	display: flex;
  width: 100%;
	-ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
	-webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
	justify-content: space-between;
  margin: 0 auto;
}

.management__COVID_app_page section.lightorange_bg .flex_wrap .flex_contents{
	box-sizing: border-box;
	text-align: center;
}

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

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

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

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

.management__COVID_app_page section.lightorange_bg .home_office{
	margin-bottom: 99px;
}

.resolution_wrap{
	display: block;
  margin: 0 auto;
  height: 0;
  width: 150px;
  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: -60px;
  top: 130px;
}

.resolution_wrap::after{
	position: absolute;
  content: "";
  left: 2px;
  top: 15px;
  width: 5px;
  height: 116px;
  border-left: 153px solid #ff6600;
}

.resolution_wrap p.answer{
	position: absolute;
  width: 424px;
  margin: 0;
  color: #000;
  background-color: #fff;
  padding: 5px;
  border: 3px solid #ff6600;
  font-size: 2.4rem;
  font-weight: bold;
  top: 48px;
  left: -137px;
  z-index: 1;
}

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

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

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

.management__COVID_app_page h2{
	margin-bottom: 28px;
	margin-top: 0;
}

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

p.logomark_text{
	font-size: 3rem;
	font-weight: bold;
	text-align: center;
}

p.logomark_text img{
	vertical-align: -88%;
}

span.fc_g{
	font-size: 5.3rem;
	color: #49ba00;
}

p.green_area_text{
	font-size: 2.3rem;
	font-weight: bold;
}

p.green_area_text span{
	color: #49ba00;
}

p.green_area_text span.fs_small{
	font-size: 1.9rem;
	color: #575757;
}

.align_Center{
	text-align: center;
}

.txt_b{
	font-weight: bold;
}

p.fs_small{
	font-size: 1.2rem;
	padding-left: 39px;
}

section.management_care{
	margin-bottom: 72px;
	margin-top: 103px;
}

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

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

.management__COVID_app_page section.management_care .flex_area{
	margin: 80px 0 0;
}

.management__COVID_app_page section.management_care .flex_area .boxA{
	width: 32%;
}

.management__COVID_app_page section.management_care p.images_title{
  text-align: center;
	font-size: 2.3rem;
  font-weight: bold;
}

.management__COVID_app_page section.management_care h2.color_B{
  color: #575757;
}

/* table_style */

table.management_table{
	width: 100%;
	height: auto;
	border-collapse: collapse;
	font-size: 1.6rem;
}

table.management_table tr,
table.management_table td{
	border: 2px solid #49ba00;
}

table.management_table tr:nth-child(odd) td{
	background-color: #f0f0f0;
}

table.management_table td.list_table ul{
	list-style-type: none;
	margin: 0;
	padding: 25px 0 25px 25px;
}

table.management_table td.color_G{
	color: #49ba00;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 0;
}

table.management_table th{
	background-color: #49ba00;
	color: #fff;
	font-size: 2.4rem;
	text-align: center;
}

table.management_table th.border_R{
	border-right: 2px solid #fff;
	font-size: 2.4rem;
	text-align: center;
}

table.management_table td.list_table{
	padding: 0;
}

table.management_table tr th span.font_small{
	font-size: 1.9rem;
	font-weight: bold;
	color: #fff;
}

/* table_style_end */

.management_care p.fs_small{
	padding: 0;
}

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

section.LightGray_bg p.txt_left{
	padding-bottom: 61px;
  margin-bottom: 0;
}

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

.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: 140px solid transparent;
  border-top: 50px solid #f0f0f0;
  left: -42px;
  top: 125px;
}

.management__COVID_app_page .angle_circle::after{
	position: absolute;
  content: "";
  left: 20px;
  top: 25px;
  width: 5px;
  height: 117px;
  border-left: 156px solid #f0f0f0;
}

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

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

.management__COVID_app_page .celf_icon_wrap p.celf_area{
	padding: 20px;
  font-size: 2.4rem;
	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: flex;
  align-items: center;
  margin: 104px auto 0;
  width: 100%;
	justify-content: space-between;
}

.Introduction_area .introduction_01,
.Introduction_area .introduction_02{
	background-color: #f9ff10;
  width: 49%;
  border-radius: 40px;
  box-shadow: 0px 8px 0px rgba(0,0,0,0.5);
}

.Introduction_area .introduction_01 a.txt_Introduction_01,
.Introduction_area .introduction_02 a.txt_Introduction_02{
	display: block;
	font-size: 3rem;
	text-align: center;
	font-weight: bold;
	color: #49ba00;
	line-height: normal;
	margin: 0;
}

.Introduction_area .introduction_01 a.txt_Introduction_01{
	padding: 33px 0;
}

.Introduction_area .introduction_02 a.txt_Introduction_02{
	padding: 11px 0;
}

.management__COVID_app_page .LightGray_bg p.fs_24R{
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 4px;
}

span.fs_24R_C_Green{
	font-size: 2.4rem;
	color: #49ba00;
}

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


/* 追従バナー */

.floating_banner{
	display: block;
	width: 330px;
	position: fixed;
	z-index: 99999;
	bottom: 0px;
  right: 10px;
	margin-bottom: 20px;
}

.cross_mark {
	display: inline-block;
	width: 30px;
	height: 30px;
	position: relative;
	cursor: pointer;
}
.cross_mark span::before,
.cross_mark span::after {
	display: block;
	content: "";
	position: absolute;
	bottom: 5px;
	right: -300px;
	width: 84%;
	height: 16%;
	margin: -8% 0 0 -42%;
	background: #000;
}
.cross_mark span::before {
	transform: rotate(-45deg);
}
.cross_mark span::after {
	transform: rotate(45deg);
}

.footer_following_bnr_sp{
	display: none;
}

/* 追従バナーend */

/* 20200901_single-case_news link_button_item  追加 */
.single-case_news a.link_button_item {
    letter-spacing: 0;
}


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

p.text_01{
	text-align: center;
}

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

.btn-select {
  width: 615px;
  margin: 20px auto;
  position: relative;
  background: #F9FF10;
  border-radius: 6px;
  cursor: pointer; /* IEでcursorがチラついたので */
	text-align: center;
}

.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: 0;
	left: 0;
	font-size: 1.8rem;
	padding: 5px 0;
}

.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: 4rem;
	border-left: 8px solid #49ba00;
	padding-left: 15px;
	color: #49ba00;
	margin-top: 78px;
}

.recommended_movie{
	display: flex;
  margin-bottom: 111px;
  flex-direction: row;
  justify-content: space-between;
}

.recommended_movie .recommended_box{
	width: 100%;
	max-width: 304px;
	display: flex;
  flex-direction: column;
}

.recommended_box .box_01{
	width: 100%;
	max-width: 304px;
	height: 100%;
	max-height: 171px;
}

.recommended_movie .recommended_box p.title_area{
	font-size: 2.2rem;
	font-weight: bold;
	padding: 21px 0 40px;
	margin-bottom: 0;
}

.recommended_movie .recommended_box p.category_name{
	width: 97px;
	display: inline-block;
	border-radius: 3px;
	background-color: #F9FF10;
	color: #49ba00;
	text-align: center;
	margin:0 2px 5px;
}

.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: auto;
}

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



/* おすすめ動画_END */

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

/*タブのスタイル*/
.tab_item_01,
.tab_item_02{
  width: calc(100%/3);
  height: 70px;
  border:solid #afafaf;
  border-width:2px 2px 0 2px;
  line-height: 70px;
  font-size: 3rem;
  text-align: center;
  color: #afafaf;
  display: block;
  float: left;
  text-align: center;
  font-weight: 600;
  transition: all 0.2s ease;
	width: 501px;
	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: 2.4rem;
	font-weight: bold;
	text-align: center;
	padding: 50px 0 39px;
}

.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: flex;
}

.tab_content_description_01 .flex_contents_seminar{
	border: solid #F29736;
  border-width: 2px 0 0;
	margin: 0 10px;
}
.tab_content_description_02 .flex_contents_product{
	border: solid #0EA0D9;
  border-width: 2px 0 0;
	margin: 0 10px;
}


.tab_content_description_01 .flex_contents_seminar .left_area,
.tab_content_description_02 .flex_contents_product .left_area{
	width: 304px;
	margin: 88px 40px 0 50px;
}
p.play_time{
	font-weight: bold;
  margin: 10px 0 0;
}

.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;
}

.tab_content_description_02 .list_inner:first-of-type div{
	border: none;
}

.right_area{
	margin-top: 43px;
}

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

.tab_content_description_01 .flex_contents_seminar .right_area,
.tab_content_description_02 .flex_contents_product .right_area{
	width: 560px;
}

.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: 148px;
  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: 2.2rem;
	font-weight: bold;
	padding: 40px 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: 300px;
  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 */

.position_anchor{
	position: relative;
  top: -100px;
  display: block;
}
/* 20201005_動画一覧ページ_end */

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

.partner_join_content,
.threepoint_content{
	width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.img_content{
	width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.partner_btn{
	width: 45%;
}
.partner_btn a.try{
	color: #575757;
}
p.txtalign_L{
	text-align: left;
	margin-top: 20px;
}
h3.parther_join_h3{
	color: #49ba00;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}
.partner_flexbox{
	display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.partner_flexbox .p_flex_item,
.partner_flexbox .p_flex_item_sec1{
	width: 480px;
	margin-bottom: 40px;
	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: 40px;
}
.partner_flexbox .p_flex_item_sec1:nth-of-type(2n+1){
	margin-right: 40px;
}
.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;

	text-decoration: none;
}
.partner_flexbox .p_flex_item a.L_btn:hover{
	opacity: .8;
}
.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%;
	min-width: 1000px;
	height: 100%;
	min-height: 400px;
	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: 175px;
  bottom: 15%;
  right: 85px;
}
.partner_infoarea h3.h3_image{
	margin: 0 0 22px 0;
	padding: 60px 0 0;
	text-align: center;
}
.partner_infoarea .partner_btnY{
	background-color: #f9ff10;
  border-radius: 55px;
  width: 33%;
  padding: 10px 0;
  margin: 40px 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: 2rem;
  color: #575757;
  text-align: center;
  font-weight: bold;
}
.partner_infoarea .btn_flex{
	display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 25px;
}
.partner_infoarea .btn_flex .btn_item{
	background-color: #53C609;
  border-radius: 55px;
  width: 23%;
  padding: 10px 0;
  margin: 0 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.6rem;
	text-align: center;
}
.partner_infoarea .partner_btnY a.partner_infobtn:hover,
.partner_infoarea .btn_flex .btn_item a.touch:hover,
.partner_infoarea .btn_flex .btn_item a.more_btn:hover{
	opacity: .8;
  text-decoration: none;
}
/* 20210921 パートナー加入追記_END */

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

サービス一覧　service

---------------------------*/
ul.service_list li h4{
	display: block;
}


ul.service_list li{
	float: left;
	margin-right: 54px;
	width: 293px;
	/*padding: 0px 43px 25px;*/
}

.rpa_special01_page ul.service_list li{
	margin-right: 40px;
	width: 45%;
}


ul.service_list li a{
	display: block;
	/*width: 293px;*/
	width: 100%;
  padding: 25px 30px 25px;
	/* padding: 25px 49px 25px; */
}

ul li:nth-child(3n) {
	margin-right: 0;
}

.rpa_special01_page ul.service_list li:nth-child(2n) {
	margin-right: 0;
}

ul.rpa-old-ver-list li:nth-child(3n) {
  margin-right: 10px;
}


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

.casefile02_ttl img{
	max-width: 80%;
	height: auto;
}

section.service_27{
	background-image: url(/wp-content/uploads/cmn_images/service_mvbg_27.jpg);
  background-repeat: no-repeat;
  background-position: top center;
	height: auto;
  overflow: hidden;
	background-size: cover;
	/* padding-bottom: 25%; */
  min-height: 400px;
  max-height: 500px;
  float: none;
}

section.service_26text, section.service_27text, section.service_28text,.pgcs01,.pgcs02,.pgcs03,.pgcs07,.pgcs11,.pgcs16,.pgcs18,.pgcs19,.pgcs20,.pgcs24,.pgcs25,.pgcs31,.pgcs34,.pgcs35,.pgcs36,.pgcs37,.pgcs38,.pgcs39,.pgcs40,.pgcs41 {
    display: table;
    height: auto;
    overflow: hidden;
    background-color: #94DD4E;
    background-image: url(/wp-content/uploads/2017/04/page_original_title_bg.gif);
    background-repeat: repeat;
    background-position: top center;
    /* padding-bottom: 25%; */
    min-height: 400px;
    max-height: 500px;
    float: none;
}

section.service_28{
	background-image: url(/wp-content/uploads/cmn_images/service_mvbg_28.jpg);
  background-repeat: no-repeat;
  background-position: top center;
	height: auto;
  overflow: hidden;
	background-size: cover;
	/* padding-bottom: 25%; */
  min-height: 400px;
  max-height: 500px;
  float: none;
}

section.service_26{
	background-image: url(/wp-content/uploads/cmn_images/service_mvbg_26.jpg);
  background-repeat: no-repeat;
  background-position: top center;
	height: auto;
  overflow: hidden;
	background-size: cover;
	/* padding-bottom: 25%; */
  min-height: 400px;
  max-height: 500px;
  float: none;
}

.service_26_ttl img,
.service_27_ttl img,
.service_28_ttl img {
    max-width: 80%;
    height: auto;
}


.intro_message {
    padding: 60px 0 30px 0;
}

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

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

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

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

ul.celf_intro__list {
/*
	margin: 0 0 0 22px;
*/
    padding: 0;
    list-style-type: none;
}

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

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

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

.celf_intro {
    padding: 60px 0;
}

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

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

.service_contact .flex_area .flex_content {
    /*width: 100%;*/
    max-width: 490px;
    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 80px 15px 80px;
    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: 20px 0;
}

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

.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_use_contents{
	max-width: 1000px;
  margin: 0 auto;
	padding: 50px 0 80px;
	text-align: center;
}

.service_use_contents .app_flexarea{
  margin-top: 20px;
	justify-content: center;
}
.service_use_contents .app_samp:nth-child(even){
  margin: 0 20px;
}
.service_use_contents .app_flexarea img:nth-child(even){
  margin: 0 10px;
}
.service_use_contents .app_samp,
.service_use_contents .app_samp_size_s{
  background-color: #fff;
  border: solid 3px #6cb039;
  border-radius: 10px;
	display: flex;
	flex-direction: column;
}
.service_use_contents .app_samp{
	width: 100%;
}
.service_use_contents .app_samp .img_flexbox{
  margin: 40px auto 15px;
}
.service_use_contents .app_samp .subtxt{
	margin-top: auto;
}
.service_use_contents .app_samp_size_s{
	width: 216px;
	height: 140px;
  padding: 0;
  margin-right: 25px;
}
.service_use_contents .app_samp_size_s .img_flexbox_sub{
	width: 100%;
  max-width: 45px;
  margin: 25px auto 20px;
}
.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: -105px 10px;
    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: -220px 10px;
    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: -220px -60px;
    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: -104px -150px;
    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: -101px -414px;
    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: -218px -148px;
    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: -329px -326px;
    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: -327px -58px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;}


.service_use_contents .app_samp_size_s img{
	width: 100%;
	height: 100%;
}
.service_use_contents .app_samp_size_s:last-child{
	margin-right: 0;
}
.service_use_contents .app_samp_size_s .subtxt{
	margin-top: auto;
	flex-grow: 1;
}
.service_use_contents .app_samp_size_s .subtxt p,
.service_use_contents .app_samp .subtxt p{
	font-weight: bold;
	line-height: 1.5;
	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 .use_app_area h4 {
	font-size: 24px;
	padding-top: 30px;
}

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

.service_use_contents .use_app_area {
	margin-top: 0;
}

.service_use_contents .use_app_area p {
	font-size: 2rem;
}

.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: inline-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: 26px 10px;
  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
}

.sp-only {
	display: none;
}


/*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: 2em;
    flex-wrap: nowrap;
    align-items: center;
    margin-bottom: 1.75em;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
}
.wp-container-19 {
    flex-basis:80%;
    padding: 2em;
}

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

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

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

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

.service-intro-2 {
    display: flex;
    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: calc(64% - 16px)!important;
}

/*20221108 Dropbox*/
.solution.font_large p {
    font-size: 2rem;
}

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

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

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

.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: 0;
}

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

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

.solution.font_large .sol_features ul li {
    font-size: 2rem;
}

.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: 2.4rem;
    text-indent: -2.5em;
    margin-left: 2em;
}

.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;
    margin-top: 30px;
}

.solution.sol_0001 .service_contact .flex_area .flex_content ul {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.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 80px 15px 80px;
    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 */



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

Footer SNS 追加　20220217

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

.widget-area ul.sns-widget {
  display: flex;
  justify-content: center;
  list-style: none;
	position: absolute!important;
    right: 0;
    left: auto!important;
    top: 0!important;
    margin-right: 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_mvbg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
	height: auto;
  overflow: hidden;
	background-size: cover;
	padding-bottom: 25%;
  float: none;
}
*/

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

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

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

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

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

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

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

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

section.pgcs20{
	background-image: url(/wp-content/uploads/cmn_images/casefile_20_mvbg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
	height: auto;
  overflow: hidden;
	background-size: cover;
	padding-bottom: 25%;
  float: none;
}
*/
/*
section.pgcs24test{
background-image: url(/wp-content/uploads/cmn_images/ScreenPreview24.png);
  background-repeat: no-repeat;
  background-position: top center;
	height: auto;
  overflow: hidden;
	background-size: cover;
	padding-bottom: 25%;
  float: none;
}
*/


section.pgcs24text {
    display: table;
    height: auto;
    overflow: hidden;
    background-color: #94DD4E;
    background-image: url(/wp-content/uploads/2017/04/page_original_title_bg.gif);
    background-repeat: repeat;
    background-position: top center;
    padding-bottom: 25%;
    float: none;
}



/*
section.pgcs25{
	background-image: url(/wp-content/uploads/cmn_images/casefile_25_mvbg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
	height: auto;
  overflow: hidden;
	background-size: cover;
	padding-bottom: 25%;
  float: none;
}

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

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

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

.casefile01_ttl img{
	margin: 25px 0 7%;
}

h1.casefile01_ttl{
	font-size: 29px;
	line-height: 1.5;
	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{
	font-size: 31px;
	line-height: 1.5;
	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: 39px;
}


h1.casefile01_ttl.cstitle01.scene{
	font-size: 31px;
	line-height: 1.5;
	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.scene span {
	font-size: 20px;
}

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


@media screen and (max-width: 1360px){
h1.casefile01_ttl.cstitle01{
	font-size: 26px;
}
h1.casefile01_ttl.cstitle01.scene {
	font-size: 26px;
}
h1.casefile01_ttl.scene span {
	font-size: 18px;
}
/*.new_page_usecase_titleArea .new_page_usecase_title.casefile-24 {
	background-position: 112% bottom;
    background-size: 670px auto;
}*/

}

@media screen and (max-width: 1288px){
h1.casefile01_ttl{
	font-size: 22px;
}
h1.casefile01_ttl.cstitle01{
	font-size: 20px;
}
h1.casefile01_ttl span {
    font-size: 28px;
}
h1.casefile01_ttl.cstitle01.scene{
    margin-bottom: 5px;
}
/*.new_page_usecase_titleArea .new_page_usecase_title.casefile-24 {
	background-position: 132% bottom;
    background-size: 610px auto;
}*/

}


.casefile02_ttl img{
	max-width: 80%;
	height: auto;
}

.casefile07_ttl img{
	max-width: 69%;
	height: auto;
}

.casefile16_ttl img{
	max-width: 80%;
	height: auto;
}

.casefile18_ttl img{
	max-width: 80%;
	height: auto;
}

.casefile20_ttl img{
	max-width: 85%;
	height: auto;
}

.casefile31_ttl img {
    max-width: 65%;
	height: auto;
}

.new_page_usecase_titleArea .new_page_usecase_title{
	position: absolute;
  width: 100%;
  /* height: 100%; */
}
.new_page_usecase_titleArea .casefile_ttl_inner{
	margin-bottom: 15px;
  margin-top: 35px;
  width: 55%;
  padding-left: 10%;
}
.new_page_usecase_titleArea .casefile_ttl_inner.cstitle {
	margin-bottom: 15px;
  margin-top: 35px;
  width: 81%;
  padding-left: 10%;
}
.new_page_usecase_titleArea .casefile_ttl_inner.cstitletext {
	margin-bottom: 35px;
  margin-top: 35px;
  width: 81%;
  padding-left: 10%;
}
.new_page_usecase_titleArea.service_26 .casefile_ttl_inner{
	margin-bottom: 15px;
  margin-top: 35px;
  width: 80%;
  padding-left: 10%;
}
.new_page_usecase_titleArea.service_27 .casefile_ttl_inner{
	margin-bottom: 15px;
  margin-top: 35px;
  width: 70%;
  padding-left: 10%;
}
.new_page_usecase_titleArea .casefile_ttl_inner .m_trial_btn a{
    width: 45%;
    max-width: 100%;
    font-size: 2vw;
    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 span{
font-size: 0.9vw;
	letter-spacing: normal;	
}
.new_page_usecase_titleArea .casefile_ttl_inner .m_trial_btn.csbtn a{
	width: 41%;
	max-width: 100%;
	font-size: 2vw;
}



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

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

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


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

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




#primary .casefile_content{
  margin: 15px auto 20px;
  line-height: 20px;
}
h3.casefile01_h3{
	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;
}
h3.casefile01_h3::before,
h3.casefile01_h3::after{
	display: none;
}

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

.new_celf_merit_area_stepbox{
	width: 100%;
  border: solid 2px #49ba00;
  padding: 10px 15px 10px 35px;
  margin-bottom: 20px;
  position: relative;
  text-align: left;
}
.new_celf_merit_area_stepbox p{
	font-size: 2rem;
  margin-bottom: 0;
}
.new_celf_merit_area_stepbox span.casefile_NO{
	width: 50px;
  height: 50px;
  line-height: 50px;
  letter-spacing: 3px;
  font-size: 3.3rem;
  font-weight: normal;
  left: -25px;
  top: -16px;
  position: absolute;
  color: #49BA00;
  background: #fff;
  text-align: center;
}
.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: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 0;
	position: relative;
}
.recommended_for_area .casefile_flex .casefile_flexitem{
	width: 100%;
  max-width: 470px;
	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;
	margin: 0 0 30px;
}
.recommended_for_area .casefile_flex::before{
	content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 0 25px 28.6px;
  border-color: transparent transparent transparent #f48c06;
  position: absolute;
  top: 50%;
  left: 49%;
}
.recommended_for_area .m_trial_btn{
	padding-bottom: 10px;
}
.recommended_for_area .m_trial_btn a{
  width: 80%;
  max-width: 100%;
  font-size: 26px;
  border-radius: 50px;
  padding: 10px 0;
  line-height: 2;
}
.recommended_for_area .m_trial_btn a span.small_txt{
	display: inline-block;
	font-size: 1.5vw;
}

.m_trial_btn a{
	background-color: #f3fd01;
  font-weight: bold;
  font-size: 1.5vw;
  border-radius: 43px;
  box-shadow: 0 6px 0 #319100;
  width: 25%;
  max-width: 410px;
  padding: 4px 20px;
  letter-spacing: 0.2rem;
  color: #319100;
  display: inline-block;
  text-align: center;
}

.recommended_for_area .m_trial_btn a span{
font-size: 0.9vw;
}
.recommended_for_area .usage_guide{
  margin-bottom: 50px;
  image-rendering: -webkit-optimize-contrast;
}
.recommended_for_area .usage_guide img{
  max-width: 35%;
}
.casestudy_area, .casefile_movie_area, .casefile_information{
	text-align: center;
	margin-top: 70px;
}
.casestudy_area .casestudy_area_flex{
	display: flex;
  width: 100%;
  border: solid 2px #53c50a;
  padding: 35px;
  border-radius: 6px;
}
.casestudy_area .casestudy_area_flex .casestudy_imagearea{
	width: 67%;
  text-align: left;
}
.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: 2rem;
	color: #575757;
}
.casestudy_area .casestudy_area_flex .casestudy_txt h4{
	color: #49ba00;
	margin: 10px 0px 20px;
  font-size: 2.4rem;
}
.casestudy_area .casestudy_area_flex .casestudy_txt p{
	margin-bottom: 0;
	color: #575757;
}

.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: 37.25%;
  height: 0;
  overflow: hidden;
  border: solid 2px #49ba00;
  width: 70%;
  margin: 0 auto;
}
.casefile_movie_area .casefile_movie_wrap img{
  width: 100%;
}
/* .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: 850px;
  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: 965px;
  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: 0px;
}
.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.5;
}

.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: 74%;
    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: -109px 9px;
    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: -218px 8px;
    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: -338px 8px;
    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: -115px -72px;
    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: -226px -64px;
    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: -332px -67px;
    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: -116px -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: -220px -149px;
    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: -331px -150px;
    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: -111px -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: 10px auto 15px;
    display: block;
    width: 50%;
    height: 31%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -226px -235px;
    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: -334px -243px;
    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: -109px -332px;
    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: -226px -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: -335px -327px;
    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: -110px -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: -226px -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: -336px -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: -116px -503px;
    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: -223px -503px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}


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


.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img img{
  width: auto;
}
/* 前ページ、次ページボタン共通のスタイル */
.swiper-button-prev,
.swiper-button-next {
	width: 32px; /* ボタンの幅 */
	height: 32px; /* ボタンの高さ */
	background-size: 32px 32px; /* 背景画像としてのサイズ（＝表示したい画像サイズ） */
	margin-top: -10px; /* 縦中央配置用：ボタンの高さの半分のネガティブマージン（top:50%がすでに設定されている） */
}
/* 次ページボタンのスタイル */
.swiper-button-next {
	background-image: url(/wp-content/uploads/cmn_images/arrow_right.png);
}.recommended_for_area {
  padding: 50px 0;
  height: auto;
  overflow: hidden;
}
.Work_image .recommended_for_area .m_trial_btn {
	margin-top:0;
}
/* 前ページボタンのスタイル */
.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
}


svg{
  font   : bold 70px Century Gothic, Arial;
  width  : 100%;
  height : 120px;
}

text{
  fill            : none;
  stroke          : black;
  stroke-width    : .5px;
  stroke-linejoin : round;
  animation       : 2s pulsate infinite;
}

@keyframes pulsate {
  50%{ stroke-width:5px }
}

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

/* 20220428_メニュー位置調整 */
.nav-container .sub-menu{
  left: 100%;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
}
.nav-container .sub-menu ul{
  left: 200%;
}
.nav-container ul ul li a{
  padding: 15px 10px;
  /* font-size: 12px; */
  width: 300px;
}
.nav-container .sub-menu .sub-sub-menu,
.nav-container .sub-menu .sub-sub-sub-menu{
  border-top: 2px solid #00a73c;
  background-color: #FFFFFF;
  z-index: 1002;
  -webkit-box-shadow: 0px 3px 2px 1px rgb(0 0 0 / 6%);
  -moz-box-shadow: 0px 3px 2px 1px rgba(0,0,0,0.06);
  box-shadow: 0px 3px 2px 1px rgb(0 0 0 / 6%);
  padding: 0;
  margin: 0;
  position: absolute;
  left: 100%;
}
.nav-container .sub-menu .sub-sub-menu{
  left: 100%;
  top: -2px;
}
.nav-container .sub-menu .sub-sub-sub-menu{
  left: 200%;
}
/* 20220428_メニュー位置調整_END */

/* ヘッダーメニュースクロール固定 */
.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: 40px;
}
/* kv高さ位置調整 */
#primary #content .mv_inner,
#page .addpage,
#page .usecase_container{
  margin-top: 125px !important;
}
/* kv高さ位置調整_end */
/* ヘッダーメニュースクロール固定_end */


/* start 利用シーンmovie_20220823 */
.usecase_container section {
	position:relative;
}
.casefile-movie {
    width: 35%;
    position: absolute;
    left: 60%;
	top: unset;
    bottom: 7%;
	z-index: 4;
} 

.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%;
}
/* 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 a {
    background-color: #319100;
    color: #fff;
    box-shadow: 0 6px 0 #f3fd01;
    margin-bottom: 1vw;
}

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

.mv_ttl_desc {
  background: #fff;
    width: fit-content;
    font-size: 1.25vw;
    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: 32px;
  background: #73C33C;
  color: #fff!important;
  text-align: center;
  padding: 2rem;
  margin: 2rem auto;
}

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

.btn-primary.btn-width230 {
	width:230px;
}
/* add 20230908 */

.border_none {
  border: none!important;
}

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

.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: 21px;
  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;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
  margin-bottom: 5rem;
}

.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(3, 1fr);
  gap: 1rem;
  list-style-type: none;
  padding: 0;
  margin-top: 2rem;
}

.top-apps__child {
  padding: 0.5rem;
  border: 3px solid #6CB038;
  border-radius: 8px;
  background-color: #fff;
  padding: 2rem 0;
}

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

.top-apps__child--text {
  font-weight: bold;
  margin: 0;
}

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

#main_visual_new .kv_wrap .mv_ttl .hukidashi_wrap .chara_box2{
  width: 100%;
  position: absolute;
  top: 60%;
  left: 40%;
  z-index: 3;
}
#main_visual_new .kv_wrap .mv_ttl .hukidashi_wrap .chara_box2 img{
  width: 10%;
}

ul.case_news_list li.border_g,
.toppage_case_area .case_list{
  border: none;
}

.page-contents-title2 h2 {
    line-height: 200%;
    font-size: 34px;
    color: #49BA00;
    letter-spacing: .4rem;
    text-align: center;
}

.page-contents-title2 hr, hr.pointLine {
    width: 130px;
    height: 7px;
    margin: 70px auto;
}

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

/* front-page fixed 20230321 end */

/* sitemap starts */
#sitemap {
    padding: 0 10px;
}

div.sub-section {
    margin-bottom: 10px;
    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;
}

.h-ttl04 a {
    display: block;
}

.mB1em {
    margin-bottom: 1em !important;
}
ul.mark-list {
    position: relative;
    margin: 0;
    padding: 0;
}

ul.mark-list>li {
    list-style: none;
    list-style-position: outside;
    margin: 0;
    padding-left: 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 a {
    display: block;
}

#main_contents2 div.sub-section>*:last-child {
    margin-bottom: 0em!important;
}

#sitemap .sitemap-inner-left {
    float: left;
    width: 48%;
    clear: both;
}

#sitemap .sitemap-inner-right {
    float: right;
    width: 48%;
}

.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: flex;
    clear: both;

}

.sub-section-col-left {
    width: 49%;
    margin-right: 10px;
}


.sub-section-col-right {
    width: 49%;
    margin-left: 10px;
}
/* sitemap ends */

/* 20230714 OBC link */
.intro_obc_banner {
	margin: -30px 0 30px 0;
}
.obc_bugyo_flame {
	width: 100%;
	padding: 10px;
	border-radius: 5px;
	border: solid 3px #56bfff;
	text-align: center;
	margin-top: 80px;
}
h3.obc_bugyo_celf {
	color: #56bfff; 
}
h3.obc_bugyo_celf span {
	font-size: 32px;
}
a.obc_bugyo_bt {
	background-color: #2641ae;
	color: #fff;
	text-align: center;
	padding: 20px 5%;
	margin-bottom: 20px;
	border-radius: 38px;
	text-decoration: none;
	font-size: 2rem;
	display: inline-block;
}