@charset "UTF-8";
/*
Theme Name: http://justece-corp.com
Theme URI:
Description:
Version:
Author:
Author URI:
*/
#Main .row{
	margin-left:0;
	margin-right:0;
}


.page-id-6 #Main table li{
	list-style: outside disc;
	margin: 0 0 0 1em;
}
.page-id-6 #Main table dl{
	margin: .25em 0;
}
.page-id-6 #Main table dd{
	margin: 0 0 0 1em;
	color:#004000;
}
.page-id-8 #Main table li{
	list-style: outside disc;
	margin: 0 0 0 1em;
}
.btn_link{
	margin: 25px auto 35px;
	text-align:center;
}
.btn_link a{
	background:#004000;
	color:#fff;
	text-decoration: none;
	padding:10px 20px;
}

.btn_link-1{
	margin: 25px auto 35px;
	text-align:center;
}
.btn_link-1 a{
	background:#0f5298;
	color:#fff;
	text-decoration: none;
	padding:10px 20px;
}

.btn_link-2{
	margin: 25px auto 35px;
	text-align:center;
	line-height:1.5em;
}
.btn_link-2 a{
	background:#004000;
	color:#fff;
	text-decoration: none;
	padding:5px 15px;
	display: inline-block;
	width: 72%;
}
.btn_link-2 span{
	display: inline-block;
}

.seminar .col-sm-4 img{
	display: flex;
}

/*
**************************************
セミナーページプログラムの見出し
**************************************
*/
.page #Main h4.program_ttl {
	position:relative;
	background:#0f5298;
	color:#fff;
	border:none;
	margin: 30px 0 10px;
	padding: 8px 5px 8px 115px;
	font-size:128%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.page #Main h4.program_ttl span.program_no{
	font-size:80%;
	position:absolute;
	background:#fff;
	color:#112d79;
	top:-12px;
	left:5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 5px 10px;
	border: 2px solid #112d79;
}
.page #Main h4.program_ttl::after {
	background: none;
}
@media screen and (max-width: 767px) {
	.page #Main h4.program_ttl {
		margin: 30px 0 10px;
		padding: 8px 5px 8px 5px;
	}
	.page #Main h4.program_ttl span.program_no{
		position:relative;
		display: table-cell;
	}
}
.page #Main h5.program_note{
	background: #00a2ff;
	color: #fff;
	border: 1px solid #112d79;
	font-size: 110%;
	display: inline-block;
	padding: .25em .5em;
	margin: 0 10px;
}


.page #Main h4.item_ttl {
	position:relative;
	background:#228b22;
	color:#fff;
	border:none;
	margin: 30px 0 10px;
	padding: 8px 5px 8px 85px;
	font-size:128%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.page #Main h4.item_ttl span.item_no{
	font-size:80%;
	position:absolute;
	background:#fff;
	color:#004000;
	top:-12px;
	left:5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 5px 10px;
	border: 2px solid #004000;
}
.page #Main h4.item_ttl::after {
	background: none;
}
@media screen and (max-width: 767px) {
	.page #Main h4.item_ttl {
		margin: 30px 0 10px;
		padding: 8px 5px 8px 5px;
	}
	.page #Main h4.item_ttl span.item_no{
		position:relative;
		display: table-cell;
	}
}
.page #Main h5.item_note{
	background: #00fa9a;
	color: #000;
	border: 1px solid #004000;
	font-size: 110%;
	display: inline-block;
	padding: .25em .5em;
	margin: 0 10px;
}


/*
**************************************
セミナーページ
**************************************
*/
.page-id-47 #Main ul , .page-id-49 #Main ul , .page-id-53 #Main ul , .page-id-4 #Main ul {
	margin:5px 0 5px .75em;
}
.page-id-47 #Main li , .page-id-49 #Main li , .page-id-53 #Main li , .page-id-4 #Main li{
	list-style: outside disc;
	margin: 0 0 0 .5em;
	font-size: 108%;
	color: #112d79;
}
.page-id-47 #Main ul ul , .page-id-49 #Main ul ul , .page-id-53 #Main ul ul{
	margin:5px 0;
}
.page-id-47 #Main ul ul li , .page-id-49 #Main ul ul li , .page-id-53 #Main ul ul li {
	list-style:circle;
	font-size: 100%;
}


