@charset "UTF-8";

.anchor {
	margin-top: -100px;
	padding-top: 100px;
}
@media only screen and (max-width: 769px){
	.anchor {
		margin-top: -50px;
		padding-top: 50px;
	}
}


/* IT大学校ページ */
.visual-header.it {
	background: none !important;
	width: 100%;
	height: auto;
}
.visual-header.it h1 {
	width: 100%;
	height: auto;
	margin: auto;
	max-width: 100%;
	position: relative;
	padding-left: 0;
}
.visual-header.it h1:after {
	content: none;
}
.visual-header.it h1 img {
	position: relative;
	top: inherit;
	left: inherit;
	transform: inherit;
	width: 100%;
}
#it-university {
	background: url(../img/special/it-university/back-01.png) repeat left center/25px 25px;
}
#it-university img { width: 100%;}

#it-university .intro h2 {
	max-width: 1120px;
	margin: auto;
	padding: 1.5em 0 .5em;
}
#it-university .intro .information {
	background-color: #f2f2f2;
	padding: 3em 0;
	position: relative;
}
#it-university .intro .information::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 300px;
	height: 280px;
	background: url(../img/special/it-university/philosophy-deco.png) no-repeat left center/cover;
}
#it-university .intro .information .flex-box {
	align-items: center;
	display: flex;
	max-width: 930px;
	margin: auto;
	position: relative;
	width: 90%;
	z-index: 1;
}
#it-university .intro .information .ttl {
	width: 100px;
}
#it-university .intro .information .info-content {
	margin-left: 100px;
	width: calc(100% - 200px);
}
#it-university .intro .information .info-content ul li {
	border-bottom: 1px solid #ffffff;
	margin-bottom: .75em;
}
#it-university .intro .information .info-content ul li a {
	display: block;
	line-height: 1.5;
	padding: .5em 0;
	position: relative;
}
#it-university .intro .information .info-content ul li a::after {
	content: "";
	position: absolute;
	right: 5px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 20px;
	background: url(../img/special/it-university/arrow.png) no-repeat left center/cover;
}
#it-university .intro .information .info-content ul li a .meta {
	padding-right: 2em;}
#it-university .intro .information .info-content ul li.no-link a::after {
	content: none;
}
#it-university .intro .information .info-content ul li.no-link a:hover {
	opacity: 1;
	cursor: default;
	transition: inherit;
	color: #000;
}
#it-university .intro .information .info-content ul li.no-link a span:hover {
	cursor: default;}
#it-university .intro .information .no-post {
	font-size: 18px;
	text-align: center;
}
#it-university .intro .information .more-button {
	max-width: 930px;
	margin: 2em auto 0;
	width: 90%;
}
#it-university .intro .information .more-button a {
	display: block;
	position: relative;
	max-width: 100px;
	margin: 0 0 0 auto;
	padding-right: 30px;
	text-align: right;
}
#it-university .intro .information .more-button a::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 20px;
	background: url(../img/special/it-university/arrow.png) no-repeat left center/cover;
}
/* お知らせ一覧ページのstyle */
.blog_info.it-info .bg_on {
	margin: 0 0 75px;
}
.blog_info.it-info main .inner .info-content ul li {
	border-bottom: 1px solid #000;
	margin-bottom: .75em;
}
.blog_info.it-info main .inner .info-content time {
	display: inline-block;
}
.blog_info.it-info main .inner .info-content ul li a {
	display: block;
	line-height: 1.5;
	position: relative;
	padding: .5em 0;
}
.blog_info.it-info main .inner .info-content ul li a::after {
	content: "";
	position: absolute;
	right: 5px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 20px;
	background: url(../img/special/it-university/arrow.png) no-repeat left center/cover;
}
.blog_info.it-info main .inner .info-content ul li.no-link a::after {
	content: none;
}
.blog_info.it-info main .inner .info-content ul li.no-link a:hover {
	opacity: 1;
	cursor: default;
	transition: inherit;
	color: #000;
}
.blog_info.it-info main .inner .info-content ul li.no-link a span:hover {
	cursor: default;}
/* お知らせ一覧ページのstyle はここまで ------------------------------------------------------ */
#it-university .intro .lead {
	background: url(../img/special/it-university/lead-back.jpg) no-repeat left center/cover;
	padding: 5em 0;
	position: relative;
	z-index: 1;
}
#it-university .intro .lead p {
	margin: auto;
	width: 35%;
}

#it-university .future {
	padding: 5em 0 3em;
}
#it-university .future h3 {
	max-width: 460px;
	margin: auto auto 2em;
}
#it-university .future .block01 h4 {
	color: #1a1a1a;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: .5em;
	text-align: center;
}
#it-university .future .block01 p {
	background: #0adbde;
	color: #fff;
	display: table;
	margin: auto;
	padding: .5em 1em;
}
#it-university .future .block01 .img {
	max-width: 880px;
	margin: 2em auto 0;
	width: 90%;
}
#it-university .future .block02 h3 {
	background: linear-gradient(to right,#3455fc, #0af0f2);
	max-width: 100%;
	padding: .5em 0 .75em;
	position: relative;
	text-align: center;
}
#it-university .future .block02 h3::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #33a3f7 transparent transparent transparent;
}
#it-university .future .block02 h3 img {
	max-width: 550px;
	margin: auto;
}
#it-university .future .block02 .img {
	max-width: 1020px;
	margin: 2em auto 0;
	position: relative;
	width: 90%;
}
#it-university .future .block02 .img::after {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	right: -50px;
	width: 125px;
	height: 560px;
	margin: auto;
	background: url(../img/special/it-university/future-block-02-bg.png) no-repeat left center/cover;
	z-index: -1;
}

#it-university .section00 {
	background: url(../img/special/it-university/catch-copy_bg.jpg) no-repeat left center/cover;
	padding: 5em 0;
}
#it-university .section00 .catch-copy {
	max-width: 800px;
	margin: auto;
}

#it-university .section01 {
	background: #f2f2f2;
	padding: 5em 0;
	position: relative;
}
#it-university .section01::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 600px;
	height: 480px;
	background: url(../img/special/it-university/philosophy-deco.png) no-repeat left center/cover;
}
#it-university .section01::after {
	position: absolute;
	content: "";
	bottom: 0;
	right: -100px;
	width: 600px;
	height: 480px;
	background: url(../img/special/it-university/philosophy-deco.png) no-repeat left center/cover;
}
#it-university .section01 h3 {
	max-width: 500px;
	margin: auto auto 3em;
	position: relative;
	width: 90%;
}
#it-university .section01 .lead {
	line-height: 1.75;
	max-width: 930px;
	margin: auto;
	position: relative;
	text-align: left;
}
#it-university .section01 .lead span {
	background: #0adbde;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
#it-university .section01 .tab_wrap {
	max-width: 1120px;
	margin: 80px auto;
	position: relative;
	width: 90%;
	z-index: 3;
}
#it-university .section01 input[type="radio"]{display:none;}
#it-university .section01 .tab_area {
	font-size:0;
	margin:0 10px;
}
#it-university .section01 .tab_area label {
	background: #e6e6e6;
	color: #333333;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	margin: 0 5px;
	padding: 10px 0;
	text-align: center;
	width: calc(100% / 4 - 10px);
	cursor: pointer;
}
#it-university .section01 .tab_area label:hover {
	opacity: 0.5;
}
#it-university .section01 .panel_area {
	background: #fff;
}
#it-university .section01 .tab_panel {
	width: 100%;
	box-sizing: border-box;
	padding: 3em;
	display: none;
}
#it-university .section01 .tab_panel .flex-box {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -25px;
}
#it-university .section01 .tab_panel .flex-box .box {
	margin: 0 25px;
	width: calc(100% / 2 - 50px);
}
#it-university .section01 .tab_panel .flex-box .box:nth-child(1),
#it-university .section01 .tab_panel .flex-box .box:nth-child(2){
	margin-bottom: 50px;}
#it-university .section01 .tab_panel .flex-box .box:nth-child(5) {
	margin-top: 50px;}
#it-university .section01 .tab_panel .flex-box .box h4 {
	border-bottom: 1px solid #e6e6e6;
	color: #1a1a1a;
	font-size: 18px;
	margin-bottom: 1em;
	padding: .35em 0;
}
#it-university .section01 .tab_panel .flex-box .box h4 span {
	color: #3455fc;
	font-size: 28px;
	font-weight: bold;
	padding-right: 5px;
	background: -webkit-linear-gradient(0deg, #3455fc, #0af0f2);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#it-university .section01 .tab_panel .flex-box .box ul {
	margin-top: 1em;}
#it-university .section01 .tab_panel .flex-box .box ul li {
	line-height: 1.75;}
#it-university .section01 .tab_panel .flex-box .box ul li span {
	display: table-cell;}
#it-university .section01 .tab_panel .flex-box .box ul li span:nth-child(1){
	padding-right: .5em;}
#it-university .section01 .tab_panel .flex-box .box ul li span img
{ vertical-align: middle;}
#it-university .section01 #tab1:checked ~ .tab_area .tab1_label {
	background:#fff;
	border-top: 1px solid #3455fc;
	color:#0adbde;}
#it-university .section01 #tab1:checked ~ .panel_area #panel1 {
	display:block;}
#it-university .section01 #tab2:checked ~ .tab_area .tab2_label {
	background:#fff;
	border-top: 1px solid #3455fc;
	color:#0adbde;}
#it-university .section01 #tab2:checked ~ .panel_area #panel2 {
	display:block;}
#it-university .section01 #tab3:checked ~ .tab_area .tab3_label {
	background:#fff;
	border-top: 1px solid #3455fc;
	color:#0adbde;}
#it-university .section01 #tab3:checked ~ .panel_area #panel3 {
	display:block;}
#it-university .section01 #tab4:checked ~ .tab_area .tab4_label {
	background:#fff;
	border-top: 1px solid #3455fc;
	color:#0adbde;}
#it-university .section01 #tab4:checked ~ .panel_area #panel4 {
	display:block;}

#it-university .section02 {
	padding: 5em 0;
}
#it-university .section02 h3 {
	max-width: 600px;
	margin: auto auto 3em;
	width: 90%;
}
#it-university .section02 .flex-box {
	display: flex;
	flex-wrap: wrap;
	max-width: 1180px;
	margin: auto;
	width: 90%;
}
#it-university .section02 .flex-box .box {
	margin: 0 25px 50px;
	width: calc(100% / 2 - 50px);
}
#it-university .section02 .flex-box .box .movie {
	position: relative;
	width: 95%;
	height: 285px;
	margin-bottom: 30px;
}
#it-university .section02 .flex-box .box .movie::after {
	position: absolute;
	content: "";
	top: 10px;
	right: -10px;
	width: 100%;
	height: 285px;
	background: url(../img/special/it-university/flame.png) no-repeat left center/contain;
	z-index: -1;
}
#it-university .section02 .flex-box .box .movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%;
}
#it-university .section02 .flex-box .box .txt-box {
	border-left: 1px solid #0adbde;
	line-height: 1.8;
	padding: .75em 1em;
}

#it-university .section03 {
	background: #f2f2f2;
	padding: 5em 0;
	position: relative;
}
#it-university .section03::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 600px;
	height: 480px;
	background: url(../img/special/it-university/philosophy-deco.png) no-repeat left center/cover;
}
#it-university .section03::after {
	position: absolute;
	content: "";
	bottom: 0;
	right: -100px;
	width: 600px;
	height: 480px;
	background: url(../img/special/it-university/philosophy-deco.png) no-repeat left center/cover;
}
#it-university .section03 * {
	position: relative;
	z-index: 1;
}
#it-university .section03 h3 {
	max-width: 600px;
	margin: auto auto 3em;
	width: 90%;
}
#it-university .section03 .flex-box {
	align-items: center;
	display: flex;
	justify-content: space-between;
	max-width: 900px;
	margin: auto;
}
#it-university .section03 .flex-box .lead {
	color: #000;
	font-size: clamp(1.125rem, 0.7939rem + 0.8829vw, 2rem);
	font-weight: bold;
	line-height: 1.5;
	width: calc(100% - 390px);
}
#it-university .section03 .flex-box figure {
	width: 390px;
}
#it-university .section03 .grid-box {
	max-width: 1120px;
	margin: 5rem auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
#it-university .section03 .grid-box h4 {
	color: #fff;
	font-size: clamp(1rem, 0.8581rem + 0.3784vw, 1.375rem);
	margin-bottom: 5px;
	padding: 10px 15px;
}
#it-university .section03 .grid-box h4.color1 { background-color: #4398cd;}
#it-university .section03 .grid-box h4.color2 { background-color: #dc5973;}
#it-university .section03 .grid-box h4.color3 { background-color: #8c989f;}
#it-university .section03 .grid-box h4.color4 { background-color: #c59f4d;}
#it-university .section03 .grid-box h4.color5 { background-color: #56a45e;}
#it-university .section03 .grid-box h4.color6 { background-color: #9d478e;}
#it-university .section03 .grid-box p {
	color: #000;
	font-size: clamp(0.8125rem, 0.7415rem + 0.1892vw, 1rem)	;
	line-height: 1.5;
	margin-top: 10px;
	text-align: center;
}

#it-university .section04 {
	padding: 5em 0;
	position: relative;
}
#it-university .section04 h3 {
	max-width: 520px;
	margin: auto auto 3em;
	width: 90%;
}
#it-university .section04 .lead {
	color: #000;
	font-size: clamp(1.125rem, 0.7939rem + 0.8829vw, 2rem);
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
#it-university .section04 .grid-box {
	max-width: 1120px;
	margin: 5rem auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
#it-university .section04 .grid-box p {
	color: #000;
	font-size: clamp(0.8125rem, 0.7415rem + 0.1892vw, 1rem);
	line-height: 1.5;
	margin-top: 10px;
	text-align: center;
}

#it-university .link h3 {
	background: #0adbde;
	color: #fff;
	font-size: 28px;
	padding: .65em 0;
	position: relative;
	text-align: center;
}
#it-university .link h3::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #0adbde transparent transparent transparent;
}
#it-university .link .it-page {
	background: url(../img/special/it-university/link-bg.jpg) no-repeat left center/cover;
	padding: 4em 0;
}
#it-university .link .it-page a {
	display: block;
	max-width: 930px;
	margin: auto;
}

#it-university .link-wrapper {
	background: url(../img/special/it-university/back-02.png) no-repeat left center/cover;
	padding: 5em 0;
}
#it-university .link-wrapper .inner {
	max-width: 1120px;
	margin: auto;
}
#it-university .link-wrapper .flex-box {
	display: flex;
	margin: 0 -25px;
}
#it-university .link-wrapper .flex-box .link-btn {
	margin: 0 25px;
	width: calc(100% / 2 - 50px );
}

