@charset "utf-8";/* CSS Document */
/*
Theme Name: エクナHPテンプレート
Theme URI:https://www.echna.co.jp
version:1.2.4
Author:echna network project

*/

@charset "utf-8";
*{
	margin:0;
	padding:0;
	border:0;
	text-decoration:none
}

a,body,input,select,textarea{
	font-family: a-otf-ud-shin-go-pr6n,メイリオ,Meiryo,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Osaka,ＭＳ\ Ｐゴシック,MS PGothic, sans-serif;
	font-size:15px;
	letter-spacing:0.05em;
	line-height:1.7;
	color:#333;
	font-weight: 300;
	font-style: normal;
}

body,html{
	width:100%;
	min-width:750px
	}

strong{
	font-weight:700;
}

a:hover{
	text-decoration:underline
}

a{
	text-decoration:none
}

ul{
	list-style:none
}

.bx-wrapper img{
	margin: 0 auto;
}

.al_center{
	text-align:center
}

.no_border{
	border:0 !important;
	padding:0 !important;
}
#header{
	width:750pt;
	margin:auto;
	height:8pc;
	padding-top:5px;
	padding-bottom:20px
}

#pmark,#title h1,.content li a,.icon_info,.icon_recruit,.icon_event{
	background-repeat:no-repeat;
	text-indent:-999em
}

#title_wrap {
    display: flex;
    align-content: center;
}

#title_wrap p {
    text-align: center;
    font-size: 150%;
    font-weight: bold;
	line-height: 1.5em;
}

#pmark{
	float:right
}

#pmark a{
	display:block;
	width:80px;
	height:80px;
	background-image:url(images/common/23820109_JP.png);
	background-repeat:no-repeat;
	background-size: contain;
}

#header ul{
	float:right;
	margin-top:10px
}

#header ul li{
	text-align:right;
	font-size:small
}

#title a{
	display:block;
	width:275px;
	height:5pc;
	background-image:url(images/common/title.png)
}

#top_link{
	width:750pt;
	margin:0 auto;
	text-align:center
}

#top_link a{
	display:block;
	float:left
}

#top_link #privacy{
	overflow:hidden;
	padding-left:8px;
}

#top_link #privacy a{
	width:495px;
	/* height:48px; */
	margin-bottom:4px;
}

#menu-item-47>a{
	background-image:url(images/common/home.png)
}

#menu-item-46>a{
	background-image:url(images/common/service.png)
}

#menu-item-45>a{
	background-image:url(images/common/company.png)
}

#menu-item-44>a{
	background-image:url(images/common/joboffer.png)
}

#menu-item-1002>a{
	background-image:url(images/common/info.png)
}

#nav{
	border-bottom:1px solid #ccc;
	min-width:750pt
}

#nav ul{
	width:750pt;
	height:50px;
	margin:0 auto;
	list-style-type:none
}

#nav li{
	width:20%;
	float:left;
	position:rerative;
	height:50px
}

#nav li a{
	display:block;
	height:50px;
	padding:7px 0;
	border-right:solid 1px #ccc;
	text-indent:-9999px;
	background-repeat:no-repeat;
	box-sizing:border-box
}

#nav li a:first-child{
	border-left:1px solid #ccc
}

#nav li ul{
	position:absolute;
	z-index:3;width:200px
}

#nav li ul li{
	background-color:#fff;
	overflow:hidden;
	height:0;width:200px;
	margin:0;float:none;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	-o-transition:.3s;
	-ms-transition:.3s;
	transition:.3s
}

#nav li ul,#nav li:hover ul{
	height:auto
}

#nav li:hover ul li a{
	padding:10px;
	text-indent:0;
	font-size:small;
	display:block;
	text-decoration:none
}

#nav li:hover ul li{
	overflow:visible;
	height:50px;
	border-top:1px #888 dashed
}

#nav li:hover ul li:last-child{
	border-bottom:1px #888 dashed
}

#nav li:hover ul li:hover a{
	color:#fff;
	background-color:#00b395
}

