@charset "UTF-8";

.client .content {
	padding: 0;
}
.mainVisualWrap {
	height: 316px;
	background-image: url(../img/client/mainview.webp);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: calc(50% + 300px);
}
.mainVisualWrap .inner {
	padding: 40px 0 0 105px;
}
.mainVisualTextWrap {
	text-align: center;
	width: 470px;
}
.mainVisualTtl {
	font-size: 40px;
	font-weight: bold;
	color: var(--baseColor);
}
.mainVisualTtlText1 {
	font-weight: normal;
	font-size: 20px;
	color: #000;
}
.mainVisualTtlText2{
}
.mainVisualText1{
	color: #5A718E;
	font-size: 16px;
	margin-top: 20px;
}
.mainVisualBtnWrap{
	margin-top: 30px;
}
.mainVisualBtnWrap .button{
	width: 300px;
	height: 48px;
	border-radius: 8px;
	box-shadow: 0px 2px 20px rgba(27,85,159,0.301);
	font-size: 16px;
}
.section1 {
	text-align: center;
	padding: 60px 0 153px;
	background-image: url(../img/client/text_do_you_have_any_concerns.webp),url(../img/client/img_worries.webp);
	background-repeat: no-repeat;
	background-position: center 20px, center bottom;
	background-color: #EBEFF2;
	background-size: auto, 137px;
}
.section1Ttl {
	font-size: 28px;
	font-weight: bold;
}
.section1List {
	margin-top: 40px;
	display: flex;
	justify-content: center;
}
.section1Item {
	width: 148px;
	height: 148px;
	margin-left: 20px;
	float: left;
	border-radius: 50%;
	background-color: var(--white);
	color: #5A718E;
	font-size: 18px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
}
.section1Item:first-child {
	margin-left: 0;
}

.section2 {
	padding: 60px 0;
	background-image: url(../img/client/text_key_to_success.webp);
	background-repeat: no-repeat;
	background-position: center 30px;
}
.section2 .inner {
	width: 1080px;
}
.sectionTtl {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}
.sectionTtlText {
	font-size: 16px;
	color: #646E76;
	margin-bottom: 5px;
}
.section2Dl {
	padding-left: 520px;
	background-image: url(../img/client/img_website.webp);
	background-repeat: no-repeat;
	background-position: left;
	background-size: 480px auto;
	margin-top: 40px;
}
.section2Dt {
	font-size: 18px;
	color: var(--baseColor);
	font-weight: bold;
}
.section2Dd {
	margin-top: 20px;
}
.section2DdList {
	color: #5A718E;
}
.section2DdItem {
	background-image: url(../img/icon_check.svg);
	background-repeat: no-repeat;
	padding-left: 28px;
	background-position: left 0.2em;
	margin-top: 20px;
}
.section2DdItem:first-child {
	margin-top: 0;
}
.mypageSection {
	padding: 40px 0;
	background-color: #EBEFF2;
	text-align: center;
}
.mypageSectionTtl{
	font-size: 28px;
	font-weight: bold;
}
.mypageSectionBtnWrap{
	margin-top: 20px;
}
.mypageSectionBtnWrap .button{
	width: 500px;
	height: 80px;
	font-size: 24px;
	box-shadow: 0px 2px 20px rgba(27,85,159,0.301);
}
.section3 {
	padding: 60px 0;
	background-image: url(../img/client/text_update_news.webp);
	background-repeat: no-repeat;
	background-position: center 30px;
}
.section3 .inner{
	width: 1080px;
}
.section3Text {
	text-align: center;
	margin-top: 20px;
	font-size: 18px;
	font-weight: bold;
}
.section3TextIcon {
	color: #0E79D1;
}
.section3TextStrong {
	color: var(--baseColor);
	font-size: 24px;
}
.section3ListWrap {
	margin-top: 40px;
	padding: 20px;
	box-shadow: 0px 2px 20px rgba(27,85,159,0.301);
	display: flex;
	justify-content: space-between;
}
.section3List {
	width: 500px;
}
.section3Item{
	margin-top: 20px;
}
.section3Item:first-child{
	margin-top: 0;
}
.section3ItemLink{
}
.section3ItemTextWrap{
}
.section3ItemTtl {
	color: var(--baseColor);
	font-weight: bold;
}
.section3ItemTtlStrong {
	font-size: 18px;
	color: var(--red);
}
.section3ItemTtlStep{
}
.section3ItemTtlStepNum{
}
.section3ItemBody {
	padding: 10px 0 0 20px;
	font-size: 14px;
	color: #5A718E;
}
.section4 {
	padding: 60px 0;
	background-image: url(../img/client/text_company_briefing.webp);
	background-repeat: no-repeat;
	background-position: center 35px;
}
.section4 .inner{
	width: 800px;
}
.section4Text {
	margin-top: 20px;
}
.section4ImgWrap {
	margin-top: 20px;
}
.section4ImgWrap + .section4ImgWrap {
	margin-top: 40px;
}
.section4ImgList {
	display: flex;
	justify-content: space-between;
}
.section4ImgItem{
	width: 380px;
}
.section4ImgItemTtl {
	font-size: 24px;
	font-weight: bold;
	color: var(--baseColor);
	text-align: center;
}
.section4ImgItemType {
	margin-top: 10px;
	display: inline-block;
	background-color: #EBEFF2;
	padding: 2px 10px;
	color: var(--baseColor);
}
.section4ImgItemAera {
	color: #5A718E;
	margin-top: 10px;
}
.section4ImgItemAera+.section4ImgItemAera {
	margin-top: 0;
}
.section5 {
	padding: 60px 0;
	background-image: url(../img/client/text_referral.webp);
	background-repeat: no-repeat;
	background-position: center 35px;
}
.section5Text {
	width: 800px;
	margin: 20px auto 0;
	color: #5A718E;
	font-size: 18px;
	font-weight: bold;
}
.section5FlowList {
	display: flex;
	justify-content: space-between;
	width: 960px;
	margin: 40px auto 0;
}
.section5FlowItem:nth-child(odd)::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent var(--baseColor);
	position: absolute;
	right: -15px;
}
.section5FlowItem:nth-child(odd)::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	right: -12px;
}
.section5FlowItem:nth-child(2n)::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent transparent transparent var(--baseColor);
	position: absolute;
	right: -12px;
}
.section5FlowItem:last-child::before, 
.section5FlowItem:last-child::after{
	display: none;
}
.section5FlowItem {
	font-size: 18px;
	height: 100px;
	width: 187px;
	line-height: 1.6;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
}
.section5FlowItem:nth-child(1) {
	z-index: 5;
}
.section5FlowItem:nth-child(2) {
	z-index: 4;
}
.section5FlowItem:nth-child(3) {
	z-index: 3;
}
.section5FlowItem:nth-child(4) {
	z-index: 2;
}
.section5FlowItem:nth-child(odd) {
	color: var(--baseColor);
	border: 2px solid var(--baseColor);
}
.section5FlowItem:nth-child(2n) {
	background-color: var(--baseColor);
	color: #fff;
}

