@charset "utf-8";

.cbtn_l,
.cbtn_s/*,
.cbtn_c*/{
    text-align: center;
text-indent:0;
}
.cbtn_lft{
text-align: left;
text-indent:0;
}
.cbtn_lft a,
.cbtn_l a,
.cbtn_s a/*,
.cbtn_c a*/{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border:1px solid #ddd;
  border-radius:3px;
  background:#f8f8f8;
}
.cbtn_l a,
.cbtn_lft a{
margin-top:20px;
padding:5px 20px;
}
.cbtn_s a{
padding:2px 10px;
font-size:1.4rem;
}
/*
.cbtn_c a{
padding:5px 20px;
color:#fff;
background:#226DB6;
}*/
/*

#member .cbtn_l a,
#member .cbtn_s a{
    color:#009A90;
    border-color:#009A90;
}
*/


.sarrow,
.arrow{
       position: relative;
}

.arrow:after,
.sarrow:after,
.clink_list li a.arrow:before{
content: "";
display: inline-block;
top: 45%;
margin-left:8px;
border-top: 2px solid;
border-right: 2px solid;
transform: rotate(45deg);
}
.arrow:after,
.clink_list li a.arrow:before{
    width: 8px;
    height: 8px;
}

.sarrow:after{
    width: 5px;
    height: 5px;
}

.cbtn_c .arrow:after,
.cbtn_c .sarrow:after{
border-color:#fff !important;
}
.clink_list li a.arrow:after{
display: none;
}

.clink_list li a.arrow{
display: flex;
}

.clink_list li a.arrow:before{
content: "";
display: block;
top: 0;
margin-top:10px;
margin-left:0;
margin-right:15px;
}

.clink_list_dot li{
text-indent: -0.5em;
margin-left:1em;
margin-bottom:10px;
}

.clink_list_dot li:before{
content: "\025cf";
display: inline-block;
font-size:1.2rem;
padding-right:.5em;
}


.top h2{
margin-top:10px;
font-weight: 700;
font-size:2.6rem;
line-height: 1.5;
text-align: center;
letter-spacing: .08em;
}
.top .top_cont_sec h2{
font-size:1.8rem;
}

.contents h2{
margin-bottom:40px;
font-weight: 700;
font-size:2.2rem;
}

.indx h2{
margin-bottom:20px;
font-weight: 700;
font-size:2.2rem;
}
.c_stitle{
margin-bottom:15px;
font-weight: 700;
font-size:2rem;
text-indent:0;
}
.c_stitle2{
margin-bottom:10px;
font-weight: 700;
text-indent:0;
}



.ttl_line:after{
      content:"";
    display: block;
    margin:20px auto 60px;
    width:220px;
    height: 40px;
    background-image: url("/images/cmn_line.png");  
    background-repeat: no-repeat;
}
#member .ttl_line:after{
    background-image: url("/images/cmn_member_line.png");  
}
#mypage .ttl_line:after{
    background-image: url("/images/cmn_mypage_line.png");  
}

.contents h2{
padding-left:.5em;
border-left:8px solid;
}
.contents.indx h2{
padding-left:0;
border-left:none;
}

#community .top h2,
#community .news_md,
#community .news_btn a,
#community .top_cont_dbtn,
#community .contents h1,
#community .contents h2,
#community .c_stitle,
#community .c_stitle2,
#community .data_sec .d_title a,
#community .data_sec .d_title,
#community .clink_list_dot li:before{
color:#226DB6;
}
#member .top h2,
#member .top h3,
#member .top a,
#member .news_md,
#member .news_btn a,
#member .cont_dbtn,
#member .contents h1,
#member .contents h2,
#member .contents h2 a,
#member .c_stitle,
#member .c_stitle2{
    color:#009A90;
}

#mypage .top h2,
#mypage .top h3,
#mypage .top a,
#mypage .news_md,
#mypage .news_btn a,
#mypage .cont_dbtn,
#mypage .contents h1,
#mypage .contents h2,
#mypage .contents h2 a,
#mypage .c_stitle,
#mypage .c_stitle2{
    color:#FA8B1D;
}
#mypage .contents h3{
    font-size:2rem;
    font-weight:700;
    margin: 20px 0;
    color:#FA8B1D;
}
#mypage .contents h4{
    font-weight:700;
    margin: 15px 0;
}
#mypage .contents h4::before{
    content:"■ ";
    color:#FA8B1D;
}

#community .arrow:after,
#community .sarrow:after,
#community .news_btn a,
#community .cont_dbtn,
#community .clink_list li a.arrow:before,
#community .contents h2,
.jmap_list h3{
    border-color:#226DB6;
}

#member .arrow:after,
#member .sarrow:after,
#community .tmember_news .sarrow:after,
#member .news_btn a,
#member .cont_dbtn,
#member .contents h2{
    border-color:#009A90;
}


#mypage .arrow:after,
#mypage .sarrow:after,
#community .tmypage_news .sarrow:after,
#mypage .news_btn a,
#mypage .cont_dbtn,
#mypage .contents h2{
    border-color:#FA8B1D;
}


.tcommunity_news .top_news_hd,
#community .vol_num{
background:#226DB6;
}
.tmember_news .top_news_hd{
background:#009A90;
}
.tmypage_news .top_news_hd{
background:#FA8B1D;
}




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

.contents.indx h2{
margin-top:20px;
}
.top h2{
font-size:2rem;
}
/*
.top .top_cont_sec h2{
font-size:1.6rem;
}*/

.contents h2,
.indx h2{
font-size:1.8rem;
}
#mypage .contents h3{
font-size:1.8rem;
}
.c_stitle{
font-size:1.6rem;
}
}



/*-------------------------------------------
	top
--------------------------------------------*/
.top_main{
display: flex;
align-items: center;
width:100%;
height: 400px;
letter-spacing: .08em;

}

.top_main p{
font-size:2.8rem;
text-indent:0;
}
#community .top_main{
background: url("/images/top_main.jpg") no-repeat center;
color:#fff;
background-size: cover;
}
#community .top_main p{
margin-left:5%;
}
#member .top_main{
background: url("/images/member_top_main.jpg") no-repeat center;
color:#fff;
background-size: cover;

}
#member .top_main p{
margin-left:5%;
}

.top_banner_box{
text-align:center;
padding:60px 0 0;
margin:0 3%;
}


#community .top_news_cont,
#member .top_news .inner,
#mypage .top_news .inner,
.news_list li{
    display: flex;
    }
.top_news .inner{
    align-items: center;
    justify-content: space-between;
}
#community .news_md{
margin-bottom:60px;
text-align: center;
}
#community .news_md p{
text-indent:0;
}
#member .news_md,
#mypage .news_md{
    position: relative;
    width:200px;
    padding:30px;
    text-align: center;
}
#member .news_md p,
#mypage .news_md p{
text-indent:0;
}

#member .news_md:before,
#member .news_md:after,
#mypage .news_md:before,
#mypage .news_md:after{
    content: "";
    width: 45px;
    height: 45px;
    position: absolute;
    display: inline-block;
}
#member .news_md:before,
#mypage .news_md:before{
     border-right: solid 1px #ddd;
   border-top: solid 1px #ddd;
    top:0;
        right: 0;
}
#member .news_md:after,
#mypage .news_md:after{
    border-bottom: solid 1px #dddd;
   border-left: solid 1px #ddd;
  bottom:0;
    left: 0;
}
p.news_btn{
    text-indent: 0;
}

#member .news_btn,
#mypage .news_btn{
    margin-top:20px;
}

.news_btn a {
    display: block;
    font-size:1.4rem;
   border:1px solid #ff6600; 
    border-radius:3px;
}



#community .top_news_cont{
justify-content: space-between;
}
#community .top_news_sec{
width:31%;
}
#community .top_news_sec .top_news_hd{
display: flex;
padding:10px;
justify-content: space-between;
align-items: center;
}
#community .top_news_sec .top_news_hd h3{
color:#fff;
}
#community .news_btn a {
padding:0 5px;
color:#333;
background:#fff;
border:none;
}



.cont_dbtn{
display: inline-block;
margin-top:30px;
padding:10px 20px;
border:1px solid #ff6600; 
border-radius:3px;
text-indent:0;

 }
.cont_dbtn a{
      display: block;
 }
