@charset "utf-8";
/* -----------------------------------------------------------------------
base setting
------------------------------------------------------------------------- */

body{
    background-color:#fff;
    font-size:0.9em;
    color:#333f50;
    font-family: Verdana, "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
    word-wrap: break-word;
}

/* font-size:12px */

a{
	color:#6c2c2f;
	text-decoration:none;
}
a:hover{
	opacity: 0.7;
	text-decoration:none;
}
p a.txLink,
ul li a.txLink,
dl dd a.txLink{
	text-decoration: underline;
}
ul li,
dl dt,
dl dd{
	line-height: 1.7;
}
p{
	line-height:1.5;
}

/*for Tablet*/
@media only screen and (min-width : 768px) and (max-width : 959px){
    body{font-size:12px;}
}

/*for SP*/
@media only screen and (max-width: 767px) {
    html{font-size:10px;}
    body{font-size:1.4rem;}
}

/* -----------------------------------------------------------------------
header
------------------------------------------------------------------------- */
/*---h1---*/
#titletxt{
    background-color:#f2ede4;
    height:20px;
}

#titletxt h1{
    color:#303e27;
    font-size:12px;
    font-weight:normal;
    line-height:20px;
	margin: 0 auto;
	padding: 0 20px;
}

/*--logo--*/

#hdrOuter{
	background-color:#fff;
	overflow:hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
}

#hdrOuter #hdrLogo{
	width:40%;
	text-align:left;
}

/*--siteInfo--*/
#hdrInner{

}

#hdrInner .hdrContact .telIc{
	align-items: center;
	margin-right: 10px;
	background-color: #abc8e2;
	border-radius: 100%;
	padding: 10px;
	height: 45px;
	width: 45px;
}

/*============================
header contact
==============================*/
#hdrInner .hdrContact .telWrap,
#hdrInner .hdrContact .hdrForm a,
#hdrInner .hdrContact .hdrfaq a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
	height: 100%;
	text-align: center;
	border-radius: 5px;
	margin-right: 20px;
}
#hdrInner .hdrContact .telWrap{
	background-color: #cbb994;
	padding: 5px 10px;
	display: block;
}
#hdrInner .hdrContact .telWrap .tel {
	font-family: "MS Serif", "New York", "serif";
	font-size: 250%;
	line-height: 1;
	position: relative;
	color: #6c2c2f;
}
#hdrInner .hdrContact .telWrap .tel:before{
    background: url(../images/ic_tel.svg) no-repeat;
    content: "";
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
	top:2px;
}
#hdrInner .hdrContact .telWrap .business_time,
#hdrInner .address{
	font-size: 90%;
	color: #6c2c2f;
	text-align: left;
}
#hdrInner .hdrContact .hdrForm a{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 150%;
	background-color: #303e27;
	padding: 10px 15px;
	color: #fff;
    position: relative;
}
#hdrInner .hdrContact .hdrForm a:before{
    background: url(../images/ic_mail.svg) no-repeat;
    content: "";
    position: relative;
    display: inline-block;
    width: 36px;
    height: 24px;
    margin-right: 10px;
	top:0;
}
#hdrInner .hdrContact .hdrfaq a{
	background-color: #6c2c2f;
	padding: 10px 15px;
	color: #fff;
    position: relative;
	text-align: center;	
	font-size: 120%;
	margin-right: 0;
}
#hdrInner .hdrContact .hdrfaq a:before{
    background: url(../images/ic_faq.svg) no-repeat;
    content: "";
    position: relative;
    display: inline-block;
    width: 30px;
    height: 23px;
    margin-right: 10px;
	top:0;
}

/*for SP*/
@media only screen and (max-width: 767px) {
	#titletxt{
		height:auto;
	}
	/*---h1---*/
	#titletxt h1{
		padding:10px;
		line-height:1.3;
		width: 100%;
	}
	/*--logo--*/
	#hdrOuter{
		background:none;
		flex-wrap: wrap;
		padding: 10px;
	}
	#hdrOuter #hdrLogo{
		width:100%;
		float:none;
		text-align: center;
		margin-bottom: 10px;
	}
	/*--siteInfo--*/
	#hdrInner{
		width:100%;
		float:none;
		flex-wrap: wrap;
		justify-content:center;
	}
	
	#hdrInner ul li{
		margin-right:1em;
	}
	#hdrInner .hdrContact{
		margin: 0;
	}
	#hdrInner .hdrContact .telWrap{
		margin: 0 0 10px 0;
	    width: 100%;
		text-align: center;
	}
	#hdrInner .hdrForm{
		width: 100%;
		margin-bottom: 10px;
	}
	#hdrInner .hdrContact .hdrForm a{
		margin-right: 0;
		width: 100%;
	}
	#hdrInner .hdrContact .hdrfaq{
		margin-bottom: 10px;
		width: 100%;
	}
	#hdrInner .hdrContact .hdrfaq a{
		width: 100%;
	}
}

