@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/

body {
	background-color: #E4F4F5;
	color: #343434;
	position: relative;
}

section .bg {
	background-color: #fff;
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-o-border-radius: 1rem;
}

/* apply */

.apply {
	background-color: #FFF000;
	display: block;
	height: 16rem;
	width: 16rem;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	text-align: center;
	z-index: 3;
	position: fixed;
	/* position: sticky; */
	bottom: 2.1rem;
	right: 4rem;
	/* left: 100%;
	margin-right: 4rem; */
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.applyHere {
	color: #33AEB6;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.333;
	margin-bottom: 0.4rem;
}
.applyPeriod {
	font-size: 1.1rem;
	line-height: 1.363;
}

@media all and (min-width: 769px) {
		.apply {
			transition: 0.3s;
			-webkit-transition: 0.3s;
			-moz-transition: 0.3s;
			-ms-transition: 0.3s;
			-o-transition: 0.3s;
		}
		.apply:hover {
		transform: scale(1.07);
		-webkit-transform: scale(1.07);
		-moz-transform: scale(1.07);
		-ms-transform: scale(1.07);
		-o-transform: scale(1.07);
	}
}

@media all and (max-width: 768px) {
	.apply {
		height: 12rem;
		width: 12rem;
		right: 1.6rem;
		/* margin-right: 1.6rem; */
	}

	.applyHere {
		font-size: 1.4rem;
		line-height: 1.357;
	}
	.applyPeriod {
		font-size: 0.9rem;
		line-height: 1.333;
	}
}

/* mv */

.mv {
	background-color: #33AEB6;
	color: #fff;
	padding-top: 6rem;
}

.mvWrapper {
	padding: 1.39vw 2.013vw 1.976vw;
	position: relative;
}

.mvBusiness {
	font-size: 0.951vw;
	font-weight: bold;
	margin-bottom: 3.162vw;
}

.mvCopy {
	margin: 0 auto 6.376vw;
	/* margin: 0 auto 4.619vw; */
	width: 87.847vw;
}

.mvPeople {
	width: 41.288vw;
}

.mvPeopleText {
	font-size: 0.585vw;
	position: absolute;
	bottom: 1.976vw;
	left: -0.951vw;
}

.mvContents {
	margin: 0 auto;
	width: 87.847vw;
}

.mvTitle {
	margin-bottom: 1.603vw;
	width: 43.923vw;
}

.mvPrf {}

.mvPrfItem {}

.mvPrfPh {
	width: 8.784vw;
}

.mvPrfText .name {
	font-size: 1.317vw;
	font-weight: bold;
}

.mvPrfText .small {
	font-size: 1.024vw;
}

.mvPrfText .work {
	font-size: 0.951vw;
	line-height: 1.23;
}

.mvOverview {
	font-weight: bold;
}

.mvOverviewBox {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	width: 40vw;
}

.mvOverviewHeadline {
	margin-right: 0.439vw;
}

.mvOverviewHeadline .text {
	background-color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	color: #33AEB6;
	font-size: 1.171vw;
	text-align: center;
	width: 7.32vw;
}

.mvOverviewDerail {
	font-size: 1.537vw;
}

.mvOverviewDerail .no {
	font-size: 2.342vw;
}

.mvOverviewDerail.first {
	padding-right: 10.761vw;
}

.mvSponsor {
	font-size: 1.171vw;
}

@media all and (min-width: 769px) {
	.mvPeople {
		position: absolute;
		bottom: 0;
		right: 3.733vw;
	}
	.mvPrf {
		display: flex;
		margin-bottom: 1.171vw;
	}

	.mvPrfItem {
		align-items: center;
		display: flex;
	}

	.mvPrfItem:first-child {
		margin-right: 2.342vw;
	}

	.mvPrfPh {
		margin-right: 0.878vw;
	}

	.mvOverviewDerail .last {
		border-left: 1px solid #fff;
		margin-left: 0.695vw;
		padding-left: 0.695vw;
	}
}

@media all and (max-width: 768px) {
	.mv {
		padding-top: 0;
	}
	.mvWrapper {
		padding: 5.641vw 0 1.538vw;
		position: relative;
	}

	.mvBusiness {
		font-size: 2.564vw;
		margin-bottom: 4.82vw;
		padding: 0 5.384vw;
	}

	.mvCopy {
		/* margin: 0 0 5.896vw; */
		margin: 0 0 1.025vw;
		padding-left: 7.435vw;
		width: 89.743vw;
	}

	.mvPeople {
		position: relative;
		width: 74.358vw;
	}

	.mvPeopleText {
		font-size: 2.051vw;
		bottom: 6.666vw;
		left: 5.128vw;
	}

	.mvContents {
		width: 89.743vw;
	}

	.mvTitle {
		margin-bottom: 3.487vw;
		width: 100%;
	}

	.mvPrf {
		position: absolute;
		top: 47.346vw;
		right: 5.128vw;
		text-align: center;
	}

	.mvPrfItem {
		margin-bottom: 3.487vw;
	}

	.mvPrfItem:last-child {
		margin-bottom: 0;
	}

	.mvPrfPh {
		width: 23.076vw;
	}

	.mvPrfText .name {
		font-size: 3.589vw;
	}

	.mvPrfText .small {
		font-size: 2.82vw;
	}

	.mvPrfText .work {
		font-size: 2.564vw;
		line-height: 1.2;
	}

	.mvOverview {
		margin-bottom: 4.179vw;
	}

	.mvOverviewBox {
		width: 100%;
	}

	.mvOverviewHeadline {
		margin-right: 1.538vw;
	}

	.mvOverviewHeadline .text {
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-ms-border-radius: 2px;
		-o-border-radius: 2px;
		font-size: 3.333vw;
		width: 17.948vw;
	}


	.mvOverviewHeadline.second .text {
		padding: 2.435vw 0;
	}

	.mvOverviewDerail {
		font-size: 4.358vw;
	}

	.mvOverviewDerail .no {
		font-size: 6.666vw;
	}

	.mvOverviewDerail.first {
		padding-right: 8.974vw;
	}

	.mvOverviewDerail.second {
		line-height: 1.461;
	}

	.mvOverviewDerail .last {
		display: block;
	}

	.mvSponsor {
		font-size: 3.333vw;
	}
}

/* area */

.area {
	background-color: #fff;
}
.areaWrapper {
	padding: 4rem 0;
}

.areaBnrItem {
	display: block;
}

@media screen and (min-width: 769px) {
	.areaBnr {
		display: flex;
		justify-content: center;
		gap: 0 1.5%;
	}

	.areaBnrItem {
		transition: 0.3s;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		-ms-transition: 0.3s;
		-o-transition: 0.3s;
		width: 23.426%;
	}

	.areaBnrItem:hover {
		opacity: 0.8;
	}
}

@media all and (max-width: 768px) {

	
	.areaWrapper {
		padding: 3rem 0;
	}

	.areaBnrItem {
		margin: 0 auto 4%;
		width: 89.743%;
	}

	.areaBnrItem:last-child {
		margin-bottom: 0;
	}
}


/* topBox */

#main .topBox {
	padding: 7rem 0 8rem;
	text-align: center;
	position: relative;
}