.news_list{
    width:calc(100% - 250px);
}
.news_list li{
align-items: flex-start;
justify-content: flex-start;
padding:15px 0;
}
.news_list li:not(:first-child){
    border-top:1px dotted #ddd;
}

.news_date{
    width:100px;
text-indent:0;
}
.news_title{
    width: calc(100% - 215px);
}

#community .news_list,
#community .news_list .news_title{
width:100%;
}
.news-link{
text-indent:0;
}
#community .news_list li{
flex-wrap: wrap;
}


.ctg{
    width:100px;
    margin-right:15px;
    padding:0 10px;
    color:#fff;
    text-align: center;
    font-size: 1.2rem;
    border-radius: 3px;
}


#community .ctg01{
    background: #226DB6;
}

#community .ctg02{
    background: #1EB0D7;
}

#community .ctg03{
    background: #77B1E0;
}
#member .ctg01,
#community .tmember_news .ctg01{
    background: #008C98;
}

#member .ctg02,
#community .tmember_news .ctg02{
    background: #61BE6E;
}

#member .ctg03,
#community .tmember_news .ctg03{
    background: #4B7673;
}

#mypage .ctg01,
#community .tmypage_news .ctg01{
    background: #CE7325;
}

#mypage .ctg02,
#community .tmypage_news .ctg02{
    background: #DDA03E;
}

#mypage .ctg03,
#community .tmypage_news .ctg03{
    background: #7B4A06;
}



.top_contents{
padding:80px 0;
background:#F2F7FB;
}
.top_contents .flx{
flex-wrap: wrap;
}
.top_cont_sec{
width:23%;
}


.top_contents .top_cont_sec:nth-child(n+5){
margin-top:80px;
}

.top_banner .flx{
justify-content: center;
}

.top_banner li+li{
margin-left:20px;
}








@media screen and (max-width:980px) {
.top_main{
height: 30vh;
}
.top_main p{
padding:0 5%;
font-size:2.2rem;
}

#community .top_main{
background: url("/images/top_main.jpg") no-repeat 60% center;
color:#fff;
background-size: cover;

}
#member .top_main{
background: url("/images/member_top_main.jpg") no-repeat center;
color:#fff;
background-size: cover;

}

.top .top_banner_box{
padding:40px 0 0;
}

#community .top_news_cont,
.news_list li{
    flex-wrap: wrap;
    }
    
#community .top_news_sec{
width:100%;
}
#community .top_news_sec+.top_news_sec{
margin-top:50px;
}


#member .top_news .inner,
#mypage .top_news .inner{
flex-direction: column;
}

#member .news_md,
#mypage .news_md{
    position: relative;
    width:100%;
    padding:20px;
}

#member .news_md:before,
#member .news_md:after,
#mypage .news_md:before,
#mypage .news_md:after{
    content: none;
}
.news_list {
width:100%;
}

.news_list li{
flex-direction: column;
}

.news_title{
    width: 100%;
}

.top_contents{
padding:0 0 50px 0;
}


.top_cont_sec{
width:48%;
text-align: center;

}
.top_contents .top_cont_sec,
.top_contents .top_cont_sec:nth-child(n+5){
margin-top:50px;
}

.top_banner .flx{
flex-direction: column;
flex-wrap: wrap;
text-align: center;
}

.top_banner li+li{
margin-top:20px;
margin-left:0;
}


.contents.indx .cont_dbtn{
display: block;
width:80%;
margin-right:auto;
margin-left:auto;
}

.contents.indx .cont_dbtn a{
text-align: center;
}

#member .news_btn,
#mypage .news_btn{
    display: inline-block;
}

.news_btn a {
    padding:0 20px;
}

/*

.news_list{
    width:100%;
}

.news_list li:not(:first-child){
    border-top:1px dotted #ddd;
}

.news_date{
    width:90px;
}
.news_title{
    width: calc(100% - 205px);
}
*/
#community .news_list,
#community .news_list .news_title{
width:100%;
}

#community .news_list li{
flex-wrap: wrap;
}


}












/*member top*/
#member .top_main{
    position: relative;
}

#member .top_main p{
    
}
.top_seminar_list{
    width:100%;
}

.top_seminar_list thead{
    text-align: center;
    color:#fff;
    background:#009A90;
}
.top_seminar_list th,
.top_seminar_list td{
    padding:15px 10px;
    border-top:2px solid #fff;
}
.top_seminar_list th+td,
.top_seminar_list thead td+td{
    border-left:2px solid #fff;
}
.top_seminar_list th{
    background:#E5F8F6;
}
.top_seminar_list tbody td{
    background:#f8f8f8;
}

.top_seminar_list tbody th{
/*    width:200px;*/
}
.top_seminar_list tbody td:nth-child(2){
    width:100px;
}


@media screen and (max-width:640px) {
.top_seminar_list thead{
/*display:none;*/
}
.top_seminar_list tbody tr,
.top_seminar_list tbody th,
.top_seminar_list tbody td,
.top_seminar_list tbody td:nth-child(3){
display:block;
width:100%;
}
.top_seminar_list th+td,
.top_seminar_list tbody td+td{
    border:none;
}
.top_seminar_list tbody th{
    color:#fff;
    background:#009A90;
}


}

.book_sec{
    display: flex;
    justify-content: space-between;
 }
.book_sec+.book_sec{
    margin-top:60px;
    padding-top:60px;
    border-top:1px solid #ddd;
}
.book_sec h3{
    font-size:2.2rem;
    margin-bottom:20px;
    font-weight: 700;
}
.book_img{
width:25%;

}
.book_txt{
width:70%;
}

.book_detail{
margin-top:20px;
text-indent:0;
}
.book_list li{
    display: inline-block;
}

.book_list li+li{
    margin-left:20px;
}
.book_list li:first-child a{
    color:#fff !important;
    background:#009A90;
}
.book_list li:first-child .arrow:after{
    border-color:#fff !important;
}
.book_tappli .cbtn_l{
display: inline-block;
text-align: left;
}
.book_tappli .cbtn_l:last-child{
}

.top_research{
    padding:80px 0;
    background: #EBF7F6;
}

.top_research_list{
display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.top_research_list li{
width:47%;
    margin-bottom:20px;
}

#member .top_research_list li a{
    display: block;
color:#FFF;
    padding:15px 5px;
    text-align: center;
background:#009A90;
        border-radius: 3px;

}

.top_doc{
    padding:40px;
    border:3px dashed #ddd;
margin-top:60px;
}
.top_doc_btnlist .cbtn_l{
display: inline-block;
text-align: left;
}
.top_doc_btnlist .cbtn_l:last-child{
margin-left:20px;
}


#member .top_doc .cbtn_l{
    text-align: left;
}



.top_link_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
}

.top_link_list li{
    width:48%;
        display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:20px;
    text-align: center;
    border:1px solid #ddd;
}
.top_link_list li a{
    display: block;
width:100%;
    padding:5px 0;
}





.mypage_top{
margin-top:50px;
padding:80px 0;
background:#FEF2E7;
}

#mypage .indx_list ul{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}
#mypage .indx_list ul:nth-child(2){
margin-top:30px;
}
#mypage .indx_list li{
	display:flex;
    width:49%;
    margin-bottom:20px;
}

#mypage .indx_list li a{
    display: block;
    padding:30px 0;
    font-weight: 700;
    text-align: center;
    color:#fff;
    background:#FA8B1D;
	flex-grow: 1;
}
#mypage .indx_list ul:nth-child(2) li a{
    padding:10px 0;

color:#666;
    background:#fff;

    }




@media screen and (max-width: 980px){
.book_sec{
    flex-direction: column;
 }
.book_sec+.book_sec{
    margin-top:60px;
    padding-top:60px;
    border-top:1px solid #ddd;
}
.book_sec h3{
    font-size:2rem;
    margin-bottom:20px;
    font-weight: 700;
}
.book_img,
.book_txt{
width:100%;
}
.book_img{
text-align: center;
}
.book_txt{
margin-top:30px;
}

.book_list li+li {
    margin-left: 0px;
    margin-top:0px;
}

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

.top_research_list li{
width:100%;

}
#mypage .indx_list li{
    width:100%;

}

}

/*-------------------------------------------
	common
--------------------------------------------*/



.ctitle_sec{
    margin:60px 0;
}
.ctitle_sec p{
text-indent:0;
}
.ctitle_sec h1.ctitle{
     font-weight: 700;
    font-size:2.6rem;
    text-align: center;
}

