@charset "utf-8";

/*****************************************************************
	会員向けトップページ＆共通レイアウト定義
*****************************************************************/

/*============================================================
	Header
============================================================*/
#page_header{
}
.member #page_header{ border: 0;}

.member #page_header .login_manu a:after{
	border-color:#F2B306;
}
.member .main_menu_area{
	background: #F2B306;
}
.member .main_menu_area_1{
	width: 100%;
	background: none;
}
.member .main_menu_area_1 .menu_inner {
    float: none;
}
.member .menu_inner {
	padding: 270px 0 150px;
	max-width: none;
	width: 1318px;
	display: flex;
	justify-content: space-between;
}
.member .menu_inner::after{ content: normal; }
.member .menu_inner section {
	width: 30%;
}
.member .main_menu_area ul{
	border: 0;
}
.member .main_menu_area h3 {
	padding-bottom: 12px;
	border-bottom: 1px solid #fff;
}
.member .main_menu_area .main_menu_area h3+h3,
.member .main_menu_area ul+h3{
	margin-top: 3em;
}
.member_menu_bottom {
	margin: 86px 0 0;
}
.member .main_menu_area h3 a {
	position: relative;
	padding: 0 30px 0 0;
}
.member .main_menu_area h3 i {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.general_link {
	position: absolute;
	top: 40px;
	right: 150px;
}
.general_link a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 240px;
	height: 40px;
	border: solid #fff 1px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}
.general_link a i {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
@media screen and (max-width: 1368px) {
	.member .menu_inner {
		width: auto;
		padding: 150px 50px;
	}
}
@media screen and (max-width: 960px) {
	.general_link {
		position: inherit;
		top: auto;
		right: auto;
		left: auto;
		bottom: auto;
		transform: none;
		padding: 0 0 30px;
	}
	.general_link a {
		margin: auto;
	}
	.member .menu_inner{
		padding: 150px 50px 0;
		max-width: none;
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.member .menu_inner {
			display:  block;
	}
	.member .menu_inner section{
		width: 100%;
	}
	.member .main_menu_area .main_menu_area h3+h3,
	.member .main_menu_area ul+h3{
		margin-top: 2em;
	}
	.member_menu_bottom {
		margin: 0 0 33px;
	}
}



.member #page_header .utl_manu{
}
.member #page_header .utl_manu .menu_jp a{
	background: #f2b306;
}
.member #page_header .utl_manu .menu_en a{
	background: #666;
}

.member #page_header .login_manu{
	max-width: 240px;
	width: 240px;
	font-size: 88%;
}
.member #page_header .login_manu a{
	background: #fff;
	color: #000;
	border: 1px solid #000;
	padding: 12px 0;
	font-weight: bold;
}
.member #page_header .login_manu a:hover{
	background: #000;
	color: #fff;
}
.member .main_menu_area  .btn_menu,
.member #page_header .btn_menu{
	background-color: #F2B306;
	background-image: url(../images/btn_menu_m.svg);
}
.member .main_menu_area  .btn_menu{
	background-color: #fff;
	background-image: url(../images/btn_menu_m_on.svg);
}
/*============================================================
	btn_more
============================================================*/
.btn_more{
	display: block;
	line-height: 1;
	background: #ccc;
	text-align: center;
	width: 100%;
	padding: 30px 20px;
	position: relative;
	text-decoration: none;
	font-weight: 700;
}
.btn_more i{
	position: absolute;
	display: block;
	right: 15px;
	top: 50%;
	margin-top: -0.75em;
}
/*============================================================
	main_menu_on
============================================================*/

@media screen and (max-width: 1025px) {
	#page_header .utl_manu,
	#page_header .main_manu,
	#page_header .login_manu{
		display: none;
	}
}