#main .topBox .text {
	margin-bottom: 4rem;
}

#main .topBox .textItem {
	font-size: 1.6rem;
	line-height: 1.8;
	margin-bottom: 1em;
}

#main .topBox .textItem:last-child {
	margin-bottom: 0;
}

#main .topBox .note {
	font-size: 1.2rem;
	line-height: 2.5;
}

/* #main .topBox .title {
	margin-bottom: 1.2rem;
	text-align: center;
	font-size: 2.8rem;
	font-weight: 600;
} */
#main .topBox sup {
	/* margin-top: -1.7rem; */
	display: inline-block;
	vertical-align: middle;
	/* font-size: 1.6rem; */
}
#main .topBox p sup {
	margin-top: -1.1rem;
	font-size: 1.1rem;
}
/* #main .topBox .sml {
	margin-top: 1.5rem;
	font-size: 1.2rem;
} */

#main .end {
	background-color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	margin: 0 auto 4rem;
	width: 70rem;
	/* position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%); */
}

#main .end .endText {
	color: #33AEB6;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 4rem 0;
	text-align: center;
}

#main .end .text {
	text-align: center;
	padding: 6rem 0;
}

#main .h2Title {
	margin-bottom: 6.2rem;
	color: #00AAB4;
	font-size: 6rem;
	font-weight: 900;
	text-align: center;
	line-height: 1;
}

#main .h2CT {
	color: #FFFFFF;
	font-size: 4rem;
	font-weight: 900;
	text-align: center;
	line-height: 1.2;
}

