a{
	/*transition: all 0.3s;*/
}
body {
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
	}
.page-header.header-small .hestia-title{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 3.5rem;
	text-shadow: 1px 1px 2px #393939;
}
dt{
	font-size: 0.8em;
}
dd{
	font-size: 0.8em;
}
a:hover{
	opacity: .7;
	color: #1d4d95 !important;
}
.left{
	text-align: left;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
span.red{
	color: #ec1818;
}
.section_box{
	padding-top: 2vh;
	padding-bottom: 0;
}
.inner{
	
}
body.row{
	margin-bottom: 5%;
}
.navbar{
	background: #000;
}
.navbar > .container{
	width: 98%;
}
.navbar .title-logo-wrapper{
	max-width: auto !important;
	align-items: flex-end;
}
.navbar.hestia_left .navbar-nav{
	color: #fff;
}
.nav > li > a{
	padding: 10px 15px;
	font-size: 13px;
	line-height: 1.6 !important;
}
p{
	font-size: 1.1em !important;
}
body:not(.single) h1.hestia-title span{
	display: block;
	font-size: 16px;
}
.header-filter-gradient{
	background-image: url("https://proned.co.jp/cp-bin/wordpress5/wp-content/uploads/2020/09/post_kv.jpg");
	background-size: cover;
	background-position: center center;
}
h3{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: 1px solid #c6c6c6;
	color: #353535;
}
h3::before{ 
	background: url("https://proned.co.jp/cp-bin/wordpress5/wp-content/uploads/2020/06/before_icon.png"); 
	background-position: center center; 
	background-repeat: no-repeat; 
	background-size: contain; 
	content: ""; 
	display: inline-block; 
	height: 25px; 
	margin-right: 10px; 
	vertical-align: text-bottom; 
	width: 25px; 
}
h4{
	font-size: 1.3em !important;
	font-weight: bold;
	margin-bottom: 5px !important;
}
.blog-post .section-text{
	padding-bottom: 20px;
}
/*===============================================
 *  ID Link
===============================================*/
#aboutus01, #aboutus02, #aboutus03, #aboutus04{
	margin-top: -8%;
	padding-top: 8% !important;
}
#seminar01, #seminar02, #seminar03, #seminar04{
	margin-top: -8%;
	padding-top: 8% !important;
}
#research01, #research02, #research03, #research04{
	margin-top: -8%;
	padding-top: 8% !important;
}
/*===============================================
 *  Header
===============================================*/
p.catchcopy {
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-weight: bold;
	line-height: 1.2;
}
.catchcopy span {
	font-size: 1.4rem !important;
	display: block;
	line-height: 2.3;
	color: #fff;
}
p.site_name{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
/*font-size: 2.5rem !important;
	margin-left: 10px !important;*/
	margin: 0 !important;
	font-size: 3.3vw !important;
	text-align: center;
}
.navbar .navbar-nav > li a{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
/*===============================================
 *  password 保護
===============================================*/
.post-password-form input[type="submit"] {
	background-color: #3e3e3e;
	border-radius: 12px !important;
	padding: 1% 5%;
}
/*===============================================
 *  home
===============================================*/
.home .section{
	padding-top: 80px;
}
.navbar > .container{
	justify-content: space-between;
}
.navbar > .container > div:nth-child(odd){
	width: 31%;
}
.navbar > .container > div:nth-child(even){
	width: 38%;
}
.navbar .navbar-header .navbar-brand{
	padding: 0 5px 0 15px;
}
/*.navbar-brand span{
	font-size: 10px;
	line-height: 1.2;
	display: block;
	padding-left: 5px;
}*/
.navbar{
	box-shadow: none;
	border-bottom: 2px solid #080159;
}
.title-logo-wrapper p{
	font-size: 10px;
	margin: 0;
}
.img_box ul, .img_box2 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.img_box ul li{
	margin: 1% auto;
	width: 19.5%;
}
.img_box2 ul li{
	margin: auto;
	width: 19.5%;
	overflow: hidden;
}
.img_box ul li a, .img_box2 ul li a{
	display: block;
}
.img_box ul li a img, .img_box2 ul li a img{
	width: 100%;
  transition-duration: 0.3s;
	display: inline-block;
}
.img_box img{
	border: 1px solid #d2d2d2;
	padding: 5% 0;
	background: #080159;
	box-shadow: 0px 0px 4px #ddd;
}
.img_box2 img{
	box-shadow: 1px 1px 2px #606060;
	/*transition: transform 0.3s;*/
	outline: 1px solid transparent;
}
.img_box2 img:hover{
	box-shadow: 1px 1px 10px #606060;
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
}
.img_box h3::before{
	background: none;
	content: unset;
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
}
.sectionTitle h3{
	border-bottom: 1px solid #777;
	font-size: 24px;
}
.news-area{
	position: relative;
	top: 0;
}
.more-information{
	/*position: absolute;
	bottom: -35px;
	right: 2%;*/
	display: inline-block;
	text-align: right;
	width: 100%;
}
.more-information a{
	color: #464646;
	text-decoration: underline;
}
.table-list .column-1{
	width: 10%;
}
.table-list th{
	background: #000148 !important;
	color: #fff;
	text-align: center;
}
.table-list td{
	padding: 1% !important;
}

/* Hover effect
-----------------------------------------------*/
figure {
	position: relative;
	overflow: hidden;
}
figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, #040404, #717171);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}
figcaption h3, figcaption p {
	position: absolute;
	left: -100%;
	/*width: 260px;*/
	-webkit-transition: .3s;
	transition: .3s;
}
figcaption h3 {
	top: 5%;
	left: 5% !important;
	color: #fff;
	font-size: 18px !important;
	border-bottom: 1px solid #fff;
	display: block;
	width: 85%;
	line-height: 1.4;
}
figcaption p {
	top: 30%;
	left: 5% !important;
	color: #fff;
	font-size: 14px !important;
}
figcaption span{
	font-size: 12px;
	top: 80%;
	position: absolute;
	right: 5%;
	color: #fff;
}
figcaption a, figcaption a:hover{
	color: #fff !important;
}
figure:hover figcaption {
	opacity: 1;
}
figure:hover figcaption h3,
	figure:hover figcaption p {
	left: 20px;
}
figure:hover figcaption h3 {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}
figure:hover figcaption p {
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}
/* NEWSプラグイン
-----------------------------------------------*/
#news{
	color: #fff;
}
#news h3{
	color: #000 !important;
}
.news_list{ 
	list-style: none;
	padding: 0;
} 
.news_list li{ 
	border-bottom: 1px dashed #ccc; 
	line-height: 1;
	padding: 5px 0; 
	text-align: left !important; 
	line-height: 1.6 !important;
} 
.news_date{ 
	font-size: 13px;
	font-style: Meiryo;
	vertical-align: middle;
	width: 110px;
	color: #777;
	display: inline-block;
} 
.cat{ 
	background: #182b5c; 
	color: #fff; 
	font-size: 10px; 
	line-height: 20px; 
	margin: 0 20px; 
	padding: 5px 10px; 
	text-align: center; 
	vertical-align: middle; 
	width: 80px; 
}

