/*-----------------------------------------------------------------------/
	Description: style setting
	Version: 2.0
	Author: AdTECHNICA
/*----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------/
	CONTENTS
	0: COMMON
	1: LAYOUT
	2: HEADER
	3: NAVIGATION
	4: MAIN CONTENT
	5: FOOTER
	6: OTHER
/*----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------/
	0: COMMON
/*----------------------------------------------------------------------*/
.fleft{float:left;}
.fright{float:right;}
.cboth{clear:both;}

.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}

.mgnt8{margin-top:8px;}
.mgnt16{margin-top:16px;}
.mgnt24{margin-top:24px;}
.mgnt32{margin-top:32px;}
.mgnt40{margin-top:40px;}

.mgnr8{margin-right:8px;}
.mgnr16{margin-right:16px;}
.mgnr24{margin-right:24px;}
.mgnr32{margin-right:32px;}
.mgnr40{margin-right:40px;}

.mgnb8{margin-bottom:8px;}
.mgnb16{margin-bottom:16px;}
.mgnb24{margin-bottom:24px;}
.mgnb32{margin-bottom:32px;}
.mgnb40{margin-bottom:40px;}

.mgnl8{margin-left:8px;}
.mgnl16{margin-left:16px;}
.mgnl24{margin-left:24px;}
.mgnl32{margin-left:32px;}
.mgnl40{margin-left:40px;}

.clearfix::after {
	content: ".";
	display: block;
	height: 0; 
	font-size: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

/* font */
.mincho {
	font-family: "游明朝", YuMincho, "Times New Roman", "Georgia", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}
/* kerning */
.palt {
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
}
.halt {
	-webkit-font-feature-settings: 'halt' 1;
	font-feature-settings: 'halt' 1;
}

.gf1{font-family: 'Noto Sans JP', sans-serif;}
.gf2{font-family: 'Montserrat', sans-serif;}
.gf3{font-family: 'Noto Serif JP', serif;}
.gf4{     font-family: 'Rubik', sans-serif;}


/*-----------------------------------------------------------------------/
	1: LAYOUT
/*----------------------------------------------------------------------*/
body,
#wrp {
	min-width: 980px;
	background: #fff;
}
#bpt {
	display: none;
}
#maincontent {
	min-width: inherit;
}

#gnav{
	width: 960px;
	margin: 0 auto;
}

body#index #main{background:none;}
#main{background:#0D50D5;width:100%;position: relative;padding-top: 45px;}
.ttl_cate{color:#fff;text-align:center;}
.ttl_cate span{padding:40px 0;display: block;position: relative;font-size:1.8em;}

.ttl_cate span:before{content:'';position: absolute;
	bottom: 0px;
	left: 50%;
 	margin-left: -7px;
	border: 7px solid transparent;
	border-bottom: 8px solid #fff;}


#hdr,#cnt,
#ftr{max-width:960px;margin:0 auto;}

#wrp_maincnt{max-width: 960px;padding: 45px 0px;
background: #fff;}
#maincontent{width:100%;background: #fff;}

#wrp{/*background: #F7F7F7;*/overflow: hidden;}


/*-----------------------------------------------------------------------/
	2: HEADER
/*----------------------------------------------------------------------*/
#wrp_hdr {
	background: #fff;
	border-bottom:1px solid #E3E3E3;
	width: 80%;
z-index: 2;
position:fixed;
padding:4px 0;
 transition: .3s;
}
#hdr {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items:center;
	align-items: center;
	padding:0 10px;
	justify-content: space-between;
}
.logo {
	line-height: 0.5;
	font-size:1.2rem;
width: 100%;
background: #fff;
text-align: center;padding:20px;
}

.logo img{max-width:210px;width:100%;height: auto;}

#hdr .smt_logo{display:none;}


#hdr .hdr_nav,#hdr .sub_nav {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	list-style: none;
}
#hdr .hdr_nav li:not(:first-of-type) {
	margin: 0 0 0 20px;
}

#hdr .sub_nav li a {
	color:#333;
	text-decoration: none;
	font-size:1.2rem;
	margin:0 0 0 20px;
	
}
#hdr .sub_nav li a:hover{color:#0D50D5;}

#hdr .sub_nav li a:before{content:'';width: 8px;height: 3px;background: #0D50D5;display: inline-block;top: -3px;
left: -6px;display: inline-block;
position: relative;}

/*
.is-animation {
  background: #fff;
  transition: .3s;
  padding:5px 0 !important;
}

.is-animation #hdr .logo img {
width:150px;
    height:auto;
      transition: .3s;
}
.is-animation .search input#q{padding: 4px 16px;  transition: .3s;}
*/


#hdr .sub_nav{margin-left: auto;}



