/* 医院様専用のCSS */
body {
    font-family: "游ゴシック体", "serif";
}
strong{ font-weight: bold; }

/*追従バナー設置*/
#bottomLink {
				display: none;
}

@media screen and (max-width: 768px) {
				#bottomLink {
								display: block;
								position: fixed;
								bottom: 0;
								left: 0;
								width: 100%;
								text-align: center;
								z-index: 100;
								height: 60px;
								overflow: hidden;
				}

								#bottomLink a span {
												display: block;
												padding-top: 10px;
								}

								#bottomLink a {
												display: block;
												color: #fff;
												background: #1b4171; /*テンプレートに合わせて色を変更*/
												text-decoration: none;
												font-size: 110%;
												line-height: 1.2em;
												width: 49.666%;
												height: 100%;
												float: left;
												border-left: 1px solid #fff;
												padding: 10px 0px;
												font-size: 15px;
								}
}

#bottomLink .green {
				background: #92d050;
				padding-top: 5px;
}

/*矯正ぺージ画像追加*/
.kyousei_scene_left {
				float: left;
				width: 48%;
}

.kyousei_scene_right {
				float: right;
				width: 48%;
}

				.kyousei_scene_left strong,
				.kyousei_scene_right strong {
								font-weight: bold;
				}

@media screen and (max-width: 768px) {
				.kyousei_scene_left,
				.kyousei_scene_right {
								float: none;
								width: 100%;
				}
}

/*ホームメインビジュアル内の青丸*/
.swiper-wrapper {
				position: relative;
}

.point-icon {
				display: flex;
				align-items: center;
				justify-content: center;
				position: absolute;
				top: 88px;
				right: 88px;
				background-color: #2b5097;
				width: 180px;
				height: 180px;
				padding: 16px;
				border-radius: 100%;
				box-sizing: border-box;
                z-index: 1;
}

.point-icon__inner {
				display: flex;
				align-items: center;
				justify-content: center;
				flex-wrap: wrap;
				gap: 8px 0;
}

.point-icon strong {
				display: block;
				width: 80%;
				padding: 8px 0 10px;
				line-height: 1;
				border: 1px solid;
				box-sizing: border-box;
}

.point-icon p,
.point-icon strong {
				color: #ecf2ff;
				font-size: 1.0rem;
				font-weight: bold;
				text-align: center;
}

@media screen and (max-width: 1024px) {
				.point-icon {
								top: 0;
								right: 2vw;
								width: 30vw;
								height: 30vw;
								padding: 3vw;
				}

				.point-icon__inner {
								gap: 2vw 0;
				}

				.point-icon strong {
								width: 76%;
								padding: 1.5vw 0;
				}

				.point-icon p,
				.point-icon strong {
								font-size: 3.5vw;
				}
}

/*下層ページタイトル内の青丸*/
.point-icon-wrap {
				display: flex;
				align-items: center;
				justify-content: center;
				gap: 0 12px;
				position: absolute;
				top: 340px;
				right: 32px;
				height: auto !important;
				margin-top: 0 !important;
}

				.point-icon-wrap .point-icon {
								position: static;
								top: 0;
								right: 0;
								width: 140px !important;
								height: 140px !important;
								margin-top: 0 !important;
				}

								.point-icon-wrap .point-icon p,
								.point-icon-wrap .point-icon strong {
												font-size: 1.2rem;
								}

@media screen and (max-width: 1024px) {
				.point-icon-wrap {
								gap: 0 2vw;
								top: 250px;
								right: 50%;
								transform: translateX(50%);
				}

								.point-icon-wrap .point-icon {
												width: 24vw !important;
												height: 24vw !important;
								}

												.point-icon-wrap .point-icon p,
												.point-icon-wrap .point-icon strong {
																font-size: 4vw;
												}
}

/*診療内容ぺージ　ベン図*/
.venn {
    position: relative;
    padding: 0px;
    margin: 0px auto;
	width: 100%;
	max-width: 600px;
	min-height: 250px;
    height: 100%;
    font-size: 1.5vw;
    list-style: none;
}
.venn > li {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
	width: 54%;
	height: 54%;
	min-height: 250px;
    box-sizing: border-box;
    border: solid 0.3em currentColor;
    border-radius: 50%;
    font-weight: bold;
	text-align: center;
	font-size: 21px;
}
.venn > li:nth-of-type(1) {
    top: 0px;
    left: 0px;
	padding: 0px 2.5em 0px 0.5em;
	border-color: #2b5097;
	color: #2b5097;
}
.venn > li:nth-of-type(2) {
    top: 0px;
    right: 0px;
	padding: 0px 0.5em 0px 2.5em;
	border-color: #32b156;
	color: #32b156;
}
/*症例　表*/
.case_table{
	width: 100%;
}
.case_table th{
	background:#38497f;
	color: #fff;
		border: 1px solid #fff;
	vertical-align: top;
	width: 50%;
	padding: 10px 15px;
}
.case_table td{
	background:#e2e7f5;
	border: 1px solid #fff;
	vertical-align: top;
	width: 50%;
	padding: 10px 15px;
}
.case_table2 {
	table-layout:auto;
}
.case_table2 th{
	width: 14%;
}
.case_table2 td{
	width: 43%;
}

