@charset "utf-8";

/*--------------------------------------------
トップページヘッダー用指示
--------------------------------------------*/
#header {
    position: fixed;
    top: -100px; /* 初期状態でヘッダーを画面外に設定 */
    width: 100%;
    transition: top 0.5s ease; /* 表示時のアニメーション */
}

.mv_top{
	width: 1120px;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-content: center;
	gap: 30px;
	position: absolute;
	top: 27px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 20;
}
@media only screen and (max-width: 767px){
	.mv_top{
		width: 90%;
		height: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: absolute;
		top: 19px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 1000;
	}
}
.mv_top .logo01{
	width: 216px;
	height: auto;
	display: block;
}
@media only screen and (max-width: 767px){
	.mv_top .logo01{
		width: 240px;
		height: auto;
		display: block;
	}
}
.mv_top h2{
	font-size: 12px;
	line-height: 51px;
	letter-spacing: calc((90/1000)*1em);
	color: #FFFFFF;
}
@media only screen and (max-width: 767px){
	.mv_top h2{
		width: 244px;
		height: auto;
		display: block;
	}
}

@media only screen and (max-width: 767px){
/*メニューオープンボタン*/
	.slide-menu-btn{
		width: 59px;
		height: 59px;
		background-color: #0E1646;
		z-index: 10;
		position: relative;
		margin: 0;
		cursor: pointer;
		flex-shrink: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;
		flex-direction: column;
	}
	/*メニューオープンボタン内部テキスト*/
	.slide-menu-btn::after{
		content:"MENU";
		width: 100%;
		height: auto;
		font-size: 10px;
		line-height: 10px;
		font-family: "din-2014", sans-serif;
		font-weight: 600;
		font-style: normal;
		color: #fff;
		text-align: center;
		margin: 5px 0 0;
		display: block;
	}
	.slide-menu-btn.active::after{
		content:"閉じる";
		color: #fff;
	}
	/*メニューオープンボタン内部の線*/
	.slide-menu-btn .line-bar{
		width: 28px;
		height: 2px;
		color: #ffffff;
		background-color: #ffffff;
		border-radius: 1px;
		position: relative;
		margin: 10px 0 10px;
		transition: all 0.6s ease;
		display: block;
	}
	.slide-menu-btn .line-bar::before{
		content: "";
		display: block;
		background-color: #ffffff;
		border-radius: 1px;
		position: absolute;
		width: 100%;
		height: 2px;
		transition: all 0.6s ease;
		top: -8px;
	}
	.slide-menu-btn .line-bar::after{
		content: "";
		display: block;
		background-color: #fff;
		border-radius: 1px;
		position: absolute;
		width: 100%;
		height: 2px;
		transition: all 0.6s ease;
		bottom: -8px;
	}
	.slide-menu-btn.active .line-bar{
		background-color: #fff;
		transform: rotate(135deg);
		transition: all 0.6s ease;
	}
	.slide-menu-btn.active .line-bar::before{
		background-color: #fff;
		transform: rotate(90deg);
		top: 0;
	}
	.slide-menu-btn.active .line-bar::after{
		opacity: 0;
	}
}

main{
	padding-top: 0;
}

/*--------------------------------------------
メインビジュアル
--------------------------------------------*/
.video-background {
	position: relative;
	width: 100%;
	height: 100vh;
	height: calc(var(--vh_2, 1vh) * 100);
	overflow: hidden;
	z-index: 10;
}

