@charset "UTF-8";
* {box-sizing: border-box;}

body,ul,ol,li,dl,dt,dd,blockquote,p,h1,h2,h3,h4,h5,h6,form,fieldset,address,em,b,th,strong,i,small {
    border: none;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
    font-style: normal;
    text-align: left;
 	vertical-align: baseline;
}

button {
	background: transparent;
	border: none;
	outline: none;
	padding: 0;
	appearance: none;
	font-family: inherit;
	display: block;
	}

input,select,textarea{
	font-family: inherit;
	font-size: 1.6rem;
	}

input[type="submit"],input[type="button"] {
	-webkit-appearance: none;
	border-radius: 0;
	}

/*input[type="text"],input[type="email"],input[type="number"],textarea,
*/
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

img,picture {
	width: 100%;
	height: auto;
	max-width: 100%;
	margin: 0;
	border: 0;
	vertical-align: bottom;
	}

li {list-style-type: none;}

iframe {
	display: block;
	border: 0;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}
@-webkit-keyframes flash {
	0% {
	opacity: .4; }
	100% {
	opacity: 1; }
}
@keyframes flash {
	0% {
	opacity: .4; }
	100% {
	opacity: 1; }
}
/*=== 初期化 ===*/

/*=== フォントスタイル初期設定 ===*/
body {
	font-family: "Hiragino Sans","Hiragino Kaku Gothic Pro","Noto Sans JP",Meiryo,sans-serif;
}

@font-face {
  font-family: Hiragino Sans;
  font-weight: 100;
  src:
    local(HiraginoSans-W0),
    local("Hiragino Sans W0");
}
@font-face {
  font-family: Hiragino Sans;
  font-weight: 200;
  src:
    local(HiraginoSans-W1),
    local("Hiragino Sans W1");
}
@font-face {
  font-family: Hiragino Sans;
  font-weight: 250;
  src:
    local(HiraginoSans-W2),
    local("Hiragino Sans W2");
}
@font-face {
  font-family: Hiragino Sans;
  font-weight: 300;
  src:
    local(HiraginoSans-W3),
    local("Hiragino Sans W3");
}
@font-face {
  font-family: Hiragino Sans;
  font-weight: 400;
  src:
    local(HiraginoSans-W4),
    local("Hiragino Sans W4");
}
@font-face {
  font-family: Hiragino Sans;
  font-weight: 500;
  src:
    local(HiraginoSans-W5),
    local("Hiragino Sans W5");
}
@font-face {
  font-family: Hiragino Sans;
  font-weight: 600;
  src:
    local(HiraginoSans-W6),
    local("Hiragino Sans W6");
}
@font-face {
  font-family: Hiragino Sans;
  font-weight: 700;
  src:
    local(HiraginoSans-W7),
    local("Hiragino Sans W7");
}
@font-face {
  font-family: Hiragino Sans;
  font-weight: 800;
  src:
    local(HiraginoSans-W8),
    local("Hiragino Sans W8");
}
@font-face {
  font-family: Hiragino Sans;
  font-weight: 900;
  src:
    local(HiraginoSans-W9),
    local("Hiragino Sans W9");
}
:root{
	--black: #202f55;
	--gray: #eeeeee;
	--blue: #0069b2;
	--white: #ffffff;
	--red: #ad0000;
	--aqua: #00A4E7;
	--orange: #F47A00;
}

[id] {
  scroll-margin-top: 160px; /* 固定ヘッダー高さに合わせる */
}

html {
  scroll-behavior: smooth; /* CSSスムーススクロール（JS併用でもOK） */
  overflow-x: hidden;
}
br.sp{
	display: none;
}
@media screen and (max-width: 1024px) {
	br.sp{
		display: block;
	}
}
/*===== header.php,header-page.php =====*/
p#headtext {
	width: 100%;
	max-width: 980px;
	margin: 0px auto;
	height: 15px;
	overflow: hidden;
	font-size: 12px;
	color: #666;
}

/*===== gnav.php =====*/
header{
	background-color: var(--white);
	position: sticky;
	top: 0;
	z-index: 99999;
}
header .headerInner{
	width: 100%;
	max-width: 980px;
	margin: 0 auto 20px;
	padding-top: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header .headerInner nav {
	width: 100%;
	max-width: 980px;
}
header .headerInner nav ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header .headerInner nav li:first-child {
	margin: 0 3% 0 0;	
}
header .headerInner nav li:nth-child(2) {
	margin: 0 2% 0 0;	
}

header .gnav {
	width: 100%;
	background-color: var(--blue);
}
header .gnav ul {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	display: flex;
	align-items: stretch;
}
header .gnav ul li {
	width: calc((100% - 7px)/6);
	text-align: center;
	display: flex;
}
header .gnav ul li {
	border-left: var(--white) 1px solid;
}
header .gnav ul li:last-child {
	border-right: var(--white) 1px solid;
}
header .gnav ul li a {
	width: 100%;
	height: 100%;
	padding: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--white);
	text-align: center;
	text-decoration: none;
	transition: transform 0.2s ease-in-out,font-weight 0.2s ease-in-out;
}
header .gnav ul li a:hover{
	transform: scale(1.1);
	font-weight: bolder;
}
@media screen and (max-width: 1024px) {
	header .gnav ul li a {
        font-size: 0.9rem;
	}
}

/*===== 共通 =====*/
body {
	}

a:hover img.alpha {
	opacity: 0.7;
}

.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* パンくず */
div.bread_crumb {
	max-width: 980px;
	margin: 0 auto;
	padding: 17px 0 10px 5px;
}

.bread_crumb ul {
	margin: 0;
	overflow: hidden;
}

.bread_crumb ul li {
font-size: 13px;
float: left;
list-style-type: none;
padding-right: 5px;
}

.bread_crumb ul li .sub {
padding-left: 10px;
}

.bread_crumb ul li.sub:before {
content: ">";
letter-spacing: 10px;
color: #666;
}

nav.breadcrumb {
	max-width: 960px;
	margin: 0 auto;
	padding: 15px 0 0 1em;
	/* border-bottom: #ccc 1px solid; */
	font-size: 11px;
}
nav.breadcrumb a,
.bread_crumb a {
	color: #06C;
	text-decoration: none;
}

nav.breadcrumb a:hover,
.bread_crumb a:hover {
	color: #f63;
	text-decoration: underline;
}

.orangeLine {
	margin: 0 0 20px 0;
	line-height: 1.5;
    text-underline-offset: 0.12em;
    text-decoration-line: underline;
    text-decoration-color: #F2BA02;
    text-decoration-style: solid;
	-webkit-text-decoration-thickness: 10px; /* Safari/iOS向け */
    text-decoration-thickness: 10px;
    text-align: center;

}
.blueLine {
	margin: 0 0 20px 0;
	line-height: 1.5;
    text-underline-offset: 0.12em;
    text-decoration-color: #acd1e0;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 10px;
    text-align: center;
}