/* gNav
--------------------------------------------------------*/
nav.gnav{
	margin:3px 0 40px;
	border-bottom: 3px solid #cbb994;
	background: linear-gradient(0deg, #063985 0%, rgba(27, 127, 204, .8) 50%, #167ac6 64%, #04347c 100%);
}

nav ul{
	overflow:hidden;
	display: flex;
	align-items: center;
	width: 1200px;
	margin: 0 auto;
}
nav.gnav ul li{
	width:16.6%;
	border-right:#fff 1px solid;
	padding-bottom: 0;
	line-height: 1;
}
nav.gnav ul li a{
	display:block;
	position:relative;
	text-align:center;
	color:#fff;
	text-decoration:none !important;
	padding: 18px 0;
}
nav.gnav ul li:first-child{
	border-left:#fff 1px solid;
}
nav.gnav ul li a:hover{
	color: #fff;
	opacity: 1;
	background: #232e1c;
	background: -moz-linear-gradient(top, rgba(55,93,34,1) 0%, rgba(26,48,12,1) 49%, rgba(19,31,11,1) 50%, rgba(45,77,25,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(55,93,34,1)), color-stop(49%, rgba(26,48,12,1)), color-stop(50%, rgba(19,31,11,1)), color-stop(100%, rgba(45,77,25,1)));
	background: -webkit-linear-gradient(top, rgba(55,93,34,1) 0%, rgba(26,48,12,1) 49%, rgba(19,31,11,1) 50%, rgba(45,77,25,1) 100%);
	background: -o-linear-gradient(top, rgba(55,93,34,1) 0%, rgba(26,48,12,1) 49%, rgba(19,31,11,1) 50%, rgba(45,77,25,1) 100%);
	background: -ms-linear-gradient(top, rgba(55,93,34,1) 0%, rgba(26,48,12,1) 49%, rgba(19,31,11,1) 50%, rgba(45,77,25,1) 100%);
	background: linear-gradient(to bottom, rgba(55,93,34,1) 0%, rgba(26,48,12,1) 49%, rgba(19,31,11,1) 50%, rgba(45,77,25,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#375d22', endColorstr='#2d4d19', GradientType=0 );
}
/*for SP*/
@media only screen and (max-width: 767px) {
	nav ul{
		width: 100%;
	}
	nav ul li{
		width:100%;
		border-right:none;
		border-bottom:#abc8e2 1px solid;
	}
}


/* -----------------------------------------------------------------------
container wrap
------------------------------------------------------------------------- */
section{
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #e5e5e5;
}
section:last-child{
	padding-bottom: 0;
	border-bottom: none;
}
/*for SP*/
@media only screen and (max-width: 767px) {
	section{
		padding: 0 10px 40px;
	}
}
/*--h2--*/
section h2{
	font-size: 200%;
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	color: #303e27;
}
.h2Wrap{
	text-align: center;
	margin-bottom: 40px;
}
.h2Wrap .sholderTx{
	font-family: "MS Serif", "New York", "serif";
	color: #6c2c2f;
	font-size: 280%;
	line-height: 1;
}
.h2Wrap h2{
	font-size: 220%;
	border-top: 1px solid #cbb994;
	border-bottom: 1px solid #cbb994;
	padding: 15px 0;
	margin-top: 15px;
	display: inline-block;
}
.h2Wrap h2 span{
	color: #6c2c2f;
}
.h2Wrap .txWrap{
	margin-top: 15px;
}
.h2Wrap .txWrap .subTx{
	width: 780px;
	margin: 10px auto 0;
	text-align: left;
}

/*--h3--*/
section h3{
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-weight: bold;
	color: #333f50;
	margin-bottom: 20px;
	font-size: 180%;
}
.underlayer h3{
	background-color: #f2ede4;
    border-bottom: 3px solid #cbb994;
	padding: 15px;
	margin: 20px 0;
}
.underlayer h4>h3{
	margin-top: 0;
}
/*--h4--*/
section h4{
	font-weight: bold;
	font-size: 140%;
	margin: 20px 0 10px;
	padding: 10px;
	border-bottom: 2px solid #f2ede4;
	border-left: 6px solid #f2ede4;
	line-height: 1.3;
}
/*--h5--*/
section h5{
	font-weight: bold;
	font-size: 120%;
	margin: 10px 0;
	padding: 5px 10px;
	border-left: 6px solid #cbb994;
}
/*--h6-*/
section h6{
	font-weight: bold;
	font-size: 110%;
	margin: 10px 0;
	padding: 5px 10px;
	background-color:#fcffc6;
}
section h6 span{
	font-weight: bold;
	font-size: 110%;
	margin: 10px 0;
	padding: 5px 10px;
	background-color:#cfe2f3;
}

/*for SP*/
@media only screen and (max-width: 767px) {
	.h2Wrap .sholderTx{
		font-size: 240%;
	}
	.h2Wrap h2{
		font-size: 180%;
	}
	.h2Wrap .txWrap .subTx{
		width: 100%;
	}
}
/* -----------------------------------------------------------------------
topicPath
------------------------------------------------------------------------- */

#topicPath{
	margin-bottom: 10px;
    text-align:left;
}

/*==============================
ブログ
==============================*/

/* トップページ */
.post_wrap{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.post_wrap .colum_box{
	background-color: #fff;
	padding: 10px;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
}
.post_wrap .colum_box a:hover{
	opacity: 0.7;
}
.post_wrap .colum_box .thumb{
	height:130px;
	margin:0;
	overflow:hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position:top center;
}
.post_wrap .colum_box h3{
	background-color: #fff;
	color: #6c2c2f;
	padding:0;
	font-weight:normal;
	margin-bottom:0;
	font-size: 100%;
	border-radius: 0;
	position: static;
}
.post_wrap .colum_box h3:before{
	display: none;
	position: static;
}
.post_wrap .colum_box a .date{
	color: #303e27;
	text-align: right;
	margin-top: 10px;
}
.post_wrap .colum_box a .title{
	margin: 10px 0;
	color: #6c2c2f;
	font-weight: bold;
	font-size: 120%;
}
.post_wrap .colum_box a .content{
	color: #303e27;
}
.post_date_list{
	display:block;
	margin: 7px 0;
}

.colum_box h4 a{
	line-height:1.3;
	margin: 0;
	display: block;
}

.btnLink02{
margin: 20px auto 0;
}

.btnLink02 a{
   display: block;
	color:#fff;
	font-weight:bold;
	border-radius: 3px;
	padding:10px;
	cursor:pointer;
	background: url(../images/footer_bg.png) no-repeat scroll center center / cover ;
	text-align: left;
	margin: 0 auto;
	font-size: 120%;
	width:100%;
	text-decoration: none;
}

/* ページネーション */
.pagination{
    margin: 10px auto;
	padding-bottom: 10px;
    text-align: center;
	display: flex;
	justify-content: center;
	font-size: 120%;
}

.pagination .current{
    background: #6c2c2f;
    padding: 10px;
    border-radius: 3px;
    color: #fff;
    }

.pagination .page-numbers{
    border-radius: 3px;
    padding: 10px;
}
.pagination a{
	display: block;
	width: 5%;
}



/*for SP*/
@media only screen and (max-width: 767px) {
	#blog .flL,
	.archiveBlog .flL,
	#blog .flR,
	.archiveBlog .flR{
		width: 100%;
		float: none;
	}
	.colum_box{
		width: 100%;
		margin: 0 0 20px;
		position: static;
	}
	.archiveBlog .colum_box{
		width: 100%;
	}
	.btn_more{
		width: 100%;
		padding: 20px 10px;
	}
	#blog .flR{
		margin-top: 20px;
	}
}


/*------------------- module parts --------------------*/
/*--p --*/
.post p{
    margin-bottom:15px;
    line-height:1.5;
	font-size:15px;
}
.post p:last-child{
	padding-bottom: 0;
}
.post p .box{
	border: 3px solid #6c2c2f;!important
	padding:20px;!important
}

/*--list item--*/
ul.normalList li{
	padding-bottom:8px;
	position: relative;
	padding-left: 15px;
	line-height: 1.5;
}
ul.normalList li:last-child{
	padding-bottom:0;
}
ul.normalList li:before{
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 8px;
	height: 8px;
	background-color: #303e27;
	border-radius: 100%;
}

ul.normalList02 li{
	padding-bottom:5px;
	position: relative;
	padding-left: 15px;
	line-height: 1.5;
}
ul.normalList02 li:last-child{
	padding-bottom:0;
}
ul.normalList02 li:before{
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	top: 8px;
	width: 6px;
	height: 6px;
	background-color: #cbb994;
	border-radius: 100%;
}
ul li.listLink{
	padding-left: 0;
}
ul li.listLink:before{
	content: '';
	display: inline-block;
	position: relative;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid #303e27;
	border-radius: 0;
	background-color: transparent;
}
dl.innerList{
	margin-bottom: 10px;
}
dl.innerList:last-child{
	margin-bottom: 0;
}
dl.innerList dt{
	padding-bottom:5px;
	line-height: 1.2;
	font-weight: bold;
	font-size: 110%;
}
dl.innerList dd{
	padding-bottom:8px;
	position: relative;
	padding-left: 15px;
	line-height: 1.5;
}
dl.innerList dd:last-child{
	padding-bottom:0;
}
dl.innerList dd:before{
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	top: 9px;
	width: 6px;
	height: 6px;
	background-color: #6c2c2f;
	border-radius: 100%;
}
ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  border: solid 1.5px gray;
}

ol li {
  position: relative;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #74c2f8;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.enji ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #6c2c2f;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*--table --*/
table{
    width:100%;
    border-top:#ccc 1px solid;
    border-left:#ccc 1px solid;
}
table th,
table td{
    border-bottom:#ccc 1px solid;
    border-right:#ccc 1px solid;
    padding:20px 10px;
    text-align:left;
	vertical-align: middle;
	line-height: 1.3;
}
table th{
	font-weight: bold;
	font-size: 130%;
	text-align: center;
}

table.normalTable01 th{
	background-color: #f2ede4;
	color: #6c2c2f;
}
table.normalTable01 th.lv01{
	background-color: #6c2c2f;
	color: #fff;
}

table.normalTable02{
	border-top: rgb(33,31,31) 1px solid;
	border-left: rgb(33,31,31) 1px solid;
}
table.normalTable02 tr th{
	background-color: rgb(33,31,31);
	color: #fff;
	border-bottom:1px solid #ccc;
}
table.normalTable02 tr:last-child th{
	border-bottom: rgb(33,31,31) 1px solid;
}
table.normalTable02 td{
	background-color: #f2ede4;
	border-bottom: rgb(33,31,31) 1px solid;
	border-right: rgb(33,31,31) 1px solid;
	color: rgb(33,31,31);
}
table.normalTable03 th{
	background-color: #f2ede4;
	color: #6c2c2f;
}
table.normalTable03 th.lv01{
	background-color: #6c2c2f;
	color: #fff;
}
table.normalTable03 tr:nth-child(odd){
	background-color: #c1cfde;
	color: #6c2c2f;
}
/*============================
partsBtmcontents.php
==============================*/
.partsBtmcontents{
 	margin: 0 auto 40px;
	text-align: center;
}

/*for SP*/
@media only screen and (max-width: 767px) {
	.partsBtmcontents .forSP{
		width:100%;
		background-color: #f2ede4;
		padding-bottom: 10px;
	}
	.partsBtmcontents .btmContact{
		padding: 10px 20px;
		width: 100%;
		text-align: center;
	}
	.partsBtmcontents .btmContact .btmTel{
		background-color: #303e27;
		border-radius: 5px 5px 0 0;
		width: 100%;
		padding: 10px;
	}
	.partsBtmcontents .btmContact .btmTel .tel a{
		color: #fff;
		font-weight: bold;
		font-size: 200%;
		width: 100%;
		position: relative;
		display: block;
	}
	.partsBtmcontents .btmContact .btmTel .tel a:before{
		background: url(../images/ic_tel.svg) no-repeat;
		content: "";
		position: relative;
		display: inline-block;
		width: 30px;
		height: 30px;
		margin-right: 5px;
		top:4px;
	}
	.partsBtmcontents .btmContact .btmTel .time{
		color: #cbb994;
		font-size: 85%;
	}
	.partsBtmcontents .btmContact .btmFax{
		background-color: #fff;
		color: #6c2c2f;
		border-radius: 0 0 5px 5px;
		width: 100%;
		font-size: 140%;
		padding: 10px;
	}
	.partsBtmcontents .btmContact .btmFax p.fax:before{
		position: relative;
		display: block;
	}
	.partsBtmcontents .btmContact .btmFax p.fax:before{
		background: url(../images/contact_bn01_ic_fax_sp.svg) no-repeat;
		content: "";
		position: relative;
		display: inline-block;
		width: 22px;
		height: 22px;
		margin-right: 5px;
		top:4px;
	}
	.partsBtmcontents .btmMail{

	}
}
/* -----------------------------------------------------------------------
side
------------------------------------------------------------------------- */
aside p.sideBn{
	line-height: 1;
	margin-bottom: 20px;
	border-bottom:3px solid #cbb994;
}
.sideBox01{
    margin-bottom:15px;
	padding-bottom: 15px;
    background-color:#fff;

}
.sideBox01 h3{
	font-size: 120%;
	font-weight: normal;
	color:#fff;
	padding:10px;
	margin-bottom:5px;
	border-bottom: 3px solid #cbb994;
	background: linear-gradient(0deg, #063985 0%, rgba(27, 127, 204, .8) 50%, #167ac6 64%, #04347c 100%);
}
.sideBox01 h3 span{
	position: relative;
	top: 0;
}
.sideBox01 h3 span:before{
	content: '';
	display: inline-block;
	position: relative;
	top: 2px;
	left: 0;
	width: 10px;
	height: 17px;
	border-left: 10px solid #f2ede4;
}

.sideBox01 ul{
	background-color: #f2ede4;
}
.sideBox01 ul li {
	border-bottom: 1px solid #cbb994;
	line-height: 1.2;
}
.sideBox01 ul li a{
	font-size: 110%;
	color: #303e27;
	position: relative;
	display: block;
	padding: 15px 10px;
	text-decoration: none;
}
.sideBox01 ul li a:before{
	content: '';
	display: inline-block;
	position: relative;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #303e27;
}
/* 記事一覧 */
.btn_more{
	display: block;
	text-align: right;
	color: #6c2c2f;
	background: #f2ede4;
	width: 100%;
	margin: 0 auto;
	padding: 15px 10px;
	position: relative;
}
.btn_more:before{
	content: '';
	display: inline-block;
	position: relative;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #6c2c2f;
}
/*for Tablet*/
@media only screen and (min-width : 768px) and (max-width : 959px){

}
/*for SP*/
@media only screen and (max-width: 767px) {
	aside p.sideBn{
		padding: 0 10px;
	}
	.sideBox01 h3{
        min-height:inherit;
    }

    .sideBox01 p{
        background-color:#f2ede4;
        padding:15px;
    }
    .sideBox01 ul{ padding:0;}
    .sideBox01 ul li {padding:0;}
    .sideBox01 ul li a{
        display:block;
        padding:15px;
        font-size:1.5rem;
        border-bottom:#fff 1px solid;
    }
}


/* -----------------------------------------------------------------------
footer
------------------------------------------------------------------------- */
footer{
	background: url(../images/footer_bg.png) no-repeat scroll center center / cover ;
	padding: 20px 0;
}
footer .ftrBnList li{
	margin-right: 20px;
	margin-bottom: 20px;
}
footer .ftrBnList li:last-child{
	margin-right: 0;
}
footer ul.blankLink{
	margin-bottom: 40px;
}
footer ul.blankLink li{
	margin-right: 30px;
}
footer ul.blankLink li:last-child{
	margin-right: 0;
}
footer ul.blankLink li a{
	color: #fff;
	
}
footer .pagetop{
    text-align:right;
}

footer .pagetop a{
    margin-top:-15px;
    width:auto;
    float:right;
    display:block;
    padding:0.5em 1em;
    background-color:#333;
    border-radius:10px;
    color:#fff !important;
    text-decoration:none !important;
}
footer nav{
    padding-bottom:40px;
	display: flex;
}
footer nav ul{
	flex-direction: column;
	border-left: 1px solid #fff;
}
footer nav li{
    display:inline;
	padding-left: 10px;
	line-height: 1.7;
	width: 100%;
}

footer nav li a{
    color:#fff;
	text-align: left;
	display: block;
}

footer .partsFooter{
	text-align: center;
}
footer .footerTx{
	font-size: 80%;
	margin-bottom: 20px;
	color: #fff;
}
footer .copy{
    color:#cbb994;
    font-size: 0.714em;
}
/*for Tablet*/
@media only screen and (min-width : 768px) and (max-width : 959px){
    footer{
        padding-left:15px;
        padding-right:15px;
    }
}

/*for SP*/
@media only screen and (max-width: 767px) {
    footer nav{
        display:none;
    }
    footer .copy{
        color:#cbb994;
        font-size:    0.714em;
        padding:0 0 30px;
        text-align:center;
    }
	footer .ftrBnList{
		padding: 0 10px;
	}
	footer .ftrBnList li{
		margin-right: 0;
		margin-bottom: 10px;
		line-height: 0;
		width: 100%;
		text-align: center;
		background-color: #fff;
	}
	footer .ftrBnList li:last-child{
		margin-bottom: 20px;
	}
}

/* -----------------------------------------------------------------------
toppage local parts
------------------------------------------------------------------------- */
/* mainimage
--------------------------------------------------------*/
#mainImage{
	background: url("../images/kv_bg.png") no-repeat scroll center center / cover ;
	text-align:center;
	width: 100%;
}
#mainImage img{
	width: auto;
	margin: 0 auto;
}

/*for Tablet*/
@media only screen and (min-width : 768px) and (max-width : 959px){
    #mainImage{
        width:100%;
        height:auto;
    }
}
/*for SP*/
@media only screen and (max-width: 767px) {
    #mainImage{
		background: url("../images/kv_bg_sp.png") no-repeat scroll center center / cover ;
		padding-top: 10px;
		margin-bottom: 20px;
        width:100%;
        height:auto;
    }
}


