/*
Theme Name: Scaffold Child
Template: scaffold
*/

:root{
	--maincolor:#012258;
  --basecolor:#e7eaef;
}

html {
  scroll-behavior: smooth;
}

body{
font-family:"游ゴシック体","Yu Gothic Medium", "游ゴシック Medium", "YuGothic","A1 Gothic R","Zen Kaku Gothic New","Yu Gothic","Hiragino Sans",Meiryo,"MS PGothic",sans-serif;
	font-size:14px;
	line-height:2;
	background-color:#fff;
	overflow-x: hidden;
	width:100%;
display: flex;
justify-content: center;
	margin:0 auto;
}

.site-wrapper{

}

a,
a:visited,
a:hover,
a:active {
  color: inherit;
	text-decoration:none;
	cursor: pointer;
}

.edit-link{display:none;}



.hamburger-menu{
}

#site-navigation{
	display:none;
}

/*---------------------------------------------------
##ヘッダーナビ
---------------------------------------------------*/


.site-header{ 
	border-right:solid 10px var(--basecolor);
	background-color: var(--basecolor);
	width:300px;
	padding:0px;
	height:0px;
}

.site-header::-webkit-scrollbar{
/*スクロールバー非表示：Firefox*/
  display: none;
}

.herder-box{
		background-color:#fff;
	height:100%;

}
	

p.corporation{
display:block;
	font-size:15px;
	margin:0px;
	color:var(--maincolor);
}

.site-branding .site-title a{
	display:none;
}

.site-title a h1{
		display:block;
	font-size:30px;
	font-weight:600;
	color:var(--maincolor);
	line-height:1;
	margin:0;
	
}

.site-title a h1:hover{
			  transform:scale(1.03,1.03);
  transition:0.3s all;
	}

	.hd-img{
		padding-top:30px;
}

.site-description{
	display:none;
}

.hd-picture{
	padding:20px;
	max-width:250px;
}

.hd-picture:hover{
			  transform:scale(1.03,1.03);
  transition:0.3s all;
	}

	.hot-line-img{
	}
	
		.hot-line-img:hover{
			  transform:scale(1.03,1.03);
  transition:0.3s all;
	}
	

.main-menu-box{
		display:block;
	color:var(--maincolor);
	font-weight:600;
	margin:10px;
}



.home-menu{
	display:block;
	margin:0px;
	margin-top:5px;
}

.home-menu a{
	display:block;
	margin-top:20px;
	padding:0px;

}

.home-menu a:hover{
	  transform:scale(1.1,1.1);
  transition:0.3s all;
}

.hot-line-img{
	margin:0px;
	padding:0;
}


.home-contact-box{
	background-color:var(--maincolor);
	color:#fff;
	margin-top:0px;
 padding:20px 30px 10px 30px;	

}

	.header-contact-button a{
		display:block;
		width:100%;
		color:var(--maincolor);
		font-size:20px;
		font-weight:600;
				border-radius: 25px;
		background-color:#fff;
	margin-top:10px;
	}

.home-contact-box .header-tel{

	line-height:1.2;
}

.header-tel{
	display:block;
		font-size:clamp(25px,2vw,35px);
	}
	
	.header-contact-button a:hover{
	  transform:scale(1.03,1.03);
  transition:0.3s all;
}

.had-linkimg{
	display:block;
	background-color:var(--basecolor);
	padding-bottom:20px;
}
.had-linkimg a img{
	margin-top:10px;
}


@media (max-width: 900px){
	
.site-header{
	background-color:#fff;
position: fixed; top: 0; left: 0; 
  display:block;
width:100%;
	height:100px;
	padding-bottom:0px;
	padding:0px;
	z-index:30;
	border:solid 0px !important;
	

}
	
	.hot-line-img{
		display:none !important;
	}
	
	.had-linkimg{
			display:none !important;	
	}


	.header-title-box{
		display:block;
		float:left;
		padding:0px;
		width:100%;
			text-align:left;
		margin-top:20px;
		padding-left:20px;
	}
	
	.hd-img{
		padding-top:0px;
		margin:0px;
		vertical-align: middle;
			display:inline-block;
	}
	
		.hd-picture{
	padding:0px;
		max-width:180px;
}
	
		.com-title-box{
		display:inline-block;
			vertical-align: middle;
			margin-left:10px;
	}
	
	p.corporation{
display:block;
	font-size:10px;
	margin-top:0px;
	color:var(--maincolor);
				line-height:1;
}

.site-title a h1{
		display:block;
	font-size:25px;
	font-weight:600;
	color:var(--maincolor);
	line-height:1;
	margin:0;
	
}
	
	.main-menu-box{
				display:none;
		 position: absolute;
 right: 0;
		top:-15px;
	}

.home-menu{
	display:inline-block;
	margin:10px;
		margin-top:15px;
}

.home-menu a{
	display:block;
	margin:0px;
	padding:0px;

}
	

	.home-contact-box{
		font-size:12px;
	display:block;
	background-color:var(--maincolor);
		border-radius: 25px;
	color:#fff;
		padding:0px 5px;
		height:80px;
 width: calc(100% - 450px); 
 position: absolute;
 right: 80px;
top:10px;
}
	
	.okigaru{
		display:none !important;
	}

.header-tel{
	margin-top:5px !important; 
		font-size:18px;
			display:inline-block;
	}
	
	
		.header-contact-button a{
		display:block;
		width:100%;
		color:var(--maincolor);
		font-size:20px;
		font-weight:600;
				border-radius: 25px;
		background-color:#fff;
	margin-top:5px;
	}

	
}

@media (max-width: 710px){
	
	.site-header{
	background-color:#fff;
position: fixed; top: 0; left: 0; 
  display:block;
width:100%;
	height:70px;
	padding-bottom:0px;
	padding:0px;
	z-index:30;
		text-align: left

}
	
		.header-title-box{
		display:block;
		float:left;
		padding:0px;
		width:100%;
			text-align:left;
		margin-top:10px;
		padding-left:20px;
	}
	

	
	.site-title a h1{
		display:block;
	font-size:30px;
	font-weight:600;
	color:var(--maincolor);
	line-height:1;
	margin:0;
		margin-top:5px;
	
}


		.home-contact-box{
display:none;
	}
	

}

@media (max-width: 500px){
	
		.header-title-box{
		display:block;
		float:left;
		padding:0px;
		width:100%;
			text-align:left;
		margin-top:10px;
		padding-left:10px;
	}
	
		.hd-img{
		vertical-align: middle;
			display:inline-block;
		line-height:1;
	}
	

	
		.hd-picture{
	padding:0px;
	width:110px;
}
	
		.com-title-box{
		display:inline-block;
			vertical-align: middle;
	}
	
		
	.site-title a h1{
		display:block;
	font-size:20px;
	font-weight:600;
	color:var(--maincolor);
	line-height:1;
	margin:0;
		margin-top:5px;
	
}
	
		p.corporation{
			display:block;
position: relative;
			left:-85px;
	font-size:10px;
	margin-top:0px;
	color:var(--maincolor);
				line-height:1;
}


 .site-header	.corporation{
		margin-left:85px;
	}
	
	.site-description{
		line-height:1;
		position: relative;
			left:-85px;
	}
	
}

/*---------------------------------------------------
##メインコンテンツ
---------------------------------------------------*/



.site-content{
 width: calc(100% - 300px); 
  display:block;
	margin-right:25px;
	transition-property:max-width;
	transition-duration:0.5s;
	min-height:1400px;
}

.content-area{
	width:100%;
	
}



@media (min-width: 900px){
	
	.site-content{
 width: calc(100% - 300px); 
			max-width:1100px;
  display:block;
	margin-left:300px;	
	transition-property:max-width;
	transition-duration:0.5s;
}
}

@media (min-width: 1000px){
@media (max-height: 900px){
	.site-content{
	max-width:950px;
  display:block;
	margin-left: 300px;
}
}
}


@media (max-width: 900px){
	
	.site-content{
	border:solid 0px;
 width: 100%; 
  display:block;
	margin-top:90px;
		border:solid 0px;
		padding:0% 5%;
			min-height:500px ;
}
}

@media (max-width: 700px){
	.site-content{
	border:solid 0px;
	width:100%;
  display:block;
	margin-top:70px;
}	
	
}

.site-content .wrapper{
	max-width:100%;
}

.entry-header{
	display:none;
}