.video-background video {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 101%;
	height: 100%;
	object-fit: cover; /* 動画が親要素にフィットするように調整 */
}
.filter{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .6);
}
.mv_content{
	width: 1120px;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
@media only screen and (max-width: 767px){
	.mv_content{
		width: 100%;
	}
}
.mv_content .mv_inner{
	width: 100%;
	height: 100%;
	position: relative;
}
@media only screen and (max-width: 767px){
	.mv_content .mv_inner{
		width: 90%;
		height: 100%;
		margin: 0 auto;
		display: block;
		position: relative;
	}
}
/*.mv_content .mv_inner .mv_top{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-content: center;
	gap: 30px;
	position: absolute;
	top: 27px;
	left: 0;
}
@media only screen and (max-width: 767px){
	.mv_content .mv_inner .mv_top{
		width: 100%;
		height: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: absolute;
		top: 19px;
		left: 0;
	}
}
.mv_content .mv_inner .mv_top .logo01{
	width: 216px;
	height: auto;
	display: block;
}
@media only screen and (max-width: 767px){
	.mv_content .mv_inner .mv_top .logo01{
		width: 240px;
		height: auto;
		display: block;
	}
}
.mv_content .mv_inner .mv_top h2{
	font-size: 12px;
	line-height: 51px;
	letter-spacing: calc((90/1000)*1em);
	color: #FFFFFF;
}
@media only screen and (max-width: 767px){
	.mv_content .mv_inner .mv_top h2{
		width: 244px;
		height: auto;
		display: block;
	}
}*/

.mv_content .mv_inner .mv_bottom{
	width: 100%;
	height: auto;
	display: block;
	position: absolute;
	bottom: 107px;
	left: 0;
}
@media only screen and (max-width: 767px){
	.mv_content .mv_inner .mv_bottom{
		bottom: 95px;
	}
}
.mv_content .mv_inner .mv_bottom h3{
	font-size: 69px;
	line-height: 99px;
	letter-spacing: calc((149/1000)*1em);
	color: #fff;
	margin-bottom: 24px;
}
@media only screen and (max-width: 767px){
	.mv_content .mv_inner .mv_bottom h3{
		font-size: 36px;
		line-height: 50px;
		letter-spacing: calc((149/1000)*1em);
		margin-bottom: 11px;
	}
}
.mv_content .mv_inner .mv_bottom > p{
	font-size: 16px;
	line-height: 36px;
	letter-spacing: calc((100/1000)*1em);
	color: #fff;
}
@media only screen and (max-width: 767px){
	.mv_content .mv_inner .mv_bottom > p{
		font-size: 13px;
		line-height: 27px;
	}
}
.mv_content .mv_inner .scroll{
	width: 80px;
	height: auto;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}
@media only screen and (max-width: 767px){
	.mv_content .mv_inner .scroll{
		width: 74px;
		right: 0;
		left: 0;
		bottom: -30px;
		margin: auto;
	}
}
#image {
    display: block;
    margin: 0 auto;
    transform: translateY(-60%); /* 初期位置で画像が画面外に */
    animation: moveUpDown 2s ease-in-out infinite; /* アニメーション設定 */
}
/* アニメーションの詳細設定 */
@keyframes moveUpDown {
    0% {
        transform: translateY(-50%); /* 上端から出る */
    }
    50% {
        transform: translateY(0); /* 元の位置までスライド */
    }
    100% {
        transform: translateY(-50%); /* 再び上端に戻る */
    }
}

/*--------------------------------------------
contents01
--------------------------------------------*/
.contents01{
	width: 100%;
	height: auto;
	display: block;
}
.contents01 .contents01_01{
	width: 1120px;
	height: auto;
	margin: 0 auto;
	padding: 155px 0 115px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01{
		width: 90%;
		padding: 62px 0 0;
		display: block;
	}
}
.contents01 .contents01_01 .img01{
	width: 502px;
	height: auto;
	display: block;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .img01{
		width: 100%;
		margin-bottom: 30px;
	}
}
.contents01 .contents01_01 .contents01_01_01{
	width: 544px;
	height: auto;
	position: relative;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .contents01_01_01{
		width: 100%;
	}
}
.contents01 .contents01_01 .contents01_01_01 h3{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 44px;
	line-height: 69px;
	letter-spacing: calc((100/1000)*1em);
	margin-top: 16px;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .contents01_01_01 h3{
		font-size: 27px;
		line-height: 44px;
		margin-top: 11px;
	}
}
.contents01 .contents01_01 .contents01_01_01 .text01{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	font-size: 15px;
	line-height: 32px;
	letter-spacing: calc((56/1000)*1em);
	margin-top: 28px;
	margin-bottom: 40px;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .contents01_01_01 .text01{
		font-size: 14px;
		line-height: 28px;
		letter-spacing: calc((56/1000)*1em);
		margin-top: 19px;
		margin-bottom: 28px;
	}
}
.contents01 .contents01_01 .contents01_01_01 .item01{
	width: 267px;
	height: auto;
	display: block;
	position: absolute;
	bottom: -154px;
	right: -67px;
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .contents01_01_01 .item01{
		width: 148px;
		position: absolute;
		bottom: 0;
		right: 0;
	}
}
@media only screen and (max-width: 767px){
	.contents01 .contents01_01 .contents01_01_01 .btn{
		width: 224px;
		margin: 0 auto;
		padding: 0 33px 0 41px;
	}	
}

