@charset "utf-8";

@import url('https://use.fontawesome.com/releases/v5.0.6/css/all.css');

/*-------------------------------------------
	member common
--------------------------------------------*/
body {
	font-family: 'Roboto', 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "メイリオ", Meiryo, "MS PGothic", Osaka, sans-serif;
}

.member .logo a {
    display: inline-block;
    padding: 15px 0 0 50px;
    background-image: url(../images/mark.png);
    background-position: 0 bottom;
    background-repeat: no-repeat;
}

.member_httl{
display: inline-block;
margin:0 0 10px 70px;
font-size:16px;
font-size:1.6rem;
font-weight: 700;
text-align: center;
color:#BB9202;
}

.member_cont{
padding: 40px 0 40px;
background: url(../images/what_bg01.png) repeat-y left top,
 url(../images/what_bg02.png) repeat-y right top;
    background-color: #FFFDE5;
}

#member_indx{
background: #E6F5FA url(../images/member_title_bg.gif) repeat-x bottom left;
}
#member_indx .lead{
text-align: left;
font-weight: 700;
}
.ctitlebox#member_indx{
padding:60px 0;
}

.ctitlebox#member_indx .cmtitle{
margin-bottom:20px;
color:#BB9202;
font-size:1.8em;
}

.ctitlebox#member_indx .cmtitle:after  {
    display: none;
}

.member .cmtitle {
	text-align: center;
}

#member_indx2{
background:#fff;
/*background: #E6F5FA;*/
}
#member_indx3{
background: #fff;
}
#contents h2.subtitle {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-weight: bold;
	margin: 30px 0;
	padding: 10px 20px;
	font-size: 20px;
	font-size: 2rem;
	background: #ECF8EE;
	border-radius:3px;
}
#contents h2.subtitle:before {
	content: '';
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	width: 5px;
	height: 23px;
	margin-top: -11.5px;
	background: #48B655;
}

.member_wrapper{
padding:50px;
background:#fff;
}



/*--------------------  START Media Queries  --------------------*/
@media screen and (max-width:768px) {

.member .ctitlebox {
padding:20px 0;
}
.member .cmtitle:after {
    margin: 0 auto 10px;
    height: 10px;
}

.member_httl{
margin:0 0 10px 65px;
font-size:13px;
font-size:1.3rem;
line-height: 1;
}
#member_indx .lead{
padding:0 15px;
}
}/*768px*/




/*-------------------------------------------
	member index
--------------------------------------------*/
.search_title{
border-bottom:2px solid #48B655;
}

.search_title span{
display: inline-block;
padding:10px 20px;
color:#fff;
font-weight: 700;
font-size:18px;
font-size:1.8rem;
background:#48B655;
}

.search_title span:before{
    display: inline-block;
    content: "\f002";
    padding-right: 10px;
    font-size: 0.9em;
    text-align: center;
	
	
	font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
}







.searchsec{
padding:20px;
background: #FDF9F2;
}

.map{
position: relative;
width:100%;
height: 700px;
}

.map_ill{
position:absolute;
left:115px;
top:70px;
}

.map ul{
padding:10px;
}
.map ul li{
float:left;
width:65px;
font-size:13px;
font-size:1.3rem;
font-weight: 700;
padding:5px 5px;
line-height: 1;
margin-bottom:3px;
border:1px solid #ddd;
border-radius:5px;
background:#fff;
}
.map ul li input{
margin-right:1px;
 vertical-align : middle;
}
.map ul li label{
display: inline-block;
width: 100%;
height: 100%;
}
	
.mapbox01 ul li:nth-child(odd),
.mapbox02 ul li{
margin-right:5px;
}
.mapbox02 ul li:nth-child(3n){
margin-right:0;
}