.cbook_phsec{
width:30%;
}
.cbook_spec{
margin-top:20px;
font-size: 1.4rem;
}
.cbook_spec dl {
display: flex;

}

.cbook_spec dl dt{
width:5em;
}


.cbook_txtsec{
width:65%;
}
.cbook_sec+.cbook_sec{
margin-top:60px;
padding-top:60px;
border-top:1px solid #ddd;
}


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

.ctitle_sec h1.ctitle{
    font-size:2rem;
}
.cbook_phsec,
.cbook_txtsec{
width:100%;
}

.cbook_phsec{
text-align: center;
}
.cbook_txtsec{
margin-top:30px;
}

}




/*-------------------------------------------
	index
--------------------------------------------*/


.indx_sec{
    display: flex;
    padding:50px 0;
    align-items: center;
    justify-content: space-between;
}
.fcont_img{
    width:43%;
    text-align: center;
}
.fcont_txt{
    width:49%; 
}

.indx_sec:not(:first-child){
border-top:1px solid #ddd;
}

.indx .indx_sec:nth-child(even){
    flex-direction: row-reverse;
}


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

.indx_sec,
.indx .indx_sec:nth-child(even){
padding:50px 0;
    flex-direction: column;
}


.fcont_img{
    width:100%;
    margin-top:30px;
}
.fcont_txt{
    width:100%; 
}
.indx_sec .fcont_txt h2{
text-align: center;
}



}


/*-------------------------------------------
	contents
--------------------------------------------*/

.ph_cap{
margin-top:20px;
padding:0 2%;
text-align: left;
font-size:1.4rem;
text-indent:0;
}



.clink_list li+li{
border-top:1px solid #ddd;
}
.clink_list li a{
display: block;
padding:20px 0;
}

.mailnews_list .flx{
justify-content: flex-start;
}
.mailnews_list li{
padding:10px 0;
}
.mailnews_list li+li{
border-top:1px solid #ddd;
}
.mailnews_list_txt{
width:40%;
text-indent:0;
}

.newsfile_list {
flex-wrap: wrap;
justify-content: flex-start;
}
.newsfile_list li{
width:19%;
margin: 0 1% 10px 0;
}

.newsfile_list li a{
display: block;
padding:5px 0;
text-align: center;
background: #f8f8f8;
}


.case h3 span{
display: block;
font-weight: normal;
font-size:1.4rem;
color:#333;
}


.caselist li{
display: flex;
align-items: stretch;

/*
padding:20px 0;
border-top:1px solid #ddd;*/

}
.caselist li .cbtn_l a{
margin-top:0;
}
.caselist li p{
padding:12px 10px;

}

.caselist_ttl{
display: flex;
align-items: center;
width:180px;
background:#E5F8F6;
}
.caselist_link{
width:calc(100% - 180px);
background: #f8f8f8
}
.caselist li+li{
margin-top:2px;
}
.caselist_link span{
display: block;
font-size:1.4rem;
}

.case_txt{
font-size:1.4rem;
padding:10px;
margin:15px 0;
background:#F8F8F8;
}
@media screen and (max-width:640px) {
.newsfile_list li{
width:32.3%;
margin: 0 1% 10px 0;
}
}

/*-------------------------------------------
	form
--------------------------------------------*/


.frmsec {
	display: flex;
	width: 100%;
	border-bottom: 1px solid #eee;
}
.frmbox h2+.frmsec{
border-top:1px solid #eee;
}
.frmsec .frm_hd, 
.frmsec .frm_data {
	padding: 20px 10px;
}
.frmsec .frm_hd {
	width: 220px;
	white-space: nowrap;
    background:#f8f8f8;
}
.frmsec .frm_data  {
	width: calc(100% - 220px);
}


.frmsec .must {
	display: inline-block;
	margin-left: 10px;
	padding: 0 10px;
	font-size: 1.3rem;
	font-weight: normal;
	color: #fff;
	border-radius: 5px;
	background: #0971E4;
}


.frmsec p {
	display: inline;
}
p.caut {
	display: block;
	padding: 10px 0;
	font-size: 0.9em;
	text-indent:0;
}


::-webkit-input-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder{
	font-family:  'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #bbb;
}

.selectbox .selectboxsec,
.text_ssbox,
.text_sbox,
.text_box,
.text_area,
.zip_box{
	border: 1px solid #ddd;
	border-radius: 3px;
	background-color: #ffffff;
}


.selectbox {
	position: relative;
	display: block;
}
.selectbox .selectboxsec {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	height: 35px;
	position: relative;
	padding: 0 40px 0 10px;
	z-index: 1;
width:100%;
}
.selectbox::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border: 0;
	border-bottom: solid 2px #999;
	border-right: solid 2px #999;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	z-index: 2;
}
.form-confirm .selectbox::after {
	content:none;
}