#main .h2Title .col {
	color: #FF820F;
}
#main .h2Title .sml {
	margin-top: 1.7rem;
	color: #333333;
	font-size: 4.8rem;
	display: block;
}

#main .linkUl {
	margin-bottom: 10rem;
	padding: 2.4rem 0 2rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background-color: #F5F5F5;
	border-radius: 5rem;
}
#main .linkUl li {
	margin: 0 2.8rem 0 2.9rem;
}
#main .linkUl a {
	padding-bottom: 2rem;
	display: block;
	font-weight: 600;
	font-size : 2rem;
	position: relative;
	letter-spacing: 0.1em;
}
#main .linkUl a::after {
	margin-left: -0.9rem;
	width: 1.8rem;
	height: 1.8rem;
	position: absolute;
	bottom: 0;
	left: 50%;
	background: url("../images/common/icon03.png") no-repeat left top / 100% 100%;
	content: "";
}
@media all and (min-width: 769px) {
	#main .linkUl a:hover {
		opacity: 0.8;
	}
}
@media all and (max-width: 768px) {
	/* #main .topBox .title {
		margin-bottom: 1.9rem;
		font-size: 1.8rem;
		line-height: 1.5;
	} */
	#main .topBox {
		margin-bottom: 0;
		padding: 3.6rem 0 4rem;
		/* margin-bottom: 5.8rem; */
		/* padding: 3.4rem 1.9rem 3.7rem; */
		font-size: 1.6rem;
		text-align: left;
	}
	#main .topBox .text {
		margin-bottom: 2rem;
	}
	#main .topBox sup {
		margin-top: -1.1rem;
		font-size: 1rem;
	}
	#main .topBox p sup {
		margin-top: -0.8rem;
		font-size: 0.8rem;
	}

		#main .topBox .note {
			line-height: 1.6;
		}

	/* #main .topBox .sml {
		margin-top: 1.1rem;
		font-size: 1.1rem;
		line-height: 1.7;
	} */

	#main .end {
		margin-bottom: 2rem;
		/* width: 35rem; */
		width: 89.743%;
	}
	
	#main .end .endText {
		padding: 3.5rem 0;
	}
	#main .h2Title {
		margin-bottom: 4rem;
		font-size: 3rem;
		letter-spacing: -0.02em;
	}
	#main .h2Title .sml {
		margin-top: .9rem;
		font-size: 2.4rem;
		letter-spacing: 0;
	}
	#main .linkUl {
		margin-bottom: 6rem;
		display: block;
		padding: 3.4rem 4rem 3.3rem;
	}
	#main .linkUl li {
		margin: 0 0 1.2rem;
	}
	#main .linkUl li:last-child {
		margin-bottom: 0;
	}
	#main .linkUl a {
		padding-bottom: 0;
	}
	#main .linkUl a::after {
		margin-left: 0;
		left: auto;
		right: -0.1rem;
		bottom: auto;
		top: 1.2rem;
	}
}

/* program  */

#main .program {
	/* background-color: #fff; */
	margin-bottom: 6rem;
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-o-border-radius: 1rem;
	/* scroll-padding-top: 60px; */
	padding-top: 6rem; 
	margin-top: -6rem;
}

#main .program .headLine01 {
	margin-bottom: 3.8rem;
}

#main .program .programWrapper {
	margin: 0 auto;
	padding: 0 0 5rem;
	width: 80rem;
}

#main .program .subTitle {
	margin-bottom: 0.3rem;
	color: #00AAB4;
	text-align: center;
	font-size: 2.4rem;
	position: relative;
}
#main .program .subTitle span {
	padding: 0 1.7rem;
	display: inline-block;
	background-color: #fff;
	position: relative;
	z-index: 10;
}
#main .program .subTitle::before {
	width: 100%;
	height: 0.3rem;
	position: absolute;
	top: 1.9rem;
	left: 0;
	background-color: #00AAB4;
	content: "";
}
#main .program .subTxt {
	margin-bottom: 2.4rem;
	text-align: center;
	font-weight: 600;
	color: #00AAB4;
}
#main .program .listUl {
	margin-bottom: 3.9rem;
	/* border-top: 1px solid #EFEFEF; */
}
#main .program .listUl:last-child {
	margin-bottom: 0;
}
#main .program .listUl li {
	padding-bottom: 6rem;
	/* border-bottom: 1px solid #EFEFEF; */
}

