@charset "utf-8";



*{

	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
/* font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif; */
font-family: "Lato", "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.7em;
letter-spacing: 0.05em;


}


html{
	scroll-behavior: smooth;
}

a.tel-link{
pointer-events: none;	
	
}


#wrapper{
	width: 100%;
position: relative;
    overflow: hidden;
}
.fixed_wrapper{
margin-top: 195px;
}

/*　　　　　　　　　　　　--ヘッダー--　　　　　　　　　　　　　　　*/
header{
	width: 100%;
	background: rgba(255, 255, 255, 0.95);
	background: #333;
	background-size: cover;
	background-position: 100% 60%;
	z-index: 100;
	top: 0px;
	position: relative;
	/* border-top: 4px solid #d70c18; */
}


#head_inner{
	/* max-width: 1400px; */
	width: 95%;
	margin: 0px auto 0px;
	position: relative;
	padding: 16px 0px 16px;
}

#head_upper01{
	display: flex;
	justify-content: space-between;
/* 	align-items: center; */
}

#header_logo{

z-index: 10;

-webkit-transition: 0.2s ease-in-out;

transition: 0.2s ease-in-out;

width: 33%;

display: flex;

justify-content: space-between;

align-items: center;
}



#header_logo a:nth-child(1){
	display: block;
	line-height: 0;
	position: relative;
	width: 45%;
	transition: 0.2s ease-in-out;
}
#header_logo a:hover{
opacity: 0.7;transition: 0.2s ease-in-out;
}



#header_logo a:nth-child(2){
	display: block;
	line-height: 0;
	position: relative;
	width: 47%;
	/* margin: 8px 0 0; */
	transition: 0.2s ease-in-out;
}






#header_logo img{
	
width: 100%;
}


#head_upper01 .right{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 60%;
}


#head_nav{width: 100%;max-width: 160px;margin: 0px 0px 0 0;}
#head_nav ul{
	display: flex;
	/* justify-content: space-between; */
}
#head_nav ul li{
    margin: 0 0px 0 0;
}

#head_nav ul li a{font-size: 14px;font-weight: bold;}

#head_nav ul li a i{
color: #264381;
}



#head_nav ul li a:hover{
color: #999999;
}




#head_upper01 .tel_area{/* display: flex; */max-width: 490px;width: 100%;}

#head_upper01 .tel_area i{
	color: #264381;
	width: 30px;
	font-size: 48px;
	margin: 0 8px 0 0;
}

#head_upper01 .tel_area ul{display: flex;align-items: center;justify-content: flex-end;}
#head_upper01 .tel_area ul li{
	
}
#head_upper01 .tel_area ul li:nth-child(1){
		font-size: 16px;
		color: #ffffff;
		font-weight: bold;
		line-height: 1;
		margin: 0 16px 0 0;
		max-width: 220px;
		width: 100%;
}
#head_upper01 .tel_area ul li:nth-child(2){
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 0px 0;
	max-width: 190px;
	width: 100%;
	color: #fff;
}

#head_upper01 .tel_area ul li:nth-child(1) a{
    color: #ffffff;
    font-size: 24px;
}




#btn_open_modal{
	background: #ffffff;
	padding: 7px;
	width: 64px;
	display: none;
	text-align: center;
	line-height: 0;
	border: 2px #CCCCCC solid;
}

#btn_open_modal a{
	color: #fff;
}
#btn_open_modal:hover{
opacity: 0.7;
}




#btn_open_modal i{
	color: #CCCCCC;
	font-size: 42px;
}





#modal_area{
	position: absolute;
	z-index: 1;
	background: linear-gradient(180deg,rgba(255, 255, 255, 0.9),rgb(255, 255, 255))!important;
	display: none;
}

.close-modal_area{
  color: #000;
  font-weight: bold;
  display: block;
  position: absolute;
  top: 5%;
  vertical-align: middle;
  bottom: auto;
  left: auto;
  right: 3%;
  height: auto;
  width: 25px;
  font-size: 2em;
  z-index: 1;
  line-height: 0;
      z-index: 9999;
    cursor: pointer;
}


#modal_logo_area{
	width: 100%;
	position: relative;
	display: flex;
	    align-items: center;
}

#modal_logo{
  width: 40%;
  position: relative;
      padding: 2% 0 2% 2%;
}


.modal_bt_tel01{
margin: 0 0 20px;
}
.modal_bt_tel01 a{
	background: #999999;
	    /* transition: 0.5s ease-in-out; */
	    position: relative;
	    padding: 10px;
	    color: #fff;
	    border-radius: 5px;
	    box-shadow: 1px 0px 10px #6b8094;
	    z-index: 0;
	    display: flex;
	    width: 60%;
	    flex-direction: column;
	    margin: 0 auto;
}
.modal_bt_tel01 a i{
	position: absolute;
	top: auto;
	left: 15px;
	bottom: 25%;
	font-size: 7vw;
}