ul manu li{
	display:none
}

#main{
	width:61pc;
	padding:0 9pt;
	margin:0 auto 13px;
	overflow:hidden;
	clear:both
}

#back{
	border-top:solid 2px #00b395;
	background-color:#fff;
	min-height:700px;
	margin-bottom:100px;
}

#main p{
	margin:0 8px 13px
}

#main th p,
#main td p{
	margin:0 0 13px;
}

#main th p:last-of-type,
#main td p:last-of-type{
	margin:0 0 0;
}


#main blockquote{
	margin:auto;
	padding:1em;
	border: 2px solid #00b395;
	border-radius:5px;
}

#main blockquote > :last-of-type{
	margin-bottom:0;
}

#main a{
	text-decoration:underline;
	font-size:inherit;
	font-weight:inherit;
	color:inherit;
}

#main a:hover{
	text-decoration:none
}

#main h3{
	padding-top:30px;
	padding-bottom:8px;
	margin-bottom:13px
}

#main h4{
	font-size:100%;
	border-left:5px double #00b697;
	padding-left:8px;
	margin-bottom:13px
}

#main h5{
	font-size:100%;
	padding-left:8px;
	margin-bottom:13px
}

#main ul li,
#main ol li{
	margin-bottom:1.5em;
}

#main dl,#main ul{
	list-style-type:disc;
	list-style-position:outside;
	margin:0 24px 13px
}

#main dt{
	font-weight:700
}

#main ol{
	margin:0 0 13px 24px
}

#main img{
	padding:1%;
	margin:.5em;
	border:1px solid #ccc;
	background-color:#fff;
}

#p_list p{
	font-size:80%;
	text-align:right;
	margin-right:30px;
	margin-bottom:13px;
}

#go_top{
	display:none
}

#slide{
	visibility: hidden;
}

.bxslider,.bxslider li{
	width:750pt;
	margin:auto;
	overflow:hidden
}

#slide{
	width:990px;
	margin:auto
}

.privacy,.remote{
	border:solid 1px #ccc
}

#link{
	width:200px;
	overflow:hidden;
	margin-top:20px
}

#link p{
	margin:0
}

#link img{
	padding:0;
	margin:0 0 8px;
	border:0
}



#news{
	width:780px;
	overflow:hidden;
	padding-left:20px;
	padding-top:20px;
	float:right
}

#news ul,#sidebar ul{list-style-type:none;margin:0 13px 13px}#news span{font-size:x-small}#news ul li div{display:block;width:5pc;height:25px;margin-left:10px;float:left}

#news span.new{
	font-weight:bold;
	color:#f10;
	padding-left:1em;
}

.icon_info{
	background-image:url(images/common/news_info.png)
}

.icon_recruit{
	background-image:url(images/common/news_recruit.png)
}

.icon_service{
	background-image:url(images/common/news_service.png)
}

.icon_event{
	background-image:url(images/common/news_event.png)
}

#news ul li{padding-top:10px;padding-bottom:10px;border-bottom:1px #888 dashed}

#news.recruit li{
	position:relative;
	padding-left:1.3em;
}

#news.recruit li:before{
	display:block;
	position:absolute;
	content:'\25B6';
	margin:auto;
	color:#00b395;
	left:0;
}