#fontSize ul{display:flex;overflow: hidden;margin:0 0 0 36px;align-items: center;}

#fontSize ul:before{content:'文字サイズ';font-size:0.7em;}

#fontSize li{
font-size:0.8em;
list-style:none;
	margin:0 0 0 10px;
	cursor: pointer;
	padding: 3px 20px; 
	text-align: center;
	background-color: #f5f5f5;
	color:#666;
	cursor: pointer;
}

#fontSize li:last-child{margin:0 0 0 2px;}

#fontSize li.current{
	font-weight: bold;
	color: #fff;
background: #0D50D5;
}

/* sp_menu */

#sp_saerch{display:none;}


#btn_menu,
#sp_menu.active,
#sp_menu .toggle_menu {
	display: none;
}
/* fc_smt_head */
#fc_smt_head a {
	color: inherit !important;
	background-color: #F0F0F0 !important;
	text-decoration: none !important;
}

#wrp_cnt{width: 100%;	padding: 0px 0px 20px;}
body#index #wrp_cnt{padding: 10px 0px 20px;}
#wrp_content{float:right;width: 80%;background: #fff;}

/*-----------------------------------------------------------------------/
	3: NAVIGATION
/*----------------------------------------------------------------------*/
/* gnav */
#gnav {
}
#gnav ul {
	display: -webkit-flex;
	display: flex;
	list-style: none;
}
#gnav ul li a {
	display: block;
	padding: 10px;
	text-decoration: none;
}

/* menu */

#snav {
min-width: 196px;
padding: 0px 0 16px 0px;
float:left;
width: 20%;
position: fixed;
color:#666;
font-family:'arial narrow', sans-serif;
overflow-y: auto; 
background: #F7F7F7;
border-right:#E8ECF2 1px solid;
top: 0;
bottom: 0;
left: 0;
}


/*print setteing*/
@media print{
body,#wrp{background:#fff;}
#wrp_content{background:#fff;}
#wrp_cnt{background:#fff;}
#wrp_hdr {display:none;}
#wrp_maincnt{padding:0;max-width:960px;}
#snav {display:none;}
#wrp_content{width:100%;}
.search{display:none;}
}



#menu {
	margin: 0 0 20px;
	list-style: none;
}
#menu li {
	/*padding: 5px 0;*/
}
#menu li a {
	display:block;
	border-bottom: 1px solid #DCDCDC;
	padding:10px 10px 10px 12px;
	color: #333;
	text-decoration: none;
	transition: .3s;
	font-size: 0.9em;
}

#menu li a:hover{background:#666;color:#fff;transition: .3s;padding:10px 10px 10px 16px;}


/*創立70周年 1ページ目*/
#menu li:nth-child(1) a{padding: 15px 10px 15px 12px;font-weight:bold;border-top: 1px solid #ddd;
/*background: url(../_cmn/icn_70.png) no-repeat 95% 50%;
background-size:32px;
background-color: #fff;*/
font-size: 1em;
color: #F73C44;
background-color: #FFEBEB;
display:none;
}
#menu li:nth-child(1) a:hover{color:#F22235;background-color: #FFDDDE;transition: .3s;padding:15px 10px 15px 16px;}


#menu li:nth-child(2) a{display:none;}/*トップページメニュー*/
#menu li:nth-child(3) a{color:#333;font-weight: bold;background:#FEBF3A;font-size: 1em;}
#menu li:nth-child(4) a{color:#fff;font-weight: bold;background:#00A6FB;font-size: 1em;}
#menu li:nth-child(5) a{color:#fff;font-weight: bold;background:#4B7FF2;font-size: 1em;}
#menu li:nth-child(7) a{color:#fff;font-weight: bold;background:#07B53B;font-size: 1em;}
#menu li:nth-child(3) a:hover{background:#EE9C22;}
#menu li:nth-child(4) a:hover{background:#1478F0;}
#menu li:nth-child(5) a:hover{background:#2A45D5;}
#menu li:nth-child(7) a:hover{background:#1C9B21;}

#menu li:nth-child(3) a,#menu li:nth-child(4) a,#menu li:nth-child(5) a,#menu li:nth-child(7) a{padding: 15px 10px 15px 12px;}
#menu li:nth-child(3) a:hover,#menu li:nth-child(4) a:hover,#menu li:nth-child(5) a:hover,#menu li:nth-child(7) a:hover{padding: 15px 10px 15px 16px;}


#maincontent table.btn_line img{height: 36px !important;}


#menu li a span {
	position: relative;
}
#menu li a span::after {
	transition: 0.3s;
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 0;
	height: 1px;
	background-color: #333;
}
#menu li a:hover span::after,
#menu li a:focus span::after {
	width: 100%;
}

