@charset "UTF-8";

.tas2021 img {
	width: 100%;
}
.tas2021 .inner {
	max-width: 1000px;
	margin: auto;
}
.tas2021 .block01 {
	background-image: url(../img/car/tas2022-bg.jpg);
	background-size: cover;
	background-position: top;
	padding: 3em 0 5em;
}
.tas2021 .block01 .main-img {
	margin: 0 -10% 3%;
	width: 120%;
}
.tas2021 .block01 .float-box {
	overflow: hidden;
}
.tas2021 .block01 .float-box .left {
	float: left;
	text-align: left;
	width: 430px;
}
.tas2021 .block01 .float-box .left img {
	display: block;
	width: 70%;
}
.tas2021 .block01 .float-box .left p {
	color: #fff;
	line-height: 1.55;
}
.tas2021 .block01 .float-box .right {
	float: right;
	margin-top: 1em;
	width: 155px;
}
.tas2021 .block01 .flex-box {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.tas2021 .block01 .flex-box .box {
	margin: 0 10px;
	width: calc(100% / 2 - 30px);
}
.tas2021 .block01 .flex-box .box .head {
	margin: 2em 0 .5em;
	width: 80%;
}
.tas2021 .block01 .flex-box .box p {
	color: #fff;
	font-size: 14px;
	line-height: 1.7;
}
.tas2021 .block01 .flex-box .box:nth-child(2) p {
	font-weight: bold;
}
.tas2021 .block01 .flex-box .box p small {
	font-size: 12px;
}
.tas2021 .block01 .flow .head {
	margin: 5em 0 2em;
}


.tas2021 .block02 {
	background: linear-gradient(#fbfcfc 85%, #fff 15%);
	padding: 2em 0;
}
.tas2021 .block02 .head {
	margin-bottom: 2em;
	width: 50%;
}
.tas2021 .block02 .flex-box {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.tas2021 .block02 .flex-box li {
	margin: 0 10px 20px;
	width: calc(100% / 4 - 20px);
}
@media only screen and (max-width: 769px){
	.tas2021 .inner {
		width: 90%;
	}
	.tas2021 .block01 {
		background-image: url(../img/car/tas2022-bg_sp.jpg);
		background-position: 100% 18%;
		padding: 1.5em 0 1em;
	}
	.tas2021 .block01 .float-box {
		margin-bottom: 4em;
	}
	.tas2021 .block01 .float-box .left {
		float: none;
		margin: auto;
		text-align: center;
		width: 100%;
	}
	.tas2021 .block01 .float-box .left p {
		font-size: 14px;
		margin-top: 1em;
		text-align: left;
	}
	.tas2021 .block01 .float-box .left img {
		margin: auto;
		width: 100%;
	}
	.tas2021 .block01 .float-box .right {
		float: none;
		margin: 2em auto 0;
		width: 50%;
	}
	.tas2021 .block01 .main-img {
		margin: 0 auto 1em;
		width: 100%;
	}
	.tas2021 .block01 .flex-box {
		display: block;
		margin: auto;
	}
	.tas2021 .block01 .flex-box .box {
		margin: 0 0 20px;
		width: 100%;
	}
	.tas2021 .block01 .flex-box .box .head {
		margin-top: 1.5em;
	}
	.tas2021 .block01 .flow .head {
		margin: 2em 0 1em;
		width: 80%;
	}
	.tas2021 .block02 {
		background: linear-gradient(#fbfcfc 95%, #fff 5%);
	}
	.tas2021 .block02 .head {
		margin-bottom: 1em;
		width: 80%;
	}
	.tas2021 .block02 .flex-box li {
		margin: 0 5px 10px;
		width: calc(100% / 2 - 10px);
	}
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* 県外向けページ */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700;800;900&display=swap');
.visual-header.kengai {
	background: url(../img/kengai/bg.jpg) no-repeat left center/cover !important;
	font-family: -apple-system, YuGothic, "Yu Gothic Medium", "Yu Gothic", BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif;
	color: #000;
	width: 100%;
	height: 460px;
}
.visual-header.kengai .visual-header-inner {
	position: relative;
	max-width: 1200px;
	margin: auto;
	width: 90%;
}
.visual-header.kengai h1 {
	color: #000;
	font-size: 45px;
	line-height: 70px;
	letter-spacing: 5px;
	height: auto;
	padding: 50px 0 50px 0;
	position: relative;
	max-width: 100%;
	width: 100%;
	display: block;
	top: inherit;
}
.visual-header.kengai h1::after {
	position: absolute;
	content: "";
	top: inherit;
	left: 0;
	bottom:30px;
	width: 150px;
	height: 3px;
	margin: inherit;
	background: #e68000;
}
.visual-header.kengai h1 span {
	display: inline;
	width: auto;
}
.visual-header.kengai h1 .orange { color: #e68000;}
.visual-header.kengai h1 .yellow { color: #ea9a1e;}
.visual-header.kengai .text {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.75;
}
.visual-header.kengai figure {
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.visual-header.kengai figure img { width: 100%;}
@media only screen and (max-width: 769px){
	.visual-header.kengai {
		height: 100%;
	}
	.visual-header.kengai h1 {
		font-size: 30px;
		line-height: 45px;
		letter-spacing: 3px;
		padding: 30px 0 50px;
	}
	.visual-header.kengai h1::after {
		width: 80px;
	}
	.visual-header.kengai .text {
		font-size: 16px;
	}
	.visual-header.kengai figure {
		position: relative;
		padding: 20px 0;
	}
}
#kengai {
	color: #000;
	font-family: -apple-system, YuGothic, "Yu Gothic Medium", "Yu Gothic", BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif;
	font-size: 15px;
}
#kengai img { width: 100%;}
#kengai a { color: #000;}
#kengai a:hover { opacity: .7;}
#kengai .inner {
	max-width: 1100px;
	margin: auto;
	width: 90%;
}
#kengai .anchor {
	margin-top: -150px;
	padding-top: 150px;
}
#kengai section .inner {
	padding: 5em 0;
}
#kengai .flex-box {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
#kengai .pagejump {
	background: #e68000;
	padding: 20px 0;
	position: sticky;
	top: 112px;
	z-index: 10;
	transition: all 0.3s;
}
#kengai .pagejump.stuck {
	padding: 10px 0;
}
#kengai .pagejump ul li {
	margin: 0 10px;
	width: calc(100% / 4 - 20px);
}
#kengai .pagejump ul li a {
	background-color: #fff;
	border-radius: 30px;
	display: block;
	font-weight: bold;
	padding: .75em 1em;
	position: relative;
	text-align: center;
}
#kengai .pagejump ul li a::after {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	left: 0;
	right: 0;
	bottom: -10px;
	margin: auto;
	background: url(../img/kengai/arrow.png) no-repeat center/cover;
}
#kengai .section-title {
	font-size: 40px;
	line-height: 1.25;
	padding-bottom: 30px;
	position: relative;
	text-align: center;
}
#kengai .section-title::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 90px;
	height: 3px;
	background: #e68000;
}
#kengai .section-text {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.75;
	margin: 30px auto 50px;
	width: 70%;
}
#kengai .section-text.center {
	text-align: center;
}
#kengai .orange { color: #e68000;}
#kengai .raleway {
	font-family: 'Raleway', sans-serif;
}

