@charset "UTF-8";

@media only screen and (max-width:760px){
	
.pc_only{ display: none }
.sp_only{ display: block }

.mar_t7 {
	margin-top: 0px;
}
.mar_r20 {
	margin-right: 0.5%;
}
.mar_r100 {
	margin-right: 0px;
}
.mar_b15 {
	margin-bottom: 0px;
}
.floatleft {
	float: none;
}
.floatright {
	float: none;
}

#menuList {display: none;}
#menuOverlay {top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);display: none;position: fixed;z-index: 9997;}
#switchBtnArea {width: 60%;border-bottom: #aaa 1px solid;position: relative;}
#switchBtnArea #switchBtn {
	top: 5px;
	width: 40px;
	height: 40px;
	display: block;
	position: fixed;
	border-radius: 5px;
	z-index: 9998;
	background-color: #23744C;
	right: 11px;
}
#switchBtnArea #switchBtn span {left: 20%;width: 60%;height: 4px;display: block;position: absolute;background-color: #FFF;border-radius: 5px;transition: all 0.2s linear;}
#switchBtnArea #switchBtn span:nth-of-type(1) {top: 10px;-webkit-transform: rotate(0);transform: rotate(0);}
#switchBtnArea #switchBtn span:nth-of-type(2) {top: 18px;-webkit-transform: scale(1);transform: scale(1);}
#switchBtnArea #switchBtn span:nth-of-type(3) {bottom: 10px;-webkit-transform: rotate(0);transform: rotate(0);}
#switchBtnArea #switchBtn.btnClose {background: transparent;}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {top: 18px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {-webkit-transform: scale(0);transform: scale(0);}
#switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {bottom: 18px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#rwdMenuWrap {top: 0;right: -80%;width: 80%;height: 100%;overflow: auto;position: fixed;z-index: 9999;font-size: 14px;line-height: 1.4;}
#rwdMenuWrap a:hover {text-decoration: none;}
#rwdMenuWrap ul {width: 100%;margin: 0px;padding: 0%;}
#rwdMenuWrap ul li {
	width: 90%;
	border-bottom: #aaa 1px solid;
	padding: 5%;
	color: #FFF;
}
.blue { background-color: #034099; }
.green { background-color: #00693E; }
.orange { background-color: #EA5406; }
#rwdMenuWrap ul .input {background-color: #D6D6D6;background-image: none;font-size: 14px;}
#menuList ul .input a img {margin-bottom: 20px;}
#rwdMenuWrap ul .update {background-color: #D6D6D6;padding-top: 2%;padding-right: 5%;padding-bottom: 2%;padding-left: 5%;background-image: none;}
#rwdMenuWrap ul li span {
	color: #FFFFFF;
}
#rwdMenuWrap ul .child  {
	background-color: #FFFFFF;
	background-image: none;
	color: #666;
	padding-left: 27px;
}

header {
	margin-top: -1px;
}
#g_nav_area {
	width: 90%;
	height: 40px;
}
#g_nav_area h1 {
	font-size: 16px;
}
#g_nav_area h1 span {
	font-size: 12px;
}
#m_vis_area {
	width: 100%;
	height: auto;
	margin-bottom: 0px;
}
#m_vis_area .m_copy{
	margin-top: 0px;
	width: 100%;
}
#c_vis_area {
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	margin-top: 54px;
}
#c_vis_area .c_copy {
	width: 90%;
	position: relative;
	z-index: 1;
	margin-top: 10px;
}
.s_nav_area {
	position:static;
	height: auto;
	margin-top: 0px;
	width: 90%;
	margin-left: 5%;
	padding-top:15px;
	background: url(../img/s_nav_bg.png) repeat 0 0;
}
.s_nav_area p {
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #23754D;
	font-size: 20px;
	line-height: 1.4;
	padding-bottom: 15px;
}
.s_nav_area .s_nav_copy {
	width: 100%;
}
.s_nav_area .s_nav {
	width: 100%;
}
.s_nav_area .s_nav li {
	width: 31.3%;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 1%;
}
#cont_area {
	width: 90%;
}
#cont_area .news {
	width: 90%;
	height: auto;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	clear: both;
}
#cont_area .news .news_copy {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #006934;
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
#cont_area .news p {
	font-size: 16px;
}
#cont_area .entry li {
	width: 31.3%;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
}
#cont_area a .member {
	width: 100%;
}
#feat_area {
	width: 100%;
	height: auto;
	background-color: #2671AB;
	background-position: bottom;
	text-align: center;
	clear: both;
	padding-top: 30px;
}
#feat_area img {
	margin-right: auto;
	margin-left: auto;
}
#feat_area .feat_copy {
	margin-top: 0px;
}
#feat_area .point_area {
	width: 90%;
    margin: 45px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#feat_area .point_area .point{
	width: 90%;
	height: auto;
}
#feat_area .point_area .point .ttl {
	font-size: 20px;
}
footer a:link {
	color: #000;
	text-decoration: none;
}
#page-top {
	right: 20px;
	z-index: 10;
	}