.blockname input{
width:100%;
    display: block;
    padding: 10px 0;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 15px;
	font-weight: 700;
    color: #fff;
    border: none;
    font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.mapbox01{
position:absolute;
width:160px;
}
.mapbox02{
position:absolute;
width:230px;
}


.map01{
right:30px;
top:40px;
background: #EAF5FC;
}
.map01 input{
background:#339ADD url(../images/member_maparrow.png) no-repeat 10px center;
}


.map02{
right:30px;
top:245px;
background: #FBEBE7;
}
.map02 input{
background:#E37B5B url(../images/member_maparrow.png) no-repeat 10px center;
}

.map03{
right:30px;
bottom:160px;
background: #FDEEF2;
}
.map03 input{
background:#EE80C1 url(../images/member_maparrow.png) no-repeat 10px center;
}

.map04{
left:300px;
top:80px;
background: #E3F3E3;
}
.map04 input{
background:#73C172 url(../images/member_maparrow.png) no-repeat 10px center;
}

.map05{
left:320px;
bottom:160px;
background: #FCECD1;
}
.map05 input{
background:#FF9900 url(../images/member_maparrow.png) no-repeat 10px center;
}

.map06{
left:40px;
top:45px;
background: #F4F2F8;
}
.map06 input{
background:#9884BD url(../images/member_maparrow.png) no-repeat 10px center;
}


.map07{
left:50px;
bottom:130px;
background: #E1F4F2;
}
.map07 input{
background:#44BBAC url(../images/member_maparrow.png) no-repeat 10px center;
}



.search_btn{
width:400px;
margin:0 auto;
}
.map .search_btn{
left:250px;
bottom:40px;
position:absolute;
}

.search_btn input{
width:100%;
    display: block;
    padding: 20px 0;
    font-size: 20px;
    font-size: 2rem;
    font-weight: 700;
	line-height: 15px;
    color: #fff;
    border: none;
    font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background:#48B655;
	border-radius:50px;
}

.searchname .search_btn{
margin-top:30px;
}

.searchsec_inner{
padding:20px;
background:#fff;
}


.searchname table {
	width: 100%;
}
.searchname table td,
.searchname table th{
padding:15px;
	border-top: 1px solid #e8e8e8;
}
.searchname table th {
	width: 30%;
	text-align: left;
	white-space: nowrap;
}
.searchname table td {
	width: 70%;
}
.searchname td label {
display: block;
	padding: 5px;
}

.searchname td input {
	margin: 2px 8px 0 0;
}


.searchname .text_box {
	width: 450px;
	height: 35px;
	margin-right: 5px;
	padding: 7px;
	border: 1px solid #cdd7e5;
	background-color: #ffffff;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 3px;
}
.searchname ul li{
display: inline-block;
margin-right:15px;
margin-bottom:8px;
    padding: 5px 10px;
    background: #f8f8f8;
    border-radius: 3px;
    vertical-align: top;
}

.search_btm li{
width:48%;
float: left;
}

.search_btm li+li{
margin-left:4%;
}

.search_btm li a{
display: block;
padding:15px 0;
text-align: center;
font-weight: 700;
background: #ECF8EE;
}

.search_btm li a:before{
    display: inline-block;
    content: "\f138";
    padding-right: 10px;
	font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    text-align: center;
}



/*--------------------  START Media Queries  --------------------*/
@media screen and (max-width:950px) {
.member_wrapper{
padding:30px;
background:#fff;
}
.map{
position: relative;
width:100%;
height: auto;
}

.map_ill{
display: none;
}

.blockname input{
text-align: left;
padding-left:30px;
}
.mapbox01,
.mapbox02{
position:relative;
width:100%;
margin-top:20px;
}



.map01{
top:auto;
right:auto;
background: #EAF5FC;
}
.map01 input{
background:#339ADD url(../images/member_maparrow.png) no-repeat 10px center;
}


.map02{
position:relative;
top:auto;
right:auto;
background: #FBEBE7;
}
.map02 input{
background:#E37B5B url(../images/member_maparrow.png) no-repeat 10px center;
}

.map03{
top:auto;
right:auto;
bottom:auto;
background: #FDEEF2;
}
.map03 input{
background:#EE80C1 url(../images/member_maparrow.png) no-repeat 10px center;
}

.map04{
left:auto;
top:auto;
background: #E3F3E3;
}
.map04 input{
background:#73C172 url(../images/member_maparrow.png) no-repeat 10px center;
}

.map05{
left:auto;
bottom:auto;
background: #FCECD1;
}
.map05 input{
background:#FF9900 url(../images/member_maparrow.png) no-repeat 10px center;
}

.map06{
left:auto;
top:auto;
background: #F4F2F8;
}
.map07{
left:auto;
bottom:auto;
background: #E1F4F2;
}
.map .search_btn{
left:auto;
bottom:auto;
position:relative;
margin-top:30px;
}

.search_btn{
width:100%;
margin:0;
}
.search_btn input{
    font-size: 18px;
    font-size: 1.8rem;
}
.searchname .text_box {
	width: 100%;
	height: 35px;
	font-size:16px;
	font-size:1.6rem;
	margin-right: 0;
}
.searchname table th,
.searchname table td{
display: block;
}
.searchname table th {
	width: 100%;
padding-botoom:5px;
	
}
.searchname table td {
	width: 100%;
border-top:none;
padding-top:0;
}

.search_btm li{
width:100%;
float: none;
}

.search_btm li+li{
margin-left:0;
}
.search_btm li a{
padding:15px 10px;
text-align: left;
}
.search_btn input{
    font-size: 16px;
    font-size: 1.6rem;
}
}

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

.member_wrapper{
padding:10px 10px 30px;
}
h2+.search_title{
margin-top:30px;
}
.searchsec{
padding:0;
background:none;
}
.searchsec_inner{
margin-top:20px;
padding:0;
}

.map ul li{
width:32%;
margin-bottom:8px;
padding:10px 8px;
}

.mapbox01 ul li:nth-child(odd),
.mapbox01 ul li,
.mapbox02 ul li{
margin-right:2%;
}
.mapbox01 ul li:nth-child(3n){
margin-right:0;
}
.mapbox02 ul li:nth-child(3n){
margin-right:0;
}
.map ul li input{
margin-right:5px;
background: #fff;
}

.searchname ul li{
width:100%;
margin-right:0px;
}
}/*640px*/


/*-------------------------------------------
	search result
--------------------------------------------*/
.result_head_l{
float:left;
}
.result_head_r{
float:right;
}

.result_head_l select{
width:60px;
margin-left:5px;
padding:3px;
border-radius:3px;
border:1px solid #cdcdcd;
}