/*--------------------------------------------
contents02
--------------------------------------------*/
.contents02{
	width: 100%;
	height: auto;
	display: block;
}
.contents02 .contents02_01{
	width: 1120px;
	height: auto;
	margin: 0 auto;
	padding: 18px 0 115px;
	display: block;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01{
		width: 90%;
		max-width: 320px;
		padding: 82px 0 78px;
	}
}
.contents02 .contents02_01 .contents02_01_01{
	width: 100%;
	height: 355px;
	background-color: #F5F5F5;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	/*border-top: 14px solid #C2C8D8;*/
	padding-right: 70px;
	margin-top: 46px;
	position: relative;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .contents02_01_01{
		width: 100%;
		height: auto;
		display: block;
		padding-right: 0;
		margin-top: 30px;
		padding-bottom: 26px;
	}
}
.contents02 .contents02_01 .contents02_01_01::before{
	content:'';
	display: block;
	width: 100%;
	height: 14px;
	background-color: #C2C8D8;
	position: absolute;
	top: 0;
	left:0;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .contents02_01_01::before{
		height: 10px;
	}
}
.contents02 .contents02_01 .contents02_01_01 .left{
	width: 484px;
	height: 100%;
	position: relative;
	flex-shrink: 0;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .contents02_01_01 .left{
		width: 100%;
		height: auto;
		display: block;
	}
}
.contents02 .contents02_01 .contents02_01_01 .left .item02{
	width: 453px;
	height: auto;
	display: block;
	position: absolute;
	bottom: 20px;
	right: 0;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .contents02_01_01 .left .item02{
		width: 278px;
		margin: 0 auto;
		position: initial;
		transform: translateY(-11px);
	}
}
.contents02 .contents02_01 .contents02_01_01 .right{
	width: 525px;
	height: auto;
	margin-top: 40px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .contents02_01_01 .right{
		width: 90%;
		margin: 13px auto 0;
	}
}
.contents02 .contents02_01 .contents02_01_01 .right h3{
	font-size: 23px;
	line-height: 33px;
	letter-spacing: calc((100/1000)*1em);
	color: #0E1646;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .contents02_01_01 .right h3{
		font-size: 22px;
		line-height: 32px;
	}
}
.contents02 .contents02_01 .contents02_01_01 .right h4{
	font-size: 18px;
	line-height: 35px;
	letter-spacing: calc((120/1000)*1em);
	margin-top: 15px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .contents02_01_01 .right h4{
		font-size: 15px;
		line-height: 26px;
		margin-top: 11px;
	}
}
.contents02 .contents02_01 .contents02_01_01 .right > p{
	font-size: 14px;
	line-height: 29px;
	letter-spacing: calc((56/1000)*1em);
	margin-top: 25px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .contents02_01_01 .right > p{
		font-size: 13px;
		line-height: 26px;
		margin-top: 15px;
	}
}
.contents02 .contents02_01 .arai{
	width: 122px;
	height: auto;
	display: block;
	position: absolute;
	right: 70px;
	top: 55px;
}
.contents02 .contents02_01 ul.contents02_01_02{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 38px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 ul.contents02_01_02{
		width: 100%;
		height: auto;
		flex-wrap: wrap;
		margin-top: 26px;
		gap: 30px;
	}
}
.contents02 .contents02_01 ul.contents02_01_02 li{
	width: 350px;
	height: auto;
	background-color: #F5F5F5;
	padding: 34px 50px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 ul.contents02_01_02 li{
		width: 100%;
		padding: 28px;
	}
}
.contents02 .contents02_01 ul.contents02_01_02 li::before{
	content:'';
	display: block;
	width: 100%;
	height: 14px;
	background-color: #C2C8D8;
	position: absolute;
	top: 0;
	left:0;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 ul.contents02_01_02 li::before{
		height: 10px;
	}
}
.contents02 .contents02_01 ul.contents02_01_02 li .top{
	width: auto;
	height: auto;
	display: block;
}
.contents02 .contents02_01 ul.contents02_01_02 li .top h3{
	font-size: 23px;
	line-height: 35px;
	letter-spacing: calc((100/1000)*1em);
	color: #0E1646;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 ul.contents02_01_02 li .top h3{
		font-size: 22px;
		line-height: 31px;
	}
}
.contents02 .contents02_01 ul.contents02_01_02 li .top p{
	font-size: 14px;
	line-height: 24px;
	letter-spacing: calc((56/1000)*1em);
	color: #121314;
	margin-top: 16px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 ul.contents02_01_02 li .top p{
		font-size: 13px;
		line-height: 25px;
		margin-top: 9px;
	}
}
.contents02 .contents02_01 ul.contents02_01_02 li img{
	width: 100%;
	height: auto;
	display: block;
	margin-top: 5px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 ul.contents02_01_02 li img{
		margin-top: 10px;
	}
}
.contents02 .contents02_01 .btn_area{
	width: auto;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 26px;
	margin-top: 29px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .btn_area{
		display: block;
		margin-top: 24px;
	}
	.contents02 .contents02_01 .btn_area .btn{
		width: 168px;
		margin: 0 auto;
		padding: 0 33px 0 38px;
	}
	.contents02 .contents02_01 .btn_area .btn02{
		width: 188px;
		margin: 16px auto 0;
		padding: 0 33px 0 38px;
	}
}