/*-----代表者-----*/
#section1{
	padding-bottom: 0;
	border: none;
}
.representative .representativeCol{
	background-color: #f2ede4;
	box-shadow:0px 0px 0px 1px #6c2c2f inset,0px 0px 0px 3px #f2ede4 inset,0px 0px 0px 5px #6c2c2f inset;
	padding: 10px;
}
.nameWrap{
	margin-left: 20px;
}
.nameWrap p{
	color: #6c2c2f;
}
.nameWrap p.name{
	font-weight: bold;
	font-size: 140%;
}
/*for SP*/
@media only screen and (max-width: 767px) {
	.nameWrap{
		margin-left: 10px;
		width: 50%;
	}
}
/*-----サービスの強み-----*/
.feature .featureCol p{
	margin-left: 10px;
}
/*for SP*/
@media only screen and (max-width: 767px) {
	.feature .featureCol img{
		margin: 0 auto 10px;
		display: block;
	}
}
/*-----youtube-----*/
.movieArea {
	background-color: #f2ede4;
	padding: 20px 20px;
	margin-top: 40px;
}
/*for SP*/
@media only screen and (max-width: 767px) {
	.movieArea{
		padding: 20px;
	}
	.movieArea ul li{
		line-height: 0;
		margin-bottom: 10px;
	}
	.movieArea ul li:last-child{
		margin-bottom: 0;
	}
}
/*-----帰化に必要な書類一覧-----*/
.documentsWrap{
	padding: 20px;
	margin-bottom: 20px;
	background-color: #f2ede4;
}
/*--アコーディオンメニュー --*/
ul.accordion { 
}
ul.accordion a {
	display:block;
	padding:10px;
	background-position:99% center;
	background-repeat:no-repeat;
	text-decoration:none;
}
ul.accordion span {
	display:block;
	padding:10px;
	background-position:99% center;
	background-repeat:no-repeat;
	color:#6c2c2f;
	font-weight:bold;
	font-size: 120%;
}
ul.accordion ul {
	display:none;
}
ul.accordion > li {
	background-color: #fff;
	margin-bottom: 5px;
	border-radius: 3px;
}
ul.accordion > li > p {
	cursor:pointer;
}
ul.accordion > li > p span { 
	background-image:url(../images/plus_ic01.svg);
	position: relative;
	display: block;
	top: -2px;
}
ul.accordion > li > p span:before{
	background: url(../images/documents_ic01.svg) no-repeat;
	content: "";
	position: relative;
	display: inline-block;
	width: 20px;
	height: 25px;
	margin-right: 10px;
	top:5px;
}
ul.accordion > li > p span.open { 
	background-image:url(../images/minus_ic01.svg);
}
ul.accordion > li > p span.single { 
	background-image:none;
	cursor: auto;
}

