@charset "utf-8";

/* ===========================================================

   初期化

=========================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:						0;
	padding:					0;
	border:						0;
	font-size:				100%;	/* 16px */
	font:							inherit;
	vertical-align:		baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display:					block;
}

body {
	line-height:			1;
}

ol, ul {
	list-style:				none;
}

blockquote, q {
	quotes:						none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:					'';
	content:					none;
}

table {
	border-collapse:	collapse;
	border-spacing:		0;
}

strong{
	font-weight:			bold;
}

*,
*:before,
*:after {
	-webkit-box-sizing:	border-box;
	-moz-box-sizing:		border-box;
	-o-box-sizing:			border-box;
	-ms-box-sizing:			border-box;
	box-sizing:					border-box;
}





/* ===========================================================

   共通

=========================================================== */
html{
	height:						160vmin;
}





@font-face {
	font-family:
		"NotoSansCJKjpLight";
	src:
		url("/common/font/NotoSansCJKjpSubset-Light.woff")  format('woff');
}
@font-face {
	font-family:
		"NotoSansCJKjpDemiLight";
	src:
		url("/common/font/NotoSansCJKjpSubset-DemiLight.woff")  format('woff');
}
@font-face {
	font-family:
		"NotoSansCJKjpRegular";
	src:
		url("/common/font/NotoSansCJKjpSubset-Regular.woff")  format('woff');
}
@font-face {
	font-family:
		"NotoSansCJKjpMedium";
	src:
		url("/common/font/NotoSansCJKjpSubset-Medium.woff")  format('woff');
}

@font-face {
	font-family:
		"NotoSansCJKjpBold";
	src:
		url("/common/font/NotoSansCJKjpSubset-Bold.woff")  format('woff');
}
@font-face {
	font-family:
		"NotoSansCJKjpBlack";
	src:
		url("/common/font/NotoSansCJKjpSubset-Black.woff")  format('woff');
}


body{
	width:						1100px;
	min-width:				1100px;
	margin:						0 auto;
	padding:					0;
/*
	font-family:			"メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*/
	font-family: "NotoSansCJKjpDemiLight", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:				#FFF;
/*	box-shadow:				0 0 7px 0 rgba(0,0,0,0.3);*/
	color:						#000;
}
/*	p, ul, ol, dl{
	font-family: "NotoSansCJKjpDemiLight"!important;
}
*/
h1{
	font-family: "NotoSansCJKjpBlack"!important;
}

h2, h3, h4, h5, strong, em {
	font-family: "NotoSansCJKjpBold"!important;
}

section > p,
section > div > p,
section > div > div > p,
section.bgcolor > div > div.subblock > div > p,
section > dl > dd > div > p{
	text-align: justify;
	text-justify: inter-ideograph;
	/*color:#ff6666!important; <-- debug */
}

figcaption, p.caption{
	font-family: "NotoSansCJKjpLight"!important;
}





a{
	color:							#000;
	text-decoration:		none;
}

a:hover{
	color:							#2976D3;
	text-decoration:		underline;
}


ol, ul {
	list-style:					none;
}

.blue {
	color:							#005CCA		!important;
}

.red {
	color:							#F00;
}

.preload * {
	-webkit-transition:	none !important;
	-moz-transition:		none !important;
	-ms-transition:			none !important;
	-o-transition:			none !important;
	transition:					none !important;
}





/* ===========================================================

   header

=========================================================== */
header{
	width:						100%;
	top:							0;
	left:							0;
	overflow:					hidden;
	z-index:					100;
	background-color:	#FFF;
}

header.header_bg {
	-webkit-box-shadow:	0px 5px 20px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:		0px 5px 20px 0px rgba(0, 0, 0, 0.3);
	box-shadow:					0px 5px 20px 0px rgba(0, 0, 0, 0.3);
}

header > div,
.drawer--right header > div > nav.drawer-nav,
header > div > nav > div.menu > ul {
	width:							1100px;
}

header > div,
.drawer--right header > div > nav.drawer-nav {
	overflow:						hidden;
	margin:							0 auto;
	position:						relative;
}

header > div h1 {
	line-height:				1;
	float:							left;
	width:							440px;
	height: 						72px;
}

header > div h1 a,
header > div h1 a img{
	display:					block;
	width:						406px;
/*	height:					32px;*/
}

header > div h1 a{
	margin:						28px 0 0;
	position:					relative;
}

header > div h1 a span {
	display:						block;
	color:							#888;
	font-family:				"NotoSansCJKjpDemiLight"	!important;
	font-size:					0.625rem;
	position:						absolute;
	z-index:						100;
	top:								-10px;
	left:								140px;
	letter-spacing:			0;
}


header.header_bg > div h1 a,
header.header_bg > div h1 a img{
/*	width:					190px;*/
}

header.header_bg > div h1 a img{
	display:						block;
}

header.header_bg > div h1 a{
	margin:					8px 0 0 0;
/*	transition:				all 0.2s;*/
}

header > div h1 a img,
header.header_bg > div h1 a img {
	height:					auto;
}





/* ===========================================================

   グローバルナビゲーション

=========================================================== */
.drawer--right header > div > nav.drawer-nav{
	height:					inherit;
	display:				block;
	float:					right;
	overflow:				hidden;
	z-index:				200;
	right:					inherit	;
	position:				inherit;
}

header > div > button.btn_hamburger{
	display:				none;
}

header > div > nav > div.menu ul{
	display:				block;
	list-style:			none;
	overflow:				hidden;
	z-index:				300;
	float:					left;
}

/*
header > div > nav > div.menu > ul > li:nth-of-type(6) {
	display:				none;
}

header > div > nav > div.menu > ul > li:nth-of-type(6) a {
	color:					#FFF;
	background-color:		#2976D3;
	font-weight:			normal;
}
*/

header > div > nav > div.menu ul li ul {
	display:					none;
}

header > div > nav > div.menu ul li{
	width:						220px;
	height:						50px;
	display:					table;
	float:						left;
}

header.header_bg > div > nav > div.menu ul li{
	height:						40px;
}

header > div > nav > div.menu ul li a,
header > div > nav > div.menu ul li span {
	display:					table-cell;
	color:						#000;
/*	font-size:				0.9375rem;
	letter-spacing:		0.025em;*/
	font-size:				1.0625rem;
	font-weight:			bold;
	letter-spacing:		0;
	text-decoration:	none;
	text-align:				center;
	vertical-align:		middle;
	position:					relative;
	background:				#FFF;
	padding-top:			2px;
}

header > div > nav > div.menu ul li a:hover{
	text-decoration:	none;
	color:						#000;
	background:					rgba(192, 229, 251, 0.3);
}

header > div > nav > div.menu ul li span {
	cursor:						default;
}
/*
header > div > nav > div.menu ul li a:after{
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:	border-box;
	box-sizing:					border-box;
	content:						"";
	transition:					0.4s all ease;
	position:						absolute;
	bottom:							0;
	height:							50px;
	background:					rgba(192, 229, 251, 0.3);
	left:								50%;
	-webkit-transform:	translateX(-50%);
	transform:					translateX(-50%);
	width:							0;
}
*/

header > div > nav > div.menu ul li a:hover:after{
	width:							100%;
}

header > div > nav > div.menu ul li a.btn_dropdown{
	display:						none;
}


/* ------------------------------------------------------------*/
header > div > nav > div.menu.flexnav > ul{
	max-height:					none;
}

header > div > nav > div.menu > ul > li:nth-of-type(5),
header > div > nav > div.menu > ul > li:nth-of-type(5) > ul{
	width:					220px;
}

header > div > nav > div.menu > ul > li:nth-of-type(5){
	border-left:			none;
}

header > div > nav > div.menu > ul > li:nth-of-type(5) > ul > li{
/*	border-left-color:		#FFF;*/
}

header > div > nav > div.menu > ul > li:nth-of-type(5) > ul > li:nth-of-type(1){
/*	border-left:			none;*/
}

header > div > nav > div.menu > ul > li:nth-of-type(5) > ul > li a,
footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(6) a,
footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(7) a {
	background-color:		#FFF8E4;
}

header > div > nav > div.menu > ul > li:nth-of-type(5) > ul > li a:after{
	content:				"";
	padding:				0;
}

header > div > nav > div.menu > ul > li:nth-of-type(5) ul {
	display:				block;
}


/* ドリルダウンメニューの「+」「-」 */
header > div > nav > div.menu ul li span {
/*	display:				none;*/
}





/* ===========================================================

   ぱんくずリスト

=========================================================== */
div#breadcrumb {
	width:					auto;
	background-color:	#EAECED;
}

div#breadcrumb > ul {
	width:					1100px;
	overflow:				hidden;
	margin-right:		auto;
	margin-left:		auto;
	padding-top:		10px;
	padding-bottom:	14px;
}

div#breadcrumb > ul > li {
	display:				inline-block;
	padding-left:		0.25rem;
	font-size:			0.75rem;
}

div#breadcrumb > ul > li:after {
	content:				"＞";
	display:				inline-block;
	margin:					0 0.25rem 0 0.75rem;
	font-size:			0.75rem;
}

div#breadcrumb > ul > li:last-child:after {
	display:				none;
}





/* ===========================================================

   コンテンツ (article)

=========================================================== */
article{
/*
	width:						1200px;
	margin:						0 auto;
	padding-top:				104px;
	padding-bottom:				80px;
*/
	padding-bottom:				4rem;
	line-height:					1.5em;
/*	letter-spacing:				0.05em;*/
	letter-spacing:				0;
	min-height:						1041px;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none){
article{
	min-height:						1068px;
}
}
article section {
/*	margin-top:						80px;*/
	margin-top:						4rem;
	padding:							0;
	overflow:							hidden;
}
article section:first-child{
	margin-top:0;
}

article section#area_keyvisual + section {
/*	margin-top:						40px;*/
	margin-top:						1.5rem	!important;
}

article section div.wrap_mid_cont {
	padding-left:					1.5rem	!important;
}


article section a img,
article section a.btn,
article section a.btn_conv,
article section div.contact_form > a {
	opacity:														1;
	-webkit-transition-duration:				.4s;
	-webkit-transition-timing-function:	ease-in-out;
	transition-property:								opacity;
	transition-duration:								.4s;
	transition-timing-function:					ease-in-out;
}

article section a:hover img,
header > div > div#area_search form input#searchicon:hover,
article section a.btn:hover,
article section a.btn_conv:hover,
article section div.contact_form > a:hover {
	opacity:							.7;
}


article section ul.contents_index > li > a,
article section#area_service > ul li a {
	opacity:														1;
	-webkit-transition-duration:				.4s;
	-webkit-transition-timing-function:	ease-in-out;
	transition-duration:								.4s;
	transition-timing-function:					ease-in-out;
}

article section ul.contents_index > li > a:hover img{
	opacity:							1;
}

article section ul.contents_index > li > a:hover > div,
article section#area_service > ul li a:hover {
	opacity:							.7;
}



article section.bgcolor{
/*
	width:						1200px;
*/
/*
	margin:							60px auto 0;
	padding:						60px 0;
*/

	margin:							4rem auto 0;
	padding:						4rem 0;
	overflow:						hidden;
}

article section.bgcolor.bg_gray{
	background-color:		#F0F0F0;
}

article section.bgcolor.bg_blue {
	background-color:		#D4E9F5;
}





article section > table {
	width:							900px;
	margin-right:				auto;
	margin-left:				auto;
	border-top:					solid 1px #97A8B0;
}

article section > table th,
article section > table td {
	border-bottom:			solid 1px #97A8B0;
	padding:						0.75em;
}

article section > table th {
	font-weight:				bold;
	text-align:					left;
}






article section h2,
article section h3,
article section h4,
article section ul,
article section ol,
article section div.image_right_254,
article section div.image_left_254,
article section div.image_right_274,
article section div.image_left_274,
article section div.image_right_430,
article section div.image_left_430,
article section .image_center,
article section div.column_2,
article section div.column_3,
article .subblock,
article section dl,
article section dl dt,
article section ul.contents_index,
article section table {
/*	margin-top:					60px;*/
	margin-top:					2rem;
}

article section h1 + p,
article section h1 + ul,
article section h1 + ol,
article section h1 + div.image_right_254,
article section h1 + div.image_left_254,
article section h1 + div.image_right_274,
article section h1 + div.image_left_274,
article section h1 + div.image_right_430,
article section h1 + div.image_left_430,
article section h1 + .image_center,
article section h1 + .subblock{
	margin-top:					50px;
}

article section h3 + ul,
article section h4 + ul,
article section h3 + ol,
article section h4 + ol,
article section h3 + div.image_right_254,
article section h4 + div.image_right_254,
article section h3 + div.image_left_254,
article section h4 + div.image_left_254,
article section h3 + div.image_right_274,
article section h4 + div.image_right_274,
article section h3 + div.image_left_274,
article section h4 + div.image_left_274,
article section h3 + div.image_right_430,
article section h4 + div.image_right_430,
article section h3 + div.image_left_430,
article section h4 + div.image_left_430,
article section h3 + .image_center,
article section h4 + .image_center,
/*
article section h2 + div.column_2,
article section h3 + div.column_2,
article section h4 + div.column_2,
article section h2 + div.column_3,
article section h3 + div.column_3,
article section h4 + div.column_3,
*/
article section h3 + .subblock,
article section h4 + .subblock{
	margin-top:					2rem;
}

article section h3 + .subblock,
article section h4 + .subblock{
	margin-top:					1.75rem;
}

