@charset "UTF-8";


/* ===== font Style ===== */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');

#home-contents{position:relative;font-family: 'Noto Sans JP', sans-serif;color:#333;font-size:100%;text-align:left;overflow:hidden;}
#home-contents .serif{font-family: 'Noto Serif JP', serif;}

#home-contents a{color:#333;text-decoration:none;}
#home-contents p{line-height:200%;}
#home-contents p:not(:last-child){margin-bottom:15px;}

#home-contents .br-sp{display:none;}

#home-contents .floating-btn{position:fixed;z-index:100;right:10px;bottom:10px;width:120px;}
#home-contents .floating-btn a{}
#home-contents .floating-btn img{width:100%;height:auto;}

@media screen and (max-width:1440px){}
@media screen and (max-width:1200px){}
@media screen and (max-width:768px){
#home-contents .br-sp{display:block;}
#home-contents .floating-btn{width:100px;}
}


/* ===== #home-header ===== */

#home-header{position:relative;background:url(./img/header-bg.jpg) no-repeat center center;background-size:cover;overflow:hidden;}
#home-header .section-bg{
position:absolute;z-index:1;
left:52%;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
#home-header .section-base{position:relative;z-index:10;max-width:1140px;margin:0px auto;}
#home-header .section-frame{position:relative;padding:120px 60px 90px 60px;}
#home-header .section-main{}
#home-header .section-main .item{}
#home-header .section-main .item-base{}
#home-header .section-main .item-frame{}
#home-header .section-main .item-header{margin-bottom:30px;}
#home-header .section-main .item-header .ads-sub{margin-bottom:30px;color:#0083BE;font-size:150%;font-weight:bold;line-height:100%;}
#home-header .section-main .item-header .ads-sub span{margin-right:5px;padding:5px 10px;background:#0083BE;color:#fff;}
#home-header .section-main .item-header .ads1{margin-bottom:10px;color:#0083BE;font-size:250%;font-weight:bold;line-height:100%;}
#home-header .section-main .item-header .ads2{color:#0083BE;font-size:400%;font-weight:bold;line-height:100%;}
#home-header .section-main .item-header .fee{margin-top:10px;width:430px;padding:5px 10px;background:#000;color:#fff;font-size:200%;font-weight:bold;text-align:center;letter-spacing:0.3em;}
#home-header .section-main .item-main{}
#home-header .section-main .item-main .feature{}
#home-header .section-main .item-main .feature dl{display:table;}
#home-header .section-main .item-main .feature dt{display:table-cell;vertical-align:middle;padding-right:30px;}
#home-header .section-main .item-main .feature dd{display:table-cell;vertical-align:middle;}
#home-header .section-main .item-main .feature .fig{width:160px;}
#home-header .section-main .item-main .feature .fig img{width:100%;height:auto;}
#home-header .section-main .item-main .feature .headline{display:inline-block;position:relative;z-index:10;font-size:200%;font-weight:bold;line-height:150%;}
#home-header .section-main .item-main .feature .headline span{position:relative;z-index:10;}
#home-header .section-main .item-main .feature .headline span::after{display:block;position:absolute;z-index:-1;left:0;bottom:0;content:"";width:100%;height:16px;background:#EFEBCF;}
#home-header .section-main .item-main .feature .headline-sub{margin-top:15px;font-size:150%;font-weight:bold;line-height:150%;}
#home-header .section-main .item-main .feature .headline-sub span{margin-right:5px;padding:3px 10px;border:2px solid #0083BE;color:#0083BE;}
#home-header .section-main .item-main .device{}
#home-header .section-main .item-main .device img{}
#home-header .section-footer{display:inline-block;margin-top:30px;padding:10px 20px;background:#0083BE;color:#fff;text-align:center;}
#home-header .section-footer .patent{display:table;margin:0px auto;}
#home-header .section-footer .patent-label{display:table-cell;vertical-align:middle;padding-right:20px;}
#home-header .section-footer .patent-label span{font-weight:bold;}
#home-header .section-footer .patent-info{display:table-cell;vertical-align:middle;}
#home-header .section-footer .patent-info dl{display:table;margin:0px auto;}
#home-header .section-footer .patent-info dt{display:table-cell;vertical-align:middle;}
#home-header .section-footer .patent-info dd{display:table-cell;vertical-align:middle;}
#home-header .section-footer .patent-info dd a{color:#fff;}
#home-header .section-footer .patent-info span{font-weight:bold;}

