@charset "utf-8";

#contents .headArea {
	border-bottom: none;
}

#main h2 {
	padding: 15px 10px 0;
}
#flow #main h2 {
	padding: 40px 10px 0;
}
#flow #main h2:first-child {
	padding: 15px 10px 0;
}
#main h2,
#main .linkArea li {
	font-size: 20px;
	border-bottom: solid 2px #2BAFE6;
}
#main h2 b.strong,
#main .linkArea li b.strong {
	padding-right: 8px;
	font-weight: bold;
}
#main .linkArea {
	border-top: solid 2px #2BAFE6;
}
#main .linkArea li a {
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 10px 0;
}
#main .linkArea li a:hover {
	text-decoration: none;
}
#main .linkArea li a:after {
	display: table-cell;
	width: 20px;
	height: 20px; 
	content: '';
	background:url(../../img/common/icon/link_02.png) right 7px no-repeat;
	background-size: 20px 20px;
}

@media only screen and (max-width: 960px) { /* for desktop */
	#main h2 {
		padding: 8px 10px 0;
		font-size: 16px;
	}
	#main h2 b.strong {
		display: block;
	}
	#main .linkArea li a {
		padding: 5px 10px;
		font-size: 12px;
	}
	#main .linkArea li a b.strong {
		display: block;
		font-size: 14px;
		padding-right: 4px;
	}
	#main .linkArea li a:after {
		width: 16px;
		height: 16px;
		background-size: 16px 16px;
		background-position: right center;
	}
}

#main .btmArea {
	margin-top: 20px;
}

@media only screen and (max-width: 960px) { /* for desktop */	
	#main .btmArea .contactBox {
		margin-top: 15px;
	}
}

/* #index
------------------------------------------------------------ */
#index #main .outer {
	padding: 20px 24px;
}
#index #main .outer .box img {
	float: left;
	padding: 0 10px 14em 0;
}
#index #main .outer .box p + p {
	padding-top: 14px;
}
#index #main .outer .box p b.strong {
	font-size: 14px;
	font-weight: bold;
}

@media only screen and (max-width: 960px) { /* for desktop */	
	#index #main .outer {
		padding: 10px 10px 12px;
	}
	#index #main .outer .box img {
		width: 75px;
		height: auto;
		padding-bottom: 10px;
	}
}

/* #flow,#support
------------------------------------------------------------ */
#flow #contents .headArea {
	border-bottom: 7px solid #000;
}
#flow #main h2 b.strong {
	display: inline;
}
#flow #main h2 + p,
#support #main h2 + p {
	padding: 17px 24px 0;
	zoom: 1;
}
#flow #main h2 + p:after {
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
}
#flow .row p img {
	margin: 0 10px 10px 0px;
}


#flow #main .linkArea,
#support #main .linkArea {
	margin-top: 27px;
}

@media only screen and (max-width: 960px) { /* for desktop */	
	#flow #main h2 {
		padding-top: 10px;
	}
	#flow #main h2 + p {
		padding: 7px 10px 0;
	}
	#flow .row p img {
		width: 69px;
		margin: 0 10px 10px 5px;
	}

}

/* #faq
------------------------------------------------------------ */
#faq #main .accordionArea {
	padding: 10px 10px 0;
}
#faq #main .accordionArea dl + dl {
	margin-top: 1px;
}
#faq #main .accordionArea dt a {
	display: table;
	box-sizing: border-box;
	width: 100%;
	padding: 8px 10px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	background: -webkit-gradient(
		linear,
		left top,left bottom,
		from(#2BAFE6),
		color-stop(0.57, #1585B5),
		to(#1585B5));
	background-image:-webkit-linear-gradient(#2BAFE6 0%, #1585B5 57%,#1585B5);
	background:-moz-linear-gradient(#2BAFE6 0%, #1585B5 57%,#1585B5);
	background:linear-gradient(#2BAFE6 0%, #1585B5 57%,#1585B5);
	
}
#faq #main .accordionArea dt a:before {
	display: table-cell;
	content: '';
	width: 34px;
	background: url(../../img/common/icon/icon_close03.png) 0 0 no-repeat;
	background-size: 20px 20px;
}
#faq #main .accordionArea dt.open a:before {
	background: url(../../img/common/icon/icon_open03.png) 0 0 no-repeat;
	background-size: 20px 20px;
}
#faq #main .accordionArea .js_trigger a,
#faq #main .accordionArea .js_trigger a:hover {
	text-decoration: none;
}
#faq #main .accordionArea .js_accordion {
	display: none;
	padding: 12px 15px;
}
#faq #main .linkArea {
	margin-top: 30px;
}
@media only screen and (max-width: 960px) { /* for desktop */	
	#faq #main .accordionArea .js_trigger a {
		padding: 10px;
		font-size: 13px;
	}
	#faq #main .accordionArea dt a:before {
		width: 22px;
		background: url(../../img/common/icon/icon_close03.png) 0 3px no-repeat;
		background-size: 12px 12px;
	}
	#faq #main .accordionArea dt.open a:before {
		background: url(../../img/common/icon/icon_open03.png) 0 3px no-repeat;
		background-size: 12px 12px;
	}
	#faq #main .accordionArea .js_accordion {
		padding: 7px 0;
	}
}