article section > h1:first-child,
article section > h3:first-child,
article section > h3.roundbox:first-child,
article section > h4:first-child,
article section > h4.roundbox:first-child,
article section > h5:first-child,
article section > p:first-child,
article section > ul:first-child,
article section > ol:first-child,
article section div.image_right_254:first-child,
article section div.image_left_254:first-child,
article section div.image_right_274:first-child,
article section div.image_left_274:first-child,
article section div.image_right_430:first-child,
article section div.image_left_430:first-child,
article section .image_center:first-child,
article section div.column_2:first-child,
article section div.column_3:first-child,
article section.bgcolor > div > h2:first-child,
article section.bgcolor > div > h3:first-child,
article section.bgcolor > div > h4:first-child,
article section.bgcolor > div > ol:first-child,
article section.bgcolor > div > ul:first-child,
article section.bgcolor > div > div.image_right_254:first-child,
article section.bgcolor > div > div.image_left_254:first-child,
article section.bgcolor > div > div.image_right_274:first-child,
article section.bgcolor > div > div.image_left_274:first-child,
article section.bgcolor > div > div.image_right_430:first-child,
article section.bgcolor > div > div.image_left_430:first-child,
article section.bgcolor > div > .image_center:first-child,
article section > .subblock:first-child,
article section > div > .subblock:first-child,
article .subblock > div h1:first-child,
article .subblock > div h3:first-child,
article .subblock > div h4:first-child,
article .subblock > div h5:first-child,
article .subblock > div figure + h2,
article .subblock > div figure + h3,
article .subblock > div figure + h4,
article .subblock > div figure + h5,
article section dl:first-child,
article section dl dt:first-child,
article section dl.column_2 dt,
article section dl.column_2 dd,
article section dl.column_2 dd ul:first-child,
article section dl.column_2 dd ol:first-child,
article section dl.column_3-dtx2 dt,
article section dl.column_3-dtx2 dd,
article section dl.column_3-dtx2 dd dl,
article section ul.anchor_list:first-child,
article section dl.faq_list.partition:first-child,
article section ul.contents_index:first-child,
article section > table:first-child,
article section dd table:first-child,
article section li table:first-child,
article section > div.block_flowchart:first-child,
article section div.block_flowchart > dl.flowchart:first-child,
article section div.wrap_mid_cont > p:first-child {
	margin-top:					0		!important;
}

article section h3,
article section h4,
article section h5,
article section > p,
article section ol,
article section ul,
article section div.image_right_254,
article section div.image_left_254,
article section div.image_right_274,
article section div.image_left_274,
article section div.image_right_430,
article section div.image_left_430,
article section .image_center,
article section.bgcolor > div,
article section div.column_2,
article section div.column_3,
article .subblock,
article section dl,
article section ul.contents_index,
article section div.block_flowchart > dl.flowchart {
/*
	width:						900px;
	margin-right:				auto;
	margin-left:				auto;
	padding-right:			50px;
	padding-left:				50px;
*/
}

article section dl dd > div.image_right_254,
article section dl dd > div.image_right_274,
article section dl dd > div.image_right_430,
article section dl dd > div.image_left_254,
article section dl dd > div.image_left_274,
article section dl dd > div.image_left_430,
article section dl.column_3-dtx2 dl {
	padding-right:				0;
	padding-left:					0;
}


article section.bgcolor > div{
/*
	padding-right:				100px;
	padding-left:					100px;
*/
}

article p,
article section dl dd {
	margin:								1.5rem 0 0;
}

article section > h2 + div.wrap_mid_cont {
	margin-top:						1.25rem;
}

article section#area_keyvisual + section {
	margin-top:						1.75rem			!important;
}


article section h2 + p {
	margin-top:						1rem;
}

article section p.read{
	font-weight:					bold;
}

article section p.lead{
	font-weight:					bold;
	text-align:						center;
	padding:							0;
/*	font-size:					1.5rem;*/
	font-size:						1.25rem;
	color:								#174174;
	line-height:					1.5em;
}

article sup{
	font-size:					0.75em;
	margin:							0 0.5em 0 0.2em;
	vertical-align:			super;
}

article section p.caption,
article section figure > figcaption,
article section p.attention,
article section .attention > li {
	font-size:					0.75rem;
	line-height:				1.75em;
}

article section .attention_s > li {
	font-size:					0.625rem;
	line-height:				1.5em;
	margin-top:					0.5em;
	color:							#7C7C7C;
}

article section p.caption,
article section figure > figcaption,
article section p.attention {
	width:								100%;
	font-size:						0.75rem;
	line-height:					1.429em;
}

article section p.caption,
article section figure > figcaption {
	margin:								12px 0 0;
	padding:							0;
	text-align:						left;
}

article section p.caption:first-child,
article section figure > a + figcaption,
article section figure > img + figcaption {
	margin-top:						0;
}

article section p.attention:before,
article section .attention > li:before,
article section .attention_s > li:before {
	content:							"※";
	display:							inline-block;
	margin-right:					0.25em;
}

article section ol.attention > li,
article section ol.attention_s > li {
	counter-increment:		story;
	margin-left:					0.5em;
}

article section ol.attention > li:before,
article section ol.attention_s > li:before{
	content:							"※"counter(story);
	margin:								0;
	text-indent:					-2.75em;
}

article section p.attention {
	padding-left:					1.25em		!important;
	text-indent:					-0.625em;
}

article section ul,
article section ol{
	padding-left:					24px;
}

article section ul{
	list-style-type:			disc;
}

article section ol {
	list-style-type:			decimal;
}

article section ol.small_a,
article section ul.small_a{
	list-style-type:			lower-alpha;
}

article section li,
article section li ul,
article section li ol {
	margin-top:						0.25em	!important;
}

article section li ul,
article section li ol {
	padding-right:				0;
}


article section li:first-child{
	margin-top:						0;
}

article section .attention,
article section .attention_s{
	list-style-type:			none;
}



/* 見出し
------------------------------------------------------------*/
article section h1,
article section h2,
article section h3,
article section h4,
article section h5 {
	font-weight:					bold;
	letter-spacing:				0.075em;
}

article section h1,
article section h2,
article section h1 a,
article section h2 a {
	color:							#174174;
}

article section h1,
article section h2 {
	padding-top:				0rem;
	padding-bottom:			0.125em;
	padding-left:				16px;
	font-size:					1.5rem;
	line-height:				1.5em;
/*	color:#f00!important;*/
}

article section h2 {
	border-left:				solid 8px #003B66;
}

article section h2:first-child {
	margin-top:					0;
}

section#area_keyvisual + section > h2:first-child {
}

article section h2.image_title{
	border-left:				none;
	padding-top:				0;
	padding-left:				0;
}

article section h2.roundbox {
	text-align:					center;
	border-top:					solid 1px #61899C;
	border-bottom:			solid 1px #61899C;
	border-left:				none;
	padding:						1.5em;
	color:							#61899C;
	position:						relative;
	letter-spacing:			0.1em;
}

article section h2.roundbox:before,
article section h2.roundbox:after{
	content:						"";
	position:						absolute;
	display:						block;
	width:							100%;
	height:							6px;
	left:								0;
	background-color:		#F2F2F2;
}

article section h2.roundbox:before{
	top:								0;
}

article section h2.roundbox:after{
	bottom:							0;
}

article section h3{
	font-size:					1.25rem;
	line-height:				1.5em;
}

article section h2 + h3{
	margin-top:					1.5rem;
}

article section h3.normal{
	padding-top:				0.25rem;
	padding-left:				22px;
	color:							#174174;
	line-height:				1.167em;
	border-left:				solid 12px #BFD1DA;
}

article section h3.roundbox,
article section h4.roundbox{
	display:						inline-block;
	border:							solid 1px #333;
	border-radius:			3px;
	font-weight:				bold;
	padding:						0.575em 1.5em;
}
article section h4.roundbox{
	border:							double 4px #CCC;
	padding:						0.575em 2.5em;
	background-color:		#FAFAFA;
}

article section h4,
article section h5{
	font-size:					1rem;
	line-height:				1.5em;
	margin-top:					2rem;
}


article section .column_2 h4,
article section .column_3 h4,
article section .column_2 h4.underline,
article section .column_3 h4.underline,
article section .column_2 h5,
article section .column_3 h5{
	margin-right:				0;
	margin-left:				0;
}

article section .column_2 h4:first-child,
article section .column_3 h4:first-child,
article section .column_2 h5:first-child,
article section .column_3 h5:first-child{
	margin-top:					0	!important;
}

article section h4{
	color:							#000;
}

article section h4.underline {
	color:							#333;
	border-bottom:			solid 1px #97A8B0;
	padding-right:			0;
	padding-bottom:			3px;
	padding-left:				0;
/*
	margin-right:				50px;
	margin-left:				50px;
*/
}

article section h5{
	color:							#666;
}

article section .serif_title{
	font-family:				'游明朝', YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, 'HiraMinProN-W3', "HG明朝E", 'HGS明朝E', "メイリオ", Meiryo, "MS PMincho", "MS 明朝", serif, sans-serif;
	border-left:				none;
	padding-top:				0;
	padding-left:				0;
	color:							#333;
	letter-spacing:			0.0125em;
}

/*
article h2:first-child + p{
margin-bottom:40px;
}

article .headline_image{
margin:0 0 20px 0;
padding:0;
border:none;
line-height:1.5;
}
article div.h2area p{
margin:0;
padding:0;
}
article div.h2area h2{
font-size:200%;
line-height:1.5;
}
article div.h2area h2 span{
font-size:50%;
font-weight:normal;
}
*/


/* キービジュアルエリア
------------------------------------------------------------*/

article#home section div.contents_title {
}

article#home section div.contents_title > div{
	width:						1100px;
	margin:						0 auto;
}

article section#area_keyvisual{
	border-bottom:		solid 2px #D8D8D8;
}

/* See the hint [article section:first-child]*/
article section#area_keyvisual > div > div {
	display:					table;
	width:						100%;
	height:						94px;
	padding-bottom:		2px;
}

/*
article section#area_keyvisual > div > div h1,
article section#area_keyvisual > div > div h2 {
	text-align:					center;
	letter-spacing:			0.25em;
	color:							#333;
	font-weight:				normal;
}

article section#area_keyvisual > div > div h2 {
	font-size:					2rem;
	margin-top:					23px;
	padding-bottom:			9px;
	border-left:				none;
}

article section#area_keyvisual > div > div h1 {
	font-size:					2.75rem;
	padding-top:				0;
	padding-left:				0;
	border-left:				0;
	color:							#174174;
}
article section#area_keyvisual > div > div h1.base {
	border-bottom:			2px solid #174174;
}
*/
	

/* グレー背景のリードエリア */
article section#area_keyvisual > div:nth-of-type(2){
	padding:						20px 50px;
	background-color:		#EFEFEF;
	margin-top:					50px;
}

article section#area_keyvisual > div:nth-of-type(2) p{
	color:							#505050;
	font-size:					1.125rem;
}

article section#area_keyvisual > div:nth-of-type(2) p:first-child{
	margin-top:					0;
}


/* Coming Soon
------------------------------------------------------------*/
article section .soon{
	position:					relative;
	overflow:					hidden;
	display:					block;
}

article section .soon:after{
	width:						100%;
	height:						100%;
	display:					block;
	background-color:			rgba(153, 153, 153, 0.85);
	position:					absolute;
	content:					"Coming Soon";
	text-align:					center;
	font-size:					1.125rem;
	color:						#DCDCDC;
	top:						0;
	left:						0;
	padding-top:				47.5%;
}


/* イメージエリア
------------------------------------------------------------*/
article section figure img {
/*
	width:						100%;
	height:						auto;
*/
}


article section div.image_right_254,
article section div.image_left_254,
article section div.image_right_274,
article section div.image_left_274,
article section div.image_right_430,
article section div.image_left_430,
article section .image_center,
article section dl,
article section div.column_2,
article section div.column_3{
	overflow:					hidden;
}


article section div.image_right_254 figure,
article section div.image_left_254 figure,
article section div.image_right_274 figure,
article section div.image_left_274 figure,
article section div.image_right_430 figure,
article section div.image_left_430 figure{
	margin-bottom:				2rem;
}

article section div.image_right_254 figure,
article section div.image_right_274 figure,
article section div.image_right_430 figure{
	float:						right;
	margin-left:				40px;
}

article section div.image_left_254 figure,
article section div.image_left_274 figure,
article section div.image_left_430 figure{
	float:						left;
	margin-right:				40px;
}

article section div.image_right_254 figure,
article section div.image_left_254 figure,
article section div.image_right_254 figure img,
article section div.image_left_254 figure img{
	width:						254px;
}

article section div.image_right_274 figure,
article section div.image_left_274 figure,
article section div.image_right_274 figure img,
article section div.image_left_274 figure img{
	width:						274px;
}

article section div.image_right_430 figure,
article section div.image_left_430 figure,
article section div.image_right_430 figure img,
article section div.image_left_430 figure img{
	width:						430px;
}

article section div.image_right_254 figure img,
article section div.image_left_254 figure img,
article section div.image_right_274 figure img,
article section div.image_left_274 figure img,
article section div.image_right_430 figure img,
article section div.image_left_430 figure img{
	height:						auto;
}

article section .image_center{
	text-align:					center;
}

article section div.image_right_254 figure + p:nth-of-type(1),
article section div.image_left_254 figure + p:nth-of-type(1),
article section div.image_right_274 figure + p:nth-of-type(1),
article section div.image_left_274 figure + p:nth-of-type(1),
article section div.image_right_430 figure + p:nth-of-type(1),
article section div.image_left_430 figure + p:nth-of-type(1),
article section .image_center figure + p:nth-of-type(1),
article section div.column_2 > div > p:first-child,
article section div.column_3 > div > p:first-child{
	margin-top:					0;
}


article section div.column_2 > figure,
article section div.column_2 > div,
article section div.column_3 > figure,
article section div.column_3 > div{
	float:						left;
}

