/* ==========================================================================
	root
========================================================================== */
:root {
	--base-pc-width:1680;
	--base-sp-width:375;
	--vwPC: calc(100vw / 1680);
	--vwSP: calc(100vw / 375);
	--easeInQuad:cubic-bezier(.55, .085, .68, .53);
	--easeOutQuad:cubic-bezier(0.23, 1, 0.32, 1);
	--easeOutQuint:cubic-bezier(.25, .46, .45, .94);
	--easeOutSine:cubic-bezier(0.39, 0.575, 0.565, 1);
	--easeOutCubic:cubic-bezier(0.215, 0.61, 0.355, 1);
	--easeInOutQuad:cubic-bezier(0.45, 0, 0.55, 1);
	--easeInOutCubic:cubic-bezier(0.65, 0, 0.35, 1);
	--easePopUp:cubic-bezier(0.17, 0.88, 0.30, 1.28);
	--easeInCirc:cubic-bezier(0.55, 0, 1, 0.45);
	--theme-color:#004161;
	--theme-color02:rgba(0, 65, 97, 0.2);
	--base-text-color:#000;
	--base-bg-color:#EEE5DD;
	--base-bg-color02:#363636;
	--base-bg-color03:rgba(0, 65, 97, 0.15);
	--base-bg-color04:rgba(255, 255, 255, 0.15);
	--base-bg-color05:rgba(0, 0, 0, 0.1);
	--base-bg-color06:#363636;
	--base-bg-color07:rgba(255, 255, 255, 0.5);
	--base-bg-color08:rgba(0, 0, 0, 0.07);
	--base-bg-color09:rgba(255, 255, 255, 0.8);
	--base-bg-color10:rgba(255, 255, 255, 0.75);
	--base-bg-color-end:rgba(0, 65, 97, 0.15);
	--base-border-color:#000;
	--base-border-color02:rgba(0, 0, 0, 0.15);
	--base-border-color03:rgba(255, 255, 255, 0.3);
	--base-border-color04:rgba(255, 255, 255, 0.2);
	--base-border-color05:rgba(0, 0, 0, 0.3);
	--base-border-color06:rgba(0, 0, 0, 0.1);
	--base-border-color07:rgba(255, 255, 255, 0.25);
	--base-color-gray:#666666;
	--base-color-gray02:#E7E7E7;
	--base-color-gray03:#F1EFED;
	--base-color-black:#000;
	--base-color-black02:rgba(0, 0, 0, 0.1);
	--base-color-black03:rgba(0, 0, 0, 0.5);
	--base-color-black04:rgba(0, 0, 0, 0.05);
	--base-color-black05:rgba(0, 0, 0, 0.08);
	--base-color-black06:rgba(0, 0, 0, 0.07);
	--base-color-red:#E51D1D;
	--base-color-red02:#C34545;
	--hanten:scale(-1, -1);
	--hantenX:scale(-1, 1);
	--hantenY:scaleY(-1);
	--transition-scale:transform 0.8s var(--easeOutCubic);
}