.modal_bt_tel01 a span:nth-of-type(1){
	display: block;
	text-align: center;
	font-size: 3vw;
	padding: 0 0 0 30px;
}
.modal_bt_tel01 a span:nth-of-type(2){
	display: block;
	text-align: center;
	font-size: 4vw;
	padding: 0 0 0 30px;
}




.modal-content{
  padding: 6% 0 0 0;
  position: relative;
  z-index: 0;
}


.modal-content > ul{
  max-width: 1400px;
  margin: 48px auto 48px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.modal-content > ul > li{
  width: 32%;
  margin: 0 2% 32px 0;
}
.modal-content > ul > li:nth-child(3n) {
    margin-right: 0;
}

.modal-content > ul > li > a{
  color: #010101;
  border-bottom: 2px #45669e solid;
  padding: 0 0 8px 0;
  margin: 0 0 8px 0;
  font-size: 18px;
  display: block;
  width: 100%;
  font-weight: bold;
}

.modal-content > ul > li > a:hover {
	color: #264381;
	transition: 0.2s ease-in-out;
}

.modal-content > ul > li > ul{

margin: 0 0 0 8%;

width: auto;
}

.modal-content > ul > li > ul > li{

}

.modal-content > ul > li > ul > li > a{
  color: #010101;
  position: relative;
  z-index: 0;
  font-size: 14px;
  padding: 0px 0px 0% 0;
  display: block;
}

.modal-content > ul > li > a i{margin: 0 2% 0 0;color: #45669e;}



/*モーダルここまで*/




/* スクロール後ヘッダー固定レイアウト *//* スクロール後ヘッダー固定レイアウト *//* スクロール後ヘッダー固定レイアウト */
header.fixed_header{
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  padding: 0px 0 0px;
  /* position: absolute; */
  z-index: 100000;

  position: fixed;
  /* display: flex; */
  flex-direction: row-reverse;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 0px;
  transition: 0.2s ease-in-out;
	    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}



/* スクロール後ヘッダー固定レイアウト ここまで*//* スクロール後ヘッダー固定レイアウト ここまで*//* スクロール後ヘッダー固定レイアウト ここまで*/




/*　　　　　　　　　　　　--ヘッダーここまで　--　　　　　　　　　　　　　　　*/









/*グローバルナビ*/

#globalNavi{
	/* box-shadow: 0px 1px 1px #a29b8c; */
	/* border-bottom: 1px #e2e2e2 solid; */
	/* border-top: 1px #e2e2e2 solid; */
	/* position: absolute; */
	/* left: 0; */
	/* right: 0; */
	/* top: auto; */
	/* margin: 0 auto; */
	/* z-index: 10; */
	/* bottom: 0; */
	margin: 0px auto 0px;
	padding: 0px 0 0;
	width: 95%;
}

#globalNavi ul{
	width: 80%;
	margin: 0 0 28px auto;
	padding: 0;
	display: flex;
}

#globalNavi ul li:first-child{
   
}

#globalNavi ul li{
	flex: 1 1 auto;
	box-sizing: border-box;
	
}
#globalNavi ul li:last-child{

}




#globalNavi ul li a{
	color: #1a1a1a;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	display: block;
	padding: 8px 0 4px;
	margin: 0px 0 0px;
	transition: 0.2s ease-in-out;
	border-right: 1px #3e8fa4 dashed;
	    transition: 0.2s ease-in-out;
}

#globalNavi ul li a i{
	display: block;
	color: #3e8fa4;
	font-size: 36px;
	margin: 0 0 8px 0;
		    transition: 0.2s ease-in-out;
}

#globalNavi ul li:first-child a{
   border-left: 1px #3e8fa4 dashed;
}

#globalNavi ul li a:hover{
    background: #3e8fa4;
    transition: 0.2s ease-in-out;
    color: #ffffff;
}
#globalNavi ul li a:hover i{
	display: block;
	color: #fff;
		transition: 0.2s ease-in-out;
}



/*グローバルナビ*/




















main.top{

}








/*　　　　　　　　　　　　--トップ--　　　　　　　　　　　　　　　*/





/*メイン画像　基本スライダー　背景ベース*/


.mainImage_area01{position: relative;/* overflow: hidden; */}
.mainImage_area01 .catch01 {
	width: 90%;
	margin: 0 auto 0 10%;
	position: absolute;
	left: 0;
	right: 0;
	top: 12%;
	z-index: 1;
	text-shadow: 1px 1px 3px #e10057, 1px 1px 3px #e10057, 1px 1px 3px #e10057, 1px 1px 3px #e10057, 1px 1px 3px #e10057, 1px 1px 3px #e10057, 1px 1px 3px #e10057, 1px 1px 3px #e10057;
	color: #fff;
	/* background: rgba(0, 0, 0, 0.2); */
	font-weight: bold;
	/* transform: perspective(36px) scaleZ(1) rotateY(1deg) rotateZ(1deg); */
	/* padding: 48px; */
	display: flex;
}