.result_pages{
display: inline-block;
font-weight: 700;
padding:0 5px;
}
.result_pages span{
padding: 0 10px;
}


.local_navigation {
display: inline-block;
  line-height:1;
  text-align:center;
}

a.page_numbers,
.local_navigation .current {
  display:inline-block;
  width:36px;
  padding:10px 0;
  margin:0 1px;
  text-decoration:none;
  background:#ebebeb;
  transition: .20s ease-in-out;
  -ms-transition: .20s ease-in-out;
  -webkit-transition: .20s ease-in-out;
  -moz-transition: .20s ease-in-out;
  -o-transition: .20s ease-in-out;
}

a.page-numbers:hover,
.local_navigation .current {
  color:#fff;
  background:#21A201;
}
.local_navigation .prev,
.local_navigation .next{
width:50px;
}






.memb_result_list table{
width:100%;
}

.memb_result_list table tr{
border-top:5px solid #fff;
background:#F4FBF5;
}
.memb_result_list table tr:nth-child(even){
background:#F6F7F8;
}
.memb_result_list table th,
.memb_result_list table td{
padding:20px 18px;
}

.memb_result_list table th{
width:180px;
text-align: left;
border-right:1px dotted #ddd;
}
.memb_result_list table td{
width:480px;
word-break: break-all;
}
.memb_result_list table th a{
display: block;
padding:5px;
line-height: 1.2;
text-indent: -1.5em;
margin-left:1.5em;
text-decoration: underline;

}

.memb_result_list table th a:hover{
color:#21A201;
}
.memb_result_list table th a:before{
content:"";
display: inline-block;
background:url(../images/memb_arrow.png) no-repeat left center;
vertical-align: middle;
width:23px;
height: 20px;
}
.memb_result_btm{
margin-top:30px;
text-align: center;
}






.sec .m_sec p {
margin-bottom: 0;
}
.m_sec{
margin-top:10px;
line-height: 1.5;
font-size:14px;
font-size:1.4rem;
}
.m_sec.m_address{
margin-top:0;
}


.memb_result_list table .memb_detail{
width:100%;
}
.memb_result_list table .memb_detail > li:after{
	content: "";
	display: block;
	clear: both;
}
.memb_result_list table .memb_detail > li{
width:100%;
margin-bottom:8px;
vertical-align: top;

	min-height: 1%;  /* for Firefox　*/
	zoom: 1;
	}



.memb_result_list table td .m_sec:before{
width:6em;
display:block;
float:left;
margin-right:10px;
padding:5px 5px;
text-align: center;
font-size:12px;
font-size:1.2rem;
vertical-align: top;
background:#fff;
color:#666;
line-height: 1;
}

.m_address:before{
content: "\6240\5728\5730";
}


.m_site:before{
content: "WEB\30B5\30A4\30C8";
}
.m_blog:before{
content: "\30D6\30ED\30B0";
}
.m_biz:before{
content: "\5B9F\65BD\4E8B\696D";
}
.m_other:before{
content: "\305D\306E\4ED6";
}

.m_keyword:before{
content: "\7279\5FB4";
}
.m_rec:before{
content: "\63A1\7528\5BFE\8C61";
}

.m_blogcont{
display: block;
}

.areaframe{
display: inline;
}
.m_blogttl{
display: inline;
}
.m_blogcont{
margin-left:6.5em;
}

.memb_result_list table td .m_sec .areaframe+p{
margin:5px 0 0 6.5em;
}
.areaframe span{
display:inline-block;
margin-right:8px;
padding:3px 5px;
color:#fff;
font-size:13px;
font-size:1.3rem;
background:#21A201;
line-height: 1;
white-space: nowrap;
}

.m_address{
display:table;
width:100%;
}
.m_bx{
display:table-cell;
}
.m_bx+.m_bx{
padding-left:10px;
}
.m_site{
line-height: 1.5;
}
.m_other,
.m_keyword{
    font-size:1.2rem;
    }
.m_biz ul, .m_other ul,
.m_biz ul li, .m_keyword ul {
display: inline-block;
    margin-left: 0;
	max-width: 350px;
}
.m_biz ul li, .m_other ul li,
.m_biz ul li, .m_keyword ul li{
display: inline-block;
line-height: 1;
}
.m_other ul li,
.m_keyword ul li{
background-color: #9c9c9c;
color: #fff;
padding: 5px;
font-size: 93%;
border-radius: 0.3em;
}
.m_keyword ul li{
	margin-bottom:3px;
}
/*
.m_biz ul li+li, .m_other ul li+li, .m_keyword ul li+li{
margin-right:5px;
}*/
.m_biz ul li, .m_other ul li, .m_keyword ul li{
margin-right:5px;
}

.memb_result_list table td.m_photo{
width:180px;
text-align: right;
padding-left:0;
padding-right:10px;
}

.m_photo img,
.m_photo iframe{
max-width:180px;
height: auto;
}

.m_blog a{
display: block;
}
.m_ttl{
width:6em;
display: inline-block;
padding:3px 5px;
text-align: center;
font-size:12px;
font-size:1.2rem;
vertical-align: top;
background:#fff;
}




