/*--------------------------------------------------------------------------------------------------------*/
/* default.css                                                                                            */
/*--------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------/
	Description: initial setting
	Version: 2.0
	Author: AdTECHNICA
/*----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------/
	CONTENTS
	1: body and base setting
		: general params
		: acronyms and abbreviations styles
	2: form setting
	3: link setting
/*----------------------------------------------------------------------*/

/*-----------------------------------------------------------------------/
	1: body and base setting
/*----------------------------------------------------------------------*/
html {
	box-sizing: border-box;
	overflow-y: scroll;
	font-size: 62.5%; /* 10px = 1rem */
	-webkit-text-size-adjust: 100%;
}
body {
	font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","游ゴシック", YuGothic, "Verdana", "Arial", "メイリオ", "Meiryo",  sans-serif;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #333;
	background-color: #fff;
}

/* general params
--------------------*/
*,
::before,
::after {
	box-sizing: inherit;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p,/* blockquote,*/ pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr,/* th, td,*/
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
img {
	border: none;
	vertical-align: top;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}

/*-----------------------------------------------------------------------/
	2: form setting
/*----------------------------------------------------------------------*/
input, textarea, select, optgroup, option, button {
	font: inherit;
}
button, input[type="button"], input[type="submit"] {
	border: none;
	cursor: pointer;
}

/*-----------------------------------------------------------------------/
	3: link setting
/*----------------------------------------------------------------------*/
a:link{
	color: #006699;
}

/*--------------------------------------------------------------------------------------------------------*/
/* style.css                                                                                              */
/*--------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------/
	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;
}
#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(6) 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(6) 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(6) 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(6) 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: 90%;
}
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;}


/*--------------------------------------------------------------------------------------------------------*/
/* responsive.css                                                                                         */
/*--------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------/
	Description: responsive setting
	Version: 1.0
	Author: AdTECHNICA
/*----------------------------------------------------------------------*/
/*-----------------------------------------------------------------------/
	CONTENTS
	0: COMMON
	1: LAYOUT
	2: HEADER
	3: NAVIGATION
	4: MAIN CONTENT
	5: FOOTER
	6: OTHER
/*----------------------------------------------------------------------*/
@media screen and (max-width:767px){
/*-----------------------------------------------------------------------/
	0: COMMON
/*----------------------------------------------------------------------*/
body {
	font-size: -webkit-calc(1.6rem + 2 * (100vw - 320px) / (960 - 320));
	font-size: calc(1.6rem + 2 * (100vw - 320px) / (960 - 320));
}
img {
	max-width: 100%;
	height: auto !important;
}
input[type="submit"], input[type="button"], input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], input[type="datetime"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime-local"], input[type="number"], textarea {
	-webkit-appearance: none;
	border-radius: 0;
}
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], input[type="datetime"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime-local"], input[type="number"], input[type="range"], textarea {
	width: 90%;
	margin: 0;
	padding: 5px;
}
.sp_none {
	display: none;
}

/*-----------------------------------------------------------------------/
	1: LAYOUT
/*----------------------------------------------------------------------*/
body,
#wrp {
	min-width: inherit;
}
#bpt {
	display: block;
}
#hdr,
#gnav,
#main,
#path,
#cnt,
#ftr {
	width: 100%;
}
#snav {
	display: none;
	width: auto;
}
#wrp_maincnt {
	width: 100%;
}

#main{padding: 54px 0 0px;}

/*-----------------------------------------------------------------------/
	2: HEADER
/*----------------------------------------------------------------------*/
#wrp_hdr {
	position: fixed;
	z-index: 9999;
	width: 100%;
	padding: 0;
}
#hdr {
	position: relative;
	padding: 5px 0;
	transition: .3s;
}
.is-animation #hdr{padding:0;transition: .3s;}


#fontSize{display:none;}

#hdr .logo span{color: #333;
margin-left: 1em;font-weight:normal;}

#hdr .smt_logo a{
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
text-decoration: none;
	position: absolute;
	top: 50%;
	left: 50%;
	transition: .3s;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#hdr .smt_logo {
	display: block;
}
#hdr .smt_logo img {
	width: 180px;
	/*height: 25px !important;*/
}

#hdr .sub_nav{display:none;}

