@charset "utf-8";
/* ===============================================================
 打消し
=============================================================== */
.ttl_main_wrap{
	margin-bottom: 0;
}

.ttl_type1{
	background:#00a8bb;
    margin:20px 0;
    color:#ffffff;
    font-size:18px;
    padding:0.75em 0;
    line-height:1.2;
    border-radius:2em;
    position:relative;
    box-sizing:border-box;
}

.ttl_type1::before{
	position:absolute;
	content:"";
	display:block;
}
.ttl_type1::before{
    height:calc(100% - 8px);
    width:calc(100% - 8px);
    border: solid 2px #abdbe0;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius:2em;
    box-sizing:border-box;
}


@media screen and (max-width: 767px) {
	.Space_Offset_Sp{
		margin-top: -70px;
	}
	.lay_ma_left1em{
		margin-left: 1rem;
	}
	#section5 .ttlimg {
	margin-top: -130px !important;
	position: relative;
	z-index: 1;
	}
}

#section0 {
	background:no-repeat url(/others/teiden-appli/images/app_mv_bg.png) center center/cover;
}
#section0 .section0_imgPc {
	width: 1000px;
}
#section2 img,
#section3 img {
	max-width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}
#section4 img {
	max-width: 100%;
	padding-top: 30px;
	padding-bottom: 60px;
}
#section5_outer {
	background-color:#FCEED9;
	padding:20px;
}
#section5 {
	position: relative;
}

#section5 img {
	max-width: 100%;
	padding-top: 70px;
	padding-bottom: 30px;
}
#section5 .ttlimg {
	margin-top: -170px;
}
#section6 .secition6_inner {
	padding-top: 70px;
	padding-bottom: 30px;
}
#section6 img {
	max-width: 100%;
}


#section8_outer{
	background:#3c3c3c;
	color:#ffffff;
	padding: 3% 0 5%;
	position:relative;
}
#section8_outer::before,
#section8_outer::after{
	content:"";
	color:#ffffff;
	display:block;
	position:absolute;
	width:100%;
	height: 4%;
	background-image: linear-gradient(90deg,#3c3c3c 50%, #5f5f5f 50.1%);
	background-repeat:repeat-x;
	background-size: 8%;
}

#section8_outer::before{
		top: 3%;
		left: 0;
}
#section8_outer::after{
		/*bottom: 2%;*/
		left: 0;
		visibility: visible;
}

#section8 .section_title{
	font-size:30px;
	line-height: 1.1;
}
#section8 .section_subtitle{
	margin:0;
	padding:0;
}
#section8 .yt-frame-wrapper{
	max-width:768px;
	margin: 10px auto;
}

.yt-frame{
    position:relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 10px 0 30px;
}
.yt-frame iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 640px) {
	#section0,
	#section2,
	#section3,
	#section4{
		padding-left: 12%;
		padding-right: 12%;
	}
	#section5 {
		padding-left: 10%;
		padding-right: 10%;
	}
 	.secition6_inner {
		padding-left: 10%;
		padding-right: 10%;
	}
	#section5_outer {
		padding:0;
		padding-bottom: 10%;
	}
	#section5 .ttlimg {
	margin-top: -92px !important;
	position: relative;
	z-index: 1;
	}
	#section0 {
		padding-top: 4.5%;
		padding-bottom: 8%;
	}
	#section2 img,
	#section3 img,
	#section4 img {
		padding-top: 18%;
		padding-bottom: 18%;
	}
	#section0 {
		background:no-repeat url(/others/teiden-appli/images/app_mv_bg_sp.png) center center/cover;
	}
	.section7_left_ttl {
		display: inline-block;
		margin-bottom: 10px;
	}
	#section7{
		padding-left: 6%;
		padding-right: 6%;
	}
	.section5_imgfunctions a {
		display: block;
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
	}
	.section5_imgfunctions img {
		max-width: 100%;
		padding: 0 !important;
		width: 100%;
	}
}

@media screen and (min-width: 768px) {
	#section8_outer::before, #section8_outer::after{
		background-size:50px ;
	}
}