@charset "utf-8";
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
@media all and (min-width: 768px) {
	.sp {
		display: none !important;
	}
}
@media all and (max-width: 767px) {
	.pc {
		display: none !important;
	}
}
.l-main {
	padding-bottom: 144px;
}
.page-id-1782 .l-main {
	padding-bottom: 0 !important;
}
img {
	max-width: 100%;
}
.content {
	margin: 0 auto;
	max-width: 1100px;
}
a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}
@media all and (max-width: 767px) {
	.l-main {
		padding-bottom: 100px;
	}
	.content {
		margin: 0;
		max-width: inherit;
	}
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
}
/*------------------------------------------------------------
	page-title
------------------------------------------------------------*/
.page-title {
	margin-bottom: 49px;
	padding: 0 20px;
	background: url(assets/images/online/page_bg.jpg) no-repeat center center / cover;
}
.page-title .page-img {
	margin: 0 auto;
	padding-right: 56px;
	max-width: 954px;
	box-sizing: content-box;
}
@media all and (max-width: 767px) {
	.page-title {
		margin-bottom: 49px;
		padding: 0;
		background: linear-gradient(135deg, rgba(74, 159, 217, 1) 0%, rgba(30, 90, 168, 1) 100%);
	}
	.page-title .page-img {
		margin: 0;
		padding-right: 0;
		max-width: inherit;
	}
	.page-title .page-img img {
		width: 100%;
	}
}
/*------------------------------------------------------------
	head-line01
------------------------------------------------------------*/
.head-line01 {
	margin-bottom: 64px;
}
.head-line01 .jp {
	margin-bottom: -5px;
	font-size: 15px;
	font-weight: 700;
	display: block;
}
.head-line01 .en {
	display: block;
	font-size: 72px;
	font-weight: 700;
	font-style: italic;
	line-height: 1.2;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media all and (max-width: 767px) {
	.head-line01 {
		margin: 0 -10px 28px 0;
	}
	.head-line01 .jp {
		margin: 0 0 1px;
		font-size: 12px;
	}
	.head-line01 .en {
		font-size: 34px;
	}
}
/*------------------------------------------------------------
	com-btn
------------------------------------------------------------*/
.com-btn {
	margin: 0 auto;
	width: 263px;
}
.com-btn a {
	padding: 0 50px 2px 25px;
	min-height: 56px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	border-radius: 28px;
	color: #FFF;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	background: #ff8c42 url(assets/images/online/icon02.png) no-repeat right 17px top calc(50% - 1px) / 28px;
	box-sizing: border-box;
}
@media all and (min-width: 768px) {
	.com-btn a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 767px) {
	.com-btn {
		width: 240px;
	}
	.com-btn a {
		padding: 0 50px 0 25px;
		min-height: 50px;
		font-size: 18px;
		background-size: 25px;
		background-position: right 16px center;
	}
}
/*------------------------------------------------------------
	com-text
------------------------------------------------------------*/
.com-text {
	padding-left: 29px;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.99;
}
.com-text .bg-text {
	font-weight: 700;
	background: -webkit-linear-gradient(rgba(255, 140, 66, 0.51),rgba(255, 140, 66, 0.51)) repeat-x center bottom / 100% 6px;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
@media all and (max-width: 767px) {
	.com-text {
		padding-left: 0;
		font-size: 14px;
		line-height: 1.75;
	}
}
/*------------------------------------------------------------
	online-contact
------------------------------------------------------------*/
#online-contact .text-box .text {
	margin-bottom: 34px;
	font-weight: 500;
	line-height: 2.2;
}
#online-contact .text-box .text .note {
	padding-left: 2em;
	display: block;
	text-indent: -2em;
}
#online-contact .wpcf7 select,
#online-contact .wpcf7 .wpcf7-list-item-label {
	font-size: 16px;
    padding: 15px 20px;
    line-height: 1.2;
	position: relative;
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
#online-contact .wpcf7 select {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="black" d="M7 10l5 5 5-5z"/></svg>');
	background-repeat: no-repeat;
	background-position: right 10px center;
	padding-right: 30px;
	color: #000 !important;
}
@media all and (min-width: 768px) {
	#online-contact .text-box .text a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 767px) {
	#online-contact .text-box .text {
		margin-bottom: 26px;
		font-size: 14px;
		line-height: 2;
	}
	#online-contact .wpcf7 select {
		width: 100%;
		max-width: 100%;
	}
}
/*------------------------------------------------------------
	online
------------------------------------------------------------*/
#online .page-title {
	margin-bottom: 84px;
}
#online .liquid {
	margin-bottom: 144px;
	padding: 100px 56px 65px;
	background: rgba(74, 159, 217, 0.2);
	position: relative;
	z-index: 1;
}
#online .liquid::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(assets/images/online/liquid_bg01.png) no-repeat center top / 100%;
	content: '';
	mix-blend-mode: color-burn;
	z-index: -1;
}
#online .liquid .head-line01 {
	padding: 0 5px;
}
#online .liquid .img-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#online .liquid .img-box .text-area {
	margin-bottom: 40px;
	width: calc(100% - 355px);
}
#online .liquid .img-box .text-area .area {
	margin-bottom: 69px;
	padding: 5px 10px 32px;
	background: #FFF;
	position: relative;
}
#online .liquid .img-box .text-area .area:first-child::before {
	position: absolute;
	bottom: -33px;
	left: 50%;
	transform: translateX(-50%);
	width: 44px;
	height: 43px;
	background: url(assets/images/online/icon01.png) no-repeat left top / 100%;
	content: '';
}
#online .liquid .img-box .text-area .area:last-child {
	margin-bottom: 0;
}
#online .liquid .img-box .text-area .area .h-title {
	margin: -27px auto 20px;
	padding: 7px 5px 10px 20px;
	width: 278px;
	color: #FFF;
	background: #1e5aa8;
	border-radius: 24px;
}
#online .liquid .img-box .text-area .area .h-title small {
	margin-right: 3px;
	font-size: 12px;
	vertical-align: 7px;
}
#online .liquid .img-box .text-area .area .h-title .number {
	margin-right: 7px;
	font-size: 22px;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-style: italic;
	vertical-align: 4px;
}
#online .liquid .img-box .text-area .area .h-title .jp {
	font-size: 32px;
}
#online .liquid .img-box .text-area .area:nth-child(2) .h-title {
	background: #4A9FD9;
}
#online .liquid .img-box .text-area .area:nth-child(2) .h-title .number {
	margin-right: 15px;
}
#online .liquid .img-box .photo {
	margin: -76px -47px 0 0;
	width: 398px;
}
#online .liquid .text-box {
	margin-bottom: 49px;
}
#online .liquid .text-box .text {
	margin-bottom: 8px;
	font-size: 18px;
	font-weight: 700;
	line-height: 2.02;
}
#online .liquid .text-box .text .bg-text {
	padding: 7px 13px 6px;
	color: #FFF;
	background: -webkit-linear-gradient(#ff8c42,#ff8c42) repeat-x center center / 100% 100%;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
#online .liquid .text-box .text .big {
	font-size: 27px;
}
#online .liquid .text-inner {
	margin-bottom: 68px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#online .liquid .text-inner .text-list {
	margin-bottom: 0;
}
#online .liquid .text-inner .text-list li {
	display: flex;
	flex-wrap: nowrap;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.93;
}
#online .liquid .text-inner .text-list li .title {
	white-space: nowrap;
}
#online .liquid .text-inner .l-box {
	width: 70.1%;
}
#online .liquid .text-inner .sub-box {
	padding: 27px 10px 29px 45px;
	background: rgba(255, 255, 255, 0.7);
}
#online .liquid .text-inner .r-box {
	width: 25.5%;
}
#online .liquid .text-inner .r-box .top-text {
	margin: -21px 0 7px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}