/*============================================================
	main
============================================================*/
.member #main a{
	color: #F2B306;
}
.member #main .pickup a{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}
.member #main .pickup a:hover{
	color: #999;
}
.member #main .pickup .pic{
	margin-bottom: 10px;
}
.member #main .pickup a p {
	font-size: 18px;
}
.member #main .pickup {
	margin: 0 -5px;
	position: relative;
}
.member #main .pickup li{
	padding: 0 18px;
	max-width: 443px;
}
.member #main div.owl-item{
	max-width: 443px;
}
.member #main .pickup .owl-prev,
.member #main .pickup .owl-next{
	position: absolute;
	top: 50%;
	font-size: 40px;
	margin-top: -2em;
	color: #F2B306;
}
.member #main .pickup .owl-prev{ left: -40px;}
.member #main .pickup .owl-next{ right: -40px;}
.member	#main .pickup .active{
	background: #F2B306;
}

.member #main .sec_info_top {
	padding: 228px 0 50px;
	background: #fff;
}
.member #main .info_list_top li {
	padding: 0 88px;
}
.member #main .info_list_top li:last-child a {
	border-bottom: 0;
}
.member #main .info_list_top a {
	margin: 0;
	color: #000;
	background-image: url(../images/bg_y_line_2.svg);
	line-height: 1.8;
	font-size: 18px;
}
.member #main .path,
.member #main .path a{
	color:  #F2B306;
}

.member #main .s_page_head .in{ background:  #F2B306; }


.member #main .entry h2,
.member #main .entry h3,
.member #main .top_head,
.member #main .page_title,
.member #main .page_title_sub{ color: #F2B306; }

.member #main .sec_info_top h2{
	color: #F2B306;
	background-image: url("../images/ico_head_info_m.png");
}

#main .main_image_member{
	position: relative;
	background: #fff;
}

#main .main_image_member .pic{
	padding-top: 25%;
	background: url("../images/main_mem.jpg") no-repeat center center;
	background-size:  cover;
}

