@charset "utf-8";
/* CSS Document */
/*Theme Name: Original
  Author:R
  Description: Version: 1.0
  License:R
*/

#footer{
margin-top: 200px !important;
}

.taxonomy_ttl10 p{border-left: 5px solid #3FA692;padding-left: 10px;margin-top: 45px;font-size: 32px;font-weight: bold;}


.clearfix::after {content: "";display: block;clear: both;}
.sec3_facebook{width: 425px;}
/*** Breadcrumb NavXT***/
.breadcrumbs{font-size: 14px;line-height: 42px; max-width: 1200px; height: 42px; overflow: hidden; color: #333;margin: 0 auto;padding: 0 20px;}
.breadcrumbs a{text-decoration: none;color: #333;}
.breadcrumbs a:visited{text-decoration: none;color:#333;}
.breadcrumbs a:hover{text-decoration: none;color: #2CA58D;}
.breadcrumbs span{margin-right:5px;margin-left:5px;}
.breadcrumbs span:first-child{margin-right:5px;margin-left:0px;}
.page-wrap.bread{margin: 20px auto 40px;}
.bread-wrap{max-width:1280px;margin: 0 auto;}

/*2column*/
.wrap-2column{margin: 30px auto;width: 100%;max-width:1240px;padding: 0 20px;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.wrap-2column main{width: calc(100% - 425px);min-height: calc(100vh - 400px);}
.wrap-2column aside{max-width: 375px;margin-left: 50px;}

/**archive**/
.archive-headline{width: 100%;font-weight: bold;background: url(./img/bg_blue.png) repeat left top;}
.archive-headline h1{margin: 0 auto;width: 100%;max-width:1240px;padding: 40px 20px;font-size: 2rem;text-align: center;}
.archive dl.flex_wrap_between{border-bottom: 1px solid #ddd;align-items: center;}
.archive article:last-child dl.flex_wrap_between{border-bottom: none;}
.archive dl.flex_wrap_between dt{width: 20%;text-align: center;padding: 20px;}
.archive dl.flex_wrap_between dd{width: 80%;padding: 20px 20px 20px 10px;}
.archive dl.flex_wrap_between a{color: #31a694;text-decoration: underline;}
.archive .archive-wrap{border: 1px solid #ddd;border-radius: 15px;}

/**search page**/
.search dl.flex_wrap_between{border-bottom: 1px solid #ddd;align-items: center;}
.search article:last-child dl.flex_wrap_between{border-bottom: none;}
.search dl.flex_wrap_between dt{width: 20%;text-align: center;padding: 20px;}
.search dl.flex_wrap_between dd{width: 80%;padding: 20px 20px 20px 10px;}
.search dl.flex_wrap_between a{color: #31a694;text-decoration: underline;}
.search .archive-wrap{border: 1px solid #ddd;border-radius: 15px;}
.search p.empty{padding: 40px 20px;font-size: 1.15rem;}

/**sidebar **/
aside h3{font-size: 1.2rem;font-weight: bold;background: #ddd;padding: 10px;}
aside div.widget_recent_entries ul{padding: 0;margin-bottom: 25px;}
aside div.widget_recent_entries ul li{padding: 10px 10px 0px;border-bottom: 1px dashed #ddd;}
aside div.widget_recent_entries ul li span {display: block;text-align: right; padding-right: 0px;font-size: 0.8rem;
    color: #999;font-weight: bold;}
aside div.widget_recent_entries ul li a{color: #31a694;text-decoration: underline;}
aside div.widget_archive ul{padding: 0;margin-bottom: 25px;}
aside div.widget_archive ul li{padding: 10px;border-bottom: 1px dashed #ddd;}
aside div.widget_archive ul li a{color: #31a694;text-decoration: underline;}
aside .widget_search{margin-bottom: 25px;}

/***pagenation***/
.pager {margin-top: 25px;}
.pager .pagination {text-align: center;}
.pager .pagination li {margin: 0 2px;padding: 0;display: inline-block;background:#47AF9C;width: 50px;height: 50px;text-align: center;
  position: relative;border-radius: 50px;}
.pager .pagination li a{vertical-align: middle;position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;display:table;color: #fff;text-decoration: none;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
.pager .pagination li a span{display:table-cell;vertical-align:middle;}
.pager .pagination li a:hover,.pager .pagination li a.active{color: #fff;background: #1b433b;border-radius: 50px;}

/***single***/
.single main{border-top: 1px solid;line-height: 2; letter-spacing: 1px;}
.single main p.date{font-weight: bold;line-height: 1.6;font-size: 1.2rem;margin-top: 16px;margin-bottom: 0;}
.single main h1.ttl{font-size: 1.6rem;}
.single main h1.ttl::after{content: "";height: 5px;width: 100px;background: #2f6333;display: block;margin-bottom: 15px;margin-top: 5px;}
.single main p{margin-bottom: 20px;}
.single main a{color: cornflowerblue;text-decoration: underline;}
.single .post_link.flex_wrap_between{border-top: 1px solid;padding: 30px 0;}
.single .post_link.flex_wrap_between p{border: 1px solid #ddd;width: 48%;line-height: 1.6;position: relative;}
.single .post_link.flex_wrap_between p a{display: block;padding: 10px;color: #31a694;text-decoration: underline;}
.single .post_link p.pre::after{content: ''; width: 0;height: 0;border-style: solid;border-width: 15px 30px 15px 0;border-color: transparent #31a694 transparent transparent;position: absolute;top: 0;left: 5px;bottom: 0;margin: auto;}
.single .post_link p.pre a{padding-left: 45px; }
.single .post_link p.next::after{content: ''; width: 0;height: 0;border-style: solid;border-width: 15px 0px 15px 30px;border-color: transparent transparent transparent #31a694;position: absolute;top: 0;bottom: 0; right: 5px;margin: auto;}
.single .post_link p.next a{padding-right: 45px; }
.single .wrapper img{max-width: 100%;}
.single .wrapper iframe{max-width: 100%;}
.single .wrapper table{max-width: 100%;}
.single main h2{font-size: 1.4rem;border-bottom: 1px solid;margin-bottom: 15px;line-height: 1.6;}
.single main h3{font-size: 1.2rem;font-weight: bold;}
main .wp-caption-text{text-align: center;color: #999;}
.single .content div{max-width: 100%;}

/*page*/
.wrap-1column main.basic{width: 100%;max-width:1240px;padding: 0px 20px;margin: 0 auto;padding-top: 30px;padding-bottom: 60px;letter-spacing: 1px;}
main.basic p{margin-bottom: 20px;}
main.basic a{color: cornflowerblue;text-decoration: underline;}
main.basic img{max-width: 100%;}
main.basic iframe{max-width: 100%;}
main.basic table{max-width: 100%;}
main.basic h2{font-size: 1.4rem;border-bottom: 1px solid;margin-bottom: 15px;line-height: 1.6;}
main.basic h3{font-size: 1.2rem;font-weight: bold;}
main.basic .wp-caption-text{text-align: center;color: #999;}
main.basic .content div{max-width: 100%;}

/**1column**/
.wrap-1column main .container{width: 100%;max-width:1240px;padding: 0px 20px;margin: 0 auto;}
/*fare*/
.wrap-1column main.fare{padding-top: 30px;padding-bottom: 60px;letter-spacing: 1px;}
.fare_nav{align-items: center;}
.fare_nav p{display: inline-block;border: 1px solid #ddd;text-align: center;}
.fare_nav p a{display:inline-block;width: 100%;background:#3fa692; border: 1px solid #fff;font-size: 20px;color: #fff;padding: 5px 10px 5px 30px;}
main.fare p.txt01{font-size: 1.4rem;margin: 30px auto 0;}
main.fare h2{margin-top: 30px;font-size: 1.8rem;border-bottom: 1px solid #157338;font-weight: bold;padding: 10px;}
main.fare table{margin-top: 30px; min-width:50%;}

.fare_nav p a{
position: relative;
display: inline-block;
vertical-align: middle;
text-decoration: none;
}
.fare_nav p a::before,
.fare_nav p a::after{
position: absolute;
top: -5px;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.fare_nav p a::before{
left: 8px;
width: 10px;
height: 10px;
border-top: 3px solid #FFFFFF;
border-right: 3px solid #FFFFFF;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
/*
main.fare table tr:first-child td:first-child{width: 40%;}
main.fare table tr:first-child td:nth-child(2){width: 20%;}
main.fare table tr:first-child td:nth-child(3){width: 20%;}
main.fare table tr:first-child td:nth-child(4){width: 20%;}

main.fare table tr:first-child td:first-child{background:#FD991C;}
main.fare table tr:nth-child(3) td:first-child{background: #FECD29;}
main.fare table tr:nth-child(5) td:first-child{background: #FFFF71;}
main.fare table tr:nth-child(7) td:first-child{background: #FFFFCE;}
main.fare table tr:nth-child(even) td{background: #EEEEEE;}

main.fare table{border-bottom: 1px solid #ddd;}
main.fare table tr{border-top: 1px solid #ddd;border-right: 1px solid #ddd;}
main.fare table tr td{border-left: 1px solid #ddd;}

main.fare table{text-align:center;font-weight: bold;}
main.fare table tr td:last-child{text-align:right;color:#980000;padding-right:20px;}
main.fare table tr:nth-child(odd) td:first-child{font-size: 1.4rem;padding: 20px;}
*/

main.fare table{
border-top: 1px solid #157338;
border-left: 1px solid #157338;
}

main.fare table th{
border-bottom: 1px solid #157338;
border-right: 1px solid #157338;
padding: 10px;
background: #d4e282;
font-weight: bold;
font-size: 18px;
}

main.fare table td{
border-bottom: 1px solid #157338;
border-right: 1px solid #157338;
padding: 10px 20px;
font-size: 16px;
text-align: center;
}

/*association*/
.wrap-1column main.ass{padding-top: 30px;padding-bottom: 60px;letter-spacing: 0.05em;}
main.ass h2{margin-top: 30px;font-size: 1.8rem;border-bottom: 1px solid #157338;font-weight: bold;padding: 10px;}

main.ass table{border-bottom: 1px solid #ddd;}
main.ass table tr{border-top: 1px solid #ddd;border-right: 1px solid #ddd;}
main.ass table tr th{border-left: 1px solid #ddd;border-right: 1px solid #ddd;}

main.ass table{margin-top: 30px;}
main.ass table tr th{width:30%; padding: 20px;font-size: 1.2rem;font-weight: bold;background: #eee;}
main.ass table tr td{width:70%; padding: 20px;}

/*recruit
.wrap-1column main.rec{padding-top: 0px;padding-bottom: 60px;letter-spacing: 0.05em;}
.recruit-hero{position: relative;}
.recruit-hero figure{width: calc(100%/3);font-size: 0;letter-spacing: 0.05em;line-height: 0;border: 1px solid;}
.recruit-hero img{width: 100%;}
.rec_main_copy{position: absolute;width: 70vw;height: 30vw;background: rgba(255,255,255,0.7);top: 0;bottom: 0;left: 0;right: 0;margin: auto;display: table;}
main.rec .rec_main_copy h2{text-align: center;line-height: 2; font-size: 2.4rem; font-weight: bold;display: table-cell;vertical-align: middle;}
.rec_3colum > div{width: 30%;border: 1px solid;}
main.rec h2{ text-align: center;font-size: 2.6rem; font-weight: bold; margin-top: 60px;margin-bottom: 60px;}
.rec_3colum figure{text-align: center;padding: 20px;}
.rec_3colum figure img{border-radius: 50%;}
.rec_3colum h3{font-weight: bold;font-size: 1.6rem;padding: 0 20px;}
.rec_3colum p{padding: 20px;}
.rec_voice{margin-bottom: 30px;}
.rec_voice figure{float: left;margin: 0 20px 20px 0;}
.rec_voice div.detail{margin-bottom: 20px;}
.rec_voice div.detail p.name{font-size: 1.2rem;}
.rec_voice div.detail div.subtxt{font-size: 1.2rem;}
.rec_voice div.detail div.subtxt p:first-child{margin-right: 20px;}
.rec_voice div.detail p{margin-bottom: 20px;}
.rec_voice div.detail h3{font-weight: bold;font-size: 1.4rem; margin-bottom: 20px;}
.rec_cnt_copy{text-align: center;padding-top: 30px;font-weight: bold;font-size: 1.6rem;}
.rec_cnt_copy p:first-child{font-size: 2rem;padding: 0 20px;}
.rec_cnt_btn{text-align: center;}
.rec_cnt_btn a{display: inline-block;background: #555;color: #fff;padding: 20px 180px;font-size: 2rem;font-weight: bold;margin-top: 30px;}
*/
/**採用情報**/

h1.recruit_ttl{
text-align: center;
color: #197339;
font-size: 34px;
margin-bottom: 20px;
letter-spacing: 2px;
}

#recruitpage{

}

#recruitpage .recruit_mv{
background-color: #8ec31f;
}

#recruitpage .recruit_mv .rec_main_copy{
max-width: 1200px;
margin: 0 auto;
position: relative;
}

#recruitpage .recruit_mv .rec_main_copy h2{
color: #FFFFFF;
position: absolute;
bottom:40px;
right: 40px;
font-size: 30px;
line-height: 2;
}

#recruitpage .line{
background: url("img/bg_line01.png") center center repeat-x;
padding: 60px 0;
width: 100%;
}

#recruitpage .feature{
background-color: #fff9eb;
}

#recruitpage h2{
text-align: center;
color: #197339;
font-size: 34px;
padding: 85px 0 35px;
letter-spacing: 2px;
}

#recruitpage .col3{
width: 1200px;
margin: 0 auto;
}

#recruitpage .col3 li{
width: 30%;
}

#recruitpage .col3 li img{
width: 100%;
}

#recruitpage .col3 li dl{
margin: 20px;
}

#recruitpage .col3 li dt{
font-size: 24px;
color: #FFFFFF;
font-weight: bold;
background-color: #197339;
padding: 20px;
margin-bottom: 50px;
border-radius: 10px;
text-align: center;

position: relative;
}

#recruitpage .col3 li dt::after{
    position: absolute;
	left:45%;
    bottom: -32px;
    box-sizing: border-box;
    width: 5%;
    height: 24px;
    border: 14px solid transparent;
    border-top: 24px solid #197339;
    margin: auto;
    content: "";
    vertical-align: middle;
}

#recruitpage .col3 li dd{
}

#recruitpage .recruit_voice{
width: 1200px;
margin: 0 auto;
}

#recruitpage .prof .photo{
width: 900px;
}

#recruitpage .prof .detail{
width: 300px;
padding-top: 50px;
}

#recruitpage .prof .detail p{
font-size: 16px;
color: #000000;
text-align: center;
}

#recruitpage .prof .detail p.company_name{
text-align: center;
margin: 40px 0;
}

#recruitpage .prof .detail p.company_name span{
font-size: 16px;
color: #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
padding: 10px 0;
}

#recruitpage .prof .detail p.name{
font-size: 30px;
color: #000000;
font-weight: bold;
margin-bottom: 40px;
}

#recruitpage .prof .detail p.name span{
font-size: 16px;
color: #000000;
}

#recruitpage .prof .detail p{
font-size: 20px;
color: #000000;
}

#recruitpage .recruit_voice dl{
margin: 50px auto 20px;
width: 980px;
}

#recruitpage .recruit_voice dt{
color: #346432;
font-size: 28px;
margin-bottom: 20px;

}

#recruitpage .recruit_voice dd{
color: #000000;
font-size: 16px;
margin-bottom: 50px;
padding:5px 20px;
border-left: 6px solid #346432;
}

#recruitpage .recruit_voice .col2{
width: 980px;
margin: 0 auto;
}

#recruitpage .recruit_voice .col2 dl{
width: 100%;
margin: 0;
}

#recruitpage .recruit_voice .col2 li{
width: 48%;
}

.recruit_copy{
background: url("img/recruit_btnarea.png") center center no-repeat;
text-align: center;
padding: 55px 0 0;
margin: 100px 0 200px;
}

.recruit_copy h3{
font-size: 30px;
font-weight: bold;
color: #346432;
background: url("img/bg_line03.png") center bottom no-repeat;
padding: 0 0 20px;
margin-bottom: 40px;
}

.recruit_copy p{
font-size: 30px;
font-weight: bold;
color: #346432;
line-height: 2;
padding: 0 0 40px;
}

.recruit_copy .btn a{
background-color: #3fa692;
color: #FFFFFF;
font-size: 24px;
font-weight: bold;
padding: 15px 50px;
}

/**companies single**/
.companies i{padding-right: 6px;color: cornflowerblue;}
.companies h2 i {font-size: 1.6rem;display: table-cell; vertical-align: middle;}
.companies h1{font-weight: bold;font-size: 2rem;}
.companies .thumbnail { width: 100%; margin: 0 auto 5px; padding: 0;}
.companies .thumbnail img,.thumbnail-nav img{ width: 100%;}
.companies .thumbnail-thumb { max-width: 100%; margin: 0 auto;}
.companies .thumbnail-thumb li { margin: 5px;}
.companies .thumbnial-thumb .slick-next { right: 20px; z-index: 100;}
.companies .thumbnail-thumb .slick-prev { left: 15px; z-index: 100;}
.companies .thumbnail-thumb .slick-current { opacity: 0.5;}
.companies .thumbnail-thumb div div div { cursor: pointer;}

.single .wrap-1column main.companies{width: 100%;max-width:1240px;padding: 0px 20px;margin: 0 auto;padding-top: 30px;padding-bottom: 60px;letter-spacing: 1px;border-top: none;}
.com_content1 > table{width: calc(60% - 30px);}
.com_content1 > div{width: 40%;margin-top: 30px;}

main.companies table.listTable1{border-bottom: 1px solid #ddd;line-height: 1.4;}
main.companies table.listTable1 tr{border-top: 1px solid #ddd;}
main.companies table.listTable1{margin-top: 30px;}
main.companies table.listTable1 tr th{width:25%; padding: 15px 10px;font-size: 1rem;font-weight: bold;background: #eee;text-align: left;}
main.companies table.listTable1 tr td{width:75%; padding: 15px 10px;}

.com_content2{margin-top: 60px;}
.single main .com_content2 h2{font-size: 1.2rem;line-height: 1.6;font-weight: bold;letter-spacing: 0px;border-bottom: none;display: table;}
.com_content2 > div:first-child{width: calc(60% - 60px);margin-top: 30px;}
.com_content2 > div:nth-child(2){width: 40%;margin-top: 30px;}

main.companies table.listTable2{border-bottom: 1px solid #ddd;line-height: 1.4;}
main.companies table.listTable2 tr{border-top: 1px solid #ddd;}
main.companies table.listTable2 tr th{width:35%; padding: 15px 10px;font-size: 1rem;font-weight: bold;background: cornsilk;text-align: left;}
main.companies table.listTable2 tr td{width:65%; padding: 15px 10px;line-height: 1.6;}

main.companies table.listTable3{border-bottom: 1px solid #ddd;line-height: 1.4;}
main.companies table.listTable3 tr{border-top: 1px solid #ddd;}
main.companies table.listTable3 tr th{width:50%; padding: 15px 10px;font-size: 1rem;font-weight: bold;background: cornsilk;text-align: left;}
main.companies table.listTable3 tr td{width:50%; padding: 15px 10px;}
main.companies table.listTable3 tr td i.fa-minus{color: #333;}
main.companies table.listTable3 tr td i.fa-circle{color:darkturquoise;font-size: 2rem;}

.com_content3 > div{width: 48%;}
.com_content3 > div > table {width: 100%;}
.com_content3 > table{width: 48%;}


main.companies table.listTable5{border-bottom: 1px solid #ddd;line-height: 1.4;margin-top: 60px;}
main.companies table.listTable5 tr{border-top: 1px solid #ddd;}
main.companies table.listTable5 tr th{width:50%; padding: 15px 10px;font-size: 1rem;font-weight: bold;background: aliceblue;text-align: left;}
main.companies table.listTable5 tr td{width:50%; padding: 15px 10px;}
main.companies table.listTable5 tr td span.num{font-weight: bold;font-size: 1.2rem; padding-right: 2px;}
main.companies table.listTable5 tr td i.fa-minus{color: #333;}

main.companies .com_content4{margin-top: 60px;}
.single .com_content4 div{max-width: 100%;}

/*service list*/
main.all_service{width: 100%;max-width:1240px;padding: 0px 20px;margin: 0 auto;padding-top: 60px;padding-bottom: 60px;letter-spacing: 1px;border-top: none;}
main.all_service .flex_wrap_between article{width: 50%;padding: 0 20px 60px;}
main.all_service .flex_wrap_between article figure{width: 100%;}
main.all_service .flex_wrap_between article figure img{width: 100%;}
main.all_service .flex_wrap_between article h2{font-size: 1.6rem;font-weight: bold;}
main.all_service .flex_wrap_between article p.txt{margin-top: 20px;}
main.all_service .flex_wrap_between article p.all_sercive_btn{text-align: center; margin-top: 20px;}
main.all_service .flex_wrap_between article p.all_sercive_btn a{display: inline-block;background: #157337;padding: 20px;width: 80%;color:#FFFFFF}

/*taxonomies*/
main.all_service .navi_warp{background: #d9f3f4;padding: 20px 40px;}
main.all_service .navi_warp h3{font-size: 1.6rem;font-weight: bold;}
main.all_service .navi_warp .flex_wrap_left {align-items: center;margin-top: 15px;}
main.all_service .navi_warp .flex_wrap_left p{width:15%;font-size: 1.2rem;font-weight: bold;}
main.all_service .navi_warp .flex_wrap_left ul{font-size: 1.2rem; font-weight: bold;width: 85%;}
main.all_service .navi_warp .flex_wrap_left ul li{display: inline-block;background: #3fa692;padding: 10px 20px; margin-right: 15px;margin-bottom: 10px;}
main.all_service .navi_warp .flex_wrap_left ul li a{color:#FFFFFF}
main.all_service .taxonomy_article_wrap article{margin-top: 45px;position: relative;}
main.all_service .taxonomy_article_wrap article h2 a{color:#157338;font-size: 1.2rem;font-weight: bold;line-height: 2;}

main.all_service table.taxonomy_Table{border-bottom: 1px solid #ddd;line-height: 1.4;width: 100%;}
main.all_service table.taxonomy_Table tr{border-top: 1px solid #ddd;}
main.all_service table.taxonomy_Table tr th{width:25%; padding: 15px 10px;font-size: 1rem;font-weight: bold;background: #eee;text-align: left;}
main.all_service table.taxonomy_Table tr td{width:75%; padding: 15px 10px;}
main.all_service table.taxonomy_Table tr td a{color: cornflowerblue;}
main.all_service table.taxonomy_Table tr td br{display: none;}
main.all_service article .taxonomy_btn{position: absolute;right: 0px;top: 38px;bottom: 0px;margin: auto;height: 60px;width: 120px;
    background: #fff;display: table;padding-left: 20px;}
main.all_service article .taxonomy_btn a{display: table-cell;vertical-align: middle;text-align: center;border-radius: 5px; background:#3fa692; color: #fff;font-weight: bold;font-size: 1.2rem;}

.mt20{
	margin-top:20px !important;
}

.all_service figure img{
	border:1px solid #ddd;
}

/**お問い合わせ**/
.flex_wrap_between{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.contents{
	width:1200px;
	margin: 0 auto;
}

.note{
max-width: 900px;
margin: 20px auto;
}


.contact_form{
max-width: 900px;
margin: 40px auto;
border-top: 1px solid #8fc320;
}

.contact_form dt{
padding: 30px 20px 30px;
font-size: 18px;
color: #157337;
font-weight: bold;
width: 30%;
border-bottom: 1px solid #8fc320;
}

.contact_form  dd{
padding: 30px 20px 30px;
font-size: 16px;
color: #000000;
position: relative;
line-height: 1.5;
width: 70%;
border-bottom: 1px solid #8fc320;
}

.required{
color:#FF0000;
font-size:12px;
}

.contact_form input[type="text"], .contact_form input[type="email"]{
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #999999;
}

.send_btn{
margin-bottom: 100px
}

.contact_form button,
.contact_form input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
    background: transparent;
}

.send_btn button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;
		width: 50%;
display: block;
background:#3fa692;
padding: 25px 20px;
font-size: 20px;
text-align: center;
letter-spacing: 2px;
color: #FFFFFF;
line-height: 1;
margin: 0 auto;
}



/***tablet***/


@media screen and (max-width:1200px){
/**採用情報**/

#recruitpage .recruit_mv .rec_main_copy{
max-width:100%;
}

#recruitpage .col3{
width: 90%;
}

#recruitpage .col3 li dt{
font-size: 16px;
}

#recruitpage .recruit_voice{
width: 100%;
margin: 0 auto;
}

#recruitpage .prof .photo{
width: 60%;
}

#recruitpage .prof .detail{
width: 40%;
}


#recruitpage .recruit_voice dl{
margin: 50px auto 20px;
width: 90%;
}

#recruitpage .recruit_voice .col2{
width: 100%;
}

.recruit_copy{
background-size: 100% 100%;
}

}


@media screen and (max-width:1024px){
	.single .wrap-2column main{width: 100%;min-height: auto;margin-top: 20px;}
	.single .wrap-2column aside{max-width:100%;width: 100%;margin-left: 0px;margin-top:30px; padding: 20px 0px;}	
	.page .wrap-2column main{width: 100%;min-height: auto; margin-top: 20px;}
	.page .wrap-2column aside{max-width:100%;width: 100%;margin-left: 0px;margin-top:30px; padding: 20px 0px;}	
	.fare_nav p a{font-size: 1.2rem;}
	main.fare p.txt01{font-size: 1.0rem;}
	main.rec .rec_3colum > div{width: 33%;}
	
	
}
@media screen and (max-width:960px){
	.wrap-2column main{width: 100%;min-height: auto;}
	.wrap-2column aside{max-width:100%;width: 100%;margin-left: 0px;margin-top:30px; padding: 20px 0px;}
	.fare_nav p a{font-size: 0.8rem;}
	main.fare p.txt01{font-size: 0.6rem;}
	.rec_3colum h3{font-size: 1.4rem;padding: 0 15px;height: 100px;}
	main.rec .rec_main_copy h2{font-size: 2rem;}
}
/***small-tablet***/
@media screen and (max-width:767px){
	.pager .pagination li{display: none;}
	.pager .pagination li.pre,.pager .pagination li.next{display: inline-block;width: 40%;height: 50px;text-align: center;}
	.pager .pagination li.pre a,.pager .pagination li.next a{width: 100%;text-align: center;}
	.pager .pagination li.pre span::after{content: "　前の10件へ";}
	.pager .pagination li.next span::before{content: "次の10件へ　";}
	.archive-headline h1{padding: 20px 20px 10px;font-size: 1.4rem;}
	main.rec .rec_main_copy h2{font-size: 1.6rem;}
	main.rec .rec_3colum > div { width: 100%; margin-bottom: 30px;}
	.rec_3colum h3{height: auto;}
	.rec_voice figure{ width: 100%;}
	.companies h1{font-size: 1.6rem;}
	.com_content1 > table{width: 100%;}
	.single main.companies table.listTable1 a{word-break: break-all;}
	main.companies table.listTable1 tr th{display: block;background: none;border:none;border-bottom: 1px solid #333;text-align: left;
    padding-left: 10px;padding-bottom: 5px;padding-right: 5px;width: 100%;}
	main.companies table.listTable1 tr td{display: block;width: 100%;border:none;border-bottom: 1px dashed #ddd;}
	main.companies table.listTable1 tr {border:none;}
	main.companies table.listTable1 {border:none;}
	.pcbr{display: none;}
	.com_content1 > div{width: 100%;}
	.com_content2 > div:first-child{width: 100%;}
	.com_content2 > div:nth-child(2){width: 100%;}
	.com_content2 { margin-top: 15px;}
	main.companies table.listTable2 tr th{display: block;background: none;border:none;border-bottom: 1px solid #333;text-align: left;
    padding-left: 10px;padding-bottom: 5px;padding-right: 5px;width: 100%;}
	main.companies table.listTable2 tr td{display: block;width: 100%;border:none;border-bottom: 1px dashed #ddd;}
	main.companies table.listTable2 tr {border:none;}
	main.companies table.listTable2 {border:none;}
	main.companies table.listTable3 tr th{width: 70%;}
	main.companies table.listTable3 tr td{width: 30%;text-align: center;}
	.com_content3 > table{width: 100%;}
	.com_content3 > div{width: 100%;}
	main.companies table.listTable5.mt0{margin-top: 0;border-top: none;}
	main.companies table.listTable5.mt30{margin-top: 30px;}
	main.companies table.listTable5 tr:first-child{border-top: none;}
	main.companies table.listTable5 tr th{width: 70%;}
	main.companies table.listTable5 tr td{width: 30%;text-align: center;}
	main.companies table.listTable5{border-top: 1px solid #ddd;}
	main.all_service .flex_wrap_between article{padding: 0 15px 45px;}
	main.all_service .flex_wrap_between article p.all_sercive_btn a{padding: 20px 10px;font-size: 14px;width: 100%;}
	main.all_service .navi_warp .flex_wrap_left p{width: 100%;margin-bottom: 10px;}
	main.all_service .navi_warp .flex_wrap_left ul{width: 100%;}
	main.all_service .navi_warp .flex_wrap_left ul li{width: 100%;}
	main.all_service .navi_warp{padding: 20px 25px;}
	
	/**採用情報**/

#recruitpage .recruit_mv .rec_main_copy h2{
bottom:20px;
right: 20px;
font-size: 20px;
}


#recruitpage h2{
text-align: center;
color: #197339;
font-size: 24px;
padding: 50px 0 35px;
}

#recruitpage .col3 li dl{
margin:20px 0;
width: 100%;
}

#recruitpage .col3 li dt{
padding: 10px;
margin-bottom: 30px;
}

#recruitpage .col3 li dd{
font-size: 14px;
}


#recruitpage .prof .detail{
padding-top: 0;
}

#recruitpage .prof .detail p{
font-size: 14px;
}

#recruitpage .prof .detail p.company_name span{
font-size: 16px;
}

#recruitpage .prof .detail p.name{
font-size: 30px;
}

#recruitpage .prof .detail p.name span{
font-size: 16px;
}

#recruitpage .recruit_voice dl{
margin: 30px auto 20px;
}

#recruitpage .recruit_voice dt{
font-size: 20px;

}

#recruitpage .recruit_voice .col2 dl{
width: 90%;
margin: 0 auto;
}

#recruitpage .recruit_voice .col2 li{
width: 100%;
}

#recruitpage .recruit_voice .col2 li.photo{
text-align: center;
margin-bottom: 30px;
}

.recruit_copy{
padding: 55px 0 0;
margin: 50px 0 100px;
}

.recruit_copy h3{
font-size: 20px;
background: url("img/bg_line03.png") center bottom no-repeat;
background-size: 50% auto;
padding: 0 0 20px;
}

.recruit_copy p{
font-size: 20px;
padding: 0 0 40px;
}

.recruit_copy .btn a{
background-color: #3fa692;
color: #FFFFFF;
font-size: 24px;
font-weight: bold;
padding: 15px 50px;
}
	
	
/*お問い合わせ*/
	
.flex_wrap_between{
    display:block
}

.contents{
	width:100%;
	margin: 0 auto;
}
	
.note{
width:96%;
}

.contact_form{
width:96%;
margin: 0 auto;
}

.contact_form dt{
padding: 10px 0;
font-size: 16px;
width: 100%;
border-bottom:none;
}

.contact_form  dd{
padding:10px 0;
font-size: 14px;
width: 100%;
margin-bottom: 30px;
}

.send_btn{
margin-bottom: 50px
}

.contact_form input[type="text"], .contact_form input[type="email"]{
    max-width: 100%;
}

.contact_form textarea {
    max-width: 100%;
	border: 1px solid #999999;
}

.contact_form button,
.contact_form input[type="submit"] {
     max-width: 100%;
}

.send_btn button{
width: 100%;
padding: 25px 20px;
font-size: 20px;
}



}

/***sp***/
@media screen and (max-width:560px){
	.archive-headline h1{padding: 20px 20px 10px;}
	.wrap-2column{margin: 10px auto;}
	.archive dl.flex_wrap_between dt{width: 100px;}
	.archive dl.flex_wrap_between dd{width: calc(100% - 100px);}
	.search dl.flex_wrap_between dt{width: 100px;}
	.search dl.flex_wrap_between dd{width: calc(100% - 100px);}
	.wrap-2column aside {margin-top: 10px; padding: 20px 0px;}
	.single .post_link.flex_wrap_between p{width: 100%;}
	.fare_nav p{width: 32%;height: 60px;margin-bottom: 10px;display: table;}
	.fare_nav p a{height: 100%;display: table-cell;vertical-align: middle;}
	main.fare table tr:nth-child(odd) td:first-child{font-size: 1rem;padding: 20px 10px;}
	main.fare table tr:first-child td:nth-child(4){width: 25%;}
	main.fare table tr:first-child td:first-child{width: 35%;}
	main.fare table tr td:last-child{padding-right: 5px;}
	main.fare p.txt01{margin-top: 0;}
	main.ass table tr th{display: block;background: none;border:none;border-bottom: 1px solid #333;text-align: left;
    padding-left: 10px;padding-bottom: 5px;padding-right: 5px;width: 60%;}
	main.ass table tr td{display: block;width: 100%;border:none;}
	main.ass table tr {border:none;}
	main.ass table {border:none;}
	main.rec .rec_main_copy h2 {font-size: 1.2rem;}
	.rec_main_copy{width: 90vw;}
	main.rec h2 {font-size: 1.2rem; margin-top: 30px; margin-bottom: 30px;}
	.rec_cnt_btn a{padding: 20px;}
	.rec_voice div.detail p.name{margin-bottom: 0;}
	.rec_voice div.detail .subtxt{margin-bottom: 20px;}
	.rec_voice div.detail .subtxt p{margin-bottom: 0px;}
	.rec_cnt_copy{font-size: 1rem;}
	.rec_voice figure{display: block;margin: 0;}
	main.all_service{padding-top: 30px; padding-bottom: 30px;}
	main.all_service .flex_wrap_between article{width: 100%;padding: 0 0px 30px;}
	main.all_service article .taxonomy_btn {position: relative;top: 20px;width: 60%; }
	
/**採用情報**/

h1.recruit_ttl{
font-size: 24px;
}


#recruitpage .recruit_mv .rec_main_copy h2{
bottom:10px;
right: 10px;
font-size: 14px;
line-height: 2;
text-align: right;
line-height:2;
text-shadow: 0 0 3px #000000;
}

#recruitpage .line{
background: url("img/bg_line01.png") center center repeat-x;
background-size: 100% auto;
padding: 30px 0;
}

#recruitpage h2{
font-size: 20px;
padding: 35px 0 15px;
}


#recruitpage .col3 li{
width: 100%;
max-width: 300px;
margin: 0 auto;
}

#recruitpage .col3 li dl{
margin:20px 0;
}

#recruitpage .col3 li dt{
font-size: 18px;
margin-bottom: 30px;
}

#recruitpage .prof .photo{
width:50%
}

#recruitpage .prof .detail{
width:50%
}

#recruitpage .prof .detail p{
font-size: 14px;
color: #000000;
text-align: center;
}