.e_copy  {
	margin-top: 50px;
	font-size: 20px;
}
#cont_area .service {
	padding-top: 20px;
}
#cont_area .service .service_category {
	font-size: 24px;
}
#cont_area .service .service_text {
	width: 100%;
	margin-bottom: 20px;
}
#cont_area .service .service_text .catch {
	font-size: 20px;
}
#cont_area .thought {
	padding-top: 20px;
}
#cont_area .thought.clear .thought_category {
	font-size: 24px;
}
#cont_area .thought.clear .thought_text span {
	font-size: 20px;
}
#cont_area .thought.clear .position {
	margin-top: 15px;
}
#cont_area .thought img {
	width: 100%;
	clear: right;
}
#cont_area .president {
	width: 165px;
	margin-right: 20px;
	height: auto;
	float: left;
}
#cont_area .president img {
	float: left;
}
#cont_area .company {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 14px;
}
#cont_area .president .company p {
}
#cont_area .name {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 14px;
	width: 165px;
	padding-bottom: -50px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #006834;
}
#cont_area .president_t_area .m_copy {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 24px;
	color: #006834;
	margin-bottom: 20px;
}
#cont_area .president_t_area .tx {
	clear: both;
	padding-top: 20px;
}
#cont_area .president_t_area .tx span {
	font-weight: bold;
	color: #ef8200;
}
#cont_area .member {
	margin-top: 10px;
	float: left;
}
#cont_area .aaa {
	margin-top: 10px;
	position: relative;
	z-index: 99;
	margin-left: 20px;
}
#cont_area .introduction {
	font-size: 14px;
	padding-top: 5px;
	width: 100%;
	float: left;
}
#cont_area .introduction .profile {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006834;
}
#cont_area .introduction .membername {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
}
#cont_area .introduction .membername span {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
#cont_area .interview .interview_category{
	background-color: #006834;
	height: 30px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 18px;
	color: #FFF;
	text-align: center;
	padding-top: 5px;
	margin-top: 20px;
}
#cont_area .interview .interview_catch {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 20px;
	color: #006834;
	text-align: center;
	margin-top: 10px;
	padding-bottom: 20px;
}
#cont_area .interview .pic {
	width: 100px;
	margin-right: 0px;
	float: left;
}
#cont_area .interview .comment_area {
	clear: both;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	padding-top: 15px;
	width: 100%;
}
#cont_area .interview .comment_area img {
	float: left;
}
#cont_area .interview .comment {
	margin-top: 0px;
	margin-left: 120px;
	padding-top: 10px;
	margin-right: 0px;
}
#cont_area .interview .comment-2 {
	margin-top: 0px;
	margin-left: 120px;
	padding-top: 10px;
	margin-right: 0px;
}
#cont_area .title {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 24px;
	color: #006834;
	text-align: center;
	margin-bottom: 10px;
}
#list_area nav {
	width: 90%;
}
#list_area nav ul li {
	width: 90%;
	margin-right: 0px;
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
}
#list_area nav a:link {
	text-decoration: none;
}
.blue_bg_gra {	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5db6e7+0,036eb8+100 */
background: #5db6e7; /* Old browsers */
background: -moz-linear-gradient(top, #5db6e7 0%, #036eb8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #5db6e7 0%,#036eb8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #5db6e7 0%,#036eb8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5db6e7', endColorstr='#036eb8',GradientType=0 ); /* IE6-9 */}
.green_bg_gra {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ec31e+0,21ab38+100 */
background: #8ec31e; /* Old browsers */
background: -moz-linear-gradient(top, #8ec31e 0%, #21ab38 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #8ec31e 0%,#21ab38 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #8ec31e 0%,#21ab38 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec31e', endColorstr='#21ab38',GradientType=0 ); /* IE6-9 */}
.orange_bg_gra {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8b62c+0,ee7700+100 */
background: #f8b62c; /* Old browsers */
background: -moz-linear-gradient(top, #f8b62c 0%, #ee7700 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f8b62c 0%,#ee7700 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f8b62c 0%,#ee7700 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b62c', endColorstr='#ee7700',GradientType=0 ); /* IE6-9 */
}
#list_area section {
	width: 90%;
	margin-top: -20px;
	padding-top: 70px;
}
#list_area2 section {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 30px;
}
#list_area .sec {
	margin-left: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006834;
	padding-bottom: 10px;
	padding-top: 10px;
	clear: left;
}
#list_area .part {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 24px;
	border-left-width: 5px;
	border-left-style: solid;
	padding-left: 10px;
	margin-bottom: 10px;
	clear: both;
}
.blue_tx_bor {
	color: #003f98;
	border-left-color: #003f98;
}
.green_tx_bor {
	color: #00683d;
	border-left-color: #00683d;
}
.orange_tx_bor {
	color: #ea5404;
	border-left-color: #ea5404;
}
#list_area .line  {
	border: 1px solid #ea5404;
	margin-bottom: 125px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	padding: 15px;
}
#list_area .job  {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 24px;
	color: #ea5404;
	padding-bottom: 17px;
}
#list_area .sec .item {
	font-weight: bold;
	font-size: 16px;
	float: left;
	/*width: 20%;*/
}
#list_area .sec .detail {
	width: 75%;
	/*margin-left: 22%;*/
}
#list_area .sec_short {
	margin-left: 17px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #006834;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 96%;
	clear: left;
}
#list_area .sec_short .item {
	font-weight: bold;
	font-size: 16px;
	float: left;
	width: 20%;
}
#list_area .sec_short .detail {
	width: 75%;
	margin-left: 22%;
}
#list_area .bar_fresh {
	margin-left: 17px;
	width: 90%;
	text-align: center;
	background-color: #006834;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	margin-top: 10px;
}
#list_area .bar_career {
	margin-left: 17px;
	width: 90%;
	text-align: center;
	background-color: #006834;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	margin-top: 10px;
}
#list_area .text_fresh {
	width: 90%;
	margin-left: 17px;
	margin-top: 5px;
}
#list_area .text_career {
	width: 90%;
	margin-left: 17px;
	margin-top: 5px;
}
#list_area .entry_text {
	margin-left: 17px;
}
#list_area .box {
	border: 2px solid #E60213;
	margin-left: 15px;
	margin-top: 15px;
	float: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