#home-header .section-image{display:none;}


@media screen and (max-width:1440px){
#home-header .section-bg{width:960px;}
#home-header .section-bg img{width:100%;height:auto;}
#home-header .section-frame{padding:90px 40px 60px 40px;}
#home-header .section-main .item-header .ads-sub{font-size:125%;}
#home-header .section-main .item-header .ads1{font-size:200%;}
#home-header .section-main .item-header .ads2{font-size:350%;}
#home-header .section-main .item-header .fee{width:370px;}
#home-header .section-main .item-main .feature .headline{font-size:150%;}
#home-header .section-main .item-main .feature .headline-sub{font-size:125%;}
#home-header .section-main .item-main .feature .fig{width:120px;}
#home-header .section-main .item-main .device img{width:240px;height:auto;}
}
@media screen and (max-width:1200px){}
@media screen and (max-width:768px){
#home-header{background:none;}
#home-header .section-bg{display:none;}
#home-header .section-frame{padding:0px;}
#home-header .section-main{display:none;}
#home-header .section-footer{display:block;margin-top:0px;padding:10px 20px;}
#home-header .section-footer .patent{font-size:87.5%;}
#home-header .section-footer .patent{display:block;}
#home-header .section-footer .patent-label{display:block;margin-bottom:2px;padding-right:0px;line-height:100%;}
#home-header .section-footer .patent-info{display:block;}
#home-header .section-image{display:block;}
#home-header .section-image img{display:block;width:100%;height:auto;}
}



/* ===== #home-intro ===== */

#home-intro{}
#home-intro .section-base{max-width:1140px;margin:0px auto;}
#home-intro .section-frame{padding:120px 60px;}
#home-intro .section-header{margin-bottom:60px;text-align:center;}
#home-intro .section-header .ads{color:#0083BE;font-size:250%;font-weight:bold;line-height:150%;}
#home-intro .section-header .ads span{margin-right:5px;padding:5px 10px;background:#0083BE;color:#fff;line-height:100%;}
#home-intro .section-header .ads-sub{margin-top:60px;color:#0083BE;font-size:200%;font-weight:bold;line-height:150%;}
#home-intro .section-header .ads-sub span{position:relative;z-index:10;}
#home-intro .section-header .ads-sub span::after{content:"";position:absolute;z-index:-1;left:0;bottom:-5px;width:100%;height:20px;background:#EFEBCF;}
#home-intro .section-main{text-align:center;}
#home-intro .section-main .item{}
#home-intro .section-main .item-base{}
#home-intro .section-main .item-frame{}
#home-intro .section-main .item-header{margin-bottom:30px;}
#home-intro .section-main .item-header .ads01{font-size:150%;font-weight:bold;line-height:150%;}
#home-intro .section-main .item-header .ads02{font-size:200%;font-weight:bold;line-height:150%;}
#home-intro .section-main .item-main{position:relative;}
#home-intro .section-main .item-main .fig{display:flex;align-items:stretch;justify-content:center;}
#home-intro .section-main .item-main .part{width:480px;}
#home-intro .section-main .item-main .part-base{margin:0px 40px;}
#home-intro .section-main .item-main .part-frame{padding:30px 20px;border-radius:20px;}
#home-intro .section-main .item-main .part-header{margin-bottom:30px;}
#home-intro .section-main .item-main .part-header .label{font-size:250%;font-weight:bold;}
#home-intro .section-main .item-main .part-main{}
#home-intro .section-main .item-main .part-main .cnt{font-size:125%;font-weight:bold;line-height:150%;}
#home-intro .section-main .item-main .part-main .cnt span{font-size:125%;}

