@charset "utf-8";
@font-face{ 
	font-family: 'Utsukushi'; /* お好きな名前にしましょう */
	src: url(font/UtsukushiFONT.otf) format('opentype') /* モダンブラウザ用 */;
	font-weight: normal; /* 念の為指定しておきます */
	font-style: normal;
}

.site_wrapper {
	width: 1080px;
	margin: 0 auto;
	text-align: left;
}
.site_wrapper02{
	width: 1400px;
	max-width: 100%;
	margin: auto;
	text-align: left;
}
@media screen and (max-width : 760px ) {
.site_wrapper {
	width: 100%;
	box-sizing: border-box;
}
.site_wrapper02{
	width: 100%;
	box-sizing: border-box;
}
	
}
.site_wrapper03{
	width: 800px;
	margin: 0 auto;
	text-align: left;
}
@media screen and (max-width : 760px ) {
.site_wrapper03{
	width: 100%;
	box-sizing: border-box;
}
}

.large_font{text-transform: capitalize;}

.d_none{display: none !important;}

.box{clear: both;overflow: hidden;}
.oh{overflow: hidden;}

#wrapper_all {
	text-align: center;
	min-width: 1080px;
	position: relative;overflow: hidden;
}

@media screen and (max-width : 767px ) {
#wrapper_all {
	text-align: center;
	min-width: 100%;
}
	
	
.sp_indent15lr{padding:0 15px;}
}

/* 明朝体 */
.f_min {
	font-family: "游明朝", YuMincho,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.forum{font-family: 'Forum';}	

.wf-hannari { font-family: "Hannari"; }
.utsukushi{font-family: 'Utsukushi';}

section{position: relative;}

/* header
-------------------------------------------------------------------*/
#bread {
	padding: 20px 0;
}
#bread li {
	float: left;
	font-size: 12px;
	padding: 2px;
}
.bg_h1 {
	background: #333;
	padding: 5px 0;
}

@media screen and (max-width : 760px ) {
.bg_h1 {
	padding: 5px 10px;
}
}
.txt_h1 {
	color: #fff;
	font-size: 1.2rem;
}
.txt_time {
	font-size: 1.2rem;
	letter-spacing: 1px;
	font-weight: bold;
}

.area_header {
	background-color: rgba(255,255,255,0.80);
	padding:25px 0;
	width: 100%;
	z-index: 1;position: relative;
}

@media screen and (max-width : 760px ) {
.area_header {
	padding: 20px 10px;
}
}
.area_header .left_area {
	float: left;
	width: 14%;
	padding-top:10px;
}
.area_header .right_area {
	float: right;
	width: 84%;
}

@media screen and (max-width : 767px ) {
.area_header .left_area {
	float: left;
	width: 45%;
}
.area_header .right_area {
	float: right;
	width: 45%;
	padding: 0;
}
}
.area_h_contact li {
	float: left;
	width: 50%;
	box-sizing:border-box;
	padding: 0 0 0 15px;
	overflow: hidden;
}
.area_h_contact li:nth-child(1) {
	padding:0 16px 0 0;
}


.area_h_contact li:last-child {
	margin-right: 0;
}
.ico_tel_h {
	background: url(../img/common/ico_h_mail.png) left center no-repeat;
	padding-left: 35px;
}
.ico_tel_c {
	background: url(../img/common/ico_c_mail.png) left center no-repeat;
	padding-left: 35px;
}
.mail a {
	display: block;
	color: #333;
	background: #fff;
	text-align: center;
	padding: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #333;
	overflow: hidden;
}
.mail a:hover {
	background-color: #333;
	color: #fff;
}
.border_t01 {
	border-top: #ccc solid 1px;
}
.border_b01 {
	border-bottom: #ccc solid 2px;
}
.border_b_main {
	border-bottom: #333 solid 2px;
}

@media screen and (max-width : 760px ) {
	ul.sp_menu_list{
	display: flex;justify-content: space-between;}
	ul.sp_menu_list::after{display: none;}
.sp_menu_list li {
	width: 30%;
}
	.sp_menu_list li a{display: block;}
}
/* navi
-------------------------------------------------------------------*/