@media only screen and (max-width: 769px){
	#it-university {
		margin-bottom: 1.5em;
	}
	#it-university .intro h2 {
		margin: auto;
		padding: 2em 0;
		width: 85%;
	}
	#it-university .intro .lead {
		background-position: center center;
		padding: 3em 0;
	}
	#it-university .intro .lead p {
		width: 90%;
	}
	#it-university .intro .information {
		padding: 2em 0 3em;}
	#it-university .intro .information::before {
		bottom: inherit;
		top: 0;
	}
	#it-university .intro .information .flex-box {
		display: block;}
	#it-university .intro .information .ttl {
		margin: auto auto 1em;}
	#it-university .intro .information .info-content {
		margin: auto;
		width: 100%;
	}
	#it-university .intro .information .info-content ul li a {
		padding-right: 30px;}
	#it-university .intro .information .info-content ul li a span {
		display: block;}
	#it-university .intro .information .info-content ul li a .meta {
		padding-right: 0;}

	#it-university .future {
		overflow: hidden;
		padding: 3em 0 1em;
	}
	#it-university .future h3 {
		width: 80%;
	}
	#it-university .future .block01 {
		margin: auto auto 1em;
		width: 90%;
	}
	#it-university .future .block01 h4 {
		font-size: 24px;
		line-height: 1.35;
	}
	#it-university .future .block01 p {
		line-height: 1.5;
		text-align: center;
	}
	#it-university .future .block02 h3 {
		margin-bottom: 0;
		width: 100%;
	}
	#it-university .future .block02 h3 img {
		width: 90%;
	}
	#it-university .future .block02 .img {
		margin-top: 1em;
		width: 100%;
	}
	#it-university .future .block02 .img::after {
		content: none;
	}

	#it-university .section00 {
		background: url(../img/special/it-university/catch-copy_bg_sp.jpg) no-repeat left center/cover;
		padding: 3em 0;
	}
	#it-university .section00 .catch-copy {
		width: 85%;
	}

	#it-university .section01 {
		padding: 3em 0;
	}
	#it-university .section01::before {
		top: 0;
		left: 0;
		width: 30%;
		height: 180px;
	}
	#it-university .section01::after {
		bottom: 0;
		right: 0;
		width: 30%;
		height: 180px;
	}
	#it-university .section01 h3 {
	 margin-bottom: 1.5em;}
	#it-university .section01 .lead {
	 width: 90%;}
	#it-university .section01 .tab_wrap {
		margin: 30px auto 0;}
	#it-university .section01 .acd-check{
		display: none;
	}
	#it-university .section01 .acd-label{
		background: #fff;
		color: #0adbde;
		display: block;
		font-weight: bold;
		margin-bottom: 1px;
		padding: 15px;
		position: relative;
	}
	#it-university .section01 .acd-label:after{
		background: #fff;
		box-sizing: border-box;
		color: #0adbde;
		content: '＋';
		display: block;
		font-size: 20px;
		font-weight: bold;
		padding: 13px;
		position: absolute;
		right: 0;
		top: 0px;
	}
	#it-university .section01 .acd-content{
		background: #fff;
		display: block;
		height: 0;
		opacity: 0;
		visibility: hidden;
	}
	#it-university .section01 .acd-check:checked + .acd-label:after{
		content: 'ー';
	}
	#it-university .section01 .acd-check:checked + .acd-label + .acd-content{
		height: auto;
		opacity: 1;
		margin-top: -1px;
		margin-bottom: 1px;
		padding: 0 15px 15px;
		visibility: visible;
	}
	#it-university .section01 .acd-content .flex-box .box {
		margin-bottom: 30px;}
	#it-university .section01 .acd-content .flex-box .box:last-child{
		margin-bottom: 0;}
	#it-university .section01 .acd-content .flex-box .box h4 {
		border-bottom: 1px solid #e6e6e6;
		color: #1a1a1a;
		font-size: 18px;
		line-height: 1.5;
		margin-bottom: 1em;
		padding: .35em 0;
	}
	#it-university .section01 .acd-content .flex-box .box h4 span {
		display: table-cell;
	}
	#it-university .section01 .acd-content .flex-box .box h4 span:nth-child(1) {
		color: #3455fc;
		font-size: 28px;
		font-weight: bold;
		padding-right: 10px;
		background: -webkit-linear-gradient(0deg, #3455fc, #0af0f2);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	#it-university .section01 .acd-content .flex-box .box ul {
		margin-top: 1em;}
	#it-university .section01 .acd-content .flex-box .box ul li {
		font-size: 15px;
		line-height: 1.75;}
	#it-university .section01 .acd-content .flex-box .box ul li span {
		display: table-cell;}
	#it-university .section01 .acd-content .flex-box .box ul li span:nth-child(1){
		padding-right: .5em;}
	#it-university .section01 .acd-content .flex-box .box ul li span img
	{ vertical-align: middle;}

	#it-university .section02 {
		padding: 3em 0;
	}
	#it-university .section02 h3 {
		margin: auto auto 1.5em;
	}
	#it-university .section02 .flex-box {
		display: block;
	}
	#it-university .section02 .flex-box .box {
		margin: auto auto 25px;
		width: 100%;
	}
	#it-university .section02 .flex-box .box .movie {
		height: auto;
		margin-bottom: 20px;
		padding: 30% 0;
	}
	#it-university .section02 .flex-box .box .movie::after {
		top: 12%;
		height: auto;
		padding: 30% 0;
	}
	#it-university .section02 .flex-box .box .txt-box {
		font-size: 15px;
		line-height: 1.55;
		padding: .5em .75em;
	}

	#it-university .section03 {
		padding: 3em 0;
	}
	#it-university .section03::before {
		width: 200px;
    height: 140px;
		left: 0;
	}
	#it-university .section03::after {
		width: 200px;
		height: 140px;
		right: 0;
	}
	#it-university .section03 h3 {
		margin: auto auto 1.5em;
		width: 95%;
	}
	#it-university .section03 .flex-box {
		display: block;
		margin: auto;
		width: 90%;
	}
	#it-university .section03 .flex-box .lead {
		margin-bottom: 1em;
		text-align: center;
		width: 100%;
	}
	#it-university .section03 .flex-box figure {
		width: 100%;
	}
	#it-university .section03 .grid-box {
		gap: 1rem 0.5rem;
		grid-template-columns: repeat(2, 1fr);
		margin: 2.5em auto 0;
		width: 90%;
	}

	#it-university .section04 {
		padding: 2.5em 0;
	}
	#it-university .section04 h3 {
		margin: auto auto 1.5em;
		width: 80%;
	}
	#it-university .section04 .grid-box {
		margin: 2.5rem auto 0;
		grid-template-columns: repeat(2, 1fr);
	  gap: 1rem 0.5rem;
		width: 90%;
	}
	#it-university .section04 .grid-box p {
		margin-top: 5px;
	}

	#it-university .link h3 {
		font-size: 20px;
	}
	#it-university .link .it-page {
		padding: 2em 0;
	}
	#it-university .link .it-page a {
		width: 85%;
	}

	#it-university .link-wrapper {
		padding: 2em 0;
	}
	#it-university .link-wrapper .inner {
		width: 85%;
	}
	#it-university .link-wrapper .flex-box {
		display: block;
		margin: auto;
	}
	#it-university .link-wrapper .flex-box .link-btn {
		margin: 0 0 20px;
		width: 100%;
	}
	#it-university .link-wrapper .flex-box .link-btn:last-child {
		margin-bottom: 0
	}
}





/* 併願のススメ */
#heigan .inner {
	max-width: 1120px;
	margin: auto;
}
#heigan img {
	width: 100%;
}

#heigan .sec-oc {
	padding: 5em 0 2em;
}
#heigan .sec-oc .inner {
	max-width: 990px;
}
#heigan .sec-oc p {
	border: 1px solid #595757;
	border-radius: 8px;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.55;
	padding: 20px;
	position: relative;
	text-align: center;
}
#heigan .sec-oc p:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	left: 0;
	right: 0;
	bottom: -19px;
	margin: auto;
	background: url(../img/special/heigan/arrow.png) no-repeat left center/cover;
}
#heigan .sec-oc p span {
	border-bottom: 10px solid #fcee21;
	color: #f19600;
}
#heigan .sec-oc p span small {
	font-size: 80%;
	vertical-align: middle;
}
#heigan .sec-oc .button {
	max-width: 340px;
	margin: 3em auto 0;
}

#heigan .sec01 {
	padding: 2em 0;
}
#heigan .sec01 h2 {
	max-width: 400px;
	margin: auto;
}
#heigan .sec01 .flex {
	align-items: center;
	display: flex;
	max-width: 990px;
	margin: 3em auto;
}
#heigan .sec01 .flex .text {
	font-size: 40px;
	font-weight: bold;
	line-height: 1.55;
	text-align: center;
	width: 50%;
}
#heigan .sec01 .flex .text span {
	color: #f19600;
}
#heigan .sec01 .flex .img {
	width: 50%;
}
#heigan .sec01 .flex .column2 {
	margin: 0 10px;
	width: calc(100% / 2 - 20px);
}
#heigan .sec01 .coment {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.55;
	text-align: center;
}
#heigan .sec01 .coment .highlight {
	font-size: 180%;
}
#heigan .sec01 .coment .highlight span {
	color: #f19600;
}
#heigan .sec01 .button {
	max-width: 416px;
	margin: 1em auto;
}


#heigan .last {
	margin-bottom: 5em;
}
#heigan .sec02 .inner {
	background: url(../img/special/heigan/bg.jpg) no-repeat left center/cover;
	box-sizing: border-box;
	padding: 4em 2.5em 3em;
}
#heigan .sec02 h3 {
	color: #f19600;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.55;
	text-align: center;
}
#heigan .sec02 h3 span {
	font-size: 120%;
}
#heigan .sec02 .box-ttl {
	max-width: 425px;
	margin: 3em auto 2em;
}
#heigan .sec02 .flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#heigan .sec02.sec02-1 .flex {
	justify-content: flex-start;
}
#heigan .sec02 .flex .column2 {
	margin: 0 15px;
	width: calc(100% / 2 - 30px);
}
#heigan .sec02 .flex .column2:last-child {
	margin-top: 30px;
}
#heigan .sec02 .course {
	font-size: 22px;
	font-weight: bold;
	margin: 0 auto 1.5em;
	text-align: center;
}
#heigan .sec02 .flex .column4 {
	margin: 0 5px 20px;
	width: calc(100% / 4 - 10px);
}
#heigan .sec02 .flex .column4 p {
	background: #000;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: .75em;
}
#heigan .sec02 .flex .column4:first-child p {
	background-color: #008090;}
#heigan .sec02 .flex .column4:nth-child(2) p {
	background-color: #91999e;
	padding: .75em .5em;}
#heigan .sec02 .flex .column4:nth-child(3) p {
	background-color: #e60027;}
#heigan .sec02 .flex .column4:nth-child(4) p {
	background-color: #333;}
#heigan .sec02 .flex .column4:nth-child(5) p {
	background-color: #835c43;}
#heigan .sec02 .flex .column4:nth-child(6) p {
	background-color: #FFAD3D;}
#heigan .sec02 .flex .column4:nth-child(7) p {
	background-color: #ffa6b9}
/* #heigan .sec02 .flex .column4:last-child p {
	background-color: #8fc31f;
	padding: .75em .5em;} */
#heigan .sec02 .flex .column4 p a {
	color: #fff;
	display: block;
	padding: .75em .5em;
	position: relative;
}
#heigan .sec02 .flex .column4 p a:hover {
	opacity: .7;
}
#heigan .sec02 .flex .column4 p a:after {
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: .5em;
	margin-top: -4px;
}
#heigan .sec02 .flex .column4 ul li {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.5;
	padding-left: .75em;
	position: relative;
}
#heigan .sec02 .flex .column4 ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 5px;
	height: 1px;
	background: #000;
}
#heigan .sec02 .flex .column4 ul li a {color: #595757;}
#heigan .sec02 .flex .column4:first-child ul li::before {
	background-color: #008090;}
#heigan .sec02 .flex .column4:nth-child(2) ul li::before {
	background-color: #91999e;}
#heigan .sec02 .flex .column4:nth-child(3) ul li::before {
	background-color: #e60027;}
#heigan .sec02 .flex .column4:nth-child(4) ul li::before {
	background-color: #333;}
#heigan .sec02 .flex .column4:nth-child(5) ul li::before {
	background-color: #835c43;}
#heigan .sec02 .flex .column4:nth-child(6) ul li::before{
	background-color: #FFAD3D;}
#heigan .sec02 .flex .column4:nth-child(7) ul li::before {
	background-color: #ffa6b9}
/* #heigan .sec02 .flex .column4:last-child ul li::before {
	background-color: #8fc31f;} */
#heigan .sec02 .notes {
	color: #595757;
	font-size: 15px;
}
#heigan .sec02 .add-content {
	margin-top: 5em;
}
#heigan .sec02 .text {
	background: #fff;
	box-sizing: border-box;
	font-size: 20px;
	line-height: 1.75;
	padding: 1em;
	text-align: center;
}

#heigan .sec03 {
	padding: 5em 0;
}
#heigan .sec03 .flex {
	display: flex;
	margin: 3em auto;
}
#heigan .sec03 .flex .column3 {
	margin: 0 15px;
	width: calc(100% / 3 - 30px);
	position: relative;
}
#heigan .sec03 .flex .column3::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -15px;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 0 20px 25px;
	border-color: transparent transparent transparent #fcee21;
}
#heigan .sec03 .flex .column3:last-child::after {
	content: none;
}
#heigan .sec03 .button {
	max-width: 420px;
	margin: auto;
}
#heigan .sec03 .schedule {
	margin: 4em auto 8em;
	/* max-width: 980px; */
}
#heigan .sec03 .schedule2 {
	background: url(../img/special/heigan/bg.jpg) no-repeat left center/cover;
	box-sizing: border-box;
	margin: 0 auto 4em;
	padding: 2.5em;
}
#heigan .sec03 .schedule2 .text {
	font-size: 24px;
	line-height: 1.75;
	text-align: center;
}
#heigan .sec03 .schedule2 ul {
	max-width: 545px;
	margin: 2em auto 0;
}
#heigan .sec03 .schedule2 ul li {
	align-items: center;
	color: #595757;
  font-size: 24px;
  font-weight: bold;
	display: flex;
	flex-wrap: nowrap;
  margin-top: .5em;
	text-align: center;
	border: 1px solid #9f9f9f;
	padding: 10px;
}
#heigan .sec03 .schedule2 ul li span {
	color: #f19600;
	font-size: 120%;
	margin: 0 1em 0 .5em;
	vertical-align: text-bottom;
}
#heigan .sec03 .schedule2 ul li span:nth-child(3){
	color: #00a694;
	margin-right: 0;
}
#heigan .sec03 .schedule2 .table_base {
  width: 100%;
	background: #fff;
  border: 1px solid #999;
  border-collapse: collapse;
  border-spacing: 0;
  color: #000;
  margin: 0 auto 25px;
}
#heigan .sec03 .schedule2 .table_base .table-head {
  background: #ddd;
  text-align: center;
  font-weight: 700;
}
#heigan .sec03 .schedule2 .table_base .table-sub-head th {
  background: #eee;
  text-align: center;
  font-weight: 400;
  vertical-align: middle;
}
#heigan .sec03 .schedule2 .table_base .table-sub-head th a {
  color: #f39800;
  text-decoration: underline;
}
#heigan .sec03 .schedule2 .table_base td,
#heigan .sec03 .schedule2 .table_base th {
  padding: 10px;
  line-height: 1.8;
  border: 1px solid #ccc;
}
#heigan .sec03 .schedule2 .table_base th {
  vertical-align: middle;
}
#heigan .sec03 .schedule2 .table_base td {
  font-size: .9em;
  line-height: 1.5;
  vertical-align: middle;
}
#heigan .sec03 .oc {
	background: url(../img/special/heigan/bg.jpg) no-repeat left center/cover;
	box-sizing: border-box;
	margin-top: 8em;
	padding: 3em 2.5em;
}
#heigan .sec03 .oc .ttl {
	max-width: 560px;
	margin: -6em auto 0;
	position: relative;
}
#heigan .sec03 .oc .flex {
	align-items: center;
	max-width: 840px;
	margin: 1.5em auto 0;
}
#heigan .sec03 .oc .flex .column2 {
	margin: 0;
	width: calc(100% / 2);
}
#heigan .sec03 .oc .flex .column2 a { display: block;}
#heigan .sec03 .oc .flex p {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
#heigan .sec03 .oc .flex p span {
	background: linear-gradient(transparent 60%, #fcee21 60%);
}

@import url('https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&display=swap');
#heigan .sec04 {
	padding: 5em 0 0;
}
#heigan .sec04 .cabin {
	font-family: 'Cabin', sans-serif;
}
#heigan .sec04 .head-text {
	max-width: 610px;
	margin: 0 auto 5px;
}
#heigan .sec04 .bg_on {
	margin-bottom: 50px;
}
#heigan .sec04 .flex {
	background: url(../img/special/heigan/bg.jpg) no-repeat left center/cover;
	box-sizing: border-box;
	padding: 5%;
	/* display: flex; */
}
#heigan .sec04 .flex .content {
	margin: auto;
	width: 52%;
}
#heigan .sec04 .flex .content ul li {
	color: #595757;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.25;
	margin-bottom: 15px;
	padding-left: 45px;
	position: relative;
}
#heigan .sec04 .flex .content ul li::before {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: url(../img/special/heigan/icon-check.png) no-repeat center center/cover;
}
#heigan .sec04 .flex .content ul li span {
	color: #f19600;
	font-size: 140%;
}
#heigan .sec04 .flex .content ul li small {
	font-size: 70%;
}
#heigan .sec04 .flex .content .notes {
	font-size: 15px;
	line-height: 1.75;
	margin-bottom: 20px;
}
#heigan .sec04 .flex .thumb {
	margin-top: -12%;
	width: 40%;
}
#heigan .sec04 .flex a {
	display: block;
	width: 400px;
}

#heigan .sec05 {
	padding: 5em 0 0;
}
#heigan .sec05 .flex-box {
	display: flex;
	justify-content: space-between;
	margin-top: 4em;
}
#heigan .sec05 .box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 48%;
}
#heigan .sec05 .box .name {
	border-bottom: 1px solid #cccccc;
	display: table;
	font-size: 18px;
	font-weight: bold;
	margin: 0 20px 10px auto;
	padding-bottom: 5px;
}
#heigan .sec05 .box .name span {
	color: #00a694;
}
#heigan .sec05 .box .boxContent {
	flex-grow: 1;
	background: url(../img/special/heigan/bg02.png) no-repeat left center/cover;
	box-sizing: border-box;
	border: 1px solid #f19600;
	border-radius: 15px;
	padding: 10% 5% 5%;
	position: relative;
}
#heigan .sec05 .box .boxContent .illust {
	position: absolute;
	top: -55px;
	left: 20px;
	width: 96px;
	height: 96px;
}
#heigan .sec05 .box dl:last-child dd {
	margin-bottom: 0;
}
#heigan .sec05 .box dt {
	color: #f19600;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 1em;
	position: relative;
}
#heigan .sec05 .box dt::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 10px;
	height: 2px;
	background-color: #f19600;
}
#heigan .sec05 .box dd {
	font-size: 15px;
	line-height: 1.75;
	margin-bottom: 20px;
}

#heigan .sec06 {
	padding: 5em 0 0;
}
#heigan .sec06 .flex-box {
	display: flex;
	justify-content: space-between;
	margin-top: 3em;
}
#heigan .sec06 .box {
	width: 48%;
}
#heigan .sec06 .box .head {
	color: #f19600;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.35;
	margin: 15px auto 10px;
}
#heigan .sec06 .box .txt {
	font-size: 15px;
	line-height: 1.75;
}


