@charset "UTF-8";
/*
 * page.css
 */ 

/* !#about 事務所について
---------------------------------------------------------- */
#about .contents{
	margin-bottom:126px;
}
#about .contents dl{
	display:table;
	width:100%;
	padding:80px 0;
	border-bottom:solid 1px #323232;
}
#about .contents dl dt{
	display:table-cell;
	width:40%;
	vertical-align:middle;
	text-align:center;
	font-size:115%;
	font-weight:600;
}
#about .contents dl dd{
	display:table-cell;
	box-sizing:border-box;
	width:60%;
	padding-left:20px;
	vertical-align:middle;
	text-align:left;
	line-height:1.6;
}

@media screen and (max-width:767px){
	#about .contents{
		margin-bottom:55px;
	}
	#about .contents dl{
		display:block;
		padding:50px 0;
	}
	#about .contents dl dt{
		display:block;
		width:100%;
		padding-bottom:30px;
		text-align:center;
		font-size:150%;
	}
	#about .contents dl dd{
		display:block;
		width:100%;
		padding-left:0;
		text-align:center;
		font-size:115%;
	}
}

/* !#greetings ごあいさつ
---------------------------------------------------------- */
#greetings .data{
	width:750px;
	margin:0 auto;
	padding:80px 165px 118px;
	border-bottom:1px solid #323232;
}
#greetings .data .photo{
	float:right;
	width:290px;
	height:340px;
}
#greetings .data .photo img{
	width:100%;
}

#greetings .data .biography{
	float:left;
	width:375px;
}
#greetings .data .biography h2{
	font-size:115%;
	font-weight:600;
	margin-bottom:20px;
}

#greetings .data .biography dl{
	line-height:1.6;
	margin-bottom:20px;
}

#greetings .data .biography dt{
	float:left;
	width:70px;
}
#greetings .data .biography dd{
	float:right;
	width:305px;
}
#greetings .comments{
	width:750px;
	margin:0 auto;
	padding:80px 165px 118px;
}
#greetings .comments p{
	text-align:center;
	line-height:2.5;
}
#greetings .comments p:before{
	content:"";
	display:block;
	width:60px;
	height:60px;
	margin:0 auto 20px;
	background: url(../img/greetings/mark.png) no-repeat center center;
	background-size:contain;
}
@media screen and (max-width:767px){
	#greetings .data{
		width:100%;
		padding:25px 0 30px;
	}
	#greetings .data .photo{
		float:none;
		width:65%;
		height:auto;
		margin:0 auto 50px;
	}
	#greetings .data .biography{
		float:none;
		width:100%;
		box-sizing:border-box;
		padding:0 10px;
	}
	#greetings .data .biography h2{
		font-size:150%;
	}
	#greetings .data .biography dl{
		font-size:115%;
		line-height:1.3;
		margin-bottom:40px;
	}
	#greetings .data .biography dl:last-child{
		margin-bottom:0;
	}
	#greetings .data .biography dt{
		float:none;
		width:100%;
	}
	#greetings .data .biography dd{
		float:none;
		width:100%;
		margin-bottom:20px;
	}
	#greetings .comments{
		width:100%;
		padding:40px 0 35px;
	}
	#greetings .comments p{
		padding:0 10px;
		text-align:left;
		font-size:115%;
		line-height:1.3;
	}
	#greetings .comments p:before{
		width:57px;
		height:57px;
	}
}

