@media screen and (min-width: 769px), print {
	#contact-area-re{
	  padding: 55px 0 60px;
	}
  
	#contact-area-re .content-area01-re{
	  width: 850px;
	  margin: auto;
	}
  
	#contact-area-re .content-area01-re .inner01-re{
	  background: #dedede;
	  text-align: center;
	  padding: 38px 0 55px;
	  margin-bottom: 40px;
	}
  
	#contact-area-re .content-area01-re .inner01-re.document{
	  margin-bottom: 0;
	}
  
	#contact-area-re .content-area01-re .inner01-re .re-ttl{
	  font-weight: bold;
	  font-size: 27px;
	  padding: 0 0 30px;
	  line-height: 1;
	}
  
	#contact-area-re .content-area01-re .inner01-re .re-txt{
	  font-weight: bold;
	  font-size: 18px;
	  margin: 0 0 30px;
	}
  
	#contact-area-re .content-area01-re .inner01-re .re-btn a{
	  display: inline-block;
	  background: #01579b;
	  color: #ffffff;
	  width: 480px;
	  text-decoration: none;
	  padding: 30px 0 30px;
	  color: #ffffff;
	  text-decoration: none;
	  font-size: 18px;
	  line-height: 1;
	  font-weight: bold;
	}
  
	#contact-area-re .content-area01-re .inner01-re.document .re-btn a{
	  display: inline-block;
	  background: #01579b;
	  color: #ffffff;
	  width: 480px;
	  text-decoration: none;
	  padding: 30px 0 30px;
	  color: #ffffff;
	  text-decoration: none;
	  font-size: 18px;
	  line-height: 1;
	  font-weight: bold;
	}
  
	#contact-area-re .content-area01-re .inner01-re.document .re-btn a:hover{
	  opacity: 0.8;
	}
  
	#contact-area-re .content-area01-re .inner01-re .re-btn a:hover{
	  opacity: 0.8;
	}
  
	#contact-area-re .re-img{
	  margin-bottom: 35px;
	}
  
	#contact-area-re .content-area01-re .inner01-re .re-btn a .fa-envelope{
	  margin-right: 60px;
	}
  
	#contact-area-re .content-area01-re .inner01-re .re-btn a .fa-chevron-right{
	  margin-left: 60px;
	}
  
	#contact-area-re .content-area01-re .inner01-re.document .re-btn a .fa-book-open{
	  margin-right: 75px;
	}
  
	#contact-area-re .content-area01-re .inner01-re.document .re-btn a .fa-chevron-right{
	  margin-left: 80px;
	}
  
	.b-o-localSearchNavi > .b-a-textLink .b-a-textLink_contact_anchor {
	  padding-top: 15px;
	}
	  
  }
  
  
  /*220418*/
  #contact-area-re2{
	  padding: 80px 0 60px;
  }
  div.contact-area-re2__inner{
	  width: 1160px;
	  margin: 0 auto !important;
	  padding-top: 50px !important;
	  border-top: 1px solid #efefef;
  }
  p.contact-area-re2__ttl{
	  text-align: center;
	  font-size: 26px;
	  font-weight: bold;
  }
  ul.contact-area-re2__bnr{
	  width: 100%;
	  margin-top: 50px !important;
  }
  ul.contact-area-re2__bnr > li{
	  width: 100%;
	  height: 180px;
	  padding: 40px;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  position: relative;
	  background-image: url("/library/crepre/common/img/ctb_bg01pc.jpg");
	  background-size: cover;
  }
  ul.contact-area-re2__bnr > li.contact-area-re2__bnr__guidebook{
	  background-image: url("/library/crepre/common/img/ctb_bg02pc.jpg");
  }
  ul.contact-area-re2__bnr > li:before{
	  content: '';
	  position: absolute;
	  top:0; left:0;
	  width: 100%;
	  height: 100%;
	  background-color: rgba(0,0,0,0.4);
  }
  ul.contact-area-re2__bnr > li:nth-child(n+2){
	  margin-top: 15px !important;
  }
  ul.contact-area-re2__bnr > li > p.contact-area-re2__bnr__txt{
	  flex: 1;
	  padding: 0 1.0em;
	  text-align: center;
	  font-size: 22px;
	  font-weight: bold;
	  color: #ffffff;
	  text-shadow: 2px 2px 3px rgba(0,0,0,0.65);
	  z-index: +1;
  }
  ul.contact-area-re2__bnr > li > p.contact-area-re2__bnr__btn{
	  width: 400px;
	  height: 80px;
	  padding: 15px 15px 15px 100px;
	  background: #3772CE;
	  font-size: 22px;
	  font-weight: bold;
	  text-align: center;
	  line-height: 1.1;
	  color: #ffffff;
	  z-index: +1;
	  position: relative;
  }
  ul.contact-area-re2__bnr > li > p.contact-area-re2__bnr__btn:after{
	  content: '';
	  width: 100px;
	  height: 42px;
	  top: 50%; left:0;
	  transform: translateY(-50%);
	  background-image: url("/library/crepre/common/img/ctb_icon01.png");
	  background-size: contain;
	  background-position: 50% 50%;
	  position: absolute;
  }
  ul.contact-area-re2__bnr > li.contact-area-re2__bnr__guidebook > figure{
	  width: 143px;
	  z-index: +1;
  }
  ul.contact-area-re2__bnr > li.contact-area-re2__bnr__guidebook > figure > img{
	  width: 100%;
	  height: auto;
  }
  ul.contact-area-re2__bnr > li.contact-area-re2__bnr__guidebook > p.contact-area-re2__bnr__btn:after{
	  background-image: url("/library/crepre/common/img/ctb_icon02.png");
  }
  ul.contact-area-re2__bnr > li > p.contact-area-re2__bnr__btn > span{
	  font-size: 14px;
  }
  ul.contact-area-re2__bnr > li > a{
	  position: absolute;
	  top:0; left:0;
	  width: 100%;
	  height: 100%;
	  z-index: +2;
	  background: #fff;
	  opacity: 0;
	  transition: all 0.5s ease;
  }
  @media screen and (min-width: 769px){
	  ul.contact-area-re2__bnr > li > a:hover{
		  opacity: 0.5;
	  }
  }
  
  .b-o-localSearchNavi > .b-a-textLink .b-a-textLink_contact_anchor {
	background-image: url(/library/img/common/local_search/icon_mail.png);
  }
  .b-o-localSearchNavi > .b-a-textLink .b-a-textLink_seminar_anchor {
	background-image: url(/library/img/common/local_search/icon_contact.png);
  }
  
  
  @media screen and (max-width: 768px), print {
  
  
  
	#contact-area-re{
	  padding: calc(70 / 750 * 100vw) 0 calc(60 / 750 * 100vw);
	}
  
	#contact-area-re .content-area01-re{
	  width: calc(710 / 750 * 100vw);
	  margin: auto;
	}
  
	#contact-area-re .content-area01-re .inner01-re{
	  background: #dedede;
	  text-align: center;
	  padding: calc(70 / 750 * 100vw) 0 calc(70 / 750 * 100vw) ;
	  margin-bottom: calc(40 / 750 * 100vw);
	}
  
	#contact-area-re .content-area01-re .inner01-re.document{
	  margin-bottom: 0;
	}
  
	#contact-area-re .content-area01-re .inner01-re .re-ttl{
	  font-weight: bold;
	  font-size: calc(38 / 750 * 100vw);
	  padding: 0 0 calc(45 / 750 * 100vw);
	  line-height: 1;
	}
  
	#contact-area-re .content-area01-re .inner01-re .re-txt{
	  font-size: calc(24 / 750 * 100vw);
	  margin: 0 0 calc(50 / 750 * 100vw);
	  line-height: 1.8;
	}
  
	#contact-area-re .content-area01-re .inner01-re .re-btn a{
	  display: inline-block;
	  background: #01579b;
	  color: #ffffff;
	  width: calc(650 / 750 * 100vw);
	  text-decoration: none;
	  padding: calc(45 / 750 * 100vw) 0 calc(45 / 750 * 100vw);
	  color: #ffffff;
	  text-decoration: none;
	  font-size: calc(29 / 750 * 100vw);
	  line-height: 1;
	  font-weight: bold;
	}
  
	#contact-area-re .content-area01-re .inner01-re.document .re-btn a{
	  display: inline-block;
	  background: #01579b;
	  color: #ffffff;
	  width: calc(650 / 750 * 100vw);
	  text-decoration: none;
	  padding: calc(45 / 750 * 100vw) 0 calc(45 / 750 * 100vw);
	  color: #ffffff;
	  text-decoration: none;
	  font-size: calc(29 / 750 * 100vw);
	  line-height: 1;
	  font-weight: bold;
	}
  
	#contact-area-re .content-area01-re .inner01-re.document .re-btn a:hover{
	  opacity: 0.8;
	}
  
	#contact-area-re .content-area01-re .inner01-re .re-btn a:hover{
	  opacity: 0.8;
	}
  
	#contact-area-re .re-img{
	  margin:0 auto calc(60 / 750 * 100vw);
	  width: calc(365 / 750 * 100vw);
	}
  
	#contact-area-re .content-area01-re .inner01-re .re-btn a .fa-envelope{
	  margin-right: calc(40 / 750 * 100vw);
	}
  
	#contact-area-re .content-area01-re .inner01-re .re-btn a .fa-chevron-right{
	  margin-left: calc(40 / 750 * 100vw);
	}
  
	#contact-area-re .content-area01-re .inner01-re.document .re-btn a .fa-book-open{
	  margin-right: calc(60 / 750 * 100vw);
	  display: inline-block;
	  width: calc(28 / 750 * 100vw);
	}
  
	#contact-area-re .content-area01-re .inner01-re.document .re-btn a .fa-chevron-right{
	  margin-left: calc(60 / 750 * 100vw);
	}
	  
	  
	  /* 220306new */
	  /*#contact-area-re2{
		  padding: calc(120 / 750 * 100vw) 0 calc(100 / 750 * 100vw);
	  }
	  ul.contact-area-re2__inner{
		  width: calc(710 / 750 * 100vw);
		  margin: auto !important;
		  padding-top: calc(120 / 750 * 100vw) !important;
		  border-top: 1px solid #efefef;
		  display: flex;
		  flex-direction: column;
	  }
	  ul.contact-area-re2__inner >li{
		  width: 100%;
		  padding: calc(40 / 750 * 100vw);
		  background-color: #EBEDEF;
		  display: flex;
		  flex-wrap: wrap;
		  align-content: center;
		  justify-content: center;
	  }
	  ul.contact-area-re2__inner >li:nth-child(n+2){
		  margin-top: calc(50 / 750 * 100vw);
	  }
	  ul.contact-area-re2__inner >li .re2-ttl{
		  width: 100%;
		  font-weight: bold;
		  font-size: calc(30 / 750 * 100vw);
		  text-align: center;
		  padding: 0 0 calc(40 / 750 * 100vw);
		  line-height: 1.8;
	  }
	  ul.contact-area-re2__inner >li .re2-btn a{
		  display: inline-block;
		  background: #2E61B2;
		  color: #ffffff;
		  width: calc(450 / 750 * 100vw);
		  text-decoration: none;
		  padding: calc(40 / 750 * 100vw) 0;
		  font-size: calc(44 / 750 * 100vw);
		  line-height: 1;
		  font-weight: bold;
		  text-align: center;
		  box-shadow: 0 calc(3 / 750 * 100vw) calc(3 / 750 * 100vw) rgba(0,0,0,0.3);
	  }*/
	  #contact-area-re2{
		  padding: calc(110 / 750 * 100vw) 0 calc(80 / 750 * 100vw);
	  }
	  div.contact-area-re2__inner{
		  width: calc(710 / 750 * 100vw);
		  padding-top: calc(80 / 750 * 100vw) !important;
	  }
	  p.contact-area-re2__ttl{
		  font-size: calc(36 / 750 * 100vw);
	  }
	  ul.contact-area-re2__bnr{
		  margin-top: calc(60 / 750 * 100vw) !important;
	  }
	  ul.contact-area-re2__bnr > li{
		  width: 100%;
		  height: initial;
		  padding: calc(60 / 750 * 100vw) calc(40 / 750 * 100vw);
		  background-image: url("/library/crepre/common/img/ctb_bg01sp.jpg");
		  flex-direction: column;
	  }
	  ul.contact-area-re2__bnr > li.contact-area-re2__bnr__guidebook{
		  background-image: url("/library/crepre/common/img/ctb_bg02sp.jpg");
	  }
	  ul.contact-area-re2__bnr > li:nth-child(n+2){
		  margin-top: calc(40 / 750 * 100vw) !important;
	  }
	  ul.contact-area-re2__bnr > li > p.contact-area-re2__bnr__txt{
		  font-size: calc(32 / 750 * 100vw);
	  }
	  ul.contact-area-re2__bnr > li > p.contact-area-re2__bnr__btn{
		  width: 100%;
		  height: calc(140 / 750 * 100vw);
		  padding: calc(30 / 750 * 100vw) calc(20 / 750 * 100vw) calc(30 / 750 * 100vw) calc(170 / 750 * 100vw);
		  margin-top: calc(30 /750 * 100vw);
		  font-size: calc(38 / 750 * 100vw);
	  }
	  ul.contact-area-re2__bnr > li > p.contact-area-re2__bnr__btn:after{
		  content: '';
		  width: calc(170 / 750 * 100vw);
		  height: calc(84 / 750 * 100vw);
		  background-image: url("/library/crepre/common/img/ctb_icon01.png");
	  }
	  ul.contact-area-re2__bnr > li.contact-area-re2__bnr__guidebook > figure{
		  width: calc(192 / 750 * 100vw);
		  margin-bottom: calc(35 /750 * 100vw);
	  }
	  ul.contact-area-re2__bnr > li > p.contact-area-re2__bnr__btn > span{
		  font-size: calc(26 / 750 * 100vw);
	  }
  
  }
  
  /*20221024 add*/
  .mb-2 {
	margin-bottom: 20px;
  }
  .base-h2 center.bnr-text {
	font-size: 18px;
  }
  
  .solution-f-bnr {
	padding-top: 3rem;
	text-align: center;
  }
  
  .solution-f-bnr figure {
	  text-align: center;
	  margin-bottom: 3rem;
  }
  
  @media screen and (min-width: 769px){
	.mb-md-4 {
	  margin-bottom: 40px;
	}
  
	.base-h2 center.bnr-text {
	  font-size: 26px;
	}
  
	.solution-f-bnr {
	  padding-top: 100px;
	  text-align: center;
	}
  
	.solution-f-bnr figure {
		text-align: center;
		margin-bottom: 100px;
	}
  }
  
