body{
	font-family: "Noto Sans JP",-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif,sans-serif;
    font-size:16px;max-width:1920px;
}
.about_man,.about_man_off{width:500px;}
.light-img,.light-img_off{width: 220px;position: absolute;z-index: 1;margin-top: 553px;left: -62px;}
.p-front__light-switch {position:absolute;z-index:1;margin-top: 679px;}
.light-img{display:block;}
.light-img_off{display:none;}
.about_man{display:block;}
.about_man_off{display:none;}
.about_man__off{display:none;background-color: rgb(0 0 0 / 60%);position: absolute;width: 577px;height: 577;z-index:1;}
.click{margin-left: 20px;position: absolute;margin-top: 15px;transform: rotate(-10deg);font-size: 1.3em;font-weight: bold;}
.shitami__db{display:flex;align-items: center;margin-top:15px;}
.shitami__db p{flex:1;line-height: 1.2em;text-align: right;margin-right: 20px}
.shitami_data{flex:1;font-size:2.5em;}

.p-front__newslist{display:flex;}
.p-front__newslist a{text-decoration:none;}
.news-list{margin-left:20px;width:100%;}
.news-list a{display:block;}
.news-list li {list-style:none;line-height: 2.5em;border-bottom: dotted 2px #000;}
.news-list li:hover {font-weight:bold;padding-left: 15px;}
.news-list > li> a > .fa-angles-right{margin:0px 8px;font-size:1.2em;font-weight:bold;color:#1e95d4}
.news-image img{width:230px;}
.service__flow > p{font-size:1.3em;}

@media screen and (max-width:1280px){
    .light-img,.light-img_off{width: 190px;margin-top: 459px;left: -103px;}
    .p-front__light-switch {margin-top: 555px;}
}
@media screen and (max-width:1180px){
    .light-img,.light-img_off{width: 166px;margin-top: 469px;left: -28px}
    .p-front__light-switch {transform: scale(0.9);}
    .about_man__off{width: 460px;height: 460px;}
}
@media screen and (max-width:960px){
    .light-img,.light-img_off{width: 140px;margin-top: 319px;left: -46px;}
    .p-front__light-switch{margin-top: 403px;transform: scale(0.8);}
    .about_man__off{width: 330px;height: 330px;}
}
@media screen and (max-width:767px){
    .light-img,.light-img_off{width: 120px;margin-top: 242px;left: -47px;}
    .p-front__light-switch{margin-top:306px;transform:scale(0.6);}
    .about_man__off{width: 250px;height: 250px;}
    .shitami_data{font-size:2.0em;}
    .news-image img{width:160px;}
    a.news_linkBtn{font-size:.8em;}
    .shitami__db{margin-top:10px;}
}
@media screen and (max-width:575px){
    .news-image img{position: absolute;right: 0;opacity: .3;z-index: 0;margin-top: -57px;}
    .news-list{margin-left:0px;}
    .news-list a span{display:block;margin-bottom:-15px;}
    .news-list li:hover {padding-left: 0px;}
}
/*light switch -- start*/
.rocker {display: inline-block;position: relative;font-size: 1.2em;font-weight: bold;text-align: center;text-transform: uppercase;color: #888;width: 7em;height: 4em;overflow: hidden;border-bottom: 0.5em solid #eee;}
.rocker-small {font-size: 0.75em;margin: 1em;}
.rocker::before {content: "";position: absolute;top: 0.5em;left: 0;right: 0;bottom: 0;background-color: #999;border: 0.5em solid #eee;border-bottom: 0;}
.rocker input {opacity: 0;width: 0;height: 0;}
.switch-left,.switch-right {cursor: pointer;position: absolute;display: flex;align-items: center;justify-content: center;height: 2.5em;width: 3em;transition: 0.2s;}
.switch-left {height: 2.4em;width: 2.75em;left: 0.85em;bottom: 0.4em;background-color: #ddd;transform: rotate(15deg) skewX(15deg);}
.switch-right {right: 0.5em;bottom: 0;background-color: #000;color: #fff;}
.switch-left::before,.switch-right::before {content: "";position: absolute;width: 0.4em;height: 2.45em;bottom: -0.45em;background-color: #ccc;transform: skewY(-65deg);}
.switch-left::before {left: -0.4em;}
.switch-right::before {right: -0.375em;background-color: transparent;transform: skewY(65deg);}
input:checked + .switch-left {background-color: #1e95d4;color: #fff;bottom: 0px;left: 0.5em;height: 2.5em;width: 3em;transform: rotate(0deg) skewX(0deg);}
input:checked + .switch-left::before {background-color: transparent;width: 3.0833em;}
input:checked + .switch-left + .switch-right {background-color: #ddd;color: #888;bottom: 0.4em;right: 0.8em;height: 2.4em;width: 2.75em;transform: rotate(-15deg) skewX(-15deg);}
input:checked + .switch-left + .switch-right::before {background-color: #ccc;}
input:focus + .switch-left {color: #333;}
input:checked:focus + .switch-left {color: #fff;}
input:focus + .switch-left + .switch-right {color: #fff;}
input:checked:focus + .switch-left + .switch-right {color: #333;}
/*light switch -- end*/

.c-header__logo h1{margin:0;line-height:1;font-size:0}
.c-header__logo h1 img{height:75px;}
.top_image{width:100%;}
.p-front__hero{display:flex;justify-content: center;align-items: center;}
.p-front__hero-message{width:40%;}
.p-front__hero-image{width:60%;}
.p-front__hero-main{font-size:3.4rem;font-weight:700;line-height:1.5;letter-spacing:.05em}
.p-front__hero-sub{font-size: 1.6rem;}
@media screen and (min-width:1280px){
    .p-front__hero{height: 70vh;}
}
@media screen and (max-width:1280px){
    .c-header__logo h1 img{width:auto;height:70px}
    .p-front__hero-message{width:45%;}
    .p-front__hero-image{width:55%;}
    .p-front__hero-main{font-size:3.0rem}
}
@media screen and (max-width:960px){
    .c-header__logo h1 img{height:60px}
    .p-front__hero-message{width:50%;}
    .p-front__hero-image{width:50%;}
    .p-front__hero-main{font-size:2.6rem}
    .p-front__hero-sub{font-size: 1.2rem;}
}
@media screen and (max-width:767px){
    .c-header__logo h1 img{width:237px;height:30px;transition:height .3s .1s,width .3s .1s}
    .c-header__logo a img{width:auto;height:20px}
    .p-front__hero{display:block;margin-top:115px;}
    .p-front__hero-message{width: 85%;margin: 0 auto;}
    .p-front__hero-image{width:85%;margin: 15 auto;}
    .p-front__hero-main{font-size:3.2rem;}
}
@media screen and (max-width:575px){
    .p-front__hero{margin-top:100px;}
    .p-front__hero-main{font-size:2.2rem;}
    .p-front__hero-message{width: 95%;}
    .p-front__hero-image{width:95%;}
}
@media screen and (max-width:470px){
}
@media screen and (max-width:365px){
    .c-header__logo h1 img{height:27px}
    .p-front__hero-main{font-size:2.0rem;}
}

/*service*/
.p-service__heading p{font-size: 1.2em;margin-top: 15px;line-height:2em;}
@media screen and (max-width:1280px){
    /* .service_top_image{margin-left:525px;} */
    .p-service > .p-service__lead p{font-size: 1.3em;}
    .p-service__area > .p-service__area-item {height:130px;width:130px;}
    .c-about-link > .c-about-link__wrap{margin-left:30px;}
    .c-about-link__wrap > .c-about-link__text li{font-size:1.5rem;}
}
@media screen and (max-width:960px){
    .p-service__title h1{font-size: 3.0rem;}
    .p-service__title h2{font-size: 5.0rem;}
    .p-service {padding: 40px 30px 100px;}
    .p-service > .p-service__lead p {font-size: 1.0em;}
    .p-service__lead {margin: 10px 0 10px;}
    .p-front__service-section-label{margin-top:30px;}
    .p-front__service-section-label span{font-size:1.7rem;}
    .p-front__service-section-label {--sevice-label-width: 285px;}
    .p-front__service_content ul{font-size:.9em;}
    .p-service__area > .p-service__area-item {height:100px;width:100px;font-size:1.0em;}
    .p-service__heading h3,.p-service__option h3{font-size:2.2rem;}
    .option__area ul li{font-size:.9em;}
    .c-about-link__image img{width:175px;}
    .c-heading h2{font-size:3.0rem;}
    .service_image01{width:220px;}
    .service__flow > .c-heading > h3{font-size:1.2em;}
    .c-flow {--flow-number-width: 60px;}
    .service__flow > p {font-size: 1.1em;}
    .p-front__service_content img{width:40%;}
}
@media screen and (max-width:767px){
    .p-service__title h1{font-size:2.8rem;}
    .p-service__title h2{font-size:4.0rem;}
    .p-service__title {padding: 90px 0 0px;}
    .p-service {padding: 40px 30px 70px;border: 3px solid #000;}
    .p-front__service_content {padding:30px 5px;}
    .p-front__service_content ul {font-size: .8em;}
    .p-service__heading span{margin-bottom:0;font-size: 1.1em;}
    .p-service__heading h3, .p-service__option h3{font-size:1.6rem;}
    .p-service__area > .p-service__area-item {height: 75px;width: 75px;font-size: .8em;}
    .c-about-link__text+.c-about-link__text {margin: 20px auto 0;}
    .c-about-link > .c-about-link__wrap {margin-left: 15%;}
    .service_image02{width:90%;}
    .service__flow > p{font-size:.9em;padding:10px;}
    .p-service > .p-service__lead p {font-size: .9em;}
    .p-front__service_content ul {flex: 1.5;}
    .p-service__area {gap:5px;}
    .option__area h3 {flex: .5;}
    .option__area ul li {font-size: .8em;}
    .c-flow {--flow-number-width: 50px;margin: 60px 0 60px 190px;}
    .p-service__heading p{font-size: .8em;margin-top: 5px;}
    .service_list__read > .p-service__heading p{font-size: .9em;}

}
@media screen and (max-width:675px){
    .c-flow {--flow-number-width: 45px;margin: 60px 0 60px 150px;}
}
@media screen and (max-width:575px){
    /* .service_top_image{position:unset;margin-top:0;margin-left:0;} */
    .p-service__title h1 {font-size: 1.7rem;}
    .p-service__title h2 {font-size: 3rem;}
    /* .p-service__title {padding: 155px 0 0px;} */
    .p-service {padding: 20px 25px 55px;border: 2px solid #000;}
    .p-service > .p-service__lead p {font-size: .8em;font-weight: 500;}
    .p-front__service-section-label{--sevice-label-width: 150px;margin-top:15px;}
    .p-front__service-section-label span {font-size: 1.4rem;}
    .p-front__service_content {display:block;padding: 10px 5px;text-align: center;}
    .p-front__service_content img{width:80%;margin: 10px auto;}
    .p-service__heading span{font-weight:500;}
    .p-service__heading h3, .p-service__option h3{font-weight:600;font-size:1.5rem;}
    .p-service__hr{margin-bottom: 25px;height:1px;}
    .p-service__area{justify-content:center;}
    .p-service__area > .p-service__area-item {height: 65px;width: 65px;font-size: .7em;}
    .p-service__area-item{padding:1px;}
    .option__area{display:block;}
    .c-about-link__heading h2 {font-size: 1.7rem;margin-left: -20px;margin-right: -20px;}
    .c-about-link__image img{width:160px;}
    .c-about-link > .c-about-link__wrap {margin-left: 5px;}
    .c-about-link__wrap > .c-about-link__text li{margin-top:5px;font-size:1.2rem;}
    .c-about-link__text{margin: 0px -15px 0 -10px;}
    .c-about-link__text+.c-about-link__text{margin: 0px -15px 0 -10px;}
    .c-heading h2 {font-size: 2.2rem;}
    .service_image01{width:150px;}
    .service__flow > .c-heading > h3{font-size:1.0em;}
    .c-flow {--flow-number-width: 45px;margin: 60px 0 60px 50px;}

}
@media screen and (max-width:470px){

}
@media screen and (max-width:365px){
    .c-flow {--flow-number-width: 50px;margin: 60px 0 60px 20px;}
}
.service_top_image{width:345px;}
@media screen and (max-width:960px){
    .service_top_image{
        width:300px;
    }
}
@media screen and (max-width:767px){
    .service_top_image {
        width:240px;
    }
}
@media screen and (max-width:575px){
    .service_top_image{
        width:180px;
    }
}
@media screen and (max-width:365px){
    .service_top_image{
        width:140px;
    }
}

.service_list_top_image{width:450px;}
@media screen and (max-width:960px){
    .service_list_top_image{
        width:380px;
    }
}
@media screen and (max-width:767px){
    .service_list_top_image {
        width:300px;
    }
}
@media screen and (max-width:575px){
    .service_list_top_image{
        width:140px;
    }
}
@media screen and (max-width:365px){
    .service_list_top_image{
        width:130px;
    }
}
/*service end*/

