@charset "UTF-8";

#main_area._top{
/*	overflow-y: clip;*/
}

/*---	firstview	---------------------------*/
.firstview{
	width:100%;
	min-width:var(--fullsize);
/*	height:calc(100vh - 67px);*/
/*	height:100vh;*/
	height:calc(100vh - 70px);
	padding-top:67px;
/*	background:#cfcfcf;*/
	position:relative;
	overflow:hidden;
}

.firstview #story_line,.firstview .first_slide{
	position:absolute;
	top:0;
	left:0;
	width:100%;	height:100%;
}

.firstview #story_line .story_area{
	width:100%;
	height:100%;
}
.firstview #story_line .story_area .pc_swiper_wrapper,
.firstview #story_line .story_area .sp_swiper_wrapper{
	width:100%;	height:100%;
}
.firstview #story_line .story_ul_ou{
	width:100%;
	height:100%;
	overflow: visible;
/*	overflow-x: clip;*/
overflow-x: hidden;
	background: #ffffff;
}.firstview #story_line .story_ul_ou.end{
	transition: background 1.2s;
	transition-delay: 2s;
	background:unset;
}
.firstview #story_line .story_ul_ou.end svg{
	transition: 1.2s;
	transition-delay: 2s;
	opacity:0;
	pointer-events: none;
}

.firstview #story_line .story_li{
	width:100%;
	height:100%;
}


.firstview #story_line svg{
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.firstview #story_line svg{
	height:unset;
    position: absolute;
    bottom: 0;
}

/*story内のSVG制御*/
.firstview #story_line svg path,
.firstview #story_line svg line,
.firstview #story_line svg polyline{
	stroke-width:1.5px;
	vector-effect: non-scaling-stroke;
	stroke-linecap: round;
	stroke-linejoin: round;
    stroke: #231815;
    fill: none;
}
.firstview #story_line svg polyline{
	fill:none;
}
.firstview #story_line svg path.main_stream{
	transition: stroke-dashoffset 2.9s linear, opacity 0.5s;
	transition-delay:0.3s;
	stroke-dasharray: 680%;	stroke-dashoffset: -680%;
}
.firstview #story_line .li1 svg path.main_stream{	transition-delay:0.3s;	stroke: transparent;	}
.firstview #story_line .li2 svg path.main_stream{	transition-delay:0.3s;	}


/*
pc
li1:6199.8955078125
li2:5992.10400390625
li3:3861.90380859375
li4:3896.23828125
li5:3716.34521484375
li6:4938.60546875


sp
長さ:6476.90478515625
長さ:9149.154296875
長さ:5094.080078125
長さ:2860.419677734375
長さ:3691.815185546875
長さ:5411.59130859375
*/
.firstview #story_line .li1 svg path.main_stream{	stroke-dasharray: 7700px;	stroke-dashoffset: 7700px;	}
.firstview #story_line .li2 svg path.main_stream{	stroke-dasharray: 7500px;	stroke-dashoffset: 7500px;	}
.firstview #story_line .li3 svg path.main_stream{	stroke-dasharray: 5900px;	stroke-dashoffset: 5900px;	}
.firstview #story_line .li4 svg path.main_stream{	stroke-dasharray: 5900px;	stroke-dashoffset: 5900px;	}
.firstview #story_line .li5 svg path.main_stream{	stroke-dasharray: 5800px;	stroke-dashoffset: 5800px;	}
.firstview #story_line .li6 svg path.main_stream{	stroke-dasharray: 6500px;	stroke-dashoffset: 6500px;	}

@media (max-width: 640px){
	.firstview #story_line svg path.main_stream{
		transition: 2.4s linear;
		transition-delay:0.5s;
	}
	.firstview #story_line .li1 svg path.main_stream{	stroke-dasharray: 4000px;	stroke-dashoffset: 4000px;	}
	.firstview #story_line .li2 svg path.main_stream{	stroke-dasharray: 5500px;	stroke-dashoffset: 5500px;	}
	.firstview #story_line .li3 svg path.main_stream{	stroke-dasharray: 3000px;	stroke-dashoffset: 3000px;	}
	.firstview #story_line .li4 svg path.main_stream{	stroke-dasharray: 2000px;	stroke-dashoffset: 2000px;	}
	.firstview #story_line .li5 svg path.main_stream{	stroke-dasharray: 2500px;	stroke-dashoffset: 2500px;	}
	.firstview #story_line .li6 svg path.main_stream{	stroke-dasharray: 3250px;	stroke-dashoffset: 3250px;	}
}