article section div.column_2 > figure,
article section div.column_2 > div,
article section div.column_3 > figure,
article section div.column_3 > div{
	margin-top:					40px;
	margin-left:				40px;
}

article section div.column_2 > figure:nth-of-type(1),
article section div.column_2 > figure:nth-of-type(2),
article section div.column_2 > div:nth-of-type(1),
article section div.column_2 > div:nth-of-type(2),
article section div.column_3 > figure:nth-of-type(1),
article section div.column_3 > figure:nth-of-type(2),
article section div.column_3 > figure:nth-of-type(3),
article section div.column_3 > div:nth-of-type(1),
article section div.column_3 > div:nth-of-type(2),
article section div.column_3 > div:nth-of-type(3){
	margin-top:					0;
}

article section div.column_2 > figure:nth-of-type(2n+1),
article section div.column_2 > div:nth-of-type(2n+1),
article section div.column_3 > figure:nth-of-type(3n+1),
article section div.column_3 > div:nth-of-type(3n+1){
	margin-left:				0;
}

article section div.column_3.separate_254 > figure,
article section div.column_3.separate_254 > div{
	width:						254px;
}

article section div.column_3.separate_254 > figure:nth-of-type(1),
article section div.column_3.separate_254 > div:nth-of-type(1){
	margin-left:				29px;
}

article section div.column_3.separate_254 > figure:nth-of-type(3),
article section div.column_3.separate_254 > div:nth-of-type(3){
	margin-right:				29px;
}

article section div.column_3.separate_273 > figure,
article section div.column_3.separate_273 > div{
	width:						340px;
}

article section div.column_3.separate_273 > figure:nth-of-type(2),
article section div.column_3.separate_273 > div:nth-of-type(2){
	margin-left:				40px;
}

article section div.column_2.separate_274 > figure,
article section div.column_2.separate_274 > div{
	width:						274px;
}

article section div.column_2.separate_274 > figure:nth-of-type(1),
article section div.column_2.separate_274 > div:nth-of-type(1){
	margin-left:				156px;
}

article section div.column_2.separate_274 > figure:nth-of-type(2),
article section div.column_2.separate_274 > div:nth-of-type(2){
	margin-right:				156px;
}

article section div.column_2.separate_300 > figure,
article section div.column_2.separate_300 > div{
	width:						300px;
}

article section div.column_2.separate_300 > figure:nth-of-type(1),
article section div.column_2.separate_300 > div:nth-of-type(1){
	margin-left:				130px;
}

article section div.column_2.separate_300 > figure:nth-of-type(2),
article section div.column_2.separate_300 > div:nth-of-type(2){
	margin-right:				130px;
}

article section div.column_2.separate_400 > figure,
article section div.column_2.separate_400 > div{
	width:						400px;
}

article section div.column_2.separate_400 > figure:nth-of-type(1),
article section div.column_2.separate_400 > div:nth-of-type(1){
	margin-left:				30px;
}

article section div.column_2.separate_400 > figure:nth-of-type(2),
article section div.column_2.separate_400 > div:nth-of-type(2){
	margin-right:				30px;
}

article section div.column_2.separate_430 > figure,
article section div.column_2.separate_430 > div{
	width:						530px;
}

article section div.column_2 figure p,
article section div.column_2 div p,
article section div.column_2 figure figure,
article section div.column_2 div figure{
	margin-top:					1em;
}


/* イメージエリア下　名前・所属などのキャプション
------------------------------------------------------------*/
article section div.subblock > figure > div,
article section div.subblock figure > img{
}

article section div > figure > div {
	background-color:			#F3F3F3;
	padding:					19px 15px 15px;
}

article section div.subblock > figure > div {
}

article section div > figure > div > div {
	overflow:					hidden;
}

article section div > figure > div p {
	font-size:					0.875rem;
}

article section div > figure > div p,
article section div.subblock figure > div p {
	width:						100%;
	letter-spacing:				0;
	margin-top:					7px;
	line-height:				1.75em;
}

article section div > figure > div p.job{
	width:						100%;
	line-height:				1.5em;
	padding:					5px 0 4px;
	margin:						0;
	color:						#FFF;
	letter-spacing:				0.125em;
	background-color:			#61899c;
	text-align:					center;
	font-size:					0.75rem;
}

article section div > figure > div > h5{
	font-size:					1.125rem;
	font-weight:				normal;
	text-align:					center;
	margin-top:					12px;
	margin-bottom:				11px;
}

article section div > figure > div > h5 span{
	font-size:					0.75rem;
	font-weight:				normal;
	letter-spacing:				0;
	display:					block;
	line-height:				1em;
}


/* lightbox
------------------------------------------------------------*/
/*
article section a[rel="lightbox"]{
	display:					block;
	margin:						0;
	position:					relative;
}

article section a[rel="lightbox"]:after{
	content:					url(/common/images/icon_zoom.png);
	display:					block;
	width:						36px;
	height:						36px;
	position:					absolute;
	right:						10px;
	bottom:						10px;
}

article section a[rel="lightbox"] img{
display:						block;
}
*/


/* サブブロック
------------------------------------------------------------*/
article .subblock {
	padding:					2rem;
}

article .subblock {
	width:							1100px;
	background-color:		#D4E9F5;
	overflow:						hidden;
	margin-right:				auto;
	margin-left:				auto;
}

article .wrap_mid_cont .subblock {
	width:							100%;
}

article .subblock > div{
	width:							860px;
	float:							left;
}

article section div.subblock h4,
article section div.subblock h5{
	line-height:				1.75em;
	padding:					0;
}

article section div.subblock h4:first-child,
article section div.subblock h5:first-child {
	margin-top:					-3px;
}

article .subblock > div h4,
article .subblock > div h5 {
	padding:					0;
}

article .subblock > div p{
	margin-top:					1.75em;
}

article .subblock > figure{
	width:						150px;
	float:						right;
/*	margin-top:					2em;*/
	margin-bottom:				0;
	overflow:					hidden;
	background-color:			#FFF;
}


article section div.subblock > figure > div {
	background:					none;
	padding:					15px;
}

article section div.subblock figure > img{
	display:					block;
	width:						150px;
}

article section div.subblock figure > div p:nth-of-type(2){
	margin-top:					0;
	font-size:					0.75rem;
}



/* ページャー
------------------------------------------------------------*/
/*
article > nav.pager{
margin:50px 0;
}
article > nav.pager ul{
margin:0 auto;
padding:0;
text-align:center;
overflow:hidden;
}
article > nav.pager ul li{
display:inline-block;
margin:0 0 0 5px;
list-style:none;
line-height:1;
}
article > nav.pager ul li div{
padding:19px 20px 16px 20px;
color:#ccc;
text-decoration:none;
border:2px #ddd solid;
background:#fafafa;
}
article > nav.pager ul li.number{
display:none;
}
article > nav.pager ul li a{
display:block;
padding:19px 20px 16px 20px;
color:#4982c7;
text-decoration:none;
border:2px #4982c7 solid;
background:#f3f3f3;
}
article > nav.pager ul li a:hover,
article > nav.pager ul li.here a{
color:#fff;
background:#4982c7;
}
article > nav.pager ul li.prev{
margin:0;
}
*/


/* リンク
------------------------------------------------------------*/
.after_none:after{
	content:					normal	!important;
}

article section p a{
	text-decoration:			underline;
}

.awesome_before:before,
.awesome_after:after,
header > div > nav > div.menu ul li a[target="_blank"]:after,
header > div > nav.sp > div.menu > ul > li:nth-of-type(5) > ul > li a:after,
article section a.link_in:after,
article section a[target="_blank"]:after,
article section a.link_anchor:before,
article section ul.anchor_list li a:before,
article section .link_w_arrow:after,
article section .link_w_arrow_rb:after,
article section .link_out_box_rb:after,
footer > div:nth-of-type(1) > div.menu ul li a[target="_blank"]:after,
footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(6) a:after,
footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(7) a:after,
div#pagetop,
div#pagetop_sp,
div#pagetop a:after,
article section div.block_flowchart > dl.flowchart:after {
	padding:									0 0.25em 0 0.5em;
	display:									inline-block;
	font-family:							FontAwesome;
	font-style:								normal;
	font-weight:							normal;
	line-height:							1;
	-webkit-font-smoothing:		antialiased;
	-moz-osx-font-smoothing:	grayscale;
}

/* 内部リンク */
article section a.link_in:after,
footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(6) a:after{
	content:					"\f105";
	padding-left:				0.75em;
}
/*
header > div > nav.sp > div.menu > ul > li:nth-of-type(5) > ul > li a:after{
	width:						inherit;
	height:						inherit;
	padding-right:				0;
	position:					initial;
	background:					none;
}
*/

/* 外部リンク */
/*
header > div > nav > div.menu ul li a[target="_blank"]:after,
header > div > nav.sp > div.menu > ul > li:nth-of-type(5) > ul > li a:after,
article section a[target="_blank"]:after,
footer > div:nth-of-type(1) > div.menu ul li a[target="_blank"]:after,
article section .link_out_box_rb:after{
	content:					"\f08e";
}
*/

/* アンカーリンク */
article section a.link_anchor:before,
article section ul.anchor_list li a:before{
	content:					"\f107";
	padding-right:				0.5em;
	padding-left:				0;
}

article section a.link_in,
article section a.link_out,
article section a.link_anchor{
	display:					block;
	margin:						1rem 0 0 0;
	padding:					0;
}

article section h2.roundbox a.link_in,
article section h2.roundbox a.link_out,
article section h2.roundbox a.link_anchor{
	margin-top:					0;
	color:						#61899C;
}

article section h2.roundbox a.link_in:after,
article section h2.roundbox a.link_out:after,
article section h2.roundbox a.link_anchor:after{
	padding-right:				0;
}


article .anchor_target{
	padding-top:				120px;
	margin-top:					-60px;
}


/* ダブルアローリンク */
article section .link_w_arrow:after,
article section .link_w_arrow_rb:after,
article section .link_out_box_rb:after{
	display:					inline-block;
	font-size:					0.75em;
	color:						#FFF;
	background-color:			#90A4AE;
	margin-left:				0.75em;
	padding:					0.2em 0.25em 0.2em 0.4em;
}

article section .link_w_arrow_rb:after,
article section .link_out_box_rb:after{
	position:					absolute;
	right:						15px;
	bottom:						15px;
	display:					block;
	margin-left:				0;
}

article section .link_w_arrow:after,
article section .link_w_arrow_rb:after{
	content:					"\f101";
}

/* box入り外部リンク */
article section .link_out_box_rb:after{
	padding:					0.41em 0.12em 0.25em 0.32em;
	font-size:					0.6875rem;
}

/* Coming Soon時は非表示 */
article section .soon .link_w_arrow:after,
article section .soon .link_w_arrow_rb:after{
	display:					none;
}



/* リンクボタン
------------------------------------------------------------*/
article section a.btn,
article section a.btn_conv,
article section div.contact_form > a {
	display:					table;
	width:						600px;
	height:						50px;
/*	border:						solid 1px #999;*/
	margin:						2rem auto;
}

article section > a.btn:first-child,
article section > a.btn_conv:first-child,
article section div.contact_form > a:first-child {
	margin-top:				0;
}

article section > a.btn:last-child,
article section > a.btn_conv:last-child,
article section div.contact_form > a:last-child {
	margin-bottom:		0;
}

article section div.subblock > a.btn:last-child,
article section div.subblock > a.btn_conv:last-child {
	margin-bottom:		20px;
}

article section a.btn {
	background-color: rgba(255, 255, 255, 0.3);
}
article section a.btn_conv {
	border-color:			#93D2CE;
	background-color:	#93D2CE;
}

article section a.btn > div,
article section a.btn_conv > div {
	display:					table-cell;
	text-align:				center;
	vertical-align:		middle;
	line-height:			1.25em;
	color:						#333;
	background-color:	#F1F1F1;
	font-size:				1.125rem;
	font-weight:			bold;
	letter-spacing:		0;
}

article section.bgcolor.bg_gray a.btn > div {
	background-color:	#FFF;
}

article section a.btn_conv > div {
	color:						#FFF;
	background-color:	#005CCA;
}

article section a.btn:hover,
article section a.btn_conv:hover {
	text-decoration:	none;
}

article section a.btn:hover {
	color:						#787878;
	background-color:	#EFEFEF;
}



/* お問い合わせはこちら
------------------------------------------------------------*/
article section#area_contact {
	padding-top:			40px;
	padding-bottom:		40px;
	background-color:	#D4E9F5;
}

article > section#area_contact:last-child {
	margin-bottom:		-80px;
}

article section#area_contact > div,
article section#area_certificate > ul {
	width:						1100px;
	margin:						0 auto;
	display:					flex;
	justify-content:	space-between;
}

article section#area_certificate > ul {
	width:						900px;
	margin:						50px auto 0;
	overflow:					visible;
	padding:					0;
	display:					-webkit-box;
	display:					-moz-box;
	display:					-webkit-flexbox;
	display:					-moz-flexbox;
	display:					-ms-flexbox;
	display:					-webkit-flex;
	display:					-moz-flex;
	display:					flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:		multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:		wrap;
	-ms-flex-wrap:		wrap;
	flex-wrap:				wrap;
	justify-content:	center;
}

article section#area_contact > div > div:nth-of-type(1) > p.lead,
article section#area_contact > div > div:nth-of-type(2) > a,
article section div.contact_form > a {
	font-family:			"NotoSansCJKjpBold"	!important;
	font-weight:			normal;
	letter-spacing:		0;
}

article section#area_contact > div > div:nth-of-type(1) > p.lead {
	display:					none;
	color:						#005CCA;
	font-size:				2rem;
	text-align:				right;
	margin:						8px 0 0;
	padding:					0;
	line-height:			1.25em;
	letter-spacing:		0;
}