@media only screen and (max-width: 769px){
	#heigan {
		margin-top: 50px;
	}
	#heigan .inner {
		width: 90%;
	}

	#heigan .sec-oc {
		padding: 3em 0 0;
	}
	#heigan .sec-oc p {
		font-size: 22px;
		padding: 10px;
	}
	#heigan .sec-oc p span {
		border-bottom-width: 5px;
	}
	#heigan .sec-oc .button {
		margin-top: 2em;
		width: 80%;
	}

	#heigan .sec01 {
	 padding: 2em 0 3em;
	}
	#heigan .sec01 h2 {
		max-width: 240px;
	}
	#heigan .sec01 .flex {
		display: block;
		margin: 2em auto 1.5em;
	}
	#heigan .sec01 .flex .text {
		font-size: 30px;
		width: 100%;
	}
	#heigan .sec01 .flex .img {
		max-width: 340px;
		margin: 1em auto 0;
		width: 100%;
	}
	#heigan .sec01 .flex .column2 {
		margin: 1em auto;
		width: 100%;
	}
	#heigan .sec01 .coment {
		font-size: 18px;
	}

	#heigan .last {
		margin-bottom: 2.5em;
	}
	#heigan .sec02 .inner {
		padding: 3em 1em;
		width: 100%;
	}
	#heigan .sec02 h3 {
    font-size: 22px;
    line-height: 1.5;
	}
	#heigan .sec02 .box-ttl {
    margin: 1.5em auto;
		width: 90%;
	}
	#heigan .sec02 .flex {
		display: block;
	}
	#heigan .sec02 .flex .column2 {
		margin: 15px auto;
		width: 100%;
	}
	#heigan .sec02 .flex .column2:last-child {
		margin-top: 15px;
	}
	#heigan .sec02 .flex .column2 a {
		display: block;
	}
	#heigan .sec02 .course {
		font-size: 20px;
		line-height: 1.35;
		margin: 0 auto 1em;
	}
	#heigan .sec02 .flex .column4 {
		margin: auto auto 1em;
		width: 100%;
	}
	#heigan .sec02 .flex .column4:last-child {
		margin-bottom: 0;
	}
	#heigan .sec02 .flex .column4 p {
		font-size: 16px;
		margin-bottom: .5em;
	}
	#heigan .sec02 .flex .column4 ul li {
		line-height: 1.75;
	}
	#heigan .sec02 .notes {
		font-size: 13px;
		margin-top: 20px;
	}
	#heigan .sec02 .add-content {
		margin-top: 3em;
	}
	#heigan .sec02 .text {
		font-size: 16px;
		padding: 1em;
		text-align: left;
	}

	#heigan .sec03 {
    padding: 2.5em 0;
	}
	#heigan .sec03 .flex {
		display: block;
	}
	#heigan .sec03 .flex .column3 {
		margin: auto auto 1.5em;
		width: 100%;
	}
	#heigan .sec03 .flex .column3:last-child {
		margin-bottom: 0;
	}
	#heigan .sec03 .flex .column3::after {
		content: "";
    position: absolute;
    top: inherit;
		bottom: -15px;
    right: 0;
		left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
		border-width: 25px 20px 0 20px;
		border-color: #fcee21 transparent transparent transparent;
	}
	#heigan .sec03 .schedule {
    margin: 3.5em auto 4em;
	}
	#heigan .sec03 .schedule2 {
		padding: 1em 1.5em 2.5em;
	}
	#heigan .sec03 .schedule2 .text {
		font-size: 20px;
	}
	#heigan .sec03 .schedule2 ul li {
		display: block;
	  font-size: 20px;
		line-height: 1.25;
		padding: 5px;
	}
	#heigan .sec03 .schedule2 ul li span {
		font-size: 110%;
		margin: 0 .5em 0 .25em;
		vertical-align: baseline;
	}
	#heigan .sec03 .schedule2 .table_base {
		width: 100%;
		margin: 0 auto 20px;
	}
	#heigan .sec03 .schedule2 .table_base td,
	#heigan .sec03 .schedule2 .table_base th {
		padding: 6px;
	}
	#heigan .sec03 .schedule2 .table_base th {
		font-size: .75em;
	}
	#heigan .sec03 .schedule2 .table_base td {
		font-size: .65em;
	}
	#heigan .sec03 .schedule2 .text_base {
		font-size: .95em;
	}
	#heigan .sec03 .oc {
		margin: 0 calc(50% - 50vw);
		padding: 3em 0 1em;
	  width: 100vw;
	}
	#heigan .sec03 .oc .ttl {
    margin: -4em auto 0;
		width: 90%;
	}
	#heigan .sec03 .oc .flex {
		margin: auto;
		width: 85%;
	}
	#heigan .sec03 .oc .flex .column2 {
		margin: 1em auto;
		width: 100%;
	}
	#heigan .sec03 .oc .flex p {
    font-size: 18px;
	}

	#heigan .sec04 {
		padding: 3em 0 0;
	}
	#heigan .sec04 .head-text {
		width: 70%;
		margin-bottom: 0;
	}
	#heigan .sec04 .bg_on {
		margin-bottom: 20px;
	}
	#heigan .sec04 .flex {
		display: block;
	}
	#heigan .sec04 .flex .content {
		width: 100%;
	}
	#heigan .sec04 .flex .content ul li {
		font-size: 18px;
		padding-left: 35px;
	}
	#heigan .sec04 .flex .content ul li::before {
		width: 20px;
		height: 20px;
	}
	#heigan .sec04 .flex .content ul li span {
		font-size: 125%;
	}
	#heigan .sec04 .flex .content .notes {
		font-size: 13px;
		margin-bottom: 10px;
	}
	#heigan .sec04 .flex .thumb {
		margin: auto;
		width: 100%;
	}
	#heigan .sec04 .flex a {
		margin: auto;
		max-width: 400px;
		width: 88%;
	}

	#heigan .sec05 {
		padding: 2.5em 0 0;
	}
	#heigan .sec05 .flex-box {
		display: block;
	}
	#heigan .sec05 .box {
		display: block;
		margin-bottom: 50px;
		width: 100%;
	}
	#heigan .sec05 .box:last-child {
		margin-bottom: 0
	}
	#heigan .sec05 .box .name {
		font-size: 16px;
		margin: 0 0 20px auto;
	}
	#heigan .sec05 .box .boxContent {
		border-radius: 10px;
		padding: 45px 5% 5%;
	}
	#heigan .sec05 .box .boxContent .illust {
		top: -60px;
		left: 5px;
		width: 88px;
		height: 88px;
	}
	#heigan .sec05 .box dt {
		font-size: 16px;
	}
	#heigan .sec05 .box dd {
		font-size: 14px;
	}

	#heigan .sec06 {
		padding: 2.5em 0 0;
	}
	#heigan .sec06 .flex-box {
		display: block;
		margin-top: 1.5em;
	}
	#heigan .sec06 .box {
		margin-bottom: 30px;
		width: 100%;
	}
	#heigan .sec06 .box .head {
		font-size: 16px;
		line-height: 1.5;
		margin: 10px auto 5px;
	}
	#heigan .sec06 .box .txt {
		font-size: 14px;
	}
}




/* オンライン学校見学 */
#ost .inner {
	max-width: 1120px;
	margin: auto;
}
#ost img {
	width: 100%;
}
#ost .flex-box {
	display: flex;
}

#ost .page-link .flex-box {
	align-items: center;
	justify-content: space-between;
	padding: 1.5em 0 2em;
}
#ost .page-link .ttl {
	position: relative;
	width: 260px;
}
#ost .page-link .ttl::after {
	position: absolute;
	content: "";
	bottom: -10px;
	left: 0;
	width: 160px;
	height: 5px;
	background-color: #ff931e;
}
#ost .page-link .menu ul {
	overflow: hidden;}
#ost .page-link .menu ul li {
	float: left;}
#ost .page-link .menu ul li a {
	border-right: 1px solid #000;
	display: block;
	font-size: 18px;
	font-weight: bold;
	padding: 0 1em;
}
#ost .page-link .menu ul li:last-child a {
	border-right: 0;}
@media only screen and (max-width: 769px){
	#ost .page-link {
		margin: auto;
		width: 95%;
	}
	#ost .page-link .flex-box {
		display: block;
	}
	#ost .page-link .ttl {
		margin: auto;
		width: 45%;
	}
	#ost .page-link .ttl::after {
		bottom: -5px;
		right: 0;
		margin: auto;
		height: 3px;
		width: 70%;
	}
	#ost .page-link .menu ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 1.5em auto 0;
	}
	#ost .page-link .menu ul li {
		margin: 5px 0;
		width: calc(100% / 3 - 2px);
	}
	#ost .page-link .menu ul li a {
		font-size: 14px;
		padding: 0;
		text-align: center;
	}
	#ost .page-link .menu ul li:nth-child(3) a {
		border-right: 0;
	}
}
#ost .about {
	background: url(../img/special/ost/bg.jpg) no-repeat left center/cover;
	padding: 3.5% 0;
}
#ost .about .inner {
	position: relative;}
#ost .about .deco1 {
	position: absolute;
	top: 30%;
	left: 1%;
	max-width: 280px;
}
#ost .about .deco2 {
	position: absolute;
	bottom: -1.5em;
	right: -5%;
	max-width: 280px;
	z-index: 0;
}
#ost .about .ttl {
	color: #000;
	font-size: 35px;
	font-weight: bold;
	text-align: center;
}
#ost .about .text {
	color: #000;
	font-size: 16px;
	line-height: 1.75;
	margin: 2em auto 5em;
	text-align: center;
}
#ost .about .flex-box {
	max-width: 900px;
	margin: auto;
	position: relative;
	z-index: 1;
}
#ost .about .flex-box a {
	display: block;
	position: relative;
}
#ost .about .flex-box a::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 20px 20px;
	border-color: transparent transparent #ff931e transparent;
}
#ost .about .flex-box .box2 {
	background: #fff;
	margin: 0 15px;
	width: calc(100% / 2 - 30px);
}
#ost .about .flex-box .box2 .text-box {
	padding: 1em .75em;
}
#ost .about .flex-box .box2 .head {
	border-bottom: 1px solid #979797;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: .35em;
	padding-bottom: .35em;
}
#ost .about .flex-box .box2 .txt {
	font-size: 16px;
}
@media only screen and (max-width: 769px){
	#ost .about {
		padding: 10% 0;
	}
	#ost .about .inner {
		width: 90%;
	}
	#ost .about .deco1 {
		top: 11em;
		left: -8%;
		width: 50%;
	}
	#ost .about .deco2 {
		bottom: -2.5em;
		right: -8%;
		width: 50%;
	}
	#ost .about .ttl {
		font-size: 22px;
	}
	#ost .about .text {
		font-size: 14px;
		margin: 1em auto 5em;
		text-align: left;
	}
	#ost .about .flex-box {
		display: block;
	}
	#ost .about .flex-box .box2 {
		margin: auto auto 25px;
		width: 100%;
	}
	#ost .about .flex-box .box2 .text-box {
		padding: .75em .5em;
	}
	#ost .about .flex-box .box2 .head {
		font-size: 16px;
	}
	#ost .about .flex-box .box2 .txt {
		font-size: 13px;
	}
}
#ost section {
	padding: 5% 0;
	position: relative;
}
#ost section .bg {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 10%;
	margin: auto;
	background: #000;
	width: 100%;
	height: 170px;
	z-index: -1;
}
#ost section.sec01 .bg { background: #f1fdf3;}
#ost section.sec02 .bg { background: #e9f9fa;}
#ost section.sec03 .bg { background: #ffefe9;}
#ost section.sec04 .bg { background: #eff0eb;}
#ost section.sec05 .bg { background: #fff8fc;}
#ost section .sec-ttl {
	max-width: 360px;
	margin: auto auto 3%;
}
#ost section .flex-box {
	max-width: 1000px;
	margin: auto;
	justify-content: center;
}
#ost section .flex-box .box3 {
	margin: 0 10px;
	padding-bottom: 30px;
	width: calc(100% / 3 - 20px);
}
#ost section .flex-box .box3 p {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	margin-top: .5em;
}
#ost section .flex-box .box3 .movie {
	position: relative;
}
#ost section .flex-box .box3 .movie.m180 {
	position: relative;
}
#ost section .flex-box .box3 .movie.m180::before {
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	right: 5px;
	top: 5px;
	background: url(../img/special/ost/icon.png) no-repeat left center/cover;
}
#ost section .flex-box .box3 .movie iframe {
	width: 100%;
	height: 180px;
}
@media only screen and (max-width: 769px){
	#ost section {
		margin: 10% auto;
	}
	#ost section .inner {
		width: 90%;
	}
	#ost section .sec-ttl {
		width: 85%;
		margin: auto auto 5%;
	}
	#ost section .flex-box {
		display: block;
	}
	#ost section .flex-box .box3 {
		margin: auto;
		padding-bottom: 20px;
		width: 100%;
	}
	#ost section .flex-box .box3 p {
		font-size: 16px;
		margin-top: .35em;
	}
	#ost section .bg {
		background: none;
		left: inherit;
		bottom: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 700px 250px;
		border-color: transparent transparent #007bff transparent;
	}
	#ost section.sec01 .bg {
		border-color: transparent transparent #f1fdf3 transparent;
		background: none;
	}
	#ost section.sec02 .bg {
		border-color: transparent transparent #e9f9fa transparent;
		background: none;
	}
	#ost section.sec03 .bg {
		border-color: transparent transparent #ffefe9 transparent;
		background: none;
	}
	#ost section.sec04 .bg {
		border-color: transparent transparent #eff0eb transparent;
		background: none;
	}
	#ost section.sec05 .bg {
		border-color: transparent transparent #fff8fc transparent;
		background: none;
	}
}
#ost .button p {
	max-width: 400px;
	margin: auto;
}
#ost .button a {
	background-color: #00903b;
	border-radius: 100px;
	box-shadow: 3px 3px 0 #006837;
	color: #ffffff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	margin: 10px auto;
	padding: 15px 0;
	width: 370px;
}
#ost .button.color2 a {
	background-color: #f5911e;
	box-shadow: 3px 3px 0 #be6e00;
}
#ost .button a:hover {
	box-shadow: none;
	transform: translate3d(3px, 3px, 0);
}
@media only screen and (max-width: 769px){
	#ost .button a {
		font-size: 14px;
		max-width: 370px;
		margin: 10% auto;
		padding: 10px 0;
		width: 85%;
	}
}
#ost .zoom {
	background-color: #fff;
	background-image: url(../img/online/border1.png);
	background-repeat: repeat;
	background-size: 8px 8px;
	border: 2px solid #2c73fa;
	box-sizing: border-box;
	max-width: 1000px;
	margin: 5% auto;
	padding: 3%;
	text-align: center;
}
#ost .zoom h3 {
	color: #2c73fa;
	font-size: 22px;
	margin-bottom: 1em;
	text-align: center;
}
#ost .zoom ul {
	flex-wrap: wrap;
	max-width: 830px;
	margin: 2em auto 0;
}
#ost .zoom li {
	margin: 0 20px;
	width: calc(100% / 3 - 40px);
}
#ost .zoom li:last-child {
	margin: 1em auto 0 20px;
	text-align: left;
	width: 100%;
}
#ost .zoom p {
	margin-bottom: 10px;
	text-align: center;
}
#ost .zoom .big {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin: 1em auto;
	position: relative;
}
#ost .zoom .big::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: -50px;
	margin: auto;
	width: 40px;
	height: 40px;
	background: url(../img/online/icon01.png);
}
@media only screen and (max-width: 769px){
	#ost .zoom {
		width: 90%;
		padding: 5%;
	}
	#ost .zoom h3 {
		margin-bottom: .5em;
	}
	#ost .zoom .big {
		font-size: 18px;
	}
	#ost .zoom .big::before {
		left: -40px;
		width: 30px;
		height: 30px;
		background-size: cover;
	}
	#ost .zoom ul {
		margin-top: 1em;
	}
	#ost .zoom li {
		margin: auto auto 10px;
		width: 100%;
	}
	#ost .zoom li:last-child {
		max-width: 100%;
		margin: auto;
		width: 100%;
	}
}
#ost .oc {
	background: url(../img/special/ost/bg2.jpg) no-repeat left center/cover;
	margin-top: 5%;
	padding: 7em 0;
}
#ost .oc .oc-block {
	background: rgba(255, 255, 255, 0.8);
	box-sizing: border-box;
	max-width: 1000px;
	margin: auto;
	padding: 0 5%;
	position: relative;
}
#ost .oc .oc-block::before,
#ost .oc .oc-block::after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 63px;
}
#ost .oc .oc-block::before {
	background: url(../img/special/ost/before.png) no-repeat left center/cover;
	top: -63px;
}
#ost .oc .oc-block::after {
	background: url(../img/special/ost/after.png) no-repeat left center/cover;
	bottom: -63px;
}
#ost .oc .oc-block .sec-ttl {
	max-width: 560px;
	margin: auto;
}
#ost .oc .oc-block .head {
	max-width: 560px;
	margin: 2em auto;
}
#ost .oc .oc-block .txt {
	color: #000;
	font-size: 16px;
	line-height: 1.75;
	text-align: center;
}
#ost .oc .oc-block .flex-box {
	max-width: 800px;
	margin: 3% auto 0;
	justify-content: space-between;
}
#ost .oc .oc-block .button a {
	font-size: 16px;
	padding: 10px 0;
}
@media only screen and (max-width: 769px){
	#ost .oc {
		margin-bottom: 5%;
		padding: 15% 0 10%;
	}
	#ost .oc .inner {
		width: 90%;
	}
	#ost .oc .oc-block::before,
	#ost .oc .oc-block::after {
		height: 35px;
	}
	#ost .oc .oc-block::before {
		background: url(../img/special/ost/before-sp.png) no-repeat left center/cover;
		top: -35px;
	}
	#ost .oc .oc-block::after {
		background: url(../img/special/ost/after-sp.png) no-repeat right center/cover;
		bottom: -34px;
		z-index: 0;
	}
	#ost .oc .oc-block .head {
		margin: .5em auto .75em;
	}
	#ost .oc .oc-block .txt {
		font-size: 14px;
		text-align: left;
	}
	#ost .oc .oc-block .flex-box {
		display: block;
		position: relative;
		z-index: 1;
	}
	#ost .oc .oc-block .button a {
		margin: 5% auto;
		width: 100%;
	}
}