#kengai .button {
	display: block;
	background: #fff;
	border-radius: 30px;
	border: 1px solid #000;
	font-weight: bold;
	margin: 30px auto 0;
	padding: 1.5em 1em;
	position: relative;
	text-align: center;
	width: 300px;
}
#kengai .button.arrow::after {
	content: "";
	position: absolute;
	content: '';
	width: 12px;
	height: 12px;
	border: 0px;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 8%;
	margin-top: -4px;
}
#kengai .button.red {
	color: #b7272d;
	border-color: #b7272d;
}
#kengai .button.red:after {
	border-top: solid 1px #b7272d;
	border-right: solid 1px #b7272d;
}
#kengai .button.green {
	color: #006837;
	border-color: #006837;
}
#kengai .button.green:after {
	border-top: solid 1px #006837;
	border-right: solid 1px #006837;
}
#kengai .button.orange {
	color: #e68000;
	border-color: #e68000;
	width: 400px;
}
#kengai .button.orange:after {
	border-top: solid 1px #e68000;
	border-right: solid 1px #e68000;
}
@media only screen and (max-width: 769px){
	#kengai .pagejump {
		padding: 10px 0 15px;
		top: 50px;
	}
	#kengai .pagejump ul {
		display: grid;
		gap: 1rem;
		grid-template-columns: 1fr 1fr;
	}
	#kengai .pagejump ul li {
		width: 100%;
		margin: 0;
	}
	#kengai .pagejump ul li a {
		font-size: 12px;
		padding: 1em;
	}
	#kengai .pagejump.stuck {
		padding: 10px 0 15px;
	}
	#kengai .pagejump.stuck ul li a {
		font-size: 10px;
	}
	#kengai .pagejump.stuck ul li a::after {
		width: 15px;
		height: 15px;
	}

	#kengai .anchor {
		margin-top: -180px;
		padding-top: 180px;
	}

	#kengai section .inner {
		padding: 3em 0;
	}
	#kengai .section-title {
		font-size: 27px;
		padding-bottom: 20px;
	}
	#kengai .section-title::after {
		width: 55px;
	}
	#kengai .section-text {
		font-size: 15px;
		width: 100%;
	}
	#kengai .flex-box {
		display: block;
	}

	#kengai .button {
		box-sizing: border-box;
		font-size: 13px;
		width: 100%;
		max-width: 400px;
		padding: 1em;
	}
	#kengai .button.arrow::after {
		width: 8px;
		height: 8px;
	}
	#kengai .button.orange {
		width: 100%;
	}
}