/* デフォルト パターン */
article section#area_contact > div > div:nth-of-type(1) > p.lead#text_default {
	display:					block;
}

/* ITサービスデスク、教育・研修サービス　パターン */
body#solutions article#itservicedesk section#area_contact > div > div:nth-of-type(1) > p.lead#text_default,
body#solutions article#training section#area_contact > div > div:nth-of-type(1) > p.lead#text_default {
	display:					none;
}
body#solutions article#itservicedesk section#area_contact > div > div:nth-of-type(1) > p.lead#text_itservicedesk {
	display:					block;
	color:						#FFF;
}
body#solutions article#training section#area_contact > div > div:nth-of-type(1) > p.lead#text_training {
	display:					block;
	color:						#FFF;
}
body#solutions article#itservicedesk section#area_contact,
body#solutions article#training section#area_contact {
	background-color:	#003B66;
}

/* BPO パターン */
body#solutions article#bpo section#area_contact > div > div:nth-of-type(1) > p.lead#text_default {
	display:					none;
}
body#solutions article#bpo section#area_contact > div > div:nth-of-type(1) > p.lead#text_bpo {
	display:					block;
	color:						#FFF;
}
body#solutions article#bpo section#area_contact {
	background-color:	#6BC1ED;
}

/* コンタクトセンター パターン */
body#solutions article#contactcenter section#area_contact > div > div:nth-of-type(1) > p.lead#text_default {
	display:					none;
}
body#solutions article#contactcenter section#area_contact > div > div:nth-of-type(1) > p.lead#text_contactcenter {
	display:					block;
	color:						#FFF;
}
body#solutions article#contactcenter section#area_contact {
	background-color:	#94C750;
}



article section#area_contact > div > div:nth-of-type(2),
article section div.contact_form {
/*	width:						630px;*/
	width:						522px;
	display:					table;
	border:						solid 5px #FFF;
}

article section div.contact_form.btn_middle,
article section div.contact_form.btn_middle > a {
	width:						100%;
}

article#recruit section div.contact_form.btn_middle,
article section div.contact_form.btn_middle > a {
	display:					flex;
}

article#recruit section div.contact_form.btn_middle {
	justify-content:	flex-end;
	margin-top:				40px;
}

article section div.contact_form.btn_middle {
	border:						none;
}

article section div.contact_form.btn_middle > a {
	font-size:				1.625rem;
	align-items:			center;
	justify-content:	center;
	padding:					0;
	height:						60px;
	color:						#FFF;
	background-color:	#005CCA;
}

article#recruit section div.contact_form.btn_middle > a {
	width:						380px;
}

article section#area_contact > div > div:nth-of-type(2) > a,
article section div.contact_form > a {
	display:					table-cell;
	text-align:				center;
	vertical-align:		middle;
/*	height:						110px;*/
	height:						90px;
	background-color:	#005CCA;
	color:						#FFF;
	font-size:				2rem;
	margin:						0;
	padding:					0 0 7px 0;
	line-height:			1em;
}

article section#area_contact > div > div:nth-of-type(2) > a img,
article section div.contact_form > a img {
	display:					inline-block;
	margin-right:			2rem;
	margin-bottom:		-13px;
}

article#recruit section div.contact_form.btn_middle > a img {
	width:						40px;
	height:						auto;
	margin-right:			1.5rem;
	margin-bottom:		-2px;
}



/* 各種認定
------------------------------------------------------------*/
article section#area_certificate {
/*
	margin-top:				75px;
	padding-top:			75px;
*/
	margin-top:				4rem;
	padding-top:			4rem;
	padding-bottom:		0;
	border-top:				solid 3px #F1F1F1;
}

article section#area_contact	+ section#area_certificate,
article section#area_related	+ section#area_certificate,
article section.bgcolor				+ section#area_certificate {
	margin-top:				0;
	border-top:				none;
}

article section#area_certificate > ul {
	width:						900px;
	margin:						50px auto 0;
	overflow:					visible;
	padding:					0;
	display:					-webkit-box;
	display:					-moz-box;
	display:					-webkit-flexbox;
	display:					-moz-flexbox;
	display:					-ms-flexbox;
	display:					-webkit-flex;
	display:					-moz-flex;
	display:					flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:		multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:		wrap;
	-ms-flex-wrap:		wrap;
	flex-wrap:				wrap;
	justify-content:	space-between;
}

article section#area_certificate > ul > li {
/*	float:						left;*/
	list-style:					none;
	text-align:					center;
	margin-top:					50px			!important;
	margin-left:				60px;
}

article section#area_certificate > ul > li:nth-of-type(1) {
	margin-left:			0;
}

article section#area_certificate > ul > li:nth-of-type(1),
article section#area_certificate > ul > li:nth-of-type(2),
article section#area_certificate > ul > li:nth-of-type(3),
article section#area_certificate > ul > li:nth-of-type(4) {
	margin-top:				0			!important;
}

article section#area_certificate > ul > li:nth-of-type(5) {
	margin-top:				30px		!important;
	margin-right:			0;
	margin-left:			0;
	padding:					0 32px 0 5px;
}

article section#area_certificate > ul > li:nth-of-type(6) {
	margin-left:			0;
	padding:					0 52px 0 10px;
}

article section#area_certificate > ul > li:nth-of-type(7) {
	margin-right:			10px;
	margin-left:			0;
}

article section#area_certificate > ul > li:nth-of-type(8) {
	margin-top:				34px		!important;
	margin-right:			7px;
	margin-left:			18px;
	padding:					0;
}

article section#area_group ul > li p,
article section#area_certificate > ul > li p {
	line-height:			1.5em;
	color:						#666;
}

article section#area_certificate ul > li img{
	display:					block;
	margin:						0 auto;
	width:						auto;
	height:						133px;
}

article section#area_certificate > ul > li:nth-of-type(1) img {
/*	width:						85px;*/
	height:						133px;
}
article section#area_certificate > ul > li:nth-of-type(2) img {
/*	width:						186px;*/
	height:						130px;
	padding:					30px 0;
}
article section#area_certificate > ul > li:nth-of-type(3) img {
/*	width:						186px;*/
	height:						133px;
}
article section#area_certificate > ul > li:nth-of-type(4) img {
/*	width:						142px;*/
	height:						123px;
}
article section#area_certificate > ul > li:nth-of-type(5) img {
/*	width:						142px;*/
	height:						153px;
}
article section#area_certificate > ul > li:nth-of-type(8) img {
/*	width:						142px;*/
	height:						150px;
}

article section#area_certificate > ul > li p {
	margin-top:				1rem;
}

article section#area_certificate > ul > li:nth-of-type(4) p {
	margin-top:				1.7rem;
}



/* dl、dt、dd（福利厚生、募集要項等）
------------------------------------------------------------*/
article section dl dt{
	font-weight:				bold;
	border-bottom:			solid 1px #97A8B0;
}

article section dl dd ul,
article section dl dd ol{
	margin-top:					0;
	padding-left:				27px;
}

article section dl dd li{
	margin-top:					0.25em;
}

article section dl dd li{
	margin-top:					0.25em;
}

article section dl dd > ol:first-child > li:first-child,
article section dl dd > ul:first-child > li:first-child {
	margin-top:					0		!important;
}

article section li p.attention,
article section dl dd p.attention{
	padding-right:			0;
	padding-left:				0;
}

article section dl.column_2,
article section dl.column_3-dtx2,
article section dl.column_3-dtx2 dl,
article section div.block_flowchart > dl.flowchart {
	display:						-webkit-box;
	display:						-moz-box;
	display:						-ms-box;
	display:						-webkit-flexbox;
	display:						-moz-flexbox;
	display:						-ms-flexbox;
	display:						-webkit-flex;
	display:						-moz-flex;
	display:						-ms-flex;
	display:						flex;
	-webkit-box-lines:	multiple;
	-moz-box-lines:			multiple;
	-webkit-flex-wrap:	wrap;
	-moz-flex-wrap:			wrap;
	-ms-flex-wrap:			wrap;
	flex-wrap:					wrap;
}

article section dl.column_2 dt,
article section dl.column_2 dd,
article section dl.column_3-dtx2 dt,
article section dl.column_3-dtx2 dd {
	margin-bottom:			1em;
	padding-bottom:			0.75em;
}

article section dl.column_2 dt:nth-last-of-type(1),
article section dl.column_2 dd:nth-last-of-type(1),
article section dl.column_3-dtx2 dt:nth-last-of-type(1),
article section dl.column_3-dtx2 dd:nth-last-of-type(1) {
	margin-bottom:			0;
	padding-bottom:			0.75em;
}

article section dl.column_2 dt,
article section dl.column_3-dtx2 dt {
	width:							9em;
	padding:						0 16px 0 0;
}

article section dl.column_2 dd,
article section dl.column_3-dtx2 dd {
	width:							956px;
	border-bottom:			solid 1px #97A8B0;
}

article section dl.column_3-dtx2 dl dd {
	width:							612px;
}

article section dl.column_3-dtx2 dl > dt:nth-last-of-type(1),
article section dl.column_3-dtx2 dl > dd:nth-last-of-type(1) {
	border-bottom:			none;
	padding-bottom:			0;
}

article section dl.column_2 dd p,
article section dl.column_3-dtx2 dd p {
	margin-top:					1em;
	line-height:				1.5em;
}

article section dl.column_2 dd p:first-child,
article section dl.column_3-dtx2 dd p:first-child {
	margin-top:					0;
}



/* フローチャート
------------------------------------------------------------*/
article section div.block_flowchart {
	margin-top:					45px;
}

article section div.block_flowchart > dl.flowchart {
	display:						table;
	width:							100%;
	position:						relative;
	overflow:						visible;
	margin-top:					7rem;
}

article section div.block_flowchart > dl.flowchart:after {
	content:						"\f103";
	display:						block;
	position:						absolute;
	width:							6rem;
	height:							6rem;
	font-size:					6rem;
	bottom:							-6.5rem;
	left:								50%;
	color:							#E3E3E3;
	padding:						0;
	text-align:					center;
	line-height:				1em;
}

article section div.block_flowchart > dl.flowchart:last-child:after {
	display:						none;
}

article section div.block_flowchart > dl.flowchart > dt,
article section div.block_flowchart > dl.flowchart > dd {
	display:						table-cell;
}

article section div.block_flowchart > dl.flowchart > dt {
	width:							72px;
	font-size:					2rem;
	font-weight:				bold;
	color:							#005CCA;
	border:							solid 1px #005CCA;
	text-align:					center;
	vertical-align:			middle;
	padding:						1rem;
}

article section div.block_flowchart > dl.flowchart > dd {
	vertical-align:			top;
}

article section div.block_flowchart > dl.flowchart > dd > h4 {
	color:							#005CCA		!important;
	border-bottom:			solid 1px #005CCA;
	margin-top:					0;
	padding:						0 0 0.75em 1.25em;
	letter-spacing:			0.1em			!important;
}

article section div.block_flowchart > dl.flowchart > dd > ul {
	margin-top:					1em;
	margin-left:				1.5em			!important;
}



/* FAQパーツ
------------------------------------------------------------*/
article section ul.anchor_list,
article section dl.faq_list{
	overflow:							hidden;
}

article section ul.anchor_list{
	background-color:			#EEE;
	padding:							15px 2em;
	list-style-type:			none;
}

article section ul.anchor_list li {
	float:							left;
	margin-top:					0;
	margin-right:				2em;
}

article section ul.anchor_list li:last-child {
	margin-right:				0;
}

article section ul.anchor_list li a{
	display:					block;
	padding-right:				0;
}



article section dl.faq_list{
	padding-right:				0;
	padding-left:				0;
}

article section dl.faq_list.partition{
	margin-top:					35px;
	padding-bottom:				30px;
	border-bottom:				solid 1px #97A8B0;
}

article section dl.faq_list dt,
article section dl.faq_list dd{
	float:						left;
	margin-top:					15px;
	min-height:					34px;
}

article section dl.faq_list dt:nth-of-type(1),
article section dl.faq_list dd:nth-of-type(1){
	margin-top:					0;
}

article section dl.faq_list dt:nth-child(4n+5),
article section dl.faq_list dd:nth-child(4n+6){
	margin-top:					45px;
}

