@charset "utf-8";
/*case
-------------------------------*/
/*カスタマイズ用追記CSS Start*/

div.slider {
	width: 690px;
	display: block;
	margin: 0px auto;
	clear: both;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div.slider .bx-wrapper {
	margin: 0 auto 15px;/*メインスライダーとサムネイルの間の余白を変更*/
}
div.slider .slide a {
	overflow: hidden;
	display: block;
}
ul.bxslider01 li {
	display: block;
	width: 690px;/*メインスライダーの横幅*/
	height: 460px;/*メインスライダーの縦幅*/
}
ul.bxslider01 li img {
	display: block;
	max-width: 690px;
	height: auto;
	max-height: 460px;
	margin: auto;
}
ul.bxslider01 li p {
	background-color: rgba(255,255,255,.50);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 8px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left;
}
ul.bxslider02 li a {
	display: block;
	width: 120px;/*サムネイルの横幅*/
	height: 80px;/*サムネイルの縦幅*/
}
ul.bxslider02 li a img {
	display: block;
	width: 120px;/*サムネイルの横幅*/
	height: auto;/*サムネイルの縦幅*/
}
div.controlWrap {
	width: 690px;
	display: block;
	position: relative;
	margin: 0 auto;
}

@media screen and (max-width : 760px ) {
ul.bxslider01 {
	display: table;
}
ul.bxslider01 li {
	width: 100%;
	height: 0 !important;
	padding-bottom: 14%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	position: relative;
}
ul.bxslider01 li img {
	max-width: 100%;
	max-height: 100%;
	width: auto !important;
	margin: auto;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
ul.bxslider01 li p {
	position: absolute;
	left: 0;
	bottom: 0;
	max-width: 100%;
	background-color: rgba(255,255,255,.50);
	font-size: 12px;
	padding: 8px 12px;
	overflow: hidden;
}
div.controlWrap {
	width: 100%;
	display: block;
	position: relative;
	margin: 0 auto;
}
div.slider {
	width: 100%;
	display: block;
	margin: 0px auto;
}
div.slider .bx-wrapper {
	margin: 0 auto 15px;
}
}
div.controlWrap p#PrevIcon a {
	display: block;
	width: 13px;/*オリジナルの矢印アイコン画像の横幅を設定しましょう*/
	height: 40px;/*オリジナルの矢印アイコン画像の縦幅を設定しましょう*/
	position: absolute;
	background: url(../img/top/arrow_l.png) left center no-repeat;/*オリジナルの矢印アイコンを設定しています*/
	background-size: 13px;
	color: #fff;
	top: 50%;
	left: 0;
	text-indent: -9999px;
	margin-top: -20px;
}
div.controlWrap p#NextIcon a {
	display: block;
	width: 13px;/*オリジナルの矢印アイコン画像の横幅を設定しましょう*/
	height: 40px;/*オリジナルの矢印アイコン画像の縦幅を設定しましょう*/
	position: absolute;
	background: url(../img/top/arrow_r.png) right center no-repeat;/*オリジナルの矢印アイコンを設定しています*/
	background-size: 13px;
	color: #fff;
	top: 50%;
	right: 0;
	text-indent: -9999px;
	margin-top: -20px;
}

/*カスタマイズ用追記CSS End*/
@media screen and (max-width: 480px) {
ul.bxslider01 li p {
	font-size: 12px;
}
ul.bxslider02 li a img {
	display: block;
	width: 60px;
	height: auto;
}
div.controlWrap p#PrevIcon a {
	top: 20px;
	left: 5px;
	text-indent: -9999px;
}
div.controlWrap p#NextIcon a {
	top: 20px;
	right: 5px;
	text-indent: -9999px;
}
}

/*カスタマイズ用追記CSS End*/


.about h4 {margin:0 0 20px 0;font-size: 20px;font-weight: bold;}

.about .disc_ul li {
    border-bottom: 1px dashed #666;
	padding-bottom: 10px;
}

.about .disc_ul li:nth-child(1) {border-top: 1px dashed #666;padding-top: 10px;
}