#kengai .sec01 .flex-box figure {
	width: 45%;
}
#kengai .sec01 .flex-box .text-box {
	background: #f3eddf;
	box-sizing: border-box;
	width: 48%;
	margin-top: 8%;
	margin-left: -5%;
	padding: 5% 5% 5% 10%;
	z-index: -1;
}
#kengai .sec01 .flex-box.reverse {
	flex-direction: row-reverse;
	margin-bottom: 3%;
}
#kengai .sec01 .flex-box.reverse .text-box {
	margin-left: 0;
	margin-right: -5%;
	padding: 5% 10% 5% 5%;
}
#kengai .sec01 .flex-box .text-box h3 {
	font-size: 28px;
	font-weight: bold;
}
#kengai .sec01 .flex-box .text-box small {
	color: #e68000;
	display: block;
	font-size: 14px;
	padding: 8px 0;
}
#kengai .sec01 .flex-box .text-box p {
	font-weight: bold;
	line-height: 1.75;
	margin-top: 2em;
}
#kengai .sec01 .flex-box .text-box span {
	background: #e68000;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 5px 10px;
}
#kengai .sec02 {
	background: url(../img/kengai/bg02.jpg) no-repeat center top/contain;
	padding-top: 10em;
}
#kengai .sec02 .flex-box {
	background: #fff;
}
#kengai .sec02 .flex-box .box {
	box-sizing: border-box;
	width: 50%;
}
#kengai .sec02 .flex-box .box.left {
	background: url(../img/kengai/shikaku02.png) no-repeat left 3% top 5%/48%;
	padding: 5% 4% 5% 8%;}
#kengai .sec02 .flex-box .box.right {
	background: url(../img/kengai/syusyoku02.png) no-repeat right 3% top 5%/48%;
	padding: 5% 8% 5% 4%;}