.cat.risk-management, .cat.governance-seminar{
	background: #18565c;
}
.news_title{ 
	font-size: 14px; 
}
.footer-big{
	padding: 0;
}
.footer-big .copyright{
	padding: 0;
}
.copyright p{
	font-size: 12px;
	margin: 0;
}
/* Information
-----------------------------------------------*/
.more-info{
	display: block;
	background: #202020;
	padding: 2%;
	border: 1px solid #ccc;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.more-info a{
	color: #e3e29c;
	margin: 0 4px;
}
a.no-icon::before{
	background: unset !important;
	content: unset;
	margin-right: 0 !important;
	height: 0 !important;
	margin-right: 0 !important;
	width: 0 !important;
}
.more-info a::before{
	background: url("https://proned.co.jp/cp-bin/wordpress5/wp-content/uploads/2020/06/mail-icon.svg"); 
	background-position: center center; 
	background-repeat: no-repeat; 
	background-size: contain; 
	content: ""; 
	display: inline-block; 
	height: 25px; 
	margin-right: 10px; 
	vertical-align: top;
	width: 25px;
}
.more-info a:hover{
	color: #f0e542 !important;
}
/* About-us
-----------------------------------------------*/
.tablepress tbody td, .tablepress tfoot th{
	font-size: 0.8em;
	padding: 0.2% 0;
}
#pl-33 .so-panel{
	margin-bottom: 0 !important;
}
.profile{
	border-bottom: 1px solid #ddd;
}
.profile > div > div:first-child{
	margin-bottom: 0 !important;
}
.profile dd{
	margin-bottom: 0;
}
span.profile{
	font-size: 0.7em;
	display: inline-block;
	margin-left: 5px;
}
.box_profile h4{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.box_profile > div:first-child{
	margin-bottom: 0 !important;
}
.box_profile{
	padding: .5% 0;
}
.accordion{
	margin: 0;
}
.accordion dt{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	border: 1px solid #AFB5BD;
	color: #3C4858;
	display: inline-block;
	padding: 5px 60px;
	text-align: center;
	position: relative;
	margin-top: 10px;
}
.accordion dt::before{
	content: "▼";
	color: #3C4858;
  position: absolute;
  top: 50%;
  left: 5%;
  -ms-transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  transform: translate(0,-50%);
  margin:0;
  padding:0;
	transition: all 0.3s;
}
.accordion dt.active::before{
  -ms-transform: translate(0,-50%) rotate(180deg);
  -webkit-transform: translate(0,-50%) rotate(180deg);
  transform: translate(0,-50%) rotate(180deg);
}
.accordion dd{
	display:none;
	padding: 15px;
	border: 1px solid #DFDFDF;
	margin-top: 15px;
}
.page-id-33 footer{
	margin-top: 50px !important;
}
/* Services
-----------------------------------------------*/
ul.services li{
	line-height: 1.6;
}
ul.services{
	margin: 2% 0;
}
span.point{
	font-size: 1.1em !important;
	display: block;
	background: #0c3751;
	padding: 1% 2%;
	color: #fff;
}
/* Board-review
-----------------------------------------------*/
ul.review, ol.review{
	font-size: 1.1em !important;
}
ul.review li, ol.review li{
	line-height: 1.6;
}
ul.review{
	padding-left: 3%;
	list-style-type: disc;
}
/* Board-academy
-----------------------------------------------*/
#pg-176-2{
	align-items: unset !important;
}
#pg-176-2 > div{
	box-shadow: 0px 0px 4px #ddd;
	background: linear-gradient(90deg,#dfdfdf,#fff,#dfdfdf);
}