ul.accordion > li > ul > li {
	display:block;
	padding:10px;
	background-position:99% center;
	background-repeat:no-repeat;
	text-decoration:none;
}
ul.accordion > li > ul > li:first-child{
	padding-top: 0;
}
ul.accordion > li > ul.normalList li{
	padding: 0 10px 10px 25px;
}
ul.accordion > li > ul.normalList li:before{
	left: 10px;
}
ul.accordion > li > ul > li > a { 
}
ul.accordion > li > ul > li > ul > li {
	background:#FFF;
	border-bottom:1px dotted #888;
}
ul.accordion > li > ul > li > ul > li:last-child {
	border:none;
}
/*--ダウンロードボタン--*/
.dlBtnLink {
	margin: 0 auto;
}
.dlBtnLink a{
	display: block;
	color:#6c2c2f;
	font-weight:bold;
	border-radius: 3px;
	padding:15px;
	cursor:pointer;
	border: 2px solid #6c2c2f;
	background:#fff;
	text-align: center;
	margin: 0 auto;
	font-size: 120%;
	width: 100%;
	text-decoration: none;
}
.dlBtnLink a span{
	position: relative;
	display: block;
	top: 0;
}
.dlBtnLink a span:before{
	background: url(../images/dl_ic01.svg) no-repeat;
	content: "";
	position: relative;
	display: inline-block;
	width: 20px;
	height: 17px;
	margin-right: 10px;
	top:2px;
}
.dlBtnLink a:hover{
	color:#fff;
	border: 2px solid #6c2c2f;
	background:#6c2c2f;
	opacity: 1;
}
.dlBtnLink a:hover span:before{
	background: url(../images/dl_ic01_on.svg) no-repeat;
}
/*-----サービス料金-----*/
.priceCol{
	background-color: #f2ede4;
	margin-bottom: 20px;
}
.priceCol:last-child{
	margin-bottom: 0;
}
.priceCol .imgCol{
	width: 37.6%;
}
.priceCol .txCol{
	padding: 20px;
	width:  62.4%;
}
.priceCol h3.priceHeading{
	margin-bottom: 5px;
}
.priceCol .priceTx {
	border-bottom: 1px solid #cbb994;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.priceCol .priceTx span{
	font-size: 140%;
}
/*for SP*/
@media only screen and (max-width: 767px) {
	.priceCol{
		padding: 10px;
	}
	.priceCol .imgCol,
	.priceCol .txCol{
		width: 100%;
	}
	.priceCol .txCol{
		padding: 10px 0 0 0;
	}
}
/*-----外国人（VISA）在留資格申請サービス-----*/
/*for SP*/
@media only screen and (max-width: 767px) {
	.visaCol img{
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
}
/*-----お客様の喜びの声-----*/
.voiceCol{
	background: url(../images/voice_bg01.png);
	background-position: center;
	background-repeat: no-repeat,repeat;
	background-size:cover;
	padding: 10px;
}
.voiceCol .imgCol,
.voiceCol .nameWrap{
	width: 50%;
	line-height: 0;
}
.voiceCol .nameWrap{
	background-color: #f2ede4;
	padding: 10px;
	margin-left: 0;
}
.voiceCol .voiceTx{
	color: #fff;
	margin-top: 10px;
}
/*for SP*/
@media only screen and (max-width: 767px) {
	.voiceCol .imgCol,
	.voiceCol .nameWrap{
		width: 100%;
	}
	.voiceCol .imgCol img{
		width: 100%;
	}
}
/*-----手続きの流れ-----*/
.flowCol{
	width: 29.6%;
	margin-bottom: 20px;
}
.flowCol img{
	margin-bottom: 10px;
}
.arrow{
	width: 3.2%;
	margin: 0 10px;
	position: relative;
	top: 65px;
}
.arrow4 {
    width: 200px;
    margin: 20px auto;
    text-align: center;
    height: 100px;
}
.arrow4::before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 50px;
    background: #6c2c2f;
}
.arrow4::after {
    content: "";
    display: block;
    border-top: 100px solid #6c2c2f;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    transform-origin: left top;
    transform: scaleY(.5);
}
p .koreaflow{
	display: inline-block !important;
    color: #fff !important;
	background-color:#303e27　!important;
	text-align: center !important;
    line-height: 1 !important;
    text-decoration: none !important;
    margin: 0 auto !important;
	font-size: 140% !important;
    border-radius: 60px !important;
    border: 2px solid #eb8638 !important;
    padding: 20px 60px !important;
}
/*for SP*/
@media only screen and (max-width: 767px) {
	.flowCol{
		width: 100%;
		margin-bottom: 0;
	}
	.flowCol img{
		margin-bottom: 0;
	}
	.arrow{
		
		width: 100%;
		margin: 0;
		position: static;
		top: 0;
		display: block;
		text-align: center;
		transform: rotate(90deg);
	}
	.flow .btnLink01{
		margin: 20px auto 0 !important;
	}
}
/*-----事務所概要・アクセス-----*/
.overview .mapCol{
	width: 43%;
}
.overview .tableCol{
	width: 54.85%;
	margin-left: 2.15%;
}
.overview .tableCol th{
	width: 25%;
}
.overview .tableCol td{
	width: 75%;
}
/*for SP*/
@media only screen and (max-width: 767px) {
	.overview .mapCol{
		width: 100%;
		margin-bottom: 20px;
	}
	.overview .tableCol{
		width: 100%;
		margin-left: 0;
	}
	.overview .tableCol th{
		width: 30%;
	}
	.overview .tableCol td{
		width: 70%;
	}
}
/*-----出版実績-----*/
.bookCol {
	padding: 10px;
	text-align: center;
	background-color: #f2ede4;
	border-radius: 3px;
}
.bookCol h3.bookTitle{
	font-family: Verdana, "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 110%;
	margin: 10px 0;
	color: #6c2c2f;
	line-height: 1.2;
}
.bookCol p{
	line-height: 1.3;
}
/*for SP*/
@media only screen and (max-width: 767px) {
	.bookCol {
		display: flex;
		text-align: left;
	}
	.bookCol .imgCol {
		width: 32%;
	}
	.bookCol .txCol {
		width: 66%;
		margin-left: 2%;
	}
	.bookCol h3.bookTitle{
		margin-top: 0;
	}
}
/*-----お問い合わせ先詳細-----*/
.contact table{
	width: 100%;
}
.contact table th{
	width: 20%;
}
.contact table td{
	width: 80%;
}
.contact table td a.txLink{
	color: #ff0000;
}

