@charset "UTF-8";
/*==========================================================================

	00. common
	01. staff(院長スタッフ)
	02. tour(院内ツアー)
	03. price(料金表)
	04. access(地図・診療時間)
	05. contact(お問い合わせ)
	06. feature(6つの特徴)
	07. decay(虫歯治療)
	08. extraction(親知らずの抜歯)
	09. perio(歯周病)
	10. kids(小児歯科) 
	11. implant(インプラント)
	12. denture(入れ歯)
	13. esthetics(審美セラミック治療)
	14. whitening(ホワイトニング)
	15. prevent(予防歯科)
	16. root(根管治療)
	17. bridge(ヒューマンブリッジ)
	18. short(透明なマウスピース矯正)
	19.	Blog(投稿記事)
	20.	facility
	21.	Botox

========================================================================== */

/*
	00. common
========================================================================== */
section, aside {
    /*margin: 3em 0 0;*/
    padding-top: 3em;
    padding-bottom: 3em;
    border-bottom: 1px solid #00cdcd;
    position: relative;
}

section:last-child,
aside:last-child {
	margin-bottom: 6em;
}

span.foreign {
    display: block;
    font-weight: 300;
	margin-bottom: 0.5em;
}

span.border01 {
	position: relative;
}

span.border01::before {
    content: '';
    position: absolute;
    bottom: -7px;
    display: inline-block;
    width: 100%;
    height: 4px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #3fd1d1;
    border-radius: 3px;
}

span.border02 {
	position: relative;
}

span.border02::before {
    content: '';
    position: absolute;
    bottom: -7px;
    display: inline-block;
    width: 100%;
    height: 4px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fcc235;
    border-radius: 3px;
}

span.ttl {
    display: inline-block;
    background: url(../img/bgB.svg)no-repeat left / 1.2em;
    padding-left: 2em;
    position: relative;
}

span.ttl {
    display: inline-block;
    background: url(../img/bgB.svg)no-repeat left / 1.2em;
    padding-left: 2em;
    position: relative;
}

.ttl-2 {
	font-weight: 700;
	color: #ed8c96;
}

.ttl-2>span {
background: linear-gradient(rgba(251,242,213,0) 60%, rgb(246 241 181) 60%, rgb(246 242 176) 90%);}

.ttl-2>span.points {
color: #fff;
    background: #ed8c96;
    font-family: 'Noto Serif JP';
    font-style: italic;
    font-weight: 700;
    margin-right: 1em;
    padding: 0.2em 0.5em;
}

span.ttl-3 {
	border-top: 1px solid #0986ca;
    border-bottom: 1px solid #0986ca;
    margin-bottom: 10px;
    padding: 0.5em;
    text-align: center;
    letter-spacing: .1em;
	display: block;
}

.ttl-4 {
    border-bottom: 1px dashed #12b7d5;
    font-size: 1.6rem;
    color: #12b7d5;
    margin-bottom: 0.5em;
    padding-bottom: 0.3em;
	text-align: center;
}

.ttl-low_1 {
	color: #434343;
    background: url(../img/ttl-low_bg1.jpg);
    background-size: cover;
	padding: 0.5em 1em;
	font-weight: 300;
}

.mainPhoto {
    width: 100%;
    margin-bottom: 2em;
}

.sp-contents {
    width: 100%;
    margin: 0 auto;
}

.sp-contents li {
   font-size: 1.4rem;
}

.list-dot li {
    background: url(../img/disc.png) no-repeat left 5px;
    padding-left: 1em;
    text-indent: 0;
}

ul.low-list {
	border: 1px solid #ccc;
	padding: 1em;
	margin: 1em 0;
}

.low-list li {
    list-style: disc;
    font-weight: 700;
    margin-left: 2em;
}

div.more-low {
display: block;
    background: #26a69a;
    color: #fff;
    padding: 0 0.5em;
    z-index: 10;
}

.more-low p {
    font-size: 1.2rem;
    display: flex;
    flex-direction: row;
    padding: 5px;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.more-low p.arrow-R::after {
    content: "";
    width: 50px;
    height: 8px;
    border-bottom: solid 1px;
    border-right: solid 1px;
    transform: skew(45deg);
}

.sp-contents table {
   font-size: 1.4rem;
}


.Lbox75, .Rbox75, .Lbox65, .Rbox65, .Lbox55, .Rbox55, .Lbox50, .Lbox60, .Rbox50, .Lbox48, .Rbox48, .Lbox45, .Rbox45, .Lbox40, .Rbox40, .Lbox35, .Rbox35, .Lbox30, .Rbox30, .Lbox25, .Rbox25, .Lbox20, .Rbox20, .Lbox10, .Rbox10{
	width: 100%
}

span.arrow-R {
	display: flex;
}

/* low */
.private h2 {
	position: relative;
}

.private h2::before {
    display: block;
    content: url(../img/kazari.svg);
    left: 50%;
    top: 18%;
    transform: translate(-50%, -50%);
    width: 85%;
    position: absolute;
}

.lowImg {
    position: relative;
    /* height: 238px; */
}

.lowTxt {
    right: 10%;
    top: 50%;
    position: absolute;
	z-index: 100;
}

.clinic_nav ul {
    display: flex;
    flex-wrap: wrap;
}

.clinic_nav li {
    width: calc( (100% - 2em)/3 );
    margin-right: 1em;
    margin-bottom: 1em;
}

.clinic_nav li:nth-of-type(3n) {
    margin-right: 0;
}

.SP_nav {
    margin: 4em 2em 4em;
}

#menu-nav-sp {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#menu-nav-sp li {
    width: calc( (100% - 1em)/2);
    height: 140px;
    border-right: 1px solid #1fb6e7;
    border-bottom: 1px solid #1fb6e7;
    position: relative;
    margin-right: 1em;
    margin-bottom: 1em;
}

#menu-nav-sp li:nth-child(even) {
	margin-right: 0;
}

/* #menu-nav-sp li a {
    letter-spacing: 0.1em;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.2rem;
    font-family: 'Noto_Sans_Japanese', serif;
    font-weight: bold;
	text-align: center;
    color: #fff;
    writing-mode: vertical-rl;
    font-feature-settings: initial;
    background: #1fb6e7;
    padding: 0.5em;
    display: block;
    width: 100%;
}*/