@media screen and (min-width: 801px) {
	:root {
		--vwPC: calc(100vw / 1680);
		--fz11: max(1.1rem, 10px);
		--fz12: max(1.2rem, 11px);
		--fz13: max(1.3rem, 12px);
		--fz14: max(1.4rem, 12px);
		--fz15: max(1.5rem, 13px);
		--fz16: max(1.6rem, 14px);
		--fz17: max(1.7rem, 15px);
		--fz18: max(1.8rem, 16px);
		--fz19: max(1.9rem, 17px);
		--fz20: max(2.0rem, 18px);
		--fz21: max(2.1rem, 18px);
		--fz22: max(2.2rem, 18px);
		--fz23: max(2.3rem, 20px);
		--fz24: max(2.4rem, 20px);
		--fz25: max(2.5rem, 21px);
		--fz26: max(2.6rem, 22px);
		--fz27: max(2.7rem, 23px);
		--fz28: max(2.8rem, 24px);
		--fz30: max(3rem, 26px);
		--fz32: max(3.2rem, 28px);
		--fz34: max(3.4rem, 30px);
		--fz36: max(3.6rem, 32px);
		--fz40: max(4rem, 36px);
		--fz42: max(4rem, 38px);
		--fz44: max(4.4rem, 40px);
		--fz46: max(4.6rem, 42px);
		--fz48: max(4.8rem, 44px);
		--fz50: max(5rem, 48px);
		--fz52: max(5.2rem, 48px);
		--fz56: max(5.6rem, 52px);
		--fz64: max(6.4rem, 60px);
		--fz72: max(7.2rem, 68px);
		--fz96: max(9.6rem, 90px);
	}
}
@media screen and (max-width: 800px) {
	:root {
		--vwSP: calc(100vw / 375);
		--fz10: clamp(10px, calc(10 * var(--vwSP)), 12px);
		--fz11: clamp(11px, calc(11 * var(--vwSP)), 13px);
		--fz12: clamp(12px, calc(12 * var(--vwSP)), 14px);
		--fz13: clamp(13px, calc(13 * var(--vwSP)), 14px);
		--fz14: clamp(14px, calc(14 * var(--vwSP)), 16px);
		--fz15: clamp(15px, calc(15 * var(--vwSP)), 17px);
		--fz16: clamp(16px, calc(16 * var(--vwSP)), 18px);
		--fz17: clamp(17px, calc(17 * var(--vwSP)), 19px);
		--fz18: clamp(18px, calc(18 * var(--vwSP)), 20px);
		--fz19: clamp(19px, calc(19 * var(--vwSP)), 21px);
		--fz20: clamp(20px, calc(20 * var(--vwSP)), 22px);
		--fz21: clamp(21px, calc(21 * var(--vwSP)), 23px);
		--fz22: clamp(22px, calc(22 * var(--vwSP)), 24px);
		--fz24: clamp(24px, calc(24 * var(--vwSP)), 26px);
		--fz25: clamp(25px, calc(25 * var(--vwSP)), 27px);
		--fz26: clamp(26px, calc(26 * var(--vwSP)), 28px);
		--fz27: clamp(27px, calc(27 * var(--vwSP)), 29px);
		--fz28: clamp(28px, calc(28 * var(--vwSP)), 30px);
		--fz30: clamp(30px, calc(30 * var(--vwSP)), 32px);
		--fz32: clamp(32px, calc(23 * var(--vwSP)), 35px);
		--fz34: clamp(34px, calc(34 * var(--vwSP)), 37px);
		--fz35: clamp(35px, calc(25 * var(--vwSP)), 39px);
		--fz36: clamp(36px, calc(36 * var(--vwSP)), 40px);
		--fz38: clamp(38px, calc(38 * var(--vwSP)), 42px);
		--fz40: clamp(40px, calc(40 * var(--vwSP)), 44px);
		--fz44: clamp(44px, calc(44 * var(--vwSP)), 48px);
		--fz45: clamp(45px, calc(45 * var(--vwSP)), 49px);
		--fz48: clamp(48px, calc(48 * var(--vwSP)), 52px);
		--fz56: clamp(56px, calc(56 * var(--vwSP)), 60px);
		--fz64: clamp(64px, calc(64 * var(--vwSP)), 68px);
	}
}
#h_fv .l_area {
	min-width: 400px;
}

/* ==========================================================================
	point
========================================================================== */
.point {
	padding-top: 16rem;
}
.point ul {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
	border-top: 1px solid var(--base-border-color);
	border-bottom: 1px solid var(--base-border-color);
}
.point li {
	position: relative;
	text-align: center;
	padding: 7.5rem 2rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.point li:not(:first-child) {
	border-left: 1px solid var(--base-border-color02);
}
.point li:not(:first-child):after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 100%;
	margin: auto;
	width: 48px;
	height: 48px;
	background: url(../img/seminar/icon-plus.svg);
	background-size: cover;
	border-radius: 50%;
	border: 1px solid var(--base-border-color);
	z-index: 10;
	-webkit-transform: translateX(50%);
	        transform: translateX(50%);
}
.point li .num {
	display: block;
	font-size: var(--fz40);
	line-height: 1;
	letter-spacing: 0.02em;
	font-weight: 500;
}
.point li .feature {
	display: table;
	padding-bottom: 6px;
	margin: 0 auto 4rem;
	font-size: var(--fz20);
	line-height: 1;
	letter-spacing: 0.02em;
	font-weight: 500;
	border-bottom: 1px solid var(--base-border-color);
}
.point li .n_txt {
	line-height: 1.4375;
	margin-bottom: 1rem;
}
.point li h3 {
	font-size: var(--fz36);
	line-height: 1.4333333333;
	font-weight: 600;
}
.point li:last-child h3 {
	font-size: var(--fz30);
}