#main .main_image_member section::after{
	content: normal;
}
#main .main_image_member section{
	margin: auto;
	max-width: 862px;
	width:  100%;
	padding: 47px 59px;
	color:  #fff;
	display:  flex;
	align-items: center;
	justify-content: space-between;
	background: rgba(225,173,3,0.9);
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#main .main_image_member h2{
	font-size: 40px;
	width: 48%;
	margin: 0;
	line-height: 1.8;
}
#main .main_image_member small{
	font-size: 20px;
	display:  block;
}
#main .main_image_member p {
	width: 50%;
	margin: 0 0 0 72px;
	font-weight: 700;
	line-height: 2.2;
}
@media screen and (max-width: 1367px) {
	.member #main .pickup .owl-prev{ left: -33px;}
	.member #main .pickup .owl-next{ right: -33px;}
}
@media screen and (max-width: 960px) {
	.member #main .info_list_top li {
		padding: 0 20px;
		line-height: 1.5;
	}
	.member #main .sec_info_top {
		padding: 155px 0 50px;
		background: #fff;
	}
	#main .main_image_member p {
		margin: 0;
	}
}
@media screen and (max-width: 960px) and  (min-width: 481px){
	#main .main_image_member section{
		width: 90%;
	}
}
@media screen and (max-width: 698px) {
	#main .main_image_member .pic{
		padding-top: 53%;
		background: url("../images/main_mem_sp.jpg") no-repeat center center;
		background-size: cover;
	}
	.member #main .sec_info_top {
		padding: 220px 0 50px;
	}
}
@media screen and (max-width: 480px) {
	#main .main_image_member section{
		display:  block;
		width: auto;
		margin-left: 20px;
		margin-right: 20px;
	}
	#main .main_image_member h2{
		width: 100%;
		text-align:  center;
	}
	#main .main_image_member small{
		font-size: 14px;
	}
	#main .main_image_member p{
		width: 100%
	}
	.member #main .pickup .owl-prev{ left: -29px;}
	.member #main .pickup .owl-next{ right: -29px;}
	.member #main .meet_list .title {
		font-size: 14px;
		line-height: 1.5;
	}
	.member #main .info_list_top a {
		font-size: 14px;
	}
	.member #main .pickup a p {
		font-size: 14px;
	}
}
.top_sec_news {
	background: #fff;
}
#main .top_sec_news {
	padding-top: 100px;
}
#main .mem_news{
	width: 65%;
	float: left;
}
#main .mem_news .meet_list {
	margin-bottom: 50px;
}
#main .mem_news .meet_list a::after {
    border-right: 5px solid #003988;
    border-top: 5px solid #003988;
    transform: rotate(45deg);
    top: 50%;
    right: 5px;
    margin-top: -7px;
}
#main .mem_sub{
	width: 30%;
	float: right;
}
#main .mem_sub li{
margin-bottom:  30px;
}
#main .top_sec_pickup{
	padding: 50px 0;
	background: #eee;
}
#main .pickup.member_pickup .owl-pagination {
	margin-top: 40px;
}
@media screen and (max-width: 960px) {
	#main .main_image_member h2{
		font-size: 30px;
	}
	#main .mem_news{
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}
	#main .mem_sub{
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}
	#main .mem_sub ul {
		display: flex;
		flex-wrap: wrap;
	}
	#main .mem_sub li {
		width: 49%;
		margin: 20px 0 0 2%;
	}
	#main .mem_sub li:nth-child(2n+1) {
		margin: 20px 0 0;
	}
	#main .mem_sub li:nth-child(-n+2) {
		margin: 0;
	}
	#main .mem_sub li:nth-child(2) {
		margin: 0 0 0 2%;
	}
}
@media screen and (max-width: 698px) {
	#main .main_image_member section{
		width: auto;
		padding: 20px;
		display: block;
	}
	#main .main_image_member h2{
		font-size: 25px;
		width: 100%;
		margin: 0 0 18px;
	}
	#main .main_image_member p{
		width: 100%;
	}
	#main .main_image_member section {
		width: 302px;
		margin-left: 0;
		margin-right: 0;
		transform: translate(-50%, -43px);
	}
}
@media screen and (max-width: 480px) {
	#main .top_sec_pickup{
		padding: 22px 0 30px;
	}
	#main .top_sec_pickup .page_title{
		margin-bottom: 20px;
		font-size: 27px;
	}
	#main .pickup.member_pickup .owl-pagination {
		margin-top: 20px;
	}
	#main .mem_sub li {
		width: 100%;
		margin: 20px 0 0;
	}
	#main .mem_sub li:nth-child(2n+1) {
		margin: 20px 0 0;
	}
	#main .mem_sub li:nth-child(-n+2) {
		margin: 20px 0 0;
	}
	#main .mem_sub li:nth-child(2) {
		margin: 20px 0 0;
	}
	#main .mem_sub li:first-child {
		margin: 0;
	}
	#main .mem_news .page_title {
		font-size: 23px;
	}
}
.member .ico_cate{ background: #F2B306;}
.member #main .date{
	color: #F2B306;
}
#main .meet_list a{ color: #000;}
#main .meet_list a:hover{ color: #999;}

.member #main .meet_list a::after{ border-color: #F2B306;}

.member #main .btn_more_y,
.member #main .top_sec_news .btn_more {
    border: 2px solid #F2B306;
    color: #F2B306;
}
.member #main .btn_more_y:hover,
.member #main .top_sec_news .btn_more:hover{
	color: #fff;
}

.member #main .btn_more_y:before,
.member #main .top_sec_news .btn_more:before{
background:#F2B306;
}

