@charset "utf-8";
* {
	box-sizing: border-box;
}
body img {
	height: auto;
}
.chat {
	color: #333;
	font-size: 16px;
}
.chat .note {
	padding: 0 0 0 1em
}
.chat .note li {
	font-size: 13px;
	text-indent: -1em
}
.chat .note li::before {
	content: '※'
}
.chat a {
	transition: .3s
}
.chat a:hover {
	opacity: .7
}
.chat .breadcrumbs {
	line-height: 1.65
}
.chat .breadcrumbs li {
	font-size: 11px;
	line-height: 1.65
}
.chat .breadcrumbs li, .breadcrumbsList__item:not(:last-child)::after {
	font-family: "NotoSansJP-Regular", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif
}
.chat .button {
	display: flex
}
.chat .button a {
	background: #425870 url(https://www.orihica.com/glob/chat/231004/img/icon_arrow_md_wht.svg) no-repeat 95.402298850575% center;
	color: #fff !important;
	display: block;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: .05em;
	line-height: 1;
	text-align: center;
	text-decoration: none !important;
	width: 300px
}
.chat .button.col_1 > a {
	margin: 5.556% 0;
	padding: 21px 0
}
.chat h1, .chat h2 {
	font-weight: 600;
	line-height: 1;
	position: relative;
	text-align: center;
	margin-top: 0;
}
.chat .point h3, .chat .relation h3 {
	border-bottom: 2px solid #425870;
	font-size: 19px;
	margin-bottom: 40px;
	padding: 0 0 10px;
	font-weight: 600 !important;
}
.mv_img img {
	margin: auto;
}
.top {
	background-color: #bdd6f0;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	padding-right: calc(50vw - 50%);
	padding-left: calc(50vw - 50%);
}
.tit {
	color: #425870;
	display: flex;
	width: 75%;
	margin: 50px auto 40px;
	justify-content: space-between;
}
.fontBig {
	font-size: 26px;
	font-weight: bold;
}
.txOr {
	color: #d68f05;
}
.balloon_1 {
	background: #fff;
	border: #425870 solid 2px;
	border-radius: 24px;
	padding: 28px 35px;
	position: relative;
	width: 74%;
	height: 66.913580246914%;
	margin-left: 3%;
	z-index: 1;
	display: inline-block;
}
.balloon_1 p {
	font-size: 18px !important;
	line-height: 1.7 !important;
}
.balloon_1::after {
	background: url(/chat/231004/img/chat_bg_balloon.png) top left no-repeat;
	background-size: contain;
	content: '';
	height: 29px;
	margin-top: 0;
	position: absolute;
	right: -47px;
	top: 39%;
	width: 47px;
	z-index: 2
}
.lead-box {
	padding: 0 0 70px;
}
.lead-box .Closed-style01 {
	max-width: 600px;
	margin: 30px auto 0;
	padding: 20px 50px;
	background-color: #e0edfb;
	border: 1px solid #C00;
	color: #C00;
}
.lead-box span, .chat .Closed-style02 span {
	font-size: 16px;
	font-weight: bold;
}
.chat .Closed-style01 ul, .chat .Closed-style02 ul {
	margin-top: 10px;
}
.chat .Closed-style02 {
	padding: 20px 0 0;
	color: #C00;
}
.chat .Closed-style02 .Closed-text li {
	line-height: 1.6;
}
.chat .Closed-style02 .Closed-text li + li {
	margin-top: 10px;
}
.chat li {
	font-size: 15px;
	line-height: 2;
	margin: 0
}
.chat li > .note {
	margin-bottom: .5em
}
.chat ol.number {
	list-style-type: decimal;
	padding-left: 1.5em
}
.chat p, .chat p.lead {
	font-size: 16px;
	font-weight: 400;
	line-height: 2
}
.chat .bnr {
	margin-bottom: 3em
}
.chat .bnr img {
	display: block;
	width: 100%
}
.chat p.lead {
	text-align: center
}
.chat ul li a, .chat a {
	color: #014c8c;
	text-decoration: underline
}
.chat ul, .chat ol {
	list-style: none;
	margin: 0;
	padding: 0
}
.chat ul.dots {
	list-style: inherit;
	padding-left: 1em
}
.chat .Inner, .chat #mv h1 {
	margin: 0 auto;
	max-width: 1200px;
	padding: 0;
	width: 100%
}
.chat .Inner section {
	margin: 120px auto;
	max-width: 900px;
}
.chat #consult {
	margin: 70px auto;
}
.chat #mv {
	width: 100%;
	max-width: 1200px;
	padding: 0
}
.chat #mv h1 img {
	padding: 3.334% 0 0;
	width: 100%
}
.chat #mv p {
	color: #C00;
	font-size: 16px;
	margin: 1.5em 1em 0;
	text-align: center
}
.chat .view_timer {
	display: none
}
.chat .view_timer.is_active {
	display: block
}
.chat #introduction {
	padding: 0 0 5.4%
}
.chat #introduction p {
	font-size: 24px;
	line-height: 2.08;
	margin: -10px 0 0;
	letter-spacing: 0.1em
}
.chat #consult h2, .chat #time h2 {
	margin: 0 auto 70px;
	text-align: center;
	width: 81.445%;
}
.chat #howto h2 {
	margin: 0 auto 45px;
	text-align: center;
	width: 81.445%;
}
.step1_3 h3 {
	margin: auto;
	display: flex;
	justify-content: center;
}
.step1_3 .step-img {
	text-align: center;
}
.icon {
	margin: 25px 0;
	width: 53px;
}
.h3Tx {
	font-size: 25px !important;
	font-weight: bold !important;
	margin-left: 20px !important;
	margin-bottom: 2px !important;
	line-height: 1.8;
}
.step1_3 + .step1_3 {
	margin-top: 45px;
}
.howto {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.howto_2 {
	margin: auto !important;
	width: 64%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.chat #consult h2 img, .chat #howto h2 img, .chat #time h2 img {
	margin: 0 auto
}
.chat #consult #slider_wrap {
	position: relative
}
.chat #consult #slide_list {
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
	z-index: 2
}
.chat #consult #slide_list > div {
	align-items: center;
	background: #bdd6f0;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute
}
.chat #consult #slide_list > div span {
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%
}
.chat #consult #slide_list > div:first-child {
	display: none
}
.chat #consult #slide_list > div:hover {
	opacity: 0.6
}
.chat #consult #slide_list > div:nth-child(2) {
	left: 1%;
	padding: 24% 0 0;
	top: -0.984117696060205%;
	width: 24%
}
.chat #consult #slide_list > div:nth-child(3) {
	left: -7.555555555555556%;
	padding: 17.78% 0 0;
	top: 44.089291990987092%;
	width: 17.78%
}
.chat #consult #slide_list > div:nth-child(4) {
	left: 10%;
	padding: 17.78% 0 0;
	top: 68.064114363966248%;
	width: 17.78%
}
.chat #consult #slide_list > div:nth-child(5) {
	padding: 24% 0 0;
	right: -2%;
	top: -0.984117696060205%;
	width: 24%
}
.chat #consult #slide_list > div:nth-child(6) {
	padding: 17.78% 0 0;
	right: 3.333333333333333%;
	top: 64.24811503038504%;
	width: 17.78%
}
.chat #consult #slide_list > div:nth-child(7) {
	padding: 17.78% 0 0;
	right: -15.111111111111112%;
	top: 34.089291990987092%;
	width: 17.78%
}
.chat #consult #slider {
	background: #fff;
	border: 4px solid #425870;
	margin: 0 auto;
	position: relative;
	width: 45.777777777777778%;
	z-index: 2
}
.chat #consult #slider .slick-next {
	right: -38px
}
.chat #consult #slider .slick-next.slick-arrow::before {
	background: url("/chat/231004/img/chat_icon_next.png") no-repeat 0 0;
	background-size: contain
}
.chat #consult #slider .slick-prev {
	left: -38px
}
.chat #consult #slider .slick-prev, .chat #consult #slider .slick-next {
	height: 60px;
	overflow: hidden;
	position: absolute;
	text-indent: 100%;
	top: 50%;
	white-space: nowrap;
	width: 60px;
	z-index: 5
}
.chat #consult #slider .slick-prev.slick-arrow::before {
	background: url("/chat/231004/img/chat_icon_prev.png") no-repeat 0 0;
	background-size: contain
}
.chat #consult #slider .slick-prev.slick-arrow::before, .chat #consult #slider .slick-next.slick-arrow::before {
	content: "" !important;
	display: block;
	height: 100%;
	opacity: 1;
	width: 100%
}
.chat #consult #slider .slick-prev:hover, .chat #consult #slider .slick-next:hover {
	opacity: 1
}
.tap_1::after {
	background: url("/chat/231004/img/chat_tap1.png") no-repeat 0 0;
}
.chat #time .row {
	display: flex;
	justify-content: space-between;
	margin: 4.445% auto 0;
	width: 90%
}
.chat #time .row .balloon {
	background: #fff;
	border: #425870 solid 2px;
	border-radius: 24px;
	padding: 44px 80px;
	position: relative;
	width: 66.913580246914%;
	height: 70%;
	z-index: 1;
	display: inline-block;
}
.chat #time .row .balloon table {
	color: #425870;
	margin: 0 0 5.9259259259259%;
	width: 100%
}
.chat #time .row .balloon::after {
	background: url(/chat/231004/img/chat_bg_balloon.png) top left no-repeat;
	background-size: contain;
	content: '';
	height: 29px;
	margin-top: 0;
	position: absolute;
	right: -47px;
	top: 44%;
	width: 47px;
	z-index: 2
}
.chat #time .row .person {
	width: 27%;
	height: auto;
}
.chat #time .row .person p {
	color: #425870;
	font-size: 15px;
	line-height: 1.5;
	margin: 10.948905109489% 0 1rem
}
.chat #time .row .person div img {
	max-width: 181px;
	width: 66.058394160584%
}
th {
	text-align: left;
}
.chat .center-tx {
	margin: 4.445% auto 0;
}
.chat #consult p {
	font-size: 16px;
	padding-bottom: 50px;
	text-align: center;
}
.chat #howto p,.center-tx {
	font-size: 16px;
	margin: 0 0 40px;
	text-align: center;
}
.chat #time th {
	padding-right: 1rem
}
.chat #time th, .chat #time td {
	font-size: 16px;
	font-weight: 400;
	line-height: 2
}
.chusyaku {
	font-size: 13px;
}
.chat #relation h4 a {
	color: #333333;
	text-decoration: none;
}
.chat #relation .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto 60px;
	flex-wrap: nowrap;
}
.chat #relation .item:nth-child(odd) {
	flex-direction: row-reverse;
}
.chat #relation .item div img {
	max-width: 450px;
}
.chat #relation .item:last-child {
	margin-bottom: 0;
}
.chat #relation .item:nth-child(even) div img {
	margin-left: 40px;
}
.chat #relation .item:nth-child(odd) div img {
	margin-right: 40px;
}
.chat #relation h4 {
	margin: 0 0 0.5rem;
	font-size: 19px;
	line-height: 1.5
}
.chat .item h4 a {
	text-decoration: underline !important;
	font-weight: 600 !important;
}
.chat section.line_contents {
	align-content: space-between;
	align-items: flex-start;
	background: #e5ebf2;
	display: flex;
	justify-content: space-around;
	margin-bottom: 5.4%;
	padding: 4%
}
.chat section.line_contents > img {
	height: auto;
	max-width: 180px;
	order: 1;
	width: 100%
}
.chat section.line_contents > .wrap {
	align-content: space-between;
	display: flex;
	flex-direction: column;
	order: 2
}
.chat section.line_contents > .wrap .lead {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: left
}
.chat section.line_contents > .wrap img[src$=svg] {
	margin: 0 auto 2%;
	max-width: 100px
}
.chat .line_contents .button a {
	background: #06c755 url("/chat/231004/img/chat_icon_arrow_md_wht.png") no-repeat 90% center/3%;
	color: #fff !important;
	display: block;
	font-size: 18px;
	font-weight: 500 !important;
	letter-spacing: .05em;
	line-height: 1;
	text-align: center;
	text-decoration: none !important;
	width: 275px
}
.wrap {
	padding-top: 40px;
}
.chat .pc_none {
	display: none !important
}
.chat .wo_inbound {
	display: none
}
/*************************
PC only
*************************/
@media(min-width:862px) {
	.breadcrumbs {
		background-color: #bdd6f0;
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
		padding-right: calc(50vw - 50%);
		padding-left: 20px;
	}
	.chat #time .row .person p {
		height: 6em
	}
	.tit .webstylist img {
		width: 70%;
		margin-left: 44px;
	}
	.STEP {
		display: flex;
		align-items: center;
	}
	.STEP:before, .STEP:after {
		content: "";
		height: 2px;
		flex-grow: 1;
		background-color: #bdd6f0;
	}
	.STEP:before {
		margin-right: 40px;
	}
	.STEP:after {
		margin-left: 40px;
	}
}
/*************************
SP only
*************************/
@media(max-width:861px) {
	.top {
		padding-right: 0;
		padding-left: 0;
	}
	.chat {
		width: 100%;
		margin-bottom: 60px;
	}
	.lead-box {
		padding: 0px 16px 50px;
	}
	.lead-box .Closed-style01 {
		padding: 10px;
	}
	.chat .lead-box .Closed-style01 p, .chat .Closed-style02 p {
		font-size: 3.5vw;
	}
	.chat .Closed-style01 span, .chat .Closed-style02 span {
		font-size: 3.5vw;
	}
	.chat .lead-box .Closed-style01 .Closed-text li {
		line-height: 1.6;
	}
	.chat .lead-box .Closed-style01 .Closed-text li + li {
		margin-top: 10px;
	}
	.chat .button.col_1 > a {
		margin: 6.0606060606061% 0 7.5757575757576%;
		padding: 5.2424242424242% 0;
		width: 100%
	}
	.chat .Inner section {
		margin: 60px 0 0;
		width: 100%
	}
	.chat #consult {
		margin: 35px 0 0;
		width: 100%
	}
	.chat .note li {
		font-size: 12px
	}
	.chat li, .chat dt, .chat dd {
		font-size: 3.5vw;
		margin: 0
	}
	.chat p, .chat p.lead, .chat ul, .chat ol, .chat #consult .row .balloon table th, .chat #consult .row .balloon table td {
		font-size: 14px;
	}
	.chat ul li {
		line-height: 2
	}
	.chat ul li a, .chat a {
		color: #333;
		text-decoration: underline
	}
	.chat #mv h1 img {
		padding: 0
	}
	.chat .bnr {
		margin-bottom: 2em
	}
	.chat #consult h2, .chat #howto h2, .chat #time h2 {
		margin: 0 auto 35px;
		text-align: center;
		width: 91.445%;
	}
	.icon {
		margin-bottom: 0;
	}
	.chat #introduction p {
		font-size: 4vw;
		letter-spacing: 0.04em;
	}
	.chat #consult #slider {
		height: auto;
		width: 90.909090909090909%
	}
	.chat #consult #slider .slick-prev, .chat #consult #slider .slick-next {
		height: 40px !important;
		width: 40px !important
	}
	.chat #consult #slider .slick-prev {
		left: -24px !important
	}
	.chat #consult #slider .slick-next {
		right: -24px !important
	}
	.balloon_1 p {
		font-size: 14px !important;
		line-height: 1.7 !important;
	}
	.fontBig {
		font-size: 17px;
		font-weight: bold;
	}
	.txOr {
		color: #d68f05;
	}
	.tit {
		color: #425870;
		display: block;
		width: 100%;
		margin: 30px auto 22px;
		justify-content: space-between;
	}
	.tit p {
		text-align: center;
	}
	.tit .webstylist {
		text-align: center;
		margin-top: 15px;
	}
	.tit .webstylist img {
		width: 50%;
	}
	.balloon_1 {
		background: #fff;
		border: #425870 solid 2px;
		border-radius: 24px;
		padding: 15px;
		position: relative;
		width: 235px;
		height: 66.913580246914%;
		margin: 0% auto;
		z-index: 1;
		display: flex;
		justify-content: center;
	}
	.balloon_1::after {
		background: url("/chat/231004/img/chat_bg_sp_balloon.png") top left no-repeat;
		background-size: contain;
		content: '';
		bottom: -29px;
		height: 23px;
		left: 44%;
		right: inherit;
		top: inherit;
		transform: rotate(90deg);
		width: 35px;
	}
	.icon {
		margin: 0;
		width: 13%;
	}
	h3 p {
		margin-bottom: 0 !important;
	}
	.step1_3 .h3Tx {
		line-height: 2.5 !important;
	}
	.h3Tx {
		font-size: 18px !important;
		font-weight: 600 !important;
		margin-left: 10px !important;
		margin-bottom: 0 !important;
	}
	.chusyaku {
		font-size: 12px;
	}
	.chat #howto p, .center-tx {
		font-size: 14px;
		margin: 10px 0 20px;
		text-align: center;
	}
	.step1_3 + .step1_3 {
		margin-top: 40px;
	}
	.step1_3 .col1 picture {
		display: inline-block;
		width: 48%;
	}
	.howto li, .howto_2 li {
		text-align: center;
		width: 90%;
		margin: auto;
	}
	.howto li + li, .howto_2 li + li {
		margin-top: 25px;
	}
	.howto_2 {
		width: 100%;
	}
	.chat #time {
		padding-bottom: 0 !important;
	}
	.chat #time .row .person {
		margin: auto;
		width: 36%
	}
	.chat #time .row .person div {
		order: 1
	}
	.chat #time .row .person div img {
		width: 33.030303030303%
	}
	.chat #time .row .person p {
		font-size: 3.2vw;
		margin: 0;
		order: 2
	}
	.chat #time .row .balloon::after {
		background: url("/chat/231004/img/chat_bg_sp_balloon.png")top left no-repeat;
		background-size: contain;
		content: '';
		bottom: -29px;
		height: 23px;
		left: 44%;
		right: inherit;
		top: inherit;
		transform: rotate(90deg);
		width: 35px
	}
	.chat #time .row {
		flex-direction: column;
		justify-content: flex-start;
		margin: 0;
		padding: 0;
		width: 100%
	}
	.chat #time th, .chat #time td {
		font-size: 3.73334vw;
		font-weight: 400;
		line-height: 2
	}
	.chat #time .row .balloon {
		border-width: 2px;
		border-radius: 18px;
		margin-bottom: 29px;
		padding: 10% 5%;
		width: 100%
	}
	.chat #time .row .balloon table {
		margin-bottom: 0
	}
	.chat #time .note {
		margin-top: 5%;
	}
	.chat .center-tx {
		margin: 25px auto 0;
	}
	.chat #consult h2 {
		margin-bottom: 9.091%;
		width: 56.363636363636%
	}
	.chat #consult p {
		font-size: 14px;
		margin: 0;
		padding-bottom: 20px;
		text-align: center;
	}
	.chat #time h2 {
		margin-bottom: 9.091%;
		width: 68.94%
	}
	.wrap {
		padding-top: 0;
	}
	.line_contents {
		margin-top: 35px !important;
	}
	.chat #consult .inquiry {
		border-width: 3px;
	}
	.chat #relation .item, .chat #relation .item:nth-child(odd) {
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}
	.chat #relation .item div {
		margin: 0 auto;
	}
	.chat #relation .item div img {
		max-width: 100%;
		margin: 0 auto;
	}
	.chat #relation .item:nth-child(even) div img {
		margin-left: 0;
	}
	.chat #relation .item:nth-child(odd) div img {
		margin-right: 0;
	}
	.chat #relation h4 {
		font-size: 3.8vw;
		margin: 5.4545454545455% 0 2.6666666666667%;
	}
	.chat .point h3, .chat .relation h3 {
		border-bottom: 2px solid #425870;
		font-size: 14px;
		margin: 5.556% 0 5.334%;
		padding: 0 0 1.556%;
		font-weight: 600 !important;
	}
	.chat .item h4 a {
		font-size: 14px;
	}
	.chat section.line_contents {
		flex-direction: column;
		margin-bottom: 9%;
		padding: 8.334% 5.334%
	}
	.chat section.line_contents > img {
		margin: 0 auto 5.4%;
		max-width: 60px
	}
	.chat section.line_contents > .wrap .lead {
		font-size: 14px;
	}
	.chat section.line_contents > .wrap img[src$=svg] {
		margin: 0 auto 5.4%;
		max-width: 60px
	}
	.chat .pc_none {
		display: block !important
	}
	.chat .sp_none {
		display: none !important
	}
}
@media(max-width:480px) {
	.chat .button.col_1 > a {
		font-size: 3.733333333333333vw;
		font-weight: 600 !important;
	}
}
html:lang(en) h2, html:lang(zh-Hans) h2, html:lang(zh-Hant) h2 {
	width: 100% !important
}
html:lang(en) h2 span.wo_inbound, html:lang(zh-Hans) h2 span.wo_inbound, html:lang(zh-Hant) h2 span.wo_inbound {
	color: #425870;
	font-size: 50px;
	text-align: center
}
html:lang(en) h2 img, html:lang(en) h2 img.pc_none, html:lang(en) h2 img.sp_none, html:lang(zh-Hans) h2 img, html:lang(zh-Hans) h2 img.pc_none, html:lang(zh-Hans) h2 img.sp_none, html:lang(zh-Hant) h2 img, html:lang(zh-Hant) h2 img.pc_none, html:lang(zh-Hant) h2 img.sp_none {
	display: none !important
}
@media(max-width:861px) {
	html:lang(en) h2 span.wo_inbound, html:lang(zh-Hans) h2 span.wo_inbound, html:lang(zh-Hant) h2 span.wo_inbound {
		font-size: 24px
	}
	html:lang(en) h2 img.pc_none, html:lang(zh-Hans) h2 img.pc_none, html:lang(zh-Hant) h2 img.pc_none {
		display: none !important
	}
}
.chat div.container section#bnr {
	padding: 3.8335% 0 0
}
@media(max-width:861px) {
	.chat div.container section#bnr {
		padding: 6.06% 0 0
	}
}