.firstview #story_line .on_stroke svg path.main_stream{
	stroke-dashoffset: 0px !important;
stroke: #231815;
}.firstview #story_line .on_stroke.now svg path.main_stream{
	transition: 0s linear;
	transition-delay:0s;
}

.firstview #story_line svg .back{		fill: transparent;}

.firstview #story_line .li1 svg .bookpath{			clip-path: url(#book_clippath);
}.firstview #story_line .li1 svg .bookpath_sp{		clip-path: url(#book_clippath_sp);
}

.firstview #story_line .li2 svg .human path{		stroke: #003e8d;
}.firstview #story_line .li2 svg .human .cls-2{		fill: #003e8d;
}

.firstview #story_line .li3 svg .human path,
.firstview #story_line .li3 svg .human line{		stroke: #003e8d;
}.firstview #story_line .li3 svg .human .cls-7{		fill: #003e8d;
}
.firstview #story_line .li3 svg .human2 .cls-1{		fill: #ffffff;stroke: #ffffff;
}.firstview #story_line .li3 svg .human2 .cls-6{	fill: #231815;
}
.firstview #story_line .li3 svg path.light{			fill: #ebcb43;	stroke: none;
}

.firstview #story_line .li4 svg .human path,
.firstview #story_line .li4 svg .human line{		stroke: #003e8d;
}.firstview #story_line .li4 svg .human .cls-8{		fill: #003e8d;
}
.firstview #story_line .li4 svg .human2 .cls-1{		fill: #ffffff;stroke: #ffffff;
}.firstview #story_line .li4 svg .human2 .cls-6{	fill: #231815;
}
.firstview #story_line .li4 svg .obj .cls-5{		stroke:none;fill: #ebcb43;
}.firstview #story_line .li4 svg .obj .cls-7{		stroke:none;fill: #9fa0a0;
}

.firstview #story_line .li5 svg .human .cls-6{		fill: #231815;
}.firstview #story_line .li5 svg .obj.obj_des path{		/*#d39661;*/fill: var(--design-color);	stroke: none;
}.firstview #story_line .li5 svg .obj.obj_web path{		/*#94b677;*/fill: var(--web-color);		stroke: none;
}.firstview #story_line .li5 svg .obj.obj_pri path{		/*#8964a3;*/fill: var(--print-color);	stroke: none;
}

.firstview #story_line .li6 svg .human .cls-7{		fill: #231815;
}
.firstview #story_line .li6 svg .tower .cls-6{		fill: #d35336;stroke: none;
}
.firstview #story_line .li6 svg .light .cls-2 {			fill: #ebc600;
}.firstview #story_line .li6 svg .light .cls-3 {		fill: #dd6b47;
}
.firstview #story_line .li6 svg .obj_vision path {	fill: #231815;stroke: none;
}
.firstview #story_line .li6 svg .cloud.cls-1{		fill: #transparent;stroke: none;	}



/*story内のテキスト制御*/
.firstview #story_line .story_screen{
	position:absolute;
	top:0;	left:0;
	width:100%;
	height:calc(100% - 67px);
	margin-top: 67px;
}

.firstview #story_line .story_screen .story_text{
	position:absolute;
    z-index: 2000;
	opacity:0;
	pointer-events: none;
	transition: 0.6s ease-in-out;
}.firstview #story_line .story_screen .story_text h4,.firstview #story_line .story_screen .story_text p{
	display:inline-block;
}

.firstview #story_line .story_screen .story_text01{
	font-size:1.1em;
	bottom:20vh;	right:7%;
}.firstview #story_line .story_screen .story_text01 h4{	font-weight:500;	}

