@charset utf-8;
/*reset*/
.sct_bg01 h2, .sct_bg01 h3, .sct_bg01 h4, .sct_bg01 h5 {
	margin-top: 0;
}
.sct_bg01 + .sct_bg01 {
	padding-bottom: 0;
}
.clm .caption {
	display: block!important;
}
.clm span.caption {
	display: inline!important;
}
/*reset*/
.txt_red{
	color: #cf142b;
}
.probrem-content{
	position: relative;
	background: #e0e0e0;
}
.probrem-content img{
	width: 100%;
	vertical-align: middle;
}
ul.list-dot li{
	padding-left: 20px;
	margin-bottom: 5px;
	background: url(/-/Media/Ricoh/Sites/industry/alr/img/circle.png) no-repeat left top 3px;
	background-size: 14px auto;
}
.probrem-content:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	width: 100%;
	height: 30px;
	text-align: center;
	background: url(/-/Media/Ricoh/Sites/industry/alr/img/triangle.png) no-repeat center center;
	z-index: 1;
}
.txt-bl{
	color: #3c778c;
}
.solution-content {
	position: relative;
}
.solution-content:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -30px;
	width: 100%;
	height: 30px;
	text-align: center;
	background: url(/-/Media/Ricoh/Sites/industry/alr/img/triangle_ye.png) no-repeat center center;
}
.solution-content .txt-solve{
	color: #ffa700;
	font-size: 20px;
	font-weight: bold;
}
.multiangle-camera .hd02{
	margin: 0 auto;
	background: #fff;
	max-width: 900px;
}
.flex-box{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.bdr-box{
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
}
.bold{
	font-weight: bold;
}
.cont2 {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cont2, .clm1_small {
    zoom: 1;
}
@media (max-width: 640px) {
	.solution-content .jp_step_horizon{
		margin-top: 30px;	
	}
	.solution-content .jp_step_horizon:nth-of-type(2){
		margin-top: 0;	
	}
}
.img_ico,
.img_wrapper{
	display:none;
}
@media (max-width: 640px){
	.flex-box.flex-clear-sp{
		display: block;
	}
	.sp-block li span{
		display: block;
	}
	.smallImageTrigger {
		background: none no-repeat scroll 1px #f3f3f3;
		border-radius: 5px;
		padding: 3px 10px 3px 24px;
		text-align: center;
		background-image: url(/-/Media/Ricoh/Sites/industry/alr/img/icon_s_zoom_01.png);
		display: inline-block;
		font-size: 14px;
		color: inherit;
	}
	.img_wrapper {
		width: 1024px;
		margin-top: 50px;
		padding: 0 15px;
	}
}


/*--------------------------------------------------------------------------------------------
190925追記
--------------------------------------------------------------------------------------------*/
.pc_only {
  display: block;
}
.sp_only {
  display: none;
}
.pb56 {
  padding-bottom: 0 !important;
  background-color:#f3faf9;
}
.sct_bg01.jp_theme_01 {
  margin-top:54px;
}
.case_sec,
.movie_sec,
.modal_sec{
  background-color:#f3faf9;
}
.case_sec img {
  max-width:100%;
}
.case_sec .inner {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 16px;
  background-color:#f3faf9;
  font-family: 'Lora', serif;
  font-family: 'Noto Sans JP', sans-serif;
}
.case_sec .case_box {
  margin-bottom:50px;
}
.case_sec .inner div{
  position:relative;
  padding: 5px;
  background: linear-gradient(to bottom, #88c640, #01a998);
}
.case_sec .inner div .case_inner{
  padding: 16px;
  background: #d6eeeb;
}
.case_sec .inner div img {
  position:absolute;
  top:-30px;
  left:-30px;
  width: 100px;
}
.case_sec .inner div ul {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify; 
  -webkit-box-pack: justify; 
  flex-pack: justify;
  margin-top:0;
}
.case_sec .inner div ul img {
  position:static;
}
.case_sec .inner div ul li {
  width: calc(100% - 175px);
}
.case_sec .inner div ul li:first-of-type{
  width: 160px;
  margin-right:15px;
  display: flex;
  align-items: center;
}
.case_sec .inner div ul li h3{
  color:#00a79b;
  font-size: 24px;
  font-weight:700;
  border-bottom: 1px dotted #444;
  padding: 0 0 4px 10px;
}
.case_sec .inner div ul li .flex_container,
.case_sec .inner div ul li dl{
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify; 
  -webkit-box-pack: justify; 
  flex-pack: justify;
  background:#d6eeeb;
}
.case_sec .inner div ul li .flex_container {
  margin-top: 15px;
}
.case_sec .inner div ul li dl {
  width: 47%;
}
.case_sec .inner div ul li dl:nth-of-type(2) {
  width: 25px;
  margin: 0 24px;
  display: flex;
  align-items: center;
}
.case_sec .inner div ul li dl dt {
  width: 47%;
  margin-right: 20px;
}
.case_sec .inner div ul li dl dd p{
  font-size: 15px;
  font-weight:700;
  color:#444;
  line-height:1.7em;
  font-family: 'Lora', serif;
  font-family: 'Noto Sans JP', sans-serif;
}
.case_sec .inner div ul li dl dd p span{
  font-size: 19px;
  display: block;
  color:#00a79b;
  margin-bottom: 3px;
}
.modal_area {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}
.modal_area h2 {
  font-size: 26px;
  color:#333;
  text-align:center;
  font-weight:bold;
  margin: 0 0 40px;
  padding-top:30px;
}
.modal_area .pc {
  display:block;
  margin-top:50px;
  width: 100%;
  margin: 0 auto;
}
.modal_area .sp {
    display:none;
}
iframe.sp_modal {
  display: none;
}
  .modal_area .pc a {
    position:relative;
    display:block;
  }
  .modal_area .pc .str_btn {
    width: 64px;
    height: 64px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
}
  .modal_area .pc a img{
    width: 100%;
  }
.clm3 {
    width: 100%;
}
/*.task_list{
	width: 45%;
}*/
.task_list:last-child{
	float: right;
}

@media screen and (max-width:640px) { 
  .pc_only {
    display: none;
  }
  .sp_only {
    display: block;
  }
  .case_sec .inner {
    width: 95%;
    padding: 0;
  }
  .case_sec .case_box {
    margin-bottom: 75px;
  }
  .case_sec .inner div .case_inner {
    padding: 0 16px 16px 16px;
  }
  .case_sec .inner div img {
    width: 70px;
    top: -50px;
    left: -8px;
    z-index: 2;
  }
  .case_sec .inner div ul,
  .case_sec .inner div ul li .flex_container {
    display: block;
    padding: 0;
  }
  .case_sec .inner div ul li {
    width: 100%;
  }
  .case_sec .inner div ul li:first-of-type {
    display: none;
  }
  .case_sec .inner div ul li h3 {
    position:relative;
    padding: 14px 0 9px 78px;
    line-height: 1.3em;
    font-size: 22px;
  }
  .case_sec .inner div ul li h3:before {
    content: "";
    display: inline-block;
    width: 65px;
    height: 65px;
    background-image: url(/-/Media/Ricoh/Sites/industry/alr/img/case_figure01.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
  }
  .case_sec .inner .case_box:nth-of-type(1) ul li h3:before {background-image: url(/-/Media/Ricoh/Sites/industry/alr/img/case_figure01.png);}
  .case_sec .inner .case_box:nth-of-type(2) ul li h3:before{background-image: url(/-/Media/Ricoh/Sites/industry/alr/img/case_figure02.png);}
  .case_sec .inner .case_box:nth-of-type(3) ul li h3:before{background-image: url(/-/Media/Ricoh/Sites/industry/alr/img/case_figure03.png);}
  .case_sec .inner div ul li dl {
    width: 100%;
  }
  .case_sec .inner div ul li dl:nth-of-type(2) {
    margin: 20px auto;
    transform:rotate(90deg);
    height: 5px;
  }
  .case_sec .inner div ul li dl dt {
    margin-right:15px;
  }
  .case_sec .inner div ul li dl dd {
    width: 180%;
  }
.modal_area .pc {
  display:none;
}
.modal_area .sp {
  display:block;
}
  .modal_area h2 {
    font-size: 22px;
    margin-top:0;
  }
.modal_area iframe.sp_modal {
  display: block;
  margin: 20px auto;
  width: 100%;
  height: 190px;
}
.modal_area .pc a img{
  width: 90vmin;
}
}
@media screen and (max-width:640px) {
  .sct_bg01 h2 {
    font-size: 20px;
  }
}

/* 191016 added
------------------------------------------------------------------------*/
.main_vi {
	position: relative;
}
.main_vi h2 {
	font-size: 32px;
	line-height: 1.4;
	color: #070707;
	position: absolute;
	top: 36px;
	left: 170px;
	font-weight: bold;
}
.main_vi h2 span {
	display: block;
	color: #42b7b1;
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
}

/* 200115
------------------------------------------------------------------------*/
/*事例「オールラインレコグナイザー導入による解決状況」*/
#taskeffect.im_layout {
    width: auto;
    margin: auto;
	max-width: 969px;
}
#dmm .c2 > *:nth-child(1) {
}
#taskeffect.im_layout > * {
    width: 450px!important;
    /* height: 437px; */
}
.task {
    position: relative;
}
.task {
    border: dashed 3px #d2d2d2;
	/* background: url(/3dp/case/images/kadai_border.gif) no-repeat;*/
	background: #FFF;
}
.taskeffect_tit {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    color: #383838;
    display: block;
    margin-bottom: 20px;
}
.task .taskeffect_elem {
    background-color: #eeeeee;
}
.taskeffect_elem {
    border-radius: 5px;
    font-size: 15px;
    color: #383838;
    text-align: justify;
    line-height: 25px;
    padding: 13px 15px 13px 63px;
    position: relative;
    box-sizing: border-box;
}
.taskeffect_elem + .taskeffect_elem {
	margin-top: 15px;
}
.taskeffect_elem:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    color: #fff;
    background-color: #cccccc;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 11px;
    padding-left: 1px;
}
.effect .taskeffect_elem:before {
    background-color: #f19998;
}
.taskeffect_elem01:before {content:"1";}
.taskeffect_elem02:before {content:"2";}
.taskeffect_elem03:before {content:"3";}
.taskeffect_elem04:before {content:"4";}
.taskeffect.effect {
    padding: 22px 29px 23px;
}
.c2 > *:nth-child(2) {
    float: right;
}
.effect {
    background-color: #fceaea;
}
.effect .taskeffect_elem {
    border: solid 3px #f19998;
    background-color: #fff;
    padding: 11px 15px 11px 63px;
}
.taskeffect {
    padding: 22px 27px 24px;
    box-sizing: border-box;
	float: left;
}
.task:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border: 25px solid transparent;
    border-left: 30px solid #cccccc;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 467px;
}
/*-------------------------*/
.faq_item {
    clear: both;
}
.faq_item_q img.faq_img {
	width: 30px;
    margin-right: 10px;
	display: inline-block;
}
.faq_item_q{
    padding: 15px 0 15px 40px;
	border-bottom: 1px dotted #CCC;
    background: url(/-/Media/Ricoh/Sites/industry/alr/img/q_00001.png) no-repeat 0 10px;
    background-size: 30px;
}
.faq_item_q a {
    display: block;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}