/* submenu */
#menu li .sub {
	list-style: none;
}
#menu li .sub li a {
    display: block;
}
#menu li .sub li a {
	border-left:none;
	color:#fff;
}
#menu li .sub li a {
	position: relative;
	padding: 6px 4px 6px 26px;
	/*margin: 0 0 5px;*/
	font-size: 1.5rem;
	font-weight: normal;
	transition: .3s;
	background: #e5e5e5;
color: #333;
}
#menu li .sub li a::after {
	position: absolute;
	top: 20px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	left: 15px;
	content: "";
	display: block;
	/*width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 2px solid #2D69B1;*/
}

#menu li .sub li a:hover {
padding: 6px 4px 6px 30px;
transition: .3s;
	background: #666;
color: #fff;
}



.side_banner img{width:100%;margin:1em 0 0;}



#wrp_ftr .pagetop {
	transition: 0.5s;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 0;
	position: fixed;
	bottom: 10px;
right: 20px;
	z-index:8;
}
#wrp_ftr .pagetop.fixed {
	opacity: 1;
	-webkit-transform: translate(0, -15px);
	transform: translate(0, -15px);
}
#wrp_ftr .pagetop a {
	position: relative;
	display: block;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	padding: 10px;
	/*background-color: rgba(255, 255, 255, 0.7);*/
	background:#666;
	cursor: pointer;
}
#wrp_ftr .pagetop.fixed a {
	cursor: pointer;
}
#wrp_ftr .pagetop a::before,
#wrp_ftr .pagetop a::after {
	transition: 0.3s;
	content: "";
	position: absolute;
	top: 16px;
	left: 50%;
	-webkit-transform: translate(-50%, 0) rotate(-45deg);
	transform: translate(-50%, 0) rotate(-45deg);
	width: 10px;
	height: 10px;
}
#wrp_ftr .pagetop a::before {
	border-top: 2px solid #fff;
}
#wrp_ftr .pagetop a::after {
	border-right: 2px solid #fff;
}
#wrp_ftr .pagetop a:hover::before,
#wrp_ftr .pagetop a:focus::before,
#wrp_ftr .pagetop a:hover::after,
#wrp_ftr .pagetop a:focus::after {
	-webkit-transform: translate(-50%, -5px) rotate(-45deg);
	transform: translate(-50%, -5px) rotate(-45deg);
}


/* other navigation */


.search input#q{padding: 4px 12px;
width: 220px;border-radius: 100px;
border: 1px solid #ddd;margin: 0 10px 0 0;}

.search{position:relative;}
.search form{display:flex;display: -webkit-flex;}
.search #srcbtn{position:relative;top:5px;right: 2px;}


/* button */

.link_btn a{
	transition: 0.3s;
	display: inline-block;
	min-width: 260px;
	border: 1px solid #0D50D5;
	padding: 10px;
	color: #0D50D5;
	text-decoration: none;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	border-radius: 30px;
	background-color:#fff;
}


.link_btn a:hover,
.link_btn a:focus{
	color: #fff;
	border: 1px solid #0D50D5;
	background:#0D50D5;
}


.link_btn_b a{
	transition: 0.3s;
	display: inline-block;
	min-width: 260px;
	border: 2px solid #666;
	padding: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	border-radius: 30px;
	background-color:#666;
}


.link_btn_b a:hover,
.link_btn_b a:focus{
	color: #666;
	border: 2px solid #666;
	background:#fff;
}



/*-----------------------------------------------------------------------/
	4: MAIN CONTENT
/*----------------------------------------------------------------------*/

.smt_br{display:none;}



#wrp_mokuteki{text-align:center;}
#wrp_mokuteki h2{}


#cnt {
	/*display: -webkit-flex;
	display: flex;*/
	-webkit-justify-content: space-between;
	justify-content: space-between;
	
}
#path {
	-webkit-flex: none;
	flex: none;
	padding:1em 1.5em;
	font-size: 1.2rem;
	position:relative;
	color:#aaa;
}

#path a {
	color: #0D50D5;
	text-decoration: none;
}
#maincontent {
	clear: both;
	overflow: hidden;
	word-wrap: break-word;
}

/* selector */
#maincontent h1 {
	font-size: 4rem;
	margin: 0 0 1.2em;
	text-align: center;
}
body#index #wrp_support h2,body#index #wrp_mokuteki h2,body#index #wrp_beginner h2,body#index #wrp_recruit h2,body#index #maincontent .new_ttl h2 {
	position: relative;
	margin: 0 0 1.2em;
	font-size: 3rem;
	text-align: center !important;
	padding: 0 0 10px;
	font-weight:normal;
}

body#index #wrp_recruit h2{text-align: left !important;}



