/* ★★★★　下記にページ毎のcssを追加していく　★★★★　　↓↓↓
（テンプレートを使いまわす時は全削除）
※ブレークポイントもページ毎に記載する。
*****************************************************/
/* その他
********************/


/* ★★COMMON
*****************************************************/



.mobmenur-container {
	position: fixed!important;
	background: #245760;
	margin-right: 10px!important;
	z-index: 9999;
}
.show-sub i.mob-icon-up-open.close-icon::before {
	color: #666!important;
}
.show-nav-right .mob-expand-submenu i {
		color: #b2b2b2!important;
}
.mobmenu-content li {
	border-bottom:none!important;
}
.mobmenu-content #mobmenuright .sub-menu a {
		padding: 10px 0;
}

.conv-btn, .conv-btn:visited {
  background: var(--sp-float-color)!important;
  color: #fff!important;
}
.conv-btn:hover {
  opacity: .8
}

.widget_custom_html {
  margin: 0 0 50px 0!important;
  padding: 0 0 0 0!important;
}
.widget_custom_html .side-bar-btn {
  text-align: center;
}
.widget_custom_html .side-bar-btn a {
  background: #7b8ea1;
  display: inline-block;
  padding: 10px 20%;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
}
.widget_custom_html .side-bar-btn a:hover {
  opacity: .8;
}
.footer-office {
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 0;
  background-color: #005862;
}
.footer-office .cassette-pattern {
  margin: 0 0 0;
}
.footer-office .logo-area img {
  width: 250px;
}
.footer-office .cst {
  padding: 0 1.5% 0;
}
.footer-office p {
  text-align: center;
  color: var(--main-color);
  line-height: 150%;
}
.footer-office p.area {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
}
.footer-office p.area-zip {
  font-size: 16px;
  margin-bottom: 0;
  line-height: 200%
}
.footer-office p.area-zip span {
  font-size: 20px;
  font-weight: 500
}

.footer-office .logo-area {
  margin-bottom: 30px;
}
.footer-office .logo-area {
  margin-bottom: 20px;
  text-align: center;
}



.page article p:last-of-type {
  margin-bottom: 50px;
}

.page article ol, .page article ul {
  padding: 10px 0 30px 30px;
}
.page article ol {
  list-style: decimal;
}
.page article ul {
  list-style: disc;
}
.page article ol li, .page article ul li {
  margin-bottom: 10px;
}
.page article .menuNavi ol, .page article .menuNavi ul {
  padding: 0 0 30px 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.page article .menuNavi ol li, .page article .menuNavi ul li {
  margin-bottom: 10px;
  width: 48%;
  margin-right: 3%;
  background: var(--main-color);
  border-radius: 5px;
  display: flex;
  align-items: center;
  position: relative;
  height: 74px;
}
.page article .menuNavi ol li:hover, .page article .menuNavi ul li:hover {
  opacity: .7;
}
.page article .menuNavi ol li:nth-child(even), .page article .menuNavi ul li:nth-child(even){
  margin-right: 0;
}
.page article .menuNavi ol li a, .page article .menuNavi ul li a {
  padding: 12px 45px 12px 20px;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 16px;
  position: relative;
  width: 100%;
  height: 100%;
}
.page article .menuNavi ol li a:hover, .page article .menuNavi ul li a:hover {

  text-decoration: none
}

.page article .menuNavi ol li::after, .page article .menuNavi ul li::after {
  font-family: 'Material Icons';
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  content: "\e1c4";
  font-size: 26px;
  color: #fff;
}
@media only all and (max-width: 768px){
#wprmenu_bar div.hamburger {
    background: #fff;
    padding: 4px 5px 5px;
}
.footer-office {
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 0px;
}
.footer-office .logo-area img {
  width: 60%;
}
.page article .menuNavi ol li, .page article .menuNavi ul li {
  width: 100%;
  margin-right: 0;
  height: inherit;
}
.page.example article .menuNavi ol, .page.example article .menuNavi ul {
  display: inherit;
}
.page.example article .menuNavi ol li, .page.example article .menuNavi ul li {
  width: 100%;
  margin-right: 0;
}
}

table.no{
	border-collapse: collapse;
	border-spacing: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

table.no th{
     padding: 7px 10px 7px 5px;
     font-weight: bold;
     color: #fff;
}

table.no td{
	padding: 4px;
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.titleImg {
  position: relative;
  overflow: hidden;
}


.box-list ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none!important;
  padding: 10px 0 30px 0!important;
}
.box-list ul li {
  width: 48%;
  margin-right: 2%;
  background: #fff;
  padding: 10px 5px 10px 35px;
  border: #ccc 1px solid;
  border-radius: 5px;
  position: relative;
}
.box-list ul li::before {
  content: url("images/common/list-icon.png");
  vertical-align: middle;
  padding-right: 5px;
  position: absolute;
  top:11px;
  left: 8px;
}
@media only all and (max-width: 768px){
.box-list ul li {
  width: 100%;
  margin-right: 0;
}
}


.cassetteCol3.post-col div.cst {
  background: #fff;
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .3);
}