.hd03_faq {
    overflow: hidden;
    font-size: 16px;
    font-weight: bold;
}

.w_70p{
	width: 70%;
    float: left;
}
.w_70p p:first-child{
	padding-bottom: 20px;
    border-bottom: #ccc 1px solid;
}
.w_28p{
	width: 28%;
    float: right;
}
.w_28p img{
	width: 100%;
	margin-bottom: 6px;
}

.icon_Claim{
 	width: 49%;
    height: 40px;
}
.icon_Claim:first-child{
    float: left;
}
.catalog_lw {
	background-image: url("../img/icon_101.png")!important;
	background-size:  19px auto;
}
.example_lw{
	background-image: url("../img/icon_102.png")!important;
	background-size:  29px auto;
}
/*資料DL*/
.case-dl-bnr {
	padding: 5px;
	background: linear-gradient(to bottom, #88c640, #01a998);
}

.case-dl-bnr .inner {
    background: #d6eeeb;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    justify-content: space-between;
}

.case-dl-bnr .text h3 {
    color: #00a79b;
    font-size: 28px;
    line-height: 1.6;
    font-weight: bold;
}
.case-dl-bnr .btn {
    margin-top: 25px;
}
.case-dl-bnr .btn a {
    display: inline-block;
    border: 2px solid #01a998;
    background: #01a998;
    color: #00a79b;
    color: #fff;
    font-weight: bold;
    padding: 15px 45px 15px 35px;
    border-radius: 5px;
    position: relative;
    font-size: 20px;
    transition: .3s;
}
.case-dl-bnr .btn a:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-80%);
    position: absolute;
    right: 10px;
    top: 50%;
}
.case-dl-bnr .btn a:hover {
	border: 2px solid #01a998;
	background: #d6eeeb;
	color: #00a79b;
	text-decoration: none;
}
.case-dl-bnr .btn a:hover:after {
	content: "";
	border-top: 2px solid #01a998;
	border-right: 2px solid #01a998;
}
@media screen and (max-width: 640px){
.case-dl-bnr .inner {
    flex-wrap: wrap-reverse;
    padding: 10px;
}
.case-dl-bnr h3 {
    margin-top: 20px;
    font-size: 20px !important;
}
.case-dl-bnr .btn a {
    display: block;
    text-align: center;
}
.case-dl-bnr .photo {
    margin-left: 0;
}
.case-dl-bnr .photo img {
    width: 100%;
}
}