body#index #wrp_support h2{margin:1em 0 0.5em;}
body#index #wrp_beginner h2{margin:0 0 0.5em;}
body#index #wrp_recruit h2 {text-align: left;margin:0 0 0.2em;padding: 0;}


body#index #wrp_support h2:after,body#index #wrp_mokuteki h2:after,body#index #wrp_beginner h2:after,body#index #wrp_recruit h2:after,body#index #maincontent .new_ttl h2:after {
font-family: arial;
letter-spacing: 2px;
font-size: 1.4rem;
}


#maincontent h2 {
	color:#0D50D5;
font-size: 1.8em;
	position: relative;
	margin: 0 0 0.8rem;
	font-weight:bold;
		-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	text-align: justify !important;
}

#maincontent h3 {
	position: relative;
	margin: 0 0 0.4em;
	font-size: 1.2em;
	background:#0D50D5;
	padding: 0.5em 0.8em;
	color:#fff;
}

#maincontent h4 {
	position: relative;
	margin: 0 0 0.6em;
	font-size: 1.3em;
	color:#0D50D5;
	border-bottom:1px solid #ddd;
	padding:0.5em 0;
}

#maincontent h5 {
	position: relative;
	margin: 0 0 0.6em;
	font-size: 1.1em;
	border-left: 4px solid #0D50D5;
	padding: 0 0.8em;
}

#maincontent h6 {
	margin: 0 0 0.6em;
	font-size: 1.8rem;
	color:#0D50D5;
}
#maincontent img {
	height: auto !important;
}
#maincontent table {
	table-layout: fixed;
}
#maincontent ul {
	margin:0 0 0 1.2em;
	list-style: none;
}
#maincontent ul li {
	position: relative;
}
#maincontent ul li::after {
	content: "";
	position: absolute;
	top: 0.7em;
	left: -13px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #333;
}
#maincontent ol {
	margin:0 0 0 2em;
}
#maincontent dd {
	margin:0 0 0 1em;
}


/* fc_templates
-----------------------------------*/
/* col2 */
.col2 img {
	max-width: 100%;
	height: auto;
}
.col2 {
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
}
.col2 .col2_l,
.col2 .col2_r {
	width:47.9%;
	padding:0;
	vertical-align:top;
}
.col2 .col2_l {
	padding-right:2.1%;
}
.col2 .col2_r {
	padding-left:2.1%;
}
/* col3 */
.col3 img {
	max-width: 100%;
	height: auto;
}
.col3 {
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
}
.col3 .col3_l,
.col3 .col3_m,
.col3 .col3_r {
	width:31.2%;
	padding:0;
	vertical-align:top;
}
.col3 .col3_l {
	padding-right:2.13%;
}
.col3 .col3_m {
	padding-right: 1.07%;
	padding-left: 1.07%;
}
.col3 .col3_r {
	padding-left:2.13%;
}
/* nest col2 */
.col2 .col2 .col2_l,
.col2 .col2 .col2_r {
	width:45.67%;
}
.col2 .col2 .col2_l {
	padding-right:4.33%;
}
.col2 .col2 .col2_r {
	padding-left:4.33%;
}

/*-----------------------------------------------------------------------/
	5: FOOTER
/*----------------------------------------------------------------------*/
#wrp_ftr {
	padding: 0 0 50px;
	/*background-color: #aaa;*/
}
#ftr {
	padding:20px 0px 10px ;
}

#ftr ul{display:block;margin: 0 0 16px;}
#ftr ul li{list-style:none;color:#999;font-size: 0.8em;display: inline-block;}
#ftr ul li a{color:#999;text-decoration:none;}
#ftr ul li a:hover{color:#555;}

#ftr .ftr_nav {
	font-size: 1.2rem;
	color: #fff;
}
#ftr .ftr_nav li {
	display: inline;
}
#ftr .ftr_nav li a {
	color: #fff;
	text-decoration: none;
}
#ftr .ftr_nav li a:hover,
#ftr .ftr_nav li a:focus {
	text-decoration: underline;
}
#ftr .ftr_cnt {
	display: -webkit-flex;
	display: flex;
}


#wrp_ad{background:#E8EBED;padding:30px 20px;}
#wrp_ad ul{display:flex;max-width:960px;margin:0 auto;justify-content: space-between;}
#wrp_ad ul li{list-style:none;font-size:0.8em;}
#wrp_ad ul li span{font-size:1.2em;font-weight:bold;}

#ftr_logo{text-align:center;display: block;margin:40px 0;}

#copyright{color: #999;font-size: 0.7em;text-align:right;margin:0 0 10px;}