@media screen and (max-width: 1000px) {
	.point ul {
		display: block;
		border-top: 1px solid var(--base-border-color);
		border-bottom: 1px solid var(--base-border-color);
	}
	.point li {
		width: 100%;
	}
	.point li:not(:first-child) {
		border-top: 1px solid var(--base-border-color02);
		border-left: none;
	}
	.point li:not(:first-child):after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		bottom: auto;
		right: 0;
		left: 0;
		margin: auto;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
}
@media screen and (max-width: 800px) {
	.point {
		padding-top: 3.5rem;
		margin-top: clamp(27px, 12vw, 57.6px);
	}
	.point li {
		padding: 4rem 2rem 3.5rem;
	}
	.point li:not(:first-child):after {
		width: 32px;
		height: 32px;
	}
	.point li .num {
		font-size: var(--fz32);
	}
	.point li .feature {
		padding-bottom: 4px;
		margin: 0 auto 1rem;
		font-size: var(--fz14);
	}
	.point li .n_txt {
		margin-bottom: 1rem;
	}
	.point li h3 {
		font-size: var(--fz24);
		line-height: 1.2;
	}
	.point li:last-child h3 {
		font-size: var(--fz20);
	}
}
/* ==========================================================================
	seminar-list
========================================================================== */
.seminar-list {
	padding-top: 16rem;
}
.seminar-list .c_txt {
	font-size: var(--fz15);
	line-height: 2;
	text-align: center;
	margin-bottom: 4rem;
}
.seminar-list ul {
	width: 100%;
	max-width: 980px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 20px 40px;
	margin: 0 auto 12rem;
}
.seminar-list li {
	position: relative;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 100px;
	text-align: center;
}
.seminar-list li .icon {
	display: block;
	width: 100px;
	height: 100px;
	margin-bottom: 1.5rem;
	background: #fff;
	border-radius: 50%;
}
.seminar-list li p {
	font-size: 1.6rem;
	line-height: 1;
	font-weight: 500;
	letter-spacing: 0;
}
.seminar-list .link-list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 2rem 1fr;
	grid-template-columns: repeat(2, 1fr);
	gap: 6rem 2rem;
}
.seminar-list .link-list a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	background: #fff;
}
.seminar-list .link-list a .text_area {
	padding: 4rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.seminar-list .link-list a .tit {
	position: relative;
	padding-top: 0.85rem;
	padding-left: 100px;
	margin-bottom: 2.5rem;
}
.seminar-list .link-list a .tit .icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	height: 80px;
	background: var(--base-bg-color);
	border-radius: 50%;
}
.seminar-list .link-list a .tit .s_txt {
	display: block;
	font-size: var(--fz15);
	line-height: 1;
	font-weight: 500;
	margin-bottom: 0.7rem;
}
.seminar-list .link-list a .tit h3 {
	font-size: var(--fz32);
	line-height: 1.25;
	font-weight: 500;
}
.seminar-list .link-list a .tit + p {
	font-size: var(--fz20);
	line-height: 1.45;
	font-weight: 500;
	margin-bottom: 2rem;
}
.seminar-list .link-list a blockquote {
	background: var(--base-color-gray03);
	padding: 2rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.seminar-list .link-list a blockquote .b_txt {
	position: relative;
	padding-left: 25px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: var(--fz15);
	line-height: cacl(20/15);
	font-weight: 700;
	margin-bottom: 1rem;
}
.seminar-list .link-list a blockquote .b_txt:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: -2px;
	width: 20px;
	height: 20px;
	background: url(../img/seminar/icon-point.svg);
	background-size: cover;
}
.seminar-list .link-list a .img_area .vm {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 100%;
	height: 56px;
	background: var(--theme-color);
	-webkit-transition: background 0.6s var(--easeOutQuad);
	transition: background 0.6s var(--easeOutQuad);
}
.seminar-list .link-list a .img_area .vm img {
	width: 89px;
}
.seminar-list .link-list a .img_area figure {
	position: relative;
	overflow: hidden;
}
.seminar-list .link-list a .img_area figure img {
	-webkit-transition: -webkit-transform 0.6s var(--easeOutQuad);
	transition: -webkit-transform 0.6s var(--easeOutQuad);
	transition: transform 0.6s var(--easeOutQuad);
	transition: transform 0.6s var(--easeOutQuad), -webkit-transform 0.6s var(--easeOutQuad);
}
@media screen and (min-width: 801px) {
	.seminar-list .link-list a:hover .img_area .vm {
		background: #000;
	}
	.seminar-list .link-list a:hover .img_area figure img {
		-webkit-transform: scale(1.05);
		        transform: scale(1.05);
	}
}