.firstview #story_line .story_screen .story_text02{
	bottom:42vh;	right:50%;
    transform: translateX(-70%);
}.firstview #story_line .story_screen .story_text02 h4{	font-weight:bold;	}

.firstview #story_line .story_screen .story_text03,
.firstview #story_line .story_screen .story_text04,
.firstview #story_line .story_screen .story_text05,
.firstview #story_line .story_screen .story_text06{
	top:80px;	left:20%;
}
.firstview #story_line .story_screen .story_text.on{
	opacity:1;
	/*pointer-events: unset;*/
}.firstview #story_line .story_screen .story_text.off{
	opacity:0;	pointer-events: none;
}


.firstview #story_line .story_link{
	position:absolute;
    z-index: 2000;
	border:1px solid #000000;
	text-decoration:none;
	min-width:150px;
	height:42px;
	border-radius:50px;
	color:var(--font-color);
	background:#ffffff;
	font-size:1em;
	text-align:center;
	display: flex;
    align-items: center;
    justify-content: center;
	opacity:0;
	pointer-events: none;
}.firstview #story_line .story_link:hover,
.firstview #story_line .story_link:focus{
	background:#9FA0A0;
	color:#ffffff;
	opacity:1;
}.firstview #story_line .story_link.des:hover,
.firstview #story_line .story_link.des:focus{	background:var(--design-color);	}
.firstview #story_line .story_link.web:hover,
.firstview #story_line .story_link.web:focus{	background:var(--web-color);	}
.firstview #story_line .story_link.pri:hover,
.firstview #story_line .story_link.pri:focus{	background:var(--print-color);	}
.firstview #story_line .story_link.contact:hover,
.firstview #story_line .story_link.contact:focus{	background:var(--sub-color);	}

.firstview #story_line .story_link.story_menu01{	left:20%;	top:calc(80px + 7em);	}
.firstview #story_line .story_link.story_menu02{	left:20%;	top:calc(80px + 8em);	}
.firstview #story_line .story_link.story_menu03{	left:20%;	top:calc(80px + 8em + ((42px + 20px) * 1));	}
.firstview #story_line .story_link.story_menu04{	left:20%;	top:calc(80px + 8em + ((42px + 20px) * 2));	}
.firstview #story_line .story_link.story_menu05{	left:20%;	top:calc(80px + 7em);	}
.firstview #story_line .story_link.story_menu06{	left:20%;	top:calc(80px + 7em);	}

.firstview #story_line .story_link.onmenu{
	opacity:1;	pointer-events: unset;
}

.firstview #story_line .story_link.story_menu01.onmenu.set{	left:30px;	top:calc(75px);	}
.firstview #story_line .story_link.story_menu02.onmenu.set{	left:30px;	top:calc(75px + ((42px + 20px) * 1));	}
.firstview #story_line .story_link.story_menu03.onmenu.set{	left:30px;	top:calc(75px + ((42px + 20px) * 2));	}
.firstview #story_line .story_link.story_menu04.onmenu.set{	left:30px;	top:calc(75px + ((42px + 20px) * 3));	}
.firstview #story_line .story_link.story_menu05.onmenu.set{	left:30px;	top:calc(75px + ((42px + 20px) * 4));	}
.firstview #story_line .story_link.story_menu06.onmenu.set{	left:30px;	top:calc(75px + ((42px + 20px) * 5));}


.firstview #story_line .story_link.story_menu06.onmenu.d_set{
	animation: d_set_anime 0.6s forwards;
	animation-delay:2.9s;
}
.firstview #story_line .story_screen .story_text.story_text06.on.d_off{
	animation: d_off_anime 0.6s forwards;
	animation-delay: 3.3s;

	/*transition: 0.6s ease-in-out;*/
}

@keyframes d_set_anime {
  0% {    	}
  50% {   	}
  100% {  left:30px;	top:calc(75px + ((42px + 20px) * 5));	}
}
@keyframes d_off_anime {
  0% {    	}
  50% {   	}
  100% {  opacity:0;	pointer-events: none;	}
}




