@charset "utf-8";
.pc_displayNone {
  display: none!important;
}
.nx-breadcrumb {
  padding-left: 10px;
}

.beginners_ok_area {
  padding: 0 10px;
}

div.header_brochure_btn,div.header_community_btn {
  width: 120px;
}
div.header_free_trial_btn, div.header_contact_btn {
  width: 100px;
}

div.header_brochure_btn a, div.header_contact_btn a, div.header_community_btn {
  font-size: 12px;
}

div.header_free_trial_btn a {
  font-size: 10px;
}

a.startup_guid_download_btn {
  width: 80%;
  margin: 0 10% 20px;
  font-size: 24px;
  padding: 20px 0;
}

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

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

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

/* #main_visual_new h1.new_mv{
	font-size: 3rem;
  color: #1b7304;
  line-height: 2.5;
  letter-spacing: 0.1rem;
  white-space: nowrap;
}
#main_visual_new h1.new_mv span.h1txt{
	background-color: #fff;
  padding:5px 15px;
}
#main_visual_new h1.new_mv span.small_txt{
	font-size: 2.4rem;
}
#main_visual_new h1.new_mv span.ls{
	letter-spacing: -0.1rem;
} */

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

#main_visual_new .kv_wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0 24px;
}
#main_visual_new .kv_wrap .mv_ttl{
	width: 100%;
}
#main_visual_new .kv_wrap .mv_ttl .hukidashi_wrap .chara_box{
  width: 100%;
  position: absolute;
  top: 62%;
  left: 5%;
}
#main_visual_new .kv_wrap .mv_ttl .hukidashi_wrap .chara_box img{
  width: 30%;
}
ul.slider_fade{
	list-style: none;
}
#main_visual_new .m_trial_btn{
  text-align: center;
  margin: 40px 30px 0;
  background-color: #f3fd01;
  color: #1d7401;
  font-weight: bold;
  font-size: 2.5rem;
  border-radius: 35px;
	box-shadow: 0 6px 0 #319100;
}
#main_visual_new .m_trial_btn{
  position: absolute;
  top: 89%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  margin: 0 auto;
  z-index: 3;
}
#main_visual_new .m_trial_btn a{
  height: 100%;
  background-color: #f3fd01;
  font-weight: bold;
  font-size: 3.3vw;
  border-radius: 35px;
  box-shadow: 0 6px 0 #319100;
  width: 100%;
  min-width: 510px;
  padding: 5px 45px;
  letter-spacing: 0.2rem;
  color: #319100;
  display: inline-block;
  text-align: center;
}
#main_visual_new .m_trial_btn a:hover{
	opacity: 0.7;
	text-decoration: none;
	color: #1d7401;
}
#main_visual_new .m_trial_btn span.small_txt{
	font-size: 2.6vw;
}
/* 吹き出しアニメーション */
#main_visual_new .hukidashi_01 > li{
  position: absolute;
  top: 45%;
  left: 5%;
  width: 35%;
  background-color: #FFF;
  border: #D4D4D4 solid 4px;
  border-radius: 15px
}
#main_visual_new .hukidashi_01 > li::before{
  content: '';
  position: absolute;
  display: block;
  z-index: 1;
  border-style: solid;
  border-color: #FFF transparent;
  border-width: 15px 0px 0px 40px;
  bottom: -12px;
  left: 40%;
  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: 40%;
  margin-left: -60px;
}
#main_visual_new .hukidashi_02 > li{
  position: absolute;
  top: 28%;
  left: 45%;
  width: 45%;
  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: 73%;
  left: 40%;
  width: 50%;
  background-color: #FFF;
  border: #D4D4D4 solid 4px;
  border-radius: 15px;
}
#main_visual_new .hukidashi_03 > li::before{
  content: '';
  position: absolute;
  display: block;
  z-index: 1;
  border-style: solid;
  border-color: #fff transparent;
  border-width: 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: 2.5vw;
  padding: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_01 .slider_fade > li:nth-of-type(2){
	animation-delay: 10s;
}
#main_visual_new .hukidashi_01 .slider_fade > li:nth-of-type(3){
	animation-delay: 20s;
}

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

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

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