/*fap*/

ul.fap_list {
    line-height: 27px;
    margin: 7px 10px 24px;
}

.fap_list li:before{
    content: "・";
    float: left;
}
dd.open {
	line-height: 23px;
}
dl.open dd a {
    text-decoration: underline; 
    color: #333;
}
dl.open dd a:hover {
     text-decoration: none;
}

/*global nav設定*/
ul.local_menu li a{
	color: #070707;
}
ul.local_menu li a.select {
	color: #42b7b1;	
}

.case-outline {
	background: #e9f2f4;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0px;
}
.case-outline .item {
	width: 33.33%;
	padding: 0 20px;
	box-sizing: border-box;
}
.case-outline .item:nth-child(n+2) {
	border-left: 1px dotted #aaa;
}
.case-outline .item h3 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.case-offer p {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}
.case-results {
	text-align: center;
}
.case-results:before {
	content: url("/-/Media/Ricoh/Sites/industry/alr/img/icon_arrow_col01.png");
	display: inline-block;
	margin: 0 auto;
	transform: rotate(90deg);
}
.case-results .copy {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.case-jissi dl {
	margin: 0 15px;
}

.case-jissi dl + dl {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #ccc;
}
.case-jissi dl:first-child {
	margin-top: 15px;
}
.case-jissi dl:last-child {
	margin-bottom: 15px;
}
.case-jissi dl dt {
	font-weight: bold;
	margin-bottom: 8px;
}
.case-jissi dl dd {
	margin-left: 1.5em;
}
.case-flow {
	display: flex;
	flex-wrap: wrap;
}
.case-flow .item {
	width: calc( (100% - 101px) / 3 );
	box-sizing: border-box;
	background: #e9f2f4;
	position: relative;
}
.case-flow .item:nth-child(n+2) {
	margin-left: 50px;
}
.case-flow .item:nth-child(n+2):before {
	content: url("/-/Media/Ricoh/Sites/industry/alr/img/icon_arrow_col01.png");
	display: block;
	position: absolute;
	top: 50%;
	left: -41px;
	transform: translateY(-50%);
}
.case-flow .item h3 {
	background: #217892;
	color: #fff;
	font-size: 18px;
	padding: 10px 20px
}
.case-flow .item .inner {
	padding: 20px;
	height: 100%;
}
.case-flow .item .inner h4 {
	margin-top:20px;
	margin-bottom:10px;
	font-weight: bold;
}
@media screen and (max-width:640px) { 
	.case-outline {
		display: block;
	}
	.case-outline .item {
		width: 100%;
	}
	.case-outline .item:nth-child(n+2) {
		border-top: 1px dotted #aaa;
		border-left: none;
		padding-top: 15px;
		margin-top: 15px;
	}
	.case-offer p {
		font-size: 18px !important;
	}
	.case-results .copy {
		font-size: 18px !important;
	}
    .case-flow {
		display: block;
	}
	.case-flow .item {
		width: 100%;
	}
	.case-flow .item:nth-child(n+2) {
		margin-left: 0;
		margin-top: 50px;
	}
	.case-flow .item:nth-child(n+2):before {
		content: url("");
		display: block;
		position: absolute;
		top: -41px;
		left: 50%;
		transform: translateX(-50%);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 32px 41px 0 41px;
		border-color: #217892 transparent transparent transparent;
	}
}


/*-------------------------
/* 191212 added
------------------------------------------------------------------------




.case-jissi {
	border: 1px solid #ccc;
}




.case-dl-bnr {
	padding: 5px;
	background: linear-gradient(to bottom, #88c640, #01a998);
}
.case-dl-bnr .inner {
	background: #d6eeeb;
	padding: 20px;
	display: flex;
}
.case-dl-bnr .photo {
	margin-left: 20px;
}
.case-dl-bnr .text h3 {
	color: #00a79b;
	font-size: 28px;
	line-height: 1.6;
	font-weight: bold;
}
.case-dl-bnr .btn {
	margin-top: 25px;
}
.case-dl-bnr .btn a {
	display: inline-block;
	border: 2px solid #01a998;
	background: #01a998;
	color: #00a79b;
	color: #fff;
	font-weight: bold;
	padding: 15px 45px 15px 35px;
	border-radius: 5px;
	position: relative;
	font-size: 20px;
	transition: .3s;
}
.case-dl-bnr .btn a:after {
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg) translateY(-80%);
	position: absolute;
	right: 10px;
	top: 50%;
}
.case-dl-bnr .btn a:hover {
	border: 2px solid #01a998;
	background: #d6eeeb;
	color: #00a79b;
	text-decoration: none;
}
.case-dl-bnr .btn a:hover:after {
	content: "";
	border-top: 2px solid #01a998;
	border-right: 2px solid #01a998;
}

@media screen and (max-width:640px) { 
	.case-outline {
		display: block;
	}


	.case-dl-bnr .inner {
		flex-wrap: wrap-reverse;
		padding: 10px;
	}
	.case-dl-bnr .photo {
		margin-left: 0;
	}
	.case-dl-bnr .photo img {
		width: 100%;
	}
	.case-dl-bnr h3 {
		margin-top: 20px;
		font-size: 20px !important;
	}
	.case-dl-bnr .btn a {
		display: block;
		text-align: center
	}

}


/*191217----------------------------------------------*/
/*Local Navi------------------*/

.local_nv_sp_top{
  display: none;
}
.sct_local_nv_top{
  position: relative;
  padding: 0;
/*  height: 88px;*/
  /*z-index: 99;*/
  background: #42b7b1;
}
.local_nv_pc_top{
  padding-bottom: 0;
  width: 100%;
  background: #fff;
  z-index: 100;
}
.local_nv_pc_top.fixed{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 3;
  background: #fff;
}
/*Menu*/
.local_nv_pc_top ul{
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1008px;
  text-align: center;
  font-size: 0;
  margin-bottom: 16px;
  margin-top: 16px;
  border-top: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
}
.local_nv_pc_top ul li{
  width: 25%;
  position: relative;
  box-sizing: border-box;
  border-bottom: #c9c9c9 1px solid;
  border-right: #c9c9c9 1px solid;
}
.local_nv_pc_top ul li a {
    display: block;
    padding: 10px 24px 10px 24px;
    align-items: center;
    color: #070707;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    position: relative;
}
.local_nv_pc_top ul li a:after {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #42b7b1;
  border-right: solid 2px #42b7b1;
  transform: rotate(45deg) translateY(-50%);
  transform-origin:right bottom;
  position: absolute;
  top: 50%;
  right: 20px;
}
.button02.cnv02 {
    background-color: #0d63dc;
    color: #ffffff;
}
.button02.icon {
    padding: 8px 8px 8px 16px;
    background-position: 100% 50%;
}
.button02 {
    display: inline-block;
    margin: 0;
    padding: 10px 16px 9px;
    border: none;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.2;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
#case_section .clm_wrap {
    padding: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#86c541+0,02aa98+100 */
    clear: both;
    overflow: hidden;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#82c443+0,03aa98+100 */
background: rgb(130,196,67); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgb(130,196,67) 0%, rgb(3,170,152) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgb(130,196,67) 0%,rgb(3,170,152) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgb(130,196,67) 0%,rgb(3,170,152) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82c443', endColorstr='#03aa98',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}
.case-jissi {
    border: 1px solid #fff;
}
.case-jissi dl dt {
    color: #217892;
    font-size: 20px;
}
#case_section .clm {
    padding: 4px;
}
.clm { width: 100%; float: left; padding: 8px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media(max-width: 1008px){
  .local_nv_pc_top ul li a{
    padding: 16px 12px 0 12px;
    font-size: 12px;
  }
}
@media(max-width: 860px){
  .local_nv_pc_top ul li a{
    padding: 16px 6px 0 6px;
    font-size: 11px;
  }
}
@media(max-width: 768px){
  .sct_local_nv_top{
    height: 50px;
    background: none;
    z-index: 10;
  }
  .local_nv_pc_top{
    display: none;
  }
  .local_nv_sp_top{
    display: block;
    padding: 0;
    height: auto;
    background: #fff;
    /*border-bottom: solid 3px #42b7b1;*/
    border: 2px solid #ccc;
    border-radius: 5px;
    margin: 0 10px;
  }
  .local_nv_sp_top.fixed{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  /*Menu*/
  .local_nv_sp_top .local_nv_ttl,
  .local_nv_sp_top  ul li a{
    display: block;
    padding: 13px 5.3% 0 5.3%;
    width: 100%;
    height: 47px;
    background: url(/-/Media/Ricoh/Sites/industry/alr/img/icon_arrow_acr.png) 94.7% center no-repeat;
    font-weight: bold;
    font-size: 17px;
    cursor: pointer;
	 box-sizing: border-box;
  }
  .local_nv_sp_top .local_nv_ttl.ttl_close{
    background-image: url(/-/Media/Ricoh/Sites/industry/alr/img/icon_arrow_acr_close.png);
  }
  .local_nv_sp_top ul{
    display: none;
    padding-bottom: 10px;
    background: #fff;
  }
	.local_nv_sp_top a.local_nv_btn {
    color: #333;
}
}

/*Anchor*/
.anr_point{
  position: relative;
  margin-top: -88px;
  padding-top: 88px;
  z-index: -1;
}
.local_nv_pc_top ul li a:hover {
    text-decoration: none;
	color: #42b7b1;
    opacity: .7;
    transition: .3s;
}
 .main_arrow:hover {
    text-decoration: none;
	color: #42b7b1;
    opacity: .7;
    transition: .3s;
}

@media(max-width: 768px){
  /*Anchor*/
  .anr_point{
    margin-top: -47px;
    padding-top: 47px;
  }
#case_section .clm_wrap {
    margin: 0 1%;
}	
}


.sct_bg01.jp_theme_01 {
    margin-top: 0;
}



div#case_section {
    background: #e9f2f4;
}
.case-outline {
    background: #fff;
}
.case-outline .item h3 {
    color: #217892;
}
.case-flow .item {
    background: #fff;
}
.case-jissi {
    background: #fff;
}
.case-dl-bnr .inner {
    background: #fff;
}
.case-outline .item {
    overflow: hidden;
}
.case-outline .item img.fLeft {
    float: left;
    margin: 0 15px 0 0;
}
.case-outline .item img.fLeft + div p {
    font-size: 15px;
}
.case-outline .item img.fLeft + div {
    overflow: hidden;
}
.dl_img{	
	float: right;
}
.dl_icon{
	float: left;
    width: 600px;
    display: block;
}
.faq_item_q p{
	float: left;
}
.faq_a_icon{
	float: left;
}
.faq_a_icon img{
	width: 30px;
	height: auto;
	padding-right: 10px;
}
.faq_item_q p img{
	width: 30px;
	height: auto;
	padding-right: 10px;	
}
.faq_item_a {
    margin-top: 15px;
}
.faq_ans{
    background: url(/-/Media/Ricoh/Sites/industry/alr/img/a_00001.png) no-repeat 0 0;
    background-size: 30px;
    padding: 0 0 0 40px;
}
div#case_section.sct_bg01 h2 {
    position: relative;
    z-index: 1;
    padding-left: 110px;
    overflow: visible;
}
div#case_section.sct_bg01 h2 span.arrow:before {
content: '';
    width: 90px;
    height: 85px;
    background: url(/-/Media/Ricoh/Sites/industry/alr/img/icon_case04.png);
    display: block;
    position: absolute;
    bottom: 0px;
    z-index: 0;
    left: 0;
    background-repeat: no-repeat;
}