/*-----------------------------------------------------------------------/
	6: OTHER
/*----------------------------------------------------------------------*/
/* news */
.news .icn{
	display: inline-block;
	min-width:8em;
	margin: 0 2em 0 0;
	padding: 0.6em 0.4em;
	color:#fff;
	font-size:86%;
	line-height:1;
	text-align:center;
}
.news .cr{
	/*border-radius:5px;*/
}
.news .cr2{
	/*border-radius:10px;*/
}
.news .red1{background:#ffcdd2;}
.news .red2{background:#ef9a9a;}
.news .red3{background:#ef5350;}
.news .red4{background:#e53935;}
.news .pink1{background:#F8BBD0;}
.news .pink2{background:#F48FB1;}
.news .pink3{background:#EC407A;}
.news .pink4{background:#D81B60;}
.news .purple1{background:#E1BEE7;}
.news .purple2{background:#CE93D8;}
.news .purple3{background:#AB47BC;}
.news .purple4{background:#8E24AA;}
.news .blue1{background:#C5CAE9;}
.news .blue2{background:#9FA8DA;}
.news .blue3{background:#5C6BC0;}
.news .blue4{background:#3949AB;}
.news .sky1{background:#B3E5FC;}
.news .sky2{background:#81D4FA;}
.news .sky3{background:#29B6F6;}
.news .sky4{background:#039BE5;}
.news .emerald1{background:#B2EBF2;}
.news .emerald2{background:#80DEEA;}
.news .emerald3{background:#26C6DA;}
.news .emerald4{background:#00ACC1;}
.news .green1{background:#B2DFDB;}
.news .green2{background:#80CBC4;}
.news .green3{background:#26A69A;}
.news .green4{background:#00897B;}
.news .lime1{background:#F0F4C3;color:#b4bd4f;}
.news .lime2{background:#E6EE9C;color:#b4bd4f;}
.news .lime3{background:#D4E157;}
.news .lime4{background:#C0CA33;}
.news .yellow1{background:#FFF59D;color:#c5a200;}
.news .yellow2{background:#FFEE58;}
.news .yellow3{background:#FFEB3B;}
.news .yellow4{background:#FDD835;}
.news .orange1{background:#FFCC80;}
.news .orange2{background:#FFB74D;}
.news .orange3{background:#FFA726;}
.news .orange4{background:#FB8C00;}
.news .brown1{background:#D7CCC8;}
.news .brown2{background:#BCAAA4;}
.news .brown3{background:#8D6E63;}
.news .brown4{background:#6D4C41;}
.news .gray1{background:#EEEEEE;color:#aaaaaa;}
.news .gray2{background:#E0E0E0;}
.news .gray3{background:#BDBDBD;}
.news .gray4{background:#757575;}
.new_ttl {
	position: relative;
}
#maincontent .new_ttl h2 {
	margin: 0;
	padding: 0;
	background: none;
	/*font-size: 1.6rem;*/
}
#maincontent .new_ttl h2::before,
#maincontent .new_ttl h2::after {
	display: none;
}
.new_ttl a {
	position: absolute;
	top: 30%;
	right: 10px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	font-size: 1.3rem;
text-decoration: none;
border-radius:0;
border: 1px solid #0D50D5 !important;
transition: 0.3s;
background:#0D50D5;
}

.new_ttl a:hover{background:#f5f5f5;color:#0D50D5;border: 1px solid #0D50D5 !important;}

body#index #maincontent .new_ttl h2{color:#333;}
body#index #maincontent .new_ttl h2::after {
    text-align: center;
    content: 'NEWS';
    display: block;
    font-size: 1.6rem;
}


#maincontent ul.news_list {
	margin-left: 0;
	list-style: none;
}
.news_list .news {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin: 10px 0;
	border-bottom: 1px dotted #CCC;
	padding: 0 0px 10px;
}

.news_list li::after {
	display: none;
}

.news .date {
	width: 9em;
}
.news .title {
	-webkit-flex: 1;
	flex: 1;
	min-width: 0;
	word-wrap: break-word;
}
#maincontent ul.news_list li.news span.title{margin:0.5em 0 0.8em;}
#maincontent ul.newsresult li.news h2.title{margin:0.5em 0 1em;font-weight: lighter;}


#maincontent ul.news_list, #maincontent ul.newsresult {margin:0;}
#maincontent ul.news_list li::after, #maincontent ul.newsresult li::after{width:0;}




/* newsresult */

.newsresult span.news{	display: -webkit-flex;
	display: flex;margin:0 0 1em;}

.newsresult .frm_order {
	text-align: right;
}
.newsresult .connote {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.newsresult .newsimg {
	max-width: 320px;
	margin: 0 2em 2em 0;
	float: left;
	width: 100%;
}
.newsresult .comment {
word-wrap: break-word;
	margin: 0 0 10px;
}


.newsresult .link {
	border: 1px solid #ccc;
	padding: 1em;
	clear: both;
	margin: 1em 0 0;
	font-size: 1.4rem;
}
.newsresult .link a {
	word-wrap: break-word;
}

/* pager */
#maincontent .pagerwrap {
	margin: 10px 0;
}
#maincontent .pager {
	text-align: center;
}
#maincontent .pager span em {
	margin: 0 4px;
	border: 1px solid #aaa;
	border-radius: 6px; 
	/*padding: 0.2em 0.6em;*/
	padding:0.2em 0.6em !important;
	color: #fff;
	background-color: #aaa;
	font-style: normal;
}
#maincontent .pager span a.p_no,
#maincontent .pagerwrap .pager .prev a,
#maincontent .pagerwrap .pager .next a,
#maincontent .pager span a.touchstart {
	margin: 0 4px;
	border: 1px solid #aaa;
	border-radius: 6px; 
	padding: 0.2em 0.6em;
	color: #333;
	text-decoration: none;
}



/* form */
table.frm_tbl {
	width: 100%;
	margin: 20px 0;
	border-collapse: collapse;
	border-spacing: 0;
}
table.frm_tbl th,
table.frm_tbl td {
	border: 1px solid #ccc;
	padding: 15px;
	vertical-align: top;
}
table.frm_tbl th {
	background-color: #f5f5f5;
	font-weight: normal;
	text-align: left;
}
table.frm_tbl th span.h {
	display: inline-block;
	float: right;
	margin: 0 0 0 10px;
	padding: 0 4px;
	border: 1px solid #b00;
	color: #b00;
}
table.frm_tbl td p {
	margin: 0 0 2px;
	padding: 0 5px;
	color: #aaa;
}
table.frm_tbl td span {
	padding: 0 5px;
	color: #aaa;
}
table.frm_tbl .tipped {
	color: #aaa;
}
table.frm_tbl input,
table.frm_tbl select {
	margin: 0 3px;
}
table.frm_tbl select#pref {
	margin-bottom: 10px;
}
table.frm_tbl textarea {
	width: 100%;
}
table.frm_tbl input.no_search {
	border :none;
	background:-webkit-gradient(linear, center top, center bottom, from(#aaa), to(#333));
	background:linear-gradient(to bottom, #aaa, #333);
	color: #fff;
	background-color:#333;
	vertical-align: middle;
}
table.frm_tbl td label.error {
	color: #b00;
}
.form_btn {
	margin:0 0 50px;
	text-align:center;
}
.form_btn button {
	margin: 0 20px;
	border-radius: 9px;
	padding: 10px;
	border: 1px solid #aaa;
	background-color: #fff;
}
.form_btn button[name="submit3"] {
	color: #666;
	background-color: #f5f5f5;
	border: 1px solid #eee;
}
.form_btn button:hover[name="submit3"] {
	border: 1px solid #0D50D5;
}



#maincontent table.frm_tbl dd {
	margin-left: 0;
}

/* sitemap */
#sitemap {}
#sitemap ul {
	margin-left: 0;
}
#sitemap ul li {
	margin: 0 0 10px;
	list-style: none;
	line-height: 2;
}
#sitemap ul li::after {
	display: none;
}
#sitemap ul li a {
	display: block;
	font-weight: bold;
	text-decoration: none;
}
#sitemap ul li ul {
	margin-left:1em;
}
#sitemap ul li ul li {
	position: relative;
	margin-bottom: 0;
	line-height: 1.6;
}
#sitemap ul li ul li:before {
	content: "";
	position: absolute;
	top: 0.25em;
	display: inline-block;
	padding: 0.25em;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	vertical-align: super;
}
#sitemap ul li ul li a {
	display: block;
	padding: 0 0 0 1em;
	font-weight: normal;
}


/*検索*/

#maincontent .searchresult ol li{margin:0 0 15px !important;}
#maincontent .searchresult #ssb{margin:0 0 20px;}
#maincontent .searchresult cite{font-size:0.8em;font-style: normal;}


/*トップ*/

#wrp_support ul {display:flex;width:100%;}
#wrp_support ul li{list-style:none;text-align:center;width:50%;color:#fff;padding:50px 0;}
#wrp_support ul li:first-child{background:#00A6FB;}
#wrp_support ul li:last-child{background:#4B7FF2;}
#wrp_support p{margin:0 0 1em;}
#wrp_support h3{font-weight:normal;font-size:1.8em;}
#wrp_support h2::after {
    text-align: center;
    content: 'SUPPORT';
    display: block;
    font-size: 1.6rem;
}

#wrp_beginner h2::after {
    text-align: center;
    content: 'INFORMATION';
    display: block;
    font-size: 1.6rem;
}

#wrp_mokuteki{background:#FFFDED;padding:50px 0 0;}
#wrp_mokuteki h2{margin:0 0 0px !important;padding:0;text-align: left;}
#wrp_mokuteki h2 p{font-size:0.5em;margin:5px 0 0;}
#wrp_mokuteki ul{border-left: 1px solid #E7EBE2;width:100%;margin-top:30px;border-bottom:1px solid #E7EBE2;display:flex;flex-wrap:wrap;}
#wrp_mokuteki ul li{width:25%;display:inline-block;border-right:1px solid #E7EBE2;list-style:none;border-top:1px solid #E7EBE2;}
#wrp_mokuteki ul li a{height: 100%;display:block;width: 100%;text-decoration:none;color:#333;padding: 20px;}
#wrp_mokuteki ul li :hover{background:#FFFCDC;}
#wrp_mokuteki ul li a:hover{color:#0D50D5;}
#wrp_mokuteki ul li span{width:100%;display: inline-block;height: 100%;}
#wrp_mokuteki ul li:nth-child(1) span::before{background:url(../_prt/_top/icn_m1.png) no-repeat center center;}
#wrp_mokuteki ul li:nth-child(2) span::before{background:url(../_prt/_top/icn_m2.png) no-repeat center center;}
#wrp_mokuteki ul li:nth-child(3) span::before{background:url(../_prt/_top/icn_m3.png) no-repeat center center;}
#wrp_mokuteki ul li:nth-child(4) span::before{background:url(../_prt/_top/icn_m4.png) no-repeat center center;}
#wrp_mokuteki ul li:nth-child(5) span::before{background:url(../_prt/_top/icn_m5.png) no-repeat center center;}
#wrp_mokuteki ul li:nth-child(6) span::before{background:url(../_prt/_top/icn_m7.png) no-repeat center center;}
#wrp_mokuteki ul li:nth-child(7) span::before{background:url(../_prt/_top/icn_m8.png) no-repeat center center;}
#wrp_mokuteki ul li:nth-child(8) span::before{background:url(../_prt/_top/icn_m9.png) no-repeat center center;}
#wrp_mokuteki ul li:nth-child(9) span::before{background:url(../_prt/_top/icn_m10.png) no-repeat center center;}
#wrp_mokuteki ul li:nth-child(10) span::before{background:url(../_prt/_top/icn_m6.png) no-repeat center center;}
#wrp_mokuteki ul li:nth-child(11) span::before{background:url(../_prt/_top/icn_m11.png) no-repeat center center;}
#wrp_mokuteki ul li:nth-child(12) span::before{background:url(../_prt/_top/icn_m12.png) no-repeat center center;}

#wrp_mokuteki ul li span::before{
height: 70px;
vertical-align: bottom;
position: relative;
text-align: center;
display: block;
content: ' ';
width: 100%;
background-position: 50% 100%;
background-size: 70px !important;}


#wrp_beginner{background:#FEBF3B;padding:30px 10px;}
#wrp_beginner ul{display:flex;max-width: 960px;margin: 0 auto;justify-content: space-between;width: 100%;}
#wrp_beginner ul li{list-style:none;display:block;margin:0 10px 5px;width: 100%;}
#wrp_beginner a{display:block;background:#fff;border-radius:4px;padding:10px;width: 100%;text-align: center;text-decoration:none;color:#333;}
#wrp_beginner a:hover{background:#0D50D5;color:#fff;}
#wrp_beginner ul li a span{height: 100%;display:block;position: relative;}
#wrp_beginner ul li a span:after{content: "";
width: 10px;
height: 10px;
display: inline-block;
background: transparent;
border-top: 3px solid #0D50D5;
border-right: 3px solid #0D50D5;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 35%;
right: 10px;
}
#wrp_beginner ul li a:hover span:after{border-top: 3px solid #fff;border-right: 3px solid #fff;}

#wrp_bnr ul{width:100%;display:flex;border-bottom: 1px solid #ddd;}
#wrp_bnr ul li{list-style:none;width:33.3%;width: 100%;height: 100%;}
#wrp_bnr ul li a span{display:block;position: absolute;left:1em;bottom:1em;color:#fff;font-size:1.3em;}
#wrp_bnr ul li:nth-child(1){background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5) 80%),url(../_prt/_top/bg_finance.jpg) no-repeat;background-size: auto, cover;border-right: 1px solid #ddd;}
#wrp_bnr ul li:nth-child(2){background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5) 80%),url(../_prt/_top/bg_seminar.jpg) no-repeat;background-size: auto, cover;border-right: 1px solid #ddd;}
#wrp_bnr ul li:nth-child(3){background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5) 80%),url(../_prt/_top/bg_kouho.jpg) no-repeat;background-size: auto, cover;}
#wrp_bnr ul li a {transition: 0.3s;display:block;height: 300px;text-decoration:none;position: relative;}
#wrp_bnr ul li a:hover span{color:#0D50D5;transition: 0.3s;}

#cnt_recruit a{text-decoration:none;transition: 0.3s;}
#cnt_recruit a:hover h2,#cnt_recruit a:hover h2:after,#cnt_recruit a:hover p{color:#0D50D5;transition: 0.3s;}

#wrp_recruit{color:#fff;background-image:url(../_prt/_top/bg_recruit.jpg);background-size:cover;background-position:0 50%;}
.bk_layer{background:rgba(0,0,0,0.2);padding:50px 4rem;}
#wrp_recruit h2::after {
    text-align: left;
    content: 'RECRUIT';
    display: block;
    font-size: 1.6rem;
}
#wrp_recruit h2{margin-right:auto;}
#wrp_recruit p{margin:0 0 4em;}


/*button↓*/
.btn,
.link_btn a,
.form_btn button {
	transition: 0.3s;
	display: inline-block;
	min-width: 190px;
	border: 1px solid #0D50D5;
	padding: 9px;
	color: #0D50D5;
	text-decoration: none;
	font-size: 1.4rem;
	text-align: center;
	border-radius:4px;
}

body#index .btn{min-width: 140px !important;border: 1px solid #fff;color: #fff;}
body#index .btn:hover{background:#fff;color: #0D50D5;}

body#index #wrp_mokuteki .btn{min-width: 140px !important;border: 1px solid #0D50D5;color: #0D50D5;position: absolute;
right: 1.4em;top:8%;}
body#index #wrp_mokuteki .btn:hover{background:#0D50D5;color: #fff;}

.btn.white {
	border: 2px solid #fff;
	color: #fff;
}
.btn:hover,
.btn:focus,
.link_btn a:hover,
.link_btn a:focus,
.form_btn button:hover,
.form_btn button:focus {
	color: #fff;
	background-color: #0D50D5;
}
.btn.white:hover,
.btn.white:focus {
	color:#0D50D5;
	background-color: #fff;
}

.link_btn {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}



/*保証料シミュレーション*/

#simu_wrap{border-top:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;width: 100%;padding:0px 30px 30px;}

#simu_wrap p.ttl_simu{font-weight:bold;font-size:18px;margin:0 0 10px;}
.simu_block{border-bottom:dotted 1px #ccc;padding:25px 0 30px;}
#simu_wrap span{margin:0 10px 0 0;}
.simu_text{margin:0 0 10px;font-size:13px;}
#simu input.simu_input{margin:5px 10px 5px 0;}
#simu_wrap span.text_b{font-weight:bold;}
.simu_cont{overflow:hidden;}
.simu_cont label{margin-right:2em;}
.simu_cont span.koumoku{margin-right:2em;}
.simu_btn {
    margin: 20px 0;
    text-align: center;
}

#simu_kekka{border-bottom:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;width: 100%;padding:30px 30px 30px;background:#EAF3FF;}

#simu_kekka p.kekka{font-weight:bold;font-size:15px;margin:0 0 10px;padding:15px 20px;background:#fff;}


/*サイト内検索*/
.nextback{padding: 1em;}
a.nextbtn,a.backbtn{padding:0.5em 1em;border:1px solid #0D50D5;border-radius:6px;background:#fff;text-decoration:none;color:#333;}
a.nextbtn:hover,a.backbtn:hover{background: #0D50D5;color:#fff;}


/*採用情報カテゴリ*/
body#c_13 #ftr_logo{display:none;}
body#c_13 #wrp_ad ul {align-items: center;/*justify-content: start;*/}
body #wrp_ad ul li:nth-child(4),body #wrp_ad ul li:nth-child(5),body #wrp_ad ul li:nth-child(6){display:none;}

body#c_13 #wrp_ad ul li:nth-child(1),body#c_13 #wrp_ad ul li:nth-child(2),body#c_13 #wrp_ad ul li:nth-child(3){display:none;}
body#c_13 #wrp_ad ul li:nth-child(4),body#c_13 #wrp_ad ul li:nth-child(5),body#c_13 #wrp_ad ul li:nth-child(6){display:block;}

body#c_13 #wrp_ad ul li:nth-child(5) {margin-left:5em;}
body#c_13 #wrp_ad ul li:nth-child(5) p{font-size:1.6em;font-weight: bold;}
body#c_13 #wrp_ad ul li:nth-child(5) span{font-size: 1.4em;}

body#c_13 #wrp_ad ul li:nth-child(5) p em{font-style: normal;font-weight: lighter;margin-left:1em;font-size:0.8em;}
body#c_13 #wrp_ad ul li:nth-child(6){margin-left:auto;}