/*--------------------  START Media Queries  --------------------*/
@media screen and (max-width:950px) {

.memb_result_list table th,
.memb_result_list table td{
padding:18px;
display: block;
}
.memb_result_list table th{
width:100%;
text-align: left;
border-right:none;
border-bottom:1px dotted #ddd;
}
.memb_result_list table td{
width:100%;
}
.m_sec+.m_sec{
margin-top:20px;
}
.memb_result_list table td.m_photo{
width:100%;
text-align: center;
padding-left:0;
padding-right:0px;
}
.memb_result_list table td .m_sec:before{
display:block;
float:none;
margin-right:0;
margin-bottom:8px;
}
.m_blogcont{
margin-left:0;
}
.memb_result_list table td .m_sec .areaframe+p{
margin:5px 0 0 0;
}
}
@media screen and (max-width:640px) {
.result_head_l{
float:none;
}
.result_head_l select{
font-size:16px;
font-size:1.6rem;
}
.result_head_r{
float:none;
text-align: center;
margin-top:20px;
}
.memb_result_list.sec{
margin-top:50px;
}
}




/*-------------------------------------------
	member recruit
--------------------------------------------*/
.memb_search ul,
.memb_search > ul > li{
width:100%;
}

.memb_search .select_box{
	width: 200px;
	height: 40px;
	margin-right: 5px;
    padding: 8px 12px;
	border: 1px solid #cdd7e5;
	background-color: #ffffff;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
 	outline:none;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;



    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

}
.select-wrap {
    position: relative;
	width: 200px;
}
.select-wrap:before {
    z-index: 1;
    position: absolute;
    right: 15px;
    top: 0;
	content: "\f107";
    line-height: 43px;
    color: #7F878C;
    pointer-events: none;
	

font-size:0.9em;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-style: normal;
}

select::-ms-expand {
  display: none;
}
select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}
/*
.select-wrap.select-primary:before{
  color:#fff;
}
.select-wrap.select-primary > select{
  background:#0084B4;
  color:#fff;
  border-color:#0084B4;
}
.select-wrap.select-primary > select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #fff;
}*/


.memb_search > ul {
border-bottom:1px solid #ddd;
}
.memb_search > ul > li{
display: table;
}
.memb_rec_select,
.memb_rec_name{
display: table-cell;
padding:20px;
border-top:1px solid #eaeaea;
}
.memb_search > ul > li:last-child .memb_rec_name{
vertical-align: top;
}
.memb_search > ul > li:last-child .memb_rec_select{
padding:0px;
}
.memb_rec_name{
width:20%;
font-weight: 700;
}
.memb_rec_select{
width:80%;
border-left:1px solid #ddd;
}

.memb_rec_select ul li{
display: inline-block;
margin-right:15px;
padding:5px 10px;
 border-radius: 3px;
 vertical-align: top;
 line-height: 1;
}
.memb_rec_select li input{
margin-right:5px;
}
.memb_rec_select ul li label{
display: block;
}
.member_recruit .search_btn input{
margin-top:50px;
font-size:18px;
font-size:1.8rem;
}

.member_recruit_cont h2{
padding:8px;
font-weight:700;
color:#fff;
background:#48B655;
}


.fname{
display: inline-block;
padding:0 10px;
background:#eee;
}
.memb_rec_select dl{
display: table;
width:100%;
border-top:1px solid #ddd;
}
.memb_rec_select dl:first-child{
border-top:none;
}
.memb_rec_select dl dt,
.memb_rec_select dl dd{
display: table-cell;
vertical-align: top;
padding:10px;
}
.memb_rec_select dl dt{
width:120px;
font-weight: bold;
}
.memb_rec_select dl dd{
border-left:1px solid #ddd;
}


/*--------------------  START Media Queries  --------------------*/
@media screen and (max-width:640px) {

.memb_search > ul > li{
display: block;
padding:20px  20px;
border-top:1px solid #eaeaea;
}
.memb_rec_select,
.memb_rec_name{
display: block;
padding: 0;
border-top:none;
}
.memb_rec_name{
width:100%;

}
.memb_rec_select{
width:100%;
}
.memb_search .select_box{
width:100%;
	font-size:16px;
	font-size:1.6rem;
}

.memb_search input[type=text] {
	transform: scale(0.9);
}
.memb_rec_select{
	width:100%;
	border-left:none;
}

.memb_rec_select ul li{
	display: inline-block;
	width:49%;
	margin-right:0;
}

.memb_rec_select dl{
	display:block;
	width:100%;
	border-top:none;
}
.memb_rec_select dl dt,
.memb_rec_select dl dd{
	display:block;
	width:100%;
	vertical-align: top;
	padding:0;
}
.memb_rec_select dl dt{
	width:100%;
	margin-top:20px;
	padding:2px 10px;
	background:#eee;
}
.memb_rec_select dl dd{
	margin-top:10px;
	border-left:none;
}

}/*640px*/

@media screen and (max-width:480px) {
.memb_rec_select ul li{
	width:100%;
}
.sec .blog_list dd p.fname{
	margin-bottom:5px;
}
}/*480px*/



/*-------------------------------------------
	activity
--------------------------------------------*/
	