.br{margin-right:5px}h3{border-bottom:2px solid #00b395;font-size:1.3em;padding-left:.5em;margin:0 0 .5em}
.content p a{width:495px;display:block}#sidebar,.content p a{margin-top:20px;float:left}#sidebar{width:175px;overflow:hidden;font-size:small}#sidebar ul li{padding:5px 8px;border-bottom:1px #888 dashed;background-color:#f5f5f5}#sidebar div{margin-bottom:50px}#news h3{margin-top:50px}#news h3:first-child{margin-top:-5px}

h2{
	padding:1%;
	margin:1%;
	width:98%;
	text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;
	font-size:160%;
	font-weight:700;
	color:#333;
	overflow:hidden;
	box-sizing:border-box;
	border:1px solid #6b7f81;
	border-left:20px solid #6b7f81
}

#footer{position:relative;z-index:2;background-image:url(images/common/foot_bg.jpg);background-position:center 10%}.footermenu{width:750pt;overflow:hidden;margin:0 auto;padding:8px;background:hsla(0,0%,100%,.5)}.footermenu>li{width:20%;float:left}#footer li ul li a{font-size:90%}#copyright{padding:5px;text-align:center;font-size:small;color:#fff;background-color:#00b395}
table{
width:100% !important;
border-top:#00b395 solid 1px;
border-bottom:#00b395 solid 1px
}
tr{padding-bottom:8px}td,th{padding:13px;height:auto !important;}tr{height:auto !important;}table tbody tr:nth-child(2n){background:#f2fffc}

form{
	margin-bottom:20px;
	margin-left:5px;
	margin-right:5px;
	padding:20px;
	background-color:#f5f5f5
}
#main a.btn{
    display: block;
width: 200px;
padding:8px;
    color: #fff;
    font-size: 1pc;
text-align: center;
    font-weight: 700;
    cursor: pointer;
    background-color: #08f;
    margin: 8px auto;
text-decoration: none;
    align-items: flex-start;
box-sizing: border-box;
}

#main a.btn span{
	display:table-cell;
	vertical-align:middle;
}

.button{display:block;width:75pt;border:#00b395 solid 1px;margin:10px;background-color:#00b395;padding:10px;color:#fff;font-size:.9em;font-family:メイリオ,Meiryo,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Osaka,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif}textarea{width:600px}.wpcf7-text,textarea,wpcf7-select{border:1px solid #ccc;padding:10px}hr{border-bottom:1px #888 dashed;margin-bottom:13px;}.service table tbody tr{border-bottom:0 0}.service table{float:left;margin-right:30px}.pageTopBtn{display:none;position:fixed;bottom:40px;right:40px;width:50px;height:50px;margin-bottom:0;border-radius:15px;background-color:#666;background:rgba(138,194,184,.4);text-align:center;z-index:3}.pageTopBtn a{display:block;width:50px;height:50px;background:url(icon_pageTop.png)center 2px no-repeat;background-size:40px auto;white-space:nowrap;text-indent:100%;overflow:hidden}.pageTopBtn:hover{background:rgba(138,194,184,.8)}.pageTopBtn{display:none;position:fixed;bottom:10px;right:10px;width:50px;height:50px;margin-bottom:0;border-radius:15px;background-color:#666;background:rgba(138,194,184,.5)}input,select,textarea{font-size:120%}form > p:first-line{font-weight:700}form p{overflow:hidden}form td,form th{padding:8px}form td:first-child{width:85px}form tr.no_bod>th,tr.no_bod>td{border:0 0}[type=email],[type=tel],form input[type="text"],select,textarea{border:1px solid #eee;margin:13px 5px;padding:8px;outline:0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;box-shadow:rgba(214,221,231,.65098) 5px 5px 5px 0;-webkit-box-shadow:rgba(214,221,231,.65098) 5px 5px 5px 0;-moz-box-shadow:rgba(214,221,231,.65098) 5px 5px 5px 0}select{padding:0}label{float:left;margin:8px}form span{color:red}[type=button],[type=reset],form input[type="submit"]{width:200px;height:40px;color:#fff;font-size:1pc;font-weight:700;cursor:pointer;background-color:#08f;margin:8px auto;padding:0}[type="button"]:hover,[type="reset"]:hover,form input[type="submit"]:hover{background-color:#66bdd5}form label{cursor:pointer}.wpcf7-list-item-label{color:#333}.go_top a:hover{outline:#c90 1px solid}.menuli{display:none}

form input[type="submit"]:disabled{
	background-color:#ccc;
}

form div.plivacy{
width: 100%;
	margin-bottom:1.5em;
    height: 300px;
    overflow-y: scroll;
    border: 3px solid #00b697;
    background: #fff;
    padding: 1em;
    font-size: 90%;
    box-sizing: border-box;
    border-radius: 5px;
}

table.flex_table,
table.flex_table > tbody{
	display:block;
border-top: 0;
    border-bottom: 0;
}

table.flex_table > tbody > tr{
	display:flex;
	align-items:center;
	justify-content:center;
}

table.flex_table.al_top > tbody > tr{
	align-items:flex-start;
}

table.flex_table.al_bottom > tbody > tr{
	align-items:flex-end;
}

table.flex_table > tbody > tr > td,
table.flex_table > tbody > tr > th{
	display:block;
	width:100%;
}

table.flex_table > tbody > tr > td img{
	max-width:100%;
	height:auto;
}

body .su-accordion .su-spoiler{
	margin-bottom:3em;
}

.su-spoiler-style-default>.su-spoiler-title{
	color:#0d9b83;
	font-size:110%;
	text-decoration:underline;
}

.su-spoiler-style-default>.su-spoiler-title:hover{
	text-decoration:none;
}



@media screen and (max-width:770px){body,html{min-width:100%}#main img{max-width:98%;height:auto}.iframe_wrap{position:relative;width:100%;padding:64% 0 0}iframe{position:absolute;top:0;left:0;width:100%;height:100%}#header{width:100%}#header ul{display:none}#top_link{width:98%;margin:0 1%;text-align:center}

#top_link img{
	max-width:100%;
	box-sizing: border-box;
	height:auto
}

#top_link a{
	float:none;
}

