@font-face{
	font-family:'myfont';
	src: url(http://www.k-nakayama.co.jp/wordpress2/wp-content/themes/technolwordpress/font/NotoSansJP-Light.otf) format("truetype");
	font-display:swap;
}
html{
    scroll-behavior:smooth;
}
body{
    max-width:1920px;
    margin:0;
    color:#000000;
    font-size:20px;
    font-weight:500;
/*    font-family:YuGothic,'Yu Gothic',sans-serif;*/
    font-family:myfont;

}
.top_ga_moji1{
    opacity:0;
    top:21%;
    left:29%;
    position:absolute;font-size:calc((400vw) / 210 + 15px);
}
.top_ga_moji2{
    opacity:0;
    top:29%;
    left:39.5%;
    position:absolute;font-size:calc((400vw) / 210 + 15px);
}
#top_logo_ani{
    animation-name: top_logo_ani;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-delay: 0s;
}
#topimg{
        background-repeat:no-repeat;
        background-size:100%;
        background-image: url("http://www.k-nakayama.co.jp/wordpress2/wp-content/uploads/2024/03/topimage3.jpg");
        background-attachment:fixed;
        width: 100%;
        /*
        animation-name: topimg_ani;
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-delay: 1.3s;
        opacity:0;
        max-height:1080px;
        */
        animation-name: topimg_ani;
        animation-duration: 0.5s;
        animation-fill-mode: both;
        animation-delay: 1.5s;
        opacity:0;
        max-height:1080px;
        position:relative;
}

@keyframes topimg_ani {
    0% {
        opacity: 0;
        }
        
    100% {
        opacity: 1;
      }
    }
@keyframes top_logo_ani {
    0% {
        opacity: 0;
        }
    40% {
        opacity: 1;
        }
    60% {
        opacity: 1;
        }
    100% {
        opacity: 0;
      }
    }

.jigyoumei{
    width:95%;
    border-bottom:2px solid #2185AF;
    border-left: 10px solid #2185AF;
    padding-left:15px;
    padding-bottom:5px;
    font-size:30px;
    font-weight:bold;
    margin:20px 0 30px 0;
	box-sizing:border-box;


}
.jigyoumei2{
    width:95%;
    max-width:1400px;
    border-bottom:2px solid #2185AF;
    border-left: 10px solid #2185AF;
    padding-left:15px;
    padding-bottom:5px;
    font-size:30px;font-weight:bold;
    margin:50px auto 10px auto;
	box-sizing:border-box;
}
.jigyoumei3{
    display:block;
    width:95%;
    max-width:1400px;
    font-size:25px;font-weight:bold;
    margin:50px auto 10px auto;
    text-decoration:none;
    color:#00f;
}
#contact{
	margin-left:40px;font-size:18px;
}

#scroll-to-top-btn{
	position:fixed;
	height:50px;
	width:50px;
	color:#FFF;
	text-align:center;
	font-size:25px;padding:0;
	vertical-align:bottom;
	background-color:#9E9E9E;
	border: none;border-radius: 10%;
	transition-duration: 0.5s;box-shadow: -2px 02px 4px gray;
	right:25px;
	bottom:25px;
	background-color:#707070;
	opacity: 0;
	transform:rotate(-90deg);
}
@media screen and (min-width:1400px){
#scroll-to-top-btn{
	right:calc(50% - 700px);
}
#scroll-to-top-btn_y{
	right:calc(50% - 630px);
}
}
.nakayamakungo{
    position:absolute;top:65%;right:8%;width:35%;opacity:1;vertical-align:top;z-index:10;
}
.news{
    padding:5%;
    font-size:17px;
    margin:0 auto;
    border-radius:20px;
    width:60%;
    box-shadow: 0 0 16px #2185AF;
}
.news:before {
    top: 100%;
    margin-left: -12px;
    border-color: transparent;
    border-top-color: #333;
    border-right-color: #333;
    border-width: 10px;
}


.news3 {
    position: relative;
    padding:5%;
    margin:0 auto;
    border-radius: 15px;
    border: 3px solid #2185AF;
    font-size:17px;
    width:60%;
}

.news3:before,
.news3:after {
    position: absolute;
    right: 220px;
    height: 0;
    width: 0;
    border: solid transparent;
    content: "";
}

.news3:before {
    top: 100%;
    margin-left: 1px;
    border-color: transparent;
    border-top-color: #2185AF;
    border-right-color: #2185AF;
    border-width: 20px;
}

.news3:after {
    top: 99%;
    margin-right: 3px;
    border-color: transparent;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    border-width: 18.5px;
}



.news2{
    overflow-y:scroll;
    height:auto;
    max-height:300px;
    }
.news2::-webkit-scrollbar{
    /*外枠*/
    background:#fff;
    border:1px solid #fff;
    
    border-radius: 20px;
    width: 10px;
    height: 10px;
}
.news2::-webkit-scrollbar-thumb{
    background:#2185AF;
    border-radius: 20px;
    border:1px solid #fff;
}