/* WiZでIT女子になろう */
#itgirl {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	font-family: -apple-system, YuGothic, "Yu Gothic Medium", "Yu Gothic", BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif;
	transform: rotate(0.03deg);
}
#itgirl img { width: 100%;}
#itgirl .inner {
	max-width: 1120px;
	margin: auto;
	padding: 5% 0;
	width: 90%;
}
#itgirl .flex-box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#itgirl p {
	font-size: 15px;
	line-height: 1.75;
}
#itgirl .main-visual {
	position: relative;
}
#itgirl .main-visual .fixedbtn {
	position: absolute;
	bottom: 5%;
	right: 10%;
	max-width: 245px;
	width: 18%;
}
#itgirl .btn-wrapper {
	max-width: 500px;
	margin: 5% auto;
}
#itgirl .btn-wrapper a {
	background-color: #fffd32;
	border-radius: 100px;
	color: #000;
	display: block;
	font-size: 18px;
	text-align: center;
	padding: calc(1.5rem - 12px) 3rem 1.5rem;
	position: relative;
}
#itgirl .btn-wrapper a::after {
	content: "";
	position: absolute;
	width: 20px;
	height: 10px;
	top: 0;
	bottom: 0;
	right: 15px;
	margin: auto;
	background: url(../img/special/itgirl/arrow.svg) no-repeat center/contain;
}
#itgirl .btn-wrapper a::before {
	position: absolute;
	top: -6px;
	left: -6px;
	width: 100%;
	height: 100%;
	content: "";
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border: 3px solid #000;
	border-radius: 100px;
	box-sizing: border-box;
}
#itgirl .btn-wrapper a:hover {
	padding: calc(1.5rem - 6px) 3rem;
}
#itgirl .btn-wrapper a:hover::before {
	top: 0;
  left: 0;
}

#itgirl .event {
	background: #CFDFF9;
	margin-top: -2px;
	padding: 5% 0;
}
#itgirl .event .btn-wrapper {
	max-width: calc(1120px/2);
	margin: 0 auto;
	width: 90%;
}
#itgirl .event .btn-wrapper a {
	background: none;
	box-shadow: none;
	padding: 0;
	border: 1px solid #1B365C;
	border-radius: 0;
}
#itgirl .event .btn-wrapper a::after {
	content: none;
}
@media only screen and (max-width: 769px){
	#itgirl .inner {
		padding: 10% 0;
	}
	#itgirl p {
		font-size: 14px;
	}
	#itgirl .main-visual .fixedbtn {
		bottom: -5%;
		right: 5%;
		width: 50%;
	}
	#itgirl .btn-wrapper {
		max-width: 280px;
		margin: 10% auto;
	}
	#itgirl .sec03 .btn-wrapper a {
		font-size: 16px;
	}
}


#itgirl .sec01 {
	background: #fff;
}
#itgirl .sec01 .flex01 {
	margin-bottom: 5%;
	justify-content: space-between;
}
#itgirl .sec01 .flex01 .txtbox {
	width: 65%;
}
#itgirl .sec01 .flex01 .txtbox .txt {
	margin-top: 1em;
}
#itgirl .sec01 .flex01 figure {
	width: 25%;
}
#itgirl .sec01 .flex02 {
	flex-wrap: wrap;
}
#itgirl .sec01 .flex02 .flex-content {
	box-sizing: border-box;
	width: 50%;
}
#itgirl .sec01 .flex02 .flex-content:first-child {
	border-right: 2px dotted #000;
	padding: 0 3% 3%;
}
#itgirl .sec01 .flex02 .flex-content .box {
	padding: 3%;}
#itgirl .sec01 .flex02 .flex-content .box:first-child {
	border-bottom: 2px dotted #000;}

#itgirl .sec01 .flex02 .box-flex {
	display: flex;
}
#itgirl .sec01 .flex02 .box-flex figure {
	margin-right: 5%;
	width: 45%;
}
#itgirl .sec01 .flex02 .box-flex p {
	width: 50%;
}
#itgirl .sec01 .flex02 .box-flex small {
	font-size: 12px;}
#itgirl .sec01 .flex02 .box-flex a {
	color: #29abe2;
	font-size: 12px;
	text-decoration: underline;
	word-break: break-all;
}
#itgirl .sec01 .flex02 .box-flex.b02 {
	align-items: flex-end;}
#itgirl .sec01 .flex02 .box-flex.b02 figure {
	margin-right: 0;
	width: 65%;
}
@media only screen and (max-width: 769px){
	#itgirl .sec01 .flex01 {
		display: block;
		margin-top: 2em;
	}
	#itgirl .sec01 .flex01 .txtbox {
		margin: 0 auto 5%;
		overflow: hidden;
		width: 100%;
	}
	#itgirl .sec01 .flex01 .txtbox .txt {
		margin-top: 1em;
	}
	#itgirl .sec01 .flex01 figure {
		float: right;
		width: 50%;
	}
	#itgirl .sec01 .flex02 {
		display: block;
	}
	#itgirl .sec01 .flex02 .flex-content {
		width: 100%;}
	#itgirl .sec01 .flex02 .flex-content:first-child {
		border-right: none;
		border-bottom: 2px dotted #000;
		padding: 5% 0;
	}
	#itgirl .sec01 .flex02 .flex-content .box {
		padding: 5% 0;}
	#itgirl .sec01 .flex02 .box-flex.b02 {
		display: block;
		margin-top: 5%;
	}
	#itgirl .sec01 .flex02 .box-flex.b02 figure {
		width: 100%;}
	#itgirl .sec01 .flex02 .box-flex.b02 p {
		margin-top: 10px;
		width: 100%;
	}
}

#itgirl .sec02 {
	background: url(../img/special/itgirl/bg02.jpg) no-repeat left center/cover;
	position: relative;}
	#itgirl .sec02::before {
		content: "";
		background: rgba(255, 255, 255, 0.3);
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
#itgirl .sec02 .inner {
	padding-bottom: 0;
	position: relative;
}
#itgirl .sec02 .ttl {
	margin: -12% auto 3%;
}
#itgirl .sec02 .flex-box {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	justify-content: space-between;
}
#itgirl .sec02 figure {
	width: 35%
}
#itgirl .sec02 .qaBox {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 60%;
}
#itgirl .sec02 .qaBox .qa {
	width: 48%;
}
#itgirl .sec02 .qaBox .qa:nth-child(3){
	margin-top: -3%;}
#itgirl .sec02 .qaBox .qa:nth-child(4){
	margin-top: 3%;}
@media only screen and (max-width: 769px){
	#itgirl .sec02 .inner {
		padding: 10% 0;}
	#itgirl .sec02 .ttl {
		margin: auto;}
	#itgirl .sec02 .flex-box {
		display: block;
	}
	#itgirl .sec02 figure {
		width: 100%
	}
	#itgirl .sec02 .qaBox {
		display: block;
		width: 100%;
	}
	#itgirl .sec02 .qaBox .qa {
		margin-top: 5%;
		width: 100%;
	}
	#itgirl .sec02 .qaBox .qa:nth-child(3){
		margin-top: 5%;}
	#itgirl .sec02 .qaBox .qa:nth-child(4){
		margin-top: 5%;}
}

#itgirl .sec03 dl.syoku {
	align-items: center;
	background-color: #ed7773;
	box-sizing: border-box;
	border-radius: 5px;
	display: flex;
	margin: 30px auto 15px;
	padding: 5px 10px;
}
#itgirl .sec03 dl.syoku dt {
	margin: 0 80px 0 30px;
	width: 145px;
}
#itgirl .sec03 dl.syoku dd {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
#itgirl .sec03 dl.shikaku {
	align-items: center;
	display: flex;
}
#itgirl .sec03 dl.shikaku dt {
	border: 1px solid #000;
	border-radius: 3px;
	font-weight: bold;
	margin-right: 15px;
	padding: 8px 5px;
}
@media only screen and (max-width: 769px){
	#itgirl .sec03 dl.syoku {
		border-radius: 8px;
		display: block;
		margin: 30px auto 20px;
		padding: 5%;
	}
	#itgirl .sec03 dl.syoku dt {
		margin: 0 auto 5px;
		width: 100px;
	}
	#itgirl .sec03 dl.syoku dd {
		font-size: 16px;
		line-height: 1.5;
	}
	#itgirl .sec03 dl.shikaku {
		display: block;
		text-align: center;
	}
	#itgirl .sec03 dl.shikaku dt {
		display: inline-block;
		margin-bottom: 10px;
	}
	#itgirl .sec03 dl.shikaku dd {
		font-size: 14px;
		line-height: 1.5;
		text-align: left;
	}
}
#itgirl .sec04 {
	background: url(../img/special/itgirl/bg01.jpg) repeat-y left center/contain;
	overflow: hidden;
}
#itgirl .sec04 .inner {
	position: relative;
}
#itgirl .sec04 figure {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 190px;
}
#itgirl .sec04 .ttl {
	max-width: 550px;
	margin: auto;
}
#itgirl .sec04 .slider-wrapper {
	position: relative;
}
#itgirl .sec04 .point-slider {
	/* width: 100vw;
	margin: 0 calc(50% - 50vw); */
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 5rem;
}
#itgirl .sec04 .point-slider .slick-list {
	padding: 10% 10% 0;
}
#itgirl .sec04 .point-slider .slick-track {
	padding: 3% 0;
}
#itgirl .sec04 .point-slider .slick-slide {
	transform: scale(.65);
	transition: all .5s;
}
#itgirl .sec04 .point-slider p {
	/* position: absolute; */
	font-size: 18px;
	margin-top: 1rem;
	/* top: 0;
	right: -90%;
	width: 75%;
	opacity: 0; */
}
#itgirl .sec04 .point-slider p small {
	color: #999999;
	font-size: 14px;
	line-height: 1.5;
	display: block;
	margin-top: 5px;
}
#itgirl .sec04 .point-slider .slick-slide.slick-current {
	transform: scale(1);
	margin-top: -1.9%;
}
#itgirl .sec04 .point-slider .slick-slide.slick-current p {
	opacity: 1;
}
#itgirl .sec04 .point-slider .slick-prev,
#itgirl .sec04 .point-slider .slick-next {
	border-radius: 100px;
	background-color: #ed7773 !important;
	position: absolute;/*絶対配置にする*/
	cursor: pointer;/*マウスカーソルを指マークに*/
	outline: none;/*クリックをしたら出てくる枠線を消す*/
	height: 50px;
	width: 50px;
	z-index: 100;
}
#itgirl .sec04 .point-slider .slick-prev:before,
#itgirl .sec04 .point-slider .slick-next:before {
	content: "";
	position: absolute;/*絶対配置にする*/
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 10px;
	width: 20px;
	background: url(../img/special/itgirl/arrow2.svg) no-repeat center/contain;
}
#itgirl .sec04 .point-slider .slick-prev:before {
	transform: rotate(-180deg);
}
#itgirl .sec04 .point-slider .slick-prev,
#itgirl .sec04 .point-slider .slick-next {
	top: 0;
	bottom: 0;
	margin: auto;
}
#itgirl .sec04 .point-slider .slick-prev {/*戻る矢印の位置と形状*/
	left: 5%;
}
#itgirl .sec04 .point-slider .slick-next {/*次へ矢印の位置と形状*/
	right: 45%;
}
@media only screen and (max-width: 769px){
	#itgirl .sec04 .ttl {
		width: 80%;
	}
	#itgirl .sec04 figure {
		width: 85px;
	}
	#itgirl .sec04 .point-slider {
		grid-template-columns: 1fr;
		gap: 2rem;
	}
	#itgirl .sec04 .point-slider .slick-list {
		padding: 0 10% 10%;
	}
	#itgirl .sec04 .point-slider .slick-slide {
		transform: scale(.9);
		height: 480px;
	}
	#itgirl .sec04 .point-slider .slick-slide.slick-current {
		transform: scale(.9);
		margin-top: 0;
	}
	#itgirl .sec04 .point-slider p {
		font-size: 14px;
		/* top: inherit;
		right: inherit;
		margin-top: 1em;
		width: 100%; */
	}
	#itgirl .sec04 .point-slider .slick-prev,
	#itgirl .sec04 .point-slider .slick-next {
		height: 40px;
		width: 40px;
		z-index: 100;
		top: 35%;
		bottom: inherit;
	}
	#itgirl .sec04 .point-slider .slick-prev {/*戻る矢印の位置と形状*/
		left: 5%;}
	#itgirl .sec04 .point-slider .slick-next {/*次へ矢印の位置と形状*/
		right: 5%;}
}

#itgirl .sec05 .inner {
	max-width: 680px;
}

#itgirl .sec06 {
	background: url(../img/special/itgirl/bg01.jpg) repeat-y left center/contain;
}
#itgirl .sec06 .lead {
	font-size: 18px;
	line-height: 1.75;
	margin: 30px auto 50px;
	text-align: center;
}
#itgirl .sec06 .flex-box {
	justify-content: space-between;
	position: relative;
}
#itgirl .sec06 .flex-box::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 8px;
	height: 100%;
	background: url(../img/special/itgirl/line1.png) no-repeat left center/contain;
}
#itgirl .sec06 .flex-box .box {
	width: 47.5%;
}
#itgirl .sec06 .flex-box .box figure {
	margin: 3% auto 5%;
}
@media only screen and (max-width: 769px){
	#itgirl .sec06 .lead {
		font-size: 14px;
		margin: 15px auto 30px;
		text-align: left;
	}
	#itgirl .sec06 .flex-box {
		flex-direction: column;
		gap: 2rem;
	}
	#itgirl .sec06 .flex-box::after {
		content: none;
	}
	#itgirl .sec06 .flex-box .box {
		width: 100%;
	}
	#itgirl .sec06 .flex-box .box .txt {
		font-size: 14px;
	}
}
#itgirl .sec07 {
	background: #ebdcc8;
}
#itgirl .sec07 .flex-box {
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 30px;
}
#itgirl .sec07 .flex-box figure {
	width: 33%;
}
@media only screen and (max-width: 769px){
	#itgirl .sec07 .flex-box figure {
		width: 100%;}
	#itgirl .sec07 .flex-box figure:nth-child(1){
		order: 1;}
	#itgirl .sec07 .flex-box figure:nth-child(2){
		order: 3;}
	#itgirl .sec07 .flex-box figure:nth-child(3){
		order: 2;}
	#itgirl .sec07 .flex-box figure:nth-child(4){
		order: 5;}
	#itgirl .sec07 .flex-box figure:last-child {
		margin-top: 25px;
		order: 4;
	}
}



/* ダブルメジャー制度
---------------------------------------------------------------- */
.w_major .inner {
	max-width: 1120px;
	margin: auto;
	width: 90%;
}
.w_major  p,
.w_major  li { color: #000; }
.w_major img { width: 100%; }
.w_major h3 {
	color: #003e96;
	font-size: 50px;
	padding: 100px 0 80px;
	text-align: center;
}
.w_major h3 span {
	display: inline-block;
	padding: 8px 0;
	position: relative;}
.w_major h3 span::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6px;
  background-image: linear-gradient(90deg, rgba(167, 134, 187, 1), rgba(0, 98, 176, 1) 78%);}
.w_major .sec01 {
	background: url(../img/course/w_major/bg01.jpg) no-repeat left center/contain;
	padding: 30px 0;
}
.w_major .sec01 figure {
	max-width: 785px;
	margin: auto;}
.w_major .sec01 p {
	font-size: 24px;
	line-height: 40px;
	margin: 30px auto;
	text-align: center;}
.w_major .sec02 {
	background: url(../img/course/w_major/bg02.jpg) no-repeat top center/cover;
	padding: 30px 0 200px;
}
.w_major .sec02 .flex-box {
	display: flex;
	justify-content: space-between;
	position: relative;
}
.w_major .sec02 .flex-box::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 35%;
	margin: auto;
	width: 40px;
	height: 40px;
	background: url(../img/course/w_major/icon-x.svg) no-repeat top center/cover;}
.w_major .sec02 .flex-box .box {
	width: calc(100% / 2 - 50px);}
.w_major .sec02 .flex-box .box p {
	color: #595757;
	font-size: 33px;
	font-weight: bold;
	line-height: 80px;
	height: 85px;
	margin-bottom: 15px;
	text-align: center;}
.w_major .sec02 .flex-box .box ul {
	background-color: #def1fb;
	padding: 1rem 2rem;}
.w_major .sec02 .flex-box .box ul li {
	font-size: 24px;
	line-height: 45px;
	font-weight: bold;}
.w_major .sec02 .flex-box .box ul li span {
	color: #003e96;
	font-size: 20px;
	padding-right: 5px;}
.w_major .sec02 .flex-box .box + .box p {
	line-height: 40px;}
