@charset "utf-8";
/*
 * CSS pageParts.css
 */

/*
	common
	-------------------- */
#sec_title #pagetitle img { height: 74px; }
@media screen and (max-width: 639px) {
	#sec_title #pagetitle img { height: 75px; }
}

#content .section{ margin-bottom: 200px; }
@media screen and (max-width: 767px) {
	#content .section{ margin-bottom: 70px; }
}

#content #sec_head {
	background: url(../img/bg_pt1.gif);
	padding: 60px 0;
	margin-bottom: 35px;
}
#content #sec_head .incnt{
	max-width: 772px;
	margin: 0 auto!important;
}
@media screen and (max-width: 999px) {
	#content #sec_head .incnt{
		max-width: 100%;
	}
}
@media screen and (max-width: 640px) {
	#content #sec_head { padding: 40px 0; }
}


/*
	faq
	-------------------- */
#faq{
	letter-spacing: 0.12em;
}
#faq .sh_txt1{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 35px;
}
#faq .faq_txt1{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}
#faq .faq_btn1{
	margin-bottom: 110px;
}
#faq .faq_btn1 a{
	color: inherit;
	display: block;
	text-align: center;
	text-decoration: none;
	max-width: 300px;
	padding: 12px 10px;
	box-sizing: border-box;
	margin: 0 auto;
	background: #E8E8E8;
}
#faq .faq_btn1 a span{
	font-weight: bold;
	display: inline-block;
	padding-left: 15px;
	background: url(../img/icon_arrow2.svg) no-repeat center left;
	background-size: 6px 11px;
}
.pageLink{
	margin-right: -1.3333%;
}
.pageLink li{
	float: left;
	width: 32%;
	margin-right: 1.3333%;
	margin-bottom: 10px;
}
.pageLink .tableBlock{
	display: table;
	width: 100%;
	background: #fff;
}
.pageLink .tableBlockRow{
	display: table-row;
}
.pageLink .tableBlockCell{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-decoration: none;
	color: inherit;
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
	height: 55px;
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
	border: 1px solid #A3A3A3;
}
.pageLink .tableBlockCell:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 55px;
	height: 53px;
	background: url(../img/icon_arrow.svg) no-repeat center;
	background-size: 11px 6px;
}
.pageLink .tableBlock._type1 .tableBlockCell:after{
	background-color: #F8E8EA;
}
.pageLink .tableBlock._type2 .tableBlockCell:after{
	background-color: #E5F6F0;
}
.pageLink .tableBlock._type3 .tableBlockCell:after{
	background-color: #FFEFD9;
}
@media screen and (max-width: 767px) {
	#faq .sh_txt1{
		font-size: 12px;
		line-height: 1.6;
		margin-bottom: 15px;
	}
	#faq .faq_txt1{
		font-size: 12px;
		line-height: 1.6;
	}
	.pageLink{
		margin-right: -2%;
	}
	.pageLink li{
		width: 48%;
		margin-right: 2%;
		margin-bottom: 8px;
	}
	.pageLink .tableBlockCell{
		font-size: 12px;
		height: 50px;
		padding: 0px 38px 0 10px;
	}
	.pageLink .tableBlockCell:after{
		width: 35px;
		height: 48px;
		background-size: 11px 6px;
	}
	#faq .faq_btn1{
		margin-bottom: 55px;
	}
	#faq .faq_btn1 a{
		max-width: 240px;
		padding: 15px 10px;
	}
}

