/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 13 2024 | 03:12:54 */
/* all */
a{
	text-decoration:none;
}
.l-header__center{
	width:205px;
}
h1, h2, h3{
	font-family:"Hiragino Mincho ProN",
	YuMincho,
	serif;
	color:#fff;
}

p{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
ul{
	list-style:none;
}
.p-topArea__body{
	text-shadow: none;
}
.elementor-10 .elementor-element.elementor-element-1f7ec6b .elementor-heading-title, .sub_title p, .elementor-24 .elementor-element.elementor-element-19f9c1a .elementor-heading-title, .elementor-30 .elementor-element.elementor-element-b9f4bde .elementor-heading-title, .elementor-27 .elementor-element.elementor-element-69f47fc .elementor-heading-title{
	font-family:"Hiragino Mincho ProN",
	YuMincho,
	serif;
}

.page-id-10 .p-topArea.-noimg, .page-id-21 .p-topArea.-noimg, .page-id-24 .p-topArea.-noimg, .page-id-30 .p-topArea.-noimg, .page-id-27 .p-topArea.-noimg, .page-id-793 .p-topArea.-noimg{
    display: none;
}


/* top slider */

.sp-mv{
	display:none;
}
.k-mv-slider{
	width:100%;
	margin-top:-75px;
	
}
.home .l-header{
	background:transparent;
	transition: 1s;
	color: #fff;
}
.home .l-header ul.c-gnav li:nth-child(5){
	background:transparent;
}
.home .l-header .c-headLogo__img{
	filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
}


.home .l-header.transform {
	background-color: #fff; /* スクロールしたあとのヘッダー背景色 */
	transition: 0.6s;
	color: #000;
}
.home .l-header.transform ul.c-gnav li:nth-child(5){
	background: linear-gradient(to right, #EC6700, #F6A608);
}
.home .l-header.transform .c-headLogo__img{
	filter:none;
}


@media (min-width: 1000px) {
    .home .l-header{
	background:transparent;
	transition: 1s;
	color: #fff;
}

.home .l-header.transform {
  background-color: #fff; /* スクロールしたあとのヘッダー背景色 */
  transition: 0.6s;
	color: #000;
}
	
}

ul.c-gnav li:nth-child(5) {
	background: linear-gradient(to right, #EC6700, #F6A608);
	color:#fff;
	padding:4px 10px;
	margin-left:10px;

}


/* slider */
.wrap{
	margin: 0 calc(50% - 50vw);
	max-width: 100vw;
	position: relative;
	overflow: hidden;
}
@keyframes zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoom 10s linear 0s 1 normal both;  
}
.slide-text{
	position: absolute;
	bottom: 12%;
	left: 11%;
}
.slide-text h2{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 100px;
	line-height:90px;
	color:#fff;
	margin-bottom:20px;
}
.slide-text h3{
	font-size: 60px;
	color:#EC6700;
	text-align:center;
	background:rgba(255,255,255,0.53);
	width:624px;
}
.slide-img img{
	object-fit: cover;
	height: 100vh;
	width: 100vw;
}

/* slider */



/* top */
.sect02{
	background: linear-gradient(to right, #EC6700, #F6A608);
	border-radius:0 0 0 134px;
	left: -7%;
	padding-top: 80px;
	padding-bottom: 60px;
}
/* toproop */
.loop {
    padding-top: 50px;
	margin-bottom:62px;
}
.loop__box {
    display: flex;
    width: 100vw;
}
.loop__box img {
    width: 100%;
    height: 91px;
}
.loop__box img:first-child {
    animation: loop 50s -25s linear infinite;
}
.loop__box img:last-child {
    animation: loop2 50s linear infinite;
}

@keyframes loop {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}
@keyframes loop2 {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(-200%);
    }
}
/* toproop */

.sub_title p{
	font-size: 90px;
}
.sub_title h1{
	background: linear-gradient(to right, #EC6700, #F6A608);
	text-align: center;
    width: 220px;
    font-size: 24px;
    padding: 10px;
}
.fonts_24h{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:24px;
}
.k_biz-botton::before{
	content: '';/*何も入れない*/
	display: inline-block;
	width: 33px;
    height: 26px;
	background-image: url(../img/Icone_biz-top.png);
	position: relative;
    left: 50px;
    top: 0px;
    z-index: 1;
	transition: 1.0s ;
}
.k_biz-botton:hover::before{
	filter: invert(72%) sepia(26%) saturate(6428%) hue-rotate(1deg) brightness(105%) contrast(102%);
	left: 55px;
}
.k_biz-botton::after{
	content: '';/*何も入れない*/
	display: inline-block;
	width: 87px;/*画像の幅*/
	height: 87px;/*画像の高さ*/
	background: linear-gradient(to right, #EC6700, #F6A608);
	border:1px #EC6700 solid;
	border-radius:50%;
	 position: relative;
    left: -9px;
    top: 28px;
	cursor: pointer;
	transform-origin: right center;
	transition: all 0.4s ease;
}
.k_biz-botton:hover::after{
	background:#fff;
	border:1px #EC6700 solid;
}

.k_maru-botton{
	display: block;
	background: linear-gradient(to bottom, #EC6700, #F6A608);
	width:120px;
	height:120px;
	position: relative;
    top: 51px;
	border:1px #EC6700 solid;
	border-radius:50%;
	transform-origin: right center;
	transition: all 0.4s ease;
	cursor: pointer;
}
.k_maru-botton a{
	width:100%;
	display:inline-block;
}
.k_maru-botton:hover{
	background:transparent;
	transform: scale(1.1);
}
.k_maru-botton::before{
	content: '';/*何も入れない*/
	display: inline-block;
	width: 33px;
    height: 26px;
	background-image: url(../img/k-maru-boton.png);
	position: relative;
    left: 36%;
    top: 42%;
    z-index: 1;
	transition: all 0.4s ease;
}
.k_maru-botton:hover::before{
	filter: invert(72%) sepia(26%) saturate(6428%) hue-rotate(1deg) brightness(105%) contrast(102%);
	left: 41%;
}
.k_bcom{
	position: absolute;
    top: -45px;
    right: 21%;
}
.k_b_rec{
	position: absolute;
    top: -41px;
    right: 20%;
}


/*Business */

.fliow_mack h2::after {
	content: '';/*何も入れない*/
	display: inline-block;
	width: 80px;/*画像の幅*/
	height: 80px;/*画像の高さ*/
	background-image: url(../img/Flow_Icon.png);
	background-size: contain;
    vertical-align: top;
    background-repeat: no-repeat;
    margin-left: 60px;
}

/* Results*/

.results_sub{
	max-width:1360px;	
}

.results_mv{
	margin:60px 0;
	width:100%;
	position: relative;
	left: -20%;
}
.results_mv img{
	max-width:2000px;
}
.results_sect01{
	max-width:1360px;
	margin-bottom: 80px;
}
.results_sect01 h2{
	color: #000000;
    font-size: 45px;
	margin-bottom: 40px;
}
.results_sect01 p{
	width: 60%;
    line-height: 34px;
}
.results_sect02{
	max-width:1360px;
	margin-bottom: 80px;
}
.results_sect02 h2{
	color: #000000;
    font-size: 90px;
}
.results_sect02 h3{
	color: #000000;
	font-size:28px;
	margin-top:-24px;
}
.results_sect03{
	position: relative;
    width: 100%;
    overflow: auto;
}
.nendo_list_box {
	width:980px;
	margin: 0 auto;
    margin-bottom: 80px;
}
.nendo_list_box{
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.nendo{
	padding: 20px 0;
    border-bottom:1px #707070 solid;
    margin-bottom: 40px;
	font-weight:400;
}
.nendo_list_box table{
	border:none;
	width:980px;
}
th.p_tlist01{
	background:#fff;
	color:#000;
	border:none;
	font-weight:400;
	text-align:center;
	padding-bottom: 20px !important;
}
td{
	border:none;
}
.nendo_list_box th, .nendo_list_box tr{
	 border-bottom:1px #707070 solid;
}
.nendo_list_box td{
	padding: 20px !important;
}
td.k_kanse{
	text-align:center;
}






/* company */

.profile01{
	border-top:1px #CBCBCB solid;
	border-bottom:1px #CBCBCB solid;
	padding: 20px 20px;
}
.profile02{
	border-bottom:1px #CBCBCB solid;
	padding: 20px 20px;
}
.history_box{
	margin-bottom:50px;
}
.history_icon p{
	height:32px;
}
.history_icon p::before {
	content: '';/*何も入れない*/
	display: inline-block;
	width: 62px;/*画像の幅*/
	height: 32px;/*画像の高さ*/
	background-image: url(../img/his-icon.png);
	background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right:14px;
} 
.his02 p{
	height:32px;
}
/* footer */
.l-footer{
	background: linear-gradient(to right, #EC6700, #F6A608);
}
.l-footer__widgets.has-columns{
	padding-top: 60px;
}
.k_fotter-left p{
	margin-bottom: 20px;
}
.k_fotter-left a:hover{
	opacity: 0.8;
}
.k_fotter-right{
	display:flex;
	justify-content: end;
}
.ft_kuni-logow{
	width:200px;
	filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);
}
.ft_kuni-snsgow{
	width:61px;
}
.k_fotter-right div{
	width:160px;
}
.k_fotter-right ul{
	padding-left:5px;
}
.k_fotter-right ul li{
	padding-bottom:12px;
}
.k_fotter-right h3{
	margin-bottom:12px;
}
/* footer-contact */
.f_banners {
  display: flex;
	justify-content:center;
	align-items:center;
}
.f_banners .f_banner {
    width: 100%;
	height:600px;
}
.f_banners .f_banner .banner-content {
	color:#fff;
	text-align: center;
}
.f_bg-zoom{
  position: relative; 
  overflow: hidden;
  background: #000;
}
.f_bg-zoom::after{
	position: absolute;
	content: '';
	display: block; 
	width: 100%;
	height: 100%;
	top: 0;
	background:url(../img/contact-f.jpg) no-repeat center center;
	transition: all .8s ease;
	background-size: cover;
}
.f_bg-zoom:hover::after {
	opacity: .5;
	transform: scale(1.05);/*画像の拡大比率（105％）*/
}
.f_bg-zoom .bg-zoom-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);/*中央揃え*/
}
.f_bg-zoom .bg-zoom-content h2{
	font-size:48px;
	color:#fff;
}
.f_bg-zoom .bg-zoom-content h3{
	font-size:90px;
	line-height: 80px;
	color:#fff;
}
.f_bg-zoom .bg-zoom-content h3:after {
	content: '';/*何も入れない*/
	display: inline-block;
	width: 63px;/*画像の幅*/
	height: 26px;/*画像の高さ*/
	background-image: url(../img/Icon-feather-arrow-right.png);
	background-size: contain;
	vertical-align: middle;
	transition: all 0.4s ease;
}
.f_bg-zoom .bg-zoom-content p{
	font-size: 18px;
    line-height: 37px;
    margin-top: 28px;
}



/* contact-form */

.page-id-771 .p-topArea.-noimg, .page-id-770 .p-topArea.-noimg {
    background: #c3c3c3;
}
.page-id-770 h2, .page-id-770 h3{
	color:#000;
}	



/* お問合せフォーム */


.form-wrap{
	width: 100%;
	max-width: 860px;
    margin: 0 auto;
}

.form-wrap dl{
  display: flex;
  /*align-items: center;*/
  margin-top: 30px;
}
.form-wrap dt{
	font-weight: 600;
}

.form-wrap dl dt span{
  background-color: #F08A38;
  width: 80px;
  height: 35px;
  line-height: 35px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  color: #fff;
  margin-right: 44px;
}
.form-wrap dl dt .nini
{
  background-color: #545353;
}
.form-wrap dl dd{
  margin-left: auto;
  width: 60%;
}

.form-wrap p.text-left{
  text-align: left!important;

}

#lp_fw input[type="text"], #lp_fw input[type=email], #lp_fw input[type=tel]{
	border: 1px solid #dedede;
	height:48px;
	width: 100%;
    border-radius: 6px;
}
#lp_fw input[type="textarea"]{
border: 1px solid #dedede;
height:250px;
}
#lp_fw textarea{
	border: 1px solid #dedede;
	height:250px;
	width: 100%;
    border-radius: 6px;

}
.modoru{
  margin: 20px auto;
}
.con_kakunin .modoru{
	width: 90%;
	max-width: 508px;
	border-radius: 32px;
	background-color: #020101;
	color: #fff;
	line-height: 35px;
	margin: 20px auto 0;
	display: block;
	padding: 15px 20px;
	border: 1px solid #000;
	text-align: center;
	transition: all 0.4s ease;
}
.con_kakunin .modoru:hover{
	background: #fff;
	color: #000;
}

#lp_fw input[type="submit"]{
    width: 90%;
	max-width:508px;
    border-radius: 32px;
    background: linear-gradient(to right, #EC6700, #F6A608);
	font-size:26px;
    color: #fff;
    line-height: 35px;
    margin: 0 auto;
    display: block;
    padding: 15px 20px;
    border: 1px #ccc solid;
    margin-top: 40px;
	transition: all 0.4s ease;
}
#lp_fw input[type="submit"]:hover{
	background: linear-gradient(to right, #F6A608, #EC6700);
	color:#fff;
}
#lp_fw input[type=button]{
    width: 90%;
	max-width:508px;
    border-radius: 32px;
    background-color: #020101;
    color: #fff;
    line-height: 35px;
	margin: 0 auto;
    display: block;
    padding: 15px 20px;
    border:1px #000 solid; 
}
#lp_fw input[type=button]:hover{
	background:#fff;
	color:#000;
	transition: all 0.4s ease;
}
#lp_fw .con_kakunin input[type="submit"]{
	    margin-top: 0;
}
.con_kakunin{
	margin-top: 50px;
}
.cons_kakui_nin_box{
	width:100%;
	max-width:880px;
	margin:0 auto;
}
.cons_kakui_nin_box .form-wrap dl{
	border-bottom: 1px #ccc dotted;
    padding-bottom: 20px;
}
.cons_kakui_nin_box .form-wrap dl dd{
	border-left: 1px #ccc dotted;
    padding-left: 10px;
}
.context02{
	text-align: center;
    padding: 20px;
}
.prp{
	max-width:860px;
	border:1px #DDDDDD solid;
	padding:30px;
	height:300px;
	overflow:auto;
	margin: 0 auto;
    margin-top: 50px;
    border-radius: 5px;
	font-size:15px;
}
.prp h3{
	color:#000;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	margin-bottom:30px;
}
.page-id-771 .form-wrap dl{
	border-bottom: 1px #ededed solid;
    padding-bottom: 20px;
}
/* contact-form-end */