.h1body {
	position: relative;
	max-width: 1008px;
	margin: 0 auto;
}
.h1body a {
	position: absolute;
	top: 0;
	right: 0;
	/* width: 35px; */
}
.h1body a:hover {
    opacity: 0.7;
}
.mt60 {
	margin-top: 60px;
}
.mt20{
	margin-top: 20px;
}

.alrcaseBox {
    max-width: 1024px;
    margin: 0 auto;
	overflow: hidden;
	padding-bottom: 60px;
}
.alrcaseBox:last-child {
	padding-bottom: 0px;
}
@media(max-width: 768px){
    div#case_section.sct_bg01 h2 {
        padding-left: 70px;
    }
    div#case_section.sct_bg01 h2 span.arrow::before {
        width: 60px;
        height: 100%;
        background-size: contain;
        bottom: -10px;
    }
    .alrContact .contact_sct {
        float: none !important;
        width: 100% !important;
    }
    .contact_sct + .contact_sct {
        margin-top: 15px;
    }
    .alrContact .contact_sct p {
        height: auto !important;
        float: none !important;
        width: 100% !important;
    }
    .h1body a {
        display: none;
    }
    .cnt_max {
        padding: 8px;
    }
}


#faq {
    width: 1009px;
    margin: 0 auto;
}
#faq h3 {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 20px;
}
#faq dl + h3 {
    margin-top: 50px;
}
#faq dl {
    margin-bottom: 15px;
}
#faq dt {
    position: relative;
    padding: 5px 30px 15px 40px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #CCC;
    background: url(/-/Media/Ricoh/Sites/industry/alr/img/q_00001.png) no-repeat 0 0;
    background-size: 30px;
}
#faq dt:before {
    content: "";
    position: absolute;
    right: 0;
    top: 14px;
    width: 20px;
    height: 3px;
    background: #CCC;
}
#faq dt:after {
    content: "";
    position: absolute;
    right: 8px;
    top: 6px;
    width: 3px;
    height: 20px;
    background: #CCC;
    transition: 0.2s;
}
#faq dl.open dt:after {
    transform: rotate(90deg);
}
#faq dd {
    background: url(/-/Media/Ricoh/Sites/industry/alr/img/a_00001.png) no-repeat 0 0;
    background-size: 30px;
    padding: 5px 0 10px 40px;
}
@media all and (min-width: 0px) and (max-width: 768px) {
    #faq {
        width: 90%;
        margin: 0 5%;
    }
    #faq dt:before,
    #faq dt:after {
        display: none !important;
    }
    .catalog_lw {
        background-image: url("../img/icon_101.png")!important;
        background-size:  18px auto;
    }
    .example_lw{
        background-image: url("../img/icon_102.png")!important;
        background-size:  22px auto;
    }