.contact ul li.tel,
.contact ul li.fax{
	position: relative;
}
.contact ul li.tel:before{
    background: url(../images/ic_li_tel.svg) no-repeat;
    content: "";
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
	top:2px;
}
.contact ul li.fax:before{
    background: url(../images/ic_li_fax.svg) no-repeat;
    content: "";
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
	top:3px;
}
/*for SP*/
@media only screen and (max-width: 767px) {
	.contact table th{
		width: 30%;
		font-size: 120%;
	}
	.contact table td{
		width: 70%;
	}
	}
	/*--追加list item--*/
.normalList01 li{
	margin-bottom:8px;
	position: relative;
	padding-left: 15px;
	line-height: 1.5;
}
ul.normalList01 li:last-child{
	margin-bottom:0;
}
.normalList01 li:before{
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0.5em;
	width: 8px;
	height: 8px;
	background-color: #accfcc;
	border-radius: 100%;
	margin-top: 0;
}
ul.alignTop li:before{
	top: 8px;
	margin-top: 0;
}
ul.linkList01 li{
	list-style-type: none;
	padding-bottom:5px;
	margin-left: 0;
	position: relative;
	padding-left: 15px;
	line-height: 1.5;
}
ul.linkList01 li:last-child{
	padding-bottom:0;
}
ul.linkList01 li:before{
   	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	margin-top: -5px;
	border-top: 5px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #accfcc;
}
	ul.anchorList{
	padding: 20px;
	border-radius: 5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	margin-bottom: 40px;
}
ul.anchorList li{
	margin-bottom: 20px;
	border-bottom: 1px solid #fff;
	padding-bottom: 20px;
	position: relative;
	counter-increment:index;
}
ul.anchorList li:before{
   	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	margin-top: 6px;
	border-top: 8px solid #accfcc;
	border-right: 5px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 5px solid transparent;
}
ul.anchorList li:last-child{
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}
ul.anchorList li a{
	display: block;
	list-style-type: none;
	padding-bottom:5px;
	margin-left: 0;
	position: relative;
	padding-left: 15px;
	line-height: 1.5;
}
ul.anchorList li:last-child a{
	padding-bottom:0;
}
ul.anchorList li a:before {
	content: "Q" counter(index) "：" ;
}