/*試し*/
.g_nav {
	display: flex;
	margin: 0 auto;
	padding: 5px 0;
	margin-bottom:-25px;
}
.g_nav li{
		flex: 1 0 auto;
}
.g_nav li a {
	display: block;
	 padding: 10px 0;
	color: #111;
	text-align: center;
	text-decoration: none;
	font-family: "Utsukushi", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:13px;
	border-bottom: 2px solid transparent;
}
/* 試し*/

.g_nav {
	padding: 5px 0;
	font-family: 'Utsukushi', sans-serif;
}

.g_nav li:hover {
	border: none;
}


.g_nav > li > a:hover {
	color: #333;
	border-bottom: 2px solid #f00;
	opacity: 1.0;
}
/*sp_nev
-------------------------*/
.sp_nav {
	display: none;
	position: absolute;
	top: 120px;
	left: 0;
	background: #333;
	border-bottom: #ccc 1px solid;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 30px;
	z-index: 9999;
}
.sp_nav li {
	color: #fff;
	width: 100%;
	float: none;
	margin-right: 0;
	border-bottom: #fff 1px dotted;
	padding: 10px;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.sp_nav li a {
	color: #fff;display: block;
}


@media screen and (min-width : 761px ) {
.pcNone{
display:none!important;
}
	
/*アコーディオンメニュー
----------------------*/
#menu .li{
  position: relative;/*
  float: right;  width:100px;
  margin: 0 0 0 0;*/
  padding: 0;
  text-align: center;

}
#menu .li a{
  display: block;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#menu .li ul{
  list-style: none;
  position: absolute;
  top: 100%;width: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}/*
#menu .li:last-child ul{
  left: -150%;
  width: 200%;
}*/
#menu .li ul li{
  overflow: hidden;/**/
  width: 160%;
  height: 0;
  -moz-transition: .6s;
  -webkit-transition: .6s;
  -o-transition: .6s;
  -ms-transition: .6s;
  transition: .6s;
}
#menu .li ul li a{
  text-align: center;display: block;background-color: rgba(255,255,255,0.80);
  font-size: 14px;
  font-weight: normal;
  color:#000;
}
#menu .li:hover > a{
}
#menu .li:hover ul li{
  overflow: visible;
  height: auto;
}
#menu .li:hover ul li:first-child{
  border-top: 0;
}
#menu .li:hover ul li:last-child{
  border-bottom: 0;
}
}

/* pan
--------------------------*/
nav#breadcrumbs {
	padding: 20px 0;
	white-space: normal;
	overflow-wrap: anywhere;
}

@media screen and (max-width : 760px ) {
nav#breadcrumbs {
	padding: 20px 15px;
}
}
nav#breadcrumbs ol li {
	display: inline;
	list-style-type: none;
	font-size: 85.7% !important;
}
nav#breadcrumbs ol li a {
	text-decoration: underline;
}
nav#breadcrumbs ol li:before {
	content: " > ";
}
nav#breadcrumbs ol li:first-child:before {
	content: "";
}
/* contents
-------------------------------------------------------------------*/
.bg_ttl {
	background: url(../img/common/bg_01.jpg) top center repeat;
	padding: 40px;
	border-bottom: #ccc 1px solid;
}

@media screen and (max-width : 760px ) {
.bg_ttl {
	padding: 20px;
}
}
.ttl_01 {
	font-weight: bold;
	font-size: 285.7%;
}

@media screen and (max-width : 760px ) {
.ttl_01 {
	font-weight: bold;
	font-size: 210%;
	line-height: 1.2;
}
}

.content_area{position: relative;left: 0;top: 0;}

.content_area figure.tw01{position: absolute;top: 30px;right: 0;opacity: .4;z-index: 1;}
.content_area figure.tw02{position: absolute;top: 60px;left: 0;opacity: .4;z-index: 1;}
.content_area figure.tw03{position: absolute;top: 230px;right: 0;opacity: .4;z-index: 1;}

.content_area .side_area {
	float: left;
	width: 240px;
}
.content_area .main_area {
	float: right;
	width: 790px;
}