.pc_hidden, .sp-ft-botton{
	display:none;
}



@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
}
@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
	.pc-mv{
		display:none;
	}
	.sp-mv, .pc_hidden{
		display:block;
	}
	.sp_hidden{
		display:none;
	}
/* MV */	
	.slide-text{
	position: absolute;
	bottom: 30%;
	left: 3%;
}
.slide-text h2{
	font-size: 32px;
	line-height:36px;
	color:#fff;
	margin-bottom:20px;
}
.slide-text h3{
	font-size:21px;
	line-height:44px;
	color:#EC6700;
	text-align:center;
	background:rgba(255,255,255,0.53);
	width:240px;
}
	
/* END : MV */		
	
	
	.home .l-header.transform .c-iconBtn {
		display:flex;/* スクロールしたあとの表示*/	
}
	
	.c-iconBtn{
		background:#EC6700;
}
	.c-iconBtn__icon{
	color:#fff;
}
	.l-header__center{
		grid-area: left;
		width: 200px;
	}
	.l-header__customBtn, .l-header__drawerBtn, .l-header__searchBt{
		width: 56px;
        height: 56px;
        right: 9px;
	}

/* TOP */ 	
.k_w-text {
    position: absolute;
    top: -689px;
    left: 8%;
    font-size: 25px;
    font-family: "Hiragino Mincho ProN", YuMincho, serif;
    line-height: 47px;
	}
	.k_w_img01 {
    position: absolute;
    top: -508px;
    right: 0%;
    z-index: 1;
    width: 72%;
	}
	.k_w_img02 {
		top: -211px;
		left: 3%;
		z-index: 1;
		width: 54%;
	}
	.k_w_img03 {
		top: -15px;
		left: 26%;
		width: 70%;
	}
	.wave_wrap {
		padding: 700px 0 314px;
	}
		