/*-----faq-----*/
dl.faqList{
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #9a4f4d;
	margin-bottom: 20px;
	padding: 20px;
	width: 100%;
	counter-increment:faqList;
}
dl.faqList dt,
dl.faqList dd{
	position: relative;
	line-height: 1.8;
}
dl.faqList dt:before,
dl.faqList dd:before{
	position: relative;
	display: inline-block;
	font-weight: bold;
	font-size: 120%;
	color: #9a4f4d;
}
/*dl.faqList dt:before{
	content: "Q：";
}*/
dl.faqList dt:before{
	content: "Q" counter(faqList) "：" ;
}
dl.faqList dd:before{
	content: "A：";
}
dl.faqList dt{
	border-bottom: 1px dotted #dbd6cd;
	background-color:#f2ede4;
	margin-bottom: 5px;
	padding-bottom: 10px;
}

ul.bnList li img{
	line-height: 0;
	border-radius: 3px;
	box-shadow: 3px 3px 8px 0px rgba(0,0,0,0.2);
}

/* -----------------------------------------------------------------------
second page common parts
------------------------------------------------------------------------- */
/* mainTitle
--------------------------------------------------------*/
#mainTitle{
	text-align: left;
	margin-bottom: 40px;
	font-size: 220%;
	border-top: 1px solid #cbb994;
	border-bottom: 1px solid #cbb994;
	padding: 15px 200px 15px 0;
	line-height: 1.2;
	background: rgb(255,255,255); /* Old browsers */
	background:-moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%), url(../images/maintitle_bg01_2.png);
	background:-webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(25%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))), url(../images/maintitle_bg01_2.png);
	background:-webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%), url(../images/maintitle_bg01_2.png);
	background:-o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%), url(../images/maintitle_bg01_2.png);
	background:-ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%), url(../images/maintitle_bg01_2.png);
	background:linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%), url(../images/maintitle_bg01_2.png);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
	background-repeat: no-repeat;
	background-position: left,top;
	background-size: auto,cover;
	text-shadow:0px 0px 10px #ffffff;
}
#mainTitle span{
	position: relative;	
}
#mainTitle span:before{
	content: "❖";
	position: relative;
	display: inline-block;
	margin-right: 5px;
	top:0;
}
/*for Tablet_Landscape*/
@media only screen and (min-width : 767px) and (max-width : 1024px){
	#mainTitle{
		padding: 15px 0;
		text-align: center;
	}
}
/*for Tablet*/
@media only screen and (min-width : 768px) and (max-width : 959px){
	#mainTitle{
		padding: 15px 0;
		text-align: center;
	}
}
/*for SP*/
@media only screen and (max-width: 767px) {
	#mainTitle{
		padding: 15px 0;
		text-align: center;
	}
}

/*----------voice----------*/
.underlayer .voiceCol{
	margin-bottom: 20px;
}
.pageVoice{
	background-position: 85%;
}
.pageVoice .colL{
	width: 32%;
	margin-right: 2%;
	background-color: #f2ede4;
}
.pageVoice .colR{
	width: 66%;
}
.pageVoice .imgCol,
.pageVoice .nameWrap{
	width: 100%;
}
.pageVoice .voiceTx{
	margin-top:0;
}
/*for SP*/
@media only screen and (max-width: 767px) {
	.pageVoice{
		background-position: center;
		padding: 10px;
	}
	.pageVoice .colL,
	.pageVoice .colR{
		width: 100%;
		margin-right: 0;
	}
	.pageVoice .voiceTx{
		margin-top:10px;
	}
}