@media screen and (max-width: 1000px) {
	.seminar-list .link-list a .tit {
		padding-top: 95px;
		padding-left: 0;
		text-align: center;
	}
	.seminar-list .link-list a .tit + p {
		text-align: center;
	}
	.seminar-list .link-list a .tit .icon {
		right: 0;
		margin: auto;
	}
}
@media screen and (max-width: 800px) {
	.seminar-list {
		padding-top: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.seminar-list .c_txt {
		font-size: var(--fz14);
		line-height: 1.7142857143;
		margin-bottom: 3rem;
	}
	.seminar-list ul {
		width: 100%;
		gap: 20px;
		margin: 0 auto 6rem;
	}
	.seminar-list li {
		position: relative;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		width: 85px;
		text-align: center;
	}
	.seminar-list li .icon {
		width: 80px;
		height: 80px;
		margin: 0 auto 0.5rem;
	}
	.seminar-list li p {
		font-size: var(--fz13);
	}
	.seminar-list .link-list {
		display: block;
	}
	.seminar-list .link-list a {
		display: block;
	}
	.seminar-list .link-list a:not(:first-child) {
		margin-top: 3rem;
	}
	.seminar-list .link-list a .text_area {
		padding: 3rem 1rem 1rem;
	}
	.seminar-list .link-list a .tit {
		position: relative;
		padding-top: 7rem;
		margin-bottom: 2rem;
	}
	.seminar-list .link-list a .tit .icon {
		width: 60px;
		height: 60px;
	}
	.seminar-list .link-list a .tit .s_txt {
		font-size: var(--fz13);
		margin-bottom: 0.5rem;
	}
	.seminar-list .link-list a .tit h3 {
		font-size: var(--fz24);
		line-height: 1;
	}
	.seminar-list .link-list a .tit + p {
		font-size: var(--fz16);
		line-height: 1.4375;
		margin-bottom: 2rem;
	}
	.seminar-list .link-list a blockquote {
		background: var(--base-color-gray03);
		padding: 1.5rem;
	}
	.seminar-list .link-list a blockquote .b_txt {
		font-size: var(--fz14);
		line-height: cacl(20/14);
		margin-bottom: 1rem;
	}
	.seminar-list .link-list a .img_area .vm {
		height: 40px;
	}
	.seminar-list .link-list a .img_area .vm img {
		width: 63px;
	}
}
/* ==========================================================================
	detail-con
========================================================================== */
.detail-con {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	padding-top: 12rem;
}
.detail-con .fix_area {
	position: sticky;
	left: 0;
	top: 120px;
	width: 400px;
	height: auto;
	min-height: 350px;
}
.detail-con .tag_area {
	margin-bottom: 3rem;
}
.detail-con .tag_area p {
	display: inline-block;
	padding: 1.1rem 1rem;
	background: #fff;
	font-size: var(--fz14);
	font-weight: 500;
	line-height: 1;
	margin: 0 0.5rem 0.5rem;
}
.detail-con h2 {
	margin-bottom: 4rem;
}
.detail-con .detail_area {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	max-width: 66.2820512821%;
}
.detail-con .intro {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
	margin-bottom: 8rem;
}
.detail-con .intro .img_area {
	width: 36.2669245648%;
}
.detail-con .intro .text_area {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin-right: 3.8684719536%;
}
.detail-con .intro .text_area p {
	font-weight: 500;
	letter-spacing: 0;
}
.detail-con .intro .text_area.-only {
	width: 100%;
	margin-right: 0;
}
.detail-con .num-list {
	position: relative;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[2];
	grid-template-columns: repeat(2, 1fr);
	border-top: 1px solid var(--base-border-color02);
	margin-bottom: 8rem;
}
.detail-con .num-list li {
	position: relative;
	padding: 6rem 4rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	counter-increment: list-counter;
	border-bottom: 1px solid var(--base-border-color02);
}
.detail-con .num-list li:nth-child(2n) {
	border-left: 1px solid var(--base-border-color02);
}
.detail-con .num-list li:before {
	content: counter(list-counter, decimal-leading-zero);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 36px;
	height: 36px;
	font-family: "Spectral", serif;
	font-size: var(--fz16);
	font-weight: 500;
	letter-spacing: 0.02em;
	border-radius: 50%;
	border: 1px solid var(--base-border-color);
	margin: 0 auto 1rem;
}
.detail-con .num-list li .b_txt {
	font-size: var(--fz24);
	font-weight: 500;
	line-height: 1.4583333333;
	margin-bottom: 2rem;
	text-align: center;
}
.detail-con .c-img {
	margin-bottom: 8rem;
}
.detail-con .recommend {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	background: var(--base-bg-color07);
	padding: 8rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-bottom: 8rem;
}
.detail-con .recommend h3 {
	width: 190px;
	font-size: var(--fz20);
	line-height: 1.45;
	padding-bottom: 0.4rem;
	font-weight: 500;
	border-bottom: 1px solid var(--base-border-color);
}
.detail-con .recommend .info_area {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	max-width: 63.8443935927%;
	margin-left: 3rem;
}
.detail-con .recommend .info_area ol {
	border-top: 1px solid var(--base-border-color02);
	margin-bottom: 4rem;
}
.detail-con .recommend .info_area li {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 2.1rem 0 2.1rem 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	counter-increment: list-counter;
	border-bottom: 1px solid var(--base-border-color02);
}
.detail-con .recommend .info_area li:before {
	position: relative;
	content: "(" counter(list-counter, decimal-leading-zero) ")";
	width: 28px;
	font-family: "Spectral", serif;
	font-size: var(--fz11);
	font-weight: 500;
	letter-spacing: 0.02em;
	-webkit-transform: translateY(8px);
	        transform: translateY(8px);
}
.detail-con .recommend .info_area li p {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	font-size: var(--fz24);
	font-weight: 500;
	line-height: 1.4583333333;
}
.detail-con .recommend .info_area .staff_area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.detail-con .recommend .info_area .staff_area .img {
	width: 110px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.detail-con .recommend .info_area .staff_area .text_area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin-left: 2rem;
}
.detail-con .recommend .info_area .staff_area .text_area .sub {
	display: block;
	font-size: var(--fz13);
	line-height: 1.4615384615;
	opacity: 0.5;
	font-weight: 500;
	margin-bottom: 0.5rem;
}
.detail-con .recommend .info_area .staff_area .text_area .b_txt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: var(--fz24);
	line-height: 1.4583333333;
	font-weight: 500;
	letter-spacing: 1;
	margin-bottom: 1rem;
}
.detail-con .recommend .info_area .staff_area .text_area .b_txt .en {
	display: inline-block;
	font-size: var(--fz13);
	line-height: 1.2307692308;
	margin-left: 1.5rem;
}
.detail-con .recommend .info_area .staff_area .text_area .s_txt {
	font-size: var(--fz14);
	line-height: 1.4285714286;
}
.detail-con .event-info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 8rem;
	border: 1px solid var(--base-border-color02);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-bottom: 8rem;
}
.detail-con .event-info .img {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 29.7482837529%;
}
.detail-con .event-info .info_area {
	position: relative;
	width: 63.8443935927%;
}
.detail-con .event-info .info_area .tag_area {
	position: absolute;
	right: 0;
	top: 0;
}
.detail-con .event-info .info_area .tag_area .tag {
	display: inline-block;
	padding: 1.1rem 1rem;
	background: #fff;
	font-size: var(--fz14);
	font-weight: 500;
	line-height: 1;
}
.detail-con .event-info .info_area h3 {
	display: inline-block;
	font-size: var(--fz20);
	line-height: 1.45;
	font-weight: 500;
	border-bottom: 1px solid var(--base-border-color);
	padding-bottom: 0.4rem;
	margin-bottom: 3.6rem;
}
.detail-con .event-info .info_area dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 2rem 0;
	border-top: 1px solid var(--base-border-color02);
}
.detail-con .event-info .info_area dl:last-child {
	border-bottom: 1px solid var(--base-border-color02);
}
.detail-con .event-info .info_area dl dt {
	width: 120px;
	font-size: var(--fz16);
	line-height: 1.25;
	font-weight: 500;
	color: var(--theme-color);
}
.detail-con .event-info .info_area dl dd {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	font-size: var(--fz16);
	line-height: 1.25;
}
.detail-con .btn_wrap {
	display: table;
	margin: 0 auto;
}
.detail-con .landi {
	margin-bottom: 8rem;
}
.detail-con .landi a {
	position: relative;
	display: block;
	padding: 10rem 7.5rem 5rem;
	background: #fff;
	border: 1px solid var(--theme-color);
}
.detail-con .landi a .inr {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
	max-width: 883px;
	margin: 0 auto;
	z-index: 10;
}
.detail-con .landi a .ribon {
	width: 390px;
	position: absolute;
	left: 0;
	right: 0;
	top: -10px;
	margin: auto;
	z-index: 10;
	pointer-events: none;
}
.detail-con .landi a .text_area {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	margin-left: 6.1155152888%;
}
.detail-con .landi a h3 {
	font-size: var(--fz26);
	line-height: 1.3846153846;
	letter-spacing: -0.03em;
	color: var(--theme-color);
	font-weight: 500;
	margin-bottom: 4rem;
}
.detail-con .landi a ul li {
	position: relative;
	padding-left: 33px;
	font-size: var(--fz18);
	line-height: 1.25;
	margin-bottom: 1rem;
}
.detail-con .landi a ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 18px;
	height: 18px;
	border: 1px solid #000;
}
.detail-con .landi a .img_area {
	width: 44.8471121178%;
	max-width: 396px;
}
.detail-con .landi a .btn {
	position: absolute;
	right: 4px;
	bottom: 3px;
	width: 160px;
	z-index: 1;
	-webkit-transition: -webkit-transform 0.6s var(--easeOutCubic);
	transition: -webkit-transform 0.6s var(--easeOutCubic);
	transition: transform 0.6s var(--easeOutCubic);
	transition: transform 0.6s var(--easeOutCubic), -webkit-transform 0.6s var(--easeOutCubic);
}
.detail-con .landi a .btn span {
	display: none;
}
@media screen and (min-width: 801px) {
	.detail-con .landi a:hover {
		border-color: #000;
	}
	.detail-con .landi a:hover .btn {
		-webkit-transform: translate(4px, 3px);
		        transform: translate(4px, 3px);
	}
	.detail-con .landi a:hover .btn svg > path:first-child {
		fill: #000;
	}
}

