/* =============================
パンくず
=============================*/
#crumbs {
position: absolute;
top: 3rem;
left: 0.16rem;
line-height: 1.5;
z-index: 0; 
}

.crumbs_box {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
color: #fff;
font-size: 0.19rem;
font-weight: 500;
}

.crumbs_box a {
text-decoration: none;
font-size: 0.19rem;
color: #fff;
font-weight: 300;
opacity: 0.7;
}

.crumbs_box span {
color: #00d1cc;
font-size: 0.3rem;
padding-top: 10px;
padding-bottom: 10px;
display: inline-block;
}

.crumbs_box.bg_light {
	color: #222;
}

.crumbs_box.bg_light a {
	color: #222;
}

/* =============================
メインビジュアル
=============================*/
#under_mv {
position: relative;
/*height: 70vh;*/
height: 50vh;
overflow: hidden;
animation: fadeIn 2s ease 0s 1 normal;
/*background-size: auto;*/
}
@media screen and (max-width: 699px) {
#under_mv  {
/*height: 70vh;*/
height: 3rem;
}
}

#under_mv .container1000 {
height: 100%;
text-overflow: inherit;
text-align: center;
z-index: 1;
}



#under_mv h1{
position: absolute;
/*top:52%;*/
top:45%;
left: 50%;
transform: translateX(-50%);
width: 100%;
z-index: 5;
overflow: hidden;
}

@media screen and (max-width: 699px) {
#under_mv h1{
	top:1.5rem;
}
}

#under_mv h2{
position: absolute;
/*top:52%;*/
top:45%;
left: 50%;
transform: translateX(-50%);
width: 100%;
z-index: 5;
overflow: hidden;
}

@media screen and (max-width: 699px) {
#under_mv h2{
	top:1.5rem;
}
}


/* MVのコンテナ */
/*
#mv .container1000 {
z-index: 2;
position: absolute;
top: 30%;
width: 1000px;
left: 0;
right: 0;
}

@media screen and (max-width: 699px) {
#mv .container1000 {
top: 25%;
width:90%;
max-width: 1000px;
left: 50%;
right: inherit;
transform: translateX(-50%);
}
}
*/

/* MVキャッチ */
/*
.mv_under_mv_cont h2 {
font-size: 0.5rem;
color: #FFF;
font-weight: 100;
line-height: 1.4;
letter-spacing: 0.02rem;
}

@media screen and (max-width: 699px) {
.mv_under_mv_cont h2 {
font-size: 13vw;
}
}

.mv_cont h2 span strong {
border-bottom: 0.05rem solid #00d1cc;
display: inline-block;
}

@media screen and (max-width: 699px) {
.mv_under_mv_cont {
}
}
*/

/* MV下部のグラデーション */
.mv_grad {
position: absolute;
bottom:0;
left: 0;
width: 100%;
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
height: 50%;
z-index: 1;
}
@media screen and (max-width: 699px) {
.mv_grad {
/*display: none;*/
	height: 30%;
}
}
/* =============================
サービスメインビジュアル共通
=============================*/
#service_mv {
background-image: url("../img/service02_mv.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
height: 100vh;
overflow: hidden;
/*    animation: fadeIn 2s ease 0s 1 normal;*/
}
#service_mv .container1000{
height: 100vh;
}

/*テキスト*/
.service_mv_cont {
color: #fff;
text-align: center;
position: absolute;
top: 40%;
left: 0;
right: 0;
}
.service_mv_cont h2 {
font-size: 0.48rem;
margin-bottom: 0.3rem;
}
.service_mv_cont h3 {
color: #00d1cc;
font-size: 0.2rem;
}

/* =============================
サービスイントロダクション共通
=============================*/
.service_intro_title {
text-align: right;
font-size: 0.2rem;
letter-spacing: 0.1em;
}
.service_intro_title h2 {
line-height: 0.7;
}
.service_intro_box {
background: #1a1a1a;
color: #fff;
position: relative;
}
.service_intro_box p {
line-height: 2.5;
box-sizing: border-box;
padding: 0.4rem;
}
/* ラベル部分 左上に表示 */
.service_intro_box::before {
content: "";
top: 0;
left: 0;
border-bottom: 0.3rem solid transparent;
border-left: 0.3rem solid #00d1cc; /* ラベルの色はここで変更 */
position: absolute;
}
@media screen and (max-width: 699px) {
}