.is-animation #hdr .logo img{}
.is-animation{padding: 0px 0 !important;}

#hdr .hdr_nav {
	display: none;
}

#path{padding:10px;}

.ttl_cate span{font-size: 1.3em;padding: 20px 10px;}

/* btn_menu */
#btn_menu {
	display: inline-block;
	margin-right: auto;
}
#btn_menu a {
	display: block;
	overflow: hidden;
	width: 45px;
	height: 45px;
	padding: 15px 10px;
	color: #333;
	text-align: center;
	text-decoration: none;
}
#btn_menu span.brdr {
	display: block;
	width: 100%;
	height: 2px;
	margin-bottom: 5px;
	background-color: #0D50D5;
	transition: 0.3s;
}
#btn_menu span:nth-of-type(3) {
	margin-bottom: 0;
}
#btn_menu .active span:nth-of-type(1) {
	-webkit-transform: translate(0, 7px) rotate(-45deg);
	transform: translate(0, 7px) rotate(-45deg);
}
#btn_menu .active span:nth-of-type(2) {
	opacity: 0;
}
#btn_menu .active span:nth-of-type(3) {
	-webkit-transform: translate(0, -7px) rotate(45deg);
	transform: translate(0, -7px) rotate(45deg);
}
#btn_menu span.txt {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#wrp_content{width:100%;}
#snav{display:none;}

/* sp_menu */



#sp_menu {
	width: 100%;
	clear: both;
}
#sp_menu.active {
	display: block;
	overflow-y: auto;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.7);
}
#sp_menu .toggle_menu {
	transition: 0.4s max-height;
 	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: block;
	overflow: hidden;
	max-height: 0;
}
#sp_menu ul {
	list-style: none;
}

#sp_menu ul li:nth-child(3){
	display: none;
}


#sp_menu li a,
#sp_menu h6 {
	display:block;
	border-bottom:1px solid #FFF;
	padding:9px 10px;
	font-size:1.6rem;
	text-decoration:none;
	color:#FFF;
	background-color:#0D50D5;
	font-weight: normal;
}
#sp_menu li ul {
	display: block;
}
#sp_menu li ul li a {
	border-bottom:1px solid #FFF;
	padding:7px 20px;
	font-size:1.4rem;
	color:#FFF;
	background-color:#0D50D5;
	opacity:0.8;
}

/*-----------------------------------------------------------------------/
	3: NAVIGATION
/*----------------------------------------------------------------------*/
#wrp_gnav {
	padding: 65px 0 0; 
}
#gnav {
	display: none;
}


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

#wrp_support{margin:20px 0 0;}

#wrp_beginner ul{display:block;}
#wrp_support ul{display:block;}
#wrp_support ul li{width:100%;}
#wrp_bnr ul{display:block;}
#wrp_bnr ul li{width:100%;}
#wrp_ad ul{display:block;}
#wrp_ad ul li{margin:0 0 1.4em;border-bottom:1px solid #ddd;padding:0 0 1.4em 0;}
#wrp_ad ul li:last-child{border:none;margin:0;}
#wrp_bnr ul li a{height:160px;}

#wrp_mokuteki ul li{width:33.3%;}
#wrp_mokuteki ul li a{padding:10px;}
#wrp_mokuteki ul li span{font-size:0.8em;}
#wrp_mokuteki ul li span::before {background-size:50px !important;height: 50px;}
body#index #wrp_mokuteki .btn{
position: relative;
right: 0;
width: 90%;
margin: 5%;
}

#maincontent h2, 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{font-size: 2rem;}

body#index h3{font-size: 2.4rem;}

.new_ttl span{display:none;}
body#index .new_ttl a.btn{min-width: 60px !important;}

#wrp_maincnt {
	padding: 25px 15px;
}
#wrp_mokuteki ul{margin:0;border-left: 1px solid #E7EBE2;}
#wrp_mokuteki h2 p{font-size:0.8em;}

#wrp_beginner ul li{margin: 0 0px 5px;}

#wrp_recruit .bk_layer{padding: 5rem 2.5rem 3rem;}


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

#simu_wrap{padding: 0px 25px 30px;}
#simu_kekka{padding: 30px 25px 30px;}
#simu input.simu_input {
    width: 75%;}
.simu_cont span.koumoku{display:block;}
.simu_cont label{display:block;}