/* !#outline　業務分野
---------------------------------------------------------- */
#outline .contents{
	margin-bottom:34px;
}
#outline .contents h1{
	margin-bottom:40px;
}
#outline nav.page_link{
	margin-bottom:34px;
}
#outline nav.page_link ul{
	width:882px;
	margin:0 auto;
}
#outline nav.page_link ul li{
	float:left;
	width:126px;
	font-weight:bold;
	text-align:center;
}
#outline nav.page_link ul li:last-child{
	width:252px;
}
#outline nav.page_link ul.link_stroke li a {
  padding-bottom:10px;
}
#outline nav.page_link ul.link_stroke li a:after {
  background: #424242;
}
#outline nav.page_link ul.link_stroke li a:hover:after {
  width: 20%;
}
#outline nav.page_link ul.link_stroke li.strk_1 a:hover:after {
  width: 30%;
}
#outline nav.page_link ul.link_stroke li.strk_2 a:hover:after {
  width: 40%;
}
#outline .contents .bg_txt{
	width:1040px;
	padding:20px;
	margin-bottom:60px;
	background-color:#f0f0f0;
}
#outline .contents dl{
	line-height:1.4;
	margin-bottom:110px;
}
#outline .contents dl dt{
	float:left;
	width:150px;
	height:21px;
	padding-bottom:18px;
	font-size:143%;
	font-weight:600;
	border-bottom:3px solid #cabf9e;
	
}
#outline .contents dl#civil_legal dt:after{
	content:"（内容証明・契約書）";
	display:block;
	margin-top:23px;
	font-size:70%;
}
#outline .contents dl dd{
	float:right;
	width:900px;
}
#outline .contents dl dd table{
	width:100%;
	margin-bottom:30px;
}
#outline .contents dl dd table tr{
	border-bottom:1px solid #dddddd;
}
#outline .contents dl dd table th{
	box-sizing:border-box;
	height:41px;
	font-size:108%;
	font-weight:600;
	text-align:center;
}
#outline .contents dl dd table th.item{
	width:210px;
}
#outline .contents dl dd table th.price{
	width:120px;
}
#outline .contents dl dd table td{
	padding:30px 0 30px 20px;
	vertical-align:middle;
}
#outline .contents dl dd table td.yen{
	padding:30px 0;
	text-align:center;
}
#outline .contents dl dd table td.t_center{
	padding:30px 0;
}
#outline .contents dl dd table td.t_left{
	padding-left:25px;
}
#outline .contents dl dd div.caution{
	padding:0 25px;
	font-size:86%;
	line-height:1.7;
}
#outline .contents dl dd div.caution ul.kome li{
	text-indent:-1em;
	padding-left:1em;
}
#outline .contents dl dd div.caution ul.kome li:before{
	content:"※";	
}
#outline .contents p.message{
	font-family: "Noto Serif Japanese";
	padding:45px 0;
	line-height:1.8;
	font-size:143%;
	font-weight:600;
	color:#000000;
	text-align:center;
	border:1px solid #090204;
}
@media screen and (max-width:767px){
	#outline .contents h1{
		margin-bottom:25px;
	}
	#outline .contents dl{
		line-height:1;
		margin-bottom:25px;
	}
	#outline .contents dl dt{
		position:relative;
		float:none;
		box-sizing:border-box;
		width:100%;
		height:auto;
		padding:15px 5px;
		font-size:129%;
		border-bottom:2.5px solid #cabf9e;
	}
	.accordion .ico_acco {
		position:absolute;
		right:5%;
		top:20px;
		width:15px;
		height:15px;
		box-sizing: border-box;
	}
	.accordion .ico_acco span{
		position: absolute;
		display: inline-block;
		transition: all .3s;
		-webkit-transition: all .3s;
		box-sizing: border-box;
		right: 0;
		width: 100%;
		height: 2px;
		background-color: #cabf9e;
	}
	.accordion .ico_acco span:nth-child(1){
		transform: rotate(90deg);		
	}
	.accordion .open .ico_acco span:nth-child(1){
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);		
	}
	#outline .contents dl#civil_legal dt span{
		display:inline-block!important;
		font-size:77%;
	}
	#outline .contents dl#civil_legal dt:after{
		content:none;
	}
	#outline .contents dl dd{
		display:none;
		float:none;
		font-size:115%;
		width:100%;
	}
	#outline .contents dl dd table{
		margin-bottom:30px;
		line-height:2;
	}
	#outline .contents dl dd table th{
		height:55px;
		font-size:88%;
		vertical-align:middle;
	}
	#outline .contents dl dd table th.item{
		width:30%;
	}
	#outline .contents dl dd table th.price{
		width:31%;
	}
	#outline .contents dl dd table td{
		text-align:left;
		padding:15px 0;
		font-size:88%;
		vertical-align:top;
	}
	#outline .contents dl dd table td.yen{
		box-sizing:border-box;
		text-align:right;
		padding-right:6%;
	}
	#outline .contents dl dd table td.t_left{
		padding-left:0;
	}
	#outline .contents dl dd div.caution{
		padding:0;
		font-size:88%;
		line-height:2;
	}
	#outline .contents dl dd div.caution p{
		text-indent:-1em;
		padding-left:1em;
	}
	#outline .contents p.message{
		padding:30px 0;
		line-height:1.6;
		font-size:129%;
		margin-top:40px;
	}
}

/* !#step　ご依頼の流れ
---------------------------------------------------------- */
#step .contents{
	margin-bottom:105px;
}
#step .contents > p{
	text-align:center;
	color:#969696;
	font-size:129%;
	padding:20px 0;
	border-bottom:solid 1px #323232;
}
#step .contents dl{
	display:table;
	width:100%;
	padding:80px 0;
	border-bottom:solid 1px #323232;
}
#step .contents dl dt{
	display:table-cell;
	width:40%;
	vertical-align:middle;
	text-align:center;
	font-size:30px;
}
#step .contents dl dt .number{
	font-size:60px;
	color:#9b8c69;
	margin-left:5px;
}
#step .contents dl dd{
	display:table-cell;
	box-sizing:border-box;
	width:60%;
	padding-right:35px;
	vertical-align:middle;
	text-align:left;
	line-height:1.6;
}
#step .contents dl dd .step_ttl{
	margin-bottom:10px;
	font-size:115%;
	font-weight:600;
}
#step .contents dl dd .phone_number{
	margin:30px 0 20px 10px;
	vertical-align:middle;
	font-size:86%;
}
#step .contents dl dd .phone_number span{
	margin-left:10px;
	vertical-align:7px;
	font-weight:600;
}
#step .contents dl dd .btn_dc_a a{
	padding:15px 0;
	text-align:center;
	font-size:108%;
}
#step .contents dl dd .btn_dc_a a .txt_small{
	font-size:80%;
}