.text_ssbox,
.text_sbox,
.text_box,
.text_area,
.zip_box{
	margin-right: 5px;
	padding: 7px;

}
.text_ssbox {
	width: 70px;
	height: 35px;
}
.text_sbox {
	width: 190px;
	height: 35px;
}
.text_box {
	width: 390px;
	height: 35px;
}
.text_area {
	width: 100%;
	min-height: 60px;
}
.zip_box{
width:70px;
}
.formbtnbox {
	margin-top: 30px;
	text-align: center;
}
.frmbtn {
	display: inline-block;
	font-weight: 700;
	text-decoration: none;
}
.frmbtn input {
	display: block;
	width: 200px;
	padding: 10px 0;
	font-size: 13px;
	font-size: 1.3rem;
	color: #fff;
	border: none;
	border-radius: 50px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.frmbtn {
	padding-right: 20px;
}
.frmbtn+.frmbtn {
	padding-right:0;
}
.btn_confirm input {
	background: #0971E4;
}
.btn_gray input {
	background: #737373;
}
.frmbtn input:hover {
	opacity: 0.7;
}

.frm_sp{
margin-top:10px;
}
.frm_sp p+p{
margin-left:10px;
}
.radiolist li{
display: inline-block;
}
.radiolist li+li{
margin-left:10px;
}
.radiolist input.radiobtn[type=radio] {
    margin-right: 10px;
}



@media screen and (max-width:980px) {
.frmbox h2+.frmsec{
border:none;
}


.frmsec {
	flex-direction: column;
	padding:0 0 20px 0;
    border:none;
	}
	
.frmsec .frm_hd, 
.frmsec .frm_data {
width:100%;
padding: 10px;
}


.frm_sp p+p {
    margin-left: 0px;
}




.frmsec p {
		display: block;
	}
	.frmsec p+p{
	margin-top:5px;
	}
.frmsec .zip_sec p {
		display: inline-block;
	}
	.text_ssbox ,
	.text_sbox ,
	.text_box {
		width: 100%;
	}
	.text_area {
		width: 100%;
		min-height: 100px;
	}
	.frmbtn {
		display: block;
	}
	.frmbtn input {
		width: 200px;
		margin: 0 auto;
	}
	.frmbtn+.frmbtn {
		padding-left: 0;
		margin-top: 10px;
	}
}
/*
.cform_btn a {
	font-size: 1.4rem;
	padding: 8px 10px;
	background: #E9F0FC;
	border-radius: 5px;
}

.data_sec li{
padding:30px 0;
}
.data_sec li+li{
border-top:1px solid #ddd;
}
.data_sec .d_date{
margin-bottom:10px;
}
.data_sec .d_title {
font-weight: 700;
}
.data_sec .d_txt{

}*/



/*-------------------------------------------
	map
--------------------------------------------*/

.jmap_hd{
padding:20px;
background: #fafafa;
}

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

.map_ill{
position: absolute;
left:180px;
top:120px;
}

.jmap ul{
padding:10px;
display: flex;
flex-wrap: wrap;
}
.jmap ul li{
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;

background:#fff;
text-align: center;
}



	
.mapbox01 ul li:nth-child(odd),
.mapbox02 ul li{
margin-right:5px;
}
.mapbox02 ul li:nth-child(3n){
margin-right:0;
}

.blockname{
width:100%;
text-indent:0;
}

.blockname a{
display: block;
padding: 10px 0;
text-align: center;
font-weight: 700;
color: #fff;
}
.mapbox01 li a,
.mapbox02  li a{
display: inline-block;
}

.mapbox01{
position:absolute;
width:160px;
padding-bottom:10px;

}
.mapbox02{
position:absolute;
width:230px;
padding-bottom:10px;
}


.map01{
right:40px;
top:50px;
background: #E0F6F8;
}
.map01 .blockname{
background:#32BFCE url(/images/member_maparrow.png) no-repeat 10px center;
}


.map02{
right:40px;
top:285px;
background: #FEEFF2;
}
.map02 .blockname{
background:#F491A9 url(/images/member_maparrow.png) no-repeat 10px center;
}

.map03{
right:250px;
bottom:30px;
background: #EBF6FC;
}
.map03 .blockname{
background:#41A3E0 url(/images/member_maparrow.png) no-repeat 10px center;
}

.map04{
left:300px;
top:80px;
background: #FFF5EB;
}
.map04 .blockname{
background:#FF983B url(/images/member_maparrow.png) no-repeat 10px center;
}

.map05{
left:40px;
top:80px;
background: #F5F9ED;
}
.map05 .blockname{
background:#9AC351 url(/images/member_maparrow.png) no-repeat 10px center;
}

.map06{
left:340px;
bottom:30px;
background: #FDF4F2;
}
.map06 .blockname{
background:#E7947D url(/images/member_maparrow.png) no-repeat 10px center;
}


.map07{
left:50px;
bottom:30px;
background: #FBF3F8;
}
.map07 .blockname{
background:#D98DBC url(/images/member_maparrow.png) no-repeat 10px center;
}








.flx.jmap_arealist{
justify-content: flex-start;
flex-wrap: wrap;

}

.jmap_arealist li{
width:13.2%;
margin-bottom:10px;
margin-left:1%;

}

.jmap_preflist p{
text-indent:0;
}
.jmap_preflist p+p{
margin-top:10px;
}

.jmap_preflist a,
.jmap_arealist li a,
.jmap_distlist li a{
background:#f8f8f8;
}
.jmap_preflist a{
display: inline-block;
padding:10px;
}
.jmap_arealist li a,
.jmap_arealist li span{
display: block;
padding:10px 0;
text-align: center;
}
.jmap_distlist{
margin-top:10px;
}
.jmap_distlist+p{
margin-top:30px;
}
.jmap_distlist li {
display: inline-block;
margin-bottom:20px;
}
.jmap_distlist li+li {
margin-left:10px;
}
.jmap_distlist li a{
padding:10px 20px;
}

.jmap_list h2{

}

.jmap_list h3.c_stitle{
padding:8px 8px 8px .5em;
border-left: 8px solid;
background:#F2F7FB;
}

.jmap_list h4:before{
content: "";
width:15px;
display: inline-block;
border-top: 5px solid;
margin-right:.5em;
vertical-align: middle;
}

.map_sttl{
font-weight:700;
text-indent:0;
}

@media screen and (max-width: 980px) {
.jmap_hd{
padding:0px;
background: none;
}

.jmap{
height: auto;
}
.map_ill{
display: none;
}


.mapbox01,
.mapbox02{
position:relative;
width:100%;
margin-top:20px;
}

.map01,
.map02{
top:auto;
right:auto;
}

.map03{
right:auto;
bottom:auto;
}
.map04,
.map05{
top:auto;
left:auto;
}
.map06,
.map07{
bottom:auto;
left:auto;
}

.mapbox01 ul li,
.mapbox01 ul li:nth-child(odd),
.mapbox02 ul li,
.mapbox02 ul li:nth-child(3n){
margin-right:5px;
}

.blockname a{
padding: 10px;
text-align: left
}

.jmap_arealist li{
width:19%;
}


}

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

.jmap_arealist li{
width:24%;
}

}
/*-------------------------------------------
	volunteer
--------------------------------------------*/

.vol_num{
margin-right:10px;
padding:5px 10px;
color:#fff;
font-size:1.2rem;
border-radius: 50px;
}

.history_tbl{
font-size:1.6rem;
margin:40px 0 20px;
border-top:1px solid #DDD;
border-left:1px solid #DDD;
}
.history_tbl tr{
}
.history_tbl th,
.history_tbl td{
padding:10px;
border-bottom:1px solid #DDD;
border-right:1px solid #DDD;
}
.history_tbl thead{
color:#FFF;
background:#226DB6;
}
.history_tbl tbody th{
width:10%;
white-space:nowrap;
background: #fafafa;
}
.history_tbl tbody td{
width:45%;
}
.history_tbl a{
text-decoration:underline;
display:inline;
}
@media screen and (max-width: 640px) {
.history_tbl thead{
display:none;
}
.history_tbl tbody tr,
.history_tbl tbody th,
.history_tbl tbody td{
display:block;
width:100%;
}
.history_tbl tbody td[data-title]::before {
  color: #666;
  content: attr(data-title) ;
  font-weight: bold;
  padding: 0 10px 0 0;
  display: block;
color:#226DB6;
}
.history_tbl td.blank{
display:none;
}
}
/*-------------------------------------------
	news
--------------------------------------------*/
.news_list a{
color: #333!important;
}

.news_list li.sticky,
.news_plist li.sticky{
background-image:url("/images/icon_clip.png");
background-size:40px 40px;
background-position:center right;
background-repeat:no-repeat;
}


.cat{
    width:120px;
    margin-right:15px;
    padding:5px 0;
text-indent:0;
}
.cat span{
display:block;
    border-radius: 3px;
}
.cat a{
display:block;
    color:#fff!important;
    text-align: center;
    font-size: 1.4rem;
    padding:0 0;
    border-radius: 3px;
}





.ctitle_news{
text-align:center;
}
.ctitle_news h1{
margin-top:10px;
font-weight: 700;
font-size:2.6rem;
line-height: 1.5;
text-align: center;
letter-spacing: .08em;
}

.news_plist{
width:100%;
}
.news_plist li{
display:flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
padding:15px 0;
border-top:1px dotted #ddd;
}
.news_plist li:last-child{
border-bottom:1px dotted #ddd;
border-radius:0;
}

.news-archive-ttl{
font-weight: 700;
font-size:2rem;
padding-left: .5em;
border-left: 8px solid;
}
#community .news-archive-ttl{
border-color:#226DB6;
}
#member .news-archive-ttl{
border-color:#009A90;
}
#mypage .news-archive-ttl{
border-color:#FA8B1D;
}


.news-hmenu{
text-align:right;
margin-bottom:20px;
}
.news-hmenu select{
padding:5px;
border:1px solid #ddd;
}
.news_post{
}
.news_head{
}
.news_head .news_date{
margin-bottom:5px;
font-weight:700;
}
.news_ttl_box{
padding:5px 0 20px;
margin-bottom:40px;
border-top:1px dotted #ddd;
border-bottom:1px dotted #ddd;
}
.news_ttl_box .cat{
margin-bottom:5px;
}

.news_pttl{
font-weight: 700;
font-size:2.4rem;
color:#333!important;
line-height: 1.5;
letter-spacing: .08em;
}
.news_body p{
margin:1em 0;
}
.news_body h2{
margin:40px 0;
font-weight: 700;
font-size:2rem;
padding-left: .5em;
border-left: 8px solid;
}
.news_body h3{
margin:2em 0 1em;
font-weight: 700;
font-size:1.8rem;
}
.news_body ul ,
.news_body ol ,
.news_body dl {
margin:2em 0;
}
.news_body ul li{
margin:1em 0;
}
.news_body ul li:before{
content:"・";
}