article section dl.faq_list dt{
	width:						34px;
	height:						34px;
	text-align:					center;
	border:						solid 1px #333;
	border-radius:				3px;
	margin-right:				1rem;
	padding:					0 0 2px;
	font-family:				'Varela', "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

article section dl.faq_list dd{
	width:						1050px;
}

article section dl.faq_list dd:nth-child(4n+2){
	font-weight:				bold;
}


/* デフォルトindexページ
------------------------------------------------------------*/
article section ul.contents_index {
	overflow:					hidden;
	text-align:					center;
}

article section ul.contents_index > li,
article section ul.contents_index > li a{
	width:						273px;
}

article section ul.contents_index > li{
	display:					inline-block;
	margin-top:					40px;
	margin-left:				34px;
	border-bottom:				solid 1px #CCC;
}

article section ul.contents_index > li,
article section ul.contents_index > li div{
	position:					relative;
}

article section ul.contents_index > li div:nth-of-(2):after,
article section ul.contents_index > li div:nth-of-(2):before{
	position:					absolute;
	content:					"";
	display:					block;
	width:						17px;
	height:						17px;
	bottom:						0;
}

article section ul.contents_index > li div:nth-of-(2):after{
	border-right:				solid 1px #CCC;
	right:						0;
}

article section ul.contents_index > li div:nth-of-(2) div:before{
	border-left:				solid 1px #CCC;
	left:						0;
}


article section ul.contents_index > li:nth-of-type(1),
article section ul.contents_index > li:nth-of-type(2),
article section ul.contents_index > li:nth-of-type(3){
	margin-top:					0;
}

article section ul.contents_index > li:nth-child(3n+1){
	margin-left:				0;
}

article section ul.contents_index > li a{
	display:					block;
}

article section ul.contents_index > li a:hover{
	text-decoration:			none;
}

article section ul.contents_index > li a[target="_blank"]:after{
	display:					none;
}

article section ul.contents_index > li div.link_w_arrow_rb,
article section ul.contents_index > li div.link_out_box_rb{
	position:					relative;
}

article section ul.contents_index > li div.link_w_arrow_rb:after,
article section ul.contents_index > li div.link_out_box_rb:after{
	bottom:						22px;
}

article section ul.contents_index > li div:nth-of-type(1) > img{
	display:					block;
}

article section ul.contents_index > li div:nth-of-type(2){
	padding:					15px;
	background-color:			#F6F6F6;
}

article section ul.contents_index > li a div:nth-of-type(2) > p,
article section ul.contents_index > li a:hover div:nth-of-type(2) > p{
	color:						#222;
}

article section ul.contents_index > li div:nth-of-type(2) > p:first-child{
	margin-top:					0;
}

/* Coming Soon時 */
/*
article section ul.contents_index li div.soon + div{
	background-color:			#F6F6F6;
}
*/

article section ul.contents_index li div.soon + div p{
	color:						#A6A6A6;
}

article section ul.contents_index li div.soon + div.link_w_arrow_rb:after{
	display:					none;
}





/* ===========================================================

   ページトップ

=========================================================== */
div#pagetop,
div#pagetop a{
	width:								60px;
	height:								60px;
	display:							block;
	padding:							0;
}

div#pagetop_sp{
	height:								50px;
}


div#pagetop_sp,
div#pagetop a{
	background-color:			#CCC;
	text-align:						center;
}

div#pagetop{
/*
	margin:						0 20px 20px 0;
	float:						right;
*/
	position:							fixed;
	right:								30px;
	bottom:								20px;
	z-index:							1000;
}

div#pagetop a{
	border-radius:				50%;
}

div#pagetop a:after,
div#pagetop_sp:after{
	content:							"\f077";
	color:								#FFF;
	font-size:						2rem;
	padding:							0;
	padding:							13px 0 0;
	text-decoration:			none;
}

div#pagetop a:hover{
	background-color:			#DBDBDB;
	text-decoration:			none	!important;
}

div#pagetop_sp:hover{
	cursor:								pointer;
	opacity:							0.7;
}

div#pagetop a:hover:after,
div#pagetop_sp:hover:after{
	text-decoration:			none	!important;
}

div#pagetop_sp{
	padding:							0.48rem 0 0;
	display:							none;
}





/* ===========================================================

   footer

=========================================================== */
footer,
footer > div:nth-of-type(1){
	width:						100%;
}

footer{
	clear:						both;
	z-index:					500;
}

footer,
footer:before,
footer:after {
	box-sizing:					initial	!important;
}

footer > div:nth-of-type(1){
	background-color:		#F1F1F1;
	overflow:						hidden;
}

footer > div:nth-of-type(1) > div.menu,
footer > div:nth-of-type(1) > div:nth-of-type(2) > ul,
footer > div:nth-of-type(1) > div:nth-of-type(2) > small {
	width:							1100px;
	margin:							0 auto;
}

footer > div:nth-of-type(1) > div.menu >ul {
	margin:							0 auto;
	display:						flex;
	justify-content:		space-between;
}

footer > div:nth-of-type(1) > div.menu >ul {
	width:							1100px;
}

footer > div:nth-of-type(1) > div:nth-of-type(2) > ul {
	width:							750px;
}


footer > div:nth-of-type(1) > div.menu,
footer > div:nth-of-type(1) > p {
	margin-top:					40px;
}

footer > div:nth-of-type(1) > div.menu{
	margin-bottom:			40px;
	overflow:						hidden;
}

footer > div:nth-of-type(1) > p,
footer > div:nth-of-type(1) > div.menu > ul > li,
footer > div:nth-of-type(1) > div:nth-of-type(2) p{
/*	font-size:					0.875rem;*/
}



/* footer menu
------------------------------------------------------------*/
/*
footer > div:nth-of-type(1) > div.menu > ul,
footer > div:nth-of-type(1) > div:nth-of-type(2) > ul,
footer > div:nth-of-type(1) > div:nth-of-type(2) > small{
	width:						1100px;
}
*/

footer > div:nth-of-type(1) > div.menu > ul {
	overflow:					hidden;
	position:					relative;
}

footer > div:nth-of-type(1) > div.menu > ul,
footer > div:nth-of-type(1) > div:nth-of-type(2) > ul {
	padding-bottom:		1px;
}

footer > div:nth-of-type(1) > div.menu > ul > li{
/*
	width:						200px;
	float:						left;
*/
	font-weight:			bold;
	list-style:				none;
}

/*
footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(1){
	margin-left:			0;
}

footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(5){
	float:						none;
	display:					inline-block;
	margin-top:				50px;
	margin-bottom:		30px;
}
*/

/*
footer > div:nth-of-type(1) > div.menu > ul ul {
	margin-left:				0.875rem;
}
*/

footer > div:nth-of-type(1) > div.menu > ul > li > ul li {
	margin-top:				16px;
	font-weight:			normal;
}

footer > div:nth-of-type(1) > div.menu ul li a,
footer > div:nth-of-type(1) > div.menu ul li span,
footer > div:nth-of-type(1) > div:nth-of-type(2) p strong a {
	color:						#333;
}

footer > div:nth-of-type(1) > div.menu ul li a.btn_dropdown{
	display:					none;
}





/* 小リンク
------------------------------------------------------------*/
footer > div:nth-of-type(1) > div:nth-of-type(2) {
	width:						100%;
	background-color:	#999;
	padding-top:			30px;
	padding-bottom:		30px;
}

footer > div:nth-of-type(1) > div:nth-of-type(2) > ul {
	float:						left;
	margin:						0;
	overflow:					hidden;
}

footer > div:nth-of-type(1) > div:nth-of-type(2) > ul > li {
	display:					inline-block;
	font-size:				0.75em;
}

footer > div:nth-of-type(1) > div:nth-of-type(2) > ul > li:before {
	content:					"｜";
	display:					inline-block;
	margin:						0 1em;
}

footer > div:nth-of-type(1) > div:nth-of-type(2) > ul > li:nth-of-type(1):before {
	content:					"";
	margin:						0;
}

footer > div:nth-of-type(1) > div:nth-of-type(2) > ul > li,
footer > div:nth-of-type(1) > div:nth-of-type(2) > ul > li > a,
footer > div:nth-of-type(1) > div:nth-of-type(2) > small {
	color:						#FFF;
}





/* 検索エリア
------------------------------------------------------------*/
footer > div > div:nth-of-type(2) > div#area_search {
	float:					right;
	width:					258px;
	margin-top:			-3px;
	padding-top:		3px;
	position:				relative;
}

footer > div > div:nth-of-type(2) > div#area_search input:focus {
	outline:				none;
	display:				inline-block;
}

footer > div > div:nth-of-type(2) > div#area_search input#MF_form_phrase {
	border:					solid 1px #999;
	width:					222px;
	height:					28px;
	margin-right:		12px;
	padding:				3px;
}

/* 検索アイコン */
footer > div > div:nth-of-type(2) > div#area_search form input#searchicon {
	width:						28px;
	height:						28px;
	border:						none;
	cursor:						pointer;
	padding:					0;
	position: 				absolute;
	top:							1px;
	right:						0;
}





/* copyright
------------------------------------------------------------*/
footer > div:nth-of-type(1) > div:nth-of-type(2) > small{
	display:					block;
	margin-top:				30px;
	font-size:				0.6875em;
	letter-spacing:		0.1em;
}



/* ===========================================================

   オプション

=========================================================== */

/* 幅
------------------------------------------------------------*/
.w200{
	padding-right:				450px		!important;
	padding-left:					450px		!important;
}

.w254{
	padding-right:				423px		!important;
	padding-left:					423px		!important;
}

.w274{
	padding-right:				413px		!important;
	padding-left:					413px		!important;
}

.w400{
	padding-right:				350px		!important;
	padding-left:					350px		!important;
}

.w430{
	padding-right:				335px		!important;
	padding-left:					335px		!important;
}

.w500{
	padding-right:				300px		!important;
	padding-left:					300px		!important;
}
.w600{
	padding-right:				250px		!important;
	padding-left:					250px		!important;
}
.w700{
	padding-right:				200px		!important;
	padding-left:					200px		!important;
}
.w800{
	padding-right:				150px		!important;
	padding-left:					150px		!important;
}
.w900{
	width:								900px		!important;
	margin-right:					auto		!important;
	margin-left:					auto		!important;
	padding-right:				0			!important;
	padding-left:					0			!important;
}
.w1000{
	padding-right:				50px		!important;
	padding-left:					50px		!important;
}
.w1100{
	padding-right:				0		!important;
	padding-left:					0		!important;
}

.wrap_mid_cont .w1100 {
	width:								1076px;
}


/* margin
------------------------------------------------------------*/
.mt0 {margin-top:0			!important;}
.mt5 {margin-top:5px		!important;}
.mt10{margin-top:10px		!important;}
.mt12{margin-top:12px		!important;}
.mt16{margin-top:16px		!important;}
.mt20{margin-top:20px		!important;}
.mt30{margin-top:30px		!important;}
.mt40{margin-top:40px		!important;}
.mt50{margin-top:50px		!important;}
.mt60{margin-top:60px		!important;}
.mr10{margin-right:10px		!important;}
.mr20{margin-right:10px		!important;}
.mr30{margin-right:10px		!important;}
.mb0 {margin-bottom:0			!important;}
.mb10{margin-bottom:10px	!important;}
.mb20{margin-bottom:10px	!important;}
.mb30{margin-bottom:10px	!important;}
.ml10{margin-left:10px		!important;}
.ml20{margin-left:10px		!important;}
.ml30{margin-left:10px		!important;}


/* padding
------------------------------------------------------------*/
.pt0	{padding-top:		0			!important;}
.pt10	{padding-top:		10px	!important;}
.pt20	{padding-top:		20px	!important;}
.pt30	{padding-top:		30px	!important;}
.pt40	{padding-top:		40px	!important;}
.pt50	{padding-top:		50px	!important;}
.pt60	{padding-top:		60px	!important;}
.pt70	{padding-top:		70px	!important;}
.pt80	{padding-top:		80px	!important;}
.pt90	{padding-top:		90px	!important;}
.pt100{padding-top:		100px	!important;}

.pr0 {padding-right:0			!important;}
.pr10 {padding-right:10px		!important;}
.pr12 {padding-right:12px		!important;}
.pr15 {padding-right:15px		!important;}
.pr16 {padding-right:16px		!important;}
.pr20 {padding-right:20px		!important;}
.pr30 {padding-right:30px		!important;}
.pr40 {padding-right:40px		!important;}
.pr50 {padding-right:50px		!important;}
.pr60 {padding-right:60px		!important;}
.pr70 {padding-right:70px		!important;}
.pr80 {padding-right:80px		!important;}
.pr90 {padding-right:90px		!important;}
.pr100 {padding-right:100px		!important;}

.pl0 {padding-left:0			!important;}
.pl10 {padding-left:10px		!important;}
.pl12 {padding-left:12px		!important;}
.pl16 {padding-left:16px		!important;}
.pl10 {padding-left:10px		!important;}
.pl20 {padding-left:20px		!important;}
.pl30 {padding-left:30px		!important;}
.pl40 {padding-left:40px		!important;}
.pl50 {padding-left:50px		!important;}
.pl60 {padding-left:60px		!important;}
.pl70 {padding-left:70px		!important;}
.pl80 {padding-left:80px		!important;}
.pl90 {padding-left:90px		!important;}
.pl100 {padding-left:100px		!important;}




/* フォントサイズ
------------------------------------------------------------*/
.font10, .font11, .font12, .font13, .font14, .font15,
.font16, .font17, .font18, .font19, .font20,
.font21, .font22, .font23, .font24, .font25,
.font26, .font27, .font28, .font29, .font30,
.font31, .font32, .font33, .font34, .font35, .font36 {
	line-height:		1.5em			!important;
}

.font10{font-size:0.625rem	!important;}
.font11{font-size:0.6875rem	!important;}
.font12{font-size:0.75rem		!important;}
.font13{font-size:0.8125rem	!important;}
.font14{font-size:0.875rem	!important;}
.font15{font-size:0.9375rem	!important;}
.font16{font-size:1rem			!important;}
.font17{font-size:1.0625rem	!important;}
.font18{font-size:1.125rem	!important;}
.font19{font-size:1.1875rem	!important;}
.font20{font-size:1.25rem		!important;}
.font21{font-size:1.3125rem	!important;}
.font22{font-size:1.375rem	!important;}
.font23{font-size:1.4375rem	!important;}
.font24{font-size:1.5rem		!important;}
.font25{font-size:1.5625rem	!important;}
.font26{font-size:1.625rem	!important;}
.font27{font-size:1.6875rem	!important;}
.font28{font-size:1.75rem		!important;}
.font29{font-size:1.8125rem	!important;}
.font30{font-size:1.875rem	!important;}
.font31{font-size:1.9375rem	!important;}
.font32{font-size:2rem			!important;}
.font33{font-size:2.0625rem	!important;}
.font34{font-size:2.125rem	!important;}
.font35{font-size:2.1875rem	!important;}
.font36{font-size:2.25rem		!important;}


/* カラー
------------------------------------------------------------*/
.red{
color:#f33;
}