@media screen and (max-width : 760px ) {
.content_area .side_area {
	float: none;
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
	margin-top:20px;
}
.content_area .main_area {
	float: none;
	width: 100%;
	box-sizing:border-box;
	padding:0 15px;
}
}
.btn_top {
	position: fixed;
	bottom: 30px;
	right: 30px;
}

@media screen and (max-width : 760px ) {
.btn_top {
	width: 35px;
	position: fixed;
	bottom: 10px;
	right: 5px;
}
}
.bg_gr{
	background-color: #f9f9f9;
}
.bg_wh{
	background-color: #fff;padding-bottom: 80px;
}

.bg_wh_deg{
  position: relative;
}
.bg_wh_deg:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 140%;
  height: 100%;
  margin: 0% -10% 0;
  background: #fff;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1;
}


.bg_gr_deg{
  position: relative;
}
.bg_gr_deg:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 140%;
  height: 100%;
  margin: 0% -10% 0;
  background: #f9f9f9;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}


.bg_gr_deg02{
  position: relative;
}
.bg_gr_deg02:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 140%;
  height: 100%;
  margin: 3% -10% 0;
  background: #f9f9f9;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.bg_gr_deg03{
  width: 100%;
  height: 100%;
	margin: 3% auto 0;
	padding-top:3%!important;
	padding-bottom:3%!important;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}
.bg_gr_deg04{
  width: 100%;
  height: 100%;
	margin: 3% auto 0;
  background: #f9f9f9;
	padding-top:5%!important;
	padding-bottom:5%!important;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
}



.bg_light_gray{
	background:#fafafa;
	}
.bg_img{
	background:#fafafa;
	}
.h2_ttl{
	font-size:36px;
	color:#5b1616;
	}
.h2_ttl_sub{
	font-size:18px;
	color:#5b1616;
	}
.ttl_area_top{
	text-align:center;
	padding:20px 0 50px;
	}