#kengai .sec02 .flex-box .box h3 {
	font-weight: bold;
	font-size: 38px;
	line-height: 1.25;
	text-align: center;
}
#kengai .sec02 .flex-box .box figure {
	width: 90%;
	margin: 30px auto 50px;
}
#kengai .sec02 .flex-box .box p {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.85;
}
@media only screen and (max-width: 769px){
	#kengai .sec01 .inner {
		padding: 3em 0;
	}
	#kengai .sec01 .flex-box figure {
		margin: 0 calc(50% - 50vw);
		width: 100%;
	}
	#kengai .sec01 .flex-box .text-box {
		margin: -40% calc(50% - 50vw) 0 auto;
		padding: 50% 5% 5%;
		width: 90vw;
	}
	#kengai .sec01 .flex-box .text-box h3 {
		font-size: 25px;
	}
	#kengai .sec01 .flex-box .text-box small {
		font-size: 13px;
		padding: 5px 0;
	}
	#kengai .sec01 .flex-box .text-box p {
		font-size: 14px;
		line-height: 2;
		margin-top: 1em;
	}
	#kengai .sec01 .flex-box.reverse {
		display: block;
		margin-bottom: 10%;
	}
	#kengai .sec01 .flex-box.reverse figure {
		margin: 0 calc(50% - 50vw) 0 auto;
		width: 100%;
	}
	#kengai .sec01 .flex-box.reverse .text-box {
		margin: -30% calc(50% - 50vw) 0;
		padding: 40% 5% 5%;
		width: 100%;
	}

	#kengai .sec02 {
		background-image: url(../img/kengai/bg02_sp.jpg);
		padding: 0;
	}
	#kengai .sec02 .inner {
		padding: 5em 0 3em;
	}
	#kengai .sec02 .flex-box {
		width: 100%;
		margin: auto;
	}
	#kengai .sec02 .flex-box .box {
		width: 100%;
	}
	#kengai .sec02 .flex-box .box.left {
		background-position: left top;
		padding: 8% 5%;
	}
	#kengai .sec02 .flex-box .box.right {
		background-position: right top;
		padding: 8% 5%;
	}
	#kengai .sec02 .flex-box .box h3 {
		font-size: 25px;
	}
	#kengai .sec02 .flex-box .box figure {
		margin: 5% auto 8%;
	}
	#kengai .sec02 .flex-box .box p {
		font-size: 14px;
		line-height: 2;
	}
}

#kengai .sec03 {
	background: #f3eddf;
}
#kengai .sec03 .box-wrapper {
	background: #fff;
	border: 2px solid #e68000;
	border-radius: 20px;
	box-sizing: border-box;
	margin: 100px auto;
	padding: 60px 30px;
	position: relative;
}
#kengai .sec03 .box-wrapper .num {
	position: absolute;
	width: 105px;
	height: 105px;
	top: -50px;
	left: 0;
	right: 0;
	margin: auto;
}
#kengai .sec03 .box h3 {
	display: inline;
	font-size: 40px;
	line-height: 1.25;
	background:linear-gradient(transparent 75%, #ffff00 75%);
}
#kengai .sec03 .box p {
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
	margin-top: 45px;
}
#kengai .sec03 .flex-box {
	align-items: center;
}

#kengai .sec03 .flex-box.box1 {
	justify-content: space-between;
	margin-top: 3em;
}
#kengai .sec03 .box1-content {
	border: 1px solid #e68000;
	border-radius: 5px;
	box-sizing: border-box;
	padding: 1em;
	width: 50%;
}
#kengai .sec03 .box1-content h4 {
	color: #d79023;
	font-weight: bold;
	font-size: 25px;
	margin: -2.5em 0 0;
	padding: 1em 0 .5em;
	text-align: center;
}
#kengai .sec03 .box1-content h4 span {
	background: #fff;
	padding: 5px;
}
#kengai .sec03 .box1-content ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 1rem;
}
#kengai .sec03 .box1-content ul li {
	width: calc(50% - 0.5rem);
	background: #f3eddf;
	border-radius: 5px;
	font-size: 18px;
	font-weight: bold;
	line-height: 25px;
	padding: 10px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}