@keyframes loop3 {
  0% {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-300%);
  }
}
/* slider_end */
.toppage_flexbox{
  display: none;
}
#resolve_trouble .t-contents_area{
	display: inline-block;
  width: 100%;
  text-align: center;
  margin: 40px auto;
  padding: 0 80px;
}
#resolve_trouble .t-contents_area .top_flexarea .txt_area p{
	text-align: left;
}
a.info_btn{
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  width: 60%;
  margin: 0 auto 70px;
  color: #fff;
  background-color: #53c50b;
  padding: 15px 80px;
  text-decoration: none;
  border-radius: 5px;
}
section.LightGreen_bg .use_contents{
  display: block;
  text-align: center;
  margin: 100px auto;
}
.use_contents .app_samp,
.use_contents .app_samp_size_s{
  background-color: #fff;
  border: solid 3px #6cb039;
  border-radius: 10px;
  margin-bottom: 45px;
  padding-top: 30px;
}
.use_contents .app_flexarea{
  width: 50%;
  margin: 0 auto;
}
.use_contents .app_samp .subtxt p{
  font-weight: bold;
}
section.LightGreen_bg .use_contents .SP_flexbox{
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.use_contents .app_samp_size_s{
  width: 40%;
}
.use_contents .app_samp_size_s:nth-child(2n+1){
  margin-right: 25px;
}

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

/*20220407 追加*/

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

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

.circle_area_sp{
  display: block;
}
.circle_area_pc{
  display: none;
}
ul.case_news_list li.border_g,
.toppage_case_area .case_list{
	border: solid 2px #6CB039;
}
.toppage_case_area h2.case_study{
  text-align: center;
}
ul.case_news_list li.border_g h4{
	color: #333;
	font-weight: bold;
	text-align: center;
}
.toppage_case_area .case_list{
  padding: 15px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.toppage_case_area .case_list ul.app_flexarea{
	padding-left: 0;
  flex-wrap: wrap;
  display: flex;
}
.toppage_case_area .case_list ul li{
	list-style: none;
  width: calc(100% / 3);
  padding: 15px 45px 0;
}
section .toppage_info_area{
	position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background-image: url(/wp-content/uploads/cmn_images/info_area_bg_tab.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.toppage_info_area .chara_area_01,
.toppage_info_area .chara_area_02{
	display: none;
}
.toppage_info_area .info_box{
  text-align: center;
  margin-top: 100px;
}
.toppage_info_area .info_box .bnr_box{
  margin-bottom: 100px;
}
.common_footer_link_btn span.flex_center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.pc_only,
.sp_only2{
  display: none;
}
/* Toppage_20211220_end */
#main_visual {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background-image: url(/wp-content/uploads/2017/04/celf_top_kv_bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

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

img.main_visual_large {
  display: none;
}

img.main_visual_small {
  display: none;
}

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

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

a.celf_use_more_info {
  display: block;
  width: 70%;
  margin: 30px 15%;
}

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

.whiteCell_bg .aligncenter .icon_min{
  margin-top: 30px;
}

.ticker {
  width: 100%;
}

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

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

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

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

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

.toppage_workstyle_area {
  padding-top: 30px!important;
  margin-bottom: 60px;
}

.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: 16px!important;
  padding: 30px 0 30px;
  margin: 0!important;
}

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

.celf_app_area, .easy_maiking {
  float: left;
  width: 100%;
}

.easy_maiking_step {
  width: 70%;
  padding-left: 5%;
}

.easy_maiking .easy_maiking_cellIMG {
  right: -400px;
  top: 200px;
  width: 597px;
}

.provide_CELF {
  width: 31.333%;
  margin: 0 1%;
  height: 210px;
  float: left;
  padding-top: 15px;
}

.provide_CELF img {
  display: block;
  margin-bottom: 5px;
}

.topborder-line {
  margin-top: 30px;
}

.section_app_icon div.bigIcon {
  width: 31.333%;
  height: 254px;
  margin: 0 1% 10px;
  min-height: 214px;
  padding-top: 20px;
  line-height: 160%;
}

.toppage_bannerArea div {
  width: 48%;
  margin: 0 1%;
  float: left;
}

.beginners_tab_select ul li {
  padding: 10px 9px 3px;
  width: 23%;
  margin: 0 1%;
  min-height: 130px;
}

.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: 58px;
  height: 62px;
  margin: 0 auto;
  background-size: cover;
}

.sample_app_download {
  width: 31%;
  margin: 0 1% 20px;
  padding: 0 20px 20px;
}

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

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

a.sample_app_download_btn {
  width: 100%;
}

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

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

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

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

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

.price_free, .price_cloud, .price_On-premises{
  width: 31.333%;
  margin: 0 1%;
}

.price_free_title, .price_cloud_title, .price_On-premises_title {
  width: 100%;
  padding-top: 20px;
  font-size: 24px;
}

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

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


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

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

.price_free_plan {
  padding: 5px 0;
}

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

.price_cloud_plan span:nth-child(2), .price_On-premises_plan span:nth-child(2) {
  font-size: 27px;
  line-height: 100%;
}

.price_free_text, .price_cloud_text, .price_On-premises_text {
  text-align: left;
  padding: 10px;
  font-size: 14px;
}

.price_cloud_text span, .price_cloud_text p {
  font-size: 14px;
}

table.green_table tbody tr td:first-child {
  width: 140px;
}

.price_table_area {
  padding: 0 10px;
}

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

a.price_rpa_link_btn{
	width: 90%;
	margin: 30px 5%;
	letter-spacing: 0;
	font-size: 16px;
	display: block;
	text-align: center;
	background-color: #53C609;
	color: #fff;
	padding: 10px 0;
}

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

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

.dashed_gray_box .dashed_gray_box_icon {
  width: 200px;
  padding: 24px 68px;
}

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

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

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

dd.Recommend_text span:last-child {
  margin: 0;
}

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

section#offline_seminar.LightGreen_bg h3 {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
section#offline_seminar.LightGreen_bg div {
    margin: auto;
}

.seminar_link {
    overflow: hidden;
    margin-bottom: 35px;
    padding-bottom: 25px;
}
.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: 80%;
    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 {
    overflow: hidden;
    margin-top: 40px !important;
    width: 90%;
    color: #49BA00;
}
.offline_seminar_imgarea .offline_seminar_imgpost {
    width: 30%;
    float: left;
    margin-right: 5% !important;
    margin-bottom: 5% !important;
}
.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 {
    background-color: #D8F7DF;
}
.offline_seminar_imgarea .offline_seminar_imgbox img {
}
.offline_seminar_imgarea .desc {
    text-align: left;
}
.offline_seminar_imgarea .desc .title {
    margin-top: 5px !important;
}
.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: 40px 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 dl.big-list-option dt.widthmax, .seminer_box dl.big-list-option dd.widthmax {
  width: 100%;
}

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

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

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

span.seminer_format {
  padding: 5px 10px;
  margin-right: 10px;
}

.hyodoru_position {
  width: 300px;
  left: 9%;
  bottom: 15%;
  z-index: 100;
}

.top_icon_light {
  margin-top: 20px;
}

.toppage_bracket_text {
  font-size: 24px;
}

.line-height-ajast {
  line-height: 70px;
}

.section_app_icon div.smallIcon {
  width: 14.666%;
  margin: 0 1%;
  height: 118px;
  line-height: 120%;
}

a.case_news_btn,
a.usecase_btn {
  width: 70%;
  margin: 30px 15%;
  padding: 10px;
}

.downContents_btn {
  width: 50%;
  left: 25%;
  padding-bottom: 10px;
}
.rpaLink_btn,
.downContents_btn_01 {
	width: 26vw;
	top: 28.6vw;
	border-radius: 5px;
	line-height: 2.5;
	font-size: 1.6vw
}

.downContents_btn_01{
	left: 17vw;
}

.rpaLink_btn{
	right: 16vw;
}



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

.main_trial_position {
  left: 31%;
  bottom: 22%;
  font-size: 20px;
  padding: 10px 30px;
  border-radius: 50px;
  width: 38%;
  margin-bottom: 40px;
}

.seminer_app_btn {
  line-height: 35px;
  padding: 0 12px;
}

.page_usecase_title {
  padding-left: 20px;
}

.usecase_completeImg {
  width: 48%;
  box-sizing: border-box;
  float: left;
  margin-right: 2%;
}

.recommended_for_area {
  padding-left: 10px;
  padding-right: 10px;
}

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

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

.networkImg {
  width: 49%;
}

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

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

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

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

.recommended_for_area .end {
  float: right;
}

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

.system_build_img {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 15px;
}

.page_usecase_titleArea .usecase_01 {
  top: 0;
  right: -350px;
  width: 557px;
  background-position: top left;
  background-size: cover;
}

.page_usecase_titleArea .usecase_02 {
  top: 0;
  right: -350px;
  width: 557px;
  background-position: top left;
  background-size: cover;
}

.page_usecase_titleArea .usecase_09 {
  top: 0;
  right: -350px;
  width: 557px;
  background-position: top left;
  background-size: cover;
}

.usecase_common_area {
  padding-left: 10px;
  padding-right: 10px;
}

.usecase_sub_area {
  width: 31.333%;
  height: 200px;
  float: left;
  margin: 0 1%;
}

.usecase_sub_area span:nth-child(2){
  height: 50px;
  line-height: 1.4rem;
}

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

.usecase_sub_area a {
  padding: 10px 0;
}

.free_trial_area {
  height: 460px;
}

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

.usecase_common_area.case_introduction_base_area{
	padding-left: 0;
	padding-right: 0;
}

.free_trial_area.case_introduction_area {
  height: auto;
	margin-bottom: 30px;
}

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

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

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

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

.free_trial_area.case_introduction_area .usecase_other_caselink_btn {
  width: 35%;
  margin-bottom: 35px;
  margin-top: 25px;
}

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


a.usecase_other_caselink_btn {
  width: 80%;
  margin: 40px auto;
  font-size: 24px;
}

.celf_easy_area_iconArea {
  width: 31.333%;
  margin: 0 1% 1%;
  min-height: 211px;
  padding: 2%;
  box-sizing: border-box;
}

.common_footer_link_btn {
  width: 23%;
  float: left;
  margin: 0 1%;
}

.celf_easy_start_area a {
  width: 80%;
  margin: 20px 10%;
  padding: 10px 0;
  font-size: 24px;
}

.celf_easy_start_area {
  margin: 40px 0;
}

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

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

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

.page_usecase_titleArea {
  /* padding-bottom: 20px; */
}
.page_usecase_title p {
  margin-bottom: 30px;
}

.page_usecase_title p::before {
  width: 27px;
  height: 29px;
  margin-right: 13px;
}

.recommended_for_area ul {
  padding: 0 10px;
}

.remote_support_title {
  font-size: 17px;
  font-weight: 500;
}

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

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

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

span.category_type {
    display: inline-block;
    background-color: #53C609;
    color: #fff;
    width: 90px;
    text-align: center;
    font-size: 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 {
  padding-left: 10px;
}

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

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

table.phase_table {
  width: 100%;
}

table.phase_table img {
  width: 100%;
}

table.phase_table-sub tbody tr th,
table.phase_table-sub tbody tr td {
  border: solid 2px #fff;
  width: 20%;
}

table.phase_table-sub tbody tr th{
	color: #575757;
}

.support_version_info img {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  display: block;
}

ul.support_tab {
  display: table;
}

ul.support_tab li {
  display: table-cell;
  vertical-align: middle;
  width: 46%;
  margin: 0 2%;
  padding: 20px 0;
}

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

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

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

.celf_usecase_list {
  width: 31.333%;
  margin: 0 1% 20px;
  height: 356px;
  float: left;
}

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

.celf_usecase_are h3 {
  font-size: 24px;
  margin-bottom: 50px;
}

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

.celf_usecase_list h5 {
  margin-bottom: 10px;
}

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

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

.celf_help_movie img {
  width: 100%;
}

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

.celf_usecase_list a {
  position: absolute;
  width: 90%;
  left: 5%;
  bottom: 20px;
  padding: 5px;
  display: block;
  text-align: center;
  background-color: #53c609;
  color: #fff;
}

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

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

.page_usecase_title h2.casefile01_icon::before { width: 50px; height: 48px; margin-right: 15px; position: absolute;left: 2%; top: -2px; }
.page_usecase_title h2.casefile02_icon::before {width: 56px;height: 46px;margin-right: 20px; position: absolute;left: 2%;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 { padding-left: 60px; }
.page_usecase_title h2.casefile02_icon { padding-left: 60px; }

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

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

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

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

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

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

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

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

/*
worksstyle page
*/

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

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

.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: 20px;
  color: #fff;
  line-height: 100%;
}

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

.page-wide-content p {
  padding-left: 10px;
  padding-right: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.worksstyle-demo {
  width: 32%;
  float: left;
}

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

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

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

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

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


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

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

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

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

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

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

}

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

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

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

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

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

.mgtop60 { margin-top: 60px; margin-bottom: 60px;}
.mgtop80 { margin-top: 80px; }
.mgbottom40 { margin-bottom: 40px; }
.mgbottom60 { margin-bottom: 60px; }
/* END workstyle page */

/* Parther Page */
.parther_join_top {
  margin-top: 30px;
}
.partner_join h4.celfofficial {
  font-size: 27px;
}
.partner_join p {
  padding: 0 10px;
}

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

.partner_system_area .img_area {
  border-radius: 10px 10px 0 0;
  margin-bottom: 20px;
  padding-top: 30px;
  font-size: 22px;
  line-height: 120%;
  min-height: 279px;
}
.partner_system_area p{
	padding: 0 10px;
}
.partner_system_area .img_area span img {
  padding-bottom: 20px;
}
.partner_system_area .img_area span::after {
  display: block;
  content: "";
  width: 50px;
  height: 3px;
  margin: 0 auto 20px;
  background-color: #fff;
}
.partner_system_area .partner_system_box:nth-child(1) {
  margin-left: 2%;
}
.partner_system_area .partner_system_box:nth-child(2) {
  margin-left: 3%;
  margin-right: 3%;
}
.partner_system_area .partner_system_box:nth-child(3) {
  margin-right: 2%;
}
ul.partner_tab li {
  width: 30%;
  height: 90px;
  float: left;
  padding: 10px 0;
  margin: 0;
  font-size: 16px;
  line-height: 140%;
}
ul.partner_tab li:nth-child(1) {
  margin-left: 2%;
}
ul.partner_tab li:nth-child(2) {
  margin-left: 3%;
  margin-right: 3%;
}
ul.partner_tab li:nth-child(3) {
  margin-right: 2%;
}
ul.partner_tab li span {
  font-size: 10px;
}
ul.partner_tab li span.height_adj {
  font-size: 16px;
  padding-top: 10px;
}
.border_dotted_box {
  padding: 20px 20px 30px;
}

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

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

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

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

.partner_merit_point dt img {
  width: 80%;
}

.partner_merit_point dd {
  float: left;
  width: 84%;
  padding-left: 25px;
}

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

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

.partner_merit_point p {
  padding-left: 0;
  margin-bottom: 0;
  font-size: 13px;
}

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

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

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

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

/* END Parther Page */
/* Funtion page*/
.function_area_title h2 {
  font-size: 30px;
}
.function_area_title br.sp_only {
  display: none;
}
section.function_area {
  padding: 0 10px;
}
.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: 48%;
	margin: 0 1%;
	padding-bottom:130px;
}

#inquiry .inquiry_box p:last-child{
	width:48%;
}