.ttl_area {
    text-align: center;
    padding: 50px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

@media screen and (max-width : 760px ) {
.h2_ttl{
	font-size:22px;
	color:#5b1616;
	}
.h2_ttl_sub{
	font-size:14px;
	color:#5b1616;
	}
.ttl_area{
	text-align:center;
	padding:25px 0;
	}
}

/* side
------------------------------------*/
.bg_side01 {
	background: url(../img/common/04_voice_13.jpg) top center repeat;
	padding: 5px;
}
.ico_tel_site {
	background: url(../img/common/ico_side_tel.png) left center no-repeat;
	padding-left: 30px;
}
.border_side01 {
	border: #333 2px solid;
	border-top: none;
	padding: 15px 10px;
}
.ttl_side01 {
	background: #ccc;
	font-weight: bold;
	text-align: center;
	border-radius: 50px;
	margin-top: 15px;
	margin-bottom: 10px;
}
.side_txt_tel {
	font-weight: bold;
	font-size: 171.4%;
	text-align: center;
	line-height: 1;
	margin-bottom: 5px;
}
.btn_contact_side {
}
.btn_contact_side a {
	display: block;
	border: #333 1px solid;
	padding: 10px;
	margin-top: 15px;
	text-align: center;
}
.btn_contact_side a:hover {
	background-color: #333;
	color: #fff;
}
.ico_pc {
	background: url(../img/common/ico_pc.jpg) left center no-repeat;
	padding: 5px 0;
	padding-left: 45px;
	color: #ff3333;
	font-weight: bold;
}
.side_bnr.first {
	border-top: #333 1px solid;
}
.side_bnr {
	border-bottom: #333 1px solid;
	padding: 10px 0;
}
.side_bnr dt {
	float: left;
	width: 70px;
}
.side_bnr dd {
	float: right;
	width: 150px;
	padding: 10px 0;
}

@media screen and (max-width : 760px ) {
.side_bnr dt {
	float: left;
	width: 20%;
}
.side_bnr dd {
	float: right;
	width: 75%;
	padding: 10px 0;
}
}
.bnr_area ul li {
	overflow: hidden;
	width: 100%;
	padding: 0 0 15px;
}

@media screen and (max-width : 760px ) {
.bnr_area ul li {
	overflow: hidden;
	width:49%;
	margin-right:2%;
	float: left;
	padding:0 0 10px;
}
.bnr_area ul li:nth-child(2n) {
	margin-right:0;
}
.bnr_area ul {
	clear: both;
	overflow: hidden;
}
}
.bg_side02 {
	background: url(../img/common/ico_blog.png) 30px 10px no-repeat, url(../img/common/bg_02.jpg) top center repeat;
	padding: 10px;
}
.list_blog_side {
	border-bottom: #ccc 1px dotted;
	padding: 10px;
	margin-bottom: 10px;
}
.list_blog_side dt {
	font-weight: bold;
}
.list_blog_side dd a {
	text-decoration: underline;
}
.side_blog {
	overflow: auto;
	height: 320px;
}
.ttl_blog_side {
	font-size: 242.8% !important;
	line-height: 1.2;
	font-weight: bold;
}
.ttl_area_side {
	padding: 10px;
	padding-left: 85px;
	text-align: center;
}
.txt_side01 {
	border: #555 1px solid;
	padding: 3px;
	text-align: center;
}
.mail_side a {
	display: block;
	color: #fff;
	background: #333;
	text-align: center;
	padding: 25px 15px;
}

@media screen and (max-width : 760px ) {
.mail_side a {
	padding: 15px;
}
}
.side_border {
	border: #ccc 1px solid;
	border-top: #333 solid 3px;
	background: #fff;
	padding: 15px;
}
.side_ttl {
	text-align: center;
	border-bottom: #ccc 1px solid;
	margin-bottom: 15px;
}
.side_ttl p {
	line-height: 1.2em;
}
ul.cate {
	padding: 0 10px;
}
ul.cate li {
	margin-bottom: 5px;
}
ul.cate li:before {
	content: "＞"
}
ul.cate li a {
	text-decoration: underline;
}
.side_artile li {
	border-bottom: #ccc 1px dotted;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.side_artile li img {
	width: 100%;
	height: auto;
}

.side_fb{
	margin-bottom: 30px;
	
}
.side_tw{margin-bottom: 30px;}



/* footer
-------------------------------------------------------------------*/
.bg_contact {
	background: url(../img/common/bg_contact_img.jpg) right bottom no-repeat,#f1f5f8;
    padding: 30px 0 30px 0;
    margin-top: 60px;
    height: 350px;
    box-sizing: border-box;
}

@media screen and (max-width : 760px ) {
.bg_contact {
	background:#f1f5f8;
	padding: 15px;
	margin-top: 30px;
    height: auto;
	
}
}
.bg_contact02 {
	background: rgba(255,255,255,0.8);
	padding: 40px 150px;
}
.bg_contact02_tel{font-size: 36px;color: #333;line-height: 1.3;}
.bg_contact02_tel a{color: #333;}

@media screen and (max-width : 760px ) {
.bg_contact02 {
	padding: 15px;
}
.bg_contact02_tel{font-size: 32px;}
}
#line_at li img{max-width: 150px;}

/*.f_nav{
	float:left;
	width:33.3333%;
	}
@media screen and (max-width : 760px ){
.f_nav{
	float:left;
	width:50%;
	padding:0 10px;
	box-sizing:border-box;
	}
}
.f_nav li{
	margin-bottom:10px;
	text-indent:-1em;
	padding-left:1em;
	}
*/

.f_nav2{display: table;clear: both;padding-top: 30px;}
.f_nav2 li{display: table-cell;vertical-align: middle;overflow: hidden;padding: 0 20px 0 0;}
.f_nav2 li:nth-child(1) img{max-width: 100px;}
@media screen and (max-width : 768px ) {
.f_nav2{padding-top: 0;}
.f_nav2 li{padding: 0 10px 0 0;}
}

.border_double {
	border: #aaaaaa double 3px;
	padding: 15px;
}
.ico_f01 {
	background: url(../img/common/ico_f01.png) left center no-repeat;
	padding-left: 20px;
}
.ico_f02 {
	background: url(../img/common/ico_f02.png) left center no-repeat;
	padding-left: 20px;
}
.ico_f03 {
	background: url(../img/common/ico_f03.png) left center no-repeat;
	padding-left: 20px;
}
.list_f01 li {
	border-top: #ccc 1px dotted;
	padding-top: 15px;
	margin-top: 15px;
	width: 48%;
	float: left;
	font-size: 85.7% !important;
}
/**/
.f_nav li {
	float: left;
	width: 33.3333%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 10px;
	text-indent: -1em;
	padding-left: 1em;
}

@media screen and (max-width : 768px ) {
.f_nav li {
	float: left;
	width: 50%;
	padding: 0 10px;
}
}
.bg_copy {
	background: #333;
	padding: 5px;
}
.footer_area .left_area {
	float: left;
	width: 480px;
	box-sizing: border-box;
}
.footer_area .right_area {
	float: right;
	width: 350px;
	box-sizing: border-box;
}

@media screen and (max-width : 760px ) {
.footer_area .left_area {
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
.footer_area .right_area {
	float: none;
	width: 100%;
}
}

.f_flex{display: flex;
max-width: 100%;
}
.f_flex > a{display: inline-block;margin-right: 30px;max-width: 200px;}
@media screen and (max-width : 767px ) {
.f_flex{display: flex;
width: 100%;
justify-content: space-between;
}
.f_flex > a{display: block;margin-right: 0px;max-width: 48%;}
}

@media screen and (max-width : 760px ) {
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.ggmap iframe, .ggmap object, .ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
}
#pageplugin {
	text-align: center;
}

.youtube_outer{	max-width: 720px;margin: auto;}
.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

@media screen and (max-width : 760px ) {
.benefits_box{
padding:4%;
border:1px solid #999;
}
.benefits_box_L .benefits_box{
display:inline-block;
width: 100%;
vertical-align:top;
height:100%;
margin-bottom:2%;
}
.benefits_box_L .benefits_box img{
width:60%;
text-align: center;
margin-left: auto;
margin-right: auto;
display:block;
}
.spNone{
display:none!important;
}
.section_ttl_01{
overflow: hidden;
text-align: left;
padding-bottom: 6%;
color: #000;
font-size:140%;
}
.section_ttl_02 {
overflow: hidden;
text-align: right;
padding-bottom: 6%;
color: #000;
font-size:140%;
}
.field .houmu_btn{
margin-bottom:3%;
}
.p_right {
padding-top: 4%;
line-height: 2em;
}
.p_left {
line-height: 2em;
padding-top: 4%;
}
.flow_box{
padding-left:4%;
padding-right:4%;
}
.flow_ttl{
font-size:120%!important;
font-weight:bold;
}
.flow_cont{
line-height: 1.5em!important;
margin-top:-4%!important;
}
.circle{
margin-left: auto;
margin-right: auto;
margin-top: 6%!important;
margin-bottom: 6%!important;
width: 0;
height: 0;
border-style: solid;
border-width: 11.33px 18.16px 0 18.16px;
border-color: rgba(255,99,99,0.70) transparent transparent transparent;
}
.th_L{
background:#BCBCBC!important;
border:2px solid #999;
font-size:90%!important;
font-weight:bold;
color:#fff!important;
}
.ta_kigyouhoumu th,
.ta_kigyouhoumu td{
padding:1%;
text-align: center;
border:1px solid #999;
}
.ta_kigyouhoumu td{
font-size:90%!important;
}
.lawyer_left{
float:none!important;
width:80%!important;
margin-left: auto;
margin-right: auto;
}
.lawyer_right{
float:none!important;
width:100%!important;
margin-left: auto;
margin-right: auto;
}
.lawyer_ttl{
margin-top:2%!important;
}
.lawyer_font-s{
margin-bottom:4%!important;
}
.lawyer_cont{
margin-top:2%!important;
}
.pege-kigyouhoumu{
overflow-x: hidden!important;
}
}


/*LRM対談
----------------------*/
.lrm_img_box{
text-align: center;
}
.lrm_img{
width:30%;
max-width:200px;
display:inline-block;
}
.lrm_img img{
width:100%;
}
.lrm_p{
line-height: 2em;
padding-top: 3%;
padding-bottom: 3%;
}
.lrm_name_01{
color:rgba(66,127,181,1.00);
font-weight:bold;
}
.lrm_name_02{
color:#EA3140;
font-weight:bold;
}
.lrm_name_03{
color:#EF711D;
font-weight:bold;
}
.lrm_title_hr{
border-bottom: 1px dotted rgba(134,119,82,1.00);
}
.matrix{
width:100%;
}
.matrix img{
width:100%;
}

.kikuchi-lawyer{
font-weight_:bold;
color:#000!important;
font-size:110%;
margin-top: 2%;
margin-bottom: 2%;
line-height: 2em;
padding-left:2%;
margin-left: 1em; /* ブロック全体を 1em 右に */
text-indent: -1em; /* 先頭の1文字のみ 1em 左に */
}
#lrm-page{
font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace"!important;
}
#lrm-page p{
color:#777;
}
@media screen and (min-width : 761px ) {
.title-top{
font-weight:bold;
font-size:180%;
margin-top: 6%;
padding-bottom: 6%;
}
.lrm_title {
  position: relative;
  border-top: solid 2px #000;
  border-bottom: solid 2px #000;
  background: #F4F4F4;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  font-size: 140%;
  color:#000!important;
  	margin-top: 12%!important;
	margin-bottom: 6%!important;
}
.lrm_title:after {
  /*タブ*/
  position: absolute;
  font-family: FontAwesome;
  font-weight: 900;
  content: '事例';
  background: #000;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px 3px;
  font-size: 0.8em;
  line-height: 1;
  letter-spacing: 0.05em;
}
.pr_box{
margin-top: 6%;
margin-bottom: 6%;
clear: both;
}
.pr_box_img{
float:left;
width:15%;
}
.pr_box_img img{
width:100%;
}
.pr_box_text{
float:right;
width:83%;
}
.pr_box_text_title{
font-weight:bold!important;
font-size:130%;
margin-bottom: 2%;
color:#000!important;
}
}
@media screen and (max-width : 760px ) {
.title-top{
font-weight:bold;
font-size:140%;
margin-top: 6%;
padding-bottom: 6%;
}
.lrm_title {
  position: relative;
  border-top: solid 2px #000;
  border-bottom: solid 2px #000;
  background: #F4F4F4;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  font-size: 120%;
  color:#000!important;
  	margin-top: 12%!important;
	margin-bottom: 6%!important;
}

.lrm_title:after {
  /*タブ*/
  position: absolute;
  font-family: FontAwesome;
  font-weight: 900;
  content: '事例';
  background: #000;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 10px 3px;
  font-size: 0.8em;
  line-height: 1;
  letter-spacing: 0.05em;
}
.pd-sp{
padding-left:4%;
padding-right:4%;
}
.ta_lrm td{
padding: 1%;
border:1px solid #fff;
text-align: center;
color:#fff;
height:72px;
}
.pr_box{
margin-top: 6%;
margin-bottom: 6%;
clear: both;
}
.pr_box_img{
width:60%;
margin-left:auto;
margin-right:auto;
margin-bottom:2%;
}
.pr_box_img img{
width:100%;
}
.pr_box_text{
width:100%;
}
.pr_box_text_title{
font-weight:bold!important;
font-size:120%;
margin-bottom: 2%;
color:#000!important;
}
}

.ft12{
font-size:11px!important;
}

.sdgs_dl{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin:20px 0;
  width: 80%;
}

.sdgs_dl dt{
  box-sizing: border-box;
  padding: 5px;
  width: 12em;
}

.sdgs_dl dd{
  box-sizing: border-box;
  padding: 5px;
  width: calc(100% - 13em);
}

.dg_h3{
  font-weight: bold;
  font-size: 26px;
  margin-bottom: 30px;
}


/* リキャプチャ非表示 */
.grecaptcha-badge { visibility: hidden; }
.recaptcha_txt {padding: 30px 0;}
.recaptcha_txt a{border-bottom: 1px solid #333;}