#main .top_sec_procedure .page_title{
	color:  #fff;
}
#main .top_sec_procedure{
position: relative;
padding-top: 50px;
}
#main .top_sec_procedure::before{
	background: #F2B306;
	content: "";
	display: block;
	width: 100%;
	left: 0;
	top: 0;
	height: 300px;
	z-index: 0;
	position: absolute;
}
.procedure_wrap {
	position: relative;
	z-index: 1;
}
#main .procedure_menu{
	background: #eee;
	padding:  3% 5%;
	overflow:  hidden;
}
#main .procedure_menu ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}
#main .procedure_menu li {
	width: 49%;
	margin: 20px 0 0 2%;
}
#main .procedure_menu li:nth-child(2n+1) {
	margin: 20px 0 0;
}
#main .procedure_menu li:nth-child(-n+2) {
	margin: 0;
}
#main .procedure_menu li:nth-child(2) {
	margin: 0 0 0 2%;
}
#main .procedure_menu ul li a{
	display:  flex;
	align-items: center;
	height: 100%;
	padding:  12px 35px 12px 12px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	background: #fff;
	position: relative;
}
#main .procedure_menu a:hover{
	background: #000;
	color: #fff;
}

#main .procedure_menu a:after{
	display:  block;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	border-top: 5px solid #F2B306;
	border-right: 5px solid #F2B306;
	margin-top: -4px;
	transform:  rotate(45deg);
	content: "";
}
.member #main .sub_area .sub_area_menu li a.on,
.member #main .sub_area .sub_area_menu li a:hover {
    color: #F2B306;
}
.member #main .pages a {
    color: #F2B306;
}

.member #main{
	background: #F2F3F3;
}
.member #main .t_page_head h1{
	color: #F2B306;
	border-color: #F2B306;
}
.member #main .t_page_head h1 span{
	color: #000;
}

.member #main a[target="_blank"]:not(.btn_dl){
	background-image:url(../images/ico_blank_m.svg);
	background-color: #fff;
}
.member #main .mw-wp-form_file a[target="_blank"]{
	background-image:none;
}


.member #main a[target="_blank"].pickup_link{
	background-image: none;
	background-color: unset;
}
@media screen and (max-width: 480px) {
	#main .procedure_menu li {
		width: 100%;
		margin: 20px 0 0;
	}
	#main .procedure_menu li:nth-child(2n+1) {
		margin: 20px 0 0;
	}
	#main .procedure_menu li:nth-child(-n+2) {
		margin: 20px 0 0;
	}
	#main .procedure_menu li:nth-child(2) {
		margin: 20px 0 0;
	}
	#main .procedure_menu li:first-child {
		margin: 0;
	}
}
/*============================================================
	NEWS Page
============================================================*/
.member .news #main{
	background: #fff;
}
.member #main .news_title{
	font-size: 175%;
	border-bottom:  2px solid #F2B306;
}
.member .news #main .s_page_head {
	background-image: url("../images/img_news_mem_main.jpg");
}

/*============================================================
	CONTACT Page
============================================================*/
.member #main .sub_area .sub_area_menu{
	border-color: #F2B306;
}

.member .contact_page #main .s_page_head{
	background-image: url("../images/img_contact_mem_main.jpg");
}
.member #main .btn_submit,
.member #main .btn_back{
	border-color:#F2B306;
	color: #F2B306;
}
.member #main .btn_submit{
	background-image:url(../images/bg_arw_yellow.svg);
}
.member #main .btn_back{
	background-image:url(../images/bg_arw_yellow_r.svg);
}

.member #main .entry table { border-color: #F2B306;}
.member #main .entry table th,
.member #main .entry table td,
.member #main  .tbl_history th,
.member #main  .tbl_history td,
.member #main  .tbl_history{
	border-color: #F2B306;
}
.member #main .link_area_book .link_title,
.member #main .link_area .link_title{
	border-color: #F2B306;
}

.member .renewal_page #main  .tbl_history th{
	white-space: nowrap;
	background: #E4E6E6;
	padding: 13px 32px 13px 32px;
}
.member .renewal_page #main  .tbl_history td{
	padding: 13px 20px ;
}
.member .renewal_page #main  .tbl_history td+td{
	border-left: #F2B306 1px solid;
}

