/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□
mediaoba Page
□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/* アコーディオン */
.tab_head{
	height:50px;
	line-height:50px;
	margin-bottom:12px;
	border-bottom:1px solid #DCDCDC; /* ゲインズボロ */
	font-size:1.375rem;
	cursor:pointer;
}
.tab_head .notes{
	font-size:1rem;
}
.tab_head::before{
	font-family:FontAwesome;
	content:"\f107";
	padding-right:.5em;
}
.tab.open .tab_head{
	margin-bottom:.75rem;
}
.tab.open .tab_head::before{
	content:"\f106";
}
.tab:not(:last-of-type) .tab_body{
	margin-bottom:12px;
	padding-bottom:18px;
	border-bottom:1px solid #DCDCDC; /* ゲインズボロ */
}
.tab_body > :last-child{
	margin-bottom:0;
}

/* タブ */
.tab-button{
	margin-bottom:30px;
}
.tab-button .link_btn button{
	text-align:left;
}
.tab-button .link_btn button::after{
	content:"\00A0\f078"; /* 区切りなしスペース（ ）＝\00A0 */
	padding-left:.25em;
}
.tab-button .link_btn button.selected::after{
	content:"\00A0\f077"; /* 区切りなしスペース（ ）＝\00A0 */
}
.tab-content{
	display:none;
}
.tab-content.show{
	display:block;
}

/* スクロールボックス */
.scroll-box{ /* max-heightを別指定する */
	overflow-y:scroll;
	padding:10px;
	background:#F5F5F5; /* ホワイト・スモーク */
	border-radius:5px;
	font-size:.9375em;
}
.scroll-box > :last-child{
	margin-bottom:0;
}

/* Q&A（FAQコンテンツ以外） */
dl.qa{
	
}
dl.qa dt{
	margin-bottom:5px;
}
dl.qa dd{
	margin-bottom:20px;
}
dl.qa > *::before{
	padding-right:5px;
	font-family:'Vollkorn', serif;
	font-weight:600;
	line-height:1;
	position:relative;
	font-size:1.375rem;
}
dl.qa dt::before{
	content:"Q";
	color:#2595C7;
	top:0;
}
dl.qa dd::before{
	content:"A";
	color:#DE82A7;
	top:1px;
}

/* 画像グループ */
.photo-group{
	width:100%;
	display:flex;
	flex-flow:row wrap;
	gap:20px;
}
.photo-group .photo{
	margin:0;
	text-align:center;
}
.photo-group img{
	width:100%;
	height:auto;
}
.photo-group .caption{
	display:inline-block;
	padding-top:5px;
	text-align:left;
	font-size:.875em;
}
@media screen and (min-width:621px){
	.photo-group.cal-2 .photo{
		flex-basis:calc(50% - 10px);
	}
}


/*--------------------------------------------------------------
パンフレット請求
--------------------------------------------------------------*/
.form-pamph .pamph-cat{
	margin-bottom:70px;
}
.form-pamph table{
	width:calc(100% - 10px);
	margin:5px;
}
.form-pamph tr{
}
.form-pamph td{
	vertical-align:top;
}
@media screen and (max-width:630px){
	.form-pamph .pamph-cat:last-of-type{
		margin-bottom:30px;
	}
	.form-pamph tr{
		display:block;
		width:100%;
		margin-bottom:30px;
		padding:0;
		border:none;
	}
	.form-pamph td{
		display:block;
		width:100% !important;
	}
	.form-pamph td:not(:first-of-type){
		border-top:none;
	}
}

/* 販促物 画像 */
.form-pamph td.item_photo{
	width:160px;
}
.form-pamph td.item_photo img{
	width:100%;
}

/* 販促物 PDFボタン */
.form-pamph td.item_photo .view{
	margin:10px 0 0;
	text-align:center;
}
.form-pamph td.item_photo .view a{
	display:inline-block;
	width:100%;
	max-width:250px;
	padding:.5em 0;
	background-color:#E10041; /* カーマイン */
	color:#FFF;
	font-size:.875rem;
	line-height:1;
	text-align:center;
	text-decoration:none;
	border-radius:2em;
}
.form-pamph td.item_photo .view a:hover{
	background-color:#FF6B69; /* 注意（赤）*/
}

/* 販促物 内容 */
.form-pamph td.item_content{
}
.form-pamph td.item_content div{
	
}
.form-pamph td.item_content .item_name{
	margin-bottom:10px;
	font-weight:bold;
}
.form-pamph td.item_content .item_attention{
	
}
.form-pamph td.item_content .item_attention p{
	
}

/* 販促物 数量選択 */
.form-pamph td.item_selected{
	vertical-align:middle;
	width:90px;
}
.form-pamph td.item_selected .select_area{
	
}
.form-pamph td.item_selected input{
	
}
.form-pamph td.item_selected select{
	width:100%;
	font-size:1rem;
	border-width:1px;
	border-style:solid;
}
.form-pamph td.item_selected option{
	
}

/* 販促物 submitボタン */
.form-pamph .link_btn{
	margin:0;
}
.form-pamph .link_btn button{
	padding:.5em 2em !important;
}


/*--------------------------------------------------------------
講演要旨集
--------------------------------------------------------------*/
#back-data.page .form-pamph .item_attention span{
	display:inline-block;
}
#back-data.page .form-pamph .item_attention .date{
	padding-right:10px;
}