@media screen and (min-width: 1061px) and (max-width: 1250px) {
	.detail-con .landi a {
		padding-left: 0;
		padding-right: 0;
	}
	.detail-con .landi a .inr {
		display: block;
		z-index: 1;
	}
	.detail-con .landi a .inr .img_area {
		width: 100%;
		margin: 40px auto 0;
	}
	.detail-con .landi a .inr .text_area {
		width: 100%;
		margin-left: 0;
	}
	.detail-con .landi a .inr .text_area ul {
		width: 420px;
		margin: 0 auto;
	}
	.detail-con .landi a .inr .text_area h3 {
		text-align: center;
	}
}
@media screen and (max-width: 1060px) {
	.detail-con {
		padding-top: 12rem;
	}
	.detail-con .fix_area {
		display: none;
	}
	.detail-con .detail_area {
		display: block;
		width: 100%;
		max-width: 100%;
	}
	.detail-con .landi a .text_area {
		padding-right: 50px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
}
@media screen and (max-width: 800px) {
	.detail-con {
		width: 100% !important;
		padding-top: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.detail-con .intro {
		display: block;
		width: 89.3333333333%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.detail-con .intro .img_area {
		width: 100%;
		margin-bottom: 2rem;
	}
	.detail-con .intro .text_area {
		margin: 0;
	}
	.detail-con .num-list {
		display: block;
		width: 89.3333333333%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.detail-con .num-list li {
		padding: 6rem 2rem;
	}
	.detail-con .num-list li:nth-child(2n) {
		border-left: none;
	}
	.detail-con .c-img {
		margin-bottom: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.detail-con .recommend {
		display: block;
		width: 89.3333333333%;
		margin-left: auto;
		margin-right: auto;
		padding: 4rem 2rem;
		margin-bottom: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.detail-con .recommend h3 {
		display: table;
		width: auto;
	}
	.detail-con .recommend .info_area {
		display: block;
		width: 100%;
		max-width: 100%;
		margin: 2.5rem auto 0;
	}
	.detail-con .recommend .info_area ol {
		border-top: 1px solid var(--base-border-color02);
		margin-bottom: 2rem;
	}
	.detail-con .recommend .info_area li {
		padding: 2rem 2rem 2rem 0;
	}
	.detail-con .recommend .info_area li:before {
		position: relative;
		content: "(" counter(list-counter, decimal-leading-zero) ")";
		width: 28px;
		font-family: "Spectral", serif;
		font-size: var(--fz11);
		font-weight: 500;
		letter-spacing: 0.02em;
		-webkit-transform: translateY(8px);
		        transform: translateY(8px);
	}
	.detail-con .recommend .info_area li p {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		font-size: var(--fz16);
		line-height: 1.4375;
	}
	.detail-con .recommend .info_area .staff_area .img {
		width: 72px;
	}
	.detail-con .recommend .info_area .staff_area .text_area .sub {
		margin-bottom: 0.5rem;
	}
	.detail-con .recommend .info_area .staff_area .text_area .b_txt {
		font-size: var(--fz20);
		line-height: 1.45;
		margin-bottom: 0.5rem;
	}
	.detail-con .recommend .info_area .staff_area .text_area .b_txt .en {
		font-size: var(--fz11);
		line-height: 1.1818181818;
	}
	.detail-con .recommend .info_area .staff_area .text_area .s_txt {
		font-size: var(--fz13);
		line-height: 1.4615384615;
	}
	.detail-con .event-info {
		width: 89.3333333333%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		padding: 4.6rem 2rem 4rem;
		margin-bottom: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.detail-con .event-info .img {
		display: none;
	}
	.detail-con .event-info .info_area {
		width: 100%;
	}
	.detail-con .event-info .info_area .tag_area {
		position: relative;
		right: auto;
		top: auto;
		margin-bottom: 1rem;
	}
	.detail-con .event-info .info_area .tag_area .tag {
		padding: 0.65rem 1rem;
		font-size: var(--fz13);
	}
	.detail-con .event-info .info_area h3 {
		margin-bottom: 2rem;
	}
	.detail-con .event-info .info_area .img {
		width: 100%;
		margin-bottom: 2rem;
	}
	.detail-con .event-info .info_area dl {
		display: block;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		padding: 1.5rem 0;
	}
	.detail-con .event-info .info_area dl dt {
		width: 100%;
		margin-bottom: 0.5rem;
	}
	.detail-con .event-info .info_area dl dd {
		width: 100%;
	}
	.detail-con .btn_wrap {
		width: 89.3333333333%;
	}
	.detail-con .btn_wrap .link_btn {
		width: 100%;
	}
	.detail-con .landi {
		width: 89.3333333333%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.detail-con .landi a {
		padding: 6rem 2rem 4rem;
	}
	.detail-con .landi a .inr {
		display: block;
	}
	.detail-con .landi a .ribon {
		width: calc(100% - 40px);
		max-width: 390px;
		top: 0;
		-webkit-transform: translateY(-50%);
		        transform: translateY(-50%);
	}
	.detail-con .landi a .text_area {
		display: block;
		margin-left: 0;
		padding-right: 0;
	}
	.detail-con .landi a h3 {
		font-size: var(--fz20);
		line-height: 1.5;
		margin-bottom: 3rem;
		text-align: center;
	}
	.detail-con .landi a ul {
		max-width: 420px;
		margin: 0 auto 2.5rem;
	}
	.detail-con .landi a ul li {
		padding-left: 25px;
		font-size: var(--fz16);
		margin-bottom: 1.5rem;
	}
	.detail-con .landi a ul li::before {
		top: 4px;
		width: 16px;
		height: 16px;
	}
	.detail-con .landi a .img_area {
		width: 100%;
		max-width: 396px;
		margin: 0 auto 3.7rem;
	}
	.detail-con .landi a .btn {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		height: 50px;
		right: auto;
		bottom: auto;
		background: var(--theme-color);
		border-radius: 25px;
		color: #fff;
		text-align: center;
	}
	.detail-con .landi a .btn span {
		display: block;
		width: 100%;
		text-align: center;
		font-size: var(--fz18);
		line-height: 1.1111111111;
		font-weight: 500;
	}
}
/* ==========================================================================
	other-_links
========================================================================== */
.other_links {
	margin-top: 16rem;
}
.other_links h2 {
	text-align: center;
	margin-bottom: 6rem;
}
.other_links .link_list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 2rem 1fr 2rem 1fr;
	grid-template-columns: repeat(3, 1fr);
	gap: 2rem;
}
.other_links .link_list a {
	position: relative;
	display: block;
	padding: 4rem;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: var(--base-bg-color07);
}
@media screen and (min-width: 801px) {
	.other_links .link_list a:hover {
		background: var(--theme-color);
		color: #fff;
	}
	.other_links .link_list a:hover h3 {
		border-color: #fff;
	}
	.other_links .link_list a:hover .b_txt {
		color: #fff;
	}
}
.other_links .link_list a .icon {
	display: block;
	width: 60px;
	background: var(--base-bg-color);
	border-radius: 50%;
	margin: 0 auto 1.8rem;
}
.other_links .link_list a h3 {
	display: table;
	font-size: var(--fz30);
	padding-bottom: 1rem;
	letter-spacing: 0.03em;
	margin: 0 auto 2rem;
	border-bottom: 1px solid #000;
	-webkit-transition: border 0.6s var(--easeOutQuad);
	transition: border 0.6s var(--easeOutQuad);
}
.other_links .link_list a .staff_img {
	width: 10rem;
	margin: 0 auto 2rem;
}
.other_links .link_list a .b_txt {
	font-size: var(--fz18);
	line-height: 1.4444444444;
	text-align: center;
	margin-bottom: 1rem;
}
.other_links .link_list a .s_txt {
	font-size: var(--fz15);
	line-height: 1.4666666667;
	text-align: center;
}

@media screen and (max-width: 1060px) {
	.other_links .link_list {
		-ms-grid-columns: (1fr)[2];
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 800px) {
	.other_links {
		margin-top: clamp(48px, 21.3333333333vw, 102.4px);
	}
	.other_links h2 {
		margin-bottom: 3rem;
	}
	.other_links .link_list {
		gap: 1rem;
	}
	.other_links .link_list a {
		padding: 3rem 1rem;
	}
	.other_links .link_list a .icon {
		width: 48px;
	}
	.other_links .link_list a h3 {
		font-size: var(--fz18);
		padding-bottom: 0.6rem;
		margin: 0 auto 2rem;
	}
	.other_links .link_list a .staff_img {
		width: 8rem;
	}
	.other_links .link_list a .b_txt {
		font-size: var(--fz14);
		line-height: 1.4285714286;
		margin-bottom: 0;
	}
	.other_links .link_list a .s_txt {
		display: none;
	}
}
/*# sourceMappingURL=seminar.css.map */