div#n2-ss-2 .n2-ss-control-bullet {
    --widget-offset: -40px!important;
}


h3 {
  border-bottom: 1px solid #666!important;
  padding-bottom: 30px!important;
  color: var(--main-color);
  font-weight: bold!important;
}
h3::after {
  display:none!important;
}


/* YARPP
*****************************************************/
.yarpp-thumbnail img, .yarpp-thumbnail-default {
  width: 130px!important;
  height: 130px!important;
  margin: 0px!important;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
  width: 130px!important;
  height: 130px!important;
  margin: 0px!important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
  border: none!important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
  width: none!important;
  height: none!important;
  margin: 5px;
  margin-left: 0px;
}

/* ★★SPナビ**************/
@media only all and (max-width: 768px){
#mg-wprm-wrap.cbp-spmenu-right, #mg-wprm-wrap.cbp-spmenu-left, #mg-wprm-wrap.cbp-spmenu-right.custom, #mg-wprm-wrap.cbp-spmenu-left.custom, .cbp-spmenu-vertical{
  width: 80%!important;
}
.wprmenu_icon span, #wprmenu_menu.wprmenu_levels ul li, html body div.wprm-wrapper, #wprmenu_bar, .wpr_search .wpr-search-field{
  width: 100%;
}
.icon_default.wprmenu_par_opened:before {
  content: "\6f";
}
}

.foot-sns {
  background: #eeede6;
  padding: 70px 0 70px ;
}
@media only all and (max-width: 768px){
.foot-sns {
    background: #eeede6;
    padding: 50px 0 70px ;
  }
}

/* タイトル白　**************/
.col1 h3.ver2 span.main.white {
  color: #fff;
}
.col1 h3.ver2 span.sub.white {
  color: #fff;
}

/* ボタン白　**************/
.content-btn a.white, .content-btn-color a.white{
	color: #fff;
	border: 1px solid #fff;
}

.foot-conv-title {
	font-size: 44px;
	font-weight: bold;
	text-shadow:1px 1px 0 #FFF, -3px -3px 0 #FFF, -3px 3px 0 #FFF, 3px -3px 0 #FFF, 0px 3px 0 #FFF, 0 -3px 0 #FFF, -3px 0 0 #FFF, 3px 0 0 #FFF;
	line-height: 130%;
}
.foot-conv .inner.btn-area{
	background:rgb(1 88 98 / 70%);
	padding: 0px 50px 50px;
	border-radius: 20px;
}

.foot-conv .cassetteCol2 .cst:first-child {
	border-right: 1px solid #fff;
}
@media only all and (max-width: 768px){
img.conv-ico {
	width: 60%;
}
.foot-conv-title {
	font-size: 28px;
	text-align: center;
  width: 100%;
}
.foot-conv .inner.btn-area{
	width: 90%;
	margin: 0 auto;
	padding: 40px 40px 10px;
}
.foot-conv .cassetteCol2 .cst:first-child {
	border-right: none;
}
}


.post-type-archive .col1 h3.ver2, .tax-case-cat .col1 h3.ver2 {
	border-bottom: 1px solid #000!important;
}



.page-bg {
	background:#e7eeef;
	padding: 3% 3%;
	margin-bottom: 50px;
	border-radius: 15px
}




/* ★★TOP
*****************************************************/

.flow {
  background-image: url("images/top/top-sec-2-bg.png");
  background-size: cover;
  padding: 100px 0 ;
}

.flow-box p {
	width: 400px;
	padding: 0 3%;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid #fff
}
.flow-box p span {
	display: inline-block;
	margin-right: 20px;
}

.content_wrap_100.service {
	background-color: #eaeff0;
  padding: 100px 0 50px;
	margin-bottom: 0;
}
.service-box {
	background-color: #fff;
	border-radius: 15px;
	padding: 0px 30px 30px 50px!important;
}
.service-box h4 {
	padding: 0!important;
	border-left: none!important;
}
.service-box h4 img {
	margin-top: -40px;
  margin-left: -40px;
}
.service-box .cassetteCol2 {
	margin: 0 0 0;
}
.service-box .cassetteCol2 .cst {
	display: flex;
}
.service-box .cassetteCol2 .cst p.service-img {
	width: 60%;
	position: relative;
}
.service-box .cassetteCol2 .cst p.service-img.ex-ren::before {
	content: "";
	width: 80px;
	height: 80px;
	position: absolute;
	background-image: url("images/top/top-service-ico-renew.png");
	background-repeat: no-repeat;
	background-size: 100%;
	top:-30px;
	left: -30px
}

