body{
	font-family: 'Noto Sans JP', sans-serif;
	height: 100%;
}
header .inner{}
.achievement .inner{
	width: 95vw;
	margin: auto;
	background-color: #ffffff33;
	padding-bottom: 2vw;
}
.chatbotform .inner{
	width: 95vw;
	margin: auto;
	background-color: #ffffff33;
	padding: 4vw 0;
}
.result .inner{
    padding-top: 7vw;
    width: 95vw;
    margin: auto;
    background-color: #ffffffe3;
    position: relative;
    z-index: 2;
}
.under_logo .inner{
    width: 95vw;
    background-color: #ffffffe3;
    padding-top: 5vw;
    margin: auto;
}
.btn .inner{
    width: 91vw;
    margin: -5vw auto 0vw;
    background-color: #ffffffe3;
    padding-top: 5vw;
}
.links .inner{
    display: flex;
    justify-content: space-between;
    width: 95vw;
    background-color: #ffffffe3;
    padding: 4vw 2vw;
    margin: auto;
    font-size: 10px;
}
.btn .inner{
    width: 95vw;
    margin: -5vw auto 0vw;
    background-color: #ffffffe3;
    padding-top: 5vw;
}
footer .inner{
    width: 91vw;
    background-color: #ffffffe3;
    margin: auto;
    padding-bottom: 2vw;
}
.posiabo{
	position: absolute;
}
.triangle1{
    top: 13vw;
    left: 0;
    width: 12vw;
    z-index: 9;
}
.triangle2{
    top: 49vw;
    right: 0.5vw;
    width: 10vw;
    z-index: 9;
}
.triangle3{
    top: 64vw;
    right: 5vw;
    width: 5.4vw;
    z-index: 9;
}
.triangle4{
	top: 28vw;
	left: 5vw;
	z-index: 9;
	width: 5vw;
}
.result_img {
    top: 38vw;
    width: 10.5vw;
    left: 0;
}
.result_after {display: none;}
header{
	position: relative;
	background-image: url(../img/back1.png);
	background-size: 100% 100%;
}
header img{
	width: 100%;
}
header a{
	position: absolute;
	right: 2.6vw;
	top: 1.3vw;
	width: 40.2vw;
	height: 8.1vw;
}
main{
}
.achievement{
    text-align: center;
    background-image: url(../img/back2.png);
    background-size: 100%;
}
h2{
    font-size: 5vw;
    font-weight: bold;
    margin-bottom: 2vw;
    text-align: center;
}
.swiper{
    width: 100%;
    margin: auto;
}
.swiper img{
    height: 14vw;
}
.swiper .swiper-wrapper{
    transition-timing-function: linear;
}
.swiper .swiper-slide{
	width: 300vw !important;
}
.chatbotform{
    font-size: 1.25vw;
    text-align: center;
    background-image: url(../img/back2.png);
    background-size: 100%;
    background-repeat: repeat-y;
    background-position: 0vw -26.5vw;
}
.result{
	text-align: center;
	background-image: url(../img/back3.png);
	background-size: cover;
	position: relative;
}
.result_swiper{
	width: 78%;
	margin: 5vw auto;
	overflow: hidden;
	text-align: left;
}
.result__list {
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 5.9vw 0;
    margin-bottom: 4.8vw;
    width: 58.6vw;
}
.result__item{
	padding: 0.95vw;
}
.result__item-num--bold {
    font-size: 6.5vw;
}
.result__item-box{
}
.result__item-box-flex {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5vw;
    padding: 2.5vw 0.5vw 11vw;
    background-color: #ededed;
}
.result__item-box-flex-icon {
    position: relative;
    width: 21vw;
}
.result__item-box-flex-img {
    width: 100%;
}
.result__item-box-flex-icon-txt {
    position: absolute;
    text-align: center;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 3.5vw;
    font-size: 2.8vw;
    font-weight: bold;
    color: #0d2862;
}
.result__item-box-flex-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.9vw;
    width: 40vw;
    font-size: 2.8vw;
}
.result__item-box-flex-item {
    display: flex;
    align-items: center;
    gap: 3vw;
    padding: 0.4vw 0 0.4vw 1.5vw;
    width: 100%;
    background-color: #fff;
}
.result__item-change {
    position: absolute;
    bottom: -1.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.7vw;
    width: 100%;
    z-index: 1;
}
.result__item-change-deco {
    display: block;
    width: 6.8vw;
}
.result__item-change-txt {
    font-size: 4.4vw;
    font-weight: bold;
    color: white;
}
.result__item-change-back {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 65%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.result__item-after {
    padding: 9vw 0 3vw;
    background-color: #cdf5ff;
}
.result__item-num {
    font-size: 5.5vw;
    font-family: 'Montserrat', sans-serif;
    color: #3e3e3e;
    font-weight: bold;
    letter-spacing: 4px;
}
.result__item-after-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3.6vw;
}
.result__item-after-flex-icon {
    width: 19vw;
}
.result__item-after-flex-img {
    width: 100%;
}
.result__item-after-flex-list {
    display: flex;
    flex-direction: column;
    gap: 1.1vw;
    margin-bottom: 4.2vw;
}
.result__item-after-flex-item {
    display: flex;
    gap: 2.5vw;
    padding: 1vw 0 1vw 1vw;
    width: 36.4vw;
    background-color: white;
}
.result__item-after-flex-item-txt {
    line-height: 1.3;
    font-size: 2.8vw;
    color: #0d2862;
}
.result__item-txt-ttl {
    margin: 0 auto 1.5vw;
    width: 56vw;
    font-size: 2.8vw;
    font-weight: bold;
    color: #0d2862;
}
.result__item-txt {
    margin: 0 auto 1.5vw;
    width: 56vw;
    font-size: 2.8vw;
    color: #0d2862;
    line-height: 1.6;
}
.swiper-wrapper{
}
.swiper-button-prev::after{
	content: "";
	background-image: url(../img/triangle_left.png);
	width: 4vw;
	height: 8vw;
	background-size: 100% 100%;
}
.swiper-button-next::after{
	content: "";
	background-image: url(../img/triangle_right.png);
	width: 4vw;
	height: 7vw;
	background-size: 100% 100%;
}
.swiper-button-prev{
    left: 4vw;
}
.swiper-button-next{
    right: 4vw;
}
.pc__content{
	display: block;
}
.sp__content{
	display: none;
}
.color_blue{
	color: #247cc8;
	font-size: 1.2em;
}
.btn{
	background-image: url(../img/back3.png);
	background-size: cover;
}
.btn img{
	width: 70vw;
	display: block;
	margin: auto;
}
.under_logo{
}
.under_logo img{
	width: 41vw;
	display: block;
	margin: auto;
}
.links{
    color: #333333;
    font-weight: bold;
}
.links a{
    display: block;
}
footer{
    text-align: center;
    font-size: 10px;
    color: #333333;
    letter-spacing: 2px;
}
@media screen and (min-width: 600px){
	header .inner{}
	.achievement .inner{
		width: 91vw;
		padding-bottom: 2vw;
	}
	.chatbotform .inner{
		width: 91vw;
	}
	.result .inner{
		padding-top: 7vw;
		width: 91vw;
	}
	.under_logo .inner{
		width: 91vw;
		padding-top: 5vw;
	}
	.btn .inner{
		width: 91vw;
		margin: -5vw auto 0vw;
		padding-top: 5vw;
	}
	.links .inner{
		display: flex;
		width: 91vw;
		padding: 2vw 29%;
		margin: auto;
	}
	.btn .inner{
		width: 91vw;
		margin: -5vw auto 0vw;
		padding-top: 5vw;
	}
	footer .inner{
		width: 91vw;
		margin: auto;
		padding-bottom: 2vw;
		background-color: #ffffffe3;
	}
	.triangle1{
		top: 5vw;
		left: 0;
		width: 9vw;
	}
	.triangle2{
		top: 19vw;
		right: 0.5vw;
		width: 7vw;
	}
	.triangle3{
		top: 29vw;
		right: 4vw;
		width: 5vw;
	}
	.triangle4{
		top: 16vw;
		left: 6vw;
		width: 3vw;
	}
	.result_img {
		top: 30vw;
		z-index: 1;
		width: 7vw;
		left: 0;
	}
	.result_after {
		top: 110vw;
		height: 910px;
		width: 70px;
		left: 4.1vw;
	}
	header a{
		right: 6.9vw;
		top: 1.3vw;
		width: 20.9vw;
		height: 4.2vw;
	}
	main{
		width: 100%;
	}
	h2{
		font-size: 2.5vw;
		margin-bottom: 2vw;
	}
	.swiper{
		width: 90.8vw;
	}
	.swiper img{
		height: 9vw;
	}
	.swiper .swiper-slide{
		width: 200vw !important;
	}
	.chatbotform{
		font-size: 1.25vw;
	}
	.result{
	}
	.result_swiper{
		width: 85%;
		margin: 5vw auto;
	}
	.result__list {
		gap: 5.9vw 0;
		margin-bottom: 4.8vw;
		width: 58.6vw;
	}
	.result__item{
		padding: 0.95vw;
	}
	.result__item-num--bold {
		font-size: 2.5vw;
	}
	.result__item-box-flex {
		gap: 1.5vw;
		padding: 1.5vw 0.5vw 4.6vw;
	}
	.result__item-box-flex-icon {
		width: 11vw;
	}
	.result__item-box-flex-img {
		width: 100%;
	}
	.result__item-box-flex-icon-txt {
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
		bottom: 1.5vw;
		font-size: 1.3vw;
	}
	.result__item-box-flex-list {
		gap: 0.7vw;
		width: 17vw;
		font-size: 1.4vw;
	}
	.result__item-box-flex-item {
		gap: 1.5vw;
		padding: 0.4vw 0 0.4vw 1.5vw;
		width: 100%;
	}
	.result__item-change {
		bottom: -1.5vw;
		gap: 0.7vw;
		width: 100%;
	}
	.result__item-change-deco {
		width: 3vw;
	}
	.result__item-change-txt {
		font-size: 2.2vw;
	}
	.result__item-change-back {
		width: 100%;
		left: 50%;
		top: 65%;
		transform: translate(-50%, -50%);
	}
	.result__item-after {
		padding: 5.1vw 0 0;
		height: 40vw;
	}
	.result__item-num {
		font-size: 2vw;
		letter-spacing: 4px;
	}
	.result__item-after-flex {
		gap: 1.5vw;
	}
	.result__item-after-flex-icon {
		width: 8.8vw;
	}
	.result__item-after-flex-img {
		width: 100%;
	}
	.result__item-after-flex-list {
		gap: 0.7vw;
		margin-bottom: 2.2vw;
	}
	.result__item-after-flex-item {
		gap: 1.5vw;
		padding: 0.4vw 0 0.4vw 0.4vw;
		width: 19.4vw;
	}
	.result__item-after-flex-item-txt {
		line-height: 1.3;
		font-size: 1.3vw;
	}
	.result__item-txt-ttl {
		margin: 0 auto 1.5vw;
		width: 30vw;
		font-size: 1.5vw;
	}
	.result__item-txt {
		margin: 0 auto 1.5vw;
		width: 30vw;
		font-size: 1.3vw;
		line-height: 1.6;
	}
	.swiper-button-prev::after{
		width: 3vw;
		height: 4.3vw;
		background-size: 100% 100%;
	}
	.swiper-button-next::after{
		width: 3vw;
		height: 4.3vw;
		background-size: 100% 100%;
	}
	.swiper-button-prev{
		left: 4vw;
	}
	.swiper-button-next{
		right: 4vw;
	}
	.pc__content{
		display: block;
	}
	.sp__content{
		display: none;
	}
	.color_blue{
		font-size: 1.2em;
	}
	.btn{
	}
	.btn img{
		width: 39vw;
	}
	.under_logo{
	}
	.under_logo img{
		width: 16vw;
	}
	.links{
	}
	footer{
		font-size: 12px;
		letter-spacing: 2px;
	}
}
@media screen and (min-width: 1025px){
	header .inner{}
	.achievement .inner{
		width: 91vw;
		padding-bottom: 2vw;
	}
	.chatbotform .inner{
		width: 91vw;
	}
	.result .inner{
		padding-top: 7vw;
		width: 91vw;
	}
	.under_logo .inner{
		width: 91vw;
		padding-top: 5vw;
	}
	.btn .inner{
		width: 91vw;
		margin: -5vw auto 0vw;
		padding-top: 5vw;
	}
	.links .inner{
		display: flex;
		width: 91vw;
		padding: 2vw 29%;
		margin: auto;
		font-size: 1.1vw;
	}
	.btn .inner{
		width: 91vw;
		margin: -5vw auto 0vw;
		padding-top: 5vw;
	}
	footer .inner{
		width: 91vw;
		margin: auto;
		padding-bottom: 2vw;
	}
	.triangle1{
		top: -2vw;
		left: 0vw;
		width: 7.7vw;
	}
	.triangle2{
		top: 19vw;
		right: 0.5vw;
		width: 6.7vw;
		z-index: 3;
	}
	.triangle3{
		top: 28vw;
		right: 7vw;
		width: 3.8vw;
		z-index: 3;
	}
	.triangle4{
		top: 5vw;
		left: 12vw;
		width: 2.1vw;
		z-index: 3;
	}
	.result_img {
		top: 10vw;
		left: 0;
		z-index: 1;
		width: 7.15vw;
	}
	.result_after {
		top: 110vw;
		height: 910px;
		width: 70px;
		left: 4.1vw;
	}
	header a{
		right: 6.9vw;
		top: 1.3vw;
		width: 20.7vw;
		height: 4.2vw;
	}
	main{
		width: 100%;
		margin: 0vw auto 0;
	}
	h2{
		font-size: 2vw;
		margin-bottom: 2vw;
		letter-spacing: 5px;
	}
	.swiper{
		width: 90.8vw;
	}
	.swiper img{
		height: 6vw;
	}
	.swiper .swiper-slide{
		width: 130vw !important;
	}
	.chatbotform{
		font-size: 0.55vw;
		background-size: 100%;
		background-position: 0vw -13vw;
	}
	.result{
	}
	.result_swiper{
		width: 66%;
		margin: 5vw auto;
	}
	.result__list {
		gap: 5.9vw 0;
		margin-bottom: 4.8vw;
		width: 58.6vw;
	}
	.result__item{
		padding: 0.95vw;
	}
	.result__item-num--bold {
		font-size: 2.5vw;
	}
	.result__item-box-flex {
		gap: 1.5vw;
		padding: 1.5vw 0.5vw 3.6vw;
	}
	.result__item-box-flex-icon {
		width: 8.8vw;
	}
	.result__item-box-flex-img {
		width: 100%;
	}
	.result__item-box-flex-icon-txt {
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
		bottom: 1.5vw;
		font-size: 1.3vw;
	}
	.result__item-box-flex-list {
		gap: 0.7vw;
		width: 15.4vw;
		font-size: 1.3vw;
	}
	.result__item-box-flex-item {
		gap: 1.5vw;
		padding: 0.4vw 0 0.4vw 1.5vw;
		width: 100%;
	}
	.result__item-change {
		bottom: -1.5vw;
		gap: 0.7vw;
		width: 100%;
	}
	.result__item-change-deco {
		width: 1.8vw;
	}
	.result__item-change-txt {
		font-size: 1.7vw;
	}
	.result__item-change-back {
		width: 100%;
		left: 50%;
		top: 65%;
		transform: translate(-50%, -50%);
	}
	.result__item-after {
		padding: 5.1vw 0 0;
		height: 43.9vw;
	}
	.result__item-num {
		font-size: 2vw;
		letter-spacing: 4px;
	}
	.result__item-after-flex {
		gap: 1.5vw;
	}
	.result__item-after-flex-icon {
		width: 8.8vw;
	}
	.result__item-after-flex-img {
		width: 100%;
	}
	.result__item-after-flex-list {
		gap: 0.7vw;
		margin-bottom: 2.2vw;
	}
	.result__item-after-flex-item {
		gap: 1.5vw;
		padding: 0.4vw 0 0.4vw 0.4vw;
		width: 15.4vw;
	}
	.result__item-after-flex-item-txt {
		line-height: 1.3;
		font-size: 1.3vw;
	}
	.result__item-txt-ttl {
		margin: 0 auto 1.5vw;
		width: 25.6vw;
		font-size: 1.5vw;
	}
	.result__item-txt {
		margin: 0 auto 1.5vw;
		width: 25.6vw;
		font-size: 1.3vw;
		line-height: 1.6;
	}
	.swiper-button-prev::after{
		width: 1.5vw;
		height: 3.5vw;
		background-size: 100% 100%;
	}
	.swiper-button-next::after{
		width: 1.5vw;
		height: 3vw;
		background-size: 100% 100%;
	}
	.swiper-button-prev{
		left: 13vw;
	}
	.swiper-button-next{
		right: 13vw;
	}
	.pc__content{
		display: block;
	}
	.sp__content{
		display: none;
	}
	.color_blue{
		font-size: 1.2em;
	}
	.btn{
	}
	.btn img{
		width: 30vw;
	}
	.under_logo{
		background-image: url(../img/back3.png);
		background-size: cover;
		background-position-y: -14.6vw;
	}
	.under_logo img{
		width: 16vw;
	}
	.links{
		font-size: 18px;
		background-image: url(../img/back3.png);
		background-size: cover;
		background-position-y: -24vw;
	}
	footer{
		font-size: 16px;
		letter-spacing: 2px;
		background-image: url(../img/back3.png);
		background-size: cover;
		background-position-y: -29.3vw;
	}
 }