.member #main .entry h2,
.member #main .entry h3,
.member #main .data_head {
	border-color: #F2B306;
	color: #F2B306;
}
.member #main .batch{
	color: #F2B306;
	padding: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
}
/*============================================================
	certification Page
============================================================*/
#main .btn_more_s{
	position: relative;
	display:  inline-block;
	background: #fff;
	text-align: left;
	width: auto;
	padding: 10px 30px 10px 20px;
	border: 1px solid #000;
	color: #000 !important;
}
#main .btn_more_s:hover{background-color: #eee;
}
#main .btn_more_s::after{
	display: block;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -5px;
	content: "\f054";
	font: normal normal normal 12px/1 FontAwesome;
}
.member .certification_page #main .s_page_head{
	background-image: url("../images/img_certification_main.jpg");
}
.member #main .btn_more_s::after{
	color: #F2B306;
	border-color: #F2B306;
}

.member #main a[target="_blank"].btn_more_s{
	background-position: 98% 50%;
}

#main .nav_certification {
	display:  flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#main .nav_certification::after{ content: normal; }
#main .nav_certification h3{
	border-bottom: 2px solid #fff;
	padding-bottom: 10px;
	margin-bottom: 1em;
	font-size: 20px;
}
#main .nav_certification li{
	width: 49%;
	margin-bottom: 2%;
}

#main .nav_certification a{
	display: block;
	text-decoration: none;
	background: #F2B306;
	color: #fff;
	padding:  20px;
	height: 100%;
}
#main .nav_certification .batch{ margin-right: 24px;}
.member #main .nav_certification .batch{
	width: 40px;
	height: 40px;
	line-height: 40px;
}

#main .nav_certification p{ margin: 0;}

#main .t_page_head span{
	padding-left: 50px;
	border-left: 10px solid #ccc;
}
@media screen and (max-width: 960px) {
	#main .t_page_head span{
		display: inline-block;
	}
}

#main .t_page_head span.recognition{border-color:   #E680A6;}
#main .t_page_head span.guidance_medicine{border-color:   #7FC7D5;}
#main .t_page_head span.expert{border-color:   #1BBFA3;}
#main .t_page_head span.administration{border-color:   #AA67DC;}
#main .t_page_head span.facilities{border-color:   #8FBF1B;}

#main .list li{ margin-bottom: 10px}

#main .mb_60{ margin-bottom: 60px; }
#main .expert_renew_list{ margin-left: 45px; }
#main .expert_new_list li{ padding-left: 27px; }

#main .kigen{
	font-weight: bold;
	color: red;
	font-size: 25px;
}
@media screen and (max-width: 960px) {
	#main .kigen{
		font-size: 20px;
	}

}
#main .kigen del{
	color: #000;
}
#main .attention{
color: red;
}

#main .link_area_dl .link_title{
	position: relative;
	padding-right: 1.5em;
	cursor: pointer;
}
#main .link_area_dl .link_title:hover{
	color: #F2B306;
}

#main .link_area_dl .link_title::before{
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -0.5em;
	content: "+";
	font-size: 200%;
	color: #F2B306;
	line-height: 1;
	font-weight: normal;
}
#main .link_area_dl .link_title.on::before{
	content: "-";
}
#main .link_area_dl div{
	display: none;
}
#main .link_area_dl .link_title.on+div{
	display: block;
}
/*============================================================
	administration Page
============================================================*/

.regulations_page #main .sec_page_item:after,
.expert_page #main .sec_page_item:after,
.renew_page #main .sec_page_item:after,
.new_page #main .sec_page_item:after,
.administration_page #main .sec_page_item:after{
	border-color: #fff;
	border-width: 5px;
}
/*============================================================
	journal Page
============================================================*/
.member .journal_page #main .s_page_head{
	background-image: url("../images/img_journal_mem_main.jpg");
}

/*============================================================
	journal Page
============================================================*/
.procedures_page #main .s_page_head{
	background-image: url("../images/img_procedures_mem_main.jpg");
}
.member .procedures_page #main,
.member .journal_page #main
{
	background: #fff;
}