#kengai .sec03 .contents__block {
	margin-top: 3em;
}
#kengai .sec03 .contents__block .section-ttl {
	background-color: #dd960f;
	color: #fff;
	font-size: clamp(0.875rem, 0.6621rem + 0.5676vw, 1.4375rem);
	letter-spacing: .5rem;
	margin: 0 auto 1rem;
	padding: 0.5rem;
	text-align: center;
}

#kengai .sec03 .box2-1 {
	width: 45%;
	margin: 0 auto;
}
#kengai .sec03 .box2-1 .button {
	margin: 30px 0 0;
}
#kengai .sec03 .box2-2 {
	width: 50%;}
#kengai .sec03 .box3 {
	background: #f3eddf;
	box-sizing: border-box;
	padding: 20px;
	width: 50%;
}
#kengai .sec03 .box3 img {
	margin-bottom: 10px;
}
#kengai .sec03 .box3 small {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.25;
}
#kengai .sec03 .box3 a {
	color: #0066bc;
}
#kengai .sec03 .fbox4 {
	margin-top: 30px;
}
#kengai .sec03 .box4 {
	width: 45%;
}
#kengai .sec03 .box4-1 {
	display: flex;
	flex-wrap: wrap;
	width: 45%;
	margin: 0 auto;
}
#kengai .sec03 h4 {
	font-size: 25px;
	color: #d79023;
	line-height: 1.25;
	margin-top: 40px;
}
#kengai .sec03 .box4 p {
	margin-top: 20px;
}
#kengai .sec03 .box4 .button {
	margin: 20px 0 0;
}
#kengai .sec03 .box4-1 h4 {
	font-size: 25px;
	color: #d79023;
	line-height: 1.25;
}
#kengai .sec03 .box4-1 p {
	margin-top: 20px;
}
#kengai .sec03 .box4-1 a {
	margin: 30px 0 0;
	width: 80%;
}
#kengai .sec03 .box4-2 {
	background: #f3eddf;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 25px 30px;
	width: 50%;
}
#kengai .sec03 .box4-2 h4 {
	font-size: 22px;
	color: #d79023;
}
#kengai .sec03 .box4-2 p{
	font-size: 12px;
	font-weight: bold;
	line-height: 1.25;
	margin: 1em 0 2em;
}
#kengai .sec03 .grid-box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3rem;
	margin-top: 2rem;
}
#kengai .sec03 .grid-box figure {
    border-bottom: 2px dotted #666666;
    padding-bottom: 2rem;
}
@media only screen and (max-width: 769px){
	#kengai .sec03 .section-text.center {
		margin: 30px auto;
		text-align: left;
	}
	#kengai .sec03 .box-wrapper {
		border-radius: 15px;
		margin: 60px auto 0;
		padding: 15% 5% 5%;
	}
	#kengai .sec03 .box-wrapper .num {
		width: 80px;
		height: 80px;
		top: -45px;
	}
	#kengai .sec03 .box h3 {
		font-size: 25px;
		line-height: 1.5;
	}
	#kengai .sec03 .box p {
		font-size: 14px;
		margin: 20px auto 10px;
	}
	#kengai .sec03 .box1 {
		width: 100%;
		margin: auto;
	}
	#kengai .sec03 .flex-box.box1 {
		margin-top: 0;
	}
	#kengai .sec03 .box1-content {
		margin-top: 3em;
		width: 100%;
	}
	#kengai .sec03 .box1-content h4 {
		font-size: 20px;
		line-height: 1.25;
		margin: -3em 0 0;
	}
	#kengai .sec03 h4 {
		font-size: 20px;
		line-height: 1.25;
	}
	#kengai .sec03 .box1-content ul {
		display: block;
	}
	#kengai .sec03 .box1-content ul li {
		font-size: 13px;
		width: 100%;
	}
	#kengai .sec03 .box1-content ul li + li {
		margin-top: 10px;
	}
	#kengai .sec03 .contents__block {
		margin-top: 1.5em;
	}
	#kengai .sec03 .contents__block .section-ttl {
		letter-spacing: .2em;
	}
	#kengai .sec03 .contents__block  .notes {
    font-size: clamp(0.625rem, 0.5304rem + 0.2523vw, 0.875rem);
    margin-top: 1rem;
	}
	#kengai .sec03 .contents__block figure {
		display: grid;
		grid-gap: 15px;
	}
	#kengai .sec03 .box1-2 {
		margin-top: 5%;
		width: 100%;
	}
	#kengai .sec03 .box2-1 {
		margin: auto;
		width: 100%;
	}
	#kengai .sec03 .box2-2 {
		width: 100%;
	}
	#kengai .sec03 .box2-2 .button {
		margin: 15px auto 30px;
	}
	#kengai .sec03 .box3 {
		background: none;
		padding: 0;
		width: 100%;
	}
	#kengai .sec03 .box3 small {
		line-height: 1.5;
	}
	#kengai .sec03 .box3 a {
		word-break: break-all;
	}
	#kengai .sec03 .fbox4 {
		margin: 0;
	}
	#kengai .sec03 .box4 {
		width: 100%;
	}
	#kengai .sec03 .box4 h4 {
		font-size: 18px;
		margin: 20px 0;
	}
	#kengai .sec03 .box4-1 {
		display: block;
		width: 100%;
	}
	#kengai .sec03 .box4-1 h4 {
		font-size: 18px;
		margin: 20px 0;
	}
	#kengai .sec03 .box4-2 {
		border-radius: 5px;
		margin-bottom: 5%;
		padding: 5%;
		width: 100%;
	}
	#kengai .sec03 .box4-2 h4 {
		font-size: 18px;
		line-height: 1.5;
	}
	#kengai .sec03 .box4-2 p {
		line-height: 1.5;
	}
	#kengai .sec03 .grid-box {
		margin-top: 1em;
		grid-template-columns: repeat(1, 1fr);
    gap: 1em;
	}
	#kengai .sec03 .grid-box figure {
		padding-bottom: 1em;
	}
}