.page-id-829 #Main ul , .page-id-834 #Main ul , .page-id-836 #Main ul , .page-id-4 #Main ul {
	margin:5px 0 5px .75em;
}
.page-id-829 #Main li , .page-id-834 #Main li , .page-id-836 #Main li , .page-id-4 #Main li{
	list-style: outside disc;
	margin: 0 0 0 .5em;
	font-size: 108%;
	color: #004000;
}
.page-id-829 #Main ul ul , .page-id-834 #Main ul ul , .page-id-836 #Main ul ul{
	margin:5px 0;
}
.page-id-829 #Main ul ul li , .page-id-834 #Main ul ul li , .page-id-836 #Main ul ul li {
	list-style:circle;
	font-size: 100%;
}


.seminar_text_box{
	margin:5px 0;
	background: #fff;
	color:#112d79;
	border: 1px solid #112d79;
}
.seminar_text_box p{
	margin:10px;
}


.product_text_box{
	margin:0 0 30px 0;
	background: #fff;
	color:#004000;
	border: 1px solid #004000;
}
.product_text_box p{
	margin:10px;
	font-size: 150%;
	text-align: center;
}
.product_text_box span {
	display: inline-block;
}

.contact_text_box{
	margin:15px 0 0;
	margin-left: auto;
	margin-right: auto;
	background: #e0ffff;
	color:#004000;
	width: 75%;
	padding: 15px 10%;
}
.contact_text_box p{
	margin:10px;
	text-align: center;
	padding: 15px;
}


.seminar_hybrid{
	background: url(images/seminar/bg_seminar_all.jpg) no-repeat 50% 50%;
	background-size: cover;
	min-height: 280px;
}
.page #Main .seminar_hybrid h4{
	border:none;
	color:#fff;
	font-size:200%;
	text-align:center;
	padding: 80px 0 20px 0;
	text-shadow:2px 2px 2px #666;
}
.page #Main .seminar_hybrid p{
	color:#fff;
	text-align:center;
	font-size:120%;
	text-shadow:2px 2px 2px #666;
}
.page #Main .seminar_hybrid h4::after {
	background: none;
}
.seminar_banner{
	width:100%;
	max-width:840px;
	background: url(images/seminar/bg_seminar_banner.jpg) no-repeat 50% 50%;
	background-size: cover;
	text-align:center;
	text-shadow: 2px 2px 2px #c8c8c8;
	margin:20px 0 0;
}
.seminar_banner p.seminar_banner_ttl{
	color:#ff0000;
	font-size: 200%;
	padding: 40px 0 20px 0;
}
.seminar_banner p.seminar_banner_text{
	color:#fff;
	font-size: 180%;
	padding: 0 0 40px 0;
}

.product_m{
	background: url(images/seminar/bg_product_all.jpg) no-repeat 50% 50%;
	background-size: cover;
	min-height: 280px;
}
.page #Main .product_m h4{
	border:none;
	color:#fff;
	font-size:200%;
	text-align:center;
	padding: 80px 0 20px 0;
	text-shadow:2px 2px 2px #666;
}
.page #Main .product_m p{
	color:#fff;
	text-align:center;
	font-size:120%;
	text-shadow:2px 2px 2px #666;
}
.page #Main .product_m h4::after {
	background: none;
}
.product_banner{
	width:100%;
	max-width:840px;
	background: url(images/seminar/bg_product_banner.jpg) no-repeat 50% 50%;
	background-size: cover;
	text-align:center;
	text-shadow: 2px 2px 2px #c8c8c8;
	margin:20px 0 0;
}
.product_banner p.product_banner_ttl{
	color:#ff0000;
	font-size: 200%;
	padding: 40px 0 20px 0;
}
.product_banner p.product_banner_text{
	color:#004000;
	font-size: 180%;
	padding: 0 0 20px 0;
}
.product_banner p.product_banner_comp{
	color:#004000;
	font-size: 100%;
	padding: 0 0 30px 0;
}

