/* helper class
=========================================*/
.boxC,
.imgC{
	text-align:center !important;
}
.txtC{
	text-align:center !important;
}
.txtL{
	text-align:left !important;
}
.txtR{
	text-align:right !important;
}
.none{
	display:none;
}

/* margin */
.magl0  {margin-left:0px   !important;}
.magl5  {margin-left:5px   !important;}
.magl10 {margin-left:10px  !important;}
.magl15 {margin-left:15px  !important;}
.magl20 {margin-left:20px  !important;}
.magl30 {margin-left:30px  !important;}
.magl40 {margin-left:40px  !important;}
.magl50 {margin-left:50px  !important;}
.magl100{margin-left:100px !important;}
.magl150{margin-left:150px !important;}

.magr0  {margin-right:0px   !important;}
.magr5  {margin-right:5px   !important;}
.magr10 {margin-right:10px  !important;}
.magr15 {margin-right:15px  !important;}
.magr20 {margin-right:20px  !important;}
.magr30 {margin-right:30px  !important;}
.magr40 {margin-right:40px  !important;}
.magr50 {margin-right:50px  !important;}
.magr100{margin-right:100px !important;}
.magr150{margin-right:150px !important;}

.magt0  {margin-top:0px   !important;}
.magt5  {margin-top:5px   !important;}
.magt10 {margin-top:10px  !important;}
.magt15 {margin-top:15px  !important;}
.magt20 {margin-top:20px  !important;}
.magt30 {margin-top:30px  !important;}
.magt40 {margin-top:40px  !important;}
.magt50 {margin-top:50px  !important;}
.magt100{margin-top:100px !important;}
.magt150{margin-top:150px !important;}

.magb0  {margin-bottom:0px   !important;}
.magb5  {margin-bottom:5px   !important;}
.magb10 {margin-bottom:10px  !important;}
.magb15 {margin-bottom:15px  !important;}
.magb20 {margin-bottom:20px  !important;}
.magb30 {margin-bottom:30px  !important;}
.magb40 {margin-bottom:40px  !important;}
.magb50 {margin-bottom:50px  !important;}
.magb100{margin-bottom:100px !important;}
.magb150{margin-bottom:150px !important;}

.magauto{margin-left:auto;margin-right: auto;}

/* padding */
.padl0  {padding-left:0px   !important;}
.padl5  {padding-left:5px   !important;}
.padl10 {padding-left:10px  !important;}
.padl15 {padding-left:15px  !important;}
.padl20 {padding-left:20px  !important;}
.padl30 {padding-left:30px  !important;}
.padl40 {padding-left:40px  !important;}
.padl50 {padding-left:50px  !important;}
.padl100{padding-left:100px !important;}
.padl150{padding-left:150px !important;}

.padr0  {padding-right:0px   !important;}
.padr5  {padding-right:5px   !important;}
.padr10 {padding-right:10px  !important;}
.padr15 {padding-right:15px  !important;}
.padr20 {padding-right:20px  !important;}
.padr30 {padding-right:30px  !important;}
.padr40 {padding-right:40px  !important;}
.padr50 {padding-right:50px  !important;}
.padr100{padding-right:100px !important;}
.padr150{padding-right:150px !important;}

.padt0  {padding-top:0px   !important;}
.padt5  {padding-top:5px   !important;}
.padt7  {padding-top:7px   !important;}
.padt8  {padding-top:8px   !important;}
.padt9  {padding-top:9px   !important;}
.padt10 {padding-top:10px  !important;}
.padt12 {padding-top:12px  !important;}
.padt13 {padding-top:13px  !important;}
.padt15 {padding-top:15px  !important;}
.padt20 {padding-top:20px  !important;}
.padt30 {padding-top:30px  !important;}
.padt40 {padding-top:40px  !important;}
.padt50 {padding-top:50px  !important;}
.padt100{padding-top:100px !important;}
.padt150{padding-top:150px !important;}

