iframe.yukari_back {
	position:relative;
	width:100% !important;
	height:3950px !important;
	margin-top:0px !important;
	z-index:1;
}
.catch-container{
	display:none !important;
}
footer{
	background-color: rgb(248, 248, 248);
}
.footer_inner{
	position: relative;
}
.c_yukari{
	height:0px !important;
	background-color: blue;
}
* {
padding: 0;
margin: 0;
}
.box_lnk li a.lnk_post1:after {
background-image: url(images/doctor.jpg);
}
.box_lnk li a.lnk_post2:after {
background-image: url(images/nurse.jpg);
}
.box_lnk li a.lnk_post3:after {
background-image: url(images/chef.jpg);
}
#container{
position: absolute;
aspect-ratio: 16/9;
padding:0 !important;
margin:0 !important;
object-fit: cover !important;
}
#container iframe {
position: fixed;
top:0 !important;
left:0 !important;
width: 100vw !important;
height: 100vh !important;
background-attachment:fixed !important;
pointer-events: none; 
padding:0 !important;
margin:0 !important;
}
.shadow_white{
box-shadow: inset 0px 0px 95px 55px rgba(255, 255, 255, 0.3) !important;
}
.area{
height:580px !important;
overflow: hidden !important;
}
.area2{
height:580px !important;
overflow: hidden !important;
}
.wrap{
position:fixed;
display: flex;
}
#bg_video{
width:100% !important;
height:100vh !important;
position:fixed;
background-attachment:fixed !important;
top:0;
left:0;
}
.item{
height: 300px;
width:480px !important;
display: flex;
margin:0px 30px 0 !important;
padding:20px 0 !important;
justify-content: center;
align-items: center;
font-size: 50px;
font-weight: bold;
color: #fff;
position:relative;
top:60px !important;
box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6) !important;
}

.item a:hover{
transform:scale(1.2,1.2);
transition:1s all;
}
.js-item2 img:hover {
transform: scale(130%,130%) !important;
transition:1.8s all;
}
.item img{
width:480px;
height:269.3px;
}

