/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 15 2025 | 04:35:56 */
p,ul>li,ol>li{
    font-weight: 400;
 }
h1.my-page-title{
    font-size: clamp(27px,6.27vw,50px);
    max-width: none !important;
    width: 100%;
    text-align: center;
    margin-bottom: clamp(10px,3.65vw,50px);
    line-height: 1.25;
 }
 h1.my-page-title.pc-disp{
    display: block !important;
}
  @media screen and (max-width: 1279px) {
    h1.my-page-title.pc-disp{
        display: none !important;
    }
    h1.my-page-title.sp-disp{
        display: block !important;
    }
 }
  @media screen and (min-width: 960px) {
    h1.my-page-title{
        width: calc(100vw - clamp(324px, 24.63vw,400px)) !important;
    }
 }
h2{
    font-size: clamp(41px,4.27vw,50px) !important;
}
h3{
    font-size: clamp(28px,2.91vw,35px) !important;
}
.title_underline::before{
    width: clamp(190px,74.41vw,600px); 
}
.page-outline{
    font-size: clamp(20px,4.18vw,32px) !important;
}
.parent-bussiness{
    font-size: clamp(18px,4.18vw,28px) !important;
    text-align: center;
	margin-top: clamp(10px,3.65vw,50px);
    margin-bottom: 5px !important;
}
@media screen and (max-width: 767px) {
    h2{
        font-size: clamp(25px,5.9vw,39px) !important;
    }
    h3{
        font-size: clamp(20px,5vw,27px) !important;
    }
}
 .company-table table td,
 .company-table table th{
     border: none !important;
     line-height: 1.7em;
 }
 .company-table table th{
     position: relative;
 }
 .company-table table th::before{
     position: absolute;
     top: 50%;
     left:-10px;
     transform: translate(10px , -50%);
     content: "";
     width: 3px;
     height: 1.5em;
     border-left: 3px solid var(--my-footer-gray) !important;
 }
 .company-table table th{
     text-align: left;
 }
 .company-table table{
    font-size: clamp(14px,2.96vw,22px);
 }
.company-font-size{
	font-size: clamp(14px,2.96vw,22px) !important;
}
 .company-title-design {
     position: relative;
	 text-align: left;
 }
 .company-title-design::before{
     position: absolute;
     top: 50%;
     left:-10px;
     transform: translate(10px , -50%);
     content: "";
     width: 3px;
     height: 1.5em;
     border-left: 3px solid var(--my-footer-gray) !important;
 }
.title_underline.drift-short-line::before{
    max-width: clamp(320px,64.12vw,420px);
    width: 90%;
}
.h2-two-line-height{
    height: 2.25em;
}
.h2-two-line-height.h2-line-2-1{
    line-height: 2.25em;
}
 .page-policy h2{
    font-size: clamp(23px,5.43vw,35px) !important;
    margin-bottom: .5rem;
 }
 .page-policy ol li{
    font-size: 18px;
    font-weight: 400;
 }
 .page-policy p{
    font-weight: 400;
 }
.sp-page-start-end-spacer{
	height:0px !important;
}
 @media screen and (max-width: 796px) {
	.sp-page-start-end-spacer{
    	height: calc(50px - clamp(27px,6.27vw,50px)) !important;
	}
 }
.circle-number {
  width: 40px; 
  height: 40px;
  background-color:	#D7B97F; 
  color: var(--my-white);           
  border-radius: 50%;    
  display: flex;
  align-items: center;   
  justify-content: center; 
  font-weight: bold;
  margin: 0 auto;        
}
.announcer-name {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  font-size: 28px;
}
.announcer-romaji{
  font-size: 20px;	
}
.announcer-career{
	gap:0 ;
}
.announcer-detail-opener-1,
.announcer-detail-opener-2,
.announcer-detail-closer-1,
.announcer-detail-closer-2{
	padding-left: 50px;
	padding-right: 50px;
}
.announcer-detail-btn{
	border:solid 1.5px var(--my-color-black);
	width: 100%;
	padding:5px 0;
	border-radius:10px;
	transition:0.8s;
	text-align:center !important;
}
.announcer-detail-btn:hover{
	border:solid 1.5px var(--my-color-black);
	background-color:var(--my-color-black);
	color:var(--my-brown);
}
@media screen and (max-width: 959px) {
	.announcer-detail-opener-1,
	.announcer-detail-opener-2,
	.announcer-detail-closer-1,
	.announcer-detail-closer-2{
		padding-left: 20px;
		padding-right: 20px;
	}
 }
.announcer-detail-1,
.announcer-detail-2 {
    color: var(--my-color-white);
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.5s ease, transform 0.5s ease, color 3s ease, max-height 0.4s ease-in-out;
    max-height: 0;
    overflow: hidden;
}
.announcer-detail-1.open,
.announcer-detail-2.open {
    opacity: 1;
    transform: translateY(0);
    max-height: 10000px;
    color: var(--my-color-black);
    transition: max-height 3s ease-in-out;
}
.truck_sec_link a{
    text-decoration: underline;
}
.slideshow-vertical-center{
	position: relative;
	width: 100%;
	aspect-ratio: 4 / 3 !important;
}
.my-slide {
	opacity: 0;
	transition: opacity 1s ease-in-out;
	position: absolute;
	top: 0;
	left:0;
}
.my-slide img{
	display: block;
	height:100%;
}
.my-slide.active {
    opacity: 1;
	transition: opacity 1s ease-in-out;	
}
.page-policy h2{
    font-family: "Zen Maru Gothic", serif ;
    font-size: clamp(23px,5.43vw,35px) !important;
    margin-bottom: .5rem;
 }
.page-policy ol li{
    font-size: 18px;
    font-weight: 400;
 }
.page-policy p{
    font-weight: 400;
 }