/* selector
-----------------------------------*/
#maincontent h1 {
	font-size: -webkit-calc(2rem + 20 * (100vw - 320px) / (767 - 320));
	font-size: calc(2rem + 20 * (100vw - 320px) / (767 - 320));
}
#maincontent h2 {
	font-size: -webkit-calc(2rem + 10 * (100vw - 320px) / (767 - 320));
	font-size: calc(2rem + 10 * (100vw - 320px) / (767 - 320));
	text-align:left;
}
#maincontent h3 {
	font-size: -webkit-calc(1.8rem + 4 * (100vw - 320px) / (767 - 320));
	font-size: calc(1.8rem + 4 * (100vw - 320px) / (767 - 320));
}
#maincontent h4 {
	font-size: -webkit-calc(1.7rem + 2 * (100vw - 320px) / (767 - 320));
	font-size: calc(1.7rem + 2 * (100vw - 320px) / (767 - 320));
}

#maincontent h5 {
	font-size: -webkit-calc(1.6rem + 2 * (100vw - 320px) / (767 - 320));
	font-size: calc(1.6rem + 2 * (100vw - 320px) / (767 - 320));
}

#maincontent h6 {
	font-size: -webkit-calc(1.5rem + 2 * (100vw - 320px) / (767 - 320));
	font-size: calc(1.5rem + 2 * (100vw - 320px) / (767 - 320));
}


#maincontent h1,
#maincontent h2,
#maincontent h3,
#maincontent h4 {
	margin-bottom: -webkit-calc(0.8em + 12 * (100vw - 320px) / (767 - 320));
	margin-bottom: calc(0.8em + 12 * (100vw - 320px) / (767 - 320));
}
#maincontent h5,
#maincontent h6 {
	margin-bottom: -webkit-calc(0.6em + 4 * (100vw - 320px) / (767 - 320));
	margin-bottom: calc(0.6em + 4 * (100vw - 320px) / (767 - 320));
}


#maincontent ol{font-size:0.9em;}

/* parts
-----------------------------------*/
/* scroll */
.wrp_scroll::-webkit-scrollbar {
	height: 5px;
}
.wrp_scroll::-webkit-scrollbar-track {
	background: #ebebeb;
}
.wrp_scroll::-webkit-scrollbar-thumb {
	background: #969696;
}
.wrp_scroll {
	position: relative;
	overflow-x: scroll;
	overflow-y: hidden;
	margin: 0 0 10px;
	/*-webkit-overflow-scrolling: touch;*/
}
.scroll {
	min-width: 768px;
}

#pg_path{font-size: 0.8em;}

/* fc_templates
-----------------------------------*/
/*.wrp_iframe {
	display: block;
	position: relative;
	overflow: hidden;
	height: 0;
	padding-top: 56.25%;
}
.wrp_iframe iframe,*/
.googlemap object,
.googlemap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
#maincontent table {
	width: auto;
	height: auto !important;
}
#maincontent table th,
#maincontent table td {
	width: auto;
	height: auto !important;
}
/* col2 col3 */
#maincontent .col2,
#maincontent .col3 {
	width: 100% !important;
}
#maincontent .col2 .col2_l,
#maincontent .col2 .col2_r,
#maincontent .col3 .col3_l,
#maincontent .col3 .col3_m,
#maincontent .col3 .col3_r,
#maincontent .col2 .col2 .col2_l,
#maincontent .col2 .col2 .col2_r {
	display: block;
	width:100% !important;
	padding: 0 0 15px;
}
#maincontent .col2 .col2 .col2_r,
#maincontent .col2 .col3 .col3_r,
#maincontent .col3 .col2 .col2_r,
#maincontent .col3 .col3 .col3_r {
	padding-bottom: 0;
}
/* table head_horizon */
#maincontent .head_horizon {
	width: 100% !important;
}
#maincontent .head_horizon tr.head {
	display: none;
}
#maincontent .head_horizon > tbody > tr > th,
#maincontent .head_horizon > tbody > tr > td {
	display: block;
	width: 100% !important;
	text-align: left !important;
}
#maincontent .head_horizon th::before,
#maincontent .head_horizon td::before {
	display: block;
	content: attr(data-head);
	margin: 0 0 5px;
	font-weight: bold;
}
/* table head_vertical */
#maincontent .head_vertical {
	width: 100% !important;
}
#maincontent .head_vertical > tbody > tr > th,
#maincontent .head_vertical > tbody > tr > td,
#maincontent .head_vertical .head {
	display: block;
	width: 100% !important;
}