.service-box .cassetteCol2 .cst p.service-img.ex-new::before {
	content: "";
	width: 80px;
	height: 80px;
	position: absolute;
	background-image: url("images/top/top-service-ico-new.png");
	background-repeat: no-repeat;
	background-size: 100%;
	top:-30px;
	left: -30px
}
.service-box .cassetteCol2 .cst p.service-txt {
	width: 40%;
	margin-left: 5%;
}
/* スライダー
**************/
.slick-slide a.nonehv{
	opacity: 1;
	text-decoration: none;
}
  .slick-list {
    overflow: visible;
  }
  
  .topslide_list{
    margin-bottom: 80px !important;
  }

.topslide_list .prev{
  position: absolute;
  left: -25px;
  top:calc(50% - 25px);
  z-index: 10;
	cursor: pointer;
}

.topslide_list .next{
  position: absolute;
  right: -25px;
  top:calc(50% - 25px);
  z-index: 10;
	cursor: pointer;
}
.topslide_list .prev, .topslide_list .next {
	opacity: 0.4;
	transition: opacity 0.3s ease;
}
.topslide_list:hover .prev, .topslide_list:hover .next {
	opacity: 1
}
.slick-dots li button:before {
    font-size: 10px;
}

.slick-dots li.slick-active button:before {
    color: #EA8D2B;
}
  
  .topslide_list a{
    color:#373534;
  }
  
  .topslide_list_item{
    padding: 10px 20px;
  }
  
  .topSlide_list_inner{
    background: #ffffff;
    overflow: hidden;
    border-radius: 10px;
		background-color: #f6f6f6;
		padding: 15px;
  }
  
  .topslide_list_item__imgWrap{
    overflow: hidden;
    width: 100%;
    height: auto;
    aspect-ratio:16/10;
  }
  
  .topslide_list_item__img{
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
  }
  

  
  .topslide_list_item__text01{
    margin-bottom: 20px;
    font-size: 30px;
    font-weight: bold;
  }
  
  .topslide_list_item__text02{
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
     height: 5em;
  }
  
  .topslide_list_item__link{
    font-size: 20px;
    text-align: right;
    font-weight: bold;
    color:#EA8D2B;
  } 
.topSlide_list_inner p.cat-data {
	text-align: right;
	margin-bottom: 0;
	font-size: 14px;
	color: #666
}
 
.topSlide_list_inner p.cat-title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 7px
}


@media only all and (max-width: 768px){
.content_wrap_100.service .inner {
	overflow:inherit
}
.flow {
	padding: 50px 0;
}
.flow-box {
	margin-bottom: 50px!important;
}
.flow-box p {
	width: 100%;
	text-align: center;
	font-size: 18px;
	padding: 0 0 15px;
}
.flow-box p span {
	display: block;
	margin-right: 0;
	font-size: 20px;
}
.service-box {
	background-color: #fff;
	border-radius: 15px;
	padding: 0px 30px 30px 30px!important;
	margin-bottom: 30px!important;
}

.service-box h4 {
	text-align: center
}
.service-box h4 img {
	margin-top: -40px;
  margin-left: inherit;
}
.service-box .cassetteCol2 .cst {
	display: block;
}
.service-box .cassetteCol2 .cst p.service-img {
	width: 100%;
}
.service-box .cassetteCol2 .cst p.service-txt {
	width: 100%;
	margin-left: 0;
}
}

.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
  width: 24% !important;
	flex-grow: 0;
}
@media only all and (max-width: 768px){
.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
  width: 48% !important;
	flex-grow: 0;
}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
	font-size: 12px!important;
	line-height: 110%!important;
}
}

  
/* 御挨拶
*****************************************************/
.greeting .★★★★★ {
	
}

@media only all and (max-width: 768px){
.greeting .★★★★★ {
	
}
}

/* aaa
*****************************************************/
.aaa .★★★★★ {
	
}

@media only all and (max-width: 768px){
.aaa .★★★★★ {
	
}
}


/* bbb
*****************************************************/
.bbb .★★★★★ {
	
}

@media only all and (max-width: 768px){
.bbb .★★★★★ {
	
}
}