.ttl-voice {
	background:url(img/common/bg_arrow_secondary.png) no-repeat;
	height:60px;
	width:225px;
	overflow:hidden;
	display:flex;
	align-items:center;
	text-align:center;
	justify-content:center;
	color:#439D88;
	font-size:24px;
	margin-bottom:-30px;
	z-index: 30;
	 position:relative;
}

.ttl-voice span{
	display:inline-block;
}

.sec-voice {
	margin-top: 5rem;
}

.sec-voice .inner-voice{
	z-index: 20;
	color:#439D88;
	background:#EDFAF7;
	padding: 6rem 3.2rem 3.2rem;
}

.sec-voice .inner-voice .text-block {
	padding-bottom: 1.8rem;
	font-weight: bold;
}

@media screen and (max-width: 769px){
	.ttl-voice {
		background-size:contain;
		width:180px;
		height:48px;
		font-size:1.8rem;
		margin-bottom:-24px;
	}
	.sec-voice .inner-voice{
		padding:4.5rem 1.4rem 1.4rem;
	}
	.sec-voice .inner-voice .text-block{
		padding-bottom:1.4rem;
	}
}

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

.link-underline.primary {
	color: #01579B;
}

.link-underline.black {
	color: #000000;
}

.link-underline:hover {
	text-decoration: none;
}

.solution-detail-btn-text-wrap {
	margin: 3.0rem 0 0;
	text-align: center;
	font-weight: 700;
}

ruby > rt {
    display: block;
    font-size: 35%;
    text-align: start;
}

@media screen and (min-width: 768px){
	ruby > rt {
		font-size: 12px !important;
	}
}