#menu-nav-sp li a {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 1.4rem;
    font-family: "Times New Roman","YuMincho","Hiragino Mincho ProN","Yu Mincho","MS PMincho",serif;
    font-weight: bold;
    text-align: center;
    color: #095f86;
    padding: 0.5em;
    display: block;
    width: 100%;
    display: block;
    height: 100%;
    width: 100%;
}

#menu-nav-sp li.decay {
	background: url(../img/menu-decay.png)no-repeat center 3px / 100%;
}

#menu-nav-sp li.perio {
	background: url(../img/menu-perio.png)no-repeat center 3px / 100%;
}

#menu-nav-sp li.root {
	background: url(../img/menu-root.png)no-repeat center 3px / 100%;
}

#menu-nav-sp li.extraction {
	background: url(../img/menu-wisdom.png)no-repeat center 3px / 100%;
}

#menu-nav-sp li.denture {
	background: url(../img/menu-denture.png)no-repeat center 3px / 100%;
}

#menu-nav-sp li.ceramic {
	background: url(../img/menu-ceramic.png)no-repeat center 3px / 100%;
}

#menu-nav-sp li.whitening {
	background: url(../img/menu-white.png)no-repeat center 3px / 100%;
}

#menu-nav-sp li.bridge {
	background: url(../img/menu-bridge.png)no-repeat center 3px / 100%;
}

#menu-nav-sp li.mouthpiece {
	background: url(../img/menu-mousepiece.png)no-repeat center 3px / 100%;
}

#menu-nav-sp li.kids {
	background: url(../img/menu-kidsortho.png)no-repeat center 3px / 100%;
}

#menu-nav-sp li.kids-ortho {
	background: url(../img/menu-kids-ortho2.png)no-repeat center 3px / 100%;
}

#menu-nav-sp li.implant {
	background: url(../img/menu-implant.png)no-repeat center 3px / 100%;
}

#menu-nav-sp li.stuff {
	background: url(../img/menu-decay.png)no-repeat center 3px / 100%;
}

#menu-nav-sp li.price {
	background: url(../img/menu-decay.png)no-repeat center 3px / 100%;
}

#menu-nav-sp li.access {
	background: url(../img/menu-decay.png)no-repeat center 3px / 100%;
}

#menu-nav-sp li.recruit {
	background: url(../img/menu-decay.png)no-repeat center 3px / 100%;
}

#menu-nav-sp li.contact {
	background: url(../img/menu-decay.png)no-repeat center 3px / 100%;
}

#menu-nav-sp li.botox {
	background: url(../img/menu-botox.png)no-repeat center 3px / 100%;
}

/*case*/

.case-records-wrap {
    padding: 0 5px;
}


ul.case-records {
    background: url(../img/arrow02.png) no-repeat center 56%;
    background-size: 20px 12px;
    padding-right: 30px;
}

.case-records li {
    float: left;
    width: 50%;
    margin-right: 30px;
}

.case-records li:nth-child(odd) {
    float: left;
    background: url(../img/before.png) no-repeat left top;
    padding-top: 20px;
}

.case-records li:nth-child(even) {
    float: right;
    background: url(../img/after.png) no-repeat left top;
	margin-right: -30px;
    padding-top: 20px;
}

.img_compare {
    text-align: center;
    letter-spacing: -.40em;
    background: url(../img/arrow02.png) no-repeat center 55%;
    background-size: 20px 12px;
}

.img_compare li {
    max-width: 30%;
    text-align: center;
    letter-spacing: normal;
    display: inline-block;
}

.img_compare li:first-child {
    padding-top: 14px;
    margin-right: 15px;
    background: url(../img/before_s.png) no-repeat left top;
}

.img_compare li:last-child {
    padding-top: 14px;
    margin-left: 40px;
    background: url(../img/after_s.png) no-repeat left top;
}

.img_compare li img {
    max-width: 100%;
    width: initial !important;
}



/* Staff
-------------------------------------------------------*/
.staff h2 {
	text-align: center;
	position: relative;
	margin-top: 1.5em;
}

.staff h2::before {
    display: block;
    content: url(../img/crane-logo.svg);
    left: 50%;
    top: -22px;
    transform: translate(-50%,-50%);
    width: 40px;
    position: absolute;
}

.staff .Fbox {
	flex-wrap: wrap;
}

.staff table {
	width: 100%;
    margin: 0 auto 2em;
}

.staff table tr {
  border-top: 1px solid #646566;
  border-left: 1px solid #646566;
  border-right: 1px solid #646566;
}

.staff table tr:last-child {
  border-bottom: 1px solid #646566;
}

.staff th, .staff td {
	display: block;
    padding: 1em;
    font-weight: 400;
    text-align: left;
	width: 100%;
}

.staff th {
  background: #eee;
}

.staff .Box {
    width: 100%;
	margin-bottom: 2em;
}

/* tour
-------------------------------------------------------*/
.tour h2 {
	text-align: center;
	position: relative;
	margin-top: 1.5em;
}

.tour h2::before {
    display: block;
    content: url(../img/crane-logo.svg);
    left: 50%;
    top: -22px;
    transform: translate(-50%,-50%);
    width: 40px;
    position: absolute;
}

.tour {
	/*margin-bottom: 3em;*/
}

.tour .Fbox {
	flex-direction: column;
}

/* price
-------------------------------------------------------*/
.price h2 {
	text-align: center;
	position: relative;
	margin-top: 1.5em;
}

.price h2::before {
    display: block;
    content: url(../img/crane-logo.svg);
    left: 50%;
    top: -22px;
    transform: translate(-50%,-50%);
    width: 40px;
    position: absolute;
}

.price_menu.Fbox {
	flex-wrap: wrap;
}

.price_menu li {
    width: 80%;
    margin: 0.5em auto;
    padding: 0.8em 0.5em;
    color: #1fb6e7;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.08em;
    line-height: 1.3;
    background-color: #FFFFFF;
    border: 2px solid #1fb6e7;
    border-radius: 4px;
}

.price_menu a {
    display: block;
    width: 100%;
    height: 100%;
}

.price .list-num li {
    list-style-type: decimal;
    list-style-position: inside;
	line-height: 1.7;
}

