@charset "UTF-8";

@media screen and (min-width: 767.98px){

    .until-pc-hidden {
        display: none !important;
    }
	.box--center {
    transform: scale(0.8);
		}
	.app-box .app-box__body {
		margin-bottom: 60px;
}

.font-s {
    font-size: 2.5rem;
}

.unsetflex {
    display: unset !important;
}

.video-wrap--pc {
    width: 150%;
}

}

.box--center {
    text-align: center;
}

.iphone-mr {
    margin-right: 4rem;
}

.app-area {
    display: flex;
    align-items: center;
	max-width: 1080px;
    margin: 0 auto;
}
.app-area .app-box {
	width: calc(100% + 340px) !important;
}
.app-area .app-box__title {
	display: flex;
    flex-direction: column;
	flex-wrap: wrap;
	text-align: left;
	margin-left: 3em;
}
.app-box__title .box-text--left {
    padding-left: 3em;
}

/* 20240611追加 PC表示題名幅調整 */
.app-box__title_left{
    margin-left: 1em !important;
}

.app-area .app-box__title02 {
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	margin-left: 0;
}

.number {
    font-weight: bold;
    font-size: 40px;
    color: #2D5EB6;
    padding-right: 0.5em;
}

.title--center {
    font-weight: bold;
    font-size: 3.5rem;
}

.text--center {
    font-weight: bold;
    font-size: 3.3rem;
}

.line {
    border: none;
    height: 5px;
    background-color: #f0f0f0;
    margin: 0 calc(-100% - 50vw - 65px);
    padding: 0;
}

ul {
    padding-left: 0;
}

.list-background-odd-color li {
    list-style: none;
    padding-left: 0;
    margin-right: calc(-50vw + 50%);
    margin-left: calc(-50vw + 50%);
}

.list-background-odd-color li:nth-child(odd) {
    background-color: #f0f4f7;
    color: #2d5eb6;
    padding-left: 0;
}

.box--left {
    display: flex;
    align-items: center;
}

.box-title--left {
    font-weight: bold;
    font-size: 24px;
    color: #000000;
}

.box-text--left {
    font-weight: bold;
    font-size: 21px;
    color: #000000;
    margin: 0;
    padding-right: 3.5rem;
}
.crop {
    overflow: hidden;
	margin-bottom: 0;
}

.crop video {
    margin: -10px -10px -10px -10px
}

.mt-0 {
    margin-top: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mb-2 {
    margin-bottom: 2rem;
}

video {
    /* iPhone safariの枠線を消す */
    filter: drop-shadow(0px 0px rgba(0,0,0,0));

    /* PCのChromeの枠線を消す */
    outline: none;
    border: none;
}

/* movie */
.video-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}



@media screen and (max-width: 768px){

    .until-sp-hidden {
        display: none !important;
    }
	.crop video {
    margin: -10px -10px -10px -10px
}

.box--center_sp {
	margin: -20rem 0;
}
.app-area .app-box__title {
	margin-left: 0;
	text-align: center;
}

.title--center_sp {
    font-weight: 800;
    font-size: 2rem;
    margin: 0;
    line-height: 1.4;
}

.text--center_sp span {
	font-weight: 500;
    font-size: 1.6rem;
    margin-top: 0.5em;
    line-height: 1.4;
}

.text--center_sp {
    font-weight: bold;
    font-size: 1.9rem;
    margin: 0;
}
.number {
	margin-top: 1rem;
}

.mt-0 {
    margin-top: 0 !important;
}

.video-wrap--sp {
    margin: 3.5rem auto;
    width: 75%;
}


}