.umstop-0hero{
	background:url(/cms/wp-content/uploads/2023/03/ship.png),url(/cms/wp-content/uploads/2023/03/ums-top-bk01.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position:right bottom 40px,right bottom;
	background-size:60vh ,cover ;
	display:none;
	padding:0px;
	margin:0px;
	width:100%;
	height:80vh;
	text-shadow:5px 0px 5px #fff;
	

}




@media (max-width: 800px){
	.umstop-hero{
			background-size:45vh ,cover ;
			height:70vh;
		
			position: relative;
	top:-80px;
		margin-bottom:-80px;
	}


	
}

@media (max-width: 500px){

	
		.umstop-hero{
			background-size:40vh ,cover ;
			height:70vh;
	background-position:right bottom 10px,right bottom;

}
}


/*--------------------------------------------------------------
##hero-box
--------------------------------------------------------------*/

/*top-slide-ex*/
.ws-topmain{
position:relative;
	z-index:2;
	width:100%;
	padding-right: 10px;
	margin-bottom:20px !important;
}


@media (max-width: 900px){
	.ws-topmain{
		margin-bottom:0px;
		padding-right: 0px !important;
		width:100vw;
		margin:0 calc(50% - 50vw);
}
	
}

.umstop-hero-text{
	margin-top:0px;
	height:100%;
	font-weight:600;
	color:var(--maincolor);
	top:5vh;
	line-height:1.5;
	position: relative;
}

.umstop-hero-text p{
		font-size: calc(16px + 26 * ((100vw - 320px) / 1300));
	padding-left:5vw;
	position: absolute;
	text-shadow:3px 0px 3px #fff;
}

.umstop-hero-text span{
	display:block;
}


.umstop-hero-com{
		height:100%;
	font-weight:600;
	color:var(--maincolor);
	bottom:0px;
	line-height:1.5;
	text-shadow:5px 0px 5px #fff;
	position: relative;
}


.umstop-hero-com p{
	position: absolute;
	bottom:50px;
	right:5vw;
	color:var(--basecolor);
	text-shadow:5px 0px 5px var(--maincolor);
		font-size: calc(16px + 16 * ((100vw - 320px) / 1300));
}


.topimg-box{
	
	border:solid 0px;
position:relative;
overflow:hidden;
top:0px;
	width:100%;
aspect-ratio: 4 / 3;
	
	}


@media (max-width: 900px){
	.topimg-box{position:relative;
overflow:hidden;
	margin-bottom:20px;
	}
}





.ws-topimg img{
	object-fit: cover;
object-position: top;
		width:100%;
aspect-ratio: 4 / 3;
	
    position: absolute;
    left: 0;
	bottom:0;
animation: changeimg 16s infinite, zoomanime 16s infinite ;
    opacity: 0;

}

@keyframes changeimg{
    0%{ opacity: 0;}
    20%{ opacity: 1;}
    33%{ opacity: 1;}
    63%{ opacity: 0;}
    100%{ opacity: 0;}
	
	
}

@keyframes zoomanime {
   0% {
      transform: scale(1);
   }
   100% {
      transform: scale(1.07);
   }
}

.ws-topimg img:nth-of-type(1) {
     animation-delay: 0s;
}
.ws-topimg img:nth-of-type(2) {
   animation-delay: 6s;
}
.ws-topimg img:nth-of-type(3) {
    animation-delay: 10s;
}

/*-------------------------------------*/
.ws-top-mainbox{
	width:100%;
	height:100%;
	display:block;
    position: absolute;
    top: 0;
    left: 0;
 background-color:rgba(0,0,0,0);
	
}



@keyframes anima_4 {
  0% {
    clip-path: inset(0 0 100% 0);
   opacity: 0;
  }
  100% {
    clip-path: inset(0);
		  opacity: 1;
  }
}






/*--------------------------------------------------------------
##コンテンツボックス
--------------------------------------------------------------*/




p.back-title-w,p.back-title-g{
	position: relative;
	top:10px;
	left:-45px;
	display:inline-block;
	transform: rotate(90deg);
	line-height:0px;
transform-origin:0%;
	font-size:70px;
	font-weight:600;
}

@media (max-width: 500px){
	p.back-title-w,p.back-title-g{
	position: relative;
	top:-35px;
	left:-25px;
	display:inline-block;
	transform: rotate(0deg);
	line-height:70px;
transform-origin:0%;
	font-size:50px;
	font-weight:600;
	}	
	
}

p.back-title-w{
	color:var(--basecolor);
}

p.back-title-g{
	color:#fff;
}

.con-box-w .w-con-area,
.con-box-g .g-con-area{
	margin-top:-110px;
	padding-top:60px;
}


.con-box-w,.con-box-g{
		margin:10px 10px 10px 0px !important;
	padding:20px 20px 20px 70px;
	background-color:#fff;
		min-height:200px;
}
.con-box-w{
	background-color:#fff;
}
.con-box-g{
	background-color:var(--basecolor);
}

@media (max-width: 500px){
.con-box-w,.con-box-g{
		margin:0px !important;
	padding:20px 20px 20px 20px;
		min-height:350px;
}
}

.g-sub-title{
	display:block;
	font-weight:600;
		color:var(--maincolor);
	font-size:20px;
	line-height:20px;
	margin:0px;
	margin-bottom:10px;
}



.w-con-area table,
.g-con-area table{
	margin:0px;
}

td.w-main-title,
td.g-main-title{
display: inline-block;
	font-size:30px;
	font-weight:600;
	color:var(--maincolor);
	padding:0px;
	height:40px;
}


@media (max-width: 900px){
	td.w-main-title,
td.g-main-title{
display: inline-block;
	font-size:20px;
	font-weight:600;
	color:var(--maincolor);
	padding:0px;
	height:40px;
}


td.w-main-link,
td.g-main-link{
display: inline-block;
	font-size:10px;
	font-weight:600;
	color:var(--maincolor);
	padding:0px;
text-align: center;
	padding-top:4px;
	margin-left:15px;
	color:#fff;
}

.w-main-link a,
.g-main-link a{
display: block;
	width:30px;
	height:30px;
	border-radius: 15px;
	background-color:var(--maincolor);
	padding-top:4px;
}


}

td.w-main-link,
td.g-main-link{
display: inline-block;
	font-size:10px;
	font-weight:600;
	color:var(--maincolor);
	padding:0px;
text-align: center;
	padding-top:4px;
	margin-left:15px;
	color:#fff;
}

.w-main-link a,
.g-main-link a{
display: block;
	width:30px;
	height:30px;
	border-radius: 15px;
	background-color:var(--maincolor);
	padding-top:4px;
}

@media (max-width: 900px){
	td.w-main-title,
td.g-main-title{
display: inline-block;
	font-size:20px;
	font-weight:600;
	color:var(--maincolor);
	padding:0px;
	height:40px;
}

}





td.w-main-link a:hover,
.w-main-link a:hover{
	  transform:scale(1.1,1.1);
  transition:0.3s all;
}

{
	margin-top:-30px;
	position: relative;
}

td.g-main-link a:hover,
.w-main-link a:hover{
	  transform:scale(1.1,1.1);
  transition:0.3s all;
}


.w-main-title h2,.g-main-title h2{
	margin-top:0px;
	padding:0px;
	font-size:35px;
	color:var(--maincolor);
}
.w-main-link p,.g-main-link p{
	padding:0px;
}

@media (max-width: 1200px){
td.w-main-title,
td.g-main-title{
display: inline-block;
	font-size:20px;
	font-weight:600;
	color:var(--maincolor);
	padding:0px;
	height:40px;
}
	
	td.w-main-link,
td.g-main-link{
display: inline-block;
	font-size:10px;
	font-weight:600;
	color:var(--maincolor);
	padding:0px;
text-align: center;
	position: relative;
	top:-5px;
	margin-left:15px;
	color:#fff;
}

	.w-main-title h2,.g-main-title h2{
	margin-top:0px;
	padding:0px;
	font-size:25px;
	color:var(--maincolor);
}
.w-main-link p,.g-main-link p{
	padding:0px;
}

.con-box-w .w-con-area,
.con-box-g .g-con-area{
	margin-top:-150px;
	margin-right:-20px;
	padding-top:60px;
}
	
}

/*--------------------------------------------------------------
## ハンバーガーメニュー
--------------------------------------------------------------*/


.hm-text{
	font-size:12px;
	font-weight:600;
  position: absolute;
	top:18px;
	color:var(--maincolor);
}


.hbm-title img{
	z-index: 50;
	font-size:40px;
	font-weight:bolder;
	width:80%;
}

.menu-btn {
    position: fixed;
    top: 0px;
    right: 10px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 90;
	margin:0px;
}

@media (min-width: 900px){
	.menu-btn {
		display:none !important;
	}
	
	.menu-content{
		
		display:none !important;
	}
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 2px;
    width: 40px;
    border-radius: 3px;
    background-color:var(--maincolor);
    position: absolute;
}
.menu-btn span:before {
    bottom: 12px;
}
.menu-btn span:after {
    top: 12px;
}

.menu-btn.hcs span,
.menu-btn.hcs span:before,
.menu-btn.hcs span:after {
background-color: var(--maincolor) ;
transition: color 0.4s ease-out;
}


#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}

#menu-btn-check {
    display: none;
}