#kengai .sec04 {
	background: url(../img/kengai/bg.jpg) no-repeat left center/cover !important;
}
#kengai .sec04 .box {
	background: url(../img/kengai/bg03.jpg) no-repeat center/cover;
	max-width: 740px;
	margin: 50px auto 0;
	border: 2px solid #e68000;
	box-sizing: border-box;
	padding: 3%;
}
#kengai .sec04 .box h3 {
	margin: 0 auto 20px;
	width: 90%;
}
#kengai .sec04 .box .img {
	border-bottom: 1px solid #000;
	width: 85%;
	margin: auto;
}
#kengai .sec04 .box p {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	margin-top: 20px;
	text-align: center;
}
#kengai .sec04 a {
	display: block;
	max-width: 590px;
  margin: 3em auto 0;
}
@media only screen and (max-width: 769px){
	#kengai .sec04 .box {
		margin: 25px auto;
		padding: 5%;
	}
	#kengai .sec04 .box h3 {
		margin: 0 auto 10px;
		width: 100%;
	}
	#kengai .sec04 .box .img {
		width: 100%;
	}
	#kengai .sec04 .box p {
		font-size: 14px;
		text-align: left;
	}
}

#kengai .sec05 {
	background: #f3eddf;
}
#kengai .sec05 .ttl {
	margin: 100px auto -150px;
}
#kengai .sec05 .flex-box {
	margin: 100px auto 0;
}
#kengai .sec05 .flex-box.reverse {
	flex-direction: row-reverse;
	margin: 60px auto 0;
}
#kengai .sec05 .flex-box .img {
	margin-right: 5%;
	width: 25%;
}
#kengai .sec05 .flex-box.reverse .img {
	margin-right: 0;
	margin-left: 5%;
}
#kengai .sec05 .flex-box .img .txt {
	margin-left: 10%;
}
#kengai .sec05 .flex-box .img .course {
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
}
#kengai .sec05 .flex-box .img .name {
	font-size: 35px;
	font-weight: bold;
	margin: 10px auto 0;
}
#kengai .sec05 .flex-box .img .name span {
	font-size: 50%;
}
#kengai .sec05 .flex-box .img small {
	font-size: 14px;
}
#kengai .sec05 .flex-box .text {
	background: #fff;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 3% 5%;
	position: relative;
	width:70%;
}
#kengai .sec05 .flex-box .text::before {
	position: absolute;
	content: "";
	top: 25%;
	left: -40px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 69.3px 40px 0;
	border-color: transparent #fff transparent transparent;
}
#kengai .sec05 .flex-box.reverse .text::before {
	top: 25%;
	left: inherit;
	right: -40px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 0 40px 69.3px;
	border-color: transparent transparent transparent #fff;
}
#kengai .sec05 .flex-box .text dt,
#kengai .sec05 .flex-box .text dd {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	margin: .5em auto;
	padding: .5em 1em;
	position: relative;
}
#kengai .sec05 .flex-box .text dt {
	background: #e6f4f4;
	line-height: 1;
}
#kengai .sec05 .flex-box .text dd {
	background: #f7f2f1;
	line-height: 2;
}
#kengai .sec05 .flex-box .text dt img,
#kengai .sec05 .flex-box .text dd img {
	position: absolute;
	width: 40px;
	vertical-align: middle;
}
#kengai .sec05 .flex-box .text dt img {
	top: 0;
	bottom: 0;
	left: -2em;
	margin: auto;
}
#kengai .sec05 .flex-box .text dd img {
	top: -.5em;
	left: -2em;
}
@media only screen and (max-width: 769px){
	#kengai .sec05 .ttl {
		margin: 30px auto -140px;
	}
	#kengai .sec05 .flex-box.reverse {
		margin: 30px auto 0;
	}
	#kengai .sec05 .flex-box .img {
		display: flex;
		margin: auto;
		width: 100%;
	}
	#kengai .sec05 .flex-box.reverse .img {
		flex-direction: row-reverse;
	}
	#kengai .sec05 .flex-box .img figure {
		width: 45%;
	}
	#kengai .sec05 .flex-box .img .txt {
		margin: auto;
		width: 55%;
	}
	#kengai .sec05 .flex-box .img .course {
		margin: 0;
		font-size: 16px;
	}
	#kengai .sec05 .flex-box .img .name {
		font-size: 25px;
		margin: 5px auto;
	}
	#kengai .sec05 .flex-box .img small {
		font-size: 13px;
	}
	#kengai .sec05 .flex-box .text {
		border-radius: 5px;
		padding: 5%;
		width: 100%;
	}
	#kengai .sec05 .flex-box .text::before {
		top: -25px;
		left: inherit;
		right: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 100px 0 0 100px;
		border-color: transparent transparent transparent #fff;
	}
	#kengai .sec05 .flex-box.reverse .text::before {
		top: -25px;
		left: 0;
		right: inherit;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 100px 100px;
		border-color: transparent transparent #fff transparent;
	}
	#kengai .sec05 .flex-box .text dt,
	#kengai .sec05 .flex-box .text dd {
		display: block;
		font-size: 14px;
		margin: .75em 0 .75em auto;
		width: 90%;
	}
	#kengai .sec05 .flex-box .text dt img,
	#kengai .sec05 .flex-box .text dd img {
		top: -.5em;
		bottom: inherit;
		left: -1.5em;
		width: 30px;
	}
}