.mainImage_area01 .catch01 li{
	
line-height: 1;
}

.mainImage_area01 .catch01 li:nth-child(1){
	line-height: 1;
	margin: 0 64px 0px 0;
	width: 41%;
}
.mainImage_area01 .catch01 li:nth-child(1) div:nth-child(1){
	font-size: 2.4vw;
	line-height: 1;
	margin: 0 0 24px 0;
	padding: 0 0 16px 0;
	transform: perspective(300px) scaleZ(1) rotateY(1deg) rotateZ(-4deg);
	border-bottom: 3px #fff solid;
	box-shadow: 0px 1px 0px #e10057;
}

.mainImage_area01 .catch01 li:nth-child(1) div:nth-child(2){

	margin: 0 0 24px 0;
	transform: perspective(300px) scaleZ(1) rotateY(1deg) rotateZ(-4deg);
}

.mainImage_area01 .catch01 li:nth-child(1) img{
width: 100%;
display: block;
}




.mainImage_area01 .catch01 li:nth-child(2){

line-height: 1;

margin: 64px 0 0px 0;

width: auto;
}

.mainImage_area01 .catch01 li:nth-child(2) div:nth-child(1){
	font-size: 1.8vw;
	margin: 0 0 0px 0;
	transform: perspective(300px) scaleZ(1) rotateY(1deg) rotateZ(-4deg);
}

.mainImage_area01 .catch01 li:nth-child(2) div:nth-child(2){
	font-size: 1.8vw;
	margin: 0 0 0px 0;
	transform: perspective(300px) scaleZ(1) rotateY(1deg) rotateZ(-4deg);
}




.mainImage_area01 .btn01{
	position: absolute;
	top: auto;
	left: 0;
	right: 0%;
	bottom: 12%;
	margin: 0 auto 0 40%;
	z-index: 100;
	width: 60%;
	max-width: 560px;
	transform: perspective(21px) scaleZ(1) rotateY(1deg) rotateZ(0deg);
	box-shadow: 8px 6px 6px #e10057;
	border-bottom: 4px #fff solid;
	border-left: 4px #fff solid;
	border-right: 4px #fff solid;
	border-top: 4px #fff solid;
	-webkit-backface-visibility: hidden;
}



.mainImage_area01 .btn01:hover{transform: perspective(300px) scaleZ(1) rotateY(1deg) rotateZ(-4deg);opacity: 1;}


.mainImage_area01 .btn01 a{font-size: 28px;}
.mainImage_area01 .btn01:hover a{opacity: 1;}


.mainImage_area01 > #bg_mainImage{
	    height: 530px;
	    background: linear-gradient(15deg, #e10057, #c41524);
}