.menu-content {
	text-align:left;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: rgba(255,255,255,0.8);
	  backdrop-filter: blur(10px);
    transition: all 0.5s;/*アニメーション設定*/
}

_:lang(x)+_:-webkit-full-screen-document, .menu-content  {
    background-color: rgba(255,255,255,0.9);
}

#menu-btn-check:checked ~ .menu-content {
		left:70%;/*メニューを画面内へ*/
}





	
	#menu-btn-check:checked ~ .menu-content {
		left:70%;/*メニューを画面内へ*/
}

@media (max-width: 1040px){
.menu-content {
	text-align:left;
    width: 50%;
	height:100%;
}
	
#menu-btn-check:checked ~ .menu-content {
		left:50%;/*メニューを画面内へ*/
}
}



.menu-content ul {
    height: 100%;
    padding: 150px 20px 20px 70px;
			overflow: auto;
	  -webkit-overflow-scrolling: touch;
	 -ms-overflow-style: none;
}

.menu-content ul::-webkit-scrollbar{
  display: none;
}

.menu-btn {
    top: -8px;
    right: -3px;
    display: flex;
    height: 60px;
    width: 60px;
}




@media (max-width: 500px){
	.menu-content {
	text-align:left;
    width: 100%;
height: 100%;
height: -webkit-fill-available;
}
	
#menu-btn-check:checked ~ .menu-content {
		left:0;/*メニューを画面内へ*/
}

	

}

.hb-header img{
	margin-bottom:20px;
}

.hb-header{
	margin-top:30px;
	margin-bottom:20px;
	height:100px;
	display:block;
	text-align:center;
}

.hb-header div{
	display:block;
	width:100%;
}

.hb-header .com-title-box{
	margin:0;
}

.hb-header .corporation{
	font-size:15px;
	line-height:1.5;
	margin-top:-5px;
margin-left:0px;
}

.hb-header .site-title a h1{
border:solid 0;
	font-size:35px;
	
	}

.hb-header div p{
	width:100%;
	left:0;
}

.menu-content ul {
width:100%;
   height:calc(100% - 250px);
	max-height:800px;
    padding: 0px 0px;
			overflow: auto;
	  -webkit-overflow-scrolling: touch;
	 -ms-overflow-style: none;

}

.menu-content ul::-webkit-scrollbar{
  display: none;
}

.hb-menu-box{
	margin-top:0px;
	display:block;
}

.hb-menu-box p{
	display:block;
	text-align:center;
	color:var(--maincolor);
	font-weight:600;
}

.hb-img{
	width:80%;
	display:block;

	text-align:center;
	margin:20px auto;
}

.hb-contact{
	display:block;
	width:100%;
}

.hb-contact{
		font-size:12px;
	display:block;
	background-color:var(--maincolor);
	color:#fff;
		padding:0px 5px;
		height:100px;
width:100%;
	text-align:center;
	position:absolute;
	bottom:0;
}

.hb-contact	.header-contact-button a{
		display:block;
		width:80%;
		color:var(--maincolor);
		font-size:20px;
		font-weight:600;
				border-radius: 25px;
		background-color:#fff;
	margin:0 auto;
	padding:0px;
	text-align:center;
	}


.hb-contact	.header-contact-button a:hover{
	  transform:scale(1.03,1.03);
  transition:0.3s all;
}

/*--------------------------------------------------------------
## お知らせ
--------------------------------------------------------------*/

.info {
	margin-top:20px;
	padding: 5px 20px;
	border: 1px solid #ccc;
	text-align: left;
	line-height: 1;
	overflow: auto;
	width: 100%;
	height: 250px;
	background-color: #fff;
}

.info a{
text-decoration: underline;
}


.info dl {
	padding:0;
	border-bottom: 1px solid #ccc;
}

.info dt {
	margin:0;
	padding:0;
	width:100px;
	border:solid 0px;
}
.info dd {
	display:inline-block;
	vertical-align:top;
	width: calc(100% - 140px);
	border:solid 0px;
	line-height: 1.3;
}

@media screen and (min-width: 701px) {
	.info dt {
			display:inline-block;
	vertical-align:top;
	}
	.info dd {
	display:inline-block;
	vertical-align:top;
	margin-left: 10px;
}
	
}


@media screen and (max-width: 700px) {
	.info dt {
			display:block;
	vertical-align:top;
	}
	.info dd {
	display:block;
	vertical-align:top;
	margin-left: 0px;
		margin-top:10px;
	width: 100%;
}
	
}

/*--------------------------------------------------------------
## 選ばれる理由
--------------------------------------------------------------*/

.feat-img-box{
	width:100%;
	border:solid 0px;
		margin-top:30px;
}

.feat-img-box a {
	margin-right:-4px;
	padding:0px;
	border:solid 0px;
	display:inline-block;
	width:20%;
	
}

.feat-img-box a:hover{
	  transform:scale(1.03,1.03);
  transition:0.3s all;
}

a .feat-img{

}



/*--------------------------------------------------------------
## サービスメニュー
--------------------------------------------------------------*/

.ser-con {
	margin-top:50px;
	margin-bottom:50px;
	border:solid 0px #000;
}

.ser-img {
	vertical-align: top;
	display:inline-block;
	border:solid 0px #000;
	width:30%;
	margin-right:20px;
}

.ser-text {
	vertical-align: top;
	display:inline-block;
	border:solid 0px #000;
	width:60%;
	margin-top:-7px;
}

.ser-con .w-main-title ,.ser-con .g-main-title p{
	margin-top:-15px;
	padding:0px;
}
.ser-con .w-main-link p,.ser-con .g-main-link p{
	padding:0px;
}

.ser-con .w-main-link a,
.ser-con .g-main-link a{
	border:solid 2px var(--maincolor);
display: block;
	width:30px;
	height:30px;
	border-radius: 15px;
	background-color: transparent;
	padding-top:2px;
	color:var(--maincolor);
		cursor: pointer;
}

.ser-con .w-main-link a:hover,
.ser-con .g-main-link a:hover{
	border:solid 2px var(--maincolor);
	background-color: var(--maincolor);
	color:#fff;
		cursor: pointer;
}

.ser-link:hover + .w-main-link a{
	border:solid 2px var(--maincolor);
	background-color: var(--maincolor);
	color:#fff;
		cursor: pointer;
}

.ser-img:hover +.ser-text .w-main-link a{
	border:solid 2px var(--maincolor);
	background-color: var(--maincolor);
	color:#fff;
		cursor: pointer;
}

.ser-img:hover {
		  transform:scale(1.03,1.03);
  transition:0.3s all;
		cursor: pointer;
}

@media (max-width: 700px){
	.ser-con {
	margin-top:50px;
	margin-bottom:50px;
	border:solid 0px #000;
	width:100%;
}

.ser-img {
	vertical-align: top;
	display:block;
	border:solid 0px #000;
	width:100%;
	margin-right:0px;
	
	margin-bottom:30px;
}

.ser-text {
	vertical-align: top;
	display:block;
	border:solid 0px #000;
	width:100%;
	margin-top:-7px;
}
	
	.w-main-title.ser-link{
		font-size:22px;
	}
	
}

.souzoku-textlink {
	color:#6bb035;
	font-weight:600;
	margin-top:10px;
	width:300px;
}

.souzoku-textlink:hover{
	  transform:scale(1.03,1.03);
  transition:0.3s all;
}