#home-intro .section-main .item-main .part:nth-child(1) .part-frame{background:#32B9E8;color:#fff;}
#home-intro .section-main .item-main .part:nth-child(2) .part-frame{background:#83DDFF;}

#home-intro .section-main .item-main .arrow{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%)
}


@media screen and (max-width:1440px){
#home-intro .section-frame{padding:90px 40px;}
#home-intro .section-header{margin-bottom:45px;}
#home-intro .section-header .ads{font-size:200%;}
#home-intro .section-header .ads-sub{margin-top:45px;font-size:150%;}
#home-intro .section-main .item-header .ads01{font-size:125%;}
#home-intro .section-main .item-header .ads02{font-size:150%;}
#home-intro .section-main .item-main .part{width:50%;}
#home-intro .section-main .item-main .part-header .label{font-size:200%;}
#home-intro .section-main .item-main .part-main .cnt{font-size:100%;}
}
@media screen and (max-width:1200px){}
@media screen and (max-width:768px){
#home-intro .section-frame{padding:60px 20px;}
#home-intro .section-header{margin-bottom:30px;}
#home-intro .section-header .ads{font-size:150%;line-height:200%;}
#home-intro .section-header .ads-sub{margin-top:30px;font-size:125%;}

#home-intro .section-main .item-main .fig{display:block;}
#home-intro .section-main .item-main .part{width:100%;}
#home-intro .section-main .item-main .part:not(:last-child){margin-bottom:100px;}
#home-intro .section-main .item-main .part-base{margin:0px;}

#home-intro .section-main .item-main .part-frame{padding:20px;border-radius:10px;}
#home-intro .section-main .item-main .part-header{margin-bottom:10px;}
#home-intro .section-main .item-main .part-header .label{font-size:150%;}
#home-intro .section-main .item-main .arrow img{width:80px;height:auto;transform:rotate(90deg);}
}



/* ===== #home-feature ===== */

#home-feature{}
#home-feature .section-base{max-width:1140px;margin:0px auto;}
#home-feature .section-frame{padding:120px 60px;}
#home-feature .section-header{margin-bottom:60px;text-align:center;}
#home-feature .section-header .label-sub{width:255px;margin:0px auto 15px auto;}
#home-feature .section-header .label-sub img{width:100%;height:auto;}
#home-feature .section-header .label{}
#home-feature .section-header .label img{}
#home-feature .section-main{}

#home-feature .section-main .item{}
#home-feature .section-main .item-base{}
#home-feature .section-main .item-frame{}
#home-feature .section-main .item-main{position:relative;color:#0083BE;text-align:center;}
#home-feature .section-main .item-main .ads-sub{font-size:200%;font-weight:bold;line-height:150%;}
#home-feature .section-main .item-main .ads{font-size:250%;font-weight:bold;line-height:150%;}
#home-feature .section-main .item-main .fig{margin:30px auto 0px auto;}
#home-feature .section-main .item-main .fig img{}
#home-feature .section-main .item-main .device{margin:-30px auto 0px auto;}
#home-feature .section-main .item-main .device img{}
#home-feature .section-main .item-main .image{position:absolute;left:860px;bottom:0;}
#home-feature .section-main .item-sub{margin-top:60px;}
#home-feature .section-main .item-sub .cnt{margin-bottom:30px;}
#home-feature .section-main .item-sub .cnt p{line-height:150%;text-align:justify;}
#home-feature .section-main .item-sub .cnt p:not(:last-child){margin-bottom:15px;}
#home-feature .section-main .item-sub .ads{color:#0083BE;font-size:200%;font-weight:bold;line-height:150%;text-align:center;}

#home-feature .section-main .cnt{line-height:200%;}
#home-feature .section-main .feature{font-size:200%;font-weight:bold;}