#step .contents dl dd .btn_dc_a .ico{
	content:"";
	display:inline-block;
	background: url(../img/step/ico_mail_change.png) no-repeat 0 center;
	background-size:contain;
	width:16px;
	height:13px;
	margin-right:10px;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
}
#step .contents dl dd .btn_dc_a:hover .ico{
	background: url(../img/step/ico_mail.png) no-repeat 0 center;
	background-size:contain;
	width:16px;
	height:13px;
	margin-right:10px;
	transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
}
@media screen and (max-width:767px){
	#step .contents{
		margin-bottom:55px;
	}
	#step .contents > p{
		font-size:115%;
	}
	#step .contents dl{
		display:block;
		width:100%;
		padding:45px 0 60px;
	}
	#step .contents dl dt{
		display:block;
		width:100%;
		font-size:179%;
		margin-bottom:10px;
	}
	#step .contents dl dt .number{
		font-size:50px;
		vertical-align:-5px;
	}
	#step .contents dl dd{
		display:block;
		width:100%;
		padding-right:0;
		line-height:1.5;
	}
	#step .contents dl dd p.step_ttl{
		margin-bottom:25px;
		font-size:150%;
		text-align:center;
	}
	#step .contents dl dd p{
		font-size:115%;
	}
	#step .contents dl dd .phone_number{
		width:100%;
		margin:20px 0 10px;
		text-align:center;
	}
	#step .contents dl dd .phone_number img{
		width:80%;
	}
	#step .contents dl dd .phone_number span{
		margin-left:0;
		vertical-align:middle;
		display:block;
	}
	#step .contents dl dd .btn_dc_a{
		width:90%;
		margin:0 auto;
	}
	#step .contents dl dd .btn_dc_a a{
		width:100%;
	}
	#step .contents dl dd .btn_dc_a .ico{
		width:16px;
		height:13px;
	}
	#step .contents dl dd .btn_dc_a:hover .ico{
		background: url(../img/step/ico_mail_change.png) no-repeat 0 center;
		background-size:contain;
		transition: none;
		-webkit-transition:none;
	}
	#step .contents dl dd .btn_dc_a a.hover .ico{
		background: url(../img/step/ico_mail.png) no-repeat 0 center;
		background-size:contain;
		width:16px;
		height:13px;
		margin-right:10px;
		transition: 0.3s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;
	}
}

/* !#guide　このサイトについて
---------------------------------------------------------- */
#guide .contents{
	margin-bottom:160px;
}
#guide .contents h1{
	margin-bottom:60px;
}
#guide .contents dl{
	width:1000px;
	margin:0 auto 35px;
}
#guide .contents dl dt{
	font-size:143%;
	font-weight:600;
	margin-bottom:20px;
}
#guide .contents dl dd{
	margin-left:40px;
	line-height:2;
}
@media screen and (max-width:767px){
	#guide .contents{
		margin-bottom:60px;
	}
	#guide .contents h1{
		margin-bottom:40px;
	}
	#guide .contents dl{
		width:100%;
	}
	#guide .contents dl dt{
		font-size:165%;
	}
	#guide .contents dl dd{
		font-size:115%;
		margin-left:0;
		line-height:1.7;
	}
}

/* !#privacy　個人情報の取り扱いについて 
---------------------------------------------------------- */
#privacy .contents{
	margin-bottom:100px;
}
#privacy .inner_contents{
	width:1000px;
	margin:60px auto 0;
	line-height:2;
}
#privacy .inner_contents .date{
	margin-bottom:20px;
}
#privacy .inner_contents .privacy_policy{
	margin-top:20px;
}
#privacy .inner_contents .privacy_policy > li{
	margin-bottom:30px;
}
#privacy .inner_contents .privacy_policy dl dt{
	font-weight:600;
	font-size:143%;
}
#privacy .inner_contents .privacy_policy dl dd{
	margin-left:2.5em;
}
#privacy .inner_contents .privacy_policy dl dd > ul li{
	margin-left:1.5em;
}
@media screen and (max-width:767px){
	#privacy .contents{
		margin-bottom:45px;
	}
	#privacy .inner_contents{
		width:100%;
		margin:33px auto 0;
		line-height:1.6;
		font-size:115%;
	}
	#privacy .inner_contents .date{
		margin-bottom:50px;
	}
	#privacy .inner_contents .privacy_policy{
		margin-top:55px;
	}
	#privacy .inner_contents .privacy_policy > li{
		margin-bottom:60px;
	}
	#privacy .inner_contents .privacy_policy dl dt{
		margin-bottom:20px;
		text-indent:-1.5em;
		padding-left:1.5em;
	}
	#privacy .inner_contents .privacy_policy dl dd{
		margin-left:0;
	}
	#privacy .inner_contents .privacy_policy dl dd > ul li{
		text-indent:-2.5em;
		padding-left:3em;
		margin-left:0;
	}
}