/*----------procedure_japanesenationality----------*/
.procedureWrap {
	font-size: 125%;
	text-align: center;
}
.post .procedureWrap p{
	margin-bottom: 0;
}
.procedureWrap .houmukyoku,
.procedureWrap .customer,
.procedureWrap .whole,
.procedureWrap .procedureL .permission,
.procedureWrap .procedureR .nopermission,
.procedureWrap .procedureL .permissionFlow,
.procedureWrap .procedureR .nopermissionFlow{
	padding: 20px;
	border-radius: 3px;	
}
.procedureWrap .houmukyoku{
	background: url(../images/procedure_japanesenationality_bg01.svg),#eaebe9;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 60%;
}
.procedureWrap .customer{
	background: url(../images/procedure_japanesenationality_bg02.svg),#f0e9ea;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.procedureWrap .whole{
	background-color: #efeadf;
}
.procedureWrap .procedureL .permission,
.procedureWrap .procedureR .nopermission{
	color: #fff;
	font-weight: bold;
	font-size: 120%;
}
.procedureWrap .procedureR .nopermission{
	background-color: #303e27;
}
.procedureWrap .procedureL .permission{
	background-color: #6c2c2f;
}
.procedureWrap .procedureL .permissionFlow{
	background-color: #e2d5d5;
}
.procedureWrap .procedureR .nopermissionFlow{
	background-color: #d6d8d4;
}
.flowArrowRwrap ,
.flowArrowLwrap{
	display: block;
	height: 60px;
	width: 100%;
}
.flowArrowR,
.flowArrowL{
	display: inline-block;
	height: 20px;
	width: 90%;
	background-color: #ffaa00;
	position: relative;
	top: 20px;
	left: -5%;
}
.flowArrowL{
	left: 5%;
}
.flowArrowR:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-left: 30px solid #ffaa00;
	left: 100%;
	top: -20px;
}
.flowArrowL:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-right: 30px solid #ffaa00;
	right: 100%;
	top: -20px;
}
.flowArrowDwrap{
	height: 50px;
	display: block;
	width: 100%;
}
.flowArrowD{
	display: inline-block;
	height: 40px;
	width: 20px;
	background-color: #ffaa00;
	position: relative;
	top: 0;
	left: 0;
}
.flowArrowD:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top: 30px solid #ffaa00;
	bottom: -40px;
	left: -20px;
}
.flowArrowFwrap{
	display: block;
	height: 30px;
	width: 53.2%;
	margin: 0 auto;
}
.flowArrowF{
	display: inline-block;
	height: 20px;
	width: 100%;
	background-color: #ffaa00;
	position: relative;
	top: 20px;
	left: 0;
}
.flowArrowF:before {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	background-color: #ffaa00;
	left: 50%;
	top: -20px;
	margin-left: -10px;
}
.bg_china{
background: rgb(255,98,98);
background: linear-gradient(90deg, rgba(255,98,98,0.45281862745098034) 0%, rgba(93,93,93,0.09987745098039214) 50%, rgba(93,93,93,0.052258403361344574) 75%);
	background-repeat: cover;
	background-position: center;
	background-size: 100%;
}
.bg_tw{
	background: rgb(17,71,180);
background: linear-gradient(90deg, rgba(17,71,180,0.45281862745098034) 0%, rgba(254,50,50,0.16710434173669464) 50%, rgba(93,93,93,0.04665616246498594) 75%);
	background-repeat: cover;
	background-position: center;
	background-size: 100%;
}
.bg_hk{
	background: rgb(180,17,17);
background: linear-gradient(90deg, rgba(180,17,17,0.45281862745098034) 0%, rgba(255,255,255,0.3491771708683473) 50%, rgba(180,17,17,0.500437675070028) 100%);
	background-repeat: cover;
	background-position: center;
	background-size: 100%;
}
.bg_kr{
	background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(249,5,5,0.3491771708683473) 30%, rgba(13,53,140,1) 70%, rgba(255,255,255,1) 100%);
	background-repeat: cover;
	background-position: center;
	background-size: 100%;
}
.bg_ru{
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0.7049194677871149) 25%, rgba(249,5,5,0.3491771708683473) 50%, rgba(13,53,140,0.7021183473389356) 75%);
	background-repeat: cover;
	background-position: center;
	background-size: 100%;
}
.bg_br{
background: rgb(247,255,0);
background: linear-gradient(90deg, rgba(247,255,0,0.7049194677871149) 25%, rgba(0,131,255,0.7805497198879552) 50%, rgba(247,255,0,0.7049194677871149) 75%);
	background-repeat: cover;
	background-position: center;
	background-size: 100%;
}
.bg_my{
background: rgb(247,255,0);
background: linear-gradient(180deg, rgba(247,255,0,0.7049194677871149) 25%, rgba(53,187,67,0.7805497198879552) 50%, rgba(235,56,55,0.7049194677871149) 75%);
	background-repeat: cover;
	background-position: center;
	background-size: 100%;
}
.bg_ir{
background: rgb(53,187,67);
background: linear-gradient(180deg, rgba(53,187,67,0.6993172268907564) 15%, rgba(255,255,255,0.6012780112044818) 50%, rgba(235,56,55,0.7049194677871149) 85%);
	background-repeat: cover;
	background-position: center;
	background-size: 100%;
}
.bg_in{
background: rgb(255,177,26);
background: linear-gradient(180deg, rgba(255,177,26,0.6993172268907564) 15%, rgba(255,255,255,0.6012780112044818) 50%, rgba(53,187,67,0.7021183473389356) 85%);
	background-repeat: cover;
	background-position: center;
	background-size: 100%;
}
.bg_ne{
background: rgb(255,0,29);
background: linear-gradient(45deg, rgba(255,0,29,0.5032387955182073) 25%, rgba(63,62,255,0.6012780112044818) 50%, rgba(255,0,29,0.500437675070028) 75%);
	background-repeat: cover;
	background-position: center;
	background-size: 100%;
}
.bg_in{
	background: rgb(235,180,66);
background: linear-gradient(90deg, rgba(235,180,66,0.3491771708683473) 0%, rgba(242,242,242,0.304359243697479) 50%, rgba(112,215,92,0.32396708683473385) 100%);
	background-repeat: cover;
	background-position: center;
	background-size: 100%;
}
.bg_ia{
	background: rgb(235,93,66);
background: linear-gradient(90deg, rgba(235,93,66,0.3491771708683473) 0%, rgba(242,242,242,0.304359243697479) 50%, rgba(112,215,92,0.32396708683473385) 100%);
	background-repeat: cover;
	background-position: center;
	background-size: 100%;
}
.bg_sr{
	background: rgb(235,218,66);
background: linear-gradient(90deg, rgba(235,218,66,0.3491771708683473) 0%, rgba(149,87,22,0.304359243697479) 50%, rgba(112,215,92,0.32396708683473385) 100%);
	background-repeat: cover;
	background-position: center;
	background-size: 100%;
}
.bg_mm{
	background: rgb(235,218,66);
background: linear-gradient(90deg, rgba(235,218,66,0.3491771708683473) 0%, rgba(112,215,92,0.2987570028011205) 50%, rgba(215,107,92,0.32396708683473385) 100%);
	background-repeat: cover;
	background-position: center;
	background-size: 100%;
}
.bg_rs{
	background: rgb(254,254,254);
background: linear-gradient(90deg, rgba(254,254,254,0.3491771708683473) 0%, rgba(215,99,92,0.2987570028011205) 50%, rgba(92,157,215,0.32396708683473385) 100%);
	background-repeat: cover;
	background-position: center;
	background-size: 100%;
}
.opa05{
	background-color: rgba(255, 255, 255, 0.5);
}

/*for SP*/
@media only screen and (max-width: 767px) {
	.procedureWrap{
		font-size: 110%;
	}
	.post .procedureWrap p{
		line-height: 1.3;
	}
	.procedureWrap .col2>div{
		width: 49%;
		margin-right: 2%;
	}
	.procedureWrap .col3>div:nth-child(odd){
		width: 40%;
		margin-right: 2%;
		margin-bottom: 0;
	}
	.procedureWrap .col3>div:nth-child(even){
		width: 16%;
		margin-right: 2%;
		margin-bottom: 0;
	}
	.procedureWrap .col2>div:nth-child(2n),
	.procedureWrap .col3>div:nth-child(3n){
		margin-right: 0;
	}
	.procedureWrap .houmukyoku,
	.procedureWrap .customer,
	.procedureWrap .whole,
	.procedureWrap .procedureL .permission,
	.procedureWrap .procedureR .nopermission,
	.procedureWrap .procedureL .permissionFlow,
	.procedureWrap .procedureR .nopermissionFlow{
		padding: 10px;
	}
	.procedureWrap .houmukyoku{
		background-size: 90%;
	}
	.flowArrowRwrap,
	.flowArrowLwrap {
		height: 32px;
	}
	.flowArrowR,
	.flowArrowL{
		height: 15px;
		top: 8px;
	}
	.flowArrowR:before {
		border: 16px solid transparent;
		border-left: 16px solid #ffaa00;
		left: 80%;
		top: -8px;
	}
	.flowArrowL:before {
		border: 16px solid transparent;
		border-right: 16px solid #ffaa00;
		right: 80%;
		top: -8px;
	}
	.flowArrowDwrap{
		height: 30px;
	}
	.flowArrowD{
		height: 16px;
		width: 16px;
	}
	.flowArrowD:before {
		border: 16px solid transparent;
		border-top: 16px solid #ffaa00;
		bottom: -30px;
		left: -8px;
	}
	.flowArrowFwrap{
		width: 55.4%;
		height: 32px;
	}
	.flowArrowF{
		height: 16px;
		top: 16px;
	}
	.flowArrowF:before{
		width: 16px;
		height: 16px;
		top: -16px;
		margin-left: -8px;
	}
}
	
