@charset "UTF-8";

/*reset*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	font-weight: 400;
	vertical-align:baseline;
	background:transparent;
}
body {line-height:1;}
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
	display:block;
}
nav,ul {list-style-type:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
del {text-decoration: line-through;}
abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
input,
select {vertical-align:middle;}
input[type="text"],
input[type="email"],
input[type="file"],
select,
textarea {
	padding: 0;
	margin: 0;
	outline: none;
	border: none;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* setting */
html {
	height: 100%;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	scroll-behavior: smooth; /* スムーススクロール */
}
body {
	min-width: 1280px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	line-height: 1;
	color: #555;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#wrap {
	width: 100%;
	height: 100%;
}
h2,h3,h4,h5,h6 {
	font-weight: 700;
	color: #333;
}
a {
	text-decoration: none;
	transition: all .7s;
}
a:hover {
	opacity: .7;
}
img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
.btn {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #576895;
	text-align: center;
	font-weight: 700;
	color: #fff;
}
.ow {
	font-family: 'Oswald';
}
.lato {
	font-family: "Lato";
}
.og {
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
	font-weight: 700;
	color: #E87400;
}
.pp {
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
	font-weight: 700;
	color: #576895;
}
.br {
	border-radius: 16px;
	box-shadow: 0 0 10px #ccc;
}
.bd {
	border: 3px solid #fff;
}