/* !#client　依頼者の身元確認について
---------------------------------------------------------- */
#client .contents{
	margin-bottom:120px;
}
#client .contents h1{
	margin-bottom:60px;
}
#client .inner_contents{
	width:1000px;
	margin:0 auto;
	line-height:2;
}
#client .inner_contents .t_center{
	margin:15px auto 20px;
}
#client .inner_contents ul li{
	margin-left:2em;
}
#client .inner_contents p.t_right{
	margin-bottom:55px;
}
#client .inner_contents .identification p{
	margin-bottom:10px;
}
#client .inner_contents .identification dl{
	display:table;
	width:970px;
	margin-left:30px;
	border-top:1px solid #dcdcdc;
}
#client .inner_contents .identification dl:last-child{
	border-bottom:1px solid #dcdcdc;
}
#client .inner_contents .identification dl dt{
	display:table-cell;
	width:200px;
	background-color:#f5f5f5;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	text-align:center;
	vertical-align:middle;
}
#client .inner_contents .identification dl dd{
	display:table-cell;
	border-right:1px solid #dcdcdc;
	padding: 15px 0 15px 40px;
}
@media screen and (max-width:767px){
	#client .contents{
		margin-bottom:40px;
	}
	#client .contents h1{
		margin-bottom:40px;
	}
	#client .inner_contents{
		width:100%;
		margin:0 auto;
		line-height:1.7;
		font-size:115%;
	}
	#client .inner_contents .t_center{
		margin:15px auto 25px;
	}
	#client .inner_contents ul li{
		margin-left:1em;
		text-indent:-1em;
		padding-left:1em;
	}
	#client .inner_contents p.t_right{
		margin-bottom:30px;
		margin-top:20px;
	}
	#client .inner_contents .identification dl{
		display:block;
		width:100%;
		margin-left:0;
		border-top:none;
	}
	#client .inner_contents .identification dl dt{
		display:block;
		box-sizing:border-box;
		width:100%;
		padding:10px 0;
		border:1px solid #dcdcdc;
	}
	#client .inner_contents .identification dl dd{
		display:block;
		box-sizing:border-box;
		width:100%;
		padding:15px;
		border-left:1px solid #dcdcdc;
		border-right:1px solid #dcdcdc;
	}
}

/* !#info  お知らせ一覧
---------------------------------------------------------- */
#info .contents{
	margin-bottom:126px;
}
#info .contents h1{
	margin-bottom:40px;
}
#info #news {
	float:left;
	width:510px;
	font-size:;
}
#info #topics {
	float:right;
	width:510px;
	font-size:;
}
#info h2{
	padding-bottom:26px;
	margin-bottom:23px;
	border-bottom:3px solid #cabf9e;
	text-align:center;
	font-size:140%;
	font-weight:600;
}
#info #news dl:nth-child(even),
#info #topics dl:nth-child(even){
	background-color:#f0f0f0;
}
#info #news dl:last-child,
#info #topics dl:last-child{
	border-bottom:1px solid #f0f0f0;
}

#info #news dl dt,
#info #topics dl dt{
	float:left;
	width:100px;
	padding:17px 0;
	color:#9b8c69;
	font-weight:700;
	font-size:93%;
	text-align:center;
}
#info #news dl dd,
#info #topics dl dd{
	padding:17px 0;
	font-size:93%;
}
#info #news h2 span.tab_off,
#info #topics h2 span.tab_off{
	display:none;
}
@media screen and (max-width:767px){
	#info .contents{
		margin-bottom:50px;
	}
	#info .contents h1{
		margin-bottom:40px;
	}
	#info #news {
		display:none;
		float:none;
		width:100%;
		font-size:115%;
	}
	#info #topics {
		display:none;
		float:none;
		width:100%;
		font-size:115%;
	}
	#info #news.select,#info #topics.select{
		display:block;
	}
	#info h2{
		position: relative;
		height:60px;
		box-sizing:border-box;
		padding-bottom:0;
		margin:0 0 23px 0;
		border-bottom:1px solid #cabf9e;;
		font-size:136%;
	}
	#info #news h2 span.tab_on{
		position:absolute;
		top:1px;
		display:block;
		width:47%;
		padding:20px 0 17px;
		margin:0 0 0 2%;
		border-top:1px solid #9b8c69;
		border-right:1px solid #9b8c69;
		border-left:1px solid #9b8c69;
		border-bottom:1px solid #ffffff;
		background-color:#ffffff;
	}
		#info #news h2 span.tab_off{
		position:absolute;
		top:0;
		display:block;
		width:47%;
		padding:20px 0 17px;
		margin:0 2% 0 51%;
		border:1px solid #9b8c69;
		background-color:#9b8c69;
		color:#ffffff;
	}
	#info #topics h2 span.tab_on{
		position:absolute;
		top:1px;
		display:block;
		width:47%;
		padding:20px 0 17px;
		margin:0 2% 0 51%;
		border-top:1px solid #9b8c69;
		border-right:1px solid #9b8c69;
		border-left:1px solid #9b8c69;
		border-bottom:1px solid #ffffff;
		background-color:#ffffff;
	}
		#info #topics h2 span.tab_off{
		position:absolute;
		top:0;
		display:block;
		width:47%;
		padding:20px 0 17px;
		margin:0 0 0 2%;
		border:1px solid #9b8c69;
		background-color:#9b8c69;
		color:#ffffff;
	}
	#info #news dl,
	#info #topics dl{
		padding:20px 10px;
	}
	#info #news dl dt,
	#info #topics dl dt{
		float:none;
		width:100%;
		padding:0;
		margin-bottom:5px;
		font-size:115%;
		text-align:left;
	}
	#info #news dl dd,
	#info #topics dl dd{
		padding:0;
		font-size:115%;
	}
}