.item01{ background: #e94d15; }
.item02{ background: #f18d1d; }
.item03{ background: #f8b633; }
.item04{ background: #8cc561; }
.item05{ background: #50BA99; }
.item06{ background: #3d6b35; }
.item07{ background: #003E6F; }
.item08{ background: #5EB1D4; }
.conts_area{
height:580px;
}
.box_area{
width:38% !important;
margin:4.5% 6% 7.5% 5.5% !important;
text-align:center;
float:left;
}

#page_conts{
background-image:url('images/top/client3.jpg');
background-repeat: no-repeat;
background-size:cover;
height:500px !important;
box-shadow: 0px -13px 24px -3px rgba(0,0,0,0.3);
}
.mission-top .inner{
border-top:4px ridge #bfbfbf !important;
background-color:rgba(0,0,0,0.6);
box-shadow: 0px 10px 24px -3px rgba(0,0,0,0.3) inset;
}
.css-br span::before {
content: " ";
white-space: pre;
}
.nowrap{
white-space:nowrap !important;
}
.sub{
margin-top:20px !important;
line-height:2.4;
}
.value{
line-height:2.2 !important;
}
.video-container {
height: 50vh;
position: relative;
overflow: hidden;
}
main#contents{
position: relative;
margin:0 !important;
padding:0 !important;
height:100% !important;
z-index:1;

}
.banner_f ul {
position:relative;
height:120px;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.title_wrap{
position: relative;
background-color:rgba(105, 72, 0, 0.9) !important;
text-shadow:0.5px 0.5px 5px rgba(57, 41, 5, 0.9) !important;
z-index:2;
padding:28px 0;
}
.ttl{
font-family: "Work Sans", sans-serif !important;
font-weight: 200;
font-size: 64px;
letter-spacing: 0;
color:#fafafa;
margin:0 0 -5px 8% !important;
}
.box_area a{
width:40% !important;
}
.box_area img{
margin:-5% auto 0 !important;
width:100%;
height:auto !important;
}
.mission-top{
font-family: "Work Sans", sans-serif;
position:relative;
top:0px;
text-align:center;
margin:0px auto -70px !important;
width:100%;
line-height:2.1;
color:#fafafa;
text-shadow:0.5px 0.5px 1px #000;
font-size:140% !important;
}
.mission-top h2{
color:#fafafa;
font-weight:normal;
font-size:180% !important;
padding-top:100px !important;
}
.wrapper{
position:relative;
background-color: transparent !important;
}
.value{
margin-top:-12px !important;
padding-bottom:100px !important;
}
.about{

background-image:url('images/skyback.jpg');
background-repeat: no-repeat;
background-size:cover;
height:580px;
margin-bottom:0px !important;
}
.top_visual{
font-family: "Work Sans", sans-serif;
position:absolute;
left:0;
top:-0.5% !important;
width:100%;
margin-top:-400px !important;
text-align:center;
color:#fafafa;
text-shadow:1px 1px 3px rgba(0,0,0,0.9);
font-size:250%;
z-index:99;
}
.top_visual span{
display:block !important;
font-size:50%;
margin-top:20px !important;
}
.sp02{
height:120px !important;
margin-top:70px !important;
margin-bottom:0px !important;
line-height:1 !important;
background-color: rgba(0,0,0,0.8) !important;
box-shadow: 0px 0px 18px 6px rgba(0,0,0,0.3) inset !important;

}
.sp02 p{
margin-left:8% !important;
margin-bottom:3% !important;
color:#fafafa;
font-size:24px !important;

}
.sp03{
height:120px !important;
margin-top:0px !important;
line-height:1 !important;
background-color: rgba(0,0,0,0.8) !important;
box-shadow: 0px 0px 18px 6px rgba(0,0,0,0.3) inset !important;
}
.sp03 p{
margin-left:8% !important;
margin-bottom:3% !important;
color:#fafafa;
font-size:24px !important;

}
.sp04{
height:180px !important;
margin-top:0px !important;
padding:0 !important;
line-height:1 !important;
margin-bottom:0 !important;
background-color: rgba(0,0,0,0.8) !important;
box-shadow: 0px 0px 18px 6px rgba(0,0,0,0.3) inset !important;
}
.sp04 h2{
position:relative;
top:-35px;
margin-bottom:-35px !important;
}
.sp04 p{
margin-left:8% !important;
margin-bottom:12% !important;
color:#fafafa;
font-size:24px !important;

}
.sp05{
position: relative;
height:695px !important;
padding:0 !important;
line-height:1 !important;
margin:70px auto 0px !important;
}

.sp05 .title_wrap{
height:140px !important;
background-color: rgba(0,0,0,0.8) !important;
box-shadow: 0px 0px 18px 6px rgba(0,0,0,0.3) inset !important;
}
.sp05 h4{
position: relative;
width:70% !important;
height:60px;
top:50px !important;
left:2%;
line-height:60px !important;
margin:0px auto -70px !important;
text-align:center;
font-size:19px !important;
color:rgba(7, 24, 124, 0.9);    background-image: -webkit-linear-gradient(left, transparent, rgba(255,255,255,0.8) 75%, rgba(255,255,255,0.01) 65%, transparent);
background-image: linear-gradient(to right, transparent, rgba(255,255,255,0.8) 55%, rgba(255,255,255,0) 89%, transparent);
background-position: center;
background-repeat: no-repeat;
z-index:9;
}
.sp05 p{
margin-left:8% !important;
margin-bottom:12% !important;
color:#fafafa;
font-size:24px !important;

}
.client-content{
height:555px !important;
background-color: #fafafa;
background-image:url('images/top/client.jpg');
background-position:50% 50%;
background-repeat:no-repeat;
background-size:cover;
}
.client-content .aria{
position: relative;
top:150px;
width:80%;
height:320px !important;
padding:24px;
font-size:22px !important;
font-weight:800;
margin-left:9% !important;
color:rgba(7, 24, 124, 0.9);background-color:rgba(255, 255, 255, 0.741);box-shadow: 0px -17px 41px 17px rgba(255,255,255,0.9) inset;
border:1px inset #dfdfdf;
}
.col-md-3{
float:left !important;
width:25% !important;
margin:20px -18px 20px 18px !important;
}
.col-md-3 span{
opacity:0.3;
}
.col-md-12{
float:left !important;
width:100% !important;
margin:25px auto 12px !important;
}
.copy{
	font-family: "Work Sans", sans-serif;
	font-size:5rem !important;
	margin-top:-80px !important;
}
@media (max-width: 1680px){
.copy{
	font-family: "Work Sans", sans-serif;
	font-size:115% !important;
	margin-top:-2% !important;
}
.mission-top .inner{
border-top:4px ridge #bfbfbf !important;
margin-top:130px !important;
background-color:rgba(0,0,0,0.6);
box-shadow: 0px 10px 24px -3px rgba(0,0,0,0.3) inset;
}
.about{
background-image:url('images/skyback.jpg');
background-repeat: no-repeat;
background-size:cover;
height:580px;
margin-bottom:0px !important;
}
.top_visual span{
display:block !important;
font-size:50%;
margin-top:20px !important;
}
.mission-top{
font-family: "Work Sans", sans-serif;
position:relative;
top:-70px;
text-align:center;
margin:-60px auto -70px !important;
width:100%;
line-height:2.1;
color:#fafafa;
text-shadow:0.5px 0.5px 1px #000;
font-size:140% !important;
}
.mission-top h2{
color:#fafafa;
font-weight:normal;
font-size:180% !important;
padding-top:100px !important;
}
.sp02{
height:120px !important;
margin-top:0px !important;
margin-bottom:0px !important;
line-height:1 !important;
background-color: rgba(0,0,0,0.8) !important;
box-shadow: 0px 0px 18px 6px rgba(0,0,0,0.3) inset !important;

}
.sp02 p{
margin-left:8% !important;
margin-bottom:3% !important;
color:#fafafa;
font-size:24px !important;

}
.sp03{
height:120px !important;
margin-top:0px !important;
line-height:1 !important;
background-color: rgba(0,0,0,0.8) !important;
box-shadow: 0px 0px 18px 6px rgba(0,0,0,0.3) inset !important;
}
.sp03 p{
margin-left:8% !important;
margin-bottom:3% !important;
color:#fafafa;
font-size:24px !important;

}
.sp04{
height:180px !important;
margin-top:0px !important;
padding:0 !important;
line-height:1 !important;
margin-bottom:0 !important;
background-color: rgba(0,0,0,0.8) !important;
box-shadow: 0px 0px 18px 6px rgba(0,0,0,0.3) inset !important;
}
.sp04 h2{
position:relative;
top:25px;
margin-bottom:25px !important;
}
.sp04 p{
margin-left:8% !important;
margin-bottom:12% !important;
color:#fafafa;
font-size:24px !important;

}
.box_area img{
margin:-1% auto 0 !important;
width:100%;
height:auto !important;
}
.sp05{
position: relative;
height:430px !important;
padding:0 !important;
line-height:1 !important;
margin:0px auto 380px !important;
}
}

@media (max-width: 1480px){
.about{
background-image:url('images/skyback.jpg');
background-repeat: no-repeat;
background-size:cover;
height:480px;
margin-bottom:0px !important;
}
}
@media (max-width: 1280px){
.about{
background-image:url('images/skyback.jpg');
background-repeat: no-repeat;
background-size:cover;
height:400px;
margin-bottom:0px !important;
}
.banner_f li {
margin-left:-3% !important;
}
.sp04{
height:180px !important;
margin-top:0px !important;
padding:0 !important;
line-height:1 !important;
margin-bottom:0 !important;
background-color: rgba(0,0,0,0.8) !important;
}
.sp04 h2{
position:relative;
top:5px;
margin-bottom:5px !important;
}
.sp04 p{
margin-left:8% !important;
margin-bottom:12% !important;
color:#fafafa;
font-size:24px !important;

}
}
@media (max-width: 980px){
.top{
width:980px !important;
}
section#content_page{
width:100% !important;
height:100% !important;
max-height:3780px !important;
overflow:hidden !important;
}
}
@media (max-width: 480px){
/*

section#content_page{
width:100%;
height:100% !important;
margin:0 !important;
background: url('./images/kikagaku2.jpg'), no-repeat center;
background-size:100%;
}
*/
/*
#container iframe {
position: fixed;
width: 100% !important;
height: 320px !important;
pointer-events: none; 
padding:0 !important;
margin:0 !important;
}
*/
.contentWrapper{
width:100%;
overflow-x:hidden !important;
margin:0 !important;
}
#container iframe {
	display:none;
}
.box_area{
	width:95%;
	margin:15px auto;
	text-align:center;
	display:inline-block;
}
#page_conts .box_area{
	height: 210px !important;
	box-shadow: 0px -13px 24px -3px rgba(0,0,0,0.1) !important;

}
.mission-top .inner{
	height: 360px !important;
	color:#fafafa;
	line-height:2.2;
	padding:8px 5% 0;
	margin-top:10px !important;
	background-color:rgba(0,0,0,0.6);
}
.copy{
	font-family: "Work Sans", sans-serif;
	font-size:115% !important;
	margin-top:5% !important;
	margin-bottom:-12px !important;
}
.box_area img{
	margin-left:5% !important;
}
.conts_area{
	height:380px !important;
}
.about{
	height:540px !important;
}
.banner_f ul {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex-direction: column;
flex-direction: column;
height: 200px;
margin-bottom:185px !important;
}
.banner_f li:first-of-type{
	margin:12px auto 12px !important;
}
.banner_f li:last-of-type{
	margin:12px auto 0px !important;
}
.banner_f img{
	margin-left:-2.6% !important;
}

header #hamburger {
display: block;
position: absolute;
top: 16px;
right: 34px;
width: 25px;
height: 23px;
cursor: pointer;
transition: 1s;
z-index: 9999;}
.js-wrap,.js-wrap2 {
position:fixed;
padding:40px 0 !important;
}
.js-area{
background:transparent !important;
}
.item01,.item02,.item03,.item04,.item05,.item06,.item07,.item08,.item09{
width:88% !important;
height:88%;
max-width:422.4px !important;
max-height:264px !important;
margin:5% auto !important;
text-align:center !important;
}
.item01 img,.item02 img,.item03 img,.item04 img,.item05 img,.item06 img,.item07 img,.item08 img,.item09 img{
width:80% !important;
height:80%;
max-width:384px !important;
max-height:240px !important;

}
.item{
display: flex;
margin:0px 30px 0 !important;
padding:20px 0 !important;
justify-content: center;
align-items: center;
font-size: 50px;
font-weight: bold;
color: #fff;
position:relative;
top:0px !important;
box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6) !important;
}
.area,.area2{
margin-top:50px !important;
height:580px !important;
overflow: hidden !important;
}
.page_conts,.top{
position:relative;
width:100%;
max-width:480px !important;
margin:10px 0 !important;
background-image: url('images/top/pictureall.jpg');
background-repeat:no-repeat;
background-size:cover;
background-position: 50% 0%;
background-attachment: fixed !important;
height:100vh !important; 
}
.video-container,.top_visual{
display:none !important;
}
.box_area{
width:100% !important;
}

.box_area a{
width:84% !important;
margin-left:-14% !important;
margin-top:10px !important;
}
.box_area img{
width:80% !important;
}
.mission-top .inner{
margin-top:150px !important;
height:540px !important;
margin-bottom:-160px !important;
}
.global{
position:relative;
margin-top:30px !important;
top:0px;
}
.case{
position:relative;
margin-top:30px !important;
margin-bottom:-30px !important;
top:0px;
}
.mission-top{
font-family: "Work Sans", sans-serif;
position:relative;
top:-70px;
text-align:center;
margin:-60px auto -70px !important;
width:100%;
line-height:2.1;
color:#fafafa;
text-shadow:0.5px 0.5px 1px #000;
font-size:130% !important;
}
.mission-top h2{
padding-top:100px !important;
margin-top:-60px !important;
font-weight:normal;
font-size:160% !important;
}
.wrapper{
position:relative;
background-color: transparent !important;
}
.about{
height:530px !important;
background-repeat:no-repeat;
background-size:cover !important;
background-position: 50% 80%;
background-attachment: fixed !important;
}
.title_wrap p{
font-size:120%;
color:#fafafa;
margin-left:8% !important;
margin-bottom:0px !important;
padding-top:20px;
}
.ttl{
font-family: "Work Sans", sans-serif !important;
font-weight: 100;
font-size: 42px;
letter-spacing: 0;
color:#fafafa;
margin:0 0 -5px 8% !important;
}
.sp02{
margin-top:90px !important;
margin-bottom:-90px !important;
background-color: rgba(0,0,0,0.8) !important;
box-shadow: 0px 0px 18px 6px rgba(0,0,0,0.3) inset !important;

}
.sp03{
margin-top:-120px !important;
background-color: rgba(0,0,0,0.8) !important;
box-shadow: 0px 0px 18px 6px rgba(0,0,0,0.3) inset !important;
}
.sp04{
margin-top:0px !important;
margin-bottom:-80px !important;
background-color: rgba(0,0,0,0.8) !important;
box-shadow: 0px 0px 18px 6px rgba(0,0,0,0.3) inset !important;
}
.sp04 h2{
position:relative;
top:25px;
margin-bottom:15px !important;
}
.sp04 p{
margin-left:8% !important;
margin-bottom:12% !important;
color:#fafafa;
font-size:24px !important;

}
.sp_mode{
white-space:nowrap !important;
position:relative;left:-12px !important;
font-size:95% !important;
}
.gnav li span{
display:block !important;
}
.col-sm-6{
width:50% !important;
}
#page_conts{
width:100%;
max-width:480px !important;
background-image:url('images/top/client3.jpg');
background-repeat: no-repeat;
background-size:cover;
height:520px !important;
box-shadow: 0px -13px 24px -3px rgba(0,0,0,0.3);
}
#page_conts a{
width:90%;
max-width:400px !important;
margin-left:-7.2% !important;
height:auto;
}
#page_conts img{
width:90% !important;
margin-left:-12% !important;
}
.sp05{
height:920px !important;
margin-top:80px !important;
margin-bottom:-80px !important;
background-color: rgba(0,0,0,0.8) !important;
box-shadow: 0px 0px 18px 6px rgba(0,0,0,0.3) inset !important;
}
.sp05 h4{
position: relative;
width:70% !important;
height:60px;
top:20px !important;
left:0;
line-height:2 !important;
margin:0px auto -70px !important;
text-align:center;
font-size:19px !important;
color:rgba(7, 24, 124, 0.9);    background-image: -webkit-linear-gradient(left, transparent, rgba(255,255,255,0.8) 75%, rgba(255,255,255,0.01) 65%, transparent);
background-image: linear-gradient(to right, transparent, rgba(255,255,255,0.8) 55%, rgba(255,255,255,0) 89%, transparent);
background-position: center;
background-repeat: no-repeat;
z-index:9;
}
.client-content{
height:800px !important;
background-color: #fafafa;
background-image:url('images/top/client3.jpg');
background-position:50% 50%;
background-repeat:no-repeat;
background-size:cover;
}
.client-content .aria{
position: relative;
top:120px;
width:96% !important;
height:560px !important;
padding:24px 0 !important;
margin-left:2% !important;
font-size:22px !important;
font-weight:800;
color:rgba(7, 24, 124, 0.9);background-color:rgba(255, 255, 255, 0.741);box-shadow: 0px -17px 41px 17px rgba(255,255,255,0.9) inset;
}
.col-md-12{
float:left !important;
width:100% !important;
margin:25px auto 12px !important;
font-size:1.4rem;
}
}	
@media screen and (max-width:440px) {
	.catch-container{
		display:block !important;
	}
iframe.yukari_back {
	position:relative;
	display:inline-block !important;
	min-width:320px !important;
	width:100% !important;
	height:100% !important;
	min-height:100vh;
	overflow-x:hidden !important;
	margin-top:30px !important;
}
.banner_f ul {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex-direction: column;
flex-direction: column;
height: 200px;
margin-bottom:150px !important;
}

.banner_f li:first-child{
	margin:12px auto 12px !important;
}
.banner_f li:nth-child(2){
	margin:0 auto !important;
}

.banner_f li:last-child{
	margin:12px auto 0px !important;
}
.banner_f img{
	margin-left:-2.6% !important;
}
.col-md-12{
float:left !important;
width:100% !important;
margin:25px auto 12px !important;
font-size:1.2rem;
}
.js-area{
margin-bottom:-30px !important;
}
.js-area2{
margin-bottom:-160px !important;
}
}
@media screen and (max-width:414px) {
.banner_f ul {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex-direction: column;
flex-direction: column;
height: 200px;
margin-bottom:135px !important;
}

}
@media screen and (max-width:393px) {
.banner_f ul {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex-direction: column;
flex-direction: column;
height: 380px;
padding-top:20px !important;
margin-bottom:30px !important;
}
.about{
height:420px !important;
background-repeat:no-repeat;
background-size:cover !important;
background-position: 50% 80%;
background-attachment: fixed !important;
}
.client-content{
height:800px !important;
background-color: #fafafa;
background-image:url('images/top/client3.jpg');
background-position:50% 50%;
background-repeat:no-repeat;
background-size:cover;
}
.sp05 h4{
position: relative;
width:70% !important;
height:60px;
top:20px !important;
left:0;
line-height:2 !important;
margin:0px auto -70px !important;
text-align:center;
font-size:16px !important;
color:rgba(7, 24, 124, 0.9);    background-image: -webkit-linear-gradient(left, transparent, rgba(255,255,255,0.8) 75%, rgba(255,255,255,0.01) 65%, transparent);
background-image: linear-gradient(to right, transparent, rgba(255,255,255,0.8) 55%, rgba(255,255,255,0) 89%, transparent);
background-position: center;
background-repeat: no-repeat;
z-index:9;
}
.client-content .aria{
position: relative;
top:120px;
width:96% !important;
height:540px !important;
padding:24px 0 !important;
margin-left:2% !important;
font-size:18px !important;
font-weight:800;
border:1px solid #bfbfbf;
color:rgba(7, 24, 124, 0.9);background-color:rgba(255, 255, 255, 0.741);box-shadow: 0px -17px 41px 17px rgba(255,255,255,0.9) inset;
}
.col-md-12{
float:left !important;
width:100% !important;
margin:25px 0 12px 1% !important;
font-size:1.28rem;
}
}
@media screen and (max-width:375px) {
.mission-top{
font-family: "Work Sans", sans-serif;
position:relative;
top:-70px;
text-align:center;
margin:-60px auto -70px !important;
width:100%;
line-height:2.1;
color:#fafafa;
text-shadow:0.5px 0.5px 1px #000;
font-size:110% !important;
}
.banner_f ul {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
justify-content: space-around;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-flex-direction: column;
flex-direction: column;
height: 200px;
margin-bottom:110px !important;
}
.col-md-12{
float:left !important;
width:100% !important;
margin:25px auto 12px !important;
font-size:1.2rem;
}
}
.item{
margin-top:50px !important;
}
video {
-o-object-fit: cover;
object-fit: cover;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}

.scroll-topww {
position:fixed !important;
right:2.5% !important;
bottom:3.5% !important;
scroll-behavior: smooth !important;
background-color:rgb(28, 190, 254);
text-align: center !important;
z-index:9999 !important;
}
.scroll-topww a {
display: inline-block !important;
padding:2px 8px;
font-size: 24px !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
color:#fff !important;
}
.scroll-topww:hover{
position:fixed !important;
line-height:2 !important;
right:2.5% !important;
bottom:3.5% !important;
margin: 0 auto !important;
text-align: center !important;
scroll-behavior: smooth !important;
background-color:rgb(3, 27, 75);
text-shadow:-0.4px 1px #634e33,-0.2px 0.5px 1px #242424;
opacity:0.8;
transition:  1.3s;
}