@charset "utf-8";

/*ここでは
	全体のページ
	などを記述します
*/



.page_cont{
	width: 990px;
	margin: 0 auto;
	padding-bottom: 80px;
}
.page_cont::after {
	clear: both;
	content: " ";
	display: block;
}
/*shadow_box*/
.page_box{
	background: #FFFFFF;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.3);
	
	margin: 0 0 30px;
	padding: 65px 75px 80px; /*なるべく共通*/
	
	position: relative;
	}
.page_box::after { clear: both; content: " "; display: block;}

.read{
	margin: 0 auto 3em;
	}
.read p{
	font-size: 16px;
	/*margin-bottom: 1.5em;*/
	}
.read p:last-child{
	margin-bottom: 0;
	}


/*.read_box{
	width: 100%;
	
	margin-bottom: 25px;
	}
.read_box::after { clear: both; content: " "; display: block;}
.read_box > p,
.read_box > .l_read{
	float: left;
	width: 65%;
	margin-bottom: 1.5em;
	}
.page_index{
	float: right;
	width: 29%;
	border: 4px solid #FFFFFF;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	padding: 1em 1.1em;
	position: relative;
	}
.page_index::before{
	position: absolute;
	content: "";
	color: #86939F;
	font-weight: bold;
	display: inline-block;
	
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	
	background: #FFFFFF url(../img/parts/index.png) no-repeat center center /  auto 60%;
	font-size: 1.9em;
	height: 1.2em;
	width: 4em;
	
	right: 12px;
	top: -1.3em;
	}
.page_index ul{
	}
.page_index ul li{
	margin-bottom: 10px;
	font-size: 1.1em;
	}
	.page_index ul li:last-child{
		margin: 0;
		}
.page_index ul li a{
	color: #363B43;
	position: relative;
	padding-left: 2em;
	line-height: 1.2;
	display: block;
	}
.page_index ul li a:hover{
	color: #FF8F00;
	}
	.page_index ul li a:before {
		content: "";
		background: #00C0FF url(../img/icon/arrow_b.svg) no-repeat center center / contain;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		width: 15px;
		height: 15px;
		display: inline-block;
		position: absolute;
		left: 0;
		top: 2px;
		-webkit-transition: all 0.25s;
		-moz-transition: all 0.25s;
		-ms-transition: all 0.25s;
		-o-transition: all 0.25s;
		transition: all 0.25s;
	}
	.page_index ul li a:hover:before {
		background: #FF8F00 url(../img/icon/arrow_b.svg) no-repeat center center / contain;
	}

.page_link_block{
	width: 65%;
	float: left;
	margin-bottom: 3em;
}
.page_link_block ul{
	display: flex;
	display: -webkit-flex;

	flex-wrap: wrap;
	justify-content: space-between;
	}
.page_link_block ul li{
	flex-basis: 48.5%;
	margin-bottom: 1em;
	font-size: 1.05em;
	}
.page_link_block ul li a{
	display: block;
	border: 4px solid #FFFFFF;
	background: #FFFFFF url(../img/parts/li_b.png) no-repeat center bottom 1em;
	box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.3);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	color: inherit;
	padding: 1.6em 1.55em 4em;
	}
.page_link_block ul li a:hover{
	border: 4px solid #FF8F00;
	background: #FFFFFF url(../img/parts/li_o.png) no-repeat center bottom 1em;
	}
.page_link_block ul li .title{
	display: block;
	text-align: center;
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 1em;
	}

.page_link_block ul li span{
	line-height: 1.75;
	}*/


