@charset "UTF-8";
@import url(../../css/reset.css);
@import url(../../css/common.css);
/* css/common.css */
.inner {
		max-width: 960px;
		width: 100%;
		margin: 0 auto;
}

@media (max-width: 780px) {
		.inner {
				max-width: 90vw;
				width: 100%;
				margin: 0 auto;
		}
}

#list01, #list02, #list03, #list04, #list05, #list06, #list07, #list08, #list09, #column01, #column02 {
		padding-top: 100px;
		margin-top: -100px;
}

@keyframes fadeOut {
		from {
				opacity: 0;
		}
		to {
				opacity: 1;
		}
}

#sub {
		box-sizing: border-box;
		top: 210px;
		left: calc(50vw + 272px);
		height: 100%;
		width: 208px;
		position: fixed;
		overflow: auto;
		padding: 0;
		z-index: 10;
}

#sub h2 {
		font-size: 18px;
		font-weight: 600;
		color: #fff;
		margin: 0 0 25px;
}

#sub h6 {
		font-size: 14px;
		font-weight: 600;
		color: #fff;
		margin: 15px 0;
}

#sub ul {
		display: flex;
		border-left: 1px solid #fff;
		flex-wrap: wrap;
		align-items: flex-start;
		width: 100%;
		margin: 0 0 40px;
}

#sub ul li a {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 208px;
		margin-bottom: 15px;
}

#sub ul li a span {
		font-size: 12px;
		line-height: 1;
		padding-left: 10px;
		flex-basis: 100%;
		display: block;
		color: #fff;
		margin-bottom: 5px;
}

#sub ul li a p {
		font-size: 14px;
		line-height: 1.5;
		flex-basis: 100%;
		padding-left: 10px;
		display: block;
		color: #fff;
}

.hidden {
		display: none;
		/* 要素を非表示にする */
		animation: fade .2s ease-in-out forwards;
		pointer-events: none;
		/* 重要 */
}

@keyframes fade {
		from {
				opacity: 1;
		}
		to {
				opacity: 0;
		}
}

.contents {
		width: 704px;
		margin-right: 256px;
}

.contents .head_img {
		width: 640px;
		margin: 0 0 30px;
}

.contents .head_img img {
		max-width: 640px;
		border-radius: 10px;
}

.contents .bg_ttl {
		font-size: 66px;
		font-weight: 600;
		color: #fff;
		opacity: 0.1;
		position: relative;
		top: 13px;
		left: -50px;
		z-index: 1;
		white-space: nowrap;
}

.contents h1 {
		font-size: 41px;
		color: #fff;
		margin: 0 0 10px;
}

.contents h2 {
		font-size: 32px;
		color: #fff;
		margin: 60px 0 10px;
}

.contents h6 {
		font-size: 15px;
		font-weight: 600;
		line-height: 1;
		color: #009FE8;
		margin-bottom: 40px;
}