/* その他
------------------------------------------------------------*/
.text_strong,
.text_strong > li{
	font-weight:bold;
}

.text_left,
.text_left > li{
	text-align:				left		!important;
}

.text_center,
.text_center > li{
	text-align:				center	!important;
}

.text_right,
.text_right_pc,
.text_right > li{
	text-align:				right;
}

.text_right_sp {
	text-align:				inherit;
}

br.pc_none {
	display:					none;
}

br.sp_none {
	display:					inherit;
}



/* ===========================================================

   見出し差し替え

=========================================================== */

#area_keyvisual h1{
	display:						table-cell			!important;
	margin:							0								!important;
	padding:						0								!important;
	color:							#003B66					!important;
	font-size:					2rem						!important;
	letter-spacing:			0								!important;/* 文字数が少ない場合はインラインCSSで広げるのも可としたい */
	text-align:					left;
	vertical-align:			middle;
	}

h2,
h2 a {
	font-size:						1.5rem					!important;
	color:								#005CCA					!important;
	letter-spacing:				0								!important;/* 文字数が少ない場合はインラインCSSで広げるのも可としたい */
}
h3,
h3 a {
	font-size:						1.375rem				!important;
	color:								#6BC1ED					!important;
	letter-spacing:				0								!important;/* 文字数が少ない場合でも「0」としたい */
}
h4,
h4 a {
	font-size:						1.25rem					!important;
	color:								#003B66					!important;
	/*color:red!important; <-- debug */
	letter-spacing:				0								!important;/* 文字数が少ない場合でも「0」としたい */
}
h5,
h5 a {
	font-size:						1rem						!important;
	color:								#404040					!important;
	letter-spacing:				0								!important;/* 文字数が少ない場合でも「0」としたい */
}






/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

   スマートフォン

 * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width: 480px){
body{
	width:						100%;
	min-width:					100%;
	margin:						0 auto;
	padding:					0;
	background:					#FFF;
}


br.sp{
	display:					inherit					!important;
}

.text_left_sp {
	text-align:				justify					!important;
  text-justify:			inter-ideograph	!important;
}





/* ===========================================================

   header

=========================================================== */
header {
/*	position:				fixed;*/
	display:					table;
	width:						100%;
	height:						62px;
}

header,
header > div{
	overflow:					visible;
}

header > div{
	display:					table-cell;
	vertical-align:		middle;
}

header > div:nth-of-type(1) {
	width:						78%;
	padding-left:			10px;
}

header > div:nth-of-type(2) {
	width:						22%;
	padding-right:		10px;
}

header > div h1{
	width:						100%;
	height:						inherit;
}

header > div h1 a,
header > div h1 a img,
header.header_bg > div h1 a,
header.header_bg > div h1 a img{
	width:						100%;
	height:						inherit;
}

header > div h1 a,
header.header_bg > div h1 a{
	margin:						0;
}

header > div h1 a{
}

header > div h1 a img,
header.header_bg > div h1 a img{
/*	height:						auto;*/
}

header.header_bg > div h1 a img:nth-of-type(1),
header > div h1 a span {
	display:					none;
}



/* ===========================================================

   ナビゲーション

=========================================================== */
body > nav ul li.sp_none{
	display:block;
}

header > div > nav.sp{
	width:						inherit;
	top:							0;
	right:						0;
	float:						none;
}


header > div > nav > div.menu{
	width:						255px;
}

header > div > nav > div.menu,
footer > div:nth-of-type(1) > div.menu{
	position:					absolute;
	top:						0;
	right:						0;
}

header > div > nav > div.menu{
	-webkit-box-shadow:			0px 10px 9px 0 rgba(0,0,0,0.2);
	-moz-box-shadow:			0px 10px 9px 0 rgba(0,0,0,0.2);
	box-shadow:					0px 10px 9px 0 rgba(0,0,0,0.2);
	background-color:			#FFF;
}




/* ドロワーメニュー
------------------------------------------------------------*/
.drawer--right header > div > nav.drawer-nav{
	position:					fixed;
	width:						255px;
	height:						258px;
	top:						53px;
	right:						-16.25rem;
	background-color:			transparent;
}

.drawer--right header > div > button.drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar header > div > button.drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar header > div > button.drawer-hamburger {
	right:						15px			!important;
}

div.drawer-overlay {
	background-color:			rgba(0, 0, 0, 0.3)	!important;
}


/* ハンバーガーメニュー
------------------------------------------------------------*/
header > div > button.btn_hamburger{
	display:					block;
	width:						36px;
	height:						36px;
	padding:					0;
	color:						#999;
	font-size:					0.625rem;
	text-align:					center;
	line-height:				1;
	border:						solid 1px #999;
	border-radius:				5px;
	position:					absolute;
	top:							12px;
	right:						10px;
	z-index:					300;
	background:					#FFF;
}

header > div > button.btn_hamburger.active{
	background-image:			url(/about/pr/magazine/common/img/bg_close.png);
}

header > div > button.btn_hamburger i.fa{
	font-size:					1.125rem;
	display:					block	!important;
}

header > div > button.btn_hamburger span.touch-button{
	display:					none;
}






/* hoverアニメーションクリア
------------------------------------------------------------*/
header > div > nav > div.menu ul li a:after{
	transition:				none;
	position:				absolute;
	bottom:					0;
	height:					0;
	background:				none;
	width:					0;
}


header > div > nav > div.menu ul li a:hover:after{
	width:					0;
}





/* ボタン：ナビゲーション
------------------------------------------------------------*/
header > div > nav > div.menu ul,
footer > div:nth-of-type(1) > div.menu > ul {
	width:						100%;
	margin:						0;
	padding:					0;
	background:					#fff;
	z-index:					400;
/*
	top:						53px;
	left:						0;
*/
	position:					initial;
}

header > div > nav > div.menu ul {
	float:						none;
}

footer > div:nth-of-type(1) > div.menu > ul {
	display:					block;
	justify-content:	normal;
}

header > div > nav > div.menu ul li,
footer > div:nth-of-type(1) > div.menu > ul > li,
footer > div:nth-of-type(1) > div.menu > ul li ul li{
	border-top:					solid 1px #CCC;
}

header > div > nav > div.menu ul li,
footer > div:nth-of-type(1) > div.menu > ul > li{
	border-left:				none;
	background:					#FFF;
	float:						none;
	width:						inherit;
	height:						inherit	!important;
	display:					block;
}

header > div > nav > div.menu > ul > li:first-child,
footer > div:nth-of-type(1) > div.menu > ul > li:first-child{
	border-top:					none;
}

header > div > nav > div.menu ul li a,
header > div > nav > div.menu ul li span,
footer > div:nth-of-type(1) > div.menu > ul > li a,
footer > div:nth-of-type(1) > div.menu > ul > li span {
	padding:					0.75rem 0;
	font-size:					1rem;
	display:					block;
	text-align:					center;
}

header > div > nav > div.menu ul li a,
	header > div > nav > div.menu ul li span {
	background-color:			#FFF;
}

header > div > nav > div.menu ul li ul li a,
header > div > nav > div.menu ul li ul li span,
footer > div:nth-of-type(1) > div.menu > ul li ul li a,
	footer > div:nth-of-type(1) > div.menu > ul li ul li span {
	color:						#535353;
}

header > div > button.btn_hamburger:hover,
header > div > button.btn_hamburger:active,
header > div > nav > div.menu ul li a:hover,
header > div > nav > div.menu > ul > li:nth-of-type(5) > ul > li a:hover,
header > div > nav > div.menu > ul > li:nth-of-type(5) > ul > li a:active,
header > div > nav > div.menu > ul > li:nth-of-type(6) > ul > li a:hover,
header > div > nav > div.menu > ul > li:nth-of-type(6) > ul > li a:active,
header > div > nav > div.menu ul li a:active,
header > div > nav > div.menu > ul > li a.btn_dropdown:hover,
header > div > nav > div.menu > ul > li a.btn_dropdown:active,
footer > div:nth-of-type(1) > div.menu > ul > li a:hover,
footer > div:nth-of-type(1) > div.menu > ul > li a:active,
footer > div:nth-of-type(1) > div.menu > ul > li a.btn_dropdown:hover,
footer > div:nth-of-type(1) > div.menu > ul > li a.btn_dropdown:active{
	background-color:			#E4ECF7;
	outline:							none;
	text-decoration:			none;
}

header > div > nav > div.menu > ul > li,
footer > div:nth-of-type(1) > div.menu > ul > li{
	position:						relative;
}

header > div > nav > div.menu > ul > li:nth-of-type(1),
footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(1){
	display:						inherit;
}

header > div > nav > div.menu > ul > li > a,
header > div > nav > div.menu > ul > li > span,
footer > div:nth-of-type(1) > div.menu > ul > li > a {
	font-weight:				bold;
	background-color:		#FFF;
/*	width:						225px;*/
	width:							200px;
}

header > div > nav > div.menu > ul > li:nth-of-type(2) > a {
	width:							255px;
	padding-right:			55px;
}

header > div > nav > div.menu > ul > li:nth-of-type(5) > a {
	width:							255px;
	padding-right:			40px;
}

header > div > nav > div.menu ul li ul,
footer > div:nth-of-type(1) > div.menu > ul li ul {
	display:							none;
	position:							initial;
	-webkit-box-shadow:		none;
	-moz-box-shadow:			none;
	box-shadow:						none;
}

header > div > nav > div.menu ul li ul.active,
footer > div:nth-of-type(1) > div.menu > ul.active {
	display:							block;
}


/* ドリルダウンメニューの「+」「-」 */
header > div > nav > div.menu > ul > li a.btn_dropdown,
footer > div:nth-of-type(1) > div.menu > ul > li a.btn_dropdown{
	display:					block;
	content:					"";
	width:						55px;
	height:						40px;
	background:				#FFF;
	border-left:			solid 1px #CCC;
	position:					absolute;
	top:							0;
	right:						0;
	color:						#999;
	font-weight:			normal;
	cursor:						pointer;
}

header > div > nav > div.menu > ul > li a.btn_dropdown.no_dropdown,
footer > div:nth-of-type(1) > div.menu > ul > li a.btn_dropdown.no_dropdown {
	display:					none;
}

header > div > nav > div.menu > ul li ul li,
footer > div:nth-of-type(1) > div.menu > ul li ul li {
	border-top-style:		dashed;
	font-weight:				normal	!important;
}

footer > div:nth-of-type(1) > div.menu > ul li ul{
	margin-left:				0;
}

footer > div:nth-of-type(1) > div.menu > ul li ul li{
	margin-top:					0;
}


/*
body > nav ul li:first-child,
body > nav ul:nth-of-type(1) li:first-child{
margin:0;
border-left:none;
}

body > nav ul:nth-of-type(1) li:nth-last-of-type(2){
display:block;
}
body > nav ul li:last-child{
display:none;
}
body > nav ul li a{
padding:3% 0;
text-align:center;
}
body > nav ul li a:hover{
text-decoration:none;
}
body > nav ul li.here a{
border:none;
}
*/


/* ボタン
------------------------------------------------------------*/
/*header > div > nav > div.menu > ul > li:nth-of-type(5),
header > div > nav > div.menu > ul > li:nth-of-type(6),
header > div > nav > div.menu > ul > li:nth-of-type(6) > ul > li,*/
footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(7),
footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(6) > ul > li{
	border-top:					none;
}

/*
header > div > nav > div.menu > ul > li:nth-of-type(5) > ul > li{
	border-top-style:			solid;
}
*/

header > div > nav > div.menu > ul li:nth-of-type(5),
header > div > nav > div.menu > ul li:nth-of-type(6),
header > div > nav > div.menu > ul > li:nth-of-type(5) > ul,
header > div > nav > div.menu > ul > li:nth-of-type(6) a,
footer > div:nth-of-type(1) > div.menu > ul li:nth-of-type(6),
footer > div:nth-of-type(1) > div.menu > ul li:nth-of-type(7),
footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(6) > ul,
footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(7) a{
	width:						255px;
}

header > div > nav > div.menu ul li:nth-of-type(5) ul,
header > div > nav > div.menu ul li:nth-of-type(6),
footer > div:nth-of-type(1) > div.menu ul li:nth-of-type(6) ul,
footer > div:nth-of-type(1) > div.menu ul li:nth-of-type(7){
	display:					block;
}

header > div > nav > div.menu > ul > li:nth-of-type(6) a{
	border-top:					solid 1px #2976D3;
}

header > div > nav > div.menu > ul > li:nth-of-type(6) a:hover,
header > div > nav > div.menu > ul > li:nth-of-type(6) a:active{
	border-top-color:			#CCC;
}

footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(6) > ul{
	width:						100%;
	overflow:					hidden;
}

footer > div:nth-of-type(1) > div.menu ul li:nth-of-type(7){
	width:						100%;
	position:					inherit;
}

header > div > nav > div.menu > ul > li:nth-of-type(5) > ul > li,
footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(6) > ul > li{
	float:						left;
	width:						128px;
	height:						inherit;
	border-left:				solid 1px #CCC;
}

header > div > nav > div.menu > ul > li:nth-of-type(5) > ul > li:nth-of-type(1){
	border-left:				none;
	width:						127px;
}

footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(6) > ul > li{
	width:						50%;
}

footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(6) > ul > li > a{
	padding-bottom:				13px;
}

footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(6) > ul > li:nth-of-type(1){
	border-left:				none;
}

header > div > nav > div.menu > ul > li:nth-of-type(5) > ul > li a,
footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(6) > ul > li a {
	font-size:					0.875rem;
}


/* ボタン
------------------------------------------------------------*/
/*
header > div > nav.sp > div.menu > div:nth-of-type(2) p{
	float:						none;
	width:						100%;
}
*/



/* リンク
------------------------------------------------------------*/
/* 外部リンク */
header > div > nav > div.menu ul li a[target="_blank"]:after,
footer > div:nth-of-type(1) > div.menu > ul > li a[target="_blank"]:after{
	position:						initial;
	padding-right:			0	!important;
	padding-left:				1em	!important;
}



/* リンクボタン
------------------------------------------------------------*/
article section a.btn,
article section a.btn_conv,
article section div.contact_form > a {
	width:						100%	!important;
}

article section > a.btn:first-child,
article section > a.btn_conv:first-child {
	margin-top:				0;
}

article section > a.btn:last-child,
article section > a.btn_conv:last-child {
	margin-bottom:		0;
}

article section div.subblock > a.btn:last-child,
article section div.subblock > a.btn_conv:last-child {
	margin-bottom:		30px;
}


/* お問い合わせはこちら
------------------------------------------------------------*/
article section#area_contact {
	padding-top:			40px;
	padding-bottom:		40px;
}