.w_major .sec02 .flex-box .box + .box ul {
	background-color: #d9e3f3;}
.w_major .sec02 .grid-box {
	background-color: #def1fb;
	display: flex;
	gap: 1em;
	padding: 4rem;
}
.w_major .sec02 .grid-box div {
	flex: 1;
}
.w_major .sec02 .grid-box p {
	font-size: clamp(20px, 22/1366* 100vw, 22px);
	font-weight: bold;
	line-height: 1.25;}
.w_major .sec02 .grid-box span {
	display: table-cell;}
.w_major .sec02 .grid-box p.table span:first-child {
	color: #003e96;
	font-size: 20px;}
.w_major .sec02 .grid-box p b {
	border-bottom: 1px dashed #003e96;
	color: #003e96;
	font-size: 130%;}
.w_major .sec02 .link {
	padding-top: 100px;
	text-align: center;
}
.w_major .sec02 .link h4 {
	background-image: linear-gradient(90deg, rgba(167, 134, 187, 1), rgba(0, 98, 176, 1) 78%);
	display: inline-block;
	padding: 8px 20px 10px;
	text-align: center;
	transform: skewX(-20deg);
}
.w_major .sec02 .link h4 span {
	color: #fff;
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	transform: skewX(20deg);
}
.w_major .sec02 .link h3 {
	font-size: 40px;
	line-height: 60px;
	padding: 0 0 20px;}
.w_major .sec02 .link h3 span {
	padding: 3px 0;}
.w_major .sec02 .link h3 span::after {
	background: #fff000;}
.w_major .sec02 .link p {
	font-size: 35px;
	font-weight: bold;
	line-height: 50px;
	padding-bottom: 30px;
	text-align: center;}
.w_major .sec02 .link .banner {
	max-width: 900px;
	margin: auto;}
@media only screen and (max-width: 769px){
	.w_major h3 {
		font-size: 34px;
		line-height: 1.25;
		padding: 50px 0 40px;
	}
	.w_major h3 span {
		padding: 0px 0 15px;
	}
	.w_major .sec01 {
		background-image: url(../img/course/w_major/bg01-sp.jpg);
		background-position: bottom center;
		padding: 0 0 50px;
	}
	.w_major .sec01 p {
		font-size: 20px;
		line-height: 35px;
		margin: 10px auto 0;}
	.w_major .kv {
		margin: 0 calc(50% - 50vw);
		width: 100vw;}
	.w_major .sec02 {
		background-image: url(../img/course/w_major/bg02-sp.jpg);
		margin-bottom: -50px;
		padding: 0 0 150px;
	}
	.w_major .sec02 .flex-box {
		flex-wrap: wrap;
		gap: 6rem;
	}
	.w_major .sec02 .flex-box::after {
		bottom: inherit;
		top: 45%;}
	.w_major .sec02 .flex-box .box {
		width: 100%;}
	.w_major .sec02 .flex-box .box p {
		font-size: 28px;
		line-height: 40px;
		height: auto;}
	.w_major .sec02 .flex-box .box ul {
		padding: 1.5rem 2rem;}
	.w_major .sec02 .flex-box .box ul li {
		font-size: 20px;}
	.w_major .sec02 .flex-box .box ul li span {
		font-size: 16px;
		padding-right: 3px;}
	.w_major .sec02 .grid-box {
		flex-direction: column;
		gap: 1.5rem;
		padding: 1.5rem;
	}
	.w_major .sec02 .grid-box div {
		flex: initial;
	}
	.w_major .sec02 .grid-box p.table span:first-child {
		font-size: 16px;}
	.w_major .sec02 .link {
		padding-top: 50px;
	}
	.w_major .sec02 .link h4 {
		margin-bottom: 10px;
		padding: 5px 15px 6px;}
	.w_major .sec02 .link h4 span {
		font-size: 20px;}
	.w_major .sec02 .link h3 {
		font-size: 28px;
		line-height: 40px;}
	.w_major .sec02 .link p {
		font-size: 20px;
		line-height: 30px;}
}


#sakuhinten img {
	width: 100%;
}
#sakuhinten .container {
	max-width: 1100px;
	margin: auto;
}
#sakuhinten .scroll {
  animation: scrollAnime 30s linear infinite;
}
#sakuhinten .scroll a {
  display: flex;
  width: 100vw;
  transition: opacity 0.3s ease;
}
#sakuhinten .scroll a:hover {
	opacity: 1;
	cursor: default;
}
#sakuhinten .scroll a img:first-child {
  animation: scrollAnime01 60s -30s linear infinite;
}
#sakuhinten .scroll a img:last-child {
  animation: scrollAnime02 60s linear infinite;
}
#sakuhinten .scroll img {
  width: 100vw;
}
@media only screen and (max-width: 769px){
	#sakuhinten .container {
		width: 90%;
	}
	#sakuhinten .kv {
		margin-top: 50px;
	}
	#sakuhinten .scroll {
		animation: scrollAnime 20s linear infinite;
		overflow: hidden;
	}
	#sakuhinten .scroll a img:first-child {
	  animation: scrollAnime01 40s -20s linear infinite;
	}
	#sakuhinten .scroll a img:last-child {
	  animation: scrollAnime02 40s linear infinite;
	}
}

#sakuhinten .lead {
	background: url(../img/works/bg01.jpg) no-repeat center/cover;
	padding: 80px 0;
}
	#sakuhinten .lead .container {
		background: url(../img/works/lead_bg.png) no-repeat center/contain;
	}
	#sakuhinten .lead h3 {
		color: #e67f12;
		font-size: 55px;
		margin-bottom: 1em;
		text-align: center;
	}
	#sakuhinten .lead p {
		font-size: 24px;
		line-height: 1.75;
		text-align: center;
	}
@media only screen and (max-width: 769px){
	#sakuhinten .lead {
		padding: 0;
	}
	#sakuhinten .lead .container {
		background: url(../img/works/lead_bg_sp.png) no-repeat top 10% center/contain;
		padding: 40px 0;
	}
	#sakuhinten .lead h3 {
		font-size: 25px;
		line-height: 1.3;
		margin-bottom: .5em;
	}
	#sakuhinten .lead p {
		font-size: 15px;
		line-height: 1.75;
	}
}

#sakuhinten .works {
	background: url(../img/works/bg02.jpg) no-repeat center/cover;
	padding: 80px 0;
}
	#sakuhinten .works h3 {
		max-width: 820px;
		margin: 0 auto 2em;
	}
	#sakuhinten .works .flex {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 1.5em;
	}
	#sakuhinten .works .head {
		background-image: linear-gradient(90deg, rgba(144, 156, 162, 1), rgba(93, 105, 112, 1));
		color: #fff;
		font-size: 36px;
		font-weight: bold;
		margin-bottom: 1em;
		padding: .75em;
		position: relative;
	}
	#sakuhinten .works .head::after {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 1em;
		margin: auto;
		width: 22px;
		height: 22px;
		background: url(../img/works/arrow.png) no-repeat center/cover;
		transform: rotate(180deg);
	}
	#sakuhinten .works .course-box[open] .head::after {
		transform: rotate(0);
	}
	#sakuhinten .works .head::marker,
	#sakuhinten .works .head::-webkit-details-marker {
		content: none;
		display: none;
	}
		#sakuhinten .works .head span {
			border-left: 5px solid #fff;
			display: block;
			padding-left: 0.5em;
		}
	#sakuhinten .works .ttl {
		font-size: 18px;
		font-weight: bold;
		line-height: 1.5;
		margin: .5em auto;
	}
	@media only screen and (max-width: 769px){
		#sakuhinten .works {
			background-image: url(../img/works/bg02_sp.jpg);
			padding: 40px 0;
		}
		#sakuhinten .works h3 {
			width: 90%;
		}
		#sakuhinten .works .head {
			font-size: 20px;
		}
			#sakuhinten .works .head span {
				border-width: 3px;
			}
			#sakuhinten .works .head::after {
				width: 18px;
				height: 18px;
			}
		#sakuhinten .works .flex {
			grid-template-columns: 1fr 1fr;
			gap: .75em;
		}
		#sakuhinten .works .ttl {
			font-size: 12px;
		}
	}
	@media only screen and (max-width: 425px){
		/* #sakuhinten .works .b01 .ttl {
			height: 55px;
		} */
	}
	/* モーダルを開くボタン */
	#sakuhinten .modal-open {
		border: none;
		background: none;
		color: #000;
		padding: 0;
		text-align: left;
	}
	#sakuhinten .modal-open span {
		background-image: linear-gradient(90deg, rgba(144, 156, 162, 1), rgba(93, 105, 112, 1));
		border-radius: 100vw;
		box-sizing: border-box;
		color: #fff !important;
		cursor: pointer;
		display: block;
		font-size: 16px;
		font-weight: bold;
		position: relative;
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
	}
	#sakuhinten .modal-open span::after {
		color: #fff !important;
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 2em;
		margin: auto;
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent transparent transparent #fff;
		border-width: 5px 0px 5px 8.66px;
	}
	#sakuhinten .modal-open:hover {
		opacity: .7;
	}
	/* モーダルと背景の指定 */
	#sakuhinten .modal{
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  text-align: center;
	  background: rgba(0,0,0,50%);
	  padding: 40px 20px;
	  overflow: auto;
	  opacity: 0;
	  visibility: hidden;
	  transition: .3s;
	  box-sizing: border-box;
		z-index: 999;
	}
	/* モーダルの擬似要素の指定 */
	#sakuhinten .modal:before{
	  content: "";
	  display: inline-block;
	  vertical-align: middle;
	  height: 100%;
	  margin-left: -0.2em;
	}
	/* クラスが追加された時の指定 */
	#sakuhinten .modal.is-active{
		display: block;
	  opacity: 1;
	  visibility: visible;
	}
	/* モーダル内側の指定 */
	#sakuhinten .modal-container{
	  position: relative;
	  display: inline-block;
	  vertical-align: middle;
	  max-width: 600px;
	  width: 90%;
	}
	/* モーダルを閉じるボタンの指定 */
	#sakuhinten .modal-close {
		border: 1px solid #000;
		background: #fff;
		border-radius: 100vw;
		color: #000;
		cursor: pointer;
		font-size: 16px;
		font-weight: bold;
		width: 100%;
		height: 45px;
		line-height: 40px;
		margin: 2em auto 0;
		max-width: 300px;
		position: relative;
	}
	#sakuhinten .modal-close::after {
		content: "▶";
		position: absolute;
		right: 2em;
	}
	#sakuhinten .modal-close:hover {
		opacity: .7;
	}
	.student_works .modal-overlay {
		display: none !important;
	}
	/* モーダルのコンテンツ部分の指定 */
	#sakuhinten .modal-content {
	  background: #fff;
	  line-height: 1.8;
	  padding: 20px;
	}
	#sakuhinten .modal-content p {
		font-size: 14px;
		text-align: left;
	}
	#sakuhinten .modal-content .modal-ttl {
	  font-size: 25px;
		font-weight: bold;
		line-height: 1.3;
		margin-bottom: 1em;
	}
	#sakuhinten .modal-content .point {
		font-size: 20px;
		font-weight: bold;
	}
	#sakuhinten .modal-content img {
		width: 100%;
		height: auto;
	}
	#sakuhinten .modal-content .container {
		margin: 10px auto;
	  width: 100%;
	}
	#sakuhinten .modal-content .thumbnail .slick-track {
		margin: 0;
	  transform: unset !important;
		display: flex;
		flex-wrap: wrap;
		width: 100% !important;
	}
	#sakuhinten .modal-content .thumbnail-img {
	  opacity: 0.3;
	  transition: opacity .3s linear;
		width: calc(100% / 5) !important;
	}
	#sakuhinten .modal-content .thumbnail.slide12 .thumbnail-img {
		width: calc(100% / 6) !important;
	}
	#sakuhinten .modal-content .thumbnail .slick-current {
	  opacity: 1;
	}
	/*  */
	#sakuhinten .course {
		background: #e5e5e5;
		margin-top: 5em;
		margin-bottom: 40px;
		padding: 40px;
	}
	#sakuhinten .course h4 {
		font-size: 40px;
		font-weight: bold;
		text-align: center;
	}
	#sakuhinten .course p {
		font-size: 20px;
		font-weight: bold;
		margin: 1em auto 2em;
		text-align: center;
	}
	#sakuhinten .course .course-flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 -15px;
	}
	#sakuhinten .course .course-flex a {
		margin: 0 15px 30px;
		width: calc(100% / 2 - 30px);
	}
	#sakuhinten .button-wrapper .button,
	#sakuhinten .course .button {
		box-sizing: border-box;
		border: 1px solid #000;
		background: #fff;
		border-radius: 100vw;
		display: block;
		font-size: 18px;
		font-weight: bold;
		height: 60px;
		line-height: 55px;
		max-width: 600px;
		margin: auto;
		position: relative;
		text-align: center;
	}
	#sakuhinten .button-wrapper .button::after,
	#sakuhinten .course .button::after {
		content: "▶";
		position: absolute;
		right: 2em;
		top: 0;
		bottom: 0;
		margin: auto;
		display: flex;
		align-items: center;
	}
	#sakuhinten .button-wrapper .button:hover,
	#sakuhinten .course .button:hover {
		opacity: .7;
	}
	#sakuhinten .button-wrapper {
		margin-top: 4em;
	}
	#sakuhinten .button-wrapper .button {
		height: auto;
		line-height: 1.2;
		padding: .5em 0;
	}
	/*  */
	#sakuhinten .nth2 .head {
		background-image: linear-gradient(90deg, rgba(219, 156, 22, 1), rgba(184, 102, 30, 1));
	}
	#sakuhinten .nth2 .modal-open span {
		background-image: linear-gradient(90deg, rgba(219, 156, 22, 1), rgba(184, 102, 30, 1));
	}
	#sakuhinten .nth2 .modal-close {
		border-color: #b8661e;
		color: #b8661e;
	}
	#sakuhinten .nth2 .course {
		background-color: #f9ecde;
	}
	#sakuhinten .nth2 .course h4,
	#sakuhinten .nth2 .course p {
		color: #b8661e;
	}
	#sakuhinten .nth2 .course .button {
		border-color: #b8661e;
		color: #b8661e;
	}
	/*  */
	#sakuhinten .nth3 .head {
		background-image: linear-gradient(90deg, rgba(171, 208, 106, 1), rgba(24, 160, 80, 1));
	}
	#sakuhinten .nth3 .modal-open span {
		background-image: linear-gradient(90deg, rgba(171, 208, 106, 1), rgba(24, 160, 80, 1));
	}
	#sakuhinten .nth3 .modal-close {
		border-color: #18a050;
		color: #18a050;
	}
	#sakuhinten .nth3 .course {
		background-color: #eaf9ea;
	}
	#sakuhinten .nth3 .course h4,
	#sakuhinten .nth3 .course p {
		color: #18a050;
	}
	#sakuhinten .nth3 .course .button {
		border-color: #18a050;
		color: #18a050;
	}
	/*  */
	#sakuhinten .nth4 .head {
		background-image: linear-gradient(90deg, rgba(242, 161, 103, 1), rgba(229, 48, 107, 1));
	}
	#sakuhinten .nth4 .modal-open span {
		background-image: linear-gradient(90deg, rgba(242, 161, 103, 1), rgba(229, 48, 107, 1));
	}
	#sakuhinten .nth4 .modal-close {
		border-color: #cc2950;
		color: #cc2950;
	}
	#sakuhinten .nth4 .course {
		background-color: #feeceb;
	}
	#sakuhinten .nth4 .course h4,
	#sakuhinten .nth4 .course p {
		color: #cc2950;
	}
	#sakuhinten .nth4 .button-wrapper .button,
	#sakuhinten .nth4 .course .button {
		border-color: #cc2950;
		color: #cc2950;
	}
@media only screen and (max-width: 769px){
	#sakuhinten .modal-open span {
		font-size: 12px;
		height: 30px;
		line-height: 28px;
	}
	#sakuhinten .modal-open span::after {
		right: 1.5em;
		border-width: 4px 0px 4px 6.93px;
	}
	#sakuhinten .modal-close {
		font-size: 14px;
		height: 35px;
		line-height: 30px;
		width: 80%;
	}
	#sakuhinten .modal:before {
		content: none;
	}
	#sakuhinten .modal-container {
		width: 100%;
	}
	#sakuhinten .modal-content {
		padding: 15px;
		width: 100%;
	}
	#sakuhinten .modal-content .modal-ttl {
		font-size: 15px;
	}
	#sakuhinten .modal-content .point {
		font-size: 14px;
	}
	#sakuhinten .modal-content p {
		font-size: 12px;
	}
	#sakuhinten .modal-container iframe {
		height: 250px !important;
	}
	#sakuhinten .course {
		margin-top: 2.5em;
		padding: 20px;
	}
	#sakuhinten .course h4 {
		font-size: 20px;
	}
	#sakuhinten .course p {
		font-size: 12px;
		margin-bottom: 1em;
	}
	#sakuhinten .course .course-flex {
		margin: 0 -5px;
	}
	#sakuhinten .course .course-flex a {
		margin: 0 5px 10px;
		width: calc(100% / 2 - 10px);
	}
	#sakuhinten .button-wrapper .button,
	#sakuhinten .course .button {
		font-size: 14px;
		height: 40px;
		line-height: 38px;
		margin-top: 1em;
		width: 90%;
	}
	#sakuhinten .button-wrapper {
		margin-top: 2em;
	}
	#sakuhinten .button-wrapper .button {
		line-height: 1.4;
		height: auto;
	}
}

#sakuhinten .oc {
	background-image: url(../img/for/bg-dot.jpg);
	padding: 80px 0;
}
	#sakuhinten .oc h3 {
		color: #e67f12;
		font-size: 55px;
		line-height: 1.25;
		margin-bottom: 1em;
		text-align: center;
	}
	#sakuhinten .oc a {
		display: block;
		max-width: 800px;
		margin: auto;
	}
@media only screen and (max-width: 769px){
	#sakuhinten .oc {
		padding: 40px 0;
	}
	#sakuhinten .oc h3 {
		font-size: 25px;
	}
}