/* !#info_topics_and_news お知らせ
---------------------------------------------------------- */
#info_topics_and_news .contents{
	margin-bottom:120px;
}
#info_topics_and_news .contents h1{
	margin-bottom:50px;
}
#info_topics_and_news .contents .date{
	margin:0 8px 10px 0;
	color:#9e8a4f;
	font-weight:bold;
	font-size:93%;
	line-height:1;
	text-align:right;
}
#info_topics_and_news .contents > div{
	width:760px;
	margin:0 auto;
}
#info_topics_and_news .contents h2{
	height:22px;
	padding-top:8px;
	margin-bottom:45px;
	font-size:158%;
	font-weight:600;
	background:url(../img/common/ico_bird.png) no-repeat 0 center /contain;
	padding-left:45px;
}
#info_topics_and_news .contents p,
#info_topics_and_news .contents ol,
#info_topics_and_news .contents ul,
#info_topics_and_news .contents dl{
	line-height:2;
}
#info_topics_and_news .contents .box{
	margin-bottom:60px;
}
#info_topics_and_news .contents ol{
  counter-reset: item;
  margin-left:15px;
}
#info_topics_and_news .contents ol li{
  text-indent:-1.5em;
  padding-left:1.5em;
}
#info_topics_and_news .contents ol li:before {
  counter-increment: item;
  content: counter(item)'.';
  padding-right: .5em;
}
#info_topics_and_news .contents figure.f_img_right{
	display:block;
	width:345px;
	margin-top:8px;
	margin-left:30px;
	margin-bottom:10px;
}
#info_topics_and_news .contents figure.f_img_right figcaption{
	margin-top:3px;
	text-align:center;
	font-size:86%;
}
#info_topics_and_news .contents figure.f_img_left{
	width:345px;
	margin-top:8px;
	margin-right:30px;
	margin-bottom:10px;
}
#info_topics_and_news .contents figure.f_img_left figcaption{
	margin-top:3px;
	text-align:center;
	font-size:86%;
}
#info_topics_and_news .contents figure img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}
#info_topics_and_news .contents table.table_layout1{
	width:100%;
	border-collapse:collapse;
}
#info_topics_and_news .contents table.table_layout1 th{
	padding:25px 0;
	text-align:center;
	background-color:#f5f5f5;
	border:1px solid #dcdcdc;
	border:1px solid #dcdcdc;
}
#info_topics_and_news .contents table.table_layout1 th:nth-child(1){
	width:26%;
}
#info_topics_and_news .contents table.table_layout1 th:nth-child(2){
	width:22%;
}
#info_topics_and_news .contents table.table_layout1 td{
	padding:20px 0;
	line-height:2;
	border:1px solid #dcdcdc;
	vertical-align:middle;
}
#info_topics_and_news .contents table.table_layout1 td.t_left{
	padding-left:25px;
	box-sizing:border-box;
}
#info_topics_and_news .contents ul.kome{
	margin:20px 0 0 0;
}
#info_topics_and_news .contents ul.kome li{
	text-indent:-1.5em;
	padding-left:1.5em;
	font-size:86%;
}
#info_topics_and_news .contents table.table_layout2{
	width:100%;
	border-collapse:collapse;
}
#info_topics_and_news .contents table.table_layout2 th{
	width:26%;
	padding:25px 0;
	text-align:center;
	background-color:#f5f5f5;
	border:1px solid #dcdcdc;
	vertical-align:middle;
}
#info_topics_and_news .contents table.table_layout2 td{
	line-height:2;
	border:1px solid #dcdcdc;
	vertical-align:middle;
	padding:20px 0;
}
#info_topics_and_news .contents table.table_layout2 td.t_left{
	padding-left:25px;
	box-sizing:border-box;
}
#info_topics_and_news .contents .btn_dc_b{
	width:365px;
	margin:0 auto;
}
#info_topics_and_news .contents .btn_dc_b a{
	width:365px;
	font-weight:600;
	font-size:115%;
}
@media screen and (max-width:767px){
	#info_topics_and_news .contents{
	margin-bottom:50px;
	}
	#info_topics_and_news .contents > div{
		width:100%;
		margin:0 auto;
		font-size:100%;
	}
	#info_topics_and_news .contents .date{
		margin:0 8px 20px 0;
	}
	#info_topics_and_news .contents h2{
		height:auto;
		padding-top:0;
		padding-left:45px;
		margin-bottom:25px;
		font-size:150%;
		background:url(../img/common/ico_bird.png) no-repeat 0 0 /44px;
		line-height:1.5;
	}
	#info_topics_and_news .contents p,
	#info_topics_and_news .contents ol,
	#info_topics_and_news .contents ul,
	#info_topics_and_news .contents dl{
		line-height:1.7;
	}
	#info_topics_and_news .contents .box{
		margin-bottom:40px;
	}
	#info_topics_and_news .contents ol{
		margin-left:10px;
	}
	#info_topics_and_news .contents figure.f_img_right{
		float:none;
		margin-top:0;
		margin-left:0;
		margin-bottom:30px;
		width:100%;
	}
	#info_topics_and_news .contents figure.f_img_right img{
		width:100%;
	}
	#info_topics_and_news .contents figure.f_img_right figcaption{
		margin-bottom:30px
	}
	#info_topics_and_news .contents figure.f_img_left{
		float:none;
		display:block;
		margin-top:0;
		margin-right:0;
		margin-bottom:30px;
		width:100%;
	}
	#info_topics_and_news .contents figure.f_img_left img{
		width:100%;
	}
	#info_topics_and_news .contents figure.f_img_left figcaption{
		margin-bottom:30px
	}
	/*#info_topics_and_news .contents ul.kome{
		margin:20px 0 0 15px;
	}*/
	#info_topics_and_news .contents ul.kome li{
		text-indent:-1.5em;
		padding-left:1.5em;
		font-size:86%;
	}
	#info_topics_and_news .contents table.table_layout2{
		width:100%;
		border-collapse:collapse;
	}
	#info_topics_and_news .contents table.table_layout2 th{
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	#info_topics_and_news .contents table.table_layout2 td{
		display:block;
		width:100%;
		box-sizing:border-box;
		border-top:none;
		line-height:1.7;
		margin-bottom:10px;
	}
	#info_topics_and_news .contents table.table_layout2 td.t_left{
		padding:20px;
		box-sizing:border-box;
	}
	#info_topics_and_news .contents .btn_dc_b{
		width:80%;
		margin:0 auto;
	}
	#info_topics_and_news .contents .btn_dc_b a{
		padding:20px 0;
		width:100%;
		font-size:100%;
	}
}