#inquiry .inquiry_box p:last-child img{
	width:90%;
	height:auto;
}

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


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

seminer news page

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

ul.seminar_news_list {
    list-style-type: none;
    padding: 20px 20px 0;
    margin-bottom: 0;
}
ul.seminar_news_list li {
    margin-bottom: 40px;
}
ul.seminar_news_list li .meta_box {
    display: flex;
    -webkit-justify-content: space-between; /* Safari */
    justify-content:         space-between;
}
ul.seminar_news_list li .meta_box .category_box {
    width: 15%;
}
span.category_area {
    display: inline-block;
    background-color: #53C609;
    color: #fff;
    width: 90px;
    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: 90px;
    text-align: center;
    padding: 4px 0;
    font-size: 14px;
    line-height: inherit;}
.sp_inf span.category_area {
    display: inline-block;
    background-color: #53C609;
    color: #fff;
    width: 90px;
    text-align: center;
    font-size: 14px;
    margin-left: 10px;
    font-weight: bold;
    padding: 4px 0;
}
span.category_red {
    display: inline-block;
    color: #d05d62;
    width: 90px;
    text-align: center;
    padding: 3px 0;
    border: solid 1px #d05d62;
    margin-top: 10px;
}
.sp_inf span.category_red {
    display: inline-block;
    color: #d05d62;
    width: 90px;
    text-align: center;
    font-size: 14px;
    padding: 4px 0;
}
ul.seminar_news_list li .meta_box h4 {
    margin-top: 0;
    font-size: 22px;
    width: 80%;
    color: #53C609;
}
ul.seminar_news_list li .content_box {
    margin-bottom: 25px;
    position: relative;
}
ul.seminar_news_list li .content_box .data_line_box .data_line {
    border-bottom: solid 1px #ccc;
    width: 100%;
    margin-right: 40px;
    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 {
    text-align: center;
}
.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;
}

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

