/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 10 2025 | 07:37:05 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

*,*::after,*::before{box-sizing:border-box}:focus-visible{outline-offset:3px}:where(html){-webkit-text-size-adjust:none;text-size-adjust:none}:where(html){line-height:1.5}:where(html){scrollbar-gutter:stable}:where(h1){font-size:2em;margin-block:.67em}:where(abbr[title]){cursor:help;text-decoration-line:underline;text-decoration-style:dotted}@media (forced-colors:active){mark{color:HighlightText;background-color:Highlight}}:where(del,ins,s)::before,:where(del,ins,s)::after{clip-path:inset(100%);clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap;content:"test"}:where(s)::before{content:"stricken text start "}:where(s)::after{content:" stricken text end"}:where(del)::before{content:"deletion start "}:where(del)::after{content:" deletion end"}:where(ins)::before{content:"insertion start "}:where(ins)::after{content:" insertion end"}:where(audio,iframe,img,svg,video){max-block-size:100%;max-inline-size:100%}:where(fieldset){min-inline-size:0}:where(label):has(+:where(textarea,input,select)){display:block}:where(textarea:not([rows])){min-block-size:6em}:where(button,input,select,textarea){font-family:inherit;font-size:inherit}:where([type="search"]){-webkit-appearance:textfield}@supports (-webkit-touch-callout:none){:where([type="search"]){border:1px solid -apple-system-secondary-label;background-color:canvas}}:where([type="tel"],[type="url"],[type="email"],[type="number"]):not(:placeholder-shown){direction:ltr}:where(table){border-collapse:collapse;border:1px solid}:where(th,td){border:1px solid;padding:.25em .5em}:where(dialog)::backdrop{background:oklch(0% 0 0 / .3)}:where(dialog),:where(dialog)::backdrop{opacity:0;transition:opacity 300ms ease-out,display 300ms allow-discrete,overlay 300ms allow-discrete}:where(dialog[open]),:where(dialog[open])::backdrop{opacity:1}@starting-style{:where(dialog[open]),:where(dialog[open])::backdrop{opacity:0}}[hidden]:not([hidden="until-found"]){display:none!important}


html,body,p,a,div,article,section,h1,h2,h3,h4,h5,h6,tabke,tr,th,td,dl,dt,dd,span,u,ul,ol,li{
	font-family: "Noto Sans JP", sans-serif;
	padding:0;
	border:none;
	margin:0;
}


header{
    margin-bottom: 5rem;
}

.h-logo{
    position: absolute;
    left: 5rem;
    top: 5rem;
}
header .pc {
    position: absolute;
    z-index: 2;
    bottom: 17rem;
    width: 45%;
    left: 5%;
}
.bg-video {
    max-width: 70vw;
    margin: 0 0 0 auto;
}
video{
    width: 100%;
    border-radius: 0 0 0 6vw;
}
#c1 {
    width: 100%;
    margin: 0;
    padding: 7rem 0rem 7rem;
    position: relative;
}
#c1::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(http://lifetruebykanau.com/wp-content/uploads/2025/11/About.png) no-repeat center, #F2F2F2;
    transform: skewY(-3deg);
    z-index: -1;
}

.mainSection-title, h2, h3 {
    padding: 0;
    border-top:0px solid #337ab7;
    border-bottom:0px solid #e9e9e9;
}
.subSection-title:after, h3:after {
    border-bottom: 0px solid #337ab7;
}
#c1 h2{
	color:#0065C4;
	font-weight:700;
	font-size:2rem;
}

#c2 {
    width: 100%;
    margin: 0;
    padding: 7rem 0rem 7rem;
    position: relative;
	color:#fff;
}
#c2::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background:#0065C4;
    transform: skewY(3deg);
    z-index: -1;
}


#c2 h2{
	color:#fff;
	font-weight:700;
	font-size:2rem;
	text-align:center;
}
#c2 article{
	margin-top:-10rem;
}
#c2 .container{
    max-width: 1440px;
}
#c2 .order-md-4 img{
    padding-top: 4rem;
}

#c3 {
    text-align: center;
    padding: 5rem 0;
}
#c3 h2{
	color:#0065C4;
	font-weight:700;
	margin-bottom:1rem;
}
#c3 h3{
	font-size:1.25rem;
	font-weight:700;
	margin-top:1rem;
	margin-bottom:1rem;
}

.bg-blue{
    background: #0083FF;
    color: #fff;
}
.bg-black{
    background: #000;
    color: #fff;
}

.inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: calc(100% - 10rem);
}

#f-block h2{
    font-size: 3rem;
    margin-bottom: 1rem;
}
#f-block a {
    display: inline-block;
    font-size: 1.25rem;
    padding: 1rem;
    border: 1px solid #fff;
    border-radius: 1rem;
    margin-top: 1rem;
}
.f-catch{
	text-align:center;
}
.acc1{
	color:#0083FF;
    font-size: 1.25rem;
	font-weight:700;
}
.acc2{
    display: block;
    font-size: 1rem;
}
	.pc{display:block;}
	.sp{display:none;}

@media screen and (max-width: 991px){
.h-logo {
    position: initial;
    text-align: center;
    margin: 1rem auto;
    width: 25%;
}
header .sp{
    margin: 2rem auto;
    width: 80%;
}
.bg-video {
    max-width: 100vw;
    margin: 0;
}
	video {
    width: 100%;
    border-radius: 0;
}
#c1 {
    width: 100%;
    margin: 0;
    padding: 3rem 0rem 2rem;
    position: relative;
}
	#c2 {
    width: 100%;
    margin: 0;
    padding: 7rem 0rem 3rem;
    position: relative;
    color: #fff;
}
	#c3 img{
		margin-top:2rem;
	}
#c2 .order-md-4 img {
    padding-top: 0rem;
}
.inner {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    padding: 2rem;
}
	.sp{display:block;}
	.pc{display:none;}
	footer{text-align:center;}
	footer .text-right{text-align:center !important;}
}