section {
	clear: both;
}

.recruitingmenu {
	width: 90%;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.recruitingmenu .menu {
	color: #006834;
}
.recruitingmenu .recruitingtop {
	float: none;
	margin-right: 0px;
}
.recruitingmenu ul {
	float: none;
	margin-right: 0px;
}
.recruitingmenu ul .category {
	width: 90%;
	margin-top: 10px;
}
.recruitingmenu ul li {
	clear: left;
	padding-left: 10px;
}
#c_footer {
	background-image: none;
	background-repeat: no-repeat;
	background-position: center top;
}
#cont_area .president_t_area .tx .chart {
	width: 100%;
	margin-left: 0;
	margin-bottom: 20px;
}
.e_copy  {
	color: #FFF;
	background-color: #006834;
	clear: both;
	margin-top: 50px;
	text-align: center;
	font-size: 30px;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
#list_area2 nav ul li {
	margin-right: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0;
	color: #FFF;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 16px;
	text-align: center;
	width: 100%;
}
#list_area .ban {
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: #006834;
	float: left;
	margin-left: 0;
	margin-top: 20px;
}
#cont_area .work .work_text {
	height: auto;
	clear: left;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 30px;
}
#cont_area .work .img {
	width: 100%;
	margin-right: 0;
	float: left;
	height: auto;
	padding-bottom: 20px;
}

}