.areabox{
displat:table;
width:100%;
}
.areabox+.areabox{
border-top:1px solid #eaeaea;
}
.areabox .areaname{
display: table-cell;
width:130px;
}
.areabox .areaname a{
padding:10px;
color:#fff;
}
.area_pref{ 
display: table-cell;
padding:8px;
}

.areabox ul{
width:100%;
}
.areabox ul li{
display: inline-block;
}
.areabox ul li+li{

}
.areabox ul li a{
padding:5px 0;
}
.areabox ul li a:after{
content: "|";
display: inline-block;
padding:0 8px;
color:#ddd;
}
.areabox ul li:last-child a:after{
content: none;

}


.member_activity_cont{
margin-top:80px;
}


.areacont{
margin-top:30px;
}

.areasec h2{
padding:8px;
font-weight:700;
color:#fff;
}
.areasec h3{
padding:8px;
}

.area01 .areaname,
.area01 h2{
background:#339ADD;
}
.area02 .areaname,
.area02 h2{
background:#E37B5B;
}
.area03 .areaname,
.area03 h2{
background:#EE80C1;
}
.area04 .areaname,
.area04 h2{
background:#73C172;
}
.area05 .areaname,
.area05 h2{
background:#FF9900;
}
.area06 .areaname,
.area06 h2{
background:#9884BD;
}
.area07 .areaname,
.area07 h2{
background:#44BBAC;
}


.area01 h3{
background: #EAF5FC;
}
.area02 h3 {
background: #FBEBE7;
}
.area03 h3 {
background: #FDEEF2;
}
.area04 h3 {
background: #E3F3E3;
}
.area05 h3 {
background: #FCECD1;
}
.area06 h3 {
background: #F4F2F8;
}
.area07 h3 {
background: #E1F4F2;
}




/*--------------------  START Media Queries  --------------------*/
@media screen and (max-width:480px) {
.areabox,
.areabox .areaname,
.area_pref{ 
display:block;
width:100%;;
}
}/*480px*/









/*-------------------------------------------
	member page
--------------------------------------------*/
.member_snav{
margin-bottom:50px;
}
.member_snav li{
float:left;
width:33.33%;
margin-bottom:2px;
border-right:2px solid #fff;
}
.member_snav li a{
position: relative;
display: block;
width:100%;
padding:8px 0;
text-align: center;
background: #f3f3f3;
}
.member_snav li a:after{
position:absolute;
top:30%;
right:10px;
display: inline-block;
content: "\f107";
font-size:0.9em;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-style: normal;
color:#21A201;
}


.member_head{
display: table;
width:100%;
}
.member_head .main_title{
display: table-cell;
width:45%;
padding-right:5%;
font-size:28px;
font-size:2.8rem;
font-weight: 700;
vertical-align: middle;
}
.member_head .main_ph{
display: table-cell;
width:40%;
}
.member_head .main_ph img,
.member_head .main_ph iframe{
width:100%;
height: auto;
}
.member_head .main_ph iframe{
min-height: 200px;
}
.member_ctitle{
font-size:23px;
font-size:2.3rem;
line-height: 1.5;
background: url(../images/cmn_menber_line01.gif) repeat-x left center;
}
.member_ctitle span{
font-size:18px;
font-size:1.8rem;
}
.member_ctitle .cmtitle{
display: inline-block;
padding:0 80px;
background:#fff;
}
.member_ctitle .cmtitle:after{
    display: none;
}
.member_stitle_box{
margin-bottom:20px;
text-align: center;
background: url(../images/cmn_menber_line01.gif) repeat-x left center;
}

.member_stitle{
display: inline-block;
font-size:24px;
font-size:2.4rem;
font-weight: 700;
padding:0 60px;
background:#fff;
}

.business_category > li{ 
float:left;
width:30%;
margin:0 5% 30px 0;
}
.business_category > li:nth-child(3){
margin-right:0;
}
.business_category > li:nth-child(4){
clear: left;
}
.business_category .memb_ic {
text-align: center;
 }

/*
.business_category li ul li{ 
display: inline-block;
width:auto;
margin: 0 1% 0 0;
}
.business_category li ul li:nth-child(3){
margin-right:1%;
}
.business_category li ul li:nth-child(4){
clear: none;
}
*/
.blog_list li{
padding:8px 0;
border-top:1px dotted #ccc;
}

.blog_list li,
.blog_list li a{
display: block;
min-height: 1%;  /* for Firefox　*/
zoom: 1;
}
.blog_list li:after,
.blog_list li a:after{
	content: "";
	display: block;
	clear: both;
}


.blog_list li a{
float:left;
}

.blog_list dl dt{
font-size: 13px;
font-size:1.3rem;
}

.sec .blog_list dd p{
margin-bottom:0;
}
.blog_ph{
float:right;
width:190px;
text-align:center;
}
.sec .blog_ph{
margin-bottom:0;
}
.blog_ph img{
width:auto;
height: 130px;
}




.member_mdtitle{
	position: relative;
	margin: 30px 0;
	padding: 8px 20px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 700;
	background: #ECF8EE;
}
.member_mdtitle:before {
	content: '';
	position: absolute;
	display: block;
	top: 50%;
	left: 0;
	width: 5px;
	height: 23px;
	margin-top: -11.5px;
	background: #48B655;
}