.res_flex_reverse{
    justify-content:space-between;max-width:1400px;width:95%;margin:50px auto 0 auto;
    flex-direction: row-reverse;
    display:flex;
}
.res_flex{
    justify-content:space-between;max-width:1400px;width:95%;margin:50px auto 0 auto;
    display:flex;
}
.res_flex_center{
    justify-content:center;max-width:1400px;width:95%;margin:50px auto 0 auto;
    display:flex;
}
.res_flex_footer{
    display:flex;
    justify-content:space-between;margin:0 auto 0 auto;max-width:1400px;align-items: center;
    width:100%;
    
}
.more_button{
    display:inline-block;color:#fff;margin-top:20px;padding:15px 30px;border-radius:30px;background:#0a7ddb;text-align:center;font-size:15px;
}
.menu_fixed{
    transition:0.3s;
    backdrop-filter:blur(8px);
    background-color:rgba(255, 255, 255,1);
}
#res_top_logo{
    display:none;
}
#nakayamakun2{
    margin:20px 15% 20px 20px;text-align:right;
}
.service_table_div{
    max-width:1400px;margin:0 auto; width:95%;
}
.service_table td:nth-of-type(1){
    width:20%;background:#eee;padding:10px 20px;
}
.service_table td:nth-of-type(2){
    padding-left:10px;
}
.acc_table_div{
    max-width:1400px;margin:0 auto; width:95%;font-size:15px;
}
.acc_table td:nth-of-type(1){
    width:20%;background:#ddd;padding:10px 10px;
}
.acc_table td:nth-of-type(2){
    padding-left:10px;
}
.acc_table td{
    border-bottom:1px #eee solid;line-height:200%;padding: 15px 0;
}
.recruit_table_div{
    max-width:1400px;margin:0 auto; width:95%;
}
.recruit_table td:nth-of-type(1){
    width:20%;background:#ddd;padding:10px 10px;
 }
.recruit_table td:nth-of-type(2){
    padding-left:10px;
}
.recruit_table td{
    border-bottom:1px #eee solid;line-height:200%;padding: 15px 0;
}
#hanbai_itiran_a{
    display:inline-block;padding:15px 30px;font-size:20px;cursor:pointer;
}
#hanbai_itiran_b{
    display:inline-block;padding:15px 30px;font-size:20px;cursor:pointer;
}
#hanbai_itiran_c{
    display:inline-block;padding:15px 30px;font-size:20px;cursor:pointer;
}
#hanbai_itiran_c_a{
    display:none;padding:15px 30px;font-size:20px;cursor:pointer;
}
#hanbai_itiran_c_b{
    display:none;padding:15px 30px;font-size:20px;cursor:pointer;
}
#hanbai_itiran_c_c{
    display:none;padding:15px 30px;font-size:20px;cursor:pointer;
}
#hanbai_itiran2_a{
    overflow:hidden;
    transition-duration:1s;
}
#hanbai_itiran2_b{
    overflow:hidden;
    transition-duration:1s;
}
#hanbai_itiran2_c{
    overflow:hidden;
    transition-duration:1s;
}

.marufuti{
    position: relative;
    overflow: hidden;
    color:#fff;
    border:2px solid#2185AF;
    padding:10px 30px;
    border-radius:30px;
    display:inline-block;
    text-decoration:none;
    transition: ease .4s;
    background:#2185AF;
    font-size:17px;
}
.marufuti span {
    position: relative;
    z-index: 3;
    color:#fff;
    transition: ease .4s;
}
   
.marufuti:hover span {
    color:#1786B2;
}
   
.marufuti2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background:#fff;
    width: 100%;
    height: 100%;
    border-radius:25px;
    transition: transform .4s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transform: scale(0, 0);
    transform-origin:center;
}
   
.marufuti2:hover:before{
    transform:scale(1, 1);
}
#scroll_line2{
    display:none;
}
#sp_space{
    margin-top:120px;
}
@media screen and (max-width: 1000px) {
	   #sp_space{
        margin-top:80px;
    }
}
@media screen and (max-width: 770px) {
 
    .news{
        width:80%;
        }
    .nakayamakungo{
        top:100%;
    }
    .top_ga_moji1{
        opacity:0;
        top:45%;left:24%;
        position:absolute;font-size:calc((400vw) / 210 + 5px);
    }
    .top_ga_moji2{
        opacity:0;
        top:53%;left:33.5%;
        position:absolute;font-size:calc((400vw) / 210 + 5px);
    }
    .res_flex_reverse{
        display:block;
    }
    .res_flex{
        display:block;
    }
    .res_flex_center{
        display:block;
    }
    #res_top_logo{
        display:block;
    }
    .res_flex_footer{
        display:block;
        width:85%;
    }
    #nakayamakun2{
        margin:30px;text-align:center;
    }
    #scroll_line{
        display:none;
    }
    #scroll_line2{
        display:block;
    }
	#contact{
		
	margin-left:0px;
}

}