/*-----------------------------------------------------------------------/
	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: 100%;
	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(1),#sp_menu ul li:nth-child(2){
	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) */