@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
	.page_cont{
		width: 86%;
		}
}
@media screen and (max-width: 990px) {
	.page_cont{
		width: auto;
		padding-bottom: 2em; /*ぱんくずのためにある*/
		}
	.read{
		width: 94%;
		}
	 .bg_a + .read{
		 width: 80%;
		 padding-right: 14%;
		 }
	 
	/*.read_box{
		display: block;
		width: 94%;
		margin: 0 auto 45px;
		}
		.read_box > p,
		.read_box > .l_read{}*/
	/*shadow_box*/
	.page_box{
		padding: 45px 50px 50px; /*なるべく共通*/
		box-shadow: none;
		border-radius: 0px;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		}
	/*.page_index{
		padding: 1.2em 1.2em;
		}
	
	.page_link_block{
		display: none;
		}*/
	
}
@media screen and (max-width: 680px) {
		
	/*shadow_box*/
	.page_box{
		padding: 2.1em 1.5em 2.1em; /*なるべく共通*/
		}
	
	.read{
		width: auto;
		margin: 0 20px 2.5em;
		}
    .bg_a + .read {
        width: auto;
        padding-right: 0;
    }
	.read > p{
		font-size: 1.05em;
		line-height: 1.7;
		}
	
	
	.page_cont{
		padding-bottom: 3.5em;
		}
	/*
		
	.read_box{
		width: 90%;
		margin: 0 auto 2.5em;
		}
	.read_box > p,
	.read_box > .l_read{
		float: none;
		width: auto;
		}
	.page_index{
		float: none;
		width: auto;
		margin: 3.5em 0 0 0;
		}
	.page_index::before{
		font-size: 1.75em;
		}
	.page_index ul li a{
		padding-left: 1.7em;
		}*/
			
	
		
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


ul.link_li{
	padding: 0 35px;
	font-size: 1.15em;
	}
.link_li li{
	margin-bottom: 1.1em;
	}
	.link_li li:last-child{
		}
.link_li li a{
	position: relative;
	padding-left: 1.6em;
	}
.link_li li a::before{
	position: absolute;
	content: "■";
	left: 0;
	top: 0;
	}


.link_li2{
	font-size: 1.15em;
	}

.link_li2 dl{
	border-bottom: 1px solid #d3dee6;
	padding-bottom: 0.8em;
	margin-bottom: 0.8em;
	}
.link_li2 dt{
	position: relative;
	padding-left: 1.5em;
	}
.link_li2 dt::before{
	position: absolute;
	content: "■";
	left: 0;
	top: 0.15em;
	font-size: 0.95em;
	}

.link_li2 dt b.ken{
	display: inline-block;
	min-width: 11em;
	font-size: 1.125em;
	}

.link_li2 dl a{
	font-size: 1.125em;
	text-decoration: underline;
	}
.link_li2 dl .pdf{
	margin-left: 0;
	}
.link_li2 dd{
	margin-top: 0.5em;
	}



@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
	.link_li2 dt b.ken{
		display: block;
		}
		
}
@media screen and (max-width: 680px) {
	ul.link_li{
		padding: 0 0 0 0.5em;
		font-size: 1.05em;
		margin-bottom: 1em;
		}
	.link_li li a{
		padding-left: 1.4em;
		}
	
	.link_li2{
		font-size: 1.05em;
		}
	.link_li2 dl a{
		font-size: 1.08em;
		}
		
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


.day_right{
	text-align: right;
	}

.support_info{
	text-align: center;
	background: #FFB455;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 3em 1em 2em;
	margin: 7.5em auto 2em;
	}

.support_info .btn_area{
	margin: 2em auto;
	}

/*-----pre_list-----*/
/*.pre_list {
	display: grid;
	grid-template-columns: 11em 1fr 1fr;
	gap: 0 40px;
	margin-bottom: 1.75em;
	padding-bottom: 2em;
	border-bottom: 1px solid #363B43;
	font-size: 1.1em;
	}
.pre_list li {
	padding: 0.5em 1.2em;
	}
.pre_list li:nth-child(2n+1) {
	grid-column: 3/4;
	}
.pre_list li:nth-child(2n) {
	grid-column: 2/3;
	}
.pre_list:last-child {
	border-bottom: none;
	margin-bottom: 0;
	}
.pre_list li:first-child {
	grid-column: 1/2;
	background: #58626C;
	color: #FFFFFF;
	}
.pre_list li:nth-child(4n-2),
.pre_list li:nth-child(4n-1) {
	background-color: #F2F2F2;
	}*/


@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
	
	.day_right{}


	.support_info{
		margin: 55px auto 0;
		text-align: left;
		padding: 1em 20px;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		}
	.support_info .btn_area{
		margin: 2em auto 1em;
		}
		
	/*-----pre_list-----*/
	/*.pre_list {
		font-size: 1.05em;
		display: block;
		border: none;
		padding-bottom: 0;
		}
	.pre_list li:first-child {
		text-align: center;
		}
	.pre_list li:nth-child(4n-2),
	.pre_list li:nth-child(4n-1){
		background: inherit;
		}
	.pre_list li:nth-child(even){
		background-color: #F2F2F2;
		}*/
		
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


.l_box{
	float: left;
	width: 51%;
	overflow: hidden;
	}
	.l_box2{
		float: left;
		width: 59%;
		overflow: hidden;
		}
	.l_box3{
		float: left;
		width: 54%;
		overflow: hidden;
		}
.r_box{
	float: right;
	width: 41%;
	overflow: hidden;
	}
.r_img{
	float: right;
	width: 41%;
	overflow: hidden;
	}
	.r_img2{
		float: right;
		width: 38%;
		overflow: hidden;
		}
.r_img.above,
.above{
	position: absolute;
	right: 0;
	top: -50px;
	}

@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
		
	.l_box,
	.l_box2,
	.l_box3{
		float: none;
		width: auto;
		}
	.r_box{
		float: none;
		width: auto;
		}
	.r_img,
	.r_img2{
		float: none;
		width: auto;
		text-align: center;
		margin: 1em 2%;
		}
	.r_img.above,
	.above{
		position: relative;
		top: inherit;
		}
		
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


/*画像が正方形だったりする場合*/
.l_text{
	float: left;
	width: 67%;
	}
.l_text p{
	font-size: 1.15em;
	}
.r_thum{
	float: right;
	width: 29%;
	}
.r_thum img{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	height: auto !important;
	}



@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
	.l_text p{
		font-size: 1.1em;
		}
}
@media screen and (max-width: 680px) {
	.l_text p{
		font-size: 1.05em;
		}
	
	
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


.dl_list2{
	/*margin-bottom: 1em;*/
	}
.dl_list2 dl{
	font-size: 1.1em;
	}
.dl_list2 dl dt{
	display: block;
	font-size: 1.05em;
	padding: 0.2em 1em;
	margin-bottom: 0.7em;
	background: #58626c;
	color: #FFFFFF;
	}

.dl_list2 dl dd{
	/*padding-left: 1.3em;*/
	padding-bottom: 1.3em;
	}
.dl_list2 dl dd li{
	list-style: none;
	margin-bottom: 0.5em;
	}
	.dl_list2 dl dd .name{
		display: inline-block;
		margin-right: 0.6em;
		}



@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
	.dl_list2 dl{
		font-size: 1.1em;
		}
	.dl_list2 dl dt{
		font-size: 1.05em;
		display: block;
		margin-bottom: 1em;
		padding: 0.5em 0.8em;
		}
	.dl_list2 dl dd{
		}
	.dl_list2 dl dd li{
		margin-bottom: 0.8em;
		padding-left: 0.8em;
		}
	.dl_list2 dl dd.riji li{
		padding-bottom: 0.5em;
		border-bottom: 1px solid #D3DEE6;
		margin-bottom: 0.5em;
		}
	.dl_list2 dl dd .name{
		display: block;
		margin: 0 0 0.2em;
		font-size: 1.05em;
		}
	
	
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}




