/* a element links */
/* --------------------------------------------------- */

button:hover,
input[type=image]:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
a:hover { opacity:0.75; }

/* page_head links */
/* --------------------------------------------------- */

.page_head {
	
	background-color:#e2e2e2;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.page_head > .lay_lqd {
	
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	
	height: 6rem;
}
.page_head h1 {
	
	display:table-cell;
	vertical-align:middle;
	
	color:#fff;
	font-weight: 700;
	text-shadow: rgba(0, 0, 0, 0.35) 1px 1px 1px;
	text-decoration:none;
}
.page_head h1 small { margin-left:1em; }
.page_head h1 i { margin-right: 0.25em; }

/* spview */
@media screen and (max-width:767px) {
	
	.page_head {
		margin-bottom:1em;
	}
	.page_head > .lay_lqd { min-height:4rem; }
	.page_head h1 {
		padding:0;
		font-size: 1.5rem;
		line-height: 1.125;
	}
}

/* path links */
/* --------------------------------------------------- */

.path {
/*	color:#9d9d9d; */
	color:#555555;
	padding:1em 0 2em;
}
.path_list li { display:inline-block; }

.path_list li:after {
    font-family: "Ionicons";
    content: "\f125";
	margin-left:0.5em;
}
.path_list li:last-child:after { display:none; }

.path_list a {
/*	color:#9d9d9d; */
	color:#555555;
	text-decoration:none;
}

/* spview */
@media screen and (max-width:767px) {
	.path { display:none; }
}

/* page_1col-page_3col */
/* --------------------------------------------------- */
.page_3col,
.page_2col,
.page_1col { margin:0; }

/* page_2col page_3col */
.page_3col,
.page_2col,
.page_1col {
	
	display:table;
	width:100%;
}

/* page_2col side style */

#side {
	
	width: 250px;
	display:table-cell;
	vertical-align:top;
	
	position: relative;
}

#main {
	
	width:auto;
	display:table-cell;
	vertical-align:top;
	padding-right:1.5rem;
}

/* page_1col main style */
.page_1col #main {
	
	padding-right:0;
	border-right:none;
}

/* page_3col side style */
#side_sub { width: 250px; display:table-cell; vertical-align:top; }

/* spview */
@media screen and (max-width:767px) {
	
	/* page_2col page_3col */
	.page_3col,
	.page_2col,
	.page_1col {
		display:block;
		width:auto;
	}
	
	/* page_2col side style */
	#side {
		display:block;
		width:auto;
		padding-left:0;
	}
	
	#main {
		display:block;
		width:auto;
		padding-right:0;
		border-right:none;
	}
	#side_sub {
		display:block;
		width:auto;
	}
}

/* content */
/* --------------------------------------------------- */

#content {
	margin-bottom:2em;
}

/* page */
/* page_body */
.page_body {}


/* pager */
.page_pager {
	
	text-align:center;
	padding: 0;
	margin: 0 -0.125rem 1rem;
}
.page_pager ul:before,
.page_pager ul:after { content: " "; display: table; }
.page_pager ul:after { clear: both; }
.page_pager ul {}
.page_pager li {
	
	display:inline-table;
	float: left;
	font-size: 0.85rem;
	width: 3.33%;
	height: 2.25rem;
	border-collapse: separate;
	border-spacing: 0;
	
	padding: 0 0.125rem 0.25rem;
}
@media screen and (max-width:767px) {

	.page_pager li {
		width: 2.25rem;
		height: 2.25rem;
	}
}
.page_pager a,
.page_pager span {
	
	display:table-cell;
	text-align:center;
	vertical-align: middle;
	text-decoration:none;

	padding: 0;
	border: solid 1px #f16e6a;
	border-radius: 2px;
	position:relative;
	
	background-color: #fff;
	color:#f16e6a;
}
.page_pager a {}
.page_pager a:focus,
.page_pager a:hover {
	
	background-color: #f29a95;
	color:#fff;
}
.page_pager span {
	
	background-color: #f29a95;
	color:#fff;
}

.page_pager .prev{}
.page_pager .next{}

/* pager old */
.paging {}

.paging > li a {}
.paging > li p {}

.paging .prev{}
.paging .next{}

/* page_tab */
.page_tab {}
.tab_head {}