#main .program .listUl li:last-child {
	padding-bottom: 0;
} 
#main .program .flex {
	display: flex;
	justify-content: space-between;
	font-size: 1.6rem;
}
#main .program .flex p {
	padding: 1.1rem 1.5rem 1.3rem;
	/* background-color: #F5F5F5; */
}
#main .program .flex .ttl {
	background-color: #33AEB6;
	border-top-left-radius: 0.3rem;
	color: #fff;
	width: 13.5rem;
	flex-shrink: 0;
	text-align: center;
}
#main .program .flex .txt {
	background-color: #FFF000;
	border-top-right-radius: 0.3rem;
	color: #33AEB6;
	/* margin-left: 13.5rem; */
	/* padding-left: 4.1rem; */
	font-weight: 700;
	flex: 1;
}
#main .program .colTxt {
	font-size: 1.6rem;
	font-weight: 400;
}
#main .program .textBox {
	margin-top: 2rem;
	font-size: 1.4rem;
}
#main .program .textBox .subTitle02 {
	color: #33AEB6;
	margin-bottom: 3rem;
	font-size: 2.4rem;
}
#main .program .textBox .subTitle02 + .colTxt {
	margin-top: -1px;
}
#main .program .textBox p {
	margin-bottom: 0.7rem;
	line-height: 1.8;
}
#main .program .textBox p:last-child {
	margin-bottom: 0;
}
/* #main .program .textBox .txtDl {
	margin-top: 1rem;
}
#main .program .textBox .txtDl dt {
	margin-bottom: 0.1rem;
	color: #00AAB4;
	font-weight: 600;
	font-size: 1.4rem;
}
#main .program .textBox .txtDl dd {
	margin-bottom: 1.2rem;
	line-height: 1.8;
}
#main .program .textBox .txtDl dd:last-child {
	margin-bottom: 0;
} */
#main .program .subTitle + .listUl {
	margin-top: 1.8rem;
}

#main .program .speakerItem {
	margin-bottom: 3rem;
}

#main .program .speakerItem:last-child {
	margin-bottom: 0;
}

#main .program .speakerHead {
	align-items: center;
	display: flex;
	margin-bottom: 1rem;
}

#main .program .speakerHeadPh {
	margin-right: 2rem;
	width: 10rem;
}

#main .program .speakerHeadText .role {
	color: #33AEB6;
	font-size: 1.3rem;
	line-height: 1;
}

#main .program .speakerHeadText .name {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 0.14rem;
}

#main .program .speakerHeadText .name .small {
	font-size: 1.4rem;
}

#main .program .speakerHeadText .work {
	font-size: 1.3rem;
	line-height: 1;
}

#main .program .speakerBottom {
	font-size: 1.4rem;
	line-height: 1.857;
}

#main .program .speakerBottom .company {
	background-color: #E4F4F5;
	border-radius: 0.3rem;
	-webkit-border-radius: 0.3rem;
	-moz-border-radius: 0.3rem;
	-ms-border-radius: 0.3rem;
	-o-border-radius: 0.3rem;
	padding: 2rem;
}

@media all and (max-width: 768px) {
	#main .program .headLine01 {
		margin-bottom: 3rem;
	}
	#main .program .programWrapper {
		padding-bottom: 3rem;
		margin: 0 auto;
		width: 89.743%;
	}
	#main .program .listUl li {
		padding-bottom: 4rem;
	}
	#main .program .flex {
		font-size: 1.8rem;
	}
	#main .program .flex p {
		font-size: 1.4rem;
		padding: 0.5rem 1rem;
		line-height: 1.5;
	}
	#main .program .flex .txt {
		/* padding: 1.5rem 2rem 1.8rem; */
	}
	#main .program .subTitle {
		margin-bottom: -0.1rem;
	}
	#main .program .subTxt {
		margin-bottom: 1.5rem;
	}
	#main .program .flex .ttl {
		width: 12rem;
		display: grid;
		place-items: center;
	}
	#main .program .textBox {
		margin-top: 1rem;
	}
	#main .program .textBox .subTitle02 {
		font-size: 1.8rem;
		line-height: 1.4;
		margin-bottom: 2rem;
	}
	#main .program .colTxt {
		font-size: 1.4rem;
		margin-top: 1rem;
	}
	#main .program .textBox .subTitle02 + .colTxt {
		margin-top: -0.1rem;
	}
	#main .program .textBox .txtDl {
		margin-top: 0.9rem;
		padding-bottom: 2.1rem;
	}
	#main .program .textBox .txtDl dt {
		margin-bottom: 0.2rem;
	}
	#main .program .textBox .txtDl dd {
		margin-bottom: 0.9rem;
	}
	#main .program .listUl {
		margin-bottom: 2rem;
	}
	#main .program {
		margin-bottom: 4rem;
	}

	#main .program .speakerItem {
	margin-bottom: 2rem;
	}

	#main .program .speakerHead {
		margin-bottom: 1.5rem;
	}

	#main .program .speakerHeadPh {
		margin-right: 1rem;
	}

	#main .program .speakerHeadText .role {
	}

	#main .program .speakerHeadText .name {
	}

	#main .program .speakerHeadText .name .small {
	}

	#main .program .speakerHeadText .work {
		line-height: 1.384;
	}

	#main .program .speakerBottom {
	}

	#main .program .speakerBottom .company {
		padding: 1.5rem;
	}
}