@media (max-width: 640px){
	.firstview #story_line .story_link{
		min-width:100px;
		height:30px;
		font-size:0.8em;
	}

	.firstview #story_line .story_screen .story_text01{
		font-size: 1.0em;
	    bottom: 12.5vh;
	    right: 3%;
	}
	.firstview #story_line .story_screen .story_text02{
		right:unset;
		bottom: 110px;
	    left: 50%;
	    transform: translateX(-50%);
	    width: max-content;
	    text-align: left;
	}

	.firstview #story_line .story_screen .story_text03,
	.firstview #story_line .story_screen .story_text04,
	.firstview #story_line .story_screen .story_text05{
		top:unset;	left:50%;
		bottom:170px;
	    transform: translateX(-50%);
	    width: max-content;
	    text-align: left;
	}
	.firstview #story_line .story_screen .story_text06{
		display:none;
	}


	.firstview #story_line .story_link.story_menu01{	left:30px;	bottom:100px;	top:unset;	}
	.firstview #story_line .story_link.story_menu02{	left:30px;	bottom:100px;	top:unset;	}
	.firstview #story_line .story_link.story_menu03{	left:50%;	bottom:100px;	top:unset;	transform: translateX(-50%);	}
	.firstview #story_line .story_link.story_menu04{	right:30px;	bottom:100px;	top:unset;	left:unset;	}
	.firstview #story_line .story_link.story_menu05{	left:30px;	bottom:100px;	top:unset;	}
	.firstview #story_line .story_link.story_menu06{	display:none;	}

	.firstview #story_line .story_link.story_menu01.onmenu.set{	animation: btnset_01 1.3s forwards;	}
	.firstview #story_line .story_link.story_menu02.onmenu.set{	animation: btnset_02 1.3s forwards;	}
	.firstview #story_line .story_link.story_menu03.onmenu.set{	animation: btnset_03 1.3s forwards;	transform: translateX(0%);	}
	.firstview #story_line .story_link.story_menu04.onmenu.set{	animation: btnset_04 1.3s forwards;	right:unset;	}
	.firstview #story_line .story_link.story_menu05.onmenu.set{	animation: btnset_05 1.3s forwards;	}
	.firstview #story_line .story_link.story_menu06.onmenu.set{	animation: btnset_06 1.3s forwards;	}

	@keyframes btnset_01 {
		0%	{	top:unset;	}
		45%	{	left:-300px;	bottom:100px;	top:unset;		}
		55% {   left:-300px;	top:8px;	bottom:unset;		}
		100% {  left:-15px;		top:8px;	bottom:unset;		}
	}
	@keyframes btnset_02 {
		0%	{	top:unset;	}
		45%	{	left:-300px;	bottom:100px;	top:unset;		}
		55% {   left:-300px;	top:calc(8px + ((30px + 8px) * 1));	bottom:unset;		}
		100% {  left:-15px;		top:calc(8px + ((30px + 8px) * 1));	bottom:unset;		}
	}
	@keyframes btnset_03 {
		0%	{	top:unset;	}
		45%	{	left:-300px;	bottom:100px;	top:unset;		}
		55% {   left:-300px;	top:calc(8px + ((30px + 8px) * 2));	bottom:unset;		}
		100% {  left:-15px;		top:calc(8px + ((30px + 8px) * 2));	bottom:unset;		}
	}
	@keyframes btnset_04 {
		0%	{	top:unset;	}
		45%	{	left:-300px;	bottom:100px;	top:unset;		}
		55% {   left:-300px;	top:calc(8px + ((30px + 8px) * 3));	bottom:unset;		}
		100% {  left:-15px;		top:calc(8px + ((30px + 8px) * 3));	bottom:unset;		}
	}
	@keyframes btnset_05 {
		0%	{	top:unset;	}
		45%	{	left:-300px;	bottom:100px;	top:unset;		}
		55% {   left:-300px;	top:calc(8px + ((30px + 8px) * 4));	bottom:unset;		}
		100% {  left:-15px;		top:calc(8px + ((30px + 8px) * 4));	bottom:unset;		}
	}




}