/*矯正メニュー*/
.kyousei_menu{
	display: flex;
	margin: 30px 0;
}
.kyousei_menu li{
	width: 33%;
	margin: 0 10px;
	border: 5px solid #36497e;
}
.kyousei_menu li a{
	display: block;
	padding: 15px;
	text-align: center;
    font-weight: bold;
	color:#36497e;
	font-size: 18px;
	transition: 0.3s;
}
.kyousei_menu li a:hover{
	background: #36497e;
	color: #fff;
}
@media screen and (max-width: 768px) {
.kyousei_menu{
	display: block;
}
.kyousei_menu li{
	width: 95%;
	margin: 10px 0;
}
}

/*少しでも早く治療を開始されたい方へ*/
.process {
    display: flex;
    justify-content: center;
    padding: 0px;
    margin: 0px;
    font-size: 1.5vw;
    list-style: none;
}
.process > li {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 1em 3em 1em 2em;
    margin: 0px;
    box-sizing: border-box;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
	font-size: 14px;
	color: #fff;
	    width: 100%;
}
.process > li::before,
.process > li::after {
    position: absolute;
    content: "";
}
.process > li::before {
    top: 50%;
    right: -1.5em;
    z-index: -1;
    transform: translateY(-50%) scaleX(0.5) rotate(45deg);    
    width: 12em;
    height: 12em;
    border: 0.3em solid #38497f;
    border-left: none;
    border-bottom: none;
	    background: #a5b3e0;
}
.process > li::after {
    top: 0px;
    left: 0px;
    bottom: 0px;
    z-index: -1;
    width: calc(100% - 33px);
    border: 0.2em solid #38497f;
    border-right: none;
	background: #a5b3e0;
}
.process li strong{
	display: contents;
	color: #38497f;
	font-weight: bold;
	font-size: 20px;
}

.mini_title{
	text-align: center;
	font-size: 18px;
	border: 1px solid #48c5ff;
	color: #48c5ff;
	padding: 0.2em;
	margin-bottom: 15px;
}

/*地元、家チカでお子様の矯正治療を始めませんか？*/
.school_list{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	align-items:center;
}
.school_list li{
	width: 19%;
	background: #48c5ff;
	color: #fff;
	align-self: normal;
	margin: 5px;
	padding: 5px 0px;
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	border-radius: 10px;
}
@media screen and (max-width: 768px) {
.school_list li{
	width: 30%;
	height: 60px;
}
}
.main-copy {
    color: #38497f;
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    z-index: 3;
    text-align: center;
}
.copy-ja {
    font-family: "筑紫B丸ゴシック";
    text-shadow: 0px 0px 12px rgba(255, 255, 255, 1.0);
}
.main-copy h2 {
    font-size: 1.2rem;
    background: none;
    font-weight: bold;
    color: #38497f;
}
.mv img {
    height: 77vh;
    object-fit: cover;
}
.list-item {
    padding: 0 13px;
    font-size: 0.8rem;
}
@media screen and (max-width: 768px) {
    .list-item {
        padding: 7px 0;
        font-size: 1.0em;
    }
    .main-copy {
    top: 57%;
}
    .copy-ja {
        text-shadow: 0px 0px 12px rgba(23, 84, 165, 1.0);
    }
    .main-copy h2 {
        font-size: 0.9rem;
        color: #fff;
}
}

/*トップメイン以下*/
.info-p-mid {
				font-size: 2rem;
				text-transform: uppercase;
}
.feature-image img {
    transform: none;
}
.feature-heading {
    font-size: 18px;
    padding-left: 20px;
    padding-bottom: 12px;
    font-weight: bold;
}
.feature-heading span {
    background: #fff;
    border-radius: 50%;
    padding: 5px 19px;
    margin-right: 10px;
}
.feature-title-en {
    font-size: 220%;
    font-weight: bold;
    text-transform: uppercase;
}
@media screen and (max-width: 768px) {
        .feature-title {
        left: 47%;
    }
    .feature-title-en {
        font-size: 1.5rem;
        font-weight: bold;
        text-transform: uppercase;
    }
}
.feature-even {
    padding-left: 0px;
}
.care-item {
    width: 25%;
    padding: 15px;
}
@media screen and (max-width: 768px) {
    .care-item {
        width: 90%;
        margin-bottom: 19px;
        min-height: 200px;
    }
    .care-bg {
       height: 72%;
    }
}
/*フッター*/
@media screen and (max-width: 1024px) {
    .footer-address-p-wrap {
        padding: 0;
    }
    .footer-nav ul {
    display: block;
    }
    .footer-nav li {
    display: inline-block;
    width: 49%;
    }
    .footer-nav a {
    padding: 5px;
    }
    .footer-nav a::before{
        content: "▶";
        font-size: 12px;
        padding-left: 10px;
    }
}
/*下層ページ*/
.content h5,
.container h5 {
    color: #364e96;
    padding: 1.0em 0;
    border-top: solid 3px #364e96;
    border-bottom: solid 3px #364e96;
}
.content h4 {
    color: #38497f;
    font-size: 2rem;
    padding-bottom: 25px;
    font-weight: bold;
}
@media print, screen and (min-width: 639px) {
    .content .content-list .item .item-img {
        width: 26.44vw;
        margin-left: 0;
        margin-right: 0;
    }
}

/*2分割の設定など*/
@media print, screen and (min-width: 639px) {
.left{
float: left;
width: 48%;
}
.right{
  float: right;
  width: 48%;
}
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
} 
.clearfix:before {
  content: "";
  display: block;
  clear: both;
} 
.clearfix {
  display: block;
}