@charset "utf-8";

/* 共通
------------------------------------------------------------------*/
.content_low {
	padding: calc(100 / var(--break) * 100vw) 0 calc(200 / var(--break) * 100vw);
}
.main_page {
	background: url("images/page/bg_ttl_page.jpg")no-repeat center / cover;
	height: calc(500 / var(--break) * 100vw);
}
.page_main section:not(:last-child) {
	margin-bottom: calc(100 / var(--break) * 100vw);
}
.hdg2 .ja {
	text-shadow: 0 0 14px rgba(0, 0, 0, 0.2);
}
.hdg2 .en {
	text-shadow: 0 0 7px rgba(0, 53, 111, 0.35);
}
.hdg3 {
	background:url("images/page/hdg3_deco01.svg") no-repeat left top / calc(270 / var(--break) * 100vw),url("images/page/hdg3_deco02.svg") no-repeat right bottom / calc(270 / var(--break) * 100vw),linear-gradient(to bottom, #00356f, #07284d);
}
.hdg4 {
	margin-right: auto;
	margin-left: auto;
	max-width: calc(1500 / var(--break) * 100vw);
	background:url("images/page/hdg4_deco01.svg") no-repeat left top / calc(40 / var(--break) * 100vw),url("images/page/hdg4_deco01.svg") no-repeat right bottom / calc(40 / var(--break) * 100vw),linear-gradient(to bottom, #e96093, #f2396f);
}
.row_common01 .col_img:before {
	position: absolute;
	content: "";
	background-image: linear-gradient(to bottom, #e9effe, #f6f8fd);
	width: 100%;
	height: calc(100% - calc(30 / var(--break) * 100vw));
	left: calc(-30 / var(--break) * 100vw);
	bottom: 0;
	margin: auto;
	z-index: -1;
}
.row_common01.r_reverse .col_img:before {
	right:  calc(-30 / var(--break) * 100vw);
	left: auto;
}
.row_common02 .col_l {
	width: 24.2%;
	min-height: calc(100 / var(--break) * 100vw);
	padding: calc(10 / var(--break) * 100vw) calc(20 / var(--break) * 100vw);
}
.row_common02 .col_r {
	width: 75.8%;
	min-height: calc(100 / var(--break) * 100vw);
	padding: calc(10 / var(--break) * 100vw) calc(20 / var(--break) * 100vw);
}
.row_common03 .num {
	width: calc(180 / var(--break) * 100vw);
}
.row_common03 .box {
	width: calc(100% - calc(180 / var(--break) * 100vw));
}
.row_common05.flex {
	justify-content: center;
	gap:calc(20 / var(--break) * 100vw) 2%;
}
.row_common05 .col {
	width: 32%;
}
.row_common06 {
	gap:calc(20 / var(--break) * 100vw) 2.45%;
}
.row_common06 .col {
	width: 31.7%;
}
.row_common07 {
	gap:calc(20 / var(--break) * 100vw) 2%;
}
.row_common07 .col {
	width: 32%;
}
.flow_common .num {
	width: calc(80 / var(--break) * 100vw);
}
.flow_common .ttl {
	width: calc(100% - calc(80 / var(--break) * 100vw));
}
.flow_common .col_img {
	width: 30.3%;
}
.flow_common .col_txt {
	width: 65%;
}
.bg_common04 {
	background: url("images/reason/bg_reason02.jpg") no-repeat center / cover;
}
.tbl_common01.thead_center thead th {
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}
.tbl_common01 thead th {
	background: #0b9be1;
	color: #fff;
}
.tbl_common01 thead th:not(:last-of-type) {
	border-right: 1px solid #000000;
}
.tbl_common01 tbody th {
	background: #e9effe;
	color: #000000;
}
.tbl_common01 tr:not(:last-child) th {
    border-bottom: 1px solid #000000;
}
.tbl_common01 table {
	border: 1px solid #000000;
}
.tbl_common01 td{
	border-left: 1px solid #000000;
}
.box_common02 li {
	padding-left: calc(30 / var(--break) * 100vw);
}
.box_common02 li:before {
	border-radius: 0;
	top:calc(5 / var(--break) * 100vw);
	width: calc(20 / var(--break) * 100vw);
	height: calc(20 / var(--break) * 100vw);
	background: url("images/page/icn_check02.svg") no-repeat center / cover;
}
.qa_common01 {
	margin-right: auto;
	margin-left: auto;
	max-width: calc(1240 / var(--break) * 100vw);
}
.qa_common01 .box_q .txt .icn:after,.qa_common01 .box_q .txt .icn:before {
	background: #fff;
}
.qa_common01 .box_q .box {
	width: calc(80 / var(--break) * 100vw);
	height: calc(80 / var(--break) * 100vw);
}
.qa_common01 .box_q .txt {
    width: calc(100% - calc(80 / var(--break) * 100vw));
}
.bg_conversion01 {
	background: url("images/page/bg_conversion01.jpg") no-repeat center / cover;
}
.btn_conversion01 {
	width: calc(600 / var(--break) * 100vw);
}
.btn_conversion01 a {
	height: calc(120 / var(--break) * 100vw);
}
.btn_conversion01 a:before {
	position: absolute;
	content: "";
	background: url("images/page/icn_conversion01.svg") no-repeat left center / contain;
	width: calc(60 / var(--break)* 100vw);
	height: calc(60 / var(--break)* 100vw);
	left: calc(45 / var(--break) * 100vw);
	bottom: 0;
	top: 0;
	margin: auto;
}
.btn_conversion01 a:after {
	position: absolute;
	content: "";
	background: url("images/page/arw01.svg") no-repeat left center / contain;
	width: calc(15 / var(--break)* 100vw);
	height: calc(29 / var(--break)* 100vw);
	right: calc(40 / var(--break) * 100vw);
	bottom: 0;
	top: 0;
	margin: auto;
}
.row_conversion01 {
	gap:calc(20 / var(--break) * 100vw) 6.5%;
}
.row_conversion01 .col {
	width: 29%;
}
.row_conversion01 a{
	height: calc(80 / var(--break) * 100vw);
}
.row_conversion01 a:before {
	position: absolute;
	content: "";
	background: url("images/page/arw02.svg") no-repeat left center / contain;
	width: calc(8 / var(--break)* 100vw);
	height: calc(15 / var(--break)* 100vw);
	right: calc(20 / var(--break) * 100vw);
	bottom: 0;
	top: 0;
	margin: auto;
}
.row_conversion01 a:after {
	position: absolute;
	content: "";
	background: url("images/page/icn_conversion02.svg") no-repeat left center / contain;
	width: calc(40 / var(--break)* 100vw);
	height: calc(40 / var(--break)* 100vw);
	left: calc(20 / var(--break) * 100vw);
	bottom: 0;
	top: 0;
	margin: auto;
}
.row_conversion01 .col:nth-child(2) a:after {
	background: url("images/page/icn_conversion03.svg") no-repeat left center / contain;
}
.row_conversion01 .col:nth-child(3) a:after {
	background: url("images/page/icn_conversion04.svg") no-repeat left center / contain;
}
.row_video01 {
	gap: calc(20 / var(--break) * 100vw) 4%;
}
.row_video01 .col {
	width: 48%;
}

@media only screen and (min-width: 768px) and (max-width: 1599px) {
	.row_common01 .copy {
		font-size: calc(36 / var(--break) * 100vw);
	}
}
@media only screen and (min-width: 768px) and (max-width: 1299px) {
	.row_common01 .copy {
		font-size: calc(32 / var(--break) * 100vw);
	}
	.row_common04 .copy {
		font-size: calc(24 / var(--break) * 100vw);
	}
	.row_common05 .ttl {
		font-size: calc(24 / var(--break) * 100vw);
	}
	.row_common06 .ttl {
		font-size: calc(20 / var(--break) * 100vw);
	}
	.hdg3 {
		font-size: calc(30 / var(--break) * 100vw);
	}
}
@media only screen and (max-width: 767px) {
	.content_low {
		padding: 13vw 0 25vw;
	}
	.content_low .inner, .main_page .inner {
		max-width: calc(702 / var(--break) * 100vw);
	}
	.page_main section:not(:last-child) {
		margin-bottom: 20vw;
	}
	.main_page {
		background-image: url("images/page/bg_ttl_page_sp.jpg");
	}
	.hdg2 .ja {
		font-size: 1.5625rem;
	}
	.hdg2 .en {
		font-size: .9375rem;
	}
	.hdg3 {
		letter-spacing: 0;
	    background: url(images/page/hdg3_deco01.svg) no-repeat left top / calc(160 / var(--break) * 100vw), url(images/page/hdg3_deco02.svg) no-repeat right bottom / calc(160 / var(--break) * 100vw), linear-gradient(to bottom, #00356f, #07284d);
		font-size: calc(46 / var(--break) * 100vw);
	}
	.hdg4 {
		font-size: calc(40 / var(--break) * 100vw);
	}
	.copy_common01 {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
	.copy_common02 {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
	.arw_common01 {
		width: calc(350 / var(--break) * 100vw);
	}
	.col_img {
		text-align: center;
	}
	.row_common02 .col_l {
		width: 100%;
		letter-spacing: 0;
		padding: calc(20 / var(--break) * 100vw);
		font-size: calc(34 / var(--break) * 100vw) calc(10 / var(--break) * 100vw);
	}
	.row_common02 .col_r {
		width: 100%;
	}
	.row_common03 .num span{
		font-size: calc(80 / var(--break) * 100vw);
	}
	.row_common03 .txt {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
	.row_common05.flex {
		gap: calc(50 / var(--break) * 100vw) 3%;
	}
	.row_common05 .col {
		width: 48.5%;
	}
	.row_common05 .ttl {
		letter-spacing: 0;
		font-size: calc(32 / var(--break) * 100vw);
	}
	.row_common06 {
		gap: calc(40 / var(--break) * 100vw) 0;
	}
	.row_common06 .col {
    	width:100%;
		max-width: calc(646 / 750*100vw);
		margin-left: auto;
		margin-right: auto;
	}
	.row_common06 .ttl {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
	.row_common07 {
		gap: calc(50 / var(--break) * 100vw) 2%;
	}
	.row_common07 .col {
		width: 48%;
	}
	.row_common07 .icn {
		width: calc(30 / var(--break) * 100vw);
	}
	.row_common07 .txt {
		letter-spacing: 0;
		font-size: calc(32 / var(--break) * 100vw);
	}
	.box_common01 .txt{
		letter-spacing: 0;
		text-align: left;
		font-size: calc(36 / var(--break) * 100vw);
	}
	.box_common01 .icn {
		line-height: 1;
		width: calc(30 / var(--break) * 100vw);
	}
	.box_common01 .point {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
	.box_common01 .txt {
		font-size: calc(32 / var(--break) * 100vw);
	}
	.box_common02 {
		padding: 6vw 5vw 7vw;
	}
	.box_common02 .ttl {
		padding: 2vw 3vw;
		letter-spacing: 0;
		font-size: calc(32 / var(--break) * 100vw);
	}
	.box_common02 li {
		padding-left: 6vw;
	}
	.box_common02 li:before {
		top: calc(9 / var(--break) * 100vw);
		width: calc(30 / var(--break) * 100vw);
		height: calc(30 / var(--break) * 100vw);
	}
	.flow_common .num {
		width: calc(100 / var(--break) * 100vw);
		font-size: calc(60 / var(--break) * 100vw);
	}
	.flow_common .ttl {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
		width: calc(100% - calc(100 / var(--break) * 100vw));
	}
	.flow_common .col_txt {
		width: 100%;
	}
	.flow_common .col_img {
		width: 100%;
		margin-bottom: 5vw;
	}
	.tbl_common01.thead_center thead th  {
		padding: 2vw 2vw 3vw;
	}
	.bg_common04 .copy {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
	.btn_conversion01 {
		width: calc(600 / var(--break) * 100vw);
	}
	.btn_conversion01 a {
		letter-spacing: 0;
		height: calc(100 / var(--break) * 100vw)!important;
		font-size: calc(34 / var(--break) * 100vw)!important;
	}
	.btn_common01 a:before {
		width: calc(12 / 750*100vw)!important;
		height: calc(22 / 750*100vw)!important;
		right: calc(45 / var(--break) * 100vw)!important;
	}
	.row_conversion01 {
		gap: calc(50 / var(--break) * 100vw) 0;
	}
	.row_conversion01 .col {
		width: 100%;
		max-width: calc(600 / 750*100vw);
		margin-left: auto;
		margin-right: auto;
	}
	.row_conversion01 a {
		letter-spacing: 0;
		height: calc(100 / var(--break) * 100vw)!important;
		font-size: calc(34 / var(--break) * 100vw)!important;
	}
	.row_conversion01 a:before {
		width: calc(12 / 750*100vw)!important;
		height: calc(22 / 750*100vw)!important;
		right: calc(45 / var(--break) * 100vw)!important;
	}
	.tbl_common01.js-scrollable table {
		width: calc(1200 / var(--break) * 100vw);
	}
	.tbl_common01.js-scrollable {
		overflow-x: auto!important;
	}
	.row_video01 {
		gap: calc(40 / var(--break) * 100vw) 0;
	}
	.row_video01 .col {
		width: 100%;
	}
}


/* デンタル・スイッチについて about
------------------------------------------------------------------*/
.bg_about01 {
	background: url("images/about/bg_about01.jpg") no-repeat center / cover;
}
.bg_about02 {
	background-image: linear-gradient(to top, #e9effe, #f6f8fd);
}
.box_about01 .txt {
	line-height: 2.4;
}
.row_about01 .col_img {
	width: 50%;
	min-height: calc(640 / var(--break) * 100vw);
	background: url("images/about/img_about04.jpg") no-repeat center / cover;
}
.num02 .row_about01 .col_img  {
	background: url("images/about/img_about05.jpg") no-repeat center / cover;
}
.num03 .row_about01 .col_img  {
	background: url("images/about/img_about06.jpg") no-repeat center / cover;
}
.num04 .row_about01 .col_img  {
	background: url("images/about/img_about07.jpg") no-repeat center / cover;
}
.num05 .row_about01 .col_img  {
	background: url("images/about/img_about08.jpg") no-repeat center / cover;
}
.row_about01 .col_txt {
	width: 50%;
}
.row_about01 .wrap {
	max-width: calc(740 / var(--break) * 100vw);
}
.box_about02 {
	background-image: linear-gradient(to top, #00356f, #07284d);
}
.box_about02 .num span {
	display: inline-block;
    background-image: linear-gradient(to top, #e96093, #f2396f), linear-gradient(to bottom, #f2396f, #f2396f);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
@media(min-width: 768px) and (max-width:1599px) {
	.row_about01 .ttl {
		font-size: calc(44 / var(--break) * 100vw);
	}
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	.bg_about01 .copy01 {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
	.box_about01 .copy {
		letter-spacing: 0;
		font-size: calc(34 / var(--break) * 100vw);
	}
	.box_about02 .num {
		font-size: calc(80 / var(--break) * 100vw);
	}
	.box_about02 .ttl {
		font-size: calc(40 / var(--break) * 100vw);
	}
	.row_about01 .wrap {
		max-width: 100%;
	}
	.row_about01 .col_txt {
		width: 100%;
		max-width: calc(646 / 750*100vw);
		margin-left: auto;
		margin-right: auto;
		padding: 0;
	}
	.row_about01 .col_img {
		width: 100%;
		min-height: calc(500 / var(--break) * 100vw);
		margin-bottom: 5vw;
	}
	.row_about01 .ttl {
		letter-spacing: 0;
		font-size: calc(40 / var(--break) * 100vw);
	}
}

/* 選ばれる理由 REASON
------------------------------------------------------------------*/
.bg_reason01 {
	background: url("images/reason/bg_reason01.jpg") no-repeat center / cover;
}
.bg_reason01 .copy01 {
	text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
}
.row_reason01 {
	max-width: calc(1240 / var(--break) * 100vw);
}
.row_reason01 .col_img {
	width: 35.5%;
}
.row_reason01 .col_img:before {
	position: absolute;
	content: "";
	background-image: linear-gradient(to top, #e9effe, #f6f8fd);
	width: 100%;
	height: calc(100% - calc(20 / var(--break) * 100vw));
	right: calc(-20 / var(--break) * 100vw);
	bottom: 0;
	margin: auto;
	z-index: -1;
}
.row_reason01 .col_txt {
	width: 59.7%;
}
.row_reason01.pt02 .col_img {
	width: 46.8%;
}
.row_reason01.pt02 .col_txt {
	width: 48.4%;
}
.row_reason01.pt02 .col_img:before {
	height: calc(100% - calc(30 / var(--break) * 100vw));
	right: calc(-30 / var(--break) * 100vw);
}
.row_reason02 {
	margin-right: auto;
	margin-left: auto;
	max-width: calc(1400 / var(--break) * 100vw);
}
.row_reason02 li:before {
	background: #f2396f;
}
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	.row_reason01 .copy {
		font-size: calc(30 / var(--break) * 100vw);
	}
	.row_reason01 .name .ja {
		font-size: calc(36 / var(--break) * 100vw);
	}
	.row_reason01 .name .job {
		font-size: calc(20 / var(--break) * 100vw);
	}
}
@media(max-width: 767px) {
	.bg_reason01 .copy01 {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
	.row_reason01.flex {
		flex-direction: column-reverse;
	}
	.row_reason01 .col_img {
		width: 100%!important;
		max-width: calc(450 / 750*100vw)!important;
		margin-left: auto;
		margin-bottom: 5vw;
		margin-right: auto;
	}
	.row_reason01 .col_txt {
		width: 100%!important;
		max-width: calc(646 / 750*100vw);
		margin-left: auto;
		margin-right: auto;
	}
	.row_reason01 .name .job {
		font-size: calc(32 / var(--break) * 100vw);
	}
	.row_reason01 .name .ja {
		font-size: calc(40 / var(--break) * 100vw);
	}
	.row_reason01 .name .en {
		letter-spacing: 0;
		font-size: calc(28 / var(--break) * 100vw);
	}
	.row_reason01 .copy {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
}


/* オペレーション設計 OPERATION
------------------------------------------------------------------*/
.row_operation01 {
	gap:calc(40 / var(--break) * 100vw) 3.2%;
}
.row_operation01 .col {
	width:48.4%;
}
.row_operation01 .num {
	width: calc(130 / var(--break) * 100vw);
}
.row_operation01 .copy {
	width: calc(100% - calc(130 / var(--break) * 100vw));
}
.row_operation02 {
	gap:calc(20 / var(--break) * 100vw) 1.3%;
}
.row_operation02 .col {
	width: 24%;
}
.bg_operation02 {
	background-image: linear-gradient(to bottom, #00356f, #07284d);
}
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	.row_operation02 .copy {
		font-size: calc(22 / var(--break) * 100vw);
	}
}
@media(max-width: 767px) {
	.row_operation01 {
		gap: calc(40 / var(--break) * 100vw) 0;
	}
	.row_operation01 .col {
		width: 100%;
	}
	.row_operation01 .num {
		font-size: calc(80 / var(--break) * 100vw);
	}
	.row_operation01 .copy {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
	.row_operation02 {
		gap: calc(40 / var(--break) * 100vw) 4%;
	}
	.row_operation02 .col {
		width: 48%;
	}
	.row_operation02 .icn {
		width: calc(180 / var(--break) * 100vw);
	}
	.row_operation02 .copy {
		letter-spacing: 0;
		font-size: calc(32 / var(--break) * 100vw);
	}
}


/* スタッフ教育 EDUCATION
------------------------------------------------------------------*/
.row_education01 .col_img {
	width: 50%;
	min-height: calc(680 / var(--break) * 100vw);
	background: url("images/education/img_education09.jpg") no-repeat center / cover;
}
.row_education01 .col_txt {
	width: 50%;
}
.row_education01 .wrap {
	max-width: calc(800 / var(--break) * 100vw);
}
@media(min-width: 768px) and (max-width:1599px) {
	.row_education01 .col_img  {
		min-height: calc(550 / var(--break) * 100vw);
	}
	.row_education01 .col_txt {
		padding: calc(20 / var(--break) * 100vw) calc(40 / var(--break) * 100vw);
	}
	.row_education01 .copy01 {
		font-size: calc(44 / var(--break) * 100vw);
	}
	.row_education01 .copy02 {
		font-size: calc(34 / var(--break) * 100vw);
	}
}
@media(min-width: 768px) and (max-width:1299px) {
	.row_education01 .col_txt {
		padding: calc(20 / var(--break) * 100vw) calc(40 / var(--break) * 100vw);
	}
	.row_education01 .copy01 {
		font-size: calc(40 / var(--break) * 100vw);
	}
	.row_education01 .copy02 {
		font-size: calc(30 / var(--break) * 100vw);
	}
}
@media(max-width: 767px) {
	.row_education01 .col_img {
		width: 100%;
		margin-bottom: 5vw;
		min-height: calc(500 / var(--break) * 100vw);
	}
	.row_education01 .col_txt {
		width: 100%;
		max-width: calc(646 / 750*100vw);
		margin-left: auto;
		margin-right: auto;
	}
	.row_education01 .copy01 {
		font-size: calc(40 / var(--break) * 100vw);
	}
	.row_education01 .copy02 {
		font-size: calc(36 / var(--break) * 100vw);
	}
}


/* 未就学児集患コンテンツ PATIENT-EDU
------------------------------------------------------------------*/
.video_common01 {
	max-width: 100%;
}
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	
}


/* 各種デザイン制作 DESIGN
------------------------------------------------------------------*/
.slide_clinic01 .slick-prev {
	background: url(images/page/arw_design01.svg)no-repeat center / cover;
	width: calc(30 / var(--break) * 100vw);
	height: calc(54 / var(--break) * 100vw);
	transform: translate(0);
	top: 0;
	bottom: 0;
	margin: auto;
	left: -7.2%;
	z-index: 1;
}
.slide_clinic01 .slick-next {
	background: url(images/page/arw_design01.svg)no-repeat center / cover;
	width: calc(30 / var(--break) * 100vw);
	height: calc(54 / var(--break) * 100vw);
	right: -7.2%;
	transform: translate(0) scaleX(-1);
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
}
.slide_clinic01 .slick-prev:before, .slide_clinic01 .slick-next:before {
	display: none;
}
.slide_clinic01 .slide_thumbnail li {
	width: 18%;
	margin-right: 2.5%;
	margin-bottom: 2%;
	opacity: .5;
	transition: .3s;
}
.slide_clinic01 .slide_thumbnail li.thumbnail-current {
	opacity: 1;
}
.slide_clinic01 .slide_thumbnail li:nth-child(5n), .slide_clinic01 .slide_thumbnail li:last-child {
	margin-right: 0;
}
.slide_clinic01 .slide_thumbnail li:hover {
	opacity: 1;
	transition: .3s;
	cursor: pointer;
}

@media(min-width: 768px) and (max-width:1599px) {

}
@media(min-width: 768px) and (max-width:1299px) {
	.slide_clinic01 .slick-prev {
		left: 2%;
	}
	.slide_clinic01 .slick-next {
		right: 2%;
	}
}
@media(max-width: 767px) {
	.slide_clinic01 .slick-prev, .slide_clinic01 .slick-next {
		width: calc(30 / var(--break) * 100vw);
		height: calc(54 / var(--break) * 100vw);
	}
	.slide_clinic01 .slick-prev {
		left: 3vw;
	}
	.slide_clinic01 .slick-next {
		right: 3vw;
	}
}


/* キャラクタースイッチくんの世界観 CHARA
------------------------------------------------------------------*/
.bg_chara01 {
	background: url("images/page/deco03.svg") no-repeat left top / calc(440 / var(--break) * 100vw),url("images/page/deco04.svg") no-repeat right bottom / calc(440 / var(--break) * 100vw);
}
.bg_chara01 .deco01 {
	width: calc(120 / var(--break) * 100vw);
	left: calc(180 / var(--break) * 100vw);
	top: calc(60 / var(--break) * 100vw);
}
.bg_chara01 .deco02 {
	width: calc(220 / var(--break) * 100vw);
	right: calc(210 / var(--break) * 100vw);
	bottom: 0;
}
.bg_chara02,.bg_chara03  {
	background-color: #eef8fb!important;
}
.bg_chara03 {
	background: radial-gradient(circle at 8% 18%, rgba(85, 194, 216, .17) 0 10%, transparent 10.2%), radial-gradient(circle at 92% 52%, rgba(243, 81, 136, .1) 0 12%, transparent 12.2%), #eef8fb;
}
.row_chara01 .icn {
	width: calc(220 / var(--break) * 100vw);
}
.row_chara01 .box {
	width: calc(100% - calc(285 / var(--break) * 100vw));
}
.row_chara01 .box:before {
	position: absolute;
	content: "";
	width:0;
	height:0;
	border-style:solid;
	border-width: calc(26 / var(--break) * 100vw) calc(27 / var(--break) * 100vw) calc(26 / var(--break) * 100vw) 0;
	border-color: transparent #0b9be1 transparent transparent;
	left: calc(-25 / var(--break) * 100vw);
	bottom: 0;
	top: 0;
	margin: auto;
}
.row_chara02 {
	max-width: calc(1460 / var(--break) * 100vw);
	gap:calc(20 / var(--break) * 100vw) 1.56%;
}
.row_chara02 .col {
	width: 15.1%;
}
@media(min-width: 768px) and (max-width:1599px) {
	.bg_chara01 .deco01 {
		width: calc(80 / var(--break) * 100vw);
		left: calc(100 / var(--break) * 100vw);
		top: calc(60 / var(--break) * 100vw);
	}
	.bg_chara01 .deco02 {
		width: calc(180 / var(--break) * 100vw);
		right: calc(100 / var(--break) * 100vw);
		bottom: 0;
	}
}
@media(min-width: 768px) and (max-width:1299px) {
	.bg_chara01 .deco01 {
		width: calc(80 / var(--break) * 100vw);
		left: calc(50 / var(--break) * 100vw);
		top: calc(60 / var(--break) * 100vw);
	}
	.bg_chara01 .deco02 {
		width: calc(140 / var(--break) * 100vw);
		right: calc(50 / var(--break) * 100vw);
		bottom: 0;
	}
	.bg_chara01 .copy {
		font-size: calc(40 / var(--break) * 100vw);
	}
}
@media(max-width: 767px) {
	.bg_chara01 .copy {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
	.bg_chara01 .deco01 {
		width: calc(99 / var(--break) * 100vw);
		left: 5vw;
		top: calc(60 / var(--break) * 100vw);
	}
	.bg_chara01 .deco02 {
		width: calc(177 / var(--break) * 100vw);
		right: 2vw;
		bottom: 0;
	}
	.row_chara01 .icn {
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 5vw;
	}
	.row_chara01 .box {
		width: 100%;
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
	.row_chara01 .box:before {
		transform: rotate(90deg);
		right: 0;
		left: 0;
		margin: auto;
		top: calc(-38 / var(--break) * 100vw);
		bottom: auto;
	}
	.row_chara02 {
		gap: calc(20 / var(--break) * 100vw) 2%;
	}
	.row_chara02 .col {
		width: 32%;
	}
}

:root {
  --navy: #102f5d;
  --navy-2: #1c4b78;
  --pink: #f35188;
  --cyan: #55c2d8;
  --pale: #edf8fb;
  --paper: #fffdf8;
  --ink: #16345c;
}



.switch-story {
  width: min(1180px, 100%);
  min-height: 100vh;
  margin: 0 auto;
  padding: 32px 22px 40px;
}

.switch-story__heading { text-align: center; }
.switch-story__eyebrow,
.chapter-label {
  margin: 0 0 8px;
  color: var(--pink);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .25em;
}

.switch-story__heading h1 {
  margin: 0;
  color: var(--navy);
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.35;
}

.switch-story__heading h1 span { color: var(--pink); }
.switch-story__heading > p:last-child { margin: 8px 0 0; font-size: 13px; color: #5b718e; }

.book-stage {
  display: flex;
  justify-content: center;
  margin-top: 22px;
  perspective: 1800px;
}

.book {
  position: relative;
  width: min(1000px, 92vw);
  aspect-ratio: 1000 / 620;
  filter: drop-shadow(0 24px 28px rgba(16, 47, 93, .18));
  transform-style: preserve-3d;
}

.book__base {
  position: absolute;
  inset: 10px -8px -10px;
  z-index: 0;
  border-radius: 22px;
  background: #dce8ed;
  box-shadow: inset 0 -8px 0 #cad9df;
}

.book-panel,
.turning-page {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  overflow: hidden;
  background: var(--paper);
}

.book-panel {
	z-index: 2; 
	margin-bottom: 0!important;
}
.book-panel--left {
  left: 0;
  border-radius: 18px 2px 2px 18px;
  box-shadow: inset -16px 0 22px -24px rgba(0,0,0,.55);
}
.book-panel--right {
  right: 0;
  border-radius: 2px 18px 18px 2px;
  box-shadow: inset 16px 0 22px -24px rgba(0,0,0,.55);
}

.book::after {
  content: "";
  position: absolute;
  z-index: 8;
  top: 8px;
  bottom: 8px;
  left: 50%;
  width: 2px;
  transform: translateX(-1px);
  background: linear-gradient(90deg, rgba(0,0,0,.08), rgba(255,255,255,.9), rgba(0,0,0,.08));
  pointer-events: none;
}

article.page,
.turning-page__face {
  width: 100%;
  height: 100%;
  padding: 8% 8.5%;
  background: var(--paper);
}

.page--blank { background: linear-gradient(135deg, #edf7f8, #dceff3); }

.turning-page {
  z-index: 7;
  transition: transform .76s cubic-bezier(.62, .02, .28, 1);
  transform-style: preserve-3d;
  will-change: transform;
}
.turning-page__face {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  overflow: hidden;
  box-shadow: 0 0 25px rgba(0,0,0,.12);
}
.turning-page--next { left: 50%; transform-origin: left center; transform: rotateY(0); }
.turning-page--next.is-turning { transform: rotateY(-180deg); }
.turning-page--prev { left: 0; transform-origin: right center; transform: rotateY(0); }
.turning-page--prev.is-turning { transform: rotateY(180deg); }

.book-hit {
  position: absolute;
  z-index: 12;
  top: 0;
  bottom: 0;
  width: 12%;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.book-hit--prev { left: 0; cursor: w-resize; }
.book-hit--next { right: 0; cursor: e-resize; }
.book-hit:disabled { cursor: default; }

.page h2 {
  margin: 0 0 4%;
  color: var(--navy);
  font-size: clamp(20px, 2.2vw, 31px);
  line-height: 1.4;
  letter-spacing: .01em;
}
.page h2 span,
.page h2 strong { color: var(--pink); }
.page p {
  margin: 0 0 3%;
  font-size: clamp(11px, 1.24vw, 16px);
  font-weight: 600;
  line-height: 1.85;
}
.page-number {
  position: absolute;
  right: 7%;
  top: 5%;
  color: #b4c7d2;
  font-size: clamp(13px, 1.4vw, 18px) !important;
  font-weight: 900 !important;
}

.cover-page {
  position: relative;
  background:
    radial-gradient(circle at 85% 18%, rgba(255,255,255,.95) 0 8%, transparent 8.3%),
    linear-gradient(150deg, #d9f3f6 0 49%, #fff 49.2% 68%, #ffe8f0 68.2%);
}
.cover-page::before {
  content: "";
  position: absolute;
  width: 38%;
  aspect-ratio: 1;
  right: -9%;
  top: -12%;
  border: 3px dashed rgba(243,81,136,.28);
  border-radius: 50%;
}
.cover-page__label { color: var(--pink); letter-spacing: .2em; font-size: 11px !important; }
.cover-page h2 { font-size: clamp(29px, 3.4vw, 50px); line-height: 1.15; }
.cover-page__lead { max-width: 48%; }
.cover-page__tap {
  position: absolute;
  right: 8%;
  bottom: 6%;
  color: var(--navy);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
}

.story-page { position: relative; }
.page--aqua { background: linear-gradient(145deg, #fff 0 64%, #e7f7fa 64.2%); }
.page--pink { background: linear-gradient(155deg, #fff 0 62%, #fff0f5 62.2%); }
.page--enemy { background: linear-gradient(145deg, #fff6f9, #fff); }
.page--enemy .emphasis {
  padding: 2.5% 3%;
  border-left: 4px solid var(--pink);
  color: var(--navy);
  background: #fff;
}

.characters {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0;
  width: 100%;
}
.characters img {
  width: 31%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 9px 8px rgba(16,47,93,.12));
}
.characters--cover {
  position: absolute;
  right: 0;
  bottom: 8%;
  width: 76%;
  justify-content: flex-end;
}
.characters--cover img:nth-child(2) { width: 36%; margin-inline: -8%; }
.characters--cover img:nth-child(3) { width: 28%; }
.characters--trio { height: 32%; margin: -1% 0 1%; }
.characters--trio img { width: 30%; max-height: 100%; }
.characters--duo { height: 35%; margin: -1% 0 2%; }
.characters--duo img { width: 38%; max-height: 100%; }
.characters--small { height: 23%; margin: -4% 0 0; }
.characters--small img { width: 25%; max-height: 100%; }
.characters--tools img:nth-child(1) { width: 34%; }
.characters--enemy img:first-child { transform: rotate(-5deg); }
.characters--enemy img:last-child { transform: rotate(5deg); }

.mini-badge,
.speech-card {
  display: inline-block;
  padding: 2.4% 4%;
  border-radius: 999px;
  color: var(--navy);
  background: #e1f5f8;
  font-size: clamp(11px, 1.1vw, 14px);
  font-weight: 800;
}
.speech-card { margin: 0 0 3%; background: #fff; border: 2px solid #ffd3e2; }

.habit-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin: 1% 0 0;
  padding: 0;
  list-style: none;
}
.habit-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 7px 9px;
  border: 1px solid #dbeaf0;
  border-radius: 12px;
  background: #fff;
  font-size: clamp(10px, 1vw, 13px);
}
.habit-list span { color: var(--pink); font-weight: 900; }

.scene-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin: 0 0 4%;
}
.scene-grid div {
  padding: 10px 6px;
  border: 1px solid #d9eaf0;
  border-radius: 12px;
  background: #fff;
  text-align: center;
}
.scene-grid b { display: block; color: var(--navy); font-size: clamp(10px, 1.1vw, 14px); }
.scene-grid small { display: block; margin-top: 4px; color: #6a7f95; font-size: clamp(8px, .8vw, 11px); }

.ending-page {
  position: relative;
  overflow: hidden;
  text-align: center;
  background: linear-gradient(145deg, #dff5f7, #fff 56%, #ffeaf1);
}
.ending-page h2 { margin-top: 7%; font-size: clamp(24px, 2.8vw, 39px); }
.characters--ending { height: 38%; margin: 0 0 1%; }
.characters--ending img { width: 31%; max-height: 100%; }
.ending-page__message {
  display: inline-block;
  margin-top: 1% !important;
  padding: 2% 7%;
  border-radius: 999px;
  color: #fff;
  background: var(--navy);
  letter-spacing: .2em;
}

.book-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin-top: 24px;
}
.book-button {
  min-width: 126px;
  padding: 11px 18px;
  border: 1px solid #c7dce5;
  border-radius: 999px;
  color: var(--navy);
  background: #fff;
  font-weight: 800;
  cursor: pointer;
}
.book-button--next { color: #fff; border-color: var(--pink); background: var(--pink); }
.book-button:disabled { opacity: .35; cursor: default; }
.page-status { min-width: 150px; text-align: center; color: var(--navy); font-size: 13px; font-weight: 800; }
.page-dots { display: flex; justify-content: center; gap: 7px; margin-top: 7px; }
.page-dots i { width: 7px; height: 7px; border-radius: 50%; background: #c9d9e0; }
.page-dots i.active { width: 20px; border-radius: 8px; background: var(--pink); }

@media (max-width: 700px) {
  .switch-story { padding-inline: 8px; }
  .book { width: 98vw; }
  .turning-page__face { padding: 7% 6%; }
  .chapter-label { font-size: 7px; }
  .book-panel .page h2 { font-size: clamp(12px, 3.5vw, 22px); }
  .book-panel .page p { font-size: clamp(7px, 2vw, 12px); line-height: 1.6; }
  .cover-page h2 { font-size: clamp(17px, 5vw, 31px); }
  .habit-list { gap: 3px; }
  .habit-list li { min-height: 28px; padding: 3px 5px; font-size: clamp(6px, 1.7vw, 10px); }
  .scene-grid { gap: 3px; }
  .scene-grid div { padding: 5px 2px; }
  .book-controls { gap: 8px; }
  .book-button { min-width: 98px; padding: 9px 12px; font-size: 12px; }
  .page-status { min-width: 92px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .turning-page { transition-duration: .01ms; }
}

/* Official character-story edition */
.source-note {
  margin: 18px 0 0;
  color: #71839a;
  font-size: 11px;
  text-align: center;
}

.official-cover {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 9%;
  background:
    radial-gradient(circle at 15% 15%, rgba(255,255,255,.95) 0 8%, transparent 8.3%),
    linear-gradient(155deg, #dff4f7, #fff 52%, #ffe9f1);
}
.official-cover__image {
  position: relative;
  z-index: 1;
  width: 108%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 12px 12px rgba(16,47,93,.1));
}
.official-cover__lead {
  max-width: none !important;
  margin-top: 8% !important;
  color: var(--navy);
  text-align: center;
}

.page--sky { background: linear-gradient(160deg, #e9f7fb, #fff 64%)!important; }
.page--yellow { background: linear-gradient(145deg, #fff8d9, #fff 66%)!important; }
.page--lab { background: linear-gradient(145deg, #f2f8fb, #fff 62%, #eef4fa)!important; }
.page--space { background: linear-gradient(145deg, #e9f5fb, #fff 60%, #ede9ff)!important; }
.page--dark {
  color: #fff;
  background: linear-gradient(145deg, #281e42, #101d3e 62%, #092b50)!important;
}
.page--dark h2,
.page--dark .page-number { color: #fff; }
.page--dark .chapter-label { color: #ff6a9d; }
.page--dark p { color: #f4f7ff; }

.story-visual {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 1% 0 4%;
}
.story-visual img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.story-visual--portrait { height: 51%; }
.story-visual--portrait img { max-width: 66%; }
.story-visual--wide { height: 35%; }
.story-visual--large { height: 48%; }
.story-visual--top { margin-top: 2%; }
.story-visual--ending { height: 52%; }
.story-visual--duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3%;
  height: 38%;
}
.story-visual--duo img { width: 100%; max-height: 100%; }
.story-visual--enemy-pair {
  grid-template-columns: .72fr 1.28fr;
  height: 30%;
  margin-bottom: 2%;
}
.page--dark .story-visual img { border-radius: 12px; }

.emphasis-copy {
  color: var(--pink);
  font-size: clamp(13px, 1.5vw, 19px) !important;
  font-weight: 900 !important;
  line-height: 1.65 !important;
}

.dialogue-text {
	font-size: calc(14 / var(--break) * 100vw)!important;
  padding: 2.4% 3.2%;
  border: 1px solid #cce6ed;
  border-radius: 13px;
  background: rgba(255,255,255,.86);
  line-height: 1.65 !important;
}
.dialogue-text--large { padding-block: 3.5%; }
.page--dark .dialogue-text {
  color: #f7f9ff;
  border-color: rgba(255,255,255,.18);
  background: rgba(255,255,255,.08);
}

.ending-copy {
  padding: 3.5% 4%;
  border-radius: 16px;
  color: #fff;
  background: var(--navy);
  font-size: clamp(12px, 1.35vw, 17px) !important;
  font-weight: 900 !important;
  text-align: left;
}

.back-cover {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: linear-gradient(145deg, #dff5f7, #fff 56%, #ffeaf1);
}
.back-cover img { width: 78%; height: auto; object-fit: contain; }
.back-cover p { margin-top: 8%; color: #657b95; font-size: clamp(8px, .85vw, 11px); }
.back-cover span {
  margin-top: 2%;
  color: var(--pink);
  font-size: clamp(10px, 1vw, 13px);
  font-weight: 900;
  letter-spacing: .25em;
}

.story-tags {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin: 0 0 4%;
  padding: 0;
  list-style: none;
}
.story-tags li {
  padding: 7px 9px;
  border-radius: 999px;
  color: var(--navy);
  background: #e2f4f8;
  font-size: clamp(9px, 1vw, 13px);
  font-weight: 900;
  text-align: center;
}

.story-list {
  display: grid;
  gap: 6px;
  margin: 0 0 3.5%;
  padding: 0;
  list-style: none;
}
.story-list li {
  position: relative;
  padding: 7px 10px 7px 30px;
  border: 1px solid #d9eaf0;
  border-radius: 10px;
  color: var(--navy);
  background: rgba(255,255,255,.9);
  font-size: clamp(9px, 1vw, 13px);
  font-weight: 800;
}
.story-list li::before {
  content: "✓";
  position: absolute;
  left: 10px;
  color: var(--pink);
  font-weight: 900;
}
.story-page > p:not(.page-number):not(.chapter-label) { margin-bottom: 2.2%; }

.story-point {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 38%;
  margin: 6% 0;
  padding: 9%;
  border: 2px solid #f2d052;
  border-radius: 50%;
  color: var(--navy);
  background: rgba(255,255,255,.78);
  text-align: center;
}
.story-point::before,
.story-point::after {
  content: "";
  position: absolute;
  width: 16%;
  height: 3px;
  border-radius: 99px;
  background: var(--pink);
}
.story-point::before { top: 12%; right: 5%; transform: rotate(-35deg); }
.story-point::after { bottom: 13%; left: 4%; transform: rotate(30deg); }
.story-point span { color: var(--pink); font-size: clamp(18px, 2.6vw, 35px); font-weight: 900; }
.story-point b { margin-top: 4%; font-size: clamp(12px, 1.25vw, 17px); line-height: 1.65; }

.dialogue {
  position: relative;
  margin-top: 4%;
  padding: 3.5% 5%;
  border: 2px solid #bde4ed;
  border-radius: 16px;
  color: var(--navy);
  background: #fff;
  font-size: clamp(10px, 1.1vw, 14px);
  font-weight: 900;
  line-height: 1.6;
  text-align: center;
}

.official-ending img {
  width: 92%;
  margin: 2% auto 5%;
  filter: drop-shadow(0 10px 10px rgba(16,47,93,.1));
}
.official-ending > p:not(.chapter-label):not(.ending-page__message) { max-width: 90%; margin-inline: auto; }

@media (max-width: 700px) {
  .source-note { font-size: 9px; }
  .story-visual--portrait { height: 47%; }
  .story-visual--wide { height: 32%; }
  .story-visual--large { height: 43%; }
  .story-visual--duo { height: 34%; gap: 2%; }
  .story-tags { gap: 3px; }
  .story-tags li { padding: 3px 4px; }
  .story-list { gap: 3px; }
  .story-list li { padding: 3px 5px 3px 18px; }
  .story-list li::before { left: 6px; }
  .dialogue { padding: 2% 3%; }
	.emphasis-copy {
		font-size: calc(14 / var(--break) * 100vw)!important;
	}
	.book-panel .page p {
		font-size: calc(14 / var(--break) * 100vw)!important;
	}
	.story-visual--large {
        height: 34%;
    }
}


/* 導入医院へのインタビュー INTERVIEW
------------------------------------------------------------------*/
.row_interview01 {
	max-width: calc(1140 / var(--break) * 100vw);
	gap:calc(40 / var(--break) * 100vw) 3.4%;
}
.row_interview01 .col {
	width: 48.3%;
}
.box_interview01 .wrap01 {
	margin-right: auto;
	margin-left: auto;
	max-width: calc(1240 / var(--break) * 100vw);
}
.row_interview02 {
	max-width: calc(1240 / var(--break) * 100vw);
	gap:calc(40 / var(--break) * 100vw) 1.55%;
}
.row_interview02 .col {
	width: 32.3%;
}
.row_interview03 {
	gap:calc(60 / var(--break) * 100vw) 4.1%;
}
.row_interview03 .col {
	width: 30.6%;
}
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	.row_interview01 .copy {
		font-size: calc(20 / var(--break) * 100vw);
	}
}
@media(max-width: 767px) {
	.bg_interview01 .copy01 {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
	.box_interview01 {
		padding: 6vw 5vw 7vw;
	}
	.box_interview01 .ttl {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
	.row_interview01 {
		gap: calc(40 / var(--break) * 100vw) 0;
	}
	.row_interview01 .col {
		width: 100%;
	}
	.row_interview01 .copy {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
	.row_interview01 .num {
		font-size: calc(80 / var(--break) * 100vw);
	}
	.row_interview01 .txt {
		line-height: 1.3;
		font-size: calc(60 / var(--break) * 100vw);
	}
	.row_interview03 {
		max-width: calc(646 / 750*100vw);
		margin-left: auto;
		margin-right: auto;
		gap: calc(60 / var(--break) * 100vw) 0;
	}
	.row_interview03 .col {
		width: 100%;
	}
	.row_interview03 .ttl {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
}


/* 資料請求・お問い合わせ　REQUEST
------------------------------------------------------------------*/
.row_request01 {
	gap:calc(20 / var(--break) * 100vw) 1.6%;
}
.row_request01 .col {
	width: 23.75%;
}
.row_request01 a {
	height: calc(120 / var(--break) * 100vw);
}
.row_request01 a:before {
	position: absolute;
	content: "";
	width:0;
	height:0;
	border-style:solid;
	border-width: calc(10 / var(--break) * 100vw) calc(15 / var(--break) * 100vw) 0 calc(15 / var(--break) * 100vw);
	border-color: #FFFFFF transparent transparent transparent;
	left: 0;
	bottom: calc(10 / var(--break) * 100vw);
	right: 0;
	margin: auto;
}
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	.row_request01 .col {
		width: 48%;
	}
	.row_request01 {
		gap:calc(40 / var(--break) * 100vw) 4%;
	}
	.row_request01 a {
		height: auto;
		padding: 3vw 2vw 5vw;
		line-height: 1.5;
		letter-spacing: 0;
		font-size: calc(32 / var(--break) * 100vw);
	}
}


/* 全国のデンタル・スイッチ式医院一覧 CLINIC
------------------------------------------------------------------*/
.bg_clinic01 {
	padding-bottom: calc(413 / var(--break) * 100vw);
	background: url("images/clinic/bg_clinic01.jpg") no-repeat center right / cover;
}
.wrap_clinic01 .en:before {
	left: 0;
	right: auto;
}
.wrap_clinic01 .copy {
	width: calc(320 / var(--break) * 100vw);
	height: calc(120 / var(--break) * 100vw);
}
.row_clinic01 {
	gap:calc(20 / var(--break) * 100vw) 4%;
}
.row_clinic01 .col {
	width: 48%;
}
.row_clinic01 .icn {
	width: calc(120 / var(--break) * 100vw);
}
.row_clinic02 {
	gap:calc(60 / var(--break) * 100vw) 2.45%;
}
.row_clinic02 .col {
	width: 31.7%;
}
.row_clinic02 .ttl {
	letter-spacing: 0;
}
.row_clinic02 .address {
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
}
.row_clinic02 .access {
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
}
.row_clinic02 .address span:before {
	position: absolute;
	content: "";
	background: url("images/page/icn_map01.svg") no-repeat left center / contain;
	width: calc(24 / var(--break)* 100vw);
	height: calc(24 / var(--break)* 100vw);
	left: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}
.row_clinic02 .access span:before {
	position: absolute;
	content: "";
	background: url("images/page/icn_access01.svg") no-repeat left center / contain;
	width: calc(24 / var(--break)* 100vw);
	height: calc(24 / var(--break)* 100vw);
	left: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}
.row_clinic02 a {
	position: relative;
}
.row_clinic02 a:before {
	position: absolute;
	content: "";
	background: url("images/page/arw05.svg") no-repeat left center / contain;
	width: calc(20 / var(--break)* 100vw);
	height: calc(16 / var(--break)* 100vw);
	right: calc(20 / var(--break) * 100vw);
	bottom: calc(20 / var(--break) * 100vw);
}
.row_clinic03 {
	gap:calc(40 / var(--break) * 100vw) 1.6%;
}
.row_clinic03 .btn {
	width: 23.75%;
	height: calc(120 / var(--break) * 100vw);
}
.row_clinic03 .btn:before {
	position: absolute;
	content: "";
	width:0;
	height:0;
	border-style:solid;
	border-width: calc(10 / var(--break) * 100vw) calc(15 / var(--break) * 100vw) 0 calc(15 / var(--break) * 100vw);
	border-color: #FFFFFF transparent transparent transparent;
	left: 0;
	bottom: calc(10 / var(--break) * 100vw);
	right: 0;
	margin: auto;
}
.btn_switch .btn {
	cursor: pointer;
}
.contents_switch .tab {
	display: none;
}
@media(min-width: 768px) and (max-width:1599px) {
	.row_clinic02 .ttl {
		font-size: calc(26 / var(--break) * 100vw);
	}
}
@media(min-width: 768px) and (max-width:1299px) {
	.bg_clinic01 {
		background: url("images/clinic/bg_clinic01.jpg") no-repeat center right 40% / cover;
	}
	.row_clinic02 .ttl {
		font-size: calc(24 / var(--break) * 100vw);
	}
}
@media(max-width: 767px) {
	.bg_clinic01 {
		padding-bottom: 105vw;
		background:  url(images/index/bg__nw01_sp.jpg) no-repeat left top / cover;
	}
	.wrap_clinic01 .ttl__common01 {
        text-align: center;
        margin-bottom: 4vw;
    }
	.wrap_clinic01 .ttl__common01 .en {
        letter-spacing: 0;
        font-size: calc(40 / var(--break) * 100vw);
        padding-bottom: 6vw;
        margin-bottom: 3vw;
    }
	.wrap_clinic01 .ttl__common01 .ja {
        line-height: 1.3;
        font-size: calc(60 / var(--break) * 100vw);
    }
	.wrap_clinic01 .copy {
        margin-right: auto;
        margin-left: auto;
        height: calc(100 / var(--break) * 100vw);
        font-size: calc(48 / var(--break) * 100vw);
    }
	.wrap_clinic01 .en:before {
		left: 0;
		right: 0;
		margin: auto;
	}
	.row_clinic01 {
		max-width: calc(646 / 750*100vw);
		margin-left: auto;
		margin-right: auto;
		gap: calc(40 / var(--break) * 100vw) 0;
	}
	.row_clinic01 .col {
		width: 100%;
	}
	.row_clinic01 .copy {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
	.row_clinic01 .num {
		font-size: calc(160 / var(--break) * 100vw);
	}
	.row_clinic01 .txt {
		font-size: calc(46 / var(--break) * 100vw);
	}
	.row_clinic03 {
		gap: calc(40 / var(--break) * 100vw) 4%;
	}
	.row_clinic03 .btn {
		width: 48%;
		height: auto;
		padding: 3vw 2vw;
		letter-spacing: 0;
		font-size: calc(32 / var(--break) * 100vw);
	}
	.row_clinic02 {
		max-width: calc(646 / 750*100vw);
		margin-left: auto;
		margin-right: auto;
		gap: calc(40 / var(--break) * 100vw) 0;
	}
	.row_clinic02 a:before {
		width: calc(25 / var(--break) * 100vw);
		height: calc(20 / var(--break) * 100vw);
		right: calc(20 / var(--break) * 100vw);
		bottom: calc(20 / var(--break) * 100vw);
	}
	.row_clinic02 .address span {
		padding-left: 5vw;
	}
	.row_clinic02 .address span:before {
		width: calc(30 / var(--break) * 100vw);
		height: calc(30 / var(--break) * 100vw);
		top: 0.7vw;
	}
	.row_clinic02 .access span:before {
		width: calc(30 / var(--break) * 100vw);
		height: calc(30 / var(--break) * 100vw);
		top: 0.7vw;
	}
	.row_clinic02 .ttl {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
	.row_clinic02 .col {
		width: 100%;
	}
	.row_clinic02 a {
		padding: 5vw;
		letter-spacing: 0;
		font-size: calc(32 / var(--break) * 100vw);
	}
}


/* 会社概要 PHILOSOPHY
------------------------------------------------------------------*/
.bg_philosophy01 {
	background: url("images/philosophy/bg_philosophy01.jpg") no-repeat center / cover;
}
.row_philosophy01 {
	gap:calc(20 / var(--break) * 100vw) 2%;
}
.row_philosophy01 .col {
	width: 32%;
}
.row_philosophy01 .icn {
	width: calc(200 / var(--break) * 100vw);
}
.row_philosophy01 .num {
	margin-top:calc(-40 / var(--break) * 100vw);
}
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	.row_philosophy01 .copy {
		font-size: calc(28 / var(--break) * 100vw);
	}
}
@media(max-width: 767px) {
	.bg_philosophy01 .copy01 {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
	.row_philosophy01 {
		max-width: calc(646 / 750*100vw);
		margin-left: auto;
		margin-right: auto;
		gap: calc(50 / var(--break) * 100vw) 0;
	}
	.row_philosophy01 .col {
		width: 100%;
	}
	.row_philosophy01 .num {
		font-size: calc(100 / var(--break) * 100vw);
	}
	.row_philosophy01 .copy {
		letter-spacing: 0;
		font-size: calc(36 / var(--break) * 100vw);
	}
}


/* 
------------------------------------------------------------------*/
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	
}


/* 
------------------------------------------------------------------*/
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	
}


/* 
------------------------------------------------------------------*/
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	
}


/* 
------------------------------------------------------------------*/
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	
}


/* 
------------------------------------------------------------------*/
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	
}

/* 症例紹介 case
------------------------------------------------------------------*/
.area_case_common01:not(:last-of-type) {
	margin-bottom: calc(60 / var(--break) * 100vw);
}
.box_case01 {
	position: relative;
	padding: calc(30 / var(--break) * 100vw) calc(50 / var(--break) * 100vw) calc(60 / var(--break) * 100vw);
}
.row_case01 {
	max-width: calc(1000 / var(--break) * 100vw);
	width: 100%
}
.row_case01 .en {
	height: calc(50 / var(--break) * 100vw);
}
.row_case01:after {
	border-left: calc(15 / var(--break) * 100vw) solid #ccc;
	border-top: calc(23 / var(--break) * 100vw) solid transparent;
    border-bottom: calc(23 / var(--break) * 100vw) solid transparent;
	top: calc(55 / var(--break) * 100vw);
}
.slide_case01 .slick-prev:before,.slide_case01 .slick-next:before {
	display: none;
}
.slide_case01 .slick-prev, .slide_case01 .slick-next {
    width: calc(30 / var(--break) * 100vw);
    height: calc(54 / var(--break) * 100vw);
    background: url(images/page/arw_slide.svg)no-repeat center / cover;
    z-index: 9;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: none;
}
.slide_case01 .slick-prev {
    left: -7.2%;
}
.slide_case01 .slick-next {
    right: -7.2%;
    transform: scaleX(-1);
}
.slide_case01 .slick-dots {
	margin-top: var(--size30px);
	position: relative !important;
	bottom: auto;
	line-height: 1;
}
.slide_case01 .slick-dots li {
	width: calc( 11 / var(--break) * 100vw);
	height: calc( 11 / var(--break) * 100vw);
	margin: 0 calc( 8 / var(--break) * 100vw);
}
.slide_case01 .slick-dots li button {
	width: calc( 11 / var(--break) * 100vw);
	height: calc( 11 / var(--break) * 100vw);
	padding: 0;
}
.slide_case01 .slick-dots li button:before {
	content: "";
	background: #ccc;
	width: calc( 11 / var(--break) * 100vw);
	height: calc( 11 / var(--break) * 100vw);
	border-radius: 50%;
	opacity: 1;
}
.slide_case01 .slick-dots li.slick-active button:before {
	background: #333;
	opacity: 1;
}
.slide_case01 .slick-dots li:only-child {
	display: none;
}
.row_case_common01 .col .case_img{
	height: calc(300 / var(--break) * 100vw);
}
.slide_case01 .tbl_case {
	max-width: calc(1000 / var(--break) * 100vw);
}
.tbl_case table {
	width: calc(100% - 1px);/*ボーダー右切れる対策*/
}
@media(min-width: 768px) and (max-width:1599px) {
}
@media(min-width: 768px) and (max-width:1299px) {
	.slide_case01 .slick-prev {
		left: calc(30 / var(--break) * 100vw);
	}
	.slide_case01 .slick-next {
		right: calc(30 / var(--break) * 100vw);
	}
}
@media(max-width: 767px) {
	.area_case_common01 .ttl {
		font-size: 1.25rem;
	}
	.row_case01 {
		margin-bottom: 7.5vw;
		max-width: calc(646 / var(--break) * 100vw);
		/*opacity: .5;
		transition: .3s;*/
	}
	.row_case01.slick-active {
		opacity: 1;
	}
	.row_case01 .col {
		max-width: calc(480 / var(--break) * 100vw);
		width: 100%;
		margin-right: auto;
		margin-left: auto;
	}
	.row_case01 .col:first-child {
		margin-bottom: 12vw;
	}
	.row_case01:after {
		border-left: calc(40 / var(--break) * 100vw) solid transparent;
		border-right: calc(40 / var(--break) * 100vw) solid transparent;
		border-top: calc(30 / var(--break) * 100vw) solid #ccc;
		border-bottom: 0;
		top: 0;
	}
	.row_case01 > .flex{
		display: block;
	}
	.row_case01 .en {
		font-size: .75rem;
	}
	.slide_case01 {
		margin-bottom: 8vw;
	}
	.slide_case01 .slick-slide {
		/*max-width: calc(480 / var(--break) * 100vw);*/
	}
	.slide_case01 .slick-slide.slick-center {
		opacity: 1;
		transition: .5s;
	}
	.slide_case01 .slick-slide.slick-active {
		opacity: 1;
		transition: .5s;
	}
	.slide_case01 .slick-prev, .slide_case01 .slick-next {
		width: calc(50 / var(--break) * 100vw);
		height: calc(90 / var(--break) * 100vw);
		bottom: auto;
		top: 64vw;
	}
	.slide_case01 .slick-prev {
		left: 6vw;
	}
	.slide_case01 .slick-next {
		right: 6vw;
	}
	.slide_case01.slick-dotted.slick-slider {
		margin-bottom: 15vw;
	}
	.slide_case01 .slick-dots li {
		width: calc( 16 / var(--break) * 100vw);
		height: calc( 16 / var(--break) * 100vw);
		margin: 0 calc( 14 / var(--break) * 100vw);
	}
	.slide_case01 .slick-dots li button {
		width: calc( 16 / var(--break) * 100vw);
		height: calc( 16 / var(--break) * 100vw);
	}
	.slide_case01 .slick-dots li button:before {
		width: calc( 16 / var(--break) * 100vw);
		height: calc( 16 / var(--break) * 100vw);
	}
	.tbl_case tr th {
		border-bottom: 1px solid #000;
	}
}


/* リスク・副作用
------------------------------------------------------------------*/
.box_risk01 {
	border: ;
}
.box_risk01 .box {
	overflow: hidden;
	max-height: 180px;
	height: auto;
	touch-action: auto !important;
	position: relative;
	padding-right: calc(50 / var(--break) * 100vw);
}
.box_invisalign {
	max-width: 1000px;
	border: ;
}
.box_invisalign .box {
	overflow: hidden;
	max-height: 180px;
	height: auto;
	touch-action: auto !important;
	position: relative;
	padding-right: calc(50 / var(--break) * 100vw);
}
/* パーフェクトスクロールバー */
.risk .ps__thumb-y, .box_invisalign .ps__thumb-y {
	background: #0b9be1 !important;
	right: 0px !important;
	width: 4px !important;
}
.risk .ps--active-x > .ps__rail-x,
.risk .ps--active-y > .ps__rail-y, .box_invisalign .ps--active-x > .ps__rail-x,
.box_invisalign .ps--active-y > .ps__rail-y {
	background: none !important;
	right: 0px !important;
	width: 4px !important;
	opacity: 1!important;
}
.risk .ps .ps__rail-x.ps--clicking, .risk .ps .ps__rail-x:focus, .risk .ps .ps__rail-x:hover, .risk .ps .ps__rail-y.ps--clicking, .risk .ps .ps__rail-y:focus, .risk .ps .ps__rail-y:hover, .box_invisalign .ps .ps__rail-x.ps--clicking, .box_invisalign .ps .ps__rail-x:focus, .box_invisalign .ps .ps__rail-x:hover, .box_invisalign .ps .ps__rail-y.ps--clicking, .box_invisalign .ps .ps__rail-y:focus, .box_invisalign .ps .ps__rail-y:hover {
	opacity: 1!important;
}
@media(min-width: 768px) and (max-width:1599px) {
}
@media(min-width: 751px) and (max-width:1299px) {
}
@media(max-width: 767px) {
	.box_risk01 .box {
		padding-right: 4vw;
		max-height: calc(420 / var(--break) * 100vw);
	}
	.box_risk01 .ttl, .box_invisalign .ttl {
		font-size: 1.125rem;
		letter-spacing: 0;
	}
	.box_risk01 .txt {
		letter-spacing: 0;
	}
	.sp.risk .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y, .sp.risk .ps-container > .ps-scrollbar-y-rail, .box_invisalign .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y, .box_invisalign .ps-container > .ps-scrollbar-y-rail {
		right: 0!important;
		width: 2px!important;
	}
}


/* 採用情報 recruit
------------------------------------------------------------------*/
.tbl_guideline01:not(:last-child) {
	margin-bottom: calc(100 / var(--break) * 100vw);
}
.tbl_guideline01 table {
	border-color: ;
}
.tbl_guideline01 th {
	background: ;
}
.tbl_guideline01 tr:not(:last-child) td {
	border-bottom-color: ;
}
.tbl_form01 th {
	color: #333333;
}
.tbl_form01 td input,
.tbl_form01 td textarea {
	background-color: #eee;
}
.tbl_form01 .require span:after {
	color: #fff;
	background-color: #f2396f;
}
.btn_submit input {
	border: none;
	background: #f2396f;
	color: #fff;
	font-family: "vdl-v7mincho", sans-serif;
    font-weight: 800;
    font-style: normal;
}
@media(min-width: 768px) and (max-width:1599px) {
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
	.tbl_guideline01 td a {
		text-decoration: underline;
		color: var(--guideline-color);
	}
	.tbl_guideline01 tr th {
			border-bottom: 1px solid #000;
	}
	.tbl_guideline01 td {
		border-left:none;
	}
	.bg_recruit01 .copy {
		letter-spacing: 0;
		font-size: calc(34 / var(--break) * 100vw);
	}
}

/* お問い合わせ contact
------------------------------------------------------------------*/
.grecaptcha-badge { visibility: hidden; }
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	
}

/* ブログ blog
------------------------------------------------------------------*/
#sidebar {
	width: 24%;
}
#sidebar h4 {
	background: #00356f;
	color: #fff;
	font-weight: 500;
	font-size: 1.25rem;
	line-height: calc(40 / var(--break) * 100vw);
	margin-bottom: calc(4 / var(--break) * 100vw);
	text-align: center;
}
#sidebar caption {
	margin-bottom: calc(5 / var(--break) * 100vw);
}
#wp-calendar {
	width: 100%;
	margin-bottom: calc(10 / var(--break) * 100vw);
}
#wp-calendar thead th {
	background: #e9effe;
	border: 1px solid #e9effe;
	border-right-color: #e9effe;
	font-size: .8125rem;
	font-weight: normal;
}
#wp-calendar tbody td {
	border: 1px solid #e9effe;
	text-align: center;
	font-size: .875rem;
	line-height: 1.8;
}
#wp-calendar tbody td a {
	color: #e96093;
	text-decoration: underline;
}
.wp-calendar-nav{
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	margin-bottom: calc(60 / var(--break) * 100vw);
	line-height: 1.5;
}
.wp-calendar-nav-prev{padding-left: calc(10 / var(--break) * 100vw);}
.wp-calendar-nav-next{padding-right: calc(10 / var(--break) * 100vw);}
.wp-calendar-nav a{
	padding-bottom: calc(3 / var(--break) * 100vw);
	border-bottom: 1px solid #000000;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}
#sidebar ul li {
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
#sidebar ul li a {
	border-bottom: 1px solid #333;
	padding-bottom: calc(4 / var(--break) * 100vw);
	line-height: 2.1;
}
.post_main {
	width: 71%;
}
.navigation {
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display:flex;
	-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;/*--- IE10 ---*/
	-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
	justify-content:space-between;
	margin-bottom: calc(60 / var(--break) * 100vw);
}
.navigation li {
	width: calc(170 / var(--break) * 100vw);
}
.navigation .navitop {
	text-align: center;
}
.navigation .naviright {
	text-align: right;
}
.navigation li a {
	padding-bottom: calc(4 / var(--break) * 100vw);
	border-bottom: 1px solid #333;
}
.post_content img {
	max-width: 100%;
	height: auto;
}
.date_single {
	display: block;
	text-align: right;
	font-size: .8125rem;
	margin-top: calc(-30 / var(--break) * 100vw);
	margin-bottom: calc(40 / var(--break) * 100vw);
}
.post_content {
	line-height: 1.75;
}
.thmb {
	width: calc(120 / var(--break) * 100vw);
}
.thmb img {
	height: calc(120 / var(--break) * 100vw);
	object-fit: cover;
}
.thmb a:hover .img_thmb {
	opacity: .75;
}
.txt_post {
	width: calc(100% - calc(140 / var(--break) * 100vw));
}
.page_main section.blog_archive {
	padding-bottom: calc(35 / var(--break) * 100vw);
	border-bottom: 1px solid #e9effe;
}
.post_main section.blog_archive:not(:last-child) {
	margin-bottom: calc(40 / var(--break) * 100vw);
}
.txt_post a {
	color: inherit;
}
.txt_post a:hover {
	text-decoration: underline;
}
.txt_post h4 {
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	line-height: 1.7;
	font-size: 1.25rem;
	letter-spacing: .1em;
	color: #00356f;
	font-family: "vdl-v7mincho", sans-serif;
    font-weight: 800;
    font-style: normal;
}
.blog_archive .txt_post .date {
	color: #000000;
}
.txt_post .txt_excerpt {
	line-height: 1.75;
	margin-top: calc(8 / var(--break) * 100vw);
}
.txt_post .txt_excerpt .more {
	color: #f2396f;
	text-decoration: underline;
}
.page_main .wp-pagenavi {
	margin-top: calc(60 / var(--break) * 100vw);
	text-align: center;
	font-size: .875rem;
}
.page_main .wp-pagenavi a, .page_main .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #f2396f;
	color:#f2396f;
	padding: 0 calc(10 / var(--break) * 100vw);
	margin: calc(2 / var(--break) * 100vw);
	display: inline-block;
}
.page_main .wp-pagenavi span.pages {
	padding: 0 calc(11 / var(--break) * 100vw);
}
.page_main .wp-pagenavi a:hover, .page_main .wp-pagenavi span.current {
	border-color: #f2396f;
	background: #f2396f;
	color: #fff;
}
.page_main .wp-pagenavi span.current {
	font-weight: normal;
}
.post_content li {
	list-style: inherit;
	margin-left: 1.5em;
}
.single_post h1 {
	color: #fff;
	padding: calc(15 / var(--break) * 100vw) calc(20 / var(--break) * 100vw);
	font-family: "vdl-v7mincho", sans-serif;
    font-weight: 800;
    font-style: normal;
	font-size: calc(26 / var(--break) * 100vw);
	background: url("images/page/deco_column01.svg") no-repeat left top / calc(100 / var(--break) * 100vw),url("images/page/deco_column02.svg") no-repeat right bottom / calc(100 / var(--break) * 100vw),linear-gradient(to bottom, #00356f, #07284d);
}
.post_content > h2,.post_content > h3{
	line-height: 1.6;
	font-size: 1.25rem;
	letter-spacing: 0.1em;
	margin-bottom: calc(35 / var(--break) * 100vw );
}
.post_content > h2 {
	color: #fff;
	padding: calc(15 / var(--break) * 100vw) calc(35 / var(--break) * 100vw);
	font-family: "vdl-v7mincho", sans-serif;
    font-weight: 800;
    font-style: normal;
	background: url("images/page/deco_column03.svg") no-repeat left top / calc(24 / var(--break) * 100vw),url("images/page/deco_column03.svg") no-repeat right bottom / calc(24 / var(--break) * 100vw),linear-gradient(to top, #e96093, #f2396f);
}
.post_content > h3 {
	padding-left: calc(30 / var(--break) * 100vw);
	padding-bottom: calc(10 / var(--break) * 100vw);
	font-family: "vdl-v7mincho", sans-serif;
    font-weight: 800;
    font-style: normal;
	position: relative;
	border-bottom: 4px double #e9effe;
	color: #00356f;
}
.post_content > h3:before {
	position: absolute;
	content: "";
	background: url("images/page/deco_column05.svg") no-repeat left center / contain;
	width: calc(22 / var(--break)* 100vw);
	height: calc(22 / var(--break)* 100vw);
	left: 0;
	top: calc(5 / var(--break) * 100vw);
	margin: auto;
}
#sidebar .category h4{
	margin-bottom: calc(20 / var(--break) * 100vw );
}
#sidebar .category ul{
	gap:calc(10 / var(--break) * 100vw ) 3%;
}
#sidebar .category ul li{
	font-size: 1rem;
	width: auto;
	overflow: visible;
	white-space:normal;
}
#sidebar .category ul li a{
	border: 1px solid #f2396f;
	background: #f2396f;
	color: #fff;
	padding: calc(4 / var(--break) * 100vw ) calc(8 / var(--break) * 100vw );
	line-height: 1.6;
}
#sidebar .category ul li a.is-active{
	background: #fff;
	color: #f2396f;
}

@media(min-width: 768px) and (max-width:1599px) {
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
	.page_main {
		display: block!important;
	}
	#sidebar {
		width: 100%;
	}
	#sidebar h4 {
		line-height: calc(80 / var(--break) * 100vw);
	}
	.post_main {
		width: 100%;
		margin-bottom: 20vw;
	}
	.thmb {
		width: calc(210 / var(--break) * 100vw);
	}
	.thmb img {
		height: calc(210 / var(--break) * 100vw);
	}
	.txt_post {
		width: calc(100% - calc(240 / var(--break) * 100vw));
	}
	.txt_post h4 {
		font-size: 1rem;
		letter-spacing: 0;
	}
	.navigation li {
		width: calc(200 / 750 * 100vw);
	}
	.page_main .wp-pagenavi span.pages,.page_main .wp-pagenavi a, .page_main .wp-pagenavi span {
		padding: .5vw 2vw;
		margin: calc(4 / 750 * 100vw);
	}
	.page_main section.blog_archive {
		padding-bottom: 6vw;
	}
	.post_main section.blog_archive:not(:last-child) {
		margin-bottom: 6vw;
	}
	.post_main .wp-pagenavi {
		margin-top: 12vw;
		display:-webkit-box;/*--- Androidブラウザ用 ---*/
		display:-ms-flexbox;/*--- IE10 ---*/
		display: -webkit-flex;/*--- safari（PC）用 ---*/
		display:flex;
		-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
		-ms-flex-pack:justify;/*--- IE10 ---*/
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		-webkit-flex-wrap: wrap; /* Safari */
		flex-wrap: wrap;
	}
	.single_post > h1 {
		letter-spacing: 0;
		font-size: 1.1875rem;
	}
	.post_content > h2,.post_content > h3{
		letter-spacing: 0;
		font-size: 1.125rem;
	}
	#sidebar .category ul li a{
		border-radius: calc(8 / var(--break)* 100vw);
		padding: calc(4 / var(--break)* 100vw) calc(14 / var(--break)* 100vw);
	}
	.post_content > h3:before {
		width: calc(22 / var(--break) * 100vw);
		height: calc(22 / var(--break) * 100vw);
		top: calc(17 / var(--break) * 100vw);
	}
}


/* フォーマット format
------------------------------------------------------------------*/
.wrap_format01:not(:last-of-type) {
	margin-bottom: calc(100 / var(--break) * 100vw);
}
.img_format01 {
	max-width: 1000px;
}
.row_format01 .col_img {
	width: 46%;
	max-width: 570px;
}
.row_format01 .col_txt {
	width: 50%;
}
.list_format01 li {
	max-width: 425px;
}
.row_format03 .col_img {
	width: 29%;
	max-width: 350px;
}
.row_format03 .col_txt {
	width: 67%;
}
.row_format03 .copy {
	border-bottom: 1px solid #333;
}
.row_format03 .copy:before {
	content: "";
	position: absolute;
	width: calc(20 / var(--break) * 100vw);
	height: calc(20 / var(--break) * 100vw);
	left: 0;
	top: .4em;
	background: #333;
}
.txt_format01 {
	max-width: 1000px;
}
.tbl_fee {
	max-width: 1000px;
}
.tbl_fee table {
	border-color: #;
}
.tbl_fee th {
	background: #;
}
.tbl_fee thead th {
	background: #;
	text-align: center;
}
.tbl_fee thead tr th:not(:last-of-type) {
	border-right: 1px solid #fff;
}
.tbl_fee tr:not(:last-child) td {
	border-bottom-color: #;
}
.tbl_fee tbody tr td:not(:last-of-type) {
	border-right: 1px solid #;
}
.tbl_fee01 tbody th {
	text-align: center;
}
.wrap_format01 .box_flow:last-of-type:before {
	display: none;
}
.box_format03 .col_img {
	width: 31%;
	max-width: 345px;
}
.box_format03 .col_txt {
	width: 65%;
}
.row_format04 .col {
	width: 31.8%;
	max-width: 394px;
	margin-right: 2.3%;
}
.row_format04 .col:nth-child(3n), .row_format04 .col:last-child {
	margin-right: 0;
}
.row_format04 .col:not(:nth-child(-n+3)) {
	margin-top: calc(60 / var(--break) * 100vw);
}
.wrap_format01 .box_qa03 {
	border: none;
	margin-bottom: calc(60 / var(--break) * 100vw);
}
.wrap_format01 .box_qa03 .box_a .box {
	width: calc(60 / var(--break) * 100vw);
	height: calc(60 / var(--break) * 100vw);
	left: 0;
	top: 0;
}
.wrap_format01 .box_qa03 .box_a {
	padding-top: calc(30 / var(--break) * 100vw);
	padding-left: calc(100 / var(--break) * 100vw);
}
.box_format04 .ttl {
	font-weight: 300;
	height: calc(50 / var(--break) * 100vw);
}
.list_format02 li:not(:first-child) {
	margin-top: calc(14 / var(--break) * 100vw);
}
.list_format02 .year {
	width: calc(140 / var(--break) * 100vw);
}
.list_format02 .txt {
	width: calc(100% - calc(140 / var(--break) * 100vw));
}
.risk_format {
	border: 1px solid #333;
}
.risk_format .box{
	overflow-y: scroll;
	max-height: 280px;
	scrollbar-color: #333 #fff;
    scrollbar-width: thin;
}
@media(min-width: 768px) and (max-width:1599px) {
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
	.format {
		padding-bottom: 17vw;
	}
	.wrap_format01:not(:last-of-type) {
		margin-bottom: 20vw;
	}
	.img_format01 {
		max-width: 100%;
	}
	.box_format01 .ttl {
		font-size: 1.125rem;
		letter-spacing: 0;
	}
	.list_format01 li {
		max-width: 100%;
	}
	.row_format03 .copy {
		font-size: 1.125rem;
		letter-spacing: 0;
	}
	.row_format03 .copy:before {
		top: .55em;
	}
	.txt_format01 {
		max-width: calc(646 / var(--break) * 100vw);
	}
	.tbl_fee {
		max-width: 100%;
	}
	.tbl_fee01 tbody th {
		text-align: left;
	}
	.box_format03 {
		display: block;
	}
	.box_format03 .copy {
		font-size: 1.125rem;
	}
	.row_format04 {
		display: block;
	}
	.row_format04 .col {
		width: 100%;
		max-width: calc(600 / var(--break) * 100vw);
		margin: 0 auto!important;
	}
	.row_format04 .col:not(:first-child) {
		margin-top: calc(60 / var(--break) * 100vw);!important;
	}
	.row_format04 .ttl {
		font-size: 1.125rem;
		letter-spacing: 0;
	}
	.wrap_format01 .box_qa03 .box_a .box {
		width: calc(80 / var(--break) * 100vw);
		height: calc(80 / var(--break) * 100vw);
		font-size: 1.5625rem;
	}
	.tbl_format01.js-scrollable table {
		width: calc(1200 / var(--break) * 100vw);
		font-size: .875rem;
	}
	.img_format02 {
		max-width: calc(500 / var(--break) * 100vw);
	}
	.name_format .job {
		font-size: .875rem;
		letter-spacing: 0;
	}
	.name_format .ja {
		font-size: 1.25rem;
		letter-spacing: 0;
	}
	.box_format04 .ttl {
		font-size: 1.125rem;
		letter-spacing: 0;
		height: calc(80 / var(--break) * 100vw);
	}
	.list_format02 li:not(:first-child) {
		margin-top: 2vw;
	}
	.list_format02 .year {
		width: calc(200 / var(--break) * 100vw);
	}
	.list_format02 .txt {
		width: calc(100% - calc(200 / var(--break) * 100vw));
	}
}