.tab_head ul {
	
	display: table;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	height: 100%;
	table-layout: fixed;
	vertical-align: bottom;
}
.tab_head li {
	
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 100%;
}
.tab_head a {
	
	display: table;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	height: 100%;
}
.tab_head a > span {
	
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.tab_content { display: none; }
.tab_content.active { display: block; }


/*-------------------------------------------------------------

  page common style
  
-------------------------------------------------------------*/

/* section style */
/* --------------------------------------------------- */

.section { margin-bottom: 2rem; }

.section_type01 { margin-bottom:4em; }
.section_type02 { margin-bottom:4em; }

/* spview */
@media screen and (max-width:767px) {
	
	.section_type01 { margin-bottom:2em; }
	.section_type02 { margin-bottom:2em; }
}


/* head style */
/* --------------------------------------------------- */

.page_head01 {
	
	background-color: #f16e6a;
	color:#fff;
	padding:0.75rem;
	font-size: 1.25rem;
	line-height: 1.25;
	
	border-radius: 1px;
	margin-bottom: 1rem;
}
.page_head02 {
	
	font-size: 1.42rem;
	font-weight: bold;
	color: #707070;
	
	padding: 0 0 0.5rem;
	border-bottom: solid 3px #f16e6a;
	line-height: 1;
	margin: 0 0 1rem;
}
.page_head02 i {
	
	font-size: 2.4rem;
	color: #f16e6a;
	vertical-align: bottom;
	margin: 0 0.5rem 0 0;
}
.page_head02 span {
	
	vertical-align: bottom;
}
.page_head02 em {
	
	font-size: 1.85rem;
	vertical-align: bottom;
	color: #f16e6a;
}

.page_head03 {
	font-size:142.5%;
	line-height:1;
	margin: 1em 0;
	padding:0;
	text-align:center;
	word-wrap: break-word;
	position:relative;
}
.page_head03 > span {
	background-color:#fff;
	display:inline-block;
	padding:0 2em;
	position:relative;
	z-index:2;
}
.page_head03:before {
	
	display:block;
	content:'';
	position:absolute;
	width:80%;
	left:10%;
	top:50%;
	border-top:solid 1px #e2e2e2;
	z-index:0;
}

.page_head04 {}
.page_head05 {}

.page_subhead01 {
	
	padding: 0.25rem 0.25rem 0.25rem 1rem;
	font-size: 1.14rem;
	margin-bottom:1rem;
	color: #333;
	
	position: relative;
	background-color: #F4EFE7;
	border-radius: 3px;
}
.page_subhead01:before {
	
	content: '';
	border-radius: 2px;
	display: inline-block;
	border-width: 0.5em 2px;
	border-style: solid;
	border-color: #f16e6a;
	
	position: absolute;
	left: 0.25em;
	top: 50%;
	margin-top: -0.5em;
}

.page_subhead02 {
	
	padding: 0 0 0.33rem;
	border-bottom:dotted 1px #dfdede;
	font-size: 1.14rem;
	margin-bottom: 0.66rem;
	position: relative;
}
.page_subhead02 small {
	
	right:0;
	position:absolute;
	font-size:100%;
}
.page_subhead02 a { color: #c092bc; }

/* page_subhead02 spview */
@media screen and (max-width:767px) {
	
	.page_subhead02 {}
	.page_subhead02 small {
		position:static;
		display:block;
		margin-top:0.5em;
		font-size:72%;
	}
}

.page_subhead03 {
	font-size:100%;
	margin-bottom:0.5em;
	color:#02A8E3;
}
.page_subhead04 {
	background-color:#F4EFE7;
	padding:0.5em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.page_subhead05 {
	font-size:114%;
	margin-bottom:1em;
}

.page_head_icon1 {
	display:inline-block;
	vertical-align:middle;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:#02A8E3;
	color:#fff;
	padding:0.25em 0 0;
	width:1.5em;
	height:1.5em;
	text-align:center;
	line-height:1;
}

.page_head_icon2 {
	display:inline-block;
	vertical-align:middle;
	color:#02A8E3;
	text-align:center;
	line-height:1;
	font-size:150%;
}

.page_head_balloon1 {
	display:inline-block;
	vertical-align:middle;
	color:#02A8E3;
	text-align:center;
	line-height:1;
	background-color:#02A8E3;
	color:#fff;
	padding:0.25em;
	position:relative;
}
.page_head_balloon1:before {
	display:block;
	position:absolute;
	content:'';
	border-top:solid 0.5em #02A8E3;
	border-left:solid 0.5em transparent;
	border-bottom:solid 0.5em transparent;
	border-right:solid 0.5em transparent;
	
	left:50%;
	bottom:-0.75em;
	margin-left:-0.5em;
}


/* text style */
/* --------------------------------------------------- */

.page_text { margin-bottom:2em; }

/* box style */
/* --------------------------------------------------- */

/* box */

.box_type01 {
	
	padding: 1rem;
	margin: 0 0 1rem;
	background-color: #fff;
	box-shadow: 0 4px 4px 0 rgba(237, 237, 235, 0.85);
}
.box_type01:last-child { margin-bottom: 0; }
.box_type01 > .inner {}

.box_type02 {}
.box_type02 > .inner {}

.box_type03 {
	margin: 0 0 1rem;
}
.box_type03 > .inner {}

.box_type04 {
	
	padding: 0.75rem;
	border: solid 2px #F4EFE7;
	border-radius: 8px;
}

/* spview */
@media screen and (max-width:767px) {
	.box_type01 {}
	.box_type01 > .inner {}
	
	.box_type02 {}
	.box_type03 {}
}


.btn_box {
	
	text-align:center;
	background-color:#F4EFE7;
	padding:1em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top:1em;
}
@media screen and (max-width:767px) {
	
	.btn_box {
		padding: 0.5em;
	}
}

.btn_box_colstyle { padding: 1em 0.5em; }
.btn_box_colstyle > ul {
	
	display: table;
	border-collapse: separate;
	border-spacing: 0.5em 0;
	table-layout: fixed;
	width: 100%;
}
.btn_box_colstyle > ul > li {
	
	display: table-cell;
	vertical-align: middle;
}
.btn_box_colstyle > ul > li .btn {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
@media screen and (max-width:767px) {
	
	.btn_box_blocks_sp { padding: 1em 0.5em; }
	.btn_box_blocks_sp > ul {

		display: block;
		width: auto;
	}
	.btn_box_blocks_sp > ul > li {
		display: block;
		margin-bottom: 0.5em;
	}
	.btn_box_blocks_sp > ul > li:last-child { margin-bottom: 0; }
}

.btn_box_floating { margin-top:0; }

/* spview */
@media screen and (max-width:767px) {
	
	.btn_box_floating {
		padding: 0 0 0.5em;
		margin: 0 -0.5em;
		background-color: transparent;
	}
}


/* sns box */

.sns_box {
	text-align:center;
	margin-top:1em;
}
.sns_box_list {
	display:inline-table;
	border-collapse:separate;
	border-spacing:1em 0;
}
.sns_box_list > li {
	text-align:center;
	display:table-cell;
}
.sns_box_list > li > a {
	
	display:block;
	width:4em;
	height:auto;
	padding:100% 0 0;
	position:relative;
}
.sns_box_list > li > a > i {
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	border:solid 2px #02A8E3;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color:#02A8E3;
	background-color:#fff;
	display:inline-block;
	padding:30% 0 0;
	font-size:144%;
}

.sns_box_list > li > a > .icon-sns-facebook {}
.sns_box_list > li > a > .icon-sns-google-plus {}
.sns_box_list > li > a > .icon-sns-hatena {}
.sns_box_list > li > a > .icon-sns-line { font-size:220%; padding-top:25%; }
.sns_box_list > li > a > .icon-sns-twitter {}

@media screen and (max-width:767px) {
	
	.sns_box {
		display: none;
	}
}

/* message_box style */
/* --------------------------------------------------- */

.message_box {
	background-color:#F4EFE7;
	padding:0.5em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

.attention { color:#165A72; }

.error_list {}
.error_list li {
	background-color:#FFDFD3;
	padding:0.5em;
	border:solid 1px #f00000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:0.5em;
}
.error_list li:last-child {
	margin-bottom:0;
}

/* worktype_box style */
/* --------------------------------------------------- */

.worktype_box { margin: 1rem -0.375rem; }

.worktype_box ul:before,
.worktype_box ul:after { content: " "; display: table; }
.worktype_box ul:after { clear: both; }
.worktype_box ul {}

.worktype_box li {
	
	float: left;
	width: 33.33%;
	padding: 0 0.375rem 0.75rem;
}
@media screen and (max-width:767px) {
	
	.worktype_box { margin: 0.5rem -0.125rem; }
	.worktype_box li {
		
		width: 50%;
		padding: 0 0.125rem 0.5rem;
	}
	.worktype_box li:nth-child(3+1) { clear: both; }
}

.worktype_box li a {
	
	border: solid 2px #F69C99;
	border-radius: 8px;
	
	background-image: -moz-linear-gradient( 90deg, rgb(230,230,229) 0%, rgb(255,255,255) 70%);
	background-image: -webkit-linear-gradient( 90deg, rgb(230,230,229) 0%, rgb(255,255,255) 70%);
	background-image: -ms-linear-gradient( 90deg, rgb(230,230,229) 0%, rgb(255,255,255) 70%);
	box-shadow: inset 0 -4px 0 0 #fff;
	
	display: table;
	width: 100%;
	height: 5rem;
	
	border-collapse: separate;
	border-spacing: 0;
	padding: 0 1.71rem;
	color: inherit;
}

.worktype_box li a:focus,
.worktype_box li a:hover { opacity: 1; }
.worktype_box li a:focus > i,
.worktype_box li a:hover > i{ color: #fff; }

.worktype_box li .color01 { border-color: #ed4137; }
.worktype_box li .color01 > i { color: #ed4137; }
.worktype_box li .color01:focus,
.worktype_box li .color01:hover {
	
	border-color: #ed4137;
	background-color: #ed4137;
	background-image: -moz-linear-gradient( 90deg, #ed4137 0%, #d82820 70%);
	background-image: -webkit-linear-gradient( 90deg, #ed4137 0%, #d82820 70%);
	background-image: -ms-linear-gradient( 90deg, #ed4137 0%, #d82820 70%);
	box-shadow: inset 0 0 0 2px #fff;
	color: #fff;
}

.worktype_box li .color02 { border-color: #f75c02; }
.worktype_box li .color02 > i { color: #f75c02; }
.worktype_box li .color02:focus,
.worktype_box li .color02:hover {
	
	border-color: #f75c02;
	background-color: #f75c02;
	background-image: -moz-linear-gradient( 90deg, #f75c02 0%, #e53c01 70%);
	background-image: -webkit-linear-gradient( 90deg, #f75c02 0%, #e53c01 70%);
	background-image: -ms-linear-gradient( 90deg, #f75c02 0%, #e53c01 70%);
	box-shadow: inset 0 0 0 2px #fff;
	color: #fff;
}

.worktype_box li .color03 { border-color: #fcbe1f; }
.worktype_box li .color03 > i { color: #fcbe1f; }
.worktype_box li .color03:focus,
.worktype_box li .color03:hover {
	
	border-color: #fcbe1f;
	background-color: #fcbe1f;
	background-image: -moz-linear-gradient( 90deg, #fcbe1f 0%, #eb9e0f 70%);
	background-image: -webkit-linear-gradient( 90deg, #fcbe1f 0%, #eb9e0f 70%);
	background-image: -ms-linear-gradient( 90deg, #fcbe1f 0%, #eb9e0f 70%);
	box-shadow: inset 0 0 0 2px #fff;
	color: #fff;
}

.worktype_box li .color04 { border-color: #57b20c; }
.worktype_box li .color04 > i { color: #57b20c; }
.worktype_box li .color04:focus,
.worktype_box li .color04:hover {
	
	border-color: #57b20c;
	background-color: #57b20c;
	background-image: -moz-linear-gradient( 90deg, #57b20c 0%, #389002 70%);
	background-image: -webkit-linear-gradient( 90deg, #57b20c 0%, #389002 70%);
	background-image: -ms-linear-gradient( 90deg, #57b20c 0%, #389002 70%);
	box-shadow: inset 0 0 0 2px #fff;
	color: #fff;
}

.worktype_box li .color05 { border-color: #30abb0; }
.worktype_box li .color05 > i { color: #30abb0; }
.worktype_box li .color05:focus,
.worktype_box li .color05:hover {
	
	border-color: #30abb0;
	background-color: #30abb0;
	background-image: -moz-linear-gradient( 90deg, #30abb0 0%, #1b888d 70%);
	background-image: -webkit-linear-gradient( 90deg, #30abb0 0%, #1b888d 70%);
	background-image: -ms-linear-gradient( 90deg, #30abb0 0%, #1b888d 70%);
	box-shadow: inset 0 0 0 2px #fff;
	color: #fff;
}

.worktype_box li .color06 { border-color: #F69C99; }
.worktype_box li .color06 > i { color: #F69C99; }
.worktype_box li .color06:focus,
.worktype_box li .color06:hover {
	
	border-color: #F69C99;
	background-color: #F69C99;
	background-image: -moz-linear-gradient( 90deg, #F69C99 0%, #e37774 70%);
	background-image: -webkit-linear-gradient( 90deg, #F69C99 0%, #e37774 70%);
	background-image: -ms-linear-gradient( 90deg, #F69C99 0%, #e37774 70%);
	box-shadow: inset 0 0 0 2px #fff;
	color: #fff;
}

.worktype_box li .color07 { border-color: #1663bf; }
.worktype_box li .color07 > i { color: #1663bf; }
.worktype_box li .color07:focus,
.worktype_box li .color07:hover {
	
	border-color: #1663bf;
	background-color: #1663bf;
	background-image: -moz-linear-gradient( 90deg, #1663bf 0%, #09429f 70%);
	background-image: -webkit-linear-gradient( 90deg, #1663bf 0%, #09429f 70%);
	background-image: -ms-linear-gradient( 90deg, #1663bf 0%, #09429f 70%);
	box-shadow: inset 0 0 0 2px #fff;
	color: #fff;
}

.worktype_box li .color08 { border-color: #0cb267; }
.worktype_box li .color08 > i { color: #0cb267; }
.worktype_box li .color08:focus,
.worktype_box li .color08:hover {
	
	border-color: #0cb267;
	background-color: #0cb267;
	background-image: -moz-linear-gradient( 90deg, #0cb267 0%, #029045 70%);
	background-image: -webkit-linear-gradient( 90deg, #0cb267 0%, #029045 70%);
	background-image: -ms-linear-gradient( 90deg, #0cb267 0%, #029045 70%);
	box-shadow: inset 0 0 0 2px #fff;
	color: #fff;
}

.worktype_box li .color09 { border-color: #8f40d1; }
.worktype_box li .color09 > i { color: #8f40d1; }
.worktype_box li .color09:focus,
.worktype_box li .color09:hover {
	
	border-color: #8f40d1;
	background-color: #8f40d1;
	background-image: -moz-linear-gradient( 90deg, #8f40d1 0%, #6a27b5 70%);
	background-image: -webkit-linear-gradient( 90deg, #8f40d1 0%, #6a27b5 70%);
	background-image: -ms-linear-gradient( 90deg, #8f40d1 0%, #6a27b5 70%);
	box-shadow: inset 0 0 0 2px #fff;
	color: #fff;
}


.worktype_box li a > i,
.worktype_box li a > span {
	
	display: table-cell;
	vertical-align: middle;
}
.worktype_box li a > i {
	
	color: #f16e6a;
	width: 2rem;
	font-size: 2rem;
}
.worktype_box li a > span {
	
	color: inherit;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.25;
	padding-left: 1rem;
}

@media screen and (max-width:767px) {
	
	.worktype_box li a {
		
		height: 4rem;
		padding: 0 0.5rem;
	}

	.worktype_box li a > i,
	.worktype_box li a > span {

		display: table-cell;
		vertical-align: middle;
	}
	.worktype_box li a > i {

		width: 1.5rem;
		font-size: 1.5rem;
	}
	.worktype_box li a > span {

		font-size: 1rem;
		line-height: 1.125;
		padding-left: 1rem;
	}
}

/* shisetu_box style */
/* --------------------------------------------------- */

.shisetu_box {}
.shisetu_box { margin: 1rem -0.5rem; }
@media screen and (max-width:767px) {
	
	.shisetu_box > p { text-align: center; }
}


.shisetu_box ul:before,
.shisetu_box ul:after { content: " "; display: table; }
.shisetu_box ul:after { clear: both; }
.shisetu_box ul {}

.shisetu_box li {
	
	float: left;
	width: 33.33%;
	padding: 0 0.5rem 1rem;
}
@media screen and (max-width:767px) {
	
	.shisetu_box li { width: 50%; }
	.shisetu_box li:nth-child(odd) { clear: both; }
}

.shisetu_box li a {
	
	display: block;
	background-color: #fff;
	color: inherit;
	box-shadow: 0 4px 4px 0 rgba(237, 237, 235, 0.85);
	min-height: 18.5rem;
	
	border-left: solid 1px #f5f4ee;
	border-right: solid 1px #f5f4ee;
}

.shisetu_box_image {
	
	position: relative;
	overflow: hidden;
	width: 100%;
}
.shisetu_box_image:before {
	
	content: '';
	display: block;
	padding: 68% 0 0;
	position: relative;
	z-index: 1;
}
.shisetu_box_image img {
	
	z-index: 2;
	position: absolute;
	left: 50%;
	top: 50%;
	
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	
	width:100%;
	height: auto;
}

.shisetu_box_head {
	
	padding: 0.5rem;
	font-size: 1.07rem;
	color: #f16e6a;
	text-align: center;
}
.shisetu_box_text {
	
	font-size: 0.9rem;
	color: #707070;
	padding: 0 1rem;
}

.recent_box {
	margin: 1rem -0.5rem 0;
}
.recent_box ul:before,
.recent_box ul:after { content: " "; display: table; }
.recent_box ul:after { clear: both; }
.recent_box ul {}

.recent_box li {
	
	float: left;
	width: 50%;
	padding: 0 0.5rem 1rem;
}
@media screen and (max-width:767px) {
	
	.recent_box li {
		
		float: none;
		width: auto;
	}
}

.recent_box li a {
	
	display: table;
	width: 100%;
/*	height: 5rem;*/
	height: 6rem;
	border-collapse: collapse;
	border-spacing: 0;
}

.recent_box_image {
	
	display: table-cell;
	vertical-align: middle;
	
	position: relative;
	overflow: hidden;
	width: 5rem;
}
.recent_box_image:before {
	
	content: '';
	display: block;
	padding: 100% 0 0;
	position: relative;
	z-index: 1;
}
.recent_box_image img {
	
	z-index: 2;
	position: absolute;
	left: 50%;
	top: 50%;
	
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	
	width: auto;
	height: 100%;
}
.recent_box_text {
	
	display: table-cell;
	vertical-align: middle;

	font-size: 0.9rem;
	color: #707070;
	padding: 0 0 0 1rem;
}

.recent_box_row {
	display:table-row;
}

.recent_box_head {
	
	padding: 0;
	font-size: 1.07rem;
	color: #f16e6a;
	
	/* 170927 */
    height: 2em;
    display: table-cell;
    vertical-align: middle;
}
.recent_box_body {
	/* 170927 */
    height: 2em;
    display: table-cell;
    vertical-align: middle;
}

/* --------------------------------------------------- */
/* campaign_box */
.campaign_box {
	
	background-color: #fff2f1;
	border: solid 4px #e6e2d8;
	border-radius: 5px;
	padding: 0.5rem;
}
.campaign_box_head {
	
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.125;
	margin: 0 0 0.75rem;
	
	padding: 0.75rem;
	border-radius: 6px;
	background-color: #fff;
	
	    border: 2px dotted #ff0000;
    box-shadow: rgba(0,0,0,0.2) 0 2px 2px 0;
}
.campaign_box_head em {
	color: #ff5b8d;
	display: block;
	margin-top: 0.25em;
}
.campaign_box_head em span {}
@media screen and (max-width:767px) {
	
	.campaign_box_head { font-size: 1.35rem; }
}
.campaign_box_ribon {
	
	text-align: center;
	position: relative;
	margin: 0 1rem 1rem;
}
.campaign_box_ribon > * {
    position: relative;
    z-index: 5;
    margin: 0 0.8rem;
    background-color: #d31423;
    color: #fff;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1;
    padding: 0.75rem 0;
    text-shadow: rgba(0,0,0,0.3) 0 1px 1px;
}
.campaign_box_ribon > *:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f06a";
    font-size: 20px;
    margin-right: 0.2em;
    line-height: 10px;
}
.campaign_box_ribon:before,
.campaign_box_ribon:after {
	
	position: absolute;
	top: 0.25rem;
	display: block;
	content: '';
	border-style: solid;
	border-width: 1.4rem 0.7rem;
}
.campaign_box_ribon:before {
	left: 0rem;
	border-color: #af0b18 #af0b18 #af0b18 transparent;
}
.campaign_box_ribon:after {
	right: 0rem;
	border-color: #af0b18 transparent #af0b18 #af0b18;
}

.campaign_box ul {
	background-color: #fffcdb;
	color: #007664;
	border-radius: 3px;
	border: solid 2px #00a68c;
	padding: 0.75rem;
}
.campaign_box ul li {
	margin: 0 0 0.75rem;
	padding: 0 0 0.75rem 3.5rem;
	position: relative;
	border-bottom: dotted 1px #00a68c;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka,  "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	font-weight: bold;
	font-size: 15px;
}
.campaign_box ul li > i {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 2.2em;
	text-align: center;
	background-color: #00a68c;
	color: #fff;
	font-weight: bold;
	line-height: 2.2;
	border-radius: 100%;
	box-shadow: rgba(0,0,0,0.2) 0 2px 2px 0;
	text-shadow: rgba(0,0,0,0.2) 0 1px 1px;
	font-size: 16px;
}

.campaign_box ul li > i:before {
    position: absolute;
    top: 41%;
    margin-top: 10px;
    left: 30px;
    transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    content: "";
    display: inline-block;
    line-height: 0;
    border-left: 5px solid transparent;
    border-top: 10px solid #00a68c;
    border-right: 5px solid transparent;
    border-left-color: rgba(255,255,255, 0);
    border-right-color: rgba(255,255,255, 0);
}
.campaign_box ul li small {
	display: block;
}
.campaign_box ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}


/* 170823 追加 */

.section_type01.campaign_wrap {
	margin-bottom: 2em;
}
.campaign_box .about {
    background-color: #fff;
    padding: 0.75rem;
    margin: 0 0 0.75rem;
}
.campaign_box .campaign_box_title {
    padding: 0.5em;
    background: #ff8800;
    color: #fff;
    border-radius: 3px;
    margin: 0 0 0.75rem;
}

.campaign_box ol {
	overflow:hidden;
}

.campaign_box ol li {
	float: left;
	width: 30%;
	border: 1px solid #f28b88;
	background: #fff;
	margin-right: 5%;
	position: relative;
	height: 9rem;
}

.campaign_box ol li::before{
  content: '';
  width: 12px;
  height: 12px;
  border: 0px;
  border-top: solid 3px #f16e6a;
  border-right: solid 3px #f16e6a;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: -20px;
  margin-top: -6px;
}

.campaign_box ol li:last-child {
	margin-right: 0;
}

.campaign_box ol li .step{
	border-bottom: 1px solid #e0e0e0;
	background: #f28b88;
	color: #fff;
	padding: 0.5em;
	text-align: center;
}

.campaign_box ol li .body{
	padding: 0.5em;
}



.campaign_box.scout_description {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka,  "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
}

.scout_description .campaign_box_head {
    border: 1px solid #fff;
    border-radius: 4px;
    background: url(../images/rirekisyo2.jpg) , #fff;
    color: #f16e6a;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    padding: 1.4em 1em;
    text-align: left;
    box-shadow: none;
}

.scout_description .campaign_box_head p {
	font-size: 22px;
    background: #f16e6a;
    padding: 0.5em;
    color: #fff;
    display: inline-block;
    margin-bottom: 0.5em;
}

.scout_description .campaign_box_head em{
	font-size: 14px;
	color: #333;
	font-weight: normal;
	margin-top: 0;
}

.campaign_box .campaign_box_title h3{
	display:inline-block;
}

.campaign_box .campaign_box_title:before {
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f0a9";
	margin-right: 0.3em;
	font-size: 18px;
}

.scout_description .campaign_box_head .sp_view {
	display: none;
}

/* spview */
@media screen and (max-width:767px) {

	.scout_description .campaign_box_head {
		background-size: cover;
		padding: 0.8em 0.8em;
	}
	.scout_description .campaign_box_head p {
		font-size: 18px;
		line-height: 24px;
		padding: 0.2em 0.5em;
	}
	.scout_description .campaign_box_head .sp_view {
		display: inherit;
	}
	.scout_description .campaign_box_head em {
    background: rgba(255,255,255,0.8);
    padding: 0.3em 0.3em;
    font-size: 13px;
    display: inline-block;
    line-height: 18px;
	}

}


.campaign_box.scout_description .sansukumi{
  position: relative;
  margin: 0 auto 1em auto;
  width: 96%;
  height: 180px;
}

.campaign_box.scout_description div[class^="sansukumi-content"]{
  position: absolute;
  width: 40%;
  height: 4em;
  border: 1px solid #ccb9bf;
  border-radius: 0.3em;
  transform: translateX(-50%);
  display: table;
  box-shadow: rgba(0,0,0,0.2) 0 2px 2px 0;
}
.campaign_box.scout_description div.sansukumi-content-a {
	width: 60%;
}

.campaign_box.scout_description div[class^="sansukumi-content"] p {
	display:table-cell;
	vertical-align:middle;
	text-align: center;
}

.campaign_box.scout_description .sansukumi-content-a{
  top: 0;
  left: 50%;
}

.campaign_box.scout_description .sansukumi-content-b{
  top: 65%;
  right: -20%;
}

.campaign_box.scout_description .sansukumi-content-c{
  top: 65%;
  left: 20%;
}

/* 矢印 */
.campaign_box.scout_description div[class^="sansukumi-arrow"]{
  position: absolute;
  top: 54%;
  left: 50%;
  width: 40px;
  height: 80px;
  transform-origin: left top;
}

.campaign_box.scout_description div[class^="sansukumi-arrow"]:before,
.campaign_box.scout_description div[class^="sansukumi-arrow"]:after{
  position: absolute;
  content: "";
  display: inline-block;
}

/* 矢印の三角 */
.campaign_box.scout_description div[class^="sansukumi-arrow"]:before{
  border: 20px solid transparent;
  border-bottom: 20px solid;
  border-bottom-color: #84bbff;
}

/*　矢印の四角　*/
.campaign_box.scout_description div[class^="sansukumi-arrow"]:after{
  /* 50% - border-bottom(px) */
  top: calc(50% - 5px);
  left: 50%;
  width: 50%;
  /* 100% - border-top(px)*2 */
  height: calc(100% - 40px);
  background: #84bbff;
  transform: translateX(-50%);
}

/* 矢印位置 */
.campaign_box.scout_description .sansukumi-arrow-AB{
   transform: translate(80px,0px) rotate(150deg) translate(-50%,-50%);
}

.campaign_box.scout_description .sansukumi-arrow-BC{
   transform: translate(-8px,50px) rotate(270deg) translate(-50%,-50%);
}

.campaign_box.scout_description .sansukumi-arrow-CA{
   transform: translate(-70px,-20px) rotate(30deg) translate(-50%,-50%);
}

/* 円の色 */
.campaign_box.scout_description .green{
  background: #f1e7ea;
}

.campaign_box.scout_description .red{
  background: #f1e7ea;
}

.campaign_box.scout_description .yellow{
  background: #f1e7ea;
}


/* spview */
@media screen and (max-width:767px) {

.campaign_box ol li {
	width: 100%;
	border: 1px solid #f28b88;
	background: #fff;
	margin-right: 5%;
	position: relative;
	margin-bottom: 2em;
	height: inherit;
}

.campaign_box ol li::before{
  content: '';
  width: 12px;
  height: 12px;
  border: 0px;
  border-bottom: solid 3px #f16e6a;
  border-right: solid 3px #f16e6a;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  bottom: -1.3em;
  right: 50%;
  margin-top: -6px;
  top: inherit;
}
.campaign_box ol li:last-child {
	margin-bottom: 0;
}
	
}



/* --------------------------------------------------- */
/* flow_box */

.flow_box { margin:0 -1em 0.5em; }
.flow_box_list {
	display:table;
	width:100%;
	border-collapse:separate;
	border-spacing:1em 0;
	height:100%;
}

.flow_box_list h1,
.flow_box_list h2,
.flow_box_list h3,
.flow_box_list h4,
.flow_box_list h5,
.flow_box_list h6 {
	font-size:90%;
/*	color:#9d9d9d; */
	color:#555555;
	line-height:1;
	margin-bottom:0.5em;
}

.flow_box_list li {
	display:table-cell;
	vertical-align:top;
	position:relative;
	height:100%;
}
.flow_box_list li:before {
	
	display:block;
	content:'';
	
	border-top:solid 8px transparent;
	border-right:solid 8px transparent;
	border-bottom:solid 8px transparent;
	border-left:solid 8px #dfdede;
	
	position:absolute;
	top:50%;
	right:-16px;
	margin-top:0.5em;
	z-index:998;
}
.flow_box_list li:last-child:before { display:none; }

.flow_box_list.col1 > li { width:100%; }
.flow_box_list.col2 > li { width:50%; }
.flow_box_list.col3 > li { width:33.33%; }
.flow_box_list.col4 > li { width:25%; }

.flow_box_list > li > div {
	
	width:auto;
	height:90%;
	border-top:solid 1px #dfdede;
	border-right:solid 4px #dfdede;
	border-bottom:solid 1px #dfdede;
	border-left:solid 1px #dfdede;
	
	padding:0.5em;
}

/* spview */
@media screen and (max-width:767px) {
	
	.flow_box { margin:0; }
	
	.flow_box_list {
		
		display:block;
		width:auto;
	}
	.flow_box_list li {
		
		display:block;
		margin-bottom:1em;
	}
	.flow_box_list li:last-child { margin-bottom:0; }
	.flow_box_list li:before {
		
		display:block;
		content:'';
		
		border-top:solid 8px #dfdede;
		border-right:solid 8px transparent;
		border-bottom:solid 8px transparent;
		border-left:solid 8px transparent;
		
		position:absolute;
		top:auto;
		bottom:-14px;
		right:50%;
		margin-top:0;
		margin-right:-4px;
		z-index:998;
	}
	.flow_box_list li:last-child:before { display:none; }

	.flow_box_list.col1 > li,
	.flow_box_list.col2 > li,
	.flow_box_list.col3 > li,
	.flow_box_list.col4 > li { width:auto; }
	
	.flow_box_list > li > div {
		
		width:auto;
		height:auto;
		border-top:solid 1px #dfdede;
		border-right:solid 1px #dfdede;
		border-bottom:solid 4px #dfdede;
		border-left:solid 1px #dfdede;
	}
}

/* --------------------------------------------------- */


.list_col_auto,
.list_5col,
.list_4col,
.list_3col,
.list_2col {
	
	display:table;
	width:100%;
}

.list_col_auto > li,
.list_5col > li,
.list_4col > li,
.list_3col > li,
.list_2col > li {
	display:table-cell;
	vertical-align:top;
	padding:1em;
	border-right:solid 1px #DEDEDE;
}


.list_col_auto > li:first-child,
.list_5col > li:first-child,
.list_4col > li:first-child,
.list_3col > li:first-child,
.list_2col > li:first-child {
	padding-left:0;
}

.list_col_auto > li:last-child,
.list_5col > li:last-child,
.list_4col > li:last-child,
.list_3col > li:last-child,
.list_2col > li:last-child {
	border-right:none;
	padding-right:0;
}

.list_2col > li { width:50%; }
.list_3col > li { width:33.33%; }
.list_4col > li { width:25%; }
.list_5col > li { width:20%; }

@media screen and (max-width:767px) {
	
	.list_col_auto,
	.list_5col,
	.list_4col,
	.list_3col,
	.list_2col {
		
		display:block;
		width:auto;
	}
	
	.list_col_auto > li,
	.list_5col > li,
	.list_4col > li,
	.list_3col > li,
	.list_2col > li {
		display:block;
		width:auto;
		padding:0.2em 0 1em;
		border-right:none;
		margin-bottom:1em;
	}
}

.list_col_bordered {}
.list_col_bordered > li {
	border-top:solid 1px #DEDEDE;
	border-right:none;
	border-bottom:solid 1px #DEDEDE;
	border-left:solid 1px #DEDEDE;
}
.list_col_bordered > li:last-child { border-right:solid 1px #DEDEDE; }

@media screen and (max-width:767px) {
	
	.list_col_bordered > li {
		border-top:solid 1px #DEDEDE;
		border-right:solid 1px #DEDEDE;
		border-bottom:none;
		border-left:solid 1px #DEDEDE;
	}
	.list_col_bordered > li:last-child {
		border-bottom:solid 1px #DEDEDE;
	}
}

/* blog style */
/* --------------------------------------------------- */

/* list */
.blog_list_body li {
    border: solid 1px #165A72;
	display:table;
	width:100%;
	margin-bottom:2em;
	padding:1em;
}

.blog_list_body li .blog_list_image {
	width: 33.33%;
	display: table-cell;
	vertical-align: top;
}

.blog_list_body li .blog_list_image img{
    width: 100%;
    height: auto;
}

.blog_list_body li .blog_list_right {
	padding-left: 1.5em;
}

.blog_list_body li .blog_list_right h3 {
	margin-bottom:1em;
}

.blog_list_body li .blog_list_right p {
	margin-bottom:1em;
}

/* detail */

.blog_detail_body .box {
	margin-bottom:2em;
}

.blog_detail_body .box:last-child {
	margin-bottom:0;
}

.blog_detail_body .box h3,
.blog_detail_body .box figure,
.blog_detail_body .box>div {
	margin-bottom:1em;
}

.blog_detail_body .box figure {
	text-align:center;
}

.blog_detail_body .box figure img {
	max-width:80%;
}

/* badge style */
/* --------------------------------------------------- */
.badge {
	position: absolute;
	display: inline-block;
	min-width: 1.4em;
	height: 1.4em;
	text-align: center;
	padding: 0 0.2em;
	font-family: Arial, Helvetica, "sans-serif";
	font-weight: bold;
	line-height: 1.4;
	-webkit-border-radius: 0.7em;
	-moz-border-radius: 0.7em;
	border-radius: 0.7em;
	
	background-color: #f00000;
	color: #fff;
	
	right: 0;
	top: 50%;
	margin-top: -0.7em;
}