.news_imgbox01{
margin:2em 0;
}
.news_imgbox02{
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.news_imgbox02 div{
width:48%;
margin-bottom:2em;
}
.news_imgbox01 p.cap,
.news_imgbox02 p.cap{
font-size:1.6rem;
margin:5px 0 0;
}

a.btn-back {
    display: block;
    max-width: 200px;
    line-height: 1.4;
    text-align: center;
    margin: 80px auto 0;
    padding: 5px 20px;
    background: #f8f8f8;
    border:1px solid #ddd;
    border-radius: 3px;
}

.news_linkbox,
.news_filebox,
.wed_filebox{
margin:2em 0;
}
.news_linkbox p,
.news_filebox p,
.wed_filebox p{
margin:1em 0;
}
.news_linkbox a,
.news_filebox a,
.wed_filebox a{
display:inline-block;
padding:2px 0 2px 30px;
background: url("/images/icon_link.png")0 5px no-repeat;
background-size:22px 22px;  
}
.news_linkbox a[href$=".pdf"],
.news_filebox a[href$=".pdf"],
.wed_filebox a[href$=".pdf"]{
background: url("/images/icon_pdf.png")0 1px no-repeat;
background-size:22px 29px;  
}
.news_linkbox a[href$=".xls"],
.news_linkbox a[href$=".xlsx"],
.news_filebox a[href$=".xls"],
.news_filebox a[href$=".xlsx"],
.wed_filebox a[href$=".xls"],
.wed_filebox a[href$=".xlsx"]{
background: url("/images/icon_xls.png")0 1px no-repeat;
background-size:22px 29px;  
}
.news_linkbox a[href$=".doc"],
.news_linkbox a[href$=".docx"],
.news_filebox a[href$=".doc"],
.news_filebox a[href$=".docx"],
.wed_filebox a[href$=".doc"],
.wed_filebox a[href$=".docx"]{
background: url("/images/icon_doc.png")0 1px no-repeat;
background-size:22px 29px;  
}
.news_linkbox a[href$=".ppt"],
.news_linkbox a[href$=".pptx"],
.news_linkbox a[href$=".pptm"],
.news_filebox a[href$=".ppt"],
.news_filebox a[href$=".pptx"],
.news_filebox a[href$=".pptm"],
.wed_filebox a[href$=".ppt"],
.wed_filebox a[href$=".pptx"],
.wed_filebox a[href$=".pptm"]{
background: url("/images/icon_ppt.png")0 1px no-repeat;
background-size:22px 29px;  
}
.news_linkbox a[href$=".txt"],
.news_filebox a[href$=".txt"],
.wed_filebox a[href$=".txt"]{
background: url("/images/icon_txt.png")0 1px no-repeat;
background-size:22px 29px;  
}


@media screen and (max-width: 980px){
.news_title{
width:100%;
}
.news_pttl{
width:100%;
margin-top:10px;
}

}

@media screen and (max-width: 640px) {
.news_imgbox02 div{
width:100%;
}
}


.wp-pagenavi{
    text-align:center;
    margin-top:50px;
}
.wp-pagenavi span,
.wp-pagenavi a{
    display:inline-block;
    padding:5px 13px!important;
    background:#f8f8f8;
    border:none;
border: 1px solid #ddd;
border-radius: 3px;
}
.wp-pagenavi span.current,
.wp-pagenavi a:hover{
    color: #fff;
}

#community .wp-pagenavi span.current,
#community .wp-pagenavi a:hover{
    background: #226DB6;
}

#member .wp-pagenavi span.current,
#member .wp-pagenavi a:hover{
    background: #009A90;
}

#mypage .wp-pagenavi span.current,
#mypage .wp-pagenavi a:hover{
    background: #FA8B1D;
}


#community .news-archive-ttl{
border-color:#226DB6;
}
#member .news-archive-ttl{
border-color:#009A90;
}
#mypage .news-archive-ttl{
border-color:#FA8B1D;
}


/*-------------------------------------------
	members
--------------------------------------------*/
#materials{
padding-top:100px;
margin-top:0;
}

/*-------------------------------------------
	seminar
--------------------------------------------*/
.seminar_post{
}
.seminar_head{
}
.seminar_ttl_box{
padding:25px 10px;
margin-bottom:40px;
background:#E5F8F6;
border-top:3px solid #009A90;
border-bottom:1px dotted #ddd;
}
.seminar_pttl{
font-weight: 700;
font-size:2.4rem;
color:#333!important;
line-height: 1.5;
letter-spacing: .08em;
}




/*-------------------------------------------
	doclist
--------------------------------------------*/
.doclist-sec{
margin-bottom:60px;
}
.doclist01,
.doclist02{
border-top:1px dotted #ddd;
}
.doclist01 li,
.doclist02 li{
padding:15px 0;
border-bottom:1px dotted #ddd;
}
.doclist01 li>p{
text-indent:0;
}
.doclist01 li a{
display:inline-block;
padding:2px 0 2px 30px;
background: url("/images/icon_link.png")0 5px no-repeat;
background-size:22px 22px;  
}
.doclist01 li a[href$=".pdf"]{
background: url("/images/icon_pdf.png")0 1px no-repeat;
background-size:22px 29px;  
}
.doclist01 li a[href$=".xls"],
.doclist01 li a[href$=".xlsx"]{
background: url("/images/icon_xls.png")0 1px no-repeat;
background-size:22px 29px;  
}
.doclist01 li a[href$=".doc"],
.doclist01 li a[href$=".docx"]{
background: url("/images/icon_doc.png")0 1px no-repeat;
background-size:22px 29px;  
}
.doclist01 li a[href$=".ppt"],
.doclist01 li a[href$=".pptx"],
.doclist01 li a[href$=".pptm"]{
background: url("/images/icon_ppt.png")0 1px no-repeat;
background-size:22px 29px;  
}
.doclist01 li a[href$=".txt"],
.doclist01 li a[href$=".txt"]{
background: url("/images/icon_txt.png")0 1px no-repeat;
background-size:22px 29px;  
}
.doclist01 li .txt{
font-size:1.6rem;
padding:10px;
margin-top:15px;
background:#F8F8F8;
}
.doclist01 li .txt p{
margin-bottom:1em;
}
.doclist01 li .txt p.no-indent{
text-indent:none;
}
.doclist01 li .txt .youtube{
position: relative;
width: 100%;
padding-top: 56.25%;
margin:20px 0;
}
.doclist01 li .txt .youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.doclist01 li .txt .vimeo{
margin:20px 0;
}

.doclist02 li a{
display:inline-block;
padding:2px 0 2px 30px;
background: url("/images/icon_page.png")0 5px no-repeat;
background-size:22px 29px;  
}

.doclist_note{
padding:20px;
margin-top:40px;
background: #f8f8f8;
}
.doclist_note a{
text-decoration:underline;
}

.doclist01 li .child_doclist01{
font-size:1.6rem;
padding:10px;
margin-top:15px;
background:#F8F8F8;
}


.doclist01 li .child_doclist01 dt a{
text-decoration:underline;
text-indent:-1em;
padding: 2px 0 2px 1em;
background:none;
}
.doclist01 li .child_doclist01 a::before{
content:"●";
}
.doclist01 li .child_doclist01 dd{
padding: 0 0 1em 1em;
background:none;
}

.doclist01 li .child_doclist02{
font-size:1.6rem;
padding:10px;
margin-top:15px;
background:#F8F8F8;
}


.doclist01 li .child_doclist02 dt a{
text-decoration:underline;
padding: 10px 0 2px 0;
background:none;
}
.doclist01 li .child_doclist02 dd{
padding: 0 0 10px 0;
background:none;
border-bottom:1px #333 dotted;
}
.doclist01 li .child_doclist02 dd:last-child{
border:none;
}

/*-------------------------------------------
	books
--------------------------------------------*/

.bk_acbox {
margin: 30px auto;
max-width: 100%;
}
.bk_acbox .toggle {
display: none;
}
.bk_acbox .title,
.bk_acbox .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.bk_acbox .title {
color:#009A90;
font-size:1.4rem;
padding: 5px 10px;
display: block;
align-items: center;
    border-radius: 3px;
cursor: pointer;
background:#E5F8F6;
}
.bk_acbox .title::after,
.bk_acbox .title::before {
content: "";
position: absolute;
right: 1.25em;
top: 0.8em;
width: 2px;
height: 0.75em;
background-color: #009A90;
transition: all 0.3s;
}
.bk_acbox .title::after {
transform: rotate(90deg);
}
.bk_acbox .content {
font-size: 1.4rem;
max-height: 0;
overflow: hidden;
background: #F8F8F8;
}
.bk_acbox .content div {
padding: 3%;
}
.bk_acbox .toggle:checked + .title + .content {
max-height: 3000px;
transition: all 1.5s;
}
.bk_acbox .toggle:checked + .title::before {
transform: rotate(90deg) !important;
}