.story_area .skip-btn,
.story_area .replay-btn{
	position:absolute;
	bottom:20px;
	right:40px;
    z-index: 3000;
}.story_area .skip-btn a,
.story_area .replay-btn a{
	cursor: pointer;
	font-weight:bold;
	padding-right:1em;
}.story_area .skip-btn a:after,
.story_area .replay-btn a:after{
	content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 0.7em;
    height: 0.7em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid var(--font-color);
    border-top: 2px solid var(--font-color);
}
.story_area .scroll-mark{
	position:absolute;
	top:80px;
	right:40px;
    z-index: 200000;
}

.story_area .replay-btn{
	background-color: var(--main-color);
    font-weight: bold;
	border-radius:50px;
	padding: 7px 30px 7px 30px;
    z-index: 2900;
}.story_area .replay-btn a{
    color: #ffffff;
}.story_area .replay-btn a:after{
	right: 22px;
    border-right: 2px solid #ffffff;
    border-top: 2px solid #ffffff;
}

@media (max-width: 640px){
	.firstview{
		width:100%;
		min-width:unset;
		height:calc(100vh - 50px);
	}

	.story_area .skip-btn{
		bottom:12px;
		right:20px;
	}
	.story_area .replay-btn{
		bottom:17px;
		right:10px;
	}
	.story_area .scroll-mark{
		/*top:-40px;*/
		top:0;
		right:5px;
	}

}






#pickup_board{
	position:absolute;
	top:67px;
	left:100%;
	height:calc(100% - 67px);
	width:100%;
}

#pickup_board .board_ou{
	position:absolute;
	top:0;	right:0;
	display:block;
	width:calc(100% - 220px);
	height:100%;
	background:#F2F2F2;
	padding:50px 100px;
	transition: all .6s;
	opacity:0;
	visibility: hidden;
	z-index:80000;
}#pickup_board .board_ou.show{
	opacity:1;
	visibility: visible;
	right:100%;
}

#pickup_board .board_ou .board{
	width:calc(100vw - (290px * 2));
	min-width:770px;
	height:100%;
	position:relative;
}

#pickup_board .board_ou .btn{
	position:absolute;
	bottom:0;	right:0;
	border-radius:unset;
	border-top-left-radius: 40px;
}

#pickup_board .board .board_close{
	position:absolute;
	top:-35px;	right:calc(100% + 40px );
	width:45px;	height:45px;
	background:#ffffff;
	border:1px solid var(--font-color);
	border-radius:50%;
}#pickup_board .board .board_close a{
	display:block;
	position:relative;
	width:100%;	height:100%;
	cursor: pointer;
}#pickup_board .board .board_close a:before,
#pickup_board .board .board_close a:after{
	content:"";
	position:absolute;
	height:1px;	width:25px;
	top:50%;	left:50%;
	background:var(--font-color);
	transform-origin: center;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}#pickup_board .board .board_close a:after{
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

#pickup_board .board h2{
	font-family: 'Noto Serif JP', serif!important;
	font-weight:500;
    display: inline-block;
	margin-bottom:30px;
}
#pickup_board .board .service h2{
    line-height: 1;
}

#pickup_board .board .board_solution_map{
	position:absolute;
	top:0;
	left:50%;
    transform-origin: center top;
    transform: translateX(-50%) scale(0.7);
}
#pickup_board .board .board_solution_map .solution-map *{
	transition-delay:unset !important;
	transition:0s !important;
}#pickup_board .board .board_solution_map .plus_box{
	padding: 15px;
}
.board_solution_map .solution-map .daido_point .daido_3works .work:before,
.board_solution_map .solution-map .daido_point .daido_3works .work:after{
	height:490px;
}
.board_solution_map .solution-map .daido_point .daido_3works .work.des:before,
.board_solution_map .solution-map .daido_point .daido_3works .work.des:after {
    height: 550px;
}