#faq .sectitle1{
	margin-bottom: 40px;
}
#faq .sectitle1 img{
	width: auto;
	height: 26px;
}
#faq .contentBoxTitle{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 11px 0 9px 25px;
}
#faq .contentBox + .contentBox{
	margin-top: 120px;
}
#faq .box + .box{
	margin-top: 30px;
}
#faq .boxTitle{
	width: 100%;
	display: table;
	font-size: 16px;
	min-height: 60px;
	/*border-bottom: 1px solid #E8E8E8;*/
	cursor: pointer;
}
#faq .boxTitle.is-open .btn_icon:after{
	display: none;
}
#faq .btn_icon{
	width: 15px;
	height: 15px;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: 0;
}
#faq .btn_icon:before,
#faq .btn_icon:after{
	content: "";
	display: block;
	background: #484848;
	position: absolute;
}
#faq .btn_icon:before{
	width: 100%;
	height: 2px;
	top: 50%;
	margin-top: -1px;
	left: 0;
}
#faq .btn_icon:after{
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	margin-left: -1px;
}
#faq .boxTitle .boxTitleRow{
	display: table-row;
}
#faq .boxTitle .boxTitleRow dt,
#faq .boxTitle .boxTitleRow dd{
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}
#faq .boxTitle .qTxt{
	width: 60px;
	color: #fff;
	font-size: 20px;
	text-align: center;
}
#faq .boxTitle .boxTitleRow dd{
	line-height: 1.6;
	padding: 5px 40px 5px 20px;
	position: relative;
	-webkit-font-feature-settings: "pkna" 1;
	font-feature-settings: "pkna" 1;
}
#faq .boxContent_in{
	display: table;
	width: 100%;
	padding: 25px 0;
	box-sizing: border-box;
	/*margin-top: -1px;*/
	border: 1px solid #E8E8E8;
}
#faq .boxContent .boxContentRow{
	display: table-row;
}
#faq .boxContent .aTxt{
	display: table-cell;
	font-size: 20px;
	font-weight: bold;
	width: 75px;
	text-align: center;
	vertical-align: middle;
}
#faq .boxContent .anwser{
	padding: 0 25px;
	display: table-cell;
	vertical-align: middle;
	border-left: 1px solid #A3A3A3;
	word-break:break-all;
}

/*#faq ._type1*/
#faq ._type1 .boxTitle .qTxt{
	background: #B81C2B;
}
#faq ._type1 .boxContent .aTxt{
	color: #B81C2B;
}
#faq ._type1 .contentBoxTitle{
	background: #F8E8EA;
	border-left: 10px solid #B81C2B;
}

/*#faq ._type2*/
#faq ._type2 .boxTitle .qTxt{
	background: #1AB277;
}
#faq ._type2 .boxContent .aTxt{
	color: #1AB277;
}
#faq ._type2 .contentBoxTitle{
	background: #E5F6F0;
	border-left: 10px solid #19AE75;
}

/*#faq ._type3*/
#faq ._type3 .boxTitle .qTxt{
	background: #FFA11A;
}
#faq ._type3 .boxContent .aTxt{
	color: #FFA11A;
}
#faq ._type3 .contentBoxTitle{
	background: #FFEFD9;
	border-left: 10px solid #FFA11A;
}

@media screen and (max-width: 767px) {
	#faq ._type1 .contentBoxTitle{
		border-left: 8px solid #B81C2B;
	}
	#faq ._type2 .contentBoxTitle{
		border-left: 8px solid #19AE75;
	}
	#faq ._type3 .contentBoxTitle{
		border-left: 8px solid #FFA11A;
	}
}
@media screen and (max-width: 767px) {
	#faq .contentBox + .contentBox{
		margin-top: 60px;
	}
	#faq .box + .box{
		margin-top: 20px;
	}
	#faq .sectitle1{
		margin-bottom: 20px;
	}
	#faq .sectitle1 img{
		height: 16px;
	}
	#faq .contentBoxTitle{
		font-size: 15px;
		padding: 12px 0 11px 15px;
	}
	#faq .boxTitle{
		font-size: 13px;
	}
	#faq .boxTitle .qTxt{
		width: 30px;
		font-size: 15px;
	}
	#faq .boxTitle .boxTitleRow dd{
		padding: 5px 30px 5px 10px;
	}
	#faq .boxContent_in{
		padding: 18px;
		display: block;
		min-height: 72px;
	}
	#faq .boxContent .boxContentRow{
		display: block;
	}
	#faq .boxContent .aTxt{
		float: left;
		display: block;
		width: 28px;
		padding: 8px 0;
		text-align: left;
		margin: 0 10px 5px 0;
		font-size: 16px;
		border-right: 1px solid #A3A3A3;
	}
	#faq .boxContent .anwser{
		padding: 0;
		display: block;
		border-left: none;
	}
}



#faq ._txtRed{ color: #B81C2B; }
#faq ._txtOrange{ color: #f39800; }
#faq ._txtBlue{ color: #0081cc; }
#faq ._txtGreen{ color: #5eb031; }
#faq ._txtGray{ color: #666; }




/* $color_nutritional: #E94709;
$color_childcare  : #d68bb9;
$color_infant     : #f39800;
$color_elementary : #5eb031;
$color_media      : #0081cc;
$color_design     : #2eb6aa;
$color_fashion    : #e61a69;
$color_nursing    : #00abeb;
$color_nursing2    : #ed7a94; */