.commonContactContactBtnWrap .button {
	width: 442px;
	height: 59px;
	margin-left: 20px;
}

@media screen and (max-width:560px) {
	.mainVisualWrap {
		height: 107.32vw;
		background-size: auto 59%;
		background-position: center bottom;
	}
	.mainVisualWrap .inner {
		padding: 10.71vw 0 0 0;
	}
	.mainVisualTextWrap {
		width: 100%;
	}
	.mainVisualTtlText1 {
		font-size: 3.75vw;
	}
	.mainVisualTtl {
		font-size: 5.71vw;
	}
	.mainVisualText1 {
		font-size: 3.21vw;
		margin-top: 3.57vw;
	}
	.mainVisualBtnWrap {
		margin-top: 42.86vw;
	}
	.mainVisualBtnWrap .button {
		width: 81.79vw;
		height: 10.71vw;
		border-radius: 1.43vw;
		box-shadow: 0vw 0.36vw 3.57vw rgba(27,85,159,0.301);
		font-size: 4.29vw;
	}
	.section1 {
		padding: 10.71vw 0 27.32vw;
		background-position: center 8.04vw, center bottom;
		background-size: auto 9.82vw, 24.46vw;
	}
	.section1Ttl {
		font-size: 4.29vw;
	}
	.section1List {
		margin-top: 12.5vw;
	}
	.section1Item {
		width: 26.43vw;
		height: 26.43vw;
		margin-left: 3.57vw;
		border-radius: 50%;
		font-size: 3.21vw;
	}
	.section2 {
		padding: 10.71vw 0;
		background-position: center 9.82vw;
		background-size: auto 15.89vw;
	}
	.section2 .inner {
		width: 100%;
	}
	.sectionTtlText {
		font-size: 3.21vw;
		margin-bottom: 0.89vw;
	}
	.sectionTtl {
		font-size: 4.29vw;
	}
	.section2Dl {
		padding: 50vw 7.14vw 0;
		background-position: center top;
		background-size: 85.71vw auto;
		margin-top: 7.14vw;
	}
	.section2Dt {
		font-size: 3.75vw;
	}
	.section2Dd {
		margin-top: 3.57vw;
	}
	.section2DdItem {
		padding-left: 5vw;
		background-position: left 0.4em;
		margin-top: 3.57vw;
		background-size: 3.57vw;
	}
	.mypageSection {
		padding: 7.14vw 7.14vw;
	}
	.mypageSectionTtl {
		font-size: 4.29vw;
	}
	.mypageSectionBtnWrap {
		margin-top: 3.57vw;
	}
	.mypageSectionBtnWrap .button {
		width: 100%;
		height: 14.29vw;
		font-size: 4.29vw;
		box-shadow: 0vw 0.36vw 3.57vw rgba(27,85,159,0.301);
	}
	.section3 {
		padding: 10.71vw 3.57vw;
		background-position: center 10.71vw;
		background-size: auto 15.89vw;
	}
	.section3 .inner {
		width: 100%;
	}
	.section3Text {
		margin-top: 5.36vw;
		font-size: 3.21vw;
		padding: 0 3.57vw;
		text-align: left;
	}
	.section3TextStrong {
		font-size: 4.29vw;
		display: block;
		text-align: right;
	}
	.section3ListWrap {
		margin-top: 5.36vw;
		padding: 3.57vw 5.36vw;
		box-shadow: 0vw 0.36vw 3.57vw rgba(27,85,159,0.301);
		display: block;
		border-radius: 0.71vw;
	}
	.section3List {
		width: 100%;
	}
	.section3List + .section3List {
		margin-top: 3.57vw;
	}
	.section3Item {
		margin-top: 3.57vw;
	}
	.section3ItemTtlStrong {
		font-size: 3.75vw;
	}
	.section3ItemBody {
		padding: 0.89vw 0 0 3.57vw;
		font-size: 3.21vw;
	}
	.section4 {
		padding: 10.71vw 3.57vw;
		background-position: center 8.93vw;
		background-size: auto 14.29vw;
	}
	.section4 .inner {
		width: 100%;
	}
	.section4Text {
		margin-top: 5.36vw;
	}
	.section4ImgWrap {
		margin-top: 5.36vw;
	}
	.section4ImgList {
		display: block;
	}
	.section4ImgItem {
		width: 100%;
		max-width: 67.86vw;
		margin: 0 auto;
	}
	.section4ImgItem:nth-child(2) {
		margin-top: 3.57vw;
	}
	.section4ImgWrap + .section4ImgWrap {
		margin-top: 10.71vw;
	}
	.section4ImgItemTtl {
		font-size: 4.29vw;
	}
	.section4ImgItemType {
		margin-top: 1.79vw;
		padding: 0.36vw 1.79vw;
	}
	.section4ImgItemAera {
		margin-top: 1.79vw;
	}
	.section4ImgItem:nth-child(3) {
		margin-top: 5.36vw;
	}
	.section5 {
		padding: 10.71vw 3.57vw;
		background-size: auto 20.89vw;
	}
	.section5Text {
		width: 100%;
		margin: 3.57vw auto 0;
		font-size: 3.21vw;
	}
	.section5FlowList {
		display: block;
		width: 100%;
		margin: 3.57vw auto 0;
		padding: 0 5.36vw;
	}
	.section5FlowItem:nth-child(2n+1)::before {
		right: auto;
		bottom: -3.21vw;
		border-width: 2.86vw 2.86vw 0 2.86vw;
		border-color: var(--baseColor) transparent transparent transparent;
	}
	.section5FlowItem:nth-child(2n+1)::after {
		right: auto;
		bottom: -2.86vw;
		border-width: 2.86vw 2.86vw 0 2.86vw;
		border-color: var(--white) transparent transparent transparent;
	}
	.section5FlowItem:nth-child(2n)::after {
		right: auto;
		bottom: -2.86vw;
		border-width: 2.86vw 2.86vw 0 2.86vw;
		border-color: var(--baseColor) transparent transparent transparent;
	}
	.section5FlowItem {
		font-size: 3.21vw;
		height: 20.36vw;
		width: 100%;
		margin-top: 1.79vw;
	}
	.commonContactContactBtnWrap .button {
		width: 78.93vw;
		height: 10.54vw;
		margin: 2.68vw auto;
	}
}