/* WiZ独自の教育プログラム FLS */
body[class*=fls]{
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
	background-size: 16px 16px;
	background-repeat: repeat;
	background-position: center center;
}
body[class*=fls] img { width: 100%;}
body[class*=fls] .inner {
	max-width: 1100px;
	margin: auto;
	padding: 100px 0;
	box-sizing: border-box;
}
body[class*=fls] p {
	font-size: clamp(16px, 20/1366* 100vw, 20px);
	line-height: 1.7;
}
body[class*=fls] .color {
	color: #E67F12;
}
body[class*=fls] .marker {
	background: linear-gradient(transparent 65%, #FFF000 35%);
}

body[class*=fls] .lead {
	line-height: 2;
	font-weight: 500;
	text-align: center;
}
body[class*=fls] .headline {
	display: flex;
	justify-content: center;
	text-align: center;
}
body[class*=fls] .headline span.bg {
	background: linear-gradient(transparent 65%, #FFF000 35%);
	color: #000;
	font-size: clamp(20px, 38/1366* 100vw, 38px);
	font-weight: 700;
	margin: 2em 0 1em;
}
body[class*=fls] .separater + .separater {
	margin-top: 8em;
}

body[class*=fls] .sec02 {
	padding: 0 0 200px;
}
body[class*=fls] .sec02 .inner {
	background: #fff;
	padding: 3em;
}

body[class*=fls] .head-flex {
	display: grid;
	grid-template-columns: auto 38%;
	align-items: center;
	gap: 2em;
	margin-bottom: 4em;
}
body[class*=fls] .head-flex .ttl {
	display: grid;
	grid-template-columns: 90px auto;
	align-items: center;
	gap: 1.5em;
}
body[class*=fls] .head-flex .ttl span {
	font-size: clamp(20px, 38/1366* 100vw, 38px);
	font-weight: 700;
}
body[class*=fls] .head-flex .text1 {
	font-size: clamp(18px, 30/1366* 100vw, 30px);
	font-weight: 600;
	margin: 15px auto 10px;
}

body[class*=fls] .target {
	background: #E67F12;
	align-items: center;
	display: grid;
	grid-template-columns: 200px auto;
	max-width: 800px;
	margin: auto;
	border: 3px solid #E67F12;
}
body[class*=fls] .target p {
	color: #fff;
	font-size: clamp(18px, 25/1366* 100vw, 25px);
	font-weight: 600;
	text-align: center;
}
body[class*=fls] .target ul {
	background: #fff;
	padding: 1em 3em;
}
body[class*=fls] .target ul li {
	line-height: 2;
	font-weight: 600;
	display: grid;
	grid-template-columns: 5em 20px auto;
	gap: 1em;
	align-items: center;
}
body[class*=fls] .target ul li span {
	display: table-cell;
}
body[class*=fls] .target ul li .deco {
	width: 20px;
	height: 20px;
	background-color: #E67F12;
	clip-path: polygon(20px 50%, 0% 0%, 0% 20px);
}

body[class*=fls] .flowB {
	display: grid;
	gap: 3em;
	margin-top: 5em;
}

body[class*=fls] .title-line {
	color: #E67F12;
	font-size: clamp(18px, 30/1366* 100vw, 30px);
	font-weight: 600;
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1rem;
	align-items: center;
	margin-bottom: .5em;
}
body[class*=fls] .title-line::after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #E67F12;
}

body[class*=fls] .interview {
	display: grid;
	grid-template-columns: 35% auto;
	gap: 1em;
	background: #FEF3E6;
	padding: 2em;
}
body[class*=fls] .interview figcaption {
	line-height: 1.4;
	font-weight: 500;
	margin-top: .5em;
	font-size: clamp(14px, 18/1366* 100vw, 18px);
}
body[class*=fls] .interview dl {
	font-size: clamp(14px, 18/1366* 100vw, 18px);
}
body[class*=fls] .interview dl:nth-child(1) {
	border-bottom: 2px dotted #E67F12;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
body[class*=fls] .interview dl dt {
	color: #E67F12;
	font-size: 110%;
	font-weight: 600;
	margin-bottom: .25em;
}

body[class*=fls] .bg-blue {
	background: #B4E2F5;
	padding: 2em;
}
body[class*=fls] .bg-blue .target {
	max-width: 100%;
	grid-template-columns: 350px auto;
}
body[class*=fls] .bg-blue .target ul li {
	grid-template-columns: auto;
}
body[class*=fls] .bg-blue .flex {
	grid-template-columns: 1fr 1fr;
	margin: 2em auto 0;
}
body[class*=fls] .bg-blue .box {
	background: #fff;
	padding: 1em;
}
body[class*=fls] .bg-blue .box-head {
	display: flex;
	align-items: center;
	gap: 1em;
	margin-bottom: 1em;
}
body[class*=fls] .bg-blue .box-head figure {
	width: 65px;
	height: 65px;
	aspect-ratio: 1/1;
}
body[class*=fls] .bg-blue .box-head p {
	color: #E67F12;
	font-weight: 600;
	line-height: 1.4;
}
body[class*=fls] .bg-blue .text {
	font-size: inherit;
	font-weight: 500;
}
body[class*=fls] .bg-blue .box:nth-child(2) .text {
	width: 65%;
}
body[class*=fls] .bg-blue .box:nth-child(2) .img {
	margin-top: -5.5em;
}

body[class*=fls] .button-wrapper {
	max-width: 500px;
	margin: 3em auto 0;
}
body[class*=fls] .button-wrapper a {
	background: #E67F12;
	color: #fff;
	display: block;
	font-size: clamp(15px, 20/1366* 100vw, 20px);
	font-weight: 600;
	line-height: 1.4;
	padding: 1em;
	text-align: center;
}
body[class*=fls] .button-wrapper a:hover {
	opacity: .5;
}
body[class*=fls] .btn-flex-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
}
body[class*=fls] .btn-flex-wrapper .button-wrapper {
	width: 100%;
	max-width: 100%;
}
/*  */
body[class*=fls-infogame] .flex {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2em;
	margin-bottom: 3em;
	/* display: grid;
	grid-template-columns: auto 40%;
	gap: 2em;
	margin-bottom: 3em; */
}
body[class*=fls-infogame] .flex .txt {
	display: grid;
	gap: 1em;
}
body[class*=fls-infogame] .flex .flag {
	display: flex;
	gap: 5px;
	align-items: flex-end;
}
body[class*=fls-infogame] .flex .flag span:nth-child(1){
	background: #717071;
	padding: 0 1em;
	color: #fff;
	font-weight: 700;
	position: relative;
}
body[class*=fls-infogame] .flex .flag span:nth-child(1)::after {

}
body[class*=fls-infogame] .flex .flag span:nth-child(2){
	font-size: 70%;
}
body[class*=fls-infogame] .flex .box-flex {
	border: 2px solid #E67F12;
	border-radius: 15px;
	padding: 1em;
	display: flex;
	justify-content: space-between;
}
body[class*=fls-infogame] .flex .box-flex .box {
	flex: 1;
}
body[class*=fls-infogame] .flex .box-flex .box:nth-child(2){
	border-right: 1px solid #E67F12;
	border-left: 1px solid #E67F12;
	padding: 0 .5em;
	margin: 0 .5em;
}
body[class*=fls-infogame] .flex .box-flex p {
	font-size: 95%;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
}
body[class*=fls-infogame] .flex .box-flex p:nth-child(1){
	background: #E67F12;
	color: #fff;
	font-size: 115%;
	font-weight: 700;
	border-radius: 100vw;
	line-height: 1.8;
	margin-bottom: 5px;
}

/*  */
body[class*=fls-automotive] .flex {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2em;
	margin-bottom: 3em;
}
body[class*=fls-automotive] .interview .txt {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
body[class*=fls] .interview dl {
	padding: 10px;
}
body[class*=fls] .interview dl:nth-child(1) {
	margin-bottom: 0;
}
body[class*=fls] .interview dl:nth-child(1),
body[class*=fls] .interview dl:nth-child(2) {
	border-bottom: 2px dotted #E67F12;
	padding-top: 0;
}
body[class*=fls-automotive] .interview dl:nth-child(1),
body[class*=fls-automotive] .interview dl:nth-child(3){
	border-right: 2px dotted #E67F12;
}

@media only screen and (max-width: 769px){
	body[class*=fls] .inner {
		padding: 20px 0 50px;
		width: calc(100% - 2rem);
	}
	body[class*=fls] .separater + .separater {
		margin-top: 3em;
	}

	body[class*=fls] .headline span.bg {
		margin: 1em auto;
	}

	body[class*=fls] .sec02 {
		padding-bottom: 50px;
	}
	body[class*=fls] .sec02 .inner {
		padding: 1em;
	}

	body[class*=fls] .head-flex {
		grid-template-columns: auto;
		gap: 1em;
		margin-bottom: 2em;
	}
	body[class*=fls] .head-flex .ttl {
		grid-template-columns: 50px auto;
		gap: 1em;
	}

	body[class*=fls] .target {
		grid-template-columns: auto;
	}
	body[class*=fls] .target ul {
		padding: .5em 1em 1em;
	}
	body[class*=fls] .target ul li {
		grid-template-columns: 5em 15px auto;
		gap: .5em;
		line-height: 1.5;
	}
	body[class*=fls] .target ul li .deco {
		width: 15px;
    height: 15px;
    clip-path: polygon(15px 50%, 0% 0%, 0% 15px);
	}

	body[class*=fls] .flowB {
		gap: 1em;
		margin-top: 2em;
	}

	body[class*=fls] .interview {
		padding: 1em;
		grid-template-columns: auto;
	}

	body[class*=fls] .bg-blue {
		padding: 1em;
	}
	body[class*=fls] .bg-blue .target {
		grid-template-columns: auto;
	}
	body[class*=fls] .bg-blue .flex {
		grid-template-columns: 1fr;
	}
	body[class*=fls] .bg-blue .box-head figure {
		width: 40px;
		height: 40px;
	}
	body[class*=fls] .bg-blue .text {
		font-size: 14px;
	}
	body[class*=fls] .bg-blue .box:nth-child(2) .img {
		margin-top: -3em;
	}

	body[class*=fls] .button-wrapper {
		margin-top: 2em;
	}
	body[class*=fls] .button-wrapper a {
		padding: .75em;
		line-height: 1.4;
	}
	body[class*=fls] .btn-flex-wrapper {
		grid-template-columns: 1fr;
		gap: 0;
	}

	/*  */
	body[class*=fls-infogame] .flex {
		grid-template-columns: auto;
		margin-bottom: 2em;
	}
	body[class*=fls-infogame] .flex .flag {
		align-items: center;
	}
	body[class*=fls-infogame] .flex .flag span:nth-child(1){
		white-space: nowrap;
	}
	body[class*=fls-infogame] .flex .box-flex {
		flex-direction: column;
	}
	body[class*=fls-infogame] .flex .box-flex .box:nth-child(2) {
		border-top: 1px solid #E67F12;
		border-bottom: 1px solid #E67F12;
		border-left: none;
		border-right: none;
		padding: 1em 0;
		margin: 1em 0;
	}
	body[class*=fls-infogame] .flex .box-flex p {
		font-size: initial;
	}

	/*  */
	body[class*=fls-automotive] .flex {
		grid-template-columns: auto;
		gap: 1em;
		margin-bottom: 2em;
	}
	body[class*=fls-automotive] .interview .txt {
		grid-template-columns: auto;
	}
	body[class*=fls] .interview dl:nth-child(1),
	body[class*=fls] .interview dl:nth-child(2),
	body[class*=fls] .interview dl:nth-child(3),
	body[class*=fls] .interview dl:nth-child(4) {
		padding: 0;
		border: none;
	}
	body[class*=fls] .interview dl:nth-child(1),
	body[class*=fls] .interview dl:nth-child(2),
	body[class*=fls] .interview dl:nth-child(3),
	body[class*=fls] .interview dl:nth-child(4){
		border-bottom: 2px dotted #E67F12;
		padding: 10px 0;
	}
	body[class*=fls] .interview dl:nth-child(1) {
		padding-top: 0;
	}
	body[class*=fls] .interview dl:nth-child(4){
		padding-bottom: 0;
		border: none;
	}
}



/* ハッカソン */
body[class*=hackathon] {
	font-weight: 500;
}
body[class*=hackathon] img {
	width: 100%;
}
body[class*=hackathon] .container {
	max-width: 1120px;
	margin: auto;
	width: 90%;
}
body[class*=hackathon] article {
	margin: 80px 0;
}
body[class*=hackathon] .sec01 .content {
	background: linear-gradient(180deg, rgb(0, 98, 176) 25%, rgb(167, 134, 187));
	margin-top: -1px;
	position: relative;
}
body[class*=hackathon] .sec01 .content::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.65);
}
body[class*=hackathon] .sec01 .content .flex {
	display: flex;
	position: relative;
	padding: 30px;
}
body[class*=hackathon] .sec01 .content .flex .txt {
	width: calc(65% - 30px);
	margin-right: 30px;
}
body[class*=hackathon] .sec01 .content .flex .head {
	width: 55%;
	margin-bottom: 10px;
}
body[class*=hackathon] .sec01 .content .flex p {
	font-size: 17px;
	line-height: 1.75;
}
body[class*=hackathon] .sec01 .content .flex .img {
	width: 35%;}
body[class*=hackathon] .sec02 {
	margin-top: 50px;
}
body[class*=hackathon] .sec03 {
	margin-top: 50px;
}
body[class*=hackathon] .sec03 .title {
	margin: 30px auto 15px;
	width: 85%;
}
body[class*=hackathon] .sec03 .lead {
	font-size: 17px;
	line-height: 1.75;
	margin-bottom: 30px;
}
body[class*=hackathon] .sec03 .content {
	background-color: #e8f1f9;
	padding: 30px;
}
body[class*=hackathon] .sec03 .content .flex {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}
body[class*=hackathon] .sec03 .content .box figure {
	width: calc(100% + 10px);
}
body[class*=hackathon] .sec03 .content .box .head {
	color: #3ba2d8;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 5px;
}
body[class*=hackathon] .sec03 .content .box p {
	line-height: 1.75;}
body[class*=hackathon] .sec04 {
	margin-top: 50px;
}
body[class*=hackathon] .sec04 .container {
	background: linear-gradient(180deg, rgb(0, 98, 176), rgb(167, 134, 187));
	box-sizing: border-box;
	padding: 30px;
	position: relative;
}
body[class*=hackathon] .sec04 .container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.65);
}
body[class*=hackathon] .sec04 .title {
	margin: auto;
	position: relative;
	width: 90%;
}
body[class*=hackathon] .sec04 .flex {
	align-items: center;
	display: grid;
	grid-template-columns: 360px auto;
	gap: 30px;
	margin-top: 30px;
	position: relative;
}
body[class*=hackathon] .sec04 .flex p {
	font-size: 17px;
	line-height: 1.75;}
body[class*=hackathon] .sec05 {
	margin-top: 50px;
}
body[class*=hackathon] .sec05 .container {
	background-color: #4684c5;
	box-sizing: border-box;
	padding: 30px;
}
body[class*=hackathon] .sec05 .title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	color: #fff;
	margin-bottom: 30px;
}
body[class*=hackathon] .sec05 .title h3 {
	font-size: 40px;
}
body[class*=hackathon] .sec05 .title h3 span {
	font-size: 120%;
}
body[class*=hackathon] .sec05 .title p {
	font-size: 22px;
	font-weight: bold;
}
body[class*=hackathon] .sec05 .head {
	color: #4684c5;
	background-color: #fff;
	font-size: 22px;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
}
body[class*=hackathon] .sec05 .flex {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
body[class*=hackathon] .sec05 .flex .img-box {
	width: 35%;
}
body[class*=hackathon] .sec05 .flex .img-box figure {
	margin-bottom: 10px;
}
body[class*=hackathon] .sec05 .flex .img-box p {
	color: #fff;
	font-size: 14px;
	line-height: 1.55;
}
body[class*=hackathon] .sec05 .flex .img-box p span {
	display: table-cell;
}
body[class*=hackathon] .sec05 .flex .txt-box {
	width: 60%;
}
body[class*=hackathon] .sec05 .flex .txt-box .qTxt {
	color: #fff;
	font-size: 18px;
	margin: 15px 0 10px;
}
body[class*=hackathon] .sec05 .flex .txt-box .aTxt {
	display: grid;
	grid-template-columns: 70px auto;
	gap: 15px;
	align-items: center;
}
body[class*=hackathon] .sec05 .flex .txt-box .aTxt span {
	color: #fff697;
	font-size: 14px;
	line-height: 1.55;}
@media only screen and (max-width: 769px){
	body[class*=hackathon] article {
		margin: 50px 0;
	}
	body[class*=hackathon] .sec01 .container {
		width: 100%;
	}
	body[class*=hackathon] .sec01 .content {
		background: linear-gradient(180deg, rgb(0, 98, 176), rgb(167, 134, 187) 25%);
	}
	body[class*=hackathon] .sec01 .content .flex {
		flex-direction: column;
		padding: 8% 5% 5%;
	}
	body[class*=hackathon] .sec01 .content .flex .img {
		width: 100%;
	}
	body[class*=hackathon] .sec01 .content .flex .txt {
		margin: 0 0 20px;
		width: 100%;
	}
	body[class*=hackathon] .sec01 .content .flex .head {
		width: 80%;
	}
	body[class*=hackathon] .sec01 .content .flex p {
		font-size: 14px;}
	body[class*=hackathon] .sec02 {
		margin-top: 40px;
	}
	body[class*=hackathon] .sec03 {
		margin-top: 40px;
	}
	body[class*=hackathon] .sec03 .lead {
		font-size: 15px;
		margin-bottom: 20px;
	}
	body[class*=hackathon] .sec03 .content {
		padding: 5%;
	}
	body[class*=hackathon] .sec03 .content .flex {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	body[class*=hackathon] .sec03 .content .box .head {
		font-size: 17px;
		margin: 5px 0 0;
	}
	body[class*=hackathon] .sec03 .content .box p {
		font-size: 14px;}
	body[class*=hackathon] .sec04 .container {
		padding: 8% 5% 5%;
		width: 100%;
	}
	body[class*=hackathon] .sec04 .flex {
		grid-template-columns: 1fr;
		gap: 10px;
	}
	body[class*=hackathon] .sec04 .flex p {
		font-size: 15px;}
	body[class*=hackathon] .sec05 {
		margin-top: 40px;
	}
	body[class*=hackathon] .sec05 .container {
		padding: 8% 5% 5%;
		width: 100%;
	}
	body[class*=hackathon] .sec05 .title {
		flex-direction: column;
		gap: 10px;
		margin-bottom: 20px;
		text-align: center;
	}
	body[class*=hackathon] .sec05 .title h3 {
		font-size: 22px;
	}
	body[class*=hackathon] .sec05 .title p {
		font-size: 17px;
	}
	body[class*=hackathon] .sec05 .head {
		font-size: 17px;
		line-height: 1.4;
		margin-bottom: 20px;
		padding: 5px 0;
	}
	body[class*=hackathon] .sec05 .flex {
		flex-direction: column;
	}
	body[class*=hackathon] .sec05 .flex .img-box {
		width: 100%;
	}
	body[class*=hackathon] .sec05 .flex .img-box p {
		font-size: 12px;
		margin-bottom: 5px;
	}
	body[class*=hackathon] .sec05 .flex .img-box p span {
		display: table-cell;
	}
	body[class*=hackathon] .sec05 .flex .txt-box {
		width: 100%;
	}
	body[class*=hackathon] .sec05 .flex .txt-box .qTxt {
		font-size: 16px;
		line-height: 1.4;
		text-indent: -1em;
		padding-left: 1em;
	}
	body[class*=hackathon] .sec05 .flex .txt-box .aTxt {
		align-items: flex-start;
		grid-template-columns: 65px auto;
		gap: 10px;
	}
}



/* 東京ゲームショウ */
body[class*=tokyo-gameshow] {
	font-weight: 500;
}
body[class*=tokyo-gameshow] img {
	width: 100%;
}
body[class*=tokyo-gameshow] .container {
	max-width: 1120px;
	margin: auto;
	width: 90%;
}
body[class*=tokyo-gameshow] article {
	margin: 80px 0;
}
body[class*=tokyo-gameshow] .sec01 .content {
	background: linear-gradient(0deg, rgb(245, 193, 28) 25%, rgb(228, 42, 137));
	margin-top: -1px;
	position: relative;
}
body[class*=tokyo-gameshow] .sec01 .content::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.65);
}
body[class*=tokyo-gameshow] .sec01 .content .flex {
	display: flex;
	position: relative;
	padding: 30px;
}
body[class*=tokyo-gameshow] .sec01 .content .flex .txt {
	width: calc(65% - 30px);
	margin-right: 30px;
}
body[class*=tokyo-gameshow] .sec01 .content .flex .head {
	width: 85%;
	margin-bottom: 10px;
}
body[class*=tokyo-gameshow] .sec01 .content .flex p {
	font-size: 17px;
	line-height: 1.75;
}
body[class*=tokyo-gameshow] .sec01 .content .flex .img {
	width: 35%;}