.flex_double{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	margin-bottom: 40px;
	}
/*.flex_double::after { clear: both; content: " "; display: block;}
betweenが効かない*/

.flex_double > div{
	/*各ページで調整*/
	}

.ggmap {
	position: relative;
	/*padding-bottom: 56.25%;*/
	padding-bottom: 36.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

	
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
	.flex_double{
		display: block;
		}
	.ggmap {
		padding-bottom: 86.25%;
		}
		
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


.qa_area{}
.qa_area .qa_box{
	background: #F3F8F9;
	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 1.14em;
	padding: 15px 30px 15px;
	margin-bottom: 10px;
	}
	.qa_area .qa_box:last-child{
		margin-bottom: 75px;
		}
.qa_area .qa_box a{
	text-decoration: underline;
	flex-basis: 93%;
	margin-top: 0.7em;
	cursor: pointer;
	line-height: 1.6;
	}
	
.qa_area .qa_box dt,
.qa_area .qa_box h3 {
	display: flex;
	display: -webkit-flex;

	/*align-items: center;*/
	position: relative;
	font-size: 16px;
    font-weight: 400;
    font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "Rounded Mplus 1c", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.qa_area .qa_box dt::before,
	.qa_area .qa_box h3::before {
		position: relative;
		content: "";
		left: 0;
		top: 0;
		background: url(../../shared/img/Q.svg) no-repeat left top / contain;
		width: 4em;
		height: 3em;	
		}
.qa_area .qa_box dd,
.qa_area .qa_box > div {
	display: flex;
	display: -webkit-flex;

	}
	/*.qa_area .qa_box dd::before{
		position: relative;
		content: "";
		left: 0;
		top: 0;
		background: url(../../qa/shared/img/A.svg) no-repeat left top / contain;
		width: 3em;
		height: 3em;	
		}*/
		
.qa_area .qa_box dd span,
.qa_area .qa_box > div span {
	margin-top: 15px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border: 5px solid #FFB455;
	background: #FFFFFF url(../../shared/img/A.svg) no-repeat left top / 3em auto;
	
	padding: 0.9em 1em 0.9em 3em;
	/*flex-basis: 93%;*/
	line-height: 1.9;
	position: relative;
	display: block;
	width: 100%;
	}
	
	/*.qa_area .qa_box dd::before{
		position: relative;
		content: "";
		left: 0;
		top: 0;
		background: url(../../qa/shared/img/A.svg) no-repeat left top / contain;
		width: 3em;
		height: 3em;	
		}
.qa_area .qa_box dd span{
	padding: 0.9em 1em 0.9em 0;
	flex-basis: 93%;
	line-height: 1.9;
	}*/

.qa_area .qa_box dd span a.arrow_b,
.qa_area .qa_box > div span a.arrow_b {
	display: inline-block;
	}




/*.qa_area{
	margin: 7em auto 0;
	}
.qa_area .h3_title{
	margin-bottom: 1em;
	}
.qa_area p.midashi{
	padding: 0 3em;
	}
.qa_area p.midashi a{
	text-decoration: underline;
	}

.qa_area .qa_box{}

.qa_box{
	margin-bottom: 2.5em;
	}
.qa_box a{
	box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.3);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position: relative;
	color: #363B43;
	overflow: hidden;
	
	display: flex;
	display: -webkit-flex;
	align-items: center;
	font-size: 1.1em;
	margin-bottom: 12px;
	background: #FFFFFF;
	}
.qa_box a .q{
	background: #64D9FF;
	color: #FFFFFF;
	flex-basis: 5%;
	text-align: center;
	font-size: 2em;
	padding: 8px 0;
	}
.qa_box a .qa{
	margin: 0;
	padding: 0.5em;
	}

.qa_box a:hover{
	background: #FFB455;
	color: #363B43;
	}
.qa_box a:hover .q{
	background: none;
	}*/


/*.qa_area .link{
	text-align: right;
	}
.qa_area .link a{
	text-decoration: underline;
	}
.qa_area .link img{
	box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.3);
	margin-left: 1.5em;
	}*/


@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
	/*.qa_area{
		margin: 4em auto 0;
		width: 90%;
		}
	.qa_area p.midashi{
		padding: 0 0 1.5em;
		display: none;
		}
	.qa_area .qa_box{
		display: none;
		}
	
	.qa_area .link{
		text-align: left;
		}
	.qa_area .link img{
		margin: 1.5em auto 4em;
		display: block;
		}*/
		
	.qa_area .qa_box{
		padding: 15px 20px;
		}
	.qa_area .qa_box:last-child{
		margin-bottom: 30px;
		}
		
	.qa_area .qa_box dd span:before {
		content: "";
		position: absolute;
		top: -30px;
		left: 50%;
		margin-left: -15px;
		border: 15px solid transparent;
		border-bottom: 15px solid #FFF;
		z-index: 2;
	}
	
	.qa_area .qa_box dd span:after {
		content: "";
		position: absolute;
		top: -39px;
		left: 50%;
		margin-left: -17px;
		border: 17px solid transparent;
		border-bottom: 17px solid #FFB455;
		z-index: 1;
	}
				
	
}
@media screen and (max-width: 680px) {
	/*.qa_area{
		margin: 0 auto 0;
		}*/
	.qa_area .qa_box{
		font-size: 1.07em;
		margin-bottom: 7px;
		}
		.qa_area .qa_box:last-child{
			margin-bottom: 28px;
			}
	.qa_area .qa_box a{
		flex-basis: 85%;
		margin-top: 0;
		margin-left: auto;
		}
	
	.qa_area .qa_box dt{
		align-items: center;
		font-size: 15px;
		line-height: 1.8;
		}
	.qa_area .qa_box dt::before,
	.qa_area .qa_box h3::before {
		width: 40px;
		height: 40px;
		}
	
	.qa_area .qa_box dd span{
		margin-top: 1.5em;
		line-height: 1.8;
		}
	.qa_area .qa_box dd span a.arrow_b{
		display: inline-block;
		line-height: 1.5;
		}
		
		
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}



/*-----オレンジ検索エリア-----*/

.search_o_box{
	background: #FF8F00;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	
	display: flex;
	display: -webkit-flex;
	
	padding: 30px 35px;
	
	margin-bottom: 2.5em;	
	}
.search_o_box .search{
	flex-basis: 40.5%;
	}
.search_o_box .search p{
	font-size: 20px;
	margin-bottom: 0.6em;
	color: #FFFFFF;
    padding-left: 15px;
	}


.m_search{
	display: flex;
	display: -webkit-flex;
	align-items: center;
	}
	
.m_search .search_input{
	border: 3px solid #D3DEE6;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	flex-basis: 88%;
	font-size: 1.11em;
	font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "Rounded Mplus 1c", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0.4em 1.2em;
	letter-spacing: 1px;
	}
.search_input input::placeholder {
	color: #86939f;
	}
/* IE */
.search_input input:-ms-input-placeholder {
	color: #86939f;
	}
/* Edge */
.search_input input::-ms-input-placeholder {
	color: #86939f;
	}

.m_search .s_btn{
	margin-left: 1%;
	display: block;
	width: 38px;
	height: 38px;
	background: url(../img/icon/search_b.svg) no-repeat center center;
	}


.search_o_box .category_btn{
	flex-basis: 39%;
	margin-left: 13%;
	}
.search_o_box .category_btn ul{
	display: flex;
	display: -webkit-flex;
	
	justify-content: space-between;
	}
	
	.category_btn ul li{
		flex-basis: 31%;
		text-align: center;
		}
	.category_btn ul li a{
		background: #00C0FF;
		color: #FFFFFF;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.3);
		/*font-size: 1.2em;*/
		padding: 0.6em 0.5em;
		display: block;
		}
		.category_btn ul li a:hover{
			background: #FF8F00;
			}
		
		.category_btn ul li{
			flex-basis: 32%;
			}
		.category_btn ul li a{
			padding-bottom: 4em;
			letter-spacing: 0;
			
			position: relative;
			}
		.category_btn ul li a::after{
			position: absolute;
			content: "";
			bottom: 10px;
			left: 5%;
			width: 90%;
			height: 3em;
			background: url(../img/parts/clear_bg.png) no-repeat bottom center / contain;
			}
		.category_btn ul li a span{
			display: block;
			margin-bottom: 5px;
			line-height: 1.4;
			}
	
	.category_btn li.exam{}
	.category_btn li.life{}
	.category_btn li.money{}
	
	.category_btn li.exam a::after{
		background-image: url(../../qa/shared/img/cate_exam.svg);
		}
	.category_btn li.life a::after{
		background-image: url(../../qa/shared/img/cate_life.svg);
		}
	.category_btn li.money a::after{
		background-image: url(../../qa/shared/img/cate_money.svg);
		}




@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
	/*-----オレンジ検索エリア-----*/
	.search_o_box{
		border-radius: 0;
		display: block;
		margin-bottom: 0;
		}
	.search_o_box .category_btn{
		margin: 3em auto 0;
		}
	
	
}
@media screen and (max-width: 680px) {
	
	/*-----オレンジ検索エリア-----*/
	.search_o_box{
		padding: 25px 20px 40px;
		}
	.search_o_box .category_btn{
		margin: 2em auto 0;
		}
	
	.category_btn ul li a{
		padding-bottom: 3.5em;
		}
	.category_btn ul li a::after{
		height: 2.5em;
		}
	
	
	.m_search .search_input{
		flex-basis: auto;
		font-size: 1.1em;
		}
	.m_search .s_btn{
		width: 50px;
		height: 50px;
		margin-left: 3%;
		}
		
		
	
	/*-----スライドイン-----*/
		@keyframes slideIn {
		  0% {
			 transform: translateY(180px);
			 opacity: 0;
		  }
		  100% {
			 transform: translateY(0);
		  }
		  40%,100% {
			 opacity: 1;
		  }
		}
	/*-----/スライドイン-----*/
	
	
	
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


.h3_cate_midashi{
	background: #006697;
	color: #FFFFFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	
	padding: 0.3em 0.8em;
	font-weight: 500;
	font-size: 1.55em;
	line-height: 1.3;
	
	margin-bottom: 10px;
	min-height: 40px;
	position: relative;
	}
.h3_cate_midashi::before{
	/*position: absolute;*/
	position: relative;
	content: "";
	top: 0;
	left: 0;
	height: 25px;
	width: 2em;
	display: inline-block;
	}
	
.h3_cate_midashi.exam::before{
	background: url(../../qa/shared/img/cate_exam.svg) no-repeat left top / contain;}
.h3_cate_midashi.life::before{
	background: url(../../qa/shared/img/cate_life.svg) no-repeat left top / contain;}
.h3_cate_midashi.money::before{
	background: url(../../qa/shared/img/cate_money.svg) no-repeat left top / contain;}

.page_support .h3_cate_midashi{	
	padding: 0.8em 1.34em;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
.page_support .h3_cate_midashi::before{
	display: none;
}


@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
	.h3_cate_midashi{
		border-radius: 0px;
		padding: 0.3em 20px;
		}
	.page_support .h3_cate_midashi{	
		padding: 0.8em 20px;
		}
	.page_support .top_blog .h3_cate_midashi{	
		padding: 0.8em 0;
		}
		
}
@media screen and (max-width: 680px) {
	.h3_cate_midashi{
		font-size: 1.3em;
		margin-bottom: 0;
		}		
	.h3_cate_midashi::before{
		margin-right: 5px;
		height: 22px;
		width: 30px;
		}
	
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


/*1つずつの囲み*/

.pg_box{
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: #F3F8F9;
	padding-bottom: 50px;
	margin-bottom: 80px;
	}
.page_recruit_list .pg_box{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
.pg_box.pg_box2{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	/*background: #F3F8F9;*/
	padding-bottom: 30px;
	margin-bottom: 65px;
	}

.pg_box small.t_right{
	display: block;
	font-size: 1em;
	margin-bottom: 5px;
	}

.pg_box .box{
	width: 90%;
	margin: 0 auto;
	}
.pg_box .box2{
	margin: 0 2.8em;
	}
.pg_box .box2 p{
	margin-bottom: 1.9em;
	}
.pg_box .box3{
	width: 92%;
	margin: 0 auto;
	}
	

@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
	.pg_box{
		border-radius:0;
		}
	.pg_box.pg_box2{
		border-radius:0;
		}
	.pg_box .box2{
		margin: 0px 1.6em;
		}
	.pg_box .box3{
		width: 90%;
		}
	
	
}
@media screen and (max-width: 680px) {
	.page_recruit_list .pg_box{
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		}
	.pg_box{
		margin-bottom: 0;
		}
	.pg_box.pg_box2{
		margin-bottom: 0;
		}
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


/*プライバシーポリシー*/
.page_ppolicy{}

.ol_list{
	padding: 1.5em 0 2em 2.5em;
	font-size: 1.1em;
	line-height: 1.9;
	list-style: decimal;
	}
.ol_list--2{
	padding-top: 0.7em;
}
.ol_list li{
	margin-bottom: 0.5em;
	}

.indent_1{
	padding: 1.2em 0 2em 1em;
	}
.indent{
	padding: 1.5em 0 2em 3em;
	}
.indent2{
	padding: 1.5em 0 1.5em 3em;
	}
p.indent{
	padding: 0 0 1em 1.5em;
	}
.indent .h4_midashi{
	display: inline-block;
	}


.page_ppolicy .pg_box.pg_box2{
	padding-bottom: 50px;
	}
.page_ppolicy .box{
	}




@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
	.ol_list{
		padding: 1em 0 2em 2em;
		font-size: 1.05em;
		line-height: 1.7;
		}
	.ol_list li{
		margin-bottom: 1em;
		}

	.indent_1{
		padding: 1.2em 0 2em 0.5em;
		}
	.indent{
		padding: 1em 0 2em 2em;
		}
	
	
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


/*画像角丸*/
img.kadomaru{
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
/*キャプションつける*/
.img_cap{
	}
	.img_cap img{
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		}
.img_cap .cap_r,
.img_cap .cap_l,
.img_cap .cap_c{
	margin-bottom: 1em;
	letter-spacing: 0;
	}
/*.img_cap > span,*/
.cap_r{
	display: block;
	text-align: right;
	margin-top: 0.5em;
	font-size: 0.97em;
	/*padding-right: 8px;*/
	}
.cap_l{
	display: block;
	text-align: left;
	margin-top: 0.5em;
	font-size: 0.97em;
	/*padding-right: 8px;*/
	}
.cap_c{
	display: block;
	text-align: center;
	margin-top: 0.5em;
	font-size: 0.97em;
	/*padding-right: 8px;*/
	}

@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


/*灰色の角丸枠2つ並び*/

.box_group{
	width: 94%;
	margin: 0 auto 50px;
	display: flex;
	display: -webkit-flex;

	justify-content: space-between;
	}
.box_group::after { clear: both; content: " "; display: block;}

.box_group .box{
	flex-basis: 48%;
	}
.box_group .box > span{
	display: block;
	border: 6px solid #d3dee6;
	padding: 1em;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	}
.box_group .box .img{
	display: block;
	text-align: center;
	margin-top: 1em;
	}
	.box_group .box .img img{
		max-height: 9.5em;
		}

.box_group .box .text{
	display: block;
	}



@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
	
	.box_group{
		display: block;
		}
	.box_group .box{
		margin-bottom: 20px;
		}
	
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}



@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}



@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}


@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 990px) {
}
@media screen and (max-width: 680px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {

}