.price table {
    border-collapse: collapse;
    font-size: 1.2rem;
    line-height: 1.7;
	letter-spacing: 0em;
	width: 100%;
	table-layout: fixed;
}

.price table th {
	font-weight: 700;
	max-width: 30%;
}

.price th.alignL {
	width: 30%;
}

.price table th, .price table td {
    border-top: 1px solid #095f86;
    border-left: 1px solid #095f86;
    border-right: 1px solid #095f86;
    border-bottom: 1px solid #095f86;
	padding: 1em;
}

.price table td:last-child, .price table th:last-child {
}

/*.price table th,
.price table td {
	text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}*/

.price table.table-notable th, .price table.table-notable td {
border-top: none;
    border-left: 1px solid #095f86;
    border-right: 1px solid #095f86;
border-bottom: none;
}

.price table.table-notable td {
    vertical-align: middle;
    display: block;
    text-align: center;
	padding-top: 0;
	padding-bottom: 1em;
}

.price table.table-notable td:first-child {
    border-top: 1px solid #095f86;
    padding-top: 1em;
}

.price table.table-notable td:last-child {
    border-bottom: 1px solid #095f86;
    margin-bottom: 1.5em;
}

/* 内容 */

.price table td,
.price table th {
    vertical-align: middle;
}

.price table td:last-child {
    border-bottom: 1px solid #095f86;
}

.price table img {
	width: 100%;
}

.price .Fbox {
    justify-content: center;
}

.price table.table-notable {
    border-collapse: collapse;
    font-size: 1.2rem;
    line-height: 1;
    width: 100%;
}

.heading {
    display: none;
}

.price table.table-notable td:before {
    content: attr(data-label);
    font-size: 1.1rem;
    color: #666;
    display: block;
    margin-bottom: 0.5rem;
}

.price table.table-notable img {
    width: 70%;
}

/* 	04.map
-------------------------------------------------------*/
.access h2 {
	text-align: center;
	position: relative;
	margin-top: 1.5em;
}

.access h2::before {
    display: block;
    content: url(../img/crane-logo.svg);
    left: 50%;
    top: -22px;
    transform: translate(-50%,-50%);
    width: 40px;
    position: absolute;
}

.gmap {
	width: 100%;
}

iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

.access-add .Fbox {
	flex-direction: column;
}

.access-add .Lbox35 {
	text-align: center;
}

.access-link {
    display: block;
    width: 200px;
    margin: 1em auto;
    padding: 0.3em 0.5em;
    color: #1fb6e7;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.08em;
    line-height: 1.3!important;
    background-color: #FFFFFF;
    border: 2px solid #1fb6e7;
    border-radius: 4px;
}

.access-link p{
    line-height: 1.3!important;
}

.tel-link a {
    font-family: 'Rubik', sans-serif;
    font-size: 2rem;
    color: #0986ca;
}

/* 	05.contact
-------------------------------------------------------*/
.contact h2 {
	text-align: center;
	position: relative;
	margin-top: 1.5em;
}

.contact h2::before {
    display: block;
    content: url(../img/crane-logo.svg);
    left: 50%;
    top: -22px;
    transform: translate(-50%,-50%);
    width: 40px;
    position: absolute;
}

