@charset "UTF-8";
/* CSS Document */
section {
	padding: 6rem 0;
}
section h4{
	font-family: ryo-gothic-plusn, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2rem;
    padding-bottom: 20px;
    line-height: 1.7;
    letter-spacing: 1.2px;
}
.FRone-to-oneTop{
	padding-top: 7rem;
}
.FRone-to-oneTop h2{
	font-size: 2.25rem;
	font-weight: bold;
}
.FRone-to-oneTop h2 span{
	display: inline-block;
	font-weight: normal;
	font-size: 1.625rem;
	line-height: 1.5;
	border-bottom: 1px solid #202020;
	margin-bottom: 2rem;
}
.FRone-to-oneIntro{
	padding: 5rem 0;
}
.FRone-to-oneIntro h3{
	width: 40%;
	font-family: ryo-gothic-plusn, sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 2.75rem;
    line-height: 1.6;
	font-feature-settings: "palt";
    margin-top: -3rem;
}
.FRone-to-oneIntro p{
	width: 60%;
	letter-spacing: 0px;
	line-height: 2;
	padding-top: 0;
}
.FRone-to-oneForces{
	padding-top: 2rem;
}
.FRone-to-oneForces .FRleftBox{
	width: 55%;
}
.FRone-to-oneForces .FRlightBox{
	width: 40%;
	padding-left: 20px;
	letter-spacing: 0;
}
.FRone-to-oneForces dl{
	border-bottom: 1px solid #b9b9b9;
	padding: 1.75rem 1rem;
}
.FRone-to-oneForces dl:first-child{
	border-top: 1px solid #b9b9b9;
}
.FRone-to-oneForces dl dd{
	line-height: 2.5rem;
	text-align: justify;
	letter-spacing: 0;
}

.FRone-to-oneBox{
	margin-bottom: 3rem;
}
.FRone-to-oneBox .FRleftBox{
	width: 55%;
}
.FRone-to-oneBox .FRlightBox{
	width: 40%;
	padding-left: 20px;
	letter-spacing: 0;
}

.FRsolutionBtn{
	padding: 4rem 0;
}
.FRsolutionBtn a{
	font-family: ryo-gothic-plusn, sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    display: block;
    border: 2px solid #f6e2e6;
    font-size: 1.25rem;
    width: 460px;
    margin: 0 auto;
    padding: 30px 0;
    letter-spacing: 3px;
	background: linear-gradient(270deg, #ffffe6 0%, #fbf3f6 25%, #fbf3f6 75%, #ffffe6 100%);
    background-position: 1% 50%;
    background-size: 400% auto;
    transition: all 0.25s ease-out;
}
.FRsolutionBtn a:hover{
	background-position: 99% 50%;
    opacity: inherit;
}
.FRsolutionBtn a span{
	font-size: 1.5rem;
	font-weight: 500;
    display: block;
	letter-spacing: 0px;
}

.FRserviceList{
	margin-top: 2.5rem;
	margin-bottom: 2rem;
}
.FRserviceList-btn a{
	display: block;
	/*aspect-ratio: 82 / 73;*/
	width: 100%;
    height: 200px;
	text-align: center;
	font-size: 0.935rem;
	letter-spacing: 0px;
	line-height: 1.2;
	padding: 2rem 0;
	transition: all .15s ease-in-out;
}
.FRserviceList-btn a span{
	display: block;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 1.7;
}
.FRserviceList-btn:nth-of-type(1) a{
	background: url("../../image/common/btn-pinpon.svg") #f5f9e5;
	background-repeat: no-repeat;
	background-size: 60% auto;
	background-position: center bottom;
	border: 1px solid #bcd951;
}
.FRserviceList-btn:nth-of-type(2) a{
	background: url("../../image/common/btn-coreson.svg") #fcf0e8;
	background-repeat: no-repeat;
	background-size: 60% auto;
	background-position: center bottom;
	border: 1px solid #e89d67;
}
.FRserviceList-btn:nth-of-type(3) a{
	background: url("../../image/common/btn-1to1-on.svg") #d26c91;
	background-repeat: no-repeat;
	background-size: 60% auto;
	background-position: center bottom;
	border: 1px solid #d26c91;
	color: #fff;
}
.FRserviceList-btn:nth-of-type(1) a:hover,
.FRserviceList-btn:nth-of-type(1) a:active{
	background: url("../../image/common/btn-pinpon-on.svg") #bcd951;
	background-repeat: no-repeat;
	background-size: 60% auto;
	background-position: center bottom;
	border: 1px solid #bcd951;
	color: #fff;
	opacity: 1;
}
.FRserviceList-btn:nth-of-type(2) a:hover,
.FRserviceList-btn:nth-of-type(2) a:active{
	background: url("../../image/common/btn-coreson-on.svg") #e89d67;
	background-repeat: no-repeat;
	background-size: 60% auto;
	background-position: center bottom;
	border: 1px solid #e89d67;
	color: #fff;
	opacity: 1;
}
.FRserviceList-btn:nth-of-type(3) a:hover{
	opacity: 1;
}
.FRserviceList-br{
	display: none;
}
.FRsolutionList{
	margin-bottom: 2rem;
}

@media (max-width: 889px) {
	.FRserviceList-br{
		display: block;
	}

}

@media (max-width: 767.98px) {
	section {
    	padding: 2.5rem 0;
	}
	section h4{
		font-size:1.5rem;
	}
	section img{
		width: 100%;
	}
	.FRsolutionBtn a{
		width: 95%;
	}
	.FRserviceList-btn a{
		height: 220px;
		transition: all 0s;
	}
	.FRone-to-oneTop h2{
		width: 100%;
	}
	.FRone-to-oneIntro{
		padding: 2.5rem 0;
	}
	.FRone-to-oneIntro h3,
	.FRone-to-oneIntro p{
		width: 100%;
		padding-right: var(--bs-gutter-x,.75rem);
		padding-left: var(--bs-gutter-x,.75rem);
	}
	.FRone-to-oneForces .FRleftBox,
	.FRone-to-oneForces .FRlightBox{
		width: 100%;
		padding: 0;
	}
	.FRone-to-oneForces .FRlightBox {
		margin-top: 1.75rem;
	}
}

/*========= タブレット縦===============*/
@media (min-width: 768px) and (max-width: 1099px) {
	.FRone-to-oneForces .FRleftBox,
	.FRone-to-oneForces .FRlightBox{
		width: 47%;
	}
}