.contents .ttl {
		background-image: url(../img/ttl_bg.svg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 364px;
		height: 53px;
}

.contents .ttl h3 {
		font-size: 23px;
		color: #1349A6;
		padding: 12px 0 0 22px;
}

.contents .ttl h3 span {
		font-size: 26px;
}

.contents .case_lt {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 634px;
		position: relative;
		z-index: 2;
		margin: 0;
}

.contents .case_lt li {
		flex-basis: 304px;
		height: 340px;
		position: relative;
		margin-bottom: 0;
}

.contents .case_lt li .card {
		background-color: #fff;
		border-radius: 6px;
		filter: drop-shadow(0px 10px 10px rgba(19, 73, 166, 0.04));
		width: 304px;
		height: 340px;
		position: absolute;
		top: 0;
		left: 0;
}

.contents .case_lt li .card .cardimg {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		border-radius: 6px 6px 0 0;
}

.contents .case_lt li .card .cardimg img {
		max-width: 100%;
		transition: 1s all;
}

@media (hover: hover) and (pointer: fine) {
		.contents .case_lt li .card .cardimg img:hover {
				transform: scale(1.1);
				transition: 1s all;
		}
}

.contents .case_lt li .card .ttl01 {
		background-image: url("../../img/s5_ttl01_bg.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 270px;
		height: 39px;
		position: absolute;
		top: 163px;
		left: -4px;
		position: relative;
		z-index: 6;
}

.contents .case_lt li .card .ttl01 p {
		font-size: 16px;
		line-height: 1;
		color: #fff;
		margin: 0 0 0 24px;
		padding-top: 10px;
}

.contents .case_lt li .card .ttl02 {
		background-image: url("../../img/s5_ttl02_bg.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 270px;
		height: 39px;
		position: absolute;
		top: 163px;
		left: -4px;
		position: relative;
		z-index: 6;
}

.contents .case_lt li .card .ttl02 p {
		font-size: 16px;
		line-height: 1;
		color: #fff;
		margin: 0 0 0 24px;
		padding-top: 10px;
}

.contents .case_lt li .card .ttl03 {
		background-image: url("../../img/s5_ttl03_bg.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 270px;
		height: 39px;
		position: absolute;
		top: 163px;
		left: -4px;
		position: relative;
		z-index: 6;
}

.contents .case_lt li .card .ttl03 p {
		font-size: 16px;
		line-height: 1;
		color: #fff;
		margin: 0 0 0 24px;
		padding-top: 10px;
}

.contents .case_lt li .card .num {
		font-size: 71px;
		font-weight: 500;
		line-height: 1;
		color: #1349A6;
		opacity: 0.07;
		position: absolute;
		top: 190px;
		left: 15px;
}

.contents .case_lt li .card h6 {
		font-size: 16px;
		line-height: 1.8;
		text-align: left;
		position: absolute;
		top: 222px;
		left: 25px;
		color: #2d2d2d;
		white-space: nowrap;
}

.contents .case_lt li .card .date {
		font-size: 13px;
		font-weight: 400;
		line-height: 1;
		color: #2d2d2d;
		position: absolute;
		top: 290px;
		left: 25px;
}

.contents .case_lt li .card .card_btn {
		width: 210px;
		border-radius: 60px;
		border: 1px solid #1349A6;
		text-align: center;
		padding: 15px 0;
		position: absolute;
		top: 262px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		margin-bottom: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
}

.contents .case_lt li .card .card_btn p {
		font-size: 13px;
		font-weight: 600;
		line-height: 1;
		color: #1349A6;
		position: relative;
		width: 100%;
}

.contents .case_lt li .card .card_btn p:after {
		content: "";
		background-image: url("../img/kv_btn_arrow_on.svg");
		background-repeat: no-repeat;
		background-size: contain;
		width: 16px;
		height: 24px;
		position: absolute;
		top: calc(50% - 8px);
		right: 16px;
}

@media (hover: hover) and (pointer: fine) {
		.contents .case_lt li .card:hover .card_btn {
				border: none;
				background-color: #1349A6;
				box-sizing: border-box;
		}
		.contents .case_lt li .card:hover .card_btn p {
				color: #fff;
		}
		.contents .case_lt li .card:hover .card_btn p:after {
				content: "";
				background-image: url("../img/kv_btn_arrow.svg");
				right: 11px;
		}
}

.contents .case_lt li:nth-child(even) {
		margin-top: 40px;
}

.c1 {
		width: 100%;
		height: auto;
		margin: 0 auto;
		background-color: rgba(19, 73, 166, 0.94);
		position: relative;
		z-index: 5;
		padding: 150px 0 0;
		min-height: 1200px;
}

.c1 h1 {
		font-size: 28px;
		color: #fff;
		line-height: 1;
		margin: 0 0 30px;
}

.c1 .tag {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		width: 100%;
		margin: 0 0 60px;
}

.c1 .tag li {
		background-color: #E5F0F8;
		border-radius: 60px;
		padding: 10px 15px;
		font-size: 11px;
		line-height: 1;
		color: #1349A6;
		text-align: center;
		margin: 0 5px 5px 0;
}

.c1 .ttl {
		background-image: url(../img/ttl_bg.svg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 364px;
		height: 53px;
}

.c1 .ttl h3 {
		font-size: 23px;
		color: #1349A6;
		padding: 12px 0 0 22px;
}

.c1 .detail {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		width: 100%;
		margin: 15px 0 0;
		padding-bottom: 80px;
}

.c1 .detail .sttl {
		flex-basis: 112px;
		background-color: #fff;
		border-radius: 60px;
		font-size: 16px;
		text-align: center;
		padding: 10px 0;
		color: #1349A6;
}

.c1 .detail .summary {
		flex-basis: 572px;
}

.c1 .detail .summary p {
		font-size: 21px;
		line-height: 1.8;
		color: #fff;
}

.c1 .detail .summary p span {
		font-size: 18px;
		color: #fff;
		display: block;
}

.c1 .detail .kei {
		flex-basis: 100%;
		border-bottom: 2px dotted #fff;
		padding-bottom: 15px;
		margin-bottom: 15px;
}

.c1 #column h1 {
		font-size: 28px;
		color: #fff;
		line-height: 1.8;
		margin: 0 0 20px;
}

.c1 #column .date {
		font-size: 13px;
		font-weight: 400;
		color: #fff;
		line-height: 1;
		margin: 0 0 30px;
}

.c1 #column .index {
		background-color: #fff;
		border-radius: 6px;
		padding: 0;
		margin-bottom: 20px;
}

.c1 #column .index .ttl {
		width: 100%;
		border-radius: 6px 6px 0 0;
		background-color: #009FE8;
		padding: 15px 32px;
}

.c1 #column .index .ttl p {
		font-size: 16px;
		font-weight: 600;
		color: #fff;
		line-height: 1;
		margin-top: 3px;
}