article > section#area_contact:last-child {
	margin-bottom:		-64px;
}

article section#area_contact > div,
article section#area_contact > div > div,
article section div.contact_form {
	width:						100%		!important;
	display:					block;
}

article section#area_contact > div > div:nth-of-type(1) > p.lead {
	margin-top:				0;
	text-align:				center;
	font-size:				1.7rem	!important;
}

article section#area_contact > div > div:nth-of-type(2),
article section div.contact_form {
	margin-top:				25px;
}

article section#area_contact > div > div:nth-of-type(2) > a,
article section div.contact_form > a {
	font-size:				1.5625rem;
}

article section#area_contact > div > div:nth-of-type(2) > a img,
article section div.contact_form > a img {
	width:						40px;
	margin-right:			16px;
	margin-bottom:		-7px;
}

article#recruit section div.contact_form.btn_middle {
	margin-top:				30px;
}





/* ===========================================================

   ぱんくずリスト

=========================================================== */
div#breadcrumb {
	width:							100%;
	margin-top:					0;
	padding-right:			10px;
	padding-left:				10px;
	display:						table;
	height:							40px;
}

div#breadcrumb > ul {
	display:						table-cell;
	vertical-align:			middle;
	padding:						0 0 0.25rem;
}

div#breadcrumb > ul > li {
	padding:						0 0 0.125rem;
}





/* ===========================================================

   コンテンツ (article)

=========================================================== */
article{
/*	padding-top:				0.5rem;*/
	padding-top:				0.25rem;
	line-height:				1.8rem;
	width:							100%;
	min-height:					inherit;
}

article section,
article section h3,
article section h4,
article section > p,
article section p.attention,
article section ol,
article section ul,
article section div.image_right_254,
article section div.image_left_254,
article section div.image_right_274,
article section div.image_left_274,
article section div.image_right_430,
article section div.image_left_430,
article section .image_center,
article section.bgcolor > div,
article .subblock,
article section div.column_2,
article section div.column_3{
	width:						100%;
	padding:					0;
}


article section ol,
article section ul{
	padding-left:				1.5em;
}

article section,
article section.bgcolor {
	margin-top:					3rem	!important;
}

article section h2,
article section h3,
article section h4,
article section h2 + p,
article section ol,
article section ul,
article section dl,
article section#area_keyvisual > div:nth-of-type(2),
article section div.image_right_254,
article section div.image_left_254,
article section div.image_right_274,
article section div.image_left_274,
article section div.image_right_430,
article section div.image_left_430,
article section .image_center,
article section div.column_2,
article section div.column_3,
article section div.column_2 > figure,
article section div.column_2 > div,
article section div.column_3 > figure,
article section div.column_3 > div,
article section > table {
/*	margin-top:					45px	!important;*/
	margin-top:					2rem	!important;
}

article section div.column_2 h4 + p,
article section div.column_2 h5 + p,
article section div.column_2 h6 + p,
article section div.column_3 h4 + p,
article section div.column_3 h5 + p,
article section div.column_3 h6 + p,
article section div.column_2 > figure:first-child h4 + p,
article section div.column_2 > figure:first-child h5 + p,
article section div.column_2 > figure:first-child h6 + p,
article section div.column_2 > div:first-child h4 + p,
article section div.column_2 > div:first-child h5 + p,
article section div.column_2 > div:first-child h6 + p,
article section div.column_3 > figure:first-child h4 + p,
article section div.column_3 > figure:first-child h5 + p,
article section div.column_3 > figure:first-child h6 + p,
article section div.column_3 > div:first-child h4 + p,
article section div.column_3 > div:first-child h5 + p,
article section div.column_3 > div:first-child h6 + p,
article section div.subblock h4:first-child,
article section div.subblock h5:first-child,

article section > h2:first-child,
article section div.column_2 > figure:first-child,
article section div.column_2 > div:first-child,
article section div.column_3 > figure:first-child,
article section div.column_3 > div:first-child,
article section div.column_2 > div:first-child > p,
article section div.column_3 > div:first-child > p,
article .subblock > div h2:first-child,
article .subblock > div h3:first-child,
article .subblock > div h4:first-child,
article .subblock > div h5:first-child,
article .subblock > div figure + h2,
article .subblock > div figure + h3,
article .subblock > div figure + h4,
article .subblock > div figure + h5{
	margin-top:					0	!important;
}

article section h2 {
	font-size:					1.5rem	!important;
}

article section h3 {
	font-size:					1.375rem	!important;
}

article section h4 {
	font-size:					1.25rem	!important;
}

article .anchor_target{
	padding-top:				90px	!important;
	margin-top:					-45px	!important;
}


article section {
	padding:					0 1.5rem;
}

article section#area_keyvisual + section {
/*	margin-top:					20px	!important;*/
}

article section.bgcolor > div{
	padding:					0;
}



/* 各種認定
------------------------------------------------------------*/
article section#area_certificate {
	width:							auto;
	margin-top:					45px		!important;
	margin-bottom:			0;
	padding-top:				45px;
	padding-bottom:			45px;
}

article section#area_contact + section#area_certificate,
article section#area_related + section#area_certificate,
article section.bgcolor				+ section#area_certificate {
	margin-top:					0				!important;
}

article > section#area_certificate:last-child {
	margin-bottom:			-80px;
}

article section#area_certificate > ul {
	width:							100%;
	display:						block		!important;
	margin-top:					0				!important;
}

article section#area_certificate > ul > li {
	float:							none;
	width:							100%;
}

article section#area_certificate ul > li {
	width:							100%		!important;
	margin-left:				0				!important;
	display:						table;
}

article section#area_certificate ul > li,
article section#area_certificate > ul > li:nth-of-type(2),
article section#area_certificate > ul > li:nth-of-type(3),
article section#area_certificate > ul > li:nth-of-type(4) {
	margin-top:					40px		!important;
}

article section#area_certificate > ul > li:nth-of-type(1),
article section#area_certificate ul > li:first-child {
	margin-top:					0 !important;
}

article section#area_certificate ul > li:nth-of-type(5) {
	margin-top:					40px		!important;
	padding:						0;
}

article section#area_certificate ul > li:nth-of-type(6) {
	padding:						0;
}

article section#area_certificate ul > li > a,
article section#area_certificate ul > li > p {
	display:						table-cell;
	vertical-align:			middle;
}

article section#area_certificate ul > li > a {
	width:							35%;
}

article section#area_certificate ul > li > p {
	width:							65%;
	margin-top:					0;
	padding:						0 0 0 20px;
	text-align:					left;
}

article section#area_certificate ul > li a img {
	width:							56%;
	height:							auto	!important;
	margin:							0 auto;
}

article section#area_certificate ul > li:nth-of-type(1) img	{	width: 40px;	}
article section#area_certificate ul > li:nth-of-type(2) img	{	width: 96px;}
article section#area_certificate ul > li:nth-of-type(3) img	{	width: 96px;}
article section#area_certificate ul > li:nth-of-type(4) img	{	width: 62px;}
article section#area_certificate ul > li:nth-of-type(5) img	{	width: 72px;}

article section#area_certificate ul > li a div p {
	margin-top:					0;
	margin-left:				20px;
	text-align:					left;
}






/*
article section h2{
	margin-right:				-14px;
	margin-left:				-14px;
}
*/

article section h2.roundbox{
	padding-right:			0.75em;
	padding-left:				0.75em;
}

article section h2 img{
	max-width:					100%;
}

article section h3.roundbox,
article section h4.roundbox{
	margin-left:				0;
/*	width:						initial;*/
	padding-right:			1.25rem;
	padding-left:				1.25rem;
}

article section h4.underline {
	margin-right:				0;
	margin-left:				0;
}

article section.bgcolor{
	width:							100%;
	margin-right:				0;
	margin-left:				0;
	padding:						3rem 1.5rem;
}

article section.bgcolor > div {
	margin:							0;
}

article section ul.anchor_list li{
	float:						none;
	margin-right:				0;
}

article section > table {
	width:						100%;
}

/*
article div.image_left img,
article .image_center img{
width:100%;
margin:0;
}
*/

/* 見出し */
/*
article h4{
margin:0;
padding:0 0 0 20px;
background:#fff;
}
article h4:before{
content:"■";
display:block;
margin:5px 0 0 -23px;
padding:0;
color:#005cca;
font-size:110%;
line-height:1;
letter-spacing:0;
float:left;
}
article h5{
margin:0 0 10px 0;
padding-left:5px;
}
article .headline_image{
margin:20px 0;
font-size:75%;
}
article .headline_image img{
display:block;
margin-top:10px;
}
*/


/* キービジュアルエリア
------------------------------------------------------------*/
article section#area_keyvisual{
	margin-top:					0	!important;
	width:							100%;
	padding-right:			20px;
	padding-left:				20px;
}

/*
article section#area_keyvisual > div:first-child{
	height:						115px;
}
*/

article section#area_keyvisual > div > div{
	padding:					0;
}

article section#area_keyvisual > div > div h1,
article section#area_keyvisual > div > div h2 {
	letter-spacing:				0.1875em;
}

article section#area_keyvisual > div > div h1,
article#home section div.contents_title > div a h1,
article#home section div.contents_title > div h1 {
	font-size:					1.75rem		!important;
	margin-top:					0;
	padding-top:				16px;
	padding-bottom:			0;
}

article section#area_keyvisual > div > div h1 {
	width:							100%			!important;
	padding-top:				0;
}

article section#area_keyvisual > div > div h2,
article#home section div.contents_title > div h2{
	font-size:					1.25rem;
	margin-top:					0					!important;
	margin-right:				0;
	margin-left:				0;
}

article section#area_keyvisual > div > div h2 {
	margin-top:					0.5em		!important;
}


article section#area_keyvisual > div:nth-of-type(2){
	padding:					1rem;
	margin-top:				25px			!important;
}

article section#area_keyvisual > div:nth-of-type(2) p{
	color:						#505050;
	font-size:					1.125rem;
}

article section#area_keyvisual > div:nth-of-type(2) p:first-child{
	margin-top:					0;
}


/* イメージエリア
------------------------------------------------------------*/
article section div.image_right_254,
article section div.image_left_254,
article section div.image_right_274,
article section div.image_left_274,
article section div.image_right_430,
article section div.image_left_430,
article section .image_center{
	overflow:					hidden;
}

article section div.image_right_254 figure,
article section div.image_left_254 figure,
article section div.image_right_274 figure,
article section div.image_left_274 figure,
article section div.image_right_430 figure,
article section div.image_left_430 figure,
article section div.column_2 > figure,
article section div.column_2 > div,
article section div.column_3 > figure,
article section div.column_3 > div{
	float:						none;
	margin-right:				auto;
	margin-left:				auto;
}

article section div.image_right_254 figure,
article section div.image_left_254 figure,
article section div.image_right_274 figure,
article section div.image_left_274 figure,
article section div.image_right_430 figure,
article section div.image_left_430 figure{
	margin-top:					0;
	margin-bottom:				0;
}



article section div.image_right_254 figure,
article section div.image_left_254 figure,
article section div.image_right_274 figure,
article section div.image_left_274 figure,
article section div.image_right_430 figure,
article section div.image_left_430 figure,
article section div.column_2 > figure,
article section div.column_3 > figure{
	text-align:					center;
}

article section div.column_2.separate_274 > figure,
article section div.column_2.separate_274 > div,
article section div.column_2.separate_300 > figure,
article section div.column_2.separate_300 > div,
article section div.column_2.separate_400 > figure,
article section div.column_2.separate_400 > div,
article section div.column_2.separate_430 > figure,
article section div.column_2.separate_430 > div,
article section div.column_3.separate_254 > figure,
article section div.column_3.separate_254 > div,
article section div.column_3.separate_273 > figure,
article section div.column_3.separate_273 > div,
article section .w1100,
article section .wrap_mid_cont .w1100{
	width:						100%;
	margin-right:				auto	!important;
	margin-left:				auto	!important;
}


article section div.image_right_254 figure,
article section div.image_left_254 figure,
article section div.image_right_254 figure img,
article section div.image_left_254 figure img,
article section div.column_3.separate_254 > figure,
article section div.column_3.separate_254 > div,
article section div.column_3.separate_254 > figure img,
article section div.column_3.separate_254 > div img,
article section div.column_3.separate_273 > figure,
article section div.column_3.separate_273 > div,
article section div.column_3.separate_273 > figure img,
article section div.column_3.separate_273 > div img,
article section div.image_right_274 figure,
article section div.image_left_274 figure,
article section div.image_right_274 figure img,
article section div.image_left_274 figure img,
article section div.column_2.separate_274 > figure,
article section div.column_2.separate_274 > div,
article section div.column_2.separate_274 > figure img,
article section div.column_2.separate_274 > div img,
article section div.column_2.separate_300 > figure,
article section div.column_2.separate_300 > div,
article section div.column_2.separate_300 > figure img,
article section div.column_2.separate_300 > div img,
article section div.column_2.separate_400 > figure,
article section div.column_2.separate_400 > div,
article section div.column_2.separate_400 > figure img,
article section div.column_2.separate_400 > div img,
article section div.image_right_430 figure,
article section div.image_left_430 figure,
article section div.image_right_430 figure img,
article section div.image_left_430 figure img,
article section div.column_2.separate_430 > figure,
article section div.column_2.separate_430 > div,
article section div.column_2.separate_430 > figure img,
article section div.column_2.separate_430 > div img {
	width:						100%;
}