.about_jirei_tit{border-top: 4px double #333;border-bottom: 4px double #333;padding: 10px 0;font-size: 24px;font-weight: bold;}

@media screen and (max-width : 760px ) {
.about_jirei_tit{border-top: 4px double #333;border-bottom: 4px double #333;padding: 5px 0;font-size: 18px;}
}
 
.about_jirei_txt {text-align: center;padding: 30px 0;overflow: hidden;clear: both;}

.about_jirei_topic{font-size: 16px;}

.about_jirei_txt strong{font-size: 28px;color: #dd1111;}

.prof_box ul{margin: 1em 0;
	padding-left: 20px;
	list-style-type: disc;}
.prof_box ul li{overflow: visible;list-style-type: disc;margin-bottom: 10px;}

.result_tit{padding: 20px ;overflow: hidden;clear: both;font-weight: bold;}



.border_b02 {
	border-bottom: #ccc 1px dotted;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.bg_case01 {
	background: url(../img/case/bg_01.jpg) center top repeat;
	padding: 20px;
}
.bg_case02 {
	background: url(../img/case/bg_02.jpg) left top repeat;
	padding: 25px;
	box-shadow: 0px 0px 0px 5px #ffffff inset;
	-moz-box-shadow: 0px 0px 0px 5px #ffffff inset;
	-webkit-box-shadow: 0px 0px 0px 5px #ffffff inset;
	border: #cccccc 1px solid;
}
.case_bnr_area li {
	float: left;
	width: 32%;
	margin-right: 2%;
}
.case_bnr_area li:nth-child(3n) {
	margin-right: 0;
}

@media screen and (max-width : 460px ) {
.case_bnr_area li {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}
.case_bnr_area li:nth-child(3n) {
	margin-right: 0;
}
}
.lora {
	font-family: 'Lora', serif;
}
.bg_case02 dt {
	float: left;
	width: 35%;
}
.bg_case02 dd {
	float: right;
	width: 60%;
	font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	padding-top: 5px;
}
.case_bnr_area li a {
	display: block;
	background: #fff;
	border: #000 1px solid;
	padding: 10px;
	box-sizing: border-box;
}
.case_list li {
	float: left;
	width: 333px;
	border: #333333 1px solid;
	border-top: #333333 3px solid;
	margin-bottom: 15px;
	box-sizing: border-box;
}
.case_list li:nth-child(2n) {
	float: right;
	width: 333px;
}

@media screen and (max-width : 760px ) {
.case_list li {
	float: none;
	width: 100%;
	border: #333333 1px solid;
	border-top: #333333 3px solid;
	margin-bottom: 15px;
}
.case_list li:nth-child(2n) {
	float: none;
	width: 100%;
}
.case_list li img {
	width: 100%;
	height: auto;
}
}
.detail_btn {
	border-radius: 10px;
	background: #aaaaaa;
	padding: 0 10px;
	display: inline-block;
	float: right;
}
.detail_btn a {
	color: #FFFFFF;
}
.case_list_01 li {
	width: 32%;
	margin-right: 2%;
	float: left;
	margin-bottom: 20px;
}
.case_list_01 li:nth-child(3n) {
	margin-right: 0;
}

@media screen and (max-width : 760px ) {
.case_list_01 li {
	width: 48%;
	float: left;
	margin-right: 4%;
}
.case_list_01 li:nth-child(3n) {
	margin-right: 4%;
}
.case_list_01 li:nth-child(even) {
	margin-right: 0 !important;
}
}




/*ボタン*/
.button_o{width: 500px;margin: auto;text-align: center;}
.button_r{width: 400px;float: right;text-align: center;}

.button {
	display: inline-block;
	width: 400px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	position: relative;
	-webkit-perspective: 500px;
	perspective: 500px;
}
.button span {
	display: block;
	position: absolute;
	width: 400px;
	height: 60px;
	border: 2px solid #111111;
	text-align: center;
	line-height: 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}
.button span:nth-child(1) {
	background-color: #111111;
	color: #fff;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button span:nth-child(2) {
	background-color: #fff;
	color: #111111;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.button:hover span:nth-child(2) {
	background-color: #111111;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}

.button a{display: block;line-height: 56px;}

@media screen and (max-width : 760px ) {
.button_o{width: 300px;overflow: hidden;margin: auto;}
.button {
	width: 200px;
}
.button {
	-webkit-perspective: 300px;
	perspective: 300px;
}
.button span {
	width: 200px;
}
}

/* ここまでボタン */




/* news
---------------------------*/
.list_area li {
	border-bottom: #ccc 1px dotted;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
ul.voice_list li {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 5px;
}
.list_area dl dt {
	float: left;
	width: 240px;
}
.list_area dl dd {
	float: right;
	width: 430px;
}
.voice .list_area dl dd {
	float: right;
	width: 780px;
}

@media screen and (max-width : 760px ) {
.list_area dl dt {
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
.list_area dl dt img {
	min-width: 100%;
	height: auto;
}
.list_area dl dd {
	float: none !important;
	width: 100% !important;
}
}
.list_area02 .left_area {
	float: left;
	width: 90px;
}
.list_area02 .right_area {
	float: right;
	width: 330px;
}

@media screen and (max-width : 760px ) {
.list_area02 .left_area {
	float: none;
	width: 100%;
	margin-bottom: 5px;
}
.list_area02 .right_area {
	float: none;
	width: 100%;
}
}
.cat_area li {
	border-bottom: none;
	padding: 5px 10px !important;
	line-height: 1em;
	display: inline-block;
	background: #bbb;
	border-radius: 50px;
	color: #fff;
	font-size: 85.7%;
	margin-bottom: 0;
}
.cat_area li a {
	color: #fff;
}


/*contact*/

.mw_wp_form select{
padding:2%;
border-radius:4px;
}
.mw_wp_form .red{
font-size:60%;
color:red;
}
.mw_wp_form .align-center{
color: #b70000;
}
.mw_wp_form .align-center_02{
text-align:center;
margin-bottom:3%;
}



table.contact_form,.form_size_box {max-width: 90%;width: 740px;overflow: hidden;margin: 0 auto 30px auto;
}

.contact_form tr th{width: 30%;padding: 10px;overflow: hidden;font-weight: bold;font-size: 1.8rem;}
.contact_form tr td{width: 65%;padding: 10px;overflow: hidden;}
.contact_form red{color: #d00;}
.contact_form input[type="checkbox"],.contact_form input[type="radio"]{display: inline;width: 30px;overflow: hidden;}

form .step1,form .step2{max-width: 90%;width: 740px;overflow: hidden;margin: auto;text-align: center;}

@media screen and (max-width : 767px ) {
	table.contact_form{max-width: 94%;width: auto !important;overflow: hidden;}
	
	.contact_form tr th{width: 100%;padding: 10px;display: block;overflow: hidden;}
.contact_form tr td{width: 100%;padding: 10px;display: block;overflow: hidden;}

	
.contact_form{
	margin-bottom:15px;
	
	}
}
.contact_form dt{
	margin-bottom:5px;
	}
.contact_form input{
	width:100%;
	padding:10px 5px;
	box-sizing:border-box;
	}
.contact_form textarea{
	width:100%;
	padding:10px 5px;
	height:180px;
	box-sizing:border-box;
}


/* セミナー
---------------------------*/

.sem_ac_list dl{display: table;}
.sem_ac_list dl dt{display: table-cell;min-width:75px;overflow: hidden;}
.sem_ac_list dl dd{display: table-cell;}

.seminar_list li {
	float: left;
	width: 460px;
	margin-bottom: 60px;position: relative;
	overflow: hidden;
}
.seminar_list li:nth-child(2n) {
	float: right;
	width: 460px;
}

.seminar {position: relative;padding: 0 0 30px;}

@media screen and (max-width : 760px ) {
.seminar_list li {
	float: none;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.seminar_list li:nth-child(2n) {
	float: none;
	width: 100%;
}
}
.seminar_list a{display: block;}
.seminar_list a:hover{color: #e52d27;}
.seminar_day{padding: 0 0 15px;overflow: hidden;}
.seminar_day dt {
	float: left;
	width: 60%;
	padding: 5px 0 0 0;
}
.seminar_day dd {
	float: right;
	width: 40%;
	background: #c44960;
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	box-sizing: border-box;
	font-size: 12px;
}
.seminar_day dd.end {
	background: #16195b;
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	box-sizing: border-box;
}
@media screen and (max-width : 760px ) {
.seminar_day dt {
	float: left;
	width: 40%;
}
.seminar_day dd {
	float: right;
	width: 50%;
	background: #c44960;
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	box-sizing: border-box;
}

}

.seminar_btn {position: absolute;right: 0;bottom: 5px;}

.seminar_btn span{
	text-align: right;
	border-bottom: 2px solid #999;
	padding: 5px 28px 5px 20px;
	margin: 0 0 5px;
	position: relative;
	font-size: 12px;
	overflow: hidden;
	width: 0;
	transition: .2s;
}

.seminar_list a:hover .seminar_btn span{
	text-align: right;
	border-bottom: 2px solid #999;
	padding: 5px 28px 5px 20px;
	margin: 0 0 5px;
	position: relative;
	font-size: 12px;
	width: auto;
}

.seminar_btn span:after {
	position: absolute;
	right: 0;
	bottom: 0px;
	content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 5px solid #999;
  border-left: 8px solid #999;
}

#seminar{padding: 0 0 60px;clear: both;}


/*
.seminar_btn a {
	text-align: right;
	border-bottom: 2px solid #999;
	padding: 5px 28px 5px 20px;
	margin: 0 0 5px;
	position: relative;
	font-size: 12px;
}

.seminar_btn a:after {
	position: absolute;
	right: 0;
	bottom: 0px;
	content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 5px solid #999;
  border-left: 8px solid #999;
}

.seminar_btn a:hover {
	background-color: #aaaaaa;
	color: #fff;
	border-radius: 10px;
	padding: 5px 20px 5px 20px;

}
.seminar_btn:hover a:after {
	position: absolute;
	right: 0;
	bottom: 0px;
	content: "";
  width: 0;
  height: 0;
 border: 0;
}
*/
.seminar .left_area {
	float: left;
	width: 130px;
}
.seminar .right_area {
	float: right;
	width: 310px;
	position: relative;
}
.seminar .seminar_main_area {
	float: none;
	width: 100%;
}

@media screen and (max-width : 760px ) {
.seminar .left_area {
	float: left;
	width: 20%;
}
.seminar .right_area {
	float: right;
	width: 75%;
}
}

.salon_info{padding: 0 0 20px 20px;overflow: hidden;}
@media screen and (max-width : 760px ) {
.salon_info{padding: 0 0 0px 0px;overflow: hidden;}
}

.sem_man_box{clear: both;margin-bottom: 40px;}

@media screen and (max-width : 760px ) {
.sem_man_box{clear: both;margin-bottom: 20px;}
}

.seminar_temabox{border: 4px double #ccc;padding: 30px;clear: both;overflow: hidden;margin-bottom: 60px;}

@media screen and (max-width : 760px ) {
	.seminar_temabox{border: 1px solid #ccc;margin-bottom: 30px;padding: 10px;}
}

.seminar_temabox dl {
	border-bottom: 1px solid #f5f5f5;
	display:table;
	width: 100%;
}

.seminar_temabox dl:nth-child(1) {
	border-top: 1px solid #f5f5f5;
}

.bt1{border-top: 1px solid #f5f5f5;}

.seminar_temabox dl dt,.seminar_temabox dl dd {
	padding: 20px;
	box-sizing: border-box;
	display:table-cell;
}
.seminar_temabox dl dt {
	width: 25%;
	font-weight: bold;
	color:#000;
	    background: #f5f5f5;
		vertical-align:top;
	font-family: 'Utsukushi';
	font-size: 1.8rem;
}
.seminar_temabox dl dd {
	width: 75%;
	background: #FFFFFF;
}

@media screen and (max-width : 760px ) {
	.bt1{border-top: none;}
	
.seminar_temabox dl {
	display:block;
}
	.seminar_temabox dl:nth-child(1) {
	border-top:none;
}

.seminar_temabox dl dt,.seminar_temabox dl dd {
	padding: 10px;
	box-sizing: border-box;
}
.seminar_temabox dl dt {
	display:block;

	width: 100%;
	font-weight: bold;
	font-size: 1.8rem;
}
.seminar_temabox dl dd {
	display:block;
	width: 100%;
	background: #FFFFFF;
}
}

.sem_content{font-size: 1.6rem;margin-bottom: 60px;}
@media screen and (max-width : 760px ) {
.sem_content{font-size: 1.4rem;margin-bottom: 30px;}
}

.sem_content a{border-bottom: 1px dotted #E56E4B; color: #E56E4B;}

.voice_single .left_area{width: 515px;float: left;}
.voice_single .right_area{width: 400px;float: left;}

@media screen and (max-width : 760px ) {
.voice_single .right_area{width: auto;max-width: 100%;padding: 0 15px;float: none;}
.voice_single .left_area{width: auto;max-width: 100%;padding: 0 15px;float: none;}

}

/* blog
-------------------------------------------------------------------*/
.blog_img {
	float: left;
	width: 490px;
	padding-left: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.side_menu {
	float: right;
	width: 200px;
}
@media screen and (max-width : 760px ) {
.blog_img {
width: auto;
max-width: 100%;
float: none;
padding-left: 0;
}

.blog_main {
	float: none;
	width: 100%;
	padding-left: 0px;
}
.side_menu {
	float: none;
	width: 100%;
}
}
.side_menu_ttl {
	font-size: 18px;
	border-bottom: 1px #d3d3d3 dotted;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
.menu_list {
	margin-bottom: 20px;
}
.menu_list li {
	padding: 0 20px;
}
.menu_list li a {
	text-decoration: none;
	color: #111111;
}
.pager {
	text-align: center;
}
.pager li {
	display: inline-block;
	padding: 0 10px;
}


/* //ここまでセミナー
---------------------------*/



/* article
---------------------------*/

.wysiwyg p{margin-bottom: 20px;}

.wysiwyg h1 {
	position: relative;
	padding-bottom: 0;
	border-bottom: 1px solid #ccc;
	font-size: 257.1%;
	font-weight: bold;
	margin: 20px 0;
	line-height: 1.2;
}

@media screen and (max-width : 760px ) {
.wysiwyg h1 {
	font-size: 217.1%;
}
}
.wysiwyg h1::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 3px;
	background-color: #333;
}
.wysiwyg h2 {
	border-left: #333 5px solid;
	padding-left: 15px;
	font-size: 214.2%;
	font-weight: bold;
	line-height: 1.2;margin: 20px 0;
}

@media screen and (max-width : 760px ) {
.wysiwyg h2 {
	font-size: 184.2%;
}
}
.wysiwyg h3 {
	position: relative;
	padding: 0 0 0 1em;
	font-size: 185.7%;
	font-weight: bold;
	line-height: 1.2;margin: 20px 0;
}

@media screen and (max-width : 760px ) {
.wysiwyg h3 {
	font-size: 145.7%;
}
}
.wysiwyg h3::after {
	position: absolute;
	top: 10px;
	left: .1em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.wysiwyg h4 {
	font-size: 157.1%;
	font-weight: bold;margin: 20px 0;
}

@media screen and (max-width : 760px ) {
.wysiwyg h4 {
	font-size: 127.1%;
}
}
.wysiwyg h5 {
	font-size: 128.6%;
	font-weight: bold;margin: 20px 0;
}

@media screen and (max-width : 760px ) {
.wysiwyg h5 {
	font-size: 118.6%;
}
}
.wysiwyg h6 {
	font-size: 114.3%;
	font-weight: bold;margin: 20px 0;
}

@media screen and (max-width : 760px ) {
.wysiwyg h6 {
	font-size: 104.3%;
}
}
.pager_area .left_area {
	float: left;
	width: 50%;
}
.pager_area .right_area {
	float: right;
	width: 50%;
}
.pager_area .left_area ul li {
	display: inline-block;
}
.pager_area .left_area ul li:nth-child(1) {
	border-right: #ccc 1px solid;
	padding-right: 10px;
	margin-right: 10px;
}
.article_area02 .left_area {
	float: left;
	width: 90px;
}
.article_area02 .right_area {
	float: right;
	width: 590px;
}
.case_list_01 > li > figure {
	overflow: hidden;
	max-height: 120px;
}
/*voice
----------------------------------*/
.area_voice .left_area {
	float: left;
	width: 335px;
}
.area_voice .right_area {
	float: right;
	width: 335px;
}

@media screen and (max-width : 760px ) {
.area_voice .left_area {
	float: none;
	width: 100%;
	margin-bottom: 10px;
}
.area_voice .right_area {
	float: none;
	width: 100%;
}
}
.area_voice .right_area ul li {
	margin-bottom: 5px;
}
.bg_voice01 {
	background: url(../img/voice/bg_01.jpg) top center repeat;
	padding: 20px;
	/* box-shadow */
	box-shadow: 0px 0px 0px 3px #ffffff inset;
	-moz-box-shadow: 0px 0px 0px 3px #ffffff inset;
	-webkit-box-shadow: 0px 0px 0px 3px #ffffff inset;
	border: #ccc 1px solid;
}

@media screen and (max-width : 760px ) {
.bg_voice01 {
	padding: 20px 10px;
}
}
.ttl_voice01 {
	overflow: hidden;
	line-height: 1;
}
.ttl_voice01 span {
	position: relative;
	display: inline-block;
	padding-right: 1em;
	text-align: left;
}
.ttl_voice01 span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 690px;
	height: 1px;
	background-color: #ccc;
}
.ttl_voice01 span::after {
	left: 100%;
}
.ttl_voice02 {
	overflow: hidden;
	text-align: center;
}
.ttl_voice02 span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
.ttl_voice02 span::before, .ttl_voice02 span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #ccc;
}
.ttl_voice02 span::before {
	right: 100%;
}
.ttl_voice02 span::after {
	left: 100%;
}
.border_b03 {
	border-bottom: #ccc 1px dotted;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.ttl_03_center {
	overflow: hidden;
	text-align: center;
	font-size: 171.4%;
	font-weight: bold;
	letter-spacing: 2px;
	margin-bottom: 20px;
}

@media screen and (max-width : 760px ) {
.ttl_03_center {
	font-size: 150%;
}
}
.ttl_03_center span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}

@media screen and (max-width : 760px ) {
.ttl_03_center span {
	margin: 0 1em;
}
}
.ttl_03_center span::before, .ttl_03_center span::after {
	position: absolute;
	top: 70%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #333;
}
.ttl_03_center span::before {
	right: 100%;
}
.ttl_03_center span::after {
	left: 100%;
}
.bg_voice {
	background: url(../img/voice/bg_01.gif) left top repeat;
	padding: 25px;
	box-shadow: 0px 0px 0px 5px #ffffff inset;
	-moz-box-shadow: 0px 0px 0px 5px #ffffff inset;
	-webkit-box-shadow: 0px 0px 0px 5px #ffffff inset;
	border: #cccccc 1px solid;
}
.bg_arrow01 {
	background: url(../img/voice/arrow.jpg) bottom center no-repeat;
	padding-bottom: 90px;
	margin-bottom: 30px;
}
/*reason
-------------------------------------------------*/
.reason_no01 {
	display: inline-block;
	border-bottom: #ff3333 1px solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.reason_ttl01 {
	color: #ff3333;
	font-weight: bold;
	font-size: 30px;
}
.reason_ttl02 dt {
	float: left;
	border-right: #ff3333 1px solid;
	width: 60px;
}
.reason_ttl02 dd {
	float: right;
	width: 600px;
	color: #ff3333;
	font-weight: bold;
	font-size: 35px;
	line-height: 1.4;
}
.border_img01 {
	border: #aaa 2px solid;
}
.reason_ttl03 {
	color: #ff3333;
	font-weight: bold;
	text-align: center;
	border-bottom: #ccc 2px solid;
	padding-bottom: 10px;
	font-size: 25px;
}
/*flow
-----------------------------------------*/
.flow_ttl {
	color: #333;
	font-size: 30px;
	letter-spacing: -1px;
	font-weight: bold;
	margin-bottom: 15px;
}
.ico_step01 {
	background: url(../img/flow/step_01.jpg) left center no-repeat;
	padding: 10px 0 10px 65px;
}
.ico_step02 {
	background: url(../img/flow/step_02.jpg) left center no-repeat;
	padding: 10px 0 10px 65px;
}
.ico_step03 {
	background: url(../img/flow/step_03.jpg) left center no-repeat;
	padding: 10px 0 10px 65px;
}
.ico_step04 {
	background: url(../img/flow/step_04.jpg) left center no-repeat;
	padding: 10px 0 10px 65px;
}
.ico_step05 {
	background: url(../img/flow/step_05.jpg) left center no-repeat;
	padding: 15px 0 15px 65px;
}
.ico_step06 {
	background: url(../img/flow/step_06.jpg) left center no-repeat;
	padding: 10px 0 10px 65px;
}
.ico_step07 {
	background: url(../img/flow/step_07.jpg) left center no-repeat;
	padding: 10px 0 10px 65px;
}
.ico_step08 {
	background: url(../img/flow/step_08.jpg) left center no-repeat;
	padding: 10px 0 10px 65px;
}
.ico_step09 {
	background: url(../img/flow/step_09.jpg) left center no-repeat;
	padding: 10px 0 10px 65px;
}
.ico_step10 {
	background: url(../img/flow/step_10.jpg) left center no-repeat;
	padding: 10px 0 10px 65px;
}
.ico_step11 {
	background: url(../img/flow/step_11.jpg) left center no-repeat;
	padding: 10px 0 10px 65px;
}
.ico_step12 {
	background: url(../img/flow/step_12.jpg) left center no-repeat;
	padding: 10px 0 10px 65px;
}
.ico_step13 {
	background: url(../img/flow/step_13.jpg) left center no-repeat;
	padding: 10px 0 10px 65px;
}
.ico_step14 {
	background: url(../img/flow/step_14.jpg) left center no-repeat;
	padding: 10px 0 10px 65px;
}
.ico_step15 {
	background: url(../img/flow/step_15.jpg) left center no-repeat;
	padding: 10px 0 10px 65px;
}
.ico_step16 {
	background: url(../img/flow/step_16.jpg) left center no-repeat;
	padding: 10px 0 10px 65px;
}
.ico_step17 {
	background: url(../img/flow/step_17.jpg) left center no-repeat;
	padding: 10px 0 10px 65px;
}
.ico_step18 {
	background: url(../img/flow/step_18.jpg) left center no-repeat;
	padding: 10px 0 10px 65px;
}
/*reason
-------------------------------------------------*/
.reason_no01 {
	display: inline-block;
	border-bottom: #ff3333 1px solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.reason_ttl01 {
	color: #333;
	font-weight: bold;
	font-size: 30px;
}
.reason_ttl02 dt {
	float: left;
	border-right: #ff3333 1px solid;
	width: 60px;
}
.reason_ttl02 dd {
	float: right;
	width: 600px;
	color: #ff3333;
	font-weight: bold;
	font-size: 35px;
	line-height: 1.4;
}
.border_img01 {
	border: #aaa 2px solid;
}
.reason_ttl03 {
	color: #333;
	font-weight: bold;
	text-align: center;
	border-bottom: #ccc 2px solid;
	padding-bottom: 10px;
	font-size: 30px;
}
.ttl_center {
	position: relative;
	text-align: center;
}
.ttl_center span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
.ttl_center::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}

/*lawyer 弁護士紹介*/


.lawyer{margin: 0px 0 0 0;}
.lawyer_main {position: relative;margin-bottom: 120px;}
.lawyer_main .left_area{position: absolute;top: 0;left: 0;max-width: 30%;overflow: hidden;z-index: 3;}
.lawyer_main .left_area figure{position: relative;text-align: center;}
.lawyer_main .left_area figure > img{max-width: 50%;height: auto;margin: 0 auto;}
/*.lawyer_main .left_area figure span{position: absolute;top: 60%;left: -30%;}*/
.lawyer_main .right_area figure{border: 3px solid #000;float: right;position: relative;z-index: 3;}
@media screen and (max-width : 760px ) {
.lawyer_main .left_area {
display:none;
}
}
.history dl {clear: both;margin-bottom: 10px;font-size: 1.6rem;}
.history dl dt{width: 30%;float: left;}
.history dl dd{width: 70%;float: right;}

.prof dl {clear: both;margin-bottom: 10px;font-size: 1.6rem;}
.prof dl dt{width: 30%;float: left;}
.prof dl dd{width: 70%;float: right;}

@media screen and (max-width : 760px ) {
.history figure{margin-bottom: 10px;}
.history dl {margin-bottom: 0px;font-size: 1.4rem;}

.lawyer_main {position: relative;margin-bottom: 60px;}
.history dl dt{width: 100%;float: none;padding: 5px;background-color: #fafafa;}
.history dl dd{width: 100%;float: none;padding: 5px;}

.prof figure{margin-bottom: 10px;}
.prof dl {margin-bottom: 0px;font-size: 1.4rem;}
.prof dl dt{width: 100%;float: none;padding: 5px;background-color: #fafafa;}
.prof dl dd{width: 100%;float: none;padding: 5px;}

}

/*
@media screen and (max-width : 767px ) {
	.lawyer{margin: auto;}
.lawyer_main {position: relative;}
.bg_top05 figure{position: relative;text-align: center;margin: auto;width: 40%;}
.bg_top05 figure > img{max-width: 100%;height: auto;margin: 0 auto;}
.bg_top05 .col_1_2 figure span{position: absolute;top: 60%;left: -5%;}
}
*/


/*company*/


.dl_box dl {
	width: 100%;
	display: table;
	border-bottom: 1px solid #f3f3f3;
}
.dl_box dl dt {
	width: 30%;
	display: table-cell;
	padding: 10px 20px;
	overflow: hidden;
	background-color: #ccc;
	color: #333;
	font-weight: bold;
	vertical-align: top;
}
.dl_box dl dd {
	width: 70%;
	display: table-cell;
	padding: 10px 20px;
	overflow: hidden;
}

@media screen and (max-width : 760px ) {
.dl_box * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.dl_box dl {
	width: 100%;
	display: block;
	border-bottom: none;
}
.dl_box dl dt {
	width: 100%;
	display: block;
	padding: 10px;
}
.dl_box dl dd {
	width: 100%;
	display: block;
	padding: 10px;
}
}
.square_ul, .disc_ul {
	margin: 0 0 0 10px;
}
.square_ul li, .disc_ul li {
	margin: 0 0 10px 10px;
}
.square_ul li {
	list-style: square;
	color: #ddb97f;
}
.disc_ul li {
	list-style: circle;
	color: #333;
}
.square_ul li p, .disc_ul li p {
	color: #333;
}
/* menu */
.menu_dl * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top;
}
/*
.menu_dl {
	padding: 0 0px 10px 0;
	overflow: hidden;
	border-bottom: 2px dashed #ddb97f;
	margin-bottom: 20px;
}*/
.menu_dl dt {
	font-size: 24px;
}
.menu_dl dt span {
	font-size: 16px;
}/**/
.menu_dl dd {
	overflow: hidden;
	padding: 10px 0 0 0;
}
.menu_dl dd ul li {
	text-align: left;
	display: list-item;
	clear: both;
	line-height: normal;
	font-size: 16px;
}
.menu_dl dd ul li p {/*display: table;*/
	display: block;
	width: 100%;
}
.menu_dl dd ul li p span {/*display: table-cell;*/
	display: inline-block;
	overflow: hidden;
	width: 60%;
}
.menu_dl dd ul li p > span:nth-child(2) {
	text-align: right;
	width: 40%;
}

@media screen and (max-width : 760px ) {
.menu_dl dt {
	font-size: 18px;
}
.menu_dl dt span {
	font-size: 14px;
}
}
/*contact*/
.form_detail, .form_box dl {
	border-bottom: 1px solid #ccc;
	display: table;
}
.form_detail dt, .form_detail dd, .form_box dl dt, .form_box dl dd {
	padding: 20px;
	box-sizing: border-box;
	display: table-cell;
}
.form_detail dt, .form_box dl dt {
	width: 20%;
	font-weight: bold;
	color: #fff;
	background: #666;
	vertical-align: top;
}
.form_detail dd, .form_box dl dd {
	width: 80%;
	background: #FFFFFF;
}

@media screen and (max-width : 760px ) {
.form_detail, .form_box dl {
	display: block;
}
.form_detail dt, .form_detail dd, .form_box dl dt, .form_box dl dd {
	padding: 10px;
	box-sizing: border-box;
}
.form_detail dt, .form_box dl dt {
	display: block;
	width: 100%;
	font-weight: bold;
}
.form_detail dd, .form_box dl dd {
	display: block;
	width: 100%;
	background: #FFFFFF;
}
}
.w_book {
	width: 50px;
	margin: 0 5px;
}
.book_indent {
	padding-left: 1em;
	margin-bottom: 10px;
}
.book_indent a {
	color: #ddb97f;
}
.textarea {
	width: 100%;
	height: 200px;
}
.btn_confirm, .btn_submit, .btn_back {
	font-size: 18px;
	font-weight: bold;
	background: #333;
	width: 35%;
	margin: 0 20px;
	text-align: center;
	color: #FFFFFF;
	padding: 10px;border: none;
	font-family: 'Utsukushi';
	cursor: pointer;
}

@media screen and (max-width : 760px ) {
input[type="submit"] {
  -webkit-appearance: none;
}
.btn_confirm, .btn_submit, .btn_back {
	width: 75%;
	margin-bottom: 30px;
}
}
button {
	font-size: 18px;
	font-weight: bold;
	background: #ddb97f;
	width: 35%;
	margin: 0 20px;
	text-align: center;
	color: #fff;
	font-family: 'Utsukushi';
	padding: 20px;
	display: block;
}

@media screen and (max-width : 760px ) {
button {
	width: 70%;
	margin-bottom: 30px;
	}
}
.btn_confirm a {
	color: #fff;
	padding: 20px;
	display: block;
}
input[type="text"] {
	padding: 5px;
	box-sizing: border-box;
	margin-bottom: 10px;
}
select {
	padding: 5px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

@media screen and (max-width : 760px ) {
.btn_confirm a {
	padding: 10px;
}
}
.mw_wp_form_input .step2 {
	display: none;
}
.flow .flow_ttl {
	font-size: 24px;
}

@media screen and (max-width : 760px ) {
.col_3.staff li {
	float: left;
	width: 49%;
	margin-right: 2%;
	margin-bottom: 15px;
}
.col_3.staff li:nth-child(2n) {
	margin-right: 0;
}
}
.shop_detail dt {
	width: 15%;
	float: left;
}
.shop_detail dd {
	width: 85%;
	float: left;
}

.recruit_detail dt {
	float:left;
	width:28%;
}
.recruit_detail dd {
	float:left;
	width:70%;
}
@media screen and (max-width : 760px ) {
.recruit_detail {
	margin-bottom:10px;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
}
.recruit_detail dt {
	float:none;
	width:100%;
	font-weight:bold;
}
.recruit_detail dd {
	float:none;
	width:100%;
}
}
.recruit_detail_01 dt {
	float:left;
	width:15%;
}
.recruit_detail_01 dd {
	float:left;
	width:75%;
}

.recruit_detail_01{padding: 20px;overflow: hidden;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px dotted #d5d5d5;
}


@media screen and (max-width : 760px ) {
.recruit_detail_01 {
	margin-bottom:10px;
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
}
.recruit_detail_01 dt {
	float:none;
	width:100%;
	font-weight:bold;
}
.recruit_detail_01 dd {
	float:none;
	width:100%;
}
}
.btn_04{
	background:#b70000;
	border:#d3d3d3 1px solid;
	width:100%;
	margin:0 auto;
	text-align:center;
	}

@media (max-width: 480px){
#sb_instagram.sbi_col_10 #sbi_images .sbi_item, #sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item, #sb_instagram.sbi_col_7 #sbi_images .sbi_item, #sb_instagram.sbi_col_8 #sbi_images .sbi_item, #sb_instagram.sbi_col_9 #sbi_images .sbi_item {
    width: 50% !important;
	}}



/*追記*/
.table_01{
	width: 100%;
}
.table_01 th{
	width: 25%;
	padding: 15px;
	box-sizing: border-box;
}
.table_01 td{
	width: 75%;
	padding: 15px;
	box-sizing: border-box;
}
@media screen and (max-width : 760px ) {
.table_01 th{
	width: 100%;
	padding: 15px 15px 0px;
	display: block;
}
.table_01 td{
	width: 100%;
	display: block;
}
}
.table_01 tr{
	border-bottom: #ddd 1px dotted;
}


.indent_box{
	padding: 60px 0;
}
@media screen and (max-width : 760px ) {
.indent_box{
	padding: 20px 15px;
}
}
.txt_01{
	font-size: 1.8rem;
	line-height: 2.5;
	text-align: center;
}
@media screen and (max-width : 760px ) {
	.txt_01{
	font-size: 1.5rem;
	line-height: 2;
	text-align: center;
}
}

.txt_area{
	position: relative;
	line-height: 2.5;
	width: 60%;
	margin: 0 auto;
}
@media screen and (max-width : 760px ) {
	.txt_area{
	position: relative;
	line-height: 2;
	width: 100%;
	margin: 0 auto;
}

}
.relative{
	position: relative;
}

.list_pht li{
	float: left;
	width: 255px;
	margin-right: 20px;
	margin-bottom: 20px;
}
@media screen and (max-width : 760px ) {
.list_pht li{
	float: left;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 20px;
}
}
.list_pht li:nth-child(4n){
	margin-right: 0;
}
@media screen and (max-width : 760px ) {
.list_pht li:nth-child(2n){
	margin-right: 0;
}
}
.faq{
	margin-bottom: 35px;
    border-bottom: #eee 1px dotted;
    padding-bottom: 35px;
}
.faq dt{
	background: url(../img/faq/txt_q.png) left top no-repeat;
	padding-left: 50px;
	font-weight: bold;
	font-size: 1.6rem;
	margin-bottom: 20px;
}
.faq dd{
	background: url(../img/faq/txt_a.png) left top no-repeat;
	padding-left: 50px;
}
.faq_area{
	width: 80%;
	margin: 0 auto;
}
@media screen and (max-width : 760px ) {
.faq_area{
	width: 100%;
	margin: 0 auto;
}
}
.lh_2{
	line-height: 2;
}

/*企業法務追記*/
.bg_top000{	background:url(../img/top/bg_01_kigyouhoumu.jpg) no-repeat center top;
	background-attachment: fixed;
	max-width: 100%;overflow: hidden;
	height: 600px;
}
.bg_top000:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 0 -10% 0;
  background:url(../../img/top/bg_01_kigyouhoumu.jpg) no-repeat center top #fff;
	-webkit-background-size: cover;
	background-size: cover;
  z-index: -1;
}

.ttl_kigyouhoumu{
display:none!important;
}
/*
.bg_bnr{
display:none!important;
}
.ttl_area{
display:none!important;
}
#breadcrumbs{
display:none!important;
}
*/

.kigyou-none{
display:none!important;
}
.ttl_03_{
font-size:150%!important;
}
.benefits_ttl{
text-align: center;
font-weight:bold;
font-size:140%;
}
.section_ttl_01 span {
display: inline-block;
padding: 0;
position: relative;
}
.section_ttl_02 span {
display: inline-block;
padding-right: 0.5em;
position: relative;
}
.section_ttl_01 span:before,
.section_ttl_01 span:after {
border-top: 1px solid #444;
content: "";
position: absolute;
top: 50%;
width: 99em;
}
.section_ttl_02 span:before,
.section_ttl_02 span:after {
border-top: 1px solid #444;
content: "";
position: absolute;
top: 50%;
width: 99em;
}
.section_ttl_01 span:before {
right: 100%;
}
.section_ttl_01 span:after {
left: 100%;
}
.section_ttl_02 span:before {
right: 100%;
}
.section_ttl_02 span:after {
left: 100%;
}
.clearfix::after {
content: "";
display: block;
clear: both;
}
.section {
padding-top: 3%;
padding-bottom: 3%;
}
.houmu_btn{
display:block;
margin-top:3%;
}
.houmu_btn span{
text-align: right;
border-bottom: 2px solid rgba(255,99,99,0.70);
padding: 5px 28px 5px 20px;
margin: 0 0 5px;
position: relative;
font-size: 12px;
overflow: hidden;
width: 0;
transition: .2s;
}
.houmu_btn span{
text-align: right;
border-bottom: 2px solid rgba(255,99,99,0.70);
padding: 5px 28px 5px 20px;
margin: 0 0 5px;
position: relative;
font-size: 12px;
width: auto;
}
.houmu_btn span:after {
position: absolute;
right: 0;
bottom: 0px;
content: "";
width: 0;
height: 0;
border-top: 5px solid transparent;
border-right: 8px solid transparent;
border-bottom: 5px solid rgba(255,99,99,0.70);
border-left: 8px solid rgba(255,99,99,0.70);
}
.pdt-6{
padding-top:6%!important;
}
.flow_left{
width:25%;
float:left;
}
.flow_left img{
width:100%;
}
.flow_right{
width:71%;
float:right;
}
.flow_box{
clear:both;
}
.h4{
text-align: center;
font-size:130%;
font-weight:bold;
margin-top:4%;
margin-bottom:2%;
}
.ta_kigyouhoumu{
width:100%;
}
.ta_kigyouhoumu th{
background:#EEEEEE;
}
.ta_kigyouhoumu td{
background:#fff;
}
.flow_name{
text-align: right;
margin-top: 6%;
font-size:120%;
}
.font-s{
margin-bottom:4%;
}
@media screen and (min-width : 761px ) {
.pege-kigyouhoumu{
/*overflow-x: hidden;*/
}
.benefits_box{
padding:2%;
border:1px solid #999;
}
.benefits_box_L{
display: flex;
justify-content: space-between;
}
.benefits_box_L .benefits_box{
display: inline-block;
justify-content: center;
align-items: center;
width: 32%;
}
.benefits_icon{
width:75%;
margin-left: auto;
margin-right: auto;
}
.benefits_icon img{
width:100%;
}
.h2_ttl_ex{
font-size: 3.5rem!important;
}
.section_ttl_01{
overflow: hidden;
text-align: left;
padding-bottom: 6%;
color: #000;
font-size:160%;
}
.section_ttl_02 {
overflow: hidden;
text-align: right;
padding-bottom: 6%;
color: #000;
font-size:160%;
}
.img_left {
width: 36%;
float: left;
}
.img_left img {
width: 100%;
}
.img_right {
width: 36%;
float: right;
}
.img_right img {
width: 100%;
}
.p_right {
width: 58%;
float: right;
padding-left: 2%;
padding-top: 4%;
line-height: 2em;
}
.p_left {
width: 58%;
float: left;
line-height: 2em;
padding-top: 4%;
}
.flow_ttl{
font-size:160%;
font-weight:bold;
padding-top:4%;
}
.flow_cont{
line-height: 2em;
}
.circle{
margin-left: auto;
margin-right: auto;
margin-top: 3%;
margin-bottom: 3%;
width: 0;
height: 0;
border-style: solid;
border-width: 22.66px 36.33px 0 36.33px;
border-color: rgba(255,99,99,0.70) transparent transparent transparent;
}
.th_L{
background:#BCBCBC!important;
border:2px solid #999;
font-size:110%;
font-weight:bold;
color:#fff!important;
}
.ta_kigyouhoumu th,
.ta_kigyouhoumu td{
padding:2%;
text-align: center;
border:1px solid #999;
}
}

@media screen and (max-width : 760px ) {
.bg_top000{	background:url(../img/top/bg_01_kigyouhoumu.jpg) no-repeat center top;
	background-attachment: fixed;
	max-width: 100%;overflow: hidden;
	height: 300px;
}
}

@media screen and (min-width : 761px ) {
.voice-box{
clear:both;
}
.top_about_img{
width:27%;
float:left;
}
.top_about_img img{
width:100%;
}
.top_about_img_02{
width:27%;
float:right;
}
.top_about_img_02 img{
width:100%;
}
.top_about_right_02{
width:70%;
float:right;
}
.top_about_right_01{
width:70%;
float:left;
}
.contact-scd_02 {
margin-bottom: 3%;
width: 100%;
padding: 2%;
position: relative;
border: 3px solid #F2F2F2;
background: #F2F2F2;
border-radius: .4em;
}
.contact-scd_02:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 0;
height: 0;
border: 22px solid transparent;
border-right-color: #F2F2F2;
border-left: 0;
border-top: 0;
margin-top: -20px;
margin-left: -22px;
}
.contact-scd_03 {
margin-bottom: 3%;
width: 100%;
padding: 2%;
position: relative;
border: 3px solid #F2F2F2;
background: #F2F2F2;
border-radius: .4em;
}
.contact-scd_03:after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 0;
height: 0;
border: 22px solid transparent;
border-left-color: #F2F2F2;
border-right: 0;
border-top: 0;
margin-top: -20px;
margin-right: -22px;
}
.c-name{
display:block;
font-size:110%;
font-weight:bold;
margin-top:1%;
}
.mgb-6{
margin-bottom:6%;
}
}
.n_red {display: flex;flex-direction: column;grid-gap: 15px 0;}
.n_red li{text-indent: -1em;padding-left: 1em;line-height: 1.8;}
.n_red li span{font-size: 1.8rem;}


@media screen and (max-width : 760px ) {
.voice-box{
clear:both;
}
.top_about_img{
width:80%;
margin-left: auto;
margin-right: auto;
}
.top_about_img img{
width:100%;
}
.top_about_img_02{
width:80%;
margin-left: auto;
margin-right: auto;
}
.top_about_img_02 img{
width:100%;
}
.top_about_right_02{
width:100%;
}
.top_about_right_01{
width:100%;
}
.contact-scd_02 {
margin-top: 3%;
margin-bottom: 3%;
width: 100%;
padding: 2%;
position: relative;
border: 3px solid #F2F2F2;
background: #F2F2F2;
border-radius: .4em;
}
.contact-scd_02:after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 0;
height: 0;
border: 22px solid transparent;
border-right-color: #F2F2F2;
border-left: 0;
border-top: 0;
margin-top: -20px;
margin-left: -22px;
}
.contact-scd_03 {
margin-top: 3%;
margin-bottom: 3%;
width: 100%;
padding: 2%;
position: relative;
border: 3px solid #F2F2F2;
background: #F2F2F2;
border-radius: .4em;
}
.contact-scd_03:after {
content: '';
position: absolute;
right: 0;
top: 50%;
width: 0;
height: 0;
border: 22px solid transparent;
border-left-color: #F2F2F2;
border-right: 0;
border-top: 0;
margin-top: -20px;
margin-right: -22px;
}
.c-name{
display:block;
font-size:110%;
font-weight:bold;
margin-top:1%;
}
.mgb-6{
margin-bottom:6%;
}
}

@media screen and (min-width : 761px ) {
.calendar{
width:100%;
max-width:720px;
margin-left:auto;
margin-right:auto;
margin-bottom:6%;
}
}

@media screen and (max-width : 760px ) {
.calendar{
width:90%;
margin-left:auto;
margin-right:auto;
margin-bottom:6%;
}
}

@media screen and (min-width : 761px ) {
.contact_read{
max-width:720px;
margin-left:auto;
margin-right:auto;
padding-bottom:4%;
}
}
@media screen and (max-width : 760px ) {
.contact_read{
max-width:438px;
margin-left:auto;
margin-right:auto;
padding-bottom:4%;
}
}

/*企業法務追記*/
.note_area{
margin-top:6%;
margin-bottom:6%;
}
.note_area_read{
text-align:center;
color:red;
font-weight:bold;
padding:2%;
border:2px solid red;
}
.note_area p{
margin-top:3%;
margin-bottom:3%;
}
.note_area p span{
font-weight:bold!important;
display:block;
font-size:110%;
}
.it-houmu-list{
margin-left: -2%;
}
.it-houmu-list li{
font-size:100%;
line-height: 1.5em;
margin-top: 3%;
margin-bottom: 3%;
padding-left:2em;
text-indent:-1.7em;
font-weight:bold;
}
.it-houmu-list li img{
width:20px!important;
}
.it-houmu-list-sub{
font-size:140%;
font-weight:bold;
line-height: 1.5em;
}
.it-houmu-strength{
border-bottom: 1px solid #9A861A;
padding-bottom: 0!important;
font-style: italic!important;
}
.it-houmu-num{
font-size:200%!important;
font-style: italic!important;
color:#9A861A;
padding-right: 2%;
font-weight: lighter!important;
}
.it-houmu-pdl-3{
padding-left:5%;
}
.it-table th{
width:25%;
}
.it-table td{
text-align: left;
}
.it-houmu-ft-g{
color:#9A861A;
font-size:150%;
font-style: italic!important;
font-weight: lighter!important;
}
.circle_02{
margin-left: auto;
margin-right: auto;
margin-top: 3%;
margin-bottom: 3%;
width: 0;
height: 0;
border-style: solid;
border-width: 22.66px 36.33px 0 36.33px;
border-color: rgba(154,134,26,0.80) transparent transparent transparent;
}


.lawer_new {
	clear: both;
}
.lawer_new dt {
	width: 20%;
	float: left;
}
.lawer_new dd {
	width: 75%;
	float: right;
}
.lawyer_cat {
	clear: both;
}
.anchor {
	display: block;
	position: relative;
	top: 400px;
	visibility: hidden;
}

@media screen and (min-width : 761px ) {
.btn_lawer_box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	grid-gap: 25px 10px;
	margin-top: 6%;
	margin-bottom: 6%;
}
.btn_lawer {
	position: relative;
	display: inline-block;
	justify-content: center;
	align-items: center;
/*	width: 18%;*/
	width: 15%;
	padding: 1% 2% 1% 2%;
	border: 1px solid #000;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	background: #fff;
}
.btn_lawer .arrow_to {
	position: absolute;
	right: 10px;
	top: 15px;
	font-size: 80%!important;
	color: #444;
}
.btn_lawer .lawer-img {
	width: 20px;
	position: absolute;
	left: 10px;
	top: 7px;
}
}

@media screen and (max-width : 760px ) {
.btn_lawer_box {
	margin-top: 6%;
	margin-bottom: 6%;
	text-align: center;
	grid-gap: 10px 10px;
}
.btn_lawer {
	width: 100%;
	display: block;
	padding: 2% 2% 2% 2%;
	border: 1px solid #000;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	background: #fff;
	margin-bottom: 5px;
	position: relative;
}
.btn_lawer .arrow_to {
	position: absolute;
	right: 10px;
	top: 8px;
	font-size: 80%!important;
	color: #444;
}
.btn_lawer .lawer-img {
	width: 20px;
	position: absolute;
	left: 10px;
	top: 3px;
}
}
.to-seminar {
	color: rgba(47,0,177,1.00)!important;
	text-decoration: underline!important;
	margin-left: 2%!important;
}
.to-seminar:hover {
	text-decoration: none!important;
}
.it_under_mv {
	padding: 2%;
	background: url(../../../uploads/2021/12/it_top.jpg);
	background-size: cover;
}
.for_under_mv {
	padding: 2%;
	background: url(../../../uploads/2021/12/for_top.jpg);
	background-size: cover;
}
.roudou_under_mv {
	padding: 2%;
	background: url(../../../uploads/2021/12/roudou_top.jpg);
	background-size: cover;
}
.legal_under_mv {
	padding: 2%;
	background: url(../../../uploads/2021/12/lc_top.jpg);
	background-size: cover;
}
.saikenkaisyuu_under_mv {
	padding: 2%;
	background: url(../../../uploads/2022/12/saiken_mv.jpg);
	background-size: cover;
}
.business_partner_trouble_mv {
	padding: 2%;
	background: url(../../../uploads/2022/12/bznspt.jpg);
	background-size: cover;
}

/*相談事例一覧*/
@media screen and (min-width : 761px ) {
.ttl_03 {
	font-size: 26px!important;
}
.consul_box {
	background: #F4F4F4;
	padding: 4% 8% 4% 6%;
	position: relative;
	text-decoration: none;
	border-radius: 4px;
	margin-bottom: 3%!important;
}
.consul_box::after {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	right: 30px;
	width: 20px;
	height: 5px;
	border: none;
	border-right: 3px solid #000;
	border-bottom: 2px solid #000;
	transform: skew(45deg);
	transition: .3s;
}
.consul_box:hover::after {
	right: 20px;
	width: 20px;
}
.consul_box:hover {
	background: #D9D9D9;
}
}
.consul_box_cont {
	margin-left: 1em;
	text-indent: -2em;
	font-weight: bold!important;
}

@media screen and (max-width : 760px ) {
.consul_box {
	background: #F4F4F4;
	padding: 4% 4% 4% 6%;
	position: relative;
	text-decoration: none;
	border-radius: 4px;
	margin-bottom: 3%!important;
}
.consul_box::after {
	content: "";
	display: block;
	position: absolute;
	top: calc(90% - 5px);
	right: 30px;
	width: 20px;
	height: 5px;
	border: none;
	border-right: 3px solid #000;
	border-bottom: 2px solid #000;
	transform: skew(45deg);
	transition: .3s;
}
.consul_box:hover::after {
	right: 20px;
	width: 20px;
}
.consul_box:hover {
	background: #D9D9D9;
}
}
/*相談事例詳細*/
.read_top {
	margin-bottom: 3%;
}
.back_case {
	color: #000;
	border: 1px solid #000!important;
	padding: 2% 4% 2% 4%;
	position: relative;
	text-decoration: none;
	text-align: center;
	width: 220px;
	margin-top: 3%;
}
.back_case::after {
	content: "";
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	left: 40px;
	width: 20px;
	height: 5px;
	border: none;
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
	transform: skew(-35deg);
	transition: .3s;
}
.back_case:hover::after {
	left: 30px;
	width: 20px;
}
.consul_cont p {
	padding-bottom: 15px;
}

@media screen and (min-width : 761px ) {
.ttl_03 {
	font-size: 26px!important;
}
.consul_box_detail {
	background: #FBE5E1;
	padding: 4% 3% 4% 6%;
	position: relative;
	text-decoration: none;
	border-radius: 4px;
}
.consul_box_detail_cont {
	margin-left: 1em;
	text-indent: -2em;
	font-weight: bold!important;
	font-size: 16px;
}
.consul_ttl {
	border-bottom: 2px solid #000;
	padding: 8px 8px 8px 16px;
	background: #F4F4F4;
	margin-top: 3%;
	margin-bottom: 2%;
	font-size: 18px;
	font-weight: bold;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
}

@media screen and (max-width : 760px ) {
.ttl_03 {
	font-size: 22px!important;
}
.consul_box_detail {
	background: #FBE5E1;
	padding: 4% 4% 4% 6%;
	position: relative;
	text-decoration: none;
	border-radius: 4px;
}
.consul_box_detail_cont {
	margin-left: 1em;
	text-indent: -2em;
	font-weight: bold!important;
	font-size: 14px;
}
.consul_ttl {
	border-bottom: 2px solid #000;
	padding: 8px 8px 8px 16px;
	background: #F4F4F4;
	margin-top: 3%;
	margin-bottom: 2%;
	font-size: 16px;
	font-weight: bold;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
}

@media screen and (min-width : 761px ) {
.cta_left {
	width: 49%;
	float: left;
}
.cta_right {
	width: 49%;
	float: right;
}
.cta_left img, .cta_right img {
	width: 100%;
}
.cta_box {
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
}

@media screen and (max-width : 760px ) {
.cta_left {
	width: 100%;
}
.cta_right {
	width: 100%;
}
.cta_left img, .cta_right img {
	width: 100%;
	margin-bottom: 5px;
}
.cta_box {
	width: 100%;
	padding-left: 2%;
	padding-right: 2%;
	margin-bottom: -40px;
}
}

@media screen and (min-width : 761px ) {
.covid_title {
	text-align: center;
	font-size: 22px;
	margin-bottom: 3%;
	margin-top: 3%;
}
.covid_list_contact {
	width: 100%;
	max-width: 620px;
	margin-right: auto;
	margin-left: auto;
	background: rgba(235,249,255,1);
	border-radius: 6px;
	padding: 2%;
	margin-top: 3%;
}
.covid_list_contact li {
	font-size: 16px;
	font-weight: bold;
	margin-top: 1.5%;
	margin-bottom: 1.5%;
}
}

@media screen and (max-width : 760px ) {
.covid_title {
	text-align: center;
	font-size: 20px;
	margin-bottom: 3%;
	margin-top: 3%;
}
.covid_list_contact {
	width: 96%;
	max-width: 620px;
	margin-right: auto;
	margin-left: auto;
	background: rgba(235,249,255,1);
	border-radius: 6px;
	padding: 2%;
	margin-top: 3%;
}
.covid_list_contact li {
	font-size: 14px;
	font-weight: bold;
	margin-top: 1.5%;
	margin-bottom: 1.5%;
}
}

@media screen and (max-width : 760px ) {
.benefits_box {
	background: #fff;
}
}


.tgi{
  width:70%;
  margin:0 auto;
}

@media (max-width:768px){
  .tgi{
    width:100%;
  }
}