#online .liquid .text-inner .r-box .sub-box {
	padding: 14px 47px 15px;
	height: 100%;
}
#online .liquid .bottom-box {
	margin-bottom: 55px;
	padding: 50px 0 66px;
	background: #FFF;
}
#online .liquid .bottom-box .text-img {
	margin: 0 auto 25px;
	max-width: 474px;
}
#online .liquid .bottom-box .text-ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}
#online .liquid .bottom-box .text-ul li {
	padding-bottom: 5px;
	width: 151px;
	height: 151px;
	border: 1px solid #1e5aa8;
	box-sizing: border-box;
	border-radius: 50%;
	color: #1e5aa8;
	font-size: 22px;
	font-weight: 700;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
#online .liquid .bottom-box .text {
	margin: -45px 65px 0 0;
	text-align: right;
	font-size: 15px;
	font-weight: 500;
}
#online .out-img-box {
	margin-bottom: 162px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#online .out-img-box .text-box {
	margin: 13px -30px 0 2px;
	width: calc(100% - 460px);
}
#online .out-img-box .text-box .title-img {
	margin-bottom: 30px;
	max-width: 523px;
}
#online .out-img-box .text-box .com-text {
	padding-left: 0;
	font-size: 16px;
	line-height: 2;
}
#online .out-img-box .text-box .sub-box {
	margin-top: 36px;
	padding: 21px 20px 19px 30px;
	display: flex;
	justify-content: space-between;
	border-radius: 18px;
	border: 1px solid #1e5aa8;
}
#online .out-img-box .text-box .sub-box .title {
	margin-right: 14px;
	color: #1e5aa8;
	font-size: 31px;
	font-weight: 700;
	white-space: nowrap;
}
#online .out-img-box .text-box .sub-box .text {
	margin-top: -4px;
	color: #1e5aa8;
	font-weight: 700;
	line-height: 1.3;
}
#online .out-img-box .photo-box {
	width: 478px;
}
#online .voice {
	margin-bottom: 91px;
	padding: 66px 0 80px;
	background: rgba(74, 159, 217, 0.2);
}
#online .voice .head-line01 {
	margin-bottom: 23px;
	color: #1e5aa8;
	text-align: center;
}
#online .voice .head-line01 .jp {
	margin-bottom: -11px;
	font-size: 16px;
}
#online .voice .head-line01 .en {
	font-size: 85px;
}
#online .voice .text-img {
	margin: 0 auto 34px;
	padding: 0 20px;
	max-width: 782px;
	box-sizing: content-box;
}
#online .voice .text {
	font-weight: 700;
	text-align: center;
}
#online .banner {
	padding: 0 20px;
	position: relative;
	box-sizing: content-box;
}
#online .banner .com-btn {
	position: absolute;
	bottom: 69px;
	left: 15.9%;
	width: 277px;
}
#online .banner .com-btn a {
	min-height: 59px;
	background-size: 30px;
	background-position: right 16px center;
}
#online .content.style01 {
	padding: 0 20px;
	box-sizing: content-box;
}
#online .p-link {
	margin-left: auto;
	width: fit-content;
}
#online .p-link a {
	font-weight: 500;
	text-decoration: underline;
}
@media all and (min-width: 768px) and (max-width: 1100px) {
	#online .liquid {
		padding: 100px 20px 65px;
	}
	#online .liquid .img-box .photo {
		margin: -40px -20px 0 0;
		width: 240px;
	}
	#online .liquid .img-box .text-area {
		margin-right: -10px;
		width: calc(100% - 220px);
	}
	#online .liquid .com-text {
		padding-left: 0;
	}
	#online .liquid .text-inner .l-box {
		width: 60%;
	}
	#online .liquid .text-inner .r-box {
		width: 38%;
	}
	#online .liquid .bottom-box .text-ul li {
		width: 120px;
		height: 120px;
		font-size: 18px;
	}
	#online .liquid .bottom-box .text {
		margin: -20px 30px 0 0;
	}
	#online .out-img-box {
		padding: 0 20px;
	}
	#online .out-img-box .photo-box {
		width: 240px;
	}
	#online .out-img-box .text-box {
		margin: 13px -30px 0 2px;
		width: calc(100% - 240px);
	}
	#online .out-img-box .text-box .sub-box {
		padding: 21px 20px;
	}
	#online .out-img-box .text-box .sub-box .title {
		font-size: 24px;
	}
	#online .banner .com-btn {
		width: 31vw;
		left: 10vw;
		bottom: 5vw;
	}
	#online .banner .com-btn a {
		min-height: 6.5vw;
		background-size: 3vw;
		background-position: right 2vw center;
		font-size: 2.5vw;
		border-radius: 4vw;
	}
}
@media all and (min-width: 768px) {
	#online .p-link a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 767px) {
	#online .page-title {
		margin-bottom: 0;
	}
	#online .liquid {
		margin-bottom: 64px;
		padding: 34px 18px 64px;
	}
	#online .liquid::before {
		background: url(assets/images/online/liquid_bg01_sp.png) no-repeat center top / 100%;
	}
	#online .liquid .head-line01 {
		padding: 0;
	}
	#online .liquid .head-line01 .jp {
		margin-left: 10px;
	}
	#online .liquid .img-box {
		display: block;
	}
	#online .liquid .img-box .text-area {
		margin-bottom: 31px;
		width: auto;
	}
	#online .liquid .img-box .text-area .area {
		margin-bottom: 49px;
		padding: 5px 18px 18px;
	}
	#online .liquid .img-box .text-area .area:first-child::before {
		bottom: -20px;
        width: 25px;
        height: 27px;
	}
	#online .liquid .img-box .text-area .area .h-title {
		margin: -20px auto 14px;
		padding: 5px 5px 7px 18px;
		width: 212px;
	}
	#online .liquid .img-box .text-area .area .h-title small {
		margin-right: 3px;
		font-size: 11px;
		vertical-align: 4px;
	}
	#online .liquid .img-box .text-area .area .h-title .number {
		margin-right: 9px;
		font-size: 17px;
		vertical-align: 3px;
	}
	#online .liquid .img-box .text-area .area .h-title .jp {
		font-size: 21px;
	}
	#online .liquid .img-box .text-area .area:nth-child(2) .h-title .number {
		margin-right: 12px;
	}
	#online .liquid .img-box .photo {
		margin: 0 auto 14px;
		padding-left: 33px;
        width: auto;
        max-width: 240px;
		box-sizing: content-box;
	}
	#online .liquid .text-box {
		margin-bottom: 28px;
	}
	#online .liquid .text-box .text {
		margin-bottom: 7px;
		font-size: 14px;
		line-height: 1.7;
	}
	#online .liquid .text-box .text.spec {
		line-height: 0.7;
	}
	#online .liquid .text-box .text .bg-text {
		padding: 4px 2px;
		line-height: 2.2;
	}
	#online .liquid .text-box .text .big {
		font-size: 19px;
		font-weight: 500;
	}
	#online .liquid .text-inner {
		margin-bottom: 39px;
		display: block;
	}
	#online .liquid .text-inner .text-list {
		margin-bottom: 0;
	}
	#online .liquid .text-inner .text-list li {
		margin-bottom: 0;
		font-size: 12px;
		line-height: 1.55;
	}
	#online .liquid .text-inner .text-list li:last-child {
		margin-bottom: 0;
	}
	#online .liquid .text-inner .l-box {
		margin-bottom: 32px;
		width: auto;
	}
	#online .liquid .text-inner .sub-box {
		padding: 18px 20px 16px 30px;
	}
	#online .liquid .text-inner .r-box {
		width: auto;
	}
	#online .liquid .text-inner .r-box .top-text {
		margin: 0 0 5px;
		font-size: 12px;
	}
	#online .liquid .text-inner .r-box .sub-box {
		padding: 16px 30px;
	}
	#online .liquid .text-inner .r-box .sub-box .text-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#online .liquid .text-inner .r-box .sub-box .text-list li {
		width: 48%;
	}
	#online .liquid .bottom-box {
		margin-bottom: 29px;
		padding: 35px 18px 33px;
	}
	#online .liquid .bottom-box .text-img {
		margin: 0 0 19px;
		max-width: inherit;
	}
	#online .liquid .bottom-box .text-img img {
		width: 100%;
	}
	#online .liquid .bottom-box .text-ul {
		gap: 0 8px;
	}
	#online .liquid .bottom-box .text-ul li {
		margin: -2px 0;
		padding-bottom: 0;
		width: calc((100% - 16px) / 3);
		height: auto;
		aspect-ratio: 1 / 1;
		font-size: 14px;
		text-align: center;
		line-height: 1.16;
	}
	#online .liquid .bottom-box .text {
		margin: -11px 0 0;
        text-align: center;
        font-size: 13px;
	}
	#online .out-img-box {
		margin: 0 18px 68px;
		display: block;
	}
	#online .out-img-box .text-box {
		margin: 13px 0 16px;
		width: auto;
	}
	#online .out-img-box .text-box .title-img {
		margin-bottom: 15px;
		max-width: 344px;
	}
	#online .out-img-box .text-box .com-text {
		padding-left: 0;
		line-height: 1.75;
		font-size: 14px;
	}
	#online .out-img-box .text-box .sub-box {
		margin-top: 15px;
		padding: 15px 16px 11px;
		border-radius: 9px;
		display: block;
	}
	#online .out-img-box .text-box .sub-box .title {
		margin-right: 0;
		font-size: 19px;
		white-space: inherit;
	}
	#online .out-img-box .text-box .sub-box .text {
		margin-top: 6px;
		font-size: 12px;
		line-height: 1.54;
	}
	#online .out-img-box .photo-box {
		margin: 0 2px;
		width: auto;
	}
	#online .out-img-box .photo-box img {
		width: 100%;
	}
	#online .voice {
		margin-bottom: 53px;
		padding: 54px 0 68px;
	}
	#online .voice .head-line01 {
		margin-bottom: 13px;
	}
	#online .voice .head-line01 .jp {
		margin-bottom: -1px;
		font-size: 11px;
	}
	#online .voice .head-line01 .en {
		font-size: 44px;
	}
	#online .voice .text-img {
		margin: 0 28px 25px;
	}
	#online .voice .text-img img {
		width: 100%;
	}
	#online .voice .text {
		font-size: 12px;
	}
	#online .banner {
		padding: 0 26px;
	}
	#online .banner .sub-img img {
		width: 100%;
	}
	#online .banner .com-btn {
		bottom: 10.29vw;
		width: 70.58vw;
	}
	#online .banner .com-btn a {
		min-height: 14.7vw;
		background-size: 7.35vw;
		font-size: 5.29vw;
		background-position: right 4.7vw top calc(50% - 1px);
		border-radius: 8.23vw;
	}
	#online .p-link {
		margin: 12px 0 0;
		width: auto;
		text-align: right;
	}
	#online .p-link a {
		font-size: 11px;
	}
}
@media all and (max-width: 339px) {
	#online .liquid .text-inner .sub-box {
		padding: 18px 15px 16px;
	}
	#online .liquid .text-inner .r-box .sub-box {
		padding: 16px 15px;
	}
}
/*------------------------------------------------------------
	tokutei
------------------------------------------------------------*/
#tokutei .page-title {
	margin-bottom: 148px;
}
#tokutei .h-title {
	margin-bottom: 60px;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
}
#tokutei .table-box table {
	width: 100%;
	border-collapse: collapse;
}
#tokutei .table-box th,
#tokutei .table-box td {
	padding: 38px 0 42px;
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	word-break: break-all;
	font-weight: 500;
	line-height: 1.86;
	border-bottom: 1px solid #bababa;
}
#tokutei .table-box th {
	width: 35.8%;
	padding-left: 90px;
	font-weight: 700;
	color: #1e5aa8;
}
#tokutei .table-box tr:last-child th,
#tokutei .table-box tr:last-child td {
	border-bottom: none;
}
@media all and (min-width: 768px) {
	#tokutei .table-box td a:hover {
		opacity: 0.7;
	}
}
@media all and (min-width: 768px) and (max-width: 800px) {
	.cf7__list dt {
		width: 31%;
	}
	.cf7__list dd {
		width: 59%;
	}
}
@media all and (min-width: 768px) and (max-width: 1100px) {
	#tokutei .table-box {
		padding: 0 20px;
	}
	#tokutei .table-box th,
	#tokutei .table-box td {
		font-size: 14px;
	}
	#tokutei .table-box th {
		padding-left: 30px;
	}
}
@media all and (max-width: 767px) {
	#tokutei .page-title {
		margin-bottom: 47px;
	}
	#tokutei .h-title {
		margin-bottom: 14px;
		font-size: 14px;
	}
	#tokutei .table-box {
		padding: 0 19px;
	}
	#tokutei .table-box th,
	#tokutei .table-box td {
		padding: 26px 0 20px;
		line-height: 1.75;
		font-size: 14px;
	}
	#tokutei .table-box th {
		width: 45.8%;
		padding-left: 0;
	}
}
.page-id-1778 .cf7__list dd {
	padding-top: 15px;
}
.page-id-1778 .wpcf7 p {
	margin-bottom: 0;
}
@media all and (max-width: 767px) {
	.page-id-1778 .cf7__list dd {
		padding-top: 0;
	}
	.page-id-1778 .wpcf7 p {
		margin-bottom: 1em;
	}
}