.board_solution_map .solution-map .process_main{
	font-size:1.2em;
	font-weight:bold;
	color:var(--sub-color);
	border:1px solid var(--sub-color);
	border-radius:50px;
	padding:10px 40px;
	margin-top:20px;
	background:#ffffff99;
}
.board_solution_map .solution-map .plus_box{
	font-size:1.4em;
	font-weight:bold;
	width:100px;
	text-align:center;
}
.board_solution_map .solution-map .solution_end .end_back {
    top: -10%;
}
.board_solution_map .solution-map .solution_end .end_back img {
    transform-origin: center center;
    transform: scale(1.5);
}


#pickup_board .board .text_area.service{
	display:flex;
	margin-bottom:30px;
}#pickup_board .board .text_area.service p{
	border-left:1px solid var(--font-color);
	padding-left:23px;
	margin-left:23px;
}

#pickup_board .board .board_service_area{
}#pickup_board .board .board_service_area ul.board_service_ul{
	display:flex;
	flex-wrap:wrap;
    justify-content: space-between;
	width:100%;
	margin:0 auto;
}

#pickup_board .board .board_service_area ul.board_service_ul{

}#pickup_board .board .board_service_area ul.board_service_ul li{
	width:32%;
	margin-bottom:40px;
}#pickup_board .board .board_service_area ul.board_service_ul li h5{
	font-size:1.1em;
	margin:20px 0;
	line-height:1.4;
	text-align:center;
}#pickup_board .board .board_service_area ul.board_service_ul li h5.br2{
	margin:7.5px 0;
}
#pickup_board .board .board_service_area ul.board_service_ul li h5+p{
	font-size:0.93em;
	text-align:center;
}
#pickup_board .board .board_service_area ul.board_service_ul li .service_icon{
	width:90px;	height:90px;
	margin:0 auto;
	padding:15px;
	background:#ffffff;
	border-radius:50%;
}#pickup_board .board .board_service_area ul.board_service_ul li .service_icon svg{
	width:100%;	height:100%;
	
}

#pickup_board .board .board_service_area ul.board_service_ul li .service_icon svg path,
#pickup_board .board .board_service_area ul.board_service_ul li .service_icon svg line{
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.5px;
	vector-effect: non-scaling-stroke;
	stroke-miterlimit:10;
}
#pickup_board .board .board_service_area ul.board_service_ul li .service_icon svg .fil-w{	fill: #ffffff;	}
#pickup_board .board .board_service_area ul.board_service_ul li .service_icon svg .fil-s{	fill: transparent;	}
#pickup_board .board .board_service_area.des ul.board_service_ul li .service_icon svg path,
#pickup_board .board .board_service_area.des ul.board_service_ul li .service_icon svg line{	stroke:var(--design-color);	}
#pickup_board .board .board_service_area.web ul.board_service_ul li .service_icon svg path,
#pickup_board .board .board_service_area.web ul.board_service_ul li .service_icon svg line{	stroke:var(--web-color);	}
#pickup_board .board .board_service_area.pri ul.board_service_ul li .service_icon svg path,
#pickup_board .board .board_service_area.pri ul.board_service_ul li .service_icon svg line{	stroke:var(--print-color);	}





#pickup_board .board .board_works_area{
}#pickup_board .board .board_works_area ul.board_works_ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}#pickup_board .board .board_works_area ul.board_works_ul:after{
	width:22.5%;	content:"";	display:inline-block;
}#pickup_board .board .board_works_area ul.board_works_ul li{
	width:22.5%;
	margin-bottom:23px;
}#pickup_board .board .board_works_area ul.board_works_ul li .works{
	width:100%;
	padding-top:100%;
	position:relative;
	margin-bottom:5px;
}#pickup_board .board .board_works_area ul.board_works_ul li p{
	font-size:0.88em;
}#pickup_board .board .board_works_area ul.board_works_ul li .works img{
	width:100%;
	height:100%;
    object-fit: cover;
	position:absolute;
	left:0;
	top:0;
}