/*============================================================
	journal Page
============================================================*/
.renewal_page #main .btn_more_s,
.journal_page #main .btn_more_s{ min-width: 322px;}
.certification_page #main .btn_more_s{ min-width: 250px;}

@media screen and (max-width: 481px){
	.journal_page #main .btn_more_s{ min-width: 100%;}
}

.certification_page #main p,
.certification_page #main ul,
.certification_page #main dl,
.certification_page #main ol{ margin-bottom: 50px; }

/*============================================================
	mail Page
============================================================*/
.mail_page #main .s_page_head{
	background-image: url("../images/img_mail_mem_main.jpg");
}
.member .mail_page #main{
	background: #fff;
}
.member .mail_page #main .data_head{	margin-top: 5em;}
/*============================================================
	footer
============================================================*/
.member #page_footer .pagetop{
	background-color: #f2b306;
}
/* 共通 */
.contents_box_inner {
	padding: 20px;
	background: #fff;
}
@media screen and (min-width: 961px) {
	.contents_box_inner {
		padding: 50px 64px;
	}
}
@media screen and (min-width: 961px) {
	.txt_bnr_wrap_box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 50px;
	}
	.txt_bnr_wrap_box .txt_bnr_wrap {
		width: 48%;
	}
}
.txt_bnr_wrap {
	margin: 30px 0 0;
}
.txt_bnr_01 {
	display: block;
	max-width: 300px;
	margin: auto;
	padding: 20px 30px;
	background: #F2B306;
}
.txt_bnr_01 span:nth-child(1) {
	display: block;
	margin: 0 0 10px;
	padding: 0 0 15px;
	border-bottom: solid #fff 2px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.txt_bnr_01 span:nth-child(2) {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 14px;
}
.txt_bnr_01 span:nth-child(2):before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 15px 0 0;
	background: #fff url(../../page_images/bnr_arw.svg) center center no-repeat;
}
.txt_bnr_wrap + p {
	margin: 40px 0 0;
}
@media screen and (min-width: 481px) {
	.txt_bnr_01 {
		margin: 0;
	}
}
@media screen and (min-width: 961px) {
.txt_bnr_01 {
	max-width: 520px;
	padding: 30px 35px 30px 45px;
}
.txt_bnr_01 span:nth-child(1) {
	margin: 0 0 14px;
	padding: 0 0 20px;
	font-size: 20px;
}
.txt_bnr_01 span:nth-child(2) {
	font-size: 18px;
}
.txt_bnr_01 span:nth-child(2):before {
	width: 40px;
	height: 40px;
	margin: 0 24px 0 0;
}
.txt_bnr_wrap + p {
	margin: 60px 0 0;
}
}
/* プライバシーポリシー */
.sec_page #main p.list_title {
	margin: 0 0 20px;
	font-weight: bold;
}
.sec_page #main p.privacy_address {
	margin: 0;
}
.privacy_page.sec_page #main ol {
	margin: 0;
}
/* 2020年度ホームページ倫理審査について */
.sec_page #main .ethics_txt p {
	margin: 0 0 15px;
}
/* 臨床指導医のページ */
.expert_page #main .expert_contents_wrap,
.guidance_medicine_page #main .guidance_medicine_contents_wrap
 {
	margin-bottom: 100px;
}
/* 会員向けリンク集 */
#main .link_page_list.link_page_txt{
	font-weight: normal;
	color: #F2B306;
}


.photobox{
	display: flex;
	flex-flow: row;
}

.photobox figure{
	margin-top: 0;
}

@media screen and (max-width: 960px) {
	.photobox{
		display: flex;
		flex-flow: column;
	}

	.photobox figure{
		margin-top: 0;
		margin-bottom: 20px;
	}
}


/*************************/
.member #main a.o_link {
    text-decoration: none;
    text-align: center;
    display: block;
    padding: .7em;
    border: 0.2em solid;
line-height: 1.5em;
	font-weight: bold;
}

.member #main a.o_link:hover {
	opacity: 0.5;
}