/* F-contact */
	
	.f_bg-zoom::after {
		background: url(../img/f-contact-BG.jpg) no-repeat center center;
		        background-size: cover;
	}
	.f_bg-zoom .bg-zoom-content h2 {
		font-size: 26px;
	}
	.f_bg-zoom .bg-zoom-content h3 {
    font-size: 42px;
    line-height: 50px;
}
	.f_bg-zoom .bg-zoom-content h3:after{
		width: 38px;
		height: 16px;
	}
	.f_bg-zoom .bg-zoom-content{
		width: 80%;
	}
	.f_bg-zoom .bg-zoom-content p {
		font-size: 15px;
		line-height: 29px;
	}
	.f_banners .f_banner {
		height: 460px;
}
	
/* F-contact */ 
	
	.sect02{
		left:-16px !important;
	}
	.k_biz-botton h3{
		float:right;
	}
	.k_biz-botton h3::after{
		width:60px;
		height:60px;
		left: 4px;
		top: 23px;
		margin-left: 10px;
	}
	.k_biz-botton h3::before{
		left: 187px;
		top: 5px;
		background-size: contain;
		width: 27px;
		height: 21px;
	}
	.k_biz-botton h3:hover::before{
		left: 189px;
	}
	.k_maru-botton{
		width: 70px;
		height: 70px;
		right: -47px;
        top: -59px;
	}
	.k_maru-botton::before{
		background-size: contain;
		width: 28px;
		height: 22px;
		left: 30%;
		top: 34%;
	}
	.k_bcom{
		top: -89px;
		right: 3%;
	}
	.k_b_rec{
		top: -88px;
		right: 3%;
	}
	.loop__box {
		width: 2197px;
	}
	.loop__box img {
		width: 90%;
	}
	.sub_title h1{
		width: 120px;
		font-size: 18px;
	}
	.page-id-27 .sub_title h1{
		width: 146px;
	}
	.fliow_mack h2::after{
		width:65px;
		height:65px;
	}
	.profile01, .profile02 {
		padding: 20px 0px;
	}
	.page-id-24 .sect02{
		padding-bottom: 104px;
	}
	.sub_title p{
		font-size: 34px;
		font-weight:600;
	}
	
	.page-id-793 .sub_title h1{
		padding: 6px 10px;
	}
	.results_mv {
		margin: 36px 0;
        left: -18px;
        width: 110%;
	}
	.results_mv img {
		max-width: 100%;
	}
	.results_sect01 {
		margin-bottom: 47px;
	}
	.results_sect01 p {
		width: 100%;
	}
	.results_sect01 h2 {
		font-size: 26px;
		margin-bottom: 22px;
	}
	.results_sect02 {
		margin-bottom: 0px;
	}
	.results_sect02 h2 {
		font-size: 57px;
	}
	.results_sect02 h3{
		font-size: 26px;
		margin-top: -13px;
	}
	.js-scrollable .scroll-hint-icon{
		top: 20px;
        z-index: 10000;
        left: 10%;
        width: 200px;
        height: 90px;
		background: rgba(0, 0, 0, 0.4);
	}
	.scroll-hint-icon{
		top: 20px;
	}
	.fonts_24h{
		font-size:18px;
	}
	.k_biz-botton::after{
		width:60px;
		height:60px;
	}
	.ppldf .elementor-element .elementor-widget-container{
		float:right;
	}
	.k_biz-botton::before{
		    background-size: contain;
		width: 26px;
		height: 21px;
		left: 36px;
		top: 6px;
	}
	.k_biz-botton:hover::before{
		left: 38px;
}
	.k_biz-botton::after{
		    top: 24px;
	}
	
	
	/* sp-お問合せF-contact */ 
	.l-footer{
		padding-bottom:110px;
	}
	.p-fixBtnWrap{
		bottom: 8%;
	}
	.sp-ft-botton{
		position:fixed;
		bottom:0;
		display:flex;
		z-index:10;
	}
	.sp-ft-botton a{
		flex: 1;
        display: flex;
        height: 48px;
        align-items: center;
        justify-content: center;
		padding: 0 17px;
	}
	.sp-ft-botton a:hover, .sp-ft-botton a:active, .sp-ft-botton a:focus{
		background:#f6dcaf;
	}
	.sp-ft-botton-tell{
		background:#fff;
	}
	
	.sp-ft-botton-contact{
		background:#FFC867;
	}
	
	
	
	/* お問合せフォーム */ 