/* voice */

#main .voice {
	margin-bottom: 6rem;
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-o-border-radius: 1rem;
	padding-top: 6rem;
	margin-top: -6rem;
}

#main .voiceWrapper {
	margin: 0 auto;
	padding-bottom: 7rem;
	width: 80rem;
}

#main .voice .voiceList li {
	background-color: #DFF2F3;
	margin-bottom: 4rem;
	padding: 3.6rem;
	position: relative;
	border-radius: 2rem;
	-webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	-ms-border-radius: 2rem;
	-o-border-radius: 2rem;
	font-size: 1.6rem;
	line-height: 1.875;
}

#main .voice .voiceList li:last-child {
	margin-bottom: 0;
}

#main .voice .voiceList li .blue {
	color: #33AEB6;
	font-weight: bold;
}

#main .voice .voiceList li::after {
	content: '';
	background-image: url(../images/index/voice_baloon_bottom.svg);
	background-size: contain;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 2rem;
	width: 2.3rem;
	position: absolute;
	bottom: -2rem;
}

#main .voice .voiceList li:nth-child(2n+1)::after {
	left: 7.7rem;
}

#main .voice .voiceList li:nth-child(2n)::after {
	right: 9.8rem;
}

#main .social {
	margin-bottom: 14rem;
}
#main .social .headLine01 {
	margin-bottom: 2.9rem;
}
#main .social .img {
	position: relative;
}
#main .social .img img {
	width: 100%;
}
#main .social .comBtn {
	position: absolute;
	bottom: -4rem;
	left: 50%;
	transform:translateX(-50%)
}
#main .social .comBtn a {
	color: #00AAB4;
	text-decoration: none;
	background-color: #fff;
	box-shadow: 0.3rem 0.7rem 2.5rem rgba(0, 170, 180, 0.28);
}
#main .social .comBtn a::after {
	background-image: url(../images/common/icon04.png);
}

/* system */

#main .system {
	margin-bottom: 6rem;
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-o-border-radius: 1rem;
	padding-top: 6rem;
	margin-top: -6rem;
}

#main .system .headLine01 {
	margin-bottom: 5rem;
}

#main .system .systemWrapper {
	margin: 0 auto;
	width: 80rem;
}

#main .system .text {
	text-align: center;
	margin-bottom: 3rem;
}

#main .system .list {
	margin-bottom: 5rem;
	gap: 3rem 4rem
}
#main .system .list:last-of-type {
	padding-bottom: 5rem;
	margin-bottom: 0;
}
#main .system .list li {
	padding: 2.5rem;
	width: calc(50% - 2rem);
	position: relative;
	font-size: 1.4rem;
	border: 0.1rem solid #C3C3C3;
	box-sizing: border-box;
}
#main .system .articleList li {
	padding-bottom: 2.8rem;
}

#main .system .articleList li p {
	font-size: 1.4rem;
	line-height: 2;
}

#main .system .list .title {
	color: #33AEB6;
	margin-bottom: 1rem;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
}

#main .system .articleList.list .title {
	color: #343434;
	font-size: 1.8rem;
	line-height: 1.555;
	padding-bottom: 1rem;
	border-bottom: 0.1rem solid #33AEB6;
}