/* ポイント */
.point_block{
	/* display: flex; */
	width: 100%;
	/* background: #eee; */
	margin: 0px 0 0px 0;
	padding: 48px 0;
	position: relative;
	}
	
	.point_block::after{
		content: "";
		position: absolute;
		top: 32%;
		bottom: auto;
		left: -50%;
		right: 0;
		/* border-top: 80px solid #eee; */
		/* border-right: 130px solid transparent; */
		/* border-bottom: 0px solid transparent; */
		/* border-left: 130px solid transparent; */
		display: inline-block;
		margin: 0px auto 0px;
		transform: perspective(300px) scaleZ(1) rotateY(1deg) rotateZ(-4deg);
		width: 200%;
		height: 50%;
		z-index: -1;

		background: #eee;
		box-shadow: 0px 1px 2px #eee;
		}
		
	
	
	.point_block .inner{
		display: flex;
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
		flex-wrap: wrap;
		justify-content: space-between;
		}
	
	.point_block .inner h2{
		width: 100%;
		text-align: center;
		font-size: 64px;
		margin: 0 0 24px 0;
		color: #e10057;
		border-bottom: 1px #d70c18 dashed;
		}
	
		.point_block .inner h2 span{
				font-size: 24px;
				display: block;
				}
	

		.point_block .inner article{width: 100%;display: flex;border: 1px #929292 solid;background: #fff;align-items: center;padding: 16px;margin: 0 0 8px 0;}


		.point_block .inner article figure{line-height: 0;width: 13%;}

		.point_block .inner article figure img{
width: 100%;
		}


.point_block .sente{
	font-weight: bold;
	    font-size: 20px;
	    color: #d70c18;
	    margin: 0px 0 0px 32px;
}



/* ポイント　ここまで */








/* 多言語ブロック */
.solution_block{
	/* display: flex; */
	width: 100%;
	max-width: 960px;
	margin: 48px auto 160px;
	padding: 0px 0;
	position: relative;
	}
	
	

	.solution_block h2{
		width: 100%;
		text-align: center;
		font-size: 64px;
		margin: 0 0 104px 0;
		color: #e10057;
		border-bottom: 1px #d70c18 dashed;
		}
		.solution_block h2 span{
				font-size: 24px;
				display: block;
		}
	
	

	.solution_block ul.inner{
			width: 100%;
		max-width: 960px;
		margin: 0 auto;
			}
		.solution_block ul.inner li{
			width: 100%;
			display: flex;
			justify-content: space-between;
			margin: 150px 0 272px 0;
			position: relative;
			}
	
		.solution_block ul.inner li:nth-child(2){
			margin: 0px 0 220px 0;
			}
	

		.solution_block ul.inner li:nth-child(3){
	
margin: 0px 0 430px 0;
}
	
		.solution_block ul.inner li:nth-child(4){
	
margin: 0 0 0px 0;
}
	




			
			.solution_block ul.inner li figure{
				width: 55%;
				margin: 0px 0 0 0;
				/* transform: perspective(0px) scaleZ(1) rotateY(1deg) rotateZ(-4deg); */
			}
			.solution_block ul.inner li figure::before{
				position: absolute;
				left: -70%;
				bottom: -20%;
				content:"";
				width: 100%;
				background: linear-gradient(290deg, #e10057, #c41524);
				height: 460px;
				z-index: -1;
				transform: perspective(300px) scaleZ(1) rotateY(1deg) rotateZ(-4deg);
				box-shadow: 0 0 1px #e10057;
			}
			.solution_block ul.inner li:nth-child(2n) figure::before{
				position: absolute;
				right: -70%;
				left: auto;
				bottom: 0%;
				content:"";
				width: 100%;
				background: linear-gradient(290deg, #e10057, #c41524);
				/* height: 330px; */
				z-index: -1;
			}			
					
			.solution_block ul.inner li:nth-child(2n) figure{
				width: 55%;
				margin: 0px 0 0px auto;
			}
			
		.solution_block ul.inner li figure img{
	width: 100%;
	border: 2px #777 solid;
	border-radius: 32px;
	box-shadow: 72px 72px 72px rgba(225, 1, 86, 0.23921568627450981);
	}

    .solution_block ul.inner li dl{
	width: 54%;
	/* background: rgba(255, 255, 255, 0.9); */
	padding: 56px 0 0 72px;
	margin: 24px 0 0 0;
	position: absolute;
	top: auto;
	left: auto;
	right: 0%;
	/* box-shadow: 0px 0px 1px #e10057; */
	}

		.solution_block ul.inner li:nth-child(3) dl{
	width: 54%;
	/* background: rgba(255, 255, 255, 0.9); */
	padding: 56px 0 0 72px;
	margin: 24px 0 0 0;
	position: absolute;
	top: auto;
	left: auto;
	right: 0%;
	/* box-shadow: 0px 0px 1px #e10057; */
}
	


    .solution_block ul.inner li dl::after{
    	content: "";
    	height: 380px;
    	width: 240%;
    	background: rgba(255, 255, 255, 0.9);
    	padding: 0px;
    	margin: 0px 0 0 0;
    	position: absolute;
    	top: -15%;
    	left: auto;
    	right: -145%;
    	bottom: auto;
    	box-shadow: 0px 0px 1px #e10057;
    	transform: perspective(300px) scaleZ(1) rotateY(1deg) rotateZ(-4deg);
    	z-index: 0;
 }




    .solution_block ul.inner li:nth-child(1) dl::after{
    	content: "";
    	height: 420px;
    	width: 240%;
    	background: rgba(255, 255, 255, 0.9);
    	padding: 0px;
    	margin: 0px 0 0 0;
    	position: absolute;
    	top: -5%;
    	left: auto;
    	right: -135%;
    	bottom: auto;
    	box-shadow: 0px 0px 1px #e10057;
    	transform: perspective(300px) scaleZ(1) rotateY(1deg) rotateZ(-4deg);
    	z-index: 0;
 }
	


    .solution_block ul.inner li:nth-child(2) dl::after{
    	content: "";
    	width: 240%;
    	background: rgba(255, 255, 255, 0.9);
    	padding: 0px;
    	margin: 0px 0 0 0;
    	position: absolute;
    	top: 0%;
    	left: -142%;
    	right: auto;
    	bottom: auto;
    	box-shadow: 0px 0px 1px #e10057;
    	transform: perspective(300px) scaleZ(1) rotateY(1deg) rotateZ(-4deg);
    	z-index: 0;
    	height: 340px;
 }



    .solution_block ul.inner li:nth-child(3) dl::after{
    	content: "";
    	height: 580px;
    	width: 240%;
    	background: rgba(255, 255, 255, 0.9);
    	padding: 0px;
    	margin: 0px 0 0 0;
    	position: absolute;
    	top: -4%;
    	left: auto;
    	right: -138%;
    	bottom: auto;
    	box-shadow: 0px 0px 1px #e10057;
    	transform: perspective(300px) scaleZ(1) rotateY(1deg) rotateZ(-4deg);
    	z-index: 0;
 }



    .solution_block ul.inner li:nth-child(4) dl::after{
     	content: "";
     	width: 240%;
     	background: rgba(255, 255, 255, 0.9);
     	padding: 0px;
     	margin: 0px 0 0 0;
     	position: absolute;
     	top: 0%;
     	left: -142%;
     	right: auto;
     	bottom: auto;
     	box-shadow: 0px 0px 1px #e10057;
     	transform: perspective(300px) scaleZ(1) rotateY(1deg) rotateZ(-4deg);
     	z-index: 0;
     	height: 350px;
 }




	.solution_block ul.inner li:nth-child(2) dl{left: 0;right: auto;padding: 24px 72px 0 0px;margin: 80px 0 0 0px;}

	.solution_block ul.inner li:nth-child(4) dl{left: 0;right: auto;padding: 24px 72px 0 0px;margin: 88px 0 0 0px;}






	
	.solution_block ul.inner li dt:nth-of-type(1){
	font-weight: bold;
	font-size: 36px;
	margin: 0 0 8px;
	color: #c41524;
	border-bottom: 1px #e10057 solid;
	z-index: 1;
	position: relative;
	}
	.solution_block ul.inner li dt:nth-of-type(2){font-weight: bold;font-size: 24px;margin: 24px 0 8px;z-index: 1;position: relative;}



	.solution_block ul.inner li dd.sente{
	
z-index: 1;
	
position: relative;
	
letter-spacing: -0.02em;
	}
	


	.solution_block ul.inner li dd.price{
	
z-index: 1;
	
position: relative;
	
letter-spacing: -0.02em;
	
margin: 32px 0 0px 0;
	}
	

.solution_block ul.inner li .btn01{
	position: absolute; */
	    top: auto;
	    left: auto;
	    right: 0%;
	    bottom: 0%;
	    margin: 24px auto 0;
	    width: 320px;
	    transform: perspective(300px) scaleZ(1) rotateY(1deg) rotateZ(0deg);
	    z-index: 1;
	    position: relative;
	    box-shadow: 0px 0px 1px #e10057;
	}

.solution_block ul.inner li .btn01:hover {
    transform: perspective(25px) scaleZ(1) rotateY(1deg) rotateZ(-4deg);
    opacity: 1!important;
}


.solution_block ul.inner li:nth-child(2n) .btn01{
	
/* position: absolute; */
	
/* top: auto; */
	
/* left: 0; */
	
/* right: auto; */
	
/* bottom: 0%; */
	
/* margin: 0 auto; */
	
/* z-index: 100; */
	
/* width: 380px; */
	
/* transform: perspective(0px) scaleZ(1) rotateY(1deg) rotateZ(-4deg); */
	}


.solution_block ul.inner li:nth-child(2n) .btn01:hover {
    transform: perspective(25px) scaleZ(1) rotateY(1deg) rotateZ(-4deg);
    opacity: 1!important;
}


.solution_block ul.inner li .btn01 a{
	opacity: 1!important;
	font-size: 16px;
	padding: 8px;
	}








	
	.solution_block ul.inner li.btn01{
	/* position: absolute; */
	top: auto;
	left: 12%;
	right: 0%;
	bottom: -12%;
	margin: 144px auto 0;
	width: 80%;
	transform: perspective(25px) scaleZ(1) rotateY(1deg) rotateZ(-4deg);
	z-index: 1;
	box-shadow: 0 0 1px #ffffff;
	}
	
	.solution_block ul.inner li.btn01:hover {
		transform: perspective(300px) scaleZ(1) rotateY(1deg) rotateZ(-4deg);
		opacity: 1!important;
	}
	
	
	.solution_block ul.inner li:nth-child(2n).btn01{
	
	/* position: absolute; */
	
	/* top: auto; */
	
	/* left: 0; */
	
	/* right: auto; */
	
	/* bottom: 0%; */
	
	/* margin: 0 auto; */
	
	/* z-index: 100; */
	
	/* width: 380px; */
	
	/* transform: perspective(0px) scaleZ(1) rotateY(1deg) rotateZ(-4deg); */
	}
	
	
	.solution_block ul.inner li:nth-child(2n).btn01:hover {
		transform: perspective(25px) scaleZ(1) rotateY(1deg) rotateZ(-4deg);
		opacity: 1!important;
	}
		
	
	.solution_block ul.inner li.btn01 a{
	opacity: 1!important;
	font-size: 32px;
	padding: 24px;
	box-shadow: 0 0 1px #e10057;
	border: none;
	}
	
	
	.solution_block ul.inner li dd div:nth-child(1){
	
letter-spacing: -0.01em;
	}
	.solution_block ul.inner li dd div:nth-child(2){
	
letter-spacing: -0.02em;
	}

	.solution_block ul.inner li dd div:nth-child(3){
	
letter-spacing: -0.02em;
	}
	.solution_block ul.inner li dd div:nth-child(2) span{
	
color: #e10057;
	
font-weight: bold;
	
font-size: 24px;
	}



/* ポイント　ここまで */






/*導入実績 */
.results_block{
	
/* max-width: 960px; */
	
width: 100%;
	
margin: 0 auto 80px;
	
display: flex;
	
flex-wrap: wrap;
}

.results_block h2 {
    width: 100%;
    max-width: 960px;
    text-align: center;
    font-size: 64px;
    margin: 0 auto 56px;
    color: #e10057;
    border-bottom: 1px #d70c18 dashed;
}
.results_block h2 span{
    font-size: 24px;
  				display: block;
}

.results_block h3{font-size: 32px;font-weight: normal;margin: 0 0 16px;}


.results_block .inner{
	width: 100%;
	max-width: 960px;
	margin: 0 auto 56px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	height: 750px;
}
.results_block figure:nth-child(1){
	width: 34%;
	position: absolute;
	top:10%;
	transform: rotate(-10deg);
}
.results_block figure:nth-child(2){
	width: 29%;
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	z-index: -1;
	margin: 0 auto;
}
.results_block figure:nth-child(3){
	width: 25%;
	position: absolute;
	top:0;
	left: auto;
	transform: rotate(10deg);
	right: 5%;
}
.results_block figure:nth-child(4){
	width: 23%;
	position: absolute;
	top: auto;
	bottom: 0%;
	left: 25%;
	right: auto;
	z-index: -1;
}
.results_block figure:nth-child(5){
	width: 22%;
	position: absolute;
	bottom: 9%;
	top: auto;
	left: auto;
	right: 26%;
	transform: rotate(5deg);
}
.results_block figure:nth-child(6){
	width: 22%;
	position: absolute;
	top: auto;
	left: auto;
	bottom: 0;
	transform: rotate(19deg);
	right: 5%;
}





.results_block figure img{
	width: 100%;
	display: block;
	margin: 0 0 16px;
	/* border: 1px #e10057 solid; */
	box-shadow: 1px 0px 8px #b3b3b3;
	}
.results_block figure figcaption:nth-of-type(1){

font-weight: bold;
}
	.results_block figure figcaption:nth-of-type(2){
		
font-size: 12px;
		
-moz-user-select: all;
		
-webkit-user-select: all;
		
-ms-user-select: all;
		
user-select: all;
		
margin: 0 0 16px;
}

.results_block figure figcaption:nth-of-type(3){

}
.results_block figure figcaption:nth-of-type(3) div:nth-child(1){
	
font-size: 14px;
	
font-weight: bold;
	
border: 1px #e10057 solid;
	
color: #e10057;
	
padding: 4px 8px;
	
margin: 0 0 8px 0;
}
.results_block figure figcaption:nth-of-type(3) div:nth-child(2){
	
font-size: 14px;
	
font-weight: bold;
	
text-align: left;
}


.results_block > ul{
	width: 100%;
	max-width: 960px;
	margin: 0 auto 56px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.results_block > ul li{
		width: 100%;
	max-width: 445px;
	margin: 0 auto 0px;
	}





/* デモサイト */
.demosite_block{
	
/* max-width: 960px; */
	
width: 100%;
	
margin: 0 auto 80px;
	
display: flex;
	
flex-wrap: wrap;
}

.demosite_block h2 {
    width: 100%;
    max-width: 960px;
    text-align: center;
    font-size: 64px;
    margin: 0 auto 56px;
    color: #e10057;
    border-bottom: 1px #d70c18 dashed;
}
.demosite_block h2 span{
    font-size: 24px;
  				display: block;
}



.demosite_block h3{font-size: 32px;font-weight: normal;margin: 0 0 16px;}

/* 管理画面 */
.demosite_block .kanri{
	
width: 50%;
	
background: #f1f1f1;
	
padding: 56px 0;
}
.demosite_block .kanri figure{
		width: 90%;
		max-width: 445px;
		margin: 0 5% 24px auto;
}
.demosite_block .kanri figure img{
	
border: 16px #333 solid;
	
border-radius: 40px;
	
width: 100%;
}
.demosite_block .kanri .sente{
	
width: 90%;
	
max-width: 445px;
	
margin: 0 5% 0 auto;
}
.demosite_block .kanri .sente p{
	
margin: 0 0 16px;
	
letter-spacing: -0.02em;
}

.demosite_block .kanri .sente ul{
	
	
}
.demosite_block .kanri .sente ul li{
	
margin: 0 0 0px 0;
}

.demosite_block .kanri .sente ul li:nth-child(2){
	
margin: 0 0 13px 0;
}

.demosite_block .kanri .sente ul li a{
	border: 1px #333 solid;
	background: #fff;
	padding: 16px;
	display: block;
	width: 100%;
	min-width: 280px;
	text-align: center;
	transition: 0.2s ease-in-out;
	margin: 0 auto;
}

.demosite_block .kanri .sente ul li a:hover{
	border: 1px #333 solid;
	background: #333;
	color: #fff;
transition: 0.2s ease-in-out;
}



/* フロント */

.demosite_block .front{
	
width: 50%;
	
background: #ffe8ed;
	
padding: 57px 0;
}
.demosite_block .front figure{
	width: 90%;
	max-width: 445px;
	margin: 0 auto 24px 5%;
}
.demosite_block .front figure img{
	
border: 16px #333 solid;
	
border-radius: 40px;
	
width: 100%;
}
.demosite_block .front .sente{
		
width: 90%;
		
margin: 0 auto 0 5%;
		
max-width: 445px;
}
.demosite_block .front .sente p{
	
margin: 0 0 51px;
	
letter-spacing: -0.02em;
}

.demosite_block .front .sente ul{
	
	
}
.demosite_block .front .sente ul li{
	margin: 0 0 24px 0;
}

.demosite_block .front .sente ul li:last-child{
	margin: 0 0 0px 0;
}


.demosite_block .front .sente ul li a{
	border: 1px #333 solid;
	background: #fff;
	padding:16px;
	display: block;
	width: 70%;
	text-align: center;
	transition: 0.2s ease-in-out;
	margin: 0 auto;
}

.demosite_block .front .sente ul li a:hover{
	border: 1px #333 solid;
	background: #333;
	color: #fff;
transition: 0.2s ease-in-out;
}




/* 会社概要 */
#about_us{
	
	
}
#about_us h2 {
    width: 100%;
    text-align: center;
    font-size: 64px;
    margin: 0 0 56px 0;
    color: #e10057;
    border-bottom: 1px #d70c18 dashed;
}
#about_us h2 span{
    font-size: 24px;
				display: block;
}


#about_us .inner{display: flex;width: 100%;max-width: 960px;margin: 0 auto 88px;flex-wrap: wrap;justify-content: space-between;}



#about_us dl.table{
	
width: 100%;
	
/* border: 1px #d70c18 solid; */
	
/* padding: 4%; */
}