#recruitpage .prof .detail p.company_name{
text-align: center;
margin: 10px 0 10px;
}

#recruitpage .prof .detail p.company_name span{
font-size: 14px;
padding: 5px 0;
}

#recruitpage .prof .detail p.name{
font-size: 16px;
margin-bottom: 10px;
}

#recruitpage .prof .detail p.name span{
font-size: 12px;
color: #000000;
}

#recruitpage .prof .detail p{
font-size: 12px;
color: #000000;
}

#recruitpage .recruit_voice dl{
margin: 30px auto 0;
}

#recruitpage .recruit_voice dt{
font-size: 16px;

}

#recruitpage .recruit_voice dd{
color: #000000;
font-size: 14px;
margin-bottom: 40px;
padding:5px 0 5px 20px;
}

#recruitpage .recruit_voice .col2{

margin: 0 auto;
}

#recruitpage .recruit_voice .col2 li{
width: 100%;
}


.recruit_copy{
padding: 25px 0 0;
}

.recruit_copy h3{
font-size: 18px;
background-size: 90% auto;
}

.recruit_copy p{
font-size: 16px;
padding: 0 0 40px;
}

.recruit_copy .btn a{
background-color: #3fa692;
color: #FFFFFF;
font-size: 20px;
font-weight: bold;
padding: 15px 50px;
}

#footer{
margin-top: 50px !important;
}

}