#top_link #privacy{
	overflow:hidden;
	padding-left:0px;
}

#top_link #privacy a{
	width:auto;
	height:auto;
	margin-bottom:-3px;
}

#nav{width:100%;min-width:100%}#nav ul{width:100%;height:auto;overflow:hidden}#nav>ul>li{height:auto}#nav>ul>li a{height:0;padding:30% 0 0;background-size:95%}#nav li ul{display:none}#main{width:98%!important;padding:1%!important}#slide{overflow:hidden}#administration,#slide,.bxslider,.bxslider li{width:100%;background-size:100%}#administration,.bx-wrapper{position:relative;z-index:1}#top_link{text-align:center}#sidebar{width:100%;float:left;overflow:hidden;margin-top:20px;font-size:small}#sidebar ul li{padding:5px 8px;border-bottom:1px #888 dashed;background-color:#f5f5f5}#sidebar div{margin-bottom:50px}.bx-wrapper .bx-pager{display:none;}#news{width:100%;padding-left:0;margin-bottom:13px}#link{width:100%;overflow:hidden;float:none}#link p{float:left}.icon{width:100%;padding-left:0}#administration{margin-top:8%;padding-top:10%}form,input[type=text],input[type=mail],input[type=tel],textarea{width:98% !important;margin:1% !important;padding:0 0 13px;box-sizing:border-box;}[type=button],[type=reset],form input[type="submit"]{clear:both;width:100%}#footer{display:none}}

@media screen and (max-width:480px){
form div.plivacy{
	width:98%;
	margin-left:1%;
	margin-right:1%;
}


html{
	min-width:20pc
}

body{
	/*font-size:small*/
}

/*記事内の画像*/
#main img.alignleft {
	float:none;
	clear: both;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;

}

#main img.alignright {
	float:none;
	clear: both;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;

}


#main img.alignright {
	float:none;
	clear: both;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;

}

#main .topmsg {
	float:none;
	clear: both;
	display: table;
	margin-left: auto !important;
	margin-right: auto !important;

}



#go_top,#sp_dif{
	display:none
}

#header{
	height:50px;
	position:fixed;
	z-index:4;
	background-color:#fff;
	border-bottom:solid 1px #ccc
}

#nav{
	display:none
}

.icon_menu{
	width:45px;
	height:45px;
	margin:5px;
	background-image:url(images/common/menu.png);
	background-repeat:no-repeat;
	float:right
}

#title{
	height:100%
}

#title a{
	width:200px;
	height:50px;
	background-size:100%;
	background-repeat:no-repeat
}

#title_wrap p{
	font-size: 120%;
}

