@charset "utf-8";

@media screen
    and (max-width: 320px){
.drawer-hamburger {
	top: 0 !important;
}

.sp_header .fa-phone {
	top: 0 !important;
}

#greeting {
	padding-bottom: 250px !important;
}

.tel p {
	top: 25px !important;
}

#home-btn .sp_disnon {
	margin: 0;
	margin-left: 10px !important;
}

.box #recruit-contact {
	padding-bottom: 150px !important;
}

}

@media screen
    and (max-width: 375px){

#greeting {
	padding-bottom: 320px;
}

#recruit-contact {
	padding-bottom: 180px !important;
}

}

@media screen
    and (max-width: 414px){
/**************************************
	base
**************************************/
.pc_disnon {
	display: none;
}

.sp_disnon {
	display: block;
}

/* ----------------------------------------------------------------------
 flex_box 
---------------------------------------------------------------------- */
.flex_box {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: row; /* Safari */
	flex-direction:         row;
}
.flex_reverse {
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: row-reverse !important; /* Safari */
	flex-direction:         row-reverse !important;
}
.flex_between {
	-webkit-justify-content: space-between !important; /* Safari */
	justify-content:         space-between !important;
}
.flex_around {
	-webkit-justify-content: space-around !important; /* Safari */
	justify-content:         space-around !important;
}
.flex_start {
	-webkit-justify-content: flex-start !important; /* Safari */
	justify-content:         flex-start !important;
}
.flex_container {
	-webkit-justify-content: center; /* Safari */
	justify-content:         center;
}
.flex_nowrap {
	-webkit-flex-wrap: nowrap; /* Safari */
	flex-wrap:         nowrap;
}
.flex_wrap {
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:         wrap;
}

/**************************************
	共通
**************************************/
body {
	margin-top: 52px;
}

p {
	font-size: 0.9rem;
}

#container,
#contents {
	width: 100%;
}

#contents {
	left: auto;
	padding-bottom: 20px;
}

/*---------- ヘッダー  ----------*/
.sp_header {
	position: fixed;
	top: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 5px 5px -3px rgba(0,0,0,0.2);
	z-index: 10;
}

.sp_header h1 img {
	width: 35%;
	margin: 0 0 0 -1px;
}

.sp_header .tel {
    position: absolute;
    top: 5px;
    right: 80px;
}

.sp_header .fa-phone {
	font-size: 1.3rem;
    position: absolute;
    top: 3px;
    right: 0px;
	display: inline-block;
    color: #00357d;
    margin: 4px 0 0 35px;
}

.tel p {
    font-size: 0.7rem;
    color: #00357d;
	font-weight: bold;
    position: absolute;
    top: 31px;
    right: 0;
}

/*---------- タイトル  ----------*/
.title {
	color: #fff;
	font-size: 1.2rem;
	border-left: 3px solid #2dabe7;
	background: #00357d;
}

.title .border {
	display: inherit;
	padding: 5px 0 5px 10px;
	border-left: 1px solid #fff;
}

.title .en {
	color: #6081ae;
	float: right;
	font-size: 0.7rem;
	padding: 5px 10px 0 0;
}

/*---------- サイドバー  ----------*/
#left {
	display: none;
}

/*---------- フッター  ----------*/
#footer {
	text-align: center;
	z-index: 2;
}

#footer-inner {
	width: 100%;
}

#footer-nav {
	display: none;
}

#copyright {
	font-size: 0.7rem;
	float: none;
}

/*---------- 下層ページタイトル背景  ----------*/
#image h2 {
	width: auto;
}
 
#image h2 img {
	width: 100%;
	height: auto;
}
 
/**************************************
	トップページ
**************************************/
/*---------- メイン画像  ----------*/
#image {
	border-top: none;
}

.home #image p {
	width: 100%;x
}

.home #image p img {
	width: 100%;
	height: auto;
	margin-right: 0;
}

.box h2 img {
	width: 100%;
	height: auto;
}

/*---------- 代表者よりご挨拶  ----------*/
.box {
	border: none;
}

