/*
 * CSS Local Style Setting
 */

/**
	FAQ
--------------------------------------------**/
.mainimg__faq {
	background: #598bbe url(../img/bg_mainimg.jpg) no-repeat center top;
	height:281px;
	vertical-align:middle;
}

/************************** Faq TopBox *****************************/
.faqTopBox {
	background-color: #E6EFF8;
	padding: 30px 40px;
}
.faqTop__txt {
	min-height: 83px;
	float: right;
	width:  755px;
	box-sizing: border-box;
}
.faqTop__ttl {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.faqTop__data {
	font-size: 14px;
	line-height: 1.4;
}
.faqTop__img {
	float: left;
	margin-right: 35px;
	width: 106px;
}

/************************** FAQ Box *****************************/
.sectionContent--faq {
	padding-bottom: 80px;
}
.ttlBox--faqContentBox {
	margin-bottom: 35px;
}
.hlLv02--faq {
	margin-bottom:0;
	float:left;
}
.expantBtn {
	display:block;
	float:right;
	font-size: 16px;
	width:145px;
	height:40px;
	line-height:40px;
	border-bottom: #CCC solid 1px;
	text-align:center;
	color: #FFF;
	background-color:#3399CC;
	cursor: pointer;
}
.faqContentBox {
	margin-top:35px;
}
.faqContentBox:first-child {
	margin-top:0;
}
.faqContent {
	margin-top:25px;
}
.faqContent:first-child {
	margin-top:0;
}
.faqContent__title {
	background-color: #1D436A;
	padding:25px 100px 25px 25px;
	font-size: 18px;
	color:#FFF;
	border-bottom:#999 solid 1px;
	cursor: pointer;
	position:relative;
	line-height: 1.2;
}
.faqContent__title:after {
	content:"";
	width:28px;
	height:28px;
	background:url(../../../shared/img/icn_sitemenu_close.png) no-repeat center center;
	display:block;
	position:absolute;
	top:50%;
	margin-top:-14px;
	right: 30px;
}
.faqContent__title.open:after {
	background:url(../../../shared/img/icn_sitemenu_open.png) no-repeat center center;
}
.faqContent__body {
	background-color:#E5E5E5;
	padding:45px 25px;
}
.faqContent__body__inner {
	background-color: #F7F7F7;
	padding: 25px;
	text-align: center;
	margin-top: 20px;
}
.faqContent__body__inner__img {
	display: inline-block;
	margin-left: 7px;
	width: 370px;
}
.faqContent__body__inner__img:first-child {
	margin-left: 0;
}


/* products 引用*/
.supportFeatureBox {
	margin-top:25px;
}
.supportFeatureBox:first-child {
	margin-top:0;
}
.supportBtmLinkBox {
	padding-bottom: 80px;
}
.supportBtmLinkWrap {
	width:976px;
	margin: 0 auto;
	background:#2D2D2D;
	text-align:center;
	color: #66FFFF;
	padding:20px 0;
}
.supportBtmLink__item {
	font-size: 14px;
	display: inline-block;
	margin-left:2px;
}
.supportBtmLink__item a {
	color: #FFF;
	text-decoration:underline;
}
.supportBtmLink__item a:hover {
	color: #66FFFF;
	text-decoration:none;
}
.supportBtmLink__item:before {
	content:"|";
	display:inline;
	color: #FFF;
	margin-right:6px;
}
.supportBtmLink__item:first-child:before {
	content:"";
	margin-right:0;
}

/************************** Product Top *****************************/
.pageSection--productTop {
	background-color:#000;
	color: #FFF;
	padding:35px 0 40px;
}
.pageSection--productTop a {
	color: #FFF;
}
.ttlBox {
	margin-bottom:20px;
}
.hlBox {
	float:left;
}
.snsBox {
	float:right;
}
.hlTopTxt {
	margin-bottom:20px;
}
.hlTop__cat {
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	padding:6px 12px;
	margin-right:12px;
}
.hlTop__cat:after {
	content:">";
	display: inline-block;
	vertical-align:middle;
	margin-left:7px;
}
.hlTop__cat--largeVenue {
	background-color:#3399CC;
}
.hlTop__feature {
	font-size:18px;
}
.hlTop__feature__txtLong {
	font-size: 14px;
}
.snsBox {
	text-align:right;
}
.snsItem {
	display:inline-block;
	vertical-align:top;
	margin-left:10px;
}
.snsItem:first-child {
	margin-left:0;
}

/* products PageNavi */
.supportPageNavWrap {
	margin-bottom: 35px;
}
.supportPageNav__item {
	float: left;
	width: 312px;
	margin-left: 20px;
}
.supportPageNav__item:first-child {
	margin-left: 0;
}
.supportPageNav__item a {
	display: block;
	height:60px;
	box-sizing: border-box;
	border-bottom: #666 solid 2px;
	text-align:center;
	line-height:60px;
	font-size:18px;
}
.supportPageNav__item a:hover,
.supportPageNav__item a.current {
	color: #66FFFF;
	border-bottom: #66FFFF solid 2px;
}

/* Navi 2Botton */
.supportPageNav__item--2btn {
	width: 478px;
}


/* products Other Navi */
.supportOtherNav__item {
	width: 229px;
	margin-left:20px;
	float:left;
}
.supportOtherNav__item:first-child {
	margin-left:0;
}
.supportFeature__body {
	background-color:#E5E5E5;
	padding:45px 25px;
}


.pageSection_relatedlink_faq{
	padding-top:20px;
	padding-bottom:70px;
}

.supportFeature__title:after{
	background: url(../../../../shared/img/icn_sitemenu_close.png) no-repeat center center;
}
.supportFeature__title.open:after{
	background: url(../../../../shared/img/icn_sitemenu_open.png) no-repeat center center;
}
/************************** *****************************  Product */

.bg_white{
	background-color:#FFF;
}
.modLink_faq a{
	font-size:14px;
	color:#3399CC;
	text-decoration:none;
	display:inline-block;
	line-height:1.4;
	padding-top:10px;
}
.modLink_faq a.blank:after{
	content:"";
	display:inline-block;
	width:10px;
	height:8px;
	background:url(../img/ico_openwindow_faq.png) no-repeat center center;
	background-size:10px auto;
	margin-left:7px;
	vertical-align:middle;
}
.modLink_faq a:hover{
	text-decoration:underline;
}
.tel{
	color:#FF0000;
	text-decoration:underline;
}
.modTxt02_faq{
	margin-top:10px;
	font-size:12px;
	line-height:1.4;
	font-style:italic;
}

.mod--marginTop{
	margin-top:30px;
}

/*
.hlLv01--catTop{
	font-size:30px;
	line-height:1.1;
	padding-top:110px;
	height:auto;
}

.hlLv01{
	font-size:36px;
}

*/

.hlLv01--subtitle{
	font-size:25px;
}

.f_bold{
	font-weight:bold;
}
.marginTop01{
	margin-top:36px;
}
.marginTop02{
	margin-top:30px;
}

.marginBottom{
	margin-bottom:60px;
}
@media print,screen and (min-width:641px) {
}


@media only screen and (max-width:640px) {

	/**
		FAQ
	--------------------------------------------**/
	.mainimg__faq {
		background-position: 53% top;
		background-size: auto 140px;
		padding-left: 7%;
	}
	
	/************************** Faq TopBox *****************************/
	.faqTopBox {
		background-color: #E6EFF8;
		padding: 15px;
	}
	.faqTop__txt {
		min-height: 0;
		float: none;
		width:  auto;
	}
	.faqTop__img {
		float: none;
		margin-right: 0;
		width: auto;
		text-align: center;
		margin-top: 15px;
	}
	.faqTop__img img {
		width: 110px;
		height: auto;
	}

	/************************** FAQ Box *****************************/	
	.sectionContent--faq {
		padding-bottom: 40px;
	}
	.ttlBox--faqContentBox {
		margin-bottom: 10px;
	}
	.hlLv02--faq {
		text-align:left;
		float: none;
	}
	.expantBtn {
		margin-top:15px;
 		font-size: 14px;
		width:120px;
		height:30px;
		line-height:30px;
		border-bottom: none;
	}
	.faqContentBox {
		margin-top:25px;
	}
	.faqContent {
		margin-top:20px;
	}
	.faqContent__title {
		background-color: #1D436A;
		padding:15px 34px 15px 18px;
		font-size: 18px;
		line-height:1.2;
	}
	.faqContent__title:after {
		content:"";
		width:14px;
		height:14px;
		background-size: 14px auto;
		margin-top:-7px;
		right: 10px;
	}
	.faqContent__body {
		padding:18px;
	}
	.faqContent__body__inner {
		padding: 20px;
		margin-top: 10px;
	}
	.faqContent__body__inner__img {
		display: inline-block;
		margin-top: 20px;
		margin-left: 0;
		width: auto;
	}
	.faqContent__body__inner__img:first-child {
		margin-top: 0;
	}


	/* products 引用*/
	.supportFeatureBox {
		margin-top:20px;
	}
	.supportFeature__body {
		padding:18px;
	}
	.supportFeature__section {
		margin-top: 30px;
	}
	.supportBtmLinkBox {
		background:#2D2D2D;
		padding-bottom: 0;
	}
	.supportBtmLinkWrap {
		width:280px;
		padding:20px 0;
	}
	.supportBtmLink__item {
		line-height:1.8;
	}
	.supportBtmLink__item:nth-child(3) {
		margin-left:0;
	}
	.supportBtmLink__item:before {
		content:"|";
		display:inline;
		color: #FFF;
		margin-right:6px;
	}
	.supportBtmLink__item:nth-child(3):before {
		content:"";
		margin-right:0;
	}

	/************************** Product Top *****************************/
	.pageSection--productTop {
		background-color:#000;
		color: #FFF;
		padding:20px 0;
	}
	.pageSection--productTop a {
		color: #FFF;
	}
	.ttlBox {
		margin-bottom:15px;
	}
	.hlBox {
		padding-left:4%;
	}
	.hlTopTxt {
		margin-bottom:15px;
	}
	.hlTop__cat {
		font-size:12px;
		padding:5px 6px;
		margin-right:10px;
	}
	.hlTop__cat:after {
		margin-left:5px;
	}
	.hlTop__feature {
		font-size:14px;
	}
	.snsBox {
		float:none;
		text-align:center;
		margin-bottom:30px;
	}
	
	/* products PageNavi */
	.supportPageNavWrap {
		margin-bottom: 30px;
	}
	.supportPageNav__item {
		width: 30%;
		margin-left: 5%;
	}
	.supportPageNav__item a {
		height:50px;
		line-height:50px;
		font-size:15px;
	}
	
	/* Navi 2Botton */
	.supportPageNav__item--2btn {
		width: 48%;
		margin-left: 4%;
	}

	/* products Other Navi */
	.supportOtherNav__item {
		width: 48%;
		margin-left:0;
		margin-right:4%;
		margin-top:4%;
	}
	.supportOtherNav__item:nth-child(2n) {
		margin-right:0;
	}
	.supportOtherNav__item:nth-child(1),
	.supportOtherNav__item:nth-child(2) {
		margin-top:0;
	}
/************************** *****************************  Product */

	.supportFeature__section{
		margin-top:0;
	}
	.supportFeature__title{
		font-size:14px;
	}

	.mainimg__faq {
		height:140px;
	}
	.hlLv01--catTop{
		font-size:22px;
		line-height:1.1;
		margin:0;
		padding-top:60px;
	}
	.hlLv01--subtitle{
		font-size:20px;
	}

	.marginTop01{
		margin-top:18px;
	}
	.marginTop02{
		margin-top:15px;
	}
	.marginBottom{
		margin-bottom:30px;
	}

}