trial page

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

.trial_rpa_campaign{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 70px;
}

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

rpa page

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

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

.section_rpa_merit dl{
	margin-top: 20px;
}

.section_rpa_movie dl{
	margin-top: 20px;
}

table.rpa th, td{
	text-align: center;
}

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

#rpa_table_res table { width: 100%; border:none; padding: 10px;}
#rpa_table_res thead { display: none;}
#rpa_table_res tr {
    display: block;
    margin-bottom: 20px;
}
#rpa_table_res td {
    border-bottom: none;
    display: block;
    padding: 0;
}

/* tdのデザイン */
#rpa_table_res td:nth-of-type(1) { background-color: #9f9f9f; color: #fff;}
#rpa_table_res td { border-bottom: 1px solid #b8b8b8;}

/*td:beforeのデザイン*/
#rpa_table_res td:before {
    background-color: #ccc;
    color: #4f4d47;
    font-weight: bold;
    display: block;
}
/* contentでタイトルを追加 */
#rpa_table_res td:nth-of-type(2):before { content: "一般のRPA";}
#rpa_table_res td:nth-of-type(3):before { content: "CELF2.0／RPA";}

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

#rpa_table_rob td{
	background-color: #e8e8e8;
}
#rpa_table_rob table { width: 100%; border:none; padding: 10px;}
#rpa_table_rob thead { display: none;}
#rpa_table_rob tr {
    display: block;
    margin-bottom: 20px;
}
#rpa_table_rob td {
    border-bottom: none;
    display: block;
    padding: 0;
}