#about_us dl.table dt{
	color: #c41524;
	font-weight: bold;
	font-size: 24px;
}
#about_us dl.table dd{
	
margin: 8px 0 24px 0;
}


#about_us dl.table dd iframe{
	
width: 100%;
	
height: 340px;
}

#about_us dl.table dd.btn01{
	margin: 0 auto 0px auto;
	    max-width: 445px;
	    width: 90%;
}






/*　　　　　　　　　　　　--トップここまで--　　　　　　　　　　　　　　　*/

/* ボタン共通 */

.btn01 {
    display: block;
    width: 270px;
    margin: 0;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
		    margin: 0 auto;
}
.btn01 a {
	width: 100%;
	color: #ffffff;
	background: linear-gradient(190deg, #e10057, #c41524);
	/* border: 3px #fff solid; */
	display: block;
	margin: 0px 0;
	padding: 16px 16px;
	text-align: center;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	font-weight: bold;
	font-size: 16px;
	-webkit-backface-visibility: hidden;
	}
.btn01 a i{
margin: 0 8px 0 0;

}
.btn01:hover a{
    transition: 0.2s ease-in-out;
    opacity: 0.5;
}



.btn02 {
    display: block;
    width: 360px;
    margin: 0;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    margin: 0 auto;
}
.btn02 a {
      width: 100%;
      color: #ffffff;
      background: #333;
      display: block;
      padding: 16px 32px;
      text-align: center;
      -webkit-transition: 0.5s ease-in-out;
      transition: 0.5s ease-in-out;
      font-weight: bold;
      font-size: 16px;
      border-radius: 32px;
}
.btn02 a i{
  color: #fff;
  margin: 0 8px 0 8px;
}
.btn02:hover a{
    background: #999999;
    color: #fff;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}



input.btn01 {
    display: block;
    width: 270px;
    color: #fff;
    background: #999999;
    font-size: 16px;
    padding: 8px 0px;
    border: solid 1px #fff;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}
input.btn01:hover {

    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    background: #fff;
    color: #999999;
    border: 1px #999999 solid;
}


/* ボタン共通 ここまで*/






/* フッター上コンテンツ */



/* フッター上 */
#ft_ct_box {
	width: 100%;
	    background: linear-gradient(90deg, #e10057,#d9201c, #c41524);
	    background-repeat: no-repeat;
	    background-position: center center;
	    position: relative;
	    background-size: cover;
	    margin: 96px 0 0 0;
}
#ft_ct_box .inner {
	width: 100%;
	max-width: 1024px;
	margin: 0px auto;
	padding: 24px 0 24px;
	position: relative;
	z-index: 1;
}
#ft_ct_box .inner ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	/* justify-content: space-between; */
	margin: 24px 0 32px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
}
#ft_ct_box .inner ul li {
  width: 100%;
  margin: 0 auto;
}