.bk_link{
text-indent:0;
}
.bk_link a{
display:inline-block;
padding:3px 0 3px 30px;
margin:1em 0 0;
background: url("/images/icon_link.png")0 5px no-repeat;
background-size:22px 22px;  
}
.bk_link a[href$=".pdf"]{
background: url("/images/icon_pdf.png")0 1px no-repeat;
background-size:22px 29px;  
}
.bk_link a[href$=".xls"],
.bk_link a[href$=".xlsx"]{
background: url("/images/icon_xls.png")0 1px no-repeat;
background-size:22px 29px;  
}
.bk_link a[href$=".doc"],
.bk_link a[href$=".docx"]{
background: url("/images/icon_doc.png")0 1px no-repeat;
background-size:22px 29px;  
}
.bk_link a[href$=".ppt"],
.bk_link a[href$=".pptx"],
.bk_link a[href$=".pptm"]{
background: url("/images/icon_ppt.png")0 1px no-repeat;
background-size:22px 29px;  
}
.bk_link a[href$=".txt"],
.bk_link a[href$=".txt"]{
background: url("/images/icon_txt.png")0 1px no-repeat;
background-size:22px 29px;  
}

.bk_btnbox{
margin-top:60px;
}
.bk_btnbox a{
margin:20px 20px 0;
}

/*-------------------------------------------
	reference
--------------------------------------------*/
.history_tbl a::after{
    content: "";
	display:inline-block;
	width:16px;
	height:20px;
	background: url(/images/icon_link.png) 0 0 no-repeat;
	background-size:contain;
    vertical-align:middle;
	margin-left:10px;
}
.history_tbl a[href$=".pdf"]::after{
	background: url(/images/icon_pdf.png) 0 0 no-repeat;
	background-size:contain;
}

/*-------------------------------------------
	about
--------------------------------------------*/
.about-frm01,
.about-frm02{
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.about-frm01{
margin:40px 0 80px;
}
.about-img{
text-align:center;
margin-top:30px;
}

.about-frm01 .txt01{
width:46%;
margin-bottom:20px;
}
.about-frm01 h4{
font-weight:bold;
margin-bottom:1em;
}
.about-frm01 .txt01 dl{
font-size:14px;
margin-top:1em;
background:#f8f8f8;
}
.about-frm01 .txt01 dl dt{
padding:10px 10px 0;
}
.about-frm01 .txt01 dl dt::before{
content:"●";
color: #226DB6;
}
.about-frm01 .txt01 dl dd{
padding:0 10px 10px;
}

.about-frm01 .txt01 dl dd{
text-align:right;
}
.about-frm01 .txt01 dl dd:nth-child(2){
border-bottom:1px #ddd solid;
}
.about-frm01 .cap{
font-size:14px;
text-align:right;
}
.about-frm02{
margin:40px 0 0;
}

.about-frm02 .img{
width:37%;
text-align:center;
margin-bottom:40px;
}
.about-frm02 .txt{
width:55%;
}
.about-frm02 .txt div{
padding:20px;
background:#f8f8f8;
}
.about-frm02 h4{
font-weight:bold;
margin-top:1em;
margin-bottom:10px;
}
.about-frm02 p{
margin-bottom:20px;
}
.about-frm02 ol{
list-style-type:decimal;
margin-left:20px;
}

.about-frm03{
padding:20px;
background:#f8f8f8;
}
.about-frm03 .signature{
text-align:right;
margin-bottom:1em;
}
.about-frm03 h4{
font-weight:bold;
margin-top:20px;
margin-bottom:10px;
}
.about-frm03 h4+p{
text-indent:-1.5em;
padding-left:1.5em;
}

.about_tbl{
font-size:1.4rem;
margin:40px 0 20px;
border-top:1px solid #DDD;
border-left:1px solid #DDD;
}
.about_tbl tbody th,
.about_tbl tbody td{
padding:10px;
border-bottom:1px solid #DDD;
border-right:1px solid #DDD;
}
.about_tbl tbody th{
width:20%;
white-space:nowrap;
background: #fafafa;
}
.about_tbl dt{
font-weight:bold;
}
.about_tbl dd{
text-indent:-1em;
padding-left:1em;
}
.about_tbl dd+dt{
margin-top:10px;
}
.about_tbl dd::before{
content:"●";
color: #226DB6;
}
@media screen and (max-width: 980px){
.about-frm01 .txt01,
.about-frm02 .img,
.about-frm02 .txt{
width:100%;
}

}

@media screen and (max-width: 640px) {
.about_tbl tbody tr,
.about_tbl tbody th,
.about_tbl tbody td{
display:block;
width:100%;
}
}

/*-------------------------------------------
	knet
--------------------------------------------*/
.knet-list{
margin:0 0 40px;
}
.knet-list li{
text-indent:-1em;
padding-left:1em;
margin-bottom:1em;
}
.knet-list li strong{
font-weight:700;
background:linear-gradient(transparent 60%, #CAE5E3 60%);
}
.knet-list li::before{
content:"◆";
color: #009A90;
}
.knet-img{
text-align:center;
margin-bottom:60px;
}

.knet-frm01{
padding:20px;
background:#f8f8f8;
}

.knet-frm01 dt{
font-weight:bold;
margin-top:20px;
margin-bottom:10px;
}
.knet-frm01 dd {
margin-bottom:30px;
}

.knet-frm01 dd li{
text-indent:-0.6em;
padding-left:0.6em;
margin-bottom:10px;
}
.knet-frm01 dd li::before{
content:"・";
}
.knet_btnbox{
margin-top:60px;
}
.knet_btnbox a{
color: #009A90;
margin:20px 20px 0;
}

/*=================================

	seminar

================================ */
/*=================================
	header
================================ */
#seminar-header {
	border-top:5px #216CB5 solid; 
}
#seminar-header .inner{
	padding:27px 0;
}
#seminar-header .sttl{
	font-size:15px;
	font-weight:700;
	line-height:1;
}
#seminar-header .sttl span{
	display:inline-block;
	font-size:21px;
	color:#216CB5;
	margin-bottom:10px;
}

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

@media (max-width: 480px) {
#seminar-header  .inner{
	padding:15px 0;
}
#seminar-header .sttl span{
	font-size:17px;
}

}
/* end 480px */

/*=================================
	footer
================================ */
.fbnr{
text-align:center;
padding:50px 0 50px;
}
#seminar-footer {
	text-align:center;
	margin-bottom:40px;
background:linear-gradient(to right, #1d457b, #5b789f);
}


#seminar-footer .copy{
	font-size: 18px;
	color:#FFF;
	display: inline-block;
	padding:29px 3%;
	margin: 0;
}


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

@media (max-width: 850px) {
#seminar-footer .copy{
	font-size: 14px;
}
}
/* end 850px */

/*----------------------------------
	contents common
----------------------------------*/
@media (max-width: 980px) {
#seminar .inner{
width:94%;
margin:0 3%;
}
}

.seminar-mds01{
	max-width:514px;
	font-size:34px;
	font-size:3.4rem;
	color:#FFF;
	line-height:1.4;
	text-align:center;
	padding:13px;
	margin:0 auto;
	background:#333;
	border-radius:10px 10px 0 0;
}
.movie-post+.seminar-mds01{
	margin-top:60px;
}
.seminar-mds02{
	font-size:34px;
	font-size:3.4rem;
	line-height:1.4;
	text-align:center;
	padding:0;
	margin-bottom:40px;
}

/*-------------------- ■ START Media Queries ■ --------------------*/
@media (max-width: 480px) {
.seminar-mds01{
	max-width:260px;
	font-size:20px;
	font-size:2rem;
	padding:5px;
}
.seminar-mds02{
	font-size:20px;
	font-size:2rem;
	padding:5px;
}
}
/* end 480px */

/*=================================
	top
================================ */

.seminar-thead{
	text-align:center;
	padding:140px 0;
	background-image:url("/images/seminar_tmain.jpg");
	background-position: 30% center;
	background-repeat: no-repeat;
	background-size:cover;
}

.seminar-thead h1{
	max-width:460px;
	font-size:50px;
	color:#FFF;
	line-height:1;
	text-align:center;
	padding:27px 0;
	margin:0 auto;
	background:rgba(0,106,35,0.6);
}

