@charset "utf-8";
@media only screen and (min-width: 751px) {
	/*--------------------*/
	/*---- pc_cont.css ----*/
	/*--------------------*/

	/*------------------------------------
		基本設定
	-------------------------------------*/
	html {
		font-size: 62.5%;
		overflow: auto;
	}

	body {
		font-size: 1.7em;
		line-height: 1.7;
		min-width: 1340px;
		overflow-x: hidden;
		background-image: url(../img/common/bg_body_pc.jpg);
		background-position: top center;
		background-repeat: repeat-y;
	}

	img {
		height: auto;
		vertical-align: bottom;
	}

	.pcNone {
		display: none;
	}

	/*ーーーーー
	※レイアウト調整用
	* {
		outline: 1px solid #555;
	}
	ーーーーー*/

	/*------------------------------------
		section共通
	-------------------------------------*/
	.sectionCommon {
		width: 1200px;
		margin: 0 auto;
	}

	/*------------------------------------
		大項目(これは見本)
	-------------------------------------*/
	/* --------- 中項目(これは見本) ----------- */
	/* 小項目(これは見本) */




	/*------------------------------------
		header
	-------------------------------------*/
	header {
		height: 231px;
		background-image: url(../img/common/header/bg_header_pc.png);
		background-position: top center;
		background-repeat: no-repeat;
		z-index: 999;
	}
	header .sectionCommon{
		position: relative;
		width: 1340px;
	}
	header .logoSumitomoKenki {
		position: absolute;
		top: 35px;
		left: 70px;
	}
	header .badge {
		position: absolute;
		top: 25px;
		right: 8px;
	}
	header .badge img {
		width: 268px;
		height: 268px;
	}


	/*------------------------------------
		コンテンツ
	-------------------------------------*/
	.mainSection {
		margin-top: -231px;
	}
	.mainSection .sectionCommon {
		padding-top: 180px;
		text-align: center;
	}
	.mainSection .mainSectionInner {
		width: 1340px;
		margin: 0 auto;
		text-align: center;
		background-image: url(../img/top/pc/bg_main_section.jpg);
		background-repeat: no-repeat;
	}
	.mainSection .txDateAndTime {
		margin-top: 48px;
		margin-left: 7px;
	}
	.mainSection .mainBottom {
		position: relative;
		min-height: 531px;
		margin-top: 84px;
		text-align: left;
	}
	.mainSection .mainBottomLeft {
		width: 680px;
	}
	.mainSection .mainBottomLeft .tx1 {
		margin-top: 45px;
		margin-bottom: 30px;
		font-size: 2.8rem;
		font-weight: var(--font-w-bold);
		line-height: 1.4;
	}
	.mainSection .mainBottomLeft .tx2 {
		margin-bottom: 53px;
		line-height: 1.9;
	}
	.mainSection .mainBottom .images {
		position: absolute;
		top: -55px;
		right: -135px;
	}
	.mainSection .mainBottom .images .sh200 {
		width: 617px;
		height: 586px;
	}

	.ourFocusSection {
		margin-top: -123px;
	}
	.ourFocusSection .ourFocusSectionInner {
		width: 1340px;
		margin: 0 auto;
		padding: 52px 0 70px;
		background-image: url(../img/top/pc/bg_our_focus.jpg);
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}
	.ourFocusSection .title {
		display: flex;
		align-items: center;
		gap: 25px;
		margin-left: 30px;
		margin-bottom: 47px;
		color: #fff;
	}
	.ourFocusSection .title .tx1 {
		font-size: 4.2rem;
		font-weight: var(--font-w-black);
		line-height: 1.2;
	}
	.ourFocusSection .title .tx2 {
		font-size: 2.4rem;
		font-weight: var(--font-w-bold);
		line-height: 1.4;
	}
	.ourFocusSection .wrapOurFocus {
		display: flex;
		justify-content: space-between;
	}
	.ourFocusSection .wrapOurFocus > div {
		width: 370px;
		padding: 0px 0px 35px;
		outline: 3px solid rgb(255 255 255 / 0.8);
		outline-offset: -3px;
		text-align: center;
	}
	.ourFocusSection .wrapOurFocus .boxTitle {
		display: flex;
		flex-direction: column;
		gap: 10px;
		width: 340px;
		margin: 15px auto;
		padding: 17px 17px 10px;
		background: linear-gradient(to bottom, #004097 0%, rgb(0 64 151 / 0) 100%);
		color: #fff;
	}
	.ourFocusSection .wrapOurFocus .boxTitle .tx1 {
		font-size: 2.4rem;
		font-weight: var(--font-w-bold);
		line-height: 1.4;
		color: #6DCCFF;
	}
	.ourFocusSection .wrapOurFocus .boxTitle .tx2 {
		font-size: 2.8rem;
		font-weight: var(--font-w-bold);
		line-height: 1.3;
	}
	.ourFocusSection .wrapOurFocus .tx {
		width: 310px;
		margin: 0px auto;
		font-size: 1.9rem;
		text-align: left;
		color: #fff;
	}

	.technologySection {
		margin-top: 75px;
	}
	.technologySection .title {
		margin-bottom: 35px;
		font-size: 3.4rem;
		font-weight: var(--font-w-black);
		line-height: 1.3;
		text-align: center;
	}
	.technologySection .boxTxHead {
		display: flex;
		align-items: center;
		gap: 25px;
		padding: 21px 60px 22px 60px;
		background: linear-gradient(to right, #0081C9 0%, #0E308A 100%);
		color: #fff;
	}
	.technologySection .boxTxHead .tx1 {
		font-size: 3.4rem;
		font-weight: var(--font-w-black);
		line-height: 1.1;
	}
	.technologySection .boxTxHead .tx2 {
		font-size: 2.1rem;
		font-weight: var(--font-w-bold);
		line-height: 1.4;
	}
	.technologySection .wrapBoxCont {
		padding: 35px 60px 55px 60px;
		background: #DFF4FF;
	}
	.technologySection .wrapBoxCont.first {
		margin-bottom: 55px;
	}
	.technologySection .wrapBoxCont .box2Column {
		display: flex;
		justify-content: space-between;
	}
	.technologySection .wrapBoxCont .box2Column > div {
		width: 510px;
	}
	.technologySection .wrapBoxCont .boxColumn {
		display: flex;
		flex-direction: column;
		gap: 30px;
	}
	.technologySection .wrapBoxCont .boxColumn.relative {
		position: relative;
	}
	.technologySection .wrapBoxCont .boxColumn .w_700 {
		width: 700px;
		min-height: 360px;
	}
	.technologySection .sh135x-8 {
		position: absolute;
		top: -90px;
		right: -30px;
		width: 371px;
		height: 449px;
	}
	.technologySection .wrapSpecLabel {
		display: flex;
		gap: 10px;
		margin-bottom: 11px;
	}
	.technologySection .specLabel {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding: 5px 12px 7px 12px;
		border: 1px solid #0081C9;
		font-size: 1.3rem;
		font-weight: var(--font-w-medium);
		line-height: 1;
		border-radius: 4px;
	}
	.technologySection .specLabelDevelopment {
		background: #0081C9;
		color: #fff;
	}
	.technologySection .specLabelDemo {
		background: #fff;
		color: #004097;
		border: 1px solid #004097;
	}
	.technologySection .specTitle {
		position: relative;
		margin-bottom: 18px;
		padding-bottom: 18px;
		font-size: 2.5rem;
		font-weight: var(--font-w-black);
		line-height: 1.3;
		color: #004097;
	}
	.technologySection .specTitle::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 5px;
		background: linear-gradient(to right, #0081C9 0%, rgb(0 129 201 / 0) 100%);
	}
	.technologySection .specTitle .txS {
		font-size: 1.8rem;
		font-weight: var(--font-w-black);
		line-height: 1.3;
	}
	.technologySection .wrapBuBox {
		display: flex;
		flex-direction: column;
		gap: 20px;
		margin-top: 25px;
	}
	.technologySection .linkBtn {
		position: relative;
		display: flex;
		align-items: center;
		width: 504px;
		min-height: 62px;
		padding: 15px 62px 15px 25px;
		border: 2px solid #007BD0;
		background: #fff;
		box-shadow: 2px 2px 0 #007BD0;
		color: #007BD0;
		font-size: 1.6rem;
		font-weight: var(--font-w-black);
		line-height: 1.4;
		text-decoration: none;
		transition: background 0.2s, color 0.2s;
	}
	.technologySection .linkBtn::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 25px;
		width: 8px;
		height: 8px;
		border-top: 3px solid currentColor;
		border-right: 3px solid currentColor;
		transform: translateY(-50%) rotate(45deg);
		transition: border-color 0.2s;
	}
	.technologySection .linkBtn span {
		display: block;
	}
	.technologySection .linkBtn:hover {
		background: #007BD0;
		border-color: #0062A4;
		box-shadow: 2px 2px 0 #0062A4;
		color: #fff;
	}
	.technologySection .linkBtn:hover::after {
		border-color: #fff;
	}

	.locationSection {
		margin-top: 70px;
	}
	.locationSection .title {
		margin-bottom: 60px;
		font-size: 3.8rem;
		font-weight: var(--font-w-medium);
		line-height: 1.2;
		text-align: center;
	}
	.locationSection .locationBox {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		background: #fff;
		color: #111;
	}
	.locationSection .locationInfo {
		width: 590px;
	}
	.locationSection dl {
		margin: 0;
	}
	.locationSection dl > div {
		display: flex;
		border-bottom: 1px solid #D9D9D9;
	}
	.locationSection dl > div:first-child {
		border-top: 1px solid #D9D9D9;
	}
	.locationSection dt,
	.locationSection dd {
		padding: 27px 0;
		font-size: 1.7rem;
		font-weight: var(--font-w-bold);
		line-height: 1.55;
	}
	.locationSection dt {
		width: 90px;
		flex-shrink: 0;
	}
	.locationSection dd {
		margin: 0;
		flex: 1;
		font-weight: var(--font-w-regular);
	}
	.locationSection .eventLink {
		margin-top: 27px;
		font-size: 1.7rem;
		font-weight: var(--font-w-bold);
		line-height: 1.5;
	}
	.locationSection .eventLink a {
		color: #0081C9;
		text-decoration: none;
	}
	.locationSection .eventLink a:hover {
		text-decoration: underline;
	}
	.locationSection .contactTx {
		margin: 41px 0 0;
		font-size: 1.5rem;
		font-weight: var(--font-w-regular);
		line-height: 1.7;
	}
	.locationSection .locationMap {
		width: 550px;
		margin-top: 3px;
	}
	.locationSection .locationMap img {
		width: 550px;
		height: 287px;
	}

	.registrationSection {
		margin-top: 75px;
	}
	.registrationSection .wrapRegistration {
		padding: 42px 0 52px;
		background: #FFF1CC;
		text-align: center;
	}
	.registrationSection .registrationLead {
		margin: 0 0 22px;
		font-size: 1.7rem;
		font-weight: var(--font-w-medium);
		line-height: 1.5;
	}
	.registrationSection .registrationBtn {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 470px;
		padding: 27px 86px 30px 48px;
		border: 2px solid #660000;
		background: #D00000;
		box-shadow: 3px 3px 0 #6E0000;
		color: #fff;
		font-size: 2.8rem;
		font-weight: var(--font-w-bold);
		line-height: 1;
		text-decoration: none;
		transition: background 0.2s, color 0.2s;
	}
	.registrationSection .registrationBtn::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 31px;
		width: 18px;
		height: 18px;
		border-top: 4px solid currentColor;
		border-right: 4px solid currentColor;
		transform: translateY(-50%) rotate(45deg);
		transition: border-color 0.2s;
	}
	.registrationSection .registrationBtn span {
		display: block;
	}
	.registrationSection .registrationBtn:hover {
		background: #fff;
		color: #D00000;
	}
	.registrationSection .registrationBtn:hover::after {
		border-color: #D00000;
	}



	/*------------------------------------
		footer
	-------------------------------------*/
	/* --------- ページトップボタン ----------- */
	#gPagetop {
		transition: 0.3s;
		cursor: pointer;
		visibility: hidden;
	}
	#gPagetop .pagetopBtn {
		position: fixed;
		position: relative;
		right: 30px;
		display: block;
		width: 69px;
		height: 69px;
		border-radius: 100%;
		z-index: 100;
	}
	#gPagetop .pagetopBtn::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0px;
		display: block;
		width: 69px;
		height: 69px;
		border-radius: 100%;
		background-image: url(../img/common/pagetop_icon.svg);
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		transition: all 0.2s ease;
		z-index: 100;
	}

	footer {
		height: 160px;
		margin-top: 110px;
		background: linear-gradient(to bottom, #0081C9 0%, #0E308A 100%);
	}
	footer .footerInner {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 30px;
		text-align: center;
	}
	footer .footerLogo img {
		width: 217px;
		height: auto;
	}
	footer .copyright {
		display: block;
		margin-top: 63px;
		color: #fff;
		font-size: 1.4rem;
		font-weight: var(--font-w-regular);
		line-height: 1.2;
	}
}