article section div.image_right_254 figure,
article section div.image_left_254 figure,
article section div.column_3.separate_254 > figure,
article section div.image_right_254 figure img,
article section div.image_left_254 figure img,
article section div.column_3.separate_254 > figure img,
article section div.column_3.separate_254 > div img{
	max-width:					254px;
}

article section div.column_3.separate_273 > figure,
article section div.column_3.separate_273 > figure img,
article section div.column_3.separate_273 > div img{
	max-width:					273px;
}

article section div.image_right_274 figure,
article section div.image_left_274 figure,
article section div.column_2.separate_274 > figure,
article section div.image_right_274 figure img,
article section div.image_left_274 figure img,
article section div.column_2.separate_274 > figure img,
article section div.column_2.separate_274 > div img{
	max-width:					274px;
}

article section div.column_2.separate_300 > figure,
article section div.column_2.separate_300 > figure img,
article section div.column_2.separate_300 > div img{
	max-width:					300px;
}

article section div.column_2.separate_400 > figure,
article section div.column_2.separate_400 > figure img,
article section div.column_2.separate_400 > div img{
	max-width:					400px;
}

article section div.image_right_430 figure,
article section div.image_left_430 figure,
article section div.column_2.separate_430 > figure,
article section div.image_right_430 figure img,
article section div.image_left_430 figure img,
article section div.column_2.separate_430 > figure img,
article section div.column_2.separate_430 > div img{
	max-width:					430px;
}


article section div.image_right_254 figure + p:nth-of-type(1),
article section div.image_left_254 figure + p:nth-of-type(1),
article section div.image_right_274 figure + p:nth-of-type(1),
article section div.image_left_274 figure + p:nth-of-type(1),
article section div.image_right_430 figure + p:nth-of-type(1),
article section div.image_left_430 figure + p:nth-of-type(1),
article section .image_center figure + p:nth-of-type(1){
	margin-top:					1rem;
}

article section .image_center img {
	max-width:					100%;
}


/* イメージエリア下　名前・所属
------------------------------------------------------------*/
/*
article section div > figure > div {
	background-color:			#f1f1f1;
	padding:					5px 10px 15px;
}
*/

article section div > figure > div > div {
	overflow:					hidden;
}

article section div > figure > div > div p {
	font-size:					0.875rem;
	letter-spacing:				0;
	margin-top:					0;
}

article section div > figure > div > div p:nth-of-type(1){
	float:						left;
	width:						174px;
}

article section div > figure > div > div p:nth-of-type(2){
	float:						right;
	width:						80px;
}

article section div > figure > div > h5{
/*	font-size:					1.5rem;*/
	font-weight:				bold;
	text-align:					center;
	margin-top:					10px;
	margin-bottom:				10px;
}

article section div > figure > div > h5 span{
	font-size:					0.875rem;
	font-weight:				normal;
	letter-spacing:				0;
	display:					block;
/*	margin-top:					-9px;*/
}


/* サブブロック
------------------------------------------------------------*/
article .subblock {
	width:						100%;
	margin-right:				auto;
	margin-left:				auto;
	padding:					20px;
}

article .subblock > div,
article .subblock > figure{
	float:						none;
	width:						inherit;
}

article .subblock > div,
article .subblock > div p{
	width:						100%;
}

article .subblock > figure{
	margin:						15px auto 0;
}

article .subblock > figure > img,
article .subblock > figure > div{
/*
	float:						left;
	width:						44%;
*/
}

article .subblock > figure > img{
	padding:					15px 15px 0;
	margin-right:				auto;
	margin-left:				auto;
}

article section div.subblock figure > div p:nth-of-type(2){
	text-align:					center;
}


/* ページャー
------------------------------------------------------------*/
article > nav.pager ul{
margin:0 !important;
}
article > nav.pager ul li{
display:none;
font-size:82%;
float:none;
}
article > nav.pager ul li.number{
display:block;
width:20%;
margin:2.5% 5% 0 0;
padding:10px 0 0 0;
text-align:center;
float:left;
}
article > nav.pager ul li.prev{
display:block;
width:35%;
margin:0 5% 0 0 ;
text-align:left;
float:left;
}
article > nav.pager ul li.prev + li{
margin:0;
}
article > nav.pager ul li.next{
display:block;
width:35%;
margin:0;
text-align:right;
float:right;
}
article > nav.pager ul li a{
padding:12% 7%;
}
article > nav.pager ul li.prev *:before{
content:"＜";
padding-right:1em;
}
article > nav.pager ul li.next *:after{
content:"＞";
padding-left:1em;
border:none;
}
article > nav.pager ul li div{
padding:12% 7%;
}


/* dl、dt、dd（福利厚生、募集要項等）
------------------------------------------------------------*/
article section dl{
	padding-right:		0;
	padding-left:			0;
}

article section dl.column_2{
	display:					block;
	flex-wrap:				initial;
}

article section dl.column_2 dt,
article section dl.column_2 dd{
	width:						inherit;
	margin-bottom:		0;
	padding-bottom:		0;
}

article section dl.column_2 dt{
	margin-top:				40px	!important;
	padding:					0;
}

article section dl.column_2 > dt:first-child{
	margin-top:				0		!important;
}

article section dl dd{
	margin-top:				1rem;
}

article section dl.column_2 dd{
	margin-top:				1em		!important;
	border-bottom:		none;
}


/* FQAパーツ
------------------------------------------------------------*/
article section ul.anchor_list,
article section dl.faq_list{
	margin-right:			0;
	margin-left:			0;
}

article section dl.faq_list{
	width:					100%;
}

article section dl.faq_list dt{
	padding-top:			2px;
	padding-bottom:			0;
}

article section dl.faq_list dd{
	width:					81%;
	padding-top:			5px;
}



/* フローチャート
------------------------------------------------------------*/
article section div.block_flowchart {
	margin-top:					45px;
}

article section div.block_flowchart > dl.flowchart {
	display:						block;
	position:						relative;
	-webkit-box-lines:	inherit;
	-moz-box-lines:			inherit;
	-webkit-flex-wrap:	inherit;
	-moz-flex-wrap:			inherit;
	-ms-flex-wrap:			inherit;
	flex-wrap:					inherit;
	padding:						0;
	margin-top:					6rem		!important;
}

article section div.block_flowchart > dl.flowchart:after {
	left:								35%;
	bottom:							-6rem;
}

article section div.block_flowchart > dl.flowchart > dt {
	float:							left;
	width:							2.5625rem;
	height:							2.5625rem;
	font-size:					1.5rem;
	padding:						0.25rem 0 0;
}

article section div.block_flowchart > dl.flowchart > dd {
	display:						block;
}

article section div.block_flowchart > dl.flowchart > dd > h4 {
	margin-top:					0					!important;
	padding:						0.20em 0 0.3em 3.5625rem;
}

article section div.block_flowchart > dl.flowchart > dd > ul {
	width:							93%;
	margin-top:					0.5rem		!important;
	padding-left:				0;
}

article section div.block_flowchart > dl.flowchart > dd > ul:first-child {
	width:							93%;
	margin-top:					0.5rem		!important;
	padding-left:				3.5625rem;
}



/* デフォルトindexページ
------------------------------------------------------------*/
article section ul.contents_index {
	padding:					0;
}

article section ul.contents_index > li{
	display:					block;
	margin:						55px auto 0	!important;
}

article section > ul.contents_index:first-child{
	margin-top:					0			!important;
}

article section ul.contents_index > li:nth-of-type(1){
	margin-top:					0			!important;
}


/* ページトップ
------------------------------------------------------------*/
div#pagetop{
	display:					none		!important;
/*
	width:						100%;
	margin:						0 auto 20px auto;
*/
}

div#pagetop_sp{
	display:					block;
	width:						100%;
	margin:						0 auto;
}


div#pagetop:hover{
cursor:							pointer;
opacity:						0.9;
}





/* ===========================================================

   footer

=========================================================== */
footer{
	max-width:					480px;
}

footer > div{
/*
	padding-right:				10px;
	padding-left:				10px;
	position:					relative;
*/
}

footer > div:nth-of-type(1) {
/*	height:						665px;*/
}

footer > div:nth-of-type(1) > div.menu{
	width:						100%;
	margin:						0;
	position:					inherit;
}

footer > div:nth-of-type(1) > div.menu > ul{
	background:					none;
}

footer > div:nth-of-type(1) > div.menu > ul > li{
	width:						100%;
}

footer > div:nth-of-type(1) > div.menu > ul > li,
footer > div:nth-of-type(1) > div.menu > ul > li > a,
footer > div:nth-of-type(1) > div.menu > ul > li a.btn_dropdown{
	margin-left:				0;
	background:					#f1f1f1;
}

footer > div:nth-of-type(1) > div.menu > ul > li > a{
	border-top:					solid 1px #F1F1F1;
	padding-bottom:				0.69rem;
	display:					block;
}

footer > div:nth-of-type(1) > div.menu > ul > li > a:nth-of-type(1){
	width:						95%;
}

footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(4){
	margin-top:					0;
}

footer > div:nth-of-type(1) > div.menu > ul li:nth-of-type(5),
footer > div:nth-of-type(1) > div.menu > ul li:nth-of-type(6),
footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(5) > ul,
footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(6) a{
	width:						100%;
}

footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(5),
footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(6){
	position:					initial;
	display:					block;
}

footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(5){
	margin-top:					0;
	margin-bottom:				0;
}

footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(5) a{
	width:						100%;
}

footer > div:nth-of-type(1) > div.menu > ul > li a.btn_dropdown{
}

footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(5) > ul{
	overflow:					hidden;
}

footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(5) > ul > li{
	width:						50%		!important;
	float:						left;
	margin-top:					0;
}

footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(5) > ul > li > a{
	width:						100%;
}

footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(6) a{
	border:						none;
}

footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(7) a{
	width:						100%;
	border-right:				none;
	border-left:				none;
}

footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(7) a:hover,
footer > div:nth-of-type(1) > div.menu > ul > li:nth-of-type(7) a:active{
	color:						#000;
	border-top:					solid 1px #CCC;
	border-bottom:				solid 1px #CCC;
}

footer > div:nth-of-type(1) > div.menu > ul > li > a:hover,
footer > div:nth-of-type(1) > div.menu > ul > li > a:active{
	text-decoration:			none;
}

footer > div:nth-of-type(1) > div:nth-of-type(2) p{
	width:						100%;
	text-align:					center;
	line-height:				1.75em;
}



/* スモールリンク
------------------------------------------------------------*/
footer > div:nth-of-type(1) > div:nth-of-type(2) {
	border-top:					none;
	padding:						0 0 30px;
}

footer > div:nth-of-type(1) > div:nth-of-type(2) > ul {
	width:							100%;
	display:						block;
	float:							none;
	border-bottom:			solid 1px #AFAFAF;
}

footer > div:nth-of-type(1) > div:nth-of-type(2) > ul > li {
	font-size:					0.875rem;
	display:						block;
/*	margin-top:					1rem;*/
	line-height:				1.5em;
	border-top:					solid 1px #AFAFAF;
	text-align:					center;
}

footer > div:nth-of-type(1) > div:nth-of-type(2) > ul > li:first-child {
	margin-top:					0;
	border-top:					none;
}

footer > div:nth-of-type(1) > div:nth-of-type(2) > ul > li:before {
	display:						none;
}

footer > div:nth-of-type(1) > div:nth-of-type(2) > ul > li > a {
	padding:						0.75rem;
	display:						block;
}



/* ===========================================================

   検索エリア

=========================================================== */
footer > div > div:nth-of-type(2) > div#area_search {
	display:					none;
}





/* copyright
------------------------------------------------------------*/
footer > div:nth-of-type(1) > div:nth-of-type(2) > small {
	width:							100%;
	margin-top:					30px;
	text-align:					center;
	}



/* ===========================================================

   オプション

=========================================================== */

/* 幅
------------------------------------------------------------*/
.w10{width:10px		!important}
.w15{width:15px		!important}
.w20{width:20px		!important}
.w25{width:25px		!important}
.w30{width:30px		!important}
.w35{width:35px		!important}
.w40{width:40px		!important}
.w45{width:45px		!important}
.w50{width:50px		!important}
.w55{width:55px		!important}
.w60{width:60px		!important}
.w65{width:65px		!important}
.w70{width:70px		!important}
.w75{width:75px		!important}
.w80{width:80px		!important}
.w85{width:85px		!important}
.w90{width:90px		!important}
.w95{width:95px		!important}
.w100{width:100%	!important}
.w200{width:100%	!important}
.w300{width:100%	!important}



.w400,
.w500,
.w600,
.w700,
.w800,
.w900,
.w1000{

	width:						100%	!important;
	padding-right:			0		!important;
	padding-left:				0		!important;
}

br.pc_none{
	display:				inherit;
}

br.sp_none{
	display:				none;
}

.sp_text_left {
	text-align:			justify					!important;
	text-justify:		inter-ideograph	!important;
}

.text_right_pc {
	text-align:			inherit;
}

.text_right_sp {
	text-align:			right;
}




}