/*--------------------------------------------------------------
## 50年の歴史
--------------------------------------------------------------*/

.about-box .con-box-g{
		background:url(/cms/wp-content/uploads/2023/03/company-img.png);
		background-repeat: no-repeat;
	background-position:right 0px bottom ;
	background-size:cover ;
	height:100%;
	background-position:right top;
	background-size:70%;
}

.top-about-text{
	width:50%;
	max-width:450px;
 margin-top:30px;
		text-shadow:10px 10px 10px var(--basecolor);
		background-color:rgba(255, 255, 255, 0.6) ;
	padding:20px;
	margin-bottom:20px;
	backdrop-filter: blur(5px);
}

.w-main-title.about-link{
	padding:0px;
	font-size:15px;
}

.top-about-con .w-main-link a,
.top-about-con .g-main-link a{
	border:solid 2px var(--maincolor);
display: block;
	width:30px;
	height:30px;
	border-radius: 15px;
	background-color: transparent;
	padding-top:-px;
	margin-top:-15px;
	color:var(--maincolor);
	cursor: pointer;
}

.top-about-con .w-main-link a:hover,
.top-about-con .g-main-link a:hover{
	border:solid 2px var(--maincolor);
	background-color: var(--maincolor);
	color:#fff;
	cursor: pointer;
}


.about-link p:hover{
transform:scale(1.05,1.05);
transition:0.3s all;
		cursor: pointer;
	
}

.about-link:hover + .w-main-link a{
	border:solid 2px var(--maincolor);
	background-color: var(--maincolor);
	color:#fff;
	cursor: pointer;
}

.top-about-link table{
	display:inline;
	margin-right:30px;
}

@media (max-width: 800px){
		.about-box .con-box-g{

		background-repeat: no-repeat;
	background-position:right 0px bottom 40px ;
	background-size:cover ;
	background-size:100%;
}

.top-about-text{
	width:100%;
	max-width:450px;
 margin-top:30px;
}

	
}


@media (max-width: 500px){
	.about-box .con-box-g{

		background-repeat: no-repeat;
	background-position:right 0px bottom ;
	background-size:cover ;
	background-size:100%;
}

.top-about-text{
	width:100%;
	max-width:450px;
 margin-top:30px;
}


}


/*--------------------------------------------------------------
##お客様の声
--------------------------------------------------------------*/

.user-con{
	margin-top:60px;

}

.user-con > div{
	display:inline-block;
	vertical-align: top;
}



.user-text-area h3{
	width:100%;
	color:var(--maincolor);
	margin:0px;
	margin-bottom:20px;
	border-bottom:solid 2px var(--maincolor);
}

.user-img{
	width:30%;
	max-width:200px;
	margin-right:20px;
}

.user-img p{
	color:#a9a9a9;
	  text-align:center;
	margin:0;
}

.user-text-area{
	width:65%;
}

@media (max-width: 500px){
	.user-img {
		float:left;
	width:100%;
	max-width:100%;
	margin-right:20px;
	margin-bottom:20px;
}
	
	.user-img img{
		float:left;
		width:50%;
}

.user-img p{
	color:#a9a9a9;
	  text-align:left;
	margin:0;
}
	
	.user-text-area{
	width:100%;
}
	
}

/*--------------------------------------------------------------
## what
--------------------------------------------------------------*/

.what-box .con-box-g{
		background:url(/cms/wp-content/uploads/2023/03/society-img.png);
	background-position:right 30px bottom ;
	background-size: contain !important;
			background-repeat: no-repeat;
	background-size:50%;
}

.what-title{
display:block;
	font-weight:600;
	color:var(--maincolor);
	padding:0px;
		font-size:20px;
	display:block;
	margin:0 0 15px 0;
}

.what-title span{
	display:inline-block;
}

.top-what-con{
	margin:0;
}

.what-box .top-about-text{
	width:60%;
	max-width:100%;
 margin-top:0px;
		text-shadow:10px 10px 10px var(--basecolor);
		background-color:rgba(255, 255, 255, 0.6) ;
	padding:20px;
	margin-bottom:20px;
	backdrop-filter: blur(5px);
}

.top-what-link	.header-contact-button a{
		display:block;
		width:202px;
		color:var(--maincolor);
		font-size:20px;
		font-weight:600;
				border-radius: 25px;
		background-color:#fff;
	margin-top:20px;
	padding:0px;
	text-align:center;
	}



@media (max-width: 800px){
	
	
.what-box .con-box-g{
		background:url(/cms/wp-content/uploads/2023/03/society-img.png);
	background-position:center ;
	background-size: contain;
			background-repeat: no-repeat;
	background-size:50%;
}


.what-title{
	font-weight:600;
	color:var(--maincolor);
	padding:0px;
	font-size:20px;
}
	
.what-box .top-about-text{
	width:100%;
	max-width:100%;
	}

}

@media (max-width: 500px){
.what-title{
	font-size:15px;
}
}

/*--------------------------------------------------------------
## feature-page
--------------------------------------------------------------*/

.page-content-box{
			background-color:#fff;
}

.con-hero{
	display:block;
		background:url(/cms/wp-content/uploads/2023/04/compass.jpg);
	background-position:center ;
	background-size:cover ;
			background-repeat: no-repeat;
	background-size:100%;
		background-position:right;
	padding:0px;
	margin:0px;
	width:100%;
	height:250px;
}

.feat-img-box-sp{
	display:none;
}

@media screen and (max-width: 900px) {
	.feat-img-box{
		display:none;
	}

	
	.feat-img-box-sp{
	display:block;
}
}

@media screen and (max-width: 900px) {
.con-hero{
			position: relative;
	top:0px;
		margin-bottom:0px;		width:100%;
			margin:0 calc(50% - 50vw);	width:100vw;
			margin:0 calc(50% - 50vw);
}
	
}

.con-hero p{
	display:block;
	background:var(--maincolor);
	color:#fff;
	font-size:30px;
	width:50%;
		height:250px;
 line-height:1.5;
	text-align:center;
padding-top:100px;

}

.con-hero span{
	display:block;
	
}

.feat-page{
	display:block;

height:160px;
}

.feat-page h3{
		text-align:center;
	font-size:15px;
	color:var(--maincolor);
	padding-top:80px;
}

.feat-page-con{
	display:flex;
	padding:0px 40px 80px 40px;
}

.feat-page-con .feat-img,
.feat-page-con .feat-text{
	vertical-align: top;
}



.feat-page-con.blue-back .feat-img01,
.feat-page-con.blue-back .feat-img03,
.feat-page-con.blue-back .feat-img05{
	background-color:var(--maincolor);
}


.feat-img01{
				background:url(/cms/wp-content/uploads/2023/03/human01.png);
		background-position:right 10px top 80px;
	background-size:80%;
}

.feat-img02{
			background:url(/cms/wp-content/uploads/2023/03/network-img.png);
		background-position:right 0px top 80px;
	background-size:150%;
}

.feat-img03{
			background:url(/cms/wp-content/uploads/2023/03/uo-img.png);
			background-position:left -40px top 80px;
	background-size:140%;
}

.feat-img04{
			background:url(/cms/wp-content/uploads/2023/03/back-img01.png);
			background-position:center top 50px;
	background-size:250%;
}

.feat-img05{
			background:url(/cms/wp-content/uploads/2023/04/onest-bk.png);
			background-position:center bottom -20px;
	background-size:120%;
}



.feat-img01,
.feat-img02,
.feat-img03,
.feat-img04,
.feat-img05{
	background-repeat: no-repeat,no-repeat;
	 display:block;
	width:40%;
	position: relative;
	z-index:2;
}



.feat-page-con.blue-back .feat-img01 p,.feat-page-con.blue-back .feat-img03 p,.feat-page-con.blue-back .feat-img05 p{
	color:#fff;
	position: absolute;
	top:0px;
	left:20px;
	font-size:50px;
	z-index:3;
}


.feat-page-con.white-back .feat-img02 p,.feat-page-con.white-back .feat-img04 p{
	color:var(--maincolor);
	position: absolute;
	top:0px;
	right:20px;
	font-size:50px;
	z-index:3;
}


.feat-text{
	margin-left:40px;
	width:100%;
}

.feat-page-con .sub-title {
	color:#ffa500;
	font-size:18px;
	font-weight:600;
	margin:0px;
}