/* tdのデザイン */
#rpa_table_rob td:nth-of-type(1) { background-color: #9f9f9f; color: #fff;}
#rpa_table_rob td { border-bottom: 1px solid #b8b8b8;}

/*td:beforeのデザイン*/
#rpa_table_rob td:before {
    background-color: #ccc;
    color: #4f4d47;
    font-weight: bold;
    display: block;
}
/* contentでタイトルを追加 */
#rpa_table_rob td:nth-of-type(2):before { content: "アクション";}


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

#rpa_table_req td{
	background-color: #e8e8e8;
}
#rpa_table_req table { width: 100%; border:none; padding: 10px;}
#rpa_table_req thead { display: none;}
#rpa_table_req tr {
    display: block;
    margin-bottom: 20px;
}
#rpa_table_req td {
    border-bottom: none;
    display: block;
    padding: 0;
}

/* tdのデザイン */
#rpa_table_req td:nth-of-type(1) { background-color: #9f9f9f; color: #fff;}
#rpa_table_req td { border-bottom: 1px solid #b8b8b8;}

/*td:beforeのデザイン*/
#rpa_table_req td:before {
    background-color: #ccc;
    color: #4f4d47;
    font-weight: bold;
    display: block;
}
/* contentでタイトルを追加 */
#rpa_table_req td:nth-of-type(2):before { content: "推奨環境";}




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

rpa page

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



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

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

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

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

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

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

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


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

.rpa_sp01_mainimage{
	margin-top: 40px;
}

.section_rpa_merit ul.rpa_merit_list li p.rpa_merit_text {
    font-size: 13px;
}
.section_rpa_merit ul.rpa_merit_list li a:last-child {
  padding: 0 5px;
}

.rpa_local_nav ul.rpa_local_nav_list li {
    font-size: 13px;
}
.rpa_local_nav ul.rpa_local_nav_list li a:last-child {
  padding: 0 5px;
}


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

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

.rpa_local_nav ul.rpa_local_nav_list li a:last-child {
  font-size: 16px;
}
/*---------------------------

install_page

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


.install_page .install_rpa table{
	width: 100%;
}
.install_page .rpa_right {
  margin-left: 10px;
}

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

top page

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

.toppage_workstyle_area img{
	box-shadow: none;
}

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

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

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

.toppage_workstyle_area  p{

	padding-top: 15px;
}

.rpa_release{
	padding: 0 30px;
}

.a.top_rpa_link{
	width: 70%;
}

.toppage_case_area{
	padding-left: 3%;
	padding-right: 3%;
}

/*.toppage_case_area ul.case_news_list li{
	margin-right: 0;
	width: 48%;
	float: left;
	margin-bottom: 0;
}

.toppage_case_area ul.case_news_list li:nth-child(even){
	float: right;
}


.toppage_case_area ul.case_news_list li a{
	width: 100%;
	padding: 20px 15%;
}*/

.main_trial_position p{
	font-size: 2.4vw;
	line-height: 1.5;

}

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

申込書類ダウンロード

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


.user_policy_contents_title{
	padding-top: 40px;
}

.user_policy_tableArea{
	padding: 30px 10px;
}

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

導入事例一覧　case_news

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

ul.case_news_list li{
	margin-right: 0;
	width: 48%;
	float: left;
	margin-bottom: 30px;
}

ul.case_news_list li:nth-child(even){
	float: right;
}


ul.case_news_list li a{
	display: block;
	width: 100%;
	padding: 20px 15%;
	height: 100%;
}

/*ul.case_news_list li{
	margin-right: 60px;
}

ul.case_news_list li a{
	display: block;
	width: 366px;
	padding: 25px 75px;
}*/

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

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

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

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

導入事例

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

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

.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 {
  width: 100%;
  padding-left: 230px;
}

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

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

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

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

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

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

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

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

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

.introduction_example_column_box .introduction_column {
  padding-left: 205px;
  padding-right: 0;
}

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

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

.illust_box h4 {
  text-align: center;
}

.introduction_example_column_box.two_img .introduction_img figure {
  display: inherit;
}

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

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

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

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

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

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

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

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

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

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

.introduction_example_box.company_information .introduction_example_sub_box .introduction_example_txt_box .line span:first-of-type {
  width: 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_main span.left_conter {
    width: 100px;
}

.content_rpa h3.rpa_page_title {
    text-align: center;
}

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

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

p.rpa_rel_des {
    text-align: center;
}

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

.toppage_rpa_video_main h3 {
    text-align: center;
}

.toppage_rpa_video_main {
    text-align: center;
}

.toppage_rpa_video, .toppage_contents_area .toppage_rpa_video {
    padding-top: 30px !important;
    margin-bottom: 60px;
}

.toppage_rpa_video a {
    display: inline-block;
}

.toppage_rpa_video a {
    display: inline-block;
}

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

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

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

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

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

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

.toppage_rpa_video_main {
    float: left;
    width: 100%;
}

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

.toppage_rpa_video img, .toppage_contents_area .toppage_rpa_video img {
    box-shadow: none;
}

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

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

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

.toppage_rpa_video p {
    padding-top: 15px;
}



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

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

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

#section_rpa_mainfunction h4 {
  margin-top: 30px;
}
/* ----20181115追加分終了------------------------------ */
/*---------------------------

ご利用の方へ
user_beginning

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

.user_beginning_column{
	padding-bottom: 50px;
}

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

.user_beginning_column li{
	width: 50%;
}

.user_beginning_column li:first-child{
	margin-bottom: 50px;
	border-right: 2px solid #333;
}

.user_beginning_column li:last-child{
	/*border-right: 2px solid #333;
	border-left: 2px solid #333;*/
	margin: 0 auto;
	float: none;
}

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

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