.padb0  {padding-bottom:0px   !important;}
.padb5  {padding-bottom:5px   !important;}
.padb10 {padding-bottom:10px  !important;}
.padb15 {padding-bottom:15px  !important;}
.padb20 {padding-bottom:20px  !important;}
.padb30 {padding-bottom:30px  !important;}
.padb40 {padding-bottom:40px  !important;}
.padb50 {padding-bottom:50px  !important;}
.padb100{padding-bottom:100px !important;}
.padb150{padding-bottom:150px !important;}

.txt08{font-size:0.8em !important;}
.txt09{font-size:0.9em !important;}
.txt12{font-size:1.2em !important;}
.txt13{font-size:1.3em !important;}
.txt14{font-size:1.4em !important;}

/* color */
.txtRed{color:#ff0000;}
.txtDarkRed{color:#cb0000;}
.txtGrey{color:#606060;}
.txtGreen{color:#018247;}
.txtBlue{color:#0000ff;}
.colfe0 { color: #fe0000; font-weight: bold; }

.under{text-decoration:underline;}

.attenttext {
	padding-left: 2em;
	text-indent: -1em;
}
.attenttext3 {
	padding-left: 3em;
	text-indent: -2em;
}
.txtIndent1 {
	padding-left: 1em;
	text-indent: -1em;
}
.txtIndent1_2 {
	text-indent: -1.2em;
	padding-left: 1.25em;
}
.txtIndent2 {
	padding-left: 2em;
	text-indent: -2em;
}
.txtIndent3 {
	padding-left: 3em;
	text-indent: -3em;
}

/* 2 or 3 column layout */
.col2-wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.col2-item {
	width: 49%;
	margin-bottom: 10px;
}
.col3-wrap {
	display: flex;
	flex-wrap: wrap;
}
.col3-item {
	width: 32%;
	margin-bottom: 10px;
}
.col3-item:not(:nth-of-type(3n)) {
	margin-right: 2%;
}
@media screen and (max-width: 480px) {
	.col2-wrap,
	.sol3-wrap {
		display: block;
	}
	.col2-item,
	.col3-item {
		display: block;
		width: 100%;
	}
	.col3-item:not(:nth-of-type(3n)) {
		margin-right: 0;
	}
}

.pconly {
	display: block;
}
.sponly {
	display: none;
}
@media screen and (max-width: 480px) {
	.pconly {
		display: none;
	}
	.sponly {
		display: block;
	}
}

/* 14.03.11 */
.gaiji {
	color:#ee0000;
	font-weight: bold;
	font-size: 90%;
}

/* 16.10.06 */
.txtBold{
	font-weight:bold !important;
}

.flotoff{clear:both;}
.listtable .w100{width:100px;}
.w5p{width:5% !important;}
.w10p{width:10% !important;}
.w15p{width:15% !important;}
.w20p{width:20% !important;}
.w25p{width:25% !important;}
.w28p{width:28% !important;}
.w30p{width:30% !important;}
.w40p{width:40% !important;}
.w45p{width:45% !important;}
.w50p{width:50% !important;}
.w55p{width:55% !important;}
.w60p{width:60% !important;}
.w40{width:40px !important;}
.w50{width:50px !important;}
.w70{width:70px !important;}
.w100{max-width:100px; width:100%}
.w150{max-width:150px; width:100%}
.w200{max-width:200px; width:100%}
.w250{max-width:250px; width:100%}
.w300{max-width:300px; width:100%}
.w350{max-width:350px; width:100%;}
.w380{max-width:380px; width:100%;}
.w400{max-width:400px; width:100%;}
.w450{max-width:450px; width:100%;}
.w470{max-width:470px; width:100%;}
.w500{max-width:500px; width:100%;}
.w580{max-width:580px; width:100%;}
.magl22 { margin-left: 22px !important;}
.magr2 { margin-right: 2px !important;}
.magl70 { margin-left: 70px !important;}


/* common element style
-----------------------------------------*/
/* ------------- base layout ------------ */
.content {
	display: flex;
	justify-content: space-between;
	align-items: start;
	flex-direction: row-reverse;
}
.contentstop {
	margin: 0 0 5px;
	position: relative;
}
.contentstop img {
	width: 100%;
}
.contentstop .sub {
	display: block;
	background: linear-gradient(to bottom, #F9E29C 0%, #F9E29C 50%, #F6CD3F 50%, #F8DE8A 100%);
	border: 1px solid #f6af4b;
	padding: 3px 10px;
	font-size: 13px;
	font-weight: bold;
	color: #5E3E0D;
	text-align: center;
	position: absolute;
	top: 50%;
	right: 26px;
	transform: translateY(-62%);
	box-shadow: 1px 1px 1px rgba(0,0,0,.5);
}
.contentstop .sub.muryou {
	padding: 11px 10px;
}
.main {
	width: 670px;
	margin-right: 12px;
}
.maininnertop {
	margin-left: 20px;
}
.maintoptext {
	padding: 5px 10px 0 0;
}
.maintoptext .maintext {
	font-size: 1.3em;
  font-weight: bold;
  line-height: 1.4;
}
.mainsubtext dd {
	margin-left: 1em;
}
.side {
	width: 235px;
	margin-left: 12px;
}
.businavi-ttl{
	letter-spacing: -0.17em;
}
@media screen and (max-width: 480px) {
	.content {
		display: block;
	}
	.contentstop .sub {
		right: 2px;
		font-size: 11px;
		transform: translateY(-64%);
		padding: 3px 5px;
	}
	.contentstop .sub.muryou {
		padding: 5px 5px;
	}
	.contentstop .sub.--row2-sp {
		padding: 2px 3px;
		line-height: 1.15;
	}
	.main {
		width: 100%;
	}
	.maininnertop {
		margin: 0;
	}
	.maintoptext {
		padding-right: 0;
	}
	.side {
		width: 100%;
		margin: 30px 0 0;
		padding-bottom: 40px;
		position: relative;
	}
	.side::after {
		content: "";
    display: block;
    width: 100%;
    height: 1px;
    box-shadow: 0 2px 2px rgba(0,0,0,.5);
		position: absolute;
		bottom: 0;
	}
}
/* --------------- title style ----------------- */
.titleh3 {
  padding: 14px 10px 13px 28px;
  color: #FFFFFF;
  font-size: 1.3em;
  font-weight: bold;
	background: #489463;
	margin: 0 0 10px;
	position: relative;
}
.titleh3::before {
	content: "";
	display: block;
	width: 6px;
	background: #F5BE2A;
	position: absolute;
	top: 7px;
	left: 10px;
	bottom: 7px;
}
.titleh4 {
  padding: 5px 0 8px 10px;
  border-left: 4px solid #02a05b;
  color: #000;
  font-size: 1.2em;
  font-weight: bold;
	border-bottom: 1px dotted #c4c4c4;
	margin: 0;
}
.titleh4.--narrow {
	letter-spacing: -0.05em;
}

/* --------------- line style ----------------- */
.dotline {
  background: url(../img/soukei/line_dot01.gif) repeat-x left bottom;
}
.topline {
	border-top: 1px solid #a0a0a0;
}
.bottomline {
	border-bottom: 1px solid #a0a0a0;
}

/* --------------- dl style ------------------- */
.dlSection05 {
	margin-bottom: 10px;
	padding: 5px;
}
.dlSection05 dt {
	padding: 0 0 5px 15px;
	background: url(../img/list_icon01.gif) no-repeat left 5px;
}
.dlSection05 dd {
	padding-bottom: 5px;
	margin: 0;
}
.dlistBox01 {
	padding: 0 10px;
}
.dlistBox01 dd {
	padding: 0 10px 5px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}
.dlistBox04 {
	display: flex;
	margin: 0 10px;
}
.dlistBox04 dt {
	font-weight: bold;
	width: 7.5em;
	padding: 2px 0;
}
.dlistBox04 dd {
	width: calc(100% - 7.5em);
	padding: 2px 0;
}
.listIco01_3 {
	margin: 0 0 10px 17px;
  line-height: 1.6em;
}
.listIco01_3 dt {
	font-weight: bold;
	background: url(../img/list_icon01.gif) no-repeat scroll left 5px transparent;
	padding: 0 0 0 13px;
}
.listIco01_3 dd {
	padding: 0 0 0 13px;
}

.howto-pay-dl {
  display: flex;
  flex-wrap: wrap;
}
.howto-pay-dl dt {
  width: 60px;
}
.howto-pay-dl dd {
  width: calc(100% - 60px);
}

/* --------------- ul style ------------------- */
.listIco01 li {
	background: url(../img/list_icon01.gif) no-repeat left 5px;
  padding: 0 0 0 13px;
}
.listIco03 li {
    background: url(../img/list_icon01.gif) no-repeat left 3px;
    padding: 0 20px 0 11px;
    display: inline;
}
.ulSection05 {
	padding: 10px;
  background: #f8f8f8;
}
.ulSection05 li {
	margin-left: 20px;
	padding: 2px 15px;
	list-style-type: disc;
}

/* --------------- box ------------------ */
.boxline {
	border: 1px solid #a0a0a0;
	padding: 10px;
}
.boxline-orange {
	border: 1px solid #ccc;
	background: #fffee0;
	padding: 15px;
	margin: 20px 0;
}
.boxline-orange dt {
	font-weight: bold;
}
.boxline-orange dd {
	margin: 0;
}
.boxline-radius {
	border: 1px solid #a0a0a0;
	border-radius: 5px;
	padding: 10px;
	max-width: 622px;
	margin: 0 auto;
}
.seminarListBox{
	padding: 7px 10px;
    border-bottom: 1px dotted #C1C1C1;
}
.boxL, .imgL {
    float: left;
    display: inline;
}
.boxR, .imgR {
    float: right;
}
.seminarLinkBox dt {
    background: url(../img/second_navi_arrow.gif) no-repeat left center;
    padding: 0 0 0 14px;
}
@media screen and (max-width: 480px) {
	.listIco01.boxL{
		margin-right: -40px;
	}
	.listIco01.boxR{
		float: left;
	}
}
/* --------------- form style ----------------- */
.form-area {
	padding: 10px;
  border: 1px solid #a0a0a0;
}
.form-flow-list {
	display: flex;
	margin-bottom: 10px;
}
.form-flow-item {
	line-height: 1.2;
	width: calc((100% - 45px) / 3);
	min-height: 39px;
	padding: 4px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #E6E6E6;
	border: 1px solid #A0A0A0;
	margin-right: 15px;
	position: relative;
}
.form-flow-item::before {
	content: "";
	display: block;
	border-left: 15px solid #A0A0A0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	position: absolute;
	/* top: -1px; */
	top: 50%;
	transform: translateY(-50%);
	right: -15px;
}
.form-flow-item::after {
	content: "";
	display: block;
	border-left: 15px solid #E6E6E6;
	border-top: 19.5px solid transparent;
	border-bottom: 19.5px solid transparent;
	position: absolute;
	/* top: -0.5px; */
	top: 50%;
	transform: translateY(-50%);
	right: -14px;
}
.form-flow-item.is-active {
	background: #FEFDCE;
	border: 1px solid #F4BD2A;
	font-weight: bold;
}
.form-flow-item.is-active::before {
	content: "";
	display: block;
	border-left: 15px solid #F4BD2A;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	position: absolute;
	/* top: -1px; */
	top: 50%;
	transform: translateY(-50%);
	right: -15px;
}
.form-flow-item.is-active::after {
	content: "";
	display: block;
	border-left: 15px solid #FEFDCE;
	border-top: 19.5px solid transparent;
	border-bottom: 19.5px solid transparent;
	position: absolute;
	/* top: -0.5px; */
	top: 50%;
	transform: translateY(-50%);
	right: -14px;
}
.formbox {
	width: 100%;
	border: 1px solid #a0a0a0;
}
.formbox th {
	padding: 7px 7px 7px 20px;
  font-weight: bold;
  vertical-align: top;
	text-align: left;
}
.formbox td {
	padding: 7px;
	vertical-align: top;
}
.radiolist {
	display: flex;
	flex-wrap: wrap;
}
.radiolist li {
	width: 32%;
}
.mmwarning {
	color: #ff0000;
  font-size: 90%;
}
.formbox .kankyoizon {
	display: inline-block;
	color: #ff0000;
	font-size: 85%;
	font-weight: bold;
	line-height: 1.25;
}
.attentionbox {
  height: 100px;
  overflow: auto;
  margin: 10px auto;
  padding: 10px;
  border: 1px solid #a0a0a0;
  background-color: #FFFFFF;
}
.applyOK{
	border: 1px solid #dea303;
  background: #ffe565;
  margin: 5px 0 0;
  color: #6e2700;
}

.kensaku_w500 {
	width: 500px;
  margin: 3px 15px 5px 0;
}
.sortTxt li {
	display: inline;
  padding: 0 5px;
}
.sortTxt li.padl17 {
	padding-left: 17px;
}
.sortTxt .rightLine {
  border-right: 1px solid #333;
}
.sortTxt .on {
  font-weight: bold;
}

@media screen and (max-width: 480px) {
	.formbox th {
		padding: 7px;
	}
	.radiolist li {
		width: 45%;
	}
	.kensaku_w500 {
		width: calc(100% - 110px);
	}
}
/* --------------- table style ----------------- */
.listtable {
	border-collapse: collapse;
	margin: 0 auto 15px;
  border-top: 1px solid #a0a0a0;
  border-left: 1px solid #a0a0a0;
  text-align: left;
}
.listtable caption {
	text-align: left;
  font-weight: bold;
  color: #018247;
}
.listtable th,
.listtable td {
	padding: 5px;
  text-align: left;
  border-right: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
}
.listtable .firstline {
	font-weight: bold;
  background: #effad6;
}
.listtable .secondline {
	font-weight: bold;
  background: #fffec3;
}
.listtable tr.bg {
	background: #fafafa url(../img/bg_tbl_td.gif) repeat-x left bottom;
}
.listtable2 th{
	padding: 5px;
  font-weight: bold;
  background: #d5efb3 url(../img/soukei/back_th1.gif) repeat-x left top;
  border-right: 1px solid #a0a0a0;
  border-bottom: 1px solid #a0a0a0;
  text-align: center;
}
@media screen and (max-width: 480px) {
	.listtable {
		font-size: 10px;
		line-height: 1.2;
	}
	.listtable td {
		padding: 5px 2px;
	}
}

.searchTbl {
	border-collapse: collapse;
}
.searchTbl caption {
	border-top: 1px solid #ababab;
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
  font-size: 1.3em;
  padding: 6px 0;
  background: #f0f8de;
  font-weight: bold;
}
.searchTbl th,
.searchTbl td {
	padding: 3px 5px;
  border: 1px solid #ababab;
}
.searchTbl th {
	background: #fffec3;
}
.searchTbl .bg td {
	background: #f9f9f9;
}
.searchNaviTbl .txtL {
	background: url(../img/searchlist_arrow_l.gif) no-repeat left 4px;
  padding: 0 12px;
}
.searchNaviTbl .txtR {
	background: url(../img/searchlist_arrow_r.gif) no-repeat right 4px;
	padding: 0 12px;
}
.searchNaviTbl td {
	vertical-align: top;
}
.searchNaviTbl td:nth-of-type(1),
.searchNaviTbl td:nth-of-type(3) {
	width: 18%;
}
.searchNaviTbl td:nth-of-type(2) {
	width: 64%;
}
@media screen and (max-width: 480px) {
	.searchTbl {
		font-size: 10px;
		line-height: 1.2;
	}
	.searchTbl td {
		padding: 5px 2px;
	}
	.searchNaviTbl .txtL, .searchNaviTbl .txtR {
		font-size: 0.8em;
		letter-spacing: -0.1em;
	}
	.searchNaviTbl td:nth-of-type(1),
	.searchNaviTbl td:nth-of-type(3) {
		width: 22%;
	}
	.searchNaviTbl td:nth-of-type(2) {
		width: 56%;
	}
	.table-wrap {
		width: 100%;
		overflow-x: scroll;
	}
}

.outlineTbl th {
	background: #f4f4f4;
}
.outlineTbl {
	border-collapse: collapse;
}
.outlineTbl th, .outlineTbl td {
	border-bottom: 1px dotted #cccccc;
	padding: 10px;
}
@media screen and (max-width: 480px) {
	.outlineTbl {
		font-size: 10px;
		line-height: 1.2;
	}
	.outlineTbl th{
		padding: 5px;
	}
	.outlineTbl td {
		padding: 5px 2px;
	}
}

/* -------------------- button style ------------------- */
.tomailform {
	display: block;
  max-width: 328px;
	width: 100%;
	height: 65px;
  padding: 23px 0 23px 35px;
  text-align: left;
  font-size: 1.3em;
  font-weight: bold;
  color: #6e2700;
  text-decoration: none;
  background: url(../img/soukei/btn_back_w330.jpg) no-repeat left top;
}
.tomailform:hover {
	color: #666666;
  background: url(../img/soukei/btn_back_w330.jpg) no-repeat left bottom;
}
.btnbox .tomailform {
	margin: 0 auto;
}
.lincbtnbox {
	display: flex;
	justify-content: space-between;
}
.lincbtnbox li {
	width: 328px;
}
.btnW285 {
	display: block;
  width: 285px;
  height: 44px;
  padding: 14px 0 0 35px;
  text-align: left;
  font-size: 1.3em;
  font-weight: bold;
  color: #6e2700;
  text-decoration: none;
  background: url(../img/btn_back_w285.gif) no-repeat left top;
}
.btnW285:hover {
	color: #666666;
	background: url(../img/btn_back_w285.gif) no-repeat left bottom;
}
.btnbox .btnW285 {
	margin: 0 auto;
}
.btnW440 {
	display: block;
  width: 440px;
  height: 64px;
  padding: 24px 0 0 35px;
  text-align: left;
  font-size: 1.3em;
  font-weight: bold;
  color: #6e2700;
  text-decoration: none;
  background: url(../img/btn_back_w440.gif) no-repeat left top;
}
.btnW440:hover {
	color: #666666;
  background: url(../img/btn_back_w440.gif) no-repeat left bottom;
}
@media screen and (max-width: 480px) {
	.lincbtnbox {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.btnW440 {
		width: 320px;
		height: 46px;
		padding-top: 15px;
		background-size: 100%;
	}
}

/* -------------------- link style ------------------- */
.link-pdf-left {
  padding-left: 22px;
  position: relative;
  display: inline-block;
}
.link-pdf-left::before {
  content: "";
  display: block;
  width: 19px;
  height: 18px;
  background: url(/img/top/pdf_icon01.gif) 0/contain no-repeat;
  position: absolute;
  top: -2px;
  left: 0;
}

/* ----------------- contact area style ------------------- */
.contact-area {
	margin-top: 40px;
	border: 1px solid #a0a0a0;
	background-color: #ddffd2;
	padding: 10px;
}
.contact-area.--orange {
	background: #fffee0;
	margin-top: 0;
}
.contact-area h4 {
  padding: 5px 0;
  border-left: none;
  color: #666;
  font-size: 1.2em;
  font-weight: bold;
  background: none;
  border-bottom: 1px solid #a0a0a0;
	margin: 0;
}
.mailbtn {
	margin: 15px 5px 10px;
}
.mailbtn img {
	width: 100%;
}
.contact-area__office {
	background: #fff;
	padding: 10px;
	border: 1px solid #A0A0A0;
	border-radius: 5px;
	max-width: 622px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width: 480px) {
	.mailbtn {
		margin: 15px 0 10px;
	}
	.contact-area__office {
		display: block;
	}
	.contact-area__office-btn {
		display: inline-block;
		margin-top: 5px;
	}
}

/* --------------- tab style --------------------- */
.tab-wrap {
	margin-bottom: 20px;
}
.tab-list {
	max-width: 660px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: end;
	position: relative;
	z-index: 100;
}
.tab-list.--col2 .tab-item {
	width: 324px;
}
.tab-list.--col3 .tab-item {
	width: 216px;
}
.tab-list.--col4 .tab-item {
	width: 160px;
}
.tab-item a {
	text-decoration: none;
	display: block;
	background: #4B9A5C;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 14px;
	font-weight: bold;
	padding: 8px 0;
	color: #fff;
}
.tab-item.tab-grad a {
	padding: 6px 0;
}
.tab-item .narrow {
	letter-spacing: -0.1em;
}
.tab-item.is-active a {
	background: #fff;
	border-top: 6px solid #F1A339;
	border-left: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	color: #F1A339;
}
.tab-item.tab-grad.is-active a {
	background: linear-gradient(#edd0cc, #fff);
	border-top: 1px solid #c4c4c4;
	border-left: 1px solid #c4c4c4;
	border-right: 1px solid #c4c4c4;
	color: #cc0000;
	padding: 8px 0;
}
.tab-area {
	display: none;
	padding: 10px;
	border: 1px solid #c4c4c4;
	position: relative;
	top: -1px;
	z-index: 99;
}
.tab-area.is-active {
	display: block;
}
.tab-area.tab-grad {
	display: none;
}
.tab-area.tab-grad.is-active {
	display: block;
	border: none;
}
.tabarea {
    padding: 10px;
    border: 1px solid #a0a0a0;
}
.tabBlock04L {
    margin: 5px;
    padding: 10px 15px 5px 15px;
    float: left;
    display: inline;
    width: 310px;
    background: #f8f8f8;
    border: #c0c0c0 1px solid;
}
.tabBlock04R {
    margin: 5px;
    padding: 10px 15px 5px 15px;
    float: left;
    display: inline;
    width: 310px;
    background: #f8f8f8;
    border: #c0c0c0 1px solid;
}
.tabBlock04L dt, .tabBlock04R dt {
    margin-bottom: 5px;
    font-weight: bold;
    color: #575757;
    font-size: 1.1em;
}
@media screen and (max-width: 480px) {
	.tab-list.--col2 .tab-item {
		width: calc((100% - 4px) /2);
	}
	.tab-list.--col3 .tab-item {
		width: calc((100% - 6px) /3);
	}
	.tab-list.--col4 .tab-item {
		width: calc((100% - 6px) /4);
	}
	.tab-item a {
		font-size: 12px;
		line-height: 1.15;
		text-align: center;
		height: 48px;
	}
	.tab-item .narrow {
		letter-spacing: 0;
	}
	.tab-item.is-active a {
		height: 57px;
	}
	.tab-item-.is-active.is-active a {
		height: 57px;
	}
	.tabBlock04L {
		width: 97%;
	}
	.tabBlock04R {
		width: 97%;
	}
}

/* ----------------- pdf area style --------------- */
.pdf-area {
	background: #F3F3F3;
	padding: 15px 10px 20px;
	border: 1px solid #c4c4c4;
	border-radius: 5px;
	margin-top: 20px;
}
.pdf-area__inner {
	display: flex;
}
.pdf-area .adobe {
	margin: 5px 20px 0 0;
}

@media screen and (max-width: 480px) {
	.pdf-area {
		padding: 10px;
	}
	.pdf-area__inner {
		display: block;
	}
	.pdf-area .adobe {
		margin: 0 0 5px;
	}
}

/* ---------------- flow block ------------------ */
.flowBlock {
  position: relative;
}
.flowBlockInner {
  width: calc(100% - 50px);
  margin: 0 0 30px auto;
  border: 1px solid #ababab;
  border-radius: 3px;
}
.flowBlock .step {
  padding: 6px 20px;
  background: linear-gradient(to bottom, #57B279, #46925F);
  border: 1px solid #ababab;
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 0;
}
.flowBlock::before {
  content: "";
  display: block;
  width: 20px;
  height: calc(100% - 30px);
  background: linear-gradient(to bottom, #F8D38C, #F1A731);
  position: absolute;
  top: 42px;
  left: 20px;
}
.flowBlock::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 25px solid #F1A731;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  position: absolute;
  bottom: -30px;
  left: 10px;
}
.flowBlock.--last::before,
.flowBlock.--last::after {
  content: none;
}
.flowBlock .ttl {
  font-size: 1.2em;
  padding: 15px 20px 10px 70px;
  margin: 0;
  background: linear-gradient(to bottom, #FCEFCF, #fff);
}
.flowBlock .flowTxt {
  border-top: 1px dotted #ababab;
  margin: 0 20px 20px;
  padding-top: 20px;
}
.flowTxtBox {
	padding-left: 1.3em;
}
.flowTxtBox li {
	text-indent: -1.3em;
}

/* ---------------- mail add box -------------- */
.mailaddBox {
	background: linear-gradient(to bottom, #FAFEF9, #D4F3BD);
	border-radius: 3px;
	border: 1px solid #a0a0a0;
	padding: 10px;
}

.mailaddBox-inner {
	display: flex;
	justify-content: space-between;
}
.mailaddBox-txt {
	width: 390px;
}
.mailaddBox h2 {
	font-size: 15px;
	margin: 0 0 10px;
	border-bottom: 1px solid #a0a0a0;
	padding-bottom: 5px;
}
.mailaddBox-btn {
	background: url(../img/btn_mail.jpg) no-repeat left top;
  width: 245px;
  height: 67px;
  display: block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 1px;
	color: #fff;
	padding: 10px 10px 0 0;
}
.mailaddBox .boxL dt, .applyformBox .boxL dt {
    font-weight: bold;
    font-size: 1.4em;
    padding: 0 3px 5px;
    border-bottom: 1px solid #a6a6a6;
}
.mailaddBox .boxL {
    width: 390px;
    padding: 10px 0 0 10px;
}

@media screen and (max-width: 480px) {
.mailaddBox-btn {
	margin: 10px auto 0;
	}
}

.mailaddBox-btn:hover {
	background: url(../img/btn_mail.jpg) no-repeat right top;
}

@media screen and (max-width: 480px) {
	.mailaddBox-inner {
		display: block;
	}
	.mailaddBox-txt {
		width: 100%;
		margin-bottom: 10px;
	}
}


/* ---------- paidcose-modal ------------- */
.paidcode-modal {
	display: none;
	width: 298px;
	padding: 46px 20px 20px;
	background: #fff;
	border: 5px solid #666666;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1001;
}
.paidcode-modal-close {
	position: absolute;
  width: 30px;
  height: 30px;
  top: 10px;
  right: 10px;
}
.paidcode-modal-close::before,
.paidcode-modal-close::after {
	content: "";
  display: block;
  width: 30px;
  height: 2px;
  background: #333;
  position: absolute;
  transform-origin: center;
  top: 15px;
}
.paidcode-modal-close::before {
	transform: rotate(45deg);
}
.paidcode-modal-close::after {
	transform: rotate(-45deg);
}
.paidcode-p {
	text-align: center;
}
.paidcode-p .inner {
	font-size: 10px;
	font-weight: bold;
	display: inline-block;
	position: relative;
	padding-left: 10px;
	color: #333;
	text-decoration: none;
}
.paidcode-p .inner::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-left: 6px solid #F1A339;
	border-bottom: 4px solid transparent;
	position: absolute;
	top: 3px;
	left: 0;
}
.paidcode-dl {
	width: 210px;
	display: flex;
	justify-content: space-between;
	margin: 12px auto;
}
.paidcode-dl dt {
	width: 70px;
  font-size: 11px;
  line-height: 1.25;
  margin-top: 2px;
  font-weight: bold;
}
.paidcode-dl dd {
	margin: 0;
	width: calc(100% - 75px);
}
.paidcode-dl dd input {
	width: 100%;
}
.paidcode-btn input {
	display: block;
	border: none;
	width: 82px;
	height: 25px;
	text-align: center;
	margin: 20px auto 10px;
	background: linear-gradient(to bottom, #F8DAB3, #DBA634);
	color: #333;
	font-weight: bold;
	border-radius: 2px;
	box-shadow: 0 2px 1px #B58826;
	cursor: pointer;
}
.mask {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,.7);
	z-index: 1000;
	display: none;
}