#main .system .list .smlTxt {
	margin-bottom: 2rem;
	font-size: 1.2rem;
	line-height: 1.833;
}
#main .system .video {
	position: relative;
	padding-bottom: 56.25%;
	overflow: hidden;
}
#main .system .video iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#main .system .title span {
	margin-bottom: 1rem;
	display: block;
	color : #00AAB4;
	font-size: 1.2rem;
}
#main .system .linkBox {
	/* position: absolute;
	right: 0;
	left: 0; */
	margin: 6.3rem auto 2.5rem;
	/* bottom: 2.5rem; */
}

#main .system .linkBox .btn {
	background-color: #33AEB6;
	border-radius: 0.6rem;
	-webkit-border-radius: 0.6rem;
	-moz-border-radius: 0.6rem;
	-ms-border-radius: 0.6rem;
	-o-border-radius: 0.6rem;
	color: #fff;
	display: block;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	padding: 1rem;
	text-decoration: none;
	position: absolute;
	bottom: 2.5rem;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 33rem;
} 
#main .system .linkBox a {
	text-decoration: underline;
}
#main .system .list .item {
	padding: 3rem 0 0;
	border: none;
}
#main .system .list .inner {
	padding: 2.8rem 4rem 6.8rem;
	height: calc(100% - 9.2rem);
	position: relative;
	border: 0.1rem solid #EFEFEF;
}
#main .infoBox {
	margin-bottom: 5.2rem;
	border-radius: 1rem;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	-ms-border-radius: 1rem;
	-o-border-radius: 1rem;
	padding-top: 6rem;
	margin-top: -6rem;
}

#main .infoBox .infoBoxWrapper {
	margin: 0 auto;
	padding-bottom: 5rem;
	width: 80rem;
}

#main .infoBox .btn {
	background-color: #DFF2F3;
	border: 0.1rem solid #33AEB6;
	color: #33AEB6;
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.625;
	text-align: center;
	text-decoration: none;
	width: 38rem;
	border-radius: 0.6rem;
	-webkit-border-radius: 0.6rem;
	-moz-border-radius: 0.6rem;
	-ms-border-radius: 0.6rem;
	-o-border-radius: 0.6rem;
}

#main .infoBox .headLine01 {
	margin-bottom: 5rem;
}
#main .infoBox .headLine02 {
	margin-bottom: 2.3rem;
}
#main .infoBox a {
	padding-left: 2.5rem;
	font-size: 1.8rem;
	line-height: 2.3;
	text-decoration: underline;
}
#main .infoBox .comTxtLink {
	background-position: left 1.4rem;
}
#main .infoBox .telLink .comTxtLink::after {
	display: none;
}
#main .infoBox p {
	font-size: 1.6rem;
	line-height: 1.875;
	margin-bottom: 5rem;
	text-align: center;
}
#main .infoBox p:last-of-type {
	margin-bottom: 0;
}
#main .infoBox .textLink {
	margin: 0 0 8.8rem;
}
#main .infoBox .textLink a {
	margin-left: 0;
}
#main .infoBox .telLink {
	font-weight: 600;
}
#main .infoBox .tel {
	text-decoration: none;
}
#main .powered {
	/* margin-bottom: 3.6rem; */
	text-align: right;
	overflow: hidden;
}
#main .powered img {
	width: 16rem;
}
#main .powered #DigiCertClickID_qAtJWaCd {
	width: 100px;
	float: right;
}
@media all and (min-width: 769px) {
	#main .powered a:hover {
		opacity: 0.8;
	}
	#main .infoBox a:hover,
	#main .system .linkBox a:hover {
		opacity: 0.8;
	}

	#main .infoBox .textLink {
		display: flex;
		justify-content: space-between;
	}

	#main .infoBox .btn:first-child {
		padding: 3.2rem 0;
	}

	#main .infoBox .btn:last-child {
		padding: 1.9rem 0;
	}

}
@media all and (max-width: 768px) {

#main .h2CT {
	color: #FFFFFF;
	font-size: 3rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.5;
}
	#main .voice {
		margin-bottom: 4rem;
	}
	#main .voice .voiceWrapper {
		margin: 0 auto;
		width: 89.743%;
	}
	#main .voice .voiceList li {
		padding: 1.5rem;
		border-radius: 1rem;
		-webkit-border-radius: 1rem;
		-moz-border-radius: 1rem;
		-ms-border-radius: 1rem;
		-o-border-radius: 1rem;
	}
	#main .voice .voiceList li:nth-child(2n+1)::after {
	left: 5.6rem;
}