.box .text01 {
	color: #00357d;
	font-size: 1.2rem;
	font-weight: bold;
}

#greeting {
	background-position: bottom;
	background-size: 100%;
	padding-bottom: 330px;
	padding-right: 0;
}

#home-btn {
	padding: 0 20px;
}

#home-btn li {
	float: none;
	background-color: inherit;
}

#home-btn li:not(:last-child) {
	margin: 0 0 15px 0;
}

#home-btn li img {
	width: 100%;
	height: auto;
}

#home-btn li {
	width: 48%;
}

#home-btn .sp_disnon {
	margin: 0;
}
#home-btn.clearfix:after {
    content: none;
}
#home-btn .sp_disnon {
    box-sizing: border-box;
    margin: 0!important;
}
#home-btn .sp_disnon img {
	box-sizing: border-box;
}
.bnr-energy {
    padding: 0 20px;
}
.bnr-energy img {
    max-width: 100%;
}

/**************************************
	事業内容・採用情報
**************************************/
#business .inner {
	background-position: bottom;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 200px;
}

#business .inner .sp_disnon {
	color: #00357d;
	font-size: 1.2rem;
}

#business .inner .sp_disnon span {
	color: #20A6E5;
	font-size: 1.4rem;
	font-weight: bold;
}

#business dl {
	margin-top: 10px;
}

#energy .inner {
	background-position: bottom;
	padding-bottom: 290px;
	padding-right: 0;
}

#energy p {
	font-size: 1rem;
	display: block;
	padding: 10px 5px;
}

#energy ul {
	padding: 0 10px;
}

#energy ul li {
	font-size: 0.9rem;
	width: 45%;
}

#recruit .text {
	color: #00357d;
	font-size: 1rem;
	font-weight: bold;
}

.base-table th,
.base-table td {
	font-size: 0.9rem;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
}

#recruit-contact {
	padding-bottom: 200px;
}

#recruit-contact .tel-title,
#recruit-contact .tel {
	position: inherit;
	left: 0;
}

#recruit-contact .tel {
	top: 15px;
}

#recruit-contact .tel-title img {
	width: 100%;
	height: auto;
}

#recruit-contact .tel {
	text-align: center;
}

#recruit-contact .tel img {
	width: 80%;
	height: auto;
}

#recruit-contact .btn,
#recruit-contact .mail-title {
	position: inherit;
	left: 0;
}

#recruit-contact .mail-title{
	top: 40px;
}

#recruit-contact .mail-title img{
	width: 100%;
	height: auto;
}

#recruit-contact .btn {
	top: 65px;
	text-align: center;
}

#recruit-contact .btn img {
	width: 80%;
	height: auto;
}

#recruit .bn_ionloan {
	text-align: center;
}

/**************************************
	会社案内
**************************************/
#access iframe {
	width: 100%;
	height: 300px;
}

/**************************************
	お問い合わせ
**************************************/
.sub_title {
	color: #00357d;
	font-size: 1rem;
	font-weight: bold;
	border-bottom: 1px solid #20A6E5;
}

.sub_title .fas,
.sub_title .fa {
	margin: 0 10px 0 0;
}

.tel_fax {
	margin: 10px 0 20px 0;
	padding: 0 10px;
}

.tel_fax p {
	color: #00357d;
	font-size: 1.5rem;
	font-weight: bold;
}

.tel_fax p span {
	font-size: 1rem;
	margin: 0 10px 0 0;
}

.tel_fax p .tel_text {
	margin: 0 12px 0 0;
}

.tel_fax p a:link {
	color: inherit;
	text-decoration: none;
}

td .text-m,
td .text-l {
	height: 35px;
}

td .text-m,
td .text-l,
td .message {
	width: 100%;
	box-sizing: border-box;
}

td .message {
	height: 200px;
}

/**************************************
	個人情報保護方針
**************************************/
#privacy dt {
	font-size: 1.1rem;
}

#privacy dd {
	font-size: 0.9rem;
}

















































}