/* Line Stamp Banner 20190117　追加 */

.line_stamp_sticker_box {
    margin: 35px 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.t-flex_img{
  width: 100%;
}
.line_banner_box {
    padding-bottom: 30px;
	display: block;
	margin: 0 auto;
    width: 40%;
}

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


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


/* ----Seminar Detail Page---------------------------------- */
	.ai_seminar_program_table {
width: 100%;
		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;
	}

	.ai_seminar_program_table tbody tr td {
		width: 56%;
		padding: 5px 10px;
		text-transform: none;
		text-align: left;
	}


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

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

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

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

	.ai_seminar_program_table tbody tr td.p-time {
		background: #ec427c;
		color: #fff;
		text-align: 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;
    padding: 10px;
}

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


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

/* Community Site Banner 20190613　追加 */

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

.CSite_banner_box img.CSite_banner {
    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;

}
/* youtubeリンク画像用 */
.video_column img{
  width: 40%;
  margin-bottom:40px;
}

/**
 * 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 a-force */
.ti_1{
  text-indent: 0;
  padding-left: 1em;
}
.ti_2{
  text-indent: 0;
  padding-left: 2em;
}
.mb_0{
  margin-bottom: 0;
}
ul.dotlist li{
  list-style-type: disc;
  margin-left: 1em;
}
.solution h6{
  margin-top: 60px;
}

/* 201912 for 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 inf191224 */
.chartBox{
  width: 100%;
  vertical-align: top;
}
.textBox{
  display: inline-block;
  width: 55%;
}
.va_m{
  margin-top: 5%;
}
.imageBox{
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 43%;
}
.imageBox img{
  width: auto;
}
.imageBox .chartHead{
  color:green;
  margin: 0 0 1.5em 0;
}

/* rpa/special01 */

.common_footer_link_btn_rpa {
  width: 133px;
  height: 204px;
  margin: 0 10px;
  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;
    font-size: 83%;
}

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

/* end */

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

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

/* end */


/* おすすめ動画_END */

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

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

.tab_item_02:hover {
  opacity: 0.75;
}

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

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


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

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

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

/* タブ切り替え_END */

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

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

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

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

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

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

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

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

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

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

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

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


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

.right_area{
	margin-top: 15px;
}

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

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

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

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

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

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

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

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


/* 20210921 パートナー加入追記 */
.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;
}

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

.img_content{
	width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.partner_btn{
	width: 75%;
}
.partner_btn a.try{
	color: #575757;
}
p.txtalign_L{
	text-align: left;
}
.partner_system_area h3.img_areaH3{
  color: #fff;
}
h3.parther_join_h3{
	color: #49ba00;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}
.partner_flexbox{
	display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
}
.partner_flexbox .p_flex_item,
.partner_flexbox .p_flex_item_sec1{
	width: 350px;
  margin-bottom: 20px;
  text-align: center;
}
.partner_flexbox .p_flex_item{
  background-color: #ecf8e4;
	padding: 20px;
}
.partner_flexbox .p_flex_item:nth-of-type(2n+1){
	margin-right: 20px;
}
.partner_flexbox .p_flex_item_sec1:nth-of-type(2n+1){
	margin-right: 20px;
}
.partner_flexbox .p_flex_item h4{
	font-size: 15px;
  font-weight: 300;
  border: 1px solid #addb8f;
  color: #46b001;
  background-color: #fff;
  text-align: center;
  padding: 8px 0;
}
.partner_flexbox .p_flex_item h5{
	margin-bottom: 10px;
	text-align: left;
}
.partner_flexbox .p_flex_item p.item_txt{
	font-size: 14px;
  font-weight: 300;
	text-align: left;
}
.partner_flexbox .p_flex_item a.L_btn{
	display: block;
  background-color: #49BA00;
  color: #fff;
  padding: 4px 0;
  width: 110px;
  margin: 0 auto;
}
.partner_join p.bg_G{
	background-color: #5AAF00;
  color: #fff;
  font-size: 19px;
  padding: 6px 0;
}
.partner_flexbox .p_flex_item_sec1{
	padding: 0;
  border: 2px solid #94DD4E;
  border-radius: 10px;
}
.partner_flexbox .p_flex_item_sec1 .icon_h{
	background-color: #CDEDAA;
  padding: 25px 0;
  border-radius: 8px 8px 0 0;
	border-bottom: 2px solid #94DD4E;
}
.partner_flexbox .p_flex_item_sec1 .icon_h h4{
	color: #575757;
  padding-bottom: 0px;
  padding-top: 0;
  margin: 0;
}
.partner_flexbox .p_flex_item_sec1 p.item_txt{
	padding: 20px;
	text-align: left;
}
.partner_infoarea{
	width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/2021/09/partner_bg.png) no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  position: relative;
}
.partner_infoarea .chara_hyodol01{
	position: absolute;
  width: 100%;
  max-width: 125px;
  bottom: 15%;
  right: 85px;
}
.partner_infoarea p.align_Center{
  text-align: center;
  padding: 0 10px;
}
.partner_infoarea h3.h3_image{
  margin: 0 auto 11px;
  padding: 45px 0 0;
  width: 85%;
}
.partner_infoarea .partner_btnY{
	background-color: #f9ff10;
  border-radius: 55px;
  width: 37%;
  padding: 10px 0;
  margin: 25px auto 0;
  box-shadow: 0px 8px 0px rgb(0 0 0 / 50%);
}
.partner_infoarea .partner_btnY a.partner_infobtn{
	text-decoration: none;
  display: block;
  font-size: 1.7rem;
  color: #575757;
  text-align: center;
  font-weight: bold;
}
.partner_infoarea .btn_flex{
	display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 25px;
  padding-bottom: 40px;
}
.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.3rem;
  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{
	margin-right: 0;
	width: 48%;
	float: left;
	margin-bottom: 30px;
}

ul.service_list li:nth-child(even){
	float: right;
}


ul.service_list li a{
	display: block;
	width: 100%;
	padding: 20px 15%;
	height: 100%;
}

/*ul.service_list li{
	margin-right: 60px;
}

ul.service_list li a{
	display: block;
	width: 366px;
	padding: 25px 75px;
}*/

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

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

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


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

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: 600px;
    overflow: hidden;
    background-color: #94DD4E;
    background-image: url(/wp-content/uploads/2017/04/page_original_title_bg.gif);
    background-repeat: repeat;
    background-position: top center;
    padding-bottom: 25%;
    float: none;
}


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

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



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

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



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

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

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

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

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

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

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

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

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