/*-----------------------------------------------------------------------/
	5: FOOTER
/*----------------------------------------------------------------------*/

#wrp_ftr{padding: 0 0 50px;}

#ftr ul{display: none;}

#ftr .ftr_nav {
	display: none;
}
#ftr .ftr_cnt {
	display: block;
}

#wrp_ftr .pagetop {
	bottom: 40px;
	right: 15px;}
	
#wrp_ftr .pagetop a{	
	opacity: 0.8;}
	

#ftr_logo {margin: 20px 0;}
#ftr_logo img{width:70%;}

#ftr .change{margin-bottom:1em;}
#ftr .change a {
	display: block;
	padding: 15px 0;
	background-color: #F0F0F0;
	font-size: 1.6rem;
	color: inherit;
	text-decoration: none;
	text-align: center;
}
#ftr .change a span {
	padding: 0 0 0 27px;
	background: url(../_smt/_cmn/icn_change_pc.png) 0 50% no-repeat;
	background-size: 16px 12px;
}

#copyright{text-align:center;font-size: 0.5em;}

#sp_saerch{display:block;width:100%;padding:2%;
background: #f7f7f7;position: fixed;bottom: 0;}
.search input#q{width:90%;}

.search input:focus {
  outline: none;
}

#maincontent .link_btn {
    width: 100%;
}

/*-----------------------------------------------------------------------/
	6: OTHER
/*----------------------------------------------------------------------*/
/* news */
.news_list .news {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.news_list .news .title {
	-webkit-flex: auto;
	flex: auto;
	width: 100%;
}
.news_list .news .title,
.news_list .news .title a,
.news_list .news .news_link {
	display: block;
}

#maincontent ul.news_list li.news span.title {
    margin: 0.5em 0 0;}

#maincontent .newsresult .newsimg {
	float: none;
	display: block;
	max-width: 100%;
	margin-right: 0;
}
.s .link span {
	display: block;
}



/* form */
table.frm_tbl {
	width: 100% !important;
	border-top: 1px solid #ccc;
}
table.frm_tbl th,
table.frm_tbl td {
	display: block;
	border-top: none;
}
table.frm_tbl label {
	display: block;
}
table.frm_tbl input.no_search {
	margin-top: 5px;
	padding: 5px 10px;
}
.form_btn {
	margin:0 0 50px;
	text-align:center;
}
.form_btn button {
	width: 100%;
	margin: 0 0 20px;
}

/*採用情報カテゴリ*/

body#c_13 #wrp_ad ul li:nth-child(4),body #wrp_ad ul li:nth-child(5),body #wrp_ad ul li:nth-child(6){text-align:center;}
body#c_13 #wrp_ad ul li:nth-child(4) img{width:200px;}
body#c_13 #wrp_ad ul li:nth-child(5){font-size: 0.6em;margin-left: auto;}
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{font-size: 2em;}
body#c_13 #wrp_ad ul li:nth-child(5) em{display: block;margin-left: auto;}
body#c_13 #wrp_ad ul li:nth-child(6){padding: 0;}


/*----------------------------------------------------------------------*/
}/* @media screen and (max-width:767px) */