.closing {
	background-image: url("../theme_images/closing_bg_pc.png");
}
.closing>div {
	width: 100%;
	max-width: 980px;
	margin: 0 auto 120px auto;
	padding: 40px 20px;
}
.closing p {
	margin: 0 0 30px 0;
	font-size: 1.625rem;
	font-weight: 600;
	color: var(--white);
	text-align: center;
}
.closing nav ul {
	display: flex;
	justify-content: center;
    align-items: center;
	gap: 50px;
}
.closing nav li {
	width: 40%;
	max-width: 436px;
	height: 113px;
	background-repeat: no-repeat;
	background-size: cover;
}
.closing nav li a {
    display: block;
}
@media screen and (max-width: 640px) {
	.closing {
		background-image: url("../theme_images/closing_bg_sp.png");
		background-repeat: no-repeat;
		background-size: cover;
	}
	.closing>div {
		padding: 30px 20px;
	}
	.closing p {
		font-size: 1.375rem;
	}
	.closing nav ul {
		flex-direction: column;
		gap: 30px;
	}
	.closing nav li {
		width: 80%;
		height: auto;
	}
}
/* home.php */
.hero {
	margin: 0 0 120px 0;
	min-height: 550px;
	background-image: url("../theme_images/top/hero_bg_pc.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (max-width: 1024px) {
	.hero {
		margin: 0 0 70px 0;
		padding: 0 0 15px 0;
		background-image: url("../theme_images/top/hero_bg_sp.png");
	}
}

.hero .heroInner {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.hero .heroInner .heroLeft {
	padding: 60px 0 0 0;
}
.hero .heroInner h2 {
	margin: 0 0 30px 0;
	padding: 30px 0 30px 150px;
	font-size: 2rem;
	font-weight: 800;
	color: var(--white);
	text-shadow: 0 0 6px #000000ba;
	background-color: #0069b24d;
	transform: translateX(calc((980px - 100vw) / 2));
}
.hero .heroInner ul {
	width: 400px;
}
.hero .heroInner ul li {
	width: 133px;
	height: auto;
}

.hero .heroInner p{
	margin: 30px -20px 40px 0;
}
.hero>p{
	color: var(--blue);
	font-size: 1.75rem;
	font-weight: 600;
	text-align: center;
	background-color: var(--white);
}
@media screen and (max-width: 1024px) {
	.hero .heroInner {
		flex-wrap: wrap;
	}
	.hero .heroInner h2 {
		width: fit-content;
		padding: 15px 15px 15px 40px;
		transform: none;
		margin: 0 auto 30px 0;
	}
	.hero .heroInner ul {
		margin: 0 0 30px 40px;
	}
	.hero .heroInner ul li {
		height: auto;
	}
	.hero .heroInner p{
		width: 35%;
		margin: 30px 10px 15px auto;
	}
	.hero>p{
		margin: 0 0 50px 0;
	}
}
@media screen and (max-width: 640px) {
	.hero .heroInner {
        display: block;
	}
	.hero .heroInner h2 {
		font-size: 1.25rem;
	}
	.hero>p{
	margin: 0 0 30px 0;
		padding: 0 10%;
		font-size: 1rem;
		font-weight: 800;
		text-align: left;
	}
	.hero .heroInner ul {
		width: 60%;
	}
	.hero .heroInner ul li {
		width: 33%;
	}
	.hero .heroInner p{
		width: 240px;
		margin: 0 10px 15px auto;
	}
}

.support ul{
	display: flex;
	gap: 50px;
	}
@media screen and (max-width: 1024px) {
	.support ul {
       	gap: 30px;
	}
	.support ul li:first-child {
	}
}
@media screen and (max-width: 640px) {
	.support ul {
       	flex-direction: column;
	}
	.support ul li:first-child {
        margin: 0 0 30px 0;
	}
}
.wrapper{
	background-color: var(--gray);
	position: relative;
	top: 70px;
	margin: 0 auto 170px auto;
}
@media screen and (max-width: 1024px) {
	.wrapper{
		margin: 0 auto 140px auto;
	}
}

.contentBox{
	width: 100%;
	margin: 0 auto;
	max-width: 980px;

	position: relative;
}

.wrapper .contentBox{
	margin: 0 auto 100px;
    padding: 0 0 30px 0;
	top: -70px;
}
@media screen and (max-width: 1024px) {
	.wrapper .contentBox{
        width: 80%;
		margin: 0 auto 70px;
    	padding: 0;
	}
}


.fullWidth {
	width: 100vw;
	margin: 0 0 100px -50vw;
	position: relative;
	left: 50%;
}
@media screen and (max-width: 1024px) {
	.fullWidth {
	}
}

.balloon {
	margin: 0 0 85px 0;
	text-align: center;
	font-weight: 600;
	color: var(--white);
	padding: 40px 0;
	background-color: var(--blue);
	position: relative;
}
.balloon::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -25px;
	border: 25px solid transparent;
	border-top: 44px solid var(--blue);
}
.balloon h1,
.balloon h2 {
	font-size: 2.375rem;
	font-weight: 600;
	text-align: center;
}
@media screen and (max-width: 1024px) {
	.balloon{
	width: 90vw;
	margin: 0 0 55px -45vw;
	position: relative;
	left: 50%;
	font-size: 1rem;
	}
	.balloon::before {
		margin-left: -13px;
		border: 13px solid transparent;
		border-top: 22px solid var(--blue);
	}
	.balloon h1,
	.balloon h2 {
		font-size: 1.375rem;
	}
}

@media screen and (max-width: 640px) {
	.balloon{
	width: 100vw;
	margin: 0 0 55px -50vw;
	position: relative;
	left: 50%;
	font-size: 1rem;
	}
	.balloon::before {
		margin-left: -13px;
		border: 13px solid transparent;
		border-top: 22px solid var(--blue);
	}
	.balloon h1,
	.balloon h2 {
		font-size: 1.375rem;
	}
}

ul.checkboxList {
	padding: 0 0 40px 80px;
}
ul.checkboxList li{
	padding: 0 0 0 50px;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 2;
	background-image: url("../theme_images/icon_check.png");
	background-position: left top 10px;
	background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
	ul.checkboxList {
		padding: 0 5% 40px 5%;
	}
	ul.checkboxList li{
		margin: 0 0 10px 0;
		padding: 0 0 0 30px;
		font-size: 1.125rem;
		line-height: 1.8;
		background-position: left top 6px;
	}
}

.solve{
	padding: 15px 0;
	background-image: url("../theme_images/top/bg01_pc.png");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.solve>div {
	flex-shrink: 0;
}
.solve>div p {
	width: fit-content;
	padding-right: 20px;
	padding: 0 30px 0 calc((100vw - 980px)/2);
	font-size: 2.375rem;
	font-weight: 600;
	color: var(--white);
	background-color: var(--blue);
}
.solve>div p:first-child {
	margin: 0 0 10px 0;
}
.solve>p {
	margin: 0 calc((100vw - 980px)/2) 0 0;
}
@media screen and (max-width: 1024px) {
	.solve{
		flex-wrap: wrap;
	}
	.solve>div {
		margin: 0 0 30px 0;
	}
	.solve>div p{
		padding: 0 0 0 20px;
		font-size: 2rem;
	}
	.solve>p {
		width: 270px;
		margin: 0 auto;
	}
}
@media screen and (max-width: 640px) {
	.solve{
		display: block;
		padding: 50px 10%;
		margin: 0 0 70px -50vw;
		background-image: url("../theme_images/top/bg01_sp.png");
	}
	.solve>div p {
		width: 100%;
		padding: 0;
		font-size: 1.375rem;
		font-weight: 400;
		text-align: center;
		text-shadow: 0 0 6px #000000ba;
		background-color: transparent;
	}
	.solve>div p:nth-child(2) {
		margin: 0 0 30px 0;
	}
	.solve>p {
		width: 210px;
		margin: 0 auto;
	}
}

/* 選ばれる理由 共通*/
.reason3 {
	margin: 0 0 30px 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.reason3>div {
	width: 100%;
	max-width: 280px;
	flex-shrink: 0;
}
.reason3 dt {
	margin: 0 0 30px 0;
	position: relative;
	text-align: center;
}
.reason3 dt p:first-child {
	margin: 0 auto 30px;
}
.reason3 dt p:last-child {
	font-size: 1.6rem;
	font-weight: 600;
	text-align: center;
}
@media screen and (max-width: 1024px) {
	.reason3 {
		display: block;
		padding: 0 4%;
	}
	.reason3>div {
		max-width: none;
		margin: 0 0 30px 0;
	}
	.reason3 dt {
	max-width: 400px;
	margin: 0 auto;
	}	
}
@media screen and (max-width: 640px) {
	.reason3 {
		display: block;
		padding: 0 4%;
	}
	.reason3>div {
		max-width: none;
		margin: 0 0 30px 0;
	}
	.reason3 dt {
	width: 100%;
	margin: 0 auto;
	}	
}
/* 選ばれる理由 home.php用*/
dl.reason3.home>div {
	padding: 50px 0 0 0;
}
dl.reason3.home dt {
	margin-bottom: 50px;
}
dl.reason3.home dt p:first-child {
	width: 228px;
	height: auto;
	position: absolute;
	top: -30px;
	left: -20px;
	transform: rotate(-10deg);
}
dl.reason3.home dt p:nth-child(2) {
	margin: 0 auto 50px;
}
dl.reason3.home dt p:last-child {
	font-size: 1.875rem;
	font-weight: 600;
}
dl.reason3.home dt p:last-child::after {
	content: "";
	display: block;
	width: 50px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	border-bottom: 2px solid #AAA8A8;
}
@media screen and (max-width: 640px) {
	dl.reason3.home dt p:last-child {
		font-size: 1.375rem;
	}
}
/* 選ばれる理由 下層ページ用*/
.shoukaiLink {
	width: 186px;
	margin: 0 0 0 auto;
}

dl.steps dt p:first-child {
	width: 100px;
	margin: 0 50px 0 0;
}
dl.steps dt p:nth-child(2) {
	width: calc(100% - 150px);
	font-size: 2.1875rem;
	font-weight: 600;
}
dl.steps dd {
    padding: 0 0 0px 150px;
    position: relative;
    display: flex;
    align-self: stretch;
}
dl.steps dd:not(:last-child)::before {
    content: "";
    display: block;
    border-left: 8px solid var(--blue);
    position: relative;
    left: -104px;
}
dl.steps dd>div {
	width: 100%;
    padding: 30px 85px;
    background-color: var(--white);
}
dl.steps dd:not(:last-of-type)>div {
    margin: 0 0 50px 0;
}
dl.steps dd .contactBtn {
	padding: 30px 0;
	display: flex;
	align-items: center;
	gap: 50px;
}
dl.steps dd .contactBtn p {
	width: 316px;
	height: 104px;
}
dl.steps dd .contactBtn p a {
    display: block;
}
@media screen and (max-width: 1024px) {
	dl.steps dt{
		margin: 0 0 20px 0;
	}
	dl.steps dt p:first-child {
		width: 55px;
		margin: 0 20px 0 0;
	}
	dl.steps dt p:nth-child(2) {
		width: calc(100% - 70px);
		font-size: 1.375rem;
		font-weight: 600;
	}
	dl.steps dd {
		padding: 0;
		display: block;
		position: static;
	}
	dl.steps dd::before {
		content: "";
		display: none;
	}
	dl.steps dd>div {
		width: 100%;
		padding: 30px 20px;
		background-color: var(--white);
	}
	dl.steps dd:not(:last-of-type)>div {
		margin: 0 0 50px 0;
	}
	dl.steps dd .contactBtn p {
		width: 100%;
		height: auto;
	}
	dl.steps dd .contactBtn p a {
		display: block;
	}
}
@media screen and (max-width: 640px) {
	dl.steps dd .contactBtn {
	flex-direction: column;
	gap: 30px;
	}
}
.faqAccordion .accordionTitle {
	width: fit-content;
	margin: 0 auto 30px -50vw;
	padding: 15px 30px 15px calc((100vw - 980px)/2);
	display: flex;
	font-size: 1.75rem;
	font-weight: 600;
	color: var(--red);
	background-color: var(--white);
}
.faqAccordion .accordionTitle span {
	display: block;
	width: 80px;
}
.faqAccordion .accordionContent {
	width: 100%;
	margin: 0 auto 50px auto;
	padding: 0 0 0 80px;
	line-height: 2;
}
.faqAccordion .accordionContent h4{
	font-size: 1rem;
	font-weight: 600;
}

.faqAccordion .accordionContent p {
	margin: 0 0 1em 0;
}
.faqAccordion .accordionContent ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 1em;
	list-style: disc;
}
.faqAccordion .accordionContent span {
	font-weight: 600;
}
.faqAccordion .accordionBtn {
	width: 485px;
	height: auto;
	margin: 0 calc((100vw - 980px)/2) 0 auto;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}
.accordion {
    display: none;
}
.accordion.active {
	display: block;
}

@media screen and (max-width: 1024px) {
	.faqAccordion .accordionTitle {
		max-width: 90vw;
		padding: 15px 30px 15px calc((100vw - 80vw) / 2);
		display: block;
		font-size: 1.375rem;
		font-weight: 600;
		color: var(--red);
		overflow: hidden;
	}
	.faqAccordion .accordionTitle span {
		float: left;
		width: 60px;
		margin-right: 10px;
	}
	.faqAccordion .accordionContent {
		padding: 0;
	}
	.faqAccordion .accordionBtn {
		width: 100%;
		height: auto;
		margin: 0;
	}
}

.blueBox {
	margin: 0 0 100px 0;
}
.blueBox h2 {
	width: calc(50vw - 50% + 740px);
	margin: 0 auto 50px calc(50% - 50vw);
	padding: 15px 30px 15px calc((50vw - 50% + 55px));
	font-size: 1.75rem;
	font-weight: 600;
	color: var(--blue);
	background-color: var(--white);
	background-image: url(../theme_images/icon_circle_blue.png);
	background-position: calc((100vw - 980px) / 2) 23px;
	background-repeat: no-repeat;
	position: relative;
}
.blueBox h2::after {
    content: "";
    display: block;
    width: 500px;
    height: 100%;
    margin: 0 0 0 calc(50% - 50vw);
    box-shadow: 6px 6px 0 0 var(--blue);
    position: absolute;
    right: 0;
    bottom: 0;
}
@media screen and (max-width: 1024px) {
	.blueBox h2 {
		max-width: 90vw;
		margin: 0 auto 40px calc(50% - 50vw);
		padding: 15px 30px 15px calc(50vw - 40vw + 40px);
		display: block;
		font-size: 1.375rem;
		font-weight: 600;
		background-position: calc(50vw - 40vw) 18px;
	}
	.blueBox h2::after {
		content: "";
		display: block;
		width: 60%;
		height: 100%;
		margin: 0 0 0 calc(50% - 50vw);
		box-shadow: 6px 6px 0 0 var(--blue);
		position: absolute;
		right: 0;
		bottom: 0;
	}
}

/* hikari.php 司法書士紹介 */
.shoukai .balloon h1 {
	max-width: 800px;
	margin: 0 auto 20px auto;
	padding: 0 0 15px 0;
	border-bottom: 2px solid var(--white);
}
.shoukai .balloon ul {
	max-width: 670px;
	margin: 0 auto;
}
.shoukai .balloon ul li {
	width: 320px;
}
@media screen and (max-width: 1024px) {
	.shoukai .balloon h1 {
		max-width: 800px;
		margin: 0 auto 20px auto;
		padding: 0 0 15px 0;
		border-bottom: 2px solid var(--white);
	}
	.shoukai .balloon ul {
		flex-direction: column;
	}
	.shoukai .balloon ul li {
		width: 50%;
		text-align: center;
	}
}

.shoukai>nav div:first-child {
	padding: 0 0 10px 0;
	border-bottom: 2px solid var(--white);
}
.shoukai>nav {
	margin: 0 0 80px 0;
}
.shoukai>nav p {
	width: 300px;
	height: auto;
}
.shoukai>nav ul {
	max-width: 620px;
	display: flex;
	justify-content: space-between;
}
.shoukai>nav ul li {
	width: 160px;
}
.shoukai>nav ul li a {
	box-sizing: border-box;
	width: 100%;
	padding: 0 0 0 40px;
	display: block;
	text-decoration: none;
	color: var(--black);
	font-size: 1rem;
	font-weight: 600;
	background-image: url("../theme_images/icon_circle_arrow.png");
	background-repeat: no-repeat;
	background-position: left;
	background-size: 30px;
}
@media screen and (max-width: 1024px) {
	.shoukai>nav div:first-child {
		margin: 0 0 20px 0;
	}
	.shoukai>nav {
		margin: 0 0 40px 0;
	}
	.shoukai>nav>div{
	flex-direction: column;
	}
	.shoukai>nav p {
		height: auto;
	}
	.shoukai>nav ul {
		flex-wrap: wrap;
	}
	.shoukai>nav ul li {
		width: 50%;
		margin: 0 0 10px 0;
	}
	.shoukai>nav ul li a {
		padding: 10px 0 10px 40px;
	}
}

.office .officeInner {
	display: flex;
	flex-direction: column;
}
.office .map {
	width: 100%;
	margin: 0 0 80px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.officeInner .map iframe {
	width: 565px;
	height: 400px;
}

.office .officeAddress {
	width: 100%;
}
@media screen and (max-width: 1024px) {
	.office .officeInner {
		flex-direction: column-reverse;
	}
	.office .map {
		width: 100%;
		margin: 0;
		flex-direction: column;
	}
	.office .map p {
		width: 100%;
	}
	.officeInner .map iframe {
		width: 100%;
		height: auto;
		aspect-ratio: 565 / 400;
		margin: 0 0 20px 0;
	}
	.office .officeAddress {
		width: 100%;
	}
}

.office .officeAddress h3 {
	padding: 0 0 0 80px;
	border-bottom: 1px solid var(--blue);
	font-weight: 600;
}
.office .officeAddress dl{
	width: 100%;
	max-width: 780px;
	margin: 0 0 0 200px;
	font-size: 1rem;
	font-weight: 400;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.office .officeAddress dl dt{
	width: 120px;
	padding: 20px 0 20px 60px;
	border-bottom: 1px solid var(--blue);
}
.office .officeAddress dl dd{
	width: 600px;
	padding: 20px 0;
	border-bottom: 1px solid var(--blue);
}
@media screen and (max-width: 1024px) {
	.office .officeAddress h3 {
		padding: 0 0 10px 0;
	}
	.office .officeAddress dl{
		margin: 0 0 30px 0;
		display: block;
		overflow: hidden;
	}
	.office .officeAddress dl dt{
		width: 100%;
		padding: 8px 0 8px 20px;
		border-bottom: none;
	}
	.office .officeAddress dl dd{
		width: 100%;
		padding: 8px 0 8px 20px;
		border-bottom: 1px solid var(--blue);
	}
	.office .officeAddress dl dt:not(:first-of-type) {
		width: 20%;
		float: left;
		clear: both;
		border-bottom: 1px solid var(--blue);
	}
	.office .officeAddress dl dd:not(:first-of-type) {
		width: 80%;
		text-align: right;
		padding: 8px 20px 8px 0;
		float: left;
	}	
}

.shihousyoshi>div {
	background-color: var(--blue);
	position: relative;
	top: 8px;
	left: 4px;
	transform: rotate(0.5deg);
}

.shihousyoshi .individual {
	max-width: 965px;
	padding: 50px 80px;
	background-color: var(--white);
	position: relative;
	top: -8px;
	left: -4px;
	transform: rotate(-0.5deg);
}
@media screen and (max-width: 1024px) {
	.shihousyoshi .individual {
        padding: 30px 20px;
	}
}
.shihousyoshi>div:not(:last-child) {
	margin: 0 0 80px 0;
}

.shihousyoshi .individual h3 {
	margin: 0 0 50px 0;
	font-size: 1.75rem;
	font-weight: 600;
	text-align: center;
}
.shihousyoshi .individual h3 span {
	margin: 0 0 0 30px;
	font-size: 1.125rem;
}
@media screen and (max-width: 1024px) {
	.shihousyoshi .individual h3  span{
		display: block;
	}
}

.shihousyoshi .individual h4 {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #707070;
	font-size: 1.5rem;
	font-weight: 600;
}

.shihousyoshi .individual dl {
	width: 25em;
	margin: 0 0 40px auto;
	font-size: 1.125rem;
	overflow: hidden;
}
.shihousyoshi .individual dl dt {
	width: fit-content;
	min-width: 6em;
	margin: 0 0 0 auto;
	float: left;
	clear: both;
}
.shihousyoshi .individual dl dd {
	width: calc(100% - 6em);
	float: left;
}
@media screen and (max-width: 1024px) {
	.shihousyoshi .individual dl {
        width: 100%;
		margin: 0 auto 20px 0;
	}
}


.shihousyoshi .individual p {
	margin: 0 0 1em 0;
}

/*===== 名義変更 =====*/


.problem .orangeLine{
	font-size: 1.875rem;
}
.problem .orangeLine em {
	font-size: 2.25rem;
	font-weight: 600;
}
@media screen and (max-width: 640px) {
	.problem .orangeLine{
		font-size: 1.125rem;
	}
	.problem .orangeLine em {
		font-size: 1.375rem;
	}
}

.problem ul {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 50px auto;
	padding: 0 0 55px 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.problem ul .circleBalloon {
	display: flex;
	align-items: center;
	width: 200px;
	height: 200px;
	padding: 60px 25px;
	font-size: 20px;
	color: #FFF;
	position: relative;
	border-radius: 50%;
	box-sizing: border-box;
}

.problem ul li.circleBalloon::before {
	content: "";
	border: 20px solid transparent;
	position: absolute;
	right: -3px;
	bottom: -3px;
	transform: rotate(45deg);
}
@media screen and (max-width: 1024px) {
	.problem ul {
		flex-wrap: wrap;
		justify-content: center
	}
	.problem ul li.circleBalloon {
        width: 30vw;
		height: 30vw;
		padding: 10px;
	}
	.problem ul li.circleBalloon::before {
		border: 20px solid transparent;
		right: 10px;
		bottom: 10px;
		transform: rotate(45deg);
	}
}
@media screen and (max-width: 640px) {
	.problem ul {
		width: 80%;
		flex-direction: column;
	}
	.problem ul li.circleBalloon {
		display: block;
        width: 100%;
		height: auto;
		margin: 0 0 10px 0;
		padding: 10px;
		border-radius: 12px;
	}
	.problem ul li.circleBalloon::before {
		content: "";
		border: 7px solid transparent;
		position: absolute;
		top: calc(50% - 7px);
		left: 99%;
		height: 0px;
		transform: rotate(0deg);
	}
}
.meihen .problem ul {
	background-image: url(../theme_images/balloon_line_bl.png);
}
.meihen .problem ul li.circleBalloon {
	background-color: var(--aqua);
 }
  
.meihen .problem ul li.circleBalloon::before {
	border-left: 30px solid var(--aqua);
}
@media screen and (max-width: 640px) {
	.meihen .problem ul li.circleBalloon::before {
		border-left: 15px solid var(--aqua);
	}
}

.problem p:last-child {
	max-width: 980px;
	margin: 0 auto 80px auto;
	font-size: 1.875rem;
	font-weight: 600;
	text-align: center;
}
.problem p:last-child strong {
	font-size: 2.5rem;
	font-weight: 600;
}
.meihen .problem p:last-child strong {
	color: var(--blue);
}
@media screen and (max-width: 1024px) {
	.problem p:last-child {
		width: 80%;
	}
}
@media screen and (max-width: 640px) {
	.problem p:last-child {

		font-size: 1.125rem;
	}
	.problem p:last-child strong {
		font-size: 1.375rem;
	}
}
.caution {
	background-color: #d30303;
	margin: 0 0 80px 0;
	padding: 40px 0;
}
.caution>p:first-child {
	margin: 0 0 20px 0;
	font-size: 1.8rem;
	font-weight: 600;
	color: var(--white);
	letter-spacing: 1em;
	text-indent: 1.5em;
	text-align: center;
}
.caution>p:nth-child(2) {
	width: 100%;
	max-width: 980px;
	margin: 0 auto 20px auto;
	text-align: center;
	background-color: var(--white);
}
.caution>p:nth-child(2) strong {
	font-size: 1.8rem;
	font-weight: 600;
	color: #d30303;
}
@media screen and (max-width: 1024px) {
	.caution>p:nth-child(2) {
        width: 80%;
		padding: 20px 10px;
		text-align: center;
	}
	.caution>p:nth-child(2) strong {
		font-size: 1.125rem;
	}
}
.caution>div {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 0 80px;
}
.caution>div p {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
.caution>div p:first-child {
	width: 230px;
	padding: 0 20px 0 0;
}
.caution>div p:last-child {
	font-weight: 600;
	color: var(--white);
}
.caution>div p:last-child strong {
	font-size: 1.5rem;
	font-weight: 600;
}
@media screen and (max-width: 640px) {
	.caution>div {
		width: 80%;
		padding: 0px;
	}
	.caution>div p:first-child {
		display: none;
	}
}

.contactBox {
	max-width: 830px;
	margin: 0 auto 100px auto;
}
.contactBox .orangeLine{
	font-size: 1.8rem;
	font-weight: 600;
}
.contactBox>div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
}
@media screen and (max-width: 640px) {
	.contactBox .orangeLine{
		font-size: 1.125rem;
	}
	.contactBox>div {
        flex-direction: column;
	}
}

.contactBox>div div {
	max-width: 400px;
}
.contactBox>div div p:first-child{
	margin: 0 0 5px 0;
}
.contactBox>div div p:last-child {
	background-size: cover;
}
.contactBox>div div p a {
    display: block;
}

.meihen .shoukaiLink {
	margin: 0 0 50px auto;
}

.meihen .baikyakuOmakase {
	padding: 50px 80px;
	background-color: var(--aqua);
}
.meihen .baikyakuOmakase p:first-child {
	margin: 0 0 30px 0;
	padding: 20px 10px;
	color: #333333;
	text-align: center;
	background-color: var(--white);
}
.meihen .baikyakuOmakase p:first-child strong {
	font-size: 1.8rem;
	font-weight: 600;
}
.meihen .baikyakuOmakase p:nth-child(2){
	margin: 0 0 50px 0;
	color: var(--white);
	font-size: 1.25rem;
}
.meihen .baikyakuOmakase p:last-child {
	max-width: 482px;
	height: 80px;
	margin: 0 auto;
}
@media screen and (max-width: 640px) {
	.meihen .baikyakuOmakase {
        padding: 30px 20px;
	}
	.meihen .baikyakuOmakase p:first-child {
	}
	.meihen .baikyakuOmakase p:first-child strong {
		font-size: 1.125rem;
	}
}

.meihen .priceWrapper h3 {
	padding: 40px 0;
	font-size: 1.8rem;
	font-weight: 600;
	color: var(--white);
	text-align: center;
	background-image: url("../theme_images/meihen/pac_bg_pc.png");
	background-size: cover;
}
.meihen .priceContainer {
	padding: 50px 80px;
	background-color: var(--white);
}
@media screen and (max-width: 1024px) {
.meihen .priceWrapper h3 {
	background-image: url("../theme_images/meihen/pac_bg_sp.png");
	background-size: cover;
}
.meihen .priceContainer {
        padding: 30px 20px;
	}
}

.meihen .priceContainer .priceBox {
	text-align: center;
}
.meihen .priceContainer .orangeLine {
	margin: 0 auto 30px auto;
	font-size: 1.5rem;
	font-weight: 600;
}

.meihen .priceContainer .priceBox .reward {
	width: fit-content;
	margin: 0 auto 50px auto;
	text-align: left;
}
.meihen .priceContainer .priceBox .reward p:first-child small {
	font-size: 1rem;
	font-weight: 600;
}
.priceBox .reward p:nth-child(2)  {
	margin: 0 0 20px 0;
	border-bottom: 5px solid;
	color: var(--red);
	text-align: center;
}
.meihen .priceContainer .priceBox .reward p:nth-child(2) em {
	font-size: 3.75rem;
	font-weight: 800;
}
.meihen .priceContainer .priceBox .reward p:nth-child(2) small {
	font-size: 2rem;
	font-weight: 600;
}
@media screen and (max-width: 640px) {
	.priceBox .reward p:nth-child(2)  {
		margin: 0 0 20px 0;
	}
	.meihen .priceContainer .priceBox .reward p:nth-child(2) em {
		font-size: 2rem;
	}
	.meihen .priceContainer .priceBox .reward p:nth-child(2) small {
		font-size: 1rem;
	}
}

.meihen .priceContainer .caseList {
}

.meihen .priceContainer .caseList h4 {
    margin: 0 auto 30px auto;
    padding: 0 0 30px 0;
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--blue);
	text-align: center;
	background-image: url("../theme_images/balloon_line_bl.png");
	background-repeat: no-repeat;
    background-position: center bottom;
}
.meihen .priceContainer .caseList>p:nth-of-type(2) {
    margin: 0 0 20px 0;
}

.meihen .priceContainer .caseItem {
	width: 100%;
	margin: 0 auto 30px auto;
	padding: 30px 40px;
	border: 2px solid var(--blue);
	border-radius: 20px;
	box-shadow: 3px 3px 0 var(--blue);
}
.meihen .priceContainer .caseItem h5 {
	border-bottom: 2px solid var(--blue);
	font-size: 1.25rem;
	margin: 0 0 30px 0;
	font-weight: 600;
	color: var(--blue);
}
.meihen .priceContainer .caseItem .caseDetail {
	display: flex;
}
.meihen .priceContainer .caseItem .caseDetail>div:first-of-type p:nth-child(2) {
	width: 200px;
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--red);
}
.meihen .priceContainer .caseItem .caseDetail div:first-of-type p:nth-child(2) span {
	font-size: 2rem;
	color: var(--red);
}
.meihen .priceContainer .caseItem .caseDetail div:nth-of-type(2) h6 {
	font-weight: 600;
}
.meihen .priceContainer .caseItem .caseDetail div:nth-of-type(2) div:last-child {
	padding: 20px 0 0 0;
}
.meihen .priceContainer .caseItem .caseDetail>div:nth-of-type(2)>ul ul {
	padding: 0 0 0 20px;
}
@media screen and (max-width: 640px) {
	.meihen .priceContainer .caseItem h5 {
		text-align: center;
	}
	.meihen .priceContainer .caseItem .caseDetail {
		flex-direction: column;
	}
	.meihen .priceContainer .caseItem .caseDetail>div:first-of-type {
		width: fit-content;
		margin: 0 auto 20px auto;
	}
	.meihen .priceContainer .caseItem .caseDetail  div:nth-of-type(2) h6 {
		font-weight: 600;
	}
}
/*===== 不動産の売却 =====*/
.baikyaku .problem ul {
	background-image: url("../theme_images/balloon_line_or.png");
}
.baikyaku .circleBalloon {
	background-color: var(--orange);
}
.baikyaku .problem ul li.circleBalloon:before {
	border-left: 30px solid var(--orange);
}
@media screen and (max-width: 640px) {
    .baikyaku .problem ul li.circleBalloon::before {
        border-left: 15px solid var(--orange);
    }
}
.baikyaku .problem p:last-child strong {
	color: var(--orange);
}

.baikyaku .comparison {
	margin: 0 0 50px 0;
	display: flex;
	justify-content: space-between;
}
.baikyaku .comparison p {
	max-width: 480px;
}
@media screen and (max-width: 1024px) {
	.baikyaku .comparison {
		margin: 0 0 50px 0;
		flex-direction: column;
	}
	.baikyaku .comparison p:first-of-type {
		margin: 0 auto 50px auto;
	}
	.baikyaku .comparison p:nth-of-type(2) {
		margin: 0 auto 50px auto;
	}
}

.baikyaku .propertyTransfer {
	background-color: var(--white);
}
.baikyaku .propertyTransfer h3{
	padding: 40px 20px;
	font-size: 1.8rem;
	font-weight: 600;
	color: var(--white);
	text-align: center;
	background-image: url("../theme_images/baikyaku/meihenbg_pc.png");
	background-size: cover;
}
.baikyaku .propertyTransfer>div {
    padding: 50px 80px;
}
@media screen and (max-width: 1024px) {
	.baikyaku .propertyTransfer h3{
		font-size: 1.125rem;
		background-image: url("../theme_images/baikyaku/meihenbg_sp.png");
	}
	.baikyaku .propertyTransfer>div {
		padding: 20px 30px;
	}
}

.baikyaku .propertyTransfer p {
    font-size: 1.25rem;
}
.baikyaku .propertyTransfer p:first-child {
    margin: 0 0 1em 0;
}
.baikyaku .propertyTransfer p:nth-child(2) {
    margin: 0 0 50px 0;
}
.baikyaku .propertyTransfer p:last-child {
    max-width: 482px;
	height: auto;
	margin: 0 auto;
}
.baikyaku .propertyTransfer p em {
    font-size: 1.5rem;
	font-weight: 600;
	color: var(--red);
}
@media screen and (max-width: 1024px) {
	.baikyaku .propertyTransfer p:nth-child(2) {
		margin: 0 0 20px 0;
	}
}
/*===== サービス・料金　=====*/
.price .balloon {
	padding: 40px 20px;
}
.price .balloon h1 {
	max-width: 800px;
	margin: 0 auto 20px auto;
	padding: 0 0 15px 0;
	border-bottom: 2px solid var(--white);
}
.price .balloon p {
	max-width: 800px;
	margin: 0 auto;
	font-size: 1.125rem;
	font-weight: 400;
}
@media screen and (max-width: 640px) {
	.price .balloon p {
        font-size: 1rem;
	}
}
.price .feeDescription {
	width: 100%;
	max-width: 980px;
	margin: 0 auto 50px;
}
.price .feeDescription p:first-child {
	margin: 0 0 1em 0;
	font-size: 1.1rem;
}
.price .feeDescription p:first-child em{
	margin: 0 0 0 15px;
	padding: 15px;
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--white);
}
.price .feeDescription p:first-child em:first-of-type {
	background-color: var(--aqua);
}
.price .feeDescription p:first-child em:nth-of-type(2) {
	background-color: #FEB664;
}
.price .feeDescription p:first-child em:nth-of-type(3){
	margin: 0 15px;
	background-color: #02AF59;
}
.price .feeDescription p:nth-child(2) {
	text-align: right;
}

@media screen and (max-width: 1024px) {
	.price .feeDescription p:first-child {
		line-height: 1.6;
		text-align: center;
	}
	.price .feeDescription p:first-child em:first-of-type,
	.price .feeDescription p:first-child em:nth-of-type(2),
	.price .feeDescription p:first-child em:nth-of-type(3) {
		display: block;
		width: fit-content;
		margin: 10px auto;
	}
	.price .feeDescription p:nth-child(2) {
		text-align: left;
	}
}

.price .priceContainer {
	margin: 0 0 50px 0;
	background-color: var(--white);
}
.price .priceContainer .feeItemTitle{
	padding: 40px 0;
	font-size: 1.75rem;
	font-weight: 600;
	text-align: center;
	background-size: cover;
}
.price .priceContainer:first-of-type .feeItemTitle {
	background-image: url("../theme_images/price/housyu_bg_pc.png");
}
.price .priceContainer:nth-of-type(2) .feeItemTitle {
	background-image: url("../theme_images/price/tax_bg_pc.png");
}
.price .priceContainer:last-of-type .feeItemTitle {
	background-image: url("../theme_images/price/jippi_bg_pc.png");
}
.price .priceContainer .feeItemTitle h3 {
	font-size: 1.75rem;
	font-weight: 600;
	color: var(--white);
	text-align: center;
}
.price .priceContainer:first-of-type .feeItemTitle h3 {
	margin: 0 0 20px 0;
}
.price .priceContainer .feeItemTitle p {
	max-width: 750px;
	margin: 0 auto;
	padding: 10px;
	font-size: 1.75rem;
	font-weight: 600;
	color: var(--blue);
	text-align: center;
	background-color: var(--white);
}
@media screen and (max-width: 1024px) {
	.price .priceContainer .feeItemTitle{
		padding: 40px 20px;
		font-weight: 600;
		text-align: center;
		background-size: cover;
	}
	.price .priceContainer:first-of-type .feeItemTitle {
		background-image: url("../theme_images/price/housyu_bg_sp.png");
	}
	.price .priceContainer:nth-of-type(2) .feeItemTitle {
		background-image: url("../theme_images/price/tax_bg_sp.png");
	}
	.price .priceContainer:last-of-type .feeItemTitle {
		background-image: url("../theme_images/price/jippi_bg_sp.png");
	}
	.price .priceContainer .feeItemTitle h3 {
		color: var(--white);
		text-align: center;
	}
	.price .priceContainer:first-of-type .feeItemTitle h3 {
		margin: 0 0 20px 0;
	}
	.price .priceContainer .feeItemTitle p {
		font-size: 1.125rem;
	}
}
@media screen and (max-width: 640px) {
	.price .priceContainer .feeItemTitle{
		padding: 30px 20px;
	}
	.price .priceContainer .feeItemTitle h3 {
		font-size: 1.25rem;
	}
}

.price .priceContainer .priceBox {
	padding: 50px 80px;
	font-size: 1.25rem;
}
.price .priceContainer:first-of-type .priceBox {
	text-align: center;
	padding: 50px 80px 10px 80px;
}
@media screen and (max-width: 1024px) {
	.price .priceContainer .priceBox {
		padding: 30px 20px;
	}
	.price .priceContainer:first-of-type .priceBox {
		text-align: center;
		padding: 20px 20px 10px 20px;
	}
}
@media screen and (max-width: 640px) {
	.price .priceContainer .priceBox {
		font-size: 1rem;
	}
}

.price .priceContainer .blueLine {
	margin: 0 auto 30px auto;
	font-size: 1.375rem;
	font-weight: 600;
}
@media screen and (max-width: 640px) {
	.price .priceContainer .blueLine {
	font-size: 1rem;
	}
}

.price .priceContainer .priceBox .reward {
	margin: 0 0 50px 0;
	text-align: left;
}
.price .priceContainer .priceBox .reward p:first-child small {
	font-size: 1rem;
	font-weight: 600;
}
.price .priceContainer .priceBox .reward p:nth-child(2) {
	margin: 0 0 50px 0;
	padding: 0 20px;
	border-bottom: 5px solid;
	color: var(--red);
	text-align: center;
}
.price .priceContainer .priceBox .reward p:nth-child(2) em {
	font-size: 3.75rem;
	font-weight: 800;
}
.price .priceContainer .priceBox .reward p:nth-child(2) small {
	font-size: 2rem;
	font-weight: 600;
}
@media screen and (max-width: 640px) {
	.price .priceContainer .priceBox .reward {
		margin: 0 0 30px 0;
	}
	.price .priceContainer .priceBox .reward p:nth-child(2) {
		margin: 0 0 50px 0;
		padding: 0;
		border-bottom: 5px solid;
		color: var(--red);
		text-align: center;
	}
	.price .priceContainer .priceBox .reward p:nth-child(2) em {
		font-size: 2.5rem;
		font-weight: 800;
	}
	.price .priceContainer .priceBox .reward p:nth-child(2) small {
		font-size: 1.25rem;
		font-weight: 600;
	}
}


.price .priceContainer .priceBox .packPrice {
	width: fit-content;
	margin: 0 auto;
}
.price .priceContainer .priceBox .priceNote {
	width: 80%;
	margin: 0 auto;
}
.price .priceContainer .priceBox .priceNote p {
	margin: 0 0 10px 0;
	font-size: 1.25rem;
	font-weight: 600;
}
.price .priceContainer .priceBox .priceNote ul {
margin: 0 0 0 30px;
	font-weight: 400;
}
.price .priceContainer .priceBox .priceNote ul li {
	padding: 0 0 0 24px;
	background-image: url("../theme_images/icon_check.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;
}
@media screen and (max-width: 640px) {
	.price .priceContainer .priceBox .priceNote {
		width: 100%;
	}
	.price .priceContainer .priceBox .priceNote p {
		text-align: center;
		font-size: 1rem;
	}
	.price .priceContainer .priceBox .priceNote ul {
		padding: 0 0 30px 0;
		font-size: 1rem;
	}
	.price .priceContainer .priceBox .priceNote li {
		padding: 0 0 0 20px;
		background-image: url("../theme_images/icon_check.png");
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 16px;
	}
}

.price .priceContainer .priceBox hr {
	margin: 0 0 50px 0;
	border-bottom: 1px solid #AAA8A8;
}

.price .point  {
	margin: 0 0 50px 0;
	padding: 50px 0;
	background-color: var(--white);
	position: relative;
}
.price .point>p {
	max-width: 820px;
	margin: 0 auto;
	font-size: 1.25rem;
	font-weight: 400;
}
.price .point>p:first-child {
	width: 179px;
	height: auto;
	position: absolute;
	top: -8px;
	left: -20px;
	transform: rotate(-10deg);
}
.price .point>p:nth-child(2) {
	margin: 0 0 30px 0;
	padding: 0 80px;
}
.price .point>div{
	width: 90%;
	margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 30px;
}
.price .point .flex div {
	width: 400px;
}
@media screen and (max-width: 1024px) {
	.price .point>div{
		flex-direction: column;
	}
}
@media screen and (max-width: 640px) {
	.price .point  {
		padding: 70px 20px 30px 20px;
		background-color: var(--white);
		position: relative;
	}
	.price .point>p {
		max-width: 820px;
		margin: 0 auto;
		font-size: 1rem;
		font-weight: 400;
	}
.price .point>p:nth-child(2) {
	padding: 0;
	}
}

.price .caseList {
}
.price .caseList h3 {
	max-width: 650px;
    margin: 0 auto 50px auto;
	padding: 10px 20px;
	font-size: 1.75rem;
	font-weight: 600;
	color: var(--white);
	text-align: center;
	background-color: var(--blue);
}
.price .caseList>p:nth-of-type(2) {
    margin: 0 0 30px 0;
}
@media screen and (max-width: 1024px) {
	.price .caseList h3 {
	}
	.price .caseList>p:nth-of-type(2) {
		margin: 0 0 30px 0;
	}
	br.sp{
		display: none;
	}
}
@media screen and (max-width: 640px) {
	.price .caseList h3 {
		margin: 0 auto 30px auto;
		padding: 30px 20px;
		font-size: 1.375rem;
	}
	.price .caseList>p:nth-of-type(2) {
		margin: 0 0 30px 0;
	}
	br.sp{
		display: block;
	}
}

.price .caseItem {
	width: 100%;
	margin: 0 auto 30px auto;
	padding: 30px 40px;
	background-color: var(--white);
	border-radius: 20px;
	box-shadow: 3px 3px 6px #00000029;
}
.price .caseItem h4 {
	margin: 0 0 30px 0;
	border-bottom: 1px solid #707070;
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--blue);
}
.price .caseItem .caseDetail {
	display: flex;
}
.price .caseItem .caseDetail>div:first-of-type p:nth-child(2) {
	width: 200px;
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--red);
}
.price .caseItem .caseDetail div:first-of-type p:nth-child(2) span {
	font-size: 2rem;
	color: var(--red);
}
.price .caseItem .caseDetail div:nth-of-type(2) h5 {
	font-weight: 600;
}
.price .caseItem .caseDetail div:nth-of-type(2) div:last-child {
	padding: 20px 0 0 0;
}
.price .caseItem .caseDetail>div:nth-of-type(2)>ul>li::before {
	content: "◆";
	font-size: 0.5rem;
	vertical-align: middle;
	padding: 0 3px 0 0;
}
.price .caseItem .caseDetail>div:nth-of-type(2)>ul ul {
	padding: 0 0 0 20px;
}
@media screen and (max-width: 640px) {
	.price .caseItem h4 {
		text-align: center;
	}
	.price .caseItem h5 {
		text-align: left;
	}
	.price .caseItem .caseDetail {
		flex-direction: column;
	}
	.price .caseItem .caseDetail>div:first-of-type {
		width: fit-content;
		margin: 0 auto 20px auto;
	}
	.price .caseItem .caseDetail  div:nth-of-type(2) h6 {
		font-weight: 600;
	}
}

.price .baikyakuContainer>p:first-child {
	margin: 0 0 75px 0;
	padding: 20px;
	font-size: 1.625rem;
	font-weight: 600;
	color: var(--white);
	text-align: center;
	background-color: #FEB664;
	border-radius: 999px;
	position: relative;
}
.price .baikyakuContainer>p:first-child::before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 16px solid #FEB664;
}
.price .baikyakuContainer>div {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.price .baikyakuContainer>div>div{
	width: calc(100% - 450px);
}
.price .baikyakuContainer>div>div p:first-child {
	margin: 0 0 30px 0;
	font-weight: 400;
}
.price .baikyakuContainer>div>div p:nth-child(2) {
	margin: 0 0 40px 0;
	font-size: 1.1rem;
	font-weight: 400;
}
.price .baikyakuContainer>div>p {
	width: 400px;
}
@media screen and (max-width: 1024px) {
	.price .baikyakuContainer>p:first-child {
		margin: 0 0 50px 0;
		border-radius: 20px;
	}
	.price .baikyakuContainer>div {
		display: flex;
		flex-direction: column;
	}
	.price .baikyakuContainer>div>div{
		width: 100%;
		margin: 0 0 30px 0;
	}
	.price .baikyakuContainer>div>div p:first-child {
		margin: 0 0 30px 0;
		font-weight: 400;
	}
	.price .baikyakuContainer>div>div p:nth-child(2) {
		margin: 0 0 30px 0;
		font-weight: 400;
	}
	.price .baikyakuContainer>div>p {
		width: 100%;
	}
}
@media screen and (max-width: 640px) {
	.price .baikyakuContainer>p:first-child {
		font-size: 1.125rem;
	}
	.price .baikyakuContainer>div>div p:nth-child(2) {
		font-size: 1rem;
	}
}


/* footer */
footer {
	font-size: 11px;
	background-color: #F4F1F0;
}

footer .pagetop {
	margin: 0 auto;
	text-align: right;
	position: fixed;
	right: 0;
	bottom: 90px;
}

footer li {
	line-height: 2em;
}

footer nav#site {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding-top: 16px;
}