/* header */
.rikon-header {
	width: 100%;
	height: 900px;
	background-image: url(../images/rikon/hero.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.rikon-header-inner {
	display: flex;
	justify-content: space-between;
	align-items: start;
}
.rikon-site-name > a > img {
	width: 330px;
	height: 140px;
}
.h-tel {
	width: 270px;
	height: auto;
}
.side-btn {
	position: fixed;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.side-btn > li:first-of-type {
	margin-bottom: 10px;
}
.rikon-header-copy {
	position: absolute;
	left: 8%;
	bottom: 14%;
	color: #fff;
}
.rikon-header-copy > p {
	text-decoration-line: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
	font-size: 2.2rem;
	font-weight: 700;
}
.rikon-header-copy > h1 {
	margin-top: 24px;
	line-height: 1.6;
	text-decoration-line: underline;
	text-decoration-thickness: 3px;
	text-underline-offset: 6px;
	font-size: 4.2rem;
	font-weight: 600;
	color: #fff;
}
@media only screen and (max-width: 1440px) {
	.rikon-header {
		height: 720px;
	}
	.rikon-header-copy {
		bottom: 14%;
	}
	.rikon-header-copy > p {
		font-size: 2.0rem;
	}
	.rikon-header-copy > h1 {
		margin-top: 20px;
		font-size: 3.8rem;
	}
}


/* common-header */
.rikon-head {
	margin-bottom: 48px;
	text-align: center;
}
.rikon-head:after {
	display: block;
	content: '';
	width: 32px;
	height: 1px;
	margin: 36px auto 0;
	background: #576895;
}
.rikon-head > p {
	font-weight: 700;
}
.rikon-head > h2  {
	margin-top: 20px;
	font-size: 3.4rem;
	color: #333;
}
.rikon-head > h2 > span {
	text-decoration-line: underline;
	text-decoration-thickness: 3px;
	text-underline-offset: 6px;
	font-weight: 700;
	color: #E87400;
}
.nmb {
	font-size: 6.0rem;
	font-weight: 700;
}
.nmb-text {
	margin-bottom: -24px;
}
.cont {
	padding: 120px 0;
}


/* broblem */
.problem {
	background-image: url(../images/rikon/problem-side.svg);
	background-position: left 120px;
	background-repeat: no-repeat;
}
.problem-cont > ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 920px;
	margin: 0 auto;
	text-align: center;
}
.problem-cont > ul > li {
	margin-bottom: 56px;
}
.problem-cont > ul > li > h3 {
	margin-top: 24px;
	font-size: 1.8rem;
}
.problem-cont > ul > li > h3 > span {
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
	font-weight: 700;
}
.problem-text {
	width: 920px;
	margin: 16px auto 0;
	padding: 32px;
	background: #E8EEFD;
	line-height: 1.8;
	text-align: center;
}
.problem-text > p {
	font-size: 2.4rem;
	font-weight: 700;
	color: #333;
}


/* reason */
.reason {
	background: #F8FAFF;
	background-image: url(../images/rikon/reason-side.svg);
	background-position: right 120px;
	background-repeat: no-repeat;
}
.reason-inner {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1160px;
	margin: 0 auto -56px;
}
.reason-cont {
	width: 350px;
	margin-bottom: 56px;
}
.reason-cont > img {
	margin-bottom: 28px;
}
.reason-cont > h3 {
	margin-bottom: 16px;
	line-height: 1.6;
	text-align: center;
	font-size: 2.0rem;
}
.reason-cont > p {
	line-height: 1.6;
	text-align: justify;
	padding: 0 16px;
}


/* cta */
.rikon-cta {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 300px;
	background-image: url('../images/rikon/cta.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}
.rikon-cta-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 1060px;
}
.rikon-cta-head > p {
	line-height: 1.5;
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
	font-size: 3.4rem;
	font-weight: 700;
}
.rikon-cta-tel {
	width: 420px;
	padding: 36px 40px;
	border: 1px solid #fff;
}
.rikon-cta-tel-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.rikon-cta-tel-inner > p {
	display: flex;
	align-items: center;
	line-height: 1.5;
	font-size: 1.8rem;
	font-weight: 700;
}
.rikon-cta-tel-inner > p:after {
	display: block;
	content: '';
	width: 1px;
	height: 40px;
	margin-left: 32px;
	background: #fff;
}
.rikon-cta-call > a {
	font-size: 3.4rem;
	font-weight: 700;
	color: #fff;
}
.rikon-cta-call > p {
	margin-top: 8px;
	font-size: 1.3rem;
}
.rikon-cta-btn {
	width: 230px;
}
.rikon-cta-btn > a:first-of-type {
	margin-bottom: 16px;
}
.inquiry-btn {
	width: 230px;
	padding: 15px 0 18px;
	margin: 0 auto;
	background: #E87400;
	border-radius: 30px;
}
.line-btn {
	letter-spacing: 0.5px;
	background: #3ABD0A;
}


/* results */
.results {
	background: #FDF8F4;
	background-image: url(../images/rikon/results-side.svg);
	background-position: left 120px;
	background-repeat: no-repeat;
}
.results-inner {
	width: 960px;
	margin: 0 auto;
}
.results-cont {
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
	padding: 56px 60px;
	background: #fff;
	position: relative;
}
.results-cont:last-of-type {
	margin-bottom: 0;
}
.results-cont > span {
	padding: 12px 24px 14px;
	background: #576895;
	font-size: 1.8rem;
	color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 0 16px;
}
.results-img {
	width: 180px;
	text-align: center;
}
.results-img > figcaption {
	margin-top: 20px;
}
.results-text {
	width: 610px;
}
.results-text > div {
	font-size: 2.0rem;
	font-weight: 700;
	color: #333;
}
.results-text > h3 {
	margin: 20px 0 18px;
	line-height: 1.6;
	font-size: 2.4rem;
}
.results-text > p {
	line-height: 2;
	text-align: justify;
}


/* voice */
.voice {
	background: #F8FAFF;
	background-image: url(../images/rikon/voice-side.svg);
	background-position: right 120px;
	background-repeat: no-repeat;
}
.voice-inner {
	display: flex;
	justify-content: space-between;
	width: 1160px;
	margin: 0 auto;
}
.voice-cont {
	width: 350px;
	padding: 48px;
	background: #fff;
	text-align: center;
	box-sizing: border-box;
}
.voice-cont > img {
	width: 200px;
	height: auto;
	margin: 0 auto 28px;
}
.voice-cont > h3 {
	margin-bottom: 18px;
	line-height: 1.5;
	font-size: 1.8rem;
}
.voice-cont > p {
	line-height: 1.8;
	text-align: justify;
}


/* lawyer */
.lawyer {
	background: #F4F4F4;
	background-image: url(../images/rikon/lawyer-side.svg);
	background-position: left 120px;
	background-repeat: no-repeat;
}
.lawyer-inner {
	display: flex;
	justify-content: space-between;
	width: 854px;
	margin: 0 auto;
}
.lawyer-cont {
	width: 400px;
	text-align: center;
}
.lawyer-cont > img {
	margin-bottom: 32px;
}
.lawyer-cont > h3 {
	margin-bottom: 20px;
	font-size: 2.4rem;
}
.lawyer-cont > h3 > span {
	font-size: 2.0rem;
	font-weight: 700;
}
.lawyer-cont > p {
	line-height: 1.8;
}
.lawyer-btn {
	width: 320px;
	height: 80px;
	margin: 56px auto 0;
	line-height: 74px;
	font-size: 1.8erm;
	border-radius: 40px;
}


/* faq */
.faq {
	background-image: url(../images/rikon/faq-side.svg);
	background-position: right 120px;
	background-repeat: no-repeat;
}
.faq-cont {
	width: 960px;
	margin: 0 auto;
}
.accordion-header {
	display: flex;
	align-items: center;
	background: #E8EEFD;
	padding: 28px 32px 30px;
	margin: 32px 0 0;
	font-size: 2.0rem;
	font-weight: 700;
	color: #333;
	transition: background .3s ease;
	cursor: pointer;
	position: relative;
	border-radius: 20px;
}
.accordion-header > div {
	margin-right: 24px;
	font-size: 3rem;
	font-weight: 700;
	color: #576895;
}
.accordion-header > span {
	font-weight: 700;
}
.accordion-content {
	display: none;
}
.accordion-content {
	padding: 24px 32px 16px;
	line-height: 2;
	text-align: justify;
}
.accordion-header::after{
	position:absolute;
	content:'';
	top: 43px;
	right: 32px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #111;
	border-right: 2px solid #111;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.accordion-header::after{
	transition:transform 0.3s;
}
.accordion-header.active::after {
	transform: rotate(135deg);
}


/* contact */
.contact {
	padding-bottom: 140px;
	background: #F4F4F4;
	background-image: url(../images/rikon/contact-side.svg);
	background-position: left 120px;
	background-repeat: no-repeat;
}
.contact-cont {
	width: 900px;
	margin: 0 auto;
}
.contact-cont > p {
	line-height: 1.8;
	text-align: center;
}
.rikon-form {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 40px;
}
.rikon-form:first-of-type {
	margin-top: 48px;
}
.rikon-form > dt {
	font-size: 1.8rem;
	font-weight: 700;
	color: #333;
}
.rikon-form dt span {
	margin-left: 16px;
	color: #D93131;
}
.rikon-form > dd {
	width: 600px;
}
.rikon-form > dd input,
.rikon-form > dd select,
.rikon-form > dd textarea {
	width: 100%;
	padding: 24px;
	background: #fff;
	font-size: 1.6rem;
	border-radius: 8px;
	box-shadow: 0 0 10px #ccc;
}
.rikon-policy-check {
	margin-top: 40px;
	text-align: center;
}
.rikon-policy-check a {
	text-decoration: underline;
	color: #E87400;
}
input.rikon-submit-btn {
	display: block;
	width: 320px;
	height: 80px;
	margin: 48px auto 0;
	font-size: 2.0rem;
	font-weight: 700 !important;
	border-radius: 40px;
	outline: none;
	border: none;
	-webkit-appearance: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}


/* footer */
.rikon-footer {
	width: 100%;
	color: #576895;
}
.rikon-footer-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	height: 180px;
	margin: 0 auto;
	font-size: 1.1rem;
}

.mobile-menu {
	display: none;
}

@media only screen and (max-width: 480px) {
	body {
		min-width: initial;
		font-size: 1.5rem;
	}
	a {
		text-decoration: none;
		transition: none;
	}
	a:hover {
		opacity: 1;
	}
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}

	.og {
		text-decoration-thickness: 1px;
		text-underline-offset: 4px;
	}
	.pp {
		text-decoration-thickness: 1px;
		text-underline-offset: 4px;
	}
	.br {
		box-shadow: 0 0 10px #ccc;
	}
	
	
	/* header */
	.rikon-header {
		width: 100%;
		height: 500px;
		background-image: url(../images/rikon/hero-sp.jpg);
	}
	.rikon-header-inner {
		display: flex;
		justify-content: space-between;
		align-items: start;
	}
	.rikon-site-name > a > img {
		width: 159px;
		height: 67px;
	}
	.h-tel {
		display: none;
	}
	.side-btn {
		display: none;
	}

	.rikon-header-copy {
		left: 4%;
		bottom: 10%;
	}
	.rikon-header-copy > p {
		text-decoration-thickness: 2px;
		text-underline-offset: 4px;
		font-size: 4.3vw;
	}
	.rikon-header-copy > h1 {
		margin-top: 24px;
		line-height: 1.6;
		text-decoration-thickness: 2px;
		text-underline-offset: 5px;
		font-size: 4.8vw;
	}
	
	
	/* common-header */
	.rikon-head {
		margin-bottom: 32px;
	}
	.rikon-head:after {
		width: 24px;
		margin: 20px auto 0;
	}
	.rikon-head > h2  {
		margin-top: 12px;
		line-height: 1.5;
		font-size: 2.0rem;
	}
	.rikon-head > h2 > span {
		text-decoration-thickness: 2px;
		text-underline-offset: 4px;
	}
	.rikon-head > p {
		font-size: 1.4rem;
	}
	.nmb {
		line-height: 1;
		font-size: 4.0rem;
	}
	.nmb-text {
		margin-bottom: 0px;
	}
	.cont {
		padding: 56px 0 64px;
	}
	
	
	/* broblem */
	.problem {
		background: none;
	}
	.problem-cont > ul {
		width: 81%;
	}
	.problem-cont > ul > li {
		width: 140px;
		margin-bottom: 36px;
	}
	.problem-cont > ul > li > h3 {
		margin-top: 18px;
		line-height: 1.4;
		font-size: 1.6rem;
	}
	.problem-cont > ul > li > h3 > span {
		text-decoration-thickness: 2px;
		text-underline-offset: 3px;
	}
	.problem-text {
		width: 86%;
		margin: 16px auto 0;
		padding: 24px;
		line-height: 1.6;
		box-sizing: border-box;
	}
	.problem-text > p {
		font-size: 1.8rem;
	}
	
	
	/* reason */
	.reason {
		background-image: none;
	}
	.reason-inner {
		display: block;
		width: 80%;
		margin: 0 auto -12px;
	}
	.reason-cont {
		width: 100%;
		margin-bottom: 36px;
	}
	.reason-cont:last-of-type {
		margin-bottom: 0;
	}
	.reason-cont > img {
		margin-bottom: 24px;
	}
	.reason-cont > h3 {
		margin-bottom: 14px;
		font-size: 1.8rem;
	}
	
	
	/* cta */
	.rikon-cta {
		height: 440px;
		background-image: url('../images/rikon/cta.jpg');
		text-align: center;
	}
	.rikon-cta-inner {
		display: block;
		width: 74%;
	}
	.rikon-cta-head > p {
		text-decoration-line: underline;
		text-decoration-thickness: 1px;
		text-underline-offset: 4px;
		font-size: 2.0rem;
	}
	.rikon-cta-tel {
		width: 80%;
		margin: 32px auto 0;
		padding: 18px 24px 24px;
		text-align: center;
	}
	.rikon-cta-tel-inner {
		display: block;
	}
	.rikon-cta-tel-inner > p {
		display: block;
		margin-bottom: 14px;
		font-size: 1.6rem;
	}
	.rikon-cta-tel-inner > p:after {
		display: none;
	}
	.rikon-cta-call > a {
		font-size: 2.8rem;
	}
	.rikon-cta-call > p {
		margin-top: 14px;
		font-size: 1.2rem;
	}
	.rikon-cta-btn {
		width: 200px;
		margin: 36px auto 8px;
	}
	.rikon-cta-btn > a:first-of-type {
		margin-bottom: 14px;
	}
	.inquiry-btn {
	width: 100%;
}
	

	/* results */
	.results {
		background-image: none;
	}
	.results-inner {
		width: 82%;
	}
	.results-cont {
		display: block;
		margin-bottom: 36px;
		padding: 40px 32px;
	}
	.results-cont > span {
		padding: 8px 16px 10px;
		font-size: 1.4rem;
	}
	.results-img {
		width: 200px;
		margin: 0 auto 32px;
	}
	.results-img > figcaption {
		margin-top: 20px;
	}
	.results-text {
		width: 100%;
	}
	.results-text > div {
		line-height: 1.5;
		font-size: 1.6rem;
	}
	.results-text > h3 {
		margin: 14px 0 20px;
		line-height: 1.4;
		font-size: 1.8rem;
	}
	.results-text > p {
		line-height: 1.8;
	}
	
	
	/* voice */
	.voice {
		background-image: none;
	}
	.voice-inner {
		display: block;
		width: 82%;
	}
	.voice-cont {
		width: 100%;
		margin-bottom: 36px;
		padding: 32px 24px;
	}
	.voice-cont:last-of-type {
		margin-bottom: 0;
	}
	.voice-cont > img {
		margin: 0 auto 24px;
	}
	.voice-cont > h3 {
		margin-bottom: 14px;
	}
	
	
	/* lawyer */
	.lawyer {
		background-image: none;
	}
	.lawyer-inner {
		display: block;
		width: 82%;
	}
	.lawyer-cont {
		width: 100%;
		margin-bottom: 36px;
	}
	.lawyer-cont > img {
		margin-bottom: 24px;
	}
	.lawyer-cont > h3 {
		margin-bottom: 16px;
		font-size: 2.0rem;
	}
	.lawyer-cont > h3 > span {
		font-size: 1.6rem;
	}
	.lawyer-cont > p {
		line-height: 1.7;
	}
	.lawyer-btn {
		width: 280px;
		height: 68px;
		line-height: 62px;
		margin: 0 auto;
		font-size: 1.8erm;
		border-radius: 34px;
	}
	
	
	/* faq */
	.faq {
		background-image: none;
	}
	.faq-cont {
		width: 82%;
	}
	.accordion-header {
		padding: 18px 40px 22px 20px;
		margin: 28px 0 0;
		line-height: 1.4;
		font-size: 1.6rem;
		border-radius: 16px;
	}
	.accordion-header > div {
		margin-right: 16px;
		font-size: 2.8rem;
	}
	.accordion-content {
		padding: 20px 18px 12px;
		line-height: 1.8;
	}
	.accordion-header::after{
		top: 36px;
		right: 20px;
		width: 6px;
		height: 6px;
	}
	
	
	/* contact */
	.contact {
		padding-bottom: 64px;
		background-image: none;
	}
	.contact-cont {
		width: 82%;
	}
	.contact-cont > p {
		line-height: 1.8;
		text-align: center;
	}
	.rikon-form {
		display: block;
		margin-top: 28px;
	}
	.rikon-form:first-of-type {
		margin-top: 28px;
	}
	.rikon-form > dt {
		margin-bottom: 14px;
		font-size: 1.6rem;
	}
	.rikon-form > dt > span {
		margin-left: 14px;
	}
	.rikon-form > dd {
		width: 100%;
	}
	.rikon-form > dd input,
	.rikon-form > dd select,
	.rikon-form > dd textarea {
		padding: 20px;
	}
	.rikon-policy-check {
		margin-top: 28px;
		text-align: center;
	}
	.rikon-submit-btn {
		display: block;
		width: 240px;
		height: 64px;
		margin: 32px auto 0;
		font-size: 2.4rem;
		border-radius: 32px;
	}

	
	/* footer */
	.rikon-footer-inner {
		display: block;
		width: 100%;
		height: 192px;
		margin: 0;
		padding-top: 32px;
		text-align: center;
		font-size: 1.1rem;
	}
	.riokn-footer-logo > a > img {
		width: 240px;
		height: auto;
		margin: 0 auto 32px;
	}
	
	
	/* mobile-menu */
	.mobile-menu {
		display: block;
	}
	.mobile-menu > ul {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		height: 64px;
		background: #E87400;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 1000;
	}
	.mobile-menu > ul > li {
		width: 25%;
		text-align: center;
		font-size: 1.2rem;
		position: relative;
	}
	.mobile-menu > ul > li:after {
		content: '';
		width: 1px;
		height: 24px;
		background: rgba(253,253,253,.4);
		position: absolute;
		top: 4px;
		right: 0;
	}
	.mobile-menu > ul > li:last-of-type:after {
		display: none;
	}
	.mobile-menu > ul > li > a {
		color: #fff;	
	}
	.mobile-menu > ul > li > a > img {
		width: auto;
		height: 18px;
	}
	.mobile-menu > ul > li > a > p {
		margin-top: 5px;
	}
}