.academy-point{
	padding: 4% 8%;
	/*box-shadow: 0px 0px 4px #ddd;
	background: linear-gradient(90deg,#dfdfdf,#fff,#dfdfdf);*/
}

.academy-point img{
	width: 60% !important;
}
.academy-point dt{
	background: #fff;
	border: 1px solid #a1a1a1;
	padding: 2.5% 0;
	text-align: center;
	margin: 10px 0;
}
.academy-point dd ul li{
	font-size: .8em !important;
	margin: 0 2%;
	line-height: 1.6;
}
.academy-point span{
	text-align: center;
	background: linear-gradient(7deg,#4f2100,#956f53,#4f2100);
	padding: 2.5% 0;
	color: #fff;
	box-shadow: 0 0 10px #c4c4c4;
	font-weight: bold;
	text-shadow: 1px 1px 3px #222;
	display: block;
	margin-bottom: 20px;
	border-radius: 6px;
}
.special-listing{
	background: linear-gradient(140deg, #d7bf00, #ffe934, #d7bf00);
	width: 30%;
	margin-left: 70%;
	padding: 1% 2%;
	text-align: center;
	box-shadow: 2px 2px 2px #c6c6c6;
}
.special-listing a{
	color: #333;
	font-size: 15px;
	font-weight: bold;
}
.special-listing2{
	background: linear-gradient(140deg, #036991, #54afd2, #036991);
	width: 30%;
	margin-left: 70%;
	padding: 1% 2%;
	text-align: center;
	box-shadow: 2px 2px 2px #c6c6c6;
}
.special-listing2 a{
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}
.special-listing3{
	background: linear-gradient(140deg, #180135, #866ca6, #180135);
	width: 30%;
	margin-left: 70%;
	padding: 1% 2%;
	text-align: center;
	box-shadow: 2px 2px 2px #c6c6c6;
}
.special-listing3 a{
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}
.special-listing4{
	background: linear-gradient(140deg, #000, #4f4f4f, #000);
	width: 30%;
	margin-left: 70%;
	padding: 1% 2%;
	text-align: center;
	box-shadow: 2px 2px 2px #c6c6c6;
}
.special-listing4 a{
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}
.academy-archive{
	background: linear-gradient(140deg, #3c011d, #95540e, #3c011d);
	width: 30%;
	margin-left: 70%;
	padding: 1% 2%;
	text-align: center;
	box-shadow: 2px 2px 2px #c6c6c6;
}
.academy-archive a{
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}
.academy-archive a:hover{
	color: #fff!important;
}
.academy-post a, span.rpwwt-post-title{
	font-size: 1.1em;
	border-bottom: 3px dotted #a6975c;
	margin-bottom: 10px;
	font-size: 1.1em;
	display: block;
	color: #11124d;
	font-weight: bold;
}
span.rpwwt-post-title::before{
	content: "▶" !important;
}
span.rpwwt-post-title::after{
	content: "read more";
	font-size: 14px;
	margin-left: 10px;
	color: #038234;
}
.academy-post li, .rpwwt-widget ul li{
	line-height: 1.6 !important;
	margin-bottom: 3%;
	font-size: .9em;
	background: #f0f0f0;
	color: #404040;
	padding: 2%;
	border-radius: 4px;
}
.rpwwt-post-excerpt a{
	color: #0a9b8d;
}
.rpwwt-post-excerpt span{
	background: #27038a;
	color: #fff;
	padding: 0.2% 0.5%;
	font-size: 0.7em;
	vertical-align: text-bottom;
	display: inline-block;
	margin-left: 10px;
}
#pg-176-2 > div{
	position: relative;
}

.b-a-img img{
	position: absolute;
	bottom: 0;
	right: 2%;
}
.b-a-img > img{
	max-width: 100%;
	width: 80% !important;
}
/* Board-search
-----------------------------------------------*/
ul.performance li{
	font-size: 0.9em !important;
	line-height: 1.6;
}
.academy-flow h4{
	font-size: 1.2em;
	font-weight: bold;
	background: linear-gradient(20deg,#0d022d,#262f53);
	color: #fff;
	padding: 1% ;
}
.academy-flow ul li{
	font-size: 0.9em;
	line-height: 1.9;
}
.academy-flow > div{
	background: #f2f2f2;
	padding: 1%;
	border: 1px solid #000;
}
/* Seminar
-----------------------------------------------*/
.seminar-post li{
	line-height: 1.5 !important;
	padding: 0;
	margin-bottom: 0 !important;
	list-style: disclosure-closed;
	margin-left: 5%;
}
.seminar-post h3{
	font-size: 1.3em;
	position: relative;
	border-bottom: none;
	line-height: 2;
	padding: 0 15px;
}
.seminar-post h3::before{ 
	background: url("https://proned.co.jp/cp-bin/wordpress5/wp-content/uploads/2020/06/seminar-before.svg"); 
	background-position: center center; 
	background-repeat: no-repeat; 
	background-size: contain; 
	content: ""; 
	display: inline-block; 
	height: 28px; 
	margin-right: 10px; 
	vertical-align: text-bottom; 
	width: 28px; 
}
.seminar-post h3:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: -webkit-repeating-linear-gradient(-45deg, #b5b5b5, #828282 2px, #f0f0f0 2px, #fff 4px);
	background: repeating-linear-gradient(-45deg, #b5b5b5, #828282 2px, #f0f0f0 2px, #fff 4px);
}

.seminar-post a{
	color: #023b57 !important;
	text-decoration: underline;
	font-size: 0.9em;
	width: 100%;
	margin: auto;
	display:inline-block;
	font-weight: bold;
}
.seminar-post ul li span{
	display: block;
}
.seminar-post ul li span{
	display: block;
}
.archives_list a{
	width: 40%;
	margin: auto;
	text-align: center;
	background: linear-gradient(170deg,#0c023e,#003d9b,#0c023e);
	color: #fff;
	display: block;
	padding: 2%;
	box-shadow: 2px 2px 2px #686868;
}
.archives_list a:hover{
	color: #fff !important;
}
#pl-w5ee2440f5119a .so-panel,#pl-w5ee2440f5140e .so-panel{
	margin-bottom: 10px !important;
}
/* Research
-----------------------------------------------*/
.research-post li{
	line-height: 1.5 !important;
	padding: 0 3%;
	font-size: 1em !important;
	text-indent: -1.2em;
	margin-left: 1.2em;
	margin-bottom: 0.7em;
}
.research-post li::before{
	content: "○";
	width: 10px;
	height: 10px;
	margin-right: 5px;
}
.research-post a{
	color: #0b7cb3 !important;
	text-decoration: underline;
	font-size: 0.9em;
}
/* Board-Premium-Package
-----------------------------------------------*/
.premium-package dt{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 20px;
	color: #080159;
	margin-bottom: 20px;
}
.premium-package dd > div{
	display: flex;
	flex-wrap: wrap;
}
.premium-package li{
	margin: 1.5% 0 3% 0;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-weight: bold;
}
.package-lists ol, ol.package-lists {
	counter-reset: number;
	padding-left: 3%;
}
.package-lists > li {
	padding-left: 2.5em;
	list-style: none;
	position: relative;
	color: #3C4858;
}
.package-lists ol > li:before,
ol.package-lists > li:before {
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-weight: bold;
	counter-increment: number;
	content: counter(number);
	margin-right: 1em;
	background: #030020;
	border: 1px solid #04002d;
	color: #ffffff;
	border-radius: 0;
	text-align: center;
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	left: 0em;
	top: 2px;
	line-height: 1.4;
}
/* Member-only
-----------------------------------------------*/
.members-only td {
	padding: 1% !important;
	vertical-align: middle;
}
.members-only thead th{
	background-color: #182b5c !important;
	color: #fff !important;
	text-align: center;
}
.members-only .column-1 {
	width: 5% !important;
	border: 1px solid #ddd;
	text-align: center;
}
.members-only .column-2 {
	border: 1px solid #ddd;
	width: 15%;
}
.members-only .column-3 {
	border: 1px solid #ddd;
	width: 20%;
}
.members-only .column-4 {
	border: 1px solid #ddd;
	width: 30%;
}
.members-only .column-5 {
	border: 1px solid #ddd;
	width: 30%;
}
.members-only strong{
	font-size: 16px;
	margin: 1% 0 !important;
	display: inline-block;
}
/* Contact
-----------------------------------------------*/
.required{
	display: inline-block;
	font-size: 0.8em;
	color: #e82363;
	margin-left: 10px;
}
.contact{
	font-size: 1.1em !important;
}
.contact td:first-child{
	width: 25%;
}
.mwform-checkbox-field.horizontal-item{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0 !important;
}
.thanks p{
	margin: 3% 0 5% 0 !important;
}
input[type="submit"], input[type="submit"]:hover{
	background-color: #002c6f;
}
.contact .full textarea{
	width: 100% !important;
}
/*===============================================
 *  Post-page
===============================================*/
.blog-sidebar h5{
	background: #080159;
	color: #fff;
	padding: 4%;
}
.blog-sidebar ul{
	padding: 0 0 0 5%;
}
.blog-sidebar li{
	line-height: 1.3 !important;
	margin: 5% 0 5% 2%;
	list-style: disc;
}
.schedule .column-1{
	width: 20%;
	background: #f9f9f9;
	padding: 1%;
}
.schedule .column-2{
	padding: 1%;
}
.schedule{
	border: 1px solid #e8e8e8;
}
.single h2{
	font-size: 22px;
	font-weight: bold;
}
.single h3{
	font-size: 20px;
}
.single-post-wrap ol{
	font-size: 16px;
}
/* category-color----------*/
.category-governance-newsletter .category{
	background: #e38185 !important;
}
.category-questionnaire .category{
	background: #807800 !important;
}
.category-outside.card-blog .category{
	background: #2f2f2f !important;
}
.category-academy.card-blog .category{
	background: #3c011d !important;
}
.category-risk-management.card-blog .category, .cat.risk-management{
	background: #18565c !important;
}
.category-governance-seminar.card-blog .category, .cat.governance-seminar{
	background: #482c64 !important;
}
.category-for-women.card-blog .category, .cat.for-women{
	background: #ce088a !important;
	display: inline-block;
	width: 190px;
}
.home .category-governance-seminar.card-blog .category, .cat.governance-seminar,
.category-for-women.card-blog .category, .cat.for-women{
	width: 190px;
}
/* Post archive
-----------------------------------------------*/
.posted-by.vcard.author{
	display: none;
}
.card-blog .category {
    color: #fff !important;
    display: inline-block;
    background: #182b5c;
    padding: .5% 1.5%;
}
.category.text-info a{
	color: #fff !important;
	opacity: unset;
	font-size: .9em !important;
}
.card-title.entry-title a {
	font-size: .7em;
}
.card-blog {
	margin: 0;
	border-bottom: 1px solid #ddd;
}
.card-description.entry-summary{
	display: none;
}
.pagination span.current, .pagination span.current:focus, .pagination span.current:hover{
	background-color: #000f48;
}
.archive .card-blog .card-title{
	font-size: 1.6em;
	padding-left: 5px;
}
.card-blog .card-title a{
	border-bottom: 1px solid transparent;
}
.postDate{
	color: #626262;
	display: inline-block;
	margin-left: 10px;
}
/*.date .category-outside,
.date .category-governance-seminar,
.date .category-news,
.date .category-risk-management,
.date .category-seminar,
.date .category-academy,
.date .category-for-women,*/
.date .category-questionnaire,
.date .category-other,
.date .category-private{
	display: none !important;
}
.description p{
	font-size: 20px !important;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-weight: bold;
}
.excerpt h2,
.excerpt p,
.excerpt a,
.excerpt table{
	display: none !important;
}
.category-academy span.postDate{
	display: none !important;
}
/*===============================================
 *  Board-Review-Online
===============================================*/
.online-qa dt{
	font-size: 1em;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	position: relative;
	border-bottom: none;
	line-height: 2;
	padding: 0 15px;
}
.online-qa dt::before{ 
	background: url("https://proned.co.jp/cp-bin/wordpress5/wp-content/uploads/2020/06/seminar-before.svg"); 
	background-position: center center; 
	background-repeat: no-repeat; 
	background-size: contain; 
	content: ""; 
	display: inline-block; 
	height: 22px; 
	margin-right: 10px; 
	vertical-align: text-bottom; 
	width: 22px; 
}
.online-qa dt::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: -webkit-repeating-linear-gradient(-45deg, #b5b5b5, #828282 2px, #f0f0f0 2px, #fff 4px);
	background: repeating-linear-gradient(-45deg, #b5b5b5, #828282 2px, #f0f0f0 2px, #fff 4px);
}
.online-qa dd{
	margin: 1% 2% 2% 2%;
}
.online-qa li{
	margin: 2% 1.5% 3% 1.5%;
}
dl.online{
	margin: 1%;
}
.online{
	margin: 1%;
}
.online dt{
	color: #0b7cb3;
	font-size: 1em;
	margin-top: 2%;
	padding-left: 0.5%;
}
.online dd, .online dd > ul{
	font-size: 15px;
}
.online li{
	list-style-position: inside;
}
.online dd{
	border-bottom: 1px dotted;
	margin-bottom: 1%;
	padding: 0.5% 0.5% 1% 0.5% ;
}
.online dd > ul{
	list-style: disc;
}
.operation-list{
	font-weight: bold;
}
.terms{
	text-align: right;
}
.terms a{
	color: #000;
	text-decoration: underline;
	font-size: 1.1em;
	margin-top: 0.5%;
	display: inline-block;
}
/*===============================================
 *  privacypolicy
===============================================*/
.p_policy dl{
	margin: 10px 0;
}
.p_policy dd{
	margin-bottom: 6px !important;
}
.p_policy li{
	font-size: 0.8em;
}
/*===============================================
 *  Footer
===============================================*/
footer.footer.footer-black{
	padding: 16px 0;
	margin-top: 0;
}
/*===============================================
 *  Sidebar
===============================================*/
.widget_archive ul{
	display: flex;
	flex-wrap: wrap;
}
.widget_archive ul li{
	margin: 1% 0;
	width: 33.333%;
}
.widget_archive a::after{
	content: "年";
	display: inline-block;
}


/*===============================================
 *  media query
===============================================*/
@media screen and (max-width: 1300px){
	p.site_name{
		font-size: 2.7vw !important;
		margin-left: 3vw !important;
	}
}
@media (min-width: 1200px){
/*.container{
    margin: 0 7.5vw;
    width: 85vw;
 }*/
	.container{
		width: 96%;
	}
}
@media screen and (min-width: 1170px){
	.navbar > .container{
		padding: 10px 0px 5px 0px;
	}
	.news_list{
		margin: 0 2% 2% !important;
	}
}
@media screen and (max-width: 1169px) and (min-width: 992px){
	.news_list{
		margin: 0 5% 5% !important;
	}
	.container {
		width: 96%;
	}
	.catchcopy span{
		font-size: 1rem !important;
	}
	p.site_name{
		font-size: 2.2vw !important;
    margin-left: 2vw !important;
	}
	.navbar .navbar-nav > li a{
		font-size: 12px;
		padding: 5px 5px 0px 5px !important;
	}
	.navbar > .container{
		align-items: end;
	}
}
@media screen and (max-width: 991px) and (min-width: 768px){
	.navbar .navbar-nav > li{
		margin-left: 5px;
		margin-right: 5px;
	}
	.navbar .navbar-nav > li a{
		font-size: 10px !important;
		padding: 5px 5px 0px 5px !important;
	}
	.news_list{
		margin: 0 5% 5% !important;
	}
	.container {
		width: 96%;
	}
	.catchcopy span{
		font-size: 0.7rem !important;
	}
	p.site_name{
		font-size: 2vw !important;
	}
	.navbar .navbar-nav > li{
		margin: 0 !important;
	}
	.navbar .navbar-nav > li a{
		font-size: 10px !important;
		padding: 3px 3px 0 3px !important;
	}
}
@media screen and (min-width: 769px){
	.only_sp{
		display: none;
	}
}
@media screen and (max-width: 768px){
	.only_pc{
		display: none;
	}
	.navbar > .container > div:nth-child(2n+1){
		width: 100%;
	}
	.navbar .navbar-nav li{
		padding: 10px 0 !important;
	}
	.navbar .navbar-nav > li a{
		font-size: 14px !important;
	}
	.navbar .navbar-nav .dropdown .dropdown-menu{
		padding: 10px;
	}
	.navbar > .container{
		color: #fff;
	}
	.navbar .navbar-toggle{
		color: #fff !important;
	}
	.navbar.navbar-fixed-top .navbar-collapse{
		background: #000;
	}
	.navbar .navbar-nav .dropdown a .caret{
		background: #fff !important;
	}
	.dropdown-menu.open a{
		color: #d2d2d2 !important;
	}
	.navbar .navbar-nav > li a{
		padding-bottom: 10px;
	}
	.home .main{
		margin-top: 80px;
	}
	.page .section.section-text{
		padding: 0 0 30px 0;
	}
	/*
	.catchcopy{
		font-size: 10px;
		position: absolute;
		top: 45%;
		left: 25%;
	}
	*/
	p.site_name{
		font-size: 3vw !important;
	}
	.catchcopy p{
		font-size: 13px !important;
		font-weight: bold;
	}
	.catchcopy span{
		font-size: 7px !important;
	}
	.container {
		width: 96%;
	}
	.img_box ul li,	.img_box2 ul li{
		width: 48%;
	}
	.img_box2 ul{
		display: flex;
		flex-wrap: wrap;
	}
	.img_box2 ul li{
		margin: 1% auto;
	}
	.news_title{
		display: block;
		margin: 5px 0 0;
	}
	#panel-7-1-0-0{
		margin-bottom: 80px !important;
	}
	#pl-7 .so-panel:last-child{
		margin-bottom: 30px !important;
	}
	.b-a-img img{
		position: unset;
	}
	.b-a-img > img{
		width: 100%;
	}
	.premium-package dd > div{
		display: flex;
		flex-wrap: wrap;
	}
	.package-lists ol, ol.package-lists {
		padding-left: 0;
	}
	.premium-package li{
	width: 100%;
	}
}
@media screen and (max-width: 640px){
	.title-logo-wrapper p{
		font-size: 8px;
	}
	.img_box ul li,	.img_box2 ul li{
		width: 100%;
	}
}
@media screen and (max-width: 480px){
	.news_date{
		display: block;
	}
	.cat{
		display: inline-block;
		text-align: left;
		margin: 6px 0;
		width: auto;
	}
	.news_list li{
		padding: 8px 0;
	}
	.more-information{
		margin-top: 10px;
	}
	.more-information a{
		font-size: 12px;
		line-height: 2em !important;
	}
	.news_title{
		font-size: 16px;
	}
	.page:not(.home) .wrapper .main{
		padding-top: 20px;
	}
	.accordion .column-1{
		width: 25%;
	}
	.accordion td{
		padding: 10px 0 !important;
	}
	.box_profile{
		padding: 2.5% 0;
	}
	.special-listing2, .academy-archive{
		width: 100%;
		margin-left: 0;
		padding: 3% 2%;
	}
	.more-info{
		letter-spacing: 1px;
		text-align: left;
		padding: 3%;
	}
	ul.review, ol.review{
		padding: 0 5%;
	}
	.archives_list a{
		width: 100%;
		padding: 3%;
	}
	.seminar-post h3{
		font-size: 20px !important;
		line-height: 1.4em;
		padding: 10px 15px;
	}
	.seminar-post li{
		padding: 4% 0;
	}
	.seminar-post a{
		font-size: 1em;
	}
	.page-header.header-small .hestia-title{
		font-size: 2.8rem;
	}
	.description p{
		font-size: 16px !important;
	}
}
/*===============================================
 *  download
===============================================*/
.sdm_download{
	display: none;
}
.sdm_post_item_top_right{
	width: 100%;
}