/* !#columns_list コラム一覧
---------------------------------------------------------- */
#columns_list .contents h1{
	margin-bottom:70px;
}
#columns_list h2{
	padding-bottom:20px;
	margin-bottom:23px;
	border-bottom:3px solid #cabf9e;
	text-align:center;
	font-size:140%;
	font-weight:600;
}
#columns_list .column-cls{
	display:flex;
}
#columns_list .column-cls .L_side{
	width:530px;		
	margin-right:20px;	
}
#columns_list .column-cls .R_side{
	width:530px;		
}
#columns_list .column-cls div > div:nth-of-type(odd){
	background-color:#f0f0f0;
}
#columns_list .column-cls div > div:last-of-type{
	border-bottom:1px solid #f0f0f0;
}
#columns_list .column-cls div > div{
	padding:15px 25px;
	font-size:93%;		
}
#columns_list .column-cls div > div a{
	line-height:1.5;
}
#columns_list .column-cls{
	margin-bottom:55px;
}
#columns_list .column-cls._04{
	margin-bottom:105px;
}

@media screen and (max-width:767px){
	#columns_list .contents h1{
		margin-bottom:30px;
	}
	#columns_list h2{
		padding-bottom:15px;
		margin-bottom:27px;
		text-align:left;
		font-size:170%;
	}
	#columns_list .column-cls{
		display:block;
	}
	#columns_list .column-cls .L_side{
		width:100%;
		margin-right:0;
	}
	#columns_list .column-cls .R_side{
		width:100%;
	}
	#columns_list .column-cls div > div{
		padding:19px 10px;
		font-size:114%;
	}
	#columns_list .column-cls{
		margin-bottom:45px;
	}
	#columns_list .column-cls._04{
		margin-bottom:100px;
	}
}