.single-case_input .txt-data {
	margin-bottom: 10px;
}
.single-case_input .col1 h3 {
	text-align: center;
  border-bottom: none !important;
  margin-bottom: 20px;
  padding-top: 50px !important;
  padding-bottom: 0 !important;
}
.single-case_input .concept {
	margin-bottom: 50px
}
.single-case_input .data-area {
	background-color: #e7eeef;
	padding: 3% 5%;
}
.single-case_input .col1 h4 {
	border-left: none;
	padding: 3px 0 3px 0;
	font-size: 22px;
	margin-top: 0;
	margin-bottom: 10px;
}

/*ご依頼の流れ
*****************************************************/
.faq-page {
/*	padding-top: 100px;*/
}

.faq-box {
/*	box-shadow: 0px 0px 13px #ccc;*/
  padding: 5%!important;
  border-radius: 10px;
	background: #ebede6;
}
.faq-q-ttl {
		text-align: left;
    font-size: 60px;
    font-family: var(--font-family-got);
    font-style: italic;
	  font-weight: 900;
    line-height: 100%!important;
	position: relative;
}
.faq-q-ttl span {
    font-size: 80px;
    color: #bfd740;
		position: absolute;
  top: 70px;
	left: 45px;
}
.faq-q {
  font-size: 24px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	line-height: 150%;
	font-weight: bold;
}
.faq-a {
  margin-bottom: 0!important
}
.faq-a span {
    font-size: 40px;
    font-family: var(--font-family-min);
    font-style: italic;
	display: inline-block;
	margin-right: 10px;
    color: #ccc;
}
@media only all and (max-width: 768px){
	
.faq-box{
	display: flex!important;
}
.faq-box .faq-q-ttl{
	width: 40%!important;
	position: relative;
  text-align: left;
}
	

.faq-box {
	margin-bottom: 30px !important;
	margin-top: 10px !important;
}
.faq-q {
  font-size: 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	line-height: 120%;
}
.faq-q-ttl {
		text-align: center;
    font-size: 25px;
	vertical-align: top;
    font-family: var(--font-family-got);
    font-style: italic;
	  font-weight: 900;
    line-height: 100%!important;
}
.faq-q-ttl span {
  font-size: 40px;
  color: #bfd740;
	position: absolute;
  top: 40px;
	left: 20px;
}
}




.bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0.bellows-current-menu-item > .bellows-target, .bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0.bellows-current-menu-ancestor > .bellows-target {
  background: var(--main-color)!important;
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-item-level-0 > .bellows-target:hover {
  background: var(--main-color)!important;
}
.bellows.bellows-skin-blue-material  {
  background: var(--main-color)!important;
}
#bellows-main-6 ul > li:last-child a::before {
  content: ""!important;
}
.bellows.bellows-skin-blue-material .bellows-nav .bellows-target, .bellows.bellows-skin-blue-material .bellows-nav .bellows-custom-content {
  color: #000000!important;
}

div#n2-ss-2 .n2-style-785355f374be86c332d4665aae819858-dot.n2-active, div#n2-ss-2 .n2-style-785355f374be86c332d4665aae819858-dot:HOVER, div#n2-ss-2 .n2-style-785355f374be86c332d4665aae819858-dot:FOCUS {
    background: var(--main-color)!important;
}



/* お問い合わせ　サンクス
*****************************************************/ 
.contact .sec-1, .thanks .sec-1 {
/*  background: ;*/
  padding: 100px 0 0;
}
.contact .content-btn {
	margin-bottom: 10px!important;
}
.contact .content-btn a.req-info-btn {
	background: #125C66;
	width: 500px;
  border-radius: 0;
	padding: 8px 50px 8px 40px;
	font-size: 18px;
}

.contact .content-btn a.req-info-btn:hover {
	background: #1B8E9D;
}
.contact .content-btn a.req-info-btn:after {
	position: absolute;
	content: "";
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 11px solid #ffffff;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
}
@media only all and (max-width: 768px){
.contact .sec-1, .thanks .sec-1 {
/*  background: ;*/
  padding: 50px 0 0;
}
.contact .content-btn a.req-info-btn {
	width: inherit;
}
}


/* CoBlocks（カルーセルブロックなどのプラグイン用）
*****************************************************/ 

.nav-button__next, .nav-button__prev {
    background-color: #50534E!important;

}

.coblocks-gallery:not(.has-caption-color).has-caption-style-dark figcaption {
    background-color: #000000;
}




/* 三本線の色を強制変更（フォントアイコン・SVG両対応） */
.mob-menu-header-holder i,
.mob-menu-header-holder span,
.mobmenu-trigger-wrapper i,
.mobmenu-trigger-wrapper span {
    color: #015862 !important;
}

/* SVG形式で出力されている場合 */
.mob-menu-header-holder svg path,
.mobmenu-trigger-wrapper svg path {
    fill: #015862 !important;
}