#header ul,#pmark{
	display:none
}

.menuli{
	width:200px;
	padding:5px;
	margin-right:-20%;
	background-color:#fff;
	opacity:.95;
	filter:alpha(opacity=95)
}

.menuli li{width:200px;height:50px}.menuli li a{display:block;height:50px;background-repeat:no-repeat;padding:0 10px;text-indent:-9999px;text-align:left}#menu-item-843>a{background-image:url(images/common/480_home.png)}#menu-item-844>a{background-image:url(images/common/480_service.png)}#menu-item-845>a{background-image:url(images/common/480_company.png)}#menu-item-846>a{background-image:url(images/common/480_joboffer.png)}#menu-item-2320>a{background-image:url(images/common/480_info.png)}#menu-item-871>a{background-image:url(images/common/480_map.png)}

#main{
	margin-top:60px;
	line-height:1.8em;
}

#main h3{font-size:5vw;word-break:break-all;padding:1%;width:98%}#main h4{clear:both}.max50{max-width:50%!important}#p_list p{text-align:left}#slide{margin-top:60px}


table.flex_table > tbody > tr{
	display:flex;
	flex-direction:column;
}

.su-spoiler-style-default>.su-spoiler-content{
	padding:1em 0 !important;
}

#sidebar{
	width:100%;
	float:left;
	overflow:hidden;
	margin-top:20px;
	font-size:small
}

#news ul li div{
	display:none;
}

#link{
	width:200px;
	float:none
}

#link,table{
	margin:0 auto
}

#main a{
	padding:0;
	word-wrap:brake-all;
	word-break: break-all;
}

#main h2{
	font-size:5vw
}

table{padding:1%!important}table,tbody,td,th,tr{display:block;padding:2%!important;width:100%!important;text-align:left!important;height:auto!important;    box-sizing: border-box;}table tbody tr{padding-bottom:8px!important}th{width:96%!important;font-weight:700;margin:13px 0}}.aligncenter{display:block;margin-left:auto!important;margin-right:auto!important;font-size:1.1em}.alignright{float:right}.alignleft{float:left}.no-border{border:0 !important}.style_reset{margin:0!important;padding:0!important;border:0!important}

table.aligncenter{
	display:table;
}

#post_cont{
	padding:0 3em;
	box-sizing:border-box;
}

#post_cont img{
	max-width:100%;
	height:auto;
}

#post_cont ul li{
	margin-bottom:1em;
}

#post_cont h5{
	padding:0.5em;
	margin-bottom:1em;
	border-bottom:1px dotted #ccc;
}

@media screen and (max-width:480px){
#post_cont{
	padding:inherit;
	box-sizing:inherit;
}

iframe{
	display:block;
	float:none !important;
	width:100% !important;
	height:auto !important;
}

}


/* homepage sv */

.wp-caption-text{
	font-size:90%;
	font-weight:bold;
	text-align:center;
}

.hp-box{
	overflow:hidden;
}

.sv-box{
	float:left;
	margin:1%;
	padding:.5em;
	width:48%;
	box-sizing:border-box;
}

.sv-box p{
	font-size:90%;
}

.sv-box p strong,
.sv-box p strong a{
	color:#3f51b5;
}


#main .sv-box img{
	margin:1em;
	border:0;
}

.ec-box{
	float:left;
	margin:1%;
	padding:0;
	width:31.33333%;
	box-sizing:border-box;
}

.ec-box p{
	font-size:90%;
}

.ec-box p strong,
.ec-box p strong a{
	color:#3f51b5;
}


#main .ec-box img{
	margin:.5em;
	border:0;
}


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


/*記事内の画像*/
#main img.alignleft {
	float:none;
	clear: both;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;

}

#main img.alignright {
	float:none;
	clear: both;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;

}


.wp-caption{
	max-width:100%;
}

#main .wp-caption img{
	margin:0;
}

.sv-box{
	float:none;
	margin:1%;
	padding:.5em;
	width:98%;
	box-sizing:border-box;
}

.sv-box p{
	font-size:100%;
}

}