#kengai .sec06 .banner {
	margin: 50px auto 80px;
}
@media only screen and (max-width: 769px){
	#kengai .sec06 .section-text.center {
		text-align: left;
		margin-bottom: 30px;
	}
	#kengai .sec06 .banner {
		margin: 30px auto 40px;
	}
}

#kengai .sec07 {
	background: url(../img/kengai/bg.jpg) no-repeat left center/cover !important;
}
#kengai .sec07 .visit-oc {
  position: relative;
  margin: 3em auto 0;
}
#kengai .sec07 .visit-oc .button {
	position: absolute;
	right: 15px;
	bottom: 25px;
	margin: 0;
}
@media only screen and (max-width: 769px){
	#kengai .sec07 .section-text.center {
		margin: 30px auto 15px;
	}
	#kengai .sec07 .visit-oc {
		margin-top: 1.5em;
	}
	#kengai .sec07 .visit-oc .button {
		bottom: 5%;
		left: 0;
		right: 0;
		margin: auto;
		width: 90%;
	}
}


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/* 2021年度卒業作品集　特設ページ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
#ge-movie2021 {
	font-family: 'Noto Sans JP', "游ゴシック", "Yu Gothic",-apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
#ge-movie2021 .head {
	background: linear-gradient(to right, #fff, #e68011 25%, #e68011 75%, #fff 100%);
	color: #fff;
	font-size: 50px;
	font-weight: 900;
	line-height: 1;
	padding: 25px 0;
	text-align: center;
}
#ge-movie2021 p {
	margin: 2em auto;
	text-align: center;
}
#ge-movie2021 p span {
	color: #727171;
	font-size: 25px;
	font-weight: 600;
	line-height: 1.25;
	padding-left: 35px;
	position: relative;
}
#ge-movie2021 p span::before {
	content: "";
	position: absolute;
	top: 5px;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 25px;
	height: 25px;
	background: url(../img/ge-movie/icon.png) no-repeat center/cover;
}
#ge-movie2021 .movie {
	padding: 100px 0;
	position: relative;
}
#ge-movie2021 .movie .bg1 {
	position: absolute;
	width: 100%;
	height: 25%;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
}
#ge-movie2021 .movie .bg2 {
	position: absolute;
	width: 100%;
	height: 25%;
	top: 25%;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
}
#ge-movie2021 .movie .bg3 {
	position: absolute;
	width: 100%;
	height: 25%;
	top: 50%;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
}
#ge-movie2021 .movie .bg4 {
	position: absolute;
	width: 100%;
	height: 25%;
	bottom: 0;
	left: 0;
	background-repeat: no-repeat;
	background-size: cover;
}
#ge-movie2021 .movie .container {
	max-width: 1120px;
	margin: auto;
	width: 90%;
}
#ge-movie2021 .movie ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#ge-movie2021 .movie ul li {
	margin-bottom: 50px;
	width: 48%;
}
#ge-movie2021 .movie ul li a {
	display: block;
	position: relative;
	z-index: 10;
}
#ge-movie2021 .movie ul li a::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 97%;
	height: 90%;
	border-radius: 10px;
	background: #fff;
	z-index: -1;
}
#ge-movie2021 .movie ul li a img {
	width: 100%;
}
@media only screen and (max-width: 769px){
	#ge-movie2021 .movie {
		padding: 50px 0;
	}
}
@media only screen and (max-width: 640px){
	#ge-movie2021 .head {
		font-size: 25px;
		padding: 15px 0;
	}
	#ge-movie2021 p {
		margin: 1em auto;
	}
	#ge-movie2021 p span {
		font-size: 18px;
		padding-left: 0;
	}
	#ge-movie2021 p span::before {
		left: -25px;
		width: 20px;
		height: 20px;
	}
	#ge-movie2021 .movie {
		padding: 25px 0;
	}
	#ge-movie2021 .movie ul {
		display: block;
	}
	#ge-movie2021 .movie ul li {
		margin-bottom: 20px;
		width: 100%;
	}
	#ge-movie2021 .movie ul li:last-child {
		margin-bottom: 0;
	}
}