.communication_follow{
	background: url(images/seminar/bg_communication.jpg) no-repeat 50% 50%;
	background-size: cover;
	min-height: 280px;
}
.page #Main .communication_follow h4{
	border:none;
	color:#fff;
	font-size:200%;
	text-align:center;
	padding: 80px 0 20px 0;
	text-shadow:2px 2px 2px #666;
}
.page #Main .communication_follow p{
	color:#fff;
	text-align:center;
	font-size:120%;
	text-shadow:2px 2px 2px #666;
}
.page #Main .communication_follow h4::after {
	background: none;
}
.communication_banner{
	width:100%;
	max-width:840px;
	background: url(images/seminar/bg_seminar_banner.jpg) no-repeat 50% 50%;
	background-size: cover;
	text-align:center;
	text-shadow: 2px 2px 2px #c8c8c8;
	margin:20px 0 0;
}
.commmunication_banner p.communication_banner_ttl{
	color:#ff0000;
	font-size: 200%;
	padding: 40px 0 20px 0;
}
.communication_banner p.communication_banner_text{
	color:#fff;
	font-size: 180%;
	padding: 0 0 40px 0;
}

/*
**************************************
新着情報
**************************************
*/
.category #Main dl.list-news dd a{
	color: #000;
}
.category #Main dl.list-news dt {
    padding: 15px 15px 0 15px;
    font-size: 117%;
}
.category #Main dl.list-news dd {
    border-bottom: 1px dashed #000;
    padding: 15px 0 5px;
    font-size: 117%;
}
/*　*******
新着情報 ページ送り
*******　*/
ul.pagenav{
	margin:30px 0 0 0;
	border-top: 1px solid #92aecb;
	min-height:3em;
	line-height: 2em;
}
ul.pagenav li{
	display:inline-block;
}
ul.pagenav li a{
	display:inline-block;
	background: #004000;
	color: #fff;
	width:120px;
	text-decoration: none;
	margin: 5px 0;
	padding: 5px 10px;
	border: 3px double #fff;
}
ul.pagenav li a:hover{
	filter: alpha(opacity=70);
	opacity: 0.7;
}
ul.pagenav li.next{
	text-align: right;
	float:right;
}
/*　*******
新着情報 一覧 ページネーション
*******　*/
.wp-pagenavi{
	text-align:center;
	margin: 30px 0;
	color: #004000;
}
.wp-pagenavi a, .wp-pagenavi span{
	background:#fff;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #d00d0d!important;
}



#Strength{
	background: #d5ecff;
	padding: 55px 0 0;
	color:#1e3e84;
}
#Strength p.txt-strength{
	text-align:center;
	font-size: 184%;
	font-weight: bold;
	padding-bottom: 20px;
	max-width: 100%;
}
#Strength ul.strength_list li{
	padding: 50px;
}
#Strength h3{
	font-size: 184%;
	font-weight: bold;
	position: relative;
	line-height: 1.25em;
}
#Strength h3 .num{
	font-family:'Times New Roman';
	font-size: 500%;
	font-style: italic;
	margin-right: 10px;
}
#Strength h3 .postscript{
	position:absolute;
	font-size: 60%;
	top: -5px;
	left: 75px;
	line-height: 1em;
}
#Strength p{
	margin:20px;
	max-width: 630px;
}
#Strength ul.strength_list li:first-child{
	background: url(images/index/bg_strength01.png) no-repeat 100% 50% #fff;
}
#Strength ul.strength_list li:nth-child(2){
	background: url(images/index/bg_strength02.png) no-repeat 100% 50%;
}
#Strength ul.strength_list li:nth-child(3){
	background: url(images/index/bg_strength03.png) no-repeat 100% 50% #fff;
}
@media screen and (max-width: 640px) {
	#Strength ul.strength_list li {
		padding: 20px;
	}
	#Strength ul.strength_list li:first-child{
		background: url(images/index/bg_strength01.png) no-repeat 100% 100% #fff;
		background-size: cover;
	}
	#Strength ul.strength_list li:nth-child(2){
		background: url(images/index/bg_strength02.png) no-repeat 100% 100%;
		background-size: cover;
	}
	#Strength ul.strength_list li:nth-child(3){
		background: url(images/index/bg_strength03.png) no-repeat 100% 100% #fff;
		background-size: cover;
	}
	#Strength ul.strength_list li .strength_list_bg{
		background: rgba(255,255,255,0.8);
		padding: 20px;
	}
	#Strength ul.strength_list li h3{
		margin: 30px 0 0;
	}
}