.celf_intro {
padding: 36px;
}


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

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

.service_contact .flex_area .flex_content {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 1 0 auto;
    padding: 0 36px 15px 36px;
    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 .large-button.downloads-form {
	text-align: center;
}

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


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

.service_use_contents .app_samp_size_s .img_flexbox_sub_01{
    margin: 0 auto 10px;
    display: block;
    width: 50%;
    height: 80%;
    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: 0 auto 10px;
    display: block;
    width: 50%;
    height: 80%;
    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: 0 auto 10px;
    display: block;
    width: 50%;
    height: 80%;
    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: 0 auto 10px;
    display: block;
    width: 50%;
    height: 80%;
    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: 0 auto 10px;
    display: block;
    width: 50%;
    height: 80%;
    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: 0 auto 10px;
    display: block;
    width: 50%;
    height: 80%;
    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: 0 auto 10px;
    display: block;
    width: 50%;
    height: 80%;
    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: 0 auto 10px;
    display: block;
    width: 50%;
    height: 80%;
    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 .subtxt p{
  font-weight: bold;
}
.service_use_contents .SP_flexbox{
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
.service_use_contents .app_samp_size_s{
  width: 40%;
}
.service_use_contents .app_samp_size_s:nth-child(2n+1){
  margin-right: 25px;
}

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

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

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

.service_use_contents .use_app_area {
    padding: 0 40px;
}

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

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

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

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


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

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

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

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



/*20221017 NCS*/

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

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

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

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

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

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

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

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

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


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

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

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

.wp-container-21 {
    display: flex;
    gap: 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-block-column .wp-container-19 {
    flex-basis: calc(800% - 16px)!important;
    padding: 2em;
    margin-left: 0;
}

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

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

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

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

.service-intro-2 figure.alignleft.size-full {
/*
    margin: 0.5em 3em 9em 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-7.wp-block-column {
    flex-basis: calc(10% - 16px)!important;
}

.wp-container-8.wp-block-column {
    flex-basis: calc(55% - 16px)!important;
}

/*20221108 Dropbox*/

.sp-only {
	display: none;
}

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

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

.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 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 ul {
    text-indent: -1.5em;
}

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

.solution.font_large .sol_features h4.service_usecase_sub {
    font-size: 2rem;
    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
}

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

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

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

.solution.sol_0001 .service_contact .flex_area .flex_content {
    /* width: 100%; */
    max-width: 100%;
    margin-bottom: 20px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 1 0 auto;
    padding: 0 36px 15px 36px;
    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_mvttl_bg_sp.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    height: auto;
    overflow: hidden;
    background-size: cover;
    padding-bottom: 53%;
    position: relative;	
}*/

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

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

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

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

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

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

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

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

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

.pgcs20{
  background-image: url(/wp-content/uploads/cmn_images/casefile_20_mvttl_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: auto;
  overflow: hidden;
  background-size: cover;
  padding-bottom: 95%;
  position: relative;
}
*/
.pgcs24{
    display: table;
    height: 800px;
    overflow: hidden;
    background-color: #94DD4E;
    background-image: url(/wp-content/uploads/2017/04/page_original_title_bg.gif);
    background-repeat: repeat;
    background-position: top center;
    padding-bottom: 25%;
}
/*
.pgcs25{
  background-image: url(/wp-content/uploads/cmn_images/casefile_25_mvttl_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  height: auto;
  overflow: hidden;
  background-size: cover;
  padding-bottom: 95%;
  position: relative;
}

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

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

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

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

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

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

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

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

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


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

.new_page_usecase_titleArea .casefile_ttl_inner .m_trial_btn a:hover{
    text-decoration: none;
}
.new_page_usecase_titleArea .casefile_ttl_inner .m_trial_btn a span{
font-size: 1.5vw;
	letter-spacing: normal;
}

h3.casefile01_h3{
  font-size: 3.2rem;
  line-height: 40px;
  color: #fff;
  background-image: url(/wp-content/uploads/cmn_images/casefile_01_header_bg_sp.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  min-height: 68px;
  margin: 50px auto;
  padding: 10px 12px;

}
h3.casefile01_h3::before,
h3.casefile01_h3::after{
	display: none;
}

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

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

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

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

.recommended_for_area .m_trial_btn a span{
font-size: 1.5vw;
}

section.Work_image,
section.Casestudy_Info{
  overflow: visible;
}
.casestudy_area,  .Work_image, .casefile_movie_area, .casefile_information{
	text-align: center;
  padding: 0 36px;
}
.casestudy_area .casestudy_area_flex{
	display: block;
  width: 100%;
  border: solid 2px #53c50a;
  padding: 20px;
  border-radius: 5px;
}
.casestudy_area .casestudy_area_flex .casestudy_imagearea{
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
}
.casestudy_area .casestudy_area_flex .casestudy_txt{
	width: 100%;
  text-align: left;
}
.casestudy_area .casestudy_area_flex .casestudy_txt p.company{
	font-weight: bold;
	margin-bottom: 0;
	color: #575757;
}
.casestudy_area .casestudy_area_flex .casestudy_txt h4{
	color: #49ba00;
  margin: 10px 0px 20px;
}
.casestudy_area .casestudy_area_flex .casestudy_txt p{
	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: 34.25%;
  height: 0;
  overflow: hidden;
  border: solid 2px #49ba00;
  width: 64%;
  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: 350px;
  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: 550px;
  margin: 0 auto;
  position: relative;
}
.casefile_information .swiper-container .swiper-wrapper{
	margin: 20px 0;
}
.casefile_information .swiper-container .swiper-wrapper .swiper-slide{
	background-color: #fff;
	height: 140px;
	display: flex;
  flex-direction: column;
  flex: 1 0 auto;
	border-radius: 10px;
}
.casefile_information .swiper-container .swiper-wrapper .swiper-slide a{
	margin-top: auto;
}
.casefile_information .swiper-container .swiper-wrapper .swiper-slide a:hover{
	text-decoration: none;
  opacity: .8;
}
.casefile_information .swiper-container .swiper-wrapper .swiper-slide a p{
	color: #333333;
	margin-bottom: 86px;
  line-height: 1.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: -106px 6px;
    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: -215px 4px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_03{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -337px 6px;
    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: -106px -74px;
    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: -220px -62px;
    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: -330px -63px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_18{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -109px -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: -214px -152px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

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

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

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

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

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_34{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -103px -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: -216px -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: -328px -328px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}

.casefile_information .swiper-container .swiper-wrapper .swiper-slide .slide_img_37{
    margin: 33px auto 15px;
    display: block;
    width: 50%;
    height: 33%;
    background: url(/wp-content/uploads/cmn_images/casefile_all_icon.svg) no-repeat;
    background-position: -102px -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: -218px -416px;
    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: -330px -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: -109px -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: -217px -502px;
    background-size: 550px 550px;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}





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

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

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

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

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

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

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


@media screen and (max-width: 999px){
/* 利用シーンmovie以外 20230214 start*/
.new_page_usecase_titleArea.pgcs01 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs02 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs03 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs07 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs11 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs16 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs18 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs19 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs20 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs25 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs31 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs34 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs35 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs36 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs37 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs38 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs39 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs40 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs41 .new_page_usecase_title {
    position: absolute;
    width: 100%;
    height: 60%;
}
/* 利用シーンmovie以外 20230214 end*/

}

@media screen and (max-width: 860px){
h1.casefile01_ttl{
	font-size: 20px;
}
h1.casefile01_ttl span {
    font-size: 27px;
}
h1.casefile01_ttl.cstitle01.scene {
	font-size: 24px;
}
h1.casefile01_ttl.cstitle01.scene span {
    font-size: 16px;
}
/*.new_page_usecase_titleArea .new_page_usecase_title.casefile-24 {
    background-position: 100% 70%;
    background-size: 590px auto;
}
.pgcs24 {
    height: 800px;
}*/

}

/* 20220307_利用シーン_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;
}
@media screen and (min-width: 601px) and (max-width: 768px) {
  #primary #content .mv_inner,
  #page .addpage,
  #page .usecase_container{
    margin-top: 60px !important;
  }
}
/* kv高さ位置調整_end */
  /* ヘッダーメニュースクロール固定_end */

/* start 利用シーンmovie_20220823 */
.casefile-movie {
  width: 90%;
  position: static ;
  margin: 32% 5% 0 5%;
} 
.casefile-movie-right {
position: relative;
height: 0;
padding: 0 0 56.25%;
overflow: hidden;
width:100%;
margin: 10px 0;
}
.casefile-movie-right iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.new_page_usecase_titleArea.pgcs36 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs37 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs19 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs18 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs16 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs11 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs02 .new_page_usecase_title,
.new_page_usecase_titleArea.pgcs01 .new_page_usecase_title {
height:auto;
}
.new_page_usecase_titleArea .casefile_ttl_inner .m_trial_btn {
display: inline-table;
top: 70%;
}
.pgcs36, .pgcs37, .pgcs19, .pgcs18, .pgcs16, .pgcs11, .pgcs02, .pgcs01 {
padding-bottom:15%;
}
/* end 利用シーンmovie_20220823 */

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

h1.nodcode {
    letter-spacing: -1px;
    font-weight: bold;
    line-height: normal;
}

/* coloumn nocode 20221208 end */

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

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

#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: 5vw;
margin: 0;
}

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

.btn-primary {
display: block;
padding: 10px 0;
width: 550px;
max-width: calc(100% - 4rem);
font-size: 2rem;
background: #73C33C;
color: #fff!important;
text-align: center;
padding: 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 {
  display: flex;
  gap: 2rem;
}

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

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

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

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

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

.top_link_area {
gap: 5rem;
}

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

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

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

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

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

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

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

.top-apps__children {
display: grid;
grid-template-columns: repeat(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: 45%;
  left: 5%;
}
#main_visual_new .kv_wrap .mv_ttl .hukidashi_wrap .chara_box2 img{
  width: 30%;
}

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

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

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

.page-contents-title2 hr{
    background-image: none;
    background-color: #E6E6E6;
  }
/* front-page fixed 20230321 end */
/* front-page fixed 20230421 start */
.hukidashi_wrap .casefile-movie {
  margin: 2% 5% 0 5%;
} 
/* front-page fixed 20230421 end */

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

div.sub-section {
    margin-bottom: 3em;
    display: block;
    min-height: 1%;
}
.h-ttl04 {
    background-color: #ecf8e4;
    padding: 0.4em 0.8em;
    font-size: 18px;
    font-weight: 500;
    border-left: 4px solid #49BA00;
}
.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 0 10px 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-right {
    float: right;
    width: 48%;
}


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