.c1 #column .index .summary {
		padding: 25px 32px;
}

.c1 #column .index .summary ul {
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
		width: 100%;
}

.c1 #column .index .summary ul .sttl {
		font-size: 17px;
		line-height: 1;
		position: relative;
		margin-bottom: 10px;
}

.c1 #column .index .summary ul .sttl a {
		text-decoration: none;
		color: #1349A6;
}

.c1 #column .index .summary ul .sttl:before {
		content: "▼";
		font-size: 13px;
		line-height: 1;
		color: #009FE8;
		margin-right: 5px;
}

.c1 #column .index .summary ul li p {
		font-size: 16px;
		line-height: 2.2;
		padding-left: 20px;
}

.c1 #column .index .summary ul .kei {
		flex-basis: 100%;
		border-bottom: 2px dotted #D1D1D1;
		margin-bottom: 25px;
		padding-bottom: 15px;
}

.c1 #column .w_base {
		background-color: #fff;
		width: 100%;
		border-radius: 6px;
		padding: 25px 32px;
}

.c1 #column .w_base h5 {
		background-color: #EBF6FF;
		border-radius: 3px;
		padding: 15px;
		font-size: 20px;
		line-height: 1.5;
		color: #1349A6;
		margin-bottom: 15px;
}

.c1 #column .w_base h6 {
		color: #1349A6;
		font-size: 18px;
		margin: 0 0 20px;
}

.c1 #column .w_base p {
		font-size: 16px;
		line-height: 2;
}

.c1 #column .w_base p a {
		text-decoration: none;
		color: #1349A6;
}

.c1 #column .w_base .photo {
		margin: 15px auto;
}

.c1 #column .w_base .photo img {
		max-width: 100%;
}

.c1 #column .w_base ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin: 30px 0;
}

.c1 #column .w_base ul li {
		font-size: 18px;
}

.c1 #column .w_base ul .number {
		text-align: right;
}

.c1 #column .w_base ul .kei {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px dotted #D1D1D1;
		flex-basis: 100%;
}

.c2 {
		width: 100%;
		height: auto;
		margin: 0 auto;
		background-color: rgba(14, 58, 145, 0.9);
		position: relative;
		z-index: 5;
		padding: 20px 0 50px;
}

.c2 .inner .contents .ttl {
		margin: -42px 0 18px;
}

.c2 .inner .contents p {
		font-size: 15px;
		line-height: 2.2;
		color: #fff;
}

.c2 .inner .contents .conatct_btn {
		width: 418px;
		background-color: #009FE8;
		border-radius: 60px;
		height: 76px;
		margin: 60px 0 0 286px;
		position: relative;
}

.c2 .inner .contents .conatct_btn p {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		font-size: 20px;
		color: #fff;
}