/*--------------------------------------------
contents03
--------------------------------------------*/
.contents03{
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	overflow: hidden;
}
.contents03 .bg01{
	width: 100%;
	height: auto;
	position: absolute;
	top: 450px;
	left: 0;
}
@media only screen and (max-width: 767px){
	.contents03 .bg01{
		width: 100%;
		height: auto;
		position: absolute;
		top: 358px;
		left: 0;
	}
}
.contents03 .bg01 .bg01_01{
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.contents03 .bg01 .bg01_01 .bg01_01_01{
	width: 120vw;
	min-width: 1370px;
	height: 460px;
	background-image: url(../img/index/bg01.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	transform: rotate(-12deg); /* 画像を-45度（または必要な角度）回転させる */
	transform-origin: center center;
}
@media only screen and (max-width: 767px){
	.contents03 .bg01 .bg01_01 .bg01_01_01{
		width: 120vw;
		min-width: 320px;
		height: 160px;
		background-image: url(../img/index/bg01.png);
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center;
		transform: rotate(-12deg); /* 画像を-45度（または必要な角度）回転させる */
		transform-origin: center center;
	}
}
.contents03 .bg02{
	width: calc((100% - 1220px) / 2 + 311px);
	height: 100%;
	background-color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}
@media only screen and (max-width: 767px){
	.contents03 .bg02{
		width: calc((100% - 320px) / 2 + 67px);
	}
}
.contents03 .contents03_01{
	width: 1120px;
	height: auto;
	margin: 0 auto;
	padding: 140px 0 0;
	display: block;
	position: relative;
	z-index: 10;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01{
		width: 90%;
		padding: 93px 0 0;
		display: block;
		position: relative;
		z-index: 10;
	}
}
.contents03 .contents03_01 .contents03_01_01{
	width: 100%;
	height: auto;
	margin-top: 62px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01{
		width: 100%;
		height: auto;
		margin-top: 19px;
		display: block;
	}
}
.contents03 .contents03_01 .contents03_01_01 .contents03_01_01_01{
	width: 397px;
	height: auto;
	display: block;
	flex-shrink: 0;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .contents03_01_01_01{
		width: 245px;
		display: block;
		margin: 0 auto;
	}
}
.contents03 .contents03_01 .contents03_01_01 .contents03_01_01_01 img{
	width: 100%;
	height: auto;
	display: block;
}
.contents03 .contents03_01 .contents03_01_01 .contents03_01_01_01 .text04{
	font-size: 13px;
	line-height: 29px;
	letter-spacing: calc((56/1000)*1em);
	margin-top: 14px;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .contents03_01_01_01 .text04{
		font-size: 12px;
		line-height: 22px;
		margin-top: 11px;
	}
}
.contents03 .contents03_01 .contents03_01_01 .contents03_01_01_02{
	width: 643px;
	height: auto;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .contents03_01_01_02{
		width: 90%;
		margin: 0 auto;
	}
}
.contents03 .contents03_01 .contents03_01_01 .contents03_01_01_02 h3{
	font-size: 39px;
	line-height: 62px;
	letter-spacing: calc((120/1000)*1em);
	margin-top: -13px;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .contents03_01_01_02 h3{
		font-size: 22px;
		line-height: 36px;
		margin-top: 30px;
	}
}
.contents03 .contents03_01 .contents03_01_01 .contents03_01_01_02 .text05{
	font-size: 14px;
	line-height: 29px;
	letter-spacing: calc((56/1000)*1em);
	margin-top: 26px;
}
@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .contents03_01_01_02 .text05{
		margin-top: 17px;
	}
}
.contents03 .contents03_01 .contents03_01_01 .contents03_01_01_02 a{
	margin-top: 32px;
}

@media only screen and (max-width: 767px){
	.contents03 .contents03_01 .contents03_01_01 .contents03_01_01_02 a.btn{
		width: 186px;
		margin: 19px auto 0;
		padding: 0 28px 0 31px;
	}
}
/*--------------------------------------------
contents04 お知らせ
--------------------------------------------*/
.contents04{
	width: 100%;
	height: auto;
	display: block;
}
.contents04 .contents04_01{
	width: 1120px;
	height: auto;
	margin: 0 auto;
	padding: 115px 0 115px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01{
		width: 90%;
		padding: 78px 0 80px;
		display: block;
	}
}
.contents04 .contents04_01 .contents04_01_01{
	width: 172px;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	flex-shrink: 0;
	margin-left: 170px;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01 .contents04_01_01{
		width: 100%;
		margin-left: 0;
	}
}
.contents04 .contents04_01 .contents04_01_01 .btn{
	margin-top: 13px;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01 .btn{
		margin: 27px auto 0;
		width: 168px;
		padding: 0 33px 0 38px;
	}
}
.contents04 .contents04_01 ul{
	width: 622px;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	gap: 24px;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01 ul{
		width: 100%;
	}
}
.contents04 .contents04_01 ul li{
	width: 100%;
	height: auto;
	display: block;
}
.contents04 .contents04_01 ul li a{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01 ul li a{
		align-items: flex-start;
	}
}
.contents04 .contents04_01 ul li .date{
	font-size: 14px;
	line-height: 29px;
	letter-spacing: calc((56/1000)*1em);
	flex-shrink: 0;
}
.contents04 .contents04_01 ul li .news_title{
	font-size: 14px;
	line-height: 29px;
	letter-spacing: calc((56/1000)*1em);
	text-decoration: underline;
	margin-left: 45px;
}
@media only screen and (max-width: 767px){
	.contents04 .contents04_01 ul li .news_title{
		margin-left: 25px;
	}
}

/*--------------------------------------------
banner部分
--------------------------------------------*/
.banner01{
	width: 100%;
	height: auto;
	display: block;
}
.banner01 a{
	width: 1120px;
	height: auto;
	display: block;
	margin: 0 auto;
}
@media only screen and (max-width: 767px){
	.banner01 a{
		width: 90%;
	}
}
.banner01 a img{
	width: 100%;
	height: auto;
	display: block;
}






/*--------------------------------------------
共通装飾
--------------------------------------------*/
.title{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 35px;
	line-height: 55px;
	letter-spacing: calc((120/1000)*1em);
}
@media only screen and (max-width: 767px){
	.title{
		font-size: 25px;
		line-height: 35px;
	}
}
.title img{
	width: 26px;
	height: auto;
	display: block;
	margin-bottom: 5px;
}
@media only screen and (max-width: 767px){
	.title img{
		width: 22px;
	}
}
.sub_title{
	color: #0E1646;
	font-family: "din-2014", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: calc((120/1000)*1em);
}
@media only screen and (max-width: 767px){
	.sub_title{
		font-style: normal;
		font-size: 11px;
		line-height: 21px;
	}
}
a.btn{
	width: auto;
	height: 54px;
	border: 1px solid #273277;
	border-radius: 27px;
	padding: 0 33px 0 41px;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	line-height: 32px;
	color: #273277;
	letter-spacing: calc((56/1000)*1em);
	gap: 15px;
}
@media only screen and (max-width: 767px){
	a.btn{
		width: auto;
		height: 54px;
		border: 1px solid #273277;
		border-radius: 27px;
		padding: 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 0;
	}
}
.btn img{
	width: 7px;
	height: auto;
}