/* !#columns_files コラムの内容ページ
---------------------------------------------------------- */
#columns_files .contents{
	margin-bottom:120px;
}
#columns_files .contents h1{
	margin-bottom:50px;
}
#columns_files .contents > div{
	width:760px;
	margin:0 auto;
}
#columns_files .contents .cls_name span{
	display:inline-block;
	padding:3px 15px;
	margin-bottom:20px;
	font-size:100%;
	color:#9b8c69;
	border:solid 1px #9b8c69;
}
#columns_files .contents h2{
	height:22px;
	padding-top:8px;
	margin-bottom:45px;
	font-size:158%;
	font-weight:600;
	background:url(../img/common/ico_bird.png) no-repeat 0 center /contain;
	text-indent:45px;
}
#columns_files .contents .box h3{
	margin-bottom:15px;
	font-weight:bold;
	font-size:128%;
	line-height:1.3;
}
#columns_files .contents p,
#columns_files .contents ol,
#columns_files .contents ul,
#columns_files .contents dl{
	line-height:1.7;
}
#columns_files .contents .box{
	margin-bottom:60px;
}
#columns_files .contents .box p.txt_indent{
	text-indent:1em;
}
#columns_files .contents .date{
	margin-top:30px;
	color:#9e8a4f;
	font-weight:bold;
	font-size:93%;
	line-height:1;
}
#columns_files .contents .btn_bandn{
	display:flex;
	justify-content:center;
	margin-bottom:50px;
}
#columns_files .contents .btn_bandn li .spn_wrap{
	padding:2px 16px;
	position:relative;
	color:#a0a0a0;
}
#columns_files .contents .btn_bandn li a .spn_wrap{
	color:#000000;
}
#columns_files .contents .btn_bandn li a .spn_wrap .spn_ul{
	position:relative;
	padding-bottom:5px;
}
#columns_files .contents .btn_bandn li a .spn_wrap .spn_ul:after{
	content:".";
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	width:0%;
	color: transparent;
	background: #9b8c69;
	height: 2px;
	transition: width .3s;
}
#columns_files .contents .btn_bandn li a.hover .spn_wrap .spn_ul:after{
	width: 100%;
}
#columns_files .contents .btn_bandn li.back{
	border-right:dotted 1px #9b8c69
}
#columns_files .contents .btn_bandn li.back .spn_wrap{
	margin-right:4px;
}
#columns_files .contents .btn_bandn li.back .spn_wrap:after{
	position:absolute;
	left:0;
	top:calc(50% - 3px);	
	box-sizing:border-box;
	content:"";
	display:block;
	width:5px;
	height:6px;
	border-left:none;
	border-top:solid 2.5px transparent;
	border-right:solid 6px #c3c3c3;
	border-bottom:solid 2.5px transparent;
}
#columns_files .contents .btn_bandn li.back a .spn_wrap:after{
	border-left:none;
	border-top:solid 2.5px transparent;
	border-right:solid 6px #a98a34;
	border-bottom:solid 2.5px transparent;
}
#columns_files .contents .btn_bandn li.next .spn_wrap{
	margin-left:4px;
}
#columns_files .contents .btn_bandn li.next .spn_wrap:after{
	position:absolute;
	right:0;
	top:calc(50% - 3px);	
	box-sizing:border-box;
	content:"";
	display:block;
	width:5px;
	height:6px;
	border-left:solid 6px #c3c3c3;
	border-top:solid 2.5px transparent;
	border-right:none;
	border-bottom:solid 2.5px transparent;
}
#columns_files .contents .btn_bandn li.next a .spn_wrap:after{
	border-left:solid 6px #a98a34;
	border-top:solid 2.5px transparent;
	border-right:none;
	border-bottom:solid 2.5px transparent;
}
#columns_files .contents ol{
  counter-reset: item;
  margin-left:15px;
}
#columns_files .contents ol li{
  text-indent:-1.5em;
  padding-left:1.5em;
}
#columns_files .contents ol li:before {
  counter-increment: item;
  content: counter(item)'.';
  padding-right: .5em;
}
#columns_files .contents figure img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}
#columns_files .contents figure.f_img_right{
	display:block;
	width:345px;
	margin-top:8px;
	margin-left:30px;
	margin-bottom:10px;
}
#columns_files .contents figure.f_img_right figcaption{
	margin-top:3px;
	text-align:center;
	font-size:86%;
}
#columns_files .contents figure.f_img_left{
	width:345px;
	margin-top:8px;
	margin-right:30px;
	margin-bottom:10px;
}
#columns_files .contents figure.f_img_left figcaption{
	margin-top:3px;
	text-align:center;
	font-size:86%;
}
#columns_files .contents .box .before_img-area{
	margin-bottom:20px;
}
#columns_files .contents .table_layout00{
	box-sizing:border-box;
	display:flex;
	margin-top:55px;
	width:100%;	
	border:1px solid #dcdcdc;
}
#columns_files .contents .table_layout00 .data{
	box-sizing:border-box;
	width:100%;
}
#columns_files .contents .table_layout00 .data .th{
	box-sizing:border-box;
	padding:25px;
	background-color:#f5f5f5;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	width:100%;
	line-height:1.7;
	text-align:center;
}
#columns_files .contents .table_layout00 .data._03 .th{
	border-right:none;
}
#columns_files .contents .table_layout00 .data .td{
	box-sizing:border-box;
	padding:25px;
	background-color:#ffffff;
	border-right:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
	line-height:1.7;
}
#columns_files .contents .table_layout00 .data._03 .td{
	border-right:none;
}
#columns_files .contents .table_layout00 .data .td._03{
	border-bottom:none;
}
#columns_files .contents .table_layout00 .data._01{
	width:26%;
}
#columns_files .contents .table_layout00 .data._02{
	width:22%;
}
#columns_files .contents .table_layout00 .data._03{
	width:52%;
}
#columns_files .contents ul.kome{
	margin:20px 0 0 0;
}
#columns_files .contents ul.kome li{
	text-indent:-1.5em;
	padding-left:1.5em;
	font-size:86%;
}
#columns_files .contents table.table_layout2{
	width:100%;
	border-collapse:collapse;
}
#columns_files .contents table.table_layout2 th{
	width:26%;
	padding:25px 0;
	text-align:center;
	background-color:#f5f5f5;
	border:1px solid #dcdcdc;
	vertical-align:middle;
}
#columns_files .contents table.table_layout2 td{
	line-height:2;
	border:1px solid #dcdcdc;
	vertical-align:middle;
	padding:20px 0;
}
#columns_files .contents table.table_layout2 td.t_left{
	padding-left:25px;
	box-sizing:border-box;
}
#columns_files .contents .btn_dc_b{
	width:365px;
	margin:0 auto;
}
#columns_files .contents .btn_dc_b a{
	width:365px;
	font-weight:600;
	font-size:115%;
}
@media screen and (max-width:767px){
	#columns_files .contents{
	margin-bottom:50px;
	}
	#columns_files .contents > div{
		width:100%;
		margin:0 auto;
		font-size:115%;
	}
	#columns_files .contents .cls_name span{
		padding:3px 20px;
		font-size:87.5%;
	}
	#columns_files .contents h2{
		height:auto;
		padding-top:0;
		padding-left:45px;
		margin-bottom:25px;
		font-size:150%;
		background:url(../img/common/ico_bird.png) no-repeat 0 0 /44px;
		text-indent:0;
		line-height:1.5;
	}
	#columns_files .contents .date{
		font-size:100%;
	}
	#columns_files .contents p,
	#columns_files .contents ol,
	#columns_files .contents ul,
	#columns_files .contents dl{
		line-height:1.7;
	}
	#columns_files .contents .box{
		margin-bottom:40px;
	}
	#columns_files .contents .btn_bandn li{
		line-height:1;
	}
	#columns_files .contents .btn_bandn li .spn_wrap{
		font-size:87.5%;
	}
	#columns_files .contents .btn_bandn li.back .spn_wrap:after{
		top:calc(50% - 5px);
		width:10px;
		height:8px;
		border-left:none;
		border-top:solid 5px transparent;
		border-right:solid 8px #c3c3c3;
		border-bottom:solid 5px transparent;
	}
	#columns_files .contents .btn_bandn li.back a .spn_wrap:after{
		border-left:none;
		border-top:solid 5px transparent;
		border-right:solid 8px #a98a34;
		border-bottom:solid 5px transparent;
	}
	#columns_files .contents .btn_bandn li.next .spn_wrap:after{
		top:calc(50% - 5px);
		width:10px;
		height:8px;
		border-left:solid 8px #c3c3c3;
		border-top:solid 5px transparent;
		border-right:none;
		border-bottom:solid 5px transparent;
	}
	#columns_files .contents .btn_bandn li.next a .spn_wrap:after{
		border-left:solid 8px #a98a34;
		border-top:solid 5px transparent;
		border-right:none;
		border-bottom:solid 5px transparent;
	}	
	#columns_files .contents ol{
		margin-left:10px;
	}
	#columns_files .contents figure.f_img_right{
		float:none;
		margin-top:0;
		margin-left:0;
		margin-bottom:30px;
		width:100%;
	}
	#columns_files .contents figure.f_img_left img,
	#columns_files .contents figure.f_img_right img{
		width:100%;
	}
	#columns_files .contents figure.f_img_right figcaption{
		margin-bottom:30px
	}
	#columns_files .contents figure.f_img_left{
		float:none;
		display:block;
		margin-top:0;
		margin-right:0;
		margin-bottom:30px;
		width:100%;
	}
	#columns_files .contents figure.f_img_left img{
		width:100%;
	}
	#columns_files .contents figure.f_img_left figcaption{
		margin-bottom:30px
	}
	
	#columns_files .contents .table_layout00{
		display:block;
		margin-top:40px;
		border:1px solid #dcdcdc;
	}
	#columns_files .contents .table_layout00 .data .th{
		padding:13px;
		border-right:none;
	}
	#columns_files .contents .table_layout00 .data._03 .th{
		border-right:none;
	}
	#columns_files .contents .table_layout00 .data .td{
		padding:13px;
		border-right:none;
	}
	#columns_files .contents .table_layout00 .data .td._03{
		border-bottom:1px solid #dcdcdc;
	}
	#columns_files .contents .table_layout00 .data._03 .td._03{
		border-bottom:none;
	}
	#columns_files .contents .table_layout00 .data._01,
	#columns_files .contents .table_layout00 .data._02,
	#columns_files .contents .table_layout00 .data._03{
		width:100%;
	}
	/*#columns_files .contents ul.kome{
		margin:20px 0 0 0;
	}*/
	#columns_files .contents ul.kome li{
		text-indent:-1.5em;
		padding-left:1.5em;
		font-size:86%;
	}
	#columns_files .contents table.table_layout2{
		width:100%;
		border-collapse:collapse;
		border-bottom:1px solid #dcdcdc;
	}
	#columns_files .contents table.table_layout2 th{
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	#columns_files .contents table.table_layout2 td{
		display:block;
		width:100%;
		box-sizing:border-box;
		border-top:none;
		border-bottom:none;
		line-height:1.7;
	}
	#columns_files .contents table.table_layout2 td.t_left{
		padding:20px;
		box-sizing:border-box;
	}
	#columns_files .contents .btn_dc_b{
		width:80%;
		margin:0 auto;
	}
	#columns_files .contents .btn_dc_b a{
		padding:20px 0;
		width:100%;
		font-size:100%;
	}
}


/* !#
---------------------------------------------------------- */
@media screen and (max-width:767px){
}