.form-wrap {
    width: 100%;
}
.form-wrap dl {
    display: block;
  }
.form-wrap dl dt {
    flex: 0 0 100%;
}
.form-wrap dl dd {
    width: 100%;
    margin: 10px 0 0;
}
#lp_fw input[type="submit"] {
    width: 100%;
	font-size: 21px;
  }

#lp_fw input[type=button] {
    width: 100%;
    border-radius:32px;
    background-color: #020101;
    color: #fff;
    line-height: 35px;
    margin: 0;
  }
	.context02{
		padding:20px 0;
	}
	.p-topArea{
		min-height: 140px;
	}
	.page-id-770 .c-postContent h3{
		font-size:18px;
	}
	
	
	
	
	
	
	
}

/* contact-us：入力確認ビュー（グロナビ無し／タイトル帯のみ -noimg 解除時のコントラスト） */
body.page-id-27.kunieda-contact-confirm-noheader #top_title_area.p-topArea {
	background-color: #848484;
}
body.page-id-27.kunieda-contact-confirm-noheader #top_title_area .c-pageTitle__main {
	color: #ffffff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
}
body.page-id-27.kunieda-contact-confirm-noheader #breadcrumb .p-breadcrumb__text.u-color-thin {
	color: rgba(0, 0, 0, 0.82) !important;
}
body.page-id-27.kunieda-contact-confirm-noheader #breadcrumb .p-breadcrumb__text:not(.u-color-thin),
body.page-id-27.kunieda-contact-confirm-noheader #breadcrumb a.p-breadcrumb__text {
	color: #000000;
}
body.page-id-27.kunieda-contact-confirm-noheader #lp_fw .form-wrap dt p,
body.page-id-27.kunieda-contact-confirm-noheader #lp_fw .form-wrap dd p {
	color: #000000;
}