@media (max-width: 640px){
	#pickup_board{
		top:0;
		height:100vh;
	}

	#pickup_board .board_ou{
		width:100%;
		z-index:180000;
		padding:40px 20px;
	}#pickup_board .board_ou.show{
		right:100%;
	}
	#pickup_board .board_ou .board{
		width:100%;
		min-width:100%;
		max-width:100%;
	}

	#pickup_board .board_ou .btn{
		bottom:unset;	top: 10px;
		border-bottom-left-radius: 40px;
    	padding: 7px 50px 6px 30px;
	    font-size: 0.8em;
	}#pickup_board .board_ou .btn::after {
		right:20px;	width:10px;	height:10px;
		border-right: 2px solid var(--c-white);
	    border-top: 2px solid var(--c-white);
	}

	#pickup_board .board .board_close{
		top:-30px;	right:unset;	left:-10px;
		width:30px;	height:30px;
	}#pickup_board .board .board_close a:before,
	#pickup_board .board .board_close a:after {
		width:16px;
	}

	#pickup_board .board h2{
		font-size:1.3em;
		margin-bottom:10px;
	}#pickup_board .board .service h2 {
    	line-height: unset;
	}

	#pickup_board .board .text_area.service{
		display:block;
	}

	#pickup_board .board .text_area.service p {
	    border-left: none;
	    padding-left: 0;
	    margin-left: 0;
	}#pickup_board .board .text_area p {
		font-size:0.85em;
	}

	#pickup_board .board .board_solution_map{
		position:relative;
		margin-top:15px;
		transform: translateX(-50%) scale(0.6);
	}

	#pickup_board .board .board_service_area ul.board_service_ul li{
		margin-bottom:20px;
		width:33%;
	}#pickup_board .board .board_service_area ul.board_service_ul li h5{
		font-size:0.9em;
		margin:10px 0;
	}

	#pickup_board .board .board_works_area ul.board_works_ul li {
    	width: 48%;
	}#pickup_board .board .board_works_area ul.board_works_ul:after{
		width:22.5%;
	}


	.board_solution_map .solution-map .daido_point .daido_3works .work:before,
	.board_solution_map .solution-map .daido_point .daido_3works .work:after{
		height:390px;
	}
	.board_solution_map .solution-map .daido_point .daido_3works .work.des:before,
	.board_solution_map .solution-map .daido_point .daido_3works .work.des:after {
	    height: 445px;
	}

}



.firstview .first_slide{
	position:absolute;
	top:67px;
	left:0;
    width: 100%;
    height: 100%;
	z-index:-1;
}
.firstview .first_slide.open{
	z-index:1;
}

.first_slide .first_slide_swiper{
    height: 100%;
    width: 100%;
}.first_slide .first_slide_swiper .swiper-wrapper{
    height: 100%;    width: 100%;
}.first_slide .first_slide_swiper .swiper-wrapper .swiper-slide{
    height: 100%;    width: 100%;
}.first_slide .first_slide_swiper .swiper-wrapper .swiper-slide img{
	/*height:100%;*/
	width:100%;
    height: calc(100% - 67px);
	object-fit:cover;
    /*filter: opacity(0.25);*/
}


.first_slide .first_slide_swiper .swiper-horizontal>.swiper-pagination-bullets,
.first_slide .first_slide_swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.first_slide .first_slide_swiper .swiper-pagination-custom,
.first_slide .first_slide_swiper .swiper-pagination-fraction{
	bottom:95px !important;
}

.first_slide .first_slide_swiper .swiper-pagination-clickable .swiper-pagination-bullet{
	margin:0 12px !important;
	background-color: #ffffff !important;
	border:1px solid var(--font-color);
	opacity:1 !important;
    width: 10px;
    height: 10px;
}

.first_slide .first_slide_swiper .swiper-pagination-clickable .swiper-pagination-bullet-active{
	background-color: var(--sub-color) !important;
}

@media (max-width: 640px){
	.first_slide .first_slide_swiper .swiper-horizontal>.swiper-pagination-bullets,
	.first_slide .first_slide_swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
	.first_slide .first_slide_swiper .swiper-pagination-custom,
	.first_slide .first_slide_swiper .swiper-pagination-fraction{
		bottom:135px !important;
	}
}