.memb_list_btn{
width:250px;
margin:50px auto 0;
}
.memb_list_btn a{
display: block;
padding:10px 0;
text-align: center;
color:#fff;
background: #48B655;
}


.accessmap iframe{
width:100%;
height: 250px
}



.photo_gallary li{
width:48%;
float:left;
margin-bottom:30px;
}
.photo_gallary li:nth-child(even){
margin-left:4%;
}
.photo_gallary li:nth-child(3){
clear: left;
}
.photo_gallary li p{
margin-top:10px;
}
.photo_gallary li img{
width:100%;
height: auto;
}


.member_page table{
width:100%;
border-collapse: collapse;
}

.member_page table th,
.member_page table td{
padding:15px 10px;
word-break: break-all;
border:1px solid #eaeaea;
}
.member_page table th{
width:220px;
text-align: left;
background:#fafafa;
vertical-align: top;
white-space: nowrap;
}
.member_page table th span{
display: block;
}
.member_page table th br{
display: none;
}
.member_page .dslist li{
padding-right:10px;
margin-bottom:0.2em;
}



.member_page .list3 li{
display:inline-block;
padding-right:30px;
}
.member_page .list4 li{
display:block;
margin:5px 0;
}




.member_page .pdf:before,
.member_page a[href$=".pdf"]:before{
  display:inline-block;
  content:url(../images/icon_pdf.png);
  margin-right:7px;
  line-height:1;
  vertical-align:middle;
}
#contents a[href$=".pdf"]:after,
.member_page .pdf:after{
  content:none;
}

.member_page a[href$=".doc"]:before,
.member_page a[href$=".docx"]:before{
  display:inline-block;
  content:url(../images/icon_word.png);
  margin-right:7px;
  line-height:1;
  vertical-align:middle;
}
#contents a[href$=".doc"]:after,
#contents a[href$=".docx"]:after,
.member_page a[href$=".doc"]:after,
.member_page a[href$=".docx"]:after{
content: none;
}


.member_page .excel:before,
.member_page a[href$=".xls"]:before,
.member_page a[href$=".xlsx"]:before{
  display:inline-block;
  content:url(../images/icon_excel.png);
  margin-right:7px;
  line-height:1;
  vertical-align:middle;
}
#contents a[href$=".xls"]:after,
#contents a[href$=".xlsx"]:after,
.member_page a[href$=".xls"]:after,
.member_page a[href$=".xlsx"]:after{
content: none;
}

.member_page .dslist li:before{
display: inline-block;
content: "\f192";
padding-right:8px;
font-size:0.9em;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-style: normal;
text-align: center;
color:#21A201;
}
.member_page .pc:before{
display: inline-block;
content: "\f0c1";
padding-right:10px;
font-size:0.9em;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-style: normal;
text-align: center;
color:#21A201;
}





/*--------------------  START Media Queries  --------------------*/

@media screen and (max-width:768px) {
.member_head{
display: table;
width:100%;
}
.member_ctitle .cmtitle{
font-size:26px;
font-size:2.6rem;
}
.member_head .main_title{
display: block;
width:100%;
padding-right:0;
line-height: 1.5;
    font-size: 22px;
    font-size: 2.2rem;
margin-bottom:20px;
}
.member_head .main_ph{
display: block;
width:100%;
}

.business_category > li{ 
float:left;
width:48%;
margin:0 4% 30px 0;
}
.business_category > li:nth-child(even){
margin-right:0;
}
.business_category > li:nth-child(3){
margin-right:4%;
clear:left;
}
.business_category > li:nth-child(4){
clear: none;
}
.business_category > li:nth-child(5){
clear:left;
}



.blog_list dl {
float:none;
}
.blog_list dl dt{
font-size: 13px;
font-size:1.3rem;
}
.blog_ph{
float:none;
width:100%;
margin-top:20px;
text-align:center;
}
}/*768px*/

@media screen and (max-width:640px) {
.member_snav li{
width:50%;
font-size:14px;
font-size:1.4rem;
}
.member_page table th,
.member_page table td{
display: block;
width:100%;
padding:8px 10px;
border:none;
}
.member_page table th{
width:100%;
text-align: left;
background: #f3f3f3;
vertical-align: top;
white-space: normal;
}

.member_page table th span{
display: inline;
}
.member_page table td{
padding-bottom:30px;
border-top:none;
border-bottom:none;
}

.member_page table tr:last-child td{
border-bottom:none;
}
}/*640px*/

@media screen and (max-width:480px) {
/*
.member_snav li{
float:none;
width:100%;
border-right:none;
}
*/
.business_category > li{ 
float:none;
width:100%;
margin:30px 0 30px 0;
}
.business_category > li:nth-child(3){
margin-right:0;
}


.photo_gallary li{
float:none;
width:100%;
margin-bottom:30px;
}
.photo_gallary li:nth-child(even){
margin-left:0;
}

.memb_list_btn{
width:90%;
margin:50px auto 0;
}

.member_stitle{
font-size:20px;
font-size:2.0rem;
padding:0 30px;
}
}/*480px*/