/*--------------------------------------------------------------------------------------------------------*/
/* slick.css                                                                                              */
/*--------------------------------------------------------------------------------------------------------*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*--------------------------------------------------------------------------------------------------------*/
/* sslick-theme.css                                                                                       */
/*--------------------------------------------------------------------------------------------------------*/
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: ' ';
}
[dir='rtl'] .slick-prev:before
{
    content: ' ';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: ' ';
}
[dir='rtl'] .slick-next:before
{
    content: ' ';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom:-45px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    border-radius: 100px;
    background: #0D50D5;
    position: absolute;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    content: '';
    text-align: center;
    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/*--------------------------------------------------------------------------------------------------------*/
/* slick_slider.css                                                                                       */
/*--------------------------------------------------------------------------------------------------------*/
/* ==============================
カルーセル
============================== */
/* slickの初期化完了まで非表示 */
.slider {
  display:none;
}
.slider.slick-initialized {
  display: block;
  position:relative;
}

.main_slide1,.main_slide2,.main_slide3,.main_slide4,.main_slide5{position:relative;}
.main_slide1:before,.main_slide2:before,.main_slide3:before,.main_slide4:before,.main_slide5:before{position:absolute;top:1em;left:1em;color:#0D50D5;font-size:1.6em;text-shadow: 1px  1px 1px #fff,-1px  1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff,1px  0px 1px #fff,0px  1px 1px #fff,-1px  0px 1px #fff,0px -1px 1px #fff;}


.main_slide1:before{content:'重要なお知らせ';}
.main_slide2:before{content:'創業をお考えの方';}
.main_slide3:before{content:'経営に関心のある方';}
.main_slide4:before{content:'無料相談のご案内';}
.main_slide5:before{content:'セミナー案内';}

/*スライダー内に要素を入れる際は、親要素にdir="rtl"をつける*/

.slider div p{position:absolute;bottom:0;color:#333;text-align:center;width: 100%;font-size:1.2em;padding: 0.6em 0;background:rgba(255,255,255,0.8);}




/* カルーセル画像 */
.slider img {
    width: 100%;
    height: auto;
}

/* NEXTボタン・PREVボタン */
.slick-prev,
.slick-next {
    width: 30px;
    height: 80px;
    z-index: 1;
}

.slick-next {
    right: 2%;
}
.slick-prev {
    left: 2%;
}

.slick-prev:before,
.slick-next:before {
    /*font: normal normal normal 80px/1 FontAwesome;*/
}

.slick-prev:before {
content: "";
width: 10px;
height: 10px;
display: inline-block;
background: transparent;
border-top: 3px solid #0D50D5;
border-right: 3px solid #0D50D5;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
position: absolute;
top: 35%;
right: 10px;
}

.slick-next:before {
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;
}

/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #555;
}

.slick-slide a{overflow: hidden;}


/*---------------------------------*/
@media screen and (max-width:767px){
/*---------------------------------*/

.slider div p{font-size:0.9em;bottom:0;padding: 1em 0em;	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;}
.smt_br{display:block;}
.slick-dots {bottom: -20%;}
.main_slide1:before,.main_slide2:before,.main_slide3:before,.main_slide4:before,.main_slide5:before{
font-size:0.8em;}
.slider div p span{font-size: 0.8em;}
.slider div p{line-height:1.1;padding:0.4em 0;}

/*---------------------------------*/
}
/*---------------------------------*/


/*--------------------------------------------------------------------------------------------------------*/
/* import2.css                                                                                            */
/*--------------------------------------------------------------------------------------------------------*/
#table_item{
 width:100%;
 background-color: #CCCCCC;
}
.table_item1{
 width:30%;
 color: #333333;
 font-weight: bold;
 padding:15px;
 font-size:12px;
 background-color: #EFEFEF;
}
.table_item2{
 width:70%;
 padding:15px;
 color:#000;
 font-size:12px;
 background-color: #FFFFFF;
}

p{
　font-size:16px;
　color:#000000;
}

input[type="text"], input[type="password"], textarea, select {
 border: 1px solid #D5D5D5;
 color: #666666;
 padding: 5px;
}

.table_item2 input[type="submit"] {
 background-color: #EFEFEF;
 color: #333333;
 padding: 2px 10px;
}

#center_submit {
 text-align:center;
}

#submit_color input[name="form_send_btn"] {
    background-color: #FF0000;
    border: 1px solid #D5D5D5;
    margin: 0px 10px;
    padding: 5px 20px;
    color: #FFFFFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    font-weight: bold; 
    cursor: pointer;
}

#return_color input[name="update_btn"] {
    background-color: #0083CF;
    border: 1px solid #D5D5D5;
    margin: 0px 10px;
    padding: 5px 20px;
    color: #FFFFFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    font-weight: bold; 
    cursor: pointer;
}

#update_color input[name="form_update_btn"] {
    background-color: #0083CF;
    border: 1px solid #D5D5D5;
    margin: 0px 10px;
    padding: 5px 20px;    
    color: #FFFFFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    font-weight: bold; 
    cursor: pointer;
}
/*---------------------------------*/