.seminar-tsec{
	padding:50px 0 0;
	background: linear-gradient(to top right, #E4FFE9, #C9F3D4);
}

.seminar-list li{
	padding:0;
	margin-bottom:50px;
	background:#FFF;
}
.seminar-list li {
}

.seminar-list li h2{
	display:table;
	width:100%;
}
.seminar-list li h2 a{
	display:table-cell;
	font-size:24px;
	color:#FFF;
	line-height:1.4;
	height:168px;
	vertical-align:middle;
	padding:0 10px 0 210px;
	background:url("/images/seminar_img01.png") left center no-repeat;
}
.seminar-list li.tl01 h2 a{background-color:#1DAFD6;}

.seminar-list li .txt{
	padding:20px 20px 5px;
}
.seminar-list li .txt p{
	margin-bottom: 1em;
}

.seminar-acbox {
position:relative;
margin: 0 auto;
max-width: 100%;
}


.seminar-acbox .toggle {
display: none;
}
.seminar-acbox .acbtn,
.seminar-acbox .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.seminar-acbox .acbtn {
position:absolute;
bottom:0;
right:20px;
font-size:1.4rem;
padding: 5px 12px;
display: block;
width:70px;
align-items: center;
border-radius: 5px 5px 0 0;
cursor: pointer;
background:#EEE;
z-index:10;
}
.seminar-acbox .acbtn::after,
.seminar-acbox .acbtn::before {
content: "";
position: absolute;
right: 1.25em;
top: 0.8em;
width: 2px;
height: 0.75em;
background-color: #333;
transition: all 0.3s;
}
.seminar-acbox .acbtn::after {
transform: rotate(90deg);
}
.seminar-acbox .content {
position:relative;
max-height: 8em;
overflow: hidden;
padding-bottom:40px;
}
.seminar-acbox .content::before {
position:absolute;
bottom:0;
left:0;
content:"";
display:block;
width:100%;
height:100px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%);
z-index:9;
}

.seminar-acbox .content div {
padding: 20px 20px 5px;
}
.seminar-acbox .content div p {
margin-bottom:1em;
}

.seminar-acbox .toggle:checked + .acbtn + .content {
max-height: 3000px;
transition: all 1.5s;
}
.seminar-acbox .toggle:checked + .acbtn::before {
transform: rotate(90deg) !important;
}
.seminar-acbox .toggle:checked + .acbtn + .content {
max-height: 3000px;
transition: all 1.5s;
}
.seminar-acbox .toggle:checked + .acbtn + .content::before {
display:none;
}
/*-------------------- ■ START Media Queries ■ --------------------*/
@media (max-width: 620px) {
.seminar-thead{
	text-align:center;
	padding:40px 0;
	background-position: 20% center;
}
.seminar-thead h1{
	font-size:22px;
}

.seminar-list li h2{
	position:relative;
	top:auto;
	left:auto;
}

.seminar-list li h2 a{
	font-size:18px;
	height:80px;
	padding:5px 10px 5px 100px;
	background-size:94px 152px;
}
.seminar-list li h2 a br{
	display:none;
}
}
/* end 480px */


/*=================================
	post
================================ */
.seminar-sec{
	padding:50px 20px 20px;
	background:rgba(255,255,255,0.5);
}


.seminar-cttl{
	padding:20px 0;
}

.seminar-cttl .inner{
	padding:0 240px 0 0;
	background:url("/images/seminar_img02.png") right bottom no-repeat;
}

.seminar-cttl .inner h1{
	height:270px;
	display: table-cell;
	vertical-align:middle;
	font-size:34px;
	font-size:3.4rem;
	color:#FFF;
	line-height:1.4;
	margin-bottom:40px;
}
.seminar-clead{
	padding:20px 0 5px;
	margin:0;
}
.seminar-clead p{
	margin-bottom:1em;
}
.seminar-clead p.seminar-notice{
	padding:5px;
	margin:25px 0;
	border:2px #ddd solid;
	border-radius:5px;
}

.seminar-loginbox{
	text-align:center;
	padding:20px;
	margin:40px auto;
	background:#f8f8f8;
	border-radius:10px;
}
.seminar-loginbox p{
margin:20px 0;
}

.seminar-loginbox input[type="password"]{
font-size:16px;
padding:10px;
border:1px #ddd solid;
border-radius:3px;
}
.seminar-loginbox input[type="submit"]{
font-size:16px;
line-height:1;
padding:11px;
border:1px #ddd solid;
border-radius:3px;
}

/*-------------------- ■ START Media Queries ■ --------------------*/
@media (max-width: 768px) {
.seminar-sec{
	padding:50px 3% 20px;
}
.seminar-cttl h1 br{
	display:none;
}
.seminar-cttl .inner{
	padding:0 0 120px 0 ;
	background:url("/images/seminar_img02.png") right bottom no-repeat;
	background-size:110px 105px;
}
.seminar-cttl .inner h1{
	font-size:20px;
	height:auto;

}
}
@media (max-width: 480px) {
.seminar-cttl h1{
	font-size:24px;
	margin-bottom:20px;
}
}
/* end 480px */

/*----------------------------------
	movie
----------------------------------*/
.seminar-movie{
	padding:70px 0;
	position:relative;
}
.seminar-movie .bg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0.2;
	z-index:-1;
}
.seminar-movie .inner{
}
.movie-post{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items: flex-start;
	margin-bottom:40px;
	background:#FFF;
}
.movie-post div.movbox{
	width:48%;
/*	background-color: #f6f6f6;*/
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.movie-post div.txtbox{
	position:relative;
	width:52%;
	padding:20px;
}
.movie-post .movbox a,
.movie-post .movbox .soon,
.book-mov a{
	width:100%;
	position:relative;
	display:block;
	height:0;
	padding-top:54%;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
.movie-post .movbox.multiple a,
.movie-post .movbox.multiple .soon{
	width: 49%;
	padding-top: 27%;
	margin-bottom:2%;
}

.movie-post .movbox .soon{
	background-image:url("/images/mov_soon.png");
	background-size: cover;
}
.movie-post .movbox.single a+.soon{
	margin-top:2%;
}

.movie-post .movbox a,
.book-mov a{
	position:relative;
}
.movie-post .movbox a .mask,
.book-mov a .mask{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0.4;
	z-index:2;
filter: brightness(80%);
}
.movie-post .movbox a:hover .mask,
.book-mov a:hover .mask{
	transition: opacity .20s ease-in-out;
	opacity:0;
}
.movie-post .movbox a .mov-arrow,
.book-mov a .mov-arrow{
	position:absolute;
	top:50%;
	left:50%;
	margin:-35px 0 0 -35px;
	display:block;
	border-radius:35px;
	background-color:#FFF;
	z-index:3;
	font-size:50px;
	text-align:center;
	line-height:1;
	padding:8px 8px 12px 12px;
}

.movie-post .movbox.multiple a .mov-arrow{
	margin:-12px 0 0 -12px;
	font-size:24px;
	text-align:center;
	line-height:1;
	padding:4px 4px 6px 6px;
}
.movie-list>div .txtbox .sub{
	display:inline-block;
	vertical-align: top;
	color:#FFF;
	padding:5px 10px;
	margin:-20px 0 10px 0;
	background-color:#1DAFD6;
}

.movie-list>div .txtbox h2{
	font-size:22px;
	font-size:2.2rem;
	line-height:1.4;
	letter-spacing:0.1em;
	margin-bottom:5px;
}
.movie-list>div .txtbox h2{color:#1DAFD6;}

.movie-list>div .txtbox h3{
	margin-bottom:15px;
}
.movie-list>div .txtbox .name{
	font-size:20px;
	font-size:2rem;
	line-height:1.6;
	margin-bottom:15px;
}
.movie-list>div .txtbox .txt{
	margin-bottom:20px;
}
.movie-list>div .txtbox .txt .box01{
	font-size:15px;
	padding:10px;
	border:5px #CCC solid;
}
.movie-list>div .txtbox p.right{
	text-align: right;
}
.movie-list>div .txtbox .note{
	color:#C11717;
}
.movie-list>div .txtbox dt{
}
.movie-list>div .txtbox dd{
	margin-bottom:10px;
}

	
.movie-data-list,
.movie-link-list{
}
.movie-data-list li,
.movie-link-list li{
	position:relative;
	margin-bottom:10px;
}
.movie-data-list li a,
.movie-link-list li a{
	display:block;
	line-height:1.4;
	padding:0 0 0 30px;
}

.movie-data-list li span,
.movie-link-list li span{
	position:absolute;
	top:50%;
	left:0;
	margin-top:-13px;
	display:block;
	width:25px;
	height:25px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color:#333;
	border-radius:13px;
}
.movie-data-list li span{
	background-image:url("/images/arrow03.png");
}
.movie-link-list li span{
	background-image:url("/images/arrow04.png");
}
a.movie-enquete{
	display:block;
	text-align:center;
	padding:15px;
	margin-top:60px;
	background:linear-gradient(to right, #00557d, #2971b7);
	border-radius:5px;
}
a.movie-enquete span{
	font-size:22px;
	font-size:2.2rem;
	color:#FFF;
	padding-right:20px;
	background:url("/images/arrow01.png")right center no-repeat;
}
/*-------------------- ■ START Media Queries ■ --------------------*/
@media (max-width: 768px) {
.movie-post div.movbox,
.movie-post div.txtbox{
	width:100%;
}
.movie-list>div .txtbox h2{
	font-size:20px;
}
.movie-list>div .txtbox .name{
	font-size:18px;
}
}
/* end 768px */
@media (max-width: 480px) {
a.movie-enquete span{
	font-size:16px;
}
}
/* end 480px */

/*----------------------------------
	book
----------------------------------*/
.seminar-book{
	padding:50px 0 0;
}

.book-frm{
	position:relative;
	padding-bottom:1px;
}
.book-frm .bg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0.3;
	z-index:-1;
}
.book-list{
	position:relative;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	padding:20px;
}

.book-list>div{
	width:25%;
	text-align:center;
	padding:20px;
}
.book-list::after,
.book-list::before {
        content: "";
        display: block;
        width: 25%;
        height: 0;
}
 
.book-list::before {
        order: 1;
}
.book-mds{
	color:#FFF;
	text-align:center;
	padding:10px;
	margin:0 20px 40px;
}
.book-mov{
	width:80%;
	margin:0 auto 40px;
}
.book-freespace{
	margin:0 20px 40px;
}
.book-link{
	text-align:center;
	margin:0 20px 40px;
}
.book-link a{
	display:inline-block;
	color:#FFF;
	padding:10px 35px 10px 10px;
	background: url(/images/arrow05.png) right center no-repeat;
	border-radius:5px;
}

/*-------------------- ■ START Media Queries ■ --------------------*/
@media (max-width: 768px) {
.book-list div{
	width:50%;
}
}
/*----------------------------------
	data
----------------------------------*/
.seminar-data{
	padding:50px 0 0;
	position:relative;
}

.data-list,
.link-list{
}
.data-list li,
.link-list li{
	position:relative;
	margin-bottom:20px;
}
.data-list a,
.link-list a{
	display:block;
	line-height:1.4;
	padding:15px 15px 15px 40px;
	border:1px #ccc solid;
	border-radius:5px;
}

.data-list li span,
.link-list li span{
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-13px;
	display:block;
	width:25px;
	height:25px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color:#333;
	border-radius:13px;
}
.data-list li span{
	background-image:url("/images/arrow03.png");
}
.link-list li span{
	background-image:url("/images/arrow04.png");
}

/*----------------------------------
	back
----------------------------------*/

#seminar a.btn-back{
	display:block;
	max-width:480px;
	text-align:center;
	padding:15px;
	margin:70px auto 50px;
	background:linear-gradient(to right, #00557d, #2971b7);
	border-radius:5px;
}
#seminar a.btn-back span{
	font-size:22px;
	font-size:2.2rem;
	color:#FFF;
	padding-left:20px;
	background:url("/images/arrow02.png") left center no-repeat;
}

/*-------------------- ■ START Media Queries ■ --------------------*/
@media (max-width: 480px) {
#seminar a.btn-back span{
	font-size:16px;
}
}
/* end 480px */


/*-------------------------------------------
	welfare_education
--------------------------------------------*/
.wed-doclist{
margin-top:2em;
}
.wed_imgbox{
text-align:center;
margin:40px 0 20px;
}
.wed_imgbox div{
display:inline-block;
padding:0 2em;
margin:0 0 20px;
}

/*-------------------------------------------
	mag-search
--------------------------------------------*/
.mag_search .lead a{
display:inline;
text-decoration:underline;
}
.highlight{
background:#FFFF4D;
}


.search-box input[type="text"], 
.search-box select{
background: #fff;
border: 1px solid #bbb;
border-radius: 5px;
display: inline-block;
padding: 0.7em;
width: auto;
width: 100%;

}
.search-box{
padding: 20px 5%;
margin-bottom:40px;
background:#F8F8F8;
}
.search-box .searchandfilter .sf-field-post_type ul{
display: flex;
flex-wrap:wrap;
}
.search-box .searchandfilter .sf-field-post_type ul li:nth-child(1){
order:2;
}
.search-box .searchandfilter .sf-field-post_type ul li:nth-child(2){
order:1;
}
.search-box .searchandfilter .sf-field-search label,
.search-box .searchandfilter .sf-field-taxonomy-mag_article_area label,
.search-box .searchandfilter .sf-field-taxonomy-mag_ctg label{
display:block;
}
.search-box .searchandfilter .sf-input-select,
.search-box .sf-field-taxonomy-mag_article_area .sf-input-select,
.search-box .sf-field-taxonomy-mag_tag .sf-input-select{
min-width:100%;
width:100%;
}
.search-box .searchandfilter h4{
border-bottom:1px #ccc solid;
}
.search-box input.sf-input-text{
margin-top:20px;
width:100%;
font-size:1.8rem;
}
.search-box .sf-field-post_type li,
.search-box .sf-field-taxonomy-mag_article_year li,
.search-box .sf-field-taxonomy-mag_article_area li,
.search-box .sf-field-taxonomy-mag_tag li{
display:inline-block;
margin-right:20px;
}

.search-box .sf-field-taxonomy-mag_article_area select,
.search-box .sf-field-taxonomy-mag_ctg select{
margin-top:20px;
font-size:1.8rem;
}
.search-box .sf-field-submit input {
display: block;
width: 200px;
padding: 10px 0;
margin:0 auto;
font-size: 13px;
font-size: 1.3rem;
color: #fff;
background:#0971E4;
border: none;
border-radius: 50px;
cursor: pointer;
}

.search-conditions{
padding: 20px 5%;
margin-bottom:40px;
border: 2px dotted #ccc;
}
.search-conditions h3{
color:#009A90;
}

.search-conditions dl{
margin-left:1em;
}

.search-conditions dt{
width:130px;
float:left;
}
.search-conditions dd{
padding-left:130px;
}

.search-item{
display:inline-block;
margin:0 10px 0 0;
}
p.search-count{
text-indent: 0;
padding:0;
margin:0 0 20px;
}
p.search-count span{
color:#009A90;
}

.mag-result-list{
border-top: 1px dotted #ddd;
}
.mag-result-list p{
text-indent:0;
}
.mag-result-list dt{
position:relative;
padding:35px 0 10px 0;
}

.mag-result-list dt a {
display: inline-block;
padding: 2px 0 2px 30px;
background: url(/images/icon_pdf.png) 0 1px no-repeat;
background-size: 22px 29px;
}
.mag-result-list dt p{
position:absolute;
top:0;
left:0;
display: inline-block;
color: #009A90 !important;
text-align: center;
font-size: 1.2rem;
text-indent: 0;
padding: 2px 10px;
margin: 0;
background:#F2FAF9;
}

.mag-result-list dd{
padding:0 0 20px;
border-bottom: 1px dotted #ddd;
}
.mag-result-list .mag-content{
font-size: 1.4rem;
padding:10px;
background:#F8F8F8;
}
.mag-result-list .mag-title{
font-size: 1.4rem;
padding:10px 0;
}


.search-tag{
display:inline-block;
color: #fff !important;
text-align: center;
font-size: 1.2rem;
text-indent:0;
padding: 2px 10px;
margin:2px;
background:#ccc;
border-radius: 3px;
}
.search-tag.-year{
background:#e27160;
}
.search-tag.-area{
background:#EEA553;
}
.search-tag.-ctg{
background:#778ddf;
}
.search-tag.-tag{
background:#61be6e;
}

.mag-archive-ttl{
font-weight: 700;
font-size:2rem;
padding-left: .5em;
margin-bottom:50px;
border-left: 8px solid;
}
#community .mag-archive-ttl{
border-color:#226DB6;
}
#member .mag-archive-ttl{
border-color:#009A90;
}
#mypage .mag-archive-ttl{
border-color:#FA8B1D;
}


/*-------------------- ■ START Media Queries ■ --------------------*/
@media (max-width: 480px) {
.search-conditions{
	font-size:14px;
}
.search-conditions dt{
width:100px;
float:left;
}
.search-conditions dd{
padding-left:100px;
}

}
/* end 480px */