@charset "utf-8";


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');


/*******　共通CSS　*******/

.imgCenter {
text-align: center;
margin: auto
}
.line {
 background: #e6e6fa;
}
.center {
text-align: center;
}
.mt24 {
margin-top:  24px;
}
.mb30 {
margin-bottom: 30px;
}
.mb60 {
margin-bottom: 60px;
}


.container.row article div.row.lower-cont {
    width: auto;
    margin: 0 auto 7em;
}




/******* RPAとは？*******/

.blockA {
margin-bottom: 60px;
font-family: 'Noto Sans JP', sans-serif;
font-feature-settings: "palt";
margin-bottom: 60px;
}
.blockA h1 {
border-bottom: 6px double #000;
font-size: 36px;
margin-bottom: 40px;
}
h1.custom {
    display: table;
    margin: auto;
}
.blockA div.blockA-inner {
font-size: 16px;
line-height: 2;
}
.blockA div.blockA-inner div.blockA-area {
margin-top: 30px;
}
.blockA div.blockA-inner div.blockA-area div.blockA-boxA {
	width: 80%;
	margin-top: 10px;
}
.blockA div.blockA-inner div.blockA-area div.blockA-boxB {
margin-top: 40px;
margin-bottom: 40px;
}
/*
.blockA div.blockA-inner div.blockA-area div.blockA-boxC {
	margin: auto;
    display: table;
	width: 800px;
}
	*/
.blockA div.blockA-inner h2 {
font-size: 26px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.2;
margin-bottom: 30px;
padding-bottom: 10px;
text-align: center;
}
.blockA div.blockA-inner h3 {
font-size: 20px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.2;
margin-top: 40px;
margin-bottom: 10px;
padding-bottom: 10px;
}
.blockA div.blockA-inner p {
margin-bottom: 16px;
}
.blockA-area p.text04 {
	text-align: center;
	font-size:20px;
	}

.blockA-area p.text04 a.btn-border02 {
display: inline-block;
max-width: 100%;
text-align: center;
border: 2px solid #6a1684;
font-size: 22px;
color: #FFF;
text-decoration: none;
padding: 14px 40px;
transition: .4s;
background-color: #6a1684;
letter-spacing: 1px;
margin-top: 10px;
}
.blockA-area p.text04 a.btn-border02 span.material-icons {
position: absolute;
right: 10px;
top:25px;
}
.blockA-area p.text04 a.btn-border02:hover {
	background-color: #FFF;
	border-color: #6a1684;
	color: #6a1684;
}
.blockA div.blockA-inner div.blockA-area div.blockA-boxE {
	margin-top: 40px;
	margin-bottom: 40px;
}
.blockA div.blockA-inner div.blockA-area div.blockA-boxE div.movie-wrap {
	display: flex;
	position: relative;
	z-index: 1;
	justify-content: center;
	align-items: center;
}




.blockB {
margin-bottom: 60px;
font-family: 'Noto Sans JP', sans-serif;
font-feature-settings: "palt";
}


.blockB h1 {
border-bottom: 6px double #000;
font-size: 36px;
margin-bottom: 40px;
}
.blockB div.blockB-inner {
font-size: 16px;
line-height: 2;
}
.blockB div.blockB-inner div.blockB-area {
display: flex;
margin-top: 30px;
}
.blockB div.blockB-inner div.blockB-area div.blockB-boxA {
width: 420px;
padding-right: 30px;
flex-shrink: 0; /* 追加 */
margin-top: 10px;
}
.blockB div.blockB-inner h2 {
font-size: 30px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 1.2;
margin-bottom: 30px;
display: table;
padding-bottom: 10px;
}
.blockB div.blockB-inner p {
margin-bottom: 16px;
}




@media screen and (max-width : 599px) {
	.blockA div.blockA-inner div.blockA-area {
		display: block;
	}
	.blockA div.blockA-inner div.blockA-area div.blockA-boxA {
		 width: 100%;
		padding-right: 0;
	}
	.blockA div.blockA-inner div.blockA-area div.blockA-boxB {
		 width: 100%;
		padding-right: 0;
	}
	.blockA div.blockA-inner div.blockA-area div.blockA-boxC {
		 width: 100%;
		padding-right: 0;
	}
	.blockA div.blockA-inner div.blockA-area div.blockA-boxD {
		 width: 100%;
		padding-right: 0;
	}
	.blockA div.blockA-inner div.blockA-area div.blockA-boxE {
		 width: 100%;
		padding-right: 0;
	}

	.blockA,.blockB,.blockC {
		padding: 0 10px;
	}

	.blockA-area p.text04 a.btn-border02 {
		width: 100%;
		margin-top: 10px;
	}

	.blockA div.blockA-inner div.blockA-area div.blockA-boxE div.movie-wrap {
		display: block;
	}

	.blockB div.blockB-inner div.blockB-area {
		display: block;
	}
	.blockB div.blockB-inner div.blockB-area div.blockB-boxA {
		 width: 100%;
		padding-right: 0;
	}
}