.tel-unit {
	border: solid 1px #e10057;
	padding: 16px;
	background: rgba(255, 255, 255, 0.8);
	display: -webkit-box;
	display: -ms-flexbox;
	/* display: flex; */
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	/* flex-direction: column; */
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 16px;
	width: 100%;
}
#ft_ct_box .inner h4 {
	font-size: 24px;
	line-height: 1.3em;
	font-weight: bold;
	text-shadow: 1px 1px 1px #e10057, 1px 1px 2px #e10057, 1px 1px 2px #e10057, 1px 1px 2px #e10057;
	text-align: center;
	color: #fff;
}
#ft_ct_box .inner h4 br {
	line-height: 1em;
}
#ft_ct_box .inner h5 {
	font-size: 24px;
	font-weight: bold;
	margin: 0 0px 8px 0;
}
#ft_ct_box .inner h5::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 20px;
	background: #e10057;
	position: relative;
	top: 4px;
	margin-right: 6px;
}
#ft_ct_box .inner p {
	font-size: 32px;
	margin: 0 0 16px 0;
	font-weight: bold;
}

#ft_ct_box .inner p a{
	color: #000;
}

#ft_ct_box .inner p a.tel-link {
    color: #111;
pointer-events: none;
}

#ft_ct_box .btn01{
    display: block;
    width: 560px;
    margin: 0 auto;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    position: relative;
}
#ft_ct_box .btn01 a{
  font-size: 24px;
  border: solid 1px #333;
  background: #333;
  padding: 8px 0 8px;
  box-shadow: none;
}