@media screen and (max-width:1440px){
#home-feature .section-frame{padding:90px 40px;}
#home-feature .section-main .item-main .ads-sub{font-size:150%;}
#home-feature .section-main .item-main .ads{font-size:200%;}
#home-feature .section-main .item-main .fig{width:240px;}
#home-feature .section-main .item-main .fig img{width:100%;height:auto;}
#home-feature .section-main .item-main .device{width:320px;}
#home-feature .section-main .item-main .device img{width:100%;height:auto;}
#home-feature .section-main .item-main .image{left:75%;width:320px;}
#home-feature .section-main .item-main .image img{width:100%;height:auto;}
#home-feature .section-main .item-sub .ads{font-size:150%;}
#home-feature .section-main .feature{font-size:150%;}
}
@media screen and (max-width:1200px){}
@media screen and (max-width:768px){
#home-feature .section-frame{padding:60px 20px;}
#home-feature .section-header .label-sub{width:180px;margin:0px auto 15px auto;}
#home-feature .section-header .label{width:80%;margin:0px auto;}
#home-feature .section-header .label img{width:100%;height:auto;}
#home-feature .section-main .item-main .ads-sub{font-size:125%;}
#home-feature .section-main .item-main .ads{font-size:150%;}
#home-feature .section-main .item-main .fig{width:180px;}
#home-feature .section-main .item-main .device{width:240px;}
#home-feature .section-main .item-main .image{display:none;}
#home-feature .section-main .item-sub .ads{font-size:125%;}
#home-feature .section-main .feature{font-size:125%;}
}



/* ===== #home-outline ===== */

#home-outline{background:#ECF3FB;}
#home-outline .section-base{max-width:1140px;margin:0px auto;}
#home-outline .section-frame{padding:120px 60px 60px 60px;}
#home-outline .section-header{margin-bottom:60px;text-align:center;}
#home-outline .section-header .ads{color:#0083BE;font-size:250%;font-weight:bold;}
#home-outline .section-header .ads span{}
#home-outline .section-main{}
#home-outline .section-main .item{position:relative;}
#home-outline .section-main .item-base{}
#home-outline .section-main .item-frame{}
#home-outline .section-main .item-main{width:50%;}
#home-outline .section-main .item-main .ads{margin-bottom:15px;color:#0083BE;font-size:200%;font-weight:bold;}
#home-outline .section-main .item-main .cnt{text-align:justify;}
#home-outline .section-main .item-main .list{margin-top:30px;}
#home-outline .section-main .item-main .list ul{}
#home-outline .section-main .item-main .list li{position:relative;margin-left:-25px;padding:5px 0px 5px 45px;font-size:150%;font-weight:bold;line-height:150%;list-style-type:none;}
#home-outline .section-main .item-main .list li span{font-size:125%;}
#home-outline .section-main .item-main .list li::before{content:"";position:absolute;left:0;top:10px;width:30px;height:30px;background:#0083BE;border-radius:50%;}
#home-outline .section-main .item-image{position:absolute;top:50%;transform: translateY(-50%);}

#home-outline01 .item-frame{padding:60px 0px;}
#home-outline01 .item-image{left:60%;}
#home-outline02 .item-frame{padding:90px 0px;}
#home-outline02 .item-main{margin-left:50%;}
#home-outline02 .item-image{right:65%;}
#home-outline03 .item-frame{padding:30px 0px;}
#home-outline03 .item-image{left:60%;}
#home-outline04 .item-frame{padding:30px 0px;}
#home-outline04 .item-image{left:60%;}

#home-outline .section-slide{text-align:center;}
#home-outline .section-slide .item{margin-bottom:0px auto;}
#home-outline .section-slide .item img{border-radius:20px;box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.2);}