#taskeffect .taskeffect {
    float: none;
    width: 100% !important;
}
.taskeffect + .taskeffect {
    margin-top: 15px;
}

}



ul.btn_clm3 {
    display:flex;
    justify-content:space-between;
}
ul.btn_clm3 li {
    width: 32%;
    margin-right: 2%;
}
ul.btn_clm3 li:nth-of-type(3) {
    margin-right: 0;
}
ul.btn_clm3 a {
    width: 100%;
    box-sizing:border-box;
    display: inline-block;
    border: 2px solid #01a998;
    background: #01a998;
    color: #00a79b;
    color: #fff;
    font-weight: bold;
    padding: 15px;
    text-align:center;
    position: relative;
    font-size: 20px;
    border-radius: 6px;
    transition: .3s;
}
ul.btn_clm3 a:after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg) translateY(-80%);
    position: absolute;
    right: 20px;
    top: 50%;
}
ul.btn_clm3 a:hover {
	border: 2px solid #01a998;
	background: #d6eeeb;
	color: #00a79b;
	text-decoration: none;
}
ul.btn_clm3 a:hover:after {
	content: "";
	border-top: 2px solid #01a998;
	border-right: 2px solid #01a998;
}
p.function_copy {
    font-size: 20px;
    color: #42b7b1;
    font-weight: bold;
}
@media all and (min-width: 0px) and (max-width: 768px) {
.case-dl-bnr .btn a {
    padding: 15px 20px 15px 10px;
}
ul.btn_clm3 a {
    padding: 10px;
    font-size: 18px;
}
ul.btn_clm3 {
	display:block;
}
ul.btn_clm3 li {
	width: 100%;
	margin: 0 0 10px 0;
}
p.function_copy {
    font-size: 16px;
}
}