/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 18 2024 | 05:52:31 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500;700;900&family=Noto+Serif+JP:wght@400;700;900&display=swap");
html, body {
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
	margin-top:0px;
}
body:lang(ja) {
	font-family: "Noto Sans JP", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-weight:normal;
	font-size:0.9rem;
	line-height:2.4rem;
}

/* common */
body {
	background:#fff;
	width:100%;
	max-width:1800px;
	margin:0px auto;
	
}
h3{padding: 1% 1% 1% 50px; background:url(http://soa.mercrius.biz/kokubo/wp-content/uploads/h3_patt.gif)  repeat; color:#fff; font-size:1.4rem;}
h3::before {
    position: absolute;
    top: 0.5em;
    left: 0.8em;
    transform: rotate(55deg);
    height: 11px;
    width: 12px;
    background: #fff;
    content: '';
}

h3::after {
    position: absolute;
    transform: rotate(15deg);
    top: 0.8em;
    left:0.4em;
    height: 8px;
    width: 8px;
    background: #fff;
    content: '';
}


.h4 {
    position: relative;
    padding: .3em 0 .2em 1em;
    border-bottom: 3px solid #001848;
    color: #333333;
}

.h4::before {
    position: absolute;
    top: 0;
    left: .3em;
    transform: rotate(55deg);
    height: 11px;
    width: 12px;
    background: #4d9dbc;
    content: '';
}

.h4::after {
    position: absolute;
    transform: rotate(15deg);
    top: .6em;
    left: 0;
    height: 8px;
    width: 8px;
    background: #4d9dbc;
    content: '';
}

.h5{background:#eee; padding:1%; font-size:1rem;}

.nonpc{display: none;}
.pc {display: block !important;}
.sp {display: none !important;}
.clear{
	float:none;
	clear:both;
	padding: 0px;
	margin:0px;
}
.hs{
  background: #ff0000;
	color:#ffffff;
	font-weight:bold;
  border-radius: 5px;
	padding:1px 5px;
	font-size:0.8rem;
}
.breadSection .breadcrumb{margin-top:5px;margin-bottom:5px;}
.breadSection .breadcrumb span{font-size:0.8rem;}
@media (max-width: 821px) {
	body {max-width:100%;	}
	.nonpc{display:block;	}
	.pc {display: none !important;	}
	.sp {display: block !important;	}
}
@media (max-width: 481px) {
	body {max-width:100%;}
	.nonpc{display:block;}
	.pc {display: none !important;}
	.sp {display: block !important;	}
}

.vk-menu-acc li a span{font-size:11px; color:#868686; font-weight:normal;}

.slide-text-set{font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝","源ノ明朝", serif;}
.slide-text-set h3{font-size:1.4rem;}
.slide-text-set h3 span{font-size:1.1rem; line-height:1;}
.slide-text-set h5{font-size:1.1rem;}
.slide-text-set .slide-text-caption{font-size:0.9rem;}

@media (max-width: 481px) {
	.slide-text-set h3{font-size:1.1rem;}
	.slide-text-set h3 span{font-size:0.8rem; line-height:1;}
	.slide-text-set h5{font-size:0.9rem;}
}
ruby > rt {
  display: block;
  font-size: 50%;
  text-align: start;
}

.wp-block-list{ margin:0px;}
.wp-block-list li{ margin:0px 0px 5px;}

@media (min-width:992px){
.mainSection-col-two{width:75.66667%;float:left}
.sideSection-col-two{width:calc(24.33333% - 1rem);float:right}
}

.top-item{border-radius:10px; background:#eff6f9;}
.top-item-list h4{font-size:1.3rem; padding:10px 0px; margin:0px 0px;
	background:url(http://soa.mercrius.biz/kokubo/wp-content/uploads/h4_title_bg.gif)  no-repeat top left;}
.top-item-list h4 span{font-size:0.9rem;display:block;}
.btn-more img{margin-left:10px; vertical-align:medium; line-height:1;}

.top-item2{background:#f0eff7;}
.top-item-list2 h4{font-size:1.3rem; padding:10px 0px; margin:0px 0px;
	background:url(http://soa.mercrius.biz/kokubo/wp-content/uploads/h4_title_bg2.gif)  no-repeat top center;}

.side-item1 .side-title{background:#5fa7c3; color:#fff; padding:5px 0px; font-size:1rem; margin-bottom:5px;}
.side-item-list {border-radius:10px; border:1px solid #5fa7c3; padding:5px 10px; margin-bottom:10px;}
.side-item-list h4{font-size:1rem; padding:10px 0px; margin:0px 0px; width:120px; line-height:1;
	background:url(http://soa.mercrius.biz/kokubo/wp-content/uploads/h4_title_bg.gif)  no-repeat top left;}
.side-item-list h4 span{font-size:0.8rem;display:block;}
.side-item-list img{width:80px;}
.side-item-li a:hover{text-decoration:none;}

.side-item2 .side-title{background:#9375b1; color:#fff; padding:5px 0px; font-size:1rem; margin-bottom:5px;}
.side-item2 .side-item-list {border:1px solid #9375b1;}
.side-item2 .side-item-list h4{	background:url(http://soa.mercrius.biz/kokubo/wp-content/uploads/h4_title_bg2.gif)  no-repeat top left;}

@media (max-width: 821px) {
	.side-item-li{float:left; margin:0px 2px; width:calc(100% / 2 - 5px);}
	
}

.comments-area{display:none;}
.entry-meta-dataList{display:none;}
.postNextPrev{display:none;}

.news_area{border-radius:10px;}
.wp-block-latest-posts a{margin-left:130px;}
.wp-block-latest-posts{font-size:0.9rem;}
.wp-block-latest-posts__post-date{margin-top:-31px;}
.wp-block-latest-posts li a{
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.news-title{margin:0px 0px 10px; padding-top:10px;
background:url(http://soa.mercrius.biz/kokubo/wp-content/uploads/h4_title_bg.gif)  no-repeat top left;}
.news-title span{display:block;font-size:0.8rem; font-weight:normal;color:#333;}

@media screen and (max-width: 821px) {
	.wp-block-latest-posts a{margin-left:100px;}
	.wp-block-latest-posts__post-date{margin-top:-26px;}
}


.t-nayami {
	font-size:1.4rem;
  position: relative;
  padding: 0.4em;
  background: #ddd;
  text-align: center;
  color: #333;
	border-top:none;
	border-bottom:none;
}
.t-nayami:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 45%;
  border: 50px solid transparent;
  border-top: 20px solid #ddd;
  width: 0;
  height: 0;
}

.t-solution {
	font-size:1.4rem;
  position: relative;
  padding: 0.4em;
  background: #dfedf3;
  text-align: center;
  color: #2d4759;
	border-top:none;
	border-bottom:none;
}
.t-solution:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 45%;
  border: 50px solid transparent;
  border-top: 20px solid #dfedf3;
  width: 0;
  height: 0;
}

.p1-t-1{background:#dfedf3; padding:10px 0px; font-size:1.1rem;}
.p1-t-2{background:#ccc; padding:10px 0px; font-size:1.1rem;}

.itiban_lp{border-radius:10px; box-shadow: 0 0 8px gray; padding:1%;
	background:url(http://soa.mercrius.biz/kokubo/wp-content/uploads/itiban_dl_bg.png) no-repeat top center; background-size:100% auto;}
.itiban_lp h4{
	padding:1px 1px 35px 5px;
	font-size:1.1rem;
	font-weight:bold;
	color:#fff;
}
.itiban_option{
	border:#bf9330 2px solid;
	border-radius:10px;
	padding:2%;
}
@media (max-width: 481px) {
	.itiban_lp h4{padding-top:5px;}
}
.yukari-btn{background:#f5f2df;border-radius:10px;padding:1%;}
.yukari-btn h4{color:#7d4e1a; font-size:1.3rem; padding:10px 0px; margin:0px;background:#f1ebd1;}
.yukari-h4{border-bottom:3px #4d9dbc solid;padding:1%;}

.table1 {
	margin: 0px 0px 10px;
	border-left: #dedede 1px solid;
	
}
.table1 th {background:#eee;border: #dedede 1px solid; text-align:center; padding:5px 15px;}
.table1 td {border: #dedede 1px solid; padding:5px 15px;}

.check-box {background:#fff5f5; border:#eee 8px solid; border-radius:10px; margin:30px 0px; padding:2%;}
.check-box h5{background:#5c0000; color:#fff; padding:10px 0px; margin-bottom:10px;}

.company_text{text-shadow: #fff 1px 2px 3px;}

.contact_area h5{border-left:5px #4d9dbc solid; padding:1%; margin:0px 0px 10px;}

.siteFooter{background:#001848; color:#ccc;}
.copySection{display:none;}
.siteFooter .widget{margin-bottom:0px}
.footerMenu li a{border-left:1px solid #ccc;padding:0 1em;color:#ccc;}
.footerMenu li:last-child a{border-right:1px solid #ccc}
.entry-footer{display:block;overflow:hidden;margin-bottom:0rem}

.side-contact-box{background:#eee;border-radius:10px;padding:4%; }
.side-contact-box h5{font-size:1rem; background:none; border-bottom:none; border-top:none; color:#000; margin:0px 5px;}
.side-contact-box h4{font-size:1rem; color:#a30000; margin:0px 0px 10px;}
.side-contact-box p{font-size:11px; line-height:140%; margin-left:10px; }
@media (max-width: 821px) {
	.side-contact-box p{text-align:center;}
}
@media (max-width: 481px) {
	.footerMenu li:last-child a{border-right:none}
}