#Strength-1{
	background: #d5ecff;
	padding: 25px 0 0;
	color:#1e3e84;
}
#Strength-1 p.txt-strength{
	text-align:center;
	font-size: 184%;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 10px;
	max-width: 100%;
}
#Strength-1 ul.strength_list li{
	padding: 20px;
}
#Strength-1 h6{
	font-size: 184%;
	font-weight: bold;
	position: relative;
	padding-top: 10px;
	line-height: 1.25em;
}
#Strength-1 h6 .num{
	font-family:'Times New Roman';
	font-size: 350%;
	font-style: italic;
	margin-right: 10px;
}
#Strength-1 h6 .postscript{
	position:absolute;
	font-size: 60%;
	top: -5px;
	left: 75px;
	line-height: 1em;
}
#Strength-1 p{
	margin: 5px;
	max-width: 630px;
}
#Strength-1 ul.strength_list li:first-child{
	background: url(images/index/bg_strength003.png) no-repeat 100% 50% #fff;
}
#Strength-1 ul.strength_list li:nth-child(2){
	background: url(images/index/bg_strength002.png) no-repeat 100% 50%;
}
#Strength-1 ul.strength_list li:nth-child(3){
	background: url(images/index/bg_strength001.png) no-repeat 100% 50% #fff;
}
@media screen and (max-width: 640px) {
	#Strength-1 ul.strength_list li {
		padding: 20px;
	}
	#Strength-1 ul.strength_list li:first-child{
		background: url(images/index/bg_strength03.png) no-repeat 100% 100% #fff;
		background-size: cover;
	}
	#Strength-1 ul.strength_list li:nth-child(2){
		background: url(images/index/bg_strength02.png) no-repeat 100% 100%;
		background-size: cover;
	}
	#Strength-1 ul.strength_list li:nth-child(3){
		background: url(images/index/bg_strength01.png) no-repeat 100% 100% #fff;
		background-size: cover;
	}
	#Strength-1 ul.strength_list li .strength_list_bg{
		background: rgba(255,255,255,0.8);
		padding: 20px;
	}
	#Strength-1 ul.strength_list li h3{
		margin: 30px 0 0;
	}
}



#Strength-2 {
	background: #e0ffff;
	padding: 0 0;
	color:#004000;
	width: 85%;
	margin: auto;
}
#Strength-2 p.txt-strength{
	text-align: center;
	margin-left: 12%;
	margin-right: 10%;
	font-size: 100%;
	padding-bottom: 20px;
	max-width: 100%;
}
#Strength-2 ul.strength_list li{
	padding-top: 20px;
	padding-bottom: 0;
	text-align: center;
}
#Strength-2 h6{
	font-size: 250%;
	position: relative;
	text-align: center;
}
#Strength-2 h6 .num{
	font-family:'Times New Roman';
	font-size: 35%;
	font-style: italic;
	margin-right: 0;
	text-align: left;
}
#Strength-2 h6 .postscript{
	position:absolute;
	top: 38px;
	left: 32%;
	font-size: 35%;
	line-height: 1em;
	text-align: center;
}
#Strength-2 p{
	margin: 5px;
	max-width: 630px;
}

#Strength-2 ul.strength_list li:nth-child(2){
	background: url(images/index/bg_strength002.png) no-repeat 100% 50%;
}
#Strength-2 ul.strength_list li:nth-child(3){
	background: url(images/index/bg_strength001.png) no-repeat 100% 50% #fff;
}
@media screen and (max-width: 640px) {
	#Strength-2 ul.strength_list li {
		padding: 20px;
	}

	#Strength-2 ul.strength_list li:nth-child(2){
		background: url(images/index/bg_strength02.png) no-repeat 100% 100%;
		background-size: cover;
	}
	#Strength-2 ul.strength_list li:nth-child(3){
		background: url(images/index/bg_strength01.png) no-repeat 100% 100% #fff;
		background-size: cover;
	}
	#Strength-2 ul.strength_list li .strength_list_bg{
		background: rgba(255,255,255,0.8);
		padding: 20px;
	}
	#Strength-2 ul.strength_list li h3{
		margin: 30px 0 0;
	}
}