/* -----------------------------------------------------------------------
WP Social Bookmarking Light
------------------------------------------------------------------------- */
.wp_social_bookmarking_light{
    padding-top:15px;
    overflow:hidden;

}
.wp_social_bookmarking_light div{
    display:inline-block;
    margin: 0 5px 0px 0;
    min-height: 30px;
    line-height: 18px;
}
.wp_social_bookmarking_light img{
    border: 0 !important;
    padding: 0;
    margin: 0;
    vertical-align: top !important;
}
.wp_social_bookmarking_light_clear{
    clear: both !important;
}
#fb-root{
    display: none;
}
.wsbl_twitter{
    width: 100px;
}
.wsbl_facebook_like iframe{
    max-width: none !important;
}

.wsbl_google{
    min-height:inherit;
    line-height:inherit;
    vertical-align:middle;
}

/* -----------------------------------------------------------------------
Contact Form 7
------------------------------------------------------------------------- */
table.formtable{
	border-top:#6c2c2f 1px solid;
	border-left:#6c2c2f 1px solid;
}
table.formtable th,
table.formtable td{
	border-bottom:#6c2c2f 1px solid;
	border-right:#6c2c2f 1px solid;
}
.formtable th{
	font-weight: normal;
	font-size: 110%;
	text-align: left;
}
.formtable th.required{
	font-size: 130%;
	text-align: center;
}

.formtable span.wpcf7-list-item {
	margin: 0 0 10px 0;
}
.formtable .label{
	width: 18%;
}
.formtable .wpcf7-form-control-wrap{
	width: 82%;
}
.formtable .wpcf7c-conf{
	background-color:#efefef;
}
.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="tel"],
.wpcf7-form-control-wrap textarea{
   border-radius: 5px;
   border:1px solid #ccc;
   width:100%;
   height:30px;
   padding:3px;
}
.wpcf7-form-control-wrap textarea{
	height: 50px;
}


.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap input[type="tel"],
.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap select{
   outline: none;
}

.wpcf7 input[type="submit"],
.wpcf7 input[type="button"]{
	display: block;
	color:#fff;
	font-weight:bold;
	border-radius: 3px;
	padding:20px 10px;
	cursor:pointer;
	background:#303e27;
	text-align: center;
	margin: 20px auto 0;
	font-size: 130%;
	width: 33%;
	text-decoration: none;
	border: none;
	font-family: Verdana, "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
.wpcf7 input[type="submit"]{
	background:#6c2c2f;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="button"]:hover{
	opacity: 0.7;
}
/*for sp*/
@media only screen and (max-width: 767px) {
	.wpcf7 input[type="submit"],
	.wpcf7 input[type="button"]{
		width: 100%;
	}
    .wpcf7-form-control-wrap textarea {
        width: 100%;
        height: auto;
    }
	.formtable .label,
	.formtable .wpcf7-form-control-wrap{
		width: 100%;
	}
}

/* common parts
--------------------------------------------------------*/
/*---追加汎用パーツ---*/
/*---text---*/
.highlight {
	color: #6c2c2f;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.4;
}
.strong{
	font-weight: bold;
}
.highlight .emphasis{
	border-bottom: 1px solid #6c2c2f;
}
.notice{
	margin-top: 10px;
	font-size:90%;
	font-weight: normal;
}
ul.notice li{
	line-height: 1.5;
}
.note{
	background-color: #faf8f2;
	border-radius: 5px;
	padding: 20px;
	margin: 20px 0;
	font-size: 120%;
}
.note p{
	line-height: 1.2;
}
.small{
	font-weight: normal;
	font-size: 80%;
	display: block;
	margin-bottom: 5px;
}
.imgCol{
	text-align: center;
}

/*---リンク---*/
.normalLink01 a{
	position: relative;
	padding-left: 12px;
	display: inline-block;
}
.normalLink01 a:before{
   	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	margin-top: -5px;
	border-top: 4px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid #6c2c2f;
}

.btnLink01{
	margin: 20px auto 0;
}
.btnLink01 a{
	display: block;
	color:#fff;
	font-weight:bold;
	border-radius: 3px;
	padding:10px;
	cursor:pointer;
	background: url(../images/footer_bg.png) no-repeat scroll center center / cover ;
	text-align: center;
	margin: 0 auto;
	font-size: 130%;
	width: 50%;
	text-decoration: none;
}
.btnLink01 a span{
	position: relative;	
}
.btnLink01 a span:before{
	content: '';
	display: inline-block;
	position: relative;
	top: 50%;
	left: 0;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 10px solid #fff;
}

.blankLink a{
	width: 100%;
	position: relative;
	display: inline-block;
}
.blankLink a:before{
	background: url(../images/blank_ic01.svg) no-repeat;
	content: "";
	position: relative;
	display: inline-block;
	width: 15px;
	height: 14px;
	margin-right: 10px;
	top:0;
}
/*for SP*/
@media only screen and (max-width: 767px) {
	.btnLink01 a{
		width: 100%;
	}
}
/*--カラム　flexbox--*/
.flexContainer {
	display: -webkit-flex; /* Safari */
	display: flex;
	flex-wrap: wrap;
}
/*--天地左右中央--*/
/*※flexContainer必須*/
.flexCenter {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
}
/*--左右中央--*/
/*※flexContainer必須*/
.flexJC {
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
}
/*--天地中央--*/
/*※flexContainer必須*/
.flexAiC{
	align-items: center;
}
/*--両端をコンテンツ幅、その他を等間隔で配置--*/
/*※flexContainer必須*/
.flexSB {
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
.flexSE {
	-webkit-justify-content: space-evenly;
	-ms-justify-content: space-evenly;
	justify-content: space-evenly;
}
/*--高さいっぱいに等間隔で配置--*/
/*※flexContainer必須*/
.flexAcSb{
	align-content: space-between;
}
/*--2カラム--*/
.col2>div,
ul.col2>li{
	width: 49%;
	margin-right: 2%;
}
.col2>div:nth-child(2n),
ul.col2>li:nth-child(2n){
	margin-right: 0;
}
/*--3カラム--*/
.col3>div,
ul.col3>li{
	width: 32%;
	margin-right: 2%;
}
.col3>div:nth-child(3n),
ul.col3>li:nth-child(3n){
	margin-right: 0;
}
/*--4カラム--*/
.col4>div,
ul.col4>li{
	width: 23.3%;
	margin-right: 2.15%;
}
.col4>div:nth-child(4n),
ul.col4>li:nth-child(4n){
	margin-right: 0;
}
/*for SP*/
@media only screen and (max-width: 767px) {
	.col2>div,
	ul.col2>li,
	.col3>div,
	ul.col3>li,
	.col4>div,
	ul.col4>li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.col2>div:last-child,
	ul.col2>li:last-child,
	.col3>div:last-child,
	ul.col3>li:last-child,
	.col4>div:last-child,
	ul.col4>li:last-child{
		margin-bottom: 0;
	}

}