@media screen and (max-width:1440px){
#home-outline .section-frame{padding:90px 40px 60px 40px;}
#home-outline .section-header .ads{font-size:200%;}
#home-outline .section-main .item-main .ads{font-size:150%;}
#home-outline .section-main .item-main .list li{padding:5px 0px 5px 30px;font-size:125%;}
#home-outline .section-main .item-main .list li::before{content:"";position:absolute;left:0;top:10px;width:20px;height:20px;background:#0083BE;border-radius:50%;}
}
@media screen and (max-width:1200px){}
@media screen and (max-width:768px){
#home-outline .section-frame{padding:60px 20px 30px 20px;}
#home-outline .section-header .ads{font-size:125%;}
#home-outline .section-header .ads span{font-size:125%;}
#home-outline .section-main .item:not(:last-child){margin-bottom:60px;}
#home-outline .section-main .item-main{width:auto;}
#home-outline .section-main .item-main .ads{font-size:125%;}
#home-outline .section-main .item-image{position:relative;top:unset;transform:unset;margin-top:30px;text-align:center;}

#home-outline01 .item-frame{padding:0px;}
#home-outline01 .item-image{left:unset;width:80%;margin:30px auto 0px auto;}
#home-outline01 .item-image img{width:100%;height:auto;}
#home-outline02 .item-frame{padding:0px;}
#home-outline02 .item-main{margin-left:0px;}
#home-outline02 .item-image{right:unset;width:80%;margin:30px auto 0px auto;}
#home-outline02 .item-image img{width:100%;height:auto;}
#home-outline03 .item-frame{padding:0px;}
#home-outline03 .item-image{left:unset;width:80%;margin:30px auto 0px auto;}
#home-outline03 .item-image img{width:100%;height:auto;}
#home-outline04 .item-frame{padding:0px;}
#home-outline04 .item-image{left:unset;width:80%;margin:30px auto 0px auto;}
#home-outline04 .item-image img{width:100%;height:auto;}
}



/* ===== #home-app01 ===== */

#home-app01{background:#ECF3FB;text-align:center;overflow:hidden;}
#home-app01 .section-base{position:relative;max-width:1140px;margin:0px auto;}
#home-app01 .section-frame{padding:120px 60px;}
#home-app01 .section-main{color:#0083BE;}
#home-app01 .section-main .label{width:255px;margin:0px auto 15px auto;}
#home-app01 .section-main .label img{width:100%;height:auto;}
#home-app01 .section-main .ads{margin-bottom:30px;font-size:150%;font-weight:bold;line-height:150%;}
#home-app01 .section-main .cnt{font-weight:bold;line-height:150%;}
#home-app01 .section-main .btn{display:inline-block;margin-top:30px;}
#home-app01 .section-main .btn a{}
#home-app01 .section-main .btn .btn-label{padding:20px 40px;border-radius:80px;background:#FFBB00;color:#fff;font-size:150%;font-weight:bold;}

#home-app01 .image01{position:absolute;right:-140px;bottom:0px;}
#home-app01 .image02{position:absolute;left:-200px;bottom:-30px;transform:rotate(-45deg);}

@media screen and (max-width:1440px){
#home-app01 .section-frame{padding:90px 40px;}
#home-app01 .section-main .label{width:240px;}
#home-app01 .section-main .ads{font-size:125%;}
#home-app01 .section-main .btn .btn-label{font-size:125%;}
#home-app01 .image01{position:absolute;right:-60px;top:unset;bottom:0;width:240px;}
#home-app01 .image01 img{width:100%;height:auto;}
#home-app01 .image02{position:absolute;left:-140px;top:unset;bottom:0;width:320px;}
#home-app01 .image02 img{width:100%;height:auto;}
}
@media screen and (max-width:1200px){}
@media screen and (max-width:768px){
#home-app01 .section-frame{padding:60px 20px;}
#home-app01 .image01{display:none;}
#home-app01 .image02{display:none;}
}



/* ===== #home-bottom ===== */

#home-bottom{}
#home-bottom .section-base{max-width:1140px;margin:0px auto;}
#home-bottom .section-frame{padding:120px 60px;}
#home-bottom .section-main{text-align:center;color:#0083BE;}
#home-bottom .section-main .ads{position:relative;display:inline-block;margin-bottom:45px;font-size:200%;font-weight:bold;}
#home-bottom .section-main .ads br{display:none;}
#home-bottom .section-main .ads span{font-size:150%;}
#home-bottom .section-main .ads::after{content:"";position:absolute;left:0;bottom:-10px;width:100%;border-bottom:6px dotted #0083BE;}
#home-bottom .section-main .headline1{display:block;margin-bottom:15px;font-size:150%;font-weight:bold;}
#home-bottom .section-main .headline1 span{margin-left:5px;padding:5px 10px;border:2px solid #0083BE;color:#0083BE;}
#home-bottom .section-main .headline2{font-size:200%;font-weight:bold;}
#home-bottom .section-main .headline2 span{position:relative;z-index:10;}
#home-bottom .section-main .headline2 span::after{content:"";position:absolute;z-index:-1;left:0;bottom:-5px;width:100%;height:20px;background:#EFEBCF;}