.feat-page-con .feat-text h2{
font-size:20px;
	font-weight:600;
	color:var(--maincolor);
	margin:0px;
		margin-bottom:30px;
}




@media (max-width: 700px){
	.con-hero{
		height:180px;
		background-size:100%;
		}
	
	.con-hero p{
		width:100%;
		font-size:25px;
				height:180px;
padding-top:50px;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
	
	
.feat-page h3{
	font-size:13px;
}
	
	.feat-page-con{
	max-width:900px;
	margin-right:auto;
	margin-left:auto;
	display:block;
	padding:0px 10px 40px 10px;
	background-color:#fff;
}
	
	.feat-page-con.blue-back .feat-img01,
.feat-page-con.white-back .feat-img02,
.feat-page-con.blue-back .feat-img03,
.feat-page-con.white-back .feat-img04,
.feat-page-con.blue-back .feat-img05{
	display:block;
	width:100%;
	height:200px;
	position: relative;
	overflow:hidden;
}
	
	.feat-text{
	margin-left:0px;
	width:100%;
}
	

	
	
	.feat-img01{
		background-size:50%;
	background-position:top right 30px;
	}
	
		.feat-img02{
		background-size:100%;
	background-position:top;
	}

		
		.feat-img03{
		background-size:110%;
	background-position:center top 20px;
	}
	
			.feat-img04{
		background-size:180%;
	background-position:center top;
	}
	
				.feat-img05{
		background-size:120%;
	background-position:left 0px top -90px;
	}
	
.feat-page-con.blue-back .feat-img01 p,
.feat-page-con.white-back .feat-img02 p,
.feat-page-con.blue-back .feat-img03 p,
.feat-page-con.white-back .feat-img04 p,
.feat-page-con.blue-back .feat-img05 p{
		display:block;
	position: absolute;
	top:20px;
	left:20px;
	font-size:50px;
		line-height:1;
		border-radius:10px;
	z-index:3;
		padding:5px;
}

		.feat-page-con.blue-back .feat-img01 p,.feat-page-con.blue-back .feat-img03 p,.feat-page-con.blue-back .feat-img05 p{
	background-color:#fff;
	color:var(--maincolor);
	}
	
	.feat-page-con.white-back .feat-img02 p,.feat-page-con.white-back .feat-img04 p{
			background-color:var(--maincolor);
			color:#fff;
	right:initial;
	}


	
}


.service-page .con-box-w p.top-text {
	color:var(--maincolor);
	margin-top:30px;
}

.service-page .con-box-w{
	margin:20px 0px !important;
}

@media (max-width: 1000px){
	.service-page {
		margin:3%;
	}
	
}

.contact-box{
	border:solid 8px var(--maincolor);
	background-color:#fff;
	padding:0px;
  min-width:100%;
	margin:20px 0px;
}


.cont-box-hero{
	color:var(--maincolor);
	font-size:18px;
	font-weight:600;
}

.contact-box-left{
	border-right:solid 1px #c9c9c9;
	text-align:left;
	color:var(--maincolor);
	padding:20px;
}



.contact-box-left span{
	display:inline-block;
}

.contact-box-right{
	text-align:center;
	color:var(--maincolor);
	padding:30px;
	font-weight:600;
	
}
.contact-box-right p:first-child{
	font-size:30px;
	line-height:1.5;
	margin:0px 0px 20px 0px;
}

.contact-box-right .tel{
	font-size:40px;
	line-height:1;
	margin:0px;
	
}

.contact-box-butt{
	background-color:#ffa500;
	color:#fff;
	display:block;
	padding:10px;
	border-radius:30px;
	font-size:20px;
	
}

a .contact-box-butt:hover{
	transform:scale(1.03,1.03);
transition:0.3s all;
}

.cont-box-text{
	line-height:1.5;
}

@media (max-width: 800px){
	
	
.contact-box{
	border:solid 8px var(--maincolor);
	background-color:#fff;
	padding:8px;
	width:90%;
	margin-top:50px;
}
	
	.contact-box-left{
	border-right:solid 0px;
	text-align:left;
	color:var(--maincolor);
	padding:10px;
		
}

.cont-box-hero{
	color:var(--maincolor);
	font-size:18px;
	font-weight:600;
}

.contact-box-right{
	text-align:center;
	color:var(--maincolor);
	padding:0px;
	font-weight:600;
	margin-top:-20px !important;
}

	
}


@media (max-width: 500px){

.contact-box-right .tel{
	font-size:30px;
	line-height:1;
	margin:0px;
	
}
	
}



/*--------------------------------------------------------------
概要ページ
--------------------------------------------------------------*/


.about-pade-hero{
		display:block;
		background:url(/cms/wp-content/uploads/2023/03/ums-top-bk01.jpg);
	background-position:center bottom ;
	background-size:cover ;
			background-repeat: no-repeat;
	text-align:center;
		padding:60px 30px 60px 30px;
	margin:20px 0px;
	
}




@media screen and (max-width: 900px) {
	.about-pade-hero{
			position: relative;
	top:0px;
		margin-bottom:-80px;
}
	
}

.about-pade-hero .hero-top{
			text-shadow:3px 3px 10px var(--basecolor);
	color:var(--maincolor);
	font-size:20px;
	font-weight:600;
	max-width:700px;
	margin:0 auto;
}

.about-pade-hero .hero-sub{
			text-shadow:3px 5px 5px var(--maincolor);
	color:#fff;
	font-size:17px;
	max-width:700px;
	margin:0 auto;
}

.about-pade-hero p{
	margin:0;
}

@media screen and (max-width: 700px) {
.about-pade-hero span{
	display:block;
	}
}

@import url('https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap');

.rinen-box{
	font-family: 'Hina Mincho', serif;
	text-align:center;
	color:#fff;
	padding:30px;
				text-shadow:3px 5px 5px #000;
    background-image: url('/cms/wp-content/uploads/2023/04/roppou.jpg');
    position: relative;     
    z-index: 1;
	overflow:hidden;
	background-size:cover;
}
.rinen-box:before {
     background: inherit;
      content: '';
      position: absolute;
      filter: blur(5px); 
      top: -5px;
      right: -5px;
      bottom: -5px;
      left: -5px;
      z-index: -1;
}

.rinen-box h2{
	font-family: 'Hina Mincho', serif;
	color:#fff;
		font-size: calc(30px + 15 * ((100vw - 320px) / 1300));
}

.rinen-box p{
		font-size: calc(11px + 10 * ((100vw - 320px) / 1300));
}

.rinen-box span{
	display:block;
}

.map-syaoku{
	max-width:800px;
	margin:0 auto;
	
}


.map-box{
	width:60%;
	padding:0px;
	margin:0px;
	display:inline-block;
	vertical-align:top;
	height:450px;

}

.syaoku{
    width: 39%; 
    height: 450px; 
	display:inline-block;
	    background-image: url('/cms/wp-content/uploads/2023/04/syaoku.png');
	background-repeat: no-repeat;
    position: relative;
	overflow:hidden
	bottom:0px;
    z-index: 1;
	background-size:cover;
}


@media screen and (max-width: 767px){
	.map-box{
width:100%;
	display:block;


}

	.syaoku{
		margin-top:20px;
width:100%;
	display:block;
    height: 650px; 
		background-position: bottom 50px left -40px;
	}
}



.gaiyou-conbox{
padding:60px 20px;
	color:var(--maincolor);
	margin-bottom:20px !important;
}

.gaiyou{
  margin: auto;
	  border: solid 0px #ccc;
	max-width:800px;
	width:100%;	
	background-color:rgba(255,255,255,0);
}

.gaiyou caption{
	color:var(--maincolor);
	font-size:20px;
	font-weight:600;
text-align:left;
}

.gaiyou tr{
	border-top:solid 1px #c9c9c9;
}

.gaiyou th {
border: solid 0px #ccc;
padding: 10px;
	vertical-align:top;
	font-size:15px;
}


 .gaiyou td {
border: solid 0px #ccc;
padding: 10px;
}

.gaiyou td p{
	border-bottom:solid 1px #c9c9c9;
}

@media screen and (max-width: 767px) {
	
	
	.rinen-box{
				width:100vw;
			margin:0 calc(50% - 50vw);
	}
	
 .last td:last-child {
border-bottom: solid 0px #ccc;
width: 100%;
  }
.gaiyou {
    width: 80%;
  }

 .gaiyou th,
 .gaiyou td {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
	.gaiyou{
  margin: auto;
	  border: solid 0px #ccc;
	width:100%;
}
	
	.gaiyou caption{
text-align:center;
}
	
	.gaiyou th {
	font-size:20px;
}
	
	.about-pade-hero{
		padding:50px 30px 50px 30px;
		text-align:left;
		line-height:1.8;
}

	
	.about-pade-hero .hero-top{
			text-shadow:3px 3px 5px var(--basecolor);
	color:var(--maincolor);
	font-size:40px;
	font-weight:600;
	max-width:700px;
	margin:0 auto;
		
}

.about-pade-hero .hero-sub{
			text-shadow:3px 3px 10px var(--basecolor);
	font-size:13px;
	max-width:700px;
	margin:30px auto 10px auto;
}


}

.about-pade-hero{
	margin-bottom:30px;
}

/*--------------------------------------------------------------
## スタッフ紹介
--------------------------------------------------------------*/
.staff-pade-hero{
font-size:40px;
		display:block;
		background:url(/cms/wp-content/uploads/2023/03/ums-top-bk01.jpg);
	background-position:center bottom ;
	background-size:cover ;
			background-repeat: no-repeat;
	text-align:center;
		padding:60px 30px 60px 30px;
	
}


.staff-pade-hero .hero-top{
			text-shadow:3px 3px 10px var(--basecolor);
	color:var(--maincolor);
	font-size:40px;
	font-weight:600;
	max-width:700px;
	margin:0 auto;
}


.shomei{
	float:right;
	width:100%;
	max-width:350px;
}





.staff-zeiri-box{
	padding: 5% 8%;
	background-color:#fff;
	margin-bottom:20px;
}

.staff-zeiri-box h2{
	width:100%;
	text-align:center;
	color:var(--maincolor);
	margin-bottom:50px;
	
}

.person-table{
	width:100%; 
 display:inline-block;
 border-bottom:solid  1px #c9c9c9;
	padding-bottom:50px;
}


.person-table .cell-left{
	width:230px;
	text-align:center;
	vertical-align:top;
	padding:0px;
}

.cell-right h3{
	font-size:20px;
		color:var(--maincolor);
}



.person-table .cell-left img{
	width:100%;
	}

.person-table .cell-right{
	color:var(--maincolor);
	line-height:1.7;
	vertical-align:top;
	padding-top:20px;
}

@media screen and (max-width: 800px) {
.person-table .cell-right,
.person-table .cell-left{
	display:block;
}
	.person-table .cell-left{
		width:100%;
	}


}


@media screen and (max-width: 800px) {
	.staff-main-box,.staff-main02-box{
margin:5% !important;
	}
	
.staff-photo{
	 order: -1;
  flex: 1 0 100%;
	text-align:center;
	width:100%;
	max-width:100%;
	}
	
	.staff-photo img{
	width:80vw;
	max-width:50vw;
	}
	

}

.staff-sub{
	color:#808080;
	margin:0;
}

.staff-name{
	color:var(--maincolor);
	font-size:20px;
	font-weight:600;
	margin:0;
	line-height:1.2;
}

.staff-c{
	color:#ffa500;
	margin:0;
}

.assistant-box{
	background-color:#fcf2e9;
	padding:5%;
	color:var(--maincolor);
	margin-top:20px;
}

.assistant-box h3{
	color:var(--maincolor);
font-size:30px;
text-align:center;
}

/*--------------------------------------------------------------
## service-menu-box
--------------------------------------------------------------*/

.service-menu-box{
	padding:3%;
	width:100%;
	background-color:rgba(231,234,239,0.8);
}

.service-menu-box h3{
	font-size:30px;
	color:var(--maincolor);
	width:100%;
	display:block;
	text-align:center;
}

.service-menu-one{
	margin:10px 0px;
	display:inline-block;
	width:32%;
	padding:5px;
vertical-align: middle;
	border-radius:20px;
	padding:2px;
}


@media screen and (max-width: 900px) {
	.service-menu-one{
		display:inline-block;
	width:49%;
	}
}

@media screen and (max-width: 500px) {
	.service-menu-one{
		display:block;
	width:100%;
		margin-bottom:20px;
	}
}

.service-menu-one:hover{
	background-color:#fff;
}

.service-menu-one img{
	border-radius:20px;
	display:inline-block;
	width:40%;
vertical-align: middle;
}

.service-menu-one span{
	display:inline-block;
	width:50%;
	font-size:13px;
	font-weight:600;
	vertical-align:middle;
	padding-left:6px;
}


@media screen and (max-width: 800px) {
	.service-menu-one img{
	border-radius:20px;
	display:block;
	width:100%;
vertical-align: middle;
}

.service-menu-one span{
	display:block;
	width:100%;
	font-size:15px;
	font-weight:600;
	vertical-align:middle;
	padding-left:10px;
}
	
}

/*--------------------------------------------------------------
## セカンドオピニオン
--------------------------------------------------------------*/
.opinion-hero{
	display:block;
		background:url(/cms/wp-content/themes/Scaffold-child2/image/srv_sos.jpg);
	background-position:top -30px right !important;
	background-size:cover ;
			background-repeat: no-repeat;
	background-size:55%;
		background-position:right;
	padding:0px;
	margin:0px;
	width:100%;
	height:250px;
}


.opinion-hero p{
	display:block;
	background:var(--maincolor);
	color:#fff;
	font-size:30px;
	width:50%;
		height:250px;
 line-height:1.5;
	text-align:center;
padding-top:80px;

}

@media (max-width: 1000px){
	.opinion-hero{
		height:250px;
		width:100vw;
			margin:0 calc(50% - 50vw);
		background-size:100%;
		background-position:top !important;
		}
	
	.opinion-hero p{
		width:100%;
		font-size:30px;
				height:130px;
padding-top:100px;
		font-weight:600;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}

@media (max-width: 500px){
	.opinion-hero{
		height:150px;		width:100vw;
			margin:0 calc(50% - 50vw);
		background-size:100%;
		background-position:center middle;
		}
	
	.opinion-hero p{
		width:100%;
		font-size:30px;
padding-top:60px;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}
	

.opinion-table td.bk-color{
	background-color:#4682b4;
	color:#fff;
	font-weight:600;
}

.opinion-table td{
	border:solid 2px var(--maincolor);
	line-height:1.7;
	padding-bottom:5px;
	vertical-align:middle;
}

.op-kingaku{
	text-align:right;
}

.opinion-red{
	color:#f00;
	font-weight:600;
}

.opinion-picture{
	display:block;
	margin:0 auto;
max-width:750px;
	width:100%;
}




/*--------------------------------------------------------------
## 基幹業務
--------------------------------------------------------------*/
.kikan-hero{
	display:block;
		background:url(/cms/wp-content/uploads/2023/06/srv_kihon.jpg);
	background-position:top -30px right !important;
	background-size:cover ;
			background-repeat: no-repeat;
	background-size:55%;
		background-position:right;
	padding:0px;
	margin:0px;
	width:100%;
	height:250px;
}


.kikan-hero p{
	display:block;
	background:var(--maincolor);
	color:#fff;
	font-size:30px;
	width:50%;
		height:250px;
 line-height:1.5;
	text-align:center;
padding-top:80px;

}

@media (max-width: 1000px){
	.kikan-hero{
		height:250px;
		width:100vw;
			margin:0 calc(50% - 50vw);
		background-size:100%;
		background-position:top !important;
		}
	
	.kikan-hero p{
		width:100%;
		font-size:30px;
				height:130px;
padding-top:100px;
		font-weight:600;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}

@media (max-width: 500px){
	.kikan-hero{
		height:150px;		width:100vw;
			margin:0 calc(50% - 50vw);
		background-size:100%;
		background-position:center middle;
		}
	
	.kikan-hero p{
		width:100%;
		font-size:30px;
padding-top:60px;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}
	
.service-kikan{
	color:var(--maincolor);
	background-color:#fff;
	padding:5%;
	margin:20px 10px 20px 0px;
	width:100%;
}

@media (max-width: 800px){
.service-kikan{
	color:var(--maincolor);
	background-color:#fff;
	padding:5%;
	margin:20px 0px;
	border:solid 0px;
	width:100%;
}	
	
}


.service-kikan h2{
	color:var(--maincolor);
}

.service-kikan h3{
	color:#ffa500;
}


.service-kikan-sub{
	margin:3%;
}

.service-kikan-sub h3{
	color:#ffa500;
}

.service-kikan h4{
	color:#ffa500;
}

.service-kikan span{
	display:block;
}

.service-kikan-sub span{
	display:block;
}

.service-kikan-sub li{
	margin:30px 0px;
}

/*--------------------------------------------------------------
##経営計画
--------------------------------------------------------------*/
.keiei-hero{
	display:block;
		background:url(/cms/wp-content/uploads/2023/06/srv_keiei.jpg);
	background-position:top -30px right !important;
	background-size:cover ;
			background-repeat: no-repeat;
	background-size:55%;
		background-position:right;
	padding:0px;
	margin:0px;
	width:100%;
	height:250px;
}


.keiei-hero p{
	display:block;
	background:var(--maincolor);
	color:#fff;
	font-size:30px;
	width:50%;
		height:250px;
 line-height:1.5;
	text-align:center;
padding-top:80px;

}

@media (max-width: 1000px){
	.keiei-hero{
		height:250px;	
		width:100vw;
			margin:0 calc(50% - 50vw);
		background-size:100%;
		background-position:top !important;
		}
	
	.keiei-hero p{
		width:100%;
		font-size:30px;
				height:130px;
padding-top:100px;
		font-weight:600;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}

@media (max-width: 500px){
	.keiei-hero{
		height:150px;
		background-size:100%;
		background-position:top !important;
		}
	
	.keiei-hero p{
		width:100%;
		font-size:30px;
padding-top:60px;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}

/*--------------------------------------------------------------
##医療会計
--------------------------------------------------------------*/

.med-hero{
	display:block;
		background:url(/cms/wp-content/themes/Scaffold-child2/image/srv_igyo.jpg);
	background-position:top -50px right !important;
	background-size:cover ;
			background-repeat: no-repeat;
	background-size:55%;
		background-position:right;
	padding:0px;
	margin:0px;
	width:100%;
	height:250px;
}


.med-hero p{
	display:block;
	background:var(--maincolor);
	color:#fff;
	font-size:30px;
	width:50%;
		height:250px;
 line-height:1.5;
	text-align:center;
padding-top:80px;

}

@media (max-width: 1000px){
	.med-hero{
		height:250px;
		width:100vw;
			margin:0 calc(50% - 50vw);
		background-size:100%;
		background-position:top !important;
		}
	
	.med-hero p{
		width:100%;
		font-size:30px;
				height:130px;
padding-top:100px;
		font-weight:600;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}

@media (max-width: 500px){
	.med-hero{
		height:150px;	
		width:100vw;
			margin:0 calc(50% - 50vw);
		background-size:100%;
		}
	
	.med-hero p{

		width:100%;
		font-size:30px;
padding-top:60px;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}


.schedule-box{
border:solid 2px var(--maincolor);
	border-radius:20px;
	padding:10px;
	max-width:850px;
	width:100%;
	margin-bottom:20px;
	vertical-align:top;
}


.med-no-box{
	background-color:var(--maincolor);
	border-radius:20px;
	width:80px;
	height:80px;
	color:#fff;
	text-align:center;
	display:inline-block;
	
}

.med-st{
display:block;
}

.med-no{
display:block;
	line-height:1;
	font-size:30px;
	
}

.med-con{	
	display:inline-block;
	width:80%;
	vertical-align: top;
	margin-left:2%;
}

.med-title{
display:block;
	color:#ffa500;
	font-size:20px;
	margin:0;
}

.med-text{
display:block;
	width:100%;
	font-size:15px;
	margin-top:15px;
	font-weight:600;
	line-height:1.3;
}

.arrow-box{
	max-width:850px;
	width:100%;
}

.arrow-bottom {
	position:relative;
	top:-15px;
 left:45%;
  display: block;
  width: 20px;
  height: 20px;
 margin-right: 20px;
  border-bottom: 8px solid #ffa500;
  border-right: 8px solid #ffa500;
  transform: rotate(45deg);
}

@media (max-width: 700px){
	
	.schedule-box{
	border-radius:22px;
	padding:0px;
	width:100%;
}
	
	
.med-no-box{
	background-color:var(--maincolor);
	border-radius:20px 20px 0px 0px;
	width:100%;
	height:50px;
	color:#fff;
	display:block;
	padding:10px;
}

	.med-st{
display:inline-block !important;
	vertical-align:middle;
}

.med-no{
display:inline-block !important;
	vertical-align:middle;
	font-size:30px;
	
}
	
	.med-con{	
	display:block;
	width:100%;
	vertical-align: top;
	padding:3%;
		margin:0;
}
	
	.med-title{
display:block;
	color:#ffa500;
	font-size:18px;
	margin-top:10px;
}
	
}

.med-table{
	font-size:12px;
}

.med-table td{
	border:solid 1px var(--maincolor);
	text-align:center;
	padding:5px;
}

.med-table .cap-r,.med-table .cap-l{
	color:#fff;
	background-color:var(--maincolor);
	font-weight:600;
}

.med-table .cap-r{
		border-right:solid 1px;
}

/*--------------------------------------------------------------
## 相続・事業承継・Ｍ&Ａ
--------------------------------------------------------------*/
.ma-hero{
	display:block;
		background:url(/cms/wp-content/themes/Scaffold-child2/image/srv_sozoku.jpg);
	background-position:top -50px right !important;
	background-size:cover ;
			background-repeat: no-repeat;
	background-size:55%;
		background-position:right;
	padding:0px;
	margin:0px;
	width:100%;
	height:250px;
}


.ma-hero p{
	display:block;
	background:var(--maincolor);
	color:#fff;
	font-size:30px;
	width:50%;
		height:250px;
 line-height:1.5;
	text-align:center;
padding-top:80px;

}

@media (max-width: 1000px){
	.ma-hero{
		height:250px;
		width:100vw;
			margin:0 calc(50% - 50vw);
		background-size:100%;
		background-position:top;
		}
	
	.ma-hero p{
		width:100%;
		font-size:30px;
				height:130px;
padding-top:100px;
		font-weight:600;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}

@media (max-width: 500px){
	.ma-hero{
		height:150px;
		background-size:100%;
		width:100vw;
			margin:0 calc(50% - 50vw);
		background-position:top !important;
		}
	
	.ma-hero p{
		width:100%;
		font-size:20px;
padding-top:60px;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}

/*--------------------------------------------------------------
## it化支援
--------------------------------------------------------------*/

.it-hero{
	display:block;
		background:url(/cms/wp-content/themes/Scaffold-child2/image/srv_it.jpg);
	background-position:top -50px right !important;
	background-size:cover ;
			background-repeat: no-repeat;
	background-size:55%;
		background-position:right;
	padding:0px;
	margin:0px;
	width:100%;
	height:250px;
}


.it-hero p{
	display:block;
	background:var(--maincolor);
	color:#fff;
	font-size:30px;
	width:50%;
		height:250px;
 line-height:1.5;
	text-align:center;
padding-top:80px;

}

@media (max-width: 1000px){
	.it-hero{
		height:250px;
		width:100vw;
			margin:0 calc(50% - 50vw);
		background-size:100%;
		background-position:top;

		}
	
	.it-hero p{
		width:100%;
		font-size:30px;
				height:130px;
padding-top:100px;
		font-weight:600;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}

@media (max-width: 500px){
	.it-hero{
		height:150px;
		background-size:100%;
	width:100vw;
	margin:0 calc(50% - 50vw);
		background-position:top !important;
		}
	
	.it-hero p{
		width:100%;
		font-size:20px;
padding-top:60px;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}


/*--------------------------------------------------------------
## 人事労務
--------------------------------------------------------------*/

.jinji-hero{
	display:block;
		background:url(/cms/wp-content/uploads/2023/06/srv_jinji.jpg);
	background-position:top right !important;
	background-size:cover ;
			background-repeat: no-repeat;
	background-size:55%;
		background-position:right;
	padding:0px;
	margin:0px;
	width:100%;
	height:250px;
}


.jinji-hero p{
	display:block;
	background:var(--maincolor);
	color:#fff;
	font-size:30px;
	width:50%;
		height:250px;
 line-height:1.5;
	text-align:center;
padding-top:80px;

}

@media (max-width: 1000px){
	.jinji-hero{
		height:250px;
		
		width:100vw;
			margin:0 calc(50% - 50vw);
		background-size:100%;
		background-position:top;

		}
	
	.jinji-hero p{
		width:100%;
		font-size:30px;
				height:130px;
padding-top:100px;
		font-weight:600;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}

@media (max-width: 500px){
	.jinji-hero{
		height:150px;
		background-size:100%;
		width:100vw;
			margin:0 calc(50% - 50vw);
		background-position:top !important;
		}
	
	.jinji-hero p{
		width:100%;
		font-size:20px;
padding-top:60px;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}

/*--------------------------------------------------------------
## 弁護⼠/司法書⼠先⽣へ
--------------------------------------------------------------*/

.bengo-picture{
	width:100%:
	max-width:500px;
  margin:0px auto;
  display: block;
}

.to-bengo h3{
	line-height:1;
		margin:0;
	margin-bottom:10px;
}
.to-bengo h2{
	line-height:1;
	margin:0;
	margin-bottom:30px;
}

.bengo-hero{
	display:block;
		background:url(/cms/wp-content/uploads/2023/04/zeimuro.png);
	background-position:top -50px right !important;
	background-size:cover ;
			background-repeat: no-repeat;
	background-size:55%;
		background-position:right;
	padding:0px;
	margin:0px;
	width:100%;
	height:250px;
}


.bengo-hero p{
	display:block;
	background:var(--maincolor);
	color:#fff;
	font-size:30px;
	width:50%;
		height:250px;
 line-height:1.5;
	text-align:center;
padding-top:80px;

}

@media (max-width: 1000px){
	.bengo-hero{
		height:250px;
		background-size:100%;
		background-position:top;

		width:100vw;
			margin:0 calc(50% - 50vw);
		}
	
	.bengo-hero p{
		width:100%;
		font-size:30px;
				height:130px;
padding-top:100px;
		font-weight:600;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}

@media (max-width: 500px){
	.bengo-hero{
		height:150px;
		background-size:100%;
		width:100vw;
			margin:0 calc(50% - 50vw);
		background-position:top !important;
		}
	
	.bengo-hero p{
		width:100%;
		font-size:20px;
padding-top:60px;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}

.pts{
	margin-top:40px;
		font-size:25px;
	width:100%;
	text-align:center;
	font-weight:600;
}

/*--------------------------------------------------------------
## 採用情報
--------------------------------------------------------------*/

.saiyo-picture{
	width:100%:
	max-width:500px;
  margin:0px auto;
  display: block;
}

.saiyo h3{
	line-height:1;
		margin:0;
	margin-bottom:10px;
}
.saiyo h2{
	text-align:center;
	line-height:1;
	margin:0;
	margin-bottom:30px;
}

.saiyo-hero{
	display:block;
	background:url(/cms/wp-content/themes/Scaffold-child2/image/img_saiyo.jpg?p=1);
	background-position:top -50px right !important;
	background-size:cover ;
	background-repeat: no-repeat;
	background-size:55%;
	background-position:right;
	padding:0px;
	margin:0px;
	width:100%;
	height:250px;
}


.saiyo-hero p{
	display:block;
	background:var(--maincolor);
	color:#fff;
	font-size:30px;
	width:50%;
	height:250px;
	line-height:1.5;
	text-align:center;
	padding-top:80px;

}

@media (max-width: 1000px){
	.saiyo-hero{
		height:250px;
		width:100vw;
		margin:0 calc(50% - 50vw);
		background-size:100%;
		background-position:top;
		}
	
	.saiyo-hero p{
		width:100%;
		font-size:30px;
		height:130px;
		padding-top:100px;
		font-weight:600;
		background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}

@media (max-width: 500px){
	.saiyo-hero{
		height:150px;
		background-size:100%;
		width:100vw;
		margin:0 calc(50% - 50vw);
		background-position:top !important;
		}
	
	.saiyo-hero p{
		width:100%;
		font-size:20px;
		padding-top:60px;
		background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}


/*--------------------------------------------------------------
## hot line
--------------------------------------------------------------*/

.hotline-hero{
	display:block;
		background:url(/cms/wp-content/uploads/2023/06/img_hotline.jpg);
	background-position:top -50px right !important;
	background-size:cover ;
			background-repeat: no-repeat;
	background-size:55%;
		background-position:right;
	padding:0px;
	margin:0px;
	width:100%;
	height:250px;
}


.hotline-hero p{
	display:block;
	background:var(--maincolor);
	color:#fff;
	font-size:30px;
	width:50%;
		height:250px;
 line-height:1.5;
	text-align:center;
padding-top:80px;

}

@media (max-width: 1000px){
	.hotline-hero{
		height:250px;
		background-size:100%;
		background-position:top;

		}
	
	.hotline-hero p{
		width:100%;
		font-size:30px;
				height:130px;
padding-top:100px;
		font-weight:600;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}

@media (max-width: 500px){
	.hotline-hero{
		height:150px;
		background-size:100%;
		width:100vw;
			margin:0 calc(50% - 50vw);
		background-position:top !important;
		}
	
	.hotline-hero p{
		width:100%;
		font-size:20px;
padding-top:60px;
background-color: transparent;
		text-shadow:5px 5px 3px  var(--maincolor);
	}
}


.hotline-inline{
width: 100%;
	padding:10px 0px;
	border-bottom:solid var(--basecolor);
}


/*--------------------------------------------------------------
## footer
--------------------------------------------------------------*/

.site-footer{
	display:none;
}

#sfwa_footer{
	background-color:var(--maincolor);
	border:solid 0px;
	color:#fff;
	display:block;
	padding-top:20px;
	 width:100%; 
  display:block;
	transition-property:max-width;
	transition-duration:0.5s;
}

.sfwa_grid_three{

}

.sfwa_contained{
}

.sfwa_row{
	
}




#sfwa_footer p{
	padding:0;
	margin:0;
}

.ft-cap{
font-size:13px;
}

.ft-com{
font-size:25px;
	font-weight:600;
	line-height:1.2;
}

.ft-en{
font-size:10px;
}

.ft-ad{
	margin-top:30px !important;
	font-weight:300;
}

.ums-footer-1 img{
	max-width:200px;
margin-bottom:20px;
}

.ums-footer-1 span{
	display:inline-block;
}

.ums-footer-2{
	text-align:left;
}

.ft-menu{
	display:block;
}

.ums-footer-3{
	text-align:right;
	padding-right:20px;
}

.ums-footer-3 img{
	margin-bottom:10px;
	display:block;
	
}

@media (max-width: 900px){

	
	.ums-footer-1,.ums-footer-2,.ums-footer-3{
	text-align:center;
}
.ums-footer-3 img{
	margin:10px auto;
	display:block;
	
}
	

	
}

/*--------------------------------------------------------------
## メールフォーム
--------------------------------------------------------------*/

.contact-page h2{
	font-size:30px;
	width:100%;
	text-align:center;
}

.mail-f{
	border-top:solid 2px var(--basecolor);
	padding-top:20px;
}


.contact-page .tel{
	font-size:40px;
	font-weight:600;
	margin:0;
}

.contact-page p{
	width:100%;
	text-align:center;

}

.contact-table-box td{
padding-bottom:20px;
}

.con-cell-l{
	text-align:right;
	vertical-align:top;
}

.con-cell-x{
	text-align:center;
}


span.hissu{
	color:#f00;
	display:inline-block;
}

.wid{
	width:90%;
}

textarea.wid{
	height:200px;
}

@media (max-width: 900px){
	
	.contact-page h2{
	font-size:20px;
	width:100%;
	text-align:center;
}




.contact-page .tel{
	font-size:25px;
	font-weight:600;
	margin:0;
}
	
	.contact-table-box tr{
	margin-bottom:30px;
}

	
	.contact-table-box td{
	padding:0px !important;
		display:block;
}
	
	.con-cell-r{
margin-bottom:20px;
}
	
	.con-cell-l{
	text-align:left;
}

}


/*--------------------------------------------------------------
## 保護マークの非表示
--------------------------------------------------------------*/

.grecaptcha-badge { visibility: hidden; }

.okunai{
	width:100%;
	margin:0 auto;
}

.okunai .box-okunai{
	float:left;
	width:50%;
	padding:10px;
	margin:0;
}

.okunai .box-okunai img{
		margin:0;
		padding:0;
		max-width:none;
		width:100%;
		height:auto;
}