#ft_ct_box .btn01 a:hover{
	
color: #333;
	
background: #ffffff;
	
border: solid 1px #333;
	
opacity: 1;
}




canvas.particles-js-canvas-el{
	position: absolute;
	z-index: 0;
	height: auto!important;
	top: 0;
}














/*フッター*/
footer{
  width: 100%;
  margin: 0px 0 0px 0!important;
  position: relative;
  /* background: #505050; */
}






footer > .inner{
  width: 90%;
  max-width: 1400px;
  margin: 0px auto 0px!important;
  position: relative;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0px 0 0px;
}


#page-top {
	position: fixed;
	bottom: 10px;
	right: 24px;
	z-index: 100000;
}

#page-top a {
	text-decoration: none;
	    width: 100%;
	    text-align: center;
	    display: block;
	    color: #ffffff;
	    background-color: #e10057;
	    padding: 12px 8px;
	    font-size: 14px;
	    /* border: 1px #fff solid; */
	    -webkit-transition: 0.5s ease-in-out;
	    transition: 0.5s ease-in-out;
			line-height: 0;
}


#page-top a:hover{
	text-decoration: none;
	text-align: center;
	display: block;
	color: #ffffff;
	/* border:  1px #333333 solid; */
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
	opacity: 0.5;
}

#page-top a i{
	font-size: 40px;
}