#home-bottom .section-slide{text-align:center;}
#home-bottom .section-slide .item{margin-bottom:0px auto;}
#home-bottom .swiper-wrapper{transition-timing-function:linear;}

@media screen and (max-width:1440px){
#home-bottom .section-frame{padding:90px 40px;}
#home-bottom .section-main .ads{font-size:150%;}
#home-bottom .section-main .headline1{font-size:125%;}
#home-bottom .section-main .headline2{font-size:150%;}
}
@media screen and (max-width:1200px){}
@media screen and (max-width:768px){
#home-bottom .section-frame{padding:60px 20px;}
#home-bottom .section-main .headline1{font-size:100%;}
#home-bottom .section-main .headline2{font-size:125%;}
#home-bottom .section-main .ads br{display:block;}
}



/* ===== .home-app ===== */

.home-app{}
.home-app .section-base{}
.home-app .section-frame{}
.home-app .section-header{}
.home-app .section-header .item{position:relative;}
.home-app .section-header .item-base{max-width:1140px;margin:0px auto;}
.home-app .section-header .item-frame{padding:120px 60px;}
.home-app .section-header .item-main{text-align:center;}
.home-app .section-header .item-main .ads{position:relative;display:inline-block;margin-bottom:15px;}
.home-app .section-header .item-main .ads .pop{position:absolute;left:-60px;top:-60px;width:86px;}
.home-app .section-header .item-main .ads .pop img{width:100%;height:auto;}
.home-app .section-header .item-main .ads .ads-main{display:inline-block;color:#0083BE;font-size:150%;font-weight:bold;line-height:150%;}
.home-app .section-header .item-main .lp-logo{}
.home-app .section-header .item-image{margin:-300px auto 0px auto;text-align:center;}
.home-app .section-main{margin-top:-60px;background:#0083BE;color:#fff;}
.home-app .section-main .item{}
.home-app .section-main .item-base{max-width:1140px;margin:0px auto;}
.home-app .section-main .item-frame{padding:120px 60px;}
.home-app .section-main .item-main{text-align:center;}
.home-app .section-main .item-main .label-sub{margin-bottom:15px;font-size:150%;font-weight:bold;}
.home-app .section-main .item-main .label{width:255px;margin:0px auto 15px auto;}
.home-app .section-main .item-main .label img{width:100%;height:auto;}
.home-app .section-main .item-main .info{font-weight:bold;line-height:150%;}
.home-app .section-main .item-main .btn{display:inline-block;margin-top:30px;}
.home-app .section-main .item-main .btn a{}
.home-app .section-main .item-main .btn .btn-label{padding:20px 90px;border-radius:80px;background:#FFBB00;color:#fff;font-size:150%;font-weight:bold;}



@media screen and (max-width:1440px){
.home-app .section-header .item-frame{padding:90px 40px;}
.home-app .section-header .item-main .ads .ads-main{font-size:125%;}
.home-app .section-main .item-main .label-sub{font-size:125%;}
.home-app .section-main .item-main .btn .btn-label{font-size:125%;}
.home-app .section-header .item-image{width:95%;margin:-200px auto 0px auto;}
.home-app .section-header .item-image img{width:100%;height:auto;}
}
@media screen and (max-width:1200px){}
@media screen and (max-width:768px){
.home-app .section-header .item-frame{padding:120px 20px 60px 20px;}
.home-app .section-header .item-image{width:70%;margin:-60px auto 0px auto;}
.home-app .section-header .item-main .lp-logo{width:80%;margin:0px auto;}
.home-app .section-header .item-main .lp-logo img{width:100%;height:auto;}
.home-app .section-main .item-main .label{width:180px;}
.home-app .section-main .item-main .btn .btn-label{padding:20px 40px;}
}