/*-------------------------------------------
	blog
--------------------------------------------*/
.blg_toplist {
margin-top:30px;
}

.blg_toplist ul li{
	float: left;
	width: 33%;
	margin-bottom: 2px;
	border-right: 2px solid #fff;
}

.blg_toplist ul li a {
	position:relative;
	display: block;
	padding: 15px 0;
	text-align: center;
	line-height:1;
	background: #f3f3f3;
}
.blg_toplist ul li a:after {
    position: absolute;
    top: 30%;
    right: 10px;
    display: inline-block;
    content: "\f105";
    font-size: 0.9em;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-style: normal;
    color: #21A201;
}

.blg_toplist ul li a.navon {
	background: #ECF8EE;
}
.blg_toplist ul li a.navon:after  {
    content: none;
}
.blog_title_sec{
margin-top:70px;
}

.blg_yearlist{
margin-top:40px;
}
.blg_toplist_year li {
	display: inline-block;
	margin-bottom: 2px;
	border-right: 1px solid #dedede;
}
.blg_toplist_year li a {
	display: block;
	padding: 0px 15px;
	text-align: center;
}

.blg_tsec {
margin:30px 0 80px;
}
.member_page .member_detail .member_mtitle{
text-align: left
}
.member_page .member_mdtitle {
    margin: 40px 0 10px;
}


/****************************************************/

#blog .member_mdtitle:before{
content: none;
}
.blgicon:before{
display: inline-block;
padding-right:10px;
font-size:20px;
font-size:2rem;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-style: normal;
text-align: center;
color:#21A201;
}
.ctg01:before{
content: "\f024";
}
.ctg02:before{
content: "\f007";
}
.ctg03:before{
content: "\f073";
}
.ctg04:before{
content: "\f0a1";
}
.ctg05:before{
content: "\f075";
}

/****************************************************/
.blg_year{
font-size:28px;
font-size:2.8rem;
font-weight: 700;
color:#48B655;
}





.blgcont_article{
margin-top:40px;
}
.posttitle p{
border-bottom:1px solid #ddd;
}
.blg_title{
margin-top:10px;
font-size:20px;
font-size:2rem;
font-weight: 700;
}

.postbody{
margin-top:20px;
}

.blglnk{
margin-top:30px;
}


.blg_phb,
.blg_phs {
	text-align: center;
}

.blg_phb ul li+li {
	margin-top: 20px;
}
.blg_phs ul li {
	float: left;
	width: 49.5%;
	margin-right:1%;
	margin-bottom:10px;
}

.blg_phs ul li:nth-child(even) {
margin-right:0;
}
.blg_phb img,
.blg_phs img{
	max-width: 100%;
	height: auto;
}
.blg_phb ul li p,
.blg_phs ul li p{/*
text-align: left;*/
}
.blg_txtlink li:before {
	content: "・";
}
.blg_photolinksmall li {
	display: inline-block;
}
.blg_photolink img {
	margin-bottom: 20px;
}
.blg_btm{
margin-top:50px;
text-align: center;
}
.blg_btm li{
display: inline-block;
width:250px;
}
.blg_btm li+li{
margin-left:15px;
}
.blg_btm li a{
display: block;
padding:10px 0;
text-align: center;
color:#fff;
background: #48B655;
}


/*--------------------  START Media Queries  --------------------*/

@media screen and (max-width:768px) {
.blg_toplist ul li{
	float: left;
	width: 50%;
	margin-bottom: 2px;
	border-right: 2px solid #fff;
}
.blg_btm li{
display: block;
width:80%;
margin:0 auto;
}
.blg_btm li+li{
margin-top:10px;
margin-left:auto;
}
}/*768px*/


@media screen and (max-width:480px) {
.blg_toplist ul li{
	float: left;
	width: 100%;
	margin-bottom: 2px;
	border-right: none;
}
}/*480px*/




/*-------------------------------------------
	seinen search
--------------------------------------------*/
.ty_banner_icon{
    display: inline-block;
}

.seinen_search_banner{
    width: calc(100% - 45px);
    margin:-45px 0 0 25px;
    padding:10px;
    background:#33AD52 url("../images/member_tybanner_bg.png") no-repeat;
    background-size: cover;
}
.seinen_search_banner_inner{
    padding:20px 10px;
    background:#fff;   
}


.seinen_search_banner a{
    position: relative;
    display: block;

    text-align: center;
}
.seinen_search_banner a::after{
position: absolute;
    content: "";
    display: inline-block;
    width:35px;
    height: 40px;
    top:30%;
    right:3%;
    background: url("../images/member_tybanner_arrow.png") no-repeat;
}



.sub_cmtitle{
    display: inline-block;
    margin-bottom:.5rem;
    padding:0 1rem;
    color:#fff;
    font-size: 2rem;
    font-weight: 700;
    background:#BB9202;
/*    background:#33AD52;*/
    border-radius: 5px;
}
.inner.seinen_search{
    max-width:1100px;
    width:94%;
}
.hd_notes{
    width:60%;
    margin:40px auto 0;
    padding:20px;
    border:1px solid #DDC983;
    background:rgba(255,255,255,.5);
    border-radius: 5px;
}
.hd_notes dl+dl{
margin-top:15px;
}
.hd_notes dt{
    display: inline-block;
    font-size: 1.4rem;
    padding:0 1rem;
    color:#fff;
    background-color: #BB9202;
        border-radius: 5px;
}
.hd_notes dd{
    display: inline-block;
    margin-left:1.5rem;
}