#footer_bottom{
	background: #333;
	margin: 0 auto;
	width: 100%;
	padding: 8px 0;
}


#footer_bottom #copyright{
	font-size: 12px;
	text-align: center;
	width: 100%;
	color: #fff;
	margin: 0 auto;
}

/*フッターここまで*/




/* 改行調整 pc表示では消 */
br.pc_none{
	display: none;
}








		/*ページネイション*/
		.pagination {
			margin: 24px auto 64px;
			/*width: 1400px;*/
			width: 100%;
			padding: 0px 0;
		}
		.pagination_inner {
		    display: flex;
						justify-content: center;
		}
		.pagination_inner li {
		    margin: 0 8px 0 0;
		}
		.pagination_inner li:last-child{
				margin-right: 0;
		}

		.pagination_inner li a {
		    color: #fff;
		    background: #6e6e6e;
		    display: block;
		    padding: 5px 15px 5px 15px;
		    font-size: 16px;
		    transition: 0.3s ease-in-out;
		}


		.pagination_inner li:hover a{
		    background: #3e8fa4;
				transition: 0.3s ease-in-out;
		}


		.pagination_inner li a.pagination_on{
		    background: #3e8fa4;
		}


		/*ページネイション　ここまで*/
		
		
/* オブジェクトフィット */
.ofi_cover{
	object-fit: cover;
font-family: 'object-fit: cover;';
	}
/* オブジェクトフィット ここまで*/



/* 印刷用設定 */
@media print{

	#wrapper{
	    overflow: auto;
	}
	
	
	
	
	
}
/* 印刷用設定ここまで */