.c2 .inner .contents .conatct_btn:after {
		content: "";
		background-image: url(../img/conatct_btn_arrow.svg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 18px;
		height: 18px;
		position: absolute;
		top: calc(50% - 9px);
		right: 30px;
		transition: all .5s ease-out;
}

@media (hover: hover) and (pointer: fine) {
		.c2 .inner .contents:hover .conatct_btn:after {
				content: "";
				background-image: url(../img/conatct_btn_arrow.svg);
				background-repeat: no-repeat;
				background-size: contain;
				width: 18px;
				height: 18px;
				position: absolute;
				top: calc(50% - 9px);
				right: 20px;
				transition: all .5s ease-out;
		}
}

.c3 {
		width: 100%;
		height: auto;
		margin: 0 auto;
		background-color: rgba(19, 73, 166, 0.94);
		position: relative;
		z-index: 5;
		padding: 80px 0 80px;
}

.c3 .inner .contents .ttl {
		margin: 0 0 18px;
}

.s4 {
		background-color: rgba(19, 73, 166, 0.94) !important;
		padding: 0 !important;
}

@media (max-width: 780px) {
		.contents {
				width: 90vw;
				margin-right: 0;
		}
		.contents .head_img {
				width: 90vw;
				margin: 0 0 30px;
		}
		.contents .head_img img {
				border-radius: 1.28205vw;
				max-width: 100%;
		}
		.contents .bg_ttl {
				font-size: 8.46154vw;
				font-weight: 600;
				color: #fff;
				opacity: 0.1;
				position: relative;
				top: 2vw;
				left: -5vw;
				z-index: 1;
		}
		.contents .case_lt {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
				width: 90vw;
				margin: 7vw auto;
		}
		.contents .case_lt li {
				flex-basis: 44vw;
				height: 50vw;
				position: relative;
				margin-bottom: 0;
		}
		.contents .case_lt li .card {
				background-color: #fff;
				border-radius: 0.76923vw;
				filter: drop-shadow(0px 1.28205vw 1.28205vw rgba(19, 73, 166, 0.04));
				width: 44vw;
				height: 50vw;
				position: absolute;
				top: 0;
				left: 0;
		}
		.contents .case_lt li .card .cardimg {
				position: absolute;
				top: 0;
				left: 0;
				overflow: hidden;
				border-radius: 0.76923vw 0.76923vw 0 0;
		}
		.contents .case_lt li .card .cardimg img {
				max-width: 100%;
		}
		.contents .case_lt li .card .ttl01 {
				background-image: url("../../img/s5_ttl01_bg.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 41.794vw;
				height: 6.025vw;
				position: absolute;
				top: 23vw;
				left: -.5vw;
				position: relative;
				z-index: 6;
		}
		.contents .case_lt li .card .ttl01 p {
				font-size: 2.5641vw;
				line-height: 1;
				color: #fff;
				margin: 0 0 0 4vw;
				padding-top: 1.6vw;
		}
		.contents .case_lt li .card .ttl02 {
				background-image: url("../../img/s5_ttl02_bg.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 41.794vw;
				height: 6.025vw;
				position: absolute;
				top: 23vw;
				left: -.5vw;
				position: relative;
				z-index: 6;
		}
		.contents .case_lt li .card .ttl02 p {
				font-size: 2.5641vw;
				line-height: 1;
				color: #fff;
				margin: 0 0 0 4vw;
				padding-top: 1.6vw;
		}
		.contents .case_lt li .card .ttl03 {
				background-image: url("../../img/s5_ttl03_bg.svg");
				background-repeat: no-repeat;
				background-size: contain;
				width: 41.794vw;
				height: 6.025vw;
				position: absolute;
				top: 23vw;
				left: -.5vw;
				position: relative;
				z-index: 6;
		}
		.contents .case_lt li .card .ttl03 p {
				font-size: 2.5641vw;
				line-height: 1;
				color: #fff;
				margin: 0 0 0 4vw;
				padding-top: 1.6vw;
		}
		.contents .case_lt li .card .num {
				font-size: 11.79487vw;
				font-weight: 500;
				line-height: 1;
				color: #1349A6;
				opacity: 0.07;
				position: absolute;
				top: 26vw;
				left: 2.5vw;
		}
		.contents .case_lt li .card h6 {
				font-size: 3.07692vw;
				line-height: 1.8;
				text-align: left;
				position: absolute;
				top: 31vw;
				left: 4vw;
				color: #2d2d2d;
				white-space: nowrap;
		}
		.contents .case_lt li .card .date {
				font-size: 2.30769vw;
				font-weight: 400;
				line-height: 1;
				color: #2d2d2d;
				position: absolute;
				top: 44vw;
				left: 4vw;
		}
		.contents .case_lt li:nth-child(2) {
				margin-top: 5vw;
		}
		.contents .case_lt li:nth-child(3) {
				margin-top: 0;
		}
		.contents .case_lt li:nth-child(even) {
				margin-top: 5vw;
		}
		.contents .case_lt:after {
				display: block;
				content: "";
				width: 42.5vw;
		}
		.contents h1 {
				font-size: 6.15385vw;
				color: #fff;
				margin: 0 0 2.5vw;
		}
		.contents h2 {
				font-size: 4.10256vw;
				color: #fff;
				margin: 5vw 0 1.5vw;
		}
		.contents h6 {
				font-size: 2.17949vw;
				font-weight: 600;
				line-height: 1;
				color: #009FE8;
				margin-bottom: 5vw;
		}
		.contents .ttl {
				background-image: url(../img/ttl_bg.svg);
				background-repeat: no-repeat;
				background-size: contain;
				width: 65vw;
				height: 9.5vw;
		}
		.contents .ttl h3 {
				font-size: 3.84615vw;
				color: #1349A6;
				padding: 2.5vw 0 0 4vw;
		}
		.contents .ttl h3 span {
				font-size: 4.35897vw;
		}
		.contents h4 {
				font-size: 3.33333vw;
				background-color: #0A72C5;
				line-height: 1.6;
				padding: 3vw;
				color: #fff;
				margin: 0 0 4vw;
		}
		.contents p {
				font-size: 3.33333vw;
				line-height: 1.9;
				color: #fff;
		}
		.c1 {
				width: 100%;
				height: auto;
				margin: 0 auto;
				background-color: rgba(19, 73, 166, 0.94);
				position: relative;
				z-index: 5;
				padding: 26vw 0 0;
		}
		.c1 h1 {
				font-size: 4.61538vw;
				color: #fff;
				line-height: 1;
				margin: 0 0 30px;
		}
		.c1 .tag {
				display: flex;
				justify-content: flex-start;
				flex-wrap: wrap;
				width: 100%;
				margin: 2vw 2vw 3.5vw;
		}
		.c1 .tag li {
				background-color: #E5F0F8;
				border-radius: 60px;
				padding: 1.5vw 2vw;
				font-size: 2.17949vw;
				line-height: 1;
				color: #1349A6;
				text-align: center;
				margin: 0 1.5vw 1.5vw 0;
		}
		.c1 .ttl {
				background-image: url(../img/ttl_bg.svg);
				background-repeat: no-repeat;
				background-size: contain;
				width: 65vw;
				height: 9.5vw;
		}
		.c1 .ttl h3 {
				font-size: 3.84615vw;
				color: #1349A6;
				padding: 2.5vw 0 0 4vw;
		}
		.c1 .detail {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				flex-wrap: wrap;
				width: 100%;
				margin: 3vw 0 0;
				padding-bottom: 10vw;
		}
		.c1 .detail .sttl {
				flex-basis: 20vw;
				background-color: #fff;
				border-radius: 7.69231vw;
				font-size: 3.07692vw;
				text-align: center;
				padding: 1.5vw 0;
				color: #1349A6;
				margin-bottom: 2vw;
		}
		.c1 .detail .summary {
				flex-basis: 100%;
		}
		.c1 .detail .summary p {
				font-size: 3.33333vw;
				line-height: 1.8;
				color: #fff;
		}
		.c1 .detail .summary p span {
				font-size: 2.94872vw;
				color: #fff;
				display: block;
		}
		.c1 .detail .kei {
				flex-basis: 100%;
				border-bottom: 2px dotted #fff;
				padding-bottom: 3.5vw;
				margin-bottom: 3.5vw;
		}
		.c1 #column h1 {
				font-size: 4.61538vw;
				color: #fff;
				line-height: 1.6;
				margin: 0 0 3vw;
		}
		.c1 #column .date {
				font-size: 2.5641vw;
				font-weight: 400;
				color: #fff;
				line-height: 1;
				margin: 0 0 5vw;
		}
		.c1 #column .index {
				background-color: #fff;
				border-radius: 0.76923vw;
				padding: 0;
				margin-bottom: 10vw;
		}
		.c1 #column .index .ttl {
				width: 100%;
				border-radius: 0.76923vw 0.76923vw 0 0;
				background-color: #009FE8;
				padding: 4vw 5vw;
				height: auto;
		}
		.c1 #column .index .ttl p {
				font-size: 3.07692vw;
				font-weight: 600;
				color: #fff;
				line-height: 1;
				margin-top: 0;
		}
		.c1 #column .index .summary {
				padding: 8vw 5vw;
		}
		.c1 #column .index .summary ul {
				display: flex;
				justify-content: flex-start;
				flex-wrap: wrap;
				width: 100%;
		}
		.c1 #column .index .summary ul .sttl {
				font-size: 3.33333vw;
				line-height: 1.6;
				position: relative;
				margin: 0 0 3vw 0;
				display: flex;
				align-items: flex-start;
		}
		.c1 #column .index .summary ul .sttl:before {
				content: "▼";
				font-size: 2.5641vw;
				line-height: 1;
				color: #009FE8;
				margin: 1.5vw 2vw 0 0;
				display: inline-block;
		}
		.c1 #column .index .summary ul li p {
				font-size: 3.33333vw;
				line-height: 2;
				padding-left: 4vw;
				color: #2d2d2d;
		}
		.c1 #column .index .summary ul .kei {
				flex-basis: 100%;
				border-bottom: 2px dotted #D1D1D1;
				margin-bottom: 25px;
				padding-bottom: 15px;
		}
		.c1 #column .w_base {
				background-color: #fff;
				width: 100%;
				border-radius: 0.76923vw;
				padding: 5vw;
		}
		.c1 #column .w_base h5 {
				background-color: #EBF6FF;
				border-radius: 0.38462vw;
				padding: 3vw;
				font-size: 3.58974vw;
				line-height: 1.5;
				color: #1349A6;
				margin-bottom: 4vw;
		}
		.c1 #column .w_base h6 {
				color: #1349A6;
				font-size: 3.33333vw;
				margin: 0 0 4vw;
		}
		.c1 #column .w_base p {
				font-size: 3.33333vw;
				line-height: 1.8;
				color: #2d2d2d;
		}
		.c1 #column .w_base p a {
				text-decoration: none;
				color: #1349A6;
		}
		.c1 #column .w_base .photo {
				margin: 5vw auto;
		}
		.c1 #column .w_base .photo img {
				max-width: 100%;
		}
		.c1 #column .w_base ul {
				display: flex;
				justify-content: space-between;
				align-items: center;
				flex-wrap: wrap;
				margin: 8vw 0;
		}
		.c1 #column .w_base ul li {
				font-size: 3.33333vw;
				line-height: 1;
		}
		.c1 #column .w_base ul .number {
				text-align: right;
				font-size: 3.33333vw;
				line-height: 1;
		}
		.c1 #column .w_base ul .kei {
				padding-bottom: 3vw;
				margin-bottom: 3vw;
				border-bottom: 1px dotted #D1D1D1;
				flex-basis: 100%;
		}
		.c2 {
				width: 100%;
				height: auto;
				margin: 0 auto;
				background-color: rgba(14, 58, 145, 0.9);
				position: relative;
				z-index: 5;
				padding: 3vw 0 5vw;
		}
		.c2 .inner .contents .ttl {
				margin: -9.5vw 0 3vw;
		}
		.c2 .inner .contents p {
				font-size: 3.07692vw;
				line-height: 2.2;
				color: #fff;
		}
		.c2 .inner .contents .conatct_btn {
				width: 70vw;
				background-color: #009FE8;
				border-radius: 7.69231vw;
				height: 12vw;
				margin: 10vw auto;
				position: relative;
		}
		.c2 .inner .contents .conatct_btn p {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				font-size: 3.33333vw;
				color: #fff;
		}
		.c2 .inner .contents .conatct_btn:after {
				content: "";
				background-image: url(../img/conatct_btn_arrow.svg);
				background-repeat: no-repeat;
				background-size: contain;
				width: 3vw;
				height: 3vw;
				position: absolute;
				top: calc(50% - 1.5vw);
				right: 5vw;
				transition: all .5s ease-out;
		}
		.c3 {
				width: 100%;
				height: auto;
				margin: 0 auto;
				background-color: rgba(19, 73, 166, 0.94);
				position: relative;
				z-index: 5;
				padding: 10vw 0 10vw;
		}
		.c3 .inner .contents .ttl {
				margin: 0 0 18px;
		}
		.s4 {
				background-color: rgba(19, 73, 166, 0.94) !important;
		}
}