footer nav#site ul {
	overflow: hidden;
	_zoom: 1;
}

footer nav#site li {
	padding: 0 0.5em;
	border-right: 1px #333 solid;
	line-height: 1em;
	float: right;
}

footer nav.breadcrumb {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 25px 0;
	border-bottom: #ccc 1px solid;
	clear: both;
}

footer nav#footernav {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 10px 0 5px 0;
	overflow: hidden;
}

footer ul#mainnav,
footer ul#catenav,
footer ul#about {
	width: 150px;
	padding: 15px 1em 10px 2em;
	border-right: 1px solid #333;
	float: left;
}

footer ul#catenav {
	font-weight: bold;
}

footer ul#yuigon,
footer ul#houki {
	padding: 15px 1em 0 2em;
	border-right: 1px solid #333;
	width: 150px;
	float: left;
}

footer address {
	padding: 0 1em 20px 3em;
	font-style: normal;
	float: left;
}

footer address h3 {
	font-size: 12px;
}

footer address div.kyoto,
footer address div.osaka,
footer address div.tokyo {
	padding: 10px 0 0.5em 0.5em;
}

div.copy {
	padding: 0.5em;
	background-color: #44392e;
}
div.copy p {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	color: #fff;
	font-size: small;
	font-weight: bold;
}

.switch {
	visibility: hidden;
}
footer a {
	color: #000;
	text-decoration: none;
}

footer a:hover {
	color: #f63;
	text-decoration: underline;
}