.freeword_txtbox{
	width: 100%;
	height: 35px;
    box-sizing: border-box;
	border: 1px solid #cdd7e5;
	background-color: #ffffff;
	border-radius: 3px;
	padding-left: 6px;
}

.selectbox {
    height: 35px;
    position: relative;
    padding: 0 40px 0 10px;
    z-index: 1;
    	border: 1px solid #cdd7e5;
	border-radius: 3px;
}

.search_section .note{
    font-size:1.4rem;
    color:#888;
    }
.search_section .search_btn {
    max-width: 90%;
    width:80%;
    margin: 50px auto 0;
}
.search_section .search_btn p{
    position: relative;
    display:flex;
        padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background:#48B655;
	border-radius:50px;

}
.search_section .search_btn input{
display: inline-block;
    padding:20px;
    appearance: none;
	border-radius:0;
background:none;
}

.search_section .search_btn p:after{
    content: "\f138";
    padding-right: 40px;
    font-size: 2.4em;
    text-align: center;
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
color:#fff;

}



.sr_sec{
    display: flex;
    padding:20px 0;
    border-top:1px solid #ddd;
}
.sr_sec:first-child{
    border-top:none;
}
.sr_title{
    width:150px;
  }
.sr_item{
    flex:1;
}
.sr_item ul {
      display: flex;
    flex-wrap: wrap;
    align-items: stretch;
        gap:.5rem 2%;
}
.sr_item li{
    display: flex;
width:31.3%;    
    line-height: 1.4;
    font-size: 1.4rem;
   background:#f3f3f3;
    border-radius: 5px;
}
.sr_item li label{
          position: relative;
    display: flex;
    width:100%;
     padding:8px;
         cursor: pointer;
}
.sr_item li span{
    flex:1;
       }

.sr_item li label:has(:checked){
    background-color: #BB9202;
    color: #fff;
        border-radius: 5px;
}


.sr_item li label::before {
    content: '';
    width: 20px;
    height: 20px;
    margin-right: .8rem;
    border:1px solid #cdd7e5;
    border-radius: 5px;
    background-color: #fff;
    
}
.sr_item li label:has(:checked)::after {
    position: absolute;
    top: 12px;
    left: 16px;
    transform: rotate(45deg);
    width: 4px;
    height: 8px;
    border: solid #BB9202;
    border-width: 0 2px 2px 0;
    content: '';
}


.checkbx{
    display: none;
}
.sr_stitle,
.sr_md{
    font-weight: 700;
}
.sr_stitle{
    color:#BB9202;  
}

.search_section ul+.sr_md{
    margin-top:40px;
}

@media screen and (max-width:768px) {
    .ty_banner_icon{
    width:60px;
        height: 60px;
}

.seinen_search_banner{
    width: calc(100% - 30px);
    margin-top:-30px;
    padding:10px;
    background:#33AD52 url("../images/member_tybanner_bg.png") no-repeat;
    background-size: cover;
}
    
    .seinen_search_banner a::after{
        display: none
    }
.sr_sec{
     flex-direction: column;
    }
.sr_title{
    width:100%;
}
.sr_item{
    flex:1;
}
.sr_item ul {
    flex-wrap: wrap;
    align-items: stretch;
        gap:.5rem 2%;
}
    .sr_item li{
width:49%;
}
    .hd_notes{
    width:90%;
}
.hd_notes dl{
text-align: left;
}

.hd_notes dd{
    margin-left:0;
}

}



/*-------------------------------------------
	keyword
--------------------------------------------*/
.keyword_list{
    display: flex;
    flex-wrap: wrap;
   gap:1rem 2%;
}

.keyword_list li{
    width:30%;
    padding:.5rem;
    text-align: center;
    background:#fdf8e5
}
.business_category .memb_ictxt {
margin-bottom:20px;
}
.keyword_txtsect .keyword_stitle{
    font-weight: 700;
}
.keyword_txtsect+.keyword_txtsect{
    margin-top:40px;
}


@media screen and (max-width:768px) {
    .keyword_list li{
        width:49%;
    }
}
@media screen and (max-width:480px) {
    .keyword_list li{
        width:100%;
        text-align: left;
    }
}


/*-------------------------------------------
	member page add
--------------------------------------------*/

.memb_name{
    font-weight:700;
    text-align: center;
}

.memb_ctg{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap:0 1%;
}
.memb_kwd{
    margin-top:10px;
}
.memb_kwd li{
    padding:.3em .5em;
    font-size: 1.4rem;
line-height: 1.4;
    background: #fdf8e5;
}
.memb_kwd li+li{
    margin-top:.5em;
}
.memb_prof{
    margin-top:20px;
}
.memb_prof dl{
    display: flex;
}
.memb_prof dl+dl{
    margin-top:10px;
}
.memb_prof dl dt{
    width: 3rem;
    margin-right: 20px;
    font-weight: 700;
}
.memb_prof dl dd{
flex:1;
}