/*--------------------------------------------------------------
よくあるご質問
--------------------------------------------------------------*/
#faq .blog-list-style .post-header{
	margin-bottom:5px;
	text-align:center;
}
#faq .blog-list-style:first-of-type .post-header{
	margin-top:0;
}
#faq .read-more{
	text-align:center;
}
#faq .post-title a,
#faq .read-more a{
	text-decoration:none;
}
#faq .blog-classic-style .post-title{
	text-align:left;
}

/* QA マーク */
#faq .post-title a::before,
#faq .read-more a::before,
#faq .answer .post-title::before,
#faq .answer .post-content div:first-of-type p::before{
	padding-right:5px;
	font-family:'Vollkorn', serif;
	font-weight:900;
	line-height:1;
	position:relative;
}
#faq .post-title a::before,
#faq .answer .post-title::before{
	content:"Q";
	color:#2595C7; /* 露草色 */
	font-size:1.75rem;
}
#faq .read-more a::before,
#faq .answer .post-content div:first-of-type p::before{
	content:"A";
	color:#DE82A7; /* ロータスピンク */
	top:2px;
	font-size:1.5rem;
}

/* answer */
#faq .answer .blog-classic-style .post-header,
#faq .answer .answer-excerpt{
	margin-bottom:20px;
}
#faq .answer .answer-excerpt p{
	display:inline-block;
}
#faq .answer .blog-classic-style footer{
	margin-top:30px;
	text-align:center;
}


/*--------------------------------------------------------------
講習会
--------------------------------------------------------------*/
/* 講習会 TOP */
.session-list .post-title,
.session-list .post-title a{
	text-align:center !important;
}
.session-list .read-more::before{
	font-family:FontAwesome;
	content:"\f0a9";
	line-height:1;
	position:relative;
	top:1px;
	font-size:1.25rem;
	color:#009D85; /* 青葉ロゴの緑色 */
}
.session-list .view-details{
	position:relative;
	text-align:center;
}
.session-list .tagcloud button{
	line-height:1.6;
}
.detail-content{
	position:absolute;
	bottom:0;
	left:50%;
	transform:translate(-50%,0);
	width:calc(100% - 10px);
	max-width:600px;
	padding:30px 20px 25px;
	background:#FFF;
	border:1px solid #006AB6; /* 青 */
	border-radius:5px;
	text-align:left;
	z-index:9002;
}
.detail-content .close-btn{
	position:absolute;
	top:0;
	right:0;
	width:34px;
	height:29px;
	padding:5px 5px 0;
	font-size:24px;
	line-height:1;
	color:#006AB6; /* 青 */
	text-align:center;
	cursor:pointer;
	z-index:9003;
}
.detail-content ul{
	list-style-type:disc;
	padding-left:15px;
}
.detail-content ol{
	list-style-type:decimal;
	padding-left:20px;
	margin-bottom:30px;
}
.detail-content li{
	margin-bottom:.5em;
}

/* 講習会 Session Page */
#session-schedule .scroll-box{
	max-height:140px;
	margin-bottom:50px;
}
#session-flow .tab_body ul{
	list-style:none;
	padding:30px 0 0 !important;
}
#session-flow .tab_body li{
	margin-bottom:0;
}
#session-flow .tab_body li:not(:last-child)::after{
	display:block;
	font-family:FontAwesome;
	content:"\f103";
	text-align:center;
	color:#D3D3D3; /* ライトグレイ */
	font-size:1.5rem;
	line-height:50px;
}
#session-flow .tab_body dl{
	padding:10px;
	border:2px dotted #CCC;
	border-radius:5px;
}
#session-flow .tab_body dt{
	position:relative;
}
#session-flow .tab_body dt .flow-ttl{
	position:absolute;
	top:-30px;
	display:inline-block;
	height:40px;
	width:90px;
	background:#60B251; /* ペロケ */
	border-radius:20px;
	text-align:center;
	font-weight:bold;
	font-size:1.125rem;
	line-height:40px;
	color:#FFF;
}
#session-flow .tab_body dd{
	padding-top:20px;
}
#session-goods .two-columns{
	margin-top:10px;
	padding:10px 0;
	border-top:1px solid #DCDCDC; /* ゲインズボロ */
	border-bottom:1px solid #DCDCDC; /* ゲインズボロ */
}
#session-goods .two-columns .left-side{
	max-width:300px;
	margin:0 auto 15px;
	text-align:center;
}
#session-goods .two-columns .right-side{
	padding-top:5px;
}
#session-goods .two-columns img{
	width:100%;
}
#session-goods .two-columns span{
	display:inline-block;
	padding-top:5px;
}
#session-goods .two-columns ul{
	margin-bottom:0;
}
@media screen and (max-width:420px){
	#session-flow .tab_body li{
		margin-bottom:20px;
	}
	#session-flow .tab_body li:not(:last-child)::after{
		line-height:30px;
	}
}
@media screen and (min-width:621px){
	#session-goods .two-columns > *{
		display:inline-block;
		vertical-align:top;
	}
	#session-goods .two-columns .left-side{
		width:30%;
		margin:0 10px 0 0;
	}
	#session-goods .two-columns .right-side{
		width:calc(70% - 18px);
	}
}