body[class*=tokyo-gameshow] .sec02 {
	margin-top: 50px;
}
body[class*=tokyo-gameshow] .sec03 {
	margin-top: 50px;
}
body[class*=tokyo-gameshow] .sec03 .flex {
	background-color: #f4b5c9;
	display: flex;
	flex-direction: row-reverse;
}
body[class*=tokyo-gameshow] .sec03 .flex .img {
	position: relative;
	overflow: hidden;
	width: 35%;
}
body[class*=tokyo-gameshow] .sec03 .flex .img img {
	position: absolute;
	object-fit: cover;
	top: 0;
	left: -5%;
	width: 110%;
}
body[class*=tokyo-gameshow] .sec03 .flex .txt {
	width: 65%;
	box-sizing: border-box;
	padding: 30px;
}
body[class*=tokyo-gameshow] .sec03 .flex .head {
	font-size: 35px;
	font-weight: bold;
	color: #fff697;
}
body[class*=tokyo-gameshow] .sec03 .flex p {
	color: #fff;
	font-size: 17px;
	line-height: 1.75;}
body[class*=tokyo-gameshow] .sec04 {
	margin-top: 50px;
}
body[class*=tokyo-gameshow] .sec04 .container {
	background: linear-gradient(0deg, rgb(245, 193, 28) 25%, rgb(228, 42, 137));
	box-sizing: border-box;
	padding: 30px;
	position: relative;
}
body[class*=tokyo-gameshow] .sec04 .container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.65);
}
body[class*=tokyo-gameshow] .sec04 .title {
	background-color: #e95b78;
	color: #fff697;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 20px;
	position: relative;
	padding: 10px 30px;
}
body[class*=tokyo-gameshow] .sec04 .flex {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	margin-bottom: 50px;
	position: relative;
}
body[class*=tokyo-gameshow] .sec04 .flex::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 1px;
	height: 100%;
	border-left: 1px dotted #e95b78;
}
body[class*=tokyo-gameshow] .sec04 .flex .head {
	color: #e95b78;
	font-size: 25px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
}
body[class*=tokyo-gameshow] .sec04 .flex .head span {
	background-color: #fff;
	border-radius: 30px;
	display: inline-block;
	font-size: 90%;
	margin-right: 10px;
	padding: 5px 15px;
}
body[class*=tokyo-gameshow] .sec04 .flex .box-flex {
	display: flex;
	justify-content: space-between;
}
body[class*=tokyo-gameshow] .sec04 .flex .box-flex img {
	width: 40%;
}
body[class*=tokyo-gameshow] .sec04 .flex .box-flex .txt {
	width: calc(60% - 10px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
body[class*=tokyo-gameshow] .sec04 .flex .box-flex .txt p {
	font-size: 14px;
	line-height: 1.75;
}
body[class*=tokyo-gameshow] .sec04 .flex .box-flex .txt .name span {
	font-size: 115%;
}
body[class*=tokyo-gameshow] .sec04 .grid {
	display: grid;
	grid-template-columns: 60% 40%;
	gap: 0 20px;
	margin-top: 20px;
	position: relative;
	width: 98%;
}
body[class*=tokyo-gameshow] .sec04 .grid .step {
	grid-column: 1;
	grid-row: 1;
	order: unset;
	display: grid;
	align-items: center;
	grid-template-columns: 95px auto;
	gap: 10px;
}
body[class*=tokyo-gameshow] .sec04 .grid .step p {
	color: #e95b78;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.75;
}
body[class*=tokyo-gameshow] .sec04 .grid .step p span {
	background-color: #fff;
	display: inline-block;
	line-height: 1.4;
	padding: 0 5px;
}
body[class*=tokyo-gameshow] .sec04 .grid .text {
	grid-column: 1;
	grid-row: 2;
	order: unset;
	font-size: 15px;
	line-height: 1.75;
	padding-left: 105px;
}

body[class*=tokyo-gameshow] .sec04 .grid figure {
	grid-column: 2;
	grid-row: 1 / 3;
	order: unset;
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}
body[class*=tokyo-gameshow] .sec04 .grid figure img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
body[class*=tokyo-gameshow] .sec05 {
	margin-top: 50px;
}
body[class*=tokyo-gameshow] .sec05 .container {
	background-color: #f4b5c9;
	box-sizing: border-box;
	padding: 30px;
}
body[class*=tokyo-gameshow] .sec05 .head {
	color: #e95b78;
	background-color: #fff;
	font-size: 22px;
	font-weight: bold;
	padding: 10px 0;
	text-align: center;
}
body[class*=tokyo-gameshow] .sec05 .flex {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
body[class*=tokyo-gameshow] .sec05 .flex .img-box {
	width: 42%;
}
body[class*=tokyo-gameshow] .sec05 .flex .img-box figure {
	margin-bottom: 10px;
}
body[class*=tokyo-gameshow] .sec05 .flex .img-box p {
	color: #fff;
	font-size: 11px;
	line-height: 1.55;
}
body[class*=tokyo-gameshow] .sec05 .flex .img-box p span {
	display: table-cell;
}
body[class*=tokyo-gameshow] .sec05 .flex .txt-box {
	width: 53%;
}
body[class*=tokyo-gameshow] .sec05 .flex .txt-box .qTxt {
	color: #fff;
	font-size: 18px;
	margin: 15px 0 10px;
}
body[class*=tokyo-gameshow] .sec05 .flex .txt-box .aTxt {
	display: grid;
	grid-template-columns: 70px auto;
	gap: 15px;
	align-items: center;
}
body[class*=tokyo-gameshow] .sec05 .flex .txt-box .aTxt span {
	color: #fff697;
	font-size: 14px;
	line-height: 1.55;}
@media only screen and (max-width: 769px){
	body[class*=tokyo-gameshow] article {
		margin: 50px 0;
	}
	body[class*=tokyo-gameshow] .sec01 .container {
		width: 100%;
	}
	body[class*=tokyo-gameshow] .sec01 .content {
		background: linear-gradient(0deg, rgb(245, 193, 28) 25%, rgb(228, 42, 137));
	}
	body[class*=tokyo-gameshow] .sec01 .content .flex {
		flex-direction: column;
		padding: 8% 5% 5%;
	}
	body[class*=tokyo-gameshow] .sec01 .content .flex .img {
		width: 100%;
	}
	body[class*=tokyo-gameshow] .sec01 .content .flex .txt {
		margin: 0 0 20px;
		width: 100%;
	}
	body[class*=tokyo-gameshow] .sec01 .content .flex .head {
		max-width: 554px;
		width: 100%;
	}
	body[class*=tokyo-gameshow] .sec01 .content .flex p {
		font-size: 14px;}
	body[class*=tokyo-gameshow] .sec02 {
		margin-top: 40px;
	}
	body[class*=tokyo-gameshow] .sec03 {
		margin-top: 40px;
	}
	body[class*=tokyo-gameshow] .sec03 .container {
		background-color: #f4b5c9;
		box-sizing: border-box;
		padding: 8% 5% 5%;
		width: 100%;
	}
	body[class*=tokyo-gameshow] .sec03 .head {
		font-size: 25px;
		font-weight: bold;
		color: #e42a89;
		text-align: center;
		margin-bottom: 20px;
	}
	body[class*=tokyo-gameshow] .sec03 .flex {
		flex-direction: column;
	}
	body[class*=tokyo-gameshow] .sec03 .flex .img {
		width: 100%;
	}
	body[class*=tokyo-gameshow] .sec03 .flex .img img {
		position: relative;
		left: inherit;
		width: 100%;
	}
	body[class*=tokyo-gameshow] .sec03 .flex .txt {
		width: 100%;
		margin-top: 20px;
		padding: 0;
	}
	body[class*=tokyo-gameshow] .sec03 .flex p {
		font-size: 14px;}
	body[class*=tokyo-gameshow] .sec04 {
		margin-top: 40px;
	}
	body[class*=tokyo-gameshow] .sec04 .container {
		padding: 8% 5% 5%;
		width: 100%;
	}
	body[class*=tokyo-gameshow] .sec04 .title {
		font-size: 20px;
		text-align: center;
	}
	body[class*=tokyo-gameshow] .sec04 .flex {
		grid-template-columns: 1fr;
		gap: 25px;
	}
	body[class*=tokyo-gameshow] .sec04 .flex::before {
		content: none;
	}
	body[class*=tokyo-gameshow] .sec04 .flex .head {
		font-size: 20px;
		margin-bottom: 10px;
	}
	body[class*=tokyo-gameshow] .sec04 .flex .box-flex {
		flex-direction: column;
	}
	body[class*=tokyo-gameshow] .sec04 .flex .box-flex img {
		width: 100%;
	}
	body[class*=tokyo-gameshow] .sec04 .flex .box-flex .txt {
		margin-top: 10px;
		width: 100%;
	}
	body[class*=tokyo-gameshow] .sec04 .grid {
		display: flex;
		flex-direction: column;
		gap: 1rem;
		grid-template-columns: none;
		width: 100%;
	}
	body[class*=tokyo-gameshow] .sec04 .grid .step {
		order: 1;
		grid-column: unset;
		grid-row: unset;
		display: grid;
		grid-template-columns: 60px auto;
		gap: 10px;
	}
	body[class*=tokyo-gameshow] .sec04 .grid .step img {
		width: 60px;
	}
	body[class*=tokyo-gameshow] .sec04 .grid .step p {
		font-size: 20px;
	}
	body[class*=tokyo-gameshow] .sec04 .grid figure {
		order: 2;
		grid-column: unset;
		grid-row: unset;
	}
	body[class*=tokyo-gameshow] .sec04 .grid .text {
		order: 3;
		grid-column: unset;
		grid-row: unset;
		padding-left: 0;
		font-size: 14px;
	}
	body[class*=tokyo-gameshow] .sec05 {
		margin-top: 40px;
	}
	body[class*=tokyo-gameshow] .sec05 .container {
		padding: 8% 5% 5%;
		width: 100%;
	}
	body[class*=tokyo-gameshow] .sec05 .head {
		font-size: 18px;
		margin-bottom: 20px;
	}
	body[class*=tokyo-gameshow] .sec05 .flex {
		flex-direction: column;
	}
	body[class*=tokyo-gameshow] .sec05 .flex .img-box {
		width: 100%;
	}
	body[class*=tokyo-gameshow] .sec05 .flex .img-box p {
		font-size: 12px;
	}
	body[class*=tokyo-gameshow] .sec05 .flex .txt-box {
		width: 100%;
	}
	body[class*=tokyo-gameshow] .sec05 .flex .txt-box .qTxt {
		font-size: 16px;
		font-weight: bold;
	}
	body[class*=tokyo-gameshow] .sec05 .flex .txt-box .aTxt {
		align-items: flex-start;
		gap: 10px;}
}



/* 東京オートサロン */
body[class*=tokyo-autosalon] section {
	color: #000;
	max-width: 1120px;
	margin: auto;
}
body[class*=tokyo-autosalon] .marker {
	background-color: #FFF000;}
body[class*=tokyo-autosalon] img { 
	width: 100%;}

body[class*=tokyo-autosalon] .sec01 {
	margin-top: 100px;
}
body[class*=tokyo-autosalon] .sec01 .flex {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	margin: auto;
	margin-top: 80px;
	width: 90%;
}
body[class*=tokyo-autosalon] .sec01 .flex .box {
	position: relative;
}
body[class*=tokyo-autosalon] .sec01 .flex .box::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 2px;
	height: calc(100% - 62px);
	background-color: #5D6970;
}
body[class*=tokyo-autosalon] .sec01 .flex .head {
	background-color: #5D6970;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.75;
	margin-bottom: 10px;
	padding: 0 20px;
}
body[class*=tokyo-autosalon] .sec01 .flex .head span {
	font-size: 80%;
}
body[class*=tokyo-autosalon] .sec01 .flex .text {
	font-size: 16px;
	line-height: 1.75;
	padding: 1em 2em;
	padding-right: 0;
}
body[class*=tokyo-autosalon] .sec01 .flex .text figure {
	margin-left: auto;
	width: 35%;
}

body[class*=tokyo-autosalon] .section-title {
	background-color: #869299;
	color: #fff;
	display: inline-block;
	font-size: 35px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-bottom: 20px;
	padding: 0 30px;
	position: relative;
}
body[class*=tokyo-autosalon] .section-title span {
	position: relative;
	z-index: 1;
}
body[class*=tokyo-autosalon] .section-title::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 20%;
	height: 100%;
	background-color: #5D6970;
	clip-path: polygon(0 0 , 100% 0, 65% 100%, 0 100%);
}
body[class*=tokyo-autosalon] .sec02 {
	background: url(../img/special/autosalon/bg01.jpg) no-repeat center/cover;
	margin-top: 80px;
	padding: 20px 0 50px;
}
body[class*=tokyo-autosalon] .sec02 .container {
	margin: auto;
	width: 90%;
}
body[class*=tokyo-autosalon] .sec02 .flex {
	display: flex;
	justify-content: space-between;
}
body[class*=tokyo-autosalon] .sec02 .block {
	width: 60%;
}
body[class*=tokyo-autosalon] .sec02 .block .copy {
	color: #5D6970;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.25;
	margin-top: 15px;
}
body[class*=tokyo-autosalon] .sec02 .block .text {
	font-size: 16px;
	line-height: 1.55;
}
body[class*=tokyo-autosalon] .sec02 .block .box {
	background-color: #888888;
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	line-height: 1.55;
	margin-top: 15px;
	padding: 15px;
}
body[class*=tokyo-autosalon] .sec02 .block .box span {
	color: #FFF000;
}
body[class*=tokyo-autosalon] .sec02 .member {
	background-color: #5D6970;
	border-radius: 8px;
	box-sizing: border-box;
	color: #fff;
	padding: 20px;
	width: calc(40% - 20px);
}
body[class*=tokyo-autosalon] .sec02 .member .head {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}
body[class*=tokyo-autosalon] .sec02 .member .text {
	font-size: 14px;
	line-height: 1.55;
	margin-top: 15px;
}

body[class*=tokyo-autosalon] .sec03 {
	background: url(../img/special/autosalon/bg02.jpg) no-repeat center/cover;
	margin-top: 80px;
	padding: 50px 0;
}
body[class*=tokyo-autosalon] .sec03 .container {
	margin: auto;
	width: 90%;
}
body[class*=tokyo-autosalon] .sec03 .grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}
body[class*=tokyo-autosalon] .sec03 .box {
	background-color: #fff;
}
body[class*=tokyo-autosalon] .sec03 .box .ttl {
	align-items: center;
	display: grid;
	grid-template-columns: 70px auto;
	gap: 10px;
	margin-left: auto;
	margin-right: 10px;
	width: calc(100% - 30px);
}
body[class*=tokyo-autosalon] .sec03 .box .ttl p {
	border-bottom: 1px solid #5D6970;
	color: #5D6970;
	display: flex;
	font-size: 28px;
	font-weight: bold;
	justify-content: space-between;
	padding-bottom: 10px;
}
body[class*=tokyo-autosalon] .sec03 .box .ttl .period {
	background:linear-gradient(transparent 55%, #FFF000 55%);
	padding: 0 10px;
}
body[class*=tokyo-autosalon] .sec03 .box .contents {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 15px;
	margin-left: auto;
	width: calc(100% - 20px);
}
body[class*=tokyo-autosalon] .sec03 .box .contents .txt {
	font-size: 15px;
	line-height: 1.55;
	padding-right: 10px;
}
body[class*=tokyo-autosalon] .sec03 .voice {
	margin-top: 30px;
}
body[class*=tokyo-autosalon] .sec03 .voice h4 {
	color: #5D6970;
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 15px;
}
body[class*=tokyo-autosalon] .sec03 .voice h4 span {
	background-color: #5D6970;
	color: #fff;
	display: inline-block;
	font-size: 150%;
	margin-right: 5px;
	padding: 10px;
	aspect-ratio: 1 / 1;
}
body[class*=tokyo-autosalon] .sec03 .voice h4 small {
	font-size: 50%;
}
body[class*=tokyo-autosalon] .sec03 .voice .flex {
	display: flex;
	justify-content: space-between;
}
body[class*=tokyo-autosalon] .sec03 .voice picture {
	width: 40%;
}
body[class*=tokyo-autosalon] .sec03 .voice .flex .txt {
	width: calc(60% - 20px);
}
body[class*=tokyo-autosalon] .sec03 .voice .head {
	color: #5D6970;
	font-size: 25px;
	font-weight: bold;
	border-bottom: 1px solid #5D6970;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
body[class*=tokyo-autosalon] .sec03 .voice .type {
	background-color: #5D6970;
	border-radius: 100vw;
	color: #fff;
	font-size: 80%;
	padding: 0 .75em;
}
body[class*=tokyo-autosalon] .sec03 .voice small {
	font-size: 70%;}
body[class*=tokyo-autosalon] .sec03 .voice .school {
	font-size: 60%;}
body[class*=tokyo-autosalon] .sec03 .voice .copy {
	color: #5D6970;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.25;
	margin-bottom: 15px;
}
body[class*=tokyo-autosalon] .sec03 .voice .text {
	font-size: 16px;
	line-height: 1.55;
}

body[class*=tokyo-autosalon] .sec04 {
	background: url(../img/libs/bg02.png) repeat;
	margin-top: 80px;
	padding: 50px 0;
}
body[class*=tokyo-autosalon] .sec04 h3 {
	max-width: 510px;
	margin-bottom: 30px;
}
body[class*=tokyo-autosalon] .sec04 ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	margin: auto;
	width: 90%;
}

body[class*=tokyo-autosalon] .sec05 {
	margin-top: 80px;
	margin-bottom: 80px;
}
body[class*=tokyo-autosalon] .sec05 a {
	display: block;
	max-width: 800px;
	margin: auto;
}
@media only screen and (max-width: 769px){
	body[class*=tokyo-autosalon] .section-title {
		box-sizing: border-box;
		display: block;
		font-size: 25px;
		line-height: 1.25;
		margin: auto;
		margin-bottom: 20px;
		padding: 10px;
		text-align: center;
		width: 90%;
	}
	body[class*=tokyo-autosalon] .section-title::after {
		width: 30%;
		clip-path: polygon(0 0 , 100% 0, 15% 100%, 0 100%);
	}

	body[class*=tokyo-autosalon] .sec01 {
		margin-top: 0;
	}
	body[class*=tokyo-autosalon] .sec01 .flex {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-top: 40px;
	}
	body[class*=tokyo-autosalon] .sec01 .flex .box::after {
		content: none;
	}
	body[class*=tokyo-autosalon] .sec01 .flex .head {
		font-size: 20px;
		line-height: 2;
	}
	body[class*=tokyo-autosalon] .sec01 .flex .text {
		border-left: 2px solid #5D6970;
		font-size: 14px;
		padding: 10px 15px;
		padding-bottom: 0;
		padding-right: 0;
	}

	body[class*=tokyo-autosalon] .sec02 {
		margin-top: 40px;
		padding: 30px 0;
	}
	body[class*=tokyo-autosalon] .sec02 .flex {
		flex-direction: column;
	}
	body[class*=tokyo-autosalon] .sec02 .block {
		width: 100%;}
	body[class*=tokyo-autosalon] .sec02 .block .copy {
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	body[class*=tokyo-autosalon] .sec02 .block .text {
		font-size: 14px;}
	body[class*=tokyo-autosalon] .sec02 .block .box {
		padding: 10px;}
	body[class*=tokyo-autosalon] .sec02 .member {
		width: 100%;
		margin-top: 20px;
		padding: 5%;
	}
	body[class*=tokyo-autosalon] .sec02 .member .head {
		font-size: 20px;
		margin-bottom: 10px;
	}
	body[class*=tokyo-autosalon] .sec02 .member .text {
		margin-top: 10px;}

	body[class*=tokyo-autosalon] .sec03 {
		margin-top: 0;
		padding: 30px 0;
	}
	body[class*=tokyo-autosalon] .sec03 .grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	body[class*=tokyo-autosalon] .sec03 .box .ttl {
		grid-template-columns: 45px auto;
		margin-right: 5px;
		width: calc(100% - 15px);
	}
	body[class*=tokyo-autosalon] .sec03 .box .ttl p {
		font-size: 23px;}
	body[class*=tokyo-autosalon] .sec03 .box .ttl .period {
		font-size: 90%;
		padding: 0 5px;
	}
	body[class*=tokyo-autosalon] .sec03 .box .contents {
		grid-template-columns: auto 58%;
		margin-top: 10px;
		width: calc(100% - 10px);
	}
	body[class*=tokyo-autosalon] .sec03 .box .contents .txt {
		font-size: 11px;
		padding-right: 5px;
	}
	body[class*=tokyo-autosalon] .sec03 .voice h4 {
		font-size: 30px;}
	body[class*=tokyo-autosalon] .sec03 .voice h4 span {
		font-size: 120%;
		padding: 5px;
	}
	body[class*=tokyo-autosalon] .sec03 .voice .flex {
		flex-direction: column;}
	body[class*=tokyo-autosalon] .sec03 .voice picture {
		width: 100%;
		margin-bottom: 15px;
	}
	body[class*=tokyo-autosalon] .sec03 .voice .flex .txt {
		width: 100%;}
	body[class*=tokyo-autosalon] .sec03 .voice .head {
		font-size: 22px;
		line-height: 1.5;
	}
	body[class*=tokyo-autosalon] .sec03 .voice .school {
		display: block;}
	body[class*=tokyo-autosalon] .sec03 .voice .copy {
		font-size: 16px;}
	body[class*=tokyo-autosalon] .sec03 .voice .text {
		font-size: 14px;}

	body[class*=tokyo-autosalon] .sec04 {
		margin-top: 0;
		padding: 30px 0;
	}
	body[class*=tokyo-autosalon] .sec04 h3 {
		margin: auto;
		margin-bottom: 20px;
		width: 90%;
	}
	body[class*=tokyo-autosalon] .sec04 ul {
		grid-template-columns: 1fr 1fr;
		gap: 20px;
	}

	body[class*=tokyo-autosalon] .sec05 {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	body[class*=tokyo-autosalon] .sec05 a {
		width: 90%;}
}



/* リノベーション実習 */
body[class*=renovation-workshop] section {
	color: #000;
	max-width: 1120px;
	margin: auto;
}
body[class*=renovation-workshop] .marker {
	background-color: #FFF000;}
body[class*=renovation-workshop] img { 
	width: 100%;}

body[class*=renovation-workshop] .sec01 {
	margin-top: 100px;
}
body[class*=renovation-workshop] .sec01 .flex {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
	margin: auto;
	margin-top: 80px;
	width: 90%;
}
body[class*=renovation-workshop] .sec01 .flex .box {
	position: relative;
}
body[class*=renovation-workshop] .sec01 .flex .box::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 2px;
	height: calc(100% - 62px);
	background-color: #BB8818;
}
body[class*=renovation-workshop] .sec01 .flex .head {
	background-color: #BB8818;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.75;
	margin-bottom: 10px;
	padding: 0 20px;
}
body[class*=renovation-workshop] .sec01 .flex .text {
	font-size: 16px;
	line-height: 1.75;
	padding: 1em 2em;
	padding-right: 0;
}
body[class*=renovation-workshop] .sec01 .flex .text figure {
	margin-left: auto;
	margin-right: 10%;
	width: 25%;
}

body[class*=renovation-workshop] .section-title {
	background-color: #C79F62;
	color: #fff;
	display: inline-block;
	font-size: 35px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 2;
	margin-bottom: 20px;
	padding: 0 30px;
	position: relative;
}
body[class*=renovation-workshop] .section-title span {
	position: relative;
	z-index: 1;
}
body[class*=renovation-workshop] .section-title::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 20%;
	height: 100%;
	background-color: #BB8818;
	clip-path: polygon(0 0 , 100% 0, 65% 100%, 0 100%);
}
body[class*=renovation-workshop] .sec02 {
	background: url(../img/special/renovation/bg01.jpg) no-repeat center/cover;
	margin-top: 80px;
	padding: 20px 0 50px;
}
body[class*=renovation-workshop] .sec02 .container {
	margin: auto;
	width: 90%;
}
body[class*=renovation-workshop] .sec02 .flex {
	display: flex;
	justify-content: space-between;
}
body[class*=renovation-workshop] .sec02 .block {
	width: 60%;
}
body[class*=renovation-workshop] .sec02 .block .copy {
	color: #B28146;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.25;
	margin-top: 15px;
}
body[class*=renovation-workshop] .sec02 .block .text {
	font-size: 16px;
	line-height: 1.55;
}
body[class*=renovation-workshop] .sec02 .block .box {
	background-color: #C79F62;
	box-sizing: border-box;
	color: #fff;
	font-size: 14px;
	line-height: 1.55;
	margin-top: 15px;
	padding: 15px;
}
body[class*=renovation-workshop] .sec02 .block .box span {
	color: #FFF000;
}
body[class*=renovation-workshop] .sec02 .member {
	background-color: #B28146;
	border-radius: 8px;
	box-sizing: border-box;
	color: #fff;
	padding: 20px;
	position: relative;
	width: calc(40% - 20px);
}
body[class*=renovation-workshop] .sec02 .member .head {
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}
body[class*=renovation-workshop] .sec02 .member .text {
	font-size: 14px;
	line-height: 1.55;
	margin-top: 15px;
}
body[class*=renovation-workshop] .sec02 .member .img {
	position: absolute;
	bottom: -10px;
	right: 10px;
	width: 50%;
}

body[class*=renovation-workshop] .sec03 {
	background: url(../img/special/renovation/bg02.jpg) no-repeat center/cover;
	margin-top: 80px;
	padding: 50px 0;
}
body[class*=renovation-workshop] .sec03 .container {
	margin: auto;
	width: 90%;
}
body[class*=renovation-workshop] .sec03 .grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}
body[class*=renovation-workshop] .sec03 .box {
	background-color: #fff;
}
body[class*=renovation-workshop] .sec03 .box .ttl {
	align-items: center;
	display: grid;
	grid-template-columns: 70px auto;
	gap: 10px;
	margin-left: auto;
	margin-right: 10px;
	width: calc(100% - 30px);
}
body[class*=renovation-workshop] .sec03 .box .ttl p {
	align-items: flex-end;
	border-bottom: 1px solid #5D6970;
	color: #604C3F;
	display: flex;
	font-size: 28px;
	font-weight: bold;
	justify-content: space-between;
	padding-bottom: 10px;
}
body[class*=renovation-workshop] .sec03 .box .ttl .period {
	background:linear-gradient(transparent 55%, #FFF000 55%);
	padding: 0 10px;
}
body[class*=renovation-workshop] .sec03 .box .contents {
	display: grid;
	grid-template-columns: auto 60%;
	margin-top: 15px;
	margin-left: auto;
	width: calc(100% - 20px);
}
body[class*=renovation-workshop] .sec03 .box .contents .txt {
	font-size: 15px;
	line-height: 1.55;
	padding-right: 10px;
}
body[class*=renovation-workshop] .sec03 .voice {
	margin-top: 30px;
}
body[class*=renovation-workshop] .sec03 .voice h4 {
	color: #604C3F;
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 15px;
}
body[class*=renovation-workshop] .sec03 .voice h4 span {
	background-color: #BB8818;
	color: #fff;
	display: inline-block;
	font-size: 150%;
	margin-right: 5px;
	padding: 10px;
	aspect-ratio: 1 / 1;
}
body[class*=renovation-workshop] .sec03 .voice h4 small {
	font-size: 50%;
}
body[class*=renovation-workshop] .sec03 .voice .flex {
	display: grid;
	grid-template-columns: 40% 1fr 1fr;
	gap: 30px;
}
body[class*=renovation-workshop] .sec03 .voice .txt + .txt {
	padding-top: 0;}
body[class*=renovation-workshop] .sec03 .voice .head {
	color: #604C3F;
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-size: 25px;
	font-weight: bold;
	border-bottom: 1px solid #604C3F;
	letter-spacing: 0.05em;
	line-height: 1;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
body[class*=renovation-workshop] .sec03 .voice .course {
	font-size: 60%;}
body[class*=renovation-workshop] .sec03 .voice small {
	font-size: 70%;}
body[class*=renovation-workshop] .sec03 .voice .school {
	font-size: 60%;}
body[class*=renovation-workshop] .sec03 .voice .copy {
	color: #5D6970;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.25;
	margin-bottom: 15px;
}
body[class*=renovation-workshop] .sec03 .voice .text {
	font-size: 16px;
	line-height: 1.55;
}

body[class*=renovation-workshop] .sec04 {
	margin-top: 80px;}
body[class*=renovation-workshop] .sec04 h3 {
	color: #fff;
	font-size: 40px;
	font-weight: bold;
	line-height: 1.3;
	padding: 0 .75em;
}
body[class*=renovation-workshop] .sec04 ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px 20px;
	margin: auto;
}
body[class*=renovation-workshop] .sec04 ul li:first-child {
	background-image: radial-gradient(circle, rgba(201, 160, 99, 1) 5%, rgba(187, 136, 24, 1));
	display: flex;
	align-items: center;
}

body[class*=renovation-workshop] .sec05 {
	margin-top: 80px;
	margin-bottom: 80px;
}
body[class*=renovation-workshop] .sec05 a {
	display: block;
	max-width: 800px;
	margin: auto;
}
@media only screen and (max-width: 769px){
	body[class*=renovation-workshop] .section-title {
		box-sizing: border-box;
		display: block;
		font-size: 25px;
		line-height: 1.25;
		margin: auto;
		margin-bottom: 20px;
		padding: 10px;
		text-align: center;
		width: 90%;
	}
	body[class*=renovation-workshop] .section-title::after {
		width: 30%;
		clip-path: polygon(0 0 , 100% 0, 15% 100%, 0 100%);
	}

	body[class*=renovation-workshop] .sec01 {
		margin-top: 0;
	}
	body[class*=renovation-workshop] .sec01 .flex {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-top: 40px;
	}
	body[class*=renovation-workshop] .sec01 .flex .box::after {
		content: none;
	}
	body[class*=renovation-workshop] .sec01 .flex .head {
		font-size: 20px;
		line-height: 2;
	}
	body[class*=renovation-workshop] .sec01 .flex .text {
		border-left: 2px solid #5D6970;
		font-size: 14px;
		padding: 10px 15px;
		padding-bottom: 0;
		padding-right: 0;
	}

	body[class*=renovation-workshop] .sec02 {
		margin-top: 40px;
		padding: 30px 0;
	}
	body[class*=renovation-workshop] .sec02 .flex {
		flex-direction: column;
	}
	body[class*=renovation-workshop] .sec02 .block {
		width: 100%;}
	body[class*=renovation-workshop] .sec02 .block .copy {
		font-size: 16px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	body[class*=renovation-workshop] .sec02 .block .text {
		font-size: 14px;}
	body[class*=renovation-workshop] .sec02 .block .box {
		padding: 10px;}
	body[class*=renovation-workshop] .sec02 .member {
		width: 100%;
		margin-top: 20px;
		padding: 5%;
	}
	body[class*=renovation-workshop] .sec02 .member .head {
		font-size: 20px;
		margin-bottom: 10px;
	}
	body[class*=renovation-workshop] .sec02 .member .text {
		margin-top: 10px;}
	body[class*=renovation-workshop] .sec02 .member .img {
		margin: 10px 0 -25px auto;
		position: relative;
		bottom: inherit;
		right: inherit;
	}

	body[class*=renovation-workshop] .sec03 {
		margin-top: 0;
		padding: 30px 0;
	}
	body[class*=renovation-workshop] .sec03 .grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	body[class*=renovation-workshop] .sec03 .box .ttl {
		grid-template-columns: 45px auto;
		margin-right: 5px;
		width: calc(100% - 15px);
	}
	body[class*=renovation-workshop] .sec03 .box .ttl p {
		font-size: 23px;
		padding: 5px 0;
	}
	body[class*=renovation-workshop] .sec03 .box .ttl .period {
		font-size: 90%;
		padding: 0 5px;
	}
	body[class*=renovation-workshop] .sec03 .box .contents {
		grid-template-columns: auto 58%;
		margin-top: 10px;
		width: calc(100% - 10px);
	}
	body[class*=renovation-workshop] .sec03 .box .contents .txt {
		font-size: 11px;
		padding-right: 5px;
	}
	body[class*=renovation-workshop] .sec03 .voice h4 {
		font-size: 30px;}
	body[class*=renovation-workshop] .sec03 .voice h4 span {
		font-size: 120%;
		padding: 5px;
	}
	body[class*=renovation-workshop] .sec03 .voice .flex {
		grid-template-columns: 1fr;
		gap: 20px;
	}
	body[class*=renovation-workshop] .sec03 .voice .head {
		align-items: baseline;
		font-size: 22px;
		flex-direction: row;
		flex-wrap: wrap;
	}
	body[class*=renovation-workshop] .sec03 .voice .course {
		width: 100%;}
	body[class*=renovation-workshop] .sec03 .voice .text {
		font-size: 14px;}

	body[class*=renovation-workshop] .sec04 {
		margin-top: 0;
		padding: 30px 0;
		width: 90%;
	}
	body[class*=renovation-workshop] .sec04 h3 {
		font-size: 25px;
		margin: auto;
		padding: 10px 10px 15px;
		text-align: center;
		width: 90%;
	}
	body[class*=renovation-workshop] .sec04 ul {
		grid-template-columns: 1fr 1fr;
		gap: 20px 10px;
	}
	body[class*=renovation-workshop] .sec04 ul li:first-child {
		grid-column: span 2;
	}

	body[class*=renovation-workshop] .sec05 {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	body[class*=renovation-workshop] .sec05 a {
		width: 90%;}
}