/* 入力欄全体の設定 */
input[type="checkbox"],
input[type="radio"] {
    all: revert;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,textarea {
    display: block;
    width: 100%;
    height: 45px;
    margin-bottom: 0;
    padding: 0 12px;
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    background-color: #F6F8F8;
    color: #5c6b80;
    font-size: 1em;
    vertical-align: middle;
    line-height: 45px;
    transition: background-color 0.24s ease-in-out;
}
/* テキストエリアの設定 */
table.CF7_table textarea {
    resize: vertical;
    max-width: 100%;
    min-height: 300px;
    line-height: 1.5em;
    padding: 0.5em;
    overflow: auto;
}
/* 入力欄とテキストエリア共通 */
.CF7_table input, .CF7_table select, .CF7_table textarea {
	border: 1px solid #d8d8d8;
}
/* table */
table.CF7_table {
	width: 100%;
}
table.CF7_table tr {
	border-top: 1px solid #e5e5e5;
}
table.CF7_table th {
  width: 30%;
  background-color: #F6F8F8;
	font-size: 15px;
	vertical-align: middle;
}
table.CF7_table tr,
table.CF7_table th,
table.CF7_table td {
	padding: 0.75rem 0.75rem !important;
}
.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table {
	display: table;
}
.CF7_table ::placeholder {
	color: #797979;
}

/*「必須」文字*/
.CF7_req{
	font-size: .9em;
	padding: 4px 7px;
	background: #4c6d70;
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq{
	font-size: .9em;
	padding: 4px 7px;
	background: #bdbdbd;
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/*プライバシーポリシー*/
.scroll-box {
	width:100%;
	height:200px;
	overflow-y:	scroll;
	border: 1px solid #ddd;
	background-color:#f8f4f4;
	padding: 1em;
	margin-bottom: 1em;
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color: #4c6d70;
	border: 2px solid #4c6d70;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
	padding: 15px 30px;
	transition: all 0.5s 0s ease;
}
.wpcf7 input.wpcf7-submit:hover {
  background: #fff;
	color: #4c6d70;
}
.CF7_btn{
	text-align: center;
	margin: 20px;
}
.wpcf7-spinner{
	width:0;
	margin:0;
}

.wpcf7 form .wpcf7-response-output {
    font-size: 1.3rem;
}

table.CF7_table tr, table.CF7_table th, table.CF7_table td {
    padding: 1em 0;
}

table.CF7_table th, table.CF7_table td {
    border: none;
}

.CF7_table tr, .CF7_table td, .CF7_table th {
    display: block;
    width: 100% !important;
    line-height: 2.5em;
}
.CF7_table th {
	background-color: #F6F8F8;
}

div.wpcf7 .wpcf7-spinner {
    display: block;
}

/* 	06.feature
-------------------------------------------------------*/
.feature-head h2.head {
	position: relative;
	text-align: center;
	margin-top: 1.5em;
}

.feature-head h2.head::before {
    display: block;
    content: url(../img/crane-logo.svg);
    left: 50%;
    top: -22px;
    transform: translate(-50%,-50%);
    width: 40px;
    position: absolute;
}

.feature h2 {
	line-height: 1.8;
    border: 1px solid #eee;
    padding: 0.5em;
    background: url(../img/bgA.svg)no-repeat, url(../img/bgB.svg),url(../img/bgC.svg) no-repeat right #12b7d5b5;
    color: #fff;
    position: relative;
    font-weight: 300;
    font-size: 2.2rem;
    text-align: center;
}

.feature h2::before {
    display: block;
    content: url(../img/crane-logo.svg);
    left: 50%;
    top: -22px;
    transform: translate(-50%,-50%);
    width: 40px;
    position: absolute;
}

.feature-head li h3 {
	font-size: 1.4rem;
}

.feature-head ul.Fbox {
    justify-content: space-between;
    flex-wrap: wrap;
}

.feature-head ul.Fbox li.Lbox48,
.feature-head ul.Fbox li.Rbox48 {
	width: 48%;
}


.feature-head ul.Fbox li {
	background: #FFF5EB;
    border: 1px #12b7d5 solid;
    position: relative;
}

.feature-head ul.Fbox li  a {
    padding: 3% 3% 4%;
    display: block;
}

.feature-head dl.Fbox {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.feature-head dl.Fbox dd {
	font-size: 1.2rem;
	text-align: left;
	margin-top: 10px;
}



/* 	07.decay
-------------------------------------------------------*/
.decay {
	position: relative;
	/*margin-bottom: 6em;*/
}

.decay h2 {
	line-height: 1.8;
    border: 1px solid #eee;
    padding: 0.5em;
    background: url(../img/bgA.svg)no-repeat, url(../img/bgB.svg),url(../img/bgC.svg) no-repeat right #12b7d5b5;
    color: #fff;
    position: relative;
    font-weight: 300;
    font-size: 2.2rem;
    text-align: center;
	margin-top: 1.5em;
}

.decay h2::before {
    display: block;
    content: url(../img/crane-logo.svg);
    left: 50%;
    top: -23px;
    transform: translate(-50%,-50%);
    width: 40px;
    position: absolute;
}

.decay h2 span.Deco {
    margin-bottom: 0.6em;
    display: inline-block;
}

.decay h3,
.decay h4 {
	text-align: center;
}

.decay .inner {

}

.decay .FCbox {
    display: block;
	margin-bottom: 2em;
}

.decay .DlineB::before {
    content: "";
    position: absolute;
    top: 8px;
    bottom: -8px;
    right: -8px;
    left: -13px;
    border-left: solid 1px #1fb6e7;
    border-bottom: solid 1px #1fb6e7;
    z-index: 2;
}

.note-inner {
    display: block;
}

.decay .Fbox {
    display: block;
}

.innerB, .innerC {
	display: block;
	margin-bottom: 2em;
}

.innerB.bg {

}

.innerC.bg {
}

 .innerC {
}

.Pline {
    text-align: center;
}

.Pline img {
	width: 100%;
}

.decay .FboxB {
    display: block
}

.decay .box_line {
    padding: 3em;
}

/* 	08.Extraction
-------------------------------------------------------*/
.extraction h2 {
	line-height: 1.8;
    border: 1px solid #eee;
    padding: 0.5em;
    background: url(../img/bgA.svg)no-repeat, url(../img/bgB.svg),url(../img/bgC.svg) no-repeat right #12b7d5b5;
    color: #fff;
    position: relative;
    font-weight: 300;
    font-size: 2.2rem;
    text-align: center;
	margin-top: 1.5em;
}

.extraction h2::before {
    display: block;
    content: url(../img/crane-logo.svg);
    left: 50%;
    top: -23px;
    transform: translate(-50%,-50%);
    width: 40px;
    position: absolute;
}

.extraction h3, .extraction h4 {
    text-align: center;
}

.extraction > ul.copy {
    border: 1px solid #12b7d5;
    padding: 2em;
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.extraction ul.copy > li {
    font-size: 1.4em;
    line-height: 2;
    background: url(../img/check.svg)no-repeat top 14px left / 5%;
    font-weight: 700;
    font-family: 'Noto Serif JP', serif;
    padding-left: 1.4em;
}

.extraction-box {
	/*margin-bottom: 2em;*/
}

.extraction-box  .Fbox{
	display: block;
}

ul.Fbox.compere-wrap li {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 1em;
}

.extraction .box_line {
    padding: 3em;
}

.extraction  .note-inner ol{
  counter-reset:list;
  list-style-type:none;
  padding:0;
}

.extraction .note-inner ol li{
  position:relative;
  padding: 0 0 0 20px;
  margin: 7px 0 7px 0px;
  font-weight: bold;
  line-height: 30px;
  border-bottom: dashed 1px #F6A38B;
}

.extraction .note-inner ol li:before{
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  height: 0;
  width: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #F6A38B;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

dl.qa-list {
    margin-bottom: 3em;
}

.qa-title {
    background: url(../img/q.svg)no-repeat 1em center/2em #d9e021;
    cursor: pointer;
    font-size: 1.6rem;
    padding: 1em 3em 1em 3.5em;
    position: relative;
    font-weight: 700;
}

.qa-text {
    border-top: 2px solid #eee;
    display: none;
    font-size: 1.4rem;
    padding: 1em 2em;
}

dl.qa-list ul {
    list-style: disc;
    padding: 0 2em;
}

dl.qa-list li {
    list-style: disc;
    font-size: 1.4rem;
}

/* 	09.Perio
-------------------------------------------------------*/
.perio h2 {
	line-height: 1.8;
    border: 1px solid #eee;
    padding: 0.5em;
    background: url(../img/bgA.svg)no-repeat, url(../img/bgB.svg),url(../img/bgC.svg) no-repeat right #12b7d5b5;
    color: #fff;
    position: relative;
    font-weight: 300;
    font-size: 2.2rem;
    text-align: center;
	margin-top: 1.5em;
}

.perio h2::before {
    display: block;
    content: url(../img/crane-logo.svg);
    left: 50%;
    top: -23px;
    transform: translate(-50%,-50%);
    width: 40px;
    position: absolute;
}

.perio h3, .perio h4 {
    text-align: center;
}

.perio > ul.copy {
    border: 1px solid #12b7d5;
    padding: 2em;
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.perio ul.copy > li {
    font-size: 1.4em;
    line-height: 2;
    background: url(../img/check.svg)no-repeat top 14px left / 5%;
    font-weight: 700;
    font-family: 'Noto Serif JP', serif;
    padding-left: 1.4em;
}

.perio .Fbox {
	display: block;
}

.perio-box {
	/*margin-bottom: 2em;*/
}

/* 	10.kids
-------------------------------------------------------*/
.kids h2 {
	line-height: 1.8;
    border: 1px solid #eee;
    padding: 0.5em;
    background: url(../img/bgA.svg)no-repeat, url(../img/bgB.svg),url(../img/bgC.svg) no-repeat right #12b7d5b5;
    color: #fff;
    position: relative;
    font-weight: 300;
    font-size: 2.2rem;
    text-align: center;
	margin-top: 1.5em;
}

.kids h2::before {
    display: block;
    content: url(../img/crane-logo.svg);
    left: 50%;
    top: -23px;
    transform: translate(-50%,-50%);
    width: 40px;
    position: absolute;
}

.kids h3, .kids h4 {
    text-align: center;
}

.kids > ul.copy {
    border: 1px solid #12b7d5;
    padding: 2em;
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.kids ul.copy > li {
    font-size: 1.4em;
    line-height: 2;
    background: url(../img/check.svg)no-repeat top 14px left / 5%;
    font-weight: 700;
    font-family: 'Noto Serif JP', serif;
    padding-left: 1.4em;
}

.kids-box {
	/*margin-bottom: 2em;*/
}

.kids .Fbox{
	display: block;
}

.kids .box_line {
    padding: 3em;
}

.kids  .note-inner ol{
  counter-reset:list;
  list-style-type:none;
  padding:0;
}

.kids .note-inner ol li{
  position:relative;
  padding: 0 0 0 20px;
  margin: 7px 0 7px 0px;
  font-weight: bold;
  line-height: 30px;
  border-bottom: dashed 1px #F6A38B;
}

.kids .note-inner ol li:before{
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  height: 0;
  width: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #F6A38B;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* 	11.implant
-------------------------------------------------------*/
.implant h2 {
	line-height: 1.8;
    border: 1px solid #eee;
    padding: 0.5em;
    background: url(../img/bgA.svg)no-repeat, url(../img/bgB.svg),url(../img/bgC.svg) no-repeat right #12b7d5b5;
    color: #fff;
    position: relative;
    font-weight: 300;
    font-size: 2.2rem;
    text-align: center;
	margin-top: 1.5em;
}

.implant h2::before {
    display: block;
    content: url(../img/crane-logo.svg);
    left: 50%;
    top: -23px;
    transform: translate(-50%,-50%);
    width: 40px;
    position: absolute;
}

.implant h3, .implant h4 {
    text-align: center;
}

.implant > ul.copy {
    border: 1px solid #12b7d5;
    padding: 2em;
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.implant ul.copy > li {
    font-size: 1.4em;
    line-height: 2;
    background: url(../img/check.svg)no-repeat top 14px left / 5%;
    font-weight: 700;
    font-family: 'Noto Serif JP', serif;
    padding-left: 1.4em;
}

.implant-box {
	/*margin-bottom: 6em;*/
}

.implant .Fbox{
	display: block;
}

.implant .qa {
    width: 100%;
}

.implant .qa-title {
    background: url(../img/q.svg)no-repeat 1em center /2em #d9e021;
    cursor: pointer;
    font-size: 1.6em;
    padding: 1em 3em 1em 4em;
    position: relative;
    font-weight: 700;
}

.qa-text {
    font-size: 1.6rem;
	line-height: 1.7;
    padding: 1em;
}


.implant dl.qa-list {
    margin-bottom: 3em;
}

.implant .qa-list:not(:first-child) {
    margin-top: 1em;
}

.implant .qa-text {
    border-top: 2px solid #eee;
    display: none;
	font-size: 1.6rem;
    padding: 1em 2em;
    background: #fff;
}

.CG-box dl ul {
    list-style: disc;
    padding: 0 2em;
}

.CG-box dl li {
    list-style: disc;
}

.CG-box .qa-title:before {
    position: absolute;
    content: '';
    top: 50%;
    right: 25px;
    height: 2px;
    width: 15px;
    background: #333;
    transform: rotate(90deg);
    transition: all .3s ease-in-out;
}

.CG-box .qa-title:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 25px;
    height: 2px;
    width: 15px;
    background: #333;
    transition: all .3s ease-in-out;
}

.CG-box .qa-title.open:before {
    transform: rotate(180deg);
}

/* 	12.denture
-------------------------------------------------------*/
.denture {
}

.denture h2 {
	line-height: 1.8;
    border: 1px solid #eee;
    padding: 0.5em;
    background: url(../img/bgA.svg)no-repeat, url(../img/bgB.svg),url(../img/bgC.svg) no-repeat right #12b7d5b5;
    color: #fff;
    position: relative;
    font-weight: 300;
    font-size: 2.2rem;
    text-align: center;
	margin-top: 1.5em;
}

.denture h2::before {
    display: block;
    content: url(../img/crane-logo.svg);
    left: 50%;
    top: -23px;
    transform: translate(-50%,-50%);
    width: 40px;
    position: absolute;
}

.denture h3, .denture h4 {
    text-align: center;
}

.denture > ul.copy {
    border: 1px solid #12b7d5;
    padding: 2em;
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.denture ul.copy > li {
    font-size: 1.4em;
    line-height: 2;
    background: url(../img/check.svg)no-repeat top 14px left / 5%;
    font-weight: 700;
    font-family: 'Noto Serif JP', serif;
    padding-left: 1.4em;
}

.denture-box {
	/*margin-bottom: 6em;*/
}

.denture .Fbox{
	display: block;
}

.denture .box_line {
    padding: 3em;
}

.denture .note-inner ol{
  counter-reset:list;
  list-style-type:none;
  padding:0;
}

.denture .note-inner ol li{
  position:relative;
  padding: 0 0 0 20px;
  margin: 7px 0 7px 0px;
  font-weight: bold;
  line-height: 30px;
  border-bottom: dashed 1px #F6A38B;
}

.denture .note-inner ol li:before{
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  height: 0;
  width: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #F6A38B;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* 	13.esthetics
-------------------------------------------------------*/
.esthetics {
}

.esthetics h2 {
	line-height: 1.8;
    border: 1px solid #eee;
    padding: 0.5em;
    background: url(../img/bgA.svg)no-repeat, url(../img/bgB.svg),url(../img/bgC.svg) no-repeat right #12b7d5b5;
    color: #fff;
    position: relative;
    font-weight: 300;
    font-size: 2.2rem;
    text-align: center;
	margin-top: 1.5em;
}

.esthetics h2::before {
    display: block;
    content: url(../img/crane-logo.svg);
    left: 50%;
    top: -23px;
    transform: translate(-50%,-50%);
    width: 40px;
    position: absolute;
}

.esthetics h3, .esthetics h4 {
    text-align: center;
}

.esthetics > ul.copy {
    border: 1px solid #12b7d5;
    padding: 2em;
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.esthetics ul.copy > li {
    font-size: 1.4em;
    line-height: 2;
    background: url(../img/check.svg)no-repeat top 14px left / 5%;
    font-weight: 700;
    font-family: 'Noto Serif JP', serif;
    padding-left: 1.4em;
}

.esthetics-box {
	/*margin-bottom: 6em;*/
}

.esthetics .Fbox{
	display: block;
}

.esthetics .box_line {
    padding: 3em;
}

/* 	14.whitening
-------------------------------------------------------*/
.whitening h2 {
	line-height: 1.8;
    border: 1px solid #eee;
    padding: 0.5em;
    background: url(../img/bgA.svg)no-repeat, url(../img/bgB.svg),url(../img/bgC.svg) no-repeat right #12b7d5b5;
    color: #fff;
    position: relative;
    font-weight: 300;
    font-size: 2.2rem;
    text-align: center;
	margin-top: 1.5em;
}

.whitening h2::before {
    display: block;
    content: url(../img/crane-logo.svg);
    left: 50%;
    top: -23px;
    transform: translate(-50%,-50%);
    width: 40px;
    position: absolute;
}

.whitening h3, .whitening h4 {
    text-align: center;
}


.whitening > ul.copy {
    border: 1px solid #12b7d5;
    padding: 2em;
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.whitening ul.copy > li {
    font-size: 1.4em;
    line-height: 2;
    /*background: url(../img/check.svg)no-repeat top 14px left / 5%;*/
    font-weight: 700;
    font-family: 'Noto Serif JP', serif;
    /*padding-left: 1.4em;*/
}

.whitening-box {
	/*margin-bottom: 6em;*/
}

.whitening .Fbox{
	display: block;
}


.whitening .box_line {
    padding: 3em;
}

.whitening table {
	font-size:1.4rem;
	width: 100%;
}

.whitening table th,
.whitening table td {
	display: block;
	width: 100%;
	padding: 0.5em 1em;
}

.whitening table th {
	font-weight: 700;
    vertical-align: middle;
	border-bottom: 1px solid #3fd1d1;
}

.whitening table tr {
	text-align: center;
    border: 1px solid #3fd1d1;
}


/*
	17. bridge
========================================================================== */
.bridge h2 {
	line-height: 1.8;
    border: 1px solid #eee;
    padding: 0.5em;
    background: url(../img/bgA.svg)no-repeat, url(../img/bgB.svg),url(../img/bgC.svg) no-repeat right #12b7d5b5;
    color: #fff;
    position: relative;
    font-weight: 300;
    font-size: 2.2rem;
    text-align: center;
	margin-top: 1.5em;
}

.bridge h2::before {
    display: block;
    content: url(../img/crane-logo.svg);
    left: 50%;
    top: -23px;
    transform: translate(-50%,-50%);
    width: 40px;
    position: absolute;
}

.bridge h3, .bridge h4 {
    text-align: center;
}

.bridge > ul.copy {
    border: 1px solid #12b7d5;
    padding: 2em;
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.bridge ul.copy > li {
    font-size: 1.4em;
    line-height: 2;
    background: url(../img/check.svg)no-repeat top 14px left / 5%;
    font-weight: 700;
    font-family: 'Noto Serif JP', serif;
    padding-left: 1.4em;
}

.bridge-box {
	/*margin-bottom: 6em;*/
}

.bridge .Fbox{
	display: block;
}

.sp-Fbox {
    display: flex;
    justify-content: space-between;
}

.sp-Fbox .Lbox20 {
	width: calc( (100% - 3em) /4);
}

.sp-Fbox .Lbox50, .sp-Fbox .Rbox50 {
	width: calc( (100% - 1.75em) /2);
}

.check_list li {
    font-size: 1.6rem;
    font-weight: 700;
    border-bottom: 1px dotted #12b7d5;
    line-height: 2;
}

.check_list span.small {
    font-style: italic;
    color: #f6992b;
    margin-right: 0.3em;
}

.check_list span.big {
    font-style: italic;
    color: #f6992b;
    margin-right: 0.5em;
}

.bridge table {
    border-collapse: collapse;
    font-size: 1.3em;
    line-height: 1.7;
	letter-spacing: 0em;
	width: 100%;
	table-layout: fixed;
}

.bridge table th {
	font-weight: 700;
	max-width: 30%;
}

.bridge th.alignL {
	width: 30%;
}

.bridge table td {
	min-width: 90px;
}

.bridge table th,
.bridge table td {
	text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
	padding: 5px 5px 4px;
}


.bridge .flow dt {
	font-size: 1.6rem;
}

.bridge .flow dd {
	display: flex;
	justify-content: space-between;
	font-size: 1.4rem;
}

/* 	18.Short
-------------------------------------------------------*/
.short h2 {
	line-height: 1.8;
    border: 1px solid #eee;
    padding: 0.5em;
    background: url(../img/bgA.svg)no-repeat, url(../img/bgB.svg),url(../img/bgC.svg) no-repeat right #12b7d5b5;
    color: #fff;
    position: relative;
    font-weight: 300;
    font-size: 2.2rem;
    text-align: center;
	margin-top: 1.5em;
}

.short h2::before {
    display: block;
    content: url(../img/crane-logo.svg);
    left: 50%;
    top: -23px;
    transform: translate(-50%,-50%);
    width: 40px;
    position: absolute;
}

.short h3, .short h4 {
    text-align: center;
}

.short > ul.copy {
    border: 1px solid #12b7d5;
    padding: 2em;
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.short ul.copy > li {
    font-size: 1.4em;
    line-height: 2;
    background: url(../img/check.svg)no-repeat top 14px left / 5%;
    font-weight: 700;
    font-family: 'Noto Serif JP', serif;
    padding-left: 1.4em;
}

.short .Fbox{
	display: block;
}


.short .box_line {
	padding: 2em 3em;
}

.short .box_line ul{
  counter-reset:list;
  list-style-type:none;
}

.short .box_line ul li{
  position:relative;
  padding: 0 0 0 20px;
  margin: 7px 0 7px 0px;
  font-weight: bold;
  line-height: 30px;
  border-bottom: dashed 1px #F6A38B;
}

.short .box_line ul li:before{
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  height: 0;
  width: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #F6A38B;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.img-right {
	width: 100%;
}

.short .notice p:last-of-type{
	color: #f6992b;
}

.short .notice li {
	list-style: disc;
	line-height: 1.7;
	margin-left: 2em;
}

.short .flow dt {
	font-size: 1.6rem;
}

.short .flow dd {
	font-size: 1.4rem;
	margin-bottom: 2em;
}

.short .arrow-section {
    padding: 10px 0;
}

.short .flow dd:last-child {
	border: none;
}

.short .flow dd:last-child:after {
	content: none;
}

.btn--smile, a.btn--smile {
    display: block;
    width: 80%;
	margin: 0 auto;
    padding: 1em;
    color: #1fb6e7;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.08em;
    line-height: 1.3;
    background-color: #FFFFFF;
    border: 2px solid #1fb6e7;
    border-radius: 4px;
}

/*flow
-------------------------------------------------------*/
.flow-box ol {
    counter-reset: count;
    position: relative;
    list-style: none;
}

.flow-box li {
    padding: 1em;
    margin: 0;
    position: relative;
    background: #fff;
}

.flow-box li:before {
    content: "";
    display: block;
    width: 55px;
    height: 55px;
    background: #c3a452;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 12px;
}

.flow-box li:after {
    content: "";
    display: block;
    height: calc(100% - 55px);
    border-left: solid 2px #ddd;
    position: absolute;
    top: 73px;
    left: 39px;
}

.step-label {
    color: #fff;
    font-weight: 700;
    position: absolute;
    top: 18px;
    left: 25px;
    font-family: 'Rubik', sans-serif;
    line-height: 1.6;
    font-size: 1.1rem;
}

.step-label:after {
    counter-increment: count;
    content: counter(count);
    position: absolute;
    font-size: 3rem;
    top: 5px;
    left: 6px;
}

.step-title {
    font-size: 1.7rem;
    margin-left: 4em;
    margin-bottom: 0.5em;
    padding-top: 0.5em;
    display: inline-block;
    vertical-align: middle;
}

h4.step-title span {
    /* vertical-align: baseline; */
    color: #fff;
    padding: 0.5em 1em;
    font-size: 10px;
    margin-left: 1em;
    display: inline-block;
    vertical-align: middle;
    /* display: revert; */
    flex-direction: row;
    /* align-items: baseline; */
    margin-top: -0.5em;
    /* height: 1.2rem; */
    border-radius: 1.5em;
}

h4.step-title span.A {
    /* vertical-align: baseline; */
    background: #e1a127;
}

h4.step-title span.B {
    /* vertical-align: baseline; */
    background: #fe597f;
}

.step-body {
	display: flex;
    border-bottom: dotted 2px #ddd;
    margin-left: 2.5em;
	padding: 0 0 1em;
    justify-content: space-evenly;
    flex-direction: column-reverse;
    align-items: center;
}


.step-body p {
	width: 70%;
    margin-bottom: 0.5em;

}

.step-body p:first-child {
    width: 70%;
}

ol>:last-of-type:after {
    display: none
}

/* 投稿
-------------------------------------------------------*/
.roop {
	margin-top: 2em;
	margin-bottom: 2em;
}
.sidebar {
	margin-bottom: 30px;
}
.sidebar h3 {
    font-size: 1.4rem;
    color: #12b7d5;
    text-align: center;
    border-bottom: 1px dashed #12b7d5;
}
.sidebar li {
	font-size: 1.2rem;
	margin-bottom: 6px;
	padding-left: 10px;
}
.sidebar li a {
	text-decoration: underline;
}
.post {
	border : 1px dashed #ccc;
	border-radius : 4px;
	padding: 15px 20px;
	margin: 0 auto 25px;
	background: #fff;
}
.roop .post h2.ttl-blog {
    line-height: 1.8;
    border: 1px solid #eee;
    padding: 0.5em;
    background: url(../img/bgA.svg)no-repeat, url(../img/bgB.svg),url(../img/bgC.svg) no-repeat right #12b7d5b5;
    color: #fff;
    position: relative;
    font-weight: 300;
    font-size: 1.8rem;
    text-align: center;
    margin-top: 1.5em;
    margin-bottom: 0.7em;
}
.roop .post h3 span.ttl-3 {
    border-top: 1px solid #0986ca;
    border-bottom: 1px solid #0986ca;
    margin-bottom: 10px;
    padding: 0.5em;
    text-align: center;
    letter-spacing: .1em;
    display: block;
    font-size: 1.6rem;
}
.post .data {
	font-size: 12px;
	color: #777;
	margin-bottom: 4px;
	display: block;
}
.post p {
	margin-bottom: 10px;
	font-size: 1.4rem;
}
.posts-btn{
	text-align: center;
	margin-top: 40px;
	margin-bottom: 50px;
}
.posts-btn li{
	display: inline;
}
.posts-btn li:first-child:after{
	content:"|";
	margin-left: 30px;
}
.posts-btn li:first-child{
	margin-right: 30px;
}
.posts-btn a {
	color: #2780bb;
	text-decoration: underline;
	vertical-align: middle;
}
.posts-btn a i {
	margin: 0 3px;
	font-size: 90%;
	vertical-align: middle;
}
.post iframe, .post img {
	max-width: 100%;
	height: auto;
}
.post table {
    border-collapse: collapse;
    line-height: 1.7;
    width: 100%;
}

.post table th {
    vertical-align: middle;
    text-align: center;
    border-top: 1px solid #095f86;
    /* border-bottom: 1px solid #095f86; */
    padding: .5em 1em;
    border-left: 1px solid #095f86;
    border-right: 1px solid #095f86;
}

.post table td {
    text-align: center;
    border-top: 1px solid #095f86;
    border-bottom: 1px solid #095f86;
    padding: .5em 1em;
    border-left: 1px solid #095f86;
    border-right: 1px solid #095f86;
}
.case-records-cms {
	background: url(../images/common/arrow01.png) no-repeat center 52%;
	width: 100%;
	margin: 15px auto;
}
.case-records-cms td {
	text-align: center;
	vertical-align: middle;
}
.case-records-cms .before img {
	float: left;
	background: url(../images/common/before_s.png) no-repeat left top;
	padding-top: 14px;
	width: 98px;
	height: auto;
}
.case-records-cms .after img {
	float: right;
	background: url(../images/common/after_s.png) no-repeat left top;
	padding-top: 14px;
	width: 98px;
	height: auto;
}

/*blog*/
.post-inner {
    display: flex;
    justify-content: column;
    flex-direction: column-reverse;
}
.post-inner p.t-block {
    width: 100%;;
}

.post-inner p.p-block {
    width: 100%;;
}

.roop div.post > img {
    margin-bottom: 2em;
}

.post .u-line {
	text-decoration: underline;
}

.post .box-A {
	background: #fef4db;
	padding: 2em;
	margin: 2em 0;
}

.post .box-B {
	border: 1px solid #666;
    padding: 2em;
    margin: 1em 0;
}

.post-contact-btn {
    display: block;
    width: 300px;
    margin: 1em auto 2em;
    padding: 0.3em 0.5em;
    color: #1fb6e7;
    font-size: 1.6rem;
	font-weight: 700;
    text-align: center;
    letter-spacing: 0.08em;
	line-height: 1.3;
    background-color: #fff;
    border: 2px solid #1fb6e7;
}

/*ブログカード*/
.blog-card {
    background: rgba(251, 140, 0, 0.02);
    border: 1px solid #0986ca;
    word-wrap: break-word;
    max-width: 100%;
    /* border-radius: 5px; */
    margin: 0px 10px 15px 10px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, .2);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.blog-card:hover {
    cursor: pointer;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .2);
    -moz-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}

.blog-card:before {
    position: absolute;
    padding: 2px 6px;
    content: "▶ 詳細を見る";
    background-color: #0986ca;
    color: #fff;
    font-size: 1.3rem;
    z-index: 1;
}

.blog-card a {
  text-decoration: none;
}

.blog-card-thumbnail {
  width: 35%;
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}

.blog-card-thumbnail img {
	padding: 0;
	max-width: 100%!important;
}

.blog-card-content {
  display: table-cell;
  vertical-align: middle;
}

.blog-card-title {
  font-size: 1.4rem;
  margin: 5px 10px 5px 0px;
  font-weight: bold;
  line-height: 1.7;
}

.blog-card-title:hover {
  text-decoration: underline;
}

.blog-card-excerpt {
  font-size: 1.3rem;
  color: #4c4c4c;
  margin: 0 10px 5px 0;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.blog-card .clear {
  clear: both;
}

.profile {
    display: flex;
    border: 1px solid #ccc;
    padding: 1em;
    flex-direction: column;
}

.profile_txt {
width: 100%;
}

.profile_txt ul{
	margin-bottom: 1em;
}

.profile_img {
    width: 100%;
    /* border-radius: 50%; */
    /* background: #ccc; */
    /* height: 50%; */
	text-align: center; 
}

.profile_img img {
    width: 100px;
    height: 100px;
	border-radius: 100%;
    border: 1px solid #ccc;
	margin-bottom: 0.8em;
}

/* 薬機法 */
.mda dt {
	    font-size: 1.4rem;
		margin-bottom: 0.5em
}

.mda dd {
	    font-size: 1.4rem;
		margin-bottom: 1em;
}

/* 	20.facility
-------------------------------------------------------*/
.facility dt,
.facility dd {
font-size: 1.4rem;
margin-bottom: 5px;
}

@media screen and (max-width: 500px) {
  .blog-card:before {
    font-size: .56em;
  }
  .blog-card-title {
    font-size: .70em;
  }
  .blog-card-excerpt {
    font-size: .60em;
  }
}

@media screen and (min-width: 360px) {
.case-records-cms .before img, .case-records-cms .after img {
	width: 116px;
	height: auto;
}
}
@media screen and (min-width: 375px) {
.case-records-cms .before img, .case-records-cms .after img {
	width: 124px;
	height: auto;
}
}
@media screen and (min-width: 410px) {
.case-records-cms .before img, .case-records-cms .after img {
	width: 140px;
	height: auto;
}
}

/* 	21.botox
-------------------------------------------------------*/
.botox h2 {
	line-height: 1.8;
    border: 1px solid #eee;
    padding: 0.5em;
    background: url(../img/bgA.svg)no-repeat, url(../img/bgB.svg),url(../img/bgC.svg) no-repeat right #12b7d5b5;
    color: #fff;
    position: relative;
    font-weight: 300;
    font-size: 2.2rem;
    text-align: center;
	margin-top: 1.5em;
}

.botox h2::before {
    display: block;
    content: url(../img/crane-logo.svg);
    left: 50%;
    top: -23px;
    transform: translate(-50%,-50%);
    width: 40px;
    position: absolute;
}

.botox h3, .botox h4 {
    text-align: center;
}

.botox .Fbox{
	display: block;
}


.botox table {
    border-collapse: collapse;
    line-height: 1.7;
	width: 100%;
}

.botox table th {
    display:none;
}

.botox table td {
    display: block;
    width: 100%;
}

.botox table td:first-child{
   font-weight:bold;
}

.botox table td:before{
    content: attr(data-label);
    font-weight:bold;
    display: block;
}

.botox table td {
	text-align: left;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
	padding: 0.5em 1em;
}

.botox table td:first-child {
    border-bottom: none;
}