#main .voice .voiceList li:nth-child(2n)::after {
	right: 7.7rem;
}
	#main .social {
		margin-bottom: 10rem;
	}
	#main .social .headLine01 {
		margin-bottom: 2.2rem;
	}
	#main .social .comBtn a {
		width: 29.5rem;
	}
	#main .system {
		margin-bottom: 4rem;
	}
	#main .system .systemWrapper {
		margin: 0 auto;
		width: 89.743%;
	}
	#main .system .headLine01 {
		margin-bottom: 3rem;
	}
	#main .system .text {
		margin-bottom: 3rem;
		font-size: 1.6rem;
		text-align: left;
	}
	#main .system .list {
		margin-bottom: 0;
	}
	#main .system .list {
		display: block;
	}
	#main .system .list li {
		margin-bottom: 3rem;
		padding: 1.5rem;
		width: 100%;
	}
	#main .system .list li:last-child {
		margin-bottom: 0;
	}
	#main .system .articleList li {
		padding: 1.5rem;
	}
	#main .system .list .title {
		margin-bottom: 1rem;
		font-size: 1.6rem;
	}

	#main .system .list.articleList .title {
		font-size: 1.8rem;
	}

	#main .system .list .title span {
		margin-bottom: 0.8rem;
	}
	#main .system .list .smlTxt {
		margin-bottom: 1.7rem;
	}
	#main .system .linkBox {
		/* right: 1.9rem;
		bottom: 2.6rem; */
		margin-top: 6.8rem;
	}
	#main .system .linkBox .btn {
		bottom: 1.5rem;
		width: calc(100% - 3rem)
	}
	#main .system .list .inner {
		padding: 2.5rem 1.9rem 7rem;
	}
	#main .system .list .item {
		/* margin-botztom: 0; */
	}
	#main .system .list .item:last-of-type {
		padding-top: 0;
	}
	#main .infoBox {
		margin-bottom: 3.8rem;
	}
	#main .infoBox .infoBoxWrapper {
		padding-bottom: 3rem;
		width: 89.743%;
	}
	#main .infoBox .headLine01 {
		margin-bottom: 2.4rem;
	}
	#main .infoBox p {
		margin-bottom: 3rem;
		text-align: justify;
	}
	#main .infoBox .comTxtLink {
		background-position: left 0.4rem;
	}
	#main .infoBox .textLink {
		/* margin-bottom: 5÷.9rem; */
	}

	#main .infoBox .textLink .btn {
		padding: 1.5rem 0;
		margin-bottom: 1.5rem;
		width: 100%;
	}

	#main .infoBox .textLink .btn:last-child {
		margin-bottom: 0;
	}
	#main .infoBox p a {
		/* margin: 2rem 0 0 -2.3rem; */
		padding-left: 2rem;
		display: block;
		font-size: 1.4rem;
		line-height: 1.5;
	}
	#main .infoBox .telLink {
		padding-left: 2.3rem;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 1.5;
	}
	#main .infoBox p a:first-of-type {
		margin-top: 0;
	}
	#main .powered {
		/* margin-bottom: 1.9rem; */
	}
	#main .infoBox .headLine02 {
		letter-spacing: 0.1em;
	}

	#main .system .list:last-of-type {
		padding-bottom: 3rem;
	}
}


.contact {
	background-color: #fff;
	font-size: 1.6rem;
}

.contactWrapper {
	margin: 0 auto;
	padding: 7rem 0;
	text-align: center;
	width: 88.888%;
}

.contactTitle {
	border-bottom: 0.1rem solid #656565;
	font-size: 2rem;
	font-weight: bold;
	padding-bottom: 2rem;
	margin-bottom: 3rem;
	text-align: center;
}

.contactText {
	margin-bottom: 1rem;
}

.contactLink {
	line-height: 1.875;
}

@media all and (max-width: 768px) {

	.contact {
		font-size: 1.4rem;
	}

	.contactWrapper {
		padding: 3rem 0;
		text-align: left;
		width: 89.743%;
	}

	.contactTitle {
		font-size: 1.6rem;
		padding-bottom: 1.5rem;
		margin-bottom: 1.5rem;
		text-align-last: left;
	}

	.contactText {
		margin-bottom: 1.5rem;
		line-height: 1.714;
	}

	.contactLink {
		line-height: 1.714;
	}

}